@sheinx/shineout-style 3.0.0-rc.1 → 3.0.0-rc.2

package/cjs/button/button.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"button.d.ts","sourceRoot":"","sources":["button.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,cAAc,CAAC;AAExC,OAAO,EAAE,aAAa,EAAE,MAAM,cAAc,CAAC;AAoK7C,QAAA,MAAM,WAAW,EAAE,QAAQ,CAAC,MAAM,aAAa,CA0U9C,CAAC;AAEF,eAAe,WAAW,CAAC"}
+{"version":3,"file":"button.d.ts","sourceRoot":"","sources":["button.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,cAAc,CAAC;AAExC,OAAO,EAAE,aAAa,EAAE,MAAM,cAAc,CAAC;AAoK7C,QAAA,MAAM,WAAW,EAAE,QAAQ,CAAC,MAAM,aAAa,CA6U9C,CAAC;AAEF,eAAe,WAAW,CAAC"}

package/cjs/button/button.js

@@ -297,17 +297,19 @@ var ButtonStyle = {
   group: {
     // 2.x 之前非 inline-block
     display: 'inline-block',
-    // 第一个元素下的所有 button 标签的元素
     '& > :first-child$button,& > :first-child $button': {
-      borderTopRightRadius: 0,
-      borderBottomRightRadius: 0,
-      borderRight: 'none',
       '&::before': {
         display: 'none'
       }
     },
+    // 第一个元素下的所有 button 标签的元素
+    '& > :first-child:not(:last-child)$button,& > :first-child:not(:last-child) $button': {
+      borderTopRightRadius: 0,
+      borderBottomRightRadius: 0,
+      borderRight: 'none'
+    },
     // 最后一个元素下的所有 button 标签的元素
-    '& > :last-child$button,& > :last-child $button': {
+    '& > :last-child:not(:first-child)$button,& > :last-child:not(:first-child) $button': {
       borderTopLeftRadius: 0,
       borderBottomLeftRadius: 0,
       borderLeft: 'none'

package/cjs/cascader/cascader.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"cascader.d.ts","sourceRoot":"","sources":["cascader.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,QAAQ,EAAE,MAAM,cAAc,CAAC;AAExC,OAAO,EAAE,eAAe,EAAE,MAAM,cAAc,CAAC;AAE/C,oBAAY,iBAAiB,GAAG,MAAM,eAAe,CAAC;AA8CtD,QAAA,MAAM,aAAa,EAAE,QAAQ,CAAC,iBAAiB,CAga9C,CAAC;AAEF,eAAe,aAAa,CAAC"}
+{"version":3,"file":"cascader.d.ts","sourceRoot":"","sources":["cascader.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,QAAQ,EAAE,MAAM,cAAc,CAAC;AAExC,OAAO,EAAE,eAAe,EAAE,MAAM,cAAc,CAAC;AAE/C,oBAAY,iBAAiB,GAAG,MAAM,eAAe,CAAC;AA8CtD,QAAA,MAAM,aAAa,EAAE,QAAQ,CAAC,iBAAiB,CAgc9C,CAAC;AAEF,eAAe,aAAa,CAAC"}

package/cjs/cascader/cascader.js

@@ -58,6 +58,29 @@ var cascaderStyle = _objectSpread(_objectSpread({
     outline: 'none',
     cursor: 'pointer'
   }, wrapper), {}, {
+    '&$wrapperInnerTitle': {
+      '& $placeholder,$ellipsis,$space,input': {
+        marginTop: 0,
+        marginBottom: 0
+      },
+      '& $tag': {
+        marginTop: 0,
+        paddingTop: 0,
+        paddingBottom: 0,
+        height: _theme.default.lineHeightDynamic,
+        border: 'none',
+        '&  *': {
+          lineHeight: _theme.default.lineHeightDynamic
+        }
+      },
+      '&$wrapperSmall $tag': {
+        height: 18,
+        marginBottom: 2,
+        '&$tag  *': {
+          lineHeight: '18px'
+        }
+      }
+    },
     '&$wrapperSmall': {
       '& $tag': {
         height: 18,
@@ -144,8 +167,7 @@ var cascaderStyle = _objectSpread(_objectSpread({
     flex: '1',
     minWidth: 0,
     alignItems: 'center',
-    lineHeight: _theme.default.lineHeightDynamic,
-    paddingRight: "calc(".concat(_theme.default.cascaderSmallFontSize, " + ").concat(_theme.default.cascaderClearPadding, ")")
+    lineHeight: _theme.default.lineHeightDynamic
   },
   resultItem: {
     transition: 'color 0.3s',
@@ -190,6 +212,9 @@ var cascaderStyle = _objectSpread(_objectSpread({
       }
     }
   },
+  multipleResultWrapper: {
+    flexWrap: 'wrap'
+  },
   resultAlignLeft: {
     '& $resultTextWrapper': {
       textAlign: 'left'
@@ -276,11 +301,13 @@ var cascaderStyle = _objectSpread(_objectSpread({
     borderRadius: _theme.default.cascaderPanelRadius,
     transformOrigin: '0 0'
   },
+  iconWrapper: {
+    display: 'flex',
+    alignItems: 'center',
+    justifyContent: 'center'
+  },
   clearable: {},
   clearIcon: {
-    position: 'absolute',
-    right: _theme.default.cascaderPaddingX,
-    top: "calc(50% - 1em/2)",
     cursor: 'pointer',
     width: _theme.default.cascaderFontSize,
     lineHeight: 0,
@@ -292,9 +319,7 @@ var cascaderStyle = _objectSpread(_objectSpread({
   },
   compressedIcon: {},
   arrowIcon: {
-    position: 'absolute',
-    right: _theme.default.cascaderPaddingX,
-    top: "calc(50% - 1em/2)",
+    display: 'inline-block',
     verticalAlign: 'middle',
     width: _theme.default.cascaderFontSize,
     lineHeight: 0,
@@ -325,6 +350,9 @@ var cascaderStyle = _objectSpread(_objectSpread({
     },
     '& $placeholder': {}
   },
+  multipleCompressedWrapper: {
+    flexWrap: 'nowrap'
+  },
   loading: {
     padding: 10,
     color: _theme.default.cascaderPlaceholderColor,
@@ -350,6 +378,7 @@ var cascaderStyle = _objectSpread(_objectSpread({
       borderRight: "1px solid ".concat(_theme.default.cascaderListBorderColor)
     }
   },
+  hideTag: {},
   list: {
     paddingTop: 3,
     paddingBottom: 3,
@@ -363,7 +392,10 @@ var cascaderStyle = _objectSpread(_objectSpread({
     marginRight: 4,
     marginTop: _theme.default.cascaderPlaceholderMarginY,
     marginBottom: _theme.default.cascaderPlaceholderMarginY,
-    textWrap: 'nowrap'
+    textWrap: 'nowrap',
+    '&$hideTag': {
+      marginRight: 0
+    }
   },
   space: {
     marginTop: _theme.default.cascaderPlaceholderMarginY,

package/cjs/form/form.js

@@ -8,7 +8,7 @@ exports.default = void 0;
 var _theme = _interopRequireDefault(require("@sheinx/theme"));
 var form = {
   wrapper: {
-    display: 'block'
+    // display: 'block',
   },
   wrapperInline: {
     '& [data-soui-input-border]': {

package/cjs/inner-title/inner-title.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"inner-title.d.ts","sourceRoot":"","sources":["inner-title.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,cAAc,CAAC;AAExC,OAAO,EAAE,iBAAiB,EAAE,MAAM,cAAc,CAAC;AAwBjD,QAAA,MAAM,UAAU,EAAE,QAAQ,CAAC,MAAM,iBAAiB,CAiEjD,CAAC;AAEF,eAAe,UAAU,CAAC"}
+{"version":3,"file":"inner-title.d.ts","sourceRoot":"","sources":["inner-title.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,cAAc,CAAC;AAExC,OAAO,EAAE,iBAAiB,EAAE,MAAM,cAAc,CAAC;AAwBjD,QAAA,MAAM,UAAU,EAAE,QAAQ,CAAC,MAAM,iBAAiB,CAqEjD,CAAC;AAEF,eAAe,UAAU,CAAC"}

package/cjs/inner-title/inner-title.js

@@ -36,7 +36,8 @@ var innerTitle = _objectSpread(_objectSpread({}, animation), {}, {
   wrapper: {
     width: '100%',
     boxSizing: 'border-box',
-    position: 'relative'
+    position: 'relative',
+    minWidth: '0'
   },
   wrapperSmall: {},
   wrapperLarge: {},
@@ -50,6 +51,9 @@ var innerTitle = _objectSpread(_objectSpread({}, animation), {}, {
     fontSize: _theme.default.inputInnerFontSize,
     color: _theme.default.inputInnerFontColor,
     transition: "font-size ".concat(moveTime, " ease-in"),
+    whiteSpace: 'nowrap',
+    overflow: 'hidden',
+    textOverflow: 'ellipsis',
     '$wrapperSmall:not($wrapperOpen) $place &': {
       fontSize: _theme.default.inputInnerSmallFontSize
     },

package/cjs/select/select.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"select.d.ts","sourceRoot":"","sources":["select.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,aAAa,EAAE,MAAM,cAAc,CAAC;AAC7C,OAAO,EAAE,QAAQ,EAAE,MAAM,cAAc,CAAC;AAGxC,oBAAY,eAAe,GAAG,MAAM,aAAa,CAAC;AA8ClD,QAAA,MAAM,WAAW,EAAE,QAAQ,CAAC,eAAe,CA4c1C,CAAC;AAEF,eAAe,WAAW,CAAC"}
+{"version":3,"file":"select.d.ts","sourceRoot":"","sources":["select.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,aAAa,EAAE,MAAM,cAAc,CAAC;AAC7C,OAAO,EAAE,QAAQ,EAAE,MAAM,cAAc,CAAC;AAGxC,oBAAY,eAAe,GAAG,MAAM,aAAa,CAAC;AA8ClD,QAAA,MAAM,WAAW,EAAE,QAAQ,CAAC,eAAe,CA0d1C,CAAC;AAEF,eAAe,WAAW,CAAC"}

package/cjs/select/select.js

@@ -61,6 +61,23 @@ var selectStyle = _objectSpread(_objectSpread({
       '& $placeholder,$ellipsis,$space,input': {
         marginTop: 0,
         marginBottom: 0
+      },
+      '& $tag': {
+        marginTop: 0,
+        paddingTop: 0,
+        paddingBottom: 0,
+        height: _theme.default.lineHeightDynamic,
+        border: 'none',
+        '&  *': {
+          lineHeight: _theme.default.lineHeightDynamic
+        }
+      },
+      '&$wrapperSmall $tag': {
+        height: 18,
+        marginBottom: 2,
+        '&$tag  *': {
+          lineHeight: '18px'
+        }
       }
     },
     '&$wrapperSmall': {
@@ -78,7 +95,6 @@ var selectStyle = _objectSpread(_objectSpread({
         paddingTop: _theme.default.selectSmallOptionInnerPaddingY,
         paddingBottom: _theme.default.selectSmallOptionInnerPaddingY,
         paddingLeft: _theme.default.selectSmallOptionInnerPaddingX,
-        // padding: `${token.selectSmallOptionInnerPaddingY} ${token.selectSmallOptionInnerPaddingX}`,
         fontSize: _theme.default.selectSmallFontSize
       },
       '& $clearIcon': {
@@ -146,8 +162,7 @@ var selectStyle = _objectSpread(_objectSpread({
     flex: '1',
     minWidth: 0,
     alignItems: 'center',
-    lineHeight: _theme.default.lineHeightDynamic,
-    paddingRight: "calc(".concat(_theme.default.selectSmallFontSize, " + ").concat(_theme.default.selectClearPadding, ")")
+    lineHeight: _theme.default.lineHeightDynamic
   },
   resultTextWrapper: {
     display: 'flex',
@@ -266,11 +281,13 @@ var selectStyle = _objectSpread(_objectSpread({
     transformOrigin: '0 0',
     border: "1px solid ".concat(_theme.default.selectPanelBorder)
   },
+  iconWrapper: {
+    display: 'flex',
+    alignItems: 'center',
+    justifyContent: 'center'
+  },
   clearable: {},
   clearIcon: {
-    position: 'absolute',
-    right: _theme.default.selectPaddingX,
-    top: "calc(50% - 7px)",
     cursor: 'pointer',
     width: _theme.default.selectFontSize,
     lineHeight: 0,
@@ -281,9 +298,7 @@ var selectStyle = _objectSpread(_objectSpread({
     }
   },
   arrowIcon: {
-    position: 'absolute',
-    right: _theme.default.selectPaddingX,
-    top: "calc(50% - 7px)",
+    display: 'inline-block',
     verticalAlign: 'middle',
     width: _theme.default.selectFontSize,
     lineHeight: 0,

package/cjs/table/table.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"table.d.ts","sourceRoot":"","sources":["table.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,YAAY,EAAE,MAAM,cAAc,CAAC;AAC5C,OAAO,EAAE,QAAQ,EAAE,MAAM,cAAc,CAAC;AASxC,oBAAY,cAAc,GAAG,MAAM,YAAY,CAAC;AAUhD,QAAA,MAAM,UAAU,EAAE,QAAQ,CAAC,cAAc,CAmXxC,CAAC;AAEF,eAAe,UAAU,CAAC"}
+{"version":3,"file":"table.d.ts","sourceRoot":"","sources":["table.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,YAAY,EAAE,MAAM,cAAc,CAAC;AAC5C,OAAO,EAAE,QAAQ,EAAE,MAAM,cAAc,CAAC;AASxC,oBAAY,cAAc,GAAG,MAAM,YAAY,CAAC;AAUhD,QAAA,MAAM,UAAU,EAAE,QAAQ,CAAC,cAAc,CAoXxC,CAAC;AAEF,eAAe,UAAU,CAAC"}

package/cjs/table/table.js

@@ -186,7 +186,8 @@ var tableStyle = _objectSpread(_objectSpread({}, globalStyle), {}, {
   },
   cellFixedLast: {},
   cellCheckbox: {
-    width: '42px'
+    width: '42px',
+    textAlign: 'center'
   },
   cellGroup: {
     textAlign: 'center',

package/cjs/tree-select/tree-select.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"tree-select.d.ts","sourceRoot":"","sources":["tree-select.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,QAAQ,EAAE,MAAM,cAAc,CAAC;AAExC,OAAO,EAAE,iBAAiB,EAAE,MAAM,cAAc,CAAC;AAEjD,oBAAY,mBAAmB,GAAG,MAAM,iBAAiB,CAAC;AA8C1D,QAAA,MAAM,eAAe,EAAE,QAAQ,CAAC,mBAAmB,CA+alD,CAAC;AACF,eAAe,eAAe,CAAC"}
+{"version":3,"file":"tree-select.d.ts","sourceRoot":"","sources":["tree-select.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,QAAQ,EAAE,MAAM,cAAc,CAAC;AAExC,OAAO,EAAE,iBAAiB,EAAE,MAAM,cAAc,CAAC;AAEjD,oBAAY,mBAAmB,GAAG,MAAM,iBAAiB,CAAC;AA8C1D,QAAA,MAAM,eAAe,EAAE,QAAQ,CAAC,mBAAmB,CAyclD,CAAC;AACF,eAAe,eAAe,CAAC"}

package/cjs/tree-select/tree-select.js

@@ -57,6 +57,29 @@ var treeSelectStyle = _objectSpread(_objectSpread({
     outline: 'none',
     cursor: 'pointer'
   }, wrapper), {}, {
+    '&$wrapperInnerTitle': {
+      '& $placeholder,$ellipsis,$space,input': {
+        marginTop: 0,
+        marginBottom: 0
+      },
+      '& $tag': {
+        marginTop: 0,
+        paddingTop: 0,
+        paddingBottom: 0,
+        height: _theme.default.lineHeightDynamic,
+        border: 'none',
+        '&  *': {
+          lineHeight: _theme.default.lineHeightDynamic
+        }
+      },
+      '&$wrapperSmall $tag': {
+        height: 18,
+        marginBottom: 2,
+        '&$tag  *': {
+          lineHeight: '18px'
+        }
+      }
+    },
     '&$wrapperSmall': {
       '& $tag': {
         height: 18,
@@ -130,9 +153,9 @@ var treeSelectStyle = _objectSpread(_objectSpread({
     flex: '1',
     minWidth: 0,
     alignItems: 'center',
-    lineHeight: _theme.default.lineHeightDynamic,
-    paddingRight: "calc(".concat(_theme.default.treeSelectSmallFontSize, " + ").concat(_theme.default.treeSelectClearPadding, ")")
+    lineHeight: _theme.default.lineHeightDynamic
   },
+  hideTag: {},
   resultTextWrapper: {
     display: 'flex',
     flex: '1',
@@ -248,11 +271,13 @@ var treeSelectStyle = _objectSpread(_objectSpread({
     width: 'max-content',
     maxWidth: '640px'
   },
+  iconWrapper: {
+    display: 'flex',
+    alignItems: 'center',
+    justifyContent: 'center'
+  },
   clearable: {},
   clearIcon: {
-    position: 'absolute',
-    right: _theme.default.treeSelectPaddingX,
-    top: "calc(50% - 1em/2)",
     cursor: 'pointer',
     width: _theme.default.treeSelectFontSize,
     lineHeight: 0,
@@ -260,9 +285,7 @@ var treeSelectStyle = _objectSpread(_objectSpread({
     verticalAlign: 'middle'
   },
   arrowIcon: {
-    position: 'absolute',
-    right: _theme.default.treeSelectPaddingX,
-    top: "calc(50% - 1em/2)",
+    display: 'inline-block',
     verticalAlign: 'middle',
     width: _theme.default.treeSelectFontSize,
     lineHeight: 0,
@@ -344,7 +367,10 @@ var treeSelectStyle = _objectSpread(_objectSpread({
     marginRight: 4,
     marginTop: _theme.default.treeSelectPlaceholderMarginY,
     marginBottom: _theme.default.treeSelectPlaceholderMarginY,
-    textWrap: 'nowrap'
+    textWrap: 'nowrap',
+    '&$hideTag': {
+      marginRight: 0
+    }
   },
   space: {
     marginTop: _theme.default.treeSelectPlaceholderMarginY,

package/cjs/version.d.ts

@@ -1,3 +1,3 @@
-declare const _default: "3.0.0-rc.1";
+declare const _default: "3.0.0-rc.2";
 export default _default;
 //# sourceMappingURL=version.d.ts.map

package/cjs/version.js

@@ -4,5 +4,5 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-var _default = '3.0.0-rc.1';
+var _default = '3.0.0-rc.2';
 exports.default = _default;

package/esm/button/button.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"button.d.ts","sourceRoot":"","sources":["button.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,cAAc,CAAC;AAExC,OAAO,EAAE,aAAa,EAAE,MAAM,cAAc,CAAC;AAoK7C,QAAA,MAAM,WAAW,EAAE,QAAQ,CAAC,MAAM,aAAa,CA0U9C,CAAC;AAEF,eAAe,WAAW,CAAC"}
+{"version":3,"file":"button.d.ts","sourceRoot":"","sources":["button.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,cAAc,CAAC;AAExC,OAAO,EAAE,aAAa,EAAE,MAAM,cAAc,CAAC;AAoK7C,QAAA,MAAM,WAAW,EAAE,QAAQ,CAAC,MAAM,aAAa,CA6U9C,CAAC;AAEF,eAAe,WAAW,CAAC"}

package/esm/button/button.js

@@ -297,17 +297,19 @@ var ButtonStyle = {
   group: {
     // 2.x 之前非 inline-block
     display: 'inline-block',
-    // 第一个元素下的所有 button 标签的元素
     '& > :first-child$button,& > :first-child $button': {
-      borderTopRightRadius: 0,
-      borderBottomRightRadius: 0,
-      borderRight: 'none',
       '&::before': {
         display: 'none'
       }
     },
+    // 第一个元素下的所有 button 标签的元素
+    '& > :first-child:not(:last-child)$button,& > :first-child:not(:last-child) $button': {
+      borderTopRightRadius: 0,
+      borderBottomRightRadius: 0,
+      borderRight: 'none'
+    },
     // 最后一个元素下的所有 button 标签的元素
-    '& > :last-child$button,& > :last-child $button': {
+    '& > :last-child:not(:first-child)$button,& > :last-child:not(:first-child) $button': {
       borderTopLeftRadius: 0,
       borderBottomLeftRadius: 0,
       borderLeft: 'none'

package/esm/cascader/cascader.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"cascader.d.ts","sourceRoot":"","sources":["cascader.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,QAAQ,EAAE,MAAM,cAAc,CAAC;AAExC,OAAO,EAAE,eAAe,EAAE,MAAM,cAAc,CAAC;AAE/C,oBAAY,iBAAiB,GAAG,MAAM,eAAe,CAAC;AA8CtD,QAAA,MAAM,aAAa,EAAE,QAAQ,CAAC,iBAAiB,CAga9C,CAAC;AAEF,eAAe,aAAa,CAAC"}
+{"version":3,"file":"cascader.d.ts","sourceRoot":"","sources":["cascader.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,QAAQ,EAAE,MAAM,cAAc,CAAC;AAExC,OAAO,EAAE,eAAe,EAAE,MAAM,cAAc,CAAC;AAE/C,oBAAY,iBAAiB,GAAG,MAAM,eAAe,CAAC;AA8CtD,QAAA,MAAM,aAAa,EAAE,QAAQ,CAAC,iBAAiB,CAgc9C,CAAC;AAEF,eAAe,aAAa,CAAC"}

package/esm/cascader/cascader.js

@@ -58,6 +58,29 @@ var cascaderStyle = _objectSpread(_objectSpread({
     outline: 'none',
     cursor: 'pointer'
   }, wrapper), {}, {
+    '&$wrapperInnerTitle': {
+      '& $placeholder,$ellipsis,$space,input': {
+        marginTop: 0,
+        marginBottom: 0
+      },
+      '& $tag': {
+        marginTop: 0,
+        paddingTop: 0,
+        paddingBottom: 0,
+        height: _theme.default.lineHeightDynamic,
+        border: 'none',
+        '&  *': {
+          lineHeight: _theme.default.lineHeightDynamic
+        }
+      },
+      '&$wrapperSmall $tag': {
+        height: 18,
+        marginBottom: 2,
+        '&$tag  *': {
+          lineHeight: '18px'
+        }
+      }
+    },
     '&$wrapperSmall': {
       '& $tag': {
         height: 18,
@@ -144,8 +167,7 @@ var cascaderStyle = _objectSpread(_objectSpread({
     flex: '1',
     minWidth: 0,
     alignItems: 'center',
-    lineHeight: _theme.default.lineHeightDynamic,
-    paddingRight: "calc(".concat(_theme.default.cascaderSmallFontSize, " + ").concat(_theme.default.cascaderClearPadding, ")")
+    lineHeight: _theme.default.lineHeightDynamic
   },
   resultItem: {
     transition: 'color 0.3s',
@@ -190,6 +212,9 @@ var cascaderStyle = _objectSpread(_objectSpread({
       }
     }
   },
+  multipleResultWrapper: {
+    flexWrap: 'wrap'
+  },
   resultAlignLeft: {
     '& $resultTextWrapper': {
       textAlign: 'left'
@@ -276,11 +301,13 @@ var cascaderStyle = _objectSpread(_objectSpread({
     borderRadius: _theme.default.cascaderPanelRadius,
     transformOrigin: '0 0'
   },
+  iconWrapper: {
+    display: 'flex',
+    alignItems: 'center',
+    justifyContent: 'center'
+  },
   clearable: {},
   clearIcon: {
-    position: 'absolute',
-    right: _theme.default.cascaderPaddingX,
-    top: "calc(50% - 1em/2)",
     cursor: 'pointer',
     width: _theme.default.cascaderFontSize,
     lineHeight: 0,
@@ -292,9 +319,7 @@ var cascaderStyle = _objectSpread(_objectSpread({
   },
   compressedIcon: {},
   arrowIcon: {
-    position: 'absolute',
-    right: _theme.default.cascaderPaddingX,
-    top: "calc(50% - 1em/2)",
+    display: 'inline-block',
     verticalAlign: 'middle',
     width: _theme.default.cascaderFontSize,
     lineHeight: 0,
@@ -325,6 +350,9 @@ var cascaderStyle = _objectSpread(_objectSpread({
     },
     '& $placeholder': {}
   },
+  multipleCompressedWrapper: {
+    flexWrap: 'nowrap'
+  },
   loading: {
     padding: 10,
     color: _theme.default.cascaderPlaceholderColor,
@@ -350,6 +378,7 @@ var cascaderStyle = _objectSpread(_objectSpread({
       borderRight: "1px solid ".concat(_theme.default.cascaderListBorderColor)
     }
   },
+  hideTag: {},
   list: {
     paddingTop: 3,
     paddingBottom: 3,
@@ -363,7 +392,10 @@ var cascaderStyle = _objectSpread(_objectSpread({
     marginRight: 4,
     marginTop: _theme.default.cascaderPlaceholderMarginY,
     marginBottom: _theme.default.cascaderPlaceholderMarginY,
-    textWrap: 'nowrap'
+    textWrap: 'nowrap',
+    '&$hideTag': {
+      marginRight: 0
+    }
   },
   space: {
     marginTop: _theme.default.cascaderPlaceholderMarginY,

package/esm/form/form.js

@@ -8,7 +8,7 @@ exports.default = void 0;
 var _theme = _interopRequireDefault(require("@sheinx/theme"));
 var form = {
   wrapper: {
-    display: 'block'
+    // display: 'block',
   },
   wrapperInline: {
     '& [data-soui-input-border]': {

package/esm/inner-title/inner-title.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"inner-title.d.ts","sourceRoot":"","sources":["inner-title.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,cAAc,CAAC;AAExC,OAAO,EAAE,iBAAiB,EAAE,MAAM,cAAc,CAAC;AAwBjD,QAAA,MAAM,UAAU,EAAE,QAAQ,CAAC,MAAM,iBAAiB,CAiEjD,CAAC;AAEF,eAAe,UAAU,CAAC"}
+{"version":3,"file":"inner-title.d.ts","sourceRoot":"","sources":["inner-title.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,cAAc,CAAC;AAExC,OAAO,EAAE,iBAAiB,EAAE,MAAM,cAAc,CAAC;AAwBjD,QAAA,MAAM,UAAU,EAAE,QAAQ,CAAC,MAAM,iBAAiB,CAqEjD,CAAC;AAEF,eAAe,UAAU,CAAC"}

package/esm/inner-title/inner-title.js

@@ -36,7 +36,8 @@ var innerTitle = _objectSpread(_objectSpread({}, animation), {}, {
   wrapper: {
     width: '100%',
     boxSizing: 'border-box',
-    position: 'relative'
+    position: 'relative',
+    minWidth: '0'
   },
   wrapperSmall: {},
   wrapperLarge: {},
@@ -50,6 +51,9 @@ var innerTitle = _objectSpread(_objectSpread({}, animation), {}, {
     fontSize: _theme.default.inputInnerFontSize,
     color: _theme.default.inputInnerFontColor,
     transition: "font-size ".concat(moveTime, " ease-in"),
+    whiteSpace: 'nowrap',
+    overflow: 'hidden',
+    textOverflow: 'ellipsis',
     '$wrapperSmall:not($wrapperOpen) $place &': {
       fontSize: _theme.default.inputInnerSmallFontSize
     },

package/esm/select/select.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"select.d.ts","sourceRoot":"","sources":["select.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,aAAa,EAAE,MAAM,cAAc,CAAC;AAC7C,OAAO,EAAE,QAAQ,EAAE,MAAM,cAAc,CAAC;AAGxC,oBAAY,eAAe,GAAG,MAAM,aAAa,CAAC;AA8ClD,QAAA,MAAM,WAAW,EAAE,QAAQ,CAAC,eAAe,CA4c1C,CAAC;AAEF,eAAe,WAAW,CAAC"}
+{"version":3,"file":"select.d.ts","sourceRoot":"","sources":["select.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,aAAa,EAAE,MAAM,cAAc,CAAC;AAC7C,OAAO,EAAE,QAAQ,EAAE,MAAM,cAAc,CAAC;AAGxC,oBAAY,eAAe,GAAG,MAAM,aAAa,CAAC;AA8ClD,QAAA,MAAM,WAAW,EAAE,QAAQ,CAAC,eAAe,CA0d1C,CAAC;AAEF,eAAe,WAAW,CAAC"}

package/esm/select/select.js

@@ -61,6 +61,23 @@ var selectStyle = _objectSpread(_objectSpread({
       '& $placeholder,$ellipsis,$space,input': {
         marginTop: 0,
         marginBottom: 0
+      },
+      '& $tag': {
+        marginTop: 0,
+        paddingTop: 0,
+        paddingBottom: 0,
+        height: _theme.default.lineHeightDynamic,
+        border: 'none',
+        '&  *': {
+          lineHeight: _theme.default.lineHeightDynamic
+        }
+      },
+      '&$wrapperSmall $tag': {
+        height: 18,
+        marginBottom: 2,
+        '&$tag  *': {
+          lineHeight: '18px'
+        }
       }
     },
     '&$wrapperSmall': {
@@ -78,7 +95,6 @@ var selectStyle = _objectSpread(_objectSpread({
         paddingTop: _theme.default.selectSmallOptionInnerPaddingY,
         paddingBottom: _theme.default.selectSmallOptionInnerPaddingY,
         paddingLeft: _theme.default.selectSmallOptionInnerPaddingX,
-        // padding: `${token.selectSmallOptionInnerPaddingY} ${token.selectSmallOptionInnerPaddingX}`,
         fontSize: _theme.default.selectSmallFontSize
       },
       '& $clearIcon': {
@@ -146,8 +162,7 @@ var selectStyle = _objectSpread(_objectSpread({
     flex: '1',
     minWidth: 0,
     alignItems: 'center',
-    lineHeight: _theme.default.lineHeightDynamic,
-    paddingRight: "calc(".concat(_theme.default.selectSmallFontSize, " + ").concat(_theme.default.selectClearPadding, ")")
+    lineHeight: _theme.default.lineHeightDynamic
   },
   resultTextWrapper: {
     display: 'flex',
@@ -266,11 +281,13 @@ var selectStyle = _objectSpread(_objectSpread({
     transformOrigin: '0 0',
     border: "1px solid ".concat(_theme.default.selectPanelBorder)
   },
+  iconWrapper: {
+    display: 'flex',
+    alignItems: 'center',
+    justifyContent: 'center'
+  },
   clearable: {},
   clearIcon: {
-    position: 'absolute',
-    right: _theme.default.selectPaddingX,
-    top: "calc(50% - 7px)",
     cursor: 'pointer',
     width: _theme.default.selectFontSize,
     lineHeight: 0,
@@ -281,9 +298,7 @@ var selectStyle = _objectSpread(_objectSpread({
     }
   },
   arrowIcon: {
-    position: 'absolute',
-    right: _theme.default.selectPaddingX,
-    top: "calc(50% - 7px)",
+    display: 'inline-block',
     verticalAlign: 'middle',
     width: _theme.default.selectFontSize,
     lineHeight: 0,

package/esm/table/table.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"table.d.ts","sourceRoot":"","sources":["table.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,YAAY,EAAE,MAAM,cAAc,CAAC;AAC5C,OAAO,EAAE,QAAQ,EAAE,MAAM,cAAc,CAAC;AASxC,oBAAY,cAAc,GAAG,MAAM,YAAY,CAAC;AAUhD,QAAA,MAAM,UAAU,EAAE,QAAQ,CAAC,cAAc,CAmXxC,CAAC;AAEF,eAAe,UAAU,CAAC"}
+{"version":3,"file":"table.d.ts","sourceRoot":"","sources":["table.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,YAAY,EAAE,MAAM,cAAc,CAAC;AAC5C,OAAO,EAAE,QAAQ,EAAE,MAAM,cAAc,CAAC;AASxC,oBAAY,cAAc,GAAG,MAAM,YAAY,CAAC;AAUhD,QAAA,MAAM,UAAU,EAAE,QAAQ,CAAC,cAAc,CAoXxC,CAAC;AAEF,eAAe,UAAU,CAAC"}

package/esm/table/table.js

@@ -186,7 +186,8 @@ var tableStyle = _objectSpread(_objectSpread({}, globalStyle), {}, {
   },
   cellFixedLast: {},
   cellCheckbox: {
-    width: '42px'
+    width: '42px',
+    textAlign: 'center'
   },
   cellGroup: {
     textAlign: 'center',

package/esm/tree-select/tree-select.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"tree-select.d.ts","sourceRoot":"","sources":["tree-select.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,QAAQ,EAAE,MAAM,cAAc,CAAC;AAExC,OAAO,EAAE,iBAAiB,EAAE,MAAM,cAAc,CAAC;AAEjD,oBAAY,mBAAmB,GAAG,MAAM,iBAAiB,CAAC;AA8C1D,QAAA,MAAM,eAAe,EAAE,QAAQ,CAAC,mBAAmB,CA+alD,CAAC;AACF,eAAe,eAAe,CAAC"}
+{"version":3,"file":"tree-select.d.ts","sourceRoot":"","sources":["tree-select.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,QAAQ,EAAE,MAAM,cAAc,CAAC;AAExC,OAAO,EAAE,iBAAiB,EAAE,MAAM,cAAc,CAAC;AAEjD,oBAAY,mBAAmB,GAAG,MAAM,iBAAiB,CAAC;AA8C1D,QAAA,MAAM,eAAe,EAAE,QAAQ,CAAC,mBAAmB,CAyclD,CAAC;AACF,eAAe,eAAe,CAAC"}

package/esm/tree-select/tree-select.js

@@ -57,6 +57,29 @@ var treeSelectStyle = _objectSpread(_objectSpread({
     outline: 'none',
     cursor: 'pointer'
   }, wrapper), {}, {
+    '&$wrapperInnerTitle': {
+      '& $placeholder,$ellipsis,$space,input': {
+        marginTop: 0,
+        marginBottom: 0
+      },
+      '& $tag': {
+        marginTop: 0,
+        paddingTop: 0,
+        paddingBottom: 0,
+        height: _theme.default.lineHeightDynamic,
+        border: 'none',
+        '&  *': {
+          lineHeight: _theme.default.lineHeightDynamic
+        }
+      },
+      '&$wrapperSmall $tag': {
+        height: 18,
+        marginBottom: 2,
+        '&$tag  *': {
+          lineHeight: '18px'
+        }
+      }
+    },
     '&$wrapperSmall': {
       '& $tag': {
         height: 18,
@@ -130,9 +153,9 @@ var treeSelectStyle = _objectSpread(_objectSpread({
     flex: '1',
     minWidth: 0,
     alignItems: 'center',
-    lineHeight: _theme.default.lineHeightDynamic,
-    paddingRight: "calc(".concat(_theme.default.treeSelectSmallFontSize, " + ").concat(_theme.default.treeSelectClearPadding, ")")
+    lineHeight: _theme.default.lineHeightDynamic
   },
+  hideTag: {},
   resultTextWrapper: {
     display: 'flex',
     flex: '1',
@@ -248,11 +271,13 @@ var treeSelectStyle = _objectSpread(_objectSpread({
     width: 'max-content',
     maxWidth: '640px'
   },
+  iconWrapper: {
+    display: 'flex',
+    alignItems: 'center',
+    justifyContent: 'center'
+  },
   clearable: {},
   clearIcon: {
-    position: 'absolute',
-    right: _theme.default.treeSelectPaddingX,
-    top: "calc(50% - 1em/2)",
     cursor: 'pointer',
     width: _theme.default.treeSelectFontSize,
     lineHeight: 0,
@@ -260,9 +285,7 @@ var treeSelectStyle = _objectSpread(_objectSpread({
     verticalAlign: 'middle'
   },
   arrowIcon: {
-    position: 'absolute',
-    right: _theme.default.treeSelectPaddingX,
-    top: "calc(50% - 1em/2)",
+    display: 'inline-block',
     verticalAlign: 'middle',
     width: _theme.default.treeSelectFontSize,
     lineHeight: 0,
@@ -344,7 +367,10 @@ var treeSelectStyle = _objectSpread(_objectSpread({
     marginRight: 4,
     marginTop: _theme.default.treeSelectPlaceholderMarginY,
     marginBottom: _theme.default.treeSelectPlaceholderMarginY,
-    textWrap: 'nowrap'
+    textWrap: 'nowrap',
+    '&$hideTag': {
+      marginRight: 0
+    }
   },
   space: {
     marginTop: _theme.default.treeSelectPlaceholderMarginY,

package/esm/version.d.ts

@@ -1,3 +1,3 @@
-declare const _default: "3.0.0-rc.1";
+declare const _default: "3.0.0-rc.2";
 export default _default;
 //# sourceMappingURL=version.d.ts.map

package/esm/version.js

@@ -4,5 +4,5 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-var _default = '3.0.0-rc.1';
+var _default = '3.0.0-rc.2';
 exports.default = _default;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@sheinx/shineout-style",
-  "version": "3.0.0-rc.1",
+  "version": "3.0.0-rc.2",
   "description": "",
   "keywords": [],
   "license": "ISC",
@@ -17,8 +17,8 @@
   "dependencies": {
     "jss": "10.9.2",
     "react-jss": "10.9.2",
-    "@sheinx/theme": "3.0.0-rc.1",
-    "@sheinx/base": "3.0.0-rc.1"
+    "@sheinx/theme": "3.0.0-rc.2",
+    "@sheinx/base": "3.0.0-rc.2"
   },
   "peerDependencies": {
     "core-js": ">=3"