@sdata/web-vue 1.18.0 → 2.1.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": "1.14.0",
+  "version": "1.19.0",
   "contributions": {
     "html": {
       "types-syntax": "typescript",
@@ -824,69 +824,10 @@
           ]
         },
         {
-          "name": "sd-calendar",
-          "attributes": [
-            {
-              "name": "model-value",
-              "description": "Value",
-              "value": {
-                "type": "date",
-                "kind": "expression"
-              }
-            },
-            {
-              "name": "default-value",
-              "description": "Default value (uncontrolled state)",
-              "value": {
-                "type": "date",
-                "kind": "expression"
-              }
-            },
-            {
-              "name": "mode",
-              "description": "Mode",
-              "value": {
-                "type": "string",
-                "kind": "expression"
-              }
-            },
-            {
-              "name": "default-mode",
-              "description": "Default Mode",
-              "value": {
-                "type": "string",
-                "kind": "expression"
-              }
-            },
-            {
-              "name": "modes",
-              "description": "Displayed mode",
-              "value": {
-                "type": "('month' | 'year')[]",
-                "kind": "expression"
-              }
-            }
-          ],
-          "events": [
-            {
-              "name": "change",
-              "description": "Emitted when the button is clicked"
-            },
-            {
-              "name": "panel-change",
-              "description": "Emitted when the button is clicked"
-            }
-          ],
-          "slots": [
-            {
-              "name": "header",
-              "description": "Custom header content"
-            },
-            {
-              "name": "default",
-              "description": "Custom cell content"
-            }
-          ]
+          "name": "sd-components",
+          "attributes": [],
+          "events": [],
+          "slots": []
         },
         {
           "name": "sd-card",
@@ -1150,13 +1091,13 @@
           "slots": []
         },
         {
-          "name": "sdcascader-panel",
+          "name": "sd-cascader-panel",
           "attributes": [],
           "events": [],
           "slots": []
         },
         {
-          "name": "sdcascader",
+          "name": "sd-cascader",
           "attributes": [],
           "events": [],
           "slots": []
@@ -1796,7 +1737,7 @@
           ]
         },
         {
-          "name": "sdcopy",
+          "name": "sd-copy",
           "attributes": [],
           "events": [
             {
@@ -1807,7 +1748,7 @@
           "slots": []
         },
         {
-          "name": "sdcropper",
+          "name": "sd-cropper",
           "attributes": [
             {
               "name": "src",
@@ -2324,6 +2265,14 @@
                 "kind": "expression"
               }
             },
+            {
+              "name": "title-ellipsis-tooltip",
+              "description": "Tooltip behavior when the title is ellipsized. Uses the component tooltip by default, or falls back to the native browser title when set to false.",
+              "value": {
+                "type": "boolean | EllipsisTooltipProps",
+                "kind": "expression"
+              }
+            },
             {
               "name": "mask",
               "description": "Whether to show the mask",
@@ -4588,7 +4537,7 @@
           "slots": []
         },
         {
-          "name": "sdjson-form",
+          "name": "sd-json-form",
           "attributes": [],
           "events": [],
           "slots": []
@@ -4616,7 +4565,7 @@
           ]
         },
         {
-          "name": "sdheader",
+          "name": "sd-header",
           "attributes": [
             {
               "name": "title",
@@ -5018,7 +4967,7 @@
           ]
         },
         {
-          "name": "sdlink",
+          "name": "sd-link",
           "attributes": [
             {
               "name": "href",
@@ -6185,6 +6134,138 @@
           "events": [],
           "slots": []
         },
+        {
+          "name": "sd-qr-code",
+          "attributes": [
+            {
+              "name": "value",
+              "description": "Text encoded in the QR code",
+              "value": {
+                "type": "QrCodeValue",
+                "kind": "expression"
+              }
+            },
+            {
+              "name": "type",
+              "description": "Render type",
+              "value": {
+                "type": "QrCodeType",
+                "kind": "expression"
+              }
+            },
+            {
+              "name": "icon",
+              "description": "Image source rendered at the center of QR code",
+              "value": {
+                "type": "string",
+                "kind": "expression"
+              }
+            },
+            {
+              "name": "icon-alt",
+              "description": "Image alt text",
+              "value": {
+                "type": "string",
+                "kind": "expression"
+              }
+            },
+            {
+              "name": "size",
+              "description": "QR code size",
+              "value": {
+                "type": "number",
+                "kind": "expression"
+              }
+            },
+            {
+              "name": "icon-size",
+              "description": "Center image size",
+              "value": {
+                "type": "QrCodeIconSize",
+                "kind": "expression"
+              }
+            },
+            {
+              "name": "color",
+              "description": "Foreground color of QR code",
+              "value": {
+                "type": "string",
+                "kind": "expression"
+              }
+            },
+            {
+              "name": "bg-color",
+              "description": "Background color of QR code",
+              "value": {
+                "type": "string",
+                "kind": "expression"
+              }
+            },
+            {
+              "name": "bordered",
+              "description": "Whether to show border",
+              "value": {
+                "type": "boolean",
+                "kind": "expression"
+              }
+            },
+            {
+              "name": "error-level",
+              "description": "Error correction level",
+              "value": {
+                "type": "QrCodeErrorLevel",
+                "kind": "expression"
+              }
+            },
+            {
+              "name": "boost-level",
+              "description": "Whether to enable boost-level optimization",
+              "value": {
+                "type": "boolean",
+                "kind": "expression"
+              }
+            },
+            {
+              "name": "margin-size",
+              "description": "Margin size in module units",
+              "value": {
+                "type": "number",
+                "kind": "expression"
+              }
+            },
+            {
+              "name": "status",
+              "description": "QR code status",
+              "value": {
+                "type": "QrCodeStatusType",
+                "kind": "expression"
+              }
+            },
+            {
+              "name": "status-render",
+              "description": "Custom status renderer",
+              "value": {
+                "type": "(info: QrCodeStatusRenderInfo) => VNodeChild",
+                "kind": "expression"
+              }
+            },
+            {
+              "name": "spin-props",
+              "description": "Spin props for loading status",
+              "value": {
+                "type": "SpinProps",
+                "kind": "expression"
+              }
+            }
+          ],
+          "events": [
+            {
+              "name": "refresh",
+              "description": "Triggered when refresh action is clicked"
+            }
+          ],
+          "slots": []
+        },
         {
           "name": "sd-radio",
           "attributes": [
@@ -6618,7 +6699,7 @@
           "slots": []
         },
         {
-          "name": "sdsecret",
+          "name": "sd-secret",
           "attributes": [
             {
               "name": "text",
@@ -6648,81 +6729,6 @@
           "events": [],
           "slots": []
         },
-        {
-          "name": "sd-optgroup",
-          "attributes": [
-            {
-              "name": "label",
-              "description": "Title of option group",
-              "value": {
-                "type": "string",
-                "kind": "expression"
-              }
-            }
-          ],
-          "events": [],
-          "slots": [
-            {
-              "name": "label",
-              "description": "Title of option group"
-            }
-          ]
-        },
-        {
-          "name": "sd-option",
-          "attributes": [
-            {
-              "name": "value",
-              "description": "Option value (if not filled, it will be obtained from the content)",
-              "value": {
-                "type": "string|number|boolean|object",
-                "kind": "expression"
-              }
-            },
-            {
-              "name": "label",
-              "description": "Option label (if not filled, it will be obtained from the content)",
-              "value": {
-                "type": "string",
-                "kind": "expression"
-              }
-            },
-            {
-              "name": "disabled",
-              "description": "Whether to disable",
-              "value": {
-                "type": "boolean",
-                "kind": "expression"
-              }
-            },
-            {
-              "name": "tag-props",
-              "description": "Displayed tag attributes",
-              "value": {
-                "type": "TagProps",
-                "kind": "expression"
-              }
-            },
-            {
-              "name": "extra",
-              "description": "Extra data",
-              "value": {
-                "type": "object",
-                "kind": "expression"
-              }
-            },
-            {
-              "name": "index",
-              "description": "index for manually specifying option",
-              "value": {
-                "type": "number",
-                "kind": "expression"
-              }
-            }
-          ],
-          "events": [],
-          "slots": []
-        },
         {
           "name": "sd-select",
           "attributes": [],
@@ -8450,7 +8456,7 @@
           ]
         },
         {
-          "name": "sdtag-group",
+          "name": "sd-tag-group",
           "attributes": [
             {
               "name": "max-count",
@@ -8487,7 +8493,7 @@
               "name": "color",
               "description": "Label color",
               "value": {
-                "type": "TagColor | string",
+                "type": "string",
                 "kind": "expression"
               }
             },
@@ -8583,7 +8589,7 @@
               "name": "ellipsis-line-clamp",
               "description": "Maximum number of displayed lines for ellipsis content",
               "value": {
-                "type": "number | string",
+                "type": "number|string",
                 "kind": "expression"
               }
             },
@@ -8591,7 +8597,7 @@
               "name": "ellipsis-expand-trigger",
               "description": "Trigger mode for ellipsis expansion",
               "value": {
-                "type": "'click'",
+                "type": "String as () => 'click'",
                 "kind": "expression"
               }
             },
@@ -8610,6 +8616,22 @@
                 "type": "boolean",
                 "kind": "expression"
               }
+            },
+            {
+              "name": "text-color",
+              "description": "Text color for custom color tags, only effective when using a custom color",
+              "value": {
+                "type": "string",
+                "kind": "expression"
+              }
+            },
+            {
+              "name": "background-alpha",
+              "description": "Background opacity for custom color tags, only effective when using a custom color, default 0.8",
+              "value": {
+                "type": "number",
+                "kind": "expression"
+              }
             }
           ],
           "events": [
@@ -8622,16 +8644,7 @@
               "description": "Emitted when the user check (emit only in the checkable mode)"
             }
           ],
-          "slots": [
-            {
-              "name": "icon",
-              "description": "Icon"
-            },
-            {
-              "name": "close-icon",
-              "description": "Close button icon"
-            }
-          ]
+          "slots": []
         },
         {
           "name": "sd-textarea",
@@ -8758,7 +8771,7 @@
           "slots": []
         },
         {
-          "name": "sdtheme-provider",
+          "name": "sd-theme-provider",
           "attributes": [],
           "events": [],
           "slots": []
@@ -9213,6 +9226,12 @@
             }
           ]
         },
+        {
+          "name": "sd-tour",
+          "attributes": [],
+          "events": [],
+          "slots": []
+        },
         {
           "name": "sd-transfer",
           "attributes": [

package/package.json

@@ -1,12 +1,12 @@
 {
   "name": "@sdata/web-vue",
-  "version": "1.18.0",
+  "version": "2.1.0",
   "description": "SD Design Vue: A Vue.js 3 UI Library",
   "keywords": [
     "sd",
     "vue"
   ],
-  "homepage": "https://sd.design/vue",
+  "homepage": "https://sd-design.js.org",
   "license": "AGPL-3.0-only",
   "author": "SData FE Team",
   "repository": {
@@ -54,20 +54,23 @@
     "@arco-design/color": "^0.4.0",
     "b-tween": "^0.3.3",
     "b-validate": "^1.5.3",
+    "chroma-js": "^3.2.0",
     "compute-scroll-into-view": "^3.1.1",
     "copy-to-clipboard": "^4.0.2",
     "cropperjs": "^2.1.1",
-    "dayjs": "^1.11.20",
-    "es-toolkit": "^1.46.1",
+    "dayjs": "^1.11.21",
+    "es-toolkit": "^1.47.0",
+    "motion-v": "^2.2.1",
     "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.34",
-    "vue-virtual-scroller": "^3.0.3"
+    "vue": "^3.5.35",
+    "vue-virtual-scroller": "^3.0.4"
   },
   "devDependencies": {
-    "@babel/types": "^7.29.0",
+    "@babel/types": "^7.29.7",
     "@semantic-release/changelog": "^6.0.3",
     "@semantic-release/commit-analyzer": "^13.0.1",
     "@semantic-release/exec": "^7.1.0",
@@ -75,7 +78,8 @@
     "@semantic-release/github": "^12.0.8",
     "@semantic-release/release-notes-generator": "^14.1.1",
     "@types/clean-css": "^4.2.11",
-    "@vitejs/plugin-vue": "^6.0.6",
+    "@types/qrcode": "^1.5.6",
+    "@vitejs/plugin-vue": "^6.0.7",
     "@vitejs/plugin-vue-jsx": "^5.1.5",
     "@vue/test-utils": "^2.4.10",
     "@vueuse/core": "^14.3.0",
@@ -84,19 +88,19 @@
     "glob": "^13.0.6",
     "jest-serializer-vue": "^3.1.0",
     "jsdom": "^29.1.1",
-    "sass": "^1.99.0",
+    "sass": "^1.100.0",
     "semantic-release": "^25.0.3",
     "svgo": "^4.0.1",
-    "type-fest": "^5.6.0",
+    "type-fest": "^5.7.0",
     "typescript": "^6.0.3",
-    "vite": "^8.0.13",
-    "vite-plus": "^0.1.20",
-    "vitest": "^4.1.5",
+    "vite": "^8.0.16",
+    "vite-plus": "^0.1.24",
+    "vitest": "^4.1.8",
     "vue-docgen-api": "4.79.2",
-    "vue-tsc": "^3.2.6"
+    "vue-tsc": "^3.3.3"
   },
   "peerDependencies": {
-    "vue": "^3.5.34"
+    "vue": "^3.5.35"
   },
   "vetur": {
     "tags": "json/vetur-tags.json",

package/es/calendar/calendar.d.ts

@@ -1,104 +0,0 @@
-import { PropType } from 'vue';
-declare const _default: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
-    modelValue: {
-        type: DateConstructor;
-        default: undefined;
-    };
-    defaultValue: {
-        type: DateConstructor;
-    };
-    mode: {
-        type: PropType<"month" | "year">;
-    };
-    defaultMode: {
-        type: PropType<"month" | "year">;
-        default: string;
-    };
-    modes: {
-        type: PropType<("month" | "year")[]>;
-        default: () => string[];
-    };
-    allowSelect: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
-    panel: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
-    panelWidth: {
-        type: NumberConstructor;
-    };
-    panelTodayBtn: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
-    dayStartOfWeek: {
-        type: PropType<0 | 1>;
-        default: number;
-    };
-    isWeek: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
-}>, () => import("vue/jsx-runtime").JSX.Element, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
-    'update:modelValue': (_date: Date) => true;
-    change: (_date: Date) => true;
-    panelChange: (_date: Date) => true;
-}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
-    modelValue: {
-        type: DateConstructor;
-        default: undefined;
-    };
-    defaultValue: {
-        type: DateConstructor;
-    };
-    mode: {
-        type: PropType<"month" | "year">;
-    };
-    defaultMode: {
-        type: PropType<"month" | "year">;
-        default: string;
-    };
-    modes: {
-        type: PropType<("month" | "year")[]>;
-        default: () => string[];
-    };
-    allowSelect: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
-    panel: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
-    panelWidth: {
-        type: NumberConstructor;
-    };
-    panelTodayBtn: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
-    dayStartOfWeek: {
-        type: PropType<0 | 1>;
-        default: number;
-    };
-    isWeek: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
-}>> & Readonly<{
-    onChange?: ((_date: Date) => any) | undefined;
-    "onUpdate:modelValue"?: ((_date: Date) => any) | undefined;
-    onPanelChange?: ((_date: Date) => any) | undefined;
-}>, {
-    modelValue: Date;
-    isWeek: boolean;
-    dayStartOfWeek: 0 | 1;
-    panel: boolean;
-    modes: ("month" | "year")[];
-    defaultMode: "month" | "year";
-    allowSelect: boolean;
-    panelTodayBtn: boolean;
-}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
-export default _default;