el-plus 0.0.47 → 0.0.50

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

@@ -32,12 +32,18 @@ export declare const EpAttachment: {
             readonly type: BooleanConstructor;
             readonly default: false;
         };
+        isShowOpenDialogButton: {
+            readonly type: BooleanConstructor;
+            readonly default: false;
+        };
         modelValue: {
             type: import("vue").PropType<any[]>;
         };
     }>> & Readonly<{
         "onUpdate:modelValue"?: ((value: any[] | undefined) => any) | undefined;
-    }>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    }>, {
+        open: () => Promise<any>;
+    }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
         "update:modelValue": (value: any[] | undefined) => any;
     }, import("vue").PublicProps, {
         formatColumns: Partial<import("element-plus").TableColumnCtx & {
@@ -57,6 +63,7 @@ export declare const EpAttachment: {
         openType: "dialog" | "normal";
         isType: boolean;
         isNote: boolean;
+        isShowOpenDialogButton: boolean;
     }, true, {}, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, {}, any, import("vue").ComponentProvideOptions, {
         P: {};
         B: {};
@@ -97,12 +104,18 @@ export declare const EpAttachment: {
             readonly type: BooleanConstructor;
             readonly default: false;
         };
+        isShowOpenDialogButton: {
+            readonly type: BooleanConstructor;
+            readonly default: false;
+        };
         modelValue: {
             type: import("vue").PropType<any[]>;
         };
     }>> & Readonly<{
         "onUpdate:modelValue"?: ((value: any[] | undefined) => any) | undefined;
-    }>, {}, {}, {}, {}, {
+    }>, {
+        open: () => Promise<any>;
+    }, {}, {}, {}, {
         formatColumns: Partial<import("element-plus").TableColumnCtx & {
             [key: string]: any;
             required: boolean | (() => boolean);
@@ -120,6 +133,7 @@ export declare const EpAttachment: {
         openType: "dialog" | "normal";
         isType: boolean;
         isNote: boolean;
+        isShowOpenDialogButton: boolean;
     }>;
     __isFragment?: never;
     __isTeleport?: never;
@@ -144,12 +158,18 @@ export declare const EpAttachment: {
         readonly type: BooleanConstructor;
         readonly default: false;
     };
+    isShowOpenDialogButton: {
+        readonly type: BooleanConstructor;
+        readonly default: false;
+    };
     modelValue: {
         type: import("vue").PropType<any[]>;
     };
 }>> & Readonly<{
     "onUpdate:modelValue"?: ((value: any[] | undefined) => any) | undefined;
-}>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+}>, {
+    open: () => Promise<any>;
+}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     "update:modelValue": (value: any[] | undefined) => any;
 }, string, {
     formatColumns: Partial<import("element-plus").TableColumnCtx & {
@@ -169,6 +189,7 @@ export declare const EpAttachment: {
     openType: "dialog" | "normal";
     isType: boolean;
     isNote: boolean;
+    isShowOpenDialogButton: boolean;
 }, {}, 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 EpAttachment;
 export * from './src/attachment';

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

@@ -19,5 +19,9 @@ export declare const attachmentProps: {
         readonly type: BooleanConstructor;
         readonly default: false;
     };
+    readonly isShowOpenDialogButton: {
+        readonly type: BooleanConstructor;
+        readonly default: false;
+    };
 };
 export type AttachmentProps = ExtractPropTypes<typeof attachmentProps>;

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

@@ -24,6 +24,11 @@ const attachmentProps = {
   isNote: {
     type: Boolean,
     default: false
+  },
+  // 是否需要打开弹窗按钮
+  isShowOpenDialogButton: {
+    type: Boolean,
+    default: false
   }
 };
 

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} 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;AAEb;;;;"}
+{"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;;;;"}

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

@@ -18,10 +18,16 @@ declare const __VLS_export: import("vue").DefineComponent<import("vue").ExtractP
         readonly type: BooleanConstructor;
         readonly default: false;
     };
+    isShowOpenDialogButton: {
+        readonly type: BooleanConstructor;
+        readonly default: false;
+    };
     modelValue: {
         type: import("vue").PropType<any[]>;
     };
-}>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+}>, {
+    open: () => Promise<any>;
+}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     "update:modelValue": (value: any[] | undefined) => any;
 }, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
     formatColumns: {
@@ -43,6 +49,10 @@ declare const __VLS_export: import("vue").DefineComponent<import("vue").ExtractP
         readonly type: BooleanConstructor;
         readonly default: false;
     };
+    isShowOpenDialogButton: {
+        readonly type: BooleanConstructor;
+        readonly default: false;
+    };
     modelValue: {
         type: import("vue").PropType<any[]>;
     };
@@ -66,6 +76,7 @@ declare const __VLS_export: import("vue").DefineComponent<import("vue").ExtractP
     openType: "dialog" | "normal";
     isType: boolean;
     isNote: boolean;
+    isShowOpenDialogButton: boolean;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
 declare const _default: typeof __VLS_export;
 export default _default;

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

@@ -1,10 +1,12 @@
-import { defineComponent, mergeModels, useModel, resolveComponent, createBlock, openBlock, unref, withCtx, createCommentVNode, createVNode, createTextVNode, mergeProps } from 'vue';
+import { defineComponent, mergeModels, useModel, resolveComponent, createElementBlock, openBlock, Fragment, createBlock, createCommentVNode, createVNode, unref, normalizeClass, withCtx, createTextVNode, toDisplayString, createElementVNode, mergeProps } from 'vue';
 import { createNameSpace } from '../../../utils/bem.mjs';
 import { prepareStyles, prepareClassNames } from '../../../utils/props.mjs';
 import { attachmentProps } from './attachment.mjs';
 import { EpTable } from '../../table/index.mjs';
 import { useAttachment } from './use-attachment.mjs';
 import { useDialog } from '../../../hooks/dialog/use-dialog.mjs';
+import { useLocale } from '../../../hooks/use-locale.mjs';
+import { ElButton } from 'element-plus';
 
 var _sfc_main = /* @__PURE__ */ defineComponent({
   ...{
@@ -17,46 +19,84 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
     "modelModifiers": {}
   }),
   emits: ["update:modelValue"],
-  setup(__props) {
+  setup(__props, { expose: __expose }) {
+    const { t } = useLocale();
     const bem = createNameSpace("attachment");
     const props = __props;
     const modelValue = useModel(__props, "modelValue");
+    const { columns, addAttachment, isNormalOpen, onConfirm, onCancel } = useAttachment(props, {
+      data: modelValue
+    });
     const AttachmentDialog = useDialog({
-      class: bem.em("dialog", props.openType === "normal" ? props.openType : ""),
       width: 850,
       center: true,
-      title: "\u9644\u4EF6\u7BA1\u7406",
+      title: isNormalOpen ? "" : t("ep.attachment.manageAttachment"),
+      modal: !isNormalOpen,
+      showClose: !isNormalOpen,
+      showFooter: !isNormalOpen,
+      transition: isNormalOpen ? "" : "dialog-fade",
+      modalClass: bem.em(
+        "dialog",
+        props.openType === "normal" ? props.openType : ""
+      ),
       onConfirm: async (resolve) => {
+        onConfirm(resolve);
+      },
+      onCancel: (resolve) => {
+        onCancel(resolve);
       }
     });
-    const { columns } = useAttachment(props, {
-      data: modelValue
+    const open = AttachmentDialog.open;
+    if (isNormalOpen) {
+      open();
+    }
+    __expose({
+      open
     });
     return (_ctx, _cache) => {
-      const _component_el_button = resolveComponent("el-button");
-      return openBlock(), createBlock(unref(AttachmentDialog), null, {
-        default: withCtx(() => [
-          _ctx.openType === "dialog" ? (openBlock(), createBlock(_component_el_button, {
-            key: 0,
-            type: "primary",
-            size: "default"
-          }, {
-            default: withCtx(() => [
-              createTextVNode("\u6DFB\u52A0\u9644\u4EF6")
+      const _component_EpButtons = resolveComponent("EpButtons");
+      return openBlock(), createElementBlock(Fragment, null, [
+        _ctx.isShowOpenDialogButton ? (openBlock(), createBlock(unref(ElButton), {
+          key: 0,
+          type: "primary",
+          plain: "",
+          size: "small",
+          class: normalizeClass(unref(bem).e("handler")),
+          onClick: unref(open)
+        }, {
+          default: withCtx(() => [
+            createTextVNode(toDisplayString(unref(t)("ep.attachment.manageAttachment")) + "(" + toDisplayString(modelValue.value?.length || 0) + ") ", 1)
+          ]),
+          _: 1
+        }, 8, ["class", "onClick"])) : createCommentVNode("", true),
+        createVNode(unref(AttachmentDialog), null, {
+          default: withCtx(() => [
+            createElementVNode("div", { style: { "margin-bottom": "10px", "text-align": "right" } }, [
+              _ctx.openType === "dialog" ? (openBlock(), createBlock(_component_EpButtons, {
+                key: 0,
+                type: "primary",
+                list: [
+                  {
+                    name: unref(t)("ep.attachment.addAttachment"),
+                    type: "primary",
+                    onClick: unref(addAttachment)
+                  }
+                ]
+              }, null, 8, ["list"])) : createCommentVNode("", true)
             ]),
-            _: 1
-          })) : createCommentVNode("", true),
-          createVNode(unref(EpTable), mergeProps({
-            class: `${unref(bem).b()} ${unref(prepareClassNames)()}`,
-            style: {
-              ...unref(prepareStyles)()
-            },
-            columns: unref(columns),
-            data: modelValue.value
-          }, props), null, 16, ["class", "style", "columns", "data"])
-        ]),
-        _: 1
-      });
+            createVNode(unref(EpTable), mergeProps({
+              ref: "tableRef",
+              class: `${unref(bem).b()} ${unref(prepareClassNames)()}`,
+              style: {
+                ...unref(prepareStyles)()
+              },
+              columns: unref(columns),
+              data: modelValue.value
+            }, props), null, 16, ["class", "style", "columns", "data"])
+          ]),
+          _: 1
+        })
+      ], 64);
     };
   }
 });

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  <AttachmentDialog>\n    <el-button v-if=\"openType === 'dialog'\" type=\"primary\" size=\"default\"\n      >添加附件</el-button\n    >\n    <ep-table\n      :class=\"`${bem.b()} ${prepareClassNames()}`\"\n      :style=\"{\n        ...prepareStyles(),\n      }\"\n      :columns=\"columns\"\n      :data=\"modelValue\"\n      v-bind=\"props\"\n    >\n    </ep-table>\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'\ndefineOptions({\n  name: 'EpAttachment',\n  inheritAttrs: false,\n})\nconst bem = createNameSpace('attachment')\nconst props = defineProps(attachmentProps)\nconst modelValue = defineModel<TableProps['data']>()\nconst AttachmentDialog = useDialog({\n  class: bem.em('dialog', props.openType === 'normal' ? props.openType : ''),\n  width: 850,\n  center: true,\n  title: '附件管理',\n  onConfirm: async (resolve) => {},\n})\nconst { columns } = useAttachment(props, {\n  data: modelValue,\n})\n</script>\n"],"names":["_useModel","_createBlock","_unref","openType","_createVNode","_mergeProps"],"mappings":";;;;;;;;;;;;;;;;;;;;AA6BA,IAAA,MAAM,GAAA,GAAM,gBAAgB,YAAY,CAAA;AACxC,IAAA,MAAM,KAAA,GAAQ,OAAA;AACd,IAAA,MAAM,UAAA,GAAaA,QAAA,CAA+B,OAAA,EAAA,YAAC,CAAA;AACnD,IAAA,MAAM,mBAAmB,SAAA,CAAU;AAAA,MACjC,KAAA,EAAO,IAAI,EAAA,CAAG,QAAA,EAAU,MAAM,QAAA,KAAa,QAAA,GAAW,KAAA,CAAM,QAAA,GAAW,EAAE,CAAA;AAAA,MACzE,KAAA,EAAO,GAAA;AAAA,MACP,MAAA,EAAQ,IAAA;AAAA,MACR,KAAA,EAAO,0BAAA;AAAA,MACP,SAAA,EAAW,OAAO,OAAA,KAAY;AAAA,MAAC;AAAA,KAChC,CAAA;AACD,IAAA,MAAM,EAAE,OAAA,EAAQ,GAAI,aAAA,CAAc,KAAA,EAAO;AAAA,MACvC,IAAA,EAAM;AAAA,KACP,CAAA;;;0BAxCCC,WAAA,CAcmBC,KAAA,CAAA,gBAAA,GAAA,IAAA,EAAA;AAAA,yBAbjB,MAEC;AAAA,UAFgBC,KAAAA,QAAAA,KAAQ,QAAA,iBAAzBF,YAEC,oBAAA,EAAA;AAAA;YAFuC,IAAA,EAAK,SAAA;AAAA,YAAU,IAAA,EAAK;AAAA;6BACzD,MAAI;AAAA,8BAAJ,0BAAI;AAAA;;;UAEPG,WAAA,CASWF,KAAA,WATXG,UAAA,CASW;AAAA,YARR,KAAA,EAAK,CAAA,EAAKH,KAAA,CAAA,GAAA,CAAA,CAAI,CAAA,MAAOA,KAAA,CAAA,iBAAA,CAAA,EAAiB,CAAA,CAAA;AAAA,YACtC,KAAA,EAAK;AAAA,iBAAeA,KAAA,CAAA,aAAA,CAAA;AAAa;YAGjC,OAAA,EAASA,MAAA,OAAA,CAAA;AAAA,YACT,MAAM,UAAA,CAAA;AAAA,aACC,KAAK,CAAA,EAAA,IAAA,EAAA,EAAA,EAAA,CAAA,OAAA,EAAA,OAAA,EAAA,SAAA,EAAA,MAAA,CAAA;AAAA;;;;;;;;;"}
+{"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":";;;;;;;;;;;;;;;;;;;;;;AAiDA,IAAA,MAAM,EAAE,CAAA,EAAE,GAAI,SAAA,EAAU;AAKxB,IAAA,MAAM,GAAA,GAAM,gBAAgB,YAAY,CAAA;AACxC,IAAA,MAAM,KAAA,GAAQ,OAAA;AACd,IAAA,MAAM,UAAA,GAAaA,QAAA,CAA+B,OAAA,EAAA,YAAC,CAAA;AACnD,IAAA,MAAM,EAAE,SAAS,aAAA,EAAe,YAAA,EAAc,WAAW,QAAA,EAAS,GAChE,cAAc,KAAA,EAAO;AAAA,MACnB,IAAA,EAAM;AAAA,KACP,CAAA;AACH,IAAA,MAAM,mBAAmB,SAAA,CAAU;AAAA,MACjC,KAAA,EAAO,GAAA;AAAA,MACP,MAAA,EAAQ,IAAA;AAAA,MACR,KAAA,EAAO,YAAA,GAAe,EAAA,GAAK,CAAA,CAAE,gCAAgC,CAAA;AAAA,MAC7D,OAAO,CAAC,YAAA;AAAA,MACR,WAAW,CAAC,YAAA;AAAA,MACZ,YAAY,CAAC,YAAA;AAAA,MACb,UAAA,EAAY,eAAe,EAAA,GAAK,aAAA;AAAA,MAChC,YAAY,GAAA,CAAI,EAAA;AAAA,QACd,QAAA;AAAA,QACA,KAAA,CAAM,QAAA,KAAa,QAAA,GAAW,KAAA,CAAM,QAAA,GAAW;AAAA,OACjD;AAAA,MACA,SAAA,EAAW,OAAO,OAAA,KAAY;AAC5B,QAAA,SAAA,CAAU,OAAO,CAAA;AAAA,MACnB,CAAA;AAAA,MACA,QAAA,EAAU,CAAC,OAAA,KAAY;AACrB,QAAA,QAAA,CAAS,OAAO,CAAA;AAAA,MAClB;AAAA,KACD,CAAA;AACD,IAAA,MAAM,OAAO,gBAAA,CAAiB,IAAA;AAC9B,IAAA,IAAI,YAAA,EAAc;AAChB,MAAA,IAAA,EAAK;AAAA,IACP;AACA,IAAA,QAAA,CAAa;AAAA,MACX;AAAA,KACD,CAAA;;;;QApFSC,KAAAA,sBAAAA,iBADRC,WAAA,CASWC,KAAA,CAAA,QAAA,CAAA,EAAA;AAAA;UAPT,IAAA,EAAK,SAAA;AAAA,UACL,KAAA,EAAA,EAAA;AAAA,UACA,IAAA,EAAK,OAAA;AAAA,UACJ,OAAKC,cAAA,CAAED,KAAA,CAAA,GAAA,CAAA,CAAI,CAAA,CAAC,SAAA,CAAA,CAAA;AAAA,UACZ,OAAA,EAAOA,MAAA,IAAA;AAAA;2BAER,MAAyC;AAAA,YAAtCE,gBAAAC,eAAA,CAAAH,KAAA,CAAA,CAAA,CAAA,sCAAsC,GAAA,GAACG,eAAA,CAAG,kBAAY,MAAA,SAAc,MACzE,CAAA;AAAA;;;QACAC,WAAA,CA0BmBJ,KAAA,CAAA,gBAAA,CAAA,EAAA,IAAA,EAAA;AAAA,2BAzBjB,MAYM;AAAA,YAZNK,kBAAA,CAYM,KAAA,EAAA,EAZD,KAAA,EAAA,EAAA,iBAAA,MAAA,EAAA,YAAA,EAAA,OAAA,EAAA,EAA8C,EAAA;AAAA,cAEzCC,KAAAA,QAAAA,KAAQ,QAAA,iBADhBP,YAUE,oBAAA,EAAA;AAAA;gBARA,IAAA,EAAK,SAAA;AAAA,gBACJ,IAAA,EAAI;AAAA;0BAAkCC,KAAA,CAAA,CAAA,CAAA,CAAC,6BAAA,CAAA;AAAA;6BAAmFA,MAAA,aAAA;AAAA;;;;YAU/HI,WAAA,CAUUJ,KAAA,WAVVO,UAAA,CAUU;AAAA,cATR,GAAA,EAAI,UAAA;AAAA,cACH,KAAA,EAAK,CAAA,EAAKP,KAAA,CAAA,GAAA,CAAA,CAAI,CAAA,MAAOA,KAAA,CAAA,iBAAA,CAAA,EAAiB,CAAA,CAAA;AAAA,cACtC,KAAA,EAAK;AAAA,mBAAeA,KAAA,CAAA,aAAA,CAAA;AAAa;cAGjC,OAAA,EAASA,MAAA,OAAA,CAAA;AAAA,cACT,MAAM,UAAA,CAAA;AAAA,eACC,KAAK,CAAA,EAAA,IAAA,EAAA,EAAA,EAAA,CAAA,OAAA,EAAA,OAAA,EAAA,SAAA,EAAA,MAAA,CAAA;AAAA;;;;;;;;;;"}

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

@@ -3,21 +3,22 @@ export declare const useAttachment: (props: any, { data }: {
 }) => {
     columns: import("vue").Ref<({
         type: string;
-        label: string;
+        label: any;
         width: string;
         props: {
             type: string;
             list: ({
-                name: string;
+                name: any;
                 onClick: ({ row }: {
                     row: any;
                 }) => void;
                 disabled?: undefined;
             } | {
-                name: string;
+                name: any;
                 disabled: () => boolean;
-                onClick: ({ $index }: {
+                onClick: ({ $index, row }: {
                     $index: any;
+                    row: any;
                 }) => void;
             })[];
             desc?: undefined;
@@ -27,7 +28,7 @@ export declare const useAttachment: (props: any, { data }: {
         show?: undefined;
         onClick?: undefined;
     } | {
-        label: string;
+        label: any;
         prop: string;
         type: string;
         required: boolean;
@@ -42,7 +43,7 @@ export declare const useAttachment: (props: any, { data }: {
         width?: undefined;
         onClick?: undefined;
     } | {
-        label: string;
+        label: any;
         prop: string;
         type: string;
         onClick: ({ row }: {
@@ -53,7 +54,7 @@ export declare const useAttachment: (props: any, { data }: {
         required?: undefined;
         show?: undefined;
     } | {
-        label: string;
+        label: any;
         prop: string;
         type?: undefined;
         width?: undefined;
@@ -62,7 +63,7 @@ export declare const useAttachment: (props: any, { data }: {
         show?: undefined;
         onClick?: undefined;
     } | {
-        label: string;
+        label: any;
         prop: string;
         type: string;
         show: () => any;
@@ -72,21 +73,22 @@ export declare const useAttachment: (props: any, { data }: {
         onClick?: undefined;
     })[], ({
         type: string;
-        label: string;
+        label: any;
         width: string;
         props: {
             type: string;
             list: ({
-                name: string;
+                name: any;
                 onClick({ row }: {
                     row: any;
                 }): void;
                 disabled?: undefined;
             } | {
-                name: string;
+                name: any;
                 disabled: () => boolean;
-                onClick: ({ $index }: {
+                onClick: ({ $index, row }: {
                     $index: any;
+                    row: any;
                 }) => void;
             })[];
             desc?: undefined;
@@ -96,7 +98,7 @@ export declare const useAttachment: (props: any, { data }: {
         show?: undefined;
         onClick?: undefined;
     } | {
-        label: string;
+        label: any;
         prop: string;
         type: string;
         required: boolean;
@@ -111,7 +113,7 @@ export declare const useAttachment: (props: any, { data }: {
         width?: undefined;
         onClick?: undefined;
     } | {
-        label: string;
+        label: any;
         prop: string;
         type: string;
         onClick({ row }: {
@@ -122,7 +124,7 @@ export declare const useAttachment: (props: any, { data }: {
         required?: undefined;
         show?: undefined;
     } | {
-        label: string;
+        label: any;
         prop: string;
         type?: undefined;
         width?: undefined;
@@ -131,7 +133,7 @@ export declare const useAttachment: (props: any, { data }: {
         show?: undefined;
         onClick?: undefined;
     } | {
-        label: string;
+        label: any;
         prop: string;
         type: string;
         show: () => any;
@@ -141,21 +143,22 @@ export declare const useAttachment: (props: any, { data }: {
         onClick?: undefined;
     })[] | ({
         type: string;
-        label: string;
+        label: any;
         width: string;
         props: {
             type: string;
             list: ({
-                name: string;
+                name: any;
                 onClick: ({ row }: {
                     row: any;
                 }) => void;
                 disabled?: undefined;
             } | {
-                name: string;
+                name: any;
                 disabled: () => boolean;
-                onClick: ({ $index }: {
+                onClick: ({ $index, row }: {
                     $index: any;
+                    row: any;
                 }) => void;
             })[];
             desc?: undefined;
@@ -165,7 +168,7 @@ export declare const useAttachment: (props: any, { data }: {
         show?: undefined;
         onClick?: undefined;
     } | {
-        label: string;
+        label: any;
         prop: string;
         type: string;
         required: boolean;
@@ -180,7 +183,7 @@ export declare const useAttachment: (props: any, { data }: {
         width?: undefined;
         onClick?: undefined;
     } | {
-        label: string;
+        label: any;
         prop: string;
         type: string;
         onClick: ({ row }: {
@@ -191,7 +194,7 @@ export declare const useAttachment: (props: any, { data }: {
         required?: undefined;
         show?: undefined;
     } | {
-        label: string;
+        label: any;
         prop: string;
         type?: undefined;
         width?: undefined;
@@ -200,7 +203,7 @@ export declare const useAttachment: (props: any, { data }: {
         show?: undefined;
         onClick?: undefined;
     } | {
-        label: string;
+        label: any;
         prop: string;
         type: string;
         show: () => any;
@@ -209,4 +212,9 @@ export declare const useAttachment: (props: any, { data }: {
         required?: undefined;
         onClick?: undefined;
     })[]>;
+    addAttachment: () => Promise<void>;
+    isNormalOpen: boolean;
+    isDialogOpen: boolean;
+    onConfirm: (resolve: any) => Promise<void>;
+    onCancel: (resolve: any) => void;
 };

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

@@ -1,22 +1,30 @@
-import { computed, ref } from 'vue';
+import { computed, useTemplateRef, ref } from 'vue';
 import { useNavigation } from '../../../hooks/use-navigation.mjs';
-import { downloadFile, previewFile } from '../../../utils/file.mjs';
+import { useLocale } from '../../../hooks/use-locale.mjs';
+import { downloadFile, previewFile, importFile } from '../../../utils/file.mjs';
+import Cookies from 'js-cookie';
 
 const useAttachment = (props, { data }) => {
   const { mode: defaultMode } = useNavigation();
+  const { t } = useLocale();
   const mode = computed(() => {
     return props.mode || defaultMode.value;
   });
+  const tableRef = useTemplateRef("tableRef");
+  const isNormalOpen = props.openType === "normal";
+  const isDialogOpen = props.openType === "dialog";
+  let toBeConfirmData = [];
+  let toBeDeleteData = {};
   const columns = ref([
     {
       type: "EpButtons",
-      label: "\u64CD\u4F5C",
+      label: t("ep.attachment.operation"),
       width: "120px",
       props: {
         type: "text",
         list: [
           {
-            name: "\u4E0B\u8F7D",
+            name: t("ep.attachment.download"),
             onClick({ row }) {
               downloadFile({
                 src: row.filePath,
@@ -25,11 +33,14 @@ const useAttachment = (props, { data }) => {
             }
           },
           {
-            name: "\u5220\u9664",
+            name: t("ep.attachment.delete"),
             disabled: () => {
               return mode.value === "browse";
             },
-            onClick: ({ $index }) => {
+            onClick: ({ $index, row }) => {
+              if (isDialogOpen) {
+                toBeDeleteData[$index] = row;
+              }
               data.value.splice($index, 1);
             }
           }
@@ -37,7 +48,7 @@ const useAttachment = (props, { data }) => {
       }
     },
     {
-      label: "\u9644\u4EF6\u7C7B\u578B",
+      label: t("ep.attachment.attachmentType"),
       prop: "type",
       type: "EpSelect",
       required: true,
@@ -49,7 +60,7 @@ const useAttachment = (props, { data }) => {
       }
     },
     {
-      label: "\u6587\u4EF6\u540D\u79F0",
+      label: t("ep.attachment.fileName"),
       prop: "originalFilename",
       type: "EpLink",
       onClick({ row }) {
@@ -57,22 +68,64 @@ const useAttachment = (props, { data }) => {
       }
     },
     {
-      label: "\u521B\u5EFA\u4EBA",
+      label: t("ep.attachment.creator"),
       prop: "createBy"
     },
     {
-      label: "\u521B\u5EFA\u65F6\u95F4",
+      label: t("ep.attachment.createTime"),
       prop: "createTime"
     },
     {
-      label: "\u8BF4\u660E",
+      label: t("ep.attachment.description"),
       prop: "note",
       type: "EpInput",
       show: () => props.isNote
     }
   ]);
+  const addAttachment = async () => {
+    toBeConfirmData = [];
+    const fileData = await importFile({
+      api: "api-f/fast/files/save",
+      extraData: {
+        createBy: Cookies.get("accountName") || ""
+      }
+    });
+    fileData.fileId = fileData.id;
+    delete fileData.id;
+    if (isDialogOpen) {
+      toBeConfirmData.push(fileData);
+    }
+    data.value.push(fileData);
+  };
+  const onConfirm = async (resolve) => {
+    await tableRef.value?.validate();
+    resolve(data.value);
+  };
+  const onCancel = (resolve) => {
+    if (toBeConfirmData.length) {
+      const index = data.value.findIndex((item) => {
+        return item.fileId === toBeConfirmData[0].fileId;
+      });
+      if (index !== -1) {
+        data.value.splice(index, 1);
+      }
+      toBeConfirmData = [];
+    }
+    if (Object.keys(toBeDeleteData).length) {
+      Object.keys(toBeDeleteData).forEach((oldIndex) => {
+        data.value.splice(Number(oldIndex), 0, toBeDeleteData[oldIndex]);
+      });
+      toBeDeleteData = {};
+    }
+    resolve();
+  };
   return {
-    columns
+    columns,
+    addAttachment,
+    isNormalOpen,
+    isDialogOpen,
+    onConfirm,
+    onCancel
   };
 };