@sdata/web-vue 3.12.0 → 3.14.0

package/es/verification-code/verification-code.js

@@ -49,7 +49,10 @@ var verification_code_default = /* @__PURE__ */ defineComponent({
 		* @zh 只读
 		* @en Readonly
 		*/
-		readonly: Boolean,
+		readonly: {
+			type: [Boolean, String],
+			default: false
+		},
 		/**
 		* @zh 是否为错误状态
 		* @en Whether it is an error state
@@ -181,7 +184,11 @@ var verification_code_default = /* @__PURE__ */ defineComponent({
 			updateValue();
 		};
 		return () => {
-			return createVNode("div", { "class": prefixCls }, [innerValue.value.map((c, i) => {
+			return createVNode("div", {
+				"class": prefixCls,
+				"role": "group",
+				"aria-label": "Verification code"
+			}, [innerValue.value.map((c, i) => {
 				var _props$separator;
 				return createVNode(Fragment, null, [createVNode(Input, mergeProps({
 					"key": i,
@@ -193,6 +200,7 @@ var verification_code_default = /* @__PURE__ */ defineComponent({
 					"error": props.error,
 					"disabled": props.disabled,
 					"readonly": props.readonly,
+					"inputAttrs": { "aria-label": `Character ${i + 1} of ${props.length}` },
 					"onFocus": () => focusFirstEmptyInput(i),
 					"onInput": (v, e) => handleInput(i, v, e)
 				}, {

package/json/vetur-attributes.json

@@ -129,6 +129,10 @@
     "description": "Whether to disable",
     "type": "boolean"
   },
+  "sd-auto-complete/readonly": {
+    "description": "Whether it is read-only",
+    "type": "boolean|string"
+  },
   "sd-auto-complete/data": {
     "description": "Data used for auto-complete"
   },
@@ -336,6 +340,9 @@
     "description": "Set up a jump link. When this property is set, the button is rendered as `<a>`",
     "type": "string"
   },
+  "sd-button/tooltip": {
+    "description": "Tooltip configuration for the button. A string is used as the tooltip content; an object inherits all Tooltip props."
+  },
   "sd-card/bordered": {
     "description": "Whether to render the border",
     "type": "boolean"
@@ -366,6 +373,13 @@
     "description": "Content to render in the top-right corner of the card",
     "type": "string"
   },
+  "sd-card/full-height": {
+    "description": "Whether to fill the height of the parent container (the content area scrolls automatically, only effective when the parent container has a determinate height)",
+    "type": "boolean"
+  },
+  "sd-card/scrollbar": {
+    "description": "Whether the content area uses the Scrollbar component for scrolling, an object can be passed to customize the scrollbar. When false, native overflow scrolling is used. Only effective when `full-height` is true"
+  },
   "sd-card-grid/hoverable": {
     "description": "Whether to hover",
     "type": "boolean"
@@ -449,6 +463,10 @@
     "description": "Whether it is half-selected",
     "type": "boolean"
   },
+  "sd-checkbox/tabindex": {
+    "description": "tabindex for the native input (omitted by default so the input stays natively focusable; pass -1 in tree nodes to remove the checkbox from the Tab order and operate it via the treeitem)",
+    "type": "number|string"
+  },
   "sd-checkbox-group/change": {
     "description": "Trigger when the value changes"
   },
@@ -560,6 +578,10 @@
     "description": "Disabled",
     "type": "boolean"
   },
+  "sd-color-picker/readonly": {
+    "description": "Whether it is read-only",
+    "type": "boolean|string"
+  },
   "sd-color-picker/hide-trigger": {
     "description": "Render panel inline",
     "type": "boolean"
@@ -1678,9 +1700,9 @@
     "description": "Trigger event for `v-model`",
     "type": "string"
   },
-  "sd-input-number/read-only": {
+  "sd-input-number/readonly": {
     "description": "Readonly",
-    "type": "boolean"
+    "type": "boolean|string"
   },
   "sd-input-number/input-attrs": {
     "description": "Attributes of inner input elements",
@@ -1735,7 +1757,7 @@
   },
   "sd-input-tag/readonly": {
     "description": "Whether it is read-only mode",
-    "type": "boolean"
+    "type": "boolean|string"
   },
   "sd-input-tag/allow-clear": {
     "description": "Whether to allow clear",
@@ -1803,7 +1825,7 @@
   },
   "sd-input/readonly": {
     "description": "Whether it is read-only",
-    "type": "boolean"
+    "type": "boolean|string"
   },
   "sd-input/error": {
     "description": "Whether it is an error state",
@@ -2099,6 +2121,10 @@
     "description": "Whether to disable",
     "type": "boolean"
   },
+  "sd-mention/readonly": {
+    "description": "Whether it is read-only",
+    "type": "boolean|string"
+  },
   "sd-mention/allow-clear": {
     "description": "Whether to allow the input to be cleared",
     "type": "boolean"
@@ -2665,7 +2691,7 @@
   },
   "sd-rate/readonly": {
     "description": "Whether it is readonly",
-    "type": "boolean"
+    "type": "boolean|string"
   },
   "sd-rate/disabled": {
     "description": "Whether to disable",
@@ -2756,6 +2782,10 @@
     "description": "Whether to show the copy button",
     "type": "boolean"
   },
+  "sd-select/readonly": {
+    "description": "Whether it is read-only",
+    "type": "boolean|string"
+  },
   "sd-line/rows": {
     "description": "Number of rows displayed",
     "type": "number"
@@ -3427,6 +3457,13 @@
   "sd-tabs/scroll-position": {
     "description": "The scroll position of the selected tab, the default auto will scroll the activeTab to the visible area, but will not adjust the position intentionally"
   },
+  "sd-tabs/full-height": {
+    "description": "Whether to fill the height of the parent container (only effective in horizontal direction, the content area scrolls automatically)",
+    "type": "boolean"
+  },
+  "sd-tabs/scrollbar": {
+    "description": "Whether the content area uses the Scrollbar component for scrolling, an object can be passed to customize the scrollbar. When false, native overflow scrolling is used. Only effective when `full-height` is true"
+  },
   "sd-tag-group/max-count": {
     "description": "Maximum number of visible items. Use `responsive` to collapse by container width."
   },
@@ -3543,6 +3580,10 @@
     "description": "Whether to disable",
     "type": "boolean"
   },
+  "sd-textarea/readonly": {
+    "description": "Whether it is read-only",
+    "type": "boolean|string"
+  },
   "sd-textarea/error": {
     "description": "Whether it is an error state",
     "type": "boolean"
@@ -3602,7 +3643,7 @@
   },
   "sd-time-picker/readonly": {
     "description": "Whether it is read-only mode",
-    "type": "boolean"
+    "type": "boolean|string"
   },
   "sd-time-picker/error": {
     "description": "Whether it is an error state",
@@ -3889,6 +3930,10 @@
     "description": "Whether to disable",
     "type": "boolean"
   },
+  "sd-tree-select/readonly": {
+    "description": "Whether it is read-only",
+    "type": "boolean|string"
+  },
   "sd-tree-select/loading": {
     "description": "Whether it is loading state",
     "type": "boolean"
@@ -4312,6 +4357,17 @@
     "description": "Scroll threshold, trigger close when the scroll distance exceeds this value",
     "type": "number"
   },
+  "sd-trigger/esc-to-close": {
+    "description": "Whether to close the popup with the ESC key",
+    "type": "boolean"
+  },
+  "sd-trigger/aria-has-popup": {
+    "description": "Popup type for the trigger's `aria-haspopup`. When set, the trigger automatically gets `aria-haspopup` / `aria-expanded` / `aria-controls`, and the popup gets an id."
+  },
+  "sd-trigger/aria-describedby-popup": {
+    "description": "Whether to add `aria-describedby` on the trigger pointing to the popup (tooltip pattern). Only applied while the popup is visible.",
+    "type": "boolean"
+  },
   "sd-typography-paragraph/blockquote": {
     "description": "Whether enable blockquote",
     "type": "boolean"
@@ -4487,7 +4543,7 @@
   },
   "sd-verification-code/readonly": {
     "description": "Readonly",
-    "type": "boolean"
+    "type": "boolean|string"
   },
   "sd-verification-code/error": {
     "description": "Whether it is an error state",

package/json/vetur-tags.json

@@ -54,6 +54,7 @@
       "model-value",
       "default-value",
       "disabled",
+      "readonly",
       "data",
       "popup-container",
       "strict",
@@ -148,7 +149,8 @@
       "disabled",
       "html-type",
       "autofocus",
-      "href"
+      "href",
+      "tooltip"
     ]
   },
   "sd-components": {
@@ -163,7 +165,9 @@
       "header-style",
       "body-style",
       "title",
-      "extra"
+      "extra",
+      "full-height",
+      "scrollbar"
     ]
   },
   "sd-card-grid": {
@@ -211,7 +215,8 @@
       "default-checked",
       "value",
       "disabled",
-      "indeterminate"
+      "indeterminate",
+      "tabindex"
     ]
   },
   "sd-checkbox-group": {
@@ -260,6 +265,7 @@
       "default-recent-colors",
       "swatch-colors",
       "disabled",
+      "readonly",
       "hide-trigger",
       "trigger-props"
     ]
@@ -693,7 +699,7 @@
       "size",
       "allow-clear",
       "model-event",
-      "read-only",
+      "readonly",
       "input-attrs"
     ]
   },
@@ -871,6 +877,7 @@
       "split",
       "type",
       "disabled",
+      "readonly",
       "allow-clear"
     ]
   },
@@ -1134,7 +1141,9 @@
     ]
   },
   "sd-select": {
-    "attributes": []
+    "attributes": [
+      "readonly"
+    ]
   },
   "sd-selectable-card": {
     "attributes": []
@@ -1404,7 +1413,9 @@
       "auto-switch",
       "hide-content",
       "trigger",
-      "scroll-position"
+      "scroll-position",
+      "full-height",
+      "scrollbar"
     ]
   },
   "sd-tag-group": {
@@ -1449,6 +1460,7 @@
       "default-value",
       "placeholder",
       "disabled",
+      "readonly",
       "error",
       "max-length",
       "show-word-limit",
@@ -1582,6 +1594,7 @@
       "clear",
       "input-value-change",
       "disabled",
+      "readonly",
       "loading",
       "error",
       "size",
@@ -1709,7 +1722,10 @@
       "render-to-body",
       "prevent-focus",
       "scroll-to-close",
-      "scroll-to-close-distance"
+      "scroll-to-close-distance",
+      "esc-to-close",
+      "aria-has-popup",
+      "aria-describedby-popup"
     ]
   },
   "sd-typography-paragraph": {

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": "3.11.0",
+  "version": "3.13.0",
   "contributions": {
     "html": {
       "types-syntax": "typescript",
@@ -270,6 +270,14 @@
                 "kind": "expression"
               }
             },
+            {
+              "name": "readonly",
+              "description": "Whether it is read-only",
+              "value": {
+                "type": "boolean|string",
+                "kind": "expression"
+              }
+            },
             {
               "name": "data",
               "description": "Data used for auto-complete",
@@ -856,6 +864,14 @@
                 "type": "string",
                 "kind": "expression"
               }
+            },
+            {
+              "name": "tooltip",
+              "description": "Tooltip configuration for the button. A string is used as the tooltip content; an object inherits all Tooltip props.",
+              "value": {
+                "type": "string | TooltipProps",
+                "kind": "expression"
+              }
             }
           ],
           "events": [
@@ -938,6 +954,22 @@
                 "type": "string",
                 "kind": "expression"
               }
+            },
+            {
+              "name": "full-height",
+              "description": "Whether to fill the height of the parent container (the content area scrolls automatically, only effective when the parent container has a determinate height)",
+              "value": {
+                "type": "boolean",
+                "kind": "expression"
+              }
+            },
+            {
+              "name": "scrollbar",
+              "description": "Whether the content area uses the Scrollbar component for scrolling, an object can be passed to customize the scrollbar. When false, native overflow scrolling is used. Only effective when `full-height` is true",
+              "value": {
+                "type": "boolean | ScrollbarProps",
+                "kind": "expression"
+              }
             }
           ],
           "events": [],
@@ -1187,6 +1219,14 @@
                 "type": "boolean",
                 "kind": "expression"
               }
+            },
+            {
+              "name": "tabindex",
+              "description": "tabindex for the native input (omitted by default so the input stays natively focusable; pass -1 in tree nodes to remove the checkbox from the Tab order and operate it via the treeitem)",
+              "value": {
+                "type": "number|string",
+                "kind": "expression"
+              }
             }
           ],
           "events": [
@@ -1482,6 +1522,14 @@
                 "kind": "expression"
               }
             },
+            {
+              "name": "readonly",
+              "description": "Whether it is read-only",
+              "value": {
+                "type": "boolean|string",
+                "kind": "expression"
+              }
+            },
             {
               "name": "hide-trigger",
               "description": "Render panel inline",
@@ -4051,10 +4099,10 @@
               }
             },
             {
-              "name": "read-only",
+              "name": "readonly",
               "description": "Readonly",
               "value": {
-                "type": "boolean",
+                "type": "boolean|string",
                 "kind": "expression"
               }
             },
@@ -4183,7 +4231,7 @@
               "name": "readonly",
               "description": "Whether it is read-only mode",
               "value": {
-                "type": "boolean",
+                "type": "boolean|string",
                 "kind": "expression"
               }
             },
@@ -4344,7 +4392,7 @@
               "name": "readonly",
               "description": "Whether it is read-only",
               "value": {
-                "type": "boolean",
+                "type": "boolean|string",
                 "kind": "expression"
               }
             },
@@ -5102,6 +5150,14 @@
                 "kind": "expression"
               }
             },
+            {
+              "name": "readonly",
+              "description": "Whether it is read-only",
+              "value": {
+                "type": "boolean|string",
+                "kind": "expression"
+              }
+            },
             {
               "name": "allow-clear",
               "description": "Whether to allow the input to be cleared",
@@ -6490,7 +6546,7 @@
               "name": "readonly",
               "description": "Whether it is readonly",
               "value": {
-                "type": "boolean",
+                "type": "boolean|string",
                 "kind": "expression"
               }
             },
@@ -6736,7 +6792,16 @@
         },
         {
           "name": "sd-select",
-          "attributes": [],
+          "attributes": [
+            {
+              "name": "readonly",
+              "description": "Whether it is read-only",
+              "value": {
+                "type": "boolean|string",
+                "kind": "expression"
+              }
+            }
+          ],
           "events": [],
           "slots": []
         },
@@ -8356,6 +8421,22 @@
                 "type": "ScrollPosition",
                 "kind": "expression"
               }
+            },
+            {
+              "name": "full-height",
+              "description": "Whether to fill the height of the parent container (only effective in horizontal direction, the content area scrolls automatically)",
+              "value": {
+                "type": "boolean",
+                "kind": "expression"
+              }
+            },
+            {
+              "name": "scrollbar",
+              "description": "Whether the content area uses the Scrollbar component for scrolling, an object can be passed to customize the scrollbar. When false, native overflow scrolling is used. Only effective when `full-height` is true",
+              "value": {
+                "type": "boolean | ScrollbarProps",
+                "kind": "expression"
+              }
             }
           ],
           "events": [
@@ -8609,6 +8690,14 @@
                 "kind": "expression"
               }
             },
+            {
+              "name": "readonly",
+              "description": "Whether it is read-only",
+              "value": {
+                "type": "boolean|string",
+                "kind": "expression"
+              }
+            },
             {
               "name": "error",
               "description": "Whether it is an error state",
@@ -8751,7 +8840,7 @@
               "name": "readonly",
               "description": "Whether it is read-only mode",
               "value": {
-                "type": "boolean",
+                "type": "boolean|string",
                 "kind": "expression"
               }
             },
@@ -9258,7 +9347,7 @@
               "name": "popup-container",
               "description": "Mount container for popup",
               "value": {
-                "type": "string | HTMLElement",
+                "type": "union",
                 "kind": "expression"
               }
             }
@@ -9412,6 +9501,14 @@
                 "kind": "expression"
               }
             },
+            {
+              "name": "readonly",
+              "description": "Whether it is read-only",
+              "value": {
+                "type": "boolean|string",
+                "kind": "expression"
+              }
+            },
             {
               "name": "loading",
               "description": "Whether it is loading state",
@@ -10339,6 +10436,30 @@
                 "type": "number",
                 "kind": "expression"
               }
+            },
+            {
+              "name": "esc-to-close",
+              "description": "Whether to close the popup with the ESC key",
+              "value": {
+                "type": "boolean",
+                "kind": "expression"
+              }
+            },
+            {
+              "name": "aria-has-popup",
+              "description": "Popup type for the trigger's `aria-haspopup`. When set, the trigger automatically gets `aria-haspopup` / `aria-expanded` / `aria-controls`, and the popup gets an id.",
+              "value": {
+                "type": "boolean | 'menu' | 'listbox' | 'tree' | 'grid' | 'dialog'",
+                "kind": "expression"
+              }
+            },
+            {
+              "name": "aria-describedby-popup",
+              "description": "Whether to add `aria-describedby` on the trigger pointing to the popup (tooltip pattern). Only applied while the popup is visible.",
+              "value": {
+                "type": "boolean",
+                "kind": "expression"
+              }
             }
           ],
           "events": [
@@ -10800,7 +10921,7 @@
               "name": "readonly",
               "description": "Readonly",
               "value": {
-                "type": "boolean",
+                "type": "boolean|string",
                 "kind": "expression"
               }
             },

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@sdata/web-vue",
-  "version": "3.12.0",
+  "version": "3.14.0",
   "description": "SD Design Vue: A Vue.js 3 UI Library",
   "keywords": [
     "sd",

package/es/style/base.scss

@@ -1,18 +0,0 @@
-@use './theme/tokens.scss' as theme;
-
-body {
-  color: rgb(#{theme.$sd-color-primary-6});
-  font-size: 14px;
-  font-family:
-    Inter,
-    -apple-system,
-    BlinkMacSystemFont,
-    'PingFang SC',
-    'Hiragino Sans GB',
-    'noto sans',
-    'Microsoft YaHei',
-    'Helvetica Neue',
-    Helvetica,
-    Arial,
-    sans-serif;
-}