@maketribe/ms-app 4.0.0-beta.8 → 4.0.0-beta.9

package/dist/esm/{index-B_Ui05OQ.js.map → index-BtdwoOQe.js.map}

@@ -1 +1 @@
-{"version":3,"file":"index-B_Ui05OQ.js","sources":["../../src/components/data-model/data-table/components/column-object-mapping-text/column-object-mapping-text-options.ts","../../src/components/data-model/data-table/components/column-object-mapping-text/column-object-mapping-text.tsx","../../src/components/data-model/data-table/components/column-object-mapping-text/index.ts"],"sourcesContent":["import { ExtractPropTypes } from \"vue\";\nimport { buildProps } from \"@maketribe/utils\";\nimport { columnProps } from \"../../composables\";\n\nexport const columnObjectMappingTextProps = buildProps({\n  ...columnProps,\n  mapping: { type: Object, required: true },\n} as const);\n\nexport type ColumnObjectMappingTextProps = ExtractPropTypes<\n  typeof columnObjectMappingTextProps\n>;\n","import { defineComponent } from \"vue\";\nimport { columnObjectMappingTextProps } from \"./column-object-mapping-text-options\";\nimport ColumnText from \"../column-text\";\n\nexport default defineComponent({\n  name: \"MKColumnObjectMappingText\",\n  props: columnObjectMappingTextProps,\n  setup(props) {\n    const formatValue = (value: any) => props.mapping[value] ?? value;\n\n    return () => {\n      return (\n        <ColumnText\n          row={props.row}\n          column={props.column}\n          index={props.index}\n          formatValue={formatValue}\n        />\n      );\n    };\n  },\n});\n","import ColumnObjectMappingText from \"./column-object-mapping-text\";\n\nexport const MKColumnObjectMappingText = ColumnObjectMappingText;\nexport default MKColumnObjectMappingText;\n\nexport * from \"./column-object-mapping-text-options\";\n"],"names":["defineComponent","name","props","columnObjectMappingTextProps","setup","formatValue","value","mapping","_createVNode","ColumnText","row","column","index"],"mappings":";;;;;;;;;;;;;;;;;;;;;AAIO,MAAM,+BAA+B,WAAW;AAAA,EACrD,GAAG;AAAA,EACH,SAAS,EAAE,MAAM,QAAQ,UAAU,KAAK;AAC1C,CAAU;ACHV,MAAeA,0DAAgB;AAAA,EAC7BC,MAAM;AAAA,EACNC,OAAOC;AAAAA,EACPC,MAAMF,OAAO;AACX,UAAMG,cAAeC,WAAeJ,MAAMK,QAAQD,KAAK,KAAKA;AAE5D,WAAO,MAAM;AACX,aAAAE,YAAAC,cAAA;AAAA,QAAA,OAESP,MAAMQ;AAAAA,QAAG,UACNR,MAAMS;AAAAA,QAAM,SACbT,MAAMU;AAAAA,QAAK,eACLP;AAAAA,MAAW,GAAA,IAAA;AAAA;EAIhC;AACF,CAAC;ACnBM,MAAM,4BAA4B;"}
+{"version":3,"file":"index-BtdwoOQe.js","sources":["../../src/components/data-model/data-table/components/column-object-mapping-text/column-object-mapping-text-options.ts","../../src/components/data-model/data-table/components/column-object-mapping-text/column-object-mapping-text.tsx","../../src/components/data-model/data-table/components/column-object-mapping-text/index.ts"],"sourcesContent":["import { ExtractPropTypes } from \"vue\";\nimport { buildProps } from \"@maketribe/utils\";\nimport { columnProps } from \"../../composables\";\n\nexport const columnObjectMappingTextProps = buildProps({\n  ...columnProps,\n  mapping: { type: Object, required: true },\n} as const);\n\nexport type ColumnObjectMappingTextProps = ExtractPropTypes<\n  typeof columnObjectMappingTextProps\n>;\n","import { defineComponent } from \"vue\";\nimport { columnObjectMappingTextProps } from \"./column-object-mapping-text-options\";\nimport ColumnText from \"../column-text\";\n\nexport default defineComponent({\n  name: \"MKColumnObjectMappingText\",\n  props: columnObjectMappingTextProps,\n  setup(props) {\n    const formatValue = (value: any) => props.mapping[value] ?? value;\n\n    return () => {\n      return (\n        <ColumnText\n          row={props.row}\n          column={props.column}\n          index={props.index}\n          formatValue={formatValue}\n        />\n      );\n    };\n  },\n});\n","import ColumnObjectMappingText from \"./column-object-mapping-text\";\n\nexport const MKColumnObjectMappingText = ColumnObjectMappingText;\nexport default MKColumnObjectMappingText;\n\nexport * from \"./column-object-mapping-text-options\";\n"],"names":["defineComponent","name","props","columnObjectMappingTextProps","setup","formatValue","value","mapping","_createVNode","ColumnText","row","column","index"],"mappings":";;;;;;;;;;;;;;;;;;;;;AAIO,MAAM,+BAA+B,WAAW;AAAA,EACrD,GAAG;AAAA,EACH,SAAS,EAAE,MAAM,QAAQ,UAAU,KAAK;AAC1C,CAAU;ACHV,MAAeA,0DAAgB;AAAA,EAC7BC,MAAM;AAAA,EACNC,OAAOC;AAAAA,EACPC,MAAMF,OAAO;AACX,UAAMG,cAAeC,WAAeJ,MAAMK,QAAQD,KAAK,KAAKA;AAE5D,WAAO,MAAM;AACX,aAAAE,YAAAC,cAAA;AAAA,QAAA,OAESP,MAAMQ;AAAAA,QAAG,UACNR,MAAMS;AAAAA,QAAM,SACbT,MAAMU;AAAAA,QAAK,eACLP;AAAAA,MAAW,GAAA,IAAA;AAAA;EAIhC;AACF,CAAC;ACnBM,MAAM,4BAA4B;"}

package/dist/esm/{index-BRdvxisD.js → index-Bw5KNqA-.js}

@@ -1,6 +1,6 @@
 import { defineComponent, inject, computed, unref, createVNode } from "vue";
 import { buildProps } from "@maketribe/utils";
-import { p as columnProps, D as DATA_TABLE_CONTEXT_KEY } from "./index-C4s2F3I8.js";
+import { p as columnProps, D as DATA_TABLE_CONTEXT_KEY } from "./index-qVrnFZdU.js";
 import "vue-router";
 import "@maketribe/dm";
 import { ElCheckbox } from "element-plus";
@@ -104,4 +104,4 @@ export {
   MKColumnSelect,
   MKColumnSelect as default
 };
-//# sourceMappingURL=index-BRdvxisD.js.map
+//# sourceMappingURL=index-Bw5KNqA-.js.map

package/dist/esm/{index-BRdvxisD.js.map → index-Bw5KNqA-.js.map}

@@ -1 +1 @@
-{"version":3,"file":"index-BRdvxisD.js","sources":["../../src/components/data-model/data-table/components/column-select/column-select-options.ts","../../src/components/data-model/data-table/components/column-select/column-select-header-options.ts","../../src/components/data-model/data-table/components/column-select/column-select-header.tsx","../../src/components/data-model/data-table/components/column-select/column-select.tsx","../../src/components/data-model/data-table/components/column-select/index.ts"],"sourcesContent":["import { ExtractPropTypes } from \"vue\";\nimport { buildProps } from \"@maketribe/utils\";\nimport { columnProps } from \"../../composables\";\n\nexport const columnSelectProps = buildProps({\n  ...columnProps,\n});\n\nexport type ColumnSelectProps = ExtractPropTypes<typeof columnSelectProps>;\n","import { ExtractPropTypes } from \"vue\";\nimport { buildProps } from \"@maketribe/utils\";\n\nexport const columnSelectHeaderProps = buildProps({});\n\nexport type ColumnSelectHeaderProps = ExtractPropTypes<\n  typeof columnSelectHeaderProps\n>;\n","import { computed, defineComponent, inject, unref } from \"vue\";\nimport { columnSelectHeaderProps } from \"./column-select-header-options\";\nimport { ElCheckbox } from \"element-plus\";\nimport { DATA_TABLE_CONTEXT_KEY } from \"../../token\";\n\nexport default defineComponent({\n  name: \"MKColumnSelectHeader\",\n  props: columnSelectHeaderProps,\n  setup() {\n    const dataTable = inject(DATA_TABLE_CONTEXT_KEY)!.dataTable;\n\n    const indeterminate = computed(() => {\n      const primaryKey = dataTable.primaryKey;\n\n      const selection = dataTable.getSelection();\n\n      const list = dataTable.getList();\n\n      const pageSelection = list.filter((item) =>\n        selection.includes(item[primaryKey])\n      );\n\n      return pageSelection.length !== list.length && pageSelection.length > 0;\n    });\n\n    const isChecked = computed({\n      get: () => !!dataTable.getSelection().length,\n      set: (isChecked: boolean) => {\n        const primaryKey = dataTable.primaryKey;\n\n        if (isChecked || unref(indeterminate)) {\n          dataTable.setSelection(\n            dataTable.getList().map((item) => item[primaryKey])\n          );\n\n          return;\n        }\n\n        dataTable.setSelection([]);\n      },\n    });\n\n    return () => {\n      return (\n        <div class=\"mk-column-selection-header\">\n          <ElCheckbox\n            disabled={!unref(dataTable.getList().length)}\n            modelValue={unref(isChecked)}\n            indeterminate={unref(indeterminate)}\n            checked={unref(isChecked)}\n            onChange={(v: any) => (isChecked.value = v as boolean)}\n          />\n        </div>\n      );\n    };\n  },\n});\n","import { computed, defineComponent, inject, unref } from \"vue\";\nimport { columnSelectProps } from \"./column-select-options\";\nimport { ElCheckbox } from \"element-plus\";\nimport ColumnSelectHeader from \"./column-select-header\";\nimport { DATA_TABLE_CONTEXT_KEY } from \"../../token\";\n\nexport default defineComponent({\n  name: \"MKColumnSelect\",\n  props: columnSelectProps,\n  Header: ColumnSelectHeader,\n  setup(props) {\n    const dataTable = inject(DATA_TABLE_CONTEXT_KEY)!.dataTable;\n\n    const i = computed(() => props.index + 1);\n\n    const isSelected = computed({\n      get: () => {\n        const primaryKey = dataTable.primaryKey;\n\n        return !!dataTable\n          .getSelection()\n          .find((item) => item === props.row[primaryKey]);\n      },\n      set: (v: boolean) => {\n        const primaryKey = dataTable.primaryKey;\n\n        const item = dataTable\n          .getSelection()\n          .find((item) => item === props.row[primaryKey]);\n\n        if (v) {\n          if (item) {\n            return;\n          }\n\n          dataTable.setSelection(\n            dataTable.getSelection().concat(props.row[primaryKey])\n          );\n\n          return;\n        }\n\n        if (item) {\n          dataTable.setSelection(\n            dataTable\n              .getSelection()\n              .filter((item) => item !== props.row[primaryKey])\n          );\n        }\n      },\n    });\n\n    return () => {\n      return (\n        <div\n          class={[\n            \"mk-column-selection\",\n            unref(isSelected) ? \"is-selected\" : \"\",\n          ]}\n        >\n          <span class=\"mk-column-selection__index\">{unref(i)}</span>\n          <span class=\"mk-column-selection__selection\">\n            <ElCheckbox\n              modelValue={unref(isSelected)}\n              onUpdate:modelValue={(v: any) =>\n                (isSelected.value = v as boolean)\n              }\n            />\n          </span>\n        </div>\n      );\n    };\n  },\n});\n","import ColumnSelect from \"./column-select\";\n\nexport const MKColumnSelect = ColumnSelect;\n\nexport default MKColumnSelect;\n"],"names":["defineComponent","name","props","columnSelectHeaderProps","setup","dataTable","inject","DATA_TABLE_CONTEXT_KEY","indeterminate","computed","primaryKey","selection","getSelection","list","getList","pageSelection","filter","item","includes","length","isChecked","get","set","unref","setSelection","map","_createVNode","ElCheckbox","v","value","columnSelectProps","Header","ColumnSelectHeader","i","index","isSelected","find","row","concat"],"mappings":"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"}
+{"version":3,"file":"index-Bw5KNqA-.js","sources":["../../src/components/data-model/data-table/components/column-select/column-select-options.ts","../../src/components/data-model/data-table/components/column-select/column-select-header-options.ts","../../src/components/data-model/data-table/components/column-select/column-select-header.tsx","../../src/components/data-model/data-table/components/column-select/column-select.tsx","../../src/components/data-model/data-table/components/column-select/index.ts"],"sourcesContent":["import { ExtractPropTypes } from \"vue\";\nimport { buildProps } from \"@maketribe/utils\";\nimport { columnProps } from \"../../composables\";\n\nexport const columnSelectProps = buildProps({\n  ...columnProps,\n});\n\nexport type ColumnSelectProps = ExtractPropTypes<typeof columnSelectProps>;\n","import { ExtractPropTypes } from \"vue\";\nimport { buildProps } from \"@maketribe/utils\";\n\nexport const columnSelectHeaderProps = buildProps({});\n\nexport type ColumnSelectHeaderProps = ExtractPropTypes<\n  typeof columnSelectHeaderProps\n>;\n","import { computed, defineComponent, inject, unref } from \"vue\";\nimport { columnSelectHeaderProps } from \"./column-select-header-options\";\nimport { ElCheckbox } from \"element-plus\";\nimport { DATA_TABLE_CONTEXT_KEY } from \"../../token\";\n\nexport default defineComponent({\n  name: \"MKColumnSelectHeader\",\n  props: columnSelectHeaderProps,\n  setup() {\n    const dataTable = inject(DATA_TABLE_CONTEXT_KEY)!.dataTable;\n\n    const indeterminate = computed(() => {\n      const primaryKey = dataTable.primaryKey;\n\n      const selection = dataTable.getSelection();\n\n      const list = dataTable.getList();\n\n      const pageSelection = list.filter((item) =>\n        selection.includes(item[primaryKey])\n      );\n\n      return pageSelection.length !== list.length && pageSelection.length > 0;\n    });\n\n    const isChecked = computed({\n      get: () => !!dataTable.getSelection().length,\n      set: (isChecked: boolean) => {\n        const primaryKey = dataTable.primaryKey;\n\n        if (isChecked || unref(indeterminate)) {\n          dataTable.setSelection(\n            dataTable.getList().map((item) => item[primaryKey])\n          );\n\n          return;\n        }\n\n        dataTable.setSelection([]);\n      },\n    });\n\n    return () => {\n      return (\n        <div class=\"mk-column-selection-header\">\n          <ElCheckbox\n            disabled={!unref(dataTable.getList().length)}\n            modelValue={unref(isChecked)}\n            indeterminate={unref(indeterminate)}\n            checked={unref(isChecked)}\n            onChange={(v: any) => (isChecked.value = v as boolean)}\n          />\n        </div>\n      );\n    };\n  },\n});\n","import { computed, defineComponent, inject, unref } from \"vue\";\nimport { columnSelectProps } from \"./column-select-options\";\nimport { ElCheckbox } from \"element-plus\";\nimport ColumnSelectHeader from \"./column-select-header\";\nimport { DATA_TABLE_CONTEXT_KEY } from \"../../token\";\n\nexport default defineComponent({\n  name: \"MKColumnSelect\",\n  props: columnSelectProps,\n  Header: ColumnSelectHeader,\n  setup(props) {\n    const dataTable = inject(DATA_TABLE_CONTEXT_KEY)!.dataTable;\n\n    const i = computed(() => props.index + 1);\n\n    const isSelected = computed({\n      get: () => {\n        const primaryKey = dataTable.primaryKey;\n\n        return !!dataTable\n          .getSelection()\n          .find((item) => item === props.row[primaryKey]);\n      },\n      set: (v: boolean) => {\n        const primaryKey = dataTable.primaryKey;\n\n        const item = dataTable\n          .getSelection()\n          .find((item) => item === props.row[primaryKey]);\n\n        if (v) {\n          if (item) {\n            return;\n          }\n\n          dataTable.setSelection(\n            dataTable.getSelection().concat(props.row[primaryKey])\n          );\n\n          return;\n        }\n\n        if (item) {\n          dataTable.setSelection(\n            dataTable\n              .getSelection()\n              .filter((item) => item !== props.row[primaryKey])\n          );\n        }\n      },\n    });\n\n    return () => {\n      return (\n        <div\n          class={[\n            \"mk-column-selection\",\n            unref(isSelected) ? \"is-selected\" : \"\",\n          ]}\n        >\n          <span class=\"mk-column-selection__index\">{unref(i)}</span>\n          <span class=\"mk-column-selection__selection\">\n            <ElCheckbox\n              modelValue={unref(isSelected)}\n              onUpdate:modelValue={(v: any) =>\n                (isSelected.value = v as boolean)\n              }\n            />\n          </span>\n        </div>\n      );\n    };\n  },\n});\n","import ColumnSelect from \"./column-select\";\n\nexport const MKColumnSelect = ColumnSelect;\n\nexport default MKColumnSelect;\n"],"names":["defineComponent","name","props","columnSelectHeaderProps","setup","dataTable","inject","DATA_TABLE_CONTEXT_KEY","indeterminate","computed","primaryKey","selection","getSelection","list","getList","pageSelection","filter","item","includes","length","isChecked","get","set","unref","setSelection","map","_createVNode","ElCheckbox","v","value","columnSelectProps","Header","ColumnSelectHeader","i","index","isSelected","find","row","concat"],"mappings":"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"}

package/dist/esm/{index-BSSF_H4l.js → index-C4z3EFko.js}

@@ -1,6 +1,6 @@
 import { defineComponent, computed, unref, createVNode } from "vue";
-import { c as columnTextProps } from "./column-text-options-DVf-c1QU.js";
-import { t as useColumn } from "./index-C4s2F3I8.js";
+import { c as columnTextProps } from "./column-text-options-CDGK-K3m.js";
+import { t as useColumn } from "./index-qVrnFZdU.js";
 import "@maketribe/utils";
 import "vue-router";
 import "@maketribe/dm";
@@ -40,4 +40,4 @@ export {
   columnTextProps,
   MKColumnText as default
 };
-//# sourceMappingURL=index-BSSF_H4l.js.map
+//# sourceMappingURL=index-C4z3EFko.js.map

package/dist/esm/{index-BSSF_H4l.js.map → index-C4z3EFko.js.map}

@@ -1 +1 @@
-{"version":3,"file":"index-BSSF_H4l.js","sources":["../../src/components/data-model/data-table/components/column-text/column-text.tsx","../../src/components/data-model/data-table/components/column-text/index.ts"],"sourcesContent":["import { computed, defineComponent, unref } from \"vue\";\n\nimport { columnTextProps } from \"./column-text-options\";\nimport { useColumn } from \"../../composables\";\n\nexport default defineComponent({\n  name: \"MKColumnText\",\n  props: columnTextProps,\n  setup(props) {\n    const { value } = useColumn(props);\n\n    const formatValue = computed(() => props.formatValue(unref(value)));\n\n    return () => {\n      return <span class=\"mk-column-text\">{unref(formatValue)}</span>;\n    };\n  },\n});\n","import ColumnText from \"./column-text\";\n\nexport const MKColumnText = ColumnText;\nexport default MKColumnText;\n\nexport * from \"./column-text-options\";\n"],"names":["defineComponent","name","props","columnTextProps","setup","value","useColumn","formatValue","computed","unref","_createVNode"],"mappings":";;;;;;;;;;;;;;;;;;;;;AAKA,MAAeA,6CAAgB;AAAA,EAC7BC,MAAM;AAAA,EACNC,OAAOC;AAAAA,EACPC,MAAMF,OAAO;AACX,UAAM;AAAA,MAAEG;AAAAA,IAAM,IAAIC,UAAUJ,KAAK;AAEjC,UAAMK,cAAcC,SAAS,MAAMN,MAAMK,YAAYE,MAAMJ,KAAK,CAAC,CAAC;AAElE,WAAO,MAAM;AACX,aAAAK,YAAA,QAAA;AAAA,QAAA,SAAA;AAAA,MAAqCD,GAAAA,CAAAA,MAAMF,WAAW,CAAC,CAAA;AAAA;EAE3D;AACF,CAAC;ACfM,MAAM,eAAe;"}
+{"version":3,"file":"index-C4z3EFko.js","sources":["../../src/components/data-model/data-table/components/column-text/column-text.tsx","../../src/components/data-model/data-table/components/column-text/index.ts"],"sourcesContent":["import { computed, defineComponent, unref } from \"vue\";\n\nimport { columnTextProps } from \"./column-text-options\";\nimport { useColumn } from \"../../composables\";\n\nexport default defineComponent({\n  name: \"MKColumnText\",\n  props: columnTextProps,\n  setup(props) {\n    const { value } = useColumn(props);\n\n    const formatValue = computed(() => props.formatValue(unref(value)));\n\n    return () => {\n      return <span class=\"mk-column-text\">{unref(formatValue)}</span>;\n    };\n  },\n});\n","import ColumnText from \"./column-text\";\n\nexport const MKColumnText = ColumnText;\nexport default MKColumnText;\n\nexport * from \"./column-text-options\";\n"],"names":["defineComponent","name","props","columnTextProps","setup","value","useColumn","formatValue","computed","unref","_createVNode"],"mappings":";;;;;;;;;;;;;;;;;;;;;AAKA,MAAeA,6CAAgB;AAAA,EAC7BC,MAAM;AAAA,EACNC,OAAOC;AAAAA,EACPC,MAAMF,OAAO;AACX,UAAM;AAAA,MAAEG;AAAAA,IAAM,IAAIC,UAAUJ,KAAK;AAEjC,UAAMK,cAAcC,SAAS,MAAMN,MAAMK,YAAYE,MAAMJ,KAAK,CAAC,CAAC;AAElE,WAAO,MAAM;AACX,aAAAK,YAAA,QAAA;AAAA,QAAA,SAAA;AAAA,MAAqCD,GAAAA,CAAAA,MAAMF,WAAW,CAAC,CAAA;AAAA;EAE3D;AACF,CAAC;ACfM,MAAM,eAAe;"}

package/dist/esm/{index-Ca0YBGiG.js → index-CGTDCJn_.js}

@@ -4,7 +4,7 @@ import { Dialoger } from "@maketribe/dm";
 import { DvOpt } from "@maketribe/request";
 import { ElMessage } from "element-plus";
 import "@maketribe/utils";
-import { B as MsRouteTable, z as DataModelDefines, C as useSingleView, E as MKDataTable, F as MKTableView, G as MKTableTree, v as MKSvgIcon, H as MenuType, I as MKDataForm } from "./index-C4s2F3I8.js";
+import { B as MsRouteTable, z as DataModelDefines, C as useSingleView, E as MKDataTable, F as MKTableView, G as MKTableTree, v as MKSvgIcon, H as MenuType, I as MKDataForm } from "./index-qVrnFZdU.js";
 import "@maketribe/locale";
 import "lodash-es";
 import "@lexical/overflow";
@@ -124,4 +124,4 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
 export {
   _sfc_main as default
 };
-//# sourceMappingURL=index-Ca0YBGiG.js.map
+//# sourceMappingURL=index-CGTDCJn_.js.map

package/dist/esm/{index-Ca0YBGiG.js.map → index-CGTDCJn_.js.map}

@@ -1 +1 @@
-{"version":3,"file":"index-Ca0YBGiG.js","sources":["../../src/pages/ms-menu/index.vue"],"sourcesContent":["<template>\n  <MKDataTable v-if=\"dataTree\" v-show=\"!isShowDataForm\" :data-table=\"dataTree\" mode=\"page\" enableQueryParams>\n    <MKTableView mode=\"page\">\n      <MKTableTree defaultExpandAll>\n        <template #col-data.title-content=\"{ row }\">\n          <div flex=\"inline items-center\">\n            <MKSvgIcon :name=\"row.data.iconName\"/>\n            <span class=\"mx-2\">{{ row.data.title }}</span>\n            <ElButton\n              v-if=\"row.data.type === MenuType.Menu\"\n              link\n              type=\"primary\"\n              class=\"ms-menu__url\"\n              @click=\"handleUrlClick(row.data)\"\n            >\n              {{ row.data.targetUrl || \"空\" }}\n            </ElButton>\n          </div>\n        </template>\n      </MKTableTree>\n    </MKTableView>\n  </MKDataTable>\n\n  <MKDataForm v-if=\"dataForm && isShowDataForm\"  mode=\"page\" labelPosition=\"top\" :data-form=\"dataForm\" KDataForm/>\n</template>\n<script setup lang=\"ts\">\nimport {\n  unref,\n  computed,\n  watch,\n  ref,\n  Ref,\n  reactive,\n  onBeforeUnmount,\n} from \"vue\";\nimport {useRouter} from \"vue-router\";\nimport {DataForm, DataTree, Dialoger} from \"@maketribe/dm\";\nimport {DvOpt} from \"@maketribe/request\";\nimport {ElMessage} from \"element-plus\";\nimport {DataModelDefines} from \"../../core\";\nimport {\n  MKSvgIcon,\n  MKDataTable, MKTableView, MKTableTree, MKDataForm,\n} from \"../../components\";\nimport {useSingleView} from \"../../composables\";\nimport {MenuType} from \"../../constants\";\nimport {MsRouteTable, MsMenuItemNode} from \"../../dataviews\";\n\nconst router = useRouter();\n\nconst dataTree: Ref<DataTree | null> = ref(null);\nconst dataForm: Ref<DataForm | null> = ref(null);\n\n// 路由表单\nconst routeTable = reactive(new MsRouteTable()) as MsRouteTable;\n\nwatch(\n  computed(() => unref(router.currentRoute).meta.name as string),\n  (name) => {\n    dataTree.value = DataModelDefines.instance.getDataTree(name);\n\n    dataForm.value = DataModelDefines.instance.getDataForm(name);\n  },\n  {immediate: true}\n);\n\nconst handleUrlClick = async (item: MsMenuItemNode) => {\n  routeTable.useCondition((defaultGroup) => {\n    defaultGroup.clear();\n    defaultGroup.addCondition(\"menuId\", \"=\", item.id);\n  });\n\n  const result = await Dialoger.dataTableSelectDialog(routeTable);\n\n  if (!result.isConfirm) {\n    return;\n  }\n\n  try {\n    unref(dataTree)?.getLoadingManager().startLoading();\n\n    const response = await DvOpt.createInstance({name: \"ms-menu\"}).save({\n      id: item.id,\n      routeId: result.selections[0],\n    });\n\n    if (response.code !== 200) {\n      ElMessage.error(response.msg);\n      return;\n    }\n\n    unref(dataTree)?.load();\n\n    ElMessage.success(\"更新成功\");\n  } catch {\n    ElMessage.error(\"网络异常\");\n  } finally {\n    unref(dataTree)?.getLoadingManager().completeLoading();\n  }\n};\n\nconst {isShowDataForm} = useSingleView({dataTable: dataTree, dataForm});\n\nonBeforeUnmount(() => {\n  routeTable.dispose();\n});\n</script>\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;AAgDA,UAAM,SAAS;AAET,UAAA,WAAiC,IAAI,IAAI;AACzC,UAAA,WAAiC,IAAI,IAAI;AAG/C,UAAM,aAAa,SAAS,IAAI,aAAc,CAAA;AAE9C;AAAA,MACE,SAAS,MAAM,MAAM,OAAO,YAAY,EAAE,KAAK,IAAc;AAAA,MAC7D,CAAC,SAAS;AACR,iBAAS,QAAQ,iBAAiB,SAAS,YAAY,IAAI;AAE3D,iBAAS,QAAQ,iBAAiB,SAAS,YAAY,IAAI;AAAA,MAC7D;AAAA,MACA,EAAC,WAAW,KAAI;AAAA,IAAA;AAGZ,UAAA,iBAAiB,OAAO,SAAyB;;AAC1C,iBAAA,aAAa,CAAC,iBAAiB;AACxC,qBAAa,MAAM;AACnB,qBAAa,aAAa,UAAU,KAAK,KAAK,EAAE;AAAA,MAAA,CACjD;AAED,YAAM,SAAS,MAAM,SAAS,sBAAsB,UAAU;AAE1D,UAAA,CAAC,OAAO,WAAW;AACrB;AAAA,MACF;AAEI,UAAA;AACF,oBAAM,QAAQ,MAAd,mBAAiB,oBAAoB;AAE/B,cAAA,WAAW,MAAM,MAAM,eAAe,EAAC,MAAM,UAAA,CAAU,EAAE,KAAK;AAAA,UAClE,IAAI,KAAK;AAAA,UACT,SAAS,OAAO,WAAW,CAAC;AAAA,QAAA,CAC7B;AAEG,YAAA,SAAS,SAAS,KAAK;AACf,oBAAA,MAAM,SAAS,GAAG;AAC5B;AAAA,QACF;AAEM,oBAAA,QAAQ,MAAR,mBAAW;AAEjB,kBAAU,QAAQ,MAAM;AAAA,MAAA,QAClB;AACN,kBAAU,MAAM,MAAM;AAAA,MAAA,UACtB;AACA,oBAAM,QAAQ,MAAd,mBAAiB,oBAAoB;AAAA,MACvC;AAAA,IAAA;AAGI,UAAA,EAAC,mBAAkB,cAAc,EAAC,WAAW,UAAU,UAAS;AAEtE,oBAAgB,MAAM;AACpB,iBAAW,QAAQ;AAAA,IAAA,CACpB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"index-CGTDCJn_.js","sources":["../../src/pages/ms-menu/index.vue"],"sourcesContent":["<template>\n  <MKDataTable v-if=\"dataTree\" v-show=\"!isShowDataForm\" :data-table=\"dataTree\" mode=\"page\" enableQueryParams>\n    <MKTableView mode=\"page\">\n      <MKTableTree defaultExpandAll>\n        <template #col-data.title-content=\"{ row }\">\n          <div flex=\"inline items-center\">\n            <MKSvgIcon :name=\"row.data.iconName\"/>\n            <span class=\"mx-2\">{{ row.data.title }}</span>\n            <ElButton\n              v-if=\"row.data.type === MenuType.Menu\"\n              link\n              type=\"primary\"\n              class=\"ms-menu__url\"\n              @click=\"handleUrlClick(row.data)\"\n            >\n              {{ row.data.targetUrl || \"空\" }}\n            </ElButton>\n          </div>\n        </template>\n      </MKTableTree>\n    </MKTableView>\n  </MKDataTable>\n\n  <MKDataForm v-if=\"dataForm && isShowDataForm\"  mode=\"page\" labelPosition=\"top\" :data-form=\"dataForm\" KDataForm/>\n</template>\n<script setup lang=\"ts\">\nimport {\n  unref,\n  computed,\n  watch,\n  ref,\n  Ref,\n  reactive,\n  onBeforeUnmount,\n} from \"vue\";\nimport {useRouter} from \"vue-router\";\nimport {DataForm, DataTree, Dialoger} from \"@maketribe/dm\";\nimport {DvOpt} from \"@maketribe/request\";\nimport {ElMessage} from \"element-plus\";\nimport {DataModelDefines} from \"../../core\";\nimport {\n  MKSvgIcon,\n  MKDataTable, MKTableView, MKTableTree, MKDataForm,\n} from \"../../components\";\nimport {useSingleView} from \"../../composables\";\nimport {MenuType} from \"../../constants\";\nimport {MsRouteTable, MsMenuItemNode} from \"../../dataviews\";\n\nconst router = useRouter();\n\nconst dataTree: Ref<DataTree | null> = ref(null);\nconst dataForm: Ref<DataForm | null> = ref(null);\n\n// 路由表单\nconst routeTable = reactive(new MsRouteTable()) as MsRouteTable;\n\nwatch(\n  computed(() => unref(router.currentRoute).meta.name as string),\n  (name) => {\n    dataTree.value = DataModelDefines.instance.getDataTree(name);\n\n    dataForm.value = DataModelDefines.instance.getDataForm(name);\n  },\n  {immediate: true}\n);\n\nconst handleUrlClick = async (item: MsMenuItemNode) => {\n  routeTable.useCondition((defaultGroup) => {\n    defaultGroup.clear();\n    defaultGroup.addCondition(\"menuId\", \"=\", item.id);\n  });\n\n  const result = await Dialoger.dataTableSelectDialog(routeTable);\n\n  if (!result.isConfirm) {\n    return;\n  }\n\n  try {\n    unref(dataTree)?.getLoadingManager().startLoading();\n\n    const response = await DvOpt.createInstance({name: \"ms-menu\"}).save({\n      id: item.id,\n      routeId: result.selections[0],\n    });\n\n    if (response.code !== 200) {\n      ElMessage.error(response.msg);\n      return;\n    }\n\n    unref(dataTree)?.load();\n\n    ElMessage.success(\"更新成功\");\n  } catch {\n    ElMessage.error(\"网络异常\");\n  } finally {\n    unref(dataTree)?.getLoadingManager().completeLoading();\n  }\n};\n\nconst {isShowDataForm} = useSingleView({dataTable: dataTree, dataForm});\n\nonBeforeUnmount(() => {\n  routeTable.dispose();\n});\n</script>\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;AAgDA,UAAM,SAAS;AAET,UAAA,WAAiC,IAAI,IAAI;AACzC,UAAA,WAAiC,IAAI,IAAI;AAG/C,UAAM,aAAa,SAAS,IAAI,aAAc,CAAA;AAE9C;AAAA,MACE,SAAS,MAAM,MAAM,OAAO,YAAY,EAAE,KAAK,IAAc;AAAA,MAC7D,CAAC,SAAS;AACR,iBAAS,QAAQ,iBAAiB,SAAS,YAAY,IAAI;AAE3D,iBAAS,QAAQ,iBAAiB,SAAS,YAAY,IAAI;AAAA,MAC7D;AAAA,MACA,EAAC,WAAW,KAAI;AAAA,IAAA;AAGZ,UAAA,iBAAiB,OAAO,SAAyB;;AAC1C,iBAAA,aAAa,CAAC,iBAAiB;AACxC,qBAAa,MAAM;AACnB,qBAAa,aAAa,UAAU,KAAK,KAAK,EAAE;AAAA,MAAA,CACjD;AAED,YAAM,SAAS,MAAM,SAAS,sBAAsB,UAAU;AAE1D,UAAA,CAAC,OAAO,WAAW;AACrB;AAAA,MACF;AAEI,UAAA;AACF,oBAAM,QAAQ,MAAd,mBAAiB,oBAAoB;AAE/B,cAAA,WAAW,MAAM,MAAM,eAAe,EAAC,MAAM,UAAA,CAAU,EAAE,KAAK;AAAA,UAClE,IAAI,KAAK;AAAA,UACT,SAAS,OAAO,WAAW,CAAC;AAAA,QAAA,CAC7B;AAEG,YAAA,SAAS,SAAS,KAAK;AACf,oBAAA,MAAM,SAAS,GAAG;AAC5B;AAAA,QACF;AAEM,oBAAA,QAAQ,MAAR,mBAAW;AAEjB,kBAAU,QAAQ,MAAM;AAAA,MAAA,QAClB;AACN,kBAAU,MAAM,MAAM;AAAA,MAAA,UACtB;AACA,oBAAM,QAAQ,MAAd,mBAAiB,oBAAoB;AAAA,MACvC;AAAA,IAAA;AAGI,UAAA,EAAC,mBAAkB,cAAc,EAAC,WAAW,UAAU,UAAS;AAEtE,oBAAgB,MAAM;AACpB,iBAAW,QAAQ;AAAA,IAAA,CACpB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/esm/{index-DM8qnUMA.js → index-CWYm0G0t.js}

@@ -1,4 +1,4 @@
-import { d, M, g, e, j, b, c, a, U, W, M as M2, m, o, n, i, h, f, u, l, k, w } from "./index-C4s2F3I8.js";
+import { d, M, g, e, j, b, c, a, U, W, M as M2, m, o, n, i, h, f, u, l, k, w } from "./index-qVrnFZdU.js";
 export {
   d as MKMaterialUploadContext,
   M as MKUploadFile,
@@ -22,4 +22,4 @@ export {
   k as uploadVideoProps,
   w as webFileUploadContextProps
 };
-//# sourceMappingURL=index-DM8qnUMA.js.map
+//# sourceMappingURL=index-CWYm0G0t.js.map

package/dist/esm/index-CWYm0G0t.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index-CWYm0G0t.js","sources":[],"sourcesContent":[],"names":[],"mappings":";"}

package/dist/esm/{index-BNdX9e4P.js → index-Ce4crumI.js}

@@ -2,7 +2,7 @@ import { defineComponent, ref, watch, computed, withAsyncContext, resolveCompone
 import { ElScrollbar, ElMessageBox, ElMessage, ElButton } from "element-plus";
 import { Dialoger } from "@maketribe/dm";
 import { DvOpt } from "@maketribe/request";
-import { a9 as MsRoleForm, v as MKSvgIcon, _ as _export_sfc, aa as MsMemberRoleTable, x as MKPagePanel, E as MKDataTable, ab as MKTable, ac as MKDataTablePagination } from "./index-C4s2F3I8.js";
+import { a9 as MsRoleForm, v as MKSvgIcon, _ as _export_sfc, aa as MsMemberRoleTable, x as MKPagePanel, E as MKDataTable, ab as MKTable, ac as MKDataTablePagination } from "./index-qVrnFZdU.js";
 import "@maketribe/utils";
 import { useRouter } from "vue-router";
 import "@maketribe/locale";
@@ -371,4 +371,4 @@ const index = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-4032
 export {
   index as default
 };
-//# sourceMappingURL=index-BNdX9e4P.js.map
+//# sourceMappingURL=index-Ce4crumI.js.map

package/dist/esm/{index-BNdX9e4P.js.map → index-Ce4crumI.js.map}

@@ -1 +1 @@
-{"version":3,"file":"index-BNdX9e4P.js","sources":["../../src/pages/ms-role/components/aside.vue","../../src/pages/ms-role/index.vue"],"sourcesContent":["<template>\n  <div class=\"ms-role-aside\">\n    <div class=\"ms-role-aside__main\" v-loading=\"loading\">\n      <ElScrollbar height=\"100%\">\n        <div class=\"ms-role-aside__role-list\">\n          <div\n            v-for=\"role in roles\"\n            class=\"ms-role-aside__role-item flex flex-justify-between\"\n            :class=\"[role.id === currentRole?.id ? 'is-active' : '',]\"\n            :key=\"role.id\"\n            @click=\"handleRoleClick(role)\"\n          >\n            <div>\n              <MKSvgIcon class=\"ms-role-aside__role-icon\" name=\"solar:user-bold-duotone\"/>\n              <span class=\"ms-role-aside__role-desc\">{{ role.desc }}</span>\n            </div>\n            <div @click.prevent class=\"flex flex-items-center\">\n              <ElDropdown>\n                <span class=\"ms-role-aside__icon\">\n                  <MKSvgIcon name=\"ri:more-fill\"/>\n                </span>\n\n                <template #dropdown>\n                  <ElDropdownMenu>\n                    <ElDropdownItem :icon=\"Edit\" @click=\"handleMemberRoleEdit(role)\">\n                      编辑\n                    </ElDropdownItem>\n                    <ElDropdownItem :icon=\"Delete\" @click=\"handleDelete(role)\">\n                      删除\n                    </ElDropdownItem>\n                  </ElDropdownMenu>\n                </template>\n              </ElDropdown>\n            </div>\n          </div>\n        </div>\n      </ElScrollbar>\n    </div>\n  </div>\n</template>\n\n<script setup lang=\"ts\">\nimport {onMounted, ref, Ref, watch, computed, unref} from \"vue\";\nimport {DvOpt} from \"@maketribe/request\";\nimport {Dialoger} from \"@maketribe/dm\";\nimport {Edit, Delete} from \"@element-plus/icons-vue\";\nimport {ElButton, ElMessage, ElScrollbar, ElMessageBox} from \"element-plus\";\nimport {MKSvgIcon} from \"../../../components\";\nimport {MsRole, MsRoleForm} from \"../../../dataviews\";\n\nconst props = defineProps({\n  roleForm: {\n    type: MsRoleForm,\n    required: true,\n  },\n});\n\nconst emit = defineEmits([\"role-select\"]);\n\nconst dvOpt = DvOpt.createInstance({name: \"ms-role\"});\n\nconst roles: Ref<MsRole[]> = ref([]);\n\nconst currentRole: Ref<MsRole | null> = ref(null);\n\nconst loading = ref(false);\n\n\nwatch(currentRole, () => {\n  emit(\"role-select\", currentRole.value);\n});\n\n//asdasda\nwatch(\n  computed(() => props.roleForm),\n  (roleForm, _, onCleanup) => {\n    const disposable = roleForm.submittedEvent.on(() => {\n      loadRoleList();\n    });\n\n    onCleanup(() => {\n      disposable.dispose();\n    });\n  },\n  {immediate: true}\n);\n\nconst loadRoleList = async () => {\n  try {\n    loading.value = true;\n\n    roles.value = await dvOpt.query().list<MsRole>();\n\n    // 加载完成之后默认选中第一个\n    if (roles.value.length) {\n      handleRoleClick(roles.value[0])\n    }\n\n  } finally {\n    loading.value = false;\n  }\n};\n\nconst handleMemberRoleEdit = (role: MsRole) => {\n  Dialoger.dataFormDialog({\n    dataForm: props.roleForm,\n    recId: role.id,\n  });\n};\n\nconst handleRoleClick = (role: MsRole) => {\n  currentRole.value = role;\n};\n\nconst handleDelete = async (role: MsRole) => {\n  const isConfirm = await ElMessageBox.confirm(\"是否确认删除\", {\n    type: \"warning\",\n  }).then(\n    () => true,\n    () => false\n  );\n\n  if (!isConfirm) {\n    return;\n  }\n\n  try {\n    const result = await dvOpt.delete(role.id);\n\n    if (result.code !== 200) {\n      ElMessage.error({message: result.msg});\n      return;\n    }\n\n    ElMessage.success({message: \"删除成功\"});\n\n    if (unref(currentRole)?.id === role.id) {\n      currentRole.value = null;\n    }\n\n    loadRoleList();\n  } catch (e) {\n    console.error(e);\n    ElMessage.error({message: \"网络异常\"});\n  }\n};\n\n// 加载角色列表\nawait loadRoleList();\n</script>\n\n<style lang=\"scss\" scoped>\n.ms-role-aside {\n  height: 100%;\n  display: flex;\n  flex-direction: column;\n\n\n  &__main {\n    height: 0;\n    flex: 1;\n  }\n\n  &__role {\n    &-icon {\n      margin-right: 8px;\n      font-size: 16px;\n    }\n    &-item+&-item {\n      margin-top: 5px;\n    }\n    &-item {\n      display: flex;\n      align-items: center;\n      height: 36px;\n      padding: 5px 10px;\n      line-height: 36px;\n      border-radius: 5px;\n      cursor: pointer;\n\n      &.is-active,\n      &:hover {\n        background-color: #f4f4f4;\n      }\n\n      .ms-role-aside__icon {\n        display: none;\n        border-radius: 3px;\n        font-size: 14px;\n\n        &:hover {\n          background-color: #f4f4f4;\n        }\n      }\n\n      &:hover {\n        .ms-role-aside__icon {\n          padding: 5px;\n          display: inline-flex;\n        }\n      }\n    }\n  }\n}\n</style>\n","<template>\n  <MKPagePanel class=\"ms-role\" title=\"角色管理\" iconName=\"carbon:add-filled\">\n    <template #extra>\n      <el-button type=\"primary\" @click=\"handleAddRoleClick\" style=\"margin-right: 10px;\">\n        <MKSvgIcon name=\"carbon:add-filled\" style=\"margin-right: 5px;\"/>\n        添加角色\n      </el-button>\n    </template>\n    <div class=\"ms-role__body-warp\">\n      <div class=\"ms-role__aside\">\n        <RoleAside\n          @role-select=\"handleRoleSelect\"\n          :role-form=\"roleForm\"\n          ref=\"RoleAsideEl\"\n        />\n      </div>\n      <div class=\"ms-role__main\">\n        <div class=\"ms-role__content\" v-if=\"currentRole\">\n          <div class=\"flex flex-justify-between\">\n            <div class=\"ms-role__title\" flex=\"~ items-center\">\n              <MKSvgIcon class=\"ms-role-aside__role-icon\" name=\"oui:app-users-roles\" m=\"r-[10px]\"/>\n              {{ currentRole.desc }}\n            </div>\n            <div class=\"ms-role__tools\">\n              <ElButton type=\"primary\" text @click=\"handlePermissionEdit\">\n                <template #icon>\n                  <MKSvgIcon name=\"material-symbols-light:vpn-key-outline\"/>\n                </template>\n                权限设置\n              </ElButton>\n              <ElButton type=\"primary\" @click=\"handleSelectUserClick\">\n                <template #icon>\n                  <MKSvgIcon name=\"carbon:add-filled\"/>\n                </template>\n                添加成员\n              </ElButton>\n              <ElButton\n                :disabled=\"disabledBatchDelete\"\n                @click=\"handleBatchDelete\"\n              >\n                批量删除\n              </ElButton>\n            </div>\n          </div>\n          <MKDataTable :data-table=\"memberRoleTable\">\n            <MKTable/>\n            <MKDataTablePagination/>\n          </MKDataTable>\n        </div>\n      </div>\n    </div>\n  </MKPagePanel>\n</template>\n<script setup lang=\"ts\">\nimport {\n  reactive,\n  Ref,\n  ref,\n  watch,\n  unref,\n  computed,\n  onBeforeUnmount,\n} from \"vue\";\nimport {ElButton, ElMessage, ElMessageBox} from \"element-plus\";\nimport {Dialoger} from \"@maketribe/dm\";\nimport {DvOpt} from \"@maketribe/request\";\nimport {MKDataTable, MKPagePanel, MKSvgIcon, MKTable, MKDataTablePagination} from \"../../components\";\nimport {MsRole, MsMemberRoleTable, MsRoleForm} from \"../../dataviews\";\nimport RoleAside from \"./components/aside.vue\";\n\nconst router = useRouter();\n\nconst dvOpt = DvOpt.createInstance({name: \"ms-member-role\"});\n\nconst currentRole: Ref<MsRole | null> = ref(null);\n\nconst memberRoleTable = reactive(new MsMemberRoleTable()) as MsMemberRoleTable;\n\nconst roleForm = reactive(new MsRoleForm()) as MsRoleForm;\n\nconst disabledBatchDelete = computed(\n  () => memberRoleTable.getSelection().length === 0\n);\n\nwatch(currentRole, (currentRole) => {\n  memberRoleTable.setCurrentRole(currentRole);\n});\n\nonBeforeUnmount(() => {\n  memberRoleTable.dispose();\n  roleForm.dispose();\n});\n\nconst handleAddRoleClick = () => {\n  Dialoger.dataFormDialog({\n    dataForm: roleForm\n  });\n};\n\nconst handleRoleSelect = (role: MsRole) => {\n  currentRole.value = role;\n};\n\nconst handleSelectUserClick = async () => {\n  const selectResult = await Dialoger.dataTableSelectDialog(\n    memberRoleTable.memberTable\n  );\n\n  if (!selectResult.isConfirm) {\n    return;\n  }\n\n  const roleId = unref(currentRole)!.id;\n\n  const memberRoleList = selectResult.selections.map((item) => ({\n    roleId,\n    memberId: item,\n  }));\n\n  try {\n    const result = await dvOpt.batchSave(memberRoleList);\n\n    if (result.code !== 200) {\n      ElMessage.error({message: result.msg});\n      return;\n    }\n\n    ElMessage.success({message: \"添加成功\"});\n\n    memberRoleTable.load();\n  } catch (e) {\n    console.error(e);\n\n    ElMessage.error({message: \"网络异常\"});\n  }\n};\n\nconst handleBatchDelete = async () => {\n  const isConfirm = await ElMessageBox.confirm(\"是否确认删除\", {\n    type: \"warning\",\n  }).then(\n    () => true,\n    () => false\n  );\n\n  if (!isConfirm) {\n    return;\n  }\n\n  try {\n    const result = await dvOpt.batchDelete(memberRoleTable.getSelection());\n\n    if (result.code !== 200) {\n      ElMessage.error({message: result.msg});\n      return;\n    }\n\n    ElMessage.success({message: \"删除成功\"});\n    memberRoleTable.load();\n  } catch (e) {\n    console.error(e);\n    ElMessage.error({message: \"网络异常\"});\n  }\n};\n\nconst handlePermissionEdit = () => {\n  router.push({name: \"dv/ms-role/permission\", params: {id: unref(currentRole)?.id}})\n};\n</script>\n\n<style lang=\"scss\" scoped>\n.ms-role {\n  display: flex;\n  flex-direction: column;\n  width: 100%;\n  height: 100%;\n  overflow: hidden;\n  padding: 0px;\n\n  &__body-warp {\n    padding: 10px;\n    display: flex;\n    height: 100%;\n    overflow: hidden;\n  }\n\n  &__aside {\n    background-color: #fff;\n    padding: 10px;\n    max-width: 360px;\n    min-width: 220px;\n    margin-right: 10px;\n  }\n\n  &__main {\n    width: 0;\n    flex: 1;\n\n    .mk-data-table {\n      display: flex;\n      flex-direction: column;\n      height: 100%;\n\n      .el-table {\n        height: 0;\n        flex: 1;\n      }\n    }\n  }\n\n  &__content {\n    display: flex;\n    flex-direction: column;\n    padding: 12px;\n    width: 100%;\n    height: 100%;\n    box-sizing: border-box;\n    background-color: #fff;\n  }\n\n  &__title {\n    font-size: 18px;\n    font-weight: 600;\n    margin: 10px 0;\n  }\n\n  &__tools {\n    margin: 10px 0;\n    display: flex;\n    justify-content: flex-end;\n  }\n}\n\n</style>\n"],"names":["_withAsyncContext","currentRole"],"mappings":"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"}
+{"version":3,"file":"index-Ce4crumI.js","sources":["../../src/pages/ms-role/components/aside.vue","../../src/pages/ms-role/index.vue"],"sourcesContent":["<template>\n  <div class=\"ms-role-aside\">\n    <div class=\"ms-role-aside__main\" v-loading=\"loading\">\n      <ElScrollbar height=\"100%\">\n        <div class=\"ms-role-aside__role-list\">\n          <div\n            v-for=\"role in roles\"\n            class=\"ms-role-aside__role-item flex flex-justify-between\"\n            :class=\"[role.id === currentRole?.id ? 'is-active' : '',]\"\n            :key=\"role.id\"\n            @click=\"handleRoleClick(role)\"\n          >\n            <div>\n              <MKSvgIcon class=\"ms-role-aside__role-icon\" name=\"solar:user-bold-duotone\"/>\n              <span class=\"ms-role-aside__role-desc\">{{ role.desc }}</span>\n            </div>\n            <div @click.prevent class=\"flex flex-items-center\">\n              <ElDropdown>\n                <span class=\"ms-role-aside__icon\">\n                  <MKSvgIcon name=\"ri:more-fill\"/>\n                </span>\n\n                <template #dropdown>\n                  <ElDropdownMenu>\n                    <ElDropdownItem :icon=\"Edit\" @click=\"handleMemberRoleEdit(role)\">\n                      编辑\n                    </ElDropdownItem>\n                    <ElDropdownItem :icon=\"Delete\" @click=\"handleDelete(role)\">\n                      删除\n                    </ElDropdownItem>\n                  </ElDropdownMenu>\n                </template>\n              </ElDropdown>\n            </div>\n          </div>\n        </div>\n      </ElScrollbar>\n    </div>\n  </div>\n</template>\n\n<script setup lang=\"ts\">\nimport {onMounted, ref, Ref, watch, computed, unref} from \"vue\";\nimport {DvOpt} from \"@maketribe/request\";\nimport {Dialoger} from \"@maketribe/dm\";\nimport {Edit, Delete} from \"@element-plus/icons-vue\";\nimport {ElButton, ElMessage, ElScrollbar, ElMessageBox} from \"element-plus\";\nimport {MKSvgIcon} from \"../../../components\";\nimport {MsRole, MsRoleForm} from \"../../../dataviews\";\n\nconst props = defineProps({\n  roleForm: {\n    type: MsRoleForm,\n    required: true,\n  },\n});\n\nconst emit = defineEmits([\"role-select\"]);\n\nconst dvOpt = DvOpt.createInstance({name: \"ms-role\"});\n\nconst roles: Ref<MsRole[]> = ref([]);\n\nconst currentRole: Ref<MsRole | null> = ref(null);\n\nconst loading = ref(false);\n\n\nwatch(currentRole, () => {\n  emit(\"role-select\", currentRole.value);\n});\n\n//asdasda\nwatch(\n  computed(() => props.roleForm),\n  (roleForm, _, onCleanup) => {\n    const disposable = roleForm.submittedEvent.on(() => {\n      loadRoleList();\n    });\n\n    onCleanup(() => {\n      disposable.dispose();\n    });\n  },\n  {immediate: true}\n);\n\nconst loadRoleList = async () => {\n  try {\n    loading.value = true;\n\n    roles.value = await dvOpt.query().list<MsRole>();\n\n    // 加载完成之后默认选中第一个\n    if (roles.value.length) {\n      handleRoleClick(roles.value[0])\n    }\n\n  } finally {\n    loading.value = false;\n  }\n};\n\nconst handleMemberRoleEdit = (role: MsRole) => {\n  Dialoger.dataFormDialog({\n    dataForm: props.roleForm,\n    recId: role.id,\n  });\n};\n\nconst handleRoleClick = (role: MsRole) => {\n  currentRole.value = role;\n};\n\nconst handleDelete = async (role: MsRole) => {\n  const isConfirm = await ElMessageBox.confirm(\"是否确认删除\", {\n    type: \"warning\",\n  }).then(\n    () => true,\n    () => false\n  );\n\n  if (!isConfirm) {\n    return;\n  }\n\n  try {\n    const result = await dvOpt.delete(role.id);\n\n    if (result.code !== 200) {\n      ElMessage.error({message: result.msg});\n      return;\n    }\n\n    ElMessage.success({message: \"删除成功\"});\n\n    if (unref(currentRole)?.id === role.id) {\n      currentRole.value = null;\n    }\n\n    loadRoleList();\n  } catch (e) {\n    console.error(e);\n    ElMessage.error({message: \"网络异常\"});\n  }\n};\n\n// 加载角色列表\nawait loadRoleList();\n</script>\n\n<style lang=\"scss\" scoped>\n.ms-role-aside {\n  height: 100%;\n  display: flex;\n  flex-direction: column;\n\n\n  &__main {\n    height: 0;\n    flex: 1;\n  }\n\n  &__role {\n    &-icon {\n      margin-right: 8px;\n      font-size: 16px;\n    }\n    &-item+&-item {\n      margin-top: 5px;\n    }\n    &-item {\n      display: flex;\n      align-items: center;\n      height: 36px;\n      padding: 5px 10px;\n      line-height: 36px;\n      border-radius: 5px;\n      cursor: pointer;\n\n      &.is-active,\n      &:hover {\n        background-color: #f4f4f4;\n      }\n\n      .ms-role-aside__icon {\n        display: none;\n        border-radius: 3px;\n        font-size: 14px;\n\n        &:hover {\n          background-color: #f4f4f4;\n        }\n      }\n\n      &:hover {\n        .ms-role-aside__icon {\n          padding: 5px;\n          display: inline-flex;\n        }\n      }\n    }\n  }\n}\n</style>\n","<template>\n  <MKPagePanel class=\"ms-role\" title=\"角色管理\" iconName=\"carbon:add-filled\">\n    <template #extra>\n      <el-button type=\"primary\" @click=\"handleAddRoleClick\" style=\"margin-right: 10px;\">\n        <MKSvgIcon name=\"carbon:add-filled\" style=\"margin-right: 5px;\"/>\n        添加角色\n      </el-button>\n    </template>\n    <div class=\"ms-role__body-warp\">\n      <div class=\"ms-role__aside\">\n        <RoleAside\n          @role-select=\"handleRoleSelect\"\n          :role-form=\"roleForm\"\n          ref=\"RoleAsideEl\"\n        />\n      </div>\n      <div class=\"ms-role__main\">\n        <div class=\"ms-role__content\" v-if=\"currentRole\">\n          <div class=\"flex flex-justify-between\">\n            <div class=\"ms-role__title\" flex=\"~ items-center\">\n              <MKSvgIcon class=\"ms-role-aside__role-icon\" name=\"oui:app-users-roles\" m=\"r-[10px]\"/>\n              {{ currentRole.desc }}\n            </div>\n            <div class=\"ms-role__tools\">\n              <ElButton type=\"primary\" text @click=\"handlePermissionEdit\">\n                <template #icon>\n                  <MKSvgIcon name=\"material-symbols-light:vpn-key-outline\"/>\n                </template>\n                权限设置\n              </ElButton>\n              <ElButton type=\"primary\" @click=\"handleSelectUserClick\">\n                <template #icon>\n                  <MKSvgIcon name=\"carbon:add-filled\"/>\n                </template>\n                添加成员\n              </ElButton>\n              <ElButton\n                :disabled=\"disabledBatchDelete\"\n                @click=\"handleBatchDelete\"\n              >\n                批量删除\n              </ElButton>\n            </div>\n          </div>\n          <MKDataTable :data-table=\"memberRoleTable\">\n            <MKTable/>\n            <MKDataTablePagination/>\n          </MKDataTable>\n        </div>\n      </div>\n    </div>\n  </MKPagePanel>\n</template>\n<script setup lang=\"ts\">\nimport {\n  reactive,\n  Ref,\n  ref,\n  watch,\n  unref,\n  computed,\n  onBeforeUnmount,\n} from \"vue\";\nimport {ElButton, ElMessage, ElMessageBox} from \"element-plus\";\nimport {Dialoger} from \"@maketribe/dm\";\nimport {DvOpt} from \"@maketribe/request\";\nimport {MKDataTable, MKPagePanel, MKSvgIcon, MKTable, MKDataTablePagination} from \"../../components\";\nimport {MsRole, MsMemberRoleTable, MsRoleForm} from \"../../dataviews\";\nimport RoleAside from \"./components/aside.vue\";\n\nconst router = useRouter();\n\nconst dvOpt = DvOpt.createInstance({name: \"ms-member-role\"});\n\nconst currentRole: Ref<MsRole | null> = ref(null);\n\nconst memberRoleTable = reactive(new MsMemberRoleTable()) as MsMemberRoleTable;\n\nconst roleForm = reactive(new MsRoleForm()) as MsRoleForm;\n\nconst disabledBatchDelete = computed(\n  () => memberRoleTable.getSelection().length === 0\n);\n\nwatch(currentRole, (currentRole) => {\n  memberRoleTable.setCurrentRole(currentRole);\n});\n\nonBeforeUnmount(() => {\n  memberRoleTable.dispose();\n  roleForm.dispose();\n});\n\nconst handleAddRoleClick = () => {\n  Dialoger.dataFormDialog({\n    dataForm: roleForm\n  });\n};\n\nconst handleRoleSelect = (role: MsRole) => {\n  currentRole.value = role;\n};\n\nconst handleSelectUserClick = async () => {\n  const selectResult = await Dialoger.dataTableSelectDialog(\n    memberRoleTable.memberTable\n  );\n\n  if (!selectResult.isConfirm) {\n    return;\n  }\n\n  const roleId = unref(currentRole)!.id;\n\n  const memberRoleList = selectResult.selections.map((item) => ({\n    roleId,\n    memberId: item,\n  }));\n\n  try {\n    const result = await dvOpt.batchSave(memberRoleList);\n\n    if (result.code !== 200) {\n      ElMessage.error({message: result.msg});\n      return;\n    }\n\n    ElMessage.success({message: \"添加成功\"});\n\n    memberRoleTable.load();\n  } catch (e) {\n    console.error(e);\n\n    ElMessage.error({message: \"网络异常\"});\n  }\n};\n\nconst handleBatchDelete = async () => {\n  const isConfirm = await ElMessageBox.confirm(\"是否确认删除\", {\n    type: \"warning\",\n  }).then(\n    () => true,\n    () => false\n  );\n\n  if (!isConfirm) {\n    return;\n  }\n\n  try {\n    const result = await dvOpt.batchDelete(memberRoleTable.getSelection());\n\n    if (result.code !== 200) {\n      ElMessage.error({message: result.msg});\n      return;\n    }\n\n    ElMessage.success({message: \"删除成功\"});\n    memberRoleTable.load();\n  } catch (e) {\n    console.error(e);\n    ElMessage.error({message: \"网络异常\"});\n  }\n};\n\nconst handlePermissionEdit = () => {\n  router.push({name: \"dv/ms-role/permission\", params: {id: unref(currentRole)?.id}})\n};\n</script>\n\n<style lang=\"scss\" scoped>\n.ms-role {\n  display: flex;\n  flex-direction: column;\n  width: 100%;\n  height: 100%;\n  overflow: hidden;\n  padding: 0px;\n\n  &__body-warp {\n    padding: 10px;\n    display: flex;\n    height: 100%;\n    overflow: hidden;\n  }\n\n  &__aside {\n    background-color: #fff;\n    padding: 10px;\n    max-width: 360px;\n    min-width: 220px;\n    margin-right: 10px;\n  }\n\n  &__main {\n    width: 0;\n    flex: 1;\n\n    .mk-data-table {\n      display: flex;\n      flex-direction: column;\n      height: 100%;\n\n      .el-table {\n        height: 0;\n        flex: 1;\n      }\n    }\n  }\n\n  &__content {\n    display: flex;\n    flex-direction: column;\n    padding: 12px;\n    width: 100%;\n    height: 100%;\n    box-sizing: border-box;\n    background-color: #fff;\n  }\n\n  &__title {\n    font-size: 18px;\n    font-weight: 600;\n    margin: 10px 0;\n  }\n\n  &__tools {\n    margin: 10px 0;\n    display: flex;\n    justify-content: flex-end;\n  }\n}\n\n</style>\n"],"names":["_withAsyncContext","currentRole"],"mappings":"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"}

package/dist/esm/{index-hz7rO7R2.js → index-CgK5u4XU.js}

@@ -1,6 +1,6 @@
 import { buildProps, withInstall } from "@maketribe/utils";
 import { defineComponent, computed, unref, watch, createVNode } from "vue";
-import { Z as abstractSelectEmits, $ as abstractSelectProps, a0 as MKAbstractSelect } from "./index-C4s2F3I8.js";
+import { Z as abstractSelectEmits, $ as abstractSelectProps, a0 as MKAbstractSelect } from "./index-qVrnFZdU.js";
 import { DataTree } from "@maketribe/dm";
 import { ElTreeSelect } from "element-plus";
 const { dataTable, ...restAbstractSelectProps } = abstractSelectProps;
@@ -123,4 +123,4 @@ export {
   dataTreeSelectProps,
   MKDataTreeSelect as default
 };
-//# sourceMappingURL=index-hz7rO7R2.js.map
+//# sourceMappingURL=index-CgK5u4XU.js.map

package/dist/esm/{index-hz7rO7R2.js.map → index-CgK5u4XU.js.map}

@@ -1 +1 @@
-{"version":3,"file":"index-hz7rO7R2.js","sources":["../../src/components/basic/data-tree-select/data-tree-select-options.ts","../../src/components/basic/data-tree-select/data-tree-select.tsx","../../src/components/basic/data-tree-select/index.ts"],"sourcesContent":["import { ExtractPropTypes } from \"vue\";\nimport { buildProps } from \"@maketribe/utils\";\nimport { abstractSelectEmits, abstractSelectProps } from \"../../abstract\";\nimport { DataTree } from \"@maketribe/dm\";\n\nconst { dataTable, ...restAbstractSelectProps } = abstractSelectProps;\n\nexport const dataTreeSelectProps = buildProps({\n  ...restAbstractSelectProps,\n  dataTree: DataTree<any>,\n  checkStrictly: {\n    type: Boolean,\n    default: true,\n  },\n  disabled: {\n    type: Boolean,\n    default: false,\n  },\n  clearable: {\n    type: Boolean,\n    default: true,\n  },\n  formatOptions: {\n    type: Function,\n    default: (item: any) => {\n      const value = item.value ?? item.id ?? item.name;\n      const label = item.label ?? item.desc ?? item.title ?? item.name;\n      const children = item.children ?? [];\n\n      return { value, label, children };\n    },\n  },\n});\n\nexport type DataTreeSelectProps = ExtractPropTypes<typeof dataTreeSelectProps>;\n\nexport const dataTreeSelectEmits = {\n  ...abstractSelectEmits,\n};\n\nexport type DataTreeSelectEmits = typeof dataTreeSelectEmits;\n","import { computed, defineComponent, ref, Ref, unref, watch } from \"vue\";\nimport { MKAbstractSelect } from \"../../abstract\";\nimport {\n  dataTreeSelectEmits,\n  dataTreeSelectProps,\n} from \"./data-tree-select-options\";\nimport { ElTreeSelect } from \"element-plus\";\n\nexport default defineComponent({\n  name: \"MKDataTreeSelect\",\n  props: dataTreeSelectProps,\n  emits: dataTreeSelectEmits,\n  setup(props, { emit, slots }) {\n    const primaryKey = computed(\n      () => props.primaryFieldName ?? props.dataTree?.primaryKey ?? \"value\"\n    );\n\n    const loading = computed(() => props.dataTree?.loading ?? false);\n\n    const modelValue = computed({\n      get: () => unref(props.modelValue),\n      set: (v) => {\n        emit(\"update:model-value\", v);\n      },\n    });\n\n    // 数据树\n    watch(computed(() => props.dataTree),async (dataTree) => {\n      // 初始化过就不重新初始化了\n      if(dataTree && !dataTree.initd) {\n        await dataTree.init();\n        dataTree.dataFilter.setReady();\n        await dataTree.loadAll();\n      }\n    },{ immediate: true });\n\n    const formatOptions = (item: any) => {\n      let _formatOptions;\n\n      if (props.labelFieldName) {\n        _formatOptions = (item: any) => {\n          return {\n            value: item[unref(primaryKey)],\n            label: item[props.labelFieldName!],\n            children: (item.children ?? []).map(formatOptions),\n          };\n        };\n      } else {\n        _formatOptions = props.formatOptions;\n      }\n\n      let option = _formatOptions(item);\n\n      option.data = item;\n\n      return option;\n    };\n\n    return () => {\n      return (\n        <MKAbstractSelect\n          class=\"mk-data-tree-select\"\n          modelValue={unref(modelValue)}\n          onUpdate:model-value={(v: any) => {\n            modelValue.value = v;\n          }}\n          additional={false}\n          dataTable={props.dataTree}\n          objectValue={props.objectValue}\n          multiple={props.multiple}\n          options={props.options}\n          primaryFieldName={props.primaryFieldName}\n          formatOptions={formatOptions}\n          v-slots={{\n            default: ({ selections, setSelections, options }: any) => {\n              return (\n                <ElTreeSelect\n                  popper-class=\"mk-data-tree-select__popper\"\n                  clearable={props.clearable}\n                  data={options}\n                  disabled={props.disabled}\n                  loading={unref(loading)}\n                  modelValue={selections}\n                  onUpdate:modelValue={setSelections}\n                  multiple={props.multiple}\n                  checkStrictly={props.checkStrictly}\n                  v-slots={slots}\n                />\n              );\n            },\n          }}\n        />\n      );\n    };\n  },\n});\n","import { withInstall } from \"@maketribe/utils\";\nimport DataTreeSelect from \"./data-tree-select\";\n\nexport const MKDataTreeSelect = withInstall(DataTreeSelect);\n\nexport default MKDataTreeSelect;\n\nexport * from \"./data-tree-select-options\";\n"],"names":["defineComponent","name","props","dataTreeSelectProps","emits","dataTreeSelectEmits","setup","emit","slots","primaryKey","computed","primaryFieldName","dataTree","loading","modelValue","get","unref","set","v","watch","initd","init","dataFilter","setReady","loadAll","immediate","formatOptions","item","_formatOptions","labelFieldName","value","label","children","map","option","data","_createVNode","MKAbstractSelect","objectValue","multiple","options","default","selections","setSelections","ElTreeSelect","clearable","disabled","checkStrictly"],"mappings":"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"}
+{"version":3,"file":"index-CgK5u4XU.js","sources":["../../src/components/basic/data-tree-select/data-tree-select-options.ts","../../src/components/basic/data-tree-select/data-tree-select.tsx","../../src/components/basic/data-tree-select/index.ts"],"sourcesContent":["import { ExtractPropTypes } from \"vue\";\nimport { buildProps } from \"@maketribe/utils\";\nimport { abstractSelectEmits, abstractSelectProps } from \"../../abstract\";\nimport { DataTree } from \"@maketribe/dm\";\n\nconst { dataTable, ...restAbstractSelectProps } = abstractSelectProps;\n\nexport const dataTreeSelectProps = buildProps({\n  ...restAbstractSelectProps,\n  dataTree: DataTree<any>,\n  checkStrictly: {\n    type: Boolean,\n    default: true,\n  },\n  disabled: {\n    type: Boolean,\n    default: false,\n  },\n  clearable: {\n    type: Boolean,\n    default: true,\n  },\n  formatOptions: {\n    type: Function,\n    default: (item: any) => {\n      const value = item.value ?? item.id ?? item.name;\n      const label = item.label ?? item.desc ?? item.title ?? item.name;\n      const children = item.children ?? [];\n\n      return { value, label, children };\n    },\n  },\n});\n\nexport type DataTreeSelectProps = ExtractPropTypes<typeof dataTreeSelectProps>;\n\nexport const dataTreeSelectEmits = {\n  ...abstractSelectEmits,\n};\n\nexport type DataTreeSelectEmits = typeof dataTreeSelectEmits;\n","import { computed, defineComponent, ref, Ref, unref, watch } from \"vue\";\nimport { MKAbstractSelect } from \"../../abstract\";\nimport {\n  dataTreeSelectEmits,\n  dataTreeSelectProps,\n} from \"./data-tree-select-options\";\nimport { ElTreeSelect } from \"element-plus\";\n\nexport default defineComponent({\n  name: \"MKDataTreeSelect\",\n  props: dataTreeSelectProps,\n  emits: dataTreeSelectEmits,\n  setup(props, { emit, slots }) {\n    const primaryKey = computed(\n      () => props.primaryFieldName ?? props.dataTree?.primaryKey ?? \"value\"\n    );\n\n    const loading = computed(() => props.dataTree?.loading ?? false);\n\n    const modelValue = computed({\n      get: () => unref(props.modelValue),\n      set: (v) => {\n        emit(\"update:model-value\", v);\n      },\n    });\n\n    // 数据树\n    watch(computed(() => props.dataTree),async (dataTree) => {\n      // 初始化过就不重新初始化了\n      if(dataTree && !dataTree.initd) {\n        await dataTree.init();\n        dataTree.dataFilter.setReady();\n        await dataTree.loadAll();\n      }\n    },{ immediate: true });\n\n    const formatOptions = (item: any) => {\n      let _formatOptions;\n\n      if (props.labelFieldName) {\n        _formatOptions = (item: any) => {\n          return {\n            value: item[unref(primaryKey)],\n            label: item[props.labelFieldName!],\n            children: (item.children ?? []).map(formatOptions),\n          };\n        };\n      } else {\n        _formatOptions = props.formatOptions;\n      }\n\n      let option = _formatOptions(item);\n\n      option.data = item;\n\n      return option;\n    };\n\n    return () => {\n      return (\n        <MKAbstractSelect\n          class=\"mk-data-tree-select\"\n          modelValue={unref(modelValue)}\n          onUpdate:model-value={(v: any) => {\n            modelValue.value = v;\n          }}\n          additional={false}\n          dataTable={props.dataTree}\n          objectValue={props.objectValue}\n          multiple={props.multiple}\n          options={props.options}\n          primaryFieldName={props.primaryFieldName}\n          formatOptions={formatOptions}\n          v-slots={{\n            default: ({ selections, setSelections, options }: any) => {\n              return (\n                <ElTreeSelect\n                  popper-class=\"mk-data-tree-select__popper\"\n                  clearable={props.clearable}\n                  data={options}\n                  disabled={props.disabled}\n                  loading={unref(loading)}\n                  modelValue={selections}\n                  onUpdate:modelValue={setSelections}\n                  multiple={props.multiple}\n                  checkStrictly={props.checkStrictly}\n                  v-slots={slots}\n                />\n              );\n            },\n          }}\n        />\n      );\n    };\n  },\n});\n","import { withInstall } from \"@maketribe/utils\";\nimport DataTreeSelect from \"./data-tree-select\";\n\nexport const MKDataTreeSelect = withInstall(DataTreeSelect);\n\nexport default MKDataTreeSelect;\n\nexport * from \"./data-tree-select-options\";\n"],"names":["defineComponent","name","props","dataTreeSelectProps","emits","dataTreeSelectEmits","setup","emit","slots","primaryKey","computed","primaryFieldName","dataTree","loading","modelValue","get","unref","set","v","watch","initd","init","dataFilter","setReady","loadAll","immediate","formatOptions","item","_formatOptions","labelFieldName","value","label","children","map","option","data","_createVNode","MKAbstractSelect","objectValue","multiple","options","default","selections","setSelections","ElTreeSelect","clearable","disabled","checkStrictly"],"mappings":"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"}

package/dist/esm/{index-Bop3lWSD.js → index-Chd7AdQ9.js}

@@ -1,5 +1,5 @@
 import { defineComponent, resolveComponent, openBlock, createBlock, unref, withCtx, createVNode } from "vue";
-import { J as MKLayout } from "./index-C4s2F3I8.js";
+import { J as MKLayout } from "./index-qVrnFZdU.js";
 const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "index",
   setup(__props) {
@@ -17,4 +17,4 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
 export {
   _sfc_main as default
 };
-//# sourceMappingURL=index-Bop3lWSD.js.map
+//# sourceMappingURL=index-Chd7AdQ9.js.map

package/dist/esm/index-Chd7AdQ9.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index-Chd7AdQ9.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;"}

package/dist/esm/{index-CG-9XHb4.js → index-CmUV--bF.js}

@@ -4,7 +4,7 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
 var _a, _b;
 import { defineComponent, ref, watch, resolveComponent, openBlock, createElementBlock, createVNode, withCtx, createElementVNode, unref, createTextVNode, toDisplayString, Fragment, renderList, normalizeClass, pushScopeId, popScopeId } from "vue";
 import { ElCard } from "element-plus";
-import { a3 as DATA_MODEL_NAME, a4 as MODULE_NAME, a5 as MSAppClient, a6 as MsMemberTable, a2 as useMSAppClient, v as MKSvgIcon, _ as _export_sfc } from "./index-C4s2F3I8.js";
+import { a3 as DATA_MODEL_NAME, a4 as MODULE_NAME, a5 as MSAppClient, a6 as MsMemberTable, a2 as useMSAppClient, v as MKSvgIcon, _ as _export_sfc } from "./index-qVrnFZdU.js";
 import { DvOpt, Group } from "@maketribe/request";
 import "@maketribe/utils";
 import { DataForm, Messager, FormColumn, Dialoger } from "@maketribe/dm";
@@ -285,4 +285,4 @@ const index = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-75f8
 export {
   index as default
 };
-//# sourceMappingURL=index-CG-9XHb4.js.map
+//# sourceMappingURL=index-CmUV--bF.js.map

package/dist/esm/{index-CG-9XHb4.js.map → index-CmUV--bF.js.map}

@@ -1 +1 @@
-{"version":3,"file":"index-CG-9XHb4.js","sources":["../../src/pages/to-do/ToDoForm.ts","../../src/pages/to-do/index.vue"],"sourcesContent":["import { DataForm, DataFormOptions, FormColumn, Messager } from \"@maketribe/dm\";\nimport { DATA_MODEL_NAME, RegionLevel, MODULE_NAME } from \"../../constants\";\nimport { MSAppClient } from \"../../core\";\nimport { MsMemberTable } from \"../../dataviews\";\n\nexport class ToDoForm extends DataForm {\n    static [DATA_MODEL_NAME]: string = \"todo\";\n\n    constructor(options: DataFormOptions = {}) {\n        super({\n            name: ToDoForm[DATA_MODEL_NAME],\n            moduleName: MODULE_NAME,\n            ...options,\n        });\n        this.httpRequest = MSAppClient.instance!.httpRequest;\n    }\n\n    protected async initialize(): Promise<void> {\n        await super.initialize();\n\n        const result = await this.httpRequest.get(\"/ms/dv/todo/meta\")\n        if (result.data.code != 200) {\n            Messager.error({\n                message: result.data.msg || '获取消息类型失败'\n            })\n            return;\n        }\n\n        this.setColumns([\n            new FormColumn({\n                name: \"memberId\", label: \"处理成员id\",\n                componentInfo: \"MKFormDataTableSelect\",\n                componentProps: {\n                    dataTable: this.register(new MsMemberTable()),\n                    labelFieldName: \"name\",\n                },\n                required: true\n            }),\n            new FormColumn({\n                name: \"deadline\", label: \"截止时间\",\n                componentInfo: \"MKFormDatePicker\",\n            }),\n            new FormColumn({\n                name: \"relatedMemberIds\", label: \"关联成员\",\n                componentInfo: \"MKFormDataTableSelect\",\n                componentProps: {\n                    dataTable: this.register(new MsMemberTable()),\n                    labelFieldName: \"name\",\n                    multiple: true\n                },\n                required: true\n            }),\n            new FormColumn({\n                name: \"intro\", label: \"待办简介\", componentInfo: \"MKFormInput\",\n                componentProps: {\n                    autoSize: {\n                        minRows: 5,\n                        maxRows: 20\n                    }\n                },\n                required: true\n            }),\n\n            new FormColumn({\n                name: \"content\", label: \"内容\",\n                componentInfo: \"MKFormInput\",\n                componentProps: {\n                    type: \"textarea\",\n                    autosize: {\n                        minRows: 5,\n                        maxRows: 20\n                    }\n                },\n                required: true\n            }),\n            new FormColumn({\n                name: \"priority\", label: \"待办优先级\",\n                componentInfo: \"MKFormDataSelect\",\n                componentProps: {\n                    options: result.data.data.priorityList\n                }, required: true,\n                defaultValue: 0\n            }),\n            new FormColumn({\n                name: \"status\", label: \"待办状态\",\n                componentInfo: \"MKFormDataSelect\",\n                componentProps: {\n                    options: result.data.data.statusList\n                }, required: true,\n                defaultValue: 0\n            }),\n        ]);\n\n    }\n\n    async submit() {\n        const res = await this.httpRequest.post(\"/ms/dv/todo/create\", this.data)\n        return res\n    }\n}\n","<template>\n    <div class=\"ms-todo\">\n        <el-page-header style=\"background-color: #fff;padding: 10px;\" :icon=\"null\">\n            <template #title>\n                <h3 style=\"color: var(--el-text-color-regular);margin-left: 10px;\">\n                    <MKSvgIcon name=\"ep:timer\" style=\"margin-right: 5px;\" />\n                    待办事项\n                </h3>\n            </template>\n            <template #extra>\n            </template>\n        </el-page-header>\n        <div class=\"ms-todo__body-warp\">\n            <ElCard class=\"ms-todo__body-warp__calendar\">\n                <div class=\"ms-todo__body-warp__calendar-header\">\n                    <div class=\"ms-todo__body-warp__calendar-header-left\">\n                        <span class=\"ms-todo__body-warp__calendar-header_left-title\">今日工作</span><span\n                            class=\"ms-todo__body-warp__calendar-header_left-date\">{{\n                                selectDate.toLocaleDateString().replace(/\\//g, '-')\n                            }}</span>\n                    </div>\n                    <div class=\"ms-todo__body-warp__calendar-header-right\">\n                        <ElButton link type=\"primary\" @click=\"addToDo\">\n                            <MKSvgIcon name=\"ep:plus\" style=\"margin-right: 10px;\"></MKSvgIcon>添加事项\n                        </ElButton>\n                    </div>\n                </div>\n                <div class=\"ms-todo__body-warp__calendar-body\">\n                    <div class=\"ms-todo__body-warp__calendar-body-left day-box\" @click=\"offsetValue--\">\n                        <MKSvgIcon name=\"ep:arrow-left\"></MKSvgIcon>\n                    </div>\n                    <div v-for=\"item in currentWeek\" class=\"ms-todo__body-warp__calendar-body_date day-box\"\n                        @click=\"selectDate = item.date; console.log(item);\">\n                        <div class=\"ms-todo__body-warp__calendar-body_date-weekDay\">\n                            {{ item.weekDay }}\n                        </div>\n                        <div\n                            :class=\"[item.date.toLocaleDateString() == selectDate.toLocaleDateString() ? 'is-active' : '', 'ms-todo__body-warp__calendar-body_date-day']\">\n                            {{ item.day }}\n                        </div>\n                    </div>\n                    <div class=\"ms-todo__body-warp__calendar-body-right day-box\" @click=\"offsetValue++\">\n                        <MKSvgIcon name=\"ep:arrow-right\"></MKSvgIcon>\n                    </div>\n                </div>\n                <div class=\"ms-todo__body-warp__calendar-work\">\n\n                </div>\n            </ElCard>\n        </div>\n    </div>\n</template>\n<script setup lang=\"ts\">\nimport { ElCard } from 'element-plus';\nimport { MKSvgIcon } from \"../../components\"\nimport { useMSAppClient } from '../../composables';\nimport { Ref, ref, watch } from 'vue';\nimport { Dialoger } from '@maketribe/dm';\nimport { ToDoForm } from './ToDoForm';\nimport { DvOpt, Group } from '@maketribe/request';\n\nconst { httpRequest } = useMSAppClient();\n\ndefineOptions({\n    mkRoute: {\n        name: \"dv/ms-todo/single/list/dialog\",\n    },\n})\n\nconst todoDv = DvOpt.createInstance({\n    name: \"todo\",\n    moduleName:\"ms\"\n})\nconst dayGroup = new Group()\n\n\nconst selectDate = ref(new Date());\nconst offsetValue = ref(0)\nconst currentWeek = ref();\nconst todoList: Ref<any[]> = ref([{\n    \n}])\nhttpRequest.get(\"/ms/dv/todo/meta\")\n//获取当前周信息\nconst getWeek = (offset = 0) => {\n    const now = new Date().getTime() + offset * 86400000;\n    const dayOfWeek = new Date(now).getDay();\n    const startDate = new Date(now - dayOfWeek * 86400000);\n    const weekDate = [\n        startDate,\n        new Date(now - (dayOfWeek - 1) * 86400000),\n        new Date(now - (dayOfWeek - 2) * 86400000),\n        new Date(now - (dayOfWeek - 3) * 86400000),\n        new Date(now - (dayOfWeek - 4) * 86400000),\n        new Date(now - (dayOfWeek - 5) * 86400000),\n        new Date(now - (dayOfWeek - 6) * 86400000)\n    ]\n    return {\n        0: { date: weekDate[0], day: weekDate[0].getDate(), weekDay: \"日\" },\n        1: { date: weekDate[1], day: weekDate[1].getDate(), weekDay: \"一\" },\n        2: { date: weekDate[2], day: weekDate[2].getDate(), weekDay: \"二\" },\n        3: { date: weekDate[3], day: weekDate[3].getDate(), weekDay: \"三\" },\n        4: { date: weekDate[4], day: weekDate[4].getDate(), weekDay: \"四\" },\n        5: { date: weekDate[5], day: weekDate[5].getDate(), weekDay: \"五\" },\n        6: { date: weekDate[6], day: weekDate[6].getDate(), weekDay: \"六\" },\n    }\n}\n\n/**\n * 获取当前日期的待办事项\n * @param Date day \n */\nconst getDayTodo = async (day: Date) => {\n    dayGroup.clear();\n    dayGroup.addCondition(\"createdAt\", \"<=\", day);\n    dayGroup.addCondition(\"deadline\", \">=\", day);\n    return await todoDv.query().addGroup((g) => g.group.addGroup(dayGroup)).list();\n}\n\nconst addToDo = async () => {\n    console.log(2154);\n    Dialoger.dataFormDialog({\n        dataForm: new ToDoForm()\n    })\n}\n\nwatch(offsetValue, (newValue, oldValue) => {\n    //获取当前周信息\n    currentWeek.value = getWeek(offsetValue.value * 7);\n    //更改选中的日期\n    selectDate.value = new Date(selectDate.value.getTime() + (newValue - oldValue! || 0) * 7 * 86400000);\n}, { immediate: true }\n)\n\nwatch(selectDate, async () => {\n    // selectDate.value = currentWeek.value[0];\n    //todo 获取当前日期的待办事项\n    todoList.value = await getDayTodo(selectDate.value)\n}, { immediate: true })\n\n\n</script>\n<style lang='scss' scoped>\n\n.ms-todo {\n  display: flex;\n  flex-direction: column;\n  width: 100%;\n  height: 100%;\n  overflow: hidden;\n\n  &__body-warp {\n    padding: 10px;\n    display: flex;\n    height: 100%;\n    overflow: hidden;\n\n    &__calendar {\n      width: 100%;\n\n      &-header {\n        display: flex;\n        justify-content: space-between;\n\n        &_left {\n          &-title {\n            font-size: 16px;\n            margin-right: 10px;\n          }\n\n          &-date {\n            font-size: 14px;\n          }\n        }\n      }\n\n      &-body {\n        display: flex;\n        justify-content: space-around;\n        width: 100%;\n\n        &_date {\n          display: flex;\n          flex-direction: column;\n          gap: 10px;\n\n          &-day {\n            padding: 10px;\n            border-radius: 8px;\n          }\n\n          &-weekDay {}\n\n          .is-active {\n            background-color: #2876f6;\n            color: #fff;\n          }\n        }\n\n\n\n        .day-box {\n          display: flex;\n          align-items: center;\n          padding: 10px;\n          box-sizing: border-box;\n          cursor: pointer;\n        }\n      }\n    }\n  }\n}\n</style>\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"index-CmUV--bF.js","sources":["../../src/pages/to-do/ToDoForm.ts","../../src/pages/to-do/index.vue"],"sourcesContent":["import { DataForm, DataFormOptions, FormColumn, Messager } from \"@maketribe/dm\";\nimport { DATA_MODEL_NAME, RegionLevel, MODULE_NAME } from \"../../constants\";\nimport { MSAppClient } from \"../../core\";\nimport { MsMemberTable } from \"../../dataviews\";\n\nexport class ToDoForm extends DataForm {\n    static [DATA_MODEL_NAME]: string = \"todo\";\n\n    constructor(options: DataFormOptions = {}) {\n        super({\n            name: ToDoForm[DATA_MODEL_NAME],\n            moduleName: MODULE_NAME,\n            ...options,\n        });\n        this.httpRequest = MSAppClient.instance!.httpRequest;\n    }\n\n    protected async initialize(): Promise<void> {\n        await super.initialize();\n\n        const result = await this.httpRequest.get(\"/ms/dv/todo/meta\")\n        if (result.data.code != 200) {\n            Messager.error({\n                message: result.data.msg || '获取消息类型失败'\n            })\n            return;\n        }\n\n        this.setColumns([\n            new FormColumn({\n                name: \"memberId\", label: \"处理成员id\",\n                componentInfo: \"MKFormDataTableSelect\",\n                componentProps: {\n                    dataTable: this.register(new MsMemberTable()),\n                    labelFieldName: \"name\",\n                },\n                required: true\n            }),\n            new FormColumn({\n                name: \"deadline\", label: \"截止时间\",\n                componentInfo: \"MKFormDatePicker\",\n            }),\n            new FormColumn({\n                name: \"relatedMemberIds\", label: \"关联成员\",\n                componentInfo: \"MKFormDataTableSelect\",\n                componentProps: {\n                    dataTable: this.register(new MsMemberTable()),\n                    labelFieldName: \"name\",\n                    multiple: true\n                },\n                required: true\n            }),\n            new FormColumn({\n                name: \"intro\", label: \"待办简介\", componentInfo: \"MKFormInput\",\n                componentProps: {\n                    autoSize: {\n                        minRows: 5,\n                        maxRows: 20\n                    }\n                },\n                required: true\n            }),\n\n            new FormColumn({\n                name: \"content\", label: \"内容\",\n                componentInfo: \"MKFormInput\",\n                componentProps: {\n                    type: \"textarea\",\n                    autosize: {\n                        minRows: 5,\n                        maxRows: 20\n                    }\n                },\n                required: true\n            }),\n            new FormColumn({\n                name: \"priority\", label: \"待办优先级\",\n                componentInfo: \"MKFormDataSelect\",\n                componentProps: {\n                    options: result.data.data.priorityList\n                }, required: true,\n                defaultValue: 0\n            }),\n            new FormColumn({\n                name: \"status\", label: \"待办状态\",\n                componentInfo: \"MKFormDataSelect\",\n                componentProps: {\n                    options: result.data.data.statusList\n                }, required: true,\n                defaultValue: 0\n            }),\n        ]);\n\n    }\n\n    async submit() {\n        const res = await this.httpRequest.post(\"/ms/dv/todo/create\", this.data)\n        return res\n    }\n}\n","<template>\n    <div class=\"ms-todo\">\n        <el-page-header style=\"background-color: #fff;padding: 10px;\" :icon=\"null\">\n            <template #title>\n                <h3 style=\"color: var(--el-text-color-regular);margin-left: 10px;\">\n                    <MKSvgIcon name=\"ep:timer\" style=\"margin-right: 5px;\" />\n                    待办事项\n                </h3>\n            </template>\n            <template #extra>\n            </template>\n        </el-page-header>\n        <div class=\"ms-todo__body-warp\">\n            <ElCard class=\"ms-todo__body-warp__calendar\">\n                <div class=\"ms-todo__body-warp__calendar-header\">\n                    <div class=\"ms-todo__body-warp__calendar-header-left\">\n                        <span class=\"ms-todo__body-warp__calendar-header_left-title\">今日工作</span><span\n                            class=\"ms-todo__body-warp__calendar-header_left-date\">{{\n                                selectDate.toLocaleDateString().replace(/\\//g, '-')\n                            }}</span>\n                    </div>\n                    <div class=\"ms-todo__body-warp__calendar-header-right\">\n                        <ElButton link type=\"primary\" @click=\"addToDo\">\n                            <MKSvgIcon name=\"ep:plus\" style=\"margin-right: 10px;\"></MKSvgIcon>添加事项\n                        </ElButton>\n                    </div>\n                </div>\n                <div class=\"ms-todo__body-warp__calendar-body\">\n                    <div class=\"ms-todo__body-warp__calendar-body-left day-box\" @click=\"offsetValue--\">\n                        <MKSvgIcon name=\"ep:arrow-left\"></MKSvgIcon>\n                    </div>\n                    <div v-for=\"item in currentWeek\" class=\"ms-todo__body-warp__calendar-body_date day-box\"\n                        @click=\"selectDate = item.date; console.log(item);\">\n                        <div class=\"ms-todo__body-warp__calendar-body_date-weekDay\">\n                            {{ item.weekDay }}\n                        </div>\n                        <div\n                            :class=\"[item.date.toLocaleDateString() == selectDate.toLocaleDateString() ? 'is-active' : '', 'ms-todo__body-warp__calendar-body_date-day']\">\n                            {{ item.day }}\n                        </div>\n                    </div>\n                    <div class=\"ms-todo__body-warp__calendar-body-right day-box\" @click=\"offsetValue++\">\n                        <MKSvgIcon name=\"ep:arrow-right\"></MKSvgIcon>\n                    </div>\n                </div>\n                <div class=\"ms-todo__body-warp__calendar-work\">\n\n                </div>\n            </ElCard>\n        </div>\n    </div>\n</template>\n<script setup lang=\"ts\">\nimport { ElCard } from 'element-plus';\nimport { MKSvgIcon } from \"../../components\"\nimport { useMSAppClient } from '../../composables';\nimport { Ref, ref, watch } from 'vue';\nimport { Dialoger } from '@maketribe/dm';\nimport { ToDoForm } from './ToDoForm';\nimport { DvOpt, Group } from '@maketribe/request';\n\nconst { httpRequest } = useMSAppClient();\n\ndefineOptions({\n    mkRoute: {\n        name: \"dv/ms-todo/single/list/dialog\",\n    },\n})\n\nconst todoDv = DvOpt.createInstance({\n    name: \"todo\",\n    moduleName:\"ms\"\n})\nconst dayGroup = new Group()\n\n\nconst selectDate = ref(new Date());\nconst offsetValue = ref(0)\nconst currentWeek = ref();\nconst todoList: Ref<any[]> = ref([{\n    \n}])\nhttpRequest.get(\"/ms/dv/todo/meta\")\n//获取当前周信息\nconst getWeek = (offset = 0) => {\n    const now = new Date().getTime() + offset * 86400000;\n    const dayOfWeek = new Date(now).getDay();\n    const startDate = new Date(now - dayOfWeek * 86400000);\n    const weekDate = [\n        startDate,\n        new Date(now - (dayOfWeek - 1) * 86400000),\n        new Date(now - (dayOfWeek - 2) * 86400000),\n        new Date(now - (dayOfWeek - 3) * 86400000),\n        new Date(now - (dayOfWeek - 4) * 86400000),\n        new Date(now - (dayOfWeek - 5) * 86400000),\n        new Date(now - (dayOfWeek - 6) * 86400000)\n    ]\n    return {\n        0: { date: weekDate[0], day: weekDate[0].getDate(), weekDay: \"日\" },\n        1: { date: weekDate[1], day: weekDate[1].getDate(), weekDay: \"一\" },\n        2: { date: weekDate[2], day: weekDate[2].getDate(), weekDay: \"二\" },\n        3: { date: weekDate[3], day: weekDate[3].getDate(), weekDay: \"三\" },\n        4: { date: weekDate[4], day: weekDate[4].getDate(), weekDay: \"四\" },\n        5: { date: weekDate[5], day: weekDate[5].getDate(), weekDay: \"五\" },\n        6: { date: weekDate[6], day: weekDate[6].getDate(), weekDay: \"六\" },\n    }\n}\n\n/**\n * 获取当前日期的待办事项\n * @param Date day \n */\nconst getDayTodo = async (day: Date) => {\n    dayGroup.clear();\n    dayGroup.addCondition(\"createdAt\", \"<=\", day);\n    dayGroup.addCondition(\"deadline\", \">=\", day);\n    return await todoDv.query().addGroup((g) => g.group.addGroup(dayGroup)).list();\n}\n\nconst addToDo = async () => {\n    console.log(2154);\n    Dialoger.dataFormDialog({\n        dataForm: new ToDoForm()\n    })\n}\n\nwatch(offsetValue, (newValue, oldValue) => {\n    //获取当前周信息\n    currentWeek.value = getWeek(offsetValue.value * 7);\n    //更改选中的日期\n    selectDate.value = new Date(selectDate.value.getTime() + (newValue - oldValue! || 0) * 7 * 86400000);\n}, { immediate: true }\n)\n\nwatch(selectDate, async () => {\n    // selectDate.value = currentWeek.value[0];\n    //todo 获取当前日期的待办事项\n    todoList.value = await getDayTodo(selectDate.value)\n}, { immediate: true })\n\n\n</script>\n<style lang='scss' scoped>\n\n.ms-todo {\n  display: flex;\n  flex-direction: column;\n  width: 100%;\n  height: 100%;\n  overflow: hidden;\n\n  &__body-warp {\n    padding: 10px;\n    display: flex;\n    height: 100%;\n    overflow: hidden;\n\n    &__calendar {\n      width: 100%;\n\n      &-header {\n        display: flex;\n        justify-content: space-between;\n\n        &_left {\n          &-title {\n            font-size: 16px;\n            margin-right: 10px;\n          }\n\n          &-date {\n            font-size: 14px;\n          }\n        }\n      }\n\n      &-body {\n        display: flex;\n        justify-content: space-around;\n        width: 100%;\n\n        &_date {\n          display: flex;\n          flex-direction: column;\n          gap: 10px;\n\n          &-day {\n            padding: 10px;\n            border-radius: 8px;\n          }\n\n          &-weekDay {}\n\n          .is-active {\n            background-color: #2876f6;\n            color: #fff;\n          }\n        }\n\n\n\n        .day-box {\n          display: flex;\n          align-items: center;\n          padding: 10px;\n          box-sizing: border-box;\n          cursor: pointer;\n        }\n      }\n    }\n  }\n}\n</style>\n"],"names":[],"mappings":"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"}

package/dist/esm/{index-B2vMHk9s.js → index-DEMaBJu_.js}

@@ -1,7 +1,7 @@
 import { defineComponent, computed, unref, createVNode } from "vue";
 import { buildProps } from "@maketribe/utils";
 import { TableColumn, TableActionColumn } from "@maketribe/dm";
-import { p as columnProps, S as MKButton } from "./index-C4s2F3I8.js";
+import { p as columnProps, S as MKButton } from "./index-qVrnFZdU.js";
 import "vue-router";
 import "element-plus";
 import "@maketribe/request";
@@ -57,4 +57,4 @@ export {
   MKColumnAction,
   MKColumnAction as default
 };
-//# sourceMappingURL=index-B2vMHk9s.js.map
+//# sourceMappingURL=index-DEMaBJu_.js.map

package/dist/esm/{index-B2vMHk9s.js.map → index-DEMaBJu_.js.map}

@@ -1 +1 @@
-{"version":3,"file":"index-B2vMHk9s.js","sources":["../../src/components/data-model/data-table/components/column-action/column-action-options.ts","../../src/components/data-model/data-table/components/column-action/column-action.tsx","../../src/components/data-model/data-table/components/column-action/index.ts"],"sourcesContent":["import { ExtractPropTypes } from \"vue\";\nimport { buildProps } from \"@maketribe/utils\";\nimport { TableColumn } from \"@maketribe/dm\";\nimport { columnProps } from \"../../composables\";\n\nexport const columnActionProps = buildProps({\n  ...columnProps,\n  column: { type: TableColumn, required: true },\n  buttons: { type: Array, default: () => [] }\n} as const);\n\nexport type ColumnActionProps = ExtractPropTypes<typeof columnActionProps>;\n","import { computed, defineComponent, unref } from \"vue\";\nimport { ElButton } from \"element-plus\";\n\nimport { columnActionProps } from \"./column-action-options\";\nimport { MKButton } from \"../../../../basic/button\";\nimport { ActionButton, TableActionColumn } from \"@maketribe/dm\";\n\nexport type MKColumnActionButton = {\n  name?: string;\n  label?: string;\n  type?: InstanceType<typeof ElButton>[\"type\"];\n  handler?: (row: any) => any;\n};\n\nexport default defineComponent({\n  name: \"MKColumnAction\",\n  props: columnActionProps,\n  setup(props) {\n    const buttons = computed(() => {\n      if (props.column instanceof TableActionColumn) {\n        return props.column.buttons;\n      }\n\n      return props.buttons as ActionButton[];\n    });\n\n    const handleColumnActionClick = (e: MouseEvent) => {\n      e.preventDefault();\n      e.stopPropagation();\n    };\n\n    return () => {\n      const buttonVnodes = unref(buttons)\n        .filter((button) => button.predicate(props.row))\n        .map((button) => (\n          <MKButton\n            icon={button.icon}\n            label={button.label}\n            type={button.type}\n            link\n            onClick={() => button.handler(props.row)}\n          />\n        ));\n\n      return (\n        <span class=\"mk-column-action\" onClick={handleColumnActionClick}>\n          {buttonVnodes}\n        </span>\n      );\n    };\n  },\n});\n","import ColumnAction from \"./column-action\";\n\nexport const MKColumnAction = ColumnAction;\nexport default MKColumnAction;\n"],"names":["defineComponent","name","props","columnActionProps","setup","buttons","computed","column","TableActionColumn","handleColumnActionClick","e","preventDefault","stopPropagation","buttonVnodes","unref","filter","button","predicate","row","map","_createVNode","MKButton","icon","label","type","onClick","handler"],"mappings":";;;;;;;;;;;;;;;;;;;;AAKO,MAAM,oBAAoB,WAAW;AAAA,EAC1C,GAAG;AAAA,EACH,QAAQ,EAAE,MAAM,aAAa,UAAU,KAAK;AAAA,EAC5C,SAAS,EAAE,MAAM,OAAO,SAAS,MAAM,CAAA,EAAG;AAC5C,CAAU;ACKV,MAAeA,+CAAgB;AAAA,EAC7BC,MAAM;AAAA,EACNC,OAAOC;AAAAA,EACPC,MAAMF,OAAO;AACX,UAAMG,UAAUC,SAAS,MAAM;AAC7B,UAAIJ,MAAMK,kBAAkBC,mBAAmB;AAC7C,eAAON,MAAMK,OAAOF;AAAAA,MACtB;AAEA,aAAOH,MAAMG;AAAAA,IACf,CAAC;AAED,UAAMI,0BAA2BC,OAAkB;AACjDA,QAAEC,eAAc;AAChBD,QAAEE,gBAAe;AAAA;AAGnB,WAAO,MAAM;AACX,YAAMC,eAAeC,MAAMT,OAAO,EAC/BU,OAAQC,YAAWA,OAAOC,UAAUf,MAAMgB,GAAG,CAAC,EAC9CC,IAAKH,YAAMI,YAAAC,UAAA;AAAA,QAAA,QAEFL,OAAOM;AAAAA,QAAI,SACVN,OAAOO;AAAAA,QAAK,QACbP,OAAOQ;AAAAA,QAAI,QAAA;AAAA,QAAA,WAERC,MAAMT,OAAOU,QAAQxB,MAAMgB,GAAG;AAAA,MAAC,GAAA,IAAA,CAE3C;AAEH,aAAAE,YAAA,QAAA;AAAA,QAAA,SAAA;AAAA,QAAA,WAC0CX;AAAAA,MAAuB,GAAA,CAC5DI,YAAY,CAAA;AAAA;EAIrB;AACF,CAAC;ACjDM,MAAM,iBAAiB;"}
+{"version":3,"file":"index-DEMaBJu_.js","sources":["../../src/components/data-model/data-table/components/column-action/column-action-options.ts","../../src/components/data-model/data-table/components/column-action/column-action.tsx","../../src/components/data-model/data-table/components/column-action/index.ts"],"sourcesContent":["import { ExtractPropTypes } from \"vue\";\nimport { buildProps } from \"@maketribe/utils\";\nimport { TableColumn } from \"@maketribe/dm\";\nimport { columnProps } from \"../../composables\";\n\nexport const columnActionProps = buildProps({\n  ...columnProps,\n  column: { type: TableColumn, required: true },\n  buttons: { type: Array, default: () => [] }\n} as const);\n\nexport type ColumnActionProps = ExtractPropTypes<typeof columnActionProps>;\n","import { computed, defineComponent, unref } from \"vue\";\nimport { ElButton } from \"element-plus\";\n\nimport { columnActionProps } from \"./column-action-options\";\nimport { MKButton } from \"../../../../basic/button\";\nimport { ActionButton, TableActionColumn } from \"@maketribe/dm\";\n\nexport type MKColumnActionButton = {\n  name?: string;\n  label?: string;\n  type?: InstanceType<typeof ElButton>[\"type\"];\n  handler?: (row: any) => any;\n};\n\nexport default defineComponent({\n  name: \"MKColumnAction\",\n  props: columnActionProps,\n  setup(props) {\n    const buttons = computed(() => {\n      if (props.column instanceof TableActionColumn) {\n        return props.column.buttons;\n      }\n\n      return props.buttons as ActionButton[];\n    });\n\n    const handleColumnActionClick = (e: MouseEvent) => {\n      e.preventDefault();\n      e.stopPropagation();\n    };\n\n    return () => {\n      const buttonVnodes = unref(buttons)\n        .filter((button) => button.predicate(props.row))\n        .map((button) => (\n          <MKButton\n            icon={button.icon}\n            label={button.label}\n            type={button.type}\n            link\n            onClick={() => button.handler(props.row)}\n          />\n        ));\n\n      return (\n        <span class=\"mk-column-action\" onClick={handleColumnActionClick}>\n          {buttonVnodes}\n        </span>\n      );\n    };\n  },\n});\n","import ColumnAction from \"./column-action\";\n\nexport const MKColumnAction = ColumnAction;\nexport default MKColumnAction;\n"],"names":["defineComponent","name","props","columnActionProps","setup","buttons","computed","column","TableActionColumn","handleColumnActionClick","e","preventDefault","stopPropagation","buttonVnodes","unref","filter","button","predicate","row","map","_createVNode","MKButton","icon","label","type","onClick","handler"],"mappings":";;;;;;;;;;;;;;;;;;;;AAKO,MAAM,oBAAoB,WAAW;AAAA,EAC1C,GAAG;AAAA,EACH,QAAQ,EAAE,MAAM,aAAa,UAAU,KAAK;AAAA,EAC5C,SAAS,EAAE,MAAM,OAAO,SAAS,MAAM,CAAA,EAAG;AAC5C,CAAU;ACKV,MAAeA,+CAAgB;AAAA,EAC7BC,MAAM;AAAA,EACNC,OAAOC;AAAAA,EACPC,MAAMF,OAAO;AACX,UAAMG,UAAUC,SAAS,MAAM;AAC7B,UAAIJ,MAAMK,kBAAkBC,mBAAmB;AAC7C,eAAON,MAAMK,OAAOF;AAAAA,MACtB;AAEA,aAAOH,MAAMG;AAAAA,IACf,CAAC;AAED,UAAMI,0BAA2BC,OAAkB;AACjDA,QAAEC,eAAc;AAChBD,QAAEE,gBAAe;AAAA;AAGnB,WAAO,MAAM;AACX,YAAMC,eAAeC,MAAMT,OAAO,EAC/BU,OAAQC,YAAWA,OAAOC,UAAUf,MAAMgB,GAAG,CAAC,EAC9CC,IAAKH,YAAMI,YAAAC,UAAA;AAAA,QAAA,QAEFL,OAAOM;AAAAA,QAAI,SACVN,OAAOO;AAAAA,QAAK,QACbP,OAAOQ;AAAAA,QAAI,QAAA;AAAA,QAAA,WAERC,MAAMT,OAAOU,QAAQxB,MAAMgB,GAAG;AAAA,MAAC,GAAA,IAAA,CAE3C;AAEH,aAAAE,YAAA,QAAA;AAAA,QAAA,SAAA;AAAA,QAAA,WAC0CX;AAAAA,MAAuB,GAAA,CAC5DI,YAAY,CAAA;AAAA;EAIrB;AACF,CAAC;ACjDM,MAAM,iBAAiB;"}

package/dist/esm/{index-CN63FS4J.js → index-DS0rb7oH.js}

@@ -2,7 +2,7 @@ import { defineComponent, ref, reactive, onMounted, unref, resolveComponent, res
 import { ElCard, ElScrollbar, ElMessage } from "element-plus";
 import "@maketribe/dm";
 import "@maketribe/utils";
-import { z as DataModelDefines, A as MKTree } from "./index-C4s2F3I8.js";
+import { z as DataModelDefines, A as MKTree } from "./index-qVrnFZdU.js";
 import "vue-router";
 import "@maketribe/request";
 import "@maketribe/locale";
@@ -128,4 +128,4 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
 export {
   _sfc_main as default
 };
-//# sourceMappingURL=index-CN63FS4J.js.map
+//# sourceMappingURL=index-DS0rb7oH.js.map

package/dist/esm/{index-CN63FS4J.js.map → index-DS0rb7oH.js.map}

@@ -1 +1 @@
-{"version":3,"file":"index-CN63FS4J.js","sources":["../../src/pages/local-log/index.vue"],"sourcesContent":["<template>\n  <MKDataTablePage\n    v-if=\"localLogTree\"\n    :auto-load=\"false\"\n    :data-table=\"localLogTree\"\n  >\n    <div class=\"mk-local-log__main\">\n      <ElCard>\n        <ElScrollbar height=\"100%\">\n          <MKTree\n            v-loading=\"localLogTree.loading\"\n            lazy\n            :data-tree=\"localLogTree\"\n            :defaultExpandAll=\"false\"\n            ref=\"treeRef\"\n          >\n            <template #node-tools=\"{ node, data }\">\n              <ElButton\n                v-if=\"!data.data.isDirectory\"\n                type=\"primary\"\n                link\n                @click=\"handleViewLogClick(data)\"\n              >\n                下载\n              </ElButton>\n              <ElButton\n                v-else-if=\"node.expanded\"\n                type=\"primary\"\n                link\n                @click=\"handleRefresh(node, data)\"\n              >\n                刷新\n              </ElButton>\n            </template>\n          </MKTree>\n        </ElScrollbar>\n      </ElCard>\n    </div>\n  </MKDataTablePage>\n</template>\n\n<script setup lang=\"ts\">\nimport { reactive, onMounted, ref, unref, Ref } from \"vue\";\nimport { ElScrollbar, ElCard, ElMessage } from \"element-plus\";\nimport { DataModelDefines } from \"../../core\";\nimport { LocalLogTree } from \"../../dataviews\";\nimport { MKTree } from \"../../components\";\n\nconst treeRef: Ref<InstanceType<typeof MKTree> | null> = ref(null);\n\nconst localLogTree = reactive(\n  DataModelDefines.instance.getDataTree(\"local-log\")!\n) as LocalLogTree;\n\nconst handleRefresh = (node: any, dataTreeNode: any) => {\n  for (let i = node.childNodes.length - 1; i >= 0; i--) {\n    node.childNodes[i].remove();\n  }\n\n  dataTreeNode.load();\n};\n\nconst handleViewLogClick = async (node: any) => {\n  try {\n    const response = await localLogTree.httpRequest.get<Blob>(\n      \"/ms/ms/system/view-local-log-file\",\n      {\n        params: { filename: node.data!.path },\n        responseType: \"blob\",\n      }\n    );\n    const url = URL.createObjectURL(response.data);\n\n    const a = document.createElement(\"a\");\n    a.target = \"_blank\";\n    a.download = node.data.name;\n    a.href = url;\n\n    a.click();\n  } catch (e) {\n    console.error(e);\n\n    ElMessage.error(\"网络异常\");\n  }\n};\n\nonMounted(() => {\n  localLogTree.afterInitdEvent.once(async () => {\n    setTimeout(() => {\n      const node = unref(treeRef)?.treeRef?.getNode(localLogTree.rootNode!.id);\n\n      if (node) {\n        node.expand();\n      }\n    });\n  });\n});\n</script>\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;AAgDM,UAAA,UAAmD,IAAI,IAAI;AAEjE,UAAM,eAAe;AAAA,MACnB,iBAAiB,SAAS,YAAY,WAAW;AAAA,IAAA;AAG7C,UAAA,gBAAgB,CAAC,MAAW,iBAAsB;AACtD,eAAS,IAAI,KAAK,WAAW,SAAS,GAAG,KAAK,GAAG,KAAK;AAC/C,aAAA,WAAW,CAAC,EAAE,OAAO;AAAA,MAC5B;AAEA,mBAAa,KAAK;AAAA,IAAA;AAGd,UAAA,qBAAqB,OAAO,SAAc;AAC1C,UAAA;AACI,cAAA,WAAW,MAAM,aAAa,YAAY;AAAA,UAC9C;AAAA,UACA;AAAA,YACE,QAAQ,EAAE,UAAU,KAAK,KAAM,KAAK;AAAA,YACpC,cAAc;AAAA,UAChB;AAAA,QAAA;AAEF,cAAM,MAAM,IAAI,gBAAgB,SAAS,IAAI;AAEvC,cAAA,IAAI,SAAS,cAAc,GAAG;AACpC,UAAE,SAAS;AACT,UAAA,WAAW,KAAK,KAAK;AACvB,UAAE,OAAO;AAET,UAAE,MAAM;AAAA,eACD,GAAG;AACV,gBAAQ,MAAM,CAAC;AAEf,kBAAU,MAAM,MAAM;AAAA,MACxB;AAAA,IAAA;AAGF,cAAU,MAAM;AACD,mBAAA,gBAAgB,KAAK,YAAY;AAC5C,mBAAW,MAAM;;AACT,gBAAA,QAAO,iBAAM,OAAO,MAAb,mBAAgB,YAAhB,mBAAyB,QAAQ,aAAa,SAAU;AAErE,cAAI,MAAM;AACR,iBAAK,OAAO;AAAA,UACd;AAAA,QAAA,CACD;AAAA,MAAA,CACF;AAAA,IAAA,CACF;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"index-DS0rb7oH.js","sources":["../../src/pages/local-log/index.vue"],"sourcesContent":["<template>\n  <MKDataTablePage\n    v-if=\"localLogTree\"\n    :auto-load=\"false\"\n    :data-table=\"localLogTree\"\n  >\n    <div class=\"mk-local-log__main\">\n      <ElCard>\n        <ElScrollbar height=\"100%\">\n          <MKTree\n            v-loading=\"localLogTree.loading\"\n            lazy\n            :data-tree=\"localLogTree\"\n            :defaultExpandAll=\"false\"\n            ref=\"treeRef\"\n          >\n            <template #node-tools=\"{ node, data }\">\n              <ElButton\n                v-if=\"!data.data.isDirectory\"\n                type=\"primary\"\n                link\n                @click=\"handleViewLogClick(data)\"\n              >\n                下载\n              </ElButton>\n              <ElButton\n                v-else-if=\"node.expanded\"\n                type=\"primary\"\n                link\n                @click=\"handleRefresh(node, data)\"\n              >\n                刷新\n              </ElButton>\n            </template>\n          </MKTree>\n        </ElScrollbar>\n      </ElCard>\n    </div>\n  </MKDataTablePage>\n</template>\n\n<script setup lang=\"ts\">\nimport { reactive, onMounted, ref, unref, Ref } from \"vue\";\nimport { ElScrollbar, ElCard, ElMessage } from \"element-plus\";\nimport { DataModelDefines } from \"../../core\";\nimport { LocalLogTree } from \"../../dataviews\";\nimport { MKTree } from \"../../components\";\n\nconst treeRef: Ref<InstanceType<typeof MKTree> | null> = ref(null);\n\nconst localLogTree = reactive(\n  DataModelDefines.instance.getDataTree(\"local-log\")!\n) as LocalLogTree;\n\nconst handleRefresh = (node: any, dataTreeNode: any) => {\n  for (let i = node.childNodes.length - 1; i >= 0; i--) {\n    node.childNodes[i].remove();\n  }\n\n  dataTreeNode.load();\n};\n\nconst handleViewLogClick = async (node: any) => {\n  try {\n    const response = await localLogTree.httpRequest.get<Blob>(\n      \"/ms/ms/system/view-local-log-file\",\n      {\n        params: { filename: node.data!.path },\n        responseType: \"blob\",\n      }\n    );\n    const url = URL.createObjectURL(response.data);\n\n    const a = document.createElement(\"a\");\n    a.target = \"_blank\";\n    a.download = node.data.name;\n    a.href = url;\n\n    a.click();\n  } catch (e) {\n    console.error(e);\n\n    ElMessage.error(\"网络异常\");\n  }\n};\n\nonMounted(() => {\n  localLogTree.afterInitdEvent.once(async () => {\n    setTimeout(() => {\n      const node = unref(treeRef)?.treeRef?.getNode(localLogTree.rootNode!.id);\n\n      if (node) {\n        node.expand();\n      }\n    });\n  });\n});\n</script>\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;AAgDM,UAAA,UAAmD,IAAI,IAAI;AAEjE,UAAM,eAAe;AAAA,MACnB,iBAAiB,SAAS,YAAY,WAAW;AAAA,IAAA;AAG7C,UAAA,gBAAgB,CAAC,MAAW,iBAAsB;AACtD,eAAS,IAAI,KAAK,WAAW,SAAS,GAAG,KAAK,GAAG,KAAK;AAC/C,aAAA,WAAW,CAAC,EAAE,OAAO;AAAA,MAC5B;AAEA,mBAAa,KAAK;AAAA,IAAA;AAGd,UAAA,qBAAqB,OAAO,SAAc;AAC1C,UAAA;AACI,cAAA,WAAW,MAAM,aAAa,YAAY;AAAA,UAC9C;AAAA,UACA;AAAA,YACE,QAAQ,EAAE,UAAU,KAAK,KAAM,KAAK;AAAA,YACpC,cAAc;AAAA,UAChB;AAAA,QAAA;AAEF,cAAM,MAAM,IAAI,gBAAgB,SAAS,IAAI;AAEvC,cAAA,IAAI,SAAS,cAAc,GAAG;AACpC,UAAE,SAAS;AACT,UAAA,WAAW,KAAK,KAAK;AACvB,UAAE,OAAO;AAET,UAAE,MAAM;AAAA,eACD,GAAG;AACV,gBAAQ,MAAM,CAAC;AAEf,kBAAU,MAAM,MAAM;AAAA,MACxB;AAAA,IAAA;AAGF,cAAU,MAAM;AACD,mBAAA,gBAAgB,KAAK,YAAY;AAC5C,mBAAW,MAAM;;AACT,gBAAA,QAAO,iBAAM,OAAO,MAAb,mBAAgB,YAAhB,mBAAyB,QAAQ,aAAa,SAAU;AAErE,cAAI,MAAM;AACR,iBAAK,OAAO;AAAA,UACd;AAAA,QAAA,CACD;AAAA,MAAA,CACF;AAAA,IAAA,CACF;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/esm/{index-wOxI-ST9.js → index-DerE3L39.js}

@@ -1,6 +1,6 @@
 import { defineComponent, ref, computed, unref, onMounted, resolveComponent, openBlock, createBlock, withCtx, createVNode, createElementVNode, createElementBlock, Fragment, renderList, toDisplayString } from "vue";
 import { ElMessage } from "element-plus";
-import { x as MKPagePanel, v as MKSvgIcon, _ as _export_sfc } from "./index-C4s2F3I8.js";
+import { x as MKPagePanel, v as MKSvgIcon, _ as _export_sfc } from "./index-qVrnFZdU.js";
 import "@maketribe/request";
 import "@maketribe/utils";
 import "@maketribe/dm";
@@ -115,4 +115,4 @@ const index = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-16f0
 export {
   index as default
 };
-//# sourceMappingURL=index-wOxI-ST9.js.map
+//# sourceMappingURL=index-DerE3L39.js.map

package/dist/esm/{index-wOxI-ST9.js.map → index-DerE3L39.js.map}

@@ -1 +1 @@
-{"version":3,"file":"index-wOxI-ST9.js","sources":["../../src/pages/icons/index.vue"],"sourcesContent":["<template>\n  <MKPagePanel class=\"mk-icons-page\" title=\"图标库\">\n    <template #tools>\n      <ElInput\n        v-model=\"search\"\n        placeholder=\"搜索图标\"\n      >\n        <template #suffix>\n          <MKSvgIcon name=\"ep:search\"/>\n        </template>\n      </ElInput>\n    </template>\n    <ElCard>\n      <ElScrollbar height=\"100%\">\n        <ul class=\"mk-icon-list\">\n          <li class=\"mk-icon-list__item\" v-for=\"icon in filteredIcons\">\n            <div class=\"mk-icon-item\" @click=\"handleClick(icon)\">\n              <div class=\"mk-icon-item__icon\">\n                <MKSvgIcon :name=\"icon\"/>\n              </div>\n\n              <div class=\"mk-icon-item__name\">\n                {{ icon }}\n              </div>\n            </div>\n          </li>\n        </ul>\n      </ElScrollbar>\n    </ElCard>\n  </MKPagePanel>\n</template>\n\n<script setup lang=\"ts\">\nimport {computed, onMounted, ref, Ref, unref} from \"vue\";\nimport {ElMessage} from \"element-plus\";\nimport {MKPagePanel, MKSvgIcon} from \"../../components\";\n\nconst icons: Ref<string[]> = ref([]);\n\nconst search = ref(\"\");\n\nconst filteredIcons = computed(() => {\n  const _search = unref(search).toLowerCase();\n\n  return unref(icons).filter((icon) => icon.toLowerCase().includes(_search));\n});\n\nonMounted(() => {\n  const svgList: NodeListOf<SVGElement> = document.querySelectorAll(\n    'body > svg[aria-hidden=\"true\"]'\n  );\n\n  let iconList: string[] = [];\n\n  for (const svg of Array.from(svgList)) {\n    const symbols = svg.querySelectorAll(\"symbol\");\n\n    iconList = iconList.concat(\n      Array.from(symbols).map((symbol) => symbol.id.replace(/^icon-/, \"\"))\n    );\n  }\n\n  icons.value = Array.from(new Set(iconList));\n});\n\nconst handleClick = (icon: string) => {\n  const content = `<MKSvgIcon name=\"${icon}\"/>`;\n\n  if (navigator.clipboard === undefined) {\n    //通过input标签进行复制\n    const input = document.createElement(\"input\");\n    input.value = content;\n    document.body.appendChild(input);\n    input.select();\n    document.execCommand(\"Copy\");\n    document.body.removeChild(input);\n  } else {\n    navigator.clipboard.writeText(content);\n  }\n\n  ElMessage.success(\"复制成功\");\n};\n</script>\n\n<style lang=\"scss\" scoped>\n.mk-icons-page {\n  :deep(.el-card) {\n    height: 100%;\n\n    .el-card__body {\n      height: 100%;\n    }\n  }\n}\n.mk-icon-list {\n  display: grid;\n  grid-template-columns: repeat(7, 1fr);\n  flex-wrap: wrap;\n  list-style: none;\n  padding: 0;\n  margin: 0;\n  color: var(--el-text-color-regular);\n\n  &__item {\n    border-bottom: 1px var(--el-border-color) solid;\n    border-right: 1px var(--el-border-color) solid;\n\n    &:nth-child(-n + 7) {\n      border-top: 1px var(--el-border-color) solid;\n    }\n    &:nth-child(7n + 1) {\n      border-left: 1px var(--el-border-color) solid;\n    }\n  }\n\n  .mk-icon-item {\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n    justify-content: center;\n    height: 90px;\n    cursor: pointer;\n\n    &__icon {\n      font-size: 24px;\n    }\n\n    &__name {\n      margin-top: 6px;\n      padding: 0 8px;\n      font-size: 12px;\n      overflow: hidden;\n      text-overflow: ellipsis;\n      white-space: nowrap;\n      box-sizing: border-box;\n    }\n\n    &:hover {\n      background-color: var(--el-border-color-extra-light);\n    }\n  }\n}\n\n</style>\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAqCM,UAAA,QAAuB,IAAI,CAAA,CAAE;AAE7B,UAAA,SAAS,IAAI,EAAE;AAEf,UAAA,gBAAgB,SAAS,MAAM;AACnC,YAAM,UAAU,MAAM,MAAM,EAAE,YAAY;AAEnC,aAAA,MAAM,KAAK,EAAE,OAAO,CAAC,SAAS,KAAK,YAAY,EAAE,SAAS,OAAO,CAAC;AAAA,IAAA,CAC1E;AAED,cAAU,MAAM;AACd,YAAM,UAAkC,SAAS;AAAA,QAC/C;AAAA,MAAA;AAGF,UAAI,WAAqB,CAAA;AAEzB,iBAAW,OAAO,MAAM,KAAK,OAAO,GAAG;AAC/B,cAAA,UAAU,IAAI,iBAAiB,QAAQ;AAE7C,mBAAW,SAAS;AAAA,UAClB,MAAM,KAAK,OAAO,EAAE,IAAI,CAAC,WAAW,OAAO,GAAG,QAAQ,UAAU,EAAE,CAAC;AAAA,QAAA;AAAA,MAEvE;AAEA,YAAM,QAAQ,MAAM,KAAK,IAAI,IAAI,QAAQ,CAAC;AAAA,IAAA,CAC3C;AAEK,UAAA,cAAc,CAAC,SAAiB;AAC9B,YAAA,UAAU,oBAAoB,IAAI;AAEpC,UAAA,UAAU,cAAc,QAAW;AAE/B,cAAA,QAAQ,SAAS,cAAc,OAAO;AAC5C,cAAM,QAAQ;AACL,iBAAA,KAAK,YAAY,KAAK;AAC/B,cAAM,OAAO;AACb,iBAAS,YAAY,MAAM;AAClB,iBAAA,KAAK,YAAY,KAAK;AAAA,MAAA,OAC1B;AACK,kBAAA,UAAU,UAAU,OAAO;AAAA,MACvC;AAEA,gBAAU,QAAQ,MAAM;AAAA,IAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"index-DerE3L39.js","sources":["../../src/pages/icons/index.vue"],"sourcesContent":["<template>\n  <MKPagePanel class=\"mk-icons-page\" title=\"图标库\">\n    <template #tools>\n      <ElInput\n        v-model=\"search\"\n        placeholder=\"搜索图标\"\n      >\n        <template #suffix>\n          <MKSvgIcon name=\"ep:search\"/>\n        </template>\n      </ElInput>\n    </template>\n    <ElCard>\n      <ElScrollbar height=\"100%\">\n        <ul class=\"mk-icon-list\">\n          <li class=\"mk-icon-list__item\" v-for=\"icon in filteredIcons\">\n            <div class=\"mk-icon-item\" @click=\"handleClick(icon)\">\n              <div class=\"mk-icon-item__icon\">\n                <MKSvgIcon :name=\"icon\"/>\n              </div>\n\n              <div class=\"mk-icon-item__name\">\n                {{ icon }}\n              </div>\n            </div>\n          </li>\n        </ul>\n      </ElScrollbar>\n    </ElCard>\n  </MKPagePanel>\n</template>\n\n<script setup lang=\"ts\">\nimport {computed, onMounted, ref, Ref, unref} from \"vue\";\nimport {ElMessage} from \"element-plus\";\nimport {MKPagePanel, MKSvgIcon} from \"../../components\";\n\nconst icons: Ref<string[]> = ref([]);\n\nconst search = ref(\"\");\n\nconst filteredIcons = computed(() => {\n  const _search = unref(search).toLowerCase();\n\n  return unref(icons).filter((icon) => icon.toLowerCase().includes(_search));\n});\n\nonMounted(() => {\n  const svgList: NodeListOf<SVGElement> = document.querySelectorAll(\n    'body > svg[aria-hidden=\"true\"]'\n  );\n\n  let iconList: string[] = [];\n\n  for (const svg of Array.from(svgList)) {\n    const symbols = svg.querySelectorAll(\"symbol\");\n\n    iconList = iconList.concat(\n      Array.from(symbols).map((symbol) => symbol.id.replace(/^icon-/, \"\"))\n    );\n  }\n\n  icons.value = Array.from(new Set(iconList));\n});\n\nconst handleClick = (icon: string) => {\n  const content = `<MKSvgIcon name=\"${icon}\"/>`;\n\n  if (navigator.clipboard === undefined) {\n    //通过input标签进行复制\n    const input = document.createElement(\"input\");\n    input.value = content;\n    document.body.appendChild(input);\n    input.select();\n    document.execCommand(\"Copy\");\n    document.body.removeChild(input);\n  } else {\n    navigator.clipboard.writeText(content);\n  }\n\n  ElMessage.success(\"复制成功\");\n};\n</script>\n\n<style lang=\"scss\" scoped>\n.mk-icons-page {\n  :deep(.el-card) {\n    height: 100%;\n\n    .el-card__body {\n      height: 100%;\n    }\n  }\n}\n.mk-icon-list {\n  display: grid;\n  grid-template-columns: repeat(7, 1fr);\n  flex-wrap: wrap;\n  list-style: none;\n  padding: 0;\n  margin: 0;\n  color: var(--el-text-color-regular);\n\n  &__item {\n    border-bottom: 1px var(--el-border-color) solid;\n    border-right: 1px var(--el-border-color) solid;\n\n    &:nth-child(-n + 7) {\n      border-top: 1px var(--el-border-color) solid;\n    }\n    &:nth-child(7n + 1) {\n      border-left: 1px var(--el-border-color) solid;\n    }\n  }\n\n  .mk-icon-item {\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n    justify-content: center;\n    height: 90px;\n    cursor: pointer;\n\n    &__icon {\n      font-size: 24px;\n    }\n\n    &__name {\n      margin-top: 6px;\n      padding: 0 8px;\n      font-size: 12px;\n      overflow: hidden;\n      text-overflow: ellipsis;\n      white-space: nowrap;\n      box-sizing: border-box;\n    }\n\n    &:hover {\n      background-color: var(--el-border-color-extra-light);\n    }\n  }\n}\n\n</style>\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAqCM,UAAA,QAAuB,IAAI,CAAA,CAAE;AAE7B,UAAA,SAAS,IAAI,EAAE;AAEf,UAAA,gBAAgB,SAAS,MAAM;AACnC,YAAM,UAAU,MAAM,MAAM,EAAE,YAAY;AAEnC,aAAA,MAAM,KAAK,EAAE,OAAO,CAAC,SAAS,KAAK,YAAY,EAAE,SAAS,OAAO,CAAC;AAAA,IAAA,CAC1E;AAED,cAAU,MAAM;AACd,YAAM,UAAkC,SAAS;AAAA,QAC/C;AAAA,MAAA;AAGF,UAAI,WAAqB,CAAA;AAEzB,iBAAW,OAAO,MAAM,KAAK,OAAO,GAAG;AAC/B,cAAA,UAAU,IAAI,iBAAiB,QAAQ;AAE7C,mBAAW,SAAS;AAAA,UAClB,MAAM,KAAK,OAAO,EAAE,IAAI,CAAC,WAAW,OAAO,GAAG,QAAQ,UAAU,EAAE,CAAC;AAAA,QAAA;AAAA,MAEvE;AAEA,YAAM,QAAQ,MAAM,KAAK,IAAI,IAAI,QAAQ,CAAC;AAAA,IAAA,CAC3C;AAEK,UAAA,cAAc,CAAC,SAAiB;AAC9B,YAAA,UAAU,oBAAoB,IAAI;AAEpC,UAAA,UAAU,cAAc,QAAW;AAE/B,cAAA,QAAQ,SAAS,cAAc,OAAO;AAC5C,cAAM,QAAQ;AACL,iBAAA,KAAK,YAAY,KAAK;AAC/B,cAAM,OAAO;AACb,iBAAS,YAAY,MAAM;AAClB,iBAAA,KAAK,YAAY,KAAK;AAAA,MAAA,OAC1B;AACK,kBAAA,UAAU,UAAU,OAAO;AAAA,MACvC;AAEA,gBAAU,QAAQ,MAAM;AAAA,IAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/esm/{index-0KFFvI5n.js → index-DfMem8-f.js}

@@ -1,7 +1,7 @@
 import { defineComponent, createVNode, unref } from "vue";
 import { buildProps } from "@maketribe/utils";
-import { c as columnTextProps } from "./column-text-options-DVf-c1QU.js";
-import { t as useColumn, v as MKSvgIcon } from "./index-C4s2F3I8.js";
+import { c as columnTextProps } from "./column-text-options-CDGK-K3m.js";
+import { t as useColumn, v as MKSvgIcon } from "./index-qVrnFZdU.js";
 import "vue-router";
 import "@maketribe/dm";
 import "element-plus";
@@ -42,4 +42,4 @@ export {
   columnIconProps,
   MKColumnIcon as default
 };
-//# sourceMappingURL=index-0KFFvI5n.js.map
+//# sourceMappingURL=index-DfMem8-f.js.map

package/dist/esm/{index-0KFFvI5n.js.map → index-DfMem8-f.js.map}

@@ -1 +1 @@
-{"version":3,"file":"index-0KFFvI5n.js","sources":["../../src/components/data-model/data-table/components/column-icon/column-icon-options.ts","../../src/components/data-model/data-table/components/column-icon/column-icon.tsx","../../src/components/data-model/data-table/components/column-icon/index.ts"],"sourcesContent":["import { ExtractPropTypes } from \"vue\";\nimport { buildProps } from \"@maketribe/utils\";\nimport { columnTextProps } from \"../column-text\";\n\nexport const columnIconProps = buildProps({\n\t...columnTextProps,\n});\n\nexport type ColumnIconProps = ExtractPropTypes<typeof columnIconProps>;\n","import { defineComponent, unref } from \"vue\";\nimport { columnIconProps } from \"./column-icon-options\";\nimport { MKSvgIcon } from \"../../../../basic/svg-icon\";\nimport { useColumn } from \"../../composables\";\n\nexport default defineComponent({\n  name: \"MKColumnIcon\",\n  props: columnIconProps,\n  setup(props) {\n    const { value } = useColumn(props);\n    return () => {\n      return <MKSvgIcon name={unref(value)} />;\n    };\n  },\n});\n","import ColumnIcon from \"./column-icon\";\n\nexport const MKColumnIcon = ColumnIcon;\nexport default MKColumnIcon;\n\nexport * from \"./column-icon-options\";\n"],"names":["defineComponent","name","props","columnIconProps","setup","value","useColumn","_createVNode","MKSvgIcon","unref"],"mappings":";;;;;;;;;;;;;;;;;;;;;AAIO,MAAM,kBAAkB,WAAW;AAAA,EACzC,GAAG;AACJ,CAAC;ACDD,MAAeA,6CAAgB;AAAA,EAC7BC,MAAM;AAAA,EACNC,OAAOC;AAAAA,EACPC,MAAMF,OAAO;AACX,UAAM;AAAA,MAAEG;AAAAA,IAAM,IAAIC,UAAUJ,KAAK;AACjC,WAAO,MAAM;AACX,aAAAK,YAAAC,WAAA;AAAA,QAAA,QAAwBC,MAAMJ,KAAK;AAAA,MAAC,GAAA,IAAA;AAAA;EAExC;AACF,CAAC;ACZM,MAAM,eAAe;"}
+{"version":3,"file":"index-DfMem8-f.js","sources":["../../src/components/data-model/data-table/components/column-icon/column-icon-options.ts","../../src/components/data-model/data-table/components/column-icon/column-icon.tsx","../../src/components/data-model/data-table/components/column-icon/index.ts"],"sourcesContent":["import { ExtractPropTypes } from \"vue\";\nimport { buildProps } from \"@maketribe/utils\";\nimport { columnTextProps } from \"../column-text\";\n\nexport const columnIconProps = buildProps({\n\t...columnTextProps,\n});\n\nexport type ColumnIconProps = ExtractPropTypes<typeof columnIconProps>;\n","import { defineComponent, unref } from \"vue\";\nimport { columnIconProps } from \"./column-icon-options\";\nimport { MKSvgIcon } from \"../../../../basic/svg-icon\";\nimport { useColumn } from \"../../composables\";\n\nexport default defineComponent({\n  name: \"MKColumnIcon\",\n  props: columnIconProps,\n  setup(props) {\n    const { value } = useColumn(props);\n    return () => {\n      return <MKSvgIcon name={unref(value)} />;\n    };\n  },\n});\n","import ColumnIcon from \"./column-icon\";\n\nexport const MKColumnIcon = ColumnIcon;\nexport default MKColumnIcon;\n\nexport * from \"./column-icon-options\";\n"],"names":["defineComponent","name","props","columnIconProps","setup","value","useColumn","_createVNode","MKSvgIcon","unref"],"mappings":";;;;;;;;;;;;;;;;;;;;;AAIO,MAAM,kBAAkB,WAAW;AAAA,EACzC,GAAG;AACJ,CAAC;ACDD,MAAeA,6CAAgB;AAAA,EAC7BC,MAAM;AAAA,EACNC,OAAOC;AAAAA,EACPC,MAAMF,OAAO;AACX,UAAM;AAAA,MAAEG;AAAAA,IAAM,IAAIC,UAAUJ,KAAK;AACjC,WAAO,MAAM;AACX,aAAAK,YAAAC,WAAA;AAAA,QAAA,QAAwBC,MAAMJ,KAAK;AAAA,MAAC,GAAA,IAAA;AAAA;EAExC;AACF,CAAC;ACZM,MAAM,eAAe;"}

package/dist/esm/{index-pthnDu7N.js → index-DhwKxRks.js}

@@ -1,6 +1,6 @@
 import { defineComponent, computed, createVNode, unref } from "vue";
 import { ElSwitch } from "element-plus";
-import { p as columnProps, t as useColumn } from "./index-C4s2F3I8.js";
+import { p as columnProps, t as useColumn } from "./index-qVrnFZdU.js";
 import { buildProps } from "@maketribe/utils";
 import "vue-router";
 import "@maketribe/dm";
@@ -62,4 +62,4 @@ export {
   columnSwitchProps,
   MKColumnSwitch as default
 };
-//# sourceMappingURL=index-pthnDu7N.js.map
+//# sourceMappingURL=index-DhwKxRks.js.map