@sdata/web-vue 2.3.1 → 2.8.0

package/json/web-types.json

@@ -2,7 +2,7 @@
   "$schema": "https://raw.githubusercontent.com/JetBrains/web-types/master/schema/web-types.json",
   "framework": "vue",
   "name": "@sdata/web-vue",
-  "version": "2.2.1",
+  "version": "2.6.0",
   "contributions": {
     "html": {
       "types-syntax": "typescript",
@@ -613,6 +613,12 @@
           "events": [],
           "slots": []
         },
+        {
+          "name": "sd-border-beam",
+          "attributes": [],
+          "events": [],
+          "slots": []
+        },
         {
           "name": "sd-breadcrumb",
           "attributes": [
@@ -4494,152 +4500,7 @@
         },
         {
           "name": "sd-header",
-          "attributes": [
-            {
-              "name": "title",
-              "description": "Header title",
-              "value": {
-                "type": "string",
-                "kind": "expression"
-              }
-            },
-            {
-              "name": "image",
-              "description": "Header image url",
-              "value": {
-                "type": "string",
-                "kind": "expression"
-              }
-            },
-            {
-              "name": "model-value",
-              "description": "Whether header is visible",
-              "value": {
-                "type": "boolean",
-                "kind": "expression"
-              }
-            },
-            {
-              "name": "default-visible",
-              "description": "Whether header is visible by default",
-              "value": {
-                "type": "boolean",
-                "kind": "expression"
-              }
-            },
-            {
-              "name": "height",
-              "description": "Header content height",
-              "value": {
-                "type": "union",
-                "kind": "expression"
-              }
-            },
-            {
-              "name": "density",
-              "description": "Header density",
-              "value": {
-                "type": "LayoutHeaderDensity",
-                "kind": "expression"
-              }
-            },
-            {
-              "name": "extended",
-              "description": "Whether extension area is enabled",
-              "value": {
-                "type": "boolean",
-                "kind": "expression"
-              }
-            },
-            {
-              "name": "extension-height",
-              "description": "Extension area height",
-              "value": {
-                "type": "union",
-                "kind": "expression"
-              }
-            },
-            {
-              "name": "collapse",
-              "description": "Whether to collapse extension area",
-              "value": {
-                "type": "boolean",
-                "kind": "expression"
-              }
-            },
-            {
-              "name": "flat",
-              "description": "Whether to remove shadow",
-              "value": {
-                "type": "boolean",
-                "kind": "expression"
-              }
-            },
-            {
-              "name": "floating",
-              "description": "Whether to use floating style",
-              "value": {
-                "type": "boolean",
-                "kind": "expression"
-              }
-            },
-            {
-              "name": "fixed",
-              "description": "Whether header is fixed to viewport edge",
-              "value": {
-                "type": "boolean",
-                "kind": "expression"
-              }
-            },
-            {
-              "name": "sticky",
-              "description": "Whether header uses sticky positioning",
-              "value": {
-                "type": "boolean",
-                "kind": "expression"
-              }
-            },
-            {
-              "name": "absolute",
-              "description": "Whether header uses absolute positioning",
-              "value": {
-                "type": "boolean",
-                "kind": "expression"
-              }
-            },
-            {
-              "name": "location",
-              "description": "Header location",
-              "value": {
-                "type": "union",
-                "kind": "expression"
-              }
-            },
-            {
-              "name": "scroll-behavior",
-              "description": "Scroll behavior tokens",
-              "value": {
-                "type": "string",
-                "kind": "expression"
-              }
-            },
-            {
-              "name": "scroll-target",
-              "description": "Scroll container selector, defaults to window",
-              "value": {
-                "type": "string",
-                "kind": "expression"
-              }
-            },
-            {
-              "name": "scroll-threshold",
-              "description": "Scroll threshold",
-              "value": {
-                "type": "union",
-                "kind": "expression"
-              }
-            }
-          ],
+          "attributes": [],
           "events": [],
           "slots": []
         },
@@ -4648,7 +4509,7 @@
           "attributes": [
             {
               "name": "has-sider",
-              "description": "Indicates that there is a Sider in the sub-element, which generally does not need to be specified. Used to avoid style flicker when rendering on the server side.",
+              "description": "Whether contains Sider, overrides auto detection when set to a boolean",
               "value": {
                 "type": "boolean",
                 "kind": "expression"
@@ -4662,24 +4523,8 @@
           "name": "sd-sider",
           "attributes": [
             {
-              "name": "theme",
-              "description": "Theme",
-              "value": {
-                "type": "string",
-                "kind": "expression"
-              }
-            },
-            {
-              "name": "model-value",
-              "description": "Whether navigation drawer is visible",
-              "value": {
-                "type": "boolean",
-                "kind": "expression"
-              }
-            },
-            {
-              "name": "default-visible",
-              "description": "Whether navigation drawer is visible by default",
+              "name": "collapsible",
+              "description": "Whether can be collapsed",
               "value": {
                 "type": "boolean",
                 "kind": "expression"
@@ -4687,7 +4532,7 @@
             },
             {
               "name": "collapsed",
-              "description": "Current collapsed state",
+              "description": "Current collapsed state (controlled)",
               "value": {
                 "type": "boolean",
                 "kind": "expression"
@@ -4695,63 +4540,31 @@
             },
             {
               "name": "default-collapsed",
-              "description": "The default collapsed state",
-              "value": {
-                "type": "boolean",
-                "kind": "expression"
-              }
-            },
-            {
-              "name": "collapsible",
-              "description": "Whether is collapsible",
-              "value": {
-                "type": "boolean",
-                "kind": "expression"
-              }
-            },
-            {
-              "name": "rail",
-              "description": "Whether to enable rail mode",
-              "value": {
-                "type": "boolean",
-                "kind": "expression"
-              }
-            },
-            {
-              "name": "default-rail",
-              "description": "Whether to enable rail mode by default",
+              "description": "Default collapsed state (uncontrolled)",
               "value": {
                 "type": "boolean",
                 "kind": "expression"
               }
             },
             {
-              "name": "rail-width",
-              "description": "Width in rail mode",
-              "value": {
-                "type": "number|string",
-                "kind": "expression"
-              }
-            },
-            {
-              "name": "expand-on-hover",
-              "description": "Whether to expand rail on hover",
+              "name": "reverse-arrow",
+              "description": "Whether to reverse the arrow direction when collapsed",
               "value": {
                 "type": "boolean",
                 "kind": "expression"
               }
             },
             {
-              "name": "disable-resize-watcher",
-              "description": "Whether to disable resize watcher",
+              "name": "zero-width-trigger-style",
+              "description": "Custom style of zero-width trigger when collapsedWidth is 0",
               "value": {
-                "type": "boolean",
+                "type": "object",
                 "kind": "expression"
               }
             },
             {
-              "name": "disable-route-watcher",
-              "description": "Whether to disable route watcher",
+              "name": "hide-trigger",
+              "description": "Whether to hide the built-in collapse trigger, control collapse via collapsed",
               "value": {
                 "type": "boolean",
                 "kind": "expression"
@@ -4759,15 +4572,7 @@
             },
             {
               "name": "width",
-              "description": "Width",
-              "value": {
-                "type": "number|string",
-                "kind": "expression"
-              }
-            },
-            {
-              "name": "height",
-              "description": "Height of top or bottom drawer",
+              "description": "Width when expanded",
               "value": {
                 "type": "number|string",
                 "kind": "expression"
@@ -4775,118 +4580,63 @@
             },
             {
               "name": "collapsed-width",
-              "description": "Collapsed width",
-              "value": {
-                "type": "number",
-                "kind": "expression"
-              }
-            },
-            {
-              "name": "temporary",
-              "description": "Whether to use temporary drawer mode",
-              "value": {
-                "type": "boolean",
-                "kind": "expression"
-              }
-            },
-            {
-              "name": "permanent",
-              "description": "Whether to always keep the drawer active",
-              "value": {
-                "type": "boolean",
-                "kind": "expression"
-              }
-            },
-            {
-              "name": "persistent",
-              "description": "Whether temporary drawer should stay open after scrim click",
-              "value": {
-                "type": "boolean",
-                "kind": "expression"
-              }
-            },
-            {
-              "name": "mask",
-              "description": "Whether to show the temporary drawer mask",
+              "description": "Width when collapsed",
               "value": {
-                "type": "boolean",
+                "type": "number|string",
                 "kind": "expression"
               }
             },
             {
-              "name": "mask-closable",
-              "description": "Whether the drawer can be closed by clicking the mask",
+              "name": "breakpoint",
+              "description": "Responsive breakpoint, auto collapse when matched",
               "value": {
-                "type": "boolean",
+                "type": "SiderBreakpoint",
                 "kind": "expression"
               }
             },
             {
-              "name": "esc-to-close",
-              "description": "Whether temporary drawer can be closed with ESC",
+              "name": "theme",
+              "description": "Theme color, follows ConfigProvider's themeMode when not set",
               "value": {
-                "type": "boolean",
+                "type": "String as () => 'light' | 'dark'",
                 "kind": "expression"
               }
             },
             {
-              "name": "location",
-              "description": "Navigation drawer location",
+              "name": "scrollbar",
+              "description": "Scroll config, use the component Scrollbar by default; set to false for native overflow:auto, pass an object to configure Scrollbar",
               "value": {
-                "type": "(typeof SIDER_LOCATIONS)[number]",
+                "type": "boolean | ScrollbarProps",
                 "kind": "expression"
               }
             },
             {
-              "name": "floating",
-              "description": "Whether to enable floating mode",
+              "name": "temporary",
+              "description": "Temporary mode: render as a floating Drawer, opened/closed via collapsed (collapsed=true closes, false opens)",
               "value": {
                 "type": "boolean",
                 "kind": "expression"
               }
             },
             {
-              "name": "sticky",
-              "description": "Whether to enable sticky mode",
+              "name": "drawer-props",
+              "description": "Drawer passthrough config (only effective when temporary=true)",
               "value": {
-                "type": "boolean",
+                "type": "SiderTemporaryDrawerProps",
                 "kind": "expression"
               }
-            },
+            }
+          ],
+          "events": [
             {
-              "name": "reverse-arrow",
-              "description": "Flip and fold the direction of the hint arrow, which can be used when Sider is on the right",
-              "value": {
-                "type": "boolean",
-                "kind": "expression"
-              }
+              "name": "collapse",
+              "description": "Triggered when the collapsed state changes"
             },
             {
               "name": "breakpoint",
-              "description": "Trigger breakpoints for responsive layout, see [Responsive Grid](/vue/component/grid) for details",
-              "value": {
-                "type": "string",
-                "kind": "expression"
-              }
-            },
-            {
-              "name": "resize-directions",
-              "description": "Can replace the native `aside` tag with ResizeBox. This is the `directions` parameter of ResizeBox. For details, please see [ResizeBox](/vue/component/resize-box)",
-              "value": {
-                "type": "Array<'left' | 'right' | 'top' | 'bottom'>",
-                "kind": "expression"
-              }
-            },
-            {
-              "name": "hide-trigger",
-              "description": "Whether to hide the bottom fold trigger",
-              "value": {
-                "type": "boolean",
-                "kind": "expression"
-              }
+              "description": "Triggered when the responsive breakpoint match state changes"
             }
           ],
-          "events": [],
           "slots": []
         },
         {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@sdata/web-vue",
-  "version": "2.3.1",
+  "version": "2.8.0",
   "description": "SD Design Vue: A Vue.js 3 UI Library",
   "keywords": [
     "sd",
@@ -59,14 +59,14 @@
     "copy-to-clipboard": "^4.0.2",
     "cropperjs": "^2.1.1",
     "dayjs": "^1.11.21",
-    "es-toolkit": "^1.47.0",
-    "motion-v": "^2.2.1",
+    "es-toolkit": "^1.47.1",
+    "motion-v": "^2.3.0",
     "number-precision": "^1.6.0",
     "overlayscrollbars": "^2.16.0",
     "qrcode": "^1.5.4",
     "resize-observer-polyfill": "^1.5.1",
     "scroll-into-view-if-needed": "^3.1.0",
-    "vue": "^3.5.35",
+    "vue": "^3.5.38",
     "vue-virtual-scroller": "^3.0.4"
   },
   "devDependencies": {
@@ -81,26 +81,26 @@
     "@types/qrcode": "^1.5.6",
     "@vitejs/plugin-vue": "^6.0.7",
     "@vitejs/plugin-vue-jsx": "^5.1.5",
-    "@vue/test-utils": "^2.4.10",
+    "@vue/test-utils": "^2.4.11",
     "@vueuse/core": "^14.3.0",
     "clean-css": "^5.3.3",
     "fast-glob": "^3.3.3",
     "glob": "^13.0.6",
     "jest-serializer-vue": "^3.1.0",
     "jsdom": "^29.1.1",
-    "sass": "^1.100.0",
-    "semantic-release": "^25.0.3",
+    "sass": "^1.101.0",
+    "semantic-release": "^25.0.5",
     "svgo": "^4.0.1",
     "type-fest": "^5.7.0",
     "typescript": "^6.0.3",
     "vite": "^8.0.16",
     "vite-plus": "^0.1.24",
-    "vitest": "^4.1.8",
+    "vitest": "^4.1.9",
     "vue-docgen-api": "4.79.2",
-    "vue-tsc": "^3.3.3"
+    "vue-tsc": "^3.3.5"
   },
   "peerDependencies": {
-    "vue": "^3.5.35"
+    "vue": "^3.5.38"
   },
   "vetur": {
     "tags": "json/vetur-tags.json",

package/es/calendar/hooks/use-calendar-theme.d.ts

@@ -1,4 +0,0 @@
-import { type Ref } from 'vue';
-export declare function useCalendarTheme(calendarEl: Ref<HTMLElement | null>): {
-    isDark: Ref<boolean, boolean>;
-};

package/es/layout/utils.d.ts

@@ -1 +0,0 @@
-export declare const SIDER_LOCATIONS: readonly ["start", "end", "left", "right", "top", "bottom"];

package/es/layout/utils.js

@@ -1,11 +0,0 @@
-//#region components/layout/utils.ts
-var SIDER_LOCATIONS = [
-	"start",
-	"end",
-	"left",
-	"right",
-	"top",
-	"bottom"
-];
-//#endregion
-export { SIDER_LOCATIONS };