@veltra/desktop 1.1.35 → 1.1.36

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

@@ -9,8 +9,8 @@ declare const __VLS_base: import("vue").DefineComponent<ActionGroupProps, _Actio
   type: import("@veltra/utils").ColorType;
   text: boolean;
   size: "small" | "default" | "large";
-  circle: boolean;
   max: number;
+  circle: boolean;
   loading: boolean;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;

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

@@ -18,8 +18,8 @@ declare const __VLS_export: import("vue").DefineComponent<CascadeProps, {}, {},
   filterable: boolean;
   disabled: boolean;
   readonly: boolean;
-  visibilityLimit: number;
   separator: string;
+  visibilityLimit: number;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const _default: typeof __VLS_export;
 //#endregion

package/dist/components/dialog/use-maximum.js

@@ -5,11 +5,14 @@ import { removeStyles, setStyles } from "@veltra/utils";
 function useMaximum(options) {
 	const { dialogRef } = options;
 	const maximized = shallowRef(false);
+	let needRmoveHeight = false;
 	const maximizeTransition = useTransition("css", {
 		target: dialogRef,
 		name: "dialog-maximize",
 		keepEnterTo: true,
 		afterLeave() {
+			if (!maximized.value || !needRmoveHeight) return;
+			needRmoveHeight = false;
 			dialogRef.value && removeStyles(dialogRef.value, ["height"]);
 		}
 	});
@@ -19,7 +22,10 @@ function useMaximum(options) {
 		const dom = dialogRef.value;
 		if (!dom) return;
 		if (maxim) {
-			setStyles(dom, { height: `${dom.offsetHeight}px` });
+			if (!dom.style.height) {
+				needRmoveHeight = true;
+				setStyles(dom, { height: `${dom.offsetHeight}px` });
+			}
 			maximizeTransition.enter();
 		} else maximizeTransition.leave();
 	};

package/dist/components/dialog/use-maximum.js.map

@@ -1 +1 @@
-{"version":3,"file":"use-maximum.js","names":[],"sources":["../../../src/components/dialog/use-maximum.ts"],"sourcesContent":["import { useTransition } from '@veltra/compositions'\nimport { type BEM, removeStyles, setStyles } from '@veltra/utils'\nimport { shallowRef, type ShallowRef } from 'vue'\n\ninterface Options {\n  cls: BEM<'dialog'>\n  dialogRef: ShallowRef<HTMLDivElement | undefined>\n}\n\ninterface Returned {\n  /** 是否为最大状态 */\n  maximized: ShallowRef<boolean>\n  /** 切换最大状态 */\n  toggleMaximize: (maxim: boolean) => void\n}\n\n// 最大化过程\n// 1. 先设置一个高度才会有过渡动画\n// 2. 在下一个帧应用最大化时的类名\n// 3. 在进入动画结束时移除高度\n\nexport function useMaximum(options: Options): Returned {\n  const { dialogRef } = options\n\n  const maximized = shallowRef(false)\n\n  const maximizeTransition = useTransition('css', {\n    target: dialogRef,\n    name: 'dialog-maximize',\n    keepEnterTo: true,\n    afterLeave() {\n      dialogRef.value && removeStyles(dialogRef.value, ['height'])\n    }\n  })\n\n  /** 切换最大化 */\n  const toggleMaximize = (maxim: boolean): void => {\n    maximized.value = maxim\n    const dom = dialogRef.value\n    if (!dom) return\n    if (maxim) {\n      // 先设置一个高度才会有过渡动画\n      setStyles(dom, { height: `${dom.offsetHeight}px` })\n      maximizeTransition.enter()\n    } else {\n      maximizeTransition.leave()\n    }\n  }\n\n  return { maximized, toggleMaximize }\n}\n"],"mappings":";;;;AAqBA,SAAgB,WAAW,SAA4B;CACrD,MAAM,EAAE,cAAc;CAEtB,MAAM,YAAY,WAAW,KAAK;CAElC,MAAM,qBAAqB,cAAc,OAAO;EAC9C,QAAQ;EACR,MAAM;EACN,aAAa;EACb,aAAa;GACX,UAAU,SAAS,aAAa,UAAU,OAAO,CAAC,QAAQ,CAAC;EAC7D;CACF,CAAC;;CAGD,MAAM,kBAAkB,UAAyB;EAC/C,UAAU,QAAQ;EAClB,MAAM,MAAM,UAAU;EACtB,IAAI,CAAC,KAAK;EACV,IAAI,OAAO;GAET,UAAU,KAAK,EAAE,QAAQ,GAAG,IAAI,aAAa,IAAI,CAAC;GAClD,mBAAmB,MAAM;EAC3B,OACE,mBAAmB,MAAM;CAE7B;CAEA,OAAO;EAAE;EAAW;CAAe;AACrC"}
+{"version":3,"file":"use-maximum.js","names":[],"sources":["../../../src/components/dialog/use-maximum.ts"],"sourcesContent":["import { useTransition } from '@veltra/compositions'\nimport { type BEM, removeStyles, setStyles } from '@veltra/utils'\nimport { shallowRef, type ShallowRef } from 'vue'\n\ninterface Options {\n  cls: BEM<'dialog'>\n  dialogRef: ShallowRef<HTMLDivElement | undefined>\n}\n\ninterface Returned {\n  /** 是否为最大状态 */\n  maximized: ShallowRef<boolean>\n  /** 切换最大状态 */\n  toggleMaximize: (maxim: boolean) => void\n}\n\n// 最大化过程\n// 1. 先设置一个高度才会有过渡动画\n// 2. 在下一个帧应用最大化时的类名\n// 3. 在进入动画结束时移除高度\n\nexport function useMaximum(options: Options): Returned {\n  const { dialogRef } = options\n\n  const maximized = shallowRef(false)\n\n  let needRmoveHeight = false\n\n  const maximizeTransition = useTransition('css', {\n    target: dialogRef,\n    name: 'dialog-maximize',\n    keepEnterTo: true,\n    afterLeave() {\n      if (!maximized.value || !needRmoveHeight) return\n      needRmoveHeight = false\n      dialogRef.value && removeStyles(dialogRef.value, ['height'])\n    }\n  })\n\n  /** 切换最大化 */\n  const toggleMaximize = (maxim: boolean): void => {\n    maximized.value = maxim\n    const dom = dialogRef.value\n    if (!dom) return\n    if (maxim) {\n      // 先设置一个高度才会有过渡动画\n      if (!dom.style.height) {\n        needRmoveHeight = true\n        setStyles(dom, { height: `${dom.offsetHeight}px` })\n      }\n      maximizeTransition.enter()\n    } else {\n      maximizeTransition.leave()\n    }\n  }\n\n  return { maximized, toggleMaximize }\n}\n"],"mappings":";;;;AAqBA,SAAgB,WAAW,SAA4B;CACrD,MAAM,EAAE,cAAc;CAEtB,MAAM,YAAY,WAAW,KAAK;CAElC,IAAI,kBAAkB;CAEtB,MAAM,qBAAqB,cAAc,OAAO;EAC9C,QAAQ;EACR,MAAM;EACN,aAAa;EACb,aAAa;GACX,IAAI,CAAC,UAAU,SAAS,CAAC,iBAAiB;GAC1C,kBAAkB;GAClB,UAAU,SAAS,aAAa,UAAU,OAAO,CAAC,QAAQ,CAAC;EAC7D;CACF,CAAC;;CAGD,MAAM,kBAAkB,UAAyB;EAC/C,UAAU,QAAQ;EAClB,MAAM,MAAM,UAAU;EACtB,IAAI,CAAC,KAAK;EACV,IAAI,OAAO;GAET,IAAI,CAAC,IAAI,MAAM,QAAQ;IACrB,kBAAkB;IAClB,UAAU,KAAK,EAAE,QAAQ,GAAG,IAAI,aAAa,IAAI,CAAC;GACpD;GACA,mBAAmB,MAAM;EAC3B,OACE,mBAAmB,MAAM;CAE7B;CAEA,OAAO;EAAE;EAAW;CAAe;AACrC"}

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

@@ -17,19 +17,19 @@ declare const __VLS_base: import("vue").DefineComponent<__VLS_PublicProps, _Inpu
   "update:modelValue": (value: string) => any;
   clear: () => any;
   change: (value: string) => any;
-  "suffix:click": (value?: string | undefined) => any;
-  "prefix:click": (value?: string | undefined) => any;
   focus: (value?: string | undefined) => any;
   blur: (value?: string | undefined) => any;
+  "suffix:click": (value?: string | undefined) => any;
+  "prefix:click": (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;
   onBlur?: ((value?: string | undefined) => any) | undefined;
+  "onSuffix:click"?: ((value?: string | undefined) => any) | undefined;
+  "onPrefix:click"?: ((value?: string | undefined) => any) | undefined;
   "onNative:input"?: ((ev: Event) => any) | undefined;
 }>, {
   placeholder: string;

package/dist/components/loading/style2.css

@@ -29,196 +29,127 @@
 .u-loading__container {
   position: relative;
 }
-.u-loading__line .u-loading__loader {
-  width: 40px;
-  aspect-ratio: 1;
-  display: grid;
-}
-.u-loading__line .u-loading__loader::before, .u-loading__line .u-loading__loader::after {
-  content: "";
-  grid-area: 1/1;
-  background: no-repeat linear-gradient(var(--u-text-color-main) 0 0) 0 0, no-repeat linear-gradient(var(--u-text-color-main) 0 0) 100% 0, no-repeat linear-gradient(var(--u-text-color-main) 0 0) 100% 100%, no-repeat linear-gradient(var(--u-text-color-main) 0 0) 0 100%;
-  animation: line-1 2s infinite linear, line-2 2s infinite linear;
-}
-.u-loading__line .u-loading__loader::after {
-  margin: 25%;
-  transform: scale(-1);
-}
 .u-loading__spinner .u-loading__loader {
-  width: 50px;
+  width: 42px;
   aspect-ratio: 1;
-  display: grid;
-}
-.u-loading__spinner .u-loading__loader::before, .u-loading__spinner .u-loading__loader::after {
-  content: "";
-  grid-area: 1/1;
-  background: no-repeat radial-gradient(farthest-side, var(--u-text-color-main) 92%, rgba(0, 0, 0, 0)) 50% 0, no-repeat radial-gradient(farthest-side, var(--u-text-color-main) 92%, rgba(0, 0, 0, 0)) 50% 100%, no-repeat radial-gradient(farthest-side, var(--u-text-color-main) 92%, rgba(0, 0, 0, 0)) 100% 50%, no-repeat radial-gradient(farthest-side, var(--u-text-color-main) 92%, rgba(0, 0, 0, 0)) 0 50%;
-  background-size: 12px 12px;
-  animation: spinner 1s infinite;
-}
-.u-loading__spinner .u-loading__loader::before {
-  margin: 4px;
-  filter: hue-rotate(45deg);
-  background-size: 8px 8px;
-  animation-timing-function: linear;
+  border-radius: 50%;
+  background: conic-gradient(from 0deg, transparent 25%, currentColor 70%, transparent 100%);
+  mask: radial-gradient(farthest-side, transparent calc(100% - 4px), #000 0);
+  animation: loading-spin 0.85s linear infinite;
 }
 .u-loading__dot .u-loading__loader {
-  width: 40px;
-  height: 20px;
-  background: no-repeat radial-gradient(farthest-side, var(--u-text-color-main) 93%, rgba(0, 0, 0, 0)) 0 0, no-repeat radial-gradient(farthest-side, var(--u-text-color-main) 93%, rgba(0, 0, 0, 0)) 50% 0;
-  background-size: 8px 8px;
+  width: 10px;
+  height: 10px;
+  border-radius: 50%;
+  background: currentColor;
   position: relative;
-  clip-path: inset(-200% -100% 0 0);
-  animation: dot-0 1.5s linear infinite;
+  animation: loading-dot 1.4s ease-in-out infinite;
 }
-.u-loading__dot .u-loading__loader:before {
+.u-loading__dot .u-loading__loader::before, .u-loading__dot .u-loading__loader::after {
   content: "";
   position: absolute;
-  width: 8px;
-  height: 12px;
-  background: var(--u-text-color-main);
-  left: -16px;
   top: 0;
-  animation: dot-1 1.5s linear infinite, dot-2 0.5s cubic-bezier(0, 200, 0.8, 200) infinite;
+  width: 10px;
+  height: 10px;
+  border-radius: 50%;
+  background: currentColor;
+}
+.u-loading__dot .u-loading__loader::before {
+  left: -20px;
+  animation: loading-dot 1.4s ease-in-out infinite;
+  animation-delay: 0.2s;
+}
+.u-loading__dot .u-loading__loader::after {
+  right: -20px;
+  animation: loading-dot 1.4s ease-in-out infinite;
+  animation-delay: 0.4s;
+}
+.u-loading__line .u-loading__loader {
+  width: 160px;
+  height: 3px;
+  border-radius: 1.5px;
+  background: var(--u-bg-color-hover);
+  overflow: hidden;
+  position: relative;
 }
-.u-loading__dot .u-loading__loader:after {
+.u-loading__line .u-loading__loader::after {
   content: "";
   position: absolute;
-  inset: 0 0 auto auto;
-  width: 8px;
-  height: 8px;
-  border-radius: 50%;
-  background: var(--u-text-color-main);
-  animation: dot-3 1.5s linear infinite;
+  inset: 0;
+  background: linear-gradient(90deg, transparent 0%, currentColor 40%, currentColor 60%, transparent 100%);
+  animation: loading-shimmer 1.4s ease-in-out infinite;
 }
 .u-loading__classic .u-loading__loader {
-  font-size: var(--u-font-size-title-default);
-  line-height: 1.4em;
-  letter-spacing: 6ch;
-  width: 6ch;
-  overflow: hidden;
-  white-space: nowrap;
-  color: rgba(0, 0, 0, 0);
-  text-shadow: 0ch 0 var(--u-text-color-main), -6ch 0 var(--u-text-color-main), -12ch 0 var(--u-text-color-main), -18ch 0 var(--u-text-color-main), -24ch 0 var(--u-text-color-main), -30ch 0 var(--u-text-color-main);
-  animation: classic 2s infinite linear;
+  width: 44px;
+  aspect-ratio: 1;
+  position: relative;
 }
-.u-loading__classic .u-loading__loader::before {
-  content: "加载中...";
+.u-loading__classic .u-loading__loader::before, .u-loading__classic .u-loading__loader::after {
+  content: "";
+  position: absolute;
+  inset: 0;
+  border-radius: 50%;
+  border: 3px solid currentColor;
+  animation: loading-pulse 1.6s ease-out infinite;
 }
-
-@keyframes line-1 {
-  0% {
-    background-size: 0 4px, 4px 0, 0 4px, 4px 0;
-  }
-  12.5% {
-    background-size: 100% 4px, 4px 0, 0 4px, 4px 0;
-  }
-  25% {
-    background-size: 100% 4px, 4px 100%, 0 4px, 4px 0;
-  }
-  37.5% {
-    background-size: 100% 4px, 4px 100%, 100% 4px, 4px 0;
-  }
-  45%, 55% {
-    background-size: 100% 4px, 4px 100%, 100% 4px, 4px 100%;
-  }
-  62.5% {
-    background-size: 0 4px, 4px 100%, 100% 4px, 4px 100%;
-  }
-  75% {
-    background-size: 0 4px, 4px 0, 100% 4px, 4px 100%;
-  }
-  87.5% {
-    background-size: 0 4px, 4px 0, 0 4px, 4px 100%;
-  }
-  100% {
-    background-size: 0 4px, 4px 0, 0 4px, 4px 0;
-  }
+.u-loading__classic .u-loading__loader::after {
+  animation-delay: 0.8s;
 }
-@keyframes line-2 {
-  0%, 49.9% {
-    background-position: 0 0, 100% 0, 100% 100%, 0 100%;
-  }
-  50%, 100% {
-    background-position: 100% 0, 100% 100%, 0 100%, 0 0;
-  }
+.u-loading__morph .u-loading__loader {
+  width: 34px;
+  aspect-ratio: 1;
+  background: currentColor;
+  animation: loading-morph 2.4s ease-in-out infinite;
 }
-@keyframes spinner {
-  100% {
-    transform: rotate(0.5turn);
+
+@keyframes loading-spin {
+  to {
+    transform: rotate(1turn);
   }
 }
-@keyframes classic {
-  9.09% {
-    text-shadow: 0ch -10px var(--u-text-color-main), -6ch 0 var(--u-text-color-main), -12ch 0 var(--u-text-color-main), -18ch 0 var(--u-text-color-main), -24ch 0 var(--u-text-color-main), -30ch 0 var(--u-text-color-main);
-  }
-  18.18% {
-    text-shadow: 0ch 0 var(--u-text-color-main), -6ch -10px var(--u-text-color-main), -12ch 0 var(--u-text-color-main), -18ch 0 var(--u-text-color-main), -24ch 0 var(--u-text-color-main), -30ch 0 var(--u-text-color-main);
-  }
-  27.27% {
-    text-shadow: 0ch 0 var(--u-text-color-main), -6ch 0 var(--u-text-color-main), -12ch -10px var(--u-text-color-main), -18ch 0 var(--u-text-color-main), -24ch 0 var(--u-text-color-main), -30ch 0 var(--u-text-color-main);
-  }
-  36.36% {
-    text-shadow: 0ch 0 var(--u-text-color-main), -6ch 0 var(--u-text-color-main), -12ch 0 var(--u-text-color-main), -18ch -10px var(--u-text-color-main), -24ch 0 var(--u-text-color-main), -30ch 0 var(--u-text-color-main);
-  }
-  45.45% {
-    text-shadow: 0ch 0 var(--u-text-color-main), -6ch 0 var(--u-text-color-main), -12ch 0 var(--u-text-color-main), -18ch 0 var(--u-text-color-main), -24ch -10px var(--u-text-color-main), -30ch 0 var(--u-text-color-main);
-  }
-  54.54% {
-    text-shadow: 0ch 0 var(--u-text-color-main), -6ch 0 var(--u-text-color-main), -12ch 0 var(--u-text-color-main), -18ch 0 var(--u-text-color-main), -24ch 0 var(--u-text-color-main), -30ch -10px var(--u-text-color-main);
-  }
-  63.63% {
-    text-shadow: 0ch 0 var(--u-text-color-main), -6ch 0 var(--u-text-color-main), -12ch 0 var(--u-text-color-main), -18ch 0 var(--u-text-color-main), -24ch 0 var(--u-text-color-main), -30ch 0 var(--u-text-color-main);
-  }
-  72.72% {
-    text-shadow: 0ch 0 var(--u-text-color-main), -6ch 0 var(--u-text-color-main), -12ch 0 var(--u-text-color-main), -18ch 0 var(--u-text-color-main), -24ch 0 var(--u-text-color-main), -30ch 0 var(--u-text-color-main);
-  }
-  81.81% {
-    text-shadow: 0ch 0 var(--u-text-color-main), -6ch 0 var(--u-text-color-main), -12ch 0 var(--u-text-color-main), -18ch 0 var(--u-text-color-main), -24ch 0 var(--u-text-color-main), -30ch 0 var(--u-text-color-main);
+@keyframes loading-dot {
+  0%, 80%, 100% {
+    transform: scale(0.4);
+    opacity: 0.25;
   }
-  90.90% {
-    text-shadow: 0ch 0 var(--u-text-color-main), -6ch 0 var(--u-text-color-main), -12ch 0 var(--u-text-color-main), -18ch 0 var(--u-text-color-main), -24ch 0 var(--u-text-color-main), -30ch 0 var(--u-text-color-main);
+  40% {
+    transform: scale(1);
+    opacity: 1;
   }
 }
-@keyframes dot-0 {
-  0%, 30% {
-    background-position: 0 0, 50% 0;
-  }
-  33% {
-    background-position: 0 100%, 50% 0;
-  }
-  41%, 63% {
-    background-position: 0 0, 50% 0;
-  }
-  66% {
-    background-position: 0 0, 50% 100%;
+@keyframes loading-shimmer {
+  0% {
+    transform: translateX(-100%);
   }
-  74%, 100% {
-    background-position: 0 0, 50% 0;
+  100% {
+    transform: translateX(100%);
   }
 }
-@keyframes dot-1 {
-  90% {
-    transform: translateY(0);
-  }
-  95% {
-    transform: translateY(15px);
+@keyframes loading-pulse {
+  0% {
+    transform: scale(0.2);
+    opacity: 1;
   }
   100% {
-    transform: translateY(15px);
-    left: calc(100% - 8px);
+    transform: scale(1.35);
+    opacity: 0;
   }
 }
-@keyframes dot-2 {
-  100% {
-    top: -0.1px;
+@keyframes loading-morph {
+  0%, 100% {
+    border-radius: 50%;
+    transform: rotate(0deg) scale(1);
   }
-}
-@keyframes dot-3 {
-  0%, 80%, 100% {
-    transform: translate(0);
+  25% {
+    border-radius: 8px;
+    transform: rotate(45deg) scale(0.7);
   }
-  90% {
-    transform: translate(26px);
+  50% {
+    border-radius: 2px;
+    transform: rotate(90deg) scale(1);
+  }
+  75% {
+    border-radius: 8px;
+    transform: rotate(135deg) scale(0.7);
   }
 }

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

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

package/dist/components/pop-confirm/pop-confirm.vue.d.ts

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

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

@@ -12,8 +12,8 @@ declare const __VLS_base: import("vue").DefineComponent<StepsProps, {}, {}, {},
   "onUpdate:current"?: ((value?: string | number | undefined) => any) | undefined;
   "onItem-click"?: ((item: Record<string, any>, index: number) => any) | undefined;
 }>, {
-  direction: "horizontal" | "vertical";
   labelKey: string;
+  direction: "horizontal" | "vertical";
   finishedStepType: import("@veltra/utils").ColorType;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;

package/dist/components/table/style2.css

@@ -113,8 +113,10 @@
   z-index: 1;
   user-select: none;
 }
-.u-table__head:hover .u-table__cell {
-  box-shadow: -1px 0px var(--u-table-border-color) inset, 0px -1px var(--u-table-border-color) inset;
+.u-table__head .u-table__cell {
+  background-color: var(--u-table-header-bg);
+  font-weight: 500;
+  color: var(--u-table-header-color);
 }
 .u-table__head.is-multistage .u-table__cell {
   border-right: 1px solid var(--u-table-border-color);
@@ -122,11 +124,6 @@
   border-bottom: 1px solid var(--u-table-border-color);
   margin-bottom: -1px;
 }
-.u-table__head .u-table__cell {
-  background-color: var(--u-table-header-bg);
-  font-weight: normal;
-  color: var(--u-table-header-color);
-}
 .u-table__resize-handle {
   position: absolute;
   width: 4px;

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

@@ -15,12 +15,12 @@ declare const __VLS_base: import("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, import("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";

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

@@ -15,12 +15,12 @@ declare const __VLS_base: import("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, import("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";

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

@@ -10,12 +10,12 @@ declare const __VLS_base: import("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, import("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";

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

@@ -9,12 +9,12 @@ declare const __VLS_base: import("vue").DefineComponent<TipProps, {}, {}, {}, {}
 }, string, import("vue").PublicProps, Readonly<TipProps> & Readonly<{
   "onUpdate:visible"?: ((value: boolean) => any) | undefined;
 }>, {
-  direction: TipDirection;
-  trigger: "hover" | "click";
-  contentTag: string;
-  visible: boolean;
   content: string;
+  visible: boolean;
+  trigger: "hover" | "click";
+  direction: TipDirection;
   alignment: TipAlign;
+  contentTag: string;
 }, {}, {}, {}, 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/watermark/watermark.vue.d.ts

@@ -5,8 +5,8 @@ type __VLS_Slots = {} & {
   default?: (props: typeof __VLS_7) => any;
 };
 declare const __VLS_base: import("vue").DefineComponent<WatermarkProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<WatermarkProps> & Readonly<{}>, {
-  fontSize: number;
   route: number;
+  fontSize: number;
 }, {}, {}, {}, 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/types/loading.d.ts

@@ -1,7 +1,7 @@
 import { DeconstructValue } from "@veltra/utils";
 
 //#region src/types/loading.d.ts
-type LoadingType = 'classic' | 'line' | 'dot' | 'spinner';
+type LoadingType = 'classic' | 'line' | 'dot' | 'spinner' | 'morph';
 /** loading组件属性 */
 interface LoadingProps {
   /** 加载类型 */

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@veltra/desktop",
-  "version": "1.1.35",
+  "version": "1.1.36",
   "files": [
     "dist",
     "src"
@@ -68,11 +68,11 @@
     "@cat-kit/core": ">=1.1.6",
     "@cat-kit/excel": ">=1.0.0",
     "@cat-kit/fe": "^1.1.6",
-    "@veltra/compositions": "1.1.35",
-    "@veltra/directives": "1.1.35",
-    "@veltra/icons": "1.1.35",
-    "@veltra/styles": "1.1.35",
-    "@veltra/utils": "1.1.35",
+    "@veltra/compositions": "1.1.36",
+    "@veltra/directives": "1.1.36",
+    "@veltra/icons": "1.1.36",
+    "@veltra/styles": "1.1.36",
+    "@veltra/utils": "1.1.36",
     "vue": ">=3.5.0"
   }
 }

package/src/components/dialog/use-maximum.ts

@@ -24,11 +24,15 @@ export function useMaximum(options: Options): Returned {
 
   const maximized = shallowRef(false)
 
+  let needRmoveHeight = false
+
   const maximizeTransition = useTransition('css', {
     target: dialogRef,
     name: 'dialog-maximize',
     keepEnterTo: true,
     afterLeave() {
+      if (!maximized.value || !needRmoveHeight) return
+      needRmoveHeight = false
       dialogRef.value && removeStyles(dialogRef.value, ['height'])
     }
   })
@@ -40,7 +44,10 @@ export function useMaximum(options: Options): Returned {
     if (!dom) return
     if (maxim) {
       // 先设置一个高度才会有过渡动画
-      setStyles(dom, { height: `${dom.offsetHeight}px` })
+      if (!dom.style.height) {
+        needRmoveHeight = true
+        setStyles(dom, { height: `${dom.offsetHeight}px` })
+      }
       maximizeTransition.enter()
     } else {
       maximizeTransition.leave()

package/src/components/loading/style.scss

@@ -2,7 +2,6 @@
 @use 'pkg:@veltra/styles/functions' as fn;
 @use 'pkg:@veltra/styles/vars';
 
-// 方便拼接
 $root-name: loading;
 
 @include m.b($root-name) {
@@ -17,415 +16,187 @@ $root-name: loading;
     position: relative;
   }
 
-  // line
-  @include m.e(line) {
+  // ============================================================
+  // spinner — 渐变圆弧旋转
+  // 使用 conic-gradient + mask 实现缺口圆环旋转
+  // ============================================================
+  @include m.e(spinner) {
     @include m.bem($root-name, loader) {
-      $c: no-repeat linear-gradient(#{fn.use-var(text-color, main)} 0 0);
-      width: 40px;
+      width: 42px;
       aspect-ratio: 1;
-      display: grid;
+      border-radius: 50%;
+      background: conic-gradient(from 0deg, transparent 25%, currentColor 70%, transparent 100%);
+      mask: radial-gradient(farthest-side, transparent calc(100% - 4px), #000 0);
+      animation: loading-spin 0.85s linear infinite;
+    }
+  }
+
+  // ============================================================
+  // dot — 三点波浪弹跳
+  // 元素自身 + 两个伪元素，交错弹跳
+  // ============================================================
+  @include m.e(dot) {
+    @include m.bem($root-name, loader) {
+      width: 10px;
+      height: 10px;
+      border-radius: 50%;
+      background: currentColor;
+      position: relative;
+      animation: loading-dot 1.4s ease-in-out infinite;
 
       &::before,
       &::after {
         content: '';
-        grid-area: 1/1;
-        background:
-          #{$c} 0 0,
-          #{$c} 100% 0,
-          #{$c} 100% 100%,
-          #{$c} 0 100%;
-        animation:
-          line-1 2s infinite linear,
-          line-2 2s infinite linear;
+        position: absolute;
+        top: 0;
+        width: 10px;
+        height: 10px;
+        border-radius: 50%;
+        background: currentColor;
       }
+
+      &::before {
+        left: -20px;
+        animation: loading-dot 1.4s ease-in-out infinite;
+        animation-delay: 0.2s;
+      }
+
       &::after {
-        margin: 25%;
-        transform: scale(-1);
+        right: -20px;
+        animation: loading-dot 1.4s ease-in-out infinite;
+        animation-delay: 0.4s;
       }
     }
   }
 
-  // spinner
-  @include m.e(spinner) {
+  // ============================================================
+  // line — 流光扫过
+  // 半透明底轨 + 渐变光条水平扫过
+  // ============================================================
+  @include m.e(line) {
     @include m.bem($root-name, loader) {
-      $c: no-repeat radial-gradient(farthest-side, #{fn.use-var(text-color, main)} 92%, #0000);
-      width: 50px;
-      aspect-ratio: 1;
-      display: grid;
+      width: 160px;
+      height: 3px;
+      border-radius: 1.5px;
+      background: fn.use-var(bg-color, hover);
+      overflow: hidden;
+      position: relative;
 
-      &::before,
       &::after {
         content: '';
-        grid-area: 1/1;
-
-        background:
-          #{$c} 50% 0,
-          #{$c} 50% 100%,
-          #{$c} 100% 50%,
-          #{$c} 0 50%;
-        background-size: 12px 12px;
-        animation: spinner 1s infinite;
-      }
-      &::before {
-        margin: 4px;
-        filter: hue-rotate(45deg);
-        background-size: 8px 8px;
-        animation-timing-function: linear;
+        position: absolute;
+        inset: 0;
+        background: linear-gradient(
+          90deg,
+          transparent 0%,
+          currentColor 40%,
+          currentColor 60%,
+          transparent 100%
+        );
+        animation: loading-shimmer 1.4s ease-in-out infinite;
       }
     }
   }
 
-  // dot
-  @include m.e(dot) {
+  // ============================================================
+  // classic — 雷达波纹扩散
+  // 两个同心圆环交替向外扩散并淡出
+  // ============================================================
+  @include m.e(classic) {
     @include m.bem($root-name, loader) {
-      $c: no-repeat radial-gradient(farthest-side, #{fn.use-var(text-color, main)} 93%, #0000);
-      width: 40px;
-      height: 20px;
-      background:
-        #{$c} 0 0,
-        #{$c} 50% 0;
-      background-size: 8px 8px;
+      width: 44px;
+      aspect-ratio: 1;
       position: relative;
-      clip-path: inset(-200% -100% 0 0);
-      animation: dot-0 1.5s linear infinite;
 
-      &:before {
-        content: '';
-        position: absolute;
-        width: 8px;
-        height: 12px;
-        background: fn.use-var(text-color, main);
-        left: -16px;
-        top: 0;
-        animation:
-          dot-1 1.5s linear infinite,
-          dot-2 0.5s cubic-bezier(0, 200, 0.8, 200) infinite;
-      }
-      &:after {
+      &::before,
+      &::after {
         content: '';
         position: absolute;
-        inset: 0 0 auto auto;
-        width: 8px;
-        height: 8px;
+        inset: 0;
         border-radius: 50%;
-        background: fn.use-var(text-color, main);
-        animation: dot-3 1.5s linear infinite;
+        border: 3px solid currentColor;
+        animation: loading-pulse 1.6s ease-out infinite;
+      }
+
+      &::after {
+        animation-delay: 0.8s;
       }
     }
   }
 
-  // classic
-  @include m.e(classic) {
+  // ============================================================
+  // morph — 形态变换
+  // 方块 ⟷ 圆形 来回变换，配合旋转
+  // ============================================================
+  @include m.e(morph) {
     @include m.bem($root-name, loader) {
-      font-size: fn.use-var(font-size, title, default);
-      line-height: 1.4em;
-      letter-spacing: 6ch;
-      width: 6ch;
-      overflow: hidden;
-      white-space: nowrap;
-      color: #0000;
-      text-shadow:
-        calc(0 * 6ch) 0 #{fn.use-var(text-color, main)},
-        calc(-1 * 6ch) 0 #{fn.use-var(text-color, main)},
-        calc(-2 * 6ch) 0 #{fn.use-var(text-color, main)},
-        calc(-3 * 6ch) 0 #{fn.use-var(text-color, main)},
-        calc(-4 * 6ch) 0 #{fn.use-var(text-color, main)},
-        calc(-5 * 6ch) 0 #{fn.use-var(text-color, main)};
-      // calc(-6 * 6ch) 0 #{fn.use-var(text-color, main)},
-      // calc(-7 * 6ch) 0 #{fn.use-var(text-color, main)},
-      // calc(-8 * 6ch) 0 #{fn.use-var(text-color, main)},
-      // calc(-9 * 6ch) 0 #{fn.use-var(text-color, main)};
-      animation: classic 2s infinite linear;
-
-      &::before {
-        content: '加载中...';
-      }
+      width: 34px;
+      aspect-ratio: 1;
+      background: currentColor;
+      animation: loading-morph 2.4s ease-in-out infinite;
     }
   }
 }
 
-// 线条
-@keyframes line-1 {
-  0% {
-    background-size:
-      0 4px,
-      4px 0,
-      0 4px,
-      4px 0;
-  }
-  12.5% {
-    background-size:
-      100% 4px,
-      4px 0,
-      0 4px,
-      4px 0;
-  }
-  25% {
-    background-size:
-      100% 4px,
-      4px 100%,
-      0 4px,
-      4px 0;
-  }
-  37.5% {
-    background-size:
-      100% 4px,
-      4px 100%,
-      100% 4px,
-      4px 0;
-  }
-  45%,
-  55% {
-    background-size:
-      100% 4px,
-      4px 100%,
-      100% 4px,
-      4px 100%;
-  }
-  62.5% {
-    background-size:
-      0 4px,
-      4px 100%,
-      100% 4px,
-      4px 100%;
-  }
-  75% {
-    background-size:
-      0 4px,
-      4px 0,
-      100% 4px,
-      4px 100%;
-  }
-  87.5% {
-    background-size:
-      0 4px,
-      4px 0,
-      0 4px,
-      4px 100%;
-  }
-  100% {
-    background-size:
-      0 4px,
-      4px 0,
-      0 4px,
-      4px 0;
+// ================================================================
+// 关键帧
+// ================================================================
+
+@keyframes loading-spin {
+  to {
+    transform: rotate(1turn);
   }
 }
 
-@keyframes line-2 {
+@keyframes loading-dot {
   0%,
-  49.9% {
-    background-position:
-      0 0,
-      100% 0,
-      100% 100%,
-      0 100%;
-  }
-  50%,
+  80%,
   100% {
-    background-position:
-      100% 0,
-      100% 100%,
-      0 100%,
-      0 0;
+    transform: scale(0.4);
+    opacity: 0.25;
   }
-}
-
-// 旋转
-@keyframes spinner {
-  100% {
-    transform: rotate(0.5turn);
+  40% {
+    transform: scale(1);
+    opacity: 1;
   }
 }
 
-// classic
-@keyframes classic {
-  9.09% {
-    text-shadow:
-      calc(0 * 6ch) -10px #{fn.use-var(text-color, main)},
-      calc(-1 * 6ch) 0 #{fn.use-var(text-color, main)},
-      calc(-2 * 6ch) 0 #{fn.use-var(text-color, main)},
-      calc(-3 * 6ch) 0 #{fn.use-var(text-color, main)},
-      calc(-4 * 6ch) 0 #{fn.use-var(text-color, main)},
-      calc(-5 * 6ch) 0 #{fn.use-var(text-color, main)};
-    // calc(-6 * 6ch) 0 #{fn.use-var(text-color, main)},
-    // calc(-7 * 6ch) 0 #{fn.use-var(text-color, main)},
-    // calc(-8 * 6ch) 0 #{fn.use-var(text-color, main)},
-    // calc(-9 * 6ch) 0 #{fn.use-var(text-color, main)};
-  }
-  18.18% {
-    text-shadow:
-      calc(0 * 6ch) 0 #{fn.use-var(text-color, main)},
-      calc(-1 * 6ch) -10px #{fn.use-var(text-color, main)},
-      calc(-2 * 6ch) 0 #{fn.use-var(text-color, main)},
-      calc(-3 * 6ch) 0 #{fn.use-var(text-color, main)},
-      calc(-4 * 6ch) 0 #{fn.use-var(text-color, main)},
-      calc(-5 * 6ch) 0 #{fn.use-var(text-color, main)};
-    // calc(-6 * 6ch) 0 #{fn.use-var(text-color, main)},
-    // calc(-7 * 6ch) 0 #{fn.use-var(text-color, main)},
-    // calc(-8 * 6ch) 0 #{fn.use-var(text-color, main)},
-    // calc(-9 * 6ch) 0 #{fn.use-var(text-color, main)};
-  }
-  27.27% {
-    text-shadow:
-      calc(0 * 6ch) 0 #{fn.use-var(text-color, main)},
-      calc(-1 * 6ch) 0 #{fn.use-var(text-color, main)},
-      calc(-2 * 6ch) -10px #{fn.use-var(text-color, main)},
-      calc(-3 * 6ch) 0 #{fn.use-var(text-color, main)},
-      calc(-4 * 6ch) 0 #{fn.use-var(text-color, main)},
-      calc(-5 * 6ch) 0 #{fn.use-var(text-color, main)};
-    // calc(-6 * 6ch) 0 #{fn.use-var(text-color, main)},
-    // calc(-7 * 6ch) 0 #{fn.use-var(text-color, main)},
-    // calc(-8 * 6ch) 0 #{fn.use-var(text-color, main)},
-    // calc(-9 * 6ch) 0 #{fn.use-var(text-color, main)};
-  }
-  36.36% {
-    text-shadow:
-      calc(0 * 6ch) 0 #{fn.use-var(text-color, main)},
-      calc(-1 * 6ch) 0 #{fn.use-var(text-color, main)},
-      calc(-2 * 6ch) 0 #{fn.use-var(text-color, main)},
-      calc(-3 * 6ch) -10px #{fn.use-var(text-color, main)},
-      calc(-4 * 6ch) 0 #{fn.use-var(text-color, main)},
-      calc(-5 * 6ch) 0 #{fn.use-var(text-color, main)};
-    // calc(-6 * 6ch) 0 #{fn.use-var(text-color, main)},
-    // calc(-7 * 6ch) 0 #{fn.use-var(text-color, main)},
-    // calc(-8 * 6ch) 0 #{fn.use-var(text-color, main)},
-    // calc(-9 * 6ch) 0 #{fn.use-var(text-color, main)};
-  }
-  45.45% {
-    text-shadow:
-      calc(0 * 6ch) 0 #{fn.use-var(text-color, main)},
-      calc(-1 * 6ch) 0 #{fn.use-var(text-color, main)},
-      calc(-2 * 6ch) 0 #{fn.use-var(text-color, main)},
-      calc(-3 * 6ch) 0 #{fn.use-var(text-color, main)},
-      calc(-4 * 6ch) -10px #{fn.use-var(text-color, main)},
-      calc(-5 * 6ch) 0 #{fn.use-var(text-color, main)};
-    // calc(-6 * 6ch) 0 #{fn.use-var(text-color, main)},
-    // calc(-7 * 6ch) 0 #{fn.use-var(text-color, main)},
-    // calc(-8 * 6ch) 0 #{fn.use-var(text-color, main)},
-    // calc(-9 * 6ch) 0 #{fn.use-var(text-color, main)};
-  }
-  54.54% {
-    text-shadow:
-      calc(0 * 6ch) 0 #{fn.use-var(text-color, main)},
-      calc(-1 * 6ch) 0 #{fn.use-var(text-color, main)},
-      calc(-2 * 6ch) 0 #{fn.use-var(text-color, main)},
-      calc(-3 * 6ch) 0 #{fn.use-var(text-color, main)},
-      calc(-4 * 6ch) 0 #{fn.use-var(text-color, main)},
-      calc(-5 * 6ch) -10px #{fn.use-var(text-color, main)};
-    // calc(-6 * 6ch) 0 #{fn.use-var(text-color, main)},
-    // calc(-7 * 6ch) 0 #{fn.use-var(text-color, main)},
-    // calc(-8 * 6ch) 0 #{fn.use-var(text-color, main)},
-    // calc(-9 * 6ch) 0 #{fn.use-var(text-color, main)};
-  }
-  63.63% {
-    text-shadow:
-      calc(0 * 6ch) 0 #{fn.use-var(text-color, main)},
-      calc(-1 * 6ch) 0 #{fn.use-var(text-color, main)},
-      calc(-2 * 6ch) 0 #{fn.use-var(text-color, main)},
-      calc(-3 * 6ch) 0 #{fn.use-var(text-color, main)},
-      calc(-4 * 6ch) 0 #{fn.use-var(text-color, main)},
-      calc(-5 * 6ch) 0 #{fn.use-var(text-color, main)};
-    // calc(-6 * 6ch) -10px #{fn.use-var(text-color, main)},
-    // calc(-7 * 6ch) 0 #{fn.use-var(text-color, main)},
-    // calc(-8 * 6ch) 0 #{fn.use-var(text-color, main)},
-    // calc(-9 * 6ch) 0 #{fn.use-var(text-color, main)};
-  }
-  72.72% {
-    text-shadow:
-      calc(0 * 6ch) 0 #{fn.use-var(text-color, main)},
-      calc(-1 * 6ch) 0 #{fn.use-var(text-color, main)},
-      calc(-2 * 6ch) 0 #{fn.use-var(text-color, main)},
-      calc(-3 * 6ch) 0 #{fn.use-var(text-color, main)},
-      calc(-4 * 6ch) 0 #{fn.use-var(text-color, main)},
-      calc(-5 * 6ch) 0 #{fn.use-var(text-color, main)};
-    // calc(-6 * 6ch) 0 #{fn.use-var(text-color, main)},
-    // calc(-7 * 6ch) -10px #{fn.use-var(text-color, main)},
-    // calc(-8 * 6ch) 0 #{fn.use-var(text-color, main)},
-    // calc(-9 * 6ch) 0 #{fn.use-var(text-color, main)};
-  }
-  81.81% {
-    text-shadow:
-      calc(0 * 6ch) 0 #{fn.use-var(text-color, main)},
-      calc(-1 * 6ch) 0 #{fn.use-var(text-color, main)},
-      calc(-2 * 6ch) 0 #{fn.use-var(text-color, main)},
-      calc(-3 * 6ch) 0 #{fn.use-var(text-color, main)},
-      calc(-4 * 6ch) 0 #{fn.use-var(text-color, main)},
-      calc(-5 * 6ch) 0 #{fn.use-var(text-color, main)};
-    // calc(-6 * 6ch) 0 #{fn.use-var(text-color, main)},
-    // calc(-7 * 6ch) 0 #{fn.use-var(text-color, main)},
-    // calc(-8 * 6ch) -10px #{fn.use-var(text-color, main)},
-    // calc(-9 * 6ch) 0 #{fn.use-var(text-color, main)};
+@keyframes loading-shimmer {
+  0% {
+    transform: translateX(-100%);
   }
-  90.90% {
-    text-shadow:
-      calc(0 * 6ch) 0 #{fn.use-var(text-color, main)},
-      calc(-1 * 6ch) 0 #{fn.use-var(text-color, main)},
-      calc(-2 * 6ch) 0 #{fn.use-var(text-color, main)},
-      calc(-3 * 6ch) 0 #{fn.use-var(text-color, main)},
-      calc(-4 * 6ch) 0 #{fn.use-var(text-color, main)},
-      calc(-5 * 6ch) 0 #{fn.use-var(text-color, main)};
-    // calc(-6 * 6ch) 0 #{fn.use-var(text-color, main)},
-    // calc(-7 * 6ch) 0 #{fn.use-var(text-color, main)},
-    // calc(-8 * 6ch) 0 #{fn.use-var(text-color, main)},
-    // calc(-9 * 6ch) -10px #{fn.use-var(text-color, main)};
+  100% {
+    transform: translateX(100%);
   }
 }
 
-@keyframes dot-0 {
-  0%,
-  30% {
-    background-position:
-      0 0,
-      50% 0;
-  }
-  33% {
-    background-position:
-      0 100%,
-      50% 0;
-  }
-  41%,
-  63% {
-    background-position:
-      0 0,
-      50% 0;
-  }
-  66% {
-    background-position:
-      0 0,
-      50% 100%;
+@keyframes loading-pulse {
+  0% {
+    transform: scale(0.2);
+    opacity: 1;
   }
-  74%,
   100% {
-    background-position:
-      0 0,
-      50% 0;
+    transform: scale(1.35);
+    opacity: 0;
   }
 }
-@keyframes dot-1 {
-  90% {
-    transform: translateY(0);
-  }
-  95% {
-    transform: translateY(15px);
-  }
+
+@keyframes loading-morph {
+  0%,
   100% {
-    transform: translateY(15px);
-    left: calc(100% - 8px);
+    border-radius: 50%;
+    transform: rotate(0deg) scale(1);
   }
-}
-@keyframes dot-2 {
-  100% {
-    top: -0.1px;
+  25% {
+    border-radius: 8px;
+    transform: rotate(45deg) scale(0.7);
   }
-}
-@keyframes dot-3 {
-  0%,
-  80%,
-  100% {
-    transform: translate(0);
+  50% {
+    border-radius: 2px;
+    transform: rotate(90deg) scale(1);
   }
-  90% {
-    transform: translate(26px);
+  75% {
+    border-radius: 8px;
+    transform: rotate(135deg) scale(0.7);
   }
 }

package/src/components/table/style.scss

@@ -124,12 +124,10 @@ $root-name: table;
     z-index: 1;
     user-select: none;
 
-    &:hover {
-      @include m.bem($root-name, cell) {
-        box-shadow:
-          -1px 0px var(--u-table-border-color) inset,
-          0px -1px var(--u-table-border-color) inset;
-      }
+    @include m.bem($root-name, cell) {
+      background-color: var(--u-table-header-bg);
+      font-weight: 500;
+      color: var(--u-table-header-color);
     }
 
     @include m.is(multistage) {
@@ -142,14 +140,6 @@ $root-name: table;
     }
   }
 
-  @include m.e(head) {
-    @include m.bem($root-name, cell) {
-      background-color: var(--u-table-header-bg);
-      font-weight: normal;
-      color: var(--u-table-header-color);
-    }
-  }
-
   @include m.e(resize-handle) {
     position: absolute;
     width: 4px;

package/src/types/loading.ts

@@ -1,6 +1,6 @@
 import type { DeconstructValue } from '@veltra/utils'
 
-export type LoadingType = 'classic' | 'line' | 'dot' | 'spinner'
+export type LoadingType = 'classic' | 'line' | 'dot' | 'spinner' | 'morph'
 
 /** loading组件属性 */
 export interface LoadingProps {