shineout 3.9.9-beta.9 → 3.9.9

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.9-beta.9'
+  version: '3.9.9'
 };

package/dist/shineout.js

@@ -12402,7 +12402,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.9-beta.9');
+/* harmony default export */ var version = ('3.9.9');
 ;// CONCATENATED MODULE: ../shineout-style/src/jss-style/index.tsx
 
 
@@ -13676,6 +13676,7 @@ var checkboxTokens = {
   checkboxLabelFontColor: 'Neutral-text-5',
   checkboxLabelFontSize: 'Font-14',
   checkboxLabelDisabledFontColor: 'Neutral-text-2',
+  checkboxIndicatorMarginTop: 'Spacing-4',
   checkboxGap: 'Spacing-24',
   checkboxBlockGap: 'Spacing-12',
   checkboxSmallIconSize: 'Font-12',
@@ -14498,6 +14499,7 @@ var radioTokens = {
   radioIconCheckedDisabledColor: 'Brand-3',
   radioIconWrapperFill: 'Neutral-fill-2',
   radioIconWrapperDark: 'Neutral-fill-3',
+  radioIndicatorMarginTop: 'Spacing-4',
   radioPaddingY: 'Spacing-4',
   radioButtonPaddingY: 'Spacing-4',
   radioButtonPaddingX: 'Spacing-12',
@@ -18164,7 +18166,7 @@ var checkboxStyle = objectSpread2_default()(objectSpread2_default()({}, animatio
   wrapper: {
     display: 'inline-flex',
     position: 'relative',
-    alignItems: 'flex-start',
+    alignItems: 'center',
     cursor: 'pointer',
     boxSizing: 'border-box',
     marginRight: src.checkboxGap,
@@ -18175,6 +18177,12 @@ var checkboxStyle = objectSpread2_default()(objectSpread2_default()({}, animatio
   },
   wrapperSmall: {},
   wrapperLarge: {},
+  wrapperTop: {
+    alignItems: 'flex-start',
+    '& $indicatorWrapper': {
+      marginTop: src.checkboxIndicatorMarginTop
+    }
+  },
   input: {},
   wrapperChecked: {},
   wrapperIndeterminate: {},
@@ -18187,7 +18195,7 @@ var checkboxStyle = objectSpread2_default()(objectSpread2_default()({}, animatio
     boxSizing: 'border-box',
     width: src.checkboxIconSize,
     height: src.checkboxIconSize,
-    marginTop: 4,
+    // marginTop: token.checkboxIndicatorMarginTop,
     flexShrink: 0,
     '$wrapperSmall &': {
       width: src.checkboxSmallIconSize,
@@ -23193,12 +23201,10 @@ var tooltipStyle = objectSpread2_default()(objectSpread2_default()({
 
 
 
-var popover_arrowGap = 12;
 var popover_arrowHeight = 8;
 var popover_cssvar = '--popover-arrow-gap';
 var hideArrowGap = "var(".concat(popover_cssvar, ", 10px)");
 var extraArrowGap = 'var(--popover-arrow-gap-extra, 0px)';
-var arrowMargin = '8px';
 var poyfillPos = "calc((".concat(hideArrowGap, " + ").concat(extraArrowGap, ") * -1)");
 var poyfillHeight = "calc((".concat(hideArrowGap, " + ").concat(extraArrowGap, "))");
 var popoverStyle = objectSpread2_default()(objectSpread2_default()({}, tooltipAnimation), {}, {
@@ -23232,7 +23238,7 @@ var popoverStyle = objectSpread2_default()(objectSpread2_default()({}, tooltipAn
     },
     '&$hideArrow': defineProperty_default()({}, popover_cssvar, '4px'),
     '&[data-soui-position^="bottom"]': {
-      marginTop: popover_arrowGap - 2,
+      marginTop: "calc(".concat(hideArrowGap, " - 2px)"),
       '& > $arrow': {
         left: '50%',
         transform: 'translate(-50%, calc(-100% + 1px)) rotate(0deg)'
@@ -23248,7 +23254,7 @@ var popoverStyle = objectSpread2_default()(objectSpread2_default()({}, tooltipAn
       }
     },
     '&[data-soui-position^="top"]': {
-      marginTop: (popover_arrowGap - 2) * -1,
+      marginTop: "calc((".concat(hideArrowGap, " - 2px) * -1)"),
       '& > $arrow': {
         top: '100%',
         left: '50%',
@@ -23266,10 +23272,10 @@ var popoverStyle = objectSpread2_default()(objectSpread2_default()({}, tooltipAn
     },
     '&[data-soui-position^="left"]': {
       '&[dir=ltr]': {
-        marginRight: popover_arrowGap - 2
+        marginRight: "calc(".concat(hideArrowGap, " - 2px)")
       },
       '&[dir=rtl]': {
-        marginLeft: popover_arrowGap - 2
+        marginLeft: "calc(".concat(hideArrowGap, " - 2px)")
       },
       '& > $arrow': {
         right: 0,
@@ -23289,10 +23295,10 @@ var popoverStyle = objectSpread2_default()(objectSpread2_default()({}, tooltipAn
     },
     '&[data-soui-position^="right"]': {
       '&[dir=ltr]': {
-        marginLeft: popover_arrowGap - 2
+        marginLeft: "calc(".concat(hideArrowGap, " - 2px)")
       },
       '&[dir=rtl]': {
-        marginRight: popover_arrowGap - 2
+        marginRight: "calc(".concat(hideArrowGap, " - 2px)")
       },
       '& > $arrow': {
         top: '50%',
@@ -23740,7 +23746,7 @@ var radioStyle = objectSpread2_default()(objectSpread2_default()({}, animations)
   wrapper: {
     display: 'inline-flex',
     position: 'relative',
-    alignItems: 'flex-start',
+    alignItems: 'center',
     cursor: 'pointer',
     boxSizing: 'border-box',
     marginRight: src.radioGap,
@@ -23767,6 +23773,12 @@ var radioStyle = objectSpread2_default()(objectSpread2_default()({}, animations)
       padding: "".concat(src.radioLargeButtonPaddingY, " ").concat(src.radioLargeButtonPaddingX)
     }
   },
+  wrapperTop: {
+    alignItems: 'flex-start',
+    '& $indicatorWrapper': {
+      marginTop: src.radioIndicatorMarginTop
+    }
+  },
   wrapperChecked: {},
   wrapperDisabled: {
     cursor: 'not-allowed'
@@ -23778,7 +23790,6 @@ var radioStyle = objectSpread2_default()(objectSpread2_default()({}, animations)
     width: src.radioIconWidth,
     minWidth: src.radioIconWidth,
     height: src.radioIconWidth,
-    marginTop: 4,
     '$wrapperSmall &': {
       width: src.radioSmallIconWidth,
       minWidth: src.radioSmallIconWidth,
@@ -24475,8 +24486,8 @@ var selectStyle = objectSpread2_default()(objectSpread2_default()({
   },
   inputMirror: {
     position: 'absolute',
-    left: 0,
-    top: 0,
+    left: -99999,
+    top: -99999,
     visibility: 'hidden'
   },
   moreWrapper: {
@@ -29318,12 +29329,7 @@ var treeStyle = {
   },
   checkbox: {
     '&[class*="checkbox-wrapper"]': {
-      height: 26,
-      alignSelf: 'flex-start',
       marginRight: src.treeCheckboxMarginX
-    },
-    '$sizeLarge &': {
-      marginTop: 4
     }
   },
   text: {
@@ -29557,7 +29563,7 @@ var treeSelectStyle = objectSpread2_default()(objectSpread2_default()({
         right: src.treeSelectLargePaddingX
       }
     },
-    '&:hover': {
+    '&:hover': objectSpread2_default()(objectSpread2_default()({}, tree_select_wrapper['&:hover']), {}, {
       cursor: 'pointer',
       '&$clearable:not($wrapperEmpty)': {
         '& $clearIcon': {
@@ -29567,7 +29573,7 @@ var treeSelectStyle = objectSpread2_default()(objectSpread2_default()({
           display: 'none'
         }
       }
-    },
+    }),
     '&:not($wrapperEmpty):not($wrapperOpen)': {
       '& $clearIcon': {
         display: 'none'
@@ -31375,6 +31381,11 @@ var addResizeObserver = function addResizeObserver(el, handler) {
       lastHeight = el.clientHeight;
       h = function h(entry) {
         if ((el === null || el === void 0 ? void 0 : el.offsetParent) === null) {
+          options.lazy && el.setAttribute('data-observer-hidden', 'true');
+          return;
+        }
+        if (options.lazy && el.getAttribute('data-observer-hidden') === 'true') {
+          el.removeAttribute('data-observer-hidden');
           return;
         }
         var _entry$0$contentRect = entry[0].contentRect,
@@ -37336,7 +37347,7 @@ FormFieldContext.displayName = 'FormFieldContext';
 ;// CONCATENATED MODULE: ../base/src/checkbox/simple-checkbox.tsx
 
 
-var simple_checkbox_excluded = ["jssStyle", "className", "style", "children", "renderFooter", "size", "theme"];
+var simple_checkbox_excluded = ["jssStyle", "className", "style", "children", "renderFooter", "size", "theme", "verticalAlign"];
 
 
 
@@ -37353,6 +37364,7 @@ var Checkbox = function Checkbox(props) {
     renderFooter = props.renderFooter,
     size = props.size,
     theme = props.theme,
+    verticalAlign = props.verticalAlign,
     rest = objectWithoutProperties_default()(props, simple_checkbox_excluded);
   var mouseEvents = extractProps(rest, 'mouse');
   var _useContext = (0,external_root_React_commonjs2_react_commonjs_react_amd_react_.useContext)(FormFieldContext),
@@ -37367,7 +37379,7 @@ var Checkbox = function Checkbox(props) {
     getInputProps = _useCheck.getInputProps,
     disabled = _useCheck.disabled,
     checked = _useCheck.checked;
-  var rootClass = classnames_default()(className, checkboxStyle === null || checkboxStyle === void 0 ? void 0 : checkboxStyle.rootClass, checkboxStyle === null || checkboxStyle === void 0 ? void 0 : checkboxStyle.wrapper, size === 'small' && (checkboxStyle === null || checkboxStyle === void 0 ? void 0 : checkboxStyle.wrapperSmall), size === 'large' && (checkboxStyle === null || checkboxStyle === void 0 ? void 0 : checkboxStyle.wrapperLarge), !!disabled && (checkboxStyle === null || checkboxStyle === void 0 ? void 0 : checkboxStyle.wrapperDisabled), !!checked && (checkboxStyle === null || checkboxStyle === void 0 ? void 0 : checkboxStyle.wrapperChecked), props.checked === 'indeterminate' && (checkboxStyle === null || checkboxStyle === void 0 ? void 0 : checkboxStyle.wrapperIndeterminate));
+  var rootClass = classnames_default()(className, checkboxStyle === null || checkboxStyle === void 0 ? void 0 : checkboxStyle.rootClass, checkboxStyle === null || checkboxStyle === void 0 ? void 0 : checkboxStyle.wrapper, size === 'small' && (checkboxStyle === null || checkboxStyle === void 0 ? void 0 : checkboxStyle.wrapperSmall), size === 'large' && (checkboxStyle === null || checkboxStyle === void 0 ? void 0 : checkboxStyle.wrapperLarge), !!disabled && (checkboxStyle === null || checkboxStyle === void 0 ? void 0 : checkboxStyle.wrapperDisabled), !!checked && (checkboxStyle === null || checkboxStyle === void 0 ? void 0 : checkboxStyle.wrapperChecked), props.checked === 'indeterminate' && (checkboxStyle === null || checkboxStyle === void 0 ? void 0 : checkboxStyle.wrapperIndeterminate), verticalAlign === 'top' && (checkboxStyle === null || checkboxStyle === void 0 ? void 0 : checkboxStyle.wrapperTop));
   var indicatorClass = classnames_default()(checkboxStyle === null || checkboxStyle === void 0 ? void 0 : checkboxStyle.indicatorWrapper, theme === 'dark' && (checkboxStyle === null || checkboxStyle === void 0 ? void 0 : checkboxStyle.darkIndicatorWrapper));
   var inputProps = getInputProps();
   return /*#__PURE__*/(0,jsx_runtime.jsxs)("div", objectSpread2_default()(objectSpread2_default()(objectSpread2_default()(objectSpread2_default()({
@@ -53978,6 +53990,7 @@ var FormItem = function FormItem(props) {
     inline = _labelConfig$rest.inline,
     keepErrorHeight = _labelConfig$rest.keepErrorHeight,
     keepErrorBelow = _labelConfig$rest.keepErrorBelow,
+    keepErrorAbove = _labelConfig$rest.keepErrorAbove,
     colon = _labelConfig$rest.colon;
   var renderLabel = function renderLabel() {
     if (label === undefined || label === null || label === '') return null;
@@ -54074,11 +54087,11 @@ var FormItem = function FormItem(props) {
           label: labelText
         }),
         children: children
-      }), !!tip && (!showError || keepErrorBelow) && /*#__PURE__*/(0,jsx_runtime.jsx)("div", {
+      }), keepErrorAbove && renderError(), !!tip && (!showError || keepErrorBelow || keepErrorAbove) && /*#__PURE__*/(0,jsx_runtime.jsx)("div", {
         ref: labelTipRef,
         className: formItemClasses === null || formItemClasses === void 0 ? void 0 : formItemClasses.tip,
         children: tip
-      }), renderError()]
+      }), !keepErrorAbove && renderError()]
     }))]
   }));
 };
@@ -58133,7 +58146,7 @@ var tree_list_List = function List(props) {
     style: newStyle,
     className: rootClass,
     children: data.map(renderNode)
-  });
+  }, data.length);
 };
 /* harmony default export */ var tree_list = (tree_list_List);
 ;// CONCATENATED MODULE: ../base/src/tree/tree-root.tsx
@@ -58675,7 +58688,7 @@ var TreeList = function TreeList(props) {
 ;// CONCATENATED MODULE: ../base/src/radio/simple-radio.tsx
 
 
-var simple_radio_excluded = ["jssStyle", "className", "style", "children", "renderWrapper", "size", "theme"];
+var simple_radio_excluded = ["jssStyle", "className", "style", "children", "renderWrapper", "size", "theme", "verticalAlign"];
 
 
 
@@ -58692,6 +58705,7 @@ var Radio = function Radio(props) {
     renderWrapper = props.renderWrapper,
     size = props.size,
     theme = props.theme,
+    verticalAlign = props.verticalAlign,
     rest = objectWithoutProperties_default()(props, simple_radio_excluded);
   var mouseEvents = extractProps(rest, 'mouse');
   var _useContext = (0,external_root_React_commonjs2_react_commonjs_react_amd_react_.useContext)(FormFieldContext),
@@ -58703,7 +58717,7 @@ var Radio = function Radio(props) {
     getInputProps = _useCheck.getInputProps,
     disabled = _useCheck.disabled,
     checked = _useCheck.checked;
-  var rootClass = classnames_default()([radioClasses === null || radioClasses === void 0 ? void 0 : radioClasses.rootClass, radioClasses === null || radioClasses === void 0 ? void 0 : radioClasses.wrapper, className, !!disabled && (radioClasses === null || radioClasses === void 0 ? void 0 : radioClasses.wrapperDisabled), !!checked && (radioClasses === null || radioClasses === void 0 ? void 0 : radioClasses.wrapperChecked), size === 'small' && (radioClasses === null || radioClasses === void 0 ? void 0 : radioClasses.wrapperSmall), size === 'large' && (radioClasses === null || radioClasses === void 0 ? void 0 : radioClasses.wrapperLarge)]);
+  var rootClass = classnames_default()([radioClasses === null || radioClasses === void 0 ? void 0 : radioClasses.rootClass, radioClasses === null || radioClasses === void 0 ? void 0 : radioClasses.wrapper, className, !!disabled && (radioClasses === null || radioClasses === void 0 ? void 0 : radioClasses.wrapperDisabled), !!checked && (radioClasses === null || radioClasses === void 0 ? void 0 : radioClasses.wrapperChecked), size === 'small' && (radioClasses === null || radioClasses === void 0 ? void 0 : radioClasses.wrapperSmall), size === 'large' && (radioClasses === null || radioClasses === void 0 ? void 0 : radioClasses.wrapperLarge), verticalAlign === 'top' && (radioClasses === null || radioClasses === void 0 ? void 0 : radioClasses.wrapperTop)]);
   var indicatorClass = classnames_default()(radioClasses === null || radioClasses === void 0 ? void 0 : radioClasses.indicatorWrapper, theme === 'dark' && (radioClasses === null || radioClasses === void 0 ? void 0 : radioClasses.darkIndicatorWrapper));
   var inputProps = getInputProps();
   var rootProps = objectSpread2_default()(objectSpread2_default()({}, mouseEvents), getRootProps({
@@ -59169,6 +59183,9 @@ function Select(props0) {
     onClearCreatedData = _useFilter.onClearCreatedData,
     rawData = _useFilter.rawData,
     FilterProvider = _useFilter.FilterProvider;
+  var prevFilterTextRef = (0,external_root_React_commonjs2_react_commonjs_react_amd_react_.useRef)(filterText);
+  var filterTextChanged = prevFilterTextRef.current !== filterText;
+  prevFilterTextRef.current = filterText;
   var _useState7 = (0,external_root_React_commonjs2_react_commonjs_react_amd_react_.useState)(''),
     _useState8 = slicedToArray_default()(_useState7, 2),
     absoluteListUpdateKey = _useState8[0],
@@ -59604,7 +59621,7 @@ function Select(props0) {
       renderItem: renderItem,
       controlType: controlType,
       onLoadMore: onLoadMore,
-      keepScrollTop: !!filterText ? false : true,
+      keepScrollTop: filterTextChanged ? false : true,
       isAnimationFinish: isAnimationFinish,
       threshold: threshold,
       onControlTypeChange: setControlType,
@@ -67643,7 +67660,8 @@ var Tr = function Tr(props) {
     // 祖先元素不可见时（display: none）
     if (props.strictRowHeight || !trRef.current || !trRef.current.offsetParent) return;
     var cancelObserver = addResizeObserver(trRef.current, setVirtualRowHeight, {
-      direction: 'y'
+      direction: 'y',
+      lazy: true
     });
     return function () {
       cancelObserver();
@@ -68428,14 +68446,16 @@ function Table(props) {
     if (theadRef !== null && theadRef !== void 0 && theadRef.current) {
       cancelFunc1 = addResizeObserver(theadRef === null || theadRef === void 0 ? void 0 : theadRef.current, handleTheadAndTfootHeight, {
         direction: 'y',
-        timer: 10
+        timer: 10,
+        lazy: true
       });
     }
     var cancelFunc2;
     if (tfootRef !== null && tfootRef !== void 0 && tfootRef.current) {
       cancelFunc2 = addResizeObserver(tfootRef === null || tfootRef === void 0 ? void 0 : tfootRef.current, handleTheadAndTfootHeight, {
         direction: 'y',
-        timer: 10
+        timer: 10,
+        lazy: true
       });
     }
     return function () {
@@ -75443,7 +75463,7 @@ var upload_interface = __webpack_require__(8821);
 
 
 /* harmony default export */ var src_0 = ({
-  version: '3.9.9-beta.9'
+  version: '3.9.9'
 });
 }();
 /******/ 	return __webpack_exports__;