@carefrees/form-utils-vue 0.0.8

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

@@ -0,0 +1,55 @@
+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(
+    [newName.value],
+    () => {
+      ruleInstance.value.ctor(newName.value, rules || []);
+      formItemInstance.ctor(newName.value, ruleInstance.value);
+    },
+    { immediate: true }
+  );
+  watch(
+    [newSort.value],
+    () => {
+      ruleInstance.value.sort = newSort.value;
+      formItemInstance.sort = newSort.value;
+    },
+    { immediate: true }
+  );
+  watch(
+    [parentItem.value],
+    () => {
+      formItemInstance.parentDataField = toValue(parentItem.value.name);
+    },
+    { immediate: true }
+  );
+  const updated = () => {
+    deepRefData.value = { a: (/* @__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
+};