shineout 3.2.0-rc.3 → 3.2.0-rc.4

package/cjs/index.js

@@ -476,5 +476,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.2.0-rc.3'
+  version: '3.2.0-rc.4'
 };

package/dist/shineout.js

@@ -11949,7 +11949,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.2.0-rc.3');
+/* harmony default export */ var version = ('3.2.0-rc.4');
 ;// CONCATENATED MODULE: ../shineout-style/src/jss-style/index.tsx
 
 
@@ -12772,19 +12772,19 @@ var buttonTokens = {
   buttonLinkFocusBackgroundColor: 'transparent',
   buttonLinkFocusBorderColor: 'transparent',
   buttonFontSize: 'Font-14',
-  buttonBorderRadius: 'Radius-4',
+  buttonBorderRadius: 'Radius-default',
   buttonPaddingX: 'Spacing-12',
   buttonPaddingY: 'Spacing-5',
   buttonHeight: 'Size-16',
   buttonFontWeight: 'Weight-regular',
   buttonSmallFontSize: 'Font-12',
-  buttonSmallBorderRadius: 'Radius-4',
+  buttonSmallBorderRadius: 'Radius-default',
   buttonSmallPaddingX: 'Spacing-8',
   buttonSmallPaddingY: 'Spacing-2',
   buttonSmallHeight: 'Size-12',
   buttonSmallFontWeight: 'Weight-regular',
   buttonLargeFontSize: 'Font-16',
-  buttonLargeBorderRadius: 'Radius-4',
+  buttonLargeBorderRadius: 'Radius-default',
   buttonLargePaddingX: 'Spacing-16',
   buttonLargePaddingY: 'Spacing-8',
   buttonLargeHeight: 'Size-20',
@@ -12867,12 +12867,12 @@ var buttonTokens = {
   buttonRoundBorderRadius: 'Radius-full',
   buttonCircleBorderRadius: 'Radius-circle',
   buttonSquareBorderRadius: 'Radius-default',
-  buttonSmallRoundBorderRadius: 'Radius-1000',
+  buttonSmallRoundBorderRadius: 'Radius-full',
   buttonSmallCircleBorderRadius: 'Radius-circle',
   buttonSmallSquareBorderRadius: 'Radius-default',
-  buttonLargeRoundBorderRadius: 'Radius-1000',
-  buttonLargeCircleBorderRadius: 'Radius-50%',
-  buttonLargeSquareBorderRadius: 'Radius-4',
+  buttonLargeRoundBorderRadius: 'Radius-full',
+  buttonLargeCircleBorderRadius: 'Radius-circle',
+  buttonLargeSquareBorderRadius: 'Radius-default',
   buttonNearlyMargin: 'Spacing-8',
   buttonSpinMargin: 'Spacing-4'
 };
@@ -14088,12 +14088,24 @@ var tableTokens = {
   tableCellPaddingX: 'Spacing-12',
   tableCellPaddingY: 'Spacing-8',
   tableCellBorderColor: 'Neutral-border-1',
+  tableCellFontSize: 'Font-14',
+  tableCellFontWeight: 'Weight-regular',
+  tableSmallTheadFontSize: 'Font-14',
+  tableSmallTheadFontWeight: 'Weight-medium',
   tableSmallCellPaddingX: 'Spacing-8',
   tableSmallCellPaddingY: 'Spacing-4',
+  tableSmallCellFontSize: 'Font-14',
+  tableSmallCellFontWeight: 'Weight-regular',
+  tableLargeTheadFontSize: 'Font-14',
+  tableLargeTheadFontWeight: 'Weight-medium',
   tableLargeCellPaddingX: 'Spacing-16',
   tableLargeCellPaddingY: 'Spacing-16',
+  tableLargeCellFontSize: 'Font-14',
+  tableLargeCellFontWeight: 'Weight-regular',
   tableFixedShadow: 'rgba(2,11,24,.1)',
   tableTheadBackgroundColor: 'Neutral-fill-2',
+  tableTheadFontSize: 'Font-14',
+  tableTheadFontWeight: 'Weight-medium',
   tableTheadFontColor: 'Neutral-text-5',
   tableTbodyBackgroundColor: 'Neutral-fill-1',
   tableTbodyStripedBackgroundColor: 'Neutral-fill-2',
@@ -14102,6 +14114,7 @@ var tableTokens = {
   tableTbodyFontColor: 'Neutral-text-5',
   tableTfootBackgroundColor: 'Neutral-fill-2',
   tableTfootFontColor: 'Neutral-text-5',
+  tableTfootFontWeight: 'Weight-regular',
   tableExpandIconSize: 'Size-7',
   tableExpandIconColor: 'Neutral-text-2',
   tableExpandIconHoverBackgroundColor: 'Neutral-fill-3',
@@ -23705,6 +23718,8 @@ var tableStyle = objectSpread2_default()(objectSpread2_default()({}, globalStyle
       '& td': {
         background: src.tableTbodyBackgroundColor,
         color: src.tableTbodyFontColor,
+        fontSize: src.tableCellFontSize,
+        fontWeight: src.tableCellFontWeight,
         '&[data-soui-table-selection]::before': {
           content: '""',
           position: 'absolute',
@@ -23720,12 +23735,14 @@ var tableStyle = objectSpread2_default()(objectSpread2_default()({}, globalStyle
         verticalAlign: 'middle',
         background: src.tableTheadBackgroundColor,
         color: src.tableTheadFontColor,
-        fontWeight: 'bold',
-        boxSizing: 'border-box'
+        boxSizing: 'border-box',
+        fontWeight: src.tableTheadFontWeight,
+        fontSize: src.tableTheadFontSize
       },
       '& tfoot td': {
         background: src.tableTfootBackgroundColor,
-        color: src.tableTfootFontColor
+        color: src.tableTfootFontColor,
+        fontWeight: src.tableTfootFontWeight
       },
       '&bordered tr:last-child td': {
         borderBottom: 'none'
@@ -23753,11 +23770,27 @@ var tableStyle = objectSpread2_default()(objectSpread2_default()({}, globalStyle
   small: {
     '& th, & td': {
       padding: "".concat(src.tableSmallCellPaddingY, " ").concat(src.tableSmallCellPaddingX)
+    },
+    '& table th': {
+      fontSize: src.tableSmallTheadFontSize,
+      fontWeight: src.tableSmallTheadFontWeight
+    },
+    '& table td': {
+      fontSize: src.tableSmallCellFontSize,
+      fontWeight: src.tableSmallCellFontWeight
     }
   },
   large: {
     '& th, & td': {
       padding: "".concat(src.tableLargeCellPaddingY, " ").concat(src.tableLargeCellPaddingX)
+    },
+    '& table th': {
+      fontSize: src.tableLargeTheadFontSize,
+      fontWeight: src.tableLargeTheadFontWeight
+    },
+    '& table td': {
+      fontSize: src.tableLargeCellFontSize,
+      fontWeight: src.tableLargeCellFontWeight
     }
   },
   bordered: {
@@ -46904,7 +46937,7 @@ var Scroll = function Scroll(props) {
     position: 'sticky'
   }, isRtl ? 'right' : 'left', 0), "top", 0);
   var placeStyle = defineProperty_default()(defineProperty_default()(defineProperty_default()(defineProperty_default()({
-    marginTop: Math.max(0, scrollHeight - height)
+    marginTop: Math.max(0, Math.floor(scrollHeight - height))
   }, "margin".concat(isRtl ? 'Left' : 'Right'), scrollWidth), "height", 0), "width", 0), "overflow", 'hidden');
   var handleScroll = usePersistFn(function (e) {
     var target = e.currentTarget;
@@ -47931,7 +47964,7 @@ var Node = function Node(props) {
   var children = data[childrenKey];
   var hasChildren = children && children.length > 0;
   var contentStyle = (jssStyle === null || jssStyle === void 0 ? void 0 : jssStyle.tree()) || {};
-  var rootClass = classnames_default()(contentStyle.node, isLeaf() && leafClass, isString(nodeClass) && nodeClass, isFunc(nodeClass) && nodeClass(data), defineProperty_default()({}, contentStyle.leaf, !hasChildren));
+  var rootClass = classnames_default()(contentStyle.node, isLeaf() && (isString(leafClass) ? leafClass : isFunc(leafClass) && leafClass(data)), isString(nodeClass) && nodeClass, isFunc(nodeClass) && nodeClass(data), defineProperty_default()({}, contentStyle.leaf, !hasChildren));
   if (placeElement) {
     placeElement.className = contentStyle.placement;
   }
@@ -48426,6 +48459,10 @@ var Tree = function Tree(props) {
   (0,external_root_React_commonjs2_react_commonjs_react_amd_react_.useEffect)(function () {
     handleUpdateExpanded(expanded);
   }, [expanded]);
+  (0,external_root_React_commonjs2_react_commonjs_react_amd_react_.useEffect)(function () {
+    if (!active) return;
+    handleUpdateActive(active);
+  }, [active]);
   (0,external_root_React_commonjs2_react_commonjs_react_amd_react_.useEffect)(function () {
     if (getDatum) getDatum(datum);
   }, []);
@@ -54177,7 +54214,8 @@ var useTableLayout = function useTableLayout(props) {
     changeColGroup(newCols, false);
   });
   var checkFloat = use_persist_fn(function () {
-    var scrollEl = scrollRef.current;
+    var scrollEl = scrollRef === null || scrollRef === void 0 ? void 0 : scrollRef.current;
+    if (!scrollEl) return;
     var max = scrollEl.scrollWidth - scrollEl.clientWidth;
     var min = 0;
     var left = scrollEl.scrollLeft;
@@ -55786,10 +55824,12 @@ var Tr = function Tr(props) {
 
 
 
+
 var tfoot_isArray = isArray;
 /* harmony default export */ var tfoot = (function (props) {
   var _props$jssStyle, _props$jssStyle$table;
   var tableClasses = (_props$jssStyle = props.jssStyle) === null || _props$jssStyle === void 0 || (_props$jssStyle$table = _props$jssStyle.table) === null || _props$jssStyle$table === void 0 ? void 0 : _props$jssStyle$table.call(_props$jssStyle);
+  var config = useConfig();
   var getFixedStyle = function getFixedStyle(fixed, index, colSpan) {
     var colgroup = props.colgroup;
     if (fixed === 'left') {
@@ -55842,9 +55882,10 @@ var tfoot_isArray = isArray;
       }
     }
     return /*#__PURE__*/(0,jsx_runtime.jsx)("td", {
+      dir: config.direction,
       colSpan: colSpan,
       style: getFixedStyle(fixed.fixed, index, colSpan),
-      className: classnames_default()(fixed['fixed'] === 'left' && (tableClasses === null || tableClasses === void 0 ? void 0 : tableClasses.cellFixedLeft), fixed['fixed'] === 'right' && (tableClasses === null || tableClasses === void 0 ? void 0 : tableClasses.cellFixedRight), (fixed.lastFixed || fixed.firstFixed) && (tableClasses === null || tableClasses === void 0 ? void 0 : tableClasses.cellFixedLast), isLast && (tableClasses === null || tableClasses === void 0 ? void 0 : tableClasses.cellIgnoreBorder)),
+      className: classnames_default()(fixed['fixed'] === 'left' && (tableClasses === null || tableClasses === void 0 ? void 0 : tableClasses.cellFixedLeft), fixed['fixed'] === 'right' && (tableClasses === null || tableClasses === void 0 ? void 0 : tableClasses.cellFixedRight), fixed.firstFixed && (tableClasses === null || tableClasses === void 0 ? void 0 : tableClasses.cellFixedLeft), fixed.lastFixed && (tableClasses === null || tableClasses === void 0 ? void 0 : tableClasses.cellFixedRight), (fixed.lastFixed || fixed.firstFixed) && (tableClasses === null || tableClasses === void 0 ? void 0 : tableClasses.cellFixedLast), isLast && (tableClasses === null || tableClasses === void 0 ? void 0 : tableClasses.cellIgnoreBorder)),
       children: content
     }, index);
   };
@@ -55909,6 +55950,9 @@ var virtualScrollerStyle = {
   overflow: 'auto',
   width: '100%'
 };
+var table_emptyStyle = objectSpread2_default()(objectSpread2_default()({}, virtualScrollerStyle), {}, {
+  height: 0
+});
 var scrollWrapperStyle = {
   flex: 1,
   minHeight: 0,
@@ -56079,6 +56123,18 @@ var emptyRef = {
     e.preventDefault();
     scrollEl.scrollLeft = Math.min(Math.max(scrollLeft, 0), max);
   });
+  var handleBodyScroll = usePersistFn(function (e) {
+    var target = e.currentTarget;
+    if (!target) return;
+    layoutFunc.checkFloat();
+    if (props.onScroll && typeof props.onScroll === 'function') {
+      var maxWidth = target.scrollWidth - target.clientWidth;
+      var maxHeight = target.scrollHeight - target.clientHeight;
+      var x = Math.min(target.scrollLeft / maxWidth, 1);
+      var y = Math.min(target.scrollTop / maxHeight, 1);
+      props.onScroll(x, y, target.scrollLeft);
+    }
+  });
   var handleVirtualScroll = usePersistFn(function (info) {
     virtualInfo.handleScroll(info);
     layoutFunc.checkFloat();
@@ -56097,7 +56153,7 @@ var emptyRef = {
     });
   };
   var renderTable = function renderTable() {
-    var _props$summary, _sticky$top;
+    var _props$summary, _sticky$top, _props$data3, _props$data4;
     var Group = /*#__PURE__*/(0,jsx_runtime.jsx)(table_colgroup, {
       colgroup: colgroup,
       columns: columns,
@@ -56170,6 +56226,20 @@ var emptyRef = {
       css: sticky === null || sticky === void 0 ? void 0 : sticky.css,
       parent: tableRef === null || tableRef === void 0 ? void 0 : tableRef.current
     };
+    if (!virtual && !isScrollY && !props.sticky && (_props$data3 = props.data) !== null && _props$data3 !== void 0 && _props$data3.length) {
+      return /*#__PURE__*/(0,jsx_runtime.jsx)("div", {
+        ref: scrollRef,
+        className: tableClasses === null || tableClasses === void 0 ? void 0 : tableClasses.bodyWrapper,
+        onScroll: handleBodyScroll,
+        children: /*#__PURE__*/(0,jsx_runtime.jsxs)("table", {
+          style: {
+            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)), /*#__PURE__*/(0,jsx_runtime.jsx)(tfoot, objectSpread2_default()({}, footCommonProps))]
+        })
+      });
+    }
     return /*#__PURE__*/(0,jsx_runtime.jsxs)(jsx_runtime.Fragment, {
       children: [!props.hideHeader && /*#__PURE__*/(0,jsx_runtime.jsx)(Wrapper, objectSpread2_default()(objectSpread2_default()({}, props.sticky ? stickyProps : {}), {}, {
         children: /*#__PURE__*/(0,jsx_runtime.jsx)("div", {
@@ -56188,7 +56258,7 @@ var emptyRef = {
         })
       })), /*#__PURE__*/(0,jsx_runtime.jsx)(virtual_scroll_scroll, {
         style: scrollWrapperStyle,
-        scrollerStyle: virtualScrollerStyle,
+        scrollerStyle: (_props$data4 = props.data) !== null && _props$data4 !== void 0 && _props$data4.length ? virtualScrollerStyle : table_emptyStyle,
         wrapperRef: scrollRef,
         scrollWidth: width || 1,
         scrollHeight: virtual ? virtualInfo.scrollHeight : tbodyHeight,
@@ -58190,13 +58260,13 @@ var useTreeSelect = function useTreeSelect(props) {
     }
     if (!multiple && isArray(v)) {
       onChange === null || onChange === void 0 || onChange.apply(void 0, [v[0]].concat(reset));
-    }
-    if (multiple && !isArray(v)) {
+    } else if (multiple && !isArray(v)) {
       if (v === undefined || v === null) {
         onChange === null || onChange === void 0 || onChange.apply(void 0, [[]].concat(reset));
       } else onChange === null || onChange === void 0 || onChange.apply(void 0, [[v]].concat(reset));
+    } else {
+      onChange === null || onChange === void 0 || onChange.apply(void 0, [v].concat(reset));
     }
-    onChange === null || onChange === void 0 || onChange.apply(void 0, [v].concat(reset));
   });
   return {
     value: valueArr,
@@ -58360,6 +58430,7 @@ var TreeSelect = function TreeSelect(props0) {
       data: data,
       unmatch: unmatch,
       disabled: disabled,
+      active: multiple ? undefined : value[0],
       childrenKey: childrenKey,
       keygen: keygen,
       onExpand: onExpand,
@@ -58725,7 +58796,7 @@ var TreeSelect = function TreeSelect(props0) {
     } else {
       treeProps.onClick = handleTreeClick;
       treeProps.renderItem = renderActive;
-      treeProps.active = value;
+      treeProps.active = value[0];
     }
     if ('expanded' in props) {
       treeProps.expanded = expanded;
@@ -58746,6 +58817,7 @@ var TreeSelect = function TreeSelect(props0) {
         keygen: keygen,
         unmatch: unmatch,
         value: value,
+        highlight: true,
         loader: loader,
         onExpand: onExpandTree,
         expanded: controlExpanded,
@@ -62383,7 +62455,7 @@ var upload_interface = __webpack_require__(4412);
 
 
 /* harmony default export */ var src_0 = ({
-  version: '3.2.0-rc.3'
+  version: '3.2.0-rc.4'
 });
 }();
 /******/ 	return __webpack_exports__;