ele-admin-plus 1.1.9-beta.1 → 1.1.9-beta.11

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

@@ -28,55 +28,55 @@
       border: none;
     }
   }
+}
 
-  .ele-drawer-header {
-    display: flex;
-    align-items: center;
-    padding: eleVar('drawer', 'header-padding');
-    border-bottom: eleVar('drawer', 'header-border');
-    box-sizing: border-box;
-  }
-
-  .ele-drawer-title {
-    flex: 1;
-    color: eleVar('drawer', 'header-color');
-    font-size: eleVar('drawer', 'header-font-size');
-    line-height: eleVar('drawer', 'header-line-height');
-    font-weight: eleVar('drawer', 'header-font-weight');
-    box-sizing: border-box;
-  }
+.ele-drawer-header {
+  display: flex;
+  align-items: center;
+  padding: eleVar('drawer', 'header-padding');
+  border-bottom: eleVar('drawer', 'header-border');
+  box-sizing: border-box;
+}
 
-  .ele-drawer-close {
-    flex-shrink: 0;
-    display: flex;
-    align-items: center;
-    justify-content: center;
-    width: eleVar('drawer', 'icon-size');
-    height: eleVar('drawer', 'icon-size');
-    line-height: eleVar('drawer', 'icon-size');
-    color: eleVar('drawer', 'icon-color');
-    font-size: eleVar('drawer', 'icon-font-size');
-    border-radius: eleVar('drawer', 'icon-radius');
-    transition: (color $ele-transition, background-color $ele-transition);
-    box-sizing: border-box;
-    cursor: pointer;
+.ele-drawer-title {
+  flex: 1;
+  color: eleVar('drawer', 'header-color');
+  font-size: eleVar('drawer', 'header-font-size');
+  line-height: eleVar('drawer', 'header-line-height');
+  font-weight: eleVar('drawer', 'header-font-weight');
+  box-sizing: border-box;
+}
 
-    &:hover {
-      color: eleVar('drawer', 'icon-hover-color');
-      background: eleVar('drawer', 'icon-hover-bg');
-    }
+.ele-drawer-close {
+  flex-shrink: 0;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  width: eleVar('drawer', 'icon-size');
+  height: eleVar('drawer', 'icon-size');
+  line-height: eleVar('drawer', 'icon-size');
+  color: eleVar('drawer', 'icon-color');
+  font-size: eleVar('drawer', 'icon-font-size');
+  border-radius: eleVar('drawer', 'icon-radius');
+  transition: (color $ele-transition, background-color $ele-transition);
+  box-sizing: border-box;
+  cursor: pointer;
+
+  &:hover {
+    color: eleVar('drawer', 'icon-hover-color');
+    background: eleVar('drawer', 'icon-hover-bg');
   }
+}
 
-  .ele-drawer-body {
-    padding: eleVar('drawer', 'body-padding');
-    box-sizing: border-box;
-  }
+.ele-drawer-body {
+  padding: eleVar('drawer', 'body-padding');
+  box-sizing: border-box;
+}
 
-  .ele-drawer-footer {
-    padding: eleVar('drawer', 'footer-padding');
-    border-top: eleVar('drawer', 'footer-border');
-    box-sizing: border-box;
-  }
+.ele-drawer-footer {
+  padding: eleVar('drawer', 'footer-padding');
+  border-top: eleVar('drawer', 'footer-border');
+  box-sizing: border-box;
 }
 
 /* 失活状态 */
@@ -84,70 +84,13 @@
   display: none !important;
 }
 
-/* 限制在内部并适配布局状态 */
-.ele-drawer-inner {
-  & > .el-drawer {
-    box-shadow: eleVar('drawer', 'inner-shadow');
-  }
-
-  &.ele-drawer {
-    top: eleVar('header', 'height', 0);
-    left: eleVar('sidebar', 'width', 0);
-    height: auto;
-  }
+/* 限制在主体区域 */
+.ele-admin-modals > .ele-drawer {
+  height: auto;
+  pointer-events: auto;
+  position: absolute !important;
 
-  &:not(.el-drawer-fade-leave-active, .el-drawer-fade-enter-active) {
+  &:not(.el-drawer-fade-leave-active):not(.el-drawer-fade-enter-active) {
     transition: (width $ele-transition, left $ele-transition);
   }
-
-  &.ele-state-has-tab {
-    top: calc(#{eleVar('header', 'height')} + #{eleVar('tab', 'height')});
-  }
-
-  &.ele-state-collapse {
-    left: eleVar('sidebar', 'collapse-width');
-  }
-
-  &.ele-state-mix-sidebar {
-    $box-width: eleVar('sidebox', 'width');
-    left: calc(#{$box-width} + #{eleVar('sidebar', 'mix-width')});
-
-    &.ele-state-collapse {
-      left: $box-width;
-    }
-
-    &.ele-state-single-sidebar {
-      left: $box-width;
-    }
-  }
-
-  &.ele-state-compact {
-    $collapse-width: eleVar('sidebar', 'collapse-width');
-    left: calc(#{$collapse-width} + #{eleVar('sidebar', 'mix-width')});
-
-    &.ele-state-single-sidebar {
-      left: $collapse-width;
-    }
-
-    &.ele-state-collapse {
-      left: $collapse-width;
-    }
-  }
-
-  &.ele-state-top-layout {
-    left: 0;
-  }
-
-  &.ele-state-maximized {
-    top: eleVar('tab', 'height');
-    left: 0 !important;
-  }
-
-  &.ele-state-expanded {
-    top: 0 !important;
-  }
-
-  &.ele-state-mobile {
-    left: 0 !important;
-  }
 }

package/lib/ele-dropdown/index.cjs

@@ -1,7 +1,6 @@
 "use strict";
 const vue = require("vue");
 const elementPlus = require("element-plus");
-const receiver = require("../ele-config-provider/receiver");
 const core = require("../utils/core");
 const props = require("./props");
 const _sfc_main = vue.defineComponent({
@@ -10,24 +9,22 @@ const _sfc_main = vue.defineComponent({
   props: props.dropdownProps,
   emits: props.dropdownEmits,
   setup(props2, { emit }) {
-    const { authenticated } = receiver.useLicense();
     const dropdownRef = vue.ref();
     const rootProps = vue.computed(() => {
       const options = core.omit(props2, [
         "items",
         "modelValue",
         "menuStyle",
+        "iconProps",
         "onCommand",
         "onClick",
         "onVisibleChange"
       ]);
-      if (authenticated.value) {
-        const classes = ["ele-popper", "ele-dropdown"];
-        if (props2.popperClass) {
-          classes.push(props2.popperClass);
-        }
-        options.popperClass = classes.join(" ");
+      const classes = ["ele-popper", "ele-dropdown"];
+      if (props2.popperClass) {
+        classes.push(props2.popperClass);
       }
+      options.popperClass = classes.join(" ");
       return options;
     });
     const selected = vue.computed(() => {
@@ -37,7 +34,7 @@ const _sfc_main = vue.defineComponent({
       return props2.items.find((d) => d.command === props2.modelValue);
     });
     const updateModelValue = (value) => {
-      if (authenticated.value && value !== props2.modelValue) {
+      if (value !== props2.modelValue) {
         emit("update:modelValue", value);
         emit("change", value);
       }
@@ -89,8 +86,8 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_ElDropdownMenu = vue.resolveComponent("ElDropdownMenu");
   const _component_ElDropdown = vue.resolveComponent("ElDropdown");
   return vue.openBlock(), vue.createBlock(_component_ElDropdown, vue.mergeProps(_ctx.rootProps, {
-    class: "ele-dropdown-text",
     ref: "dropdownRef",
+    class: "ele-dropdown-trigger",
     onClick: _ctx.onBtnClick,
     onCommand: _ctx.onMenuClick,
     onVisibleChange: _ctx.onPopVisibleChange

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

@@ -1,7 +1,8 @@
-import type { ElDropdownProps, ElDropdownInstance } from '../ele-app/el';
+import { DropdownItem } from './types';
 import { omit } from '../utils/core';
-import type { DropdownItem } from './types';
-declare const _default: import("vue").DefineComponent<{
+import { ElDropdownProps, ElDropdownInstance } from '../ele-app/el';
+
+declare const _default: import('vue').DefineComponent<{
     items: import("vue").PropType<DropdownItem[]>;
     modelValue: import("vue").PropType<import("element-plus/es/utils/index").EpPropMergeType<readonly [ObjectConstructor, StringConstructor, NumberConstructor], unknown, unknown> | undefined>;
     menuStyle: import("vue").PropType<Partial<import("vue").CSSProperties>>;
@@ -99,10 +100,10 @@ declare const _default: import("vue").DefineComponent<{
     teleported: import("element-plus/es/utils/index").EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
 }>> & {
     onClick?: (() => any) | undefined;
-    "onUpdate:modelValue"?: ((_value: import("element-plus/es/utils/index").EpPropMergeType<readonly [ObjectConstructor, StringConstructor, NumberConstructor], unknown, unknown> | undefined) => any) | undefined;
     onChange?: ((_active: import("element-plus/es/utils/index").EpPropMergeType<readonly [ObjectConstructor, StringConstructor, NumberConstructor], unknown, unknown> | undefined) => any) | undefined;
-    onCommand?: ((_command: import("element-plus/es/utils/index").EpPropMergeType<readonly [ObjectConstructor, StringConstructor, NumberConstructor], unknown, unknown> | undefined) => any) | undefined;
+    "onUpdate:modelValue"?: ((_value: import("element-plus/es/utils/index").EpPropMergeType<readonly [ObjectConstructor, StringConstructor, NumberConstructor], unknown, unknown> | undefined) => any) | undefined;
     onVisibleChange?: ((_visible: boolean) => any) | undefined;
+    onCommand?: ((_command: import("element-plus/es/utils/index").EpPropMergeType<readonly [ObjectConstructor, StringConstructor, NumberConstructor], unknown, unknown> | undefined) => any) | undefined;
 }, {
     size: string;
     trigger: import("element-plus/es/utils/index").EpPropMergeType<(new (...args: any[]) => "hover" | "focus" | "click" | "contextmenu" | import("element-plus").TooltipTriggerType[]) | (() => import("element-plus/es/utils/typescript").Arrayable<import("element-plus").TooltipTriggerType>) | ((new (...args: any[]) => "hover" | "focus" | "click" | "contextmenu" | import("element-plus").TooltipTriggerType[]) | (() => import("element-plus/es/utils/typescript").Arrayable<import("element-plus").TooltipTriggerType>))[], unknown, unknown>;

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

@@ -1,6 +1,7 @@
-import type { PropType, ExtractPropTypes } from 'vue';
-import type { ElIconProps } from '../ele-app/el';
-import type { DropdownItem } from './types';
+import { DropdownItem } from './types';
+import { ElIconProps } from '../ele-app/el';
+import { PropType, ExtractPropTypes } from 'vue';
+
 /**
  * 属性
  */
@@ -8,12 +9,12 @@ export declare const dropdownProps: {
     /** 下拉菜单数据 */
     items: PropType<DropdownItem[]>;
     /** 选中的菜单 */
-    modelValue: PropType<import("element-plus/es/utils/index").EpPropMergeType<readonly [ObjectConstructor, StringConstructor, NumberConstructor], unknown, unknown> | undefined>;
+    modelValue: PropType<import('element-plus/es/utils/index').EpPropMergeType<readonly [ObjectConstructor, StringConstructor, NumberConstructor], unknown, unknown> | undefined>;
     /** 自定义下拉菜单样式 */
-    menuStyle: PropType<Partial<import("vue").CSSProperties>>;
+    menuStyle: PropType<Partial<import('vue').CSSProperties>>;
     /** 自定义图标属性 */
     iconProps: PropType<ElIconProps>;
-    trigger: import("element-plus/es/utils/index").EpPropFinalized<(new (...args: any[]) => "hover" | "focus" | "click" | "contextmenu" | import("element-plus").TooltipTriggerType[]) | (() => import("element-plus/es/utils/typescript").Arrayable<import("element-plus").TooltipTriggerType>) | ((new (...args: any[]) => "hover" | "focus" | "click" | "contextmenu" | import("element-plus").TooltipTriggerType[]) | (() => import("element-plus/es/utils/typescript").Arrayable<import("element-plus").TooltipTriggerType>))[], unknown, unknown, "hover", boolean>;
+    trigger: import('element-plus/es/utils/index').EpPropFinalized<(new (...args: any[]) => "hover" | "focus" | "click" | "contextmenu" | import("element-plus").TooltipTriggerType[]) | (() => import("element-plus/es/utils/typescript").Arrayable<import("element-plus").TooltipTriggerType>) | ((new (...args: any[]) => "hover" | "focus" | "click" | "contextmenu" | import("element-plus").TooltipTriggerType[]) | (() => import("element-plus/es/utils/typescript").Arrayable<import("element-plus").TooltipTriggerType>))[], unknown, unknown, "hover", boolean>;
     effect: {
         readonly default: "light";
         readonly type: PropType<string>;
@@ -22,32 +23,32 @@ export declare const dropdownProps: {
         readonly __epPropKey: true;
     };
     type: {
-        readonly type: PropType<import("element-plus/es/utils/index").EpPropMergeType<(new (...args: any[]) => "" | "default" | "success" | "warning" | "info" | "text" | "primary" | "danger") | (() => import("element-plus/es/utils/index").EpPropMergeType<StringConstructor, "" | "default" | "success" | "warning" | "info" | "text" | "primary" | "danger", unknown>) | ((new (...args: any[]) => "" | "default" | "success" | "warning" | "info" | "text" | "primary" | "danger") | (() => import("element-plus/es/utils/index").EpPropMergeType<StringConstructor, "" | "default" | "success" | "warning" | "info" | "text" | "primary" | "danger", unknown>))[], unknown, unknown>>;
+        readonly type: PropType<import('element-plus/es/utils/index').EpPropMergeType<(new (...args: any[]) => "" | "default" | "success" | "warning" | "info" | "text" | "primary" | "danger") | (() => import("element-plus/es/utils/index").EpPropMergeType<StringConstructor, "" | "default" | "success" | "warning" | "info" | "text" | "primary" | "danger", unknown>) | ((new (...args: any[]) => "" | "default" | "success" | "warning" | "info" | "text" | "primary" | "danger") | (() => import("element-plus/es/utils/index").EpPropMergeType<StringConstructor, "" | "default" | "success" | "warning" | "info" | "text" | "primary" | "danger", unknown>))[], unknown, unknown>>;
         readonly required: false;
         readonly validator: ((val: unknown) => boolean) | undefined;
         __epPropKey: true;
     };
-    placement: import("element-plus/es/utils/index").EpPropFinalized<(new (...args: any[]) => "top" | "bottom" | "auto" | "auto-start" | "auto-end" | "right" | "left" | "top-start" | "top-end" | "bottom-start" | "bottom-end" | "right-start" | "right-end" | "left-start" | "left-end") | (() => import("element-plus").Placement) | ((new (...args: any[]) => "top" | "bottom" | "auto" | "auto-start" | "auto-end" | "right" | "left" | "top-start" | "top-end" | "bottom-start" | "bottom-end" | "right-start" | "right-end" | "left-start" | "left-end") | (() => import("element-plus").Placement))[], unknown, unknown, "bottom", boolean>;
-    popperOptions: import("element-plus/es/utils/index").EpPropFinalized<(new (...args: any[]) => Partial<import("element-plus").Options>) | (() => Partial<import("element-plus").Options>) | ((new (...args: any[]) => Partial<import("element-plus").Options>) | (() => Partial<import("element-plus").Options>))[], unknown, unknown, () => {}, boolean>;
+    placement: import('element-plus/es/utils/index').EpPropFinalized<(new (...args: any[]) => "top" | "bottom" | "auto" | "auto-start" | "auto-end" | "right" | "left" | "top-start" | "top-end" | "bottom-start" | "bottom-end" | "right-start" | "right-end" | "left-start" | "left-end") | (() => import("element-plus").Placement) | ((new (...args: any[]) => "top" | "bottom" | "auto" | "auto-start" | "auto-end" | "right" | "left" | "top-start" | "top-end" | "bottom-start" | "bottom-end" | "right-start" | "right-end" | "left-start" | "left-end") | (() => import("element-plus").Placement))[], unknown, unknown, "bottom", boolean>;
+    popperOptions: import('element-plus/es/utils/index').EpPropFinalized<(new (...args: any[]) => Partial<import("element-plus").Options>) | (() => Partial<import("element-plus").Options>) | ((new (...args: any[]) => Partial<import("element-plus").Options>) | (() => Partial<import("element-plus").Options>))[], unknown, unknown, () => {}, boolean>;
     id: StringConstructor;
-    size: import("element-plus/es/utils/index").EpPropFinalized<StringConstructor, unknown, unknown, "", boolean>;
+    size: import('element-plus/es/utils/index').EpPropFinalized<StringConstructor, unknown, unknown, "", boolean>;
     splitButton: BooleanConstructor;
-    hideOnClick: import("element-plus/es/utils/index").EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
-    loop: import("element-plus/es/utils/index").EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
-    showTimeout: import("element-plus/es/utils/index").EpPropFinalized<NumberConstructor, unknown, unknown, 150, boolean>;
-    hideTimeout: import("element-plus/es/utils/index").EpPropFinalized<NumberConstructor, unknown, unknown, 150, boolean>;
-    tabindex: import("element-plus/es/utils/index").EpPropFinalized<(new (...args: any[]) => string | number) | (() => string | number) | ((new (...args: any[]) => string | number) | (() => string | number))[], unknown, unknown, 0, boolean>;
-    maxHeight: import("element-plus/es/utils/index").EpPropFinalized<(new (...args: any[]) => string | number) | (() => string | number) | ((new (...args: any[]) => string | number) | (() => string | number))[], unknown, unknown, "", boolean>;
-    popperClass: import("element-plus/es/utils/index").EpPropFinalized<StringConstructor, unknown, unknown, "", boolean>;
-    disabled: import("element-plus/es/utils/index").EpPropFinalized<BooleanConstructor, unknown, unknown, false, boolean>;
-    role: import("element-plus/es/utils/index").EpPropFinalized<StringConstructor, unknown, unknown, "menu", boolean>;
+    hideOnClick: import('element-plus/es/utils/index').EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
+    loop: import('element-plus/es/utils/index').EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
+    showTimeout: import('element-plus/es/utils/index').EpPropFinalized<NumberConstructor, unknown, unknown, 150, boolean>;
+    hideTimeout: import('element-plus/es/utils/index').EpPropFinalized<NumberConstructor, unknown, unknown, 150, boolean>;
+    tabindex: import('element-plus/es/utils/index').EpPropFinalized<(new (...args: any[]) => string | number) | (() => string | number) | ((new (...args: any[]) => string | number) | (() => string | number))[], unknown, unknown, 0, boolean>;
+    maxHeight: import('element-plus/es/utils/index').EpPropFinalized<(new (...args: any[]) => string | number) | (() => string | number) | ((new (...args: any[]) => string | number) | (() => string | number))[], unknown, unknown, "", boolean>;
+    popperClass: import('element-plus/es/utils/index').EpPropFinalized<StringConstructor, unknown, unknown, "", boolean>;
+    disabled: import('element-plus/es/utils/index').EpPropFinalized<BooleanConstructor, unknown, unknown, false, boolean>;
+    role: import('element-plus/es/utils/index').EpPropFinalized<StringConstructor, unknown, unknown, "menu", boolean>;
     buttonProps: {
-        readonly type: PropType<import("element-plus").ButtonProps>;
+        readonly type: PropType<import('element-plus').ButtonProps>;
         readonly required: false;
         readonly validator: ((val: unknown) => boolean) | undefined;
         __epPropKey: true;
     };
-    teleported: import("element-plus/es/utils/index").EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
+    teleported: import('element-plus/es/utils/index').EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
 };
 export type DropdownProps = ExtractPropTypes<typeof dropdownProps>;
 /**

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

@@ -4,13 +4,13 @@
 
 @include set-dropdown-var($ele);
 
-.el-dropdown.ele-dropdown-text {
+.el-dropdown.ele-dropdown-trigger {
   color: inherit;
   font-size: inherit;
   line-height: inherit;
 }
 
-.ele-dropdown-text > .el-tooltip__trigger {
+.ele-dropdown-trigger > .el-tooltip__trigger {
   outline: none;
 }
 

package/lib/ele-edit-tag/index.cjs

@@ -2,7 +2,6 @@
 const vue = require("vue");
 const elementPlus = require("element-plus");
 const EleTooltip = require("../ele-tooltip/index");
-const receiver = require("../ele-config-provider/receiver");
 const icons = require("../icons");
 const props = require("./props");
 const _sfc_main = vue.defineComponent({
@@ -18,7 +17,6 @@ const _sfc_main = vue.defineComponent({
   props: props.editTagProps,
   emits: props.editTagEmits,
   setup(props2, { emit }) {
-    const { authenticated } = receiver.useLicense();
     const inputRef = vue.ref(null);
     const isEdit = vue.ref(false);
     const inputValue = vue.ref("");
@@ -52,6 +50,9 @@ const _sfc_main = vue.defineComponent({
       }, 0);
     };
     const onAddClick = () => {
+      if (props2.disabled) {
+        return;
+      }
       tooltipVisible.value = false;
       errorMessage.value = "";
       isEdit.value = true;
@@ -60,9 +61,6 @@ const _sfc_main = vue.defineComponent({
       });
     };
     const onTagClose = (index2) => {
-      if (!authenticated.value) {
-        return;
-      }
       if (typeof props2.beforeRemove !== "function") {
         removeTag(index2);
         return;
@@ -152,7 +150,9 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
     class: vue.normalizeClass([
       "ele-edit-tag",
       { "is-large": _ctx.size === "large" },
-      { "is-small": _ctx.size === "small" }
+      { "is-small": _ctx.size === "small" },
+      { "is-disabled": _ctx.disabled },
+      { "is-readonly": _ctx.readonly }
     ])
   }, [
     _ctx.modelValue ? (vue.openBlock(true), vue.createElementBlock(vue.Fragment, { key: 0 }, vue.renderList(_ctx.modelValue, (item, index2) => {
@@ -163,7 +163,7 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
         size: _ctx.size,
         effect: _ctx.effect,
         round: _ctx.round,
-        closable: true,
+        closable: _ctx.readonly || _ctx.disabled ? false : true,
         disableTransitions: true,
         style: vue.normalizeStyle(_ctx.itemStyle),
         onClose: ($event) => _ctx.onTagClose(index2)
@@ -172,9 +172,10 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
           vue.createTextVNode(vue.toDisplayString(item), 1)
         ]),
         _: 2
-      }, 1032, ["type", "color", "size", "effect", "round", "style", "onClose"]);
+      }, 1032, ["type", "color", "size", "effect", "round", "closable", "style", "onClose"]);
     }), 128)) : vue.createCommentVNode("", true),
-    vue.withDirectives(vue.createVNode(_component_ElTag, {
+    !_ctx.readonly ? vue.withDirectives((vue.openBlock(), vue.createBlock(_component_ElTag, {
+      key: 1,
       type: "info",
       size: _ctx.size,
       round: _ctx.round,
@@ -197,10 +198,11 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
         ])
       ]),
       _: 3
-    }, 8, ["size", "round", "style", "onClick"]), [
+    }, 8, ["size", "round", "style", "onClick"])), [
       [vue.vShow, !_ctx.isEdit]
-    ]),
-    vue.withDirectives(vue.createVNode(_component_ElTag, {
+    ]) : vue.createCommentVNode("", true),
+    !_ctx.readonly ? vue.withDirectives((vue.openBlock(), vue.createBlock(_component_ElTag, {
+      key: 2,
       size: _ctx.size,
       round: _ctx.round,
       disableTransitions: true,
@@ -233,15 +235,15 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
         }, 8, ["disabled", "modelValue", "style", "onChange", "onBlur", "onFocus"])
       ]),
       _: 1
-    }, 8, ["size", "round", "class", "style"]), [
+    }, 8, ["size", "round", "class", "style"])), [
       [vue.vShow, _ctx.isEdit]
-    ]),
+    ]) : vue.createCommentVNode("", true),
     vue.createVNode(_component_EleTooltip, vue.mergeProps({
       offset: 7,
       hideAfter: 0,
       trigger: "click",
       disabled: !_ctx.tooltipVisible
-    }, _ctx.tooltipProps, {
+    }, _ctx.tooltipProps || {}, {
       virtualTriggering: true,
       virtualRef: _ctx.inputRef ? _ctx.inputRef.$el : void 0,
       content: _ctx.errorMessage,

package/lib/ele-edit-tag/index.d.ts

@@ -1,5 +1,6 @@
-import type { ElInputInstance } from '../ele-app/el';
-declare const _default: import("vue").DefineComponent<{
+import { ElInputInstance } from '../ele-app/el';
+
+declare const _default: import('vue').DefineComponent<{
     modelValue: import("vue").PropType<string[]>;
     type: import("vue").PropType<import("element-plus/es/utils/index").EpPropMergeType<StringConstructor, "success" | "warning" | "info" | "primary" | "danger", unknown> | undefined>;
     color: StringConstructor;
@@ -14,6 +15,8 @@ declare const _default: import("vue").DefineComponent<{
     validator: import("vue").PropType<import("./types").Validator>;
     beforeRemove: import("vue").PropType<import("./types").BeforeRemove>;
     tooltipProps: import("vue").PropType<Partial<import("../ele-tooltip/props").TooltipProps>>;
+    readonly: BooleanConstructor;
+    disabled: BooleanConstructor;
 }, {
     inputRef: import("vue").Ref<ElInputInstance>;
     isEdit: import("vue").Ref<boolean>;
@@ -43,9 +46,13 @@ declare const _default: import("vue").DefineComponent<{
     validator: import("vue").PropType<import("./types").Validator>;
     beforeRemove: import("vue").PropType<import("./types").BeforeRemove>;
     tooltipProps: import("vue").PropType<Partial<import("../ele-tooltip/props").TooltipProps>>;
+    readonly: BooleanConstructor;
+    disabled: BooleanConstructor;
 }>> & {
     "onUpdate:modelValue"?: ((_value?: string[] | undefined) => any) | undefined;
 }, {
+    disabled: boolean;
     round: boolean;
+    readonly: boolean;
 }, {}>;
 export default _default;

package/lib/ele-edit-tag/props.cjs

@@ -28,7 +28,11 @@ const editTagProps = {
   /** 移除校验方法 */
   beforeRemove: Function,
   /** 提示属性 */
-  tooltipProps: Object
+  tooltipProps: Object,
+  /** 是否只读 */
+  readonly: Boolean,
+  /** 是否禁用 */
+  disabled: Boolean
 };
 const editTagEmits = {
   /** 更新数据 */

package/lib/ele-edit-tag/props.d.ts

@@ -1,5 +1,6 @@
-import type { PropType, ExtractPropTypes } from 'vue';
 import { Validator, BeforeRemove } from './types';
+import { PropType, ExtractPropTypes } from 'vue';
+
 /**
  * 属性
  */
@@ -7,31 +8,35 @@ export declare const editTagProps: {
     /** 标签数据 */
     modelValue: PropType<string[]>;
     /** 类型 */
-    type: PropType<import("element-plus/es/utils/index").EpPropMergeType<StringConstructor, "success" | "warning" | "info" | "primary" | "danger", unknown> | undefined>;
+    type: PropType<import('element-plus/es/utils/index').EpPropMergeType<StringConstructor, "success" | "warning" | "info" | "primary" | "danger", unknown> | undefined>;
     /** 颜色 */
     color: StringConstructor;
     /** 尺寸 */
-    size: PropType<import("element-plus/es/utils/index").EpPropMergeType<StringConstructor, "" | "default" | "small" | "large", unknown> | undefined>;
+    size: PropType<import('element-plus/es/utils/index').EpPropMergeType<StringConstructor, "" | "default" | "small" | "large", unknown> | undefined>;
     /** 主题 */
-    effect: PropType<import("element-plus/es/utils/index").EpPropMergeType<StringConstructor, "light" | "plain" | "dark", unknown> | undefined>;
+    effect: PropType<import('element-plus/es/utils/index').EpPropMergeType<StringConstructor, "light" | "plain" | "dark", unknown> | undefined>;
     /** 是否为圆形 */
     round: BooleanConstructor;
     /** 提示文本 */
     placeholder: StringConstructor;
     /** 输入框样式 */
-    inputStyle: PropType<Partial<import("vue").CSSProperties>>;
+    inputStyle: PropType<Partial<import('vue').CSSProperties>>;
     /** 输入框外层标签样式 */
-    inputTagStyle: PropType<Partial<import("vue").CSSProperties>>;
+    inputTagStyle: PropType<Partial<import('vue').CSSProperties>>;
     /** 添加按钮样式 */
-    buttonStyle: PropType<Partial<import("vue").CSSProperties>>;
+    buttonStyle: PropType<Partial<import('vue').CSSProperties>>;
     /** 标签样式 */
-    itemStyle: PropType<Partial<import("vue").CSSProperties>>;
+    itemStyle: PropType<Partial<import('vue').CSSProperties>>;
     /** 添加校验方法 */
     validator: PropType<Validator>;
     /** 移除校验方法 */
     beforeRemove: PropType<BeforeRemove>;
     /** 提示属性 */
-    tooltipProps: PropType<Partial<import("../ele-tooltip/props").TooltipProps>>;
+    tooltipProps: PropType<Partial<import('../ele-tooltip/props').TooltipProps>>;
+    /** 是否只读 */
+    readonly: BooleanConstructor;
+    /** 是否禁用 */
+    disabled: BooleanConstructor;
 };
 export type EditTagProps = ExtractPropTypes<typeof editTagProps>;
 /**

package/lib/ele-edit-tag/style/index.scss

@@ -32,6 +32,19 @@
   opacity: 0.6;
 }
 
+/* 禁用 */
+.ele-edit-tag.is-disabled .ele-edit-tag-add {
+  cursor: not-allowed;
+  color: elVar('disabled', 'text-color');
+  background: elVar('disabled', 'bg-color');
+  border-color: elVar('disabled', 'border-color');
+}
+
+/* 只读 */
+.ele-edit-tag.is-readonly > .el-tag:last-child {
+  margin-right: 0;
+}
+
 /* 输入框 */
 .ele-edit-tag-input {
   &.el-tag {

package/lib/ele-ellipsis/index.cjs

@@ -1,7 +1,6 @@
 "use strict";
 const vue = require("vue");
 const core = require("../utils/core");
-const receiver = require("../ele-config-provider/receiver");
 const EleTooltip = require("../ele-tooltip/index");
 const EleText = require("../ele-text/index");
 const props$1 = require("../ele-text/props");
@@ -11,7 +10,6 @@ const _sfc_main = vue.defineComponent({
   components: { EleText, EleTooltip },
   props: props.ellipsisProps,
   setup(props2) {
-    const { authenticated } = receiver.useLicense();
     const textRef = vue.ref(null);
     const virtualRef = vue.ref();
     const text = vue.ref("");
@@ -30,7 +28,7 @@ const _sfc_main = vue.defineComponent({
       return core.omit(opt, ["original"]);
     });
     const multiLine = vue.computed(() => {
-      return authenticated.value && !!(props2.maxLine && props2.maxLine > 1);
+      return !!(props2.maxLine && props2.maxLine > 1);
     });
     const textProps = vue.computed(() => {
       return Object.assign({ title: title.value }, core.pick(props2, props$1.textPropKeys));
@@ -50,29 +48,8 @@ const _sfc_main = vue.defineComponent({
       }
       return style;
     });
-    const isOverflow = (el) => {
-      if (!el.childNodes.length) {
-        return false;
-      }
-      const range = document.createRange();
-      range.setStart(el, 0);
-      range.setEnd(el, el.childNodes.length);
-      const { width, height } = range.getBoundingClientRect();
-      const floorW = Math.floor(width);
-      const rangeWidth = width - floorW < 1e-3 ? floorW : width;
-      const floorH = Math.floor(height);
-      const rangeHeight = height - floorH < 1e-3 ? floorH : height;
-      const style = core.getCurrentStyle(el);
-      const top = Number.parseInt(style.paddingTop) || 0;
-      const left = Number.parseInt(style.paddingLeft) || 0;
-      const right = Number.parseInt(style.paddingRight) || 0;
-      const bottom = Number.parseInt(style.paddingBottom) || 0;
-      const horizontalPadding = left + right;
-      const verticalPadding = top + bottom;
-      return rangeWidth + horizontalPadding > el.offsetWidth || rangeHeight + verticalPadding > el.offsetHeight || el.scrollWidth > el.offsetWidth;
-    };
     const onHover = (e) => {
-      if (!authenticated.value || !props2.tooltip) {
+      if (!props2.tooltip) {
         virtualRef.value = void 0;
         return;
       }
@@ -83,7 +60,7 @@ const _sfc_main = vue.defineComponent({
         }
       } else {
         if (target) {
-          const temp = isOverflow(target) ? target.innerText : "";
+          const temp = core.contentIsEllipsis(target) ? target.innerText : "";
           if (text.value !== temp) {
             text.value = temp;
           }