@veltra/desktop 1.0.0

package/dist/components/select/select.js

@@ -0,0 +1,311 @@
+import _sfc_main$1 from "../icon/icon.js";
+import _sfc_main$2 from "../dropdown/dropdown.js";
+import input_default from "../input/input.js";
+import _sfc_main$3 from "../scroll/scroll.js";
+import _sfc_main$4 from "../empty/empty.js";
+import { useOptions } from "./use-options.js";
+import { useKeyboard } from "./use-keyboard.js";
+import { Fragment, computed, createBlock, createCommentVNode, createElementBlock, createSlots, createTextVNode, createVNode, defineComponent, isRef, mergeModels, mergeProps, nextTick, normalizeClass, normalizeStyle, openBlock, renderList, renderSlot, shallowRef, toDisplayString, unref, useModel, watch, withCtx, withDirectives } from "vue";
+import { o } from "@cat-kit/core";
+import { FORM_EMPTY_CONTENT, bem, scrollIntoContainerView, withUnit } from "@veltra/utils";
+import { useFormComponent, useFormFallbackProps, useVirtual } from "@veltra/compositions";
+import { vFocus } from "@veltra/directives";
+import { ArrowDown, Search } from "@veltra/icons/normal";
+//#region src/components/select/select.vue
+const _hoisted_1 = ["onClick", "data-index"];
+const _hoisted_2 = [
+	"onClick",
+	"data-index",
+	"title"
+];
+const _sfc_main = /* @__PURE__ */ defineComponent({
+	name: "Select",
+	__name: "select",
+	props: /* @__PURE__ */ mergeModels({
+		modelValue: {},
+		text: {},
+		options: {},
+		valueKey: { default: "value" },
+		labelKey: { default: "label" },
+		clearable: {
+			type: Boolean,
+			default: true
+		},
+		placeholder: { default: "请选择" },
+		filterable: { type: Boolean },
+		contentStyle: {},
+		contentClass: {},
+		minWidth: {},
+		width: {},
+		creatable: { type: Boolean },
+		grid: {},
+		tips: {},
+		span: {},
+		label: {},
+		field: {},
+		disabled: {
+			type: Boolean,
+			default: void 0
+		},
+		readonly: {
+			type: Boolean,
+			default: void 0
+		},
+		size: {}
+	}, {
+		"text": {},
+		"textModifiers": {}
+	}),
+	emits: /* @__PURE__ */ mergeModels([
+		"update:label",
+		"update:modelValue",
+		"change"
+	], ["update:text"]),
+	setup(__props, { emit: __emit }) {
+		const props = __props;
+		const emit = __emit;
+		const cls = bem("select");
+		const optionClass = cls.e("option");
+		const { formProps } = useFormComponent();
+		const { size, disabled, readonly } = useFormFallbackProps([formProps ?? {}, props], {
+			size: "default",
+			disabled: false,
+			readonly: false
+		});
+		const currentIndex = shallowRef(-1);
+		const label = useModel(__props, "text");
+		const selected = shallowRef();
+		const dropdownRef = shallowRef();
+		const scrollRef = shallowRef();
+		const filterable = computed(() => {
+			return props.filterable || typeof props.options === "function";
+		});
+		const { queryString, options, temOptionsToCreatedOptions, clearCreatedOptions } = useOptions({ props });
+		let userSelecting = false;
+		function lock() {
+			userSelecting = true;
+		}
+		function unlock() {
+			nextTick(() => {
+				userSelecting = false;
+			});
+		}
+		watch([() => props.modelValue, options], ([modelValue, options]) => {
+			if (userSelecting) return;
+			if (!options?.length) return;
+			if (modelValue !== void 0) {
+				const { valueKey } = props;
+				currentIndex.value = options.findIndex((option) => o(option).get(valueKey) === modelValue);
+				selected.value = options[currentIndex.value];
+			} else {
+				currentIndex.value = -1;
+				selected.value = void 0;
+			}
+		}, { immediate: true });
+		const { virtualList, totalHeight, virtualEnabled: _virtualEnabled, scrollTo, measureElement } = useVirtual({
+			count: computed(() => options.value.length),
+			virtualThreshold: 80,
+			scrollEl: computed(() => scrollRef.value?.containerRef ?? null),
+			gap: 4,
+			estimateSize: () => 40
+		});
+		const virtualEnabled = computed(() => {
+			return _virtualEnabled.value && !props.grid;
+		});
+		const virtualOptions = computed(() => {
+			const _options = options.value;
+			const { labelKey, valueKey } = props;
+			return virtualList.value.map((item) => {
+				const option = _options[item.index];
+				return {
+					option,
+					index: item.index,
+					label: o(option).get(labelKey),
+					val: o(option).get(valueKey),
+					key: item.key,
+					offset: item.start
+				};
+			});
+		});
+		watch([scrollRef, virtualEnabled], ([scroll, virtualEnabled]) => {
+			if (!scroll || !props.modelValue) return;
+			if (virtualEnabled) {
+				const index = options.value.findIndex((option) => option === selected.value);
+				index !== -1 && dropdownVisible.value && nextTick(() => scrollTo(index));
+			} else {
+				const selectedEl = scroll?.contentRef?.getElementsByClassName("is-selected")[0];
+				if (selectedEl) scrollIntoContainerView(selectedEl, scroll.containerRef ?? null);
+			}
+		});
+		const dropdownVisible = shallowRef(false);
+		watch(dropdownVisible, (v) => {
+			if (!v) queryString.value = "";
+		});
+		const handleDropdownVisible = (visible) => {
+			if (!visible) queryString.value = "";
+		};
+		/** 单选 */
+		const handleSelect = (option, index) => {
+			lock();
+			selected.value = option;
+			emit("update:modelValue", option?.[props.valueKey]);
+			label.value = option?.[props.labelKey];
+			emit("change", option);
+			if (option.__isTemp) temOptionsToCreatedOptions();
+			currentIndex.value = index;
+			dropdownRef.value?.close();
+			unlock();
+		};
+		/** 清除选项 */
+		const handleClear = () => {
+			lock();
+			selected.value = void 0;
+			clearCreatedOptions();
+			emit("update:modelValue", void 0);
+			emit("change", void 0);
+			unlock();
+		};
+		function getCurrentEl() {
+			return scrollRef.value?.contentRef?.querySelector("li.is-selected");
+		}
+		const { handleKeydown } = useKeyboard({
+			options,
+			currentIndex,
+			selectOption: handleSelect,
+			getCurrentEl
+		});
+		return (_ctx, _cache) => {
+			return !unref(readonly) ? (openBlock(), createBlock(unref(_sfc_main$2), {
+				key: 0,
+				trigger: "click",
+				class: normalizeClass([unref(cls).b, unref(bem).is("disabled", unref(disabled))]),
+				ref_key: "dropdownRef",
+				ref: dropdownRef,
+				visible: dropdownVisible.value,
+				"onUpdate:visible": [_cache[1] || (_cache[1] = ($event) => dropdownVisible.value = $event), handleDropdownVisible],
+				"content-class": [
+					unref(cls).e("panel"),
+					unref(cls).em("panel", unref(size)),
+					__props.contentClass
+				],
+				"content-style": __props.contentStyle,
+				disabled: unref(disabled),
+				"min-width": __props.minWidth,
+				width: __props.width,
+				onKeydown: unref(handleKeydown)
+			}, {
+				trigger: withCtx(() => [createVNode(unref(input_default), {
+					size: unref(size),
+					disabled: unref(disabled),
+					placeholder: __props.placeholder,
+					clearable: __props.clearable,
+					"model-value": selected.value ? unref(o)(selected.value).get(__props.labelKey) ?? label.value : __props.modelValue,
+					onClear: handleClear,
+					onKeydown: unref(handleKeydown),
+					"native-readonly": ""
+				}, createSlots({
+					suffix: withCtx(() => [createVNode(unref(_sfc_main$1), { class: normalizeClass(unref(cls).e("arrow")) }, {
+						default: withCtx(() => [createVNode(unref(ArrowDown))]),
+						_: 1
+					}, 8, ["class"])]),
+					_: 2
+				}, [_ctx.$slots.prefix ? {
+					name: "prefix",
+					fn: withCtx(() => [renderSlot(_ctx.$slots, "prefix")]),
+					key: "0"
+				} : void 0]), 1032, [
+					"size",
+					"disabled",
+					"placeholder",
+					"clearable",
+					"model-value",
+					"onKeydown"
+				])]),
+				content: withCtx(() => [
+					createCommentVNode(" 过滤器 "),
+					filterable.value ? (openBlock(), createElementBlock("div", {
+						key: 0,
+						class: normalizeClass(unref(cls).e("content-filter"))
+					}, [withDirectives((openBlock(), createBlock(unref(input_default), {
+						placeholder: "输入关键字进行搜索",
+						tabindex: "0",
+						modelValue: unref(queryString),
+						"onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => isRef(queryString) ? queryString.value = $event : null)
+					}, {
+						suffix: withCtx(() => [createVNode(unref(_sfc_main$1), null, {
+							default: withCtx(() => [createVNode(unref(Search))]),
+							_: 1
+						})]),
+						_: 1
+					}, 8, ["modelValue"])), [[unref(vFocus)]])], 2)) : createCommentVNode("v-if", true),
+					createCommentVNode(" 单选列表 "),
+					unref(options).length ? (openBlock(), createBlock(unref(_sfc_main$3), {
+						key: 1,
+						tag: "ul",
+						class: normalizeClass(unref(cls).e("options")),
+						ref_key: "scrollRef",
+						ref: scrollRef,
+						"content-class": [
+							unref(cls).e("options-wrap"),
+							unref(bem).is("virtual", virtualEnabled.value),
+							unref(bem).is("grid", !!__props.grid)
+						],
+						"content-style": {
+							height: virtualEnabled.value ? unref(withUnit)(unref(totalHeight), "px") : void 0,
+							gridTemplateColumns: __props.grid ? `repeat(${__props.grid.cols}, minmax(0px, 1fr))` : void 0,
+							gridGap: __props.grid ? unref(withUnit)(__props.grid.gap, "px") : void 0
+						}
+					}, {
+						default: withCtx(() => [virtualEnabled.value ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [createCommentVNode(" @vue-ignore "), (openBlock(true), createElementBlock(Fragment, null, renderList(virtualOptions.value, ({ option, index, val, label, key, offset }) => {
+							return openBlock(), createElementBlock("li", {
+								class: normalizeClass([unref(optionClass), unref(bem).is("selected", index === currentIndex.value)]),
+								onClick: ($event) => handleSelect(option, index),
+								key,
+								style: normalizeStyle({ transform: `translateY(${offset}px)` }),
+								"data-index": index,
+								ref_for: true,
+								ref: unref(measureElement)
+							}, [renderSlot(_ctx.$slots, "default", mergeProps({ ref_for: true }, {
+								option,
+								index
+							}), () => [createTextVNode(toDisplayString(label), 1)])], 14, _hoisted_1);
+						}), 128))], 64)) : (openBlock(true), createElementBlock(Fragment, { key: 1 }, renderList(unref(options), (option, index) => {
+							return openBlock(), createElementBlock("li", {
+								class: normalizeClass([unref(optionClass), unref(bem).is("selected", index === currentIndex.value)]),
+								onClick: ($event) => handleSelect(option, index),
+								"data-index": index,
+								title: unref(o)(option).get(__props.labelKey),
+								key: unref(o)(option).get(__props.valueKey)
+							}, [renderSlot(_ctx.$slots, "default", mergeProps({ ref_for: true }, {
+								option,
+								index
+							}), () => [createTextVNode(toDisplayString(unref(o)(option).get(__props.labelKey)), 1)])], 10, _hoisted_2);
+						}), 128))]),
+						_: 3
+					}, 8, [
+						"class",
+						"content-class",
+						"content-style"
+					])) : (openBlock(), createElementBlock("div", {
+						key: 2,
+						class: normalizeClass(unref(cls).e("empty"))
+					}, [createVNode(unref(_sfc_main$4))], 2))
+				]),
+				_: 3
+			}, 8, [
+				"class",
+				"visible",
+				"content-class",
+				"content-style",
+				"disabled",
+				"min-width",
+				"width",
+				"onKeydown"
+			])) : (openBlock(), createElementBlock(Fragment, { key: 1 }, [createTextVNode(toDisplayString(label.value || selected.value?.[__props.labelKey] || unref(FORM_EMPTY_CONTENT)), 1)], 64));
+		};
+	}
+});
+//#endregion
+export { _sfc_main as default };
+
+//# sourceMappingURL=select.js.map

package/dist/components/select/select.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"select.js","names":["$slots"],"sources":["../../../src/components/select/select.vue"],"sourcesContent":["<template>\n  <u-dropdown\n    v-if=\"!readonly\"\n    trigger=\"click\"\n    :class=\"[cls.b, bem.is('disabled', disabled)]\"\n    ref=\"dropdownRef\"\n    v-model:visible=\"dropdownVisible\"\n    :content-class=\"[cls.e('panel'), cls.em('panel', size), contentClass]\"\n    :content-style=\"contentStyle\"\n    :disabled=\"disabled\"\n    :min-width=\"minWidth\"\n    :width=\"width\"\n    @keydown=\"handleKeydown\"\n    @update:visible=\"handleDropdownVisible\"\n  >\n    <!-- 触发 -->\n    <template #trigger>\n      <u-input\n        :size=\"size\"\n        :disabled=\"disabled\"\n        :placeholder=\"placeholder\"\n        :clearable=\"clearable\"\n        :model-value=\"selected ? (o(selected).get(labelKey) ?? label) : modelValue\"\n        @clear=\"handleClear\"\n        @keydown=\"handleKeydown\"\n        native-readonly\n      >\n        <template #prefix v-if=\"$slots.prefix\">\n          <slot name=\"prefix\" />\n        </template>\n\n        <template #suffix>\n          <u-icon :class=\"cls.e('arrow')\">\n            <ArrowDown />\n          </u-icon>\n        </template>\n      </u-input>\n    </template>\n\n    <!-- 下拉内容 -->\n    <template #content>\n      <!-- 过滤器 -->\n      <div v-if=\"filterable\" :class=\"cls.e('content-filter')\">\n        <u-input placeholder=\"输入关键字进行搜索\" tabindex=\"0\" v-focus v-model=\"queryString\">\n          <template #suffix>\n            <u-icon>\n              <Search />\n            </u-icon>\n          </template>\n        </u-input>\n      </div>\n\n      <!-- 单选列表 -->\n      <u-scroll\n        v-if=\"options.length\"\n        tag=\"ul\"\n        :class=\"cls.e('options')\"\n        ref=\"scrollRef\"\n        :content-class=\"[\n          cls.e('options-wrap'),\n          bem.is('virtual', virtualEnabled),\n          bem.is('grid', !!grid)\n        ]\"\n        :content-style=\"{\n          height: virtualEnabled ? withUnit(totalHeight, 'px') : undefined,\n          gridTemplateColumns: grid ? `repeat(${grid.cols}, minmax(0px, 1fr))` : undefined,\n          gridGap: grid ? withUnit(grid.gap, 'px') : undefined\n        }\"\n      >\n        <template v-if=\"virtualEnabled\">\n          <!-- @vue-ignore -->\n          <li\n            v-for=\"{ option, index, val, label, key, offset } of virtualOptions\"\n            :class=\"[optionClass, bem.is('selected', index === currentIndex)]\"\n            @click=\"handleSelect(option, index)\"\n            :key=\"key\"\n            :style=\"{ transform: `translateY(${offset}px)` }\"\n            :data-index=\"index\"\n            :ref=\"measureElement\"\n          >\n            <slot v-bind=\"{ option, index }\">\n              {{ label }}\n            </slot>\n          </li>\n        </template>\n\n        <template v-else>\n          <li\n            v-for=\"(option, index) of options\"\n            :class=\"[optionClass, bem.is('selected', index === currentIndex)]\"\n            @click=\"handleSelect(option, index)\"\n            :data-index=\"index\"\n            :title=\"o(option).get(labelKey)\"\n            :key=\"o(option).get(valueKey)\"\n          >\n            <slot v-bind=\"{ option, index }\">\n              {{ o(option).get(labelKey) }}\n            </slot>\n          </li>\n        </template>\n      </u-scroll>\n\n      <div v-else :class=\"cls.e('empty')\">\n        <UEmpty />\n      </div>\n    </template>\n  </u-dropdown>\n\n  <template v-else>\n    {{ label || selected?.[labelKey] || FORM_EMPTY_CONTENT }}\n  </template>\n</template>\n\n<script lang=\"ts\" setup>\nimport { o } from '@cat-kit/core'\nimport { useFormComponent, useFormFallbackProps, useVirtual } from '@veltra/compositions'\nimport { vFocus } from '@veltra/directives'\nimport { ArrowDown, Search } from '@veltra/icons/normal'\nimport { bem, withUnit, scrollIntoContainerView } from '@veltra/utils'\nimport { FORM_EMPTY_CONTENT } from '@veltra/utils'\nimport { computed, nextTick, shallowRef, watch } from 'vue'\n\nimport type {\n  SelectEmits,\n  SelectProps,\n  _SelectExposed,\n  DropdownExposed,\n  ScrollExposed\n} from '../../types'\nimport { UDropdown } from '../dropdown'\nimport { UEmpty } from '../empty'\nimport { UIcon } from '../icon'\nimport { UInput } from '../input'\nimport { UScroll } from '../scroll'\nimport { useKeyboard } from './use-keyboard'\nimport { useOptions } from './use-options'\n\ndefineOptions({ name: 'Select' })\n\nconst props = withDefaults(defineProps<SelectProps>(), {\n  labelKey: 'label',\n  valueKey: 'value',\n  placeholder: '请选择',\n  clearable: true,\n  disabled: undefined,\n  readonly: undefined\n})\n\nconst emit = defineEmits<SelectEmits>()\n\ndefineSlots<{\n  /** 前缀插槽 */\n  prefix?: () => any\n  /** 默认插槽 */\n  default?: (scope: { option: Record<string, any>; index: number }) => any\n}>()\n\nconst cls = bem('select')\n\nconst optionClass = cls.e('option')\n\nconst { formProps } = useFormComponent()\nconst { size, disabled, readonly } = useFormFallbackProps([formProps ?? {}, props], {\n  size: 'default',\n  disabled: false,\n  readonly: false\n})\n\nconst currentIndex = shallowRef(-1)\nconst label = defineModel('text')\nconst selected = shallowRef<Record<string, any>>()\n\nconst dropdownRef = shallowRef<DropdownExposed>()\nconst scrollRef = shallowRef<ScrollExposed>()\n\nconst filterable = computed(() => {\n  return props.filterable || typeof props.options === 'function'\n})\n\nconst { queryString, options, temOptionsToCreatedOptions, clearCreatedOptions } = useOptions({\n  props\n})\n\n// TODO: 优化\nlet userSelecting = false\nfunction lock() {\n  userSelecting = true\n}\n\nfunction unlock() {\n  nextTick(() => {\n    userSelecting = false\n  })\n}\n\n// 回显\nwatch(\n  [() => props.modelValue, options],\n  ([modelValue, options]) => {\n    if (userSelecting) return\n\n    if (!options?.length) return\n\n    if (modelValue !== undefined) {\n      const { valueKey } = props\n      currentIndex.value = options.findIndex((option) => o(option).get(valueKey) === modelValue)\n      selected.value = options[currentIndex.value]\n    } else {\n      currentIndex.value = -1\n      selected.value = undefined\n    }\n  },\n  { immediate: true }\n)\n\nconst {\n  virtualList,\n  totalHeight,\n  virtualEnabled: _virtualEnabled,\n  scrollTo,\n  measureElement\n} = useVirtual({\n  count: computed(() => options.value.length),\n  virtualThreshold: 80,\n  scrollEl: computed(() => scrollRef.value?.containerRef ?? null),\n  gap: 4,\n  estimateSize: () => 40\n})\n\nconst virtualEnabled = computed(() => {\n  return _virtualEnabled.value && !props.grid\n})\n\nconst virtualOptions = computed(() => {\n  const _options = options.value\n  const { labelKey, valueKey } = props\n  return virtualList.value.map((item) => {\n    const option = _options[item.index]!\n    return {\n      option,\n      index: item.index,\n      label: o(option).get(labelKey),\n      val: o(option).get(valueKey),\n      key: item.key,\n      offset: item.start\n    }\n  })\n})\n\nwatch([scrollRef, virtualEnabled], ([scroll, virtualEnabled]) => {\n  if (!scroll || !props.modelValue) return\n\n  if (virtualEnabled) {\n    const index = options.value.findIndex((option) => option === selected.value)\n    index !== -1 && dropdownVisible.value && nextTick(() => scrollTo(index))\n  } else {\n    const selectedEl = scroll?.contentRef?.getElementsByClassName('is-selected')[0]\n    if (selectedEl) {\n      scrollIntoContainerView(selectedEl as HTMLElement, scroll.containerRef ?? null)\n    }\n  }\n})\n\nconst dropdownVisible = shallowRef(false)\n\nwatch(dropdownVisible, (v) => {\n  if (!v) {\n    queryString.value = ''\n  }\n})\n\nconst handleDropdownVisible = (visible: boolean) => {\n  if (!visible) {\n    queryString.value = ''\n  }\n}\n\n/** 单选 */\nconst handleSelect = (option: Record<string, any>, index: number) => {\n  lock()\n  selected.value = option\n\n  emit('update:modelValue', option?.[props.valueKey])\n  label.value = option?.[props.labelKey]\n  emit('change', option)\n  if (option.__isTemp) {\n    temOptionsToCreatedOptions()\n  }\n  currentIndex.value = index\n  dropdownRef.value?.close()\n\n  unlock()\n}\n\n/** 清除选项 */\nconst handleClear = () => {\n  lock()\n  selected.value = undefined\n  clearCreatedOptions()\n  emit('update:modelValue', undefined)\n  emit('change', undefined)\n  unlock()\n}\n\nfunction getCurrentEl() {\n  return scrollRef.value?.contentRef?.querySelector('li.is-selected') as HTMLElement | undefined\n}\n\nconst { handleKeydown } = useKeyboard({\n  options,\n  currentIndex,\n  selectOption: handleSelect,\n  getCurrentEl\n})\n</script>\n"],"mappings":"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"}

package/dist/components/select/select.vue.d.ts

@@ -0,0 +1,45 @@
+import { SelectProps } from "../../types/select.js";
+import * as _$vue from "vue";
+
+//#region src/components/select/select.vue.d.ts
+type __VLS_Props = SelectProps;
+type __VLS_Slots = {
+  /** 前缀插槽 */prefix?: () => any; /** 默认插槽 */
+  default?: (scope: {
+    option: Record<string, any>;
+    index: number;
+  }) => any;
+};
+type __VLS_ModelProps = {
+  'text'?: any;
+};
+type __VLS_PublicProps = __VLS_Props & __VLS_ModelProps;
+declare const __VLS_base: _$vue.DefineComponent<__VLS_PublicProps, {}, {}, {}, {}, _$vue.ComponentOptionsMixin, _$vue.ComponentOptionsMixin, {
+  "update:text": (value: any) => any;
+} & {
+  "update:modelValue": (modelValue?: any) => any;
+  change: (option?: Record<string, any> | undefined) => any;
+  "update:label": (label?: string | undefined) => any;
+}, string, _$vue.PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
+  "onUpdate:modelValue"?: ((modelValue?: any) => any) | undefined;
+  onChange?: ((option?: Record<string, any> | undefined) => any) | undefined;
+  "onUpdate:text"?: ((value: any) => any) | undefined;
+  "onUpdate:label"?: ((label?: string | undefined) => any) | undefined;
+}>, {
+  readonly: boolean;
+  disabled: boolean;
+  placeholder: string;
+  clearable: boolean;
+  labelKey: string;
+  valueKey: string;
+}, {}, {}, {}, string, _$vue.ComponentProvideOptions, false, {}, any>;
+declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
+declare const _default: typeof __VLS_export;
+type __VLS_WithSlots<T, S> = T & {
+  new (): {
+    $slots: S;
+  };
+};
+//#endregion
+export { _default };
+//# sourceMappingURL=select.vue.d.ts.map

package/dist/components/select/style.d.ts

@@ -0,0 +1 @@
+export { };

package/dist/components/select/style.js

@@ -0,0 +1,2 @@
+import "./style2.css";
+import "@veltra/directives/ripple/style.js";

package/dist/components/select/style2.css

@@ -0,0 +1,154 @@
+@charset "UTF-8";
+/** flex布局 */
+/**
+* 设置css变量
+* 参数1:变量前缀
+* 参数2: 一个由值组成的列表或者由key, value组成的map
+* css-var(height, (
+*   large: 40px
+*   default: 32px
+*   small: 24px
+* ))
+* 生成的css变量:
+* --u-height-large: 40px;
+* --u-height-default: 32px;
+* --u-height-small: 24px;
+*/
+/** 暗色：data-theme 与系统偏好，与 UITheme.injectBuiltInThemes 选择器策略一致 */
+.u-select {
+  --u-menu-hover-bg: rgba(148, 163, 184, 0.12);
+  --u-menu-hover-color: var(--u-text-color-title);
+  --u-menu-active-bg: rgba(59, 130, 246, 0.12);
+  --u-menu-active-color: var(--u-color-primary-dark-1);
+}
+html[data-theme=dark] .u-select {
+  --u-menu-hover-bg: rgba(148, 163, 184, 0.14);
+  --u-menu-hover-color: var(--u-text-color-title);
+  --u-menu-active-bg: rgba(96, 165, 250, 0.2);
+  --u-menu-active-color: var(--u-text-color-white);
+}
+@media (prefers-color-scheme: dark) {
+  html:not([data-theme=light]) .u-select {
+    --u-menu-hover-bg: rgba(148, 163, 184, 0.14);
+    --u-menu-hover-color: var(--u-text-color-title);
+    --u-menu-active-bg: rgba(96, 165, 250, 0.2);
+    --u-menu-active-color: var(--u-text-color-white);
+  }
+}
+.u-select {
+  width: 100%;
+}
+.u-select__content-filter {
+  border-bottom: 1px solid var(--u-border-color);
+  background-color: var(--u-bg-color-middle);
+}
+.u-select__content-filter .u-input {
+  box-shadow: none;
+}
+.u-select__options {
+  max-height: 180px;
+}
+.u-select.is-disabled .u-select__arrow {
+  color: var(--u-text-color-disabled);
+}
+.u-select__options-wrap {
+  list-style: none;
+  margin: 0;
+  padding: 0;
+  display: flex;
+  flex-direction: column;
+  gap: 4px;
+}
+.u-select__options-wrap.is-virtual {
+  position: relative;
+}
+.u-select__options-wrap.is-virtual .u-select__option {
+  position: absolute;
+  top: 0;
+  left: 0;
+}
+.u-select__options-wrap.is-grid {
+  display: grid;
+  gap: unset;
+}
+.u-select__options-wrap.is-grid .u-select__option {
+  height: auto;
+  line-height: auto;
+}
+.u-select__option {
+  cursor: pointer;
+  user-select: none;
+  width: 100%;
+  box-sizing: border-box;
+  color: var(--u-text-color-main);
+  transition: background-color 0.15s ease, color 0.15s ease;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+}
+.u-select__option:hover {
+  background-color: var(--u-menu-hover-bg);
+  color: var(--u-menu-hover-color);
+}
+.u-select__option.is-selected {
+  position: relative;
+  background-color: var(--u-menu-active-bg);
+  color: var(--u-menu-active-color);
+  font-weight: 600;
+}
+.u-select__option.is-selected::before {
+  content: "";
+  position: absolute;
+  left: 0;
+  top: 50%;
+  width: 3px;
+  height: 56%;
+  min-height: 10px;
+  border-radius: 9999px;
+  background-color: var(--u-color-primary);
+  transform: translateY(-50%);
+  pointer-events: none;
+}
+.u-select__empty {
+  color: var(--u-text-color-main);
+}
+.u-select__panel--small .u-select__content-filter {
+  padding: calc(var(--u-gap-small) / 2) var(--u-gap-small);
+}
+.u-select__panel--small .u-select__options {
+  padding: var(--u-gap-small);
+}
+.u-select__panel--small .u-select__option {
+  padding: 0 var(--u-gap-small);
+  border-radius: var(--u-radius-small);
+  height: var(--u-form-component-height-small);
+  line-height: var(--u-form-component-height-small);
+}
+.u-select__panel--default .u-select__content-filter {
+  padding: calc(var(--u-gap-default) / 2) var(--u-gap-default);
+}
+.u-select__panel--default .u-select__options {
+  padding: var(--u-gap-default);
+}
+.u-select__panel--default .u-select__option {
+  padding: 0 var(--u-gap-default);
+  border-radius: var(--u-radius-default);
+  height: var(--u-form-component-height-default);
+  line-height: var(--u-form-component-height-default);
+}
+.u-select__panel--large .u-select__content-filter {
+  padding: calc(var(--u-gap-large) / 2) var(--u-gap-large);
+}
+.u-select__panel--large .u-select__options {
+  padding: var(--u-gap-large);
+}
+.u-select__panel--large .u-select__option {
+  padding: 0 var(--u-gap-large);
+  border-radius: var(--u-radius-large);
+  height: var(--u-form-component-height-large);
+  line-height: var(--u-form-component-height-large);
+}
+.u-select__empty {
+  text-align: center;
+  padding: var(--u-gap-small) 0;
+}

package/dist/components/select/use-keyboard.js

@@ -0,0 +1,40 @@
+import { nextTick } from "vue";
+//#region src/components/select/use-keyboard.ts
+function useKeyboard(config) {
+	const { currentIndex, options, selectOption, getCurrentEl } = config;
+	async function navToCurrent() {
+		await nextTick();
+		getCurrentEl()?.scrollIntoView({ block: "nearest" });
+	}
+	const keyHandler = {
+		ArrowDown: (e) => {
+			if (!options.value) return;
+			e.preventDefault();
+			currentIndex.value = Math.min(currentIndex.value + 1, options.value.length - 1);
+			navToCurrent();
+		},
+		ArrowUp: (e) => {
+			if (!options.value) return;
+			e.preventDefault();
+			currentIndex.value = Math.max(currentIndex.value - 1, 0);
+			navToCurrent();
+		},
+		Enter: (e) => {
+			if (!options.value) return;
+			e.preventDefault();
+			if (currentIndex.value >= 0 && currentIndex.value < options.value.length) {
+				const selectedOption = options.value[currentIndex.value];
+				selectOption(selectedOption, currentIndex.value);
+			}
+		}
+	};
+	/** 键盘事件处理 */
+	const handleKeydown = (e) => {
+		keyHandler[e.key]?.(e);
+	};
+	return { handleKeydown };
+}
+//#endregion
+export { useKeyboard };
+
+//# sourceMappingURL=use-keyboard.js.map

package/dist/components/select/use-keyboard.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-keyboard.js","names":[],"sources":["../../../src/components/select/use-keyboard.ts"],"sourcesContent":["import { nextTick, type ShallowRef } from 'vue'\n\ninterface UseKeyboardConfig {\n  options: ShallowRef<Record<string, any>[]>\n  currentIndex: ShallowRef<number>\n  selectOption: (option: Record<string, any>, index: number) => void\n  getCurrentEl: () => HTMLElement | undefined\n}\n\ninterface UseKeyboardReturned {\n  /** 键盘事件处理 */\n  handleKeydown: (e: KeyboardEvent) => void\n}\n\nexport function useKeyboard(config: UseKeyboardConfig): UseKeyboardReturned {\n  const { currentIndex, options, selectOption, getCurrentEl } = config\n\n  async function navToCurrent() {\n    await nextTick()\n    getCurrentEl()?.scrollIntoView({ block: 'nearest' })\n  }\n\n  const keyHandler = {\n    ArrowDown: (e: KeyboardEvent) => {\n      if (!options.value) return\n      e.preventDefault()\n      currentIndex.value = Math.min(currentIndex.value + 1, options.value.length - 1)\n      navToCurrent()\n    },\n\n    ArrowUp: (e: KeyboardEvent) => {\n      if (!options.value) return\n      e.preventDefault()\n      currentIndex.value = Math.max(currentIndex.value - 1, 0)\n      navToCurrent()\n    },\n\n    Enter: (e: KeyboardEvent) => {\n      if (!options.value) return\n      e.preventDefault()\n      if (currentIndex.value >= 0 && currentIndex.value < options.value.length) {\n        const selectedOption = options.value[currentIndex.value]!\n        selectOption(selectedOption, currentIndex.value)\n      }\n    }\n  }\n\n  /** 键盘事件处理 */\n  const handleKeydown = (e: KeyboardEvent) => {\n    keyHandler[e.key]?.(e)\n  }\n\n  return { handleKeydown }\n}\n"],"mappings":";;AAcA,SAAgB,YAAY,QAAgD;CAC1E,MAAM,EAAE,cAAc,SAAS,cAAc,iBAAiB;CAE9D,eAAe,eAAe;AAC5B,QAAM,UAAU;AAChB,gBAAc,EAAE,eAAe,EAAE,OAAO,WAAW,CAAC;;CAGtD,MAAM,aAAa;EACjB,YAAY,MAAqB;AAC/B,OAAI,CAAC,QAAQ,MAAO;AACpB,KAAE,gBAAgB;AAClB,gBAAa,QAAQ,KAAK,IAAI,aAAa,QAAQ,GAAG,QAAQ,MAAM,SAAS,EAAE;AAC/E,iBAAc;;EAGhB,UAAU,MAAqB;AAC7B,OAAI,CAAC,QAAQ,MAAO;AACpB,KAAE,gBAAgB;AAClB,gBAAa,QAAQ,KAAK,IAAI,aAAa,QAAQ,GAAG,EAAE;AACxD,iBAAc;;EAGhB,QAAQ,MAAqB;AAC3B,OAAI,CAAC,QAAQ,MAAO;AACpB,KAAE,gBAAgB;AAClB,OAAI,aAAa,SAAS,KAAK,aAAa,QAAQ,QAAQ,MAAM,QAAQ;IACxE,MAAM,iBAAiB,QAAQ,MAAM,aAAa;AAClD,iBAAa,gBAAgB,aAAa,MAAM;;;EAGrD;;CAGD,MAAM,iBAAiB,MAAqB;AAC1C,aAAW,EAAE,OAAO,EAAE;;AAGxB,QAAO,EAAE,eAAe"}

package/dist/components/select/use-options.js

@@ -0,0 +1,79 @@
+import { computed, shallowRef, watch } from "vue";
+import { debounce, o } from "@cat-kit/core";
+//#region src/components/select/use-options.ts
+function useOptions(o$1) {
+	const { props } = o$1;
+	/** 筛选 */
+	const queryString = shallowRef("");
+	const remoteOptions = shallowRef([]);
+	const filteredOptions = shallowRef([]);
+	const tempOptions = shallowRef([]);
+	const createdOptions = shallowRef([]);
+	function temOptionsToCreatedOptions() {
+		createdOptions.value = tempOptions.value.map((item) => {
+			return {
+				...item,
+				__isTemp: false
+			};
+		});
+	}
+	function clearCreatedOptions() {
+		createdOptions.value = [];
+	}
+	const setTempOption = (qs, options) => {
+		if (!qs?.trim() || !props.creatable) {
+			tempOptions.value = [];
+			return;
+		}
+		if (!(options ? options.some((option) => {
+			return o(option).get(props.labelKey) === qs;
+		}) : false)) tempOptions.value = [{
+			[props.labelKey]: qs,
+			[props.valueKey]: qs,
+			__isTemp: true
+		}];
+	};
+	const allOptions = computed(() => {
+		const { options } = props;
+		if (typeof options === "function") return remoteOptions.value;
+		return options ?? [];
+	});
+	/** 展示的选项 */
+	const options = computed(() => {
+		const { options } = props;
+		if (typeof options === "function") return remoteOptions.value;
+		const prependOptions = tempOptions.value?.length ? tempOptions.value : createdOptions.value;
+		if (!options) return prependOptions;
+		return [...prependOptions, ...filteredOptions.value];
+	});
+	watch([queryString, () => props.options], debounce(async ([qs, propsOptions]) => {
+		if (typeof propsOptions === "function") {
+			const options = await propsOptions(qs);
+			remoteOptions.value = options;
+			setTempOption(qs, options);
+		} else {
+			const { labelKey } = props;
+			if (!qs) {
+				filteredOptions.value = propsOptions ?? [];
+				setTempOption(qs, filteredOptions.value);
+				return;
+			}
+			const _filteredOptions = propsOptions?.filter((item) => {
+				return o(item).get(labelKey)?.includes(qs) ?? false;
+			}) ?? [];
+			setTempOption(qs, _filteredOptions);
+			filteredOptions.value = _filteredOptions;
+		}
+	}, 200), { immediate: true });
+	return {
+		queryString,
+		options,
+		allOptions,
+		temOptionsToCreatedOptions,
+		clearCreatedOptions
+	};
+}
+//#endregion
+export { useOptions };
+
+//# sourceMappingURL=use-options.js.map