@will-ui/vue 1.0.0

package/dist/components/form/Form.js

@@ -0,0 +1,235 @@
+import useComponentConfig from "../../use/useComponentConfig.js";
+import { mergeStyle, sizeToCssVars, toCssVarsStyle } from "../../util/cssVars.js";
+import { FORM_FALLBACK } from "./config.js";
+import { FORM_DATA_LEGACY_KEY, FORM_KEY } from "./context.js";
+import { computed, createVNode, defineComponent, provide, reactive, watch } from "vue";
+//#region components/form/Form.tsx
+var Form_default = /* @__PURE__ */ defineComponent({
+	name: "Form",
+	props: {
+		model: {
+			type: Object,
+			default: void 0
+		},
+		rules: {
+			type: Object,
+			default: void 0
+		},
+		title: {
+			type: String,
+			default: void 0
+		},
+		titleWidth: {
+			type: [String, Number],
+			default: void 0
+		},
+		labelPosition: {
+			type: String,
+			default: void 0
+		},
+		legendPosition: {
+			type: String,
+			default: void 0
+		},
+		fieldset: {
+			type: Boolean,
+			default: void 0
+		},
+		border: {
+			type: [String, Number],
+			default: void 0
+		},
+		errorBorder: {
+			type: Boolean,
+			default: void 0
+		},
+		errorPosition: {
+			type: String,
+			default: void 0
+		},
+		disabled: {
+			type: Boolean,
+			default: void 0
+		},
+		inline: {
+			type: Boolean,
+			default: void 0
+		},
+		labelWidth: {
+			type: [String, Number],
+			default: void 0
+		},
+		size: {
+			type: Number,
+			default: void 0
+		},
+		scrollToError: {
+			type: Boolean,
+			default: void 0
+		},
+		validateOnRuleChange: {
+			type: Boolean,
+			default: void 0
+		},
+		preventDefault: {
+			type: Boolean,
+			default: true
+		}
+	},
+	emits: { validate: (_prop, _isValid, _message) => true },
+	setup(props, { emit, slots, expose }) {
+		const cfg = useComponentConfig("Form", props, FORM_FALLBACK);
+		const fields = [];
+		function addField(field) {
+			if (field) fields.push(field);
+		}
+		function removeField(field) {
+			const i = fields.indexOf(field);
+			if (i > -1) fields.splice(i, 1);
+		}
+		function getFields(prop) {
+			if (prop == null || Array.isArray(prop) && !prop.length) return [...fields];
+			const list = typeof prop === "string" ? [prop] : prop;
+			return fields.filter((f) => f.prop && list.includes(f.prop));
+		}
+		function emitValidate(prop, isValid, message) {
+			emit("validate", prop, isValid, message);
+		}
+		const scrollToField = (prop) => {
+			const el = fields.find((f) => f.prop === prop)?.$el;
+			if (el && typeof el.scrollIntoView === "function") el.scrollIntoView({
+				behavior: "smooth",
+				block: "center"
+			});
+		};
+		const validateField = (propsOrCallback, maybeCallback) => {
+			let propsFilter;
+			let callback;
+			if (typeof propsOrCallback === "function") callback = propsOrCallback;
+			else {
+				propsFilter = propsOrCallback;
+				callback = maybeCallback;
+			}
+			const targets = getFields(propsFilter);
+			if (!props.model || !targets.length) {
+				callback?.(true);
+				return Promise.resolve(true);
+			}
+			let valid = true;
+			let count = 0;
+			let invalidFields = {};
+			let firstErrorProp;
+			return new Promise((resolve, reject) => {
+				const done = () => {
+					if (valid) {
+						callback?.(true);
+						resolve(true);
+					} else {
+						callback?.(false, invalidFields);
+						if (cfg.value.scrollToError && firstErrorProp) scrollToField(firstErrorProp);
+						reject(invalidFields);
+					}
+				};
+				for (const field of targets) field.validate("", (message, fieldErrors) => {
+					if (message) {
+						valid = false;
+						if (!firstErrorProp && field.prop) firstErrorProp = field.prop;
+					}
+					if (fieldErrors) invalidFields = {
+						...invalidFields,
+						...fieldErrors
+					};
+					if (++count === targets.length) done();
+				});
+			});
+		};
+		const validate = (callback) => validateField(void 0, callback);
+		const resetFields = (prop) => {
+			if (!props.model) return;
+			getFields(prop).forEach((f) => f.resetField());
+		};
+		const clearValidate = (prop) => {
+			getFields(prop).forEach((f) => f.clearValidate());
+		};
+		const formContext = reactive({
+			get model() {
+				return props.model;
+			},
+			get rules() {
+				return props.rules;
+			},
+			get labelPosition() {
+				return cfg.value.labelPosition;
+			},
+			get labelWidth() {
+				return cfg.value.labelWidth ?? props.labelWidth;
+			},
+			get errorPosition() {
+				return cfg.value.errorPosition;
+			},
+			get errorBorder() {
+				return !!cfg.value.errorBorder;
+			},
+			get disabled() {
+				return !!cfg.value.disabled;
+			},
+			get inline() {
+				return !!cfg.value.inline;
+			},
+			get size() {
+				return cfg.value.size;
+			},
+			get scrollToError() {
+				return !!cfg.value.scrollToError;
+			},
+			get validateOnRuleChange() {
+				return !!cfg.value.validateOnRuleChange;
+			},
+			addField,
+			removeField,
+			emitValidate
+		});
+		provide(FORM_KEY, formContext);
+		provide(FORM_DATA_LEGACY_KEY, formContext);
+		watch(() => props.rules, () => {
+			if (cfg.value.validateOnRuleChange) clearValidate();
+		}, { deep: true });
+		expose({
+			validate,
+			validateField,
+			resetFields,
+			clearValidate,
+			scrollToField
+		});
+		const rootClass = computed(() => [cfg.value.inline ? "w-form-inline" : "w-form", { "w-form-fieldset": cfg.value.fieldset }]);
+		const fieldsetStyle = computed(() => {
+			const sizeStyle = toCssVarsStyle(sizeToCssVars("--w-size", cfg.value.size));
+			if (!cfg.value.fieldset) return mergeStyle(sizeStyle, { border: "0" });
+			const b = cfg.value.border;
+			if (typeof b === "string" && b !== "") return mergeStyle(sizeStyle, { border: b });
+			if (typeof b === "number") return mergeStyle(sizeStyle, { border: `${b}px solid var(--w-color-border)` });
+			return sizeStyle;
+		});
+		const legendStyle = computed(() => {
+			const w = props.titleWidth;
+			return {
+				textAlign: cfg.value.legendPosition || "left",
+				...w != null && w !== "" ? { width: typeof w === "number" ? `${w}px` : w } : {}
+			};
+		});
+		return () => createVNode("form", {
+			"class": rootClass.value,
+			"style": fieldsetStyle.value,
+			"onSubmit": (e) => {
+				if (props.preventDefault !== false) e.preventDefault();
+			}
+		}, [(slots.title || cfg.value.title) && createVNode("div", {
+			"class": "w-form-title",
+			"style": legendStyle.value
+		}, [slots.title?.() || cfg.value.title]), slots.default?.()]);
+	}
+});
+//#endregion
+export { Form_default as default };
+
+//# sourceMappingURL=Form.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Form.js","names":["computed","defineComponent","provide","reactive","watch","createVNode","_createVNode","useComponentConfig","mergeStyle","sizeToCssVars","toCssVarsStyle","FORM_FALLBACK","FORM_DATA_LEGACY_KEY","FORM_KEY","name","props","model","type","Object","default","undefined","rules","title","String","titleWidth","Number","labelPosition","legendPosition","fieldset","Boolean","border","errorBorder","errorPosition","disabled","inline","labelWidth","size","scrollToError","validateOnRuleChange","preventDefault","emits","validate","_prop","_isValid","_message","setup","emit","slots","expose","cfg","fields","addField","field","push","removeField","i","indexOf","splice","getFields","prop","Array","isArray","length","list","filter","f","includes","emitValidate","isValid","message","scrollToField","find","el","$el","scrollIntoView","behavior","block","validateField","propsOrCallback","maybeCallback","propsFilter","callback","targets","Promise","resolve","valid","count","invalidFields","firstErrorProp","reject","done","value","fieldErrors","resetFields","forEach","resetField","clearValidate","formContext","deep","rootClass","fieldsetStyle","sizeStyle","b","legendStyle","w","textAlign","width","e"],"sources":["../../../components/form/Form.tsx"],"sourcesContent":["import {\r\n  computed,\r\n  defineComponent,\r\n  provide,\r\n  reactive,\r\n  watch,\r\n  type PropType,\r\n} from 'vue'\r\nimport type { FormRules } from '../../config/types'\r\nimport useComponentConfig from '../../use/useComponentConfig'\r\nimport { mergeStyle, sizeToCssVars, toCssVarsStyle } from '../../util'\r\nimport type { FormItemContext } from '../formItem/context'\r\nimport { FORM_FALLBACK } from './config'\r\nimport {\r\n  FORM_DATA_LEGACY_KEY,\r\n  FORM_KEY,\r\n  type FormContext,\r\n  type FormErrorPosition,\r\n  type FormExpose,\r\n  type FormLabelPosition,\r\n  type FormSize,\r\n  type FormValidateCallback,\r\n} from './context'\r\n\r\nexport type { FormGlobalConfig } from './config'\r\nexport { FORM_FALLBACK } from './config'\r\nexport type {\r\n  FormContext,\r\n  FormExpose,\r\n  FormLabelPosition,\r\n  FormErrorPosition,\r\n  FormSize,\r\n  FormValidateCallback,\r\n} from './context'\r\nexport { FORM_KEY } from './context'\r\n\r\nexport default defineComponent({\r\n  name: 'Form',\r\n  props: {\r\n    model: { type: Object as PropType<Record<string, any>>, default: undefined },\r\n    rules: { type: Object as PropType<FormRules>, default: undefined },\r\n    title: { type: String, default: undefined },\r\n    titleWidth: {\r\n      type: [String, Number] as PropType<string | number>,\r\n      default: undefined,\r\n    },\r\n    labelPosition: {\r\n      type: String as PropType<FormLabelPosition>,\r\n      default: undefined,\r\n    },\r\n    legendPosition: {\r\n      type: String as PropType<'left' | 'right' | 'center'>,\r\n      default: undefined,\r\n    },\r\n    fieldset: { type: Boolean, default: undefined },\r\n    border: {\r\n      type: [String, Number] as PropType<string | number>,\r\n      default: undefined,\r\n    },\r\n    errorBorder: { type: Boolean, default: undefined },\r\n    errorPosition: {\r\n      type: String as PropType<FormErrorPosition>,\r\n      default: undefined,\r\n    },\r\n    disabled: { type: Boolean, default: undefined },\r\n    inline: { type: Boolean, default: undefined },\r\n    labelWidth: {\r\n      type: [String, Number] as PropType<string | number>,\r\n      default: undefined,\r\n    },\r\n    size: { type: Number as PropType<FormSize>, default: undefined },\r\n    scrollToError: { type: Boolean, default: undefined },\r\n    validateOnRuleChange: { type: Boolean, default: undefined },\r\n    preventDefault: { type: Boolean, default: true },\r\n  },\r\n  emits: {\r\n    validate: (_prop: string, _isValid: boolean, _message: string | null) =>\r\n      true,\r\n  },\r\n  setup(props, { emit, slots, expose }) {\r\n    const cfg = useComponentConfig('Form', props, FORM_FALLBACK)\r\n    const fields: FormItemContext[] = []\r\n\r\n    function addField(field: FormItemContext) {\r\n      if (field) fields.push(field)\r\n    }\r\n    function removeField(field: FormItemContext) {\r\n      const i = fields.indexOf(field)\r\n      if (i > -1) fields.splice(i, 1)\r\n    }\r\n\r\n    function getFields(prop?: string | string[]): FormItemContext[] {\r\n      if (prop == null || (Array.isArray(prop) && !prop.length)) {\r\n        return [...fields]\r\n      }\r\n      const list = typeof prop === 'string' ? [prop] : prop\r\n      return fields.filter((f) => f.prop && list.includes(f.prop))\r\n    }\r\n\r\n    function emitValidate(\r\n      prop: string,\r\n      isValid: boolean,\r\n      message: string | null,\r\n    ) {\r\n      emit('validate', prop, isValid, message)\r\n    }\r\n\r\n    const scrollToField = (prop: string) => {\r\n      const field = fields.find((f) => f.prop === prop)\r\n      const el = field?.$el\r\n      if (el && typeof el.scrollIntoView === 'function') {\r\n        el.scrollIntoView({ behavior: 'smooth', block: 'center' })\r\n      }\r\n    }\r\n\r\n    const validateField = (\r\n      propsOrCallback?: string | string[] | FormValidateCallback,\r\n      maybeCallback?: FormValidateCallback,\r\n    ): Promise<boolean> => {\r\n      let propsFilter: string | string[] | undefined\r\n      let callback: FormValidateCallback | undefined\r\n      if (typeof propsOrCallback === 'function') {\r\n        callback = propsOrCallback\r\n      } else {\r\n        propsFilter = propsOrCallback\r\n        callback = maybeCallback\r\n      }\r\n\r\n      const targets = getFields(propsFilter)\r\n      if (!props.model || !targets.length) {\r\n        callback?.(true)\r\n        return Promise.resolve(true)\r\n      }\r\n\r\n      let valid = true\r\n      let count = 0\r\n      let invalidFields: Record<string, any> = {}\r\n      let firstErrorProp: string | undefined\r\n\r\n      return new Promise((resolve, reject) => {\r\n        const done = () => {\r\n          if (valid) {\r\n            callback?.(true)\r\n            resolve(true)\r\n          } else {\r\n            callback?.(false, invalidFields)\r\n            if (cfg.value.scrollToError && firstErrorProp) {\r\n              scrollToField(firstErrorProp)\r\n            }\r\n            reject(invalidFields)\r\n          }\r\n        }\r\n\r\n        for (const field of targets) {\r\n          void field.validate('', (message, fieldErrors) => {\r\n            if (message) {\r\n              valid = false\r\n              if (!firstErrorProp && field.prop) firstErrorProp = field.prop\r\n            }\r\n            if (fieldErrors) {\r\n              invalidFields = { ...invalidFields, ...fieldErrors }\r\n            }\r\n            if (++count === targets.length) done()\r\n          })\r\n        }\r\n      })\r\n    }\r\n\r\n    const validate = (callback?: FormValidateCallback) =>\r\n      validateField(undefined, callback)\r\n\r\n    const resetFields = (prop?: string | string[]) => {\r\n      if (!props.model) return\r\n      getFields(prop).forEach((f) => f.resetField())\r\n    }\r\n\r\n    const clearValidate = (prop?: string | string[]) => {\r\n      getFields(prop).forEach((f) => f.clearValidate())\r\n    }\r\n\r\n    const formContext = reactive({\r\n      get model() {\r\n        return props.model\r\n      },\r\n      get rules() {\r\n        return props.rules\r\n      },\r\n      get labelPosition() {\r\n        return cfg.value.labelPosition\r\n      },\r\n      get labelWidth() {\r\n        return cfg.value.labelWidth ?? props.labelWidth\r\n      },\r\n      get errorPosition() {\r\n        return cfg.value.errorPosition\r\n      },\r\n      get errorBorder() {\r\n        return !!cfg.value.errorBorder\r\n      },\r\n      get disabled() {\r\n        return !!cfg.value.disabled\r\n      },\r\n      get inline() {\r\n        return !!cfg.value.inline\r\n      },\r\n      get size() {\r\n        return cfg.value.size\r\n      },\r\n      get scrollToError() {\r\n        return !!cfg.value.scrollToError\r\n      },\r\n      get validateOnRuleChange() {\r\n        return !!cfg.value.validateOnRuleChange\r\n      },\r\n      addField,\r\n      removeField,\r\n      emitValidate,\r\n    }) as FormContext\r\n\r\n    provide(FORM_KEY, formContext)\r\n    provide(FORM_DATA_LEGACY_KEY, formContext)\r\n\r\n    watch(\r\n      () => props.rules,\r\n      () => {\r\n        if (cfg.value.validateOnRuleChange) clearValidate()\r\n      },\r\n      { deep: true },\r\n    )\r\n\r\n    expose({\r\n      validate,\r\n      validateField,\r\n      resetFields,\r\n      clearValidate,\r\n      scrollToField,\r\n    } satisfies FormExpose)\r\n\r\n    const rootClass = computed(() => [\r\n      cfg.value.inline ? 'w-form-inline' : 'w-form',\r\n      { 'w-form-fieldset': cfg.value.fieldset },\r\n    ])\r\n\r\n    const fieldsetStyle = computed(() => {\r\n      const sizeStyle = toCssVarsStyle(\r\n        sizeToCssVars('--w-size', cfg.value.size),\r\n      )\r\n      if (!cfg.value.fieldset) {\r\n        return mergeStyle(sizeStyle, { border: '0' })\r\n      }\r\n      const b = cfg.value.border\r\n      if (typeof b === 'string' && b !== '') {\r\n        return mergeStyle(sizeStyle, { border: b })\r\n      }\r\n      if (typeof b === 'number') {\r\n        return mergeStyle(sizeStyle, {\r\n          border: `${b}px solid var(--w-color-border)`,\r\n        })\r\n      }\r\n      return sizeStyle\r\n    })\r\n\r\n    const legendStyle = computed(() => {\r\n      const w = props.titleWidth\r\n      return {\r\n        textAlign: (cfg.value.legendPosition || 'left') as any,\r\n        ...(w != null && w !== ''\r\n          ? { width: typeof w === 'number' ? `${w}px` : w }\r\n          : {}),\r\n      }\r\n    })\r\n\r\n    return () => (\r\n      <form\r\n        class={rootClass.value}\r\n        style={fieldsetStyle.value}\r\n        onSubmit={(e: Event) => {\r\n          if (props.preventDefault !== false) e.preventDefault()\r\n        }}>\r\n        {(slots.title || cfg.value.title) && (\r\n          <div class=\"w-form-title\" style={legendStyle.value}>\r\n            {slots.title?.() || cfg.value.title}\r\n          </div>\r\n        )}\r\n        {slots.default?.()}\r\n      </form>\r\n    )\r\n  },\r\n})\r\n"],"mappings":"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"}

package/dist/components/form/_use/formRules.d.ts

@@ -0,0 +1,18 @@
+import { FormRuleItem, FormRules } from '../../config/types';
+/** 将 rules 统一为数组，并拷贝避免污染源对象 */
+export declare function normalizeRules(input?: FormRuleItem | FormRuleItem[] | null): FormRuleItem[];
+/** 合并 Form 级、FormItem 级与 required 标记 */
+export declare function mergeFieldRules(options: {
+    formRules?: FormRules;
+    prop?: string;
+    itemRules?: FormRuleItem | FormRuleItem[];
+    required?: boolean;
+}): FormRuleItem[];
+export declare function filterRulesByTrigger(rules: FormRuleItem[], trigger: string): FormRuleItem[];
+export declare function isRequiredFromRules(rules: FormRuleItem[], requiredProp?: boolean): boolean;
+/** 读取嵌套路径 a.b.0.c */
+export declare function getPropByPath(obj: any, path: string): any;
+/** 写入嵌套路径 */
+export declare function setPropByPath(obj: any, path: string, value: any): void;
+export declare function cloneValue<T>(value: T): T;
+export declare function toCssWidth(value: string | number | undefined): string;

package/dist/components/form/_use/formRules.js

@@ -0,0 +1,80 @@
+//#region components/form/_use/formRules.ts
+/** 将 rules 统一为数组，并拷贝避免污染源对象 */
+function normalizeRules(input) {
+	if (input == null) return [];
+	return (Array.isArray(input) ? input : [input]).map((rule) => ({ ...rule }));
+}
+/** 合并 Form 级、FormItem 级与 required 标记 */
+function mergeFieldRules(options) {
+	const fromForm = options.prop && options.formRules ? normalizeRules(options.formRules[options.prop]) : [];
+	const fromItem = normalizeRules(options.itemRules);
+	const requiredRule = options.required !== void 0 ? [{
+		required: !!options.required,
+		message: void 0
+	}] : [];
+	return [
+		...fromForm,
+		...fromItem,
+		...requiredRule
+	];
+}
+function filterRulesByTrigger(rules, trigger) {
+	return rules.filter((rule) => {
+		if (!trigger || trigger === "") return true;
+		if (!rule.trigger) return true;
+		if (Array.isArray(rule.trigger)) return rule.trigger.includes(trigger);
+		return rule.trigger === trigger;
+	}).map((rule) => {
+		const next = { ...rule };
+		delete next.trigger;
+		return next;
+	});
+}
+function isRequiredFromRules(rules, requiredProp) {
+	if (requiredProp) return true;
+	return rules.some((r) => !!r.required);
+}
+/** 读取嵌套路径 a.b.0.c */
+function getPropByPath(obj, path) {
+	if (!obj || !path) return void 0;
+	if (!path.includes(".")) return obj[path];
+	const keys = path.replace(/\[(\w+)\]/g, ".$1").replace(/^\./, "").split(".");
+	let cur = obj;
+	for (const key of keys) {
+		if (cur == null) return void 0;
+		cur = cur[key];
+	}
+	return cur;
+}
+/** 写入嵌套路径 */
+function setPropByPath(obj, path, value) {
+	if (!obj || !path) return;
+	if (!path.includes(".")) {
+		obj[path] = value;
+		return;
+	}
+	const keys = path.replace(/\[(\w+)\]/g, ".$1").replace(/^\./, "").split(".");
+	let cur = obj;
+	for (let i = 0; i < keys.length - 1; i++) {
+		const key = keys[i];
+		if (cur[key] == null || typeof cur[key] !== "object") cur[key] = /^\d+$/.test(keys[i + 1]) ? [] : {};
+		cur = cur[key];
+	}
+	cur[keys[keys.length - 1]] = value;
+}
+function cloneValue(value) {
+	if (value == null || typeof value !== "object") return value;
+	try {
+		return structuredClone(value);
+	} catch {
+		return JSON.parse(JSON.stringify(value));
+	}
+}
+function toCssWidth(value) {
+	if (value === void 0 || value === "") return "";
+	return typeof value === "number" ? `${value}px` : value;
+}
+//#endregion
+export { cloneValue, filterRulesByTrigger, getPropByPath, isRequiredFromRules, mergeFieldRules, normalizeRules, setPropByPath, toCssWidth };
+
+//# sourceMappingURL=formRules.js.map

package/dist/components/form/_use/formRules.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"formRules.js","names":[],"sources":["../../../../components/form/_use/formRules.ts"],"sourcesContent":["import type { FormRuleItem, FormRules } from '../../config/types'\r\n\r\n/** 将 rules 统一为数组，并拷贝避免污染源对象 */\r\nexport function normalizeRules(\r\n  input?: FormRuleItem | FormRuleItem[] | null,\r\n): FormRuleItem[] {\r\n  if (input == null) return []\r\n  const list = Array.isArray(input) ? input : [input]\r\n  return list.map((rule) => ({ ...rule }))\r\n}\r\n\r\n/** 合并 Form 级、FormItem 级与 required 标记 */\r\nexport function mergeFieldRules(options: {\r\n  formRules?: FormRules\r\n  prop?: string\r\n  itemRules?: FormRuleItem | FormRuleItem[]\r\n  required?: boolean\r\n}): FormRuleItem[] {\r\n  const fromForm =\r\n    options.prop && options.formRules\r\n      ? normalizeRules(options.formRules[options.prop])\r\n      : []\r\n  const fromItem = normalizeRules(options.itemRules)\r\n  const requiredRule: FormRuleItem[] =\r\n    options.required !== undefined\r\n      ? [{ required: !!options.required, message: undefined }]\r\n      : []\r\n  return [...fromForm, ...fromItem, ...requiredRule]\r\n}\r\n\r\nexport function filterRulesByTrigger(\r\n  rules: FormRuleItem[],\r\n  trigger: string,\r\n): FormRuleItem[] {\r\n  return rules\r\n    .filter((rule) => {\r\n      if (!trigger || trigger === '') return true\r\n      if (!rule.trigger) return true\r\n      if (Array.isArray(rule.trigger)) {\r\n        return rule.trigger.includes(trigger)\r\n      }\r\n      return rule.trigger === trigger\r\n    })\r\n    .map((rule) => {\r\n      const next = { ...rule }\r\n      delete next.trigger\r\n      return next\r\n    })\r\n}\r\n\r\nexport function isRequiredFromRules(\r\n  rules: FormRuleItem[],\r\n  requiredProp?: boolean,\r\n): boolean {\r\n  if (requiredProp) return true\r\n  return rules.some((r) => !!r.required)\r\n}\r\n\r\n/** 读取嵌套路径 a.b.0.c */\r\nexport function getPropByPath(obj: any, path: string): any {\r\n  if (!obj || !path) return undefined\r\n  if (!path.includes('.')) return obj[path]\r\n  const keys = path.replace(/\\[(\\w+)\\]/g, '.$1').replace(/^\\./, '').split('.')\r\n  let cur = obj\r\n  for (const key of keys) {\r\n    if (cur == null) return undefined\r\n    cur = cur[key]\r\n  }\r\n  return cur\r\n}\r\n\r\n/** 写入嵌套路径 */\r\nexport function setPropByPath(obj: any, path: string, value: any): void {\r\n  if (!obj || !path) return\r\n  if (!path.includes('.')) {\r\n    obj[path] = value\r\n    return\r\n  }\r\n  const keys = path.replace(/\\[(\\w+)\\]/g, '.$1').replace(/^\\./, '').split('.')\r\n  let cur = obj\r\n  for (let i = 0; i < keys.length - 1; i++) {\r\n    const key = keys[i]\r\n    if (cur[key] == null || typeof cur[key] !== 'object') {\r\n      cur[key] = /^\\d+$/.test(keys[i + 1]) ? [] : {}\r\n    }\r\n    cur = cur[key]\r\n  }\r\n  cur[keys[keys.length - 1]] = value\r\n}\r\n\r\nexport function cloneValue<T>(value: T): T {\r\n  if (value == null || typeof value !== 'object') return value\r\n  try {\r\n    return structuredClone(value)\r\n  } catch {\r\n    return JSON.parse(JSON.stringify(value)) as T\r\n  }\r\n}\r\n\r\nexport function toCssWidth(value: string | number | undefined): string {\r\n  if (value === undefined || value === '') return ''\r\n  return typeof value === 'number' ? `${value}px` : value\r\n}\r\n"],"mappings":";;AAGA,SAAgB,eACd,OACgB;CAChB,IAAI,SAAS,MAAM,OAAO,CAAC;CAE3B,QADa,MAAM,QAAQ,KAAK,IAAI,QAAQ,CAAC,KAAK,EAAA,CACtC,KAAK,UAAU,EAAE,GAAG,KAAK,EAAE;AACzC;;AAGA,SAAgB,gBAAgB,SAKb;CACjB,MAAM,WACJ,QAAQ,QAAQ,QAAQ,YACpB,eAAe,QAAQ,UAAU,QAAQ,KAAK,IAC9C,CAAC;CACP,MAAM,WAAW,eAAe,QAAQ,SAAS;CACjD,MAAM,eACJ,QAAQ,aAAa,KAAA,IACjB,CAAC;EAAE,UAAU,CAAC,CAAC,QAAQ;EAAU,SAAS,KAAA;CAAU,CAAC,IACrD,CAAC;CACP,OAAO;EAAC,GAAG;EAAU,GAAG;EAAU,GAAG;CAAY;AACnD;AAEA,SAAgB,qBACd,OACA,SACgB;CAChB,OAAO,MACJ,QAAQ,SAAS;EAChB,IAAI,CAAC,WAAW,YAAY,IAAI,OAAO;EACvC,IAAI,CAAC,KAAK,SAAS,OAAO;EAC1B,IAAI,MAAM,QAAQ,KAAK,OAAO,GAC5B,OAAO,KAAK,QAAQ,SAAS,OAAO;EAEtC,OAAO,KAAK,YAAY;CAC1B,CAAC,CAAC,CACD,KAAK,SAAS;EACb,MAAM,OAAO,EAAE,GAAG,KAAK;EACvB,OAAO,KAAK;EACZ,OAAO;CACT,CAAC;AACL;AAEA,SAAgB,oBACd,OACA,cACS;CACT,IAAI,cAAc,OAAO;CACzB,OAAO,MAAM,MAAM,MAAM,CAAC,CAAC,EAAE,QAAQ;AACvC;;AAGA,SAAgB,cAAc,KAAU,MAAmB;CACzD,IAAI,CAAC,OAAO,CAAC,MAAM,OAAO,KAAA;CAC1B,IAAI,CAAC,KAAK,SAAS,GAAG,GAAG,OAAO,IAAI;CACpC,MAAM,OAAO,KAAK,QAAQ,cAAc,KAAK,CAAC,CAAC,QAAQ,OAAO,EAAE,CAAC,CAAC,MAAM,GAAG;CAC3E,IAAI,MAAM;CACV,KAAK,MAAM,OAAO,MAAM;EACtB,IAAI,OAAO,MAAM,OAAO,KAAA;EACxB,MAAM,IAAI;CACZ;CACA,OAAO;AACT;;AAGA,SAAgB,cAAc,KAAU,MAAc,OAAkB;CACtE,IAAI,CAAC,OAAO,CAAC,MAAM;CACnB,IAAI,CAAC,KAAK,SAAS,GAAG,GAAG;EACvB,IAAI,QAAQ;EACZ;CACF;CACA,MAAM,OAAO,KAAK,QAAQ,cAAc,KAAK,CAAC,CAAC,QAAQ,OAAO,EAAE,CAAC,CAAC,MAAM,GAAG;CAC3E,IAAI,MAAM;CACV,KAAK,IAAI,IAAI,GAAG,IAAI,KAAK,SAAS,GAAG,KAAK;EACxC,MAAM,MAAM,KAAK;EACjB,IAAI,IAAI,QAAQ,QAAQ,OAAO,IAAI,SAAS,UAC1C,IAAI,OAAO,QAAQ,KAAK,KAAK,IAAI,EAAE,IAAI,CAAC,IAAI,CAAC;EAE/C,MAAM,IAAI;CACZ;CACA,IAAI,KAAK,KAAK,SAAS,MAAM;AAC/B;AAEA,SAAgB,WAAc,OAAa;CACzC,IAAI,SAAS,QAAQ,OAAO,UAAU,UAAU,OAAO;CACvD,IAAI;EACF,OAAO,gBAAgB,KAAK;CAC9B,QAAQ;EACN,OAAO,KAAK,MAAM,KAAK,UAAU,KAAK,CAAC;CACzC;AACF;AAEA,SAAgB,WAAW,OAA4C;CACrE,IAAI,UAAU,KAAA,KAAa,UAAU,IAAI,OAAO;CAChD,OAAO,OAAO,UAAU,WAAW,GAAG,MAAM,MAAM;AACpD"}

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

@@ -0,0 +1,35 @@
+import { FormErrorPosition, FormLabelPosition, FormSize } from './context';
+/**
+ * 可通过 `app.use(UI, { components: { Form: {...} } })` 配置的项。
+ * 不宜全局配置：model、rules（实例数据）。
+ */
+export type FormGlobalConfig = Partial<{
+    labelPosition: FormLabelPosition;
+    labelWidth: string | number;
+    errorPosition: FormErrorPosition;
+    errorBorder: boolean;
+    disabled: boolean;
+    inline: boolean;
+    size: FormSize;
+    scrollToError: boolean;
+    validateOnRuleChange: boolean;
+    title: string;
+    fieldset: boolean;
+    border: string | number;
+    legendPosition: 'left' | 'right' | 'center';
+}>;
+export declare const FORM_FALLBACK: {
+    labelPosition: FormLabelPosition;
+    labelWidth: string | number | undefined;
+    errorPosition: FormErrorPosition;
+    errorBorder: boolean;
+    disabled: boolean;
+    inline: boolean;
+    size: FormSize | undefined;
+    scrollToError: boolean;
+    validateOnRuleChange: boolean;
+    title: string;
+    fieldset: boolean;
+    border: string;
+    legendPosition: "left" | "right" | "center";
+};

package/dist/components/form/config.js

@@ -0,0 +1,20 @@
+//#region components/form/config.ts
+var FORM_FALLBACK = {
+	labelPosition: "right",
+	labelWidth: void 0,
+	errorPosition: "bottom",
+	errorBorder: false,
+	disabled: false,
+	inline: false,
+	size: void 0,
+	scrollToError: false,
+	validateOnRuleChange: true,
+	title: "",
+	fieldset: false,
+	border: "",
+	legendPosition: "left"
+};
+//#endregion
+export { FORM_FALLBACK };
+
+//# sourceMappingURL=config.js.map

package/dist/components/form/config.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"config.js","names":[],"sources":["../../../components/form/config.ts"],"sourcesContent":["import type {\r\n  FormErrorPosition,\r\n  FormLabelPosition,\r\n  FormSize,\r\n} from './context'\r\n\r\n/**\r\n * 可通过 `app.use(UI, { components: { Form: {...} } })` 配置的项。\r\n * 不宜全局配置：model、rules（实例数据）。\r\n */\r\nexport type FormGlobalConfig = Partial<{\r\n  labelPosition: FormLabelPosition\r\n  labelWidth: string | number\r\n  errorPosition: FormErrorPosition\r\n  errorBorder: boolean\r\n  disabled: boolean\r\n  inline: boolean\r\n  size: FormSize\r\n  scrollToError: boolean\r\n  validateOnRuleChange: boolean\r\n  title: string\r\n  fieldset: boolean\r\n  border: string | number\r\n  legendPosition: 'left' | 'right' | 'center'\r\n}>\r\n\r\nexport const FORM_FALLBACK = {\r\n  labelPosition: 'right' as FormLabelPosition,\r\n  labelWidth: undefined as string | number | undefined,\r\n  errorPosition: 'bottom' as FormErrorPosition,\r\n  errorBorder: false,\r\n  disabled: false,\r\n  inline: false,\r\n  size: undefined as FormSize | undefined,\r\n  scrollToError: false,\r\n  validateOnRuleChange: true,\r\n  title: '',\r\n  fieldset: false,\r\n  border: '',\r\n  legendPosition: 'left' as 'left' | 'right' | 'center',\r\n}\r\n"],"mappings":";AA0BA,IAAa,gBAAgB;CAC3B,eAAe;CACf,YAAY,KAAA;CACZ,eAAe;CACf,aAAa;CACb,UAAU;CACV,QAAQ;CACR,MAAM,KAAA;CACN,eAAe;CACf,sBAAsB;CACtB,OAAO;CACP,UAAU;CACV,QAAQ;CACR,gBAAgB;AAClB"}

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

@@ -0,0 +1,34 @@
+import { FormRuleItem, FormRules } from '../../config/types';
+import { FormItemContext } from '../formItem/context';
+export declare const FORM_KEY: unique symbol;
+/** @deprecated 兼容旧 inject('formData') */
+export declare const FORM_DATA_LEGACY_KEY = "formData";
+export type FormLabelPosition = 'left' | 'right' | 'top';
+export type FormErrorPosition = 'right' | 'bottom';
+/** 实例高度基准（px），写入根上 `--w-size` 级联子控件 */
+export type FormSize = number;
+export type FormValidateCallback = (isValid: boolean, invalidFields?: Record<string, any>) => void;
+export interface FormContext {
+    model?: Record<string, any>;
+    rules?: FormRules;
+    labelPosition: FormLabelPosition;
+    labelWidth?: string | number;
+    errorPosition: FormErrorPosition;
+    errorBorder: boolean;
+    disabled: boolean;
+    inline: boolean;
+    size?: FormSize;
+    scrollToError: boolean;
+    validateOnRuleChange: boolean;
+    addField: (field: FormItemContext) => void;
+    removeField: (field: FormItemContext) => void;
+    emitValidate: (prop: string, isValid: boolean, message: string | null) => void;
+}
+export interface FormExpose {
+    validate: (callback?: FormValidateCallback) => Promise<boolean>;
+    validateField: (props: string | string[], callback?: FormValidateCallback) => Promise<boolean>;
+    resetFields: (props?: string | string[]) => void;
+    clearValidate: (props?: string | string[]) => void;
+    scrollToField: (prop: string) => void;
+}
+export type { FormRuleItem, FormRules };

package/dist/components/form/context.js

@@ -0,0 +1,8 @@
+//#region components/form/context.ts
+var FORM_KEY = Symbol("w-form");
+/** @deprecated 兼容旧 inject('formData') */
+var FORM_DATA_LEGACY_KEY = "formData";
+//#endregion
+export { FORM_DATA_LEGACY_KEY, FORM_KEY };
+
+//# sourceMappingURL=context.js.map

package/dist/components/form/context.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"context.js","names":[],"sources":["../../../components/form/context.ts"],"sourcesContent":["import type { FormRuleItem, FormRules } from '../../config/types'\r\nimport type { FormItemContext } from '../formItem/context'\r\n\r\nexport const FORM_KEY = Symbol('w-form')\r\n/** @deprecated 兼容旧 inject('formData') */\r\nexport const FORM_DATA_LEGACY_KEY = 'formData'\r\n\r\nexport type FormLabelPosition = 'left' | 'right' | 'top'\r\nexport type FormErrorPosition = 'right' | 'bottom'\r\n/** 实例高度基准（px），写入根上 `--w-size` 级联子控件 */\r\nexport type FormSize = number\r\nexport type FormValidateCallback = (\r\n  isValid: boolean,\r\n  invalidFields?: Record<string, any>,\r\n) => void\r\n\r\nexport interface FormContext {\r\n  model?: Record<string, any>\r\n  rules?: FormRules\r\n  labelPosition: FormLabelPosition\r\n  labelWidth?: string | number\r\n  errorPosition: FormErrorPosition\r\n  errorBorder: boolean\r\n  disabled: boolean\r\n  inline: boolean\r\n  size?: FormSize\r\n  scrollToError: boolean\r\n  validateOnRuleChange: boolean\r\n  addField: (field: FormItemContext) => void\r\n  removeField: (field: FormItemContext) => void\r\n  emitValidate: (prop: string, isValid: boolean, message: string | null) => void\r\n}\r\n\r\nexport interface FormExpose {\r\n  validate: (callback?: FormValidateCallback) => Promise<boolean>\r\n  validateField: (\r\n    props: string | string[],\r\n    callback?: FormValidateCallback,\r\n  ) => Promise<boolean>\r\n  resetFields: (props?: string | string[]) => void\r\n  clearValidate: (props?: string | string[]) => void\r\n  scrollToField: (prop: string) => void\r\n}\r\n\r\nexport type { FormRuleItem, FormRules }\r\n"],"mappings":";AAGA,IAAa,WAAW,OAAO,QAAQ;;AAEvC,IAAa,uBAAuB"}

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

@@ -0,0 +1,3 @@
+export { default } from './Form';
+export type { FormGlobalConfig, FormContext, FormExpose, FormLabelPosition, FormErrorPosition, FormSize, FormValidateCallback, } from './Form';
+export { FORM_FALLBACK, FORM_KEY } from './Form';

package/dist/components/form/style/index.css

@@ -0,0 +1 @@
+@import '../../../theme/tokens/components/form.css';

package/dist/components/formItem/FormItem.d.ts

@@ -0,0 +1,144 @@
+import { PropType, SlotsType } from 'vue';
+import { FormRuleItem } from '../../config/types';
+import { FormItemValidateState } from './context';
+import { CssVars } from '../../util';
+export type { FormItemGlobalConfig } from './config';
+export { FORM_ITEM_FALLBACK } from './config';
+export type { FormItemContext, FormItemExpose, FormItemValidateState, } from './context';
+export { FORM_ITEM_KEY } from './context';
+type FormItemSlots = {
+    label?: () => any;
+    default?: () => any;
+    error?: (message: string) => any;
+    /** @deprecated 使用 error */
+    message?: (message: string) => any;
+};
+declare const _default: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+    label: {
+        type: StringConstructor;
+        default: any;
+    };
+    prop: {
+        type: StringConstructor;
+        default: any;
+    };
+    labelWidth: {
+        type: PropType<string | number>;
+        default: any;
+    };
+    required: {
+        type: BooleanConstructor;
+        default: any;
+    };
+    rules: {
+        type: PropType<FormRuleItem | FormRuleItem[]>;
+        default: any;
+    };
+    error: {
+        type: StringConstructor;
+        default: any;
+    };
+    validateStatus: {
+        type: PropType<FormItemValidateState>;
+        default: any;
+    };
+    showMessage: {
+        type: BooleanConstructor;
+        default: any;
+    };
+    disabled: {
+        type: BooleanConstructor;
+        default: any;
+    };
+    position: {
+        type: PropType<"top" | "bottom" | "center">;
+        default: any;
+    };
+    /** 行高基准 → `--w-prop-form-item-size` */
+    size: {
+        type: NumberConstructor;
+        default: any;
+    };
+    /** 实例 CSS 变量 */
+    cssVars: {
+        type: PropType<CssVars>;
+        default: any;
+    };
+}>, () => import("vue/jsx-runtime").JSX.Element, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    validate: (_payload: {
+        prop?: string;
+        isValid: boolean;
+        message: string | null;
+    }) => true;
+}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+    label: {
+        type: StringConstructor;
+        default: any;
+    };
+    prop: {
+        type: StringConstructor;
+        default: any;
+    };
+    labelWidth: {
+        type: PropType<string | number>;
+        default: any;
+    };
+    required: {
+        type: BooleanConstructor;
+        default: any;
+    };
+    rules: {
+        type: PropType<FormRuleItem | FormRuleItem[]>;
+        default: any;
+    };
+    error: {
+        type: StringConstructor;
+        default: any;
+    };
+    validateStatus: {
+        type: PropType<FormItemValidateState>;
+        default: any;
+    };
+    showMessage: {
+        type: BooleanConstructor;
+        default: any;
+    };
+    disabled: {
+        type: BooleanConstructor;
+        default: any;
+    };
+    position: {
+        type: PropType<"top" | "bottom" | "center">;
+        default: any;
+    };
+    /** 行高基准 → `--w-prop-form-item-size` */
+    size: {
+        type: NumberConstructor;
+        default: any;
+    };
+    /** 实例 CSS 变量 */
+    cssVars: {
+        type: PropType<CssVars>;
+        default: any;
+    };
+}>> & Readonly<{
+    onValidate?: (_payload: {
+        prop?: string;
+        isValid: boolean;
+        message: string | null;
+    }) => any;
+}>, {
+    required: boolean;
+    label: string;
+    error: string;
+    prop: string;
+    size: number;
+    cssVars: CssVars;
+    disabled: boolean;
+    position: "top" | "bottom" | "center";
+    labelWidth: string | number;
+    showMessage: boolean;
+    rules: FormRuleItem | FormRuleItem[];
+    validateStatus: FormItemValidateState;
+}, SlotsType<FormItemSlots>, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+export default _default;