@veltra/desktop 1.1.20 → 1.1.22

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

@@ -28,8 +28,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
 		const classList = computed(() => [
 			cls.e("item"),
 			bem.is("active", isActive.value),
-			bem.is("disabled", props.disabled),
-			bem.is("bordered", context?.bordered.value)
+			bem.is("disabled", props.disabled)
 		]);
 		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  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,cAAa;EAEpC,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,OAAM;GACZ,IAAI,GAAG,UAAU,SAAS,MAAK;GAC/B,IAAI,GAAG,YAAY,MAAM,SAAQ;GACjC,IAAI,GAAG,YAAY,SAAS,SAAS,MAAK;GAC3C,CAAA;EAED,MAAM,kBAAkB,eAAe;GACrC,IAAI,EAAE,SAAQ;GACd,IAAI,GAAG,YAAY,MAAM,SAAQ;GACjC,IAAI,GAAG,UAAU,SAAS,MAAK;GAChC,CAAA;EAED,MAAM,oBAAoB;GACxB,IAAI,MAAM,UAAU;GACpB,SAAS,OAAO,MAAM,MAAK;;EAG7B,MAAM,YAAY,KAAiB;EAEnC,MAAM,EAAE,qBAAqB;EAE7B,gBAAgB;GACd,SAAS,SAAS,MAAM,MAAK;GAC7B,IAAI,CAAC,UAAU,OAAO;GACtB,iBAAiB,YAAY,UAAU,OAAO,SAAS,MAAK;IAC7D;EAED,MAAM,WAAW,WAAW;GAC1B,IAAI,CAAC,UAAU,OAAO;GACtB,SAAS,iBAAiB,OAAO,UAAU,MAAK,GAAI,iBAAiB,SAAS,UAAU,MAAK;IAC9F;EAED,sBAAsB;GACpB,SAAS,WAAW,MAAM,MAAK;GAC/B,IAAI,CAAC,UAAU,OAAO;GACtB,iBAAiB,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,IAAA,CAAI,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,IAAA,CAAI,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,IAAA,CAAI,EAAC,kBAAA,CAAA;IAAsB,eAAW,CAAG,SAAA;OACpE,mBAEM,OAAA,EAFA,OAAK,eAAE,MAAA,IAAA,CAAI,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])\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,cAAa;EAEpC,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,OAAM;GACZ,IAAI,GAAG,UAAU,SAAS,MAAK;GAC/B,IAAI,GAAG,YAAY,MAAM,SAAQ;GAClC,CAAA;EAED,MAAM,kBAAkB,eAAe;GACrC,IAAI,EAAE,SAAQ;GACd,IAAI,GAAG,YAAY,MAAM,SAAQ;GACjC,IAAI,GAAG,UAAU,SAAS,MAAK;GAChC,CAAA;EAED,MAAM,oBAAoB;GACxB,IAAI,MAAM,UAAU;GACpB,SAAS,OAAO,MAAM,MAAK;;EAG7B,MAAM,YAAY,KAAiB;EAEnC,MAAM,EAAE,qBAAqB;EAE7B,gBAAgB;GACd,SAAS,SAAS,MAAM,MAAK;GAC7B,IAAI,CAAC,UAAU,OAAO;GACtB,iBAAiB,YAAY,UAAU,OAAO,SAAS,MAAK;IAC7D;EAED,MAAM,WAAW,WAAW;GAC1B,IAAI,CAAC,UAAU,OAAO;GACtB,SAAS,iBAAiB,OAAO,UAAU,MAAK,GAAI,iBAAiB,SAAS,UAAU,MAAK;IAC9F;EAED,sBAAsB;GACpB,SAAS,WAAW,MAAM,MAAK;GAC/B,IAAI,CAAC,UAAU,OAAO;GACtB,iBAAiB,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,IAAA,CAAI,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,IAAA,CAAI,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,IAAA,CAAI,EAAC,kBAAA,CAAA;IAAsB,eAAW,CAAG,SAAA;OACpE,mBAEM,OAAA,EAFA,OAAK,eAAE,MAAA,IAAA,CAAI,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,10 +16,6 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
 			type: Boolean,
 			default: false
 		},
-		bordered: {
-			type: Boolean,
-			default: false
-		},
 		expandIcon: {},
 		size: {}
 	},
@@ -31,12 +27,7 @@ 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 bordered = computed(() => props.bordered);
-		const classList = computed(() => [
-			cls.b,
-			cls.m(size.value),
-			bem.is("bordered", bordered.value)
-		]);
+		const classList = computed(() => [cls.b, cls.m(size.value)]);
 		const modelValue = useModel$1({
 			props,
 			emit,
@@ -82,7 +73,6 @@ 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  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,MAAK,EAAG,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,MAAK;GAAG,IAAI,GAAG,YAAY,SAAS,MAAK;GAAE,CAAA;EAE/F,MAAM,aAAa,WAAsC;GACvD;GACA;GACA,UAAU;GACX,CAAA;EAED,MAAM,eAAe,eAAgC;GACnD,MAAM,IAAI,WAAW;GACrB,IAAI,MAAM,KAAA,KAAa,MAAM,MAAM,OAAO,EAAC;GAC3C,OAAO,MAAM,QAAQ,EAAC,GAAI,IAAI,CAAC,EAAC;IACjC;EAED,MAAM,UAAU,SAA6B;GAC3C,WAAW,QAAQ;GACnB,KAAK,UAAU,KAAI;;EAGrB,MAAM,UAAU,UAAyB;GACvC,IAAI,MAAM,WAAW;IACnB,OAAO,aAAa,MAAM,OAAO,QAAQ,EAAC,GAAI,MAAK;IACnD;;GAGF,MAAM,SAAS,aAAa,MAAM,OAAM;GACxC,MAAM,QAAQ,OAAO,QAAQ,MAAK;GAClC,IAAI,QAAQ,IAAI,OAAO,OAAO,OAAO,EAAC;QACjC,OAAO,KAAK,MAAK;GACtB,OAAO,OAAM;;EAIf,MAAM,mBAAmB,IAAqB,EAAE,CAAA;EAGhD,MAAM,kBACJ,WAAW,UAAU,KAAA,KACrB,WAAW,UAAU,SACpB,CAAC,MAAM,QAAQ,WAAW,MAAK,IAAK,WAAW,MAAM,SAAS;EAEjE,MAAM,YAAY,UAAyB;GACzC,IAAI,CAAC,iBAAiB,MAAM,SAAS,MAAK,EAAG;IAC3C,iBAAiB,MAAM,KAAK,MAAK;IAGjC,IAAI,CAAC,MAAM,sBAAsB,CAAC,iBAChC,IAAI,MAAM;SACJ,iBAAiB,MAAM,WAAW,GACpC,OAAO,MAAK;WAET;KACL,MAAM,UAAU,MAAM,QAAQ,WAAW,MAAK,GAC1C,WAAW,QACX,WAAW,UAAU,KAAA,KAAa,WAAW,UAAU,OACrD,CAAC,WAAW,MAAK,GACjB,EAAC;KACP,IAAI,CAAC,QAAQ,SAAS,MAAK,EACzB,OAAO,CAAC,GAAG,SAAS,MAAM,CAAA;;;;EAOpC,MAAM,cAAc,UAAyB;GAC3C,MAAM,MAAM,iBAAiB,MAAM,QAAQ,MAAK;GAChD,IAAI,MAAM,IACR,iBAAiB,MAAM,OAAO,KAAK,EAAC;;EAIxC,QAAQ,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"}
+{"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,MAAK,EAAG,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;GACrB,IAAI,MAAM,KAAA,KAAa,MAAM,MAAM,OAAO,EAAC;GAC3C,OAAO,MAAM,QAAQ,EAAC,GAAI,IAAI,CAAC,EAAC;IACjC;EAED,MAAM,UAAU,SAA6B;GAC3C,WAAW,QAAQ;GACnB,KAAK,UAAU,KAAI;;EAGrB,MAAM,UAAU,UAAyB;GACvC,IAAI,MAAM,WAAW;IACnB,OAAO,aAAa,MAAM,OAAO,QAAQ,EAAC,GAAI,MAAK;IACnD;;GAGF,MAAM,SAAS,aAAa,MAAM,OAAM;GACxC,MAAM,QAAQ,OAAO,QAAQ,MAAK;GAClC,IAAI,QAAQ,IAAI,OAAO,OAAO,OAAO,EAAC;QACjC,OAAO,KAAK,MAAK;GACtB,OAAO,OAAM;;EAIf,MAAM,mBAAmB,IAAqB,EAAE,CAAA;EAGhD,MAAM,kBACJ,WAAW,UAAU,KAAA,KACrB,WAAW,UAAU,SACpB,CAAC,MAAM,QAAQ,WAAW,MAAK,IAAK,WAAW,MAAM,SAAS;EAEjE,MAAM,YAAY,UAAyB;GACzC,IAAI,CAAC,iBAAiB,MAAM,SAAS,MAAK,EAAG;IAC3C,iBAAiB,MAAM,KAAK,MAAK;IAGjC,IAAI,CAAC,MAAM,sBAAsB,CAAC,iBAChC,IAAI,MAAM;SACJ,iBAAiB,MAAM,WAAW,GACpC,OAAO,MAAK;WAET;KACL,MAAM,UAAU,MAAM,QAAQ,WAAW,MAAK,GAC1C,WAAW,QACX,WAAW,UAAU,KAAA,KAAa,WAAW,UAAU,OACrD,CAAC,WAAW,MAAK,GACjB,EAAC;KACP,IAAI,CAAC,QAAQ,SAAS,MAAK,EACzB,OAAO,CAAC,GAAG,SAAS,MAAM,CAAA;;;;EAOpC,MAAM,cAAc,UAAyB;GAC3C,MAAM,MAAM,iBAAiB,MAAM,QAAQ,MAAK;GAChD,IAAI,MAAM,IACR,iBAAiB,MAAM,OAAO,KAAK,EAAC;;EAIxC,QAAQ,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"}

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

@@ -15,7 +15,6 @@ declare const __VLS_base: _$vue.DefineComponent<CollapseProps, {}, {}, {}, {}, _
 }>, {
   accordion: boolean;
   defaultCollapseAll: boolean;
-  bordered: 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/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  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"}
+{"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"}

package/dist/components/collapse/style2.css

@@ -22,18 +22,36 @@
   background-color: transparent;
 }
 .u-collapse__item {
+  position: relative;
   border-radius: calc(var(--u-radius-default) + 2px);
-  background-color: var(--u-bg-color-hover);
+  overflow: hidden;
+  background-color: var(--u-collapse-item-bg, color-mix(in srgb, var(--u-bg-color-hover) 72%, var(--u-bg-color-top)));
   transition: background-color 0.18s cubic-bezier(0.4, 0, 0.2, 1);
 }
+.u-collapse__item::before {
+  content: "";
+  position: absolute;
+  top: 0;
+  bottom: 0;
+  left: 0;
+  width: 3px;
+  background-color: var(--u-color-primary);
+  opacity: 0;
+  pointer-events: none;
+  transition: opacity 0.18s cubic-bezier(0.4, 0, 0.2, 1);
+  z-index: 1;
+}
 .u-collapse__item + .u-collapse__item {
   margin-top: var(--u-gap-default);
 }
 .u-collapse__item:not(.is-disabled):hover {
-  background-color: color-mix(in srgb, var(--u-text-color-main) 6%, var(--u-bg-color-hover));
+  background-color: var(--u-collapse-item-hover-bg, color-mix(in srgb, var(--u-color-primary) 4%, var(--u-collapse-item-bg, color-mix(in srgb, var(--u-bg-color-hover) 72%, var(--u-bg-color-top)))));
 }
 .u-collapse__item.is-active {
-  background-color: color-mix(in srgb, var(--u-text-color-main) 6%, var(--u-bg-color-hover));
+  background-color: var(--u-collapse-item-active-bg, color-mix(in srgb, var(--u-color-primary) 5%, var(--u-collapse-item-bg, color-mix(in srgb, var(--u-bg-color-hover) 72%, var(--u-bg-color-top)))));
+}
+.u-collapse__item.is-active::before {
+  opacity: 1;
 }
 .u-collapse__item.is-disabled {
   opacity: 0.55;
@@ -61,10 +79,14 @@
 }
 .u-collapse__header.is-active {
   font-weight: 600;
+  color: var(--u-collapse-active-title-color, var(--u-color-primary));
+  background-color: var(--u-collapse-header-active-bg, color-mix(in srgb, var(--u-color-primary) 8%, var(--u-collapse-item-bg, color-mix(in srgb, var(--u-bg-color-hover) 72%, var(--u-bg-color-top)))));
+  border-bottom-right-radius: 0;
+  border-bottom-left-radius: 0;
 }
 .u-collapse__header.is-active .u-collapse__icon {
   transform: rotate(90deg);
-  color: var(--u-text-color-second);
+  color: var(--u-collapse-active-title-color, var(--u-color-primary));
 }
 .u-collapse__title {
   flex: 1 1 auto;
@@ -83,6 +105,9 @@
 .u-collapse__content-wrapper {
   overflow: hidden;
   height: 0;
+  border-bottom-right-radius: inherit;
+  border-bottom-left-radius: inherit;
+  background-color: var(--u-collapse-content-bg, color-mix(in srgb, var(--u-collapse-item-active-bg, color-mix(in srgb, var(--u-color-primary) 5%, var(--u-collapse-item-bg, color-mix(in srgb, var(--u-bg-color-hover) 72%, var(--u-bg-color-top))))) 42%, var(--u-bg-color-top)));
   transition: height 0.24s cubic-bezier(0.4, 0, 0.2, 1);
 }
 .u-collapse__content {
@@ -140,16 +165,3 @@
 .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/previewers/pdf-viewport-scroll.js

@@ -1,5 +1,4 @@
-import _sfc_main$1 from "../../scroll/scroll.js";
-import { Fragment, computed, createCommentVNode, createElementBlock, createVNode, defineComponent, inject, onBeforeUnmount, openBlock, renderSlot, unref, watch, withCtx } from "vue";
+import { computed, defineComponent, inject, onBeforeUnmount, renderSlot, watch } from "vue";
 //#region src/components/file-viewer/previewers/pdf-viewport-scroll.vue
 const VIEWPORT_ELEMENT_KEY = "viewport-element";
 const _sfc_main = /* @__PURE__ */ defineComponent({
@@ -70,10 +69,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
 			detachPan = void 0;
 		});
 		return (_ctx, _cache) => {
-			return openBlock(), createElementBlock(Fragment, null, [createCommentVNode(" EmbedPDF Viewport 自带滚动；u-scroll 仅同步自定义滚动条 "), createVNode(unref(_sfc_main$1), null, {
-				default: withCtx(() => [renderSlot(_ctx.$slots, "default")]),
-				_: 3
-			})], 2112);
+			return renderSlot(_ctx.$slots, "default");
 		};
 	}
 });

package/dist/components/file-viewer/previewers/pdf-viewport-scroll.js.map

@@ -1 +1 @@
-{"version":3,"file":"pdf-viewport-scroll.js","names":[],"sources":["../../../../src/components/file-viewer/previewers/pdf-viewport-scroll.vue"],"sourcesContent":["<template>\n  <!-- EmbedPDF Viewport 自带滚动；u-scroll 仅同步自定义滚动条 -->\n  <u-scroll>\n    <slot />\n  </u-scroll>\n</template>\n\n<script lang=\"ts\" setup>\nimport { computed, inject, onBeforeUnmount, type Ref, watch } from 'vue'\n\nimport { UScroll } from '../../scroll'\n\ndefineOptions({ name: 'FileViewerPdfViewportScroll' })\n\n/** EmbedPDF Viewport 向子树注入的滚动容器 ref */\nconst VIEWPORT_ELEMENT_KEY = 'viewport-element'\n\nconst viewportRef = inject<Ref<HTMLDivElement | null>>(VIEWPORT_ELEMENT_KEY)\nconst viewportEl = computed(() => viewportRef?.value ?? null)\n\nlet panState:\n  | {\n      pointerId: number\n      startX: number\n      startY: number\n      scrollLeft: number\n      scrollTop: number\n    }\n  | undefined\n\nfunction isInteractiveTarget(target: EventTarget | null): boolean {\n  if (!(target instanceof HTMLElement)) return false\n  return !!target.closest(\n    'button, a, input, textarea, select, video, [contenteditable=\"true\"], .u-scroll__bar-x, .u-scroll__bar-y'\n  )\n}\n\nfunction handlePointerDown(e: PointerEvent) {\n  if (e.button !== 0 || isInteractiveTarget(e.target)) return\n\n  const el = viewportEl.value\n  if (!el) return\n\n  panState = {\n    pointerId: e.pointerId,\n    startX: e.clientX,\n    startY: e.clientY,\n    scrollLeft: el.scrollLeft,\n    scrollTop: el.scrollTop\n  }\n  el.classList.add('is-panning')\n  el.setPointerCapture(e.pointerId)\n  e.preventDefault()\n}\n\nfunction handlePointerMove(e: PointerEvent) {\n  if (!panState || panState.pointerId !== e.pointerId) return\n\n  const el = viewportEl.value\n  if (!el) return\n\n  el.scrollLeft = panState.scrollLeft - (e.clientX - panState.startX)\n  el.scrollTop = panState.scrollTop - (e.clientY - panState.startY)\n}\n\nfunction endPan(e: PointerEvent) {\n  if (!panState || panState.pointerId !== e.pointerId) return\n\n  const el = viewportEl.value\n  if (el?.hasPointerCapture(e.pointerId)) {\n    el.releasePointerCapture(e.pointerId)\n  }\n  el?.classList.remove('is-panning')\n  panState = undefined\n}\n\nlet detachPan: (() => void) | undefined\n\nwatch(\n  viewportEl,\n  (el, _, onCleanup) => {\n    detachPan?.()\n    detachPan = undefined\n    if (!el) return\n\n    el.addEventListener('pointerdown', handlePointerDown, { capture: true })\n    el.addEventListener('pointermove', handlePointerMove, { capture: true })\n    el.addEventListener('pointerup', endPan, { capture: true })\n    el.addEventListener('pointercancel', endPan, { capture: true })\n\n    detachPan = () => {\n      el.removeEventListener('pointerdown', handlePointerDown, { capture: true })\n      el.removeEventListener('pointermove', handlePointerMove, { capture: true })\n      el.removeEventListener('pointerup', endPan, { capture: true })\n      el.removeEventListener('pointercancel', endPan, { capture: true })\n      el.classList.remove('is-panning')\n      panState = undefined\n    }\n\n    onCleanup(() => {\n      detachPan?.()\n      detachPan = undefined\n    })\n  },\n  { immediate: true }\n)\n\nonBeforeUnmount(() => {\n  detachPan?.()\n  detachPan = undefined\n})\n</script>\n"],"mappings":";;;AAeA,MAAM,uBAAuB;;;;;;EAE7B,MAAM,cAAc,OAAmC,qBAAoB;EAC3E,MAAM,aAAa,eAAe,aAAa,SAAS,KAAI;EAE5D,IAAI;EAUJ,SAAS,oBAAoB,QAAqC;GAChE,IAAI,EAAE,kBAAkB,cAAc,OAAO;GAC7C,OAAO,CAAC,CAAC,OAAO,QACd,4GACF;;EAGF,SAAS,kBAAkB,GAAiB;GAC1C,IAAI,EAAE,WAAW,KAAK,oBAAoB,EAAE,OAAM,EAAG;GAErD,MAAM,KAAK,WAAW;GACtB,IAAI,CAAC,IAAI;GAET,WAAW;IACT,WAAW,EAAE;IACb,QAAQ,EAAE;IACV,QAAQ,EAAE;IACV,YAAY,GAAG;IACf,WAAW,GAAG;IAChB;GACA,GAAG,UAAU,IAAI,aAAY;GAC7B,GAAG,kBAAkB,EAAE,UAAS;GAChC,EAAE,gBAAe;;EAGnB,SAAS,kBAAkB,GAAiB;GAC1C,IAAI,CAAC,YAAY,SAAS,cAAc,EAAE,WAAW;GAErD,MAAM,KAAK,WAAW;GACtB,IAAI,CAAC,IAAI;GAET,GAAG,aAAa,SAAS,cAAc,EAAE,UAAU,SAAS;GAC5D,GAAG,YAAY,SAAS,aAAa,EAAE,UAAU,SAAS;;EAG5D,SAAS,OAAO,GAAiB;GAC/B,IAAI,CAAC,YAAY,SAAS,cAAc,EAAE,WAAW;GAErD,MAAM,KAAK,WAAW;GACtB,IAAI,IAAI,kBAAkB,EAAE,UAAS,EACnC,GAAG,sBAAsB,EAAE,UAAS;GAEtC,IAAI,UAAU,OAAO,aAAY;GACjC,WAAW,KAAA;;EAGb,IAAI;EAEJ,MACE,aACC,IAAI,GAAG,cAAc;GACpB,aAAY;GACZ,YAAY,KAAA;GACZ,IAAI,CAAC,IAAI;GAET,GAAG,iBAAiB,eAAe,mBAAmB,EAAE,SAAS,MAAM,CAAA;GACvE,GAAG,iBAAiB,eAAe,mBAAmB,EAAE,SAAS,MAAM,CAAA;GACvE,GAAG,iBAAiB,aAAa,QAAQ,EAAE,SAAS,MAAM,CAAA;GAC1D,GAAG,iBAAiB,iBAAiB,QAAQ,EAAE,SAAS,MAAM,CAAA;GAE9D,kBAAkB;IAChB,GAAG,oBAAoB,eAAe,mBAAmB,EAAE,SAAS,MAAM,CAAA;IAC1E,GAAG,oBAAoB,eAAe,mBAAmB,EAAE,SAAS,MAAM,CAAA;IAC1E,GAAG,oBAAoB,aAAa,QAAQ,EAAE,SAAS,MAAM,CAAA;IAC7D,GAAG,oBAAoB,iBAAiB,QAAQ,EAAE,SAAS,MAAM,CAAA;IACjE,GAAG,UAAU,OAAO,aAAY;IAChC,WAAW,KAAA;;GAGb,gBAAgB;IACd,aAAY;IACZ,YAAY,KAAA;KACb;KAEH,EAAE,WAAW,MACf,CAAA;EAEA,sBAAsB;GACpB,aAAY;GACZ,YAAY,KAAA;IACb;;2DA7GC,mBAAA,8CAAA,EACA,YAEW,MAAA,YAAA,EAAA,MAAA;2BADD,CAAR,WAAQ,KAAA,QAAA,UAAA,CAAA,CAAA"}
+{"version":3,"file":"pdf-viewport-scroll.js","names":[],"sources":["../../../../src/components/file-viewer/previewers/pdf-viewport-scroll.vue"],"sourcesContent":["<template>\n  <slot />\n</template>\n\n<script lang=\"ts\" setup>\nimport { computed, inject, onBeforeUnmount, type Ref, watch } from 'vue'\n\ndefineOptions({ name: 'FileViewerPdfViewportScroll' })\n\n/** EmbedPDF Viewport 向子树注入的滚动容器 ref */\nconst VIEWPORT_ELEMENT_KEY = 'viewport-element'\n\nconst viewportRef = inject<Ref<HTMLDivElement | null>>(VIEWPORT_ELEMENT_KEY)\nconst viewportEl = computed(() => viewportRef?.value ?? null)\n\nlet panState:\n  | {\n      pointerId: number\n      startX: number\n      startY: number\n      scrollLeft: number\n      scrollTop: number\n    }\n  | undefined\n\nfunction isInteractiveTarget(target: EventTarget | null): boolean {\n  if (!(target instanceof HTMLElement)) return false\n  return !!target.closest(\n    'button, a, input, textarea, select, video, [contenteditable=\"true\"], .u-scroll__bar-x, .u-scroll__bar-y'\n  )\n}\n\nfunction handlePointerDown(e: PointerEvent) {\n  if (e.button !== 0 || isInteractiveTarget(e.target)) return\n\n  const el = viewportEl.value\n  if (!el) return\n\n  panState = {\n    pointerId: e.pointerId,\n    startX: e.clientX,\n    startY: e.clientY,\n    scrollLeft: el.scrollLeft,\n    scrollTop: el.scrollTop\n  }\n  el.classList.add('is-panning')\n  el.setPointerCapture(e.pointerId)\n  e.preventDefault()\n}\n\nfunction handlePointerMove(e: PointerEvent) {\n  if (!panState || panState.pointerId !== e.pointerId) return\n\n  const el = viewportEl.value\n  if (!el) return\n\n  el.scrollLeft = panState.scrollLeft - (e.clientX - panState.startX)\n  el.scrollTop = panState.scrollTop - (e.clientY - panState.startY)\n}\n\nfunction endPan(e: PointerEvent) {\n  if (!panState || panState.pointerId !== e.pointerId) return\n\n  const el = viewportEl.value\n  if (el?.hasPointerCapture(e.pointerId)) {\n    el.releasePointerCapture(e.pointerId)\n  }\n  el?.classList.remove('is-panning')\n  panState = undefined\n}\n\nlet detachPan: (() => void) | undefined\n\nwatch(\n  viewportEl,\n  (el, _, onCleanup) => {\n    detachPan?.()\n    detachPan = undefined\n    if (!el) return\n\n    el.addEventListener('pointerdown', handlePointerDown, { capture: true })\n    el.addEventListener('pointermove', handlePointerMove, { capture: true })\n    el.addEventListener('pointerup', endPan, { capture: true })\n    el.addEventListener('pointercancel', endPan, { capture: true })\n\n    detachPan = () => {\n      el.removeEventListener('pointerdown', handlePointerDown, { capture: true })\n      el.removeEventListener('pointermove', handlePointerMove, { capture: true })\n      el.removeEventListener('pointerup', endPan, { capture: true })\n      el.removeEventListener('pointercancel', endPan, { capture: true })\n      el.classList.remove('is-panning')\n      panState = undefined\n    }\n\n    onCleanup(() => {\n      detachPan?.()\n      detachPan = undefined\n    })\n  },\n  { immediate: true }\n)\n\nonBeforeUnmount(() => {\n  detachPan?.()\n  detachPan = undefined\n})\n</script>\n"],"mappings":";;AAUA,MAAM,uBAAuB;;;;;;EAE7B,MAAM,cAAc,OAAmC,qBAAoB;EAC3E,MAAM,aAAa,eAAe,aAAa,SAAS,KAAI;EAE5D,IAAI;EAUJ,SAAS,oBAAoB,QAAqC;GAChE,IAAI,EAAE,kBAAkB,cAAc,OAAO;GAC7C,OAAO,CAAC,CAAC,OAAO,QACd,4GACF;;EAGF,SAAS,kBAAkB,GAAiB;GAC1C,IAAI,EAAE,WAAW,KAAK,oBAAoB,EAAE,OAAM,EAAG;GAErD,MAAM,KAAK,WAAW;GACtB,IAAI,CAAC,IAAI;GAET,WAAW;IACT,WAAW,EAAE;IACb,QAAQ,EAAE;IACV,QAAQ,EAAE;IACV,YAAY,GAAG;IACf,WAAW,GAAG;IAChB;GACA,GAAG,UAAU,IAAI,aAAY;GAC7B,GAAG,kBAAkB,EAAE,UAAS;GAChC,EAAE,gBAAe;;EAGnB,SAAS,kBAAkB,GAAiB;GAC1C,IAAI,CAAC,YAAY,SAAS,cAAc,EAAE,WAAW;GAErD,MAAM,KAAK,WAAW;GACtB,IAAI,CAAC,IAAI;GAET,GAAG,aAAa,SAAS,cAAc,EAAE,UAAU,SAAS;GAC5D,GAAG,YAAY,SAAS,aAAa,EAAE,UAAU,SAAS;;EAG5D,SAAS,OAAO,GAAiB;GAC/B,IAAI,CAAC,YAAY,SAAS,cAAc,EAAE,WAAW;GAErD,MAAM,KAAK,WAAW;GACtB,IAAI,IAAI,kBAAkB,EAAE,UAAS,EACnC,GAAG,sBAAsB,EAAE,UAAS;GAEtC,IAAI,UAAU,OAAO,aAAY;GACjC,WAAW,KAAA;;EAGb,IAAI;EAEJ,MACE,aACC,IAAI,GAAG,cAAc;GACpB,aAAY;GACZ,YAAY,KAAA;GACZ,IAAI,CAAC,IAAI;GAET,GAAG,iBAAiB,eAAe,mBAAmB,EAAE,SAAS,MAAM,CAAA;GACvE,GAAG,iBAAiB,eAAe,mBAAmB,EAAE,SAAS,MAAM,CAAA;GACvE,GAAG,iBAAiB,aAAa,QAAQ,EAAE,SAAS,MAAM,CAAA;GAC1D,GAAG,iBAAiB,iBAAiB,QAAQ,EAAE,SAAS,MAAM,CAAA;GAE9D,kBAAkB;IAChB,GAAG,oBAAoB,eAAe,mBAAmB,EAAE,SAAS,MAAM,CAAA;IAC1E,GAAG,oBAAoB,eAAe,mBAAmB,EAAE,SAAS,MAAM,CAAA;IAC1E,GAAG,oBAAoB,aAAa,QAAQ,EAAE,SAAS,MAAM,CAAA;IAC7D,GAAG,oBAAoB,iBAAiB,QAAQ,EAAE,SAAS,MAAM,CAAA;IACjE,GAAG,UAAU,OAAO,aAAY;IAChC,WAAW,KAAA;;GAGb,gBAAgB;IACd,aAAY;IACZ,YAAY,KAAA;KACb;KAEH,EAAE,WAAW,MACf,CAAA;EAEA,sBAAsB;GACpB,aAAY;GACZ,YAAY,KAAA;IACb;;UAxGC,WAAQ,KAAA,QAAA,UAAA"}

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;
 }>, {
-  trigger: "hover" | "click";
   direction: TipDirection;
+  trigger: "hover" | "click";
   icon: _$vue.Component;
   iconColor: string;
   confirmText: string;

package/dist/components/table/node/col.js

@@ -1,4 +1,4 @@
-import { reactive, shallowReactive } from "vue";
+import { isReactive, reactive, shallowReactive } from "vue";
 import { TreeNode } from "@cat-kit/core";
 //#region src/components/table/node/col.ts
 var ColumnNode = class extends TreeNode {
@@ -76,7 +76,7 @@ var ColumnNode = class extends TreeNode {
 	}
 	style = reactive({});
 	constructor(val, index, depth, parent) {
-		super(val ? shallowReactive(val) : val, index, depth, parent);
+		super(isReactive(val) ? val : shallowReactive(val), index, depth, parent);
 	}
 };
 //#endregion

package/dist/components/table/node/col.js.map

@@ -1 +1 @@
-{"version":3,"file":"col.js","names":[],"sources":["../../../../src/components/table/node/col.ts"],"sourcesContent":["import { TreeNode } from '@cat-kit/core'\nimport { reactive, shallowReactive } from 'vue'\n\nimport type { TableColumn, TableColumnAlign } from '../../../types'\n\nexport class ColumnNode extends TreeNode<TableColumn, ColumnNode> {\n  declare children?: ColumnNode[] | undefined\n  declare parent?: ColumnNode\n  /** 叶子节点数量 */\n  leafs?: number\n\n  nextNode: ColumnNode | null = null\n\n  /** 列key */\n  get key(): string {\n    return this.data.key\n  }\n  set key(val) {\n    this.data.key = val\n  }\n  /** 列名 */\n  get name(): string {\n    return this.data.name\n  }\n  set name(val) {\n    this.data.name = val\n  }\n\n  /**\n   * 列对齐方式\n   * @default 'left'\n   */\n  get align(): TableColumnAlign {\n    return this.data.align ?? 'left'\n  }\n  set align(val) {\n    this.data.align = val\n  }\n\n  get headerAlign(): TableColumnAlign {\n    return this.data.headerAlign ?? this.align\n  }\n  set headerAlign(val) {\n    this.data.headerAlign = val\n  }\n\n  /** 宽度 */\n  get width(): number | undefined {\n    const { width } = this.data\n    if (!width || (this.minWidth && width && width < this.minWidth)) {\n      return this.minWidth\n    }\n    return width\n  }\n  set width(val) {\n    if (this.minWidth && val && val < this.minWidth) {\n      val = this.minWidth\n    }\n    this.data.width = val\n  }\n  /** 最小宽度 */\n  get minWidth(): number | undefined {\n    const minWidth = this.data.minWidth\n    if (!minWidth && this.isLeaf) {\n      return 100\n    }\n    return minWidth\n  }\n  set minWidth(val) {\n    this.data.minWidth = val\n  }\n\n  /** 列固定方向 */\n  get fixed(): 'left' | 'right' | undefined {\n    if (this.depth > 0) return\n    return this.data.fixed\n  }\n  set fixed(val) {\n    this.data.fixed = val\n  }\n\n  /** 是否是左侧的最后一个固定列 */\n  get isLastFixed(): boolean {\n    return this.data.isLastFixed ?? false\n  }\n\n  /** 是否是右侧的第一个固定列 */\n  get isFirstFixed(): boolean {\n    return this.data.isFirstFixed ?? false\n  }\n\n  /** 是否是可调整宽度的列 */\n  get resizable(): boolean {\n    return this.data.resizable ?? true\n  }\n\n  style: Record<string, number> = reactive({})\n\n  constructor(val: TableColumn, index: number, depth: number, parent?: ColumnNode) {\n    super(val ? shallowReactive(val) : val, index, depth, parent)\n  }\n}\n"],"mappings":";;;AAKA,IAAa,aAAb,cAAgC,SAAkC;;CAIhE;CAEA,WAA8B;;CAG9B,IAAI,MAAc;EAChB,OAAO,KAAK,KAAK;;CAEnB,IAAI,IAAI,KAAK;EACX,KAAK,KAAK,MAAM;;;CAGlB,IAAI,OAAe;EACjB,OAAO,KAAK,KAAK;;CAEnB,IAAI,KAAK,KAAK;EACZ,KAAK,KAAK,OAAO;;;;;;CAOnB,IAAI,QAA0B;EAC5B,OAAO,KAAK,KAAK,SAAS;;CAE5B,IAAI,MAAM,KAAK;EACb,KAAK,KAAK,QAAQ;;CAGpB,IAAI,cAAgC;EAClC,OAAO,KAAK,KAAK,eAAe,KAAK;;CAEvC,IAAI,YAAY,KAAK;EACnB,KAAK,KAAK,cAAc;;;CAI1B,IAAI,QAA4B;EAC9B,MAAM,EAAE,UAAU,KAAK;EACvB,IAAI,CAAC,SAAU,KAAK,YAAY,SAAS,QAAQ,KAAK,UACpD,OAAO,KAAK;EAEd,OAAO;;CAET,IAAI,MAAM,KAAK;EACb,IAAI,KAAK,YAAY,OAAO,MAAM,KAAK,UACrC,MAAM,KAAK;EAEb,KAAK,KAAK,QAAQ;;;CAGpB,IAAI,WAA+B;EACjC,MAAM,WAAW,KAAK,KAAK;EAC3B,IAAI,CAAC,YAAY,KAAK,QACpB,OAAO;EAET,OAAO;;CAET,IAAI,SAAS,KAAK;EAChB,KAAK,KAAK,WAAW;;;CAIvB,IAAI,QAAsC;EACxC,IAAI,KAAK,QAAQ,GAAG;EACpB,OAAO,KAAK,KAAK;;CAEnB,IAAI,MAAM,KAAK;EACb,KAAK,KAAK,QAAQ;;;CAIpB,IAAI,cAAuB;EACzB,OAAO,KAAK,KAAK,eAAe;;;CAIlC,IAAI,eAAwB;EAC1B,OAAO,KAAK,KAAK,gBAAgB;;;CAInC,IAAI,YAAqB;EACvB,OAAO,KAAK,KAAK,aAAa;;CAGhC,QAAgC,SAAS,EAAE,CAAC;CAE5C,YAAY,KAAkB,OAAe,OAAe,QAAqB;EAC/E,MAAM,MAAM,gBAAgB,IAAI,GAAG,KAAK,OAAO,OAAO,OAAO"}
+{"version":3,"file":"col.js","names":[],"sources":["../../../../src/components/table/node/col.ts"],"sourcesContent":["import { TreeNode } from '@cat-kit/core'\nimport { isReactive, reactive, shallowReactive } from 'vue'\n\nimport type { TableColumn, TableColumnAlign } from '../../../types'\n\nexport class ColumnNode extends TreeNode<TableColumn, ColumnNode> {\n  declare children?: ColumnNode[] | undefined\n  declare parent?: ColumnNode\n  /** 叶子节点数量 */\n  leafs?: number\n\n  nextNode: ColumnNode | null = null\n\n  /** 列key */\n  get key(): string {\n    return this.data.key\n  }\n  set key(val) {\n    this.data.key = val\n  }\n  /** 列名 */\n  get name(): string {\n    return this.data.name\n  }\n  set name(val) {\n    this.data.name = val\n  }\n\n  /**\n   * 列对齐方式\n   * @default 'left'\n   */\n  get align(): TableColumnAlign {\n    return this.data.align ?? 'left'\n  }\n  set align(val) {\n    this.data.align = val\n  }\n\n  get headerAlign(): TableColumnAlign {\n    return this.data.headerAlign ?? this.align\n  }\n  set headerAlign(val) {\n    this.data.headerAlign = val\n  }\n\n  /** 宽度 */\n  get width(): number | undefined {\n    const { width } = this.data\n    if (!width || (this.minWidth && width && width < this.minWidth)) {\n      return this.minWidth\n    }\n    return width\n  }\n  set width(val) {\n    if (this.minWidth && val && val < this.minWidth) {\n      val = this.minWidth\n    }\n    this.data.width = val\n  }\n  /** 最小宽度 */\n  get minWidth(): number | undefined {\n    const minWidth = this.data.minWidth\n    if (!minWidth && this.isLeaf) {\n      return 100\n    }\n    return minWidth\n  }\n  set minWidth(val) {\n    this.data.minWidth = val\n  }\n\n  /** 列固定方向 */\n  get fixed(): 'left' | 'right' | undefined {\n    if (this.depth > 0) return\n    return this.data.fixed\n  }\n  set fixed(val) {\n    this.data.fixed = val\n  }\n\n  /** 是否是左侧的最后一个固定列 */\n  get isLastFixed(): boolean {\n    return this.data.isLastFixed ?? false\n  }\n\n  /** 是否是右侧的第一个固定列 */\n  get isFirstFixed(): boolean {\n    return this.data.isFirstFixed ?? false\n  }\n\n  /** 是否是可调整宽度的列 */\n  get resizable(): boolean {\n    return this.data.resizable ?? true\n  }\n\n  style: Record<string, number> = reactive({})\n\n  constructor(val: TableColumn, index: number, depth: number, parent?: ColumnNode) {\n    super(isReactive(val) ? val : shallowReactive(val), index, depth, parent)\n  }\n}\n"],"mappings":";;;AAKA,IAAa,aAAb,cAAgC,SAAkC;;CAIhE;CAEA,WAA8B;;CAG9B,IAAI,MAAc;EAChB,OAAO,KAAK,KAAK;;CAEnB,IAAI,IAAI,KAAK;EACX,KAAK,KAAK,MAAM;;;CAGlB,IAAI,OAAe;EACjB,OAAO,KAAK,KAAK;;CAEnB,IAAI,KAAK,KAAK;EACZ,KAAK,KAAK,OAAO;;;;;;CAOnB,IAAI,QAA0B;EAC5B,OAAO,KAAK,KAAK,SAAS;;CAE5B,IAAI,MAAM,KAAK;EACb,KAAK,KAAK,QAAQ;;CAGpB,IAAI,cAAgC;EAClC,OAAO,KAAK,KAAK,eAAe,KAAK;;CAEvC,IAAI,YAAY,KAAK;EACnB,KAAK,KAAK,cAAc;;;CAI1B,IAAI,QAA4B;EAC9B,MAAM,EAAE,UAAU,KAAK;EACvB,IAAI,CAAC,SAAU,KAAK,YAAY,SAAS,QAAQ,KAAK,UACpD,OAAO,KAAK;EAEd,OAAO;;CAET,IAAI,MAAM,KAAK;EACb,IAAI,KAAK,YAAY,OAAO,MAAM,KAAK,UACrC,MAAM,KAAK;EAEb,KAAK,KAAK,QAAQ;;;CAGpB,IAAI,WAA+B;EACjC,MAAM,WAAW,KAAK,KAAK;EAC3B,IAAI,CAAC,YAAY,KAAK,QACpB,OAAO;EAET,OAAO;;CAET,IAAI,SAAS,KAAK;EAChB,KAAK,KAAK,WAAW;;;CAIvB,IAAI,QAAsC;EACxC,IAAI,KAAK,QAAQ,GAAG;EACpB,OAAO,KAAK,KAAK;;CAEnB,IAAI,MAAM,KAAK;EACb,KAAK,KAAK,QAAQ;;;CAIpB,IAAI,cAAuB;EACzB,OAAO,KAAK,KAAK,eAAe;;;CAIlC,IAAI,eAAwB;EAC1B,OAAO,KAAK,KAAK,gBAAgB;;;CAInC,IAAI,YAAqB;EACvB,OAAO,KAAK,KAAK,aAAa;;CAGhC,QAAgC,SAAS,EAAE,CAAC;CAE5C,YAAY,KAAkB,OAAe,OAAe,QAAqB;EAC/E,MAAM,WAAW,IAAI,GAAG,MAAM,gBAAgB,IAAI,EAAE,OAAO,OAAO,OAAO"}

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

@@ -16,12 +16,12 @@ declare const __VLS_base: _$vue.DefineComponent<__VLS_PublicProps, {}, {}, {}, {
   "update:modelValue": (value: string | undefined) => any;
 } & {
   "update:modelValue": (value: string) => any;
-  close: (item: TabItem, index: number) => any;
   click: (item: TabItem, index: number) => any;
+  close: (item: TabItem, index: number) => any;
 }, string, _$vue.PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
   "onUpdate:modelValue"?: ((value: string) => any) | undefined;
-  onClose?: ((item: TabItem, index: number) => any) | undefined;
   onClick?: ((item: TabItem, index: number) => any) | undefined;
+  onClose?: ((item: TabItem, index: number) => any) | undefined;
 }>, {
   closable: boolean;
   rounded: boolean;

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

@@ -15,12 +15,12 @@ declare const __VLS_base: _$vue.DefineComponent<__VLS_PublicProps, {}, {}, {}, {
   "update:modelValue": (value: string | undefined) => any;
 } & {
   "update:modelValue": (value: string) => any;
-  close: (item: TabItem, index: number) => any;
   click: (item: TabItem, index: number) => any;
+  close: (item: TabItem, index: number) => any;
 }, string, _$vue.PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
   "onUpdate:modelValue"?: ((value: string) => any) | undefined;
-  onClose?: ((item: TabItem, index: number) => any) | undefined;
   onClick?: ((item: TabItem, index: number) => any) | undefined;
+  onClose?: ((item: TabItem, index: number) => any) | undefined;
 }>, {
   closable: boolean;
   rounded: boolean;

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

@@ -11,12 +11,12 @@ declare const __VLS_export: _$vue.DefineComponent<__VLS_PublicProps, {}, {}, {},
   "update:modelValue": (value: string | undefined) => any;
 } & {
   "update:modelValue": (value: string) => any;
-  close: (item: TabItem, index: number) => any;
   click: (item: TabItem, index: number) => any;
+  close: (item: TabItem, index: number) => any;
 }, string, _$vue.PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
   "onUpdate:modelValue"?: ((value: string) => any) | undefined;
-  onClose?: ((item: TabItem, index: number) => any) | undefined;
   onClick?: ((item: TabItem, index: number) => any) | undefined;
+  onClose?: ((item: TabItem, index: number) => any) | undefined;
 }>, {
   closable: boolean;
   rounded: boolean;

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/types/collapse.d.ts

@@ -20,11 +20,6 @@ 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.20",
+  "version": "1.1.22",
   "files": [
     "dist",
     "src"
@@ -37,9 +37,6 @@
   "scripts": {
     "build": "vp pack"
   },
-  "devDependencies": {
-    "@cat-kit/fe": "^1.1.3"
-  },
   "dependencies": {
     "@codemirror/lang-java": "^6.0.2",
     "@codemirror/lang-javascript": "^6.2.5",
@@ -48,33 +45,34 @@
     "@codemirror/state": "^6.6.0",
     "@codemirror/theme-one-dark": "^6.1.3",
     "@codemirror/view": "^6.41.1",
-    "@embedpdf/core": "^2.14.1",
-    "@embedpdf/engines": "^2.14.1",
-    "@embedpdf/plugin-document-manager": "^2.14.1",
-    "@embedpdf/plugin-render": "^2.14.1",
-    "@embedpdf/plugin-scroll": "^2.14.1",
-    "@embedpdf/plugin-viewport": "^2.14.1",
+    "@embedpdf/core": "^2.14.3",
+    "@embedpdf/engines": "^2.14.3",
+    "@embedpdf/plugin-document-manager": "^2.14.3",
+    "@embedpdf/plugin-render": "^2.14.3",
+    "@embedpdf/plugin-scroll": "^2.14.3",
+    "@embedpdf/plugin-viewport": "^2.14.3",
     "@embedpdf/plugin-zoom": "^2.14.1",
-    "@lexical/history": "^0.43.0",
-    "@lexical/html": "^0.43.0",
-    "@lexical/link": "^0.43.0",
-    "@lexical/list": "^0.43.0",
-    "@lexical/rich-text": "^0.43.0",
-    "@lexical/selection": "^0.43.0",
-    "@lexical/utils": "^0.43.0",
-    "@visactor/vtable": "^1.26.0",
+    "@lexical/history": "^0.45.0",
+    "@lexical/html": "^0.45.0",
+    "@lexical/link": "^0.45.0",
+    "@lexical/list": "^0.45.0",
+    "@lexical/rich-text": "^0.45.0",
+    "@lexical/selection": "^0.45.0",
+    "@lexical/utils": "^0.45.0",
+    "@visactor/vtable": "^1.26.1",
     "codemirror": "^6.0.2",
     "docx-preview": "^0.3.7",
-    "lexical": "^0.43.0"
+    "lexical": "^0.45.0"
   },
   "peerDependencies": {
-    "@cat-kit/core": ">=1.1.0",
+    "@cat-kit/core": ">=1.1.5",
     "@cat-kit/excel": ">=1.0.0",
-    "@veltra/compositions": "1.1.20",
-    "@veltra/directives": "1.1.20",
-    "@veltra/icons": "1.1.20",
-    "@veltra/styles": "1.1.20",
-    "@veltra/utils": "1.1.20",
+    "@cat-kit/fe": "^1.1.5",
+    "@veltra/compositions": "1.1.22",
+    "@veltra/directives": "1.1.22",
+    "@veltra/icons": "1.1.22",
+    "@veltra/styles": "1.1.22",
+    "@veltra/utils": "1.1.22",
     "vue": ">=3.5.0"
   }
 }

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

@@ -54,8 +54,7 @@ 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('bordered', context?.bordered.value)
+  bem.is('disabled', props.disabled)
 ])
 
 const headerClassList = computed(() => [

package/src/components/collapse/collapse.vue

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

package/src/components/collapse/di.ts

@@ -6,7 +6,6 @@ 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

@@ -1,6 +1,4 @@
-@use 'sass:map';
 @use 'pkg:@veltra/styles/mixins' as m;
-@use 'pkg:@veltra/styles/vars';
 @use 'pkg:@veltra/styles/functions' as fn;
 
 $root-name: collapse;
@@ -9,6 +7,32 @@ $root-name: collapse;
 $ease: cubic-bezier(0.4, 0, 0.2, 1);
 $transition-fast: 0.18s $ease;
 $transition-normal: 0.24s $ease;
+$item-bg: fn.component-var(
+  collapse,
+  item-bg,
+  color-mix(in srgb, #{fn.use-var(bg-color, hover)} 72%, #{fn.use-var(bg-color, top)})
+);
+$item-hover-bg: fn.component-var(
+  collapse,
+  item-hover-bg,
+  color-mix(in srgb, #{fn.use-var(color, primary)} 4%, #{$item-bg})
+);
+$item-active-bg: fn.component-var(
+  collapse,
+  item-active-bg,
+  color-mix(in srgb, #{fn.use-var(color, primary)} 5%, #{$item-bg})
+);
+$header-active-bg: fn.component-var(
+  collapse,
+  header-active-bg,
+  color-mix(in srgb, #{fn.use-var(color, primary)} 8%, #{$item-bg})
+);
+$content-bg: fn.component-var(
+  collapse,
+  content-bg,
+  color-mix(in srgb, #{$item-active-bg} 42%, #{fn.use-var(bg-color, top)})
+);
+$active-title-color: fn.component-var(collapse, active-title-color, fn.use-var(color, primary));
 
 @include m.b($root-name) {
   width: 100%;
@@ -18,32 +42,42 @@ $transition-normal: 0.24s $ease;
 
   // ===== Item =====
   @include m.e(item) {
+    position: relative;
     border-radius: calc(fn.use-var(radius, default) + 2px);
-    background-color: fn.use-var(bg-color, hover);
+    overflow: hidden;
+    background-color: $item-bg;
     transition: background-color $transition-fast;
 
+    &::before {
+      content: '';
+      position: absolute;
+      top: 0;
+      bottom: 0;
+      left: 0;
+      width: 3px;
+      background-color: fn.use-var(color, primary);
+      opacity: 0;
+      pointer-events: none;
+      transition: opacity $transition-fast;
+      z-index: 1;
+    }
+
     & + #{fn.bem($root-name, item)} {
       margin-top: fn.use-var(gap, default);
     }
 
     @include m.is-not(disabled) {
       &:hover {
-        // hover 状态与展开状态保持一致的微加深背景（混入 6% 的正文文字色）
-        background-color: color-mix(
-          in srgb,
-          #{fn.use-var(text-color, main)} 6%,
-          #{fn.use-var(bg-color, hover)}
-        );
+        background-color: $item-hover-bg;
       }
     }
 
     @include m.is(active) {
-      // 展开/活动状态背景（混入 6% 的正文文字色）
-      background-color: color-mix(
-        in srgb,
-        #{fn.use-var(text-color, main)} 6%,
-        #{fn.use-var(bg-color, hover)}
-      );
+      background-color: $item-active-bg;
+
+      &::before {
+        opacity: 1;
+      }
     }
 
     @include m.is(disabled) {
@@ -79,10 +113,14 @@ $transition-normal: 0.24s $ease;
 
     @include m.is(active) {
       font-weight: 600;
+      color: $active-title-color;
+      background-color: $header-active-bg;
+      border-bottom-right-radius: 0;
+      border-bottom-left-radius: 0;
 
       #{fn.bem($root-name, icon)} {
         transform: rotate(90deg);
-        color: fn.use-var(text-color, second);
+        color: $active-title-color;
       }
     }
   }
@@ -111,6 +149,9 @@ $transition-normal: 0.24s $ease;
   @include m.e(content-wrapper) {
     overflow: hidden;
     height: 0;
+    border-bottom-right-radius: inherit;
+    border-bottom-left-radius: inherit;
+    background-color: $content-bg;
     transition: height $transition-normal;
   }
 
@@ -141,25 +182,4 @@ $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/file-viewer/previewers/pdf-viewport-scroll.vue

@@ -1,15 +1,10 @@
 <template>
-  <!-- EmbedPDF Viewport 自带滚动；u-scroll 仅同步自定义滚动条 -->
-  <u-scroll>
-    <slot />
-  </u-scroll>
+  <slot />
 </template>
 
 <script lang="ts" setup>
 import { computed, inject, onBeforeUnmount, type Ref, watch } from 'vue'
 
-import { UScroll } from '../../scroll'
-
 defineOptions({ name: 'FileViewerPdfViewportScroll' })
 
 /** EmbedPDF Viewport 向子树注入的滚动容器 ref */

package/src/components/table/node/col.ts

@@ -1,5 +1,5 @@
 import { TreeNode } from '@cat-kit/core'
-import { reactive, shallowReactive } from 'vue'
+import { isReactive, reactive, shallowReactive } from 'vue'
 
 import type { TableColumn, TableColumnAlign } from '../../../types'
 
@@ -97,6 +97,6 @@ export class ColumnNode extends TreeNode<TableColumn, ColumnNode> {
   style: Record<string, number> = reactive({})
 
   constructor(val: TableColumn, index: number, depth: number, parent?: ColumnNode) {
-    super(val ? shallowReactive(val) : val, index, depth, parent)
+    super(isReactive(val) ? val : shallowReactive(val), index, depth, parent)
   }
 }

package/src/types/collapse.ts

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