@varlet/ui 1.27.3 → 1.27.4

package/es/varlet.esm.js

@@ -13023,7 +13023,7 @@ var Rate = defineComponent({
       } = transformValue(val);
       return {
         [n$j("content")]: true,
-        [n$j("--disabled")]: form == null ? void 0 : form.disabled.value,
+        [n$j("--disabled")]: (form == null ? void 0 : form.disabled.value) || props2.disabled,
         [n$j("--error")]: errorMessage.value,
         [n$j("--primary")]: type !== "empty" && !color
       };

package/highlight/attributes.json

@@ -1269,7 +1269,7 @@
   },
   "var-rate/disabled-color": {
     "type": "string",
-    "description": "禁止评分时图标的颜色，只有在 `disabled` 为 `true` 时才有效，优先级高于 `color`、`empty-color` 默认值：-"
+    "description": "禁止评分时图标的颜色，只有在 `disabled` 为 `true` 时才有效，优先级高于 `color`、`empty-color` 默认值：#aaa"
   },
   "var-rate/readonly": {
     "type": "boolean",

package/highlight/web-types.json

@@ -1,7 +1,7 @@
 {
   "$schema": "https://raw.githubusercontent.com/JetBrains/web-types/master/schema/web-types.json",
   "framework": "vue",
-  "version": "1.27.2",
+  "version": "1.27.3",
   "name": "VARLET",
   "contributions": {
     "html": {
@@ -3780,7 +3780,7 @@
             {
               "name": "disabled-color",
               "description": "禁止评分时图标的颜色，只有在 `disabled` 为 `true` 时才有效，优先级高于 `color`、`empty-color`",
-              "default": "-",
+              "default": "#aaa",
               "value": {
                 "type": "string",
                 "kind": "expression"

package/lib/rate/Rate.js

@@ -122,7 +122,7 @@ var _default = (0, _vue.defineComponent)({
       } = transformValue(val);
       return {
         [n('content')]: true,
-        [n('--disabled')]: form == null ? void 0 : form.disabled.value,
+        [n('--disabled')]: (form == null ? void 0 : form.disabled.value) || props.disabled,
         [n('--error')]: errorMessage.value,
         [n('--primary')]: type !== 'empty' && !color
       };

package/lib/rate/rate.css

@@ -1 +1 @@
-:root { --rate-disabled-color: var(--color-text-disabled); --rate-error-color: var(--color-danger); --rate-action-padding: 4px; --rate-primary-color: var(--color-primary);}.var-rate { display: flex; transform: translateX(calc(-1 * var(--rate-action-padding)));}.var-rate__content { padding: var(--rate-action-padding); box-sizing: unset; cursor: pointer; -webkit-tap-highlight-color: rgba(0, 0, 0, 0);}.var-rate--disabled { color: var(--rate-disabled-color) !important;}.var-rate--error { color: var(--rate-error-color) !important;}.var-rate--primary { color: var(--rate-primary-color);}
+:root { --rate-disabled-color: var(--color-text-disabled); --rate-error-color: var(--color-danger); --rate-action-padding: 4px; --rate-primary-color: var(--color-primary);}.var-rate { display: flex; transform: translateX(calc(-1 * var(--rate-action-padding)));}.var-rate__content { padding: var(--rate-action-padding); box-sizing: unset; cursor: pointer; display: flex; -webkit-tap-highlight-color: rgba(0, 0, 0, 0);}.var-rate--primary { color: var(--rate-primary-color);}.var-rate--disabled { color: var(--rate-disabled-color); cursor: not-allowed;}.var-rate--error { color: var(--rate-error-color);}

package/lib/rate/rate.less

@@ -18,18 +18,20 @@
     padding: var(--rate-action-padding);
     box-sizing: unset;
     cursor: pointer;
+    display: flex;
     -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
   }
 
-  &--disabled {
-    color: var(--rate-disabled-color) !important;
+  &--primary {
+    color: var(--rate-primary-color);
   }
 
-  &--error {
-    color: var(--rate-error-color) !important;
+  &--disabled {
+    color: var(--rate-disabled-color);
+    cursor: not-allowed;
   }
 
-  &--primary {
-    color: var(--rate-primary-color);
+  &--error {
+    color: var(--rate-error-color);
   }
 }