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

package/es/ele-qr-code/props.d.ts

@@ -1,5 +1,6 @@
 import { PropType, ExtractPropTypes } from 'vue';
-import { Level, ImageSettings } from './types';
+import { StyleValue } from '../ele-app/types';
+import { Level, ImageSettings, QrCodeTag } from './types';
 
 /**
  * 属性
@@ -35,7 +36,9 @@ export declare const qrCodeProps: {
     /** 自定义图片 */
     imageSettings: PropType<ImageSettings>;
     /** 自定义样式 */
-    customStyle: PropType<Partial<import('vue').CSSProperties>>;
+    customStyle: PropType<StyleValue>;
+    /** 渲染标签 */
+    tag: PropType<QrCodeTag>;
 };
 export type QrCodeProps = ExtractPropTypes<typeof qrCodeProps>;
 /**

package/es/ele-qr-code/props.js

@@ -29,7 +29,9 @@ const qrCodeProps = {
   /** 自定义图片 */
   imageSettings: Object,
   /** 自定义样式 */
-  customStyle: Object
+  customStyle: Object,
+  /** 渲染标签 */
+  tag: String
 };
 const qrCodeEmits = {
   /** 渲染完成事件 */

package/es/ele-qr-code/types.d.ts

@@ -21,6 +21,11 @@ export interface ImageSettings {
   excavate?: boolean;
 }
 
+/**
+ * 渲染标签
+ */
+export type QrCodeTag = 'img' | 'canvas' | 'svg';
+
 /**
  * 二维码数据
  */

package/es/ele-qr-code-svg/index.d.ts

@@ -19,9 +19,10 @@ declare const _default: import('vue').DefineComponent<{
     margin: {
         type: NumberConstructor;
         default: number;
-    }; /** 前景路径 */
+    };
     imageSettings: import('vue').PropType<import('../ele-qr-code/types').ImageSettings>;
-    customStyle: import('vue').PropType<Partial<import('vue').CSSProperties>>;
+    customStyle: import('vue').PropType<import('../ele-app/types').StyleValue>;
+    tag: import('vue').PropType<import('../ele-qr-code/types').QrCodeTag>;
 }, {
     viewBox: import('vue').Ref<string>;
     path: import('vue').Ref<string>;
@@ -30,7 +31,6 @@ declare const _default: import('vue').DefineComponent<{
     imageWidth: import('vue').Ref<number>;
     imageX: import('vue').Ref<number>;
     imageY: import('vue').Ref<number>;
-    imageSrc: import('vue').ComputedRef<string | undefined>;
     render: () => void;
 }, unknown, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
     done: () => boolean;
@@ -55,9 +55,10 @@ declare const _default: import('vue').DefineComponent<{
     margin: {
         type: NumberConstructor;
         default: number;
-    }; /** 前景路径 */
+    };
     imageSettings: import('vue').PropType<import('../ele-qr-code/types').ImageSettings>;
-    customStyle: import('vue').PropType<Partial<import('vue').CSSProperties>>;
+    customStyle: import('vue').PropType<import('../ele-app/types').StyleValue>;
+    tag: import('vue').PropType<import('../ele-qr-code/types').QrCodeTag>;
 }>> & {
     onDone?: (() => any) | undefined;
 }, {

package/es/ele-qr-code-svg/index.js

@@ -1,4 +1,4 @@
-import { defineComponent, ref, computed, watch, openBlock, createElementBlock, createElementVNode, createCommentVNode } from "vue";
+import { defineComponent, ref, watch, openBlock, createElementBlock, normalizeStyle, createElementVNode, createCommentVNode } from "vue";
 import qrcodegen from "../ele-qr-code/qrcodegen";
 import { ERROR_LEVEL_MAP, getImageSettings, excavateModules, generatePath } from "../ele-qr-code/util";
 import { qrCodeProps, qrCodeEmits } from "../ele-qr-code/props";
@@ -14,12 +14,6 @@ const _sfc_main = defineComponent({
     const imageWidth = ref(0);
     const imageX = ref(0);
     const imageY = ref(0);
-    const imageSrc = computed(
-      () => {
-        var _a;
-        return (_a = props.imageSettings) == null ? void 0 : _a.src;
-      }
-    );
     const render = () => {
       const { value, size, level, margin, imageSettings } = props;
       if (!value) {
@@ -78,7 +72,6 @@ const _sfc_main = defineComponent({
       imageWidth,
       imageX,
       imageY,
-      imageSrc,
       render
     };
   }
@@ -90,19 +83,23 @@ const _export_sfc = (sfc, props) => {
   }
   return target;
 };
-const _hoisted_1 = { class: "ele-qr-code" };
+const _hoisted_1 = {
+  class: "ele-qr-code",
+  style: { display: "inline-flex" }
+};
 const _hoisted_2 = ["height", "width", "viewBox"];
 const _hoisted_3 = ["fill", "d"];
 const _hoisted_4 = ["fill", "d"];
 const _hoisted_5 = ["xlink:href", "height", "width", "x", "y"];
 function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
-  return openBlock(), createElementBlock("span", _hoisted_1, [
+  return openBlock(), createElementBlock("div", _hoisted_1, [
     _ctx.viewBox ? (openBlock(), createElementBlock("svg", {
       key: 0,
       shapeRendering: "crispEdges",
       height: _ctx.size,
       width: _ctx.size,
-      viewBox: _ctx.viewBox
+      viewBox: _ctx.viewBox,
+      style: normalizeStyle(_ctx.customStyle)
     }, [
       createElementVNode("path", {
         fill: _ctx.bgColor,
@@ -112,16 +109,16 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
         fill: _ctx.fgColor,
         d: _ctx.fgPath
       }, null, 8, _hoisted_4),
-      _ctx.imageSrc ? (openBlock(), createElementBlock("image", {
+      _ctx.imageSettings && _ctx.imageSettings.src ? (openBlock(), createElementBlock("image", {
         key: 0,
-        "xlink:href": _ctx.imageSrc,
+        "xlink:href": _ctx.imageSettings.src,
         height: _ctx.imageHeight,
         width: _ctx.imageWidth,
         x: _ctx.imageX,
         y: _ctx.imageY,
         preserveAspectRatio: "none"
       }, null, 8, _hoisted_5)) : createCommentVNode("", true)
-    ], 8, _hoisted_2)) : createCommentVNode("", true)
+    ], 12, _hoisted_2)) : createCommentVNode("", true)
   ]);
 }
 const index = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render]]);

package/es/ele-segmented/index.d.ts

@@ -11,7 +11,9 @@ declare const _default: import('vue').DefineComponent<{
     size: import('vue').PropType<import('./types').SegmentedSize>;
 }, {
     tabRef: import('vue').Ref<ElTabsInstance>;
+    isEmptyActive: import('vue').ComputedRef<boolean>;
     handleUpdateModelValue: (value: string | number) => void;
+    updateActiveBar: () => void;
 }, unknown, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
     'update:modelValue': (_value: string | number) => boolean;
     change: (_active: string | number) => boolean;
@@ -25,8 +27,8 @@ declare const _default: import('vue').DefineComponent<{
     };
     size: import('vue').PropType<import('./types').SegmentedSize>;
 }>> & {
-    onChange?: ((_active: string | number) => any) | undefined;
     "onUpdate:modelValue"?: ((_value: string | number) => any) | undefined;
+    onChange?: ((_active: string | number) => any) | undefined;
 }, {
     disabled: boolean;
     block: boolean;

package/es/ele-segmented/index.js

@@ -1,5 +1,6 @@
-import { defineComponent, ref, resolveComponent, openBlock, createBlock, normalizeClass, withCtx, createElementBlock, Fragment, renderList, renderSlot, mergeProps, resolveDynamicComponent, normalizeStyle, createCommentVNode, toDisplayString } from "vue";
+import { defineComponent, ref, computed, resolveComponent, openBlock, createBlock, normalizeClass, withCtx, createElementBlock, Fragment, renderList, renderSlot, mergeProps, resolveDynamicComponent, normalizeStyle, createCommentVNode, toDisplayString } from "vue";
 import { ElIcon, ElTabs, ElTabPane } from "element-plus";
+import { useFormValidate } from "../ele-basic-select/util";
 import { segmentedProps, segmentedEmits } from "./props";
 const _sfc_main = defineComponent({
   name: "EleSegmented",
@@ -7,14 +8,38 @@ const _sfc_main = defineComponent({
   props: segmentedProps,
   emits: segmentedEmits,
   setup(props, { emit }) {
+    const { validateChange } = useFormValidate();
     const tabRef = ref(null);
+    const isEmptyActive = computed(() => {
+      return props.modelValue == null || !props.items || !props.items.some((d) => d.value === props.modelValue);
+    });
     const handleUpdateModelValue = (value) => {
       if (props.modelValue !== value) {
         emit("update:modelValue", value);
+        validateChange();
         emit("change", value);
       }
     };
-    return { tabRef, handleUpdateModelValue };
+    const getWrapEl = () => {
+      const tabEl = tabRef.value ? tabRef.value.$el : void 0;
+      const headerEl = tabEl ? tabEl.querySelector(".el-tabs__header") : void 0;
+      return headerEl ? headerEl.querySelector(".el-tabs__nav") : void 0;
+    };
+    const updateActiveBar = () => {
+      const el = getWrapEl();
+      if (el) {
+        const bar = el.querySelector(".el-tabs__active-bar");
+        if (bar) {
+          bar.style.width = "0px";
+        }
+      }
+    };
+    return {
+      tabRef,
+      isEmptyActive,
+      handleUpdateModelValue,
+      updateActiveBar
+    };
   }
 });
 const _export_sfc = (sfc, props) => {
@@ -41,7 +66,9 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
       { "is-block": _ctx.block },
       { "is-large": _ctx.size === "large" },
       { "is-small": _ctx.size === "small" },
-      { "is-disabled": _ctx.disabled }
+      { "is-disabled": _ctx.disabled },
+      { "is-single": _ctx.items && _ctx.items.length === 1 },
+      { "is-empty": _ctx.isEmptyActive }
     ]),
     "onUpdate:modelValue": _ctx.handleUpdateModelValue
   }, {

package/es/ele-segmented/style/index.scss

@@ -36,7 +36,7 @@
     line-height: eleVar('segmented', 'height');
     font-size: eleVar('segmented', 'font-size');
     border-radius: eleVar('segmented', 'radius');
-    transition: (color 0.2s, background-color 0.2s);
+    transition: (color $transition-base, background-color $transition-base);
     background: none;
     z-index: 2;
 
@@ -72,15 +72,21 @@
     border-radius: eleVar('segmented', 'radius');
     box-shadow: eleVar('segmented', 'active-shadow');
     transform: translateX(#{$item-padding});
+    transition: all $transition-base;
     box-sizing: content-box;
     height: auto;
     bottom: 0;
     top: 0;
   }
 
+  &.is-empty .el-tabs__active-bar {
+    padding: 0;
+  }
+
   /* 宽度撑满 */
   &:not(.is-block) .el-tabs__header {
     display: inline-block;
+    width: max-content;
   }
 
   /* 尺寸控制 */

package/es/ele-split-panel/index.d.ts

@@ -5,10 +5,10 @@ declare const _default: import('vue').DefineComponent<{
     minSize: NumberConstructor;
     maxSize: NumberConstructor;
     space: StringConstructor;
-    customStyle: import('vue').PropType<Partial<import('vue').CSSProperties>>;
-    bodyStyle: import('vue').PropType<Partial<import('vue').CSSProperties>>;
+    customStyle: import('vue').PropType<import('../ele-app/types').StyleValue>;
+    bodyStyle: import('vue').PropType<import('../ele-app/types').StyleValue>;
     allowCollapse: BooleanConstructor;
-    collapseStyle: import('vue').PropType<Partial<import('vue').CSSProperties>>;
+    collapseStyle: import('vue').PropType<import('../ele-app/types').StyleValue>;
     collapse: BooleanConstructor;
     vertical: BooleanConstructor;
     reverse: BooleanConstructor;
@@ -36,10 +36,10 @@ declare const _default: import('vue').DefineComponent<{
     minSize: NumberConstructor;
     maxSize: NumberConstructor;
     space: StringConstructor;
-    customStyle: import('vue').PropType<Partial<import('vue').CSSProperties>>;
-    bodyStyle: import('vue').PropType<Partial<import('vue').CSSProperties>>;
+    customStyle: import('vue').PropType<import('../ele-app/types').StyleValue>;
+    bodyStyle: import('vue').PropType<import('../ele-app/types').StyleValue>;
     allowCollapse: BooleanConstructor;
-    collapseStyle: import('vue').PropType<Partial<import('vue').CSSProperties>>;
+    collapseStyle: import('vue').PropType<import('../ele-app/types').StyleValue>;
     collapse: BooleanConstructor;
     vertical: BooleanConstructor;
     reverse: BooleanConstructor;
@@ -57,7 +57,7 @@ declare const _default: import('vue').DefineComponent<{
     collapse: boolean;
     resizable: boolean;
     responsive: boolean;
-    allowCollapse: boolean;
     flexTable: boolean;
+    allowCollapse: boolean;
 }, {}>;
 export default _default;

package/es/ele-split-panel/props.d.ts

@@ -1,4 +1,5 @@
 import { PropType, ExtractPropTypes } from 'vue';
+import { StyleValue } from '../ele-app/types';
 
 /**
  * 属性
@@ -13,13 +14,13 @@ export declare const splitPanelProps: {
     /** 间距 */
     space: StringConstructor;
     /** 自定义样式 */
-    customStyle: PropType<Partial<import('vue').CSSProperties>>;
+    customStyle: PropType<StyleValue>;
     /** 自定义内容样式 */
-    bodyStyle: PropType<Partial<import('vue').CSSProperties>>;
+    bodyStyle: PropType<StyleValue>;
     /** 是否可折叠 */
     allowCollapse: BooleanConstructor;
     /** 折叠按钮样式 */
-    collapseStyle: PropType<Partial<import('vue').CSSProperties>>;
+    collapseStyle: PropType<StyleValue>;
     /** 是否折叠 */
     collapse: BooleanConstructor;
     /** 是否垂直方向 */

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

@@ -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[]>;
@@ -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/es/ele-steps/props.d.ts

@@ -14,20 +14,20 @@ 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: PropType<import('element-plus/es/utils/index').EpPropMergeType<BooleanConstructor, unknown, unknown>>;
+        readonly type: import('vue').PropType<import('element-plus/es/utils/index').EpPropMergeType<BooleanConstructor, unknown, unknown>>;
         readonly required: false;
         readonly validator: ((val: unknown) => boolean) | undefined;
         __epPropKey: true;
     };
     simple: {
-        readonly type: PropType<import('element-plus/es/utils/index').EpPropMergeType<BooleanConstructor, unknown, unknown>>;
+        readonly type: import('vue').PropType<import('element-plus/es/utils/index').EpPropMergeType<BooleanConstructor, unknown, unknown>>;
         readonly required: false;
         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/es/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/es/ele-tab-tool/index.js

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

package/es/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/es/ele-tab-tool/props.js

@@ -2,7 +2,9 @@ const tabToolProps = {
   /** 是否为模拟页签 */
   tab: Boolean,
   /** 为模拟页签时是否选中 */
-  active: Boolean
+  active: Boolean,
+  /** 为模拟页签时页签标识 */
+  tabName: [String, Number]
 };
 export {
   tabToolProps

package/es/ele-tab-wrap/components/tab-dropdown.js

@@ -1,6 +1,7 @@
-import { defineComponent, ref, onBeforeUnmount, resolveComponent, openBlock, createBlock, withCtx, createVNode, mergeProps, createSlots, createElementVNode, renderSlot } from "vue";
+import { defineComponent, ref, resolveComponent, openBlock, createBlock, withCtx, createVNode, mergeProps, createElementVNode, renderSlot } from "vue";
 import { ElIcon } from "element-plus";
 import { ArrowDown } from "../../icons";
+import { useTimer } from "../../utils/hook";
 import EleDropdown from "../../ele-dropdown/index";
 import EleTabTool from "../../ele-tab-tool/index";
 const _sfc_main = defineComponent({
@@ -21,29 +22,18 @@ const _sfc_main = defineComponent({
     menuClick: (_command) => true
   },
   setup(props, { emit }) {
-    const state = { timer: null };
+    const [startAutoCloseTimer] = useTimer(150);
     const dropdownRef = 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);
+        });
       }
     };
-    onBeforeUnmount(() => {
-      clearTimer();
-    });
     return { dropdownRef, handleCommand };
   }
 });
@@ -71,8 +61,9 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
       }, _ctx.dropdownProps || {}, {
         ref: "dropdownRef",
         items: _ctx.items,
+        componentType: "pro",
         onCommand: _ctx.handleCommand
-      }), createSlots({
+      }), {
         default: withCtx(() => [
           createElementVNode("div", _hoisted_1, [
             renderSlot(_ctx.$slots, "icon", {}, () => [
@@ -88,16 +79,8 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
             ])
           ])
         ]),
-        _: 2
-      }, [
-        _ctx.$slots.default ? {
-          name: "dropdownMenu",
-          fn: withCtx(() => [
-            renderSlot(_ctx.$slots, "default")
-          ]),
-          key: "0"
-        } : void 0
-      ]), 1040, ["items", "onCommand"])
+        _: 3
+      }, 16, ["items", "onCommand"])
     ]),
     _: 3
   });

package/es/ele-tab-wrap/index.js

@@ -1,13 +1,28 @@
-import { defineComponent, reactive, provide, watch, openBlock, createElementBlock, normalizeClass, renderSlot } from "vue";
+import { defineComponent, reactive, provide, watch, onBeforeMount, openBlock, createElementBlock, normalizeClass, renderSlot } from "vue";
 import { TAB_WRAP_KEY } from "../ele-tabs/props";
 import { tabWrapProps } from "./props";
 const _sfc_main = defineComponent({
   name: "EleTabWrap",
   props: tabWrapProps,
   setup(props) {
+    const tabMethods = {};
     const data = reactive({
       size: props.size,
-      type: props.type
+      type: props.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);
+        }
+      }
     });
     provide(TAB_WRAP_KEY, data);
     watch(
@@ -22,6 +37,10 @@ const _sfc_main = defineComponent({
         data.type = props.type;
       }
     );
+    onBeforeMount(() => {
+      tabMethods.triggerTabItemClick = void 0;
+      tabMethods.triggerItemContextMenu = void 0;
+    });
     return {};
   }
 });

package/es/ele-table/index.d.ts

@@ -1,7 +1,7 @@
 declare const _default: import('vue').DefineComponent<{
     stripe: BooleanConstructor;
     border: BooleanConstructor;
-    size: import('vue').PropType<"" | "default" | "small" | "large" | undefined>;
+    size: import('vue').PropType<import('../ele-data-table/types').TableSize>;
     hasHeader: {
         type: BooleanConstructor;
         default: boolean;
@@ -11,7 +11,7 @@ declare const _default: import('vue').DefineComponent<{
 }, unknown, unknown, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
     stripe: BooleanConstructor;
     border: BooleanConstructor;
-    size: import('vue').PropType<"" | "default" | "small" | "large" | undefined>;
+    size: import('vue').PropType<import('../ele-data-table/types').TableSize>;
     hasHeader: {
         type: BooleanConstructor;
         default: boolean;

package/es/ele-table/props.d.ts

@@ -1,4 +1,5 @@
 import { PropType, ExtractPropTypes } from 'vue';
+import { TableSize } from '../ele-pro-table/types';
 
 /**
  * 属性
@@ -9,7 +10,7 @@ export declare const tableProps: {
     /** 是否带有纵向边框 */
     border: BooleanConstructor;
     /** 尺寸 */
-    size: PropType<"" | "default" | "small" | "large" | undefined>;
+    size: PropType<TableSize>;
     /** 是否有表头 */
     hasHeader: {
         type: BooleanConstructor;