@veltra/desktop 1.1.3 → 1.1.4

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

@@ -16,12 +16,12 @@ type __VLS_Slots = {
   default?: () => VNode[];
 };
 declare const __VLS_base: _$vue.DefineComponent<_Props, {}, {}, {}, {}, _$vue.ComponentOptionsMixin, _$vue.ComponentOptionsMixin, {}, string, _$vue.PublicProps, Readonly<_Props> & Readonly<{}>, {
-  type: ColorType;
-  max: number;
   size: "small" | "default" | "large";
-  text: boolean;
+  type: ColorType;
   hover: boolean;
+  text: boolean;
   circle: boolean;
+  max: number;
   loading: boolean;
 }, {}, {}, {}, string, _$vue.ComponentProvideOptions, false, {}, any>;
 declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;

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

@@ -15,8 +15,8 @@ declare const __VLS_base: _$vue.DefineComponent<ActionProps, {}, {}, {}, {}, _$v
 }, string, _$vue.PublicProps, Readonly<ActionProps> & Readonly<{
   onRun?: (() => any) | undefined;
 }>, {
-  type: ButtonType;
   size: _$_veltra_utils0.ComponentSize;
+  type: ButtonType;
   text: boolean;
   circle: boolean;
   loading: boolean;

package/dist/components/auto-complete/auto-complete.vue.d.ts

@@ -24,10 +24,10 @@ declare const __VLS_base: _$vue.DefineComponent<__VLS_PublicProps, {}, {}, {}, {
   "onUpdate:modelValue"?: ((value: string) => any) | undefined;
   onSelect?: ((value: string) => any) | undefined;
 }>, {
-  clearable: boolean;
-  placeholder: string;
   disabled: boolean;
   readonly: boolean;
+  placeholder: string;
+  clearable: 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/cascade/cascade.vue.d.ts

@@ -4,23 +4,23 @@ import * as _$vue from "vue";
 //#region src/components/cascade/cascade.vue.d.ts
 declare const __VLS_export: _$vue.DefineComponent<CascadeProps, {}, {}, {}, {}, _$vue.ComponentOptionsMixin, _$vue.ComponentOptionsMixin, {} & {
   "update:modelValue": (value?: string | string[] | undefined) => any;
-  change: (...args: [value?: string | undefined, label?: string | undefined, item?: Record<string, any> | undefined] | [value: string[], label: string[], data: Record<string, any>[]]) => any;
   clear: () => any;
+  change: (...args: [value?: string | undefined, label?: string | undefined, item?: Record<string, any> | undefined] | [value: string[], label: string[], data: Record<string, any>[]]) => any;
 }, string, _$vue.PublicProps, Readonly<CascadeProps> & Readonly<{
   "onUpdate:modelValue"?: ((value?: string | string[] | undefined) => 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;
   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;
 }>, {
+  disabled: boolean;
+  readonly: boolean;
   labelKey: string;
   valueKey: string;
   childrenKey: string;
   data: Record<string, any>[];
-  clearable: boolean;
   placeholder: string;
+  clearable: boolean;
   filterable: boolean;
   visibilityLimit: number;
-  disabled: boolean;
-  readonly: boolean;
   separator: string;
 }, {}, {}, {}, string, _$vue.ComponentProvideOptions, false, {}, any>;
 declare const _default: typeof __VLS_export;

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

@@ -20,9 +20,9 @@ declare const __VLS_base: _$vue.DefineComponent<__VLS_PublicProps, {}, {}, {}, {
   "onUpdate:modelValue"?: ((checked: boolean) => any) | undefined;
   onChange?: ((checked: boolean) => any) | undefined;
 }>, {
-  type: _$_veltra_utils0.ColorType;
   disabled: boolean;
   readonly: boolean;
+  type: _$_veltra_utils0.ColorType;
   round: boolean;
 }, {}, {}, {}, string, _$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

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

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

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

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

@@ -7,11 +7,11 @@ declare const __VLS_export: _$vue.DefineComponent<DatePickerProps, {}, {}, {}, {
 }, string, _$vue.PublicProps, Readonly<DatePickerProps> & Readonly<{
   "onUpdate:modelValue"?: ((value?: string | number | Date | undefined) => any) | undefined;
 }>, {
-  type: "date" | "month" | "year";
-  clearable: boolean;
-  placeholder: string;
   disabled: boolean;
   readonly: boolean;
+  type: "date" | "month" | "year";
+  placeholder: string;
+  clearable: boolean;
 }, {}, {}, {}, string, _$vue.ComponentProvideOptions, false, {}, any>;
 declare const _default: typeof __VLS_export;
 //#endregion

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

@@ -7,11 +7,11 @@ declare const __VLS_export: _$vue.DefineComponent<DateRangePickerProps, {}, {},
 }, string, _$vue.PublicProps, Readonly<DateRangePickerProps> & Readonly<{
   "onUpdate:modelValue"?: ((value?: [string, string] | undefined) => any) | undefined;
 }>, {
-  type: "date" | "month" | "year";
-  clearable: boolean;
-  placeholder: [string, string];
   disabled: boolean;
   readonly: boolean;
+  type: "date" | "month" | "year";
+  placeholder: [string, string];
+  clearable: boolean;
 }, {}, {}, {}, string, _$vue.ComponentProvideOptions, false, {}, any>;
 declare const _default: typeof __VLS_export;
 //#endregion

package/dist/components/expression-editor/style2.css

@@ -22,6 +22,7 @@
   border-style: var(--u-border-style);
   border-color: var(--u-border-muted-color);
   border-radius: var(--u-radius-default);
+  width: 100%;
 }
 .u-expression-editor:not(.is-disabled):not(.is-readonly):hover {
   border-color: var(--u-color-primary);

package/dist/components/group-input/group-input.js

@@ -106,6 +106,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
 					circle: "",
 					disabled: unref(disabled),
 					size: unref(size),
+					type: "primary",
 					onClick: ($event) => handleAdd(index)
 				}, null, 8, [
 					"icon",

package/dist/components/group-input/group-input.js.map

@@ -1 +1 @@
-{"version":3,"file":"group-input.js","names":[],"sources":["../../../src/components/group-input/group-input.vue"],"sourcesContent":["<template>\n  <ul :class=\"[cls.b, cls.m(size)]\" v-if=\"!readonly\">\n    <li v-if=\"isEmpty && creatable\">\n      <u-button style=\"width: 100%\" :icon=\"Plus\" @click=\"handleAdd(0)\" :size=\"size\">\n        新增\n      </u-button>\n    </li>\n    <li v-for=\"(item, index) of items\" :key=\"item.id\" :class=\"cls.e('item')\" :style=\"itemStyle\">\n      <slot v-bind=\"{ item: item.data, index }\" />\n      <span :class=\"cls.e('actions')\">\n        <u-button\n          :icon=\"Minus\"\n          circle\n          :disabled=\"disabled\"\n          :size=\"size\"\n          @click=\"handleRemove(index)\"\n        />\n        <u-button :icon=\"Plus\" circle :disabled=\"disabled\" :size=\"size\" @click=\"handleAdd(index)\" />\n      </span>\n    </li>\n  </ul>\n\n  <template v-else-if=\"items?.length\">\n    <ul :class=\"[cls.b, cls.m(size)]\">\n      <li v-for=\"item of items\" :key=\"item.id\" :class=\"cls.e('item')\">\n        <span v-for=\"v in item.data\">{{ v }}</span>\n      </li>\n    </ul>\n  </template>\n\n  <template v-else>\n    {{ FORM_EMPTY_CONTENT }}\n  </template>\n</template>\n\n<script lang=\"ts\" setup generic=\"GroupItem extends Record<string, any>\">\nimport { useFormFallbackProps } from '@veltra/compositions'\nimport { Minus, Plus } from '@veltra/icons/normal'\nimport { bem, FORM_EMPTY_CONTENT } from '@veltra/utils'\nimport { injectFormContext } from '@veltra/utils'\nimport { computed } from 'vue'\n\nimport type { GroupInputEmits, GroupInputProps } from '../../types'\nimport { UButton } from '../button'\nimport { useGroupItems } from './use-group-items'\n\ndefineOptions({\n  name: 'GroupInput'\n})\n\nconst props = withDefaults(defineProps<GroupInputProps<GroupItem>>(), {\n  modelValue: () => [],\n  disabled: undefined,\n  readonly: undefined,\n  creatable: true\n})\n\nconst emit = defineEmits<GroupInputEmits>()\n\nconst cls = bem('group-input')\n\nconst { formProps } = injectFormContext()\nconst { disabled, size, readonly } = useFormFallbackProps([formProps ?? {}, props], {\n  size: 'default',\n  disabled: false,\n  readonly: false\n})\n\nconst { items, createItem, runByEvent } = useGroupItems({\n  props,\n  emit\n})\n\nconst isEmpty = computed(() => {\n  return !items.value.length\n})\n\nfunction handleAdd(index: number) {\n  runByEvent(() => {\n    items.value = [\n      ...items.value.slice(0, index + 1),\n      createItem({}),\n      ...items.value.slice(index + 1)\n    ]\n  })\n}\n\nfunction handleRemove(index: number) {\n  runByEvent(() => {\n    items.value = [...items.value.slice(0, index), ...items.value.slice(index + 1)]\n  })\n}\n</script>\n"],"mappings":"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"}
+{"version":3,"file":"group-input.js","names":[],"sources":["../../../src/components/group-input/group-input.vue"],"sourcesContent":["<template>\n  <ul :class=\"[cls.b, cls.m(size)]\" v-if=\"!readonly\">\n    <li v-if=\"isEmpty && creatable\">\n      <u-button style=\"width: 100%\" :icon=\"Plus\" @click=\"handleAdd(0)\" :size=\"size\">\n        新增\n      </u-button>\n    </li>\n    <li v-for=\"(item, index) of items\" :key=\"item.id\" :class=\"cls.e('item')\" :style=\"itemStyle\">\n      <slot v-bind=\"{ item: item.data, index }\" />\n      <span :class=\"cls.e('actions')\">\n        <u-button\n          :icon=\"Minus\"\n          circle\n          :disabled=\"disabled\"\n          :size=\"size\"\n          @click=\"handleRemove(index)\"\n        />\n        <u-button\n          :icon=\"Plus\"\n          circle\n          :disabled=\"disabled\"\n          :size=\"size\"\n          type=\"primary\"\n          @click=\"handleAdd(index)\"\n        />\n      </span>\n    </li>\n  </ul>\n\n  <template v-else-if=\"items?.length\">\n    <ul :class=\"[cls.b, cls.m(size)]\">\n      <li v-for=\"item of items\" :key=\"item.id\" :class=\"cls.e('item')\">\n        <span v-for=\"v in item.data\">{{ v }}</span>\n      </li>\n    </ul>\n  </template>\n\n  <template v-else>\n    {{ FORM_EMPTY_CONTENT }}\n  </template>\n</template>\n\n<script lang=\"ts\" setup generic=\"GroupItem extends Record<string, any>\">\nimport { useFormFallbackProps } from '@veltra/compositions'\nimport { Minus, Plus } from '@veltra/icons/normal'\nimport { bem, FORM_EMPTY_CONTENT } from '@veltra/utils'\nimport { injectFormContext } from '@veltra/utils'\nimport { computed } from 'vue'\n\nimport type { GroupInputEmits, GroupInputProps } from '../../types'\nimport { UButton } from '../button'\nimport { useGroupItems } from './use-group-items'\n\ndefineOptions({\n  name: 'GroupInput'\n})\n\nconst props = withDefaults(defineProps<GroupInputProps<GroupItem>>(), {\n  modelValue: () => [],\n  disabled: undefined,\n  readonly: undefined,\n  creatable: true\n})\n\nconst emit = defineEmits<GroupInputEmits>()\n\nconst cls = bem('group-input')\n\nconst { formProps } = injectFormContext()\nconst { disabled, size, readonly } = useFormFallbackProps([formProps ?? {}, props], {\n  size: 'default',\n  disabled: false,\n  readonly: false\n})\n\nconst { items, createItem, runByEvent } = useGroupItems({\n  props,\n  emit\n})\n\nconst isEmpty = computed(() => {\n  return !items.value.length\n})\n\nfunction handleAdd(index: number) {\n  runByEvent(() => {\n    items.value = [\n      ...items.value.slice(0, index + 1),\n      createItem({}),\n      ...items.value.slice(index + 1)\n    ]\n  })\n}\n\nfunction handleRemove(index: number) {\n  runByEvent(() => {\n    items.value = [...items.value.slice(0, index), ...items.value.slice(index + 1)]\n  })\n}\n</script>\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAyDA,MAAM,QAAQ;EAOd,MAAM,OAAO;EAEb,MAAM,MAAM,IAAI,cAAa;EAE7B,MAAM,EAAE,cAAc,mBAAkB;EACxC,MAAM,EAAE,UAAU,MAAM,aAAa,qBAAqB,CAAC,aAAa,EAAE,EAAE,MAAM,EAAE;GAClF,MAAM;GACN,UAAU;GACV,UAAU;GACX,CAAA;EAED,MAAM,EAAE,OAAO,YAAY,eAAe,cAAc;GACtD;GACA;GACD,CAAA;EAED,MAAM,UAAU,eAAe;AAC7B,UAAO,CAAC,MAAM,MAAM;IACrB;EAED,SAAS,UAAU,OAAe;AAChC,oBAAiB;AACf,UAAM,QAAQ;KACZ,GAAG,MAAM,MAAM,MAAM,GAAG,QAAQ,EAAE;KAClC,WAAW,EAAE,CAAC;KACd,GAAG,MAAM,MAAM,MAAM,QAAQ,EAAC;KAChC;KACD;;EAGH,SAAS,aAAa,OAAe;AACnC,oBAAiB;AACf,UAAM,QAAQ,CAAC,GAAG,MAAM,MAAM,MAAM,GAAG,MAAM,EAAE,GAAG,MAAM,MAAM,MAAM,QAAQ,EAAE,CAAA;KAC/E;;;WAhGwC,MAAA,SAAQ,IAAA,WAAA,EAAjD,mBA0BK,MAAA;;IA1BA,OAAK,eAAA,CAAG,MAAA,IAAG,CAAC,GAAG,MAAA,IAAG,CAAC,EAAE,MAAA,KAAI,CAAA,CAAA,CAAA;OAClB,QAAA,SAAW,QAAA,aAAA,WAAA,EAArB,mBAIK,MAAA,YAAA,CAHH,YAEW,MAAA,YAAA,EAAA;IAFD,OAAA,EAAA,SAAA,QAAmB;IAAE,MAAM,MAAA,KAAI;IAAG,SAAK,OAAA,OAAA,OAAA,MAAA,WAAE,UAAS,EAAA;IAAM,MAAM,MAAA,KAAI;;2BAE5E,CAAA,GAAA,OAAA,OAAA,OAAA,KAAA,CAAA,gBAF8E,QAE9E,GAAA,CAAA,EAAA,CAAA;;oFAEF,mBAmBK,UAAA,MAAA,WAnBuB,MAAA,MAAK,GAArB,MAAM,UAAK;wBAAvB,mBAmBK,MAAA;KAnB+B,KAAK,KAAK;KAAK,OAAK,eAAE,MAAA,IAAG,CAAC,EAAC,OAAA,CAAA;KAAW,OAAK,eAAE,QAAA,UAAS;QACxF,WAA4C,KAAA,QAAA,WAA5C,WAA4C,EAAA,SAAA,MAAA,EAAA;KAAA,MAAtB,KAAK;KAAM;KAAK,CAAA,CAAA,EACtC,mBAgBO,QAAA,EAhBA,OAAK,eAAE,MAAA,IAAG,CAAC,EAAC,UAAA,CAAA,EAAA,EAAA,CACjB,YAME,MAAA,YAAA,EAAA;KALC,MAAM,MAAA,MAAK;KACZ,QAAA;KACC,UAAU,MAAA,SAAQ;KAClB,MAAM,MAAA,KAAI;KACV,UAAK,WAAE,aAAa,MAAK;;;;;;QAE5B,YAOE,MAAA,YAAA,EAAA;KANC,MAAM,MAAA,KAAI;KACX,QAAA;KACC,UAAU,MAAA,SAAQ;KAClB,MAAM,MAAA,KAAI;KACX,MAAK;KACJ,UAAK,WAAE,UAAU,MAAK;;;;;;;qBAMV,MAAA,MAAK,EAAE,UAAA,WAAA,EAC1B,mBAIK,MAAA;;IAJA,OAAK,eAAA,CAAG,MAAA,IAAG,CAAC,GAAG,MAAA,IAAG,CAAC,EAAE,MAAA,KAAI,CAAA,CAAA,CAAA;yBAC5B,mBAEK,UAAA,MAAA,WAFc,MAAA,MAAK,GAAb,SAAI;wBAAf,mBAEK,MAAA;KAFsB,KAAK,KAAK;KAAK,OAAK,eAAE,MAAA,IAAG,CAAC,EAAC,OAAA,CAAA;0BACpD,mBAA2C,UAAA,MAAA,WAAzB,KAAK,OAAV,MAAC;yBAAd,mBAA2C,QAAA,MAAA,gBAAX,EAAC,EAAA,EAAA;;mCAKvC,mBAEW,UAAA,EAAA,KAAA,GAAA,EAAA,CAAA,gBAAA,gBADN,MAAA,mBAAkB,CAAA,EAAA,EAAA,CAAA,EAAA,GAAA"}

package/dist/components/group-input/style.js

@@ -1 +1,2 @@
+import "../button/style.js";
 import "./style2.css";

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

@@ -17,27 +17,27 @@ declare const __VLS_base: _$vue.DefineComponent<__VLS_PublicProps, _InputExposed
   "update:modelValue": (value: string | undefined) => any;
 } & {
   "update:modelValue": (value: string) => any;
+  clear: () => any;
   change: (value: string) => 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, _$vue.PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
   "onUpdate:modelValue"?: ((value: string) => any) | undefined;
+  onClear?: (() => any) | undefined;
   onChange?: ((value: string) => 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;
 }>, {
-  clearable: boolean;
-  placeholder: string;
   disabled: boolean;
   readonly: boolean;
+  placeholder: string;
+  clearable: 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/multi-select/multi-select-option.js

@@ -1,6 +1,6 @@
 import _sfc_main$1 from "../checkbox/checkbox.js";
 import { MultiSelectDIKey } from "./di.js";
-import { createElementBlock, createVNode, defineComponent, inject, normalizeClass, onBeforeUnmount, openBlock, renderSlot, unref, withModifiers } from "vue";
+import { createElementBlock, createVNode, defineComponent, inject, normalizeClass, onBeforeUnmount, openBlock, renderSlot, shallowRef, unref, withModifiers } from "vue";
 import { Ripple } from "@veltra/directives";
 //#region src/components/multi-select/multi-select-option.vue
 const _sfc_main = /* @__PURE__ */ defineComponent({
@@ -16,32 +16,37 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
 	emits: ["check"],
 	setup(__props, { emit: __emit }) {
 		const props = __props;
-		const { disabled = false, checked } = props;
 		function measureRef(el) {
 			if (typeof props.index !== "number" || !props.measureElement) return;
 			props.measureElement(props.index, el);
 		}
 		const emit = __emit;
 		const { optionClass, rippleClass, checkboxClass } = inject(MultiSelectDIKey);
-		let ripple = null;
+		const rippleRef = shallowRef(null);
 		function handleClick(e) {
-			if (disabled) return;
-			emit("check", !checked);
+			if (props.disabled) return;
+			emit("check", !props.checked);
 		}
 		function handleMousedown(e) {
-			if (disabled) return;
-			ripple = new Ripple(e.currentTarget, { rippleClass });
-			ripple.showByEvent(e);
+			if (props.disabled) return;
+			if (rippleRef.value) {
+				rippleRef.value.remove();
+				rippleRef.value = null;
+			}
+			rippleRef.value = new Ripple(e.currentTarget, { rippleClass });
+			rippleRef.value.showByEvent(e);
 		}
 		function handleMouseleave() {
-			ripple?.remove();
+			rippleRef.value?.remove();
+			rippleRef.value = null;
 		}
 		function handleMouseup() {
-			ripple?.remove();
+			rippleRef.value?.remove();
+			rippleRef.value = null;
 		}
 		onBeforeUnmount(() => {
-			ripple?.remove();
-			ripple = null;
+			rippleRef.value?.remove();
+			rippleRef.value = null;
 		});
 		return (_ctx, _cache) => {
 			return openBlock(), createElementBlock("li", {
@@ -53,10 +58,10 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
 				ref: measureRef
 			}, [createVNode(unref(_sfc_main$1), {
 				class: normalizeClass(unref(checkboxClass)),
-				"model-value": unref(checked),
+				"model-value": __props.checked,
 				"onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => emit("check", $event)),
 				onClick: _cache[1] || (_cache[1] = withModifiers(() => {}, ["stop"])),
-				disabled: unref(disabled)
+				disabled: __props.disabled
 			}, null, 8, [
 				"class",
 				"model-value",

package/dist/components/multi-select/multi-select-option.js.map

@@ -1 +1 @@
-{"version":3,"file":"multi-select-option.js","names":[],"sources":["../../../src/components/multi-select/multi-select-option.vue"],"sourcesContent":["<template>\n  <li\n    :class=\"optionClass\"\n    @click=\"handleClick\"\n    @mousedown=\"handleMousedown\"\n    @mouseup=\"handleMouseup\"\n    @mouseleave=\"handleMouseleave\"\n    :ref=\"measureRef\"\n  >\n    <u-checkbox\n      :class=\"checkboxClass\"\n      :model-value=\"checked\"\n      @update:model-value=\"emit('check', $event)\"\n      @click.stop\n      :disabled=\"disabled\"\n    />\n\n    <slot />\n  </li>\n</template>\n\n<script lang=\"ts\" setup>\nimport { Ripple } from '@veltra/directives'\nimport { inject, onBeforeUnmount } from 'vue'\n\nimport { UCheckbox } from '../checkbox'\nimport { MultiSelectDIKey } from './di'\n\ndefineOptions({\n  name: 'MultiSelectOption'\n})\n\nconst props = defineProps<{\n  option: Record<string, any>\n  disabled?: boolean\n  checked: boolean\n  /**\n   * 虚拟项索引：对应 `options` 数组中的绝对位置。\n   * 非虚拟模式下可省略；虚拟模式下必须传入，否则元素卸载时 Virtualizer 无法及时解绑，\n   * 会因为 ResizeObserver 对脱离 DOM 的元素回调 size=0 而污染尺寸缓存。\n   */\n  index?: number\n  measureElement?: (index: number, el: Element | null) => void\n}>()\n\nconst { disabled = false, checked } = props\n\nfunction measureRef(el: unknown) {\n  if (typeof props.index !== 'number' || !props.measureElement) return\n  props.measureElement(props.index, el as Element | null)\n}\n\nconst emit = defineEmits<{\n  (e: 'check', checked: boolean): void\n}>()\n\nconst { optionClass, rippleClass, checkboxClass } = inject(MultiSelectDIKey)!\n\nlet ripple: Ripple | null = null\n\nfunction handleClick(e) {\n  if (disabled) return\n  emit('check', !checked)\n}\n\nfunction handleMousedown(e: MouseEvent) {\n  if (disabled) return\n\n  ripple = new Ripple(e.currentTarget as HTMLElement, {\n    rippleClass\n  })\n\n  ripple.showByEvent(e)\n}\n\nfunction handleMouseleave() {\n  ripple?.remove()\n}\n\nfunction handleMouseup() {\n  ripple?.remove()\n}\n\nonBeforeUnmount(() => {\n  ripple?.remove()\n  ripple = null\n})\n</script>\n"],"mappings":";;;;;;;;;;;;;;;;;EAgCA,MAAM,QAAQ;EAad,MAAM,EAAE,WAAW,OAAO,YAAY;EAEtC,SAAS,WAAW,IAAa;AAC/B,OAAI,OAAO,MAAM,UAAU,YAAY,CAAC,MAAM,eAAgB;AAC9D,SAAM,eAAe,MAAM,OAAO,GAAoB;;EAGxD,MAAM,OAAO;EAIb,MAAM,EAAE,aAAa,aAAa,kBAAkB,OAAO,iBAAiB;EAE5E,IAAI,SAAwB;EAE5B,SAAS,YAAY,GAAG;AACtB,OAAI,SAAU;AACd,QAAK,SAAS,CAAC,QAAO;;EAGxB,SAAS,gBAAgB,GAAe;AACtC,OAAI,SAAU;AAEd,YAAS,IAAI,OAAO,EAAE,eAA8B,EAClD,aACD,CAAA;AAED,UAAO,YAAY,EAAC;;EAGtB,SAAS,mBAAmB;AAC1B,WAAQ,QAAO;;EAGjB,SAAS,gBAAgB;AACvB,WAAQ,QAAO;;AAGjB,wBAAsB;AACpB,WAAQ,QAAO;AACf,YAAS;IACV;;uBArFC,mBAiBK,MAAA;IAhBF,OAAK,eAAE,MAAA,YAAW,CAAA;IAClB,SAAO;IACP,aAAW;IACX,WAAS;IACT,cAAY;IACZ,KAAK;OAEN,YAME,MAAA,YAAA,EAAA;IALC,OAAK,eAAE,MAAA,cAAa,CAAA;IACpB,eAAa,MAAA,QAAO;IACpB,uBAAkB,OAAA,OAAA,OAAA,MAAA,WAAE,KAAI,SAAU,OAAM;IACxC,SAAK,OAAA,OAAA,OAAA,KAAA,oBAAN,IAAW,CAAA,OAAA,CAAA;IACV,UAAU,MAAA,SAAQ;;;;;OAGrB,WAAQ,KAAA,QAAA,UAAA,CAAA,EAAA,GAAA"}
+{"version":3,"file":"multi-select-option.js","names":[],"sources":["../../../src/components/multi-select/multi-select-option.vue"],"sourcesContent":["<template>\n  <li\n    :class=\"optionClass\"\n    @click=\"handleClick\"\n    @mousedown=\"handleMousedown\"\n    @mouseup=\"handleMouseup\"\n    @mouseleave=\"handleMouseleave\"\n    :ref=\"measureRef\"\n  >\n    <u-checkbox\n      :class=\"checkboxClass\"\n      :model-value=\"checked\"\n      @update:model-value=\"emit('check', $event)\"\n      @click.stop\n      :disabled=\"disabled\"\n    />\n\n    <slot />\n  </li>\n</template>\n\n<script lang=\"ts\" setup>\nimport { Ripple } from '@veltra/directives'\nimport { inject, onBeforeUnmount, shallowRef } from 'vue'\n\nimport { UCheckbox } from '../checkbox'\nimport { MultiSelectDIKey } from './di'\n\ndefineOptions({\n  name: 'MultiSelectOption'\n})\n\nconst props = defineProps<{\n  option: Record<string, any>\n  disabled?: boolean\n  checked: boolean\n  /**\n   * 虚拟项索引：对应 `options` 数组中的绝对位置。\n   * 非虚拟模式下可省略；虚拟模式下必须传入，否则元素卸载时 Virtualizer 无法及时解绑，\n   * 会因为 ResizeObserver 对脱离 DOM 的元素回调 size=0 而污染尺寸缓存。\n   */\n  index?: number\n  measureElement?: (index: number, el: Element | null) => void\n}>()\n\nfunction measureRef(el: unknown) {\n  if (typeof props.index !== 'number' || !props.measureElement) return\n  props.measureElement(props.index, el as Element | null)\n}\n\nconst emit = defineEmits<{\n  (e: 'check', checked: boolean): void\n}>()\n\nconst { optionClass, rippleClass, checkboxClass } = inject(MultiSelectDIKey)!\n\nconst rippleRef = shallowRef<Ripple | null>(null)\n\nfunction handleClick(e) {\n  if (props.disabled) return\n  emit('check', !props.checked)\n}\n\nfunction handleMousedown(e: MouseEvent) {\n  if (props.disabled) return\n\n  // 清理旧实例，避免同一元素上多个 Ripple 实例同时修改样式\n  if (rippleRef.value) {\n    rippleRef.value.remove()\n    rippleRef.value = null\n  }\n\n  rippleRef.value = new Ripple(e.currentTarget as HTMLElement, {\n    rippleClass\n  })\n\n  rippleRef.value.showByEvent(e)\n}\n\nfunction handleMouseleave() {\n  rippleRef.value?.remove()\n  rippleRef.value = null\n}\n\nfunction handleMouseup() {\n  rippleRef.value?.remove()\n  rippleRef.value = null\n}\n\nonBeforeUnmount(() => {\n  rippleRef.value?.remove()\n  rippleRef.value = null\n})\n</script>\n"],"mappings":";;;;;;;;;;;;;;;;;EAgCA,MAAM,QAAQ;EAad,SAAS,WAAW,IAAa;AAC/B,OAAI,OAAO,MAAM,UAAU,YAAY,CAAC,MAAM,eAAgB;AAC9D,SAAM,eAAe,MAAM,OAAO,GAAoB;;EAGxD,MAAM,OAAO;EAIb,MAAM,EAAE,aAAa,aAAa,kBAAkB,OAAO,iBAAiB;EAE5E,MAAM,YAAY,WAA0B,KAAI;EAEhD,SAAS,YAAY,GAAG;AACtB,OAAI,MAAM,SAAU;AACpB,QAAK,SAAS,CAAC,MAAM,QAAO;;EAG9B,SAAS,gBAAgB,GAAe;AACtC,OAAI,MAAM,SAAU;AAGpB,OAAI,UAAU,OAAO;AACnB,cAAU,MAAM,QAAO;AACvB,cAAU,QAAQ;;AAGpB,aAAU,QAAQ,IAAI,OAAO,EAAE,eAA8B,EAC3D,aACD,CAAA;AAED,aAAU,MAAM,YAAY,EAAC;;EAG/B,SAAS,mBAAmB;AAC1B,aAAU,OAAO,QAAO;AACxB,aAAU,QAAQ;;EAGpB,SAAS,gBAAgB;AACvB,aAAU,OAAO,QAAO;AACxB,aAAU,QAAQ;;AAGpB,wBAAsB;AACpB,aAAU,OAAO,QAAO;AACxB,aAAU,QAAQ;IACnB;;uBA3FC,mBAiBK,MAAA;IAhBF,OAAK,eAAE,MAAA,YAAW,CAAA;IAClB,SAAO;IACP,aAAW;IACX,WAAS;IACT,cAAY;IACZ,KAAK;OAEN,YAME,MAAA,YAAA,EAAA;IALC,OAAK,eAAE,MAAA,cAAa,CAAA;IACpB,eAAa,QAAA;IACb,uBAAkB,OAAA,OAAA,OAAA,MAAA,WAAE,KAAI,SAAU,OAAM;IACxC,SAAK,OAAA,OAAA,OAAA,KAAA,oBAAN,IAAW,CAAA,OAAA,CAAA;IACV,UAAU,QAAA;;;;;OAGb,WAAQ,KAAA,QAAA,UAAA,CAAA,EAAA,GAAA"}

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

@@ -28,14 +28,14 @@ declare const __VLS_base: _$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;
-  clearable: boolean;
+  minWidth: string;
   placeholder: string;
+  clearable: boolean;
   visibilityLimit: number;
-  minWidth: string;
-  disabled: boolean;
-  readonly: 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/multi-tree-select/multi-tree-select.vue.d.ts

@@ -15,23 +15,23 @@ declare const __VLS_base: _$vue.DefineComponent<__VLS_PublicProps, {}, {}, {}, {
   "update:modelValue": (value: (string | number)[]) => any;
 } & {
   "update:modelValue": (value: any[]) => any;
-  change: (checked: Record<string, any>[]) => any;
   clear: () => any;
+  change: (checked: Record<string, any>[]) => any;
 }, string, _$vue.PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
   "onUpdate:modelValue"?: ((value: any[]) => any) | undefined;
-  onChange?: ((checked: Record<string, any>[]) => any) | undefined;
   onClear?: (() => any) | undefined;
+  onChange?: ((checked: Record<string, any>[]) => any) | undefined;
 }>, {
+  disabled: boolean;
+  readonly: boolean;
   expandAll: boolean;
   labelKey: string;
   valueKey: string;
-  clearable: boolean;
+  minWidth: string;
   placeholder: string;
+  clearable: boolean;
   filterable: boolean;
   visibilityLimit: number;
-  minWidth: string;
-  disabled: boolean;
-  readonly: 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/notification/notification.vue.d.ts

@@ -5,10 +5,10 @@ import * as _$_veltra_utils0 from "@veltra/utils";
 //#region src/components/notification/notification.vue.d.ts
 declare const __VLS_export: _$vue.DefineComponent<NotificationProps, _$_veltra_utils0.DeconstructValue<_NotificationExposed>, {}, {}, {}, _$vue.ComponentOptionsMixin, _$vue.ComponentOptionsMixin, {}, string, _$vue.PublicProps, Readonly<NotificationProps> & Readonly<{}>, {
   closable: boolean;
+  position: "top-left" | "top-right" | "bottom-left" | "bottom-right";
   duration: number;
   offset: number;
   buttonText: string;
-  position: "top-left" | "top-right" | "bottom-left" | "bottom-right";
 }, {}, {}, {}, string, _$vue.ComponentProvideOptions, false, {}, any>;
 declare const _default: typeof __VLS_export;
 //#endregion

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

@@ -15,17 +15,17 @@ declare const __VLS_base: _$vue.DefineComponent<__VLS_PublicProps, {}, {}, {}, {
   "update:modelValue": (value: number | undefined) => any;
 } & {
   "update:modelValue": (value?: number | undefined) => any;
-  change: (value?: number | undefined) => any;
   clear: () => any;
+  change: (value?: number | undefined) => any;
 }, string, _$vue.PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
   "onUpdate:modelValue"?: ((value?: number | undefined) => any) | undefined;
-  onChange?: ((value?: number | undefined) => any) | undefined;
   onClear?: (() => any) | undefined;
+  onChange?: ((value?: number | undefined) => any) | undefined;
 }>, {
-  clearable: boolean;
-  placeholder: string;
   disabled: boolean;
   readonly: boolean;
+  placeholder: string;
+  clearable: 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/number-range-input/number-range-input.vue.d.ts

@@ -24,9 +24,9 @@ declare const __VLS_export: _$vue.DefineComponent<__VLS_PublicProps, {}, {}, {},
   "onUpdate:start"?: ((value: number | undefined) => any) | undefined;
   "onUpdate:end"?: ((value: number | undefined) => any) | undefined;
 }>, {
-  clearable: boolean;
   disabled: boolean;
   readonly: boolean;
+  clearable: boolean;
   startPlaceholder: string;
   endPlaceholder: string;
   separator: string;

package/dist/components/number-range-input/style2.css

@@ -18,6 +18,7 @@
 .u-number-range-input {
   display: inline-flex;
   align-items: center;
+  width: 100%;
   gap: var(--u-gap-small);
 }
 .u-number-range-input__separator {

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

@@ -15,9 +15,9 @@ declare const __VLS_base: _$vue.DefineComponent<__VLS_PublicProps, {}, {}, {}, {
 }, string, _$vue.PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
   "onUpdate:modelValue"?: ((value: string | undefined) => any) | undefined;
 }>, {
-  clearable: boolean;
   disabled: boolean;
   readonly: boolean;
+  clearable: 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/pop-confirm/pop-confirm.vue.d.ts

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

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

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

package/dist/components/rich-text-editor/rich-text-editor.vue.d.ts

@@ -12,9 +12,9 @@ declare const __VLS_export: _$vue.DefineComponent<RichTextEditorProps & {
 }> & Readonly<{
   "onUpdate:modelValue"?: ((value: string | undefined) => any) | undefined;
 }>, {
-  placeholder: string;
   disabled: boolean;
   readonly: boolean;
+  placeholder: string;
   format: RichTextFormat;
   toolbar: ToolbarItem[];
 }, {}, {}, {}, string, _$vue.ComponentProvideOptions, false, {}, any>;

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

@@ -26,12 +26,12 @@ declare const __VLS_base: _$vue.DefineComponent<__VLS_PublicProps, {}, {}, {}, {
   "onUpdate:text"?: ((value: any) => any) | undefined;
   "onUpdate:label"?: ((label?: string | undefined) => any) | undefined;
 }>, {
+  disabled: boolean;
+  readonly: boolean;
   labelKey: string;
   valueKey: string;
-  clearable: boolean;
   placeholder: string;
-  disabled: boolean;
-  readonly: boolean;
+  clearable: 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-horizontal.vue.d.ts

@@ -16,17 +16,17 @@ 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;
-  position: "top" | "bottom";
-  rounded: boolean;
   block: boolean;
+  rounded: boolean;
+  position: "top" | "bottom";
 }, {}, {}, {}, 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-vertical.vue.d.ts

@@ -15,16 +15,16 @@ 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;
-  position: "left" | "right";
   rounded: boolean;
+  position: "left" | "right";
 }, {}, {}, {}, 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.vue.d.ts

@@ -11,17 +11,17 @@ 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;
-  position: "left" | "right" | "top" | "bottom";
-  rounded: boolean;
   block: boolean;
+  rounded: boolean;
+  position: "left" | "right" | "top" | "bottom";
   keepAlive: boolean;
 }, {}, {}, {}, string, _$vue.ComponentProvideOptions, false, {}, any>;
 declare const _default: typeof __VLS_export;

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

@@ -11,21 +11,21 @@ declare const __VLS_export: _$vue.DefineComponent<__VLS_PublicProps, {}, {}, {},
   "update:modelValue": (value: string | undefined) => any;
 } & {
   "update:modelValue": (value: string) => any;
+  clear: () => any;
   change: (value: string) => any;
   focus: () => any;
-  clear: () => any;
   blur: () => any;
 }, string, _$vue.PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
   "onUpdate:modelValue"?: ((value: string) => any) | undefined;
+  onClear?: (() => any) | undefined;
   onChange?: ((value: string) => any) | undefined;
   onFocus?: (() => any) | undefined;
-  onClear?: (() => any) | undefined;
   onBlur?: (() => any) | undefined;
 }>, {
-  clearable: boolean;
-  placeholder: string;
   disabled: boolean;
   readonly: boolean;
+  placeholder: string;
+  clearable: boolean;
   resize: boolean;
   autosize: boolean;
 }, {}, {}, {}, string, _$vue.ComponentProvideOptions, false, {}, any>;

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

@@ -15,24 +15,24 @@ type __VLS_PublicProps = __VLS_Props & __VLS_ModelProps;
 declare const __VLS_base: _$vue.DefineComponent<__VLS_PublicProps, {}, {}, {}, {}, _$vue.ComponentOptionsMixin, _$vue.ComponentOptionsMixin, {
   "update:modelValue": (value: string | number | undefined) => any;
 } & {
-  change: (value?: string | number | undefined, selectedData?: Record<string, any> | undefined) => any;
   clear: () => any;
+  change: (value?: string | number | undefined, selectedData?: Record<string, any> | undefined) => any;
   "update:text": (text?: string | undefined) => any;
 }, string, _$vue.PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
   "onUpdate:modelValue"?: ((value: string | number | undefined) => any) | undefined;
-  onChange?: ((value?: string | number | undefined, selectedData?: Record<string, any> | undefined) => any) | undefined;
   onClear?: (() => any) | undefined;
+  onChange?: ((value?: string | number | undefined, selectedData?: Record<string, any> | undefined) => any) | undefined;
   "onUpdate:text"?: ((text?: string | undefined) => any) | undefined;
 }>, {
+  disabled: boolean;
+  readonly: boolean;
   expandAll: boolean;
   labelKey: string;
   valueKey: string;
-  clearable: boolean;
+  minWidth: string;
   placeholder: string;
+  clearable: boolean;
   filterable: boolean;
-  minWidth: string;
-  disabled: boolean;
-  readonly: boolean;
 }, {}, {}, {}, string, _$vue.ComponentProvideOptions, false, {}, any>;
 declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
 declare const _default: typeof __VLS_export;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@veltra/desktop",
-  "version": "1.1.3",
+  "version": "1.1.4",
   "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.3",
-    "@veltra/directives": "1.1.3",
-    "@veltra/icons": "1.1.3",
-    "@veltra/styles": "1.1.3",
-    "@veltra/utils": "1.1.3",
+    "@veltra/compositions": "1.1.4",
+    "@veltra/directives": "1.1.4",
+    "@veltra/icons": "1.1.4",
+    "@veltra/styles": "1.1.4",
+    "@veltra/utils": "1.1.4",
     "@visactor/vtable": "^1.26.0",
     "codemirror": "^6.0.2",
     "docx-preview": "^0.3.7",
     "lexical": "^0.43.0"
   },
   "peerDependencies": {
-    "@veltra/compositions": "1.1.3",
-    "@veltra/directives": "1.1.3",
-    "@veltra/icons": "1.1.3",
-    "@veltra/styles": "1.1.3",
-    "@veltra/utils": "1.1.3",
+    "@veltra/compositions": "1.1.4",
+    "@veltra/directives": "1.1.4",
+    "@veltra/icons": "1.1.4",
+    "@veltra/styles": "1.1.4",
+    "@veltra/utils": "1.1.4",
     "vue": "^3.5.33"
   }
 }

package/src/components/expression-editor/style.scss

@@ -11,6 +11,7 @@ $root-name: expression-editor;
   border-style: fn.use-var(border, style);
   border-color: fn.use-var(border, muted-color);
   border-radius: fn.use-var(radius, default);
+  width: 100%;
 
   @include m.is-not(disabled, readonly) {
     &:hover {

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

@@ -15,7 +15,14 @@
           :size="size"
           @click="handleRemove(index)"
         />
-        <u-button :icon="Plus" circle :disabled="disabled" :size="size" @click="handleAdd(index)" />
+        <u-button
+          :icon="Plus"
+          circle
+          :disabled="disabled"
+          :size="size"
+          type="primary"
+          @click="handleAdd(index)"
+        />
       </span>
     </li>
   </ul>

package/src/components/group-input/style.ts

@@ -1 +1,2 @@
+import '../button/style'
 import './style.scss'

package/src/components/multi-select/multi-select-option.vue

@@ -21,7 +21,7 @@
 
 <script lang="ts" setup>
 import { Ripple } from '@veltra/directives'
-import { inject, onBeforeUnmount } from 'vue'
+import { inject, onBeforeUnmount, shallowRef } from 'vue'
 
 import { UCheckbox } from '../checkbox'
 import { MultiSelectDIKey } from './di'
@@ -43,8 +43,6 @@ const props = defineProps<{
   measureElement?: (index: number, el: Element | null) => void
 }>()
 
-const { disabled = false, checked } = props
-
 function measureRef(el: unknown) {
   if (typeof props.index !== 'number' || !props.measureElement) return
   props.measureElement(props.index, el as Element | null)
@@ -56,33 +54,41 @@ const emit = defineEmits<{
 
 const { optionClass, rippleClass, checkboxClass } = inject(MultiSelectDIKey)!
 
-let ripple: Ripple | null = null
+const rippleRef = shallowRef<Ripple | null>(null)
 
 function handleClick(e) {
-  if (disabled) return
-  emit('check', !checked)
+  if (props.disabled) return
+  emit('check', !props.checked)
 }
 
 function handleMousedown(e: MouseEvent) {
-  if (disabled) return
+  if (props.disabled) return
+
+  // 清理旧实例，避免同一元素上多个 Ripple 实例同时修改样式
+  if (rippleRef.value) {
+    rippleRef.value.remove()
+    rippleRef.value = null
+  }
 
-  ripple = new Ripple(e.currentTarget as HTMLElement, {
+  rippleRef.value = new Ripple(e.currentTarget as HTMLElement, {
     rippleClass
   })
 
-  ripple.showByEvent(e)
+  rippleRef.value.showByEvent(e)
 }
 
 function handleMouseleave() {
-  ripple?.remove()
+  rippleRef.value?.remove()
+  rippleRef.value = null
 }
 
 function handleMouseup() {
-  ripple?.remove()
+  rippleRef.value?.remove()
+  rippleRef.value = null
 }
 
 onBeforeUnmount(() => {
-  ripple?.remove()
-  ripple = null
+  rippleRef.value?.remove()
+  rippleRef.value = null
 })
 </script>

package/src/components/number-range-input/style.scss

@@ -4,6 +4,7 @@
 @include m.b(number-range-input) {
   display: inline-flex;
   align-items: center;
+  width: 100%;
   gap: fn.use-var(gap, small);
 
   @include m.e(separator) {