@veltra/desktop 1.1.10 → 1.1.12

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

@@ -11,12 +11,12 @@ declare const __VLS_export: _$vue.DefineComponent<CascadeProps, {}, {}, {}, {},
   onClear?: (() => any) | undefined;
   onChange?: ((...args: [value?: string | undefined, label?: string | undefined, item?: Record<string, any> | undefined] | [value: string[], label: string[], data: Record<string, any>[]]) => any) | undefined;
 }>, {
+  data: Record<string, any>[];
   disabled: boolean;
   readonly: boolean;
   labelKey: string;
   valueKey: string;
   childrenKey: string;
-  data: Record<string, any>[];
   placeholder: string;
   clearable: boolean;
   filterable: boolean;

package/dist/components/collapse/collapse-item.js

@@ -28,7 +28,8 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
 		const classList = computed(() => [
 			cls.e("item"),
 			bem.is("active", isActive.value),
-			bem.is("disabled", props.disabled)
+			bem.is("disabled", props.disabled),
+			bem.is("bordered", context?.bordered.value)
 		]);
 		const headerClassList = computed(() => [
 			cls.e("header"),

package/dist/components/collapse/collapse-item.js.map

@@ -1 +1 @@
-{"version":3,"file":"collapse-item.js","names":[],"sources":["../../../src/components/collapse/collapse-item.vue"],"sourcesContent":["<template>\n  <div :class=\"classList\">\n    <div\n      :class=\"headerClassList\"\n      role=\"button\"\n      :aria-expanded=\"isActive\"\n      :aria-disabled=\"disabled\"\n      :tabindex=\"disabled ? -1 : 0\"\n      @click=\"handleClick\"\n      @keydown.enter.prevent=\"handleClick\"\n      @keydown.space.prevent=\"handleClick\"\n    >\n      <span :class=\"cls.e('title')\">\n        <slot name=\"title\">{{ title }}</slot>\n      </span>\n\n      <span :class=\"cls.e('icon')\">\n        <slot name=\"icon\" :is-active=\"isActive\">\n          <UIcon><component :is=\"iconComponent\" /></UIcon>\n        </slot>\n      </span>\n    </div>\n    <div ref=\"wrapperEl\" :class=\"cls.e('content-wrapper')\" :aria-hidden=\"!isActive\">\n      <div :class=\"cls.e('content')\">\n        <slot />\n      </div>\n    </div>\n  </div>\n</template>\n\n<script lang=\"ts\" setup>\nimport { ArrowRight } from '@veltra/icons/normal'\nimport { bem } from '@veltra/utils'\nimport { computed, inject, onBeforeUnmount, onMounted, ref, watch } from 'vue'\n\nimport type { CollapseItemProps } from '../../types'\nimport { UIcon } from '../icon'\nimport { CollapseDIKey } from './di'\n\ndefineOptions({\n  name: 'CollapseItem'\n})\n\nconst props = defineProps<CollapseItemProps>()\n\nconst context = inject(CollapseDIKey)!\n\nconst cls = context?.cls ?? bem('collapse')\n\nconst isActive = computed(() => !!context?.activeValues.value.includes(props.value))\n\nconst iconComponent = computed(() => context?.expandIcon.value ?? ArrowRight)\n\nconst classList = computed(() => [\n  cls.e('item'),\n  bem.is('active', isActive.value),\n  bem.is('disabled', props.disabled)\n])\n\nconst headerClassList = computed(() => [\n  cls.e('header'),\n  bem.is('disabled', props.disabled),\n  bem.is('active', isActive.value)\n])\n\nconst handleClick = () => {\n  if (props.disabled) return\n  context?.toggle(props.value)\n}\n\nconst wrapperEl = ref<HTMLElement>()\n\nconst { expandTransition } = context\n\nonMounted(() => {\n  context?.register(props.value)\n  if (!wrapperEl.value) return\n  expandTransition.setExpanded(wrapperEl.value, isActive.value)\n})\n\nwatch(isActive, (active) => {\n  if (!wrapperEl.value) return\n  active ? expandTransition.expand(wrapperEl.value) : expandTransition.collapse(wrapperEl.value)\n})\n\nonBeforeUnmount(() => {\n  context?.unregister(props.value)\n  if (!wrapperEl.value) return\n  expandTransition.cancel(wrapperEl.value)\n})\n</script>\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;EA2CA,MAAM,QAAQ;EAEd,MAAM,UAAU,OAAO,cAAc;EAErC,MAAM,MAAM,SAAS,OAAO,IAAI,WAAU;EAE1C,MAAM,WAAW,eAAe,CAAC,CAAC,SAAS,aAAa,MAAM,SAAS,MAAM,MAAM,CAAA;EAEnF,MAAM,gBAAgB,eAAe,SAAS,WAAW,SAAS,WAAU;EAE5E,MAAM,YAAY,eAAe;GAC/B,IAAI,EAAE,OAAO;GACb,IAAI,GAAG,UAAU,SAAS,MAAM;GAChC,IAAI,GAAG,YAAY,MAAM,SAAQ;GAClC,CAAA;EAED,MAAM,kBAAkB,eAAe;GACrC,IAAI,EAAE,SAAS;GACf,IAAI,GAAG,YAAY,MAAM,SAAS;GAClC,IAAI,GAAG,UAAU,SAAS,MAAK;GAChC,CAAA;EAED,MAAM,oBAAoB;AACxB,OAAI,MAAM,SAAU;AACpB,YAAS,OAAO,MAAM,MAAK;;EAG7B,MAAM,YAAY,KAAiB;EAEnC,MAAM,EAAE,qBAAqB;AAE7B,kBAAgB;AACd,YAAS,SAAS,MAAM,MAAK;AAC7B,OAAI,CAAC,UAAU,MAAO;AACtB,oBAAiB,YAAY,UAAU,OAAO,SAAS,MAAK;IAC7D;AAED,QAAM,WAAW,WAAW;AAC1B,OAAI,CAAC,UAAU,MAAO;AACtB,YAAS,iBAAiB,OAAO,UAAU,MAAM,GAAG,iBAAiB,SAAS,UAAU,MAAK;IAC9F;AAED,wBAAsB;AACpB,YAAS,WAAW,MAAM,MAAK;AAC/B,OAAI,CAAC,UAAU,MAAO;AACtB,oBAAiB,OAAO,UAAU,MAAK;IACxC;;uBAxFC,mBA0BM,OAAA,EA1BA,OAAK,eAAE,UAAA,MAAS,EAAA,EAAA,CACpB,mBAmBM,OAAA;IAlBH,OAAK,eAAE,gBAAA,MAAe;IACvB,MAAK;IACJ,iBAAe,SAAA;IACf,iBAAe,QAAA;IACf,UAAU,QAAA,WAAQ,KAAA;IAClB,SAAO;IACP,WAAO,CAAA,SAAA,cAAgB,aAAW,CAAA,UAAA,CAAA,EAAA,CAAA,QAAA,CAAA,EAAA,SAAA,cACX,aAAW,CAAA,UAAA,CAAA,EAAA,CAAA,QAAA,CAAA,CAAA;OAEnC,mBAEO,QAAA,EAFA,OAAK,eAAE,MAAA,IAAG,CAAC,EAAC,QAAA,CAAA,EAAA,EAAA,CACjB,WAAqC,KAAA,QAAA,SAAA,EAAA,QAAA,CAAA,gBAAA,gBAAf,QAAA,MAAK,EAAA,EAAA,CAAA,CAAA,CAAA,EAAA,EAAA,EAG7B,mBAIO,QAAA,EAJA,OAAK,eAAE,MAAA,IAAG,CAAC,EAAC,OAAA,CAAA,EAAA,EAAA,CACjB,WAEO,KAAA,QAAA,QAAA,EAFY,UAAW,SAAA,OAAQ,QAE/B,CADL,YAAgD,MAAA,YAAA,EAAA,MAAA;2BAAR,EAAA,WAAA,EAAjC,YAAiC,wBAAjB,cAAA,MAAa,CAAA,EAAA,CAAA;;gCAI1C,mBAIM,OAAA;aAJG;IAAJ,KAAI;IAAa,OAAK,eAAE,MAAA,IAAG,CAAC,EAAC,kBAAA,CAAA;IAAsB,eAAW,CAAG,SAAA;OACpE,mBAEM,OAAA,EAFA,OAAK,eAAE,MAAA,IAAG,CAAC,EAAC,UAAA,CAAA,EAAA,EAAA,CAChB,WAAQ,KAAA,QAAA,UAAA,CAAA,EAAA,EAAA,CAAA,EAAA,IAAA,WAAA,CAAA,EAAA,EAAA"}
+{"version":3,"file":"collapse-item.js","names":[],"sources":["../../../src/components/collapse/collapse-item.vue"],"sourcesContent":["<template>\n  <div :class=\"classList\">\n    <div\n      :class=\"headerClassList\"\n      role=\"button\"\n      :aria-expanded=\"isActive\"\n      :aria-disabled=\"disabled\"\n      :tabindex=\"disabled ? -1 : 0\"\n      @click=\"handleClick\"\n      @keydown.enter.prevent=\"handleClick\"\n      @keydown.space.prevent=\"handleClick\"\n    >\n      <span :class=\"cls.e('title')\">\n        <slot name=\"title\">{{ title }}</slot>\n      </span>\n\n      <span :class=\"cls.e('icon')\">\n        <slot name=\"icon\" :is-active=\"isActive\">\n          <UIcon><component :is=\"iconComponent\" /></UIcon>\n        </slot>\n      </span>\n    </div>\n    <div ref=\"wrapperEl\" :class=\"cls.e('content-wrapper')\" :aria-hidden=\"!isActive\">\n      <div :class=\"cls.e('content')\">\n        <slot />\n      </div>\n    </div>\n  </div>\n</template>\n\n<script lang=\"ts\" setup>\nimport { ArrowRight } from '@veltra/icons/normal'\nimport { bem } from '@veltra/utils'\nimport { computed, inject, onBeforeUnmount, onMounted, ref, watch } from 'vue'\n\nimport type { CollapseItemProps } from '../../types'\nimport { UIcon } from '../icon'\nimport { CollapseDIKey } from './di'\n\ndefineOptions({\n  name: 'CollapseItem'\n})\n\nconst props = defineProps<CollapseItemProps>()\n\nconst context = inject(CollapseDIKey)!\n\nconst cls = context?.cls ?? bem('collapse')\n\nconst isActive = computed(() => !!context?.activeValues.value.includes(props.value))\n\nconst iconComponent = computed(() => context?.expandIcon.value ?? ArrowRight)\n\nconst classList = computed(() => [\n  cls.e('item'),\n  bem.is('active', isActive.value),\n  bem.is('disabled', props.disabled),\n  bem.is('bordered', context?.bordered.value)\n])\n\nconst headerClassList = computed(() => [\n  cls.e('header'),\n  bem.is('disabled', props.disabled),\n  bem.is('active', isActive.value)\n])\n\nconst handleClick = () => {\n  if (props.disabled) return\n  context?.toggle(props.value)\n}\n\nconst wrapperEl = ref<HTMLElement>()\n\nconst { expandTransition } = context\n\nonMounted(() => {\n  context?.register(props.value)\n  if (!wrapperEl.value) return\n  expandTransition.setExpanded(wrapperEl.value, isActive.value)\n})\n\nwatch(isActive, (active) => {\n  if (!wrapperEl.value) return\n  active ? expandTransition.expand(wrapperEl.value) : expandTransition.collapse(wrapperEl.value)\n})\n\nonBeforeUnmount(() => {\n  context?.unregister(props.value)\n  if (!wrapperEl.value) return\n  expandTransition.cancel(wrapperEl.value)\n})\n</script>\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;EA2CA,MAAM,QAAQ;EAEd,MAAM,UAAU,OAAO,cAAc;EAErC,MAAM,MAAM,SAAS,OAAO,IAAI,WAAU;EAE1C,MAAM,WAAW,eAAe,CAAC,CAAC,SAAS,aAAa,MAAM,SAAS,MAAM,MAAM,CAAA;EAEnF,MAAM,gBAAgB,eAAe,SAAS,WAAW,SAAS,WAAU;EAE5E,MAAM,YAAY,eAAe;GAC/B,IAAI,EAAE,OAAO;GACb,IAAI,GAAG,UAAU,SAAS,MAAM;GAChC,IAAI,GAAG,YAAY,MAAM,SAAS;GAClC,IAAI,GAAG,YAAY,SAAS,SAAS,MAAK;GAC3C,CAAA;EAED,MAAM,kBAAkB,eAAe;GACrC,IAAI,EAAE,SAAS;GACf,IAAI,GAAG,YAAY,MAAM,SAAS;GAClC,IAAI,GAAG,UAAU,SAAS,MAAK;GAChC,CAAA;EAED,MAAM,oBAAoB;AACxB,OAAI,MAAM,SAAU;AACpB,YAAS,OAAO,MAAM,MAAK;;EAG7B,MAAM,YAAY,KAAiB;EAEnC,MAAM,EAAE,qBAAqB;AAE7B,kBAAgB;AACd,YAAS,SAAS,MAAM,MAAK;AAC7B,OAAI,CAAC,UAAU,MAAO;AACtB,oBAAiB,YAAY,UAAU,OAAO,SAAS,MAAK;IAC7D;AAED,QAAM,WAAW,WAAW;AAC1B,OAAI,CAAC,UAAU,MAAO;AACtB,YAAS,iBAAiB,OAAO,UAAU,MAAM,GAAG,iBAAiB,SAAS,UAAU,MAAK;IAC9F;AAED,wBAAsB;AACpB,YAAS,WAAW,MAAM,MAAK;AAC/B,OAAI,CAAC,UAAU,MAAO;AACtB,oBAAiB,OAAO,UAAU,MAAK;IACxC;;uBAzFC,mBA0BM,OAAA,EA1BA,OAAK,eAAE,UAAA,MAAS,EAAA,EAAA,CACpB,mBAmBM,OAAA;IAlBH,OAAK,eAAE,gBAAA,MAAe;IACvB,MAAK;IACJ,iBAAe,SAAA;IACf,iBAAe,QAAA;IACf,UAAU,QAAA,WAAQ,KAAA;IAClB,SAAO;IACP,WAAO,CAAA,SAAA,cAAgB,aAAW,CAAA,UAAA,CAAA,EAAA,CAAA,QAAA,CAAA,EAAA,SAAA,cACX,aAAW,CAAA,UAAA,CAAA,EAAA,CAAA,QAAA,CAAA,CAAA;OAEnC,mBAEO,QAAA,EAFA,OAAK,eAAE,MAAA,IAAG,CAAC,EAAC,QAAA,CAAA,EAAA,EAAA,CACjB,WAAqC,KAAA,QAAA,SAAA,EAAA,QAAA,CAAA,gBAAA,gBAAf,QAAA,MAAK,EAAA,EAAA,CAAA,CAAA,CAAA,EAAA,EAAA,EAG7B,mBAIO,QAAA,EAJA,OAAK,eAAE,MAAA,IAAG,CAAC,EAAC,OAAA,CAAA,EAAA,EAAA,CACjB,WAEO,KAAA,QAAA,QAAA,EAFY,UAAW,SAAA,OAAQ,QAE/B,CADL,YAAgD,MAAA,YAAA,EAAA,MAAA;2BAAR,EAAA,WAAA,EAAjC,YAAiC,wBAAjB,cAAA,MAAa,CAAA,EAAA,CAAA;;gCAI1C,mBAIM,OAAA;aAJG;IAAJ,KAAI;IAAa,OAAK,eAAE,MAAA,IAAG,CAAC,EAAC,kBAAA,CAAA;IAAsB,eAAW,CAAG,SAAA;OACpE,mBAEM,OAAA,EAFA,OAAK,eAAE,MAAA,IAAG,CAAC,EAAC,UAAA,CAAA,EAAA,EAAA,CAChB,WAAQ,KAAA,QAAA,UAAA,CAAA,EAAA,EAAA,CAAA,EAAA,IAAA,WAAA,CAAA,EAAA,EAAA"}

package/dist/components/collapse/collapse.js

@@ -16,6 +16,10 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
 			type: Boolean,
 			default: false
 		},
+		bordered: {
+			type: Boolean,
+			default: false
+		},
 		expandIcon: {},
 		size: {}
 	},
@@ -27,7 +31,12 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
 		const expandTransition = new ExpandTransition({ transition: "height 0.24s cubic-bezier(0.4, 0, 0.2, 1)" });
 		const { size } = useFormFallbackProps([props], { size: "default" });
 		const expandIcon = computed(() => props.expandIcon);
-		const classList = computed(() => [cls.b, cls.m(size.value)]);
+		const bordered = computed(() => props.bordered);
+		const classList = computed(() => [
+			cls.b,
+			cls.m(size.value),
+			bem.is("bordered", bordered.value)
+		]);
 		const modelValue = useModel$1({
 			props,
 			emit,
@@ -73,6 +82,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
 		provide(CollapseDIKey, {
 			cls,
 			size,
+			bordered,
 			expandIcon,
 			activeValues,
 			toggle,

package/dist/components/collapse/collapse.js.map

@@ -1 +1 @@
-{"version":3,"file":"collapse.js","names":[],"sources":["../../../src/components/collapse/collapse.vue"],"sourcesContent":["<template>\n  <div :class=\"classList\" role=\"region\">\n    <slot />\n  </div>\n</template>\n\n<script lang=\"ts\" setup>\nimport { useFormFallbackProps, useModel } from '@veltra/compositions'\nimport { bem, ExpandTransition } from '@veltra/utils'\nimport { computed, provide, ref } from 'vue'\n\nimport type { CollapseEmits, CollapseModelValue, CollapseProps, CollapseValue } from '../../types'\nimport { CollapseDIKey } from './di'\n\ndefineOptions({\n  name: 'Collapse'\n})\n\nconst props = withDefaults(defineProps<CollapseProps>(), {\n  accordion: false,\n  defaultCollapseAll: false\n})\nconst emit = defineEmits<CollapseEmits>()\n\nconst cls = bem('collapse')\n\nconst expandTransition = new ExpandTransition({\n  transition: 'height 0.24s cubic-bezier(0.4, 0, 0.2, 1)'\n})\n\nconst { size } = useFormFallbackProps([props], { size: 'default' })\n\nconst expandIcon = computed(() => props.expandIcon)\n\nconst classList = computed(() => [cls.b, cls.m(size.value)])\n\nconst modelValue = useModel<CollapseProps, 'modelValue'>({\n  props,\n  emit,\n  propName: 'modelValue'\n})\n\nconst activeValues = computed<CollapseValue[]>(() => {\n  const v = modelValue.value\n  if (v === undefined || v === null) return []\n  return Array.isArray(v) ? v : [v]\n})\n\nconst update = (next: CollapseModelValue) => {\n  modelValue.value = next\n  emit('change', next)\n}\n\nconst toggle = (value: CollapseValue) => {\n  if (props.accordion) {\n    update(activeValues.value[0] === value ? [] : value)\n    return\n  }\n\n  const values = activeValues.value.slice()\n  const index = values.indexOf(value)\n  if (index > -1) values.splice(index, 1)\n  else values.push(value)\n  update(values)\n}\n\n// 收集子组件已注册的 values\nconst registeredValues = ref<CollapseValue[]>([])\n\n// 初始捕获 modelValue 是否具有有效初值\nconst hasInitialValue =\n  modelValue.value !== undefined &&\n  modelValue.value !== null &&\n  (!Array.isArray(modelValue.value) || modelValue.value.length > 0)\n\nconst register = (value: CollapseValue) => {\n  if (!registeredValues.value.includes(value)) {\n    registeredValues.value.push(value)\n\n    // 若默认展开全部（defaultCollapseAll 为 false）且外部未指定初始值，则自动展开该子项\n    if (!props.defaultCollapseAll && !hasInitialValue) {\n      if (props.accordion) {\n        if (registeredValues.value.length === 1) {\n          update(value)\n        }\n      } else {\n        const current = Array.isArray(modelValue.value)\n          ? modelValue.value\n          : modelValue.value !== undefined && modelValue.value !== null\n            ? [modelValue.value]\n            : []\n        if (!current.includes(value)) {\n          update([...current, value])\n        }\n      }\n    }\n  }\n}\n\nconst unregister = (value: CollapseValue) => {\n  const idx = registeredValues.value.indexOf(value)\n  if (idx > -1) {\n    registeredValues.value.splice(idx, 1)\n  }\n}\n\nprovide(CollapseDIKey, {\n  cls,\n  size,\n  expandIcon,\n  activeValues,\n  toggle,\n  expandTransition,\n  register,\n  unregister\n})\n</script>\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;EAkBA,MAAM,QAAQ;EAId,MAAM,OAAO;EAEb,MAAM,MAAM,IAAI,WAAU;EAE1B,MAAM,mBAAmB,IAAI,iBAAiB,EAC5C,YAAY,6CACb,CAAA;EAED,MAAM,EAAE,SAAS,qBAAqB,CAAC,MAAM,EAAE,EAAE,MAAM,WAAW,CAAA;EAElE,MAAM,aAAa,eAAe,MAAM,WAAU;EAElD,MAAM,YAAY,eAAe,CAAC,IAAI,GAAG,IAAI,EAAE,KAAK,MAAM,CAAC,CAAA;EAE3D,MAAM,aAAa,WAAsC;GACvD;GACA;GACA,UAAU;GACX,CAAA;EAED,MAAM,eAAe,eAAgC;GACnD,MAAM,IAAI,WAAW;AACrB,OAAI,MAAM,KAAA,KAAa,MAAM,KAAM,QAAO,EAAC;AAC3C,UAAO,MAAM,QAAQ,EAAE,GAAG,IAAI,CAAC,EAAC;IACjC;EAED,MAAM,UAAU,SAA6B;AAC3C,cAAW,QAAQ;AACnB,QAAK,UAAU,KAAI;;EAGrB,MAAM,UAAU,UAAyB;AACvC,OAAI,MAAM,WAAW;AACnB,WAAO,aAAa,MAAM,OAAO,QAAQ,EAAE,GAAG,MAAK;AACnD;;GAGF,MAAM,SAAS,aAAa,MAAM,OAAM;GACxC,MAAM,QAAQ,OAAO,QAAQ,MAAK;AAClC,OAAI,QAAQ,GAAI,QAAO,OAAO,OAAO,EAAC;OACjC,QAAO,KAAK,MAAK;AACtB,UAAO,OAAM;;EAIf,MAAM,mBAAmB,IAAqB,EAAE,CAAA;EAGhD,MAAM,kBACJ,WAAW,UAAU,KAAA,KACrB,WAAW,UAAU,SACpB,CAAC,MAAM,QAAQ,WAAW,MAAM,IAAI,WAAW,MAAM,SAAS;EAEjE,MAAM,YAAY,UAAyB;AACzC,OAAI,CAAC,iBAAiB,MAAM,SAAS,MAAM,EAAE;AAC3C,qBAAiB,MAAM,KAAK,MAAK;AAGjC,QAAI,CAAC,MAAM,sBAAsB,CAAC,gBAChC,KAAI,MAAM;SACJ,iBAAiB,MAAM,WAAW,EACpC,QAAO,MAAK;WAET;KACL,MAAM,UAAU,MAAM,QAAQ,WAAW,MAAK,GAC1C,WAAW,QACX,WAAW,UAAU,KAAA,KAAa,WAAW,UAAU,OACrD,CAAC,WAAW,MAAK,GACjB,EAAC;AACP,SAAI,CAAC,QAAQ,SAAS,MAAM,CAC1B,QAAO,CAAC,GAAG,SAAS,MAAM,CAAA;;;;EAOpC,MAAM,cAAc,UAAyB;GAC3C,MAAM,MAAM,iBAAiB,MAAM,QAAQ,MAAK;AAChD,OAAI,MAAM,GACR,kBAAiB,MAAM,OAAO,KAAK,EAAC;;AAIxC,UAAQ,eAAe;GACrB;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACD,CAAA;;uBAlHC,mBAEM,OAAA;IAFA,OAAK,eAAE,UAAA,MAAS;IAAE,MAAK;OAC3B,WAAQ,KAAA,QAAA,UAAA,CAAA,EAAA,EAAA"}
+{"version":3,"file":"collapse.js","names":[],"sources":["../../../src/components/collapse/collapse.vue"],"sourcesContent":["<template>\n  <div :class=\"classList\" role=\"region\">\n    <slot />\n  </div>\n</template>\n\n<script lang=\"ts\" setup>\nimport { useFormFallbackProps, useModel } from '@veltra/compositions'\nimport { bem, ExpandTransition } from '@veltra/utils'\nimport { computed, provide, ref } from 'vue'\n\nimport type { CollapseEmits, CollapseModelValue, CollapseProps, CollapseValue } from '../../types'\nimport { CollapseDIKey } from './di'\n\ndefineOptions({\n  name: 'Collapse'\n})\n\nconst props = withDefaults(defineProps<CollapseProps>(), {\n  accordion: false,\n  defaultCollapseAll: false,\n  bordered: false\n})\nconst emit = defineEmits<CollapseEmits>()\n\nconst cls = bem('collapse')\n\nconst expandTransition = new ExpandTransition({\n  transition: 'height 0.24s cubic-bezier(0.4, 0, 0.2, 1)'\n})\n\nconst { size } = useFormFallbackProps([props], { size: 'default' })\n\nconst expandIcon = computed(() => props.expandIcon)\n\nconst bordered = computed(() => props.bordered)\n\nconst classList = computed(() => [cls.b, cls.m(size.value), bem.is('bordered', bordered.value)])\n\nconst modelValue = useModel<CollapseProps, 'modelValue'>({\n  props,\n  emit,\n  propName: 'modelValue'\n})\n\nconst activeValues = computed<CollapseValue[]>(() => {\n  const v = modelValue.value\n  if (v === undefined || v === null) return []\n  return Array.isArray(v) ? v : [v]\n})\n\nconst update = (next: CollapseModelValue) => {\n  modelValue.value = next\n  emit('change', next)\n}\n\nconst toggle = (value: CollapseValue) => {\n  if (props.accordion) {\n    update(activeValues.value[0] === value ? [] : value)\n    return\n  }\n\n  const values = activeValues.value.slice()\n  const index = values.indexOf(value)\n  if (index > -1) values.splice(index, 1)\n  else values.push(value)\n  update(values)\n}\n\n// 收集子组件已注册的 values\nconst registeredValues = ref<CollapseValue[]>([])\n\n// 初始捕获 modelValue 是否具有有效初值\nconst hasInitialValue =\n  modelValue.value !== undefined &&\n  modelValue.value !== null &&\n  (!Array.isArray(modelValue.value) || modelValue.value.length > 0)\n\nconst register = (value: CollapseValue) => {\n  if (!registeredValues.value.includes(value)) {\n    registeredValues.value.push(value)\n\n    // 若默认展开全部（defaultCollapseAll 为 false）且外部未指定初始值，则自动展开该子项\n    if (!props.defaultCollapseAll && !hasInitialValue) {\n      if (props.accordion) {\n        if (registeredValues.value.length === 1) {\n          update(value)\n        }\n      } else {\n        const current = Array.isArray(modelValue.value)\n          ? modelValue.value\n          : modelValue.value !== undefined && modelValue.value !== null\n            ? [modelValue.value]\n            : []\n        if (!current.includes(value)) {\n          update([...current, value])\n        }\n      }\n    }\n  }\n}\n\nconst unregister = (value: CollapseValue) => {\n  const idx = registeredValues.value.indexOf(value)\n  if (idx > -1) {\n    registeredValues.value.splice(idx, 1)\n  }\n}\n\nprovide(CollapseDIKey, {\n  cls,\n  size,\n  bordered,\n  expandIcon,\n  activeValues,\n  toggle,\n  expandTransition,\n  register,\n  unregister\n})\n</script>\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;EAkBA,MAAM,QAAQ;EAKd,MAAM,OAAO;EAEb,MAAM,MAAM,IAAI,WAAU;EAE1B,MAAM,mBAAmB,IAAI,iBAAiB,EAC5C,YAAY,6CACb,CAAA;EAED,MAAM,EAAE,SAAS,qBAAqB,CAAC,MAAM,EAAE,EAAE,MAAM,WAAW,CAAA;EAElE,MAAM,aAAa,eAAe,MAAM,WAAU;EAElD,MAAM,WAAW,eAAe,MAAM,SAAQ;EAE9C,MAAM,YAAY,eAAe;GAAC,IAAI;GAAG,IAAI,EAAE,KAAK,MAAM;GAAE,IAAI,GAAG,YAAY,SAAS,MAAM;GAAC,CAAA;EAE/F,MAAM,aAAa,WAAsC;GACvD;GACA;GACA,UAAU;GACX,CAAA;EAED,MAAM,eAAe,eAAgC;GACnD,MAAM,IAAI,WAAW;AACrB,OAAI,MAAM,KAAA,KAAa,MAAM,KAAM,QAAO,EAAC;AAC3C,UAAO,MAAM,QAAQ,EAAE,GAAG,IAAI,CAAC,EAAC;IACjC;EAED,MAAM,UAAU,SAA6B;AAC3C,cAAW,QAAQ;AACnB,QAAK,UAAU,KAAI;;EAGrB,MAAM,UAAU,UAAyB;AACvC,OAAI,MAAM,WAAW;AACnB,WAAO,aAAa,MAAM,OAAO,QAAQ,EAAE,GAAG,MAAK;AACnD;;GAGF,MAAM,SAAS,aAAa,MAAM,OAAM;GACxC,MAAM,QAAQ,OAAO,QAAQ,MAAK;AAClC,OAAI,QAAQ,GAAI,QAAO,OAAO,OAAO,EAAC;OACjC,QAAO,KAAK,MAAK;AACtB,UAAO,OAAM;;EAIf,MAAM,mBAAmB,IAAqB,EAAE,CAAA;EAGhD,MAAM,kBACJ,WAAW,UAAU,KAAA,KACrB,WAAW,UAAU,SACpB,CAAC,MAAM,QAAQ,WAAW,MAAM,IAAI,WAAW,MAAM,SAAS;EAEjE,MAAM,YAAY,UAAyB;AACzC,OAAI,CAAC,iBAAiB,MAAM,SAAS,MAAM,EAAE;AAC3C,qBAAiB,MAAM,KAAK,MAAK;AAGjC,QAAI,CAAC,MAAM,sBAAsB,CAAC,gBAChC,KAAI,MAAM;SACJ,iBAAiB,MAAM,WAAW,EACpC,QAAO,MAAK;WAET;KACL,MAAM,UAAU,MAAM,QAAQ,WAAW,MAAK,GAC1C,WAAW,QACX,WAAW,UAAU,KAAA,KAAa,WAAW,UAAU,OACrD,CAAC,WAAW,MAAK,GACjB,EAAC;AACP,SAAI,CAAC,QAAQ,SAAS,MAAM,CAC1B,QAAO,CAAC,GAAG,SAAS,MAAM,CAAA;;;;EAOpC,MAAM,cAAc,UAAyB;GAC3C,MAAM,MAAM,iBAAiB,MAAM,QAAQ,MAAK;AAChD,OAAI,MAAM,GACR,kBAAiB,MAAM,OAAO,KAAK,EAAC;;AAIxC,UAAQ,eAAe;GACrB;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACD,CAAA;;uBAtHC,mBAEM,OAAA;IAFA,OAAK,eAAE,UAAA,MAAS;IAAE,MAAK;OAC3B,WAAQ,KAAA,QAAA,UAAA,CAAA,EAAA,EAAA"}

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

@@ -13,6 +13,7 @@ declare const __VLS_base: _$vue.DefineComponent<CollapseProps, {}, {}, {}, {}, _
   "onUpdate:modelValue"?: ((value: CollapseModelValue) => any) | undefined;
   onChange?: ((value: CollapseModelValue) => any) | undefined;
 }>, {
+  bordered: boolean;
   accordion: boolean;
   defaultCollapseAll: boolean;
 }, {}, {}, {}, string, _$vue.ComponentProvideOptions, false, {}, any>;

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

@@ -1 +1 @@
-{"version":3,"file":"di.js","names":[],"sources":["../../../src/components/collapse/di.ts"],"sourcesContent":["import { type BEM, type ComponentSize, ExpandTransition } from '@veltra/utils'\nimport type { Component, ComputedRef, InjectionKey } from 'vue'\n\nimport type { CollapseValue } from '../../types'\n\nexport interface CollapseContext {\n  cls: BEM<'collapse'>\n  size: ComputedRef<ComponentSize>\n  expandIcon: ComputedRef<Component | undefined>\n  activeValues: ComputedRef<CollapseValue[]>\n  toggle: (value: CollapseValue) => void\n  expandTransition: ExpandTransition\n  register: (value: CollapseValue) => void\n  unregister: (value: CollapseValue) => void\n}\n\nexport const CollapseDIKey: InjectionKey<CollapseContext> = Symbol('Collapse')\n"],"mappings":";;AAgBA,MAAa,gBAA+C,OAAO,WAAW"}
+{"version":3,"file":"di.js","names":[],"sources":["../../../src/components/collapse/di.ts"],"sourcesContent":["import { type BEM, type ComponentSize, ExpandTransition } from '@veltra/utils'\nimport type { Component, ComputedRef, InjectionKey } from 'vue'\n\nimport type { CollapseValue } from '../../types'\n\nexport interface CollapseContext {\n  cls: BEM<'collapse'>\n  size: ComputedRef<ComponentSize>\n  bordered: ComputedRef<boolean>\n  expandIcon: ComputedRef<Component | undefined>\n  activeValues: ComputedRef<CollapseValue[]>\n  toggle: (value: CollapseValue) => void\n  expandTransition: ExpandTransition\n  register: (value: CollapseValue) => void\n  unregister: (value: CollapseValue) => void\n}\n\nexport const CollapseDIKey: InjectionKey<CollapseContext> = Symbol('Collapse')\n"],"mappings":";;AAiBA,MAAa,gBAA+C,OAAO,WAAW"}

package/dist/components/collapse/style2.css

@@ -46,7 +46,7 @@
   cursor: pointer;
   font-weight: 500;
   letter-spacing: 0.01em;
-  color: var(--u-text-color-title);
+  color: var(--u-collapse-title-color, var(--u-text-color-main));
   user-select: none;
   outline: none;
   transition: color 0.18s cubic-bezier(0.4, 0, 0.2, 1), background-color 0.18s cubic-bezier(0.4, 0, 0.2, 1);
@@ -94,7 +94,7 @@
 }
 .u-collapse--small .u-collapse__header {
   padding: calc(var(--u-gap-small) - 2px) var(--u-gap-small);
-  font-size: var(--u-font-size-title-small);
+  font-size: var(--u-font-size-main-small);
 }
 .u-collapse--small .u-collapse__content {
   font-size: var(--u-font-size-main-small);
@@ -111,7 +111,7 @@
 }
 .u-collapse--default .u-collapse__header {
   padding: calc(var(--u-gap-default) - 2px) var(--u-gap-default);
-  font-size: var(--u-font-size-title-default);
+  font-size: var(--u-font-size-main-default);
 }
 .u-collapse--default .u-collapse__content {
   font-size: var(--u-font-size-main-default);
@@ -128,7 +128,7 @@
 }
 .u-collapse--large .u-collapse__header {
   padding: calc(var(--u-gap-large) - 2px) var(--u-gap-large);
-  font-size: var(--u-font-size-title-large);
+  font-size: var(--u-font-size-main-large);
 }
 .u-collapse--large .u-collapse__content {
   font-size: var(--u-font-size-main-large);
@@ -140,3 +140,16 @@
 .u-collapse--large .u-collapse__item + .u-collapse__item {
   margin-top: var(--u-gap-large);
 }
+.u-collapse.is-bordered .u-collapse__item {
+  background-color: transparent;
+  border: 1px solid var(--u-border-color);
+}
+.u-collapse.is-bordered .u-collapse__item:hover, .u-collapse.is-bordered .u-collapse__item.is-active {
+  background-color: transparent;
+}
+.u-collapse.is-bordered .u-collapse__header {
+  border-radius: 0;
+}
+.u-collapse.is-bordered .u-collapse__header.is-active {
+  border-bottom: 1px solid var(--u-border-color);
+}

package/dist/components/file-viewer/file-viewer.vue.d.ts

@@ -14,19 +14,19 @@ declare const __VLS_export: _$vue.DefineComponent<__VLS_PublicProps, _FileViewer
 } & {
   "update:modelValue": (id: string) => any;
   change: (file: FileViewerItem) => any;
-  "update:open": (value: boolean) => any;
   error: (err: {
     file: FileViewerItem;
     error: unknown;
   }) => any;
+  "update:open": (value: boolean) => any;
 }, string, _$vue.PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
   "onUpdate:modelValue"?: ((id: string) => any) | undefined;
   onChange?: ((file: FileViewerItem) => any) | undefined;
-  "onUpdate:open"?: ((value: boolean) => any) | undefined;
   onError?: ((err: {
     file: FileViewerItem;
     error: unknown;
   }) => any) | undefined;
+  "onUpdate:open"?: ((value: boolean) => any) | undefined;
 }>, {
   modelValue: string;
   open: boolean;

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

@@ -30,9 +30,9 @@ declare const __VLS_base: _$vue.DefineComponent<__VLS_PublicProps, {}, {}, {}, {
 }>, {
   disabled: boolean;
   readonly: boolean;
+  minWidth: string;
   labelKey: string;
   valueKey: string;
-  minWidth: string;
   placeholder: string;
   clearable: boolean;
   visibilityLimit: number;

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

@@ -24,10 +24,10 @@ declare const __VLS_base: _$vue.DefineComponent<__VLS_PublicProps, {}, {}, {}, {
 }>, {
   disabled: boolean;
   readonly: boolean;
+  minWidth: string;
   expandAll: boolean;
   labelKey: string;
   valueKey: string;
-  minWidth: string;
   placeholder: string;
   clearable: boolean;
   filterable: boolean;

package/dist/components/number-range-input/number-range-input.vue.d.ts

@@ -27,9 +27,9 @@ declare const __VLS_export: _$vue.DefineComponent<__VLS_PublicProps, {}, {}, {},
   disabled: boolean;
   readonly: boolean;
   clearable: boolean;
-  separator: string;
   startPlaceholder: string;
   endPlaceholder: string;
+  separator: string;
 }, {}, {}, {}, string, _$vue.ComponentProvideOptions, false, {}, any>;
 declare const _default: typeof __VLS_export;
 //#endregion

package/dist/components/pop-confirm/pop-confirm.vue.d.ts

@@ -14,8 +14,8 @@ declare const __VLS_base: _$vue.DefineComponent<PopConfirmProps, {}, {}, {}, {},
   onConfirm?: (() => any) | undefined;
   onCancel?: (() => any) | undefined;
 }>, {
-  direction: TipDirection;
   trigger: "hover" | "click";
+  direction: TipDirection;
   icon: _$vue.Component;
   iconColor: string;
   confirmText: string;

package/dist/components/tabs/tabs-horizontal.vue.d.ts

@@ -24,9 +24,9 @@ declare const __VLS_base: _$vue.DefineComponent<__VLS_PublicProps, {}, {}, {}, {
   onClick?: ((item: TabItem, index: number) => any) | undefined;
 }>, {
   closable: boolean;
+  block: boolean;
   rounded: boolean;
   position: "top" | "bottom";
-  block: boolean;
 }, {}, {}, {}, 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/tabs/tabs.js

@@ -1,7 +1,7 @@
 import _sfc_main$1 from "../scroll/scroll.js";
 import _sfc_main$2 from "./tabs-horizontal.js";
 import _sfc_main$3 from "./tabs-vertical.js";
-import { KeepAlive, Transition, computed, createBlock, createCommentVNode, createElementBlock, createVNode, defineComponent, mergeModels, normalizeClass, openBlock, resolveDynamicComponent, unref, useModel, useSlots, withCtx } from "vue";
+import { KeepAlive, Transition, computed, createBlock, createElementBlock, createVNode, defineComponent, mergeModels, normalizeClass, openBlock, resolveDynamicComponent, unref, useModel, useSlots, withCtx } from "vue";
 import { useFallbackProps } from "@veltra/compositions";
 import { bem } from "@veltra/utils";
 //#region src/components/tabs/tabs.vue
@@ -49,15 +49,13 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
 		/** 避免模板中使用类型断言：收敛 position 到水平 / 垂直子组件所需的子集。 */
 		const horizontalPosition = computed(() => props.position === "bottom" ? "bottom" : "top");
 		const verticalPosition = computed(() => props.position === "right" ? "right" : "left");
-		/** 是否存在任一内容面板插槽；没有则不渲染内容区域。 */
-		const hasContentSlots = computed(() => Object.keys(slots).length > 0);
 		const onClick = (item, index) => emit("click", item, index);
 		const onClose = (item, index) => emit("close", item, index);
-		const renderContent = () => {
+		const renderSlots = () => {
 			const key = model.value;
 			if (!key) return null;
 			const nodes = slots[key]?.({ key });
-			if (Array.isArray(nodes)) return createVNode(_sfc_main$1, null, { default: () => nodes });
+			if (Array.isArray(nodes)) return createVNode(_sfc_main$1, { class: cls.e("content") }, { default: () => nodes });
 			return nodes;
 		};
 		return (_ctx, _cache) => {
@@ -99,16 +97,13 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
 				"size",
 				"closable",
 				"rounded"
-			])), hasContentSlots.value ? (openBlock(), createElementBlock("div", {
-				key: 2,
-				class: normalizeClass(unref(cls).e("content"))
-			}, [createVNode(Transition, {
+			])), createVNode(Transition, {
 				name: "fade",
 				mode: "out-in"
 			}, {
-				default: withCtx(() => [__props.keepAlive ? (openBlock(), createBlock(KeepAlive, { key: 0 }, [(openBlock(), createBlock(resolveDynamicComponent(renderContent()), { key: model.value }))], 1024)) : (openBlock(), createBlock(resolveDynamicComponent(renderContent()), { key: model.value }))]),
+				default: withCtx(() => [__props.keepAlive ? (openBlock(), createBlock(KeepAlive, { key: 0 }, [(openBlock(), createBlock(resolveDynamicComponent(renderSlots()), { key: model.value }))], 1024)) : (openBlock(), createBlock(resolveDynamicComponent(renderSlots()), { key: model.value }))]),
 				_: 1
-			})], 2)) : createCommentVNode("v-if", true)], 2);
+			})], 2);
 		};
 	}
 });

package/dist/components/tabs/tabs.js.map

@@ -1 +1 @@
-{"version":3,"file":"tabs.js","names":[],"sources":["../../../src/components/tabs/tabs.vue"],"sourcesContent":["<template>\n  <div :class=\"[cls.b, cls.m(position!)]\">\n    <u-tabs-horizontal\n      v-if=\"isHorizontal\"\n      v-model=\"model\"\n      :items=\"items\"\n      :position=\"horizontalPosition\"\n      :size=\"size\"\n      :closable=\"closable\"\n      :block=\"block\"\n      :rounded=\"rounded\"\n      @click=\"onClick\"\n      @close=\"onClose\"\n    />\n    <u-tabs-vertical\n      v-else\n      v-model=\"model\"\n      :items=\"items\"\n      :position=\"verticalPosition\"\n      :size=\"size\"\n      :closable=\"closable\"\n      :rounded=\"rounded\"\n      @click=\"onClick\"\n      @close=\"onClose\"\n    />\n\n    <div v-if=\"hasContentSlots\" :class=\"cls.e('content')\">\n      <transition name=\"fade\" mode=\"out-in\">\n        <keep-alive v-if=\"keepAlive\">\n          <component :key=\"model\" :is=\"renderContent()\" />\n        </keep-alive>\n        <component v-else :key=\"model\" :is=\"renderContent()\" />\n      </transition>\n    </div>\n  </div>\n</template>\n\n<script lang=\"ts\" setup>\nimport { useFallbackProps } from '@veltra/compositions'\nimport { bem } from '@veltra/utils'\nimport { computed, createVNode, useSlots } from 'vue'\n\nimport type { ComponentSize, TabItem, TabsEmits, TabsProps } from '../../types'\nimport { UScroll } from '../scroll'\nimport UTabsHorizontal from './tabs-horizontal.vue'\nimport UTabsVertical from './tabs-vertical.vue'\n\ndefineOptions({ name: 'Tabs' })\n\nconst props = withDefaults(defineProps<TabsProps>(), {\n  position: 'top',\n  closable: false,\n  block: false,\n  rounded: false,\n  keepAlive: false\n})\n\nconst emit = defineEmits<TabsEmits>()\n\nconst slots = useSlots() as Record<string, ((props?: any) => any) | undefined>\n\nconst { size } = useFallbackProps([props], {\n  size: 'default' as ComponentSize\n})\n\nconst cls = bem('tabs')\n\nconst model = defineModel<string>()\n\nconst isHorizontal = computed(() => props.position === 'top' || props.position === 'bottom')\n\n/** 避免模板中使用类型断言：收敛 position 到水平 / 垂直子组件所需的子集。 */\nconst horizontalPosition = computed<'top' | 'bottom'>(() =>\n  props.position === 'bottom' ? 'bottom' : 'top'\n)\n\nconst verticalPosition = computed<'left' | 'right'>(() =>\n  props.position === 'right' ? 'right' : 'left'\n)\n\n/** 是否存在任一内容面板插槽；没有则不渲染内容区域。 */\nconst hasContentSlots = computed(() => Object.keys(slots).length > 0)\n\nconst onClick = (item: TabItem, index: number) => emit('click', item, index)\nconst onClose = (item: TabItem, index: number) => emit('close', item, index)\n\nconst renderContent = () => {\n  const key = model.value\n  if (!key) return null\n  const nodes = slots[key]?.({ key })\n  if (Array.isArray(nodes)) {\n    return createVNode(UScroll, null, { default: () => nodes })\n  }\n  return nodes\n}\n</script>\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAiDA,MAAM,QAAQ;EAQd,MAAM,OAAO;EAEb,MAAM,QAAQ,UAAU;EAExB,MAAM,EAAE,SAAS,iBAAiB,CAAC,MAAM,EAAE,EACzC,MAAM,WACP,CAAA;EAED,MAAM,MAAM,IAAI,OAAM;EAEtB,MAAM,QAAQ,SAAmB,SAAA,aAAC;EAElC,MAAM,eAAe,eAAe,MAAM,aAAa,SAAS,MAAM,aAAa,SAAQ;;EAG3F,MAAM,qBAAqB,eACzB,MAAM,aAAa,WAAW,WAAW,MAC3C;EAEA,MAAM,mBAAmB,eACvB,MAAM,aAAa,UAAU,UAAU,OACzC;;EAGA,MAAM,kBAAkB,eAAe,OAAO,KAAK,MAAM,CAAC,SAAS,EAAC;EAEpE,MAAM,WAAW,MAAe,UAAkB,KAAK,SAAS,MAAM,MAAK;EAC3E,MAAM,WAAW,MAAe,UAAkB,KAAK,SAAS,MAAM,MAAK;EAE3E,MAAM,sBAAsB;GAC1B,MAAM,MAAM,MAAM;AAClB,OAAI,CAAC,IAAK,QAAO;GACjB,MAAM,QAAQ,MAAM,OAAO,EAAE,KAAK,CAAA;AAClC,OAAI,MAAM,QAAQ,MAAM,CACtB,QAAO,YAAY,aAAS,MAAM,EAAE,eAAe,OAAO,CAAA;AAE5D,UAAO;;;uBA5FP,mBAiCM,OAAA,EAjCA,OAAK,eAAA,CAAG,MAAA,IAAG,CAAC,GAAG,MAAA,IAAG,CAAC,EAAE,QAAA,SAAQ,CAAA,CAAA,EAAA,EAAA,CAEzB,aAAA,SAAA,WAAA,EADR,YAWE,aAAA;;gBATS,MAAA;iEAAA,MAAK,QAAA;IACb,OAAO,QAAA;IACP,UAAU,mBAAA;IACV,MAAM,MAAA,KAAI;IACV,UAAU,QAAA;IACV,OAAO,QAAA;IACP,SAAS,QAAA;IACF;IACA;;;;;;;;;uBAEV,YAUE,aAAA;;gBARS,MAAA;iEAAA,MAAK,QAAA;IACb,OAAO,QAAA;IACP,UAAU,iBAAA;IACV,MAAM,MAAA,KAAI;IACV,UAAU,QAAA;IACV,SAAS,QAAA;IACF;IACA;;;;;;;;QAGC,gBAAA,SAAA,WAAA,EAAX,mBAOM,OAAA;;IAPuB,OAAK,eAAE,MAAA,IAAG,CAAC,EAAC,UAAA,CAAA;OACvC,YAKa,YAAA;IALD,MAAK;IAAO,MAAK;;2BAGd,CAFK,QAAA,aAAA,WAAA,EAAlB,YAEa,WAAA,EAAA,KAAA,GAAA,EAAA,EAAA,WAAA,EADX,YAAgD,wBAAnB,eAAa,CAAA,EAAA,EAA9B,KAAK,MAAA,OAAK,CAAA,EAAA,EAAA,KAAA,KAAA,WAAA,EAExB,YAAuD,wBAAnB,eAAa,CAAA,EAAA,EAA9B,KAAK,MAAA,OAAK,CAAA,EAAA,CAAA"}
+{"version":3,"file":"tabs.js","names":[],"sources":["../../../src/components/tabs/tabs.vue"],"sourcesContent":["<template>\n  <div :class=\"[cls.b, cls.m(position!)]\">\n    <u-tabs-horizontal\n      v-if=\"isHorizontal\"\n      v-model=\"model\"\n      :items=\"items\"\n      :position=\"horizontalPosition\"\n      :size=\"size\"\n      :closable=\"closable\"\n      :block=\"block\"\n      :rounded=\"rounded\"\n      @click=\"onClick\"\n      @close=\"onClose\"\n    />\n    <u-tabs-vertical\n      v-else\n      v-model=\"model\"\n      :items=\"items\"\n      :position=\"verticalPosition\"\n      :size=\"size\"\n      :closable=\"closable\"\n      :rounded=\"rounded\"\n      @click=\"onClick\"\n      @close=\"onClose\"\n    />\n\n    <transition name=\"fade\" mode=\"out-in\">\n      <KeepAlive v-if=\"keepAlive\">\n        <component :key=\"model\" :is=\"renderSlots()\" />\n      </KeepAlive>\n      <component v-else :key=\"model\" :is=\"renderSlots()\" />\n    </transition>\n  </div>\n</template>\n\n<script lang=\"ts\" setup>\nimport { useFallbackProps } from '@veltra/compositions'\nimport { bem } from '@veltra/utils'\nimport { computed, createVNode, useSlots } from 'vue'\n\nimport type { ComponentSize, TabItem, TabsEmits, TabsProps } from '../../types'\nimport { UScroll } from '../scroll'\nimport UTabsHorizontal from './tabs-horizontal.vue'\nimport UTabsVertical from './tabs-vertical.vue'\n\ndefineOptions({ name: 'Tabs' })\n\nconst props = withDefaults(defineProps<TabsProps>(), {\n  position: 'top',\n  closable: false,\n  block: false,\n  rounded: false,\n  keepAlive: false\n})\n\nconst emit = defineEmits<TabsEmits>()\n\nconst slots = useSlots() as Record<string, ((props?: any) => any) | undefined>\n\nconst { size } = useFallbackProps([props], {\n  size: 'default' as ComponentSize\n})\n\nconst cls = bem('tabs')\n\nconst model = defineModel<string>()\n\nconst isHorizontal = computed(() => props.position === 'top' || props.position === 'bottom')\n\n/** 避免模板中使用类型断言：收敛 position 到水平 / 垂直子组件所需的子集。 */\nconst horizontalPosition = computed<'top' | 'bottom'>(() =>\n  props.position === 'bottom' ? 'bottom' : 'top'\n)\n\nconst verticalPosition = computed<'left' | 'right'>(() =>\n  props.position === 'right' ? 'right' : 'left'\n)\n\nconst onClick = (item: TabItem, index: number) => emit('click', item, index)\nconst onClose = (item: TabItem, index: number) => emit('close', item, index)\n\nconst renderSlots = () => {\n  const key = model.value\n  if (!key) return null\n  const nodes = slots[key]?.({ key })\n  if (Array.isArray(nodes)) {\n    return createVNode(UScroll, { class: cls.e('content') }, { default: () => nodes })\n  }\n  return nodes\n}\n</script>\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EA+CA,MAAM,QAAQ;EAQd,MAAM,OAAO;EAEb,MAAM,QAAQ,UAAU;EAExB,MAAM,EAAE,SAAS,iBAAiB,CAAC,MAAM,EAAE,EACzC,MAAM,WACP,CAAA;EAED,MAAM,MAAM,IAAI,OAAM;EAEtB,MAAM,QAAQ,SAAmB,SAAA,aAAC;EAElC,MAAM,eAAe,eAAe,MAAM,aAAa,SAAS,MAAM,aAAa,SAAQ;;EAG3F,MAAM,qBAAqB,eACzB,MAAM,aAAa,WAAW,WAAW,MAC3C;EAEA,MAAM,mBAAmB,eACvB,MAAM,aAAa,UAAU,UAAU,OACzC;EAEA,MAAM,WAAW,MAAe,UAAkB,KAAK,SAAS,MAAM,MAAK;EAC3E,MAAM,WAAW,MAAe,UAAkB,KAAK,SAAS,MAAM,MAAK;EAE3E,MAAM,oBAAoB;GACxB,MAAM,MAAM,MAAM;AAClB,OAAI,CAAC,IAAK,QAAO;GACjB,MAAM,QAAQ,MAAM,OAAO,EAAE,KAAK,CAAA;AAClC,OAAI,MAAM,QAAQ,MAAM,CACtB,QAAO,YAAY,aAAS,EAAE,OAAO,IAAI,EAAE,UAAU,EAAE,EAAE,EAAE,eAAe,OAAO,CAAA;AAEnF,UAAO;;;uBAvFP,mBA+BM,OAAA,EA/BA,OAAK,eAAA,CAAG,MAAA,IAAG,CAAC,GAAG,MAAA,IAAG,CAAC,EAAE,QAAA,SAAQ,CAAA,CAAA,EAAA,EAAA,CAEzB,aAAA,SAAA,WAAA,EADR,YAWE,aAAA;;gBATS,MAAA;iEAAA,MAAK,QAAA;IACb,OAAO,QAAA;IACP,UAAU,mBAAA;IACV,MAAM,MAAA,KAAI;IACV,UAAU,QAAA;IACV,OAAO,QAAA;IACP,SAAS,QAAA;IACF;IACA;;;;;;;;;uBAEV,YAUE,aAAA;;gBARS,MAAA;iEAAA,MAAK,QAAA;IACb,OAAO,QAAA;IACP,UAAU,iBAAA;IACV,MAAM,MAAA,KAAI;IACV,UAAU,QAAA;IACV,SAAS,QAAA;IACF;IACA;;;;;;;;QAGV,YAKa,YAAA;IALD,MAAK;IAAO,MAAK;;2BAGf,CAFK,QAAA,aAAA,WAAA,EAAjB,YAEY,WAAA,EAAA,KAAA,GAAA,EAAA,EAAA,WAAA,EADV,YAA8C,wBAAjB,aAAW,CAAA,EAAA,EAA5B,KAAK,MAAA,OAAK,CAAA,EAAA,EAAA,KAAA,KAAA,WAAA,EAExB,YAAqD,wBAAjB,aAAW,CAAA,EAAA,EAA5B,KAAK,MAAA,OAAK,CAAA,EAAA,CAAA"}

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

@@ -19,9 +19,9 @@ declare const __VLS_export: _$vue.DefineComponent<__VLS_PublicProps, {}, {}, {},
   onClick?: ((item: TabItem, index: number) => any) | undefined;
 }>, {
   closable: boolean;
+  block: boolean;
   rounded: boolean;
   position: "left" | "right" | "top" | "bottom";
-  block: boolean;
   keepAlive: boolean;
 }, {}, {}, {}, string, _$vue.ComponentProvideOptions, false, {}, any>;
 declare const _default: typeof __VLS_export;

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

@@ -11,10 +11,10 @@ declare const __VLS_base: _$vue.DefineComponent<TipProps, {}, {}, {}, {}, _$vue.
 }, string, _$vue.PublicProps, Readonly<TipProps> & Readonly<{
   "onUpdate:visible"?: ((value: boolean) => any) | undefined;
 }>, {
-  direction: TipDirection;
   trigger: "hover" | "click";
   contentTag: string;
   visible: boolean;
+  direction: TipDirection;
   content: string;
   alignment: TipAlign;
 }, {}, {}, {}, string, _$vue.ComponentProvideOptions, false, {}, any>;

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

@@ -21,11 +21,11 @@ declare const __VLS_base: _$vue.DefineComponent<TreeProps, _TreeExposed, {}, {},
   "onNode-contextmenu"?: ((event: MouseEvent, node: TreeNode<Record<string, any>>) => any) | undefined;
   "onSelected-synced"?: ((selected?: Record<string, any> | undefined) => any) | undefined;
 }>, {
+  data: Record<string, any>[];
   expandOnClickNode: boolean;
   labelKey: string;
   valueKey: string;
   childrenKey: string;
-  data: Record<string, any>[];
   checkStrictly: boolean;
 }, {}, {}, {}, string, _$vue.ComponentProvideOptions, false, {}, any>;
 declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;

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

@@ -26,10 +26,10 @@ declare const __VLS_base: _$vue.DefineComponent<__VLS_PublicProps, {}, {}, {}, {
 }>, {
   disabled: boolean;
   readonly: boolean;
+  minWidth: string;
   expandAll: boolean;
   labelKey: string;
   valueKey: string;
-  minWidth: string;
   placeholder: string;
   clearable: boolean;
   filterable: boolean;

package/dist/types/collapse.d.ts

@@ -20,6 +20,11 @@ interface CollapseProps extends ComponentProps {
    * @default false
    */
   defaultCollapseAll?: boolean;
+  /**
+   * 是否使用边框模式
+   * @default false
+   */
+  bordered?: boolean;
   /**
    * 自定义展开图标组件，活动态会自动旋转 90°。
    * 接受任意 Vue 组件（SFC、Functional Component 等）。

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@veltra/desktop",
-  "version": "1.1.10",
+  "version": "1.1.12",
   "files": [
     "dist",
     "src"
@@ -61,22 +61,22 @@
     "@lexical/rich-text": "^0.43.0",
     "@lexical/selection": "^0.43.0",
     "@lexical/utils": "^0.43.0",
-    "@veltra/compositions": "1.1.10",
-    "@veltra/directives": "1.1.10",
-    "@veltra/icons": "1.1.10",
-    "@veltra/styles": "1.1.10",
-    "@veltra/utils": "1.1.10",
+    "@veltra/compositions": "1.1.12",
+    "@veltra/directives": "1.1.12",
+    "@veltra/icons": "1.1.12",
+    "@veltra/styles": "1.1.12",
+    "@veltra/utils": "1.1.12",
     "@visactor/vtable": "^1.26.0",
     "codemirror": "^6.0.2",
     "docx-preview": "^0.3.7",
     "lexical": "^0.43.0"
   },
   "peerDependencies": {
-    "@veltra/compositions": "1.1.10",
-    "@veltra/directives": "1.1.10",
-    "@veltra/icons": "1.1.10",
-    "@veltra/styles": "1.1.10",
-    "@veltra/utils": "1.1.10",
+    "@veltra/compositions": "1.1.12",
+    "@veltra/directives": "1.1.12",
+    "@veltra/icons": "1.1.12",
+    "@veltra/styles": "1.1.12",
+    "@veltra/utils": "1.1.12",
     "vue": "^3.5.33"
   }
 }

package/src/components/collapse/collapse-item.vue

@@ -54,7 +54,8 @@ const iconComponent = computed(() => context?.expandIcon.value ?? ArrowRight)
 const classList = computed(() => [
   cls.e('item'),
   bem.is('active', isActive.value),
-  bem.is('disabled', props.disabled)
+  bem.is('disabled', props.disabled),
+  bem.is('bordered', context?.bordered.value)
 ])
 
 const headerClassList = computed(() => [

package/src/components/collapse/collapse.vue

@@ -18,7 +18,8 @@ defineOptions({
 
 const props = withDefaults(defineProps<CollapseProps>(), {
   accordion: false,
-  defaultCollapseAll: false
+  defaultCollapseAll: false,
+  bordered: false
 })
 const emit = defineEmits<CollapseEmits>()
 
@@ -32,7 +33,9 @@ const { size } = useFormFallbackProps([props], { size: 'default' })
 
 const expandIcon = computed(() => props.expandIcon)
 
-const classList = computed(() => [cls.b, cls.m(size.value)])
+const bordered = computed(() => props.bordered)
+
+const classList = computed(() => [cls.b, cls.m(size.value), bem.is('bordered', bordered.value)])
 
 const modelValue = useModel<CollapseProps, 'modelValue'>({
   props,
@@ -107,6 +110,7 @@ const unregister = (value: CollapseValue) => {
 provide(CollapseDIKey, {
   cls,
   size,
+  bordered,
   expandIcon,
   activeValues,
   toggle,

package/src/components/collapse/di.ts

@@ -6,6 +6,7 @@ import type { CollapseValue } from '../../types'
 export interface CollapseContext {
   cls: BEM<'collapse'>
   size: ComputedRef<ComponentSize>
+  bordered: ComputedRef<boolean>
   expandIcon: ComputedRef<Component | undefined>
   activeValues: ComputedRef<CollapseValue[]>
   toggle: (value: CollapseValue) => void

package/src/components/collapse/style.scss

@@ -60,7 +60,7 @@ $transition-normal: 0.24s $ease;
     cursor: pointer;
     font-weight: 500;
     letter-spacing: 0.01em;
-    color: fn.use-var(text-color, title);
+    color: fn.component-var(collapse, title-color, fn.use-var(text-color, main));
     user-select: none;
     outline: none;
     transition:
@@ -125,7 +125,7 @@ $transition-normal: 0.24s $ease;
 
     @include m.bem($root-name, header) {
       padding: calc(fn.use-var(gap, $size) - 2px) fn.use-var(gap, $size);
-      font-size: fn.use-var(font-size-title, $size);
+      font-size: fn.use-var(font-size-main, $size);
     }
 
     @include m.bem($root-name, content) {
@@ -141,4 +141,25 @@ $transition-normal: 0.24s $ease;
       }
     }
   }
+
+  // ===== Bordered =====
+  @include m.is(bordered) {
+    #{fn.bem($root-name, item)} {
+      background-color: transparent;
+      border: 1px solid vars.$border-color;
+
+      &:hover,
+      &.is-active {
+        background-color: transparent;
+      }
+    }
+
+    #{fn.bem($root-name, header)} {
+      border-radius: 0;
+
+      @include m.is(active) {
+        border-bottom: 1px solid vars.$border-color;
+      }
+    }
+  }
 }

package/src/components/tabs/tabs.vue

@@ -24,14 +24,12 @@
       @close="onClose"
     />
 
-    <div v-if="hasContentSlots" :class="cls.e('content')">
-      <transition name="fade" mode="out-in">
-        <keep-alive v-if="keepAlive">
-          <component :key="model" :is="renderContent()" />
-        </keep-alive>
-        <component v-else :key="model" :is="renderContent()" />
-      </transition>
-    </div>
+    <transition name="fade" mode="out-in">
+      <KeepAlive v-if="keepAlive">
+        <component :key="model" :is="renderSlots()" />
+      </KeepAlive>
+      <component v-else :key="model" :is="renderSlots()" />
+    </transition>
   </div>
 </template>
 
@@ -78,18 +76,15 @@ const verticalPosition = computed<'left' | 'right'>(() =>
   props.position === 'right' ? 'right' : 'left'
 )
 
-/** 是否存在任一内容面板插槽；没有则不渲染内容区域。 */
-const hasContentSlots = computed(() => Object.keys(slots).length > 0)
-
 const onClick = (item: TabItem, index: number) => emit('click', item, index)
 const onClose = (item: TabItem, index: number) => emit('close', item, index)
 
-const renderContent = () => {
+const renderSlots = () => {
   const key = model.value
   if (!key) return null
   const nodes = slots[key]?.({ key })
   if (Array.isArray(nodes)) {
-    return createVNode(UScroll, null, { default: () => nodes })
+    return createVNode(UScroll, { class: cls.e('content') }, { default: () => nodes })
   }
   return nodes
 }

package/src/types/collapse.ts

@@ -24,6 +24,12 @@ export interface CollapseProps extends ComponentProps {
    */
   defaultCollapseAll?: boolean
 
+  /**
+   * 是否使用边框模式
+   * @default false
+   */
+  bordered?: boolean
+
   /**
    * 自定义展开图标组件，活动态会自动旋转 90°。
    * 接受任意 Vue 组件（SFC、Functional Component 等）。