ele-admin-plus 1.2.1-beta.3 → 1.2.1-beta.4

package/lib/ele-steps/index.d.ts

@@ -6,7 +6,7 @@ declare const _default: import('vue').DefineComponent<{
     type: import('vue').PropType<import('./types').StepType>;
     space: import('element-plus/es/utils/index').EpPropFinalized<readonly [NumberConstructor, StringConstructor], unknown, unknown, "", boolean>;
     active: import('element-plus/es/utils/index').EpPropFinalized<NumberConstructor, unknown, unknown, 0, boolean>;
-    direction: import('element-plus/es/utils/index').EpPropFinalized<StringConstructor, "vertical" | "horizontal", unknown, "horizontal", boolean>;
+    direction: import('element-plus/es/utils/index').EpPropFinalized<StringConstructor, "horizontal" | "vertical", unknown, "horizontal", boolean>;
     alignCenter: {
         readonly type: import('vue').PropType<import('element-plus/es/utils/index').EpPropMergeType<BooleanConstructor, unknown, unknown>>;
         readonly required: false;
@@ -19,20 +19,20 @@ declare const _default: import('vue').DefineComponent<{
         readonly validator: ((val: unknown) => boolean) | undefined;
         __epPropKey: true;
     };
-    finishStatus: import('element-plus/es/utils/index').EpPropFinalized<StringConstructor, "success" | "error" | "wait" | "finish" | "process", unknown, "finish", boolean>;
-    processStatus: import('element-plus/es/utils/index').EpPropFinalized<StringConstructor, "success" | "error" | "wait" | "finish" | "process", unknown, "process", boolean>;
+    finishStatus: import('element-plus/es/utils/index').EpPropFinalized<StringConstructor, "wait" | "error" | "finish" | "success" | "process", unknown, "finish", boolean>;
+    processStatus: import('element-plus/es/utils/index').EpPropFinalized<StringConstructor, "wait" | "error" | "finish" | "success" | "process", unknown, "process", boolean>;
 }, {
-    rootProps: import('vue').ComputedRef<Omit<import('@vue/shared').LooseRequired<{
+    rootProps: import('vue').ComputedRef<import('../ele-app/types').Mutable<Omit<import('@vue/shared').LooseRequired<{
         readonly direction: import('element-plus/es/utils/index').EpPropMergeType<StringConstructor, "horizontal" | "vertical", unknown>;
         readonly space: import('element-plus/es/utils/index').EpPropMergeType<readonly [NumberConstructor, StringConstructor], unknown, unknown>;
         readonly active: number;
-        readonly finishStatus: import('element-plus/es/utils/index').EpPropMergeType<StringConstructor, "success" | "error" | "wait" | "finish" | "process", unknown>;
-        readonly processStatus: import('element-plus/es/utils/index').EpPropMergeType<StringConstructor, "success" | "error" | "wait" | "finish" | "process", unknown>;
+        readonly finishStatus: import('element-plus/es/utils/index').EpPropMergeType<StringConstructor, "error" | "success" | "wait" | "finish" | "process", unknown>;
+        readonly processStatus: import('element-plus/es/utils/index').EpPropMergeType<StringConstructor, "error" | "success" | "wait" | "finish" | "process", unknown>;
         readonly type?: import('./types').StepType | undefined;
         readonly alignCenter?: import('element-plus/es/utils/index').EpPropMergeType<BooleanConstructor, unknown, unknown> | undefined;
         readonly items?: import('./types').StepItem[] | undefined;
         readonly simple?: import('element-plus/es/utils/index').EpPropMergeType<BooleanConstructor, unknown, unknown> | undefined;
-    } & {}>, "type" | "items">>;
+    } & {}>, "type" | "items">>>;
 }, unknown, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
     items: {
         type: import('vue').PropType<import('./types').StepItem[]>;
@@ -41,7 +41,7 @@ declare const _default: import('vue').DefineComponent<{
     type: import('vue').PropType<import('./types').StepType>;
     space: import('element-plus/es/utils/index').EpPropFinalized<readonly [NumberConstructor, StringConstructor], unknown, unknown, "", boolean>;
     active: import('element-plus/es/utils/index').EpPropFinalized<NumberConstructor, unknown, unknown, 0, boolean>;
-    direction: import('element-plus/es/utils/index').EpPropFinalized<StringConstructor, "vertical" | "horizontal", unknown, "horizontal", boolean>;
+    direction: import('element-plus/es/utils/index').EpPropFinalized<StringConstructor, "horizontal" | "vertical", unknown, "horizontal", boolean>;
     alignCenter: {
         readonly type: import('vue').PropType<import('element-plus/es/utils/index').EpPropMergeType<BooleanConstructor, unknown, unknown>>;
         readonly required: false;
@@ -54,13 +54,13 @@ declare const _default: import('vue').DefineComponent<{
         readonly validator: ((val: unknown) => boolean) | undefined;
         __epPropKey: true;
     };
-    finishStatus: import('element-plus/es/utils/index').EpPropFinalized<StringConstructor, "success" | "error" | "wait" | "finish" | "process", unknown, "finish", boolean>;
-    processStatus: import('element-plus/es/utils/index').EpPropFinalized<StringConstructor, "success" | "error" | "wait" | "finish" | "process", unknown, "process", boolean>;
+    finishStatus: import('element-plus/es/utils/index').EpPropFinalized<StringConstructor, "wait" | "error" | "finish" | "success" | "process", unknown, "finish", boolean>;
+    processStatus: import('element-plus/es/utils/index').EpPropFinalized<StringConstructor, "wait" | "error" | "finish" | "success" | "process", unknown, "process", boolean>;
 }>>, {
     direction: import('element-plus/es/utils/index').EpPropMergeType<StringConstructor, "horizontal" | "vertical", unknown>;
     space: import('element-plus/es/utils/index').EpPropMergeType<readonly [NumberConstructor, StringConstructor], unknown, unknown>;
     active: number;
-    finishStatus: import('element-plus/es/utils/index').EpPropMergeType<StringConstructor, "success" | "error" | "wait" | "finish" | "process", unknown>;
-    processStatus: import('element-plus/es/utils/index').EpPropMergeType<StringConstructor, "success" | "error" | "wait" | "finish" | "process", unknown>;
+    finishStatus: import('element-plus/es/utils/index').EpPropMergeType<StringConstructor, "error" | "success" | "wait" | "finish" | "process", unknown>;
+    processStatus: import('element-plus/es/utils/index').EpPropMergeType<StringConstructor, "error" | "success" | "wait" | "finish" | "process", unknown>;
 }, {}>;
 export default _default;

package/lib/ele-steps/props.d.ts

@@ -14,7 +14,7 @@ export declare const stepsProps: {
     type: PropType<StepType>;
     space: import('element-plus/es/utils/index').EpPropFinalized<readonly [NumberConstructor, StringConstructor], unknown, unknown, "", boolean>;
     active: import('element-plus/es/utils/index').EpPropFinalized<NumberConstructor, unknown, unknown, 0, boolean>;
-    direction: import('element-plus/es/utils/index').EpPropFinalized<StringConstructor, "vertical" | "horizontal", unknown, "horizontal", boolean>;
+    direction: import('element-plus/es/utils/index').EpPropFinalized<StringConstructor, "horizontal" | "vertical", unknown, "horizontal", boolean>;
     alignCenter: {
         readonly type: import('vue').PropType<import('element-plus/es/utils/index').EpPropMergeType<BooleanConstructor, unknown, unknown>>;
         readonly required: false;
@@ -27,7 +27,7 @@ export declare const stepsProps: {
         readonly validator: ((val: unknown) => boolean) | undefined;
         __epPropKey: true;
     };
-    finishStatus: import('element-plus/es/utils/index').EpPropFinalized<StringConstructor, "success" | "error" | "wait" | "finish" | "process", unknown, "finish", boolean>;
-    processStatus: import('element-plus/es/utils/index').EpPropFinalized<StringConstructor, "success" | "error" | "wait" | "finish" | "process", unknown, "process", boolean>;
+    finishStatus: import('element-plus/es/utils/index').EpPropFinalized<StringConstructor, "wait" | "error" | "finish" | "success" | "process", unknown, "finish", boolean>;
+    processStatus: import('element-plus/es/utils/index').EpPropFinalized<StringConstructor, "wait" | "error" | "finish" | "success" | "process", unknown, "process", boolean>;
 };
 export type StepsProps = ExtractPropTypes<typeof stepsProps>;

package/lib/ele-tab-tool/index.cjs

@@ -1,9 +1,27 @@
 "use strict";
 const vue = require("vue");
+const elementPlus = require("element-plus");
+const icons = require("../icons");
+const props$1 = require("../ele-tabs/props");
 const props = require("./props");
 const _sfc_main = vue.defineComponent({
   name: "EleTabTool",
-  props: props.tabToolProps
+  components: { ElIcon: elementPlus.ElIcon, CornerLeftFilled: icons.CornerLeftFilled, CornerRightFilled: icons.CornerRightFilled },
+  props: props.tabToolProps,
+  setup(props2) {
+    const wrapProps = vue.inject(props$1.TAB_WRAP_KEY, null);
+    const handleItemClick = (e) => {
+      if (wrapProps && wrapProps.triggerTabItemClick) {
+        wrapProps.triggerTabItemClick(void 0, props2.tabName, e);
+      }
+    };
+    const handleItemContextmenu = (e) => {
+      if (wrapProps && wrapProps.triggerItemContextMenu) {
+        wrapProps.triggerItemContextMenu(void 0, props2.tabName, e);
+      }
+    };
+    return { handleItemClick, handleItemContextmenu };
+  }
 });
 const _export_sfc = (sfc, props2) => {
   const target = sfc.__vccOpts || sfc;
@@ -13,10 +31,33 @@ const _export_sfc = (sfc, props2) => {
   return target;
 };
 function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
+  const _component_CornerLeftFilled = vue.resolveComponent("CornerLeftFilled");
+  const _component_ElIcon = vue.resolveComponent("ElIcon");
+  const _component_CornerRightFilled = vue.resolveComponent("CornerRightFilled");
   return vue.openBlock(), vue.createElementBlock("div", {
     class: vue.normalizeClass(["ele-tab-tool", { "is-tab": _ctx.tab }, { "is-active": _ctx.active }])
   }, [
-    vue.renderSlot(_ctx.$slots, "default")
+    _ctx.tab ? (vue.openBlock(), vue.createElementBlock(vue.Fragment, { key: 0 }, [
+      vue.createElementVNode("div", {
+        class: "ele-tab-title",
+        onClick: _cache[0] || (_cache[0] = (...args) => _ctx.handleItemClick && _ctx.handleItemClick(...args)),
+        onContextmenu: _cache[1] || (_cache[1] = (...args) => _ctx.handleItemContextmenu && _ctx.handleItemContextmenu(...args))
+      }, [
+        vue.renderSlot(_ctx.$slots, "default")
+      ], 32),
+      vue.createVNode(_component_ElIcon, { class: "ele-tab-corner-left" }, {
+        default: vue.withCtx(() => [
+          vue.createVNode(_component_CornerLeftFilled)
+        ]),
+        _: 1
+      }),
+      vue.createVNode(_component_ElIcon, { class: "ele-tab-corner-right" }, {
+        default: vue.withCtx(() => [
+          vue.createVNode(_component_CornerRightFilled)
+        ]),
+        _: 1
+      })
+    ], 64)) : vue.renderSlot(_ctx.$slots, "default", { key: 1 })
   ], 2);
 }
 const index = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render]]);

package/lib/ele-tab-tool/index.d.ts

@@ -1,9 +1,14 @@
 declare const _default: import('vue').DefineComponent<{
     tab: BooleanConstructor;
     active: BooleanConstructor;
-}, unknown, unknown, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+    tabName: (StringConstructor | NumberConstructor)[];
+}, {
+    handleItemClick: (e: MouseEvent) => void;
+    handleItemContextmenu: (e: MouseEvent) => void;
+}, unknown, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
     tab: BooleanConstructor;
     active: BooleanConstructor;
+    tabName: (StringConstructor | NumberConstructor)[];
 }>>, {
     tab: boolean;
     active: boolean;

package/lib/ele-tab-tool/props.cjs

@@ -4,6 +4,8 @@ const tabToolProps = {
   /** 是否为模拟页签 */
   tab: Boolean,
   /** 为模拟页签时是否选中 */
-  active: Boolean
+  active: Boolean,
+  /** 为模拟页签时页签标识 */
+  tabName: [String, Number]
 };
 exports.tabToolProps = tabToolProps;

package/lib/ele-tab-tool/props.d.ts

@@ -8,5 +8,7 @@ export declare const tabToolProps: {
     tab: BooleanConstructor;
     /** 为模拟页签时是否选中 */
     active: BooleanConstructor;
+    /** 为模拟页签时页签标识 */
+    tabName: (StringConstructor | NumberConstructor)[];
 };
 export type TabToolProps = ExtractPropTypes<typeof tabToolProps>;

package/lib/ele-tab-wrap/components/tab-dropdown.cjs

@@ -2,6 +2,7 @@
 const vue = require("vue");
 const elementPlus = require("element-plus");
 const icons = require("../../icons");
+const hook = require("../../utils/hook");
 const EleDropdown = require("../../ele-dropdown/index");
 const EleTabTool = require("../../ele-tab-tool/index");
 const _sfc_main = vue.defineComponent({
@@ -22,29 +23,18 @@ const _sfc_main = vue.defineComponent({
     menuClick: (_command) => true
   },
   setup(props, { emit }) {
-    const state = { timer: null };
+    const [startAutoCloseTimer] = hook.useTimer(150);
     const dropdownRef = vue.ref(null);
-    const clearTimer = () => {
-      if (state.timer) {
-        clearTimeout(state.timer);
-        state.timer = null;
-      }
-    };
     const handleCommand = (command) => {
       emit("menuClick", command);
-      clearTimer();
       if (props.autoClose) {
-        state.timer = setTimeout(() => {
-          state.timer = null;
+        startAutoCloseTimer(() => {
           if (dropdownRef.value) {
             dropdownRef.value.handleClose();
           }
-        }, 100);
+        });
       }
     };
-    vue.onBeforeUnmount(() => {
-      clearTimer();
-    });
     return { dropdownRef, handleCommand };
   }
 });
@@ -72,8 +62,9 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
       }, _ctx.dropdownProps || {}, {
         ref: "dropdownRef",
         items: _ctx.items,
+        componentType: "pro",
         onCommand: _ctx.handleCommand
-      }), vue.createSlots({
+      }), {
         default: vue.withCtx(() => [
           vue.createElementVNode("div", _hoisted_1, [
             vue.renderSlot(_ctx.$slots, "icon", {}, () => [
@@ -89,16 +80,8 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
             ])
           ])
         ]),
-        _: 2
-      }, [
-        _ctx.$slots.default ? {
-          name: "dropdownMenu",
-          fn: vue.withCtx(() => [
-            vue.renderSlot(_ctx.$slots, "default")
-          ]),
-          key: "0"
-        } : void 0
-      ]), 1040, ["items", "onCommand"])
+        _: 3
+      }, 16, ["items", "onCommand"])
     ]),
     _: 3
   });

package/lib/ele-tab-wrap/index.cjs

@@ -6,9 +6,24 @@ const _sfc_main = vue.defineComponent({
   name: "EleTabWrap",
   props: props.tabWrapProps,
   setup(props2) {
+    const tabMethods = {};
     const data = vue.reactive({
       size: props2.size,
-      type: props2.type
+      type: props2.type,
+      setTabMethods: (methods) => {
+        tabMethods.triggerTabItemClick = methods.triggerTabItemClick;
+        tabMethods.triggerItemContextMenu = methods.triggerItemContextMenu;
+      },
+      triggerTabItemClick: (item, tabName, e) => {
+        if (tabMethods.triggerTabItemClick) {
+          tabMethods.triggerTabItemClick(item, tabName, e);
+        }
+      },
+      triggerItemContextMenu: (item, tabName, e) => {
+        if (tabMethods.triggerItemContextMenu) {
+          tabMethods.triggerItemContextMenu(item, tabName, e);
+        }
+      }
     });
     vue.provide(props$1.TAB_WRAP_KEY, data);
     vue.watch(
@@ -23,6 +38,10 @@ const _sfc_main = vue.defineComponent({
         data.type = props2.type;
       }
     );
+    vue.onBeforeMount(() => {
+      tabMethods.triggerTabItemClick = void 0;
+      tabMethods.triggerItemContextMenu = void 0;
+    });
     return {};
   }
 });

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

@@ -187,8 +187,7 @@
     word-break: break-all;
 
     &.is-border {
-      border-left: none;
-      border-right: 1px solid eleVar('table', 'border-color');
+      border-right: 2px solid eleVar('table', 'border-color');
 
       & > tr,
       & > thead > tr,

package/lib/ele-table-select/index.d.ts

@@ -67,8 +67,8 @@ declare const _default: import('vue').DefineComponent<{
     selectedItems: import('vue').Ref<{
         label: string;
         value: SingleValue;
-        hide?: boolean;
-        index?: number;
+        hide?: boolean | undefined;
+        index?: number | undefined;
     }[]>;
     selectedLabel: import('vue').ComputedRef<string>;
     currentRowKey: import('vue').ComputedRef<DataKey | undefined>;
@@ -160,12 +160,12 @@ declare const _default: import('vue').DefineComponent<{
         default: null;
     };
 }>> & {
-    onChange?: ((_value: SelectValue) => any) | undefined;
     "onUpdate:modelValue"?: ((_value: SelectValue) => any) | undefined;
+    onChange?: ((_value: SelectValue) => any) | undefined;
     onFocus?: ((_e: FocusEvent) => any) | undefined;
     onBlur?: ((_e: FocusEvent) => any) | undefined;
-    onClear?: (() => any) | undefined;
     onSelect?: ((_item: DataItem | DataItem[]) => any) | undefined;
+    onClear?: (() => any) | undefined;
     onVisibleChange?: ((_visible: boolean) => any) | undefined;
     onRemoveTag?: ((_value: SingleValue) => any) | undefined;
     onFilterChange?: ((_value: string) => any) | undefined;
@@ -178,9 +178,9 @@ declare const _default: import('vue').DefineComponent<{
     disabled: boolean;
     filterable: boolean;
     tagType: import('element-plus/es/utils/index').EpPropMergeType<StringConstructor, "success" | "warning" | "info" | "primary" | "danger", unknown> | undefined;
-    multiple: boolean;
-    transition: string;
     persistent: boolean;
+    transition: string;
+    multiple: boolean;
     responsive: boolean;
     automaticDropdown: boolean;
     labelKey: string;