@veltra/desktop 1.2.10 → 1.2.13

package/dist/components/tree/use-check.js.map

@@ -1 +1 @@
-{"version":3,"file":"use-check.js","names":[],"sources":["../../../src/components/tree/use-check.ts"],"sourcesContent":["import { dfs, o } from '@cat-kit/core'\nimport { nextTick, watch, type ComputedRef } from 'vue'\n\nimport type { TreeEmit, TreeProps } from '../../types'\nimport type { TreeNode } from './tree-node'\n\ninterface Options {\n  emit: TreeEmit\n  props: TreeProps\n  nodeDict: ComputedRef<Map<any, TreeNode>>\n  getFlattedNodes: () => void\n}\n\ninterface UseCheckReturned {\n  checkedData: Set<Record<string, any>>\n  toggleCheck: (node: TreeNode, check: boolean, ctrlKey?: boolean) => void\n}\n\n/**\n * 展开目标节点的所有祖先。返回是否发生了实际展开。\n */\nfunction expandAncestors(node: TreeNode): boolean {\n  let changed = false\n  node.bubbleSet((n) => {\n    if (n.parent) {\n      if (n.parent.expanded) return false\n      n.parent.expanded = true\n      changed = true\n    }\n  })\n  return changed\n}\n\nexport function useCheck(options: Options): UseCheckReturned {\n  const { emit, props, nodeDict, getFlattedNodes } = options\n\n  const checkedData = new Set<Record<string, any>>()\n\n  /**\n   * 上一次回显使用的 value 集合（仅限 props.checked）。\n   * 用于在相同 `nodeDict` 下走差集回显，避免每次全量清空再重建。\n   */\n  let lastCheckedSet = new Set<unknown>()\n  /** 最近一次参与差集比较的 nodeDict 引用；引用变化时视为整棵树重建。 */\n  let lastDict: Map<any, TreeNode> | null = null\n\n  function checkNode(node: TreeNode): void {\n    if (node.checked) return\n    node.checked = true\n    if (node.parent) {\n      node.parent.childrenCheckCount++\n    }\n    checkedData.add(node.data)\n  }\n\n  function uncheckNode(node: TreeNode): void {\n    if (!node.checked) return\n    node.checked = false\n    if (node.parent) {\n      node.parent.childrenCheckCount--\n    }\n    checkedData.delete(node.data)\n  }\n\n  /**\n   * 模型值是否由事件触发\n   */\n  let checkedByEvent = false\n\n  // 回显\n  watch(\n    [() => props.checked, nodeDict],\n    ([c, dict]) => {\n      // 事件已经触发模型变更了，所以不再进行下面的计算\n      if (checkedByEvent || !props.checkable) return\n      if (!dict.size) return\n\n      const nextSet = new Set<unknown>(c ?? [])\n\n      // 森林重建（dict 引用变化）→ 走全量清空重建路径，\n      // 因为所有 TreeNode 实例都是新的，上一轮缓存的 lastCheckedSet 失效。\n      const dictChanged = dict !== lastDict\n      if (dictChanged) {\n        checkedData.clear()\n        lastCheckedSet = new Set()\n      }\n\n      let mutated = false\n\n      // 取消：上一轮有但本轮没有的 value\n      for (const v of lastCheckedSet) {\n        if (!nextSet.has(v)) {\n          const node = dict.get(v)\n          if (node) {\n            uncheckNode(node)\n            mutated = true\n          }\n        }\n      }\n\n      // 新增：本轮有但上一轮没有的 value\n      let ancestorsExpanded = false\n      for (const v of nextSet) {\n        if (!lastCheckedSet.has(v) || dictChanged) {\n          const node = dict.get(v)\n          if (node) {\n            checkNode(node)\n            mutated = true\n            if (expandAncestors(node)) {\n              ancestorsExpanded = true\n            }\n          }\n        }\n      }\n\n      lastCheckedSet = nextSet\n      lastDict = dict\n\n      // 只在真实发生变化时才触发扁平化，避免空转。\n      if (mutated || ancestorsExpanded) {\n        getFlattedNodes()\n      }\n    },\n    { immediate: true }\n  )\n\n  function handleCheck(node: TreeNode, ctrlKey?: boolean) {\n    const { checkStrictly } = props\n\n    if (ctrlKey) {\n      checkNode(node)\n    } else {\n      dfs(\n        node as unknown as Record<string, unknown>,\n        (n) => {\n          const tn = n as unknown as TreeNode\n          !tn.disabled && checkNode(tn)\n        },\n        props.childrenKey ?? 'children'\n      )\n    }\n\n    // 非严格选择时还需要更新祖先节点，\n    // 一旦子节点全部选中，父节点也要设置为选中状态\n    if (!checkStrictly) {\n      node.bubbleSet((node) => {\n        const { parent } = node\n\n        if (parent) {\n          const parentChecked = parent.childrenCheckCount === parent.children!.length\n\n          parentChecked ? checkNode(parent) : uncheckNode(parent)\n        }\n      })\n    }\n  }\n\n  function handleUncheck(node: TreeNode, ctrlKey?: boolean) {\n    const { checkStrictly } = props\n    if (ctrlKey) {\n      uncheckNode(node)\n    } else {\n      dfs(\n        node as unknown as Record<string, unknown>,\n        (n) => {\n          const tn = n as unknown as TreeNode\n          !tn.disabled && uncheckNode(tn)\n        },\n        props.childrenKey ?? 'children'\n      )\n    }\n\n    // 非严格模式下，取消选中时，需要更新父节点\n    if (!checkStrictly) {\n      node.bubbleSet((node) => {\n        const { parent } = node\n        if (parent) {\n          uncheckNode(parent)\n        }\n      })\n    }\n  }\n\n  function toggleCheck(node: TreeNode, check: boolean, ctrlKey?: boolean) {\n    checkedByEvent = true\n\n    check ? handleCheck(node, ctrlKey) : handleUncheck(node, ctrlKey)\n\n    const checkedArr = Array.from(checkedData)\n\n    const valueKey = props.valueKey!\n    const nextValues = checkedArr.map((item) => o(item).get(valueKey) as unknown)\n\n    // 与外部 checked 保持差集缓存同步，避免下一次 watch 回调把刚勾选的值又误判为“新增”。\n    lastCheckedSet = new Set(nextValues)\n\n    emit('update:checked', nextValues as any[], checkedArr)\n\n    nextTick(() => {\n      checkedByEvent = false\n    })\n  }\n\n  return { checkedData, toggleCheck }\n}\n"],"mappings":"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"}
+{"version":3,"file":"use-check.js","names":[],"sources":["../../../src/components/tree/use-check.ts"],"sourcesContent":["import { dfs, o } from '@cat-kit/core'\nimport { nextTick, watch, type ComputedRef } from 'vue'\n\nimport type { TreeEmit, TreeProps } from '../../types'\nimport type { TreeNode } from './tree-node'\n\ninterface Options {\n  emit: TreeEmit\n  props: TreeProps\n  nodeDict: ComputedRef<Map<any, TreeNode>>\n  getFlattedNodes: () => void\n}\n\ninterface UseCheckReturned {\n  checkedData: Set<Record<string, any>>\n  toggleCheck: (node: TreeNode, check: boolean, ctrlKey?: boolean) => void\n}\n\n/**\n * 展开目标节点的所有祖先。返回是否发生了实际展开。\n */\nfunction expandAncestors(node: TreeNode): boolean {\n  let changed = false\n  node.bubbleSet((n) => {\n    if (n.parent) {\n      if (n.parent.expanded) return false\n      n.parent.expanded = true\n      changed = true\n    }\n  })\n  return changed\n}\n\nexport function useCheck(options: Options): UseCheckReturned {\n  const { emit, props, nodeDict, getFlattedNodes } = options\n\n  const checkedData = new Set<Record<string, any>>()\n\n  /**\n   * 上一次回显使用的 value 集合（仅限 props.checked）。\n   * 用于在相同 `nodeDict` 下走差集回显，避免每次全量清空再重建。\n   */\n  let lastCheckedSet = new Set<unknown>()\n  /** 最近一次参与差集比较的 nodeDict 引用；引用变化时视为整棵树重建。 */\n  let lastDict: Map<any, TreeNode> | null = null\n\n  function checkNode(node: TreeNode): void {\n    if (node.checked) return\n    node.checked = true\n    if (node.parent) {\n      node.parent.childrenCheckCount++\n    }\n    checkedData.add(node.data)\n  }\n\n  function uncheckNode(node: TreeNode): void {\n    if (!node.checked) return\n    node.checked = false\n    if (node.parent) {\n      node.parent.childrenCheckCount--\n    }\n    checkedData.delete(node.data)\n  }\n\n  /**\n   * 模型值是否由事件触发\n   */\n  let checkedByEvent = false\n\n  // 回显\n  watch(\n    [() => props.checked, nodeDict],\n    ([c, dict]) => {\n      // 事件已经触发模型变更了，所以不再进行下面的计算\n      if (checkedByEvent || !props.checkable) return\n      if (!dict.size) return\n\n      const nextSet = new Set<unknown>(c ?? [])\n\n      // 森林重建（dict 引用变化）→ 走全量清空重建路径，\n      // 因为所有 TreeNode 实例都是新的，上一轮缓存的 lastCheckedSet 失效。\n      const dictChanged = dict !== lastDict\n      if (dictChanged) {\n        checkedData.clear()\n        lastCheckedSet = new Set()\n      }\n\n      let mutated = false\n\n      // 取消：上一轮有但本轮没有的 value\n      for (const v of lastCheckedSet) {\n        if (!nextSet.has(v)) {\n          const node = dict.get(v)\n          if (node) {\n            uncheckNode(node)\n            mutated = true\n          }\n        }\n      }\n\n      // 新增：本轮有但上一轮没有的 value\n      let ancestorsExpanded = false\n      for (const v of nextSet) {\n        if (!lastCheckedSet.has(v) || dictChanged) {\n          const node = dict.get(v)\n          if (node) {\n            checkNode(node)\n            mutated = true\n            if (expandAncestors(node)) {\n              ancestorsExpanded = true\n            }\n          }\n        }\n      }\n\n      lastCheckedSet = nextSet\n      lastDict = dict\n\n      // 只在真实发生变化时才触发扁平化，避免空转。\n      if (mutated || ancestorsExpanded) {\n        getFlattedNodes()\n      }\n    },\n    { immediate: true }\n  )\n\n  function handleCheck(node: TreeNode, ctrlKey?: boolean) {\n    const { checkStrictly } = props\n\n    if (ctrlKey) {\n      checkNode(node)\n    } else {\n      dfs(\n        node as unknown as Record<string, unknown>,\n        (n) => {\n          const tn = n as unknown as TreeNode\n          !tn.disabled && checkNode(tn)\n        },\n        props.childrenKey ?? 'children'\n      )\n    }\n\n    // 非严格选择时还需要更新祖先节点，\n    // 一旦子节点全部选中，父节点也要设置为选中状态\n    if (!checkStrictly) {\n      node.bubbleSet((node) => {\n        const { parent } = node\n\n        if (parent) {\n          const parentChecked = parent.childrenCheckCount === parent.children!.length\n\n          parentChecked ? checkNode(parent) : uncheckNode(parent)\n        }\n      })\n    }\n  }\n\n  function handleUncheck(node: TreeNode, ctrlKey?: boolean) {\n    const { checkStrictly } = props\n    if (ctrlKey) {\n      uncheckNode(node)\n    } else {\n      dfs(\n        node as unknown as Record<string, unknown>,\n        (n) => {\n          const tn = n as unknown as TreeNode\n          !tn.disabled && uncheckNode(tn)\n        },\n        props.childrenKey ?? 'children'\n      )\n    }\n\n    // 非严格模式下，取消选中时，需要更新父节点\n    if (!checkStrictly) {\n      node.bubbleSet((node) => {\n        const { parent } = node\n        if (parent) {\n          uncheckNode(parent)\n        }\n      })\n    }\n  }\n\n  function toggleCheck(node: TreeNode, check: boolean, ctrlKey?: boolean) {\n    checkedByEvent = true\n\n    check ? handleCheck(node, ctrlKey) : handleUncheck(node, ctrlKey)\n\n    const checkedArr = Array.from(checkedData)\n\n    const valueKey = props.valueKey!\n    const nextValues = checkedArr.map((item) => o(item).get(valueKey) as unknown)\n\n    // 与外部 checked 保持差集缓存同步，避免下一次 watch 回调把刚勾选的值又误判为“新增”。\n    lastCheckedSet = new Set(nextValues)\n\n    emit('update:checked', nextValues as any[], checkedArr)\n\n    nextTick(() => {\n      checkedByEvent = false\n    })\n  }\n\n  return { checkedData, toggleCheck }\n}\n"],"mappings":"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"}

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,20 +14,21 @@ 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;

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.13",
   "files": [
     "dist",
     "src"
@@ -34,24 +34,26 @@
       "import": "./dist/*"
     }
   },
-  "scripts": {
-    "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 +61,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.13",
+    "@veltra/directives": "1.2.13",
+    "@veltra/icons": "1.2.13",
+    "@veltra/styles": "1.2.13",
+    "@veltra/utils": "1.2.13",
+    "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
 })
 
@@ -65,7 +65,7 @@ function getSlotsNodes() {
   if (!nodes) return []
 
   const extracted = extractNormalVNodes(nodes).filter(
-    (node) => (node.type as { name?: string } | null | undefined)?.name === 'Action'
+    (node) => (node.type as { name?: string } | null | undefined)?.name === 'UAction'
   )
 
   const visible: VNode[] = []

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(() => {