@varlet/ui 2.11.3 → 2.11.5

package/lib/varlet.cjs.js

@@ -17618,10 +17618,10 @@ function __render__$v(_ctx, _cache) {
       [vue.createVNode(
         _component_var_menu,
         {
+          placement: "cover-top",
           disabled: _ctx.disabled,
           show: _ctx.menuVisible,
-          "onUpdate:show": _cache[6] || (_cache[6] = ($event) => _ctx.menuVisible = $event),
-          "offset-x": -4
+          "onUpdate:show": _cache[6] || (_cache[6] = ($event) => _ctx.menuVisible = $event)
         },
         {
           menu: vue.withCtx(() => [(vue.openBlock(true), vue.createElementBlock(
@@ -17691,7 +17691,7 @@ function __render__$v(_ctx, _cache) {
       "li",
       {
         key: 3,
-        class: vue.normalizeClass(_ctx.classes(_ctx.n("quickly"), [_ctx.disabled, "item--disabled"]))
+        class: vue.normalizeClass(_ctx.classes(_ctx.n("quickly"), [_ctx.disabled, _ctx.n("item--disabled")]))
       },
       [vue.createTextVNode(
         vue.toDisplayString(_ctx.pack.paginationJump) + " ",
@@ -17717,7 +17717,7 @@ function __render__$v(_ctx, _cache) {
       "li",
       {
         key: 4,
-        class: vue.normalizeClass(_ctx.n("total"))
+        class: vue.normalizeClass(_ctx.classes(_ctx.n("total"), [_ctx.disabled, _ctx.n("item--disabled")]))
       },
       vue.toDisplayString(_ctx.totalText),
       3
@@ -19622,6 +19622,10 @@ var props$i = {
     type: Boolean,
     default: true
   },
+  clearable: {
+    type: Boolean,
+    default: false
+  },
   rules: {
     type: Array
   },
@@ -19735,6 +19739,7 @@ var __sfc__$p = vue.defineComponent({
       hovering
     } = useHoverOverlay();
     var currentHoveringValue = vue.ref(-1);
+    var lastScore = Number(props2.modelValue);
     var getStyle2 = (val) => {
       var {
         count,
@@ -19790,13 +19795,20 @@ var __sfc__$p = vue.defineComponent({
       };
     };
     var changeValue = (score, event) => {
-      if (props2.half) {
+      var {
+        half: half2,
+        clearable
+      } = props2;
+      if (half2) {
         var {
           offsetWidth
         } = event.target;
         if (event.offsetX <= Math.floor(offsetWidth / 2))
           score -= 0.5;
       }
+      if (lastScore === score && clearable)
+        score = 0;
+      lastScore = score;
       call(props2["onUpdate:modelValue"], score);
     };
     var validate = () => v(props2.rules, toNumber(props2.modelValue));
@@ -22347,11 +22359,9 @@ var STEPS_BIND_STEP_KEY = Symbol("STEPS_BIND_STEP_KEY");
 function useStep() {
   var {
     bindChildren,
-    length,
     childProviders
   } = useChildren(STEPS_BIND_STEP_KEY);
   return {
-    length,
     step: childProviders,
     bindStep: bindChildren
   };
@@ -22393,89 +22403,76 @@ function __render__$a(_ctx, _cache) {
       [vue.createElementVNode(
         "div",
         {
-          class: vue.normalizeClass(_ctx.n(_ctx.direction + "-main")),
-          ref: _ctx.getRef
+          class: vue.normalizeClass(_ctx.classes(_ctx.n(_ctx.direction + "-tag"), [_ctx.isActive || _ctx.isCurrent, _ctx.n(_ctx.direction + "-tag--active")])),
+          style: vue.normalizeStyle({
+            backgroundColor: _ctx.isActive || _ctx.isCurrent ? _ctx.activeColor : _ctx.inactiveColor
+          }),
+          onClick: _cache[0] || (_cache[0] = function() {
+            return _ctx.click && _ctx.click(...arguments);
+          })
         },
-        [vue.createElementVNode(
-          "div",
+        [_ctx.isActive ? (vue.openBlock(), vue.createBlock(
+          _component_var_icon,
           {
-            class: vue.normalizeClass(_ctx.classes(_ctx.n(_ctx.direction + "-tag"), [_ctx.isActive || _ctx.isCurrent, _ctx.n(_ctx.direction + "-tag--active")])),
-            style: vue.normalizeStyle({
-              backgroundColor: _ctx.isActive || _ctx.isCurrent ? _ctx.activeColor : _ctx.inactiveColor
-            }),
-            onClick: _cache[0] || (_cache[0] = function() {
-              return _ctx.click && _ctx.click(...arguments);
-            })
+            key: 0,
+            class: vue.normalizeClass(_ctx.n("icon")),
+            "var-step-cover": "",
+            name: _ctx.activeIcon
           },
-          [_ctx.isActive ? (vue.openBlock(), vue.createBlock(
-            _component_var_icon,
-            {
-              key: 0,
-              class: vue.normalizeClass(_ctx.n("icon")),
-              "var-step-cover": "",
-              name: _ctx.activeIcon
-            },
-            null,
-            8,
-            ["class", "name"]
-          )) : _ctx.isCurrent && _ctx.currentIcon ? (vue.openBlock(), vue.createBlock(
-            _component_var_icon,
-            {
-              key: 1,
-              class: vue.normalizeClass(_ctx.n("icon")),
-              "var-step-cover": "",
-              name: _ctx.currentIcon
-            },
-            null,
-            8,
-            ["class", "name"]
-          )) : _ctx.inactiveIcon ? (vue.openBlock(), vue.createBlock(
-            _component_var_icon,
-            {
-              key: 2,
-              class: vue.normalizeClass(_ctx.n("icon")),
-              "var-step-cover": "",
-              name: _ctx.inactiveIcon
-            },
-            null,
-            8,
-            ["class", "name"]
-          )) : (vue.openBlock(), vue.createElementBlock(
-            "span",
-            _hoisted_1$2,
-            vue.toDisplayString(_ctx.index + 1),
-            1
-            /* TEXT */
-          ))],
-          6
-          /* CLASS, STYLE */
-        ), vue.createElementVNode(
-          "div",
+          null,
+          8,
+          ["class", "name"]
+        )) : _ctx.isCurrent && _ctx.currentIcon ? (vue.openBlock(), vue.createBlock(
+          _component_var_icon,
           {
-            class: vue.normalizeClass(_ctx.classes(_ctx.n(_ctx.direction + "-content"), [_ctx.isActive || _ctx.isCurrent, _ctx.n(_ctx.direction + "-content--active")])),
-            onClick: _cache[1] || (_cache[1] = function() {
-              return _ctx.click && _ctx.click(...arguments);
-            })
+            key: 1,
+            class: vue.normalizeClass(_ctx.n("icon")),
+            "var-step-cover": "",
+            name: _ctx.currentIcon
           },
-          [vue.renderSlot(_ctx.$slots, "default")],
-          2
-          /* CLASS */
-        )],
+          null,
+          8,
+          ["class", "name"]
+        )) : _ctx.inactiveIcon ? (vue.openBlock(), vue.createBlock(
+          _component_var_icon,
+          {
+            key: 2,
+            class: vue.normalizeClass(_ctx.n("icon")),
+            "var-step-cover": "",
+            name: _ctx.inactiveIcon
+          },
+          null,
+          8,
+          ["class", "name"]
+        )) : (vue.openBlock(), vue.createElementBlock(
+          "span",
+          _hoisted_1$2,
+          vue.toDisplayString(_ctx.index + 1),
+          1
+          /* TEXT */
+        ))],
+        6
+        /* CLASS, STYLE */
+      ), vue.createElementVNode(
+        "div",
+        {
+          class: vue.normalizeClass(_ctx.classes(_ctx.n(_ctx.direction + "-content"), [_ctx.isActive || _ctx.isCurrent, _ctx.n(_ctx.direction + "-content--active")])),
+          onClick: _cache[1] || (_cache[1] = function() {
+            return _ctx.click && _ctx.click(...arguments);
+          })
+        },
+        [vue.renderSlot(_ctx.$slots, "default")],
         2
         /* CLASS */
-      ), !_ctx.isLastChild ? (vue.openBlock(), vue.createElementBlock(
+      ), vue.createElementVNode(
         "div",
         {
-          key: 0,
-          class: vue.normalizeClass(_ctx.n(_ctx.direction + "-line")),
-          style: vue.normalizeStyle({
-            margin: _ctx.lineMargin
-          })
+          class: vue.normalizeClass(_ctx.n(_ctx.direction + "-line"))
         },
         null,
-        6
-        /* CLASS, STYLE */
-      )) : vue.createCommentVNode("v-if", true)],
+        2
+        /* CLASS */
+      )],
       2
       /* CLASS */
     )],
@@ -22490,9 +22487,6 @@ var __sfc__$b = vue.defineComponent({
   },
   props: props$a,
   setup() {
-    var main2 = vue.ref(null);
-    var lineMargin = vue.ref("");
-    var isLastChild = vue.ref(false);
     var {
       index,
       steps: steps2,
@@ -22500,7 +22494,6 @@ var __sfc__$b = vue.defineComponent({
     } = useSteps();
     var {
       active,
-      length,
       activeColor,
       inactiveColor,
       direction,
@@ -22512,33 +22505,17 @@ var __sfc__$b = vue.defineComponent({
       index
     };
     var click = () => clickStep(index.value);
-    var getRef = (el) => {
-      if (direction.value === "horizontal") {
-        main2.value = el;
-      }
-    };
     bindSteps(stepProvider);
-    vue.watch(length, (newLength) => {
-      isLastChild.value = newLength - 1 === index.value;
-      if (main2.value) {
-        var margin = main2.value.offsetWidth / 2 - 14;
-        lineMargin.value = "0 -" + margin + "px";
-      }
-    });
     return {
       n: n$b,
       classes: classes$8,
-      main: main2,
       index,
       isActive,
       isCurrent,
       direction,
-      lineMargin,
       activeColor,
       inactiveColor,
-      isLastChild,
-      click,
-      getRef
+      click
     };
   }
 });
@@ -22595,7 +22572,6 @@ var __sfc__$a = vue.defineComponent({
     var inactiveColor = vue.computed(() => props2.inactiveColor);
     var direction = vue.computed(() => props2.direction);
     var {
-      length,
       bindStep
     } = useStep();
     var clickStep = (index) => {
@@ -22603,7 +22579,6 @@ var __sfc__$a = vue.defineComponent({
     };
     var stepsProvider = {
       active,
-      length,
       direction,
       activeColor,
       inactiveColor,
@@ -23742,8 +23717,9 @@ const fieldDecorator$1 = {
   "--field-decorator-blur-color": "rgb(255, 255, 255, .7)"
 };
 const pagination$1 = {
+  "--pagination-text-color": "#fff",
   "--pagination-list-bg-color": "#303030",
-  "--pagination-hover-bg-color": "#25293a",
+  "--pagination-hover-bg-color": "rgba(255, 255, 255, .15)",
   "--pagination-list-active-bg-color": "#25293a",
   "--pagination-list-active-color": "#4a7afe",
   "--pagination-item-background": "#303030"
@@ -25560,7 +25536,7 @@ const TimePickerSfc = "";
 const TooltipSfc = "";
 const uploader = "";
 const UploaderSfc = "";
-const version = "2.11.3";
+const version = "2.11.5";
 function install(app) {
   ActionSheet.install && app.use(ActionSheet);
   AppBar.install && app.use(AppBar);

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@varlet/ui",
-  "version": "2.11.3",
+  "version": "2.11.5",
   "description": "A material like components library",
   "main": "lib/varlet.cjs.js",
   "module": "es/index.mjs",
@@ -46,9 +46,9 @@
     "@popperjs/core": "^2.11.6",
     "dayjs": "^1.10.4",
     "decimal.js": "^10.2.1",
-    "@varlet/icons": "2.11.3",
-    "@varlet/use": "2.11.3",
-    "@varlet/shared": "2.11.3"
+    "@varlet/icons": "2.11.5",
+    "@varlet/shared": "2.11.5",
+    "@varlet/use": "2.11.5"
   },
   "devDependencies": {
     "@vue/runtime-core": "3.3.1",
@@ -63,8 +63,8 @@
     "typescript": "^4.4.4",
     "vue": "3.3.2",
     "vue-router": "4.2.0",
-    "@varlet/cli": "2.11.3",
-    "@varlet/touch-emulator": "2.11.3"
+    "@varlet/cli": "2.11.5",
+    "@varlet/touch-emulator": "2.11.5"
   },
   "browserslist": [
     "Chrome >= 54",

package/types/rate.d.ts

@@ -17,6 +17,7 @@ export interface RateProps extends BasicAttributes {
   half?: boolean
   disabled?: boolean
   readonly?: boolean
+  clearable?: boolean
   ripple?: boolean
   rules?: Array<(value: any) => any>
   onChange?: ListenerProp<(value: string | number) => void>