@veltra/desktop 1.1.25 → 1.1.27

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

@@ -1 +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 { update, 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    nextTick(() => {\n      void update()\n    })\n  }\n})\n\n/** 外部节点 */\nconst externalNode = shallowRef<any>()\n\nonBeforeUnmount(() => {\n  clearTimeout(closeTimer)\n})\n</script>\n"],"mappings":"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"}
+{"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], { size: 'default' as ComponentSize })\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 { update, 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    nextTick(() => {\n      void update()\n    })\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

@@ -14,8 +14,8 @@ declare const __VLS_base: _$vue.DefineComponent<TipProps, {}, {}, {}, {}, _$vue.
   trigger: "hover" | "click";
   contentTag: string;
   visible: boolean;
-  direction: TipDirection;
   content: string;
+  direction: TipDirection;
   alignment: TipAlign;
 }, {}, {}, {}, string, _$vue.ComponentProvideOptions, false, {}, any>;
 declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;

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

@@ -1 +1 @@
-{"version":3,"file":"tree-node.js","names":[],"sources":["../../../src/components/tree/tree-node.vue"],"sourcesContent":["<template>\n  <div\n    :class=\"[cls.e('node'), bem.is('expanded', node.expanded), bem.is('disabled', node.disabled)]\"\n    :ref=\"measureRef\"\n  >\n    <span v-for=\"i in node.depth\" :key=\"i\" :class=\"cls.e('indent')\" aria-hidden=\"true\"></span>\n\n    <u-icon v-if=\"!node.isLeaf\" :class=\"cls.e('expand-icon')\" @click.stop=\"toggleExpand\">\n      <ArrowRight />\n    </u-icon>\n    <u-icon v-else :class=\"cls.e('leaf-icon')\" aria-hidden=\"true\">\n      <Dot />\n    </u-icon>\n\n    <div\n      :class=\"cls.e('node-content')\"\n      @click=\"handleClick\"\n      @contextmenu=\"treeEmit('node-contextmenu', $event, node)\"\n      v-ripple=\"\n        (treeProps.checkable || treeProps.selectable) && !node.disabled ? cls.e('ripple') : false\n      \"\n    >\n      <u-checkbox\n        v-if=\"treeProps.checkable\"\n        :class=\"cls.e('checkbox')\"\n        :model-value=\"node.checked\"\n        :indeterminate=\"node.indeterminate\"\n        :disabled=\"node.disabled\"\n        @change=\"handleChange\"\n        @click.stop\n      />\n\n      <u-node-render :content=\"getTreeSlotsNode({ node, data: node.data })\" />\n    </div>\n  </div>\n</template>\n\n<script lang=\"ts\" setup>\nimport { vRipple } from '@veltra/directives'\nimport { ArrowRight, Dot } from '@veltra/icons/normal'\nimport { bem } from '@veltra/utils'\nimport { inject } from 'vue'\n\nimport type { TreeNodeProps } from '../../types'\nimport UCheckbox from '../checkbox/checkbox.vue'\nimport { UIcon } from '../icon'\nimport { UNodeRender } from '../node-render'\nimport { TreeDIKey } from './di'\n\ndefineOptions({\n  name: 'TreeNode'\n})\n\nconst props = defineProps<TreeNodeProps>()\n\nconst { treeProps, treeEmit, cls, getTreeSlotsNode, getFlattedNodes, toggleCheck, handleSelect } =\n  inject(TreeDIKey)!\n\nfunction measureRef(el: unknown) {\n  if (typeof props.index !== 'number' || !props.measureElement) return\n  props.measureElement(props.index, el as Element | null)\n}\n\nfunction toggleExpand() {\n  const { node } = props\n  node.expanded = !node.expanded\n  getFlattedNodes()\n\n  treeEmit('expand', node)\n}\n\nfunction handleChange(checked: boolean, e: MouseEvent) {\n  toggleCheck(props.node, checked, e.ctrlKey)\n}\n\nfunction handleClick(e: MouseEvent) {\n  const { node } = props\n  treeEmit('node-click', node)\n\n  treeProps.selectable && handleSelect(node)\n  treeProps.expandOnClickNode && toggleExpand()\n  treeProps.checkable &&\n    !node.disabled &&\n    !treeProps.expandOnClickNode &&\n    toggleCheck(node, !node.checked, e.ctrlKey)\n}\n</script>\n"],"mappings":";;;;;;;;;;;;;;;;;;EAqDA,MAAM,QAAQ;EAEd,MAAM,EAAE,WAAW,UAAU,KAAK,kBAAkB,iBAAiB,aAAa,iBAChF,OAAO,UAAS;EAElB,SAAS,WAAW,IAAa;GAC/B,IAAI,OAAO,MAAM,UAAU,YAAY,CAAC,MAAM,gBAAgB;GAC9D,MAAM,eAAe,MAAM,OAAO,GAAoB;;EAGxD,SAAS,eAAe;GACtB,MAAM,EAAE,SAAS;GACjB,KAAK,WAAW,CAAC,KAAK;GACtB,iBAAgB;GAEhB,SAAS,UAAU,KAAI;;EAGzB,SAAS,aAAa,SAAkB,GAAe;GACrD,YAAY,MAAM,MAAM,SAAS,EAAE,QAAO;;EAG5C,SAAS,YAAY,GAAe;GAClC,MAAM,EAAE,SAAS;GACjB,SAAS,cAAc,KAAI;GAE3B,UAAU,cAAc,aAAa,KAAI;GACzC,UAAU,qBAAqB,cAAa;GAC5C,UAAU,aACR,CAAC,KAAK,YACN,CAAC,UAAU,qBACX,YAAY,MAAM,CAAC,KAAK,SAAS,EAAE,QAAO;;;uBAnF5C,mBAiCM,OAAA;IAhCH,OAAK,eAAA;KAAG,MAAA,IAAA,CAAI,EAAC,OAAA;KAAU,MAAA,IAAA,CAAI,GAAE,YAAa,QAAA,KAAK,SAAQ;KAAG,MAAA,IAAA,CAAI,GAAE,YAAa,QAAA,KAAK,SAAQ;KAAA,CAAA;IAC1F,KAAK;;sBAEN,mBAA0F,UAAA,MAAA,WAAxE,QAAA,KAAK,QAAV,MAAC;yBAAd,mBAA0F,QAAA;MAA3D,KAAK;MAAI,OAAK,eAAE,MAAA,IAAA,CAAI,EAAC,SAAA,CAAA;MAAY,eAAY;;;KAE7D,QAAA,KAAK,UAAA,WAAA,EAApB,YAES,MAAA,YAAA,EAAA;;KAFoB,OAAK,eAAE,MAAA,IAAA,CAAI,EAAC,cAAA,CAAA;KAAkB,SAAK,cAAO,cAAY,CAAA,OAAA,CAAA;;4BACnE,CAAd,YAAc,MAAA,WAAA,CAAA,CAAA,CAAA;;sCAEhB,YAES,MAAA,YAAA,EAAA;;KAFO,OAAK,eAAE,MAAA,IAAA,CAAI,EAAC,YAAA,CAAA;KAAe,eAAY;;4BAC9C,CAAP,YAAO,MAAA,IAAA,CAAA,CAAA,CAAA;;;iCAGT,mBAmBM,OAAA;KAlBH,OAAK,eAAE,MAAA,IAAA,CAAI,EAAC,eAAA,CAAA;KACZ,SAAO;KACP,eAAW,OAAA,OAAA,OAAA,MAAA,WAAE,MAAA,SAAA,CAAQ,oBAAqB,QAAQ,QAAA,KAAI;QAM/C,MAAA,UAAA,CAAU,aAAA,WAAA,EADlB,YAQE,aAAA;;KANC,OAAK,eAAE,MAAA,IAAA,CAAI,EAAC,WAAA,CAAA;KACZ,eAAa,QAAA,KAAK;KAClB,eAAe,QAAA,KAAK;KACpB,UAAU,QAAA,KAAK;KACf,UAAQ;KACR,SAAK,OAAA,OAAA,OAAA,KAAA,oBAAN,IAAW,CAAA,OAAA,CAAA;;;;;;4CAGb,YAAwE,MAAA,WAAA,EAAA,EAAxD,SAAS,MAAA,iBAAA,CAAgB;KAAA,MAAG,QAAA;KAAI,MAAQ,QAAA,KAAK;KAAI,CAAA,EAAA,EAAA,MAAA,GAAA,CAAA,UAAA,CAAA,CAAA,EAAA,GAAA,GAAA,CAAA,CAAA,MAAA,QAAA,GAd7C,MAAA,UAAA,CAAU,aAAa,MAAA,UAAA,CAAU,eAAU,CAAM,QAAA,KAAK,WAAW,MAAA,IAAA,CAAI,EAAC,SAAA,GAAA,MAAA,CAAA,CAAA"}
+{"version":3,"file":"tree-node.js","names":[],"sources":["../../../src/components/tree/tree-node.vue"],"sourcesContent":["<template>\n  <div\n    :class=\"[cls.e('node'), bem.is('expanded', node.expanded), bem.is('disabled', node.disabled)]\"\n    :ref=\"measureRef\"\n  >\n    <span v-for=\"i in node.depth\" :key=\"i\" :class=\"cls.e('indent')\" aria-hidden=\"true\"></span>\n\n    <u-icon v-if=\"!node.isLeaf\" :class=\"cls.e('expand-icon')\" @click.stop=\"toggleExpand\">\n      <ArrowRight />\n    </u-icon>\n    <u-icon v-else :class=\"cls.e('leaf-icon')\" aria-hidden=\"true\">\n      <Dot />\n    </u-icon>\n\n    <div\n      :class=\"cls.e('node-content')\"\n      @click=\"handleClick\"\n      @contextmenu=\"treeEmit('node-contextmenu', $event, node)\"\n      v-ripple=\"\n        (treeProps.checkable || treeProps.selectable) && !node.disabled ? cls.e('ripple') : false\n      \"\n    >\n      <u-checkbox\n        v-if=\"treeProps.checkable\"\n        :class=\"cls.e('checkbox')\"\n        :model-value=\"node.checked\"\n        :indeterminate=\"node.indeterminate\"\n        :disabled=\"node.disabled\"\n        @change=\"handleChange\"\n        @click.stop\n      />\n\n      <u-node-render :content=\"getTreeSlotsNode({ node, data: node.data })\" />\n    </div>\n  </div>\n</template>\n\n<script lang=\"ts\" setup>\nimport { vRipple } from '@veltra/directives'\nimport { ArrowRight, Dot } from '@veltra/icons/normal'\nimport { bem } from '@veltra/utils'\nimport { inject } from 'vue'\n\nimport type { TreeNodeProps } from '../../types'\nimport UCheckbox from '../checkbox/checkbox.vue'\nimport { UIcon } from '../icon'\nimport { UNodeRender } from '../node-render'\nimport { TreeDIKey } from './di'\n\ndefineOptions({ name: 'TreeNode' })\n\nconst props = defineProps<TreeNodeProps>()\n\nconst { treeProps, treeEmit, cls, getTreeSlotsNode, getFlattedNodes, toggleCheck, handleSelect } =\n  inject(TreeDIKey)!\n\nfunction measureRef(el: unknown) {\n  if (typeof props.index !== 'number' || !props.measureElement) return\n  props.measureElement(props.index, el as Element | null)\n}\n\nfunction toggleExpand() {\n  const { node } = props\n  node.expanded = !node.expanded\n  getFlattedNodes()\n\n  treeEmit('expand', node)\n}\n\nfunction handleChange(checked: boolean, e: MouseEvent) {\n  toggleCheck(props.node, checked, e.ctrlKey)\n}\n\nfunction handleClick(e: MouseEvent) {\n  const { node } = props\n  treeEmit('node-click', node)\n\n  treeProps.selectable && handleSelect(node)\n  treeProps.expandOnClickNode && toggleExpand()\n  treeProps.checkable &&\n    !node.disabled &&\n    !treeProps.expandOnClickNode &&\n    toggleCheck(node, !node.checked, e.ctrlKey)\n}\n</script>\n"],"mappings":";;;;;;;;;;;;;;;;;;EAmDA,MAAM,QAAQ;EAEd,MAAM,EAAE,WAAW,UAAU,KAAK,kBAAkB,iBAAiB,aAAa,iBAChF,OAAO,UAAS;EAElB,SAAS,WAAW,IAAa;GAC/B,IAAI,OAAO,MAAM,UAAU,YAAY,CAAC,MAAM,gBAAgB;GAC9D,MAAM,eAAe,MAAM,OAAO,GAAoB;;EAGxD,SAAS,eAAe;GACtB,MAAM,EAAE,SAAS;GACjB,KAAK,WAAW,CAAC,KAAK;GACtB,iBAAgB;GAEhB,SAAS,UAAU,KAAI;;EAGzB,SAAS,aAAa,SAAkB,GAAe;GACrD,YAAY,MAAM,MAAM,SAAS,EAAE,QAAO;;EAG5C,SAAS,YAAY,GAAe;GAClC,MAAM,EAAE,SAAS;GACjB,SAAS,cAAc,KAAI;GAE3B,UAAU,cAAc,aAAa,KAAI;GACzC,UAAU,qBAAqB,cAAa;GAC5C,UAAU,aACR,CAAC,KAAK,YACN,CAAC,UAAU,qBACX,YAAY,MAAM,CAAC,KAAK,SAAS,EAAE,QAAO;;;uBAjF5C,mBAiCM,OAAA;IAhCH,OAAK,eAAA;KAAG,MAAA,IAAA,CAAI,EAAC,OAAA;KAAU,MAAA,IAAA,CAAI,GAAE,YAAa,QAAA,KAAK,SAAQ;KAAG,MAAA,IAAA,CAAI,GAAE,YAAa,QAAA,KAAK,SAAQ;KAAA,CAAA;IAC1F,KAAK;;sBAEN,mBAA0F,UAAA,MAAA,WAAxE,QAAA,KAAK,QAAV,MAAC;yBAAd,mBAA0F,QAAA;MAA3D,KAAK;MAAI,OAAK,eAAE,MAAA,IAAA,CAAI,EAAC,SAAA,CAAA;MAAY,eAAY;;;KAE7D,QAAA,KAAK,UAAA,WAAA,EAApB,YAES,MAAA,YAAA,EAAA;;KAFoB,OAAK,eAAE,MAAA,IAAA,CAAI,EAAC,cAAA,CAAA;KAAkB,SAAK,cAAO,cAAY,CAAA,OAAA,CAAA;;4BACnE,CAAd,YAAc,MAAA,WAAA,CAAA,CAAA,CAAA;;sCAEhB,YAES,MAAA,YAAA,EAAA;;KAFO,OAAK,eAAE,MAAA,IAAA,CAAI,EAAC,YAAA,CAAA;KAAe,eAAY;;4BAC9C,CAAP,YAAO,MAAA,IAAA,CAAA,CAAA,CAAA;;;iCAGT,mBAmBM,OAAA;KAlBH,OAAK,eAAE,MAAA,IAAA,CAAI,EAAC,eAAA,CAAA;KACZ,SAAO;KACP,eAAW,OAAA,OAAA,OAAA,MAAA,WAAE,MAAA,SAAA,CAAQ,oBAAqB,QAAQ,QAAA,KAAI;QAM/C,MAAA,UAAA,CAAU,aAAA,WAAA,EADlB,YAQE,aAAA;;KANC,OAAK,eAAE,MAAA,IAAA,CAAI,EAAC,WAAA,CAAA;KACZ,eAAa,QAAA,KAAK;KAClB,eAAe,QAAA,KAAK;KACpB,UAAU,QAAA,KAAK;KACf,UAAQ;KACR,SAAK,OAAA,OAAA,OAAA,KAAA,oBAAN,IAAW,CAAA,OAAA,CAAA;;;;;;4CAGb,YAAwE,MAAA,WAAA,EAAA,EAAxD,SAAS,MAAA,iBAAA,CAAgB;KAAA,MAAG,QAAA;KAAI,MAAQ,QAAA,KAAK;KAAI,CAAA,EAAA,EAAA,MAAA,GAAA,CAAA,UAAA,CAAA,CAAA,EAAA,GAAA,GAAA,CAAA,CAAA,MAAA,QAAA,GAd7C,MAAA,UAAA,CAAU,aAAa,MAAA,UAAA,CAAU,eAAU,CAAM,QAAA,KAAK,WAAW,MAAA,IAAA,CAAI,EAAC,SAAA,GAAA,MAAA,CAAA,CAAA"}

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

@@ -1 +1 @@
-{"version":3,"file":"tree.js","names":[],"sources":["../../../src/components/tree/tree.vue"],"sourcesContent":["<template>\n  <u-scroll\n    :class=\"className\"\n    ref=\"scrollRef\"\n    :content-class=\"[cls.e('wrap'), bem.is('virtual', virtualEnabled)]\"\n  >\n    <template v-if=\"virtualEnabled\">\n      <UTreeNode\n        v-for=\"{ node, key, offset, index } of virtualNodes\"\n        :node=\"node\"\n        :key=\"key\"\n        :class=\"bem.is('selected', node.data === selectedData)\"\n        :index=\"index\"\n        :measure-element=\"measureElement\"\n        :style=\"{ transform: `translateY(${offset}px)` }\"\n      />\n    </template>\n    <template v-else>\n      <UTreeNode\n        v-for=\"node of nodes\"\n        :node=\"node\"\n        :key=\"node.key\"\n        :class=\"bem.is('selected', node.data === selectedData)\"\n      />\n    </template>\n\n    <div :class=\"cls.e('empty')\" v-if=\"!nodes.length\">\n      <UEmpty />\n    </div>\n  </u-scroll>\n</template>\n\n<script lang=\"ts\" setup>\nimport { useFormFallbackProps, useVirtualizer } from '@veltra/compositions'\nimport { bem, nextFrame, scrollIntoContainerView } from '@veltra/utils'\nimport { injectFormContext } from '@veltra/utils'\nimport { computed, provide, shallowRef, useSlots, watch, watchEffect, type VNode } from 'vue'\n\nimport type { TreeProps, TreeEmit, _TreeExposed } from '../../types'\nimport type { ScrollExposed } from '../../types'\nimport { UEmpty } from '../empty'\nimport { UScroll } from '../scroll'\nimport { TreeDIKey, type TreeConText, type TreeSlotsScope } from './di'\nimport UTreeNode from './tree-node.vue'\nimport { useCheck } from './use-check'\nimport { useFilter } from './use-filter'\nimport { useSelect } from './use-select'\nimport { useTreeNodes } from './use-tree-nodes'\n\ndefineOptions({\n  name: 'Tree'\n})\n\nconst props = withDefaults(defineProps<TreeProps>(), {\n  labelKey: 'label',\n  valueKey: 'value',\n  childrenKey: 'children',\n  expandOnClickNode: false,\n  checkStrictly: false,\n  data: () => []\n})\n\nconst emit = defineEmits<TreeEmit>()\n\nconst cls = bem('tree')\n\nconst { formProps } = injectFormContext()\n\nconst { size } = useFormFallbackProps([formProps ?? {}, props], {\n  size: 'default'\n})\n\nconst scrollRef = shallowRef<ScrollExposed>()\n\nconst className = computed(() => {\n  return [\n    cls.b,\n    cls.m(size.value),\n    bem.is('selectable', props.selectable),\n    bem.is('checkable', props.checkable)\n  ]\n})\n\ndefineSlots<{\n  default: (props: TreeSlotsScope) => any\n}>()\n\nconst slots = useSlots()\n\nfunction getTreeSlotsNode(ctx: TreeSlotsScope): VNode[] | string | undefined {\n  return (props.slots?.default ?? slots.default)?.(ctx) ?? ctx.node.label\n}\n\nconst { nodes, forest, getFlattedNodes, nodeDict } = useTreeNodes({\n  props\n})\n\nwatch(\n  [() => props.selectable, () => props.checkable, forest],\n  ([s, c]) => {\n    // 如果选择或勾选，则不更新节点\n    if (s || c) return\n    getFlattedNodes()\n  },\n  { immediate: true }\n)\n\nconst { filter } = useFilter({ forest, getFlattedNodes })\n\nconst { handleSelect, selectedData } = useSelect({\n  props,\n  emit,\n  nodeDict,\n  getFlattedNodes\n})\n\nconst { checkedData, toggleCheck } = useCheck({\n  props,\n  emit,\n  nodeDict,\n  getFlattedNodes\n})\n\nconst estimateSize = (): number => {\n  // 基于 style.scss 中节点稳态高度推算的默认值；\n  // 实际高度仍由 `measureElement` 通过 ResizeObserver 回填覆盖。\n  switch (size.value) {\n    case 'small':\n      return 32\n    case 'large':\n      return 44\n    default:\n      return 36\n  }\n}\n\n// 80 阈值内化为消费者侧语义；低于此值时不启用虚拟化。\nconst virtualEnabled = computed(() => nodes.value.length > 80)\n\nconst { virtualizer, items } = useVirtualizer({\n  count: computed(() => nodes.value.length),\n  scrollEl: () => scrollRef.value?.containerRef ?? null,\n  // 仅在虚拟化启用时把内容容器的 height 撑开到 totalSize；\n  // 关闭时传 null，hook 会清除此前写入的内联 height，回到 CSS 默认。\n  contentEl: () => (virtualEnabled.value ? (scrollRef.value?.contentRef ?? null) : null),\n  estimateSize,\n  gap: 2,\n  // 以节点稳定 key 作为虚拟项身份，展开 / 收起 / 过滤引起的 nodes 数组变更\n  // 保留未移动节点的真实测量值，避免再次滚动首屏抖动。\n  getItemKey: (i) => nodes.value[i]?.key ?? i\n})\n\n// 身份稳定性已由底层 `getItemKey` 保证；直接以 `node.key` 作为 Vue 层 key。\n// `item.index` 仅作为 nodes / snapshot 竞态边缘的 fallback。\nconst virtualNodes = computed(() => {\n  const _nodes = nodes.value\n  return items.value.map((item) => {\n    const node = _nodes[item.index]!\n    return {\n      node,\n      key: node?.key ?? item.index,\n      offset: item.start,\n      index: item.index\n    }\n  })\n})\n\nconst measureElement: (index: number, el: Element | null) => void = (index, el) =>\n  virtualizer.measureElement(index, el)\n\nfunction scrollTo(index: number): void {\n  virtualizer.scrollToIndex(index, { align: 'center' })\n}\n\nfunction scrollIntoView() {\n  const { selectable, checkable, scrollToView } = props\n  if (!scrollToView || (!selectable && !checkable) || !nodes.value) return\n  let index = -1\n\n  if (selectable) {\n    if (!selectedData.value) return\n    index = nodes.value.findIndex((node) => node.data === selectedData.value)\n  } else if (checkable) {\n    if (!checkedData.size) return\n    index = nodes.value.findIndex((node) => checkedData.has(node.data))\n  }\n\n  if (virtualEnabled.value) {\n    scrollTo(index)\n  } else {\n    const { contentRef, containerRef } = scrollRef.value ?? {}\n    const el = contentRef?.children[index]\n    el && scrollIntoContainerView(el as HTMLElement, containerRef ?? null)\n  }\n}\n\nwatchEffect(() => {\n  nextFrame(() => {\n    scrollIntoView()\n  })\n})\n\nprovide(TreeDIKey, {\n  cls,\n  selectedData,\n  checkedData,\n  getFlattedNodes,\n  getTreeSlotsNode,\n  treeEmit: emit as TreeEmit,\n  treeProps: props as TreeProps,\n  toggleCheck: toggleCheck as TreeConText['toggleCheck'],\n  handleSelect: handleSelect as TreeConText['handleSelect']\n})\n\ndefineExpose<_TreeExposed>({\n  filter,\n  forest,\n  nodes,\n  checkNode: toggleCheck,\n  selectNode: handleSelect,\n  checkAll(check: boolean) {\n    forest.value.roots.forEach((node) => {\n      toggleCheck(node, check)\n    })\n  },\n  getSelected() {\n    return selectedData\n  },\n  getChecked() {\n    return Array.from(checkedData)\n  },\n  scrollTo,\n\n  expandAll() {\n    forest.value.dfs((node) => {\n      node.expanded = true\n    })\n    getFlattedNodes()\n  },\n  collapseAll() {\n    forest.value.dfs((node) => {\n      node.expanded = false\n    })\n    getFlattedNodes()\n  }\n})\n</script>\n"],"mappings":"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"}
+{"version":3,"file":"tree.js","names":[],"sources":["../../../src/components/tree/tree.vue"],"sourcesContent":["<template>\n  <u-scroll\n    :class=\"className\"\n    ref=\"scrollRef\"\n    :content-class=\"[cls.e('wrap'), bem.is('virtual', virtualEnabled)]\"\n  >\n    <template v-if=\"virtualEnabled\">\n      <UTreeNode\n        v-for=\"{ node, key, offset, index } of virtualNodes\"\n        :node=\"node\"\n        :key=\"key\"\n        :class=\"bem.is('selected', node.data === selectedData)\"\n        :index=\"index\"\n        :measure-element=\"measureElement\"\n        :style=\"{ transform: `translateY(${offset}px)` }\"\n      />\n    </template>\n    <template v-else>\n      <UTreeNode\n        v-for=\"node of nodes\"\n        :node=\"node\"\n        :key=\"node.key\"\n        :class=\"bem.is('selected', node.data === selectedData)\"\n      />\n    </template>\n\n    <div :class=\"cls.e('empty')\" v-if=\"!nodes.length\">\n      <UEmpty />\n    </div>\n  </u-scroll>\n</template>\n\n<script lang=\"ts\" setup>\nimport { useFormFallbackProps, useVirtualizer } from '@veltra/compositions'\nimport { bem, nextFrame, scrollIntoContainerView } from '@veltra/utils'\nimport { injectFormContext } from '@veltra/utils'\nimport { computed, provide, shallowRef, useSlots, watch, watchEffect, type VNode } from 'vue'\n\nimport type { TreeProps, TreeEmit, _TreeExposed } from '../../types'\nimport type { ScrollExposed } from '../../types'\nimport { UEmpty } from '../empty'\nimport { UScroll } from '../scroll'\nimport { TreeDIKey, type TreeConText, type TreeSlotsScope } from './di'\nimport UTreeNode from './tree-node.vue'\nimport { useCheck } from './use-check'\nimport { useFilter } from './use-filter'\nimport { useSelect } from './use-select'\nimport { useTreeNodes } from './use-tree-nodes'\n\ndefineOptions({ name: 'Tree' })\n\nconst props = withDefaults(defineProps<TreeProps>(), {\n  labelKey: 'label',\n  valueKey: 'value',\n  childrenKey: 'children',\n  expandOnClickNode: false,\n  checkStrictly: false,\n  data: () => []\n})\n\nconst emit = defineEmits<TreeEmit>()\n\nconst cls = bem('tree')\n\nconst { formProps } = injectFormContext()\n\nconst { size } = useFormFallbackProps([formProps ?? {}, props], { size: 'default' })\n\nconst scrollRef = shallowRef<ScrollExposed>()\n\nconst className = computed(() => {\n  return [\n    cls.b,\n    cls.m(size.value),\n    bem.is('selectable', props.selectable),\n    bem.is('checkable', props.checkable)\n  ]\n})\n\ndefineSlots<{ default: (props: TreeSlotsScope) => any }>()\n\nconst slots = useSlots()\n\nfunction getTreeSlotsNode(ctx: TreeSlotsScope): VNode[] | string | undefined {\n  return (props.slots?.default ?? slots.default)?.(ctx) ?? ctx.node.label\n}\n\nconst { nodes, forest, getFlattedNodes, nodeDict } = useTreeNodes({ props })\n\nwatch(\n  [() => props.selectable, () => props.checkable, forest],\n  ([s, c]) => {\n    // 如果选择或勾选，则不更新节点\n    if (s || c) return\n    getFlattedNodes()\n  },\n  { immediate: true }\n)\n\nconst { filter } = useFilter({ forest, getFlattedNodes })\n\nconst { handleSelect, selectedData } = useSelect({ props, emit, nodeDict, getFlattedNodes })\n\nconst { checkedData, toggleCheck } = useCheck({ props, emit, nodeDict, getFlattedNodes })\n\nconst estimateSize = (): number => {\n  // 基于 style.scss 中节点稳态高度推算的默认值；\n  // 实际高度仍由 `measureElement` 通过 ResizeObserver 回填覆盖。\n  switch (size.value) {\n    case 'small':\n      return 32\n    case 'large':\n      return 44\n    default:\n      return 36\n  }\n}\n\n// 80 阈值内化为消费者侧语义；低于此值时不启用虚拟化。\nconst virtualEnabled = computed(() => nodes.value.length > 80)\n\nconst { virtualizer, items } = useVirtualizer({\n  count: computed(() => nodes.value.length),\n  scrollEl: () => scrollRef.value?.containerRef ?? null,\n  // 仅在虚拟化启用时把内容容器的 height 撑开到 totalSize；\n  // 关闭时传 null，hook 会清除此前写入的内联 height，回到 CSS 默认。\n  contentEl: () => (virtualEnabled.value ? (scrollRef.value?.contentRef ?? null) : null),\n  estimateSize,\n  gap: 2,\n  // 以节点稳定 key 作为虚拟项身份，展开 / 收起 / 过滤引起的 nodes 数组变更\n  // 保留未移动节点的真实测量值，避免再次滚动首屏抖动。\n  getItemKey: (i) => nodes.value[i]?.key ?? i\n})\n\n// 身份稳定性已由底层 `getItemKey` 保证；直接以 `node.key` 作为 Vue 层 key。\n// `item.index` 仅作为 nodes / snapshot 竞态边缘的 fallback。\nconst virtualNodes = computed(() => {\n  const _nodes = nodes.value\n  return items.value.map((item) => {\n    const node = _nodes[item.index]!\n    return { node, key: node?.key ?? item.index, offset: item.start, index: item.index }\n  })\n})\n\nconst measureElement: (index: number, el: Element | null) => void = (index, el) =>\n  virtualizer.measureElement(index, el)\n\nfunction scrollTo(index: number): void {\n  virtualizer.scrollToIndex(index, { align: 'center' })\n}\n\nfunction scrollIntoView() {\n  const { selectable, checkable, scrollToView } = props\n  if (!scrollToView || (!selectable && !checkable) || !nodes.value) return\n  let index = -1\n\n  if (selectable) {\n    if (!selectedData.value) return\n    index = nodes.value.findIndex((node) => node.data === selectedData.value)\n  } else if (checkable) {\n    if (!checkedData.size) return\n    index = nodes.value.findIndex((node) => checkedData.has(node.data))\n  }\n\n  if (virtualEnabled.value) {\n    scrollTo(index)\n  } else {\n    const { contentRef, containerRef } = scrollRef.value ?? {}\n    const el = contentRef?.children[index]\n    el && scrollIntoContainerView(el as HTMLElement, containerRef ?? null)\n  }\n}\n\nwatchEffect(() => {\n  nextFrame(() => {\n    scrollIntoView()\n  })\n})\n\nprovide(TreeDIKey, {\n  cls,\n  selectedData,\n  checkedData,\n  getFlattedNodes,\n  getTreeSlotsNode,\n  treeEmit: emit as TreeEmit,\n  treeProps: props as TreeProps,\n  toggleCheck: toggleCheck as TreeConText['toggleCheck'],\n  handleSelect: handleSelect as TreeConText['handleSelect']\n})\n\ndefineExpose<_TreeExposed>({\n  filter,\n  forest,\n  nodes,\n  checkNode: toggleCheck,\n  selectNode: handleSelect,\n  checkAll(check: boolean) {\n    forest.value.roots.forEach((node) => {\n      toggleCheck(node, check)\n    })\n  },\n  getSelected() {\n    return selectedData\n  },\n  getChecked() {\n    return Array.from(checkedData)\n  },\n  scrollTo,\n\n  expandAll() {\n    forest.value.dfs((node) => {\n      node.expanded = true\n    })\n    getFlattedNodes()\n  },\n  collapseAll() {\n    forest.value.dfs((node) => {\n      node.expanded = false\n    })\n    getFlattedNodes()\n  }\n})\n</script>\n"],"mappings":"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"}

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

@@ -24,15 +24,15 @@ declare const __VLS_base: _$vue.DefineComponent<__VLS_PublicProps, {}, {}, {}, {
   onClear?: (() => any) | undefined;
   "onUpdate:text"?: ((text?: string | undefined) => any) | undefined;
 }>, {
+  disabled: boolean;
+  readonly: boolean;
   expandAll: boolean;
   labelKey: string;
   valueKey: string;
-  disabled: boolean;
-  readonly: boolean;
+  minWidth: string;
   placeholder: string;
   clearable: boolean;
   filterable: boolean;
-  minWidth: string;
 }, {}, {}, {}, string, _$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.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({\n  name: 'Watermark'\n})\nconst cls = bem('watermark')\nconst props = withDefaults(defineProps<WatermarkProps>(), {\n  route: -30,\n  fontSize: 60\n})\ndefineEmits<WatermarkEmits>()\n\nconst watermarkRef = useTemplateRef('watermark')\n\nconst styles = reactive({\n  fontColor: 'rgba(0,0,0,.1)',\n  fontFamily: 'Arial',\n  image: props.image\n})\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, {\n    background: `url(${canvas.toDataURL('image/png')}) repeat`\n  })\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":";;;;;;;;;;;;;;;EAoBA,MAAM,MAAM,IAAI,YAAW;EAC3B,MAAM,QAAQ;EAMd,MAAM,eAAe,eAAe,YAAW;EAE/C,MAAM,SAAS,SAAS;GACtB,WAAW;GACX,YAAY;GACZ,OAAO,MAAM;GACd,CAAA;EAED,MAAM,eAAe,SAAS,YAAY;GACxC,MAAM,MAAM,MAAM;GAClB,MAAM,YAAY,aAAa;GAE/B,IAAI,CAAC,aAAa,CAAC,KAAK;GAGxB,IAAI,SAAmC,SAAS,cAAc,SAAQ;GAGtE,IAAI,MAAM,OAAO,WAAW,KAAI;GAEhC,IAAI,OAAO,GAAG,MAAM,SAAS,KAAK,OAAO;GAEzC,MAAM,YAAY,IAAI,YAAY,IAAG,CAAE;GACvC,SAAS,SAAS,cAAc,SAAQ;GACxC,OAAO,QAAQ;GACf,OAAO,SAAS;GAChB,MAAM,OAAO,WAAW,KAAI;GAE5B,IAAI,OAAO,GAAG,MAAM,SAAS,KAAK,OAAO;GACzC,MAAM,OAAO,WAAW,KAAI;GAE5B,IAAI,YAAY,OAAO;GAEvB,IAAI,YAAY;GAEhB,IAAI,eAAe;GAGnB,IAAI,UAAU,YAAY,GAAG,YAAY,EAAC;GAC1C,IAAI,OAAQ,MAAM,QAAQ,KAAK,KAAM,IAAG;GACxC,IAAI,UAAU,CAAC,YAAY,GAAG,CAAC,YAAY,EAAC;GAE5C,IAAI,SAAS,KAAK,IAAI,YAAY,MAAM,YAAY,EAAC;GAErD,UAAU,WAAW,EACnB,YAAY,OAAO,OAAO,UAAU,YAAW,CAAE,WAClD,CAAA;GAED,IAAI,UAAU,GAAG,GAAG,OAAO,OAAO,OAAO,OAAM;GAC/C,SAAS;KACR,IAAG;EAEN,OAAO,iBAAiB,UAAU,aAAY;EAE9C,sBAAsB;GACpB,OAAO,oBAAoB,UAAU,aAAY;IAClD;EAED,gBAAgB;GACd,cAAa;IACd;;UAtFiB,QAAA,gBAAA,WAAA,EAAhB,YAEW,UAAA;;IAFmB,IAAG;OAC/B,mBAAwE,OAAA;IAAlE,OAAK,eAAE,MAAA,IAAA,CAAI,EAAC;IAAE,KAAI;IAAa,OAAK,eAAA,EAAA,QAAY,MAAA,OAAA,EAAM,EAAA,CAAA;kCAG9D,mBAEM,OAAA;;IAFO,OAAK,eAAE,MAAA,IAAA,CAAI,EAAC;IAAE,KAAI;IAAa,OAAK,eAAA,EAAA,QAAY,MAAA,OAAA,EAAM,EAAA,CAAA;OACjE,WAAQ,KAAA,QAAA,UAAA,CAAA,EAAA,EAAA"}
+{"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,YAAW;EAC3B,MAAM,QAAQ;EAGd,MAAM,eAAe,eAAe,YAAW;EAE/C,MAAM,SAAS,SAAS;GAAE,WAAW;GAAkB,YAAY;GAAS,OAAO,MAAM;GAAO,CAAA;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,SAAQ;GAGtE,IAAI,MAAM,OAAO,WAAW,KAAI;GAEhC,IAAI,OAAO,GAAG,MAAM,SAAS,KAAK,OAAO;GAEzC,MAAM,YAAY,IAAI,YAAY,IAAG,CAAE;GACvC,SAAS,SAAS,cAAc,SAAQ;GACxC,OAAO,QAAQ;GACf,OAAO,SAAS;GAChB,MAAM,OAAO,WAAW,KAAI;GAE5B,IAAI,OAAO,GAAG,MAAM,SAAS,KAAK,OAAO;GACzC,MAAM,OAAO,WAAW,KAAI;GAE5B,IAAI,YAAY,OAAO;GAEvB,IAAI,YAAY;GAEhB,IAAI,eAAe;GAGnB,IAAI,UAAU,YAAY,GAAG,YAAY,EAAC;GAC1C,IAAI,OAAQ,MAAM,QAAQ,KAAK,KAAM,IAAG;GACxC,IAAI,UAAU,CAAC,YAAY,GAAG,CAAC,YAAY,EAAC;GAE5C,IAAI,SAAS,KAAK,IAAI,YAAY,MAAM,YAAY,EAAC;GAErD,UAAU,WAAW,EAAE,YAAY,OAAO,OAAO,UAAU,YAAW,CAAE,WAAW,CAAA;GAEnF,IAAI,UAAU,GAAG,GAAG,OAAO,OAAO,OAAO,OAAM;GAC/C,SAAS;KACR,IAAG;EAEN,OAAO,iBAAiB,UAAU,aAAY;EAE9C,sBAAsB;GACpB,OAAO,oBAAoB,UAAU,aAAY;IAClD;EAED,gBAAgB;GACd,cAAa;IACd;;UA3EiB,QAAA,gBAAA,WAAA,EAAhB,YAEW,UAAA;;IAFmB,IAAG;OAC/B,mBAAwE,OAAA;IAAlE,OAAK,eAAE,MAAA,IAAA,CAAI,EAAC;IAAE,KAAI;IAAa,OAAK,eAAA,EAAA,QAAY,MAAA,OAAA,EAAM,EAAA,CAAA;kCAG9D,mBAEM,OAAA;;IAFO,OAAK,eAAE,MAAA,IAAA,CAAI,EAAC;IAAE,KAAI;IAAa,OAAK,eAAA,EAAA,QAAY,MAAA,OAAA,EAAM,EAAA,CAAA;OACjE,WAAQ,KAAA,QAAA,UAAA,CAAA,EAAA,EAAA"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@veltra/desktop",
-  "version": "1.1.25",
+  "version": "1.1.27",
   "files": [
     "dist",
     "src"
@@ -68,11 +68,11 @@
     "@cat-kit/core": ">=1.1.5",
     "@cat-kit/excel": ">=1.0.0",
     "@cat-kit/fe": "^1.1.5",
-    "@veltra/compositions": "1.1.25",
-    "@veltra/directives": "1.1.25",
-    "@veltra/icons": "1.1.25",
-    "@veltra/styles": "1.1.25",
-    "@veltra/utils": "1.1.25",
+    "@veltra/compositions": "1.1.27",
+    "@veltra/directives": "1.1.27",
+    "@veltra/icons": "1.1.27",
+    "@veltra/styles": "1.1.27",
+    "@veltra/utils": "1.1.27",
     "vue": ">=3.5.0"
   }
 }

package/src/components/action/action.vue

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

package/src/components/badge/badge.vue

@@ -12,19 +12,13 @@ import { computed, nextTick, onMounted, shallowRef, watch } from 'vue'
 
 import type { BadgeProps, ComponentSize } from '../../types'
 
-defineOptions({
-  name: 'Badge'
-})
+defineOptions({ name: 'Badge' })
 
 const cls = bem('badge')
 
-const props = withDefaults(defineProps<BadgeProps>(), {
-  max: 99
-})
+const props = withDefaults(defineProps<BadgeProps>(), { max: 99 })
 
-const { size } = useFallbackProps([props], {
-  size: 'default' as ComponentSize
-})
+const { size } = useFallbackProps([props], { size: 'default' as ComponentSize })
 
 const badgeValue = computed(() => {
   if (props.dot) return ''

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

@@ -136,11 +136,7 @@ const headerInfo = computed<HeaderInfo>(() => {
     }
   }
   if (state.type === 'create') {
-    return {
-      icon: Plus,
-      title: '新增',
-      tone: 'create'
-    }
+    return { icon: Plus, title: '新增', tone: 'create' }
   }
   return {
     icon: EditPen,

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

@@ -87,13 +87,9 @@ import { UButton } from '../button'
 import { UTable } from '../table'
 import { BatchEditDIKey } from './di'
 
-defineOptions({
-  name: 'BatchEditList'
-})
+defineOptions({ name: 'BatchEditList' })
 
-defineProps<{
-  slots: Slots
-}>()
+defineProps<{ slots: Slots }>()
 
 const {
   cls,

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

@@ -113,9 +113,7 @@ const slots = defineSlots<
     }) => any
 
     header?: () => any
-  } & Partial<{
-    [key: `column:${string}`]: (props: TableColumnSlotsScope) => any
-  }>
+  } & Partial<{ [key: `column:${string}`]: (props: TableColumnSlotsScope) => any }>
 >()
 
 const cls = bem('batch-edit')
@@ -126,15 +124,7 @@ const editCtx = useEdit({ props, emit, tableRef })
 
 const { state, handleClose, handleSave, handleDelete, handleCreate } = editCtx
 
-provide(BatchEditDIKey, {
-  cls,
-  props,
-  emit,
-  tableRef,
-  staticFeatures,
-  dynamicFeatures,
-  ...editCtx
-})
+provide(BatchEditDIKey, { cls, props, emit, tableRef, staticFeatures, dynamicFeatures, ...editCtx })
 
 const dialogCtx = inject(DialogDIKey, undefined)
 

package/src/components/breadcrumb/breadcrumb.vue

@@ -47,26 +47,17 @@ import type {
   ComponentSize
 } from '../../types'
 
-defineOptions({
-  name: 'Breadcrumb'
-})
+defineOptions({ name: 'Breadcrumb' })
 
-const props = withDefaults(defineProps<BreadcrumbProps>(), {
-  lastLinked: false
-})
+const props = withDefaults(defineProps<BreadcrumbProps>(), { lastLinked: false })
 
 const emit = defineEmits<BreadcrumbEmits>()
 
-defineSlots<{
-  item?: (scope: BreadcrumbSlotScope) => unknown
-  separator?: () => unknown
-}>()
+defineSlots<{ item?: (scope: BreadcrumbSlotScope) => unknown; separator?: () => unknown }>()
 
 const cls = bem('breadcrumb')
 
-const { size } = useFallbackProps([props], {
-  size: 'default' as ComponentSize
-})
+const { size } = useFallbackProps([props], { size: 'default' as ComponentSize })
 
 const isLast = (index: number) => index === props.items.length - 1
 

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

@@ -9,15 +9,11 @@ import { bem } from '@veltra/utils'
 
 import type { ButtonProps } from '../../types'
 
-defineOptions({
-  name: 'ButtonGroup'
-})
+defineOptions({ name: 'ButtonGroup' })
 
 const props = defineProps<ButtonProps>()
 
 const cls = bem('button-group')
 
-defineSlots<{
-  default: (props: { props: ButtonProps }) => any
-}>()
+defineSlots<{ default: (props: { props: ButtonProps }) => any }>()
 </script>

package/src/components/button/button.vue

@@ -36,9 +36,7 @@ import { computed, shallowRef } from 'vue'
 import type { ButtonEmits, ButtonProps, _ButtonExposed, ComponentSize } from '../../types'
 import { UIcon } from '../icon'
 
-defineOptions({
-  name: 'Button'
-})
+defineOptions({ name: 'Button' })
 
 const props = withDefaults(defineProps<ButtonProps>(), {
   iconPosition: 'left',
@@ -47,9 +45,7 @@ const props = withDefaults(defineProps<ButtonProps>(), {
   propagate: true
 })
 
-const { size } = useFallbackProps([props], {
-  size: 'default' as ComponentSize
-})
+const { size } = useFallbackProps([props], { size: 'default' as ComponentSize })
 
 const emit = defineEmits<ButtonEmits>()
 
@@ -89,9 +85,7 @@ const handleClick = (e: MouseEvent) => {
 
 const buttonRef = shallowRef<HTMLButtonElement>()
 
-const exposed: _ButtonExposed = {
-  el: buttonRef
-}
+const exposed: _ButtonExposed = { el: buttonRef }
 
 defineExpose(exposed)
 </script>

package/src/components/calendar/calendar.vue

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

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

@@ -15,9 +15,7 @@ defineOptions({ name: 'CardAction' })
 const props = defineProps<CardActionProps>()
 
 const style = computed<CSSProperties>(() => {
-  return {
-    textAlign: props.alignRight ? 'right' : undefined
-  }
+  return { textAlign: props.alignRight ? 'right' : undefined }
 })
 
 const injected = inject(CardDIKey)

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

@@ -15,12 +15,7 @@ defineOptions({ name: 'CardContent' })
 const props = defineProps<CardContentProps>()
 
 const style = computed<CSSProperties | undefined>(() => {
-  return props.cover
-    ? {
-        padding: 0,
-        fontSize: 0
-      }
-    : undefined
+  return props.cover ? { padding: 0, fontSize: 0 } : undefined
 })
 
 const injected = inject(CardDIKey)

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

@@ -29,8 +29,6 @@ if (!injected) {
 }
 
 const style = computed(() => {
-  return {
-    height: withUnit(props.height, 'px')
-  }
+  return { height: withUnit(props.height, 'px') }
 })
 </script>

package/src/components/card/card.vue

@@ -12,9 +12,7 @@ import { computed, provide } from 'vue'
 import type { CardProps } from '../../types'
 import { CardDIKey } from './di'
 
-defineOptions({
-  name: 'Card'
-})
+defineOptions({ name: 'Card' })
 
 const props = defineProps<CardProps>()
 
@@ -27,9 +25,7 @@ const classList = computed(() => {
 })
 
 const styles = computed(() => {
-  return {
-    width: withUnit(props.width, 'px')
-  }
+  return { width: withUnit(props.width, 'px') }
 })
 
 provide(CardDIKey, { cls, cardProps: props })

package/src/components/cascade/cascade-panel-item.vue

@@ -41,15 +41,9 @@ import { UIcon } from '../icon'
 import { UScroll } from '../scroll'
 import { CascadeDIKey } from './di'
 
-defineOptions({
-  name: 'UCascadePanelItem'
-})
+defineOptions({ name: 'UCascadePanelItem' })
 
-const props = defineProps<{
-  data: CascadeNode[]
-  value?: string
-  panelIndex: number
-}>()
+const props = defineProps<{ data: CascadeNode[]; value?: string; panelIndex: number }>()
 
 const emit = defineEmits<{
   (e: 'click', panelIndex: number, item: CascadeNode): void

package/src/components/cascade/cascade.vue

@@ -124,9 +124,7 @@ import { useCheck } from './use-check'
 import { useDataMap } from './use-data-map'
 import { useSelect } from './use-select'
 
-defineOptions({
-  name: 'Cascade'
-})
+defineOptions({ name: 'Cascade' })
 
 const props = withDefaults(defineProps<CascadeProps>(), {
   labelKey: 'label',
@@ -162,14 +160,7 @@ const forest = computed(() => {
     childrenKey: props.childrenKey,
     createNode: (data, index, depth, _forest, parent) => {
       if (!data) {
-        return new CascadeNode({
-          data,
-          index,
-          depth,
-          value: '',
-          label: '',
-          parent
-        })
+        return new CascadeNode({ data, index, depth, value: '', label: '', parent })
       }
 
       return new CascadeNode({
@@ -196,26 +187,10 @@ const {
   getPanelItemList,
   createPanelItem,
   selectedNodeKeys
-} = useSelect({
-  props,
-  emit,
-  dataMap,
-  forest,
-  isUserActive,
-  dropdownRef
-})
+} = useSelect({ props, emit, dataMap, forest, isUserActive, dropdownRef })
 
 const { hovered, tags, restTag, updateMultipleValue, handleCloseTag, checkItem, checkedSet } =
-  useCheck({
-    props,
-    forest,
-    getPanelItemList,
-    emit,
-    dataMap,
-    isUserActive,
-    disabled,
-    readonly
-  })
+  useCheck({ props, forest, getPanelItemList, emit, dataMap, isUserActive, disabled, readonly })
 
 const commitSingleSelect = userAction((item: CascadeNode) => {
   if (!props.strict) {
@@ -282,12 +257,5 @@ watch([qs, forest], ([qs, forest]) => {
   panelItemList.value = [createPanelItem(forest.roots)]
 })
 
-provide(CascadeDIKey, {
-  cls,
-  size,
-  disabled,
-  readonly,
-  cascadeProps: props,
-  checkedSet
-})
+provide(CascadeDIKey, { cls, size, disabled, readonly, cascadeProps: props, checkedSet })
 </script>

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

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

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

@@ -21,9 +21,7 @@ import { computed } from 'vue'
 import type { CheckboxButtonProps, CheckboxButtonEmits } from '../../types'
 import { UTag } from '../tag'
 
-defineOptions({
-  name: 'CheckboxButton'
-})
+defineOptions({ name: 'CheckboxButton' })
 
 const props = withDefaults(defineProps<CheckboxButtonProps>(), {
   disabled: undefined,
@@ -34,9 +32,7 @@ const props = withDefaults(defineProps<CheckboxButtonProps>(), {
 
 const emit = defineEmits<CheckboxButtonEmits>()
 
-const slot = defineSlots<{
-  default(): any
-}>()
+const slot = defineSlots<{ default(): any }>()
 
 const cls = bem('checkbox-button')
 

package/src/components/checkbox/checkbox.vue

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

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

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

package/src/components/code-editor/code-editor.vue

@@ -144,9 +144,7 @@ function buildExtensions(): Extension[] {
   return [
     basicSetup,
     tooltips({ parent: document.body }),
-    EditorView.theme({
-      '.cm-tooltip': { zIndex: zIndex() }
-    }),
+    EditorView.theme({ '.cm-tooltip': { zIndex: zIndex() } }),
     themeCompartment.of(props.dark ? oneDark : []),
     editableCompartment.of(EditorView.editable.of(!disabled.value)),
     readOnlyCompartment.of(EditorState.readOnly.of(readonly.value)),
@@ -218,22 +216,16 @@ watch(() => props.language, applyLanguage)
 watch(
   () => props.dark,
   (dark) => {
-    editor.value?.dispatch({
-      effects: themeCompartment.reconfigure(dark ? oneDark : [])
-    })
+    editor.value?.dispatch({ effects: themeCompartment.reconfigure(dark ? oneDark : []) })
   }
 )
 
 watch(disabled, (v) => {
-  editor.value?.dispatch({
-    effects: editableCompartment.reconfigure(EditorView.editable.of(!v))
-  })
+  editor.value?.dispatch({ effects: editableCompartment.reconfigure(EditorView.editable.of(!v)) })
 })
 
 watch(readonly, (v) => {
-  editor.value?.dispatch({
-    effects: readOnlyCompartment.reconfigure(EditorState.readOnly.of(v))
-  })
+  editor.value?.dispatch({ effects: readOnlyCompartment.reconfigure(EditorState.readOnly.of(v)) })
 })
 
 watch(() => props.defaultLines, syncPhantomLineNumbers)