@veltra/desktop 1.0.0

package/dist/_virtual/_rolldown/runtime.js

@@ -0,0 +1,27 @@
+//#region \0rolldown/runtime.js
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __exportAll = (all, no_symbols) => {
+	let target = {};
+	for (var name in all) __defProp(target, name, {
+		get: all[name],
+		enumerable: true
+	});
+	if (!no_symbols) __defProp(target, Symbol.toStringTag, { value: "Module" });
+	return target;
+};
+var __copyProps = (to, from, except, desc) => {
+	if (from && typeof from === "object" || typeof from === "function") for (var keys = __getOwnPropNames(from), i = 0, n = keys.length, key; i < n; i++) {
+		key = keys[i];
+		if (!__hasOwnProp.call(to, key) && key !== except) __defProp(to, key, {
+			get: ((k) => from[k]).bind(null, key),
+			enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable
+		});
+	}
+	return to;
+};
+var __reExport = (target, mod, secondTarget) => (__copyProps(target, mod, "default"), secondTarget && __copyProps(secondTarget, mod, "default"));
+//#endregion
+export { __exportAll, __reExport };

package/dist/components/action/action-group.js

@@ -0,0 +1,7 @@
+import action_group_vue_vue_type_script_setup_true_lang_default from "./action-group.vue_vue_type_script_setup_true_lang.js";
+//#region src/components/action/action-group.vue
+var action_group_default = action_group_vue_vue_type_script_setup_true_lang_default;
+//#endregion
+export { action_group_default as default };
+
+//# sourceMappingURL=action-group.js.map

package/dist/components/action/action-group.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"action-group.js","names":[],"sources":["../../../src/components/action/action-group.vue"],"sourcesContent":["<template>\n  <component v-for=\"node of getSlotsNodes()\" :key=\"node.key\" :is=\"node\" />\n</template>\n\n<script lang=\"tsx\" setup>\nimport type { ActionGroupProps } from \"../../types\";\nimport { ArrowDown } from '@veltra/icons/normal'\nimport { UIcon } from \"../icon\";\nimport { UButton } from \"../button\";\nimport { provide, type VNode } from \"vue\";\nimport { bem, extractNormalVNodes } from \"@veltra/utils\";\nimport { UTip } from \"../tip\";\nimport { ActionDIKey } from \"./di\";\n\ndefineOptions({\n  name: \"ActionGroup\",\n  inheritAttrs: false,\n});\n\nconst props = withDefaults(defineProps<ActionGroupProps>(), {\n  max: 3,\n  loading: false,\n  circle: false,\n});\n\nconst cls = bem(\"action-group\");\nconst actionCls = bem(\"action\");\n\nconst slots = defineSlots<{\n  default?: () => VNode[];\n}>();\n\nfunction getSlotsNodes() {\n  const nodes = slots.default?.();\n\n  if (!nodes) return [];\n  const extractedNodes = extractNormalVNodes(nodes).filter(\n    // @ts-ignore\n    (node) => node.type?.name === \"Action\",\n  );\n\n  let normalNodes: VNode[] = [];\n  let hiddenNodes: VNode[] = [];\n  if (extractedNodes.length === props.max) {\n    normalNodes = extractedNodes;\n  } else {\n    normalNodes = extractedNodes.slice(0, props.max - 1);\n    hiddenNodes = extractedNodes.slice(props.max - 1);\n  }\n\n  const dropdown = hiddenNodes.length ? (\n    <UTip direction=\"bottom\" class={cls.e(\"dropdown\")}>\n      {{\n        content: () => hiddenNodes,\n        default: () => (\n          <UButton text size=\"small\" type=\"primary\" class={actionCls.b}>\n            更多\n            <UIcon>\n              <ArrowDown />\n            </UIcon>\n          </UButton>\n        ),\n      }}\n    </UTip>\n  ) : null;\n\n  return dropdown ? [...normalNodes, dropdown] : normalNodes;\n}\n\nprovide(ActionDIKey, {\n  groupProps: props,\n});\n</script>\n"],"mappings":""}

package/dist/components/action/action-group.vue.d.ts

@@ -0,0 +1,23 @@
+import { ActionGroupProps } from "../../types/action.js";
+import * as _$vue from "vue";
+import { VNode } from "vue";
+
+//#region src/components/action/action-group.vue.d.ts
+type __VLS_Slots = {
+  default?: () => VNode[];
+};
+declare const __VLS_base: _$vue.DefineComponent<ActionGroupProps, {}, {}, {}, {}, _$vue.ComponentOptionsMixin, _$vue.ComponentOptionsMixin, {}, string, _$vue.PublicProps, Readonly<ActionGroupProps> & Readonly<{}>, {
+  loading: boolean;
+  circle: boolean;
+  max: number;
+}, {}, {}, {}, 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=action-group.vue.d.ts.map

package/dist/components/action/action-group.vue_vue_type_script_setup_true_lang.js

@@ -0,0 +1,65 @@
+import _sfc_main from "../icon/icon.js";
+import _sfc_main$1 from "../button/button.js";
+import _sfc_main$2 from "../tip/tip.js";
+import { ActionDIKey } from "./di.js";
+import { Fragment, createBlock, createElementBlock, createTextVNode, createVNode, defineComponent, openBlock, provide, renderList, resolveDynamicComponent, useSlots } from "vue";
+import { bem, extractNormalVNodes } from "@veltra/utils";
+import { ArrowDown } from "@veltra/icons/normal";
+//#region src/components/action/action-group.vue?vue&type=script&setup=true&lang.tsx
+var action_group_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
+	name: "ActionGroup",
+	inheritAttrs: false,
+	__name: "action-group",
+	props: {
+		loading: {
+			type: Boolean,
+			default: false
+		},
+		circle: {
+			type: Boolean,
+			default: false
+		},
+		max: { default: 3 }
+	},
+	setup(__props) {
+		const props = __props;
+		const cls = bem("action-group");
+		const actionCls = bem("action");
+		const slots = useSlots();
+		function getSlotsNodes() {
+			const nodes = slots.default?.();
+			if (!nodes) return [];
+			const extractedNodes = extractNormalVNodes(nodes).filter((node) => node.type?.name === "Action");
+			let normalNodes = [];
+			let hiddenNodes = [];
+			if (extractedNodes.length === props.max) normalNodes = extractedNodes;
+			else {
+				normalNodes = extractedNodes.slice(0, props.max - 1);
+				hiddenNodes = extractedNodes.slice(props.max - 1);
+			}
+			const dropdown = hiddenNodes.length ? createVNode(_sfc_main$2, {
+				"direction": "bottom",
+				"class": cls.e("dropdown")
+			}, {
+				content: () => hiddenNodes,
+				default: () => createVNode(_sfc_main$1, {
+					"text": true,
+					"size": "small",
+					"type": "primary",
+					"class": actionCls.b
+				}, { default: () => [createTextVNode("更多"), createVNode(_sfc_main, null, { default: () => [createVNode(ArrowDown, null, null)] })] })
+			}) : null;
+			return dropdown ? [...normalNodes, dropdown] : normalNodes;
+		}
+		provide(ActionDIKey, { groupProps: props });
+		return (_ctx, _cache) => {
+			return openBlock(true), createElementBlock(Fragment, null, renderList(getSlotsNodes(), (node) => {
+				return openBlock(), createBlock(resolveDynamicComponent(node), { key: node.key });
+			}), 128);
+		};
+	}
+});
+//#endregion
+export { action_group_vue_vue_type_script_setup_true_lang_default as default };
+
+//# sourceMappingURL=action-group.vue_vue_type_script_setup_true_lang.js.map

package/dist/components/action/action-group.vue_vue_type_script_setup_true_lang.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"action-group.vue_vue_type_script_setup_true_lang.js","names":[],"sources":["../../../src/components/action/action-group.vue"],"sourcesContent":["<template>\n  <component v-for=\"node of getSlotsNodes()\" :key=\"node.key\" :is=\"node\" />\n</template>\n\n<script lang=\"tsx\" setup>\nimport type { ActionGroupProps } from \"../../types\";\nimport { ArrowDown } from '@veltra/icons/normal'\nimport { UIcon } from \"../icon\";\nimport { UButton } from \"../button\";\nimport { provide, type VNode } from \"vue\";\nimport { bem, extractNormalVNodes } from \"@veltra/utils\";\nimport { UTip } from \"../tip\";\nimport { ActionDIKey } from \"./di\";\n\ndefineOptions({\n  name: \"ActionGroup\",\n  inheritAttrs: false,\n});\n\nconst props = withDefaults(defineProps<ActionGroupProps>(), {\n  max: 3,\n  loading: false,\n  circle: false,\n});\n\nconst cls = bem(\"action-group\");\nconst actionCls = bem(\"action\");\n\nconst slots = defineSlots<{\n  default?: () => VNode[];\n}>();\n\nfunction getSlotsNodes() {\n  const nodes = slots.default?.();\n\n  if (!nodes) return [];\n  const extractedNodes = extractNormalVNodes(nodes).filter(\n    // @ts-ignore\n    (node) => node.type?.name === \"Action\",\n  );\n\n  let normalNodes: VNode[] = [];\n  let hiddenNodes: VNode[] = [];\n  if (extractedNodes.length === props.max) {\n    normalNodes = extractedNodes;\n  } else {\n    normalNodes = extractedNodes.slice(0, props.max - 1);\n    hiddenNodes = extractedNodes.slice(props.max - 1);\n  }\n\n  const dropdown = hiddenNodes.length ? (\n    <UTip direction=\"bottom\" class={cls.e(\"dropdown\")}>\n      {{\n        content: () => hiddenNodes,\n        default: () => (\n          <UButton text size=\"small\" type=\"primary\" class={actionCls.b}>\n            更多\n            <UIcon>\n              <ArrowDown />\n            </UIcon>\n          </UButton>\n        ),\n      }}\n    </UTip>\n  ) : null;\n\n  return dropdown ? [...normalNodes, dropdown] : normalNodes;\n}\n\nprovide(ActionDIKey, {\n  groupProps: props,\n});\n</script>\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;EAmBA,MAAM,QAAQ;EAMd,MAAM,MAAM,IAAI,eAAe;EAC/B,MAAM,YAAY,IAAI,SAAS;EAE/B,MAAM,QAAQ,UAEV;EAEJ,SAAS,gBAAgB;GACvB,MAAM,QAAQ,MAAM,WAAW;AAE/B,OAAI,CAAC,MAAO,QAAO,EAAE;GACrB,MAAM,iBAAiB,oBAAoB,MAAM,CAAC,QAE/C,SAAS,KAAK,MAAM,SAAS,SAC/B;GAED,IAAI,cAAuB,EAAE;GAC7B,IAAI,cAAuB,EAAE;AAC7B,OAAI,eAAe,WAAW,MAAM,IAClC,eAAc;QACT;AACL,kBAAc,eAAe,MAAM,GAAG,MAAM,MAAM,EAAE;AACpD,kBAAc,eAAe,MAAM,MAAM,MAAM,EAAE;;GAGnD,MAAM,WAAW,YAAY,SAAM,YAAA,aAAA;IAAA,aAAA;IAAA,SACD,IAAI,EAAE,WAAU;IAAC,EAAA;IAE7C,eAAe;IACf,eAAS,YAAA,aAAA;KAAA,QAAA;KAAA,QAAA;KAAA,QAAA;KAAA,SAC0C,UAAU;KAAC,EAAA,EAAA,eAAA,CAAA,gBAAA,KAAA,EAAA,YAAA,WAAA,MAAA,EAAA,eAAA,CAAA,YAAA,WAAA,MAAA,KAAA,CAAA,EAAA,CAAA,CAAA,EAAA,CAAA;IAM7D,CAAA,GAGH;AAEJ,UAAO,WAAW,CAAC,GAAG,aAAa,SAAS,GAAG;;AAGjD,UAAQ,aAAa,EACnB,YAAY,OACb,CAAC;;2BAtEA,mBAAwE,UAAA,MAAA,WAA9C,eAAa,GAArB,SAAI;wBAAtB,YAAwE,wBAAR,KAAI,EAAA,EAAxB,KAAK,KAAK,KAAA,CAAA"}

package/dist/components/action/action.js

@@ -0,0 +1,111 @@
+import _sfc_main$1 from "../button/button.js";
+import _sfc_main$2 from "../pop-confirm/pop-confirm.js";
+import { ActionDIKey } from "./di.js";
+import { computed, createBlock, createVNode, defineComponent, inject, mergeProps, openBlock, renderSlot, unref, withCtx } from "vue";
+import { o } from "@cat-kit/core";
+import { bem } from "@veltra/utils";
+//#region src/components/action/action.vue
+const _sfc_main = /* @__PURE__ */ defineComponent({
+	name: "Action",
+	inheritAttrs: false,
+	__name: "action",
+	props: {
+		needConfirm: { type: Boolean },
+		inDropdown: {
+			type: Boolean,
+			default: false
+		},
+		type: { default: "primary" },
+		text: {
+			type: Boolean,
+			default: true
+		},
+		plain: { type: Boolean },
+		loading: {
+			type: Boolean,
+			default: void 0
+		},
+		loadingIcon: {},
+		circle: {
+			type: Boolean,
+			default: void 0
+		},
+		disabled: { type: Boolean },
+		icon: {},
+		iconSize: {},
+		iconPosition: {},
+		propagate: { type: Boolean },
+		size: { default: "small" }
+	},
+	emits: ["run"],
+	setup(__props, { emit: __emit }) {
+		const props = __props;
+		const buttonProps = computed(() => {
+			return o(props).omit([
+				"needConfirm",
+				"loading",
+				"circle",
+				"propagate"
+			]);
+		});
+		const emit = __emit;
+		const cls = bem("action");
+		const ctx = inject(ActionDIKey, void 0);
+		const loading = computed(() => {
+			return props.loading ?? ctx?.groupProps.loading;
+		});
+		const circle = computed(() => {
+			return props.circle ?? ctx?.groupProps.circle;
+		});
+		function handleConfirm() {
+			emit("run");
+		}
+		return (_ctx, _cache) => {
+			return __props.needConfirm ? (openBlock(), createBlock(unref(_sfc_main$2), {
+				key: 0,
+				title: "确认执行此操作吗？",
+				style: { "display": "inline-block" },
+				direction: "left",
+				onConfirm: handleConfirm
+			}, {
+				reference: withCtx(() => [createVNode(unref(_sfc_main$1), mergeProps({
+					class: unref(cls).b,
+					loading: loading.value,
+					circle: circle.value,
+					propagate: false
+				}, {
+					...buttonProps.value,
+					..._ctx.$attrs
+				}), {
+					default: withCtx(() => [renderSlot(_ctx.$slots, "default")]),
+					_: 3
+				}, 16, [
+					"class",
+					"loading",
+					"circle"
+				])]),
+				_: 3
+			})) : (openBlock(), createBlock(unref(_sfc_main$1), mergeProps({
+				key: 1,
+				class: unref(cls).b,
+				loading: loading.value,
+				circle: circle.value,
+				propagate: false
+			}, {
+				...buttonProps.value,
+				..._ctx.$attrs
+			}, { onClick: _cache[0] || (_cache[0] = ($event) => emit("run")) }), {
+				default: withCtx(() => [renderSlot(_ctx.$slots, "default")]),
+				_: 3
+			}, 16, [
+				"class",
+				"loading",
+				"circle"
+			]));
+		};
+	}
+});
+//#endregion
+export { _sfc_main as default };
+
+//# sourceMappingURL=action.js.map

package/dist/components/action/action.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"action.js","names":["$attrs"],"sources":["../../../src/components/action/action.vue"],"sourcesContent":["<template>\n  <u-pop-confirm\n    v-if=\"needConfirm\"\n    title=\"确认执行此操作吗？\"\n    style=\"display: inline-block\"\n    direction=\"left\"\n    @confirm=\"handleConfirm\"\n  >\n    <template #reference>\n      <u-button\n        :class=\"cls.b\"\n        :loading\n        :circle\n        :propagate=\"false\"\n        v-bind=\"{ ...buttonProps, ...$attrs }\"\n      >\n        <slot />\n      </u-button>\n    </template>\n  </u-pop-confirm>\n\n  <u-button\n    v-else\n    :class=\"cls.b\"\n    :loading\n    :circle\n    :propagate=\"false\"\n    v-bind=\"{ ...buttonProps, ...$attrs }\"\n    @click=\"emit('run')\"\n  >\n    <slot />\n  </u-button>\n</template>\n\n<script lang=\"ts\" setup>\nimport { o } from '@cat-kit/core'\nimport { bem } from '@veltra/utils'\nimport { computed, inject } from 'vue'\n\nimport type { ActionEmits, ActionProps } from '../../types'\nimport { UButton } from '../button'\nimport { UPopConfirm } from '../pop-confirm'\nimport { ActionDIKey } from './di'\n\ndefineOptions({\n  name: 'Action',\n  inheritAttrs: false\n})\n\nconst props = withDefaults(defineProps<ActionProps>(), {\n  size: 'small',\n  text: true,\n  type: 'primary',\n  inDropdown: false,\n  loading: undefined,\n  circle: undefined\n})\n\nconst buttonProps = computed(() => {\n  return o(props as Record<string, any>).omit(['needConfirm', 'loading', 'circle', 'propagate'])\n})\n\nconst emit = defineEmits<ActionEmits>()\n\nconst cls = bem('action')\n\nconst ctx = inject(ActionDIKey, undefined)\n\nconst loading = computed(() => {\n  return props.loading ?? ctx?.groupProps.loading\n})\n\nconst circle = computed(() => {\n  return props.circle ?? ctx?.groupProps.circle\n})\nfunction handleConfirm() {\n  emit('run')\n}\n</script>\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAiDA,MAAM,QAAQ;EASd,MAAM,cAAc,eAAe;AACjC,UAAO,EAAE,MAA6B,CAAC,KAAK;IAAC;IAAe;IAAW;IAAU;IAAY,CAAA;IAC9F;EAED,MAAM,OAAO;EAEb,MAAM,MAAM,IAAI,SAAQ;EAExB,MAAM,MAAM,OAAO,aAAa,KAAA,EAAS;EAEzC,MAAM,UAAU,eAAe;AAC7B,UAAO,MAAM,WAAW,KAAK,WAAW;IACzC;EAED,MAAM,SAAS,eAAe;AAC5B,UAAO,MAAM,UAAU,KAAK,WAAW;IACxC;EACD,SAAS,gBAAgB;AACvB,QAAK,MAAK;;;UA1EF,QAAA,eAAA,WAAA,EADR,YAkBgB,MAAA,YAAA,EAAA;;IAhBd,OAAM;IACN,OAAA,EAAA,WAAA,gBAA6B;IAC7B,WAAU;IACT,WAAS;;IAEC,WAAS,cASP,CARX,YAQW,MAAA,YAAA,EARX,WAQW;KAPR,OAAO,MAAA,IAAG,CAAC;KACX,SAAA,QAAA;KACA,QAAA,OAAA;KACA,WAAW;;QACC,YAAA;KAAW,GAAKA,KAAAA;KAAM,CAAA,EAAA;4BAE3B,CAAR,WAAQ,KAAA,QAAA,UAAA,CAAA,CAAA;;;;;;;;uBAKd,YAUW,MAAA,YAAA,EAVX,WAUW;;IARR,OAAO,MAAA,IAAG,CAAC;IACX,SAAA,QAAA;IACA,QAAA,OAAA;IACA,WAAW;;OACC,YAAA;IAAW,GAAKA,KAAAA;IAAM,EAAA,EAClC,SAAK,OAAA,OAAA,OAAA,MAAA,WAAE,KAAI,MAAA,GAAA,CAAA,EAAA;2BAEJ,CAAR,WAAQ,KAAA,QAAA,UAAA,CAAA,CAAA"}

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

@@ -0,0 +1,34 @@
+import { ButtonType } from "../../types/button.js";
+import { ActionProps } from "../../types/action.js";
+import * as _$vue from "vue";
+import * as _$_veltra_utils0 from "@veltra/utils";
+
+//#region src/components/action/action.vue.d.ts
+declare var __VLS_17: {}, __VLS_28: {};
+type __VLS_Slots = {} & {
+  default?: (props: typeof __VLS_17) => any;
+} & {
+  default?: (props: typeof __VLS_28) => any;
+};
+declare const __VLS_base: _$vue.DefineComponent<ActionProps, {}, {}, {}, {}, _$vue.ComponentOptionsMixin, _$vue.ComponentOptionsMixin, {} & {
+  run: () => any;
+}, string, _$vue.PublicProps, Readonly<ActionProps> & Readonly<{
+  onRun?: (() => any) | undefined;
+}>, {
+  size: _$_veltra_utils0.ComponentSize;
+  type: ButtonType;
+  text: boolean;
+  loading: boolean;
+  circle: boolean;
+  inDropdown: boolean;
+}, {}, {}, {}, 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=action.vue.d.ts.map

package/dist/components/action/di.js

@@ -0,0 +1,6 @@
+//#region src/components/action/di.ts
+const ActionDIKey = Symbol("ActionDIKey");
+//#endregion
+export { ActionDIKey };
+
+//# sourceMappingURL=di.js.map

package/dist/components/action/di.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"di.js","names":[],"sources":["../../../src/components/action/di.ts"],"sourcesContent":["import type { InjectionKey } from 'vue'\n\nimport type { ActionGroupProps } from '../../types'\n\nexport const ActionDIKey: InjectionKey<{ groupProps: ActionGroupProps }> = Symbol('ActionDIKey')\n"],"mappings":";AAIA,MAAa,cAA8D,OAAO,cAAc"}

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

@@ -0,0 +1,2 @@
+import { _default } from "./action.vue.js";
+import { _default as _default$1 } from "./action-group.vue.js";

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

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

package/dist/components/action/style.js

@@ -0,0 +1 @@
+import "./style2.css";

package/dist/components/action/style2.css

@@ -0,0 +1,31 @@
+@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-action-group__dropdown {
+  padding: 6px;
+  min-width: 100px;
+}
+.u-action-group__dropdown .u-button {
+  width: 100%;
+  display: block;
+  margin-left: 0 !important;
+  margin-bottom: 6px;
+}
+
+.u-action + .u-action {
+  margin-left: 6px;
+}

package/dist/components/auto-complete/auto-complete.js

@@ -0,0 +1,211 @@
+import _sfc_main$1 from "../dropdown/dropdown.js";
+import input_default from "../input/input.js";
+import _sfc_main$2 from "../scroll/scroll.js";
+import { useKeyboard } from "./use-keyboard.js";
+import { useSuggestions } from "./use-suggestions.js";
+import { Fragment, computed, createBlock, createCommentVNode, createElementBlock, createSlots, createTextVNode, createVNode, defineComponent, guardReactiveProps, mergeModels, mergeProps, normalizeClass, normalizeProps, openBlock, renderList, renderSlot, shallowRef, toDisplayString, unref, useModel, useSlots, watch, withCtx, withDirectives } from "vue";
+import { FORM_EMPTY_CONTENT, bem, scrollIntoContainerView } from "@veltra/utils";
+import { useFormComponent, useFormFallbackProps } from "@veltra/compositions";
+import { vRipple } from "@veltra/directives";
+//#region src/components/auto-complete/auto-complete.vue
+const _hoisted_1 = ["data-key"];
+const _hoisted_2 = ["onClick", "data-key"];
+const _sfc_main = /* @__PURE__ */ defineComponent({
+	name: "AutoComplete",
+	inheritAttrs: false,
+	__name: "auto-complete",
+	props: /* @__PURE__ */ mergeModels({
+		modelValue: {},
+		placeholder: { default: "请输入" },
+		suggestions: {},
+		clearable: {
+			type: Boolean,
+			default: true
+		},
+		tips: {},
+		span: {},
+		label: {},
+		field: {},
+		disabled: {
+			type: Boolean,
+			default: void 0
+		},
+		readonly: {
+			type: Boolean,
+			default: void 0
+		},
+		size: {}
+	}, {
+		"modelValue": {},
+		"modelModifiers": {}
+	}),
+	emits: /* @__PURE__ */ mergeModels(["update:modelValue", "select"], ["update:modelValue"]),
+	setup(__props, { emit: __emit }) {
+		const props = __props;
+		const emit = __emit;
+		const slots = useSlots();
+		const model = useModel(__props, "modelValue");
+		const cls = bem("auto-complete");
+		const optionClass = cls.e("option");
+		const { formProps } = useFormComponent();
+		const { size, disabled, readonly } = useFormFallbackProps([formProps ?? {}, props], {
+			size: "default",
+			disabled: false,
+			readonly: false
+		});
+		const dropdownRef = shallowRef();
+		const dropdownVisible = shallowRef(false);
+		const scrollRef = shallowRef();
+		watch(scrollRef, (scroll) => {
+			if (scroll && model.value !== void 0) {
+				const li = scroll.contentRef.querySelector(`li[data-key="${model.value}"]`);
+				li && scrollIntoContainerView(li, scroll.containerRef ?? null);
+			}
+		});
+		const { suggestions, appendedSuggestions, cachedSuggestion } = useSuggestions({
+			props,
+			model
+		});
+		const keyboardOptions = computed(() => {
+			const currentSuggestions = suggestions.value;
+			return cachedSuggestion.value ? [cachedSuggestion.value, ...currentSuggestions] : currentSuggestions;
+		});
+		const { point, handleKeydown } = useKeyboard({
+			options: keyboardOptions,
+			dropdownVisible,
+			getDefaultIndex: (options) => {
+				if (!options.length) return -1;
+				if (model.value) {
+					const matchIndex = options.indexOf(model.value);
+					if (matchIndex > -1) return matchIndex;
+				}
+				return 0;
+			},
+			onSelect: (option, index) => {
+				if (cachedSuggestion.value && index === 0) {
+					handleSelectCachedOption(option);
+					return;
+				}
+				handleSelect(option);
+			}
+		});
+		const isCachedActive = computed(() => !!cachedSuggestion.value && point.value === 0);
+		const isActiveOption = (index) => {
+			const offset = cachedSuggestion.value ? 1 : 0;
+			return point.value === index + offset;
+		};
+		const handleInputKeydown = (event) => {
+			if (!dropdownVisible.value && event.key === "Enter" && cachedSuggestion.value) {
+				event.preventDefault();
+				event.stopPropagation();
+				handleSelectCachedOption(cachedSuggestion.value);
+				return;
+			}
+			handleKeydown(event);
+		};
+		watch([point, keyboardOptions], ([currentPoint, options]) => {
+			if (!scrollRef.value || currentPoint < 0) return;
+			const currentOption = options[currentPoint];
+			if (!currentOption) return;
+			const target = scrollRef.value.contentRef?.querySelector(`li[data-key="${currentOption}"]`);
+			if (target) scrollIntoContainerView(target, scrollRef.value.containerRef ?? null);
+		});
+		/** 选中选项 */
+		const handleSelect = (option) => {
+			model.value = option;
+			dropdownRef.value?.close();
+			saveCache();
+			emit("select", option);
+		};
+		function saveCache() {
+			if (!model.value) return;
+			appendedSuggestions.value = [...appendedSuggestions.value, model.value];
+		}
+		const handleSelectCachedOption = (cachedOption) => {
+			appendedSuggestions.value = [...appendedSuggestions.value, cachedOption];
+			dropdownRef.value?.close();
+		};
+		return (_ctx, _cache) => {
+			return !unref(readonly) ? (openBlock(), createBlock(unref(_sfc_main$1), {
+				key: 0,
+				trigger: "click",
+				class: normalizeClass([
+					unref(cls).b,
+					unref(cls).m(unref(size)),
+					unref(bem).is("disabled", unref(disabled))
+				]),
+				ref_key: "dropdownRef",
+				ref: dropdownRef,
+				visible: dropdownVisible.value,
+				"onUpdate:visible": _cache[2] || (_cache[2] = ($event) => dropdownVisible.value = $event),
+				"content-class": [unref(cls).e("panel"), unref(cls).em("panel", unref(size))],
+				disabled: unref(disabled)
+			}, {
+				trigger: withCtx(() => [createCommentVNode(" 单选 "), createVNode(unref(input_default), {
+					size: unref(size),
+					disabled: unref(disabled),
+					placeholder: __props.placeholder,
+					clearable: __props.clearable,
+					modelValue: model.value,
+					"onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => model.value = $event),
+					onKeydown: handleInputKeydown
+				}, createSlots({ _: 2 }, [slots.suffix ? {
+					name: "suffix",
+					fn: withCtx(() => [renderSlot(_ctx.$slots, "suffix")]),
+					key: "0"
+				} : void 0, slots.prefix ? {
+					name: "prefix",
+					fn: withCtx(() => [renderSlot(_ctx.$slots, "prefix")]),
+					key: "1"
+				} : void 0]), 1032, [
+					"size",
+					"disabled",
+					"placeholder",
+					"clearable",
+					"modelValue"
+				])]),
+				content: withCtx(() => [createVNode(unref(_sfc_main$2), {
+					tag: "ul",
+					class: normalizeClass(unref(cls).e("options")),
+					ref_key: "scrollRef",
+					ref: scrollRef
+				}, {
+					default: withCtx(() => [unref(cachedSuggestion) ? withDirectives((openBlock(), createElementBlock("li", {
+						class: normalizeClass([unref(optionClass), unref(bem).is("active", isCachedActive.value)]),
+						onClick: _cache[1] || (_cache[1] = ($event) => handleSelectCachedOption(unref(cachedSuggestion))),
+						"data-key": unref(cachedSuggestion),
+						key: unref(cachedSuggestion)
+					}, [renderSlot(_ctx.$slots, "default", normalizeProps(guardReactiveProps({
+						option: unref(cachedSuggestion),
+						index: -1
+					})), () => [createTextVNode(toDisplayString(unref(cachedSuggestion)), 1)])], 10, _hoisted_1)), [[unref(vRipple), unref(cls).e("ripple")]]) : createCommentVNode("v-if", true), (openBlock(true), createElementBlock(Fragment, null, renderList(unref(suggestions), (option, index) => {
+						return withDirectives((openBlock(), createElementBlock("li", {
+							class: normalizeClass([
+								unref(optionClass),
+								unref(bem).is("selected", option === model.value),
+								unref(bem).is("active", isActiveOption(index))
+							]),
+							onClick: ($event) => handleSelect(option),
+							"data-key": option,
+							key: option
+						}, [renderSlot(_ctx.$slots, "default", mergeProps({ ref_for: true }, {
+							option,
+							index
+						}), () => [createTextVNode(toDisplayString(option), 1)])], 10, _hoisted_2)), [[unref(vRipple), unref(cls).e("ripple")]]);
+					}), 128))]),
+					_: 3
+				}, 8, ["class"])]),
+				_: 3
+			}, 8, [
+				"class",
+				"visible",
+				"content-class",
+				"disabled"
+			])) : (openBlock(), createElementBlock(Fragment, { key: 1 }, [createTextVNode(toDisplayString(model.value || unref(FORM_EMPTY_CONTENT)), 1)], 64));
+		};
+	}
+});
+//#endregion
+export { _sfc_main as default };
+
+//# sourceMappingURL=auto-complete.js.map

package/dist/components/auto-complete/auto-complete.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"auto-complete.js","names":[],"sources":["../../../src/components/auto-complete/auto-complete.vue"],"sourcesContent":["<template>\n  <u-dropdown\n    v-if=\"!readonly\"\n    trigger=\"click\"\n    :class=\"[cls.b, cls.m(size), bem.is('disabled', disabled)]\"\n    ref=\"dropdownRef\"\n    v-model:visible=\"dropdownVisible\"\n    :content-class=\"[cls.e('panel'), cls.em('panel', size)]\"\n    :disabled=\"disabled\"\n  >\n    <!-- 触发 -->\n    <template #trigger>\n      <!-- 单选 -->\n      <u-input\n        :size=\"size\"\n        :disabled=\"disabled\"\n        :placeholder=\"placeholder\"\n        :clearable=\"clearable\"\n        v-model=\"model\"\n        @keydown=\"handleInputKeydown\"\n      >\n        <template #suffix v-if=\"slots.suffix\">\n          <slot name=\"suffix\" />\n        </template>\n\n        <template #prefix v-if=\"slots.prefix\">\n          <slot name=\"prefix\" />\n        </template>\n      </u-input>\n    </template>\n\n    <!-- 下拉内容 -->\n    <template #content>\n      <u-scroll tag=\"ul\" :class=\"cls.e('options')\" ref=\"scrollRef\">\n        <li\n          v-if=\"cachedSuggestion\"\n          :class=\"[optionClass, bem.is('active', isCachedActive)]\"\n          @click=\"handleSelectCachedOption(cachedSuggestion)\"\n          v-ripple=\"cls.e('ripple')\"\n          :data-key=\"cachedSuggestion\"\n          :key=\"cachedSuggestion\"\n        >\n          <slot v-bind=\"{ option: cachedSuggestion, index: -1 }\">\n            {{ cachedSuggestion }}\n          </slot>\n        </li>\n\n        <li\n          v-for=\"(option, index) of suggestions\"\n          :class=\"[\n            optionClass,\n            bem.is('selected', option === model),\n            bem.is('active', isActiveOption(index))\n          ]\"\n          @click=\"handleSelect(option)\"\n          v-ripple=\"cls.e('ripple')\"\n          :data-key=\"option\"\n          :key=\"option\"\n        >\n          <slot v-bind=\"{ option, index }\">\n            {{ option }}\n          </slot>\n        </li>\n      </u-scroll>\n    </template>\n  </u-dropdown>\n\n  <template v-else>\n    {{ model || FORM_EMPTY_CONTENT }}\n  </template>\n</template>\n\n<script lang=\"ts\" setup>\nimport { useFormComponent, useFormFallbackProps } from '@veltra/compositions'\nimport { vRipple } from '@veltra/directives'\nimport { bem, scrollIntoContainerView } from '@veltra/utils'\nimport { FORM_EMPTY_CONTENT } from '@veltra/utils'\nimport { computed, shallowRef, watch } from 'vue'\n\nimport type { AutoCompleteEmits, AutoCompleteProps, _AutoCompleteExposed } from '../../types'\nimport type { DropdownExposed, ScrollExposed } from '../../types'\nimport { UDropdown } from '../dropdown'\nimport { UInput } from '../input'\nimport { UScroll } from '../scroll'\nimport { useKeyboard } from './use-keyboard'\nimport { useSuggestions } from './use-suggestions'\n\ndefineOptions({ name: 'AutoComplete', inheritAttrs: false })\n\nconst props = withDefaults(defineProps<AutoCompleteProps>(), {\n  placeholder: '请输入',\n  clearable: true,\n  disabled: undefined,\n  readonly: undefined\n})\n\nconst emit = defineEmits<AutoCompleteEmits>()\n\nconst slots = defineSlots<{\n  default?: (props: { option: string; index: number }) => any\n  suffix?: () => any\n  prefix?: () => any\n}>()\n\n// 当前输入框的值\nconst model = defineModel<string>()\n\nconst cls = bem('auto-complete')\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 dropdownRef = shallowRef<DropdownExposed>()\nconst dropdownVisible = shallowRef(false)\nconst scrollRef = shallowRef<ScrollExposed>()\n\nwatch(scrollRef, (scroll) => {\n  if (scroll && model.value !== undefined) {\n    const li = scroll.contentRef!.querySelector(`li[data-key=\"${model.value}\"]`) as HTMLElement\n    li && scrollIntoContainerView(li, scroll.containerRef ?? null)\n  }\n})\n\nconst { suggestions, appendedSuggestions, cachedSuggestion } = useSuggestions({ props, model })\n\nconst keyboardOptions = computed(() => {\n  const currentSuggestions = suggestions.value\n  return cachedSuggestion.value\n    ? [cachedSuggestion.value, ...currentSuggestions]\n    : currentSuggestions\n})\n\nconst { point, handleKeydown } = useKeyboard({\n  options: keyboardOptions,\n  dropdownVisible,\n  getDefaultIndex: (options) => {\n    if (!options.length) return -1\n    if (model.value) {\n      const matchIndex = options.indexOf(model.value)\n      if (matchIndex > -1) return matchIndex\n    }\n    return 0\n  },\n  onSelect: (option, index) => {\n    if (cachedSuggestion.value && index === 0) {\n      handleSelectCachedOption(option)\n      return\n    }\n    handleSelect(option)\n  }\n})\n\nconst isCachedActive = computed(() => !!cachedSuggestion.value && point.value === 0)\n\nconst isActiveOption = (index: number) => {\n  const offset = cachedSuggestion.value ? 1 : 0\n  return point.value === index + offset\n}\n\nconst handleInputKeydown = (event: KeyboardEvent) => {\n  if (!dropdownVisible.value && event.key === 'Enter' && cachedSuggestion.value) {\n    event.preventDefault()\n    event.stopPropagation()\n    handleSelectCachedOption(cachedSuggestion.value)\n    return\n  }\n  handleKeydown(event)\n}\n\nwatch([point, keyboardOptions], ([currentPoint, options]) => {\n  if (!scrollRef.value || currentPoint < 0) return\n  const currentOption = options[currentPoint]\n  if (!currentOption) return\n  const target = scrollRef.value.contentRef?.querySelector(\n    `li[data-key=\"${currentOption}\"]`\n  ) as HTMLElement | null\n  if (target) {\n    scrollIntoContainerView(target, scrollRef.value.containerRef ?? null)\n  }\n})\n\n/** 选中选项 */\nconst handleSelect = (option: string) => {\n  model.value = option\n  dropdownRef.value?.close()\n  saveCache()\n  emit('select', option)\n}\n\nfunction saveCache() {\n  if (!model.value) return\n  appendedSuggestions.value = [...appendedSuggestions.value, model.value]\n}\n\nconst handleSelectCachedOption = (cachedOption: string) => {\n  appendedSuggestions.value = [...appendedSuggestions.value, cachedOption]\n  dropdownRef.value?.close()\n}\n</script>\n"],"mappings":"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"}

package/dist/components/auto-complete/auto-complete.vue.d.ts

@@ -0,0 +1,41 @@
+import { AutoCompleteProps } from "../../types/auto-complete.js";
+import * as _$vue from "vue";
+
+//#region src/components/auto-complete/auto-complete.vue.d.ts
+type __VLS_Props = AutoCompleteProps;
+type __VLS_Slots = {
+  default?: (props: {
+    option: string;
+    index: number;
+  }) => any;
+  suffix?: () => any;
+  prefix?: () => any;
+};
+type __VLS_ModelProps = {
+  modelValue?: string;
+};
+type __VLS_PublicProps = __VLS_Props & __VLS_ModelProps;
+declare const __VLS_base: _$vue.DefineComponent<__VLS_PublicProps, {}, {}, {}, {}, _$vue.ComponentOptionsMixin, _$vue.ComponentOptionsMixin, {
+  "update:modelValue": (value: string | undefined) => any;
+} & {
+  "update:modelValue": (value: string) => any;
+  select: (value: string) => any;
+}, string, _$vue.PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
+  "onUpdate:modelValue"?: ((value: string) => any) | undefined;
+  onSelect?: ((value: string) => any) | undefined;
+}>, {
+  readonly: boolean;
+  disabled: boolean;
+  placeholder: string;
+  clearable: boolean;
+}, {}, {}, {}, 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=auto-complete.vue.d.ts.map

package/dist/components/auto-complete/index.d.ts

@@ -0,0 +1 @@
+import { _default } from "./auto-complete.vue.js";

package/dist/components/auto-complete/style.d.ts

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

package/dist/components/auto-complete/style.js

@@ -0,0 +1,3 @@
+import "./style2.css";
+import "@veltra/directives/ripple/style.js";
+import "@veltra/styles/anime/zoom-in.scss";