@sheinx/shineout-style 3.9.12-beta.9 → 3.9.12

package/cjs/cascader/cascader.js

@@ -328,7 +328,7 @@ var cascaderStyle = _objectSpread(_objectSpread({
   clearable: {},
   clearIcon: {
     cursor: 'pointer',
-    width: _theme.default.cascaderClearIconSize,
+    width: _theme.default.cascaderFontSize,
     lineHeight: 0,
     color: _theme.default.cascaderClearColor,
     verticalAlign: 'middle',
@@ -336,10 +336,10 @@ var cascaderStyle = _objectSpread(_objectSpread({
       color: _theme.default.cascaderClearHoverColor
     },
     '$wrapperSmall &': {
-      width: _theme.default.cascaderSmallClearIconSize
+      width: _theme.default.cascaderSmallFontSize
     },
     '$wrapperLarge &': {
-      width: _theme.default.cascaderLargeClearIconSize
+      width: _theme.default.cascaderLargeFontSize
     }
   },
   compressedIcon: {},

package/cjs/modal/modal.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"modal.d.ts","sourceRoot":"","sources":["modal.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,YAAY,EAAE,MAAM,cAAc,CAAC;AAE5C,OAAO,EAAE,QAAQ,EAAE,MAAM,cAAc,CAAC;AAKxC,MAAM,MAAM,cAAc,GAAG,MAAM,YAAY,CAAC;AAqJhD,QAAA,MAAM,UAAU,EAAE,QAAQ,CAAC,cAAc,CA4TxC,CAAC;AAEF,eAAe,UAAU,CAAC"}
+{"version":3,"file":"modal.d.ts","sourceRoot":"","sources":["modal.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,YAAY,EAAE,MAAM,cAAc,CAAC;AAE5C,OAAO,EAAE,QAAQ,EAAE,MAAM,cAAc,CAAC;AAKxC,MAAM,MAAM,cAAc,GAAG,MAAM,YAAY,CAAC;AAqJhD,QAAA,MAAM,UAAU,EAAE,QAAQ,CAAC,cAAc,CA6TxC,CAAC;AAEF,eAAe,UAAU,CAAC"}

package/cjs/modal/modal.js

@@ -249,12 +249,13 @@ var modalStyle = _objectSpread(_objectSpread({
   },
   wrapperHide: {
     opacity: 0,
+    pointerEvents: 'none',
     '&:not($wrapperAnimation)': {
       display: 'none'
     }
   },
   wrapperDrawer: {
-    '& $panel': {
+    '& > $mask > $panel': {
       borderRadius: 0,
       position: 'absolute',
       padding: 0,

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,MAAM,MAAM,eAAe,GAAG,MAAM,aAAa,CAAC;AAuDlD,QAAA,MAAM,WAAW,EAAE,QAAQ,CAAC,eAAe,CAqjB1C,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,MAAM,MAAM,eAAe,GAAG,MAAM,aAAa,CAAC;AAuDlD,QAAA,MAAM,WAAW,EAAE,QAAQ,CAAC,eAAe,CAilB1C,CAAC;AAEF,eAAe,WAAW,CAAC"}

package/cjs/select/select.js

@@ -323,7 +323,7 @@ var selectStyle = _objectSpread(_objectSpread({
   clearable: {},
   clearIcon: {
     cursor: 'pointer',
-    width: _theme.default.selectClearIconSize,
+    width: _theme.default.selectFontSize,
     lineHeight: 0,
     color: _theme.default.selectClearColor,
     verticalAlign: 'middle',
@@ -331,10 +331,10 @@ var selectStyle = _objectSpread(_objectSpread({
       color: _theme.default.selectIconColor
     },
     '$wrapperSmall &': {
-      width: _theme.default.selectSmallClearIconSize
+      width: _theme.default.selectSmallFontSize
     },
     '$wrapperLarge &': {
-      width: _theme.default.selectLargeClearIconSize
+      width: _theme.default.selectLargeFontSize
     }
   },
   arrowIcon: {
@@ -547,18 +547,29 @@ var selectStyle = _objectSpread(_objectSpread({
     display: 'flex',
     alignItems: 'center',
     boxSizing: 'border-box',
-    height: 32,
-    padding: "".concat(_theme.default.selectHeaderPaddingY, " ").concat(_theme.default.selectHeaderPaddingX),
+    padding: "".concat(_theme.default.selectHeaderPaddingY, " ").concat(_theme.default.selectOptionPaddingX),
     borderBottom: "1px solid ".concat(_theme.default.selectHeaderBorderColor),
-    '& $columnsCheckbox': {
+    '& > $columnsCheckbox': {
       padding: 0,
       marginRight: 0,
-      marginLeft: 4,
+      marginLeft: _theme.default.selectColumnPadding,
       width: 'auto'
     },
+    '$pickerSmall &': {
+      paddingTop: _theme.default.selectSmallHeaderPaddingY,
+      paddingBottom: _theme.default.selectSmallHeaderPaddingY,
+      '& > $columnsCheckbox': {
+        padding: 0,
+        marginLeft: _theme.default.selectSmallColumnPadding
+      }
+    },
     '$pickerLarge &': {
-      paddingLeft: _theme.default.selectLargeHeaderPaddingX,
-      paddingRight: _theme.default.selectLargeHeaderPaddingX
+      paddingTop: _theme.default.selectLargeHeaderPaddingY,
+      paddingBottom: _theme.default.selectLargeHeaderPaddingY,
+      '& > $columnsCheckbox': {
+        padding: 0,
+        marginLeft: _theme.default.selectLargeColumnPadding
+      }
     }
   },
   footer: {},
@@ -569,8 +580,18 @@ var selectStyle = _objectSpread(_objectSpread({
     alignItems: 'center',
     padding: "0 ".concat(_theme.default.selectOptionPaddingX),
     '& $optionGroupTitle': {
-      padding: "0 ".concat(_theme.default.selectHeaderPaddingX),
-      marginLeft: _theme.default.selectColumnOptionMargin
+      padding: 0,
+      marginLeft: _theme.default.selectColumnPadding
+    },
+    '$pickerSmall &': {
+      '& $optionGroupTitle': {
+        marginLeft: _theme.default.selectSmallColumnPadding
+      }
+    },
+    '$pickerLarge &': {
+      '& $optionGroupTitle': {
+        marginLeft: _theme.default.selectLargeColumnPadding
+      }
     }
   },
   columnsOption: {
@@ -580,10 +601,10 @@ var selectStyle = _objectSpread(_objectSpread({
     height: '100%',
     display: 'flex',
     alignItems: 'center',
-    '$pickerLarge &': {
-      paddingLeft: _theme.default.selectLargeColumnPadding,
-      paddingRight: _theme.default.selectLargeColumnPadding
-    },
+    // '$pickerLarge &': {
+    //   paddingLeft: token.selectLargeColumnPadding,
+    //   paddingRight: token.selectLargeColumnPadding,
+    // },
     '& $columnsCheckbox': {
       marginRight: 0
     },
@@ -610,8 +631,15 @@ var selectStyle = _objectSpread(_objectSpread({
     height: '100%',
     paddingLeft: _theme.default.selectColumnPadding,
     paddingRight: _theme.default.selectColumnPadding,
-    // marginLeft: token.selectColumnOptionMargin,
     marginLeft: 0,
+    '$pickerSmall &': {
+      paddingLeft: _theme.default.selectSmallColumnPadding,
+      paddingRight: _theme.default.selectSmallColumnPadding
+    },
+    '$pickerLarge &': {
+      paddingLeft: _theme.default.selectLargeColumnPadding,
+      paddingRight: _theme.default.selectLargeColumnPadding
+    },
     '& :last-child': {
       flex: 1,
       overflow: 'hidden',

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

@@ -300,7 +300,7 @@ var treeSelectStyle = _objectSpread(_objectSpread({
   clearable: {},
   clearIcon: {
     cursor: 'pointer',
-    width: _theme.default.treeSelectClearIconSize,
+    width: _theme.default.treeSelectFontSize,
     lineHeight: 0,
     color: _theme.default.treeSelectClearColor,
     verticalAlign: 'middle',
@@ -308,10 +308,10 @@ var treeSelectStyle = _objectSpread(_objectSpread({
       color: _theme.default.treeSelectClearHoverColor
     },
     '$wrapperSmall &': {
-      width: _theme.default.treeSelectSmallClearIconSize
+      width: _theme.default.treeSelectSmallFontSize
     },
     '$wrapperLarge &': {
-      width: _theme.default.treeSelectLargeClearIconSize
+      width: _theme.default.treeSelectLargeFontSize
     }
   },
   arrowIcon: {

package/cjs/version.d.ts

@@ -1,3 +1,3 @@
-declare const _default: "3.9.12-beta.9";
+declare const _default: "3.9.12";
 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,wBAA+B"}
+{"version":3,"file":"version.d.ts","sourceRoot":"","sources":["version.ts"],"names":[],"mappings":";AAAA,wBAAwB"}

package/cjs/version.js

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

package/esm/cascader/cascader.js

@@ -319,7 +319,7 @@ var cascaderStyle = _objectSpread(_objectSpread({
   clearable: {},
   clearIcon: {
     cursor: 'pointer',
-    width: token.cascaderClearIconSize,
+    width: token.cascaderFontSize,
     lineHeight: 0,
     color: token.cascaderClearColor,
     verticalAlign: 'middle',
@@ -327,10 +327,10 @@ var cascaderStyle = _objectSpread(_objectSpread({
       color: token.cascaderClearHoverColor
     },
     '$wrapperSmall &': {
-      width: token.cascaderSmallClearIconSize
+      width: token.cascaderSmallFontSize
     },
     '$wrapperLarge &': {
-      width: token.cascaderLargeClearIconSize
+      width: token.cascaderLargeFontSize
     }
   },
   compressedIcon: {},

package/esm/modal/modal.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"modal.d.ts","sourceRoot":"","sources":["modal.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,YAAY,EAAE,MAAM,cAAc,CAAC;AAE5C,OAAO,EAAE,QAAQ,EAAE,MAAM,cAAc,CAAC;AAKxC,MAAM,MAAM,cAAc,GAAG,MAAM,YAAY,CAAC;AAqJhD,QAAA,MAAM,UAAU,EAAE,QAAQ,CAAC,cAAc,CA4TxC,CAAC;AAEF,eAAe,UAAU,CAAC"}
+{"version":3,"file":"modal.d.ts","sourceRoot":"","sources":["modal.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,YAAY,EAAE,MAAM,cAAc,CAAC;AAE5C,OAAO,EAAE,QAAQ,EAAE,MAAM,cAAc,CAAC;AAKxC,MAAM,MAAM,cAAc,GAAG,MAAM,YAAY,CAAC;AAqJhD,QAAA,MAAM,UAAU,EAAE,QAAQ,CAAC,cAAc,CA6TxC,CAAC;AAEF,eAAe,UAAU,CAAC"}

package/esm/modal/modal.js

@@ -242,12 +242,13 @@ var modalStyle = _objectSpread(_objectSpread({
   },
   wrapperHide: {
     opacity: 0,
+    pointerEvents: 'none',
     '&:not($wrapperAnimation)': {
       display: 'none'
     }
   },
   wrapperDrawer: {
-    '& $panel': {
+    '& > $mask > $panel': {
       borderRadius: 0,
       position: 'absolute',
       padding: 0,

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,MAAM,MAAM,eAAe,GAAG,MAAM,aAAa,CAAC;AAuDlD,QAAA,MAAM,WAAW,EAAE,QAAQ,CAAC,eAAe,CAqjB1C,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,MAAM,MAAM,eAAe,GAAG,MAAM,aAAa,CAAC;AAuDlD,QAAA,MAAM,WAAW,EAAE,QAAQ,CAAC,eAAe,CAilB1C,CAAC;AAEF,eAAe,WAAW,CAAC"}

package/esm/select/select.js

@@ -314,7 +314,7 @@ var selectStyle = _objectSpread(_objectSpread({
   clearable: {},
   clearIcon: {
     cursor: 'pointer',
-    width: token.selectClearIconSize,
+    width: token.selectFontSize,
     lineHeight: 0,
     color: token.selectClearColor,
     verticalAlign: 'middle',
@@ -322,10 +322,10 @@ var selectStyle = _objectSpread(_objectSpread({
       color: token.selectIconColor
     },
     '$wrapperSmall &': {
-      width: token.selectSmallClearIconSize
+      width: token.selectSmallFontSize
     },
     '$wrapperLarge &': {
-      width: token.selectLargeClearIconSize
+      width: token.selectLargeFontSize
     }
   },
   arrowIcon: {
@@ -538,18 +538,29 @@ var selectStyle = _objectSpread(_objectSpread({
     display: 'flex',
     alignItems: 'center',
     boxSizing: 'border-box',
-    height: 32,
-    padding: "".concat(token.selectHeaderPaddingY, " ").concat(token.selectHeaderPaddingX),
+    padding: "".concat(token.selectHeaderPaddingY, " ").concat(token.selectOptionPaddingX),
     borderBottom: "1px solid ".concat(token.selectHeaderBorderColor),
-    '& $columnsCheckbox': {
+    '& > $columnsCheckbox': {
       padding: 0,
       marginRight: 0,
-      marginLeft: 4,
+      marginLeft: token.selectColumnPadding,
       width: 'auto'
     },
+    '$pickerSmall &': {
+      paddingTop: token.selectSmallHeaderPaddingY,
+      paddingBottom: token.selectSmallHeaderPaddingY,
+      '& > $columnsCheckbox': {
+        padding: 0,
+        marginLeft: token.selectSmallColumnPadding
+      }
+    },
     '$pickerLarge &': {
-      paddingLeft: token.selectLargeHeaderPaddingX,
-      paddingRight: token.selectLargeHeaderPaddingX
+      paddingTop: token.selectLargeHeaderPaddingY,
+      paddingBottom: token.selectLargeHeaderPaddingY,
+      '& > $columnsCheckbox': {
+        padding: 0,
+        marginLeft: token.selectLargeColumnPadding
+      }
     }
   },
   footer: {},
@@ -560,8 +571,18 @@ var selectStyle = _objectSpread(_objectSpread({
     alignItems: 'center',
     padding: "0 ".concat(token.selectOptionPaddingX),
     '& $optionGroupTitle': {
-      padding: "0 ".concat(token.selectHeaderPaddingX),
-      marginLeft: token.selectColumnOptionMargin
+      padding: 0,
+      marginLeft: token.selectColumnPadding
+    },
+    '$pickerSmall &': {
+      '& $optionGroupTitle': {
+        marginLeft: token.selectSmallColumnPadding
+      }
+    },
+    '$pickerLarge &': {
+      '& $optionGroupTitle': {
+        marginLeft: token.selectLargeColumnPadding
+      }
     }
   },
   columnsOption: {
@@ -571,10 +592,10 @@ var selectStyle = _objectSpread(_objectSpread({
     height: '100%',
     display: 'flex',
     alignItems: 'center',
-    '$pickerLarge &': {
-      paddingLeft: token.selectLargeColumnPadding,
-      paddingRight: token.selectLargeColumnPadding
-    },
+    // '$pickerLarge &': {
+    //   paddingLeft: token.selectLargeColumnPadding,
+    //   paddingRight: token.selectLargeColumnPadding,
+    // },
     '& $columnsCheckbox': {
       marginRight: 0
     },
@@ -601,8 +622,15 @@ var selectStyle = _objectSpread(_objectSpread({
     height: '100%',
     paddingLeft: token.selectColumnPadding,
     paddingRight: token.selectColumnPadding,
-    // marginLeft: token.selectColumnOptionMargin,
     marginLeft: 0,
+    '$pickerSmall &': {
+      paddingLeft: token.selectSmallColumnPadding,
+      paddingRight: token.selectSmallColumnPadding
+    },
+    '$pickerLarge &': {
+      paddingLeft: token.selectLargeColumnPadding,
+      paddingRight: token.selectLargeColumnPadding
+    },
     '& :last-child': {
       flex: 1,
       overflow: 'hidden',

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

@@ -291,7 +291,7 @@ var treeSelectStyle = _objectSpread(_objectSpread({
   clearable: {},
   clearIcon: {
     cursor: 'pointer',
-    width: token.treeSelectClearIconSize,
+    width: token.treeSelectFontSize,
     lineHeight: 0,
     color: token.treeSelectClearColor,
     verticalAlign: 'middle',
@@ -299,10 +299,10 @@ var treeSelectStyle = _objectSpread(_objectSpread({
       color: token.treeSelectClearHoverColor
     },
     '$wrapperSmall &': {
-      width: token.treeSelectSmallClearIconSize
+      width: token.treeSelectSmallFontSize
     },
     '$wrapperLarge &': {
-      width: token.treeSelectLargeClearIconSize
+      width: token.treeSelectLargeFontSize
     }
   },
   arrowIcon: {

package/esm/version.d.ts

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

package/esm/version.d.ts.map

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

package/esm/version.js

@@ -1 +1 @@
-export default '3.9.12-beta.9';
+export default '3.9.12';

package/package.json

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