shineout 3.8.0-beta.33 → 3.8.0-beta.35

package/cjs/form/form.type.d.ts

@@ -1,4 +1,5 @@
 import { FormFieldProps as UiFormFieldProps, FormFieldSetProps as UiFormFieldSetProps, FormItemProps as UiFormItemProps, FormProps as UiFormProps, ObjectType, FormFlowProps as UiFormFlowProps, FormRef as UiFormRef, FormDatum as UiFormDatum } from '@sheinx/base';
+import { ButtonProps } from '../button/button.type';
 /**
  * @title FormRef
  * @sort 6
@@ -58,3 +59,17 @@ export type FormFieldSetProps<T> = UiFormFieldSetProps<T>;
  * @cn 表单流程组件，用于监听表单数据变化并执行相应的副作用。适用于实现表单联动、条件渲染等场景
  */
 export type FormFlowProps = UiFormFlowProps;
+/**
+ * @title Form.Button
+ * @sort 8
+ * @en Form button component with htmlType='button'. Prevents accidental form submission when users press Enter in form inputs. Users must explicitly click the button to submit the form. Internally calls formFunc.submit() for better control over submission logic
+ * @cn 表单按钮组件，htmlType='button'。防止用户在表单输入框中按回车键时意外提交表单。用户必须显式点击按钮才能提交表单。内部调用 formFunc.submit() 以更好地控制提交逻辑
+ */
+export type FormButtonProps = ButtonProps;
+/**
+ * @title Form.Submit
+ * @sort 9
+ * @en Form submit button component with htmlType='submit'. Uses native browser submit behavior. When users press Enter in any form input, it will trigger this button automatically. Suitable for simple forms where Enter-to-submit behavior is desired
+ * @cn 表单提交按钮组件，htmlType='submit'。使用浏览器原生提交行为。当用户在任何表单输入框中按回车键时，会自动触发此按钮。适用于希望支持回车提交的简单表单
+ */
+export type FormSubmitProps = ButtonProps;

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.8.0-beta.33'
+  version: '3.8.0-beta.35'
 };

package/dist/shineout.js

@@ -12386,7 +12386,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.8.0-beta.33');
+/* harmony default export */ var version = ('3.8.0-beta.35');
 ;// CONCATENATED MODULE: ../shineout-style/src/jss-style/index.tsx
 
 
@@ -27165,14 +27165,14 @@ var getCardStyle = function getCardStyle() {
         bottom: 0,
         right: -1,
         width: 1,
-        background: '#FFFFFF'
+        background: src.tabsCardCheckedBackgroundColor
       })),
       '&[dir=rtl]': objectSpread2_default()(objectSpread2_default()({}, active({
         top: 0,
         bottom: 0,
         left: -1,
         width: 1,
-        background: '#FFFFFF'
+        background: src.tabsCardCheckedBackgroundColor
       })), {}, {
         '& $cardHr': {
           '&:before': {
@@ -27205,7 +27205,7 @@ var getCardStyle = function getCardStyle() {
         bottom: 0,
         left: -1,
         width: 1,
-        background: '#FFFFFF'
+        background: src.tabsCardCheckedBackgroundColor
       })),
       '&[dir=rtl]': objectSpread2_default()({
         '& $cardHr': {
@@ -27220,7 +27220,7 @@ var getCardStyle = function getCardStyle() {
         bottom: 0,
         right: -1,
         width: 1,
-        background: '#FFFFFF'
+        background: src.tabsCardCheckedBackgroundColor
       }))
     },
     '&[data-soui-position^="top-"][data-soui-shape="card"]': objectSpread2_default()({
@@ -27237,7 +27237,7 @@ var getCardStyle = function getCardStyle() {
       left: 0,
       right: 0,
       height: 1,
-      background: '#FFFFFF'
+      background: src.tabsCardCheckedBackgroundColor
     })),
     '&[data-soui-position^="bottom-"][data-soui-shape="card"]': objectSpread2_default()({
       '& $tab,& $next,& $prev': {
@@ -27259,13 +27259,13 @@ var getCardStyle = function getCardStyle() {
       left: 0,
       right: 0,
       height: 1,
-      background: '#FFFFFF'
+      background: src.tabsCardCheckedBackgroundColor
     }))
   };
 };
 var getLineStyle = function getLineStyle() {
   return {
-    '$tab': {
+    '&[data-soui-shape="line"] $tab': {
       '&:after': {
         display: 'none'
       }
@@ -35999,11 +35999,19 @@ var useCheck = function useCheck(props) {
   var handleInputRef = use_fork_ref(inputRef, inputRefPo);
   var handleClick = function handleClick(otherHandlers, needStopPropagation) {
     return function (event) {
-      var _inputRef$current, _otherHandlers$onClic;
+      var _otherHandlers$onClic;
       if (needStopPropagation) {
         event.stopPropagation();
       }
-      (_inputRef$current = inputRef.current) === null || _inputRef$current === void 0 || _inputRef$current.click();
+
+      // 检查是否被 label 元素包裹，如果是则不需要手动触发 input.click()
+      // 因为 label 会自动将点击事件传递给内部的 input 元素
+      var target = event.currentTarget;
+      var isInsideLabel = target.closest('label') !== null;
+      if (!isInsideLabel) {
+        var _inputRef$current;
+        (_inputRef$current = inputRef.current) === null || _inputRef$current === void 0 || _inputRef$current.click();
+      }
       otherHandlers === null || otherHandlers === void 0 || (_otherHandlers$onClic = otherHandlers.onClick) === null || _otherHandlers$onClic === void 0 || _otherHandlers$onClic.call(otherHandlers, event);
     };
   };
@@ -39623,6 +39631,8 @@ var useTree = function useTree(props) {
     var _context$dataFlatStat2;
     context.updateMap.set(id, update);
     var isActive = activeProp === id;
+    // 立即调用update函数设置正确的active状态
+    if (isActive) update('active', isActive);
     return {
       active: isActive,
       expanded: !!((_context$dataFlatStat2 = context.dataFlatStatusMap.get(id)) !== null && _context$dataFlatStat2 !== void 0 && _context$dataFlatStat2.expanded)
@@ -39752,7 +39762,7 @@ var useTree = function useTree(props) {
       context.dataMap.set(id, item);
       if (virtual) {
         context.dataFlatStatusMap.set(id, {
-          active: false,
+          active: activeProp === id,
           expanded: defaultExpandAll ? true : (expanded === null || expanded === void 0 ? void 0 : expanded.includes(id)) || false,
           fetching: false
         });
@@ -40103,6 +40113,17 @@ var useTree = function useTree(props) {
       call('expanded', tempExpandMap.has(id));
     });
   });
+  (0,external_root_React_commonjs2_react_commonjs_react_amd_react_.useEffect)(function () {
+    if (props.datum) return;
+    if (!dataUpdate) return;
+    setData(data);
+    var nextExpanded = props.expanded || props.defaultExpanded || [];
+    if (!defaultExpandAll && !shallowEqual(nextExpanded, expanded)) {
+      onExpand(nextExpanded);
+      updateExpanded(nextExpanded, true);
+    }
+    updateInnerCheckStatus();
+  }, [props.data]);
   (0,external_root_React_commonjs2_react_commonjs_react_amd_react_.useEffect)(function () {
     if (defaultExpandAll) {
       var nextExpanded = [];
@@ -40115,17 +40136,6 @@ var useTree = function useTree(props) {
       updateExpanded(nextExpanded, true);
     }
   }, [context.dataMap, props.data]);
-  (0,external_root_React_commonjs2_react_commonjs_react_amd_react_.useEffect)(function () {
-    if (props.datum) return;
-    if (!dataUpdate) return;
-    setData(data);
-    var nextExpanded = props.expanded || props.defaultExpanded || [];
-    if (!defaultExpandAll && !shallowEqual(nextExpanded, expanded)) {
-      onExpand(nextExpanded);
-      updateExpanded(nextExpanded, true);
-    }
-    updateInnerCheckStatus();
-  }, [props.data]);
   (0,external_root_React_commonjs2_react_commonjs_react_amd_react_.useEffect)(function () {
     if (props.datum) return;
     setValue(value);
@@ -66996,10 +67006,33 @@ var TabsHeader = function TabsHeader(props) {
 
     // 使用 offsetWidth/offsetHeight 而不是 getBoundingClientRect()
     // 这样可以避免受到外部容器 CSS transform scale 的影响
-    setCurrentTabSize({
-      width: (currentTab === null || currentTab === void 0 ? void 0 : currentTab.offsetWidth) || 0,
-      height: (currentTab === null || currentTab === void 0 ? void 0 : currentTab.offsetHeight) || 0
-    });
+    var width = (currentTab === null || currentTab === void 0 ? void 0 : currentTab.offsetWidth) || 0;
+    var height = (currentTab === null || currentTab === void 0 ? void 0 : currentTab.offsetHeight) || 0;
+    // 微前端场景下，可能出现获取不到元素的尺寸信息
+    if (width === 0 || height === 0) {
+      var timerCount = 0;
+      var timer = setInterval(function () {
+        timerCount++;
+        if (currentTab !== null && currentTab !== void 0 && currentTab.offsetWidth && currentTab !== null && currentTab !== void 0 && currentTab.offsetHeight) {
+          setCurrentTabSize({
+            width: currentTab.offsetWidth,
+            height: currentTab.offsetHeight
+          });
+          clearInterval(timer);
+        }
+        if (timerCount >= 100) {
+          clearInterval(timer);
+        }
+      }, 16);
+      return function () {
+        return clearInterval(timer);
+      };
+    } else {
+      setCurrentTabSize({
+        width: width,
+        height: height
+      });
+    }
   }, [active, tabs]);
   var renderHeaderScrollBar = function renderHeaderScrollBar() {
     if (shape !== 'line' && shape !== 'dash') return;
@@ -72884,7 +72917,7 @@ var upload_interface = __webpack_require__(8821);
 
 
 /* harmony default export */ var src_0 = ({
-  version: '3.8.0-beta.33'
+  version: '3.8.0-beta.35'
 });
 }();
 /******/ 	return __webpack_exports__;