orion-design 0.1.7 → 0.1.9

package/README.md

@@ -1,5 +1,5 @@
-# Vue 3 + TypeScript + Vite
-
-This template should help get you started developing with Vue 3 and TypeScript in Vite. The template uses Vue 3 `<script setup>` SFCs, check out the [script setup docs](https://v3.vuejs.org/api/sfc-script-setup.html#sfc-script-setup) to learn more.
-
-Learn more about the recommended Project Setup and IDE Support in the [Vue Docs TypeScript Guide](https://vuejs.org/guide/typescript/overview.html#project-setup).
+# Vue 3 + TypeScript + Vite
+
+This template should help get you started developing with Vue 3 and TypeScript in Vite. The template uses Vue 3 `<script setup>` SFCs, check out the [script setup docs](https://v3.vuejs.org/api/sfc-script-setup.html#sfc-script-setup) to learn more.
+
+Learn more about the recommended Project Setup and IDE Support in the [Vue Docs TypeScript Guide](https://vuejs.org/guide/typescript/overview.html#project-setup).

package/dist/components/Form/FileInput/FileInput.vue.d.ts

@@ -1,6 +1,6 @@
 import { FileInputProps } from './FileInput';
 declare const _default: import('vue').DefineComponent<FileInputProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<FileInputProps> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
-    fileRef: ({
+    inputRef: ({
         $: import('vue').ComponentInternalInstance;
         $data: {};
         $props: Partial<{

package/dist/components/Form/Form.d.ts

@@ -9,12 +9,14 @@ export interface FormProps {
     itemSpan?: number;
     itemLabelWidth?: string | number;
     disabled?: boolean;
+    modelValue: Record<string, any>;
 }
 export interface FormExpose {
     validate: () => Promise<boolean>;
 }
 export interface FormContext {
-    model: Record<string, any>;
+    modelValue: Record<string, any>;
+    updateModelValue: (name: string, value: any) => void;
     rules?: FormRules;
     itemSpan: number;
     disabled?: boolean;

package/dist/components/Form/Form.js.map

@@ -1 +1 @@
-{"version":3,"file":"Form.js","sources":["../../../src/components/Form/Form.ts"],"sourcesContent":["import type { InjectionKey } from 'vue'\r\nimport type { FormRules as ElFormRules, FormItemRule as ElFormItemRule } from 'element-plus'\r\nimport type { Arrayable as ElArrayable } from 'element-plus/es/utils/typescript'\r\n\r\nexport type FormRules = ElFormRules\r\nexport type FormItemRule = ElFormItemRule\r\nexport type Arrayable<T> = ElArrayable<T>\r\n\r\nexport interface FormProps {\r\n  rules?: FormRules\r\n  itemSpan?: number\r\n  itemLabelWidth?: string | number\r\n  disabled?: boolean\r\n}\r\n\r\nexport interface FormExpose {\r\n  validate: () => Promise<boolean>\r\n}\r\n\r\nexport interface FormContext {\r\n  model: Record<string, any>\r\n  rules?: FormRules\r\n  itemSpan: number\r\n  disabled?: boolean\r\n}\r\n\r\nexport const formContextKey: InjectionKey<FormContext> = Symbol('formContextKey')\r\n"],"names":["formContextKey"],"mappings":"AA0Ba,MAAAA,IAA4C,OAAO,gBAAgB;"}
+{"version":3,"file":"Form.js","sources":["../../../src/components/Form/Form.ts"],"sourcesContent":["import type { InjectionKey } from 'vue'\r\nimport type { FormRules as ElFormRules, FormItemRule as ElFormItemRule } from 'element-plus'\r\nimport type { Arrayable as ElArrayable } from 'element-plus/es/utils/typescript'\r\n\r\nexport type FormRules = ElFormRules\r\nexport type FormItemRule = ElFormItemRule\r\nexport type Arrayable<T> = ElArrayable<T>\r\n\r\nexport interface FormProps {\r\n  rules?: FormRules\r\n  itemSpan?: number\r\n  itemLabelWidth?: string | number\r\n  disabled?: boolean\r\n  modelValue: Record<string, any>\r\n}\r\n\r\nexport interface FormExpose {\r\n  validate: () => Promise<boolean>\r\n}\r\n\r\nexport interface FormContext {\r\n  modelValue: Record<string, any>\r\n  updateModelValue: (name: string, value: any) => void\r\n  rules?: FormRules\r\n  itemSpan: number\r\n  disabled?: boolean\r\n}\r\n\r\nexport const formContextKey: InjectionKey<FormContext> = Symbol('formContextKey')\r\n"],"names":["formContextKey"],"mappings":"AA4Ba,MAAAA,IAA4C,OAAO,gBAAgB;"}

package/dist/components/Form/Form.vue.d.ts

@@ -1,14 +1,10 @@
 import { FormProps } from './Form';
-declare let __VLS_typeProps: FormProps;
-type __VLS_PublicProps = {
-    modelValue?: Record<string, any>;
-} & typeof __VLS_typeProps;
 declare function __VLS_template(): {
     slots: {
         default?(_: {}): any;
     };
     refs: {
-        formRef: ({
+        form: ({
             $: import('vue').ComponentInternalInstance;
             $data: {};
             $props: Partial<{
@@ -230,14 +226,14 @@ declare function __VLS_template(): {
     attrs: Partial<{}>;
 };
 type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
-declare const __VLS_component: import('vue').DefineComponent<__VLS_PublicProps, {
+declare const __VLS_component: import('vue').DefineComponent<FormProps, {
     validate: () => Promise<boolean>;
 }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
-    "update:modelValue": (modelValue: Record<string, any>) => any;
-}, string, import('vue').PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
-    "onUpdate:modelValue"?: ((modelValue: Record<string, any>) => any) | undefined;
+    "update:modelValue": (...args: any[]) => void;
+}, string, import('vue').PublicProps, Readonly<FormProps> & Readonly<{
+    "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
 }>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
-    formRef: ({
+    form: ({
         $: import('vue').ComponentInternalInstance;
         $data: {};
         $props: Partial<{

package/dist/components/Form/hooks/useForm.d.ts

@@ -1,6 +1,10 @@
+import { CodeItem } from '../../types';
 declare const useFormContext: () => import('..').FormContext | undefined;
 declare const useFormSpan: () => import('vue').ComputedRef<number>;
 declare const useFormRules: () => import('vue').ComputedRef<import('element-plus').FormItemRule[]>;
 declare const useFormDisabled: () => import('vue').ComputedRef<boolean>;
 declare const useFormCode: () => import('vue').ComputedRef<CodeItem[]>;
-export { useFormContext, useFormSpan, useFormRules, useFormDisabled, useFormCode };
+declare const useFormDirectModel: () => import('vue').WritableComputedRef<string, string>;
+declare const useFormMultiModel: () => import('vue').WritableComputedRef<string[] | undefined, string[] | undefined>;
+declare const useFormBooleanModel: () => import('vue').WritableComputedRef<boolean, boolean>;
+export { useFormContext, useFormSpan, useFormRules, useFormDisabled, useFormCode, useFormDirectModel, useFormMultiModel, useFormBooleanModel };

package/dist/components/Form/hooks/useForm.js

@@ -1,44 +1,82 @@
 import { inject as x, getCurrentInstance as s, computed as n } from "vue";
 import { formContextKey as C } from "../Form.js";
-import b from "../../../Throne/index.js";
-import { castArray as d, isString as h, isArray as y } from "lodash-es";
+import M from "../../../Throne/index.js";
+import { castArray as p, isString as V, isArray as F } from "lodash-es";
 import f from "../../../error/OrionError.js";
-const c = () => x(C), R = () => {
-  const e = c(), { props: t } = s();
-  return n(() => t.span ? t.span : e.itemSpan);
-}, S = () => {
-  const e = c(), { props: t, type: r } = s(), { name: i, label: m, required: a } = t;
-  let p = "change";
-  return r.extendOptions && r.extendOptions.trigger && (p = r.extendOptions.trigger), n(() => {
-    const o = [];
-    let u = !0;
-    return a && (t.rules && (o.push(...d(t.rules)), u = !o.some((l) => Object.keys(l).includes("required"))), e.rules && e.rules[i] && (u = !d(e.rules[i]).some((g) => Object.keys(g).includes("required")))), u && o.push({
+const u = () => x(C), j = () => {
+  const e = u(), { props: r } = s();
+  return n(() => r.span ? r.span : e.itemSpan);
+}, q = () => {
+  const e = u(), { props: r, type: t } = s(), { name: o, label: l, required: c } = r;
+  let d = "change";
+  return t.extendOptions && t.extendOptions.trigger && (d = t.extendOptions.trigger), n(() => {
+    const i = [];
+    let a = !0;
+    return c && (r.rules && (i.push(...p(r.rules)), a = !i.some((m) => Object.keys(m).includes("required"))), e.rules && e.rules[o] && (a = !p(e.rules[o]).some((g) => Object.keys(g).includes("required")))), a && i.push({
       required: !0,
-      message: `必填项[${m || i}]不能为空`,
-      trigger: p
-    }), o;
+      message: `必填项[${l || o}]不能为空`,
+      trigger: d
+    }), i;
   });
-}, k = () => {
-  const e = c(), { props: t } = s(), { disabled: r } = t;
-  return n(() => e.disabled || r);
-}, A = () => {
+}, D = () => {
+  const e = u(), { props: r } = s(), { disabled: t } = r;
+  return n(() => e.disabled || t);
+}, R = () => {
   let e;
-  const { props: t } = s(), { code: r } = t;
-  if (r)
-    if (h(r))
-      e = b.getCode(r).value;
-    else if (y(r))
-      e = r;
+  const { props: r } = s(), { code: t } = r;
+  if (t)
+    if (V(t))
+      e = M.getCode(t).value;
+    else if (F(t))
+      e = t;
     else
       throw new f("code类型错误");
   else throw new f("code为空");
   return n(() => e);
+}, S = () => {
+  const e = u(), { props: r } = s(), { name: t } = r;
+  return n({
+    get: () => {
+      const o = e.modelValue[t];
+      return o || "";
+    },
+    set: (o) => {
+      o ? e.updateModelValue(t, o) : e.updateModelValue(t, "");
+    }
+  });
+}, k = () => {
+  const e = u(), { props: r } = s(), { name: t } = r;
+  return n({
+    get: () => {
+      const o = e.modelValue[t];
+      if (o)
+        return o.split(",");
+    },
+    set: (o) => {
+      o ? e.updateModelValue(t, o.join(",")) : e.updateModelValue(t, "");
+    }
+  });
+}, w = () => {
+  const e = u(), { props: r } = s(), { name: t } = r;
+  return n({
+    get: () => {
+      const o = e.modelValue[t];
+      return o ? o == "1" : !1;
+    },
+    set: (o) => {
+      const l = e.modelValue[t], c = o ? "1" : "0";
+      (l || o) && e.updateModelValue(t, c);
+    }
+  });
 };
 export {
-  A as useFormCode,
-  c as useFormContext,
-  k as useFormDisabled,
-  S as useFormRules,
-  R as useFormSpan
+  w as useFormBooleanModel,
+  R as useFormCode,
+  u as useFormContext,
+  S as useFormDirectModel,
+  D as useFormDisabled,
+  k as useFormMultiModel,
+  q as useFormRules,
+  j as useFormSpan
 };
 //# sourceMappingURL=useForm.js.map

package/dist/components/Form/hooks/useForm.js.map

@@ -1 +1 @@
-{"version":3,"file":"useForm.js","sources":["../../../../src/components/Form/hooks/useForm.ts"],"sourcesContent":["import { inject, getCurrentInstance, computed } from 'vue'\r\nimport { formContextKey, FormItemRule } from '../Form'\r\nimport Throne, { CodeItem } from '../../../Throne'\r\nimport { castArray, isArray, isString } from 'lodash-es'\r\nimport OrionError from '../../../error/OrionError'\r\n\r\nconst useFormContext = () => {\r\n  return inject(formContextKey)\r\n}\r\n\r\nconst useFormSpan = () => {\r\n  const formContext = useFormContext()!\r\n  const { props } = getCurrentInstance()!\r\n\r\n  return computed(() => (props.span ? (props.span as number) : formContext.itemSpan))\r\n}\r\n\r\nconst useFormRules = () => {\r\n  const formContext = useFormContext()!\r\n  const { props, type } = getCurrentInstance()!\r\n  const { name, label, required } = props\r\n  let trigger = 'change'\r\n  if (type['extendOptions'] && type['extendOptions']['trigger']) {\r\n    trigger = type['extendOptions']['trigger']\r\n  }\r\n\r\n  return computed(() => {\r\n    const rules: FormItemRule[] = []\r\n    let flag = true\r\n\r\n    if (required) {\r\n      if (props.rules) {\r\n        rules.push(...castArray(props.rules))\r\n        flag = !rules.some((rule) => Object.keys(rule).includes('required'))\r\n      }\r\n      if (formContext.rules && formContext.rules[name as string]) {\r\n        const formRules = castArray(formContext.rules[name as string])\r\n        flag = !formRules.some((rule) => Object.keys(rule).includes('required'))\r\n      }\r\n    }\r\n\r\n    if (flag) {\r\n      rules.push({\r\n        required: true,\r\n        message: `必填项[${label ? label : name}]不能为空`,\r\n        trigger: trigger\r\n      })\r\n    }\r\n\r\n    return rules\r\n  })\r\n}\r\n\r\nconst useFormDisabled = () => {\r\n  const formContext = useFormContext()!\r\n  const { props } = getCurrentInstance()!\r\n  const { disabled } = props\r\n  return computed(() => formContext.disabled || (disabled as boolean))\r\n}\r\n\r\nconst useFormCode = () => {\r\n  let codeData: Array<CodeItem>\r\n  const { props } = getCurrentInstance()!\r\n  const { code } = props\r\n  if (!code) {\r\n    throw new OrionError('code为空')\r\n  } else if (isString(code)) {\r\n    codeData = Throne.getCode(code).value\r\n  } else if (isArray<CodeItem>(code)) {\r\n    codeData = code\r\n  } else {\r\n    throw new OrionError('code类型错误')\r\n  }\r\n  return computed(() => codeData)\r\n}\r\n\r\nexport { useFormContext, useFormSpan, useFormRules, useFormDisabled, useFormCode }\r\n"],"names":["useFormContext","inject","formContextKey","useFormSpan","formContext","props","getCurrentInstance","computed","useFormRules","type","name","label","required","trigger","rules","flag","castArray","rule","useFormDisabled","disabled","useFormCode","codeData","code","isString","Throne","isArray","OrionError"],"mappings":";;;;;AAMA,MAAMA,IAAiB,MACdC,EAAOC,CAAc,GAGxBC,IAAc,MAAM;AACxB,QAAMC,IAAcJ,KACd,EAAE,OAAAK,MAAUC;AAElB,SAAOC,EAAS,MAAOF,EAAM,OAAQA,EAAM,OAAkBD,EAAY,QAAS;AACpF,GAEMI,IAAe,MAAM;AACzB,QAAMJ,IAAcJ,KACd,EAAE,OAAAK,GAAO,MAAAI,EAAK,IAAIH,EAAmB,GACrC,EAAE,MAAAI,GAAM,OAAAC,GAAO,UAAAC,EAAA,IAAaP;AAClC,MAAIQ,IAAU;AACd,SAAIJ,EAAK,iBAAoBA,EAAK,cAAiB,YACvCI,IAAAJ,EAAK,cAAiB,UAG3BF,EAAS,MAAM;AACpB,UAAMO,IAAwB,CAAA;AAC9B,QAAIC,IAAO;AAEX,WAAIH,MACEP,EAAM,UACRS,EAAM,KAAK,GAAGE,EAAUX,EAAM,KAAK,CAAC,GAC7BU,IAAA,CAACD,EAAM,KAAK,CAACG,MAAS,OAAO,KAAKA,CAAI,EAAE,SAAS,UAAU,CAAC,IAEjEb,EAAY,SAASA,EAAY,MAAMM,CAAc,MAEhDK,IAAA,CADWC,EAAUZ,EAAY,MAAMM,CAAc,CAAC,EAC3C,KAAK,CAACO,MAAS,OAAO,KAAKA,CAAI,EAAE,SAAS,UAAU,CAAC,KAIvEF,KACFD,EAAM,KAAK;AAAA,MACT,UAAU;AAAA,MACV,SAAS,OAAOH,KAAgBD,CAAI;AAAA,MACpC,SAAAG;AAAA,IAAA,CACD,GAGIC;AAAA,EAAA,CACR;AACH,GAEMI,IAAkB,MAAM;AAC5B,QAAMd,IAAcJ,KACd,EAAE,OAAAK,MAAUC,KACZ,EAAE,UAAAa,EAAa,IAAAd;AACrB,SAAOE,EAAS,MAAMH,EAAY,YAAae,CAAoB;AACrE,GAEMC,IAAc,MAAM;AACpB,MAAAC;AACE,QAAA,EAAE,OAAAhB,MAAUC,KACZ,EAAE,MAAAgB,EAAS,IAAAjB;AACjB,MAAKiB;AAEL,QAAWC,EAASD,CAAI;AACX,MAAAD,IAAAG,EAAO,QAAQF,CAAI,EAAE;AAAA,aACvBG,EAAkBH,CAAI;AACpB,MAAAD,IAAAC;AAAA;AAEL,YAAA,IAAII,EAAW,UAAU;AAAA,MANzB,OAAA,IAAIA,EAAW,QAAQ;AAQxB,SAAAnB,EAAS,MAAMc,CAAQ;AAChC;"}
+{"version":3,"file":"useForm.js","sources":["../../../../src/components/Form/hooks/useForm.ts"],"sourcesContent":["import { inject, getCurrentInstance, computed } from 'vue'\r\nimport { formContextKey, FormItemRule } from '../Form'\r\nimport Throne from '../../../Throne'\r\nimport { CodeItem } from '../../types'\r\nimport { castArray, isArray, isString } from 'lodash-es'\r\nimport OrionError from '../../../error/OrionError'\r\n\r\nconst useFormContext = () => {\r\n  return inject(formContextKey)\r\n}\r\n\r\nconst useFormSpan = () => {\r\n  const formContext = useFormContext()!\r\n  const { props } = getCurrentInstance()!\r\n\r\n  return computed(() => (props.span ? (props.span as number) : formContext.itemSpan))\r\n}\r\n\r\nconst useFormRules = () => {\r\n  const formContext = useFormContext()!\r\n  const { props, type } = getCurrentInstance()!\r\n  const { name, label, required } = props\r\n  let trigger = 'change'\r\n  if (type['extendOptions'] && type['extendOptions']['trigger']) {\r\n    trigger = type['extendOptions']['trigger']\r\n  }\r\n\r\n  return computed(() => {\r\n    const rules: FormItemRule[] = []\r\n    let flag = true\r\n\r\n    if (required) {\r\n      if (props.rules) {\r\n        rules.push(...castArray(props.rules))\r\n        flag = !rules.some((rule) => Object.keys(rule).includes('required'))\r\n      }\r\n      if (formContext.rules && formContext.rules[name as string]) {\r\n        const formRules = castArray(formContext.rules[name as string])\r\n        flag = !formRules.some((rule) => Object.keys(rule).includes('required'))\r\n      }\r\n    }\r\n\r\n    if (flag) {\r\n      rules.push({\r\n        required: true,\r\n        message: `必填项[${label ? label : name}]不能为空`,\r\n        trigger: trigger,\r\n      })\r\n    }\r\n\r\n    return rules\r\n  })\r\n}\r\n\r\nconst useFormDisabled = () => {\r\n  const formContext = useFormContext()!\r\n  const { props } = getCurrentInstance()!\r\n  const { disabled } = props\r\n  return computed(() => formContext.disabled || (disabled as boolean))\r\n}\r\n\r\nconst useFormCode = () => {\r\n  let codeData: Array<CodeItem>\r\n  const { props } = getCurrentInstance()!\r\n  const { code } = props\r\n  if (!code) {\r\n    throw new OrionError('code为空')\r\n  } else if (isString(code)) {\r\n    codeData = Throne.getCode(code).value\r\n  } else if (isArray<CodeItem>(code)) {\r\n    codeData = code\r\n  } else {\r\n    throw new OrionError('code类型错误')\r\n  }\r\n  return computed(() => codeData)\r\n}\r\n\r\nconst useFormDirectModel = () => {\r\n  const formContext = useFormContext()!\r\n  const { props } = getCurrentInstance()!\r\n  const { name } = props\r\n\r\n  return computed<string>({\r\n    get: () => {\r\n      const value = formContext.modelValue[name as string]\r\n      if (!value) {\r\n        return ''\r\n      }\r\n      return value as string\r\n    },\r\n    set: (newValue) => {\r\n      if (!newValue) {\r\n        formContext.updateModelValue(name as string, '')\r\n      } else {\r\n        formContext.updateModelValue(name as string, newValue)\r\n      }\r\n    },\r\n  })\r\n}\r\n\r\nconst useFormMultiModel = () => {\r\n  const formContext = useFormContext()!\r\n  const { props } = getCurrentInstance()!\r\n  const { name } = props\r\n\r\n  return computed<string[] | undefined>({\r\n    get: () => {\r\n      const value = formContext.modelValue[name as string]\r\n      if (!value) {\r\n        return undefined\r\n      }\r\n      return (value as string).split(',')\r\n    },\r\n    set: (newValue) => {\r\n      if (!newValue) {\r\n        formContext.updateModelValue(name as string, '')\r\n      } else {\r\n        formContext.updateModelValue(name as string, newValue.join(','))\r\n      }\r\n    },\r\n  })\r\n}\r\n\r\nconst useFormBooleanModel = () => {\r\n  const formContext = useFormContext()!\r\n  const { props } = getCurrentInstance()!\r\n  const { name } = props\r\n\r\n  return computed<boolean>({\r\n    get: () => {\r\n      const value = formContext.modelValue[name as string]\r\n      if (!value) {\r\n        return false\r\n      }\r\n      return (value as string) == '1'\r\n    },\r\n    set: (_newValue) => {\r\n      const oldValue = formContext.modelValue[name as string]\r\n      const newValue = _newValue ? '1' : '0'\r\n      if (oldValue) {\r\n        formContext.updateModelValue(name as string, newValue)\r\n      } else {\r\n        if (_newValue) {\r\n          formContext.updateModelValue(name as string, newValue)\r\n        }\r\n      }\r\n    },\r\n  })\r\n}\r\n\r\nexport { useFormContext, useFormSpan, useFormRules, useFormDisabled, useFormCode, useFormDirectModel, useFormMultiModel, useFormBooleanModel }\r\n"],"names":["useFormContext","inject","formContextKey","useFormSpan","formContext","props","getCurrentInstance","computed","useFormRules","type","name","label","required","trigger","rules","flag","castArray","rule","useFormDisabled","disabled","useFormCode","codeData","code","isString","Throne","isArray","OrionError","useFormDirectModel","value","newValue","useFormMultiModel","useFormBooleanModel","_newValue","oldValue"],"mappings":"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"}

package/dist/components/Form/index.d.ts

@@ -12,20 +12,16 @@ import { default as FileInput } from './FileInput/FileInput.vue';
 import { default as ButtonGroup } from './ButtonGroup/ButtonGroup.vue';
 import { default as DiyItem } from './DiyItem/DiyItem.vue';
 declare const _default: import('../_util').SFCWithInstall<{
-    new (...args: any[]): import('vue').CreateComponentPublicInstanceWithMixins<Readonly<{
-        modelValue?: Record<string, any>;
-    } & import('./Form').FormProps> & Readonly<{
-        "onUpdate:modelValue"?: ((modelValue: Record<string, any>) => any) | undefined;
+    new (...args: any[]): import('vue').CreateComponentPublicInstanceWithMixins<Readonly<import('./Form').FormProps> & Readonly<{
+        "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
     }>, {
         validate: () => Promise<boolean>;
     }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
-        "update:modelValue": (modelValue: Record<string, any>) => any;
-    }, import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & Readonly<{
-        modelValue?: Record<string, any>;
-    } & import('./Form').FormProps> & Readonly<{
-        "onUpdate:modelValue"?: ((modelValue: Record<string, any>) => any) | undefined;
+        "update:modelValue": (...args: any[]) => void;
+    }, import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & Readonly<import('./Form').FormProps> & Readonly<{
+        "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
     }>, {}, false, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {
-        formRef: ({
+        form: ({
             $: import('vue').ComponentInternalInstance;
             $data: {};
             $props: Partial<{
@@ -250,24 +246,20 @@ declare const _default: import('../_util').SFCWithInstall<{
         C: {};
         M: {};
         Defaults: {};
-    }, Readonly<{
-        modelValue?: Record<string, any>;
-    } & import('./Form').FormProps> & Readonly<{
-        "onUpdate:modelValue"?: ((modelValue: Record<string, any>) => any) | undefined;
+    }, Readonly<import('./Form').FormProps> & Readonly<{
+        "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
     }>, {
         validate: () => Promise<boolean>;
     }, {}, {}, {}, {}>;
     __isFragment?: never;
     __isTeleport?: never;
     __isSuspense?: never;
-} & import('vue').ComponentOptionsBase<Readonly<{
-    modelValue?: Record<string, any>;
-} & import('./Form').FormProps> & Readonly<{
-    "onUpdate:modelValue"?: ((modelValue: Record<string, any>) => any) | undefined;
+} & import('vue').ComponentOptionsBase<Readonly<import('./Form').FormProps> & Readonly<{
+    "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
 }>, {
     validate: () => Promise<boolean>;
 }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
-    "update:modelValue": (modelValue: Record<string, any>) => any;
+    "update:modelValue": (...args: any[]) => void;
 }, string, {}, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & (new () => {
     $slots: {
         default?(_: {}): any;