tdesign-react 0.17.0 → 0.18.2

package/es/calendar/style/index.css

@@ -18,58 +18,58 @@
 }
 :root,
 :root[theme-mode="light"] {
-  --td-brand-color-1: #ECF2FE;
-  --td-brand-color-2: #D4E3FC;
-  --td-brand-color-3: #BBD3FB;
-  --td-brand-color-4: #96BBF8;
-  --td-brand-color-5: #699EF5;
-  --td-brand-color-6: #4787F0;
-  --td-brand-color-7: #266FE8;
-  --td-brand-color-8: #0052D9;
-  --td-brand-color-9: #0034B5;
-  --td-brand-color-10: #001F97;
-  --td-warning-color-1: #FEF3E6;
-  --td-warning-color-2: #F9E0C7;
-  --td-warning-color-3: #F7C797;
-  --td-warning-color-4: #F2995F;
-  --td-warning-color-5: #ED7B2F;
-  --td-warning-color-6: #D35A21;
-  --td-warning-color-7: #BA431B;
-  --td-warning-color-8: #9E3610;
-  --td-warning-color-9: #842B0B;
-  --td-warning-color-10: #5A1907;
-  --td-error-color-1: #FDECEE;
-  --td-error-color-2: #F9D7D9;
-  --td-error-color-3: #F8B9BE;
-  --td-error-color-4: #F78D94;
-  --td-error-color-5: #F36D78;
-  --td-error-color-6: #E34D59;
-  --td-error-color-7: #C9353F;
-  --td-error-color-8: #B11F26;
+  --td-brand-color-1: #ecf2fe;
+  --td-brand-color-2: #d4e3fc;
+  --td-brand-color-3: #bbd3fb;
+  --td-brand-color-4: #96bbf8;
+  --td-brand-color-5: #699ef5;
+  --td-brand-color-6: #4787f0;
+  --td-brand-color-7: #266fe8;
+  --td-brand-color-8: #0052d9;
+  --td-brand-color-9: #0034b5;
+  --td-brand-color-10: #001f97;
+  --td-warning-color-1: #fef3e6;
+  --td-warning-color-2: #f9e0c7;
+  --td-warning-color-3: #f7c797;
+  --td-warning-color-4: #f2995f;
+  --td-warning-color-5: #ed7b2f;
+  --td-warning-color-6: #d35a21;
+  --td-warning-color-7: #ba431b;
+  --td-warning-color-8: #9e3610;
+  --td-warning-color-9: #842b0b;
+  --td-warning-color-10: #5a1907;
+  --td-error-color-1: #fdecee;
+  --td-error-color-2: #f9d7d9;
+  --td-error-color-3: #f8b9be;
+  --td-error-color-4: #f78d94;
+  --td-error-color-5: #f36d78;
+  --td-error-color-6: #e34d59;
+  --td-error-color-7: #c9353f;
+  --td-error-color-8: #b11f26;
   --td-error-color-9: #951114;
   --td-error-color-10: #680506;
-  --td-success-color-1: #E8F8F2;
-  --td-success-color-2: #BCEBDC;
-  --td-success-color-3: #85DBBE;
-  --td-success-color-4: #48C79C;
-  --td-success-color-5: #00A870;
-  --td-success-color-6: #078D5C;
+  --td-success-color-1: #e8f8f2;
+  --td-success-color-2: #bcebdc;
+  --td-success-color-3: #85dbbe;
+  --td-success-color-4: #48c79c;
+  --td-success-color-5: #00a870;
+  --td-success-color-6: #078d5c;
   --td-success-color-7: #067945;
   --td-success-color-8: #056334;
-  --td-success-color-9: #044F2A;
+  --td-success-color-9: #044f2a;
   --td-success-color-10: #033017;
-  --td-gray-color-1: #F3F3F3;
-  --td-gray-color-2: #EEEEEE;
-  --td-gray-color-3: #E7E7E7;
-  --td-gray-color-4: #DCDCDC;
-  --td-gray-color-5: #C5C5C5;
-  --td-gray-color-6: #A6A6A6;
-  --td-gray-color-7: #8B8B8B;
-  --td-gray-color-8: #777777;
-  --td-gray-color-9: #5E5E5E;
-  --td-gray-color-10: #4B4B4B;
+  --td-gray-color-1: #f3f3f3;
+  --td-gray-color-2: #eee;
+  --td-gray-color-3: #e7e7e7;
+  --td-gray-color-4: #dcdcdc;
+  --td-gray-color-5: #c5c5c5;
+  --td-gray-color-6: #a6a6a6;
+  --td-gray-color-7: #8b8b8b;
+  --td-gray-color-8: #777;
+  --td-gray-color-9: #5e5e5e;
+  --td-gray-color-10: #4b4b4b;
   --td-gray-color-11: #383838;
-  --td-gray-color-12: #2C2C2C;
+  --td-gray-color-12: #2c2c2c;
   --td-gray-color-13: #242424;
   --td-gray-color-14: #181818;
   --td-font-white-1: #ffffff;
@@ -130,69 +130,69 @@
   --td-component-stroke: var(--td-gray-color-3);
   --td-border-level-2-color: var(--td-gray-color-4);
   --td-component-border: var(--td-gray-color-4);
-  --td-shadow-1: 0px 1px 10px rgba(0, 0, 0, 0.05), 0px 4px 5px rgba(0, 0, 0, .08), 0px 2px 4px -1px rgba(0, 0, 0, .12);
-  --td-shadow-2: 0px 3px 14px 2px rgba(0, 0, 0, 0.05), 0px 8px 10px 1px rgba(0, 0, 0, .06), 0px 5px 5px -3px rgba(0, 0, 0, .1);
-  --td-shadow-3: 0px 6px 30px 5px rgba(0, 0, 0, 0.05), 0px 16px 24px 2px rgba(0, 0, 0, .04), 0px 8px 10px -5px rgba(0, 0, 0, .08);
-  --td-shadow-inset-top: inset 0px 0.5px 0px #DCDCDC;
-  --td-shadow-inset-right: inset 0.5px 0px 0px #DCDCDC;
-  --td-shadow-inset-bottom: inset 0px -0.5px 0px #DCDCDC;
-  --td-shadow-inset-left: inset -0.5px 0px 0px #DCDCDC;
+  --td-shadow-1: 0 1px 10px rgba(0, 0, 0, 0.05), 0 4px 5px rgba(0, 0, 0, 8%), 0 2px 4px -1px rgba(0, 0, 0, 12%);
+  --td-shadow-2: 0 3px 14px 2px rgba(0, 0, 0, 0.05), 0 8px 10px 1px rgba(0, 0, 0, 6%), 0 5px 5px -3px rgba(0, 0, 0, 10%);
+  --td-shadow-3: 0 6px 30px 5px rgba(0, 0, 0, 0.05), 0 16px 24px 2px rgba(0, 0, 0, 4%), 0 8px 10px -5px rgba(0, 0, 0, 8%);
+  --td-shadow-inset-top: inset 0 0.5px 0 #dcdcdc;
+  --td-shadow-inset-right: inset 0.5px 0 0 #dcdcdc;
+  --td-shadow-inset-bottom: inset 0 -0.5px 0 #dcdcdc;
+  --td-shadow-inset-left: inset -0.5px 0 0 #dcdcdc;
   --td-table-shadow-color: rgba(0, 0, 0, 0.08);
   --td-scrollbar-color: rgba(0, 0, 0, 0.1);
 }
 :root[theme-mode="dark"] {
-  --td-brand-color-1: #1B2F51;
+  --td-brand-color-1: #1b2f51;
   --td-brand-color-2: #173463;
   --td-brand-color-3: #143975;
-  --td-brand-color-4: #103D88;
-  --td-brand-color-5: #0D429A;
-  --td-brand-color-6: #054BBE;
-  --td-brand-color-7: #2667D4;
-  --td-brand-color-8: #4582E6;
-  --td-brand-color-9: #699EF5;
-  --td-brand-color-10: #96BBF8;
-  --td-warning-color-1: #4F2A1D;
-  --td-warning-color-2: #582F21;
-  --td-warning-color-3: #733C23;
-  --td-warning-color-4: #A75D2B;
-  --td-warning-color-5: #CF6E2D;
-  --td-warning-color-6: #DC7633;
-  --td-warning-color-7: #E8935C;
-  --td-warning-color-8: #ECBF91;
-  --td-warning-color-9: #EED7BF;
-  --td-warning-color-10: #F3E9DC;
+  --td-brand-color-4: #103d88;
+  --td-brand-color-5: #0d429a;
+  --td-brand-color-6: #054bbe;
+  --td-brand-color-7: #2667d4;
+  --td-brand-color-8: #4582e6;
+  --td-brand-color-9: #699ef5;
+  --td-brand-color-10: #96bbf8;
+  --td-warning-color-1: #4f2a1d;
+  --td-warning-color-2: #582f21;
+  --td-warning-color-3: #733c23;
+  --td-warning-color-4: #a75d2b;
+  --td-warning-color-5: #cf6e2d;
+  --td-warning-color-6: #dc7633;
+  --td-warning-color-7: #e8935c;
+  --td-warning-color-8: #ecbf91;
+  --td-warning-color-9: #eed7bf;
+  --td-warning-color-10: #f3e9dc;
   --td-error-color-1: #472324;
-  --td-error-color-2: #5E2A2D;
+  --td-error-color-2: #5e2a2d;
   --td-error-color-3: #703439;
-  --td-error-color-4: #83383E;
-  --td-error-color-5: #A03F46;
-  --td-error-color-6: #C64751;
-  --td-error-color-7: #DE6670;
-  --td-error-color-8: #EC888E;
-  --td-error-color-9: #EDB1B6;
-  --td-error-color-10: #EECED0;
-  --td-success-color-1: #193A2A;
-  --td-success-color-2: #1A4230;
-  --td-success-color-3: #17533D;
-  --td-success-color-4: #0D7A55;
+  --td-error-color-4: #83383e;
+  --td-error-color-5: #a03f46;
+  --td-error-color-6: #c64751;
+  --td-error-color-7: #de6670;
+  --td-error-color-8: #ec888e;
+  --td-error-color-9: #edb1b6;
+  --td-error-color-10: #eeced0;
+  --td-success-color-1: #193a2a;
+  --td-success-color-2: #1a4230;
+  --td-success-color-3: #17533d;
+  --td-success-color-4: #0d7a55;
   --td-success-color-5: #059465;
-  --td-success-color-6: #43AF8A;
-  --td-success-color-7: #46BF96;
-  --td-success-color-8: #80D2B6;
-  --td-success-color-9: #B4E1D3;
-  --td-success-color-10: #DEEDE8;
-  --td-gray-color-1: #F3F3F3;
-  --td-gray-color-2: #EEEEEE;
-  --td-gray-color-3: #E7E7E7;
-  --td-gray-color-4: #DCDCDC;
-  --td-gray-color-5: #C5C5C5;
-  --td-gray-color-6: #A6A6A6;
-  --td-gray-color-7: #8B8B8B;
-  --td-gray-color-8: #777777;
-  --td-gray-color-9: #5E5E5E;
-  --td-gray-color-10: #4B4B4B;
+  --td-success-color-6: #43af8a;
+  --td-success-color-7: #46bf96;
+  --td-success-color-8: #80d2b6;
+  --td-success-color-9: #b4e1d3;
+  --td-success-color-10: #deede8;
+  --td-gray-color-1: #f3f3f3;
+  --td-gray-color-2: #eee;
+  --td-gray-color-3: #e7e7e7;
+  --td-gray-color-4: #dcdcdc;
+  --td-gray-color-5: #c5c5c5;
+  --td-gray-color-6: #a6a6a6;
+  --td-gray-color-7: #8b8b8b;
+  --td-gray-color-8: #777;
+  --td-gray-color-9: #5e5e5e;
+  --td-gray-color-10: #4b4b4b;
   --td-gray-color-11: #383838;
-  --td-gray-color-12: #2C2C2C;
+  --td-gray-color-12: #2c2c2c;
   --td-gray-color-13: #242424;
   --td-gray-color-14: #181818;
   --td-font-white-1: rgba(255, 255, 255, 0.9);
@@ -253,13 +253,13 @@
   --td-component-stroke: var(--td-gray-color-11);
   --td-border-level-2-color: var(--td-gray-color-9);
   --td-component-border: var(--td-gray-color-9);
-  --td-shadow-1: 0px 4px 6px rgba(0, 0, 0, 0.06), 0px 1px 10px rgba(0, 0, 0, .08), 0px 2px 4px rgba(0, 0, 0, .12);
-  --td-shadow-2: 0px 8px 10px rgba(0, 0, 0, 0.12), 0px 3px 14px rgba(0, 0, 0, .1), 0px 5px 5px rgba(0, 0, 0, .16);
-  --td-shadow-3: 0px 16px 24px rgba(0, 0, 0, 0.14), 0px 6px 30px rgba(0, 0, 0, .12), 0px 8px 10px rgba(0, 0, 0, .2);
-  --td-shadow-inset-top: inset 0px 0.5px 0px #5E5E5E;
-  --td-shadow-inset-right: inset 0.5px 0px 0px #5E5E5E;
-  --td-shadow-inset-bottom: inset 0px -0.5px 0px #5E5E5E;
-  --td-shadow-inset-left: inset -0.5px 0px 0px #5E5E5E;
+  --td-shadow-1: 0 4px 6px rgba(0, 0, 0, 0.06), 0 1px 10px rgba(0, 0, 0, 8%), 0 2px 4px rgba(0, 0, 0, 12%);
+  --td-shadow-2: 0 8px 10px rgba(0, 0, 0, 0.12), 0 3px 14px rgba(0, 0, 0, 10%), 0 5px 5px rgba(0, 0, 0, 16%);
+  --td-shadow-3: 0 16px 24px rgba(0, 0, 0, 0.14), 0 6px 30px rgba(0, 0, 0, 12%), 0 8px 10px rgba(0, 0, 0, 20%);
+  --td-shadow-inset-top: inset 0 0.5px 0 #5e5e5e;
+  --td-shadow-inset-right: inset 0.5px 0 0 #5e5e5e;
+  --td-shadow-inset-bottom: inset 0 -0.5px 0 #5e5e5e;
+  --td-shadow-inset-left: inset -0.5px 0 0 #5e5e5e;
   --td-table-shadow-color: rgba(0, 0, 0, 0.55);
   --td-scrollbar-color: rgba(255, 255, 255, 0.1);
 }
@@ -315,12 +315,12 @@
       -ms-flex-align: end;
           align-items: flex-end;
   margin-left: 0px;
-  -webkit-transition-timing-function: cubic-bezier(0.82, 0, 1, 0.9);
-          transition-timing-function: cubic-bezier(0.82, 0, 1, 0.9);
   -webkit-transition-duration: 0.2s;
           transition-duration: 0.2s;
   -webkit-transition-property: border-top, background;
   transition-property: border-top, background;
+  -webkit-transition-timing-function: cubic-bezier(0.82, 0, 1, 0.9);
+          transition-timing-function: cubic-bezier(0.82, 0, 1, 0.9);
 }
 .t-calendar--full .t-calendar__table-body-cell-content {
   min-height: 60px;
@@ -432,16 +432,16 @@
   font-size: 12px;
   text-align: center;
   border-radius: 50%;
-  -webkit-transition-timing-function: cubic-bezier(0.82, 0, 1, 0.9);
-          transition-timing-function: cubic-bezier(0.82, 0, 1, 0.9);
   -webkit-transition-duration: 0.2s;
           transition-duration: 0.2s;
-  -webkit-transition-property: color, background;
-  transition-property: color, background;
+  -webkit-transition-property: border-top, background;
+  transition-property: border-top, background;
+  -webkit-transition-timing-function: cubic-bezier(0.82, 0, 1, 0.9);
+          transition-timing-function: cubic-bezier(0.82, 0, 1, 0.9);
 }
 .t-calendar--card .t-calendar__table-body-cell-value:hover {
-  -webkit-box-shadow: inset 0px 0px 0px 1px var(--td-brand-color);
-          box-shadow: inset 0px 0px 0px 1px var(--td-brand-color);
+  -webkit-box-shadow: inset 0 0 0 1px var(--td-brand-color);
+          box-shadow: inset 0 0 0 1px var(--td-brand-color);
   -webkit-transition: -webkit-box-shadow 0.2s cubic-bezier(0.82, 0, 1, 0.9);
   transition: -webkit-box-shadow 0.2s cubic-bezier(0.82, 0, 1, 0.9);
   transition: box-shadow 0.2s cubic-bezier(0.82, 0, 1, 0.9);

package/es/calendar/style/index.js

@@ -1,5 +1,5 @@
 /**
- * tdesign v0.17.0
+ * tdesign v0.18.2
  * (c) 2021 tdesign
  * @license MIT
  */

package/es/cascader/Cascader.js

@@ -1,91 +1,102 @@
 /**
- * tdesign v0.17.0
+ * tdesign v0.18.2
  * (c) 2021 tdesign
  * @license MIT
  */
 
-import { _ as _defineProperty } from '../_chunks/dep-308ea020.js';
-import { _ as _slicedToArray } from '../_chunks/dep-01d52b00.js';
+import { _ as _defineProperty } from '../_chunks/dep-efe7433b.js';
+import { _ as _slicedToArray } from '../_chunks/dep-2f008905.js';
 import React__default, { useState, useMemo, useEffect } from 'react';
 import { useLocaleReceiver } from '../locale/LocalReceiver.js';
 import Panel from './components/Panel.js';
 import { Popup } from '../popup/index.js';
 import InputContent from './components/InputContent.js';
 import useConfig from '../_util/useConfig.js';
-import { T as TreeStore } from '../_chunks/dep-c8279fb6.js';
+import { T as TreeStore } from '../_chunks/dep-b44aec31.js';
 import useDefault from '../_util/useDefault.js';
 import { getTreeValue } from './utils/helper.js';
 import { treeNodesEffect, treeStoreExpendEffect } from './utils/cascader.js';
-import '../_chunks/dep-65d3c0dc.js';
+import '../_chunks/dep-6a5b1968.js';
 import '../config-provider/index.js';
 import '../config-provider/ConfigProvider.js';
-import '../_chunks/dep-34727236.js';
+import '../_chunks/dep-016d27a7.js';
 import '../config-provider/ConfigContext.js';
 import '../locale/zh_CN.js';
 import 'classnames';
 import './utils/panel.js';
-import '../_chunks/dep-169d1f12.js';
-import '../_chunks/dep-d77e1dab.js';
-import '../_chunks/dep-72e49bf9.js';
-import '../_chunks/dep-4f8d4a92.js';
-import '../_chunks/dep-d637b20e.js';
-import '../_chunks/dep-a80d1e95.js';
-import '../_chunks/dep-8f70dd0b.js';
-import '../_chunks/dep-0bebd973.js';
+import '../_chunks/dep-83646039.js';
+import '../_chunks/dep-cb80da27.js';
+import '../_chunks/dep-b6ff8559.js';
+import '../_chunks/dep-1189939f.js';
+import '../_chunks/dep-504203df.js';
+import '../_chunks/dep-74a044dc.js';
+import '../_chunks/dep-462edfd5.js';
+import '../_chunks/dep-f3eac264.js';
 import './components/Item.js';
 import 'tdesign-icons-react';
 import '../_util/useCommonClassName.js';
 import '../_util/useRipple.js';
 import '../_util/setStyle.js';
 import './utils/item.js';
-import '../_chunks/dep-983e6e8d.js';
+import '../_chunks/dep-2eeaa58b.js';
+import '../loading/index.js';
+import '../loading/loading.js';
+import 'react-dom';
+import '../_util/dom.js';
+import 'raf';
+import '../_chunks/dep-e507e9db.js';
+import '../_chunks/dep-9ad4f4b7.js';
+import '../_chunks/dep-4e491803.js';
+import '../_util/easing.js';
+import '../common/Portal.js';
+import '../_chunks/dep-65c183dc.js';
+import './style/css.js';
+import '../_type/components/loading/index.js';
 import '../tooltip/Tooltip.js';
 import '../popup/Popup.js';
 import 'react-popper';
 import '../_util/composeRefs.js';
 import '../_util/usePrevious.js';
 import '../popup/Portal.js';
-import 'react-dom';
 import '../popup/useTriggerProps.js';
 import '../_util/useClickOutside.js';
 import '../_util/noop.js';
-import './style/css.js';
-import '../checkbox/Checkbox.js';
+import '../_type/components/popup/index.js';
+import '../_chunks/dep-edb4c08f.js';
 import '../_util/forwardRefWithStatics.js';
 import 'hoist-non-react-statics';
 import '../common/Check.js';
-import '../checkbox/CheckboxGroup.js';
+import '../_util/helper.js';
+import '../_chunks/dep-8037ad24.js';
+import '../_chunks/dep-43869d17.js';
+import '../_chunks/dep-9d2e7b62.js';
+import '../_chunks/dep-5ec09fbd.js';
+import '../_chunks/dep-0c106052.js';
 import '../tag/index.js';
 import '../tag/Tag.js';
 import '../tag/CheckTag.js';
+import '../_type/components/tag/index.js';
 import '../input/index.js';
 import '../input/Input.js';
 import '../input/InputGroup.js';
 import '../_util/useDefaultValue.js';
+import '../_type/components/input/index.js';
 import '../common/FakeArrow.js';
 import './utils/inputContent.js';
-import '../_chunks/dep-ba094f88.js';
-import '../_chunks/dep-ef419a2e.js';
-import '../_chunks/dep-e48c1464.js';
-import '../_chunks/dep-50d67a9e.js';
-import '../_chunks/dep-6d4ba42b.js';
-import '../_chunks/dep-cc4fe4a7.js';
-import '../_chunks/dep-c7963465.js';
-import '../_chunks/dep-72f42a94.js';
-import '../_chunks/dep-192c8209.js';
-import '../_chunks/dep-62694799.js';
-import '../_chunks/dep-860f801e.js';
-import '../_chunks/dep-6e666254.js';
-import '../_chunks/dep-037cf0e5.js';
-import '../_chunks/dep-c8805e88.js';
-import '../_chunks/dep-8e48c9f4.js';
-import '../_chunks/dep-970e57f2.js';
-import '../_chunks/dep-c6be3527.js';
-import '../_chunks/dep-582e49a8.js';
-import '../_chunks/dep-7145d9df.js';
-import '../_chunks/dep-37e609b3.js';
-import '../_chunks/dep-ada253d1.js';
-import '../_chunks/dep-edc09aef.js';
+import '../_chunks/dep-9c56e17c.js';
+import '../_chunks/dep-11b4e1d1.js';
+import '../_chunks/dep-b6158110.js';
+import '../_chunks/dep-744f52b3.js';
+import '../_chunks/dep-e83a1558.js';
+import '../_chunks/dep-47afb0bc.js';
+import '../_chunks/dep-ed9505a3.js';
+import '../_chunks/dep-4e5953fc.js';
+import '../_chunks/dep-1b2238b1.js';
+import '../_chunks/dep-efa4ba54.js';
+import '../_chunks/dep-bb05ae7d.js';
+import '../_chunks/dep-32b70135.js';
+import '../_chunks/dep-f7d3ea79.js';
+import '../_chunks/dep-039ac0dd.js';
 
 function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
 

package/es/cascader/Cascader.js.map

@@ -1 +1 @@
-{"version":3,"file":"Cascader.js","sources":["../../src/cascader/Cascader.tsx"],"sourcesContent":["import React, { useState, useEffect, useMemo } from 'react';\n\n// component\nimport { useLocaleReceiver } from '../locale/LocalReceiver';\nimport Panel from './components/Panel';\nimport Popup from '../popup';\nimport InputContent from './components/InputContent';\n\n// utils\nimport useConfig from '../_util/useConfig';\nimport TreeStore from '../_common/js/tree/tree-store';\nimport useDefault from '../_util/useDefault';\nimport { getTreeValue } from './utils/helper';\n\n// common logic\nimport { treeNodesEffect, treeStoreExpendEffect } from './utils/cascader';\n\n// types\nimport { CascaderProps, CascaderContextType, TreeNodeValue } from './interface';\n\nconst Cascader: React.FC<CascaderProps> = (props) => {\n  /**\n   * global user props, config, data\n   */\n  const { classPrefix } = useConfig();\n  const name = `${classPrefix}-cascader`;\n  const { className, style, defaultValue, onChange, collapsedItems } = props;\n\n  const [value, setValue] = useDefault(props.value, defaultValue, onChange);\n\n  const [visible, setVisible] = useState(false);\n  const [treeStore, setTreeStore] = useState(null);\n  const [filterActive, setFilterActive] = useState(false);\n  const [inputVal, setInputVal] = useState('');\n  const [treeNodes, setTreeNodes] = useState([]);\n  const [expend, setExpend] = useState<TreeNodeValue[]>([]);\n\n  // cascaderContext, center status\n  const cascaderContext = useMemo(() => {\n    const {\n      size = 'medium',\n      disabled = false,\n      checkStrictly = false,\n      lazy = true,\n      multiple = false,\n      filterable = false,\n      clearable = false,\n      checkProps = {},\n      max = 0,\n      showAllLevels = true,\n      minCollapsedNum = false,\n    } = props;\n    return {\n      size,\n      disabled,\n      checkStrictly,\n      lazy,\n      multiple,\n      filterable,\n      value,\n      setValue,\n      visible,\n      setVisible,\n      treeStore,\n      checkProps,\n      clearable,\n      showAllLevels,\n      max,\n      treeNodes,\n      setTreeNodes,\n      filterActive,\n      setFilterActive,\n      inputVal,\n      setInputVal,\n      setExpend,\n      minCollapsedNum,\n    } as CascaderContextType;\n  }, [props, inputVal, value, setValue, visible, treeStore, treeNodes, filterActive]);\n\n  /**\n   * build tree\n   */\n  const { disabled, options = [], keys, checkStrictly = false, lazy = true, load, valueMode = 'onlyLeaf' } = props;\n\n  const createStore = (onLoad: () => void) => {\n    const treeProps = {\n      keys: keys || {},\n      checkable: true,\n      checkStrictly,\n      expandMutex: true,\n      expandParent: true,\n      disabled,\n      load,\n      lazy,\n      valueMode,\n      onLoad,\n    };\n    const store = new TreeStore(treeProps);\n\n    store.append(options);\n    return store;\n  };\n\n  if (!treeStore) {\n    const store = createStore(() => {\n      setTimeout(() => {\n        store.refreshNodes();\n        treeNodesEffect(inputVal, store, setTreeNodes);\n      }, 0);\n    });\n    setTreeStore(store);\n  }\n\n  useEffect(() => {\n    const treeProps = {\n      keys: keys || {},\n      checkable: true,\n      checkStrictly,\n      expandMutex: true,\n      expandParent: true,\n      disabled,\n      load,\n      lazy,\n      valueMode,\n      options,\n    };\n    treeStore.setConfig(treeProps);\n  }, [checkStrictly, disabled, keys, lazy, load, options, valueMode, treeStore]);\n\n  // treeStore and expend effect\n  useEffect(() => {\n    if (!treeStore) return;\n    treeStoreExpendEffect(treeStore, value, expend);\n  }, [treeStore, value, expend]);\n\n  // value change will effect treeNodes, in filter, inputVal will also change treeNodes\n  useEffect(() => {\n    if (!treeStore) return;\n    treeNodesEffect(inputVal, treeStore, setTreeNodes);\n  }, [inputVal, treeStore, value]);\n\n  // tree checked effect\n  useEffect(() => {\n    if (!treeStore) return;\n    treeStore.replaceChecked(getTreeValue(value));\n  }, [value, treeStore]);\n\n  useEffect(() => {\n    if (!filterActive) {\n      setInputVal('');\n    }\n  }, [filterActive]);\n\n  const [local, t] = useLocaleReceiver('cascader');\n\n  // panel props\n  const { empty = t(local.empty), trigger = 'click' } = props;\n\n  // inputContent props\n  const { placeholder = '请输入', onRemove, onBlur, onFocus } = props;\n\n  return (\n    <Popup\n      placement=\"bottom-left\"\n      visible={visible}\n      overlayClassName={`${name}-dropdown`}\n      destroyOnClose\n      {...props?.popupProps}\n      content={<Panel cascaderContext={cascaderContext} trigger={trigger} onChange={onChange} empty={empty} />}\n    >\n      <InputContent\n        collapsedItems={collapsedItems}\n        cascaderContext={cascaderContext}\n        style={style}\n        className={className}\n        listeners={{\n          onRemove,\n          onBlur,\n          onFocus,\n          onChange,\n        }}\n        placeholder={placeholder}\n      />\n      {/* TODO popup need a node */}\n      <></>\n    </Popup>\n  );\n};\n\nexport default Cascader;\n"],"names":["Cascader","props","useConfig","classPrefix","name","className","style","defaultValue","onChange","collapsedItems","useDefault","value","setValue","useState","visible","setVisible","treeStore","setTreeStore","filterActive","setFilterActive","inputVal","setInputVal","treeNodes","setTreeNodes","expend","setExpend","cascaderContext","useMemo","size","disabled","checkStrictly","lazy","multiple","filterable","clearable","checkProps","max","showAllLevels","minCollapsedNum","options","keys","load","valueMode","createStore","onLoad","treeProps","checkable","expandMutex","expandParent","store","TreeStore","append","refreshNodes","setConfig","replaceChecked","getTreeValue","useLocaleReceiver","local","t","empty","trigger","placeholder","onRemove","onBlur","onFocus","Popup","placement","overlayClassName","destroyOnClose","popupProps","content","Panel","InputContent","listeners"],"mappings":"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"}
+{"version":3,"file":"Cascader.js","sources":["../../src/cascader/Cascader.tsx"],"sourcesContent":["import React, { useState, useEffect, useMemo } from 'react';\n\n// component\nimport { useLocaleReceiver } from '../locale/LocalReceiver';\nimport Panel from './components/Panel';\nimport Popup from '../popup';\nimport InputContent from './components/InputContent';\n\n// utils\nimport useConfig from '../_util/useConfig';\nimport TreeStore from '../_common/js/tree/tree-store';\nimport useDefault from '../_util/useDefault';\nimport { getTreeValue } from './utils/helper';\n\n// common logic\nimport { treeNodesEffect, treeStoreExpendEffect } from './utils/cascader';\n\n// types\nimport { CascaderProps, CascaderContextType, TreeNodeValue } from './interface';\n\nconst Cascader: React.FC<CascaderProps> = (props) => {\n  /**\n   * global user props, config, data\n   */\n  const { classPrefix } = useConfig();\n  const name = `${classPrefix}-cascader`;\n  const { className, style, defaultValue, onChange, collapsedItems } = props;\n\n  const [value, setValue] = useDefault(props.value, defaultValue, onChange);\n\n  const [visible, setVisible] = useState(false);\n  const [treeStore, setTreeStore] = useState(null);\n  const [filterActive, setFilterActive] = useState(false);\n  const [inputVal, setInputVal] = useState('');\n  const [treeNodes, setTreeNodes] = useState([]);\n  const [expend, setExpend] = useState<TreeNodeValue[]>([]);\n\n  // cascaderContext, center status\n  const cascaderContext = useMemo(() => {\n    const {\n      size = 'medium',\n      disabled = false,\n      checkStrictly = false,\n      lazy = true,\n      multiple = false,\n      filterable = false,\n      clearable = false,\n      checkProps = {},\n      max = 0,\n      showAllLevels = true,\n      minCollapsedNum = false,\n    } = props;\n    return {\n      size,\n      disabled,\n      checkStrictly,\n      lazy,\n      multiple,\n      filterable,\n      value,\n      setValue,\n      visible,\n      setVisible,\n      treeStore,\n      checkProps,\n      clearable,\n      showAllLevels,\n      max,\n      treeNodes,\n      setTreeNodes,\n      filterActive,\n      setFilterActive,\n      inputVal,\n      setInputVal,\n      setExpend,\n      minCollapsedNum,\n    } as CascaderContextType;\n  }, [props, inputVal, value, setValue, visible, treeStore, treeNodes, filterActive]);\n\n  /**\n   * build tree\n   */\n  const { disabled, options = [], keys, checkStrictly = false, lazy = true, load, valueMode = 'onlyLeaf' } = props;\n\n  const createStore = (onLoad: () => void) => {\n    const treeProps = {\n      keys: keys || {},\n      checkable: true,\n      checkStrictly,\n      expandMutex: true,\n      expandParent: true,\n      disabled,\n      load,\n      lazy,\n      valueMode,\n      onLoad,\n    };\n    const store = new TreeStore(treeProps);\n\n    store.append(options);\n    return store;\n  };\n\n  if (!treeStore) {\n    const store = createStore(() => {\n      setTimeout(() => {\n        store.refreshNodes();\n        treeNodesEffect(inputVal, store, setTreeNodes);\n      }, 0);\n    });\n    setTreeStore(store);\n  }\n\n  useEffect(() => {\n    const treeProps = {\n      keys: keys || {},\n      checkable: true,\n      checkStrictly,\n      expandMutex: true,\n      expandParent: true,\n      disabled,\n      load,\n      lazy,\n      valueMode,\n      options,\n    };\n    treeStore.setConfig(treeProps);\n  }, [checkStrictly, disabled, keys, lazy, load, options, valueMode, treeStore]);\n\n  // treeStore and expend effect\n  useEffect(() => {\n    if (!treeStore) return;\n    treeStoreExpendEffect(treeStore, value, expend);\n  }, [treeStore, value, expend]);\n\n  // value change will effect treeNodes, in filter, inputVal will also change treeNodes\n  useEffect(() => {\n    if (!treeStore) return;\n    treeNodesEffect(inputVal, treeStore, setTreeNodes);\n  }, [inputVal, treeStore, value]);\n\n  // tree checked effect\n  useEffect(() => {\n    if (!treeStore) return;\n    treeStore.replaceChecked(getTreeValue(value));\n  }, [value, treeStore]);\n\n  useEffect(() => {\n    if (!filterActive) {\n      setInputVal('');\n    }\n  }, [filterActive]);\n\n  const [local, t] = useLocaleReceiver('cascader');\n\n  // panel props\n  const { empty = t(local.empty), trigger = 'click' } = props;\n\n  // inputContent props\n  const { placeholder = '请输入', onRemove, onBlur, onFocus } = props;\n\n  return (\n    <Popup\n      placement=\"bottom-left\"\n      visible={visible}\n      overlayClassName={`${name}-dropdown`}\n      destroyOnClose\n      {...props?.popupProps}\n      content={<Panel cascaderContext={cascaderContext} trigger={trigger} onChange={onChange} empty={empty} />}\n    >\n      <InputContent\n        collapsedItems={collapsedItems}\n        cascaderContext={cascaderContext}\n        style={style}\n        className={className}\n        listeners={{\n          onRemove,\n          onBlur,\n          onFocus,\n          onChange,\n        }}\n        placeholder={placeholder}\n      />\n      {/* TODO popup need a node */}\n      <></>\n    </Popup>\n  );\n};\n\nexport default Cascader;\n"],"names":["Cascader","props","useConfig","classPrefix","name","className","style","defaultValue","onChange","collapsedItems","useDefault","value","setValue","useState","visible","setVisible","treeStore","setTreeStore","filterActive","setFilterActive","inputVal","setInputVal","treeNodes","setTreeNodes","expend","setExpend","cascaderContext","useMemo","size","disabled","checkStrictly","lazy","multiple","filterable","clearable","checkProps","max","showAllLevels","minCollapsedNum","options","keys","load","valueMode","createStore","onLoad","treeProps","checkable","expandMutex","expandParent","store","TreeStore","append","refreshNodes","setConfig","replaceChecked","getTreeValue","useLocaleReceiver","local","t","empty","trigger","placeholder","onRemove","onBlur","onFocus","Popup","placement","overlayClassName","destroyOnClose","popupProps","content","Panel","InputContent","listeners"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;IAoBMA,WAAoC,SAApCA,QAAoC,CAACC,KAAD,EAAW;mBAI3BC;MAAhBC,yBAAAA;;MACFC,iBAAUD;MACRE,YAA6DJ,MAA7DI;MAAWC,QAAkDL,MAAlDK;MAAOC,eAA2CN,MAA3CM;MAAcC,WAA6BP,MAA7BO;MAAUC,iBAAmBR,MAAnBQ;;oBAExBC,WAAWT,MAAMU,OAAOJ,cAAcC;;MAAzDG;MAAOC;;kBAEgBC,SAAS;;MAAhCC;MAASC;;mBACkBF,SAAS;;MAApCG;MAAWC;;mBACsBJ,SAAS;;MAA1CK;MAAcC;;mBACWN,SAAS;;MAAlCO;MAAUC;;mBACiBR,SAAS;;MAApCS;MAAWC;;oBACUV,SAA0B;;MAA/CW;MAAQC;;MAGTC,kBAAkBC,QAAQ,YAAM;sBAahC1B,MAXF2B;QAAAA,gCAAO;0BAWL3B,MAVF4B;iDAAW;+BAUT5B,MATF6B;2DAAgB;sBASd7B,MARF8B;yCAAO;0BAQL9B,MAPF+B;QAAAA,wCAAW;4BAOT/B,MANFgC;QAAAA,4CAAa;2BAMXhC,MALFiC;QAAAA,0CAAY;4BAKVjC,MAJFkC;QAAAA,4CAAa;qBAIXlC,MAHFmC;QAAAA,8BAAM;+BAGJnC,MAFFoC;QAAAA,kDAAgB;gCAEdpC,MADFqC;QAAAA,qDAAkB;WAEb;AACLV,MAAAA,MAAAA,IADK;AAELC,MAAAA,mBAFK;AAGLC,MAAAA,6BAHK;AAILC,MAAAA,WAJK;AAKLC,MAAAA,UAAAA,QALK;AAMLC,MAAAA,YAAAA,UANK;AAOLtB,MAAAA,OAAAA,KAPK;AAQLC,MAAAA,UAAAA,QARK;AASLE,MAAAA,SAAAA,OATK;AAULC,MAAAA,YAAAA,UAVK;AAWLC,MAAAA,WAAAA,SAXK;AAYLmB,MAAAA,YAAAA,UAZK;AAaLD,MAAAA,WAAAA,SAbK;AAcLG,MAAAA,eAAAA,aAdK;AAeLD,MAAAA,KAAAA,GAfK;AAgBLd,MAAAA,WAAAA,SAhBK;AAiBLC,MAAAA,cAAAA,YAjBK;AAkBLL,MAAAA,cAAAA,YAlBK;AAmBLC,MAAAA,iBAAAA,eAnBK;AAoBLC,MAAAA,UAAAA,QApBK;AAqBLC,MAAAA,aAAAA,WArBK;AAsBLI,MAAAA,WAAAA,SAtBK;AAuBLa,MAAAA,iBAAAA;AAvBK;KAyBN,CAACrC,KAAD,EAAQmB,QAAR,EAAkBT,KAAlB,EAAyBC,QAAzB,EAAmCE,OAAnC,EAA4CE,SAA5C,EAAuDM,SAAvD,EAAkEJ,YAAlE;MAKKW,WAAmG5B,MAAnG4B;uBAAmG5B,MAAzFsC;MAAAA,sCAAU;MAAIC,OAA2EvC,MAA3EuC;8BAA2EvC,MAArE6B;MAAAA,mDAAgB;qBAAqD7B,MAA9C8B;MAAAA,iCAAO;MAAMU,OAAiCxC,MAAjCwC;yBAAiCxC,MAA3ByC;MAAAA,0CAAY;;MAEtFC,cAAc,SAAdA,WAAc,CAACC,MAAD,EAAwB;QACpCC,YAAY;AAChBL,MAAAA,MAAMA,QAAQ,EADE;AAEhBM,MAAAA,WAAW,IAFK;AAGhBhB,MAAAA,eAAAA,aAHgB;AAIhBiB,MAAAA,aAAa,IAJG;AAKhBC,MAAAA,cAAc,IALE;AAMhBnB,MAAAA,UAAAA,QANgB;AAOhBY,MAAAA,MAAAA,IAPgB;AAQhBV,MAAAA,MAAAA,IARgB;AAShBW,MAAAA,WAAAA,SATgB;AAUhBE,MAAAA,QAAAA;AAVgB;QAYZK,QAAQ,IAAIC,SAAJ,CAAcL,SAAd;UAERM,OAAOZ;WACNU;;;MAGL,CAACjC,WAAW;QACRiC,QAAQN,YAAY,YAAM;iBACnB,YAAM;cACTS;wBACUhC,UAAU6B,OAAO1B;SAChC;;iBAEQ0B;;;YAGL,YAAM;QACRJ,YAAY;AAChBL,MAAAA,MAAMA,QAAQ,EADE;AAEhBM,MAAAA,WAAW,IAFK;AAGhBhB,MAAAA,eAAAA,aAHgB;AAIhBiB,MAAAA,aAAa,IAJG;AAKhBC,MAAAA,cAAc,IALE;AAMhBnB,MAAAA,UAAAA,QANgB;AAOhBY,MAAAA,MAAAA,IAPgB;AAQhBV,MAAAA,MAAAA,IARgB;AAShBW,MAAAA,WAAAA,SATgB;AAUhBH,MAAAA,SAAAA;AAVgB;cAYRc,UAAUR;KACnB,CAACf,aAAD,EAAgBD,QAAhB,EAA0BW,IAA1B,EAAgCT,IAAhC,EAAsCU,IAAtC,EAA4CF,OAA5C,EAAqDG,SAArD,EAAgE1B,SAAhE;YAGO,YAAM;QACV,CAACA;0BACiBA,WAAWL,OAAOa;KACvC,CAACR,SAAD,EAAYL,KAAZ,EAAmBa,MAAnB;YAGO,YAAM;QACV,CAACR;oBACWI,UAAUJ,WAAWO;KACpC,CAACH,QAAD,EAAWJ,SAAX,EAAsBL,KAAtB;YAGO,YAAM;QACV,CAACK;cACKsC,eAAeC,aAAa5C;KACrC,CAACA,KAAD,EAAQK,SAAR;YAEO,YAAM;QACV,CAACE,cAAc;kBACL;;KAEb,CAACA,YAAD;;2BAEgBsC,kBAAkB;;MAA9BC;MAAOC;;qBAGwCzD,MAA9C0D;MAAAA,kCAAQD,EAAED,MAAME;uBAA8B1D,MAAtB2D;MAAAA,sCAAU;2BAGiB3D,MAAnD4D;MAAAA,8CAAc;MAAOC,WAA8B7D,MAA9B6D;MAAUC,SAAoB9D,MAApB8D;MAAQC,UAAY/D,MAAZ+D;qDAG5CC;AACCC,IAAAA,WAAU;AACVpD,IAAAA,SAAAA;AACAqD,IAAAA,4BAAqB/D;AACrBgE,IAAAA,gBAAc;KACVnE,kBAAAA,4BAAAA,MAAOoE;AACXC,IAAAA,qDAAUC,OAAD;AAAO7C,MAAAA,iBAAAA,eAAP;AAAyCkC,MAAAA,SAAAA,OAAzC;AAA2DpD,MAAAA,UAAAA,QAA3D;AAA+EmD,MAAAA,OAAAA;AAA/E;kDAERa,cAAD;AACE/D,IAAAA,gBAAAA,cADF;AAEEiB,IAAAA,iBAAAA,eAFF;AAGEpB,IAAAA,OAAAA,KAHF;AAIED,IAAAA,WAAAA,SAJF;AAKEoE,IAAAA,WAAW;AACTX,MAAAA,UAAAA,QADS;AAETC,MAAAA,QAAAA,MAFS;AAGTC,MAAAA,SAAAA,OAHS;AAITxD,MAAAA,UAAAA;AAJS,KALb;AAWEqD,IAAAA,aAAAA;AAXF;;;;;"}

package/es/cascader/components/InputContent.js

@@ -1,13 +1,13 @@
 /**
- * tdesign v0.17.0
+ * tdesign v0.18.2
  * (c) 2021 tdesign
  * @license MIT
  */
 
-import { _ as _slicedToArray } from '../../_chunks/dep-01d52b00.js';
+import { _ as _slicedToArray } from '../../_chunks/dep-2f008905.js';
 import React__default, { useMemo, useState, useRef, useEffect } from 'react';
 import classNames from 'classnames';
-import { i as isFunction_1 } from '../../_chunks/dep-169d1f12.js';
+import { i as isFunction_1 } from '../../_chunks/dep-83646039.js';
 import { CloseCircleFilledIcon } from 'tdesign-icons-react';
 import useConfig from '../../_util/useConfig.js';
 import useCommonClassName from '../../_util/useCommonClassName.js';
@@ -15,26 +15,28 @@ import { Tag } from '../../tag/index.js';
 import { Input } from '../../input/index.js';
 import FakeArrow from '../../common/FakeArrow.js';
 import { closeIconClickEffect, getSingleContent, getMultipleContent, handleRemoveTagEffect, getPlaceholderShow, getCascaderInnerClasses, outerClickListenerEffect, getCloseIconClass, getFakeArrowIconClass, getCloseShow, innerContentClickEffect } from '../utils/inputContent.js';
-import '../../_chunks/dep-65d3c0dc.js';
-import '../../_chunks/dep-d77e1dab.js';
-import '../../_chunks/dep-72e49bf9.js';
-import '../../_chunks/dep-4f8d4a92.js';
-import '../../_chunks/dep-d637b20e.js';
-import '../../_chunks/dep-a80d1e95.js';
+import '../../_chunks/dep-6a5b1968.js';
+import '../../_chunks/dep-cb80da27.js';
+import '../../_chunks/dep-b6ff8559.js';
+import '../../_chunks/dep-1189939f.js';
+import '../../_chunks/dep-504203df.js';
+import '../../_chunks/dep-74a044dc.js';
 import '../../config-provider/ConfigContext.js';
 import '../../locale/zh_CN.js';
 import '../../tag/Tag.js';
-import '../../_chunks/dep-308ea020.js';
-import '../../_chunks/dep-34727236.js';
+import '../../_chunks/dep-efe7433b.js';
+import '../../_chunks/dep-016d27a7.js';
 import '../../_util/noop.js';
 import '../../_util/forwardRefWithStatics.js';
 import 'hoist-non-react-statics';
 import '../../tag/CheckTag.js';
 import '../../_util/useDefault.js';
 import './style/css.js';
+import '../../_type/components/tag/index.js';
 import '../../input/Input.js';
 import '../../input/InputGroup.js';
 import '../../_util/useDefaultValue.js';
+import '../../_type/components/input/index.js';
 
 var SuffixIcon = function SuffixIcon(props) {
   var cascaderContext = props.cascaderContext,

package/es/cascader/components/InputContent.js.map

@@ -1 +1 @@
-{"version":3,"file":"InputContent.js","sources":["../../../src/cascader/components/InputContent.tsx"],"sourcesContent":["import React, { useState, useMemo, useEffect, useRef } from 'react';\nimport classNames from 'classnames';\nimport isFunction from 'lodash/isFunction';\nimport { CloseCircleFilledIcon } from 'tdesign-icons-react';\nimport useConfig from '../../_util/useConfig';\nimport useCommonClassName from '../../_util/useCommonClassName';\n\n// component\nimport Tag from '../../tag';\nimport Input from '../../input';\nimport FakeArrow from '../../common/FakeArrow';\n\n// common logic\nimport {\n  getCloseIconClass,\n  getFakeArrowIconClass,\n  getCascaderInnerClasses,\n  getCloseShow,\n  getPlaceholderShow,\n  getSingleContent,\n  getMultipleContent,\n  outerClickListenerEffect,\n  closeIconClickEffect,\n  handleRemoveTagEffect,\n  innerContentClickEffect,\n} from '../utils/inputContent';\n\n// types\nimport { InputContentProps, InnerContentProps, ContentProps, SuffixIconProps, TreeNode } from '../interface';\n\n/**\n * SuffixIcon component\n */\n\nconst SuffixIcon = (props: SuffixIconProps) => {\n  const {\n    cascaderContext,\n    listeners: { onChange },\n    closeShow,\n    fakeArrowIconClass,\n    closeIconClass,\n  } = props;\n  const { visible, disabled, size } = cascaderContext;\n\n  const closeIconClick = (e: React.MouseEvent) => {\n    e.stopPropagation();\n\n    closeIconClickEffect(cascaderContext, onChange);\n  };\n\n  if (closeShow) {\n    return <CloseCircleFilledIcon className={closeIconClass} onClick={closeIconClick} size={size} />;\n  }\n\n  return <FakeArrow overlayClassName={fakeArrowIconClass} isActive={visible} disabled={disabled} />;\n};\n\nconst InnerContent: React.FC<InnerContentProps> = (props: InnerContentProps) => {\n  const { cascaderContext, listeners, placeholder, collapsedItems } = props;\n  const { classPrefix: prefix } = useConfig();\n  const { multiple, size, disabled, filterable, setFilterActive, visible, inputVal, setInputVal, minCollapsedNum } =\n    cascaderContext;\n  const { onFocus, onBlur, onRemove } = listeners;\n\n  // single select content\n  const singleContent = useMemo(() => getSingleContent(cascaderContext), [cascaderContext]);\n\n  // multiple select content\n  const multipleContent = useMemo(() => getMultipleContent(cascaderContext), [cascaderContext]);\n\n  const renderSelfTag = (node: TreeNode, index: number) => (\n    <Tag\n      closable\n      key={index}\n      disabled={disabled}\n      onClose={(ctx) => {\n        ctx.e.stopPropagation();\n        handleRemoveTagEffect(cascaderContext, node, onRemove);\n      }}\n      size={size}\n    >\n      {node.label}\n    </Tag>\n  );\n\n  const generalContent = !multiple ? (\n    <span className={`${prefix}-cascader-content`}>{singleContent}</span>\n  ) : (\n    <>\n      {minCollapsedNum > 0 && multipleContent.length > minCollapsedNum ? (\n        <>\n          {multipleContent.slice(0, minCollapsedNum).map((node: TreeNode, index: number) => renderSelfTag(node, index))}\n          {!collapsedItems ? (\n            <Tag size={size} disabled={disabled}>\n              +{multipleContent.length - minCollapsedNum}\n            </Tag>\n          ) : (\n            collapsedItems\n          )}\n        </>\n      ) : (\n        multipleContent.map((node: TreeNode, index: number) => renderSelfTag(node, index))\n      )}\n    </>\n  );\n\n  const inputPlaceholder = multiple ? multipleContent.map((node) => node.label).join('、') : singleContent;\n\n  const filterContent = (\n    <Input\n      placeholder={inputPlaceholder || placeholder}\n      value={inputVal}\n      onChange={(value: string) => {\n        setInputVal(value);\n        setFilterActive(!!value);\n      }}\n      autofocus\n      onFocus={(v, context) => isFunction(onFocus) && onFocus({ inputVal, e: context?.e })}\n      onBlur={(v, context) => isFunction(onBlur) && onBlur({ inputVal, e: context?.e })}\n    />\n  );\n\n  const showFilter = useMemo(() => filterable && visible, [filterable, visible]);\n  return showFilter ? filterContent : generalContent;\n};\n\nconst Content: React.FC<ContentProps> = (props: ContentProps) => {\n  const { placeholder, cascaderContext, listeners, isHover, collapsedItems } = props;\n  const { classPrefix: prefix } = useConfig();\n\n  // single select content\n  const singleContent = useMemo(() => getSingleContent(cascaderContext), [cascaderContext]);\n\n  // multiple select content\n  const multipleContent = useMemo(() => getMultipleContent(cascaderContext), [cascaderContext]);\n\n  const showPlaceholder = useMemo(\n    () => getPlaceholderShow(cascaderContext, singleContent, multipleContent),\n    [cascaderContext, singleContent, multipleContent],\n  );\n\n  const content = !showPlaceholder ? (\n    <InnerContent\n      isHover={isHover}\n      cascaderContext={cascaderContext}\n      listeners={listeners}\n      collapsedItems={collapsedItems}\n      placeholder={placeholder}\n    />\n  ) : (\n    <span className={`${prefix}-cascader-placeholder`}>{placeholder || '请选择'}</span>\n  );\n  return content;\n};\n\nconst InputContent: React.FC<InputContentProps> = (props: InputContentProps) => {\n  const { cascaderContext, className, style, placeholder, listeners, collapsedItems } = props;\n\n  const { classPrefix: prefix } = useConfig();\n\n  const [isHover, setIsHover] = useState(false);\n\n  // inner class\n  const CLASSNAMES = useCommonClassName();\n  const cascaderInnerClasses = useMemo(\n    () => classNames(getCascaderInnerClasses(prefix, CLASSNAMES, cascaderContext), className),\n    [prefix, CLASSNAMES, cascaderContext, className],\n  );\n\n  /**\n   * outside click\n   */\n  const selectRef = useRef(null);\n  // handle click outside\n  useEffect(() => {\n    const outerClickListenerFn = (event: MouseEvent | TouchEvent) =>\n      outerClickListenerEffect(selectRef.current as HTMLElement, cascaderContext, event);\n\n    document.addEventListener('click', outerClickListenerFn);\n    return () => {\n      document.removeEventListener('click', outerClickListenerFn);\n    };\n  }, [cascaderContext]);\n\n  const closeIconClass = useMemo(\n    () => classNames(getCloseIconClass(prefix, CLASSNAMES, cascaderContext)),\n    [prefix, CLASSNAMES, cascaderContext],\n  );\n\n  const fakeArrowIconClass = useMemo(\n    () => classNames(getFakeArrowIconClass(prefix, CLASSNAMES, cascaderContext)),\n    [prefix, CLASSNAMES, cascaderContext],\n  );\n\n  const closeShow = useMemo(() => getCloseShow(isHover, cascaderContext), [isHover, cascaderContext]);\n\n  return (\n    <div\n      className={cascaderInnerClasses}\n      style={style}\n      onMouseEnter={() => {\n        setIsHover(true);\n      }}\n      onMouseLeave={() => {\n        setIsHover(false);\n      }}\n      ref={selectRef}\n      onClick={(e: React.MouseEvent) => {\n        e.preventDefault();\n        innerContentClickEffect(cascaderContext);\n      }}\n    >\n      <Content\n        cascaderContext={cascaderContext}\n        isHover={isHover}\n        collapsedItems={collapsedItems}\n        placeholder={placeholder}\n        listeners={listeners}\n      />\n      <SuffixIcon\n        cascaderContext={cascaderContext}\n        closeShow={closeShow}\n        closeIconClass={closeIconClass}\n        fakeArrowIconClass={fakeArrowIconClass}\n        listeners={listeners}\n      />\n    </div>\n  );\n};\n\nexport default InputContent;\n"],"names":["SuffixIcon","props","cascaderContext","onChange","listeners","closeShow","fakeArrowIconClass","closeIconClass","visible","disabled","size","closeIconClick","e","stopPropagation","CloseCircleFilledIcon","className","onClick","FakeArrow","overlayClassName","isActive","InnerContent","placeholder","collapsedItems","useConfig","prefix","classPrefix","multiple","filterable","setFilterActive","inputVal","setInputVal","minCollapsedNum","onFocus","onBlur","onRemove","singleContent","useMemo","getSingleContent","multipleContent","getMultipleContent","renderSelfTag","node","index","Tag","closable","key","onClose","ctx","label","generalContent","length","slice","map","inputPlaceholder","join","filterContent","Input","value","autofocus","v","context","isFunction","showFilter","Content","isHover","showPlaceholder","getPlaceholderShow","content","InputContent","style","useState","setIsHover","CLASSNAMES","useCommonClassName","cascaderInnerClasses","classNames","getCascaderInnerClasses","selectRef","useRef","outerClickListenerFn","event","outerClickListenerEffect","current","addEventListener","removeEventListener","getCloseIconClass","getFakeArrowIconClass","getCloseShow","onMouseEnter","onMouseLeave","ref","preventDefault"],"mappings":"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"}
+{"version":3,"file":"InputContent.js","sources":["../../../src/cascader/components/InputContent.tsx"],"sourcesContent":["import React, { useState, useMemo, useEffect, useRef } from 'react';\nimport classNames from 'classnames';\nimport isFunction from 'lodash/isFunction';\nimport { CloseCircleFilledIcon } from 'tdesign-icons-react';\nimport useConfig from '../../_util/useConfig';\nimport useCommonClassName from '../../_util/useCommonClassName';\n\n// component\nimport Tag from '../../tag';\nimport Input from '../../input';\nimport FakeArrow from '../../common/FakeArrow';\n\n// common logic\nimport {\n  getCloseIconClass,\n  getFakeArrowIconClass,\n  getCascaderInnerClasses,\n  getCloseShow,\n  getPlaceholderShow,\n  getSingleContent,\n  getMultipleContent,\n  outerClickListenerEffect,\n  closeIconClickEffect,\n  handleRemoveTagEffect,\n  innerContentClickEffect,\n} from '../utils/inputContent';\n\n// types\nimport { InputContentProps, InnerContentProps, ContentProps, SuffixIconProps, TreeNode } from '../interface';\n\n/**\n * SuffixIcon component\n */\n\nconst SuffixIcon = (props: SuffixIconProps) => {\n  const {\n    cascaderContext,\n    listeners: { onChange },\n    closeShow,\n    fakeArrowIconClass,\n    closeIconClass,\n  } = props;\n  const { visible, disabled, size } = cascaderContext;\n\n  const closeIconClick = (e: React.MouseEvent) => {\n    e.stopPropagation();\n\n    closeIconClickEffect(cascaderContext, onChange);\n  };\n\n  if (closeShow) {\n    return <CloseCircleFilledIcon className={closeIconClass} onClick={closeIconClick} size={size} />;\n  }\n\n  return <FakeArrow overlayClassName={fakeArrowIconClass} isActive={visible} disabled={disabled} />;\n};\n\nconst InnerContent: React.FC<InnerContentProps> = (props: InnerContentProps) => {\n  const { cascaderContext, listeners, placeholder, collapsedItems } = props;\n  const { classPrefix: prefix } = useConfig();\n  const { multiple, size, disabled, filterable, setFilterActive, visible, inputVal, setInputVal, minCollapsedNum } =\n    cascaderContext;\n  const { onFocus, onBlur, onRemove } = listeners;\n\n  // single select content\n  const singleContent = useMemo(() => getSingleContent(cascaderContext), [cascaderContext]);\n\n  // multiple select content\n  const multipleContent = useMemo(() => getMultipleContent(cascaderContext), [cascaderContext]);\n\n  const renderSelfTag = (node: TreeNode, index: number) => (\n    <Tag\n      closable\n      key={index}\n      disabled={disabled}\n      onClose={(ctx) => {\n        ctx.e.stopPropagation();\n        handleRemoveTagEffect(cascaderContext, node, onRemove);\n      }}\n      size={size}\n    >\n      {node.label}\n    </Tag>\n  );\n\n  const generalContent = !multiple ? (\n    <span className={`${prefix}-cascader-content`}>{singleContent}</span>\n  ) : (\n    <>\n      {minCollapsedNum > 0 && multipleContent.length > minCollapsedNum ? (\n        <>\n          {multipleContent.slice(0, minCollapsedNum).map((node: TreeNode, index: number) => renderSelfTag(node, index))}\n          {!collapsedItems ? (\n            <Tag size={size} disabled={disabled}>\n              +{multipleContent.length - minCollapsedNum}\n            </Tag>\n          ) : (\n            collapsedItems\n          )}\n        </>\n      ) : (\n        multipleContent.map((node: TreeNode, index: number) => renderSelfTag(node, index))\n      )}\n    </>\n  );\n\n  const inputPlaceholder = multiple ? multipleContent.map((node) => node.label).join('、') : singleContent;\n\n  const filterContent = (\n    <Input\n      placeholder={inputPlaceholder || placeholder}\n      value={inputVal}\n      onChange={(value: string) => {\n        setInputVal(value);\n        setFilterActive(!!value);\n      }}\n      autofocus\n      onFocus={(v, context) => isFunction(onFocus) && onFocus({ inputVal, e: context?.e })}\n      onBlur={(v, context) => isFunction(onBlur) && onBlur({ inputVal, e: context?.e })}\n    />\n  );\n\n  const showFilter = useMemo(() => filterable && visible, [filterable, visible]);\n  return showFilter ? filterContent : generalContent;\n};\n\nconst Content: React.FC<ContentProps> = (props: ContentProps) => {\n  const { placeholder, cascaderContext, listeners, isHover, collapsedItems } = props;\n  const { classPrefix: prefix } = useConfig();\n\n  // single select content\n  const singleContent = useMemo(() => getSingleContent(cascaderContext), [cascaderContext]);\n\n  // multiple select content\n  const multipleContent = useMemo(() => getMultipleContent(cascaderContext), [cascaderContext]);\n\n  const showPlaceholder = useMemo(\n    () => getPlaceholderShow(cascaderContext, singleContent, multipleContent),\n    [cascaderContext, singleContent, multipleContent],\n  );\n\n  const content = !showPlaceholder ? (\n    <InnerContent\n      isHover={isHover}\n      cascaderContext={cascaderContext}\n      listeners={listeners}\n      collapsedItems={collapsedItems}\n      placeholder={placeholder}\n    />\n  ) : (\n    <span className={`${prefix}-cascader-placeholder`}>{placeholder || '请选择'}</span>\n  );\n  return content;\n};\n\nconst InputContent: React.FC<InputContentProps> = (props: InputContentProps) => {\n  const { cascaderContext, className, style, placeholder, listeners, collapsedItems } = props;\n\n  const { classPrefix: prefix } = useConfig();\n\n  const [isHover, setIsHover] = useState(false);\n\n  // inner class\n  const CLASSNAMES = useCommonClassName();\n  const cascaderInnerClasses = useMemo(\n    () => classNames(getCascaderInnerClasses(prefix, CLASSNAMES, cascaderContext), className),\n    [prefix, CLASSNAMES, cascaderContext, className],\n  );\n\n  /**\n   * outside click\n   */\n  const selectRef = useRef(null);\n  // handle click outside\n  useEffect(() => {\n    const outerClickListenerFn = (event: MouseEvent | TouchEvent) =>\n      outerClickListenerEffect(selectRef.current as HTMLElement, cascaderContext, event);\n\n    document.addEventListener('click', outerClickListenerFn);\n    return () => {\n      document.removeEventListener('click', outerClickListenerFn);\n    };\n  }, [cascaderContext]);\n\n  const closeIconClass = useMemo(\n    () => classNames(getCloseIconClass(prefix, CLASSNAMES, cascaderContext)),\n    [prefix, CLASSNAMES, cascaderContext],\n  );\n\n  const fakeArrowIconClass = useMemo(\n    () => classNames(getFakeArrowIconClass(prefix, CLASSNAMES, cascaderContext)),\n    [prefix, CLASSNAMES, cascaderContext],\n  );\n\n  const closeShow = useMemo(() => getCloseShow(isHover, cascaderContext), [isHover, cascaderContext]);\n\n  return (\n    <div\n      className={cascaderInnerClasses}\n      style={style}\n      onMouseEnter={() => {\n        setIsHover(true);\n      }}\n      onMouseLeave={() => {\n        setIsHover(false);\n      }}\n      ref={selectRef}\n      onClick={(e: React.MouseEvent) => {\n        e.preventDefault();\n        innerContentClickEffect(cascaderContext);\n      }}\n    >\n      <Content\n        cascaderContext={cascaderContext}\n        isHover={isHover}\n        collapsedItems={collapsedItems}\n        placeholder={placeholder}\n        listeners={listeners}\n      />\n      <SuffixIcon\n        cascaderContext={cascaderContext}\n        closeShow={closeShow}\n        closeIconClass={closeIconClass}\n        fakeArrowIconClass={fakeArrowIconClass}\n        listeners={listeners}\n      />\n    </div>\n  );\n};\n\nexport default InputContent;\n"],"names":["SuffixIcon","props","cascaderContext","onChange","listeners","closeShow","fakeArrowIconClass","closeIconClass","visible","disabled","size","closeIconClick","e","stopPropagation","CloseCircleFilledIcon","className","onClick","FakeArrow","overlayClassName","isActive","InnerContent","placeholder","collapsedItems","useConfig","prefix","classPrefix","multiple","filterable","setFilterActive","inputVal","setInputVal","minCollapsedNum","onFocus","onBlur","onRemove","singleContent","useMemo","getSingleContent","multipleContent","getMultipleContent","renderSelfTag","node","index","Tag","closable","key","onClose","ctx","label","generalContent","length","slice","map","inputPlaceholder","join","filterContent","Input","value","autofocus","v","context","isFunction","showFilter","Content","isHover","showPlaceholder","getPlaceholderShow","content","InputContent","style","useState","setIsHover","CLASSNAMES","useCommonClassName","cascaderInnerClasses","classNames","getCascaderInnerClasses","selectRef","useRef","outerClickListenerFn","event","outerClickListenerEffect","current","addEventListener","removeEventListener","getCloseIconClass","getFakeArrowIconClass","getCloseShow","onMouseEnter","onMouseLeave","ref","preventDefault"],"mappings":"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"}