@sdata/web-vue 2.11.1 → 2.11.3

package/es/input-tag/style/index.css

@@ -105,6 +105,13 @@
   background-color: rgb(var(--sd-red-1));
   border: 1px solid transparent;
 }
+.sd-tag.sd-tag-checked.sd-tag-red .sd-icon-hover.sd-tag-icon-hover:hover::before {
+  background-color: rgb(var(--sd-red-2));
+}
+.sd-tag.sd-tag-checkable.sd-tag-checked.sd-tag-red:hover {
+  background-color: rgb(var(--sd-red-2));
+  border-color: transparent;
+}
 .sd-tag.sd-tag-checked.sd-tag-red.sd-tag-bordered, .sd-tag.sd-tag-checked.sd-tag-red.sd-tag-bordered:hover {
   border-color: rgb(var(--sd-red-6));
 }
@@ -116,6 +123,13 @@
   background-color: rgb(var(--sd-orangered-1));
   border: 1px solid transparent;
 }
+.sd-tag.sd-tag-checked.sd-tag-orangered .sd-icon-hover.sd-tag-icon-hover:hover::before {
+  background-color: rgb(var(--sd-orangered-2));
+}
+.sd-tag.sd-tag-checkable.sd-tag-checked.sd-tag-orangered:hover {
+  background-color: rgb(var(--sd-orangered-2));
+  border-color: transparent;
+}
 .sd-tag.sd-tag-checked.sd-tag-orangered.sd-tag-bordered, .sd-tag.sd-tag-checked.sd-tag-orangered.sd-tag-bordered:hover {
   border-color: rgb(var(--sd-orangered-6));
 }
@@ -127,6 +141,13 @@
   background-color: rgb(var(--sd-orange-1));
   border: 1px solid transparent;
 }
+.sd-tag.sd-tag-checked.sd-tag-orange .sd-icon-hover.sd-tag-icon-hover:hover::before {
+  background-color: rgb(var(--sd-orange-2));
+}
+.sd-tag.sd-tag-checkable.sd-tag-checked.sd-tag-orange:hover {
+  background-color: rgb(var(--sd-orange-2));
+  border-color: transparent;
+}
 .sd-tag.sd-tag-checked.sd-tag-orange.sd-tag-bordered, .sd-tag.sd-tag-checked.sd-tag-orange.sd-tag-bordered:hover {
   border-color: rgb(var(--sd-orange-6));
 }
@@ -138,6 +159,13 @@
   background-color: rgb(var(--sd-gold-1));
   border: 1px solid transparent;
 }
+.sd-tag.sd-tag-checked.sd-tag-gold .sd-icon-hover.sd-tag-icon-hover:hover::before {
+  background-color: rgb(var(--sd-gold-2));
+}
+.sd-tag.sd-tag-checkable.sd-tag-checked.sd-tag-gold:hover {
+  background-color: rgb(var(--sd-gold-3));
+  border-color: transparent;
+}
 .sd-tag.sd-tag-checked.sd-tag-gold.sd-tag-bordered, .sd-tag.sd-tag-checked.sd-tag-gold.sd-tag-bordered:hover {
   border-color: rgb(var(--sd-gold-6));
 }
@@ -149,6 +177,13 @@
   background-color: rgb(var(--sd-lime-1));
   border: 1px solid transparent;
 }
+.sd-tag.sd-tag-checked.sd-tag-lime .sd-icon-hover.sd-tag-icon-hover:hover::before {
+  background-color: rgb(var(--sd-lime-2));
+}
+.sd-tag.sd-tag-checkable.sd-tag-checked.sd-tag-lime:hover {
+  background-color: rgb(var(--sd-lime-2));
+  border-color: transparent;
+}
 .sd-tag.sd-tag-checked.sd-tag-lime.sd-tag-bordered, .sd-tag.sd-tag-checked.sd-tag-lime.sd-tag-bordered:hover {
   border-color: rgb(var(--sd-lime-6));
 }
@@ -160,6 +195,13 @@
   background-color: rgb(var(--sd-green-1));
   border: 1px solid transparent;
 }
+.sd-tag.sd-tag-checked.sd-tag-green .sd-icon-hover.sd-tag-icon-hover:hover::before {
+  background-color: rgb(var(--sd-green-2));
+}
+.sd-tag.sd-tag-checkable.sd-tag-checked.sd-tag-green:hover {
+  background-color: rgb(var(--sd-green-2));
+  border-color: transparent;
+}
 .sd-tag.sd-tag-checked.sd-tag-green.sd-tag-bordered, .sd-tag.sd-tag-checked.sd-tag-green.sd-tag-bordered:hover {
   border-color: rgb(var(--sd-green-6));
 }
@@ -171,6 +213,13 @@
   background-color: rgb(var(--sd-cyan-1));
   border: 1px solid transparent;
 }
+.sd-tag.sd-tag-checked.sd-tag-cyan .sd-icon-hover.sd-tag-icon-hover:hover::before {
+  background-color: rgb(var(--sd-cyan-2));
+}
+.sd-tag.sd-tag-checkable.sd-tag-checked.sd-tag-cyan:hover {
+  background-color: rgb(var(--sd-cyan-2));
+  border-color: transparent;
+}
 .sd-tag.sd-tag-checked.sd-tag-cyan.sd-tag-bordered, .sd-tag.sd-tag-checked.sd-tag-cyan.sd-tag-bordered:hover {
   border-color: rgb(var(--sd-cyan-6));
 }
@@ -182,6 +231,13 @@
   background-color: rgb(var(--sd-blue-1));
   border: 1px solid transparent;
 }
+.sd-tag.sd-tag-checked.sd-tag-blue .sd-icon-hover.sd-tag-icon-hover:hover::before {
+  background-color: rgb(var(--sd-blue-2));
+}
+.sd-tag.sd-tag-checkable.sd-tag-checked.sd-tag-blue:hover {
+  background-color: rgb(var(--sd-blue-2));
+  border-color: transparent;
+}
 .sd-tag.sd-tag-checked.sd-tag-blue.sd-tag-bordered, .sd-tag.sd-tag-checked.sd-tag-blue.sd-tag-bordered:hover {
   border-color: rgb(var(--sd-blue-6));
 }
@@ -193,6 +249,13 @@
   background-color: rgb(var(--sd-sdblue-1));
   border: 1px solid transparent;
 }
+.sd-tag.sd-tag-checked.sd-tag-sdblue .sd-icon-hover.sd-tag-icon-hover:hover::before {
+  background-color: rgb(var(--sd-sdblue-2));
+}
+.sd-tag.sd-tag-checkable.sd-tag-checked.sd-tag-sdblue:hover {
+  background-color: rgb(var(--sd-sdblue-2));
+  border-color: transparent;
+}
 .sd-tag.sd-tag-checked.sd-tag-sdblue.sd-tag-bordered, .sd-tag.sd-tag-checked.sd-tag-sdblue.sd-tag-bordered:hover {
   border-color: rgb(var(--sd-sdblue-6));
 }
@@ -204,6 +267,13 @@
   background-color: rgb(var(--sd-purple-1));
   border: 1px solid transparent;
 }
+.sd-tag.sd-tag-checked.sd-tag-purple .sd-icon-hover.sd-tag-icon-hover:hover::before {
+  background-color: rgb(var(--sd-purple-2));
+}
+.sd-tag.sd-tag-checkable.sd-tag-checked.sd-tag-purple:hover {
+  background-color: rgb(var(--sd-purple-2));
+  border-color: transparent;
+}
 .sd-tag.sd-tag-checked.sd-tag-purple.sd-tag-bordered, .sd-tag.sd-tag-checked.sd-tag-purple.sd-tag-bordered:hover {
   border-color: rgb(var(--sd-purple-6));
 }
@@ -215,6 +285,13 @@
   background-color: rgb(var(--sd-pinkpurple-1));
   border: 1px solid transparent;
 }
+.sd-tag.sd-tag-checked.sd-tag-pinkpurple .sd-icon-hover.sd-tag-icon-hover:hover::before {
+  background-color: rgb(var(--sd-pinkpurple-2));
+}
+.sd-tag.sd-tag-checkable.sd-tag-checked.sd-tag-pinkpurple:hover {
+  background-color: rgb(var(--sd-pinkpurple-2));
+  border-color: transparent;
+}
 .sd-tag.sd-tag-checked.sd-tag-pinkpurple.sd-tag-bordered, .sd-tag.sd-tag-checked.sd-tag-pinkpurple.sd-tag-bordered:hover {
   border-color: rgb(var(--sd-pinkpurple-6));
 }
@@ -226,6 +303,13 @@
   background-color: rgb(var(--sd-magenta-1));
   border: 1px solid transparent;
 }
+.sd-tag.sd-tag-checked.sd-tag-magenta .sd-icon-hover.sd-tag-icon-hover:hover::before {
+  background-color: rgb(var(--sd-magenta-2));
+}
+.sd-tag.sd-tag-checkable.sd-tag-checked.sd-tag-magenta:hover {
+  background-color: rgb(var(--sd-magenta-2));
+  border-color: transparent;
+}
 .sd-tag.sd-tag-checked.sd-tag-magenta.sd-tag-bordered, .sd-tag.sd-tag-checked.sd-tag-magenta.sd-tag-bordered:hover {
   border-color: rgb(var(--sd-magenta-6));
 }

package/es/pagination/style/index.css

@@ -47,6 +47,9 @@
   font-size: 14px;
   line-height: 32px;
 }
+.sd-pagination-item-previous, .sd-pagination-item-next {
+  font-size: 12px;
+}
 .sd-pagination-item:hover {
   color: var(--sd-color-text-2);
   background-color: var(--sd-color-fill-1);
@@ -200,6 +203,9 @@
   font-size: 12px;
   line-height: 24px;
 }
+.sd-pagination-size-mini .sd-pagination-item-previous, .sd-pagination-size-mini .sd-pagination-item-next {
+  font-size: 12px;
+}
 .sd-pagination-size-mini .sd-pagination-total {
   font-size: 12px;
   line-height: 24px;
@@ -218,6 +224,9 @@
   font-size: 14px;
   line-height: 28px;
 }
+.sd-pagination-size-small .sd-pagination-item-previous, .sd-pagination-size-small .sd-pagination-item-next {
+  font-size: 12px;
+}
 .sd-pagination-size-small .sd-pagination-total {
   font-size: 14px;
   line-height: 28px;
@@ -236,6 +245,9 @@
   font-size: 14px;
   line-height: 36px;
 }
+.sd-pagination-size-large .sd-pagination-item-previous, .sd-pagination-size-large .sd-pagination-item-next {
+  font-size: 14px;
+}
 .sd-pagination-size-large .sd-pagination-total {
   font-size: 14px;
   line-height: 36px;

package/es/pagination/style/index.scss

@@ -5,8 +5,29 @@
 @use '@components/pagination/style/token.scss' as token;
 @use '@components/pagination/style/token.scss' as *;
 
+@function _str-replace-all($string, $search, $replace) {
+  $index: string.index($string, $search);
+
+  @if not $index {
+    @return $string;
+  }
+
+  $before: string.slice($string, 1, $index - 1);
+  $after: string.slice($string, $index + string.length($search));
+
+  @return $before + $replace + _str-replace-all($after, $search, $replace);
+}
+
 @function token-var($name, $fallback: null) {
-  $value: map.get(meta.module-variables('token'), $name);
+  $vars: meta.module-variables('token');
+  $value: map.get($vars, $name);
+
+  @if $value == null {
+    // meta.module-variables() exposes token names normalized to hyphens, while
+    // the source looks them up with underscores (e.g. 'color-text_disabled').
+    // map.get() compares keys as exact strings, so normalize before retrying.
+    $value: map.get($vars, _str-replace-all($name, '_', '-'));
+  }
 
   @if $value == null {
     @return $fallback;

package/es/result/style/index.css

@@ -40,6 +40,22 @@
   color: inherit;
   font-size: 45px;
 }
+.sd-result-icon-success .sd-result-icon-tip {
+  color: rgb(var(--sd-success-6));
+  background-color: var(--sd-color-success-light-1);
+}
+.sd-result-icon-error .sd-result-icon-tip {
+  color: rgb(var(--sd-danger-6));
+  background-color: var(--sd-color-danger-light-1);
+}
+.sd-result-icon-info .sd-result-icon-tip {
+  color: rgb(var(--sd-primary-6));
+  background-color: var(--sd-color-primary-light-1);
+}
+.sd-result-icon-warning .sd-result-icon-tip {
+  color: rgb(var(--sd-warning-6));
+  background-color: var(--sd-color-warning-light-1);
+}
 .sd-result-icon-404, .sd-result-icon-403, .sd-result-icon-500 {
   padding-top: 24px;
 }

package/es/result/style/index.scss

@@ -7,8 +7,29 @@
 
 $result-prefix-cls: string.unquote('#{theme.$prefix}-result');
 
+@function _str-replace-all($string, $search, $replace) {
+  $index: string.index($string, $search);
+
+  @if not $index {
+    @return $string;
+  }
+
+  $before: string.slice($string, 1, $index - 1);
+  $after: string.slice($string, $index + string.length($search));
+
+  @return $before + $replace + _str-replace-all($after, $search, $replace);
+}
+
 @function token-var($name, $fallback: null) {
-  $value: map.get(meta.module-variables('token'), $name);
+  $vars: meta.module-variables('token');
+  $value: map.get($vars, $name);
+
+  @if $value == null {
+    // meta.module-variables() exposes token names normalized to hyphens, while
+    // the source looks them up with underscores (e.g. 'color-text_disabled').
+    // map.get() compares keys as exact strings, so normalize before retrying.
+    $value: map.get($vars, _str-replace-all($name, '_', '-'));
+  }
 
   @if $value == null {
     @return $fallback;

package/es/tag/style/index.css

@@ -100,6 +100,13 @@
   background-color: rgb(var(--sd-red-1));
   border: 1px solid transparent;
 }
+.sd-tag.sd-tag-checked.sd-tag-red .sd-icon-hover.sd-tag-icon-hover:hover::before {
+  background-color: rgb(var(--sd-red-2));
+}
+.sd-tag.sd-tag-checkable.sd-tag-checked.sd-tag-red:hover {
+  background-color: rgb(var(--sd-red-2));
+  border-color: transparent;
+}
 .sd-tag.sd-tag-checked.sd-tag-red.sd-tag-bordered, .sd-tag.sd-tag-checked.sd-tag-red.sd-tag-bordered:hover {
   border-color: rgb(var(--sd-red-6));
 }
@@ -111,6 +118,13 @@
   background-color: rgb(var(--sd-orangered-1));
   border: 1px solid transparent;
 }
+.sd-tag.sd-tag-checked.sd-tag-orangered .sd-icon-hover.sd-tag-icon-hover:hover::before {
+  background-color: rgb(var(--sd-orangered-2));
+}
+.sd-tag.sd-tag-checkable.sd-tag-checked.sd-tag-orangered:hover {
+  background-color: rgb(var(--sd-orangered-2));
+  border-color: transparent;
+}
 .sd-tag.sd-tag-checked.sd-tag-orangered.sd-tag-bordered, .sd-tag.sd-tag-checked.sd-tag-orangered.sd-tag-bordered:hover {
   border-color: rgb(var(--sd-orangered-6));
 }
@@ -122,6 +136,13 @@
   background-color: rgb(var(--sd-orange-1));
   border: 1px solid transparent;
 }
+.sd-tag.sd-tag-checked.sd-tag-orange .sd-icon-hover.sd-tag-icon-hover:hover::before {
+  background-color: rgb(var(--sd-orange-2));
+}
+.sd-tag.sd-tag-checkable.sd-tag-checked.sd-tag-orange:hover {
+  background-color: rgb(var(--sd-orange-2));
+  border-color: transparent;
+}
 .sd-tag.sd-tag-checked.sd-tag-orange.sd-tag-bordered, .sd-tag.sd-tag-checked.sd-tag-orange.sd-tag-bordered:hover {
   border-color: rgb(var(--sd-orange-6));
 }
@@ -133,6 +154,13 @@
   background-color: rgb(var(--sd-gold-1));
   border: 1px solid transparent;
 }
+.sd-tag.sd-tag-checked.sd-tag-gold .sd-icon-hover.sd-tag-icon-hover:hover::before {
+  background-color: rgb(var(--sd-gold-2));
+}
+.sd-tag.sd-tag-checkable.sd-tag-checked.sd-tag-gold:hover {
+  background-color: rgb(var(--sd-gold-3));
+  border-color: transparent;
+}
 .sd-tag.sd-tag-checked.sd-tag-gold.sd-tag-bordered, .sd-tag.sd-tag-checked.sd-tag-gold.sd-tag-bordered:hover {
   border-color: rgb(var(--sd-gold-6));
 }
@@ -144,6 +172,13 @@
   background-color: rgb(var(--sd-lime-1));
   border: 1px solid transparent;
 }
+.sd-tag.sd-tag-checked.sd-tag-lime .sd-icon-hover.sd-tag-icon-hover:hover::before {
+  background-color: rgb(var(--sd-lime-2));
+}
+.sd-tag.sd-tag-checkable.sd-tag-checked.sd-tag-lime:hover {
+  background-color: rgb(var(--sd-lime-2));
+  border-color: transparent;
+}
 .sd-tag.sd-tag-checked.sd-tag-lime.sd-tag-bordered, .sd-tag.sd-tag-checked.sd-tag-lime.sd-tag-bordered:hover {
   border-color: rgb(var(--sd-lime-6));
 }
@@ -155,6 +190,13 @@
   background-color: rgb(var(--sd-green-1));
   border: 1px solid transparent;
 }
+.sd-tag.sd-tag-checked.sd-tag-green .sd-icon-hover.sd-tag-icon-hover:hover::before {
+  background-color: rgb(var(--sd-green-2));
+}
+.sd-tag.sd-tag-checkable.sd-tag-checked.sd-tag-green:hover {
+  background-color: rgb(var(--sd-green-2));
+  border-color: transparent;
+}
 .sd-tag.sd-tag-checked.sd-tag-green.sd-tag-bordered, .sd-tag.sd-tag-checked.sd-tag-green.sd-tag-bordered:hover {
   border-color: rgb(var(--sd-green-6));
 }
@@ -166,6 +208,13 @@
   background-color: rgb(var(--sd-cyan-1));
   border: 1px solid transparent;
 }
+.sd-tag.sd-tag-checked.sd-tag-cyan .sd-icon-hover.sd-tag-icon-hover:hover::before {
+  background-color: rgb(var(--sd-cyan-2));
+}
+.sd-tag.sd-tag-checkable.sd-tag-checked.sd-tag-cyan:hover {
+  background-color: rgb(var(--sd-cyan-2));
+  border-color: transparent;
+}
 .sd-tag.sd-tag-checked.sd-tag-cyan.sd-tag-bordered, .sd-tag.sd-tag-checked.sd-tag-cyan.sd-tag-bordered:hover {
   border-color: rgb(var(--sd-cyan-6));
 }
@@ -177,6 +226,13 @@
   background-color: rgb(var(--sd-blue-1));
   border: 1px solid transparent;
 }
+.sd-tag.sd-tag-checked.sd-tag-blue .sd-icon-hover.sd-tag-icon-hover:hover::before {
+  background-color: rgb(var(--sd-blue-2));
+}
+.sd-tag.sd-tag-checkable.sd-tag-checked.sd-tag-blue:hover {
+  background-color: rgb(var(--sd-blue-2));
+  border-color: transparent;
+}
 .sd-tag.sd-tag-checked.sd-tag-blue.sd-tag-bordered, .sd-tag.sd-tag-checked.sd-tag-blue.sd-tag-bordered:hover {
   border-color: rgb(var(--sd-blue-6));
 }
@@ -188,6 +244,13 @@
   background-color: rgb(var(--sd-sdblue-1));
   border: 1px solid transparent;
 }
+.sd-tag.sd-tag-checked.sd-tag-sdblue .sd-icon-hover.sd-tag-icon-hover:hover::before {
+  background-color: rgb(var(--sd-sdblue-2));
+}
+.sd-tag.sd-tag-checkable.sd-tag-checked.sd-tag-sdblue:hover {
+  background-color: rgb(var(--sd-sdblue-2));
+  border-color: transparent;
+}
 .sd-tag.sd-tag-checked.sd-tag-sdblue.sd-tag-bordered, .sd-tag.sd-tag-checked.sd-tag-sdblue.sd-tag-bordered:hover {
   border-color: rgb(var(--sd-sdblue-6));
 }
@@ -199,6 +262,13 @@
   background-color: rgb(var(--sd-purple-1));
   border: 1px solid transparent;
 }
+.sd-tag.sd-tag-checked.sd-tag-purple .sd-icon-hover.sd-tag-icon-hover:hover::before {
+  background-color: rgb(var(--sd-purple-2));
+}
+.sd-tag.sd-tag-checkable.sd-tag-checked.sd-tag-purple:hover {
+  background-color: rgb(var(--sd-purple-2));
+  border-color: transparent;
+}
 .sd-tag.sd-tag-checked.sd-tag-purple.sd-tag-bordered, .sd-tag.sd-tag-checked.sd-tag-purple.sd-tag-bordered:hover {
   border-color: rgb(var(--sd-purple-6));
 }
@@ -210,6 +280,13 @@
   background-color: rgb(var(--sd-pinkpurple-1));
   border: 1px solid transparent;
 }
+.sd-tag.sd-tag-checked.sd-tag-pinkpurple .sd-icon-hover.sd-tag-icon-hover:hover::before {
+  background-color: rgb(var(--sd-pinkpurple-2));
+}
+.sd-tag.sd-tag-checkable.sd-tag-checked.sd-tag-pinkpurple:hover {
+  background-color: rgb(var(--sd-pinkpurple-2));
+  border-color: transparent;
+}
 .sd-tag.sd-tag-checked.sd-tag-pinkpurple.sd-tag-bordered, .sd-tag.sd-tag-checked.sd-tag-pinkpurple.sd-tag-bordered:hover {
   border-color: rgb(var(--sd-pinkpurple-6));
 }
@@ -221,6 +298,13 @@
   background-color: rgb(var(--sd-magenta-1));
   border: 1px solid transparent;
 }
+.sd-tag.sd-tag-checked.sd-tag-magenta .sd-icon-hover.sd-tag-icon-hover:hover::before {
+  background-color: rgb(var(--sd-magenta-2));
+}
+.sd-tag.sd-tag-checkable.sd-tag-checked.sd-tag-magenta:hover {
+  background-color: rgb(var(--sd-magenta-2));
+  border-color: transparent;
+}
 .sd-tag.sd-tag-checked.sd-tag-magenta.sd-tag-bordered, .sd-tag.sd-tag-checked.sd-tag-magenta.sd-tag-bordered:hover {
   border-color: rgb(var(--sd-magenta-6));
 }

package/es/tag/style/index.scss

@@ -17,8 +17,29 @@ $colors:
   'red', 'orangered', 'orange', 'gold', 'lime', 'green', 'cyan', 'blue', 'sdblue', 'purple',
   'pinkpurple', 'magenta';
 
+@function _str-replace-all($string, $search, $replace) {
+  $index: string.index($string, $search);
+
+  @if not $index {
+    @return $string;
+  }
+
+  $before: string.slice($string, 1, $index - 1);
+  $after: string.slice($string, $index + string.length($search));
+
+  @return $before + $replace + _str-replace-all($after, $search, $replace);
+}
+
 @function token-var($name, $fallback: null) {
-  $value: map.get(meta.module-variables('token'), $name);
+  $vars: meta.module-variables('token');
+  $value: map.get($vars, $name);
+
+  @if $value == null {
+    // meta.module-variables() exposes token names normalized to hyphens, while
+    // the source looks them up with underscores (e.g. 'color-text_disabled').
+    // map.get() compares keys as exact strings, so normalize before retrying.
+    $value: map.get($vars, _str-replace-all($name, '_', '-'));
+  }
 
   @if $value == null {
     @return $fallback;

package/json/vetur-attributes.json

@@ -2091,6 +2091,153 @@
     "description": "The maximum height of popover",
     "type": "boolean | number"
   },
+  "sd-modal/ok": {
+    "description": "Triggered when the OK button is clicked"
+  },
+  "sd-modal/cancel": {
+    "description": "Triggered when the cancel/close button is clicked"
+  },
+  "sd-modal/open": {
+    "description": "Triggered after the modal is opened (the animation ends)"
+  },
+  "sd-modal/close": {
+    "description": "Triggered after the modal is closed (the animation ends)"
+  },
+  "sd-modal/before-open": {
+    "description": "Triggered before dialog is opened"
+  },
+  "sd-modal/before-close": {
+    "description": "Triggered before dialog is closed"
+  },
+  "sd-modal/visible": {
+    "description": "Whether the modal is visible",
+    "type": "boolean"
+  },
+  "sd-modal/default-visible": {
+    "description": "Whether the modal is visible by default (uncontrolled state)",
+    "type": "boolean"
+  },
+  "sd-modal/width": {
+    "description": "The width of the dialog box, if not set, the width value in the style will be used",
+    "type": "number|string"
+  },
+  "sd-modal/top": {
+    "description": "The height from the top of the dialog box. It does not take effect when the center display is turned on.",
+    "type": "number|string"
+  },
+  "sd-modal/mask": {
+    "description": "Whether to show the mask",
+    "type": "boolean"
+  },
+  "sd-modal/title": {
+    "description": "Title",
+    "type": "string"
+  },
+  "sd-modal/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."
+  },
+  "sd-modal/title-align": {
+    "description": "horizontal alignment of the title",
+    "type": "string"
+  },
+  "sd-modal/align-center": {
+    "description": "Whether the dialog box is displayed in the center",
+    "type": "boolean"
+  },
+  "sd-modal/unmount-on-close": {
+    "description": "Whether to uninstall the node when close",
+    "type": "boolean"
+  },
+  "sd-modal/mask-closable": {
+    "description": "Whether to close the modal when click the mask",
+    "type": "boolean"
+  },
+  "sd-modal/hide-cancel": {
+    "description": "Whether to hide the cancel button",
+    "type": "boolean"
+  },
+  "sd-modal/simple": {
+    "description": "Whether to enable simple mode",
+    "type": "boolean"
+  },
+  "sd-modal/closable": {
+    "description": "Whether to show the close button",
+    "type": "boolean"
+  },
+  "sd-modal/ok-text": {
+    "description": "The content of the confirm button",
+    "type": "string"
+  },
+  "sd-modal/cancel-text": {
+    "description": "The content of the cancel button",
+    "type": "string"
+  },
+  "sd-modal/ok-loading": {
+    "description": "Whether the confirm button is in the loading state",
+    "type": "boolean"
+  },
+  "sd-modal/ok-button-props": {
+    "description": "Props of confirm button"
+  },
+  "sd-modal/cancel-button-props": {
+    "description": "Props of cancel button"
+  },
+  "sd-modal/footer": {
+    "description": "Whether to show the footer",
+    "type": "boolean"
+  },
+  "sd-modal/render-to-body": {
+    "description": "Whether the modal is mounted under the `body` element",
+    "type": "boolean"
+  },
+  "sd-modal/popup-container": {
+    "description": "Mount container for modal"
+  },
+  "sd-modal/mask-style": {
+    "description": "Mask style"
+  },
+  "sd-modal/modal-class": {
+    "description": "The classname of the modal"
+  },
+  "sd-modal/modal-style": {
+    "description": "Modal style"
+  },
+  "sd-modal/before-ok": {
+    "description": "The callback function before the ok event is triggered. If false is returned, subsequent events will not be triggered, and done can also be used to close asynchronously."
+  },
+  "sd-modal/before-cancel": {
+    "description": "The callback function before the cancel event is triggered. If it returns false, no subsequent events will be triggered."
+  },
+  "sd-modal/esc-to-close": {
+    "description": "Whether to support the ESC key to close the dialog",
+    "type": "boolean"
+  },
+  "sd-modal/draggable": {
+    "description": "Whether to support drag",
+    "type": "boolean"
+  },
+  "sd-modal/fullscreen": {
+    "description": "Whether to enable full screen",
+    "type": "boolean"
+  },
+  "sd-modal/mask-animation-name": {
+    "description": "Mask layer animation name",
+    "type": "string"
+  },
+  "sd-modal/modal-animation-name": {
+    "description": "Modal animation name",
+    "type": "string"
+  },
+  "sd-modal/body-class": {
+    "description": "The classname of the modal"
+  },
+  "sd-modal/body-style": {
+    "description": "Modal style"
+  },
+  "sd-modal/hide-title": {
+    "description": "Whether to hide the title",
+    "type": "boolean"
+  },
   "sd-overflow-list/change": {
     "description": "Triggered when the overflow quantity changes"
   },

package/json/vetur-tags.json

@@ -881,6 +881,51 @@
       "popup-max-height"
     ]
   },
+  "sd-modal": {
+    "attributes": [
+      "ok",
+      "cancel",
+      "open",
+      "close",
+      "before-open",
+      "before-close",
+      "visible",
+      "default-visible",
+      "width",
+      "top",
+      "mask",
+      "title",
+      "title-ellipsis-tooltip",
+      "title-align",
+      "align-center",
+      "unmount-on-close",
+      "mask-closable",
+      "hide-cancel",
+      "simple",
+      "closable",
+      "ok-text",
+      "cancel-text",
+      "ok-loading",
+      "ok-button-props",
+      "cancel-button-props",
+      "footer",
+      "render-to-body",
+      "popup-container",
+      "mask-style",
+      "modal-class",
+      "modal-style",
+      "before-ok",
+      "before-cancel",
+      "esc-to-close",
+      "draggable",
+      "fullscreen",
+      "mask-animation-name",
+      "modal-animation-name",
+      "body-class",
+      "body-style",
+      "hide-title"
+    ]
+  },
   "sd-overflow-list": {
     "attributes": [
       "change",