ele-admin-plus 1.3.0 → 1.4.0-beta.1

package/lib/ele-cropper/components/cropper-tools.cjs

@@ -1,7 +1,7 @@
 "use strict";
 const vue = require("vue");
 const elementPlus = require("element-plus");
-const icons = require("../../icons");
+const index = require("../../icons/index");
 const hook = require("../../utils/hook");
 const receiver = require("../../ele-config-provider/receiver");
 const EleTooltip = require("../../ele-tooltip/index");
@@ -42,19 +42,19 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
     const props = __props;
     const emit = __emit;
     const TOOL_ICONS = {
-      zoomIn: icons.ZoomInOutlined,
-      zoomOut: icons.ZoomOutOutlined,
-      moveLeft: icons.ArrowLeftOutlined,
-      moveRight: icons.ArrowRightOutlined,
-      moveUp: icons.ArrowUpOutlined,
-      moveDown: icons.ArrowDownOutlined,
-      rotateLeft: icons.UndoOutlined,
-      rotateRight: icons.ReloadOutlined,
-      flipX: icons.SwapOutlined,
-      flipY: icons.SortOutlined,
-      reset: icons.SyncOutlined,
-      upload: icons.UploadOutlined,
-      ok: icons.CheckOutlined
+      zoomIn: index.ZoomInOutlined,
+      zoomOut: index.ZoomOutOutlined,
+      moveLeft: index.ArrowLeftOutlined,
+      moveRight: index.ArrowRightOutlined,
+      moveUp: index.ArrowUpOutlined,
+      moveDown: index.ArrowDownOutlined,
+      rotateLeft: index.UndoOutlined,
+      rotateRight: index.ReloadOutlined,
+      flipX: index.SwapOutlined,
+      flipY: index.SortOutlined,
+      reset: index.SyncOutlined,
+      upload: index.UploadOutlined,
+      ok: index.CheckOutlined
     };
     const { lang } = receiver.useLocale("cropper", props);
     const [startHideTipTimer, stopHideTipTimer] = hook.useTimer(200);

package/lib/ele-cropper/style/index.scss

@@ -11,7 +11,6 @@
     height: 300px;
     box-sizing: border-box;
     position: relative;
-    overflow: hidden;
 
     & > img {
       width: auto;
@@ -31,6 +30,11 @@
     border-radius: elVar('border-radius', 'base');
   }
 
+  .ele-cropper-image > .cropper-container > .cropper-wrap-box,
+  .ele-cropper-image > .cropper-container > .cropper-drag-box {
+    overflow: hidden;
+  }
+
   .ele-cropper-previews {
     flex-shrink: 0;
     text-align: right;

package/lib/ele-crud/components/edit-modal.cjs

@@ -0,0 +1,218 @@
+"use strict";
+const vue = require("vue");
+const elementPlus = require("element-plus");
+const common = require("../../utils/common");
+const EleModal = require("../../ele-modal/index");
+const EleProForm = require("../../ele-pro-form/index");
+const util = require("../../ele-pro-form/util");
+const util$1 = require("../util");
+const _sfc_main = /* @__PURE__ */ vue.defineComponent({
+  ...{ name: "EditModal" },
+  __name: "edit-modal",
+  props: {
+    /** 弹窗是否打开 */
+    modelValue: Boolean,
+    /** 编辑弹窗数据 */
+    data: Object,
+    /** 弹窗标题 */
+    title: String,
+    /** 编辑配置 */
+    editConfig: Object,
+    /** 字段数据 */
+    fields: Array,
+    /** 获取字段数据对应的表单项的方法 */
+    getFieldsEditFormItems: Function,
+    /** 获取字段数据对应的表单项的方法 */
+    getAndCacheCode: {
+      type: Function,
+      required: true
+    },
+    /** 高级表单组件 */
+    proFormComponent: [String, Object, Function],
+    /** 修改数据接口 */
+    editApi: [Function, String],
+    /** 高级表单组件类型数据 */
+    itemTypeData: Array,
+    /** 远程数据源请求工具 */
+    httpRequest: [Object, Function],
+    /** 屏幕尺寸 */
+    screenSize: String,
+    /** 国际化 */
+    lang: {
+      type: Object,
+      required: true
+    }
+  },
+  emits: {
+    /** 更新弹窗打开状态事件 */
+    "update:modelValue": (_visible) => true,
+    /** 编辑保存失败事件 */
+    editError: (_e) => true,
+    /** 编辑保存成功事件 */
+    editDone: (_msg) => true
+  },
+  setup(__props, { emit: __emit }) {
+    const props = __props;
+    const emit = __emit;
+    const loading = vue.ref(false);
+    const editFormRef = vue.ref(null);
+    const editForm = vue.reactive({});
+    const editFormProps = vue.computed(() => {
+      var _a, _b, _c;
+      const formProps = ((_a = props.editConfig) == null ? void 0 : _a.formProps) || {};
+      return {
+        ...formProps,
+        items: ((_b = formProps.items) == null ? void 0 : _b.length) ? formProps.items : (_c = props.getFieldsEditFormItems) == null ? void 0 : _c.call(props, props.fields)
+      };
+    });
+    const handleUpdateVisible = (visible) => {
+      emit("update:modelValue", visible);
+    };
+    const handleSave = () => {
+      var _a, _b;
+      (_b = (_a = editFormRef.value) == null ? void 0 : _a.validate) == null ? void 0 : _b.call(_a, (valid) => {
+        if (valid) {
+          handleSubmitEditForm(editForm);
+        }
+      });
+    };
+    const handleCancel = () => {
+      handleUpdateVisible(false);
+      loading.value = false;
+    };
+    const handleUpdateEditForm = (field, value) => {
+      util.setValue(editForm, field, value);
+    };
+    const handleResetEditForm = (item) => {
+      Object.keys(editForm).forEach((key) => {
+        editForm[key] = void 0;
+      });
+      util.mergeValue(
+        editForm,
+        util.getFormInitValue(
+          editFormProps.value.items,
+          editFormProps.value.itemTypeData || props.itemTypeData,
+          true
+        ),
+        item
+      );
+    };
+    const handleSubmitEditForm = (form) => {
+      if (!props.editApi) {
+        return;
+      }
+      const editApiFunc = typeof props.editApi === "function" ? props.editApi : props.editApi.startsWith(util$1.codeStringPrefix) ? props.getAndCacheCode(props.editApi) : void 0;
+      if (!editApiFunc) {
+        return;
+      }
+      loading.value = true;
+      editApiFunc(form).then((msg) => {
+        handleCancel();
+        emit("editDone", msg);
+      }).catch((e) => {
+        loading.value = false;
+        emit("editError", e);
+      });
+    };
+    vue.watch(
+      () => props.modelValue,
+      (visible) => {
+        if (visible) {
+          handleResetEditForm(props.data);
+        }
+      }
+    );
+    return (_ctx, _cache) => {
+      var _a, _b, _c, _d;
+      return vue.openBlock(), vue.createBlock(EleModal, vue.mergeProps({
+        width: 460,
+        form: true,
+        title: __props.title,
+        destroyOnClose: true
+      }, ((_a = __props.editConfig) == null ? void 0 : _a.modalProps) || {}, {
+        modelValue: __props.modelValue,
+        "onUpdate:modelValue": handleUpdateVisible
+      }), vue.createSlots({
+        default: vue.withCtx(() => {
+          var _a2;
+          return [
+            (vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent(__props.proFormComponent || EleProForm), vue.mergeProps({
+              itemTypeData: __props.itemTypeData,
+              httpRequest: __props.httpRequest,
+              screenSize: __props.screenSize
+            }, editFormProps.value, {
+              ref_key: "editFormRef",
+              ref: editFormRef,
+              model: editForm,
+              onUpdateValue: handleUpdateEditForm,
+              onSubmit: handleSubmitEditForm,
+              onReset: _cache[0] || (_cache[0] = ($event) => handleResetEditForm())
+            }), vue.createSlots({ _: 2 }, [
+              vue.renderList(vue.unref(common.getSlotsMap)(
+                _ctx.$slots,
+                (_a2 = __props.editConfig) == null ? void 0 : _a2.formSlots,
+                [],
+                [],
+                true
+              ), ([slotName, name]) => {
+                return {
+                  name,
+                  fn: vue.withCtx((slotProps) => [
+                    vue.renderSlot(_ctx.$slots, slotName, vue.normalizeProps(vue.guardReactiveProps(slotProps || {})))
+                  ])
+                };
+              })
+            ]), 1040, ["itemTypeData", "httpRequest", "screenSize", "model"]))
+          ];
+        }),
+        _: 2
+      }, [
+        ((_b = __props.editConfig) == null ? void 0 : _b.cancelBtnProps) !== false || ((_c = __props.editConfig) == null ? void 0 : _c.saveBtnProps) !== false ? {
+          name: "footer",
+          fn: vue.withCtx(() => {
+            var _a2, _b2, _c2, _d2, _e, _f;
+            return [
+              ((_a2 = __props.editConfig) == null ? void 0 : _a2.cancelBtnProps) !== false ? (vue.openBlock(), vue.createBlock(vue.unref(elementPlus.ElButton), vue.mergeProps(
+                { key: 0 },
+                (((_b2 = __props.editConfig) == null ? void 0 : _b2.cancelBtnProps) === true ? void 0 : (_c2 = __props.editConfig) == null ? void 0 : _c2.cancelBtnProps) || {},
+                { onClick: handleCancel }
+              ), {
+                default: vue.withCtx(() => [
+                  vue.createTextVNode(vue.toDisplayString(__props.lang.cancel), 1)
+                ]),
+                _: 1
+              }, 16)) : vue.createCommentVNode("", true),
+              ((_d2 = __props.editConfig) == null ? void 0 : _d2.saveBtnProps) !== false ? (vue.openBlock(), vue.createBlock(vue.unref(elementPlus.ElButton), vue.mergeProps(
+                {
+                  key: 1,
+                  type: "primary",
+                  loading: loading.value
+                },
+                (((_e = __props.editConfig) == null ? void 0 : _e.saveBtnProps) === true ? void 0 : (_f = __props.editConfig) == null ? void 0 : _f.saveBtnProps) || {},
+                { onClick: handleSave }
+              ), {
+                default: vue.withCtx(() => [
+                  vue.createTextVNode(vue.toDisplayString(__props.lang.save), 1)
+                ]),
+                _: 1
+              }, 16, ["loading"])) : vue.createCommentVNode("", true)
+            ];
+          }),
+          key: "0"
+        } : void 0,
+        vue.renderList(vue.unref(common.getSlotsMap)(_ctx.$slots, (_d = __props.editConfig) == null ? void 0 : _d.modalSlots, [
+          "default",
+          "footer"
+        ]), ([slotName, name]) => {
+          return {
+            name,
+            fn: vue.withCtx((slotProps) => [
+              vue.renderSlot(_ctx.$slots, slotName, vue.normalizeProps(vue.guardReactiveProps(slotProps || {})))
+            ])
+          };
+        })
+      ]), 1040, ["title", "modelValue"]);
+    };
+  }
+});
+module.exports = _sfc_main;

package/lib/ele-crud/components/edit-modal.d.ts

@@ -0,0 +1,89 @@
+import { PropType } from 'vue';
+import { UserComponent } from '../../ele-app/types';
+import { DataItem } from '../../ele-data-table/types';
+import { ProFormItemTypeData, ScreenSize } from '../../ele-pro-form/types';
+import { EditConfig, CrudField, EditApi, GetFieldsFormItemsFunction, GetAndCacheCodeFunction, CrudLocale } from '../types';
+
+declare function __VLS_template(): Partial<Record<string, (_: any) => any>> & Partial<Record<string, (_: any) => any>>;
+declare const __VLS_component: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+    /** 弹窗是否打开 */
+    modelValue: PropType<boolean>;
+    /** 编辑弹窗数据 */
+    data: PropType<DataItem>;
+    /** 弹窗标题 */
+    title: StringConstructor;
+    /** 编辑配置 */
+    editConfig: PropType<EditConfig>;
+    /** 字段数据 */
+    fields: PropType<CrudField[]>;
+    /** 获取字段数据对应的表单项的方法 */
+    getFieldsEditFormItems: PropType<GetFieldsFormItemsFunction>;
+    /** 获取字段数据对应的表单项的方法 */
+    getAndCacheCode: {
+        type: PropType<GetAndCacheCodeFunction>;
+        required: true;
+    };
+    /** 高级表单组件 */
+    proFormComponent: PropType<UserComponent>;
+    /** 修改数据接口 */
+    editApi: PropType<EditApi | string>;
+    /** 高级表单组件类型数据 */
+    itemTypeData: PropType<ProFormItemTypeData[]>;
+    /** 远程数据源请求工具 */
+    httpRequest: (ObjectConstructor | FunctionConstructor)[];
+    /** 屏幕尺寸 */
+    screenSize: PropType<ScreenSize>;
+    /** 国际化 */
+    lang: {
+        type: PropType<Partial<CrudLocale>>;
+        required: true;
+    };
+}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    "update:modelValue": (_visible?: boolean | undefined) => void;
+    editError: (_e: Error) => void;
+    editDone: (_msg?: string | undefined) => void;
+}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+    /** 弹窗是否打开 */
+    modelValue: PropType<boolean>;
+    /** 编辑弹窗数据 */
+    data: PropType<DataItem>;
+    /** 弹窗标题 */
+    title: StringConstructor;
+    /** 编辑配置 */
+    editConfig: PropType<EditConfig>;
+    /** 字段数据 */
+    fields: PropType<CrudField[]>;
+    /** 获取字段数据对应的表单项的方法 */
+    getFieldsEditFormItems: PropType<GetFieldsFormItemsFunction>;
+    /** 获取字段数据对应的表单项的方法 */
+    getAndCacheCode: {
+        type: PropType<GetAndCacheCodeFunction>;
+        required: true;
+    };
+    /** 高级表单组件 */
+    proFormComponent: PropType<UserComponent>;
+    /** 修改数据接口 */
+    editApi: PropType<EditApi | string>;
+    /** 高级表单组件类型数据 */
+    itemTypeData: PropType<ProFormItemTypeData[]>;
+    /** 远程数据源请求工具 */
+    httpRequest: (ObjectConstructor | FunctionConstructor)[];
+    /** 屏幕尺寸 */
+    screenSize: PropType<ScreenSize>;
+    /** 国际化 */
+    lang: {
+        type: PropType<Partial<CrudLocale>>;
+        required: true;
+    };
+}>> & Readonly<{
+    "onUpdate:modelValue"?: ((_visible?: boolean | undefined) => any) | undefined;
+    onEditError?: ((_e: Error) => any) | undefined;
+    onEditDone?: ((_msg?: string | undefined) => any) | undefined;
+}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, ReturnType<typeof __VLS_template>>;
+export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/lib/ele-crud/components/page-side.cjs

@@ -0,0 +1,153 @@
+"use strict";
+const vue = require("vue");
+const elementPlus = require("element-plus");
+const index = require("../../icons/index");
+const common = require("../../utils/common");
+const EleLoading = require("../../ele-loading/index");
+const util = require("../util");
+const _sfc_main = /* @__PURE__ */ vue.defineComponent({
+  ...{ name: "PageSide" },
+  __name: "page-side",
+  props: {
+    /** 侧栏配置 */
+    sideConfig: Object,
+    /** 数据 */
+    data: Array,
+    /** 加载状态 */
+    loading: Boolean,
+    /** 加载错误信息 */
+    errorMessage: String,
+    /** 选中值 */
+    selectedValue: [String, Number, Boolean, Object, Array]
+  },
+  emits: {
+    /** 侧栏树点击事件 */
+    treeNodeClick: (_nodeValue) => true
+  },
+  setup(__props, { emit: __emit }) {
+    const props = __props;
+    const emit = __emit;
+    const keywords = vue.ref("");
+    const treeRef = vue.ref(null);
+    const searchBarProps = vue.computed(() => {
+      var _a;
+      const searchProps = (_a = props.sideConfig) == null ? void 0 : _a.searchProps;
+      if (!searchProps || searchProps === true) {
+        return {};
+      }
+      return {
+        class: searchProps.class,
+        style: searchProps.style
+      };
+    });
+    const setTreeCurrentKey = (key) => {
+      var _a, _b;
+      if (key != null) {
+        try {
+          (_b = (_a = treeRef.value) == null ? void 0 : _a.setCurrentKey) == null ? void 0 : _b.call(_a, key);
+        } catch (e) {
+          console.error(e);
+        }
+      }
+    };
+    const handleNodeClick = (item) => {
+      if (item != null) {
+        emit("treeNodeClick", item[util.getTreeValueField(props.sideConfig)]);
+      }
+    };
+    const filterNode = (value, item) => {
+      if (value) {
+        const itemLabel = item[util.getTreeLabelField(props.sideConfig)];
+        return !!(itemLabel && itemLabel.includes(value));
+      }
+      return true;
+    };
+    vue.watch(keywords, (value) => {
+      var _a, _b;
+      (_b = (_a = treeRef.value) == null ? void 0 : _a.filter) == null ? void 0 : _b.call(_a, value);
+    });
+    vue.watch(
+      () => props.selectedValue,
+      (selected) => {
+        setTreeCurrentKey(selected);
+      }
+    );
+    vue.onMounted(() => {
+      setTreeCurrentKey(props.selectedValue);
+    });
+    return (_ctx, _cache) => {
+      var _a, _b, _c, _d;
+      return vue.openBlock(), vue.createElementBlock(vue.Fragment, null, [
+        ((_a = __props.sideConfig) == null ? void 0 : _a.searchProps) !== false ? (vue.openBlock(), vue.createElementBlock("div", vue.mergeProps({
+          key: 0,
+          class: "ele-crud-search-bar"
+        }, searchBarProps.value), [
+          vue.createVNode(vue.unref(elementPlus.ElInput), vue.mergeProps({
+            placeholder: "搜索",
+            clearable: true,
+            modelValue: keywords.value,
+            "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => keywords.value = $event),
+            prefixIcon: vue.unref(index.SearchOutlined)
+          }, ((_b = __props.sideConfig) == null ? void 0 : _b.searchInputProps) || {}), vue.createSlots({ _: 2 }, [
+            vue.renderList(vue.unref(common.getSlotsMap)(
+              _ctx.$slots,
+              (_c = __props.sideConfig) == null ? void 0 : _c.searchInputSlots
+            ), (slotName, name) => {
+              return {
+                name,
+                fn: vue.withCtx((slotProps) => [
+                  vue.renderSlot(_ctx.$slots, slotName, vue.normalizeProps(vue.guardReactiveProps(slotProps || {})))
+                ])
+              };
+            })
+          ]), 1040, ["modelValue", "prefixIcon"])
+        ], 16)) : vue.createCommentVNode("", true),
+        vue.createVNode(EleLoading, vue.mergeProps({
+          loading: __props.loading,
+          class: "ele-crud-tree-wrapper"
+        }, ((_d = __props.sideConfig) == null ? void 0 : _d.loadingProps) || {}), {
+          default: vue.withCtx(() => {
+            var _a2, _b2;
+            return [
+              vue.createVNode(vue.unref(elementPlus.ElTree), vue.mergeProps({
+                ref_key: "treeRef",
+                ref: treeRef,
+                data: __props.data,
+                highlightCurrent: true,
+                expandOnClickNode: false,
+                defaultExpandAll: true,
+                filterNodeMethod: filterNode,
+                class: "ele-crud-tree",
+                nodeKey: vue.unref(util.defaultTreeNodeKey)
+              }, ((_a2 = __props.sideConfig) == null ? void 0 : _a2.treeProps) || {}, { onNodeClick: handleNodeClick }), vue.createSlots({
+                empty: vue.withCtx(() => {
+                  var _a3;
+                  return [
+                    vue.createVNode(vue.unref(elementPlus.ElEmpty), vue.mergeProps({
+                      imageSize: 68,
+                      description: __props.errorMessage
+                    }, ((_a3 = __props.sideConfig) == null ? void 0 : _a3.emptyProps) || {}), null, 16, ["description"])
+                  ];
+                }),
+                _: 2
+              }, [
+                vue.renderList(vue.unref(common.getSlotsMap)(_ctx.$slots, (_b2 = __props.sideConfig) == null ? void 0 : _b2.treeSlots, [
+                  "empty"
+                ]), (slotName, name) => {
+                  return {
+                    name,
+                    fn: vue.withCtx((slotProps) => [
+                      vue.renderSlot(_ctx.$slots, slotName, vue.normalizeProps(vue.guardReactiveProps(slotProps || {})))
+                    ])
+                  };
+                })
+              ]), 1040, ["data", "nodeKey"])
+            ];
+          }),
+          _: 3
+        }, 16, ["loading"])
+      ], 64);
+    };
+  }
+});
+module.exports = _sfc_main;

package/lib/ele-crud/components/page-side.d.ts

@@ -0,0 +1,40 @@
+import { PropType } from 'vue';
+import { SideConfig } from '../types';
+
+declare function __VLS_template(): Partial<Record<string, (_: any) => any>> & Partial<Record<string, (_: any) => any>>;
+declare const __VLS_component: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+    /** 侧栏配置 */
+    sideConfig: PropType<SideConfig>;
+    /** 数据 */
+    data: PropType<Record<string, any>[]>;
+    /** 加载状态 */
+    loading: BooleanConstructor;
+    /** 加载错误信息 */
+    errorMessage: StringConstructor;
+    /** 选中值 */
+    selectedValue: PropType<any>;
+}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    treeNodeClick: (_nodeValue?: any) => void;
+}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+    /** 侧栏配置 */
+    sideConfig: PropType<SideConfig>;
+    /** 数据 */
+    data: PropType<Record<string, any>[]>;
+    /** 加载状态 */
+    loading: BooleanConstructor;
+    /** 加载错误信息 */
+    errorMessage: StringConstructor;
+    /** 选中值 */
+    selectedValue: PropType<any>;
+}>> & Readonly<{
+    onTreeNodeClick?: ((_nodeValue?: any) => any) | undefined;
+}>, {
+    loading: boolean;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, ReturnType<typeof __VLS_template>>;
+export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/lib/ele-crud/components/table-action.cjs

@@ -0,0 +1,64 @@
+"use strict";
+const vue = require("vue");
+const elementPlus = require("element-plus");
+const _sfc_main = /* @__PURE__ */ vue.defineComponent({
+  ...{ name: "TableAction" },
+  __name: "table-action",
+  props: {
+    /** 修改按钮属性 */
+    editLinkProps: [Boolean, Object],
+    /** 删除按钮属性 */
+    delLinkProps: [Boolean, Object],
+    /** 数据 */
+    item: Object,
+    /** 国际化 */
+    lang: {
+      type: Object,
+      required: true
+    }
+  },
+  emits: {
+    /** 操作按钮点击事件 */
+    btnClick: (_action, _e, _item) => true
+  },
+  setup(__props, { emit: __emit }) {
+    const props = __props;
+    const emit = __emit;
+    const handleBtnClick = (action, e) => {
+      emit("btnClick", action, e, props.item);
+    };
+    const handleEditBtnClick = (e) => {
+      handleBtnClick("edit", e);
+    };
+    const handleDelBtnClick = (e) => {
+      handleBtnClick("del", e);
+    };
+    return (_ctx, _cache) => {
+      return vue.openBlock(), vue.createElementBlock(vue.Fragment, null, [
+        __props.editLinkProps !== false ? (vue.openBlock(), vue.createBlock(vue.unref(elementPlus.ElLink), vue.mergeProps({
+          key: 0,
+          type: "primary",
+          underline: "never"
+        }, (__props.editLinkProps === true ? void 0 : __props.editLinkProps) || {}, { onClick: handleEditBtnClick }), {
+          default: vue.withCtx(() => [
+            vue.createTextVNode(vue.toDisplayString(__props.lang.edit), 1)
+          ]),
+          _: 1
+        }, 16)) : vue.createCommentVNode("", true),
+        vue.createVNode(vue.unref(elementPlus.ElDivider), { direction: "vertical" }),
+        __props.delLinkProps !== false ? (vue.openBlock(), vue.createBlock(vue.unref(elementPlus.ElLink), vue.mergeProps({
+          key: 1,
+          type: "danger",
+          underline: "never"
+        }, (__props.delLinkProps === true ? void 0 : __props.delLinkProps) || {}, { onClick: handleDelBtnClick }), {
+          default: vue.withCtx(() => [
+            vue.createTextVNode(vue.toDisplayString(__props.lang.delete), 1)
+          ]),
+          _: 1
+        }, 16)) : vue.createCommentVNode("", true),
+        vue.renderSlot(_ctx.$slots, "default")
+      ], 64);
+    };
+  }
+});
+module.exports = _sfc_main;

package/lib/ele-crud/components/table-action.d.ts

@@ -0,0 +1,44 @@
+import { PropType } from 'vue';
+import { ElLinkProps } from '../../ele-app/el';
+import { DataItem } from '../../ele-data-table/types';
+import { BtnClickAction, CrudLocale } from '../types';
+
+declare function __VLS_template(): {
+    default?(_: {}): any;
+};
+declare const __VLS_component: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+    /** 修改按钮属性 */
+    editLinkProps: PropType<boolean | ElLinkProps>;
+    /** 删除按钮属性 */
+    delLinkProps: PropType<boolean | ElLinkProps>;
+    /** 数据 */
+    item: PropType<DataItem>;
+    /** 国际化 */
+    lang: {
+        type: PropType<Partial<CrudLocale>>;
+        required: true;
+    };
+}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    btnClick: (_action: BtnClickAction, _e: MouseEvent, _item?: DataItem | undefined) => void;
+}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+    /** 修改按钮属性 */
+    editLinkProps: PropType<boolean | ElLinkProps>;
+    /** 删除按钮属性 */
+    delLinkProps: PropType<boolean | ElLinkProps>;
+    /** 数据 */
+    item: PropType<DataItem>;
+    /** 国际化 */
+    lang: {
+        type: PropType<Partial<CrudLocale>>;
+        required: true;
+    };
+}>> & Readonly<{
+    onBtnClick?: ((_action: BtnClickAction, _e: MouseEvent, _item?: DataItem | undefined) => any) | undefined;
+}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, ReturnType<typeof __VLS_template>>;
+export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};