@veltra/desktop 1.3.10 → 1.4.0

package/dist/components/action/action-group.vue.d.ts

@@ -6,8 +6,8 @@ type __VLS_Slots = {
   default?: () => VNode[];
 };
 declare const __VLS_base: import("vue").DefineComponent<ActionGroupProps, _ActionGroupExposed, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<ActionGroupProps> & Readonly<{}>, {
-  size: "small" | "default" | "large";
   type: import("@veltra/utils").ColorType;
+  size: "small" | "default" | "large";
   max: number;
   text: boolean;
   circle: boolean;

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

@@ -14,8 +14,8 @@ declare const __VLS_base: import("vue").DefineComponent<ActionProps, {}, {}, {},
 }, string, import("vue").PublicProps, Readonly<ActionProps> & Readonly<{
   onRun?: (() => any) | undefined;
 }>, {
-  size: import("@veltra/utils").ComponentSize;
   type: ButtonType;
+  size: import("@veltra/utils").ComponentSize;
   text: boolean;
   circle: boolean;
   loading: boolean;

package/dist/components/batch-edit/batch-edit.vue.d.ts

@@ -8,28 +8,28 @@ declare const __VLS_base: import("vue").DefineComponent<BatchEditProps, {}, {},
   "update:selected": (value: Record<string, any> | undefined) => any;
   "update:checked": (value: Record<string, any>[]) => any;
   "update:current": (row?: TableRow | undefined) => any;
-  "update:rows": (rows: TableRow[]) => any;
-  "update:forest": (rows?: import("@cat-kit/core").Forest<Record<string, unknown>, any> | undefined) => any;
-  "cell-click": (row: TableRow, column: TableColumn, ev: MouseEvent) => any;
-  "row-click": (row: TableRow, ev: MouseEvent) => any;
   create: () => any;
   "update:data": (value: Record<string, any>[]) => any;
   "create-prev": (row: TableRow) => any;
   "create-next": (row: TableRow) => any;
   "create-child": (row: TableRow) => any;
+  "update:rows": (rows: TableRow[]) => any;
+  "update:forest": (rows?: import("@cat-kit/core").Forest<Record<string, unknown>, any> | undefined) => any;
+  "cell-click": (row: TableRow, column: TableColumn, ev: MouseEvent) => any;
+  "row-click": (row: TableRow, ev: MouseEvent) => any;
 }, string, import("vue").PublicProps, Readonly<BatchEditProps> & Readonly<{
   "onUpdate:selected"?: ((value: Record<string, any> | undefined) => any) | undefined;
   "onUpdate:checked"?: ((value: Record<string, any>[]) => any) | undefined;
   "onUpdate:current"?: ((row?: TableRow | undefined) => any) | undefined;
-  "onUpdate:rows"?: ((rows: TableRow[]) => any) | undefined;
-  "onUpdate:forest"?: ((rows?: import("@cat-kit/core").Forest<Record<string, unknown>, any> | undefined) => any) | undefined;
-  "onCell-click"?: ((row: TableRow, column: TableColumn, ev: MouseEvent) => any) | undefined;
-  "onRow-click"?: ((row: TableRow, ev: MouseEvent) => any) | undefined;
   onCreate?: (() => any) | undefined;
   "onUpdate:data"?: ((value: Record<string, any>[]) => any) | undefined;
   "onCreate-prev"?: ((row: TableRow) => any) | undefined;
   "onCreate-next"?: ((row: TableRow) => any) | undefined;
   "onCreate-child"?: ((row: TableRow) => any) | undefined;
+  "onUpdate:rows"?: ((rows: TableRow[]) => any) | undefined;
+  "onUpdate:forest"?: ((rows?: import("@cat-kit/core").Forest<Record<string, unknown>, any> | undefined) => any) | undefined;
+  "onCell-click"?: ((row: TableRow, column: TableColumn, ev: MouseEvent) => any) | undefined;
+  "onRow-click"?: ((row: TableRow, ev: MouseEvent) => any) | undefined;
 }>, {
   cols: string | [string, string];
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;

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

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

package/dist/components/checkbox/checkbox-button.vue.d.ts

@@ -18,9 +18,9 @@ declare const __VLS_base: import("vue").DefineComponent<__VLS_PublicProps, {}, {
   "onUpdate:modelValue"?: ((checked: boolean) => any) | undefined;
   onChange?: ((checked: boolean) => any) | undefined;
 }>, {
+  type: import("@veltra/utils").ColorType;
   disabled: boolean;
   readonly: boolean;
-  type: import("@veltra/utils").ColorType;
   round: boolean;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;

package/dist/components/checkbox-group/checkbox-group.vue.d.ts

@@ -13,10 +13,10 @@ declare const __VLS_export: import("vue").DefineComponent<__VLS_PublicProps, {},
 }, string, import("vue").PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
   "onUpdate:modelValue"?: ((value: any[]) => any) | undefined;
 }>, {
-  disabled: boolean;
-  readonly: boolean;
   labelKey: string;
   valueKey: string;
+  disabled: boolean;
+  readonly: boolean;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const _default: typeof __VLS_export;
 //#endregion

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

@@ -1,8 +1,9 @@
 import _sfc_main$1 from "../icon/icon.js";
 import { CollapseDIKey } from "./di.js";
 import { computed, createBlock, createElementBlock, createElementVNode, createTextVNode, createVNode, defineComponent, inject, normalizeClass, onBeforeUnmount, onMounted, openBlock, ref, renderSlot, resolveDynamicComponent, toDisplayString, unref, watch, withCtx, withKeys, withModifiers } from "vue";
-import { bem } from "@veltra/utils";
-import { ArrowRight } from "@veltra/icons/normal";
+import { useModel as useModel$1 } from "@veltra/compositions";
+import { ExpandTransition, bem } from "@veltra/utils";
+import { ArrowDown } from "@veltra/icons/normal";
 //#region src/components/collapse/collapse-item.vue
 const _hoisted_1 = [
 	"aria-expanded",
@@ -16,15 +17,30 @@ const _sfc_main = /*@__PURE__*/ defineComponent({
 	__name: "collapse-item",
 	props: {
 		value: {},
+		modelValue: {
+			type: Boolean,
+			default: false
+		},
 		title: {},
-		disabled: { type: Boolean }
+		disabled: { type: Boolean },
+		expandIcon: {}
 	},
-	setup(__props) {
+	emits: ["update:modelValue", "change"],
+	setup(__props, { emit: __emit }) {
 		const props = __props;
-		const context = inject(CollapseDIKey);
+		const emit = __emit;
+		const context = inject(CollapseDIKey, void 0);
 		const cls = context?.cls ?? bem("collapse");
-		const isActive = computed(() => !!context?.activeValues.value.includes(props.value));
-		const iconComponent = computed(() => context?.expandIcon.value ?? ArrowRight);
+		const standaloneModel = useModel$1({
+			props,
+			emit,
+			defaultValue: false
+		});
+		const isActive = computed(() => {
+			if (context) return props.value !== void 0 && context.activeValues.value.includes(props.value);
+			return !!standaloneModel.value;
+		});
+		const iconComponent = computed(() => context?.expandIcon.value ?? props.expandIcon ?? ArrowDown);
 		const classList = computed(() => [
 			cls.e("item"),
 			bem.is("active", isActive.value),
@@ -35,14 +51,21 @@ const _sfc_main = /*@__PURE__*/ defineComponent({
 			bem.is("disabled", props.disabled),
 			bem.is("active", isActive.value)
 		]);
+		const expandTransition = context?.expandTransition ?? new ExpandTransition({ transition: "height 0.24s cubic-bezier(0.4, 0, 0.2, 1)" });
 		const handleClick = () => {
 			if (props.disabled) return;
-			context?.toggle(props.value);
+			if (context) {
+				if (props.value === void 0) return;
+				context.toggle(props.value);
+				return;
+			}
+			const next = !standaloneModel.value;
+			standaloneModel.value = next;
+			emit("change", next);
 		};
 		const wrapperEl = ref();
-		const { expandTransition } = context;
 		onMounted(() => {
-			context?.register(props.value);
+			if (context && props.value !== void 0) context.register(props.value);
 			if (!wrapperEl.value) return;
 			expandTransition.setExpanded(wrapperEl.value, isActive.value);
 		});
@@ -51,7 +74,7 @@ const _sfc_main = /*@__PURE__*/ defineComponent({
 			active ? expandTransition.expand(wrapperEl.value) : expandTransition.collapse(wrapperEl.value);
 		});
 		onBeforeUnmount(() => {
-			context?.unregister(props.value);
+			if (context && props.value !== void 0) context.unregister(props.value);
 			if (!wrapperEl.value) return;
 			expandTransition.cancel(wrapperEl.value);
 		});

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({ name: 'UCollapseItem' })\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":";;;;;;;;;;;;;;;;;;;;;;EAyCA,MAAM,QAAQ;EAEd,MAAM,UAAU,OAAO,aAAa;EAEpC,MAAM,MAAM,SAAS,OAAO,IAAI,UAAU;EAE1C,MAAM,WAAW,eAAe,CAAC,CAAC,SAAS,aAAa,MAAM,SAAS,MAAM,KAAK,CAAC;EAEnF,MAAM,gBAAgB,eAAe,SAAS,WAAW,SAAS,UAAU;EAE5E,MAAM,YAAY,eAAe;GAC/B,IAAI,EAAE,MAAM;GACZ,IAAI,GAAG,UAAU,SAAS,KAAK;GAC/B,IAAI,GAAG,YAAY,MAAM,QAAQ;EACnC,CAAC;EAED,MAAM,kBAAkB,eAAe;GACrC,IAAI,EAAE,QAAQ;GACd,IAAI,GAAG,YAAY,MAAM,QAAQ;GACjC,IAAI,GAAG,UAAU,SAAS,KAAK;EACjC,CAAC;EAED,MAAM,oBAAoB;GACxB,IAAI,MAAM,UAAU;GACpB,SAAS,OAAO,MAAM,KAAK;EAC7B;EAEA,MAAM,YAAY,IAAiB;EAEnC,MAAM,EAAE,qBAAqB;EAE7B,gBAAgB;GACd,SAAS,SAAS,MAAM,KAAK;GAC7B,IAAI,CAAC,UAAU,OAAO;GACtB,iBAAiB,YAAY,UAAU,OAAO,SAAS,KAAK;EAC9D,CAAC;EAED,MAAM,WAAW,WAAW;GAC1B,IAAI,CAAC,UAAU,OAAO;GACtB,SAAS,iBAAiB,OAAO,UAAU,KAAK,IAAI,iBAAiB,SAAS,UAAU,KAAK;EAC/F,CAAC;EAED,sBAAsB;GACpB,SAAS,WAAW,MAAM,KAAK;GAC/B,IAAI,CAAC,UAAU,OAAO;GACtB,iBAAiB,OAAO,UAAU,KAAK;EACzC,CAAC;;uBAtFC,mBA0BM,OAAA,EA1BA,OAAK,eAAE,UAAA,KAAS,EAAA,GAAA,CACpB,mBAmBM,OAAA;IAlBH,OAAK,eAAE,gBAAA,KAAe;IACvB,MAAK;IACJ,iBAAe,SAAA;IACf,iBAAe,QAAA;IACf,UAAU,QAAA,WAAQ,KAAA;IAClB,SAAO;IACP,WAAO,CAAA,SAAA,cAAgB,aAAW,CAAA,SAAA,CAAA,GAAA,CAAA,OAAA,CAAA,GAAA,SAAA,cACX,aAAW,CAAA,SAAA,CAAA,GAAA,CAAA,OAAA,CAAA,CAAA;OAEnC,mBAEO,QAAA,EAFA,OAAK,eAAE,MAAA,GAAA,CAAG,CAAC,EAAC,OAAA,CAAA,EAAA,GAAA,CACjB,WAAqC,KAAA,QAAA,SAAA,CAAA,SAAA,CAAA,gBAAA,gBAAf,QAAA,KAAK,GAAA,CAAA,CAAA,CAAA,CAAA,GAAA,CAAA,GAG7B,mBAIO,QAAA,EAJA,OAAK,eAAE,MAAA,GAAA,CAAG,CAAC,EAAC,MAAA,CAAA,EAAA,GAAA,CACjB,WAEO,KAAA,QAAA,QAAA,EAFY,UAAW,SAAA,MAAQ,SAE/B,CADL,YAAgD,MAAA,WAAA,GAAA,MAAA;2BAAR,EAAA,UAAA,GAAjC,YAAiC,wBAAjB,cAAA,KAAa,CAAA,EAAA,CAAA;;gCAI1C,mBAIM,OAAA;aAJG;IAAJ,KAAI;IAAa,OAAK,eAAE,MAAA,GAAA,CAAG,CAAC,EAAC,iBAAA,CAAA;IAAsB,eAAW,CAAG,SAAA;OACpE,mBAEM,OAAA,EAFA,OAAK,eAAE,MAAA,GAAA,CAAG,CAAC,EAAC,SAAA,CAAA,EAAA,GAAA,CAChB,WAAQ,KAAA,QAAA,SAAA,CAAA,GAAA,CAAA,CAAA,GAAA,IAAA,UAAA,CAAA,GAAA,CAAA"}
+{"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 { useModel } from '@veltra/compositions'\nimport { ArrowDown } from '@veltra/icons/normal'\nimport { bem, ExpandTransition } from '@veltra/utils'\nimport { computed, inject, onBeforeUnmount, onMounted, ref, watch } from 'vue'\n\nimport type { CollapseItemEmits, CollapseItemProps } from '../../types'\nimport { UIcon } from '../icon'\nimport { CollapseDIKey } from './di'\n\ndefineOptions({ name: 'UCollapseItem' })\n\nconst props = withDefaults(defineProps<CollapseItemProps>(), { modelValue: false })\nconst emit = defineEmits<CollapseItemEmits>()\n\nconst context = inject(CollapseDIKey, undefined)\n\nconst cls = context?.cls ?? bem('collapse')\n\nconst standaloneModel = useModel<CollapseItemProps, 'modelValue'>({\n  props,\n  emit,\n  defaultValue: false\n})\n\nconst isActive = computed(() => {\n  if (context) {\n    return props.value !== undefined && context.activeValues.value.includes(props.value)\n  }\n  return !!standaloneModel.value\n})\n\nconst iconComponent = computed(() => context?.expandIcon.value ?? props.expandIcon ?? ArrowDown)\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 expandTransition =\n  context?.expandTransition ??\n  new ExpandTransition({ transition: 'height 0.24s cubic-bezier(0.4, 0, 0.2, 1)' })\n\nconst handleClick = () => {\n  if (props.disabled) return\n\n  if (context) {\n    if (props.value === undefined) return\n    context.toggle(props.value)\n    return\n  }\n\n  const next = !standaloneModel.value\n  standaloneModel.value = next\n  emit('change', next)\n}\n\nconst wrapperEl = ref<HTMLElement>()\n\nonMounted(() => {\n  if (context && props.value !== undefined) {\n    context.register(props.value)\n  }\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  if (context && props.value !== undefined) {\n    context.unregister(props.value)\n  }\n  if (!wrapperEl.value) return\n  expandTransition.cancel(wrapperEl.value)\n})\n</script>\n"],"mappings":"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"}

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

@@ -11,7 +11,15 @@ type __VLS_Slots = {} & {
 } & {
   default?: (props: typeof __VLS_16) => any;
 };
-declare const __VLS_base: import("vue").DefineComponent<CollapseItemProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<CollapseItemProps> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const __VLS_base: import("vue").DefineComponent<CollapseItemProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
+  "update:modelValue": (value: boolean) => any;
+  change: (value: boolean) => any;
+}, string, import("vue").PublicProps, Readonly<CollapseItemProps> & Readonly<{
+  "onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
+  onChange?: ((value: boolean) => any) | undefined;
+}>, {
+  modelValue: boolean;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
 declare const _default: typeof __VLS_export;
 type __VLS_WithSlots<T, S> = T & {

package/dist/components/collapse/style2.css

@@ -22,37 +22,14 @@
   background-color: transparent;
 }
 .u-collapse__item {
-  position: relative;
-  border-radius: calc(var(--u-radius-default) + 2px);
+  border: var(--u-border-muted);
+  border-radius: var(--u-radius-default);
+  background-color: var(--u-bg-color-middle);
   overflow: hidden;
-  background-color: var(--u-collapse-item-bg);
-  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: var(--u-collapse-item-hover-bg);
-}
-.u-collapse__item.is-active {
-  background-color: var(--u-collapse-item-active-bg);
-}
-.u-collapse__item.is-active::before {
-  opacity: 1;
-}
 .u-collapse__item.is-disabled {
   opacity: 0.55;
 }
@@ -60,35 +37,37 @@
   position: relative;
   display: flex;
   align-items: center;
-  gap: 10px;
+  gap: var(--u-gap-small);
+  padding: var(--u-gap-small) var(--u-gap-default);
   cursor: pointer;
   font-weight: 500;
   letter-spacing: 0.01em;
-  color: var(--u-collapse-title-color, var(--u-text-color-main));
+  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);
-  border-radius: inherit;
+  transition: background-color 0.18s cubic-bezier(0.4, 0, 0.2, 1);
+  border-radius: 0;
 }
 .u-collapse__header:focus-visible {
   box-shadow: inset 0 0 0 2px var(--u-color-primary);
 }
+.u-collapse__header:not(.is-disabled):hover {
+  background-color: var(--u-bg-color-hover);
+}
 .u-collapse__header.is-disabled {
   cursor: not-allowed;
   color: var(--u-text-color-placeholder);
 }
 .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);
-  border-bottom-right-radius: 0;
-  border-bottom-left-radius: 0;
+  background-color: var(--u-bg-color-hover);
 }
 .u-collapse__header.is-active .u-collapse__icon {
-  transform: rotate(90deg);
-  color: var(--u-collapse-active-title-color, var(--u-color-primary));
+  transform: rotate(180deg);
 }
 .u-collapse__title {
+  display: flex;
+  align-items: center;
+  gap: var(--u-gap-small);
   flex: 1 1 auto;
   min-width: 0;
   line-height: 1.5;
@@ -98,35 +77,34 @@
   align-items: center;
   justify-content: center;
   flex: 0 0 auto;
-  color: var(--u-text-color-placeholder);
-  transition: transform 0.24s cubic-bezier(0.4, 0, 0.2, 1), color 0.18s cubic-bezier(0.4, 0, 0.2, 1);
+  color: var(--u-text-color-assist);
+  transition: transform 0.2s cubic-bezier(0.4, 0, 0.2, 1);
   will-change: transform;
 }
 .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);
+  background-color: transparent;
   transition: height 0.24s cubic-bezier(0.4, 0, 0.2, 1);
 }
 .u-collapse__content {
   color: var(--u-text-color-main);
   line-height: 1.7;
+  padding: var(--u-gap-small) var(--u-gap-default);
 }
 .u-collapse--small {
   font-size: var(--u-font-size-main-small);
 }
 .u-collapse--small .u-collapse__header {
-  padding: calc(var(--u-gap-small) - 2px) var(--u-gap-small);
+  padding: var(--u-gap-small) var(--u-gap-small);
   font-size: var(--u-font-size-main-small);
 }
 .u-collapse--small .u-collapse__content {
   font-size: var(--u-font-size-main-small);
-  padding: calc(var(--u-gap-small) - 2px) var(--u-gap-small) var(--u-gap-small);
+  padding: var(--u-gap-small);
 }
 .u-collapse--small .u-collapse__item {
-  border-radius: calc(var(--u-radius-small) + 2px);
+  border-radius: var(--u-radius-small);
 }
 .u-collapse--small .u-collapse__item + .u-collapse__item {
   margin-top: var(--u-gap-small);
@@ -135,15 +113,15 @@
   font-size: var(--u-font-size-main-default);
 }
 .u-collapse--default .u-collapse__header {
-  padding: calc(var(--u-gap-default) - 2px) var(--u-gap-default);
+  padding: var(--u-gap-default) var(--u-gap-default);
   font-size: var(--u-font-size-main-default);
 }
 .u-collapse--default .u-collapse__content {
   font-size: var(--u-font-size-main-default);
-  padding: calc(var(--u-gap-default) - 2px) var(--u-gap-default) var(--u-gap-default);
+  padding: var(--u-gap-default);
 }
 .u-collapse--default .u-collapse__item {
-  border-radius: calc(var(--u-radius-default) + 2px);
+  border-radius: var(--u-radius-default);
 }
 .u-collapse--default .u-collapse__item + .u-collapse__item {
   margin-top: var(--u-gap-default);
@@ -152,15 +130,15 @@
   font-size: var(--u-font-size-main-large);
 }
 .u-collapse--large .u-collapse__header {
-  padding: calc(var(--u-gap-large) - 2px) var(--u-gap-large);
+  padding: var(--u-gap-large) var(--u-gap-large);
   font-size: var(--u-font-size-main-large);
 }
 .u-collapse--large .u-collapse__content {
   font-size: var(--u-font-size-main-large);
-  padding: calc(var(--u-gap-large) - 2px) var(--u-gap-large) var(--u-gap-large);
+  padding: var(--u-gap-large);
 }
 .u-collapse--large .u-collapse__item {
-  border-radius: calc(var(--u-radius-large) + 2px);
+  border-radius: var(--u-radius-large);
 }
 .u-collapse--large .u-collapse__item + .u-collapse__item {
   margin-top: var(--u-gap-large);

package/dist/components/date-panel/date-panel.vue.d.ts

@@ -8,8 +8,8 @@ declare const __VLS_export: import("vue").DefineComponent<DatePanelProps, {}, {}
   "onSelect:range-date"?: ((rangeDate?: [import("@cat-kit/core").Dater, import("@cat-kit/core").Dater] | undefined) => any) | undefined;
   "onSelect:date"?: ((date: import("@cat-kit/core").Dater) => any) | undefined;
 }>, {
-  size: import("@veltra/utils").ComponentSize;
   type: "date" | "month" | "year";
+  size: import("@veltra/utils").ComponentSize;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const _default: typeof __VLS_export;
 //#endregion

package/dist/components/date-picker/date-picker.vue.d.ts

@@ -6,9 +6,9 @@ declare const __VLS_export: import("vue").DefineComponent<DatePickerProps, {}, {
 }, string, import("vue").PublicProps, Readonly<DatePickerProps> & Readonly<{
   "onUpdate:modelValue"?: ((value?: string | number | Date | undefined) => any) | undefined;
 }>, {
+  type: "date" | "month" | "year";
   disabled: boolean;
   readonly: boolean;
-  type: "date" | "month" | "year";
   placeholder: string;
   clearable: boolean;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;

package/dist/components/date-range-picker/date-range-picker.vue.d.ts

@@ -6,9 +6,9 @@ declare const __VLS_export: import("vue").DefineComponent<DateRangePickerProps,
 }, string, import("vue").PublicProps, Readonly<DateRangePickerProps> & Readonly<{
   "onUpdate:modelValue"?: ((value?: [string, string] | undefined) => any) | undefined;
 }>, {
+  type: "date" | "month" | "year";
   disabled: boolean;
   readonly: boolean;
-  type: "date" | "month" | "year";
   placeholder: [string, string];
   clearable: boolean;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;

package/dist/components/grid-input/grid-input.vue.d.ts

@@ -10,8 +10,8 @@ declare const __VLS_export: import("vue").DefineComponent<GridInputProps, import
   onInput?: ((value: string) => any) | undefined;
 }>, {
   length: number;
-  zero: boolean;
   separator: string;
+  zero: boolean;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const _default: typeof __VLS_export;
 //#endregion

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

@@ -17,19 +17,19 @@ declare const __VLS_base: import("vue").DefineComponent<__VLS_PublicProps, _Inpu
 } & {
   "update:modelValue": (value: string) => any;
   change: (value: string) => any;
-  clear: () => any;
   "suffix:click": (value?: string | undefined) => any;
   "prefix:click": (value?: string | undefined) => any;
   focus: (value?: string | undefined) => any;
+  clear: () => any;
   blur: (value?: string | undefined) => any;
   "native:input": (ev: Event) => any;
 }, string, import("vue").PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
   "onUpdate:modelValue"?: ((value: string) => any) | undefined;
   onChange?: ((value: string) => any) | undefined;
-  onClear?: (() => any) | undefined;
   "onSuffix:click"?: ((value?: string | undefined) => any) | undefined;
   "onPrefix:click"?: ((value?: string | undefined) => any) | undefined;
   onFocus?: ((value?: string | undefined) => any) | undefined;
+  onClear?: (() => any) | undefined;
   onBlur?: ((value?: string | undefined) => any) | undefined;
   "onNative:input"?: ((ev: Event) => any) | undefined;
 }>, {

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

@@ -27,10 +27,10 @@ declare const __VLS_base: import("vue").DefineComponent<__VLS_PublicProps, {}, {
   "onUpdate:modelValue"?: ((value: any[]) => any) | undefined;
   onChange?: ((options: Record<string, any>[]) => any) | undefined;
 }>, {
-  disabled: boolean;
-  readonly: boolean;
   labelKey: string;
   valueKey: string;
+  disabled: boolean;
+  readonly: boolean;
   placeholder: string;
   clearable: boolean;
   minWidth: string;

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

@@ -21,11 +21,11 @@ declare const __VLS_base: import("vue").DefineComponent<__VLS_PublicProps, {}, {
   onChange?: ((checked: Record<string, any>[]) => any) | undefined;
   onClear?: (() => any) | undefined;
 }>, {
-  disabled: boolean;
-  readonly: boolean;
   expandAll: boolean;
   labelKey: string;
   valueKey: string;
+  disabled: boolean;
+  readonly: boolean;
   placeholder: string;
   clearable: boolean;
   filterable: boolean;

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

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

package/dist/components/radio-group/radio-group.vue.d.ts

@@ -15,10 +15,10 @@ declare const __VLS_export: import("vue").DefineComponent<__VLS_PublicProps, {},
   "onUpdate:modelValue"?: ((value: any) => any) | undefined;
   onChange?: ((item: Record<string, any>) => any) | undefined;
 }>, {
-  disabled: boolean;
-  readonly: boolean;
   labelKey: string;
   valueKey: string;
+  disabled: boolean;
+  readonly: boolean;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const _default: typeof __VLS_export;
 //#endregion

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

@@ -19,10 +19,10 @@ declare const __VLS_base: import("vue").DefineComponent<SelectProps, {}, {}, {},
   onChange?: ((option?: Record<string, any> | undefined) => any) | undefined;
   "onUpdate:text"?: ((text?: string | undefined) => any) | undefined;
 }>, {
-  disabled: boolean;
-  readonly: boolean;
   labelKey: string;
   valueKey: string;
+  disabled: boolean;
+  readonly: boolean;
   placeholder: string;
   clearable: boolean;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;

package/dist/components/steps/style2.css

@@ -19,46 +19,46 @@
   padding: 0;
   margin: 0;
 }
-.u-steps__finished--primary__item.is-finished {
+.u-steps__finished--primary .u-steps__item.is-finished {
   color: var(--u-color-primary);
 }
-.u-steps__current--primary__item.is-current {
+.u-steps__current--primary .u-steps__item.is-current {
   color: var(--u-color-primary);
 }
-.u-steps__finished--success__item.is-finished {
+.u-steps__finished--success .u-steps__item.is-finished {
   color: var(--u-color-success);
 }
-.u-steps__current--success__item.is-current {
+.u-steps__current--success .u-steps__item.is-current {
   color: var(--u-color-success);
 }
-.u-steps__finished--warning__item.is-finished {
+.u-steps__finished--warning .u-steps__item.is-finished {
   color: var(--u-color-warning);
 }
-.u-steps__current--warning__item.is-current {
+.u-steps__current--warning .u-steps__item.is-current {
   color: var(--u-color-warning);
 }
-.u-steps__finished--danger__item.is-finished {
+.u-steps__finished--danger .u-steps__item.is-finished {
   color: var(--u-color-danger);
 }
-.u-steps__current--danger__item.is-current {
+.u-steps__current--danger .u-steps__item.is-current {
   color: var(--u-color-danger);
 }
-.u-steps__finished--info__item.is-finished {
+.u-steps__finished--info .u-steps__item.is-finished {
   color: var(--u-color-info);
 }
-.u-steps__current--info__item.is-current {
+.u-steps__current--info .u-steps__item.is-current {
   color: var(--u-color-info);
 }
-.u-steps__finished--disabled__item.is-finished {
+.u-steps__finished--disabled .u-steps__item.is-finished {
   color: var(--u-color-disabled);
 }
-.u-steps__current--disabled__item.is-current {
+.u-steps__current--disabled .u-steps__item.is-current {
   color: var(--u-color-disabled);
 }
-.u-steps__finished--default__item.is-finished {
+.u-steps__finished--default .u-steps__item.is-finished {
   color: var(--u-color-default);
 }
-.u-steps__current--default__item.is-current {
+.u-steps__current--default .u-steps__item.is-current {
   color: var(--u-color-default);
 }
 .u-steps {

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

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

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

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