shineout 3.9.7-beta.9 → 3.9.8-beta.1

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

package/dist/shineout.js

@@ -12401,7 +12401,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.7-beta.9');
+/* harmony default export */ var version = ('3.9.8-beta.1');
 ;// CONCATENATED MODULE: ../shineout-style/src/jss-style/index.tsx
 
 
@@ -14332,8 +14332,8 @@ var messageTokens = {
 // This file was generated automatically by a script. Please do not modify it directly.
 
 var modalTokens = {
-  modalMaskBackground: 'rgba(2, 11, 24, 0.3)',
-  modalMaskLightBackground: 'rgba(2, 11, 24, 0.01)',
+  modalMaskBackground: 'Mask-fill-1',
+  modalMaskLightBackground: 'Neutral-mask-2',
   modalPanelPaddingY: 'Spacing-24',
   modalPanelPaddingX: 'Spacing-24',
   modalPanelBackground: 'Neutral-fill-1',
@@ -24210,7 +24210,7 @@ var selectStyle = objectSpread2_default()(objectSpread2_default()({
       fontSize: src.selectLargeFontSize
     },
     '& $optionGroupTitle': {
-      padding: "calc(".concat(src.selectFontSize, " + 2px) calc(").concat(src.selectOptionPaddingX, " + ").concat(src.selectLargeOptionInnerPaddingX, ") ").concat(src.selectGroupTitleLargeBottom, " calc(").concat(src.selectOptionPaddingX, " + ").concat(src.selectLargeOptionInnerPaddingX, ")")
+      padding: "".concat(src.selectFontSize, " calc(").concat(src.selectOptionPaddingX, " + ").concat(src.selectLargeOptionInnerPaddingX, ") ").concat(src.selectGroupTitleLargeBottom, " calc(").concat(src.selectOptionPaddingX, " + ").concat(src.selectLargeOptionInnerPaddingX, ")")
     }
   },
   iconWrapper: {
@@ -24301,7 +24301,15 @@ var selectStyle = objectSpread2_default()(objectSpread2_default()({
   },
   moreIcon: {},
   hideTag: {},
-  list: {},
+  list: {
+    '--group-font-size': "calc(".concat(src.selectFontSize, " - 2px)"),
+    '$pickerSmall &': {
+      '--group-font-size': "".concat(src.selectSmallFontSize)
+    },
+    '$pickerLarge &': {
+      '--group-font-size': "calc(".concat(src.selectLargeFontSize, " - 2px)")
+    }
+  },
   tree: {
     padding: '0 4px',
     overflow: 'auto'
@@ -24430,9 +24438,9 @@ var selectStyle = objectSpread2_default()(objectSpread2_default()({
   },
   optionGroup: {},
   optionGroupTitle: {
-    fontSize: src.selectGroupTitleFontSize,
+    fontSize: "var(--group-font-size, ".concat(src.selectGroupTitleFontSize, ")"),
     lineHeight: src.lineHeightDynamic,
-    padding: "calc(".concat(src.selectFontSize, " - 4px) ").concat(src.selectGroupTitlePaddingX, " ").concat(src.selectGroupTitlePaddingBottom, " ").concat(src.selectGroupTitlePaddingX),
+    padding: "calc(".concat(src.selectFontSize, " - 2px) ").concat(src.selectGroupTitlePaddingX, " ").concat(src.selectGroupTitlePaddingBottom, " ").concat(src.selectGroupTitlePaddingX),
     color: src.selectGroupTitleFontColor,
     fontWeight: src.selectGroupTitleFontWeight
   },
@@ -24825,8 +24833,8 @@ var sliderStyle = {
     }
   },
   valueHover: {
-    backgroundColor: src.sliderValueHoverBackgroundColor,
-    color: src.sliderValueHoverFontColor,
+    backgroundColor: src.tooltipBackgroundColor,
+    color: src.tooltipColor,
     padding: "".concat(src.sliderValueHoverPaddingY, " ").concat(src.sliderValueHoverPaddingX),
     lineHeight: src.lineHeightDynamic,
     borderRadius: src.sliderValueHoverRadius,
@@ -24843,7 +24851,7 @@ var sliderStyle = {
       height: 0,
       borderStyle: 'solid',
       borderWidth: '4px',
-      borderColor: "".concat(src.sliderValueHoverBackgroundColor, " transparent transparent transparent")
+      borderColor: "".concat(src.tooltipBackgroundColor, " transparent transparent transparent")
     },
     '$vertical &': {
       '&::after': {
@@ -24851,7 +24859,7 @@ var sliderStyle = {
         right: '100%',
         left: 'unset',
         transform: 'translate(0, -50%)',
-        borderColor: "transparent ".concat(src.sliderValueHoverBackgroundColor, " transparent transparent ")
+        borderColor: "transparent ".concat(src.tooltipBackgroundColor, " transparent transparent ")
       }
     },
     '$indicator:hover + &, $indicatorActive  + &': {
@@ -29172,7 +29180,7 @@ var treeStyle = {
     position: 'absolute',
     width: 24,
     height: 24,
-    margin: '1px 0',
+    margin: "calc((".concat(src.treeFontSize, " - 12px)/2) 0"),
     display: 'inline-flex',
     alignItems: 'center',
     justifyContent: 'center',
@@ -29702,8 +29710,7 @@ var treeSelectStyle = objectSpread2_default()(objectSpread2_default()({
     cursor: 'not-allowed',
     color: src.treeSelectOptionDisabledColor,
     backgroundColor: src.treeSelectOptionDisabledBackgroundColor,
-    '&>div': {
-      cursor: 'not-allowed',
+    '&>[data-role="text"]': {
       color: src.treeSelectOptionDisabledColor,
       backgroundColor: src.treeSelectOptionDisabledBackgroundColor
     },
@@ -30644,14 +30651,7 @@ var isLink = function isLink(el) {
     if (! /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default().isValidElement(el)) return false;
     if (!el.type) return false;
     if (el.type === 'a') return true;
-    // 只有当是已知的路由组件时才判断 to 属性
-    if (el.props && el.props.to) {
-      var typeName = typeof el.type === 'function' ? el.type.name : '';
-      var displayName = typeof_default()(el.type) === 'object' && el.type !== null ? el.type.displayName : '';
-      // 检查是否为常见的路由链接组件
-      var isRouterComponent = typeName === 'Link' || typeName === 'NavLink' || displayName === 'Link' || displayName === 'NavLink';
-      return isRouterComponent;
-    }
+    if (el.props && el.props.to) return true;
   }
   return false;
 };
@@ -44950,8 +44950,13 @@ FormSchemaContext.displayName = 'FormSchemaContext';
 
 var FormField = function FormField(props) {
   var _childrenProps$error, _childrenProps$status;
-  var children = props.children;
+  var children = props.children,
+    fieldValidateTrigger = props.validateTrigger;
   var formConfig = useFormConfig();
+  var formFunc = useFormFunc();
+
+  // 获取最终的 validateTrigger: 优先使用字段级配置,其次使用 Form 级配置,默认为 'change'
+  var validateTrigger = fieldValidateTrigger || formConfig.validateTrigger || 'change';
   var getValidateProps = usePersistFn(function () {
     if (props.getValidateProps) return props.getValidateProps();
     return props;
@@ -44979,6 +44984,18 @@ var FormField = function FormField(props) {
       formControl.onChange.apply(formControl, [value].concat(args));
     }
   });
+  var handleBlur = usePersistFn(function (e) {
+    // 先调用原始的 onBlur
+    var originalOnBlur = /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default().isValidElement(children) ? children.props.onBlur : undefined;
+    originalOnBlur === null || originalOnBlur === void 0 || originalOnBlur(e);
+
+    // 根据 validateTrigger 配置决定是否在失焦时触发校验
+    // 只有 'change-blur' 模式才在失焦时触发校验
+    var shouldValidateOnBlur = validateTrigger === 'change-blur';
+    if (shouldValidateOnBlur && formControl.inForm && formControl.name && formFunc !== null && formFunc !== void 0 && formFunc.validateFields) {
+      formFunc.validateFields(formControl.name).catch(function () {});
+    }
+  });
   var childrenProps = /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default().isValidElement(children) ? children.props : {};
   var error = (_childrenProps$error = childrenProps.error) !== null && _childrenProps$error !== void 0 ? _childrenProps$error : formControl.error;
   var status = (_childrenProps$status = childrenProps.status) !== null && _childrenProps$status !== void 0 ? _childrenProps$status : formControl.error ? 'error' : undefined;
@@ -45003,6 +45020,7 @@ var FormField = function FormField(props) {
   }, [fieldsetPath, formConfig.formName]);
   var cloneProps = {
     onChange: handleChange,
+    onBlur: handleBlur,
     status: status,
     error: error
   };
@@ -52746,7 +52764,9 @@ var useForm = function useForm(props) {
     colon = props.colon,
     formName = props.name,
     scrollParent = props.scrollParent,
-    isControl = props.isControl;
+    isControl = props.isControl,
+    _props$validateTrigge = props.validateTrigger,
+    validateTrigger = _props$validateTrigge === void 0 ? 'change' : _props$validateTrigge;
   var deepSetOptions = {
     removeUndefined: removeUndefined,
     forceSet: true
@@ -53310,9 +53330,10 @@ var useForm = function useForm(props) {
       disabled: disabled,
       size: size,
       formName: formName,
-      colon: colon
+      colon: colon,
+      validateTrigger: validateTrigger
     };
-  }, [labelWidth, labelAlign, labelVerticalAlign, keepErrorHeight, inline, disabled, size, formName, colon]);
+  }, [labelWidth, labelAlign, labelVerticalAlign, keepErrorHeight, inline, disabled, size, formName, colon, validateTrigger]);
   var updateValue = function updateValue() {
     if (props.value !== context.lastValue && props.value !== context.value) {
       context.value = deepClone(props.value) || emptyObj;
@@ -75061,7 +75082,7 @@ var upload_interface = __webpack_require__(8821);
 
 
 /* harmony default export */ var src_0 = ({
-  version: '3.9.7-beta.9'
+  version: '3.9.8-beta.1'
 });
 }();
 /******/ 	return __webpack_exports__;