@sdata/web-vue 4.6.0 → 4.7.1

package/dist/sd.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;
@@ -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;
@@ -10066,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);
@@ -10094,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;
@@ -10524,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);
 }
@@ -11164,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;
 }
@@ -11810,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;
@@ -11897,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;
@@ -12399,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;
@@ -12416,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);
@@ -12444,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;
 }
@@ -16439,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;
@@ -16451,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));
@@ -16508,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;
@@ -17001,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,
@@ -17607,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;
@@ -17684,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;
@@ -17697,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;
@@ -17770,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 {
@@ -17796,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 {
@@ -17840,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;
@@ -17882,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;
@@ -18325,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;
@@ -19057,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;
@@ -19070,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);
@@ -19143,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 {
@@ -22205,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;
@@ -22223,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);
 }
@@ -22462,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;