ele-admin-plus 1.0.2 → 1.1.0

package/lib/ele-dropdown/index.js

@@ -0,0 +1,143 @@
+"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({
+  name: "EleDropdown",
+  components: { ElDropdown: elementPlus.ElDropdown, ElDropdownMenu: elementPlus.ElDropdownMenu, ElDropdownItem: elementPlus.ElDropdownItem },
+  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",
+        "onCommand",
+        "onClick",
+        "onVisibleChange"
+      ]);
+      if (authenticated.value) {
+        const classes = ["ele-popper", "ele-dropdown"];
+        if (props2.popperClass) {
+          classes.push(props2.popperClass);
+        }
+        options.popperClass = classes.join(" ");
+      }
+      return options;
+    });
+    const selected = vue.computed(() => {
+      if (props2.modelValue == null || props2.modelValue === "" || !props2.items) {
+        return;
+      }
+      return props2.items.find((d) => d.command === props2.modelValue);
+    });
+    const updateModelValue = (value) => {
+      if (authenticated.value && value !== props2.modelValue) {
+        emit("update:modelValue", value);
+        emit("change", value);
+      }
+    };
+    const onMenuClick = (command) => {
+      updateModelValue(command);
+      emit("command", command);
+    };
+    const onBtnClick = () => {
+      emit("click");
+    };
+    const onPopVisibleChange = (visible) => {
+      emit("visibleChange", visible);
+    };
+    const handleOpen = () => {
+      if (dropdownRef.value) {
+        dropdownRef.value.handleOpen();
+      }
+    };
+    const handleClose = () => {
+      if (dropdownRef.value) {
+        dropdownRef.value.handleClose();
+      }
+    };
+    return {
+      omit: core.omit,
+      dropdownRef,
+      rootProps,
+      selected,
+      onMenuClick,
+      onBtnClick,
+      onPopVisibleChange,
+      handleOpen,
+      handleClose
+    };
+  }
+});
+const _export_sfc = (sfc, props2) => {
+  const target = sfc.__vccOpts || sfc;
+  for (const [key, val] of props2) {
+    target[key] = val;
+  }
+  return target;
+};
+const _hoisted_1 = { key: 1 };
+function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
+  const _component_ElIcon = vue.resolveComponent("ElIcon");
+  const _component_ElDropdownItem = vue.resolveComponent("ElDropdownItem");
+  const _component_ElDropdownMenu = vue.resolveComponent("ElDropdownMenu");
+  const _component_ElDropdown = vue.resolveComponent("ElDropdown");
+  return vue.openBlock(), vue.createBlock(_component_ElDropdown, vue.mergeProps(_ctx.rootProps, {
+    ref: "dropdownRef",
+    onClick: _ctx.onBtnClick,
+    onCommand: _ctx.onMenuClick,
+    onVisibleChange: _ctx.onPopVisibleChange
+  }), {
+    dropdown: vue.withCtx(() => [
+      vue.createVNode(_component_ElDropdownMenu, {
+        style: vue.normalizeStyle(_ctx.menuStyle)
+      }, {
+        default: vue.withCtx(() => [
+          _ctx.items ? (vue.openBlock(true), vue.createElementBlock(vue.Fragment, { key: 0 }, vue.renderList(_ctx.items, (item, index2) => {
+            return vue.openBlock(), vue.createBlock(_component_ElDropdownItem, vue.mergeProps({
+              key: typeof item.command === "object" ? index2 : item.command,
+              class: [
+                { "is-active": _ctx.modelValue === item.command },
+                { "is-danger": !!item.danger }
+              ]
+            }, _ctx.omit(item, ["icon"])), {
+              default: vue.withCtx(() => [
+                item.slot && item.slot !== "default" && _ctx.$slots[item.slot] ? vue.renderSlot(_ctx.$slots, item.slot, {
+                  key: 0,
+                  item
+                }) : (vue.openBlock(), vue.createElementBlock(vue.Fragment, { key: 1 }, [
+                  item.icon ? (vue.openBlock(), vue.createBlock(_component_ElIcon, vue.normalizeProps(vue.mergeProps({ key: 0 }, item.iconProps || {})), {
+                    default: vue.withCtx(() => [
+                      (vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent(item.icon), {
+                        style: vue.normalizeStyle(item.iconStyle)
+                      }, null, 8, ["style"]))
+                    ]),
+                    _: 2
+                  }, 1040)) : vue.createCommentVNode("", true),
+                  item.title ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_1, vue.toDisplayString(item.title), 1)) : vue.createCommentVNode("", true)
+                ], 64))
+              ]),
+              _: 2
+            }, 1040, ["class"]);
+          }), 128)) : _ctx.$slots.dropdownMenu ? vue.renderSlot(_ctx.$slots, "dropdownMenu", { key: 1 }) : vue.createCommentVNode("", true)
+        ]),
+        _: 3
+      }, 8, ["style"])
+    ]),
+    default: vue.withCtx(() => [
+      vue.renderSlot(_ctx.$slots, "default", {
+        active: _ctx.modelValue,
+        selected: _ctx.selected
+      })
+    ]),
+    _: 3
+  }, 16, ["onClick", "onCommand", "onVisibleChange"]);
+}
+const index = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render]]);
+module.exports = index;

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

@@ -0,0 +1,57 @@
+import type { PropType, ExtractPropTypes } from 'vue';
+import type { StyleValue } from '../ele-app/types';
+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<StyleValue>;
+    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: {
+        readonly default: "light";
+        readonly type: PropType<string>;
+        readonly required: false;
+        readonly validator: ((val: unknown) => boolean) | undefined;
+        readonly __epPropKey: true;
+    };
+    type: {
+        readonly type: PropType<import("element-plus/es/utils").EpPropMergeType<(new (...args: any[]) => "" | "default" | "success" | "warning" | "info" | "text" | "primary" | "danger") | (() => import("element-plus/es/utils").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").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").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").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").EpPropFinalized<StringConstructor, unknown, unknown, "", boolean>;
+    splitButton: BooleanConstructor;
+    hideOnClick: import("element-plus/es/utils").EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
+    loop: import("element-plus/es/utils").EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
+    showTimeout: import("element-plus/es/utils").EpPropFinalized<NumberConstructor, unknown, unknown, 150, boolean>;
+    hideTimeout: import("element-plus/es/utils").EpPropFinalized<NumberConstructor, unknown, unknown, 150, boolean>;
+    tabindex: import("element-plus/es/utils").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").EpPropFinalized<(new (...args: any[]) => string | number) | (() => string | number) | ((new (...args: any[]) => string | number) | (() => string | number))[], unknown, unknown, "", boolean>;
+    popperClass: import("element-plus/es/utils").EpPropFinalized<StringConstructor, unknown, unknown, "", boolean>;
+    disabled: import("element-plus/es/utils").EpPropFinalized<BooleanConstructor, unknown, unknown, false, boolean>;
+    role: import("element-plus/es/utils").EpPropFinalized<StringConstructor, unknown, unknown, "menu", boolean>;
+    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").EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
+};
+export type DropdownProps = ExtractPropTypes<typeof dropdownProps>;
+/**
+ * 事件
+ */
+export declare const dropdownEmits: {
+    click: () => boolean;
+    command: (_command: DropdownItem['command']) => boolean;
+    visibleChange: (_visible: boolean) => boolean;
+    'update:modelValue': (_value: DropdownItem['command']) => boolean;
+    change: (_active: DropdownItem['command']) => boolean;
+};

package/lib/ele-dropdown/props.js

@@ -0,0 +1,26 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const elementPlus = require("element-plus");
+const dropdownProps = {
+  ...elementPlus.dropdownProps,
+  // 下拉菜单数据
+  items: Array,
+  // 选中的菜单
+  modelValue: String,
+  // 自定义下拉菜单样式
+  menuStyle: Object
+};
+const dropdownEmits = {
+  // SplitButton 点击事件
+  click: () => true,
+  // 菜单项点击事件
+  command: (_command) => true,
+  // 下拉框出现/隐藏事件
+  visibleChange: (_visible) => true,
+  // 更新选中值
+  "update:modelValue": (_value) => true,
+  // 选中改变的事件
+  change: (_active) => true
+};
+exports.dropdownEmits = dropdownEmits;
+exports.dropdownProps = dropdownProps;

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

@@ -0,0 +1,7 @@
+@use '../../style/util.scss' as *;
+
+@mixin set-dropdown-var($var) {
+  .ele-dropdown {
+    @include set-ele-var('dropdown', $var);
+  }
+}

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

@@ -0,0 +1,6 @@
+"use strict";
+require("element-plus/es/components/dropdown/style/index");
+require("element-plus/es/components/dropdown-menu/style/index");
+require("element-plus/es/components/dropdown-item/style/index");
+require("../../ele-popover/style/index");
+require("./index.scss");

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

@@ -0,0 +1,80 @@
+@use '../../style/themes/default.scss' as *;
+@use '../../style/util.scss' as *;
+@use './css-var.scss' as *;
+
+@include set-dropdown-var($ele);
+
+.ele-dropdown {
+  & > .el-scrollbar {
+    background: inherit;
+    border-radius: inherit;
+  }
+
+  .el-dropdown-menu {
+    background: none;
+    border-radius: 0;
+    padding: eleVar('dropdown', 'padding');
+    box-sizing: border-box;
+  }
+
+  .el-dropdown-menu__item {
+    height: eleVar('dropdown', 'item-height');
+    line-height: eleVar('dropdown', 'item-height');
+    color: eleVar('dropdown', 'item-color');
+    font-size: eleVar('dropdown', 'item-font-size');
+    padding: eleVar('dropdown', 'item-padding');
+    border-radius: eleVar('dropdown', 'item-radius');
+    transition: color $ele-transition, background-color $ele-transition;
+
+    & + .el-dropdown-menu__item {
+      margin-top: eleVar('dropdown', 'item-margin');
+    }
+
+    & > .el-icon {
+      font-size: eleVar('dropdown', 'icon-size');
+      margin: eleVar('dropdown', 'icon-margin');
+    }
+
+    &:not(.is-disabled):hover,
+    &:not(.is-disabled):focus {
+      color: eleVar('dropdown', 'item-hover-color');
+      background: eleVar('dropdown', 'item-hover-bg');
+    }
+
+    &:not(.is-disabled).is-active {
+      color: eleVar('dropdown', 'item-active-color');
+      background: eleVar('dropdown', 'item-active-bg');
+      font-weight: eleVar('dropdown', 'item-active-font-weight');
+    }
+
+    &:not(.is-disabled).is-danger {
+      color: eleVar('dropdown', 'item-danger-color');
+
+      &.is-active {
+        background: eleVar('dropdown', 'item-danger-bg');
+      }
+    }
+  }
+
+  .el-dropdown-menu--small {
+    padding: eleVar('dropdown', 'sm-padding');
+
+    .el-dropdown-menu__item {
+      height: eleVar('dropdown', 'sm-item-height');
+      line-height: eleVar('dropdown', 'sm-item-height');
+      font-size: eleVar('dropdown', 'sm-item-font-size');
+      padding: eleVar('dropdown', 'sm-item-padding');
+    }
+  }
+
+  .el-dropdown-menu--large {
+    padding: eleVar('dropdown', 'lg-padding');
+
+    .el-dropdown-menu__item {
+      height: eleVar('dropdown', 'lg-item-height');
+      line-height: eleVar('dropdown', 'lg-item-height');
+      font-size: eleVar('dropdown', 'lg-item-font-size');
+      padding: eleVar('dropdown', 'lg-item-padding');
+    }
+  }
+}

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

@@ -0,0 +1,18 @@
+import type { StyleValue, ElIconProps, ElDropdownItemProps } from '../../ele-app/types';
+/**
+ * 下拉菜单数据
+ */
+export interface DropdownItem extends ElDropdownItemProps {
+    /** 循环的 key */
+    key?: string | number | symbol;
+    /** 标题 */
+    title?: string;
+    /** 图标属性 */
+    iconProps?: ElIconProps;
+    /** 图标样式 */
+    iconStyle?: StyleValue;
+    /** 插槽名称 */
+    slot?: Exclude<string, 'default'>;
+    /** 是否为危险样式 */
+    danger?: boolean;
+}

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

@@ -1,21 +1,21 @@
 import type { ElInputInstance } from '../ele-app/types';
-declare const _sfc_main: import("vue").DefineComponent<{
+declare const _default: import("vue").DefineComponent<{
     modelValue: {
         type: import("vue").PropType<string[]>;
         required: boolean;
     };
-    type: import("vue").PropType<import("element-plus/es/utils").EpPropMergeType<StringConstructor, "" | "success" | "warning" | "info" | "danger", unknown>>;
+    type: import("vue").PropType<import("element-plus/es/utils").EpPropMergeType<StringConstructor, "" | "success" | "warning" | "info" | "danger", unknown> | undefined>;
     hit: BooleanConstructor;
     color: StringConstructor;
-    size: import("vue").PropType<import("element-plus/es/utils").EpPropMergeType<StringConstructor, "" | "default" | "small" | "large", unknown>>;
-    effect: import("vue").PropType<import("element-plus/es/utils").EpPropMergeType<StringConstructor, "light" | "dark" | "plain", unknown>>;
+    size: import("vue").PropType<import("element-plus/es/utils").EpPropMergeType<StringConstructor, "" | "default" | "small" | "large", unknown> | undefined>;
+    effect: import("vue").PropType<import("element-plus/es/utils").EpPropMergeType<StringConstructor, "light" | "plain" | "dark", unknown> | undefined>;
     round: BooleanConstructor;
     placeholder: StringConstructor;
-    inputStyle: import("vue").PropType<import("vue").CSSProperties>;
-    buttonStyle: import("vue").PropType<import("vue").CSSProperties>;
+    inputStyle: import("vue").PropType<import("../ele-app/types").StyleValue>;
+    buttonStyle: import("vue").PropType<import("../ele-app/types").StyleValue>;
     validator: import("vue").PropType<import("./types").Validator>;
     beforeRemove: import("vue").PropType<import("./types").BeforeRemove>;
-    tooltipProps: import("vue").PropType<Partial<import("element-plus").ElTooltipProps>>;
+    tooltipProps: import("vue").PropType<import("../ele-avatar-group/types").EleTooltipProps>;
 }, {
     inputRef: import("vue").Ref<ElInputInstance>;
     isEdit: import("vue").Ref<boolean>;
@@ -33,22 +33,22 @@ declare const _sfc_main: import("vue").DefineComponent<{
         type: import("vue").PropType<string[]>;
         required: boolean;
     };
-    type: import("vue").PropType<import("element-plus/es/utils").EpPropMergeType<StringConstructor, "" | "success" | "warning" | "info" | "danger", unknown>>;
+    type: import("vue").PropType<import("element-plus/es/utils").EpPropMergeType<StringConstructor, "" | "success" | "warning" | "info" | "danger", unknown> | undefined>;
     hit: BooleanConstructor;
     color: StringConstructor;
-    size: import("vue").PropType<import("element-plus/es/utils").EpPropMergeType<StringConstructor, "" | "default" | "small" | "large", unknown>>;
-    effect: import("vue").PropType<import("element-plus/es/utils").EpPropMergeType<StringConstructor, "light" | "dark" | "plain", unknown>>;
+    size: import("vue").PropType<import("element-plus/es/utils").EpPropMergeType<StringConstructor, "" | "default" | "small" | "large", unknown> | undefined>;
+    effect: import("vue").PropType<import("element-plus/es/utils").EpPropMergeType<StringConstructor, "light" | "plain" | "dark", unknown> | undefined>;
     round: BooleanConstructor;
     placeholder: StringConstructor;
-    inputStyle: import("vue").PropType<import("vue").CSSProperties>;
-    buttonStyle: import("vue").PropType<import("vue").CSSProperties>;
+    inputStyle: import("vue").PropType<import("../ele-app/types").StyleValue>;
+    buttonStyle: import("vue").PropType<import("../ele-app/types").StyleValue>;
     validator: import("vue").PropType<import("./types").Validator>;
     beforeRemove: import("vue").PropType<import("./types").BeforeRemove>;
-    tooltipProps: import("vue").PropType<Partial<import("element-plus").ElTooltipProps>>;
+    tooltipProps: import("vue").PropType<import("../ele-avatar-group/types").EleTooltipProps>;
 }>> & {
     "onUpdate:modelValue"?: ((_value?: string[] | undefined) => any) | undefined;
 }, {
-    hit: boolean;
     round: boolean;
+    hit: boolean;
 }, {}>;
-export default _sfc_main;
+export default _default;

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

@@ -1,18 +1,19 @@
 "use strict";
 const vue = require("vue");
-const elementPlus = require("element-plus");
 const iconsVue = require("@element-plus/icons-vue");
+const elementPlus = require("element-plus");
+const EleTooltip = require("../ele-tooltip/index");
 const receiver = require("../ele-config-provider/receiver");
 const props = require("./props");
 const _sfc_main = vue.defineComponent({
   name: "EleEditTag",
   components: {
+    Plus: iconsVue.Plus,
+    Loading: iconsVue.Loading,
     ElTag: elementPlus.ElTag,
     ElInput: elementPlus.ElInput,
-    ElTooltip: elementPlus.ElTooltip,
     ElIcon: elementPlus.ElIcon,
-    Plus: iconsVue.Plus,
-    Loading: iconsVue.Loading
+    EleTooltip
   },
   props: props.editTagProps,
   emits: props.editTagEmits,
@@ -124,7 +125,7 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_Loading = vue.resolveComponent("Loading");
   const _component_ElIcon = vue.resolveComponent("ElIcon");
   const _component_ElInput = vue.resolveComponent("ElInput");
-  const _component_ElTooltip = vue.resolveComponent("ElTooltip");
+  const _component_EleTooltip = vue.resolveComponent("EleTooltip");
   const _component_Plus = vue.resolveComponent("Plus");
   return vue.openBlock(), vue.createElementBlock("div", {
     class: vue.normalizeClass([
@@ -152,7 +153,7 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
         _: 2
       }, 1032, ["type", "hit", "color", "size", "effect", "round", "onClose"]);
     }), 128)),
-    _ctx.isEdit ? (vue.openBlock(), vue.createBlock(_component_ElTooltip, vue.mergeProps({ key: 0 }, _ctx.tooltipProps, {
+    _ctx.isEdit ? (vue.openBlock(), vue.createBlock(_component_EleTooltip, vue.mergeProps({ key: 0 }, _ctx.tooltipProps, {
       content: _ctx.errorMessage,
       visible: _ctx.isEdit && !!_ctx.errorMessage
     }), {

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

@@ -1,5 +1,6 @@
-import type { PropType, CSSProperties, ExtractPropTypes } from 'vue';
-import type { ElTooltipProps } from 'element-plus';
+import type { PropType, ExtractPropTypes } from 'vue';
+import type { StyleValue } from '../ele-app/types';
+import type { EleTooltipProps } from '../ele-avatar-group/types';
 import { Validator, BeforeRemove } from './types';
 /**
  * 属性
@@ -9,18 +10,18 @@ export declare const editTagProps: {
         type: PropType<string[]>;
         required: boolean;
     };
-    type: PropType<import("element-plus/es/utils").EpPropMergeType<StringConstructor, "" | "success" | "warning" | "info" | "danger", unknown>>;
+    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>>;
-    effect: PropType<import("element-plus/es/utils").EpPropMergeType<StringConstructor, "light" | "dark" | "plain", unknown>>;
+    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<CSSProperties>;
-    buttonStyle: PropType<CSSProperties>;
+    inputStyle: PropType<StyleValue>;
+    buttonStyle: PropType<StyleValue>;
     validator: PropType<Validator>;
     beforeRemove: PropType<BeforeRemove>;
-    tooltipProps: PropType<Partial<ElTooltipProps>>;
+    tooltipProps: PropType<EleTooltipProps>;
 };
 export type EditTagProps = ExtractPropTypes<typeof editTagProps>;
 /**

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

@@ -1,6 +1,6 @@
 "use strict";
 require("element-plus/es/components/tag/style/index");
 require("element-plus/es/components/input/style/index");
-require("element-plus/es/components/tooltip/style/index");
 require("element-plus/es/components/icon/style/index");
+require("../../ele-tooltip/style/index");
 require("./index.scss");

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

@@ -1,10 +1,21 @@
 @use '../../style/themes/default.scss' as *;
+@use '../../style/util.scss' as *;
 
 .ele-edit-tag {
   // tag
   .el-tag {
     margin: 0 8px 8px 0;
     vertical-align: top;
+    #{elVarName('tag', 'border-radius')}: elVar('border-radius', 'small');
+
+    &.el-tag--light.el-tag--info {
+      #{elVarName('tag', 'text-color')}: elVar('text-color', 'regular');
+      border-color: elVar('border-color');
+
+      .el-tag__close {
+        #{elVarName('tag', 'text-color')}: elVar('text-color', 'secondary');
+      }
+    }
   }
 
   // 添加按钮

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

@@ -1,8 +1,10 @@
-import type { ElTooltipProps } from 'element-plus';
+import type { StyleValue } from '../ele-app/types';
+import type { EleTooltipProps } from '../ele-avatar-group/types';
 import type { TextProps } from '../ele-text/props';
 import type { EllipsisTooltip } from './types';
-declare const _sfc_main: import("vue").DefineComponent<{
+declare const _default: import("vue").DefineComponent<{
     maxLine: NumberConstructor;
+    lineHeight: (StringConstructor | NumberConstructor)[];
     tooltip: {
         type: import("vue").PropType<boolean | EllipsisTooltip>;
         default: () => {
@@ -20,17 +22,19 @@ declare const _sfc_main: import("vue").DefineComponent<{
     strong: BooleanConstructor;
     italic: BooleanConstructor;
     icon: import("vue").PropType<import("../ele-text/types").TextIcon>;
-    iconProps: import("vue").PropType<Partial<import("element-plus").IconProps>>;
-    iconStyle: import("vue").PropType<import("vue").CSSProperties>;
+    iconProps: import("vue").PropType<import("../ele-app/types").ElIconProps>;
+    iconStyle: import("vue").PropType<StyleValue>;
 }, {
     textRef: import("vue").Ref<HTMLElement | null>;
     virtualRef: import("vue").Ref<HTMLElement | undefined>;
-    tooltipProps: import("vue").ComputedRef<Partial<ElTooltipProps>>;
+    tooltipProps: import("vue").ComputedRef<EleTooltipProps>;
     multiLine: import("vue").ComputedRef<boolean>;
     textProps: import("vue").ComputedRef<Partial<TextProps>>;
+    rootStyle: import("vue").ComputedRef<StyleValue>;
     onHover: (e: MouseEvent) => void;
 }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     maxLine: NumberConstructor;
+    lineHeight: (StringConstructor | NumberConstructor)[];
     tooltip: {
         type: import("vue").PropType<boolean | EllipsisTooltip>;
         default: () => {
@@ -48,14 +52,14 @@ declare const _sfc_main: import("vue").DefineComponent<{
     strong: BooleanConstructor;
     italic: BooleanConstructor;
     icon: import("vue").PropType<import("../ele-text/types").TextIcon>;
-    iconProps: import("vue").PropType<Partial<import("element-plus").IconProps>>;
-    iconStyle: import("vue").PropType<import("vue").CSSProperties>;
+    iconProps: import("vue").PropType<import("../ele-app/types").ElIconProps>;
+    iconStyle: import("vue").PropType<StyleValue>;
 }>>, {
-    tooltip: boolean | EllipsisTooltip;
     tag: string;
-    deleted: boolean;
-    underline: boolean;
+    tooltip: boolean | EllipsisTooltip;
     strong: boolean;
     italic: boolean;
+    underline: boolean;
+    deleted: boolean;
 }, {}>;
-export default _sfc_main;
+export default _default;

package/lib/ele-ellipsis/index.js

@@ -1,13 +1,13 @@
 "use strict";
 const vue = require("vue");
-const elementPlus = require("element-plus");
+const EleTooltip = require("../ele-tooltip/index");
 const core = require("../utils/core");
 const EleText = require("../ele-text/index");
 const props$1 = require("../ele-text/props");
 const props = require("./props");
 const _sfc_main = vue.defineComponent({
   name: "EleEllipsis",
-  components: { EleText, ElTooltip: elementPlus.ElTooltip },
+  components: { EleText, EleTooltip },
   props: props.ellipsisProps,
   setup(props2) {
     const textRef = vue.ref(null);
@@ -33,6 +33,21 @@ const _sfc_main = vue.defineComponent({
     const textProps = vue.computed(() => {
       return Object.assign({ title: title.value }, core.pick(props2, props$1.textPropKeys));
     });
+    const rootStyle = vue.computed(() => {
+      const style = {};
+      const { lineHeight, maxLine } = props2;
+      if (lineHeight != null) {
+        const h = typeof lineHeight === "number" ? `${lineHeight}px` : lineHeight;
+        style.lineHeight = h;
+        if (multiLine.value) {
+          style.height = `calc(${h} * ${maxLine})`;
+        }
+      }
+      if (multiLine.value) {
+        style["-webkit-line-clamp"] = maxLine;
+      }
+      return style;
+    });
     const onHover = (e) => {
       if (!props2.tooltip) {
         virtualRef.value = void 0;
@@ -65,6 +80,7 @@ const _sfc_main = vue.defineComponent({
       tooltipProps,
       multiLine,
       textProps,
+      rootStyle,
       onHover
     };
   }
@@ -77,19 +93,20 @@ const _export_sfc = (sfc, props2) => {
   return target;
 };
 function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
-  const _component_ElTooltip = vue.resolveComponent("ElTooltip");
+  const _component_EleTooltip = vue.resolveComponent("EleTooltip");
   const _component_EleText = vue.resolveComponent("EleText");
-  return vue.openBlock(), vue.createBlock(_component_EleText, vue.mergeProps({ ref: "textRef" }, _ctx.textProps, {
+  return vue.openBlock(), vue.createBlock(_component_EleText, vue.mergeProps(_ctx.textProps, {
+    ref: "textRef",
+    style: _ctx.rootStyle,
     class: ["ele-ellipsis", { "is-multi-line": _ctx.multiLine }],
-    style: _ctx.multiLine ? { "-webkit-line-clamp": _ctx.maxLine } : void 0,
     onMouseover: _ctx.onHover
   }), {
     default: vue.withCtx(() => [
       vue.renderSlot(_ctx.$slots, "default"),
-      _ctx.virtualRef ? (vue.openBlock(), vue.createBlock(_component_ElTooltip, vue.normalizeProps(vue.mergeProps({ key: 0 }, _ctx.tooltipProps)), null, 16)) : vue.createCommentVNode("", true)
+      _ctx.virtualRef ? (vue.openBlock(), vue.createBlock(_component_EleTooltip, vue.normalizeProps(vue.mergeProps({ key: 0 }, _ctx.tooltipProps)), null, 16)) : vue.createCommentVNode("", true)
     ]),
     _: 3
-  }, 16, ["class", "style", "onMouseover"]);
+  }, 16, ["style", "class", "onMouseover"]);
 }
 const index = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render]]);
 module.exports = index;