m-eleplus-crud 0.0.11 → 0.0.13

package/es/packages/components/dialog/src/dialog.mjs

@@ -1,80 +1,121 @@
-import { isBoolean } from '../../../utils/types.mjs';
-import { buildProps } from '../../../utils/vue/props/runtime.mjs';
-import { useSizeProp } from '../../../hooks/use-size/index.mjs';
-import { isFunction } from '@vue/shared';
+import { defineComponent, useSlots, ref, resolveComponent, openBlock, createElementBlock, createVNode, withCtx, unref, createBlock, createTextVNode, toDisplayString, createCommentVNode, renderSlot } from 'vue';
+import { dialogProps, dialogEmits } from './dialog2.mjs';
+import _export_sfc from '../../../../_virtual/plugin-vue_export-helper.mjs';
+import { useLocale } from '../../../hooks/use-locale/index.mjs';
+import { useGlobalConfig } from '../../config-provider/src/hooks/use-global-config.mjs';
 
-const dialogProps = buildProps({
-  size: useSizeProp,
-  modelValue: {
-    type: Boolean,
-    required: true
-  },
-  title: {
-    type: String,
-    default: ""
-  },
-  width: {
-    type: String,
-    default: "600px"
-  },
-  top: {
-    type: String,
-    default: "2vh"
-  },
-  appendToBody: {
-    type: Boolean,
-    default: true
-  },
-  closeOnClickModal: {
-    type: Boolean,
-    default: false
-  },
-  closeOnnPressEscape: {
-    type: Boolean,
-    default: false
-  },
-  beforeClose: {
-    type: Function
-  },
-  draggable: {
-    type: Boolean,
-    default: true
-  },
-  destroyOnClose: {
-    type: Boolean,
-    default: true
-  },
-  saveBtn: {
-    type: Boolean,
-    default: true
-  },
-  cancelBtn: {
-    type: Boolean,
-    default: true
-  },
-  saveBtnText: {
-    type: String,
-    default: ""
-  },
-  saveBtnIcon: {
-    type: String,
-    default: "CircleCheck"
-  },
-  cancelBtnIcon: {
-    type: String,
-    default: "CircleClose"
-  },
-  cancelBtnText: {
-    type: String,
-    default: ""
+const COMPONENT_NAME = "MDialog";
+const __default__ = defineComponent({
+  name: COMPONENT_NAME
+});
+const _sfc_main = defineComponent({
+  ...__default__,
+  props: dialogProps,
+  emits: dialogEmits,
+  setup(__props, { emit: __emit }) {
+    const props = __props;
+    const emit = __emit;
+    const slots = useSlots();
+    const { t } = useLocale();
+    const globalConfig = useGlobalConfig();
+    const dialogLoading = ref(false);
+    const closeDialog = () => {
+      emit("update:modelValue", false);
+      emit("close");
+    };
+    const enter = () => {
+      dialogLoading.value = true;
+      const done = () => {
+        emit("update:modelValue", false);
+      };
+      const loading = () => {
+        dialogLoading.value = false;
+      };
+      emit("enter", done, loading);
+    };
+    const close = () => {
+      emit("update:modelValue", false);
+      emit("cancel");
+    };
+    const onBeforeClose = (done) => {
+      if (dialogLoading.value) {
+        return false;
+      }
+      if (props.beforeClose) {
+        props.beforeClose(done);
+      } else {
+        done();
+      }
+    };
+    return (_ctx, _cache) => {
+      const _component_el_button = resolveComponent("el-button");
+      const _component_el_dialog = resolveComponent("el-dialog");
+      return openBlock(), createElementBlock("div", { class: "m-dialog" }, [
+        createVNode(_component_el_dialog, {
+          class: "m-dialog",
+          "model-value": _ctx.modelValue,
+          title: _ctx.title,
+          width: _ctx.width,
+          top: _ctx.top,
+          "append-to-body": _ctx.appendToBody,
+          "close-on-click-modal": _ctx.closeOnClickModal,
+          "close-onn-press-escape": _ctx.closeOnnPressEscape,
+          "before-close": onBeforeClose,
+          draggable: _ctx.draggable,
+          "destroy-on-close": _ctx.destroyOnClose,
+          onClose: closeDialog
+        }, {
+          footer: withCtx(() => [
+            !unref(slots).btns ? (openBlock(), createElementBlock("div", {
+              key: 0,
+              class: "dialog-footer"
+            }, [
+              _ctx.cancelBtn ? (openBlock(), createBlock(_component_el_button, {
+                key: 0,
+                size: _ctx.size || unref(globalConfig).size,
+                icon: _ctx.cancelBtnIcon,
+                loading: dialogLoading.value,
+                onClick: close
+              }, {
+                default: withCtx(() => [
+                  createTextVNode(
+                    toDisplayString(_ctx.cancelBtnText || unref(t)("m.dialog.cancelText")),
+                    1
+                  )
+                ]),
+                _: 1
+              }, 8, ["size", "icon", "loading"])) : createCommentVNode("v-if", true),
+              _ctx.saveBtn ? (openBlock(), createBlock(_component_el_button, {
+                key: 1,
+                size: _ctx.size || unref(globalConfig).size,
+                icon: _ctx.saveBtnIcon,
+                loading: dialogLoading.value,
+                type: "primary",
+                onClick: enter
+              }, {
+                default: withCtx(() => [
+                  createTextVNode(
+                    toDisplayString(_ctx.saveBtnText || unref(t)("m.dialog.confirmText")),
+                    1
+                  )
+                ]),
+                _: 1
+              }, 8, ["size", "icon", "loading"])) : createCommentVNode("v-if", true)
+            ])) : renderSlot(_ctx.$slots, "btns", {
+              key: 1,
+              loading: dialogLoading.value
+            })
+          ]),
+          default: withCtx(() => [
+            renderSlot(_ctx.$slots, "default", { loading: dialogLoading.value })
+          ]),
+          _: 3
+        }, 8, ["model-value", "title", "width", "top", "append-to-body", "close-on-click-modal", "close-onn-press-escape", "draggable", "destroy-on-close"])
+      ]);
+    };
   }
 });
-const dialogEmits = {
-  "update:modelValue": (value) => isBoolean(value),
-  close: () => true,
-  cancel: () => true,
-  enter: (done, loading) => isFunction(done) && isFunction(loading)
-};
+var Dialog = /* @__PURE__ */ _export_sfc(_sfc_main, [["__file", "dialog.vue"]]);
 
-export { dialogEmits, dialogProps };
+export { Dialog as default };
 //# sourceMappingURL=dialog.mjs.map

package/es/packages/components/dialog/src/dialog.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"dialog.mjs","sources":["../../../../../../../packages/components/dialog/src/dialog.ts"],"sourcesContent":["import { buildProps, isBoolean, isFunction } from '@m-eleplus-crud/utils'\r\nimport { useSizeProp } from '@m-eleplus-crud/hooks'\r\n\r\nimport type { ExtractPropTypes } from 'vue'\r\n\r\nexport const dialogProps = buildProps({\r\n  /**\r\n   * @description 弹窗尺寸\r\n   */\r\n  size: useSizeProp,\r\n  /**\r\n   * @description 弹窗显示状态\r\n   */\r\n  modelValue: {\r\n    type: Boolean,\r\n    required: true,\r\n  },\r\n  /**\r\n   * @description 弹窗标题\r\n   */\r\n  title: {\r\n    type: String,\r\n    default: '',\r\n  },\r\n  /**\r\n   * @description 弹窗宽度\r\n   */\r\n  width: {\r\n    type: String,\r\n    default: '600px',\r\n  },\r\n  /**\r\n   * @description 顶部距离\r\n   */\r\n  top: {\r\n    type: String,\r\n    default: '2vh',\r\n  },\r\n  /**\r\n   * @description 插入body\r\n   */\r\n  appendToBody: {\r\n    type: Boolean,\r\n    default: true,\r\n  },\r\n  /**\r\n   * @description 是否可以通过点击modal关闭Dialog\r\n   */\r\n  closeOnClickModal: {\r\n    type: Boolean,\r\n    default: false,\r\n  },\r\n  /**\r\n   * @description 是否可以通过按下ESC关闭Dialog\r\n   */\r\n  closeOnnPressEscape: {\r\n    type: Boolean,\r\n    default: false,\r\n  },\r\n  /**\r\n   * @description 弹窗关闭前回调\r\n   */\r\n  beforeClose: {\r\n    type: Function,\r\n  },\r\n  /**\r\n   * @description 为dialog开启拖拽功能\r\n   */\r\n  draggable: {\r\n    type: Boolean,\r\n    default: true,\r\n  },\r\n  /**\r\n   * @description 当关闭Dialog时，销毁其中的元素\r\n   */\r\n  destroyOnClose: {\r\n    type: Boolean,\r\n    default: true,\r\n  },\r\n  /**\r\n   * @description 保存按钮是否展示\r\n   */\r\n  saveBtn: {\r\n    type: Boolean,\r\n    default: true,\r\n  },\r\n  /**\r\n   * @description 取消按钮是否展示\r\n   */\r\n  cancelBtn: {\r\n    type: Boolean,\r\n    default: true,\r\n  },\r\n  /**\r\n   * @description 保存按钮文字\r\n   */\r\n  saveBtnText: {\r\n    type: String,\r\n    default: '',\r\n  },\r\n  /**\r\n   * @description 保存按钮图标\r\n   */\r\n  saveBtnIcon: {\r\n    type: String,\r\n    default: 'CircleCheck',\r\n  },\r\n  /**\r\n   * @description 取消按钮图标\r\n   */\r\n  cancelBtnIcon: {\r\n    type: String,\r\n    default: 'CircleClose',\r\n  },\r\n  /**\r\n   * @description 取消按钮文字\r\n   */\r\n  cancelBtnText: {\r\n    type: String,\r\n    default: '',\r\n  },\r\n} as const)\r\nexport type DialogProps = ExtractPropTypes<typeof dialogProps>\r\n\r\nexport const dialogEmits = {\r\n  /**\r\n   * @description 更新弹窗状态\r\n   * @param value 弹窗显示状态\r\n   * @returns\r\n   */\r\n  'update:modelValue': (value: boolean) => isBoolean(value),\r\n  /**\r\n   * @description 弹窗关闭\r\n   * @returns\r\n   */\r\n  close: () => true,\r\n  /**\r\n   * @description 弹窗取消\r\n   * @returns\r\n   */\r\n  cancel: () => true,\r\n  /**\r\n   * @description 弹窗确认\r\n   * @param done 完成\r\n   * @param loading 加载完毕\r\n   * @returns\r\n   */\r\n  enter: (done: () => void, loading: () => void) =>\r\n    isFunction(done) && isFunction(loading),\r\n}\r\nexport type DialogEmits = typeof dialogEmits\r\n"],"names":[],"mappings":";;;;;AAKO,MAAM,cAAc,UAAW,CAAA;AAAA,EAIpC,IAAM,EAAA,WAAA;AAAA,EAIN,UAAY,EAAA;AAAA,IACV,IAAM,EAAA,OAAA;AAAA,IACN,QAAU,EAAA,IAAA;AAAA,GACZ;AAAA,EAIA,KAAO,EAAA;AAAA,IACL,IAAM,EAAA,MAAA;AAAA,IACN,OAAS,EAAA,EAAA;AAAA,GACX;AAAA,EAIA,KAAO,EAAA;AAAA,IACL,IAAM,EAAA,MAAA;AAAA,IACN,OAAS,EAAA,OAAA;AAAA,GACX;AAAA,EAIA,GAAK,EAAA;AAAA,IACH,IAAM,EAAA,MAAA;AAAA,IACN,OAAS,EAAA,KAAA;AAAA,GACX;AAAA,EAIA,YAAc,EAAA;AAAA,IACZ,IAAM,EAAA,OAAA;AAAA,IACN,OAAS,EAAA,IAAA;AAAA,GACX;AAAA,EAIA,iBAAmB,EAAA;AAAA,IACjB,IAAM,EAAA,OAAA;AAAA,IACN,OAAS,EAAA,KAAA;AAAA,GACX;AAAA,EAIA,mBAAqB,EAAA;AAAA,IACnB,IAAM,EAAA,OAAA;AAAA,IACN,OAAS,EAAA,KAAA;AAAA,GACX;AAAA,EAIA,WAAa,EAAA;AAAA,IACX,IAAM,EAAA,QAAA;AAAA,GACR;AAAA,EAIA,SAAW,EAAA;AAAA,IACT,IAAM,EAAA,OAAA;AAAA,IACN,OAAS,EAAA,IAAA;AAAA,GACX;AAAA,EAIA,cAAgB,EAAA;AAAA,IACd,IAAM,EAAA,OAAA;AAAA,IACN,OAAS,EAAA,IAAA;AAAA,GACX;AAAA,EAIA,OAAS,EAAA;AAAA,IACP,IAAM,EAAA,OAAA;AAAA,IACN,OAAS,EAAA,IAAA;AAAA,GACX;AAAA,EAIA,SAAW,EAAA;AAAA,IACT,IAAM,EAAA,OAAA;AAAA,IACN,OAAS,EAAA,IAAA;AAAA,GACX;AAAA,EAIA,WAAa,EAAA;AAAA,IACX,IAAM,EAAA,MAAA;AAAA,IACN,OAAS,EAAA,EAAA;AAAA,GACX;AAAA,EAIA,WAAa,EAAA;AAAA,IACX,IAAM,EAAA,MAAA;AAAA,IACN,OAAS,EAAA,aAAA;AAAA,GACX;AAAA,EAIA,aAAe,EAAA;AAAA,IACb,IAAM,EAAA,MAAA;AAAA,IACN,OAAS,EAAA,aAAA;AAAA,GACX;AAAA,EAIA,aAAe,EAAA;AAAA,IACb,IAAM,EAAA,MAAA;AAAA,IACN,OAAS,EAAA,EAAA;AAAA,GACX;AACF,CAAU,EAAA;AAGH,MAAM,WAAc,GAAA;AAAA,EAMzB,mBAAqB,EAAA,CAAC,KAAmB,KAAA,SAAA,CAAU,KAAK,CAAA;AAAA,EAKxD,OAAO,MAAM,IAAA;AAAA,EAKb,QAAQ,MAAM,IAAA;AAAA,EAOd,KAAA,EAAO,CAAC,IAAkB,EAAA,OAAA,KACxB,WAAW,IAAI,CAAA,IAAK,WAAW,OAAO,CAAA;AAC1C;;;;"}
+{"version":3,"file":"dialog.mjs","sources":["../../../../../../../packages/components/dialog/src/dialog.vue"],"sourcesContent":["<template>\r\n  <div class=\"m-dialog\">\r\n    <el-dialog\r\n      class=\"m-dialog\"\r\n      :model-value=\"modelValue\"\r\n      :title=\"title\"\r\n      :width=\"width\"\r\n      :top=\"top\"\r\n      :append-to-body=\"appendToBody\"\r\n      :close-on-click-modal=\"closeOnClickModal\"\r\n      :close-onn-press-escape=\"closeOnnPressEscape\"\r\n      :before-close=\"onBeforeClose\"\r\n      :draggable=\"draggable\"\r\n      :destroy-on-close=\"destroyOnClose\"\r\n      @close=\"closeDialog\"\r\n    >\r\n      <slot :loading=\"dialogLoading\" />\r\n      <template #footer>\r\n        <div v-if=\"!slots.btns\" class=\"dialog-footer\">\r\n          <el-button\r\n            v-if=\"cancelBtn\"\r\n            :size=\"size || globalConfig.size\"\r\n            :icon=\"cancelBtnIcon\"\r\n            :loading=\"dialogLoading\"\r\n            @click=\"close\"\r\n          >\r\n            {{ cancelBtnText || t('m.dialog.cancelText') }}\r\n          </el-button>\r\n          <el-button\r\n            v-if=\"saveBtn\"\r\n            :size=\"size || globalConfig.size\"\r\n            :icon=\"saveBtnIcon\"\r\n            :loading=\"dialogLoading\"\r\n            type=\"primary\"\r\n            @click=\"enter\"\r\n          >\r\n            {{ saveBtnText || t('m.dialog.confirmText') }}\r\n          </el-button>\r\n        </div>\r\n        <slot v-else :loading=\"dialogLoading\" name=\"btns\" />\r\n      </template>\r\n    </el-dialog>\r\n  </div>\r\n</template>\r\n\r\n<script lang=\"ts\" setup>\r\nimport { ref, useSlots } from 'vue'\r\nimport { useGlobalConfig } from '@m-eleplus-crud/components'\r\nimport { useLocale } from '@m-eleplus-crud/hooks'\r\nimport { dialogEmits, dialogProps } from './dialog'\r\n\r\nconst COMPONENT_NAME = 'MDialog'\r\ndefineOptions({\r\n  name: COMPONENT_NAME,\r\n})\r\n\r\nconst props = defineProps(dialogProps)\r\nconst emit = defineEmits(dialogEmits)\r\n\r\n// 插槽信息\r\nconst slots = useSlots()\r\n// 国际化\r\nconst { t } = useLocale()\r\n// 全局配置\r\nconst globalConfig = useGlobalConfig()\r\n\r\n// 弹窗内是否loading\r\nconst dialogLoading = ref(false)\r\n\r\n/**\r\n * @description 弹窗关闭\r\n */\r\nconst closeDialog = () => {\r\n  emit('update:modelValue', false)\r\n  emit('close')\r\n}\r\n\r\n/**\r\n * 确认\r\n */\r\nconst enter = () => {\r\n  // 弹窗开始加载\r\n  dialogLoading.value = true\r\n  // 关闭表单\r\n  const done = () => {\r\n    emit('update:modelValue', false)\r\n  }\r\n  // 关闭加载\r\n  const loading = () => {\r\n    dialogLoading.value = false\r\n  }\r\n\r\n  emit('enter', done, loading)\r\n}\r\n\r\n/**\r\n * 关闭\r\n */\r\nconst close = () => {\r\n  emit('update:modelValue', false)\r\n  emit('cancel')\r\n}\r\n\r\n/**\r\n * 弹窗关闭前\r\n * @param done 完成回调\r\n */\r\nconst onBeforeClose = (done: () => void) => {\r\n  if (dialogLoading.value) {\r\n    return false\r\n  }\r\n  if (props.beforeClose) {\r\n    props.beforeClose(done)\r\n  } else {\r\n    done()\r\n  }\r\n}\r\n</script>\r\n"],"names":["DO_defineComponent"],"mappings":";;;;;;;AAoDc,MAAA,cAAAA,eAAA,CAAA;AAAA,EACZ,IAAM,EAAA,cAAA;AACR;;;;;;AAEA,IAAA,MAAM,KAAQ,GAAA,OAAA,CAAA;AACd,IAAA,MAAM,IAAO,GAAA,MAAA,CAAA;AAGb,IAAA,MAAM,QAAQ,QAAS,EAAA,CAAA;AAEjB,IAAA,MAAA,EAAE,CAAE,EAAA,GAAI,SAAU,EAAA,CAAA;AAExB,IAAA,MAAM,eAAe,eAAgB,EAAA,CAAA;AAG/B,IAAA,MAAA,aAAA,GAAgB,IAAI,KAAK,CAAA,CAAA;AAK/B,IAAA,MAAM,cAAc,MAAM;AACxB,MAAA,IAAA,CAAK,qBAAqB,KAAK,CAAA,CAAA;AAC/B,MAAA,IAAA,CAAK,OAAO,CAAA,CAAA;AAAA,KACd,CAAA;AAKA,IAAA,MAAM,QAAQ,MAAM;AAElB,MAAA,aAAA,CAAc,KAAQ,GAAA,IAAA,CAAA;AAEtB,MAAA,MAAM,OAAO,MAAM;AACjB,QAAA,IAAA,CAAK,qBAAqB,KAAK,CAAA,CAAA;AAAA,OACjC,CAAA;AAEA,MAAA,MAAM,UAAU,MAAM;AACpB,QAAA,aAAA,CAAc,KAAQ,GAAA,KAAA,CAAA;AAAA,OACxB,CAAA;AAEK,MAAA,IAAA,CAAA,OAAA,EAAS,MAAM,OAAO,CAAA,CAAA;AAAA,KAC7B,CAAA;AAKA,IAAA,MAAM,QAAQ,MAAM;AAClB,MAAA,IAAA,CAAK,qBAAqB,KAAK,CAAA,CAAA;AAC/B,MAAA,IAAA,CAAK,QAAQ,CAAA,CAAA;AAAA,KACf,CAAA;AAMM,IAAA,MAAA,aAAA,GAAgB,CAAC,IAAqB,KAAA;AAC1C,MAAA,IAAI,cAAc,KAAO,EAAA;AAChB,QAAA,OAAA,KAAA,CAAA;AAAA,OACT;AACA,MAAA,IAAI,MAAM,WAAa,EAAA;AACrB,QAAA,KAAA,CAAM,YAAY,IAAI,CAAA,CAAA;AAAA,OACjB,MAAA;AACA,QAAA,IAAA,EAAA,CAAA;AAAA,OACP;AAAA,KACF,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/es/packages/components/dialog/src/dialog2.mjs

@@ -1,121 +1,80 @@
-import { defineComponent, useSlots, ref, resolveComponent, openBlock, createElementBlock, createVNode, withCtx, unref, createBlock, createTextVNode, toDisplayString, createCommentVNode, renderSlot } from 'vue';
-import { dialogProps, dialogEmits } from './dialog.mjs';
-import _export_sfc from '../../../../_virtual/plugin-vue_export-helper.mjs';
-import { useLocale } from '../../../hooks/use-locale/index.mjs';
-import { useGlobalConfig } from '../../config-provider/src/hooks/use-global-config.mjs';
+import { isBoolean } from '../../../utils/types.mjs';
+import { buildProps } from '../../../utils/vue/props/runtime.mjs';
+import { useSizeProp } from '../../../hooks/use-size/index.mjs';
+import { isFunction } from '@vue/shared';
 
-const COMPONENT_NAME = "MDialog";
-const __default__ = defineComponent({
-  name: COMPONENT_NAME
-});
-const _sfc_main = defineComponent({
-  ...__default__,
-  props: dialogProps,
-  emits: dialogEmits,
-  setup(__props, { emit: __emit }) {
-    const props = __props;
-    const emit = __emit;
-    const slots = useSlots();
-    const { t } = useLocale();
-    const globalConfig = useGlobalConfig();
-    const dialogLoading = ref(false);
-    const closeDialog = () => {
-      emit("update:modelValue", false);
-      emit("close");
-    };
-    const enter = () => {
-      dialogLoading.value = true;
-      const done = () => {
-        emit("update:modelValue", false);
-      };
-      const loading = () => {
-        dialogLoading.value = false;
-      };
-      emit("enter", done, loading);
-    };
-    const close = () => {
-      emit("update:modelValue", false);
-      emit("cancel");
-    };
-    const onBeforeClose = (done) => {
-      if (dialogLoading.value) {
-        return false;
-      }
-      if (props.beforeClose) {
-        props.beforeClose(done);
-      } else {
-        done();
-      }
-    };
-    return (_ctx, _cache) => {
-      const _component_el_button = resolveComponent("el-button");
-      const _component_el_dialog = resolveComponent("el-dialog");
-      return openBlock(), createElementBlock("div", { class: "m-dialog" }, [
-        createVNode(_component_el_dialog, {
-          class: "m-dialog",
-          "model-value": _ctx.modelValue,
-          title: _ctx.title,
-          width: _ctx.width,
-          top: _ctx.top,
-          "append-to-body": _ctx.appendToBody,
-          "close-on-click-modal": _ctx.closeOnClickModal,
-          "close-onn-press-escape": _ctx.closeOnnPressEscape,
-          "before-close": onBeforeClose,
-          draggable: _ctx.draggable,
-          "destroy-on-close": _ctx.destroyOnClose,
-          onClose: closeDialog
-        }, {
-          footer: withCtx(() => [
-            !unref(slots).btns ? (openBlock(), createElementBlock("div", {
-              key: 0,
-              class: "dialog-footer"
-            }, [
-              _ctx.cancelBtn ? (openBlock(), createBlock(_component_el_button, {
-                key: 0,
-                size: _ctx.size || unref(globalConfig).size,
-                icon: _ctx.cancelBtnIcon,
-                loading: dialogLoading.value,
-                onClick: close
-              }, {
-                default: withCtx(() => [
-                  createTextVNode(
-                    toDisplayString(_ctx.cancelBtnText || unref(t)("m.dialog.cancelText")),
-                    1
-                  )
-                ]),
-                _: 1
-              }, 8, ["size", "icon", "loading"])) : createCommentVNode("v-if", true),
-              _ctx.saveBtn ? (openBlock(), createBlock(_component_el_button, {
-                key: 1,
-                size: _ctx.size || unref(globalConfig).size,
-                icon: _ctx.saveBtnIcon,
-                loading: dialogLoading.value,
-                type: "primary",
-                onClick: enter
-              }, {
-                default: withCtx(() => [
-                  createTextVNode(
-                    toDisplayString(_ctx.saveBtnText || unref(t)("m.dialog.confirmText")),
-                    1
-                  )
-                ]),
-                _: 1
-              }, 8, ["size", "icon", "loading"])) : createCommentVNode("v-if", true)
-            ])) : renderSlot(_ctx.$slots, "btns", {
-              key: 1,
-              loading: dialogLoading.value
-            })
-          ]),
-          default: withCtx(() => [
-            renderSlot(_ctx.$slots, "default", { loading: dialogLoading.value })
-          ]),
-          _: 3
-        }, 8, ["model-value", "title", "width", "top", "append-to-body", "close-on-click-modal", "close-onn-press-escape", "draggable", "destroy-on-close"])
-      ]);
-    };
+const dialogProps = buildProps({
+  size: useSizeProp,
+  modelValue: {
+    type: Boolean,
+    required: true
+  },
+  title: {
+    type: String,
+    default: ""
+  },
+  width: {
+    type: String,
+    default: "600px"
+  },
+  top: {
+    type: String,
+    default: "2vh"
+  },
+  appendToBody: {
+    type: Boolean,
+    default: true
+  },
+  closeOnClickModal: {
+    type: Boolean,
+    default: false
+  },
+  closeOnnPressEscape: {
+    type: Boolean,
+    default: false
+  },
+  beforeClose: {
+    type: Function
+  },
+  draggable: {
+    type: Boolean,
+    default: true
+  },
+  destroyOnClose: {
+    type: Boolean,
+    default: true
+  },
+  saveBtn: {
+    type: Boolean,
+    default: true
+  },
+  cancelBtn: {
+    type: Boolean,
+    default: true
+  },
+  saveBtnText: {
+    type: String,
+    default: ""
+  },
+  saveBtnIcon: {
+    type: String,
+    default: "CircleCheck"
+  },
+  cancelBtnIcon: {
+    type: String,
+    default: "CircleClose"
+  },
+  cancelBtnText: {
+    type: String,
+    default: ""
   }
 });
-var Dialog = /* @__PURE__ */ _export_sfc(_sfc_main, [["__file", "dialog.vue"]]);
+const dialogEmits = {
+  "update:modelValue": (value) => isBoolean(value),
+  close: () => true,
+  cancel: () => true,
+  enter: (done, loading) => isFunction(done) && isFunction(loading)
+};
 
-export { Dialog as default };
+export { dialogEmits, dialogProps };
 //# sourceMappingURL=dialog2.mjs.map

package/es/packages/components/dialog/src/dialog2.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"dialog2.mjs","sources":["../../../../../../../packages/components/dialog/src/dialog.vue"],"sourcesContent":["<template>\r\n  <div class=\"m-dialog\">\r\n    <el-dialog\r\n      class=\"m-dialog\"\r\n      :model-value=\"modelValue\"\r\n      :title=\"title\"\r\n      :width=\"width\"\r\n      :top=\"top\"\r\n      :append-to-body=\"appendToBody\"\r\n      :close-on-click-modal=\"closeOnClickModal\"\r\n      :close-onn-press-escape=\"closeOnnPressEscape\"\r\n      :before-close=\"onBeforeClose\"\r\n      :draggable=\"draggable\"\r\n      :destroy-on-close=\"destroyOnClose\"\r\n      @close=\"closeDialog\"\r\n    >\r\n      <slot :loading=\"dialogLoading\" />\r\n      <template #footer>\r\n        <div v-if=\"!slots.btns\" class=\"dialog-footer\">\r\n          <el-button\r\n            v-if=\"cancelBtn\"\r\n            :size=\"size || globalConfig.size\"\r\n            :icon=\"cancelBtnIcon\"\r\n            :loading=\"dialogLoading\"\r\n            @click=\"close\"\r\n          >\r\n            {{ cancelBtnText || t('m.dialog.cancelText') }}\r\n          </el-button>\r\n          <el-button\r\n            v-if=\"saveBtn\"\r\n            :size=\"size || globalConfig.size\"\r\n            :icon=\"saveBtnIcon\"\r\n            :loading=\"dialogLoading\"\r\n            type=\"primary\"\r\n            @click=\"enter\"\r\n          >\r\n            {{ saveBtnText || t('m.dialog.confirmText') }}\r\n          </el-button>\r\n        </div>\r\n        <slot v-else :loading=\"dialogLoading\" name=\"btns\" />\r\n      </template>\r\n    </el-dialog>\r\n  </div>\r\n</template>\r\n\r\n<script lang=\"ts\" setup>\r\nimport { ref, useSlots } from 'vue'\r\nimport { useGlobalConfig } from '@m-eleplus-crud/components'\r\nimport { useLocale } from '@m-eleplus-crud/hooks'\r\nimport { dialogEmits, dialogProps } from './dialog'\r\n\r\nconst COMPONENT_NAME = 'MDialog'\r\ndefineOptions({\r\n  name: COMPONENT_NAME,\r\n})\r\n\r\nconst props = defineProps(dialogProps)\r\nconst emit = defineEmits(dialogEmits)\r\n\r\n// 插槽信息\r\nconst slots = useSlots()\r\n// 国际化\r\nconst { t } = useLocale()\r\n// 全局配置\r\nconst globalConfig = useGlobalConfig()\r\n\r\n// 弹窗内是否loading\r\nconst dialogLoading = ref(false)\r\n\r\n/**\r\n * @description 弹窗关闭\r\n */\r\nconst closeDialog = () => {\r\n  emit('update:modelValue', false)\r\n  emit('close')\r\n}\r\n\r\n/**\r\n * 确认\r\n */\r\nconst enter = () => {\r\n  // 弹窗开始加载\r\n  dialogLoading.value = true\r\n  // 关闭表单\r\n  const done = () => {\r\n    emit('update:modelValue', false)\r\n  }\r\n  // 关闭加载\r\n  const loading = () => {\r\n    dialogLoading.value = false\r\n  }\r\n\r\n  emit('enter', done, loading)\r\n}\r\n\r\n/**\r\n * 关闭\r\n */\r\nconst close = () => {\r\n  emit('update:modelValue', false)\r\n  emit('cancel')\r\n}\r\n\r\n/**\r\n * 弹窗关闭前\r\n * @param done 完成回调\r\n */\r\nconst onBeforeClose = (done: () => void) => {\r\n  if (dialogLoading.value) {\r\n    return false\r\n  }\r\n  if (props.beforeClose) {\r\n    props.beforeClose(done)\r\n  } else {\r\n    done()\r\n  }\r\n}\r\n</script>\r\n"],"names":["DO_defineComponent"],"mappings":";;;;;;;AAoDc,MAAA,cAAAA,eAAA,CAAA;AAAA,EACZ,IAAM,EAAA,cAAA;AACR;;;;;;AAEA,IAAA,MAAM,KAAQ,GAAA,OAAA,CAAA;AACd,IAAA,MAAM,IAAO,GAAA,MAAA,CAAA;AAGb,IAAA,MAAM,QAAQ,QAAS,EAAA,CAAA;AAEjB,IAAA,MAAA,EAAE,CAAE,EAAA,GAAI,SAAU,EAAA,CAAA;AAExB,IAAA,MAAM,eAAe,eAAgB,EAAA,CAAA;AAG/B,IAAA,MAAA,aAAA,GAAgB,IAAI,KAAK,CAAA,CAAA;AAK/B,IAAA,MAAM,cAAc,MAAM;AACxB,MAAA,IAAA,CAAK,qBAAqB,KAAK,CAAA,CAAA;AAC/B,MAAA,IAAA,CAAK,OAAO,CAAA,CAAA;AAAA,KACd,CAAA;AAKA,IAAA,MAAM,QAAQ,MAAM;AAElB,MAAA,aAAA,CAAc,KAAQ,GAAA,IAAA,CAAA;AAEtB,MAAA,MAAM,OAAO,MAAM;AACjB,QAAA,IAAA,CAAK,qBAAqB,KAAK,CAAA,CAAA;AAAA,OACjC,CAAA;AAEA,MAAA,MAAM,UAAU,MAAM;AACpB,QAAA,aAAA,CAAc,KAAQ,GAAA,KAAA,CAAA;AAAA,OACxB,CAAA;AAEK,MAAA,IAAA,CAAA,OAAA,EAAS,MAAM,OAAO,CAAA,CAAA;AAAA,KAC7B,CAAA;AAKA,IAAA,MAAM,QAAQ,MAAM;AAClB,MAAA,IAAA,CAAK,qBAAqB,KAAK,CAAA,CAAA;AAC/B,MAAA,IAAA,CAAK,QAAQ,CAAA,CAAA;AAAA,KACf,CAAA;AAMM,IAAA,MAAA,aAAA,GAAgB,CAAC,IAAqB,KAAA;AAC1C,MAAA,IAAI,cAAc,KAAO,EAAA;AAChB,QAAA,OAAA,KAAA,CAAA;AAAA,OACT;AACA,MAAA,IAAI,MAAM,WAAa,EAAA;AACrB,QAAA,KAAA,CAAM,YAAY,IAAI,CAAA,CAAA;AAAA,OACjB,MAAA;AACA,QAAA,IAAA,EAAA,CAAA;AAAA,OACP;AAAA,KACF,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"dialog2.mjs","sources":["../../../../../../../packages/components/dialog/src/dialog.ts"],"sourcesContent":["import { buildProps, isBoolean, isFunction } from '@m-eleplus-crud/utils'\r\nimport { useSizeProp } from '@m-eleplus-crud/hooks'\r\n\r\nimport type { ExtractPropTypes } from 'vue'\r\n\r\nexport const dialogProps = buildProps({\r\n  /**\r\n   * @description 弹窗尺寸\r\n   */\r\n  size: useSizeProp,\r\n  /**\r\n   * @description 弹窗显示状态\r\n   */\r\n  modelValue: {\r\n    type: Boolean,\r\n    required: true,\r\n  },\r\n  /**\r\n   * @description 弹窗标题\r\n   */\r\n  title: {\r\n    type: String,\r\n    default: '',\r\n  },\r\n  /**\r\n   * @description 弹窗宽度\r\n   */\r\n  width: {\r\n    type: String,\r\n    default: '600px',\r\n  },\r\n  /**\r\n   * @description 顶部距离\r\n   */\r\n  top: {\r\n    type: String,\r\n    default: '2vh',\r\n  },\r\n  /**\r\n   * @description 插入body\r\n   */\r\n  appendToBody: {\r\n    type: Boolean,\r\n    default: true,\r\n  },\r\n  /**\r\n   * @description 是否可以通过点击modal关闭Dialog\r\n   */\r\n  closeOnClickModal: {\r\n    type: Boolean,\r\n    default: false,\r\n  },\r\n  /**\r\n   * @description 是否可以通过按下ESC关闭Dialog\r\n   */\r\n  closeOnnPressEscape: {\r\n    type: Boolean,\r\n    default: false,\r\n  },\r\n  /**\r\n   * @description 弹窗关闭前回调\r\n   */\r\n  beforeClose: {\r\n    type: Function,\r\n  },\r\n  /**\r\n   * @description 为dialog开启拖拽功能\r\n   */\r\n  draggable: {\r\n    type: Boolean,\r\n    default: true,\r\n  },\r\n  /**\r\n   * @description 当关闭Dialog时，销毁其中的元素\r\n   */\r\n  destroyOnClose: {\r\n    type: Boolean,\r\n    default: true,\r\n  },\r\n  /**\r\n   * @description 保存按钮是否展示\r\n   */\r\n  saveBtn: {\r\n    type: Boolean,\r\n    default: true,\r\n  },\r\n  /**\r\n   * @description 取消按钮是否展示\r\n   */\r\n  cancelBtn: {\r\n    type: Boolean,\r\n    default: true,\r\n  },\r\n  /**\r\n   * @description 保存按钮文字\r\n   */\r\n  saveBtnText: {\r\n    type: String,\r\n    default: '',\r\n  },\r\n  /**\r\n   * @description 保存按钮图标\r\n   */\r\n  saveBtnIcon: {\r\n    type: String,\r\n    default: 'CircleCheck',\r\n  },\r\n  /**\r\n   * @description 取消按钮图标\r\n   */\r\n  cancelBtnIcon: {\r\n    type: String,\r\n    default: 'CircleClose',\r\n  },\r\n  /**\r\n   * @description 取消按钮文字\r\n   */\r\n  cancelBtnText: {\r\n    type: String,\r\n    default: '',\r\n  },\r\n} as const)\r\nexport type DialogProps = ExtractPropTypes<typeof dialogProps>\r\n\r\nexport const dialogEmits = {\r\n  /**\r\n   * @description 更新弹窗状态\r\n   * @param value 弹窗显示状态\r\n   * @returns\r\n   */\r\n  'update:modelValue': (value: boolean) => isBoolean(value),\r\n  /**\r\n   * @description 弹窗关闭\r\n   * @returns\r\n   */\r\n  close: () => true,\r\n  /**\r\n   * @description 弹窗取消\r\n   * @returns\r\n   */\r\n  cancel: () => true,\r\n  /**\r\n   * @description 弹窗确认\r\n   * @param done 完成\r\n   * @param loading 加载完毕\r\n   * @returns\r\n   */\r\n  enter: (done: () => void, loading: () => void) =>\r\n    isFunction(done) && isFunction(loading),\r\n}\r\nexport type DialogEmits = typeof dialogEmits\r\n"],"names":[],"mappings":";;;;;AAKO,MAAM,cAAc,UAAW,CAAA;AAAA,EAIpC,IAAM,EAAA,WAAA;AAAA,EAIN,UAAY,EAAA;AAAA,IACV,IAAM,EAAA,OAAA;AAAA,IACN,QAAU,EAAA,IAAA;AAAA,GACZ;AAAA,EAIA,KAAO,EAAA;AAAA,IACL,IAAM,EAAA,MAAA;AAAA,IACN,OAAS,EAAA,EAAA;AAAA,GACX;AAAA,EAIA,KAAO,EAAA;AAAA,IACL,IAAM,EAAA,MAAA;AAAA,IACN,OAAS,EAAA,OAAA;AAAA,GACX;AAAA,EAIA,GAAK,EAAA;AAAA,IACH,IAAM,EAAA,MAAA;AAAA,IACN,OAAS,EAAA,KAAA;AAAA,GACX;AAAA,EAIA,YAAc,EAAA;AAAA,IACZ,IAAM,EAAA,OAAA;AAAA,IACN,OAAS,EAAA,IAAA;AAAA,GACX;AAAA,EAIA,iBAAmB,EAAA;AAAA,IACjB,IAAM,EAAA,OAAA;AAAA,IACN,OAAS,EAAA,KAAA;AAAA,GACX;AAAA,EAIA,mBAAqB,EAAA;AAAA,IACnB,IAAM,EAAA,OAAA;AAAA,IACN,OAAS,EAAA,KAAA;AAAA,GACX;AAAA,EAIA,WAAa,EAAA;AAAA,IACX,IAAM,EAAA,QAAA;AAAA,GACR;AAAA,EAIA,SAAW,EAAA;AAAA,IACT,IAAM,EAAA,OAAA;AAAA,IACN,OAAS,EAAA,IAAA;AAAA,GACX;AAAA,EAIA,cAAgB,EAAA;AAAA,IACd,IAAM,EAAA,OAAA;AAAA,IACN,OAAS,EAAA,IAAA;AAAA,GACX;AAAA,EAIA,OAAS,EAAA;AAAA,IACP,IAAM,EAAA,OAAA;AAAA,IACN,OAAS,EAAA,IAAA;AAAA,GACX;AAAA,EAIA,SAAW,EAAA;AAAA,IACT,IAAM,EAAA,OAAA;AAAA,IACN,OAAS,EAAA,IAAA;AAAA,GACX;AAAA,EAIA,WAAa,EAAA;AAAA,IACX,IAAM,EAAA,MAAA;AAAA,IACN,OAAS,EAAA,EAAA;AAAA,GACX;AAAA,EAIA,WAAa,EAAA;AAAA,IACX,IAAM,EAAA,MAAA;AAAA,IACN,OAAS,EAAA,aAAA;AAAA,GACX;AAAA,EAIA,aAAe,EAAA;AAAA,IACb,IAAM,EAAA,MAAA;AAAA,IACN,OAAS,EAAA,aAAA;AAAA,GACX;AAAA,EAIA,aAAe,EAAA;AAAA,IACb,IAAM,EAAA,MAAA;AAAA,IACN,OAAS,EAAA,EAAA;AAAA,GACX;AACF,CAAU,EAAA;AAGH,MAAM,WAAc,GAAA;AAAA,EAMzB,mBAAqB,EAAA,CAAC,KAAmB,KAAA,SAAA,CAAU,KAAK,CAAA;AAAA,EAKxD,OAAO,MAAM,IAAA;AAAA,EAKb,QAAQ,MAAM,IAAA;AAAA,EAOd,KAAA,EAAO,CAAC,IAAkB,EAAA,OAAA,KACxB,WAAW,IAAI,CAAA,IAAK,WAAW,OAAO,CAAA;AAC1C;;;;"}

package/es/packages/components/form/src/form.mjs

@@ -573,7 +573,7 @@ const _sfc_main = defineComponent({
                                 column.type === "picture" ? (openBlock(), createBlock(_component_MPicture, {
                                   key: 0,
                                   src: getDetailPic(unref(proxys), column)[0],
-                                  "preview-src-list": getDetailPic(unref(proxys), column)[0],
+                                  "preview-src-list": getDetailPic(unref(proxys), column),
                                   "img-width": "100px",
                                   "img-height": "100px"
                                 }, null, 8, ["src", "preview-src-list"])) : NEED_DIC_TYPE.includes(column.type || "") ? (openBlock(), createElementBlock(