@veltra/desktop 1.2.10 → 1.2.12

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

@@ -8,10 +8,10 @@ import { FORM_EMPTY_CONTENT, bem, injectFormContext } from "@veltra/utils";
 import { ArrowDown, Search } from "@veltra/icons/normal";
 import { dfs, o } from "@cat-kit/core";
 //#region src/components/tree-select/tree-select.vue
-const _sfc_main = /* @__PURE__ */ defineComponent({
-	name: "TreeSelect",
+const _sfc_main = /*@__PURE__*/ defineComponent({
+	name: "UTreeSelect",
 	__name: "tree-select",
-	props: /* @__PURE__ */ mergeModels({
+	props: /*@__PURE__*/ mergeModels({
 		modelValue: {},
 		placeholder: { default: "请选择" },
 		clearable: {
@@ -58,8 +58,9 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
 		"modelValue": {},
 		"modelModifiers": {}
 	}),
-	emits: /* @__PURE__ */ mergeModels([
+	emits: /*@__PURE__*/ mergeModels([
 		"clear",
+		"update:modelValue",
 		"change",
 		"update:text"
 	], ["update:modelValue"]),
@@ -98,7 +99,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
 			model.value = "";
 			label.value = void 0;
 			emit("clear");
-			emit("change", "", void 0);
+			emit("change", void 0);
 			emit("update:text", "");
 		};
 		let changedByEvent = false;
@@ -130,7 +131,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
 			model.value = selected ?? "";
 			if (selectedData) label.value = o(selectedData).get(props.labelKey);
 			else label.value = "";
-			emit("change", selected, selectedData);
+			emit("change", selectedData);
 			emit("update:text", label.value);
 			dropdownRef.value?.close();
 		};

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

@@ -1 +1 @@
-{"version":3,"file":"tree-select.js","names":["$slots"],"sources":["../../../src/components/tree-select/tree-select.vue"],"sourcesContent":["<template>\n  <u-dropdown\n    v-if=\"!readonly\"\n    :class=\"[cls.b, bem.is('disabled', disabled)]\"\n    trigger=\"click\"\n    :content-class=\"[cls.e('panel'), cls.em('panel', size), contentClass]\"\n    :content-style=\"contentStyle\"\n    ref=\"dropdownRef\"\n    :min-width=\"minWidth\"\n    :width=\"width\"\n    :disabled=\"disabled\"\n    @update:visible=\"handleDropdownVisible\"\n  >\n    <template #trigger>\n      <u-input\n        :size=\"size\"\n        :disabled=\"disabled\"\n        :placeholder=\"placeholder\"\n        :clearable=\"clearable\"\n        :model-value=\"text ?? (model ? label : undefined)\"\n        @clear=\"handleClear\"\n        native-readonly\n      >\n        <template #prefix v-if=\"$slots.prefix\">\n          <slot name=\"prefix\" />\n        </template>\n        <template #suffix>\n          <u-icon :class=\"cls.e('arrow')\"><ArrowDown /></u-icon>\n        </template>\n      </u-input>\n    </template>\n    <template #content>\n      <!-- 过滤器 -->\n      <div v-if=\"filterable\" :class=\"[cls.e('content-filter'), cls.m(size)]\">\n        <u-input placeholder=\"输入关键字进行过滤\" v-model=\"qs\">\n          <template #suffix>\n            <u-icon><Search /></u-icon>\n          </template>\n        </u-input>\n      </div>\n      <!-- 菜单列表 -->\n\n      <u-tree\n        v-bind=\"treeProps\"\n        :selected=\"model\"\n        @update:selected=\"handleSelect\"\n        ref=\"treeRef\"\n        selectable\n        :class=\"cls.e('content-tree')\"\n        :slots=\"slots\"\n        scroll-to-view\n      />\n    </template>\n  </u-dropdown>\n\n  <template v-else>\n    {{ text || label || FORM_EMPTY_CONTENT }}\n  </template>\n</template>\n\n<script lang=\"ts\" setup>\nimport { dfs, o } from '@cat-kit/core'\nimport { useFormFallbackProps } from '@veltra/compositions'\nimport { ArrowDown, Search } from '@veltra/icons/normal'\nimport { bem, FORM_EMPTY_CONTENT } from '@veltra/utils'\nimport { injectFormContext } from '@veltra/utils'\nimport { computed, nextTick, shallowRef, watch } from 'vue'\n\nimport type { TreeSelectProps, TreeSelectEmits, TreeExposed } from '../../types'\nimport { UDropdown } from '../dropdown'\nimport { UIcon } from '../icon'\nimport { UInput } from '../input'\nimport { UTree } from '../tree'\nimport type { TreeSlotsScope } from '../tree/di'\n\ndefineOptions({ name: 'TreeSelect' })\n\nconst props = withDefaults(defineProps<TreeSelectProps>(), {\n  labelKey: 'label',\n  valueKey: 'value',\n  placeholder: '请选择',\n  expandAll: false,\n  clearable: true,\n  disabled: undefined,\n  readonly: undefined,\n  filterable: false,\n  minWidth: '280px'\n})\n\nconst emit = defineEmits<TreeSelectEmits>()\n\nconst slots = defineSlots<{\n  /** 默认插槽 */\n  default?: (props: TreeSlotsScope) => any\n  /** 前缀插槽 */\n  prefix?: () => any\n}>()\n\nconst treeProps = computed(() => {\n  return o(props as Record<string, any>).omit([\n    'tips',\n    'field',\n    'placeholder',\n    'disabled',\n    'label',\n    'readonly',\n    'contentClass',\n    'contentStyle',\n    'minWidth',\n    'width'\n  ])\n})\n\nconst cls = bem('tree-select')\n\n/**过滤 */\nconst qs = shallowRef('')\nwatch(qs, (qs) => {\n  treeRef.value?.filter(qs)\n})\n\nconst model = defineModel<string | number>()\n\nconst label = shallowRef<string>()\n\nconst { formProps } = injectFormContext()\n\nconst { size, disabled, readonly } = useFormFallbackProps([formProps ?? {}, props])\n\nconst treeRef = shallowRef<TreeExposed>()\n\nconst dropdownRef = shallowRef<InstanceType<typeof UDropdown>>()\n\n/**清空 */\nconst handleClear = () => {\n  model.value = ''\n  label.value = undefined\n  emit('clear')\n  emit('change', '', undefined)\n  emit('update:text', '')\n}\n\nlet changedByEvent = false\nwatch(\n  [() => props.data, model],\n  ([data, model]) => {\n    if (changedByEvent) return\n    if (!data?.length || model === undefined) {\n      label.value = undefined\n      model = undefined\n      return\n    }\n\n    let founded = false\n    const childrenKey = props.childrenKey ?? 'children'\n    data.some((item) => {\n      dfs(\n        item,\n        (v) => {\n          if (v[props.valueKey] === model) {\n            label.value = v[props.labelKey]\n            founded = true\n            return true\n          }\n        },\n        childrenKey\n      )\n\n      return founded\n    })\n  },\n  { immediate: true }\n)\n\nconst handleSelect = (selected?: string | number, selectedData?: Record<string, any>) => {\n  changedByEvent = true\n  nextTick(() => {\n    changedByEvent = false\n  })\n\n  model.value = selected ?? ''\n\n  if (selectedData) {\n    label.value = o(selectedData).get(props.labelKey)\n  } else {\n    label.value = ''\n  }\n\n  emit('change', selected, selectedData)\n  emit('update:text', label.value)\n  dropdownRef.value?.close()\n}\n\nconst handleDropdownVisible = (visible: boolean) => {\n  if (!visible) {\n    qs.value = ''\n  }\n}\n</script>\n"],"mappings":"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"}
+{"version":3,"file":"tree-select.js","names":["$slots"],"sources":["../../../src/components/tree-select/tree-select.vue"],"sourcesContent":["<template>\n  <u-dropdown\n    v-if=\"!readonly\"\n    :class=\"[cls.b, bem.is('disabled', disabled)]\"\n    trigger=\"click\"\n    :content-class=\"[cls.e('panel'), cls.em('panel', size), contentClass]\"\n    :content-style=\"contentStyle\"\n    ref=\"dropdownRef\"\n    :min-width=\"minWidth\"\n    :width=\"width\"\n    :disabled=\"disabled\"\n    @update:visible=\"handleDropdownVisible\"\n  >\n    <template #trigger>\n      <u-input\n        :size=\"size\"\n        :disabled=\"disabled\"\n        :placeholder=\"placeholder\"\n        :clearable=\"clearable\"\n        :model-value=\"text ?? (model ? label : undefined)\"\n        @clear=\"handleClear\"\n        native-readonly\n      >\n        <template #prefix v-if=\"$slots.prefix\">\n          <slot name=\"prefix\" />\n        </template>\n        <template #suffix>\n          <u-icon :class=\"cls.e('arrow')\"><ArrowDown /></u-icon>\n        </template>\n      </u-input>\n    </template>\n    <template #content>\n      <!-- 过滤器 -->\n      <div v-if=\"filterable\" :class=\"[cls.e('content-filter'), cls.m(size)]\">\n        <u-input placeholder=\"输入关键字进行过滤\" v-model=\"qs\">\n          <template #suffix>\n            <u-icon><Search /></u-icon>\n          </template>\n        </u-input>\n      </div>\n      <!-- 菜单列表 -->\n\n      <u-tree\n        v-bind=\"treeProps\"\n        :selected=\"model\"\n        @update:selected=\"handleSelect\"\n        ref=\"treeRef\"\n        selectable\n        :class=\"cls.e('content-tree')\"\n        :slots=\"slots\"\n        scroll-to-view\n      />\n    </template>\n  </u-dropdown>\n\n  <template v-else>\n    {{ text || label || FORM_EMPTY_CONTENT }}\n  </template>\n</template>\n\n<script lang=\"ts\" setup>\nimport { dfs, o } from '@cat-kit/core'\nimport { useFormFallbackProps } from '@veltra/compositions'\nimport { ArrowDown, Search } from '@veltra/icons/normal'\nimport { bem, FORM_EMPTY_CONTENT } from '@veltra/utils'\nimport { injectFormContext } from '@veltra/utils'\nimport { computed, nextTick, shallowRef, watch } from 'vue'\n\nimport type { TreeSelectProps, TreeSelectEmits, TreeExposed } from '../../types'\nimport { UDropdown } from '../dropdown'\nimport { UIcon } from '../icon'\nimport { UInput } from '../input'\nimport { UTree } from '../tree'\nimport type { TreeSlotsScope } from '../tree/di'\n\ndefineOptions({ name: 'UTreeSelect' })\n\nconst props = withDefaults(defineProps<TreeSelectProps>(), {\n  labelKey: 'label',\n  valueKey: 'value',\n  placeholder: '请选择',\n  expandAll: false,\n  clearable: true,\n  disabled: undefined,\n  readonly: undefined,\n  filterable: false,\n  minWidth: '280px'\n})\n\nconst emit = defineEmits<TreeSelectEmits>()\n\nconst slots = defineSlots<{\n  /** 默认插槽 */\n  default?: (props: TreeSlotsScope) => any\n  /** 前缀插槽 */\n  prefix?: () => any\n}>()\n\nconst treeProps = computed(() => {\n  return o(props as Record<string, any>).omit([\n    'tips',\n    'field',\n    'placeholder',\n    'disabled',\n    'label',\n    'readonly',\n    'contentClass',\n    'contentStyle',\n    'minWidth',\n    'width'\n  ])\n})\n\nconst cls = bem('tree-select')\n\n/**过滤 */\nconst qs = shallowRef('')\nwatch(qs, (qs) => {\n  treeRef.value?.filter(qs)\n})\n\nconst model = defineModel<string | number>()\n\nconst label = shallowRef<string>()\n\nconst { formProps } = injectFormContext()\n\nconst { size, disabled, readonly } = useFormFallbackProps([formProps ?? {}, props])\n\nconst treeRef = shallowRef<TreeExposed>()\n\nconst dropdownRef = shallowRef<InstanceType<typeof UDropdown>>()\n\n/**清空 */\nconst handleClear = () => {\n  model.value = ''\n  label.value = undefined\n  emit('clear')\n  emit('change', undefined)\n  emit('update:text', '')\n}\n\nlet changedByEvent = false\nwatch(\n  [() => props.data, model],\n  ([data, model]) => {\n    if (changedByEvent) return\n    if (!data?.length || model === undefined) {\n      label.value = undefined\n      model = undefined\n      return\n    }\n\n    let founded = false\n    const childrenKey = props.childrenKey ?? 'children'\n    data.some((item) => {\n      dfs(\n        item,\n        (v) => {\n          if (v[props.valueKey] === model) {\n            label.value = v[props.labelKey]\n            founded = true\n            return true\n          }\n        },\n        childrenKey\n      )\n\n      return founded\n    })\n  },\n  { immediate: true }\n)\n\nconst handleSelect = (selected?: string | number, selectedData?: Record<string, any>) => {\n  changedByEvent = true\n  nextTick(() => {\n    changedByEvent = false\n  })\n\n  model.value = selected ?? ''\n\n  if (selectedData) {\n    label.value = o(selectedData).get(props.labelKey)\n  } else {\n    label.value = ''\n  }\n\n  emit('change', selectedData)\n  emit('update:text', label.value)\n  dropdownRef.value?.close()\n}\n\nconst handleDropdownVisible = (visible: boolean) => {\n  if (!visible) {\n    qs.value = ''\n  }\n}\n</script>\n"],"mappings":"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"}

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

@@ -14,24 +14,25 @@ type __VLS_PublicProps = __VLS_Props & __VLS_ModelProps;
 declare const __VLS_base: import("vue").DefineComponent<__VLS_PublicProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
   "update:modelValue": (value: string | number | undefined) => any;
 } & {
+  "update:modelValue": (value?: string | number | undefined) => any;
   clear: () => any;
-  change: (value?: string | number | undefined, selectedData?: Record<string, any> | undefined) => any;
+  change: (selectedData?: Record<string, any> | undefined) => any;
   "update:text": (text?: string | undefined) => any;
 }, string, import("vue").PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
-  "onUpdate:modelValue"?: ((value: string | number | undefined) => any) | undefined;
+  "onUpdate:modelValue"?: ((value?: string | number | undefined) => any) | undefined;
   onClear?: (() => any) | undefined;
-  onChange?: ((value?: string | number | undefined, selectedData?: Record<string, any> | undefined) => any) | undefined;
+  onChange?: ((selectedData?: Record<string, any> | undefined) => any) | undefined;
   "onUpdate:text"?: ((text?: string | undefined) => any) | undefined;
 }>, {
+  expandAll: boolean;
   labelKey: string;
   valueKey: string;
-  disabled: boolean;
-  readonly: boolean;
-  expandAll: boolean;
   placeholder: string;
   clearable: boolean;
   filterable: boolean;
   minWidth: string;
+  disabled: boolean;
+  readonly: boolean;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
 declare const _default: typeof __VLS_export;

package/dist/components/watermark/watermark.js

@@ -2,8 +2,8 @@ import { Teleport, createBlock, createElementBlock, createElementVNode, defineCo
 import { bem, setStyles, zIndex } from "@veltra/utils";
 import { debounce } from "@cat-kit/core";
 //#region src/components/watermark/watermark.vue
-const _sfc_main = /* @__PURE__ */ defineComponent({
-	name: "Watermark",
+const _sfc_main = /*@__PURE__*/ defineComponent({
+	name: "UWatermark",
 	__name: "watermark",
 	props: {
 		text: {},

package/dist/components/watermark/watermark.js.map

@@ -1 +1 @@
-{"version":3,"file":"watermark.js","names":[],"sources":["../../../src/components/watermark/watermark.vue"],"sourcesContent":["<template>\n  <Teleport v-if=\"appendToBody\" to=\"body\">\n    <div :class=\"cls.b\" ref=\"watermark\" :style=\"{ zIndex: zIndex() }\"></div>\n  </Teleport>\n\n  <div v-else :class=\"cls.b\" ref=\"watermark\" :style=\"{ zIndex: zIndex() }\">\n    <slot />\n  </div>\n</template>\n\n<script lang=\"ts\" setup>\nimport { debounce } from '@cat-kit/core'\nimport { bem, setStyles, zIndex } from '@veltra/utils'\nimport { onBeforeUnmount, onMounted, reactive, useTemplateRef } from 'vue'\n\nimport type { WatermarkProps, WatermarkEmits } from '../../types'\n\ndefineOptions({ name: 'Watermark' })\nconst cls = bem('watermark')\nconst props = withDefaults(defineProps<WatermarkProps>(), { route: -30, fontSize: 60 })\ndefineEmits<WatermarkEmits>()\n\nconst watermarkRef = useTemplateRef('watermark')\n\nconst styles = reactive({ fontColor: 'rgba(0,0,0,.1)', fontFamily: 'Arial', image: props.image })\n\nconst setWatermark = debounce(async () => {\n  const str = props.text\n  const container = watermarkRef.value\n\n  if (!container || !str) return\n\n  // 创建canvas\n  let canvas: HTMLCanvasElement | null = document.createElement('canvas')\n\n  // 创建canvs画布\n  let ctx = canvas.getContext('2d')!\n  // 字体\n  ctx.font = `${props.fontSize}px ${styles.fontFamily}`\n\n  const textWidth = ctx.measureText(str).width\n  canvas = document.createElement('canvas')\n  canvas.width = textWidth\n  canvas.height = textWidth\n  ctx = canvas.getContext('2d')!\n  // 字体\n  ctx.font = `${props.fontSize}px ${styles.fontFamily}`\n  ctx = canvas.getContext('2d')!\n  // 字体颜色\n  ctx.fillStyle = styles.fontColor\n  // 对齐方式\n  ctx.textAlign = 'left'\n  // 文本基线\n  ctx.textBaseline = 'top'\n\n  // 逆时旋转\n  ctx.translate(textWidth / 2, textWidth / 2)\n  ctx.rotate((props.route * Math.PI) / 180)\n  ctx.translate(-textWidth / 2, -textWidth / 2)\n  // 编制文字\n  ctx.fillText(str, 0, (textWidth - props.fontSize) / 2)\n\n  setStyles(container, { background: `url(${canvas.toDataURL('image/png')}) repeat` })\n\n  ctx.clearRect(0, 0, canvas.width, canvas.height)\n  canvas = null\n}, 150)\n\nwindow.addEventListener('resize', setWatermark)\n\nonBeforeUnmount(() => {\n  window.removeEventListener('resize', setWatermark)\n})\n\nonMounted(() => {\n  setWatermark()\n})\n</script>\n"],"mappings":";;;;;;;;;;;;;;;EAkBA,MAAM,MAAM,IAAI,WAAW;EAC3B,MAAM,QAAQ;EAGd,MAAM,eAAe,eAAe,WAAW;EAE/C,MAAM,SAAS,SAAS;GAAE,WAAW;GAAkB,YAAY;GAAS,OAAO,MAAM;EAAM,CAAC;EAEhG,MAAM,eAAe,SAAS,YAAY;GACxC,MAAM,MAAM,MAAM;GAClB,MAAM,YAAY,aAAa;GAE/B,IAAI,CAAC,aAAa,CAAC,KAAK;GAGxB,IAAI,SAAmC,SAAS,cAAc,QAAQ;GAGtE,IAAI,MAAM,OAAO,WAAW,IAAI;GAEhC,IAAI,OAAO,GAAG,MAAM,SAAS,KAAK,OAAO;GAEzC,MAAM,YAAY,IAAI,YAAY,GAAG,EAAE;GACvC,SAAS,SAAS,cAAc,QAAQ;GACxC,OAAO,QAAQ;GACf,OAAO,SAAS;GAChB,MAAM,OAAO,WAAW,IAAI;GAE5B,IAAI,OAAO,GAAG,MAAM,SAAS,KAAK,OAAO;GACzC,MAAM,OAAO,WAAW,IAAI;GAE5B,IAAI,YAAY,OAAO;GAEvB,IAAI,YAAY;GAEhB,IAAI,eAAe;GAGnB,IAAI,UAAU,YAAY,GAAG,YAAY,CAAC;GAC1C,IAAI,OAAQ,MAAM,QAAQ,KAAK,KAAM,GAAG;GACxC,IAAI,UAAU,CAAC,YAAY,GAAG,CAAC,YAAY,CAAC;GAE5C,IAAI,SAAS,KAAK,IAAI,YAAY,MAAM,YAAY,CAAC;GAErD,UAAU,WAAW,EAAE,YAAY,OAAO,OAAO,UAAU,WAAW,EAAE,UAAU,CAAC;GAEnF,IAAI,UAAU,GAAG,GAAG,OAAO,OAAO,OAAO,MAAM;GAC/C,SAAS;EACX,GAAG,GAAG;EAEN,OAAO,iBAAiB,UAAU,YAAY;EAE9C,sBAAsB;GACpB,OAAO,oBAAoB,UAAU,YAAY;EACnD,CAAC;EAED,gBAAgB;GACd,aAAa;EACf,CAAC;;UA3EiB,QAAA,gBAAA,UAAA,GAAhB,YAEW,UAAA;;IAFmB,IAAG;OAC/B,mBAAwE,OAAA;IAAlE,OAAK,eAAE,MAAA,GAAA,EAAI,CAAC;IAAE,KAAI;IAAa,OAAK,eAAA,EAAA,QAAY,MAAA,MAAA,EAAM,EAAA,CAAA;kCAG9D,mBAEM,OAAA;;IAFO,OAAK,eAAE,MAAA,GAAA,EAAI,CAAC;IAAE,KAAI;IAAa,OAAK,eAAA,EAAA,QAAY,MAAA,MAAA,EAAM,EAAA,CAAA;OACjE,WAAQ,KAAA,QAAA,SAAA,CAAA,GAAA,CAAA"}
+{"version":3,"file":"watermark.js","names":[],"sources":["../../../src/components/watermark/watermark.vue"],"sourcesContent":["<template>\n  <Teleport v-if=\"appendToBody\" to=\"body\">\n    <div :class=\"cls.b\" ref=\"watermark\" :style=\"{ zIndex: zIndex() }\"></div>\n  </Teleport>\n\n  <div v-else :class=\"cls.b\" ref=\"watermark\" :style=\"{ zIndex: zIndex() }\">\n    <slot />\n  </div>\n</template>\n\n<script lang=\"ts\" setup>\nimport { debounce } from '@cat-kit/core'\nimport { bem, setStyles, zIndex } from '@veltra/utils'\nimport { onBeforeUnmount, onMounted, reactive, useTemplateRef } from 'vue'\n\nimport type { WatermarkProps, WatermarkEmits } from '../../types'\n\ndefineOptions({ name: 'UWatermark' })\nconst cls = bem('watermark')\nconst props = withDefaults(defineProps<WatermarkProps>(), { route: -30, fontSize: 60 })\ndefineEmits<WatermarkEmits>()\n\nconst watermarkRef = useTemplateRef('watermark')\n\nconst styles = reactive({ fontColor: 'rgba(0,0,0,.1)', fontFamily: 'Arial', image: props.image })\n\nconst setWatermark = debounce(async () => {\n  const str = props.text\n  const container = watermarkRef.value\n\n  if (!container || !str) return\n\n  // 创建canvas\n  let canvas: HTMLCanvasElement | null = document.createElement('canvas')\n\n  // 创建canvs画布\n  let ctx = canvas.getContext('2d')!\n  // 字体\n  ctx.font = `${props.fontSize}px ${styles.fontFamily}`\n\n  const textWidth = ctx.measureText(str).width\n  canvas = document.createElement('canvas')\n  canvas.width = textWidth\n  canvas.height = textWidth\n  ctx = canvas.getContext('2d')!\n  // 字体\n  ctx.font = `${props.fontSize}px ${styles.fontFamily}`\n  ctx = canvas.getContext('2d')!\n  // 字体颜色\n  ctx.fillStyle = styles.fontColor\n  // 对齐方式\n  ctx.textAlign = 'left'\n  // 文本基线\n  ctx.textBaseline = 'top'\n\n  // 逆时旋转\n  ctx.translate(textWidth / 2, textWidth / 2)\n  ctx.rotate((props.route * Math.PI) / 180)\n  ctx.translate(-textWidth / 2, -textWidth / 2)\n  // 编制文字\n  ctx.fillText(str, 0, (textWidth - props.fontSize) / 2)\n\n  setStyles(container, { background: `url(${canvas.toDataURL('image/png')}) repeat` })\n\n  ctx.clearRect(0, 0, canvas.width, canvas.height)\n  canvas = null\n}, 150)\n\nwindow.addEventListener('resize', setWatermark)\n\nonBeforeUnmount(() => {\n  window.removeEventListener('resize', setWatermark)\n})\n\nonMounted(() => {\n  setWatermark()\n})\n</script>\n"],"mappings":";;;;;;;;;;;;;;;EAkBA,MAAM,MAAM,IAAI,WAAW;EAC3B,MAAM,QAAQ;EAGd,MAAM,eAAe,eAAe,WAAW;EAE/C,MAAM,SAAS,SAAS;GAAE,WAAW;GAAkB,YAAY;GAAS,OAAO,MAAM;EAAM,CAAC;EAEhG,MAAM,eAAe,SAAS,YAAY;GACxC,MAAM,MAAM,MAAM;GAClB,MAAM,YAAY,aAAa;GAE/B,IAAI,CAAC,aAAa,CAAC,KAAK;GAGxB,IAAI,SAAmC,SAAS,cAAc,QAAQ;GAGtE,IAAI,MAAM,OAAO,WAAW,IAAI;GAEhC,IAAI,OAAO,GAAG,MAAM,SAAS,KAAK,OAAO;GAEzC,MAAM,YAAY,IAAI,YAAY,GAAG,CAAC,CAAC;GACvC,SAAS,SAAS,cAAc,QAAQ;GACxC,OAAO,QAAQ;GACf,OAAO,SAAS;GAChB,MAAM,OAAO,WAAW,IAAI;GAE5B,IAAI,OAAO,GAAG,MAAM,SAAS,KAAK,OAAO;GACzC,MAAM,OAAO,WAAW,IAAI;GAE5B,IAAI,YAAY,OAAO;GAEvB,IAAI,YAAY;GAEhB,IAAI,eAAe;GAGnB,IAAI,UAAU,YAAY,GAAG,YAAY,CAAC;GAC1C,IAAI,OAAQ,MAAM,QAAQ,KAAK,KAAM,GAAG;GACxC,IAAI,UAAU,CAAC,YAAY,GAAG,CAAC,YAAY,CAAC;GAE5C,IAAI,SAAS,KAAK,IAAI,YAAY,MAAM,YAAY,CAAC;GAErD,UAAU,WAAW,EAAE,YAAY,OAAO,OAAO,UAAU,WAAW,EAAE,UAAU,CAAC;GAEnF,IAAI,UAAU,GAAG,GAAG,OAAO,OAAO,OAAO,MAAM;GAC/C,SAAS;EACX,GAAG,GAAG;EAEN,OAAO,iBAAiB,UAAU,YAAY;EAE9C,sBAAsB;GACpB,OAAO,oBAAoB,UAAU,YAAY;EACnD,CAAC;EAED,gBAAgB;GACd,aAAa;EACf,CAAC;;UA3EiB,QAAA,gBAAA,UAAA,GAAhB,YAEW,UAAA;;IAFmB,IAAG;OAC/B,mBAAwE,OAAA;IAAlE,OAAK,eAAE,MAAA,GAAA,CAAG,CAAC,CAAC;IAAE,KAAI;IAAa,OAAK,eAAA,EAAA,QAAY,MAAA,MAAA,CAAM,CAAA,EAAA,CAAA;kCAG9D,mBAEM,OAAA;;IAFO,OAAK,eAAE,MAAA,GAAA,CAAG,CAAC,CAAC;IAAE,KAAI;IAAa,OAAK,eAAA,EAAA,QAAY,MAAA,MAAA,CAAM,CAAA,EAAA,CAAA;OACjE,WAAQ,KAAA,QAAA,SAAA,CAAA,GAAA,CAAA"}

package/dist/types/cascade.d.ts

@@ -29,13 +29,15 @@ interface CascadeProps extends FormComponentProps {
   /** 严格模式 */
   strict?: boolean;
   /**
-   * 数据项
+   * 是否展示/提交完整路径
+   * @default true
+   * false 时显示、modelValue、update:label 均只体现选中叶子节点
    */
-  data?: Record<string, any>[];
+  showFullPath?: boolean;
   /**
-   * 禁用项
+   * 数据项
    */
-  disabledNode?: (item: Record<string, any>) => boolean;
+  data?: Record<string, any>[];
   /**
    * 多选
    */
@@ -52,9 +54,11 @@ interface PanelItem {
 }
 /** 级联选择器组件定义的事件 */
 interface CascadeEmits {
+  /** 触发更新 label 事件 */
+  (e: 'update:label', label?: string | string[]): void;
   (e: 'update:modelValue', value?: string | string[]): void;
-  (e: 'change', value: string[], label: string[], data: Record<string, any>[]): void;
-  (e: 'change', value?: string, label?: string, item?: Record<string, any>): void;
+  (e: 'change', items: Record<string, any>[]): void;
+  (e: 'change', item?: Record<string, any>): void;
   (e: 'clear'): void;
 }
 /** 级联选择器组件暴露的属性和方法(组件内部使用) */

package/dist/types/tree-select.d.ts

@@ -36,7 +36,8 @@ interface TreeSelectProps extends FormComponentProps, Omit<TreeProps, 'selected'
 /** 树形选择器组件定义的事件 */
 interface TreeSelectEmits {
   (e: 'clear'): void;
-  (e: 'change', value?: string | number, selectedData?: Record<string, any>): void;
+  (e: 'update:modelValue', value?: string | number): void;
+  (e: 'change', selectedData?: Record<string, any>): void;
   (e: 'update:text', text?: string): void;
 }
 /** 树形选择器组件暴露的属性和方法(组件内部使用) */

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@veltra/desktop",
-  "version": "1.2.10",
+  "version": "1.2.12",
   "files": [
     "dist",
     "src"
@@ -38,20 +38,25 @@
     "build": "vp pack"
   },
   "dependencies": {
+    "@codemirror/autocomplete": "^6.20.2",
+    "@codemirror/commands": "^6.10.3",
     "@codemirror/lang-java": "^6.0.2",
     "@codemirror/lang-javascript": "^6.2.5",
     "@codemirror/lang-json": "^6.0.2",
     "@codemirror/lang-sql": "^6.10.0",
-    "@codemirror/state": "^6.6.0",
+    "@codemirror/language": "^6.12.3",
+    "@codemirror/lint": "^6.9.6",
+    "@codemirror/search": "^6.7.0",
+    "@codemirror/state": "^6.7.0",
     "@codemirror/theme-one-dark": "^6.1.3",
-    "@codemirror/view": "^6.41.1",
-    "@embedpdf/core": "^2.14.3",
-    "@embedpdf/engines": "^2.14.3",
-    "@embedpdf/plugin-document-manager": "^2.14.3",
-    "@embedpdf/plugin-render": "^2.14.3",
-    "@embedpdf/plugin-scroll": "^2.14.3",
-    "@embedpdf/plugin-viewport": "^2.14.3",
-    "@embedpdf/plugin-zoom": "^2.14.1",
+    "@codemirror/view": "^6.43.4",
+    "@embedpdf/core": "^2.14.4",
+    "@embedpdf/engines": "^2.14.4",
+    "@embedpdf/plugin-document-manager": "^2.14.4",
+    "@embedpdf/plugin-render": "^2.14.4",
+    "@embedpdf/plugin-scroll": "^2.14.4",
+    "@embedpdf/plugin-viewport": "^2.14.4",
+    "@embedpdf/plugin-zoom": "^2.14.4",
     "@lexical/history": "^0.45.0",
     "@lexical/html": "^0.45.0",
     "@lexical/link": "^0.45.0",
@@ -59,20 +64,19 @@
     "@lexical/rich-text": "^0.45.0",
     "@lexical/selection": "^0.45.0",
     "@lexical/utils": "^0.45.0",
-    "@visactor/vtable": "^1.26.1",
-    "codemirror": "^6.0.2",
+    "@visactor/vtable": "^1.26.3",
     "docx-preview": "^0.3.7",
     "lexical": "^0.45.0"
   },
   "peerDependencies": {
-    "@cat-kit/core": ">=1.1.6",
+    "@cat-kit/core": ">=1.1.8",
     "@cat-kit/excel": ">=1.0.0",
-    "@cat-kit/fe": "^1.1.6",
-    "@veltra/compositions": "1.2.10",
-    "@veltra/directives": "1.2.10",
-    "@veltra/icons": "1.2.10",
-    "@veltra/styles": "1.2.10",
-    "@veltra/utils": "1.2.10",
-    "vue": ">=3.5.0"
+    "@cat-kit/fe": "^1.1.8",
+    "@veltra/compositions": "1.2.12",
+    "@veltra/directives": "1.2.12",
+    "@veltra/icons": "1.2.12",
+    "@veltra/styles": "1.2.12",
+    "@veltra/utils": "1.2.12",
+    "vue": ">=3.5.39"
   }
 }

package/src/components/action/action-group.vue

@@ -13,7 +13,7 @@ import { UTip } from '../tip'
 import { ActionDIKey } from './di'
 
 defineOptions({
-  name: 'ActionGroup',
+  name: 'UActionGroup',
   inheritAttrs: false
 })
 

package/src/components/action/action.vue

@@ -42,7 +42,7 @@ import { UButton } from '../button'
 import { UPopConfirm } from '../pop-confirm'
 import { ActionDIKey } from './di'
 
-defineOptions({ name: 'Action', inheritAttrs: false })
+defineOptions({ name: 'UAction', inheritAttrs: false })
 
 // 这里所有可继承自 `<u-action-group>` 的默认值都强制为 `undefined`，
 // 否则 Vue 对 Boolean 类型 prop 的默认值（false）会让 `??` 兜底始终失效

package/src/components/auto-complete/auto-complete.vue

@@ -85,7 +85,7 @@ import { UScroll } from '../scroll'
 import { useKeyboard } from './use-keyboard'
 import { useSuggestions } from './use-suggestions'
 
-defineOptions({ name: 'AutoComplete', inheritAttrs: false })
+defineOptions({ name: 'UAutoComplete', inheritAttrs: false })
 
 const props = withDefaults(defineProps<AutoCompleteProps>(), {
   placeholder: '请输入',

package/src/components/badge/badge.vue

@@ -12,7 +12,7 @@ import { computed, nextTick, onMounted, shallowRef, watch } from 'vue'
 
 import type { BadgeProps, ComponentSize } from '../../types'
 
-defineOptions({ name: 'Badge' })
+defineOptions({ name: 'UBadge' })
 
 const cls = bem('badge')
 

package/src/components/batch-edit/batch-edit-form.vue

@@ -78,7 +78,7 @@ import { UScroll } from '../scroll'
 import { BatchEditDIKey } from './di'
 import { FORM_ACTION_HEADER_MAP } from './form-action-header'
 
-defineOptions({ name: 'BatchEditForm' })
+defineOptions({ name: 'UBatchEditForm' })
 
 const batchEditCtx = inject(BatchEditDIKey)!
 

package/src/components/batch-edit/batch-edit-list.vue

@@ -70,7 +70,7 @@ import { UButton } from '../button'
 import { UTable } from '../table'
 import { BatchEditDIKey } from './di'
 
-defineOptions({ name: 'BatchEditList' })
+defineOptions({ name: 'UBatchEditList' })
 
 defineProps<{ slots: Slots }>()
 

package/src/components/batch-edit/batch-edit.vue

@@ -34,7 +34,7 @@ import { useFeatures } from './use-features'
 import { useHandlers } from './use-handlers'
 import { useShortcutKey } from './use-shortcut-key'
 
-defineOptions({ name: 'BatchEdit' })
+defineOptions({ name: 'UBatchEdit' })
 
 const props = withDefaults(defineProps<BatchEditProps>(), { cols: () => ['1fr', '420px'] })
 

package/src/components/breadcrumb/breadcrumb.vue

@@ -47,7 +47,7 @@ import type {
   ComponentSize
 } from '../../types'
 
-defineOptions({ name: 'Breadcrumb' })
+defineOptions({ name: 'UBreadcrumb' })
 
 const props = withDefaults(defineProps<BreadcrumbProps>(), { lastLinked: false })
 

package/src/components/button/button-group.vue

@@ -9,7 +9,7 @@ import { bem } from '@veltra/utils'
 
 import type { ButtonProps } from '../../types'
 
-defineOptions({ name: 'ButtonGroup' })
+defineOptions({ name: 'UButtonGroup' })
 
 const props = defineProps<ButtonProps>()
 

package/src/components/button/button.vue

@@ -36,7 +36,7 @@ import { computed, shallowRef } from 'vue'
 import type { ButtonEmits, ButtonProps, _ButtonExposed, ComponentSize } from '../../types'
 import { UIcon } from '../icon'
 
-defineOptions({ name: 'Button' })
+defineOptions({ name: 'UButton' })
 
 const props = withDefaults(defineProps<ButtonProps>(), {
   iconPosition: 'left',

package/src/components/calendar/calendar.vue

@@ -19,7 +19,7 @@ import { computed } from 'vue'
 import type { CalendarProps } from '../../types'
 import { getMonthDays } from './utils'
 
-defineOptions({ name: 'Calendar' })
+defineOptions({ name: 'UCalendar' })
 
 defineProps<CalendarProps>()
 

package/src/components/card/card-action.vue

@@ -10,7 +10,7 @@ import { type CSSProperties, computed, inject } from 'vue'
 import type { CardActionProps } from '../../types'
 import { CardDIKey } from './di'
 
-defineOptions({ name: 'CardAction' })
+defineOptions({ name: 'UCardAction' })
 
 const props = defineProps<CardActionProps>()
 

package/src/components/card/card-content.vue

@@ -10,7 +10,7 @@ import { computed, inject, type CSSProperties } from 'vue'
 import type { CardContentProps } from '../../types'
 import { CardDIKey } from './di'
 
-defineOptions({ name: 'CardContent' })
+defineOptions({ name: 'UCardContent' })
 
 const props = defineProps<CardContentProps>()
 

package/src/components/card/card-cover.vue

@@ -17,7 +17,7 @@ import { computed, inject } from 'vue'
 import type { CardCoverProps } from '../../types'
 import { CardDIKey } from './di'
 
-defineOptions({ name: 'CardCover' })
+defineOptions({ name: 'UCardCover' })
 
 const props = defineProps<CardCoverProps>()
 

package/src/components/card/card-header.vue

@@ -9,7 +9,7 @@ import { computed, inject } from 'vue'
 
 import { CardDIKey } from './di'
 
-defineOptions({ name: 'CardHeader' })
+defineOptions({ name: 'UCardHeader' })
 
 const injected = inject(CardDIKey)
 const { cls } = injected || {}

package/src/components/card/card.vue

@@ -12,7 +12,7 @@ import { computed, provide } from 'vue'
 import type { CardProps } from '../../types'
 import { CardDIKey } from './di'
 
-defineOptions({ name: 'Card' })
+defineOptions({ name: 'UCard' })
 
 const props = defineProps<CardProps>()
 

package/src/components/cascade/cascade.vue

@@ -124,7 +124,7 @@ import { useCheck } from './use-check'
 import { useDataMap } from './use-data-map'
 import { useSelect } from './use-select'
 
-defineOptions({ name: 'Cascade' })
+defineOptions({ name: 'UCascade' })
 
 const props = withDefaults(defineProps<CascadeProps>(), {
   labelKey: 'label',
@@ -137,7 +137,8 @@ const props = withDefaults(defineProps<CascadeProps>(), {
   childrenKey: 'children',
   filterable: false,
   data: () => [],
-  visibilityLimit: 3
+  visibilityLimit: 3,
+  showFullPath: true
 })
 
 const emit = defineEmits<CascadeEmits>()

package/src/components/cascade/use-check.ts

@@ -68,8 +68,10 @@ export function useCheck(options: CheckOptions): UseCheckReturned {
     const checkedArr = Array.from(checkedSet.value)
     const targetValues = checkedArr.map((item) => item.value)
     const targetLabels = checkedArr.map((item) => item.label)
+    const targetItems = checkedArr.map((item) => item.data as Record<string, any>)
     emit('update:modelValue', targetValues)
-    emit('change', targetValues, targetLabels, checkedArr)
+    emit('update:label', targetLabels.length ? targetLabels : undefined)
+    emit('change', targetItems)
   }
 
   const restTag = computed(() => {

package/src/components/cascade/use-select.ts

@@ -28,6 +28,16 @@ interface SelectOptions {
   dropdownRef: Ref<DropdownExposed | undefined>
 }
 
+function buildPathKeys(leaf: CascadeNode): string[] {
+  const keys: string[] = []
+  let node: CascadeNode | undefined = leaf
+  while (node) {
+    keys.unshift(node.value)
+    node = node.parent
+  }
+  return keys
+}
+
 interface UseSelectReturned {
   displayedValue: ComputedRef<string | undefined>
   selectItem: (panelIndex: number, item: CascadeNode) => void
@@ -46,8 +56,6 @@ export function useSelect(options: SelectOptions): UseSelectReturned {
   /** 选中的节点key */
   const selectedNodeKeys = shallowRef<string[]>([])
 
-  const currentItem = shallowRef<Record<string, any>>()
-
   /** 面板数据 */
   const panelItemList = shallowRef<PanelItem[]>([])
   const uid = createIncrease()
@@ -56,17 +64,16 @@ export function useSelect(options: SelectOptions): UseSelectReturned {
   }
 
   const displayedValue = computed(() => {
-    const { modelValue, separator } = props
-    const valueNodes =
-      modelValue && typeof modelValue === 'string' ? modelValue.split(separator!) : undefined
-    return (
-      valueNodes
-        ?.map((v) => {
-          const node = dataMap.value.get(v)
-          return node?.label ?? v
-        })
-        .join(props.separator) ?? ''
-    )
+    const { modelValue, separator, showFullPath } = props
+    if (!modelValue || typeof modelValue !== 'string') return ''
+
+    if (showFullPath) {
+      return modelValue
+        .split(separator!)
+        .map((v) => dataMap.value.get(v)?.label ?? v)
+        .join(separator)
+    }
+    return dataMap.value.get(modelValue)?.label ?? modelValue
   })
 
   function getPanelItemList(data?: CascadeNode[]) {
@@ -94,22 +101,24 @@ export function useSelect(options: SelectOptions): UseSelectReturned {
   }
 
   function updateSingleValue() {
-    const { separator } = props
+    const { separator, showFullPath } = props
+    const keys = selectedNodeKeys.value
+    const leafKey = keys.length ? keys[keys.length - 1] : undefined
+    const leafLabel = leafKey ? dataMap.value.get(leafKey)?.label : undefined
 
-    const targetValue = selectedNodeKeys.value.length
-      ? selectedNodeKeys.value.join(separator!)
-      : undefined
+    const targetValue = showFullPath ? (keys.length ? keys.join(separator!) : undefined) : leafKey
+    const targetLabel = showFullPath
+      ? keys
+          .map((key) => dataMap.value.get(key)?.label)
+          .filter(Boolean)
+          .join(separator!)
+      : leafLabel
 
-    const targetLabel = selectedNodeKeys.value
-      .map((key) => {
-        const node = dataMap.value.get(key)
-        return node?.label
-      })
-      .filter(Boolean)
-      .join(separator!)
+    const leafNode = leafKey ? dataMap.value.get(leafKey) : undefined
 
     emit('update:modelValue', targetValue)
-    emit('change', targetValue, targetLabel, currentItem.value!)
+    emit('update:label', targetLabel)
+    emit('change', leafNode?.data as Record<string, any> | undefined)
   }
 
   /**
@@ -120,7 +129,6 @@ export function useSelect(options: SelectOptions): UseSelectReturned {
    */
   function selectItem(panelIndex: number, item: CascadeNode) {
     // 设置选中的节点
-    currentItem.value = item
     selectedNodeKeys.value[panelIndex] = item.value
     selectedNodeKeys.value.splice(panelIndex + 1)
     triggerRef(selectedNodeKeys)
@@ -138,11 +146,17 @@ export function useSelect(options: SelectOptions): UseSelectReturned {
   }
 
   function initSingleSelect() {
-    const { modelValue, separator } = props
+    const { modelValue, separator, showFullPath } = props
 
     if (modelValue && typeof modelValue === 'string') {
-      const nodes = modelValue.split(separator!)
-      selectedNodeKeys.value = nodes
+      let keys: string[]
+      if (showFullPath) {
+        keys = modelValue.split(separator!)
+      } else {
+        const leaf = dataMap.value.get(modelValue)
+        keys = leaf ? buildPathKeys(leaf) : [modelValue]
+      }
+      selectedNodeKeys.value = keys
       getPanelItemList(forest.value.roots)
     } else {
       selectedNodeKeys.value = []

package/src/components/check-tag/check-tag.vue

@@ -10,7 +10,7 @@ import { computed } from 'vue'
 
 import type { CheckTagEmits, CheckTagProps } from '../../types'
 
-defineOptions({ name: 'CheckTag' })
+defineOptions({ name: 'UCheckTag' })
 
 const cls = bem('check-tag')
 

package/src/components/checkbox/checkbox-button.vue

@@ -21,7 +21,7 @@ import { computed } from 'vue'
 import type { CheckboxButtonProps, CheckboxButtonEmits } from '../../types'
 import { UTag } from '../tag'
 
-defineOptions({ name: 'CheckboxButton' })
+defineOptions({ name: 'UCheckboxButton' })
 
 const props = withDefaults(defineProps<CheckboxButtonProps>(), {
   disabled: undefined,

package/src/components/checkbox/checkbox.vue

@@ -25,7 +25,7 @@ import { computed } from 'vue'
 
 import type { CheckboxProps, CheckboxEmits } from '../../types'
 
-defineOptions({ name: 'Checkbox' })
+defineOptions({ name: 'UCheckbox' })
 const props = withDefaults(defineProps<CheckboxProps>(), {
   disabled: undefined,
   readonly: undefined

package/src/components/checkbox-group/checkbox-group.vue

@@ -34,7 +34,7 @@ import type { CheckboxGroupProps, CheckboxGroupEmits } from '../../types'
 import { UCheckbox } from '../checkbox'
 import { UTag } from '../tag'
 
-defineOptions({ name: 'CheckboxGroup' })
+defineOptions({ name: 'UCheckboxGroup' })
 
 const props = withDefaults(defineProps<CheckboxGroupProps>(), {
   labelKey: 'label',