@veltra/desktop 1.1.35 → 1.2.0

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 FormFieldItem } from '@veltra/utils'\n\nimport type { FormFieldComponentProps } from '../../types/form-field'\n\n/**\n * 获取表单项的属性\n * @param props 表单系列组件的属性\n * @returns\n */\nexport function getFormItemProps(\n  props: FormFieldComponentProps\n): Pick<FormFieldComponentProps, 'label' | 'field' | 'readonly' | 'span' | 'tips'> {\n  return o(props).pick(['label', 'field', 'readonly', 'span', 'tips']) as Pick<\n    FormFieldComponentProps,\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":";;;AAmBA,MAAa,cAAgC,IAAI,WAAW;AAE5D,SAAgB,YAAY,OAAsB;CAChD,OAAO;AACT"}

package/dist/components/form-item/validate.d.ts

@@ -0,0 +1,26 @@
+//#region src/components/form-item/validate.d.ts
+type PresetRule = 'email' | 'phone' | 'num' | 'url' | 'idCard';
+/** 字段校验规则 */
+interface ValidateRule {
+  /** 是否必填 */
+  required?: boolean | string;
+  /** 长度单位 */
+  length?: number | [number, string];
+  /** 最小值 */
+  min?: number | [number, string];
+  /** 最大值 */
+  max?: number | [number, string];
+  /** 最小长度 */
+  minLen?: number | [number, string];
+  /** 最大长度 */
+  maxLen?: number | [number, string];
+  /** 匹配 */
+  match?: RegExp | [RegExp, string] | string;
+  /** 预设 */
+  preset?: PresetRule;
+  /** 自定义校验 */
+  validator?: (value: any, data: Record<string, any>) => Promise<string> | string;
+}
+//#endregion
+export { PresetRule, ValidateRule };
+//# sourceMappingURL=validate.d.ts.map

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 { Undef } from '@veltra/utils'\n\nexport type PresetRule = 'email' | 'phone' | 'num' | 'url' | 'idCard'\n\n/** 字段校验规则 */\nexport interface ValidateRule {\n  /** 是否必填 */\n  required?: boolean | string\n  /** 长度单位 */\n  length?: number | [number, string]\n  /** 最小值 */\n  min?: number | [number, string]\n  /** 最大值 */\n  max?: number | [number, string]\n  /** 最小长度 */\n  minLen?: number | [number, string]\n  /** 最大长度 */\n  maxLen?: number | [number, string]\n  /** 匹配 */\n  match?: RegExp | [RegExp, string] | string\n  /** 预设 */\n  preset?: PresetRule\n  /** 自定义校验 */\n  validator?: (value: any, data: Record<string, any>) => Promise<string> | string\n}\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

@@ -24,6 +24,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
 			Object,
 			Array
 		] },
+		rules: {},
 		tips: {},
 		span: {},
 		label: {},

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":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;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"}
+{"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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"}

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_vue_type_script_setup_true_lang.js

@@ -24,6 +24,7 @@ var input_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineComp
 		},
 		nativeReadonly: { type: Boolean },
 		pattern: {},
+		rules: {},
 		tips: {},
 		span: {},
 		label: {},

package/dist/components/input/input.vue_vue_type_script_setup_true_lang.js.map

@@ -1 +1 @@
-{"version":3,"file":"input.vue_vue_type_script_setup_true_lang.js","names":["$slots"],"sources":["../../../src/components/input/input.vue"],"sourcesContent":["<template>\n  <div\n    :class=\"inputClass\"\n    @mouseenter=\"handleMouseEnter\"\n    @mouseleave=\"handleMouseLeave\"\n    v-if=\"!readonly\"\n  >\n    <span v-if=\"$slots.prefix || prefix\" :class=\"prefixClass\" @click=\"handlePrefixClick\">\n      {{ prefix }}\n      <slot name=\"prefix\"></slot>\n    </span>\n\n    <input\n      :class=\"cls.e('native')\"\n      :placeholder=\"props.placeholder\"\n      type=\"text\"\n      :value=\"model\"\n      @input=\"handleInput\"\n      @change=\"handleChange\"\n      @focus=\"handleFocus\"\n      @blur=\"handleBlur\"\n      @compositionstart=\"handleCompositionStart\"\n      @compositionend=\"handleCompositionEnd\"\n      autocomplete=\"off\"\n      ref=\"el\"\n      :disabled=\"disabled\"\n      :readonly=\"nativeReadonly\"\n    />\n\n    <span :class=\"suffixClass\" v-if=\"hasSuffix\">\n      <Transition name=\"zoom-in\" mode=\"out-in\">\n        <UIcon\n          v-if=\"showClear\"\n          :class=\"cls.e('clear')\"\n          title=\"清除\"\n          @click.stop=\"clearModelValue\"\n          key=\"clear\"\n        >\n          <Close />\n        </UIcon>\n\n        <span v-else :class=\"cls.e('suffix-content')\" @click=\"handleSuffixClick\" key=\"suffix\">\n          {{ suffix }}\n          <slot name=\"suffix\"></slot>\n        </span>\n      </Transition>\n    </span>\n  </div>\n\n  <template v-else>\n    {{ generateModel || FORM_EMPTY_CONTENT }}\n  </template>\n</template>\n\n<script lang=\"tsx\" setup>\nimport { useFocus, useFormFallbackProps } from '@veltra/compositions'\nimport { Close } from '@veltra/icons/normal'\nimport { bem, FORM_EMPTY_CONTENT } from '@veltra/utils'\nimport { injectFormContext } from '@veltra/utils'\nimport { computed, getCurrentInstance, ref, shallowRef, nextTick } from 'vue'\n\nimport type { InputEmits, InputProps, _InputExposed } from '../../types'\nimport { UIcon } from '../icon'\n\ndefineOptions({ name: 'Input' })\n\nconst props = withDefaults(defineProps<InputProps>(), {\n  placeholder: '请输入',\n  clearable: true,\n  disabled: undefined,\n  readonly: undefined\n})\n\nconst emit = defineEmits<InputEmits>()\n\nconst model = defineModel<string>()\n\nconst inst = getCurrentInstance()\n\nconst cls = bem('input')\n\nconst { formProps } = injectFormContext()\n\nconst { size, disabled, readonly } = useFormFallbackProps([formProps ?? {}, props])\n\nconst { focus, handleBlur, handleFocus } = useFocus((focused) => {\n  if (focused) {\n    emit('focus')\n  } else {\n    emit('blur')\n  }\n})\n\nconst inputClass = computed(() => {\n  return [\n    cls.b,\n    cls.m(size.value),\n    bem.is('disabled', disabled.value),\n    bem.is('readonly', readonly.value),\n    bem.is('focus', focus.value)\n  ]\n})\n\nconst prefixClass = [cls.e('prefix'), bem.is('clickable', !!inst?.vnode.props?.['onPrefix:click'])]\n\nconst suffixClass = [cls.e('suffix'), bem.is('clickable', !!inst?.vnode.props?.['onSuffix:click'])]\n\nlet isComposing = false\n\nfunction handleCompositionStart() {\n  isComposing = true\n}\n\nfunction handleCompositionEnd(e: Event) {\n  isComposing = false\n  handleInput(e)\n}\n\nconst handleInput = (e: Event) => {\n  if (isComposing) return\n\n  const inputVal = (e.target as HTMLInputElement).value\n  emit('native:input', e)\n\n  const valid = props.pattern?.test(inputVal) ?? true\n\n  if (!valid) return\n  model.value = inputVal\n}\n\nconst handlePrefixClick = () => {\n  emit('prefix:click', model.value)\n}\n\nconst handleSuffixClick = () => {\n  emit('suffix:click', model.value)\n}\n\nconst clearModelValue = () => {\n  model.value = ''\n  emit('clear')\n}\n\nconst hovered = ref(false)\nconst handleMouseEnter = () => {\n  hovered.value = true\n}\n\nconst handleMouseLeave = () => {\n  hovered.value = false\n}\n\nconst showClear = computed(() => {\n  return props.clearable && !disabled.value && !!model.value && hovered.value\n})\n\nconst hasSuffixContent = computed(() => {\n  return !!inst?.slots.suffix || !!props.suffix\n})\n\nconst hasSuffix = computed(() => {\n  return hasSuffixContent.value || showClear.value\n})\n\nconst handleChange = (e: Event) => {\n  const target = e.target as HTMLInputElement\n\n  const valid = props.pattern?.test(target.value) ?? true\n\n  if (valid) {\n    emit('change', target.value)\n  } else {\n    nextTick(() => {\n      target.value = model.value ?? ''\n    })\n  }\n}\n\nconst el = shallowRef<HTMLInputElement>()\n\nconst generateModel = computed(() => {\n  if (!model.value) return ''\n\n  return `${props.prefix ?? ''}${model.value}${props.suffix ?? ''}`\n})\n\ndefineExpose<_InputExposed>({ el })\n</script>\n"],"mappings":"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"}
+{"version":3,"file":"input.vue_vue_type_script_setup_true_lang.js","names":["$slots"],"sources":["../../../src/components/input/input.vue"],"sourcesContent":["<template>\n  <div\n    :class=\"inputClass\"\n    @mouseenter=\"handleMouseEnter\"\n    @mouseleave=\"handleMouseLeave\"\n    v-if=\"!readonly\"\n  >\n    <span v-if=\"$slots.prefix || prefix\" :class=\"prefixClass\" @click=\"handlePrefixClick\">\n      {{ prefix }}\n      <slot name=\"prefix\"></slot>\n    </span>\n\n    <input\n      :class=\"cls.e('native')\"\n      :placeholder=\"props.placeholder\"\n      type=\"text\"\n      :value=\"model\"\n      @input=\"handleInput\"\n      @change=\"handleChange\"\n      @focus=\"handleFocus\"\n      @blur=\"handleBlur\"\n      @compositionstart=\"handleCompositionStart\"\n      @compositionend=\"handleCompositionEnd\"\n      autocomplete=\"off\"\n      ref=\"el\"\n      :disabled=\"disabled\"\n      :readonly=\"nativeReadonly\"\n    />\n\n    <span :class=\"suffixClass\" v-if=\"hasSuffix\">\n      <Transition name=\"zoom-in\" mode=\"out-in\">\n        <UIcon\n          v-if=\"showClear\"\n          :class=\"cls.e('clear')\"\n          title=\"清除\"\n          @click.stop=\"clearModelValue\"\n          key=\"clear\"\n        >\n          <Close />\n        </UIcon>\n\n        <span v-else :class=\"cls.e('suffix-content')\" @click=\"handleSuffixClick\" key=\"suffix\">\n          {{ suffix }}\n          <slot name=\"suffix\"></slot>\n        </span>\n      </Transition>\n    </span>\n  </div>\n\n  <template v-else>\n    {{ generateModel || FORM_EMPTY_CONTENT }}\n  </template>\n</template>\n\n<script lang=\"tsx\" setup>\nimport { useFocus, useFormFallbackProps } from '@veltra/compositions'\nimport { Close } from '@veltra/icons/normal'\nimport { bem, FORM_EMPTY_CONTENT } from '@veltra/utils'\nimport { injectFormContext } from '@veltra/utils'\nimport { computed, getCurrentInstance, ref, shallowRef, nextTick } from 'vue'\n\nimport type { InputEmits, InputProps, _InputExposed } from '../../types'\nimport { UIcon } from '../icon'\n\ndefineOptions({ name: 'Input' })\n\nconst props = withDefaults(defineProps<InputProps>(), {\n  placeholder: '请输入',\n  clearable: true,\n  disabled: undefined,\n  readonly: undefined\n})\n\nconst emit = defineEmits<InputEmits>()\n\nconst model = defineModel<string>()\n\nconst inst = getCurrentInstance()\n\nconst cls = bem('input')\n\nconst { formProps } = injectFormContext()\n\nconst { size, disabled, readonly } = useFormFallbackProps([formProps ?? {}, props])\n\nconst { focus, handleBlur, handleFocus } = useFocus((focused) => {\n  if (focused) {\n    emit('focus')\n  } else {\n    emit('blur')\n  }\n})\n\nconst inputClass = computed(() => {\n  return [\n    cls.b,\n    cls.m(size.value),\n    bem.is('disabled', disabled.value),\n    bem.is('readonly', readonly.value),\n    bem.is('focus', focus.value)\n  ]\n})\n\nconst prefixClass = [cls.e('prefix'), bem.is('clickable', !!inst?.vnode.props?.['onPrefix:click'])]\n\nconst suffixClass = [cls.e('suffix'), bem.is('clickable', !!inst?.vnode.props?.['onSuffix:click'])]\n\nlet isComposing = false\n\nfunction handleCompositionStart() {\n  isComposing = true\n}\n\nfunction handleCompositionEnd(e: Event) {\n  isComposing = false\n  handleInput(e)\n}\n\nconst handleInput = (e: Event) => {\n  if (isComposing) return\n\n  const inputVal = (e.target as HTMLInputElement).value\n  emit('native:input', e)\n\n  const valid = props.pattern?.test(inputVal) ?? true\n\n  if (!valid) return\n  model.value = inputVal\n}\n\nconst handlePrefixClick = () => {\n  emit('prefix:click', model.value)\n}\n\nconst handleSuffixClick = () => {\n  emit('suffix:click', model.value)\n}\n\nconst clearModelValue = () => {\n  model.value = ''\n  emit('clear')\n}\n\nconst hovered = ref(false)\nconst handleMouseEnter = () => {\n  hovered.value = true\n}\n\nconst handleMouseLeave = () => {\n  hovered.value = false\n}\n\nconst showClear = computed(() => {\n  return props.clearable && !disabled.value && !!model.value && hovered.value\n})\n\nconst hasSuffixContent = computed(() => {\n  return !!inst?.slots.suffix || !!props.suffix\n})\n\nconst hasSuffix = computed(() => {\n  return hasSuffixContent.value || showClear.value\n})\n\nconst handleChange = (e: Event) => {\n  const target = e.target as HTMLInputElement\n\n  const valid = props.pattern?.test(target.value) ?? true\n\n  if (valid) {\n    emit('change', target.value)\n  } else {\n    nextTick(() => {\n      target.value = model.value ?? ''\n    })\n  }\n}\n\nconst el = shallowRef<HTMLInputElement>()\n\nconst generateModel = computed(() => {\n  if (!model.value) return ''\n\n  return `${props.prefix ?? ''}${model.value}${props.suffix ?? ''}`\n})\n\ndefineExpose<_InputExposed>({ el })\n</script>\n"],"mappings":"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"}

package/dist/components/loading/style2.css

@@ -29,196 +29,127 @@
 .u-loading__container {
   position: relative;
 }
-.u-loading__line .u-loading__loader {
-  width: 40px;
-  aspect-ratio: 1;
-  display: grid;
-}
-.u-loading__line .u-loading__loader::before, .u-loading__line .u-loading__loader::after {
-  content: "";
-  grid-area: 1/1;
-  background: no-repeat linear-gradient(var(--u-text-color-main) 0 0) 0 0, no-repeat linear-gradient(var(--u-text-color-main) 0 0) 100% 0, no-repeat linear-gradient(var(--u-text-color-main) 0 0) 100% 100%, no-repeat linear-gradient(var(--u-text-color-main) 0 0) 0 100%;
-  animation: line-1 2s infinite linear, line-2 2s infinite linear;
-}
-.u-loading__line .u-loading__loader::after {
-  margin: 25%;
-  transform: scale(-1);
-}
 .u-loading__spinner .u-loading__loader {
-  width: 50px;
+  width: 42px;
   aspect-ratio: 1;
-  display: grid;
-}
-.u-loading__spinner .u-loading__loader::before, .u-loading__spinner .u-loading__loader::after {
-  content: "";
-  grid-area: 1/1;
-  background: no-repeat radial-gradient(farthest-side, var(--u-text-color-main) 92%, rgba(0, 0, 0, 0)) 50% 0, no-repeat radial-gradient(farthest-side, var(--u-text-color-main) 92%, rgba(0, 0, 0, 0)) 50% 100%, no-repeat radial-gradient(farthest-side, var(--u-text-color-main) 92%, rgba(0, 0, 0, 0)) 100% 50%, no-repeat radial-gradient(farthest-side, var(--u-text-color-main) 92%, rgba(0, 0, 0, 0)) 0 50%;
-  background-size: 12px 12px;
-  animation: spinner 1s infinite;
-}
-.u-loading__spinner .u-loading__loader::before {
-  margin: 4px;
-  filter: hue-rotate(45deg);
-  background-size: 8px 8px;
-  animation-timing-function: linear;
+  border-radius: 50%;
+  background: conic-gradient(from 0deg, transparent 25%, currentColor 70%, transparent 100%);
+  mask: radial-gradient(farthest-side, transparent calc(100% - 4px), #000 0);
+  animation: loading-spin 0.85s linear infinite;
 }
 .u-loading__dot .u-loading__loader {
-  width: 40px;
-  height: 20px;
-  background: no-repeat radial-gradient(farthest-side, var(--u-text-color-main) 93%, rgba(0, 0, 0, 0)) 0 0, no-repeat radial-gradient(farthest-side, var(--u-text-color-main) 93%, rgba(0, 0, 0, 0)) 50% 0;
-  background-size: 8px 8px;
+  width: 10px;
+  height: 10px;
+  border-radius: 50%;
+  background: currentColor;
   position: relative;
-  clip-path: inset(-200% -100% 0 0);
-  animation: dot-0 1.5s linear infinite;
+  animation: loading-dot 1.4s ease-in-out infinite;
 }
-.u-loading__dot .u-loading__loader:before {
+.u-loading__dot .u-loading__loader::before, .u-loading__dot .u-loading__loader::after {
   content: "";
   position: absolute;
-  width: 8px;
-  height: 12px;
-  background: var(--u-text-color-main);
-  left: -16px;
   top: 0;
-  animation: dot-1 1.5s linear infinite, dot-2 0.5s cubic-bezier(0, 200, 0.8, 200) infinite;
+  width: 10px;
+  height: 10px;
+  border-radius: 50%;
+  background: currentColor;
+}
+.u-loading__dot .u-loading__loader::before {
+  left: -20px;
+  animation: loading-dot 1.4s ease-in-out infinite;
+  animation-delay: 0.2s;
+}
+.u-loading__dot .u-loading__loader::after {
+  right: -20px;
+  animation: loading-dot 1.4s ease-in-out infinite;
+  animation-delay: 0.4s;
+}
+.u-loading__line .u-loading__loader {
+  width: 160px;
+  height: 3px;
+  border-radius: 1.5px;
+  background: var(--u-bg-color-hover);
+  overflow: hidden;
+  position: relative;
 }
-.u-loading__dot .u-loading__loader:after {
+.u-loading__line .u-loading__loader::after {
   content: "";
   position: absolute;
-  inset: 0 0 auto auto;
-  width: 8px;
-  height: 8px;
-  border-radius: 50%;
-  background: var(--u-text-color-main);
-  animation: dot-3 1.5s linear infinite;
+  inset: 0;
+  background: linear-gradient(90deg, transparent 0%, currentColor 40%, currentColor 60%, transparent 100%);
+  animation: loading-shimmer 1.4s ease-in-out infinite;
 }
 .u-loading__classic .u-loading__loader {
-  font-size: var(--u-font-size-title-default);
-  line-height: 1.4em;
-  letter-spacing: 6ch;
-  width: 6ch;
-  overflow: hidden;
-  white-space: nowrap;
-  color: rgba(0, 0, 0, 0);
-  text-shadow: 0ch 0 var(--u-text-color-main), -6ch 0 var(--u-text-color-main), -12ch 0 var(--u-text-color-main), -18ch 0 var(--u-text-color-main), -24ch 0 var(--u-text-color-main), -30ch 0 var(--u-text-color-main);
-  animation: classic 2s infinite linear;
+  width: 44px;
+  aspect-ratio: 1;
+  position: relative;
 }
-.u-loading__classic .u-loading__loader::before {
-  content: "加载中...";
+.u-loading__classic .u-loading__loader::before, .u-loading__classic .u-loading__loader::after {
+  content: "";
+  position: absolute;
+  inset: 0;
+  border-radius: 50%;
+  border: 3px solid currentColor;
+  animation: loading-pulse 1.6s ease-out infinite;
 }
-
-@keyframes line-1 {
-  0% {
-    background-size: 0 4px, 4px 0, 0 4px, 4px 0;
-  }
-  12.5% {
-    background-size: 100% 4px, 4px 0, 0 4px, 4px 0;
-  }
-  25% {
-    background-size: 100% 4px, 4px 100%, 0 4px, 4px 0;
-  }
-  37.5% {
-    background-size: 100% 4px, 4px 100%, 100% 4px, 4px 0;
-  }
-  45%, 55% {
-    background-size: 100% 4px, 4px 100%, 100% 4px, 4px 100%;
-  }
-  62.5% {
-    background-size: 0 4px, 4px 100%, 100% 4px, 4px 100%;
-  }
-  75% {
-    background-size: 0 4px, 4px 0, 100% 4px, 4px 100%;
-  }
-  87.5% {
-    background-size: 0 4px, 4px 0, 0 4px, 4px 100%;
-  }
-  100% {
-    background-size: 0 4px, 4px 0, 0 4px, 4px 0;
-  }
+.u-loading__classic .u-loading__loader::after {
+  animation-delay: 0.8s;
 }
-@keyframes line-2 {
-  0%, 49.9% {
-    background-position: 0 0, 100% 0, 100% 100%, 0 100%;
-  }
-  50%, 100% {
-    background-position: 100% 0, 100% 100%, 0 100%, 0 0;
-  }
+.u-loading__morph .u-loading__loader {
+  width: 34px;
+  aspect-ratio: 1;
+  background: currentColor;
+  animation: loading-morph 2.4s ease-in-out infinite;
 }
-@keyframes spinner {
-  100% {
-    transform: rotate(0.5turn);
+
+@keyframes loading-spin {
+  to {
+    transform: rotate(1turn);
   }
 }
-@keyframes classic {
-  9.09% {
-    text-shadow: 0ch -10px var(--u-text-color-main), -6ch 0 var(--u-text-color-main), -12ch 0 var(--u-text-color-main), -18ch 0 var(--u-text-color-main), -24ch 0 var(--u-text-color-main), -30ch 0 var(--u-text-color-main);
-  }
-  18.18% {
-    text-shadow: 0ch 0 var(--u-text-color-main), -6ch -10px var(--u-text-color-main), -12ch 0 var(--u-text-color-main), -18ch 0 var(--u-text-color-main), -24ch 0 var(--u-text-color-main), -30ch 0 var(--u-text-color-main);
-  }
-  27.27% {
-    text-shadow: 0ch 0 var(--u-text-color-main), -6ch 0 var(--u-text-color-main), -12ch -10px var(--u-text-color-main), -18ch 0 var(--u-text-color-main), -24ch 0 var(--u-text-color-main), -30ch 0 var(--u-text-color-main);
-  }
-  36.36% {
-    text-shadow: 0ch 0 var(--u-text-color-main), -6ch 0 var(--u-text-color-main), -12ch 0 var(--u-text-color-main), -18ch -10px var(--u-text-color-main), -24ch 0 var(--u-text-color-main), -30ch 0 var(--u-text-color-main);
-  }
-  45.45% {
-    text-shadow: 0ch 0 var(--u-text-color-main), -6ch 0 var(--u-text-color-main), -12ch 0 var(--u-text-color-main), -18ch 0 var(--u-text-color-main), -24ch -10px var(--u-text-color-main), -30ch 0 var(--u-text-color-main);
-  }
-  54.54% {
-    text-shadow: 0ch 0 var(--u-text-color-main), -6ch 0 var(--u-text-color-main), -12ch 0 var(--u-text-color-main), -18ch 0 var(--u-text-color-main), -24ch 0 var(--u-text-color-main), -30ch -10px var(--u-text-color-main);
-  }
-  63.63% {
-    text-shadow: 0ch 0 var(--u-text-color-main), -6ch 0 var(--u-text-color-main), -12ch 0 var(--u-text-color-main), -18ch 0 var(--u-text-color-main), -24ch 0 var(--u-text-color-main), -30ch 0 var(--u-text-color-main);
-  }
-  72.72% {
-    text-shadow: 0ch 0 var(--u-text-color-main), -6ch 0 var(--u-text-color-main), -12ch 0 var(--u-text-color-main), -18ch 0 var(--u-text-color-main), -24ch 0 var(--u-text-color-main), -30ch 0 var(--u-text-color-main);
-  }
-  81.81% {
-    text-shadow: 0ch 0 var(--u-text-color-main), -6ch 0 var(--u-text-color-main), -12ch 0 var(--u-text-color-main), -18ch 0 var(--u-text-color-main), -24ch 0 var(--u-text-color-main), -30ch 0 var(--u-text-color-main);
+@keyframes loading-dot {
+  0%, 80%, 100% {
+    transform: scale(0.4);
+    opacity: 0.25;
   }
-  90.90% {
-    text-shadow: 0ch 0 var(--u-text-color-main), -6ch 0 var(--u-text-color-main), -12ch 0 var(--u-text-color-main), -18ch 0 var(--u-text-color-main), -24ch 0 var(--u-text-color-main), -30ch 0 var(--u-text-color-main);
+  40% {
+    transform: scale(1);
+    opacity: 1;
   }
 }
-@keyframes dot-0 {
-  0%, 30% {
-    background-position: 0 0, 50% 0;
-  }
-  33% {
-    background-position: 0 100%, 50% 0;
-  }
-  41%, 63% {
-    background-position: 0 0, 50% 0;
-  }
-  66% {
-    background-position: 0 0, 50% 100%;
+@keyframes loading-shimmer {
+  0% {
+    transform: translateX(-100%);
   }
-  74%, 100% {
-    background-position: 0 0, 50% 0;
+  100% {
+    transform: translateX(100%);
   }
 }
-@keyframes dot-1 {
-  90% {
-    transform: translateY(0);
-  }
-  95% {
-    transform: translateY(15px);
+@keyframes loading-pulse {
+  0% {
+    transform: scale(0.2);
+    opacity: 1;
   }
   100% {
-    transform: translateY(15px);
-    left: calc(100% - 8px);
+    transform: scale(1.35);
+    opacity: 0;
   }
 }
-@keyframes dot-2 {
-  100% {
-    top: -0.1px;
+@keyframes loading-morph {
+  0%, 100% {
+    border-radius: 50%;
+    transform: rotate(0deg) scale(1);
   }
-}
-@keyframes dot-3 {
-  0%, 80%, 100% {
-    transform: translate(0);
+  25% {
+    border-radius: 8px;
+    transform: rotate(45deg) scale(0.7);
   }
-  90% {
-    transform: translate(26px);
+  50% {
+    border-radius: 2px;
+    transform: rotate(90deg) scale(1);
+  }
+  75% {
+    border-radius: 8px;
+    transform: rotate(135deg) scale(0.7);
   }
 }

package/dist/components/multi-select/multi-select.js

@@ -35,6 +35,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
 		minWidth: { default: "220px" },
 		width: {},
 		creatable: { type: Boolean },
+		rules: {},
 		tips: {},
 		span: {},
 		label: {},