@veltra/desktop 1.1.36 → 1.2.1

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

@@ -1,4 +1 @@
-import { NestedFieldMarker, formField, nestField } from "./helper.js";
-import { DynamicFormModel } from "./dynamic-form-model.js";
-import { FormModel } from "./form-model.js";
 import { _default } from "./form.vue.js";

package/dist/components/form/use-form-fields.js

@@ -0,0 +1,88 @@
+import { nextTick, watch } from "vue";
+import { o } from "@cat-kit/core";
+//#region src/components/form/use-form-fields.ts
+/** 深拷贝 model，保留 undefined 等 o().copy() 会丢弃的值 */
+function snapshotModel(model) {
+	const result = {};
+	for (const key of Object.keys(model)) {
+		const value = model[key];
+		if (Array.isArray(value)) result[key] = value.map((item) => item !== null && typeof item === "object" ? snapshotModel(item) : item);
+		else if (value !== null && typeof value === "object") result[key] = snapshotModel(value);
+		else result[key] = value;
+	}
+	return result;
+}
+/** 按快照逐字段写回 model，支持 undefined 与嵌套对象 */
+function applySnapshot(target, source) {
+	for (const key of Object.keys(source)) {
+		const sourceValue = source[key];
+		const targetValue = target[key];
+		if (sourceValue !== null && typeof sourceValue === "object" && !Array.isArray(sourceValue) && targetValue !== null && typeof targetValue === "object" && !Array.isArray(targetValue)) {
+			applySnapshot(targetValue, sourceValue);
+			continue;
+		}
+		if (Array.isArray(sourceValue)) {
+			o(target).set(key, sourceValue.map((item) => item !== null && typeof item === "object" ? snapshotModel(item) : item));
+			continue;
+		}
+		o(target).set(key, sourceValue);
+	}
+}
+function useFormFields(options) {
+	const { props } = options;
+	const fields = {};
+	let willValidate = true;
+	/** model 初始快照，供 reset 恢复 */
+	let initialSnapshot;
+	function runWithoutChangeValidate(fn) {
+		willValidate = false;
+		fn();
+		nextTick(() => {
+			willValidate = true;
+		});
+	}
+	function shouldValidate() {
+		return willValidate;
+	}
+	watch(() => props.model, (model) => {
+		initialSnapshot = model ? snapshotModel(model) : void 0;
+	}, {
+		immediate: true,
+		deep: false
+	});
+	function registerField(field, item) {
+		fields[field] = item;
+	}
+	function unregisterField(field) {
+		delete fields[field];
+	}
+	function clearValidate() {
+		Object.values(fields).forEach((item) => item.clearValidate?.());
+	}
+	async function validate(keys) {
+		let validList;
+		if (keys) validList = await Promise.all(keys.map((key) => fields[key]?.validate() ?? Promise.resolve(true)));
+		else validList = await Promise.all(Object.values(fields).map((field) => field.validate()));
+		return validList.every((valid) => valid);
+	}
+	function reset() {
+		if (!props.model || !initialSnapshot) return;
+		runWithoutChangeValidate(() => {
+			applySnapshot(props.model, initialSnapshot);
+			Object.values(fields).forEach((item) => item.clearValidate?.());
+		});
+	}
+	return {
+		fields,
+		registerField,
+		validate,
+		unregisterField,
+		clearValidate,
+		reset,
+		shouldValidate
+	};
+}
+//#endregion
+export { useFormFields };
+
+//# sourceMappingURL=use-form-fields.js.map

package/dist/components/form/use-form-fields.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-form-fields.js","names":[],"sources":["../../../src/components/form/use-form-fields.ts"],"sourcesContent":["import { o } from '@cat-kit/core'\nimport type { FormFieldItem } from '@veltra/utils'\nimport { nextTick, watch } from 'vue'\n\nimport type { FormProps } from '../../types/form'\n\ninterface Options {\n  props: FormProps\n}\n\n/** 深拷贝 model，保留 undefined 等 o().copy() 会丢弃的值 */\nfunction snapshotModel(model: Record<string, any>): Record<string, any> {\n  const result: Record<string, any> = {}\n\n  for (const key of Object.keys(model)) {\n    const value = model[key]\n    if (Array.isArray(value)) {\n      result[key] = value.map((item) =>\n        item !== null && typeof item === 'object' ? snapshotModel(item) : item\n      )\n    } else if (value !== null && typeof value === 'object') {\n      result[key] = snapshotModel(value)\n    } else {\n      result[key] = value\n    }\n  }\n\n  return result\n}\n\n/** 按快照逐字段写回 model，支持 undefined 与嵌套对象 */\nfunction applySnapshot(target: Record<string, any>, source: Record<string, any>) {\n  for (const key of Object.keys(source)) {\n    const sourceValue = source[key]\n    const targetValue = target[key]\n\n    if (\n      sourceValue !== null &&\n      typeof sourceValue === 'object' &&\n      !Array.isArray(sourceValue) &&\n      targetValue !== null &&\n      typeof targetValue === 'object' &&\n      !Array.isArray(targetValue)\n    ) {\n      applySnapshot(targetValue, sourceValue)\n      continue\n    }\n\n    if (Array.isArray(sourceValue)) {\n      o(target).set(\n        key,\n        sourceValue.map((item) =>\n          item !== null && typeof item === 'object' ? snapshotModel(item) : item\n        )\n      )\n      continue\n    }\n\n    o(target).set(key, sourceValue)\n  }\n}\n\nexport function useFormFields(options: Options) {\n  const { props } = options\n  const fields: Record<string, FormFieldItem> = {}\n\n  let willValidate = true\n\n  /** model 初始快照，供 reset 恢复 */\n  let initialSnapshot: Record<string, any> | undefined\n\n  function runWithoutChangeValidate(fn: () => void) {\n    willValidate = false\n    fn()\n    nextTick(() => {\n      willValidate = true\n    })\n  }\n\n  function shouldValidate() {\n    return willValidate\n  }\n\n  watch(\n    () => props.model,\n    (model) => {\n      initialSnapshot = model ? snapshotModel(model) : undefined\n    },\n    { immediate: true, deep: false }\n  )\n\n  function registerField(field: string, item: FormFieldItem) {\n    fields[field] = item\n  }\n\n  function unregisterField(field: string) {\n    delete fields[field]\n  }\n\n  function clearValidate() {\n    Object.values(fields).forEach((item) => item.clearValidate?.())\n  }\n\n  async function validate(keys?: string[]) {\n    let validList: boolean[]\n    if (keys) {\n      validList = await Promise.all(\n        keys.map((key) => fields[key]?.validate() ?? Promise.resolve(true))\n      )\n    } else {\n      validList = await Promise.all(Object.values(fields).map((field) => field.validate()))\n    }\n    return validList.every((valid) => valid)\n  }\n\n  function reset() {\n    if (!props.model || !initialSnapshot) return\n\n    runWithoutChangeValidate(() => {\n      applySnapshot(props.model!, initialSnapshot!)\n      Object.values(fields).forEach((item) => item.clearValidate?.())\n    })\n  }\n\n  return { fields, registerField, validate, unregisterField, clearValidate, reset, shouldValidate }\n}\n"],"mappings":";;;;AAWA,SAAS,cAAc,OAAiD;CACtE,MAAM,SAA8B,CAAC;CAErC,KAAK,MAAM,OAAO,OAAO,KAAK,KAAK,GAAG;EACpC,MAAM,QAAQ,MAAM;EACpB,IAAI,MAAM,QAAQ,KAAK,GACrB,OAAO,OAAO,MAAM,KAAK,SACvB,SAAS,QAAQ,OAAO,SAAS,WAAW,cAAc,IAAI,IAAI,IACpE;OACK,IAAI,UAAU,QAAQ,OAAO,UAAU,UAC5C,OAAO,OAAO,cAAc,KAAK;OAEjC,OAAO,OAAO;CAElB;CAEA,OAAO;AACT;;AAGA,SAAS,cAAc,QAA6B,QAA6B;CAC/E,KAAK,MAAM,OAAO,OAAO,KAAK,MAAM,GAAG;EACrC,MAAM,cAAc,OAAO;EAC3B,MAAM,cAAc,OAAO;EAE3B,IACE,gBAAgB,QAChB,OAAO,gBAAgB,YACvB,CAAC,MAAM,QAAQ,WAAW,KAC1B,gBAAgB,QAChB,OAAO,gBAAgB,YACvB,CAAC,MAAM,QAAQ,WAAW,GAC1B;GACA,cAAc,aAAa,WAAW;GACtC;EACF;EAEA,IAAI,MAAM,QAAQ,WAAW,GAAG;GAC9B,EAAE,MAAM,EAAE,IACR,KACA,YAAY,KAAK,SACf,SAAS,QAAQ,OAAO,SAAS,WAAW,cAAc,IAAI,IAAI,IACpE,CACF;GACA;EACF;EAEA,EAAE,MAAM,EAAE,IAAI,KAAK,WAAW;CAChC;AACF;AAEA,SAAgB,cAAc,SAAkB;CAC9C,MAAM,EAAE,UAAU;CAClB,MAAM,SAAwC,CAAC;CAE/C,IAAI,eAAe;;CAGnB,IAAI;CAEJ,SAAS,yBAAyB,IAAgB;EAChD,eAAe;EACf,GAAG;EACH,eAAe;GACb,eAAe;EACjB,CAAC;CACH;CAEA,SAAS,iBAAiB;EACxB,OAAO;CACT;CAEA,YACQ,MAAM,QACX,UAAU;EACT,kBAAkB,QAAQ,cAAc,KAAK,IAAI,KAAA;CACnD,GACA;EAAE,WAAW;EAAM,MAAM;CAAM,CACjC;CAEA,SAAS,cAAc,OAAe,MAAqB;EACzD,OAAO,SAAS;CAClB;CAEA,SAAS,gBAAgB,OAAe;EACtC,OAAO,OAAO;CAChB;CAEA,SAAS,gBAAgB;EACvB,OAAO,OAAO,MAAM,EAAE,SAAS,SAAS,KAAK,gBAAgB,CAAC;CAChE;CAEA,eAAe,SAAS,MAAiB;EACvC,IAAI;EACJ,IAAI,MACF,YAAY,MAAM,QAAQ,IACxB,KAAK,KAAK,QAAQ,OAAO,MAAM,SAAS,KAAK,QAAQ,QAAQ,IAAI,CAAC,CACpE;OAEA,YAAY,MAAM,QAAQ,IAAI,OAAO,OAAO,MAAM,EAAE,KAAK,UAAU,MAAM,SAAS,CAAC,CAAC;EAEtF,OAAO,UAAU,OAAO,UAAU,KAAK;CACzC;CAEA,SAAS,QAAQ;EACf,IAAI,CAAC,MAAM,SAAS,CAAC,iBAAiB;EAEtC,+BAA+B;GAC7B,cAAc,MAAM,OAAQ,eAAgB;GAC5C,OAAO,OAAO,MAAM,EAAE,SAAS,SAAS,KAAK,gBAAgB,CAAC;EAChE,CAAC;CACH;CAEA,OAAO;EAAE;EAAQ;EAAe;EAAU;EAAiB;EAAe;EAAO;CAAe;AAClG"}

package/dist/components/form/use-node-interceptor.js

@@ -1,54 +1,43 @@
-import { onBeforeUnmount, useSlots } from "vue";
-import { createIncrease, extractNormalVNodes } from "@veltra/utils";
+import { useSlots } from "vue";
+import { extractNormalVNodes } from "@veltra/utils";
 import { o } from "@cat-kit/core";
 //#region src/components/form/use-node-interceptor.ts
-const id = createIncrease(1);
 /**
 * 虚拟node拦截
-* @param options 选项
 * @returns
 */
-function useNodeInterceptor(options) {
-	const { props } = options;
+function useNodeInterceptor() {
 	const slots = useSlots();
-	const formId = id();
 	function getSlotsNodes() {
-		const { model } = props;
-		const nodes = slots.default?.({
-			model,
-			data: model?.data
-		});
+		const nodes = slots.default?.();
 		if (!nodes?.length) return null;
 		const flattedNodes = extractNormalVNodes(nodes);
 		const results = [];
-		const fields = [];
 		let i = 0;
 		while (i < flattedNodes.length) {
 			const node = flattedNodes[i];
 			i++;
 			const { props, type } = node;
-			const item = {
-				isFormItem: type?.name === "FormItem",
-				formItemProps: o(props ?? {}).pick([
-					"label",
-					"field",
-					"span",
-					"tips",
-					"readonly"
-				]),
+			const field = props?.field;
+			const isFormItem = type?.name === "FormItem";
+			const formItemProps = o(props ?? {}).pick([
+				"label",
+				"rules",
+				"span",
+				"tips",
+				"readonly",
+				"field"
+			]);
+			results.push({
+				isFormItem,
+				formItemProps,
 				node,
-				field: props?.field,
+				field,
 				modelValue: props?.["model-value"] ?? props?.modelValue
-			};
-			item.field && fields.push(item.field);
-			results.push(item);
+			});
 		}
-		model.formKeys.set(formId, fields);
 		return results;
 	}
-	onBeforeUnmount(() => {
-		props.model?.formKeys.delete(formId);
-	});
 	return { getSlotsNodes };
 }
 //#endregion

package/dist/components/form/use-node-interceptor.js.map

@@ -1 +1 @@
-{"version":3,"file":"use-node-interceptor.js","names":[],"sources":["../../../src/components/form/use-node-interceptor.ts"],"sourcesContent":["import { o } from '@cat-kit/core'\nimport { createIncrease, extractNormalVNodes } from '@veltra/utils'\nimport { onBeforeUnmount, useSlots, type VNode } from 'vue'\n\nimport type { FormProps } from '../../types'\n\ninterface Options {\n  props: FormProps\n}\n\nexport type SlotRenderItem =\n  | {\n      isFormItem: true\n      formItemProps: Record<string, any>\n      node: VNode\n      field: undefined\n      modelValue?: any\n    }\n  | {\n      isFormItem: false\n      formItemProps: Record<string, any>\n      node: VNode\n      field: string\n      modelValue?: any\n    }\n\nconst id = createIncrease(1)\n\n/**\n * 虚拟node拦截\n * @param options 选项\n * @returns\n */\nexport function useNodeInterceptor(options: Options): {\n  getSlotsNodes: () => SlotRenderItem[] | null\n} {\n  const { props } = options\n  const slots = useSlots()\n\n  const formId = id()\n\n  function getSlotsNodes() {\n    const { model } = props\n    const nodes = slots.default?.({ model, data: model?.data })\n    if (!nodes?.length) return null\n\n    const flattedNodes = extractNormalVNodes(nodes)\n\n    const results: SlotRenderItem[] = []\n\n    // 渲染表单后得到的应当校验的字段\n    const fields: string[] = []\n\n    let i = 0\n    while (i < flattedNodes.length) {\n      const node = flattedNodes[i]!\n      i++\n\n      const { props, type } = node\n      const item = {\n        isFormItem: (type as any)?.name === 'FormItem',\n        formItemProps: o((props ?? {}) as Record<string, any>).pick([\n          'label',\n          'field',\n          'span',\n          'tips',\n          'readonly'\n        ]),\n        node,\n        field: props?.field,\n        modelValue: props?.['model-value'] ?? props?.modelValue\n      }\n\n      item.field && fields.push(item.field)\n      results.push(item)\n    }\n\n    model.formKeys.set(formId, fields)\n    return results\n  }\n\n  onBeforeUnmount(() => {\n    props.model?.formKeys.delete(formId)\n  })\n\n  return { getSlotsNodes }\n}\n"],"mappings":";;;;AA0BA,MAAM,KAAK,eAAe,CAAC;;;;;;AAO3B,SAAgB,mBAAmB,SAEjC;CACA,MAAM,EAAE,UAAU;CAClB,MAAM,QAAQ,SAAS;CAEvB,MAAM,SAAS,GAAG;CAElB,SAAS,gBAAgB;EACvB,MAAM,EAAE,UAAU;EAClB,MAAM,QAAQ,MAAM,UAAU;GAAE;GAAO,MAAM,OAAO;EAAK,CAAC;EAC1D,IAAI,CAAC,OAAO,QAAQ,OAAO;EAE3B,MAAM,eAAe,oBAAoB,KAAK;EAE9C,MAAM,UAA4B,CAAC;EAGnC,MAAM,SAAmB,CAAC;EAE1B,IAAI,IAAI;EACR,OAAO,IAAI,aAAa,QAAQ;GAC9B,MAAM,OAAO,aAAa;GAC1B;GAEA,MAAM,EAAE,OAAO,SAAS;GACxB,MAAM,OAAO;IACX,YAAa,MAAc,SAAS;IACpC,eAAe,EAAG,SAAS,CAAC,CAAyB,EAAE,KAAK;KAC1D;KACA;KACA;KACA;KACA;IACF,CAAC;IACD;IACA,OAAO,OAAO;IACd,YAAY,QAAQ,kBAAkB,OAAO;GAC/C;GAEA,KAAK,SAAS,OAAO,KAAK,KAAK,KAAK;GACpC,QAAQ,KAAK,IAAI;EACnB;EAEA,MAAM,SAAS,IAAI,QAAQ,MAAM;EACjC,OAAO;CACT;CAEA,sBAAsB;EACpB,MAAM,OAAO,SAAS,OAAO,MAAM;CACrC,CAAC;CAED,OAAO,EAAE,cAAc;AACzB"}
+{"version":3,"file":"use-node-interceptor.js","names":[],"sources":["../../../src/components/form/use-node-interceptor.ts"],"sourcesContent":["import { o } from '@cat-kit/core'\nimport { extractNormalVNodes } from '@veltra/utils'\nimport { useSlots, type VNode } from 'vue'\n\nexport type SlotRenderItem = {\n  isFormItem: boolean\n  formItemProps?: Record<string, any>\n  node: VNode\n  field?: string\n  modelValue?: any\n}\n\n/**\n * 虚拟node拦截\n * @returns\n */\nexport function useNodeInterceptor(): { getSlotsNodes: () => SlotRenderItem[] | null } {\n  const slots = useSlots()\n\n  function getSlotsNodes() {\n    const nodes = slots.default?.()\n    if (!nodes?.length) return null\n\n    const flattedNodes = extractNormalVNodes(nodes)\n\n    const results: SlotRenderItem[] = []\n\n    let i = 0\n    while (i < flattedNodes.length) {\n      const node = flattedNodes[i]!\n      i++\n\n      const { props, type } = node\n      const field = props?.field as string | undefined\n      const isFormItem = (type as any)?.name === 'FormItem'\n      const formItemProps = o((props ?? {}) as Record<string, any>).pick([\n        'label',\n        'rules',\n        'span',\n        'tips',\n        'readonly',\n        'field'\n      ]) as Record<string, any>\n\n      results.push({\n        isFormItem,\n        formItemProps,\n        node,\n        field,\n        modelValue: props?.['model-value'] ?? props?.modelValue\n      })\n    }\n\n    return results\n  }\n\n  return { getSlotsNodes }\n}\n"],"mappings":";;;;;;;;AAgBA,SAAgB,qBAAuE;CACrF,MAAM,QAAQ,SAAS;CAEvB,SAAS,gBAAgB;EACvB,MAAM,QAAQ,MAAM,UAAU;EAC9B,IAAI,CAAC,OAAO,QAAQ,OAAO;EAE3B,MAAM,eAAe,oBAAoB,KAAK;EAE9C,MAAM,UAA4B,CAAC;EAEnC,IAAI,IAAI;EACR,OAAO,IAAI,aAAa,QAAQ;GAC9B,MAAM,OAAO,aAAa;GAC1B;GAEA,MAAM,EAAE,OAAO,SAAS;GACxB,MAAM,QAAQ,OAAO;GACrB,MAAM,aAAc,MAAc,SAAS;GAC3C,MAAM,gBAAgB,EAAG,SAAS,CAAC,CAAyB,EAAE,KAAK;IACjE;IACA;IACA;IACA;IACA;IACA;GACF,CAAC;GAED,QAAQ,KAAK;IACX;IACA;IACA;IACA;IACA,YAAY,QAAQ,kBAAkB,OAAO;GAC/C,CAAC;EACH;EAEA,OAAO;CACT;CAEA,OAAO,EAAE,cAAc;AACzB"}

package/dist/components/form-item/form-item.js.map

@@ -1 +1 @@
-{"version":3,"file":"form-item.js","names":[],"sources":["../../../src/components/form-item/form-item.vue"],"sourcesContent":["<template>\n  <u-grid-item :span=\"span\" :class=\"className\">\n    <label\n      v-if=\"props.label || $slots.label\"\n      :class=\"[cls.e('label'), bem.is('required', fieldRequired)]\"\n      :style=\"labelStyles\"\n    >\n      <u-tip v-if=\"tips\" :content=\"tips\" :class=\"cls.e('tips')\">\n        <span :class=\"cls.e('tip-label')\">\n          <slot name=\"label\">{{ label }}:</slot>\n        </span>\n      </u-tip>\n      <template v-else>\n        <slot name=\"label\">{{ label }}:</slot>\n      </template>\n    </label>\n\n    <section :class=\"cls.e('wrapper')\">\n      <div :class=\"cls.e('content')\">\n        <slot></slot>\n      </div>\n\n      <!-- 只有表单控件处于非只读状态时，才显示错误提示 -->\n      <section :class=\"cls.e('error')\" v-if=\"!formProps?.readonly && !formProps?.noTips\">\n        <transition name=\"form-item-tips\" mode=\"out-in\">\n          <span :class=\"cls.e('error-text')\" v-if=\"!!errorTips\">\n            {{ errorTips }}\n          </span>\n        </transition>\n      </section>\n    </section>\n  </u-grid-item>\n</template>\n\n<script lang=\"tsx\" setup>\nimport { useConfig, useFallbackProps } from '@veltra/compositions'\nimport { bem, withUnit } from '@veltra/utils'\nimport { injectFormContext } from '@veltra/utils'\nimport { type CSSProperties, computed } from 'vue'\n\nimport type { FormItemProps, ComponentSize } from '../../types'\nimport { UGridItem } from '../grid'\nimport { UTip } from '../tip'\nimport { formItemCls as cls } from './helper'\n\ndefineOptions({ name: 'FormItem' })\n\nconst props = withDefaults(defineProps<FormItemProps>(), { readonly: undefined })\n\ndefineSlots<{\n  /** 标签插槽 */\n  label?: () => any\n  default?: () => any\n}>()\n\n/** 表单组件上下文 */\nconst { formProps } = injectFormContext()\n\nconst { config } = useConfig()\n\nconst { size, readonly } = useFallbackProps([formProps ?? {}, props], {\n  size: 'default' as ComponentSize,\n  readonly: false\n})\n\nconst className = computed(() => {\n  return [cls.b, cls.m(size.value), bem.is('error', !!errorTips.value)].join(' ')\n})\n\n/** label样式 */\nconst labelStyles = computed<CSSProperties>(() => {\n  return {\n    width: withUnit(props.labelWidth ?? formProps?.labelWidth ?? config.form.labelWidth, 'px')\n  }\n})\n\n/** 错误提示 */\nconst errorTips = computed<string | undefined>(() => {\n  if (!props.field) return undefined\n  return formProps?.model?.errors.get(props.field)?.[0]\n})\n\n/** 字段是否必须 */\nconst fieldRequired = computed<boolean>(() => {\n  const { field } = props\n  if (!field || readonly.value) return false\n  const required = formProps?.model?.fields[field]?.required\n  return Boolean(required)\n})\n</script>\n"],"mappings":""}
+{"version":3,"file":"form-item.js","names":[],"sources":["../../../src/components/form-item/form-item.vue"],"sourcesContent":["<template>\n  <u-grid-item :span=\"span\" :class=\"className\">\n    <label\n      v-if=\"props.label || $slots.label\"\n      :class=\"[cls.e('label'), bem.is('required', !!rules?.required)]\"\n      :style=\"labelStyles\"\n    >\n      <u-tip v-if=\"tips\" :content=\"tips\" :class=\"cls.e('tips')\">\n        <span :class=\"cls.e('tip-label')\">\n          <slot name=\"label\">{{ label }}:</slot>\n        </span>\n      </u-tip>\n      <template v-else>\n        <slot name=\"label\">{{ label }}:</slot>\n      </template>\n    </label>\n\n    <section :class=\"cls.e('wrapper')\">\n      <div :class=\"cls.e('content')\">\n        <slot></slot>\n      </div>\n\n      <!-- 只有表单控件处于非只读状态时，才显示错误提示 -->\n      <section :class=\"cls.e('error')\" v-if=\"!readonly && !formProps?.noTips\">\n        <transition name=\"form-item-tips\" mode=\"out-in\">\n          <span :class=\"cls.e('error-text')\" v-if=\"!!errorTip\">\n            {{ errorTip }}\n          </span>\n        </transition>\n      </section>\n    </section>\n  </u-grid-item>\n</template>\n\n<script lang=\"tsx\" setup>\nimport { o } from '@cat-kit/core'\nimport { useConfig, useFallbackProps } from '@veltra/compositions'\nimport { bem, withUnit } from '@veltra/utils'\nimport { injectFormContext } from '@veltra/utils'\nimport { type CSSProperties, computed, onBeforeUnmount, shallowRef, watch } from 'vue'\n\nimport type { FormItemProps, ComponentSize } from '../../types'\nimport { UGridItem } from '../grid'\nimport { UTip } from '../tip'\nimport { formItemCls as cls, defineField } from './helper'\nimport { validateField } from './validate'\n\ndefineOptions({ name: 'FormItem' })\n\nconst props = withDefaults(defineProps<FormItemProps>(), { readonly: undefined })\n\ndefineSlots<{\n  /** 标签插槽 */\n  label?: () => any\n  default?: () => any\n}>()\n\n/** 表单组件上下文 */\nconst { formProps, registerField, unregisterField, shouldValidate } = injectFormContext()\n\nconst { config } = useConfig()\n\nconst { size, readonly } = useFallbackProps([formProps ?? {}, props], {\n  size: 'default' as ComponentSize,\n  readonly: false\n})\n\nconst errorTip = shallowRef<string>()\n/** 递增序号，丢弃过期的异步校验结果 */\nlet validateSeq = 0\n/** 最近一次 validate 的 Promise，供过期调用等待最新结果 */\nlet latestValidatePromise: Promise<boolean> = Promise.resolve(true)\n\nconst className = computed(() => {\n  return [cls.b, cls.m(size.value), bem.is('error', !!errorTip.value)].join(' ')\n})\n\n/** label样式 */\nconst labelStyles = computed<CSSProperties>(() => {\n  return {\n    width: withUnit(props.labelWidth ?? formProps?.labelWidth ?? config.form.labelWidth, 'px')\n  }\n})\n\nconst fieldItem = defineField({\n  clearValidate() {\n    errorTip.value = ''\n  },\n  async validate() {\n    if (!props.field || !formProps?.model || !props.rules || !shouldValidate?.()) return true\n\n    const seq = ++validateSeq\n\n    latestValidatePromise = validateField(formProps.model!, props.field!, props.rules!).then(\n      (tip) => {\n        if (seq !== validateSeq) return latestValidatePromise\n\n        errorTip.value = tip\n        return !errorTip.value\n      }\n    )\n    return latestValidatePromise\n  }\n})\n\nwatch(\n  () => props.field,\n  (field, oldField) => {\n    if (oldField) {\n      unregisterField?.(oldField)\n    }\n    if (field) {\n      registerField?.(field, fieldItem)\n    }\n  },\n  { immediate: true }\n)\n\nlet stopWatchFieldValue: (() => void) | undefined\n\nwatch(\n  [() => formProps?.model, () => props.field],\n  ([model, field]) => {\n    stopWatchFieldValue?.()\n\n    if (!field || !model) return\n\n    stopWatchFieldValue = watch(\n      () => o(model).get(field),\n      () => {\n        fieldItem.validate()\n      }\n    )\n  },\n  { immediate: true }\n)\n\nonBeforeUnmount(() => {\n  props.field && unregisterField?.(props.field)\n})\n</script>\n"],"mappings":""}

package/dist/components/form-item/form-item.vue_vue_type_script_setup_true_lang.js

@@ -1,9 +1,11 @@
 import _sfc_main from "../tip/tip.js";
 import _sfc_main$1 from "../grid/grid-item.js";
-import { formItemCls } from "./helper.js";
-import { Transition, computed, createBlock, createCommentVNode, createElementBlock, createElementVNode, createTextVNode, createVNode, defineComponent, normalizeClass, normalizeStyle, openBlock, renderSlot, toDisplayString, unref, withCtx } from "vue";
+import { defineField, formItemCls } from "./helper.js";
+import { validateField } from "./validate.js";
+import { Transition, computed, createBlock, createCommentVNode, createElementBlock, createElementVNode, createTextVNode, createVNode, defineComponent, normalizeClass, normalizeStyle, onBeforeUnmount, openBlock, renderSlot, shallowRef, toDisplayString, unref, watch, withCtx } from "vue";
 import { useConfig, useFallbackProps } from "@veltra/compositions";
 import { bem, injectFormContext, withUnit } from "@veltra/utils";
+import { o } from "@cat-kit/core";
 //#region src/components/form-item/form-item.vue?vue&type=script&setup=true&lang.tsx
 var form_item_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineComponent({
 	name: "FormItem",
@@ -19,39 +21,63 @@ var form_item_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ define
 			type: Boolean,
 			default: void 0
 		},
+		rules: {},
 		size: {}
 	},
 	setup(__props) {
 		const props = __props;
 		/** 表单组件上下文 */
-		const { formProps } = injectFormContext();
+		const { formProps, registerField, unregisterField, shouldValidate } = injectFormContext();
 		const { config } = useConfig();
 		const { size, readonly } = useFallbackProps([formProps ?? {}, props], {
 			size: "default",
 			readonly: false
 		});
+		const errorTip = shallowRef();
+		/** 递增序号，丢弃过期的异步校验结果 */
+		let validateSeq = 0;
+		/** 最近一次 validate 的 Promise，供过期调用等待最新结果 */
+		let latestValidatePromise = Promise.resolve(true);
 		const className = computed(() => {
 			return [
 				formItemCls.b,
 				formItemCls.m(size.value),
-				bem.is("error", !!errorTips.value)
+				bem.is("error", !!errorTip.value)
 			].join(" ");
 		});
 		/** label样式 */
 		const labelStyles = computed(() => {
 			return { width: withUnit(props.labelWidth ?? formProps?.labelWidth ?? config.form.labelWidth, "px") };
 		});
-		/** 错误提示 */
-		const errorTips = computed(() => {
-			if (!props.field) return void 0;
-			return formProps?.model?.errors.get(props.field)?.[0];
+		const fieldItem = defineField({
+			clearValidate() {
+				errorTip.value = "";
+			},
+			async validate() {
+				if (!props.field || !formProps?.model || !props.rules || !shouldValidate?.()) return true;
+				const seq = ++validateSeq;
+				latestValidatePromise = validateField(formProps.model, props.field, props.rules).then((tip) => {
+					if (seq !== validateSeq) return latestValidatePromise;
+					errorTip.value = tip;
+					return !errorTip.value;
+				});
+				return latestValidatePromise;
+			}
 		});
-		/** 字段是否必须 */
-		const fieldRequired = computed(() => {
-			const { field } = props;
-			if (!field || readonly.value) return false;
-			const required = formProps?.model?.fields[field]?.required;
-			return Boolean(required);
+		watch(() => props.field, (field, oldField) => {
+			if (oldField) unregisterField?.(oldField);
+			if (field) registerField?.(field, fieldItem);
+		}, { immediate: true });
+		let stopWatchFieldValue;
+		watch([() => formProps?.model, () => props.field], ([model, field]) => {
+			stopWatchFieldValue?.();
+			if (!field || !model) return;
+			stopWatchFieldValue = watch(() => o(model).get(field), () => {
+				fieldItem.validate();
+			});
+		}, { immediate: true });
+		onBeforeUnmount(() => {
+			props.field && unregisterField?.(props.field);
 		});
 		return (_ctx, _cache) => {
 			return openBlock(), createBlock(unref(_sfc_main$1), {
@@ -60,7 +86,7 @@ var form_item_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ define
 			}, {
 				default: withCtx(() => [props.label || _ctx.$slots.label ? (openBlock(), createElementBlock("label", {
 					key: 0,
-					class: normalizeClass([unref(formItemCls).e("label"), unref(bem).is("required", fieldRequired.value)]),
+					class: normalizeClass([unref(formItemCls).e("label"), unref(bem).is("required", !!__props.rules?.required)]),
 					style: normalizeStyle(labelStyles.value)
 				}, [__props.tips ? (openBlock(), createBlock(unref(_sfc_main), {
 					key: 0,
@@ -72,17 +98,17 @@ var form_item_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ define
 				}, 8, ["content", "class"])) : renderSlot(_ctx.$slots, "label", { key: 1 }, () => [createTextVNode(toDisplayString(__props.label) + ":", 1)])], 6)) : createCommentVNode("v-if", true), createElementVNode("section", { class: normalizeClass(unref(formItemCls).e("wrapper")) }, [
 					createElementVNode("div", { class: normalizeClass(unref(formItemCls).e("content")) }, [renderSlot(_ctx.$slots, "default")], 2),
 					createCommentVNode(" 只有表单控件处于非只读状态时，才显示错误提示 "),
-					!unref(formProps)?.readonly && !unref(formProps)?.noTips ? (openBlock(), createElementBlock("section", {
+					!unref(readonly) && !unref(formProps)?.noTips ? (openBlock(), createElementBlock("section", {
 						key: 0,
 						class: normalizeClass(unref(formItemCls).e("error"))
 					}, [createVNode(Transition, {
 						name: "form-item-tips",
 						mode: "out-in"
 					}, {
-						default: withCtx(() => [!!errorTips.value ? (openBlock(), createElementBlock("span", {
+						default: withCtx(() => [!!errorTip.value ? (openBlock(), createElementBlock("span", {
 							key: 0,
 							class: normalizeClass(unref(formItemCls).e("error-text"))
-						}, toDisplayString(errorTips.value), 3)) : createCommentVNode("v-if", true)]),
+						}, toDisplayString(errorTip.value), 3)) : createCommentVNode("v-if", true)]),
 						_: 1
 					})], 2)) : createCommentVNode("v-if", true)
 				], 2)]),

package/dist/components/form-item/form-item.vue_vue_type_script_setup_true_lang.js.map

@@ -1 +1 @@
-{"version":3,"file":"form-item.vue_vue_type_script_setup_true_lang.js","names":["$slots"],"sources":["../../../src/components/form-item/form-item.vue"],"sourcesContent":["<template>\n  <u-grid-item :span=\"span\" :class=\"className\">\n    <label\n      v-if=\"props.label || $slots.label\"\n      :class=\"[cls.e('label'), bem.is('required', fieldRequired)]\"\n      :style=\"labelStyles\"\n    >\n      <u-tip v-if=\"tips\" :content=\"tips\" :class=\"cls.e('tips')\">\n        <span :class=\"cls.e('tip-label')\">\n          <slot name=\"label\">{{ label }}:</slot>\n        </span>\n      </u-tip>\n      <template v-else>\n        <slot name=\"label\">{{ label }}:</slot>\n      </template>\n    </label>\n\n    <section :class=\"cls.e('wrapper')\">\n      <div :class=\"cls.e('content')\">\n        <slot></slot>\n      </div>\n\n      <!-- 只有表单控件处于非只读状态时，才显示错误提示 -->\n      <section :class=\"cls.e('error')\" v-if=\"!formProps?.readonly && !formProps?.noTips\">\n        <transition name=\"form-item-tips\" mode=\"out-in\">\n          <span :class=\"cls.e('error-text')\" v-if=\"!!errorTips\">\n            {{ errorTips }}\n          </span>\n        </transition>\n      </section>\n    </section>\n  </u-grid-item>\n</template>\n\n<script lang=\"tsx\" setup>\nimport { useConfig, useFallbackProps } from '@veltra/compositions'\nimport { bem, withUnit } from '@veltra/utils'\nimport { injectFormContext } from '@veltra/utils'\nimport { type CSSProperties, computed } from 'vue'\n\nimport type { FormItemProps, ComponentSize } from '../../types'\nimport { UGridItem } from '../grid'\nimport { UTip } from '../tip'\nimport { formItemCls as cls } from './helper'\n\ndefineOptions({ name: 'FormItem' })\n\nconst props = withDefaults(defineProps<FormItemProps>(), { readonly: undefined })\n\ndefineSlots<{\n  /** 标签插槽 */\n  label?: () => any\n  default?: () => any\n}>()\n\n/** 表单组件上下文 */\nconst { formProps } = injectFormContext()\n\nconst { config } = useConfig()\n\nconst { size, readonly } = useFallbackProps([formProps ?? {}, props], {\n  size: 'default' as ComponentSize,\n  readonly: false\n})\n\nconst className = computed(() => {\n  return [cls.b, cls.m(size.value), bem.is('error', !!errorTips.value)].join(' ')\n})\n\n/** label样式 */\nconst labelStyles = computed<CSSProperties>(() => {\n  return {\n    width: withUnit(props.labelWidth ?? formProps?.labelWidth ?? config.form.labelWidth, 'px')\n  }\n})\n\n/** 错误提示 */\nconst errorTips = computed<string | undefined>(() => {\n  if (!props.field) return undefined\n  return formProps?.model?.errors.get(props.field)?.[0]\n})\n\n/** 字段是否必须 */\nconst fieldRequired = computed<boolean>(() => {\n  const { field } = props\n  if (!field || readonly.value) return false\n  const required = formProps?.model?.fields[field]?.required\n  return Boolean(required)\n})\n</script>\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;EA+CA,MAAM,QAAQ;;EASd,MAAM,EAAE,cAAc,kBAAkB;EAExC,MAAM,EAAE,WAAW,UAAU;EAE7B,MAAM,EAAE,MAAM,aAAa,iBAAiB,CAAC,aAAa,CAAC,GAAG,KAAK,GAAG;GACpE,MAAM;GACN,UAAU;EACZ,CAAC;EAED,MAAM,YAAY,eAAe;GAC/B,OAAO;IAAC,YAAI;IAAG,YAAI,EAAE,KAAK,KAAK;IAAG,IAAI,GAAG,SAAS,CAAC,CAAC,UAAU,KAAK;GAAC,EAAE,KAAK,GAAG;EAChF,CAAC;;EAGD,MAAM,cAAc,eAA8B;GAChD,OAAO,EACL,OAAO,SAAS,MAAM,cAAc,WAAW,cAAc,OAAO,KAAK,YAAY,IAAI,EAC3F;EACF,CAAC;;EAGD,MAAM,YAAY,eAAmC;GACnD,IAAI,CAAC,MAAM,OAAO,OAAO,KAAA;GACzB,OAAO,WAAW,OAAO,OAAO,IAAI,MAAM,KAAK,IAAI;EACrD,CAAC;;EAGD,MAAM,gBAAgB,eAAwB;GAC5C,MAAM,EAAE,UAAU;GAClB,IAAI,CAAC,SAAS,SAAS,OAAO,OAAO;GACrC,MAAM,WAAW,WAAW,OAAO,OAAO,QAAQ;GAClD,OAAO,QAAQ,QAAQ;EACzB,CAAC;;uBAvFC,YA8Bc,MAAA,WAAA,GAAA;IA9BA,MAAM,QAAA;IAAO,OAAK,eAAE,UAAA,KAAS;;2BAcjC,CAZA,MAAM,SAASA,KAAAA,OAAO,SAAA,UAAA,GAD9B,mBAaQ,SAAA;;KAXL,OAAK,eAAA,CAAG,MAAA,WAAA,EAAI,EAAC,OAAA,GAAW,MAAA,GAAA,EAAI,GAAE,YAAa,cAAA,KAAa,CAAA,CAAA;KACxD,OAAK,eAAE,YAAA,KAAW;QAEN,QAAA,QAAA,UAAA,GAAb,YAIQ,MAAA,SAAA,GAAA;;KAJY,SAAS,QAAA;KAAO,OAAK,eAAE,MAAA,WAAA,EAAI,EAAC,MAAA,CAAA;;4BAGvC,CAFP,mBAEO,QAAA,EAFA,OAAK,eAAE,MAAA,WAAA,EAAI,EAAC,WAAA,CAAA,EAAA,GAAA,CACjB,WAAsC,KAAA,QAAA,SAAA,CAAA,SAAA,CAAA,gBAAA,gBAAhB,QAAA,KAAK,IAAG,KAAC,CAAA,CAAA,CAAA,CAAA,GAAA,CAAA,CAAA,CAAA;;mCAIjC,WAAsC,KAAA,QAAA,SAAA,EAAA,KAAA,EAAA,SAAA,CAAA,gBAAA,gBAAhB,QAAA,KAAK,IAAG,KAAC,CAAA,CAAA,CAAA,CAAA,GAAA,CAAA,KAAA,mBAAA,QAAA,IAAA,GAInC,mBAaU,WAAA,EAbA,OAAK,eAAE,MAAA,WAAA,EAAI,EAAC,SAAA,CAAA,EAAA,GAAA;KACpB,mBAEM,OAAA,EAFA,OAAK,eAAE,MAAA,WAAA,EAAI,EAAC,SAAA,CAAA,EAAA,GAAA,CAChB,WAAa,KAAA,QAAA,SAAA,CAAA,GAAA,CAAA;KAGf,mBAAA,0BAAA;MACwC,MAAA,SAAA,GAAW,YAAQ,CAAK,MAAA,SAAA,GAAW,UAAA,UAAA,GAA3E,mBAMU,WAAA;;MANA,OAAK,eAAE,MAAA,WAAA,EAAI,EAAC,OAAA,CAAA;SACpB,YAIa,YAAA;MAJD,MAAK;MAAiB,MAAK;;6BAG9B,CAAA,CAAA,CAFoC,UAAA,SAAA,UAAA,GAA3C,mBAEO,QAAA;;OAFA,OAAK,eAAE,MAAA,WAAA,EAAI,EAAC,YAAA,CAAA;yBACd,UAAA,KAAS,GAAA,CAAA,KAAA,mBAAA,QAAA,IAAA,CAAA,CAAA"}
+{"version":3,"file":"form-item.vue_vue_type_script_setup_true_lang.js","names":["$slots"],"sources":["../../../src/components/form-item/form-item.vue"],"sourcesContent":["<template>\n  <u-grid-item :span=\"span\" :class=\"className\">\n    <label\n      v-if=\"props.label || $slots.label\"\n      :class=\"[cls.e('label'), bem.is('required', !!rules?.required)]\"\n      :style=\"labelStyles\"\n    >\n      <u-tip v-if=\"tips\" :content=\"tips\" :class=\"cls.e('tips')\">\n        <span :class=\"cls.e('tip-label')\">\n          <slot name=\"label\">{{ label }}:</slot>\n        </span>\n      </u-tip>\n      <template v-else>\n        <slot name=\"label\">{{ label }}:</slot>\n      </template>\n    </label>\n\n    <section :class=\"cls.e('wrapper')\">\n      <div :class=\"cls.e('content')\">\n        <slot></slot>\n      </div>\n\n      <!-- 只有表单控件处于非只读状态时，才显示错误提示 -->\n      <section :class=\"cls.e('error')\" v-if=\"!readonly && !formProps?.noTips\">\n        <transition name=\"form-item-tips\" mode=\"out-in\">\n          <span :class=\"cls.e('error-text')\" v-if=\"!!errorTip\">\n            {{ errorTip }}\n          </span>\n        </transition>\n      </section>\n    </section>\n  </u-grid-item>\n</template>\n\n<script lang=\"tsx\" setup>\nimport { o } from '@cat-kit/core'\nimport { useConfig, useFallbackProps } from '@veltra/compositions'\nimport { bem, withUnit } from '@veltra/utils'\nimport { injectFormContext } from '@veltra/utils'\nimport { type CSSProperties, computed, onBeforeUnmount, shallowRef, watch } from 'vue'\n\nimport type { FormItemProps, ComponentSize } from '../../types'\nimport { UGridItem } from '../grid'\nimport { UTip } from '../tip'\nimport { formItemCls as cls, defineField } from './helper'\nimport { validateField } from './validate'\n\ndefineOptions({ name: 'FormItem' })\n\nconst props = withDefaults(defineProps<FormItemProps>(), { readonly: undefined })\n\ndefineSlots<{\n  /** 标签插槽 */\n  label?: () => any\n  default?: () => any\n}>()\n\n/** 表单组件上下文 */\nconst { formProps, registerField, unregisterField, shouldValidate } = injectFormContext()\n\nconst { config } = useConfig()\n\nconst { size, readonly } = useFallbackProps([formProps ?? {}, props], {\n  size: 'default' as ComponentSize,\n  readonly: false\n})\n\nconst errorTip = shallowRef<string>()\n/** 递增序号，丢弃过期的异步校验结果 */\nlet validateSeq = 0\n/** 最近一次 validate 的 Promise，供过期调用等待最新结果 */\nlet latestValidatePromise: Promise<boolean> = Promise.resolve(true)\n\nconst className = computed(() => {\n  return [cls.b, cls.m(size.value), bem.is('error', !!errorTip.value)].join(' ')\n})\n\n/** label样式 */\nconst labelStyles = computed<CSSProperties>(() => {\n  return {\n    width: withUnit(props.labelWidth ?? formProps?.labelWidth ?? config.form.labelWidth, 'px')\n  }\n})\n\nconst fieldItem = defineField({\n  clearValidate() {\n    errorTip.value = ''\n  },\n  async validate() {\n    if (!props.field || !formProps?.model || !props.rules || !shouldValidate?.()) return true\n\n    const seq = ++validateSeq\n\n    latestValidatePromise = validateField(formProps.model!, props.field!, props.rules!).then(\n      (tip) => {\n        if (seq !== validateSeq) return latestValidatePromise\n\n        errorTip.value = tip\n        return !errorTip.value\n      }\n    )\n    return latestValidatePromise\n  }\n})\n\nwatch(\n  () => props.field,\n  (field, oldField) => {\n    if (oldField) {\n      unregisterField?.(oldField)\n    }\n    if (field) {\n      registerField?.(field, fieldItem)\n    }\n  },\n  { immediate: true }\n)\n\nlet stopWatchFieldValue: (() => void) | undefined\n\nwatch(\n  [() => formProps?.model, () => props.field],\n  ([model, field]) => {\n    stopWatchFieldValue?.()\n\n    if (!field || !model) return\n\n    stopWatchFieldValue = watch(\n      () => o(model).get(field),\n      () => {\n        fieldItem.validate()\n      }\n    )\n  },\n  { immediate: true }\n)\n\nonBeforeUnmount(() => {\n  props.field && unregisterField?.(props.field)\n})\n</script>\n"],"mappings":"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"}

package/dist/components/form-item/helper.js

@@ -2,7 +2,10 @@ import { bem } from "@veltra/utils";
 import "@cat-kit/core";
 //#region src/components/form-item/helper.ts
 const formItemCls = bem("form-item");
+function defineField(field) {
+	return field;
+}
 //#endregion
-export { formItemCls };
+export { defineField, formItemCls };
 
 //# sourceMappingURL=helper.js.map

package/dist/components/form-item/helper.js.map

@@ -1 +1 @@
-{"version":3,"file":"helper.js","names":[],"sources":["../../../src/components/form-item/helper.ts"],"sourcesContent":["import { o } from '@cat-kit/core'\nimport { bem, type BEM, type FormComponentProps } from '@veltra/utils'\n\n/**\n * 获取表单项的属性\n * @param props 表单系列组件的属性\n * @returns\n */\nexport function getFormItemProps(\n  props: FormComponentProps\n): Pick<FormComponentProps, 'label' | 'field' | 'readonly' | 'span' | 'tips'> {\n  return o(props).pick(['label', 'field', 'readonly', 'span', 'tips']) as Pick<\n    FormComponentProps,\n    'label' | 'field' | 'readonly' | 'span' | 'tips'\n  >\n}\n\nexport const formItemCls: BEM<'form-item'> = bem('form-item')\n"],"mappings":";;;AAiBA,MAAa,cAAgC,IAAI,WAAW"}
+{"version":3,"file":"helper.js","names":[],"sources":["../../../src/components/form-item/helper.ts"],"sourcesContent":["import { o } from '@cat-kit/core'\nimport { bem, type BEM, type FormComponentProps, type FormFieldItem } from '@veltra/utils'\n\n/**\n * 获取表单项的属性\n * @param props 表单系列组件的属性\n * @returns\n */\nexport function getFormItemProps(\n  props: FormComponentProps\n): Pick<FormComponentProps, 'label' | 'field' | 'readonly' | 'span' | 'tips'> {\n  return o(props).pick(['label', 'field', 'readonly', 'span', 'tips']) as Pick<\n    FormComponentProps,\n    'label' | 'field' | 'readonly' | 'span' | 'tips'\n  >\n}\n\nexport const formItemCls: BEM<'form-item'> = bem('form-item')\n\nexport function defineField(field: FormFieldItem) {\n  return field\n}\n"],"mappings":";;;AAiBA,MAAa,cAAgC,IAAI,WAAW;AAE5D,SAAgB,YAAY,OAAsB;CAChD,OAAO;AACT"}

package/dist/components/form-item/validate.js

@@ -0,0 +1,97 @@
+import { isEmpty, o } from "@cat-kit/core";
+//#region src/components/form-item/validate.ts
+const presetRules = {
+	email(v) {
+		if (!/^([\w_-]+)@([\w-]+[.]?)*[\w]+\.[a-zA-Z]{2,10}$/.test(v)) return "邮箱格式不正确";
+	},
+	phone(v) {
+		if (!/^\d{11}$/.test(v)) return "手机号格式不正确";
+	},
+	num(v) {
+		if (!/^\d+$/.test(v)) return "数字格式不正确";
+	},
+	url(v) {
+		if (!/^(ftp|https?):\/\/([\w_-]+)\.([\w-]+[.]?)*[\w]+\.[a-zA-Z]{2,10}(.*)/.test(v)) return "链接格式不正确";
+	},
+	idCard(v) {
+		if (!/^(\d{6})(\d{4})(\d{2})(\d{2})(\d{3})([0-9]|X)$/.test(v)) return "身份证格式不正确";
+	}
+};
+/** 预设规则 */
+const ruleTypes = {
+	required(value, required) {
+		if (required === false) return;
+		const errMsg = typeof required === "string" ? required : "该项不能为空";
+		if (isEmpty(value)) return errMsg;
+		if (Array.isArray(value) && !value.length) return errMsg;
+		if (typeof value === "string" && !value) return errMsg;
+	},
+	min(value, rule) {
+		if (isEmpty(value)) return;
+		let _rule = Array.isArray(rule) ? rule[0] : rule;
+		let errMsg = Array.isArray(rule) ? rule[1] : `该项必须大于等于${_rule}`;
+		if (typeof value !== "number") return `${value}不是一个数字`;
+		if (value < _rule) return errMsg;
+	},
+	max(value, rule) {
+		if (isEmpty(value)) return;
+		let _rule = Array.isArray(rule) ? rule[0] : rule;
+		let errMsg = Array.isArray(rule) ? rule[1] : `该项必须小于等于${_rule}`;
+		if (typeof value !== "number") return `${value}不是一个数字`;
+		if (value > _rule) return errMsg;
+	},
+	minLen(value, rule) {
+		if (isEmpty(value)) return;
+		let _rule = Array.isArray(rule) ? rule[0] : rule;
+		let errMsg = Array.isArray(rule) ? rule[1] : `该项长度必须大于等于${_rule}`;
+		if (!Array.isArray(value) && typeof value !== "string") return `${value}不是一个字符串或数组`;
+		if (value.length < _rule) return errMsg;
+	},
+	maxLen(value, rule) {
+		if (isEmpty(value)) return;
+		let _rule = Array.isArray(rule) ? rule[0] : rule;
+		let errMsg = Array.isArray(rule) ? rule[1] : `该项长度必须小于等于:${_rule}`;
+		if (!Array.isArray(value) && typeof value !== "string") return `${value}不是一个字符串或数组`;
+		if (value.length > _rule) return errMsg;
+	},
+	match(value, rule) {
+		if (isEmpty(value) || value === "") return;
+		if (typeof rule === "string") {
+			if (!rule) return;
+			rule = new RegExp(rule);
+		}
+		let _rule = Array.isArray(rule) ? rule[0] : rule;
+		let errMsg = Array.isArray(rule) ? rule[1] : `该项不匹配正则:${_rule}`;
+		if (typeof value !== "string") return `${value}不是一个字符串`;
+		if (!_rule.test(value)) return errMsg;
+	},
+	preset(value, rule) {
+		if (isEmpty(value) || value === "" || !rule) return;
+		if (typeof value !== "string") return `${value}不是一个字符串`;
+		const ruleValidator = presetRules[rule];
+		return ruleValidator(value);
+	}
+};
+async function validateField(formData, field, rules) {
+	const value = o(formData).get(field);
+	if (!rules) return;
+	const { validator, required, ...normalRules } = rules;
+	if (required) {
+		const err = ruleTypes.required(value, required);
+		if (err) return err;
+	}
+	for (const ruleKey in normalRules) {
+		const validate = ruleTypes[ruleKey];
+		if (!validate) continue;
+		const err = validate(value, normalRules[ruleKey]);
+		if (err) return err;
+	}
+	if (validator) {
+		const err = await validator(value, formData);
+		if (err) return err;
+	}
+}
+//#endregion
+export { validateField };
+
+//# sourceMappingURL=validate.js.map

package/dist/components/form-item/validate.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"validate.js","names":[],"sources":["../../../src/components/form-item/validate.ts"],"sourcesContent":["import { isEmpty, o } from '@cat-kit/core'\nimport type { PresetRule, Undef, ValidateRule } from '@veltra/utils'\n\nconst presetRules: Record<PresetRule, (value: string) => string | undefined> = {\n  email(v) {\n    const re = /^([\\w_-]+)@([\\w-]+[.]?)*[\\w]+\\.[a-zA-Z]{2,10}$/\n    if (!re.test(v)) {\n      return '邮箱格式不正确'\n    }\n  },\n  phone(v) {\n    const re = /^\\d{11}$/\n    if (!re.test(v)) {\n      return '手机号格式不正确'\n    }\n  },\n  num(v) {\n    const re = /^\\d+$/\n    if (!re.test(v)) {\n      return '数字格式不正确'\n    }\n  },\n  url(v) {\n    const re = /^(ftp|https?):\\/\\/([\\w_-]+)\\.([\\w-]+[.]?)*[\\w]+\\.[a-zA-Z]{2,10}(.*)/\n    if (!re.test(v)) {\n      return '链接格式不正确'\n    }\n  },\n\n  idCard(v) {\n    const re = /^(\\d{6})(\\d{4})(\\d{2})(\\d{2})(\\d{3})([0-9]|X)$/\n    if (!re.test(v)) {\n      return '身份证格式不正确'\n    }\n  }\n}\n\n/** 预设规则 */\nconst ruleTypes = {\n  required(value: any, required: ValidateRule['required']): Undef<string> {\n    if (required === false) return\n\n    const errMsg = typeof required === 'string' ? required : '该项不能为空'\n    if (isEmpty(value)) return errMsg\n\n    if (Array.isArray(value) && !value.length) return errMsg\n    if (typeof value === 'string' && !value) return errMsg\n  },\n  min(value: any, rule: ValidateRule['min']): Undef<string> {\n    if (isEmpty(value)) return\n    let _rule = Array.isArray(rule) ? rule[0] : rule!\n    let errMsg = Array.isArray(rule) ? rule[1] : `该项必须大于等于${_rule}`\n    if (typeof value !== 'number') return `${value}不是一个数字`\n    if (value < _rule) return errMsg\n  },\n  max(value: any, rule: ValidateRule['max']): Undef<string> {\n    if (isEmpty(value)) return\n    let _rule = Array.isArray(rule) ? rule[0] : rule!\n    let errMsg = Array.isArray(rule) ? rule[1] : `该项必须小于等于${_rule}`\n    if (typeof value !== 'number') return `${value}不是一个数字`\n    if (value > _rule) return errMsg\n  },\n\n  minLen(value: any, rule: ValidateRule['minLen']): Undef<string> {\n    if (isEmpty(value)) return\n    let _rule = Array.isArray(rule) ? rule[0] : rule!\n    let errMsg = Array.isArray(rule) ? rule[1] : `该项长度必须大于等于${_rule}`\n    if (!Array.isArray(value) && typeof value !== 'string') return `${value}不是一个字符串或数组`\n    if (value.length < _rule) return errMsg\n  },\n  maxLen(value: any, rule: ValidateRule['maxLen']): Undef<string> {\n    if (isEmpty(value)) return\n    let _rule = Array.isArray(rule) ? rule[0] : rule!\n    let errMsg = Array.isArray(rule) ? rule[1] : `该项长度必须小于等于:${_rule}`\n    if (!Array.isArray(value) && typeof value !== 'string') return `${value}不是一个字符串或数组`\n    if (value.length > _rule) return errMsg\n  },\n  match(value: any, rule: ValidateRule['match']): Undef<string> {\n    if (isEmpty(value) || value === '') return\n    if (typeof rule === 'string') {\n      if (!rule) return\n      rule = new RegExp(rule)\n    }\n    let _rule = Array.isArray(rule) ? rule[0] : rule!\n    let errMsg = Array.isArray(rule) ? rule[1] : `该项不匹配正则:${_rule}`\n    if (typeof value !== 'string') return `${value}不是一个字符串`\n    if (!_rule.test(value)) return errMsg\n  },\n  preset(value: any, rule: ValidateRule['preset']): Undef<string> {\n    if (isEmpty(value) || value === '' || !rule) return\n    if (typeof value !== 'string') return `${value}不是一个字符串`\n    const ruleValidator = presetRules[rule]\n    return ruleValidator(value)\n  }\n}\n\nexport async function validateField(\n  formData: Record<string, any>,\n  field: string,\n  rules: ValidateRule\n): Promise<Undef<string>> {\n  const value = o(formData).get(field)\n\n  if (!rules) return\n\n  const { validator, required, ...normalRules } = rules\n\n  // 必填要先去校验\n  if (required) {\n    const err = ruleTypes.required(value, required)\n    if (err) return err\n  }\n\n  // 校验规则\n  for (const ruleKey in normalRules) {\n    const validate = ruleTypes[ruleKey as keyof typeof ruleTypes]\n    if (!validate) continue\n\n    const err = validate(value, normalRules[ruleKey])\n\n    if (err) return err\n  }\n\n  // 自定义校验最火校验\n  if (validator) {\n    const err = await validator(value, formData)\n    if (err) return err\n  }\n\n  return\n}\n"],"mappings":"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"}

package/dist/components/group-input/group-input.js

@@ -36,6 +36,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
 			type: Boolean,
 			default: void 0
 		},
+		rules: {},
 		size: {}
 	},
 	emits: ["update:modelValue"],

package/dist/components/group-input/group-input.js.map

@@ -1 +1 @@
-{"version":3,"file":"group-input.js","names":[],"sources":["../../../src/components/group-input/group-input.vue"],"sourcesContent":["<template>\n  <ul :class=\"[cls.b, cls.m(size)]\" v-if=\"!readonly\">\n    <li v-if=\"isEmpty && creatable\">\n      <u-button style=\"width: 100%\" :icon=\"Plus\" @click=\"handleAdd(0)\" :size=\"size\">\n        新增\n      </u-button>\n    </li>\n    <li v-for=\"(item, index) of items\" :key=\"item.id\" :class=\"cls.e('item')\" :style=\"itemStyle\">\n      <slot v-bind=\"{ item: item.data, index }\" />\n      <span :class=\"cls.e('actions')\">\n        <u-button\n          :icon=\"Minus\"\n          circle\n          :disabled=\"disabled\"\n          :size=\"size\"\n          @click=\"handleRemove(index)\"\n        />\n        <u-button\n          :icon=\"Plus\"\n          circle\n          :disabled=\"disabled\"\n          :size=\"size\"\n          type=\"primary\"\n          @click=\"handleAdd(index)\"\n        />\n      </span>\n    </li>\n  </ul>\n\n  <template v-else-if=\"items?.length\">\n    <ul :class=\"[cls.b, cls.m(size)]\">\n      <li v-for=\"item of items\" :key=\"item.id\" :class=\"cls.e('item')\">\n        <span v-for=\"v in item.data\">{{ v }}</span>\n      </li>\n    </ul>\n  </template>\n\n  <template v-else>\n    {{ FORM_EMPTY_CONTENT }}\n  </template>\n</template>\n\n<script lang=\"ts\" setup generic=\"GroupItem extends Record<string, any>\">\nimport { useFormFallbackProps } from '@veltra/compositions'\nimport { Minus, Plus } from '@veltra/icons/normal'\nimport { bem, FORM_EMPTY_CONTENT } from '@veltra/utils'\nimport { injectFormContext } from '@veltra/utils'\nimport { computed } from 'vue'\n\nimport type { GroupInputEmits, GroupInputProps } from '../../types'\nimport { UButton } from '../button'\nimport { useGroupItems } from './use-group-items'\n\ndefineOptions({ name: 'GroupInput' })\n\nconst props = withDefaults(defineProps<GroupInputProps<GroupItem>>(), {\n  modelValue: () => [],\n  disabled: undefined,\n  readonly: undefined,\n  creatable: true\n})\n\nconst emit = defineEmits<GroupInputEmits>()\n\nconst cls = bem('group-input')\n\nconst { formProps } = injectFormContext()\nconst { disabled, size, readonly } = useFormFallbackProps([formProps ?? {}, props], {\n  size: 'default',\n  disabled: false,\n  readonly: false\n})\n\nconst { items, createItem, runByEvent } = useGroupItems({ props, emit })\n\nconst isEmpty = computed(() => {\n  return !items.value.length\n})\n\nfunction handleAdd(index: number) {\n  runByEvent(() => {\n    items.value = [\n      ...items.value.slice(0, index + 1),\n      createItem({}),\n      ...items.value.slice(index + 1)\n    ]\n  })\n}\n\nfunction handleRemove(index: number) {\n  runByEvent(() => {\n    items.value = [...items.value.slice(0, index), ...items.value.slice(index + 1)]\n  })\n}\n</script>\n"],"mappings":"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"}
+{"version":3,"file":"group-input.js","names":[],"sources":["../../../src/components/group-input/group-input.vue"],"sourcesContent":["<template>\n  <ul :class=\"[cls.b, cls.m(size)]\" v-if=\"!readonly\">\n    <li v-if=\"isEmpty && creatable\">\n      <u-button style=\"width: 100%\" :icon=\"Plus\" @click=\"handleAdd(0)\" :size=\"size\">\n        新增\n      </u-button>\n    </li>\n    <li v-for=\"(item, index) of items\" :key=\"item.id\" :class=\"cls.e('item')\" :style=\"itemStyle\">\n      <slot v-bind=\"{ item: item.data, index }\" />\n      <span :class=\"cls.e('actions')\">\n        <u-button\n          :icon=\"Minus\"\n          circle\n          :disabled=\"disabled\"\n          :size=\"size\"\n          @click=\"handleRemove(index)\"\n        />\n        <u-button\n          :icon=\"Plus\"\n          circle\n          :disabled=\"disabled\"\n          :size=\"size\"\n          type=\"primary\"\n          @click=\"handleAdd(index)\"\n        />\n      </span>\n    </li>\n  </ul>\n\n  <template v-else-if=\"items?.length\">\n    <ul :class=\"[cls.b, cls.m(size)]\">\n      <li v-for=\"item of items\" :key=\"item.id\" :class=\"cls.e('item')\">\n        <span v-for=\"v in item.data\">{{ v }}</span>\n      </li>\n    </ul>\n  </template>\n\n  <template v-else>\n    {{ FORM_EMPTY_CONTENT }}\n  </template>\n</template>\n\n<script lang=\"ts\" setup generic=\"GroupItem extends Record<string, any>\">\nimport { useFormFallbackProps } from '@veltra/compositions'\nimport { Minus, Plus } from '@veltra/icons/normal'\nimport { bem, FORM_EMPTY_CONTENT } from '@veltra/utils'\nimport { injectFormContext } from '@veltra/utils'\nimport { computed } from 'vue'\n\nimport type { GroupInputEmits, GroupInputProps } from '../../types'\nimport { UButton } from '../button'\nimport { useGroupItems } from './use-group-items'\n\ndefineOptions({ name: 'GroupInput' })\n\nconst props = withDefaults(defineProps<GroupInputProps<GroupItem>>(), {\n  modelValue: () => [],\n  disabled: undefined,\n  readonly: undefined,\n  creatable: true\n})\n\nconst emit = defineEmits<GroupInputEmits>()\n\nconst cls = bem('group-input')\n\nconst { formProps } = injectFormContext()\nconst { disabled, size, readonly } = useFormFallbackProps([formProps ?? {}, props], {\n  size: 'default',\n  disabled: false,\n  readonly: false\n})\n\nconst { items, createItem, runByEvent } = useGroupItems({ props, emit })\n\nconst isEmpty = computed(() => {\n  return !items.value.length\n})\n\nfunction handleAdd(index: number) {\n  runByEvent(() => {\n    items.value = [\n      ...items.value.slice(0, index + 1),\n      createItem({}),\n      ...items.value.slice(index + 1)\n    ]\n  })\n}\n\nfunction handleRemove(index: number) {\n  runByEvent(() => {\n    items.value = [...items.value.slice(0, index), ...items.value.slice(index + 1)]\n  })\n}\n</script>\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAuDA,MAAM,QAAQ;EAOd,MAAM,OAAO;EAEb,MAAM,MAAM,IAAI,aAAa;EAE7B,MAAM,EAAE,cAAc,kBAAkB;EACxC,MAAM,EAAE,UAAU,MAAM,aAAa,qBAAqB,CAAC,aAAa,CAAC,GAAG,KAAK,GAAG;GAClF,MAAM;GACN,UAAU;GACV,UAAU;EACZ,CAAC;EAED,MAAM,EAAE,OAAO,YAAY,eAAe,cAAc;GAAE;GAAO;EAAK,CAAC;EAEvE,MAAM,UAAU,eAAe;GAC7B,OAAO,CAAC,MAAM,MAAM;EACtB,CAAC;EAED,SAAS,UAAU,OAAe;GAChC,iBAAiB;IACf,MAAM,QAAQ;KACZ,GAAG,MAAM,MAAM,MAAM,GAAG,QAAQ,CAAC;KACjC,WAAW,CAAC,CAAC;KACb,GAAG,MAAM,MAAM,MAAM,QAAQ,CAAC;IAChC;GACF,CAAC;EACH;EAEA,SAAS,aAAa,OAAe;GACnC,iBAAiB;IACf,MAAM,QAAQ,CAAC,GAAG,MAAM,MAAM,MAAM,GAAG,KAAK,GAAG,GAAG,MAAM,MAAM,MAAM,QAAQ,CAAC,CAAC;GAChF,CAAC;EACH;;WA5F2C,MAAA,QAAA,KAAA,UAAA,GAAzC,mBA0BK,MAAA;;IA1BA,OAAK,eAAA,CAAG,MAAA,GAAA,EAAI,GAAG,MAAA,GAAA,EAAI,EAAE,MAAA,IAAA,CAAI,CAAA,CAAA;OAClB,QAAA,SAAW,QAAA,aAAA,UAAA,GAArB,mBAIK,MAAA,YAAA,CAHH,YAEW,MAAA,WAAA,GAAA;IAFD,OAAA,EAAA,SAAA,OAAA;IAAqB,MAAM,MAAA,IAAA;IAAO,SAAK,OAAA,OAAA,OAAA,MAAA,WAAE,UAAS,CAAA;IAAM,MAAM,MAAA,IAAA;;2BAExE,CAAA,GAAA,OAAA,OAAA,OAAA,KAAA,CAAA,gBAF8E,QAE9E,EAAA,CAAA,EAAA,CAAA;;oFAEF,mBAmBK,UAAA,MAAA,WAnBuB,MAAA,KAAA,IAAhB,MAAM,UAAK;wBAAvB,mBAmBK,MAAA;KAnB+B,KAAK,KAAK;KAAK,OAAK,eAAE,MAAA,GAAA,EAAI,EAAC,MAAA,CAAA;KAAW,OAAK,eAAE,QAAA,SAAS;QACxF,WAA4C,KAAA,QAAA,WAA5C,WAA4C,EAAA,SAAA,KAAA,GAAA;KAAA,MAAtB,KAAK;KAAM;IAAK,CAAA,CAAA,GACtC,mBAgBO,QAAA,EAhBA,OAAK,eAAE,MAAA,GAAA,EAAI,EAAC,SAAA,CAAA,EAAA,GAAA,CACjB,YAME,MAAA,WAAA,GAAA;KALC,MAAM,MAAA,KAAA;KACP,QAAA;KACC,UAAU,MAAA,QAAA;KACV,MAAM,MAAA,IAAA;KACN,UAAK,WAAE,aAAa,KAAK;;;;;;QAE5B,YAOE,MAAA,WAAA,GAAA;KANC,MAAM,MAAA,IAAA;KACP,QAAA;KACC,UAAU,MAAA,QAAA;KACV,MAAM,MAAA,IAAA;KACP,MAAK;KACJ,UAAK,WAAE,UAAU,KAAK;;;;;;;qBAMV,MAAA,KAAA,GAAO,UAAA,UAAA,GAC1B,mBAIK,MAAA;;IAJA,OAAK,eAAA,CAAG,MAAA,GAAA,EAAI,GAAG,MAAA,GAAA,EAAI,EAAE,MAAA,IAAA,CAAI,CAAA,CAAA;yBAC5B,mBAEK,UAAA,MAAA,WAFc,MAAA,KAAA,IAAR,SAAI;wBAAf,mBAEK,MAAA;KAFsB,KAAK,KAAK;KAAK,OAAK,eAAE,MAAA,GAAA,EAAI,EAAC,MAAA,CAAA;0BACpD,mBAA2C,UAAA,MAAA,WAAzB,KAAK,OAAV,MAAC;yBAAd,mBAA2C,QAAA,MAAA,gBAAX,CAAC,GAAA,CAAA;;mCAKvC,mBAEW,UAAA,EAAA,KAAA,EAAA,GAAA,CAAA,gBAAA,gBADN,MAAA,kBAAA,CAAkB,GAAA,CAAA,CAAA,GAAA,EAAA"}

package/dist/components/index.d.ts

@@ -1,4 +1,3 @@
-import { NestedFieldMarker, formField, nestField } from "./form/helper.js";
 import { _default } from "./condition-editor/condition-editor.vue.js";
 import { EvaluateOptions, createEmptyGroup, createEmptyLeaf, evaluate } from "./condition-editor/core/evaluator.js";
 import { _default as _default$1 } from "./tabs/tabs.vue.js";
@@ -9,8 +8,6 @@ import { _default as _default$5 } from "./tree-select/tree-select.vue.js";
 import { _default as _default$6 } from "./code-editor/code-editor.vue.js";
 import { _default as _default$7 } from "./dropdown/dropdown.vue.js";
 import { _default as _default$8 } from "./drawer/drawer.vue.js";
-import { DynamicFormModel } from "./form/dynamic-form-model.js";
-import { FormModel } from "./form/form-model.js";
 import { _default as _default$9 } from "./form/form.vue.js";
 import { _default as _default$10 } from "./message-confirm/message-confirm.vue.js";
 import { _default as _default$11 } from "./message-confirm/message-confirm.js";

package/dist/components/index.js

@@ -21,9 +21,6 @@ import _sfc_main$15 from "./grid/grid.js";
 import _sfc_main$16 from "./grid/grid-item.js";
 import form_item_default from "./form-item/form-item.js";
 import form_default from "./form/form.js";
-import { formField, nestField } from "./form/helper.js";
-import { FormModel } from "./form/form-model.js";
-import { DynamicFormModel } from "./form/dynamic-form-model.js";
 import _sfc_main$17 from "./button/button.js";
 import _sfc_main$18 from "./button/button-group.js";
 import _sfc_main$19 from "./message-confirm/message-confirm.js";
@@ -100,8 +97,6 @@ import _sfc_main$81 from "./float-button/float-button.js";
 import _sfc_main$82 from "./badge/badge.js";
 //#region src/components/index.ts
 var components_exports = /* @__PURE__ */ __exportAll({
-	DynamicFormModel: () => DynamicFormModel,
-	FormModel: () => FormModel,
 	MessageConfirm: () => MessageConfirm,
 	Notification: () => Notification,
 	UAction: () => _sfc_main$57,
@@ -198,9 +193,7 @@ var components_exports = /* @__PURE__ */ __exportAll({
 	defineBatchEditColumns: () => defineBatchEditColumns,
 	defineTableColumns: () => defineTableColumns,
 	evaluateConditionExpression: () => evaluate,
-	formField: () => formField,
 	message: () => message,
-	nestField: () => nestField,
 	vLoading: () => vLoading
 });
 //#endregion

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

@@ -17,19 +17,19 @@ declare const __VLS_base: import("vue").DefineComponent<__VLS_PublicProps, _Inpu
   "update:modelValue": (value: string) => any;
   clear: () => any;
   change: (value: string) => any;
-  focus: (value?: string | undefined) => any;
-  blur: (value?: string | undefined) => any;
   "suffix:click": (value?: string | undefined) => any;
   "prefix:click": (value?: string | undefined) => any;
+  focus: (value?: string | undefined) => any;
+  blur: (value?: string | undefined) => any;
   "native:input": (ev: Event) => any;
 }, string, import("vue").PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
   "onUpdate:modelValue"?: ((value: string) => any) | undefined;
   onClear?: (() => any) | undefined;
   onChange?: ((value: string) => any) | undefined;
-  onFocus?: ((value?: string | undefined) => any) | undefined;
-  onBlur?: ((value?: string | undefined) => any) | undefined;
   "onSuffix:click"?: ((value?: string | undefined) => any) | undefined;
   "onPrefix:click"?: ((value?: string | undefined) => any) | undefined;
+  onFocus?: ((value?: string | undefined) => any) | undefined;
+  onBlur?: ((value?: string | undefined) => any) | undefined;
   "onNative:input"?: ((ev: Event) => any) | undefined;
 }>, {
   placeholder: string;