@sheinx/hooks 3.0.0-alpha.1

package/esm/components/use-form/use-form-fieldset/use-form-fieldset.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-form-fieldset.d.ts","sourceRoot":"","sources":["use-form-fieldset.ts"],"names":[],"mappings":";AACA,OAAO,EAAE,qBAAqB,EAAE,MAAM,0BAA0B,CAAC;AAIjE,eAAO,MAAM,eAAe;;;;;;;;;;CA8B3B,CAAC;AAEF,eAAe,eAAe,CAAC"}

package/esm/components/use-form/use-form-fieldset/use-form-fieldset.js

@@ -0,0 +1,52 @@
+"use strict";
+
+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 _typeof = require("@babel/runtime/helpers/typeof");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.useFormFieldSet = exports.default = void 0;
+var _fieldsetContext = _interopRequireWildcard(require("./fieldset-context"));
+var _useFormControl2 = require("../use-form-control");
+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; }
+var emptyFunc = function emptyFunc() {};
+var useFormFieldSet = function useFormFieldSet(props) {
+  var _useFieldSetConsumer = (0, _fieldsetContext.useFieldSetConsumer)({
+      name: props.name
+    }),
+    name = _useFieldSetConsumer.name,
+    bind = _useFieldSetConsumer.bind;
+  var _useFormControl = (0, _useFormControl2.useFormControl)({
+      name: name,
+      defaultValue: props.defaultValue,
+      reserveAble: props.reserveAble,
+      rules: props.rules,
+      onError: props.onError,
+      bind: bind,
+      onChange: emptyFunc,
+      getValidateProps: props.getValidateProps
+    }),
+    inForm = _useFormControl.inForm,
+    error = _useFormControl.error,
+    value = _useFormControl.value,
+    onChange = _useFormControl.onChange;
+  if (!inForm) {
+    console.error('[FieldSet] should render in Form');
+  }
+  var ProviderValue = {
+    path: name
+  };
+  return {
+    Provider: _fieldsetContext.default.Provider,
+    ProviderValue: ProviderValue,
+    error: error,
+    value: value,
+    onChange: onChange
+  };
+};
+exports.useFormFieldSet = useFormFieldSet;
+var _default = useFormFieldSet;
+exports.default = _default;

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

@@ -0,0 +1,5 @@
+import { BaseFormControlProps } from '../use-form-control/use-form-control.type';
+export interface BaseFormFieldSetProps<T> extends Omit<BaseFormControlProps<T>, 'onChange' | 'name' | 'bind'> {
+    name: string;
+}
+//# sourceMappingURL=use-form-fieldset.type.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"use-form-fieldset.type.d.ts","sourceRoot":"","sources":["use-form-fieldset.type.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,oBAAoB,EAAE,MAAM,2CAA2C,CAAC;AAEjF,MAAM,WAAW,qBAAqB,CAAC,CAAC,CACtC,SAAQ,IAAI,CAAC,oBAAoB,CAAC,CAAC,CAAC,EAAE,UAAU,GAAG,MAAM,GAAG,MAAM,CAAC;IACnE,IAAI,EAAE,MAAM,CAAC;CACd"}

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

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

package/esm/components/use-form/use-form-flow/index.d.ts

@@ -0,0 +1,5 @@
+export { default, default as useFormFlow } from './use-form-flow';
+export type { UseFormFlowProps } from './use-form-flow.type';
+export { default as useFormDatum } from './use-form-datum';
+export type { FormDatum } from './use-form-datum';
+//# sourceMappingURL=index.d.ts.map

package/esm/components/use-form/use-form-flow/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,WAAW,EAAE,MAAM,iBAAiB,CAAC;AAClE,YAAY,EAAE,gBAAgB,EAAE,MAAM,sBAAsB,CAAC;AAE7D,OAAO,EAAE,OAAO,IAAI,YAAY,EAAE,MAAM,kBAAkB,CAAC;AAC3D,YAAY,EAAE,SAAS,EAAE,MAAM,kBAAkB,CAAC"}

package/esm/components/use-form/use-form-flow/index.js

@@ -0,0 +1,26 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+Object.defineProperty(exports, "default", {
+  enumerable: true,
+  get: function get() {
+    return _useFormFlow.default;
+  }
+});
+Object.defineProperty(exports, "useFormDatum", {
+  enumerable: true,
+  get: function get() {
+    return _useFormDatum.default;
+  }
+});
+Object.defineProperty(exports, "useFormFlow", {
+  enumerable: true,
+  get: function get() {
+    return _useFormFlow.default;
+  }
+});
+var _useFormFlow = _interopRequireDefault(require("./use-form-flow"));
+var _useFormDatum = _interopRequireDefault(require("./use-form-datum"));

package/esm/components/use-form/use-form-flow/use-form-datum.d.ts

@@ -0,0 +1,9 @@
+export interface FormDatum {
+    set: (vals: {
+        [name: string]: any;
+    }) => void;
+    get: (name?: string) => any;
+}
+declare const useFormDatum: () => FormDatum | undefined;
+export default useFormDatum;
+//# sourceMappingURL=use-form-datum.d.ts.map

package/esm/components/use-form/use-form-flow/use-form-datum.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-form-datum.d.ts","sourceRoot":"","sources":["use-form-datum.tsx"],"names":[],"mappings":"AAEA,MAAM,WAAW,SAAS;IACxB,GAAG,EAAE,CAAC,IAAI,EAAE;QAAE,CAAC,IAAI,EAAE,MAAM,GAAG,GAAG,CAAA;KAAE,KAAK,IAAI,CAAC;IAC7C,GAAG,EAAE,CAAC,IAAI,CAAC,EAAE,MAAM,KAAK,GAAG,CAAC;CAC7B;AACD,QAAA,MAAM,YAAY,6BAQjB,CAAC;AAEF,eAAe,YAAY,CAAC"}

package/esm/components/use-form/use-form-flow/use-form-datum.js

@@ -0,0 +1,18 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _ = require("../../..");
+var useFormDatum = function useFormDatum() {
+  var formFunc = (0, _.useFormFunc)();
+  var func = (0, _.useLatestObj)({
+    set: formFunc === null || formFunc === void 0 ? void 0 : formFunc.setValue,
+    get: formFunc === null || formFunc === void 0 ? void 0 : formFunc.getValue
+  });
+  var datum = formFunc ? func : undefined;
+  return datum;
+};
+var _default = useFormDatum;
+exports.default = _default;

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

@@ -0,0 +1,4 @@
+import type { UseFormFlowProps } from './use-form-flow.type';
+declare const UseFormItem: (props: UseFormFlowProps) => import("./use-form-datum").FormDatum | undefined;
+export default UseFormItem;
+//# sourceMappingURL=use-form-flow.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"use-form-flow.d.ts","sourceRoot":"","sources":["use-form-flow.ts"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,sBAAsB,CAAC;AAE7D,QAAA,MAAM,WAAW,UAAW,gBAAgB,qDAkB3C,CAAC;AAEF,eAAe,WAAW,CAAC"}

package/esm/components/use-form/use-form-flow/use-form-flow.js

@@ -0,0 +1,30 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _react = require("react");
+var _formBindContext = require("../form-bind-context");
+var _useRender = _interopRequireDefault(require("../../../common/use-render"));
+var _useFormDatum = _interopRequireDefault(require("./use-form-datum"));
+var UseFormItem = function UseFormItem(props) {
+  var names = props.names;
+  var formBind = (0, _formBindContext.useFormBind)();
+  var update = (0, _useRender.default)();
+  var formDatum = (0, _useFormDatum.default)();
+  (0, _react.useEffect)(function () {
+    if (formBind && formBind.func) {
+      formBind.func.watch(names, update);
+    }
+    return function () {
+      if (formBind && formBind.func) {
+        formBind.func.unWatch(names, update);
+      }
+    };
+  }, [names]);
+  return formDatum;
+};
+var _default = UseFormItem;
+exports.default = _default;

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

@@ -0,0 +1,4 @@
+export interface UseFormFlowProps {
+    names?: string[];
+}
+//# sourceMappingURL=use-form-flow.type.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"use-form-flow.type.d.ts","sourceRoot":"","sources":["use-form-flow.type.ts"],"names":[],"mappings":"AAAA,MAAM,WAAW,gBAAgB;IAC/B,KAAK,CAAC,EAAE,MAAM,EAAE,CAAC;CAClB"}

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

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

package/esm/components/use-form/use-form-item/form-item-context.d.ts

@@ -0,0 +1,6 @@
+import * as React from 'react';
+export interface FormItemContextValueType {
+    updateError: (name: string, error?: Error) => void;
+}
+export declare const FormItemContext: React.Context<FormItemContextValueType>;
+//# sourceMappingURL=form-item-context.d.ts.map

package/esm/components/use-form/use-form-item/form-item-context.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"form-item-context.d.ts","sourceRoot":"","sources":["form-item-context.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,MAAM,WAAW,wBAAwB;IACvC,WAAW,EAAE,CAAC,IAAI,EAAE,MAAM,EAAE,KAAK,CAAC,EAAE,KAAK,KAAK,IAAI,CAAC;CACpD;AAED,eAAO,MAAM,eAAe,yCAE1B,CAAC"}

package/esm/components/use-form/use-form-item/form-item-context.js

@@ -0,0 +1,17 @@
+"use strict";
+
+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 _typeof = require("@babel/runtime/helpers/typeof");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.FormItemContext = void 0;
+var React = _interopRequireWildcard(require("react"));
+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; }
+var FormItemContext = /*#__PURE__*/React.createContext({
+  updateError: function updateError() {}
+});
+exports.FormItemContext = FormItemContext;

package/esm/components/use-form/use-form-item/index.d.ts

@@ -0,0 +1,2 @@
+export { default, default as useFormItem } from './use-form-item';
+//# sourceMappingURL=index.d.ts.map

package/esm/components/use-form/use-form-item/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,WAAW,EAAE,MAAM,iBAAiB,CAAC"}

package/esm/components/use-form/use-form-item/index.js

@@ -0,0 +1,19 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+Object.defineProperty(exports, "default", {
+  enumerable: true,
+  get: function get() {
+    return _useFormItem.default;
+  }
+});
+Object.defineProperty(exports, "useFormItem", {
+  enumerable: true,
+  get: function get() {
+    return _useFormItem.default;
+  }
+});
+var _useFormItem = _interopRequireDefault(require("./use-form-item"));

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

@@ -0,0 +1,12 @@
+import React from 'react';
+import type { FormItemContextValueType } from './form-item-context';
+declare const UseFormItem: () => {
+    Provider: React.Provider<FormItemContextValueType>;
+    ProviderValue: FormItemContextValueType;
+    errors: (Error | undefined)[];
+    labelConfig: import("..").FormCommonConfig;
+    attributes: Record<string, string>;
+    showError: boolean;
+};
+export default UseFormItem;
+//# sourceMappingURL=use-form-item.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"use-form-item.d.ts","sourceRoot":"","sources":["use-form-item.ts"],"names":[],"mappings":"AAAA,OAAO,KAAkB,MAAM,OAAO,CAAC;AACvC,OAAO,KAAK,EAAE,wBAAwB,EAAE,MAAM,qBAAqB,CAAC;AAOpE,QAAA,MAAM,WAAW;;;;;;;CAoChB,CAAC;AAEF,eAAe,WAAW,CAAC"}

package/esm/components/use-form/use-form-item/use-form-item.js

@@ -0,0 +1,62 @@
+"use strict";
+
+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;
+require("core-js/modules/es.array.filter.js");
+require("core-js/modules/es.object.values.js");
+var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
+var _react = _interopRequireWildcard(require("react"));
+var _formItemContext = require("./form-item-context");
+var _formConfigContext = require("../form-config-context");
+var _usePersistFn = _interopRequireDefault(require("../../../common/use-persist-fn"));
+var _attribute = require("../../../utils/attribute");
+var _immer = require("immer");
+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; }
+var UseFormItem = function UseFormItem() {
+  var _React$useState = _react.default.useState({}),
+    _React$useState2 = (0, _slicedToArray2.default)(_React$useState, 2),
+    errors = _React$useState2[0],
+    setErrors = _React$useState2[1];
+  var formConfig = (0, _formConfigContext.useFormConfig)();
+  var handlerErrorUpdate = (0, _usePersistFn.default)(function (name, error) {
+    if (errors[name] !== error) {
+      setErrors(function (prev) {
+        return (0, _immer.produce)(prev, function (draft) {
+          if (error) {
+            draft[name] = error;
+          } else {
+            delete draft[name];
+          }
+        });
+      });
+    }
+  });
+  var msg = Object.values(errors).filter(Boolean);
+  var showError = msg && msg.length > 0;
+  var attributes = (0, _attribute.getDataAttribute)({
+    status: showError ? 'error' : 'default'
+  });
+  var ProviderValue = (0, _react.useMemo)(function () {
+    return {
+      updateError: handlerErrorUpdate
+    };
+  }, [handlerErrorUpdate]);
+  return {
+    Provider: _formItemContext.FormItemContext.Provider,
+    ProviderValue: ProviderValue,
+    errors: msg,
+    labelConfig: formConfig,
+    attributes: attributes,
+    showError: showError
+  };
+};
+var _default = UseFormItem;
+exports.default = _default;

package/esm/components/use-form/use-form.d.ts

@@ -0,0 +1,41 @@
+/// <reference types="react" />
+import { ProviderProps, UseFormProps, UseFormSlotProps } from './use-form.type';
+import { ObjectType } from '../../common/type';
+declare const useForm: <T extends ObjectType<any>>(props: UseFormProps<T>) => {
+    getFormProps: <TOther extends ObjectType<any> = ObjectType<any>>(externalProps?: TOther) => UseFormSlotProps<TOther>;
+    Provider: (props: ProviderProps) => JSX.Element;
+    ProviderProps: {
+        formValue: import("./use-form.type").FormContextValueType;
+        formConfig: import("./use-form.type").FormCommonConfig;
+        formFunc: {
+            setValue: (vals: {
+                [key: string]: any;
+            }, option?: {
+                validate?: boolean;
+            }) => void;
+            getValue: (name?: string) => unknown;
+            submit: (withValidate?: boolean) => void;
+            reset: () => void;
+            setError: (name: string, e: Error | undefined) => void;
+            getErrors: () => ObjectType<Error | undefined>;
+            clearErrors: () => void;
+            validateFields: (fields?: string | string[], config?: any) => Promise<true>;
+        };
+    };
+    formFunc: {
+        setValue: (vals: {
+            [key: string]: any;
+        }, option?: {
+            validate?: boolean;
+        }) => void;
+        getValue: (name?: string) => unknown;
+        submit: (withValidate?: boolean) => void;
+        reset: () => void;
+        setError: (name: string, e: Error | undefined) => void;
+        getErrors: () => ObjectType<Error | undefined>;
+        clearErrors: () => void;
+        validateFields: (fields?: string | string[], config?: any) => Promise<true>;
+    };
+};
+export default useForm;
+//# sourceMappingURL=use-form.d.ts.map

package/esm/components/use-form/use-form.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-form.d.ts","sourceRoot":"","sources":["use-form.ts"],"names":[],"mappings":";AAsBA,OAAO,EAAe,aAAa,EAAE,YAAY,EAAE,gBAAgB,EAAE,MAAM,iBAAiB,CAAC;AAC7F,OAAO,EAAe,UAAU,EAAE,MAAM,mBAAmB,CAAC;AAI5D,QAAA,MAAM,OAAO;;;;;;;;;wBAmJ8B;gBAAE,QAAQ,CAAC,EAAE,OAAO,CAAA;aAAE;8BARzB,MAAM;oCAsCD,OAAO;;6BALb,MAAM,KAAK,KAAK,GAAG,SAAS;;;sCA3EnB,MAAM,GAAG,MAAM,EAAE,mBAAgB,QAAQ,IAAI,CAAC;;;;;;oBAkDnD;YAAE,QAAQ,CAAC,EAAE,OAAO,CAAA;SAAE;0BARzB,MAAM;gCAsCD,OAAO;;yBALb,MAAM,KAAK,KAAK,GAAG,SAAS;;;kCA3EnB,MAAM,GAAG,MAAM,EAAE,mBAAgB,QAAQ,IAAI,CAAC;;CAuS7F,CAAC;AAEF,eAAe,OAAO,CAAC"}