chore: release 1.11.0-naruto (#3502)

* feat(drawer): sizeDraggable支持SizeDragLimit类型 (#3465)

* feat(drawer): sizeDraggable支持SizeDragLimit类型

* fix: delete comments

* chore: update tdesign-icons-vue to 0.3.3 (#3468)

Co-authored-by: tdesign-bot <github-actions[bot]@users.noreply.github.com>

* chore(submodule): update _common (#3472)

* chore(submodule): update _common (#3476)

* chore(submodule): update _common (#3477)

* fix(auto-complete): options is an empty array, empty is not effective (#3474)

* fix(auto-complete): options is an empty array, empty is not effective

* chore: revert code

* chore: fix cr

* fix(transfer): ensure filterTransferData returns only valid items (#3487)

perf(transfer): optimize filterTransferData for better performance

* refactor: lodash-es instead of lodash (#3486)

* refactor: lodash-es instead of lodash

* chore: fix

* chore: fix

* chore: fix

* chore: fix

* chore: fix

* chore: fix

* chore: fix

* feat(form): add `status` and `tips` rendering in `form-item` component (#3490)

* feat(form):  add `status` function

* feat(form): add tips rendering in form-item component

* fix(dialog): incorrect node attachment when `mode = "normal"` (#3493)

* fix(dialog): dialog should be in the document flow when `mode = "normal"`

chore(config-provider): improve globalAttach method to handle string and object types

* chore: update snapshot

* chore: update `globalAttach` type

* chore: add typeof globalConfigAttach is function

* chore: 直接调用 globalConfigAttach 内的 `componentName`

---------

Co-authored-by: github-actions[bot] <github-actions[bot]@users.noreply.github.com>

* fix(Menu): fix function usage of menu group title (#3497)

* fix(statistic): fix decimalPlaces setting 0 is invalid (#3496)

* fix(statistic): fix decimalPlaces setting 0 is invalid

* chore: format code

* chore: del comment

* chore: release 1.11.0 (#3499)

* chore: release 1.11.0

* chore: changelog's changes

---------

Co-authored-by: github-actions[bot] <github-actions[bot]@users.noreply.github.com>

* chore: release 1.11.0-naruto

* chore: release 1.11.0-naruto

---------

Co-authored-by: huangchen1031 <huangchen1031@vip.qq.com>
Co-authored-by: TDesign bot <93915689+tdesign-bot@users.noreply.github.com>
Co-authored-by: tdesign-bot <github-actions[bot]@users.noreply.github.com>
Co-authored-by: liweijie0812 <674416404@qq.com>
Co-authored-by: 阿菜 Cai <jimmyrss1102@gmail.com>

.eslintrc

@@ -108,7 +108,13 @@
       {
         "checkLoops": false
       }
-    ]
+    ],
+    "no-restricted-imports": ["error", {
+      "paths": [{
+        "name": "lodash",
+        "message": "Please use lodash-es instead."
+      }]
+    }]
   },
   "overrides": [
     {

CHANGELOG.md

@@ -5,6 +5,24 @@ toc: false
 docClass: timeline
 ---
 
+## 🌈 1.11.0 `2025-02-21` 
+### 🚀 Features
+- `Drawer`: sizeDraggable支持SizeDragLimit类型 @huangchen1031 ([#3465](https://github.com/Tencent/tdesign-vue/pull/3465))
+- `Form`: `FormItem` 新增 `status` 和 `tips` API @RSS1102 ([#3490](https://github.com/Tencent/tdesign-vue/pull/3490))
+- `Icon`: 新增`logo-alipay`、`logo-behance-filled`等图标，修改`logo-wecom`图标，移除不合理的`logo-wecom-filled`图标 @uyarn([#3468](https://github.com/Tencent/tdesign-vue/pull/3468))
+
+### 🐞 Bug Fixes
+- `AutoComplete`: 修复 `options` 为空数组，empty 节点没显示的问题 @liweijie0812 ([#3474](https://github.com/Tencent/tdesign-vue/pull/3474))
+- `Dialog`: 修复 `1.10.8` 版本后当 mode 为 "normal" 时渲染不符合预期的问题 @RSS1102 ([#3493](https://github.com/Tencent/tdesign-vue/pull/3493))
+- `ImageViewer`: 修复开启`closeOnOverlay`时，点击蒙层关闭存在闪烁情况的问题 @huangchen1031([#3472](https://github.com/Tencent/tdesign-vue/pull/3472))
+- `Menu`: 修复`MenuGroup`的 title 不支持使用函数渲染的问题 @uyarn ([#3497](https://github.com/Tencent/tdesign-vue/pull/3497))
+- `Statistic`: 修复 `decimalPlaces=0` 时数值动画期间精度错误的问题 @liweijie0812 ([#3496](https://github.com/Tencent/tdesign-vue/pull/3496))
+- `Tabs`: 修复可滑动`Tabs`配合`action`使用的样式问题 @Wesley-0808([#3477](https://github.com/Tencent/tdesign-vue/pull/3477))
+- `Transfer`: 确保 `filterTransferData` 仅返回有效值 @RSS1102 ([#3487](https://github.com/Tencent/tdesign-vue/pull/3487))
+
+### 🚧 Others
+- 调整组件依赖 `lodash`  为`lodash-es` @liweijie0812 ([#3486](https://github.com/Tencent/tdesign-vue/pull/3486))
+
 ## 🌈 1.10.9 `2025-01-10` 
 ### 🚀 Features
 - `AutoComplete`: 新增`empty` API，用于配置空状态下的下拉内容展示 @liweijie0812 ([#3462](https://github.com/Tencent/tdesign-vue/pull/3462))

package.json

@@ -1,7 +1,7 @@
 {
   "name": "tdesign-vue",
   "purename": "tdesign",
-  "version": "1.10.9-naruto",
+  "version": "1.11.0-naruto",
   "description": "tdesign-vue",
   "title": "tdesign-vue",
   "keywords": [
@@ -86,18 +86,17 @@
     "@babel/runtime": "^7.14.8",
     "@popperjs/core": "^2.4.0",
     "@types/clipboard": "^2.0.1",
-    "@types/lodash": "4.14.182",
     "@types/raf": "^3.4.0",
     "@types/sortablejs": "^1.10.7",
     "@types/tinycolor2": "^1.4.3",
     "@types/validator": "^13.1.3",
     "clipboard": "^2.0.8",
     "dayjs": "1.11.10",
-    "lodash": "^4.17.21",
+    "lodash-es": "^4.17.21",
     "mitt": "^3.0.0",
     "raf": "^3.4.1",
     "sortablejs": "^1.15.0",
-    "tdesign-icons-vue": "^0.3.2",
+    "tdesign-icons-vue": "^0.3.3",
     "tinycolor2": "^1.4.2",
     "validator": "^13.5.1"
   },
@@ -107,8 +106,8 @@
   "devDependencies": {
     "@babel/cli": "^7.5.5",
     "@babel/core": "~7.22.5",
-    "@babel/helper-module-imports": "7.24.7",
     "@babel/eslint-parser": "~7.23.10",
+    "@babel/helper-module-imports": "7.24.7",
     "@babel/plugin-transform-class-properties": "^7.22.3",
     "@babel/plugin-transform-modules-commonjs": "^7.9.6",
     "@babel/plugin-transform-object-assign": "^7.2.0",
@@ -124,6 +123,7 @@
     "@rollup/plugin-url": "^5.0.1",
     "@testing-library/dom": "^8.20.0",
     "@types/estree": "^1.0.1",
+    "@types/lodash-es": "^4.17.12",
     "@typescript-eslint/eslint-plugin": "^5.4.0",
     "@typescript-eslint/experimental-utils": "^5.4.0",
     "@typescript-eslint/parser": "^5.4.0",
@@ -178,7 +178,7 @@
     "rollup-plugin-styles": "^4.0.0",
     "rollup-plugin-terser": "~7.0.2",
     "rollup-plugin-vue": "^5.1.9",
-    "tdesign-icons-view": "^0.3.0",
+    "tdesign-icons-view": "^0.3.4",
     "tdesign-publish-cli": "^0.0.12",
     "tdesign-site-components": "^0.13.0",
     "tdesign-theme-generator": "^1.0.5",

script/init/index.js

@@ -27,7 +27,7 @@
 
 const fs = require('fs');
 const path = require('path');
-const _ = require('lodash');
+const { template } = require('lodash-es');
 const utils = require('../utils');
 const config = require('./config');
 
@@ -75,7 +75,7 @@ function deleteComponent(toBeCreatedFiles, component) {
 function outputFileWithTemplate(item, component, desc, _d) {
   const tplPath = path.resolve(__dirname, `./tpl/${item.template}`);
   let data = fs.readFileSync(tplPath).toString();
-  const compiled = _.template(data);
+  const compiled = template(data);
   data = compiled({
     component,
     upperComponent: getFirstLetterUpper(component),

script/rollup.config.js

@@ -207,7 +207,7 @@ const umdConfig = {
     banner,
     format: 'umd',
     exports: 'named',
-    globals: { vue: 'Vue', lodash: '_' },
+    globals: { vue: 'Vue' },
     sourcemap: true,
     file: `dist/${name}.js`,
   },
@@ -227,7 +227,7 @@ const umdMinConfig = {
     banner,
     format: 'umd',
     exports: 'named',
-    globals: { vue: 'Vue', lodash: '_' },
+    globals: { vue: 'Vue' },
     sourcemap: true,
     file: `dist/${name}.min.js`,
   },

site/src/components/codesandbox/content.js

@@ -90,12 +90,14 @@ export const packageJSONContent = JSON.stringify(
       'tdesign-vue': orgPkg.version,
       'tdesign-icons-vue': orgPkg.dependencies['tdesign-icons-vue'],
       vue: orgPkg.devDependencies.vue,
+      'lodash-es': orgPkg.dependencies['lodash-es'],
     },
     devDependencies: {
       vite: orgPkg.devDependencies.vite,
       less: orgPkg.devDependencies.less,
       'vite-plugin-vue2': orgPkg.devDependencies['vite-plugin-vue2'],
       'vue-template-compiler': orgPkg.devDependencies['vue-template-compiler'],
+      '@types/lodash-es': orgPkg.devDependencies['@types/lodash-es'],
     },
   },
   null,

site/src/components/stackblitz/content.js

@@ -116,13 +116,15 @@ export const packageJSONContentForComposition = JSON.stringify(
       'tdesign-vue': orgPkg.version + '-naruto',
       'tdesign-icons-vue': orgPkg.dependencies['tdesign-icons-vue'],
       vue: '2.7.14',
+      'lodash-es': orgPkg.dependencies['lodash-es'],
     },
     devDependencies: {
       vite: '^2.9.6',
       less: orgPkg.devDependencies.less,
       '@vitejs/plugin-vue2': '^1.1.2',
       'vue-template-compiler': '2.7.14',
       '@vitejs/plugin-vue2-jsx': '^1.1.0',
+      '@types/lodash-es': orgPkg.devDependencies['@types/lodash-es'],
     },
   },
   null,

src/affix/affix.tsx

@@ -1,5 +1,5 @@
 import Vue, { VueConstructor } from 'vue';
-import isFunction from 'lodash/isFunction';
+import { isFunction } from 'lodash-es';
 import { on, off, getScrollContainer } from '../utils/dom';
 import affixProps from './props';
 import { ScrollContainerElement } from '../common';

src/anchor/__tests__/anchor-link.test.jsx

@@ -1,6 +1,6 @@
 import { mount } from '@vue/test-utils';
 import Vue from 'vue';
-import omit from 'lodash/omit';
+import { omit } from 'lodash-es';
 import { AnchorItem } from '@/src/anchor/index.ts';
 
 const defaultProvide = {

src/anchor/anchor-item.tsx

@@ -1,6 +1,6 @@
 import Vue, { VueConstructor } from 'vue';
 import { ScopedSlotReturnValue } from 'vue/types/vnode';
-import isEmpty from 'lodash/isEmpty';
+import { isEmpty } from 'lodash-es';
 import { VNode } from 'vue/types/umd';
 import { ANCHOR_SHARP_REGEXP } from './utils';
 import props from './anchor-item-props';

src/anchor/anchor.tsx

@@ -1,6 +1,6 @@
 import Vue, { VueConstructor } from 'vue';
 import { ScopedSlotReturnValue } from 'vue/types/vnode';
-import isFunction from 'lodash/isFunction';
+import { isFunction } from 'lodash-es';
 import { ANCHOR_SHARP_REGEXP, ANCHOR_CONTAINER, getOffsetTop } from './utils';
 import {
   on, off, getScroll, scrollTo, getScrollContainer,

src/auto-complete/_example-composition/filter.vue

@@ -24,7 +24,7 @@
 
 <script setup>
 import { ref } from 'vue';
-import escapeRegExp from 'lodash/escapeRegExp';
+import { escapeRegExp } from 'lodash-es';
 
 const LIST = ['第一个 AutoComplete 默认联想词', '第二个 AutoComplete 默认联想词', '第三个 AutoComplete 默认联想词'];
 const value1 = ref('');

src/auto-complete/_example/filter.vue

@@ -23,7 +23,7 @@
 </template>
 
 <script>
-import escapeRegExp from 'lodash/escapeRegExp';
+import { escapeRegExp } from 'lodash-es';
 
 const LIST = ['第一个 AutoComplete 默认联想词', '第二个 AutoComplete 默认联想词', '第三个 AutoComplete 默认联想词'];
 

src/auto-complete/auto-complete.tsx

@@ -158,7 +158,7 @@ export default defineComponent({
       />
     );
     // 联想词列表
-    const listContent = (
+    const listContent = Array.isArray(this.options) && (
       <AutoCompleteOptionList
         ref="optionListRef"
         value={this.tValue}
@@ -170,16 +170,15 @@ export default defineComponent({
         highlightKeyword={this.highlightKeyword}
         filterable={this.filterable}
         filter={this.filter}
-        empty={this.empty}
+        empty={renderTNodeJSX(this, 'empty')}
         scopedSlots={{
           option: this.$scopedSlots.option,
-          empty: this.$scopedSlots.empty,
         }}
       />
     );
     const topContent = renderTNodeJSX(this, 'panelTopContent');
     const bottomContent = renderTNodeJSX(this, 'panelBottomContent');
-    const panelContent = topContent || this.options?.length || bottomContent ? (
+    const panelContent = topContent || listContent || bottomContent ? (
         <div class={`${this.classPrefix}-auto-complete__panel`}>
           {topContent}
           {listContent}

src/auto-complete/highlight-option.tsx

@@ -1,5 +1,5 @@
 import { computed, defineComponent } from 'vue';
-import escapeRegExp from 'lodash/escapeRegExp';
+import { escapeRegExp } from 'lodash-es';
 import { usePrefixClass } from '../hooks/useConfig';
 
 export default defineComponent({

src/auto-complete/option-list.tsx

@@ -1,15 +1,14 @@
 import {
   ref, computed, defineComponent, PropType, h, watch, onBeforeUnmount,
 } from 'vue';
-import isFunction from 'lodash/isFunction';
-import escapeRegExp from 'lodash/escapeRegExp';
+import { isFunction, escapeRegExp } from 'lodash-es';
+
 import HighlightOption from './highlight-option';
 import { CommonClassNameType } from '../hooks/useCommonClassName';
 import { AutoCompleteOptionObj, TdAutoCompleteProps } from './type';
 import log from '../_common/js/log';
 import { useConfig, usePrefixClass } from '../hooks/useConfig';
 import { on, off } from '../utils/dom';
-import { renderTNodeJSX } from '../utils/render-tnode';
 
 export default defineComponent({
   name: 'AutoCompleteOptionList',
@@ -147,8 +146,9 @@ export default defineComponent({
 
   render() {
     if (!this.tOptions.length) {
-      const empty = renderTNodeJSX(this, 'empty');
-      return <div class={`${this.classPrefix}-auto-complete__panel--empty`}>{empty || this.globalConfig.empty}</div>;
+      return (
+        <div class={`${this.classPrefix}-auto-complete__panel--empty`}>{this.empty || this.globalConfig.empty}</div>
+      );
     }
     return (
       <ul class={this.classes}>

src/calendar/calendar.tsx

@@ -1,7 +1,7 @@
 import Vue from 'vue';
 // 通用库
 import dayjs from 'dayjs';
-import remove from 'lodash/remove';
+import { remove } from 'lodash-es';
 import calendar from 'dayjs/plugin/calendar';
 import props from './props';
 import mixins from '../utils/mixins';

src/cascader/cascader.tsx

@@ -1,5 +1,5 @@
 import { defineComponent, computed } from 'vue';
-import omit from 'lodash/omit';
+import { omit } from 'lodash-es';
 import Panel from './components/Panel';
 import SelectInput, {
   SelectInputChangeContext,

src/cascader/core/effect.ts

@@ -1,6 +1,4 @@
-import isNumber from 'lodash/isNumber';
-import isFunction from 'lodash/isFunction';
-import cloneDeep from 'lodash/cloneDeep';
+import { cloneDeep, isFunction, isNumber } from 'lodash-es';
 import {
   TreeNode, CascaderContextType, TdCascaderProps, TreeNodeValue, TreeNodeModel,
 } from '../interface';

src/cascader/core/helper.ts

@@ -1,4 +1,4 @@
-import isEmpty from 'lodash/isEmpty';
+import { isEmpty } from 'lodash-es';
 import {
   TreeNode,
   CascaderContextType,

src/cascader/hooks.ts

@@ -1,8 +1,7 @@
 import {
   Ref, reactive, computed, toRefs, watch, nextTick,
 } from 'vue';
-import isEqual from 'lodash/isEqual';
-import isFunction from 'lodash/isFunction';
+import { isEqual, isFunction } from 'lodash-es';
 
 import TreeStore from '../_common/js/tree/tree-store';
 import useVModel from '../hooks/useVModel';

src/checkbox/group.tsx

@@ -1,9 +1,8 @@
 import {
   defineComponent, provide, computed, watchEffect, ref, toRefs, watch, nextTick, onMounted, VNode,
 } from 'vue';
-import intersection from 'lodash/intersection';
-import isObject from 'lodash/isObject';
-import isUndefined from 'lodash/isUndefined';
+import { intersection, isObject, isUndefined } from 'lodash-es';
+
 import { getVNodeComponentName, getVueComponentName } from '../utils/helper';
 import Checkbox from './checkbox';
 import props from './checkbox-group-props';

src/color-picker/panel/format/index.tsx

@@ -1,7 +1,7 @@
 import {
   defineComponent, PropType, ref, watch,
 } from 'vue';
-import upperCase from 'lodash/upperCase';
+import { upperCase } from 'lodash-es';
 import { TdColorHandler } from '../../../color-picker/interfaces';
 import { TdColorPickerProps } from '../../type';
 import props from '../../props';

src/color-picker/panel/format/inputs.tsx

@@ -1,7 +1,7 @@
 import {
   computed, defineComponent, PropType, reactive, watch,
 } from 'vue';
-import throttle from 'lodash/throttle';
+import { throttle } from 'lodash-es';
 import { TdColorHandler } from '../../interfaces';
 import props from '../../props';
 import { Color } from '../../utils';

src/color-picker/panel/linear-gradient.tsx

@@ -1,7 +1,7 @@
 import {
   computed, defineComponent, onBeforeUnmount, onMounted, reactive, ref, watch,
 } from 'vue';
-import cloneDeep from 'lodash/cloneDeep';
+import { cloneDeep } from 'lodash-es';
 import { GRADIENT_SLIDER_DEFAULT_WIDTH } from '../../_common/js/color-picker/constants';
 import { genGradientPoint, gradientColors2string, GradientColorPoint } from '../utils';
 import { InputNumber as TInputNumber } from '../../input-number';

src/color-picker/panel/swatches.tsx

@@ -2,7 +2,7 @@ import {
   computed, defineComponent, PropType, ref,
 } from 'vue';
 import { DeleteIcon as TdDeleteIcon, AddIcon as TdAddIcon } from 'tdesign-icons-vue';
-import cloneDeep from 'lodash/cloneDeep';
+import { cloneDeep } from 'lodash-es';
 import { Select as TSelect, Option as TOption } from '../../select';
 import { Color } from '../utils';
 import { useBaseClassName } from '../hooks';

src/config-provider/_example-composition/calendar.vue

@@ -6,7 +6,7 @@
 
 <script setup>
 import { ref } from 'vue';
-import merge from 'lodash/merge';
+import { merge } from 'lodash-es';
 import enConfig from 'tdesign-vue/es/locale/en_US';
 
 const MONTHS = [

src/config-provider/_example-composition/date-picker.vue

@@ -17,7 +17,7 @@
 
 <script setup>
 import { reactive } from 'vue';
-import merge from 'lodash/merge';
+import { merge } from 'lodash-es';
 import enConfig from 'tdesign-vue/es/locale/en_US';
 // import dayjs from 'dayjs';
 

src/config-provider/_example-composition/global.vue

@@ -12,7 +12,7 @@
 
 <script setup>
 import { ref } from 'vue';
-import merge from 'lodash/merge';
+import { merge } from 'lodash-es';
 import enConfig from 'tdesign-vue/es/locale/en_US';
 // 全局特性配置，引入英文语言配置包 enConfig
 const globalConfig = ref(