shineout 3.5.2-beta.1 → 3.5.2-beta.11

package/cjs/index.js

@@ -500,5 +500,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.5.2-beta.1'
+  version: '3.5.2-beta.11'
 };

package/dist/shineout.js

@@ -12002,7 +12002,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.5.2-beta.1');
+/* harmony default export */ var version = ('3.5.2-beta.11');
 ;// CONCATENATED MODULE: ../shineout-style/src/jss-style/index.tsx
 
 
@@ -12599,11 +12599,11 @@ var badgeTokens = {
   badgeBadgeFontColor: 'Neutral-text-1',
   badgeBadgeBackgroundColor: 'Danger-6',
   badgeBadgeBorderRadius: 'Radius-full',
-  badgeCountPaddingX: 'spacing-6',
+  badgeCountPaddingX: 'Spacing-6',
   badgeCountHeight: 'Size-10',
   badgeSmallCountHeight: 'Size-8',
   badgeDotWidth: 'Size-3',
-  badgeTextMarginLeft: 'spacing-8',
+  badgeTextMarginLeft: 'Spacing-8',
   badgeTextFontColor: 'Neutral-text-5',
   badgeDefaultBackgroundColor: 'Neutral-fill-5',
   badgeWarningBackgroundColor: 'Warning-6',
@@ -22139,26 +22139,21 @@ var useRadioStyle = styled(src_radio_radio, 'radio');
 /* harmony default export */ var shineout_style_src_radio = ((/* unused pure expression or super */ null && (useRadioStyle)));
 ;// CONCATENATED MODULE: ../shineout-style/src/rate/rate.ts
 
-// const animation = {
-//   '@keyframes scale': {
-//     '0%': {
-//       transform: 'scale(1)',
-//     },
-//     '80%': {
-//       transform: 'scale(1.4)',
-//       opacity: 0.8,
-//     },
-//     '81%': {
-//       transform: 'scale(1.2)',
-//     },
-//     '100%': {
-//       transform: 'scale3d(1.2)',
-//     },
-//   },
-// }
 
-var rateStyle = {
-  // ...animation,
+var rate_animation = {
+  '@keyframes scale': {
+    '0%': {
+      transform: 'scale(1)'
+    },
+    '50%': {
+      transform: 'scale(1.2)'
+    },
+    '100%': {
+      transform: 'scale(1)'
+    }
+  }
+};
+var rateStyle = objectSpread2_default()(objectSpread2_default()({}, rate_animation), {}, {
   wrapper: {
     display: 'inline-block',
     '[data-soui-role="form-control"] >  &': {
@@ -22251,9 +22246,9 @@ var rateStyle = {
   },
   itemDisabled: {},
   itemAnimation: {
-    // animation: '$scale 0.2s ease-out',
+    animation: '$scale 0.4s cubic-bezier(0.34, 0.69, 0.1, 1)'
   }
-};
+});
 /* harmony default export */ var rate_rate = (rateStyle);
 ;// CONCATENATED MODULE: ../shineout-style/src/rate/index.ts
 
@@ -29031,6 +29026,25 @@ function getClosestScrollContainer(element) {
   // 如果没有找到可滚动的祖先，返回 body 或 documentElement
   return document.scrollingElement || document.documentElement;
 }
+function getClosestFixedContainer(element) {
+  if (!element) {
+    return null;
+  }
+  var isFixable = function isFixable(el) {
+    var style = window.getComputedStyle(el);
+    return style.position === 'fixed';
+  };
+
+  // 遍历父元素
+  var parent = element.parentElement;
+  while (parent) {
+    if (isFixable(parent)) {
+      return parent;
+    }
+    parent = parent.parentElement;
+  }
+  return null;
+}
 function cssSupport(attr, value) {
   if (is_isBrowser()) {
     var element = document.createElement('div');
@@ -32930,6 +32944,7 @@ function getUidStr() {
 }
 ;// CONCATENATED MODULE: ../hooks/src/utils/lazyload.ts
 
+
 var lazyload_throttle = 80;
 var components = {};
 var timeout = null;
@@ -32989,10 +33004,12 @@ function removeStack(id, removeListener) {
 function getObserver(obj, id) {
   var _obj$container = obj.container,
     container = _obj$container === void 0 ? null : _obj$container,
+    element = obj.element,
     offset = obj.offset,
     render = obj.render,
     offscreen = obj.offscreen,
     noRemove = obj.noRemove;
+  var fixedContainer = getClosestFixedContainer(element);
   var observer = new IntersectionObserver(function (entries) {
     entries.forEach(function (en) {
       if (en.isIntersecting || en.intersectionRatio > 0) {
@@ -33003,7 +33020,7 @@ function getObserver(obj, id) {
       }
     });
   }, {
-    root: container,
+    root: fixedContainer || container,
     rootMargin: "".concat(offset, "px")
   });
   obj.observer = observer;
@@ -33251,6 +33268,7 @@ function useInputAble(props) {
   var _props$value;
   var valuePo = props.value,
     onChange = props.onChange,
+    onSameChange = props.onSameChange,
     control = props.control,
     beforeChange = props.beforeChange,
     delay = props.delay;
@@ -33298,7 +33316,10 @@ function useInputAble(props) {
     }
     var vv = v;
     if (other.length === 0 || props.filterSameChange) {
-      if (shallowEqual(v, value)) return;
+      if (shallowEqual(v, value)) {
+        if (onSameChange) onSameChange(v);
+        return;
+      }
     }
     if (isFunc(beforeChange)) {
       var temp = beforeChange(v);
@@ -37098,7 +37119,8 @@ var Scroll = function Scroll(props) {
     _props$defaultHeight = props.defaultHeight,
     defaultHeight = _props$defaultHeight === void 0 ? 0 : _props$defaultHeight;
   var _useResize = useResize({
-      targetRef: containerRef
+      targetRef: containerRef,
+      timer: 0
     }),
     width = _useResize.width,
     h = _useResize.height;
@@ -40146,6 +40168,9 @@ function useFormControl(props) {
         }
       });
       setValueState(nextValue);
+      formFunc === null || formFunc === void 0 || formFunc.setValue(defineProperty_default()({}, name, nextValue), {
+        validate: false
+      });
     } else {
       var _value2 = getValue(name, formValue);
       var _error2 = getError(name, errors, severErrors);
@@ -40155,6 +40180,9 @@ function useFormControl(props) {
       if (!shallowEqual(_value2, latestInfo.valueState)) {
         if (_value2 === undefined && defaultValue !== undefined) {
           setValueState(defaultValue);
+          formFunc === null || formFunc === void 0 || formFunc.setValue(defineProperty_default()({}, name, defaultValue), {
+            validate: false
+          });
         } else {
           setValueState(_value2);
         }
@@ -40545,7 +40573,7 @@ var useListSelectMultiple = function useListSelectMultiple(props) {
     }
   });
   var removeAll = use_persist_fn(function () {
-    props.onChange([], undefined, false);
+    props.onChange(props.separator ? '' : [], undefined, false);
   });
 
   // 删除数据
@@ -47547,11 +47575,13 @@ var useForm = function useForm(props) {
       context.removeArr.delete(n);
       if (df !== undefined && deepGet(context.value, n) === undefined) {
         if (!context.mounted) context.defaultValues[n] = df;
-        onChange(function (v) {
-          deepSet(v, n, df, deepSetOptions);
+        setTimeout(function () {
+          onChange(function (v) {
+            deepSet(v, n, df, deepSetOptions);
+          });
+          update(n);
         });
       }
-      update(n);
     },
     unbind: function unbind(n, reserveAble, validateFiled, update) {
       var validateFieldSet = context.validateMap[n];
@@ -50530,6 +50560,7 @@ var useSelect = function useSelect(props) {
     prediction = props.prediction,
     valueProp = props.value,
     onChangeProp = props.onChange,
+    onSameChange = props.onSameChange,
     filterSameChange = props.filterSameChange,
     noCache = props.noCache;
   var _useInputAble = useInputAble({
@@ -50538,6 +50569,7 @@ var useSelect = function useSelect(props) {
       defaultValue: defaultValue,
       beforeChange: beforeChange,
       onChange: onChangeProp,
+      onSameChange: onSameChange,
       filterSameChange: filterSameChange
     }),
     value = _useInputAble.value,
@@ -51419,6 +51451,7 @@ var Node = function Node(props) {
       isControlled: isControlled,
       contentClass: contentClass,
       parentClickExpand: parentClickExpand,
+      doubleClickExpand: doubleClickExpand,
       expanded: expanded,
       line: line,
       data: children,
@@ -52466,6 +52499,11 @@ function Select(props0) {
     getTargetProps = _usePopup.getTargetProps,
     PopupProvider = _usePopup.Provider,
     popupProviderValue = _usePopup.providerValue;
+  var preventDefault = function preventDefault(e) {
+    if (focused && e.target !== inputRef.current) {
+      e.preventDefault();
+    }
+  };
   var handleSelectChange = usePersistFn(function (value, dataItem, checked) {
     if (createdData || props.emptyAfterSelect) {
       onFilter === null || onFilter === void 0 || onFilter('');
@@ -52482,6 +52520,12 @@ function Select(props0) {
     if (props.absolute === undefined) return;
     setAbsoluteListUpdateKey(value);
   });
+  var handleSameChange = function handleSameChange() {
+    var shouldFocus = showInput && props.reFocus;
+    if (!multiple && !shouldFocus) {
+      closePop();
+    }
+  };
   var _useSelect = use_select({
       value: valueProp,
       data: data,
@@ -52497,6 +52541,7 @@ function Select(props0) {
       prediction: prediction,
       beforeChange: beforeChange,
       onChange: handleSelectChange,
+      onSameChange: handleSameChange,
       filterSameChange: filterSameChange,
       noCache: noCache
     }),
@@ -52936,6 +52981,7 @@ function Select(props0) {
     onFocus: handleFocus,
     onMouseEnter: onMouseEnter,
     onMouseLeave: onMouseLeave,
+    onMouseDown: preventDefault,
     children: [tipNode, renderResult(), /*#__PURE__*/(0,jsx_runtime.jsx)(absolute_list, {
       adjust: adjust,
       focus: open,
@@ -55822,10 +55868,6 @@ var Rate = function Rate(props0) {
     var backItem = Array.isArray(back) ? back[index] : back;
     var isHalfChecked = props.allowHalf && showValue % 1 > 0 && index === currentIndex;
     var isChecked = !isHalfChecked && index <= currentIndex;
-    var itemStyle = {
-      fontSize: size,
-      width: size
-    };
     var handleChange = function handleChange(val) {
       if (clearable && value === val) {
         onChange(0);
@@ -55835,12 +55877,17 @@ var Rate = function Rate(props0) {
         onChange(val);
       }
     };
+    var showAnimation = animationIndex && index < currentIndex;
     return /*#__PURE__*/(0,jsx_runtime.jsxs)("div", {
-      className: classnames_default()(rateClasses === null || rateClasses === void 0 ? void 0 : rateClasses.item, isHalfChecked && (rateClasses === null || rateClasses === void 0 ? void 0 : rateClasses.itemCheckedHalf), isChecked && (rateClasses === null || rateClasses === void 0 ? void 0 : rateClasses.itemChecked), props.disabled && (rateClasses === null || rateClasses === void 0 ? void 0 : rateClasses.itemDisabled), animationIndex === index && (rateClasses === null || rateClasses === void 0 ? void 0 : rateClasses.itemAnimation)),
+      className: classnames_default()(rateClasses === null || rateClasses === void 0 ? void 0 : rateClasses.item, isHalfChecked && (rateClasses === null || rateClasses === void 0 ? void 0 : rateClasses.itemCheckedHalf), isChecked && (rateClasses === null || rateClasses === void 0 ? void 0 : rateClasses.itemChecked), props.disabled && (rateClasses === null || rateClasses === void 0 ? void 0 : rateClasses.itemDisabled), showAnimation && (rateClasses === null || rateClasses === void 0 ? void 0 : rateClasses.itemAnimation)),
+      style: {
+        fontSize: size,
+        width: size,
+        animationDelay: showAnimation ? "".concat(50 * index, "ms") : undefined
+      },
       onAnimationEnd: function onAnimationEnd() {
         setAnimationIndex(null);
       },
-      style: itemStyle,
       children: [/*#__PURE__*/(0,jsx_runtime.jsx)("span", {
         className: rateClasses === null || rateClasses === void 0 ? void 0 : rateClasses.itemBg,
         children: backItem
@@ -66421,7 +66468,7 @@ var upload_interface = __webpack_require__(8821);
 
 
 /* harmony default export */ var src_0 = ({
-  version: '3.5.2-beta.1'
+  version: '3.5.2-beta.11'
 });
 }();
 /******/ 	return __webpack_exports__;