@veltra/desktop 1.0.0

package/dist/components/theme/theme.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"theme.js","names":[],"sources":["../../../src/components/theme/theme.vue"],"sourcesContent":["<template>\n  <div :class=\"cls.b\">\n    <div :class=\"cls.e('header')\">\n      <div :class=\"cls.e('header-copy')\">\n        <strong>主题变量配置</strong>\n      </div>\n      <div :class=\"cls.e('tags')\">\n        <span :class=\"cls.e('tag')\">基线 {{ baselineLabel }}</span>\n        <span :class=\"cls.e('tag')\">{{ changedFieldKeys.size }} 改动</span>\n      </div>\n    </div>\n\n    <div :class=\"cls.e('toolbar')\">\n      <u-input\n        v-model=\"keyword\"\n        :class=\"cls.e('search')\"\n        placeholder=\"搜索变量名、中文标签或分组\"\n      />\n\n      <button\n        type=\"button\"\n        :class=\"[cls.e('toggle'), bem.is('active', changedOnly)]\"\n        @click=\"changedOnly = !changedOnly\"\n      >\n        {{ changedOnly ? '查看全部' : '仅看改动' }}\n      </button>\n    </div>\n\n    <div :class=\"cls.e('body')\">\n      <div :class=\"cls.e('nav')\">\n        <button\n          v-for=\"section in sectionStates\"\n          :key=\"section.key\"\n          type=\"button\"\n          :class=\"[\n            cls.e('nav-item'),\n            bem.is('active', activeSection === section.key),\n            bem.is('disabled', !section.visibleFields.length)\n          ]\"\n          @click=\"activeSection = section.key\"\n        >\n          <span :class=\"cls.e('nav-main')\">{{ section.title }}</span>\n          <span :class=\"cls.e('nav-meta')\">\n            {{ section.visibleFields.length }}/{{ section.fields.length }}\n            <template v-if=\"section.changedCount\"> · {{ section.changedCount }} 改动 </template>\n          </span>\n        </button>\n      </div>\n\n      <div :class=\"cls.e('panel')\">\n        <div v-if=\"activeState\" :class=\"cls.e('panel-head')\">\n          <div>\n            <h4 :class=\"cls.e('panel-title')\">{{ activeState.title }}</h4>\n            <p :class=\"cls.e('panel-desc')\">{{ activeState.description }}</p>\n          </div>\n\n          <div :class=\"cls.e('panel-count')\">{{ activeState.visibleFields.length }} 项</div>\n        </div>\n\n        <div v-if=\"activeState?.visibleFields.length\" :class=\"cls.e('list')\">\n          <div\n            v-for=\"field in activeState.visibleFields\"\n            :key=\"field.key\"\n            :class=\"[cls.e('item'), bem.is('changed', isFieldChanged(field))]\"\n          >\n            <div :class=\"cls.e('item-head')\">\n              <div :class=\"cls.e('item-copy')\">\n                <label :class=\"cls.e('item-label')\">{{ field.label }}</label>\n                <div :class=\"cls.e('item-meta')\">\n                  <span :class=\"cls.e('item-code-label')\">Theme</span>\n                  <code :class=\"cls.e('item-code')\">{{ getThemePath(field.path) }}</code>\n                </div>\n                <div :class=\"cls.e('item-meta')\">\n                  <span :class=\"cls.e('item-code-label')\">CSS</span>\n                  <code :class=\"cls.e('item-code')\">{{ getCssVarName(field.path) }}</code>\n                </div>\n              </div>\n\n              <span v-if=\"isFieldChanged(field)\" :class=\"cls.e('item-badge')\"> 已修改 </span>\n            </div>\n\n            <div v-if=\"field.kind === 'palette'\" :class=\"cls.e('palette-field')\">\n              <template v-if=\"field.path[0] === 'color'\">\n                <div :class=\"cls.e('palette-custom')\">\n                  <u-palette\n                    :model-value=\"String(getFieldValue(field) ?? '')\"\n                    @update:model-value=\"(value) => updateField(field, value)\"\n                  />\n                  <u-input\n                    :model-value=\"String(getFieldValue(field) ?? '')\"\n                    placeholder=\"例如：#1E88E5\"\n                    @update:model-value=\"(value) => updateField(field, value)\"\n                  />\n                </div>\n              </template>\n              <template v-else>\n                <div :class=\"cls.e('palette-custom')\">\n                  <u-palette\n                    :model-value=\"\n                      String(getFieldValue(field) ?? '').startsWith('var')\n                        ? ''\n                        : String(getFieldValue(field) ?? '')\n                    \"\n                    @update:model-value=\"(value) => updateField(field, value)\"\n                  />\n                  <u-input\n                    :model-value=\"String(getFieldValue(field) ?? '')\"\n                    placeholder=\"输入颜色或变量\"\n                    @update:model-value=\"(value) => updateField(field, value)\"\n                  />\n                </div>\n                <div :class=\"cls.e('palette-var')\">\n                  <span :class=\"cls.e('palette-var-label')\">或选择变量</span>\n                  <u-select\n                    :model-value=\"\n                      String(getFieldValue(field) ?? '').startsWith('var')\n                        ? String(getFieldValue(field) ?? '')\n                        : ''\n                    \"\n                    :options=\"colorVarOptions\"\n                    clearable\n                    placeholder=\"选择预设变量\"\n                    @update:model-value=\"(value) => updateField(field, value ?? '')\"\n                  >\n                    <template #default=\"{ option }\">\n                      <div style=\"display: flex; align-items: center; gap: 8px\">\n                        <div\n                          :style=\"`width: 14px; height: 14px; border-radius: 4px; background: ${option.value}`\"\n                        />\n                        <span style=\"font-size: 13px\">{{ option.label }}</span>\n                      </div>\n                    </template>\n                  </u-select>\n                </div>\n              </template>\n            </div>\n\n            <component\n              v-else\n              :is=\"getFieldComponent(field)\"\n              :model-value=\"getFieldValue(field)\"\n              v-bind=\"getFieldProps(field)\"\n              @update:model-value=\"(value) => updateField(field, value)\"\n            />\n\n            <p v-if=\"field.hint || field.placeholder\" :class=\"cls.e('item-hint')\">\n              {{ field.hint ?? field.placeholder }}\n            </p>\n          </div>\n        </div>\n\n        <div v-else :class=\"cls.e('empty')\">\n          <strong>没有匹配项</strong>\n          <p>换一个关键字，或关闭“仅看改动”后再继续筛选。</p>\n        </div>\n      </div>\n    </div>\n\n    <div :class=\"cls.e('actions')\">\n      <div :class=\"cls.e('preset-group')\">\n        <button type=\"button\" :class=\"cls.e('preset')\" @click=\"applyPreset('light')\">\n          浅色预设\n        </button>\n        <button type=\"button\" :class=\"cls.e('preset')\" @click=\"applyPreset('dark')\">\n          深色预设\n        </button>\n      </div>\n\n      <u-button :class=\"cls.e('action-btn')\" @click=\"handleResetTheme\"> 重置 </u-button>\n      <u-button :class=\"cls.e('action-btn')\" type=\"primary\" @click=\"handleExportTheme\">\n        导出\n      </u-button>\n    </div>\n  </div>\n</template>\n\n<script lang=\"ts\" setup>\nimport {\n  type Theme,\n  UITheme,\n  currentTheme,\n  darkTheme,\n  lightTheme,\n  loadTheme\n} from '@veltra/styles/theme'\nimport { bem } from '@veltra/utils'\nimport { computed, shallowRef, watch, watchEffect } from 'vue'\n\nimport type { ThemeProps, _ThemeExposed } from '../../types'\nimport { UButton } from '../button'\nimport { UInput } from '../input'\nimport { UNumberInput } from '../number-input'\nimport { UPalette } from '../palette'\nimport { USelect } from '../select'\nimport { THEME_SECTIONS } from './schema'\nimport type { ThemeField } from './schema'\n\ndefineOptions({\n  name: 'UTheme'\n})\n\nconst props = defineProps<ThemeProps>()\n\nconst cls = bem('theme')\n\nconst keyword = shallowRef('')\nconst changedOnly = shallowRef(false)\nconst activeSection = shallowRef(THEME_SECTIONS[0]!.key)\n\nconst colorVarOptions = computed(() => {\n  const options: { label: string; value: string }[] = []\n  THEME_SECTIONS.forEach((section) => {\n    section.fields.forEach((field) => {\n      if (field.kind === 'palette') {\n        const varName = `var(${getCssVarName(field.path)})`\n        options.push({\n          label: `${field.label}`,\n          value: varName\n        })\n      }\n    })\n  })\n  return options\n})\n\nconst editorTheme = shallowRef<UITheme>()\nconst baselineTheme = shallowRef<Theme>(createThemeSnapshot(lightTheme.theme))\nconst baselineLabel = shallowRef('浅色预设')\n\nconst lightPreset = createThemeSnapshot(lightTheme.theme)\nconst darkPreset = createThemeSnapshot(darkTheme.theme)\n\nconst sourceTheme = computed(() => {\n  return props.theme ?? currentTheme.value ?? lightTheme\n})\n\nwatch(\n  sourceTheme,\n  (theme) => {\n    if (!props.theme && theme === editorTheme.value) return\n\n    const nextTheme = props.theme ? theme : new UITheme(createThemeSnapshot(theme.theme))\n\n    editorTheme.value = nextTheme\n    baselineTheme.value = createThemeSnapshot(nextTheme.theme)\n    baselineLabel.value =\n      theme === darkTheme\n        ? '深色预设'\n        : theme === lightTheme\n          ? '浅色预设'\n          : props.theme\n            ? '外部主题'\n            : '当前主题'\n\n    if (!props.theme && currentTheme.value !== nextTheme) {\n      loadTheme(nextTheme)\n    }\n  },\n  { immediate: true }\n)\n\nconst changedFieldKeys = computed(() => {\n  const keys = new Set<string>()\n\n  THEME_SECTIONS.forEach((section) => {\n    section.fields.forEach((field) => {\n      if (\n        getByPath(editorTheme.value?.theme ?? lightTheme.theme, field.path) !==\n        getByPath(baselineTheme.value, field.path)\n      ) {\n        keys.add(field.key)\n      }\n    })\n  })\n\n  return keys\n})\n\nconst sectionStates = computed(() => {\n  const normalizedKeyword = keyword.value.trim().toLowerCase()\n\n  return THEME_SECTIONS.map((section) => {\n    const sectionMatched = `${section.title} ${section.description}`\n      .toLowerCase()\n      .includes(normalizedKeyword)\n\n    const visibleFields = section.fields.filter((field) => {\n      const matchesKeyword =\n        !normalizedKeyword ||\n        sectionMatched ||\n        `${field.label} ${field.key} ${getThemePath(field.path)} ${getCssVarName(field.path)}`\n          .toLowerCase()\n          .includes(normalizedKeyword)\n\n      if (!matchesKeyword) return false\n\n      if (changedOnly.value && !changedFieldKeys.value.has(field.key)) {\n        return false\n      }\n\n      return true\n    })\n\n    const changedCount = section.fields.filter((field) => {\n      return changedFieldKeys.value.has(field.key)\n    }).length\n\n    return {\n      ...section,\n      visibleFields,\n      changedCount\n    }\n  })\n})\n\nwatchEffect(() => {\n  const current = sectionStates.value.find((section) => {\n    return section.key === activeSection.value && section.visibleFields.length\n  })\n\n  if (current) return\n\n  activeSection.value =\n    sectionStates.value.find((section) => section.visibleFields.length)?.key ??\n    THEME_SECTIONS[0]!.key\n})\n\nconst activeState = computed(() => {\n  return (\n    sectionStates.value.find((section) => section.key === activeSection.value) ??\n    sectionStates.value[0]\n  )\n})\n\nfunction createThemeSnapshot(theme: Theme): Theme {\n  return JSON.parse(JSON.stringify(theme)) as Theme\n}\n\nfunction getByPath(source: Record<string, any>, path: string[]) {\n  return path.reduce((current, key) => current?.[key], source)\n}\n\nfunction setByPath(source: Record<string, any>, path: string[], value: any) {\n  let current = source\n\n  path.slice(0, -1).forEach((key) => {\n    current = current[key]\n  })\n\n  current[path[path.length - 1]!] = value\n}\n\nfunction getCssVarName(path: string[]) {\n  return `--u-${path.join('-')}`\n}\n\nfunction getThemePath(path: string[]) {\n  return path.reduce((expression, key) => {\n    if (/^[A-Za-z_$][\\w$]*$/.test(key)) {\n      return `${expression}.${key}`\n    }\n\n    return `${expression}['${key}']`\n  }, 'theme')\n}\n\nfunction getFieldComponent(field: ThemeField) {\n  switch (field.kind) {\n    case 'number':\n      return UNumberInput\n    case 'select':\n      return USelect\n    default:\n      return UInput\n  }\n}\n\nfunction getFieldValue(field: ThemeField) {\n  return getByPath(editorTheme.value?.theme ?? lightTheme.theme, field.path)\n}\n\nfunction getFieldProps(field: ThemeField) {\n  switch (field.kind) {\n    case 'number':\n      return {\n        min: field.min,\n        max: field.max,\n        step: field.step,\n        suffix: field.suffix\n      }\n    case 'select':\n      return {\n        options: field.options,\n        clearable: false,\n        placeholder: '请选择'\n      }\n    case 'input':\n      return {\n        placeholder: field.placeholder\n      }\n    default:\n      return {}\n  }\n}\n\nfunction updateField(field: ThemeField, value: string | number | undefined) {\n  if (!editorTheme.value) return\n\n  const normalizedValue =\n    field.kind === 'number'\n      ? typeof value === 'number'\n        ? value\n        : Number(value || 0)\n      : String(value ?? '')\n\n  setByPath(editorTheme.value.theme, field.path, normalizedValue)\n  editorTheme.value.render()\n}\n\nfunction isFieldChanged(field: ThemeField) {\n  return changedFieldKeys.value.has(field.key)\n}\n\nfunction applySnapshot(snapshot: Theme, label?: string) {\n  if (!editorTheme.value) return\n\n  Object.assign(editorTheme.value.theme, createThemeSnapshot(snapshot))\n  baselineTheme.value = createThemeSnapshot(editorTheme.value.theme)\n\n  if (label) {\n    baselineLabel.value = label\n  }\n\n  editorTheme.value.render()\n}\n\nfunction applyPreset(type: 'light' | 'dark') {\n  applySnapshot(\n    type === 'dark' ? darkPreset : lightPreset,\n    type === 'dark' ? '深色预设' : '浅色预设'\n  )\n}\n\nfunction handleResetTheme() {\n  if (!editorTheme.value) return\n\n  Object.assign(editorTheme.value.theme, createThemeSnapshot(baselineTheme.value))\n  editorTheme.value.render()\n}\n\nfunction handleExportTheme() {\n  if (!editorTheme.value) return\n\n  const themeConfig = JSON.stringify(createThemeSnapshot(editorTheme.value.theme), null, 2)\n  const blob = new Blob([themeConfig], { type: 'application/json' })\n  const url = URL.createObjectURL(blob)\n  const a = document.createElement('a')\n  a.href = url\n  a.download = 'theme-config.json'\n  a.click()\n  URL.revokeObjectURL(url)\n}\n\ndefineExpose<_ThemeExposed>({\n  reset: handleResetTheme,\n  exportTheme: handleExportTheme,\n  applyLightPreset: () => applyPreset('light'),\n  applyDarkPreset: () => applyPreset('dark')\n})\n</script>\n"],"mappings":"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"}

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

@@ -0,0 +1,9 @@
+import { ThemeProps, _ThemeExposed } from "../../types/theme.js";
+import * as _$vue from "vue";
+
+//#region src/components/theme/theme.vue.d.ts
+declare const __VLS_export: _$vue.DefineComponent<ThemeProps, _ThemeExposed, {}, {}, {}, _$vue.ComponentOptionsMixin, _$vue.ComponentOptionsMixin, {}, string, _$vue.PublicProps, Readonly<ThemeProps> & Readonly<{}>, {}, {}, {}, {}, string, _$vue.ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+//#endregion
+export { _default };
+//# sourceMappingURL=theme.vue.d.ts.map

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

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

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

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

package/dist/components/tip/style.js

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

package/dist/components/tip/style2.css

@@ -0,0 +1,79 @@
+@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-tip {
+  width: max-content;
+}
+.u-tip__content {
+  position: absolute;
+  left: 0;
+  top: 0;
+  box-shadow: var(--u-shadow);
+  border-radius: var(--u-radius-default);
+  color: var(--u-text-color-main);
+}
+.u-tip__content::after {
+  content: "";
+  position: absolute;
+  top: 0;
+  left: 0;
+  height: 100%;
+  width: 100%;
+  z-index: -1;
+  background-color: var(--u-bg-color-top);
+  border-radius: var(--u-radius-default);
+}
+.u-tip__arrow {
+  position: absolute;
+  z-index: -1;
+  box-shadow: var(--u-shadow);
+  background-color: var(--u-bg-color-top);
+  transform: rotate(45deg);
+}
+.u-tip--small {
+  font-size: var(--u-font-size-main-small);
+  padding: var(--u-gap-small);
+}
+.u-tip--default {
+  font-size: var(--u-font-size-main-default);
+  padding: var(--u-gap-default);
+}
+.u-tip--large {
+  font-size: var(--u-font-size-main-large);
+  padding: var(--u-gap-large);
+}
+
+.tip-enter-active,
+.tip-leave-active {
+  transition-property: opacity, transform;
+}
+
+.tip-enter-active {
+  transition-timing-function: ease;
+  transition-duration: 0.25s;
+}
+
+.tip-leave-active {
+  transition-timing-function: ease-out;
+  transition-duration: 0.15s;
+}
+
+.tip-enter-from,
+.tip-leave-to {
+  opacity: 0;
+  transform: scale(0.9);
+}

package/dist/components/tip/tip.js

@@ -0,0 +1,160 @@
+import NodeRender from "../node-render/node-render.js";
+import { useNest } from "./use-nest.js";
+import { Fragment, Teleport, Transition, computed, createBlock, createCommentVNode, createElementBlock, createTextVNode, createVNode, defineComponent, mergeProps, nextTick, normalizeClass, normalizeStyle, onBeforeUnmount, openBlock, renderSlot, resolveDynamicComponent, shallowRef, toDisplayString, toRef, unref, useSlots, watch, withCtx, withDirectives, withModifiers } from "vue";
+import { bem, extractNormalVNodes, zIndex } from "@veltra/utils";
+import { useFallbackProps, usePop } from "@veltra/compositions";
+import { vClickOutside } from "@veltra/directives";
+//#region src/components/tip/tip.vue
+const _sfc_main = /* @__PURE__ */ defineComponent({
+	name: "Tip",
+	__name: "tip",
+	props: {
+		visible: {
+			type: Boolean,
+			default: void 0
+		},
+		content: { default: "" },
+		style: {},
+		class: {},
+		trigger: { default: "hover" },
+		triggerDom: {},
+		direction: { default: "top" },
+		hideArrow: { type: Boolean },
+		alignment: { default: "center" },
+		contentTag: { default: "div" },
+		disabled: { type: Boolean }
+	},
+	emits: ["update:visible"],
+	setup(__props, { emit: __emit }) {
+		const props = __props;
+		const emit = __emit;
+		const cls = bem("tip");
+		const slots = useSlots();
+		const { size } = useFallbackProps([props], { size: "default" });
+		const contentClass = computed(() => {
+			const fixed = [cls.e("content"), cls.m(size.value)];
+			const className = props.class;
+			if (!Array.isArray(className)) return [...fixed, className];
+			return [...fixed, ...className];
+		});
+		const triggerRef = shallowRef();
+		const contentRef = shallowRef();
+		const arrowRef = shallowRef();
+		const _visible = shallowRef(false);
+		const visible = computed(() => {
+			return props.visible !== void 0 ? props.visible : _visible.value;
+		});
+		function updateVisible(v) {
+			if (props.visible === void 0) _visible.value = v;
+			else emit("update:visible", v);
+		}
+		const tipVisible = useNest(visible);
+		function renderDefaultSlotTrigger() {
+			const nodes = slots.default?.();
+			if (!nodes?.length) return null;
+			return extractNormalVNodes(nodes)[0];
+		}
+		const eventsHandlers = computed(() => {
+			const { trigger, disabled } = props;
+			const handlers = {};
+			if (disabled) return handlers;
+			if (trigger === "click") handlers.onClick = open;
+			else if (trigger === "hover") {
+				handlers.onMouseenter = open;
+				handlers.onMouseleave = close;
+			}
+			return handlers;
+		});
+		const handleClickOutside = (e) => {
+			if (props.trigger === "hover") return;
+			if (props.trigger === "click" && triggerDom.value.contains(e.target)) return;
+			close();
+		};
+		let closeTimer = void 0;
+		/** 弹出 */
+		const open = (e) => {
+			e?.stopPropagation();
+			closeTimer !== void 0 && clearTimeout(closeTimer);
+			updateVisible(true);
+		};
+		/** 关闭 */
+		const close = () => {
+			if (props.trigger === "hover") closeTimer = setTimeout(() => {
+				updateVisible(false);
+			}, 250);
+			else updateVisible(false);
+		};
+		const triggerDom = computed(() => {
+			return props.triggerDom || triggerRef.value?.$el;
+		});
+		const { popperContainerId } = usePop({
+			triggerRef: triggerDom,
+			contentRef,
+			arrowRef,
+			direction: toRef(() => props.direction),
+			alignment: toRef(() => props.alignment),
+			onTriggerPositionChange() {
+				close();
+			}
+		});
+		watch(triggerDom, (dom) => {
+			if (dom?.nodeType === Node.ELEMENT_NODE && visible.value) {
+				close();
+				nextTick(() => open());
+			}
+		});
+		/** 外部节点 */
+		const externalNode = shallowRef();
+		onBeforeUnmount(() => {
+			clearTimeout(closeTimer);
+		});
+		return (_ctx, _cache) => {
+			return openBlock(), createElementBlock(Fragment, null, [
+				createCommentVNode(" 触发 "),
+				createVNode(unref(NodeRender), mergeProps(eventsHandlers.value, {
+					content: renderDefaultSlotTrigger(),
+					ref_key: "triggerRef",
+					ref: triggerRef
+				}), null, 16, ["content"]),
+				createCommentVNode(" 弹出内容 "),
+				(openBlock(), createBlock(Teleport, { to: `#${unref(popperContainerId)}` }, [createVNode(Transition, { name: "tip" }, {
+					default: withCtx(() => [unref(tipVisible) ? withDirectives((openBlock(), createBlock(resolveDynamicComponent(__props.contentTag), {
+						key: 0,
+						class: normalizeClass(contentClass.value),
+						style: normalizeStyle([__props.style, { zIndex: unref(zIndex)() }]),
+						ref_key: "contentRef",
+						ref: contentRef,
+						onMouseenter: eventsHandlers.value.onMouseenter,
+						onMouseleave: eventsHandlers.value.onMouseleave,
+						onClick: _cache[0] || (_cache[0] = withModifiers(() => {}, ["stop"]))
+					}, {
+						default: withCtx(() => [
+							externalNode.value ? (openBlock(), createBlock(unref(NodeRender), {
+								key: 0,
+								content: externalNode.value
+							}, null, 8, ["content"])) : createCommentVNode("v-if", true),
+							renderSlot(_ctx.$slots, "content", {}, () => [createTextVNode(toDisplayString(__props.content), 1)]),
+							!__props.hideArrow ? (openBlock(), createElementBlock("div", {
+								key: 1,
+								class: normalizeClass(unref(cls).e("arrow")),
+								ref_key: "arrowRef",
+								ref: arrowRef
+							}, null, 2)) : createCommentVNode("v-if", true)
+						]),
+						_: 3
+					}, 40, [
+						"class",
+						"style",
+						"onMouseenter",
+						"onMouseleave"
+					])), [[unref(vClickOutside), handleClickOutside]]) : createCommentVNode("v-if", true)]),
+					_: 3
+				})], 8, ["to"]))
+			], 64);
+		};
+	}
+});
+//#endregion
+export { _sfc_main as default };
+
+//# sourceMappingURL=tip.js.map

package/dist/components/tip/tip.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"tip.js","names":[],"sources":["../../../src/components/tip/tip.vue"],"sourcesContent":["<template>\n  <!-- 触发 -->\n  <UNodeRender v-bind=\"eventsHandlers\" :content=\"renderDefaultSlotTrigger()\" ref=\"triggerRef\" />\n\n  <!-- 弹出内容 -->\n  <teleport :to=\"`#${popperContainerId}`\">\n    <transition name=\"tip\">\n      <component\n        v-if=\"tipVisible\"\n        :is=\"contentTag\"\n        :class=\"contentClass\"\n        :style=\"[style, { zIndex: zIndex() }]\"\n        ref=\"contentRef\"\n        @mouseenter=\"eventsHandlers.onMouseenter\"\n        @mouseleave=\"eventsHandlers.onMouseleave\"\n        @click.stop\n        v-click-outside=\"handleClickOutside\"\n      >\n        <UNodeRender v-if=\"externalNode\" :content=\"externalNode\" />\n\n        <slot name=\"content\">{{ content }}</slot>\n\n        <div :class=\"cls.e('arrow')\" v-if=\"!hideArrow\" ref=\"arrowRef\"></div>\n      </component>\n    </transition>\n  </teleport>\n</template>\n\n<script lang=\"ts\" setup>\nimport { useFallbackProps, usePop } from '@veltra/compositions'\nimport { vClickOutside } from '@veltra/directives'\nimport { bem, extractNormalVNodes, zIndex } from '@veltra/utils'\nimport { shallowRef, computed, useSlots, onBeforeUnmount, toRef, watch, nextTick } from 'vue'\n\nimport type { TipProps, ComponentSize, TipEmits } from '../../types'\nimport { UNodeRender } from '../node-render'\nimport { useNest } from './use-nest'\n\ndefineOptions({ name: 'Tip' })\n\nconst props = withDefaults(defineProps<TipProps>(), {\n  content: '',\n  trigger: 'hover',\n  direction: 'top',\n  alignment: 'center',\n  contentTag: 'div',\n  visible: undefined\n})\n\nconst emit = defineEmits<TipEmits>()\n\nconst cls = bem('tip')\nconst slots = useSlots()\nconst { size } = useFallbackProps([props], {\n  size: 'default' as ComponentSize\n})\n\nconst contentClass = computed(() => {\n  const fixed = [cls.e('content'), cls.m(size.value)]\n  const className = props.class\n  if (!Array.isArray(className)) {\n    return [...fixed, className]\n  }\n  return [...fixed, ...className]\n})\n\nconst triggerRef = shallowRef<InstanceType<typeof UNodeRender>>()\nconst contentRef = shallowRef<HTMLElement>()\nconst arrowRef = shallowRef<HTMLElement>()\n\nconst _visible = shallowRef(false)\n\nconst visible = computed(() => {\n  return props.visible !== undefined ? props.visible : _visible.value\n})\n\nfunction updateVisible(v: boolean) {\n  if (props.visible === undefined) {\n    _visible.value = v\n  } else {\n    emit('update:visible', v)\n  }\n}\n\nconst tipVisible = useNest(visible)\n\nfunction renderDefaultSlotTrigger() {\n  const nodes = slots.default?.()\n  if (!nodes?.length) return null\n  return extractNormalVNodes(nodes)[0]\n}\n\nconst eventsHandlers = computed(() => {\n  const { trigger, disabled } = props\n\n  const handlers: Record<string, Function> = {}\n\n  if (disabled) return handlers\n\n  if (trigger === 'click') {\n    handlers.onClick = open\n  } else if (trigger === 'hover') {\n    handlers.onMouseenter = open\n    handlers.onMouseleave = close\n  }\n\n  return handlers\n})\n\nconst handleClickOutside = (e: MouseEvent) => {\n  if (props.trigger === 'hover') return\n\n  // 点击的元素在触发元素中则啥也\n  if (props.trigger === 'click' && triggerDom.value.contains(e.target as Node)) {\n    return\n  }\n  close()\n}\n\nlet closeTimer: number | undefined = undefined\n\n/** 弹出 */\nconst open = (e?: PointerEvent) => {\n  e?.stopPropagation()\n  closeTimer !== undefined && clearTimeout(closeTimer)\n\n  updateVisible(true)\n}\n/** 关闭 */\nconst close = () => {\n  if (props.trigger === 'hover') {\n    closeTimer = setTimeout(() => {\n      updateVisible(false)\n    }, 250)\n  } else {\n    updateVisible(false)\n  }\n}\n\nconst triggerDom = computed(() => {\n  return props.triggerDom || triggerRef.value?.$el\n})\n\nconst { popperContainerId } = usePop({\n  triggerRef: triggerDom,\n  contentRef,\n  arrowRef,\n  direction: toRef(() => props.direction),\n  alignment: toRef(() => props.alignment),\n  onTriggerPositionChange() {\n    close()\n  }\n})\n\nwatch(triggerDom, (dom) => {\n  // TODO: 看起来不是很优雅\n  if (dom?.nodeType === Node.ELEMENT_NODE && visible.value) {\n    close()\n    nextTick(() => open())\n  }\n})\n\n/** 外部节点 */\nconst externalNode = shallowRef<any>()\n\nonBeforeUnmount(() => {\n  clearTimeout(closeTimer)\n})\n</script>\n"],"mappings":"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"}

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

@@ -0,0 +1,30 @@
+import { TipAlign, TipDirection, TipProps } from "../../types/tip.js";
+import * as _$vue from "vue";
+
+//#region src/components/tip/tip.vue.d.ts
+declare var __VLS_37: {};
+type __VLS_Slots = {} & {
+  content?: (props: typeof __VLS_37) => any;
+};
+declare const __VLS_base: _$vue.DefineComponent<TipProps, {}, {}, {}, {}, _$vue.ComponentOptionsMixin, _$vue.ComponentOptionsMixin, {} & {
+  "update:visible": (value: boolean) => any;
+}, string, _$vue.PublicProps, Readonly<TipProps> & Readonly<{
+  "onUpdate:visible"?: ((value: boolean) => any) | undefined;
+}>, {
+  trigger: "hover" | "click";
+  contentTag: string;
+  visible: boolean;
+  content: string;
+  direction: TipDirection;
+  alignment: TipAlign;
+}, {}, {}, {}, 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=tip.vue.d.ts.map

package/dist/components/tip/use-nest.js

@@ -0,0 +1,41 @@
+import { computed, inject, onBeforeUnmount, provide, shallowReactive } from "vue";
+//#region src/components/tip/use-nest.ts
+const TipNestDIKey = Symbol("TipNestDIKey");
+/**
+* tip嵌套
+* @param visible 当前tip显示变量
+* @returns
+*/
+function useNest(visible) {
+	/**
+	* 子级提示框
+	*/
+	const childrenTips = shallowReactive(/* @__PURE__ */ new Set());
+	/**
+	* 是否有子级提示框正在显示中
+	*/
+	const anyChildrenVisible = computed(() => {
+		return Array.from(childrenTips).some((tip) => tip.value);
+	});
+	const tipVisible = computed(() => {
+		return visible.value || anyChildrenVisible.value;
+	});
+	provide(TipNestDIKey, {
+		addChild(v) {
+			childrenTips.add(v);
+		},
+		removeChild(v) {
+			childrenTips.delete(v);
+		}
+	});
+	const { addChild, removeChild } = inject(TipNestDIKey, void 0) || {};
+	addChild?.(tipVisible);
+	onBeforeUnmount(() => {
+		removeChild?.(tipVisible);
+	});
+	return tipVisible;
+}
+//#endregion
+export { useNest };
+
+//# sourceMappingURL=use-nest.js.map

package/dist/components/tip/use-nest.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-nest.js","names":[],"sources":["../../../src/components/tip/use-nest.ts"],"sourcesContent":["import type { InjectionKey, Ref, ShallowRef } from 'vue'\nimport { shallowReactive, computed, provide, inject, onBeforeUnmount } from 'vue'\n\nconst TipNestDIKey: InjectionKey<{\n  addChild(visible: ShallowRef<boolean>): void\n  removeChild(visible: ShallowRef<boolean>): void\n}> = Symbol('TipNestDIKey')\n\n/**\n * tip嵌套\n * @param visible 当前tip显示变量\n * @returns\n */\nexport function useNest(\n  visible: Ref<boolean | undefined> | { __v_isRef: boolean; value: boolean }\n): Ref<boolean> {\n  /**\n   * 子级提示框\n   */\n  const childrenTips = shallowReactive(new Set<ShallowRef<boolean>>())\n  /**\n   * 是否有子级提示框正在显示中\n   */\n  const anyChildrenVisible = computed(() => {\n    return Array.from(childrenTips).some((tip) => tip.value)\n  })\n\n  const tipVisible = computed(() => {\n    return visible.value || anyChildrenVisible.value\n  })\n\n  provide(TipNestDIKey, {\n    addChild(v) {\n      childrenTips.add(v)\n    },\n    removeChild(v) {\n      childrenTips.delete(v)\n    }\n  })\n\n  const { addChild, removeChild } = inject(TipNestDIKey, undefined) || {}\n  addChild?.(tipVisible)\n\n  onBeforeUnmount(() => {\n    removeChild?.(tipVisible)\n  })\n\n  return tipVisible\n}\n"],"mappings":";;AAGA,MAAM,eAGD,OAAO,eAAe;;;;;;AAO3B,SAAgB,QACd,SACc;;;;CAId,MAAM,eAAe,gCAAgB,IAAI,KAA0B,CAAC;;;;CAIpE,MAAM,qBAAqB,eAAe;AACxC,SAAO,MAAM,KAAK,aAAa,CAAC,MAAM,QAAQ,IAAI,MAAM;GACxD;CAEF,MAAM,aAAa,eAAe;AAChC,SAAO,QAAQ,SAAS,mBAAmB;GAC3C;AAEF,SAAQ,cAAc;EACpB,SAAS,GAAG;AACV,gBAAa,IAAI,EAAE;;EAErB,YAAY,GAAG;AACb,gBAAa,OAAO,EAAE;;EAEzB,CAAC;CAEF,MAAM,EAAE,UAAU,gBAAgB,OAAO,cAAc,KAAA,EAAU,IAAI,EAAE;AACvE,YAAW,WAAW;AAEtB,uBAAsB;AACpB,gBAAc,WAAW;GACzB;AAEF,QAAO"}

package/dist/components/tree/di.d.ts

@@ -0,0 +1,10 @@
+import { TreeNode } from "../../types/tree.js";
+import { VNode } from "vue";
+//#region src/components/tree/di.d.ts
+interface TreeSlotsScope {
+  node: TreeNode;
+  data: Record<string, any>;
+}
+//#endregion
+export { TreeSlotsScope };
+//# sourceMappingURL=di.d.ts.map

package/dist/components/tree/di.js

@@ -0,0 +1,7 @@
+//#region src/components/tree/di.ts
+/** 树依赖注入key */
+const TreeDIKey = Symbol("TreeDIKey");
+//#endregion
+export { TreeDIKey };
+
+//# sourceMappingURL=di.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"di.js","names":[],"sources":["../../../src/components/tree/di.ts"],"sourcesContent":["import type { BEM } from '@veltra/utils'\nimport type { InjectionKey, VNode } from 'vue'\n\nimport type { TreeEmit, TreeProps, TreeNode } from '../../types'\n\nexport interface TreeSlotsScope {\n  node: TreeNode\n  data: Record<string, any>\n}\n\nexport interface TreeConText {\n  /** 树组件属性 */\n  treeProps: TreeProps\n  /** BEM */\n  cls: BEM<'tree'>\n  /** 单选选中的节点 */\n  selectedData: Record<string, any> | undefined\n  /** 多选的节点 */\n  checkedData: Set<any>\n  /** 选择事件 */\n  handleSelect: (data: TreeNode) => void\n  /** 多选切换 */\n  toggleCheck: (node: TreeNode, check: boolean, ctrlKey?: boolean) => void\n  /** 获取树的作用域插槽节点 */\n  getTreeSlotsNode: (ctx: TreeSlotsScope) => VNode[] | string | undefined\n  /** 树事件 */\n  treeEmit: TreeEmit\n  /** 获取碾平后的节点 */\n  getFlattedNodes: (filter?: (node: TreeNode) => boolean) => void\n}\n\n/** 树依赖注入key */\nexport const TreeDIKey: InjectionKey<TreeConText> = Symbol('TreeDIKey')\n"],"mappings":";;AAgCA,MAAa,YAAuC,OAAO,YAAY"}

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

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

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

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

package/dist/components/tree/style.js

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

package/dist/components/tree/style2.css

@@ -0,0 +1,127 @@
+@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-tree--small .u-tree__node-content {
+  border-radius: var(--u-radius-small);
+  padding: var(--u-gap-small);
+  line-height: 1;
+}
+.u-tree--small .u-tree__checkbox {
+  margin-right: var(--u-gap-small);
+}
+.u-tree--default .u-tree__node-content {
+  border-radius: var(--u-radius-default);
+  padding: var(--u-gap-default);
+  line-height: 1;
+}
+.u-tree--default .u-tree__checkbox {
+  margin-right: var(--u-gap-default);
+}
+.u-tree--large .u-tree__node-content {
+  border-radius: var(--u-radius-large);
+  padding: var(--u-gap-large);
+  line-height: 1;
+}
+.u-tree--large .u-tree__checkbox {
+  margin-right: var(--u-gap-large);
+}
+.u-tree__checkbox {
+  height: fit-content;
+  flex-shrink: 0;
+}
+.u-tree__wrap.is-virtual {
+  position: relative;
+}
+.u-tree__wrap.is-virtual .u-tree__node {
+  position: absolute;
+  top: 0;
+  left: 0;
+  width: 100%;
+}
+.u-tree.is-selectable .u-tree__node:not(.is-disabled) .u-tree__node-content:hover {
+  background-color: var(--u-bg-color-hover);
+}
+.u-tree.is-checkable .u-tree__node:not(.is-disabled) .u-tree__node-content:hover {
+  background-color: var(--u-bg-color-hover);
+}
+.u-tree__node {
+  cursor: pointer;
+  margin-bottom: 0.2rem;
+  display: flex;
+  justify-content: flex-start;
+  align-items: center;
+  flex-wrap: nowrap;
+}
+.u-tree__node.is-selected .u-tree__node-content {
+  background-color: var(--u-color-primary-light-9) !important;
+  color: var(--u-color-primary);
+  font-weight: bold;
+}
+.u-tree__node.is-expanded .u-tree__expand-icon {
+  transform: rotate(90deg);
+}
+.u-tree__node.is-disabled {
+  cursor: not-allowed;
+}
+.u-tree__node.is-disabled .u-tree__node-content {
+  color: var(--u-text-color-disabled);
+}
+.u-tree__expand-icon, .u-tree__icon-placeholder {
+  flex-shrink: 0;
+  width: 20px;
+  height: 20px;
+}
+.u-tree__expand-icon {
+  cursor: pointer;
+  transition: transform 0.2s, background-color 0.2s;
+  flex-shrink: 0;
+  font-size: 20px;
+  border-radius: 50%;
+}
+.u-tree__expand-icon:hover {
+  background-color: var(--u-color-primary-light-9);
+}
+.u-tree__icon-placeholder {
+  padding: 5px;
+}
+.u-tree__icon-placeholder::before {
+  content: "";
+  box-sizing: border-box;
+  width: 100%;
+  height: 100%;
+  display: block;
+  border-radius: 50%;
+  border: 2px solid var(--u-text-color-main);
+}
+.u-tree__node-content {
+  flex-grow: 1;
+  overflow: hidden;
+  user-select: none;
+  word-break: break-all;
+  transition: background-color 0.25s;
+  display: flex;
+  justify-content: flex-start;
+  align-items: center;
+  flex-wrap: nowrap;
+}
+.u-tree__ripple {
+  background-color: var(--u-color-primary-light-7);
+  opacity: 0.5;
+}
+.u-tree__empty {
+  text-align: center;
+}

package/dist/components/tree/tree-node.js

@@ -0,0 +1,82 @@
+import _sfc_main$1 from "../icon/icon.js";
+import NodeRender from "../node-render/node-render.js";
+import _sfc_main$2 from "../checkbox/checkbox.js";
+import { TreeDIKey } from "./di.js";
+import { createBlock, createCommentVNode, createElementBlock, createVNode, defineComponent, inject, normalizeClass, normalizeStyle, openBlock, unref, withCtx, withDirectives, withModifiers } from "vue";
+import { bem, withUnit } from "@veltra/utils";
+import { vRipple } from "@veltra/directives";
+import { ArrowRight } from "@veltra/icons/normal";
+//#region src/components/tree/tree-node.vue
+const _sfc_main = /* @__PURE__ */ defineComponent({
+	name: "TreeNode",
+	__name: "tree-node",
+	props: {
+		node: {},
+		measureElement: { type: Function }
+	},
+	setup(__props) {
+		const props = __props;
+		const { treeProps, treeEmit, cls, getTreeSlotsNode, getFlattedNodes, toggleCheck, handleSelect } = inject(TreeDIKey);
+		function toggleExpand() {
+			const { node } = props;
+			node.expanded = !node.expanded;
+			getFlattedNodes();
+			treeEmit("expand", node);
+		}
+		function handleChange(checked, e) {
+			toggleCheck(props.node, checked, e.ctrlKey);
+		}
+		function handleClick(e) {
+			const { node } = props;
+			treeEmit("node-click", node);
+			treeProps.selectable && handleSelect(node);
+			treeProps.expandOnClickNode && toggleExpand();
+			treeProps.checkable && !node.disabled && !treeProps.expandOnClickNode && toggleCheck(node, !node.checked, e.ctrlKey);
+		}
+		return (_ctx, _cache) => {
+			return openBlock(), createElementBlock("div", {
+				class: normalizeClass([
+					unref(cls).e("node"),
+					unref(bem).is("expanded", __props.node.expanded),
+					unref(bem).is("disabled", __props.node.disabled)
+				]),
+				style: normalizeStyle({ paddingLeft: unref(withUnit)(__props.node.depth * 20 - 20, "px") }),
+				ref: __props.measureElement
+			}, [!__props.node.isLeaf ? (openBlock(), createBlock(unref(_sfc_main$1), {
+				key: 0,
+				class: normalizeClass(unref(cls).e("expand-icon")),
+				onClick: withModifiers(toggleExpand, ["stop"])
+			}, {
+				default: withCtx(() => [createVNode(unref(ArrowRight))]),
+				_: 1
+			}, 8, ["class"])) : (openBlock(), createElementBlock("i", {
+				key: 1,
+				class: normalizeClass(unref(cls).e("icon-placeholder"))
+			}, null, 2)), withDirectives((openBlock(), createElementBlock("div", {
+				class: normalizeClass(unref(cls).e("node-content")),
+				onClick: handleClick,
+				onContextmenu: _cache[1] || (_cache[1] = ($event) => unref(treeEmit)("node-contextmenu", $event, __props.node))
+			}, [unref(treeProps).checkable ? (openBlock(), createBlock(_sfc_main$2, {
+				key: 0,
+				class: normalizeClass(unref(cls).e("checkbox")),
+				"model-value": __props.node.checked,
+				indeterminate: __props.node.indeterminate,
+				disabled: __props.node.disabled,
+				onChange: handleChange,
+				onClick: _cache[0] || (_cache[0] = withModifiers(() => {}, ["stop"]))
+			}, null, 8, [
+				"class",
+				"model-value",
+				"indeterminate",
+				"disabled"
+			])) : createCommentVNode("v-if", true), createVNode(unref(NodeRender), { content: unref(getTreeSlotsNode)({
+				node: __props.node,
+				data: __props.node.data
+			}) }, null, 8, ["content"])], 34)), [[unref(vRipple), (unref(treeProps).checkable || unref(treeProps).selectable) && !__props.node.disabled ? unref(cls).e("ripple") : false]])], 6);
+		};
+	}
+});
+//#endregion
+export { _sfc_main as default };
+
+//# sourceMappingURL=tree-node.js.map