@veltra/desktop 1.0.15 → 2.0.0

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<{}>, {
-  size: "small" | "default" | "large";
   type: ColorType;
+  max: number;
+  size: "small" | "default" | "large";
   text: boolean;
   hover: 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;
 }>, {
-  size: _$_veltra_utils0.ComponentSize;
   type: ButtonType;
+  size: _$_veltra_utils0.ComponentSize;
   text: boolean;
   circle: boolean;
   loading: boolean;

package/dist/components/action/style2.css

@@ -34,8 +34,8 @@
 .u-action-group.is-hover:hover, .u-action-group.is-hover:focus-within {
   opacity: 1;
   background-color: color-mix(in srgb, var(--u-bg-color-top) 70%, transparent);
-  backdrop-filter: blur(8px);
-  -webkit-backdrop-filter: blur(8px);
+  backdrop-filter: var(--u-bg-filter);
+  -webkit-backdrop-filter: var(--u-bg-filter);
   box-shadow: 0 1px 4px color-mix(in srgb, var(--u-shadow-color) 35%, transparent);
 }
 .u-action-group__dropdown {

package/dist/components/auto-complete/style2.css

@@ -23,7 +23,7 @@
 }
 .u-auto-complete.is-disabled {
   background-color: var(--u-color-disabled);
-  box-shadow: inset 0 0 1px 1px var(--u-border-color);
+  box-shadow: none;
   cursor: not-allowed;
 }
 .u-auto-complete.is-disabled .u-auto-complete__arrow {
@@ -83,8 +83,9 @@
 }
 .u-auto-complete.is-multiple {
   line-height: 1;
-  box-shadow: inset 0 0 1px 1px var(--u-border-color);
-  transition: box-shadow 0.25s ease;
+  border: var(--u-border);
+  box-shadow: var(--u-shadow-emboss);
+  transition: border-color 0.25s ease, box-shadow 0.25s ease;
   overflow: hidden;
   display: inline-flex;
   justify-content: flex-start;
@@ -92,7 +93,7 @@
   flex-wrap: nowrap;
 }
 .u-auto-complete.is-multiple:hover {
-  box-shadow: inset 0 0 1px 1px var(--u-color-primary);
+  border-color: var(--u-color-primary);
 }
 .u-auto-complete--small {
   min-height: var(--u-form-component-height-small);

package/dist/components/badge/badge.js

@@ -20,7 +20,8 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
 		const { size } = useFallbackProps([props], { size: "default" });
 		const badgeValue = computed(() => {
 			if (props.dot) return "";
-			return props.value > props.max ? `${props.max}+` : props.value;
+			if (typeof props.value === "number" && typeof props.max === "number") return props.value > props.max ? `${props.max}+` : props.value;
+			return props.value;
 		});
 		const classList = computed(() => {
 			return [

package/dist/components/badge/badge.js.map

@@ -1 +1 @@
-{"version":3,"file":"badge.js","names":[],"sources":["../../../src/components/badge/badge.vue"],"sourcesContent":["<template>\n  <div :class=\"cls.b\">\n    <slot />\n    <sup :class=\"classList\" ref=\"supRef\" v-if=\"!hidden\">{{ badgeValue }}</sup>\n  </div>\n</template>\n\n<script lang=\"ts\" setup>\nimport { useFallbackProps } from '@veltra/compositions'\nimport { bem, setStyles, zIndex } from '@veltra/utils'\nimport { computed, nextTick, onMounted, shallowRef, watch } from 'vue'\n\nimport type { BadgeProps, ComponentSize } from '../../types'\n\ndefineOptions({\n  name: 'Badge'\n})\n\nconst cls = bem('badge')\n\nconst props = withDefaults(defineProps<BadgeProps>(), {\n  max: 99\n})\n\nconst { size } = useFallbackProps([props], {\n  size: 'default' as ComponentSize\n})\n\nconst badgeValue = computed(() => {\n  if (props.dot) return ''\n  return props.value! > props.max ? `${props.max}+` : props.value\n})\n\nconst classList = computed(() => {\n  return [\n    cls.e('sup'),\n    props.type && cls.m('color-' + props.type),\n    cls.m(size.value),\n    bem.is('dot', props.dot)\n  ]\n})\n\nconst supRef = shallowRef<HTMLElement>()\n\nconst setPosition = () => {\n  if (supRef.value) {\n    const { width, height } = supRef.value.getBoundingClientRect()\n    setStyles(supRef.value, {\n      transform: `translate(-${width / 2}px, -${height / 2}px)`,\n      backgroundColor: props.color && props.color,\n      zIndex: zIndex()\n    })\n  }\n}\n\nwatch(\n  () => size.value,\n  () => {\n    nextTick(() => {\n      setPosition()\n    })\n  }\n)\n\nonMounted(() => {\n  setPosition()\n})\n</script>\n"],"mappings":";;;;;;;;;;;;;;;;;EAkBA,MAAM,MAAM,IAAI,QAAO;EAEvB,MAAM,QAAQ;EAId,MAAM,EAAE,SAAS,iBAAiB,CAAC,MAAM,EAAE,EACzC,MAAM,WACP,CAAA;EAED,MAAM,aAAa,eAAe;AAChC,OAAI,MAAM,IAAK,QAAO;AACtB,UAAO,MAAM,QAAS,MAAM,MAAM,GAAG,MAAM,IAAI,KAAK,MAAM;IAC3D;EAED,MAAM,YAAY,eAAe;AAC/B,UAAO;IACL,IAAI,EAAE,MAAM;IACZ,MAAM,QAAQ,IAAI,EAAE,WAAW,MAAM,KAAK;IAC1C,IAAI,EAAE,KAAK,MAAM;IACjB,IAAI,GAAG,OAAO,MAAM,IAAG;IACzB;IACD;EAED,MAAM,SAAS,YAAwB;EAEvC,MAAM,oBAAoB;AACxB,OAAI,OAAO,OAAO;IAChB,MAAM,EAAE,OAAO,WAAW,OAAO,MAAM,uBAAsB;AAC7D,cAAU,OAAO,OAAO;KACtB,WAAW,cAAc,QAAQ,EAAE,OAAO,SAAS,EAAE;KACrD,iBAAiB,MAAM,SAAS,MAAM;KACtC,QAAQ,QAAO;KAChB,CAAA;;;AAIL,cACQ,KAAK,aACL;AACJ,kBAAe;AACb,iBAAY;KACb;IAEL;AAEA,kBAAgB;AACd,gBAAY;IACb;;uBAjEC,mBAGM,OAAA,EAHA,OAAK,eAAE,MAAA,IAAG,CAAC,EAAC,EAAA,EAAA,CAChB,WAAQ,KAAA,QAAA,UAAA,EAAA,CACoC,QAAA,UAAA,WAAA,EAA5C,mBAA0E,OAAA;;IAApE,OAAK,eAAE,UAAA,MAAS;aAAM;IAAJ,KAAI;sBAA2B,WAAA,MAAU,EAAA,EAAA,IAAA,mBAAA,QAAA,KAAA,CAAA,EAAA,EAAA"}
+{"version":3,"file":"badge.js","names":[],"sources":["../../../src/components/badge/badge.vue"],"sourcesContent":["<template>\n  <div :class=\"cls.b\">\n    <slot />\n    <sup :class=\"classList\" ref=\"supRef\" v-if=\"!hidden\">{{ badgeValue }}</sup>\n  </div>\n</template>\n\n<script lang=\"ts\" setup>\nimport { useFallbackProps } from '@veltra/compositions'\nimport { bem, setStyles, zIndex } from '@veltra/utils'\nimport { computed, nextTick, onMounted, shallowRef, watch } from 'vue'\n\nimport type { BadgeProps, ComponentSize } from '../../types'\n\ndefineOptions({\n  name: 'Badge'\n})\n\nconst cls = bem('badge')\n\nconst props = withDefaults(defineProps<BadgeProps>(), {\n  max: 99\n})\n\nconst { size } = useFallbackProps([props], {\n  size: 'default' as ComponentSize\n})\n\nconst badgeValue = computed(() => {\n  if (props.dot) return ''\n  if (typeof props.value === 'number' && typeof props.max === 'number') {\n    return props.value > props.max ? `${props.max}+` : props.value\n  }\n  return props.value\n})\n\nconst classList = computed(() => {\n  return [\n    cls.e('sup'),\n    props.type && cls.m('color-' + props.type),\n    cls.m(size.value),\n    bem.is('dot', props.dot)\n  ]\n})\n\nconst supRef = shallowRef<HTMLElement>()\n\nconst setPosition = () => {\n  if (supRef.value) {\n    const { width, height } = supRef.value.getBoundingClientRect()\n    setStyles(supRef.value, {\n      transform: `translate(-${width / 2}px, -${height / 2}px)`,\n      backgroundColor: props.color && props.color,\n      zIndex: zIndex()\n    })\n  }\n}\n\nwatch(\n  () => size.value,\n  () => {\n    nextTick(() => {\n      setPosition()\n    })\n  }\n)\n\nonMounted(() => {\n  setPosition()\n})\n</script>\n"],"mappings":";;;;;;;;;;;;;;;;;EAkBA,MAAM,MAAM,IAAI,QAAO;EAEvB,MAAM,QAAQ;EAId,MAAM,EAAE,SAAS,iBAAiB,CAAC,MAAM,EAAE,EACzC,MAAM,WACP,CAAA;EAED,MAAM,aAAa,eAAe;AAChC,OAAI,MAAM,IAAK,QAAO;AACtB,OAAI,OAAO,MAAM,UAAU,YAAY,OAAO,MAAM,QAAQ,SAC1D,QAAO,MAAM,QAAQ,MAAM,MAAM,GAAG,MAAM,IAAI,KAAK,MAAM;AAE3D,UAAO,MAAM;IACd;EAED,MAAM,YAAY,eAAe;AAC/B,UAAO;IACL,IAAI,EAAE,MAAM;IACZ,MAAM,QAAQ,IAAI,EAAE,WAAW,MAAM,KAAK;IAC1C,IAAI,EAAE,KAAK,MAAM;IACjB,IAAI,GAAG,OAAO,MAAM,IAAG;IACzB;IACD;EAED,MAAM,SAAS,YAAwB;EAEvC,MAAM,oBAAoB;AACxB,OAAI,OAAO,OAAO;IAChB,MAAM,EAAE,OAAO,WAAW,OAAO,MAAM,uBAAsB;AAC7D,cAAU,OAAO,OAAO;KACtB,WAAW,cAAc,QAAQ,EAAE,OAAO,SAAS,EAAE;KACrD,iBAAiB,MAAM,SAAS,MAAM;KACtC,QAAQ,QAAO;KAChB,CAAA;;;AAIL,cACQ,KAAK,aACL;AACJ,kBAAe;AACb,iBAAY;KACb;IAEL;AAEA,kBAAgB;AACd,gBAAY;IACb;;uBApEC,mBAGM,OAAA,EAHA,OAAK,eAAE,MAAA,IAAG,CAAC,EAAC,EAAA,EAAA,CAChB,WAAQ,KAAA,QAAA,UAAA,EAAA,CACoC,QAAA,UAAA,WAAA,EAA5C,mBAA0E,OAAA;;IAApE,OAAK,eAAE,UAAA,MAAS;aAAM;IAAJ,KAAI;sBAA2B,WAAA,MAAU,EAAA,EAAA,IAAA,mBAAA,QAAA,KAAA,CAAA,EAAA,EAAA"}

package/dist/components/batch-edit/style2.css

@@ -27,8 +27,8 @@
 .u-batch-edit .u-table__row.is-current .u-action-group.is-hover {
   opacity: 1;
   background-color: color-mix(in srgb, var(--u-bg-color-top) 70%, transparent);
-  backdrop-filter: blur(8px);
-  -webkit-backdrop-filter: blur(8px);
+  backdrop-filter: var(--u-bg-filter);
+  -webkit-backdrop-filter: var(--u-bg-filter);
   box-shadow: 0 1px 4px color-mix(in srgb, var(--u-shadow-color) 35%, transparent);
 }
 .u-batch-edit__add {

package/dist/components/breadcrumb/style2.css

@@ -52,7 +52,7 @@
   border-radius: var(--u-radius-small);
   transition: color 0.15s ease;
 }
-.u-breadcrumb__link:hover:not(.is-disabled) {
+.u-breadcrumb__link:not(.is-disabled):hover {
   color: var(--u-color-primary);
 }
 .u-breadcrumb__link:focus-visible {

package/dist/components/button/style2.css

@@ -28,6 +28,7 @@
   -webkit-appearance: none;
   border: none;
   background-color: var(--u-color-default);
+  box-shadow: var(--u-shadow-emboss);
   transition: background-color 0.25s, box-shadow 0.2s;
   -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
   -webkit-tap-highlight-color: transparent; /* For some Androids */
@@ -127,7 +128,7 @@
 .u-button--color-primary.is-text:hover {
   box-shadow: 0px 0px 0px 1px var(--u-color-primary);
 }
-.u-button--color-primary.is-text:not(.is-disabled, .is-loading):hover, .u-button--color-primary.is-text:not(.is-disabled, .is-loading):focus {
+.u-button--color-primary.is-text:not(.is-disabled):not(.is-loading):hover, .u-button--color-primary.is-text:not(.is-disabled):not(.is-loading):focus {
   background-color: var(--u-color-primary-light-9);
 }
 .u-button--color-primary.is-text.is-disabled {
@@ -177,7 +178,7 @@
 .u-button--color-success.is-text:hover {
   box-shadow: 0px 0px 0px 1px var(--u-color-success);
 }
-.u-button--color-success.is-text:not(.is-disabled, .is-loading):hover, .u-button--color-success.is-text:not(.is-disabled, .is-loading):focus {
+.u-button--color-success.is-text:not(.is-disabled):not(.is-loading):hover, .u-button--color-success.is-text:not(.is-disabled):not(.is-loading):focus {
   background-color: var(--u-color-success-light-9);
 }
 .u-button--color-success.is-text.is-disabled {
@@ -227,7 +228,7 @@
 .u-button--color-warning.is-text:hover {
   box-shadow: 0px 0px 0px 1px var(--u-color-warning);
 }
-.u-button--color-warning.is-text:not(.is-disabled, .is-loading):hover, .u-button--color-warning.is-text:not(.is-disabled, .is-loading):focus {
+.u-button--color-warning.is-text:not(.is-disabled):not(.is-loading):hover, .u-button--color-warning.is-text:not(.is-disabled):not(.is-loading):focus {
   background-color: var(--u-color-warning-light-9);
 }
 .u-button--color-warning.is-text.is-disabled {
@@ -277,7 +278,7 @@
 .u-button--color-danger.is-text:hover {
   box-shadow: 0px 0px 0px 1px var(--u-color-danger);
 }
-.u-button--color-danger.is-text:not(.is-disabled, .is-loading):hover, .u-button--color-danger.is-text:not(.is-disabled, .is-loading):focus {
+.u-button--color-danger.is-text:not(.is-disabled):not(.is-loading):hover, .u-button--color-danger.is-text:not(.is-disabled):not(.is-loading):focus {
   background-color: var(--u-color-danger-light-9);
 }
 .u-button--color-danger.is-text.is-disabled {
@@ -327,7 +328,7 @@
 .u-button--color-info.is-text:hover {
   box-shadow: 0px 0px 0px 1px var(--u-color-info);
 }
-.u-button--color-info.is-text:not(.is-disabled, .is-loading):hover, .u-button--color-info.is-text:not(.is-disabled, .is-loading):focus {
+.u-button--color-info.is-text:not(.is-disabled):not(.is-loading):hover, .u-button--color-info.is-text:not(.is-disabled):not(.is-loading):focus {
   background-color: var(--u-color-info-light-9);
 }
 .u-button--color-info.is-text.is-disabled {
@@ -377,7 +378,7 @@
 .u-button--color-disabled.is-text:hover {
   box-shadow: 0px 0px 0px 1px var(--u-color-disabled);
 }
-.u-button--color-disabled.is-text:not(.is-disabled, .is-loading):hover, .u-button--color-disabled.is-text:not(.is-disabled, .is-loading):focus {
+.u-button--color-disabled.is-text:not(.is-disabled):not(.is-loading):hover, .u-button--color-disabled.is-text:not(.is-disabled):not(.is-loading):focus {
   background-color: var(--u-color-disabled-light-9);
 }
 .u-button--color-disabled.is-text.is-disabled {
@@ -427,7 +428,7 @@
 .u-button--color-default.is-text:hover {
   box-shadow: 0px 0px 0px 1px var(--u-color-default);
 }
-.u-button--color-default.is-text:not(.is-disabled, .is-loading):hover, .u-button--color-default.is-text:not(.is-disabled, .is-loading):focus {
+.u-button--color-default.is-text:not(.is-disabled):not(.is-loading):hover, .u-button--color-default.is-text:not(.is-disabled):not(.is-loading):focus {
   background-color: var(--u-color-default-light-9);
 }
 .u-button--color-default.is-text.is-disabled {

package/dist/components/card/style2.css

@@ -19,6 +19,8 @@
   border-radius: var(--u-radius-default);
   background-color: var(--u-bg-color-top);
   box-shadow: var(--u-shadow);
+  backdrop-filter: var(--u-bg-filter);
+  -webkit-backdrop-filter: var(--u-bg-filter);
   overflow: hidden;
 }
 .u-card.is-integrate {

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

@@ -11,12 +11,12 @@ declare const __VLS_export: _$vue.DefineComponent<CascadeProps, {}, {}, {}, {},
   onClear?: (() => any) | undefined;
   onChange?: ((...args: [value?: string | undefined, label?: string | undefined, item?: Record<string, any> | undefined] | [value: string[], label: string[], data: Record<string, any>[]]) => any) | undefined;
 }>, {
-  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/cascade/style2.css

@@ -19,8 +19,9 @@
   width: 100%;
 }
 .u-cascade.is-multiple {
-  box-shadow: inset 0 0 1px 1px var(--u-border-color);
-  transition: box-shadow 0.25s ease;
+  border: var(--u-border);
+  box-shadow: var(--u-shadow-emboss);
+  transition: border-color 0.25s ease, box-shadow 0.25s ease;
   overflow: hidden;
   cursor: pointer;
   display: inline-flex;
@@ -29,7 +30,7 @@
   flex-wrap: nowrap;
 }
 .u-cascade.is-multiple:hover {
-  box-shadow: inset 0 0 1px 1px var(--u-color-primary);
+  border-color: var(--u-color-primary);
 }
 .u-cascade--small.is-multiple {
   min-height: var(--u-form-component-height-small);

package/dist/components/check-tag/check-tag.js

@@ -5,7 +5,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
 	name: "CheckTag",
 	__name: "check-tag",
 	props: {
-		modelValue: {},
+		modelValue: { type: Boolean },
 		checked: { type: Boolean }
 	},
 	emits: ["update:modelValue"],

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/style2.css

@@ -73,7 +73,7 @@
 }
 .u-checkbox__wrap {
   border: var(--u-border-width) var(--u-border-style) var(--u-checkbox-border, #ccc);
-  border-radius: var(--u-radius-default);
+  border-radius: 6px;
   color: #fff;
   transition: background-color 0.15s ease;
   display: inline-flex;

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;
 }>, {
-  disabled: boolean;
-  readonly: boolean;
   labelKey: string;
   valueKey: string;
+  disabled: boolean;
+  readonly: boolean;
 }, {}, {}, {}, string, _$vue.ComponentProvideOptions, false, {}, any>;
 declare const _default: typeof __VLS_export;
 //#endregion

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

@@ -31,12 +31,13 @@
   max-height: 480px;
   border-radius: var(--u-radius-default);
   background-color: var(--u-code-editor-bg);
-  box-shadow: inset 0 0 0 1px var(--u-code-editor-border);
+  border: 1px solid var(--u-code-editor-border);
+  box-shadow: var(--u-shadow-emboss);
   overflow: hidden;
-  transition: box-shadow 0.2s ease;
+  transition: border-color 0.2s ease, box-shadow 0.2s ease;
 }
 .u-code-editor:hover, .u-code-editor:focus-within {
-  box-shadow: inset 0 0 0 1px var(--u-color-primary);
+  border-color: var(--u-color-primary);
 }
 .u-code-editor .cm-editor {
   background: transparent;
@@ -99,19 +100,16 @@
 }
 .u-code-editor.is-disabled {
   background-color: var(--u-color-disabled);
-  box-shadow: inset 0 0 0 1px var(--u-code-editor-border);
+  box-shadow: none;
   cursor: not-allowed;
 }
 .u-code-editor.is-disabled:hover, .u-code-editor.is-disabled:focus-within {
-  box-shadow: inset 0 0 0 1px var(--u-code-editor-border);
+  border-color: var(--u-code-editor-border);
 }
 .u-code-editor.is-disabled .cm-editor,
 .u-code-editor.is-disabled .cm-content {
   cursor: not-allowed;
 }
-.u-code-editor.is-readonly {
-  box-shadow: inset 0 0 0 1px var(--u-code-editor-border);
-}
 .u-code-editor.is-readonly:hover, .u-code-editor.is-readonly:focus-within {
-  box-shadow: inset 0 0 0 1px var(--u-code-editor-border);
+  border-color: var(--u-code-editor-border);
 }

package/dist/components/collapse/style2.css

@@ -46,7 +46,7 @@
   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);
 }
-.u-collapse__header:hover:not(.is-disabled) {
+.u-collapse__header:not(.is-disabled):hover {
   background-color: var(--u-bg-color-hover);
 }
 .u-collapse__header:focus-visible {
@@ -133,12 +133,12 @@
 .u-collapse:not(.is-bordered) .u-collapse__item + .u-collapse__item {
   margin-top: 4px;
 }
-.u-collapse:not(.is-bordered) .u-collapse__item:hover:not(.is-disabled) {
+.u-collapse:not(.is-bordered) .u-collapse__item:not(.is-disabled):hover {
   background-color: var(--u-bg-color-hover);
 }
 .u-collapse:not(.is-bordered) .u-collapse__header {
   border-radius: inherit;
 }
-.u-collapse:not(.is-bordered) .u-collapse__header:hover:not(.is-disabled) {
+.u-collapse:not(.is-bordered) .u-collapse__header:not(.is-disabled):hover {
   background-color: transparent;
 }

package/dist/components/context-menu/style2.css

@@ -21,6 +21,8 @@
   box-shadow: var(--u-shadow);
   border-radius: var(--u-radius-default);
   padding: var(--u-gap-small);
+  backdrop-filter: var(--u-bg-filter);
+  -webkit-backdrop-filter: var(--u-bg-filter);
 }
 .u-context-menu__label {
   margin-left: var(--u-gap-small);
@@ -34,7 +36,7 @@
   align-items: center;
   flex-wrap: nowrap;
 }
-.u-context-menu__item:not(.is-disabled, .is-loading):hover {
+.u-context-menu__item:not(.is-disabled):not(.is-loading):hover {
   background-color: var(--u-color-primary-light-9);
 }
 .u-context-menu__item.is-disabled {

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;
 }>, {
-  size: _$_veltra_utils0.ComponentSize;
   type: "date" | "month" | "year";
+  size: _$_veltra_utils0.ComponentSize;
 }, {}, {}, {}, string, _$vue.ComponentProvideOptions, false, {}, any>;
 declare const _default: typeof __VLS_export;
 //#endregion

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

@@ -3,13 +3,13 @@ import * as _$vue from "vue";
 
 //#region src/components/date-picker/date-picker.vue.d.ts
 declare const __VLS_export: _$vue.DefineComponent<DatePickerProps, {}, {}, {}, {}, _$vue.ComponentOptionsMixin, _$vue.ComponentOptionsMixin, {} & {
-  "update:modelValue": (value?: string | undefined) => any;
+  "update:modelValue": (value?: string | number | Date | undefined) => any;
 }, string, _$vue.PublicProps, Readonly<DatePickerProps> & Readonly<{
-  "onUpdate:modelValue"?: ((value?: string | undefined) => any) | undefined;
+  "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, _$vue.ComponentProvideOptions, false, {}, any>;

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

@@ -7,9 +7,9 @@ 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";
   disabled: boolean;
   readonly: boolean;
-  type: "date" | "month" | "year";
   placeholder: [string, string];
   clearable: boolean;
 }, {}, {}, {}, string, _$vue.ComponentProvideOptions, false, {}, any>;

package/dist/components/date-range-picker/style2.css

@@ -19,8 +19,9 @@
   width: 100%;
   vertical-align: middle;
   line-height: 1;
-  box-shadow: inset 0 0 1px 1px var(--u-border-color);
-  transition: box-shadow 0.25s ease;
+  border: var(--u-border);
+  box-shadow: var(--u-shadow-emboss);
+  transition: border-color 0.25s ease, box-shadow 0.25s ease;
   overflow: hidden;
   display: inline-flex;
   justify-content: flex-start;
@@ -52,7 +53,7 @@
   font-size: calc(var(--u-form-component-height-large) / 2 + 2px);
 }
 .u-date-range-picker:hover {
-  box-shadow: inset 0 0 0px 1px var(--u-color-primary);
+  border-color: var(--u-color-primary);
 }
 .u-date-range-picker__input {
   outline: none;
@@ -88,7 +89,7 @@
 }
 .u-date-range-picker.is-disabled {
   background-color: var(--u-color-disabled);
-  box-shadow: inset 0 0 1px 1px var(--u-border-color);
+  box-shadow: none;
 }
 .u-date-range-picker.is-disabled .u-date-range-picker__input {
   cursor: not-allowed;

package/dist/components/dialog/style2.css

@@ -59,6 +59,8 @@
   flex-shrink: 0;
   overflow: hidden;
   background-color: var(--u-bg-color-middle);
+  backdrop-filter: var(--u-bg-filter);
+  -webkit-backdrop-filter: var(--u-bg-filter);
 }
 .u-dialog__header {
   height: 49px;

package/dist/components/drawer/style2.css

@@ -19,7 +19,8 @@
   position: absolute;
   border-radius: var(--u-radius-large);
   background-color: var(--u-bg-color-top);
-  backdrop-filter: blur(10px);
+  backdrop-filter: var(--u-bg-filter);
+  -webkit-backdrop-filter: var(--u-bg-filter);
   box-shadow: 0 0 10px 2px var(--u-shadow-color);
 }
 .u-drawer__close {

package/dist/components/dropdown/style2.css

@@ -21,6 +21,8 @@
   border: var(--u-border);
   border-radius: var(--u-radius-default);
   box-shadow: var(--u-shadow);
+  backdrop-filter: var(--u-bg-filter);
+  -webkit-backdrop-filter: var(--u-bg-filter);
   top: 0;
   left: 0;
 }

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

@@ -23,10 +23,10 @@
   border-color: var(--u-border-color);
   border-radius: var(--u-radius-default);
 }
-.u-expression-editor:hover:not(.is-disabled):not(.is-readonly) {
+.u-expression-editor:not(.is-disabled):not(.is-readonly):hover {
   border-color: var(--u-color-primary);
 }
-.u-expression-editor:focus-within:not(.is-disabled):not(.is-readonly) {
+.u-expression-editor:not(.is-disabled):not(.is-readonly):focus-within {
   border-color: var(--u-color-primary);
   outline: none;
 }

package/dist/components/file-viewer/style2.css

@@ -55,8 +55,8 @@
   position: absolute;
   inset: 0;
   background: linear-gradient(180deg, rgba(5, 7, 11, 0.78), rgba(4, 5, 8, 0.94)), linear-gradient(90deg, rgba(255, 255, 255, 0.06), transparent 24%, transparent 76%, rgba(255, 255, 255, 0.035));
-  backdrop-filter: blur(18px) saturate(1.16);
-  -webkit-backdrop-filter: blur(18px) saturate(1.16);
+  backdrop-filter: var(--u-bg-filter);
+  -webkit-backdrop-filter: var(--u-bg-filter);
 }
 .u-file-viewer.is-modal .u-file-viewer__inner {
   display: contents;
@@ -81,8 +81,8 @@
   background: linear-gradient(90deg, rgba(8, 10, 15, 0.76), rgba(8, 10, 15, 0.58) 78%, rgba(8, 10, 15, 0.34));
   border-right: 1px solid rgba(255, 255, 255, 0.055);
   box-shadow: none;
-  backdrop-filter: blur(18px) saturate(1.08);
-  -webkit-backdrop-filter: blur(18px) saturate(1.08);
+  backdrop-filter: var(--u-bg-filter);
+  -webkit-backdrop-filter: var(--u-bg-filter);
 }
 .u-file-viewer__sidebar-head {
   display: flex;
@@ -272,8 +272,8 @@
   background: linear-gradient(180deg, rgba(9, 11, 16, 0.72), rgba(9, 11, 16, 0.28) 72%, transparent);
   border-bottom-color: transparent;
   box-shadow: none;
-  backdrop-filter: blur(16px) saturate(1.08);
-  -webkit-backdrop-filter: blur(16px) saturate(1.08);
+  backdrop-filter: var(--u-bg-filter);
+  -webkit-backdrop-filter: var(--u-bg-filter);
 }
 .u-file-viewer__stage-title {
   display: flex;

package/dist/components/form-item/style2.css

@@ -78,8 +78,11 @@
   min-width: 0;
 }
 .u-form-item.is-error .u-input,
-.u-form-item.is-error .u-multi-select, .u-form-item.is-error .u-multi-tree-select, .u-form-item.is-error .u-auto-complete, .u-form-item.is-error .u-textarea--more {
-  box-shadow: inset 0 0 1px 1px var(--u-color-danger);
+.u-form-item.is-error .u-multi-select,
+.u-form-item.is-error .u-multi-tree-select,
+.u-form-item.is-error .u-auto-complete,
+.u-form-item.is-error .u-textarea--more {
+  border-color: var(--u-color-danger);
 }
 .u-form-item__content {
   flex-grow: 1;

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

@@ -1 +1 @@
-{"version":3,"file":"input.js","names":[],"sources":["../../../src/components/input/input.vue"],"sourcesContent":["<template>\n  <div\n    :class=\"inputClass\"\n    @mouseenter=\"handleMouseEnter\"\n    @mouseleave=\"handleMouseLeave\"\n    v-if=\"!readonly\"\n  >\n    <span v-if=\"$slots.prefix || prefix\" :class=\"prefixClass\" @click=\"handlePrefixClick\">\n      {{ prefix }}\n      <slot name=\"prefix\"></slot>\n    </span>\n\n    <input\n      :class=\"cls.e('native')\"\n      :placeholder=\"props.placeholder\"\n      type=\"text\"\n      :value=\"model\"\n      @input=\"handleInput\"\n      @change=\"handleChange\"\n      @focus=\"handleFocus\"\n      @blur=\"handleBlur\"\n      @compositionstart=\"handleCompositionStart\"\n      @compositionend=\"handleCompositionEnd\"\n      autocomplete=\"off\"\n      ref=\"el\"\n      :disabled=\"disabled\"\n      :readonly=\"nativeReadonly\"\n    />\n    <UIcon\n      v-if=\"clearable && !disabled && model\"\n      :class=\"[cls.e('clear'), bem.is('hidden', !hovered)]\"\n      title=\"清除\"\n      @click.stop=\"clearModelValue\"\n    >\n      <Close />\n    </UIcon>\n    <span :class=\"suffixClass\" @click=\"handleSuffixClick\" v-if=\"$slots.suffix || suffix\">\n      {{ suffix }}\n      <slot name=\"suffix\"></slot>\n    </span>\n  </div>\n\n  <template v-else>\n    {{ generateModel || FORM_EMPTY_CONTENT }}\n  </template>\n</template>\n\n<script lang=\"tsx\" setup>\nimport { useFocus, useFormComponent, useFormFallbackProps } from '@veltra/compositions'\nimport { Close } from '@veltra/icons/normal'\nimport { bem, FORM_EMPTY_CONTENT } from '@veltra/utils'\nimport { computed, getCurrentInstance, ref, shallowRef, nextTick } from 'vue'\n\nimport type { InputEmits, InputProps, _InputExposed } from '../../types'\nimport { UIcon } from '../icon'\n\ndefineOptions({\n  name: 'Input'\n})\n\nconst props = withDefaults(defineProps<InputProps>(), {\n  placeholder: '请输入',\n  clearable: true,\n  disabled: undefined,\n  readonly: undefined\n})\n\nconst emit = defineEmits<InputEmits>()\n\nconst model = defineModel<string>()\n\nconst inst = getCurrentInstance()\n\nconst cls = bem('input')\n\nconst { formProps } = useFormComponent()\n\nconst { size, disabled, readonly } = useFormFallbackProps([formProps ?? {}, props])\n\nconst { focus, handleBlur, handleFocus } = useFocus((focused) => {\n  if (focused) {\n    emit('focus')\n  } else {\n    emit('blur')\n  }\n})\n\nconst inputClass = computed(() => {\n  return [\n    cls.b,\n    cls.m(size.value),\n    bem.is('disabled', disabled.value),\n    bem.is('readonly', readonly.value),\n    bem.is('focus', focus.value)\n  ]\n})\n\nconst prefixClass = [cls.e('prefix'), bem.is('clickable', !!inst?.vnode.props?.['onPrefix:click'])]\n\nconst suffixClass = [cls.e('suffix'), bem.is('clickable', !!inst?.vnode.props?.['onSuffix:click'])]\n\nlet isComposing = false\n\nfunction handleCompositionStart() {\n  isComposing = true\n}\n\nfunction handleCompositionEnd(e: Event) {\n  isComposing = false\n  handleInput(e)\n}\n\nconst handleInput = (e: Event) => {\n  if (isComposing) return\n\n  const inputVal = (e.target as HTMLInputElement).value\n  emit('native:input', e)\n\n  const valid = props.pattern?.test(inputVal) ?? true\n\n  if (!valid) return\n  model.value = inputVal\n}\n\nconst handlePrefixClick = () => {\n  emit('prefix:click', model.value)\n}\n\nconst handleSuffixClick = () => {\n  emit('suffix:click', model.value)\n}\n\nconst clearModelValue = () => {\n  model.value = ''\n  emit('clear')\n}\n\nconst hovered = ref(false)\nconst handleMouseEnter = () => {\n  hovered.value = true\n}\n\nconst handleMouseLeave = () => {\n  hovered.value = false\n}\n\nconst handleChange = (e: Event) => {\n  const target = e.target as HTMLInputElement\n\n  const valid = props.pattern?.test(target.value) ?? true\n\n  if (valid) {\n    emit('change', target.value)\n  } else {\n    nextTick(() => {\n      target.value = model.value ?? ''\n    })\n  }\n}\n\nconst el = shallowRef<HTMLInputElement>()\n\nconst generateModel = computed(() => {\n  if (!model.value) return ''\n\n  return `${props.prefix ?? ''}${model.value}${props.suffix ?? ''}`\n})\n\ndefineExpose<_InputExposed>({\n  el\n})\n</script>\n"],"mappings":""}
+{"version":3,"file":"input.js","names":[],"sources":["../../../src/components/input/input.vue"],"sourcesContent":["<template>\n  <div\n    :class=\"inputClass\"\n    @mouseenter=\"handleMouseEnter\"\n    @mouseleave=\"handleMouseLeave\"\n    v-if=\"!readonly\"\n  >\n    <span v-if=\"$slots.prefix || prefix\" :class=\"prefixClass\" @click=\"handlePrefixClick\">\n      {{ prefix }}\n      <slot name=\"prefix\"></slot>\n    </span>\n\n    <input\n      :class=\"cls.e('native')\"\n      :placeholder=\"props.placeholder\"\n      type=\"text\"\n      :value=\"model\"\n      @input=\"handleInput\"\n      @change=\"handleChange\"\n      @focus=\"handleFocus\"\n      @blur=\"handleBlur\"\n      @compositionstart=\"handleCompositionStart\"\n      @compositionend=\"handleCompositionEnd\"\n      autocomplete=\"off\"\n      ref=\"el\"\n      :disabled=\"disabled\"\n      :readonly=\"nativeReadonly\"\n    />\n\n    <span :class=\"suffixClass\" v-if=\"hasSuffix\">\n      <Transition name=\"zoom-in\" mode=\"out-in\">\n        <UIcon\n          v-if=\"showClear\"\n          :class=\"cls.e('clear')\"\n          title=\"清除\"\n          @click.stop=\"clearModelValue\"\n          key=\"clear\"\n        >\n          <Close />\n        </UIcon>\n\n        <span v-else :class=\"cls.e('suffix-content')\" @click=\"handleSuffixClick\" key=\"suffix\">\n          {{ suffix }}\n          <slot name=\"suffix\"></slot>\n        </span>\n      </Transition>\n    </span>\n  </div>\n\n  <template v-else>\n    {{ generateModel || FORM_EMPTY_CONTENT }}\n  </template>\n</template>\n\n<script lang=\"tsx\" setup>\nimport { useFocus, useFormComponent, useFormFallbackProps } from '@veltra/compositions'\nimport { Close } from '@veltra/icons/normal'\nimport { bem, FORM_EMPTY_CONTENT } from '@veltra/utils'\nimport { computed, getCurrentInstance, ref, shallowRef, nextTick } from 'vue'\n\nimport type { InputEmits, InputProps, _InputExposed } from '../../types'\nimport { UIcon } from '../icon'\n\ndefineOptions({\n  name: 'Input'\n})\n\nconst props = withDefaults(defineProps<InputProps>(), {\n  placeholder: '请输入',\n  clearable: true,\n  disabled: undefined,\n  readonly: undefined\n})\n\nconst emit = defineEmits<InputEmits>()\n\nconst model = defineModel<string>()\n\nconst inst = getCurrentInstance()\n\nconst cls = bem('input')\n\nconst { formProps } = useFormComponent()\n\nconst { size, disabled, readonly } = useFormFallbackProps([formProps ?? {}, props])\n\nconst { focus, handleBlur, handleFocus } = useFocus((focused) => {\n  if (focused) {\n    emit('focus')\n  } else {\n    emit('blur')\n  }\n})\n\nconst inputClass = computed(() => {\n  return [\n    cls.b,\n    cls.m(size.value),\n    bem.is('disabled', disabled.value),\n    bem.is('readonly', readonly.value),\n    bem.is('focus', focus.value)\n  ]\n})\n\nconst prefixClass = [cls.e('prefix'), bem.is('clickable', !!inst?.vnode.props?.['onPrefix:click'])]\n\nconst suffixClass = [cls.e('suffix'), bem.is('clickable', !!inst?.vnode.props?.['onSuffix:click'])]\n\nlet isComposing = false\n\nfunction handleCompositionStart() {\n  isComposing = true\n}\n\nfunction handleCompositionEnd(e: Event) {\n  isComposing = false\n  handleInput(e)\n}\n\nconst handleInput = (e: Event) => {\n  if (isComposing) return\n\n  const inputVal = (e.target as HTMLInputElement).value\n  emit('native:input', e)\n\n  const valid = props.pattern?.test(inputVal) ?? true\n\n  if (!valid) return\n  model.value = inputVal\n}\n\nconst handlePrefixClick = () => {\n  emit('prefix:click', model.value)\n}\n\nconst handleSuffixClick = () => {\n  emit('suffix:click', model.value)\n}\n\nconst clearModelValue = () => {\n  model.value = ''\n  emit('clear')\n}\n\nconst hovered = ref(false)\nconst handleMouseEnter = () => {\n  hovered.value = true\n}\n\nconst handleMouseLeave = () => {\n  hovered.value = false\n}\n\nconst showClear = computed(() => {\n  return props.clearable && !disabled.value && !!model.value && hovered.value\n})\n\nconst hasSuffixContent = computed(() => {\n  return !!inst?.slots.suffix || !!props.suffix\n})\n\nconst hasSuffix = computed(() => {\n  return hasSuffixContent.value || showClear.value\n})\n\nconst handleChange = (e: Event) => {\n  const target = e.target as HTMLInputElement\n\n  const valid = props.pattern?.test(target.value) ?? true\n\n  if (valid) {\n    emit('change', target.value)\n  } else {\n    nextTick(() => {\n      target.value = model.value ?? ''\n    })\n  }\n}\n\nconst el = shallowRef<HTMLInputElement>()\n\nconst generateModel = computed(() => {\n  if (!model.value) return ''\n\n  return `${props.prefix ?? ''}${model.value}${props.suffix ?? ''}`\n})\n\ndefineExpose<_InputExposed>({\n  el\n})\n</script>\n"],"mappings":""}

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

@@ -7,11 +7,11 @@ type __VLS_ModelProps = {
   modelValue?: string;
 };
 type __VLS_PublicProps = __VLS_Props & __VLS_ModelProps;
-declare var __VLS_1: {}, __VLS_16: {};
+declare var __VLS_1: {}, __VLS_22: {};
 type __VLS_Slots = {} & {
   prefix?: (props: typeof __VLS_1) => any;
 } & {
-  suffix?: (props: typeof __VLS_16) => any;
+  suffix?: (props: typeof __VLS_22) => any;
 };
 declare const __VLS_base: _$vue.DefineComponent<__VLS_PublicProps, _InputExposed, {}, {}, {}, _$vue.ComponentOptionsMixin, _$vue.ComponentOptionsMixin, {
   "update:modelValue": (value: string | undefined) => any;

package/dist/components/input/input.vue_vue_type_script_setup_true_lang.js

@@ -1,5 +1,5 @@
 import _sfc_main from "../icon/icon.js";
-import { Fragment, computed, createBlock, createCommentVNode, createElementBlock, createElementVNode, createTextVNode, createVNode, defineComponent, getCurrentInstance, mergeModels, nextTick, normalizeClass, openBlock, ref, renderSlot, shallowRef, toDisplayString, unref, useModel, withCtx, withModifiers } from "vue";
+import { Fragment, Transition, computed, createBlock, createCommentVNode, createElementBlock, createElementVNode, createTextVNode, createVNode, defineComponent, getCurrentInstance, mergeModels, nextTick, normalizeClass, openBlock, ref, renderSlot, shallowRef, toDisplayString, unref, useModel, withCtx, withModifiers } from "vue";
 import { FORM_EMPTY_CONTENT, bem } from "@veltra/utils";
 import { useFocus, useFormComponent, useFormFallbackProps } from "@veltra/compositions";
 import { Close } from "@veltra/icons/normal";
@@ -106,6 +106,15 @@ var input_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineCo
 		const handleMouseLeave = () => {
 			hovered.value = false;
 		};
+		const showClear = computed(() => {
+			return props.clearable && !disabled.value && !!model.value && hovered.value;
+		});
+		const hasSuffixContent = computed(() => {
+			return !!inst?.slots.suffix || !!props.suffix;
+		});
+		const hasSuffix = computed(() => {
+			return hasSuffixContent.value || showClear.value;
+		});
 		const handleChange = (e) => {
 			const target = e.target;
 			if (props.pattern?.test(target.value) ?? true) emit("change", target.value);
@@ -148,20 +157,28 @@ var input_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineCo
 					disabled: unref(disabled),
 					readonly: __props.nativeReadonly
 				}, null, 42, _hoisted_1),
-				__props.clearable && !unref(disabled) && model.value ? (openBlock(), createBlock(unref(_sfc_main), {
+				hasSuffix.value ? (openBlock(), createElementBlock("span", {
 					key: 1,
-					class: normalizeClass([unref(cls).e("clear"), unref(bem).is("hidden", !hovered.value)]),
-					title: "清除",
-					onClick: withModifiers(clearModelValue, ["stop"])
+					class: normalizeClass(suffixClass)
+				}, [createVNode(Transition, {
+					name: "zoom-in",
+					mode: "out-in"
 				}, {
-					default: withCtx(() => [createVNode(unref(Close))]),
-					_: 1
-				}, 8, ["class"])) : createCommentVNode("v-if", true),
-				_ctx.$slots.suffix || __props.suffix ? (openBlock(), createElementBlock("span", {
-					key: 2,
-					class: normalizeClass(suffixClass),
-					onClick: handleSuffixClick
-				}, [createTextVNode(toDisplayString(__props.suffix) + " ", 1), renderSlot(_ctx.$slots, "suffix")])) : createCommentVNode("v-if", true)
+					default: withCtx(() => [showClear.value ? (openBlock(), createBlock(unref(_sfc_main), {
+						class: normalizeClass(unref(cls).e("clear")),
+						title: "清除",
+						onClick: withModifiers(clearModelValue, ["stop"]),
+						key: "clear"
+					}, {
+						default: withCtx(() => [createVNode(unref(Close))]),
+						_: 1
+					}, 8, ["class"])) : (openBlock(), createElementBlock("span", {
+						class: normalizeClass(unref(cls).e("suffix-content")),
+						onClick: handleSuffixClick,
+						key: "suffix"
+					}, [createTextVNode(toDisplayString(__props.suffix) + " ", 1), renderSlot(_ctx.$slots, "suffix")], 2))]),
+					_: 3
+				})])) : createCommentVNode("v-if", true)
 			], 34)) : (openBlock(), createElementBlock(Fragment, { key: 1 }, [createTextVNode(toDisplayString(generateModel.value || unref(FORM_EMPTY_CONTENT)), 1)], 64));
 		};
 	}