shineout 3.0.1 → 3.0.2

package/LICENSE

@@ -0,0 +1,21 @@
+MIT License
+
+Copyright (c) 2023-Present SHEIN
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

package/README-zh_CN.md

@@ -0,0 +1,62 @@
+[English](./README.md) | 简体中文
+
+<p align="center">
+  <img alt="react-router" src="https://user-images.githubusercontent.com/101764/44770646-44f53000-ab9b-11e8-834e-2b1394cea318.png" width="300">
+</p>
+
+<p align="center">
+一个更加『轻量』和『快速』的基于<a href="https://facebook.github.io/react">React</a>的桌面端组件库
+</p>
+
+<p align="center">
+  <a href="https://www.npmjs.com/package/shineout"><img src="https://img.shields.io/npm/v/shineout.svg?style=flat-square"></a>
+  <a href="https://www.npmjs.com/package/shineout"><img src="https://img.shields.io/npm/dm/shineout.svg?style=flat-square"></a>
+  <img src="https://img.shields.io/badge/React-%3E%3D16.8.0-green.svg?style=flat-square">
+</p>
+
+## 特性
+
+ - 精巧且友好的 API
+ - 开箱即用的高性能 React 组件
+ - 接口永远向下兼容
+ - 灵活的主题配置
+
+## 依赖
+
+```
+react >= 16.8.0
+react-dom >= 16.8.0
+```
+
+## 浏览器支持
+
+| [<img src="https://raw.githubusercontent.com/alrra/browser-logos/master/src/edge/edge_48x48.png" alt="IE / Edge" width="24px" height="24px" />](http://godban.github.io/browsers-support-badges/)</br>IE / Edge | [<img src="https://raw.githubusercontent.com/alrra/browser-logos/master/src/firefox/firefox_48x48.png" alt="Firefox" width="24px" height="24px" />](http://godban.github.io/browsers-support-badges/)</br>Firefox | [<img src="https://raw.githubusercontent.com/alrra/browser-logos/master/src/chrome/chrome_48x48.png" alt="Chrome" width="24px" height="24px" />](http://godban.github.io/browsers-support-badges/)</br>Chrome | [<img src="https://raw.githubusercontent.com/alrra/browser-logos/master/src/safari/safari_48x48.png" alt="Safari" width="24px" height="24px" />](http://godban.github.io/browsers-support-badges/)</br>Safari | [<img src="https://raw.githubusercontent.com/alrra/browser-logos/master/src/opera/opera_48x48.png" alt="Opera" width="24px" height="24px" />](http://godban.github.io/browsers-support-badges/)</br>Opera | [<img src="https://raw.githubusercontent.com/alrra/browser-logos/master/src/electron/electron_48x48.png" alt="Electron" width="24px" height="24px" />](http://godban.github.io/browsers-support-badges/)</br>Electron |
+| --------- | --------- | --------- | --------- | --------- | --------- |
+| Edge| last 2 versions| last 2 versions| last 2 versions| last 2 versions| last 2 versions |
+
+## 安装
+
+```bash
+yarn add shineout
+```
+// or
+```bash
+npm install shineout
+```
+
+## CDN
+
+```html
+<script crossorigin src="https://unpkg.com/shineout/dist/shineout.min.js"></script>
+```
+
+## 使用
+
+```javascript
+import { Button } from 'shineout'
+
+<Button />
+```
+
+## 开源许可
+[MIT](./LICENSE)

package/README.md

@@ -0,0 +1,65 @@
+English | [简体中文](./README-zh_CN.md)
+
+<p align="center">
+  <img alt="react-router" src="https://user-images.githubusercontent.com/101764/44770646-44f53000-ab9b-11e8-834e-2b1394cea318.png" width="300">
+</p>
+
+<p align="center">
+  A components library for <a href="https://facebook.github.io/react">React</a>
+</p>
+
+<p align="center">
+  <a href="https://www.npmjs.com/package/shineout"><img src="https://img.shields.io/npm/v/shineout.svg?style=flat-square"></a>
+  <a href="https://www.npmjs.com/package/shineout"><img src="https://img.shields.io/npm/dm/shineout.svg?style=flat-square"></a>
+  <img src="https://img.shields.io/badge/React-%3E%3D16.8.0-green.svg?style=flat-square">
+</p>
+
+## Features
+
+- A concise and friendly API
+- A set of high-performance React components out of the box.
+- Always backward compatible
+- Flexible theme customization
+
+## Requirements
+
+```
+react >= 16.8.0
+react-dom >= 16.8.0
+```
+
+## Browsers support
+
+| [<img src="https://raw.githubusercontent.com/alrra/browser-logos/master/src/edge/edge_48x48.png" alt="IE / Edge" width="24px" height="24px" />](http://godban.github.io/browsers-support-badges/)</br>IE / Edge | [<img src="https://raw.githubusercontent.com/alrra/browser-logos/master/src/firefox/firefox_48x48.png" alt="Firefox" width="24px" height="24px" />](http://godban.github.io/browsers-support-badges/)</br>Firefox | [<img src="https://raw.githubusercontent.com/alrra/browser-logos/master/src/chrome/chrome_48x48.png" alt="Chrome" width="24px" height="24px" />](http://godban.github.io/browsers-support-badges/)</br>Chrome | [<img src="https://raw.githubusercontent.com/alrra/browser-logos/master/src/safari/safari_48x48.png" alt="Safari" width="24px" height="24px" />](http://godban.github.io/browsers-support-badges/)</br>Safari | [<img src="https://raw.githubusercontent.com/alrra/browser-logos/master/src/opera/opera_48x48.png" alt="Opera" width="24px" height="24px" />](http://godban.github.io/browsers-support-badges/)</br>Opera | [<img src="https://raw.githubusercontent.com/alrra/browser-logos/master/src/electron/electron_48x48.png" alt="Electron" width="24px" height="24px" />](http://godban.github.io/browsers-support-badges/)</br>Electron |
+| --------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | --------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | --------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
+|  Edge                                                                                                                                                                                                | last 2 versions                                                                                                                                                                                                   | last 2 versions                                                                                                                                                                                               | last 2 versions                                                                                                                                                                                               | last 2 versions                                                                                                                                                                                           | last 2 versions                                                                                                                                                                                                       |
+
+## Installation
+
+```bash
+yarn add shineout
+```
+
+// or
+
+```bash
+npm install shineout
+```
+
+## CDN
+
+```html
+<script crossorigin src="https://unpkg.com/shineout/dist/shineout.min.js"></script>
+```
+
+## Usage
+
+```javascript
+import { Button } from 'shineout'
+
+;<Button />
+```
+
+## LICENSE
+
+[MIT](./LICENSE)

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.1'
+  version: '3.0.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.1');
+/* harmony default export */ var version = ('3.0.2');
 ;// CONCATENATED MODULE: ../shineout-style/src/jss-style/index.tsx
 
 
@@ -14621,7 +14621,8 @@ var alertStyle = {
     }
   },
   content: {
-    flex: '1 1 0'
+    flex: '1 1 0',
+    wordBreak: 'break-all'
   },
   pending: {
     opacity: 0,
@@ -15048,11 +15049,13 @@ var ButtonStyle = {
   circle: {
     width: "32px",
     height: "32px",
+    padding: 0,
     borderRadius: src.buttonCircleBorderRadius
   },
   square: {
     width: "32px",
     height: "32px",
+    padding: 0,
     borderRadius: src.buttonSquareBorderRadius,
     '& $spin': {
       margin: 0
@@ -17755,6 +17758,7 @@ var formItemStyle = {
   },
   wrapperTip: {},
   label: {
+    wordWrap: 'break-word',
     width: src.formItemLabelWidth,
     padding: "".concat(src.formItemLabelPaddingY, " 0"),
     lineHeight: src.lineHeightDynamic,
@@ -19442,6 +19446,7 @@ var modalStyle = objectSpread2_default()(objectSpread2_default()({}, animationSt
     top: 0,
     left: 0,
     // overflow: 'auto',
+    wordWrap: 'break-word',
     width: '100%',
     boxSizing: 'border-box',
     height: '100%',
@@ -20257,6 +20262,7 @@ var popoverStyle = {
     backgroundColor: src.popoverBackgroundColor,
     borderRadius: src.popoverRadius,
     border: "1px solid ".concat(src.popoverBorderColor),
+    wordWrap: 'break-word',
     '& $arrow': {
       'z-index': 1,
       position: 'absolute',
@@ -23071,8 +23077,9 @@ function customScrollBar(info) {
 
 
 var cellBaseIndex = 4;
-var sorterIndex = 10;
-var fixedIndex = 8;
+var fixedIndex = 6;
+var resizeIndex = 8;
+var fixedFixedIndex = 10;
 var headerIndex = 12;
 var loadingIndex = 16;
 var globalStyle = {
@@ -23268,6 +23275,13 @@ 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: {
@@ -23279,6 +23293,13 @@ var tableStyle = objectSpread2_default()(objectSpread2_default()({}, globalStyle
       top: 0,
       bottom: 0,
       position: 'absolute'
+    },
+    '& table': {
+      '& th, & td': {
+        '&$cellFixedRight': {
+          zIndex: fixedFixedIndex
+        }
+      }
     }
   },
   hasSorter: {
@@ -23322,7 +23343,7 @@ var tableStyle = objectSpread2_default()(objectSpread2_default()({}, globalStyle
   },
   sorterActive: {},
   resizeSpanner: {
-    zIndex: sorterIndex,
+    zIndex: resizeIndex,
     position: 'absolute',
     opacity: 0,
     right: '-1px',
@@ -24603,6 +24624,7 @@ 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,
@@ -25764,6 +25786,7 @@ var uploadStyle = {
     display: 'flex',
     alignItems: 'center',
     minWidth: '0',
+    wordBreak: 'break-all',
     flex: 1,
     gap: src.uploadResultGap,
     fontSize: src.uploadResultFontSize,
@@ -34105,15 +34128,13 @@ 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) {
-      if (onChange && path) onChange([].concat(toConsumableArray_default()(path), [id]), datum.getDataById(id));
+      // 单选设置了 final 属性后 如果不是末节点不触发onChange
+      var shouldJump = shouldFinal && hasChildren;
+      if (onChange && path && !shouldJump) onChange([].concat(toConsumableArray_default()(path), [id]), datum.getDataById(id));
     }
-    if (loader && !loading && !getParent(e.target, "[".concat(node_getDataAttributeName('role'), "=checkbox-indicator]"))) {
+    if (loader && uncertainChildren && !loading && !getParent(e.target, "[".concat(node_getDataAttributeName('role'), "=checkbox-indicator]"))) {
       setLoading(true);
       loader(id, data);
     }
@@ -54760,6 +54781,7 @@ 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,
@@ -54942,7 +54964,7 @@ var scrollWrapperStyle = {
     });
   };
   var renderTable = function renderTable() {
-    var _props$data3, _sticky$top;
+    var _props$summary, _props$data3, _sticky$top;
     var Group = /*#__PURE__*/(0,jsx_runtime.jsx)(table_colgroup, {
       colgroup: colgroup,
       columns: columns,
@@ -54994,6 +55016,7 @@ 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,
@@ -55038,7 +55061,7 @@ var scrollWrapperStyle = {
               fixRightNum: maxScrollLeft - virtualInfo.innerLeft
             }))]
           })
-        }), /*#__PURE__*/(0,jsx_runtime.jsx)("div", {
+        }), showFoot ? /*#__PURE__*/(0,jsx_runtime.jsx)("div", {
           className: footWrapperClass,
           children: /*#__PURE__*/(0,jsx_runtime.jsxs)("table", {
             style: {
@@ -55051,7 +55074,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", {
@@ -55063,7 +55086,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)), /*#__PURE__*/(0,jsx_runtime.jsx)(tfoot, objectSpread2_default()({}, footCommonProps))]
+        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]
       })
     });
     var Wrapper = props.sticky ? src_sticky_sticky : (external_root_React_commonjs2_react_commonjs_react_amd_react_default()).Fragment;
@@ -55103,7 +55126,7 @@ var scrollWrapperStyle = {
           ref: tbodyRef,
           children: [Group, /*#__PURE__*/(0,jsx_runtime.jsx)(tbody, objectSpread2_default()({}, bodyCommonProps))]
         }), renderEmpty()]
-      }), /*#__PURE__*/(0,jsx_runtime.jsx)("div", {
+      }), showFoot ? /*#__PURE__*/(0,jsx_runtime.jsx)("div", {
         className: footWrapperClass,
         children: /*#__PURE__*/(0,jsx_runtime.jsxs)("table", {
           style: {
@@ -55112,7 +55135,7 @@ var scrollWrapperStyle = {
           ref: tfootRef,
           children: [Group, /*#__PURE__*/(0,jsx_runtime.jsx)(tfoot, objectSpread2_default()({}, footCommonProps))]
         })
-      })]
+      }) : null]
     });
   };
   var renderLoading = function renderLoading() {
@@ -55166,7 +55189,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: props.height || '100%'
+      height: height
     }, props.style),
     children: /*#__PURE__*/(0,jsx_runtime.jsx)("table", {
       style: {
@@ -55179,7 +55202,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: props.height
+        height: height
       }, props.style)
     }, selection.getTableProps()), {}, {
       ref: tableRef,
@@ -55315,6 +55338,7 @@ var setScrollBehavior = function setScrollBehavior() {
   htmlDom.style.overscrollBehaviorX = 'none';
 };
 var resetScrollBehavior = function resetScrollBehavior() {
+  if (!htmlDom) return;
   htmlDom.style.overscrollBehaviorX = lastStyle;
   lastStyle = null;
 };
@@ -55333,8 +55357,8 @@ var banOverScrollx = function banOverScrollx(el) {
 
 var useTransform = function useTransform(props) {
   var direction = props.direction,
-    container = props.container,
-    target = props.target,
+    containerRef = props.containerRef,
+    targetRef = props.targetRef,
     autoScroll = props.autoScroll;
   var _useState = (0,external_root_React_commonjs2_react_commonjs_react_amd_react_.useState)(0),
     _useState2 = slicedToArray_default()(_useState, 2),
@@ -55356,6 +55380,8 @@ 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;
@@ -55429,6 +55455,8 @@ 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);
@@ -55443,7 +55471,7 @@ var useTransform = function useTransform(props) {
         (_removeWheelListener = removeWheelListener) === null || _removeWheelListener === void 0 || _removeWheelListener();
       };
     }
-  }, [container, target, shouldScroll]);
+  }, [containerRef.current, targetRef.current, shouldScroll]);
   return {
     atStart: atStart,
     atEnd: atEnd,
@@ -55452,7 +55480,8 @@ var useTransform = function useTransform(props) {
     shouldScroll: shouldScroll,
     setTransform: setTransform,
     handleTransform: handleTransform,
-    getRectDiff: getRectDiff
+    getRectDiff: getRectDiff,
+    handleResize: handleResize
   };
 };
 /* harmony default export */ var use_transform = (useTransform);
@@ -55589,8 +55618,8 @@ var TabsHeader = function TabsHeader(props) {
   var _useTransform = use_transform({
       autoScroll: true,
       direction: isVertical ? 'Y' : 'X',
-      container: headerRef.current,
-      target: scrollRef.current
+      containerRef: headerRef,
+      targetRef: scrollRef
     }),
     delta = _useTransform.delta,
     atStart = _useTransform.atStart,
@@ -61168,7 +61197,7 @@ var upload_interface = __webpack_require__(4412);
 
 
 /* harmony default export */ var src_0 = ({
-  version: '3.0.1'
+  version: '3.0.2'
 });
 }();
 /******/ 	return __webpack_exports__;