@qin-ui/antd-vue-pro 2.1.15 → 2.2.1

package/es/form/index.js

@@ -1,451 +0,0 @@
-import { Transfer, TreeSelect, Slider, Switch, RadioGroup, CheckboxGroup, TimePicker, RangePicker, DatePicker, Cascader, Select, InputNumber, InputPassword, InputSearch, Textarea, Input, Row, Col, FormItem, Form } from "ant-design-vue";
-import "ant-design-vue/es/table";
-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, computed, provide, renderSlot, inject, mergeProps, toValue, normalizeProps, guardReactiveProps, resolveComponent, createBlock, openBlock, unref, withCtx, createElementBlock, Fragment, renderList, createVNode, createSlots, ref, useAttrs, createCommentVNode, resolveDynamicComponent, isVNode, createTextVNode, toDisplayString, useSlots, watchEffect } from "vue";
-import { I as INJECT_CONFIG, g as getInjectConfig, a as INJECT_COMPONENTS } from "../component-provider/index-Dmz32tSB.js";
-import { I as InjectionPathKey, g as getObject, u as useForm$1, a as InjectionFormKey, c as camelizeProperties, b as useFields$1, d as useFormRef$1 } from "../core/index-ghYuQ3Sy.js";
-import { e } from "../core/index-ghYuQ3Sy.js";
-import { i as isPlainObject, t as toPath, o as omit, c as cloneDeep } from "../vendor/utils/lodash-es-p6jau26B.js";
-const FORM_ITEM_SLOT_KEYS = [
-  "label",
-  "extra",
-  "help",
-  "tooltip"
-];
-const componentMap = {
-  "input": Input,
-  "textarea": Textarea,
-  "input-search": InputSearch,
-  "input-password": InputPassword,
-  "input-number": InputNumber,
-  "select": Select,
-  "cascader": Cascader,
-  "date-picker": DatePicker,
-  "range-picker": RangePicker,
-  "time-picker": TimePicker,
-  "checkbox-group": CheckboxGroup,
-  "radio-group": RadioGroup,
-  "switch": Switch,
-  "slider": Slider,
-  "tree-select": TreeSelect,
-  "transfer": Transfer
-};
-const TeleportComponentNamePrefix = "TeleportComponent_";
-const _sfc_main$6 = /* @__PURE__ */ defineComponent({
-  __name: "index",
-  props: {
-    path: {}
-  },
-  setup(__props) {
-    const props = __props;
-    const namePath = computed(() => {
-      return Array.isArray(props.path) ? props.path.join(".") : props.path;
-    });
-    provide(InjectionPathKey, namePath);
-    return (_ctx, _cache) => {
-      return renderSlot(_ctx.$slots, "default", { path: namePath.value });
-    };
-  }
-});
-const _sfc_main$5 = /* @__PURE__ */ defineComponent({
-  __name: "index",
-  props: {
-    field: {}
-  },
-  setup(__props) {
-    const formItemPropKeys = Object.keys(formItemProps()).concat([
-      "formItemContainer"
-    ]);
-    const gridItemPropKeys = Object.keys(colProps());
-    const props = __props;
-    const config = INJECT_CONFIG["pro-form-item"];
-    const injectFormItemProps = inject(config.injectionKey, config.default);
-    const groupedAttributes = computed(() => {
-      let gridItemProps2 = {};
-      let formItemProps2 = {};
-      const componentProps = { slots: {} };
-      const formItemSlots = {};
-      if (isPlainObject(props.field)) {
-        const { path, name, fields, formItemClass, formItemStyle, hidden, span, getFormItemRef, getComponentRef, getFormItemComputedProps, getComponentComputedProps, slots = {}, formItemDataAttrs = {}, componentDataAttrs = {}, extraProps, ...rest } = props.field;
-        const {
-          class: injectClassName,
-          style: injectStyle,
-          span: injectSpan,
-          xs,
-          sm,
-          md,
-          lg,
-          xl,
-          xxl,
-          ...injectRest
-        } = injectFormItemProps;
-        const initGridItemProps = span || span === 0 ? { span } : { xs, sm, md, lg, xl, xxl, span: injectSpan };
-        gridItemProps2 = fields ? { span: span ?? 24 } : initGridItemProps;
-        formItemProps2 = mergeProps(
-          injectRest,
-          { class: injectClassName, style: injectStyle },
-          { class: toValue(formItemClass), style: toValue(formItemStyle) },
-          formItemDataAttrs
-        );
-        Object.keys(rest).forEach((k) => {
-          if (gridItemPropKeys.includes(k)) {
-            gridItemProps2[k] = rest[k];
-          } else if (formItemPropKeys.includes(k)) {
-            formItemProps2[k] = rest[k];
-          } else {
-            componentProps[k] = rest[k];
-          }
-        });
-        Object.assign(componentProps, componentDataAttrs);
-        Object.keys(slots).forEach((k) => {
-          if (FORM_ITEM_SLOT_KEYS.includes(k)) {
-            formItemSlots[k] = slots[k];
-          } else {
-            componentProps["slots"][k] = slots[k];
-          }
-        });
-      }
-      return { gridItemProps: gridItemProps2, formItemProps: formItemProps2, componentProps, formItemSlots };
-    });
-    return (_ctx, _cache) => {
-      return renderSlot(_ctx.$slots, "default", normalizeProps(guardReactiveProps(groupedAttributes.value)));
-    };
-  }
-});
-const _sfc_main$4 = /* @__PURE__ */ defineComponent({
-  ...{ name: "BaseFormItem", inheritAttrs: false },
-  __name: "index",
-  props: {
-    grid: { type: [Boolean, Object], default: () => void 0 },
-    fields: { default: () => [] },
-    disabled: { type: Boolean, default: () => void 0 }
-  },
-  setup(__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 config = INJECT_CONFIG["pro-form"];
-    const { grid: injectGrid } = inject(config.injectionKey, config.default);
-    const enableGrid = computed(() => {
-      if (__props.grid !== void 0) return !!__props.grid;
-      return !!injectGrid;
-    });
-    const computedGridProps = computed(() => {
-      return enableGrid.value ? { ...getObject(injectGrid), ...getObject(__props.grid) } : {};
-    });
-    const formItemRefs = [];
-    const componentRefs = [];
-    const onFormItemMounted = (index, formItemProps2) => {
-      const field = validFields.value[index];
-      Object.assign(field, {
-        getFormItemRef: () => formItemRefs[index],
-        getFormItemComputedProps: () => formItemProps2
-      });
-    };
-    const onComponentMounted = (index) => {
-      const field = validFields.value[index];
-      Object.assign(field, {
-        getComponentRef: () => {
-          var _a;
-          return (_a = componentRefs[index]) == null ? void 0 : _a.getComponentRef();
-        },
-        getComponentComputedProps: () => {
-          var _a;
-          return (_a = componentRefs[index]) == null ? void 0 : _a.getComponentComputedProps();
-        }
-      });
-    };
-    return (_ctx, _cache) => {
-      const _component_BaseFormItem = resolveComponent("BaseFormItem");
-      return openBlock(), createBlock(unref(_sfc_main$2), mergeProps({
-        component: enableGrid.value ? unref(Row) : void 0
-      }, computedGridProps.value), {
-        default: withCtx(() => [
-          (openBlock(true), createElementBlock(Fragment, null, renderList(validFields.value, ({ path: _path, name: _name, ...field }, index) => {
-            return openBlock(), createBlock(_sfc_main$6, mergeProps({
-              key: unref(toPath)(toValue(_name ?? _path)).join(".") || index
-            }, { ref_for: true }, { path: _name ?? _path }), {
-              default: withCtx(({ path }) => [
-                createVNode(_sfc_main$5, { field }, {
-                  default: withCtx(({
-                    gridItemProps,
-                    formItemProps: { formItemContainer, ...formItemProps2 },
-                    componentProps,
-                    formItemSlots
-                  }) => [
-                    createVNode(unref(_sfc_main$2), mergeProps({
-                      component: enableGrid.value ? unref(Col) : void 0
-                    }, { ref_for: true }, gridItemProps), {
-                      default: withCtx(() => [
-                        createVNode(unref(_sfc_main$2), {
-                          component: formItemContainer,
-                          path
-                        }, {
-                          default: withCtx(() => [
-                            createVNode(unref(FormItem), mergeProps({ ref_for: true }, formItemProps2, {
-                              ref_for: true,
-                              ref: (el) => formItemRefs[index] = el,
-                              name: unref(toPath)(path),
-                              path,
-                              onVnodeMounted: ($event) => onFormItemMounted(index, formItemProps2)
-                            }), createSlots({
-                              default: withCtx(() => [
-                                field.fields ? (openBlock(), createBlock(_component_BaseFormItem, {
-                                  key: 0,
-                                  grid: field.grid ?? __props.grid,
-                                  fields: field.fields,
-                                  disabled: toValue(field.disabled)
-                                }, null, 8, ["grid", "fields", "disabled"])) : (openBlock(), createBlock(unref(_sfc_main$3), mergeProps({
-                                  key: 1,
-                                  ref_for: true,
-                                  ref: (el) => componentRefs[index] = el
-                                }, { ref_for: true }, componentProps, {
-                                  path,
-                                  onVnodeMounted: ($event) => onComponentMounted(index)
-                                }), null, 16, ["path", "onVnodeMounted"]))
-                              ]),
-                              _: 2
-                            }, [
-                              renderList(formItemSlots, (slot, name) => {
-                                return {
-                                  name,
-                                  fn: withCtx((scoped) => [
-                                    createVNode(unref(_sfc_main$1), mergeProps({
-                                      path,
-                                      component: slot
-                                    }, { ref_for: true }, scoped), null, 16, ["path", "component"])
-                                  ])
-                                };
-                              })
-                            ]), 1040, ["name", "path", "onVnodeMounted"])
-                          ]),
-                          _: 2
-                        }, 1032, ["component", "path"])
-                      ]),
-                      _: 2
-                    }, 1040, ["component"])
-                  ]),
-                  _: 2
-                }, 1032, ["field"])
-              ]),
-              _: 2
-            }, 1040);
-          }), 128))
-        ]),
-        _: 1
-      }, 16, ["component"]);
-    };
-  }
-});
-const useForm = useForm$1;
-const getInitProps = (field) => {
-  const { component } = field;
-  const picker = component === "date-picker" ? "" : field.picker;
-  if (typeof component === "string") {
-    const k = [component, picker].filter(Boolean).join(".");
-    const config = getInjectConfig(k);
-    if (!config) return {};
-    const injectProps = inject(config.injectionKey, config.default);
-    return injectProps;
-  }
-  return {};
-};
-const _sfc_main$3 = /* @__PURE__ */ defineComponent({
-  ...{ name: "BaseField", inheritAttrs: false },
-  __name: "index",
-  props: {
-    component: { default: () => void 0 },
-    path: { default: "" }
-  },
-  setup(__props, { expose: __expose }) {
-    const form = useForm(false);
-    const { getFormData, setFormData } = form;
-    const componentRef = ref();
-    const formItemContext = useInjectFormItemContext();
-    const triggerFormItemChange = () => {
-      formItemContext.onFieldChange();
-    };
-    const attrs = useAttrs();
-    function getOldValue() {
-      return cloneDeep(getFormData == null ? void 0 : getFormData(__props.path));
-    }
-    const value = computed({
-      get() {
-        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);
-        }
-        return val;
-      },
-      set(val) {
-        let newVal = val;
-        const { valueFormatter } = groupedAttrs.value;
-        if (valueFormatter) {
-          if (typeof valueFormatter === "function") {
-            newVal = valueFormatter(val, getOldValue());
-          } else if (typeof valueFormatter.set === "function") {
-            newVal = valueFormatter.set(val, getOldValue());
-          }
-        }
-        setFormData == null ? void 0 : setFormData(__props.path, newVal);
-        triggerFormItemChange();
-      }
-    });
-    const parentDisabled = useInjectDisabled();
-    const groupedAttrs = computed(() => {
-      const initProps = getInitProps({
-        component: __props.component,
-        picker: attrs.picker
-      });
-      const mergedProps = mergeProps(
-        initProps,
-        attrs,
-        { class: attrs.componentClass, style: attrs.componentStyle },
-        { class: initProps.componentClass, style: initProps.componentStyle },
-        { disabled: attrs.disabled ?? parentDisabled.value ?? initProps.disabled },
-        { modelProp: attrs.modelProp ?? initProps.modelProp ?? "value" }
-      );
-      const { valueFormatter, modelProp, slots, componentClass, componentStyle, componentContainer, ...rest } = mergedProps;
-      const bindAttrs = omit(rest, [modelProp, `onUpdate:${modelProp}`]);
-      return {
-        attrs: bindAttrs,
-        slots,
-        componentContainer,
-        modelProp,
-        valueFormatter
-      };
-    });
-    const teleportComponent = inject(
-      `${TeleportComponentNamePrefix}${__props.path}`,
-      void 0
-    );
-    const customComponents = inject(INJECT_COMPONENTS, {});
-    const is = computed(() => {
-      if (teleportComponent) return teleportComponent;
-      if (typeof __props.component === "string") {
-        return customComponents[__props.component] || componentMap[__props.component] || __props.component;
-      }
-      return __props.component;
-    });
-    __expose({
-      getComponentRef: () => componentRef.value,
-      getComponentComputedProps: () => groupedAttrs.value.attrs
-    });
-    return (_ctx, _cache) => {
-      return openBlock(), createBlock(unref(_sfc_main$2), {
-        component: groupedAttrs.value.componentContainer,
-        path: __props.path
-      }, {
-        default: withCtx(() => [
-          is.value ? (openBlock(), createBlock(resolveDynamicComponent(is.value), mergeProps({ key: 0 }, groupedAttrs.value.attrs, {
-            ref_key: "componentRef",
-            ref: componentRef,
-            [`${groupedAttrs.value.modelProp}`]: value.value,
-            [`onUpdate:${groupedAttrs.value.modelProp}`]: _cache[0] || (_cache[0] = ($event) => value.value = $event),
-            path: __props.path
-          }), createSlots({ _: 2 }, [
-            renderList(groupedAttrs.value.slots, (slot, name) => {
-              return {
-                name,
-                fn: withCtx((scoped) => [
-                  createVNode(unref(_sfc_main$1), mergeProps({ path: __props.path }, scoped, { component: slot }), null, 16, ["path", "component"])
-                ])
-              };
-            })
-          ]), 1040, ["path"])) : createCommentVNode("", true)
-        ]),
-        _: 1
-      }, 8, ["component", "path"]);
-    };
-  }
-});
-const _sfc_main$2 = /* @__PURE__ */ defineComponent({
-  ...{ name: "ContainerFragment", inheritAttrs: false },
-  __name: "index",
-  props: {
-    component: { type: [Object, Function] }
-  },
-  setup(__props) {
-    return (_ctx, _cache) => {
-      return __props.component ? (openBlock(), createBlock(resolveDynamicComponent(__props.component), normalizeProps(mergeProps({ key: 0 }, _ctx.$attrs)), {
-        default: withCtx(() => [
-          renderSlot(_ctx.$slots, "default")
-        ]),
-        _: 3
-      }, 16)) : renderSlot(_ctx.$slots, "default", { key: 1 });
-    };
-  }
-});
-const _sfc_main$1 = /* @__PURE__ */ defineComponent({
-  ...{ name: "SlotComponent", inheritAttrs: false },
-  __name: "index",
-  props: {
-    component: { type: [Object, Function, String, Number, Boolean, null] }
-  },
-  setup(__props) {
-    return (_ctx, _cache) => {
-      return isVNode(__props.component) || typeof __props.component === "function" ? (openBlock(), createBlock(resolveDynamicComponent(__props.component), normalizeProps(mergeProps({ key: 0 }, _ctx.$attrs)), null, 16)) : (openBlock(), createElementBlock(Fragment, { key: 1 }, [
-        createTextVNode(toDisplayString(__props.component), 1)
-      ], 64));
-    };
-  }
-});
-const _sfc_main = /* @__PURE__ */ defineComponent({
-  ...{ name: "ProForm", inheritAttrs: false },
-  __name: "index",
-  props: {
-    grid: { type: [Boolean, Object], default: false },
-    form: { default: () => ({}) }
-  },
-  setup(__props) {
-    provide(InjectionFormKey, __props.form);
-    const { formData, fields, setFormRef } = __props.form;
-    const config = INJECT_CONFIG["pro-form"];
-    const { grid: _injectGrid, ...injectAttrs } = inject(
-      config.injectionKey,
-      config.default
-    );
-    const slots = useSlots();
-    watchEffect(() => {
-      Object.keys(slots).forEach((name) => {
-        if (name === "default") return;
-        provide(`${TeleportComponentNamePrefix}${name}`, slots[name]);
-      });
-    });
-    return (_ctx, _cache) => {
-      return openBlock(), createBlock(unref(Form), mergeProps({
-        ref: (el) => {
-          var _a;
-          return (_a = unref(setFormRef)) == null ? void 0 : _a(el);
-        },
-        model: unref(formData)
-      }, mergeProps(injectAttrs, unref(camelizeProperties)(_ctx.$attrs)), { class: "pro-form" }), {
-        default: withCtx(() => [
-          createVNode(unref(_sfc_main$4), {
-            fields: unref(fields),
-            grid: __props.grid
-          }, null, 8, ["fields", "grid"]),
-          renderSlot(_ctx.$slots, "default")
-        ]),
-        _: 3
-      }, 16, ["model"]);
-    };
-  }
-});
-const useFields = useFields$1;
-const useFormRef = useFormRef$1;
-export {
-  _sfc_main$2 as ContainerFragment,
-  _sfc_main$1 as SlotComponent,
-  _sfc_main as default,
-  useFields,
-  useForm,
-  e as useFormData,
-  useFormRef
-};