@sheinx/base 3.6.0-beta.3 → 3.6.0-beta.30

package/cjs/dropdown/dropdownIn.d.ts

@@ -1,5 +1,4 @@
-/// <reference types="react" />
 import { SimpleDropdownProps } from './dropdown.type';
-declare const Dropdown: (props: SimpleDropdownProps) => JSX.Element;
+declare const Dropdown: (props: SimpleDropdownProps) => import("react/jsx-runtime").JSX.Element;
 export default Dropdown;
 //# sourceMappingURL=dropdownIn.d.ts.map

package/cjs/dropdown/dropdownIn.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"dropdownIn.d.ts","sourceRoot":"","sources":["dropdownIn.tsx"],"names":[],"mappings":";AAEA,OAAO,EAA8B,mBAAmB,EAAE,MAAM,iBAAiB,CAAC;AASlF,QAAA,MAAM,QAAQ,UAAW,mBAAmB,gBA0O3C,CAAC;AAEF,eAAe,QAAQ,CAAC"}
+{"version":3,"file":"dropdownIn.d.ts","sourceRoot":"","sources":["dropdownIn.tsx"],"names":[],"mappings":"AAEA,OAAO,EAA8B,mBAAmB,EAAE,MAAM,iBAAiB,CAAC;AASlF,QAAA,MAAM,QAAQ,UAAW,mBAAmB,4CA4O3C,CAAC;AAEF,eAAe,QAAQ,CAAC"}

package/cjs/dropdown/dropdownIn.js

@@ -84,7 +84,8 @@ var Dropdown = function Dropdown(props) {
   var type = props.type,
     text = props.text,
     outline = props.outline,
-    mode = props.mode;
+    mode = props.mode,
+    shape = props.shape;
 
   // 默认使用 secondary text 样式
   if (type === undefined && text === undefined && outline === undefined && mode === undefined) {
@@ -128,6 +129,7 @@ var Dropdown = function Dropdown(props) {
       className: (0, _classnames.default)(dropdownClasses === null || dropdownClasses === void 0 ? void 0 : dropdownClasses.button, !placeholder && (dropdownClasses === null || dropdownClasses === void 0 ? void 0 : dropdownClasses.splitButton)),
       mode: mode,
       type: type,
+      shape: shape,
       size: size,
       text: text,
       children: child
@@ -202,6 +204,7 @@ var Dropdown = function Dropdown(props) {
         className: (0, _classnames.default)(dropdownClasses === null || dropdownClasses === void 0 ? void 0 : dropdownClasses.list, hasChildren && (dropdownClasses === null || dropdownClasses === void 0 ? void 0 : dropdownClasses.listHasChildren), columns !== undefined && columns > 1 && (dropdownClasses === null || dropdownClasses === void 0 ? void 0 : dropdownClasses.boxList), size === 'small' && (dropdownClasses === null || dropdownClasses === void 0 ? void 0 : dropdownClasses.listSmall), size === 'large' && (dropdownClasses === null || dropdownClasses === void 0 ? void 0 : dropdownClasses.listLarge)),
         style: {
           width: width,
+          minWidth: 90,
           gridTemplateColumns: columns ? "repeat(".concat(columns, ", 1fr)") : undefined
         },
         type: 'fade',

package/cjs/editable-area/editable-area.d.ts

@@ -1,5 +1,4 @@
-/// <reference types="react" />
 import { EditableAreaProps } from './editable-area.type';
-declare const EditableArea: (props: EditableAreaProps) => JSX.Element;
+declare const EditableArea: (props: EditableAreaProps) => import("react/jsx-runtime").JSX.Element;
 export default EditableArea;
 //# sourceMappingURL=editable-area.d.ts.map

package/cjs/editable-area/editable-area.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"editable-area.d.ts","sourceRoot":"","sources":["editable-area.tsx"],"names":[],"mappings":";AAEA,OAAO,EAAE,iBAAiB,EAAE,MAAM,sBAAsB,CAAC;AAgBzD,QAAA,MAAM,YAAY,UAAW,iBAAiB,gBA2K7C,CAAC;AAEF,eAAe,YAAY,CAAC"}
+{"version":3,"file":"editable-area.d.ts","sourceRoot":"","sources":["editable-area.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,iBAAiB,EAAE,MAAM,sBAAsB,CAAC;AAgBzD,QAAA,MAAM,YAAY,UAAW,iBAAiB,4CA2K7C,CAAC;AAEF,eAAe,YAAY,CAAC"}

package/cjs/empty/empty-image.d.ts

@@ -1,3 +1,2 @@
-/// <reference types="react" />
-export declare const renderNoData: () => JSX.Element;
+export declare const renderNoData: () => import("react/jsx-runtime").JSX.Element;
 //# sourceMappingURL=empty-image.d.ts.map

package/cjs/empty/empty-image.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"empty-image.d.ts","sourceRoot":"","sources":["empty-image.tsx"],"names":[],"mappings":";AAAA,eAAO,MAAM,YAAY,mBAyIxB,CAAC"}
+{"version":3,"file":"empty-image.d.ts","sourceRoot":"","sources":["empty-image.tsx"],"names":[],"mappings":"AAAA,eAAO,MAAM,YAAY,+CAyIxB,CAAC"}

package/cjs/empty/empty.d.ts

@@ -1,5 +1,4 @@
-/// <reference types="react" />
 import { EmptyProps } from './empty.type';
-declare const Empty: (props: EmptyProps) => JSX.Element;
+declare const Empty: (props: EmptyProps) => import("react/jsx-runtime").JSX.Element;
 export default Empty;
 //# sourceMappingURL=empty.d.ts.map

package/cjs/empty/empty.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"empty.d.ts","sourceRoot":"","sources":["empty.tsx"],"names":[],"mappings":";AAEA,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAI1C,QAAA,MAAM,KAAK,UAAW,UAAU,gBA2C/B,CAAC;AAEF,eAAe,KAAK,CAAC"}
+{"version":3,"file":"empty.d.ts","sourceRoot":"","sources":["empty.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAI1C,QAAA,MAAM,KAAK,UAAW,UAAU,4CA4C/B,CAAC;AAEF,eAAe,KAAK,CAAC"}

package/cjs/empty/empty.js

@@ -40,6 +40,7 @@ var Empty = function Empty(props) {
     }, rest);
   };
   var renderImage = function renderImage() {
+    if (icon === null) return null;
     if (imgSrc) {
       return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
         className: styles === null || styles === void 0 ? void 0 : styles.image,

package/cjs/form/error-trans.d.ts

@@ -1,6 +1,5 @@
-/// <reference types="react" />
 declare const ErrorTrans: (props: {
     error: Error;
-}) => JSX.Element;
+}) => import("react/jsx-runtime").JSX.Element;
 export default ErrorTrans;
 //# sourceMappingURL=error-trans.d.ts.map

package/cjs/form/error-trans.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"error-trans.d.ts","sourceRoot":"","sources":["error-trans.tsx"],"names":[],"mappings":";AAGA,QAAA,MAAM,UAAU;WAAoB,KAAK;iBAaxC,CAAC;AAEF,eAAe,UAAU,CAAC"}
+{"version":3,"file":"error-trans.d.ts","sourceRoot":"","sources":["error-trans.tsx"],"names":[],"mappings":"AAGA,QAAA,MAAM,UAAU;WAAoB,KAAK;6CAaxC,CAAC;AAEF,eAAe,UAAU,CAAC"}

package/cjs/form/form-button.d.ts

@@ -1,5 +1,4 @@
-/// <reference types="react" />
 import type { ButtonProps } from '../button/button.type';
-declare const FormButton: (props: ButtonProps) => JSX.Element;
+declare const FormButton: (props: ButtonProps) => import("react/jsx-runtime").JSX.Element;
 export default FormButton;
 //# sourceMappingURL=form-button.d.ts.map

package/cjs/form/form-button.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"form-button.d.ts","sourceRoot":"","sources":["form-button.tsx"],"names":[],"mappings":";AAKA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,uBAAuB,CAAC;AAEzD,QAAA,MAAM,UAAU,UAAW,WAAW,gBAmBrC,CAAC;AAEF,eAAe,UAAU,CAAC"}
+{"version":3,"file":"form-button.d.ts","sourceRoot":"","sources":["form-button.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,uBAAuB,CAAC;AAEzD,QAAA,MAAM,UAAU,UAAW,WAAW,4CAmBrC,CAAC;AAEF,eAAe,UAAU,CAAC"}

package/cjs/form/form-field-context.js

@@ -9,4 +9,5 @@ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { de
 var FormFieldContext = exports.FormFieldContext = /*#__PURE__*/_react.default.createContext({
   fieldId: undefined,
   separator: '__separator__'
-});
+});
+FormFieldContext.displayName = 'FormFieldContext';

package/cjs/form/form-field.d.ts

@@ -1,5 +1,4 @@
-/// <reference types="react" />
 import { FormFieldProps } from './form-field.type';
-declare const FormField: <T extends unknown = any>(props: FormFieldProps<T>) => JSX.Element;
+declare const FormField: <T extends unknown = any>(props: FormFieldProps<T>) => import("react/jsx-runtime").JSX.Element;
 export default FormField;
 //# sourceMappingURL=form-field.d.ts.map

package/cjs/form/form-field.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"form-field.d.ts","sourceRoot":"","sources":["form-field.tsx"],"names":[],"mappings":";AAEA,OAAO,EAAqB,cAAc,EAAE,MAAM,mBAAmB,CAAC;AAGtE,QAAA,MAAM,SAAS,oEA6Ed,CAAC;AAEF,eAAe,SAAS,CAAC"}
+{"version":3,"file":"form-field.d.ts","sourceRoot":"","sources":["form-field.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAqB,cAAc,EAAE,MAAM,mBAAmB,CAAC;AAGtE,QAAA,MAAM,SAAS,gGAoFd,CAAC;AAEF,eAAe,SAAS,CAAC"}

package/cjs/form/form-field.js

@@ -45,6 +45,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, _react.useContext)(_formFieldContext.FormFieldContext),
+    fieldId = _useContext.fieldId,
     separator = _useContext.separator;
   var formFieldId = (0, _react.useMemo)(function () {
     if (!formConfig.formName) return;
@@ -56,6 +57,12 @@ var FormField = function FormField(props) {
     }
     return _hooks.util.getFieldId(formControl.name, formConfig.formName);
   }, [formControl.name, formConfig.formName, childrenProps.id]);
+  var _useContext2 = (0, _react.useContext)(_hooks.FieldsetContext),
+    fieldsetPath = _useContext2.path;
+  var fieldsetPathId = (0, _react.useMemo)(function () {
+    if (!formConfig.formName) return;
+    return _hooks.util.getFieldId(fieldsetPath, formConfig.formName);
+  }, [fieldsetPath, formConfig.formName]);
   var cloneProps = {
     onChange: handleChange,
     status: status,
@@ -77,7 +84,7 @@ var FormField = function FormField(props) {
   }
   return /*#__PURE__*/(0, _jsxRuntime.jsx)(_formFieldContext.FormFieldContext.Provider, {
     value: {
-      fieldId: formFieldId,
+      fieldId: formFieldId || fieldId || fieldsetPathId,
       separator: separator
     },
     children: finalChildren

package/cjs/form/form-flow.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"form-flow.d.ts","sourceRoot":"","sources":["form-flow.tsx"],"names":[],"mappings":";AACA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,kBAAkB,CAAC;AAEtD,QAAA,MAAM,QAAQ,EAAE,KAAK,CAAC,EAAE,CAAC,aAAa,CAIrC,CAAC;AAEF,eAAe,QAAQ,CAAC"}
+{"version":3,"file":"form-flow.d.ts","sourceRoot":"","sources":["form-flow.tsx"],"names":[],"mappings":";AAEA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,kBAAkB,CAAC;AAEtD,QAAA,MAAM,QAAQ,EAAE,KAAK,CAAC,EAAE,CAAC,aAAa,CAoBrC,CAAC;AAEF,eAAe,QAAQ,CAAC"}

package/cjs/form/form-flow.js

@@ -4,12 +4,29 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
+var _react = require("react");
 var _hooks = require("@sheinx/hooks");
 var FormFlow = function FormFlow(props) {
+  var _props$names;
   var datum = (0, _hooks.useFormFlow)({
     names: props.names
   });
-  if (_hooks.util.isFunc(props.children)) return props.children(datum);
+  var valueOfNames = (_props$names = props.names) === null || _props$names === void 0 ? void 0 : _props$names.map(function (name) {
+    return datum === null || datum === void 0 ? void 0 : datum.get(name);
+  });
+  var memoizedResult = (0, _react.useMemo)(function () {
+    if (!props.strict) return;
+    if (_hooks.util.isFunc(props.children)) {
+      return props.children(datum);
+    }
+    return props.children;
+  }, [valueOfNames === null || valueOfNames === void 0 ? void 0 : valueOfNames.toString()]);
+  if (props.strict) {
+    return memoizedResult;
+  }
+  if (_hooks.util.isFunc(props.children)) {
+    return props.children(datum);
+  }
   return props.children;
 };
 var _default = exports.default = FormFlow;

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

@@ -15,5 +15,12 @@ export interface FormFlowProps extends UseFormFlowProps {
      * @cn names 为空时，Form 内任意值变化会触发 Flow 更新；不为空时，只监听指定字段变化
      */
     names?: string[];
+    /**
+     * @en Whether to strictly follow the watch rules.
+     * @cn 严格根据 names 配置监听变化
+     * @default false
+     * @version 3.6.0
+     */
+    strict?: boolean;
 }
 //# sourceMappingURL=form-flow.type.d.ts.map

package/cjs/form/form-flow.type.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"form-flow.type.d.ts","sourceRoot":"","sources":["form-flow.type.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,gBAAgB,EAAE,SAAS,EAAE,MAAM,eAAe,CAAC;AAE5D;;GAEG;AACH,MAAM,WAAW,aAAc,SAAQ,gBAAgB;IACrD;;;;OAIG;IACH,QAAQ,EAAE,CAAC,CAAC,KAAK,CAAC,EAAE,SAAS,KAAK,KAAK,CAAC,SAAS,CAAC,GAAG,KAAK,CAAC,SAAS,CAAC;IACrE;;;OAGG;IACH,KAAK,CAAC,EAAE,MAAM,EAAE,CAAC;CAClB"}
+{"version":3,"file":"form-flow.type.d.ts","sourceRoot":"","sources":["form-flow.type.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,gBAAgB,EAAE,SAAS,EAAE,MAAM,eAAe,CAAC;AAE5D;;GAEG;AACH,MAAM,WAAW,aAAc,SAAQ,gBAAgB;IACrD;;;;OAIG;IACH,QAAQ,EAAE,CAAC,CAAC,KAAK,CAAC,EAAE,SAAS,KAAK,KAAK,CAAC,SAAS,CAAC,GAAG,KAAK,CAAC,SAAS,CAAC;IACrE;;;OAGG;IACH,KAAK,CAAC,EAAE,MAAM,EAAE,CAAC;IAEjB;;;;;OAKG;IACH,MAAM,CAAC,EAAE,OAAO,CAAC;CAClB"}

package/cjs/form/form-footer-context.d.ts

@@ -13,6 +13,6 @@ export interface FormFooterContextValue {
 export declare const FormFooterContext: React.Context<FormFooterContextValue | null>;
 export declare const FormFooterProvider: (props: {
     children: React.ReactNode;
-}) => JSX.Element;
+}) => import("react/jsx-runtime").JSX.Element;
 export declare const useFormFooter: () => FormFooterContextValue | null;
 //# sourceMappingURL=form-footer-context.d.ts.map

package/cjs/form/form-footer-context.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"form-footer-context.d.ts","sourceRoot":"","sources":["form-footer-context.tsx"],"names":[],"mappings":"AAEA,OAAO,KAA+D,MAAM,OAAO,CAAC;AAEpF,MAAM,WAAW,sBAAsB;IACrC,YAAY,EAAE,CAAC,QAAQ,CAAC,EAAE,UAAU,GAAG,SAAS,KAAK,IAAI,CAAC;IAC1D,WAAW,EAAE,CAAC,IAAI,EAAE;QAAE,MAAM,EAAE,MAAM,IAAI,CAAA;KAAE,KAAK,OAAO,CAAC;IACvD,cAAc,EAAE,MAAM,IAAI,CAAC;IAC3B,SAAS,EAAE,UAAU,GAAG,SAAS,GAAG,SAAS,CAAC;IAC9C,IAAI,EAAE;QACJ,MAAM,EAAE,MAAM,IAAI,CAAC;KACpB,CAAC;CACH;AAED,eAAO,MAAM,iBAAiB,8CAAqD,CAAC;AAEpF,eAAO,MAAM,kBAAkB,UAAW;IAAE,QAAQ,EAAE,MAAM,SAAS,CAAA;CAAE,gBA6BtE,CAAC;AAEF,eAAO,MAAM,aAAa,qCAGzB,CAAC"}
+{"version":3,"file":"form-footer-context.d.ts","sourceRoot":"","sources":["form-footer-context.tsx"],"names":[],"mappings":"AAEA,OAAO,KAA+D,MAAM,OAAO,CAAC;AAEpF,MAAM,WAAW,sBAAsB;IACrC,YAAY,EAAE,CAAC,QAAQ,CAAC,EAAE,UAAU,GAAG,SAAS,KAAK,IAAI,CAAC;IAC1D,WAAW,EAAE,CAAC,IAAI,EAAE;QAAE,MAAM,EAAE,MAAM,IAAI,CAAA;KAAE,KAAK,OAAO,CAAC;IACvD,cAAc,EAAE,MAAM,IAAI,CAAC;IAC3B,SAAS,EAAE,UAAU,GAAG,SAAS,GAAG,SAAS,CAAC;IAC9C,IAAI,EAAE;QACJ,MAAM,EAAE,MAAM,IAAI,CAAC;KACpB,CAAC;CACH;AAED,eAAO,MAAM,iBAAiB,8CAAqD,CAAC;AAEpF,eAAO,MAAM,kBAAkB,UAAW;IAAE,QAAQ,EAAE,MAAM,SAAS,CAAA;CAAE,4CA6BtE,CAAC;AAEF,eAAO,MAAM,aAAa,qCAGzB,CAAC"}

package/cjs/form/form-item.d.ts

@@ -1,5 +1,4 @@
-/// <reference types="react" />
 import type { FormItemProps } from './form-item.type';
-declare const FormItem: (props: FormItemProps) => JSX.Element;
+declare const FormItem: (props: FormItemProps) => import("react/jsx-runtime").JSX.Element;
 export default FormItem;
 //# sourceMappingURL=form-item.d.ts.map

package/cjs/form/form-item.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"form-item.d.ts","sourceRoot":"","sources":["form-item.tsx"],"names":[],"mappings":";AAQA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,kBAAkB,CAAC;AAEtD,QAAA,MAAM,QAAQ,UAAW,aAAa,gBAoGrC,CAAC;AAEF,eAAe,QAAQ,CAAC"}
+{"version":3,"file":"form-item.d.ts","sourceRoot":"","sources":["form-item.tsx"],"names":[],"mappings":"AAQA,OAAO,KAAK,EAAmB,aAAa,EAAE,MAAM,kBAAkB,CAAC;AAEvE,QAAA,MAAM,QAAQ,UAAW,aAAa,4CA2GrC,CAAC;AAEF,eAAe,QAAQ,CAAC"}

package/cjs/form/form-item.js

@@ -71,21 +71,34 @@ var FormItem = function FormItem(props) {
         })
       }));
     }
-    if (_typeof(label) === 'object' && 'tooltip' in label) {
+    if (_typeof(label) === 'object' && 'tooltip' in label && $tooltip) {
       return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
-        children: [label.content, $colon, $tooltip]
+        children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
+          children: label.content
+        }), $tooltip, /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
+          className: formItemClasses === null || formItemClasses === void 0 ? void 0 : formItemClasses.labelColon,
+          children: $colon
+        })]
       });
     }
-    return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
-      children: [label, $colon]
+    if ($colon) {
+      return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
+        children: [label, /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
+          className: formItemClasses === null || formItemClasses === void 0 ? void 0 : formItemClasses.labelColon,
+          children: $colon
+        })]
+      });
+    }
+    return /*#__PURE__*/(0, _jsxRuntime.jsx)(_jsxRuntime.Fragment, {
+      children: label
     });
   };
   return /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", _objectSpread(_objectSpread({
-    className: (0, _classnames.default)(className, formItemClasses === null || formItemClasses === void 0 ? void 0 : formItemClasses.wrapper, labelAlign === 'top' && (formItemClasses === null || formItemClasses === void 0 ? void 0 : formItemClasses.wrapperLabelTop), labelAlign !== 'top' && labelVerticalAlign === 'middle' && (formItemClasses === null || formItemClasses === void 0 ? void 0 : formItemClasses.wrapperLabelVerticalMiddle), labelAlign !== 'top' && labelVerticalAlign === 'bottom' && (formItemClasses === null || formItemClasses === void 0 ? void 0 : formItemClasses.wrapperLabelVerticalBottom), inline && (formItemClasses === null || formItemClasses === void 0 ? void 0 : formItemClasses.wrapperInline), keepErrorHeight && (formItemClasses === null || formItemClasses === void 0 ? void 0 : formItemClasses.wrapperKeepHeight), required && (formItemClasses === null || formItemClasses === void 0 ? void 0 : formItemClasses.wrapperRequired), (showError || tip) && (formItemClasses === null || formItemClasses === void 0 ? void 0 : formItemClasses.wrapperTip))
+    className: (0, _classnames.default)(className, formItemClasses === null || formItemClasses === void 0 ? void 0 : formItemClasses.wrapper, _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty({}, formItemClasses === null || formItemClasses === void 0 ? void 0 : formItemClasses.wrapperLabelTop, labelAlign === 'top'), formItemClasses === null || formItemClasses === void 0 ? void 0 : formItemClasses.wrapperLabelVerticalMiddle, labelAlign !== 'top' && labelVerticalAlign === 'middle'), formItemClasses === null || formItemClasses === void 0 ? void 0 : formItemClasses.wrapperLabelVerticalBottom, labelAlign !== 'top' && labelVerticalAlign === 'bottom'), formItemClasses === null || formItemClasses === void 0 ? void 0 : formItemClasses.wrapperInline, inline), formItemClasses === null || formItemClasses === void 0 ? void 0 : formItemClasses.wrapperKeepHeight, keepErrorHeight), formItemClasses === null || formItemClasses === void 0 ? void 0 : formItemClasses.wrapperRequired, required), formItemClasses === null || formItemClasses === void 0 ? void 0 : formItemClasses.wrapperTip, showError || tip))
   }, attributes), {}, {
     style: style,
     children: [label !== undefined ? /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
-      className: (0, _classnames.default)(formItemClasses === null || formItemClasses === void 0 ? void 0 : formItemClasses.label, labelAlign === 'left' && (formItemClasses === null || formItemClasses === void 0 ? void 0 : formItemClasses.labelLeft)),
+      className: (0, _classnames.default)(formItemClasses === null || formItemClasses === void 0 ? void 0 : formItemClasses.label, _defineProperty(_defineProperty(_defineProperty({}, formItemClasses === null || formItemClasses === void 0 ? void 0 : formItemClasses.labelLeft, labelAlign === 'left'), formItemClasses === null || formItemClasses === void 0 ? void 0 : formItemClasses.labelWithColon, colon), formItemClasses === null || formItemClasses === void 0 ? void 0 : formItemClasses.labelWithTooltip, label && _typeof(label) === 'object' && 'tooltip' in label)),
       style: labelAlign !== 'top' || inline ? {
         width: labelWidth
       } : undefined,

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

@@ -13,7 +13,10 @@ export interface FormItemClasses {
     wrapperRequired: string;
     wrapperTip: string;
     label: string;
+    labelWithColon: string;
+    labelWithTooltip: string;
     labelTooltip: string;
+    labelColon: string;
     labelLeft: string;
     control: string;
     error: string;

package/cjs/form/form-item.type.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"form-item.type.d.ts","sourceRoot":"","sources":["form-item.type.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,eAAe,EAAE,MAAM,eAAe,CAAC;AAChD,OAAO,EAAE,UAAU,EAAE,MAAM,gBAAgB,CAAC;AAC5C,OAAO,EAAE,YAAY,EAAE,MAAM,yBAAyB,CAAC;AAEvD,MAAM,WAAW,eAAe;IAC9B,SAAS,EAAE,MAAM,CAAC;IAClB,OAAO,EAAE,MAAM,CAAC;IAChB,eAAe,EAAE,MAAM,CAAC;IACxB,aAAa,EAAE,MAAM,CAAC;IACtB,0BAA0B,EAAE,MAAM,CAAC;IACnC,0BAA0B,EAAE,MAAM,CAAC;IACnC,iBAAiB,EAAE,MAAM,CAAC;IAC1B,eAAe,EAAE,MAAM,CAAC;IACxB,UAAU,EAAE,MAAM,CAAC;IACnB,KAAK,EAAE,MAAM,CAAC;IACd,YAAY,EAAE,MAAM,CAAC;IACrB,SAAS,EAAE,MAAM,CAAC;IAClB,OAAO,EAAE,MAAM,CAAC;IAChB,KAAK,EAAE,MAAM,CAAC;IACd,GAAG,EAAE,MAAM,CAAC;CACb;AAED,KAAK,YAAY,GAAG,IAAI,CAAC,YAAY,EAAE,KAAK,GAAG,UAAU,CAAC,GAAG;IAC3D,IAAI,EAAE,KAAK,CAAC,SAAS,CAAC;CACvB,CAAA;AACD,UAAU,WAAW;IACnB,OAAO,EAAE,KAAK,CAAC,SAAS,CAAC;IACzB,OAAO,CAAC,EAAE,KAAK,CAAC,SAAS,GAAG,YAAY,CAAC;CAC1C;AAED,MAAM,WAAW,aAAc,SAAQ,eAAe,EAAE,IAAI,CAAC,UAAU,EAAE,WAAW,GAAG,OAAO,CAAC;IAC7F;;;OAGG;IACH,KAAK,CAAC,EAAE,KAAK,CAAC,SAAS,GAAG,WAAW,CAAC;IACtC;;;OAGG;IACH,GAAG,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACtB;;;;OAIG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;;;OAGG;IACH,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,QAAQ,CAAC,EAAE;QACT,QAAQ,CAAC,EAAE,MAAM,eAAe,CAAC;KAClC,CAAC;CACH"}
+{"version":3,"file":"form-item.type.d.ts","sourceRoot":"","sources":["form-item.type.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,eAAe,EAAE,MAAM,eAAe,CAAC;AAChD,OAAO,EAAE,UAAU,EAAE,MAAM,gBAAgB,CAAC;AAC5C,OAAO,EAAE,YAAY,EAAE,MAAM,yBAAyB,CAAC;AAEvD,MAAM,WAAW,eAAe;IAC9B,SAAS,EAAE,MAAM,CAAC;IAClB,OAAO,EAAE,MAAM,CAAC;IAChB,eAAe,EAAE,MAAM,CAAC;IACxB,aAAa,EAAE,MAAM,CAAC;IACtB,0BAA0B,EAAE,MAAM,CAAC;IACnC,0BAA0B,EAAE,MAAM,CAAC;IACnC,iBAAiB,EAAE,MAAM,CAAC;IAC1B,eAAe,EAAE,MAAM,CAAC;IACxB,UAAU,EAAE,MAAM,CAAC;IACnB,KAAK,EAAE,MAAM,CAAC;IACd,cAAc,EAAE,MAAM,CAAC;IACvB,gBAAgB,EAAE,MAAM,CAAC;IACzB,YAAY,EAAE,MAAM,CAAC;IACrB,UAAU,EAAE,MAAM,CAAC;IACnB,SAAS,EAAE,MAAM,CAAC;IAClB,OAAO,EAAE,MAAM,CAAC;IAChB,KAAK,EAAE,MAAM,CAAC;IACd,GAAG,EAAE,MAAM,CAAC;CACb;AAED,KAAK,YAAY,GAAG,IAAI,CAAC,YAAY,EAAE,KAAK,GAAG,UAAU,CAAC,GAAG;IAC3D,IAAI,EAAE,KAAK,CAAC,SAAS,CAAC;CACvB,CAAA;AACD,UAAU,WAAW;IACnB,OAAO,EAAE,KAAK,CAAC,SAAS,CAAC;IACzB,OAAO,CAAC,EAAE,KAAK,CAAC,SAAS,GAAG,YAAY,CAAC;CAC1C;AAED,MAAM,WAAW,aAAc,SAAQ,eAAe,EAAE,IAAI,CAAC,UAAU,EAAE,WAAW,GAAG,OAAO,CAAC;IAC7F;;;OAGG;IACH,KAAK,CAAC,EAAE,KAAK,CAAC,SAAS,GAAG,WAAW,CAAC;IACtC;;;OAGG;IACH,GAAG,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACtB;;;;OAIG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;;;OAGG;IACH,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,QAAQ,CAAC,EAAE;QACT,QAAQ,CAAC,EAAE,MAAM,eAAe,CAAC;KAClC,CAAC;CACH"}

package/cjs/form/form.d.ts

@@ -1,6 +1,5 @@
-/// <reference types="react" />
 import type { FormProps } from './form.type';
 import type { ObjectType } from '@sheinx/hooks';
-declare const Form: <V extends ObjectType>(props: FormProps<V>) => JSX.Element;
+declare const Form: <V extends ObjectType>(props: FormProps<V>) => import("react/jsx-runtime").JSX.Element;
 export default Form;
 //# sourceMappingURL=form.d.ts.map

package/cjs/form/form.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"form.d.ts","sourceRoot":"","sources":["form.tsx"],"names":[],"mappings":";AAKA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AAC7C,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC;AAGhD,QAAA,MAAM,IAAI,4DA0HT,CAAC;AAEF,eAAe,IAAI,CAAC"}
+{"version":3,"file":"form.d.ts","sourceRoot":"","sources":["form.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AAC7C,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC;AAGhD,QAAA,MAAM,IAAI,wFA2HT,CAAC;AAEF,eAAe,IAAI,CAAC"}

package/cjs/form/form.js

@@ -39,12 +39,14 @@ var Form = function Form(props) {
     beforeChange: undefined,
     reserveAble: false
   };
+  var formElRef = (0, _react.useRef)(null);
   var _useInputAble = (0, _hooks.useInputAble)(inputAbleParams),
     value = _useInputAble.value,
     onChange = _useInputAble.onChange;
   var _useForm = (0, _hooks.useForm)(_objectSpread(_objectSpread({}, rest), {}, {
       value: value,
-      onChange: onChange
+      onChange: onChange,
+      formElRef: formElRef
     })),
     Provider = _useForm.Provider,
     ProviderProps = _useForm.ProviderProps,
@@ -118,7 +120,6 @@ var Form = function Form(props) {
     className: rootClass,
     style: style
   });
-  var formElRef = (0, _react.useRef)(null);
   (0, _react.useEffect)(function () {
     if (formElRef.current instanceof HTMLFormElement) {
       formElRef.current.addEventListener('submit', formProps.onSubmit);

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

@@ -24,7 +24,7 @@ export interface FormRef<FormValue> {
      * @en Validate form
      * @cn 校验表单
      */
-    validate: FormValidateFn<FormValue>;
+    validate: () => Promise<any>;
     /**
      * @en Validation form fields
      * @cn 校验表单指定字段

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

@@ -1 +1 @@
-{"version":3,"file":"form.type.d.ts","sourceRoot":"","sources":["form.type.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,aAAa,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC;AAC1D,OAAO,EAAE,UAAU,EAAE,MAAM,gBAAgB,CAAC;AAE5C,MAAM,MAAM,OAAO,GAAG,MAAM,GAAG,MAAM,GAAG,MAAM,CAAC;AAC/C,MAAM,WAAW,WAAW;IAC1B,SAAS,EAAE,MAAM,CAAC;IAClB,OAAO,EAAE,MAAM,CAAC;IAChB,aAAa,EAAE,MAAM,CAAC;CACvB;AAED,MAAM,WAAW,cAAc,CAC7B,SAAS;IAIT;;;OAGG;IACH,CAAC,MAAM,CAAC,EAAE,MAAM,GAAG,MAAM,EAAE,GAAG,OAAO,CAAC,SAAS,CAAC,CAAC;CAClD;AAGD,MAAM,WAAW,OAAO,CAAC,SAAS;IAChC;;;OAGG;IACH,QAAQ,EAAE,CAAC,IAAI,CAAC,EAAE,MAAM,KAAK,GAAG,GAAG,SAAS,CAAC;IAC7C;;;OAGG;IACH,QAAQ,EAAE,cAAc,CAAC,SAAS,CAAC,CAAC;IACpC;;;OAGG;IACH,cAAc,EAAE,CAAC,MAAM,EAAE,MAAM,GAAG,MAAM,EAAE,KAAK,OAAO,CAAC,GAAG,CAAC,CAAC;IAE5D;;;OAGG;IACH,uBAAuB,EAAE,CAAC,MAAM,CAAC,EAAE,CAAC,MAAM,GAAG,MAAM,SAAS,CAAC,GAAG,CAAC,MAAM,GAAG,MAAM,SAAS,CAAC,EAAE,KAAK,OAAO,CAAC,GAAG,CAAC,CAAC;IAC9G;;;OAGG;IACH,uBAAuB,EAAE,CAAC,MAAM,EAAE,MAAM,GAAG,MAAM,EAAE,KAAK,OAAO,CAAC,GAAG,CAAC,CAAC;IACrE;;;OAGG;IACH,aAAa,EAAE,CAAC,KAAK,CAAC,EAAE,MAAM,EAAE,KAAK,IAAI,CAAC;IAC1C;;;OAGG;IACH,MAAM,EAAE,CAAC,YAAY,CAAC,EAAE,OAAO,KAAK,IAAI,CAAC;IACzC;;;OAGG;IACH,KAAK,EAAE,MAAM,IAAI,CAAC;IAClB;;;OAGG;IACH,GAAG,EAAE,CAAC,KAAK,EAAE;QAAE,CAAC,GAAG,EAAE,MAAM,GAAG,GAAG,CAAA;KAAE,KAAK,IAAI,CAAC;IAC7C;;;OAGG;IACH,aAAa,EAAE,CAAC,IAAI,EAAE,MAAM,EAAE,qBAAqB,CAAC,EAAE,qBAAqB,KAAK,IAAI,CAAC;CACtF;AACD,MAAM,WAAW,SAAS,CAAC,CAAC,SAAS,UAAU,CAC7C,SAAQ,OAAO,CAAC,aAAa,CAAC,CAAC,CAAC,CAAC,EAC/B,IAAI,CAAC,UAAU,EAAE,WAAW,GAAG,OAAO,CAAC;IACzC,QAAQ,EAAE;QACR,IAAI,CAAC,EAAE,MAAM,WAAW,CAAC;KAC1B,CAAC;IACF;;;OAGG;IACH,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B;;;;OAIG;IACH,aAAa,CAAC,EAAE,OAAO,GAAG,MAAM,CAAC;IACjC;;;;OAIG;IACH,OAAO,CAAC,EAAE,CAAC,CAAC,IAAI,EAAE,OAAO,CAAC,CAAC,CAAC,KAAK,IAAI,CAAC,GAAG;QAAE,OAAO,CAAC,EAAE,OAAO,CAAC,CAAC,CAAC,CAAA;KAAE,CAAC;IAElE;;;OAGG;IACH,OAAO,CAAC,EAAE,CAAC,IAAI,EAAE,OAAO,CAAC,CAAC,CAAC,KAAK,IAAI,CAAC;IACrC;;OAEG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB;;AACD,wBAAkB"}
+{"version":3,"file":"form.type.d.ts","sourceRoot":"","sources":["form.type.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,aAAa,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC;AAC1D,OAAO,EAAE,UAAU,EAAE,MAAM,gBAAgB,CAAC;AAE5C,MAAM,MAAM,OAAO,GAAG,MAAM,GAAG,MAAM,GAAG,MAAM,CAAC;AAC/C,MAAM,WAAW,WAAW;IAC1B,SAAS,EAAE,MAAM,CAAC;IAClB,OAAO,EAAE,MAAM,CAAC;IAChB,aAAa,EAAE,MAAM,CAAC;CACvB;AAED,MAAM,WAAW,cAAc,CAC7B,SAAS;IAIT;;;OAGG;IACH,CAAC,MAAM,CAAC,EAAE,MAAM,GAAG,MAAM,EAAE,GAAG,OAAO,CAAC,SAAS,CAAC,CAAC;CAClD;AAGD,MAAM,WAAW,OAAO,CAAC,SAAS;IAChC;;;OAGG;IACH,QAAQ,EAAE,CAAC,IAAI,CAAC,EAAE,MAAM,KAAK,GAAG,GAAG,SAAS,CAAC;IAC7C;;;OAGG;IACH,QAAQ,EAAE,MAAM,OAAO,CAAC,GAAG,CAAC,CAAC;IAC7B;;;OAGG;IACH,cAAc,EAAE,CAAC,MAAM,EAAE,MAAM,GAAG,MAAM,EAAE,KAAK,OAAO,CAAC,GAAG,CAAC,CAAC;IAE5D;;;OAGG;IACH,uBAAuB,EAAE,CAAC,MAAM,CAAC,EAAE,CAAC,MAAM,GAAG,MAAM,SAAS,CAAC,GAAG,CAAC,MAAM,GAAG,MAAM,SAAS,CAAC,EAAE,KAAK,OAAO,CAAC,GAAG,CAAC,CAAC;IAC9G;;;OAGG;IACH,uBAAuB,EAAE,CAAC,MAAM,EAAE,MAAM,GAAG,MAAM,EAAE,KAAK,OAAO,CAAC,GAAG,CAAC,CAAC;IACrE;;;OAGG;IACH,aAAa,EAAE,CAAC,KAAK,CAAC,EAAE,MAAM,EAAE,KAAK,IAAI,CAAC;IAC1C;;;OAGG;IACH,MAAM,EAAE,CAAC,YAAY,CAAC,EAAE,OAAO,KAAK,IAAI,CAAC;IACzC;;;OAGG;IACH,KAAK,EAAE,MAAM,IAAI,CAAC;IAClB;;;OAGG;IACH,GAAG,EAAE,CAAC,KAAK,EAAE;QAAE,CAAC,GAAG,EAAE,MAAM,GAAG,GAAG,CAAA;KAAE,KAAK,IAAI,CAAC;IAC7C;;;OAGG;IACH,aAAa,EAAE,CAAC,IAAI,EAAE,MAAM,EAAE,qBAAqB,CAAC,EAAE,qBAAqB,KAAK,IAAI,CAAC;CACtF;AACD,MAAM,WAAW,SAAS,CAAC,CAAC,SAAS,UAAU,CAC7C,SAAQ,OAAO,CAAC,aAAa,CAAC,CAAC,CAAC,CAAC,EAC/B,IAAI,CAAC,UAAU,EAAE,WAAW,GAAG,OAAO,CAAC;IACzC,QAAQ,EAAE;QACR,IAAI,CAAC,EAAE,MAAM,WAAW,CAAC;KAC1B,CAAC;IACF;;;OAGG;IACH,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B;;;;OAIG;IACH,aAAa,CAAC,EAAE,OAAO,GAAG,MAAM,CAAC;IACjC;;;;OAIG;IACH,OAAO,CAAC,EAAE,CAAC,CAAC,IAAI,EAAE,OAAO,CAAC,CAAC,CAAC,KAAK,IAAI,CAAC,GAAG;QAAE,OAAO,CAAC,EAAE,OAAO,CAAC,CAAC,CAAC,CAAA;KAAE,CAAC;IAElE;;;OAGG;IACH,OAAO,CAAC,EAAE,CAAC,IAAI,EAAE,OAAO,CAAC,CAAC,CAAC,KAAK,IAAI,CAAC;IACrC;;OAEG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB;;AACD,wBAAkB"}

package/cjs/gap/gap.d.ts

@@ -1,5 +1,4 @@
-/// <reference types="react" />
 import { GapProps } from './gap.type';
-declare const Gap: (props: GapProps) => JSX.Element;
+declare const Gap: (props: GapProps) => import("react/jsx-runtime").JSX.Element;
 export default Gap;
 //# sourceMappingURL=gap.d.ts.map

package/cjs/gap/gap.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"gap.d.ts","sourceRoot":"","sources":["gap.tsx"],"names":[],"mappings":";AAGA,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AAGtC,QAAA,MAAM,GAAG,UAAW,QAAQ,gBAkC3B,CAAC;AAEF,eAAe,GAAG,CAAC"}
+{"version":3,"file":"gap.d.ts","sourceRoot":"","sources":["gap.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AAGtC,QAAA,MAAM,GAAG,UAAW,QAAQ,4CAkC3B,CAAC;AAEF,eAAe,GAAG,CAAC"}

package/cjs/grid/grid.d.ts

@@ -1,7 +1,6 @@
-/// <reference types="react" />
 import { GridProps } from './grid.type';
 declare const Gird: {
-    (props: GridProps): JSX.Element;
+    (props: GridProps): import("react/jsx-runtime").JSX.Element;
     isGrid: boolean;
 };
 export default Gird;

package/cjs/grid/grid.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"grid.d.ts","sourceRoot":"","sources":["grid.tsx"],"names":[],"mappings":";AAGA,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AAExC,QAAA,MAAM,IAAI;YAAW,SAAS;;CAyC7B,CAAC;AAGF,eAAe,IAAI,CAAC"}
+{"version":3,"file":"grid.d.ts","sourceRoot":"","sources":["grid.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AAExC,QAAA,MAAM,IAAI;YAAW,SAAS;;CAyC7B,CAAC;AAGF,eAAe,IAAI,CAAC"}