el-plus 0.0.51 → 0.0.53

package/dist/index.full.mjs

@@ -1,4 +1,4 @@
-/*! ElPlus v0.0.51 */
+/*! ElPlus v0.0.53 */
 
 import { useAttrs, getCurrentInstance, inject, provide, ref, nextTick, defineComponent, computed, createVNode, Fragment, withDirectives, resolveComponent, mergeProps, resolveDirective, useTemplateRef, createTextVNode, h, mergeModels, useModel, createElementBlock, openBlock, normalizeStyle, normalizeClass, unref, createCommentVNode, withCtx, renderSlot, renderList, createBlock, vShow, toDisplayString, reactive, useSlots, watch, onMounted, createSlots, normalizeProps, guardReactiveProps, markRaw, Transition, shallowReactive, isVNode, render, createElementVNode, toRaw } from 'vue';
 import { buttonProps, useLocale as useLocale$1, ElLoading, ElMessage, ElMessageBox, formProps as formProps$1, formEmits as formEmits$1, ElTooltip, formItemProps as formItemProps$1, ElFormItem, ElForm, ElRow, ElCol, inputProps as inputProps$1, inputEmits as inputEmits$1, configProviderContextKey, ElConfigProvider, ElDialog, ElButton, ElTable, ElIcon, selectProps as selectProps$1, selectEmits as selectEmits$1, ElPageHeader, datePickerProps, linkProps as linkProps$1, ElSkeleton } from 'element-plus';
@@ -711,7 +711,7 @@ async function queryRoles() {
   }
 }
 
-const bem$4 = createNameSpace("button");
+const bem$5 = createNameSpace("button");
 var Buttons = /* @__PURE__ */ defineComponent({
   name: "EpButtons",
   directives: {
@@ -763,7 +763,7 @@ var Buttons = /* @__PURE__ */ defineComponent({
     return () => createVNode(Fragment, null, [customList.value.map((item) => {
       const permissionArr = item.permission?.split(":") || [];
       return withDirectives(createVNode(resolveComponent("el-button"), mergeProps({
-        "class": [bem$4.b(), prepareClassNames()],
+        "class": [bem$5.b(), prepareClassNames()],
         "style": prepareStyles(),
         "key": item.prop || item.name
       }, {
@@ -1024,7 +1024,7 @@ const formItemProps = {
 };
 const expandFormItemPropsKeys = Object.keys(expandFormItemProps);
 
-const bem$3 = createNameSpace("form-item");
+const bem$4 = createNameSpace("form-item");
 var EpFormItem = /* @__PURE__ */ defineComponent({
   name: "EpFormItem",
   inheritAttrs: false,
@@ -1046,7 +1046,7 @@ var EpFormItem = /* @__PURE__ */ defineComponent({
     } = props;
     return () => {
       return createVNode(ElFormItem, mergeProps({
-        "class": [bem$3.b(), prepareClassNames()],
+        "class": [bem$4.b(), prepareClassNames()],
         "style": prepareStyles()
       }, {
         ...prepareProps(formItemProps2, [...expandFormItemPropsKeys]),
@@ -1320,7 +1320,7 @@ var _sfc_main$a = /* @__PURE__ */ defineComponent({
 
 const EpInput = withInstall(_sfc_main$a);
 
-function _isSlot$1(s) {
+function _isSlot(s) {
   return typeof s === "function" || Object.prototype.toString.call(s) === "[object Object]" && !isVNode(s);
 }
 const useTemplatePromise = (options = {}) => {
@@ -1394,7 +1394,7 @@ const useTemplatePromise = (options = {}) => {
     });
     if (transition) return () => {
       let _slot;
-      return createVNode(Transition, transition, _isSlot$1(_slot = renderList()) ? _slot : {
+      return createVNode(Transition, transition, _isSlot(_slot = renderList()) ? _slot : {
         default: () => [_slot]
       });
     };
@@ -1404,10 +1404,7 @@ const useTemplatePromise = (options = {}) => {
   return markRaw(component);
 };
 
-function _isSlot(s) {
-  return typeof s === "function" || Object.prototype.toString.call(s) === "[object Object]" && !isVNode(s);
-}
-const bem$2 = createNameSpace("dialog");
+const bem$3 = createNameSpace("dialog");
 const useDialog = (options = {}) => {
   const {
     t
@@ -1418,7 +1415,9 @@ const useDialog = (options = {}) => {
     render: render$1,
     destroyOnClose,
     onConfirm,
+    confirmText,
     onCancel,
+    cancelText,
     showFooter = true,
     ...dialogProps
   } = options;
@@ -1438,38 +1437,35 @@ const useDialog = (options = {}) => {
       };
       const slots = {};
       if (showFooter) {
-        slots.footer = () => {
-          let _slot, _slot2;
-          return createVNode("div", {
-            "class": bem$2.e("footer")
-          }, [scopedSlots.footerPrepend?.(promiseOptions), createVNode(ElButton, {
-            "size": "default",
-            "onClick": () => {
-              if (onCancel) {
-                onCancel(reject);
-              } else {
-                reject("cancel");
-              }
+        slots.footer = () => createVNode("div", {
+          "class": bem$3.e("footer")
+        }, [scopedSlots.footerPrepend?.(promiseOptions), createVNode(ElButton, {
+          "size": "default",
+          "onClick": () => {
+            if (onCancel) {
+              onCancel(reject);
+            } else {
+              reject("cancel");
             }
-          }, _isSlot(_slot = t("ep.dialog.cancel")) ? _slot : {
-            default: () => [_slot]
-          }), scopedSlots.footerInner?.(promiseOptions), createVNode(ElButton, {
-            "type": "primary",
-            "onClick": async () => {
-              if (onConfirm) {
-                onConfirm(resolve);
-              } else {
-                resolve("confirm");
-              }
-            },
-            "loading": isResolving
-          }, _isSlot(_slot2 = t("ep.dialog.confirm")) ? _slot2 : {
-            default: () => [_slot2]
-          }), scopedSlots.footerAppend?.(promiseOptions)]);
-        };
+          }
+        }, {
+          default: () => [cancelText || t("ep.dialog.cancel")]
+        }), scopedSlots.footerInner?.(promiseOptions), createVNode(ElButton, {
+          "type": "primary",
+          "onClick": async () => {
+            if (onConfirm) {
+              onConfirm(resolve);
+            } else {
+              resolve("confirm");
+            }
+          },
+          "loading": isResolving
+        }, {
+          default: () => [confirmText || t("ep.dialog.confirm")]
+        }), scopedSlots.footerAppend?.(promiseOptions)]);
       }
       return createVNode(ElDialog, mergeProps({
-        "class": bem$2.b(),
+        "class": bem$3.b(),
         "modelValue": true
       }, {
         closeOnClickModal: false,
@@ -1962,11 +1958,12 @@ const expandTablePropsKeys = Object.keys(expandTableProps);
 const tableEmits = [...ElTable.emits, "single-selection-change"];
 const tableEmitsKeys = tableEmits;
 
-const bem$1 = createNameSpace("form-dialog");
+const bem$2 = createNameSpace("form-dialog");
 const useFormDialog = (options = {}) => {
   const {
     dialogProps,
     title,
+    width = "80%",
     ...formProps
   } = options;
   const formRef = ref();
@@ -1979,10 +1976,10 @@ const useFormDialog = (options = {}) => {
     }
   };
   return useDialog({
-    class: bem$1.b(),
-    width: "80%",
+    class: bem$2.b(),
+    width,
     title,
-    render: (props) => {
+    render: () => {
       return createVNode(EpForm, mergeProps({
         "ref": formRef,
         "modelValue": formData,
@@ -1995,7 +1992,7 @@ const useFormDialog = (options = {}) => {
     },
     onConfirm: async (resolve) => {
       await formRef.value.validate();
-      resolve(JSON.parse(JSON.stringify(formData)));
+      resolve(isUseComFormData ? JSON.parse(JSON.stringify(formData)) : formData);
       resetForm();
     },
     onCancel: async (resolve) => {
@@ -3199,6 +3196,16 @@ const headerProps = {
   isShowAttachmentButton: {
     type: Boolean,
     default: false
+  },
+  // 附件列表
+  fileList: {
+    type: Array,
+    default: () => []
+  },
+  attachmentProps: {
+    type: Object,
+    default: () => {
+    }
   }
 };
 const headerEmits = {};
@@ -3363,7 +3370,7 @@ const attachmentProps = {
   },
   // 页面模式
   mode: {
-    ...headerProps.mode
+    type: String
   },
   // 展示模式
   openType: {
@@ -3619,6 +3626,8 @@ const useAttachment = (props, { data }) => {
   const onConfirm = async (resolve) => {
     await tableRef.value?.validate();
     resolve(data.value);
+    toBeConfirmData = [];
+    toBeDeleteData = {};
   };
   const onCancel = (resolve) => {
     if (toBeConfirmData.length) {
@@ -3696,7 +3705,7 @@ var _sfc_main$4 = /* @__PURE__ */ defineComponent({
     return (_ctx, _cache) => {
       const _component_EpButtons = resolveComponent("EpButtons");
       return openBlock(), createElementBlock(Fragment, null, [
-        _ctx.isShowOpenDialogButton ? (openBlock(), createBlock(unref(ElButton), {
+        props.isShowOpenDialogButton ? (openBlock(), createBlock(unref(ElButton), {
           key: 0,
           type: "primary",
           plain: "",
@@ -3712,7 +3721,7 @@ var _sfc_main$4 = /* @__PURE__ */ defineComponent({
         createVNode(unref(AttachmentDialog), null, {
           default: withCtx(() => [
             createElementVNode("div", { style: { "margin-bottom": "10px", "text-align": "right" } }, [
-              _ctx.openType === "dialog" ? (openBlock(), createBlock(_component_EpButtons, {
+              props.openType === "dialog" ? (openBlock(), createBlock(_component_EpButtons, {
                 key: 0,
                 type: "primary",
                 list: [
@@ -3771,10 +3780,11 @@ var _sfc_main$3 = /* @__PURE__ */ defineComponent({
           _: 1
         }, 8, ["onBack"])) : createCommentVNode("", true),
         createVNode(unref(EpButtons), { list: unref(buttons) }, null, 8, ["list"]),
-        props.isShowAttachmentButton ? (openBlock(), createBlock(unref(EpAttachment), {
+        props.isShowAttachmentButton ? (openBlock(), createBlock(unref(EpAttachment), mergeProps({
           key: 1,
+          "model-value": props.fileList,
           "is-show-open-dialog-button": ""
-        })) : createCommentVNode("", true)
+        }, props.attachmentProps), null, 16, ["model-value"])) : createCommentVNode("", true)
       ], 6);
     };
   }
@@ -4159,7 +4169,7 @@ var components = [
   EpUniVue
 ];
 
-var version = "0.0.51";
+var version = "0.0.53";
 
 var globalProperties = {
   install(app) {
@@ -4172,7 +4182,7 @@ var plugins = /*#__PURE__*/Object.freeze({
   globalProperties: globalProperties
 });
 
-const bem = createNameSpace("choose-dialog");
+const bem$1 = createNameSpace("choose-dialog");
 const useChooseDialog = (options = {}) => {
   const {
     t
@@ -4189,7 +4199,7 @@ const useChooseDialog = (options = {}) => {
   if (!showSingleSelectionCol) {
     scopedSlots.footerPrepend = () => {
       return createVNode("span", {
-        "class": bem.e("selected-count")
+        "class": bem$1.e("selected-count")
       }, [t("ep.chooseDialog.selected"), selections.value.length, t("ep.chooseDialog.unit")]);
     };
   }
@@ -4199,7 +4209,7 @@ const useChooseDialog = (options = {}) => {
   };
   let searchListPageRef;
   return useDialog({
-    class: bem.b(),
+    class: bem$1.b(),
     width: "80%",
     showFooter: !showSingleSelectionCol,
     scopedSlots,
@@ -4246,6 +4256,48 @@ const useChooseDialog = (options = {}) => {
   });
 };
 
+const bem = createNameSpace("confirm-dialog");
+const useConfirmDialog = (options = {}) => {
+  const {
+    dialogProps = {},
+    width = "50%",
+    title,
+    /** TextareaProps */
+    rows = 5,
+    maxlength = 500,
+    minlength,
+    showWordLimit = true,
+    /** TextareaFormItemProps */
+    rules,
+    required = true,
+    placeholder
+  } = options;
+  const formItemList = [{
+    rules,
+    prop: "value",
+    label: " ",
+    required,
+    props: {
+      placeholder,
+      type: "textarea",
+      rows,
+      maxlength,
+      minlength,
+      showWordLimit
+    }
+  }];
+  return useFormDialog({
+    title,
+    width,
+    formItemList,
+    dialogProps: {
+      ...dialogProps,
+      class: bem.b(),
+      destroyOnClose: true
+    }
+  });
+};
+
 const INSTALLED_KEY = /* @__PURE__ */ Symbol("INSTALLED_KEY");
 const install = (app, options) => {
   if (app[INSTALLED_KEY]) return;
@@ -4258,4 +4310,4 @@ const plugin = {
   version
 };
 
-export { EpAttachment, EpButtons, EpCustomColumn, EpDatePickerRange, EpForm, EpFormItem, EpHeader, EpInput, EpLink, EpSearchListPage, EpSelect, EpTable, EpTitle, EpUniVue, attachmentProps, buttonsProps, componentType, customColumnEmits, customColumnProps, datePickerRangeEmits, datePickerRangeProps, plugin as default, expandFormItemPropsKeys, expandFormPropsKeys, expandSelectPropsKeys, expandTablePropsKeys, formEmits, formEmitsKeys, formItemProps, formProps, headerEmits, headerProps, inheritSelectProps, inputEmits, inputEmitsKeys, inputProps, install, linkProps, searchListPageProps, selectEmits, selectEmitsKeys, selectProps, tableEmits, tableEmitsKeys, tableProps, titleEmits, titleProps, uniVueProps, useChooseDialog, useDialog, useFormDialog, useLocale, useNavigation, useRequest, useTemplatePromise, vPermisson as vPermission, vRepeatClick };
+export { EpAttachment, EpButtons, EpCustomColumn, EpDatePickerRange, EpForm, EpFormItem, EpHeader, EpInput, EpLink, EpSearchListPage, EpSelect, EpTable, EpTitle, EpUniVue, attachmentProps, buttonsProps, componentType, customColumnEmits, customColumnProps, datePickerRangeEmits, datePickerRangeProps, plugin as default, expandFormItemPropsKeys, expandFormPropsKeys, expandSelectPropsKeys, expandTablePropsKeys, formEmits, formEmitsKeys, formItemProps, formProps, headerEmits, headerProps, inheritSelectProps, inputEmits, inputEmitsKeys, inputProps, install, linkProps, searchListPageProps, selectEmits, selectEmitsKeys, selectProps, tableEmits, tableEmitsKeys, tableProps, titleEmits, titleProps, uniVueProps, useChooseDialog, useConfirmDialog, useDialog, useFormDialog, useLocale, useNavigation, useRequest, useTemplatePromise, vPermisson as vPermission, vRepeatClick };

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

@@ -1,11 +1,12 @@
-import type { ExtractPropTypes, PropType } from 'vue';
+import type { ExtractPublicPropTypes, PropType } from 'vue';
+import type { PageMode } from 'el-plus/es/hooks/use-navigation';
 export declare const attachmentProps: {
     readonly formatColumns: {
         readonly type: PropType<import("el-plus/es/components/table").TableColumn[]>;
         readonly default: () => never[];
     };
     readonly mode: {
-        readonly type: PropType<import("el-plus/es/hooks").PageMode>;
+        readonly type: PropType<PageMode>;
     };
     readonly openType: {
         readonly type: PropType<"dialog" | "normal">;
@@ -24,4 +25,4 @@ export declare const attachmentProps: {
         readonly default: false;
     };
 };
-export type AttachmentProps = ExtractPropTypes<typeof attachmentProps>;
+export type AttachmentProps = ExtractPublicPropTypes<typeof attachmentProps>;

package/es/components/attachment/src/attachment.mjs

@@ -1,4 +1,3 @@
-import { headerProps } from '../../header/src/header.mjs';
 import { tableProps } from '../../table/src/table.mjs';
 
 const attachmentProps = {
@@ -8,7 +7,7 @@ const attachmentProps = {
   },
   // 页面模式
   mode: {
-    ...headerProps.mode
+    type: String
   },
   // 展示模式
   openType: {

package/es/components/attachment/src/attachment.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"attachment.mjs","sources":["../../../../../../packages/components/attachment/src/attachment.ts"],"sourcesContent":["import type { ExtractPropTypes, PropType } from 'vue'\nimport { tableProps } from '@el-plus/components/table'\nimport { headerProps } from '@el-plus/components/header'\nexport const attachmentProps = {\n  // 格式化列\n  formatColumns: {\n    ...tableProps.formatColumns,\n  },\n  // 页面模式\n  mode: {\n    ...headerProps.mode,\n  },\n  // 展示模式\n  openType: {\n    type: String as PropType<'dialog' | 'normal'>,\n    default: 'dialog',\n  },\n  // 是否需要类型\n  isType: {\n    type: Boolean,\n    default: true,\n  },\n  // 是否需要备注\n  isNote: {\n    type: Boolean,\n    default: false,\n  },\n  // 是否需要打开弹窗按钮\n  isShowOpenDialogButton: {\n    type: Boolean,\n    default: false,\n  },\n} as const\nexport type AttachmentProps = ExtractPropTypes<typeof attachmentProps>\n"],"names":[],"mappings":";;;AAGO,MAAM,eAAA,GAAkB;AAAA;AAAA,EAE7B,aAAA,EAAe;AAAA,IACb,GAAG,UAAA,CAAW;AAAA,GAChB;AAAA;AAAA,EAEA,IAAA,EAAM;AAAA,IACJ,GAAG,WAAA,CAAY;AAAA,GACjB;AAAA;AAAA,EAEA,QAAA,EAAU;AAAA,IACR,IAAA,EAAM,MAAA;AAAA,IACN,OAAA,EAAS;AAAA,GACX;AAAA;AAAA,EAEA,MAAA,EAAQ;AAAA,IACN,IAAA,EAAM,OAAA;AAAA,IACN,OAAA,EAAS;AAAA,GACX;AAAA;AAAA,EAEA,MAAA,EAAQ;AAAA,IACN,IAAA,EAAM,OAAA;AAAA,IACN,OAAA,EAAS;AAAA,GACX;AAAA;AAAA,EAEA,sBAAA,EAAwB;AAAA,IACtB,IAAA,EAAM,OAAA;AAAA,IACN,OAAA,EAAS;AAAA;AAEb;;;;"}
+{"version":3,"file":"attachment.mjs","sources":["../../../../../../packages/components/attachment/src/attachment.ts"],"sourcesContent":["import type { ExtractPublicPropTypes, PropType } from 'vue'\nimport { tableProps } from '@el-plus/components/table'\nimport type { PageMode } from '@el-plus/hooks/use-navigation'\n\nexport const attachmentProps = {\n  // 格式化列\n  formatColumns: {\n    ...tableProps.formatColumns,\n  },\n  // 页面模式\n  mode: {\n    type: String as PropType<PageMode>,\n  },\n  // 展示模式\n  openType: {\n    type: String as PropType<'dialog' | 'normal'>,\n    default: 'dialog',\n  },\n  // 是否需要类型\n  isType: {\n    type: Boolean,\n    default: true,\n  },\n  // 是否需要备注\n  isNote: {\n    type: Boolean,\n    default: false,\n  },\n  // 是否需要打开弹窗按钮\n  isShowOpenDialogButton: {\n    type: Boolean,\n    default: false,\n  },\n} as const\nexport type AttachmentProps = ExtractPublicPropTypes<typeof attachmentProps>\n"],"names":[],"mappings":";;AAIO,MAAM,eAAA,GAAkB;AAAA;AAAA,EAE7B,aAAA,EAAe;AAAA,IACb,GAAG,UAAA,CAAW;AAAA,GAChB;AAAA;AAAA,EAEA,IAAA,EAAM;AAAA,IACJ,IAAA,EAAM;AAAA,GACR;AAAA;AAAA,EAEA,QAAA,EAAU;AAAA,IACR,IAAA,EAAM,MAAA;AAAA,IACN,OAAA,EAAS;AAAA,GACX;AAAA;AAAA,EAEA,MAAA,EAAQ;AAAA,IACN,IAAA,EAAM,OAAA;AAAA,IACN,OAAA,EAAS;AAAA,GACX;AAAA;AAAA,EAEA,MAAA,EAAQ;AAAA,IACN,IAAA,EAAM,OAAA;AAAA,IACN,OAAA,EAAS;AAAA,GACX;AAAA;AAAA,EAEA,sBAAA,EAAwB;AAAA,IACtB,IAAA,EAAM,OAAA;AAAA,IACN,OAAA,EAAS;AAAA;AAEb;;;;"}

package/es/components/attachment/src/attachment.vue2.mjs

@@ -56,7 +56,7 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
     return (_ctx, _cache) => {
       const _component_EpButtons = resolveComponent("EpButtons");
       return openBlock(), createElementBlock(Fragment, null, [
-        _ctx.isShowOpenDialogButton ? (openBlock(), createBlock(unref(ElButton), {
+        props.isShowOpenDialogButton ? (openBlock(), createBlock(unref(ElButton), {
           key: 0,
           type: "primary",
           plain: "",
@@ -72,7 +72,7 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
         createVNode(unref(AttachmentDialog), null, {
           default: withCtx(() => [
             createElementVNode("div", { style: { "margin-bottom": "10px", "text-align": "right" } }, [
-              _ctx.openType === "dialog" ? (openBlock(), createBlock(_component_EpButtons, {
+              props.openType === "dialog" ? (openBlock(), createBlock(_component_EpButtons, {
                 key: 0,
                 type: "primary",
                 list: [

package/es/components/attachment/src/attachment.vue2.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"attachment.vue2.mjs","sources":["../../../../../../packages/components/attachment/src/attachment.vue"],"sourcesContent":["<template>\n  <ElButton\n    v-if=\"isShowOpenDialogButton\"\n    type=\"primary\"\n    plain\n    size=\"small\"\n    :class=\"bem.e('handler')\"\n    @click=\"open\"\n  >\n    {{ t('ep.attachment.manageAttachment') }}({{ modelValue?.length || 0 }})\n  </ElButton>\n  <AttachmentDialog>\n    <div style=\"margin-bottom: 10px; text-align: right\">\n      <EpButtons\n        v-if=\"openType === 'dialog'\"\n        type=\"primary\"\n        :list=\"[\n          {\n            name: t('ep.attachment.addAttachment'),\n            type: 'primary',\n            onClick: addAttachment,\n          },\n        ]\"\n      />\n    </div>\n\n    <EpTable\n      ref=\"tableRef\"\n      :class=\"`${bem.b()} ${prepareClassNames()}`\"\n      :style=\"{\n        ...prepareStyles(),\n      }\"\n      :columns=\"columns\"\n      :data=\"modelValue\"\n      v-bind=\"props\"\n    >\n    </EpTable>\n  </AttachmentDialog>\n</template>\n<script setup lang=\"ts\">\nimport { createNameSpace } from '@el-plus/utils/bem'\nimport { prepareClassNames, prepareStyles } from '@el-plus/utils/props'\nimport { attachmentProps } from './attachment'\nimport EpTable from '@el-plus/components/table'\nimport { useAttachment } from './use-attachment'\nimport type { TableProps } from '@el-plus/components/table'\nimport { useDialog } from '@el-plus/hooks/dialog/use-dialog'\nimport { useLocale } from '@el-plus/hooks/use-locale'\nimport { ElButton } from 'element-plus'\nconst { t } = useLocale()\ndefineOptions({\n  name: 'EpAttachment',\n  inheritAttrs: false,\n})\nconst bem = createNameSpace('attachment')\nconst props = defineProps(attachmentProps)\nconst modelValue = defineModel<TableProps['data']>()\nconst { columns, addAttachment, isNormalOpen, onConfirm, onCancel } =\n  useAttachment(props, {\n    data: modelValue,\n  })\nconst AttachmentDialog = useDialog({\n  width: 850,\n  center: true,\n  title: isNormalOpen ? '' : t('ep.attachment.manageAttachment'),\n  modal: !isNormalOpen,\n  showClose: !isNormalOpen,\n  showFooter: !isNormalOpen,\n  transition: isNormalOpen ? '' : 'dialog-fade',\n  modalClass: bem.em(\n    'dialog',\n    props.openType === 'normal' ? props.openType : '',\n  ),\n  onConfirm: async (resolve) => {\n    onConfirm(resolve)\n  },\n  onCancel: (resolve) => {\n    onCancel(resolve)\n  },\n})\nconst open = AttachmentDialog.open\nif (isNormalOpen) {\n  open()\n}\ndefineExpose({\n  open,\n})\n</script>\n"],"names":["_useModel","isShowOpenDialogButton","_createBlock","_unref","_normalizeClass","_createTextVNode","_toDisplayString","_createVNode","_createElementVNode","openType","_mergeProps"],"mappings":"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"}
+{"version":3,"file":"attachment.vue2.mjs","sources":["../../../../../../packages/components/attachment/src/attachment.vue"],"sourcesContent":["<template>\n  <ElButton\n    v-if=\"props.isShowOpenDialogButton\"\n    type=\"primary\"\n    plain\n    size=\"small\"\n    :class=\"bem.e('handler')\"\n    @click=\"open\"\n  >\n    {{ t('ep.attachment.manageAttachment') }}({{ modelValue?.length || 0 }})\n  </ElButton>\n  <AttachmentDialog>\n    <div style=\"margin-bottom: 10px; text-align: right\">\n      <EpButtons\n        v-if=\"props.openType === 'dialog'\"\n        type=\"primary\"\n        :list=\"[\n          {\n            name: t('ep.attachment.addAttachment'),\n            type: 'primary',\n            onClick: addAttachment,\n          },\n        ]\"\n      />\n    </div>\n\n    <EpTable\n      ref=\"tableRef\"\n      :class=\"`${bem.b()} ${prepareClassNames()}`\"\n      :style=\"{\n        ...prepareStyles(),\n      }\"\n      :columns=\"columns\"\n      :data=\"modelValue\"\n      v-bind=\"props\"\n    >\n    </EpTable>\n  </AttachmentDialog>\n</template>\n<script setup lang=\"ts\">\nimport { createNameSpace } from '@el-plus/utils/bem'\nimport { prepareClassNames, prepareStyles } from '@el-plus/utils/props'\nimport { attachmentProps } from './attachment'\nimport EpTable from '@el-plus/components/table'\nimport { useAttachment } from './use-attachment'\nimport type { TableProps } from '@el-plus/components/table'\nimport { useDialog } from '@el-plus/hooks/dialog/use-dialog'\nimport { useLocale } from '@el-plus/hooks/use-locale'\nimport { ElButton } from 'element-plus'\nconst { t } = useLocale()\ndefineOptions({\n  name: 'EpAttachment',\n  inheritAttrs: false,\n})\nconst bem = createNameSpace('attachment')\nconst props = defineProps(attachmentProps)\nconst modelValue = defineModel<TableProps['data']>()\nconst { columns, addAttachment, isNormalOpen, onConfirm, onCancel } =\n  useAttachment(props, {\n    data: modelValue,\n  })\nconst AttachmentDialog = useDialog({\n  width: 850,\n  center: true,\n  title: isNormalOpen ? '' : t('ep.attachment.manageAttachment'),\n  modal: !isNormalOpen,\n  showClose: !isNormalOpen,\n  showFooter: !isNormalOpen,\n  transition: isNormalOpen ? '' : 'dialog-fade',\n  modalClass: bem.em(\n    'dialog',\n    props.openType === 'normal' ? props.openType : '',\n  ),\n  onConfirm: async (resolve) => {\n    onConfirm(resolve)\n  },\n  onCancel: (resolve) => {\n    onCancel(resolve)\n  },\n})\nconst open = AttachmentDialog.open\nif (isNormalOpen) {\n  open()\n}\ndefineExpose({\n  open,\n})\n</script>\n"],"names":["_useModel","_createBlock","_unref","_normalizeClass","_createTextVNode","_toDisplayString","_createVNode","_createElementVNode","_mergeProps"],"mappings":"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"}

package/es/components/attachment/src/use-attachment.mjs

@@ -100,6 +100,8 @@ const useAttachment = (props, { data }) => {
   const onConfirm = async (resolve) => {
     await tableRef.value?.validate();
     resolve(data.value);
+    toBeConfirmData = [];
+    toBeDeleteData = {};
   };
   const onCancel = (resolve) => {
     if (toBeConfirmData.length) {

package/es/components/attachment/src/use-attachment.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"use-attachment.mjs","sources":["../../../../../../packages/components/attachment/src/use-attachment.ts"],"sourcesContent":["import { ref, computed, useTemplateRef } from 'vue'\nimport { useNavigation } from '@el-plus/hooks/use-navigation'\nimport { useLocale } from '@el-plus/hooks/use-locale'\nimport { downloadFile, previewFile, importFile } from '@el-plus/utils/file'\nimport { Cookies } from '@el-plus/utils/cookie'\nimport type { TableInstance } from '@el-plus/components/table'\n\nexport const useAttachment = (props, { data }) => {\n  const { mode: defaultMode } = useNavigation()\n  const { t } = useLocale()\n  const mode = computed(() => {\n    return props.mode || defaultMode.value\n  })\n  const tableRef = useTemplateRef<TableInstance>('tableRef')\n  const isNormalOpen = props.openType === 'normal'\n  const isDialogOpen = props.openType === 'dialog'\n\n  // 待确认的附件列表\n  let toBeConfirmData: Record<string, any>[] = []\n  // 待删除的附件列表\n  let toBeDeleteData: {\n    [key: number]: Record<string, any> // key要存储原来索引以便保留原顺序\n  } = {}\n  const columns = ref([\n    {\n      type: 'EpButtons',\n      label: t('ep.attachment.operation'),\n      width: '120px',\n      props: {\n        type: 'text',\n        list: [\n          {\n            name: t('ep.attachment.download'),\n            onClick({ row }) {\n              downloadFile({\n                src: row.filePath,\n                fileName: row.originalFilename || row.originalFileName,\n              })\n            },\n          },\n          {\n            name: t('ep.attachment.delete'),\n            disabled: () => {\n              return mode.value === 'browse'\n            },\n            onClick: ({ $index, row }) => {\n              if (isDialogOpen) {\n                // 待删除的附件列表\n                toBeDeleteData[$index] = row\n              }\n              data.value.splice($index, 1)\n            },\n          },\n        ],\n      },\n    },\n    {\n      label: t('ep.attachment.attachmentType'),\n      prop: 'type',\n      type: 'EpSelect',\n      required: true,\n      show: () => props.isType,\n      props: {\n        desc: ({ row }) => {\n          return row.typeDesc\n        },\n      },\n    },\n    {\n      label: t('ep.attachment.fileName'),\n      prop: 'originalFilename',\n      type: 'EpLink',\n      onClick({ row }) {\n        previewFile(row.filePath)\n      },\n    },\n    {\n      label: t('ep.attachment.creator'),\n      prop: 'createBy',\n    },\n    {\n      label: t('ep.attachment.createTime'),\n      prop: 'createTime',\n    },\n    {\n      label: t('ep.attachment.description'),\n      prop: 'note',\n      type: 'EpInput',\n      show: () => props.isNote,\n    },\n  ])\n  const addAttachment = async () => {\n    toBeConfirmData = []\n    const fileData = await importFile({\n      api: 'api-f/fast/files/save',\n      extraData: {\n        createBy: Cookies.get('accountName') || '',\n      },\n    })\n    fileData.fileId = fileData.id\n    delete fileData.id\n    if (isDialogOpen) {\n      // 待确认的附件列表\n      toBeConfirmData.push(fileData)\n    }\n    data.value.push(fileData)\n  }\n  // 确认\n  const onConfirm = async (resolve) => {\n    await tableRef.value?.validate()\n    resolve(data.value)\n  }\n  // 取消\n  const onCancel = (resolve) => {\n    if (toBeConfirmData.length) {\n      // 找到待确认的附件\n      const index = data.value.findIndex((item) => {\n        return item.fileId === toBeConfirmData[0].fileId\n      })\n      if (index !== -1) {\n        // 删除待确认的附件\n        data.value.splice(index, 1)\n      }\n      // 清空待确认的附件列表\n      toBeConfirmData = []\n    }\n    if (Object.keys(toBeDeleteData).length) {\n      // 找到待删除的附件在原位置插入\n      Object.keys(toBeDeleteData).forEach((oldIndex) => {\n        data.value.splice(Number(oldIndex), 0, toBeDeleteData[oldIndex])\n      })\n      // 清空待删除的附件列表\n      toBeDeleteData = {}\n    }\n    resolve()\n  }\n  return {\n    columns,\n    addAttachment,\n    isNormalOpen,\n    isDialogOpen,\n    onConfirm,\n    onCancel,\n  }\n}\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"use-attachment.mjs","sources":["../../../../../../packages/components/attachment/src/use-attachment.ts"],"sourcesContent":["import { ref, computed, useTemplateRef } from 'vue'\nimport { useNavigation } from '@el-plus/hooks/use-navigation'\nimport { useLocale } from '@el-plus/hooks/use-locale'\nimport { downloadFile, previewFile, importFile } from '@el-plus/utils/file'\nimport { Cookies } from '@el-plus/utils/cookie'\nimport type { TableInstance } from '@el-plus/components/table'\n\nexport const useAttachment = (props, { data }) => {\n  const { mode: defaultMode } = useNavigation()\n  const { t } = useLocale()\n  const mode = computed(() => {\n    return props.mode || defaultMode.value\n  })\n  const tableRef = useTemplateRef<TableInstance>('tableRef')\n  const isNormalOpen = props.openType === 'normal'\n  const isDialogOpen = props.openType === 'dialog'\n\n  // 待确认的附件列表\n  let toBeConfirmData: Record<string, any>[] = []\n  // 待删除的附件列表\n  let toBeDeleteData: {\n    [key: number]: Record<string, any> // key要存储原来索引以便保留原顺序\n  } = {}\n  const columns = ref([\n    {\n      type: 'EpButtons',\n      label: t('ep.attachment.operation'),\n      width: '120px',\n      props: {\n        type: 'text',\n        list: [\n          {\n            name: t('ep.attachment.download'),\n            onClick({ row }) {\n              downloadFile({\n                src: row.filePath,\n                fileName: row.originalFilename || row.originalFileName,\n              })\n            },\n          },\n          {\n            name: t('ep.attachment.delete'),\n            disabled: () => {\n              return mode.value === 'browse'\n            },\n            onClick: ({ $index, row }) => {\n              if (isDialogOpen) {\n                // 待删除的附件列表\n                toBeDeleteData[$index] = row\n              }\n              data.value.splice($index, 1)\n            },\n          },\n        ],\n      },\n    },\n    {\n      label: t('ep.attachment.attachmentType'),\n      prop: 'type',\n      type: 'EpSelect',\n      required: true,\n      show: () => props.isType,\n      props: {\n        desc: ({ row }) => {\n          return row.typeDesc\n        },\n      },\n    },\n    {\n      label: t('ep.attachment.fileName'),\n      prop: 'originalFilename',\n      type: 'EpLink',\n      onClick({ row }) {\n        previewFile(row.filePath)\n      },\n    },\n    {\n      label: t('ep.attachment.creator'),\n      prop: 'createBy',\n    },\n    {\n      label: t('ep.attachment.createTime'),\n      prop: 'createTime',\n    },\n    {\n      label: t('ep.attachment.description'),\n      prop: 'note',\n      type: 'EpInput',\n      show: () => props.isNote,\n    },\n  ])\n  const addAttachment = async () => {\n    toBeConfirmData = []\n    const fileData = await importFile({\n      api: 'api-f/fast/files/save',\n      extraData: {\n        createBy: Cookies.get('accountName') || '',\n      },\n    })\n    fileData.fileId = fileData.id\n    delete fileData.id\n    if (isDialogOpen) {\n      // 待确认的附件列表\n      toBeConfirmData.push(fileData)\n    }\n    data.value.push(fileData)\n  }\n  // 确认\n  const onConfirm = async (resolve) => {\n    await tableRef.value?.validate()\n    resolve(data.value)\n    toBeConfirmData = []\n    toBeDeleteData = {}\n  }\n  // 取消\n  const onCancel = (resolve) => {\n    if (toBeConfirmData.length) {\n      // 找到待确认的附件\n      const index = data.value.findIndex((item) => {\n        return item.fileId === toBeConfirmData[0].fileId\n      })\n      if (index !== -1) {\n        // 删除待确认的附件\n        data.value.splice(index, 1)\n      }\n      // 清空待确认的附件列表\n      toBeConfirmData = []\n    }\n    if (Object.keys(toBeDeleteData).length) {\n      // 找到待删除的附件在原位置插入\n      Object.keys(toBeDeleteData).forEach((oldIndex) => {\n        data.value.splice(Number(oldIndex), 0, toBeDeleteData[oldIndex])\n      })\n      // 清空待删除的附件列表\n      toBeDeleteData = {}\n    }\n    resolve()\n  }\n  return {\n    columns,\n    addAttachment,\n    isNormalOpen,\n    isDialogOpen,\n    onConfirm,\n    onCancel,\n  }\n}\n"],"names":[],"mappings":"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"}

package/es/components/header/index.d.ts

@@ -33,6 +33,14 @@ export declare const EpHeader: {
             readonly type: BooleanConstructor;
             readonly default: false;
         };
+        readonly fileList: {
+            readonly type: import("vue").PropType<Record<string, any>[]>;
+            readonly default: () => never[];
+        };
+        readonly attachmentProps: {
+            readonly type: import("vue").PropType<import("el-plus/es/index").AttachmentProps>;
+            readonly default: () => void;
+        };
     }>> & Readonly<{}>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, import("vue").PublicProps, {
         readonly buttons: Partial<Omit<import("element-plus").ButtonProps, "disabled"> & {
             name: string;
@@ -50,6 +58,28 @@ export declare const EpHeader: {
         readonly allowBack: boolean;
         readonly defaultButtons: import("./src/header").defaultButtonsProps[];
         readonly isShowAttachmentButton: boolean;
+        readonly fileList: Record<string, any>[];
+        readonly attachmentProps: {
+            readonly mode?: import("el-plus/es/hooks/use-navigation").PageMode | undefined;
+            readonly formatColumns?: Partial<import("element-plus").TableColumnCtx & {
+                [key: string]: any;
+                required: boolean | (() => boolean);
+                cellRequired: (scope: import("el-plus/es/index").TableScope) => boolean;
+                headerRender: import("element-plus").TableColumnCtx["renderHeader"];
+                disabled: boolean | ((scope: import("el-plus/es/index").TableScope) => boolean);
+                type: string;
+                props: Record<string, any>;
+                filter: boolean;
+                editable: boolean | ((formData: Record<string, any>) => void);
+            } & {} & {
+                show?: (boolean | ((T: unknown) => boolean)) | undefined;
+                hide?: (boolean | ((T: unknown) => boolean)) | undefined;
+            }>[] | undefined;
+            readonly openType?: "dialog" | "normal" | undefined;
+            readonly isType?: boolean | undefined;
+            readonly isNote?: boolean | undefined;
+            readonly isShowOpenDialogButton?: boolean | undefined;
+        };
     }, true, {}, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, {}, any, import("vue").ComponentProvideOptions, {
         P: {};
         B: {};
@@ -91,6 +121,14 @@ export declare const EpHeader: {
             readonly type: BooleanConstructor;
             readonly default: false;
         };
+        readonly fileList: {
+            readonly type: import("vue").PropType<Record<string, any>[]>;
+            readonly default: () => never[];
+        };
+        readonly attachmentProps: {
+            readonly type: import("vue").PropType<import("el-plus/es/index").AttachmentProps>;
+            readonly default: () => void;
+        };
     }>> & Readonly<{}>, {}, {}, {}, {}, {
         readonly buttons: Partial<Omit<import("element-plus").ButtonProps, "disabled"> & {
             name: string;
@@ -108,6 +146,28 @@ export declare const EpHeader: {
         readonly allowBack: boolean;
         readonly defaultButtons: import("./src/header").defaultButtonsProps[];
         readonly isShowAttachmentButton: boolean;
+        readonly fileList: Record<string, any>[];
+        readonly attachmentProps: {
+            readonly mode?: import("el-plus/es/hooks/use-navigation").PageMode | undefined;
+            readonly formatColumns?: Partial<import("element-plus").TableColumnCtx & {
+                [key: string]: any;
+                required: boolean | (() => boolean);
+                cellRequired: (scope: import("el-plus/es/index").TableScope) => boolean;
+                headerRender: import("element-plus").TableColumnCtx["renderHeader"];
+                disabled: boolean | ((scope: import("el-plus/es/index").TableScope) => boolean);
+                type: string;
+                props: Record<string, any>;
+                filter: boolean;
+                editable: boolean | ((formData: Record<string, any>) => void);
+            } & {} & {
+                show?: (boolean | ((T: unknown) => boolean)) | undefined;
+                hide?: (boolean | ((T: unknown) => boolean)) | undefined;
+            }>[] | undefined;
+            readonly openType?: "dialog" | "normal" | undefined;
+            readonly isType?: boolean | undefined;
+            readonly isNote?: boolean | undefined;
+            readonly isShowOpenDialogButton?: boolean | undefined;
+        };
     }>;
     __isFragment?: never;
     __isTeleport?: never;
@@ -134,6 +194,14 @@ export declare const EpHeader: {
         readonly type: BooleanConstructor;
         readonly default: false;
     };
+    readonly fileList: {
+        readonly type: import("vue").PropType<Record<string, any>[]>;
+        readonly default: () => never[];
+    };
+    readonly attachmentProps: {
+        readonly type: import("vue").PropType<import("el-plus/es/index").AttachmentProps>;
+        readonly default: () => void;
+    };
 }>> & Readonly<{}>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {
     readonly buttons: Partial<Omit<import("element-plus").ButtonProps, "disabled"> & {
         name: string;
@@ -151,6 +219,28 @@ export declare const EpHeader: {
     readonly allowBack: boolean;
     readonly defaultButtons: import("./src/header").defaultButtonsProps[];
     readonly isShowAttachmentButton: boolean;
+    readonly fileList: Record<string, any>[];
+    readonly attachmentProps: {
+        readonly mode?: import("el-plus/es/hooks/use-navigation").PageMode | undefined;
+        readonly formatColumns?: Partial<import("element-plus").TableColumnCtx & {
+            [key: string]: any;
+            required: boolean | (() => boolean);
+            cellRequired: (scope: import("el-plus/es/index").TableScope) => boolean;
+            headerRender: import("element-plus").TableColumnCtx["renderHeader"];
+            disabled: boolean | ((scope: import("el-plus/es/index").TableScope) => boolean);
+            type: string;
+            props: Record<string, any>;
+            filter: boolean;
+            editable: boolean | ((formData: Record<string, any>) => void);
+        } & {} & {
+            show?: (boolean | ((T: unknown) => boolean)) | undefined;
+            hide?: (boolean | ((T: unknown) => boolean)) | undefined;
+        }>[] | undefined;
+        readonly openType?: "dialog" | "normal" | undefined;
+        readonly isType?: boolean | undefined;
+        readonly isNote?: boolean | undefined;
+        readonly isShowOpenDialogButton?: boolean | undefined;
+    };
 }, {}, string, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, import("vue").ComponentProvideOptions> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & import("vue").Plugin;
 export default EpHeader;
 export * from './src/header';

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

@@ -1,4 +1,5 @@
 import type { ExtractPropTypes, PropType } from 'vue';
+import type { AttachmentProps } from 'el-plus/es/components/attachment';
 import type { PageMode } from 'el-plus/es/hooks/use-navigation';
 export type defaultButtonsProps = 'modify' | 'save' | 'cancel' | 'refresh' | 'auditLog';
 export declare const headerProps: {
@@ -23,6 +24,14 @@ export declare const headerProps: {
         readonly type: BooleanConstructor;
         readonly default: false;
     };
+    readonly fileList: {
+        readonly type: PropType<Record<string, any>[]>;
+        readonly default: () => never[];
+    };
+    readonly attachmentProps: {
+        readonly type: PropType<AttachmentProps>;
+        readonly default: () => void;
+    };
 };
 export type HeaderProps = ExtractPropTypes<typeof headerProps>;
 export declare const headerEmits: {};

package/es/components/header/src/header.mjs

@@ -25,6 +25,16 @@ const headerProps = {
   isShowAttachmentButton: {
     type: Boolean,
     default: false
+  },
+  // 附件列表
+  fileList: {
+    type: Array,
+    default: () => []
+  },
+  attachmentProps: {
+    type: Object,
+    default: () => {
+    }
   }
 };
 const headerEmits = {};