@maketribe/ms-app 4.0.0-beta.5 → 4.0.0-beta.6

package/dist/cjs/{index-BXCy_E7S.cjs → index-CXazsprQ.cjs}

@@ -2,9 +2,10 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const utils = require("@maketribe/utils");
 const vue = require("vue");
-const index = require("./index-DcHHWtzy.cjs");
+const index = require("./index-bB_XK-Tj.cjs");
 const dm = require("@maketribe/dm");
 const elementPlus = require("element-plus");
+const locale = require("@maketribe/locale");
 const formDetailProps = utils.buildProps({
   modelValue: {
     type: null
@@ -22,37 +23,6 @@ const formDetailProps = utils.buildProps({
 const formDetailEmits = {
   "update:model-value": (v) => true
 };
-utils.buildProps({
-  column: { type: dm.FormColumn, required: true }
-});
-function useFormItem() {
-  const dataFormItemContext = vue.inject(index.DATA_FORM_ITEM_CONTEXT_KEY);
-  const column = vue.computed(() => {
-    var _a;
-    return ((_a = vue.unref(dataFormItemContext)) == null ? void 0 : _a.column) ?? null;
-  });
-  const value = vue.computed({
-    get: () => {
-      const _column = vue.unref(column);
-      if (!_column) {
-        return;
-      }
-      return _column.getValue();
-    },
-    set: (v) => {
-      const _column = vue.unref(column);
-      if (!_column) {
-        return;
-      }
-      _column.setValue(v);
-    }
-  });
-  const disabled = vue.computed(() => {
-    var _a;
-    return ((_a = vue.unref(column)) == null ? void 0 : _a.disabled) ?? false;
-  });
-  return { column, value, disabled };
-}
 const _hoisted_1 = { class: "mk-form-detail" };
 const _sfc_main = /* @__PURE__ */ vue.defineComponent({
   __name: "form-detail",
@@ -62,7 +32,7 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
     const props = __props;
     const detailTable = vue.computed(() => props.column.detailTable);
     const detailForm = vue.computed(() => props.column.detailForm);
-    const { value } = useFormItem();
+    const { value } = index.useFormItem();
     vue.watch(
       vue.computed(() => vue.unref(value)),
       (value2) => {
@@ -132,6 +102,7 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
       },
       { immediate: true }
     );
+    const isUpdateForm = vue.computed(() => vue.unref(detailForm).getDataFormType() == dm.DataFormType.UPDATE);
     const handleFormSave = async () => {
       var _a;
       await ((_a = vue.unref(detailForm)) == null ? void 0 : _a.simpleSubmit());
@@ -149,12 +120,13 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
         vue.createVNode(_component_ElDrawer, {
           modelValue: isShowDataForm.value,
           "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => isShowDataForm.value = $event),
-          "append-to-body": ""
+          "append-to-body": "",
+          title: _ctx.column.label
         }, {
           footer: vue.withCtx(() => [
             vue.createVNode(vue.unref(elementPlus.ElButton), { onClick: handleFormCancel }, {
               default: vue.withCtx(() => [
-                vue.createTextVNode("取消")
+                vue.createTextVNode(vue.toDisplayString(vue.unref(locale.I18n).instance.translate("mk.dataForm.cancelButton")), 1)
               ]),
               _: 1
             }),
@@ -163,14 +135,11 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
               onClick: handleFormSave
             }, {
               default: vue.withCtx(() => [
-                vue.createTextVNode("保存")
+                vue.createTextVNode(vue.toDisplayString(isUpdateForm.value ? vue.unref(locale.I18n).instance.translate("mk.dataForm.saveButton") : vue.unref(locale.I18n).instance.translate("mk.dataForm.addButton")), 1)
               ]),
               _: 1
             })
           ]),
-          empty: vue.withCtx(() => [
-            vue.createVNode(vue.unref(elementPlus.ElEmpty), { "image-size": 100 })
-          ]),
           default: vue.withCtx(() => [
             vue.createVNode(index.DataForm, {
               dataForm: detailForm.value,
@@ -183,7 +152,7 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
             }, 8, ["dataForm"])
           ]),
           _: 1
-        }, 8, ["modelValue"])
+        }, 8, ["modelValue", "title"])
       ]);
     };
   }
@@ -193,4 +162,4 @@ exports.MKFormDetail = MKFormDetail;
 exports.default = MKFormDetail;
 exports.formDetailEmits = formDetailEmits;
 exports.formDetailProps = formDetailProps;
-//# sourceMappingURL=index-BXCy_E7S.cjs.map
+//# sourceMappingURL=index-CXazsprQ.cjs.map

package/dist/cjs/index-CXazsprQ.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"index-CXazsprQ.cjs","sources":["../../src/components/data-model/data-form/components/form-detail/form-detail-options.ts","../../src/components/data-model/data-form/components/form-detail/form-detail.vue","../../src/components/data-model/data-form/components/form-detail/index.ts"],"sourcesContent":["import { ExtractPropTypes } from \"vue\";\nimport { buildProps } from \"@maketribe/utils\";\nimport { FormDetailColumn } from \"@maketribe/dm\";\n\nexport const formDetailProps = buildProps({\n  modelValue: {\n    type: null,\n  },\n  disabled: {\n    type: Boolean,\n    default: false,\n  },\n  column: { type: FormDetailColumn, required: true },\n  formWidth: {\n    type: String,\n    default: \"400px\",\n  },\n} as const);\n\nexport type FormDetailProps = ExtractPropTypes<typeof formDetailProps>;\n\nexport const formDetailEmits = {\n  \"update:model-value\": (v: any) => true,\n};\n\nexport type FormDetailEmits = ExtractPropTypes<typeof formDetailEmits>;\n","<script setup lang=\"ts\">\nimport {computed, ref, unref, watch} from \"vue\";\nimport {MKDataTable} from \"../../../data-table\";\nimport DataForm from \"../../data-form.vue\";\nimport {formDetailEmits, formDetailProps} from \"./form-detail-options\";\nimport {useFormItem} from \"../../composables\";\nimport {MKForm} from '../../views'\nimport {ElButton, ElEmpty} from \"element-plus\";\nimport { I18n } from \"@maketribe/locale\";\nimport {DataFormType, Messager} from \"@maketribe/dm\";\n\nconst props = defineProps(formDetailProps);\n\nconst emit = defineEmits(formDetailEmits)\n\nconst detailTable = computed(() => props.column.detailTable);\nconst detailForm = computed(() => props.column.detailForm!);\n\nconst {value} = useFormItem();\n\nwatch(\n  computed(() => unref(value)),\n  (value) => {\n    const _detailTable = unref(detailTable);\n\n    value = Array.isArray(value) ? value : [];\n\n    _detailTable.setList(\n      value.map((item: any) => _detailTable.formatItem(item))\n    );\n  }\n);\n\nconst isShowDataForm = ref(false);\n\nwatch(\n  detailTable,\n  (dataTable, _, onCleanup) => {\n\n    const addRecordDisposable = dataTable.addRecordEvent.on(async ({item}) => {\n      const _dataForm = unref(detailForm);\n\n      if (!_dataForm) {\n        console.warn(`没有对应的 (${dataTable.name}) DataForm 实现`);\n        return;\n      }\n\n      isShowDataForm.value = true;\n\n      _dataForm.addRecord(item);\n    });\n\n    const editRecordDisposable = dataTable.editRecordEvent.on(\n      async ({item}) => {\n        const _dataForm = unref(detailForm);\n\n        if (!_dataForm) {\n          console.warn(`没有对应的 (${dataTable.name}) DataForm 实现`);\n          return;\n        }\n\n        isShowDataForm.value = true;\n\n        try {\n          const response = await _dataForm.editRecord(item);\n\n          if (response.data.code !== 200) {\n            Messager.error({message: response.data.msg});\n            isShowDataForm.value = false;\n            return;\n          }\n        } catch (e) {\n          console.error(e);\n          isShowDataForm.value = false;\n        }\n      }\n    );\n\n    onCleanup(() => {\n      addRecordDisposable.dispose();\n      editRecordDisposable.dispose();\n    });\n  },\n  {immediate: true}\n);\n\nwatch(\n  detailForm,\n  (dataForm, _, onCleanup) => {\n    const submittedDisposable = dataForm.submittedEvent.on(() => {\n      isShowDataForm.value = false;\n\n      unref(detailTable)?.load();\n    });\n\n    const cancelDisposable = dataForm.cancelEvent.on(() => {\n      isShowDataForm.value = false;\n    });\n\n    onCleanup(() => {\n      submittedDisposable.dispose();\n      cancelDisposable.dispose();\n    });\n  },\n  {immediate: true}\n);\n\nconst isUpdateForm = computed(()=> unref(detailForm).getDataFormType() == DataFormType.UPDATE)\n\nconst handleFormSave = async () => {\n  await unref(detailForm)?.simpleSubmit();\n};\n\nconst handleFormCancel = () => {\n  unref(detailForm).cancel();\n};\n\n\n</script>\n\n<template>\n  <div class=\"mk-form-detail\">\n    <MKDataTable :dataTable=\"detailTable\" :autoLoad=\"false\" />\n    <ElDrawer v-model=\"isShowDataForm\" append-to-body  :title=\"column.label\">\n      <DataForm :dataForm=\"detailForm\" :autoLoad=\"false\">\n        <MKForm/>\n      </DataForm>\n\n      <template #footer>\n        <ElButton @click=\"handleFormCancel\">\n          {{I18n.instance.translate(\"mk.dataForm.cancelButton\")}}\n        </ElButton>\n        <ElButton type=\"primary\" @click=\"handleFormSave\">\n          {{ isUpdateForm ? I18n.instance.translate(\"mk.dataForm.saveButton\") : I18n.instance.translate(\"mk.dataForm.addButton\")}}\n        </ElButton>\n      </template>\n\n<!--      <template #empty>-->\n<!--        <ElEmpty :image-size=\"100\"/>-->\n<!--      </template>-->\n    </ElDrawer>\n  </div>\n</template>\n","import { withInstall } from \"@maketribe/utils\";\nimport FormDetail from \"./form-detail.vue\";\n\nexport const MKFormDetail = withInstall(FormDetail);\nexport default MKFormDetail;\n\nexport * from \"./form-detail-options\";\n"],"names":["buildProps","FormDetailColumn","computed","useFormItem","watch","unref","value","ref","Messager","DataFormType","withInstall","FormDetail"],"mappings":"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"}

package/dist/cjs/{index-DBm3kMw8.cjs → index-CbzWnrsV.cjs}

@@ -1,7 +1,7 @@
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const vue = require("vue");
-const index = require("./index-DcHHWtzy.cjs");
+const index = require("./index-bB_XK-Tj.cjs");
 require("element-plus");
 require("@maketribe/request");
 require("@maketribe/utils");
@@ -24,7 +24,7 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
   __name: "index",
   setup(__props) {
     return (_ctx, _cache) => {
-      return vue.openBlock(), vue.createBlock(vue.unref(index.MKPageContainer), null, {
+      return vue.openBlock(), vue.createBlock(vue.unref(index.MKPagePanel), { title: "素材库" }, {
         default: vue.withCtx(() => [
           vue.createVNode(vue.unref(index.MKMaterialList))
         ]),
@@ -34,4 +34,4 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
   }
 });
 exports.default = _sfc_main;
-//# sourceMappingURL=index-DBm3kMw8.cjs.map
+//# sourceMappingURL=index-CbzWnrsV.cjs.map

package/dist/cjs/index-CbzWnrsV.cjs.map

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

package/dist/cjs/{index-CunK4KUo.cjs → index-CcayGC-S.cjs}

@@ -4,7 +4,7 @@ const utils = require("@maketribe/utils");
 const vue = require("vue");
 const dm = require("@maketribe/dm");
 const useCondition = require("./use-condition-BsNGbgF4.cjs");
-const index = require("./index-DcHHWtzy.cjs");
+const index = require("./index-bB_XK-Tj.cjs");
 const conditionSelectProps = utils.buildProps({
   ...useCondition.dataFilterConditionProps,
   multiple: {
@@ -48,4 +48,4 @@ exports.MKConditionSelect = MKConditionSelect;
 exports.conditionSelectEmits = conditionSelectEmits;
 exports.conditionSelectProps = conditionSelectProps;
 exports.default = MKConditionSelect;
-//# sourceMappingURL=index-CunK4KUo.cjs.map
+//# sourceMappingURL=index-CcayGC-S.cjs.map

package/dist/cjs/{index-CunK4KUo.cjs.map → index-CcayGC-S.cjs.map}

@@ -1 +1 @@
-{"version":3,"file":"index-CunK4KUo.cjs","sources":["../../src/components/data-model/data-filter-form/components/condition-select/condition-select-options.ts","../../src/components/data-model/data-filter-form/components/condition-select/condition-select.tsx","../../src/components/data-model/data-filter-form/components/condition-select/index.ts"],"sourcesContent":["import { ExtractPropTypes } from \"vue\";\nimport { buildProps } from \"@maketribe/utils\";\nimport { DataTable } from \"@maketribe/dm\";\nimport { dataFilterConditionProps } from \"../../composables\";\n\nexport const conditionSelectProps = buildProps({\n  ...dataFilterConditionProps,\n  multiple: {\n    type: Boolean,\n    default: false,\n  },\n  options: {\n    type: Array,\n  },\n  dataTable: {\n    type: DataTable<any>,\n  },\n});\n\nexport type ConditionSelectProps = ExtractPropTypes<\n  typeof conditionSelectProps\n>;\n\nexport const conditionSelectEmits = {\n  \"update:model-value\": (modelValue: any) => true,\n};\n\nexport type ConditionSelectEmits = typeof conditionSelectEmits;\n","import { computed, defineComponent, unref } from \"vue\";\n\nimport {\n  conditionSelectEmits,\n  conditionSelectProps,\n} from \"./condition-select-options\";\nimport { MKDataSelect } from \"../../../../basic/data-select\";\n\nexport default defineComponent({\n  name: \"MKConditionSelect\",\n  props: conditionSelectProps,\n  emits: conditionSelectEmits,\n  setup(props, { emit }) {\n    const modelValue = computed({\n      get: () => props.modelValue,\n      set: (v) => emit(\"update:model-value\", v),\n    });\n\n    return () => {\n      return (\n        <MKDataSelect\n          modelValue={unref(modelValue)}\n          dataTable={props.dataTable}\n          options={props.options}\n          multiple={props.multiple}\n          onUpdate:model-value={(v: any) => (modelValue.value = v)}\n        />\n      );\n    };\n  },\n});\n","import { withInstall } from \"@maketribe/utils\";\nimport ConditionSelect from \"./condition-select\";\n\nexport const MKConditionSelect = withInstall(ConditionSelect);\nexport default MKConditionSelect;\n\nexport * from \"./condition-select-options\";\n"],"names":["buildProps","dataFilterConditionProps","DataTable","defineComponent","name","props","conditionSelectProps","emits","conditionSelectEmits","setup","emit","modelValue","computed","get","set","v","_createVNode","MKDataSelect","unref","dataTable","options","multiple","value","withInstall"],"mappings":";;;;;;;AAKO,MAAM,uBAAuBA,MAAAA,WAAW;AAAA,EAC7C,GAAGC,aAAA;AAAA,EACH,UAAU;AAAA,IACR,MAAM;AAAA,IACN,SAAS;AAAA,EACX;AAAA,EACA,SAAS;AAAA,IACP,MAAM;AAAA,EACR;AAAA,EACA,WAAW;AAAA,IACT,MAAMC,GAAA;AAAA,EACR;AACF,CAAC;AAMM,MAAM,uBAAuB;AAAA,EAClC,sBAAsB,CAAC,eAAoB;AAC7C;ACjBA,MAAeC,sDAAgB;AAAA,EAC7BC,MAAM;AAAA,EACNC,OAAOC;AAAAA,EACPC,OAAOC;AAAAA,EACPC,MAAMJ,OAAO;AAAA,IAAEK;AAAAA,EAAK,GAAG;AACrB,UAAMC,aAAaC,IAAAA,SAAS;AAAA,MAC1BC,KAAKA,MAAMR,MAAMM;AAAAA,MACjBG,KAAMC,OAAML,KAAK,sBAAsBK,CAAC;AAAA,IAC1C,CAAC;AAED,WAAO,MAAM;AACX,aAAAC,IAAAA,YAAAC,MAAAA,cAAA;AAAA,QAAA,cAEgBC,IAAK,MAACP,UAAU;AAAA,QAAC,aAClBN,MAAMc;AAAAA,QAAS,WACjBd,MAAMe;AAAAA,QAAO,YACZf,MAAMgB;AAAAA,QAAQ,wBACDN,OAAYJ,WAAWW,QAAQP;AAAAA,MAAE,GAAA,IAAA;AAAA;EAIhE;AACF,CAAC;AC3BY,MAAA,oBAAoBQ,kBAAY,eAAe;;;;;"}
+{"version":3,"file":"index-CcayGC-S.cjs","sources":["../../src/components/data-model/data-filter-form/components/condition-select/condition-select-options.ts","../../src/components/data-model/data-filter-form/components/condition-select/condition-select.tsx","../../src/components/data-model/data-filter-form/components/condition-select/index.ts"],"sourcesContent":["import { ExtractPropTypes } from \"vue\";\nimport { buildProps } from \"@maketribe/utils\";\nimport { DataTable } from \"@maketribe/dm\";\nimport { dataFilterConditionProps } from \"../../composables\";\n\nexport const conditionSelectProps = buildProps({\n  ...dataFilterConditionProps,\n  multiple: {\n    type: Boolean,\n    default: false,\n  },\n  options: {\n    type: Array,\n  },\n  dataTable: {\n    type: DataTable<any>,\n  },\n});\n\nexport type ConditionSelectProps = ExtractPropTypes<\n  typeof conditionSelectProps\n>;\n\nexport const conditionSelectEmits = {\n  \"update:model-value\": (modelValue: any) => true,\n};\n\nexport type ConditionSelectEmits = typeof conditionSelectEmits;\n","import { computed, defineComponent, unref } from \"vue\";\n\nimport {\n  conditionSelectEmits,\n  conditionSelectProps,\n} from \"./condition-select-options\";\nimport { MKDataSelect } from \"../../../../basic/data-select\";\n\nexport default defineComponent({\n  name: \"MKConditionSelect\",\n  props: conditionSelectProps,\n  emits: conditionSelectEmits,\n  setup(props, { emit }) {\n    const modelValue = computed({\n      get: () => props.modelValue,\n      set: (v) => emit(\"update:model-value\", v),\n    });\n\n    return () => {\n      return (\n        <MKDataSelect\n          modelValue={unref(modelValue)}\n          dataTable={props.dataTable}\n          options={props.options}\n          multiple={props.multiple}\n          onUpdate:model-value={(v: any) => (modelValue.value = v)}\n        />\n      );\n    };\n  },\n});\n","import { withInstall } from \"@maketribe/utils\";\nimport ConditionSelect from \"./condition-select\";\n\nexport const MKConditionSelect = withInstall(ConditionSelect);\nexport default MKConditionSelect;\n\nexport * from \"./condition-select-options\";\n"],"names":["buildProps","dataFilterConditionProps","DataTable","defineComponent","name","props","conditionSelectProps","emits","conditionSelectEmits","setup","emit","modelValue","computed","get","set","v","_createVNode","MKDataSelect","unref","dataTable","options","multiple","value","withInstall"],"mappings":";;;;;;;AAKO,MAAM,uBAAuBA,MAAAA,WAAW;AAAA,EAC7C,GAAGC,aAAA;AAAA,EACH,UAAU;AAAA,IACR,MAAM;AAAA,IACN,SAAS;AAAA,EACX;AAAA,EACA,SAAS;AAAA,IACP,MAAM;AAAA,EACR;AAAA,EACA,WAAW;AAAA,IACT,MAAMC,GAAA;AAAA,EACR;AACF,CAAC;AAMM,MAAM,uBAAuB;AAAA,EAClC,sBAAsB,CAAC,eAAoB;AAC7C;ACjBA,MAAeC,sDAAgB;AAAA,EAC7BC,MAAM;AAAA,EACNC,OAAOC;AAAAA,EACPC,OAAOC;AAAAA,EACPC,MAAMJ,OAAO;AAAA,IAAEK;AAAAA,EAAK,GAAG;AACrB,UAAMC,aAAaC,IAAAA,SAAS;AAAA,MAC1BC,KAAKA,MAAMR,MAAMM;AAAAA,MACjBG,KAAMC,OAAML,KAAK,sBAAsBK,CAAC;AAAA,IAC1C,CAAC;AAED,WAAO,MAAM;AACX,aAAAC,IAAAA,YAAAC,MAAAA,cAAA;AAAA,QAAA,cAEgBC,IAAK,MAACP,UAAU;AAAA,QAAC,aAClBN,MAAMc;AAAAA,QAAS,WACjBd,MAAMe;AAAAA,QAAO,YACZf,MAAMgB;AAAAA,QAAQ,wBACDN,OAAYJ,WAAWW,QAAQP;AAAAA,MAAE,GAAA,IAAA;AAAA;EAIhE;AACF,CAAC;AC3BY,MAAA,oBAAoBQ,kBAAY,eAAe;;;;;"}

package/dist/cjs/{index-ES5UYmii.cjs → index-CyYf7gk0.cjs}

@@ -2,7 +2,7 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const vue = require("vue");
 const elementPlus = require("element-plus");
-const index = require("./index-DcHHWtzy.cjs");
+const index = require("./index-bB_XK-Tj.cjs");
 require("@maketribe/request");
 require("@maketribe/utils");
 const dm = require("@maketribe/dm");
@@ -74,4 +74,4 @@ const BatchOpt = /* @__PURE__ */ vue.defineComponent({
 const MKBatchOpt = BatchOpt;
 exports.MKBatchOpt = MKBatchOpt;
 exports.default = MKBatchOpt;
-//# sourceMappingURL=index-ES5UYmii.cjs.map
+//# sourceMappingURL=index-CyYf7gk0.cjs.map

package/dist/cjs/{index-ES5UYmii.cjs.map → index-CyYf7gk0.cjs.map}

@@ -1 +1 @@
-{"version":3,"file":"index-ES5UYmii.cjs","sources":["../../src/components/data-model/data-table/components/header-components/batch-opt/batch-opt.tsx","../../src/components/data-model/data-table/components/header-components/batch-opt/index.ts"],"sourcesContent":["import { computed, defineComponent, inject, unref } from \"vue\";\nimport { ElDropdown, ElDropdownItem, ElDropdownMenu } from \"element-plus\";\nimport { MKSvgIcon } from \"../../../../../basic\";\nimport { DATA_TABLE_CONTEXT_KEY } from \"../../../token\";\nimport { Dialoger, Messager } from \"@maketribe/dm\";\n\nexport default defineComponent({\n  name: \"MKBatchOpt\",\n  setup(props) {\n    const dataTable = inject(DATA_TABLE_CONTEXT_KEY)?.dataTable!;\n\n    var disallowBatchOpt = computed(\n      () => (dataTable?.getSelection().length ?? 0) === 0\n    );\n\n    const handleExport = (...args: any[]) => {\n      dataTable.exportData();\n    };\n\n    const handleBatchDelete = async () => {\n      const isConfirm = await Dialoger.confirm({\n        message: \"是否删除选中项\",\n        type: \"warning\",\n        title: \"批量删除\",\n      });\n\n      if (!isConfirm) {\n        return;\n      }\n\n      const response = await dataTable.batchDelete(dataTable.getSelection());\n\n      if (response.data.code !== 200) {\n        Messager.error({ message: response.data.msg });\n        return;\n      }\n\n      dataTable.load();\n    };\n\n    return () => {\n      return (\n        <ElDropdown\n          onClick={handleExport}\n          splitButton\n          v-slots={{\n            dropdown: () => {\n              return (\n                <ElDropdownMenu>\n                  <ElDropdownItem\n                    disabled={unref(disallowBatchOpt)}\n                    onClick={handleBatchDelete}\n                  >\n                    <MKSvgIcon name=\"icon-park-solid:delete-themes\" /> 批量删除\n                  </ElDropdownItem>\n                </ElDropdownMenu>\n              );\n            },\n          }}\n        >\n          <MKSvgIcon name=\"clarity:export-solid-badged\" />\n        </ElDropdown>\n      );\n    };\n  },\n});\n","import BatchOpt from \"./batch-opt\";\n\nexport const MKBatchOpt = BatchOpt;\nexport default MKBatchOpt;\n"],"names":["defineComponent","name","setup","props","dataTable","inject","DATA_TABLE_CONTEXT_KEY","disallowBatchOpt","computed","getSelection","length","handleExport","args","exportData","handleBatchDelete","isConfirm","Dialoger","confirm","message","type","title","response","batchDelete","data","code","Messager","error","msg","load","_createVNode","ElDropdown","default","MKSvgIcon","dropdown","ElDropdownMenu","ElDropdownItem","unref","_createTextVNode"],"mappings":";;;;;;;;;;;;;;;;;;;;;;AAMA,MAAeA,+CAAgB;AAAA,EAC7BC,MAAM;AAAA,EACNC,MAAMC,OAAO;;AACX,UAAMC,aAAYC,SAAAA,OAAOC,MAAsB,sBAAA,MAA7BD,mBAAgCD;AAElD,QAAIG,mBAAmBC,aACrB,QAAOJ,uCAAWK,eAAeC,WAAU,OAAO,CACpD;AAEA,UAAMC,eAAeA,IAAIC,SAAgB;AACvCR,gBAAUS,WAAU;AAAA;AAGtB,UAAMC,oBAAoB,YAAY;AACpC,YAAMC,YAAY,MAAMC,GAAQ,SAACC,QAAQ;AAAA,QACvCC,SAAS;AAAA,QACTC,MAAM;AAAA,QACNC,OAAO;AAAA,MACT,CAAC;AAED,UAAI,CAACL,WAAW;AACd;AAAA,MACF;AAEA,YAAMM,WAAW,MAAMjB,UAAUkB,YAAYlB,UAAUK,aAAY,CAAE;AAErE,UAAIY,SAASE,KAAKC,SAAS,KAAK;AAC9BC,WAAAA,SAASC,MAAM;AAAA,UAAER,SAASG,SAASE,KAAKI;AAAAA,QAAI,CAAC;AAC7C;AAAA,MACF;AAEAvB,gBAAUwB,KAAI;AAAA;AAGhB,WAAO,MAAM;AACX,aAAAC,IAAAA,YAAAC,YAAAA,YAAA;AAAA,QAAA,WAEanB;AAAAA,QAAY,eAAA;AAAA,MAAA,GAAA;AAAA,QAAAoB,SAAAA,MAAAF,CAAAA,IAAA,YAAAG,iBAAA;AAAA,UAAA,QAAA;AAAA,QAAA,GAAA,IAAA,CAAA;AAAA,QAGnBC,UAAUA,MAAM;AACd,iBAAAJ,IAAA,YAAAK,YAAA,gBAAA,MAAA;AAAA,YAAAH,SAAAA,MAAAF,CAAAA,IAAA,YAAAM,4BAAA;AAAA,cAAA,YAGgBC,IAAK,MAAC7B,gBAAgB;AAAA,cAAC,WACxBO;AAAAA,YAAiB,GAAA;AAAA,cAAAiB,SAAAA,MAAAF,CAAAA,IAAA,YAAAG,iBAAA;AAAA,gBAAA,QAAA;AAAA,cAAA,GAAA,IAAA,GAAAK,oBAAA,OAAA,CAAA;AAAA,YAAA,CAAA,CAAA;AAAA,UAAA,CAAA;AAAA,QAMlC;AAAA,MAAC,CAAA;AAAA;EAOX;AACF,CAAC;AC/DM,MAAM,aAAa;;;"}
+{"version":3,"file":"index-CyYf7gk0.cjs","sources":["../../src/components/data-model/data-table/components/header-components/batch-opt/batch-opt.tsx","../../src/components/data-model/data-table/components/header-components/batch-opt/index.ts"],"sourcesContent":["import { computed, defineComponent, inject, unref } from \"vue\";\nimport { ElDropdown, ElDropdownItem, ElDropdownMenu } from \"element-plus\";\nimport { MKSvgIcon } from \"../../../../../basic\";\nimport { DATA_TABLE_CONTEXT_KEY } from \"../../../token\";\nimport { Dialoger, Messager } from \"@maketribe/dm\";\n\nexport default defineComponent({\n  name: \"MKBatchOpt\",\n  setup(props) {\n    const dataTable = inject(DATA_TABLE_CONTEXT_KEY)?.dataTable!;\n\n    var disallowBatchOpt = computed(\n      () => (dataTable?.getSelection().length ?? 0) === 0\n    );\n\n    const handleExport = (...args: any[]) => {\n      dataTable.exportData();\n    };\n\n    const handleBatchDelete = async () => {\n      const isConfirm = await Dialoger.confirm({\n        message: \"是否删除选中项\",\n        type: \"warning\",\n        title: \"批量删除\",\n      });\n\n      if (!isConfirm) {\n        return;\n      }\n\n      const response = await dataTable.batchDelete(dataTable.getSelection());\n\n      if (response.data.code !== 200) {\n        Messager.error({ message: response.data.msg });\n        return;\n      }\n\n      dataTable.load();\n    };\n\n    return () => {\n      return (\n        <ElDropdown\n          onClick={handleExport}\n          splitButton\n          v-slots={{\n            dropdown: () => {\n              return (\n                <ElDropdownMenu>\n                  <ElDropdownItem\n                    disabled={unref(disallowBatchOpt)}\n                    onClick={handleBatchDelete}\n                  >\n                    <MKSvgIcon name=\"icon-park-solid:delete-themes\" /> 批量删除\n                  </ElDropdownItem>\n                </ElDropdownMenu>\n              );\n            },\n          }}\n        >\n          <MKSvgIcon name=\"clarity:export-solid-badged\" />\n        </ElDropdown>\n      );\n    };\n  },\n});\n","import BatchOpt from \"./batch-opt\";\n\nexport const MKBatchOpt = BatchOpt;\nexport default MKBatchOpt;\n"],"names":["defineComponent","name","setup","props","dataTable","inject","DATA_TABLE_CONTEXT_KEY","disallowBatchOpt","computed","getSelection","length","handleExport","args","exportData","handleBatchDelete","isConfirm","Dialoger","confirm","message","type","title","response","batchDelete","data","code","Messager","error","msg","load","_createVNode","ElDropdown","default","MKSvgIcon","dropdown","ElDropdownMenu","ElDropdownItem","unref","_createTextVNode"],"mappings":";;;;;;;;;;;;;;;;;;;;;;AAMA,MAAeA,+CAAgB;AAAA,EAC7BC,MAAM;AAAA,EACNC,MAAMC,OAAO;;AACX,UAAMC,aAAYC,SAAAA,OAAOC,MAAsB,sBAAA,MAA7BD,mBAAgCD;AAElD,QAAIG,mBAAmBC,aACrB,QAAOJ,uCAAWK,eAAeC,WAAU,OAAO,CACpD;AAEA,UAAMC,eAAeA,IAAIC,SAAgB;AACvCR,gBAAUS,WAAU;AAAA;AAGtB,UAAMC,oBAAoB,YAAY;AACpC,YAAMC,YAAY,MAAMC,GAAQ,SAACC,QAAQ;AAAA,QACvCC,SAAS;AAAA,QACTC,MAAM;AAAA,QACNC,OAAO;AAAA,MACT,CAAC;AAED,UAAI,CAACL,WAAW;AACd;AAAA,MACF;AAEA,YAAMM,WAAW,MAAMjB,UAAUkB,YAAYlB,UAAUK,aAAY,CAAE;AAErE,UAAIY,SAASE,KAAKC,SAAS,KAAK;AAC9BC,WAAAA,SAASC,MAAM;AAAA,UAAER,SAASG,SAASE,KAAKI;AAAAA,QAAI,CAAC;AAC7C;AAAA,MACF;AAEAvB,gBAAUwB,KAAI;AAAA;AAGhB,WAAO,MAAM;AACX,aAAAC,IAAAA,YAAAC,YAAAA,YAAA;AAAA,QAAA,WAEanB;AAAAA,QAAY,eAAA;AAAA,MAAA,GAAA;AAAA,QAAAoB,SAAAA,MAAAF,CAAAA,IAAA,YAAAG,iBAAA;AAAA,UAAA,QAAA;AAAA,QAAA,GAAA,IAAA,CAAA;AAAA,QAGnBC,UAAUA,MAAM;AACd,iBAAAJ,IAAA,YAAAK,YAAA,gBAAA,MAAA;AAAA,YAAAH,SAAAA,MAAAF,CAAAA,IAAA,YAAAM,4BAAA;AAAA,cAAA,YAGgBC,IAAK,MAAC7B,gBAAgB;AAAA,cAAC,WACxBO;AAAAA,YAAiB,GAAA;AAAA,cAAAiB,SAAAA,MAAAF,CAAAA,IAAA,YAAAG,iBAAA;AAAA,gBAAA,QAAA;AAAA,cAAA,GAAA,IAAA,GAAAK,oBAAA,OAAA,CAAA;AAAA,YAAA,CAAA,CAAA;AAAA,UAAA,CAAA;AAAA,QAMlC;AAAA,MAAC,CAAA;AAAA;EAOX;AACF,CAAC;AC/DM,MAAM,aAAa;;;"}

package/dist/cjs/{index-DtH98faM.cjs → index-DAp6ecAX.cjs}

@@ -2,7 +2,7 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const utils = require("@maketribe/utils");
 const vue = require("vue");
-const index = require("./index-DcHHWtzy.cjs");
+const index = require("./index-bB_XK-Tj.cjs");
 const dm = require("@maketribe/dm");
 const elementPlus = require("element-plus");
 const { dataTable, ...restAbstractSelectProps } = index.abstractSelectProps;
@@ -57,12 +57,11 @@ const DataTreeSelect = /* @__PURE__ */ vue.defineComponent({
       }
     });
     vue.watch(vue.computed(() => props.dataTree), async (dataTree) => {
-      if (!dataTree) {
-        return;
+      if (dataTree && !dataTree.initd) {
+        await dataTree.init();
+        dataTree.dataFilter.setReady();
+        await dataTree.loadAll();
       }
-      await dataTree.init();
-      dataTree.dataFilter.setReady();
-      await dataTree.loadAll();
     }, {
       immediate: true
     });
@@ -124,4 +123,4 @@ exports.MKDataTreeSelect = MKDataTreeSelect;
 exports.dataTreeSelectEmits = dataTreeSelectEmits;
 exports.dataTreeSelectProps = dataTreeSelectProps;
 exports.default = MKDataTreeSelect;
-//# sourceMappingURL=index-DtH98faM.cjs.map
+//# sourceMappingURL=index-DAp6ecAX.cjs.map

package/dist/cjs/index-DAp6ecAX.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"index-DAp6ecAX.cjs","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":["abstractSelectProps","buildProps","DataTree","abstractSelectEmits","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","withInstall"],"mappings":"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"}

package/dist/cjs/{index-JVVz1oBd.cjs → index-DI8LBb-t.cjs}

@@ -1,7 +1,7 @@
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const vue = require("vue");
-const index = require("./index-DcHHWtzy.cjs");
+const index = require("./index-bB_XK-Tj.cjs");
 const utils = require("@maketribe/utils");
 require("vue-router");
 require("@maketribe/dm");
@@ -43,4 +43,4 @@ const ColumnImage = /* @__PURE__ */ vue.defineComponent({
 const MKColumnImage = ColumnImage;
 exports.MKColumnImage = MKColumnImage;
 exports.default = MKColumnImage;
-//# sourceMappingURL=index-JVVz1oBd.cjs.map
+//# sourceMappingURL=index-DI8LBb-t.cjs.map

package/dist/cjs/{index-JVVz1oBd.cjs.map → index-DI8LBb-t.cjs.map}

@@ -1 +1 @@
-{"version":3,"file":"index-JVVz1oBd.cjs","sources":["../../src/components/data-model/data-table/components/column-image/column-image-options.ts","../../src/components/data-model/data-table/components/column-image/column-image.tsx","../../src/components/data-model/data-table/components/column-image/index.ts"],"sourcesContent":["import { ExtractPropTypes } from \"vue\";\nimport { buildProps } from \"@maketribe/utils\";\nimport { columnProps } from \"../../composables\";\n\nexport const columnImageProps = buildProps({\n  ...columnProps,\n} as const);\n\nexport type ColumnImageProps = ExtractPropTypes<typeof columnImageProps>;\n","import { defineComponent, unref } from \"vue\";\nimport { useColumn } from \"../../composables\";\nimport { columnImageProps } from \"./column-image-options\";\nimport { ElImage } from \"element-plus\";\n\nexport default defineComponent({\n  name: \"MKColumnImage\",\n  props: columnImageProps,\n  setup(props) {\n    const { value } = useColumn(props);\n\n    return () => {\n      if (!unref(value)) {\n        return null;\n      }\n\n      return <ElImage src={unref(value)} />;\n    };\n  },\n});\n","import ColumnImage from \"./column-image\";\n\nexport const MKColumnImage = ColumnImage;\nexport default MKColumnImage;\n"],"names":["buildProps","columnProps","defineComponent","name","props","columnImageProps","setup","value","useColumn","unref","_createVNode","ElImage"],"mappings":";;;;;;;;;;;;;;;;;;;;;;AAIO,MAAM,mBAAmBA,MAAAA,WAAW;AAAA,EACzC,GAAGC,MAAA;AACL,CAAU;ACDV,MAAeC,kDAAgB;AAAA,EAC7BC,MAAM;AAAA,EACNC,OAAOC;AAAAA,EACPC,MAAMF,OAAO;AACX,UAAM;AAAA,MAAEG;AAAAA,IAAM,IAAIC,MAAAA,UAAUJ,KAAK;AAEjC,WAAO,MAAM;AACX,UAAI,CAACK,IAAAA,MAAMF,KAAK,GAAG;AACjB,eAAO;AAAA,MACT;AAEA,aAAAG,IAAAA,YAAAC,YAAAA,SAAA;AAAA,QAAA,OAAqBF,IAAK,MAACF,KAAK;AAAA,MAAC,GAAA,IAAA;AAAA;EAErC;AACF,CAAC;ACjBM,MAAM,gBAAgB;;;"}
+{"version":3,"file":"index-DI8LBb-t.cjs","sources":["../../src/components/data-model/data-table/components/column-image/column-image-options.ts","../../src/components/data-model/data-table/components/column-image/column-image.tsx","../../src/components/data-model/data-table/components/column-image/index.ts"],"sourcesContent":["import { ExtractPropTypes } from \"vue\";\nimport { buildProps } from \"@maketribe/utils\";\nimport { columnProps } from \"../../composables\";\n\nexport const columnImageProps = buildProps({\n  ...columnProps,\n} as const);\n\nexport type ColumnImageProps = ExtractPropTypes<typeof columnImageProps>;\n","import { defineComponent, unref } from \"vue\";\nimport { useColumn } from \"../../composables\";\nimport { columnImageProps } from \"./column-image-options\";\nimport { ElImage } from \"element-plus\";\n\nexport default defineComponent({\n  name: \"MKColumnImage\",\n  props: columnImageProps,\n  setup(props) {\n    const { value } = useColumn(props);\n\n    return () => {\n      if (!unref(value)) {\n        return null;\n      }\n\n      return <ElImage src={unref(value)} />;\n    };\n  },\n});\n","import ColumnImage from \"./column-image\";\n\nexport const MKColumnImage = ColumnImage;\nexport default MKColumnImage;\n"],"names":["buildProps","columnProps","defineComponent","name","props","columnImageProps","setup","value","useColumn","unref","_createVNode","ElImage"],"mappings":";;;;;;;;;;;;;;;;;;;;;;AAIO,MAAM,mBAAmBA,MAAAA,WAAW;AAAA,EACzC,GAAGC,MAAA;AACL,CAAU;ACDV,MAAeC,kDAAgB;AAAA,EAC7BC,MAAM;AAAA,EACNC,OAAOC;AAAAA,EACPC,MAAMF,OAAO;AACX,UAAM;AAAA,MAAEG;AAAAA,IAAM,IAAIC,MAAAA,UAAUJ,KAAK;AAEjC,WAAO,MAAM;AACX,UAAI,CAACK,IAAAA,MAAMF,KAAK,GAAG;AACjB,eAAO;AAAA,MACT;AAEA,aAAAG,IAAAA,YAAAC,YAAAA,SAAA;AAAA,QAAA,OAAqBF,IAAK,MAACF,KAAK;AAAA,MAAC,GAAA,IAAA;AAAA;EAErC;AACF,CAAC;ACjBM,MAAM,gBAAgB;;;"}

package/dist/cjs/{index-B9UKWJrg.cjs → index-DNvHyuml.cjs}

@@ -4,7 +4,7 @@ const vue = require("vue");
 const elementPlus = require("element-plus");
 const dm = require("@maketribe/dm");
 const request = require("@maketribe/request");
-const index$1 = require("./index-DcHHWtzy.cjs");
+const index$1 = require("./index-bB_XK-Tj.cjs");
 require("@maketribe/utils");
 const vueRouter = require("vue-router");
 require("@maketribe/locale");
@@ -35,16 +35,14 @@ const _sfc_main$1 = /* @__PURE__ */ vue.defineComponent({
     }
   },
   emits: ["role-select"],
-  setup(__props, { emit: __emit }) {
+  async setup(__props, { emit: __emit }) {
+    let __temp, __restore;
     const props = __props;
     const emit = __emit;
     const dvOpt = request.DvOpt.createInstance({ name: "ms-role" });
     const roles = vue.ref([]);
     const currentRole = vue.ref(null);
     const loading = vue.ref(false);
-    vue.onMounted(() => {
-      loadRoleList();
-    });
     vue.watch(currentRole, () => {
       emit("role-select", currentRole.value);
     });
@@ -107,6 +105,7 @@ const _sfc_main$1 = /* @__PURE__ */ vue.defineComponent({
         elementPlus.ElMessage.error({ message: "网络异常" });
       }
     };
+    [__temp, __restore] = vue.withAsyncContext(() => loadRoleList()), await __temp, __restore();
     return (_ctx, _cache) => {
       const _component_ElDropdownItem = vue.resolveComponent("ElDropdownItem");
       const _component_ElDropdownMenu = vue.resolveComponent("ElDropdownMenu");
@@ -183,25 +182,20 @@ const _sfc_main$1 = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
-const RoleAside = /* @__PURE__ */ index$1._export_sfc(_sfc_main$1, [["__scopeId", "data-v-b0519420"]]);
-const _hoisted_1 = {
-  style: { "color": "var(--el-text-color-regular)" },
-  flex: "~ items-center",
-  m: "l-[10px]"
-};
-const _hoisted_2 = { class: "ms-role__body-warp" };
-const _hoisted_3 = { class: "ms-role__aside" };
-const _hoisted_4 = { class: "ms-role__main" };
-const _hoisted_5 = {
+const RoleAside = /* @__PURE__ */ index$1._export_sfc(_sfc_main$1, [["__scopeId", "data-v-93d60ca5"]]);
+const _hoisted_1 = { class: "ms-role__body-warp" };
+const _hoisted_2 = { class: "ms-role__aside" };
+const _hoisted_3 = { class: "ms-role__main" };
+const _hoisted_4 = {
   key: 0,
   class: "ms-role__content"
 };
-const _hoisted_6 = { class: "flex flex-justify-between" };
-const _hoisted_7 = {
+const _hoisted_5 = { class: "flex flex-justify-between" };
+const _hoisted_6 = {
   class: "ms-role__title",
   flex: "~ items-center"
 };
-const _hoisted_8 = { class: "ms-role__tools" };
+const _hoisted_7 = { class: "ms-role__tools" };
 const _sfc_main = /* @__PURE__ */ vue.defineComponent({
   __name: "index",
   setup(__props) {
@@ -281,53 +275,40 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
       router.push({ name: "dv/ms-role/permission", params: { id: (_a = vue.unref(currentRole)) == null ? void 0 : _a.id } });
     };
     return (_ctx, _cache) => {
-      const _component_el_page_header = vue.resolveComponent("el-page-header");
-      return vue.openBlock(), vue.createBlock(vue.unref(index$1.MKPageContainer), { class: "ms-role" }, {
-        default: vue.withCtx(() => [
-          vue.createVNode(_component_el_page_header, {
-            style: { "background-color": "#fff", "padding": "10px" },
-            icon: null
+      return vue.openBlock(), vue.createBlock(vue.unref(index$1.MKPagePanel), {
+        class: "ms-role",
+        title: "角色管理",
+        iconName: "carbon:add-filled"
+      }, {
+        extra: vue.withCtx(() => [
+          vue.createVNode(vue.unref(elementPlus.ElButton), {
+            type: "primary",
+            onClick: handleAddRoleClick,
+            style: { "margin-right": "10px" }
           }, {
-            title: vue.withCtx(() => [
-              vue.createElementVNode("h3", _hoisted_1, [
-                vue.createVNode(vue.unref(index$1.MKSvgIcon), {
-                  name: "oui:app-users-roles",
-                  style: { "margin-right": "5px" }
-                }),
-                vue.createTextVNode(" 角色管理 ")
-              ])
-            ]),
-            extra: vue.withCtx(() => [
-              vue.createVNode(vue.unref(elementPlus.ElButton), {
-                type: "primary",
-                text: "",
-                onClick: handleAddRoleClick,
-                style: { "margin-right": "10px" }
-              }, {
-                default: vue.withCtx(() => [
-                  vue.createVNode(vue.unref(index$1.MKSvgIcon), {
-                    name: "carbon:add-filled",
-                    style: { "margin-right": "5px" }
-                  }),
-                  vue.createTextVNode(" 添加角色 ")
-                ]),
-                _: 1
-              })
+            default: vue.withCtx(() => [
+              vue.createVNode(vue.unref(index$1.MKSvgIcon), {
+                name: "carbon:add-filled",
+                style: { "margin-right": "5px" }
+              }),
+              vue.createTextVNode(" 添加角色 ")
             ]),
             _: 1
-          }),
-          vue.createElementVNode("div", _hoisted_2, [
-            vue.createElementVNode("div", _hoisted_3, [
+          })
+        ]),
+        default: vue.withCtx(() => [
+          vue.createElementVNode("div", _hoisted_1, [
+            vue.createElementVNode("div", _hoisted_2, [
               vue.createVNode(RoleAside, {
                 onRoleSelect: handleRoleSelect,
                 "role-form": roleForm,
                 ref: "RoleAsideEl"
               }, null, 8, ["role-form"])
             ]),
-            vue.createElementVNode("div", _hoisted_4, [
-              currentRole.value ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_5, [
-                vue.createElementVNode("div", _hoisted_6, [
-                  vue.createElementVNode("div", _hoisted_7, [
+            vue.createElementVNode("div", _hoisted_3, [
+              currentRole.value ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_4, [
+                vue.createElementVNode("div", _hoisted_5, [
+                  vue.createElementVNode("div", _hoisted_6, [
                     vue.createVNode(vue.unref(index$1.MKSvgIcon), {
                       class: "ms-role-aside__role-icon",
                       name: "oui:app-users-roles",
@@ -335,7 +316,7 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
                     }),
                     vue.createTextVNode(" " + vue.toDisplayString(currentRole.value.desc), 1)
                   ]),
-                  vue.createElementVNode("div", _hoisted_8, [
+                  vue.createElementVNode("div", _hoisted_7, [
                     vue.createVNode(vue.unref(elementPlus.ElButton), {
                       type: "primary",
                       text: "",
@@ -388,6 +369,6 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
-const index = /* @__PURE__ */ index$1._export_sfc(_sfc_main, [["__scopeId", "data-v-3c0fc3ee"]]);
+const index = /* @__PURE__ */ index$1._export_sfc(_sfc_main, [["__scopeId", "data-v-403254f4"]]);
 exports.default = index;
-//# sourceMappingURL=index-B9UKWJrg.cjs.map
+//# sourceMappingURL=index-DNvHyuml.cjs.map

package/dist/cjs/index-DNvHyuml.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"index-DNvHyuml.cjs","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":["DvOpt","ref","watch","computed","Dialoger","ElMessageBox","ElMessage","unref","_withAsyncContext","useRouter","reactive","MsMemberRoleTable","MsRoleForm","currentRole","onBeforeUnmount"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAkDA,UAAM,QAAQ;AAOd,UAAM,OAAO;AAEb,UAAM,QAAQA,QAAAA,MAAM,eAAe,EAAC,MAAM,WAAU;AAE9C,UAAA,QAAuBC,QAAI,CAAA,CAAE;AAE7B,UAAA,cAAkCA,QAAI,IAAI;AAE1C,UAAA,UAAUA,QAAI,KAAK;AAGzBC,QAAA,MAAM,aAAa,MAAM;AAClB,WAAA,eAAe,YAAY,KAAK;AAAA,IAAA,CACtC;AAGDA,QAAA;AAAA,MACEC,aAAS,MAAM,MAAM,QAAQ;AAAA,MAC7B,CAAC,UAAU,GAAG,cAAc;AAC1B,cAAM,aAAa,SAAS,eAAe,GAAG,MAAM;AACrC;QAAA,CACd;AAED,kBAAU,MAAM;AACd,qBAAW,QAAQ;AAAA,QAAA,CACpB;AAAA,MACH;AAAA,MACA,EAAC,WAAW,KAAI;AAAA,IAAA;AAGlB,UAAM,eAAe,YAAY;AAC3B,UAAA;AACF,gBAAQ,QAAQ;AAEhB,cAAM,QAAQ,MAAM,MAAM,QAAQ,KAAa;AAG3C,YAAA,MAAM,MAAM,QAAQ;AACN,0BAAA,MAAM,MAAM,CAAC,CAAC;AAAA,QAChC;AAAA,MAAA,UAEA;AACA,gBAAQ,QAAQ;AAAA,MAClB;AAAA,IAAA;AAGI,UAAA,uBAAuB,CAAC,SAAiB;AAC7CC,SAAAA,SAAS,eAAe;AAAA,QACtB,UAAU,MAAM;AAAA,QAChB,OAAO,KAAK;AAAA,MAAA,CACb;AAAA,IAAA;AAGG,UAAA,kBAAkB,CAAC,SAAiB;AACxC,kBAAY,QAAQ;AAAA,IAAA;AAGhB,UAAA,eAAe,OAAO,SAAiB;;AAC3C,YAAM,YAAY,MAAMC,yBAAa,QAAQ,UAAU;AAAA,QACrD,MAAM;AAAA,MACP,CAAA,EAAE;AAAA,QACD,MAAM;AAAA,QACN,MAAM;AAAA,MAAA;AAGR,UAAI,CAAC,WAAW;AACd;AAAA,MACF;AAEI,UAAA;AACF,cAAM,SAAS,MAAM,MAAM,OAAO,KAAK,EAAE;AAErC,YAAA,OAAO,SAAS,KAAK;AACvBC,sBAAA,UAAU,MAAM,EAAC,SAAS,OAAO,IAAI,CAAA;AACrC;AAAA,QACF;AAEAA,oBAAAA,UAAU,QAAQ,EAAC,SAAS,OAAO,CAAA;AAEnC,cAAIC,SAAM,MAAA,WAAW,MAAjBA,mBAAoB,QAAO,KAAK,IAAI;AACtC,sBAAY,QAAQ;AAAA,QACtB;AAEa;eACN,GAAG;AACV,gBAAQ,MAAM,CAAC;AACfD,oBAAAA,UAAU,MAAM,EAAC,SAAS,OAAO,CAAA;AAAA,MACnC;AAAA,IAAA;AAIF,KAAA,QAAA,SAAA,IAAAE,qBAAA,MAAM,aAAA,CAAa;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AC9EnB,UAAM,SAASC,UAAAA;AAEf,UAAM,QAAQT,QAAAA,MAAM,eAAe,EAAC,MAAM,kBAAiB;AAErD,UAAA,cAAkCC,QAAI,IAAI;AAEhD,UAAM,kBAAkBS,IAAAA,SAAS,IAAIC,QAAAA,kBAAmB,CAAA;AAExD,UAAM,WAAWD,IAAAA,SAAS,IAAIE,QAAAA,WAAY,CAAA;AAE1C,UAAM,sBAAsBT,IAAA;AAAA,MAC1B,MAAM,gBAAgB,eAAe,WAAW;AAAA,IAAA;AAG5CD,cAAA,aAAa,CAACW,iBAAgB;AAClC,sBAAgB,eAAeA,YAAW;AAAA,IAAA,CAC3C;AAEDC,QAAAA,gBAAgB,MAAM;AACpB,sBAAgB,QAAQ;AACxB,eAAS,QAAQ;AAAA,IAAA,CAClB;AAED,UAAM,qBAAqB,MAAM;AAC/BV,SAAAA,SAAS,eAAe;AAAA,QACtB,UAAU;AAAA,MAAA,CACX;AAAA,IAAA;AAGG,UAAA,mBAAmB,CAAC,SAAiB;AACzC,kBAAY,QAAQ;AAAA,IAAA;AAGtB,UAAM,wBAAwB,YAAY;AAClC,YAAA,eAAe,MAAMA,GAAAA,SAAS;AAAA,QAClC,gBAAgB;AAAA,MAAA;AAGd,UAAA,CAAC,aAAa,WAAW;AAC3B;AAAA,MACF;AAEM,YAAA,SAASG,IAAAA,MAAM,WAAW,EAAG;AAEnC,YAAM,iBAAiB,aAAa,WAAW,IAAI,CAAC,UAAU;AAAA,QAC5D;AAAA,QACA,UAAU;AAAA,MACV,EAAA;AAEE,UAAA;AACF,cAAM,SAAS,MAAM,MAAM,UAAU,cAAc;AAE/C,YAAA,OAAO,SAAS,KAAK;AACvBD,sBAAA,UAAU,MAAM,EAAC,SAAS,OAAO,IAAI,CAAA;AACrC;AAAA,QACF;AAEAA,oBAAAA,UAAU,QAAQ,EAAC,SAAS,OAAO,CAAA;AAEnC,wBAAgB,KAAK;AAAA,eACd,GAAG;AACV,gBAAQ,MAAM,CAAC;AAEfA,oBAAAA,UAAU,MAAM,EAAC,SAAS,OAAO,CAAA;AAAA,MACnC;AAAA,IAAA;AAGF,UAAM,oBAAoB,YAAY;AACpC,YAAM,YAAY,MAAMD,yBAAa,QAAQ,UAAU;AAAA,QACrD,MAAM;AAAA,MACP,CAAA,EAAE;AAAA,QACD,MAAM;AAAA,QACN,MAAM;AAAA,MAAA;AAGR,UAAI,CAAC,WAAW;AACd;AAAA,MACF;AAEI,UAAA;AACF,cAAM,SAAS,MAAM,MAAM,YAAY,gBAAgB,cAAc;AAEjE,YAAA,OAAO,SAAS,KAAK;AACvBC,sBAAA,UAAU,MAAM,EAAC,SAAS,OAAO,IAAI,CAAA;AACrC;AAAA,QACF;AAEAA,oBAAAA,UAAU,QAAQ,EAAC,SAAS,OAAO,CAAA;AACnC,wBAAgB,KAAK;AAAA,eACd,GAAG;AACV,gBAAQ,MAAM,CAAC;AACfA,oBAAAA,UAAU,MAAM,EAAC,SAAS,OAAO,CAAA;AAAA,MACnC;AAAA,IAAA;AAGF,UAAM,uBAAuB,MAAM;;AACjC,aAAO,KAAK,EAAC,MAAM,yBAAyB,QAAQ,EAAC,KAAIC,SAAA,MAAM,WAAW,MAAjBA,mBAAoB,GAAE,EAAE,CAAA;AAAA,IAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/cjs/{index-Bc8QwZ7I.cjs → index-DQy2OX6Y.cjs}

@@ -2,7 +2,7 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const vue = require("vue");
 const utils = require("@maketribe/utils");
-const index = require("./index-DcHHWtzy.cjs");
+const index = require("./index-bB_XK-Tj.cjs");
 require("vue-router");
 require("@maketribe/dm");
 const elementPlus = require("element-plus");
@@ -39,10 +39,10 @@ const ColumnSort = /* @__PURE__ */ vue.defineComponent({
       dataTableContext.dataTable.moveDown(props.row);
     };
     const handleToTop = () => {
-      dataTableContext.dataTable.toTop(props.row);
+      dataTableContext.dataTable.moveToTop(props.row);
     };
     const handleToBottom = () => {
-      dataTableContext.dataTable.toBottom(props.row);
+      dataTableContext.dataTable.moveToBottom(props.row);
     };
     return () => {
       let children = null;
@@ -103,4 +103,4 @@ const MKColumnSort = ColumnSort;
 exports.MKColumnSort = MKColumnSort;
 exports.columnSortProps = columnSortProps;
 exports.default = MKColumnSort;
-//# sourceMappingURL=index-Bc8QwZ7I.cjs.map
+//# sourceMappingURL=index-DQy2OX6Y.cjs.map

package/dist/cjs/index-DQy2OX6Y.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"index-DQy2OX6Y.cjs","sources":["../../src/components/data-model/data-table/components/column-sort/column-sort-options.ts","../../src/components/data-model/data-table/components/column-sort/column-sort.tsx","../../src/components/data-model/data-table/components/column-sort/index.ts"],"sourcesContent":["import { ExtractPropTypes } from \"vue\";\nimport { buildProps } from \"@maketribe/utils\";\nimport { columnProps } from \"../../composables\";\n\nexport const columnSortProps = buildProps({\n  ...columnProps,\n  drag: {\n    type: Boolean,\n    default: false,\n  },\n});\n\nexport type ColumnSortProps = ExtractPropTypes<typeof columnSortProps>;\n","import { defineComponent, inject } from \"vue\";\nimport { columnSortProps } from \"./column-sort-options\";\nimport { MKSvgIcon } from \"../../../../basic\";\nimport { ElTooltip } from \"element-plus\";\nimport { DATA_TABLE_CONTEXT_KEY } from \"../../token\";\n\nexport default defineComponent({\n  name: \"MKColumnSort\",\n  props: columnSortProps,\n  setup(props) {\n    const dataTableContext = inject(DATA_TABLE_CONTEXT_KEY)!;\n\n    const handleMoveUp = () => {\n      dataTableContext.dataTable.moveUp(props.row);\n    };\n\n    const handleMoveDown = () => {\n      dataTableContext.dataTable.moveDown(props.row);\n    };\n\n    const handleToTop = () => {\n      dataTableContext.dataTable.moveToTop(props.row);\n    };\n\n    const handleToBottom = () => {\n      dataTableContext.dataTable.moveToBottom(props.row);\n    };\n\n    return () => {\n      let children = null;\n\n      if (props.drag) {\n        children = (\n          <span class=\"mk-column-sort__drag\">\n            <MKSvgIcon name=\"ep:rank\" />\n          </span>\n        );\n      } else {\n        children = (\n          <span class=\"mk-column-sort__switch\">\n            <ElTooltip content=\"置顶\" placement=\"top\">\n              <MKSvgIcon name=\"radix-icons:pin-top\" class=\"cursor-pointer\" onClick={handleToTop} />\n            </ElTooltip>\n            <ElTooltip content=\"上移\" placement=\"top\">\n              <MKSvgIcon name=\"radix-icons:arrow-up\" class=\"cursor-pointer\" onClick={handleMoveUp} />\n            </ElTooltip>\n            <ElTooltip content=\"下移\" placement=\"top\">\n              <MKSvgIcon name=\"radix-icons:arrow-down\" class=\"cursor-pointer\" onClick={handleMoveDown} />\n            </ElTooltip>\n            <ElTooltip content=\"置底\" placement=\"top\">\n              <MKSvgIcon name=\"radix-icons:pin-bottom\" class=\"cursor-pointer\" onClick={handleToBottom} />\n            </ElTooltip>\n          </span>\n        );\n      }\n\n      return <span class=\"mk-column-sort\">{children}</span>;\n    };\n  },\n});\n","import ColumnSort from \"./column-sort\";\n\nexport const MKColumnSort = ColumnSort;\nexport default MKColumnSort;\n\nexport * from \"./column-sort-options\";\n"],"names":["buildProps","columnProps","defineComponent","name","props","columnSortProps","setup","dataTableContext","inject","DATA_TABLE_CONTEXT_KEY","handleMoveUp","dataTable","moveUp","row","handleMoveDown","moveDown","handleToTop","moveToTop","handleToBottom","moveToBottom","children","drag","_createVNode","MKSvgIcon","ElTooltip","default"],"mappings":";;;;;;;;;;;;;;;;;;;;;;AAIO,MAAM,kBAAkBA,MAAAA,WAAW;AAAA,EACxC,GAAGC,MAAA;AAAA,EACH,MAAM;AAAA,IACJ,MAAM;AAAA,IACN,SAAS;AAAA,EACX;AACF,CAAC;ACJD,MAAeC,iDAAgB;AAAA,EAC7BC,MAAM;AAAA,EACNC,OAAOC;AAAAA,EACPC,MAAMF,OAAO;AACX,UAAMG,mBAAmBC,WAAOC,MAAAA,sBAAsB;AAEtD,UAAMC,eAAeA,MAAM;AACzBH,uBAAiBI,UAAUC,OAAOR,MAAMS,GAAG;AAAA;AAG7C,UAAMC,iBAAiBA,MAAM;AAC3BP,uBAAiBI,UAAUI,SAASX,MAAMS,GAAG;AAAA;AAG/C,UAAMG,cAAcA,MAAM;AACxBT,uBAAiBI,UAAUM,UAAUb,MAAMS,GAAG;AAAA;AAGhD,UAAMK,iBAAiBA,MAAM;AAC3BX,uBAAiBI,UAAUQ,aAAaf,MAAMS,GAAG;AAAA;AAGnD,WAAO,MAAM;AACX,UAAIO,WAAW;AAEf,UAAIhB,MAAMiB,MAAM;AACdD,mBAAQE,IAAA,YAAA,QAAA;AAAA,UAAA,SAAA;AAAA,WAAAA,CAAAA,IAAA,YAAAC,iBAAA;AAAA,UAAA,QAAA;AAAA,WAIP,IAAA,CAAA,CAAA;AAAA,MACH,OAAO;AACLH,mBAAQE,IAAA,YAAA,QAAA;AAAA,UAAA,SAAA;AAAA,WAAAA,CAAAA,IAAA,YAAAE,uBAAA;AAAA,UAAA,WAAA;AAAA,UAAA,aAAA;AAAA,QAAA,GAAA;AAAA,UAAAC,SAAAA,MAAAH,CAAAA,IAAA,YAAAC,iBAAA;AAAA,YAAA,QAAA;AAAA,YAAA,SAAA;AAAA,YAAA,WAGoEP;AAAAA,UAAW,GAAA,IAAA,CAAA;AAAA,SAAAM,GAAAA,IAAA,YAAAE,uBAAA;AAAA,UAAA,WAAA;AAAA,UAAA,aAAA;AAAA,QAAA,GAAA;AAAA,UAAAC,SAAAA,MAAAH,CAAAA,IAAA,YAAAC,iBAAA;AAAA,YAAA,QAAA;AAAA,YAAA,SAAA;AAAA,YAAA,WAGVb;AAAAA,UAAY,GAAA,IAAA,CAAA;AAAA,SAAAY,GAAAA,IAAA,YAAAE,uBAAA;AAAA,UAAA,WAAA;AAAA,UAAA,aAAA;AAAA,QAAA,GAAA;AAAA,UAAAC,SAAAA,MAAAH,CAAAA,IAAA,YAAAC,iBAAA;AAAA,YAAA,QAAA;AAAA,YAAA,SAAA;AAAA,YAAA,WAGVT;AAAAA,UAAc,GAAA,IAAA,CAAA;AAAA,SAAAQ,GAAAA,IAAA,YAAAE,uBAAA;AAAA,UAAA,WAAA;AAAA,UAAA,aAAA;AAAA,QAAA,GAAA;AAAA,UAAAC,SAAAA,MAAAH,CAAAA,IAAA,YAAAC,iBAAA;AAAA,YAAA,QAAA;AAAA,YAAA,SAAA;AAAA,YAAA,WAGdL;AAAAA,UAAc,GAAA,IAAA,CAAA;AAAA,QAG5F,CAAA,CAAA,CAAA;AAAA,MACH;AAEA,aAAAI,IAAAA,YAAA,QAAA;AAAA,QAAA,SAAA;AAAA,MAAA,GAAA,CAAqCF,QAAQ,CAAA;AAAA;EAEjD;AACF,CAAC;ACzDM,MAAM,eAAe;;;;"}