@sdata/web-vue 2.2.1 → 2.6.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.1.1",
+  "version": "2.3.1",
   "contributions": {
     "html": {
       "types-syntax": "typescript",
@@ -158,6 +158,54 @@
                 "kind": "expression"
               }
             },
+            {
+              "name": "affix",
+              "description": "Whether to wrap anchor within Affix",
+              "value": {
+                "type": "boolean",
+                "kind": "expression"
+              }
+            },
+            {
+              "name": "affix-style",
+              "description": "The style to be applied to Affix",
+              "value": {
+                "type": "CSSProperties",
+                "kind": "expression"
+              }
+            },
+            {
+              "name": "offset-top",
+              "description": "Offset from the top of the viewport",
+              "value": {
+                "type": "number",
+                "kind": "expression"
+              }
+            },
+            {
+              "name": "offset-bottom",
+              "description": "Offset from the bottom of the viewport",
+              "value": {
+                "type": "number",
+                "kind": "expression"
+              }
+            },
+            {
+              "name": "direction",
+              "description": "Direction",
+              "value": {
+                "type": "Direction",
+                "kind": "expression"
+              }
+            },
+            {
+              "name": "target-offset",
+              "description": "The offset of the baseline relative to the top of the container. The value is half of the height of the scrolling container if not specified",
+              "value": {
+                "type": "number",
+                "kind": "expression"
+              }
+            },
             {
               "name": "scroll-container",
               "description": "Scroll container",
@@ -565,6 +613,12 @@
           "events": [],
           "slots": []
         },
+        {
+          "name": "sd-border-beam",
+          "attributes": [],
+          "events": [],
+          "slots": []
+        },
         {
           "name": "sd-breadcrumb",
           "attributes": [
@@ -755,6 +809,14 @@
                 "kind": "expression"
               }
             },
+            {
+              "name": "loading-fixed-width",
+              "description": "The width of the button remains unchanged on loading.",
+              "value": {
+                "type": "boolean",
+                "kind": "expression"
+              }
+            },
             {
               "name": "disabled",
               "description": "Whether the button is disabled",
@@ -1579,6 +1641,14 @@
                 "kind": "expression"
               }
             },
+            {
+              "name": "auto-insert-space-in-button",
+              "description": "When there are two Chinese characters in the button, a space is automatically added between two Chinese characters.",
+              "value": {
+                "type": "boolean",
+                "kind": "expression"
+              }
+            },
             {
               "name": "allow-search",
               "description": "Whether to enable search by default",
@@ -1909,6 +1979,14 @@
                 "kind": "expression"
               }
             },
+            {
+              "name": "input-props",
+              "description": "Native input attributes",
+              "value": {
+                "type": "Record<string, any>[]",
+                "kind": "expression"
+              }
+            },
             {
               "name": "placeholder",
               "description": "Prompt copy",
@@ -1949,6 +2027,46 @@
                 "kind": "expression"
               }
             },
+            {
+              "name": "fixed-time",
+              "description": "Is it a fixed time?",
+              "value": {
+                "type": "boolean",
+                "kind": "expression"
+              }
+            },
+            {
+              "name": "clear-range-on-reselect",
+              "description": "When reselecting the range, the previous range will be cleared for next selection",
+              "value": {
+                "type": "boolean",
+                "kind": "expression"
+              }
+            },
+            {
+              "name": "hide-not-in-view-dates",
+              "description": "Hide gray dates that are not in the current time range in the panel",
+              "value": {
+                "type": "boolean",
+                "kind": "expression"
+              }
+            },
+            {
+              "name": "utc-offset",
+              "description": "Set the timezone offset. Set to 0 for UTC time.",
+              "value": {
+                "type": "number",
+                "kind": "expression"
+              }
+            },
+            {
+              "name": "timezone",
+              "description": "Set timezone. If `utcOffset` is set, `utcOffset` takes precedence.",
+              "value": {
+                "type": "string",
+                "kind": "expression"
+              }
+            },
             {
               "name": "disabled-input",
               "description": "Whether input is disabled with the keyboard.",
@@ -4382,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": []
         },
@@ -4536,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"
@@ -4550,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"
@@ -4575,7 +4532,7 @@
             },
             {
               "name": "collapsed",
-              "description": "Current collapsed state",
+              "description": "Current collapsed state (controlled)",
               "value": {
                 "type": "boolean",
                 "kind": "expression"
@@ -4583,63 +4540,31 @@
             },
             {
               "name": "default-collapsed",
-              "description": "The default collapsed state",
-              "value": {
-                "type": "boolean",
-                "kind": "expression"
-              }
-            },
-            {
-              "name": "collapsible",
-              "description": "Whether is collapsible",
+              "description": "Default collapsed state (uncontrolled)",
               "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",
-              "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"
@@ -4647,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"
@@ -4663,118 +4580,47 @@
             },
             {
               "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",
-              "value": {
-                "type": "boolean",
-                "kind": "expression"
-              }
-            },
-            {
-              "name": "mask-closable",
-              "description": "Whether the drawer can be closed by clicking the mask",
+              "description": "Width when collapsed",
               "value": {
-                "type": "boolean",
+                "type": "number|string",
                 "kind": "expression"
               }
             },
             {
-              "name": "esc-to-close",
-              "description": "Whether temporary drawer can be closed with ESC",
+              "name": "breakpoint",
+              "description": "Responsive breakpoint, auto collapse when matched",
               "value": {
-                "type": "boolean",
+                "type": "SiderBreakpoint",
                 "kind": "expression"
               }
             },
             {
-              "name": "location",
-              "description": "Navigation drawer location",
+              "name": "theme",
+              "description": "Theme color, follows ConfigProvider's themeMode when not set",
               "value": {
-                "type": "(typeof SIDER_LOCATIONS)[number]",
+                "type": "String as () => 'light' | 'dark'",
                 "kind": "expression"
               }
             },
             {
-              "name": "floating",
-              "description": "Whether to enable floating mode",
-              "value": {
-                "type": "boolean",
-                "kind": "expression"
-              }
-            },
-            {
-              "name": "sticky",
-              "description": "Whether to enable sticky mode",
+              "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": "boolean",
+                "type": "boolean | ScrollbarProps",
                 "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.2.1",
+  "version": "2.6.0",
   "description": "SD Design Vue: A Vue.js 3 UI Library",
   "keywords": [
     "sd",
@@ -60,7 +60,7 @@
     "cropperjs": "^2.1.1",
     "dayjs": "^1.11.21",
     "es-toolkit": "^1.47.0",
-    "motion-v": "^2.2.1",
+    "motion-v": "^2.3.0",
     "number-precision": "^1.6.0",
     "overlayscrollbars": "^2.16.0",
     "qrcode": "^1.5.4",
@@ -81,7 +81,7 @@
     "@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",
@@ -89,7 +89,7 @@
     "jest-serializer-vue": "^3.1.0",
     "jsdom": "^29.1.1",
     "sass": "^1.100.0",
-    "semantic-release": "^25.0.3",
+    "semantic-release": "^25.0.5",
     "svgo": "^4.0.1",
     "type-fest": "^5.7.0",
     "typescript": "^6.0.3",
@@ -97,7 +97,7 @@
     "vite-plus": "^0.1.24",
     "vitest": "^4.1.8",
     "vue-docgen-api": "4.79.2",
-    "vue-tsc": "^3.3.3"
+    "vue-tsc": "^3.3.4"
   },
   "peerDependencies": {
     "vue": "^3.5.35"

package/es/_components/render-function.d.ts

@@ -1,14 +0,0 @@
-import { PropType, VNodeTypes } from 'vue';
-export type RenderFunc = (props: Record<string, unknown>) => VNodeTypes;
-declare const _default: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
-    renderFunc: {
-        type: PropType<RenderFunc>;
-        required: true;
-    };
-}>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
-    renderFunc: {
-        type: PropType<RenderFunc>;
-        required: true;
-    };
-}>> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
-export default _default;

package/es/_components/render-function.js

@@ -1,14 +0,0 @@
-import { defineComponent } from "vue";
-//#region components/_components/render-function.ts
-var render_function_default = defineComponent({
-	name: "RenderFunction",
-	props: { renderFunc: {
-		type: Function,
-		required: true
-	} },
-	render() {
-		return this.renderFunc(this.$attrs);
-	}
-});
-//#endregion
-export { render_function_default as default };

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 };