ele-admin-plus 1.1.8-beta.4 → 1.1.8-beta.6

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

@@ -34,7 +34,7 @@ declare const _default: import("vue").DefineComponent<{
     };
     bodyClass: StringConstructor;
     bodyStyle: import("vue").PropType<Partial<import("vue").CSSProperties>>;
-    titleStyle: import("vue").PropType<Partial<import("vue").CSSProperties>>; /** 文字提示实例 */
+    titleStyle: import("vue").PropType<Partial<import("vue").CSSProperties>>;
     contentStyle: import("vue").PropType<Partial<import("vue").CSSProperties>>;
     offset: import("element-plus/es/utils/index").EpPropFinalized<NumberConstructor, unknown, unknown, undefined, boolean>;
     effect: {
@@ -150,7 +150,7 @@ declare const _default: import("vue").DefineComponent<{
     };
     bodyClass: StringConstructor;
     bodyStyle: import("vue").PropType<Partial<import("vue").CSSProperties>>;
-    titleStyle: import("vue").PropType<Partial<import("vue").CSSProperties>>; /** 文字提示实例 */
+    titleStyle: import("vue").PropType<Partial<import("vue").CSSProperties>>;
     contentStyle: import("vue").PropType<Partial<import("vue").CSSProperties>>;
     offset: import("element-plus/es/utils/index").EpPropFinalized<NumberConstructor, unknown, unknown, undefined, boolean>;
     effect: {

package/lib/ele-pro-layout/components/pro-header.cjs

@@ -85,8 +85,8 @@ const _sfc_main = vue.defineComponent({
             to: props.homePath,
             icon: icons.HomeOutlined,
             iconStyle: {
-              transform: "scale(1.14)",
-              transformOrigin: "8px 2px"
+              transform: "scale(1.13)",
+              transformOrigin: "8px -2px"
             }
           });
         }

package/lib/ele-pro-layout/components/pro-tabs.cjs

@@ -159,7 +159,7 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
             label: vue.withCtx(() => [
               vue.renderSlot(_ctx.$slots, "tabHome", {}, () => [
                 vue.createVNode(_component_ElIcon, {
-                  size: 16,
+                  class: "ele-tab-icon",
                   style: { "vertical-align": "-3px" }
                 }, {
                   default: vue.withCtx(() => [

package/lib/ele-pro-layout/components/tab-dropdown.cjs

@@ -1,12 +1,12 @@
 "use strict";
 const vue = require("vue");
 const elementPlus = require("element-plus");
-const iconsVue = require("@element-plus/icons-vue");
+const icons = require("../../icons");
 const EleDropdown = require("../../ele-dropdown/index");
 const EleTabTool = require("../../ele-tab-tool/index");
 const _sfc_main = vue.defineComponent({
   name: "TabDropdown",
-  components: { ElIcon: elementPlus.ElIcon, ArrowDown: iconsVue.ArrowDown, EleDropdown, EleTabTool },
+  components: { ElIcon: elementPlus.ElIcon, ArrowDown: icons.ArrowDown, EleDropdown, EleTabTool },
   props: {
     /** 右键菜单 */
     items: Array,
@@ -74,8 +74,8 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
           vue.createElementVNode("div", _hoisted_1, [
             vue.renderSlot(_ctx.$slots, "icon", {}, () => [
               vue.createVNode(_component_ElIcon, {
-                size: 16,
-                style: { "vertical-align": "-3.5px" }
+                class: "ele-tab-icon",
+                style: { "vertical-align": "-3px" }
               }, {
                 default: vue.withCtx(() => [
                   vue.createVNode(_component_ArrowDown)

package/lib/ele-pro-layout/style/css-var.scss

@@ -9,7 +9,9 @@
   .ele-admin-header,
   .ele-admin-sidebar,
   .ele-admin-sidebox,
-  .ele-admin-tabs {
+  .ele-admin-tabs,
+  .ele-modal-inner,
+  .ele-drawer-inner {
     @include set-ele-var('header', $var);
   }
 
@@ -30,14 +32,18 @@
   .ele-admin-sidebar,
   .ele-admin-sidebox,
   .ele-admin-body,
-  .ele-admin-mask {
+  .ele-admin-mask,
+  .ele-modal-inner,
+  .ele-drawer-inner {
     @include set-ele-var('sidebar', $var);
   }
 
   .ele-admin-header,
   .ele-admin-sidebox,
   .ele-admin-sidebox-popup,
-  .ele-admin-body {
+  .ele-admin-body,
+  .ele-modal-inner,
+  .ele-drawer-inner {
     @include set-ele-var('sidebox', $var);
   }
 }

package/lib/ele-pro-table/components/table-tools.cjs

@@ -1,7 +1,6 @@
 "use strict";
 const vue = require("vue");
 const elementPlus = require("element-plus");
-const iconsVue = require("@element-plus/icons-vue");
 const icons = require("../../icons");
 const receiver = require("../../ele-config-provider/receiver");
 const EleDropdown = require("../../ele-dropdown/index");
@@ -12,7 +11,7 @@ const _sfc_main = vue.defineComponent({
   name: "TableTools",
   components: {
     ElIcon: elementPlus.ElIcon,
-    RefreshRight: iconsVue.RefreshRight,
+    ReloadOutlined: icons.ReloadOutlined,
     ColumnHeightOutlined: icons.ColumnHeightOutlined,
     FullscreenOutlined: icons.FullscreenOutlined,
     FullscreenExitOutlined: icons.FullscreenExitOutlined,
@@ -82,7 +81,7 @@ const _export_sfc = (sfc, props) => {
   return target;
 };
 function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
-  const _component_RefreshRight = vue.resolveComponent("RefreshRight");
+  const _component_ReloadOutlined = vue.resolveComponent("ReloadOutlined");
   const _component_ElIcon = vue.resolveComponent("ElIcon");
   const _component_EleTool = vue.resolveComponent("EleTool");
   const _component_ColumnHeightOutlined = vue.resolveComponent("ColumnHeightOutlined");
@@ -101,7 +100,7 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
         default: vue.withCtx(() => [
           vue.createVNode(_component_ElIcon, null, {
             default: vue.withCtx(() => [
-              vue.createVNode(_component_RefreshRight, { style: { "transform": "scale(1.2)" } })
+              vue.createVNode(_component_ReloadOutlined)
             ]),
             _: 1
           })

package/lib/ele-pro-table/components/tool-column.cjs

@@ -1,7 +1,7 @@
 "use strict";
 const vue = require("vue");
-const iconsVue = require("@element-plus/icons-vue");
 const elementPlus = require("element-plus");
+const icons = require("../../icons");
 const core = require("../../utils/core");
 const EleTooltip = require("../../ele-tooltip/index");
 const EleTool = require("../../ele-tool/index");
@@ -13,7 +13,7 @@ const _sfc_main = vue.defineComponent({
     ElCheckbox: elementPlus.ElCheckbox,
     ElIcon: elementPlus.ElIcon,
     EleTooltip,
-    Setting: iconsVue.Setting,
+    SettingOutlined: icons.SettingOutlined,
     EleTool,
     ToolColumnList
   },
@@ -208,7 +208,7 @@ const _export_sfc = (sfc, props) => {
 const _hoisted_1 = { class: "ele-tool-column-header" };
 const _hoisted_2 = { class: "ele-tool-column-label" };
 function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
-  const _component_Setting = vue.resolveComponent("Setting");
+  const _component_SettingOutlined = vue.resolveComponent("SettingOutlined");
   const _component_ElIcon = vue.resolveComponent("ElIcon");
   const _component_ElCheckbox = vue.resolveComponent("ElCheckbox");
   const _component_ToolColumnList = vue.resolveComponent("ToolColumnList");
@@ -279,7 +279,7 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
         default: vue.withCtx(() => [
           vue.createVNode(_component_ElIcon, null, {
             default: vue.withCtx(() => [
-              vue.createVNode(_component_Setting, { style: { "transform": "scale(1.08)" } })
+              vue.createVNode(_component_SettingOutlined)
             ]),
             _: 1
           })

package/lib/ele-pro-table/index.cjs

@@ -101,7 +101,7 @@ const _sfc_main = vue.defineComponent({
         onCurrentChange
       };
     });
-    const tableTools = vue.computed(() => {
+    const toolNames = vue.computed(() => {
       const tools = props2.tools ?? globalProps.value.tools ?? true;
       if (tools === true) {
         return ["reload", "size", "columns", "maximized"];
@@ -431,7 +431,7 @@ const _sfc_main = vue.defineComponent({
       tableIndex,
       paginationProps,
       tableProps,
-      tableTools,
+      toolNames,
       rootProps,
       onRefresh,
       onSizeChange,
@@ -468,11 +468,11 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
       _ctx.toolbar ? (vue.openBlock(), vue.createBlock(_component_EleToolbar, vue.normalizeProps(vue.mergeProps({ key: 0 }, _ctx.toolbar === true ? {} : _ctx.toolbar)), {
         tools: vue.withCtx(() => [
           vue.renderSlot(_ctx.$slots, "tools"),
-          _ctx.tableTools && _ctx.tableTools.length ? (vue.openBlock(), vue.createBlock(_component_TableTools, {
+          _ctx.toolNames && _ctx.toolNames.length ? (vue.openBlock(), vue.createBlock(_component_TableTools, {
             key: 0,
             size: _ctx.tableSize,
             columns: _ctx.columns,
-            tools: _ctx.tableTools,
+            tools: _ctx.toolNames,
             columnSortable: _ctx.columnSortable,
             columnFixed: _ctx.columnFixed,
             maximized: _ctx.tableMaximized,

package/lib/ele-pro-table/index.d.ts

@@ -173,7 +173,7 @@ declare const _default: import("vue").DefineComponent<{
     tableIndex: import("vue").ComputedRef<number>;
     paginationProps: import("vue").ComputedRef<ElePaginationProps | null>;
     tableProps: import("vue").ComputedRef<EleDataTableProps>;
-    tableTools: import("vue").ComputedRef<string[]>;
+    toolNames: import("vue").ComputedRef<string[]>;
     rootProps: import("vue").ComputedRef<EleLoadingProps>;
     onRefresh: () => void;
     onSizeChange: (size: TableSize) => void;

package/lib/ele-pro-table/style/index.scss

@@ -199,7 +199,7 @@
 
 .ele-tool-column-handle {
   display: flex;
-  font-size: 14px;
+  font-size: 12px;
   color: elVar('text-color', 'placeholder');
   margin-right: 4px;
   cursor: move;
@@ -238,6 +238,6 @@
   }
 
   .ele-tool-column-header .ele-tool-column-label {
-    padding-left: calc(24px - #{eleVar('tool-column', 'item-padding')});
+    padding-left: calc(22px - #{eleVar('tool-column', 'item-padding')});
   }
 }

package/lib/ele-split-panel/index.cjs

@@ -179,7 +179,13 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
       vue.renderSlot(_ctx.$slots, "collapse", { collapse: _ctx.isCollapse }, () => [
         vue.createVNode(_component_ElIcon, { class: "ele-split-collapse-icon" }, {
           default: vue.withCtx(() => [
-            _ctx.vertical ? (vue.openBlock(), vue.createBlock(_component_ArrowUp, { key: 0 })) : (vue.openBlock(), vue.createBlock(_component_ArrowLeft, { key: 1 }))
+            _ctx.vertical ? (vue.openBlock(), vue.createBlock(_component_ArrowUp, {
+              key: 0,
+              style: { "margin-top": "-1.25px" }
+            })) : (vue.openBlock(), vue.createBlock(_component_ArrowLeft, {
+              key: 1,
+              style: { "margin-left": "-1.25px" }
+            }))
           ]),
           _: 1
         })

package/lib/ele-split-panel/style/index.scss

@@ -86,10 +86,14 @@
     z-index: 5;
 
     .ele-split-collapse-icon {
-      font-size: 18px;
+      font-size: 14px;
       color: elVar('text-color', 'secondary');
       transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
       transform: scaleX(1);
+
+      & > svg {
+        stroke-width: 5;
+      }
     }
 
     &:hover .ele-split-collapse-icon {

package/lib/ele-table-select/index.d.ts

@@ -29,7 +29,7 @@ declare const _default: import("vue").DefineComponent<{
     maxTagCount: NumberConstructor; /** 下拉框是否显示 */
     maxTagTextLength: NumberConstructor;
     tagType: {
-        type: import("vue").PropType<import("element-plus/es/utils/index").EpPropMergeType<StringConstructor, "" | "success" | "warning" | "info" | "danger", unknown> | undefined>;
+        type: import("vue").PropType<import("element-plus/es/utils/index").EpPropMergeType<StringConstructor, "success" | "warning" | "info" | "primary" | "danger", unknown> | undefined>;
         default: string;
     };
     automaticDropdown: BooleanConstructor;
@@ -125,7 +125,7 @@ declare const _default: import("vue").DefineComponent<{
     maxTagCount: NumberConstructor; /** 下拉框是否显示 */
     maxTagTextLength: NumberConstructor;
     tagType: {
-        type: import("vue").PropType<import("element-plus/es/utils/index").EpPropMergeType<StringConstructor, "" | "success" | "warning" | "info" | "danger", unknown> | undefined>;
+        type: import("vue").PropType<import("element-plus/es/utils/index").EpPropMergeType<StringConstructor, "success" | "warning" | "info" | "primary" | "danger", unknown> | undefined>;
         default: string;
     };
     automaticDropdown: BooleanConstructor;
@@ -175,7 +175,7 @@ declare const _default: import("vue").DefineComponent<{
     transition: string;
     multiple: boolean;
     responsive: boolean;
-    tagType: import("element-plus/es/utils/index").EpPropMergeType<StringConstructor, "" | "success" | "warning" | "info" | "danger", unknown> | undefined;
+    tagType: import("element-plus/es/utils/index").EpPropMergeType<StringConstructor, "success" | "warning" | "info" | "primary" | "danger", unknown> | undefined;
     automaticDropdown: boolean;
     filterable: boolean;
     valueKey: string;

package/lib/ele-table-select/props.d.ts

@@ -46,7 +46,7 @@ export declare const tableSelectProps: {
     maxTagTextLength: NumberConstructor;
     /** 多选标签类型 */
     tagType: {
-        type: PropType<import("element-plus/es/utils/index").EpPropMergeType<StringConstructor, "" | "success" | "warning" | "info" | "danger", unknown> | undefined>;
+        type: PropType<import("element-plus/es/utils/index").EpPropMergeType<StringConstructor, "success" | "warning" | "info" | "primary" | "danger", unknown> | undefined>;
         default: string;
     };
     /** 是否在输入框获得焦点后自动弹出选项菜单 */

package/lib/ele-tabs/index.cjs

@@ -114,24 +114,28 @@ const _sfc_main = vue.defineComponent({
         e.preventDefault();
       }
     };
+    const getBtnEl = (el, e, firefox) => {
+      const wheelDelta = e.wheelDelta || e.detail;
+      const delta = firefox ? -wheelDelta : wheelDelta;
+      if (delta > 0) {
+        return el.querySelector(".el-tabs__nav-prev");
+      } else if (delta < 0) {
+        return el.querySelector(".el-tabs__nav-next");
+      }
+    };
     const onMousewheel = (e, isFirefox) => {
-      e.preventDefault();
-      e.stopPropagation();
-      const el = e.currentTarget;
-      if (el && !current.isScroll) {
-        current.isScroll = true;
-        const wheelDelta = e.wheelDelta || e.detail;
-        const delta = isFirefox ? -wheelDelta : wheelDelta;
-        if (delta > 0) {
-          const prevEl = el.querySelector(".el-tabs__nav-prev");
-          prevEl && prevEl.click();
-        } else if (delta < 0) {
-          const nextEl = el.querySelector(".el-tabs__nav-next");
-          nextEl && nextEl.click();
+      const tabEl = e.currentTarget;
+      if (tabEl && !current.isScroll) {
+        const el = getBtnEl(tabEl, e, isFirefox);
+        if (el && !el.classList.contains("is-disabled")) {
+          current.isScroll = true;
+          e.preventDefault();
+          e.stopPropagation();
+          el.click();
+          setTimeout(() => {
+            current.isScroll = false;
+          }, 300);
         }
-        setTimeout(() => {
-          current.isScroll = false;
-        }, 300);
       }
     };
     const onFMousewheel = (e) => {
@@ -279,12 +283,19 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
     ]),
     _: 2
   }, [
+    _ctx.$slots["add-icon"] ? {
+      name: "add-icon",
+      fn: vue.withCtx(() => [
+        vue.renderSlot(_ctx.$slots, "add-icon")
+      ]),
+      key: "0"
+    } : void 0,
     _ctx.$slots.addIcon ? {
       name: "addIcon",
       fn: vue.withCtx(() => [
         vue.renderSlot(_ctx.$slots, "addIcon")
       ]),
-      key: "0"
+      key: "1"
     } : void 0
   ]), 1040, ["type", "class", "onUpdate:modelValue", "onTabClick", "onTabChange", "onTabRemove", "onTabAdd", "onEdit", "onContextmenu"]);
 }

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

@@ -3,7 +3,9 @@
 /* 标签页主题变量 */
 @mixin set-tab-var($var) {
   .ele-tabs,
-  .ele-tab-tool {
+  .ele-tab-tool,
+  .ele-modal-inner,
+  .ele-drawer-inner {
     @include set-ele-var('tab', $var);
   }
 

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

@@ -82,6 +82,11 @@
     padding-right: calc(#{$padding} + #{$size} / 2 + #{$padding} / 4);
   }
 
+  .ele-tab-icon {
+    font-size: eleVar('tab', 'icon-font-size');
+    vertical-align: -2.8px;
+  }
+
   /* 关闭图标 */
   .el-tabs__nav-wrap .el-tabs__nav .el-tabs__item .is-icon-close {
     margin: 0;
@@ -190,6 +195,10 @@
     padding-right: calc(#{$padding} + #{$size} / 2 + #{$padding} / 4);
   }
 
+  .ele-tab-icon {
+    font-size: eleVar('tab-sm', 'icon-font-size');
+  }
+
   .el-tabs__nav-wrap .el-tabs__nav .el-tabs__item .is-icon-close {
     width: eleVar('tab-sm', 'close-size');
     height: eleVar('tab-sm', 'close-size');
@@ -223,6 +232,10 @@
     padding-right: calc(#{$padding} + #{$size} / 2 + #{$padding} / 4);
   }
 
+  .ele-tab-icon {
+    font-size: eleVar('tab-lg', 'icon-font-size');
+  }
+
   .el-tabs__nav-wrap .el-tabs__nav .el-tabs__item .is-icon-close {
     width: eleVar('tab-lg', 'close-size');
     height: eleVar('tab-lg', 'close-size');
@@ -666,6 +679,11 @@
     outline: none;
   }
 
+  .ele-tab-icon {
+    font-size: eleVar('tab', 'icon-font-size');
+    vertical-align: -2.8px;
+  }
+
   /* 下拉菜单 */
   & > .el-dropdown {
     color: inherit;
@@ -713,6 +731,10 @@
     &.is-tab {
       font-size: eleVar('tab-sm', 'font-size');
     }
+
+    .ele-tab-icon {
+      font-size: eleVar('tab-sm', 'icon-font-size');
+    }
   }
 
   /* 大型尺寸 */
@@ -725,6 +747,10 @@
     &.is-tab {
       font-size: eleVar('tab-lg', 'font-size');
     }
+
+    .ele-tab-icon {
+      font-size: eleVar('tab-lg', 'icon-font-size');
+    }
   }
 
   /* 简约风格和指示器风格 */

package/lib/ele-toolbar/index.cjs

@@ -28,24 +28,24 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
       class: "ele-toolbar-title",
       style: vue.normalizeStyle(_ctx.titleStyle)
     }, [
-      _ctx.title ? (vue.openBlock(), vue.createBlock(_component_EleText, {
+      _ctx.title ? (vue.openBlock(), vue.createBlock(_component_EleText, vue.mergeProps({
         key: 0,
         type: "heading"
-      }, {
+      }, _ctx.titleProps || {}), {
         default: vue.withCtx(() => [
           vue.createTextVNode(vue.toDisplayString(_ctx.title), 1)
         ]),
         _: 1
-      })) : vue.createCommentVNode("", true),
-      _ctx.subtitle ? (vue.openBlock(), vue.createBlock(_component_EleText, {
+      }, 16)) : vue.createCommentVNode("", true),
+      _ctx.subtitle ? (vue.openBlock(), vue.createBlock(_component_EleText, vue.mergeProps({
         key: 1,
         size: "xs"
-      }, {
+      }, _ctx.subtitleProps || {}), {
         default: vue.withCtx(() => [
           vue.createTextVNode(vue.toDisplayString(_ctx.subtitle), 1)
         ]),
         _: 1
-      })) : vue.createCommentVNode("", true)
+      }, 16)) : vue.createCommentVNode("", true)
     ], 4)) : vue.createCommentVNode("", true),
     vue.createElementVNode("div", {
       class: "ele-toolbar-body",

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

@@ -8,6 +8,8 @@ declare const _default: import("vue").DefineComponent<{
     titleStyle: import("vue").PropType<Partial<import("vue").CSSProperties>>;
     bodyStyle: import("vue").PropType<Partial<import("vue").CSSProperties>>;
     toolsStyle: import("vue").PropType<Partial<import("vue").CSSProperties>>;
+    titleProps: import("vue").PropType<import("../ele-app/plus").EleTextProps>;
+    subtitleProps: import("vue").PropType<import("../ele-app/plus").EleTextProps>;
 }, unknown, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
     title: StringConstructor;
     subtitle: StringConstructor;
@@ -18,6 +20,8 @@ declare const _default: import("vue").DefineComponent<{
     titleStyle: import("vue").PropType<Partial<import("vue").CSSProperties>>;
     bodyStyle: import("vue").PropType<Partial<import("vue").CSSProperties>>;
     toolsStyle: import("vue").PropType<Partial<import("vue").CSSProperties>>;
+    titleProps: import("vue").PropType<import("../ele-app/plus").EleTextProps>;
+    subtitleProps: import("vue").PropType<import("../ele-app/plus").EleTextProps>;
 }>>, {
     theme: import("./types").ToolbarTheme;
 }, {}>;

package/lib/ele-toolbar/props.cjs

@@ -15,6 +15,10 @@ const toolbarProps = {
   /** 内容区样式 */
   bodyStyle: Object,
   /** 按钮区样式 */
-  toolsStyle: Object
+  toolsStyle: Object,
+  /** 标题组件属性 */
+  titleProps: Object,
+  /** 二级标题组件属性 */
+  subtitleProps: Object
 };
 exports.toolbarProps = toolbarProps;

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

@@ -1,4 +1,5 @@
 import type { PropType, ExtractPropTypes } from 'vue';
+import type { EleTextProps } from '../ele-app/plus';
 import type { ToolbarTheme } from './types';
 /**
  * 属性
@@ -19,5 +20,9 @@ export declare const toolbarProps: {
     bodyStyle: PropType<Partial<import("vue").CSSProperties>>;
     /** 按钮区样式 */
     toolsStyle: PropType<Partial<import("vue").CSSProperties>>;
+    /** 标题组件属性 */
+    titleProps: PropType<EleTextProps>;
+    /** 二级标题组件属性 */
+    subtitleProps: PropType<EleTextProps>;
 };
 export type ToolbarProps = ExtractPropTypes<typeof toolbarProps>;

package/lib/ele-tree-select/index.cjs

@@ -159,7 +159,9 @@ const _sfc_main = vue.defineComponent({
       treeRef.value && treeRef.value.setChecked(item.value, false);
       const keys = treeRef.value && treeRef.value.getCheckedKeys() || [];
       selectedItems.value = getMultipleSelected(keys);
-      updateModelValue(keys);
+      updateModelValue(
+        util$1.getModelValue(keys, selectedItems.value, props2.checkedValueStrategy)
+      );
       emit("removeTag", item.value);
     };
     const onSelectClear = () => {
@@ -234,13 +236,17 @@ const _sfc_main = vue.defineComponent({
         }
         const keys = treeRef.value && treeRef.value.getCheckedKeys() || [];
         selectedItems.value = getMultipleSelected(keys);
-        updateModelValue(keys);
+        updateModelValue(
+          util$1.getModelValue(keys, selectedItems.value, props2.checkedValueStrategy)
+        );
       }
     };
     const onTreeCheck = () => {
       const keys = treeRef.value && treeRef.value.getCheckedKeys() || [];
       selectedItems.value = getMultipleSelected(keys);
-      updateModelValue(keys);
+      updateModelValue(
+        util$1.getModelValue(keys, selectedItems.value, props2.checkedValueStrategy)
+      );
       focusSearchInput();
     };
     const onTreeExpand = () => {
@@ -252,7 +258,12 @@ const _sfc_main = vue.defineComponent({
     vue.watch(
       () => props2.modelValue,
       (modelValue) => {
-        updateSelectedItems(modelValue);
+        if (!props2.multiple || !props2.checkedValueStrategy) {
+          updateSelectedItems(modelValue);
+        } else {
+          const keys = treeRef.value && treeRef.value.getCheckedKeys() || [];
+          updateSelectedItems(keys);
+        }
       },
       { deep: true }
     );
@@ -283,10 +294,42 @@ const _sfc_main = vue.defineComponent({
       }],
       () => {
         if (props2.multiple && !util.isEmptyValue(props2.modelValue) && props2.modelValue.length) {
-          selectedItems.value = getMultipleSelected(props2.modelValue);
+          if (!props2.checkedValueStrategy) {
+            const values = props2.modelValue;
+            selectedItems.value = getMultipleSelected(values);
+            updateModelValue(
+              util$1.getModelValue(
+                values,
+                selectedItems.value,
+                props2.checkedValueStrategy
+              )
+            );
+          } else {
+            const keys = treeRef.value && treeRef.value.getCheckedKeys() || [];
+            selectedItems.value = getMultipleSelected(keys);
+            updateModelValue(
+              util$1.getModelValue(
+                keys,
+                selectedItems.value,
+                props2.checkedValueStrategy
+              )
+            );
+          }
         }
       }
     );
+    vue.watch(
+      () => props2.checkedValueStrategy,
+      () => {
+        if (!props2.multiple) {
+          return;
+        }
+        const keys = treeRef.value && treeRef.value.getCheckedKeys() || [];
+        updateModelValue(
+          util$1.getModelValue(keys, selectedItems.value, props2.checkedValueStrategy)
+        );
+      }
+    );
     vue.watch(
       () => props2.disabled,
       (disabled) => {