{"version":3,"sources":["webpack:///./src/cloudfun/components/CheckBoxList.vue?4d9c","webpack:///./src/views/member/ImportList2.vue","webpack:///./src/views/member/ImportList2.vue?f131","webpack:///./src/views/member/ImportList2.vue?9eff","webpack:///./src/cloudfun/components/CheckBoxList.vue","webpack:///./src/cloudfun/components/CheckBoxList.vue?322a","webpack:///./src/cloudfun/components/CheckBoxList.vue?75d3"],"names":["class","href","ref","gridOptions","hideBatchDropDown","render","components","Grid","CheckBoxList","setup","model","current","grid","printColumns","field","id","title","multiselect","canUpdate","canDelete","canRead","canCreate","toolbarConfig","custom","refresh","printConfig","sheetName","columns","modes","exportConfig","filename","type","types","mode","align","showHeaderOverflow","showOverflow","sortable","editRender","name","immediate","attrs","promises","query","Promise","resolve","reject","setTimeout","email","status","process","queryAll","dispatch","undefined","save","params","modalConfig","showFooter","methods","cash","dropdown","read-only","readOnly","items","filter","e","group","groupIndex","key","caption","onSelectAllButtonClick","checked","itemCount","selectedCount","disabled","item","itemIndex","style","itemWidthPercentage","value","selectedValues","onChange","for","index","props","String","modelValue","Array","default","cell","Object","columnCount","Number","Boolean","all","groupItem","this","find","length","forEach","isArray","subItems","includes","push","allSelected","values","map","silent","$emit","setValue","created","watch","__scopeId"],"mappings":"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","file":"js/chunk-24c69582.6cc63606.js","sourcesContent":["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!./CheckBoxList.vue?vue&type=style&index=0&id=60a8aa8c&scoped=true&lang=css\"","<template>\n<div class=\" \">\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> -->\n    <!-- BEGIN: HTML Table Data -->\n    <div class=\"intro-y  px-10 mt-10\">\n        <div class=\"intro-y flex flex-col sm:flex-row items-center justify-between mt-8 mb-5\">\n            <div class=\"font-bold text-xl\">本次匯入名單</div>\n            <div class=\" flex items-center\">\n                <div class=\" flex items-center text-lg mr-2\">\n                    <AlertCircleIcon class=\"mr-1 text-theme-10 h-6 w-6\" />查看邀請碼範本\n                </div>\n                <div class=\" flex items-center text-lg mr-2\">\n                    <AlertCircleIcon class=\"mr-1 text-theme-10 h-6 w-6\" />查看轉換通知信範本\n                </div>\n            </div>\n        </div> \n\n        <div class=\" box p-5 mb-5\">\n            <div class=\"overflow-x-auto scrollbar-hidden mt-2 \">\n                <grid\n                ref=\"grid\"\n                v-bind=\"gridOptions\"\n                @removeSelectedRows=\"hideBatchDropDown()\"\n                >\n                </grid>\n            </div>\n        </div>\n\n        <div class=\" flex items-center justify-end\">\n            <a\n            href=\"member\"\n            class=\"button button--lg text-theme-1 bg-transparent mr-2\"\n            >\n                取消匯入\n            </a>\n            <a\n            href=\"member-import2\"\n            class=\"button button--lg text-white bg-theme-1 shadow-md mr-2 flex items-center\"\n            >\n                <CheckIcon class=\"mr-2 h-4 w-4\" />確任執行\n            </a>\n        </div>\n    </div>\n\n    <!-- END: HTML Table Data -->\n</div>\n</template>\n\n<script lang=\"ts\">\n/* eslint-disable */\n\nimport CloudFun, { computed, defineComponent, ref } from '@cloudfun/core'\nimport Grid, { GridOptions } from '@/cloudfun/components/Grid.vue'\nimport { VxeFormProps } from 'vxe-table'\nimport CheckBoxList from '@/cloudfun/components/CheckBoxList.vue'\n\n\nexport default defineComponent({\n  components: {\n    Grid,\n    CheckBoxList,\n  },\n  setup () {\n    const model = CloudFun.current?.model\n    const grid = ref<any>({})\n    var printColumns = [{ field: 'Name' }, { field: 'Description' }]\n\n    const gridOptions: GridOptions = {\n      id: 'import-member',\n      title: '匯入名單',\n      multiselect: true,\n      canUpdate: false,\n      canDelete: false,\n      canRead: false,\n      canCreate: false,\n      toolbarConfig: {\n        custom: false,\n        refresh: false\n      },\n      printConfig: {\n        sheetName: '匯入名單',\n        columns: printColumns,\n        modes: ['current', 'selected', 'all']\n      },\n      exportConfig: {\n        filename: '匯入名單',\n        type: 'csv',\n        types: ['html', 'csv'],\n        mode: 'all',\n        modes: ['current', 'selected', 'all'],\n        columns: printColumns\n      },\n      columns: [\n        {\n          field: 'email',\n          title: '業務信箱',\n           align: \"center\",\n          showHeaderOverflow: true,\n          showOverflow: true,\n          sortable: false,\n          editRender: {\n            name: '$input',\n            immediate: true,\n            attrs: { type: 'text' }\n          },\n        },\n        {\n          field: 'status',\n          title: '該帳號狀態',\n           align: \"center\",\n          showHeaderOverflow: true,\n          showOverflow: true,\n          sortable: false,\n          editRender: {\n            name: '$input',\n            immediate: true,\n            attrs: { type: 'text' }\n          },\n        },\n        {\n          field: 'process',\n          title: '建議處理',\n           align: \"center\",\n          showHeaderOverflow: true,\n          showOverflow: true,\n          sortable: false,\n          editRender: {\n            name: '$input',\n            immediate: true,\n            attrs: { type: 'text' }\n          },\n        },\n      ],\n      promises: {\n        // query: model\n        //   ? (params) => model.dispatch('import-member/query', { pageSize: params.pageSize, page: params.page })\n        //   : {\"data\":[{id: 1, name: 'import-member1'}], \"intialPage\":1,\"page\":1,\"pageSize\":10,\"totalCount\":1,\"pageCount\":1},\n        query: () => {\n          return new Promise((resolve, reject) => {\n            setTimeout(() => {\n              resolve({\n                \"data\":[\n                  {\n                    id: 1, \n                    email: \"acd123.cisa.net\",\n                    status: \"已是組織成員\",\n                    process: \"無\",\n                  },\n                  {\n                    id: 2, \n                    email: \"acd123.cisa.net\",\n                    status: \"目前玩其他供應商成員\",\n                    process: \"由系統寄發轉換通知信\",\n                  },\n                  {\n                    id: 3, \n                    email: \"acd123.cisa.net\",\n                    status: \"本次加入成功\",\n                    process: \"勾選已加入組織\",\n                  },\n                  {\n                    id: 4, \n                    email: \"acd123.cisa.net\",\n                    status: \"查無該帳號\",\n                    process: \"由系統寄發邀請碼\",\n                  }\n                ],\n                \"totalCount\":1,\n              });\n            }, 100);\n          });\n        },\n        queryAll: model ? () => model.dispatch('import-member/query') : undefined,\n        save: model\n          ? (params) => model.dispatch('import-member/save', params)\n          : undefined\n      },\n      modalConfig: { showFooter: true }\n    }\n\n\n    return {\n      grid,\n      gridOptions,\n    }\n  },\n  methods: {\n    hideBatchDropDown () {\n      cash('#batch-dropdown').dropdown('hide')\n    }\n  }\n})\n</script>\n","import { render } from \"./ImportList2.vue?vue&type=template&id=2a7acb5e\"\nimport script from \"./ImportList2.vue?vue&type=script&lang=ts\"\nexport * from \"./ImportList2.vue?vue&type=script&lang=ts\"\nscript.render = render\n\nexport default script","\n/* eslint-disable */\n\nimport CloudFun, { computed, defineComponent, ref } from '@cloudfun/core'\nimport Grid, { GridOptions } from '@/cloudfun/components/Grid.vue'\nimport { VxeFormProps } from 'vxe-table'\nimport CheckBoxList from '@/cloudfun/components/CheckBoxList.vue'\n\n\nexport default defineComponent({\n  components: {\n    Grid,\n    CheckBoxList,\n  },\n  setup () {\n    const model = CloudFun.current?.model\n    const grid = ref<any>({})\n    var printColumns = [{ field: 'Name' }, { field: 'Description' }]\n\n    const gridOptions: GridOptions = {\n      id: 'import-member',\n      title: '匯入名單',\n      multiselect: true,\n      canUpdate: false,\n      canDelete: false,\n      canRead: false,\n      canCreate: false,\n      toolbarConfig: {\n        custom: false,\n        refresh: false\n      },\n      printConfig: {\n        sheetName: '匯入名單',\n        columns: printColumns,\n        modes: ['current', 'selected', 'all']\n      },\n      exportConfig: {\n        filename: '匯入名單',\n        type: 'csv',\n        types: ['html', 'csv'],\n        mode: 'all',\n        modes: ['current', 'selected', 'all'],\n        columns: printColumns\n      },\n      columns: [\n        {\n          field: 'email',\n          title: '業務信箱',\n           align: \"center\",\n          showHeaderOverflow: true,\n          showOverflow: true,\n          sortable: false,\n          editRender: {\n            name: '$input',\n            immediate: true,\n            attrs: { type: 'text' }\n          },\n        },\n        {\n          field: 'status',\n          title: '該帳號狀態',\n           align: \"center\",\n          showHeaderOverflow: true,\n          showOverflow: true,\n          sortable: false,\n          editRender: {\n            name: '$input',\n            immediate: true,\n            attrs: { type: 'text' }\n          },\n        },\n        {\n          field: 'process',\n          title: '建議處理',\n           align: \"center\",\n          showHeaderOverflow: true,\n          showOverflow: true,\n          sortable: false,\n          editRender: {\n            name: '$input',\n            immediate: true,\n            attrs: { type: 'text' }\n          },\n        },\n      ],\n      promises: {\n        // query: model\n        //   ? (params) => model.dispatch('import-member/query', { pageSize: params.pageSize, page: params.page })\n        //   : {\"data\":[{id: 1, name: 'import-member1'}], \"intialPage\":1,\"page\":1,\"pageSize\":10,\"totalCount\":1,\"pageCount\":1},\n        query: () => {\n          return new Promise((resolve, reject) => {\n            setTimeout(() => {\n              resolve({\n                \"data\":[\n                  {\n                    id: 1, \n                    email: \"acd123.cisa.net\",\n                    status: \"已是組織成員\",\n                    process: \"無\",\n                  },\n                  {\n                    id: 2, \n                    email: \"acd123.cisa.net\",\n                    status: \"目前玩其他供應商成員\",\n                    process: \"由系統寄發轉換通知信\",\n                  },\n                  {\n                    id: 3, \n                    email: \"acd123.cisa.net\",\n                    status: \"本次加入成功\",\n                    process: \"勾選已加入組織\",\n                  },\n                  {\n                    id: 4, \n                    email: \"acd123.cisa.net\",\n                    status: \"查無該帳號\",\n                    process: \"由系統寄發邀請碼\",\n                  }\n                ],\n                \"totalCount\":1,\n              });\n            }, 100);\n          });\n        },\n        queryAll: model ? () => model.dispatch('import-member/query') : undefined,\n        save: model\n          ? (params) => model.dispatch('import-member/save', params)\n          : undefined\n      },\n      modalConfig: { showFooter: true }\n    }\n\n\n    return {\n      grid,\n      gridOptions,\n    }\n  },\n  methods: {\n    hideBatchDropDown () {\n      cash('#batch-dropdown').dropdown('hide')\n    }\n  }\n})\n","<template>\n  <fieldset :read-only=\"readOnly\">\n    <div\n      v-for=\"(group, groupIndex) in items.filter(e => e.items)\"\n      :key=\"`check-box-list-group-${groupIndex}`\"\n      class=\"bg-gray-400 border rounded mb-1\"\n    >\n      <label class=\"flex items-center px-2\">\n        {{ group.caption || group.name }}\n        &nbsp;\n        <input\n          type=\"checkbox\"\n          @click=\"onSelectAllButtonClick(group.name)\"\n          :checked=\"itemCount[group.name] == selectedCount[group.name]\"\n          :disabled=\"readOnly\"\n        />\n      </label>\n      <ul class=\"group\">\n        <li\n          v-for=\"(item, itemIndex) in group.items\"\n          :key=\"`check-box-list-group-item-${itemIndex}`\"\n          :style=\"{ width: itemWidthPercentage }\"\n        >\n          <div>\n            <input :id=\"`check-box-list-group-item-checkbox-${item.value}`\"\n              type=\"checkbox\"\n              :value=\"item.value\"\n              v-model=\"selectedValues\"\n              @change=\"onChange()\"\n              :disabled=\"readOnly\"\n            />\n            <label :for=\"`check-box-list-group-item-checkbox-${item.value}`\">{{ item.name }}</label>\n          </div>\n        </li>\n      </ul>\n    </div>\n    <ul>\n      <li v-for=\"(item, index) in items.filter(e => e.value)\" :key=\"`check-box-list-item-${index}`\" :style=\"{ width: itemWidthPercentage }\">\n        <div>\n          <input\n            :id=\"`check-box-list-group-item-checkbox-${item.value}`\"\n            type=\"checkbox\"\n            :value=\"item.value\"\n            v-model=\"selectedValues\"\n            @change=\"onChange()\"\n            :disabled=\"readOnly\"\n          />\n          <label :for=\"`check-box-list-group-item-checkbox-${item.value}`\">{{ item.name }}</label>\n        </div>\n      </li>\n    </ul>\n    <label class=\"group\">\n      <input\n        type=\"checkbox\"\n        @click=\"onSelectAllButtonClick('all')\"\n        :checked=\"itemCount['all'] == selectedCount['all']\"\n        :disabled=\"readOnly\"\n      />\n      &nbsp;全選</label\n    >\n  </fieldset>\n</template>\n\n<style scoped>\nfieldset {\n  padding: 3px;\n  border: 1px #d7d7d7 solid;\n  border-radius: 4px;\n  position: relative;\n}\nfieldset[read-only=\"true\"] {\n  border: 1px #ccc dashed;\n}\nul {\n  margin: 0;\n  padding: 0;\n  width: 100%;\n  list-style-type: none;\n  display: table;\n  table-layout: fixed;\n}\nul.group {\n  padding: 0;\n  border-radius: 4px;\n}\nul li {\n  margin: 0;\n  padding: 0;\n  float: left;\n  display: table-cell;\n}\nul li div {\n  margin: 2px;\n}\nul li label {\n  margin: 0;\n  padding: 5px;\n  border: 1px solid #ccc;\n  border-radius: 5px;\n  background: white;\n  text-align: center;\n  width: 100%;\n  display: inline-block;\n}\nul li label[read-only=\"true\"] {\n  border: 1px dashed #ccc;\n}\nul li input[type=\"checkbox\"] {\n  opacity: 0;\n  width: 1px;\n  height: 1px;\n  display: none;\n}\nul li input[type=\"checkbox\"]:checked ~ label {\n  background: dodgerBlue;\n  color: white;\n}\nlabel.group {\n  margin: 3px 2px;\n  padding: 5px 10px;\n  border: 1px #d7d7d7 solid;\n  border-radius: 4px;\n  background-color: #d7d7d741;\n  align-items: center;\n  justify-content: center;\n  font-size: smaller;\n  float: right;\n}\n</style>\n\n<script lang=\"ts\">\nimport { computed, defineComponent, PropType, ref } from '@cloudfun/core'\nimport { v1 as uuid } from 'uuid'\n\nexport default defineComponent({\n  props: {\n    name: String,\n    modelValue: { type: Array as PropType<any[]>, default: () => [] },\n    cell: Object,\n    columnCount: { type: Number, default: 0 },\n    readOnly: Boolean,\n    items: { type: Array as PropType<any[]>, default: () => [] }\n  },\n  setup (props) {\n    const selectedValues = ref<any[]>([])\n    const itemCount = ref<any>({ all: 0 })\n    const selectedCount = ref<any>({ all: 0 })\n\n    const itemWidthPercentage = computed(() =>\n      props.columnCount > 0 ? `${100 / props.columnCount}%` : 'auto'\n    )\n\n    return {\n      selectedValues,\n      itemCount,\n      selectedCount,\n      id: uuid(),\n      itemWidthPercentage\n    }\n  },\n  methods: {\n    onSelectAllButtonClick (name: string) {\n      const groupItem = this.items.find((e) => e.name === name)\n      let items = null\n      if (groupItem == null) {\n        items = this.items\n        if (this.selectedValues.length === this.itemCount[name]) {\n          this.selectedValues = []\n        } else {\n          items.forEach((item) => {\n            if (item.items && Array.isArray(item.items)) {\n              item.items.forEach((subItems: any) => {\n                if (!this.selectedValues.includes(subItems.value)) { this.selectedValues.push(subItems.value) }\n              })\n            } else if (!this.selectedValues.includes(item.value)) { this.selectedValues.push(item.value) }\n          })\n        }\n      } else {\n        items = groupItem.items\n        var allSelected = true\n        items.forEach((item: any) => {\n          allSelected &&= this.selectedValues.includes(item.value)\n        })\n        if (allSelected) {\n          var values = groupItem.items.map((e: any) => e.value)\n          this.selectedValues = this.selectedValues.filter(\n            (e) => !values.includes(e)\n          )\n        } else {\n          items.forEach((item: any) => {\n            if (!this.selectedValues.includes(item.value)) { this.selectedValues.push(item.value) }\n          })\n        }\n      }\n      this.onChange()\n    },\n    onChange (e?: Event, silent?: boolean) {\n      this.selectedCount = { all: this.selectedValues.length }\n      this.selectedValues.forEach(value => {\n        this.items.forEach(item => {\n          if (item.items) {\n            const group = item\n            if (group.items.find((e: any) => e.value === value)) {\n              this.selectedCount[group.name] = (this.selectedCount[group.name] || 0) + 1\n            }\n          }\n        })\n      })\n      if (!silent) {\n        this.$emit('update:modelValue', this.selectedValues)\n        this.$emit('change', this.selectedValues)\n        if (this.cell) this.cell.setValue(this.selectedValues)\n      }\n    }\n  },\n  created () {\n    this.items.forEach(item => {\n      if (item.items && Array.isArray(item.items)) {\n        const group = item\n        this.itemCount[group.name] = group.items.length\n        this.itemCount.all += group.items.length\n      } else this.itemCount.all++\n    })\n    this.selectedValues = [...this.modelValue]\n    this.onChange(undefined, true)\n  },\n  watch: {\n    items () {\n      this.itemCount.all = 0\n      this.items.forEach((item) => {\n        if (item.items && Array.isArray(item.items)) {\n          this.itemCount[item.name] = item.items.length\n          this.itemCount.all += item.items.length\n        } else this.itemCount.all++\n      })\n      this.onChange(undefined, true)\n    },\n    modelValue (current) {\n      this.selectedValues = [...current]\n      this.onChange(undefined, true)\n    }\n  }\n})\n</script>\n","\nimport { computed, defineComponent, PropType, ref } from '@cloudfun/core'\nimport { v1 as uuid } from 'uuid'\n\nexport default defineComponent({\n  props: {\n    name: String,\n    modelValue: { type: Array as PropType<any[]>, default: () => [] },\n    cell: Object,\n    columnCount: { type: Number, default: 0 },\n    readOnly: Boolean,\n    items: { type: Array as PropType<any[]>, default: () => [] }\n  },\n  setup (props) {\n    const selectedValues = ref<any[]>([])\n    const itemCount = ref<any>({ all: 0 })\n    const selectedCount = ref<any>({ all: 0 })\n\n    const itemWidthPercentage = computed(() =>\n      props.columnCount > 0 ? `${100 / props.columnCount}%` : 'auto'\n    )\n\n    return {\n      selectedValues,\n      itemCount,\n      selectedCount,\n      id: uuid(),\n      itemWidthPercentage\n    }\n  },\n  methods: {\n    onSelectAllButtonClick (name: string) {\n      const groupItem = this.items.find((e) => e.name === name)\n      let items = null\n      if (groupItem == null) {\n        items = this.items\n        if (this.selectedValues.length === this.itemCount[name]) {\n          this.selectedValues = []\n        } else {\n          items.forEach((item) => {\n            if (item.items && Array.isArray(item.items)) {\n              item.items.forEach((subItems: any) => {\n                if (!this.selectedValues.includes(subItems.value)) { this.selectedValues.push(subItems.value) }\n              })\n            } else if (!this.selectedValues.includes(item.value)) { this.selectedValues.push(item.value) }\n          })\n        }\n      } else {\n        items = groupItem.items\n        var allSelected = true\n        items.forEach((item: any) => {\n          allSelected &&= this.selectedValues.includes(item.value)\n        })\n        if (allSelected) {\n          var values = groupItem.items.map((e: any) => e.value)\n          this.selectedValues = this.selectedValues.filter(\n            (e) => !values.includes(e)\n          )\n        } else {\n          items.forEach((item: any) => {\n            if (!this.selectedValues.includes(item.value)) { this.selectedValues.push(item.value) }\n          })\n        }\n      }\n      this.onChange()\n    },\n    onChange (e?: Event, silent?: boolean) {\n      this.selectedCount = { all: this.selectedValues.length }\n      this.selectedValues.forEach(value => {\n        this.items.forEach(item => {\n          if (item.items) {\n            const group = item\n            if (group.items.find((e: any) => e.value === value)) {\n              this.selectedCount[group.name] = (this.selectedCount[group.name] || 0) + 1\n            }\n          }\n        })\n      })\n      if (!silent) {\n        this.$emit('update:modelValue', this.selectedValues)\n        this.$emit('change', this.selectedValues)\n        if (this.cell) this.cell.setValue(this.selectedValues)\n      }\n    }\n  },\n  created () {\n    this.items.forEach(item => {\n      if (item.items && Array.isArray(item.items)) {\n        const group = item\n        this.itemCount[group.name] = group.items.length\n        this.itemCount.all += group.items.length\n      } else this.itemCount.all++\n    })\n    this.selectedValues = [...this.modelValue]\n    this.onChange(undefined, true)\n  },\n  watch: {\n    items () {\n      this.itemCount.all = 0\n      this.items.forEach((item) => {\n        if (item.items && Array.isArray(item.items)) {\n          this.itemCount[item.name] = item.items.length\n          this.itemCount.all += item.items.length\n        } else this.itemCount.all++\n      })\n      this.onChange(undefined, true)\n    },\n    modelValue (current) {\n      this.selectedValues = [...current]\n      this.onChange(undefined, true)\n    }\n  }\n})\n","import { render } from \"./CheckBoxList.vue?vue&type=template&id=60a8aa8c&scoped=true\"\nimport script from \"./CheckBoxList.vue?vue&type=script&lang=ts\"\nexport * from \"./CheckBoxList.vue?vue&type=script&lang=ts\"\n\nimport \"./CheckBoxList.vue?vue&type=style&index=0&id=60a8aa8c&scoped=true&lang=css\"\nscript.render = render\nscript.__scopeId = \"data-v-60a8aa8c\"\n\nexport default script"],"sourceRoot":""}