{"version":3,"sources":["webpack:///./src/views/attribute/Main.vue?fdd3","webpack:///./src/views/attribute/Main.vue?f4e9","webpack:///./src/views/attribute/Main.vue","webpack:///./src/views/attribute/Main.vue?0233"],"names":["components","Grid","setup","model","current","grid","printColumns","field","gridOptions","title","toolbarConfig","custom","refresh","printConfig","sheetName","columns","modes","exportConfig","filename","type","types","mode","showHeaderOverflow","showOverflow","sortable","resizable","width","cellRender","name","props","openLabel","closeLabel","disabled","promises","query","params","dispatch","undefined","queryAll","save","modalConfig","showFooter","formOptions","items","span","itemRender","placeholder","clearable","options","label","value","rules","Code","max","required","Name","Remark","valueGrid","valueGridOptions","multiselect","editRender","immediate","condition","Equal","editingRow","Id","and","baseUrl","methods","onGridRemoveSelectedRows","rows","callback","cash","dropdown","class","id","addNewRow","icon","isEditing","removeSelectedRows","onPrint","onExport","isRowSelected","keyword","href","ref","row","Selectable","Required","Ordinal","modal","submit","reset","title-width","title-align","data","AttributeId","modal-footer","status","content","$refs","form","validate","errMap","dispatchEvent","render","__scopeId"],"mappings":"iHACA,iDAGe,oCAAgB,CAC7BA,WAAY,CACVC,KAAA,QAEFC,MAJ6B,WAIxB,MACGC,EAAK,UAAG,IAASC,eAAZ,aAAG,EAAkBD,MAE1BE,EAAO,iBAAS,IAElBC,EAAe,CACjB,CAAEC,MAAO,QACT,CAAEA,MAAO,QACT,CAAEA,MAAO,SACT,CAAEA,MAAO,UACT,CAAEA,MAAO,WAGLC,EAA2B,CAC/BC,MAAO,KACPC,cAAe,CACbC,QAAQ,EACRC,SAAS,GAEXC,YAAa,CAAEC,UAAW,OAAQC,QAAST,EAAcU,MAAO,CAAC,UAAW,WAAY,QACxFC,aAAc,CAAEC,SAAU,OAAQC,KAAM,MAAOC,MAAO,CAAC,OAAQ,OAAQC,KAAM,MAAOL,MAAO,CAAC,UAAW,WAAY,OAAQD,QAAST,GACpIS,QAAS,CACP,CAAER,MAAO,OAAQE,MAAO,KAAMa,oBAAoB,EAAMC,cAAc,EAAMC,UAAU,GACtF,CAAEjB,MAAO,OAAQE,MAAO,KAAMa,oBAAoB,EAAMC,cAAc,EAAMC,UAAU,GACtF,CAAEjB,MAAO,aAAcE,MAAO,MAAOa,oBAAoB,EAAMC,cAAc,EAAMC,UAAU,EAAMC,WAAW,EAAOC,MAAO,IAAKC,WAAY,CAAEC,KAAM,UAAWC,MAAO,CAAEC,UAAW,IAAKC,WAAY,IAAKC,UAAU,KACpN,CAAEzB,MAAO,WAAYE,MAAO,KAAMa,oBAAoB,EAAMC,cAAc,EAAMC,UAAU,EAAMC,WAAW,EAAOC,MAAO,IAAKC,WAAY,CAAEC,KAAM,UAAWC,MAAO,CAAEC,UAAW,IAAKC,WAAY,IAAKC,UAAU,KACjN,CAAEzB,MAAO,SAAUE,MAAO,KAAMgB,WAAW,GAC3C,CAAElB,MAAO,UAAWE,MAAO,KAAMa,oBAAoB,EAAMC,cAAc,EAAMC,UAAU,EAAMC,WAAW,EAAOC,MAAO,MAE1HO,SAAU,CACRC,MAAO/B,EAAQ,SAACgC,GAAD,OAAYhC,EAAMiC,SAAS,kBAAmBD,SAAUE,EACvEC,SAAUnC,EAAQ,kBAAMA,EAAMiC,SAAS,yBAAqBC,EAC5DE,KAAMpC,EAAQ,SAACgC,GAAD,OAAYhC,EAAMiC,SAAS,iBAAkBD,SAAUE,GAEvEG,YAAa,CAAEd,MAAO,IAAKe,YAAY,IAEnCC,EAAc,CAClBC,MAAO,CACL,CAAEpC,MAAO,OAAQE,MAAO,KAAMmC,KAAM,EAAGC,WAAY,CAAEjB,KAAM,SAAUC,MAAO,CAAEiB,YAAa,QAASC,WAAW,KAC/G,CAAExC,MAAO,aAAcE,MAAO,MAAOmC,KAAM,EAAGC,WAAY,CAAEjB,KAAM,UAAWoB,QAAS,CAAC,CAAEC,MAAO,IAAKC,OAAO,GAAQ,CAAED,MAAO,IAAKC,OAAO,MACzI,CAAE3C,MAAO,WAAYE,MAAO,KAAMmC,KAAM,EAAGC,WAAY,CAAEjB,KAAM,UAAWoB,QAAS,CAAC,CAAEC,MAAO,IAAKC,OAAO,GAAQ,CAAED,MAAO,IAAKC,OAAO,MACtI,CAAE3C,MAAO,OAAQE,MAAO,KAAMmC,KAAM,GAAIC,WAAY,CAAEjB,KAAM,SAAUC,MAAO,CAAEiB,YAAa,QAASC,WAAW,KAChH,CAAExC,MAAO,UAAWE,MAAO,KAAMmC,KAAM,EAAGC,WAAY,CAAEjB,KAAM,SAAUC,MAAO,CAAEV,KAAM,SAAU2B,YAAa,QAASC,WAAW,KAClI,CAAExC,MAAO,SAAUE,MAAO,KAAMmC,KAAM,GAAIC,WAAY,CAAEjB,KAAM,SAAUC,MAAO,CAAEiB,YAAa,QAASC,WAAW,MAEpHI,MAAO,CACLC,KAAM,CAAC,CAAEjC,KAAM,SAAUkC,IAAK,GAAIC,UAAU,IAC5CC,KAAM,CAAC,CAAEpC,KAAM,SAAUkC,IAAK,GAAIC,UAAU,IAC5CE,OAAQ,CAAC,CAAErC,KAAM,SAAUkC,IAAK,QAI9BI,EAAY,iBAAI,IAEhBC,EAAiC,CACrCrC,KAAM,SACNsC,aAAa,EACb5C,QAAS,CACP,CAAER,MAAO,YAAaE,MAAO,aAAcc,cAAc,EAAMC,UAAU,EAAMC,WAAW,EAAOmC,WAAY,CAAEhC,KAAM,SAAUiC,WAAW,IAC1I,CAAEtD,MAAO,eAAgBE,MAAO,aAAcc,cAAc,EAAMC,UAAU,EAAMC,WAAW,EAAOmC,WAAY,CAAEhC,KAAM,SAAUiC,WAAW,EAAMhC,MAAO,CAAEV,KAAM,YAClK,CAAEZ,MAAO,QAASE,MAAO,IAAKc,cAAc,EAAMC,UAAU,EAAMC,WAAW,EAAOmC,WAAY,CAAEhC,KAAM,SAAUiC,WAAW,KAE/H5B,SAAU,CACRC,MAAO/B,EAAQ,SAACgC,GAAU,MAA4H,OAAzHA,EAAO2B,UAAY,IAAI,eAAU,cAAe,cAASC,OAAO,UAAA1D,EAAK6C,MAAMc,kBAAX,eAAuBC,KAAM,IAAIC,IAAI/B,EAAO2B,WAAoB3D,EAAMiC,SAAS,uBAAwBD,SAAaE,EACjNC,SAAUnC,EAAQ,kBAAMA,EAAMiC,SAAS,8BAA0BC,EACjEE,KAAMpC,EAAQ,SAACgC,GAAD,OAAYhC,EAAMiC,SAAS,sBAAuBD,SAAUE,GAE5EG,YAAa,CAAEd,MAAO,IAAKe,YAAY,IAGzC,MAAO,CACLpC,OACAG,cACAkC,cACAe,YACAC,mBACAS,QAAS,gCAGbC,QAAS,CACPC,yBADO,SACmBC,EAAaC,GACrCC,EAAK,mBAAmBC,SAAS,QACjCF,U,wDC1FN,W,gKCESG,MAAM,uD,uBACT,gCAAiD,MAA7CA,MAAM,+BAA8B,QAAI,M,GACvCA,MAAM,sC,+BAEoD,Q,GAGTC,GAAG,iBAAiBD,MAAM,iC,GAE1EA,MAAM,4E,+BAEsD,U,GAGzDA,MAAM,gB,GACJA,MAAM,qD,+BAKqD,Q,+BAMA,Q,+BAMG,Y,+BAMJ,a,GAQlEA,MAAM,wB,GACJA,MAAM,yD,GACJA,MAAM,sB,GACJA,MAAM,kD,GAQNA,MAAM,gB,GAURA,MAAM,qB,+BAK0C,Q,GAE9CA,MAAM,iC,GAEPA,MAAM,oH,+BAEiD,Q,GAGpDA,MAAM,gB,GACJA,MAAM,gD,+BAM6C,S,+BAOO,U,GAOlEA,MAAM,yC,SAiBmBA,MAAM,gC,GACvBA,MAAM,+B,+BAA8B,Q,gSAzHrD,gCA8IM,YA7IJ,gCA4CM,MA5CN,EA4CM,CA3CJ,EACA,gCAyCM,MAzCN,EAyCM,C,4BAxCJ,gCAGS,UAHwBA,MAAM,gEAAiE,QAAK,oCAAE,EAAArE,KAAKuE,YAAL,IAAAvE,MAAKuE,UAAL,sB,CAC7G,yBAA2D,GAA9CC,KAAK,OAAO1D,KAAK,MAAMuD,MAAM,iB,sBAD3B,EAAArE,KAAKyE,a,4BAItB,gCAmCM,MAnCN,EAmCM,CAlCJ,gCAKS,SALT,EAKS,CAFP,yBAA4D,GAA/CD,KAAK,QAAQ1D,KAAK,MAAMuD,MAAM,iB,IAG7C,gCA2BM,MA3BN,EA2BM,CA1BJ,gCAyBM,MAzBN,EAyBM,CAxBJ,gCAKO,QAJLA,MAAM,4IACL,QAAK,oCAAE,EAAArE,KAAK0E,qBAAL,IAAA1E,MAAK0E,mBAAL,sB,CAER,yBAA4D,GAA/CF,KAAK,QAAQ1D,KAAK,MAAMuD,MAAM,iB,IAE7C,gCAKO,QAJLA,MAAM,4IACL,QAAK,+BAAE,EAAArE,KAAK2E,QAAO,sB,CAEpB,yBAA4D,GAA/CH,KAAK,QAAQ1D,KAAK,MAAMuD,MAAM,iB,IAE7C,gCAKO,QAJLA,MAAM,4IACL,QAAK,+BAAE,EAAArE,KAAK4E,SAAQ,iC,CAErB,yBAA+D,GAAlDJ,KAAK,WAAW1D,KAAK,MAAMuD,MAAM,iB,IAEhD,gCAKO,QAJLA,MAAM,4IACL,QAAK,+BAAE,EAAArE,KAAK4E,SAAQ,kC,CAErB,yBAA2D,GAA9CJ,KAAK,OAAO1D,KAAK,MAAMuD,MAAM,iB,4BA/BpC,EAAArE,KAAKyE,WAAa,EAAAzE,KAAK6E,qBAuCzC,gCA6FM,MA7FN,EA6FM,CA5FJ,gCAsDM,MAtDN,EAsDM,CArDJ,gCAkBM,MAlBN,EAkBM,CAjBJ,gCAOM,MAPN,EAOM,C,4BANJ,gCAKE,SAJA/D,KAAK,OACLuD,MAAM,sD,qDACQ,EAAArE,KAAK8E,QAAO,IAC1BrC,YAAY,U,4BADE,EAAAzC,KAAK8E,a,SAAnB,QAIJ,gCAQM,MARN,EAQM,CAPJ,gCAMS,UALPhE,KAAK,SACLuD,MAAM,8CACL,QAAK,oCAAE,EAAArE,KAAKO,UAAL,IAAAP,MAAKO,QAAL,sBACT,YAKL,gCAiCM,MAjCN,EAiCM,CAhCJ,gCAKS,UAJP8D,MAAM,kGACL,QAAK,+BAAE,EAAArE,KAAK2E,QAAO,oB,CAEpB,yBAAiD,GAApCH,KAAK,QAAQH,MAAM,iB,IAElC,gCAyBM,MAzBN,EAyBM,CAxBJ,gCAKS,SALT,EAKS,CAFP,yBAAuD,GAA1CG,KAAK,cAAcH,MAAM,iB,EACtC,yBAAmD,GAAlCA,MAAM,8BAEzB,gCAiBM,MAjBN,EAiBM,CAhBJ,gCAeM,MAfN,EAeM,CAdJ,gCAMI,KALFU,KAAK,eACLV,MAAM,4IACL,QAAK,+BAAE,EAAArE,KAAK4E,SAAQ,iB,CAErB,yBAAoD,GAAvCJ,KAAK,WAAWH,MAAM,iB,IAErC,gCAMI,KALFU,KAAK,eACLV,MAAM,4IACL,QAAK,+BAAE,EAAArE,KAAK4E,SAAQ,kB,CAErB,yBAA2D,GAA9CJ,KAAK,OAAO1D,KAAK,MAAMuD,MAAM,iB,cAOtD,gCAoCM,MApCN,EAoCM,CAnCJ,yBAkCO,EAlCP,wBAkCO,CAjCLW,IAAI,QACI,EAAA7E,YAAW,CAClB,YAAS,uBAAG8E,EAAKf,GAAee,EAAIC,YAAU,EAAUD,EAAIE,UAAQ,EAAUF,EAAIG,QAAO,EAAMlB,MAC/F,qBAAoB,EAAAF,2B,CAEVqB,MAAK,sBACd,gBADkBJ,EAClB,EADkBA,IAAKK,EACvB,EADuBA,OAAQC,EAC/B,EAD+BA,MAC/B,MADoC,CACpC,yBAQE,EARF,wBAQE,CAPAP,IAAI,OACHQ,cAAa,GACdC,cAAY,SACJ,EAAApD,YAAW,CAClBqD,KAAMT,EACN,QAAOM,EACP,SAAQD,I,uCAEKL,EAAIrB,I,yBAApB,gCAYW,WAZX,EAYW,CAXT,gCAKM,MALN,EAKM,C,EAHJ,gCAES,UAFDS,MAAM,UAAW,QAAK,sCAAE,EAAAjB,UAAUmB,YAAV,IAAAnB,WAAUmB,UAAV,sB,CAC9B,yBAA2D,GAA9CC,KAAK,OAAOH,MAAM,gCAGnC,yBAIE,EAJF,wBAIE,CAHAW,IAAI,aACI,EAAA3B,iBAAgB,CACvB,YAAS,SAAG4B,EAAKf,GAAee,EAAIU,YAAc,EAAA3F,KAAK2D,WAAWC,GAAIM,O,uEAIlE0B,eAAY,sBACrB,iBAAiL,CAAjL,yBAAiL,GAArK9E,KAAK,SAAS+E,OAAO,UAAUC,QAAQ,KAAM,QAAK,0BAAE,EAAAC,MAAMC,KAAKC,UAAQ,SAAEC,QAA4BlE,IAAXkE,GAAsB,EAAAH,MAAMC,KAAKG,cAAa,iBACpJ,yBAA8F,GAAlFrF,KAAK,QAAQgF,QAAQ,KAAM,QAAK,iCAAE,EAAAC,MAAMC,KAAKG,cAAa,iB,kECpIlF,OAAOC,OAASA,EAChB,OAAOC,UAAY,kBAEJ,qB","file":"js/chunk-5643866e.716aa57b.js","sourcesContent":["\nimport CloudFun, { Condition, defineComponent, Operator, ref } from '@cloudfun/core'\nimport Grid, { GridOptions } from '@/cloudfun/components/Grid.vue'\n\nexport default defineComponent({\n  components: {\n    Grid\n  },\n  setup () {\n    const model = CloudFun.current?.model\n\n    const grid = ref<any>({})\n\n    var printColumns = [\n      { field: 'Code' },\n      { field: 'Name' },\n      { field: 'Width' },\n      { field: 'Height' },\n      { field: 'Remark' }\n    ]\n\n    const gridOptions: GridOptions = {\n      title: '屬性',\n      toolbarConfig: {\n        custom: true,\n        refresh: true\n      },\n      printConfig: { sheetName: '廣告清單', columns: printColumns, modes: ['current', 'selected', 'all'] },\n      exportConfig: { filename: '廣告清單', type: 'csv', types: ['html', 'csv'], mode: 'all', modes: ['current', 'selected', 'all'], columns: printColumns },\n      columns: [\n        { field: 'Code', title: '代碼', showHeaderOverflow: true, showOverflow: true, sortable: true },\n        { field: 'Name', title: '名稱', showHeaderOverflow: true, showOverflow: true, sortable: true },\n        { field: \"Selectable\", title: \"選擇型\", showHeaderOverflow: true, showOverflow: true, sortable: true, resizable: false, width: 100, cellRender: { name: \"$switch\", props: { openLabel: '是', closeLabel: '否', disabled: true } } },\n        { field: \"Required\", title: \"必填\", showHeaderOverflow: true, showOverflow: true, sortable: true, resizable: false, width: 100, cellRender: { name: \"$switch\", props: { openLabel: '是', closeLabel: '否', disabled: true } } },\n        { field: 'Remark', title: '備註', resizable: false },\n        { field: \"Ordinal\", title: \"排序\", showHeaderOverflow: true, showOverflow: true, sortable: true, resizable: false, width: 100 },\n      ],\n      promises: {\n        query: model ? (params) => model.dispatch('attribute/query', params) : undefined,\n        queryAll: model ? () => model.dispatch('attribute/query') : undefined,\n        save: model ? (params) => model.dispatch('attribute/save', params) : undefined\n      },\n      modalConfig: { width: 800, showFooter: true }\n    }\n    const formOptions = {\n      items: [\n        { field: 'Code', title: '代碼', span: 8, itemRender: { name: '$input', props: { placeholder: '請輸入文字', clearable: true } } },\n        { field: \"Selectable\", title: \"選擇型\", span: 8, itemRender: { name: \"$select\", options: [{ label: \"是\", value: true }, { label: \"否\", value: false }] } },\n        { field: \"Required\", title: \"必填\", span: 8, itemRender: { name: \"$select\", options: [{ label: \"是\", value: true }, { label: \"否\", value: false }] } },\n        { field: 'Name', title: '名稱', span: 16, itemRender: { name: '$input', props: { placeholder: '請輸入文字', clearable: true } } },\n        { field: 'Ordinal', title: '排序', span: 8, itemRender: { name: '$input', props: { type: 'number', placeholder: '請輸入文字', clearable: true } } },\n        { field: 'Remark', title: '備註', span: 24, itemRender: { name: '$input', props: { placeholder: '請輸入文字', clearable: true } } },\n      ],\n      rules: {\n        Code: [{ type: 'string', max: 32, required: true }],\n        Name: [{ type: 'string', max: 64, required: true }],\n        Remark: [{ type: 'string', max: 512 }]\n      }\n    }\n\n    const valueGrid = ref({})\n\n    const valueGridOptions : GridOptions = {\n      mode: 'inline',\n      multiselect: false,\n      columns: [\n        { field: 'TextValue', title: '文字(顯示或查詢用)', showOverflow: true, sortable: true, resizable: false, editRender: { name: '$input', immediate: true } },\n        { field: 'DecimalValue', title: '數值(比較或排序用)', showOverflow: true, sortable: true, resizable: false, editRender: { name: '$input', immediate: true, props: { type: 'number' } } },\n        { field: 'Value', title: '值', showOverflow: true, sortable: true, resizable: false, editRender: { name: '$input', immediate: true } },\n      ],\n      promises: {\n        query: model ? (params) => { params.condition = new Condition(\"AttributeId\", Operator.Equal, grid.value.editingRow?.Id || \"\").and(params.condition!); return model.dispatch(\"attributeValue/query\", params); } : undefined, // eslint-disable-line\n        queryAll: model ? () => model.dispatch('attributeValue/query') : undefined,\n        save: model ? (params) => model.dispatch('attributeValue/save', params) : undefined\n      },\n      modalConfig: { width: 600, showFooter: true }\n    }\n\n    return {\n      grid,\n      gridOptions,\n      formOptions,\n      valueGrid,\n      valueGridOptions,\n      baseUrl: process.env.VUE_APP_BACKEND_URL\n    }\n  },\n  methods: {\n    onGridRemoveSelectedRows (rows: any[], callback: any) {\n      cash('#batch-dropdown').dropdown('hide')\n      callback()\n    },\n  }\n})\n","export * from \"-!../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--6-oneOf-1-0!../../../node_modules/css-loader/dist/cjs.js??ref--6-oneOf-1-1!../../../node_modules/vue-loader-v16/dist/stylePostLoader.js!../../../node_modules/postcss-loader/src/index.js??ref--6-oneOf-1-2!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader-v16/dist/index.js??ref--0-1!./Main.vue?vue&type=style&index=0&id=36080de6&scoped=true&lang=css\"","<template>\n  <div>\n    <div class=\"intro-y flex flex-col sm:flex-row items-center mt-8\">\n      <h2 class=\"text-lg font-medium mr-auto\">屬性管理</h2>\n      <div class=\"w-full sm:w-auto flex mt-4 sm:mt-0\">\n        <button v-show=\"!grid.isEditing\" class=\"button text-white bg-theme-1 shadow-md mr-2 flex items-center\" @click=\"grid.addNewRow\">\n          <FontAwesome icon=\"plus\" type=\"fas\" class=\"w-4 h-4 mr-1\" />\n          新增\n        </button>\n        <div v-show=\"!grid.isEditing && grid.isRowSelected\" id=\"batch-dropdown\" class=\"dropdown ml-auto mr-2 sm:ml-0\">\n          <button\n            class=\"dropdown-toggle button px-2 box bg-blue-500 text-white flex items-center\"\n          >\n            <FontAwesome icon=\"tasks\" type=\"fas\" class=\"w-4 h-4 mr-1\" />\n            群組操作\n          </button>\n          <div class=\"dropdown-box\">\n            <div class=\"dropdown-box__content box dark:bg-dark-1 p-2 w-32\">\n              <span\n                class=\"flex items-center block p-2 transition duration-300 ease-in-out bg-white dark:bg-dark-1 hover:bg-gray-200 dark:hover:bg-dark-2 rounded-md\"\n                @click=\"grid.removeSelectedRows\"\n              >\n                <FontAwesome icon=\"trash\" type=\"fas\" class=\"w-4 h-4 mr-2\" /> 刪除\n              </span>\n              <span\n                class=\"flex items-center block p-2 transition duration-300 ease-in-out bg-white dark:bg-dark-1 hover:bg-gray-200 dark:hover:bg-dark-2 rounded-md\"\n                @click=\"grid.onPrint({ mode: 'selected' })\"\n              >\n                <FontAwesome icon=\"print\" type=\"fas\" class=\"w-4 h-4 mr-2\" /> 列印\n              </span>\n              <span\n                class=\"flex items-center block p-2 transition duration-300 ease-in-out bg-white dark:bg-dark-1 hover:bg-gray-200 dark:hover:bg-dark-2 rounded-md\"\n                @click=\"grid.onExport({ type: 'csv', mode: 'selected' })\"\n              >\n                <FontAwesome icon=\"file-csv\" type=\"fas\" class=\"w-4 h-4 mr-2\" /> 匯出 CSV\n              </span>\n              <span\n                class=\"flex items-center block p-2 transition duration-300 ease-in-out bg-white dark:bg-dark-1 hover:bg-gray-200 dark:hover:bg-dark-2 rounded-md\"\n                @click=\"grid.onExport({ type: 'html', mode: 'selected' })\"\n              >\n                <FontAwesome icon=\"file\" type=\"fas\" class=\"w-4 h-4 mr-2\" /> 匯出 HTML\n              </span>\n            </div>\n          </div>\n        </div>\n      </div>\n    </div>\n    <!-- BEGIN: HTML Table Data -->\n    <div class=\"intro-y box p-5 mt-5\">\n      <div class=\"flex flex-col sm:flex-row sm:items-end xl:items-start\">\n        <div class=\"xl:flex sm:mr-auto\">\n          <div class=\"sm:flex items-center ml-1 sm:mr-2 mt-2 xl:mt-0\">\n            <input\n              type=\"text\"\n              class=\"input w-full sm:w-40 xxl:w-full mt-2 sm:mt-0 border\"\n              v-model.trim=\"grid.keyword\"\n              placeholder=\"請輸入關鍵字\"\n            />\n          </div>\n          <div class=\"mt-2 xl:mt-0\">\n            <button\n              type=\"button\"\n              class=\"button w-full sm:w-16 bg-theme-1 text-white\"\n              @click=\"grid.refresh\"\n            >\n              搜尋\n            </button>\n          </div>\n        </div>\n        <div class=\"flex mt-2 sm:mt-0\">\n          <button\n            class=\"button w-1/2 sm:w-auto flex items-center border text-gray-700 dark:bg-dark-5 dark:text-gray-300\"\n            @click=\"grid.onPrint({ mode: 'curret' })\"\n          >\n            <FontAwesome icon=\"print\" class=\"w-4 h-4 mr-2\" /> 列印\n          </button>\n          <div class=\"dropdown w-1/2 sm:w-auto ml-2\">\n            <button\n              class=\"dropdown-toggle button w-full sm:w-auto flex items-center border text-gray-700 dark:bg-dark-5 dark:text-gray-300\"\n            >\n              <FontAwesome icon=\"file-export\" class=\"w-4 h-4 mr-2\" /> 匯出\n              <ChevronDownIcon class=\"w-4 h-4 ml-auto sm:ml-2\" />\n            </button>\n            <div class=\"dropdown-box\">\n              <div class=\"dropdown-box__content box dark:bg-dark-1 p-2\">\n                <a\n                  href=\"javascript:;\"\n                  class=\"flex items-center block p-2 transition duration-300 ease-in-out bg-white dark:bg-dark-1 hover:bg-gray-200 dark:hover:bg-dark-2 rounded-md\"\n                  @click=\"grid.onExport({ type: 'csv' })\"\n                >\n                  <FontAwesome icon=\"file-csv\" class=\"w-4 h-4 mr-2\" /> CSV\n                </a>\n                <a\n                  href=\"javascript:;\"\n                  class=\"flex items-center block p-2 transition duration-300 ease-in-out bg-white dark:bg-dark-1 hover:bg-gray-200 dark:hover:bg-dark-2 rounded-md\"\n                  @click=\"grid.onExport({ type: 'html' })\"\n                >\n                  <FontAwesome icon=\"file\" type=\"fas\" class=\"w-4 h-4 mr-2\" /> HTML\n                </a>\n              </div>\n            </div>\n          </div>\n        </div>\n      </div>\n      <div class=\"overflow-x-auto scrollbar-hidden mt-2\">\n        <Grid\n          ref=\"grid\"\n          v-bind=\"gridOptions\"\n          @addNewRow=\"(row, callback) => { row.Selectable = false, row.Required = false; row.Ordinal = 0; callback(); }\"\n          @removeSelectedRows=\"onGridRemoveSelectedRows\"\n        >\n          <template #modal=\"{ row, submit, reset }\">\n            <vxe-form\n              ref=\"form\"\n              :title-width=\"60\"\n              title-align=\"right\"\n              v-bind=\"formOptions\"\n              :data=\"row\"\n              @reset=\"reset\"\n              @submit=\"submit\"\n            />\n            <fieldset v-if=\"row.Id\" class=\"border rounded m-2 px-2 pt-2\">\n              <div class=\"flex items-center mx-1 mb-2\">\n                選項\n                <button class=\"ml-auto\" @click=\"valueGrid.addNewRow\">\n                  <FontAwesome icon=\"plus\" class=\"w-5 h-5 text-yellow-500\" />\n                </button>\n              </div>\n              <Grid\n                ref=\"valueGrid\"\n                v-bind=\"valueGridOptions\"\n                @addNewRow=\"(row, callback) => { row.AttributeId = grid.editingRow.Id; callback(); }\"\n              />\n            </fieldset>\n          </template>\n          <template #modal-footer>\n            <vxe-button type=\"submit\" status=\"primary\" content=\"確認\" @click=\"$refs.form.validate((errMap) => { if (errMap === undefined) $refs.form.dispatchEvent('submit'); })\"></vxe-button>\n            <vxe-button type=\"reset\" content=\"重置\" @click=\"$refs.form.dispatchEvent('reset')\"></vxe-button>\n          </template>\n        </Grid>\n      </div>\n    </div>\n    <!-- END: HTML Table Data -->\n  </div>\n</template>\n\n<style scoped>\n  .swiper-container {\n    padding-top: 5px;\n    padding-bottom: 30px;\n  }\n</style>\n\n<script lang=\"ts\">\nimport CloudFun, { Condition, defineComponent, Operator, ref } from '@cloudfun/core'\nimport Grid, { GridOptions } from '@/cloudfun/components/Grid.vue'\n\nexport default defineComponent({\n  components: {\n    Grid\n  },\n  setup () {\n    const model = CloudFun.current?.model\n\n    const grid = ref<any>({})\n\n    var printColumns = [\n      { field: 'Code' },\n      { field: 'Name' },\n      { field: 'Width' },\n      { field: 'Height' },\n      { field: 'Remark' }\n    ]\n\n    const gridOptions: GridOptions = {\n      title: '屬性',\n      toolbarConfig: {\n        custom: true,\n        refresh: true\n      },\n      printConfig: { sheetName: '廣告清單', columns: printColumns, modes: ['current', 'selected', 'all'] },\n      exportConfig: { filename: '廣告清單', type: 'csv', types: ['html', 'csv'], mode: 'all', modes: ['current', 'selected', 'all'], columns: printColumns },\n      columns: [\n        { field: 'Code', title: '代碼', showHeaderOverflow: true, showOverflow: true, sortable: true },\n        { field: 'Name', title: '名稱', showHeaderOverflow: true, showOverflow: true, sortable: true },\n        { field: \"Selectable\", title: \"選擇型\", showHeaderOverflow: true, showOverflow: true, sortable: true, resizable: false, width: 100, cellRender: { name: \"$switch\", props: { openLabel: '是', closeLabel: '否', disabled: true } } },\n        { field: \"Required\", title: \"必填\", showHeaderOverflow: true, showOverflow: true, sortable: true, resizable: false, width: 100, cellRender: { name: \"$switch\", props: { openLabel: '是', closeLabel: '否', disabled: true } } },\n        { field: 'Remark', title: '備註', resizable: false },\n        { field: \"Ordinal\", title: \"排序\", showHeaderOverflow: true, showOverflow: true, sortable: true, resizable: false, width: 100 },\n      ],\n      promises: {\n        query: model ? (params) => model.dispatch('attribute/query', params) : undefined,\n        queryAll: model ? () => model.dispatch('attribute/query') : undefined,\n        save: model ? (params) => model.dispatch('attribute/save', params) : undefined\n      },\n      modalConfig: { width: 800, showFooter: true }\n    }\n    const formOptions = {\n      items: [\n        { field: 'Code', title: '代碼', span: 8, itemRender: { name: '$input', props: { placeholder: '請輸入文字', clearable: true } } },\n        { field: \"Selectable\", title: \"選擇型\", span: 8, itemRender: { name: \"$select\", options: [{ label: \"是\", value: true }, { label: \"否\", value: false }] } },\n        { field: \"Required\", title: \"必填\", span: 8, itemRender: { name: \"$select\", options: [{ label: \"是\", value: true }, { label: \"否\", value: false }] } },\n        { field: 'Name', title: '名稱', span: 16, itemRender: { name: '$input', props: { placeholder: '請輸入文字', clearable: true } } },\n        { field: 'Ordinal', title: '排序', span: 8, itemRender: { name: '$input', props: { type: 'number', placeholder: '請輸入文字', clearable: true } } },\n        { field: 'Remark', title: '備註', span: 24, itemRender: { name: '$input', props: { placeholder: '請輸入文字', clearable: true } } },\n      ],\n      rules: {\n        Code: [{ type: 'string', max: 32, required: true }],\n        Name: [{ type: 'string', max: 64, required: true }],\n        Remark: [{ type: 'string', max: 512 }]\n      }\n    }\n\n    const valueGrid = ref({})\n\n    const valueGridOptions : GridOptions = {\n      mode: 'inline',\n      multiselect: false,\n      columns: [\n        { field: 'TextValue', title: '文字(顯示或查詢用)', showOverflow: true, sortable: true, resizable: false, editRender: { name: '$input', immediate: true } },\n        { field: 'DecimalValue', title: '數值(比較或排序用)', showOverflow: true, sortable: true, resizable: false, editRender: { name: '$input', immediate: true, props: { type: 'number' } } },\n        { field: 'Value', title: '值', showOverflow: true, sortable: true, resizable: false, editRender: { name: '$input', immediate: true } },\n      ],\n      promises: {\n        query: model ? (params) => { params.condition = new Condition(\"AttributeId\", Operator.Equal, grid.value.editingRow?.Id || \"\").and(params.condition!); return model.dispatch(\"attributeValue/query\", params); } : undefined, // eslint-disable-line\n        queryAll: model ? () => model.dispatch('attributeValue/query') : undefined,\n        save: model ? (params) => model.dispatch('attributeValue/save', params) : undefined\n      },\n      modalConfig: { width: 600, showFooter: true }\n    }\n\n    return {\n      grid,\n      gridOptions,\n      formOptions,\n      valueGrid,\n      valueGridOptions,\n      baseUrl: process.env.VUE_APP_BACKEND_URL\n    }\n  },\n  methods: {\n    onGridRemoveSelectedRows (rows: any[], callback: any) {\n      cash('#batch-dropdown').dropdown('hide')\n      callback()\n    },\n  }\n})\n</script>\n","import { render } from \"./Main.vue?vue&type=template&id=36080de6&scoped=true\"\nimport script from \"./Main.vue?vue&type=script&lang=ts\"\nexport * from \"./Main.vue?vue&type=script&lang=ts\"\n\nimport \"./Main.vue?vue&type=style&index=0&id=36080de6&scoped=true&lang=css\"\nscript.render = render\nscript.__scopeId = \"data-v-36080de6\"\n\nexport default script"],"sourceRoot":""}