@will-ui/vue 1.0.0

package/dist/components/match/Match.js

@@ -0,0 +1,343 @@
+import useComponentConfig from "../../use/useComponentConfig.js";
+import Icon_default from "../icon/Icon.js";
+import { getItemValue, isArray, isValidValue } 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 { useUII18n } from "../../use/useUII18n.js";
+import useSearch from "../../use/useSearch.js";
+import List_default from "../list/List.js";
+import Write_default from "../write/Write.js";
+import useRequest from "../../use/useRequest.js";
+import { MATCH_FALLBACK } from "./config.js";
+import { computed, createVNode, defineComponent, normalizeClass, ref, watch } from "vue";
+//#region components/match/Match.tsx
+var Match_default = /* @__PURE__ */ defineComponent({
+	name: "Match",
+	inheritAttrs: false,
+	components: {
+		Write: Write_default,
+		Layer: Layer_default,
+		Icon: Icon_default,
+		List: List_default
+	},
+	props: {
+		data: {
+			type: Array,
+			default: () => []
+		},
+		placement: {
+			...LayerProps.placement,
+			default: "bottom-start"
+		},
+		adjustPosition: LayerProps.adjustPosition,
+		nearby: LayerProps.nearby,
+		gap: {
+			...LayerProps.gap,
+			default: 2
+		},
+		show: {
+			type: Boolean,
+			default: false
+		},
+		modelValue: {
+			type: [String, Number],
+			default: void 0
+		},
+		text: {
+			type: String,
+			default: ""
+		},
+		placeholder: {
+			type: String,
+			default: void 0
+		},
+		readonly: {
+			type: Boolean,
+			default: void 0
+		},
+		disabled: {
+			type: Boolean,
+			default: void 0
+		},
+		block: {
+			type: Boolean,
+			default: void 0
+		},
+		inputClass: {
+			type: [
+				Object,
+				Array,
+				String
+			],
+			default: void 0
+		},
+		simple: {
+			type: Boolean,
+			default: void 0
+		},
+		/** focus 时是否展开下拉层；可全局配置，默认 true */
+		openOnFocus: {
+			type: Boolean,
+			default: void 0
+		},
+		keyField: {
+			type: String,
+			default: void 0
+		},
+		textField: {
+			type: String,
+			default: void 0
+		},
+		itemClass: {
+			type: [
+				Object,
+				Array,
+				String
+			],
+			default: void 0
+		},
+		checkable: {
+			type: Function,
+			default: void 0
+		},
+		lazyLoad: {
+			type: Function,
+			default: void 0
+		},
+		request: {
+			type: Function,
+			default: void 0
+		},
+		/** 实例高度（px），写入 `--w-prop-match-size` / Write / List */
+		size: {
+			type: Number,
+			default: void 0
+		},
+		/** 品牌主色 → `--w-prop-match-color` */
+		color: {
+			type: String,
+			default: void 0
+		},
+		/** 实例 CSS 变量（如 `--w-prop-match-bg-color`） */
+		cssVars: {
+			type: Object,
+			default: void 0
+		}
+	},
+	emits: {
+		"update:show": (_v) => true,
+		"update:modelValue": (_v) => true,
+		"update:text": (_v) => true,
+		change: (_payload) => true,
+		search: (_payload) => true
+	},
+	setup(props, { attrs, slots, emit }) {
+		const { formItem, useDisabled } = useFormItem();
+		const cfg = useComponentConfig("Match", props, MATCH_FALLBACK);
+		const disabled = useDisabled(computed(() => cfg.value.disabled));
+		const { t } = useUII18n();
+		const keyField = computed(() => cfg.value.keyField || MATCH_FALLBACK.keyField);
+		const textField = computed(() => cfg.value.textField || MATCH_FALLBACK.textField);
+		const transitionName = "w-slide-y";
+		const searchText = ref("");
+		const dontSearch = ref(false);
+		const { data: reqData, loading, empty: reqEmpty, get: getData } = useRequest(props.request, searchText, true);
+		const filterData = useSearch(computed(() => props.request ? reqData.value : props.data), searchText, dontSearch, textField.value, afterSearch);
+		const { loading: isLoading, empty: lazyEmpty, get: lazyGet } = useRequest(props.lazyLoad, ref(""), true);
+		const isEmpty = computed(() => filterData.value.length === 0 || lazyEmpty.value);
+		const triggerRect = ref();
+		const visible = ref(!!props.show);
+		const resolvedPlaceholder = computed(() => cfg.value.placeholder || props.placeholder || t("match.placeholder"));
+		const tokenStyle = computed(() => toCssVarsStyle({
+			...propSizeToCssVars("match", cfg.value.size),
+			...propColorToCssVars("match", cfg.value.color),
+			"--w-prop-list-size": effectiveSizeVar("match"),
+			"--w-prop-write-size": effectiveSizeVar("match"),
+			"--w-prop-layer-bg-color": effectiveBgVar("match"),
+			"--w-prop-layer-text-color": effectiveTextVar("match"),
+			...props.cssVars
+		}));
+		const layerContentStyle = computed(() => {
+			if (triggerRect.value) return mergeStyle(tokenStyle.value, { minWidth: triggerRect.value.width + "px" });
+			return tokenStyle.value;
+		});
+		const layerOptions = computed(() => ({
+			manual: true,
+			hasArrow: false,
+			nearby: props.nearby,
+			transitionName,
+			show: visible.value && !disabled.value,
+			gap: props.gap,
+			adjustPosition: props.adjustPosition,
+			layerClass: ["w-match-layer"],
+			layerStyle: layerContentStyle.value,
+			clickOutside: () => {
+				visible.value = false;
+			},
+			"onUpdate:show": (v) => {
+				if (!disabled.value) visible.value = v;
+			},
+			placement: props.placement,
+			"onGet-trigger-rect": (rect) => {
+				triggerRect.value = rect;
+			}
+		}));
+		watch(() => props.show, (v) => {
+			visible.value = !!v;
+		});
+		watch(visible, (v) => emit("update:show", v));
+		watch([() => props.data, () => props.modelValue], ([d, v]) => {
+			if (d?.length && isValidValue(v)) {
+				const item = d.find((_d) => getItemValue(_d, keyField.value) === v);
+				if (item) {
+					const _text = getItemValue(item, textField.value);
+					if (searchText.value === "" || searchText.value !== _text) {
+						dontSearch.value = true;
+						searchText.value = _text ? String(_text) : "";
+					}
+				}
+			} else searchText.value = "";
+			if (!v) searchText.value = "";
+		}, { immediate: true });
+		let stopWatchText = null;
+		stopWatchText = watch(() => props.text, (text) => {
+			if (text !== void 0 && text !== null) {
+				searchText.value = text;
+				if (props.data && isArray(props.data) && props.data.length > 0 && stopWatchText) stopWatchText();
+			}
+		}, { immediate: true });
+		function clearValue() {
+			emit("update:modelValue", void 0);
+			emit("update:text", "");
+			emit("change", {
+				item: void 0,
+				index: void 0
+			});
+			formItem?.validate("change");
+		}
+		function afterSearch(resultLength, isFullData, isEqual, index) {
+			if (!isFullData && resultLength > 0 && isEqual) {
+				const item = filterData.value[0];
+				toEmit(item, index);
+			}
+			visible.value = true;
+		}
+		function toEmit(item, index) {
+			const _key = getItemValue(item, keyField.value);
+			const _text = getItemValue(item, textField.value);
+			searchText.value = _text ? String(_text) : "";
+			emit("update:text", _text);
+			emit("update:modelValue", _key);
+			emit("change", {
+				item,
+				index
+			});
+			formItem?.validate("change");
+		}
+		function toLoad() {
+			if (props.lazyLoad && props.data?.length === 0) lazyGet();
+		}
+		function renderTrigger() {
+			const writeOptions = {
+				class: normalizeClass([
+					"w-match",
+					{
+						"w-match-block": cfg.value.block,
+						"w-match-isError": formItem?.validateState === "error"
+					},
+					attrs.class
+				]),
+				clearable: true,
+				simple: cfg.value.simple,
+				block: cfg.value.block,
+				size: cfg.value.size,
+				placeholder: resolvedPlaceholder.value,
+				inputClass: props.inputClass,
+				disabled: disabled.value,
+				readonly: cfg.value.readonly,
+				modelValue: searchText.value,
+				"onUpdate:modelValue": () => {},
+				style: tokenStyle.value,
+				onFocus: () => {
+					if (disabled.value) return;
+					if (!cfg.value.openOnFocus) return;
+					toLoad();
+					visible.value = true;
+				},
+				onSearch: (val) => {
+					if (disabled.value) return;
+					searchText.value = val;
+					dontSearch.value = false;
+					if (props.request) {
+						if (val !== "") {
+							visible.value = true;
+							getData();
+						} else visible.value = false;
+					} else toLoad();
+					emit("search", {
+						val,
+						clear: () => {
+							searchText.value = "";
+							clearValue();
+						}
+					});
+				},
+				onClear: () => {
+					if (disabled.value) return;
+					dontSearch.value = false;
+					if (props.request) visible.value = false;
+					searchText.value = "";
+					clearValue();
+				}
+			};
+			return createVNode(Write_default, writeOptions, { default: ({ focus }) => {
+				if (props.request) return null;
+				return createVNode(Icon_default, {
+					"class": ["w-cursor-pointer", "w-match-icon"],
+					"name": "w-icon-arrow-down",
+					"rotate": visible.value,
+					"onClick": (e) => {
+						if (disabled.value) {
+							e.stopPropagation();
+							return;
+						}
+						toLoad();
+						visible.value = !visible.value;
+						if (visible.value) focus();
+						e.stopPropagation();
+					}
+				}, null);
+			} });
+		}
+		return () => {
+			const listOptions = {
+				data: filterData.value,
+				size: cfg.value.size,
+				color: cfg.value.color,
+				keyField: keyField.value,
+				textField: textField.value,
+				loading: props.request ? loading.value : isLoading.value,
+				empty: isEmpty.value,
+				itemClass: props.itemClass,
+				checkable: props.checkable,
+				activable: (item) => getItemValue(item, keyField.value) === props.modelValue && props.modelValue !== void 0,
+				onToggle: (item, index) => {
+					if (getItemValue(item, keyField.value) !== props.modelValue) {
+						dontSearch.value = true;
+						toEmit(item, index);
+					}
+					visible.value = false;
+				}
+			};
+			return createVNode(Layer_default, layerOptions.value, {
+				trigger: renderTrigger,
+				default: () => createVNode(List_default, listOptions, { default: slots.default })
+			});
+		};
+	}
+});
+//#endregion
+export { Match_default as default };
+
+//# sourceMappingURL=Match.js.map

package/dist/components/match/Match.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Match.js","names":["computed","ref","defineComponent","watch","normalizeClass","createVNode","_createVNode","Layer","LayerProps","Write","Icon","List","useUII18n","useSearch","useRequest","useComponentConfig","useFormItem","getItemValue","isArray","isValidValue","mergeStyle","propSizeToCssVars","propColorToCssVars","effectiveSizeVar","effectiveBgVar","effectiveTextVar","toCssVarsStyle","MATCH_FALLBACK","name","inheritAttrs","components","props","data","type","Array","default","placement","adjustPosition","nearby","gap","show","Boolean","modelValue","String","Number","undefined","text","placeholder","readonly","disabled","block","inputClass","Object","simple","openOnFocus","keyField","textField","itemClass","checkable","Function","lazyLoad","request","size","color","cssVars","emits","_v","change","_payload","search","setup","attrs","slots","emit","formItem","useDisabled","cfg","value","t","transitionName","searchText","dontSearch","reqData","loading","empty","reqEmpty","get","getData","filterData","afterSearch","isLoading","lazyEmpty","lazyGet","isEmpty","length","triggerRect","visible","resolvedPlaceholder","tokenStyle","layerContentStyle","minWidth","width","layerOptions","manual","hasArrow","layerClass","layerStyle","clickOutside","v","rect","d","item","find","_d","_text","immediate","stopWatchText","clearValue","index","validate","resultLength","isFullData","isEqual","toEmit","_key","toLoad","renderTrigger","writeOptions","class","validateState","clearable","onUpdate:modelValue","style","onFocus","onSearch","val","clear","onClear","writeSlots","focus","e","stopPropagation","listOptions","activable","onToggle","key","trigger"],"sources":["../../../components/match/Match.tsx"],"sourcesContent":["import type { PropType } from 'vue'\r\nimport {\r\n  computed,\r\n  ref,\r\n  defineComponent,\r\n  watch,\r\n  normalizeClass,\r\n} from 'vue'\r\nimport type { RectType } from '../../config/types'\r\nimport Layer, { LayerProps } from '../layer/index'\r\nimport Write from '../write/index'\r\nimport Icon from '../icon/index'\r\nimport List from '../list/index'\r\nimport { useUII18n } from '../../use/useUII18n'\r\nimport useSearch from '../../use/useSearch'\r\nimport useRequest from '../../use/useRequest'\r\nimport useComponentConfig from '../../use/useComponentConfig'\r\nimport useFormItem from '../../use/useFormItem'\r\nimport { getItemValue, isArray, isValidValue, mergeStyle, propSizeToCssVars, propColorToCssVars, effectiveSizeVar, effectiveBgVar, effectiveTextVar, toCssVarsStyle, type CssVars } from '../../util'\r\nimport { MATCH_FALLBACK } from './config'\r\n\r\nexport type { MatchGlobalConfig } from './config'\r\nexport { MATCH_FALLBACK } from './config'\r\n\r\ntype DataItemType = Record<string, any>\r\n\r\nexport default defineComponent({\r\n  name: 'Match',\r\n  inheritAttrs: false,\r\n  components: { Write, Layer, Icon, List },\r\n  props: {\r\n    data: { type: Array as PropType<DataItemType[]>, default: () => [] },\r\n    placement: {\r\n      ...LayerProps.placement,\r\n      default: 'bottom-start',\r\n    },\r\n    adjustPosition: LayerProps.adjustPosition,\r\n    nearby: LayerProps.nearby,\r\n    gap: { ...LayerProps.gap, default: 2 },\r\n    show: { type: Boolean, default: false },\r\n    modelValue: { type: [String, Number], default: undefined },\r\n    text: { type: String, default: '' },\r\n    placeholder: { type: String, default: undefined },\r\n    readonly: { type: Boolean, default: undefined },\r\n    disabled: { type: Boolean, default: undefined },\r\n    block: { type: Boolean, default: undefined },\r\n    inputClass: { type: [Object, Array, String], default: undefined },\r\n    simple: { type: Boolean, default: undefined },\r\n    /** focus 时是否展开下拉层；可全局配置，默认 true */\r\n    openOnFocus: { type: Boolean, default: undefined },\r\n    keyField: { type: String, default: undefined },\r\n    textField: { type: String, default: undefined },\r\n    itemClass: { type: [Object, Array, String], default: undefined },\r\n    checkable: {\r\n      type: Function as PropType<\r\n        (item: DataItemType, index: number) => boolean\r\n      >,\r\n      default: undefined,\r\n    },\r\n    lazyLoad: {\r\n      type: Function as PropType<() => Promise<DataItemType[]>>,\r\n      default: undefined,\r\n    },\r\n    request: {\r\n      type: Function as PropType<() => Promise<DataItemType[]>>,\r\n      default: undefined,\r\n    },\r\n    /** 实例高度（px），写入 `--w-prop-match-size` / Write / List */\r\n    size: { type: Number, default: undefined },\r\n    /** 品牌主色 → `--w-prop-match-color` */\r\n    color: { type: String, default: undefined },\r\n    /** 实例 CSS 变量（如 `--w-prop-match-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: string | number | undefined) => true,\r\n    'update:text': (_v: string) => true,\r\n    change: (_payload: { item?: DataItemType; index?: number }) => true,\r\n    search: (_payload: { val: string; clear: () => void }) => true,\r\n  },\r\n  setup(props, { attrs, slots, emit }) {\r\n    const { formItem, useDisabled } = useFormItem()\r\n    const cfg = useComponentConfig('Match', props, MATCH_FALLBACK)\r\n    const disabled = useDisabled(computed(() => cfg.value.disabled))\r\n    const { t } = useUII18n()\r\n\r\n    const keyField = computed(\r\n      () => cfg.value.keyField || MATCH_FALLBACK.keyField,\r\n    )\r\n    const textField = computed(\r\n      () => cfg.value.textField || MATCH_FALLBACK.textField,\r\n    )\r\n\r\n    const transitionName = 'w-slide-y'\r\n    const searchText = ref('')\r\n    const dontSearch = ref(false)\r\n\r\n    const {\r\n      data: reqData,\r\n      loading,\r\n      empty: reqEmpty,\r\n      get: getData,\r\n    } = useRequest(props.request, searchText, true)\r\n\r\n    const filterData = useSearch<DataItemType>(\r\n      computed(() => (props.request ? reqData.value : props.data)),\r\n      searchText,\r\n      dontSearch,\r\n      textField.value,\r\n      afterSearch,\r\n    )\r\n\r\n    const {\r\n      loading: isLoading,\r\n      empty: lazyEmpty,\r\n      get: lazyGet,\r\n    } = useRequest(props.lazyLoad, ref(''), true)\r\n\r\n    const isEmpty = computed(\r\n      () => filterData.value.length === 0 || lazyEmpty.value,\r\n    )\r\n    const triggerRect = ref<RectType>()\r\n    const visible = ref(!!props.show)\r\n\r\n    const resolvedPlaceholder = computed(\r\n      () => cfg.value.placeholder || props.placeholder || t('match.placeholder'),\r\n    )\r\n\r\n    const tokenStyle = computed(() =>\r\n      toCssVarsStyle({\r\n        ...propSizeToCssVars('match', cfg.value.size),\r\n        ...propColorToCssVars('match', cfg.value.color),\r\n        '--w-prop-list-size': effectiveSizeVar('match'),\r\n        '--w-prop-write-size': effectiveSizeVar('match'),\r\n        '--w-prop-layer-bg-color': effectiveBgVar('match'),\r\n        '--w-prop-layer-text-color': effectiveTextVar('match'),\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      manual: true,\r\n      hasArrow: false,\r\n      nearby: props.nearby,\r\n      transitionName,\r\n      show: visible.value && !disabled.value,\r\n      gap: props.gap,\r\n      adjustPosition: props.adjustPosition,\r\n      layerClass: ['w-match-layer'],\r\n      layerStyle: layerContentStyle.value,\r\n      clickOutside: () => {\r\n        visible.value = false\r\n      },\r\n      'onUpdate:show': (v: boolean) => {\r\n        if (!disabled.value) visible.value = v\r\n      },\r\n      placement: props.placement,\r\n      'onGet-trigger-rect': (rect: RectType) => {\r\n        triggerRect.value = rect\r\n      },\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) => emit('update:show', v))\r\n\r\n    watch(\r\n      [() => props.data, () => props.modelValue],\r\n      ([d, v]) => {\r\n        if (d?.length && isValidValue(v)) {\r\n          const item = d.find(\r\n            (_d) => getItemValue(_d, keyField.value) === v,\r\n          )\r\n          if (item) {\r\n            const _text = getItemValue(item, textField.value)\r\n            if (searchText.value === '' || searchText.value !== _text) {\r\n              dontSearch.value = true\r\n              searchText.value = _text ? String(_text) : ''\r\n            }\r\n          }\r\n        } else {\r\n          searchText.value = ''\r\n        }\r\n        if (!v) searchText.value = ''\r\n      },\r\n      { immediate: true },\r\n    )\r\n\r\n    let stopWatchText: (() => void) | null = null\r\n    stopWatchText = watch(\r\n      () => props.text,\r\n      (text) => {\r\n        if (text !== undefined && text !== null) {\r\n          searchText.value = text\r\n          if (\r\n            props.data &&\r\n            isArray(props.data) &&\r\n            props.data.length > 0 &&\r\n            stopWatchText\r\n          ) {\r\n            stopWatchText()\r\n          }\r\n        }\r\n      },\r\n      { immediate: true },\r\n    )\r\n\r\n    function clearValue() {\r\n      emit('update:modelValue', undefined)\r\n      emit('update:text', '')\r\n      emit('change', { item: undefined, index: undefined })\r\n      formItem?.validate('change')\r\n    }\r\n\r\n    function afterSearch(\r\n      resultLength: number,\r\n      isFullData: boolean,\r\n      isEqual?: boolean,\r\n      index?: number,\r\n    ) {\r\n      if (!isFullData && resultLength > 0 && isEqual) {\r\n        const item = filterData.value[0]!\r\n        toEmit(item, index!)\r\n      }\r\n      visible.value = true\r\n    }\r\n\r\n    function toEmit(item: DataItemType, index: number) {\r\n      const _key = getItemValue(item, keyField.value)\r\n      const _text = getItemValue(item, textField.value)\r\n      searchText.value = _text ? String(_text) : ''\r\n      emit('update:text', _text as string)\r\n      emit('update:modelValue', _key as string | number)\r\n      emit('change', { item, index })\r\n      formItem?.validate('change')\r\n    }\r\n\r\n    function toLoad() {\r\n      if (props.lazyLoad && props.data?.length === 0) {\r\n        lazyGet()\r\n      }\r\n    }\r\n\r\n    function renderTrigger() {\r\n      const writeOptions: any = {\r\n        class: normalizeClass([\r\n          'w-match',\r\n          {\r\n            'w-match-block': cfg.value.block,\r\n            'w-match-isError': formItem?.validateState === 'error',\r\n          },\r\n          attrs.class,\r\n        ]),\r\n        clearable: true,\r\n        simple: cfg.value.simple,\r\n        block: cfg.value.block,\r\n        size: cfg.value.size,\r\n        placeholder: resolvedPlaceholder.value,\r\n        inputClass: props.inputClass,\r\n        disabled: disabled.value,\r\n        readonly: cfg.value.readonly,\r\n        modelValue: searchText.value,\r\n        'onUpdate:modelValue': () => {},\r\n        style: tokenStyle.value,\r\n        onFocus: () => {\r\n          if (disabled.value) return\r\n          if (!cfg.value.openOnFocus) return\r\n          toLoad()\r\n          visible.value = true\r\n        },\r\n        onSearch: (val: string) => {\r\n          if (disabled.value) return\r\n          searchText.value = val\r\n          dontSearch.value = false\r\n          if (props.request) {\r\n            if (val !== '') {\r\n              visible.value = true\r\n              getData()\r\n            } else {\r\n              visible.value = false\r\n            }\r\n          } else {\r\n            toLoad()\r\n          }\r\n          emit('search', {\r\n            val,\r\n            clear: () => {\r\n              searchText.value = ''\r\n              clearValue()\r\n            },\r\n          })\r\n        },\r\n        onClear: () => {\r\n          if (disabled.value) return\r\n          dontSearch.value = false\r\n          if (props.request) visible.value = false\r\n          searchText.value = ''\r\n          clearValue()\r\n        },\r\n      }\r\n\r\n      const writeSlots = {\r\n        default: ({ focus }: { focus: () => void }) => {\r\n          if (props.request) return null\r\n          return (\r\n            <Icon\r\n              class={['w-cursor-pointer', 'w-match-icon']}\r\n              name=\"w-icon-arrow-down\"\r\n              rotate={visible.value}\r\n              onClick={(e: MouseEvent) => {\r\n                if (disabled.value) {\r\n                  e.stopPropagation()\r\n                  return\r\n                }\r\n                toLoad()\r\n                visible.value = !visible.value\r\n                if (visible.value) focus()\r\n                e.stopPropagation()\r\n              }}\r\n            />\r\n          )\r\n        },\r\n      }\r\n      return <Write {...writeOptions} v-slots={writeSlots} />\r\n    }\r\n\r\n    return () => {\r\n      const listOptions = {\r\n        data: filterData.value,\r\n        size: cfg.value.size,\r\n        color: cfg.value.color,\r\n        keyField: keyField.value,\r\n        textField: textField.value,\r\n        loading: props.request ? loading.value : isLoading.value,\r\n        empty: isEmpty.value,\r\n        itemClass: props.itemClass,\r\n        checkable: props.checkable,\r\n        activable: (item: any) =>\r\n          getItemValue(item, keyField.value) === props.modelValue &&\r\n          props.modelValue !== undefined,\r\n        onToggle: (item: any, index: number) => {\r\n          const key = getItemValue(item, keyField.value)\r\n          if (key !== props.modelValue) {\r\n            dontSearch.value = true\r\n            toEmit(item, index)\r\n          }\r\n          visible.value = false\r\n        },\r\n      }\r\n      return (\r\n        <Layer\r\n          {...layerOptions.value}\r\n          v-slots={{\r\n            trigger: renderTrigger,\r\n            default: () => (\r\n              <List\r\n                {...listOptions}\r\n                v-slots={{ default: slots.default }}\r\n              />\r\n            ),\r\n          }}\r\n        />\r\n      )\r\n    }\r\n  },\r\n})\r\n"],"mappings":"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"}

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

@@ -0,0 +1,29 @@
+/**
+ * 可通过 `app.use(UI, { components: { Match: {...} } })` 配置。
+ * 不宜全局配置：modelValue / show / data / text / lazyLoad / request（实例数据）。
+ */
+export type MatchGlobalConfig = Partial<{
+    placeholder: string;
+    readonly: boolean;
+    disabled: boolean;
+    block: boolean;
+    simple: boolean;
+    /** focus 时是否展开下拉层 */
+    openOnFocus: boolean;
+    keyField: string;
+    textField: string;
+    size: number;
+    color: string;
+}>;
+export declare const MATCH_FALLBACK: {
+    placeholder: string | undefined;
+    readonly: boolean;
+    disabled: boolean;
+    block: boolean;
+    simple: boolean;
+    openOnFocus: boolean;
+    keyField: string;
+    textField: string;
+    size: number | undefined;
+    color: string | undefined;
+};

package/dist/components/match/config.js

@@ -0,0 +1,17 @@
+//#region components/match/config.ts
+var MATCH_FALLBACK = {
+	placeholder: void 0,
+	readonly: false,
+	disabled: false,
+	block: false,
+	simple: false,
+	openOnFocus: true,
+	keyField: "Id",
+	textField: "Name",
+	size: void 0,
+	color: void 0
+};
+//#endregion
+export { MATCH_FALLBACK };
+
+//# sourceMappingURL=config.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"config.js","names":[],"sources":["../../../components/match/config.ts"],"sourcesContent":["/**\r\n * 可通过 `app.use(UI, { components: { Match: {...} } })` 配置。\r\n * 不宜全局配置：modelValue / show / data / text / lazyLoad / request（实例数据）。\r\n */\r\nexport type MatchGlobalConfig = Partial<{\r\n  placeholder: string\r\n  readonly: boolean\r\n  disabled: boolean\r\n  block: boolean\r\n  simple: boolean\r\n  /** focus 时是否展开下拉层 */\r\n  openOnFocus: boolean\r\n  keyField: string\r\n  textField: string\r\n  size: number\r\n  color: string\r\n}>\r\n\r\nexport const MATCH_FALLBACK = {\r\n  placeholder: undefined as string | undefined,\r\n  readonly: false,\r\n  disabled: false,\r\n  block: false,\r\n  simple: false,\r\n  openOnFocus: true,\r\n  keyField: 'Id',\r\n  textField: 'Name',\r\n  size: undefined as number | undefined,\r\n  color: undefined as string | undefined,\r\n}\r\n"],"mappings":";AAkBA,IAAa,iBAAiB;CAC5B,aAAa,KAAA;CACb,UAAU;CACV,UAAU;CACV,OAAO;CACP,QAAQ;CACR,aAAa;CACb,UAAU;CACV,WAAW;CACX,MAAM,KAAA;CACN,OAAO,KAAA;AACT"}

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

@@ -0,0 +1,3 @@
+export { default } from './Match';
+export type { MatchGlobalConfig } from './config';
+export { MATCH_FALLBACK } from './config';

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

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