shineout 3.3.6-beta.6 → 3.3.6-fix.1

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.3.6-beta.6'
+  version: '3.3.6-fix.1'
 };

package/dist/shineout.js

@@ -11968,7 +11968,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.3.6-beta.6');
+/* harmony default export */ var version = ('3.3.6-fix.1');
 ;// CONCATENATED MODULE: ../shineout-style/src/jss-style/index.tsx
 
 
@@ -20973,7 +20973,7 @@ var normalize_token = {
 };
 var lineHeightComputed = '20px';
 var lineHeightComputed2 = '10px';
-var normalize_css = "*,\n*::before,\n*::after {\n  box-sizing: border-box;\n}\nhtml {\n  font-family: sans-serif;\n  line-height: 1.15;\n  -ms-overflow-style: scrollbar;\n  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);\n  -webkit-text-size-adjust: 100%;\n  -ms-text-size-adjust: 100%;\n}\n\narticle,\naside,\ndialog,\nfigcaption,\nfigure,\nfooter,\nheader,\nhgroup,\nmain,\nnav,\nsection {\n  display: block;\n}\n\nbody {\n  margin: 0;\n  color: ".concat(normalize_token.color, ";\n  font-family: ").concat(normalize_token.fontFamily, ";\n  font-size: ").concat(normalize_token.fontSize, ";\n  line-height: ").concat(normalize_token.lineHeight, ";\n}\n\n\narticle,\naside,\nfooter,\nheader,\nnav,\nsection {\n  display: block;\n}\n\nh1 {\n  margin: 0.67em 0;\n  font-size: 2em;\n}\n\nfigcaption,\nfigure,\nmain {\n  display: block;\n}\n\nfigure {\n  margin: 1em 40px;\n}\n\nhr {\n  overflow: visible;\n  height: 0;\n  box-sizing: content-box;\n}\n\npre {\n  font-family: \"SFMono-Regular\", Menlo, Monaco, Consolas, \"Courier New\", monospace;\n  font-size: 1em;\n}\n\na {\n  background-color: transparent;\n  color: ").concat(normalize_token.linkColor, ";\n  cursor: pointer;\n  outline: none;\n  text-decoration: ").concat(normalize_token.linkHoverDecoration, ";\n  -webkit-text-decoration-skip: objects;\n  transition: color 0.3s;\n}\n\na:active,\na:hover {\n  color: ").concat(normalize_token.linkColor, ";\n  outline: 0;\n  text-decoration: ").concat(normalize_token.linkHoverDecoration, ";\n}\na[disabled] {\n  color: ").concat(normalize_token.linkDisabledColor, ";\n  cursor: not-allowed;\n  pointer-events: none;\n}\n\nabbr[title] {\n  border-bottom: none;\n  text-decoration: underline;\n  text-decoration: underline dotted;\n}\n\nb,\nstrong {\n  font-weight: inherit;\n}\n\nb,\nstrong {\n  font-weight: bolder;\n}\n\ncode,\nkbd,\nsamp {\n  font-family: monospace, monospace;\n  font-size: 1em;\n}\n\ndfn {\n  font-style: italic;\n}\n\nmark {\n  background-color: #ff0;\n  color: #000;\n}\n\nsmall {\n  font-size: 80%;\n}\n\nsub,\nsup {\n  position: relative;\n  font-size: 75%;\n  line-height: 0;\n  vertical-align: baseline;\n}\n\nsub {\n  bottom: -0.25em;\n}\n\nsup {\n  top: -0.5em;\n}\n\naudio,\nvideo {\n  display: inline-block;\n}\n\naudio:not([controls]) {\n  display: none;\n  height: 0;\n}\n\nimg {\n  border-style: none;\n}\n\nsvg:not(:root) {\n  overflow: hidden;\n}\n\nbutton,\ninput,\noptgroup,\nselect,\ntextarea {\n  margin: 0;\n  font-family: inherit;\n  font-size: 100%;\n  line-height: 1.15;\n}\n\nbutton,\ninput {\n  overflow: visible;\n}\n\nbutton,\nselect {\n  text-transform: none;\n}\n\nbutton,\nhtml [type=\"button\"],\n[type=\"reset\"],\n[type=\"submit\"] {\n  -webkit-appearance: button;\n}\n\nbutton::-moz-focus-inner,\n[type='button']::-moz-focus-inner,\n[type='reset']::-moz-focus-inner,\n[type='submit']::-moz-focus-inner {\n  padding: 0;\n  border-style: none;\n}\n\nbutton:-moz-focusring,\n[type='button']:-moz-focusring,\n[type='reset']:-moz-focusring,\n[type='submit']:-moz-focusring {\n  outline: 1px dotted ButtonText;\n}\n\nfieldset {\n  padding: 0.35em 0.75em 0.625em;\n}\n\nlegend {\n  display: table;\n  max-width: 100%;\n  box-sizing: border-box;\n  padding: 0;\n  color: inherit;\n  white-space: normal;\n}\n\nprogress {\n  display: inline-block;\n  vertical-align: baseline;\n}\n\ntextarea {\n  overflow: auto;\n}\n\n[type='checkbox'],\n[type='radio'] {\n  box-sizing: border-box;\n  padding: 0;\n}\n\n\n[type='number']::-webkit-inner-spin-button,\n[type='number']::-webkit-outer-spin-button {\n  height: auto;\n}\n\n[type='search'] {\n  -webkit-appearance: textfield;\n  outline-offset: -2px;\n}\n\n[type='search']::-webkit-search-cancel-button,\n[type='search']::-webkit-search-decoration {\n  -webkit-appearance: none;\n}\n\n\n::-webkit-file-upload-button {\n  -webkit-appearance: button;\n  font: inherit;\n}\n\n\ndetails,\nmenu {\n  display: block;\n}\n\n\nsummary {\n  display: list-item;\n}\n\n\ncanvas {\n  display: inline-block;\n}\n\n\ntemplate {\n  display: none;\n}\n\n\n[hidden] {\n  display: none;\n}\n\nh1,\nh2,\nh3,\nh4,\nh5,\nh6,\n.h1,\n.h2,\n.h3,\n.h4,\n.h5,\n.h6 {\n  color: ").concat(normalize_token.headingsColor, ";\n  font-family: ").concat(normalize_token.headingsFontFamily, ";\n  font-weight: ").concat(normalize_token.headingsFontWeight, ";\n  line-height: ").concat(normalize_token.headingsLineHeight, ";\n}\nh1 small, h1 .small, .h1 small, .h1 .small,\nh2 small, h2 .small, .h2 small, .h2 .small,\nh3 small, h3 .small, .h3 small, .h3 .small,\nh4 small, h4 .small, .h4 small, .h4 .small,\nh5 small, h5 .small, .h5 small, .h5 .small,\nh6 small, h6 .small, .h6 small, .h6 .small {\n  color: ").concat(normalize_token.headingsSmallColor, ";\n  font-weight: normal;\n  line-height: 1;\n}\n\n\nh1,\n.h1,\nh2,\n.h2,\nh3,\n.h3 {\n  margin-top: ").concat(lineHeightComputed, ";\n  margin-bottom: ").concat(lineHeightComputed, ";\n}\n\nhi small, h1 .small, .h1 small, .h1 .small,\nh2 small, h2 .small, .h2 small, .h2 .small,\nh3 small, h3 .small, .h3 small, .h3 .small {\n  font-size: 65%;\n}\n\nh4,\n.h4,\nh5,\n.h5,\nh6,\n.h6 {\n  margin-top: ").concat(lineHeightComputed2, ";\n  margin-bottom: ").concat(lineHeightComputed2, ";\n}\n\nh4 small, h4 .small, .h4 small, .h4 .small,\nh5 small, h5 .small, .h5 small, .h5 .small,\nh6 small, h6 .small, .h6 small, .h6 .small {\n  font-size: 75%;\n}\n\np {\n  margin: 0 0 ").concat(lineHeightComputed2, ";\n}");
+var normalize_css = "*,\n*::before,\n*::after {\n  box-sizing: border-box;\n}\nhtml {\n  font-family: sans-serif;\n  line-height: 1.15;\n  -ms-overflow-style: scrollbar;\n  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);\n  -webkit-text-size-adjust: 100%;\n  -ms-text-size-adjust: 100%;\n}\n\narticle,\naside,\ndialog,\nfigcaption,\nfigure,\nfooter,\nheader,\nhgroup,\nmain,\nnav,\nsection {\n  display: block;\n}\n\nbody {\n  margin: 0;\n  color: ".concat(normalize_token.color, ";\n  font-family: ").concat(normalize_token.fontFamily, ";\n  font-size: ").concat(normalize_token.fontSize, ";\n  line-height: ").concat(normalize_token.lineHeight, ";\n}\n\n\narticle,\naside,\nfooter,\nheader,\nnav,\nsection {\n  display: block;\n}\n\nh1 {\n  margin: 0.67em 0;\n  font-size: 2em;\n}\n\nfigcaption,\nfigure,\nmain {\n  display: block;\n}\n\nfigure {\n  margin: 1em 40px;\n}\n\nhr {\n  overflow: visible;\n  height: 0;\n  box-sizing: content-box;\n}\n\npre {\n  font-family: \"SFMono-Regular\", Menlo, Monaco, Consolas, \"Courier New\", monospace;\n  font-size: 1em;\n}\n\na {\n  background-color: transparent;\n  color: ").concat(normalize_token.linkColor, ";\n  cursor: pointer;\n  outline: none;\n  text-decoration: ").concat(normalize_token.linkHoverDecoration, ";\n  -webkit-text-decoration-skip: objects;\n  transition: color 0.3s;\n}\n\na:active,\na:hover {\n  color: ").concat(normalize_token.linkColor, ";\n  outline: 0;\n  text-decoration: ").concat(normalize_token.linkHoverDecoration, ";\n}\na[disabled] {\n  color: ").concat(normalize_token.linkDisabledColor, ";\n  cursor: not-allowed;\n  pointer-events: none;\n}\n\nabbr[title] {\n  border-bottom: none;\n  text-decoration: underline;\n  text-decoration: underline dotted;\n}\n\nb,\nstrong {\n  font-weight: inherit;\n}\n\nb,\nstrong {\n  font-weight: bolder;\n}\n\ncode,\nkbd,\nsamp {\n  font-family: monospace, monospace;\n  font-size: 1em;\n}\n\ndfn {\n  font-style: italic;\n}\n\nmark {\n  background-color: #ff0;\n  color: #000;\n}\n\nsmall {\n  font-size: 80%;\n}\n\nsub,\nsup {\n  position: relative;\n  font-size: 75%;\n  line-height: 0;\n  vertical-align: baseline;\n}\n\nsub {\n  bottom: -0.25em;\n}\n\nsup {\n  top: -0.5em;\n}\n\naudio,\nvideo {\n  display: inline-block;\n}\n\naudio:not([controls]) {\n  display: none;\n  height: 0;\n}\n\nimg {\n  border-style: none;\n}\n\nsvg:not(:root) {\n  overflow: hidden;\n}\n\nbutton,\ninput,\noptgroup,\nselect,\ntextarea {\n  margin: 0;\n  font-family: inherit;\n  font-size: 100%;\n  line-height: 1.15;\n}\n\nbutton,\ninput {\n  overflow: visible;\n}\n\nbutton,\nselect {\n  text-transform: none;\n}\n\nbutton,\nhtml [type=\"button\"],\n[type=\"reset\"],\n[type=\"submit\"] {\n  -webkit-appearance: button;\n}\n\nbutton::-moz-focus-inner,\n[type='button']::-moz-focus-inner,\n[type='reset']::-moz-focus-inner,\n[type='submit']::-moz-focus-inner {\n  padding: 0;\n  border-style: none;\n}\n\nbutton:-moz-focusring,\n[type='button']:-moz-focusring,\n[type='reset']:-moz-focusring,\n[type='submit']:-moz-focusring {\n  outline: 1px dotted ButtonText;\n}\n\nfieldset {\n  padding: 0.35em 0.75em 0.625em;\n}\n\nlegend {\n  display: table;\n  max-width: 100%;\n  box-sizing: border-box;\n  padding: 0;\n  color: inherit;\n  white-space: normal;\n}\n\nprogress {\n  display: inline-block;\n  vertical-align: baseline;\n}\n\ntextarea {\n  overflow: auto;\n}\n\n[type='checkbox'],\n[type='radio'] {\n  box-sizing: border-box;\n  padding: 0;\n}\n\n\n[type='number']::-webkit-inner-spin-button,\n[type='number']::-webkit-outer-spin-button {\n  height: auto;\n}\n\n[type='search'] {\n  -webkit-appearance: textfield;\n  outline-offset: -2px;\n}\n\n[type='search']::-webkit-search-cancel-button,\n[type='search']::-webkit-search-decoration {\n  -webkit-appearance: none;\n}\n\n\n::-webkit-file-upload-button {\n  -webkit-appearance: button;\n  font: inherit;\n}\n\n\ndetails,\nmenu {\n  display: block;\n}\n\n\nsummary {\n  display: list-item;\n}\n\n\ncanvas {\n  display: inline-block;\n}\n\n\ntemplate {\n  display: none;\n}\n\n\n[hidden] {\n  display: none;\n}\n\nh1,\nh2,\nh3,\nh4,\nh5,\nh6,\n.h1,\n.h2,\n.h3,\n.h4,\n.h5,\n.h6 {\n  color: ").concat(normalize_token.headingsColor, ";\n  font-family: ").concat(normalize_token.headingsFontFamily, ";\n  font-weight: ").concat(normalize_token.headingsFontWeight, ";\n  line-height: ").concat(normalize_token.headingsLineHeight, ";\n}\nh1 small, h1 .small, .h1 small, .h1 .small,\nh2 small, h2 .small, .h2 small, .h2 .small,\nh3 small, h3 .small, .h3 small, .h3 .small,\nh4 small, h4 .small, .h4 small, .h4 .small,\nh5 small, h5 .small, .h5 small, .h5 .small,\nh6 small, h6 .small, .h6 small, .h6 .small {\n  color: ").concat(normalize_token.headingsSmallColor, ";\n  font-weight: normal;\n  line-height: 1;\n}\n\n\nh1,\n.h1,\nh2,\n.h2,\nh3,\n.h3 {\n  margin-top: ").concat(lineHeightComputed, ";\n  margin-bottom: ").concat(lineHeightComputed2, ";\n}\n\nhi small, h1 .small, .h1 small, .h1 .small,\nh2 small, h2 .small, .h2 small, .h2 .small,\nh3 small, h3 .small, .h3 small, .h3 .small {\n  font-size: 65%;\n}\n\nh4,\n.h4,\nh5,\n.h5,\nh6,\n.h6 {\n  margin-top: ").concat(lineHeightComputed2, ";\n  margin-bottom: ").concat(lineHeightComputed2, ";\n}\n\nh4 small, h4 .small, .h4 small, .h4 .small,\nh5 small, h5 .small, .h5 small, .h5 .small,\nh6 small, h6 .small, .h6 small, .h6 .small {\n  font-size: 75%;\n}\n\np {\n  margin: 0 0 ").concat(lineHeightComputed2, ";\n}");
 if (typeof window !== 'undefined') {
   var normalize_link = document.createElement('style');
   normalize_link.innerHTML = normalize_css;
@@ -25752,9 +25752,6 @@ var TagStyle = {
     padding: "0 ".concat(src.tagSmallPaddingX),
     fontWeight: src.tagSmallFontWeight,
     borderRadius: src.tagSmallBorderRadius,
-    '& $container': {
-      lineHeight: "calc(".concat(src.tagSmallFontSize, " + 6px)")
-    },
     '& $wrapper': {
       lineHeight: "calc(".concat(src.tagSmallFontSize, " + 6px)")
     },
@@ -31972,19 +31969,18 @@ function useInputAble(props) {
   var render = useRender(syncValue);
   var shouldUseState = delay || !control;
   var value = shouldUseState ? stateValue : valuePo;
-  (0,external_root_React_commonjs2_react_commonjs_react_amd_react_.useEffect)(function () {
-    if (context.timer) {
+  (0,external_root_React_commonjs2_react_commonjs_react_amd_react_.useLayoutEffect)(function () {
+    if (delay && control && props.value !== stateValue) {
+      changeStateValue(props.value);
+    } else if (context.timer) {
       clearTimeout(context.timer);
       context.timer = null;
     }
-    if (delay && props.value !== stateValue) {
-      changeStateValue(props.value);
-    }
-  }, [props.value, delay]);
+  }, [props.value, delay, control]);
   var forceDelayChange = use_persist_fn(function () {
-    if (context.timer && context.delayChange) {
+    if (context.delayChange) context.delayChange();
+    if (context.timer) {
       clearTimeout(context.timer);
-      context.delayChange();
       context.timer = null;
       context.delayChange = null;
     }
@@ -36422,7 +36418,7 @@ var ResultInput = function ResultInput(props) {
 
 var Done = 2;
 var Finish = 0;
-var Pendding = 1;
+var Pending = 1;
 var isEmpty = is_isEmpty,
   use_tag_isPromise = isPromise,
   use_tag_isString = isString,
@@ -36473,7 +36469,7 @@ var useTag = function useTag(props) {
     if (typeof onClose === 'function') {
       callback = onClose(e);
       if (use_tag_isPromise(callback)) {
-        setDismiss(Pendding);
+        setDismiss(Pending);
         callback.then(function () {
           setDismiss(Done);
         }).catch(function () {
@@ -36579,7 +36575,7 @@ var tag_excluded = ["jssStyle", "className", "type", "color", "size", "disabled"
 
 
 var tag_Done = 2;
-var tag_Pendding = 1;
+var tag_Pending = 1;
 var Tag = function Tag(props) {
   var _jssStyle$tag;
   var jssStyle = props.jssStyle,
@@ -36662,7 +36658,7 @@ var Tag = function Tag(props) {
     if (!showClose) {
       return null;
     }
-    if (dismiss === tag_Pendding) {
+    if (dismiss === tag_Pending) {
       // 后面用 Spin 替换
       return /*#__PURE__*/(0,jsx_runtime.jsx)("span", {});
     }
@@ -36774,7 +36770,7 @@ var More = function More(props) {
   var before = [];
   var after = [];
   var itemsLength = 0;
-  var tagStlye = shouldShowMore ? {
+  var tagStyle = shouldShowMore ? {
     position: 'absolute',
     zIndex: -100,
     userSelect: 'none',
@@ -36822,7 +36818,7 @@ var More = function More(props) {
         className: styles.tag,
         jssStyle: jssStyle,
         size: size,
-        style: tagStlye,
+        style: tagStyle,
         mode: visible ? 'fill' : 'bright',
         color: visible ? 'info' : 'default',
         children: shouldShowMore ? '+' : "+".concat(itemsLength)
@@ -37461,8 +37457,8 @@ var Cascader = function Cascader(props0) {
       return;
     }
   };
-  var handleChange = function handleChange(item) {
-    onChange === null || onChange === void 0 || onChange(item);
+  var handleChange = function handleChange(item, selectId) {
+    onChange === null || onChange === void 0 || onChange(item, selectId);
   };
   var handleClear = function handleClear(e) {
     e.stopPropagation();
@@ -55849,6 +55845,7 @@ var useTableTree = function useTableTree(props) {
 
 
 
+var MAX_ROW_SPAN = 200;
 var useTableVirtual = function useTableVirtual(props) {
   var _useState = (0,external_root_React_commonjs2_react_commonjs_react_amd_react_.useState)(0),
     _useState2 = slicedToArray_default()(_useState, 2),
@@ -55988,8 +55985,9 @@ var useTableVirtual = function useTableVirtual(props) {
       sum += context.cachedHeight[i] || props.rowHeight;
       var rowSpanHeight = 0;
       if (rowSpanInfos) {
+        var maxRowSpanLenth = Math.min(rowSpanInfos.length, props.rowsInView > MAX_ROW_SPAN ? props.rowsInView : props.rowsInView || MAX_ROW_SPAN);
         var siblingsIndexs = [];
-        for (var k = 0; k < rowSpanInfos.length; k++) {
+        for (var k = 0; k < maxRowSpanLenth; k++) {
           if (rowSpanInfos[k] <= i && k > i) {
             siblingsIndexs.push(k);
           }
@@ -58534,11 +58532,10 @@ var Tabs = function Tabs(props) {
       className: tabsStyle.panelWrapper,
       style: panelStyle,
       children: external_root_React_commonjs2_react_commonjs_react_amd_react_.Children.toArray(children).map(function (child, index) {
-        var Chlid = child;
-        if (tabs_isNamedComponent(Chlid.type) && Chlid.type.displayName === 'ShineoutTabsPanel') {
-          return /*#__PURE__*/(0,external_root_React_commonjs2_react_commonjs_react_amd_react_.cloneElement)(Chlid, {
-            id: Chlid.props.id !== undefined ? Chlid.props.id : index,
-            active: active
+        var Child = child;
+        if (tabs_isNamedComponent(Child.type) && Child.type.displayName === 'ShineoutTabsPanel') {
+          return /*#__PURE__*/(0,external_root_React_commonjs2_react_commonjs_react_amd_react_.cloneElement)(Child, {
+            id: Child.props.id !== undefined ? Child.props.id : index
           });
         }
         return null;
@@ -58549,20 +58546,20 @@ var Tabs = function Tabs(props) {
     var tabs = [];
     var border = getSplitColor();
     external_root_React_commonjs2_react_commonjs_react_amd_react_.Children.toArray(children).forEach(function (child, index) {
-      var Chlid = child;
-      if (!Chlid || !Chlid.type) return;
-      var childBorder = Chlid.props.splitColor || Chlid.props.border;
-      var _Chlid$props$id = Chlid.props.id,
-        id = _Chlid$props$id === void 0 ? index : _Chlid$props$id;
+      var Child = child;
+      if (!Child || !Child.type) return;
+      var childBorder = Child.props.splitColor || Child.props.border;
+      var _Child$props$id = Child.props.id,
+        id = _Child$props$id === void 0 ? index : _Child$props$id;
       if (active === id && childBorder) {
         border = childBorder;
       }
       tabs.push({
-        id: Chlid.props.id !== undefined ? Chlid.props.id : index,
-        tab: Chlid.props.tab,
-        disabled: Chlid.props.disabled,
+        id: Child.props.id !== undefined ? Child.props.id : index,
+        tab: Child.props.tab,
+        disabled: Child.props.disabled,
         jssStyle: jssStyle,
-        color: Chlid.props.color || (active === id ? color : undefined)
+        color: Child.props.color || (active === id ? color : undefined)
       });
     });
     var header = /*#__PURE__*/(0,jsx_runtime.jsx)(tabs_header, {
@@ -63931,7 +63928,7 @@ var upload_interface = __webpack_require__(8821);
 
 
 /* harmony default export */ var src_0 = ({
-  version: '3.3.6-beta.6'
+  version: '3.3.6-fix.1'
 });
 }();
 /******/ 	return __webpack_exports__;