@sheinx/hooks 3.0.0-alpha.1

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

@@ -0,0 +1,427 @@
+"use strict";
+
+require("core-js/modules/es.object.get-own-property-descriptors.js");
+require("core-js/modules/es.weak-map.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 _regenerator = _interopRequireDefault(require("@babel/runtime/regenerator"));
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/asyncToGenerator"));
+require("core-js/modules/es.array.iterator.js");
+require("core-js/modules/es.set.js");
+require("core-js/modules/web.dom-collections.iterator.js");
+require("core-js/modules/web.dom-collections.for-each.js");
+require("core-js/modules/es.promise.js");
+require("core-js/modules/es.array.filter.js");
+require("core-js/modules/es.array.map.js");
+require("core-js/modules/es.array.concat.js");
+require("core-js/modules/es.array.reduce.js");
+var React = _interopRequireWildcard(require("react"));
+var _Provider = require("./Provider");
+var _useLatestObj = _interopRequireDefault(require("../../common/use-latest-obj"));
+var _usePersistFn = _interopRequireDefault(require("../../common/use-persist-fn"));
+var _attribute = require("../../utils/attribute");
+var _immer = require("immer");
+var _utils = require("../../utils");
+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 globalKey = '__global__&&@@';
+var emptyObj = {};
+var useForm = function useForm(props) {
+  var _props$defaultValue = props.defaultValue,
+    defaultValue = _props$defaultValue === void 0 ? {} : _props$defaultValue,
+    labelWidth = props.labelWidth,
+    labelAlign = props.labelAlign,
+    labelVerticalAlign = props.labelVerticalAlign,
+    keepErrorHeight = props.keepErrorHeight,
+    inline = props.inline,
+    initValidate = props.initValidate,
+    disabled = props.disabled,
+    onError = props.onError,
+    scrollToError = props.scrollToError,
+    _props$removeUndefine = props.removeUndefined,
+    removeUndefined = _props$removeUndefine === void 0 ? true : _props$removeUndefine,
+    rules = props.rules,
+    _props$throttle = props.throttle,
+    throttle = _props$throttle === void 0 ? 1000 : _props$throttle,
+    size = props.size,
+    scrollParent = props.scrollParent;
+  var deepSetOptions = {
+    removeUndefined: removeUndefined,
+    forceSet: true
+  };
+  var formRef = React.useRef();
+  var _React$useRef = React.useRef({
+      defaultValues: {},
+      validateMap: {},
+      updateMap: {},
+      flowMap: {},
+      removeArr: new Set(),
+      names: new Set(),
+      submitLock: false,
+      value: props.value || emptyObj,
+      errors: {},
+      serverErrors: {},
+      lastValue: props.value || emptyObj,
+      resetTime: 0,
+      mounted: false
+    }),
+    context = _React$useRef.current;
+  var update = function update(name) {
+    var _context$flowMap$glob;
+    if (!name) {
+      Object.keys(context.updateMap).forEach(function (key) {
+        var _context$updateMap$ke, _context$updateMap;
+        (_context$updateMap$ke = (_context$updateMap = context.updateMap)[key]) === null || _context$updateMap$ke === void 0 ? void 0 : _context$updateMap$ke.call(_context$updateMap, context.value, context.errors, context.serverErrors);
+      });
+      Object.keys(context.flowMap).forEach(function (key) {
+        context.flowMap[key].forEach(function (update) {
+          update();
+        });
+      });
+    } else {
+      var names = (0, _utils.isArray)(name) ? name : [name];
+      names.forEach(function (key) {
+        var _context$updateMap$ke2, _context$updateMap2, _context$flowMap$key;
+        (_context$updateMap$ke2 = (_context$updateMap2 = context.updateMap)[key]) === null || _context$updateMap$ke2 === void 0 ? void 0 : _context$updateMap$ke2.call(_context$updateMap2, context.value, context.errors, context.serverErrors);
+        (_context$flowMap$key = context.flowMap[key]) === null || _context$flowMap$key === void 0 ? void 0 : _context$flowMap$key.forEach(function (update) {
+          update();
+        });
+      });
+    }
+    (_context$flowMap$glob = context.flowMap[globalKey]) === null || _context$flowMap$glob === void 0 ? void 0 : _context$flowMap$glob.forEach(function (update) {
+      update();
+    });
+  };
+  var handleSubmitError = function handleSubmitError(err) {
+    onError === null || onError === void 0 ? void 0 : onError(err);
+    if (!props.scrollToError) return;
+    setTimeout(function () {
+      var _formRef$current;
+      var selector = "[".concat((0, _attribute.getDataAttributeName)('status'), "=\"error\"]");
+      var el = (_formRef$current = formRef.current) === null || _formRef$current === void 0 ? void 0 : _formRef$current.querySelector(selector);
+      if (el) {
+        el.scrollIntoView();
+        var focusableSelectors = 'textarea, input,[tabindex]:not([tabindex="-1"])';
+        var focusEl = el.querySelector(focusableSelectors);
+        if (focusEl && focusEl.focus) focusEl.focus();
+      }
+      if (typeof scrollToError === 'number' && scrollToError !== 0) {
+        var scrollEl = scrollParent === null || scrollParent === void 0 ? void 0 : scrollParent();
+        if (scrollEl) {
+          scrollEl.scrollTop -= scrollToError;
+        } else {
+          _utils.docScroll.top -= scrollToError;
+        }
+      }
+    });
+  };
+  var onChange = (0, _usePersistFn.default)(function (change) {
+    var _props$onChange;
+    var newValue = typeof change === 'function' ? (0, _immer.produce)(context.value, change) : change;
+    context.value = newValue;
+    (_props$onChange = props.onChange) === null || _props$onChange === void 0 ? void 0 : _props$onChange.call(props, context.value);
+  });
+  var validateFields = (0, _usePersistFn.default)(function (fields) {
+    var config = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
+    return new Promise(function (resolve, reject) {
+      var files2 = fields ? ((0, _utils.isArray)(fields) ? fields : [fields]).filter(function (key) {
+        return context.validateMap[key];
+      }) : Object.keys(context.validateMap);
+      var validates = files2.map(function (key) {
+        var validateField = context.validateMap[key];
+        return validateField(key, (0, _utils.deepGet)(context.value, key), context.value, config);
+      });
+      Promise.all(validates).then(function (results) {
+        var error = results.find(function (n) {
+          return n !== true;
+        });
+        if (error !== undefined) {
+          reject(error);
+        } else {
+          resolve(true);
+        }
+      }).catch(function (e) {
+        reject((0, _utils.wrapFormError)(e));
+      });
+    });
+  });
+  var remove = function remove() {
+    if (!context.removeArr.size) return;
+    onChange(function (v) {
+      context.removeArr.forEach(function (n) {
+        (0, _utils.deepRemove)(v, n);
+        context.removeArr.delete(n);
+      });
+    });
+  };
+  var addRemove = function addRemove(name) {
+    context.removeArr.add(name);
+    if (context.removeTimer) {
+      clearTimeout(context.removeTimer);
+    }
+    context.removeTimer = setTimeout(remove);
+  };
+  var getValue = (0, _usePersistFn.default)(function (name) {
+    if (name) {
+      return (0, _utils.deepGet)(context.value, name);
+    }
+    return context.value;
+  });
+  var setValue = (0, _usePersistFn.default)(function (vals) {
+    var option = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {
+      validate: false
+    };
+    onChange(function (draft) {
+      Object.keys(vals).forEach(function (key) {
+        (0, _utils.deepSet)(draft, key, vals[key], deepSetOptions);
+        if (option.validate) {
+          var _context$validateMap$, _context$validateMap;
+          (_context$validateMap$ = (_context$validateMap = context.validateMap)[key]) === null || _context$validateMap$ === void 0 ? void 0 : _context$validateMap$.call(_context$validateMap, key, vals[key], (0, _immer.current)(draft));
+        }
+      });
+    });
+    var keys = Object.keys(vals);
+    keys.forEach(function (key) {
+      delete context.serverErrors[key];
+    });
+    update(keys);
+  });
+  var getErrors = (0, _usePersistFn.default)(function () {
+    return context.errors;
+  });
+  var clearErrors = (0, _usePersistFn.default)(function () {
+    var keys = Object.keys(context.errors);
+    context.errors = {};
+    context.serverErrors = {};
+    update(keys);
+  });
+  var setError = (0, _usePersistFn.default)(function (name, e) {
+    context.errors[name] = e;
+    update(name);
+  });
+  var submit = (0, _usePersistFn.default)(function () {
+    var withValidate = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : true;
+    if (disabled) return;
+    if (context.submitLock) {
+      return;
+    }
+    context.submitLock = true;
+    setTimeout(function () {
+      // 防止连续点击
+      context.submitLock = false;
+    }, throttle);
+    (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee() {
+      var _props$onSubmit, _ref2, result, _props$onSubmit2, _ref3;
+      return _regenerator.default.wrap(function _callee$(_context) {
+        while (1) switch (_context.prev = _context.next) {
+          case 0:
+            if (withValidate) {
+              _context.next = 3;
+              break;
+            }
+            (_props$onSubmit = props.onSubmit) === null || _props$onSubmit === void 0 ? void 0 : _props$onSubmit.call(props, (_ref2 = context.value) !== null && _ref2 !== void 0 ? _ref2 : {});
+            return _context.abrupt("return");
+          case 3:
+            _context.next = 5;
+            return validateFields(undefined, {
+              ignoreBind: true
+            }).catch(function (e) {
+              return e;
+            });
+          case 5:
+            result = _context.sent;
+            if (!(result === true)) {
+              _context.next = 10;
+              break;
+            }
+            (_props$onSubmit2 = props.onSubmit) === null || _props$onSubmit2 === void 0 ? void 0 : _props$onSubmit2.call(props, (_ref3 = context.value) !== null && _ref3 !== void 0 ? _ref3 : {});
+            _context.next = 12;
+            break;
+          case 10:
+            handleSubmitError(result);
+            return _context.abrupt("return");
+          case 12:
+          case "end":
+            return _context.stop();
+        }
+      }, _callee);
+    }))();
+  });
+  var handleSubmit = function handleSubmit(other) {
+    return function (e) {
+      var _other$onSubmit;
+      e.preventDefault();
+      submit();
+      other === null || other === void 0 ? void 0 : (_other$onSubmit = other.onSubmit) === null || _other$onSubmit === void 0 ? void 0 : _other$onSubmit.call(other, e);
+    };
+  };
+  var getDefaultValue = function getDefaultValue() {
+    var v = (0, _immer.produce)(defaultValue, function (draft) {
+      Object.keys(context.defaultValues).forEach(function (key) {
+        var df = context.defaultValues[key];
+        if ((0, _utils.deepGet)(draft, key) === undefined) (0, _utils.deepSet)(draft, key, df, deepSetOptions);
+      });
+    });
+    return v;
+  };
+  var handleReset = function handleReset(other) {
+    return function (e) {
+      var _props$onReset, _other$onReset;
+      if (disabled) return;
+      onChange(getDefaultValue());
+      clearErrors();
+      update();
+      context.resetTime = 1;
+      (_props$onReset = props.onReset) === null || _props$onReset === void 0 ? void 0 : _props$onReset.call(props);
+      other === null || other === void 0 ? void 0 : (_other$onReset = other.onReset) === null || _other$onReset === void 0 ? void 0 : _other$onReset.call(other, e);
+    };
+  };
+  var getFormProps = function getFormProps() {
+    var externalProps = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
+    var externalEventHandlers = (0, _utils.extractEventHandlers)(externalProps);
+    return _objectSpread(_objectSpread(_objectSpread({}, externalProps), externalEventHandlers), {}, {
+      ref: formRef,
+      disabled: !!disabled,
+      onSubmit: handleSubmit(externalEventHandlers),
+      onReset: handleReset(externalEventHandlers)
+    });
+  };
+  var reset = (0, _usePersistFn.default)(function () {
+    return handleReset({})(undefined);
+  });
+  var controlFunc = (0, _useLatestObj.default)({
+    bind: function bind(n, df, validate, updateFn) {
+      if (context.names.has(n)) {
+        console.error("name \"".concat(n, "\" already exist"));
+        return;
+      }
+      context.names.add(n);
+      context.validateMap[n] = validate;
+      context.updateMap[n] = updateFn;
+      context.removeArr.delete(n);
+      if (df !== undefined && (0, _utils.deepGet)(context.value, n) === undefined) {
+        if (!context.mounted) context.defaultValues[n] = df;
+        onChange(function (v) {
+          (0, _utils.deepSet)(v, n, df, deepSetOptions);
+        });
+        update(n);
+      }
+    },
+    unbind: function unbind(n, reserveAble) {
+      delete context.validateMap[n];
+      delete context.defaultValues[n];
+      delete context.updateMap[n];
+      context.names.delete(n);
+      if (!reserveAble) {
+        addRemove(n);
+      }
+    },
+    combineRules: function combineRules(name, propRules) {
+      var newRules = [];
+      if ((0, _utils.isObject)(rules) && name) {
+        newRules = (0, _utils.deepGet)(rules, name) || [];
+      }
+      if ((0, _utils.isArray)(propRules)) {
+        newRules = newRules.concat(propRules);
+      }
+      return newRules;
+    },
+    watch: function watch() {
+      var names = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : [globalKey];
+      var update = arguments.length > 1 ? arguments[1] : undefined;
+      names.forEach(function (name) {
+        context.flowMap[name] = context.flowMap[name] || new Set();
+        context.flowMap[name].add(update);
+      });
+    },
+    unWatch: function unWatch() {
+      var names = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : [globalKey];
+      var update = arguments.length > 1 ? arguments[1] : undefined;
+      names.forEach(function (name) {
+        if (update) {
+          context.flowMap[name].delete(update);
+        } else {
+          delete context.flowMap[name];
+        }
+      });
+    }
+  });
+  var formValue = React.useMemo(function () {
+    return {
+      func: controlFunc,
+      disabled: !!disabled
+    };
+  }, [!!disabled]);
+  var formFunc = (0, _useLatestObj.default)({
+    setValue: setValue,
+    getValue: getValue,
+    submit: submit,
+    reset: reset,
+    setError: setError,
+    getErrors: getErrors,
+    clearErrors: clearErrors,
+    validateFields: validateFields
+  });
+  var formConfig = React.useMemo(function () {
+    return {
+      labelWidth: labelWidth,
+      labelAlign: labelAlign,
+      labelVerticalAlign: labelVerticalAlign,
+      keepErrorHeight: keepErrorHeight,
+      inline: inline,
+      disabled: disabled,
+      size: size
+    };
+  }, [labelWidth, labelAlign, labelVerticalAlign, keepErrorHeight, inline, disabled, size]);
+  React.useEffect(function () {
+    // 服务端错误更新
+    if (!props.error) context.serverErrors = {};else {
+      var _errors = Object.keys(props.error).reduce(function (prev, cur) {
+        var item = props.error[cur];
+        var error = item instanceof Error ? item : new Error(item);
+        return _objectSpread(_objectSpread({}, prev), {}, (0, _defineProperty2.default)({}, cur, error));
+      }, {});
+      context.serverErrors = _errors;
+    }
+    update();
+  }, [props.error]);
+
+  // 默认值更新
+  React.useEffect(function () {
+    if (props.value === context.lastValue) return;
+    context.value = props.value || emptyObj;
+    if (initValidate && !context.resetTime) {
+      var keys = Object.keys(context.validateMap).filter(function (key) {
+        var oldValue = (0, _utils.deepGet)(context.lastValue || emptyObj, key);
+        var newValue = (0, _utils.deepGet)(context.value || emptyObj, key);
+        return !(0, _utils.shallowEqual)(oldValue, newValue);
+      });
+      validateFields(keys).catch(function () {});
+    }
+    update();
+    context.lastValue = props.value;
+    context.resetTime = 0;
+  }, [props.value]);
+  React.useEffect(function () {
+    context.mounted = true;
+  }, []);
+  return {
+    getFormProps: getFormProps,
+    Provider: _Provider.Provider,
+    ProviderProps: {
+      formValue: formValue,
+      formConfig: formConfig,
+      formFunc: formFunc
+    },
+    formFunc: formFunc
+  };
+};
+var _default = useForm;
+exports.default = _default;

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

@@ -0,0 +1,168 @@
+/// <reference types="node" />
+import { ReactNode } from 'react';
+import { AddNoProps, ObjectType } from '../../common/type';
+import { FormItemRule } from '../../utils/rule/rule.type';
+export interface FormContextValueType {
+    func?: {
+        unbind: (n: string, reserveAble?: boolean) => void;
+        bind: (n: string, df: any, validate: (name: string, value: any, formData: ObjectType, config: {
+            ignoreBind?: boolean;
+        }) => void, update: (formValue: ObjectType, errors: ObjectType<Error>, serverErrors: ObjectType<Error>) => void) => void;
+        combineRules: <ValueItem>(name: string, propRules: FormItemRule<ValueItem>) => FormItemRule<ValueItem>;
+        watch: (names: string[] | undefined, update: () => void) => void;
+        unWatch: (names: string[] | undefined, update: () => void) => void;
+    };
+    disabled?: boolean;
+}
+export interface ProviderProps {
+    formConfig: FormCommonConfig;
+    formValue: FormContextValueType;
+    formFunc: FormFunc;
+    children?: ReactNode;
+}
+export interface FormLabelConfig {
+    /**
+     * @en The width of label. It is invalid when labelAlign is 'top'.
+     * @cn 标签宽度，labelAlign 为 'top' 时无效。
+     * @default 140px
+     */
+    labelWidth?: string | number;
+    /**
+     * @en The default is empty, follow the theme style.
+     * @cn 默认为空，跟随主题样式。
+     */
+    labelAlign?: 'left' | 'right' | 'top';
+    /**
+     * @en the default value is top.
+     * @cn 默认顶部对齐
+     * @default 'top'
+     */
+    labelVerticalAlign?: 'bottom' | 'top' | 'middle';
+    /**
+     * @en Single-line error prompt will not stretch the page height
+     * @cn 单行错误提示不撑开页面高度
+     * @default false
+     */
+    keepErrorHeight?: boolean;
+    /**
+     * @en When inline is true, the form is horizontal layout
+     * @cn 是否水平布局
+     * @default false
+     */
+    inline?: boolean;
+}
+export interface FormCommonConfig extends FormLabelConfig {
+    /**
+     * @en When disabled is true, all the elements in the form are disabled.
+     * @cn 是否禁用，为 true 时，表单内所有元素 disabled 都为 true
+     * @default false
+     */
+    disabled?: boolean;
+    /**
+     * @en Form element size
+     * @cn 表单元素的尺寸
+     * @default 'default'
+     */
+    size?: 'small' | 'default' | 'large';
+}
+export interface FormFunc {
+    setValue: (vals: {
+        [key: string]: any;
+    }, option?: {
+        validate?: boolean;
+    }) => void;
+    getValue: (name?: string) => any;
+    submit: (withValidate?: boolean) => void;
+    reset: () => void;
+    setError: (name: string, e: Error | undefined) => void;
+    getErrors: () => ObjectType<Error | undefined>;
+    clearErrors: () => void;
+    validateFields: (fields?: string | string[], config?: {
+        ignoreBind?: boolean;
+    }) => Promise<true>;
+}
+interface FormRuleObject<T> {
+    [key: string]: FormRuleObject<T> | FormItemRule<T>;
+}
+export interface BaseFormProps<T> extends FormCommonConfig {
+    value?: T;
+    onChange?: (value: T) => void;
+    /**
+     * @en default Value
+     * @cn 默认值
+     */
+    defaultValue?: T;
+    /**
+     * @cn 设置 value 后是否自动校验
+     */
+    initValidate?: boolean;
+    /**
+     * @en the function for Form Submission.  When the internal validation fails, it will not be triggered.
+     * @cn 表单提交函数。表单内部校验失败时不会触发。
+     */
+    onSubmit?: (value: T) => void;
+    /**
+     * @cn 表单重置函数
+     * @en the function for Form Reset.
+     */
+    onReset?: () => void;
+    /**
+     * @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;
+    /**
+     * @private 内部属性
+     */
+    onError?: (error: Error) => void;
+    /**
+     * @cn 是否删除值为 undefined 的字段
+     * @default true
+     */
+    removeUndefined?: boolean;
+    /**
+     * @en Validation rules
+     * @cn 校验规则
+     * @override RuleItem[]
+     */
+    rules?: FormRuleObject<any>;
+    /**
+     * @cn ms, 两次提交间隔时长（防止重复提交)
+     * @default 1000
+     */
+    throttle?: number;
+    /**
+     * @cn 滚动的父元素，用于滚动到错误位置增加偏移量
+     * @en The parent element of the scroll, used to scroll to the error position to increase the offset
+     */
+    scrollParent?: () => HTMLElement | null;
+    /**
+     * @private 内部属性
+     */
+    error?: ObjectType<string | Error>;
+}
+export declare type UseFormProps<T> = BaseFormProps<T>;
+export declare type FormContext = {
+    defaultValues: ObjectType;
+    validateMap: ObjectType;
+    removeArr: Set<string>;
+    removeTimer?: number | NodeJS.Timeout;
+    names: Set<string>;
+    submitLock: boolean;
+    lastValue: ObjectType | undefined;
+    resetTime: number;
+    mounted: boolean;
+    updateMap: ObjectType;
+    flowMap: ObjectType<Set<() => void>>;
+    value: ObjectType;
+    errors: ObjectType<Error | undefined>;
+    serverErrors: ObjectType<Error | undefined>;
+};
+export declare type UseFormSlotOwnProps = {
+    onSubmit: any;
+    onReset: any;
+};
+export declare type UseFormSlotProps<TOther = Record<string, unknown>> = AddNoProps<UseFormSlotOwnProps, TOther>;
+export {};
+//# sourceMappingURL=use-form.type.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"use-form.type.d.ts","sourceRoot":"","sources":["use-form.type.ts"],"names":[],"mappings":"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"}

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

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

package/esm/components/use-image/index.d.ts

@@ -0,0 +1,9 @@
+export { default, default as useImage } from './use-image';
+export { default as useImageMagnify } from './use-image-magnify';
+export { default as useImageGallery } from './use-image-gallery';
+export { default as useImageGroup } from './use-image-group';
+export type { BaseImageProps, ImageShapeType, ImageFitType, ImageTargetType, } from './use-image.type';
+export type { BaseImageGalleryProps } from './use-image-gallery.type';
+export type { BaseImageMagnifyProps } from './use-image-magnify.type';
+export type { BaseImageGroupProps } from './use-image-group.type';
+//# sourceMappingURL=index.d.ts.map

package/esm/components/use-image/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,QAAQ,EAAE,MAAM,aAAa,CAAC;AAC3D,OAAO,EAAE,OAAO,IAAI,eAAe,EAAE,MAAM,qBAAqB,CAAC;AACjE,OAAO,EAAE,OAAO,IAAI,eAAe,EAAE,MAAM,qBAAqB,CAAC;AACjE,OAAO,EAAE,OAAO,IAAI,aAAa,EAAE,MAAM,mBAAmB,CAAC;AAE7D,YAAY,EACV,cAAc,EACd,cAAc,EACd,YAAY,EACZ,eAAe,GAChB,MAAM,kBAAkB,CAAC;AAE1B,YAAY,EAAE,qBAAqB,EAAE,MAAM,0BAA0B,CAAC;AACtE,YAAY,EAAE,qBAAqB,EAAE,MAAM,0BAA0B,CAAC;AACtE,YAAY,EAAE,mBAAmB,EAAE,MAAM,wBAAwB,CAAC"}

package/esm/components/use-image/index.js

@@ -0,0 +1,40 @@
+"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 _useImage.default;
+  }
+});
+Object.defineProperty(exports, "useImage", {
+  enumerable: true,
+  get: function get() {
+    return _useImage.default;
+  }
+});
+Object.defineProperty(exports, "useImageGallery", {
+  enumerable: true,
+  get: function get() {
+    return _useImageGallery.default;
+  }
+});
+Object.defineProperty(exports, "useImageGroup", {
+  enumerable: true,
+  get: function get() {
+    return _useImageGroup.default;
+  }
+});
+Object.defineProperty(exports, "useImageMagnify", {
+  enumerable: true,
+  get: function get() {
+    return _useImageMagnify.default;
+  }
+});
+var _useImage = _interopRequireDefault(require("./use-image"));
+var _useImageMagnify = _interopRequireDefault(require("./use-image-magnify"));
+var _useImageGallery = _interopRequireDefault(require("./use-image-gallery"));
+var _useImageGroup = _interopRequireDefault(require("./use-image-group"));