shineout 3.0.2 → 3.1.0-rc.2

package/cjs/index.js

@@ -481,5 +481,5 @@ function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return
 function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 var _default = exports.default = {
-  version: '3.0.2'
+  version: '3.1.0-rc.2'
 };

package/dist/shineout.js

@@ -12020,7 +12020,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.0.2');
+/* harmony default export */ var version = ('3.1.0-rc.2');
 ;// CONCATENATED MODULE: ../shineout-style/src/jss-style/index.tsx
 
 
@@ -12182,7 +12182,7 @@ function replaceNonAlphanumeric(str) {
   return result;
 }
 function camelCaseToDash(str) {
-  return str.replace(/([A-Z])/g, '-$1').toLowerCase();
+  return str.replace(/(?<=.)([A-Z])/g, '-$1').toLowerCase();
 }
 var cssvar = function cssvar(str, value, key, size) {
   var _getConfig = getConfig(),
@@ -12539,22 +12539,22 @@ var buttonTokens = {
   buttonLinkFocusFontColor: 'Brand-5',
   buttonLinkFocusBackgroundColor: 'transparent',
   buttonLinkFocusBorderColor: 'transparent',
-  buttonFontSize: '14/regular',
-  buttonBorderRadius: 'Radius-4',
-  buttonPaddingX: 'Padding-12',
-  buttonPaddingY: 'Padding-5',
+  buttonFontSize: 'Font-14',
+  buttonBorderRadius: 'Radius-default',
+  buttonPaddingX: 'Spacing-12',
+  buttonPaddingY: 'Spacing-5',
   buttonHeight: 'Size-16',
   buttonFontWeight: 'Weight-regular',
-  buttonSmallFontSize: '12/regular',
-  buttonSmallBorderRadius: 'Radius-4',
-  buttonSmallPaddingX: 'Padding-8',
-  buttonSmallPaddingY: 'Padding-2',
+  buttonSmallFontSize: 'Font-12',
+  buttonSmallBorderRadius: 'Radius-default',
+  buttonSmallPaddingX: 'Spacing-8',
+  buttonSmallPaddingY: 'Spacing-2',
   buttonSmallHeight: 'Size-12',
   buttonSmallFontWeight: 'Weight-regular',
-  buttonLargeFontSize: '16/regular',
-  buttonLargeBorderRadius: 'Radius-4',
-  buttonLargePaddingX: 'Padding-16',
-  buttonLargePaddingY: 'Padding-8',
+  buttonLargeFontSize: 'Font-16',
+  buttonLargeBorderRadius: 'Radius-default',
+  buttonLargePaddingX: 'Spacing-16',
+  buttonLargePaddingY: 'Spacing-8',
   buttonLargeHeight: 'Size-20',
   buttonLargeFontWeight: 'Weight-regular',
   buttonPrimarySplitBackgroundColor: 'Neutral-fill-1',
@@ -12632,17 +12632,17 @@ var buttonTokens = {
   buttonDangerTextSplitHoverBackgroundColor: 'Neutral-border-1',
   buttonDangerTextSplitActiveBackgroundColor: 'Neutral-border-1',
   buttonDangerTextSplitFocusBackgroundColor: 'Neutral-border-1',
-  buttonRoundBorderRadius: 'Radius-1000',
-  buttonCircleBorderRadius: 'Radius-50%',
-  buttonSquareBorderRadius: 'Radius-4',
+  buttonRoundBorderRadius: 'Radius-full',
+  buttonCircleBorderRadius: 'Radius-circle',
+  buttonSquareBorderRadius: 'Radius-default',
   buttonSmallRoundBorderRadius: 'Radius-1000',
-  buttonSmallCircleBorderRadius: 'Radius-50%',
-  buttonSmallSquareBorderRadius: 'Radius-4',
+  buttonSmallCircleBorderRadius: 'Radius-circle',
+  buttonSmallSquareBorderRadius: 'Radius-default',
   buttonLargeRoundBorderRadius: 'Radius-1000',
-  buttonLargeCircleBorderRadius: 'Radius-50%',
-  buttonLargeSquareBorderRadius: 'Radius-4',
-  buttonNearlyMargin: 'Margin-8',
-  buttonSpinMargin: 'Margin-4'
+  buttonLargeCircleBorderRadius: 'Radius-circle',
+  buttonLargeSquareBorderRadius: 'Radius-default',
+  buttonNearlyMargin: 'Spacing-8',
+  buttonSpinMargin: 'Spacing-4'
 };
 /* harmony default export */ var button_button = (buttonTokens);
 ;// CONCATENATED MODULE: ../theme/src/button/index.ts
@@ -14621,8 +14621,7 @@ var alertStyle = {
     }
   },
   content: {
-    flex: '1 1 0',
-    wordBreak: 'break-all'
+    flex: '1 1 0'
   },
   pending: {
     opacity: 0,
@@ -17758,7 +17757,6 @@ var formItemStyle = {
   },
   wrapperTip: {},
   label: {
-    wordWrap: 'break-word',
     width: src.formItemLabelWidth,
     padding: "".concat(src.formItemLabelPaddingY, " 0"),
     lineHeight: src.lineHeightDynamic,
@@ -19446,7 +19444,6 @@ var modalStyle = objectSpread2_default()(objectSpread2_default()({}, animationSt
     top: 0,
     left: 0,
     // overflow: 'auto',
-    wordWrap: 'break-word',
     width: '100%',
     boxSizing: 'border-box',
     height: '100%',
@@ -20066,6 +20063,10 @@ var getExtraToken = function getExtraToken(prefix) {
 };
 var replaceCssVarValue = function replaceCssVarValue(innerHTML, cssvar, targetValue) {
   var regex = new RegExp("(".concat(cssvar, ":.*?;)"));
+  // 如果没有 token ，则向后插入新的 token
+  if (innerHTML.indexOf(cssvar) === -1) {
+    return innerHTML.slice(0, -1) + ";".concat(cssvar, ": ").concat(targetValue, ";") + innerHTML.slice(-1);
+  }
   return innerHTML.replace(regex, "".concat(cssvar, ": ").concat(targetValue, ";"));
 };
 var setToken = function setToken(options) {
@@ -20091,7 +20092,7 @@ var setToken = function setToken(options) {
   var extraToken = getExtraToken(prefix);
   if (update && token) {
     Object.keys(token).forEach(function (key) {
-      var cssvar = "--".concat(prefix, "-").concat(replaceNonAlphanumeric(key));
+      var cssvar = "--".concat(prefix, "-").concat(camelCaseToDash(key));
       var targetValue = token[key];
       tag.innerHTML = replaceCssVarValue(tag.innerHTML, cssvar, targetValue);
     });
@@ -20101,12 +20102,12 @@ var setToken = function setToken(options) {
     Object.keys(defaultToken).filter(function (item) {
       return (customExtraToken || ['Brand-6', 'Neutral-6']).includes(item);
     }).forEach(function (key) {
-      var token = "--".concat(prefix, "-").concat(replaceNonAlphanumeric(key), ":").concat(defaultToken[key]);
+      var token = "--".concat(prefix, "-").concat(camelCaseToDash(key), ":").concat(defaultToken[key]);
       tokens.push(token);
     });
   } else {
     Object.keys(defaultToken).forEach(function (key) {
-      var token = "--".concat(prefix, "-").concat(replaceNonAlphanumeric(key), ":").concat(defaultToken[key]);
+      var token = "--".concat(prefix, "-").concat(camelCaseToDash(key), ":").concat(defaultToken[key]);
       tokens.push(token);
     });
   }
@@ -20262,7 +20263,6 @@ var popoverStyle = {
     backgroundColor: src.popoverBackgroundColor,
     borderRadius: src.popoverRadius,
     border: "1px solid ".concat(src.popoverBorderColor),
-    wordWrap: 'break-word',
     '& $arrow': {
       'z-index': 1,
       position: 'absolute',
@@ -23077,9 +23077,8 @@ function customScrollBar(info) {
 
 
 var cellBaseIndex = 4;
-var fixedIndex = 6;
-var resizeIndex = 8;
-var fixedFixedIndex = 10;
+var sorterIndex = 10;
+var fixedIndex = 8;
 var headerIndex = 12;
 var loadingIndex = 16;
 var globalStyle = {
@@ -23275,13 +23274,6 @@ var tableStyle = objectSpread2_default()(objectSpread2_default()({}, globalStyle
       width: '5px',
       right: '-5px',
       background: "linear-gradient(90deg, ".concat(src.tableFixedShadow, ", transparent)")
-    },
-    '& table': {
-      '& th, & td': {
-        '&$cellFixedLeft': {
-          zIndex: fixedFixedIndex
-        }
-      }
     }
   },
   floatRight: {
@@ -23293,13 +23285,6 @@ var tableStyle = objectSpread2_default()(objectSpread2_default()({}, globalStyle
       top: 0,
       bottom: 0,
       position: 'absolute'
-    },
-    '& table': {
-      '& th, & td': {
-        '&$cellFixedRight': {
-          zIndex: fixedFixedIndex
-        }
-      }
     }
   },
   hasSorter: {
@@ -23343,7 +23328,7 @@ var tableStyle = objectSpread2_default()(objectSpread2_default()({}, globalStyle
   },
   sorterActive: {},
   resizeSpanner: {
-    zIndex: resizeIndex,
+    zIndex: sorterIndex,
     position: 'absolute',
     opacity: 0,
     right: '-1px',
@@ -24624,7 +24609,6 @@ var tooltipStyle = objectSpread2_default()(objectSpread2_default()({}, tooltip_a
     borderRadius: src.tooltipBorderRadius,
     boxShadow: src.tooltipShadow,
     color: src.tooltipColor,
-    wordWrap: 'break-word',
     '&[data-soui-type^="light"]': {
       backgroundColor: src.tooltipLightBackgroundColor,
       color: src.tooltipLightColor,
@@ -25786,7 +25770,6 @@ var uploadStyle = {
     display: 'flex',
     alignItems: 'center',
     minWidth: '0',
-    wordBreak: 'break-all',
     flex: 1,
     gap: src.uploadResultGap,
     fontSize: src.uploadResultFontSize,
@@ -34128,13 +34111,15 @@ var CascaderNode = function CascaderNode(props) {
     onPathChange === null || onPathChange === void 0 || onPathChange(id, data, path);
   };
   var handleClick = function handleClick(e) {
+    if (shouldFinal && hasChildren) {
+      handlePathChange();
+      return;
+    }
     if (onPathChange) onPathChange(id, data, path, true);
     if (!multiple) {
-      // 单选设置了 final 属性后 如果不是末节点不触发onChange
-      var shouldJump = shouldFinal && hasChildren;
-      if (onChange && path && !shouldJump) onChange([].concat(toConsumableArray_default()(path), [id]), datum.getDataById(id));
+      if (onChange && path) onChange([].concat(toConsumableArray_default()(path), [id]), datum.getDataById(id));
     }
-    if (loader && uncertainChildren && !loading && !getParent(e.target, "[".concat(node_getDataAttributeName('role'), "=checkbox-indicator]"))) {
+    if (loader && !loading && !getParent(e.target, "[".concat(node_getDataAttributeName('role'), "=checkbox-indicator]"))) {
       setLoading(true);
       loader(id, data);
     }
@@ -54781,7 +54766,6 @@ var scrollWrapperStyle = {
   var scrollRef = (0,external_root_React_commonjs2_react_commonjs_react_amd_react_.useRef)(null);
   var tableRef = (0,external_root_React_commonjs2_react_commonjs_react_amd_react_.useRef)(null);
   var virtual = ((_props$data = props.data) === null || _props$data === void 0 ? void 0 : _props$data.length) && props.rowsInView !== 0 && (!!props.virtual || props.fixed === 'both' || props.fixed === 'y' || props.fixed === 'auto');
-  var height = virtual && !props.height ? '100%' : props.height;
   var _props$verticalAlign = props.verticalAlign,
     verticalAlign = _props$verticalAlign === void 0 ? 'top' : _props$verticalAlign,
     _props$size = props.size,
@@ -54964,7 +54948,7 @@ var scrollWrapperStyle = {
     });
   };
   var renderTable = function renderTable() {
-    var _props$summary, _props$data3, _sticky$top;
+    var _props$data3, _sticky$top;
     var Group = /*#__PURE__*/(0,jsx_runtime.jsx)(table_colgroup, {
       colgroup: colgroup,
       columns: columns,
@@ -55016,7 +55000,6 @@ var scrollWrapperStyle = {
       treeColumnsName: treeColumnsName,
       treeCheckAll: props.treeCheckAll
     };
-    var showFoot = (_props$summary = props.summary) === null || _props$summary === void 0 ? void 0 : _props$summary.length;
     var footCommonProps = {
       summary: props.summary,
       columns: columns,
@@ -55061,7 +55044,7 @@ var scrollWrapperStyle = {
               fixRightNum: maxScrollLeft - virtualInfo.innerLeft
             }))]
           })
-        }), showFoot ? /*#__PURE__*/(0,jsx_runtime.jsx)("div", {
+        }), /*#__PURE__*/(0,jsx_runtime.jsx)("div", {
           className: footWrapperClass,
           children: /*#__PURE__*/(0,jsx_runtime.jsxs)("table", {
             style: {
@@ -55074,7 +55057,7 @@ var scrollWrapperStyle = {
               fixRightNum: maxScrollLeft - virtualInfo.innerLeft
             }))]
           })
-        }) : null]
+        })]
       });
     }
     if (!isScrollY && !props.sticky && (_props$data3 = props.data) !== null && _props$data3 !== void 0 && _props$data3.length) return /*#__PURE__*/(0,jsx_runtime.jsx)("div", {
@@ -55086,7 +55069,7 @@ var scrollWrapperStyle = {
           width: width
         },
         ref: tbodyRef,
-        children: [Group, !props.hideHeader && /*#__PURE__*/(0,jsx_runtime.jsx)(thead, objectSpread2_default()({}, headCommonProps)), /*#__PURE__*/(0,jsx_runtime.jsx)(tbody, objectSpread2_default()({}, bodyCommonProps)), showFoot ? /*#__PURE__*/(0,jsx_runtime.jsx)(tfoot, objectSpread2_default()({}, footCommonProps)) : null]
+        children: [Group, !props.hideHeader && /*#__PURE__*/(0,jsx_runtime.jsx)(thead, objectSpread2_default()({}, headCommonProps)), /*#__PURE__*/(0,jsx_runtime.jsx)(tbody, objectSpread2_default()({}, bodyCommonProps)), /*#__PURE__*/(0,jsx_runtime.jsx)(tfoot, objectSpread2_default()({}, footCommonProps))]
       })
     });
     var Wrapper = props.sticky ? src_sticky_sticky : (external_root_React_commonjs2_react_commonjs_react_amd_react_default()).Fragment;
@@ -55126,7 +55109,7 @@ var scrollWrapperStyle = {
           ref: tbodyRef,
           children: [Group, /*#__PURE__*/(0,jsx_runtime.jsx)(tbody, objectSpread2_default()({}, bodyCommonProps))]
         }), renderEmpty()]
-      }), showFoot ? /*#__PURE__*/(0,jsx_runtime.jsx)("div", {
+      }), /*#__PURE__*/(0,jsx_runtime.jsx)("div", {
         className: footWrapperClass,
         children: /*#__PURE__*/(0,jsx_runtime.jsxs)("table", {
           style: {
@@ -55135,7 +55118,7 @@ var scrollWrapperStyle = {
           ref: tfootRef,
           children: [Group, /*#__PURE__*/(0,jsx_runtime.jsx)(tfoot, objectSpread2_default()({}, footCommonProps))]
         })
-      }) : null]
+      })]
     });
   };
   var renderLoading = function renderLoading() {
@@ -55189,7 +55172,7 @@ var scrollWrapperStyle = {
   if (!props.columns || columns.length === 0) return /*#__PURE__*/(0,jsx_runtime.jsx)("div", {
     className: classnames_default()(tableWrapperClass, tableClasses === null || tableClasses === void 0 ? void 0 : tableClasses.simple, props.striped && (tableClasses === null || tableClasses === void 0 ? void 0 : tableClasses.striped)),
     style: objectSpread2_default()({
-      height: height
+      height: props.height || '100%'
     }, props.style),
     children: /*#__PURE__*/(0,jsx_runtime.jsx)("table", {
       style: {
@@ -55202,7 +55185,7 @@ var scrollWrapperStyle = {
     children: [/*#__PURE__*/(0,jsx_runtime.jsx)("div", objectSpread2_default()(objectSpread2_default()({
       className: classnames_default()(tableWrapperClass, floatLeft && (tableClasses === null || tableClasses === void 0 ? void 0 : tableClasses.floatLeft), floatRight && (tableClasses === null || tableClasses === void 0 ? void 0 : tableClasses.floatRight), props.sticky && (tableClasses === null || tableClasses === void 0 ? void 0 : tableClasses.sticky)),
       style: objectSpread2_default()({
-        height: height
+        height: props.height
       }, props.style)
     }, selection.getTableProps()), {}, {
       ref: tableRef,
@@ -55338,7 +55321,6 @@ var setScrollBehavior = function setScrollBehavior() {
   htmlDom.style.overscrollBehaviorX = 'none';
 };
 var resetScrollBehavior = function resetScrollBehavior() {
-  if (!htmlDom) return;
   htmlDom.style.overscrollBehaviorX = lastStyle;
   lastStyle = null;
 };
@@ -55357,8 +55339,8 @@ var banOverScrollx = function banOverScrollx(el) {
 
 var useTransform = function useTransform(props) {
   var direction = props.direction,
-    containerRef = props.containerRef,
-    targetRef = props.targetRef,
+    container = props.container,
+    target = props.target,
     autoScroll = props.autoScroll;
   var _useState = (0,external_root_React_commonjs2_react_commonjs_react_amd_react_.useState)(0),
     _useState2 = slicedToArray_default()(_useState, 2),
@@ -55380,8 +55362,6 @@ var useTransform = function useTransform(props) {
     transform: "translate".concat(direction, "(").concat(-delta, "px)")
   };
   var getDimension = function getDimension() {
-    var container = containerRef.current;
-    var target = targetRef.current;
     if (!container || !target) return {};
     var targetDimension = direction === 'X' ? target.clientWidth : target.clientHeight;
     var containerDimension = direction === 'X' ? container.clientWidth : container.clientHeight;
@@ -55455,8 +55435,6 @@ var useTransform = function useTransform(props) {
     };
   };
   (0,external_root_React_commonjs2_react_commonjs_react_amd_react_.useEffect)(function () {
-    var container = containerRef.current;
-    var target = targetRef.current;
     if (!container || !target) return;
     if (delta === 0 && atStart === false) {
       setAtStart(true);
@@ -55471,7 +55449,7 @@ var useTransform = function useTransform(props) {
         (_removeWheelListener = removeWheelListener) === null || _removeWheelListener === void 0 || _removeWheelListener();
       };
     }
-  }, [containerRef.current, targetRef.current, shouldScroll]);
+  }, [container, target, shouldScroll]);
   return {
     atStart: atStart,
     atEnd: atEnd,
@@ -55480,8 +55458,7 @@ var useTransform = function useTransform(props) {
     shouldScroll: shouldScroll,
     setTransform: setTransform,
     handleTransform: handleTransform,
-    getRectDiff: getRectDiff,
-    handleResize: handleResize
+    getRectDiff: getRectDiff
   };
 };
 /* harmony default export */ var use_transform = (useTransform);
@@ -55618,8 +55595,8 @@ var TabsHeader = function TabsHeader(props) {
   var _useTransform = use_transform({
       autoScroll: true,
       direction: isVertical ? 'Y' : 'X',
-      containerRef: headerRef,
-      targetRef: scrollRef
+      container: headerRef.current,
+      target: scrollRef.current
     }),
     delta = _useTransform.delta,
     atStart = _useTransform.atStart,
@@ -61197,7 +61174,7 @@ var upload_interface = __webpack_require__(4412);
 
 
 /* harmony default export */ var src_0 = ({
-  version: '3.0.2'
+  version: '3.1.0-rc.2'
 });
 }();
 /******/ 	return __webpack_exports__;