m-eleplus-crud 0.0.12 → 0.0.14

package/dist/index.full.mjs

@@ -13225,7 +13225,7 @@ const _sfc_main$9 = 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(
@@ -18336,7 +18336,8 @@ const _sfc_main = defineComponent({
                   prop: column.prop,
                   align: column.align || "center",
                   "show-overflow-tooltip": column.overHidden,
-                  formatter: column.formatter ? (row, col, cellValue, index) => column.formatter(row, column, index) : null
+                  formatter: column.formatter ? (row, col, cellValue, index) => column.formatter(row, column, index) : null,
+                  selectable: column.selectable
                 }, createSlots({
                   _: 2
                 }, [
@@ -18440,7 +18441,7 @@ const _sfc_main = defineComponent({
                     ]),
                     key: "2"
                   } : void 0
-                ]), 1032, ["type", "width", "label", "prop", "align", "show-overflow-tooltip", "formatter"]);
+                ]), 1032, ["type", "width", "label", "prop", "align", "show-overflow-tooltip", "formatter", "selectable"]);
               }),
               128
             )),

package/es/components/table/src/table.d.ts

@@ -50,6 +50,13 @@ export interface ITableColumn extends ICommonColumn, ITableCommonColumn {
      * @description 类型
      */
     type?: ColumnType | 'index' | 'single' | 'selection';
+    /**
+     * @description 仅对 type=selection 的列有效，类型为 Function，Function 的返回值用来决定这一行的 CheckBox 是否可以勾选
+     * @param row 行数据
+     * @param index 索引
+     * @returns
+     */
+    selectable?: (row: any, index: number) => boolean;
 }
 /**
  * @description 公开的table配置

package/es/index.mjs

@@ -9,13 +9,13 @@ export { tableEmits, tableProps } from './packages/components/table/src/table2.m
 export { MTable } from './packages/components/table/index.mjs';
 export { searchEmits, searchProps } from './packages/components/search/src/search.mjs';
 export { MSearch } from './packages/components/search/index.mjs';
-export { pictureEmits, pictureProps } from './packages/components/picture/src/picture2.mjs';
+export { pictureEmits, pictureProps } from './packages/components/picture/src/picture.mjs';
 export { MPicture } from './packages/components/picture/index.mjs';
-export { dialogEmits, dialogProps } from './packages/components/dialog/src/dialog2.mjs';
+export { dialogEmits, dialogProps } from './packages/components/dialog/src/dialog.mjs';
 export { MDialog } from './packages/components/dialog/index.mjs';
 export { qrcodeEmits, qrcodeProps } from './packages/components/qrcode/src/qrcode.mjs';
 export { MQrcode } from './packages/components/qrcode/index.mjs';
-export { barcodeEmits, barcodeProps } from './packages/components/barcode/src/barcode2.mjs';
+export { barcodeEmits, barcodeProps } from './packages/components/barcode/src/barcode.mjs';
 export { MBarcode } from './packages/components/barcode/index.mjs';
 export { formEmits, formProps } from './packages/components/form/src/form2.mjs';
 export { MForm } from './packages/components/form/index.mjs';

package/es/packages/components/barcode/index.mjs

@@ -1,5 +1,5 @@
-import Barcode from './src/barcode.mjs';
-export { barcodeEmits, barcodeProps } from './src/barcode2.mjs';
+import Barcode from './src/barcode2.mjs';
+export { barcodeEmits, barcodeProps } from './src/barcode.mjs';
 import { withInstall } from '../../utils/vue/install.mjs';
 
 const MBarcode = withInstall(Barcode);

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

@@ -1,58 +1,23 @@
-import { defineComponent, ref, watch, openBlock, createElementBlock } from 'vue';
-import JsBarcode from 'jsbarcode';
-import { barcodeProps, barcodeEmits } from './barcode2.mjs';
-import _export_sfc from '../../../../_virtual/plugin-vue_export-helper.mjs';
+import { buildProps } from '../../../utils/vue/props/runtime.mjs';
+import { isString } from '@vue/shared';
 
-const COMPONENT_NAME = "MBarcode";
-const __default__ = defineComponent({
-  name: COMPONENT_NAME
-});
-const _sfc_main = defineComponent({
-  ...__default__,
-  props: barcodeProps,
-  emits: barcodeEmits,
-  setup(__props, { emit: __emit }) {
-    const props = __props;
-    const emit = __emit;
-    const barcodeRef = ref();
-    watch(
-      () => props.text,
-      (newVal) => {
-        if (!newVal)
-          return;
-        setTimeout(() => {
-          barcodeRef.value.innerHTML = "";
-          JsBarcode(barcodeRef.value, newVal, {
-            format: "CODE128",
-            lineColor: "#000",
-            width: props.barcodeWidth,
-            height: props.barcodeHeight,
-            displayValue: false
-          });
-          barcodeRef.value.onclick = () => {
-            emit("click", newVal);
-          };
-        }, 0);
-      },
-      {
-        immediate: true
-      }
-    );
-    return (_ctx, _cache) => {
-      return openBlock(), createElementBlock(
-        "img",
-        {
-          ref_key: "barcodeRef",
-          ref: barcodeRef,
-          class: "m-barcode-box"
-        },
-        null,
-        512
-      );
-    };
+const barcodeProps = buildProps({
+  text: {
+    type: String,
+    required: true
+  },
+  barcodeWidth: {
+    type: Number,
+    default: 2
+  },
+  barcodeHeight: {
+    type: Number,
+    default: 50
   }
 });
-var Barcode = /* @__PURE__ */ _export_sfc(_sfc_main, [["__file", "barcode.vue"]]);
+const barcodeEmits = {
+  click: (val) => isString(val)
+};
 
-export { Barcode as default };
+export { barcodeEmits, barcodeProps };
 //# sourceMappingURL=barcode.mjs.map

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

@@ -1 +1 @@
-{"version":3,"file":"barcode.mjs","sources":["../../../../../../../packages/components/barcode/src/barcode.vue"],"sourcesContent":["<template>\r\n  <img ref=\"barcodeRef\" class=\"m-barcode-box\" />\r\n</template>\r\n\r\n<script lang=\"ts\" setup>\r\nimport { ref, watch } from 'vue'\r\nimport JsBarcode from 'jsbarcode'\r\nimport { barcodeEmits, barcodeProps } from './barcode'\r\n\r\nconst COMPONENT_NAME = 'MBarcode'\r\ndefineOptions({\r\n  name: COMPONENT_NAME,\r\n})\r\n\r\nconst props = defineProps(barcodeProps)\r\nconst emit = defineEmits(barcodeEmits)\r\n\r\nconst barcodeRef = ref<any>()\r\n\r\nwatch(\r\n  () => props.text as string,\r\n  (newVal: string) => {\r\n    if (!newVal) return\r\n    setTimeout(() => {\r\n      barcodeRef.value.innerHTML = ''\r\n      JsBarcode(barcodeRef.value, newVal, {\r\n        format: 'CODE128',\r\n        lineColor: '#000',\r\n        width: props.barcodeWidth,\r\n        height: props.barcodeHeight,\r\n        displayValue: false,\r\n      })\r\n      barcodeRef.value.onclick = () => {\r\n        emit('click', newVal)\r\n      }\r\n    }, 0)\r\n  },\r\n  {\r\n    immediate: true,\r\n  }\r\n)\r\n</script>\r\n"],"names":["DO_defineComponent"],"mappings":";;;;;;AAUc,MAAA,cAAAA,eAAA,CAAA;AAAA,EACZ,IAAM,EAAA,cAAA;AACR;;;;;;AAEA,IAAA,MAAM,KAAQ,GAAA,OAAA,CAAA;AACd,IAAA,MAAM,IAAO,GAAA,MAAA,CAAA;AAEb,IAAA,MAAM,aAAa,GAAS,EAAA,CAAA;AAE5B,IAAA,KAAA;AAAA,MACE,MAAM,KAAM,CAAA,IAAA;AAAA,MACZ,CAAC,MAAmB,KAAA;AAClB,QAAA,IAAI,CAAC,MAAA;AAAQ,UAAA,OAAA;AACb,QAAA,UAAA,CAAW,MAAM;AACf,UAAA,UAAA,CAAW,MAAM,SAAY,GAAA,EAAA,CAAA;AACnB,UAAA,SAAA,CAAA,UAAA,CAAW,OAAO,MAAQ,EAAA;AAAA,YAClC,MAAQ,EAAA,SAAA;AAAA,YACR,SAAW,EAAA,MAAA;AAAA,YACX,OAAO,KAAM,CAAA,YAAA;AAAA,YACb,QAAQ,KAAM,CAAA,aAAA;AAAA,YACd,YAAc,EAAA,KAAA;AAAA,WACf,CAAA,CAAA;AACU,UAAA,UAAA,CAAA,KAAA,CAAM,UAAU,MAAM;AAC/B,YAAA,IAAA,CAAK,SAAS,MAAM,CAAA,CAAA;AAAA,WACtB,CAAA;AAAA,WACC,CAAC,CAAA,CAAA;AAAA,OACN;AAAA,MACA;AAAA,QACE,SAAW,EAAA,IAAA;AAAA,OACb;AAAA,KACF,CAAA;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"barcode.mjs","sources":["../../../../../../../packages/components/barcode/src/barcode.ts"],"sourcesContent":["import { buildProps, isString } from '@m-eleplus-crud/utils'\r\n\r\nimport type { ExtractPropTypes } from 'vue'\r\n\r\nexport const barcodeProps = buildProps({\r\n  /**\r\n   * @description 一维码内容\r\n   */\r\n  text: {\r\n    type: String,\r\n    required: true,\r\n  },\r\n  /**\r\n   * @description 宽度\r\n   */\r\n  barcodeWidth: {\r\n    type: Number,\r\n    default: 2,\r\n  },\r\n  /**\r\n   * @description 高度\r\n   */\r\n  barcodeHeight: {\r\n    type: Number,\r\n    default: 50,\r\n  },\r\n} as const)\r\nexport type BarcodeProps = ExtractPropTypes<typeof barcodeProps>\r\n\r\nexport const barcodeEmits = {\r\n  click: (val: string) => isString(val),\r\n}\r\nexport type BarcodeEmits = typeof barcodeEmits\r\n"],"names":[],"mappings":";;;AAIO,MAAM,eAAe,UAAW,CAAA;AAAA,EAIrC,IAAM,EAAA;AAAA,IACJ,IAAM,EAAA,MAAA;AAAA,IACN,QAAU,EAAA,IAAA;AAAA,GACZ;AAAA,EAIA,YAAc,EAAA;AAAA,IACZ,IAAM,EAAA,MAAA;AAAA,IACN,OAAS,EAAA,CAAA;AAAA,GACX;AAAA,EAIA,aAAe,EAAA;AAAA,IACb,IAAM,EAAA,MAAA;AAAA,IACN,OAAS,EAAA,EAAA;AAAA,GACX;AACF,CAAU,EAAA;AAGH,MAAM,YAAe,GAAA;AAAA,EAC1B,KAAO,EAAA,CAAC,GAAgB,KAAA,QAAA,CAAS,GAAG,CAAA;AACtC;;;;"}

package/es/packages/components/barcode/src/barcode2.mjs

@@ -1,23 +1,58 @@
-import { buildProps } from '../../../utils/vue/props/runtime.mjs';
-import { isString } from '@vue/shared';
+import { defineComponent, ref, watch, openBlock, createElementBlock } from 'vue';
+import JsBarcode from 'jsbarcode';
+import { barcodeProps, barcodeEmits } from './barcode.mjs';
+import _export_sfc from '../../../../_virtual/plugin-vue_export-helper.mjs';
 
-const barcodeProps = buildProps({
-  text: {
-    type: String,
-    required: true
-  },
-  barcodeWidth: {
-    type: Number,
-    default: 2
-  },
-  barcodeHeight: {
-    type: Number,
-    default: 50
+const COMPONENT_NAME = "MBarcode";
+const __default__ = defineComponent({
+  name: COMPONENT_NAME
+});
+const _sfc_main = defineComponent({
+  ...__default__,
+  props: barcodeProps,
+  emits: barcodeEmits,
+  setup(__props, { emit: __emit }) {
+    const props = __props;
+    const emit = __emit;
+    const barcodeRef = ref();
+    watch(
+      () => props.text,
+      (newVal) => {
+        if (!newVal)
+          return;
+        setTimeout(() => {
+          barcodeRef.value.innerHTML = "";
+          JsBarcode(barcodeRef.value, newVal, {
+            format: "CODE128",
+            lineColor: "#000",
+            width: props.barcodeWidth,
+            height: props.barcodeHeight,
+            displayValue: false
+          });
+          barcodeRef.value.onclick = () => {
+            emit("click", newVal);
+          };
+        }, 0);
+      },
+      {
+        immediate: true
+      }
+    );
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock(
+        "img",
+        {
+          ref_key: "barcodeRef",
+          ref: barcodeRef,
+          class: "m-barcode-box"
+        },
+        null,
+        512
+      );
+    };
   }
 });
-const barcodeEmits = {
-  click: (val) => isString(val)
-};
+var Barcode = /* @__PURE__ */ _export_sfc(_sfc_main, [["__file", "barcode.vue"]]);
 
-export { barcodeEmits, barcodeProps };
+export { Barcode as default };
 //# sourceMappingURL=barcode2.mjs.map

package/es/packages/components/barcode/src/barcode2.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"barcode2.mjs","sources":["../../../../../../../packages/components/barcode/src/barcode.ts"],"sourcesContent":["import { buildProps, isString } from '@m-eleplus-crud/utils'\r\n\r\nimport type { ExtractPropTypes } from 'vue'\r\n\r\nexport const barcodeProps = buildProps({\r\n  /**\r\n   * @description 一维码内容\r\n   */\r\n  text: {\r\n    type: String,\r\n    required: true,\r\n  },\r\n  /**\r\n   * @description 宽度\r\n   */\r\n  barcodeWidth: {\r\n    type: Number,\r\n    default: 2,\r\n  },\r\n  /**\r\n   * @description 高度\r\n   */\r\n  barcodeHeight: {\r\n    type: Number,\r\n    default: 50,\r\n  },\r\n} as const)\r\nexport type BarcodeProps = ExtractPropTypes<typeof barcodeProps>\r\n\r\nexport const barcodeEmits = {\r\n  click: (val: string) => isString(val),\r\n}\r\nexport type BarcodeEmits = typeof barcodeEmits\r\n"],"names":[],"mappings":";;;AAIO,MAAM,eAAe,UAAW,CAAA;AAAA,EAIrC,IAAM,EAAA;AAAA,IACJ,IAAM,EAAA,MAAA;AAAA,IACN,QAAU,EAAA,IAAA;AAAA,GACZ;AAAA,EAIA,YAAc,EAAA;AAAA,IACZ,IAAM,EAAA,MAAA;AAAA,IACN,OAAS,EAAA,CAAA;AAAA,GACX;AAAA,EAIA,aAAe,EAAA;AAAA,IACb,IAAM,EAAA,MAAA;AAAA,IACN,OAAS,EAAA,EAAA;AAAA,GACX;AACF,CAAU,EAAA;AAGH,MAAM,YAAe,GAAA;AAAA,EAC1B,KAAO,EAAA,CAAC,GAAgB,KAAA,QAAA,CAAS,GAAG,CAAA;AACtC;;;;"}
+{"version":3,"file":"barcode2.mjs","sources":["../../../../../../../packages/components/barcode/src/barcode.vue"],"sourcesContent":["<template>\r\n  <img ref=\"barcodeRef\" class=\"m-barcode-box\" />\r\n</template>\r\n\r\n<script lang=\"ts\" setup>\r\nimport { ref, watch } from 'vue'\r\nimport JsBarcode from 'jsbarcode'\r\nimport { barcodeEmits, barcodeProps } from './barcode'\r\n\r\nconst COMPONENT_NAME = 'MBarcode'\r\ndefineOptions({\r\n  name: COMPONENT_NAME,\r\n})\r\n\r\nconst props = defineProps(barcodeProps)\r\nconst emit = defineEmits(barcodeEmits)\r\n\r\nconst barcodeRef = ref<any>()\r\n\r\nwatch(\r\n  () => props.text as string,\r\n  (newVal: string) => {\r\n    if (!newVal) return\r\n    setTimeout(() => {\r\n      barcodeRef.value.innerHTML = ''\r\n      JsBarcode(barcodeRef.value, newVal, {\r\n        format: 'CODE128',\r\n        lineColor: '#000',\r\n        width: props.barcodeWidth,\r\n        height: props.barcodeHeight,\r\n        displayValue: false,\r\n      })\r\n      barcodeRef.value.onclick = () => {\r\n        emit('click', newVal)\r\n      }\r\n    }, 0)\r\n  },\r\n  {\r\n    immediate: true,\r\n  }\r\n)\r\n</script>\r\n"],"names":["DO_defineComponent"],"mappings":";;;;;;AAUc,MAAA,cAAAA,eAAA,CAAA;AAAA,EACZ,IAAM,EAAA,cAAA;AACR;;;;;;AAEA,IAAA,MAAM,KAAQ,GAAA,OAAA,CAAA;AACd,IAAA,MAAM,IAAO,GAAA,MAAA,CAAA;AAEb,IAAA,MAAM,aAAa,GAAS,EAAA,CAAA;AAE5B,IAAA,KAAA;AAAA,MACE,MAAM,KAAM,CAAA,IAAA;AAAA,MACZ,CAAC,MAAmB,KAAA;AAClB,QAAA,IAAI,CAAC,MAAA;AAAQ,UAAA,OAAA;AACb,QAAA,UAAA,CAAW,MAAM;AACf,UAAA,UAAA,CAAW,MAAM,SAAY,GAAA,EAAA,CAAA;AACnB,UAAA,SAAA,CAAA,UAAA,CAAW,OAAO,MAAQ,EAAA;AAAA,YAClC,MAAQ,EAAA,SAAA;AAAA,YACR,SAAW,EAAA,MAAA;AAAA,YACX,OAAO,KAAM,CAAA,YAAA;AAAA,YACb,QAAQ,KAAM,CAAA,aAAA;AAAA,YACd,YAAc,EAAA,KAAA;AAAA,WACf,CAAA,CAAA;AACU,UAAA,UAAA,CAAA,KAAA,CAAM,UAAU,MAAM;AAC/B,YAAA,IAAA,CAAK,SAAS,MAAM,CAAA,CAAA;AAAA,WACtB,CAAA;AAAA,WACC,CAAC,CAAA,CAAA;AAAA,OACN;AAAA,MACA;AAAA,QACE,SAAW,EAAA,IAAA;AAAA,OACb;AAAA,KACF,CAAA;;;;;;;;;;;;;;;;;;;"}

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

@@ -1,5 +1,5 @@
-import Dialog from './src/dialog.mjs';
-export { dialogEmits, dialogProps } from './src/dialog2.mjs';
+import Dialog from './src/dialog2.mjs';
+export { dialogEmits, dialogProps } from './src/dialog.mjs';
 import { withInstall } from '../../utils/vue/install.mjs';
 
 const MDialog = withInstall(Dialog);

package/es/packages/components/dialog/src/dialog.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 './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';
+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=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.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":"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;;;;"}