shineout 3.6.0-beta.8 → 3.6.0-beta.9

package/cjs/index.js

@@ -514,5 +514,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.6.0-beta.8'
+  version: '3.6.0-beta.9'
 };

package/dist/shineout.js

@@ -12130,7 +12130,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.6.0-beta.8');
+/* harmony default export */ var version = ('3.6.0-beta.9');
 ;// CONCATENATED MODULE: ../shineout-style/src/jss-style/index.tsx
 
 
@@ -19152,8 +19152,29 @@ var useEmptyStyle = styled(empty_empty, 'empty');
 /* harmony default export */ var shineout_style_src_empty = ((/* unused pure expression or super */ null && (useEmptyStyle)));
 ;// CONCATENATED MODULE: ../shineout-style/src/form/form-item.ts
 
-var formItemStyle = {
-  rootClass: {},
+
+var form_item_animations = {
+  '@keyframes appear': {
+    '0%': {
+      transform: 1
+    },
+    '25%': {
+      opacity: 0.5
+    },
+    '50%': {
+      opacity: 1
+    },
+    '75%': {
+      opacity: 0.5
+    },
+    '100%': {
+      transform: 1
+    }
+  }
+};
+var formItemStyle = objectSpread2_default()(objectSpread2_default()({
+  rootClass: {}
+}, form_item_animations), {}, {
   wrapper: {
     display: 'flex',
     alignItems: 'flex-start',
@@ -19284,7 +19305,8 @@ var formItemStyle = {
     lineHeight: src.lineHeightDynamic,
     minHeight: src.formItemTipMinHeight,
     fontSize: src.formItemDangerFontSize,
-    fontWeight: src.formItemDangerFontWeight
+    fontWeight: src.formItemDangerFontWeight,
+    animation: '$appear 1s ease-in-out forwards'
     // flexBasis: '100%',
     // width: 0,
   },
@@ -19297,7 +19319,7 @@ var formItemStyle = {
     marginTop: src.formItemTipMarginTop,
     width: '100%'
   }
-};
+});
 /* harmony default export */ var form_item = (formItemStyle);
 ;// CONCATENATED MODULE: ../shineout-style/src/form/form.ts
 
@@ -32573,15 +32595,14 @@ var spin_Spin = function Spin() {
   var color = colorProps !== null && colorProps !== void 0 ? colorProps : getSpinColor();
   var mode = (_ref2 = modeProps !== null && modeProps !== void 0 ? modeProps : getSpinMode()) !== null && _ref2 !== void 0 ? _ref2 : 'vertical';
   var spinStyle = (jssStyle === null || jssStyle === void 0 || (_jssStyle$spin = jssStyle.spin) === null || _jssStyle$spin === void 0 ? void 0 : _jssStyle$spin.call(jssStyle)) || {};
-  var contentClass = classnames_default()(className, spinStyle.rootClass, spinStyle.content, defineProperty_default()(defineProperty_default()({}, spinStyle.vertical, mode === 'vertical'), spinStyle.horizontal, mode === 'horizontal'));
-  var renderSpin = function renderSpin() {
+  var renderSpin = function renderSpin(isRoot) {
     var n = name;
     if (spins[n]) {
       var Comp = spins[n];
       return /*#__PURE__*/(0,jsx_runtime.jsx)(Comp, objectSpread2_default()(objectSpread2_default()({}, props), {}, {
         color: color,
         style: style,
-        className: !tip ? className : undefined
+        className: isRoot ? className : undefined
       }));
     }
     return null;
@@ -32597,28 +32618,29 @@ var spin_Spin = function Spin() {
       }) : tip
     });
   };
-  var renderContent = function renderContent() {
+  var renderContent = function renderContent(isRoot) {
+    var contentClass = classnames_default()(isRoot && className, defineProperty_default()(defineProperty_default()(defineProperty_default()({}, spinStyle.rootClass, isRoot), spinStyle.vertical, mode === 'vertical'), spinStyle.horizontal, mode === 'horizontal'), spinStyle.content);
     if (tip) {
       return /*#__PURE__*/(0,jsx_runtime.jsxs)("div", {
         className: contentClass,
-        children: [renderSpin(), tip && renderTip()]
+        children: [renderSpin(false), tip && renderTip()]
       });
     }
-    return renderSpin();
+    return renderSpin(isRoot);
   };
   var renderContainer = function renderContainer() {
     return /*#__PURE__*/(0,jsx_runtime.jsxs)("div", {
-      className: classnames_default()(className, spinStyle.container),
+      className: classnames_default()(className, spinStyle.rootClass, spinStyle.container),
       children: [children, loading && /*#__PURE__*/(0,jsx_runtime.jsx)("div", {
         className: spinStyle.loading,
-        children: renderContent()
+        children: renderContent(false)
       })]
     });
   };
   if (children) {
     return renderContainer();
   }
-  return renderContent();
+  return renderContent(true);
 };
 /* harmony default export */ var src_spin_spin = (spin_Spin);
 ;// CONCATENATED MODULE: ../base/src/button/button.tsx
@@ -33896,6 +33918,7 @@ var FormFieldContext = /*#__PURE__*/external_root_React_commonjs2_react_commonjs
   fieldId: undefined,
   separator: '__separator__'
 });
+FormFieldContext.displayName = 'FormFieldContext';
 ;// CONCATENATED MODULE: ../base/src/checkbox/simple-checkbox.tsx
 
 
@@ -34352,6 +34375,7 @@ var Input = function Input(props) {
     }), addEnd]
   }));
 };
+Input.displayName = 'SimpleInput';
 /* harmony default export */ var simple_input = (Input);
 ;// CONCATENATED MODULE: ../hooks/src/components/use-input/use-input-format.ts
 
@@ -40939,6 +40963,7 @@ var FieldsetContext = /*#__PURE__*/(0,external_root_React_commonjs2_react_common
   path: '',
   validateFieldSet: function validateFieldSet() {}
 });
+FieldsetContext.displayName = 'FieldsetContext';
 function extendName() {
   var path = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : '';
   var name = arguments.length > 1 ? arguments[1] : undefined;
@@ -41587,6 +41612,7 @@ var FormField = function FormField(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;
   var _useContext = (0,external_root_React_commonjs2_react_commonjs_react_amd_react_.useContext)(FormFieldContext),
+    fieldId = _useContext.fieldId,
     separator = _useContext.separator;
   var formFieldId = (0,external_root_React_commonjs2_react_commonjs_react_amd_react_.useMemo)(function () {
     if (!formConfig.formName) return;
@@ -41598,6 +41624,12 @@ var FormField = function FormField(props) {
     }
     return getFieldId(formControl.name, formConfig.formName);
   }, [formControl.name, formConfig.formName, childrenProps.id]);
+  var _useContext2 = (0,external_root_React_commonjs2_react_commonjs_react_amd_react_.useContext)(FieldsetContext),
+    fieldsetPath = _useContext2.path;
+  var fieldsetPathId = (0,external_root_React_commonjs2_react_commonjs_react_amd_react_.useMemo)(function () {
+    if (!formConfig.formName) return;
+    return getFieldId(fieldsetPath, formConfig.formName);
+  }, [fieldsetPath, formConfig.formName]);
   var cloneProps = {
     onChange: handleChange,
     status: status,
@@ -41619,7 +41651,7 @@ var FormField = function FormField(props) {
   }
   return /*#__PURE__*/(0,jsx_runtime.jsx)(FormFieldContext.Provider, {
     value: {
-      fieldId: formFieldId,
+      fieldId: formFieldId || fieldId || fieldsetPathId,
       separator: separator
     },
     children: finalChildren
@@ -64084,7 +64116,7 @@ var TransferList = function TransferList(props) {
     var containerBottom = listContainerRef.current.getBoundingClientRect().bottom;
     var listBottom = ($list === null || $list === void 0 ? void 0 : $list.getBoundingClientRect().bottom) || containerBottom;
     if (containerBottom - listBottom > 1) {
-      setAddonHeight(containerBottom - listBottom);
+      setAddonHeight(containerBottom - listBottom - 1);
     }
   }, []);
   var listHeight = listHeightProp + addonHeight;
@@ -68810,7 +68842,7 @@ var upload_interface = __webpack_require__(8821);
 
 
 /* harmony default export */ var src_0 = ({
-  version: '3.6.0-beta.8'
+  version: '3.6.0-beta.9'
 });
 }();
 /******/ 	return __webpack_exports__;