@maketribe/ms-app 3.2.16 → 3.2.18

package/dist/cjs/components/data-model/data-form/components/form-detail/form-detail.js.map

@@ -1 +1 @@
-{"version":3,"file":"form-detail.js","sources":["../../../../../../../src/components/data-model/data-form/components/form-detail/form-detail.tsx"],"sourcesContent":["import { computed, defineComponent, ref, unref, watch } from \"vue\";\nimport { MKPageContainer } from \"../../../../basic/page-container\";\nimport { MKDataTable } from \"../../../data-table\";\nimport DataForm from \"../../data-form\";\nimport { formDetailEmits, formDetailProps } from \"./form-detail-options\";\nimport { useFormItem } from \"../../composables\";\nimport { ElDrawer, ElEmpty } from \"element-plus\";\nimport { Messager } from \"@maketribe/dm\";\n\nexport default defineComponent({\n  name: \"MKFormDetail\",\n  props: formDetailProps,\n  emits: formDetailEmits,\n  setup(props) {\n    const detailTable = computed(() => props.column.detailTable);\n    const detailForm = computed(() => props.column.detailForm!);\n\n    const { value } = useFormItem();\n\n    watch(\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\n    const isShowDataForm = ref(false);\n\n    watch(\n      detailTable,\n      (dataTable, _, onCleanup) => {\n        const addRecordDisposable = dataTable.addRecordEvent.on(async () => {\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();\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(\n                item[dataTable.primaryKey as string]\n              );\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\n    watch(\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\n    return () => {\n      const dataForm = unref(isShowDataForm) ? (\n        <MKPageContainer>\n          <DataForm dataForm={unref(detailForm)} autoLoad={false} />\n        </MKPageContainer>\n      ) : null;\n\n      return (\n        <div class=\"mk-form-detail\">\n          <MKDataTable\n            dataTable={unref(detailTable)}\n            autoLoad={false}\n            v-slots={{ empty: () => <ElEmpty image-size={100} /> }}\n          />\n          <ElDrawer\n            class=\"mk-form-detail__drawer\"\n            modelValue={unref(isShowDataForm)}\n            onUpdate:modelValue={(v) => (isShowDataForm.value = v)}\n            appendToBody\n            withHeader={false}\n            width=\"50%\"\n          >\n            {dataForm}\n          </ElDrawer>\n        </div>\n      );\n    };\n  },\n});\n"],"names":["_isSlot","s","Object","prototype","toString","call","_isVNode","defineComponent","name","props","formDetailProps","emits","formDetailEmits","setup","detailTable","computed","column","detailForm","value","useFormItem","watch","unref","_detailTable","Array","isArray","setList","map","item","formatItem","isShowDataForm","ref","dataTable","_","onCleanup","addRecordDisposable","addRecordEvent","on","_dataForm","console","warn","addRecord","editRecordDisposable","editRecordEvent","response","editRecord","primaryKey","data","code","Messager","error","message","msg","e","dispose","immediate","dataForm","submittedDisposable","submittedEvent","load","cancelDisposable","cancelEvent","_createVNode","MKPageContainer","default","DataForm","MKDataTable","empty","ElEmpty","ElDrawer","v"],"mappings":"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"}
+{"version":3,"file":"form-detail.js","sources":["../../../../../../../src/components/data-model/data-form/components/form-detail/form-detail.tsx"],"sourcesContent":["import { computed, defineComponent, ref, unref, watch } from \"vue\";\nimport { MKPageContainer } from \"../../../../basic/page-container\";\nimport { MKDataTable } from \"../../../data-table\";\nimport DataForm from \"../../data-form\";\nimport { formDetailEmits, formDetailProps } from \"./form-detail-options\";\nimport { useFormItem } from \"../../composables\";\nimport { ElDrawer, ElEmpty } from \"element-plus\";\nimport { Messager } from \"@maketribe/dm\";\n\nexport default defineComponent({\n  name: \"MKFormDetail\",\n  props: formDetailProps,\n  emits: formDetailEmits,\n  setup(props) {\n    const detailTable = computed(() => props.column.detailTable);\n    const detailForm = computed(() => props.column.detailForm!);\n\n    const { value } = useFormItem();\n\n    watch(\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\n    const isShowDataForm = ref(false);\n\n    watch(\n      detailTable,\n      (dataTable, _, onCleanup) => {\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\n    watch(\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\n    return () => {\n      const dataForm = unref(isShowDataForm) ? (\n        <MKPageContainer>\n          <DataForm dataForm={unref(detailForm)} autoLoad={false} />\n        </MKPageContainer>\n      ) : null;\n\n      return (\n        <div class=\"mk-form-detail\">\n          <MKDataTable\n            dataTable={unref(detailTable)}\n            autoLoad={false}\n            v-slots={{ empty: () => <ElEmpty image-size={100} /> }}\n          />\n          <ElDrawer\n            class=\"mk-form-detail__drawer\"\n            modelValue={unref(isShowDataForm)}\n            onUpdate:modelValue={(v) => (isShowDataForm.value = v)}\n            appendToBody\n            withHeader={false}\n            width=\"50%\"\n          >\n            {dataForm}\n          </ElDrawer>\n        </div>\n      );\n    };\n  },\n});\n"],"names":["_isSlot","s","Object","prototype","toString","call","_isVNode","defineComponent","name","props","formDetailProps","emits","formDetailEmits","setup","detailTable","computed","column","detailForm","value","useFormItem","watch","unref","_detailTable","Array","isArray","setList","map","item","formatItem","isShowDataForm","ref","dataTable","_","onCleanup","addRecordDisposable","addRecordEvent","on","_dataForm","console","warn","addRecord","editRecordDisposable","editRecordEvent","response","editRecord","data","code","Messager","error","message","msg","e","dispose","immediate","dataForm","submittedDisposable","submittedEvent","load","cancelDisposable","cancelEvent","_createVNode","MKPageContainer","default","DataForm","MKDataTable","empty","ElEmpty","ElDrawer","v"],"mappings":";;;;;;;;;AAOyC,SAAAA,QAAAC,GAAA;AAAA,SAAA,OAAAA,MAAA,cAAAC,OAAAC,UAAAC,SAAAC,KAAAJ,CAAA,MAAAK,qBAAAA,CAAAA,IAAA,QAAAL,CAAA;AAAA;AAEzC,MAAeM,iDAAgB;AAAA,EAC7BC,MAAM;AAAA,EACNC,OAAOC,kBAAe;AAAA,EACtBC,OAAOC,kBAAe;AAAA,EACtBC,MAAMJ,OAAO;AACX,UAAMK,cAAcC,IAAAA,SAAS,MAAMN,MAAMO,OAAOF,WAAW;AAC3D,UAAMG,aAAaF,IAAAA,SAAS,MAAMN,MAAMO,OAAOC,UAAW;AAE1D,UAAM;AAAA,MAAEC;AAAAA,IAAO,IAAGC,YAAW,YAAA;AAE7BC,QAAK,MACHL,IAAQ,SAAC,MAAMM,IAAAA,MAAMH,KAAK,CAAC,GAC1BA,CAAAA,WAAU;AACT,YAAMI,eAAeD,UAAMP,WAAW;AAEtCI,MAAAA,SAAQK,MAAMC,QAAQN,MAAK,IAAIA,SAAQ,CAAA;AAEvCI,mBAAaG,QACXP,OAAMQ,IAAKC,UAAcL,aAAaM,WAAWD,IAAI,CAAC,CACxD;AAAA,IACF,CACF;AAEA,UAAME,iBAAiBC,QAAI,KAAK;AAEhCV,QAAAA,MACEN,aACA,CAACiB,WAAWC,GAAGC,cAAc;AAC3B,YAAMC,sBAAsBH,UAAUI,eAAeC,GAAG,OAAO;AAAA,QAAET;AAAAA,MAAK,MAAM;AAC1E,cAAMU,YAAYhB,UAAMJ,UAAU;AAElC,YAAI,CAACoB,WAAW;AACdC,kBAAQC,KAAK,UAAUR,UAAUvB,IAAI,eAAe;AACpD;AAAA,QACF;AAEAqB,uBAAeX,QAAQ;AAEvBmB,kBAAUG,UAAUb,IAAI;AAAA,MAC1B,CAAC;AAED,YAAMc,uBAAuBV,UAAUW,gBAAgBN,GACrD,OAAO;AAAA,QAAET;AAAAA,MAAK,MAAM;AAClB,cAAMU,YAAYhB,UAAMJ,UAAU;AAElC,YAAI,CAACoB,WAAW;AACdC,kBAAQC,KAAK,UAAUR,UAAUvB,IAAI,eAAe;AACpD;AAAA,QACF;AAEAqB,uBAAeX,QAAQ;AAEvB,YAAI;AACF,gBAAMyB,WAAW,MAAMN,UAAUO,WAAWjB,IAAI;AAEhD,cAAIgB,SAASE,KAAKC,SAAS,KAAK;AAC9BC,eAAAA,SAASC,MAAM;AAAA,cAAEC,SAASN,SAASE,KAAKK;AAAAA,YAAI,CAAC;AAC7CrB,2BAAeX,QAAQ;AACvB;AAAA,UACF;AAAA,QACD,SAAQiC,GAAG;AACVb,kBAAQU,MAAMG,CAAC;AACftB,yBAAeX,QAAQ;AAAA,QACzB;AAAA,MACF,CACF;AAEAe,gBAAU,MAAM;AACdC,4BAAoBkB,QAAO;AAC3BX,6BAAqBW,QAAO;AAAA,MAC9B,CAAC;AAAA,IACH,GACA;AAAA,MAAEC,WAAW;AAAA,IAAK,CACpB;AAEAjC,QAAAA,MACEH,YACA,CAACqC,WAAUtB,GAAGC,cAAc;AAC1B,YAAMsB,sBAAsBD,UAASE,eAAepB,GAAG,MAAM;;AAC3DP,uBAAeX,QAAQ;AAEvBG,wBAAMP,WAAW,MAAjBO,mBAAoBoC;AAAAA,MACtB,CAAC;AAED,YAAMC,mBAAmBJ,UAASK,YAAYvB,GAAG,MAAM;AACrDP,uBAAeX,QAAQ;AAAA,MACzB,CAAC;AAEDe,gBAAU,MAAM;AACdsB,4BAAoBH,QAAO;AAC3BM,yBAAiBN,QAAO;AAAA,MAC1B,CAAC;AAAA,IACH,GACA;AAAA,MAAEC,WAAW;AAAA,IAAK,CACpB;AAEA,WAAO,MAAM;AACX,YAAMC,aAAWjC,IAAAA,MAAMQ,cAAc,IAAC+B,IAAA,YAAAC,MAAA,iBAAA,MAAA;AAAA,QAAAC,SAAAA,MAAAF,CAAAA,IAAA,YAAAG,UAAA;AAAA,UAAA,YAEd1C,IAAK,MAACJ,UAAU;AAAA,UAAC,YAAY;AAAA,QAAK,GAAA,IAAA,CAAA;AAAA,MAAA,CAAA,IAEtD;AAEJ,aAAA2C,IAAAA,YAAA,OAAA;AAAA,QAAA,SAAA;AAAA,SAAAA,CAAAA,IAAA,YAAAI,qBAAA;AAAA,QAAA,aAGiB3C,IAAK,MAACP,WAAW;AAAA,QAAC,YACnB;AAAA,SACD;AAAA,QAAEmD,OAAOA,MAAAL,IAAA,YAAAM,qBAAA;AAAA,UAAA,cAA2B;AAAA,QAAG,GAAA,IAAA;AAAA,OAAM,GAAAN,IAAA,YAAAO,sBAAA;AAAA,QAAA,SAAA;AAAA,QAAA,cAI1C9C,IAAK,MAACQ,cAAc;AAAA,QAAC,uBACXuC,OAAOvC,eAAeX,QAAQkD;AAAAA,QAAE,gBAAA;AAAA,QAAA,cAE1C;AAAA,QAAK,SAAA;AAAA,MAAA,GAAApE,QAGhBsD,UAAQ,IAARA,aAAQ;AAAA,QAAAQ,SAAAA,MAAA,CAARR,UAAQ;AAAA,MAAA,CAAA,CAAA,CAAA;AAAA;EAKnB;AACF,CAAC;;"}

package/dist/cjs/components/data-model/data-form/views/form/form.js

@@ -10,6 +10,7 @@ function _isSlot(s) {
 }
 let uid = 0;
 const Form = /* @__PURE__ */ vue.defineComponent({
+  name: "MKForm",
   props: formOptions.formProps,
   setup(props, {
     slots

package/dist/cjs/components/data-model/data-form/views/form/form.js.map

@@ -1 +1 @@
-{"version":3,"file":"form.js","sources":["../../../../../../../src/components/data-model/data-form/views/form/form.tsx"],"sourcesContent":["import {\n  Fragment,\n  computed,\n  defineComponent,\n  inject,\n  nextTick,\n  onMounted,\n  ref,\n  unref,\n  watch,\n} from \"vue\";\nimport {\n  ElDivider,\n  ElForm,\n  FormItemRule,\n  FormRules,\n  FormContext,\n} from \"element-plus\";\nimport { formProps } from \"./form-options\";\nimport { DataFormType, FormColumn } from \"@maketribe/dm\";\nimport MKDataFormItem from \"../../data-form-item\";\nimport { DATA_FORM_CONTEXT_KEY } from \"../../token\";\n\nlet uid = 0;\n\nexport default defineComponent({\n  props: formProps,\n  setup(props, { slots }) {\n    const formUID = uid++;\n\n    const dataFormContext = inject(DATA_FORM_CONTEXT_KEY);\n\n    const formEl = ref<FormContext | null>(null);\n\n    const dataForm = computed(\n      () => props.dataForm ?? dataFormContext!.dataForm\n    );\n\n    const data = computed(() => unref(dataForm).data as any);\n\n    const columns = computed(() =>\n      unref(dataForm)\n        .getColumns()\n        .filter((column) => column.visible)\n    );\n\n    const rules = computed(() => {\n      const rules: FormRules = {};\n\n      for (const column of unref(columns)) {\n        if (column.required && !column.rules.find((rule) => rule.required)) {\n          rules[column.name] = [\n            {\n              required: column.required,\n              message: `请录入${column.label}.`,\n            },\n          ];\n        }\n        let componentRules: FormItemRule[] = props.rules?.[column.name] || [];\n\n        if (!Array.isArray(componentRules)) {\n          componentRules = [componentRules];\n        }\n\n        if (column.rules.length) {\n          rules[column.name] = [\n            ...((rules[column.name] as FormItemRule[]) || []),\n            ...column.rules,\n            ...componentRules,\n          ];\n        }\n      }\n\n      return rules;\n    });\n\n    const labelWidth = computed(() => {\n      return (\n        props.labelWidth ||\n        Math.max.apply(\n          null,\n          columns.value\n            .filter((column) => column.visible)\n            .filter((column) => column.componentInfo !== \"MKFormDetail\")\n            .map((item: FormColumn) => {\n              // + 8 像素只是预留 必填 * 号的宽度位置 12 像素是label的padding\n              return item.label.length * 16 + 8 + 12;\n            })\n        )\n      );\n    });\n\n    const disabled = computed(() => unref(dataForm).disabled);\n\n    onMounted(() => {\n      watch(\n        dataForm,\n        (dataForm, _, onCleanup) => {\n          unref(dataForm).formModels.push({\n            id: formUID,\n            validate: async () => {\n              return unref(formEl)?.validateField() ?? false;\n            },\n            reset: () => {\n              unref(formEl)?.resetFields();\n            },\n            clearValidate: () => {\n              unref(formEl)?.clearValidate();\n            },\n          });\n\n          const disposable = dataForm.dataFormTypeChangeEvent.on(\n            async ({ dataFormType }) => {\n              if (dataFormType !== DataFormType.NONE) {\n                // 测试下来 需要两次nextTick才能清除验证\n                await nextTick();\n                await nextTick();\n\n                dataForm.clearValidate();\n              }\n            }\n          );\n\n          onCleanup(() => {\n            const index = dataForm.formModels.findIndex(\n              (formModel) => formModel.id === formUID\n            );\n\n            if (index === -1) {\n              return;\n            }\n\n            dataForm.formModels.splice(index, 1);\n\n            disposable.dispose();\n          });\n        },\n        { immediate: true }\n      );\n    });\n\n    return () => {\n      if (!unref(dataForm).initd) {\n        return null;\n      }\n\n      let children: any = slots.default?.();\n\n      const detailColumns = unref(columns).filter(\n        (column) => column.componentInfo === \"MKFormDetail\"\n      );\n\n      if (!children) {\n        children = unref(columns)\n          .filter(\n            (column) => !detailColumns.find((item) => item.name === column.name)\n          )\n          .map((column) => {\n            if (!column.name) {\n              return null;\n            }\n\n            return (\n              slots[`col-${column.name}`]?.() || (\n                <MKDataFormItem\n                  key={column.name}\n                  name={column.name}\n                  v-slots={{ default: slots[`col-${column.name}-content`] }}\n                />\n              )\n            );\n          });\n\n        children.push(\n          detailColumns.map((column) => {\n            if (!column.name) {\n              return null;\n            }\n\n            return (\n              <Fragment>\n                <ElDivider contentPosition=\"left\">{column.label}</ElDivider>\n                <MKDataFormItem\n                  label=\"\"\n                  labelWidth=\"0px\"\n                  key={column.name}\n                  name={column.name}\n                />\n              </Fragment>\n            );\n          })\n        );\n      }\n\n      if (!unref(data)) {\n        return null;\n      }\n\n      return (\n        <ElForm\n          validateOnRuleChange={false}\n          {...props}\n          ref={formEl}\n          model={unref(data)}\n          rules={unref(rules)}\n          disabled={unref(disabled)}\n          labelWidth={unref(labelWidth)}\n        >\n          {children}\n        </ElForm>\n      );\n    };\n  },\n});\n"],"names":["_isSlot","s","Object","prototype","toString","call","_isVNode","uid","defineComponent","props","formProps","setup","slots","formUID","dataFormContext","inject","DATA_FORM_CONTEXT_KEY","formEl","ref","dataForm","computed","data","unref","columns","getColumns","filter","column","visible","rules","required","find","rule","name","message","label","componentRules","Array","isArray","length","labelWidth","Math","max","apply","value","componentInfo","map","item","disabled","onMounted","watch","_","onCleanup","formModels","push","id","validate","validateField","reset","resetFields","clearValidate","disposable","dataFormTypeChangeEvent","on","dataFormType","DataFormType","NONE","nextTick","index","findIndex","formModel","splice","dispose","immediate","initd","children","default","detailColumns","_createVNode","MKDataFormItem","_Fragment","ElDivider","ElForm","_mergeProps"],"mappings":"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"}
+{"version":3,"file":"form.js","sources":["../../../../../../../src/components/data-model/data-form/views/form/form.tsx"],"sourcesContent":["import {\n  Fragment,\n  computed,\n  defineComponent,\n  inject,\n  nextTick,\n  onMounted,\n  ref,\n  unref,\n  watch,\n} from \"vue\";\nimport {\n  ElDivider,\n  ElForm,\n  FormItemRule,\n  FormRules,\n  FormContext,\n} from \"element-plus\";\nimport { formProps } from \"./form-options\";\nimport { DataFormType, FormColumn } from \"@maketribe/dm\";\nimport MKDataFormItem from \"../../data-form-item\";\nimport { DATA_FORM_CONTEXT_KEY } from \"../../token\";\n\nlet uid = 0;\n\nexport default defineComponent({\n  name: \"MKForm\",\n  props: formProps,\n  setup(props, { slots }) {\n    const formUID = uid++;\n\n    const dataFormContext = inject(DATA_FORM_CONTEXT_KEY);\n\n    const formEl = ref<FormContext | null>(null);\n\n    const dataForm = computed(\n      () => props.dataForm ?? dataFormContext!.dataForm\n    );\n\n    const data = computed(() => unref(dataForm).data as any);\n\n    const columns = computed(() =>\n      unref(dataForm)\n        .getColumns()\n        .filter((column) => column.visible)\n    );\n\n    const rules = computed(() => {\n      const rules: FormRules = {};\n\n      for (const column of unref(columns)) {\n        if (column.required && !column.rules.find((rule) => rule.required)) {\n          rules[column.name] = [\n            {\n              required: column.required,\n              message: `请录入${column.label}.`,\n            },\n          ];\n        }\n        let componentRules: FormItemRule[] = props.rules?.[column.name] || [];\n\n        if (!Array.isArray(componentRules)) {\n          componentRules = [componentRules];\n        }\n\n        if (column.rules.length) {\n          rules[column.name] = [\n            ...((rules[column.name] as FormItemRule[]) || []),\n            ...column.rules,\n            ...componentRules,\n          ];\n        }\n      }\n\n      return rules;\n    });\n\n    const labelWidth = computed(() => {\n      return (\n        props.labelWidth ||\n        Math.max.apply(\n          null,\n          columns.value\n            .filter((column) => column.visible)\n            .filter((column) => column.componentInfo !== \"MKFormDetail\")\n            .map((item: FormColumn) => {\n              // + 8 像素只是预留 必填 * 号的宽度位置 12 像素是label的padding\n              return item.label.length * 16 + 8 + 12;\n            })\n        )\n      );\n    });\n\n    const disabled = computed(() => unref(dataForm).disabled);\n\n    onMounted(() => {\n      watch(\n        dataForm,\n        (dataForm, _, onCleanup) => {\n          unref(dataForm).formModels.push({\n            id: formUID,\n            validate: async () => {\n              return unref(formEl)?.validateField() ?? false;\n            },\n            reset: () => {\n              unref(formEl)?.resetFields();\n            },\n            clearValidate: () => {\n              unref(formEl)?.clearValidate();\n            },\n          });\n\n          const disposable = dataForm.dataFormTypeChangeEvent.on(\n            async ({ dataFormType }) => {\n              if (dataFormType !== DataFormType.NONE) {\n                // 测试下来 需要两次nextTick才能清除验证\n                await nextTick();\n                await nextTick();\n\n                dataForm.clearValidate();\n              }\n            }\n          );\n\n          onCleanup(() => {\n            const index = dataForm.formModels.findIndex(\n              (formModel) => formModel.id === formUID\n            );\n\n            if (index === -1) {\n              return;\n            }\n\n            dataForm.formModels.splice(index, 1);\n\n            disposable.dispose();\n          });\n        },\n        { immediate: true }\n      );\n    });\n\n    return () => {\n      if (!unref(dataForm).initd) {\n        return null;\n      }\n\n      let children: any = slots.default?.();\n\n      const detailColumns = unref(columns).filter(\n        (column) => column.componentInfo === \"MKFormDetail\"\n      );\n\n      if (!children) {\n        children = unref(columns)\n          .filter(\n            (column) => !detailColumns.find((item) => item.name === column.name)\n          )\n          .map((column) => {\n            if (!column.name) {\n              return null;\n            }\n\n            return (\n              slots[`col-${column.name}`]?.() || (\n                <MKDataFormItem\n                  key={column.name}\n                  name={column.name}\n                  v-slots={{ default: slots[`col-${column.name}-content`] }}\n                />\n              )\n            );\n          });\n\n        children.push(\n          detailColumns.map((column) => {\n            if (!column.name) {\n              return null;\n            }\n\n            return (\n              <Fragment>\n                <ElDivider contentPosition=\"left\">{column.label}</ElDivider>\n                <MKDataFormItem\n                  label=\"\"\n                  labelWidth=\"0px\"\n                  key={column.name}\n                  name={column.name}\n                />\n              </Fragment>\n            );\n          })\n        );\n      }\n\n      if (!unref(data)) {\n        return null;\n      }\n\n      return (\n        <ElForm\n          validateOnRuleChange={false}\n          {...props}\n          ref={formEl}\n          model={unref(data)}\n          rules={unref(rules)}\n          disabled={unref(disabled)}\n          labelWidth={unref(labelWidth)}\n        >\n          {children}\n        </ElForm>\n      );\n    };\n  },\n});\n"],"names":["_isSlot","s","Object","prototype","toString","call","_isVNode","uid","defineComponent","name","props","formProps","setup","slots","formUID","dataFormContext","inject","DATA_FORM_CONTEXT_KEY","formEl","ref","dataForm","computed","data","unref","columns","getColumns","filter","column","visible","rules","required","find","rule","message","label","componentRules","Array","isArray","length","labelWidth","Math","max","apply","value","componentInfo","map","item","disabled","onMounted","watch","_","onCleanup","formModels","push","id","validate","validateField","reset","resetFields","clearValidate","disposable","dataFormTypeChangeEvent","on","dataFormType","DataFormType","NONE","nextTick","index","findIndex","formModel","splice","dispose","immediate","initd","children","default","detailColumns","_createVNode","MKDataFormItem","_Fragment","ElDivider","ElForm","_mergeProps"],"mappings":"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"}

package/dist/cjs/index.js

@@ -241,7 +241,7 @@ exports.MKImageCropperContent = index$h.MKImageCropperContent;
 exports.MKDataForm = index$i.MKDataForm;
 exports.MKDataTable = index$m.MKDataTable;
 exports.MKDataTablePagination = index$w.MKDataTablePagination;
-exports.MKVerifyDialog = index$x.MKVerifyDialog;
+exports.MKOpenVerifyCode = index$x.MKOpenVerifyCode;
 exports.MKResourceList = index$y.MKResourceList;
 exports.MKResourceManager = index$z.MKResourceManager;
 exports.MKResourceSelect = index$A.MKResourceSelect;

package/dist/cjs/installer.js

@@ -1,5 +1,6 @@
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const vue = require("vue");
 const utils = require("@maketribe/utils");
 const dm = require("@maketribe/dm");
 const MessagerImpl = require("./message-impl/MessagerImpl.js");
@@ -7,15 +8,14 @@ const NotificationerImpl = require("./message-impl/NotificationerImpl.js");
 const DialogerImpl = require("./message-impl/DialogerImpl.js");
 require("./components/abstract/abstract-select/abstract-select.js");
 require("./components/abstract/abstract-select/abstract-select-options.js");
-require("vue");
 require("element-plus");
-const index$3 = require("./components/basic/svg-icon/index.js");
+const index$4 = require("./components/basic/svg-icon/index.js");
 require("./components/basic/button/button-options.js");
-const index = require("./components/basic/config-provider/index.js");
-const index$4 = require("./components/basic/data-table-select/index.js");
+const index$1 = require("./components/basic/config-provider/index.js");
+const index$5 = require("./components/basic/data-table-select/index.js");
 require("./components/basic/data-select/index.js");
-const index$5 = require("./components/basic/pagination/index.js");
-const index$7 = require("./components/basic/system-provider/index.js");
+const index$6 = require("./components/basic/pagination/index.js");
+const index$8 = require("./components/basic/system-provider/index.js");
 require("./components/basic/code-editor/index.js");
 require("./components/basic/json-editor/index.js");
 const index$a = require("./components/basic/page-container/index.js");
@@ -30,12 +30,16 @@ require("./components/basic/upload-file/upload-file-options.js");
 require("./components/basic/doc-editor/index.js");
 require("./components/basic/copy-container/index.js");
 const index$g = require("./components/basic/image-cropper/index.js");
-const index$1 = require("./components/data-model/data-form/index.js");
-const index$2 = require("./components/data-model/data-table/index.js");
-const index$6 = require("./components/data-model/data-table-pagination/index.js");
-const index$8 = require("./components/business/verify-dialog/index.js");
+const index$2 = require("./components/data-model/data-form/index.js");
+const index$3 = require("./components/data-model/data-table/index.js");
+const index$7 = require("./components/data-model/data-table-pagination/index.js");
+require("vue-router");
+require("@maketribe/locale");
+require("./core/DataModelDefines.js");
+require("./components/business/verify-dialog/verify-dialog-option.js");
 require("./components/business/resource-list/index.js");
 require("./components/business/resource-manager/index.js");
+const index = require("./layouts/components/dialogs/index.js");
 const useGlobalConfig = require("./components/basic/config-provider/use-global-config.js");
 const index$b = require("./components/data-model/data-table/views/table-view/header/index.js");
 const index$c = require("./components/data-model/data-table/views/table/index.js");
@@ -43,15 +47,14 @@ const index$d = require("./components/data-model/data-table/views/table-view/ind
 const index$e = require("./components/data-model/data-form/views/form/index.js");
 const index$f = require("./components/data-model/data-form/views/form-view/index.js");
 const components = [
-  index.MKConfigProvider,
-  index$1.MKDataForm,
-  index$2.MKDataTable,
-  index$3.MKSvgIcon,
-  index$4.MKDataTableSelect,
-  index$5.MKPagination,
-  index$6.MKDataTablePagination,
-  index$7.MKSystemProvider,
-  index$8.MKVerifyDialog,
+  index$1.MKConfigProvider,
+  index$2.MKDataForm,
+  index$3.MKDataTable,
+  index$4.MKSvgIcon,
+  index$5.MKDataTableSelect,
+  index$6.MKPagination,
+  index$7.MKDataTablePagination,
+  index$8.MKSystemProvider,
   uploadFile.MKUploadFile,
   index$9.MKUploadImage,
   webFileUploadContext.MKWebFileUploadContext,
@@ -73,6 +76,12 @@ const installer = utils.makeInstaller(
     dm.Messager.implInstance = new MessagerImpl.MessagerImpl();
     dm.Dialoger.implInstance = new DialogerImpl.DialogerImpl();
     dm.Notificationer.implInstance = new NotificationerImpl.NotificationerImpl();
+    const dialogContainer = document.createElement("div");
+    const appContext = app._context;
+    const vnode = vue.createVNode(index.MKDialogs);
+    vnode.appContext = appContext;
+    vue.render(vnode, dialogContainer);
+    document.body.appendChild(dialogContainer);
   }
 );
 exports.installer = installer;

package/dist/cjs/installer.js.map

@@ -1 +1 @@
-{"version":3,"file":"installer.js","sources":["../../src/installer.ts"],"sourcesContent":["import { Plugin } from \"vue\";\nimport { makeInstaller } from \"@maketribe/utils\";\nimport { Dialoger, Messager, Notificationer } from \"@maketribe/dm\";\nimport { DialogerImpl, MessagerImpl, NotificationerImpl } from \"./message-impl\";\nimport {\n  ConfigProviderContext,\n  MKConfigProvider,\n  MKDataForm,\n  MKDataTable,\n  MKSvgIcon,\n  provideGlobalConfig,\n  MKDataTableSelect,\n  MKPagination,\n  MKDataTablePagination,\n  MKSystemProvider,\n  MKVerifyDialog,\n  MKUploadFile,\n  MKUploadImage,\n  MKWebFileUploadContext,\n  MKPageContainer,\n  MKTableHeaderItem,\n  MKTable,\n  MKTableView,\n  MKForm,\n  MKFormView,\n  MKImageCropperContent\n} from \"./components\";\n\nconst components: Plugin[] = [\n  MKConfigProvider,\n  MKDataForm,\n  MKDataTable,\n  MKSvgIcon,\n  MKDataTableSelect,\n  MKPagination,\n  MKDataTablePagination,\n  MKSystemProvider,\n  MKVerifyDialog,\n  MKUploadFile,\n  MKUploadImage,\n  MKWebFileUploadContext,\n  MKPageContainer,\n  MKTableHeaderItem,\n  MKTable,\n  MKTableView,\n  MKForm,\n  MKFormView,\n  MKImageCropperContent\n];\n\nexport const installer = makeInstaller<ConfigProviderContext>(\n  components,\n  \"1.0.0-dev\",\n  (app, version, options) => {\n    if (options) {\n      provideGlobalConfig(options, app, true);\n    }\n\n    Messager.implInstance = new MessagerImpl();\n    Dialoger.implInstance = new DialogerImpl();\n    Notificationer.implInstance = new NotificationerImpl();\n  }\n);\n"],"names":["MKConfigProvider","MKDataForm","MKDataTable","MKSvgIcon","MKDataTableSelect","MKPagination","MKDataTablePagination","MKSystemProvider","MKVerifyDialog","MKUploadFile","MKUploadImage","MKWebFileUploadContext","MKPageContainer","MKTableHeaderItem","MKTable","MKTableView","MKForm","MKFormView","MKImageCropperContent","makeInstaller","provideGlobalConfig","Messager","MessagerImpl","Dialoger","DialogerImpl","Notificationer","NotificationerImpl"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA4BA,MAAM,aAAuB;AAAA,EAC3BA,MAAA;AAAA,EACAC,QAAA;AAAA,EACAC,QAAA;AAAA,EACAC,QAAA;AAAA,EACAC,QAAA;AAAA,EACAC,QAAA;AAAA,EACAC,QAAA;AAAA,EACAC,QAAA;AAAA,EACAC,QAAA;AAAA,EACAC,WAAA;AAAA,EACAC,QAAA;AAAA,EACAC,qBAAA;AAAA,EACAC,QAAA;AAAA,EACAC,QAAA;AAAA,EACAC,QAAA;AAAA,EACAC,QAAA;AAAA,EACAC,QAAA;AAAA,EACAC,QAAA;AAAA,EACAC,QAAA;AACF;AAEO,MAAM,YAAYC,MAAA;AAAA,EACvB;AAAA,EACA;AAAA,EACA,CAAC,KAAK,SAAS,YAAY;AACzB,QAAI,SAAS;AACSC,sBAAAA,oBAAA,SAAS,KAAK,IAAI;AAAA,IACxC;AAESC,gBAAA,eAAe,IAAIC,aAAAA;AACnBC,gBAAA,eAAe,IAAIC,aAAAA;AACbC,sBAAA,eAAe,IAAIC,mBAAAA;EACpC;AACF;;"}
+{"version":3,"file":"installer.js","sources":["../../src/installer.ts"],"sourcesContent":["import { Plugin,createVNode,render } from \"vue\";\r\nimport { makeInstaller } from \"@maketribe/utils\";\r\nimport { Dialoger, Messager, Notificationer } from \"@maketribe/dm\";\r\nimport { DialogerImpl, MessagerImpl, NotificationerImpl } from \"./message-impl\";\r\nimport {\r\n  ConfigProviderContext,\r\n  MKConfigProvider,\r\n  MKDataForm,\r\n  MKDataTable,\r\n  MKSvgIcon,\r\n  provideGlobalConfig,\r\n  MKDataTableSelect,\r\n  MKPagination,\r\n  MKDataTablePagination,\r\n  MKSystemProvider,\r\n  MKUploadFile,\r\n  MKUploadImage,\r\n  MKWebFileUploadContext,\r\n  MKPageContainer,\r\n  MKTableHeaderItem,\r\n  MKTable,\r\n  MKTableView,\r\n  MKForm,\r\n  MKFormView,\r\n  MKImageCropperContent\r\n} from \"./components\";\r\n\r\nconst components: Plugin[] = [\r\n  MKConfigProvider,\r\n  MKDataForm,\r\n  MKDataTable,\r\n  MKSvgIcon,\r\n  MKDataTableSelect,\r\n  MKPagination,\r\n  MKDataTablePagination,\r\n  MKSystemProvider,\r\n  MKUploadFile,\r\n  MKUploadImage,\r\n  MKWebFileUploadContext,\r\n  MKPageContainer,\r\n  MKTableHeaderItem,\r\n  MKTable,\r\n  MKTableView,\r\n  MKForm,\r\n  MKFormView,\r\n  MKImageCropperContent\r\n];\r\n\r\nimport { MKDialogs } from \"./layouts/components\"\r\n\r\nexport const installer = makeInstaller<ConfigProviderContext>(\r\n  components,\r\n  \"1.0.0-dev\",\r\n  (app, version, options) => {\r\n    if (options) {\r\n      provideGlobalConfig(options, app, true);\r\n    }\r\n\r\n    Messager.implInstance = new MessagerImpl();\r\n    Dialoger.implInstance = new DialogerImpl();\r\n    Notificationer.implInstance = new NotificationerImpl();\r\n\r\n    // 注册通用的 dialog\r\n    const dialogContainer = document.createElement('div');\r\n    const appContext = app._context;\r\n    const vnode = createVNode(MKDialogs);\r\n    vnode.appContext = appContext;\r\n    \r\n    //渲染\r\n    render(vnode, dialogContainer);\r\n    document.body.appendChild(dialogContainer);\r\n  }\r\n);\r\n"],"names":["MKConfigProvider","MKDataForm","MKDataTable","MKSvgIcon","MKDataTableSelect","MKPagination","MKDataTablePagination","MKSystemProvider","MKUploadFile","MKUploadImage","MKWebFileUploadContext","MKPageContainer","MKTableHeaderItem","MKTable","MKTableView","MKForm","MKFormView","MKImageCropperContent","makeInstaller","provideGlobalConfig","Messager","MessagerImpl","Dialoger","DialogerImpl","Notificationer","NotificationerImpl","createVNode","MKDialogs","render"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA2BA,MAAM,aAAuB;AAAA,EAC3BA,QAAA;AAAA,EACAC,QAAA;AAAA,EACAC,QAAA;AAAA,EACAC,QAAA;AAAA,EACAC,QAAA;AAAA,EACAC,QAAA;AAAA,EACAC,QAAA;AAAA,EACAC,QAAA;AAAA,EACAC,WAAA;AAAA,EACAC,QAAA;AAAA,EACAC,qBAAA;AAAA,EACAC,QAAA;AAAA,EACAC,QAAA;AAAA,EACAC,QAAA;AAAA,EACAC,QAAA;AAAA,EACAC,QAAA;AAAA,EACAC,QAAA;AAAA,EACAC,QAAA;AACF;AAIO,MAAM,YAAYC,MAAA;AAAA,EACvB;AAAA,EACA;AAAA,EACA,CAAC,KAAK,SAAS,YAAY;AACzB,QAAI,SAAS;AACSC,sBAAAA,oBAAA,SAAS,KAAK,IAAI;AAAA,IACxC;AAESC,gBAAA,eAAe,IAAIC,aAAAA;AACnBC,gBAAA,eAAe,IAAIC,aAAAA;AACbC,sBAAA,eAAe,IAAIC,mBAAAA;AAG5B,UAAA,kBAAkB,SAAS,cAAc,KAAK;AACpD,UAAM,aAAa,IAAI;AACjB,UAAA,QAAQC,gBAAYC,MAAAA,SAAS;AACnC,UAAM,aAAa;AAGnBC,eAAO,OAAO,eAAe;AACpB,aAAA,KAAK,YAAY,eAAe;AAAA,EAC3C;AACF;;"}

package/dist/cjs/layouts/components/bar/index.js

@@ -29,14 +29,14 @@ require("../../../components/basic/image-cropper/index.js");
 require("../../../components/data-model/data-form/index.js");
 require("../../../components/data-model/data-table/index.js");
 require("../../../components/data-model/data-table-pagination/index.js");
-require("../../../components/business/verify-dialog/index.js");
-require("../../../components/business/resource-list/index.js");
-require("../../../components/business/resource-manager/index.js");
 require("@maketribe/dm");
+const MSAppClient = require("../../../core/MSAppClient.js");
 const MenuNode = require("../../../core/menu/MenuNode.js");
 require("../../../core/DataModelDefines.js");
-const MSAppClient = require("../../../core/MSAppClient.js");
 const menu = require("../../../constants/menu.js");
+require("../../../components/business/verify-dialog/verify-dialog-option.js");
+require("../../../components/business/resource-list/index.js");
+require("../../../components/business/resource-manager/index.js");
 const MKBar = /* @__PURE__ */ vue.defineComponent({
   name: "MKBar",
   props: {

package/dist/cjs/layouts/components/header/tools.js

@@ -9,7 +9,7 @@ const MSAppClient = require("../../../core/MSAppClient.js");
 require("@maketribe/request");
 require("../../../components/abstract/abstract-select/abstract-select.js");
 require("../../../components/abstract/abstract-select/abstract-select-options.js");
-const index$1 = require("../../../components/basic/svg-icon/index.js");
+const index = require("../../../components/basic/svg-icon/index.js");
 require("../../../components/basic/button/button-options.js");
 require("../../../components/basic/config-provider/index.js");
 require("../../../components/basic/data-table-select/index.js");
@@ -32,7 +32,7 @@ require("../../../components/basic/image-cropper/index.js");
 require("../../../components/data-model/data-form/index.js");
 require("../../../components/data-model/data-table/index.js");
 require("../../../components/data-model/data-table-pagination/index.js");
-const index = require("../../../components/business/verify-dialog/index.js");
+const index$1 = require("../../../components/business/verify-dialog/index.js");
 require("../../../components/business/resource-list/index.js");
 require("../../../components/business/resource-manager/index.js");
 const MKHeaderTools = /* @__PURE__ */ vue.defineComponent({
@@ -83,11 +83,16 @@ const MKHeaderTools = /* @__PURE__ */ vue.defineComponent({
         callback();
       }
     };
-    const submitChangePassword = async (vCode) => {
+    const submitChangePassword = async () => {
+      if (!await formRef.value.validate()) {
+        return;
+      }
       try {
-        isVisibleVerify.value = false;
         btnLoading.value = true;
-        let result = await msAppClient.changePassword(form.password, form.newPassword, vCode);
+        const vCode = await index$1.MKOpenVerifyCode({
+          sence: "ModifyPassword"
+        }) + "";
+        const result = await msAppClient.changePassword(form.password, form.newPassword, vCode);
         if (result.data.code != 200) {
           dm.Messager.error({
             message: result.data.msg || "修改密码失败"
@@ -102,24 +107,10 @@ const MKHeaderTools = /* @__PURE__ */ vue.defineComponent({
         btnLoading.value = false;
       }
     };
-    const isVisibleVerify = vue.ref(false);
-    const handleUnlock = async () => {
-      const isPass = await formRef.value.validate();
-      if (!isPass) {
-        return;
-      }
-      isVisibleVerify.value = true;
-    };
     return () => {
-      const verifyDialogVNode = vue.unref(isVisibleVerify) ? vue.createVNode(index.MKVerifyDialog, {
-        "scene": "ModifyPassword",
-        "visible": vue.unref(isVisibleVerify),
-        "onUpdate:visible": (v) => isVisibleVerify.value = v,
-        "onConfirm": submitChangePassword
-      }, null) : null;
       return vue.createVNode("div", {
         "class": "mk-header-tools"
-      }, [verifyDialogVNode, vue.createVNode("div", {
+      }, [vue.createVNode("div", {
         "class": "mk-header-tools__item"
       }, [vue.createVNode(elementPlus.ElDropdown, {
         "class": "mk-header-tools__user",
@@ -131,7 +122,7 @@ const MKHeaderTools = /* @__PURE__ */ vue.defineComponent({
           "class": "mk-header-tools__avatar",
           "src": vue.unref(avatar)
         }, {
-          error: () => vue.createVNode(index$1.MKSvgIcon, {
+          error: () => vue.createVNode(index.MKSvgIcon, {
             "iconClass": "Avatar",
             "class": " mk-header-tools__default-avatar"
           }, null)
@@ -144,13 +135,13 @@ const MKHeaderTools = /* @__PURE__ */ vue.defineComponent({
               showDialog.value = true;
             }
           }, {
-            default: () => [vue.createVNode(index$1.MKSvgIcon, {
+            default: () => [vue.createVNode(index.MKSvgIcon, {
               "iconClass": "EditPen"
             }, null), vue.createTextVNode("修改密码")]
           }), vue.createVNode(elementPlus.ElDropdownItem, {
             "onClick": () => msAppClient.logout()
           }, {
-            default: () => [vue.createVNode(index$1.MKSvgIcon, {
+            default: () => [vue.createVNode(index.MKSvgIcon, {
               "iconClass": "SwitchButton"
             }, null), vue.createTextVNode("退出登录")]
           })]
@@ -240,7 +231,7 @@ const MKHeaderTools = /* @__PURE__ */ vue.defineComponent({
           "type": "primary",
           "loading": btnLoading.value,
           "onClick": () => {
-            handleUnlock();
+            submitChangePassword();
           }
         }, {
           default: () => [vue.createTextVNode("确定")]

package/dist/cjs/layouts/components/header/tools.js.map

@@ -1 +1 @@
-{"version":3,"file":"tools.js","sources":["../../../../../src/layouts/components/header/tools.tsx"],"sourcesContent":["import { computed, defineComponent, unref, ref, reactive, watch, nextTick } from \"vue\";\r\nimport {\r\n  ElDropdown,\r\n  ElDropdownItem,\r\n  ElDropdownMenu,\r\n  ElImage,\r\n  ElDialog,\r\n  ElForm,\r\n  ElFormItem,\r\n  ElInput,\r\n  ElButton\r\n} from \"element-plus\";\r\nimport { MSAppClient } from \"../../../core\";\r\nimport { MKSvgIcon, MKVerifyDialog } from \"../../../components\";\r\nimport { Messager } from \"@maketribe/dm\";\r\n\r\nexport const MKHeaderTools = defineComponent({\r\n  name: \"MKHeaderTools\",\r\n  setup(props) {\r\n    const msAppClient = MSAppClient.instance!;\r\n    const userSession = msAppClient.userSession!;\r\n\r\n    const userInfo = computed(() => userSession.userInfo!);\r\n\r\n    const avatar = computed(() => unref(userInfo).avatar);\r\n    const showDialog = ref(false);\r\n    const form = reactive({\r\n      password: \"\",\r\n      newPassword: \"\",\r\n      repeatPassword: \"\",\r\n    });\r\n    const formRef = ref();\r\n    const btnLoading = ref(false)\r\n\r\n    watch(showDialog, async () => {\r\n      if (unref(showDialog)) {\r\n        form.password = \"\";\r\n        form.newPassword = \"\";\r\n        form.repeatPassword = \"\";\r\n      }\r\n    })\r\n\r\n    const reg = /^([a-zA-Z]+[0-9]+[,._!@#$%^&*]+)|([a-zA-Z]+[,._!@#$%^&*]+[0-9]+)|([0-9]+[,._!@#$%^&*]+[a-zA-Z]+)|([0-9]+[a-zA-Z]+[,._!@#$%^&*]+)|([,._!@#$%^&*]+[a-zA-Z]+[0-9]+)|([,._!@#$%^&*]+[0-9]+[a-zA-Z]+)$/\r\n\r\n    const validateCode1 = (rule: any, value: any, callback: any) => {\r\n      if (value == \"\") {\r\n        callback(new Error(\"请输入密码\"));\r\n      }\r\n      if (value != form.newPassword) {\r\n        callback(new Error(\"两次输入不一致\"));\r\n      }\r\n      callback()\r\n    }\r\n\r\n    const validateCode = (rule: any, value: any, callback: any) => {\r\n      if (value == \"\") {\r\n        callback(new Error(\"请输入密码码\"));\r\n      }\r\n\r\n      if (value.length < 8) {\r\n        callback(new Error(\"密码码长度不能小于8位\"));\r\n      }\r\n\r\n      if (value == form.password) {\r\n        callback(new Error(\"新密码不能与旧密码相同\"));\r\n      }\r\n\r\n      if (!reg.test(value)) {\r\n        callback(new Error(\"密码必须包含数字，字母和特殊符号\"))\r\n      } else {\r\n        callback()\r\n      }\r\n    }\r\n\r\n    const submitChangePassword = async (vCode: string) => {\r\n      try {\r\n      isVisibleVerify.value = false;\r\n        btnLoading.value = true\r\n        let result = await msAppClient.changePassword(form.password, form.newPassword, vCode);\r\n        if (result.data.code != 200) {\r\n          Messager.error({ message: result.data.msg || \"修改密码失败\" });\r\n          return;\r\n        }\r\n        btnLoading.value = false\r\n        msAppClient.logout()\r\n      } catch (e) {\r\n        console.error(e);\r\n      } finally {\r\n        btnLoading.value = false\r\n      }\r\n    }\r\n\r\n    const isVisibleVerify = ref(false);\r\n\r\n    const handleUnlock = async () => {\r\n      const isPass = await formRef.value.validate();\r\n      if (!isPass) {\r\n        return;\r\n      }\r\n      isVisibleVerify.value = true;\r\n    };\r\n\r\n    return () => {\r\n\r\n      const verifyDialogVNode = unref(isVisibleVerify) ? (\r\n        <MKVerifyDialog\r\n          scene=\"ModifyPassword\"\r\n          visible={unref(isVisibleVerify)}\r\n          onUpdate:visible={(v) => (isVisibleVerify.value = v as boolean)}\r\n          onConfirm={submitChangePassword}\r\n        />\r\n      ) : null;\r\n\r\n      return (\r\n        <div class=\"mk-header-tools\">\r\n          {verifyDialogVNode}\r\n          <div class=\"mk-header-tools__item\">\r\n            <ElDropdown\r\n              class=\"mk-header-tools__user\"\r\n              trigger=\"click\"\r\n              v-slots={{\r\n                default: () => (\r\n                  <div class=\"mk-header-tools__user-info\">\r\n                    <ElImage\r\n                      class=\"mk-header-tools__avatar\"\r\n                      src={unref(avatar)}\r\n                      v-slots={{\r\n                        error: () => (\r\n                          <MKSvgIcon iconClass=\"Avatar\" class=\" mk-header-tools__default-avatar\" />\r\n                        ),\r\n                      }}\r\n                    />\r\n                    <span class=\"mk-header-tools__nickName\">\r\n                      {unref(userInfo).nickName}\r\n                    </span>\r\n                  </div>\r\n                ),\r\n                dropdown: () => (\r\n                  <ElDropdownMenu>\r\n                    <ElDropdownItem onClick={() => { showDialog.value = true }}>\r\n                      <MKSvgIcon iconClass=\"EditPen\" />\r\n                      修改密码\r\n                    </ElDropdownItem>\r\n                    <ElDropdownItem onClick={() => msAppClient.logout()}>\r\n                      <MKSvgIcon iconClass=\"SwitchButton\" />\r\n                      退出登录\r\n                    </ElDropdownItem>\r\n                  </ElDropdownMenu>\r\n                ),\r\n              }}\r\n            />\r\n          </div>\r\n          <ElDialog model-value={showDialog.value} onUpdate:modelValue={(v) => { showDialog.value = v }} title={'修改密码'} width={'30%'} v-slots={{\r\n            footer: () => (\r\n              <div>\r\n                <ElButton onClick={() => { showDialog.value = false }}>取消</ElButton>\r\n                <ElButton type={\"primary\"} loading={btnLoading.value} onClick={() => { handleUnlock() }}>确定</ElButton>\r\n              </div>\r\n            )\r\n          }}>\r\n            <ElForm ref={formRef} model={form} label-width={'80px'}>\r\n              <ElFormItem label={'旧密码'} required={true} prop={'password'} rules={[{ required: true, message: '请输入旧密码', trigger: 'change' }]}>\r\n                <ElInput model-value={form.password} placeholder={\"请输入旧密码\"} onUpdate:modelValue={(v) => { form.password = v }} type={'password'} />\r\n              </ElFormItem>\r\n              <ElFormItem label={'新密码'} required={true} prop={'newPassword'} rules={[{ required: true, message: '请输入新密码', trigger: 'change' }, { validator: validateCode, trigger: 'change' }]} >\r\n                <ElInput model-value={form.newPassword} placeholder={\"请输入新密码\"} onUpdate:modelValue={(v) => { form.newPassword = v }} type={'password'} />\r\n              </ElFormItem>\r\n              <ElFormItem label={'重复密码'} required={true} prop={'repeatPassword'} rules={[{ required: true, message: '请再次输入密码', trigger: 'change' }, { validator: validateCode1, trigger: 'change' }]} >\r\n                <ElInput model-value={form.repeatPassword} placeholder={\"请再次输入密码\"} onUpdate:modelValue={(v) => { form.repeatPassword = v }} type={'password'} />\r\n              </ElFormItem>\r\n            </ElForm>\r\n          </ElDialog>\r\n        </div >\r\n      );\r\n    };\r\n  },\r\n});\r\n"],"names":["MKHeaderTools","defineComponent","name","setup","props","msAppClient","MSAppClient","instance","userSession","userInfo","computed","avatar","unref","showDialog","ref","form","reactive","password","newPassword","repeatPassword","formRef","btnLoading","watch","reg","validateCode1","rule","value","callback","Error","validateCode","length","test","submitChangePassword","vCode","isVisibleVerify","result","changePassword","data","code","Messager","error","message","msg","logout","e","console","handleUnlock","isPass","validate","verifyDialogVNode","_createVNode","MKVerifyDialog","v","ElDropdown","default","ElImage","MKSvgIcon","nickName","dropdown","ElDropdownMenu","ElDropdownItem","onClick","_createTextVNode","ElDialog","ElForm","ElFormItem","required","trigger","ElInput","validator","footer","ElButton"],"mappings":"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"}
+{"version":3,"file":"tools.js","sources":["../../../../../src/layouts/components/header/tools.tsx"],"sourcesContent":["import { computed, defineComponent, unref, ref, reactive, watch, nextTick } from \"vue\";\r\nimport {\r\n  ElDropdown,\r\n  ElDropdownItem,\r\n  ElDropdownMenu,\r\n  ElImage,\r\n  ElDialog,\r\n  ElForm,\r\n  ElFormItem,\r\n  ElInput,\r\n  ElButton\r\n} from \"element-plus\";\r\nimport { MSAppClient } from \"../../../core\";\r\nimport { MKSvgIcon,MKOpenVerifyCode } from \"../../../components\";\r\nimport { Messager } from \"@maketribe/dm\";\r\n\r\nexport const MKHeaderTools = defineComponent({\r\n  name: \"MKHeaderTools\",\r\n  setup(props) {\r\n    const msAppClient = MSAppClient.instance!;\r\n    const userSession = msAppClient.userSession!;\r\n\r\n    const userInfo = computed(() => userSession.userInfo!);\r\n\r\n    const avatar = computed(() => unref(userInfo).avatar);\r\n    const showDialog = ref(false);\r\n    const form = reactive({\r\n      password: \"\",\r\n      newPassword: \"\",\r\n      repeatPassword: \"\",\r\n    });\r\n    const formRef = ref();\r\n    const btnLoading = ref(false)\r\n\r\n    watch(showDialog, async () => {\r\n      if (unref(showDialog)) {\r\n        form.password = \"\";\r\n        form.newPassword = \"\";\r\n        form.repeatPassword = \"\";\r\n      }\r\n    })\r\n\r\n    const reg = /^([a-zA-Z]+[0-9]+[,._!@#$%^&*]+)|([a-zA-Z]+[,._!@#$%^&*]+[0-9]+)|([0-9]+[,._!@#$%^&*]+[a-zA-Z]+)|([0-9]+[a-zA-Z]+[,._!@#$%^&*]+)|([,._!@#$%^&*]+[a-zA-Z]+[0-9]+)|([,._!@#$%^&*]+[0-9]+[a-zA-Z]+)$/\r\n\r\n    const validateCode1 = (rule: any, value: any, callback: any) => {\r\n      if (value == \"\") {\r\n        callback(new Error(\"请输入密码\"));\r\n      }\r\n      if (value != form.newPassword) {\r\n        callback(new Error(\"两次输入不一致\"));\r\n      }\r\n      callback()\r\n    }\r\n\r\n    const validateCode = (rule: any, value: any, callback: any) => {\r\n      if (value == \"\") {\r\n        callback(new Error(\"请输入密码码\"));\r\n      }\r\n\r\n      if (value.length < 8) {\r\n        callback(new Error(\"密码码长度不能小于8位\"));\r\n      }\r\n\r\n      if (value == form.password) {\r\n        callback(new Error(\"新密码不能与旧密码相同\"));\r\n      }\r\n\r\n      if (!reg.test(value)) {\r\n        callback(new Error(\"密码必须包含数字，字母和特殊符号\"))\r\n      } else {\r\n        callback()\r\n      }\r\n    }\r\n\r\n    const submitChangePassword = async () => {\r\n\r\n      if(!await formRef.value.validate()){\r\n        return;\r\n      }\r\n\r\n      try {\r\n\r\n        btnLoading.value = true\r\n\r\n        const vCode = (await MKOpenVerifyCode({ sence:\"ModifyPassword\" } as any)) + \"\";\r\n\r\n        const result = await msAppClient.changePassword(form.password, form.newPassword, vCode);\r\n\r\n        if (result.data.code != 200) {\r\n          Messager.error({ message: result.data.msg || \"修改密码失败\" });\r\n          return;\r\n        }\r\n\r\n        btnLoading.value = false\r\n        msAppClient.logout()\r\n        \r\n      } catch (e) {\r\n        console.error(e);\r\n      } finally {\r\n        btnLoading.value = false\r\n      }\r\n    }\r\n\r\n    return () => {\r\n\r\n\r\n      return (\r\n        <div class=\"mk-header-tools\">\r\n          <div class=\"mk-header-tools__item\">\r\n            <ElDropdown\r\n              class=\"mk-header-tools__user\"\r\n              trigger=\"click\"\r\n              v-slots={{\r\n                default: () => (\r\n                  <div class=\"mk-header-tools__user-info\">\r\n                    <ElImage\r\n                      class=\"mk-header-tools__avatar\"\r\n                      src={unref(avatar)}\r\n                      v-slots={{\r\n                        error: () => (\r\n                          <MKSvgIcon iconClass=\"Avatar\" class=\" mk-header-tools__default-avatar\" />\r\n                        ),\r\n                      }}\r\n                    />\r\n                    <span class=\"mk-header-tools__nickName\">\r\n                      {unref(userInfo).nickName}\r\n                    </span>\r\n                  </div>\r\n                ),\r\n                dropdown: () => (\r\n                  <ElDropdownMenu>\r\n                    <ElDropdownItem onClick={() => { showDialog.value = true }}>\r\n                      <MKSvgIcon iconClass=\"EditPen\" />\r\n                      修改密码\r\n                    </ElDropdownItem>\r\n                    <ElDropdownItem onClick={() => msAppClient.logout()}>\r\n                      <MKSvgIcon iconClass=\"SwitchButton\" />\r\n                      退出登录\r\n                    </ElDropdownItem>\r\n                  </ElDropdownMenu>\r\n                ),\r\n              }}\r\n            />\r\n          </div>\r\n          <ElDialog model-value={showDialog.value} onUpdate:modelValue={(v) => { showDialog.value = v }} title={'修改密码'} width={'30%'} v-slots={{\r\n            footer: () => (\r\n              <div>\r\n                <ElButton onClick={() => { showDialog.value = false }}>取消</ElButton>\r\n                <ElButton type={\"primary\"} loading={btnLoading.value} onClick={() => { submitChangePassword() }}>确定</ElButton>\r\n              </div>\r\n            )\r\n          }}>\r\n            <ElForm ref={formRef} model={form} label-width={'80px'}>\r\n              <ElFormItem label={'旧密码'} required={true} prop={'password'} rules={[{ required: true, message: '请输入旧密码', trigger: 'change' }]}>\r\n                <ElInput model-value={form.password} placeholder={\"请输入旧密码\"} onUpdate:modelValue={(v) => { form.password = v }} type={'password'} />\r\n              </ElFormItem>\r\n              <ElFormItem label={'新密码'} required={true} prop={'newPassword'} rules={[{ required: true, message: '请输入新密码', trigger: 'change' }, { validator: validateCode, trigger: 'change' }]} >\r\n                <ElInput model-value={form.newPassword} placeholder={\"请输入新密码\"} onUpdate:modelValue={(v) => { form.newPassword = v }} type={'password'} />\r\n              </ElFormItem>\r\n              <ElFormItem label={'重复密码'} required={true} prop={'repeatPassword'} rules={[{ required: true, message: '请再次输入密码', trigger: 'change' }, { validator: validateCode1, trigger: 'change' }]} >\r\n                <ElInput model-value={form.repeatPassword} placeholder={\"请再次输入密码\"} onUpdate:modelValue={(v) => { form.repeatPassword = v }} type={'password'} />\r\n              </ElFormItem>\r\n            </ElForm>\r\n          </ElDialog>\r\n        </div >\r\n      );\r\n    };\r\n  },\r\n});\r\n"],"names":["MKHeaderTools","defineComponent","name","setup","props","msAppClient","MSAppClient","instance","userSession","userInfo","computed","avatar","unref","showDialog","ref","form","reactive","password","newPassword","repeatPassword","formRef","btnLoading","watch","reg","validateCode1","rule","value","callback","Error","validateCode","length","test","submitChangePassword","validate","vCode","MKOpenVerifyCode","sence","result","changePassword","data","code","Messager","error","message","msg","logout","e","console","_createVNode","ElDropdown","default","ElImage","MKSvgIcon","nickName","dropdown","ElDropdownMenu","ElDropdownItem","onClick","_createTextVNode","ElDialog","v","ElForm","ElFormItem","required","trigger","ElInput","validator","footer","ElButton"],"mappings":"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"}

package/dist/cjs/layouts/components/menu/menu-item.js

@@ -28,14 +28,14 @@ require("../../../components/basic/image-cropper/index.js");
 require("../../../components/data-model/data-form/index.js");
 require("../../../components/data-model/data-table/index.js");
 require("../../../components/data-model/data-table-pagination/index.js");
-require("../../../components/business/verify-dialog/index.js");
-require("../../../components/business/resource-list/index.js");
-require("../../../components/business/resource-manager/index.js");
 require("@maketribe/dm");
-const MenuNode = require("../../../core/menu/MenuNode.js");
-require("../../../core/DataModelDefines.js");
 require("vue-router");
 require("@maketribe/locale");
+const MenuNode = require("../../../core/menu/MenuNode.js");
+require("../../../core/DataModelDefines.js");
+require("../../../components/business/verify-dialog/verify-dialog-option.js");
+require("../../../components/business/resource-list/index.js");
+require("../../../components/business/resource-manager/index.js");
 const MKAsideMenuItem = /* @__PURE__ */ vue.defineComponent({
   name: "MKMenuItem",
   props: {

package/dist/cjs/layouts/container/default.js

@@ -30,15 +30,15 @@ require("../../components/basic/image-cropper/index.js");
 require("../../components/data-model/data-form/index.js");
 require("../../components/data-model/data-table/index.js");
 require("../../components/data-model/data-table-pagination/index.js");
-require("../../components/business/verify-dialog/index.js");
+require("@maketribe/dm");
+const MSAppClient = require("../../core/MSAppClient.js");
+require("../../core/DataModelDefines.js");
+require("../../components/business/verify-dialog/verify-dialog-option.js");
 require("../../components/business/resource-list/index.js");
 require("../../components/business/resource-manager/index.js");
-require("@maketribe/dm");
 const index$2 = require("../components/bar/index.js");
 const index$3 = require("../components/menu/index.js");
-const index$4 = require("../components/dialogs/index.js");
-require("../../core/DataModelDefines.js");
-const MSAppClient = require("../../core/MSAppClient.js");
+require("lodash-es");
 const index$1 = require("../components/header/index.js");
 function includeMenuNode(rootMenuNode, menuNode) {
   let list = [rootMenuNode];
@@ -103,7 +103,7 @@ const MKLayoutDefault = /* @__PURE__ */ vue.defineComponent({
               })]
             })]
           })]
-        }), vue.createVNode(index$4.MKDialogs, null, null)]
+        })]
       });
     };
   }

package/dist/cjs/layouts/container/default.js.map

@@ -1 +1 @@
-{"version":3,"file":"default.js","sources":["../../../../src/layouts/container/default.tsx"],"sourcesContent":["import { Ref, defineComponent, ref, unref } from \"vue\";\r\nimport { RouterView, useRouter } from \"vue-router\";\r\nimport { ElAside, ElContainer, ElHeader, ElMain } from \"element-plus\";\r\nimport { MKSystemProvider } from \"../../components\";\r\nimport { MKBar, MKMenu, MKDialogs } from \"../components\";\r\nimport { MenuNode } from \"../../core\";\r\nimport { MSAppClient } from \"../../core\";\r\nimport { MKHeader } from \"../components/header\";\r\nimport { createDisposable } from \"@maketribe/utils\";\r\n\r\nfunction includeMenuNode(rootMenuNode: MenuNode, menuNode: MenuNode) {\r\n  let list = [rootMenuNode];\r\n\r\n  for (let i = 0; i < list.length; i++) {\r\n    const item = list[i];\r\n\r\n    if (item.id === menuNode.id) {\r\n      return true;\r\n    }\r\n\r\n    list = list.concat(item.children);\r\n  }\r\n\r\n  return false;\r\n}\r\n\r\nexport const MKLayoutDefault = defineComponent({\r\n  name: \"MKLayoutDefault\",\r\n  setup() {\r\n    const msAppClient = MSAppClient.instance!;\r\n    const userSession = msAppClient.userSession!;\r\n    const menu = userSession.menu;\r\n    const vueRouter = useRouter();\r\n\r\n    const currentBarItem: Ref<MenuNode | null> = ref(null);\r\n\r\n    handleCurrentMenuChange();\r\n    menu.currentMenuChangeEvent.on(handleCurrentMenuChange);\r\n\r\n    function handleCurrentMenuChange() {\r\n      currentBarItem.value = menu.getCurrentMenuNode()\r\n        ? menu.rootMenus.find((item) =>\r\n            includeMenuNode(item, menu.getCurrentMenuNode()!)\r\n          ) ?? null\r\n        : null;\r\n    }\r\n\r\n    // 用户会话销毁就前往登录页面。\r\n    userSession.register(\r\n      createDisposable(() => {\r\n        vueRouter.push({ name: \"login\" });\r\n      })\r\n    );\r\n\r\n    return () => {\r\n      return (\r\n        <MKSystemProvider>\r\n          <ElContainer class=\"mk-layout-default\">\r\n            {/* 原来的位置 */}\r\n            <ElMain>\r\n              <ElContainer class=\"mk-layout-default__body\">\r\n                <ElHeader class=\"mk-layout-default__header\">\r\n                  <MKHeader />\r\n                </ElHeader>\r\n                <ElMain>\r\n                  <ElAside>\r\n                    <MKBar barItem={unref(currentBarItem) as MenuNode} />\r\n                  </ElAside>\r\n                  <ElContainer class=\"mk-layout-default__main\">\r\n                    <ElAside class=\"mk-layout-default__menu\">\r\n                      <MKMenu barItem={unref(currentBarItem) as MenuNode} />\r\n                    </ElAside>\r\n                    <ElMain>\r\n                      <RouterView />\r\n                    </ElMain>\r\n                  </ElContainer>\r\n                </ElMain>\r\n              </ElContainer>\r\n            </ElMain>\r\n          </ElContainer>\r\n          <MKDialogs />\r\n        </MKSystemProvider>\r\n      );\r\n    };\r\n  },\r\n});\r\n"],"names":["includeMenuNode","rootMenuNode","menuNode","list","i","length","item","id","concat","children","MKLayoutDefault","defineComponent","name","setup","msAppClient","MSAppClient","instance","userSession","menu","vueRouter","useRouter","currentBarItem","ref","handleCurrentMenuChange","currentMenuChangeEvent","on","value","getCurrentMenuNode","rootMenus","find","register","createDisposable","push","_createVNode","MKSystemProvider","default","ElContainer","ElMain","ElHeader","MKHeader","ElAside","MKBar","unref","MKMenu","RouterView","MKDialogs"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAUA,SAASA,gBAAgBC,cAAwBC,UAAoB;AACnE,MAAIC,OAAO,CAACF,YAAY;AAExB,WAASG,IAAI,GAAGA,IAAID,KAAKE,QAAQD,KAAK;AACpC,UAAME,OAAOH,KAAKC,CAAC;AAEnB,QAAIE,KAAKC,OAAOL,SAASK,IAAI;AAC3B,aAAO;AAAA,IACT;AAEAJ,WAAOA,KAAKK,OAAOF,KAAKG,QAAQ;AAAA,EAClC;AAEA,SAAO;AACT;AAEaC,MAAAA,kBAAkBC,oBAAAA,gBAAgB;AAAA,EAC7CC,MAAM;AAAA,EACNC,QAAQ;AACN,UAAMC,cAAcC,YAAW,YAACC;AAChC,UAAMC,cAAcH,YAAYG;AAChC,UAAMC,OAAOD,YAAYC;AACzB,UAAMC,cAAYC,UAAAA;AAElB,UAAMC,iBAAuCC,QAAI,IAAI;AAErDC;AACAL,SAAKM,uBAAuBC,GAAGF,uBAAuB;AAEtD,aAASA,0BAA0B;AACjCF,qBAAeK,QAAQR,KAAKS,mBAAkB,IAC1CT,KAAKU,UAAUC,KAAMvB,UACnBN,gBAAgBM,MAAMY,KAAKS,mBAAqB,CAAA,CAClD,KAAK,OACL;AAAA,IACN;AAGAV,gBAAYa,SACVC,MAAAA,iBAAiB,MAAM;AACrBZ,kBAAUa,KAAK;AAAA,QAAEpB,MAAM;AAAA,MAAQ,CAAC;AAAA,IACjC,CAAA,CACH;AAEA,WAAO,MAAM;AACX,aAAAqB,IAAA,YAAAC,MAAA,kBAAA,MAAA;AAAA,QAAAC,SAAAA,MAAAF,CAAAA,IAAA,YAAAG,yBAAA;AAAA,UAAA,SAAA;AAAA,QAAA,GAAA;AAAA,UAAAD,SAAAA,MAAAF,CAAAA,gBAAAI,YAAAA,QAAA,MAAA;AAAA,YAAAF,SAAAA,MAAAF,CAAAA,IAAA,YAAAG,yBAAA;AAAA,cAAA,SAAA;AAAA,YAAA,GAAA;AAAA,cAAAD,SAAAA,MAAAF,CAAAA,IAAA,YAAAK,sBAAA;AAAA,gBAAA,SAAA;AAAA,cAAA,GAAA;AAAA,gBAAAH,SAAAA,MAAAF,CAAAA,IAAA,YAAAM,QAAA,UAAA,MAAA,IAAA,CAAA;AAAA,eAAAN,GAAAA,IAAAA,YAAAI,YAAA,QAAA,MAAA;AAAA,gBAAAF,SAAAA,MAAAF,CAAAA,gBAAAO,YAAAA,SAAA,MAAA;AAAA,kBAAAL,SAAAA,MAAAF,CAAAA,IAAA,YAAAQ,eAAA;AAAA,oBAAA,WAW8BC,IAAK,MAACrB,cAAc;AAAA,kBAAC,GAAA,IAAA,CAAA;AAAA,iBAAAY,GAAAA,IAAA,YAAAG,yBAAA;AAAA,kBAAA,SAAA;AAAA,gBAAA,GAAA;AAAA,kBAAAD,SAAAA,MAAAF,CAAAA,IAAA,YAAAO,qBAAA;AAAA,oBAAA,SAAA;AAAA,kBAAA,GAAA;AAAA,oBAAAL,SAAAA,MAAAF,CAAAA,IAAA,YAAAU,gBAAA;AAAA,sBAAA,WAIlBD,IAAK,MAACrB,cAAc;AAAA,oBAAC,GAAA,IAAA,CAAA;AAAA,mBAAAY,GAAAA,IAAAA,YAAAI,YAAA,QAAA,MAAA;AAAA,oBAAAF,SAAAA,MAAAF,CAAAA,IAAA,YAAAW,UAAA,YAAA,MAAA,IAAA,CAAA;AAAA,kBAAA,CAAA,CAAA;AAAA,gBAAA,CAAA,CAAA;AAAA,cAAA,CAAA,CAAA;AAAA,YAAA,CAAA,CAAA;AAAA,UAAA,CAAA,CAAA;AAAA,QAAAX,CAAAA,GAAAA,IAAAA,YAAAY,QAAAA,WAAA,MAAA,IAAA,CAAA;AAAA,MAAA,CAAA;AAAA;EAc1D;AACF,CAAC;;"}
+{"version":3,"file":"default.js","sources":["../../../../src/layouts/container/default.tsx"],"sourcesContent":["import { Ref, defineComponent, ref, unref } from \"vue\";\r\nimport { RouterView, useRouter } from \"vue-router\";\r\nimport { ElAside, ElContainer, ElHeader, ElMain } from \"element-plus\";\r\nimport { MKSystemProvider } from \"../../components\";\r\nimport { MKBar, MKMenu } from \"../components\";\r\nimport { MenuNode } from \"../../core\";\r\nimport { MSAppClient } from \"../../core\";\r\nimport { MKHeader } from \"../components/header\";\r\nimport { createDisposable } from \"@maketribe/utils\";\r\n\r\nfunction includeMenuNode(rootMenuNode: MenuNode, menuNode: MenuNode) {\r\n  let list = [rootMenuNode];\r\n\r\n  for (let i = 0; i < list.length; i++) {\r\n    const item = list[i];\r\n\r\n    if (item.id === menuNode.id) {\r\n      return true;\r\n    }\r\n\r\n    list = list.concat(item.children);\r\n  }\r\n\r\n  return false;\r\n}\r\n\r\nexport const MKLayoutDefault = defineComponent({\r\n  name: \"MKLayoutDefault\",\r\n  setup() {\r\n    const msAppClient = MSAppClient.instance!;\r\n    const userSession = msAppClient.userSession!;\r\n    const menu = userSession.menu;\r\n    const vueRouter = useRouter();\r\n\r\n    const currentBarItem: Ref<MenuNode | null> = ref(null);\r\n\r\n    handleCurrentMenuChange();\r\n    menu.currentMenuChangeEvent.on(handleCurrentMenuChange);\r\n\r\n    function handleCurrentMenuChange() {\r\n      currentBarItem.value = menu.getCurrentMenuNode()\r\n        ? menu.rootMenus.find((item) =>\r\n            includeMenuNode(item, menu.getCurrentMenuNode()!)\r\n          ) ?? null\r\n        : null;\r\n    }\r\n\r\n    // 用户会话销毁就前往登录页面。\r\n    userSession.register(\r\n      createDisposable(() => {\r\n        vueRouter.push({ name: \"login\" });\r\n      })\r\n    );\r\n\r\n    return () => {\r\n      return (\r\n        <MKSystemProvider>\r\n          <ElContainer class=\"mk-layout-default\">\r\n            {/* 原来的位置 */}\r\n            <ElMain>\r\n              <ElContainer class=\"mk-layout-default__body\">\r\n                <ElHeader class=\"mk-layout-default__header\">\r\n                  <MKHeader />\r\n                </ElHeader>\r\n                <ElMain>\r\n                  <ElAside>\r\n                    <MKBar barItem={unref(currentBarItem) as MenuNode} />\r\n                  </ElAside>\r\n                  <ElContainer class=\"mk-layout-default__main\">\r\n                    <ElAside class=\"mk-layout-default__menu\">\r\n                      <MKMenu barItem={unref(currentBarItem) as MenuNode} />\r\n                    </ElAside>\r\n                    <ElMain>\r\n                      <RouterView />\r\n                    </ElMain>\r\n                  </ElContainer>\r\n                </ElMain>\r\n              </ElContainer>\r\n            </ElMain>\r\n          </ElContainer>\r\n        </MKSystemProvider>\r\n      );\r\n    };\r\n  },\r\n});\r\n"],"names":["includeMenuNode","rootMenuNode","menuNode","list","i","length","item","id","concat","children","MKLayoutDefault","defineComponent","name","setup","msAppClient","MSAppClient","instance","userSession","menu","vueRouter","useRouter","currentBarItem","ref","handleCurrentMenuChange","currentMenuChangeEvent","on","value","getCurrentMenuNode","rootMenus","find","register","createDisposable","push","_createVNode","MKSystemProvider","default","ElContainer","ElMain","ElHeader","MKHeader","ElAside","MKBar","unref","MKMenu","RouterView"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAUA,SAASA,gBAAgBC,cAAwBC,UAAoB;AACnE,MAAIC,OAAO,CAACF,YAAY;AAExB,WAASG,IAAI,GAAGA,IAAID,KAAKE,QAAQD,KAAK;AACpC,UAAME,OAAOH,KAAKC,CAAC;AAEnB,QAAIE,KAAKC,OAAOL,SAASK,IAAI;AAC3B,aAAO;AAAA,IACT;AAEAJ,WAAOA,KAAKK,OAAOF,KAAKG,QAAQ;AAAA,EAClC;AAEA,SAAO;AACT;AAEaC,MAAAA,kBAAkBC,oBAAAA,gBAAgB;AAAA,EAC7CC,MAAM;AAAA,EACNC,QAAQ;AACN,UAAMC,cAAcC,YAAW,YAACC;AAChC,UAAMC,cAAcH,YAAYG;AAChC,UAAMC,OAAOD,YAAYC;AACzB,UAAMC,cAAYC,UAAAA;AAElB,UAAMC,iBAAuCC,QAAI,IAAI;AAErDC;AACAL,SAAKM,uBAAuBC,GAAGF,uBAAuB;AAEtD,aAASA,0BAA0B;AACjCF,qBAAeK,QAAQR,KAAKS,mBAAkB,IAC1CT,KAAKU,UAAUC,KAAMvB,UACnBN,gBAAgBM,MAAMY,KAAKS,mBAAqB,CAAA,CAClD,KAAK,OACL;AAAA,IACN;AAGAV,gBAAYa,SACVC,MAAAA,iBAAiB,MAAM;AACrBZ,kBAAUa,KAAK;AAAA,QAAEpB,MAAM;AAAA,MAAQ,CAAC;AAAA,IACjC,CAAA,CACH;AAEA,WAAO,MAAM;AACX,aAAAqB,IAAA,YAAAC,MAAA,kBAAA,MAAA;AAAA,QAAAC,SAAAA,MAAAF,CAAAA,IAAA,YAAAG,yBAAA;AAAA,UAAA,SAAA;AAAA,QAAA,GAAA;AAAA,UAAAD,SAAAA,MAAAF,CAAAA,gBAAAI,YAAAA,QAAA,MAAA;AAAA,YAAAF,SAAAA,MAAAF,CAAAA,IAAA,YAAAG,yBAAA;AAAA,cAAA,SAAA;AAAA,YAAA,GAAA;AAAA,cAAAD,SAAAA,MAAAF,CAAAA,IAAA,YAAAK,sBAAA;AAAA,gBAAA,SAAA;AAAA,cAAA,GAAA;AAAA,gBAAAH,SAAAA,MAAAF,CAAAA,IAAA,YAAAM,QAAA,UAAA,MAAA,IAAA,CAAA;AAAA,eAAAN,GAAAA,IAAAA,YAAAI,YAAA,QAAA,MAAA;AAAA,gBAAAF,SAAAA,MAAAF,CAAAA,gBAAAO,YAAAA,SAAA,MAAA;AAAA,kBAAAL,SAAAA,MAAAF,CAAAA,IAAA,YAAAQ,eAAA;AAAA,oBAAA,WAW8BC,IAAK,MAACrB,cAAc;AAAA,kBAAC,GAAA,IAAA,CAAA;AAAA,iBAAAY,GAAAA,IAAA,YAAAG,yBAAA;AAAA,kBAAA,SAAA;AAAA,gBAAA,GAAA;AAAA,kBAAAD,SAAAA,MAAAF,CAAAA,IAAA,YAAAO,qBAAA;AAAA,oBAAA,SAAA;AAAA,kBAAA,GAAA;AAAA,oBAAAL,SAAAA,MAAAF,CAAAA,IAAA,YAAAU,gBAAA;AAAA,sBAAA,WAIlBD,IAAK,MAACrB,cAAc;AAAA,oBAAC,GAAA,IAAA,CAAA;AAAA,mBAAAY,GAAAA,IAAAA,YAAAI,YAAA,QAAA,MAAA;AAAA,oBAAAF,SAAAA,MAAAF,CAAAA,IAAA,YAAAW,UAAA,YAAA,MAAA,IAAA,CAAA;AAAA,kBAAA,CAAA,CAAA;AAAA,gBAAA,CAAA,CAAA;AAAA,cAAA,CAAA,CAAA;AAAA,YAAA,CAAA,CAAA;AAAA,UAAA,CAAA,CAAA;AAAA,QAAA,CAAA,CAAA;AAAA,MAAA,CAAA;AAAA;EAa1D;AACF,CAAC;;"}

package/dist/cjs/message-impl/DialogerImpl.js

@@ -34,10 +34,12 @@ require("../components/basic/image-cropper/index.js");
 const index$1 = require("../components/data-model/data-form/index.js");
 const index = require("../components/data-model/data-table/index.js");
 require("../components/data-model/data-table-pagination/index.js");
-require("../components/business/verify-dialog/index.js");
+require("vue-router");
+const locale = require("@maketribe/locale");
+require("../core/DataModelDefines.js");
+require("../components/business/verify-dialog/verify-dialog-option.js");
 require("../components/business/resource-list/index.js");
 require("../components/business/resource-manager/index.js");
-const locale = require("@maketribe/locale");
 const index$2 = require("../components/data-model/data-form/views/form/index.js");
 function _isSlot(s) {
   return typeof s === "function" || Object.prototype.toString.call(s) === "[object Object]" && !vue.isVNode(s);

package/dist/cjs/message-impl/DialogerImpl.js.map

@@ -1 +1 @@
-{"version":3,"file":"DialogerImpl.js","sources":["../../../src/message-impl/DialogerImpl.tsx"],"sourcesContent":["import {\n  DataForm,\n  DataFormDialogOptions,\n  DataTable,\n  DataTableSelectDialogResult,\n  DialogInstance,\n  IDialogMessage,\n  IDialogRenderOptions,\n  Messager,\n  SkeletonDialoger,\n  TableActionColumn,\n} from \"@maketribe/dm\";\nimport { Event } from \"@maketribe/utils\";\nimport { ElButton, ElDrawer, ElMessageBox, ElScrollbar } from \"element-plus\";\nimport { isFunction } from \"lodash-es\";\nimport { MKDataForm, MKDataTable, MKForm } from \"../components\";\nimport { Fragment, reactive } from \"vue\";\nimport { I18n } from \"@maketribe/locale\";\n\nlet uid = 0;\n\nexport class DialogerImpl extends SkeletonDialoger {\n  dialogInstanceCreateEvent: Event<DialogInstance> = new Event();\n\n  async prompt(options: IDialogMessage): Promise<string> {\n    const promptResult = await ElMessageBox.prompt(\n      options.message,\n      options.title,\n      options\n    );\n\n    return promptResult.value;\n  }\n\n  async confirm(options: IDialogMessage): Promise<boolean> {\n    try {\n      await ElMessageBox.confirm(options.message, options.title, options);\n      return true;\n    } catch (e) {\n      return false;\n    }\n  }\n\n  async alert(options: IDialogMessage): Promise<void> {\n    await ElMessageBox.alert(options.message, options.title, options);\n  }\n\n  customRender(options: IDialogRenderOptions): DialogInstance {\n    let visible = true;\n\n    const dialogInstance: DialogInstance = {\n      class: \"\",\n      ...options,\n      id: uid++,\n      get visible() {\n        return visible;\n      },\n      set visible(v) {\n        visible = v;\n        dialogInstance.visibleChangeEvent.emit(visible);\n      },\n      visibleChangeEvent: new Event(),\n      destroyEvent: new Event(),\n      destroy: () => {\n        dialogInstance.visible = false;\n        dialogInstance.destroyEvent.emit();\n      },\n    };\n    this.dialogInstanceCreateEvent.emit(dialogInstance);\n\n    return dialogInstance;\n  }\n\n  async custom(options: IDialogRenderOptions): Promise<boolean> {\n    return new Promise<boolean>((resolve) => {\n      const dialogInstance = this.customRender({\n        ...options,\n        onConfirm: async () => {\n          if (\n            isFunction(options.onConfirm)\n              ? (await options.onConfirm()) === false\n              : false\n          ) {\n            return false;\n          }\n\n          dialogInstance.destroy();\n\n          resolve(true);\n        },\n        onCancel: async () => {\n          if (\n            isFunction(options.onCancel)\n              ? (await options.onCancel()) === false\n              : false\n          ) {\n            return false;\n          }\n\n          dialogInstance.destroy();\n\n          resolve(false);\n        },\n      });\n    });\n  }\n\n  async dataTableSelectDialog(\n    dataTable: DataTable\n  ): Promise<DataTableSelectDialogResult> {\n    dataTable = reactive(dataTable) as DataTable;\n\n    dataTable.afterInitdEvent.once(() => {\n      // 过滤掉操作列\n      const columns = dataTable\n        .getColumns()\n        .filter((column) => column.name !== TableActionColumn.actionColumnName);\n      dataTable.setColumns(columns);\n    });\n\n    return new Promise((resolve) => {\n      const handleConfirm = () => {\n        resolve({ isConfirm: true, selections: dataTable.getSelection() });\n\n        dataTable.setList([]);\n        dataTable.setSelection([]);\n\n        dialogInstance.destroy();\n      };\n\n      const handleCancel = () => {\n        resolve({ isConfirm: false, selections: [] });\n\n        dialogInstance.destroy();\n      };\n\n      const dialogInstance = this.customRender({\n        class: \"mk-data-table-select-dialog\",\n        width: \"80%\",\n        body: () => {\n          return (\n            <div class=\"mk-data-table-select-dialog__main\">\n              <MKDataTable dataTable={dataTable} selection />\n            </div>\n          );\n        },\n        footer: () => {\n          return (\n            <Fragment>\n              <ElButton\n                type=\"primary\"\n                onClick={handleConfirm}\n                disabled={dataTable.getSelection().length === 0}\n              >\n                确定\n              </ElButton>\n              <ElButton onClick={handleCancel}>取消</ElButton>\n            </Fragment>\n          );\n        },\n      });\n    });\n  }\n\n  async dataFormDialog(\n    dataFormOptions: DataFormDialogOptions\n  ): Promise<DialogInstance> {\n    return new Promise((resolve) => {\n      const dataForm = reactive(dataFormOptions.dataForm) as DataForm;\n\n      let title = \"\";\n\n      if (dataFormOptions.customDataFormStatus !== true) {\n        if (dataFormOptions.recId) {\n          dataForm.editRecord(dataFormOptions.recId);\n        } else {\n          dataForm.addRecord();\n        }\n\n        title = dataFormOptions.recId ? \"编辑\" : \"新增\";\n      }\n\n      const dialogInstance = this.customRender({\n        title: dataFormOptions.title ?? title,\n        onClose: () => {\n          dataForm.cancel();\n\n          dialogInstance.destroy();\n        },\n        body: () => {\n          return (\n            <ElScrollbar max-height=\"600px\">\n              <MKDataForm dataForm={dataForm}>\n                <MKForm dataForm={dataForm} />\n              </MKDataForm>\n            </ElScrollbar>\n          );\n        },\n\n        footer: () => {\n          return (\n            <Fragment>\n              <ElButton\n                type=\"primary\"\n                disabled={!dataForm.isChanged}\n                loading={!dataForm.allowSubmit}\n                onClick={async () => {\n                  if (!(await dataForm.validate())) {\n                    return;\n                  }\n\n                  if (await dataForm.simpleSubmit()) {\n                    dialogInstance.destroy();\n                  }\n                }}\n              >\n                {I18n.instance.translate(\"mk.dataForm.saveButton\")}\n              </ElButton>\n              <ElButton\n                onClick={() => {\n                  dataForm.cancel();\n\n                  dialogInstance.destroy();\n                }}\n              >\n                {I18n.instance.translate(\"mk.dataForm.cancelButton\")}\n              </ElButton>\n            </Fragment>\n          );\n        },\n      });\n\n      resolve(dialogInstance);\n    });\n  }\n}\n"],"names":["_isSlot","s","Object","prototype","toString","call","_isVNode","uid","DialogerImpl","SkeletonDialoger","dialogInstanceCreateEvent","Event","prompt","options","promptResult","ElMessageBox","message","title","value","confirm","e","alert","customRender","visible","dialogInstance","class","id","v","visibleChangeEvent","emit","destroyEvent","destroy","custom","Promise","resolve","onConfirm","isFunction","onCancel","dataTableSelectDialog","dataTable","reactive","afterInitdEvent","once","columns","getColumns","filter","column","name","TableActionColumn","actionColumnName","setColumns","handleConfirm","isConfirm","selections","getSelection","setList","setSelection","handleCancel","width","body","_createVNode","MKDataTable","footer","_Fragment","ElButton","length","default","_createTextVNode","dataFormDialog","dataFormOptions","dataForm","customDataFormStatus","recId","editRecord","addRecord","onClose","cancel","ElScrollbar","MKDataForm","MKForm","_slot","_slot2","isChanged","allowSubmit","validate","simpleSubmit","I18n","instance","translate","onClick"],"mappings":"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"}
+{"version":3,"file":"DialogerImpl.js","sources":["../../../src/message-impl/DialogerImpl.tsx"],"sourcesContent":["import {\n  DataForm,\n  DataFormDialogOptions,\n  DataTable,\n  DataTableSelectDialogResult,\n  DialogInstance,\n  IDialogMessage,\n  IDialogRenderOptions,\n  Messager,\n  SkeletonDialoger,\n  TableActionColumn,\n} from \"@maketribe/dm\";\nimport { Event } from \"@maketribe/utils\";\nimport { ElButton, ElDrawer, ElMessageBox, ElScrollbar } from \"element-plus\";\nimport { isFunction } from \"lodash-es\";\nimport { MKDataForm, MKDataTable, MKForm } from \"../components\";\nimport { Fragment, reactive } from \"vue\";\nimport { I18n } from \"@maketribe/locale\";\n\nlet uid = 0;\n\nexport class DialogerImpl extends SkeletonDialoger {\n  dialogInstanceCreateEvent: Event<DialogInstance> = new Event();\n\n  async prompt(options: IDialogMessage): Promise<string> {\n    const promptResult = await ElMessageBox.prompt(\n      options.message,\n      options.title,\n      options\n    );\n\n    return promptResult.value;\n  }\n\n  async confirm(options: IDialogMessage): Promise<boolean> {\n    try {\n      await ElMessageBox.confirm(options.message, options.title, options);\n      return true;\n    } catch (e) {\n      return false;\n    }\n  }\n\n  async alert(options: IDialogMessage): Promise<void> {\n    await ElMessageBox.alert(options.message, options.title, options);\n  }\n\n  customRender(options: IDialogRenderOptions): DialogInstance {\n    let visible = true;\n\n    const dialogInstance: DialogInstance = {\n      class: \"\",\n      ...options,\n      id: uid++,\n      get visible() {\n        return visible;\n      },\n      set visible(v) {\n        visible = v;\n        dialogInstance.visibleChangeEvent.emit(visible);\n      },\n      visibleChangeEvent: new Event(),\n      destroyEvent: new Event(),\n      destroy: () => {\n        dialogInstance.visible = false;\n        dialogInstance.destroyEvent.emit();\n      },\n    };\n    this.dialogInstanceCreateEvent.emit(dialogInstance);\n\n    return dialogInstance;\n  }\n\n  async custom(options: IDialogRenderOptions): Promise<boolean> {\n    return new Promise<boolean>((resolve) => {\n      const dialogInstance = this.customRender({\n        ...options,\n        onConfirm: async () => {\n          if (\n            isFunction(options.onConfirm)\n              ? (await options.onConfirm()) === false\n              : false\n          ) {\n            return false;\n          }\n\n          dialogInstance.destroy();\n\n          resolve(true);\n        },\n        onCancel: async () => {\n          if (\n            isFunction(options.onCancel)\n              ? (await options.onCancel()) === false\n              : false\n          ) {\n            return false;\n          }\n\n          dialogInstance.destroy();\n\n          resolve(false);\n        },\n      });\n    });\n  }\n\n  async dataTableSelectDialog(\n    dataTable: DataTable\n  ): Promise<DataTableSelectDialogResult> {\n    dataTable = reactive(dataTable) as DataTable;\n\n    dataTable.afterInitdEvent.once(() => {\n      // 过滤掉操作列\n      const columns = dataTable\n        .getColumns()\n        .filter((column) => column.name !== TableActionColumn.actionColumnName);\n      dataTable.setColumns(columns);\n    });\n\n    return new Promise((resolve) => {\n      const handleConfirm = () => {\n        resolve({ isConfirm: true, selections: dataTable.getSelection() });\n\n        dataTable.setList([]);\n        dataTable.setSelection([]);\n\n        dialogInstance.destroy();\n      };\n\n      const handleCancel = () => {\n        resolve({ isConfirm: false, selections: [] });\n\n        dialogInstance.destroy();\n      };\n\n      const dialogInstance = this.customRender({\n        class: \"mk-data-table-select-dialog\",\n        width: \"80%\",\n        body: () => {\n          return (\n            <div class=\"mk-data-table-select-dialog__main\">\n              <MKDataTable dataTable={dataTable} selection />\n            </div>\n          );\n        },\n        footer: () => {\n          return (\n            <Fragment>\n              <ElButton\n                type=\"primary\"\n                onClick={handleConfirm}\n                disabled={dataTable.getSelection().length === 0}\n              >\n                确定\n              </ElButton>\n              <ElButton onClick={handleCancel}>取消</ElButton>\n            </Fragment>\n          );\n        },\n      });\n    });\n  }\n\n  async dataFormDialog(\n    dataFormOptions: DataFormDialogOptions\n  ): Promise<DialogInstance> {\n    return new Promise((resolve) => {\n      const dataForm = reactive(dataFormOptions.dataForm) as DataForm;\n\n      let title = \"\";\n\n      if (dataFormOptions.customDataFormStatus !== true) {\n        if (dataFormOptions.recId) {\n          dataForm.editRecord(dataFormOptions.recId);\n        } else {\n          dataForm.addRecord();\n        }\n\n        title = dataFormOptions.recId ? \"编辑\" : \"新增\";\n      }\n\n      const dialogInstance = this.customRender({\n        title: dataFormOptions.title ?? title,\n        onClose: () => {\n          dataForm.cancel();\n\n          dialogInstance.destroy();\n        },\n        body: () => {\n          return (\n            <ElScrollbar max-height=\"600px\">\n              <MKDataForm dataForm={dataForm}>\n                <MKForm dataForm={dataForm} />\n              </MKDataForm>\n            </ElScrollbar>\n          );\n        },\n\n        footer: () => {\n          return (\n            <Fragment>\n              <ElButton\n                type=\"primary\"\n                disabled={!dataForm.isChanged}\n                loading={!dataForm.allowSubmit}\n                onClick={async () => {\n                  if (!(await dataForm.validate())) {\n                    return;\n                  }\n\n                  if (await dataForm.simpleSubmit()) {\n                    dialogInstance.destroy();\n                  }\n                }}\n              >\n                {I18n.instance.translate(\"mk.dataForm.saveButton\")}\n              </ElButton>\n              <ElButton\n                onClick={() => {\n                  dataForm.cancel();\n\n                  dialogInstance.destroy();\n                }}\n              >\n                {I18n.instance.translate(\"mk.dataForm.cancelButton\")}\n              </ElButton>\n            </Fragment>\n          );\n        },\n      });\n\n      resolve(dialogInstance);\n    });\n  }\n}\n"],"names":["_isSlot","s","Object","prototype","toString","call","_isVNode","uid","DialogerImpl","SkeletonDialoger","dialogInstanceCreateEvent","Event","prompt","options","promptResult","ElMessageBox","message","title","value","confirm","e","alert","customRender","visible","dialogInstance","class","id","v","visibleChangeEvent","emit","destroyEvent","destroy","custom","Promise","resolve","onConfirm","isFunction","onCancel","dataTableSelectDialog","dataTable","reactive","afterInitdEvent","once","columns","getColumns","filter","column","name","TableActionColumn","actionColumnName","setColumns","handleConfirm","isConfirm","selections","getSelection","setList","setSelection","handleCancel","width","body","_createVNode","MKDataTable","footer","_Fragment","ElButton","length","default","_createTextVNode","dataFormDialog","dataFormOptions","dataForm","customDataFormStatus","recId","editRecord","addRecord","onClose","cancel","ElScrollbar","MKDataForm","MKForm","_slot","_slot2","isChanged","allowSubmit","validate","simpleSubmit","I18n","instance","translate","onClick"],"mappings":"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"}

package/dist/cjs/modules/cms/components/part-tree/index.vue.js

@@ -35,7 +35,8 @@ require("../../../../components/basic/upload-file/upload-file-options.js");
 require("../../../../components/basic/doc-editor/index.js");
 require("../../../../components/basic/copy-container/index.js");
 require("../../../../components/basic/image-cropper/index.js");
-require("../../../../components/business/verify-dialog/index.js");
+const useI18n = require("../../../../composables/use-i18n.js");
+require("../../../../components/business/verify-dialog/verify-dialog-option.js");
 require("../../../../components/business/resource-list/index.js");
 require("../../../../components/business/resource-manager/index.js");
 require("../../../ms/dataviews/department/DepartmentForm.js");
@@ -52,7 +53,6 @@ require("../../../ms/material-upload-context/material-upload-context-options.js"
 require("../../../ms/material-upload-context/material-upload-context.js");
 const CmsPartTree = require("../../dataviews/cms-parts/CmsPartTree.js");
 require("@codemirror/lang-html");
-const useI18n = require("../../../../composables/use-i18n.js");
 const index$1 = require("../../../../components/data-model/data-table/views/tree/index.js");
 const _hoisted_1 = { class: "cms-part-tree" };
 const _hoisted_2 = { class: "cms-part-tree__header" };