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

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

@@ -1 +1 @@
-{"version":3,"file":"index-pthnDu7N.js","sources":["../../src/components/data-model/data-table/components/column-switch/column-switch-options.ts","../../src/components/data-model/data-table/components/column-switch/column-switch.tsx","../../src/components/data-model/data-table/components/column-switch/index.ts"],"sourcesContent":["import { ExtractPropTypes } from \"vue\";\nimport { buildProps } from \"@maketribe/utils\";\nimport { ColumnEventData, columnProps } from \"../../composables\";\n\nexport const columnSwitchProps = buildProps({\n  ...columnProps,\n  disabled: { type: Boolean, default: true },\n} as const);\n\nexport type ColumnSwitchProps = ExtractPropTypes<typeof columnSwitchProps>;\n\nexport const columnSwitchEmits = {\n  change: (data: ColumnEventData & { value: boolean }) => true,\n};\n\nexport type ColumnSwitchEmits = typeof columnSwitchEmits;\n","import { computed, defineComponent, unref } from \"vue\";\nimport { ElSwitch } from \"element-plus\";\n\nimport { useColumn } from \"../../composables\";\nimport { columnSwitchEmits, columnSwitchProps } from \"./column-switch-options\";\n\nexport default defineComponent({\n  name: \"MKColumnSwitch\",\n  props: columnSwitchProps,\n  emits: columnSwitchEmits,\n  setup(props, { emit }) {\n    const { value } = useColumn(props);\n\n    const disabled = computed(() => props.disabled);\n\n    const handleChange = (value: boolean) => {\n      emit(\"change\", {\n        row: props.row,\n        column: props.column,\n        index: props.index,\n        value,\n      });\n    };\n\n    return () => {\n      return (\n        <div class=\"mk-column-switch\">\n          <ElSwitch\n            disabled={unref(disabled)}\n            modelValue={unref(value)}\n            onChange={handleChange as any}\n          />\n        </div>\n      );\n    };\n  },\n});\n","import ColumnSwitch from \"./column-switch\";\n\nexport const MKColumnSwitch = ColumnSwitch;\nexport default MKColumnSwitch;\n\nexport * from \"./column-switch-options\";\n"],"names":["defineComponent","name","props","columnSwitchProps","emits","columnSwitchEmits","setup","emit","value","useColumn","disabled","computed","handleChange","row","column","index","_createVNode","ElSwitch","unref"],"mappings":";;;;;;;;;;;;;;;;;;;;AAIO,MAAM,oBAAoB,WAAW;AAAA,EAC1C,GAAG;AAAA,EACH,UAAU,EAAE,MAAM,SAAS,SAAS,KAAK;AAC3C,CAAU;AAIH,MAAM,oBAAoB;AAAA,EAC/B,QAAQ,CAAC,SAA+C;AAC1D;ACPA,MAAeA,+CAAgB;AAAA,EAC7BC,MAAM;AAAA,EACNC,OAAOC;AAAAA,EACPC,OAAOC;AAAAA,EACPC,MAAMJ,OAAO;AAAA,IAAEK;AAAAA,EAAK,GAAG;AACrB,UAAM;AAAA,MAAEC;AAAAA,IAAM,IAAIC,UAAUP,KAAK;AAEjC,UAAMQ,WAAWC,SAAS,MAAMT,MAAMQ,QAAQ;AAE9C,UAAME,eAAgBJ,CAAAA,WAAmB;AACvCD,WAAK,UAAU;AAAA,QACbM,KAAKX,MAAMW;AAAAA,QACXC,QAAQZ,MAAMY;AAAAA,QACdC,OAAOb,MAAMa;AAAAA,QACbP,OAAAA;AAAAA,MACF,CAAC;AAAA;AAGH,WAAO,MAAM;AACX,aAAAQ,YAAA,OAAA;AAAA,QAAA,SAAA;AAAA,SAAAA,CAAAA,YAAAC,UAAA;AAAA,QAAA,YAGgBC,MAAMR,QAAQ;AAAA,QAAC,cACbQ,MAAMV,KAAK;AAAA,QAAC,YACdI;AAAAA,MAAY,GAAA,IAAA,CAAA,CAAA;AAAA;EAKhC;AACF,CAAC;AClCM,MAAM,iBAAiB;"}
+{"version":3,"file":"index-DhwKxRks.js","sources":["../../src/components/data-model/data-table/components/column-switch/column-switch-options.ts","../../src/components/data-model/data-table/components/column-switch/column-switch.tsx","../../src/components/data-model/data-table/components/column-switch/index.ts"],"sourcesContent":["import { ExtractPropTypes } from \"vue\";\nimport { buildProps } from \"@maketribe/utils\";\nimport { ColumnEventData, columnProps } from \"../../composables\";\n\nexport const columnSwitchProps = buildProps({\n  ...columnProps,\n  disabled: { type: Boolean, default: true },\n} as const);\n\nexport type ColumnSwitchProps = ExtractPropTypes<typeof columnSwitchProps>;\n\nexport const columnSwitchEmits = {\n  change: (data: ColumnEventData & { value: boolean }) => true,\n};\n\nexport type ColumnSwitchEmits = typeof columnSwitchEmits;\n","import { computed, defineComponent, unref } from \"vue\";\nimport { ElSwitch } from \"element-plus\";\n\nimport { useColumn } from \"../../composables\";\nimport { columnSwitchEmits, columnSwitchProps } from \"./column-switch-options\";\n\nexport default defineComponent({\n  name: \"MKColumnSwitch\",\n  props: columnSwitchProps,\n  emits: columnSwitchEmits,\n  setup(props, { emit }) {\n    const { value } = useColumn(props);\n\n    const disabled = computed(() => props.disabled);\n\n    const handleChange = (value: boolean) => {\n      emit(\"change\", {\n        row: props.row,\n        column: props.column,\n        index: props.index,\n        value,\n      });\n    };\n\n    return () => {\n      return (\n        <div class=\"mk-column-switch\">\n          <ElSwitch\n            disabled={unref(disabled)}\n            modelValue={unref(value)}\n            onChange={handleChange as any}\n          />\n        </div>\n      );\n    };\n  },\n});\n","import ColumnSwitch from \"./column-switch\";\n\nexport const MKColumnSwitch = ColumnSwitch;\nexport default MKColumnSwitch;\n\nexport * from \"./column-switch-options\";\n"],"names":["defineComponent","name","props","columnSwitchProps","emits","columnSwitchEmits","setup","emit","value","useColumn","disabled","computed","handleChange","row","column","index","_createVNode","ElSwitch","unref"],"mappings":";;;;;;;;;;;;;;;;;;;;AAIO,MAAM,oBAAoB,WAAW;AAAA,EAC1C,GAAG;AAAA,EACH,UAAU,EAAE,MAAM,SAAS,SAAS,KAAK;AAC3C,CAAU;AAIH,MAAM,oBAAoB;AAAA,EAC/B,QAAQ,CAAC,SAA+C;AAC1D;ACPA,MAAeA,+CAAgB;AAAA,EAC7BC,MAAM;AAAA,EACNC,OAAOC;AAAAA,EACPC,OAAOC;AAAAA,EACPC,MAAMJ,OAAO;AAAA,IAAEK;AAAAA,EAAK,GAAG;AACrB,UAAM;AAAA,MAAEC;AAAAA,IAAM,IAAIC,UAAUP,KAAK;AAEjC,UAAMQ,WAAWC,SAAS,MAAMT,MAAMQ,QAAQ;AAE9C,UAAME,eAAgBJ,CAAAA,WAAmB;AACvCD,WAAK,UAAU;AAAA,QACbM,KAAKX,MAAMW;AAAAA,QACXC,QAAQZ,MAAMY;AAAAA,QACdC,OAAOb,MAAMa;AAAAA,QACbP,OAAAA;AAAAA,MACF,CAAC;AAAA;AAGH,WAAO,MAAM;AACX,aAAAQ,YAAA,OAAA;AAAA,QAAA,SAAA;AAAA,SAAAA,CAAAA,YAAAC,UAAA;AAAA,QAAA,YAGgBC,MAAMR,QAAQ;AAAA,QAAC,cACbQ,MAAMV,KAAK;AAAA,QAAC,YACdI;AAAAA,MAAY,GAAA,IAAA,CAAA,CAAA;AAAA;EAKhC;AACF,CAAC;AClCM,MAAM,iBAAiB;"}

package/dist/esm/{index-CwclA0v2.js → index-Do2T_95r.js}

@@ -1,6 +1,6 @@
 import { buildProps, withInstall } from "@maketribe/utils";
 import { defineComponent, computed, watch, unref, ref, resolveComponent, openBlock, createElementBlock, createVNode, withCtx, createTextVNode, toDisplayString } from "vue";
-import { V as useFormItem, E as MKDataTable, X as DataForm, Y as MKForm } from "./index-C4s2F3I8.js";
+import { V as useFormItem, E as MKDataTable, X as DataForm, Y as MKForm } from "./index-qVrnFZdU.js";
 import { FormDetailColumn, Messager, DataFormType } from "@maketribe/dm";
 import { ElButton } from "element-plus";
 import { I18n } from "@maketribe/locale";
@@ -162,4 +162,4 @@ export {
   formDetailEmits,
   formDetailProps
 };
-//# sourceMappingURL=index-CwclA0v2.js.map
+//# sourceMappingURL=index-Do2T_95r.js.map

package/dist/esm/{index-CwclA0v2.js.map → index-Do2T_95r.js.map}

@@ -1 +1 @@
-{"version":3,"file":"index-CwclA0v2.js","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":["value","FormDetail"],"mappings":"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"}
+{"version":3,"file":"index-Do2T_95r.js","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":["value","FormDetail"],"mappings":"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"}

package/dist/esm/{index-BwuS4_Eq.js → index-DpCuKWYE.js}

@@ -1,6 +1,6 @@
 import { defineComponent, inject, createVNode } from "vue";
 import { buildProps } from "@maketribe/utils";
-import { p as columnProps, D as DATA_TABLE_CONTEXT_KEY, v as MKSvgIcon } from "./index-C4s2F3I8.js";
+import { p as columnProps, D as DATA_TABLE_CONTEXT_KEY, v as MKSvgIcon } from "./index-qVrnFZdU.js";
 import "vue-router";
 import "@maketribe/dm";
 import { ElTooltip } from "element-plus";
@@ -103,4 +103,4 @@ export {
   columnSortProps,
   MKColumnSort as default
 };
-//# sourceMappingURL=index-BwuS4_Eq.js.map
+//# sourceMappingURL=index-DpCuKWYE.js.map

package/dist/esm/{index-BwuS4_Eq.js.map → index-DpCuKWYE.js.map}

@@ -1 +1 @@
-{"version":3,"file":"index-BwuS4_Eq.js","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":["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,kBAAkB,WAAW;AAAA,EACxC,GAAG;AAAA,EACH,MAAM;AAAA,IACJ,MAAM;AAAA,IACN,SAAS;AAAA,EACX;AACF,CAAC;ACJD,MAAeA,6CAAgB;AAAA,EAC7BC,MAAM;AAAA,EACNC,OAAOC;AAAAA,EACPC,MAAMF,OAAO;AACX,UAAMG,mBAAmBC,OAAOC,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,YAAA,QAAA;AAAA,UAAA,SAAA;AAAA,WAAAA,CAAAA,YAAAC,WAAA;AAAA,UAAA,QAAA;AAAA,WAIP,IAAA,CAAA,CAAA;AAAA,MACH,OAAO;AACLH,mBAAQE,YAAA,QAAA;AAAA,UAAA,SAAA;AAAA,WAAAA,CAAAA,YAAAE,WAAA;AAAA,UAAA,WAAA;AAAA,UAAA,aAAA;AAAA,QAAA,GAAA;AAAA,UAAAC,SAAAA,MAAAH,CAAAA,YAAAC,WAAA;AAAA,YAAA,QAAA;AAAA,YAAA,SAAA;AAAA,YAAA,WAGoEP;AAAAA,UAAW,GAAA,IAAA,CAAA;AAAA,SAAAM,GAAAA,YAAAE,WAAA;AAAA,UAAA,WAAA;AAAA,UAAA,aAAA;AAAA,QAAA,GAAA;AAAA,UAAAC,SAAAA,MAAAH,CAAAA,YAAAC,WAAA;AAAA,YAAA,QAAA;AAAA,YAAA,SAAA;AAAA,YAAA,WAGVb;AAAAA,UAAY,GAAA,IAAA,CAAA;AAAA,SAAAY,GAAAA,YAAAE,WAAA;AAAA,UAAA,WAAA;AAAA,UAAA,aAAA;AAAA,QAAA,GAAA;AAAA,UAAAC,SAAAA,MAAAH,CAAAA,YAAAC,WAAA;AAAA,YAAA,QAAA;AAAA,YAAA,SAAA;AAAA,YAAA,WAGVT;AAAAA,UAAc,GAAA,IAAA,CAAA;AAAA,SAAAQ,GAAAA,YAAAE,WAAA;AAAA,UAAA,WAAA;AAAA,UAAA,aAAA;AAAA,QAAA,GAAA;AAAA,UAAAC,SAAAA,MAAAH,CAAAA,YAAAC,WAAA;AAAA,YAAA,QAAA;AAAA,YAAA,SAAA;AAAA,YAAA,WAGdL;AAAAA,UAAc,GAAA,IAAA,CAAA;AAAA,QAG5F,CAAA,CAAA,CAAA;AAAA,MACH;AAEA,aAAAI,YAAA,QAAA;AAAA,QAAA,SAAA;AAAA,MAAA,GAAA,CAAqCF,QAAQ,CAAA;AAAA;EAEjD;AACF,CAAC;ACzDM,MAAM,eAAe;"}
+{"version":3,"file":"index-DpCuKWYE.js","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":["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,kBAAkB,WAAW;AAAA,EACxC,GAAG;AAAA,EACH,MAAM;AAAA,IACJ,MAAM;AAAA,IACN,SAAS;AAAA,EACX;AACF,CAAC;ACJD,MAAeA,6CAAgB;AAAA,EAC7BC,MAAM;AAAA,EACNC,OAAOC;AAAAA,EACPC,MAAMF,OAAO;AACX,UAAMG,mBAAmBC,OAAOC,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,YAAA,QAAA;AAAA,UAAA,SAAA;AAAA,WAAAA,CAAAA,YAAAC,WAAA;AAAA,UAAA,QAAA;AAAA,WAIP,IAAA,CAAA,CAAA;AAAA,MACH,OAAO;AACLH,mBAAQE,YAAA,QAAA;AAAA,UAAA,SAAA;AAAA,WAAAA,CAAAA,YAAAE,WAAA;AAAA,UAAA,WAAA;AAAA,UAAA,aAAA;AAAA,QAAA,GAAA;AAAA,UAAAC,SAAAA,MAAAH,CAAAA,YAAAC,WAAA;AAAA,YAAA,QAAA;AAAA,YAAA,SAAA;AAAA,YAAA,WAGoEP;AAAAA,UAAW,GAAA,IAAA,CAAA;AAAA,SAAAM,GAAAA,YAAAE,WAAA;AAAA,UAAA,WAAA;AAAA,UAAA,aAAA;AAAA,QAAA,GAAA;AAAA,UAAAC,SAAAA,MAAAH,CAAAA,YAAAC,WAAA;AAAA,YAAA,QAAA;AAAA,YAAA,SAAA;AAAA,YAAA,WAGVb;AAAAA,UAAY,GAAA,IAAA,CAAA;AAAA,SAAAY,GAAAA,YAAAE,WAAA;AAAA,UAAA,WAAA;AAAA,UAAA,aAAA;AAAA,QAAA,GAAA;AAAA,UAAAC,SAAAA,MAAAH,CAAAA,YAAAC,WAAA;AAAA,YAAA,QAAA;AAAA,YAAA,SAAA;AAAA,YAAA,WAGVT;AAAAA,UAAc,GAAA,IAAA,CAAA;AAAA,SAAAQ,GAAAA,YAAAE,WAAA;AAAA,UAAA,WAAA;AAAA,UAAA,aAAA;AAAA,QAAA,GAAA;AAAA,UAAAC,SAAAA,MAAAH,CAAAA,YAAAC,WAAA;AAAA,YAAA,QAAA;AAAA,YAAA,SAAA;AAAA,YAAA,WAGdL;AAAAA,UAAc,GAAA,IAAA,CAAA;AAAA,QAG5F,CAAA,CAAA,CAAA;AAAA,MACH;AAEA,aAAAI,YAAA,QAAA;AAAA,QAAA,SAAA;AAAA,MAAA,GAAA,CAAqCF,QAAQ,CAAA;AAAA;EAEjD;AACF,CAAC;ACzDM,MAAM,eAAe;"}

package/dist/esm/{index-C4s2F3I8.js → index-qVrnFZdU.js}

@@ -153,84 +153,84 @@ class DataTableComponents extends Components {
       name: "MKColumnAction",
       title: "操作",
       component: defineAsyncComponent(
-        async () => import("./index-B2vMHk9s.js")
+        async () => import("./index-DEMaBJu_.js")
       )
     });
     this.registerComponent({
       name: "MKColumnText",
       title: "文本",
       component: defineAsyncComponent(
-        async () => import("./index-BSSF_H4l.js")
+        async () => import("./index-C4z3EFko.js")
       )
     });
     this.registerComponent({
       name: "MKColumnObjectMappingText",
       title: "对象映射文本",
       component: defineAsyncComponent(
-        async () => import("./index-B_Ui05OQ.js")
+        async () => import("./index-BtdwoOQe.js")
       )
     });
     this.registerComponent({
       name: "MKColumnImage",
       title: "图片",
       component: defineAsyncComponent(
-        async () => import("./index-DcVVnvkX.js")
+        async () => import("./index-BUdk1meI.js")
       )
     });
     this.registerComponent({
       name: "MKColumnSelect",
       title: "行选择",
       component: defineAsyncComponent(
-        async () => import("./index-BRdvxisD.js")
+        async () => import("./index-Bw5KNqA-.js")
       )
     });
     this.registerComponent({
       name: "MKColumnJson",
       title: "JSON",
       component: defineAsyncComponent(
-        async () => import("./index-Cb0rkuWo.js")
+        async () => import("./index-BCvxk3kj.js")
       )
     });
     this.registerComponent({
       name: "MKColumnDate",
       title: "日期时间",
       component: defineAsyncComponent(
-        async () => import("./index-BtvjT7Qs.js")
+        async () => import("./index-BjXfqtBZ.js")
       )
     });
     this.registerComponent({
       name: "MKColumnSwitch",
       title: "开关",
       component: defineAsyncComponent(
-        async () => import("./index-pthnDu7N.js")
+        async () => import("./index-DhwKxRks.js")
       )
     });
     this.registerComponent({
       name: "MKColumnTag",
       title: "标签",
       component: defineAsyncComponent(
-        async () => import("./index-BbYs2GbJ.js")
+        async () => import("./index-Bc5Y2eLI.js")
       )
     });
     this.registerComponent({
       name: "MKColumnLink",
       title: "链接",
       component: defineAsyncComponent(
-        async () => import("./index-BmsVYDiD.js")
+        async () => import("./index-B6Vf3p2F.js")
       )
     });
     this.registerComponent({
       name: "MKColumnSort",
       title: "拖拽排序",
       component: defineAsyncComponent(
-        async () => import("./index-BwuS4_Eq.js")
+        async () => import("./index-DpCuKWYE.js")
       )
     });
     this.registerComponent({
       name: "MKColumnIcon",
       title: "图标",
       component: defineAsyncComponent(
-        async () => import("./index-0KFFvI5n.js")
+        async () => import("./index-DfMem8-f.js")
       )
     });
   }
@@ -256,14 +256,14 @@ class DataTableHeaderComponents extends Components {
       name: "MKBatchOpt",
       title: "批量操作",
       component: defineAsyncComponent(
-        async () => import("./index-BmlQZY77.js")
+        async () => import("./index-BovH8LNa.js")
       )
     });
     this.registerComponent({
       name: "MKTableFilter",
       title: "筛选",
       component: defineAsyncComponent(
-        async () => import("./index-3xcWhF27.js")
+        async () => import("./index-B0u-HFxa.js")
       )
     });
   }
@@ -313,21 +313,21 @@ class DataFormComponents extends Components {
       name: "MKFormImageUpload",
       title: "图片上传",
       component: defineAsyncComponent(
-        async () => (await import("./index-DM8qnUMA.js")).MKUploadImage
+        async () => (await import("./index-CWYm0G0t.js")).MKUploadImage
       )
     });
     this.registerComponent({
       name: "MKFormFileUpload",
       title: "文件上传",
       component: defineAsyncComponent(
-        async () => (await import("./index-DM8qnUMA.js")).MKUploadFileUi
+        async () => (await import("./index-CWYm0G0t.js")).MKUploadFileUi
       )
     });
     this.registerComponent({
       name: "MKFormVideoUpload",
       title: "视频选择",
       component: defineAsyncComponent(
-        async () => (await import("./index-DM8qnUMA.js")).MKUploadVideo
+        async () => (await import("./index-CWYm0G0t.js")).MKUploadVideo
       )
     });
     this.registerComponent({
@@ -341,7 +341,7 @@ class DataFormComponents extends Components {
       name: "MKFormDetail",
       title: "明细",
       component: defineAsyncComponent(
-        () => import("./index-CwclA0v2.js")
+        () => import("./index-Do2T_95r.js")
       )
     });
     this.registerComponent({
@@ -362,14 +362,14 @@ class DataFormComponents extends Components {
       name: "MKDataTreeSelect",
       title: "树选择器",
       component: defineAsyncComponent(
-        () => import("./index-hz7rO7R2.js")
+        () => import("./index-CgK5u4XU.js")
       )
     });
     this.registerComponent({
       name: "MKResourceSelectInput",
       title: "资源选择输入框",
       component: defineAsyncComponent(
-        () => import("./resource-select-input-Bp3twlp_.js")
+        () => import("./resource-select-input-CqjpYdWG.js")
       )
     });
     this.registerComponent({
@@ -405,7 +405,7 @@ class DataFilterComponents extends Components {
       title: "下拉框",
       defaultOperator: Operator.IN,
       component: defineAsyncComponent(
-        () => import("./index-D0MuRze2.js")
+        () => import("./index-B8EDG547.js")
       )
     });
     this.registerComponent({
@@ -413,7 +413,7 @@ class DataFilterComponents extends Components {
       title: "树形下拉框",
       defaultOperator: Operator.IN,
       component: defineAsyncComponent(
-        () => import("./index-hz7rO7R2.js")
+        () => import("./index-CgK5u4XU.js")
       )
     });
     this.registerComponent({
@@ -836,7 +836,7 @@ class Router extends Disposable {
                     vueRouter.addRoute("mk-ms-layout", {
                       name: defaultPageRoute.name,
                       path: defaultPageRoute.route || `/dv/${name}`,
-                      component: () => import("./normal-DRUrAy8J.js"),
+                      component: () => import("./normal-BQQzlPEB.js"),
                       meta
                     });
                     break;
@@ -844,7 +844,7 @@ class Router extends Disposable {
                     vueRouter.addRoute("mk-ms-layout", {
                       name: defaultPageRoute.name,
                       path: defaultPageRoute.route || `/dv/${name}`,
-                      component: () => import("./dialog-T6O3T2lH.js"),
+                      component: () => import("./dialog-BUDR1QXv.js"),
                       meta
                     });
                     break;
@@ -856,7 +856,7 @@ class Router extends Disposable {
                     vueRouter.addRoute("mk-ms-layout", {
                       name: defaultPageRoute.name,
                       path: defaultPageRoute.route || `/dv/${name}`,
-                      component: () => import("./dialog-CizkGMxb.js"),
+                      component: () => import("./dialog-BmFce47f.js"),
                       meta
                     });
                     break;
@@ -868,7 +868,7 @@ class Router extends Disposable {
                     vueRouter.addRoute("mk-ms-layout", {
                       name: defaultPageRoute.name,
                       path: defaultPageRoute.route || `/dv/${name}`,
-                      component: () => import("./dialog-BGs1MTzC.js"),
+                      component: () => import("./dialog-CyYlZVa-.js"),
                       meta
                     });
                     break;
@@ -876,7 +876,7 @@ class Router extends Disposable {
                     vueRouter.addRoute("mk-ms-layout", {
                       name: defaultPageRoute.name,
                       path: defaultPageRoute.route || `/dv/${name}`,
-                      component: () => import("./normal-CId78SId.js"),
+                      component: () => import("./normal-BW6msnYA.js"),
                       meta
                     });
                 }
@@ -886,7 +886,7 @@ class Router extends Disposable {
             vueRouter.addRoute("mk-ms-layout", {
               name: defaultPageRoute.name,
               path: defaultPageRoute.route || `/dv/${name}`,
-              component: () => import("./table-Bmori6TN.js"),
+              component: () => import("./table-DwUAoHhM.js"),
               meta
             });
             break;
@@ -894,7 +894,7 @@ class Router extends Disposable {
             vueRouter.addRoute("mk-ms-layout", {
               name: defaultPageRoute.name,
               path: defaultPageRoute.route || `/dv/${name}/edit/:id?`,
-              component: () => import("./edit-Bp0CUXgZ.js"),
+              component: () => import("./edit-f1uGkBod.js"),
               meta
             });
             break;
@@ -1833,7 +1833,7 @@ class PageManager {
     this.addNormalPage({
       name: "mk-ms-layout",
       path: "/",
-      component: () => import("./index-Bop3lWSD.js")
+      component: () => import("./index-Chd7AdQ9.js")
     });
     this.addNormalPage({
       name: "login",
@@ -1841,7 +1841,7 @@ class PageManager {
       meta: {
         isAuthorization: false
       },
-      component: () => import("./index-Bea-SBZo.js")
+      component: () => import("./index-BH2PX8_X.js")
     });
     this.addNormalPage({
       name: "signup",
@@ -1849,7 +1849,7 @@ class PageManager {
       meta: {
         isAuthorization: false
       },
-      component: () => import("./index-qIA__wcV.js")
+      component: () => import("./index-7Qf18wXG.js")
     });
     this.afterInitdEvent.emit();
     this.msAppClientChangeEvent.on(({ msAppClient }) => {
@@ -1901,7 +1901,7 @@ class PageManager {
               this.addExtendsPage({
                 name: "notFound",
                 path: "/:pathMatch(.*)*",
-                component: () => import("./404-HtAXgfB5.js")
+                component: () => import("./404-BZxYCD51.js")
               });
             }
             userSession.register(
@@ -2878,6 +2878,7 @@ const _MsPermissionPointDefineTable = class _MsPermissionPointDefineTable extend
       new TableColumn({ name: "name", label: "权限描述" }),
       new TableActionColumn()
     ]);
+    this.dataFilter.setReady();
   }
 };
 __publicField(_MsPermissionPointDefineTable, _C, "ms-permission-point-def");
@@ -3565,7 +3566,7 @@ const index$5 = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.definePrope
   default: MKCodeEditor
 }, Symbol.toStringTag, { value: "Module" }));
 const MKJsonEditor = withInstall(
-  defineAsyncComponent(() => import("./json-editor-BcmHe9SM.js"))
+  defineAsyncComponent(() => import("./json-editor-DfqeyMf5.js"))
 );
 const index$4 = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
@@ -10972,7 +10973,7 @@ const _sfc_main$D = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const NodeTreeViewPlugin = /* @__PURE__ */ _export_sfc(_sfc_main$D, [["__scopeId", "data-v-a9e43091"]]);
+const NodeTreeViewPlugin = /* @__PURE__ */ _export_sfc(_sfc_main$D, [["__scopeId", "data-v-2f0e7ba2"]]);
 const lowPriority = 1;
 const _sfc_main$C = /* @__PURE__ */ defineComponent({
   __name: "ElementBlockSelectionPlugin",
@@ -11335,7 +11336,7 @@ const _sfc_main$C = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const ElementBlockSelectionPlugin = /* @__PURE__ */ _export_sfc(_sfc_main$C, [["__scopeId", "data-v-e1bbf02c"]]);
+const ElementBlockSelectionPlugin = /* @__PURE__ */ _export_sfc(_sfc_main$C, [["__scopeId", "data-v-6e7b089b"]]);
 const _hoisted_1$t = { style: { "padding": "0 10px" } };
 const _sfc_main$B = /* @__PURE__ */ defineComponent({
   __name: "ToolbarPlugin",
@@ -11746,7 +11747,9 @@ const _sfc_main$B = /* @__PURE__ */ defineComponent({
           _: 1
         }),
         createVNode(_component_el_divider, { direction: "vertical" }),
-        createVNode(_component_el_dropdown, null, {
+        createVNode(_component_el_dropdown, {
+          disabled: unref(toolbarExtendPlugins).filter((item) => item.disable ? !item.disable(unref(activeNode)) : true).length <= 0
+        }, {
           dropdown: withCtx(() => [
             createVNode(_component_el_dropdown_menu, null, {
               default: withCtx(() => [
@@ -11770,7 +11773,10 @@ const _sfc_main$B = /* @__PURE__ */ defineComponent({
             })
           ]),
           default: withCtx(() => [
-            createVNode(_component_el_button, { text: "" }, {
+            createVNode(_component_el_button, {
+              text: "",
+              disabled: unref(toolbarExtendPlugins).filter((item) => item.disable ? !item.disable(unref(activeNode)) : true).length <= 0
+            }, {
               default: withCtx(() => [
                 createVNode(unref(MKSvgIcon), {
                   name: "ep:plus",
@@ -11779,15 +11785,15 @@ const _sfc_main$B = /* @__PURE__ */ defineComponent({
                 createTextVNode(" 插入 ")
               ]),
               _: 1
-            })
+            }, 8, ["disabled"])
           ]),
           _: 1
-        })
+        }, 8, ["disabled"])
       ], 64);
     };
   }
 });
-const ToolbarPlugin = /* @__PURE__ */ _export_sfc(_sfc_main$B, [["__scopeId", "data-v-c49f93a4"]]);
+const ToolbarPlugin = /* @__PURE__ */ _export_sfc(_sfc_main$B, [["__scopeId", "data-v-8e07c372"]]);
 const uploadhandle = async (pathList) => {
   if (pathList.length) {
     const loadingInstance = ElLoading.service({ fullscreen: true, text: "图片上传中..." });
@@ -12966,7 +12972,7 @@ const _sfc_main$y = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const EditorStage = /* @__PURE__ */ _export_sfc(_sfc_main$y, [["__scopeId", "data-v-b80bd179"]]);
+const EditorStage = /* @__PURE__ */ _export_sfc(_sfc_main$y, [["__scopeId", "data-v-cea8a7a1"]]);
 const markdownEditorProps = buildProps({
   modelValue: {
     type: String,
@@ -12976,7 +12982,7 @@ const markdownEditorProps = buildProps({
 const markdownEditorEmits = {
   "update:model-value": (modelValue) => true
 };
-const _MarkdownEditor = defineAsyncComponent(() => import("./markdown-editor--uk2RpMZ.js"));
+const _MarkdownEditor = defineAsyncComponent(() => import("./markdown-editor-CWJF1NfZ.js"));
 const MKMarkdownEditor = withInstall(_MarkdownEditor);
 const _hoisted_1$q = { class: "mk-rich-text-toolbar" };
 const _hoisted_2$l = { class: "mk-rich-text-editor__stage_warp" };
@@ -13028,7 +13034,7 @@ const _sfc_main$x = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const RichTextEditor = /* @__PURE__ */ _export_sfc(_sfc_main$x, [["__scopeId", "data-v-a5f71621"]]);
+const RichTextEditor = /* @__PURE__ */ _export_sfc(_sfc_main$x, [["__scopeId", "data-v-d9cd49a2"]]);
 const MKRichTextEditor = withInstall(RichTextEditor);
 const index = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
@@ -15933,7 +15939,7 @@ class RolePermissionConfigTable extends MsMenuTable {
     this.rolePermissionPointTable.useCondition((defaultGroup) => {
       defaultGroup.addGroup(this.rolePermissionPointConditionGroup);
     });
-    const permissionPointDefineTable = new class extends MsPermissionPointDefineTable {
+    this.permissionPointDefineTable = new class extends MsPermissionPointDefineTable {
       formatItem(item) {
         return {
           ...super.formatItem(item),
@@ -15944,11 +15950,15 @@ class RolePermissionConfigTable extends MsMenuTable {
     }({
       interfaceURL: { list: "/ms/dv/ms-permission-point-def/allList" }
     });
-    this.permissionPointDefineTable = permissionPointDefineTable;
-    const routeDefineTable = new MsRouteTable({
+    this.routeDefineTable = new MsRouteTable({
       interfaceURL: { list: "/ms/dv/ms-route/allList" }
     });
-    this.routeDefineTable = routeDefineTable;
+    this.dataFilter.afterReadyEvent.on(() => {
+      this.roleRouteTable.dataFilter.setReady();
+      this.rolePermissionPointTable.dataFilter.setReady();
+      this.permissionPointDefineTable.dataFilter.setReady();
+      this.routeDefineTable.dataFilter.setReady();
+    });
   }
   async initialize() {
     await super.initialize();
@@ -15964,12 +15974,6 @@ class RolePermissionConfigTable extends MsMenuTable {
     await this.rolePermissionPointTable.init();
     await this.permissionPointDefineTable.init();
     await this.routeDefineTable.init();
-    this.dataFilter.afterReadyEvent.on(() => {
-      this.roleRouteTable.dataFilter.setReady();
-      this.rolePermissionPointTable.dataFilter.setReady();
-      this.permissionPointDefineTable.dataFilter.setReady();
-      this.routeDefineTable.dataFilter.setReady();
-    });
     this.dataFilter.setReady();
   }
   formatItem(item) {
@@ -16035,6 +16039,10 @@ class RolePermissionConfigTable extends MsMenuTable {
   loadRequest(params) {
     return this.loadAllRequest(params);
   }
+  /**
+   * 选中角色所属的权限
+   * @param role
+   */
   async selectRolePermission(role) {
     this.currentRole = role;
     this.currentRoleId = (role == null ? void 0 : role.id) || "";
@@ -16051,7 +16059,10 @@ class RolePermissionConfigTable extends MsMenuTable {
       "=",
       this.currentRoleId
     );
-    const [roleRouteTableResult, rolePermissionPointTableResult] = await Promise.all([
+    const [
+      roleRouteTableResult,
+      rolePermissionPointTableResult
+    ] = await Promise.all([
       this.roleRouteTable.load(),
       this.rolePermissionPointTable.load()
     ]);
@@ -16137,11 +16148,20 @@ class RolePermissionConfigTable extends MsMenuTable {
     });
     this.calcSelect();
   }
+  /**
+   * 切换角色权限点
+   * @param permissionPointDefine
+   * @param selected
+   */
   toggleRolePermissionPoint(permissionPointDefine, selected = !permissionPointDefine.selected) {
     permissionPointDefine.selected = selected;
     this.calcSelect();
   }
+  /**
+   * 提交权限
+   */
   async submitPermission() {
+    this.loadingManager.startLoading();
     const permissionPointDefines = this.permissionPointDefineTable.getList();
     const removePermissionPointDefines = permissionPointDefines.filter(
       (permissionPointDefine) => permissionPointDefine.originalSelected && !permissionPointDefine.selected
@@ -16201,6 +16221,7 @@ class RolePermissionConfigTable extends MsMenuTable {
       }
     }
     await this.selectRolePermission(this.currentRole);
+    this.loadingManager.completeLoading();
   }
   /**
    * 是否发生变更
@@ -17914,41 +17935,41 @@ class MSAppClient {
     this.pageManager.addExtendsPage({
       name: "dv/ms-material/list",
       path: "/sys/materials",
-      component: () => import("./index-DhFDE1Lw.js"),
+      component: () => import("./index-BDHsiKmX.js"),
       meta: { name: "ms-material" }
     });
     this.pageManager.addExtendsPage({
       name: "dv/ms-role/single/list/dialog",
       path: "/sys/roles",
-      component: () => import("./index-BNdX9e4P.js"),
+      component: () => import("./index-Ce4crumI.js"),
       meta: { name: "ms-role" }
     });
     this.pageManager.addExtendsPage({
       name: "dv/ms-role/permission",
       path: "/sys/roles/:id/permission",
-      component: () => import("./permission-manage-lsrKxqed.js")
+      component: () => import("./permission-manage-D6fBIbvQ.js")
     });
     this.pageManager.addExtendsPage({
       name: "dv/local-log/single/tree/dialog",
       path: "/log/local",
-      component: () => import("./index-CN63FS4J.js"),
+      component: () => import("./index-DS0rb7oH.js"),
       meta: { name: "local-log" }
     });
     this.pageManager.addExtendsPage({
       name: "dv/ms-menu/list",
       path: "/sys/menus",
-      component: () => import("./index-Ca0YBGiG.js"),
+      component: () => import("./index-CGTDCJn_.js"),
       meta: { name: "ms-menu" }
     });
     this.pageManager.addExtendsPage({
       name: "icons/list",
       path: "/sys/icons",
-      component: () => import("./index-wOxI-ST9.js")
+      component: () => import("./index-DerE3L39.js")
     });
     this.pageManager.addExtendsPage({
       name: "dv/ms-todo/single/list/dialog",
       path: "/dv/todo",
-      component: () => import("./index-CG-9XHb4.js")
+      component: () => import("./index-CmUV--bF.js")
     });
     for (let internalModule of internalModules) {
       for (let item of internalModule.normalPages) {
@@ -21937,4 +21958,4 @@ export {
   MKMaterialList as y,
   DataModelDefines as z
 };
-//# sourceMappingURL=index-C4s2F3I8.js.map
+//# sourceMappingURL=index-qVrnFZdU.js.map