@veltra/desktop 1.2.33 → 1.3.0

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

@@ -6,10 +6,10 @@ 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;
   text: boolean;
+  type: import("@veltra/utils").ColorType;
   max: number;
+  size: "small" | "default" | "large";
   circle: boolean;
   loading: boolean;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;

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

@@ -12,9 +12,9 @@ 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;
   text: boolean;
+  type: ButtonType;
+  size: import("@veltra/utils").ComponentSize;
   circle: boolean;
   loading: boolean;
   inDropdown: boolean;

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

@@ -22,10 +22,10 @@ declare const __VLS_base: import("vue").DefineComponent<__VLS_PublicProps, _Auto
   "onUpdate:modelValue"?: ((value: string) => any) | undefined;
   onSelect?: ((value: string) => any) | undefined;
 }>, {
+  clearable: boolean;
+  placeholder: string;
   disabled: boolean;
   readonly: boolean;
-  placeholder: string;
-  clearable: boolean;
   allowCustom: boolean;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;

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

@@ -21,9 +21,6 @@
   border-radius: var(--u-radius-default);
   min-height: 0;
 }
-.u-batch-edit:focus, .u-batch-edit:focus-visible {
-  outline: none;
-}
 .u-batch-edit > :not(.u-layout__resizer) {
   min-height: 0;
   max-height: 100%;

package/dist/components/button/style2.css

@@ -18,7 +18,6 @@
 .u-button {
   color: var(--u-button-default-color, var(--u-text-color-main));
   box-sizing: border-box;
-  border-radius: 9999px;
   line-height: 1;
   outline: none;
   text-decoration: none;
@@ -30,8 +29,7 @@
   border: 1px solid var(--u-button-default-border, transparent);
   background-color: var(--u-button-default-bg, 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);
+  transition: background-color var(--u-transition-fast) var(--u-transition-ease), border-color var(--u-transition-fast) var(--u-transition-ease), color var(--u-transition-fast) var(--u-transition-ease), box-shadow var(--u-transition-fast) var(--u-transition-ease);
   -webkit-tap-highlight-color: transparent; /* For some Androids */
   gap: var(--u-gap-small);
   display: inline-flex;
@@ -46,6 +44,9 @@
 .u-button:active {
   box-shadow: none;
 }
+.u-button:focus-visible {
+  box-shadow: var(--u-focus-ring);
+}
 .u-button.is-disabled {
   box-shadow: none !important;
 }
@@ -67,6 +68,7 @@
   height: var(--u-form-component-height-small);
   line-height: var(--u-form-component-height-small);
   font-size: var(--u-font-size-main-small);
+  border-radius: var(--u-radius-small);
 }
 .u-button--small.is-circle {
   width: var(--u-form-component-height-small);
@@ -78,6 +80,7 @@
   height: var(--u-form-component-height-default);
   line-height: var(--u-form-component-height-default);
   font-size: var(--u-font-size-main-default);
+  border-radius: var(--u-radius-default);
 }
 .u-button--default.is-circle {
   width: var(--u-form-component-height-default);
@@ -89,6 +92,7 @@
   height: var(--u-form-component-height-large);
   line-height: var(--u-form-component-height-large);
   font-size: var(--u-font-size-main-large);
+  border-radius: var(--u-radius-large);
 }
 .u-button--large.is-circle {
   width: var(--u-form-component-height-large);
@@ -540,9 +544,21 @@
 .u-button-group .u-button {
   border-radius: 0;
 }
-.u-button-group .u-button:first-child {
-  border-radius: 9999px 0 0 9999px;
+.u-button-group .u-button--small:first-child {
+  border-radius: var(--u-radius-small) 0 0 var(--u-radius-small);
+}
+.u-button-group .u-button--small:last-child {
+  border-radius: 0 var(--u-radius-small) var(--u-radius-small) 0;
+}
+.u-button-group .u-button--default:first-child {
+  border-radius: var(--u-radius-default) 0 0 var(--u-radius-default);
+}
+.u-button-group .u-button--default:last-child {
+  border-radius: 0 var(--u-radius-default) var(--u-radius-default) 0;
+}
+.u-button-group .u-button--large:first-child {
+  border-radius: var(--u-radius-large) 0 0 var(--u-radius-large);
 }
-.u-button-group .u-button:last-child {
-  border-radius: 0 9999px 9999px 0;
+.u-button-group .u-button--large:last-child {
+  border-radius: 0 var(--u-radius-large) var(--u-radius-large) 0;
 }

package/dist/components/calendar/style2.css

@@ -41,6 +41,9 @@
   align-items: center;
   flex-wrap: nowrap;
 }
+.u-calendar__day:hover {
+  background-color: var(--u-bg-color-hover);
+}
 .u-calendar__day--pre, .u-calendar__day--next {
   color: var(--u-text-color-disabled);
 }

package/dist/components/card/style2.css

@@ -18,12 +18,14 @@
 .u-card {
   border-radius: var(--u-radius-default);
   background-color: var(--u-bg-color-top);
-  box-shadow: var(--u-shadow);
+  border: var(--u-border-muted);
+  box-shadow: var(--u-shadow-sm);
   backdrop-filter: var(--u-bg-filter);
   -webkit-backdrop-filter: var(--u-bg-filter);
   overflow: hidden;
 }
 .u-card.is-integrate {
+  border: none;
   box-shadow: none;
   --u-card-header-bg: transparent;
   --u-card-action-bg: transparent;
@@ -35,13 +37,13 @@
   font-size: var(--u-font-size-main-small);
 }
 .u-card--small .u-card__header {
-  padding: var(--u-gap-small);
+  padding: var(--u-card-padding-small, var(--u-gap-small));
 }
 .u-card--small .u-card__content {
-  padding: var(--u-gap-small);
+  padding: var(--u-card-padding-small, var(--u-gap-small));
 }
 .u-card--small .u-card__action {
-  padding: var(--u-gap-small);
+  padding: var(--u-card-padding-small, var(--u-gap-small));
 }
 .u-card--small .u-card__header {
   font-size: var(--u-font-size-title-small);
@@ -51,13 +53,13 @@
   font-size: var(--u-font-size-main-default);
 }
 .u-card--default .u-card__header {
-  padding: var(--u-gap-default);
+  padding: var(--u-card-padding-default, var(--u-gap-default));
 }
 .u-card--default .u-card__content {
-  padding: var(--u-gap-default);
+  padding: var(--u-card-padding-default, var(--u-gap-default));
 }
 .u-card--default .u-card__action {
-  padding: var(--u-gap-default);
+  padding: var(--u-card-padding-default, var(--u-gap-default));
 }
 .u-card--default .u-card__header {
   font-size: var(--u-font-size-title-default);
@@ -67,13 +69,13 @@
   font-size: var(--u-font-size-main-large);
 }
 .u-card--large .u-card__header {
-  padding: var(--u-gap-large);
+  padding: var(--u-card-padding-large, var(--u-gap-large));
 }
 .u-card--large .u-card__content {
-  padding: var(--u-gap-large);
+  padding: var(--u-card-padding-large, var(--u-gap-large));
 }
 .u-card--large .u-card__action {
-  padding: var(--u-gap-large);
+  padding: var(--u-card-padding-large, var(--u-gap-large));
 }
 .u-card--large .u-card__header {
   font-size: var(--u-font-size-title-large);

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

@@ -2,26 +2,26 @@ import { CascadeProps } from "../../types/cascade.js";
 //#region src/components/cascade/cascade.vue.d.ts
 declare const __VLS_export: import("vue").DefineComponent<CascadeProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
   "update:modelValue": (value?: string | string[] | undefined) => any;
-  clear: () => any;
   change: (...args: [item?: Record<string, any> | undefined] | [items: Record<string, any>[]]) => any;
+  clear: () => any;
   "update:label": (label?: string | string[] | undefined) => any;
 }, string, import("vue").PublicProps, Readonly<CascadeProps> & Readonly<{
   "onUpdate:modelValue"?: ((value?: string | string[] | undefined) => any) | undefined;
-  onClear?: (() => any) | undefined;
   onChange?: ((...args: [item?: Record<string, any> | undefined] | [items: Record<string, any>[]]) => any) | undefined;
+  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>[];
-  placeholder: string;
   clearable: boolean;
+  placeholder: string;
   filterable: boolean;
-  separator: string;
   visibilityLimit: number;
+  disabled: boolean;
+  readonly: boolean;
+  separator: string;
   showFullPath: boolean;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const _default: typeof __VLS_export;

package/dist/components/check-tag/style2.css

@@ -23,7 +23,7 @@
   vertical-align: middle;
   height: 24px;
   padding: 0 9px;
-  color: #333;
+  color: var(--u-text-color-main);
   border: 1px solid var(--u-color-primary);
   border-radius: var(--u-radius-default);
   background: var(--u-color-primary-light-9);
@@ -37,3 +37,8 @@
   border: 1px solid var(--u-color-primary-dark-3);
   background-color: var(--u-color-primary-dark-3);
 }
+.u-check-tag.is-disabled {
+  cursor: not-allowed;
+  color: var(--u-text-color-disabled);
+  background-color: var(--u-color-disabled);
+}

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

@@ -17,9 +17,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/checkbox.js

@@ -2,12 +2,12 @@ import { Transition, computed, createCommentVNode, createElementBlock, createEle
 import { useFormFallbackProps } from "@veltra/compositions";
 import { bem, injectFormContext } from "@veltra/utils";
 //#region src/components/checkbox/checkbox.vue
-const _hoisted_1 = {
+const _hoisted_1 = ["checked", "disabled"];
+const _hoisted_2 = {
 	key: 0,
 	viewBox: "0 0 64 64",
 	fill: "currentColor"
 };
-const _hoisted_2 = ["checked", "disabled"];
 const _sfc_main = /*@__PURE__*/ defineComponent({
 	name: "UCheckbox",
 	__name: "checkbox",
@@ -61,23 +61,23 @@ const _sfc_main = /*@__PURE__*/ defineComponent({
 		};
 		return (_ctx, _cache) => {
 			return openBlock(), createElementBlock("label", { class: normalizeClass(className.value) }, [
+				createElementVNode("input", {
+					type: "checkbox",
+					class: normalizeClass(unref(cls).e("native")),
+					checked: checked.value,
+					disabled: unref(disabled),
+					onClick: handleInput
+				}, null, 10, _hoisted_1),
 				createElementVNode("span", { class: normalizeClass(unref(cls).e("wrap")) }, [createVNode(Transition, {
 					name: "zoom-in",
 					mode: "out-in"
 				}, {
-					default: withCtx(() => [checked.value ? (openBlock(), createElementBlock("svg", _hoisted_1, [..._cache[0] || (_cache[0] = [createElementVNode("path", { d: "M50.42,16.76L22.34,39.45l-8.1-11.46c-1.12-1.58-3.3-1.96-4.88-0.84c-1.58,1.12-1.95,3.3-0.84,4.88l10.26,14.51  c0.56,0.79,1.42,1.31,2.38,1.45c0.16,0.02,0.32,0.03,0.48,0.03c0.8,0,1.57-0.27,2.2-0.78l30.99-25.03c1.5-1.21,1.74-3.42,0.52-4.92  C54.13,15.78,51.93,15.55,50.42,16.76z" }, null, -1)])])) : __props.indeterminate ? (openBlock(), createElementBlock("span", {
+					default: withCtx(() => [checked.value ? (openBlock(), createElementBlock("svg", _hoisted_2, [..._cache[0] || (_cache[0] = [createElementVNode("path", { d: "M50.42,16.76L22.34,39.45l-8.1-11.46c-1.12-1.58-3.3-1.96-4.88-0.84c-1.58,1.12-1.95,3.3-0.84,4.88l10.26,14.51  c0.56,0.79,1.42,1.31,2.38,1.45c0.16,0.02,0.32,0.03,0.48,0.03c0.8,0,1.57-0.27,2.2-0.78l30.99-25.03c1.5-1.21,1.74-3.42,0.52-4.92  C54.13,15.78,51.93,15.55,50.42,16.76z" }, null, -1)])])) : __props.indeterminate ? (openBlock(), createElementBlock("span", {
 						key: 1,
 						class: normalizeClass(unref(cls).m("indeterminate"))
 					}, null, 2)) : createCommentVNode("v-if", true)]),
 					_: 1
 				})], 2),
-				createElementVNode("input", {
-					type: "checkbox",
-					checked: checked.value,
-					disabled: unref(disabled),
-					hidden: "",
-					onClick: handleInput
-				}, null, 8, _hoisted_2),
 				_ctx.$slots.default ? (openBlock(), createElementBlock("span", {
 					key: 0,
 					class: normalizeClass(unref(cls).e("label"))

package/dist/components/checkbox/checkbox.js.map

@@ -1 +1 @@
-{"version":3,"file":"checkbox.js","names":["$slots"],"sources":["../../../src/components/checkbox/checkbox.vue"],"sourcesContent":["<template>\n  <label :class=\"className\">\n    <span :class=\"cls.e('wrap')\">\n      <transition name=\"zoom-in\" mode=\"out-in\">\n        <svg viewBox=\"0 0 64 64\" v-if=\"checked\" fill=\"currentColor\">\n          <path\n            d=\"M50.42,16.76L22.34,39.45l-8.1-11.46c-1.12-1.58-3.3-1.96-4.88-0.84c-1.58,1.12-1.95,3.3-0.84,4.88l10.26,14.51  c0.56,0.79,1.42,1.31,2.38,1.45c0.16,0.02,0.32,0.03,0.48,0.03c0.8,0,1.57-0.27,2.2-0.78l30.99-25.03c1.5-1.21,1.74-3.42,0.52-4.92  C54.13,15.78,51.93,15.55,50.42,16.76z\"\n          ></path>\n        </svg>\n        <span v-else-if=\"indeterminate\" :class=\"cls.m('indeterminate')\"></span>\n      </transition>\n    </span>\n\n    <input type=\"checkbox\" :checked=\"checked\" :disabled=\"disabled\" hidden @click=\"handleInput\" />\n\n    <span :class=\"cls.e('label')\" v-if=\"$slots.default\"><slot /> </span>\n  </label>\n</template>\n\n<script lang=\"ts\" setup>\nimport { useFormFallbackProps } from '@veltra/compositions'\nimport { bem } from '@veltra/utils'\nimport { injectFormContext } from '@veltra/utils'\nimport { computed } from 'vue'\n\nimport type { CheckboxProps, CheckboxEmits } from '../../types'\n\ndefineOptions({ name: 'UCheckbox' })\nconst props = withDefaults(defineProps<CheckboxProps>(), {\n  disabled: undefined,\n  readonly: undefined\n})\n\nconst emit = defineEmits<CheckboxEmits>()\nconst cls = bem('checkbox')\n\nconst checked = defineModel<boolean>()\n\nconst { formProps } = injectFormContext()\n\nconst { size, disabled, readonly } = useFormFallbackProps([formProps ?? {}, props], {\n  size: 'default',\n  disabled: false,\n  readonly: false\n})\n\nconst className = 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('checked', checked.value || props.indeterminate)\n  ]\n})\n\nconst handleInput = (e: MouseEvent) => {\n  if (readonly.value) return\n  const target = e.target as HTMLInputElement\n  checked.value = target.checked\n  emit('change', target.checked, e)\n}\n</script>\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EA4BA,MAAM,QAAQ;EAKd,MAAM,OAAO;EACb,MAAM,MAAM,IAAI,UAAU;EAE1B,MAAM,UAAU,SAAoB,SAAA,YAAC;EAErC,MAAM,EAAE,cAAc,kBAAkB;EAExC,MAAM,EAAE,MAAM,UAAU,aAAa,qBAAqB,CAAC,aAAa,CAAC,GAAG,KAAK,GAAG;GAClF,MAAM;GACN,UAAU;GACV,UAAU;EACZ,CAAC;EAED,MAAM,YAAY,eAAe;GAC/B,OAAO;IACL,IAAI;IACJ,IAAI,EAAE,KAAK,KAAK;IAChB,IAAI,GAAG,YAAY,SAAS,KAAK;IACjC,IAAI,GAAG,YAAY,SAAS,KAAK;IACjC,IAAI,GAAG,WAAW,QAAQ,SAAS,MAAM,aAAa;GACxD;EACF,CAAC;EAED,MAAM,eAAe,MAAkB;GACrC,IAAI,SAAS,OAAO;GACpB,MAAM,SAAS,EAAE;GACjB,QAAQ,QAAQ,OAAO;GACvB,KAAK,UAAU,OAAO,SAAS,CAAC;EAClC;;uBA5DE,mBAeQ,SAAA,EAfA,OAAK,eAAE,UAAA,KAAS,EAAA,GAAA;IACtB,mBASO,QAAA,EATA,OAAK,eAAE,MAAA,GAAA,CAAG,CAAC,EAAC,MAAA,CAAA,EAAA,GAAA,CACjB,YAOa,YAAA;KAPD,MAAK;KAAU,MAAK;;4BAKxB,CAJyB,QAAA,SAAA,UAAA,GAA/B,mBAIM,OAJN,YAIM,CAAA,GAAA,OAAA,OAAA,OAAA,KAAA,CAHJ,mBAEQ,QAAA,EADN,GAAE,qRAAoR,GAAA,MAAA,EAAA,CAAA,EAAA,CAAA,KAGzQ,QAAA,iBAAA,UAAA,GAAjB,mBAAuE,QAAA;;MAAtC,OAAK,eAAE,MAAA,GAAA,CAAG,CAAC,EAAC,eAAA,CAAA;;;;IAIjD,mBAA6F,SAAA;KAAtF,MAAK;KAAY,SAAS,QAAA;KAAU,UAAU,MAAA,QAAA;KAAU,QAAA;KAAQ,SAAO;;IAE1CA,KAAAA,OAAO,WAAA,UAAA,GAA3C,mBAAoE,QAAA;;KAA7D,OAAK,eAAE,MAAA,GAAA,CAAG,CAAC,EAAC,OAAA,CAAA;QAAiC,WAAQ,KAAA,QAAA,SAAA,CAAA,GAAA,CAAA,KAAA,mBAAA,QAAA,IAAA"}
+{"version":3,"file":"checkbox.js","names":["$slots"],"sources":["../../../src/components/checkbox/checkbox.vue"],"sourcesContent":["<template>\n  <label :class=\"className\">\n    <input\n      type=\"checkbox\"\n      :class=\"cls.e('native')\"\n      :checked=\"checked\"\n      :disabled=\"disabled\"\n      @click=\"handleInput\"\n    />\n\n    <span :class=\"cls.e('wrap')\">\n      <transition name=\"zoom-in\" mode=\"out-in\">\n        <svg viewBox=\"0 0 64 64\" v-if=\"checked\" fill=\"currentColor\">\n          <path\n            d=\"M50.42,16.76L22.34,39.45l-8.1-11.46c-1.12-1.58-3.3-1.96-4.88-0.84c-1.58,1.12-1.95,3.3-0.84,4.88l10.26,14.51  c0.56,0.79,1.42,1.31,2.38,1.45c0.16,0.02,0.32,0.03,0.48,0.03c0.8,0,1.57-0.27,2.2-0.78l30.99-25.03c1.5-1.21,1.74-3.42,0.52-4.92  C54.13,15.78,51.93,15.55,50.42,16.76z\"\n          ></path>\n        </svg>\n        <span v-else-if=\"indeterminate\" :class=\"cls.m('indeterminate')\"></span>\n      </transition>\n    </span>\n\n    <span :class=\"cls.e('label')\" v-if=\"$slots.default\"><slot /> </span>\n  </label>\n</template>\n\n<script lang=\"ts\" setup>\nimport { useFormFallbackProps } from '@veltra/compositions'\nimport { bem } from '@veltra/utils'\nimport { injectFormContext } from '@veltra/utils'\nimport { computed } from 'vue'\n\nimport type { CheckboxProps, CheckboxEmits } from '../../types'\n\ndefineOptions({ name: 'UCheckbox' })\nconst props = withDefaults(defineProps<CheckboxProps>(), {\n  disabled: undefined,\n  readonly: undefined\n})\n\nconst emit = defineEmits<CheckboxEmits>()\nconst cls = bem('checkbox')\n\nconst checked = defineModel<boolean>()\n\nconst { formProps } = injectFormContext()\n\nconst { size, disabled, readonly } = useFormFallbackProps([formProps ?? {}, props], {\n  size: 'default',\n  disabled: false,\n  readonly: false\n})\n\nconst className = 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('checked', checked.value || props.indeterminate)\n  ]\n})\n\nconst handleInput = (e: MouseEvent) => {\n  if (readonly.value) return\n  const target = e.target as HTMLInputElement\n  checked.value = target.checked\n  emit('change', target.checked, e)\n}\n</script>\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAkCA,MAAM,QAAQ;EAKd,MAAM,OAAO;EACb,MAAM,MAAM,IAAI,UAAU;EAE1B,MAAM,UAAU,SAAoB,SAAA,YAAC;EAErC,MAAM,EAAE,cAAc,kBAAkB;EAExC,MAAM,EAAE,MAAM,UAAU,aAAa,qBAAqB,CAAC,aAAa,CAAC,GAAG,KAAK,GAAG;GAClF,MAAM;GACN,UAAU;GACV,UAAU;EACZ,CAAC;EAED,MAAM,YAAY,eAAe;GAC/B,OAAO;IACL,IAAI;IACJ,IAAI,EAAE,KAAK,KAAK;IAChB,IAAI,GAAG,YAAY,SAAS,KAAK;IACjC,IAAI,GAAG,YAAY,SAAS,KAAK;IACjC,IAAI,GAAG,WAAW,QAAQ,SAAS,MAAM,aAAa;GACxD;EACF,CAAC;EAED,MAAM,eAAe,MAAkB;GACrC,IAAI,SAAS,OAAO;GACpB,MAAM,SAAS,EAAE;GACjB,QAAQ,QAAQ,OAAO;GACvB,KAAK,UAAU,OAAO,SAAS,CAAC;EAClC;;uBAlEE,mBAqBQ,SAAA,EArBA,OAAK,eAAE,UAAA,KAAS,EAAA,GAAA;IACtB,mBAME,SAAA;KALA,MAAK;KACJ,OAAK,eAAE,MAAA,GAAA,CAAG,CAAC,EAAC,QAAA,CAAA;KACZ,SAAS,QAAA;KACT,UAAU,MAAA,QAAA;KACV,SAAO;;IAGV,mBASO,QAAA,EATA,OAAK,eAAE,MAAA,GAAA,CAAG,CAAC,EAAC,MAAA,CAAA,EAAA,GAAA,CACjB,YAOa,YAAA;KAPD,MAAK;KAAU,MAAK;;4BAKxB,CAJyB,QAAA,SAAA,UAAA,GAA/B,mBAIM,OAJN,YAIM,CAAA,GAAA,OAAA,OAAA,OAAA,KAAA,CAHJ,mBAEQ,QAAA,EADN,GAAE,qRAAoR,GAAA,MAAA,EAAA,CAAA,EAAA,CAAA,KAGzQ,QAAA,iBAAA,UAAA,GAAjB,mBAAuE,QAAA;;MAAtC,OAAK,eAAE,MAAA,GAAA,CAAG,CAAC,EAAC,eAAA,CAAA;;;;IAIbA,KAAAA,OAAO,WAAA,UAAA,GAA3C,mBAAoE,QAAA;;KAA7D,OAAK,eAAE,MAAA,GAAA,CAAG,CAAC,EAAC,OAAA,CAAA;QAAiC,WAAQ,KAAA,QAAA,SAAA,CAAA,GAAA,CAAA,KAAA,mBAAA,QAAA,IAAA"}

package/dist/components/checkbox/style2.css

@@ -71,16 +71,30 @@
 .u-checkbox--large .u-checkbox__label {
   margin-left: var(--u-gap-large);
 }
+.u-checkbox__native {
+  position: absolute;
+  width: 0;
+  height: 0;
+  opacity: 0;
+  margin: 0;
+  pointer-events: none;
+}
 .u-checkbox__wrap {
-  border: var(--u-border-width) var(--u-border-style) var(--u-checkbox-border, #ccc);
-  border-radius: 6px;
+  border: var(--u-border-width) var(--u-border-style) var(--u-checkbox-border, var(--u-text-color-assist));
+  border-radius: var(--u-radius-small);
   color: var(--u-checkbox-color, #fff);
-  transition: background-color 0.15s ease;
+  transition: background-color var(--u-transition-fast) var(--u-transition-ease), border-color var(--u-transition-fast) var(--u-transition-ease), box-shadow var(--u-transition-fast) var(--u-transition-ease);
   display: inline-flex;
   justify-content: center;
   align-items: center;
   flex-wrap: nowrap;
 }
+.u-checkbox:not(.is-disabled):not(.is-readonly):hover .u-checkbox__wrap {
+  border-color: var(--u-color-primary);
+}
+.u-checkbox:not(.is-disabled):not(.is-readonly) .u-checkbox__native:focus-visible + .u-checkbox__wrap {
+  box-shadow: var(--u-focus-ring);
+}
 .u-checkbox__label {
   line-height: 1em;
 }
@@ -100,6 +114,9 @@
   user-select: none;
   padding: 0 0.8em;
 }
+.u-checkbox-button:focus-visible {
+  box-shadow: var(--u-focus-ring);
+}
 .u-checkbox-button--small {
   height: var(--u-form-component-height-small);
   border-radius: var(--u-radius-small);

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

@@ -12,10 +12,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/code-editor/style2.css

@@ -24,8 +24,8 @@
   --u-code-editor-fg: var(--u-text-color-main);
   --u-code-editor-border: var(--u-border-muted-color);
   --u-code-editor-gutter-fg: var(--u-text-color-placeholder);
-  --u-code-editor-active-bg: rgba(30, 136, 229, 0.06);
-  --u-code-editor-selection-bg: rgba(30, 136, 229, 0.18);
+  --u-code-editor-active-bg: var(--u-color-primary-a-6);
+  --u-code-editor-selection-bg: var(--u-color-primary-a-16);
   position: relative;
   width: 100%;
   max-height: 480px;

package/dist/components/contextmenu/style2.css

@@ -28,7 +28,7 @@
   background-color: var(--u-bg-color-top);
   border: 1px solid var(--u-border-color);
   border-radius: calc(var(--u-radius-default) + 2px);
-  box-shadow: 0 1px 2px rgba(15, 23, 42, 0.05), 0 8px 20px rgba(15, 23, 42, 0.08);
+  box-shadow: var(--u-shadow-lg);
   backdrop-filter: var(--u-bg-filter);
   -webkit-backdrop-filter: var(--u-bg-filter);
 }
@@ -118,7 +118,7 @@
   background-color: var(--u-bg-color-top);
   border: 1px solid var(--u-border-color);
   border-radius: calc(var(--u-radius-default) + 2px);
-  box-shadow: 0 1px 2px rgba(15, 23, 42, 0.05), 0 8px 20px rgba(15, 23, 42, 0.08);
+  box-shadow: var(--u-shadow-lg);
   backdrop-filter: var(--u-bg-filter);
   -webkit-backdrop-filter: var(--u-bg-filter);
 }

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

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

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

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

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

package/dist/components/dialog/style2.css

@@ -47,7 +47,7 @@
   display: flex;
   flex-direction: column;
   max-height: 90vh;
-  box-shadow: var(--u-shadow-x) var(--u-shadow-y) 10px 2px var(--u-shadow-color);
+  box-shadow: var(--u-shadow-lg);
   flex-wrap: nowrap;
   overflow: hidden;
 }
@@ -72,7 +72,7 @@
 .u-dialog__header {
   height: 49px;
   border-bottom: var(--u-border);
-  border-radius: var(--u-gap-default) var(--u-gap-default) 0 0;
+  border-radius: var(--u-radius-large) var(--u-radius-large) 0 0;
   display: flex;
   justify-content: space-between;
   align-items: center;
@@ -97,7 +97,7 @@
   border-top: var(--u-border);
   padding: 8px;
   text-align: right;
-  border-radius: 0 0 var(--u-gap-default) var(--u-gap-default);
+  border-radius: 0 0 var(--u-radius-large) var(--u-radius-large);
 }
 .u-dialog__footer .u-button + .u-button {
   margin-left: var(--u-gap-default);

package/dist/components/drawer/style2.css

@@ -21,7 +21,7 @@
   background-color: var(--u-bg-color-top);
   backdrop-filter: var(--u-bg-filter);
   -webkit-backdrop-filter: var(--u-bg-filter);
-  box-shadow: 0 0 10px 2px var(--u-shadow-color);
+  box-shadow: var(--u-shadow-lg);
 }
 .u-drawer__close {
   position: absolute;

package/dist/components/dropdown/style2.css

@@ -20,7 +20,7 @@
   background-color: var(--u-bg-color-top);
   border: var(--u-border);
   border-radius: var(--u-radius-default);
-  box-shadow: var(--u-shadow);
+  box-shadow: var(--u-shadow-lg);
   backdrop-filter: var(--u-bg-filter);
   -webkit-backdrop-filter: var(--u-bg-filter);
   top: 0;

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

@@ -1,8 +1,8 @@
 import { EmptyProps } from "../../types/empty.js";
 //#region src/components/empty/empty.vue.d.ts
 declare const __VLS_export: import("vue").DefineComponent<EmptyProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<EmptyProps> & Readonly<{}>, {
-  size: number;
   text: string;
+  size: number;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const _default: typeof __VLS_export;
 //#endregion

package/dist/components/float-button/style2.css

@@ -25,7 +25,7 @@
   flex-wrap: nowrap;
 }
 .u-float-button__item {
-  box-shadow: 0 0 5px 1px var(--u-color-primary-light-3);
+  box-shadow: var(--u-shadow-lg);
   transition-property: transform, opacity;
   transition-duration: 0.2s;
   transform: scale(0.4);

package/dist/components/group-nav/style2.css

@@ -28,7 +28,7 @@
   background-repeat: no-repeat;
   border: 1px solid var(--u-border-color);
   border-radius: calc(var(--u-radius-large) + 6px);
-  box-shadow: 0 1px 2px rgba(15, 23, 42, 0.05), 0 12px 28px rgba(15, 23, 42, 0.08);
+  box-shadow: var(--u-shadow-lg);
 }
 .u-group-nav__container {
   padding: 8px;

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

@@ -15,27 +15,27 @@ declare const __VLS_base: import("vue").DefineComponent<__VLS_PublicProps, _Inpu
   "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, import("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, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
 declare const _default: typeof __VLS_export;

package/dist/components/input/style2.css

@@ -20,7 +20,7 @@
   line-height: 1;
   border: var(--u-border-muted);
   box-shadow: var(--u-shadow-emboss);
-  transition: border-color 0.25s ease, box-shadow 0.25s ease;
+  transition: border-color var(--u-transition-fast) var(--u-transition-ease), box-shadow var(--u-transition-fast) var(--u-transition-ease);
   overflow: hidden;
   width: 100%;
   display: inline-flex;
@@ -34,7 +34,7 @@
 .u-input--small {
   height: var(--u-form-component-height-small);
   border-radius: var(--u-radius-small);
-  padding: 0 calc(var(--u-gap-small) / 2);
+  padding: 0 var(--u-gap-small);
   font-size: var(--u-font-size-main-small);
 }
 .u-input--small .u-input__native {
@@ -44,7 +44,7 @@
 .u-input--default {
   height: var(--u-form-component-height-default);
   border-radius: var(--u-radius-default);
-  padding: 0 calc(var(--u-gap-default) / 2);
+  padding: 0 var(--u-gap-default);
   font-size: var(--u-font-size-main-default);
 }
 .u-input--default .u-input__native {
@@ -54,7 +54,7 @@
 .u-input--large {
   height: var(--u-form-component-height-large);
   border-radius: var(--u-radius-large);
-  padding: 0 calc(var(--u-gap-large) / 2);
+  padding: 0 var(--u-gap-large);
   font-size: var(--u-font-size-main-large);
 }
 .u-input--large .u-input__native {
@@ -63,6 +63,7 @@
 }
 .u-input.is-focus {
   border-color: var(--u-color-primary);
+  box-shadow: var(--u-focus-ring);
 }
 .u-input__native {
   outline: none;