el-plus 0.0.76 → 0.0.78

package/dist/index.full.mjs

@@ -1,4 +1,4 @@
-/*! ElPlus v0.0.76 */
+/*! ElPlus v0.0.78 */
 
 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';
@@ -10,7 +10,7 @@ import * as qs from 'qs';
 import elTableProps from 'element-plus/es/components/table/src/table/defaults';
 import { ArrowUp, ArrowDown, EditPen } from '@element-plus/icons-vue';
 import mitt from 'mitt';
-import { merge, cloneDeep } from 'lodash-unified';
+import { merge, cloneDeep, uniqueId } from 'lodash-unified';
 import { useToggle } from '@vueuse/core';
 import { useRouter, useRoute } from 'vue-router';
 import { encode } from 'js-base64';
@@ -1839,6 +1839,10 @@ const inheritTableProps = {
       fontSize: "14px",
       color: "#505050"
     })
+  },
+  rowKey: {
+    type: String,
+    default: "_rowKey"
   }
 };
 const expandTableProps = {
@@ -2300,7 +2304,7 @@ const useTableFormItem = (props) => {
       isShowLabel: false,
       required,
       hideRequiredAsterisk: "cellRequired" in item ? false : required,
-      prop: `table.${scope.$index}.${item.prop}`,
+      prop: `table.${scope.row[props.rowKey]}.${item.prop}`,
       tableProp: item.prop,
       // table里的表单需要绑定的prop
       props: {
@@ -2344,6 +2348,18 @@ var _sfc_main$8 = /* @__PURE__ */ defineComponent({
         ...prepareEvents(emit, tableEmitsKeys)
       };
     });
+    const tableData = computed(() => {
+      const result = {};
+      data.value?.forEach((item, index) => {
+        if (props.rowKey === "_rowKey") {
+          item[props.rowKey] = uniqueId();
+        }
+        result[item[props.rowKey]] = item;
+      });
+      return {
+        table: result
+      };
+    });
     const {
       pagination,
       paginationProps,
@@ -2394,9 +2410,7 @@ var _sfc_main$8 = /* @__PURE__ */ defineComponent({
       }, [createVNode(_component_el_form, {
         ref_key: "elFormRef",
         ref: elFormRef,
-        model: {
-          table: unref(data)
-        },
+        model: tableData.value,
         size: "small",
         "hide-required-asterisk": "",
         "scroll-to-error": "",
@@ -2459,14 +2473,14 @@ 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), {
               default: withCtx((scope) => [item.type || item.render ? (openBlock(), createBlock(unref(EpFormItem), mergeProps({
-                key: 0,
                 "form-data": scope.row,
-                "table-scope": scope
+                "table-scope": scope,
+                key: `${scope.row[props.rowKey]}_${item.prop}`
               }, {
                 ref_for: true
               }, unref(formItemProps)(scope, item)), null, 16, ["form-data", "table-scope"])) : (openBlock(), createElementBlock(Fragment, {
@@ -3370,6 +3384,10 @@ const attachmentProps = {
   formatColumns: {
     ...tableProps.formatColumns
   },
+  rowKey: {
+    type: String,
+    default: "fileId"
+  },
   // 页面模式
   mode: {
     type: String
@@ -3397,6 +3415,10 @@ const attachmentProps = {
   // 添加前校验
   beforeAdd: {
     type: Function
+  },
+  // 权限
+  permission: {
+    type: String
   }
 };
 
@@ -3547,38 +3569,30 @@ const useAttachment = (props, { data }) => {
   const isDialogOpen = props.openType === "dialog";
   let toBeConfirmData = [];
   let toBeDeleteData = {};
-  const columns = ref([
+  const actionButtons = ref([
     {
-      type: "EpButtons",
-      label: t("ep.attachment.operation"),
-      width: "120px",
-      props: {
-        type: "text",
-        list: [
-          {
-            name: t("ep.attachment.download"),
-            onClick({ row }) {
-              downloadFile({
-                src: row.filePath,
-                fileName: row.originalFilename || row.originalFileName
-              });
-            }
-          },
-          {
-            name: t("ep.attachment.delete"),
-            disabled: () => {
-              return mode.value === "browse";
-            },
-            onClick: ({ $index, row }) => {
-              if (isDialogOpen) {
-                toBeDeleteData[$index] = row;
-              }
-              data.value.splice($index, 1);
-            }
-          }
-        ]
+      name: t("ep.attachment.download"),
+      onClick({ row }) {
+        downloadFile({
+          src: row.filePath,
+          fileName: row.originalFilename || row.originalFileName
+        });
       }
     },
+    {
+      name: t("ep.attachment.delete"),
+      disabled: () => {
+        return mode.value === "browse";
+      },
+      onClick: ({ $index, row }) => {
+        if (isDialogOpen) {
+          toBeDeleteData[$index] = row;
+        }
+        data.value.splice($index, 1);
+      }
+    }
+  ]);
+  const columns = ref([
     {
       label: t("ep.attachment.attachmentType"),
       prop: "type",
@@ -3656,14 +3670,23 @@ const useAttachment = (props, { data }) => {
     }
     resolve();
   };
+  const permission = computed(() => {
+    const arr = props.permission?.split(":") || [];
+    return {
+      arg: arr[0],
+      value: arr[1]
+    };
+  });
   return {
     columns,
+    actionButtons,
     addAttachment,
     isNormalOpen,
     isDialogOpen,
     onConfirm,
     onCancel,
-    mode
+    mode,
+    permission
   };
 };
 
@@ -3683,7 +3706,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, mode } = useAttachment(props, {
+    const { columns, actionButtons, addAttachment, isNormalOpen, permission, onConfirm, onCancel, mode } = useAttachment(props, {
       data: modelValue
     });
     const AttachmentDialog = useDialog({
@@ -3715,7 +3738,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: "",
@@ -3727,7 +3750,9 @@ 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" } }, [
@@ -3750,8 +3775,10 @@ var _sfc_main$4 = /* @__PURE__ */ defineComponent({
                 ...unref(prepareStyles)()
               },
               columns: unref(columns),
+              "action-buttons": unref(actionButtons),
+              actionColWidth: "110",
               data: modelValue.value
-            }, props), null, 16, ["class", "style", "columns", "data"])
+            }, props), null, 16, ["class", "style", "columns", "action-buttons", "data"])
           ]),
           _: 1
         })
@@ -3998,7 +4025,7 @@ const uniVueProps = {
   // 组件类型 bpm、 address
 };
 
-const useUniVue = (props) => {
+const useUniVue = (props, emit) => {
   const uniVue = useTemplateRef("uniVue");
   const { type } = props;
   const loading = ref(true);
@@ -4032,7 +4059,7 @@ const useUniVue = (props) => {
         let eventName = key.slice(2);
         if (eventName.startsWith("Update:")) {
           eventName = "update:" + eventName.slice(7);
-          if (eventName === "update:value") {
+          if (eventName === "update:modelValue") {
             eventName = "input";
           }
         } else {
@@ -4041,10 +4068,13 @@ const useUniVue = (props) => {
         }
         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
@@ -4056,7 +4086,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 "";
     }
@@ -4148,6 +4178,22 @@ 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 缺少类型定义
@@ -4156,38 +4202,31 @@ const useUniVue = (props) => {
         props: {
           ...prepareVueAttributes().props
         },
-        on: {
-          ...prepareVueAttributes().on,
-          // 'update:dialogFormData': (newVal) => {
-          //   console.log(newVal,  'update:dialogFormData');
-          // },
-          // 'update:visible': (newVal) => {
-          //   console.log(newVal,  'update:visible');
-          // },
-          "input": (newVal) => {
-            console.log(newVal, "input");
-          }
-        }
+        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) => {
-          if (instance) {
+          nextTick(() => {
             try {
-              console.log(newVal, "newVal", propName, instance);
-              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
         }
       );
     }
@@ -4207,10 +4246,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), {
@@ -4249,7 +4290,7 @@ var components = [
   EpUniVue
 ];
 
-var version = "0.0.76";
+var version = "0.0.78";
 
 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>;
         };
@@ -39,6 +43,9 @@ export declare const EpAttachment: {
         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[]>;
         };
@@ -63,6 +70,7 @@ export declare const EpAttachment: {
             show?: (boolean | ((T: unknown) => boolean)) | undefined;
             hide?: (boolean | ((T: unknown) => boolean)) | undefined;
         }>[];
+        rowKey: string;
         openType: "dialog" | "normal";
         isType: boolean;
         isNote: boolean;
@@ -92,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>;
         };
@@ -114,6 +126,9 @@ export declare const EpAttachment: {
         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[]>;
         };
@@ -136,6 +151,7 @@ export declare const EpAttachment: {
             show?: (boolean | ((T: unknown) => boolean)) | undefined;
             hide?: (boolean | ((T: unknown) => boolean)) | undefined;
         }>[];
+        rowKey: string;
         openType: "dialog" | "normal";
         isType: boolean;
         isNote: boolean;
@@ -149,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>;
     };
@@ -171,6 +191,9 @@ export declare const EpAttachment: {
     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[]>;
     };
@@ -195,6 +218,7 @@ export declare const EpAttachment: {
         show?: (boolean | ((T: unknown) => boolean)) | undefined;
         hide?: (boolean | ((T: unknown) => boolean)) | undefined;
     }>[];
+    rowKey: string;
     openType: "dialog" | "normal";
     isType: boolean;
     isNote: 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>;
     };
@@ -27,5 +32,8 @@ export declare const attachmentProps: {
     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
@@ -32,6 +36,10 @@ const attachmentProps = {
   // 添加前校验
   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  // 添加前校验\n  beforeAdd: {\n    type: Function as PropType<(fileItem: Record<string, any>) => boolean>,\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;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;AAGV;;;;"}
+{"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>;
     };
@@ -25,6 +29,9 @@ declare const __VLS_export: import("vue").DefineComponent<import("vue").ExtractP
     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[]>;
     };
@@ -37,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>;
     };
@@ -59,6 +70,9 @@ declare const __VLS_export: import("vue").DefineComponent<import("vue").ExtractP
     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[]>;
     };
@@ -79,6 +93,7 @@ declare const __VLS_export: import("vue").DefineComponent<import("vue").ExtractP
         show?: (boolean | ((T: unknown) => boolean)) | undefined;
         hide?: (boolean | ((T: unknown) => boolean)) | undefined;
     }>[];
+    rowKey: string;
     openType: "dialog" | "normal";
     isType: boolean;
     isNote: 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, mode } = useAttachment(props, {
+    const { columns, actionButtons, 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,7 +69,9 @@ 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" } }, [
@@ -91,8 +94,10 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
                 ...unref(prepareStyles)()
               },
               columns: unref(columns),
+              "action-buttons": unref(actionButtons),
+              actionColWidth: "110",
               data: modelValue.value
-            }, props), null, 16, ["class", "style", "columns", "data"])
+            }, props), null, 16, ["class", "style", "columns", "action-buttons", "data"])
           ]),
           _: 1
         })

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' && 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'\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, 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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"}
+{"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      :action-buttons=\"actionButtons\"\n      actionColWidth=\"110\"\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,actionButtons, 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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"}