shineout 3.9.4-beta.6 → 3.9.4-beta.7

package/cjs/index.js

@@ -522,5 +522,5 @@ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { de
 // 此文件由脚本自动生成，请勿直接修改。
 // This file was generated automatically by a script. Please do not modify it directly.
 var _default = exports.default = {
-  version: '3.9.4-beta.6'
+  version: '3.9.4-beta.7'
 };

package/dist/shineout.js

@@ -12401,7 +12401,7 @@ var handleStyle = function handleStyle(style) {
 };
 /* harmony default export */ var jss_style_handleStyle = (handleStyle);
 ;// CONCATENATED MODULE: ../shineout-style/src/version.ts
-/* harmony default export */ var version = ('3.9.4-beta.6');
+/* harmony default export */ var version = ('3.9.4-beta.7');
 ;// CONCATENATED MODULE: ../shineout-style/src/jss-style/index.tsx
 
 
@@ -13566,11 +13566,13 @@ var cascaderTokens = {
   cascaderSmallPaddingY: 'Spacing-1',
   cascaderSmallOptionInnerPaddingX: 'Spacing-8',
   cascaderSmallOptionInnerPaddingY: 'Spacing-2',
+  cascaderSmallOptionIconSize: 'Font-12',
   cascaderLargeFontSize: 'Font-16',
   cascaderLargePaddingX: 'Spacing-12',
   cascaderLargePaddingY: 'Spacing-3',
   cascaderLargeOptionInnerPaddingX: 'Spacing-12',
   cascaderLargeOptionInnerPaddingY: 'Spacing-8',
+  cascaderLargeOptionIconSize: 'Font-16',
   cascaderLargePlaceholderMarginY: 'Spacing-4',
   cascaderInnerPaddingX: 'Spacing-8',
   cascaderInnerPaddingY: 'Spacing-5',
@@ -14550,23 +14552,17 @@ var selectTokens = {
   selectIconMarginLeft: 'Spacing-8',
   selectTagMarginY: 'Spacing-2',
   selectTagMarginRight: 'Spacing-4',
-  selectTagHeight: 'Line-height-dynamic',
-  selectTagLineHeight: 'Line-height-dynamic',
   selectSmallFontSize: 'Font-12',
   selectSmallPaddingX: 'Spacing-8',
   selectSmallPaddingY: 'Spacing-1',
   selectSmallOptionInnerPaddingX: 'Spacing-8',
   selectSmallOptionInnerPaddingY: 'Spacing-2',
-  selectSmallTagHeight: 'Size-9',
-  selectSmallTagLineHeight: 'Size-8',
   selectLargeFontSize: 'Font-16',
   selectLargePaddingX: 'Spacing-12',
   selectLargePaddingY: 'Spacing-3',
   selectLargeOptionInnerPaddingX: 'Spacing-12',
   selectLargeOptionInnerPaddingY: 'Spacing-8',
   selectLargePlaceholderMarginY: 'Spacing-4',
-  selectLargeTagHeight: 'Line-height-dynamic',
-  selectLargeTagLineHeight: 'Line-height-dynamic',
   selectInnerPaddingX: 'Spacing-8',
   selectInnerPaddingY: 'Spacing-5',
   selectInnerTitleMarginY: 'Spacing-2',
@@ -17526,7 +17522,6 @@ var supportsHas = function supportsHas() {
 
 
 
-
 var inputBorderToken = {
   lineHeight: src.lineHeightDynamic,
   borderRadius: src.inputBorderRadius,
@@ -17570,12 +17565,6 @@ var inputBorder = input_border('wrapper', inputBorderToken);
 var wrapper = inputBorder.wrapper,
   wrapperDisabled = inputBorder.wrapperDisabled,
   resetWrapper = objectWithoutProperties_default()(inputBorder, ["wrapper", "wrapperDisabled"]);
-var selectTagHeightCssvar = "--select-tag-height";
-var selectSmallTagHeightCssvar = "--select-small-tag-height";
-var selectLargeTagHeightCssvar = "--select-large-tag-height";
-var selectTagHeight = "var(".concat(selectTagHeightCssvar, ")");
-var selectSmallTagHeight = "var(".concat(selectSmallTagHeightCssvar, ")");
-var selectLargeTagHeight = "var(".concat(selectLargeTagHeightCssvar, ")");
 var cascaderStyle = objectSpread2_default()(objectSpread2_default()({
   rootClass: {},
   wrapperEmpty: {},
@@ -17585,94 +17574,90 @@ var cascaderStyle = objectSpread2_default()(objectSpread2_default()({
     width: '100%',
     outline: 'none',
     cursor: 'pointer'
-  }, wrapper), {}, defineProperty_default()(defineProperty_default()(defineProperty_default()(defineProperty_default()(defineProperty_default()(defineProperty_default()(defineProperty_default()(defineProperty_default()(defineProperty_default()({}, selectTagHeightCssvar, src.selectTagHeight), selectSmallTagHeightCssvar, src.selectSmallTagHeight), selectLargeTagHeightCssvar, src.selectLargeTagHeight), '&$wrapperInnerTitle', {
-    '& $placeholder,$ellipsis,$space,input': {
-      marginTop: 0,
-      marginBottom: 0
-    },
-    '& $tag': {
-      marginTop: 0,
-      marginBottom: src.selectInnerTitleMarginY,
-      paddingTop: 0,
-      paddingBottom: 0,
-      height: selectTagHeight,
-      border: 'none',
-      '&  *': {
-        lineHeight: selectTagHeight
+  }, wrapper), {}, {
+    '&$wrapperInnerTitle': {
+      '& $placeholder,$ellipsis,$space,input': {
+        marginTop: 0,
+        marginBottom: 0
+      },
+      '& $tag': {
+        marginTop: 0,
+        marginBottom: src.selectInnerTitleMarginY,
+        paddingTop: 0,
+        paddingBottom: 0,
+        border: 'none'
+      },
+      '&$wrapperSmall $tag': {
+        marginBottom: 2
+      },
+      '&$wrapperLarge $tag': {
+        marginBottom: 2
       }
     },
-    '&$wrapperSmall $tag': {
-      height: selectSmallTagHeight,
-      marginBottom: 2,
-      '&$tag  *': {
-        lineHeight: selectSmallTagHeight
+    '&$wrapperSmall': {
+      '& $tag': {
+        lineHeight: '16px',
+        marginTop: 1,
+        marginBottom: 1
+      },
+      '& $placeholder,$ellipsis,$space,input': {
+        marginTop: 0,
+        marginBottom: 0
+      },
+      '& $optionInner': {
+        paddingTop: src.cascaderSmallOptionInnerPaddingY,
+        paddingBottom: src.cascaderSmallOptionInnerPaddingY,
+        paddingLeft: src.cascaderSmallOptionInnerPaddingX,
+        // padding: `${token.cascaderSmallOptionInnerPaddingY} ${token.cascaderSmallOptionInnerPaddingX}`,
+        fontSize: src.cascaderSmallFontSize
+      },
+      '& $clearIcon': {
+        right: src.cascaderSmallPaddingX
       }
     },
-    '&$wrapperLarge $tag': {
-      height: selectLargeTagHeight,
-      marginBottom: 2,
-      '&$tag  *': {
-        lineHeight: selectLargeTagHeight
+    '&$wrapperLarge': {
+      '& $placeholder,$ellipsis,$space,input': {
+        marginTop: src.cascaderLargePlaceholderMarginY,
+        marginBottom: src.cascaderLargePlaceholderMarginY
+      },
+      '& $arrowIcon': {
+        width: src.cascaderLargeFontSize
+      },
+      '& $optionInner': {
+        // padding: `${token.cascaderLargeOptionInnerPaddingY} ${token.cascaderLargeOptionInnerPaddingX}`,
+        paddingTop: src.cascaderLargeOptionInnerPaddingY,
+        paddingBottom: src.cascaderLargeOptionInnerPaddingY,
+        paddingLeft: src.cascaderLargeOptionInnerPaddingX,
+        fontSize: src.cascaderLargeFontSize
+      },
+      '& $clearIcon': {
+        right: src.cascaderLargePaddingX
       }
-    }
-  }), '&$wrapperSmall', {
-    '& $tag': {
-      height: selectSmallTagHeight,
-      lineHeight: '16px',
-      marginTop: 1,
-      marginBottom: 1
-    },
-    '& $placeholder,$ellipsis,$space,input': {
-      marginTop: 0,
-      marginBottom: 0
-    },
-    '& $optionInner': {
-      paddingTop: src.cascaderSmallOptionInnerPaddingY,
-      paddingBottom: src.cascaderSmallOptionInnerPaddingY,
-      paddingLeft: src.cascaderSmallOptionInnerPaddingX,
-      // padding: `${token.cascaderSmallOptionInnerPaddingY} ${token.cascaderSmallOptionInnerPaddingX}`,
-      fontSize: src.cascaderSmallFontSize
-    },
-    '& $clearIcon': {
-      right: src.cascaderSmallPaddingX
-    }
-  }), '&$wrapperLarge', {
-    '& $placeholder,$ellipsis,$space,input': {
-      marginTop: src.cascaderLargePlaceholderMarginY,
-      marginBottom: src.cascaderLargePlaceholderMarginY
-    },
-    '& $arrowIcon': {
-      width: src.cascaderLargeFontSize
-    },
-    '& $optionInner': {
-      // padding: `${token.cascaderLargeOptionInnerPaddingY} ${token.cascaderLargeOptionInnerPaddingX}`,
-      paddingTop: src.cascaderLargeOptionInnerPaddingY,
-      paddingBottom: src.cascaderLargeOptionInnerPaddingY,
-      paddingLeft: src.cascaderLargeOptionInnerPaddingX,
-      fontSize: src.cascaderLargeFontSize
     },
-    '& $clearIcon': {
-      right: src.cascaderLargePaddingX
-    }
-  }), '&:hover', objectSpread2_default()(objectSpread2_default()({}, wrapper['&:hover']), {}, {
-    '& $clearIcon': {
-      display: 'inline-block'
-    },
-    '&$clearable:not($wrapperEmpty)': {
-      '& :not($compressedIcon)$arrowIcon': {
-        display: 'none'
+    // hover
+    '&:hover': objectSpread2_default()(objectSpread2_default()({}, wrapper['&:hover']), {}, {
+      '& $clearIcon': {
+        display: 'inline-block'
       },
-      '& $compressedIcon': {
+      '&$clearable:not($wrapperEmpty)': {
+        '& :not($compressedIcon)$arrowIcon': {
+          display: 'none'
+        },
+        '& $compressedIcon': {
+          display: 'none'
+        }
+      }
+    }),
+    '&:has($pickerWrapperShow)': {
+      borderColor: src.cascaderFocusBorderColor
+    },
+    // not wrapperFocus
+    '&:not($wrapperFocus)': {
+      '& $clearIcon': {
         display: 'none'
       }
     }
-  })), '&:has($pickerWrapperShow)', {
-    borderColor: src.cascaderFocusBorderColor
-  }), '&:not($wrapperFocus)', {
-    '& $clearIcon': {
-      display: 'none'
-    }
-  })),
+  }),
   virtual: {
     '& $filterList': {
       overflow: 'hidden'
@@ -18060,7 +18045,13 @@ var cascaderStyle = objectSpread2_default()(objectSpread2_default()({
     justifyContent: 'center',
     '& svg': {
       verticalAlign: 'middle',
-      width: src.cascaderOptionIconSize
+      width: src.cascaderOptionIconSize,
+      '$wrapperLarge &': {
+        width: src.cascaderLargeOptionIconSize
+      },
+      '$wrapperSmall &': {
+        width: src.cascaderSmallOptionIconSize
+      }
     }
   },
   optionSpin: {
@@ -18463,7 +18454,7 @@ var date_picker_inputBorderToken = {
 var date_picker_inputBorder = input_border('wrapper', date_picker_inputBorderToken);
 var date_picker_wrapper = date_picker_inputBorder.wrapper,
   date_picker_wrapperDisabled = date_picker_inputBorder.wrapperDisabled,
-  date_picker_resetWrapper = objectWithoutProperties_default()(date_picker_inputBorder, ["wrapper", "wrapperDisabled"]);
+  restWrapper = objectWithoutProperties_default()(date_picker_inputBorder, ["wrapper", "wrapperDisabled"]);
 var leftCircleBackground = "radial-gradient(circle closest-side, ".concat(src.datePickerCellRangeBackgroundColor, " 100%, transparent 0%),\nlinear-gradient(to right, transparent 0%,transparent 50%, ").concat(src.datePickerCellRangeBackgroundColor, " 50%, ").concat(src.datePickerCellRangeBackgroundColor, " 100%)\n");
 var rightCircleBackground = "radial-gradient(circle closest-side, ".concat(src.datePickerCellRangeBackgroundColor, " 100%, transparent 0%),\nlinear-gradient(to left, transparent 0%,transparent 50%, ").concat(src.datePickerCellRangeBackgroundColor, " 50%, ").concat(src.datePickerCellRangeBackgroundColor, " 100%)\n");
 var datePickerStyle = objectSpread2_default()(objectSpread2_default()(objectSpread2_default()({
@@ -18493,7 +18484,7 @@ var datePickerStyle = objectSpread2_default()(objectSpread2_default()(objectSpre
       width: 420
     }
   }
-}, date_picker_resetWrapper), {}, {
+}, restWrapper), {}, {
   resultWrapper: {
     display: 'flex',
     flex: 1,
@@ -18778,12 +18769,11 @@ var datePickerStyle = objectSpread2_default()(objectSpread2_default()(objectSpre
   pickerFooterTime: {
     padding: "".concat(src.datePickerPanelFooterPaddingY, " ").concat(src.datePickerPanelFooterPaddingX)
   },
-  wrapperSmall: {
+  wrapperSmall: objectSpread2_default()(objectSpread2_default()({}, restWrapper.wrapperSmall), {}, {
     '& $pickerFooterNow': {
       padding: "".concat(src.datePickerSmallPanelFooterNowPaddingY, " ").concat(src.datePickerSmallPanelFooterNowPaddingX)
     }
-  },
-  wrapperLarge: {},
+  }),
   pickerFooterNow: {
     padding: "".concat(src.datePickerPanelFooterPaddingY, " ").concat(src.datePickerPanelFooterPaddingX),
     '&:only-child': {
@@ -23327,7 +23317,8 @@ var popoverStyle = objectSpread2_default()(objectSpread2_default()({}, tooltipAn
   },
   mentionIcon: {
     '&&': {
-      fontSize: src.popoverConfirmTitleFontSize
+      fontSize: src.popoverConfirmTitleFontSize,
+      width: "calc(".concat(src.popoverConfirmTitleFontSize, " + 2px)")
     }
   },
   footer: {
@@ -23838,7 +23829,6 @@ var useRateStyle = styled(rate_rate, 'rate');
 
 
 
-
 var select_inputBorderToken = {
   lineHeight: src.lineHeightDynamic,
   borderRadius: src.inputBorderRadius,
@@ -23882,12 +23872,6 @@ var select_inputBorder = input_border('wrapper', select_inputBorderToken);
 var select_wrapper = select_inputBorder.wrapper,
   select_wrapperDisabled = select_inputBorder.wrapperDisabled,
   select_resetWrapper = objectWithoutProperties_default()(select_inputBorder, ["wrapper", "wrapperDisabled"]);
-var select_selectTagHeightCssvar = "--select-tag-height";
-var select_selectSmallTagHeightCssvar = "--select-small-tag-height";
-var select_selectLargeTagHeightCssvar = "--select-large-tag-height";
-var select_selectTagHeight = "var(".concat(select_selectTagHeightCssvar, ")");
-var select_selectSmallTagHeight = "var(".concat(select_selectSmallTagHeightCssvar, ")");
-var select_selectLargeTagHeight = "var(".concat(select_selectLargeTagHeightCssvar, ")");
 var selectStyle = objectSpread2_default()(objectSpread2_default()({
   rootClass: {},
   wrapper: objectSpread2_default()(objectSpread2_default()({
@@ -23896,70 +23880,62 @@ var selectStyle = objectSpread2_default()(objectSpread2_default()({
     width: '100%',
     outline: 'none',
     cursor: 'pointer'
-  }, select_wrapper), {}, defineProperty_default()(defineProperty_default()(defineProperty_default()(defineProperty_default()(defineProperty_default()(defineProperty_default()(defineProperty_default()(defineProperty_default()({}, select_selectTagHeightCssvar, src.selectTagHeight), select_selectSmallTagHeightCssvar, src.selectSmallTagHeight), select_selectLargeTagHeightCssvar, src.selectLargeTagHeight), '&$wrapperInnerTitle', {
-    '& $placeholder,$ellipsis,$space,input': {
-      marginTop: 0,
-      marginBottom: 0
-    },
-    '& $tag': {
-      marginTop: 0,
-      marginBottom: src.selectInnerTitleMarginY,
-      paddingTop: 0,
-      paddingBottom: 0,
-      height: select_selectTagHeight,
-      border: 'none',
-      '&  *': {
-        lineHeight: select_selectTagHeight
+  }, select_wrapper), {}, {
+    '&$wrapperInnerTitle': {
+      '& $placeholder,$ellipsis,$space,input': {
+        marginTop: 0,
+        marginBottom: 0
+      },
+      '& $tag': {
+        marginTop: 0,
+        marginBottom: src.selectInnerTitleMarginY,
+        paddingTop: 0,
+        paddingBottom: 0,
+        border: 'none'
+      },
+      '&$wrapperSmall $tag': {
+        marginBottom: 2
+      },
+      '&$wrapperLarge $tag': {
+        marginBottom: 2
       }
     },
-    '&$wrapperSmall $tag': {
-      height: select_selectSmallTagHeight,
-      marginBottom: 2,
-      '&$tag  *': {
-        lineHeight: select_selectSmallTagHeight
+    '&$wrapperSmall': {
+      '& $tag': {
+        marginTop: 1,
+        marginBottom: 1
+      },
+      '& $placeholder,$ellipsis,$space,input': {
+        marginTop: 0,
+        marginBottom: 0
       }
     },
-    '&$wrapperLarge $tag': {
-      height: select_selectLargeTagHeight,
-      marginBottom: 2,
-      '&$tag  *': {
-        lineHeight: select_selectLargeTagHeight
+    '&$wrapperLarge': {
+      '& $placeholder,$ellipsis,$space,input': {
+        marginTop: src.selectLargePlaceholderMarginY,
+        marginBottom: src.selectLargePlaceholderMarginY
+      },
+      '& $arrowIcon': {
+        width: src.selectLargeFontSize
       }
-    }
-  }), '&$wrapperSmall', {
-    '& $tag': {
-      height: select_selectSmallTagHeight,
-      lineHeight: '16px',
-      marginTop: 1,
-      marginBottom: 1
-    },
-    '& $placeholder,$ellipsis,$space,input': {
-      marginTop: 0,
-      marginBottom: 0
-    }
-  }), '&$wrapperLarge', {
-    '& $placeholder,$ellipsis,$space,input': {
-      marginTop: src.selectLargePlaceholderMarginY,
-      marginBottom: src.selectLargePlaceholderMarginY
     },
-    '& $arrowIcon': {
-      width: src.selectLargeFontSize
-    }
-  }), '&:hover', objectSpread2_default()(objectSpread2_default()({}, select_wrapper['&:hover']), {}, {
-    cursor: 'pointer',
-    '&$clearable:not($wrapperEmpty):not($wrapperDisabled)': {
+    '&:hover': objectSpread2_default()(objectSpread2_default()({}, select_wrapper['&:hover']), {}, {
+      cursor: 'pointer',
+      '&$clearable:not($wrapperEmpty):not($wrapperDisabled)': {
+        '& $clearIcon': {
+          display: 'block'
+        },
+        '& $arrowIcon': {
+          display: 'none'
+        }
+      }
+    }),
+    '&:not($wrapperEmpty):not($wrapperOpen)': {
       '& $clearIcon': {
-        display: 'block'
-      },
-      '& $arrowIcon': {
         display: 'none'
       }
     }
-  })), '&:not($wrapperEmpty):not($wrapperOpen)', {
-    '& $clearIcon': {
-      display: 'none'
-    }
-  })),
+  }),
   wrapperEmpty: {},
   wrapperOpen: {},
   wrapperDisabled: objectSpread2_default()(objectSpread2_default()({}, select_wrapperDisabled), {}, {
@@ -24144,7 +24120,7 @@ var selectStyle = objectSpread2_default()(objectSpread2_default()({
       fontSize: src.selectLargeFontSize
     },
     '& $optionGroupTitle': {
-      padding: "calc(".concat(src.selectFontSize, " + 2px) ").concat(src.selectGroupTitlePaddingX, " ").concat(src.selectGroupTitleLargeBottom, " ").concat(src.selectGroupTitlePaddingX)
+      padding: "calc(".concat(src.selectFontSize, " + 2px) calc(").concat(src.selectOptionPaddingX, " + ").concat(src.selectLargeOptionInnerPaddingX, ") ").concat(src.selectGroupTitleLargeBottom, " calc(").concat(src.selectOptionPaddingX, " + ").concat(src.selectLargeOptionInnerPaddingX, ")")
     }
   },
   iconWrapper: {
@@ -29214,12 +29190,6 @@ var tree_select_inputBorder = input_border('wrapper', tree_select_inputBorderTok
 var tree_select_wrapper = tree_select_inputBorder.wrapper,
   tree_select_wrapperDisabled = tree_select_inputBorder.wrapperDisabled,
   tree_select_resetWrapper = objectWithoutProperties_default()(tree_select_inputBorder, ["wrapper", "wrapperDisabled"]);
-var tree_select_selectTagHeightCssvar = "--select-tag-height";
-var tree_select_selectSmallTagHeightCssvar = "--select-small-tag-height";
-var tree_select_selectLargeTagHeightCssvar = "--select-large-tag-height";
-var tree_select_selectTagHeight = "var(".concat(tree_select_selectTagHeightCssvar, ")");
-var tree_select_selectSmallTagHeight = "var(".concat(tree_select_selectSmallTagHeightCssvar, ")");
-var tree_select_selectLargeTagHeight = "var(".concat(tree_select_selectLargeTagHeightCssvar, ")");
 var treeSelectStyle = objectSpread2_default()(objectSpread2_default()({
   rootClass: {},
   wrapper: objectSpread2_default()(objectSpread2_default()({
@@ -29228,90 +29198,83 @@ var treeSelectStyle = objectSpread2_default()(objectSpread2_default()({
     width: '100%',
     outline: 'none',
     cursor: 'pointer'
-  }, tree_select_wrapper), {}, defineProperty_default()(defineProperty_default()(defineProperty_default()(defineProperty_default()(defineProperty_default()(defineProperty_default()(defineProperty_default()(defineProperty_default()({}, tree_select_selectTagHeightCssvar, src.selectTagHeight), tree_select_selectSmallTagHeightCssvar, src.selectSmallTagHeight), tree_select_selectLargeTagHeightCssvar, src.selectLargeTagHeight), '&$wrapperInnerTitle', {
-    '& $placeholder,$ellipsis,$space,input': {
-      marginTop: 0,
-      marginBottom: 0
-    },
-    '& $tag': {
-      marginTop: 0,
-      marginBottom: src.selectInnerTitleMarginY,
-      paddingTop: 0,
-      paddingBottom: 0,
-      height: tree_select_selectTagHeight,
-      border: 'none',
-      '&  *': {
-        lineHeight: tree_select_selectTagHeight
+  }, tree_select_wrapper), {}, {
+    '&$wrapperInnerTitle': {
+      '& $placeholder,$ellipsis,$space,input': {
+        marginTop: 0,
+        marginBottom: 0
+      },
+      '& $tag': {
+        marginTop: 0,
+        marginBottom: src.selectInnerTitleMarginY,
+        paddingTop: 0,
+        paddingBottom: 0,
+        border: 'none'
+      },
+      '&$wrapperSmall $tag': {
+        marginBottom: 2
+      },
+      '&$wrapperLarge $tag': {
+        marginBottom: 2
       }
     },
-    '&$wrapperSmall $tag': {
-      height: tree_select_selectSmallTagHeight,
-      marginBottom: 2,
-      '&$tag  *': {
-        lineHeight: tree_select_selectSmallTagHeight
+    '&$wrapperSmall': {
+      '& $tag': {
+        lineHeight: '16px',
+        marginTop: 1,
+        marginBottom: 1
+      },
+      '& $placeholder,$ellipsis,$space,input': {
+        marginTop: 0,
+        marginBottom: 0
+      },
+      '& $optionInner': {
+        paddingTop: src.treeSelectSmallOptionInnerPaddingY,
+        paddingBottom: src.treeSelectSmallOptionInnerPaddingY,
+        paddingLeft: src.treeSelectSmallOptionInnerPaddingX,
+        // padding: `${token.treeSelectSmallOptionInnerPaddingY} ${token.treeSelectSmallOptionInnerPaddingX}`,
+        fontSize: src.treeSelectSmallFontSize
+      },
+      '& $clearIcon': {
+        right: src.treeSelectSmallPaddingX
       }
     },
-    '&$wrapperLarge $tag': {
-      height: tree_select_selectLargeTagHeight,
-      marginBottom: 2,
-      '&$tag  *': {
-        lineHeight: tree_select_selectLargeTagHeight
+    '&$wrapperLarge': {
+      '& $placeholder,$ellipsis,$space,input': {
+        marginTop: src.treeSelectLargePlaceholderMarginY,
+        marginBottom: src.treeSelectLargePlaceholderMarginY
+      },
+      '& $optionInner': {
+        // padding: `${token.treeSelectLargeOptionInnerPaddingY} ${token.treeSelectLargeOptionInnerPaddingX}`,
+        paddingTop: src.treeSelectLargeOptionInnerPaddingY,
+        paddingBottom: src.treeSelectLargeOptionInnerPaddingY,
+        paddingLeft: src.treeSelectLargeOptionInnerPaddingX,
+        fontSize: src.treeSelectLargeFontSize
+      },
+      '& $arrowIcon': {
+        width: src.treeSelectLargeFontSize
+      },
+      '& $clearIcon': {
+        right: src.treeSelectLargePaddingX
       }
-    }
-  }), '&$wrapperSmall', {
-    '& $tag': {
-      height: tree_select_selectSmallTagHeight,
-      lineHeight: '16px',
-      marginTop: 1,
-      marginBottom: 1
-    },
-    '& $placeholder,$ellipsis,$space,input': {
-      marginTop: 0,
-      marginBottom: 0
-    },
-    '& $optionInner': {
-      paddingTop: src.treeSelectSmallOptionInnerPaddingY,
-      paddingBottom: src.treeSelectSmallOptionInnerPaddingY,
-      paddingLeft: src.treeSelectSmallOptionInnerPaddingX,
-      // padding: `${token.treeSelectSmallOptionInnerPaddingY} ${token.treeSelectSmallOptionInnerPaddingX}`,
-      fontSize: src.treeSelectSmallFontSize
     },
-    '& $clearIcon': {
-      right: src.treeSelectSmallPaddingX
-    }
-  }), '&$wrapperLarge', {
-    '& $placeholder,$ellipsis,$space,input': {
-      marginTop: src.treeSelectLargePlaceholderMarginY,
-      marginBottom: src.treeSelectLargePlaceholderMarginY
-    },
-    '& $optionInner': {
-      // padding: `${token.treeSelectLargeOptionInnerPaddingY} ${token.treeSelectLargeOptionInnerPaddingX}`,
-      paddingTop: src.treeSelectLargeOptionInnerPaddingY,
-      paddingBottom: src.treeSelectLargeOptionInnerPaddingY,
-      paddingLeft: src.treeSelectLargeOptionInnerPaddingX,
-      fontSize: src.treeSelectLargeFontSize
-    },
-    '& $arrowIcon': {
-      width: src.treeSelectLargeFontSize
+    '&:hover': {
+      cursor: 'pointer',
+      '&$clearable:not($wrapperEmpty)': {
+        '& $clearIcon': {
+          display: 'block'
+        },
+        '& $arrowIcon': {
+          display: 'none'
+        }
+      }
     },
-    '& $clearIcon': {
-      right: src.treeSelectLargePaddingX
-    }
-  }), '&:hover', {
-    cursor: 'pointer',
-    '&$clearable:not($wrapperEmpty)': {
+    '&:not($wrapperEmpty):not($wrapperOpen)': {
       '& $clearIcon': {
-        display: 'block'
-      },
-      '& $arrowIcon': {
         display: 'none'
       }
     }
-  }), '&:not($wrapperEmpty):not($wrapperOpen)', {
-    '& $clearIcon': {
-      display: 'none'
-    }
-  })),
+  }),
   treeWrapper: defineProperty_default()(defineProperty_default()(defineProperty_default()(defineProperty_default()(defineProperty_default()(defineProperty_default()(defineProperty_default()({}, getTokenName('treeFontColor'), src.treeSelectOptionFontColor), getTokenName('treeContentHoverFontColor'), src.treeSelectContentHoverFontColor), getTokenName('treeContentHoverBackgroundColor'), src.treeSelectContentHoverBackgroundColor), getTokenName('treeContentActiveBackgroundColor'), src.treeSelectContentActiveBackgroundColor), getTokenName('treeContentActiveFontColor'), src.treeSelectContentActiveFontColor), getTokenName('treeContentDisabledFontColor'), src.treeSelectContentDisabledFontColor), getTokenName('treeContentDisabledBackgroundColor'), src.treeSelectContentDisabledBackgroundColor),
   wrapperEmpty: {},
   wrapperOpen: {},
@@ -74741,7 +74704,7 @@ var upload_interface = __webpack_require__(8821);
 
 
 /* harmony default export */ var src_0 = ({
-  version: '3.9.4-beta.6'
+  version: '3.9.4-beta.7'
 });
 }();
 /******/ 	return __webpack_exports__;