@carefrees/form-utils-vue 0.0.11 → 0.0.12

package/esm/formItem/form.Item.base.vue.mjs

@@ -1,114 +0,0 @@
-import { defineComponent, useSlots, computed, toValue, createBlock, openBlock, resolveDynamicComponent, normalizeProps, mergeProps, unref, normalizeClass, normalizeStyle, createSlots, withCtx, guardReactiveProps, renderList, renderSlot } from "vue";
-import { useFormItemAttr } from "../hooks/attr/attr.FormItem.mjs";
-import _sfc_main$1 from "../layout/layout.formItem.vue.mjs";
-import { useFormItemParentNameProvide } from "../hooks/useFormItemParentName.mjs";
-const __default__ = defineComponent({
-  name: "FormItemBase",
-  inheritAttrs: false
-  // 可选，防止属性自动应用到根元素
-});
-const _sfc_main = /* @__PURE__ */ defineComponent({
-  ...__default__,
-  props: {
-    noStyle: { type: Boolean },
-    input: {},
-    dependencies: {},
-    noticeOnlyRuleDataField: {},
-    isNoticeParentField: { type: Boolean },
-    noticeWatchField: {},
-    preserve: { type: Boolean },
-    useRules: {},
-    useAttrs: {},
-    inputAttrs: {},
-    valuePropName: {},
-    getValuePath: {},
-    getValueFromEvent: {},
-    formatValue: {},
-    onAfterUpdate: {},
-    trigger: {},
-    name: {},
-    rules: {},
-    sort: {},
-    isJoinParentField: { type: Boolean },
-    errorLayout: {},
-    required: { type: Boolean },
-    labelMode: {},
-    onlyRuleStyle: { type: Boolean },
-    label: { type: [Object, String, Number, Boolean, null, Array] },
-    helpText: { type: [Object, String, Number, Boolean, null, Array] },
-    extra: { type: [Object, String, Number, Boolean, null, Array] },
-    showColon: { type: Boolean },
-    colSpan: {},
-    rowSpan: {},
-    htmlFor: {},
-    validateResult: {},
-    style: { type: [Boolean, null, String, Object, Array] },
-    class: {},
-    labelStyle: { type: [Boolean, null, String, Object, Array] },
-    labelClass: {}
-  },
-  setup(__props) {
-    const props = __props;
-    const formAttrs = useFormItemAttr(props);
-    useFormItemParentNameProvide({
-      name: formAttrs.newName,
-      sort: formAttrs.newSort
-    });
-    const slots = useSlots();
-    const isRequired = computed(() => {
-      var _a, _b, _c;
-      return !!props.required || !!((_c = toValue((_b = (_a = formAttrs.ruleInstance) == null ? void 0 : _a.value) == null ? void 0 : _b.rules) || []) == null ? void 0 : _c.find((item) => {
-        return item.required;
-      }));
-    });
-    return (_ctx, _cache) => {
-      return props.noStyle ? (openBlock(), createBlock(
-        resolveDynamicComponent(props.input),
-        normalizeProps(mergeProps({ key: 0 }, toValue(unref(formAttrs).attrsLastData))),
-        null,
-        16
-        /* FULL_PROPS */
-      )) : (openBlock(), createBlock(_sfc_main$1, {
-        key: 1,
-        label: props.label,
-        required: isRequired.value,
-        "error-layout": props.errorLayout,
-        "label-mode": props.labelMode,
-        "only-rule-style": props.onlyRuleStyle,
-        "show-colon": props.showColon,
-        "col-span": props.colSpan,
-        "row-span": props.rowSpan,
-        "html-for": unref(formAttrs).htmlFor,
-        style: normalizeStyle(props.style),
-        class: normalizeClass(props.class),
-        "label-style": props.labelStyle,
-        "label-class": props.labelClass,
-        "validate-result": unref(formAttrs).validateResult
-      }, createSlots({
-        default: withCtx(() => [
-          (openBlock(), createBlock(
-            resolveDynamicComponent(props.input),
-            normalizeProps(guardReactiveProps(toValue(unref(formAttrs).attrsLastData))),
-            null,
-            16
-            /* FULL_PROPS */
-          ))
-        ]),
-        _: 2
-        /* DYNAMIC */
-      }, [
-        renderList(slots, (item, name) => {
-          return {
-            name,
-            fn: withCtx((slotProps) => [
-              renderSlot(_ctx.$slots, name, normalizeProps(guardReactiveProps(slotProps)))
-            ])
-          };
-        })
-      ]), 1032, ["label", "required", "error-layout", "label-mode", "only-rule-style", "show-colon", "col-span", "row-span", "html-for", "style", "class", "label-style", "label-class", "validate-result"]));
-    };
-  }
-});
-export {
-  _sfc_main as default
-};

package/esm/formItem/form.Item.base.vue2.mjs

@@ -1,4 +0,0 @@
-import _sfc_main from "./form.Item.base.vue.mjs";
-export {
-  _sfc_main as default
-};

package/esm/formItem/form.hide.item.vue.mjs

@@ -1,78 +0,0 @@
-import { defineComponent, useSlots, createBlock, createCommentVNode, unref, openBlock, normalizeProps, mergeProps, createSlots, renderList, withCtx, renderSlot, guardReactiveProps } from "vue";
-import _sfc_main$1 from "./form.Item.base.vue.mjs";
-import { useRegisterFormHideItem } from "../hooks/register/register.FormHideItem.mjs";
-const __default__ = defineComponent({
-  name: "FormHideItem",
-  inheritAttrs: false
-  // 可选，防止属性自动应用到根元素
-});
-const _sfc_main = /* @__PURE__ */ defineComponent({
-  ...__default__,
-  props: {
-    noStyle: { type: Boolean },
-    input: {},
-    dependencies: {},
-    noticeOnlyRuleDataField: {},
-    isNoticeParentField: { type: Boolean },
-    noticeWatchField: {},
-    preserve: { type: Boolean },
-    useRules: {},
-    useAttrs: {},
-    inputAttrs: {},
-    valuePropName: {},
-    getValuePath: {},
-    getValueFromEvent: {},
-    formatValue: {},
-    onAfterUpdate: {},
-    trigger: {},
-    name: {},
-    rules: {},
-    sort: {},
-    isJoinParentField: { type: Boolean },
-    errorLayout: {},
-    required: { type: Boolean },
-    labelMode: {},
-    onlyRuleStyle: { type: Boolean },
-    label: { type: [Object, String, Number, Boolean, null, Array] },
-    helpText: { type: [Object, String, Number, Boolean, null, Array] },
-    extra: { type: [Object, String, Number, Boolean, null, Array] },
-    showColon: { type: Boolean },
-    colSpan: {},
-    rowSpan: {},
-    htmlFor: {},
-    validateResult: {},
-    style: { type: [Boolean, null, String, Object, Array] },
-    class: {},
-    labelStyle: { type: [Boolean, null, String, Object, Array] },
-    labelClass: {}
-  },
-  setup(__props) {
-    const props = __props;
-    const slots = useSlots();
-    const { isHide } = useRegisterFormHideItem({ name: props.name, sort: props.sort, isJoinParentField: props.isJoinParentField });
-    return (_ctx, _cache) => {
-      return !unref(isHide) ? (openBlock(), createBlock(
-        _sfc_main$1,
-        normalizeProps(mergeProps({ key: 0 }, props)),
-        createSlots({
-          _: 2
-          /* DYNAMIC */
-        }, [
-          renderList(slots, (item, name) => {
-            return {
-              name,
-              fn: withCtx((slotProps) => [
-                renderSlot(_ctx.$slots, name, normalizeProps(guardReactiveProps(slotProps)))
-              ])
-            };
-          })
-        ]),
-        1040
-        /* FULL_PROPS, DYNAMIC_SLOTS */
-      )) : createCommentVNode("v-if", true);
-    };
-  }
-});
-export {
-  _sfc_main as default
-};

package/esm/formItem/form.hide.item.vue2.mjs

@@ -1,4 +0,0 @@
-import _sfc_main from "./form.hide.item.vue.mjs";
-export {
-  _sfc_main as default
-};

package/esm/formItem/formItem.vue.mjs

@@ -1,102 +0,0 @@
-import { defineComponent, useSlots, createBlock, openBlock, normalizeProps, mergeProps, createSlots, renderList, withCtx, renderSlot, guardReactiveProps, normalizeClass, normalizeStyle } from "vue";
-import _sfc_main$2 from "../layout/layout.formItem.vue.mjs";
-import _sfc_main$1 from "./form.Item.base.vue.mjs";
-const __default__ = defineComponent({
-  name: "FormItem",
-  inheritAttrs: false
-  // 可选，防止属性自动应用到根元素
-});
-const _sfc_main = /* @__PURE__ */ defineComponent({
-  ...__default__,
-  props: {
-    noStyle: { type: Boolean },
-    input: {},
-    dependencies: {},
-    noticeOnlyRuleDataField: {},
-    isNoticeParentField: { type: Boolean },
-    noticeWatchField: {},
-    preserve: { type: Boolean },
-    useRules: {},
-    useAttrs: {},
-    inputAttrs: {},
-    valuePropName: {},
-    getValuePath: {},
-    getValueFromEvent: {},
-    formatValue: {},
-    onAfterUpdate: {},
-    trigger: {},
-    name: {},
-    rules: {},
-    sort: {},
-    isJoinParentField: { type: Boolean },
-    errorLayout: {},
-    required: { type: Boolean },
-    labelMode: {},
-    onlyRuleStyle: { type: Boolean },
-    label: { type: [Object, String, Number, Boolean, null, Array] },
-    helpText: { type: [Object, String, Number, Boolean, null, Array] },
-    extra: { type: [Object, String, Number, Boolean, null, Array] },
-    showColon: { type: Boolean },
-    colSpan: {},
-    rowSpan: {},
-    htmlFor: {},
-    validateResult: {},
-    style: { type: [Boolean, null, String, Object, Array] },
-    class: {},
-    labelStyle: { type: [Boolean, null, String, Object, Array] },
-    labelClass: {}
-  },
-  setup(__props) {
-    const props = __props;
-    const slots = useSlots();
-    return (_ctx, _cache) => {
-      return props.name ? (openBlock(), createBlock(
-        _sfc_main$1,
-        normalizeProps(mergeProps({ key: 0 }, props)),
-        createSlots({
-          _: 2
-          /* DYNAMIC */
-        }, [
-          renderList(slots, (_, name) => {
-            return {
-              name,
-              fn: withCtx((slotProps) => [
-                renderSlot(_ctx.$slots, name, normalizeProps(guardReactiveProps(slotProps)))
-              ])
-            };
-          })
-        ]),
-        1040
-        /* FULL_PROPS, DYNAMIC_SLOTS */
-      )) : (openBlock(), createBlock(_sfc_main$2, {
-        key: 1,
-        label: props.label,
-        errorLayout: props.errorLayout,
-        labelMode: props.labelMode,
-        onlyRuleStyle: props.onlyRuleStyle,
-        showColon: props.showColon,
-        colSpan: props.colSpan,
-        rowSpan: props.rowSpan,
-        style: normalizeStyle(props.style),
-        class: normalizeClass(props.class),
-        labelStyle: props.labelStyle,
-        labelClass: props.labelClass
-      }, createSlots({
-        _: 2
-        /* DYNAMIC */
-      }, [
-        renderList(slots, (_, name) => {
-          return {
-            name,
-            fn: withCtx((slotProps) => [
-              renderSlot(_ctx.$slots, name, normalizeProps(guardReactiveProps(slotProps)))
-            ])
-          };
-        })
-      ]), 1032, ["label", "errorLayout", "labelMode", "onlyRuleStyle", "showColon", "colSpan", "rowSpan", "style", "class", "labelStyle", "labelClass"]));
-    };
-  }
-});
-export {
-  _sfc_main as default
-};

package/esm/formItem/formItem.vue2.mjs

@@ -1,4 +0,0 @@
-import _sfc_main from "./formItem.vue.mjs";
-export {
-  _sfc_main as default
-};

package/esm/formItem/index.mjs

@@ -1,12 +0,0 @@
-import _sfc_main from "./form.Item.base.vue.mjs";
-import _sfc_main$1 from "./formItem.vue.mjs";
-import _sfc_main$2 from "./form.hide.item.vue.mjs";
-import { withInstall } from "../utils/withInstall.mjs";
-const FormItemBase = withInstall(_sfc_main);
-const FormItem = withInstall(_sfc_main$1);
-const FormHideItem = withInstall(_sfc_main$2);
-export {
-  FormHideItem,
-  FormItem,
-  FormItemBase
-};

package/esm/hooks/attr/attr.FormItem.mjs

@@ -1,120 +0,0 @@
-import { get } from "@carefrees/form-utils";
-import { useHtmlFor } from "../useHtmlFor.mjs";
-import { useRegisterFormItem } from "../register/register.FormItem.mjs";
-import { ref, toValue, watch, computed } from "vue";
-const useFormItemAttr = (options) => {
-  const {
-    trigger = "onChange",
-    dependencies,
-    noticeOnlyRuleDataField,
-    isNoticeParentField,
-    noticeWatchField,
-    preserve,
-    valuePropName = "value",
-    getValuePath = valuePropName,
-    getValueFromEvent,
-    formatValue,
-    onAfterUpdate,
-    useAttrs,
-    useRules,
-    inputAttrs,
-    ...rest
-  } = options;
-  const {
-    formItemInstance,
-    form,
-    ruleInstance,
-    newName,
-    newSort,
-    deepRefData
-  } = useRegisterFormItem({
-    ...rest
-  });
-  formItemInstance.dependencies = dependencies;
-  formItemInstance.noticeOnlyRuleDataField = noticeOnlyRuleDataField;
-  formItemInstance.isNoticeParentField = isNoticeParentField;
-  formItemInstance.onAfterUpdate = onAfterUpdate;
-  formItemInstance.noticeWatchField = noticeWatchField;
-  formItemInstance.preserve = preserve;
-  const oldValue = ref(get(form.formData, toValue(newName)));
-  watch(() => [get(form.formData, toValue(newName)), toValue(newName)], () => {
-    oldValue.value = form.getFieldValue(toValue(newName));
-  }, {
-    immediate: true
-  });
-  const onValueChange = (event) => {
-    var _a;
-    try {
-      let value = event;
-      if (typeof getValueFromEvent === "function") {
-        value = getValueFromEvent(event, form, formItemInstance);
-      } else if (event && event.target && typeof event.target === "object" && getValuePath in event.target) {
-        value = get(event.target, getValuePath);
-      }
-      if (typeof formatValue === "function") {
-        value = formatValue(value, form, formItemInstance, event);
-      }
-      if (oldValue.value !== value) {
-        form.updatedFieldValue(toValue(newName), value, "validate");
-        (_a = formItemInstance.onAfterUpdate) == null ? void 0 : _a.call(formItemInstance, value, form, formItemInstance, event);
-        if (Array.isArray(formItemInstance.noticeWatchField) && formItemInstance.noticeWatchField.length) {
-          form.noticeWatch(formItemInstance.noticeWatchField);
-        }
-        if (Array.isArray(formItemInstance.noticeOnlyRuleDataField) && formItemInstance.noticeOnlyRuleDataField.length) {
-          form.onlyValidate(formItemInstance.noticeOnlyRuleDataField);
-        }
-        if (formItemInstance.isNoticeParentField && formItemInstance.parentDataField) {
-          form.notice(formItemInstance.parentDataField);
-        }
-      }
-    } catch (error) {
-      console.log(error);
-    }
-  };
-  formItemInstance.onChange = onValueChange;
-  const htmlFor = useHtmlFor(newName);
-  watch(() => htmlFor, () => {
-    formItemInstance.htmlFor = htmlFor.value;
-  }, {
-    immediate: true
-  });
-  const newAttrs = computed(() => {
-    const _attr = inputAttrs || {};
-    return {
-      ..._attr,
-      [trigger]: onValueChange,
-      name: toValue(newName),
-      id: toValue(htmlFor),
-      [valuePropName]: toValue(oldValue)
-    };
-  });
-  const attrsLastData = ref(toValue(newAttrs));
-  watch(() => [toValue(newAttrs), toValue(deepRefData), toValue(oldValue)], () => {
-    attrsLastData.value = (useAttrs == null ? void 0 : useAttrs(toValue(newAttrs), form, formItemInstance)) || toValue(newAttrs);
-  }, {
-    immediate: true
-  });
-  const validateResult = ref(toValue(ruleInstance).getValidateResult());
-  watch(() => [toValue(deepRefData), toValue(oldValue)], () => {
-    useRules == null ? void 0 : useRules(ruleInstance, form, formItemInstance);
-  });
-  watch(() => [toValue(ruleInstance).messages, toValue(ruleInstance).rules, toValue(oldValue)], () => {
-    validateResult.value = toValue(ruleInstance).getValidateResult();
-  });
-  return {
-    valuePropName,
-    htmlFor,
-    onChange: onValueChange,
-    formItemInstance,
-    form,
-    ruleInstance,
-    newAttrs,
-    attrsLastData,
-    validateResult,
-    newSort,
-    newName
-  };
-};
-export {
-  useFormItemAttr
-};

package/esm/hooks/register/register.FormHideItem.mjs

@@ -1,38 +0,0 @@
-import { ref, watch, toValue } from "vue";
-import { FormHideItemInstanceBase } from "@carefrees/form-utils";
-import { useFormItemParentNameInject } from "../useFormItemParentName.mjs";
-import { useFormInject } from "../useForm.mjs";
-import { useEffect } from "../useEffect.mjs";
-const useRegisterFormHideItem = (options) => {
-  const { name, sort, isJoinParentField = true } = options;
-  const form = useFormInject();
-  const { newName, newSort } = useFormItemParentNameInject({ name, sort, isJoinParentField });
-  const hideItemInstance = ref(new FormHideItemInstanceBase().ctor(newName.value));
-  const isHide = ref(form.getFieldHideValue(newName.value));
-  watch(
-    () => [toValue(isHide)],
-    () => {
-      hideItemInstance.value.preHideValue = isHide.value;
-    },
-    { immediate: true }
-  );
-  const setValue = () => {
-    isHide.value = form.getFieldHideValue(newName.value);
-  };
-  hideItemInstance.value.updatedItem = setValue;
-  watch(
-    () => [form, toValue(newSort)],
-    () => {
-      hideItemInstance.value.instance = form;
-      hideItemInstance.value.sort = toValue(newSort);
-    },
-    { immediate: true }
-  );
-  useEffect(() => {
-    return form.registerFormHideItem(toValue(hideItemInstance));
-  });
-  return { form, isHide };
-};
-export {
-  useRegisterFormHideItem
-};

package/esm/hooks/register/register.FormItem.mjs

@@ -1,55 +0,0 @@
-import { ref, watch, toValue } from "vue";
-import { useFormInject } from "../useForm.mjs";
-import { useFormItem } from "../useFormItem.mjs";
-import { useFormItemParentNameInject } from "../useFormItemParentName.mjs";
-import { useEffect } from "../useEffect.mjs";
-import { RuleInstanceBase2 } from "../../instance/ruleIntsnace.mjs";
-const useRegisterFormItem = (options) => {
-  const { name, rules, sort, isJoinParentField = true } = options;
-  const form = useFormInject();
-  const deepRefData = ref({});
-  const { newName, newSort, parentItem } = useFormItemParentNameInject({ name, sort, isJoinParentField });
-  const ruleInstance = ref(new RuleInstanceBase2());
-  const formItemInstance = useFormItem();
-  watch(
-    () => [form],
-    () => {
-      ruleInstance.value.instance = form;
-      formItemInstance.instance = form;
-    },
-    { immediate: true }
-  );
-  watch(
-    () => [toValue(newName)],
-    () => {
-      ruleInstance.value.ctor(toValue(newName), rules || []);
-      formItemInstance.ctor(toValue(newName), toValue(ruleInstance));
-    },
-    { immediate: true }
-  );
-  watch(
-    () => [toValue(newSort)],
-    () => {
-      ruleInstance.value.sort = toValue(newSort);
-      formItemInstance.sort = toValue(newSort);
-    },
-    { immediate: true }
-  );
-  watch(
-    () => [toValue(parentItem)],
-    () => {
-      formItemInstance.parentDataField = toValue(toValue(parentItem).name);
-    },
-    { immediate: true }
-  );
-  const updated = () => {
-    deepRefData.value = { __temp: (/* @__PURE__ */ new Date()).valueOf() };
-  };
-  formItemInstance.updated = updated;
-  ruleInstance.value.updated = updated;
-  useEffect(() => form.registerFormItem(formItemInstance));
-  return { ruleInstance, formItemInstance, form, newName, newSort, parentItem, deepRefData };
-};
-export {
-  useRegisterFormItem
-};

package/esm/hooks/register/register.FormList.mjs

@@ -1,43 +0,0 @@
-import { watch, toValue } from "vue";
-import { useRegisterFormItem } from "./register.FormItem.mjs";
-import { useFormList } from "../useFormList.mjs";
-import { useEffect } from "../useEffect.mjs";
-const useRegisterFormList = (options) => {
-  const { ruleInstance, formItemInstance, form, newName, parentItem } = useRegisterFormItem(options);
-  const formListInstance = useFormList();
-  watch(
-    () => [toValue(newName)],
-    () => {
-      formListInstance.ctor(toValue(newName));
-    },
-    { immediate: true }
-  );
-  watch(
-    () => [form, formItemInstance, toValue(ruleInstance)],
-    () => {
-      formListInstance.instance = form;
-      formListInstance.formItemInstance = formItemInstance;
-      formListInstance.rule = toValue(ruleInstance);
-    },
-    { immediate: true }
-  );
-  watch(
-    () => [options.sort, toValue(parentItem)],
-    () => {
-      formListInstance.sort = toValue(parentItem.value.sort);
-      formListInstance.parentDataField = toValue(parentItem.value.name);
-    },
-    { immediate: true }
-  );
-  useEffect(() => {
-    return form.registerFormList(newName.value, formListInstance);
-  });
-  return {
-    ruleInstance,
-    formItemInstance,
-    formListInstance
-  };
-};
-export {
-  useRegisterFormList
-};

package/esm/hooks/register/register.form.mjs

@@ -1,12 +0,0 @@
-import { useMultipleFormInject } from "../useMultipleForm.mjs";
-import { useEffect } from "../useEffect.mjs";
-const useRegisterForm = (form, name) => {
-  const multipleForm = useMultipleFormInject();
-  useEffect(() => {
-    if (name) return multipleForm.ctor(name, form);
-  });
-  return multipleForm;
-};
-export {
-  useRegisterForm
-};

package/esm/hooks/useAttrs.mjs

@@ -1,43 +0,0 @@
-import { inject, computed, ref, provide, reactive } from "vue";
-const attrsProvideSymbol = Symbol("carefrees-attrs");
-function useAttrsProvide(options) {
-  const {
-    colCount = ref(4),
-    errorLayout = ref("left-bottom"),
-    labelMode = ref("top"),
-    showColon = ref(true),
-    formItemClass,
-    formItemStyle,
-    formItemLabelClass,
-    formItemLabelStyle
-  } = options;
-  const data = computed(() => {
-    return {
-      colCount,
-      errorLayout,
-      labelMode,
-      showColon,
-      formItemClass,
-      formItemStyle,
-      formItemLabelClass,
-      formItemLabelStyle
-    };
-  });
-  provide(attrsProvideSymbol, reactive(data));
-}
-function useAttrsInject() {
-  const attrs = inject(
-    attrsProvideSymbol,
-    computed(() => ({
-      colCount: ref(4),
-      errorLayout: ref("left-bottom"),
-      labelMode: ref("top"),
-      showColon: ref(true)
-    }))
-  );
-  return attrs;
-}
-export {
-  useAttrsInject,
-  useAttrsProvide
-};

package/esm/hooks/useEffect.mjs

@@ -1,14 +0,0 @@
-import { ref, onMounted, onUnmounted } from "vue";
-const useEffect = (fun) => {
-  const unRegisterRef = ref();
-  onMounted(() => {
-    unRegisterRef.value = fun();
-  });
-  onUnmounted(() => {
-    typeof unRegisterRef.value === "function" && unRegisterRef.value();
-    unRegisterRef.value = void 0;
-  });
-};
-export {
-  useEffect
-};

package/esm/hooks/useForm.mjs

@@ -1,26 +0,0 @@
-import { FormInstanceBase } from "@carefrees/form-utils";
-import { ref, provide, inject } from "vue";
-const formProvideSymbol = Symbol("carefrees-form");
-function useFormProvide(form) {
-  provide(formProvideSymbol, form);
-}
-function useFormInject() {
-  const form = inject(formProvideSymbol, new FormInstanceBase());
-  return form;
-}
-function useForm(form) {
-  const refForm = ref();
-  if (!refForm.value) {
-    if (form) {
-      refForm.value = form;
-    } else {
-      refForm.value = new FormInstanceBase();
-    }
-  }
-  return refForm;
-}
-export {
-  useForm,
-  useFormInject,
-  useFormProvide
-};