@sdata/web-vue 4.5.4 → 4.6.0

package/json/vetur-attributes.json

@@ -1903,6 +1903,53 @@
     "description": "Whether to show the back button",
     "type": "boolean"
   },
+  "sd-panel-group/orientation": {
+    "description": "Orientation, fixed at mount"
+  },
+  "sd-panel-group/reorder": {
+    "description": "Play FLIP animation when panels reorder",
+    "type": "boolean"
+  },
+  "sd-panel-group/transition": {
+    "description": "Transition for reorder animations (milliseconds)"
+  },
+  "sd-panel-separator/aria-label": {
+    "description": "Accessibility label",
+    "type": "string"
+  },
+  "sd-panel-separator/own": {
+    "description": "Internal flag: used as the panel's built-in edge grip"
+  },
+  "sd-panel/size": {
+    "description": "Controlled size in px or percent; omit for a fill panel. Panel type is fixed at mount"
+  },
+  "sd-panel/collapsed": {
+    "description": "Whether collapsed",
+    "type": "boolean"
+  },
+  "sd-panel/default-size": {
+    "description": "Size restored on double-click, defaults to the initial size"
+  },
+  "sd-panel/fold": {
+    "description": "Content styles while collapsed and expanded"
+  },
+  "sd-panel/min-size": {
+    "description": "Minimum size"
+  },
+  "sd-panel/max-size": {
+    "description": "Maximum size"
+  },
+  "sd-panel/pin": {
+    "description": "Pin content width to avoid reflow during fold animations",
+    "type": "boolean"
+  },
+  "sd-panel/keep-mounted": {
+    "description": "Keep content mounted during fold animations",
+    "type": "boolean"
+  },
+  "sd-panel/transition": {
+    "description": "Transition config (milliseconds)"
+  },
   "sd-popconfirm/popup-visible-change": {
     "description": "Triggered when the visible or hidden state of the bubble confirmation box changes"
   },
@@ -2112,30 +2159,6 @@
   "sd-regex-vis/error": {
     "description": "Triggered when regex validation changes; undefined means valid"
   },
-  "sd-resize-box/moving-start": {
-    "description": "Triggered when dragging starts"
-  },
-  "sd-resize-box/moving": {
-    "description": "Triggered when dragging"
-  },
-  "sd-resize-box/moving-end": {
-    "description": "Triggered when the drag ends"
-  },
-  "sd-resize-box/width": {
-    "description": "Width",
-    "type": "number"
-  },
-  "sd-resize-box/height": {
-    "description": "Height",
-    "type": "number"
-  },
-  "sd-resize-box/component": {
-    "description": "The html tag of the telescopic box",
-    "type": "string"
-  },
-  "sd-resize-box/directions": {
-    "description": "Can be stretched side, there are up, down, left and right can be used"
-  },
   "sd-result/status": {
     "description": "The status displayed on the result page"
   },

package/json/vetur-tags.json

@@ -906,6 +906,32 @@
   "sd-pagination": {
     "attributes": []
   },
+  "sd-panel-group": {
+    "attributes": [
+      "orientation",
+      "reorder",
+      "transition"
+    ]
+  },
+  "sd-panel-separator": {
+    "attributes": [
+      "aria-label",
+      "own"
+    ]
+  },
+  "sd-panel": {
+    "attributes": [
+      "size",
+      "collapsed",
+      "default-size",
+      "fold",
+      "min-size",
+      "max-size",
+      "pin",
+      "keep-mounted",
+      "transition"
+    ]
+  },
   "sd-popconfirm": {
     "attributes": [
       "popup-visible-change",
@@ -996,17 +1022,6 @@
       "error"
     ]
   },
-  "sd-resize-box": {
-    "attributes": [
-      "moving-start",
-      "moving",
-      "moving-end",
-      "width",
-      "height",
-      "component",
-      "directions"
-    ]
-  },
   "sd-result": {
     "attributes": [
       "status",

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": "4.5.3",
+  "version": "4.5.5",
   "contributions": {
     "html": {
       "types-syntax": "typescript",
@@ -4747,6 +4747,139 @@
           "events": [],
           "slots": []
         },
+        {
+          "name": "sd-panel-group",
+          "attributes": [
+            {
+              "name": "orientation",
+              "description": "Orientation, fixed at mount",
+              "value": {
+                "type": "union",
+                "kind": "expression"
+              }
+            },
+            {
+              "name": "reorder",
+              "description": "Play FLIP animation when panels reorder",
+              "value": {
+                "type": "boolean",
+                "kind": "expression"
+              }
+            },
+            {
+              "name": "transition",
+              "description": "Transition for reorder animations (milliseconds)",
+              "value": {
+                "type": "PanelTransition",
+                "kind": "expression"
+              }
+            }
+          ],
+          "events": [],
+          "slots": []
+        },
+        {
+          "name": "sd-panel-separator",
+          "attributes": [
+            {
+              "name": "aria-label",
+              "description": "Accessibility label",
+              "value": {
+                "type": "string",
+                "kind": "expression"
+              }
+            },
+            {
+              "name": "own",
+              "description": "Internal flag: used as the panel's built-in edge grip",
+              "value": {
+                "type": "PanelController",
+                "kind": "expression"
+              }
+            }
+          ],
+          "events": [],
+          "slots": []
+        },
+        {
+          "name": "sd-panel",
+          "attributes": [
+            {
+              "name": "size",
+              "description": "Controlled size in px or percent; omit for a fill panel. Panel type is fixed at mount",
+              "value": {
+                "type": "PanelSize",
+                "kind": "expression"
+              }
+            },
+            {
+              "name": "collapsed",
+              "description": "Whether collapsed",
+              "value": {
+                "type": "boolean",
+                "kind": "expression"
+              }
+            },
+            {
+              "name": "default-size",
+              "description": "Size restored on double-click, defaults to the initial size",
+              "value": {
+                "type": "PanelSize",
+                "kind": "expression"
+              }
+            },
+            {
+              "name": "fold",
+              "description": "Content styles while collapsed and expanded",
+              "value": {
+                "type": "PanelFold",
+                "kind": "expression"
+              }
+            },
+            {
+              "name": "min-size",
+              "description": "Minimum size",
+              "value": {
+                "type": "PanelSize",
+                "kind": "expression"
+              }
+            },
+            {
+              "name": "max-size",
+              "description": "Maximum size",
+              "value": {
+                "type": "PanelSize",
+                "kind": "expression"
+              }
+            },
+            {
+              "name": "pin",
+              "description": "Pin content width to avoid reflow during fold animations",
+              "value": {
+                "type": "boolean",
+                "kind": "expression"
+              }
+            },
+            {
+              "name": "keep-mounted",
+              "description": "Keep content mounted during fold animations",
+              "value": {
+                "type": "boolean",
+                "kind": "expression"
+              }
+            },
+            {
+              "name": "transition",
+              "description": "Transition config (milliseconds)",
+              "value": {
+                "type": "PanelTransition",
+                "kind": "expression"
+              }
+            }
+          ],
+          "events": [],
+          "slots": []
+        },
         {
           "name": "sd-popconfirm",
           "attributes": [
@@ -5263,58 +5396,6 @@
           ],
           "slots": []
         },
-        {
-          "name": "sd-resize-box",
-          "attributes": [
-            {
-              "name": "width",
-              "description": "Width",
-              "value": {
-                "type": "number",
-                "kind": "expression"
-              }
-            },
-            {
-              "name": "height",
-              "description": "Height",
-              "value": {
-                "type": "number",
-                "kind": "expression"
-              }
-            },
-            {
-              "name": "component",
-              "description": "The html tag of the telescopic box",
-              "value": {
-                "type": "string",
-                "kind": "expression"
-              }
-            },
-            {
-              "name": "directions",
-              "description": "Can be stretched side, there are up, down, left and right can be used",
-              "value": {
-                "type": "('left' | 'right' | 'top' | 'bottom')[]",
-                "kind": "expression"
-              }
-            }
-          ],
-          "events": [
-            {
-              "name": "moving-start",
-              "description": "Triggered when dragging starts"
-            },
-            {
-              "name": "moving",
-              "description": "Triggered when dragging"
-            },
-            {
-              "name": "moving-end",
-              "description": "Triggered when the drag ends"
-            }
-          ],
-          "slots": []
-        },
         {
           "name": "sd-result",
           "attributes": [

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@sdata/web-vue",
-  "version": "4.5.4",
+  "version": "4.6.0",
   "description": "SD Design Vue: A Vue.js 3 UI Library",
   "keywords": [
     "sd",
@@ -14,6 +14,7 @@
     "url": "git+https://github.com/liunnn1994/sd-design.git"
   },
   "files": [
+    "THIRD_PARTY_NOTICES.md",
     "es",
     "dist",
     "json"
@@ -71,7 +72,7 @@
     "dayjs": "^1.11.23",
     "es-toolkit": "^1.52.0",
     "lexical": "0.48.0",
-    "motion-v": "^2.4.0",
+    "motion-v": "^2.4.2",
     "number-precision": "^1.6.0",
     "overlayscrollbars": "^2.16.0",
     "pdfjs-dist": "^6.3.289",
@@ -102,13 +103,13 @@
     "cypress": "15.18.0",
     "fast-glob": "^3.3.3",
     "glob": "^13.0.6",
-    "sass": "^1.103.1",
+    "sass": "^1.104.0",
     "semantic-release": "^25.0.9",
     "svgo": "^4.1.0",
     "type-fest": "^5.9.0",
     "typescript": "npm:typescript-native-bridge@6.0.3-bridge.16.tsgo.7.0.2",
     "vite": "^8.2.2",
-    "vite-plus": "^0.1.24",
+    "vite-plus": "^0.3.1",
     "vue-docgen-api": "4.79.2",
     "vue-tsc": "^3.3.11"
   },

package/es/resize-box/index.d.ts

@@ -1,131 +0,0 @@
-import { App } from 'vue';
-import type { SDOptions } from '../_utils/types';
-import _ResizeBox from './resize-box.vue';
-declare const ResizeBox: {
-    new (...args: any[]): import("vue").CreateComponentPublicInstanceWithMixins<Readonly<import("vue").ExtractPropTypes<{
-        width: {
-            type: NumberConstructor;
-        };
-        height: {
-            type: NumberConstructor;
-        };
-        component: {
-            type: StringConstructor;
-            default: string;
-        };
-        directions: {
-            type: import("vue").PropType<('left' | 'right' | 'top' | 'bottom')[]>;
-            default: () => string[];
-        };
-    }>> & Readonly<{
-        onMoving?: ((_size: {
-            width: number;
-            height: number;
-        }, _ev: MouseEvent) => any) | undefined;
-        onMovingEnd?: ((_ev: MouseEvent) => any) | undefined;
-        onMovingStart?: ((_ev: MouseEvent) => any) | undefined;
-        "onUpdate:height"?: ((_height: number) => any) | undefined;
-        "onUpdate:width"?: ((_width: number) => any) | undefined;
-    }>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
-        moving: (_size: {
-            width: number;
-            height: number;
-        }, _ev: MouseEvent) => any;
-        movingEnd: (_ev: MouseEvent) => any;
-        movingStart: (_ev: MouseEvent) => any;
-        "update:height": (_height: number) => any;
-        "update:width": (_width: number) => any;
-    }, import("vue").PublicProps, {
-        component: string;
-        directions: ("bottom" | "left" | "right" | "top")[];
-    }, true, {}, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, {}, any, import("vue").ComponentProvideOptions, {
-        P: {};
-        B: {};
-        D: {};
-        C: {};
-        M: {};
-        Defaults: {};
-    }, Readonly<import("vue").ExtractPropTypes<{
-        width: {
-            type: NumberConstructor;
-        };
-        height: {
-            type: NumberConstructor;
-        };
-        component: {
-            type: StringConstructor;
-            default: string;
-        };
-        directions: {
-            type: import("vue").PropType<('left' | 'right' | 'top' | 'bottom')[]>;
-            default: () => string[];
-        };
-    }>> & Readonly<{
-        onMoving?: ((_size: {
-            width: number;
-            height: number;
-        }, _ev: MouseEvent) => any) | undefined;
-        onMovingEnd?: ((_ev: MouseEvent) => any) | undefined;
-        onMovingStart?: ((_ev: MouseEvent) => any) | undefined;
-        "onUpdate:height"?: ((_height: number) => any) | undefined;
-        "onUpdate:width"?: ((_width: number) => any) | undefined;
-    }>, {}, {}, {}, {}, {
-        component: string;
-        directions: ("bottom" | "left" | "right" | "top")[];
-    }>;
-    __isFragment?: never;
-    __isTeleport?: never;
-    __isSuspense?: never;
-} & import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
-    width: {
-        type: NumberConstructor;
-    };
-    height: {
-        type: NumberConstructor;
-    };
-    component: {
-        type: StringConstructor;
-        default: string;
-    };
-    directions: {
-        type: import("vue").PropType<('left' | 'right' | 'top' | 'bottom')[]>;
-        default: () => string[];
-    };
-}>> & Readonly<{
-    onMoving?: ((_size: {
-        width: number;
-        height: number;
-    }, _ev: MouseEvent) => any) | undefined;
-    onMovingEnd?: ((_ev: MouseEvent) => any) | undefined;
-    onMovingStart?: ((_ev: MouseEvent) => any) | undefined;
-    "onUpdate:height"?: ((_height: number) => any) | undefined;
-    "onUpdate:width"?: ((_width: number) => any) | undefined;
-}>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
-    moving: (_size: {
-        width: number;
-        height: number;
-    }, _ev: MouseEvent) => any;
-    movingEnd: (_ev: MouseEvent) => any;
-    movingStart: (_ev: MouseEvent) => any;
-    "update:height": (_height: number) => any;
-    "update:width": (_width: number) => any;
-}, string, {
-    component: string;
-    directions: ("bottom" | "left" | "right" | "top")[];
-}, {}, string, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, import("vue").ComponentProvideOptions> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
-    $slots: {
-        default?: (props: {}) => any;
-    } & {
-        'resize-trigger'?: (props: {
-            direction: "bottom" | "left" | "right" | "top";
-        }) => any;
-    } & {
-        'resize-trigger-icon'?: (props: {
-            direction: "bottom" | "left" | "right" | "top";
-        }) => any;
-    };
-}) & {
-    install: (app: App, options?: SDOptions) => void;
-};
-export type ResizeBoxInstance = InstanceType<typeof _ResizeBox>;
-export default ResizeBox;

package/es/resize-box/index.js

@@ -1,10 +0,0 @@
-import { getComponentPrefix, setGlobalConfig } from "../_utils/global-config.js";
-import resize_box_default from "./resize-box.js";
-//#region components/resize-box/index.ts
-var ResizeBox = Object.assign(resize_box_default, { install: (app, options) => {
-	setGlobalConfig(app, options);
-	const componentPrefix = getComponentPrefix(options);
-	app.component(componentPrefix + resize_box_default.name, resize_box_default);
-} });
-//#endregion
-export { ResizeBox as default };

package/es/resize-box/resize-box.js

@@ -1,5 +0,0 @@
-import resize_box_vue_vue_type_script_setup_true_lang_default from "./resize-box.vue_vue_type_script_setup_true_lang.js";
-//#region components/resize-box/resize-box.vue
-var resize_box_default = resize_box_vue_vue_type_script_setup_true_lang_default;
-//#endregion
-export { resize_box_default as default };

package/es/resize-box/resize-box.vue.d.vue.ts

@@ -1,74 +0,0 @@
-import { PropType } from 'vue';
-export type DirectionType = 'left' | 'right' | 'top' | 'bottom';
-declare var __VLS_9: {}, __VLS_21: {
-    direction: "bottom" | "left" | "right" | "top";
-}, __VLS_24: {
-    direction: "bottom" | "left" | "right" | "top";
-};
-type __VLS_Slots = {} & {
-    default?: (props: typeof __VLS_9) => any;
-} & {
-    'resize-trigger'?: (props: typeof __VLS_21) => any;
-} & {
-    'resize-trigger-icon'?: (props: typeof __VLS_24) => any;
-};
-declare const __VLS_base: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
-    width: {
-        type: NumberConstructor;
-    };
-    height: {
-        type: NumberConstructor;
-    };
-    component: {
-        type: StringConstructor;
-        default: string;
-    };
-    directions: {
-        type: PropType<('left' | 'right' | 'top' | 'bottom')[]>;
-        default: () => string[];
-    };
-}>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
-    moving: (_size: {
-        width: number;
-        height: number;
-    }, _ev: MouseEvent) => any;
-    movingEnd: (_ev: MouseEvent) => any;
-    movingStart: (_ev: MouseEvent) => any;
-    "update:height": (_height: number) => any;
-    "update:width": (_width: number) => any;
-}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
-    width: {
-        type: NumberConstructor;
-    };
-    height: {
-        type: NumberConstructor;
-    };
-    component: {
-        type: StringConstructor;
-        default: string;
-    };
-    directions: {
-        type: PropType<('left' | 'right' | 'top' | 'bottom')[]>;
-        default: () => string[];
-    };
-}>> & Readonly<{
-    onMoving?: ((_size: {
-        width: number;
-        height: number;
-    }, _ev: MouseEvent) => any) | undefined;
-    onMovingEnd?: ((_ev: MouseEvent) => any) | undefined;
-    onMovingStart?: ((_ev: MouseEvent) => any) | undefined;
-    "onUpdate:height"?: ((_height: number) => any) | undefined;
-    "onUpdate:width"?: ((_width: number) => any) | undefined;
-}>, {
-    component: string;
-    directions: ("bottom" | "left" | "right" | "top")[];
-}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
-declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
-declare const _default: typeof __VLS_export;
-export default _default;
-type __VLS_WithSlots<T, S> = T & {
-    new (): {
-        $slots: S;
-    };
-};