@will-ui/vue 1.0.0

package/dist/components/write/Write.js

@@ -0,0 +1,228 @@
+import { isValidValue } from "../../util/tools.js";
+import { mergeStyle, propSizeToCssVars, toCssVarsStyle } from "../../util/cssVars.js";
+import useFormItem from "../../use/useFormItem.js";
+import useDelay from "../../use/useDelay.js";
+import Layer_default from "../layer/Layer.js";
+import Close_default from "../close/Close.js";
+import { useUII18n } from "../../use/useUII18n.js";
+import { computed, createTextVNode, createVNode, defineComponent, mergeProps, normalizeClass, onMounted, ref } from "vue";
+//#region components/write/Write.tsx
+var Write_default = /* @__PURE__ */ defineComponent({
+	name: "Write",
+	inheritAttrs: false,
+	components: {
+		Close: Close_default,
+		Layer: Layer_default
+	},
+	emits: {
+		"update:modelValue": null,
+		clear: null,
+		search: null,
+		input: null,
+		change: null
+	},
+	props: {
+		modelValue: { type: [Number, String] },
+		simple: Boolean,
+		placeholder: { type: String },
+		clearable: Boolean,
+		block: Boolean,
+		readonly: Boolean,
+		disabled: Boolean,
+		maxlength: [String, Number],
+		showWordLimit: {
+			type: Boolean,
+			default: true
+		},
+		autoFocus: [Boolean],
+		width: { type: String },
+		minHeight: { type: String },
+		validateEvent: {
+			type: Boolean,
+			default: true
+		},
+		type: {
+			type: String,
+			default: ""
+		},
+		align: {
+			type: String,
+			default: "left"
+		},
+		inputClass: { type: [
+			Object,
+			Array,
+			String
+		] },
+		/** 实例高度（px），写入 `--w-prop-write-size` */
+		size: {
+			type: Number,
+			default: void 0
+		},
+		/** 实例 CSS 变量（如 `--w-prop-write-bg-color`） */
+		cssVars: {
+			type: Object,
+			default: void 0
+		},
+		validate: {
+			type: Object,
+			default: () => ({
+				when: "blur",
+				condition: "",
+				invalidTip: ""
+			})
+		}
+	},
+	setup(props, ctx) {
+		const { t } = useUII18n();
+		const { formItem, useDisabled } = useFormItem();
+		const disabled = useDisabled(computed(() => props.disabled));
+		computed(() => {
+			return formItem?.validateState || "";
+		});
+		const { delay } = useDelay(300);
+		const lastSearchText = ref("");
+		const input = ref();
+		const isZH = ref(false);
+		const showCloseBtn = computed(() => {
+			const v = props.modelValue;
+			return props.clearable && !props.disabled && isValidValue(v) && props.type !== "textarea";
+		});
+		const inputOptions = computed(() => {
+			const { class: klass, ...attrs } = ctx.attrs;
+			return {
+				ref: input,
+				class: [props.type === "textarea" ? ["w-write-textarea "] : ["w-write-input"], `w-write-align-${props.align}`],
+				placeholder: props.placeholder,
+				readonly: props.readonly,
+				disabled: disabled.value,
+				value: props.modelValue,
+				maxlength: props.maxlength,
+				type: props.type,
+				onCompositionstart: (e) => {
+					isZH.value = true;
+				},
+				onInput: (e) => {
+					const val = e.target.value;
+					if (!isZH.value) {
+						ctx.emit("update:modelValue", val, input.value);
+						ctx.emit("input", val, input.value);
+						toSearch(val);
+					}
+				},
+				onCompositionend: (e) => {
+					setTimeout(() => {
+						const val = e.target.value;
+						ctx.emit("update:modelValue", val, input.value);
+						toSearch(val);
+						isZH.value = false;
+					});
+				},
+				onBlur: () => {
+					if (props.validateEvent !== false) formItem?.validate("blur");
+				},
+				onChange: (e) => {
+					if (props.validateEvent !== false) formItem?.validate("change");
+					const val = e.target.value;
+					ctx.emit("change", val, input.value);
+				},
+				...attrs
+			};
+		});
+		const limit = () => {
+			if (props.maxlength) return createVNode("div", { "class": "w-write-input-limit" }, [
+				props.modelValue?.toString().length || 0,
+				createTextVNode("/"),
+				props.maxlength
+			]);
+			else return createVNode("div", { "class": "w-write-input-limit" }, [props.modelValue?.toString().length]);
+		};
+		const outerOptions = computed(() => {
+			return {
+				class: [
+					"w-write",
+					{ "w-write-block": props.block },
+					normalizeClass(ctx.attrs.class)
+				],
+				style: mergeStyle(toCssVarsStyle({
+					...propSizeToCssVars("write", props.size),
+					...props.cssVars
+				}), ctx.attrs.style)
+			};
+		});
+		const layerOptions = computed(() => {
+			return { manual: true };
+		});
+		function focus() {
+			input.value?.focus();
+		}
+		function select() {
+			input.value?.select();
+		}
+		function toSearch(val) {
+			delay(() => {
+				if (val !== lastSearchText.value) {
+					ctx.emit("search", val, input.value);
+					lastSearchText.value = val;
+				}
+			});
+		}
+		ctx.expose({
+			focus,
+			select
+		});
+		onMounted(() => {
+			if (props.autoFocus) focus();
+		});
+		return () => {
+			const inputEl = props.type == "textarea" ? createVNode("textarea", mergeProps(inputOptions.value, { "style": { minHeight: props.minHeight } }), null) : createVNode("input", inputOptions.value, null);
+			const mainInput = createVNode("div", {
+				"style": {
+					width: props.width,
+					height: props.type == "textarea" ? "auto" : "",
+					paddingLeft: props.type == "textarea" ? "0px" : "",
+					paddingRight: props.type == "textarea" ? "0px" : ""
+				},
+				"class": [
+					"w-write-wrapper",
+					normalizeClass(props.inputClass),
+					{
+						"w-write-input-block": props.block,
+						"w-write-input-disabled": disabled.value,
+						"w-write-input-simple": props.simple
+					}
+				]
+			}, [
+				ctx.slots.prepend?.(),
+				inputEl,
+				props.type === "textarea" && props.showWordLimit ? limit() : "",
+				showCloseBtn.value && createVNode(Close_default, {
+					"name": "w-icon-close-fill",
+					"onClick": (e) => {
+						const options = { input: input.value };
+						ctx.emit("update:modelValue", void 0, input.value);
+						ctx.emit("clear", options);
+						e.stopPropagation();
+					}
+				}, null),
+				ctx.slots.default?.({
+					focus,
+					inputElement: input.value
+				})
+			]);
+			createVNode(Layer_default, layerOptions.value, {
+				trigger: () => mainInput,
+				default: () => t("write.invalidInput")
+			});
+			return createVNode("div", outerOptions.value, [
+				ctx.slots.before?.(),
+				mainInput,
+				ctx.slots.after?.()
+			]);
+		};
+	}
+});
+//#endregion
+export { Write_default as default };
+
+//# sourceMappingURL=Write.js.map

package/dist/components/write/Write.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Write.js","names":["defineComponent","ref","computed","normalizeClass","createTextVNode","_createTextVNode","createVNode","_createVNode","mergeProps","_mergeProps","onMounted","isValidValue","mergeStyle","propSizeToCssVars","toCssVarsStyle","Close","Layer","useDelay","useUII18n","useFormItem","name","inheritAttrs","components","emits","clear","search","input","change","props","modelValue","type","Number","String","simple","Boolean","placeholder","clearable","block","readonly","disabled","maxlength","showWordLimit","default","autoFocus","width","minHeight","validateEvent","align","inputClass","Object","Array","size","undefined","cssVars","validate","when","condition","invalidTip","setup","ctx","t","formItem","useDisabled","validateState","delay","lastSearchText","isZH","showCloseBtn","v","inputOptions","class","klass","attrs","value","onCompositionstart","e","onInput","val","target","emit","toSearch","onCompositionend","setTimeout","onBlur","onChange","limit","toString","length","outerOptions","style","layerOptions","manual","focus","select","expose","inputEl","mainInput","height","paddingLeft","paddingRight","slots","prepend","options","stopPropagation","inputElement","inputWithLayer","trigger","before","after"],"sources":["../../../components/write/Write.tsx"],"sourcesContent":["import { defineComponent, ref, computed, normalizeClass } from \"vue\"\r\nimport type { PropType } from \"vue\"\r\nimport { useAttrs, onMounted } from \"vue\"\r\nimport { filterListeners, isValidValue, mergeStyle, propSizeToCssVars, toCssVarsStyle, type CssVars } from \"../../util\"\r\nimport Close from \"../close/index\"\r\nimport Layer from \"../layer/index\"\r\nimport useDelay from \"../../use/useDelay\"\r\nimport { useUII18n } from \"../../use/useUII18n\"\r\nimport useFormItem from \"../../use/useFormItem\"\r\n\r\nexport default defineComponent({\r\n  name: \"Write\",\r\n  inheritAttrs: false,\r\n  components: { Close, Layer },\r\n  emits: {\r\n    \"update:modelValue\": null,\r\n    clear: null,\r\n    search: null,\r\n    input: null,\r\n    change: null,\r\n  },\r\n  props: {\r\n    modelValue: { type: [Number, String] },\r\n    simple: Boolean,\r\n    placeholder: { type: String },\r\n    clearable: Boolean,\r\n    block: Boolean,\r\n    readonly: Boolean,\r\n    disabled: Boolean,\r\n    maxlength: [String, Number],\r\n    showWordLimit: {\r\n      type: Boolean,\r\n      default: true,\r\n    },\r\n    autoFocus: [Boolean],\r\n    width: { type: String },\r\n    minHeight: { type: String },\r\n    validateEvent: {\r\n      type: Boolean,\r\n      default: true,\r\n    },\r\n    type: {\r\n      type: String,\r\n      default: \"\",\r\n    },\r\n    align: {\r\n      type: String as PropType<\"left\" | \"right\" | \"center\">,\r\n      default: \"left\",\r\n    },\r\n    inputClass: { type: [Object, Array, String] },\r\n    /** 实例高度（px），写入 `--w-prop-write-size` */\r\n    size: { type: Number, default: undefined },\r\n    /** 实例 CSS 变量（如 `--w-prop-write-bg-color`） */\r\n    cssVars: { type: Object as PropType<CssVars>, default: undefined },\r\n    //验证，未实现\r\n    validate: {\r\n      type: Object,\r\n      default: () => ({\r\n        when: \"blur\", //验证时机\r\n        condition: \"\",\r\n        invalidTip: \"\",\r\n      }),\r\n    },\r\n  },\r\n  setup(props, ctx) {\r\n    const { t } = useUII18n()\r\n    const { formItem, useDisabled } = useFormItem()\r\n\r\n    const disabled = useDisabled(computed(() => props.disabled))\r\n\r\n    const validateState = computed(() => {\r\n      return formItem?.validateState || \"\"\r\n    })\r\n    const { delay } = useDelay(300)\r\n    const lastSearchText = ref(\"\")\r\n    const input = ref<HTMLInputElement>()\r\n    const isZH = ref(false) //是否在输入中文\r\n    const showCloseBtn = computed(() => {\r\n      const v = props.modelValue\r\n\r\n      return (\r\n        props.clearable &&\r\n        !props.disabled &&\r\n        isValidValue(v) &&\r\n        props.type !== \"textarea\"\r\n      )\r\n    })\r\n    const inputOptions = computed(() => {\r\n      const { class: klass, ...attrs } = ctx.attrs\r\n\r\n      return {\r\n        ref: input,\r\n        class: [\r\n          props.type === \"textarea\" ? [\"w-write-textarea \"] : [\"w-write-input\"],\r\n          `w-write-align-${props.align}`,\r\n        ],\r\n        placeholder: props.placeholder,\r\n        readonly: props.readonly,\r\n        disabled: disabled.value,\r\n        value: props.modelValue,\r\n        maxlength: props.maxlength,\r\n\r\n        type: props.type,\r\n        onCompositionstart: (e: CompositionEvent) => {\r\n          isZH.value = true\r\n        },\r\n        onInput: (e: Event) => {\r\n          const val = (e.target as HTMLInputElement).value\r\n          if (!isZH.value) {\r\n            ctx.emit(\"update:modelValue\", val, input.value)\r\n            ctx.emit(\"input\", val, input.value)\r\n            toSearch(val)\r\n          }\r\n        },\r\n        onCompositionend: (e: CompositionEvent) => {\r\n          setTimeout(() => {\r\n            const val = (e.target as HTMLInputElement).value\r\n            ctx.emit(\"update:modelValue\", val, input.value)\r\n            toSearch(val)\r\n            isZH.value = false\r\n          })\r\n        },\r\n        onBlur: () => {\r\n          if (props.validateEvent !== false) {\r\n            formItem?.validate(\"blur\")\r\n          }\r\n        },\r\n        onChange: (e: Event) => {\r\n          if (props.validateEvent !== false) {\r\n            formItem?.validate(\"change\")\r\n          }\r\n          const val = (e.target as HTMLInputElement).value\r\n          ctx.emit(\"change\", val, input.value)\r\n        },\r\n        ...attrs,\r\n        // ...filterListeners(ctx.attrs)\r\n        // attrs\r\n      }\r\n    })\r\n    const limit = () => {\r\n      if (props.maxlength) {\r\n        return (\r\n          <div class=\"w-write-input-limit\">\r\n            {props.modelValue?.toString().length || 0}/{props.maxlength}\r\n          </div>\r\n        )\r\n      } else {\r\n        return (\r\n          <div class=\"w-write-input-limit\">\r\n            {props.modelValue?.toString().length}\r\n          </div>\r\n        )\r\n      }\r\n    }\r\n    const outerOptions = computed(() => {\r\n      return {\r\n        class: [\r\n          \"w-write\",\r\n          { \"w-write-block\": props.block },\r\n          normalizeClass(ctx.attrs.class),\r\n        ],\r\n        style: mergeStyle(\r\n          toCssVarsStyle({\r\n            ...propSizeToCssVars(\"write\", props.size),\r\n            ...props.cssVars,\r\n          }),\r\n          ctx.attrs.style as Record<string, any> | undefined,\r\n        ),\r\n      }\r\n    })\r\n    const layerOptions = computed(() => {\r\n      return {\r\n        manual: true,\r\n      }\r\n    })\r\n    function focus() {\r\n      input.value?.focus()\r\n    }\r\n    function select() {\r\n      input.value?.select()\r\n    }\r\n    function toSearch(val: string) {\r\n      delay(() => {\r\n        if (val !== lastSearchText.value) {\r\n          ctx.emit(\"search\", val, input.value)\r\n          lastSearchText.value = val\r\n        }\r\n      })\r\n    }\r\n    ctx.expose({\r\n      focus,\r\n      select,\r\n    })\r\n\r\n    onMounted(() => {\r\n      if (props.autoFocus) {\r\n        focus()\r\n      }\r\n    })\r\n    return () => {\r\n      const inputEl =\r\n        props.type == \"textarea\" ? (\r\n          <textarea\r\n            {...inputOptions.value}\r\n            style={{ minHeight: props.minHeight }}\r\n          />\r\n        ) : (\r\n          <input {...inputOptions.value} />\r\n        )\r\n      const mainInput = (\r\n        <div\r\n          style={{\r\n            width: props.width,\r\n            height: props.type == \"textarea\" ? \"auto\" : \"\",\r\n            paddingLeft: props.type == \"textarea\" ? \"0px\" : \"\",\r\n            paddingRight: props.type == \"textarea\" ? \"0px\" : \"\",\r\n          }}\r\n          class={[\r\n            \"w-write-wrapper\",\r\n            normalizeClass(props.inputClass),\r\n            {\r\n              \"w-write-input-block\": props.block,\r\n              \"w-write-input-disabled\": disabled.value,\r\n              \"w-write-input-simple\": props.simple,\r\n            },\r\n          ]}>\r\n          {ctx.slots.prepend?.()}\r\n          {inputEl}\r\n          {props.type === \"textarea\" && props.showWordLimit ? limit() : \"\"}\r\n          {showCloseBtn.value && (\r\n            <Close\r\n              name=\"w-icon-close-fill\"\r\n              onClick={(e: MouseEvent) => {\r\n                const options = { input: input.value }\r\n                ctx.emit(\"update:modelValue\", undefined, input.value)\r\n                ctx.emit(\"clear\", options)\r\n                e.stopPropagation()\r\n              }}\r\n            />\r\n          )}\r\n          {ctx.slots.default?.({\r\n            focus,\r\n            inputElement: input.value,\r\n          })}\r\n        </div>\r\n      )\r\n      const inputWithLayer = (\r\n        <Layer\r\n          {...layerOptions.value}\r\n          v-slots={{\r\n            trigger: () => mainInput,\r\n            default: () => t(\"write.invalidInput\"),\r\n          }}\r\n        />\r\n      )\r\n\r\n      return (\r\n        <div {...outerOptions.value}>\r\n          {ctx.slots.before?.()}\r\n          {mainInput}\r\n\r\n          {ctx.slots.after?.()}\r\n        </div>\r\n      )\r\n    }\r\n  },\r\n})\r\n"],"mappings":"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"}

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

@@ -0,0 +1 @@
+export { default } from './Write';

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

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

package/dist/config/dictionary.d.ts

@@ -0,0 +1,21 @@
+export declare enum EnumPlacement {
+    "left" = "left",
+    "left-start" = "left-start",
+    "left-end" = "left-end",
+    "right" = "right",
+    "right-start" = "right-start",
+    "right-end" = "right-end",
+    "top" = "top",
+    "top-start" = "top-start",
+    "top-end" = "top-end",
+    "bottom" = "bottom",
+    "bottom-start" = "bottom-start",
+    "bottom-end" = "bottom-end",
+    "center" = "center",
+    "client-center" = "client-center"
+}
+export declare enum EnumBtnType {
+    "default" = "default",
+    "primary" = "primary",
+    "danger" = "danger"
+}

package/dist/config/dictionary.js

@@ -0,0 +1,28 @@
+//#region config/dictionary.ts
+var EnumPlacement = /* @__PURE__ */ function(EnumPlacement) {
+	EnumPlacement["left"] = "left";
+	EnumPlacement["left-start"] = "left-start";
+	EnumPlacement["left-end"] = "left-end";
+	EnumPlacement["right"] = "right";
+	EnumPlacement["right-start"] = "right-start";
+	EnumPlacement["right-end"] = "right-end";
+	EnumPlacement["top"] = "top";
+	EnumPlacement["top-start"] = "top-start";
+	EnumPlacement["top-end"] = "top-end";
+	EnumPlacement["bottom"] = "bottom";
+	EnumPlacement["bottom-start"] = "bottom-start";
+	EnumPlacement["bottom-end"] = "bottom-end";
+	EnumPlacement["center"] = "center";
+	EnumPlacement["client-center"] = "client-center";
+	return EnumPlacement;
+}({});
+var EnumBtnType = /* @__PURE__ */ function(EnumBtnType) {
+	EnumBtnType["default"] = "default";
+	EnumBtnType["primary"] = "primary";
+	EnumBtnType["danger"] = "danger";
+	return EnumBtnType;
+}({});
+//#endregion
+export { EnumBtnType, EnumPlacement };
+
+//# sourceMappingURL=dictionary.js.map

package/dist/config/dictionary.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"dictionary.js","names":[],"sources":["../../config/dictionary.ts"],"sourcesContent":["export enum EnumPlacement {\r\n  \"left\" = \"left\",\r\n  \"left-start\" = \"left-start\",\r\n  \"left-end\" = \"left-end\",\r\n  \"right\" = \"right\",\r\n  \"right-start\" = \"right-start\",\r\n  \"right-end\" = \"right-end\",\r\n  \"top\" = \"top\",\r\n  \"top-start\" = \"top-start\",\r\n  \"top-end\" = \"top-end\",\r\n  \"bottom\" = \"bottom\",\r\n  \"bottom-start\" = \"bottom-start\",\r\n  \"bottom-end\" = \"bottom-end\",\r\n  \"center\" = \"center\",\r\n  \"client-center\" = \"client-center\",\r\n}\r\n\r\nexport enum EnumBtnType {\r\n  \"default\" = \"default\",\r\n  \"primary\" = \"primary\",\r\n  \"danger\" = \"danger\",\r\n}\r\n"],"mappings":";AAAA,IAAY,gBAAL,yBAAA,eAAA;CACL,cAAA,UAAA;CACA,cAAA,gBAAA;CACA,cAAA,cAAA;CACA,cAAA,WAAA;CACA,cAAA,iBAAA;CACA,cAAA,eAAA;CACA,cAAA,SAAA;CACA,cAAA,eAAA;CACA,cAAA,aAAA;CACA,cAAA,YAAA;CACA,cAAA,kBAAA;CACA,cAAA,gBAAA;CACA,cAAA,YAAA;CACA,cAAA,mBAAA;;AACF,EAAA,CAAA,CAAA;AAEA,IAAY,cAAL,yBAAA,aAAA;CACL,YAAA,aAAA;CACA,YAAA,aAAA;CACA,YAAA,YAAA;;AACF,EAAA,CAAA,CAAA"}

package/dist/config/i18n.d.ts

@@ -0,0 +1,22 @@
+import { Ref } from 'vue';
+declare const uiI18n: import('vue-i18n').I18n<{
+    "zh-CN": {};
+    "en-US": {};
+    "de-DE": {};
+}, {}, {}, string, false>;
+declare const currentLocale: Ref<"zh-CN" | "en-US" | "de-DE", "zh-CN" | "en-US" | "de-DE">;
+declare const supportedLocales: Ref<{
+    value: "zh-CN" | "en-US" | "de-DE";
+    label: string;
+    flag: string;
+}[]>;
+declare const currentLocaleInfo: import('vue').ComputedRef<{
+    value: "zh-CN" | "en-US" | "de-DE";
+    label: string;
+    flag: string;
+}>;
+declare function switchUILocale(locale: "zh-CN" | "en-US" | "de-DE"): void;
+declare function getLocaleLabel(locale: "zh-CN" | "en-US" | "de-DE"): string;
+declare function getLocaleFlag(locale: "zh-CN" | "en-US" | "de-DE"): string;
+export { uiI18n };
+export { currentLocale, supportedLocales, currentLocaleInfo, switchUILocale, getLocaleLabel, getLocaleFlag, };

package/dist/config/i18n.js

@@ -0,0 +1,53 @@
+import zh_CN_default from "../locales/zh-CN/index.js";
+import en_US_default from "../locales/en-US/index.js";
+import de_DE_default from "../locales/de-DE/index.js";
+import { computed, ref, watch } from "vue";
+import { createI18n } from "vue-i18n";
+//#region config/i18n.ts
+if (!zh_CN_default || !en_US_default || !de_DE_default) console.error("[UII18n] Language packs not loaded properly:", {
+	zhCN: zh_CN_default,
+	enUS: en_US_default,
+	deDE: de_DE_default
+});
+var uiI18n = createI18n({
+	legacy: false,
+	locale: "zh-CN",
+	fallbackLocale: "zh-CN",
+	messages: {
+		"zh-CN": zh_CN_default || {},
+		"en-US": en_US_default || {},
+		"de-DE": de_DE_default || {}
+	}
+});
+if (!uiI18n || !uiI18n.global || !uiI18n.global.t) console.error("[UII18n] Failed to create i18n instance properly");
+var currentLocale = ref("zh-CN");
+watch(() => uiI18n.global.locale.value, (newLocale) => {
+	currentLocale.value = newLocale;
+});
+var supportedLocales = ref([
+	{
+		value: "zh-CN",
+		label: "中文",
+		flag: "🇨🇳"
+	},
+	{
+		value: "en-US",
+		label: "English",
+		flag: "🇺🇸"
+	},
+	{
+		value: "de-DE",
+		label: "Deutsch",
+		flag: "🇩🇪"
+	}
+]);
+computed(() => {
+	return supportedLocales.value.find((locale) => locale.value === currentLocale.value);
+});
+function switchUILocale(locale) {
+	if (locale !== currentLocale.value) uiI18n.global.locale.value = locale;
+}
+//#endregion
+export { currentLocale, supportedLocales, switchUILocale, uiI18n };
+
+//# sourceMappingURL=i18n.js.map

package/dist/config/i18n.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"i18n.js","names":[],"sources":["../../config/i18n.ts"],"sourcesContent":["import { ref, computed, watch, type Ref } from \"vue\"\r\nimport { createI18n } from \"vue-i18n\"\r\nimport { zhCN, enUS, deDE } from \"../locales\"\r\n\r\n// 安全检查：确保语言包正确加载\r\nif (!zhCN || !enUS || !deDE) {\r\n  console.error(\"[UII18n] Language packs not loaded properly:\", {\r\n    zhCN,\r\n    enUS,\r\n    deDE,\r\n  })\r\n}\r\n\r\n// UI 专用 i18n 实例\r\nconst uiI18n = createI18n({\r\n  legacy: false,\r\n  locale: \"zh-CN\",\r\n  fallbackLocale: \"zh-CN\",\r\n  messages: {\r\n    \"zh-CN\": zhCN || {},\r\n    \"en-US\": enUS || {},\r\n    \"de-DE\": deDE || {},\r\n  },\r\n})\r\n\r\n// 验证 i18n 实例是否正确创建\r\nif (!uiI18n || !uiI18n.global || !uiI18n.global.t) {\r\n  console.error(\"[UII18n] Failed to create i18n instance properly\")\r\n}\r\n\r\n// UI国际化状态管理\r\nconst currentLocale = ref<\"zh-CN\" | \"en-US\" | \"de-DE\">(\"zh-CN\")\r\n\r\n// 监听i18n locale变化\r\nwatch(\r\n  () => uiI18n.global.locale.value,\r\n  (newLocale) => {\r\n    currentLocale.value = newLocale as any\r\n  }\r\n)\r\n\r\n// 支持的语言列表\r\nconst supportedLocales: Ref<\r\n  { value: \"zh-CN\" | \"en-US\" | \"de-DE\"; label: string; flag: string }[]\r\n> = ref([\r\n  { value: \"zh-CN\", label: \"中文\", flag: \"🇨🇳\" },\r\n  { value: \"en-US\", label: \"English\", flag: \"🇺🇸\" },\r\n  { value: \"de-DE\", label: \"Deutsch\", flag: \"🇩🇪\" },\r\n])\r\n\r\n// 获取当前语言信息\r\nconst currentLocaleInfo = computed(() => {\r\n  return supportedLocales.value.find(\r\n    (locale) => locale.value === currentLocale.value\r\n  )\r\n})\r\n\r\n// 切换UI语言\r\nfunction switchUILocale(locale: \"zh-CN\" | \"en-US\" | \"de-DE\") {\r\n  if (locale !== currentLocale.value) {\r\n    uiI18n.global.locale.value = locale\r\n    // currentLocale.value 会通过 watcher 自动更新\r\n  }\r\n}\r\n\r\n// 获取语言标签\r\nfunction getLocaleLabel(locale: \"zh-CN\" | \"en-US\" | \"de-DE\"): string {\r\n  const localeInfo = supportedLocales.value.find(\r\n    (item) => item.value === locale\r\n  )\r\n  return localeInfo ? localeInfo.label : locale\r\n}\r\n\r\n// 获取语言旗帜\r\nfunction getLocaleFlag(locale: \"zh-CN\" | \"en-US\" | \"de-DE\"): string {\r\n  const localeInfo = supportedLocales.value.find(\r\n    (item) => item.value === locale\r\n  )\r\n  return localeInfo ? localeInfo.flag : \"\"\r\n}\r\n\r\n// 直接暴露i18n实例供组件使用\r\nexport { uiI18n }\r\n\r\n// 暴露状态和方法供外部调用\r\nexport {\r\n  currentLocale,\r\n  supportedLocales,\r\n  currentLocaleInfo,\r\n  switchUILocale,\r\n  getLocaleLabel,\r\n  getLocaleFlag,\r\n}\r\n"],"mappings":";;;;;;AAKA,IAAI,CAAC,iBAAQ,CAAC,iBAAQ,CAAC,eACrB,QAAQ,MAAM,gDAAgD;CAC5D,MAAA;CACA,MAAA;CACA,MAAA;AACF,CAAC;AAIH,IAAM,SAAS,WAAW;CACxB,QAAQ;CACR,QAAQ;CACR,gBAAgB;CAChB,UAAU;EACR,SAAS,iBAAQ,CAAC;EAClB,SAAS,iBAAQ,CAAC;EAClB,SAAS,iBAAQ,CAAC;CACpB;AACF,CAAC;AAGD,IAAI,CAAC,UAAU,CAAC,OAAO,UAAU,CAAC,OAAO,OAAO,GAC9C,QAAQ,MAAM,kDAAkD;AAIlE,IAAM,gBAAgB,IAAiC,OAAO;AAG9D,YACQ,OAAO,OAAO,OAAO,QAC1B,cAAc;CACb,cAAc,QAAQ;AACxB,CACF;AAGA,IAAM,mBAEF,IAAI;CACN;EAAE,OAAO;EAAS,OAAO;EAAM,MAAM;CAAO;CAC5C;EAAE,OAAO;EAAS,OAAO;EAAW,MAAM;CAAO;CACjD;EAAE,OAAO;EAAS,OAAO;EAAW,MAAM;CAAO;AACnD,CAAC;AAGyB,eAAe;CACvC,OAAO,iBAAiB,MAAM,MAC3B,WAAW,OAAO,UAAU,cAAc,KAC7C;AACF,CAAC;AAGD,SAAS,eAAe,QAAqC;CAC3D,IAAI,WAAW,cAAc,OAC3B,OAAO,OAAO,OAAO,QAAQ;AAGjC"}

package/dist/config/plugin.d.ts

@@ -0,0 +1,88 @@
+import { App } from 'vue';
+import { BtnGlobalConfig } from '../components/btn/config';
+import { BtnGroupGlobalConfig } from '../components/btnGroup/config';
+import { TreeGlobalConfig } from '../components/tree/config';
+import { TreeChooseGlobalConfig } from '../components/tree-choose/config';
+import { ColorPickerGlobalConfig } from '../components/colorPicker/config';
+import { UploadGlobalConfig } from '../components/upload/config';
+import { IconGlobalConfig } from '../components/icon/config';
+import { DatePickerGlobalConfig } from '../components/date/config';
+import { FormGlobalConfig } from '../components/form/config';
+import { FormItemGlobalConfig } from '../components/formItem/config';
+import { PaginationGlobalConfig } from '../components/pagination/src/config';
+import { ListGlobalConfig } from '../components/list/List';
+import { SwitchGlobalConfig } from '../components/switch/config';
+import { CheckboxGlobalConfig } from '../components/checkbox/config';
+import { RadioGlobalConfig } from '../components/radio/config';
+import { ChooseGlobalConfig } from '../components/choose/config';
+import { ChooseItemGlobalConfig } from '../components/chooseItem/config';
+import { Choose2GlobalConfig } from '../components/choose2/config';
+import { MatchGlobalConfig } from '../components/match/config';
+import { CascadeGlobalConfig } from '../components/cascade/config';
+import { NumGlobalConfig } from '../components/number/config';
+import { MaskGlobalConfig } from '../components/mask/config';
+import { ModalGlobalConfig } from '../components/modal/config';
+import { ConfirmGlobalConfig } from '../components/confirm';
+import { NoticeGlobalConfig } from '../components/notice';
+import { EmptyGlobalConfig } from '../components/empty/config';
+import { LoadingGlobalConfig } from '../components/loading/config';
+import { LcdFontGlobalConfig } from '../components/lcdFont/config';
+import { DrawerGlobalConfig } from '../components/drawer/config';
+import { CopyGlobalConfig } from '../components/copy/config';
+import { ImageGlobalConfig } from '../components/image/config';
+import { PictureGlobalConfig } from '../components/picture/config';
+import { TextareaGlobalConfig } from '../components/textarea/config';
+export type LocaleType = 'zh-CN' | 'en-US' | 'de-DE';
+export type ThemeType = 'light' | 'dark';
+export interface ComponentConfig {
+    [key: string]: any;
+}
+export interface UIComponentsConfig {
+    Btn?: BtnGlobalConfig;
+    BtnGroup?: BtnGroupGlobalConfig;
+    Tree?: TreeGlobalConfig;
+    TreeChoose?: TreeChooseGlobalConfig;
+    ColorPicker?: ColorPickerGlobalConfig;
+    Upload?: UploadGlobalConfig;
+    Icon?: IconGlobalConfig;
+    DatePicker?: DatePickerGlobalConfig;
+    Form?: FormGlobalConfig;
+    FormItem?: FormItemGlobalConfig;
+    Pagination?: PaginationGlobalConfig;
+    List?: ListGlobalConfig;
+    Switch?: SwitchGlobalConfig;
+    Checkbox?: CheckboxGlobalConfig;
+    Radio?: RadioGlobalConfig;
+    Choose?: ChooseGlobalConfig;
+    ChooseItem?: ChooseItemGlobalConfig;
+    Choose2?: Choose2GlobalConfig;
+    Match?: MatchGlobalConfig;
+    Cascade?: CascadeGlobalConfig;
+    Num?: NumGlobalConfig;
+    Mask?: MaskGlobalConfig;
+    Modal?: ModalGlobalConfig;
+    Drawer?: DrawerGlobalConfig;
+    Notice?: NoticeGlobalConfig;
+    Confirm?: ConfirmGlobalConfig;
+    Empty?: EmptyGlobalConfig;
+    Loading?: LoadingGlobalConfig;
+    LcdFont?: LcdFontGlobalConfig;
+    Copy?: CopyGlobalConfig;
+    Image?: ImageGlobalConfig;
+    Picture?: PictureGlobalConfig;
+    Textarea?: TextareaGlobalConfig;
+    [name: string]: ComponentConfig | undefined;
+}
+export interface UIPluginConfig {
+    locale?: LocaleType;
+    theme?: ThemeType;
+    prefix?: string;
+    components?: UIComponentsConfig;
+}
+export interface UIContext {
+    config: UIPluginConfig;
+    app: App;
+}
+export declare const defaultConfig: UIPluginConfig;
+export declare const UI_CONFIG_KEY: unique symbol;
+export declare const UI_CONTEXT_KEY: unique symbol;

package/dist/config/plugin.js

@@ -0,0 +1,13 @@
+//#region config/plugin.ts
+var defaultConfig = {
+	locale: "zh-CN",
+	theme: "light",
+	prefix: "",
+	components: {}
+};
+var UI_CONFIG_KEY = Symbol("UI_CONFIG");
+var UI_CONTEXT_KEY = Symbol("UI_CONTEXT");
+//#endregion
+export { UI_CONFIG_KEY, UI_CONTEXT_KEY, defaultConfig };
+
+//# sourceMappingURL=plugin.js.map

package/dist/config/plugin.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"plugin.js","names":[],"sources":["../../config/plugin.ts"],"sourcesContent":["import type { App } from 'vue'\r\nimport type { BtnGlobalConfig } from '../components/btn/config'\r\nimport type { BtnGroupGlobalConfig } from '../components/btnGroup/config'\r\nimport type { TreeGlobalConfig } from '../components/tree/config'\r\nimport type { TreeChooseGlobalConfig } from '../components/tree-choose/config'\r\nimport type { ColorPickerGlobalConfig } from '../components/colorPicker/config'\r\nimport type { UploadGlobalConfig } from '../components/upload/config'\r\nimport type { IconGlobalConfig } from '../components/icon/config'\r\nimport type { DatePickerGlobalConfig } from '../components/date/config'\r\nimport type { FormGlobalConfig } from '../components/form/config'\r\nimport type { FormItemGlobalConfig } from '../components/formItem/config'\r\nimport type { PaginationGlobalConfig } from '../components/pagination/src/config'\r\nimport type { ListGlobalConfig } from '../components/list/List'\r\nimport type { SwitchGlobalConfig } from '../components/switch/config'\r\nimport type { CheckboxGlobalConfig } from '../components/checkbox/config'\r\nimport type { RadioGlobalConfig } from '../components/radio/config'\r\nimport type { ChooseGlobalConfig } from '../components/choose/config'\r\nimport type { ChooseItemGlobalConfig } from '../components/chooseItem/config'\r\nimport type { Choose2GlobalConfig } from '../components/choose2/config'\r\nimport type { MatchGlobalConfig } from '../components/match/config'\r\nimport type { CascadeGlobalConfig } from '../components/cascade/config'\r\nimport type { NumGlobalConfig } from '../components/number/config'\r\nimport type { MaskGlobalConfig } from '../components/mask/config'\r\nimport type { ModalGlobalConfig } from '../components/modal/config'\r\nimport type { ConfirmGlobalConfig } from '../components/confirm'\r\nimport type { NoticeGlobalConfig } from '../components/notice'\r\nimport type { EmptyGlobalConfig } from '../components/empty/config'\r\nimport type { LoadingGlobalConfig } from '../components/loading/config'\r\nimport type { LcdFontGlobalConfig } from '../components/lcdFont/config'\r\nimport type { DrawerGlobalConfig } from '../components/drawer/config'\r\nimport type { CopyGlobalConfig } from '../components/copy/config'\r\nimport type { ImageGlobalConfig } from '../components/image/config'\r\nimport type { PictureGlobalConfig } from '../components/picture/config'\r\nimport type { TextareaGlobalConfig } from '../components/textarea/config'\r\n\r\nexport type LocaleType = 'zh-CN' | 'en-US' | 'de-DE'\r\nexport type ThemeType = 'light' | 'dark'\r\n\r\nexport interface ComponentConfig {\r\n  [key: string]: any\r\n}\r\n\r\nexport interface UIComponentsConfig {\r\n  Btn?: BtnGlobalConfig\r\n  BtnGroup?: BtnGroupGlobalConfig\r\n  Tree?: TreeGlobalConfig\r\n  TreeChoose?: TreeChooseGlobalConfig\r\n  ColorPicker?: ColorPickerGlobalConfig\r\n  Upload?: UploadGlobalConfig\r\n  Icon?: IconGlobalConfig\r\n  DatePicker?: DatePickerGlobalConfig\r\n  Form?: FormGlobalConfig\r\n  FormItem?: FormItemGlobalConfig\r\n  Pagination?: PaginationGlobalConfig\r\n  List?: ListGlobalConfig\r\n  Switch?: SwitchGlobalConfig\r\n  Checkbox?: CheckboxGlobalConfig\r\n  Radio?: RadioGlobalConfig\r\n  Choose?: ChooseGlobalConfig\r\n  ChooseItem?: ChooseItemGlobalConfig\r\n  Choose2?: Choose2GlobalConfig\r\n  Match?: MatchGlobalConfig\r\n  Cascade?: CascadeGlobalConfig\r\n  Num?: NumGlobalConfig\r\n  Mask?: MaskGlobalConfig\r\n  Modal?: ModalGlobalConfig\r\n  Drawer?: DrawerGlobalConfig\r\n  Notice?: NoticeGlobalConfig\r\n  Confirm?: ConfirmGlobalConfig\r\n  Empty?: EmptyGlobalConfig\r\n  Loading?: LoadingGlobalConfig\r\n  LcdFont?: LcdFontGlobalConfig\r\n  Copy?: CopyGlobalConfig\r\n  Image?: ImageGlobalConfig\r\n  Picture?: PictureGlobalConfig\r\n  Textarea?: TextareaGlobalConfig\r\n  [name: string]: ComponentConfig | undefined\r\n}\r\n\r\nexport interface UIPluginConfig {\r\n  locale?: LocaleType\r\n  theme?: ThemeType\r\n  prefix?: string\r\n  components?: UIComponentsConfig\r\n}\r\n\r\nexport interface UIContext {\r\n  config: UIPluginConfig\r\n  app: App\r\n}\r\n\r\nexport const defaultConfig: UIPluginConfig = {\r\n  locale: 'zh-CN',\r\n  theme: 'light',\r\n  prefix: '',\r\n  components: {},\r\n}\r\n\r\nexport const UI_CONFIG_KEY = Symbol('UI_CONFIG')\r\nexport const UI_CONTEXT_KEY = Symbol('UI_CONTEXT')\r\n"],"mappings":";AA2FA,IAAa,gBAAgC;CAC3C,QAAQ;CACR,OAAO;CACP,QAAQ;CACR,YAAY,CAAC;AACf;AAEA,IAAa,gBAAgB,OAAO,WAAW;AAC/C,IAAa,iBAAiB,OAAO,YAAY"}

package/dist/config/types.d.ts

@@ -0,0 +1,56 @@
+import { EnumPlacement, EnumBtnType } from './dictionary';
+export interface ComponentProps {
+    [k: string]: {
+        type: any;
+        default?: any;
+        [p: string]: any;
+    };
+}
+export type RectType = {
+    top: number;
+    bottom: number;
+    left: number;
+    right: number;
+    width: number;
+    height: number;
+    [key: string]: number;
+};
+export type PlacementType = keyof typeof EnumPlacement;
+export type AdjustmentPosition = "none" | "auto" | "right" | "left" | "bottom" | "top";
+export type EmptyObject = {
+    [key: string]: any;
+};
+export type BtnType = keyof typeof EnumBtnType;
+export type BtnMode = "text" | "line";
+export type TriggerType = "hover" | "click" | "focus";
+export type DataItemType = boolean | number | string | symbol | object;
+export type ToggleTransformType = "scale" | "translate";
+export type DateType = number | string | Date | undefined;
+export type DateFormatType = "yyyy" | "yyyy-MM" | "yyyy-MM-dd" | "yyyy-MM-dd HH" | "yyyy-MM-dd HH:mm" | "yyyy-MM-dd HH:mm:ss" | "MM-dd";
+export type TimeFormatType = "HH" | "HH:mm" | "HH:mm:ss";
+export type DragDirection = {
+    x: boolean;
+    y: boolean;
+};
+/** 校验触发时机 */
+export type FormRuleTrigger = 'blur' | 'change' | string;
+/** 单条校验规则（兼容 async-validator） */
+export interface FormRuleItem {
+    required?: boolean;
+    message?: string;
+    type?: string;
+    pattern?: RegExp;
+    min?: number;
+    max?: number;
+    len?: number;
+    enum?: any[];
+    whitespace?: boolean;
+    trigger?: FormRuleTrigger | FormRuleTrigger[];
+    validator?: (rule: any, value: any, callback: (error?: Error | string) => void) => void;
+    asyncValidator?: (rule: any, value: any) => Promise<void>;
+    [key: string]: any;
+}
+/** @deprecated 使用 FormRuleItem */
+export type Rules = FormRuleItem;
+/** 表单 rules：字段名 -> 单条或多条规则 */
+export type FormRules = Record<string, FormRuleItem | FormRuleItem[]>;

package/dist/directives/clickOutside.d.ts

@@ -0,0 +1,10 @@
+import { Ref, ObjectDirective } from 'vue';
+type ClickOutsideHandler = (event: Event) => void;
+interface ClickOutsideOptions {
+    exclude: Ref<HTMLElement>[];
+    handler: ClickOutsideHandler;
+    clickOutside?: () => void;
+}
+export type ClickOutsideBinding = ClickOutsideOptions | ClickOutsideHandler;
+declare const _default: ObjectDirective<any, any, string, any>;
+export default _default;

package/dist/directives/clickOutside.js

@@ -0,0 +1,69 @@
+import { isFunction, isObject } from "../util/tools.js";
+import { getElement, isElement } from "../util/dom.js";
+//#region directives/clickOutside.ts
+var NOOP = () => {};
+var docHandlers = /* @__PURE__ */ new Map();
+function createHandler(el, bindingValue) {
+	const exclude = [el];
+	let handler = NOOP;
+	let clickOutside = () => {};
+	if (isFunction(bindingValue)) handler = bindingValue;
+	else if (isObject(bindingValue)) {
+		const _els = [];
+		let i = 0;
+		const len = bindingValue.exclude.length;
+		while (i < len) {
+			const _el = getElement(bindingValue.exclude[i]);
+			if (_el && isElement(_el)) _els.push(_el);
+			i++;
+		}
+		exclude.push(..._els);
+		handler = bindingValue.handler;
+		if (bindingValue.clickOutside) clickOutside = bindingValue.clickOutside;
+	}
+	docHandlers.set(el, {
+		exclude,
+		handler,
+		clickOutside,
+		isOut: {
+			mousedown: false,
+			mouseup: false
+		}
+	});
+}
+var clickout = () => {
+	return {
+		mounted(el, binding) {
+			createHandler(el, binding.value);
+		},
+		updated(el, binding) {
+			createHandler(el, binding.value);
+		},
+		unmounted(el) {
+			docHandlers.delete(el);
+		}
+	};
+};
+var docListener = (e) => {
+	const tar = e.target;
+	docHandlers.forEach(({ exclude, handler, clickOutside, isOut }, el) => {
+		const isSelf = tar === el;
+		const isContain = el.contains(tar);
+		const isExclude = exclude.length && exclude.some((_el) => _el && (_el === tar || _el.contains(tar)));
+		if (isSelf || isContain || isExclude) {
+			if (e.type === "mousedown" || e.type === "mouseup") isOut[e.type] = false;
+			return;
+		} else if (e.type === "mousedown" || e.type === "mouseup") isOut[e.type] = true;
+		if (isOut.mousedown && isOut.mouseup) {
+			handler(e);
+			clickOutside?.();
+		}
+	});
+};
+document.addEventListener("mousedown", docListener);
+document.addEventListener("mouseup", docListener);
+var clickOutside_default = clickout();
+//#endregion
+export { clickOutside_default as default };
+
+//# sourceMappingURL=clickOutside.js.map