@qin-ui/antd-vue-pro 2.0.15 → 2.0.18

package/es/form/index.js

@@ -4,9 +4,10 @@ import "ant-design-vue/es/config-provider/context";
 import { useProviderDisabled, useInjectDisabled } from "ant-design-vue/es/config-provider/DisabledContext";
 import { colProps } from "ant-design-vue/es/grid/Col";
 import { formItemProps, useInjectFormItemContext } from "ant-design-vue/es/form";
-import { defineComponent, provide, inject, useSlots, watchEffect, createBlock, openBlock, unref, mergeProps, withCtx, createVNode, renderSlot, computed, toValue, normalizeProps, guardReactiveProps, resolveComponent, createElementBlock, Fragment, renderList, createSlots, ref, reactive, useAttrs, createCommentVNode, resolveDynamicComponent, isVNode, createTextVNode, toDisplayString } from "vue";
-import { I as INJECT_CONFIG, c as camelizeProperties, g as getObject } from "../component-provider/index-D8NF18a1.js";
-import { i as isPlainObject, t as toPath, g as get, s as set, o as omit, c as cloneDeep } from "../vendor/utils/lodash-es-p6jau26B.js";
+import { defineComponent, provide, inject, useSlots, watchEffect, createBlock, openBlock, unref, mergeProps, withCtx, createVNode, renderSlot, computed, toValue, normalizeProps, guardReactiveProps, resolveComponent, createElementBlock, Fragment, renderList, createSlots, ref, useAttrs, createCommentVNode, resolveDynamicComponent, isVNode, createTextVNode, toDisplayString } from "vue";
+import { I as InjectionFormKey, a as INJECT_CONFIG, c as camelizeProperties, b as InjectionPathKey, g as getObject, u as useForm$1, d as useFields$1, e as useFormRef$1 } from "../component-provider/index-BeGPcKnM.js";
+import { f } from "../component-provider/index-BeGPcKnM.js";
+import { i as isPlainObject, t as toPath, o as omit, c as cloneDeep } from "../vendor/utils/lodash-es-p6jau26B.js";
 const _sfc_main$6 = /* @__PURE__ */ defineComponent({
   ...{ name: "ProForm", inheritAttrs: false },
   __name: "index",
@@ -15,9 +16,8 @@ const _sfc_main$6 = /* @__PURE__ */ defineComponent({
     form: { default: () => ({}) }
   },
   setup(__props) {
-    const props = __props;
-    provide(InjectionFormKey, props.form);
-    const { formData, fields, setFormRef } = props.form;
+    provide(InjectionFormKey, __props.form);
+    const { formData, fields, setFormRef } = __props.form;
     const config = INJECT_CONFIG["pro-form"];
     const { grid: _injectGrid, ...injectAttrs } = inject(
       config.injectionKey,
@@ -70,8 +70,6 @@ const COMPONENT_MAP = /* @__PURE__ */ new Map([
   ["transfer", Transfer]
 ]);
 const TeleportComponentNamePrefix = "TeleportComponent_";
-const InjectionFormKey = Symbol("form");
-const InjectionPathKey = Symbol("path");
 const _sfc_main$5 = /* @__PURE__ */ defineComponent({
   __name: "index",
   props: {
@@ -153,27 +151,24 @@ const _sfc_main$3 = /* @__PURE__ */ defineComponent({
   ...{ name: "BaseFormItem", inheritAttrs: false },
   __name: "index",
   props: {
-    grid: { type: [Boolean, Object], default: void 0 },
+    grid: { type: [Boolean, Object], default: () => void 0 },
     fields: { default: () => [] },
-    disabled: { type: Boolean, default: void 0 }
+    disabled: { type: Boolean, default: () => void 0 }
   },
   setup(__props) {
-    const props = __props;
-    const validFields = computed(
-      () => {
-        var _a, _b;
-        return (_b = (_a = props.fields).filter) == null ? void 0 : _b.call(_a, (field) => !field.hidden);
-      }
-    );
-    useProviderDisabled(computed(() => props.disabled));
+    const validFields = computed(() => {
+      var _a, _b;
+      return (_b = (_a = __props.fields).filter) == null ? void 0 : _b.call(_a, (field) => !field.hidden);
+    });
+    useProviderDisabled(computed(() => __props.disabled));
     const config = INJECT_CONFIG["pro-form"];
     const { grid: injectGrid } = inject(config.injectionKey, config.default);
     const enableGrid = computed(() => {
-      if (props.grid !== void 0) return !!props.grid;
+      if (__props.grid !== void 0) return !!__props.grid;
       return !!injectGrid;
     });
     const computedGridProps = computed(() => {
-      return enableGrid.value ? { ...getObject(injectGrid), ...getObject(props.grid) } : {};
+      return enableGrid.value ? { ...getObject(injectGrid), ...getObject(__props.grid) } : {};
     });
     const formItemRefs = [];
     const componentRefs = [];
@@ -279,232 +274,15 @@ const _sfc_main$3 = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const useFields = (initFields) => {
-  const fields = ref([]);
-  fields.value = initFields || [];
-  const _map = /* @__PURE__ */ new Map();
-  const cacheMatch = (pathStr, updater) => {
-    var _a;
-    const fieldPath = _map.get(pathStr) || [];
-    if (fieldPath.length === 0) return false;
-    const fieldIndex = fieldPath[fieldPath.length - 1];
-    const parentField = fieldPath.length === 1 ? fields.value : get(fields.value, fieldPath.slice(0, -2));
-    const field = (_a = parentField == null ? void 0 : parentField.fields) == null ? void 0 : _a[fieldIndex];
-    const _path = toPath((field == null ? void 0 : field.name) ?? (field == null ? void 0 : field.path)).join(".");
-    if (_path === pathStr) {
-      updater({ field, fieldIndex, parentField });
-      return true;
-    }
-    return false;
-  };
-  const updaterMatch = (path, updater, options = {}) => {
-    if (!path) return;
-    const pathStr = typeof path === "function" ? "" : toPath(path).join(".");
-    const { all = typeof path === "function" } = options;
-    if (pathStr && _map.has(pathStr) && !all) {
-      const bool = cacheMatch(pathStr, updater);
-      if (bool) return;
-    }
-    const queue = fields.value.map((field, i) => ({
-      field,
-      fieldPath: [i],
-      parentField: { fields: fields.value }
-    }));
-    while (queue.length) {
-      const { field, fieldPath, parentField } = queue.shift();
-      let matched = false;
-      const _path = toPath(field.name ?? field.path).join(".");
-      if (_path) _map.set(_path, fieldPath);
-      if (typeof path === "function") {
-        matched = path(field);
-      } else if (_path) {
-        matched = pathStr === _path;
-      }
-      if (matched) {
-        const fieldIndex = fieldPath[fieldPath.length - 1];
-        updater({ field, fieldIndex, parentField });
-        if (!all) return;
-      }
-      if (Array.isArray(field.fields)) {
-        field.fields.forEach((f, i) => {
-          queue.push({
-            field: f,
-            fieldPath: [...fieldPath, "fields", i],
-            parentField: field
-          });
-        });
-      }
-    }
-  };
-  function getField(path, options) {
-    if (!path) return void 0;
-    const res = [];
-    updaterMatch(
-      path,
-      ({ field }) => {
-        res.push(field);
-      },
-      options
-    );
-    return (options == null ? void 0 : options.all) ? res : res[0];
-  }
-  function setField(path, field, options) {
-    if (!path || !field) return;
-    const { updateType = "merge", ...rest } = options || {};
-    updaterMatch(
-      path,
-      ({ field: preField, fieldIndex, parentField }) => {
-        let value = field;
-        if (typeof field === "function") {
-          value = field(preField);
-        }
-        if (!value) return;
-        if (updateType === "rewrite") {
-          parentField.fields[fieldIndex] = value;
-        } else {
-          Object.assign(preField, value);
-        }
-      },
-      rest
-    );
-  }
-  function deleteField(path, options) {
-    if (!path) return;
-    updaterMatch(
-      path,
-      ({ fieldIndex, parentField }) => {
-        parentField.fields.splice(fieldIndex, 1);
-      },
-      options
-    );
-  }
-  function addFields(path, newFields, options, placement) {
-    if (newFields.length === 0) return;
-    if (path) {
-      updaterMatch(
-        path,
-        ({ fieldIndex, parentField }) => {
-          const index = placement === "after" ? fieldIndex + 1 : fieldIndex;
-          parentField.fields.splice(index, 0, ...newFields);
-        },
-        options
-      );
-    } else if (placement === "after") {
-      fields.value.push(...newFields);
-    } else {
-      fields.value.unshift(...newFields);
-    }
-  }
-  function appendField(path, field, options) {
-    const newFields = Array.isArray(field) ? field : [field];
-    addFields(path, newFields, options, "after");
-  }
-  function prependField(path, field, options) {
-    const newFields = Array.isArray(field) ? field : [field];
-    addFields(path, newFields, options, "before");
-  }
-  function getParentField(path, options) {
-    if (!path) return void 0;
-    const res = [];
-    updaterMatch(
-      path,
-      ({ parentField }) => {
-        res.push(parentField);
-      },
-      options
-    );
-    return (options == null ? void 0 : options.all) ? res : res[0];
-  }
-  return {
-    fields,
-    getField,
-    setField,
-    deleteField,
-    appendField,
-    prependField,
-    getParentField
-  };
-};
-const InjectionFormDataKey = Symbol("form-data");
-const useFormData = (initFormData) => {
-  if (!initFormData) {
-    const injectFormDataStore = inject(InjectionFormDataKey, void 0);
-    if (injectFormDataStore) return injectFormDataStore;
-  }
-  const formData = reactive(initFormData ?? {});
-  function getFormData(path) {
-    if (!path) return void 0;
-    return get(formData, path);
-  }
-  function setFormData(...args) {
-    let path;
-    let value;
-    if (args.length >= 2) {
-      [path, value] = args;
-      if (!path) return;
-    } else {
-      [value] = args;
-    }
-    if (path) {
-      if (typeof value === "function") {
-        const preValue = getFormData(path);
-        value = value(preValue);
-      }
-      set(formData, path, value);
-    } else {
-      if (typeof value === "function") {
-        const preValue = formData;
-        value = value(preValue);
-      }
-      if (!isPlainObject(value)) return;
-      Object.keys(formData).forEach((key) => {
-        delete formData[key];
-      });
-      Object.assign(formData, value);
-    }
-  }
-  const formDataStore = { formData, getFormData, setFormData };
-  provide(InjectionFormDataKey, formDataStore);
-  return formDataStore;
-};
-const useFormRef = () => {
-  const formRef = ref();
-  const setFormRef = (inst) => {
-    formRef.value = inst;
-  };
-  return { formRef, setFormRef };
-};
-function useForm(...args) {
-  let initFormData = {}, initFields = [], root = true;
-  if (args.length === 1) {
-    root = args[0];
-  } else if (args.length >= 2) {
-    initFormData = args[0];
-    initFields = args[1];
-    root = args[2] ?? root;
-  }
-  if (!root) {
-    const injectForm = inject(InjectionFormKey);
-    if (injectForm) return injectForm;
-  }
-  return {
-    ...useFormData(initFormData),
-    ...useFields(initFields),
-    ...useFormRef()
-  };
-}
-const initPropsMap = /* @__PURE__ */ new Map();
+const useForm = useForm$1;
 const getInitProps = (field) => {
   const { component } = field;
   const type = component === "input" ? "" : field.type;
   if (COMPONENT_MAP.has(component)) {
     const k = [component, type].filter(Boolean).join(".");
-    if (initPropsMap.has(k)) {
-      return initPropsMap.get(k);
-    } else if (INJECT_CONFIG[k]) {
+    if (INJECT_CONFIG[k]) {
       const config = INJECT_CONFIG[k];
       const injectProps = inject(config.injectionKey, config.default);
-      initPropsMap.set(k, injectProps);
       return injectProps;
     }
   }
@@ -514,11 +292,10 @@ const _sfc_main$2 = /* @__PURE__ */ defineComponent({
   ...{ name: "BaseField", inheritAttrs: false },
   __name: "index",
   props: {
-    component: { default: void 0 },
+    component: { default: () => void 0 },
     path: { default: "" }
   },
   setup(__props, { expose: __expose }) {
-    const props = __props;
     const form = useForm(false);
     const { getFormData, setFormData } = form;
     const componentRef = ref();
@@ -528,11 +305,11 @@ const _sfc_main$2 = /* @__PURE__ */ defineComponent({
     };
     const attrs = useAttrs();
     function getOldValue() {
-      return cloneDeep(getFormData == null ? void 0 : getFormData(props.path));
+      return cloneDeep(getFormData == null ? void 0 : getFormData(__props.path));
     }
     const value = computed({
       get() {
-        let val = getFormData == null ? void 0 : getFormData(props.path);
+        let val = getFormData == null ? void 0 : getFormData(__props.path);
         const { valueFormatter } = groupedAttrs.value;
         if (typeof valueFormatter === "object" && typeof valueFormatter.get === "function") {
           val = valueFormatter.get(val);
@@ -549,14 +326,14 @@ const _sfc_main$2 = /* @__PURE__ */ defineComponent({
             newVal = valueFormatter.set(val, getOldValue());
           }
         }
-        setFormData == null ? void 0 : setFormData(props.path, newVal);
+        setFormData == null ? void 0 : setFormData(__props.path, newVal);
         triggerFormItemChange();
       }
     });
     const parentDisabled = useInjectDisabled();
     const groupedAttrs = computed(() => {
       const initProps = getInitProps({
-        component: props.component,
+        component: __props.component,
         type: attrs.type
       });
       const mergedProps = mergeProps(
@@ -578,11 +355,11 @@ const _sfc_main$2 = /* @__PURE__ */ defineComponent({
       };
     });
     const teleportComponent = inject(
-      `${TeleportComponentNamePrefix}${props.path}`,
+      `${TeleportComponentNamePrefix}${__props.path}`,
       void 0
     );
     const is = computed(() => {
-      return teleportComponent ?? COMPONENT_MAP.get(props.component) ?? props.component;
+      return teleportComponent ?? COMPONENT_MAP.get(__props.component) ?? __props.component;
     });
     __expose({
       getComponentRef: () => componentRef.value,
@@ -647,6 +424,8 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     };
   }
 });
+const useFields = useFields$1;
+const useFormRef = useFormRef$1;
 export {
   _sfc_main$2 as BaseField,
   _sfc_main$6 as BaseForm,
@@ -662,5 +441,6 @@ export {
   getInitProps,
   useFields,
   useForm,
-  useFormData
+  f as useFormData,
+  useFormRef
 };