el-plus 0.0.74 → 0.0.77

package/dist/index.full.mjs

@@ -1,4 +1,4 @@
-/*! ElPlus v0.0.74 */
+/*! ElPlus v0.0.77 */
 
 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';
@@ -825,7 +825,11 @@ const useFormItemSlots = (props) => {
   const events = {};
   for (const key in attrs) {
     if (key.startsWith("on")) {
-      events[key] = attrs[key];
+      events[key] = (...args) => {
+        const tableScope = attrs["table-scope"];
+        const eventFn = attrs[key];
+        return eventFn(...args, tableScope);
+      };
     }
   }
   const formData = attrs["form-data"];
@@ -2333,6 +2337,7 @@ var _sfc_main$8 = /* @__PURE__ */ defineComponent({
     });
     const customAttrs = computed(() => {
       return {
+        "row-key": props.rowKey || "id",
         ...prepareProps(props, ["modelValue", ...expandTablePropsKeys]),
         // 'tooltip-effect': 'light',
         size: "small",
@@ -2455,7 +2460,7 @@ var _sfc_main$8 = /* @__PURE__ */ defineComponent({
             _: 1
           }, 8, ["label", "align", "width"])) : createCommentVNode("", true), (openBlock(true), createElementBlock(Fragment, null, renderList(unref(columnList), (item, index) => {
             return openBlock(), createBlock(_component_el_table_column, mergeProps({
-              key: index
+              key: `${item.prop}_${item.type}_${index}`
             }, {
               ref_for: true
             }, item), {
@@ -3366,6 +3371,10 @@ const attachmentProps = {
   formatColumns: {
     ...tableProps.formatColumns
   },
+  rowKey: {
+    type: String,
+    default: "fileId"
+  },
   // 页面模式
   mode: {
     type: String
@@ -3389,6 +3398,14 @@ const attachmentProps = {
   isShowOpenDialogButton: {
     type: Boolean,
     default: false
+  },
+  // 添加前校验
+  beforeAdd: {
+    type: Function
+  },
+  // 权限
+  permission: {
+    type: String
   }
 };
 
@@ -3619,6 +3636,9 @@ const useAttachment = (props, { data }) => {
     if (isDialogOpen) {
       toBeConfirmData.push(fileData);
     }
+    if (props.beforeAdd) {
+      await props.beforeAdd?.(fileData);
+    }
     data.value.push(fileData);
   };
   const onConfirm = async (resolve) => {
@@ -3645,13 +3665,22 @@ const useAttachment = (props, { data }) => {
     }
     resolve();
   };
+  const permission = computed(() => {
+    const arr = props.permission?.split(",") || [];
+    return {
+      arg: arr[0],
+      value: arr[1]
+    };
+  });
   return {
     columns,
     addAttachment,
     isNormalOpen,
     isDialogOpen,
     onConfirm,
-    onCancel
+    onCancel,
+    mode,
+    permission
   };
 };
 
@@ -3671,7 +3700,7 @@ var _sfc_main$4 = /* @__PURE__ */ defineComponent({
     const bem = createNameSpace("attachment");
     const props = __props;
     const modelValue = useModel(__props, "modelValue");
-    const { columns, addAttachment, isNormalOpen, onConfirm, onCancel } = useAttachment(props, {
+    const { columns, addAttachment, isNormalOpen, permission, onConfirm, onCancel, mode } = useAttachment(props, {
       data: modelValue
     });
     const AttachmentDialog = useDialog({
@@ -3703,7 +3732,7 @@ var _sfc_main$4 = /* @__PURE__ */ defineComponent({
     return (_ctx, _cache) => {
       const _component_EpButtons = resolveComponent("EpButtons");
       return openBlock(), createElementBlock(Fragment, null, [
-        props.isShowOpenDialogButton ? (openBlock(), createBlock(unref(ElButton), {
+        props.isShowOpenDialogButton ? withDirectives((openBlock(), createBlock(unref(ElButton), {
           key: 0,
           type: "primary",
           plain: "",
@@ -3715,11 +3744,13 @@ var _sfc_main$4 = /* @__PURE__ */ defineComponent({
             createTextVNode(toDisplayString(unref(t)("ep.attachment.manageAttachment")) + "(" + toDisplayString(modelValue.value?.length || 0) + ") ", 1)
           ]),
           _: 1
-        }, 8, ["class", "onClick"])) : createCommentVNode("", true),
+        }, 8, ["class", "onClick"])), [
+          [unref(vPermisson), unref(permission)]
+        ]) : createCommentVNode("", true),
         createVNode(unref(AttachmentDialog), null, {
           default: withCtx(() => [
             createElementVNode("div", { style: { "margin-bottom": "10px", "text-align": "right" } }, [
-              props.openType === "dialog" ? (openBlock(), createBlock(_component_EpButtons, {
+              props.openType === "dialog" && unref(mode) !== "browse" ? (openBlock(), createBlock(_component_EpButtons, {
                 key: 0,
                 type: "primary",
                 list: [
@@ -3986,7 +4017,7 @@ const uniVueProps = {
   // 组件类型 bpm、 address
 };
 
-const useUniVue = (props) => {
+const useUniVue = (props, emit) => {
   const uniVue = useTemplateRef("uniVue");
   const { type } = props;
   const loading = ref(true);
@@ -4015,22 +4046,27 @@ const useUniVue = (props) => {
   const prepareVueAttributes = () => {
     const events = {};
     const _props = {};
-    console.log(attrs);
     Object.keys(attrs).forEach((key) => {
       if (key.startsWith("on")) {
         let eventName = key.slice(2);
         if (eventName.startsWith("Update:")) {
           eventName = "update:" + eventName.slice(7);
+          if (eventName === "update:modelValue") {
+            eventName = "input";
+          }
         } else {
           eventName = eventName.replace(/([A-Z])/g, "-$1").toLowerCase();
           eventName = eventName.slice(1);
         }
         events[eventName] = attrs[key];
       } else {
-        _props[key] = attrs[key];
+        if (key === "modelValue") {
+          _props.value = attrs[key];
+        } else {
+          _props[key] = attrs[key];
+        }
       }
     });
-    console.log(events, _props, 9999);
     return {
       on: events,
       props: _props
@@ -4042,7 +4078,7 @@ const useUniVue = (props) => {
       case "bpm":
         return `${cdn}bpm-common/common/index.umd.min.js`;
       case "address":
-        return `./hx-address.js`;
+        return `http://localhost:8001/dist/hx-address.js`;
       default:
         return "";
     }
@@ -4134,30 +4170,55 @@ const useUniVue = (props) => {
       }
     }
     shadowRoot.appendChild(container);
+    console.log(prepareVueAttributes());
+    const baseEvents = {
+      ...prepareVueAttributes().on,
+      "input": (newVal) => {
+        console.log(newVal, "input", props.name);
+        emit("update:modelValue", newVal);
+      },
+      "update:dialogFormData": (newVal) => {
+        console.log(newVal, "update:dialogFormData");
+        emit("update:dialogFormData", newVal);
+      },
+      "update:visible": (newVal) => {
+        console.log(newVal, "update:visible");
+        emit("update:visible", newVal);
+      }
+    };
     instance = new Vue2({
       el: container,
       // @ts-expect-error 缺少类型定义
       router: new VueRouter3(),
-      render: (h) => h(props.name, prepareVueAttributes())
+      render: (h) => h(props.name, {
+        props: {
+          ...prepareVueAttributes().props
+        },
+        on: baseEvents
+      })
     });
   };
   Object.keys(attrs).forEach((key) => {
-    if (key.startsWith("onUpdate:")) {
-      const propName = key.slice(9);
+    console.log(key, 8);
+    if (!key.startsWith("on")) {
       watch(
-        () => attrs[propName],
+        () => attrs[key],
         (newVal) => {
-          console.log(newVal, "newVal", propName);
-          if (instance) {
+          nextTick(() => {
             try {
-              instance.$children[0][propName] = newVal;
+              console.log(props.name, newVal, "watch", key, instance);
+              let vue2Prop = key;
+              if (key === "modelValue") {
+                vue2Prop = "value";
+              }
+              instance.$children[0][vue2Prop] = newVal;
             } catch (e) {
             }
-          }
+          });
         },
         {
-          immediate: true,
-          deep: true
+          deep: true,
+          immediate: true
         }
       );
     }
@@ -4177,10 +4238,12 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
   },
   __name: "uni-vue",
   props: uniVueProps,
-  setup(__props) {
+  emits: ["update:modelValue", "update:dialogFormData", "update:visible"],
+  setup(__props, { emit: __emit }) {
     const bem = createNameSpace("uni-vue");
     const props = __props;
-    const { loading } = useUniVue(props);
+    const emit = __emit;
+    const { loading } = useUniVue(props, emit);
     return (_ctx, _cache) => {
       return openBlock(), createElementBlock(Fragment, null, [
         createVNode(unref(ElSkeleton), {
@@ -4219,7 +4282,7 @@ var components = [
   EpUniVue
 ];
 
-var version = "0.0.74";
+var version = "0.0.77";
 
 var globalProperties = {
   install(app) {

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

@@ -17,6 +17,10 @@ export declare const EpAttachment: {
             }>[]>;
             readonly default: () => never[];
         };
+        rowKey: {
+            readonly type: StringConstructor;
+            readonly default: "fileId";
+        };
         mode: {
             readonly type: import("vue").PropType<import("el-plus/es/hooks/use-navigation").PageMode>;
         };
@@ -36,6 +40,12 @@ export declare const EpAttachment: {
             readonly type: BooleanConstructor;
             readonly default: false;
         };
+        beforeAdd: {
+            readonly type: import("vue").PropType<(fileItem: Record<string, any>) => boolean>;
+        };
+        permission: {
+            readonly type: import("vue").PropType<import("el-plus/es/directives/permission/index").Permission>;
+        };
         modelValue: {
             type: import("vue").PropType<any[]>;
         };
@@ -46,6 +56,7 @@ export declare const EpAttachment: {
     }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
         "update:modelValue": (value: any[] | undefined) => any;
     }, import("vue").PublicProps, {
+        rowKey: string;
         formatColumns: Partial<import("element-plus").TableColumnCtx & {
             [key: string]: any;
             required: boolean | (() => boolean);
@@ -89,6 +100,10 @@ export declare const EpAttachment: {
             }>[]>;
             readonly default: () => never[];
         };
+        rowKey: {
+            readonly type: StringConstructor;
+            readonly default: "fileId";
+        };
         mode: {
             readonly type: import("vue").PropType<import("el-plus/es/hooks/use-navigation").PageMode>;
         };
@@ -108,6 +123,12 @@ export declare const EpAttachment: {
             readonly type: BooleanConstructor;
             readonly default: false;
         };
+        beforeAdd: {
+            readonly type: import("vue").PropType<(fileItem: Record<string, any>) => boolean>;
+        };
+        permission: {
+            readonly type: import("vue").PropType<import("el-plus/es/directives/permission/index").Permission>;
+        };
         modelValue: {
             type: import("vue").PropType<any[]>;
         };
@@ -116,6 +137,7 @@ export declare const EpAttachment: {
     }>, {
         open: () => Promise<any>;
     }, {}, {}, {}, {
+        rowKey: string;
         formatColumns: Partial<import("element-plus").TableColumnCtx & {
             [key: string]: any;
             required: boolean | (() => boolean);
@@ -143,6 +165,10 @@ export declare const EpAttachment: {
         readonly type: import("vue").PropType<import("el-plus/es/index").TableColumn[]>;
         readonly default: () => never[];
     };
+    rowKey: {
+        readonly type: StringConstructor;
+        readonly default: "fileId";
+    };
     mode: {
         readonly type: import("vue").PropType<import("el-plus/es/hooks/use-navigation").PageMode>;
     };
@@ -162,6 +188,12 @@ export declare const EpAttachment: {
         readonly type: BooleanConstructor;
         readonly default: false;
     };
+    beforeAdd: {
+        readonly type: import("vue").PropType<(fileItem: Record<string, any>) => boolean>;
+    };
+    permission: {
+        readonly type: import("vue").PropType<import("el-plus/es/directives/permission/index").Permission>;
+    };
     modelValue: {
         type: import("vue").PropType<any[]>;
     };
@@ -172,6 +204,7 @@ export declare const EpAttachment: {
 }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     "update:modelValue": (value: any[] | undefined) => any;
 }, string, {
+    rowKey: string;
     formatColumns: Partial<import("element-plus").TableColumnCtx & {
         [key: string]: any;
         required: boolean | (() => boolean);

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

@@ -1,10 +1,15 @@
 import type { ExtractPublicPropTypes, PropType } from 'vue';
 import type { PageMode } from 'el-plus/es/hooks/use-navigation';
+import type { Permission } from 'el-plus/es/directives/permission';
 export declare const attachmentProps: {
     readonly formatColumns: {
         readonly type: PropType<import("el-plus/es/components/table").TableColumn[]>;
         readonly default: () => never[];
     };
+    readonly rowKey: {
+        readonly type: StringConstructor;
+        readonly default: "fileId";
+    };
     readonly mode: {
         readonly type: PropType<PageMode>;
     };
@@ -24,5 +29,11 @@ export declare const attachmentProps: {
         readonly type: BooleanConstructor;
         readonly default: false;
     };
+    readonly beforeAdd: {
+        readonly type: PropType<(fileItem: Record<string, any>) => boolean>;
+    };
+    readonly permission: {
+        readonly type: PropType<Permission>;
+    };
 };
 export type AttachmentProps = ExtractPublicPropTypes<typeof attachmentProps>;

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

@@ -5,6 +5,10 @@ const attachmentProps = {
   formatColumns: {
     ...tableProps.formatColumns
   },
+  rowKey: {
+    type: String,
+    default: "fileId"
+  },
   // 页面模式
   mode: {
     type: String
@@ -28,6 +32,14 @@ const attachmentProps = {
   isShowOpenDialogButton: {
     type: Boolean,
     default: false
+  },
+  // 添加前校验
+  beforeAdd: {
+    type: Function
+  },
+  // 权限
+  permission: {
+    type: String
   }
 };
 

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 { 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;;;;"}
+{"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'\nimport type {Permission} from '@el-plus/directives/permission'\nexport const attachmentProps = {\n  // 格式化列\n  formatColumns: {\n    ...tableProps.formatColumns,\n  },\n  rowKey: {\n    type: String,\n    default: 'fileId',\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  // 添加前校验\n  beforeAdd: {\n    type: Function as PropType<(fileItem: Record<string, any>) => boolean>,\n  },\n  // 权限\n  permission: {\n    type: String as PropType<Permission>,\n  },\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,EACA,MAAA,EAAQ;AAAA,IACN,IAAA,EAAM,MAAA;AAAA,IACN,OAAA,EAAS;AAAA,GACX;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,GACX;AAAA;AAAA,EAEA,SAAA,EAAW;AAAA,IACT,IAAA,EAAM;AAAA,GACR;AAAA;AAAA,EAEA,UAAA,EAAY;AAAA,IACV,IAAA,EAAM;AAAA;AAGV;;;;"}

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

@@ -3,6 +3,10 @@ declare const __VLS_export: import("vue").DefineComponent<import("vue").ExtractP
         readonly type: import("vue").PropType<import("el-plus/es/components/table").TableColumn[]>;
         readonly default: () => never[];
     };
+    rowKey: {
+        readonly type: StringConstructor;
+        readonly default: "fileId";
+    };
     mode: {
         readonly type: import("vue").PropType<import("el-plus/es/hooks").PageMode>;
     };
@@ -22,6 +26,12 @@ declare const __VLS_export: import("vue").DefineComponent<import("vue").ExtractP
         readonly type: BooleanConstructor;
         readonly default: false;
     };
+    beforeAdd: {
+        readonly type: import("vue").PropType<(fileItem: Record<string, any>) => boolean>;
+    };
+    permission: {
+        readonly type: import("vue").PropType<import("el-plus/es/directives/permission").Permission>;
+    };
     modelValue: {
         type: import("vue").PropType<any[]>;
     };
@@ -34,6 +44,10 @@ declare const __VLS_export: import("vue").DefineComponent<import("vue").ExtractP
         readonly type: import("vue").PropType<import("el-plus/es/components/table").TableColumn[]>;
         readonly default: () => never[];
     };
+    rowKey: {
+        readonly type: StringConstructor;
+        readonly default: "fileId";
+    };
     mode: {
         readonly type: import("vue").PropType<import("el-plus/es/hooks").PageMode>;
     };
@@ -53,12 +67,19 @@ declare const __VLS_export: import("vue").DefineComponent<import("vue").ExtractP
         readonly type: BooleanConstructor;
         readonly default: false;
     };
+    beforeAdd: {
+        readonly type: import("vue").PropType<(fileItem: Record<string, any>) => boolean>;
+    };
+    permission: {
+        readonly type: import("vue").PropType<import("el-plus/es/directives/permission").Permission>;
+    };
     modelValue: {
         type: import("vue").PropType<any[]>;
     };
 }>> & Readonly<{
     "onUpdate:modelValue"?: ((value: any[] | undefined) => any) | undefined;
 }>, {
+    rowKey: string;
     formatColumns: Partial<import("element-plus").TableColumnCtx & {
         [key: string]: any;
         required: boolean | (() => boolean);

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

@@ -1,4 +1,4 @@
-import { defineComponent, mergeModels, useModel, resolveComponent, createElementBlock, openBlock, Fragment, createBlock, createCommentVNode, createVNode, unref, normalizeClass, withCtx, createTextVNode, toDisplayString, createElementVNode, mergeProps } from 'vue';
+import { defineComponent, mergeModels, useModel, resolveComponent, createElementBlock, openBlock, Fragment, withDirectives, createCommentVNode, createVNode, createBlock, 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';
@@ -7,6 +7,7 @@ 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';
+import vPermisson from '../../../directives/permission/index.mjs';
 
 var _sfc_main = /* @__PURE__ */ defineComponent({
   ...{
@@ -24,7 +25,7 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
     const bem = createNameSpace("attachment");
     const props = __props;
     const modelValue = useModel(__props, "modelValue");
-    const { columns, addAttachment, isNormalOpen, onConfirm, onCancel } = useAttachment(props, {
+    const { columns, addAttachment, isNormalOpen, permission, onConfirm, onCancel, mode } = useAttachment(props, {
       data: modelValue
     });
     const AttachmentDialog = useDialog({
@@ -56,7 +57,7 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
     return (_ctx, _cache) => {
       const _component_EpButtons = resolveComponent("EpButtons");
       return openBlock(), createElementBlock(Fragment, null, [
-        props.isShowOpenDialogButton ? (openBlock(), createBlock(unref(ElButton), {
+        props.isShowOpenDialogButton ? withDirectives((openBlock(), createBlock(unref(ElButton), {
           key: 0,
           type: "primary",
           plain: "",
@@ -68,11 +69,13 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
             createTextVNode(toDisplayString(unref(t)("ep.attachment.manageAttachment")) + "(" + toDisplayString(modelValue.value?.length || 0) + ") ", 1)
           ]),
           _: 1
-        }, 8, ["class", "onClick"])) : createCommentVNode("", true),
+        }, 8, ["class", "onClick"])), [
+          [unref(vPermisson), unref(permission)]
+        ]) : createCommentVNode("", true),
         createVNode(unref(AttachmentDialog), null, {
           default: withCtx(() => [
             createElementVNode("div", { style: { "margin-bottom": "10px", "text-align": "right" } }, [
-              props.openType === "dialog" ? (openBlock(), createBlock(_component_EpButtons, {
+              props.openType === "dialog" && unref(mode) !== "browse" ? (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=\"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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"}
+{"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    v-permission=\"permission\"\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' && mode !== 'browse'\"\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'\nimport { vPermission } from '@el-plus/directives'\n\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,permission, onConfirm, onCancel, mode } =\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.d.ts

@@ -217,4 +217,9 @@ export declare const useAttachment: (props: any, { data }: {
     isDialogOpen: boolean;
     onConfirm: (resolve: any) => Promise<void>;
     onCancel: (resolve: any) => void;
+    mode: import("vue").ComputedRef<any>;
+    permission: import("vue").ComputedRef<{
+        arg: any;
+        value: any;
+    }>;
 };

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

@@ -95,6 +95,9 @@ const useAttachment = (props, { data }) => {
     if (isDialogOpen) {
       toBeConfirmData.push(fileData);
     }
+    if (props.beforeAdd) {
+      await props.beforeAdd?.(fileData);
+    }
     data.value.push(fileData);
   };
   const onConfirm = async (resolve) => {
@@ -121,13 +124,22 @@ const useAttachment = (props, { data }) => {
     }
     resolve();
   };
+  const permission = computed(() => {
+    const arr = props.permission?.split(",") || [];
+    return {
+      arg: arr[0],
+      value: arr[1]
+    };
+  });
   return {
     columns,
     addAttachment,
     isNormalOpen,
     isDialogOpen,
     onConfirm,
-    onCancel
+    onCancel,
+    mode,
+    permission
   };
 };
 

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    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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"}
+{"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    if (props.beforeAdd) {\n      await props.beforeAdd?.(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  const permission = computed(() => {\n    const arr = props.permission?.split(',') || []\n    return {\n      arg: arr[0],\n      value: arr[1]\n    }\n  })\n  return {\n    columns,\n    addAttachment,\n    isNormalOpen,\n    isDialogOpen,\n    onConfirm,\n    onCancel,\n    mode,\n    permission\n  }\n}\n"],"names":[],"mappings":"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"}

package/es/components/form/src/hooks/use-form-item.mjs

@@ -15,7 +15,11 @@ const useFormItemSlots = (props) => {
   const events = {};
   for (const key in attrs) {
     if (key.startsWith("on")) {
-      events[key] = attrs[key];
+      events[key] = (...args) => {
+        const tableScope = attrs["table-scope"];
+        const eventFn = attrs[key];
+        return eventFn(...args, tableScope);
+      };
     }
   }
   const formData = attrs["form-data"];