@sheinx/base 3.0.0-alpha.1

package/esm/form/form-fieldset.js

@@ -0,0 +1,112 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+require("core-js/modules/es.array.filter.js");
+require("core-js/modules/es.array.map.js");
+require("core-js/modules/web.dom-collections.for-each.js");
+require("core-js/modules/es.array.concat.js");
+require("core-js/modules/es.array.splice.js");
+var _hooks = require("@sheinx/hooks");
+var _react = _interopRequireDefault(require("react"));
+var _immer = require("immer");
+var _jsxRuntime = require("react/jsx-runtime");
+var FormFieldSet = function FormFieldSet(props) {
+  var children = props.children,
+    empty = props.empty;
+  var _React$useRef = _react.default.useRef({
+      ids: []
+    }),
+    context = _React$useRef.current;
+  var getValidateProps = (0, _hooks.usePersistFn)(function () {
+    return props;
+  });
+  var _useFormFieldSet = (0, _hooks.useFormFieldSet)({
+      name: props.name,
+      reserveAble: props.reserveAble,
+      defaultValue: props.defaultValue,
+      rules: props.rules,
+      onError: props.onError,
+      getValidateProps: getValidateProps
+    }),
+    Provider = _useFormFieldSet.Provider,
+    ProviderValue = _useFormFieldSet.ProviderValue,
+    value = _useFormFieldSet.value,
+    error = _useFormFieldSet.error,
+    _onChange = _useFormFieldSet.onChange;
+  if (typeof children !== 'function') {
+    return /*#__PURE__*/(0, _jsxRuntime.jsx)(Provider, {
+      value: ProviderValue,
+      children: children
+    });
+  }
+  var valueArr = value || [];
+  valueArr = Array.isArray(valueArr) ? valueArr : [valueArr];
+  var result = [];
+  if (valueArr.length === 0 && valueArr && empty) {
+    result.push( /*#__PURE__*/(0, _jsxRuntime.jsx)(_react.default.Fragment, {
+      children: empty(function (val) {
+        var newValue = (0, _immer.produce)(valueArr, function (draft) {
+          draft.push(val);
+        });
+        _onChange(newValue);
+        context.ids.push(_hooks.util.generateUUID());
+      })
+    }, 'empty'));
+  }
+  var errorList = (Array.isArray(error) ? error : [error]).filter(Boolean);
+  if (context.ids.length !== valueArr.length) {
+    context.ids = valueArr.map(function () {
+      return _hooks.util.generateUUID();
+    });
+  }
+  var ids = context.ids || [];
+  valueArr.forEach(function (v, i) {
+    result.push( /*#__PURE__*/(0, _jsxRuntime.jsx)(Provider, {
+      value: {
+        path: "".concat(ProviderValue.path, "[").concat(i, "]")
+      },
+      children: children({
+        list: valueArr,
+        value: v,
+        index: i,
+        error: errorList,
+        onChange: function onChange(val) {
+          var newValue = (0, _immer.produce)(valueArr, function (draft) {
+            draft[i] = val;
+          });
+          _onChange(newValue);
+        },
+        onInsert: function onInsert(val) {
+          var newValue = (0, _immer.produce)(valueArr, function (draft) {
+            draft.splice(i, 0, val);
+          });
+          _onChange(newValue);
+          context.ids.splice(i, 0, _hooks.util.generateUUID());
+        },
+        onAppend: function onAppend(val) {
+          var newValue = (0, _immer.produce)(valueArr, function (draft) {
+            draft.splice(i + 1, 0, val);
+          });
+          _onChange(newValue);
+          context.ids.splice(i + 1, 0, _hooks.util.generateUUID());
+        },
+        onRemove: function onRemove() {
+          var newValue = (0, _immer.produce)(valueArr, function (draft) {
+            draft.splice(i, 1);
+          });
+          _onChange(newValue);
+          context.ids.splice(i, 1);
+        }
+      })
+    }, ids[i]));
+  });
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_jsxRuntime.Fragment, {
+    children: result
+  });
+};
+var _default = FormFieldSet;
+exports.default = _default;

package/esm/form/form-fieldset.type.d.ts

@@ -0,0 +1,51 @@
+import { BaseFormFieldSetProps } from '@sheinx/hooks';
+import React from 'react';
+export interface FormFieldSetChildrenFunc<ValueItem = any> {
+    (params: {
+        list: ValueItem[];
+        value: ValueItem;
+        onChange: (value: ValueItem) => void;
+        onRemove: () => void;
+        index: number;
+        onInsert: (value: ValueItem) => void;
+        onAppend: (value: ValueItem) => void;
+        error: Error[];
+    }): React.ReactNode;
+}
+export interface FormFieldSetProps<T> extends Partial<BaseFormFieldSetProps<T>> {
+    /**
+     * @en The name that accesses data from from
+     * @cn 从 Form 中存取数据的名称
+     */
+    name: string;
+    /**
+     * @en When children type is not function, handle a set data type of object
+     * When children type is function, handle a group of data type of array. options property:
+     * list: all data of name.
+     * value: a single piece of data for the value obtained by name.
+     * onChange: a callback when the value is changing.
+     * onRemove: a callback when a child component is removed.
+     * index: the current index.
+     * onInsert: Insert a piece of data before the current item.
+     * onAppend: Insert a piece of data after the current item.
+     *
+     * @cn children 不为 function，用来处理 object 类型数据，children 内的 name 会拼接 FieldSet name，如 FieldSet name 为 'a', children 元素name 为 b，children 实际处理的数据为 a.b;
+     * children 为 function 时，用来处理数组数据。options 属性为
+     * list: name 下的全部数据。
+     * value: 根据name获取的值的单条数据。
+     * onChange: 子组件数据改变回调。
+     * onRemove: 子组件删除回调。
+     * index: 当前项索引。
+     * onInsert: 在当前项之前插入一条数据。
+     * onAppend: 在当前项之后附加一条数据。
+     *
+     * @override ((opts: object) => ReactNode) |ReactNode
+     */
+    children: React.ReactNode | FormFieldSetChildrenFunc<T extends (infer ValueItem)[] ? ValueItem : never>;
+    /**
+     * @en Show content when data is empty. (only valid when children is function)
+     * @cn 数据为空时展示内容。（仅在children为function时有效）
+     */
+    empty?: (insert: (val: any) => void) => React.ReactNode;
+}
+//# sourceMappingURL=form-fieldset.type.d.ts.map

package/esm/form/form-fieldset.type.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"form-fieldset.type.d.ts","sourceRoot":"","sources":["form-fieldset.type.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,qBAAqB,EAAE,MAAM,eAAe,CAAC;AACtD,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,MAAM,WAAW,wBAAwB,CAAC,SAAS,GAAG,GAAG;IACvD,CAAC,MAAM,EAAE;QACP,IAAI,EAAE,SAAS,EAAE,CAAC;QAClB,KAAK,EAAE,SAAS,CAAC;QACjB,QAAQ,EAAE,CAAC,KAAK,EAAE,SAAS,KAAK,IAAI,CAAC;QACrC,QAAQ,EAAE,MAAM,IAAI,CAAC;QACrB,KAAK,EAAE,MAAM,CAAC;QACd,QAAQ,EAAE,CAAC,KAAK,EAAE,SAAS,KAAK,IAAI,CAAC;QACrC,QAAQ,EAAE,CAAC,KAAK,EAAE,SAAS,KAAK,IAAI,CAAC;QACrC,KAAK,EAAE,KAAK,EAAE,CAAC;KAChB,GAAG,KAAK,CAAC,SAAS,CAAC;CACrB;AAED,MAAM,WAAW,iBAAiB,CAAC,CAAC,CAAE,SAAQ,OAAO,CAAC,qBAAqB,CAAC,CAAC,CAAC,CAAC;IAC7E;;;OAGG;IACH,IAAI,EAAE,MAAM,CAAC;IACb;;;;;;;;;;;;;;;;;;;;;;OAsBG;IACH,QAAQ,EACJ,KAAK,CAAC,SAAS,GACf,wBAAwB,CAAC,CAAC,SAAS,CAAC,MAAM,SAAS,CAAC,EAAE,GAAG,SAAS,GAAG,KAAK,CAAC,CAAC;IAChF;;;OAGG;IACH,KAAK,CAAC,EAAE,CAAC,MAAM,EAAE,CAAC,GAAG,EAAE,GAAG,KAAK,IAAI,KAAK,KAAK,CAAC,SAAS,CAAC;CACzD"}

package/esm/form/form-fieldset.type.js

@@ -0,0 +1,5 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});

package/esm/form/form-flow.d.ts

@@ -0,0 +1,5 @@
+/// <reference types="react" />
+import type { FormFlowProps } from './form-flow.type';
+declare const FormFlow: React.FC<FormFlowProps>;
+export default FormFlow;
+//# sourceMappingURL=form-flow.d.ts.map

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

@@ -0,0 +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"}

package/esm/form/form-flow.js

@@ -0,0 +1,16 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _hooks = require("@sheinx/hooks");
+var FormFlow = function FormFlow(props) {
+  var datum = (0, _hooks.useFormFlow)({
+    names: props.names
+  });
+  if (_hooks.util.isFunc(props.children)) return props.children(datum);
+  return props.children;
+};
+var _default = FormFlow;
+exports.default = _default;

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

@@ -0,0 +1,19 @@
+import React from 'react';
+import { UseFormFlowProps, FormDatum } from '@sheinx/hooks';
+/**
+ * @title FormFlow
+ */
+export interface FormFlowProps extends UseFormFlowProps {
+    /**
+     * @en datum is the object of Datum.Form.
+     * @cn datum 为 Datum.Form 对象
+     * @override (datum: FormDatum) => ReactNode
+     */
+    children: ((datum?: FormDatum) => React.ReactNode) | React.ReactNode;
+    /**
+     * @en Specifying which fields to change trigger the Flow update.
+     * @cn names 为空时，Form 内任意值变化会触发 Flow 更新；不为空时，只监听指定字段变化
+     */
+    names?: string[];
+}
+//# sourceMappingURL=form-flow.type.d.ts.map

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

@@ -0,0 +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"}

package/esm/form/form-flow.type.js

@@ -0,0 +1,5 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"form-item.d.ts","sourceRoot":"","sources":["form-item.tsx"],"names":[],"mappings":";AAKA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,kBAAkB,CAAC;gCAE/B,aAAa;AAApC,wBAqDE"}

package/esm/form/form-item.js

@@ -0,0 +1,77 @@
+"use strict";
+
+require("core-js/modules/es.array.filter.js");
+require("core-js/modules/web.dom-collections.for-each.js");
+require("core-js/modules/es.object.get-own-property-descriptors.js");
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+require("core-js/modules/es.array.map.js");
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
+var _react = _interopRequireDefault(require("react"));
+var _hooks = require("@sheinx/hooks");
+var _classnames = _interopRequireDefault(require("classnames"));
+var _errorTrans = _interopRequireDefault(require("./error-trans"));
+var _jsxRuntime = require("react/jsx-runtime");
+var _excluded = ["children", "jssStyle", "className", "style", "label", "tip", "required"];
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { (0, _defineProperty2.default)(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+var _default = function _default(props) {
+  var _jssStyle$formItem;
+  var children = props.children,
+    jssStyle = props.jssStyle,
+    className = props.className,
+    style = props.style,
+    label = props.label,
+    tip = props.tip,
+    required = props.required,
+    rest = (0, _objectWithoutProperties2.default)(props, _excluded);
+  var formItemClasses = jssStyle === null || jssStyle === void 0 ? void 0 : (_jssStyle$formItem = jssStyle.formItem) === null || _jssStyle$formItem === void 0 ? void 0 : _jssStyle$formItem.call(jssStyle);
+  var _useFormItem = (0, _hooks.useFormItem)(),
+    Provider = _useFormItem.Provider,
+    ProviderValue = _useFormItem.ProviderValue,
+    labelConfig = _useFormItem.labelConfig,
+    errors = _useFormItem.errors,
+    showError = _useFormItem.showError,
+    attributes = _useFormItem.attributes;
+  var _labelConfig$rest = _objectSpread(_objectSpread({}, labelConfig), rest),
+    labelWidth = _labelConfig$rest.labelWidth,
+    labelAlign = _labelConfig$rest.labelAlign,
+    labelVerticalAlign = _labelConfig$rest.labelVerticalAlign,
+    inline = _labelConfig$rest.inline,
+    keepErrorHeight = _labelConfig$rest.keepErrorHeight;
+  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))
+  }, 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)),
+      style: {
+        width: labelWidth
+      },
+      children: label
+    }) : null, /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+      className: formItemClasses === null || formItemClasses === void 0 ? void 0 : formItemClasses.control,
+      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(Provider, {
+        value: ProviderValue,
+        children: children
+      }), showError && /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+        className: formItemClasses === null || formItemClasses === void 0 ? void 0 : formItemClasses.error,
+        children: errors.map(function (error, index) {
+          return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+            children: error && /*#__PURE__*/(0, _jsxRuntime.jsx)(_errorTrans.default, {
+              error: error
+            })
+          }, index);
+        })
+      }), !!tip && !showError && /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+        className: formItemClasses === null || formItemClasses === void 0 ? void 0 : formItemClasses.tip,
+        children: tip
+      })]
+    })]
+  }));
+};
+exports.default = _default;

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

@@ -0,0 +1,45 @@
+import React from 'react';
+import { FormLabelConfig } from '@sheinx/hooks';
+import { CommonType } from '../common/type';
+export interface FormItemClasses {
+    wrapper: string;
+    wrapperLabelTop: string;
+    wrapperInline: string;
+    wrapperLabelVerticalMiddle: string;
+    wrapperLabelVerticalBottom: string;
+    wrapperKeepHeight: string;
+    wrapperRequired: string;
+    wrapperTip: string;
+    label: string;
+    labelLeft: string;
+    control: string;
+    error: string;
+    tip: string;
+}
+export interface FormItemProps extends FormLabelConfig, Pick<CommonType, 'className' | 'style'> {
+    /**
+     * @en When it is undefined, the tag does not be rendered or occupy space. If there is no content, but it needs to be occupied, you can use an empty string ''.
+     * @cn 未定义时，标签不会 render，也不会占位。如果无内容需要占位，使用空字符串 ''。
+     */
+    label?: React.ReactNode;
+    /**
+     * @en Prompting information
+     * @cn 提示文案
+     */
+    tip?: React.ReactNode;
+    /**
+     * @en Required tags for pure display. Do not trigger validation
+     * @cn 必填标记，纯展示用，不会触发校验
+     * @default false
+     */
+    required?: boolean;
+    /**
+     * @en form element
+     * @cn 表单元素
+     */
+    children?: React.ReactNode;
+    jssStyle?: {
+        formItem?: () => FormItemClasses;
+    };
+}
+//# sourceMappingURL=form-item.type.d.ts.map

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

@@ -0,0 +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;AAE5C,MAAM,WAAW,eAAe;IAC9B,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,SAAS,EAAE,MAAM,CAAC;IAClB,OAAO,EAAE,MAAM,CAAC;IAChB,KAAK,EAAE,MAAM,CAAC;IACd,GAAG,EAAE,MAAM,CAAC;CACb;AACD,MAAM,WAAW,aAAc,SAAQ,eAAe,EAAE,IAAI,CAAC,UAAU,EAAE,WAAW,GAAG,OAAO,CAAC;IAC7F;;;OAGG;IACH,KAAK,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACxB;;;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/esm/form/form-item.type.js

@@ -0,0 +1,5 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});

package/esm/form/form.d.ts

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

package/esm/form/form.d.ts.map

@@ -0,0 +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;AAEhD,QAAA,MAAM,IAAI,iEAqET,CAAC;AAEF,eAAe,IAAI,CAAC"}

package/esm/form/form.js

@@ -0,0 +1,99 @@
+"use strict";
+
+require("core-js/modules/es.array.filter.js");
+require("core-js/modules/web.dom-collections.for-each.js");
+require("core-js/modules/es.object.get-own-property-descriptors.js");
+require("core-js/modules/es.array.iterator.js");
+require("core-js/modules/es.weak-map.js");
+require("core-js/modules/web.dom-collections.iterator.js");
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+var _typeof = require("@babel/runtime/helpers/typeof");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
+var _hooks = require("@sheinx/hooks");
+var _classnames = _interopRequireDefault(require("classnames"));
+var _modalContext = require("../modal/modal-context");
+var _react = _interopRequireWildcard(require("react"));
+var _jsxRuntime = require("react/jsx-runtime");
+var _excluded = ["jssStyle", "className", "style", "children", "formRef"];
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { (0, _defineProperty2.default)(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+var Form = function Form(props) {
+  var _jssStyle$form;
+  var jssStyle = props.jssStyle,
+    className = props.className,
+    style = props.style,
+    children = props.children,
+    formRef = props.formRef,
+    rest = (0, _objectWithoutProperties2.default)(props, _excluded);
+  var formClasses = jssStyle === null || jssStyle === void 0 ? void 0 : (_jssStyle$form = jssStyle.form) === null || _jssStyle$form === void 0 ? void 0 : _jssStyle$form.call(jssStyle);
+  var modalFormContext = (0, _react.useContext)(_modalContext.ModalFormContext);
+  var _props$value = props.value,
+    value = _props$value === void 0 ? props.defaultValue : _props$value,
+    onChange = props.onChange;
+  var _useForm = (0, _hooks.useForm)(_objectSpread(_objectSpread({}, rest), {}, {
+      value: value,
+      onChange: onChange
+    })),
+    Provider = _useForm.Provider,
+    ProviderProps = _useForm.ProviderProps,
+    getFormProps = _useForm.getFormProps,
+    formFunc = _useForm.formFunc;
+  var validate = (0, _hooks.usePersistFn)(function () {
+    return formFunc.validateFields();
+  });
+  var validateFields = (0, _hooks.usePersistFn)(function (fileds) {
+    return formFunc.validateFields(fileds).catch(function () {});
+  });
+  var formRefObj = (0, _hooks.useLatestObj)({
+    clearValidate: formFunc.clearErrors,
+    getValue: formFunc.getValue,
+    reset: formFunc.reset,
+    submit: formFunc.submit,
+    validate: validate,
+    validateFields: validateFields,
+    validateFieldsWithError: formFunc.validateFields
+  });
+  _react.default.useEffect(function () {
+    if (formRef) {
+      if (typeof formRef === 'function') {
+        formRef(formRefObj);
+      } else {
+        formRef.current = formRefObj;
+      }
+    }
+  }, [formRefObj]);
+  var handleFormModalInfo = function handleFormModalInfo() {
+    var status = undefined;
+    if (props.disabled) {
+      status = 'disabled';
+    }
+    if (props.pending) {
+      status = 'pending';
+    }
+    if (status !== (modalFormContext === null || modalFormContext === void 0 ? void 0 : modalFormContext.formStats)) {
+      modalFormContext === null || modalFormContext === void 0 ? void 0 : modalFormContext.setFormStats(status);
+    }
+    modalFormContext === null || modalFormContext === void 0 ? void 0 : modalFormContext.setFormInfo(formRefObj);
+  };
+  (0, _react.useEffect)(function () {
+    handleFormModalInfo();
+  }, [props.disabled, props.pending]);
+  var rootClass = (0, _classnames.default)([formClasses === null || formClasses === void 0 ? void 0 : formClasses.wrapper, className, props.inline && (formClasses === null || formClasses === void 0 ? void 0 : formClasses.wrapperInline)]);
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)("form", _objectSpread(_objectSpread({}, getFormProps({
+    className: rootClass,
+    style: style
+  })), {}, {
+    children: /*#__PURE__*/(0, _jsxRuntime.jsx)(Provider, _objectSpread(_objectSpread({}, ProviderProps), {}, {
+      children: children
+    }))
+  }));
+};
+var _default = Form;
+exports.default = _default;

package/esm/form/form.type.d.ts

@@ -0,0 +1,75 @@
+import React from 'react';
+import { BaseFormProps, ObjectType } from '@sheinx/hooks';
+import { CommonType } from '../common/type';
+export interface FormClasses {
+    wrapper: string;
+    wrapperInline: string;
+}
+export interface FormRef<Value> {
+    /**
+     * @en return form value
+     * @cn 返回表单的值
+     */
+    getValue: (name?: string) => any | Value;
+    /**
+     * @en Validate form
+     * @cn 校验表单
+     */
+    validate: () => Promise<any>;
+    /**
+     * @en Validation form fields
+     * @cn 校验表单指定字段
+     */
+    validateFields: (fields: string | string[]) => Promise<any>;
+    /**
+     * @en The verification can get the error message through Promise.catch
+     * @cn 校验可以通过 catch 获取报错信息
+     */
+    validateFieldsWithError: (fields: string | string[]) => Promise<any>;
+    /**
+     * @en Clear check
+     * @cn 清除校验
+     */
+    clearValidate: () => void;
+    /**
+     * @en Submit Form, withValidate: Whether to verify
+     * @cn 提交表单, withValidate: 是否校验
+     */
+    submit: (withValidate?: boolean) => void;
+    /**
+     * @en reset form
+     * @cn 重置表单
+     */
+    reset: () => void;
+}
+export interface FormProps<V extends ObjectType> extends Partial<BaseFormProps<V>>, Pick<CommonType, 'className' | 'style'> {
+    jssStyle: {
+        form?: () => FormClasses;
+    };
+    /**
+     * @en Form Content
+     * @cn Form 内容
+     */
+    children?: React.ReactNode;
+    /**
+     * @en When the verification fails, whether to scroll to the first verification failure component, when the value is a number, it means the offset relative to the top
+     * @cn 校验失败时是否滚动到第一个校验失败组件，该值为数字时，表示相对于顶部的偏移量
+     * @default false
+     */
+    scrollToError?: boolean | number;
+    /**
+     * @en bind form ref, Can call some form methods
+     * @cn 绑定 form 的引用, 可以调用某些 form 的方法
+     * @override
+     */
+    formRef?: ((form: FormRef<V>) => void) | {
+        current?: FormRef<V>;
+    };
+    /**
+     * @deprecated 废弃属性
+     */
+    pending?: boolean;
+}
+declare const _default: {};
+export default _default;
+//# sourceMappingURL=form.type.d.ts.map

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

@@ -0,0 +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,WAAW,WAAW;IAC1B,OAAO,EAAE,MAAM,CAAC;IAChB,aAAa,EAAE,MAAM,CAAC;CACvB;AAED,MAAM,WAAW,OAAO,CAAC,KAAK;IAC5B;;;OAGG;IACH,QAAQ,EAAE,CAAC,IAAI,CAAC,EAAE,MAAM,KAAK,GAAG,GAAG,KAAK,CAAC;IACzC;;;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;IAC5D;;;OAGG;IACH,uBAAuB,EAAE,CAAC,MAAM,EAAE,MAAM,GAAG,MAAM,EAAE,KAAK,OAAO,CAAC,GAAG,CAAC,CAAC;IACrE;;;OAGG;IACH,aAAa,EAAE,MAAM,IAAI,CAAC;IAC1B;;;OAGG;IACH,MAAM,EAAE,CAAC,YAAY,CAAC,EAAE,OAAO,KAAK,IAAI,CAAC;IACzC;;;OAGG;IACH,KAAK,EAAE,MAAM,IAAI,CAAC;CACnB;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;IAClE;;OAEG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB;;AACD,wBAAkB"}

package/esm/form/form.type.js

@@ -0,0 +1,8 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _default = {};
+exports.default = _default;

package/esm/form/index.d.ts

@@ -0,0 +1,12 @@
+export { default, default as Form } from './form';
+export { default as FormItem } from './form-item';
+export { default as FormField } from './form-field';
+export { default as FormFieldSet } from './form-fieldset';
+export { default as FormButton } from './form-button';
+export { default as FormFlow } from './form-flow';
+export type { FormProps, FormRef } from './form.type';
+export type { FormItemProps } from './form-item.type';
+export type { FormFieldProps, FormFieldChildrenFunc } from './form-field.type';
+export type { FormFieldSetProps, FormFieldSetChildrenFunc } from './form-fieldset.type';
+export type { FormFlowProps } from './form-flow.type';
+//# sourceMappingURL=index.d.ts.map

package/esm/form/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,OAAO,IAAI,IAAI,EAAE,MAAM,QAAQ,CAAC;AAClD,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,MAAM,aAAa,CAAC;AAClD,OAAO,EAAE,OAAO,IAAI,SAAS,EAAE,MAAM,cAAc,CAAC;AACpD,OAAO,EAAE,OAAO,IAAI,YAAY,EAAE,MAAM,iBAAiB,CAAC;AAC1D,OAAO,EAAE,OAAO,IAAI,UAAU,EAAE,MAAM,eAAe,CAAC;AACtD,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,MAAM,aAAa,CAAC;AAElD,YAAY,EAAE,SAAS,EAAE,OAAO,EAAE,MAAM,aAAa,CAAC;AACtD,YAAY,EAAE,aAAa,EAAE,MAAM,kBAAkB,CAAC;AACtD,YAAY,EAAE,cAAc,EAAE,qBAAqB,EAAE,MAAM,mBAAmB,CAAC;AAC/E,YAAY,EAAE,iBAAiB,EAAE,wBAAwB,EAAE,MAAM,sBAAsB,CAAC;AACxF,YAAY,EAAE,aAAa,EAAE,MAAM,kBAAkB,CAAC"}

package/esm/form/index.js

@@ -0,0 +1,54 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+Object.defineProperty(exports, "Form", {
+  enumerable: true,
+  get: function get() {
+    return _form.default;
+  }
+});
+Object.defineProperty(exports, "FormButton", {
+  enumerable: true,
+  get: function get() {
+    return _formButton.default;
+  }
+});
+Object.defineProperty(exports, "FormField", {
+  enumerable: true,
+  get: function get() {
+    return _formField.default;
+  }
+});
+Object.defineProperty(exports, "FormFieldSet", {
+  enumerable: true,
+  get: function get() {
+    return _formFieldset.default;
+  }
+});
+Object.defineProperty(exports, "FormFlow", {
+  enumerable: true,
+  get: function get() {
+    return _formFlow.default;
+  }
+});
+Object.defineProperty(exports, "FormItem", {
+  enumerable: true,
+  get: function get() {
+    return _formItem.default;
+  }
+});
+Object.defineProperty(exports, "default", {
+  enumerable: true,
+  get: function get() {
+    return _form.default;
+  }
+});
+var _form = _interopRequireDefault(require("./form"));
+var _formItem = _interopRequireDefault(require("./form-item"));
+var _formField = _interopRequireDefault(require("./form-field"));
+var _formFieldset = _interopRequireDefault(require("./form-fieldset"));
+var _formButton = _interopRequireDefault(require("./form-button"));
+var _formFlow = _interopRequireDefault(require("./form-flow"));