@sdata/web-vue 4.5.5 → 4.7.0

package/es/icon-component/icon-font.vue_vue_type_script_setup_true_lang.js

@@ -1,4 +1,4 @@
-import _objectSpread2 from "../_virtual/_@oxc-project_runtime@0.147.0/helpers/esm/objectSpread2.js";
+import _objectSpread2 from "../_virtual/_@oxc-project_runtime@0.148.0/helpers/esm/objectSpread2.js";
 import icon_default from "./icon.js";
 import { computed, createBlock, createElementBlock, defineComponent, guardReactiveProps, normalizeProps, openBlock, renderSlot, withCtx } from "vue";
 //#region components/icon-component/icon-font.vue?vue&type=script&setup=true&lang.ts

package/es/icon-component/icon.vue_vue_type_script_setup_true_lang.js

@@ -1,4 +1,4 @@
-import _objectSpread2 from "../_virtual/_@oxc-project_runtime@0.147.0/helpers/esm/objectSpread2.js";
+import _objectSpread2 from "../_virtual/_@oxc-project_runtime@0.148.0/helpers/esm/objectSpread2.js";
 import { getPrefixCls } from "../_utils/global-config.js";
 import { isNumber } from "../_utils/is.js";
 import { computed, createElementBlock, defineComponent, normalizeClass, normalizeStyle, openBlock, renderSlot } from "vue";

package/es/icon.js

@@ -2,7 +2,7 @@ import { computed, createElementBlock, createElementVNode, createStaticVNode, de
 //#region components/config-provider/context.ts
 var configProviderInjectionKey = Symbol("SDConfigProvider");
 //#endregion
-//#region \0@oxc-project+runtime@0.147.0/helpers/esm/typeof.js
+//#region \0@oxc-project+runtime@0.148.0/helpers/esm/typeof.js
 function _typeof(o) {
 	"@babel/helpers - typeof";
 	return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function(o) {
@@ -12,7 +12,7 @@ function _typeof(o) {
 	}, _typeof(o);
 }
 //#endregion
-//#region \0@oxc-project+runtime@0.147.0/helpers/esm/toPrimitive.js
+//#region \0@oxc-project+runtime@0.148.0/helpers/esm/toPrimitive.js
 function toPrimitive(t, r) {
 	if ("object" != _typeof(t) || !t) return t;
 	var e = t[Symbol.toPrimitive];
@@ -24,13 +24,13 @@ function toPrimitive(t, r) {
 	return ("string" === r ? String : Number)(t);
 }
 //#endregion
-//#region \0@oxc-project+runtime@0.147.0/helpers/esm/toPropertyKey.js
+//#region \0@oxc-project+runtime@0.148.0/helpers/esm/toPropertyKey.js
 function toPropertyKey(t) {
 	var i = toPrimitive(t, "string");
 	return "symbol" == _typeof(i) ? i : i + "";
 }
 //#endregion
-//#region \0@oxc-project+runtime@0.147.0/helpers/esm/defineProperty.js
+//#region \0@oxc-project+runtime@0.148.0/helpers/esm/defineProperty.js
 function _defineProperty(e, r, t) {
 	return (r = toPropertyKey(r)) in e ? Object.defineProperty(e, r, {
 		value: t,
@@ -40,7 +40,7 @@ function _defineProperty(e, r, t) {
 	}) : e[r] = t, e;
 }
 //#endregion
-//#region \0@oxc-project+runtime@0.147.0/helpers/esm/objectSpread2.js
+//#region \0@oxc-project+runtime@0.148.0/helpers/esm/objectSpread2.js
 function ownKeys(e, r) {
 	var t = Object.keys(e);
 	if (Object.getOwnPropertySymbols) {

package/es/image/image-footer.vue_vue_type_script_setup_true_lang.js

@@ -1,4 +1,4 @@
-import _objectSpread2 from "../_virtual/_@oxc-project_runtime@0.147.0/helpers/esm/objectSpread2.js";
+import _objectSpread2 from "../_virtual/_@oxc-project_runtime@0.148.0/helpers/esm/objectSpread2.js";
 import { getPrefixCls } from "../_utils/global-config.js";
 import { createCommentVNode, createElementBlock, defineComponent, normalizeClass, openBlock, renderSlot, toDisplayString, unref } from "vue";
 //#region components/image/image-footer.vue?vue&type=script&setup=true&lang.ts

package/es/image/image.vue_vue_type_script_setup_true_lang.js

@@ -1,4 +1,4 @@
-import _objectSpread2 from "../_virtual/_@oxc-project_runtime@0.147.0/helpers/esm/objectSpread2.js";
+import _objectSpread2 from "../_virtual/_@oxc-project_runtime@0.148.0/helpers/esm/objectSpread2.js";
 import { getPrefixCls } from "../_utils/global-config.js";
 import { isBoolean } from "../_utils/is.js";
 import { isServerRendering } from "../_utils/dom.js";

package/es/image/preview-action.vue_vue_type_script_setup_true_lang.js

@@ -1,4 +1,4 @@
-import _objectSpread2 from "../_virtual/_@oxc-project_runtime@0.147.0/helpers/esm/objectSpread2.js";
+import _objectSpread2 from "../_virtual/_@oxc-project_runtime@0.148.0/helpers/esm/objectSpread2.js";
 import { getPrefixCls } from "../_utils/global-config.js";
 import Tooltip from "../tooltip/index.js";
 import { Fragment, createBlock, createCommentVNode, createElementBlock, createElementVNode, createVNode, defineComponent, mergeProps, normalizeClass, openBlock, renderSlot, unref, useSlots, withCtx } from "vue";

package/es/image/preview-arrow.vue_vue_type_script_setup_true_lang.js

@@ -1,4 +1,4 @@
-import _objectSpread2 from "../_virtual/_@oxc-project_runtime@0.147.0/helpers/esm/objectSpread2.js";
+import _objectSpread2 from "../_virtual/_@oxc-project_runtime@0.148.0/helpers/esm/objectSpread2.js";
 import { getPrefixCls } from "../_utils/global-config.js";
 import IconLeft from "../icon/icon-left/index.js";
 import IconRight from "../icon/icon-right/index.js";

package/es/image/preview-group.vue_vue_type_script_setup_true_lang.js

@@ -1,4 +1,4 @@
-import _objectSpread2 from "../_virtual/_@oxc-project_runtime@0.147.0/helpers/esm/objectSpread2.js";
+import _objectSpread2 from "../_virtual/_@oxc-project_runtime@0.148.0/helpers/esm/objectSpread2.js";
 import { isArray, isUndefined } from "../_utils/is.js";
 import useMergeState from "../_hooks/use-merge-state.js";
 import { PreviewGroupInjectionKey } from "./context.js";

package/es/image/preview-toolbar.vue_vue_type_script_setup_true_lang.js

@@ -1,4 +1,4 @@
-import _objectSpread2 from "../_virtual/_@oxc-project_runtime@0.147.0/helpers/esm/objectSpread2.js";
+import _objectSpread2 from "../_virtual/_@oxc-project_runtime@0.148.0/helpers/esm/objectSpread2.js";
 import { getPrefixCls } from "../_utils/global-config.js";
 import preview_action_default from "./preview-action.js";
 import { Fragment, computed, createBlock, createElementBlock, defineComponent, normalizeClass, openBlock, renderList, renderSlot, resolveDynamicComponent, toRefs, unref, withCtx } from "vue";

package/es/image/preview.vue_vue_type_script_setup_true_lang.js

@@ -1,4 +1,4 @@
-import _objectSpread2 from "../_virtual/_@oxc-project_runtime@0.147.0/helpers/esm/objectSpread2.js";
+import _objectSpread2 from "../_virtual/_@oxc-project_runtime@0.148.0/helpers/esm/objectSpread2.js";
 import { getPrefixCls } from "../_utils/global-config.js";
 import { off, on } from "../_utils/dom.js";
 import { throttleByRaf } from "../_utils/throttle-by-raf.js";

package/es/index.css

@@ -1472,9 +1472,9 @@ html[data-overlayscrollbars-viewport~=scrollbarHidden] > body::-webkit-scrollbar
   --sd-color-warning-light-3: rgb(var(--sd-warning-3));
   --sd-color-warning-light-4: rgb(var(--sd-warning-4));
   --sd-border-radius-none: 0;
-  --sd-border-radius-small: 2px;
-  --sd-border-radius-medium: 4px;
-  --sd-border-radius-large: 8px;
+  --sd-border-radius-small: 4px;
+  --sd-border-radius-medium: 6px;
+  --sd-border-radius-large: 10px;
   --sd-border-radius-circle: 50%;
   --sd-color-tooltip-bg: rgb(var(--sd-gray-10));
   --sd-color-spin-layer-bg: rgba(255, 255, 255, 0.6);
@@ -1922,7 +1922,7 @@ html[data-overlayscrollbars-viewport~=scrollbarHidden] > body::-webkit-scrollbar
 
 body {
   font-size: 14px;
-  font-family: inter, "-apple-system", blinkmacsystemfont, "PingFang SC", "Hiragino Sans GB", "noto sans", "Microsoft YaHei", "Helvetica Neue", helvetica, arial, sans-serif;
+  font-family: -apple-system, blinkmacsystemfont, "inter", "PingFang SC", "Hiragino Sans GB", "noto sans", "Microsoft YaHei", "Helvetica Neue", helvetica, arial, sans-serif;
 }
 
 .sd-trigger-wrapper {
@@ -3920,7 +3920,7 @@ body {
   background-color: var(--sd-color-bg-popup);
   border: 1px solid var(--sd-color-fill-3);
   border-radius: var(--sd-border-radius-medium);
-  box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
+  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.06), 0 8px 24px rgba(0, 0, 0, 0.08);
 }
 .sd-tree-select-popup .sd-tree-select-tree-wrapper {
   height: 100%;
@@ -4556,7 +4556,7 @@ body.sd-tour-active .sd-tour-popover * {
   background-color: var(--sd-color-bg-popup);
   border: 1px solid var(--sd-color-neutral-3);
   border-radius: var(--sd-border-radius-medium);
-  box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
+  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.06), 0 8px 24px rgba(0, 0, 0, 0.08);
 }
 
 .sd-tour-popover .sd-tour-content {
@@ -5064,7 +5064,7 @@ body.sd-tour-active .sd-tour-popover * {
   background-color: var(--sd-color-bg-popup);
   border: 1px solid var(--sd-color-neutral-3);
   border-radius: var(--sd-border-radius-medium);
-  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
+  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.06), 0 8px 24px rgba(0, 0, 0, 0.08);
 }
 .sd-timepicker-column {
   box-sizing: border-box;
@@ -6278,7 +6278,7 @@ body.sd-tour-active .sd-tour-popover * {
   background: var(--sd-color-bg-5);
   border: 1px solid var(--sd-color-neutral-3);
   border-radius: var(--sd-border-radius-medium);
-  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
+  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.06);
 }
 .sd-table-filters-list {
   max-height: 200px;
@@ -7265,7 +7265,7 @@ body.sd-tour-active .sd-tour-popover * {
   line-height: 16px;
 }
 .sd-switch-type-line.sd-switch-small.sd-switch-checked {
-  padding-left: 0px;
+  padding-left: -0px;
 }
 .sd-switch-type-line.sd-switch-small .sd-switch-handle {
   top: 0px;
@@ -8286,7 +8286,7 @@ body.sd-tour-active .sd-tour-popover * {
   content: "";
 }
 .sd-slider-btn.sd-slider-btn-active::after, .sd-slider-btn:hover::after {
-  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
+  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.06);
   transform: scale("");
 }
 .sd-slider-track-vertical .sd-slider-btn {
@@ -8436,7 +8436,7 @@ body.sd-tour-active .sd-tour-popover * {
   background-color: var(--sd-color-bg-popup);
   border: 1px solid var(--sd-color-fill-3);
   border-radius: var(--sd-border-radius-medium);
-  box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
+  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.06), 0 8px 24px rgba(0, 0, 0, 0.08);
 }
 .sd-select-dropdown .sd-select-dropdown-loading {
   display: flex;
@@ -9167,48 +9167,98 @@ body.sd-tour-active .sd-tour-popover * {
     transition-duration: 0.01ms;
   }
 }
-.sd-resizebox {
+.sd-panel-group {
   position: relative;
-  width: 100%;
+}
+
+.sd-panel {
+  position: relative;
+  display: flex;
+  flex-shrink: 0;
+  min-width: 0;
+  min-height: 0;
+}
+
+.sd-panel-content,
+.sd-panel-fill-inner {
+  flex-shrink: 0;
   overflow: hidden;
 }
-.sd-resizebox-direction-left, .sd-resizebox-direction-right, .sd-resizebox-direction-top, .sd-resizebox-direction-bottom {
+
+.sd-panel-fill {
+  min-width: 0;
+  min-height: 0;
+}
+
+.sd-panel-separator {
+  position: relative;
+  z-index: 1;
+  display: flex;
+  flex: none;
+  flex-direction: inherit;
+  align-items: center;
+  justify-content: center;
+  min-width: 0;
+  min-height: 0;
+}
+
+.sd-panel-separator-edge {
   position: absolute;
-  top: 0;
-  left: 0;
-  box-sizing: border-box;
-  user-select: none;
+  z-index: 1;
+  display: flex;
+  align-items: center;
+  justify-content: center;
 }
-.sd-resizebox-direction-right {
-  right: 0;
-  left: unset;
+
+.sd-panel-separator-grip {
+  position: relative;
+  flex-shrink: 0;
+  outline: none;
+  cursor: var(--sd-panel-separator-cursor, col-resize);
+  touch-action: none;
 }
-.sd-resizebox-direction-bottom {
-  top: unset;
-  bottom: 0;
+.sd-panel-separator-grip[aria-orientation=vertical] {
+  width: 14px;
+  height: 100%;
+}
+.sd-panel-separator-grip[aria-orientation=horizontal] {
+  width: 100%;
+  height: 14px;
+}
+.sd-panel-separator-grip:focus-visible {
+  border-radius: 4px;
+  box-shadow: 0 0 0 3px var(--sd-color-primary-light-2);
 }
 
+@media (prefers-reduced-motion: reduce) {
+  .sd-panel-content {
+    transition: none !important;
+  }
+}
 .sd-resizebox-trigger-icon-wrapper {
+  position: absolute;
+  top: 50%;
+  left: 50%;
   display: flex;
   align-items: center;
   justify-content: center;
+  width: 100%;
   height: 100%;
   color: var(--sd-color-text-1);
   font-size: 12px;
   line-height: 1;
   background-color: var(--sd-color-neutral-3);
+  transform: translate(-50%, -50%);
 }
 .sd-resizebox-trigger-icon {
   display: inline-block;
   margin: -3px;
 }
-.sd-resizebox-trigger-vertical {
-  height: 100%;
-  cursor: col-resize;
+.sd-resizebox-trigger-vertical > .sd-resizebox-trigger-icon-wrapper {
+  width: 6px;
 }
-.sd-resizebox-trigger-horizontal {
-  width: 100%;
-  cursor: row-resize;
+.sd-resizebox-trigger-horizontal > .sd-resizebox-trigger-icon-wrapper {
+  height: 6px;
 }
 
 .sd-regex-vis {
@@ -10016,7 +10066,7 @@ body.sd-tour-active .sd-tour-popover * {
   background-color: var(--sd-color-bg-popup);
   border: 1px solid var(--sd-color-neutral-3);
   border-radius: var(--sd-border-radius-medium);
-  box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
+  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.06), 0 8px 24px rgba(0, 0, 0, 0.08);
 }
 .sd-popover-title {
   color: var(--sd-color-text-1);
@@ -10044,7 +10094,7 @@ body.sd-tour-active .sd-tour-popover * {
   background-color: var(--sd-color-bg-popup);
   border: 1px solid var(--sd-color-neutral-3);
   border-radius: var(--sd-border-radius-medium);
-  box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
+  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.06), 0 8px 24px rgba(0, 0, 0, 0.08);
 }
 .sd-popconfirm-popup-content .sd-popconfirm-body {
   position: relative;
@@ -10474,7 +10524,7 @@ body.sd-tour-active .sd-tour-popover * {
   background-color: var(--sd-color-bg-popup);
   border: 1px solid var(--sd-color-neutral-3);
   border-radius: var(--sd-border-radius-medium);
-  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
+  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.06), 0 8px 24px rgba(0, 0, 0, 0.1);
   opacity: 1;
   transition: opacity 0.2s cubic-bezier(0.34, 0.69, 0.1, 1);
 }
@@ -11114,7 +11164,7 @@ body.sd-tour-active .sd-tour-popover * {
   background-color: var(--sd-color-bg-popup);
   border: 1px solid var(--sd-color-neutral-3);
   border-radius: var(--sd-border-radius-small);
-  box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
+  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.06), 0 8px 24px rgba(0, 0, 0, 0.08);
   transition: background-color 0.1s cubic-bezier(0.34, 0.69, 0.1, 1), border-color 0.1s cubic-bezier(0.34, 0.69, 0.1, 1);
   pointer-events: auto;
 }
@@ -11760,7 +11810,7 @@ body.sd-tour-active .sd-tour-popover * {
   line-height: 40px;
   border: 1px solid transparent;
   border-radius: 50%;
-  box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
+  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.06), 0 8px 24px rgba(0, 0, 0, 0.08);
 }
 .sd-menu-collapsed {
   width: 48px;
@@ -11847,7 +11897,7 @@ body.sd-tour-active .sd-tour-popover * {
   background-color: var(--sd-color-bg-popup);
   border: 1px solid var(--sd-color-fill-3);
   border-radius: var(--sd-border-radius-medium);
-  box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
+  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.06), 0 8px 24px rgba(0, 0, 0, 0.08);
 }
 .sd-trigger-menu-hidden {
   display: none;
@@ -12349,7 +12399,7 @@ body.sd-tour-active .sd-tour-popover * {
   color: var(--sd-color-white);
   font-size: 18px;
   background: var(--sd-color-menu-dark-bg);
-  border-radius: 0 8px 8px 0;
+  border-radius: 0 10px 10px 0;
   cursor: pointer;
   transition: background-color 0.3s ease;
   inset-inline-end: -40px;
@@ -12366,7 +12416,7 @@ body.sd-tour-active .sd-tour-popover * {
 }
 .sd-layout-sider-zero-width-trigger-right {
   inset-inline-start: -40px;
-  border-radius: 8px 0 0 8px;
+  border-radius: 10px 0 0 10px;
 }
 .sd-layout-sider-light {
   background: var(--sd-color-bg-1);
@@ -12394,7 +12444,7 @@ body.sd-tour-active .sd-tour-popover * {
   height: 40px;
   color: var(--sd-color-text-1);
   font-size: 18px;
-  border-radius: 8px;
+  border-radius: 10px;
   cursor: pointer;
   transition: background-color 0.2s ease;
 }
@@ -16389,7 +16439,7 @@ body.sd-tour-active .sd-tour-popover * {
 .sd-json-form-control {
   width: 100%;
   min-width: 0;
-  border-radius: 4px;
+  border-radius: 6px;
 }
 .sd-json-form-chips {
   display: inline-flex;
@@ -16401,7 +16451,7 @@ body.sd-tour-active .sd-tour-popover * {
   margin-right: 0;
   padding: 2px 6px;
   border: 1px solid var(--sd-color-neutral-3);
-  border-radius: 4px;
+  border-radius: 6px;
 }
 .sd-json-form-chips .sd-checkbox-checked {
   border-color: rgb(var(--sd-primary-6));
@@ -16458,7 +16508,7 @@ body.sd-tour-active .sd-tour-popover * {
   background-color: var(--sd-color-bg-popup);
   border: 1px solid var(--sd-color-fill-3);
   border-radius: var(--sd-border-radius-medium);
-  box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
+  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.06), 0 8px 24px rgba(0, 0, 0, 0.08);
 }
 .sd-dropdown-list {
   margin-top: 0;
@@ -16951,7 +17001,7 @@ body.sd-tour-active .sd-tour-popover * {
   background-color: var(--sd-color-bg-popup);
   border: 1px solid var(--sd-color-neutral-3);
   border-radius: var(--sd-border-radius-medium);
-  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
+  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.06), 0 8px 24px rgba(0, 0, 0, 0.08);
 }
 .sd-picker-container-shortcuts-placement-left, .sd-picker-container-shortcuts-placement-right,
 .sd-picker-range-container-shortcuts-placement-left,
@@ -17557,7 +17607,7 @@ body.sd-tour-active .sd-tour-popover * {
   overflow: hidden;
   background-color: var(--sd-color-neutral-2);
   border: 1px solid var(--sd-color-neutral-3);
-  border-radius: 4px;
+  border-radius: 6px;
 }
 .sd-cropper-source-image {
   display: block;
@@ -17634,7 +17684,7 @@ body.sd-tour-active .sd-tour-popover * {
 }
 
 .sd-copy {
-  border-radius: 2px;
+  border-radius: 4px;
 }
 .sd-copy.sd-copy-inherit {
   color: inherit;
@@ -17647,7 +17697,7 @@ body.sd-tour-active .sd-tour-popover * {
   align-items: center;
   box-sizing: border-box;
   background-color: var(--sd-color-fill-2);
-  border-radius: 2px;
+  border-radius: 4px;
 }
 .sd-color-picker-preview {
   box-sizing: border-box;
@@ -17720,7 +17770,7 @@ body.sd-tour-active .sd-tour-popover * {
 .sd-color-picker-panel {
   width: 260px;
   background-color: var(--sd-color-bg-1);
-  border-radius: 2px;
+  border-radius: 4px;
   box-shadow: 0 8px 20px 0 rgba(0, 0, 0, 0.1);
 }
 .sd-color-picker-panel .sd-color-picker-panel-head {
@@ -17746,7 +17796,7 @@ body.sd-tour-active .sd-tour-popover * {
   padding: 0;
   background-color: transparent;
   border: 1px solid var(--sd-color-border-2);
-  border-radius: 4px;
+  border-radius: 6px;
   cursor: pointer;
 }
 .sd-color-picker-panel .sd-color-picker-gradient-thumb {
@@ -17790,7 +17840,7 @@ body.sd-tour-active .sd-tour-popover * {
   height: 32px;
   margin-top: 8px;
   border: 1px solid var(--sd-color-border-2);
-  border-radius: 4px;
+  border-radius: 6px;
 }
 .sd-color-picker-panel .sd-color-picker-palette {
   position: relative;
@@ -17832,7 +17882,7 @@ body.sd-tour-active .sd-tour-popover * {
   color: #fff;
   font-size: 20px;
   border: 1px solid var(--sd-color-border-2);
-  border-radius: 4px;
+  border-radius: 6px;
 }
 .sd-color-picker-panel .sd-color-picker-panel-control .sd-color-picker-control-wrapper .sd-color-picker-control-bar-alpha {
   margin-top: 12px;
@@ -18275,7 +18325,7 @@ body.sd-tour-active .sd-tour-popover * {
   background-color: var(--sd-color-bg-popup);
   border: 1px solid var(--sd-color-fill-3);
   border-radius: var(--sd-border-radius-medium);
-  box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
+  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.06), 0 8px 24px rgba(0, 0, 0, 0.08);
 }
 .sd-cascader-search-panel {
   justify-content: flex-start;
@@ -19007,7 +19057,7 @@ body.sd-tour-active .sd-tour-popover * {
   z-index: 1;
 }
 .sd-card-grid-hoverable:hover::before {
-  box-shadow: 0 4px 10px rgb(var(--sd-gray-2));
+  box-shadow: 0 1px 2px rgb(var(--sd-gray-2)), 0 4px 10px rgb(var(--sd-gray-2));
 }
 .sd-card-grid .sd-card {
   background: none;
@@ -19020,7 +19070,7 @@ body.sd-tour-active .sd-tour-popover * {
   padding: 0;
 }
 .sd-card-hoverable:hover {
-  box-shadow: 0 4px 10px rgb(var(--sd-gray-2));
+  box-shadow: 0 1px 2px rgb(var(--sd-gray-2)), 0 4px 10px rgb(var(--sd-gray-2));
 }
 .sd-card-bordered {
   border: 1px solid var(--sd-color-neutral-3);
@@ -19093,7 +19143,7 @@ body.sd-tour-active .sd-tour-popover * {
 
 :where(body, [sd-theme])[sd-theme=dark] .sd-card-grid-hoverable:hover::before,
 :where(body, [sd-theme])[sd-theme=dark] .sd-card-hoverable:hover {
-  box-shadow: 0 4px 10px rgb(var(--sd-gray-1), 40%);
+  box-shadow: 0 1px 2px rgb(var(--sd-gray-1), 40%), 0 4px 10px rgb(var(--sd-gray-1), 40%);
 }
 
 .sd-selectable-card {
@@ -22155,7 +22205,7 @@ body.sd-tour-active .sd-tour-popover * {
 
 .sd-bloom-menu {
   display: inline-flex;
-  font-family: inter, "-apple-system", blinkmacsystemfont, "PingFang SC", "Hiragino Sans GB", "noto sans", "Microsoft YaHei", "Helvetica Neue", helvetica, arial, sans-serif;
+  font-family: -apple-system, blinkmacsystemfont, "inter", "PingFang SC", "Hiragino Sans GB", "noto sans", "Microsoft YaHei", "Helvetica Neue", helvetica, arial, sans-serif;
 }
 .sd-bloom-menu-trigger-content {
   display: inline-flex;
@@ -22173,7 +22223,7 @@ body.sd-tour-active .sd-tour-popover * {
   --bloom-menu-panel-background: var(--sd-color-bg-2);
   --bloom-menu-panel-border-color: var(--sd-color-neutral-3);
   --bloom-menu-panel-border-radius: var(--sd-border-radius-medium);
-  --bloom-menu-panel-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
+  --bloom-menu-panel-shadow: 0 2px 6px rgba(0, 0, 0, 0.06), 0 8px 24px rgba(0, 0, 0, 0.08);
   overflow: hidden;
   border: 1px solid var(--sd-color-neutral-3);
 }
@@ -22412,7 +22462,7 @@ body.sd-tour-active .sd-tour-popover * {
   background-color: var(--sd-color-bg-popup);
   border: 1px solid var(--sd-color-fill-3);
   border-radius: var(--sd-border-radius-medium);
-  box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
+  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.06), 0 8px 24px rgba(0, 0, 0, 0.08);
 }
 .sd-autocomplete-popup .sd-select-popup .sd-select-popup-inner {
   max-height: 200px;

package/es/index.d.ts

@@ -130,8 +130,8 @@ export { default as Rate } from './rate';
 export type { RateInstance } from './rate';
 export { default as RegexVis } from './regex-vis';
 export type { RegexVisError, RegexVisFlag, RegexVisInstance, RegexVisNode, RegexVisProps, RegexVisSelectInfo, RegexVisSlots, } from './regex-vis';
-export { default as ResizeBox } from './resize-box';
-export type { ResizeBoxInstance } from './resize-box';
+export { default as PanelGroup, Panel, PanelSeparator } from './panel-group';
+export type { PanelGroupInstance, PanelInstance, PanelSeparatorInstance, PanelFold, PanelPose, PanelSize, PanelSlotProps, PanelTransition, } from './panel-group';
 export { default as Result } from './result';
 export type { ResultInstance } from './result';
 export { default as RichTextEditor } from './rich-text-editor';

package/es/index.js

@@ -142,10 +142,10 @@ import { MODEL_SELECTOR_PROVIDERS } from "./model-selector/types.js";
 import ModelSelector from "./model-selector/index.js";
 import Notification from "./notification/index.js";
 import PageHeader from "./page-header/index.js";
+import PanelGroup, { Panel, PanelSeparator } from "./panel-group/index.js";
 import Progress from "./progress/index.js";
 import QrCode from "./qr-code/index.js";
 import RegexVis from "./regex-vis/index.js";
-import ResizeBox from "./resize-box/index.js";
 import Result from "./result/index.js";
 import { $createInlineComponentNode, $isInlineComponentNode, InlineComponentNode } from "./rich-text-editor/nodes/inline-component-node.js";
 import { RICH_TEXT_EDITOR_BUILT_IN_NODE_NAMES, RICH_TEXT_EDITOR_JSON_FORM_NODE_NAMES } from "./rich-text-editor/built-in-components.js";
@@ -177,4 +177,4 @@ import Typography from "./typography/index.js";
 import Upload from "./upload/index.js";
 import Watermark from "./watermark/index.js";
 import SDVue from "./sd-vue.js";
-export { $createInlineComponentNode, $isInlineComponentNode, A2UI_0_9_1, Affix, Alert, Anchor, anchor_link_default as AnchorLink, AutoComplete, Avatar, avatar_group_default as AvatarGroup, BackTop, Badge, BasicCrudTable, BloomMenu, BorderBeam, Breadcrumb, breadcrumb_item_default as BreadcrumbItem, Button, button_group_default as ButtonGroup, Calendar, Card, card_grid_default as CardGrid, card_meta_default as CardMeta, Carousel, carousel_item_default as CarouselItem, Cascader, cascader_panel_default as CascaderPanel, Checkbox, checkbox_group_default as CheckboxGroup, grid_col_default as Col, Collapse, collapse_item_default as CollapseItem, ColorPicker, Comment, ConfigProvider, Copy, countdown_default as Countdown, Cropper, DEFAULT_LOCALE, DEFAULT_LOCALE_KEY, DatePicker, Descriptions, descriptions_item_default as DescriptionsItem, dropdown_group_default as Dgroup, Divider, dropdown_option_default as Doption, Drawer, Dropdown, dropdown_button_default as DropdownButton, dropdown_submenu_default as Dsubmenu, Ellipsis, Empty, FilePreviewer, Form, form_item_default as FormItem, Grid, grid_item_default as GridItem, Icon, Image, preview_default as ImagePreview, preview_action_default as ImagePreviewAction, preview_group_default as ImagePreviewGroup, InlineClamp, InlineComponentNode, Input, input_group_default as InputGroup, InputMask, InputNumber, input_password_default as InputPassword, input_search_default as InputSearch, InputTag, JsonForm, KvList, Layout, content_default as LayoutContent, footer_default as LayoutFooter, header_default as LayoutHeader, sider_default as LayoutSider, LineClamp, Link, List, list_item_default as ListItem, list_item_meta_default as ListItemMeta, MODEL_SELECTOR_PROVIDERS, Mention, Menu, item_default as MenuItem, item_group_default as MenuItemGroup, Message, Modal, ModelSelector, model_selector_content_default as ModelSelectorContent, model_selector_dialog_default as ModelSelectorDialog, model_selector_empty_default as ModelSelectorEmpty, model_selector_group_default as ModelSelectorGroup, model_selector_input_default as ModelSelectorInput, model_selector_item_default as ModelSelectorItem, model_selector_list_default as ModelSelectorList, model_selector_logo_default as ModelSelectorLogo, model_selector_logo_group_default as ModelSelectorLogoGroup, model_selector_name_default as ModelSelectorName, model_selector_separator_default as ModelSelectorSeparator, model_selector_shortcut_default as ModelSelectorShortcut, model_selector_trigger_default as ModelSelectorTrigger, month_picker_default as MonthPicker, Notification, NumberFlow, NumberFlowGroup, PageHeader, Pagination, PerformantEllipsis, Popconfirm, Popover, Progress, QrCode, quarter_picker_default as QuarterPicker, RICH_TEXT_EDITOR_BUILT_IN_NODE_NAMES, RICH_TEXT_EDITOR_JSON_FORM_NODE_NAMES, Radio, radio_group_default as RadioGroup, range_picker_default as RangePicker, Rate, recorder_core_default as RecorderCore, RegexVis, ResizeBox, Result, RichLineClamp, RichTextEditor, grid_row_default as Row, Scrollbar, Secret, Select, SelectableCard, Sender, SenderHeader, SenderSwitch, Skeleton, line_default as SkeletonLine, shape_default as SkeletonShape, Slider, Space, Spin, Split, Statistic, step_default as Step, Steps, sub_menu_default as SubMenu, Switch, tab_pane_default as TabPane, Table, table_column_default as TableColumn, Tabs, Tag, TagGroup, table_tbody_default as Tbody, table_td_default as Td, Textarea, table_th_default as Th, table_thead_default as Thead, ThemeProvider, ThinkingOrb, TimePicker, Timeline, item_default$1 as TimelineItem, Toolbar, Tooltip, Tour, table_tr_default as Tr, Transfer, Tree, TreeSelect, Trigger, Typography, paragraph_default as TypographyParagraph, text_default as TypographyText, title_default as TypographyTitle, Upload, VerificationCode, Watermark, week_picker_default as WeekPicker, WrapClamp, year_picker_default as YearPicker, addI18nMessages, continuous, SDVue as default, defaultInputMaskFormatChars, defineJsonFormComponents, defineJsonFormSchemas, formatInputMask, getCssVarToken, getLocale, inputMaskPresets, useCanAnimate, useFormItem, useLocale };
+export { $createInlineComponentNode, $isInlineComponentNode, A2UI_0_9_1, Affix, Alert, Anchor, anchor_link_default as AnchorLink, AutoComplete, Avatar, avatar_group_default as AvatarGroup, BackTop, Badge, BasicCrudTable, BloomMenu, BorderBeam, Breadcrumb, breadcrumb_item_default as BreadcrumbItem, Button, button_group_default as ButtonGroup, Calendar, Card, card_grid_default as CardGrid, card_meta_default as CardMeta, Carousel, carousel_item_default as CarouselItem, Cascader, cascader_panel_default as CascaderPanel, Checkbox, checkbox_group_default as CheckboxGroup, grid_col_default as Col, Collapse, collapse_item_default as CollapseItem, ColorPicker, Comment, ConfigProvider, Copy, countdown_default as Countdown, Cropper, DEFAULT_LOCALE, DEFAULT_LOCALE_KEY, DatePicker, Descriptions, descriptions_item_default as DescriptionsItem, dropdown_group_default as Dgroup, Divider, dropdown_option_default as Doption, Drawer, Dropdown, dropdown_button_default as DropdownButton, dropdown_submenu_default as Dsubmenu, Ellipsis, Empty, FilePreviewer, Form, form_item_default as FormItem, Grid, grid_item_default as GridItem, Icon, Image, preview_default as ImagePreview, preview_action_default as ImagePreviewAction, preview_group_default as ImagePreviewGroup, InlineClamp, InlineComponentNode, Input, input_group_default as InputGroup, InputMask, InputNumber, input_password_default as InputPassword, input_search_default as InputSearch, InputTag, JsonForm, KvList, Layout, content_default as LayoutContent, footer_default as LayoutFooter, header_default as LayoutHeader, sider_default as LayoutSider, LineClamp, Link, List, list_item_default as ListItem, list_item_meta_default as ListItemMeta, MODEL_SELECTOR_PROVIDERS, Mention, Menu, item_default as MenuItem, item_group_default as MenuItemGroup, Message, Modal, ModelSelector, model_selector_content_default as ModelSelectorContent, model_selector_dialog_default as ModelSelectorDialog, model_selector_empty_default as ModelSelectorEmpty, model_selector_group_default as ModelSelectorGroup, model_selector_input_default as ModelSelectorInput, model_selector_item_default as ModelSelectorItem, model_selector_list_default as ModelSelectorList, model_selector_logo_default as ModelSelectorLogo, model_selector_logo_group_default as ModelSelectorLogoGroup, model_selector_name_default as ModelSelectorName, model_selector_separator_default as ModelSelectorSeparator, model_selector_shortcut_default as ModelSelectorShortcut, model_selector_trigger_default as ModelSelectorTrigger, month_picker_default as MonthPicker, Notification, NumberFlow, NumberFlowGroup, PageHeader, Pagination, Panel, PanelGroup, PanelSeparator, PerformantEllipsis, Popconfirm, Popover, Progress, QrCode, quarter_picker_default as QuarterPicker, RICH_TEXT_EDITOR_BUILT_IN_NODE_NAMES, RICH_TEXT_EDITOR_JSON_FORM_NODE_NAMES, Radio, radio_group_default as RadioGroup, range_picker_default as RangePicker, Rate, recorder_core_default as RecorderCore, RegexVis, Result, RichLineClamp, RichTextEditor, grid_row_default as Row, Scrollbar, Secret, Select, SelectableCard, Sender, SenderHeader, SenderSwitch, Skeleton, line_default as SkeletonLine, shape_default as SkeletonShape, Slider, Space, Spin, Split, Statistic, step_default as Step, Steps, sub_menu_default as SubMenu, Switch, tab_pane_default as TabPane, Table, table_column_default as TableColumn, Tabs, Tag, TagGroup, table_tbody_default as Tbody, table_td_default as Td, Textarea, table_th_default as Th, table_thead_default as Thead, ThemeProvider, ThinkingOrb, TimePicker, Timeline, item_default$1 as TimelineItem, Toolbar, Tooltip, Tour, table_tr_default as Tr, Transfer, Tree, TreeSelect, Trigger, Typography, paragraph_default as TypographyParagraph, text_default as TypographyText, title_default as TypographyTitle, Upload, VerificationCode, Watermark, week_picker_default as WeekPicker, WrapClamp, year_picker_default as YearPicker, addI18nMessages, continuous, SDVue as default, defaultInputMaskFormatChars, defineJsonFormComponents, defineJsonFormSchemas, formatInputMask, getCssVarToken, getLocale, inputMaskPresets, useCanAnimate, useFormItem, useLocale };

package/es/index.scss

@@ -36,7 +36,7 @@
 @use '@components/scrollbar/style/index.scss' as *;
 @use '@components/result/style/index.scss' as *;
 @use '@components/rich-text-editor/style/index.scss' as *;
-@use '@components/resize-box/style/index.scss' as *;
+@use '@components/panel-group/style/index.scss' as *;
 @use '@components/regex-vis/style/index.scss' as *;
 @use '@components/rate/style/index.scss' as *;
 @use '@components/progress/style/index.scss' as *;

package/es/input/input-group.vue_vue_type_script_setup_true_lang.js

@@ -1,4 +1,4 @@
-import _objectSpread2 from "../_virtual/_@oxc-project_runtime@0.147.0/helpers/esm/objectSpread2.js";
+import _objectSpread2 from "../_virtual/_@oxc-project_runtime@0.148.0/helpers/esm/objectSpread2.js";
 import { getPrefixCls } from "../_utils/global-config.js";
 import { createElementBlock, defineComponent, normalizeClass, openBlock, renderSlot, unref } from "vue";
 //#region components/input/input-group.vue?vue&type=script&setup=true&lang.ts

package/es/input/input-password.vue_vue_type_script_setup_true_lang.js

@@ -1,4 +1,4 @@
-import _objectSpread2 from "../_virtual/_@oxc-project_runtime@0.147.0/helpers/esm/objectSpread2.js";
+import _objectSpread2 from "../_virtual/_@oxc-project_runtime@0.148.0/helpers/esm/objectSpread2.js";
 import icon_hover_default from "../_components/icon-hover.js";
 import useMergeState from "../_hooks/use-merge-state.js";
 import IconEye from "../icon/icon-eye/index.js";

package/es/input/input-search.vue_vue_type_script_setup_true_lang.js

@@ -1,4 +1,4 @@
-import _objectSpread2 from "../_virtual/_@oxc-project_runtime@0.147.0/helpers/esm/objectSpread2.js";
+import _objectSpread2 from "../_virtual/_@oxc-project_runtime@0.148.0/helpers/esm/objectSpread2.js";
 import { getPrefixCls } from "../_utils/global-config.js";
 import icon_hover_default from "../_components/icon-hover.js";
 import IconLoading from "../icon/icon-loading/index.js";

package/es/input/input.vue_vue_type_script_setup_true_lang.js

@@ -1,5 +1,5 @@
 import { useFormItem } from "../_hooks/use-form-item.js";
-import _objectSpread2 from "../_virtual/_@oxc-project_runtime@0.147.0/helpers/esm/objectSpread2.js";
+import _objectSpread2 from "../_virtual/_@oxc-project_runtime@0.148.0/helpers/esm/objectSpread2.js";
 import { getPrefixCls } from "../_utils/global-config.js";
 import { isFunction, isNull, isObject, isUndefined } from "../_utils/is.js";
 import icon_hover_default from "../_components/icon-hover.js";

package/es/input-mask/input-mask.vue_vue_type_script_setup_true_lang.js

@@ -1,4 +1,4 @@
-import _objectSpread2 from "../_virtual/_@oxc-project_runtime@0.147.0/helpers/esm/objectSpread2.js";
+import _objectSpread2 from "../_virtual/_@oxc-project_runtime@0.148.0/helpers/esm/objectSpread2.js";
 import { getPrefixCls } from "../_utils/global-config.js";
 import { splitGraphemes } from "../_utils/grapheme.js";
 import Input from "../input/index.js";

package/es/input-mask/mask-engine.js

@@ -1,4 +1,4 @@
-import _objectSpread2 from "../_virtual/_@oxc-project_runtime@0.147.0/helpers/esm/objectSpread2.js";
+import _objectSpread2 from "../_virtual/_@oxc-project_runtime@0.148.0/helpers/esm/objectSpread2.js";
 import { codeUnitToGraphemeIndex, graphemeIndexToCodeUnit, splitGraphemes } from "../_utils/grapheme.js";
 //#region components/input-mask/mask-engine.ts
 var defaultInputMaskFormatChars = {