@will-ui/vue 1.0.0

package/dist/components/choose/Choose.js

@@ -0,0 +1,402 @@
+import useComponentConfig from "../../use/useComponentConfig.js";
+import Icon_default from "../icon/Icon.js";
+import { isArray, isComment, isFragment } from "../../util/tools.js";
+import { effectiveBgVar, effectiveSizeVar, effectiveTextVar, mergeStyle, propColorToCssVars, propSizeToCssVars, toCssVarsStyle } from "../../util/cssVars.js";
+import useFormItem from "../../use/useFormItem.js";
+import Layer_default, { LayerProps } from "../layer/Layer.js";
+import Close_default from "../close/Close.js";
+import { useUII18n } from "../../use/useUII18n.js";
+import Fallback_default from "../fallback/Fallback.js";
+import Virtual from "../virtual/Virtual.js";
+import { ChooseLayerSizeKey, CurrentLabelKey, CurrentValueKey, SetCurrentLabelKey, SetCurrentValueKey, ToCloseKey } from "./injectionKey.js";
+import ChooseItem_default from "../chooseItem/ChooseItem.js";
+import { CHOOSE_FALLBACK } from "./config.js";
+import { computed, createVNode, defineComponent, mergeProps, provide, reactive, readonly, ref, toRefs, watch } from "vue";
+//#region components/choose/Choose.tsx
+function Placeholder(props) {
+	return createVNode("span", { "class": "w-choose-placeholder" }, [props.placeholder]);
+}
+var Choose_default = /* @__PURE__ */ defineComponent({
+	name: "Choose",
+	inheritAttrs: false,
+	components: {
+		Layer: Layer_default,
+		Virtual,
+		Close: Close_default,
+		Icon: Icon_default,
+		Fallback: Fallback_default,
+		ChooseItem: ChooseItem_default
+	},
+	props: {
+		...LayerProps,
+		bind: {
+			type: LayerProps.bind.type,
+			default: "v-show"
+		},
+		placement: {
+			type: LayerProps.placement.type,
+			default: "bottom-start"
+		},
+		hasArrow: {
+			type: LayerProps.hasArrow.type,
+			default: false
+		},
+		gap: {
+			type: LayerProps.gap.type,
+			default: 2
+		},
+		layerClass: {
+			type: LayerProps.layerClass.type,
+			default: () => "w-choose-layer"
+		},
+		placeholder: {
+			type: String,
+			default: void 0
+		},
+		clearable: {
+			type: Boolean,
+			default: void 0
+		},
+		block: {
+			type: Boolean,
+			default: void 0
+		},
+		disabled: {
+			type: Boolean,
+			default: void 0
+		},
+		modelValue: {
+			type: [
+				Number,
+				String,
+				Boolean
+			],
+			default: void 0
+		},
+		mode: {
+			type: String,
+			default: void 0
+		},
+		lazyLoad: {
+			type: Function,
+			default: void 0
+		},
+		/** lazyLoad 时用于回显的文本 */
+		text: {
+			type: String,
+			default: void 0
+		},
+		/** 数据驱动选项；提供后可用虚拟列表渲染 */
+		options: {
+			type: Array,
+			default: void 0
+		},
+		valueField: {
+			type: String,
+			default: void 0
+		},
+		labelField: {
+			type: String,
+			default: void 0
+		},
+		disabledField: {
+			type: String,
+			default: void 0
+		},
+		/** 是否虚拟滚动；默认在选项数 ≥ virtualThreshold 时开启 */
+		virtual: {
+			type: Boolean,
+			default: void 0
+		},
+		virtualThreshold: {
+			type: Number,
+			default: void 0
+		},
+		itemHeight: {
+			type: Number,
+			default: void 0
+		},
+		/** 实例高度（px），写入 `--w-prop-choose-size` */
+		size: {
+			type: Number,
+			default: void 0
+		},
+		/** 品牌主色 → `--w-prop-choose-color` */
+		color: {
+			type: String,
+			default: void 0
+		},
+		/** 实例 CSS 变量（如 `--w-prop-choose-bg-color`） */
+		cssVars: {
+			type: Object,
+			default: void 0
+		}
+	},
+	emits: {
+		"update:show": (_v) => true,
+		"update:modelValue": (_v) => true,
+		change: (_payload) => true,
+		"get-layer-element": (_el) => true
+	},
+	slots: Object,
+	setup(props, { attrs, slots, emit }) {
+		const { formItem, useDisabled } = useFormItem();
+		const cfg = useComponentConfig("Choose", props, CHOOSE_FALLBACK);
+		const disabled = useDisabled(computed(() => cfg.value.disabled));
+		const { t } = useUII18n();
+		const transitionName = "w-slide-y";
+		const visible = ref(!!props.show);
+		const lazyData = ref();
+		const loading = ref(false);
+		const txt = ref();
+		const triggerRect = ref();
+		const layerSize = reactive({
+			width: 0,
+			height: 0
+		});
+		provide(ChooseLayerSizeKey, toRefs(layerSize));
+		const valueField = computed(() => cfg.value.valueField || CHOOSE_FALLBACK.valueField);
+		const labelField = computed(() => cfg.value.labelField || CHOOSE_FALLBACK.labelField);
+		const disabledField = computed(() => cfg.value.disabledField || CHOOSE_FALLBACK.disabledField);
+		const itemHeight = computed(() => cfg.value.itemHeight || CHOOSE_FALLBACK.itemHeight);
+		const virtualThreshold = computed(() => cfg.value.virtualThreshold ?? CHOOSE_FALLBACK.virtualThreshold);
+		/** 静态 options 或 lazyLoad 得到的数组 */
+		const optionList = computed(() => {
+			if (props.options) return props.options;
+			if (isArray(lazyData.value)) return lazyData.value;
+			return null;
+		});
+		const useVirtual = computed(() => {
+			const list = optionList.value;
+			if (!list?.length) return false;
+			if (cfg.value.virtual === true) return true;
+			if (cfg.value.virtual === false) return false;
+			return list.length >= virtualThreshold.value;
+		});
+		/** 有 options 或 lazy 数组且走内置渲染 */
+		const useBuiltInOptions = computed(() => {
+			if (props.options !== void 0) return true;
+			if (props.lazyLoad && isArray(lazyData.value) && !slots.default) return true;
+			return false;
+		});
+		const showCloseBtn = computed(() => {
+			if (disabled.value) return false;
+			if (!cfg.value.clearable) return false;
+			return props.modelValue !== void 0 && props.modelValue !== "";
+		});
+		const isError = computed(() => formItem?.validateState === "error");
+		const size = computed(() => cfg.value.size ?? props.size);
+		const color = computed(() => cfg.value.color ?? props.color);
+		const tokenStyle = computed(() => toCssVarsStyle({
+			...propSizeToCssVars("choose", size.value),
+			...propColorToCssVars("choose", color.value),
+			"--w-prop-list-size": effectiveSizeVar("choose"),
+			"--w-prop-layer-bg-color": effectiveBgVar("choose"),
+			"--w-prop-layer-text-color": effectiveTextVar("choose"),
+			...props.cssVars
+		}));
+		const layerContentStyle = computed(() => {
+			if (triggerRect.value) return mergeStyle(tokenStyle.value, { minWidth: triggerRect.value.width + "px" });
+			return tokenStyle.value;
+		});
+		const layerOptions = computed(() => ({
+			bind: props.bind,
+			manual: true,
+			nearby: props.nearby,
+			placement: props.placement,
+			hasArrow: props.hasArrow,
+			gap: props.gap,
+			transitionName,
+			layerClass: [props.layerClass, { "w-choose-layer--virtual": useVirtual.value }],
+			layerStyle: layerContentStyle.value,
+			show: visible.value,
+			adjustPosition: props.adjustPosition || "top",
+			clickOutside: () => {
+				visible.value = false;
+			},
+			"onUpdate:show": (v) => {
+				visible.value = v;
+			},
+			"onGet-trigger-rect": (rect) => {
+				triggerRect.value = rect;
+			},
+			"onGet-layer-size": ({ width, height }) => {
+				layerSize.width = width;
+				layerSize.height = height;
+			},
+			"onGet-layer-element": (el) => {
+				emit("get-layer-element", el);
+			}
+		}));
+		function emitChange(value, label) {
+			emit("update:modelValue", value);
+			emit("change", readonly({
+				label,
+				value
+			}));
+			formItem?.validate("change");
+		}
+		provide(SetCurrentLabelKey, (v) => {
+			txt.value = v;
+		});
+		provide(SetCurrentValueKey, (v) => {
+			emitChange(v, txt.value);
+		});
+		provide(CurrentValueKey, computed(() => props.modelValue));
+		provide(CurrentLabelKey, readonly(txt));
+		provide(ToCloseKey, () => {
+			visible.value = false;
+		});
+		watch(() => props.show, (v) => {
+			visible.value = !!v;
+		});
+		watch(visible, (v) => {
+			emit("update:show", v);
+			if (v) toLoad();
+		});
+		watch(() => props.modelValue, (v) => {
+			if (v === "" || v === void 0) txt.value = void 0;
+			else syncLabelFromOptions(v);
+		});
+		watch([
+			() => props.lazyLoad,
+			() => props.text,
+			optionList
+		], () => {
+			if (props.text) {
+				txt.value = props.text;
+				return;
+			}
+			if (props.modelValue !== void 0 && props.modelValue !== "") syncLabelFromOptions(props.modelValue);
+		}, { immediate: true });
+		function syncLabelFromOptions(v) {
+			const list = optionList.value;
+			if (!list?.length) return;
+			const hit = list.find((item) => item[valueField.value] === v);
+			if (hit) txt.value = hit[labelField.value];
+		}
+		function toLoad() {
+			if (!props.lazyLoad) return;
+			if (lazyData.value === void 0 || isArray(lazyData.value) && lazyData.value.length === 0) {
+				loading.value = true;
+				props.lazyLoad().then((d) => {
+					lazyData.value = d;
+					loading.value = false;
+					if (props.modelValue !== void 0 && props.modelValue !== "" && !props.text) syncLabelFromOptions(props.modelValue);
+				}).catch(() => {
+					loading.value = false;
+				});
+			}
+		}
+		function renderOptionItem(item, index) {
+			const value = item[valueField.value];
+			const label = item[labelField.value];
+			const itemDisabled = !!item[disabledField.value];
+			return createVNode(ChooseItem_default, {
+				"key": String(value),
+				"value": value,
+				"label": label,
+				"disabled": itemDisabled
+			}, { default: () => [slots.option?.(item, index) ?? label] });
+		}
+		function renderOptionsContent(list) {
+			if (useVirtual.value) return createVNode(Virtual, {
+				"class": "w-choose-virtual",
+				"sourceData": list,
+				"itemHeight": itemHeight.value,
+				"pad": 3,
+				"style": { maxHeight: "360px" }
+			}, { default: ({ data, index }) => data.map((item, i) => renderOptionItem(item, index.from + i)) });
+			return list.map((item, i) => renderOptionItem(item, i));
+		}
+		function renderPanelContent() {
+			if (props.lazyLoad && slots.default && !props.options) {
+				let isEmpty = false;
+				if (!lazyData.value) isEmpty = true;
+				else if (isArray(lazyData.value) && lazyData.value.length === 0) isEmpty = true;
+				const fallback = createVNode(Fallback_default, {
+					"loading": loading.value,
+					"empty": isEmpty,
+					"loadingProps": { text: t("choose.loading") },
+					"emptyProps": { text: t("choose.empty") }
+				}, {
+					loading: slots.loading,
+					empty: slots.empty
+				});
+				if (loading.value || isEmpty) return fallback;
+				return slots.default({
+					data: lazyData.value,
+					loading: loading.value
+				});
+			}
+			if (useBuiltInOptions.value) {
+				const list = optionList.value || [];
+				if (props.lazyLoad && loading.value) return createVNode(Fallback_default, {
+					"loading": true,
+					"loadingProps": { text: t("choose.loading") }
+				}, { loading: slots.loading });
+				if (!list.length) return createVNode(Fallback_default, {
+					"empty": true,
+					"emptyProps": {
+						text: t("choose.empty"),
+						show: true
+					}
+				}, { empty: slots.empty });
+				return renderOptionsContent(list);
+			}
+			const defaultContent = slots.default?.();
+			if (isArray(defaultContent) && defaultContent.length) {
+				const first = defaultContent[0];
+				if (isComment(first) || isFragment(first)) return createVNode(Fallback_default, {
+					"empty": true,
+					"emptyProps": { show: true }
+				}, null);
+			}
+			if (!defaultContent || isArray(defaultContent) && !defaultContent.length) return createVNode(Fallback_default, {
+				"empty": true,
+				"emptyProps": { show: true }
+			}, null);
+			return defaultContent;
+		}
+		function renderTrigger() {
+			const triggerOptions = mergeProps({
+				class: [
+					"w-choose-trigger",
+					`w-choose-mode-${cfg.value.mode}`,
+					{
+						"w-choose-spread": visible.value,
+						"w-choose-disabled": disabled.value,
+						"w-choose-block": cfg.value.block,
+						"w-choose-isError": isError.value
+					}
+				],
+				style: tokenStyle.value,
+				onClick: () => {
+					if (disabled.value) return;
+					visible.value = !visible.value;
+				}
+			}, attrs);
+			return createVNode("div", triggerOptions, [txt.value && props.modelValue !== void 0 && props.modelValue !== "" ? createVNode("span", { "class": "w-choose-text" }, [txt.value]) : createVNode(Placeholder, { "placeholder": cfg.value.placeholder ?? props.placeholder }, null), showCloseBtn.value ? createVNode(Close_default, {
+				class: "w-choose-close-btn",
+				name: "w-icon-close-fill",
+				onClick: (e) => {
+					emitChange(void 0, void 0);
+					txt.value = void 0;
+					e.stopPropagation();
+				}
+			}, null) : createVNode(Icon_default, {
+				"name": "w-icon-arrow-down",
+				"class": "w-choose-arrow-btn",
+				"rotate": visible.value
+			}, null)]);
+		}
+		return () => createVNode(Layer_default, layerOptions.value, {
+			default: renderPanelContent,
+			trigger: renderTrigger
+		});
+	}
+});
+//#endregion
+export { Choose_default as default };
+
+//# sourceMappingURL=Choose.js.map

package/dist/components/choose/Choose.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Choose.js","names":["ref","watch","computed","defineComponent","provide","readonly","reactive","toRefs","mergeProps","createVNode","_createVNode","Layer","LayerProps","Virtual","useUII18n","useComponentConfig","useFormItem","Close","Icon","Fallback","ChooseItem","SetCurrentValueKey","SetCurrentLabelKey","CurrentValueKey","CurrentLabelKey","ToCloseKey","ChooseLayerSizeKey","isArray","isComment","isFragment","mergeStyle","propSizeToCssVars","propColorToCssVars","effectiveSizeVar","effectiveBgVar","effectiveTextVar","toCssVarsStyle","CHOOSE_FALLBACK","Placeholder","props","placeholder","name","inheritAttrs","components","bind","type","default","placement","hasArrow","gap","layerClass","String","undefined","clearable","Boolean","block","disabled","modelValue","Number","mode","lazyLoad","Function","text","options","Array","valueField","labelField","disabledField","virtual","virtualThreshold","itemHeight","size","color","cssVars","Object","emits","_v","change","_payload","_el","slots","setup","attrs","emit","formItem","useDisabled","cfg","value","t","transitionName","visible","show","lazyData","loading","txt","triggerRect","layerSize","width","height","optionList","useVirtual","list","length","useBuiltInOptions","showCloseBtn","isError","validateState","tokenStyle","layerContentStyle","minWidth","layerOptions","manual","nearby","layerStyle","adjustPosition","clickOutside","v","rect","onGet-layer-size","el","emitChange","label","validate","toLoad","syncLabelFromOptions","immediate","hit","find","item","then","d","catch","renderOptionItem","index","itemDisabled","option","renderOptionsContent","maxHeight","data","map","i","from","renderPanelContent","isEmpty","fallback","empty","defaultContent","first","renderTrigger","triggerOptions","class","style","onClick","closeOptions","e","stopPropagation","trigger"],"sources":["../../../components/choose/Choose.tsx"],"sourcesContent":["import {\r\n  ref,\r\n  watch,\r\n  computed,\r\n  defineComponent,\r\n  provide,\r\n  readonly,\r\n  reactive,\r\n  toRefs,\r\n  mergeProps,\r\n  type PropType,\r\n  type SlotsType,\r\n} from 'vue'\r\nimport Layer, { LayerProps } from '../layer/index'\r\nimport Virtual from '../virtual/index'\r\nimport { useUII18n } from '../../use/useUII18n'\r\nimport useComponentConfig from '../../use/useComponentConfig'\r\nimport useFormItem from '../../use/useFormItem'\r\nimport Close from '../close/index'\r\nimport Icon from '../icon/index'\r\nimport Fallback from '../fallback/index'\r\nimport ChooseItem from '../chooseItem/index'\r\nimport {\r\n  SetCurrentValueKey,\r\n  SetCurrentLabelKey,\r\n  CurrentValueKey,\r\n  CurrentLabelKey,\r\n  ToCloseKey,\r\n  ChooseLayerSizeKey,\r\n} from './injectionKey'\r\nimport type { RectType } from '../../config/types'\r\nimport {\r\n  isArray,\r\n  isComment,\r\n  isFragment,\r\n  mergeStyle,\r\n  propSizeToCssVars,\r\n  propColorToCssVars,\r\n  effectiveSizeVar,\r\n  effectiveBgVar,\r\n  effectiveTextVar,\r\n  toCssVarsStyle,\r\n  type CssVars,\r\n} from '../../util'\r\nimport {\r\n  CHOOSE_FALLBACK,\r\n  type ChooseMode,\r\n  type ChooseOption,\r\n} from './config'\r\n\r\nexport type { ChooseGlobalConfig, ChooseMode, ChooseOption } from './config'\r\nexport { CHOOSE_FALLBACK } from './config'\r\n\r\nfunction Placeholder(props: { placeholder?: string }) {\r\n  return <span class=\"w-choose-placeholder\">{props.placeholder}</span>\r\n}\r\n\r\ntype ChooseSlots = {\r\n  default?: (scope?: { data?: any; loading?: boolean }) => any\r\n  option?: (item: ChooseOption, index: number) => any\r\n  loading?: () => any\r\n  empty?: () => any\r\n}\r\n\r\nexport default defineComponent({\r\n  name: 'Choose',\r\n  inheritAttrs: false,\r\n  components: { Layer, Virtual, Close, Icon, Fallback, ChooseItem },\r\n  props: {\r\n    ...LayerProps,\r\n    bind: { type: LayerProps.bind.type, default: 'v-show' },\r\n    placement: { type: LayerProps.placement.type, default: 'bottom-start' },\r\n    hasArrow: { type: LayerProps.hasArrow.type, default: false },\r\n    gap: { type: LayerProps.gap.type, default: 2 },\r\n    layerClass: {\r\n      type: LayerProps.layerClass.type,\r\n      default: () => 'w-choose-layer',\r\n    },\r\n    placeholder: { type: String, default: undefined },\r\n    clearable: { type: Boolean, default: undefined },\r\n    block: { type: Boolean, default: undefined },\r\n    disabled: { type: Boolean, default: undefined },\r\n    modelValue: {\r\n      type: [Number, String, Boolean] as PropType<\r\n        number | string | boolean | undefined\r\n      >,\r\n      default: undefined,\r\n    },\r\n    mode: {\r\n      type: String as PropType<ChooseMode>,\r\n      default: undefined,\r\n    },\r\n    lazyLoad: {\r\n      type: Function as PropType<() => Promise<any[] | object | null | undefined>>,\r\n      default: undefined,\r\n    },\r\n    /** lazyLoad 时用于回显的文本 */\r\n    text: { type: String, default: undefined },\r\n    /** 数据驱动选项；提供后可用虚拟列表渲染 */\r\n    options: {\r\n      type: Array as PropType<ChooseOption[]>,\r\n      default: undefined,\r\n    },\r\n    valueField: { type: String, default: undefined },\r\n    labelField: { type: String, default: undefined },\r\n    disabledField: { type: String, default: undefined },\r\n    /** 是否虚拟滚动；默认在选项数 ≥ virtualThreshold 时开启 */\r\n    virtual: { type: Boolean, default: undefined },\r\n    virtualThreshold: { type: Number, default: undefined },\r\n    itemHeight: { type: Number, default: undefined },\r\n    /** 实例高度（px），写入 `--w-prop-choose-size` */\r\n    size: { type: Number, default: undefined },\r\n    /** 品牌主色 → `--w-prop-choose-color` */\r\n    color: { type: String, default: undefined },\r\n    /** 实例 CSS 变量（如 `--w-prop-choose-bg-color`） */\r\n    cssVars: { type: Object as PropType<CssVars>, default: undefined },\r\n  },\r\n  emits: {\r\n    'update:show': (_v: boolean) => true,\r\n    'update:modelValue': (_v: number | string | boolean | undefined) => true,\r\n    change: (_payload: {\r\n      label: number | string | boolean | undefined\r\n      value: number | string | boolean | undefined\r\n    }) => true,\r\n    'get-layer-element': (_el: HTMLElement) => true,\r\n  },\r\n  slots: Object as SlotsType<ChooseSlots>,\r\n  setup(props, { attrs, slots, emit }) {\r\n    const { formItem, useDisabled } = useFormItem()\r\n    const cfg = useComponentConfig('Choose', props, CHOOSE_FALLBACK)\r\n    const disabled = useDisabled(computed(() => cfg.value.disabled))\r\n    const { t } = useUII18n()\r\n\r\n    const transitionName = 'w-slide-y'\r\n    const visible = ref(!!props.show)\r\n    const lazyData = ref<any[] | object | null | undefined>()\r\n    const loading = ref(false)\r\n    const txt = ref<number | string | boolean | undefined>()\r\n    const triggerRect = ref<RectType>()\r\n    const layerSize = reactive({ width: 0, height: 0 })\r\n\r\n    provide(ChooseLayerSizeKey, toRefs(layerSize))\r\n\r\n    const valueField = computed(\r\n      () => cfg.value.valueField || CHOOSE_FALLBACK.valueField,\r\n    )\r\n    const labelField = computed(\r\n      () => cfg.value.labelField || CHOOSE_FALLBACK.labelField,\r\n    )\r\n    const disabledField = computed(\r\n      () => cfg.value.disabledField || CHOOSE_FALLBACK.disabledField,\r\n    )\r\n    const itemHeight = computed(\r\n      () => cfg.value.itemHeight || CHOOSE_FALLBACK.itemHeight,\r\n    )\r\n    const virtualThreshold = computed(\r\n      () => cfg.value.virtualThreshold ?? CHOOSE_FALLBACK.virtualThreshold,\r\n    )\r\n\r\n    /** 静态 options 或 lazyLoad 得到的数组 */\r\n    const optionList = computed(() => {\r\n      if (props.options) return props.options\r\n      if (isArray(lazyData.value)) return lazyData.value as ChooseOption[]\r\n      return null as ChooseOption[] | null\r\n    })\r\n\r\n    const useVirtual = computed(() => {\r\n      const list = optionList.value\r\n      if (!list?.length) return false\r\n      if (cfg.value.virtual === true) return true\r\n      if (cfg.value.virtual === false) return false\r\n      return list.length >= virtualThreshold.value\r\n    })\r\n\r\n    /** 有 options 或 lazy 数组且走内置渲染 */\r\n    const useBuiltInOptions = computed(() => {\r\n      if (props.options !== undefined) return true\r\n      if (props.lazyLoad && isArray(lazyData.value) && !slots.default) {\r\n        return true\r\n      }\r\n      return false\r\n    })\r\n\r\n    const showCloseBtn = computed(() => {\r\n      if (disabled.value) return false\r\n      if (!cfg.value.clearable) return false\r\n      return props.modelValue !== undefined && props.modelValue !== ''\r\n    })\r\n\r\n    const isError = computed(() => formItem?.validateState === 'error')\r\n\r\n    const size = computed(() => cfg.value.size ?? props.size)\r\n    const color = computed(() => cfg.value.color ?? props.color)\r\n\r\n    const tokenStyle = computed(() =>\r\n      toCssVarsStyle({\r\n        ...propSizeToCssVars('choose', size.value),\r\n        ...propColorToCssVars('choose', color.value),\r\n        '--w-prop-list-size': effectiveSizeVar('choose'),\r\n        '--w-prop-layer-bg-color': effectiveBgVar('choose'),\r\n        '--w-prop-layer-text-color': effectiveTextVar('choose'),\r\n        ...props.cssVars,\r\n      }),\r\n    )\r\n\r\n    const layerContentStyle = computed(() => {\r\n      if (triggerRect.value) {\r\n        return mergeStyle(tokenStyle.value, {\r\n          minWidth: triggerRect.value.width + 'px',\r\n        })\r\n      }\r\n      return tokenStyle.value\r\n    })\r\n\r\n    const layerOptions = computed(() => ({\r\n      bind: props.bind,\r\n      manual: true,\r\n      nearby: props.nearby,\r\n      placement: props.placement,\r\n      hasArrow: props.hasArrow,\r\n      gap: props.gap,\r\n      transitionName,\r\n      layerClass: [\r\n        props.layerClass,\r\n        { 'w-choose-layer--virtual': useVirtual.value },\r\n      ],\r\n      layerStyle: layerContentStyle.value,\r\n      show: visible.value,\r\n      adjustPosition: props.adjustPosition || 'top',\r\n      clickOutside: () => {\r\n        visible.value = false\r\n      },\r\n      'onUpdate:show': (v: boolean) => {\r\n        visible.value = v\r\n      },\r\n      'onGet-trigger-rect': (rect: RectType) => {\r\n        triggerRect.value = rect\r\n      },\r\n      'onGet-layer-size': ({\r\n        width,\r\n        height,\r\n      }: {\r\n        width: number\r\n        height: number\r\n      }) => {\r\n        layerSize.width = width\r\n        layerSize.height = height\r\n      },\r\n      'onGet-layer-element': (el: HTMLElement) => {\r\n        emit('get-layer-element', el)\r\n      },\r\n    }))\r\n\r\n    function emitChange(\r\n      value: number | string | boolean | undefined,\r\n      label: number | string | boolean | undefined,\r\n    ) {\r\n      emit('update:modelValue', value)\r\n      emit('change', readonly({ label, value }))\r\n      formItem?.validate('change')\r\n    }\r\n\r\n    provide(SetCurrentLabelKey, (v) => {\r\n      txt.value = v as any\r\n    })\r\n    provide(SetCurrentValueKey, (v) => {\r\n      emitChange(v, txt.value)\r\n    })\r\n    provide(\r\n      CurrentValueKey,\r\n      computed(() => props.modelValue),\r\n    )\r\n    provide(CurrentLabelKey, readonly(txt) as any)\r\n    provide(ToCloseKey, () => {\r\n      visible.value = false\r\n    })\r\n\r\n    watch(\r\n      () => props.show,\r\n      (v) => {\r\n        visible.value = !!v\r\n      },\r\n    )\r\n    watch(visible, (v) => {\r\n      emit('update:show', v)\r\n      if (v) toLoad()\r\n    })\r\n    watch(\r\n      () => props.modelValue,\r\n      (v) => {\r\n        if (v === '' || v === undefined) {\r\n          txt.value = undefined\r\n        } else {\r\n          syncLabelFromOptions(v)\r\n        }\r\n      },\r\n    )\r\n    watch(\r\n      [() => props.lazyLoad, () => props.text, optionList],\r\n      () => {\r\n        if (props.text) {\r\n          txt.value = props.text\r\n          return\r\n        }\r\n        if (props.modelValue !== undefined && props.modelValue !== '') {\r\n          syncLabelFromOptions(props.modelValue)\r\n        }\r\n      },\r\n      { immediate: true },\r\n    )\r\n\r\n    function syncLabelFromOptions(v: number | string | boolean) {\r\n      const list = optionList.value\r\n      if (!list?.length) return\r\n      const hit = list.find((item) => item[valueField.value] === v)\r\n      if (hit) {\r\n        txt.value = hit[labelField.value]\r\n      }\r\n    }\r\n\r\n    function toLoad() {\r\n      if (!props.lazyLoad) return\r\n      if (\r\n        lazyData.value === undefined ||\r\n        (isArray(lazyData.value) && lazyData.value.length === 0)\r\n      ) {\r\n        loading.value = true\r\n        props\r\n          .lazyLoad()\r\n          .then((d) => {\r\n            lazyData.value = d\r\n            loading.value = false\r\n            if (\r\n              props.modelValue !== undefined &&\r\n              props.modelValue !== '' &&\r\n              !props.text\r\n            ) {\r\n              syncLabelFromOptions(props.modelValue)\r\n            }\r\n          })\r\n          .catch(() => {\r\n            loading.value = false\r\n          })\r\n      }\r\n    }\r\n\r\n    function renderOptionItem(item: ChooseOption, index: number) {\r\n      const value = item[valueField.value]\r\n      const label = item[labelField.value]\r\n      const itemDisabled = !!item[disabledField.value]\r\n      return (\r\n        <ChooseItem\r\n          key={String(value)}\r\n          value={value}\r\n          label={label}\r\n          disabled={itemDisabled}>\r\n          {slots.option?.(item, index) ?? label}\r\n        </ChooseItem>\r\n      )\r\n    }\r\n\r\n    function renderOptionsContent(list: ChooseOption[]) {\r\n      if (useVirtual.value) {\r\n        return (\r\n          <Virtual\r\n            class=\"w-choose-virtual\"\r\n            sourceData={list}\r\n            itemHeight={itemHeight.value}\r\n            pad={3}\r\n            style={{ maxHeight: '360px' }}\r\n            v-slots={{\r\n              default: ({ data, index }: { data: ChooseOption[]; index: { from: number } }) =>\r\n                data.map((item, i) =>\r\n                  renderOptionItem(item, index.from + i),\r\n                ),\r\n            }}\r\n          />\r\n        )\r\n      }\r\n      return list.map((item, i) => renderOptionItem(item, i))\r\n    }\r\n\r\n    function renderPanelContent() {\r\n      // lazyLoad + 自定义 default 插槽\r\n      if (props.lazyLoad && slots.default && !props.options) {\r\n        let isEmpty = false\r\n        if (!lazyData.value) isEmpty = true\r\n        else if (isArray(lazyData.value) && lazyData.value.length === 0)\r\n          isEmpty = true\r\n\r\n        const fallback = (\r\n          <Fallback\r\n            loading={loading.value}\r\n            empty={isEmpty}\r\n            loadingProps={{ text: t('choose.loading') }}\r\n            emptyProps={{ text: t('choose.empty') }}\r\n            v-slots={{ loading: slots.loading, empty: slots.empty }}\r\n          />\r\n        )\r\n        if (loading.value || isEmpty) return fallback\r\n        return slots.default({\r\n          data: lazyData.value,\r\n          loading: loading.value,\r\n        })\r\n      }\r\n\r\n      // 内置 options / lazy 数组渲染\r\n      if (useBuiltInOptions.value) {\r\n        const list = optionList.value || []\r\n        if (props.lazyLoad && loading.value) {\r\n          return (\r\n            <Fallback\r\n              loading\r\n              loadingProps={{ text: t('choose.loading') }}\r\n              v-slots={{ loading: slots.loading }}\r\n            />\r\n          )\r\n        }\r\n        if (!list.length) {\r\n          return (\r\n            <Fallback\r\n              empty\r\n              emptyProps={{ text: t('choose.empty'), show: true }}\r\n              v-slots={{ empty: slots.empty }}\r\n            />\r\n          )\r\n        }\r\n        return renderOptionsContent(list)\r\n      }\r\n\r\n      // 传统插槽：直接放 ChooseItem\r\n      const defaultContent = slots.default?.()\r\n      if (isArray(defaultContent) && defaultContent.length) {\r\n        const first = defaultContent[0]\r\n        if (isComment(first) || isFragment(first)) {\r\n          return <Fallback empty emptyProps={{ show: true }} />\r\n        }\r\n      }\r\n      if (!defaultContent || (isArray(defaultContent) && !defaultContent.length)) {\r\n        return <Fallback empty emptyProps={{ show: true }} />\r\n      }\r\n      return defaultContent\r\n    }\r\n\r\n    function renderTrigger() {\r\n      const triggerOptions = mergeProps(\r\n        {\r\n          class: [\r\n            'w-choose-trigger',\r\n            `w-choose-mode-${cfg.value.mode}`,\r\n            {\r\n              'w-choose-spread': visible.value,\r\n              'w-choose-disabled': disabled.value,\r\n              'w-choose-block': cfg.value.block,\r\n              'w-choose-isError': isError.value,\r\n            },\r\n          ],\r\n          style: tokenStyle.value,\r\n          onClick: () => {\r\n            if (disabled.value) return\r\n            visible.value = !visible.value\r\n          },\r\n        },\r\n        attrs,\r\n      )\r\n      const closeOptions = {\r\n        class: 'w-choose-close-btn',\r\n        name: 'w-icon-close-fill',\r\n        onClick: (e: MouseEvent) => {\r\n          emitChange(undefined, undefined)\r\n          txt.value = undefined\r\n          e.stopPropagation()\r\n        },\r\n      }\r\n      return (\r\n        <div {...triggerOptions}>\r\n          {txt.value &&\r\n          props.modelValue !== undefined &&\r\n          props.modelValue !== '' ? (\r\n            <span class=\"w-choose-text\">{txt.value}</span>\r\n          ) : (\r\n            <Placeholder\r\n              placeholder={\r\n                cfg.value.placeholder ?? props.placeholder\r\n              }\r\n            />\r\n          )}\r\n          {showCloseBtn.value ? (\r\n            <Close {...closeOptions} />\r\n          ) : (\r\n            <Icon\r\n              name=\"w-icon-arrow-down\"\r\n              class=\"w-choose-arrow-btn\"\r\n              rotate={visible.value}\r\n            />\r\n          )}\r\n        </div>\r\n      )\r\n    }\r\n\r\n    return () => (\r\n      <Layer\r\n        {...(layerOptions.value as any)}\r\n        v-slots={{\r\n          default: renderPanelContent,\r\n          trigger: renderTrigger,\r\n        }}\r\n      />\r\n    )\r\n  },\r\n})\r\n"],"mappings":"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"}

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

@@ -0,0 +1,37 @@
+/**
+ * 可通过 `app.use(UI, { components: { Choose: {...} } })` 配置。
+ * 不宜全局配置：modelValue / show / options / lazyLoad / text（实例数据）。
+ */
+export type ChooseMode = 'default' | 'text';
+export type ChooseGlobalConfig = Partial<{
+    clearable: boolean;
+    block: boolean;
+    disabled: boolean;
+    mode: ChooseMode;
+    placeholder: string;
+    virtual: boolean;
+    virtualThreshold: number;
+    itemHeight: number;
+    size: number;
+    color: string;
+    valueField: string;
+    labelField: string;
+    disabledField: string;
+}>;
+export declare const CHOOSE_FALLBACK: {
+    clearable: boolean;
+    block: boolean;
+    disabled: boolean;
+    mode: ChooseMode;
+    placeholder: string | undefined;
+    /** undefined = 选项数 >= virtualThreshold 时自动开启 */
+    virtual: boolean | undefined;
+    virtualThreshold: number;
+    itemHeight: number;
+    size: number | undefined;
+    color: string | undefined;
+    valueField: string;
+    labelField: string;
+    disabledField: string;
+};
+export type ChooseOption = Record<string, any>;

package/dist/components/choose/config.js

@@ -0,0 +1,21 @@
+//#region components/choose/config.ts
+var CHOOSE_FALLBACK = {
+	clearable: false,
+	block: false,
+	disabled: false,
+	mode: "default",
+	placeholder: void 0,
+	/** undefined = 选项数 >= virtualThreshold 时自动开启 */
+	virtual: void 0,
+	virtualThreshold: 50,
+	itemHeight: 40,
+	size: void 0,
+	color: void 0,
+	valueField: "value",
+	labelField: "label",
+	disabledField: "disabled"
+};
+//#endregion
+export { CHOOSE_FALLBACK };
+
+//# sourceMappingURL=config.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"config.js","names":[],"sources":["../../../components/choose/config.ts"],"sourcesContent":["/**\r\n * 可通过 `app.use(UI, { components: { Choose: {...} } })` 配置。\r\n * 不宜全局配置：modelValue / show / options / lazyLoad / text（实例数据）。\r\n */\r\nexport type ChooseMode = 'default' | 'text'\r\n\r\nexport type ChooseGlobalConfig = Partial<{\r\n  clearable: boolean\r\n  block: boolean\r\n  disabled: boolean\r\n  mode: ChooseMode\r\n  placeholder: string\r\n  virtual: boolean\r\n  virtualThreshold: number\r\n  itemHeight: number\r\n  size: number\r\n  color: string\r\n  valueField: string\r\n  labelField: string\r\n  disabledField: string\r\n}>\r\n\r\nexport const CHOOSE_FALLBACK = {\r\n  clearable: false,\r\n  block: false,\r\n  disabled: false,\r\n  mode: 'default' as ChooseMode,\r\n  placeholder: undefined as string | undefined,\r\n  /** undefined = 选项数 >= virtualThreshold 时自动开启 */\r\n  virtual: undefined as boolean | undefined,\r\n  virtualThreshold: 50,\r\n  itemHeight: 40,\r\n  size: undefined as number | undefined,\r\n  color: undefined as string | undefined,\r\n  valueField: 'value',\r\n  labelField: 'label',\r\n  disabledField: 'disabled',\r\n}\r\n\r\nexport type ChooseOption = Record<string, any>\r\n"],"mappings":";AAsBA,IAAa,kBAAkB;CAC7B,WAAW;CACX,OAAO;CACP,UAAU;CACV,MAAM;CACN,aAAa,KAAA;;CAEb,SAAS,KAAA;CACT,kBAAkB;CAClB,YAAY;CACZ,MAAM,KAAA;CACN,OAAO,KAAA;CACP,YAAY;CACZ,YAAY;CACZ,eAAe;AACjB"}

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

@@ -0,0 +1,3 @@
+export { default } from './Choose';
+export type { ChooseGlobalConfig, ChooseMode, ChooseOption } from './config';
+export { CHOOSE_FALLBACK } from './config';

package/dist/components/choose/injectionKey.d.ts

@@ -0,0 +1,12 @@
+import { InjectionKey, ComputedRef, Ref, ToRefs } from 'vue';
+type SetValue = (v: number | string | boolean | undefined) => void;
+export declare const CurrentLabelKey: InjectionKey<Ref<number | string | undefined>>;
+export declare const CurrentValueKey: InjectionKey<ComputedRef<number | string | boolean | undefined>>;
+export declare const SetCurrentValueKey: InjectionKey<SetValue>;
+export declare const SetCurrentLabelKey: InjectionKey<SetValue>;
+export declare const ToCloseKey: InjectionKey<() => void>;
+export declare const ChooseLayerSizeKey: InjectionKey<ToRefs<{
+    width: number;
+    height: number;
+}>>;
+export {};

package/dist/components/choose/injectionKey.js

@@ -0,0 +1,11 @@
+//#region components/choose/injectionKey.ts
+var CurrentLabelKey = Symbol();
+var CurrentValueKey = Symbol();
+var SetCurrentValueKey = Symbol();
+var SetCurrentLabelKey = Symbol();
+var ToCloseKey = Symbol();
+var ChooseLayerSizeKey = Symbol();
+//#endregion
+export { ChooseLayerSizeKey, CurrentLabelKey, CurrentValueKey, SetCurrentLabelKey, SetCurrentValueKey, ToCloseKey };
+
+//# sourceMappingURL=injectionKey.js.map

package/dist/components/choose/injectionKey.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"injectionKey.js","names":[],"sources":["../../../components/choose/injectionKey.ts"],"sourcesContent":["import type { InjectionKey, ComputedRef, Ref, ToRefs } from \"vue\"\r\ntype SetValue = (v: number | string | boolean | undefined) => void\r\nexport const CurrentLabelKey: InjectionKey<Ref<number | string | undefined>> =\r\n  Symbol()\r\nexport const CurrentValueKey: InjectionKey<\r\n  ComputedRef<number | string | boolean | undefined>\r\n> = Symbol()\r\n\r\nexport const SetCurrentValueKey: InjectionKey<SetValue> = Symbol()\r\n\r\nexport const SetCurrentLabelKey: InjectionKey<SetValue> = Symbol()\r\n\r\nexport const ToCloseKey: InjectionKey<() => void> = Symbol()\r\n\r\nexport const ChooseLayerSizeKey: InjectionKey<\r\n  ToRefs<{ width: number; height: number }>\r\n> = Symbol()\r\n"],"mappings":";AAEA,IAAa,kBACX,OAAO;AACT,IAAa,kBAET,OAAO;AAEX,IAAa,qBAA6C,OAAO;AAEjE,IAAa,qBAA6C,OAAO;AAEjE,IAAa,aAAuC,OAAO;AAE3D,IAAa,qBAET,OAAO"}

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

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