@qin-ui/vant-pro 1.0.1 → 1.0.3

package/es/form/index.js

@@ -1,8 +1,8 @@
 import { Button, Signature, Area, Cascader, TimePicker, DatePicker, Picker, RadioGroup, CheckboxGroup, Uploader, Slider, Rate, Stepper, Switch, Field, Form, Popup } from "vant";
-import { inject, reactive, ref, computed, provide, defineComponent, toValue, useSlots, watchEffect, createBlock, openBlock, unref, mergeProps, withCtx, createVNode, renderSlot, createElementVNode, useAttrs, createElementBlock, Fragment, createCommentVNode, Teleport, resolveDynamicComponent, isRef, createSlots, renderList, normalizeProps, isVNode, createTextVNode, toDisplayString, guardReactiveProps, resolveComponent } from "vue";
-import { INJECT_CONFIG, getInjectConfig, INJECT_COMPONENTS } from "../component-provider/index.js";
-import { u as useForm$1, I as InjectionFormKey, c as camelizeProperties, a as InjectionPathKey, b as useFields$1, d as useFormRef$1 } from "../core/index-D-2iAH6o.js";
-import { e } from "../core/index-D-2iAH6o.js";
+import { inject, reactive, ref, computed, provide, defineComponent, useAttrs, mergeProps, createBlock, openBlock, unref, withCtx, createElementBlock, Fragment, createVNode, createCommentVNode, Teleport, resolveDynamicComponent, isRef, createSlots, renderList, renderSlot, normalizeProps, isVNode, createTextVNode, toDisplayString, guardReactiveProps, toValue, resolveComponent, useSlots, watchEffect, createElementVNode } from "vue";
+import { g as getInjectConfig, I as INJECT_COMPONENTS, a as INJECT_CONFIG } from "../component-provider/index-DC_k4_R3.js";
+import { u as useForm$1, I as InjectionPathKey, a as InjectionFormKey, c as camelizeProperties, b as useFields$1, d as useFormRef$1 } from "../core/index-B5vvm4Fj.js";
+import { e } from "../core/index-B5vvm4Fj.js";
 import { o as omit, c as cloneDeep, i as isPlainObject, t as toPath } from "../vendor/utils/lodash-es-DN4QDiDm.js";
 const componentMap = {
   field: Field,
@@ -69,60 +69,6 @@ function useForm(...args) {
   const formPopup = useFormPopup(root);
   return { ...form, formPopup };
 }
-const _sfc_main$6 = /* @__PURE__ */ defineComponent({
-  ...{ name: "ProForm", inheritAttrs: false },
-  __name: "index",
-  props: {
-    form: {}
-  },
-  setup(__props) {
-    const props = __props;
-    const form = props.form || useForm(true);
-    provide(InjectionFormKey, form);
-    const { fields, setFormRef, formPopup } = form;
-    const formFields = computed(() => {
-      const f = toValue(fields);
-      return Array.isArray(f) ? f : [];
-    });
-    const config = INJECT_CONFIG["pro-form"];
-    const injectAttrs = inject(config.injectionKey, config.default);
-    const slots = useSlots();
-    watchEffect(() => {
-      Object.keys(slots).forEach((name) => {
-        if (name === "default") return;
-        provide(`${TeleportComponentNamePrefix}${name}`, slots[name]);
-      });
-    });
-    const popupProps = computed(() => {
-      const { container, ...rest } = formPopup.props;
-      return rest;
-    });
-    return (_ctx, _cache) => {
-      return openBlock(), createBlock(unref(Form), mergeProps({
-        ref: (el) => {
-          var _a;
-          return (_a = unref(setFormRef)) == null ? void 0 : _a(el);
-        }
-      }, mergeProps(unref(injectAttrs), unref(camelizeProperties)(_ctx.$attrs)), { class: "pro-form" }), {
-        default: withCtx(() => [
-          createVNode(unref(_sfc_main), { fields: formFields.value }, null, 8, ["fields"]),
-          createVNode(unref(Popup), mergeProps(popupProps.value, {
-            show: unref(formPopup).visible.value,
-            teleport: "#app",
-            onClose: unref(formPopup).close
-          }), {
-            default: withCtx(() => [..._cache[0] || (_cache[0] = [
-              createElementVNode("div", { id: "pro-form-popup-content" }, null, -1)
-            ])]),
-            _: 1
-          }, 16, ["show", "onClose"]),
-          renderSlot(_ctx.$slots, "default")
-        ]),
-        _: 3
-      }, 16);
-    };
-  }
-});
 const getInitProps = (field) => {
   const { component } = field;
   if (typeof component === "string") {
@@ -133,7 +79,7 @@ const getInitProps = (field) => {
   }
   return {};
 };
-const _sfc_main$5 = /* @__PURE__ */ defineComponent({
+const _sfc_main$6 = /* @__PURE__ */ defineComponent({
   ...{ name: "BaseField", inheritAttrs: false },
   __name: "index",
   props: {
@@ -278,7 +224,7 @@ const _sfc_main$5 = /* @__PURE__ */ defineComponent({
       getComponentComputedProps: () => groupedAttrs.value.attrs
     });
     return (_ctx, _cache) => {
-      return openBlock(), createBlock(unref(_sfc_main$4), {
+      return openBlock(), createBlock(unref(_sfc_main$5), {
         component: groupedAttrs.value.componentContainer,
         path: __props.path
       }, {
@@ -296,14 +242,14 @@ const _sfc_main$5 = /* @__PURE__ */ defineComponent({
               "model-value": displayValue.value,
               onClick: onFieldClick
             }), null, 16, ["model-value"]),
-            unref(popupFieldPath) === __props.path ? (openBlock(), createBlock(unref(_sfc_main$4), {
+            unref(popupFieldPath) === __props.path ? (openBlock(), createBlock(unref(_sfc_main$5), {
               key: 0,
               component: Teleport,
               to: "#pro-form-popup-content",
               defer: ""
             }, {
               default: withCtx(() => [
-                createVNode(unref(_sfc_main$4), {
+                createVNode(unref(_sfc_main$5), {
                   component: popupContainer.value,
                   path: __props.path
                 }, {
@@ -316,7 +262,7 @@ const _sfc_main$5 = /* @__PURE__ */ defineComponent({
                         return {
                           name,
                           fn: withCtx((scoped) => [
-                            createVNode(unref(_sfc_main$3), mergeProps({ path: __props.path }, scoped, { component: slot }), null, 16, ["path", "component"])
+                            createVNode(unref(_sfc_main$4), mergeProps({ path: __props.path }, scoped, { component: slot }), null, 16, ["path", "component"])
                           ])
                         };
                       })
@@ -339,7 +285,7 @@ const _sfc_main$5 = /* @__PURE__ */ defineComponent({
                 return {
                   name,
                   fn: withCtx((scoped) => [
-                    createVNode(unref(_sfc_main$3), mergeProps({ path: __props.path }, scoped, { component: slot }), null, 16, ["path", "component"])
+                    createVNode(unref(_sfc_main$4), mergeProps({ path: __props.path }, scoped, { component: slot }), null, 16, ["path", "component"])
                   ])
                 };
               })
@@ -359,7 +305,7 @@ const _sfc_main$5 = /* @__PURE__ */ defineComponent({
                     return {
                       name,
                       fn: withCtx((scoped) => [
-                        createVNode(unref(_sfc_main$3), mergeProps({ path: __props.path }, scoped, { component: slot }), null, 16, ["path", "component"])
+                        createVNode(unref(_sfc_main$4), mergeProps({ path: __props.path }, scoped, { component: slot }), null, 16, ["path", "component"])
                       ])
                     };
                   })
@@ -378,7 +324,7 @@ const _sfc_main$5 = /* @__PURE__ */ defineComponent({
                 return {
                   name,
                   fn: withCtx((scoped) => [
-                    createVNode(unref(_sfc_main$3), mergeProps({ path: __props.path }, scoped, { component: slot }), null, 16, ["path", "component"])
+                    createVNode(unref(_sfc_main$4), mergeProps({ path: __props.path }, scoped, { component: slot }), null, 16, ["path", "component"])
                   ])
                 };
               })
@@ -390,7 +336,7 @@ const _sfc_main$5 = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const _sfc_main$4 = /* @__PURE__ */ defineComponent({
+const _sfc_main$5 = /* @__PURE__ */ defineComponent({
   ...{ name: "ContainerFragment", inheritAttrs: false },
   __name: "index",
   props: {
@@ -407,7 +353,7 @@ const _sfc_main$4 = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const _sfc_main$3 = /* @__PURE__ */ defineComponent({
+const _sfc_main$4 = /* @__PURE__ */ defineComponent({
   ...{ name: "SlotComponent", inheritAttrs: false },
   __name: "index",
   props: {
@@ -421,7 +367,7 @@ const _sfc_main$3 = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const _sfc_main$2 = /* @__PURE__ */ defineComponent({
+const _sfc_main$3 = /* @__PURE__ */ defineComponent({
   __name: "index",
   props: {
     path: {}
@@ -437,7 +383,7 @@ const _sfc_main$2 = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const _sfc_main$1 = /* @__PURE__ */ defineComponent({
+const _sfc_main$2 = /* @__PURE__ */ defineComponent({
   __name: "index",
   props: {
     field: {}
@@ -457,7 +403,7 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const _sfc_main = /* @__PURE__ */ defineComponent({
+const _sfc_main$1 = /* @__PURE__ */ defineComponent({
   ...{ name: "BaseFormItem", inheritAttrs: false },
   __name: "index",
   props: {
@@ -473,14 +419,14 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     return (_ctx, _cache) => {
       const _component_BaseFormItem = resolveComponent("BaseFormItem");
       return openBlock(true), createElementBlock(Fragment, null, renderList(validFields.value, (field, index) => {
-        return openBlock(), createBlock(unref(_sfc_main$2), {
+        return openBlock(), createBlock(unref(_sfc_main$3), {
           key: unref(toPath)(toValue(field.path || index)).join(".") || index,
           path: toValue(field.path)
         }, {
           default: withCtx(({ path }) => [
-            createVNode(unref(_sfc_main$1), { field }, {
+            createVNode(unref(_sfc_main$2), { field }, {
               default: withCtx(({ componentProps }) => [
-                field.fields ? (openBlock(), createBlock(unref(_sfc_main$4), mergeProps({
+                field.fields ? (openBlock(), createBlock(unref(_sfc_main$5), mergeProps({
                   key: 0,
                   component: field.fieldContainer,
                   path
@@ -491,7 +437,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                     }, null, 8, ["fields"])
                   ]),
                   _: 2
-                }, 1040, ["component", "path"])) : (openBlock(), createBlock(unref(_sfc_main$5), mergeProps({
+                }, 1040, ["component", "path"])) : (openBlock(), createBlock(unref(_sfc_main$6), mergeProps({
                   key: 1,
                   ref_for: true
                 }, componentProps, { path }), null, 16, ["path"]))
@@ -505,26 +451,67 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     };
   }
 });
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  ...{ name: "ProForm", inheritAttrs: false },
+  __name: "index",
+  props: {
+    form: {}
+  },
+  setup(__props) {
+    const props = __props;
+    const form = props.form || useForm(true);
+    provide(InjectionFormKey, form);
+    const { fields, setFormRef, formPopup } = form;
+    const formFields = computed(() => {
+      const f = toValue(fields);
+      return Array.isArray(f) ? f : [];
+    });
+    const config = INJECT_CONFIG["pro-form"];
+    const injectAttrs = inject(config.injectionKey, config.default);
+    const slots = useSlots();
+    watchEffect(() => {
+      Object.keys(slots).forEach((name) => {
+        if (name === "default") return;
+        provide(`${TeleportComponentNamePrefix}${name}`, slots[name]);
+      });
+    });
+    const popupProps = computed(() => {
+      const { container, ...rest } = formPopup.props;
+      return rest;
+    });
+    return (_ctx, _cache) => {
+      return openBlock(), createBlock(unref(Form), mergeProps({
+        ref: (el) => {
+          var _a;
+          return (_a = unref(setFormRef)) == null ? void 0 : _a(el);
+        }
+      }, mergeProps(unref(injectAttrs), unref(camelizeProperties)(_ctx.$attrs)), { class: "pro-form" }), {
+        default: withCtx(() => [
+          createVNode(unref(_sfc_main$1), { fields: formFields.value }, null, 8, ["fields"]),
+          createVNode(unref(Popup), mergeProps(popupProps.value, {
+            show: unref(formPopup).visible.value,
+            onClose: unref(formPopup).close
+          }), {
+            default: withCtx(() => [..._cache[0] || (_cache[0] = [
+              createElementVNode("div", { id: "pro-form-popup-content" }, null, -1)
+            ])]),
+            _: 1
+          }, 16, ["show", "onClose"]),
+          renderSlot(_ctx.$slots, "default")
+        ]),
+        _: 3
+      }, 16);
+    };
+  }
+});
 const useFields = useFields$1;
 const useFormRef = useFormRef$1;
 export {
-  _sfc_main$5 as BaseField,
-  _sfc_main$6 as BaseForm,
-  _sfc_main as BaseFormItem,
-  _sfc_main$4 as ContainerFragment,
-  _sfc_main$1 as GroupedFieldAttrs,
-  InjectionFormKey,
-  InjectionPathKey,
-  InjectionPopupKey,
-  _sfc_main$2 as PathProvider,
-  _sfc_main$3 as SlotComponent,
-  TeleportComponentNamePrefix,
-  componentMap,
-  _sfc_main$6 as default,
-  getInitProps,
+  _sfc_main$5 as ContainerFragment,
+  _sfc_main$4 as SlotComponent,
+  _sfc_main as default,
   useFields,
   useForm,
   e as useFormData,
-  useFormPopup,
   useFormRef
 };