@sheinx/shineout-style 3.5.8-beta.8 → 3.5.8

package/cjs/switch/switch.js

@@ -52,10 +52,6 @@ var switchStyle = _objectSpread(_objectSpread({
       backgroundColor: _theme.default.switchCheckedDisabledBackgroundColor,
       color: _theme.default.switchCheckedDisabledFontColor
     },
-    // '$wrapperChecked$wrapperLoading&': {
-    //   backgroundColor: token.switchCheckedLoadingBackgroundColor,
-    //   color: token.switchCheckedLoadingFontColor,
-    // },
     height: "calc( ".concat(_theme.default.switchCircleSize, " + ").concat(_theme.default.switchPaddingY, " * 2 )"),
     padding: "".concat(_theme.default.switchPaddingY, " ").concat(_theme.default.switchPaddingX),
     minWidth: _theme.default.switchWidth,
@@ -66,27 +62,35 @@ var switchStyle = _objectSpread(_objectSpread({
       padding: "".concat(_theme.default.switchSmallPaddingY, " ").concat(_theme.default.switchSmallPaddingX),
       minWidth: _theme.default.switchSmallWidth,
       borderRadius: "calc( ".concat(_theme.default.switchSmallCircleSize, " / 2 + ").concat(_theme.default.switchSmallPaddingY, " )"),
-      fonSize: _theme.default.switchSmallFontSize
+      fontSize: _theme.default.switchSmallFontSize
     },
     '$wrapperLarge&': {
       height: "calc( ".concat(_theme.default.switchLargeCircleSize, " + ").concat(_theme.default.switchLargePaddingY, " * 2 )"),
       padding: "".concat(_theme.default.switchLargePaddingY, " ").concat(_theme.default.switchLargePaddingX),
       minWidth: _theme.default.switchLargeWidth,
       borderRadius: "calc( ".concat(_theme.default.switchLargeCircleSize, " / 2 + ").concat(_theme.default.switchLargePaddingY, " )"),
-      fonSize: _theme.default.switchLargeFontSize
+      fontSize: _theme.default.switchLargeFontSize
     }
   },
   wrapperChecked: {},
   textPadding: {
-    display: 'inline-block',
-    padding: "0 ".concat(_theme.default.switchTextPaddingX)
-  },
-  wrapperSmall: {
-    fontSize: _theme.default.switchSmallFontSize
-  },
-  wrapperLarge: {
-    fontSize: _theme.default.switchLargeFontSize
+    paddingLeft: _theme.default.switchTextPaddingRight,
+    paddingRight: _theme.default.switchTextPaddingLeft,
+    '$wrapperChecked &': {
+      paddingLeft: _theme.default.switchTextPaddingLeft,
+      paddingRight: _theme.default.switchTextPaddingRight
+    },
+    '$wrapperSmall &': {
+      paddingLeft: _theme.default.switchSmallTextPaddingRight,
+      paddingRight: _theme.default.switchSmallTextPaddingLeft
+    },
+    '$wrapperSmall$wrapperChecked &': {
+      paddingLeft: _theme.default.switchSmallTextPaddingLeft,
+      paddingRight: _theme.default.switchSmallTextPaddingRight
+    }
   },
+  wrapperSmall: {},
+  wrapperLarge: {},
   indicator: {
     width: _theme.default.switchCircleSize,
     height: _theme.default.switchCircleSize,
@@ -100,7 +104,6 @@ var switchStyle = _objectSpread(_objectSpread({
     display: 'flex',
     alignItems: 'center',
     justifyContent: 'center',
-    color: 'red',
     '$wrapperChecked &': {
       backgroundColor: _theme.default.switchCheckedCircleFill,
       '&[dir=ltr]': {
@@ -144,8 +147,8 @@ var switchStyle = _objectSpread(_objectSpread({
       left: _theme.default.switchLargePaddingX,
       top: _theme.default.switchLargePaddingY
     },
-    '$wrapperDisabled:not($wrapperChecked) &': {
-      backgroundColor: _theme.default.switchDisabledCircleFill
+    '$wrapperDisabled$wrapperChecked &': {
+      backgroundColor: _theme.default.switchDisabledCircleCheckedFill
     },
     '$wrapperDisabled &': {
       backgroundColor: _theme.default.switchCheckedDisabledCircleFill
@@ -153,12 +156,10 @@ var switchStyle = _objectSpread(_objectSpread({
     borderRadius: '50%',
     position: 'absolute',
     backgroundColor: _theme.default.switchCircleFill,
-    boxShadow: _theme.default.switchCircleShadow,
+    // boxShadow: token.switchCircleShadow,
     transition: "left ".concat(transition, ", right ").concat(transition)
   },
   content: {
-    display: 'inline',
-    lineHeight: 1,
     paddingLeft: _theme.default.switchCircleSize,
     transition: "padding ".concat(transition),
     '$wrapperSmall &': {
@@ -185,18 +186,20 @@ var switchStyle = _objectSpread(_objectSpread({
   },
   loading: {
     position: 'absolute',
-    top: '12%',
-    left: '12%',
-    right: '12%',
-    bottom: '12%',
-    borderRadius: '50%',
-    border: '1px solid',
-    borderColor: _theme.default.switchDisabledBackgroundColor,
-    borderTopColor: 'transparent',
+    color: _theme.default.switchLoadingCircleFill,
+    inset: '2px',
     animation: "$ring 1s ease-in-out infinite",
+    '$wrapperLarge &': {
+      inset: '3px'
+    },
+    '$wrapperSmall &': {
+      inset: '1px'
+    },
+    '& > svg': {
+      display: 'block'
+    },
     '$wrapperChecked &': {
-      borderColor: _theme.default.switchCheckedDisabledBackgroundColor,
-      borderTopColor: 'transparent'
+      color: _theme.default.switchCheckedLoadingCircleFill
     }
   }
 });

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;AAUxC,MAAM,MAAM,cAAc,GAAG,MAAM,YAAY,CAAC;AAUhD,QAAA,MAAM,UAAU,EAAE,QAAQ,CAAC,cAAc,CA4exC,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;AAUxC,MAAM,MAAM,cAAc,GAAG,MAAM,YAAY,CAAC;AAUhD,QAAA,MAAM,UAAU,EAAE,QAAQ,CAAC,cAAc,CA6exC,CAAC;AAEF,eAAe,UAAU,CAAC"}

package/cjs/table/table.js

@@ -214,7 +214,7 @@ var tableStyle = _objectSpread(_objectSpread({
     background: _theme.default.tableTfootBackgroundColor
   },
   emptyWrapper: {
-    minHeight: '150px',
+    minHeight: '170px',
     width: '100%',
     height: '100%',
     position: 'sticky',
@@ -223,7 +223,8 @@ var tableStyle = _objectSpread(_objectSpread({
     right: 0,
     justifyContent: 'center',
     display: 'flex',
-    alignItems: 'center'
+    alignItems: 'center',
+    borderBottom: "1px solid ".concat(_theme.default.tableCellBorderColor)
   },
   scrollY: {
     '&$headWrapper, &$footWrapper': _objectSpread({

package/cjs/tabs/tabs.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"tabs.d.ts","sourceRoot":"","sources":["tabs.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,WAAW,EAAE,MAAM,cAAc,CAAC;AAC3C,OAAO,EAAE,QAAQ,EAAE,MAAM,cAAc,CAAC;AAwQxC,QAAA,MAAM,SAAS,EAAE,QAAQ,CAAC,MAAM,WAAW,CA4f1C,CAAC;AAEF,eAAe,SAAS,CAAC"}
+{"version":3,"file":"tabs.d.ts","sourceRoot":"","sources":["tabs.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,WAAW,EAAE,MAAM,cAAc,CAAC;AAC3C,OAAO,EAAE,QAAQ,EAAE,MAAM,cAAc,CAAC;AAwQxC,QAAA,MAAM,SAAS,EAAE,QAAQ,CAAC,MAAM,WAAW,CA0f1C,CAAC;AAEF,eAAe,SAAS,CAAC"}

package/cjs/tabs/tabs.js

@@ -48,7 +48,7 @@ var getCardStyle = function getCardStyle() {
       },
       '&[dir=ltr]': _objectSpread({
         '& $cardHr': {
-          '&:after': {
+          '&:before': {
             right: 0,
             left: 'auto',
             width: '1px',
@@ -70,7 +70,7 @@ var getCardStyle = function getCardStyle() {
         background: '#FFFFFF'
       })), {}, {
         '& $cardHr': {
-          '&:after': {
+          '&:before': {
             left: 0,
             width: 1,
             height: '100%'
@@ -89,7 +89,7 @@ var getCardStyle = function getCardStyle() {
       },
       '&[dir=ltr]': _objectSpread({
         '& $cardHr': {
-          '&:after': {
+          '&:before': {
             left: 0,
             width: 1,
             height: '100%'
@@ -104,7 +104,7 @@ var getCardStyle = function getCardStyle() {
       })),
       '&[dir=rtl]': _objectSpread({
         '& $cardHr': {
-          '&:after': {
+          '&:before': {
             right: 0,
             width: 1,
             height: '100%'
@@ -144,7 +144,7 @@ var getCardStyle = function getCardStyle() {
         width: '100%'
       },
       '& $cardHr': {
-        '&:after': {
+        '&:before': {
           top: 0,
           bottom: 'auto'
         }
@@ -392,15 +392,13 @@ var tabsStyle = {
     }
   },
   cardHr: {
-    // aflter
-    '&:after': {
+    '&:before': {
       position: 'absolute',
       content: '""',
       bottom: 0,
       left: 0,
       width: '100%',
       height: 1,
-      zIndex: -1,
       background: _theme.default.tabsBorderColor
     }
   },

package/cjs/tag/tag.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"tag.d.ts","sourceRoot":"","sources":["tag.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,cAAc,CAAC;AAExC,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AA+I1C,QAAA,MAAM,QAAQ,EAAE,QAAQ,CAAC,MAAM,UAAU,CAiJxC,CAAC;AAEF,eAAe,QAAQ,CAAC"}
+{"version":3,"file":"tag.d.ts","sourceRoot":"","sources":["tag.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,cAAc,CAAC;AAExC,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAgJ1C,QAAA,MAAM,QAAQ,EAAE,QAAQ,CAAC,MAAM,UAAU,CAiJxC,CAAC;AAEF,eAAe,QAAQ,CAAC"}

package/cjs/tag/tag.js

@@ -29,7 +29,8 @@ var tag = function tag(type) {
       },
       '&[data-soui-type="dark"]': {
         '&$disabled': {
-          backgroundColor: _theme.default.tagDefaultFillBackgroundColor
+          backgroundColor: _theme.default.tagDefaultFillBackgroundColor,
+          borderColor: _theme.default.tagDefaultFillBorderColor
         }
       },
       '&$disabled': {

package/cjs/textarea/textarea.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"textarea.d.ts","sourceRoot":"","sources":["textarea.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,eAAe,EAAE,MAAM,cAAc,CAAC;AAC/C,OAAO,EAAE,QAAQ,EAAE,MAAM,cAAc,CAAC;AAyDxC,QAAA,MAAM,KAAK,EAAE,QAAQ,CAAC,MAAM,eAAe,CAsD1C,CAAC;AAEF,eAAe,KAAK,CAAC"}
+{"version":3,"file":"textarea.d.ts","sourceRoot":"","sources":["textarea.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,eAAe,EAAE,MAAM,cAAc,CAAC;AAC/C,OAAO,EAAE,QAAQ,EAAE,MAAM,cAAc,CAAC;AAyDxC,QAAA,MAAM,KAAK,EAAE,QAAQ,CAAC,MAAM,eAAe,CAyD1C,CAAC;AAEF,eAAe,KAAK,CAAC"}

package/cjs/textarea/textarea.js

@@ -86,6 +86,9 @@ var input = _objectSpread(_objectSpread(_objectSpread({
     backgroundColor: 'transparent',
     resize: 'none',
     boxSizing: 'border-box',
+    minHeight: "calc(".concat(_theme.default.lineHeightDynamic, " + ").concat(_theme.default.inputPaddingY, " * 2)"),
+    // why: 为了让滚动条的轨道不遮盖右上角和右下角的圆角; 注: chrome >= 121才支持scrollbar-color
+    scrollbarColor: "".concat(_theme.default.inputBorderColor, " transparent"),
     '&$resize': {
       resize: 'vertical'
     }

package/cjs/transfer/transfer.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"transfer.d.ts","sourceRoot":"","sources":["transfer.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,cAAc,CAAC;AAExC,OAAO,EAAE,eAAe,EAAE,MAAM,cAAc,CAAC;AAE/C,MAAM,MAAM,aAAa,GAAG,MAAM,eAAe,CAAC;AAElD,QAAA,MAAM,aAAa,EAAE,QAAQ,CAAC,aAAa,CA2M1C,CAAC;AAEF,eAAe,aAAa,CAAC"}
+{"version":3,"file":"transfer.d.ts","sourceRoot":"","sources":["transfer.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,cAAc,CAAC;AAExC,OAAO,EAAE,eAAe,EAAE,MAAM,cAAc,CAAC;AAE/C,MAAM,MAAM,aAAa,GAAG,MAAM,eAAe,CAAC;AAElD,QAAA,MAAM,aAAa,EAAE,QAAQ,CAAC,aAAa,CA6M1C,CAAC;AAEF,eAAe,aAAa,CAAC"}

package/cjs/transfer/transfer.js

@@ -139,7 +139,7 @@ var TransferStyle = {
     }
   },
   inputWrapper: {
-    padding: '6px 12px'
+    padding: '8px 12px 4px 12px'
   },
   input: {
     '& > div > svg': {
@@ -172,7 +172,9 @@ var TransferStyle = {
     fontSize: _theme.default.transferFontSize
   },
   list: {
+    borderRadius: _theme.default.transferBorderRadius,
     background: _theme.default.transferBackgroundColor
+    // scrollbarColor: `${Token.transferBorderColor} transparent`,
   },
   footer: {
     height: 48,

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

@@ -1 +1 @@
-{"version":3,"file":"tree.d.ts","sourceRoot":"","sources":["tree.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,QAAQ,EAAE,MAAM,cAAc,CAAC;AACxC,OAAO,EAAE,WAAW,EAAE,MAAM,cAAc,CAAC;AAE3C,MAAM,MAAM,aAAa,GAAG,MAAM,WAAW,CAAC;AAE9C,QAAA,MAAM,SAAS,EAAE,QAAQ,CAAC,aAAa,CA4OtC,CAAC;AAEF,eAAe,SAAS,CAAC"}
+{"version":3,"file":"tree.d.ts","sourceRoot":"","sources":["tree.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,QAAQ,EAAE,MAAM,cAAc,CAAC;AACxC,OAAO,EAAE,WAAW,EAAE,MAAM,cAAc,CAAC;AAE3C,MAAM,MAAM,aAAa,GAAG,MAAM,WAAW,CAAC;AAE9C,QAAA,MAAM,SAAS,EAAE,QAAQ,CAAC,aAAa,CA+OtC,CAAC;AAEF,eAAe,SAAS,CAAC"}

package/cjs/tree/tree.js

@@ -113,6 +113,9 @@ var treeStyle = {
     // },
     '& > $node': {
       paddingLeft: 12,
+      '&$leaf': {
+        paddingLeft: 24
+      },
       '& > $contentWrapper > $iconWrapper': {
         '&[dir=ltr]': {
           left: 0

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,MAAM,MAAM,mBAAmB,GAAG,MAAM,iBAAiB,CAAC;AAuD1D,QAAA,MAAM,eAAe,EAAE,QAAQ,CAAC,mBAAmB,CAielD,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,MAAM,MAAM,mBAAmB,GAAG,MAAM,iBAAiB,CAAC;AAuD1D,QAAA,MAAM,eAAe,EAAE,QAAQ,CAAC,mBAAmB,CA2elD,CAAC;AACF,eAAe,eAAe,CAAC"}

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

@@ -126,6 +126,9 @@ var treeSelectStyle = _objectSpread(_objectSpread({
         paddingLeft: _theme.default.treeSelectLargeOptionInnerPaddingX,
         fontSize: _theme.default.treeSelectLargeFontSize
       },
+      '& $arrowIcon': {
+        width: _theme.default.treeSelectLargeFontSize
+      },
       '& $clearIcon': {
         right: _theme.default.treeSelectLargePaddingX
       }
@@ -282,7 +285,8 @@ var treeSelectStyle = _objectSpread(_objectSpread({
     borderRadius: _theme.default.treeSelectPanelRadius,
     transformOrigin: '0 0',
     width: 'max-content',
-    maxWidth: '640px'
+    maxWidth: '640px',
+    cursor: 'initial'
   },
   iconWrapper: {
     display: 'flex',
@@ -295,7 +299,10 @@ var treeSelectStyle = _objectSpread(_objectSpread({
     width: _theme.default.treeSelectFontSize,
     lineHeight: 0,
     color: _theme.default.treeSelectClearColor,
-    verticalAlign: 'middle'
+    verticalAlign: 'middle',
+    '&:hover svg': {
+      color: _theme.default.treeSelectClearHoverColor
+    }
   },
   arrowIcon: {
     display: 'inline-block',
@@ -303,7 +310,10 @@ var treeSelectStyle = _objectSpread(_objectSpread({
     width: _theme.default.treeSelectFontSize,
     lineHeight: 0,
     color: _theme.default.treeSelectIconColor,
-    transition: 'transform 0.3s'
+    transition: 'transform 0.3s',
+    '$wrapperDisabled &': {
+      color: _theme.default.treeSelectIconDisabledColor
+    }
   },
   arrowIconOpen: {
     transform: 'rotate(180deg)',

package/cjs/version.d.ts

@@ -1,3 +1,3 @@
-declare const _default: "3.5.8-beta.8";
+declare const _default: "3.5.8";
 export default _default;
 //# sourceMappingURL=version.d.ts.map

package/cjs/version.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"version.d.ts","sourceRoot":"","sources":["version.ts"],"names":[],"mappings":";AAAA,wBAA8B"}
+{"version":3,"file":"version.d.ts","sourceRoot":"","sources":["version.ts"],"names":[],"mappings":";AAAA,wBAAuB"}

package/cjs/version.js

@@ -4,4 +4,4 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-var _default = exports.default = '3.5.8-beta.8';
+var _default = exports.default = '3.5.8';

package/esm/badge/badge.js

@@ -31,14 +31,14 @@ var badgeStyle = {
     minWidth: token.badgeCountHeight,
     height: token.badgeCountHeight,
     verticalAlign: 'super',
-    lineHeight: token.lineHeightDynamic,
+    lineHeight: token.badgeCountHeight,
     background: token.badgeBadgeBackgroundColor,
     borderRadius: token.badgeBadgeBorderRadius,
     fontSize: token.badgeBadgeFontSize,
     color: token.badgeBadgeFontColor
   },
   small: {
-    lineHeight: 'initial',
+    lineHeight: token.badgeSmallCountHeight,
     height: token.badgeSmallCountHeight,
     minWidth: token.badgeSmallCountHeight
   },

package/esm/breadcrumb/breadcrumb.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"breadcrumb.d.ts","sourceRoot":"","sources":["breadcrumb.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,QAAQ,EAAE,MAAM,cAAc,CAAC;AACxC,OAAO,EAAE,iBAAiB,EAAE,MAAM,cAAc,CAAC;AAEjD,MAAM,MAAM,mBAAmB,GAAG,MAAM,iBAAiB,CAAC;AAE1D,QAAA,MAAM,eAAe,EAAE,QAAQ,CAAC,mBAAmB,CAuGlD,CAAC;AAEF,eAAe,eAAe,CAAC"}
+{"version":3,"file":"breadcrumb.d.ts","sourceRoot":"","sources":["breadcrumb.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,QAAQ,EAAE,MAAM,cAAc,CAAC;AACxC,OAAO,EAAE,iBAAiB,EAAE,MAAM,cAAc,CAAC;AAEjD,MAAM,MAAM,mBAAmB,GAAG,MAAM,iBAAiB,CAAC;AAE1D,QAAA,MAAM,eAAe,EAAE,QAAQ,CAAC,mBAAmB,CA0GlD,CAAC;AAEF,eAAe,eAAe,CAAC"}

package/esm/breadcrumb/breadcrumb.js

@@ -21,6 +21,9 @@ var breadcrumbStyle = {
     '&&': {
       display: 'flex',
       alignItems: 'center'
+    },
+    '&[role=button]:active': {
+      color: token.breadcrumbDefaultLinkActiveColor
     }
   },
   ellipsis: {
@@ -90,7 +93,7 @@ var breadcrumbStyle = {
       color: token.dropdownOptionHoverFontColor,
       backgroundColor: token.dropdownOptionHoverBackgroundColor
     },
-    '& $content, &  a': {
+    '& $content, & a': {
       padding: "".concat(token.dropdownOptionPaddingY, " ").concat(token.dropdownOptionPaddingX),
       display: 'inline-block',
       textDecoration: '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,MAAM,MAAM,iBAAiB,GAAG,MAAM,eAAe,CAAC;AAuDtD,QAAA,MAAM,aAAa,EAAE,QAAQ,CAAC,iBAAiB,CAie9C,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,MAAM,MAAM,iBAAiB,GAAG,MAAM,eAAe,CAAC;AAuDtD,QAAA,MAAM,aAAa,EAAE,QAAQ,CAAC,iBAAiB,CAggB9C,CAAC;AAEF,eAAe,aAAa,CAAC"}

package/esm/cascader/cascader.js

@@ -111,6 +111,9 @@ var cascaderStyle = _objectSpread(_objectSpread({
         marginTop: token.cascaderLargePlaceholderMarginY,
         marginBottom: token.cascaderLargePlaceholderMarginY
       },
+      '& $arrowIcon': {
+        width: token.cascaderLargeFontSize
+      },
       '& $optionInner': {
         // padding: `${token.cascaderLargeOptionInnerPaddingY} ${token.cascaderLargeOptionInnerPaddingX}`,
         paddingTop: token.cascaderLargeOptionInnerPaddingY,
@@ -123,7 +126,7 @@ var cascaderStyle = _objectSpread(_objectSpread({
       }
     },
     // hover
-    '&:hover': {
+    '&:hover': _objectSpread(_objectSpread({}, wrapper['&:hover']), {}, {
       '& $clearIcon': {
         display: 'inline-block'
       },
@@ -135,6 +138,9 @@ var cascaderStyle = _objectSpread(_objectSpread({
           display: 'none'
         }
       }
+    }),
+    '&:has($pickerWrapperShow)': {
+      borderColor: token.cascaderFocusBorderColor
     },
     // not wrapperFocus
     '&:not($wrapperFocus)': {
@@ -307,8 +313,10 @@ var cascaderStyle = _objectSpread(_objectSpread({
     boxShadow: token.cascaderPanelShadow,
     border: "1px solid ".concat(token.cascaderPanelBorder),
     borderRadius: token.cascaderPanelRadius,
-    transformOrigin: '0 0'
+    transformOrigin: '0 0',
+    cursor: 'initial'
   },
+  pickerWrapperShow: {},
   iconWrapper: {
     display: 'flex',
     alignItems: 'center',
@@ -335,8 +343,10 @@ var cascaderStyle = _objectSpread(_objectSpread({
     transition: 'transform 0.3s'
   },
   arrowIconOpen: {
-    transform: 'rotate(180deg)',
-    color: token.cascaderHoverBorderColor
+    color: token.cascaderHoverBorderColor,
+    '&:not($compressedIcon)': {
+      transform: 'rotate(180deg)'
+    }
   },
   ellipsis: {
     display: 'block',
@@ -395,8 +405,12 @@ var cascaderStyle = _objectSpread(_objectSpread({
   },
   hideTag: {},
   list: {
-    display: 'inline-block',
-    overflow: 'auto'
+    display: 'inline-block'
+  },
+  listSimple: {
+    overflow: 'auto',
+    paddingTop: token.cascaderListPaddingY,
+    paddingBottom: token.cascaderListPaddingY
   },
   tag: {
     flexShrink: 0,
@@ -434,8 +448,10 @@ var cascaderStyle = _objectSpread(_objectSpread({
     visibility: 'hidden'
   },
   moreWrapper: {
-    width: 248,
-    height: 72,
+    // width: 248,
+    // height: 72,
+    maxWidth: 400,
+    maxHeight: 160,
     overflow: 'auto',
     padding: "".concat(token.cascaderMorePaddingY, " ").concat(token.cascaderMorePaddingX)
   },
@@ -448,18 +464,21 @@ var cascaderStyle = _objectSpread(_objectSpread({
     lineHeight: token.lineHeightDynamic,
     minWidth: 64,
     padding: "".concat(token.cascaderOptionPaddingY, " ").concat(token.cascaderOptionPaddingX),
-    '&:not($optionDisabled)': {
-      cursor: 'pointer'
+    '&:not($optionDisabled):not($activeOption)': {
+      cursor: 'pointer',
+      '&:hover': {
+        '& $optionInner': {
+          color: token.cascaderOptionHoverFontColor,
+          backgroundColor: token.cascaderOptionHoverBackgroundColor
+        }
+      },
+      '&:hover $optionInner:active, & $optionInner:active': {
+        color: token.cascaderOptionHoverFontColor,
+        backgroundColor: "".concat(token.cascaderOptionFocusBackgroundColor)
+      }
     },
     '& $optionCheckbox': {
       marginRight: 8
-    },
-    // hover
-    '&:not($optionDisabled):hover': {
-      '& $optionInner': {
-        color: token.cascaderOptionHoverFontColor,
-        backgroundColor: token.cascaderOptionHoverBackgroundColor
-      }
     }
   },
   filterOption: {
@@ -468,12 +487,23 @@ var cascaderStyle = _objectSpread(_objectSpread({
       width: '100%'
     }
   },
-  filterDisabledOption: {},
+  filterOptionItem: {
+    // not disabled
+    '&:not($filterDisabledOption):hover': {
+      color: token.cascaderOptionItemHoverFontColor
+    }
+  },
+  filterDisabledOption: {
+    color: token.cascaderOptionDisabledColor
+  },
   filterOptionSeparator: {},
   activeOption: {
     '& $optionInner': {
       color: token.cascaderOptionActiveColor,
-      backgroundColor: token.cascaderOptionActiveBackgroundColor
+      backgroundColor: token.cascaderOptionActiveBackgroundColor,
+      '& $optionIcon': {
+        color: token.cascaderOptionActiveColor
+      }
     }
   },
   optionCheckbox: {},

package/esm/checkbox/checkbox.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"checkbox.d.ts","sourceRoot":"","sources":["checkbox.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,QAAQ,EAAE,MAAM,cAAc,CAAC;AACxC,OAAO,EAAE,eAAe,EAAE,MAAM,cAAc,CAAC;AAE/C,QAAA,MAAM,aAAa,EAAE,QAAQ,CAAC,MAAM,eAAe,CA4IlD,CAAC;AAEF,eAAe,aAAa,CAAC"}
+{"version":3,"file":"checkbox.d.ts","sourceRoot":"","sources":["checkbox.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,QAAQ,EAAE,MAAM,cAAc,CAAC;AACxC,OAAO,EAAE,eAAe,EAAE,MAAM,cAAc,CAAC;AAE/C,QAAA,MAAM,aAAa,EAAE,QAAQ,CAAC,MAAM,eAAe,CA6IlD,CAAC;AAEF,eAAe,aAAa,CAAC"}

package/esm/checkbox/checkbox.js

@@ -134,7 +134,8 @@ var checkboxStyle = {
   groupBlock: {
     '& $wrapper': {
       display: 'flex',
-      marginBottom: token.checkboxBlockGap
+      marginBottom: token.checkboxBlockGap,
+      marginRight: 0
     }
   }
 };

package/esm/date-picker/date-picker.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"date-picker.d.ts","sourceRoot":"","sources":["date-picker.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,cAAc,CAAC;AAGxC,OAAO,EAAE,iBAAiB,EAAE,MAAM,cAAc,CAAC;AAEjD,MAAM,MAAM,mBAAmB,GAAG,MAAM,iBAAiB,CAAC;AAuD1D,QAAA,MAAM,eAAe,EAAE,QAAQ,CAAC,mBAAmB,CAsoBlD,CAAC;AAEF,eAAe,eAAe,CAAC"}
+{"version":3,"file":"date-picker.d.ts","sourceRoot":"","sources":["date-picker.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,cAAc,CAAC;AAGxC,OAAO,EAAE,iBAAiB,EAAE,MAAM,cAAc,CAAC;AAEjD,MAAM,MAAM,mBAAmB,GAAG,MAAM,iBAAiB,CAAC;AA+D1D,QAAA,MAAM,eAAe,EAAE,QAAQ,CAAC,mBAAmB,CA2oBlD,CAAC;AAEF,eAAe,eAAe,CAAC"}

package/esm/date-picker/date-picker.js

@@ -51,6 +51,8 @@ var inputBorder = border('wrapper', inputBorderToken);
 var wrapper = inputBorder.wrapper,
   wrapperDisabled = inputBorder.wrapperDisabled,
   resetWrapper = _objectWithoutProperties(inputBorder, ["wrapper", "wrapperDisabled"]);
+var leftCircleBackground = "radial-gradient(circle closest-side, ".concat(token.datePickerCellRangeBackgroundColor, " 100%, transparent 0%),\nlinear-gradient(to right, transparent 0%,transparent 50%, ").concat(token.datePickerCellRangeBackgroundColor, " 50%, ").concat(token.datePickerCellRangeBackgroundColor, " 100%)\n");
+var rightCircleBackground = "radial-gradient(circle closest-side, ".concat(token.datePickerCellRangeBackgroundColor, " 100%, transparent 0%),\nlinear-gradient(to left, transparent 0%,transparent 50%, ").concat(token.datePickerCellRangeBackgroundColor, " 50%, ").concat(token.datePickerCellRangeBackgroundColor, " 100%)\n");
 var datePickerStyle = _objectSpread(_objectSpread({
   rootClass: {},
   wrapper: _objectSpread({
@@ -212,7 +214,8 @@ var datePickerStyle = _objectSpread(_objectSpread({
     backgroundColor: token.datePickerPanelBackgroundColor,
     boxShadow: token.datePickerPanelShadow,
     borderRadius: token.datePickerPanelRadius,
-    border: "1px solid ".concat(token.datePickerPanelBorder)
+    border: "1px solid ".concat(token.datePickerPanelBorder),
+    cursor: 'initial'
   },
   pickerBox: {
     display: 'flex'
@@ -435,7 +438,7 @@ var datePickerStyle = _objectSpread(_objectSpread({
         backgroundColor: token.datePickerCellActiveHoverBackgroundColor
       }
     },
-    '&$pickerCellActive$pickerCellInRange:not($pickerCellDisabled):hover $pickerCellContent': {
+    '&$pickerCellActive$pickerCellInRange:not($pickerCellDisabled):not($pickerCellInRangeStart):not($pickerCellInRangeEnd):hover $pickerCellContent': {
       backgroundColor: token.datePickerCellActiveHoverBackgroundColor
     }
   },
@@ -483,21 +486,25 @@ var datePickerStyle = _objectSpread(_objectSpread({
   pickerCellInRangeStart: {
     '&[dir=ltr] > $pickerCellContent': {
       borderTopLeftRadius: token.datePickerCellHeight,
-      borderBottomLeftRadius: token.datePickerCellHeight
+      borderBottomLeftRadius: token.datePickerCellHeight,
+      background: leftCircleBackground
     },
     '&[dir=rtl] > $pickerCellContent': {
       borderTopRightRadius: token.datePickerCellHeight,
-      borderBottomRightRadius: token.datePickerCellHeight
+      borderBottomRightRadius: token.datePickerCellHeight,
+      background: rightCircleBackground
     }
   },
   pickerCellInRangeEnd: {
     '&[dir=ltr] > $pickerCellContent': {
       borderTopRightRadius: token.datePickerCellHeight,
-      borderBottomRightRadius: token.datePickerCellHeight
+      borderBottomRightRadius: token.datePickerCellHeight,
+      background: rightCircleBackground
     },
     '&[dir=rtl] > $pickerCellContent': {
       borderTopLeftRadius: token.datePickerCellHeight,
-      borderBottomLeftRadius: token.datePickerCellHeight
+      borderBottomLeftRadius: token.datePickerCellHeight,
+      background: leftCircleBackground
     }
   },
   pickerCellDisabled: {

package/esm/form/form.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"form.d.ts","sourceRoot":"","sources":["form.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,cAAc,CAAC;AAExC,OAAO,EAAE,WAAW,EAAE,MAAM,cAAc,CAAC;AAE3C,QAAA,MAAM,IAAI,EAAE,QAAQ,CAAC,MAAM,WAAW,CAarC,CAAC;AAEF,eAAe,IAAI,CAAC"}
+{"version":3,"file":"form.d.ts","sourceRoot":"","sources":["form.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,cAAc,CAAC;AAExC,OAAO,EAAE,WAAW,EAAE,MAAM,cAAc,CAAC;AAE3C,QAAA,MAAM,IAAI,EAAE,QAAQ,CAAC,MAAM,WAAW,CAgBrC,CAAC;AAEF,eAAe,IAAI,CAAC"}

package/esm/form/form.js

@@ -10,6 +10,9 @@ var form = {
     },
     '& > [data-soui-input-border]': {
       marginRight: token.formItemMarginXEnd
+    },
+    '& > button[type="submit"], & > button[type="reset"]': {
+      verticalAlign: 'top'
     }
   }
 };

package/esm/image/image.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"image.d.ts","sourceRoot":"","sources":["image.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,cAAc,CAAC;AAExC,OAAO,EAAE,YAAY,EAAE,MAAM,cAAc,CAAC;AAE5C,KAAK,UAAU,GAAG,MAAM,YAAY,CAAC;AA2DrC,QAAA,MAAM,UAAU,EAAE,QAAQ,CAAC,UAAU,CAoZpC,CAAC;AAEF,eAAe,UAAU,CAAC"}
+{"version":3,"file":"image.d.ts","sourceRoot":"","sources":["image.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,cAAc,CAAC;AAExC,OAAO,EAAE,YAAY,EAAE,MAAM,cAAc,CAAC;AAE5C,KAAK,UAAU,GAAG,MAAM,YAAY,CAAC;AA2DrC,QAAA,MAAM,UAAU,EAAE,QAAQ,CAAC,UAAU,CAuZpC,CAAC;AAEF,eAAe,UAAU,CAAC"}

package/esm/image/image.js

@@ -229,6 +229,9 @@ var ImageStyle = _objectSpread(_objectSpread({
       borderStyle: 'none'
     }
   },
+  magnifyZoomOut: {
+    cursor: 'zoom-out'
+  },
   close: {
     position: 'absolute',
     top: -15,