shineout 3.9.12-beta.8 → 3.9.12

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.12-beta.8'
+  version: '3.9.12'
 };

package/dist/shineout.js

@@ -12408,7 +12408,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.12-beta.8');
+/* harmony default export */ var version = ('3.9.12');
 ;// CONCATENATED MODULE: ../shineout-style/src/jss-style/index.tsx
 
 
@@ -14578,6 +14578,8 @@ var selectTokens = {
   selectSmallOptionInnerPaddingX: 'Spacing-8',
   selectSmallOptionInnerPaddingY: 'Spacing-2',
   selectSmallClearIconSize: 'Font-12',
+  selectSmallColumnPadding: 'Spacing-8',
+  selectSmallHeaderPaddingY: 'Spacing-4',
   selectLargeFontSize: 'Font-16',
   selectLargePaddingX: 'Spacing-12',
   selectLargePaddingY: 'Spacing-3',
@@ -14586,7 +14588,7 @@ var selectTokens = {
   selectLargeClearIconSize: 'Font-16',
   selectLargePlaceholderMarginY: 'Spacing-4',
   selectLargeColumnPadding: 'Spacing-12',
-  selectLargeHeaderPaddingX: 'Spacing-12',
+  selectLargeHeaderPaddingY: 'Spacing-8',
   selectInnerPaddingX: 'Spacing-8',
   selectInnerPaddingY: 'Spacing-5',
   selectInnerTitleMarginY: 'Spacing-2',
@@ -14641,8 +14643,7 @@ var selectTokens = {
   selectOptionDisabledBackgroundColor: 'Neutral-fill-1',
   selectMorePaddingX: 'Spacing-8',
   selectMorePaddingY: 'Spacing-6',
-  selectHeaderPaddingX: 'Spacing-8',
-  selectHeaderPaddingY: 'Spacing-8',
+  selectHeaderPaddingY: 'Spacing-6',
   selectHeaderBorderColor: 'Neutral-border-1',
   selectGroupTitleFontColor: 'Neutral-text-3',
   selectGroupTitleFontSize: 'Font-12',
@@ -17865,7 +17866,7 @@ var cascaderStyle = objectSpread2_default()(objectSpread2_default()({
   clearable: {},
   clearIcon: {
     cursor: 'pointer',
-    width: src.cascaderClearIconSize,
+    width: src.cascaderFontSize,
     lineHeight: 0,
     color: src.cascaderClearColor,
     verticalAlign: 'middle',
@@ -17873,10 +17874,10 @@ var cascaderStyle = objectSpread2_default()(objectSpread2_default()({
       color: src.cascaderClearHoverColor
     },
     '$wrapperSmall &': {
-      width: src.cascaderSmallClearIconSize
+      width: src.cascaderSmallFontSize
     },
     '$wrapperLarge &': {
-      width: src.cascaderLargeClearIconSize
+      width: src.cascaderLargeFontSize
     }
   },
   compressedIcon: {},
@@ -22288,12 +22289,13 @@ var modalStyle = objectSpread2_default()(objectSpread2_default()({
   },
   wrapperHide: {
     opacity: 0,
+    pointerEvents: 'none',
     '&:not($wrapperAnimation)': {
       display: 'none'
     }
   },
   wrapperDrawer: {
-    '& $panel': {
+    '& > $mask > $panel': {
       borderRadius: 0,
       position: 'absolute',
       padding: 0,
@@ -24342,7 +24344,7 @@ var selectStyle = objectSpread2_default()(objectSpread2_default()({
   clearable: {},
   clearIcon: {
     cursor: 'pointer',
-    width: src.selectClearIconSize,
+    width: src.selectFontSize,
     lineHeight: 0,
     color: src.selectClearColor,
     verticalAlign: 'middle',
@@ -24350,10 +24352,10 @@ var selectStyle = objectSpread2_default()(objectSpread2_default()({
       color: src.selectIconColor
     },
     '$wrapperSmall &': {
-      width: src.selectSmallClearIconSize
+      width: src.selectSmallFontSize
     },
     '$wrapperLarge &': {
-      width: src.selectLargeClearIconSize
+      width: src.selectLargeFontSize
     }
   },
   arrowIcon: {
@@ -24566,18 +24568,29 @@ var selectStyle = objectSpread2_default()(objectSpread2_default()({
     display: 'flex',
     alignItems: 'center',
     boxSizing: 'border-box',
-    height: 32,
-    padding: "".concat(src.selectHeaderPaddingY, " ").concat(src.selectHeaderPaddingX),
+    padding: "".concat(src.selectHeaderPaddingY, " ").concat(src.selectOptionPaddingX),
     borderBottom: "1px solid ".concat(src.selectHeaderBorderColor),
-    '& $columnsCheckbox': {
+    '& > $columnsCheckbox': {
       padding: 0,
       marginRight: 0,
-      marginLeft: 4,
+      marginLeft: src.selectColumnPadding,
       width: 'auto'
     },
+    '$pickerSmall &': {
+      paddingTop: src.selectSmallHeaderPaddingY,
+      paddingBottom: src.selectSmallHeaderPaddingY,
+      '& > $columnsCheckbox': {
+        padding: 0,
+        marginLeft: src.selectSmallColumnPadding
+      }
+    },
     '$pickerLarge &': {
-      paddingLeft: src.selectLargeHeaderPaddingX,
-      paddingRight: src.selectLargeHeaderPaddingX
+      paddingTop: src.selectLargeHeaderPaddingY,
+      paddingBottom: src.selectLargeHeaderPaddingY,
+      '& > $columnsCheckbox': {
+        padding: 0,
+        marginLeft: src.selectLargeColumnPadding
+      }
     }
   },
   footer: {},
@@ -24588,8 +24601,18 @@ var selectStyle = objectSpread2_default()(objectSpread2_default()({
     alignItems: 'center',
     padding: "0 ".concat(src.selectOptionPaddingX),
     '& $optionGroupTitle': {
-      padding: "0 ".concat(src.selectHeaderPaddingX),
-      marginLeft: src.selectColumnOptionMargin
+      padding: 0,
+      marginLeft: src.selectColumnPadding
+    },
+    '$pickerSmall &': {
+      '& $optionGroupTitle': {
+        marginLeft: src.selectSmallColumnPadding
+      }
+    },
+    '$pickerLarge &': {
+      '& $optionGroupTitle': {
+        marginLeft: src.selectLargeColumnPadding
+      }
     }
   },
   columnsOption: {
@@ -24599,10 +24622,10 @@ var selectStyle = objectSpread2_default()(objectSpread2_default()({
     height: '100%',
     display: 'flex',
     alignItems: 'center',
-    '$pickerLarge &': {
-      paddingLeft: src.selectLargeColumnPadding,
-      paddingRight: src.selectLargeColumnPadding
-    },
+    // '$pickerLarge &': {
+    //   paddingLeft: token.selectLargeColumnPadding,
+    //   paddingRight: token.selectLargeColumnPadding,
+    // },
     '& $columnsCheckbox': {
       marginRight: 0
     },
@@ -24629,8 +24652,15 @@ var selectStyle = objectSpread2_default()(objectSpread2_default()({
     height: '100%',
     paddingLeft: src.selectColumnPadding,
     paddingRight: src.selectColumnPadding,
-    // marginLeft: token.selectColumnOptionMargin,
     marginLeft: 0,
+    '$pickerSmall &': {
+      paddingLeft: src.selectSmallColumnPadding,
+      paddingRight: src.selectSmallColumnPadding
+    },
+    '$pickerLarge &': {
+      paddingLeft: src.selectLargeColumnPadding,
+      paddingRight: src.selectLargeColumnPadding
+    },
     '& :last-child': {
       flex: 1,
       overflow: 'hidden',
@@ -29712,7 +29742,7 @@ var treeSelectStyle = objectSpread2_default()(objectSpread2_default()({
   clearable: {},
   clearIcon: {
     cursor: 'pointer',
-    width: src.treeSelectClearIconSize,
+    width: src.treeSelectFontSize,
     lineHeight: 0,
     color: src.treeSelectClearColor,
     verticalAlign: 'middle',
@@ -29720,10 +29750,10 @@ var treeSelectStyle = objectSpread2_default()(objectSpread2_default()({
       color: src.treeSelectClearHoverColor
     },
     '$wrapperSmall &': {
-      width: src.treeSelectSmallClearIconSize
+      width: src.treeSelectSmallFontSize
     },
     '$wrapperLarge &': {
-      width: src.treeSelectLargeClearIconSize
+      width: src.treeSelectLargeFontSize
     }
   },
   arrowIcon: {
@@ -40996,9 +41026,10 @@ var useTree = function useTree(props) {
       });
     }
     context.cachedValue = values;
-    // why deep clone: 外部可能对数组做splice等操作，影响context.cachedValue在内部的判断逻辑
+    // why slice: 外部可能对数组做splice等操作，影响context.cachedValue在内部的判断逻辑
     // 表现出来的bug现象是：外部删除了某个叶子结点，但是Tree的勾选情况没有同步更新; 另外是为了对齐老版本的表现
-    return deepClone(values);
+    // 由于values是KeygenResult[]（string|number等原始值），slice()浅拷贝即可隔离引用，无需deepClone
+    return values.slice();
   };
   var getPath = function getPath(id) {
     return context.pathMap.get(id);
@@ -42148,7 +42179,11 @@ var CascaderNode = function CascaderNode(props) {
     onPathChange === null || onPathChange === void 0 || onPathChange(id, data, path);
   };
   var handleClick = function handleClick(e) {
-    if (onPathChange) onPathChange(id, data, path, true);
+    // 多选模式下，checkbox 的点击事件会冒泡到节点行的 onClick（即 handleClick），
+    // 如果不拦截，onPathChange 会将 path 重置为当前节点层级，导致更深层级的面板消失。
+    // 例如：1/2/3 级都展开时勾选 1 级 checkbox，path 会从 ['1级','2级'] 被重置为 ['1级']，3 级面板丢失。
+    var isCheckboxClick = multiple && getParent(e.target, "[".concat(node_getDataAttributeName('role'), "=checkbox-indicator]"));
+    if (onPathChange && !isCheckboxClick) onPathChange(id, data, path, true);
     if (!multiple) {
       // 单选设置了 final 属性后 如果不是末节点不触发onChange
       var shouldJump = shouldFinal && hasChildren;
@@ -50735,6 +50770,7 @@ function _ReactUnmount() {
 
 
 
+
 var hasMask = false;
 var modal_content_config = {
   instanceIds: [],
@@ -51118,10 +51154,10 @@ var Modal = function Modal(props) {
     if (curCascadeConfig && currentIndex < samePositionConfigs.length - 1) {
       instance = curCascadeConfig.cascadeWidth;
     }
-    return {
-      transform: props.position === 'left' ? "translateX(".concat(instance, "px)") : "translateX(-".concat(instance, "px)"),
-      transition: instance ? 'transform 0.3s ease 0.05s' : 'transform 0.2s ease'
-    };
+    var marginProp = props.position === 'left' ? 'marginLeft' : 'marginRight';
+    return defineProperty_default()(defineProperty_default()({
+      willChange: 'margin'
+    }, marginProp, "".concat(instance, "px")), "transition", instance ? 'margin 0.3s ease 0.05s' : 'margin 0.2s ease');
   }, [config.cascadeConfigs, config.instanceIds]);
   if (!context.renderEd && !visible) return null;
   context.renderEd = true;
@@ -75659,7 +75695,7 @@ var upload_interface = __webpack_require__(8821);
 
 
 /* harmony default export */ var src_0 = ({
-  version: '3.9.12-beta.8'
+  version: '3.9.12'
 });
 }();
 /******/ 	return __webpack_exports__;