ele-admin-plus 1.1.9 → 1.2.0-beta.2

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

@@ -16,6 +16,7 @@ const _sfc_main = defineComponent({
   props: editTagProps,
   emits: editTagEmits,
   setup(props, { emit }) {
+    const inputTagRef = ref(null);
     const inputRef = ref(null);
     const isEdit = ref(false);
     const inputValue = ref("");
@@ -26,7 +27,7 @@ const _sfc_main = defineComponent({
     const addTag = (value) => {
       tooltipVisible.value = false;
       isEdit.value = false;
-      inputValue.value = "";
+      updateInputValue("");
       errorMessage.value = "";
       loading.value = false;
       if (value) {
@@ -43,12 +44,15 @@ const _sfc_main = defineComponent({
       temp.splice(index2, 1);
       emit("update:modelValue", temp);
     };
+    const updateInputValue = (value) => {
+      inputValue.value = value;
+    };
     const focusInput = () => {
       setTimeout(() => {
         inputRef.value && inputRef.value.focus();
       }, 0);
     };
-    const onAddClick = () => {
+    const handleAddClick = () => {
       if (props.disabled) {
         return;
       }
@@ -59,20 +63,18 @@ const _sfc_main = defineComponent({
         focusInput();
       });
     };
-    const onTagClose = (index2) => {
+    const handleTagClose = (index2) => {
       if (typeof props.beforeRemove !== "function") {
         removeTag(index2);
         return;
       }
-      props.beforeRemove(
-        index2,
-        props.modelValue ? props.modelValue[index2] : void 0
-      ).then(() => {
+      const value = props.modelValue ? props.modelValue[index2] : void 0;
+      props.beforeRemove(index2, value).then(() => {
         removeTag(index2);
       }).catch(() => {
       });
     };
-    const onInputChange = () => {
+    const handleInputChange = () => {
       if (!inputValue.value) {
         return;
       }
@@ -96,14 +98,14 @@ const _sfc_main = defineComponent({
         });
       });
     };
-    const onInputBlur = () => {
+    const handleInputBlur = () => {
       tooltipVisible.value = false;
       if (!inputValue.value) {
         isEdit.value = false;
         errorMessage.value = "";
       }
     };
-    const onInputFocus = () => {
+    const handleInputFocus = () => {
       if (errorMessage.value && !tooltipVisible.value && isEdit.value && !isDeactivated.value) {
         tooltipVisible.value = true;
       }
@@ -116,17 +118,19 @@ const _sfc_main = defineComponent({
       isDeactivated.value = false;
     });
     return {
+      inputTagRef,
       inputRef,
       isEdit,
       inputValue,
       errorMessage,
       loading,
       tooltipVisible,
-      onAddClick,
-      onTagClose,
-      onInputChange,
-      onInputBlur,
-      onInputFocus
+      updateInputValue,
+      handleAddClick,
+      handleTagClose,
+      handleInputChange,
+      handleInputBlur,
+      handleInputFocus
     };
   }
 });
@@ -157,6 +161,7 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
     _ctx.modelValue ? (openBlock(true), createElementBlock(Fragment, { key: 0 }, renderList(_ctx.modelValue, (item, index2) => {
       return openBlock(), createBlock(_component_ElTag, {
         key: index2 + "-" + item,
+        hit: _ctx.hit,
         type: _ctx.type,
         color: _ctx.color,
         size: _ctx.size,
@@ -165,23 +170,24 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
         closable: _ctx.readonly || _ctx.disabled ? false : true,
         disableTransitions: true,
         style: normalizeStyle(_ctx.itemStyle),
-        onClose: ($event) => _ctx.onTagClose(index2)
+        onClose: ($event) => _ctx.handleTagClose(index2)
       }, {
         default: withCtx(() => [
           createTextVNode(toDisplayString(item), 1)
         ]),
         _: 2
-      }, 1032, ["type", "color", "size", "effect", "round", "closable", "style", "onClose"]);
+      }, 1032, ["hit", "type", "color", "size", "effect", "round", "closable", "style", "onClose"]);
     }), 128)) : createCommentVNode("", true),
     !_ctx.readonly ? withDirectives((openBlock(), createBlock(_component_ElTag, {
       key: 1,
+      hit: _ctx.hit,
       type: "info",
       size: _ctx.size,
       round: _ctx.round,
       disableTransitions: true,
       class: "ele-edit-tag-add",
       style: normalizeStyle(_ctx.buttonStyle),
-      onClick: _ctx.onAddClick
+      onClick: _ctx.handleAddClick
     }, {
       default: withCtx(() => [
         renderSlot(_ctx.$slots, "placeholder", {}, () => [
@@ -197,11 +203,12 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
         ])
       ]),
       _: 3
-    }, 8, ["size", "round", "style", "onClick"])), [
+    }, 8, ["hit", "size", "round", "style", "onClick"])), [
       [vShow, !_ctx.isEdit]
     ]) : createCommentVNode("", true),
     !_ctx.readonly ? withDirectives((openBlock(), createBlock(_component_ElTag, {
       key: 2,
+      ref: "inputTagRef",
       size: _ctx.size,
       round: _ctx.round,
       disableTransitions: true,
@@ -215,9 +222,9 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
           modelValue: _ctx.inputValue,
           "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => _ctx.inputValue = $event),
           style: normalizeStyle(_ctx.inputStyle),
-          onChange: _ctx.onInputChange,
-          onBlur: _ctx.onInputBlur,
-          onFocus: _ctx.onInputFocus
+          onChange: _ctx.handleInputChange,
+          onBlur: _ctx.handleInputBlur,
+          onFocus: _ctx.handleInputFocus
         }, {
           suffix: withCtx(() => [
             _ctx.loading ? (openBlock(), createBlock(_component_ElIcon, {
@@ -241,10 +248,11 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
       offset: 7,
       hideAfter: 0,
       trigger: "click",
+      triggerKeys: [],
       disabled: !_ctx.tooltipVisible
     }, _ctx.tooltipProps || {}, {
       virtualTriggering: true,
-      virtualRef: _ctx.inputRef ? _ctx.inputRef.$el : void 0,
+      virtualRef: _ctx.inputTagRef ? _ctx.inputTagRef.$el : void 0,
       content: _ctx.errorMessage,
       visible: _ctx.tooltipVisible
     }), null, 16, ["disabled", "virtualRef", "content", "visible"])

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

@@ -9,12 +9,14 @@ export declare const editTagProps: {
     modelValue: PropType<string[]>;
     /** 类型 */
     type: PropType<import('element-plus/es/utils/index').EpPropMergeType<StringConstructor, "success" | "warning" | "info" | "primary" | "danger", unknown> | undefined>;
+    /** 是否有边框描边 */
+    hit: BooleanConstructor;
     /** 颜色 */
     color: StringConstructor;
     /** 尺寸 */
     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" | "dark" | "plain", unknown> | undefined>;
     /** 是否为圆形 */
     round: BooleanConstructor;
     /** 提示文本 */

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

@@ -3,6 +3,8 @@ const editTagProps = {
   modelValue: Array,
   /** 类型 */
   type: String,
+  /** 是否有边框描边 */
+  hit: Boolean,
   /** 颜色 */
   color: String,
   /** 尺寸 */

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

@@ -0,0 +1 @@
+

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

@@ -1,5 +1,5 @@
-import 'element-plus/es/components/tag/style/index';
-import 'element-plus/es/components/input/style/index';
-import 'element-plus/es/components/icon/style/index';
-import '../../ele-tooltip/style/index';
-import './index.scss';
+import "element-plus/es/components/tag/style/index";
+import "element-plus/es/components/input/style/index";
+import "element-plus/es/components/icon/style/index";
+import "../../ele-tooltip/style/index";
+import "./index.scss";

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

@@ -2,9 +2,13 @@
 @use '../../style/util.scss' as *;
 
 /* 标签 */
-.ele-edit-tag .el-tag {
-  margin: 0 8px 8px 0;
-  vertical-align: top;
+.ele-edit-tag {
+  margin-top: 8px;
+
+  .el-tag {
+    margin: 0 8px 8px 0;
+    vertical-align: top;
+  }
 }
 
 /* 添加按钮 */
@@ -46,11 +50,14 @@
 }
 
 /* 输入框 */
+span.el-tag.ele-edit-tag-input {
+  padding: 0;
+}
+
 .ele-edit-tag-input {
   &.el-tag {
     width: 80px;
     margin-right: 0;
-    padding: 0;
     display: inline-block;
     background: none;
     border: none;

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

@@ -54,10 +54,10 @@ declare const _default: import('vue').DefineComponent<{
     iconProps: import('vue').PropType<import('../ele-app/el').ElIconProps>; /** 文本组件 */
     iconStyle: import('vue').PropType<Partial<import('vue').CSSProperties>>;
 }>>, {
-    strong: boolean;
     tag: string;
-    tooltip: boolean | EllipsisTooltip;
     underline: boolean;
+    tooltip: boolean | EllipsisTooltip;
+    strong: boolean;
     italic: boolean;
     deleted: boolean;
 }, {}>;

package/es/ele-ellipsis/style/index.d.ts

@@ -0,0 +1 @@
+

package/es/ele-ellipsis/style/index.js

@@ -1,3 +1,3 @@
-import '../../ele-tooltip/style/index';
-import '../../ele-text/style/index';
-import './index.scss';
+import "../../ele-tooltip/style/index";
+import "../../ele-text/style/index";
+import "./index.scss";

package/es/ele-file-list/components/file-table.d.ts

@@ -86,8 +86,8 @@ declare const _default: import('vue').DefineComponent<{
     /** 右键菜单属性 */
     contextMenuProps: PropType<EleDropdownProps>;
 }>> & {
-    onSortChange?: ((_sort: string) => any) | undefined;
     onItemClick?: ((_item: FileItem) => any) | undefined;
+    onSortChange?: ((_sort: string) => any) | undefined;
     onCheckAllChange?: (() => any) | undefined;
     onItemContextMenu?: ((_option: ItemContextMenuOption) => any) | undefined;
     onItemCheckChange?: ((_item: FileItem) => any) | undefined;

package/es/ele-file-list/index.d.ts

@@ -75,8 +75,8 @@ declare const _default: import('vue').DefineComponent<{
     contextMenuProps: import('vue').PropType<import('../ele-app/plus').EleDropdownProps>;
     locale: import('vue').PropType<Partial<FileListLocale>>;
 }>> & {
-    onSortChange?: ((_sorter: SortValue) => any) | undefined;
     onItemClick?: ((_item: FileItem) => any) | undefined;
+    onSortChange?: ((_sorter: SortValue) => any) | undefined;
     "onUpdate:selections"?: ((_selection?: FileItem[] | undefined) => any) | undefined;
     "onUpdate:current"?: ((_current?: FileItem | null | undefined) => any) | undefined;
     onItemContextMenu?: ((_option: ItemContextMenuOption) => any) | undefined;

package/es/ele-file-list/style/index.d.ts

@@ -0,0 +1 @@
+

package/es/ele-file-list/style/index.js

@@ -1,2 +1,2 @@
-import '../../ele-dropdown/style/index';
-import './index.scss';
+import "../../ele-dropdown/style/index";
+import "./index.scss";

package/es/ele-file-list/style/index.scss

@@ -17,7 +17,7 @@
     border: 1px solid elVar('border-color');
     background: elVar('bg-color');
     box-sizing: border-box;
-    transition: all $ele-transition;
+    transition: all $transition-base;
     position: relative;
     cursor: pointer;
 
@@ -142,7 +142,7 @@
     box-sizing: border-box;
     border: eleVar('file', 'item-border');
     border-radius: eleVar('file', 'item-radius');
-    transition: all $ele-transition;
+    transition: all $transition-base;
     text-align: center;
     position: relative;
     cursor: pointer;
@@ -183,7 +183,7 @@
       word-break: break-all;
       text-overflow: ellipsis;
       box-sizing: border-box;
-      transition: color $ele-transition;
+      transition: color $transition-base;
 
       &:hover {
         color: elVar('color-primary');
@@ -194,7 +194,7 @@
     .ele-file-list-item-checkbox {
       border-radius: 50%;
       background: elVar('bg-color');
-      transition: all $ele-transition;
+      transition: all $transition-base;
       position: absolute;
       top: 6px;
       right: 6px;
@@ -275,7 +275,7 @@
   .ele-file-list-item {
     line-height: eleVar('file', 'td-height');
     border-top: 1px solid elVar('border-color', 'light');
-    transition: all $ele-transition;
+    transition: all $transition-base;
     position: relative;
 
     .ele-file-list-item-body {
@@ -338,7 +338,7 @@
 
     .ele-file-list-item-title {
       padding-left: eleVar('file', 'td-icon-margin');
-      transition: color $ele-transition;
+      transition: color $transition-base;
       box-sizing: border-box;
       text-overflow: ellipsis;
       word-break: break-all;
@@ -392,7 +392,7 @@
 
     .ele-file-list-item-name,
     .ele-file-list-item-cell {
-      transition: color $ele-transition;
+      transition: color $transition-base;
       cursor: pointer;
 
       &:hover {

package/es/ele-file-list-tool/style/index.js

@@ -1 +1 @@
-//
+

package/es/ele-icon-select/components/icon-grid.d.ts

@@ -54,7 +54,7 @@ declare const _default: import('vue').DefineComponent<{
 }>> & {
     onSelect?: ((_icon: string) => any) | undefined;
 }, {
-    tooltip: boolean;
     popperVisible: boolean;
+    tooltip: boolean;
 }, {}>;
 export default _default;

package/es/ele-icon-select/index.d.ts

@@ -8,11 +8,11 @@ declare const _default: import('vue').DefineComponent<{
         required: boolean;
     };
     disabled: BooleanConstructor;
-    size: import('vue').PropType<import('element-plus/es/utils/index').EpPropMergeType<StringConstructor, "" | "small" | "default" | "large", never> | undefined>;
+    size: import('vue').PropType<import('element-plus/es/utils/index').EpPropMergeType<StringConstructor, "" | "default" | "small" | "large", never> | undefined>;
     clearable: BooleanConstructor;
     placeholder: StringConstructor;
     automaticDropdown: BooleanConstructor;
-    filterable: (BooleanConstructor | StringConstructor)[];
+    filterable: import('vue').PropType<boolean | "popper">;
     teleported: {
         type: BooleanConstructor;
         default: boolean;
@@ -21,29 +21,29 @@ declare const _default: import('vue').DefineComponent<{
         type: BooleanConstructor;
         default: boolean;
     };
-    /** 下拉组件 */
     placement: {
         type: import('vue').PropType<import('element-plus/es/utils/index').EpPropMergeType<StringConstructor, import('element-plus').Placement, unknown> | undefined>;
         default: string;
     };
     transition: {
-        type: StringConstructor;
+        type: StringConstructor; /** 选项卡选中 */
         default: string;
     };
     popperOptions: import('vue').PropType<Partial<import('element-plus').Options> | undefined>;
     popperClass: StringConstructor;
     popperWidth: {
         type: (StringConstructor | NumberConstructor)[];
+        /** 搜索框输入值 */
         default: number;
     };
     popperHeight: {
         type: (StringConstructor | NumberConstructor)[];
         default: number;
-    }; /** 是否显示选项卡栏 */
+    };
     selectStyle: import('vue').PropType<Partial<import('vue').CSSProperties>>;
     inputStyle: import('vue').PropType<Partial<import('vue').CSSProperties>>;
     hideOnSingleTab: BooleanConstructor;
-    emptyProps: import('vue').PropType<import('../ele-app/el').ElEmptyProps>;
+    emptyProps: import('vue').PropType<import('../ele-app/el').ElEmptyProps>; /** 下拉框类名 */
     tooltip: {
         type: BooleanConstructor;
         default: boolean;
@@ -61,7 +61,7 @@ declare const _default: import('vue').DefineComponent<{
         default: string;
     };
     responsive: {
-        type: BooleanConstructor;
+        type: BooleanConstructor; /** 更新气泡位置 */
         default: null;
     };
 }, {
@@ -100,11 +100,11 @@ declare const _default: import('vue').DefineComponent<{
         required: boolean;
     };
     disabled: BooleanConstructor;
-    size: import('vue').PropType<import('element-plus/es/utils/index').EpPropMergeType<StringConstructor, "" | "small" | "default" | "large", never> | undefined>;
+    size: import('vue').PropType<import('element-plus/es/utils/index').EpPropMergeType<StringConstructor, "" | "default" | "small" | "large", never> | undefined>;
     clearable: BooleanConstructor;
     placeholder: StringConstructor;
     automaticDropdown: BooleanConstructor;
-    filterable: (BooleanConstructor | StringConstructor)[];
+    filterable: import('vue').PropType<boolean | "popper">;
     teleported: {
         type: BooleanConstructor;
         default: boolean;
@@ -113,29 +113,29 @@ declare const _default: import('vue').DefineComponent<{
         type: BooleanConstructor;
         default: boolean;
     };
-    /** 下拉组件 */
     placement: {
         type: import('vue').PropType<import('element-plus/es/utils/index').EpPropMergeType<StringConstructor, import('element-plus').Placement, unknown> | undefined>;
         default: string;
     };
     transition: {
-        type: StringConstructor;
+        type: StringConstructor; /** 选项卡选中 */
         default: string;
     };
     popperOptions: import('vue').PropType<Partial<import('element-plus').Options> | undefined>;
     popperClass: StringConstructor;
     popperWidth: {
         type: (StringConstructor | NumberConstructor)[];
+        /** 搜索框输入值 */
         default: number;
     };
     popperHeight: {
         type: (StringConstructor | NumberConstructor)[];
         default: number;
-    }; /** 是否显示选项卡栏 */
+    };
     selectStyle: import('vue').PropType<Partial<import('vue').CSSProperties>>;
     inputStyle: import('vue').PropType<Partial<import('vue').CSSProperties>>;
     hideOnSingleTab: BooleanConstructor;
-    emptyProps: import('vue').PropType<import('../ele-app/el').ElEmptyProps>;
+    emptyProps: import('vue').PropType<import('../ele-app/el').ElEmptyProps>; /** 下拉框类名 */
     tooltip: {
         type: BooleanConstructor;
         default: boolean;
@@ -153,24 +153,24 @@ declare const _default: import('vue').DefineComponent<{
         default: string;
     };
     responsive: {
-        type: BooleanConstructor;
+        type: BooleanConstructor; /** 更新气泡位置 */
         default: null;
     };
 }>> & {
-    onFocus?: ((_e: FocusEvent) => any) | undefined;
-    onBlur?: ((_e: FocusEvent) => any) | undefined;
     onChange?: ((_value?: string | null | undefined) => any) | undefined;
     "onUpdate:modelValue"?: ((_value?: string | null | undefined) => any) | undefined;
+    onFocus?: ((_e: FocusEvent) => any) | undefined;
+    onBlur?: ((_e: FocusEvent) => any) | undefined;
     onClear?: (() => any) | undefined;
     onVisibleChange?: ((_visible: boolean) => any) | undefined;
 }, {
     placement: import('element-plus/es/utils/index').EpPropMergeType<StringConstructor, import('element-plus').Placement, unknown> | undefined;
-    disabled: boolean;
     teleported: boolean;
     clearable: boolean;
-    persistent: boolean;
-    transition: string;
+    disabled: boolean;
     tooltip: boolean;
+    transition: string;
+    persistent: boolean;
     responsive: boolean;
     automaticDropdown: boolean;
     popperWidth: string | number;

package/es/ele-icon-select/index.js

@@ -1,6 +1,6 @@
 import { defineComponent, ref, computed, watch, resolveComponent, openBlock, createBlock, createSlots, withCtx, createElementVNode, normalizeStyle, createElementBlock, renderSlot, Fragment, renderList, normalizeClass, toDisplayString, createCommentVNode, createVNode, normalizeProps, guardReactiveProps } from "vue";
 import { ElInput } from "element-plus";
-import { useResponsive } from "../ele-config-provider/receiver";
+import { useResponsive } from "../ele-pro-layout/util";
 import EleBasicSelect from "../ele-basic-select/index";
 import { valueIsChanged } from "../ele-basic-select/util";
 import { SearchOutlined } from "../icons";

package/es/ele-icon-select/props.d.ts

@@ -24,7 +24,7 @@ export declare const iconSelectProps: {
     /** 是否在输入框获得焦点后自动弹出选项菜单 */
     automaticDropdown: BooleanConstructor;
     /** 是否可以筛选 */
-    filterable: (BooleanConstructor | StringConstructor)[];
+    filterable: PropType<boolean | "popper">;
     /** 是否将下拉框插入 body */
     teleported: {
         type: BooleanConstructor;

package/es/ele-icon-select/style/index.d.ts

@@ -0,0 +1 @@
+

package/es/ele-icon-select/style/index.js

@@ -1,6 +1,6 @@
-import 'element-plus/es/components/empty/style/index';
-import 'element-plus/es/components/scrollbar/style/index';
-import 'element-plus/es/components/input/style/index';
-import '../../ele-tooltip/style/index';
-import '../../ele-basic-select/style/index';
-import './index.scss';
+import "element-plus/es/components/empty/style/index";
+import "element-plus/es/components/scrollbar/style/index";
+import "element-plus/es/components/input/style/index";
+import "../../ele-tooltip/style/index";
+import "../../ele-basic-select/style/index";
+import "./index.scss";

package/es/ele-icon-select/style/index.scss

@@ -38,7 +38,7 @@
     font-size: eleVar('icon', 'tab-font-size');
     padding: eleVar('icon', 'tab-padding');
     border-radius: eleVar('icon', 'tab-radius');
-    transition: (color $ele-transition, background-color $ele-transition);
+    transition: (color $transition-base, background-color $transition-base);
     box-sizing: border-box;
     word-break: break-all;
     white-space: nowrap;
@@ -129,7 +129,7 @@
     font-size: eleVar('icon', 'menu-font-size');
     padding: eleVar('icon', 'menu-padding');
     border-radius: eleVar('icon', 'menu-radius');
-    transition: (color $ele-transition, background-color $ele-transition);
+    transition: (color $transition-base, background-color $transition-base);
     overflow: hidden;
     white-space: nowrap;
     word-break: break-all;
@@ -212,9 +212,9 @@
     border: eleVar('icon', 'border');
     border-radius: eleVar('icon', 'radius');
     transition: (
-      color $ele-transition,
-      background-color $ele-transition,
-      border-color $ele-transition
+      color $transition-base,
+      background-color $transition-base,
+      border-color $transition-base
     );
     box-sizing: border-box;
     overflow: hidden;

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

@@ -30,7 +30,7 @@ declare const _default: import('vue').DefineComponent<{
     textStyle: import('vue').PropType<Partial<import('vue').CSSProperties>>;
 }>>, {
     type: import('./types').LoadingType;
-    loading: boolean;
     blur: boolean;
+    loading: boolean;
 }, {}>;
 export default _default;

package/es/ele-loading/style/index.d.ts

@@ -0,0 +1 @@
+

package/es/ele-loading/style/index.js

@@ -1,2 +1,2 @@
-import 'element-plus/es/components/loading/style/index';
-import './index.scss';
+import "element-plus/es/components/loading/style/index";
+import "./index.scss";