ele-admin-plus 1.1.4 → 1.1.5-beta.1

package/es/ele-dot/props.js

@@ -1,16 +1,16 @@
 const dotProps = {
-  // 类型
+  /** 类型 */
   type: String,
-  // 自定义颜色
+  /** 自定义颜色 */
   color: String,
-  // 是否显示水波动画
+  /** 是否显示水波动画 */
   ripple: {
     type: Boolean,
     default: true
   },
-  // 文本
+  /** 文本 */
   text: String,
-  // 尺寸
+  /** 尺寸 */
   size: {
     type: String,
     default: "6px"

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

@@ -136,9 +136,9 @@ declare const _default: import("vue").DefineComponent<{
     title: import("element-plus/es/utils").EpPropFinalized<StringConstructor, unknown, unknown, "", boolean>;
     ariaLevel: import("element-plus/es/utils").EpPropFinalized<StringConstructor, unknown, unknown, "2", boolean>;
 }>> & {
-    "onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
     onOpen?: (() => any) | undefined;
     onClose?: (() => any) | undefined;
+    "onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
     onOpened?: (() => any) | undefined;
     onClosed?: (() => any) | undefined;
     onOpenAutoFocus?: (() => any) | undefined;

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

@@ -3,10 +3,15 @@ import type { PropType, ExtractPropTypes } from 'vue';
  * 属性
  */
 export declare const drawerProps: {
+    /** 自定义标题样式 */
     headerStyle: PropType<Partial<import("vue").CSSProperties>>;
+    /** 标题样式 */
     titleStyle: PropType<Partial<import("vue").CSSProperties>>;
+    /** 自定义主体样式 */
     bodyStyle: PropType<Partial<import("vue").CSSProperties>>;
+    /** 自定义底部样式 */
     footerStyle: PropType<Partial<import("vue").CSSProperties>>;
+    /** 自定义关闭按钮样式 */
     closeBtnStyle: PropType<Partial<import("vue").CSSProperties>>;
     direction: import("element-plus/es/utils").EpPropFinalized<StringConstructor, "ltr" | "rtl" | "ttb" | "btt", unknown, "rtl", boolean>;
     size: import("element-plus/es/utils").EpPropFinalized<readonly [StringConstructor, NumberConstructor], unknown, unknown, "30%", boolean>;

package/es/ele-drawer/props.js

@@ -1,15 +1,15 @@
 import { drawerProps as drawerProps$1 } from "element-plus";
 const drawerProps = {
   ...drawerProps$1,
-  // 自定义标题样式
+  /** 自定义标题样式 */
   headerStyle: Object,
-  // 标题样式
+  /** 标题样式 */
   titleStyle: Object,
-  // 自定义主体样式
+  /** 自定义主体样式 */
   bodyStyle: Object,
-  // 自定义底部样式
+  /** 自定义底部样式 */
   footerStyle: Object,
-  // 自定义关闭按钮样式
+  /** 自定义关闭按钮样式 */
   closeBtnStyle: Object
 };
 export {

package/es/ele-drawer/style/css-var.scss

@@ -1,5 +1,6 @@
 @use '../../style/util.scss' as *;
 
+/* 抽屉主题变量 */
 @mixin set-drawer-var($var) {
   .ele-drawer {
     @include set-ele-var('drawer', $var);

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

@@ -97,10 +97,10 @@ declare const _default: import("vue").DefineComponent<{
     teleported: import("element-plus/es/utils").EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
 }>> & {
     onClick?: (() => any) | undefined;
+    onChange?: ((_active: import("element-plus/es/utils").EpPropMergeType<readonly [ObjectConstructor, StringConstructor, NumberConstructor], unknown, unknown> | undefined) => any) | undefined;
     onCommand?: ((_command: import("element-plus/es/utils").EpPropMergeType<readonly [ObjectConstructor, StringConstructor, NumberConstructor], unknown, unknown> | undefined) => any) | undefined;
     onVisibleChange?: ((_visible: boolean) => any) | undefined;
     "onUpdate:modelValue"?: ((_value: import("element-plus/es/utils").EpPropMergeType<readonly [ObjectConstructor, StringConstructor, NumberConstructor], unknown, unknown> | undefined) => any) | undefined;
-    onChange?: ((_active: import("element-plus/es/utils").EpPropMergeType<readonly [ObjectConstructor, StringConstructor, NumberConstructor], unknown, unknown> | undefined) => any) | undefined;
 }, {
     size: string;
     trigger: import("element-plus/es/utils").EpPropMergeType<(new (...args: any[]) => "hover" | "focus" | "click" | "contextmenu" | import("element-plus").TooltipTriggerType[]) | (() => import("element-plus/es/utils").Arrayable<import("element-plus").TooltipTriggerType>) | ((new (...args: any[]) => "hover" | "focus" | "click" | "contextmenu" | import("element-plus").TooltipTriggerType[]) | (() => import("element-plus/es/utils").Arrayable<import("element-plus").TooltipTriggerType>))[], unknown, unknown>;

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

@@ -4,8 +4,11 @@ import type { DropdownItem } from './types';
  * 属性
  */
 export declare const dropdownProps: {
+    /** 下拉菜单数据 */
     items: PropType<DropdownItem[]>;
+    /** 选中的菜单 */
     modelValue: PropType<import("element-plus/es/utils").EpPropMergeType<readonly [ObjectConstructor, StringConstructor, NumberConstructor], unknown, unknown> | undefined>;
+    /** 自定义下拉菜单样式 */
     menuStyle: PropType<Partial<import("vue").CSSProperties>>;
     trigger: import("element-plus/es/utils").EpPropFinalized<(new (...args: any[]) => "hover" | "focus" | "click" | "contextmenu" | import("element-plus").TooltipTriggerType[]) | (() => import("element-plus/es/utils").Arrayable<import("element-plus").TooltipTriggerType>) | ((new (...args: any[]) => "hover" | "focus" | "click" | "contextmenu" | import("element-plus").TooltipTriggerType[]) | (() => import("element-plus/es/utils").Arrayable<import("element-plus").TooltipTriggerType>))[], unknown, unknown, "hover", boolean>;
     effect: {
@@ -48,9 +51,14 @@ export type DropdownProps = ExtractPropTypes<typeof dropdownProps>;
  * 事件
  */
 export declare const dropdownEmits: {
+    /** SplitButton 点击事件 */
     click: () => boolean;
+    /** 菜单项点击事件 */
     command: (_command: DropdownItem['command']) => boolean;
+    /** 下拉框出现/隐藏事件 */
     visibleChange: (_visible: boolean) => boolean;
+    /** 更新选中值 */
     'update:modelValue': (_value: DropdownItem['command']) => boolean;
+    /** 选中改变的事件 */
     change: (_active: DropdownItem['command']) => boolean;
 };

package/es/ele-dropdown/props.js

@@ -1,23 +1,23 @@
 import { dropdownProps as dropdownProps$1 } from "element-plus";
 const dropdownProps = {
   ...dropdownProps$1,
-  // 下拉菜单数据
+  /** 下拉菜单数据 */
   items: Array,
-  // 选中的菜单
+  /** 选中的菜单 */
   modelValue: String,
-  // 自定义下拉菜单样式
+  /** 自定义下拉菜单样式 */
   menuStyle: Object
 };
 const dropdownEmits = {
-  // SplitButton 点击事件
+  /** SplitButton 点击事件 */
   click: () => true,
-  // 菜单项点击事件
+  /** 菜单项点击事件 */
   command: (_command) => true,
-  // 下拉框出现/隐藏事件
+  /** 下拉框出现/隐藏事件 */
   visibleChange: (_visible) => true,
-  // 更新选中值
+  /** 更新选中值 */
   "update:modelValue": (_value) => true,
-  // 选中改变的事件
+  /** 选中改变的事件 */
   change: (_active) => true
 };
 export {

package/es/ele-dropdown/style/css-var.scss

@@ -1,5 +1,6 @@
 @use '../../style/util.scss' as *;
 
+/* 下拉菜单主题变量 */
 @mixin set-dropdown-var($var) {
   .ele-dropdown {
     @include set-ele-var('dropdown', $var);

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

@@ -10,6 +10,10 @@
   line-height: inherit;
 }
 
+.ele-dropdown-text > .el-tooltip__trigger {
+  outline: none;
+}
+
 .ele-dropdown {
   & > .el-scrollbar {
     background: inherit;

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

@@ -1,9 +1,6 @@
 import type { ElInputInstance } from '../ele-app/types';
 declare const _default: import("vue").DefineComponent<{
-    modelValue: {
-        type: import("vue").PropType<string[]>;
-        required: boolean;
-    };
+    modelValue: import("vue").PropType<string[]>;
     type: import("vue").PropType<import("element-plus/es/utils").EpPropMergeType<StringConstructor, "" | "success" | "warning" | "info" | "danger", unknown> | undefined>;
     hit: BooleanConstructor;
     color: StringConstructor;
@@ -12,27 +9,27 @@ declare const _default: import("vue").DefineComponent<{
     round: BooleanConstructor;
     placeholder: StringConstructor;
     inputStyle: import("vue").PropType<Partial<import("vue").CSSProperties>>;
-    buttonStyle: import("vue").PropType<Partial<import("vue").CSSProperties>>;
+    buttonStyle: import("vue").PropType<Partial<import("vue").CSSProperties>>; /** 输入框 */
     validator: import("vue").PropType<import("./types").Validator>;
-    beforeRemove: import("vue").PropType<import("./types").BeforeRemove>;
-    tooltipProps: import("vue").PropType<import("../ele-avatar-group/types").EleTooltipProps>;
+    /** 输入框是否显示 */
+    beforeRemove: import("vue").PropType<import("./types").BeforeRemove>; /** 输入框的值 */
+    tooltipProps: import("vue").PropType<Partial<import("../ele-tooltip/props").TooltipProps>>; /** 提示信息 */
 }, {
     inputRef: import("vue").Ref<ElInputInstance>;
     isEdit: import("vue").Ref<boolean>;
     inputValue: import("vue").Ref<string>;
     errorMessage: import("vue").Ref<string>;
     loading: import("vue").Ref<boolean>;
+    tooltipVisible: import("vue").Ref<boolean>;
     onAddClick: () => void;
-    onBlur: () => void;
-    onEdit: () => void;
-    onClose: (index: number) => void;
+    onTagClose: (index: number) => void;
+    onInputChange: () => void;
+    onInputBlur: () => void;
+    onInputFocus: () => void;
 }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     'update:modelValue': (_value?: string[] | undefined) => boolean;
 }, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
-    modelValue: {
-        type: import("vue").PropType<string[]>;
-        required: boolean;
-    };
+    modelValue: import("vue").PropType<string[]>;
     type: import("vue").PropType<import("element-plus/es/utils").EpPropMergeType<StringConstructor, "" | "success" | "warning" | "info" | "danger", unknown> | undefined>;
     hit: BooleanConstructor;
     color: StringConstructor;
@@ -41,10 +38,11 @@ declare const _default: import("vue").DefineComponent<{
     round: BooleanConstructor;
     placeholder: StringConstructor;
     inputStyle: import("vue").PropType<Partial<import("vue").CSSProperties>>;
-    buttonStyle: import("vue").PropType<Partial<import("vue").CSSProperties>>;
+    buttonStyle: import("vue").PropType<Partial<import("vue").CSSProperties>>; /** 输入框 */
     validator: import("vue").PropType<import("./types").Validator>;
-    beforeRemove: import("vue").PropType<import("./types").BeforeRemove>;
-    tooltipProps: import("vue").PropType<import("../ele-avatar-group/types").EleTooltipProps>;
+    /** 输入框是否显示 */
+    beforeRemove: import("vue").PropType<import("./types").BeforeRemove>; /** 输入框的值 */
+    tooltipProps: import("vue").PropType<Partial<import("../ele-tooltip/props").TooltipProps>>; /** 提示信息 */
 }>> & {
     "onUpdate:modelValue"?: ((_value?: string[] | undefined) => any) | undefined;
 }, {

package/es/ele-edit-tag/index.js

@@ -1,4 +1,4 @@
-import { defineComponent, ref, onDeactivated, nextTick, resolveComponent, openBlock, createElementBlock, normalizeClass, Fragment, renderList, createBlock, withCtx, createTextVNode, toDisplayString, mergeProps, createVNode, normalizeStyle, createCommentVNode, renderSlot } from "vue";
+import { defineComponent, ref, onDeactivated, onActivated, nextTick, resolveComponent, openBlock, createElementBlock, normalizeClass, Fragment, renderList, createBlock, withCtx, createTextVNode, toDisplayString, createCommentVNode, withDirectives, createVNode, normalizeStyle, renderSlot, vShow, mergeProps } from "vue";
 import { Plus, Loading } from "@element-plus/icons-vue";
 import { ElTag, ElInput, ElIcon } from "element-plus";
 import EleTooltip from "../ele-tooltip/index";
@@ -23,23 +23,16 @@ const _sfc_main = defineComponent({
     const inputValue = ref("");
     const errorMessage = ref("");
     const loading = ref(false);
-    const focusInput = () => {
-      inputRef.value && inputRef.value.focus();
-    };
-    const onAddClick = () => {
-      errorMessage.value = "";
-      isEdit.value = true;
-      nextTick(() => {
-        focusInput();
-      });
-    };
+    const tooltipVisible = ref(false);
+    const isDeactivated = ref(false);
     const addTag = (value) => {
+      tooltipVisible.value = false;
       isEdit.value = false;
       inputValue.value = "";
       errorMessage.value = "";
       loading.value = false;
-      if (value && props.modelValue) {
-        const temp = [...props.modelValue];
+      if (value) {
+        const temp = props.modelValue ? [...props.modelValue] : [];
         temp.push(value);
         emit("update:modelValue", temp);
       }
@@ -52,13 +45,36 @@ const _sfc_main = defineComponent({
       temp.splice(index2, 1);
       emit("update:modelValue", temp);
     };
-    const onBlur = () => {
-      if (!inputValue.value) {
-        isEdit.value = false;
-        errorMessage.value = "";
+    const focusInput = () => {
+      setTimeout(() => {
+        inputRef.value && inputRef.value.focus();
+      }, 0);
+    };
+    const onAddClick = () => {
+      tooltipVisible.value = false;
+      errorMessage.value = "";
+      isEdit.value = true;
+      nextTick(() => {
+        focusInput();
+      });
+    };
+    const onTagClose = (index2) => {
+      if (!authenticated.value) {
+        return;
+      }
+      if (typeof props.beforeRemove !== "function") {
+        removeTag(index2);
+        return;
       }
+      props.beforeRemove(
+        index2,
+        props.modelValue ? props.modelValue[index2] : void 0
+      ).then(() => {
+        removeTag(index2);
+      }).catch(() => {
+      });
     };
-    const onEdit = () => {
+    const onInputChange = () => {
       if (!inputValue.value) {
         return;
       }
@@ -71,32 +87,35 @@ const _sfc_main = defineComponent({
         addTag(inputValue.value);
       }).catch((e) => {
         loading.value = false;
-        errorMessage.value = (e == null ? void 0 : e.message) ?? "";
+        if (e && e.message != null && e.message !== "") {
+          errorMessage.value = e.message;
+          if (isEdit.value && !isDeactivated.value) {
+            tooltipVisible.value = true;
+          }
+        }
         nextTick(() => {
-          setTimeout(() => {
-            focusInput();
-          }, 0);
+          focusInput();
         });
       });
     };
-    const onClose = (index2) => {
-      if (!authenticated.value) {
-        return;
+    const onInputBlur = () => {
+      tooltipVisible.value = false;
+      if (!inputValue.value) {
+        isEdit.value = false;
+        errorMessage.value = "";
       }
-      if (typeof props.beforeRemove !== "function") {
-        removeTag(index2);
-        return;
+    };
+    const onInputFocus = () => {
+      if (errorMessage.value && !tooltipVisible.value && isEdit.value && !isDeactivated.value) {
+        tooltipVisible.value = true;
       }
-      props.beforeRemove(
-        index2,
-        props.modelValue ? props.modelValue[index2] : void 0
-      ).then(() => {
-        removeTag(index2);
-      }).catch(() => {
-      });
     };
     onDeactivated(() => {
-      errorMessage.value = "";
+      isDeactivated.value = true;
+      tooltipVisible.value = false;
+    });
+    onActivated(() => {
+      isDeactivated.value = false;
     });
     return {
       inputRef,
@@ -104,10 +123,12 @@ const _sfc_main = defineComponent({
       inputValue,
       errorMessage,
       loading,
+      tooltipVisible,
       onAddClick,
-      onBlur,
-      onEdit,
-      onClose
+      onTagClose,
+      onInputChange,
+      onInputBlur,
+      onInputFocus
     };
   }
 });
@@ -121,11 +142,11 @@ const _export_sfc = (sfc, props) => {
 const _hoisted_1 = { key: 0 };
 function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_ElTag = resolveComponent("ElTag");
-  const _component_Loading = resolveComponent("Loading");
+  const _component_Plus = resolveComponent("Plus");
   const _component_ElIcon = resolveComponent("ElIcon");
+  const _component_Loading = resolveComponent("Loading");
   const _component_ElInput = resolveComponent("ElInput");
   const _component_EleTooltip = resolveComponent("EleTooltip");
-  const _component_Plus = resolveComponent("Plus");
   return openBlock(), createElementBlock("div", {
     class: normalizeClass([
       "ele-edit-tag",
@@ -133,7 +154,7 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
       { "is-small": _ctx.size === "small" }
     ])
   }, [
-    (openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.modelValue, (item, index2) => {
+    _ctx.modelValue ? (openBlock(true), createElementBlock(Fragment, { key: 0 }, renderList(_ctx.modelValue, (item, index2) => {
       return openBlock(), createBlock(_component_ElTag, {
         key: index2 + "-" + item,
         type: _ctx.type,
@@ -144,46 +165,15 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
         round: _ctx.round,
         closable: true,
         disableTransitions: true,
-        onClose: ($event) => _ctx.onClose(index2)
+        onClose: ($event) => _ctx.onTagClose(index2)
       }, {
         default: withCtx(() => [
           createTextVNode(toDisplayString(item), 1)
         ]),
         _: 2
       }, 1032, ["type", "hit", "color", "size", "effect", "round", "onClose"]);
-    }), 128)),
-    _ctx.isEdit ? (openBlock(), createBlock(_component_EleTooltip, mergeProps({ key: 0 }, _ctx.tooltipProps, {
-      content: _ctx.errorMessage,
-      visible: _ctx.isEdit && !!_ctx.errorMessage
-    }), {
-      default: withCtx(() => [
-        createVNode(_component_ElInput, {
-          ref: "inputRef",
-          disabled: _ctx.loading,
-          modelValue: _ctx.inputValue,
-          "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => _ctx.inputValue = $event),
-          style: normalizeStyle(_ctx.inputStyle),
-          class: "ele-edit-tag-input",
-          onChange: _ctx.onEdit,
-          onBlur: _ctx.onBlur
-        }, {
-          suffix: withCtx(() => [
-            _ctx.loading ? (openBlock(), createBlock(_component_ElIcon, {
-              key: 0,
-              class: "is-loading"
-            }, {
-              default: withCtx(() => [
-                createVNode(_component_Loading)
-              ]),
-              _: 1
-            })) : createCommentVNode("", true)
-          ]),
-          _: 1
-        }, 8, ["disabled", "modelValue", "style", "onChange", "onBlur"])
-      ]),
-      _: 1
-    }, 16, ["content", "visible"])) : (openBlock(), createBlock(_component_ElTag, {
-      key: 1,
+    }), 128)) : createCommentVNode("", true),
+    withDirectives(createVNode(_component_ElTag, {
       type: "info",
       hit: _ctx.hit,
       size: _ctx.size,
@@ -207,7 +197,46 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
         ])
       ]),
       _: 3
-    }, 8, ["hit", "size", "round", "style", "onClick"]))
+    }, 8, ["hit", "size", "round", "style", "onClick"]), [
+      [vShow, !_ctx.isEdit]
+    ]),
+    withDirectives(createVNode(_component_ElInput, {
+      ref: "inputRef",
+      disabled: _ctx.loading,
+      modelValue: _ctx.inputValue,
+      "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => _ctx.inputValue = $event),
+      style: normalizeStyle(_ctx.inputStyle),
+      class: normalizeClass(["ele-edit-tag-input", { "is-error": !!_ctx.errorMessage }]),
+      onChange: _ctx.onInputChange,
+      onBlur: _ctx.onInputBlur,
+      onFocus: _ctx.onInputFocus
+    }, {
+      suffix: withCtx(() => [
+        _ctx.loading ? (openBlock(), createBlock(_component_ElIcon, {
+          key: 0,
+          class: "is-loading"
+        }, {
+          default: withCtx(() => [
+            createVNode(_component_Loading)
+          ]),
+          _: 1
+        })) : createCommentVNode("", true)
+      ]),
+      _: 1
+    }, 8, ["disabled", "modelValue", "style", "class", "onChange", "onBlur", "onFocus"]), [
+      [vShow, _ctx.isEdit]
+    ]),
+    createVNode(_component_EleTooltip, mergeProps({
+      offset: 7,
+      hideAfter: 0,
+      trigger: "click",
+      disabled: !_ctx.tooltipVisible
+    }, _ctx.tooltipProps, {
+      virtualTriggering: true,
+      virtualRef: _ctx.inputRef ? _ctx.inputRef.$el : void 0,
+      content: _ctx.errorMessage,
+      visible: _ctx.tooltipVisible
+    }), null, 16, ["disabled", "virtualRef", "content", "visible"])
   ], 2);
 }
 const index = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render]]);

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

@@ -1,31 +1,41 @@
 import type { PropType, ExtractPropTypes } from 'vue';
-import type { EleTooltipProps } from '../ele-avatar-group/types';
 import { Validator, BeforeRemove } from './types';
 /**
  * 属性
  */
 export declare const editTagProps: {
-    modelValue: {
-        type: PropType<string[]>;
-        required: boolean;
-    };
+    /** 标签数据 */
+    modelValue: PropType<string[]>;
+    /** 类型 */
     type: PropType<import("element-plus/es/utils").EpPropMergeType<StringConstructor, "" | "success" | "warning" | "info" | "danger", unknown> | undefined>;
+    /** 是否有边框描边 */
     hit: BooleanConstructor;
+    /** 颜色 */
     color: StringConstructor;
+    /** 尺寸 */
     size: PropType<import("element-plus/es/utils").EpPropMergeType<StringConstructor, "" | "default" | "small" | "large", unknown> | undefined>;
+    /** 主题 */
     effect: PropType<import("element-plus/es/utils").EpPropMergeType<StringConstructor, "light" | "plain" | "dark", unknown> | undefined>;
+    /** 是否为圆形 */
     round: BooleanConstructor;
+    /** 提示文本 */
     placeholder: StringConstructor;
+    /** 输入框样式 */
     inputStyle: PropType<Partial<import("vue").CSSProperties>>;
+    /** 添加按钮样式 */
     buttonStyle: PropType<Partial<import("vue").CSSProperties>>;
+    /** 添加校验方法 */
     validator: PropType<Validator>;
+    /** 移除校验方法 */
     beforeRemove: PropType<BeforeRemove>;
-    tooltipProps: PropType<EleTooltipProps>;
+    /** 提示属性 */
+    tooltipProps: PropType<Partial<import("../ele-tooltip/props").TooltipProps>>;
 };
 export type EditTagProps = ExtractPropTypes<typeof editTagProps>;
 /**
  * 事件
  */
 export declare const editTagEmits: {
+    /** 更新数据 */
     'update:modelValue': (_value?: string[]) => boolean;
 };

package/es/ele-edit-tag/props.js

@@ -1,36 +1,33 @@
 const editTagProps = {
-  // 标签数据
-  modelValue: {
-    type: Array,
-    required: true
-  },
-  // 类型
+  /** 标签数据 */
+  modelValue: Array,
+  /** 类型 */
   type: String,
-  // 是否有边框描边
+  /** 是否有边框描边 */
   hit: Boolean,
-  // 颜色
+  /** 颜色 */
   color: String,
-  // 尺寸
+  /** 尺寸 */
   size: String,
-  // 主题
+  /** 主题 */
   effect: String,
-  // 是否为圆形
+  /** 是否为圆形 */
   round: Boolean,
-  // 提示文本
+  /** 提示文本 */
   placeholder: String,
-  // 输入框样式
+  /** 输入框样式 */
   inputStyle: Object,
-  // 添加按钮样式
+  /** 添加按钮样式 */
   buttonStyle: Object,
-  // 添加校验方法
+  /** 添加校验方法 */
   validator: Function,
-  // 移除校验方法
+  /** 移除校验方法 */
   beforeRemove: Function,
-  // 提示属性
+  /** 提示属性 */
   tooltipProps: Object
 };
 const editTagEmits = {
-  // 更新数据
+  /** 更新数据 */
   "update:modelValue": (_value) => true
 };
 export {

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

@@ -2,7 +2,7 @@
 @use '../../style/util.scss' as *;
 
 .ele-edit-tag {
-  // tag
+  /* 标签 */
   .el-tag {
     margin: 0 8px 8px 0;
     vertical-align: top;
@@ -18,7 +18,7 @@
     }
   }
 
-  // 添加按钮
+  /* 添加按钮 */
   .ele-edit-tag-add {
     cursor: text;
     margin-right: 0;
@@ -34,7 +34,7 @@
     cursor: inherit;
   }
 
-  // 输入框
+  /* 输入框 */
   .ele-edit-tag-input {
     width: 80px;
     font-size: 12px;
@@ -46,6 +46,10 @@
       padding-left: 8px;
       padding-right: 8px;
     }
+
+    &.is-error .el-input__wrapper {
+      box-shadow: 0 0 0 0.8px elVar('color-danger') inset;
+    }
   }
 
   &.is-large .ele-edit-tag-input {