@qin-ui/antd-vue-pro 1.1.2 → 1.1.4

package/README.md

@@ -188,10 +188,10 @@ ant-design-vue ui组件库form组件的二次封装
 
 + UseForm
 
-  自定义hook，由两个hook（useFormData、useFields）内聚产生。接收两个参数（initFormData, initFields）返回一个对象
+  自定义hook，由数个hook（useFormData、useFields、useFormRef）内聚产生。接收两个参数（initFormData, initFields）返回一个对象
 
   ```typescript
-  type Form = ReturnType<UseFields> & ReturnType<UseFormData>;
+  type Form = ReturnType<UseFields> & ReturnType<UseFormData> & ReturnType<UseFormRef>;
   
   type UseForm = <T extends FormData>(
     initFormData?: T,
@@ -254,14 +254,11 @@ import {
   useForm,
   ProComponentProvider,
   type ComponentVars,
-  type ProFormInstance,
   type Field,
   type Fields,
 } from '@qin-ui/antd-vue-pro/src';
 import { h, ref } from 'vue';
 
-const proFormRef = ref<ProFormInstance | null>(null);
-
 const CodeContainer: Field['componentContainer'] = (p, ctx) => {
   return h(
     'div',
@@ -320,6 +317,7 @@ const initFields: Fields = [
 ];
 
 const form = useForm({}, initFields);
+const { formRef: proFormRef } = form
 
 const componentVars: ComponentVars = {
   input: { maxlength: 50, valueFormatter: val => val?.trim() },

package/es/form/{index-6f2704d5.js → index-9f36cc9e.js}

@@ -16031,10 +16031,15 @@ const useFormData = (initFormData) => {
   };
   return { formData, getFormData, setFormData, activePath, setActivePath };
 };
+const useFormRef = () => {
+  const formRef = ref();
+  return { formRef };
+};
 const useForm = (initFormData = {}, initFields = []) => {
   return {
     ...useFormData(initFormData),
-    ...useFields(initFields)
+    ...useFields(initFields),
+    ...useFormRef()
   };
 };
 const isFunctionString = (param) => {
@@ -16484,7 +16489,7 @@ const _sfc_main$3 = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const index_vue_vue_type_style_index_0_scoped_b22e2d2e_lang = "";
+const index_vue_vue_type_style_index_0_scoped_060ffbee_lang = "";
 const _export_sfc = (sfc, props) => {
   const target = sfc.__vccOpts || sfc;
   for (const [key, val] of props) {
@@ -16492,7 +16497,7 @@ const _export_sfc = (sfc, props) => {
   }
   return target;
 };
-const BaseField = /* @__PURE__ */ _export_sfc(_sfc_main$3, [["__scopeId", "data-v-b22e2d2e"]]);
+const BaseField = /* @__PURE__ */ _export_sfc(_sfc_main$3, [["__scopeId", "data-v-060ffbee"]]);
 const _sfc_main$2 = /* @__PURE__ */ defineComponent({
   ...{
     name: "ContainerFragment",

package/es/form/index.js

@@ -1,4 +1,4 @@
-import { l, B, d, i, C, b, f, F, k, R, e, j, U, h, _, m, p, n, s, q, u, r, t } from "./index-6f2704d5.js";
+import { l, B, d, i, C, b, f, F, k, R, e, j, U, h, _, m, p, n, s, q, u, r, t } from "./index-9f36cc9e.js";
 import "vue";
 import "ant-design-vue";
 import "../component-provider/index.js";

package/es/index.d.ts

@@ -1856,7 +1856,7 @@ export declare type FieldType = {
     } & Record<string, any>;
 };
 
-export declare type Form<D extends FormData_2 = FormData_2> = ReturnType<UseFormData<D>> & ReturnType<UseFields>;
+export declare type Form<D extends FormData_2 = FormData_2> = ReturnType<UseFormData<D>> & ReturnType<UseFields> & ReturnType<UseFormRef>;
 
 export declare const FORM_DATA: InjectionKey<Record<string, any>>;
 
@@ -2093,7 +2093,6 @@ export declare const ProComponentProvider: SFCWithInstall<{
                     } | undefined;
                     readonly validateTrigger?: string | string[] | undefined;
                     readonly onSubmit?: ((e: Event) => void) | undefined;
-                    readonly form?: Form | undefined;
                     readonly layout?: string | undefined;
                     readonly labelWrap?: boolean | undefined;
                     readonly requiredMark?: "" | RequiredMark | undefined;
@@ -2109,6 +2108,7 @@ export declare const ProComponentProvider: SFCWithInstall<{
                     readonly onFinish?: ((values: any) => void) | undefined;
                     readonly onFinishFailed?: ((errorInfo: ValidateErrorEntity<any>) => void) | undefined;
                     readonly onValidate?: ((name: string | number | string[] | number[], status: boolean, errors: string[]) => void) | undefined;
+                    readonly form?: Form | undefined;
                     readonly activePath?: string | undefined;
                     "onUpdate:formData"?: ((val: FormData_2) => any) | undefined;
                     "onUpdate:activePath"?: ((val: string | undefined) => any) | undefined;
@@ -2224,10 +2224,6 @@ export declare const ProComponentProvider: SFCWithInstall<{
                         type: PropType<Fields>;
                         default: () => never[];
                     };
-                    form: {
-                        type: PropType<Form>;
-                        default: undefined;
-                    };
                     layout: {
                         type: PropType<string>;
                     };
@@ -2269,6 +2265,10 @@ export declare const ProComponentProvider: SFCWithInstall<{
                     onValidate: {
                         type: PropType<(name: string | number | string[] | number[], status: boolean, errors: string[]) => void>;
                     };
+                    form: {
+                        type: PropType<Form>;
+                        default: undefined;
+                    };
                     autoCommandDisabled: {
                         type: PropType<boolean>;
                         default: boolean;
@@ -2423,7 +2423,6 @@ export declare const ProComponentProvider: SFCWithInstall<{
                         } | undefined;
                         readonly validateTrigger?: string | string[] | undefined;
                         readonly onSubmit?: ((e: Event) => void) | undefined;
-                        readonly form?: Form | undefined;
                         readonly layout?: string | undefined;
                         readonly labelWrap?: boolean | undefined;
                         readonly requiredMark?: "" | RequiredMark | undefined;
@@ -2439,6 +2438,7 @@ export declare const ProComponentProvider: SFCWithInstall<{
                         readonly onFinish?: ((values: any) => void) | undefined;
                         readonly onFinishFailed?: ((errorInfo: ValidateErrorEntity<any>) => void) | undefined;
                         readonly onValidate?: ((name: string | number | string[] | number[], status: boolean, errors: string[]) => void) | undefined;
+                        readonly form?: Form | undefined;
                         readonly activePath?: string | undefined;
                         "onUpdate:formData"?: ((val: FormData_2) => any) | undefined;
                         "onUpdate:activePath"?: ((val: string | undefined) => any) | undefined;
@@ -2554,10 +2554,6 @@ export declare const ProComponentProvider: SFCWithInstall<{
                             type: PropType<Fields>;
                             default: () => never[];
                         };
-                        form: {
-                            type: PropType<Form>;
-                            default: undefined;
-                        };
                         layout: {
                             type: PropType<string>;
                         };
@@ -2599,6 +2595,10 @@ export declare const ProComponentProvider: SFCWithInstall<{
                         onValidate: {
                             type: PropType<(name: string | number | string[] | number[], status: boolean, errors: string[]) => void>;
                         };
+                        form: {
+                            type: PropType<Form>;
+                            default: undefined;
+                        };
                         autoCommandDisabled: {
                             type: PropType<boolean>;
                             default: boolean;
@@ -2769,7 +2769,6 @@ export declare const ProComponentProvider: SFCWithInstall<{
                         } | undefined;
                         readonly validateTrigger?: string | string[] | undefined;
                         readonly onSubmit?: ((e: Event) => void) | undefined;
-                        readonly form?: Form | undefined;
                         readonly layout?: string | undefined;
                         readonly labelWrap?: boolean | undefined;
                         readonly requiredMark?: "" | RequiredMark | undefined;
@@ -2785,6 +2784,7 @@ export declare const ProComponentProvider: SFCWithInstall<{
                         readonly onFinish?: ((values: any) => void) | undefined;
                         readonly onFinishFailed?: ((errorInfo: ValidateErrorEntity<any>) => void) | undefined;
                         readonly onValidate?: ((name: string | number | string[] | number[], status: boolean, errors: string[]) => void) | undefined;
+                        readonly form?: Form | undefined;
                         readonly activePath?: string | undefined;
                         "onUpdate:formData"?: ((val: FormData_2) => any) | undefined;
                         "onUpdate:activePath"?: ((val: string | undefined) => any) | undefined;
@@ -2900,10 +2900,6 @@ export declare const ProComponentProvider: SFCWithInstall<{
                             type: PropType<Fields>;
                             default: () => never[];
                         };
-                        form: {
-                            type: PropType<Form>;
-                            default: undefined;
-                        };
                         layout: {
                             type: PropType<string>;
                         };
@@ -2945,6 +2941,10 @@ export declare const ProComponentProvider: SFCWithInstall<{
                         onValidate: {
                             type: PropType<(name: string | number | string[] | number[], status: boolean, errors: string[]) => void>;
                         };
+                        form: {
+                            type: PropType<Form>;
+                            default: undefined;
+                        };
                         autoCommandDisabled: {
                             type: PropType<boolean>;
                             default: boolean;
@@ -3121,7 +3121,6 @@ export declare const ProComponentProvider: SFCWithInstall<{
                     } | undefined;
                     readonly validateTrigger?: string | string[] | undefined;
                     readonly onSubmit?: ((e: Event) => void) | undefined;
-                    readonly form?: Form | undefined;
                     readonly layout?: string | undefined;
                     readonly labelWrap?: boolean | undefined;
                     readonly requiredMark?: "" | RequiredMark | undefined;
@@ -3137,6 +3136,7 @@ export declare const ProComponentProvider: SFCWithInstall<{
                     readonly onFinish?: ((values: any) => void) | undefined;
                     readonly onFinishFailed?: ((errorInfo: ValidateErrorEntity<any>) => void) | undefined;
                     readonly onValidate?: ((name: string | number | string[] | number[], status: boolean, errors: string[]) => void) | undefined;
+                    readonly form?: Form | undefined;
                     readonly activePath?: string | undefined;
                     "onUpdate:formData"?: ((val: FormData_2) => any) | undefined;
                     "onUpdate:activePath"?: ((val: string | undefined) => any) | undefined;
@@ -3252,10 +3252,6 @@ export declare const ProComponentProvider: SFCWithInstall<{
                         type: PropType<Fields>;
                         default: () => never[];
                     };
-                    form: {
-                        type: PropType<Form>;
-                        default: undefined;
-                    };
                     layout: {
                         type: PropType<string>;
                     };
@@ -3297,6 +3293,10 @@ export declare const ProComponentProvider: SFCWithInstall<{
                     onValidate: {
                         type: PropType<(name: string | number | string[] | number[], status: boolean, errors: string[]) => void>;
                     };
+                    form: {
+                        type: PropType<Form>;
+                        default: undefined;
+                    };
                     autoCommandDisabled: {
                         type: PropType<boolean>;
                         default: boolean;
@@ -3457,7 +3457,6 @@ export declare const ProComponentProvider: SFCWithInstall<{
                 } | undefined;
                 readonly validateTrigger?: string | string[] | undefined;
                 readonly onSubmit?: ((e: Event) => void) | undefined;
-                readonly form?: Form | undefined;
                 readonly layout?: string | undefined;
                 readonly labelWrap?: boolean | undefined;
                 readonly requiredMark?: "" | RequiredMark | undefined;
@@ -3473,6 +3472,7 @@ export declare const ProComponentProvider: SFCWithInstall<{
                 readonly onFinish?: ((values: any) => void) | undefined;
                 readonly onFinishFailed?: ((errorInfo: ValidateErrorEntity<any>) => void) | undefined;
                 readonly onValidate?: ((name: string | number | string[] | number[], status: boolean, errors: string[]) => void) | undefined;
+                readonly form?: Form | undefined;
                 readonly activePath?: string | undefined;
                 "onUpdate:formData"?: ((val: FormData_2) => any) | undefined;
                 "onUpdate:activePath"?: ((val: string | undefined) => any) | undefined;
@@ -3588,10 +3588,6 @@ export declare const ProComponentProvider: SFCWithInstall<{
                     type: PropType<Fields>;
                     default: () => never[];
                 };
-                form: {
-                    type: PropType<Form>;
-                    default: undefined;
-                };
                 layout: {
                     type: PropType<string>;
                 };
@@ -3633,6 +3629,10 @@ export declare const ProComponentProvider: SFCWithInstall<{
                 onValidate: {
                     type: PropType<(name: string | number | string[] | number[], status: boolean, errors: string[]) => void>;
                 };
+                form: {
+                    type: PropType<Form>;
+                    default: undefined;
+                };
                 autoCommandDisabled: {
                     type: PropType<boolean>;
                     default: boolean;
@@ -3795,7 +3795,6 @@ export declare const ProForm: SFCWithInstall<{
             } | undefined;
             readonly validateTrigger?: string | string[] | undefined;
             readonly onSubmit?: ((e: Event) => void) | undefined;
-            readonly form?: Form | undefined;
             readonly layout?: string | undefined;
             readonly labelWrap?: boolean | undefined;
             readonly requiredMark?: "" | RequiredMark | undefined;
@@ -3811,6 +3810,7 @@ export declare const ProForm: SFCWithInstall<{
             readonly onFinish?: ((values: any) => void) | undefined;
             readonly onFinishFailed?: ((errorInfo: ValidateErrorEntity<any>) => void) | undefined;
             readonly onValidate?: ((name: string | number | string[] | number[], status: boolean, errors: string[]) => void) | undefined;
+            readonly form?: Form | undefined;
             readonly activePath?: string | undefined;
             "onUpdate:formData"?: ((val: FormData_2) => any) | undefined;
             "onUpdate:activePath"?: ((val: string | undefined) => any) | undefined;
@@ -3926,10 +3926,6 @@ export declare const ProForm: SFCWithInstall<{
                 type: PropType<Fields>;
                 default: () => never[];
             };
-            form: {
-                type: PropType<Form>;
-                default: undefined;
-            };
             layout: {
                 type: PropType<string>;
             };
@@ -3971,6 +3967,10 @@ export declare const ProForm: SFCWithInstall<{
             onValidate: {
                 type: PropType<(name: string | number | string[] | number[], status: boolean, errors: string[]) => void>;
             };
+            form: {
+                type: PropType<Form>;
+                default: undefined;
+            };
             autoCommandDisabled: {
                 type: PropType<boolean>;
                 default: boolean;
@@ -4108,10 +4108,6 @@ export declare const ProForm: SFCWithInstall<{
                 type: PropType<Fields>;
                 default: () => never[];
             };
-            form: {
-                type: PropType<Form>;
-                default: undefined;
-            };
             layout: {
                 type: PropType<string>;
             };
@@ -4153,6 +4149,10 @@ export declare const ProForm: SFCWithInstall<{
             onValidate: {
                 type: PropType<(name: string | number | string[] | number[], status: boolean, errors: string[]) => void>;
             };
+            form: {
+                type: PropType<Form>;
+                default: undefined;
+            };
             autoCommandDisabled: {
                 type: PropType<boolean>;
                 default: boolean;
@@ -4320,10 +4320,6 @@ export declare const ProForm: SFCWithInstall<{
             type: PropType<Fields>;
             default: () => never[];
         };
-        form: {
-            type: PropType<Form>;
-            default: undefined;
-        };
         layout: {
             type: PropType<string>;
         };
@@ -4365,6 +4361,10 @@ export declare const ProForm: SFCWithInstall<{
         onValidate: {
             type: PropType<(name: string | number | string[] | number[], status: boolean, errors: string[]) => void>;
         };
+        form: {
+            type: PropType<Form>;
+            default: undefined;
+        };
         autoCommandDisabled: {
             type: PropType<boolean>;
             default: boolean;
@@ -4506,10 +4506,6 @@ export declare const ProForm: SFCWithInstall<{
         type: PropType<Fields>;
         default: () => never[];
     };
-    form: {
-        type: PropType<Form>;
-        default: undefined;
-    };
     layout: {
         type: PropType<string>;
     };
@@ -4551,6 +4547,10 @@ export declare const ProForm: SFCWithInstall<{
     onValidate: {
         type: PropType<(name: string | number | string[] | number[], status: boolean, errors: string[]) => void>;
     };
+    form: {
+        type: PropType<Form>;
+        default: undefined;
+    };
     autoCommandDisabled: {
         type: PropType<boolean>;
         default: boolean;
@@ -6117,6 +6117,15 @@ export declare type UseFormData<D extends FormData_2 = FormData_2> = (initFormDa
 
 export declare const useFormData: UseFormData;
 
+/**
+ * @description useFormRef hook
+ * @returns {Object}
+ */
+export declare type UseFormRef = () => {
+    /** 表单组件实例引用Ref */
+    formRef: Ref<ProFormInstance | undefined>;
+};
+
 export declare const useInitProps: () => {
     getInitProps: (field: Field) => Record<string, any>;
 };

package/es/index.js

@@ -1,6 +1,6 @@
 import "./style.css";
-import { _ as _sfc_main } from "./form/index-6f2704d5.js";
-import { l, B, d, i, C, b, f, F, k, R, e, j, U, h, m, p, n, s, q, u, r, t } from "./form/index-6f2704d5.js";
+import { _ as _sfc_main } from "./form/index-9f36cc9e.js";
+import { l, B, d, i, C, b, f, F, k, R, e, j, U, h, m, p, n, s, q, u, r, t } from "./form/index-9f36cc9e.js";
 import BaseTable from "./table/index.js";
 import { useTable } from "./table/index.js";
 import _sfc_main$1 from "./component-provider/index.js";

package/es/style.css

@@ -1,4 +1,4 @@
-.field-component[data-v-b22e2d2e] {
+.field-component[data-v-060ffbee]:not(.ant-switch) {
   width: 100%;
   min-width: 120px;
 }

package/es/table/index.js

@@ -1,7 +1,7 @@
 import { createVNode, defineComponent, ref, onMounted, openBlock, createElementBlock, unref, normalizeStyle, createElementVNode, withCtx, createTextVNode, createBlock, toDisplayString, createCommentVNode, mergeModels, useModel, computed, watch, Fragment, renderList, withModifiers, renderSlot, useAttrs, useSlots, mergeProps, createSlots, normalizeProps, guardReactiveProps, nextTick } from "vue";
 import { Button, Space, Dropdown, Menu, MenuItem, Checkbox, MenuDivider, Table } from "ant-design-vue";
 import { useInjectProps, INJECT_KEYS } from "../component-provider/index.js";
-import { A as AntdIcon, _ as _sfc_main$6, g as get, a as _export_sfc, o as omit, b as _sfc_main$7, c as cloneDeep, u as useForm } from "../form/index-6f2704d5.js";
+import { A as AntdIcon, _ as _sfc_main$6, g as get, a as _export_sfc, o as omit, b as _sfc_main$7, c as cloneDeep, u as useForm } from "../form/index-9f36cc9e.js";
 var ColumnHeightOutlined$2 = { "icon": { "tag": "svg", "attrs": { "viewBox": "64 64 896 896", "focusable": "false" }, "children": [{ "tag": "path", "attrs": { "d": "M840 836H184c-4.4 0-8 3.6-8 8v60c0 4.4 3.6 8 8 8h656c4.4 0 8-3.6 8-8v-60c0-4.4-3.6-8-8-8zm0-724H184c-4.4 0-8 3.6-8 8v60c0 4.4 3.6 8 8 8h656c4.4 0 8-3.6 8-8v-60c0-4.4-3.6-8-8-8zM610.8 378c6 0 9.4-7 5.7-11.7L515.7 238.7a7.14 7.14 0 00-11.3 0L403.6 366.3a7.23 7.23 0 005.7 11.7H476v268h-62.8c-6 0-9.4 7-5.7 11.7l100.8 127.5c2.9 3.7 8.5 3.7 11.3 0l100.8-127.5c3.7-4.7.4-11.7-5.7-11.7H548V378h62.8z" } }] }, "name": "column-height", "theme": "outlined" };
 const ColumnHeightOutlinedSvg = ColumnHeightOutlined$2;
 function _objectSpread$2(target) {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@qin-ui/antd-vue-pro",
-  "version": "1.1.2",
+  "version": "1.1.4",
   "description": "二次封装antd vue组件",
   "type": "module",
   "main": "",