tdesign-react 0.19.1 → 0.21.0

package/es/cascader/interface.js

@@ -1,35 +1,37 @@
 /**
- * tdesign v0.19.1
+ * tdesign v0.21.0
  * (c) 2021 tdesign
  * @license MIT
  */
 
-export { T as TreeNode } from '../_chunks/dep-e3f19b86.js';
-import '../_chunks/dep-54eb1aab.js';
-import '../_chunks/dep-3796d701.js';
-import '../_chunks/dep-a6296075.js';
-import '../_chunks/dep-6d27991d.js';
-import '../_chunks/dep-4ca264a0.js';
-import '../_chunks/dep-bd2ff6be.js';
-import '../_chunks/dep-c8d6ce97.js';
-import '../_chunks/dep-a17dbe80.js';
-import '../_chunks/dep-43b6ec11.js';
-import '../_chunks/dep-53bb8c23.js';
-import '../_chunks/dep-c060cbaa.js';
-import '../_chunks/dep-88b2f549.js';
-import '../_chunks/dep-02952992.js';
-import '../_chunks/dep-00019a7f.js';
-import '../_chunks/dep-52f056ee.js';
-import '../_chunks/dep-dabea1d1.js';
-import '../_chunks/dep-7e18698b.js';
-import '../_chunks/dep-b48a9335.js';
-import '../_chunks/dep-4cfb170f.js';
-import '../_chunks/dep-fbe7c735.js';
-import '../_chunks/dep-5a5d372b.js';
-import '../_chunks/dep-9bd0c578.js';
-import '../_chunks/dep-1e5e4f5d.js';
-import '../_chunks/dep-78a5c5d6.js';
-import '../_chunks/dep-41d15e2c.js';
-import '../_chunks/dep-b0adec50.js';
-import '../_chunks/dep-6942efac.js';
+export { T as TreeNode } from '../_chunks/dep-388824ff.js';
+import '../_chunks/dep-244a931f.js';
+import '../_chunks/dep-1d4250da.js';
+import '../_chunks/dep-6aadb1fe.js';
+import '../_chunks/dep-333904c2.js';
+import '../_chunks/dep-eeb051d7.js';
+import '../_chunks/dep-3457a894.js';
+import '../_chunks/dep-bfa1a680.js';
+import '../_chunks/dep-a33e5d69.js';
+import '../_chunks/dep-5533ba72.js';
+import '../_chunks/dep-b913c21f.js';
+import '../_chunks/dep-00014c78.js';
+import '../_chunks/dep-8a315029.js';
+import '../_chunks/dep-cf0d70ae.js';
+import '../_chunks/dep-f8d059d4.js';
+import '../_chunks/dep-89f67991.js';
+import '../_chunks/dep-9b5d609f.js';
+import '../_chunks/dep-5d255e0f.js';
+import '../_chunks/dep-ecddcb2c.js';
+import '../_chunks/dep-63372d9c.js';
+import '../_chunks/dep-35414959.js';
+import '../_chunks/dep-2531edb2.js';
+import '../_chunks/dep-22752c93.js';
+import '../_chunks/dep-d2ed6f61.js';
+import '../_chunks/dep-ce15f2b0.js';
+import '../_chunks/dep-51640b4f.js';
+import '../_chunks/dep-08ad98af.js';
+import '../_chunks/dep-b07ac5f1.js';
+import '../_chunks/dep-cacbd361.js';
+import '../_chunks/dep-a8f064dd.js';
 //# sourceMappingURL=interface.js.map

package/es/cascader/interface.js.map

@@ -1 +1 @@
-{"version":3,"file":"interface.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"interface.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/es/cascader/style/index.css

@@ -292,11 +292,11 @@
 .t-cascader:hover:not(.t-is-disabled) > .t-icon {
   color: var(--td-text-color-placeholder);
 }
-.t-cascader .t-cascader-placeholder {
+.t-cascader__placeholder {
   color: var(--td-text-color-placeholder);
   margin-left: 4px;
 }
-.t-cascader .t-cascader-content {
+.t-cascader__content {
   margin-left: 4px;
   color: var(--td-text-color-primary);
   white-space: nowrap;
@@ -304,70 +304,7 @@
   overflow: hidden;
   text-overflow: ellipsis;
 }
-.t-cascader .t-input__inner {
-  border: 0;
-  padding: 0;
-  margin-left: 4px;
-}
-.t-cascader .t-input__inner:hover,
-.t-cascader .t-input__inner:focus {
-  -webkit-box-shadow: none;
-          box-shadow: none;
-  border-color: transparent;
-}
-.t-cascader .t-tag {
-  cursor: pointer;
-  margin: 2px 4px 2px 0;
-}
-.t-cascader .t-is-disabled {
-  cursor: not-allowed;
-  background-color: var(--td-bg-color-component-disabled);
-  color: var(--td-text-color-disabled);
-}
-.t-cascader .t-is-disabled .t-cascader-content {
-  color: var(--td-text-color-disabled);
-}
-.t-cascader.t-is-active {
-  border-color: var(--td-brand-color);
-  -webkit-box-shadow: 0 0 0px 2px var(--td-brand-color-focus);
-          box-shadow: 0 0 0px 2px var(--td-brand-color-focus);
-  -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);
-  transition: box-shadow 0.2s cubic-bezier(0.82, 0, 1, 0.9), -webkit-box-shadow 0.2s cubic-bezier(0.82, 0, 1, 0.9);
-}
-.t-cascader.t-is-active .t-fake-arrow {
-  color: var(--td-text-color-brand);
-}
-.t-cascader.t-size-l {
-  min-height: 40px;
-}
-.t-cascader.t-size-m {
-  min-height: 32px;
-  font-size: 14px;
-}
-.t-cascader.t-size-m .t-input__inner {
-  height: 28px;
-  line-height: 28px;
-}
-.t-cascader.t-size-s {
-  min-height: 24px;
-  font-size: 12px;
-}
-.t-cascader.t-size-s .t-input__inner {
-  height: calc(24px - 2px);
-  line-height: calc(32px - 4px);
-}
-.t-cascader.t-size-s .t-tag {
-  margin: 1px 1px 1px 0;
-}
-.t-cascader.t-cascader-is-multiple {
-  padding: 1px 28px 1px 3px;
-}
-.t-cascader.t-cascader-is-multiple.t-size-s {
-  padding: 0px 28px 0px 1px;
-}
-.t-cascader-dropdown {
+.t-cascader__dropdown {
   margin: 10px 0 5px 0;
   -webkit-box-shadow: var(--td-shadow-2);
           box-shadow: var(--td-shadow-2);
@@ -375,13 +312,22 @@
   cursor: default;
   padding: 0;
 }
-.t-cascader-dropdown .t-cascader-panel {
+.t-cascader__panel {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   height: 100%;
 }
-.t-cascader-dropdown .t-cascader-panel .t-cascader-panel__is-empty {
+.t-cascader__panel.t-cascader--normal {
+  height: 200px;
+}
+.t-cascader__panel.t-cascader--multiple {
+  height: 280px;
+}
+.t-cascader__panel.t-cascader--tip {
+  height: 40px;
+}
+.t-cascader__panel--empty {
   width: 100%;
   height: 40px;
   line-height: 40px;
@@ -390,11 +336,11 @@
   text-align: center;
   padding-left: 0;
 }
-.t-cascader-dropdown .t-cascader-panel .t-cascader-panel__is-empty:hover {
+.t-cascader__panel--empty:hover {
   background: none;
   cursor: default;
 }
-.t-cascader-dropdown .t-cascader-panel .t-cascader-menu {
+.t-cascader__menu {
   width: 148px;
   overflow: auto;
   -webkit-box-sizing: content-box;
@@ -402,7 +348,10 @@
   padding: 8px;
   background: var(--td-bg-color-container);
 }
-.t-cascader-dropdown .t-cascader-panel .t-cascader-menu .t-cascader-item {
+.t-cascader__menu--segment {
+  border-right: 0.5px solid var(--td-component-stroke);
+}
+.t-cascader__item {
   position: relative;
   height: 40px;
   line-height: 40px;
@@ -414,19 +363,66 @@
   transition: background-color 0.2s cubic-bezier(0.82, 0, 1, 0.9);
   --ripple-color: var(--td-bg-color-container-active);
 }
-.t-cascader-dropdown .t-cascader-panel .t-cascader-menu .t-cascader-item:first-child {
+.t-cascader__item.t-is-disabled {
+  color: var(--td-text-color-disabled);
+  background-color: transparent;
+  cursor: not-allowed;
+}
+.t-cascader__item.t-is-disabled {
+  color: var(--td-text-color-disabled);
+  background-color: transparent;
+  cursor: not-allowed;
+}
+.t-cascader__item.t-is-expanded {
+  background: var(--td-brand-color-light);
+  color: var(--td-text-color-brand);
+}
+.t-cascader__item.t-is-expanded .t-icon-chevron-right {
+  color: var(--td-text-color-brand);
+}
+.t-cascader__item.t-is-expanded:hover {
+  cursor: pointer;
+}
+.t-cascader__item:first-child {
   margin-top: 0;
 }
-.t-cascader-dropdown .t-cascader-panel .t-cascader-menu .t-cascader-item .t-cascader-item--highlight {
+.t-cascader__item-icon {
+  color: var(--td-text-color-secondary);
+  position: absolute;
+  height: 100%;
+  right: 0;
+  top: 0;
+  background: transparent;
+  margin: 0 8px;
+  font-size: 16px;
+}
+.t-cascader__item-icon .t-icon-loading {
+  color: var(--td-text-color-brand);
+}
+.t-cascader__item .t-checkbox {
+  max-width: 100%;
+}
+.t-cascader__item .t-checkbox .t-checkbox__input {
+  -ms-flex-negative: 0;
+      flex-shrink: 0;
+}
+.t-cascader__item .t-checkbox .t-checkbox__label {
+  display: block;
+  white-space: nowrap;
+  word-wrap: normal;
+  overflow: hidden;
+  text-overflow: ellipsis;
+}
+.t-cascader__item .t-checkbox .t-checkbox__label .t-cascader__item__label--filter {
   color: var(--td-text-color-brand);
 }
-.t-cascader-dropdown .t-cascader-panel .t-cascader-menu .t-cascader-item.t-cascader-item-have-icon {
+.t-cascader__item--with-icon {
   padding: 0 22px 0 8px;
 }
-.t-cascader-dropdown .t-cascader-panel .t-cascader-menu .t-cascader-item.t-cascader-item-is-leaf .t-checkbox {
+.t-cascader__item--leaf .t-checkbox {
   width: 100%;
 }
-.t-cascader-dropdown .t-cascader-panel .t-cascader-menu .t-cascader-item .t-cascader-item__label {
+.t-cascader__item-label {
   display: block;
   position: relative;
   white-space: nowrap;
@@ -434,7 +430,7 @@
   overflow: hidden;
   text-overflow: ellipsis;
 }
-.t-cascader-dropdown .t-cascader-panel .t-cascader-menu .t-cascader-item .t-cascader-item__label .t-cascader-item__label--ellipsis {
+.t-cascader__item-label--ellipsis {
   width: 100%;
   height: 24px;
   position: absolute;
@@ -445,90 +441,34 @@
   -webkit-transform: translateY(-50%);
           transform: translateY(-50%);
 }
-.t-cascader-dropdown .t-cascader-panel .t-cascader-menu .t-cascader-item .t-cascader-item__label .t-cascader-item__label--ellipsis .t-popup-reference {
+.t-cascader__item-label--ellipsis .t-popup__reference {
   width: 100%;
   height: 100%;
 }
-.t-cascader-dropdown .t-cascader-panel .t-cascader-menu .t-cascader-item .t-cascader-item__label .t-cascader-item__label--ellipsis .t-popup-reference .t-trigger {
+.t-cascader__item-label--ellipsis .t-popup__reference .t-trigger {
   width: 100%;
   height: 100%;
   display: block;
 }
-.t-cascader-dropdown .t-cascader-panel .t-cascader-menu .t-cascader-item .t-cascader-item__label .t-cascader-item__label--filter {
+.t-cascader__item-label--filter {
   color: var(--td-text-color-brand);
 }
-.t-cascader-dropdown .t-cascader-panel .t-cascader-menu .t-cascader-item:hover {
+.t-cascader__item:hover {
   background: var(--td-bg-color-container-hover);
   cursor: pointer;
 }
-.t-cascader-dropdown .t-cascader-panel .t-cascader-menu .t-cascader-item.t-size-s {
-  height: 32px;
-  line-height: 32px;
-  font-size: 12px;
-}
-.t-cascader-dropdown .t-cascader-panel .t-cascader-menu .t-cascader-item.t-size-l {
-  height: 48px;
-  line-height: 48px;
-  font-size: 16px;
-  padding: 0 12px;
-}
-.t-cascader-dropdown .t-cascader-panel .t-cascader-menu .t-cascader-item.t-size-l.t-cascader-item-have-icon {
-  padding: 0 22px 0 12px;
-}
-.t-cascader-dropdown .t-cascader-panel .t-cascader-menu .t-cascader-item.t-is-selected {
+.t-cascader__item.t-is-selected {
   color: var(--td-brand-color);
 }
-.t-cascader-dropdown .t-cascader-panel .t-cascader-menu .t-cascader-item.t-is-selected .t-checkbox__label {
+.t-cascader__item.t-is-selected .t-checkbox__label {
   color: var(--td-brand-color);
 }
-.t-cascader-dropdown .t-cascader-panel .t-cascader-menu .t-checkbox {
-  max-width: 100%;
-}
-.t-cascader-dropdown .t-cascader-panel .t-cascader-menu .t-checkbox .t-checkbox__input {
-  -ms-flex-negative: 0;
-      flex-shrink: 0;
-}
-.t-cascader-dropdown .t-cascader-panel .t-cascader-menu .t-checkbox .t-checkbox__label {
-  display: block;
-  white-space: nowrap;
-  word-wrap: normal;
-  overflow: hidden;
-  text-overflow: ellipsis;
-}
-.t-cascader-dropdown .t-cascader-panel .t-cascader-menu .t-checkbox .t-checkbox__label .t-cascader-item__label--filter {
-  color: var(--td-text-color-brand);
-}
-.t-cascader-dropdown .t-cascader-panel .t-cascader-menu .t-cascader-item.t-is-disabled {
-  color: var(--td-text-color-disabled);
-  background-color: transparent;
-  cursor: not-allowed;
-}
-.t-cascader-dropdown .t-cascader-panel .t-cascader-menu .t-cascader-item.t-is-expanded {
-  background: var(--td-brand-color-light);
-  color: var(--td-text-color-brand);
-}
-.t-cascader-dropdown .t-cascader-panel .t-cascader-menu .t-cascader-item.t-is-expanded .t-icon-chevron-right {
-  color: var(--td-text-color-brand);
-}
-.t-cascader-dropdown .t-cascader-panel .t-cascader-menu .t-cascader-item.t-is-expanded:hover {
-  cursor: pointer;
-}
-.t-cascader-dropdown .t-cascader-panel .t-cascader-menu.t-is-search {
-  width: 320px;
-  overflow-y: auto;
-}
-.t-cascader-dropdown .t-cascader-panel .t-cascader-menu.t-width-l {
-  width: 198px;
-}
-.t-cascader-dropdown .t-cascader-panel .t-cascader-menu__seperator {
-  border-right: 0.5px solid var(--td-component-stroke);
-}
-.t-cascader-search-input {
+.t-cascader__search-input {
   width: 100%;
   border: 0;
   background: transparent;
 }
-.t-cascader-icon {
+.t-cascader__icon {
   color: var(--td-text-color-placeholder);
   display: -webkit-box;
   display: -ms-flexbox;
@@ -541,24 +481,31 @@
   margin: 0 8px;
   font-size: 16px;
 }
-.t-cascader-item-icon {
-  color: var(--td-text-color-secondary);
-  position: absolute;
-  height: 100%;
-  right: 0;
-  top: 0;
+.t-cascader__icon.t-is-expanded,
+.t-cascader__icon.t-is-selected,
+.t-cascader__icon.t-is-loading {
   background: transparent;
-  margin: 0 8px;
-  font-size: 16px;
+  color: var(--td-text-color-brand);
 }
-.t-cascader-item-icon.t-loading {
-  position: absolute;
+.t-cascader--multiple {
+  padding: 1px 28px 1px 3px;
 }
-.t-cascader-icon.t-is-expanded,
-.t-cascader-icon.t-is-selected,
-.t-cascader-icon.t-is-loading {
-  background: transparent;
-  color: var(--td-text-color-brand);
+.t-cascader--multiple.t-size-s {
+  padding: 0px 28px 0px 1px;
+}
+.t-cascader .t-input__inner {
+  border: 0;
+  padding: 0;
+  margin-left: 4px;
+}
+.t-cascader .t-input__inner:hover,
+.t-cascader .t-input__inner:focus {
+  -webkit-box-shadow: none;
+          box-shadow: none;
+  border-color: transparent;
+}
+.t-cascader .t-tag {
+  margin: 2px 4px 2px 0;
 }
 .t-cascader.t-is-disabled {
   cursor: not-allowed;
@@ -566,18 +513,50 @@
   color: var(--td-text-color-disabled);
   border-color: var(--td-border-level-2-color);
 }
-.t-cascader.t-is-disabled .t-cascader-content {
+.t-cascader.t-is-disabled .t-cascader__content {
   color: var(--td-text-color-disabled);
 }
-.t-cascader.t-is-popup {
-  border: 1px solid var(--td-text-color-brand);
-}
-.t-cascader-panel.t-cascader--normal {
-  height: 200px;
+.t-cascader.t-is-active {
+  border-color: var(--td-brand-color);
+  -webkit-box-shadow: 0 0 0px 2px var(--td-brand-color-focus);
+          box-shadow: 0 0 0px 2px var(--td-brand-color-focus);
+  -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);
+  transition: box-shadow 0.2s cubic-bezier(0.82, 0, 1, 0.9), -webkit-box-shadow 0.2s cubic-bezier(0.82, 0, 1, 0.9);
 }
-.t-cascader-panel.t-cascader--multiple {
-  height: 280px;
+.t-cascader.t-is-active .t-fake-arrow {
+  color: var(--td-text-color-brand);
 }
-.t-cascader-panel.t-cascader--tip {
+.t-cascader.t-size-l {
   height: 40px;
+  font-size: 16px;
+  min-height: 40px;
+}
+.t-cascader.t-size-l.t-cascader-item--with-icon {
+  padding: 0 22px 0 12px;
+}
+.t-cascader.t-size-m {
+  min-height: 32px;
+  font-size: 14px;
+}
+.t-cascader.t-size-m .t-input__inner {
+  height: 28px;
+  line-height: 28px;
+}
+.t-cascader.t-size-s {
+  height: 22px;
+  line-height: 22px;
+  font-size: 12px;
+  min-height: 24px;
+}
+.t-cascader.t-size-s .t-input__inner {
+  height: calc(24px - 2px);
+  line-height: calc(32px - 4px);
+}
+.t-cascader.t-size-s .t-tag {
+  margin: 1px 1px 1px 0;
+}
+.t-cascader .t-is-popup {
+  border: 1px solid var(--td-text-color-brand);
 }

package/es/cascader/style/index.js

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

package/es/cascader/type.d.ts

@@ -1,6 +1,6 @@
 /**
  * 该文件为脚本自动生成文件，请勿随意修改。如需修改请联系 PMC
- * updated at 2021-12-06 18:22:53
+ * updated at 2021-12-12 18:01:23
  * */
 import { CheckboxProps } from '../checkbox';
 import { PopupProps } from '../popup';

package/es/cascader/type.js

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

package/es/cascader/utils/cascader.js

@@ -1,13 +1,13 @@
 /**
- * tdesign v0.19.1
+ * tdesign v0.21.0
  * (c) 2021 tdesign
  * @license MIT
  */
 
-import { _ as _slicedToArray } from '../../_chunks/dep-c5e94c83.js';
+import { _ as _slicedToArray } from '../../_chunks/dep-06e3288c.js';
 import { getFullPathLabel, getTreeValue } from './helper.js';
-import '../../_chunks/dep-4ca264a0.js';
-import '../../_chunks/dep-a6296075.js';
+import '../../_chunks/dep-eeb051d7.js';
+import '../../_chunks/dep-6aadb1fe.js';
 
 var treeNodesEffect = function treeNodesEffect(inputVal, treeStore, setTreeNodes) {
   if (!treeStore) return;

package/es/cascader/utils/helper.js

@@ -1,10 +1,10 @@
 /**
- * tdesign v0.19.1
+ * tdesign v0.21.0
  * (c) 2021 tdesign
  * @license MIT
  */
 
-import { _ as _typeof } from '../../_chunks/dep-a6296075.js';
+import { _ as _typeof } from '../../_chunks/dep-6aadb1fe.js';
 
 function getFullPathLabel(node) {
   return node.getPath().map(function (node2) {

package/es/cascader/utils/inputContent.d.ts

@@ -70,7 +70,7 @@ export declare function outerClickListenerEffect(ref: HTMLElement, cascaderConte
  * closeIcon点击副作用
  * @param cascaderContext
  */
-export declare function closeIconClickEffect(cascaderContext: CascaderContextType, onChange: CascaderProps['onChange']): void;
+export declare function closeIconClickEffect(cascaderContext: CascaderContextType): void;
 /**
  * tag 关闭按钮点击副作用
  * @param cascaderContext

package/es/cascader/utils/inputContent.js

@@ -1,27 +1,38 @@
 /**
- * tdesign v0.19.1
+ * tdesign v0.21.0
  * (c) 2021 tdesign
  * @license MIT
  */
 
-import { _ as _defineProperty } from '../../_chunks/dep-bd2ff6be.js';
-import { i as isFunction_1 } from '../../_chunks/dep-dabea1d1.js';
-import '../../_chunks/dep-3796d701.js';
-import '../../_chunks/dep-a17dbe80.js';
-import '../../_chunks/dep-a6296075.js';
-import '../../_chunks/dep-7e18698b.js';
-import '../../_chunks/dep-b48a9335.js';
+import { _ as _defineProperty } from '../../_chunks/dep-3457a894.js';
+import { i as isFunction_1 } from '../../_chunks/dep-9b5d609f.js';
+import { i as isEmpty_1 } from '../../_chunks/dep-a92ec3af.js';
+import '../../_chunks/dep-1d4250da.js';
+import '../../_chunks/dep-a33e5d69.js';
+import '../../_chunks/dep-6aadb1fe.js';
+import '../../_chunks/dep-5d255e0f.js';
+import '../../_chunks/dep-ecddcb2c.js';
+import '../../_chunks/dep-3fdb4d2b.js';
+import '../../_chunks/dep-b07ac5f1.js';
+import '../../_chunks/dep-8a315029.js';
+import '../../_chunks/dep-5fd54ea1.js';
+import '../../_chunks/dep-89f67991.js';
+import '../../_chunks/dep-63372d9c.js';
+import '../../_chunks/dep-08ad98af.js';
+import '../../_chunks/dep-5533ba72.js';
+import '../../_chunks/dep-b913c21f.js';
+import '../../_chunks/dep-31fc86d3.js';
 
 function getCloseIconClass(prefix, CLASSNAMES, cascaderContext) {
   var _ref;
 
   var visible = cascaderContext.visible,
       disabled = cascaderContext.disabled;
-  return ["".concat(prefix, "-cascader-icon"), (_ref = {}, _defineProperty(_ref, CLASSNAMES.STATUS.visible, visible), _defineProperty(_ref, CLASSNAMES.STATUS.disabled, disabled), _ref)];
+  return ["".concat(prefix, "-cascader__icon"), (_ref = {}, _defineProperty(_ref, CLASSNAMES.STATUS.visible, visible), _defineProperty(_ref, CLASSNAMES.STATUS.disabled, disabled), _ref)];
 }
 function getFakeArrowIconClass(prefix, CLASSNAMES, cascaderContext) {
   var disabled = cascaderContext.disabled;
-  return ["".concat(prefix, "-cascader-icon"), _defineProperty({}, CLASSNAMES.STATUS.disabled, disabled)];
+  return ["".concat(prefix, "-cascader__icon"), _defineProperty({}, CLASSNAMES.STATUS.disabled, disabled)];
 }
 function getCascaderInnerClasses(prefix, CLASSNAMES, cascaderContext) {
   var _ref3;
@@ -30,15 +41,14 @@ function getCascaderInnerClasses(prefix, CLASSNAMES, cascaderContext) {
       visible = cascaderContext.visible,
       size = cascaderContext.size,
       multiple = cascaderContext.multiple;
-  return ["".concat(prefix, "-cascader"), (_ref3 = {}, _defineProperty(_ref3, CLASSNAMES.STATUS.disabled, disabled), _defineProperty(_ref3, CLASSNAMES.STATUS.active, visible), _defineProperty(_ref3, CLASSNAMES.SIZE[size], size), _defineProperty(_ref3, "".concat(prefix, "-cascader-is-multiple"), multiple), _ref3)];
+  return ["".concat(prefix, "-cascader"), (_ref3 = {}, _defineProperty(_ref3, CLASSNAMES.STATUS.disabled, disabled), _defineProperty(_ref3, CLASSNAMES.STATUS.active, visible), _defineProperty(_ref3, CLASSNAMES.SIZE[size], size), _defineProperty(_ref3, "".concat(prefix, "-cascader--multiple"), multiple), _ref3)];
 }
 function getCloseShow(isHover, cascaderContext) {
-  var multiple = cascaderContext.multiple,
-      value = cascaderContext.value,
+  var value = cascaderContext.value,
       disabled = cascaderContext.disabled,
       clearable = cascaderContext.clearable,
       visible = cascaderContext.visible;
-  return !!(!visible && clearable && isHover && !disabled && (!multiple && value || multiple && value.length));
+  return !!(!visible && clearable && isHover && !disabled && !isEmpty_1(value));
 }
 function getPlaceholderShow(cascaderContext, singleContent, multipleContent) {
   var filterable = cascaderContext.filterable,
@@ -106,7 +116,7 @@ function outerClickListenerEffect(ref, cascaderContext, event) {
     setVisible(false);
   }
 }
-function closeIconClickEffect(cascaderContext, onChange) {
+function closeIconClickEffect(cascaderContext) {
   var setVisible = cascaderContext.setVisible,
       multiple = cascaderContext.multiple,
       setExpend = cascaderContext.setExpend,
@@ -117,20 +127,14 @@ function closeIconClickEffect(cascaderContext, onChange) {
     setExpend([]);
   }
 
-  setValue(multiple ? [] : "");
-
-  if (onChange && isFunction_1(onChange)) {
-    onChange(multiple ? [] : "", {
-      e: MouseEvent
-    });
-  }
+  setValue(multiple ? [] : "", "clear");
 }
 function handleRemoveTagEffect(cascaderContext, node, onRemove) {
   var disabled = cascaderContext.disabled,
       setValue = cascaderContext.setValue;
   if (disabled) return;
   var checked = node.setChecked(!node.isChecked());
-  setValue(checked);
+  setValue(checked, "unchecked", node.getModel());
 
   if (isFunction_1(onRemove)) {
     onRemove({