@will-ui/vue 1.0.0

package/dist/components/formItem/FormItem.js

@@ -0,0 +1,218 @@
+import useComponentConfig from "../../use/useComponentConfig.js";
+import { propSizeToCssVars, toCssVarsStyle } from "../../util/cssVars.js";
+import { FORM_ITEM_KEY, FORM_ITEM_LEGACY_KEY } from "./context.js";
+import { FORM_KEY } from "../form/context.js";
+import { cloneValue, filterRulesByTrigger, getPropByPath, isRequiredFromRules, mergeFieldRules, setPropByPath, toCssWidth } from "../form/_use/formRules.js";
+import { FORM_ITEM_FALLBACK } from "./config.js";
+import { Transition, computed, createVNode, defineComponent, inject, nextTick, onMounted, onUnmounted, provide, reactive, ref, toRefs } from "vue";
+import AsyncValidator from "async-validator";
+//#region components/formItem/FormItem.tsx
+var FormItem_default = /* @__PURE__ */ defineComponent({
+	name: "FormItem",
+	props: {
+		label: {
+			type: String,
+			default: void 0
+		},
+		prop: {
+			type: String,
+			default: void 0
+		},
+		labelWidth: {
+			type: [String, Number],
+			default: void 0
+		},
+		required: {
+			type: Boolean,
+			default: void 0
+		},
+		rules: {
+			type: [Object, Array],
+			default: void 0
+		},
+		error: {
+			type: String,
+			default: void 0
+		},
+		validateStatus: {
+			type: String,
+			default: void 0
+		},
+		showMessage: {
+			type: Boolean,
+			default: void 0
+		},
+		disabled: {
+			type: Boolean,
+			default: void 0
+		},
+		position: {
+			type: String,
+			default: void 0
+		},
+		/** 行高基准 → `--w-prop-form-item-size` */
+		size: {
+			type: Number,
+			default: void 0
+		},
+		/** 实例 CSS 变量 */
+		cssVars: {
+			type: Object,
+			default: void 0
+		}
+	},
+	emits: { validate: (_payload) => true },
+	slots: Object,
+	setup(props, { slots, emit, expose }) {
+		const cfg = useComponentConfig("FormItem", props, FORM_ITEM_FALLBACK);
+		const form = inject(FORM_KEY, void 0) ?? inject("formData", void 0);
+		const message = ref("");
+		const validateState = ref("");
+		const initialValue = ref();
+		const rootEl = ref(null);
+		const displayState = computed(() => {
+			if (props.validateStatus) return props.validateStatus;
+			if (props.error) return "error";
+			return validateState.value;
+		});
+		const errorMsg = computed(() => props.error || message.value);
+		const labelWidthCss = computed(() => toCssWidth(cfg.value.labelWidth ?? form?.labelWidth));
+		const labelStyle = computed(() => {
+			const ret = {};
+			if (form?.labelPosition === "top") return ret;
+			if (slots.label || props.label) {
+				if (labelWidthCss.value) ret.width = labelWidthCss.value;
+			} else ret.width = "0px";
+			return ret;
+		});
+		const labelAlignClass = computed(() => {
+			const pos = cfg.value.position || "center";
+			if (pos === "top") return "w-form-item-label-pos-top";
+			if (pos === "bottom") return "w-form-item-label-pos-bottom";
+			return "w-form-item-label-pos-center";
+		});
+		const labelPositionClass = computed(() => {
+			const p = form?.labelPosition || "right";
+			if (p === "left") return "w-form-item-label-left";
+			if (p === "top") return "w-form-item-label-top";
+			return "w-form-item-label-default";
+		});
+		const isTopLabel = computed(() => form?.labelPosition === "top");
+		function getRules() {
+			return mergeFieldRules({
+				formRules: form?.rules,
+				prop: props.prop,
+				itemRules: props.rules,
+				required: cfg.value.required
+			});
+		}
+		const required = computed(() => isRequiredFromRules(getRules(), cfg.value.required));
+		const fieldValue = computed(() => {
+			if (!form?.model || !props.prop) return void 0;
+			return getPropByPath(form.model, props.prop);
+		});
+		const validate = (trigger = "", callback) => {
+			return new Promise((resolve) => {
+				const finish = (isValid, msg = "", invalidFields) => {
+					if (!isValid) {
+						validateState.value = "error";
+						message.value = props.error || msg;
+					} else {
+						validateState.value = "success";
+						message.value = "";
+					}
+					callback?.(isValid ? void 0 : message.value, invalidFields);
+					emit("validate", {
+						prop: props.prop,
+						isValid,
+						message: isValid ? null : message.value
+					});
+					form?.emitValidate?.(props.prop || "", isValid, isValid ? null : message.value);
+					resolve(isValid);
+				};
+				if (!props.prop) {
+					finish(true);
+					return;
+				}
+				const rules = filterRulesByTrigger(getRules(), trigger);
+				if (!rules.length) {
+					finish(true);
+					return;
+				}
+				validateState.value = "validating";
+				const descriptor = { [props.prop]: rules };
+				const validator = new AsyncValidator(descriptor);
+				const model = { [props.prop]: fieldValue.value };
+				validator.validate(model, { firstFields: true }, (errors, fields) => {
+					if (errors?.length) finish(false, errors[0].message || `${props.prop} is required`, fields);
+					else finish(true, "", fields);
+				});
+			});
+		};
+		const clearValidate = () => {
+			validateState.value = "";
+			message.value = "";
+		};
+		const resetField = () => {
+			if (form?.model && props.prop) setPropByPath(form.model, props.prop, cloneValue(initialValue.value));
+			nextTick(() => clearValidate());
+		};
+		const formItemContext = reactive({
+			...toRefs(props),
+			disabled: computed(() => !!(props.disabled || form?.disabled)),
+			validateState,
+			validate,
+			clearValidate,
+			resetField,
+			get $el() {
+				return rootEl.value;
+			}
+		});
+		provide(FORM_ITEM_KEY, formItemContext);
+		provide(FORM_ITEM_LEGACY_KEY, formItemContext);
+		onMounted(() => {
+			if (props.prop) {
+				initialValue.value = cloneValue(fieldValue.value);
+				form?.addField(formItemContext);
+			}
+		});
+		onUnmounted(() => {
+			form?.removeField(formItemContext);
+		});
+		expose({
+			validate,
+			clearValidate,
+			resetField
+		});
+		return () => {
+			const msg = errorMsg.value;
+			const showError = displayState.value === "error" && cfg.value.showMessage && !!msg;
+			return createVNode("div", {
+				"ref": rootEl,
+				"class": [
+					"w-form-item",
+					isTopLabel.value ? "w-form-item-top" : "",
+					displayState.value === "error" ? "is-error" : "",
+					displayState.value === "success" ? "is-success" : "",
+					displayState.value === "validating" ? "is-validating" : ""
+				],
+				"style": toCssVarsStyle({
+					...propSizeToCssVars("form-item", cfg.value.size),
+					...props.cssVars
+				})
+			}, [(slots.label || props.label) && createVNode("div", {
+				"style": labelStyle.value,
+				"class": [
+					"w-form-item-label",
+					labelPositionClass.value,
+					isTopLabel.value ? "" : labelAlignClass.value,
+					required.value ? "w-form-item-label-required" : ""
+				]
+			}, [createVNode("label", null, [slots.label?.() || props.label])]), createVNode("div", { "class": "w-form-item-content" }, [createVNode("div", { "class": ["w-form-item-wrapper", displayState.value === "error" && form?.errorBorder ? "w-form-item-wrapper-error" : ""] }, [slots.default?.()]), createVNode(Transition, { "name": "w-form-error" }, { default: () => [showError ? createVNode("div", { "class": ["w-form-item-error", form?.errorPosition === "right" ? "w-form-item-error-right" : "w-form-item-error-bottom"] }, [slots.error?.(msg) || slots.message?.(msg) || msg]) : null] })])]);
+		};
+	}
+});
+//#endregion
+export { FormItem_default as default };
+
+//# sourceMappingURL=FormItem.js.map

package/dist/components/formItem/FormItem.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"FormItem.js","names":["computed","defineComponent","inject","nextTick","onMounted","onUnmounted","provide","reactive","ref","toRefs","Transition","createVNode","_createVNode","AsyncValidator","useComponentConfig","FORM_DATA_LEGACY_KEY","FORM_KEY","filterRulesByTrigger","getPropByPath","isRequiredFromRules","mergeFieldRules","setPropByPath","cloneValue","toCssWidth","FORM_ITEM_FALLBACK","FORM_ITEM_KEY","FORM_ITEM_LEGACY_KEY","propSizeToCssVars","toCssVarsStyle","name","props","label","type","String","default","undefined","prop","labelWidth","Number","required","Boolean","rules","Object","Array","error","validateStatus","showMessage","disabled","position","size","cssVars","emits","validate","_payload","slots","setup","emit","expose","cfg","form","message","validateState","initialValue","rootEl","displayState","value","errorMsg","labelWidthCss","labelStyle","ret","labelPosition","width","labelAlignClass","pos","labelPositionClass","p","isTopLabel","getRules","formRules","itemRules","fieldValue","model","trigger","callback","Promise","resolve","finish","isValid","msg","invalidFields","emitValidate","length","descriptor","validator","firstFields","errors","fields","clearValidate","resetField","formItemContext","$el","addField","removeField","showError","errorBorder","errorPosition"],"sources":["../../../components/formItem/FormItem.tsx"],"sourcesContent":["import {\r\n  computed,\r\n  defineComponent,\r\n  inject,\r\n  nextTick,\r\n  onMounted,\r\n  onUnmounted,\r\n  provide,\r\n  reactive,\r\n  ref,\r\n  toRefs,\r\n  Transition,\r\n  type CSSProperties,\r\n  type PropType,\r\n  type SlotsType,\r\n} from 'vue'\r\nimport AsyncValidator from 'async-validator'\r\nimport type { FormRuleItem } from '../../config/types'\r\nimport useComponentConfig from '../../use/useComponentConfig'\r\nimport {\r\n  FORM_DATA_LEGACY_KEY,\r\n  FORM_KEY,\r\n  type FormContext,\r\n} from '../form/context'\r\nimport {\r\n  filterRulesByTrigger,\r\n  getPropByPath,\r\n  isRequiredFromRules,\r\n  mergeFieldRules,\r\n  setPropByPath,\r\n  cloneValue,\r\n  toCssWidth,\r\n} from '../form/_use/formRules'\r\nimport { FORM_ITEM_FALLBACK } from './config'\r\nimport {\r\n  FORM_ITEM_KEY,\r\n  FORM_ITEM_LEGACY_KEY,\r\n  type FormItemExpose,\r\n  type FormItemValidateCallback,\r\n  type FormItemValidateState,\r\n} from './context'\r\nimport { propSizeToCssVars, toCssVarsStyle, type CssVars } from '../../util'\r\n\r\nexport type { FormItemGlobalConfig } from './config'\r\nexport { FORM_ITEM_FALLBACK } from './config'\r\nexport type {\r\n  FormItemContext,\r\n  FormItemExpose,\r\n  FormItemValidateState,\r\n} from './context'\r\nexport { FORM_ITEM_KEY } from './context'\r\n\r\ntype FormItemSlots = {\r\n  label?: () => any\r\n  default?: () => any\r\n  error?: (message: string) => any\r\n  /** @deprecated 使用 error */\r\n  message?: (message: string) => any\r\n}\r\n\r\nexport default defineComponent({\r\n  name: 'FormItem',\r\n  props: {\r\n    label: { type: String, default: undefined },\r\n    prop: { type: String, default: undefined },\r\n    labelWidth: {\r\n      type: [String, Number] as PropType<string | number>,\r\n      default: undefined,\r\n    },\r\n    required: { type: Boolean, default: undefined },\r\n    rules: {\r\n      type: [Object, Array] as PropType<FormRuleItem | FormRuleItem[]>,\r\n      default: undefined,\r\n    },\r\n    error: { type: String, default: undefined },\r\n    validateStatus: {\r\n      type: String as PropType<FormItemValidateState>,\r\n      default: undefined,\r\n    },\r\n    showMessage: { type: Boolean, default: undefined },\r\n    disabled: { type: Boolean, default: undefined },\r\n    position: {\r\n      type: String as PropType<'top' | 'bottom' | 'center'>,\r\n      default: undefined,\r\n    },\r\n    /** 行高基准 → `--w-prop-form-item-size` */\r\n    size: { type: Number, default: undefined },\r\n    /** 实例 CSS 变量 */\r\n    cssVars: { type: Object as PropType<CssVars>, default: undefined },\r\n  },\r\n  emits: {\r\n    validate: (_payload: {\r\n      prop?: string\r\n      isValid: boolean\r\n      message: string | null\r\n    }) => true,\r\n  },\r\n  slots: Object as SlotsType<FormItemSlots>,\r\n  setup(props, { slots, emit, expose }) {\r\n    const cfg = useComponentConfig('FormItem', props, FORM_ITEM_FALLBACK)\r\n    const form =\r\n      inject(FORM_KEY, undefined) ??\r\n      (inject(FORM_DATA_LEGACY_KEY, undefined) as FormContext | undefined)\r\n\r\n    const message = ref('')\r\n    const validateState = ref<FormItemValidateState>('')\r\n    const initialValue = ref<any>()\r\n    const rootEl = ref<HTMLElement | null>(null)\r\n\r\n    const displayState = computed(() => {\r\n      if (props.validateStatus) return props.validateStatus\r\n      if (props.error) return 'error'\r\n      return validateState.value\r\n    })\r\n\r\n    const errorMsg = computed(() => props.error || message.value)\r\n\r\n    const labelWidthCss = computed(() =>\r\n      toCssWidth(cfg.value.labelWidth ?? form?.labelWidth),\r\n    )\r\n\r\n    const labelStyle = computed(() => {\r\n      const ret: CSSProperties = {}\r\n      if (form?.labelPosition === 'top') return ret\r\n      if (slots.label || props.label) {\r\n        if (labelWidthCss.value) ret.width = labelWidthCss.value\r\n      } else {\r\n        ret.width = '0px'\r\n      }\r\n      return ret\r\n    })\r\n\r\n    const labelAlignClass = computed(() => {\r\n      const pos = cfg.value.position || 'center'\r\n      if (pos === 'top') return 'w-form-item-label-pos-top'\r\n      if (pos === 'bottom') return 'w-form-item-label-pos-bottom'\r\n      return 'w-form-item-label-pos-center'\r\n    })\r\n\r\n    const labelPositionClass = computed(() => {\r\n      const p = form?.labelPosition || 'right'\r\n      if (p === 'left') return 'w-form-item-label-left'\r\n      if (p === 'top') return 'w-form-item-label-top'\r\n      return 'w-form-item-label-default'\r\n    })\r\n\r\n    const isTopLabel = computed(() => form?.labelPosition === 'top')\r\n\r\n    function getRules(): FormRuleItem[] {\r\n      return mergeFieldRules({\r\n        formRules: form?.rules,\r\n        prop: props.prop,\r\n        itemRules: props.rules,\r\n        required: cfg.value.required,\r\n      })\r\n    }\r\n\r\n    const required = computed(() =>\r\n      isRequiredFromRules(getRules(), cfg.value.required),\r\n    )\r\n\r\n    const fieldValue = computed(() => {\r\n      if (!form?.model || !props.prop) return undefined\r\n      return getPropByPath(form.model, props.prop)\r\n    })\r\n\r\n    const validate = (\r\n      trigger = '',\r\n      callback?: FormItemValidateCallback,\r\n    ): Promise<boolean> => {\r\n      return new Promise((resolve) => {\r\n        const finish = (\r\n          isValid: boolean,\r\n          msg = '',\r\n          invalidFields?: Record<string, any>,\r\n        ) => {\r\n          if (!isValid) {\r\n            validateState.value = 'error'\r\n            message.value = props.error || msg\r\n          } else {\r\n            validateState.value = 'success'\r\n            message.value = ''\r\n          }\r\n          callback?.(isValid ? undefined : message.value, invalidFields)\r\n          emit('validate', {\r\n            prop: props.prop,\r\n            isValid,\r\n            message: isValid ? null : message.value,\r\n          })\r\n          form?.emitValidate?.(\r\n            props.prop || '',\r\n            isValid,\r\n            isValid ? null : message.value,\r\n          )\r\n          resolve(isValid)\r\n        }\r\n\r\n        if (!props.prop) {\r\n          finish(true)\r\n          return\r\n        }\r\n\r\n        const rules = filterRulesByTrigger(getRules(), trigger)\r\n        if (!rules.length) {\r\n          finish(true)\r\n          return\r\n        }\r\n\r\n        validateState.value = 'validating'\r\n        const descriptor: Record<string, FormRuleItem[]> = {\r\n          [props.prop]: rules,\r\n        }\r\n        const validator = new AsyncValidator(descriptor)\r\n        const model = { [props.prop]: fieldValue.value }\r\n\r\n        validator.validate(model, { firstFields: true }, (errors, fields) => {\r\n          if (errors?.length) {\r\n            finish(\r\n              false,\r\n              errors[0].message || `${props.prop} is required`,\r\n              fields as any,\r\n            )\r\n          } else {\r\n            finish(true, '', fields as any)\r\n          }\r\n        })\r\n      })\r\n    }\r\n\r\n    const clearValidate = () => {\r\n      validateState.value = ''\r\n      message.value = ''\r\n    }\r\n\r\n    const resetField = () => {\r\n      if (form?.model && props.prop) {\r\n        setPropByPath(form.model, props.prop, cloneValue(initialValue.value))\r\n      }\r\n      nextTick(() => clearValidate())\r\n    }\r\n\r\n    const formItemContext = reactive({\r\n      ...toRefs(props),\r\n      disabled: computed(() => !!(props.disabled || form?.disabled)),\r\n      validateState,\r\n      validate,\r\n      clearValidate,\r\n      resetField,\r\n      get $el() {\r\n        return rootEl.value\r\n      },\r\n    })\r\n\r\n    provide(FORM_ITEM_KEY, formItemContext)\r\n    provide(FORM_ITEM_LEGACY_KEY, formItemContext)\r\n\r\n    onMounted(() => {\r\n      if (props.prop) {\r\n        initialValue.value = cloneValue(fieldValue.value)\r\n        form?.addField(formItemContext as any)\r\n      }\r\n    })\r\n    onUnmounted(() => {\r\n      form?.removeField(formItemContext as any)\r\n    })\r\n\r\n    expose({\r\n      validate,\r\n      clearValidate,\r\n      resetField,\r\n    } satisfies FormItemExpose)\r\n\r\n    return () => {\r\n      const msg = errorMsg.value\r\n      const showError =\r\n        displayState.value === 'error' && cfg.value.showMessage && !!msg\r\n\r\n      return (\r\n        <div\r\n          ref={rootEl}\r\n          class={[\r\n            'w-form-item',\r\n            isTopLabel.value ? 'w-form-item-top' : '',\r\n            displayState.value === 'error' ? 'is-error' : '',\r\n            displayState.value === 'success' ? 'is-success' : '',\r\n            displayState.value === 'validating' ? 'is-validating' : '',\r\n          ]}\r\n          style={toCssVarsStyle({\r\n            ...propSizeToCssVars('form-item', cfg.value.size),\r\n            ...props.cssVars,\r\n          })}>\r\n          {(slots.label || props.label) && (\r\n            <div\r\n              style={labelStyle.value}\r\n              class={[\r\n                'w-form-item-label',\r\n                labelPositionClass.value,\r\n                isTopLabel.value ? '' : labelAlignClass.value,\r\n                required.value ? 'w-form-item-label-required' : '',\r\n              ]}>\r\n              <label>{slots.label?.() || props.label}</label>\r\n            </div>\r\n          )}\r\n          <div class=\"w-form-item-content\">\r\n            <div\r\n              class={[\r\n                'w-form-item-wrapper',\r\n                displayState.value === 'error' && form?.errorBorder\r\n                  ? 'w-form-item-wrapper-error'\r\n                  : '',\r\n              ]}>\r\n              {slots.default?.()}\r\n            </div>\r\n            <Transition name=\"w-form-error\">\r\n              {showError ? (\r\n                <div\r\n                  class={[\r\n                    'w-form-item-error',\r\n                    form?.errorPosition === 'right'\r\n                      ? 'w-form-item-error-right'\r\n                      : 'w-form-item-error-bottom',\r\n                  ]}>\r\n                  {slots.error?.(msg) || slots.message?.(msg) || msg}\r\n                </div>\r\n              ) : null}\r\n            </Transition>\r\n          </div>\r\n        </div>\r\n      )\r\n    }\r\n  },\r\n})\r\n"],"mappings":"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"}

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

@@ -0,0 +1,21 @@
+import { FormItemRules } from './context';
+/**
+ * 可通过 `app.use(UI, { components: { FormItem: {...} } })` 配置的项。
+ * 不宜全局配置：prop、rules、label（实例字段）。
+ */
+export type FormItemGlobalConfig = Partial<{
+    labelWidth: string | number;
+    showMessage: boolean;
+    required: boolean;
+    position: 'top' | 'bottom' | 'center';
+    /** 行高基准 → `--w-prop-form-item-size`（label min-height 等） */
+    size: number;
+}>;
+export declare const FORM_ITEM_FALLBACK: {
+    labelWidth: string | number | undefined;
+    showMessage: boolean;
+    required: boolean | undefined;
+    position: "top" | "bottom" | "center";
+    size: number | undefined;
+};
+export type { FormItemRules };

package/dist/components/formItem/config.js

@@ -0,0 +1,12 @@
+//#region components/formItem/config.ts
+var FORM_ITEM_FALLBACK = {
+	labelWidth: void 0,
+	showMessage: true,
+	required: void 0,
+	position: "center",
+	size: void 0
+};
+//#endregion
+export { FORM_ITEM_FALLBACK };
+
+//# sourceMappingURL=config.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"config.js","names":[],"sources":["../../../components/formItem/config.ts"],"sourcesContent":["import type { FormItemRules } from './context'\r\n\r\n/**\r\n * 可通过 `app.use(UI, { components: { FormItem: {...} } })` 配置的项。\r\n * 不宜全局配置：prop、rules、label（实例字段）。\r\n */\r\nexport type FormItemGlobalConfig = Partial<{\r\n  labelWidth: string | number\r\n  showMessage: boolean\r\n  required: boolean\r\n  position: 'top' | 'bottom' | 'center'\r\n  /** 行高基准 → `--w-prop-form-item-size`（label min-height 等） */\r\n  size: number\r\n}>\r\n\r\nexport const FORM_ITEM_FALLBACK = {\r\n  labelWidth: undefined as string | number | undefined,\r\n  showMessage: true,\r\n  required: undefined as boolean | undefined,\r\n  position: 'center' as 'top' | 'bottom' | 'center',\r\n  size: undefined as number | undefined,\r\n}\r\n\r\nexport type { FormItemRules }\r\n"],"mappings":";AAeA,IAAa,qBAAqB;CAChC,YAAY,KAAA;CACZ,aAAa;CACb,UAAU,KAAA;CACV,UAAU;CACV,MAAM,KAAA;AACR"}

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

@@ -0,0 +1,22 @@
+import { ComputedRef, Ref } from 'vue';
+import { FormRuleItem } from '../../config/types';
+export type FormItemValidateState = '' | 'validating' | 'success' | 'error';
+export declare const FORM_ITEM_KEY: unique symbol;
+/** @deprecated 兼容旧 inject('formItem') */
+export declare const FORM_ITEM_LEGACY_KEY = "formItem";
+export type FormItemValidateCallback = (message?: string, invalidFields?: Record<string, any>) => void;
+export interface FormItemContext {
+    prop?: string;
+    disabled?: boolean | ComputedRef<boolean> | Ref<boolean>;
+    validateState: Ref<FormItemValidateState> | FormItemValidateState;
+    validate: (trigger: string, callback?: FormItemValidateCallback) => Promise<boolean>;
+    clearValidate: () => void;
+    resetField: () => void;
+    $el?: HTMLElement | null;
+}
+export interface FormItemExpose {
+    validate: (trigger?: string, callback?: FormItemValidateCallback) => Promise<boolean>;
+    clearValidate: () => void;
+    resetField: () => void;
+}
+export type FormItemRules = FormRuleItem | FormRuleItem[];

package/dist/components/formItem/context.js

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"context.js","names":[],"sources":["../../../components/formItem/context.ts"],"sourcesContent":["import type { ComputedRef, Ref } from 'vue'\r\nimport type { FormRuleItem } from '../../config/types'\r\n\r\nexport type FormItemValidateState = '' | 'validating' | 'success' | 'error'\r\n\r\nexport const FORM_ITEM_KEY = Symbol('w-form-item')\r\n/** @deprecated 兼容旧 inject('formItem') */\r\nexport const FORM_ITEM_LEGACY_KEY = 'formItem'\r\n\r\nexport type FormItemValidateCallback = (\r\n  message?: string,\r\n  invalidFields?: Record<string, any>,\r\n) => void\r\n\r\nexport interface FormItemContext {\r\n  prop?: string\r\n  disabled?: boolean | ComputedRef<boolean> | Ref<boolean>\r\n  validateState: Ref<FormItemValidateState> | FormItemValidateState\r\n  validate: (\r\n    trigger: string,\r\n    callback?: FormItemValidateCallback,\r\n  ) => Promise<boolean>\r\n  clearValidate: () => void\r\n  resetField: () => void\r\n  $el?: HTMLElement | null\r\n}\r\n\r\nexport interface FormItemExpose {\r\n  validate: (\r\n    trigger?: string,\r\n    callback?: FormItemValidateCallback,\r\n  ) => Promise<boolean>\r\n  clearValidate: () => void\r\n  resetField: () => void\r\n}\r\n\r\nexport type FormItemRules = FormRuleItem | FormRuleItem[]\r\n"],"mappings":";AAKA,IAAa,gBAAgB,OAAO,aAAa;;AAEjD,IAAa,uBAAuB"}

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

@@ -0,0 +1,3 @@
+export { default } from './FormItem';
+export type { FormItemGlobalConfig, FormItemContext, FormItemExpose, FormItemValidateState, } from './FormItem';
+export { FORM_ITEM_FALLBACK, FORM_ITEM_KEY } from './FormItem';

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

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

package/dist/components/icon/Icon.d.ts

@@ -0,0 +1,117 @@
+import { PropType } from 'vue';
+import { IconRotateDirection } from './type';
+export type { IconRotateDirection, IconComponentProps } from './type';
+export type { IconGlobalConfig } from './config';
+export { ICON_FALLBACK } from './config';
+/** name 未带 w-icon- 前缀时自动补全 */
+export declare function resolveIconName(name?: string): string | undefined;
+declare const _default: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+    name: {
+        type: PropType<string>;
+        default: any;
+    };
+    fontClassName: {
+        type: StringConstructor;
+        default: any;
+    };
+    color: {
+        type: StringConstructor;
+        default: any;
+    };
+    hoverColor: {
+        type: StringConstructor;
+        default: any;
+    };
+    size: {
+        type: PropType<string | number>;
+        default: any;
+    };
+    spin: {
+        type: BooleanConstructor;
+        default: any;
+    };
+    /** 静态翻转（箭头展开等）；与 spin 同时开时以 spin 优先 */
+    rotate: {
+        type: BooleanConstructor;
+        default: any;
+    };
+    deg: {
+        type: NumberConstructor;
+        default: any;
+    };
+    direction: {
+        type: PropType<IconRotateDirection>;
+        default: any;
+    };
+    title: {
+        type: StringConstructor;
+        default: any;
+    };
+    ariaLabel: {
+        type: StringConstructor;
+        default: any;
+    };
+}>, () => import("vue/jsx-runtime").JSX.Element, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    click: (e: MouseEvent) => boolean;
+}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+    name: {
+        type: PropType<string>;
+        default: any;
+    };
+    fontClassName: {
+        type: StringConstructor;
+        default: any;
+    };
+    color: {
+        type: StringConstructor;
+        default: any;
+    };
+    hoverColor: {
+        type: StringConstructor;
+        default: any;
+    };
+    size: {
+        type: PropType<string | number>;
+        default: any;
+    };
+    spin: {
+        type: BooleanConstructor;
+        default: any;
+    };
+    /** 静态翻转（箭头展开等）；与 spin 同时开时以 spin 优先 */
+    rotate: {
+        type: BooleanConstructor;
+        default: any;
+    };
+    deg: {
+        type: NumberConstructor;
+        default: any;
+    };
+    direction: {
+        type: PropType<IconRotateDirection>;
+        default: any;
+    };
+    title: {
+        type: StringConstructor;
+        default: any;
+    };
+    ariaLabel: {
+        type: StringConstructor;
+        default: any;
+    };
+}>> & Readonly<{
+    onClick?: (e: MouseEvent) => any;
+}>, {
+    title: string;
+    deg: number;
+    size: string | number;
+    name: string;
+    fontClassName: string;
+    color: string;
+    hoverColor: string;
+    spin: boolean;
+    rotate: boolean;
+    direction: IconRotateDirection;
+    ariaLabel: string;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+export default _default;

package/dist/components/icon/Icon.js

@@ -0,0 +1,116 @@
+import useComponentConfig from "../../use/useComponentConfig.js";
+import { ICON_FALLBACK } from "./config.js";
+import { computed, createVNode, defineComponent, mergeProps } from "vue";
+//#region components/icon/Icon.tsx
+/** name 未带 w-icon- 前缀时自动补全 */
+function resolveIconName(name) {
+	if (!name) return void 0;
+	return name.startsWith("w-icon-") ? name : `w-icon-${name}`;
+}
+function toFontSize(size) {
+	if (size === void 0 || size === "") return void 0;
+	return typeof size === "number" ? `${size}px` : size;
+}
+var Icon_default = /* @__PURE__ */ defineComponent({
+	name: "Icon",
+	inheritAttrs: false,
+	props: {
+		name: {
+			type: String,
+			default: void 0
+		},
+		fontClassName: {
+			type: String,
+			default: void 0
+		},
+		color: {
+			type: String,
+			default: void 0
+		},
+		hoverColor: {
+			type: String,
+			default: void 0
+		},
+		size: {
+			type: [String, Number],
+			default: void 0
+		},
+		spin: {
+			type: Boolean,
+			default: void 0
+		},
+		/** 静态翻转（箭头展开等）；与 spin 同时开时以 spin 优先 */
+		rotate: {
+			type: Boolean,
+			default: void 0
+		},
+		deg: {
+			type: Number,
+			default: void 0
+		},
+		direction: {
+			type: String,
+			default: void 0
+		},
+		title: {
+			type: String,
+			default: void 0
+		},
+		ariaLabel: {
+			type: String,
+			default: void 0
+		}
+	},
+	emits: { click: (e) => e instanceof Event },
+	setup(props, { slots, attrs, emit }) {
+		const cfg = useComponentConfig("Icon", props, ICON_FALLBACK);
+		const iconName = computed(() => resolveIconName(props.name));
+		const isSpin = computed(() => !!cfg.value.spin);
+		const isRotate = computed(() => !!cfg.value.rotate && !isSpin.value);
+		const direction = computed(() => cfg.value.direction || "x");
+		const deg = computed(() => cfg.value.deg ?? 180);
+		const a11y = computed(() => {
+			const label = props.ariaLabel || props.title;
+			if (label) return {
+				title: props.title,
+				"aria-label": label,
+				role: "img"
+			};
+			return {
+				title: void 0,
+				"aria-hidden": "true"
+			};
+		});
+		const iconOptions = computed(() => {
+			const fontSize = toFontSize(cfg.value.size);
+			const style = {
+				...fontSize ? { "font-size": fontSize } : {},
+				"--w-icon-color": cfg.value.color,
+				"--w-icon-hover-color": cfg.value.hoverColor
+			};
+			if (isRotate.value) style["--w-icon-rotate-deg"] = `${deg.value}deg`;
+			return {
+				class: [
+					cfg.value.fontClassName,
+					"w-icon",
+					iconName.value,
+					{
+						"w-icon-spin": isSpin.value,
+						[`w-icon-rotate-${direction.value}`]: isRotate.value
+					}
+				],
+				style,
+				...a11y.value,
+				onClick: (e) => emit("click", e)
+			};
+		});
+		return () => {
+			const merged = mergeProps(iconOptions.value, attrs);
+			return createVNode("i", merged, [slots.default?.()]);
+		};
+	}
+});
+//#endregion
+export { Icon_default as default, resolveIconName };
+
+//# sourceMappingURL=Icon.js.map

package/dist/components/icon/Icon.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Icon.js","names":["computed","defineComponent","mergeProps","createVNode","_createVNode","useComponentConfig","ICON_FALLBACK","resolveIconName","name","undefined","startsWith","toFontSize","size","inheritAttrs","props","type","String","default","fontClassName","color","hoverColor","Number","spin","Boolean","rotate","deg","direction","title","ariaLabel","emits","click","e","Event","setup","slots","attrs","emit","cfg","iconName","isSpin","value","isRotate","a11y","label","role","iconOptions","fontSize","style","class","onClick","merged"],"sources":["../../../components/icon/Icon.tsx"],"sourcesContent":["import type { PropType, StyleValue } from 'vue'\r\nimport { computed, defineComponent, mergeProps } from 'vue'\r\nimport useComponentConfig from '../../use/useComponentConfig'\r\nimport { ICON_FALLBACK } from './config'\r\nimport type { IconRotateDirection } from './type'\r\n\r\nexport type { IconRotateDirection, IconComponentProps } from './type'\r\nexport type { IconGlobalConfig } from './config'\r\nexport { ICON_FALLBACK } from './config'\r\n\r\n/** name 未带 w-icon- 前缀时自动补全 */\r\nexport function resolveIconName(name?: string): string | undefined {\r\n  if (!name) return undefined\r\n  return name.startsWith('w-icon-') ? name : `w-icon-${name}`\r\n}\r\n\r\nfunction toFontSize(size: string | number | undefined): string | undefined {\r\n  if (size === undefined || size === '') return undefined\r\n  return typeof size === 'number' ? `${size}px` : size\r\n}\r\n\r\nexport default defineComponent({\r\n  name: 'Icon',\r\n  inheritAttrs: false,\r\n  props: {\r\n    name: { type: String as PropType<string>, default: undefined },\r\n    fontClassName: { type: String, default: undefined },\r\n    color: { type: String, default: undefined },\r\n    hoverColor: { type: String, default: undefined },\r\n    size: { type: [String, Number] as PropType<string | number>, default: undefined },\r\n    spin: { type: Boolean, default: undefined },\r\n    /** 静态翻转（箭头展开等）；与 spin 同时开时以 spin 优先 */\r\n    rotate: { type: Boolean, default: undefined },\r\n    deg: { type: Number, default: undefined },\r\n    direction: {\r\n      type: String as PropType<IconRotateDirection>,\r\n      default: undefined,\r\n    },\r\n    title: { type: String, default: undefined },\r\n    ariaLabel: { type: String, default: undefined },\r\n  },\r\n  emits: {\r\n    click: (e: MouseEvent) => e instanceof Event,\r\n  },\r\n  setup(props, { slots, attrs, emit }) {\r\n    const cfg = useComponentConfig('Icon', props, ICON_FALLBACK)\r\n\r\n    const iconName = computed(() => resolveIconName(props.name))\r\n\r\n    const isSpin = computed(() => !!cfg.value.spin)\r\n    const isRotate = computed(() => !!cfg.value.rotate && !isSpin.value)\r\n    const direction = computed(\r\n      () => (cfg.value.direction || 'x') as IconRotateDirection,\r\n    )\r\n    const deg = computed(() => cfg.value.deg ?? 180)\r\n\r\n    const a11y = computed(() => {\r\n      const label = props.ariaLabel || props.title\r\n      if (label) {\r\n        return {\r\n          title: props.title,\r\n          'aria-label': label,\r\n          role: 'img' as const,\r\n        }\r\n      }\r\n      return {\r\n        title: undefined as string | undefined,\r\n        'aria-hidden': 'true' as const,\r\n      }\r\n    })\r\n\r\n    const iconOptions = computed(() => {\r\n      const fontSize = toFontSize(cfg.value.size)\r\n      const style: Record<string, string | undefined> = {\r\n        ...(fontSize ? { 'font-size': fontSize } : {}),\r\n        '--w-icon-color': cfg.value.color,\r\n        '--w-icon-hover-color': cfg.value.hoverColor,\r\n      }\r\n      if (isRotate.value) {\r\n        style['--w-icon-rotate-deg'] = `${deg.value}deg`\r\n      }\r\n\r\n      return {\r\n        class: [\r\n          cfg.value.fontClassName,\r\n          'w-icon',\r\n          iconName.value,\r\n          {\r\n            'w-icon-spin': isSpin.value,\r\n            [`w-icon-rotate-${direction.value}`]: isRotate.value,\r\n          },\r\n        ],\r\n        style: style as StyleValue,\r\n        ...a11y.value,\r\n        onClick: (e: MouseEvent) => emit('click', e),\r\n      }\r\n    })\r\n\r\n    return () => {\r\n      const merged = mergeProps(iconOptions.value, attrs)\r\n      return <i {...merged}>{slots.default?.()}</i>\r\n    }\r\n  },\r\n})\r\n"],"mappings":"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"}

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

@@ -0,0 +1,28 @@
+import { IconRotateDirection } from './type';
+/**
+ * 可通过 `app.use(UI, { components: { Icon: {...} } })` 配置的项。
+ * Boolean / 可全局覆盖的字段请在 props 设 `default: undefined`。
+ *
+ * 不宜全局配置：name（实例图标名）。
+ */
+export type IconGlobalConfig = Partial<{
+    fontClassName: string;
+    size: string | number;
+    color: string;
+    hoverColor: string;
+    spin: boolean;
+    rotate: boolean;
+    deg: number;
+    direction: IconRotateDirection;
+}>;
+/** 未传 props、也未配全局时的默认值 */
+export declare const ICON_FALLBACK: {
+    fontClassName: string;
+    size: string | number | undefined;
+    color: string | undefined;
+    hoverColor: string | undefined;
+    spin: boolean;
+    rotate: boolean;
+    deg: number;
+    direction: IconRotateDirection;
+};

package/dist/components/icon/config.js

@@ -0,0 +1,16 @@
+//#region components/icon/config.ts
+/** 未传 props、也未配全局时的默认值 */
+var ICON_FALLBACK = {
+	fontClassName: "iconfont-linkd",
+	size: void 0,
+	color: void 0,
+	hoverColor: void 0,
+	spin: false,
+	rotate: false,
+	deg: 180,
+	direction: "x"
+};
+//#endregion
+export { ICON_FALLBACK };
+
+//# sourceMappingURL=config.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"config.js","names":[],"sources":["../../../components/icon/config.ts"],"sourcesContent":["import type { IconRotateDirection } from './type'\r\n\r\n/**\r\n * 可通过 `app.use(UI, { components: { Icon: {...} } })` 配置的项。\r\n * Boolean / 可全局覆盖的字段请在 props 设 `default: undefined`。\r\n *\r\n * 不宜全局配置：name（实例图标名）。\r\n */\r\nexport type IconGlobalConfig = Partial<{\r\n  fontClassName: string\r\n  size: string | number\r\n  color: string\r\n  hoverColor: string\r\n  spin: boolean\r\n  rotate: boolean\r\n  deg: number\r\n  direction: IconRotateDirection\r\n}>\r\n\r\n/** 未传 props、也未配全局时的默认值 */\r\nexport const ICON_FALLBACK = {\r\n  fontClassName: 'iconfont-linkd',\r\n  size: undefined as string | number | undefined,\r\n  color: undefined as string | undefined,\r\n  hoverColor: undefined as string | undefined,\r\n  spin: false,\r\n  rotate: false,\r\n  deg: 180,\r\n  direction: 'x' as IconRotateDirection,\r\n}\r\n"],"mappings":";;AAoBA,IAAa,gBAAgB;CAC3B,eAAe;CACf,MAAM,KAAA;CACN,OAAO,KAAA;CACP,YAAY,KAAA;CACZ,MAAM;CACN,QAAQ;CACR,KAAK;CACL,WAAW;AACb"}

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

@@ -0,0 +1,4 @@
+export { default, resolveIconName } from './Icon';
+export type { IconRotateDirection, IconComponentProps } from './type';
+export type { IconGlobalConfig } from './config';
+export { ICON_FALLBACK } from './config';

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

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