@varlet/ui 3.8.5 → 3.8.6

package/lib/varlet.cjs.js

@@ -21120,45 +21120,45 @@ function __render__$w(_ctx, _cache) {
       )), [
         [_directive_ripple, { disabled: _ctx.current >= _ctx.pageCount || _ctx.disabled }]
       ]),
-      _ctx.showSizeChanger ? (vue.openBlock(), vue.createElementBlock(
-        "li",
-        {
-          key: 2,
-          class: vue.normalizeClass(_ctx.classes(_ctx.n("size"), [_ctx.disabled, _ctx.n("item--disabled")]))
-        },
-        [
-          vue.createVNode(_component_var_menu_select, {
-            modelValue: _ctx.size,
-            "onUpdate:modelValue": _cache[5] || (_cache[5] = ($event) => _ctx.size = $event),
-            placement: "cover-top",
-            disabled: _ctx.disabled
-          }, {
-            options: vue.withCtx(() => [
-              (vue.openBlock(true), vue.createElementBlock(
-                vue.Fragment,
-                null,
-                vue.renderList(_ctx.sizeOption, (option, index) => {
-                  return vue.openBlock(), vue.createBlock(_component_var_menu_option, {
-                    key: index,
-                    value: option,
-                    onClick: _ctx.clickSize
-                  }, {
-                    default: vue.withCtx(() => [
-                      vue.createTextVNode(
-                        vue.toDisplayString(option) + vue.toDisplayString((_ctx.pt ? _ctx.pt : _ctx.t)("paginationItem")) + " / " + vue.toDisplayString((_ctx.pt ? _ctx.pt : _ctx.t)("paginationPage")),
-                        1
-                        /* TEXT */
-                      )
-                    ]),
-                    _: 2
-                    /* DYNAMIC */
-                  }, 1032, ["value", "onClick"]);
-                }),
-                128
-                /* KEYED_FRAGMENT */
-              ))
-            ]),
-            default: vue.withCtx(() => [
+      _ctx.showSizeChanger ? (vue.openBlock(), vue.createBlock(_component_var_menu_select, {
+        key: 2,
+        modelValue: _ctx.size,
+        "onUpdate:modelValue": _cache[5] || (_cache[5] = ($event) => _ctx.size = $event),
+        placement: "cover-top",
+        disabled: _ctx.disabled
+      }, {
+        options: vue.withCtx(() => [
+          (vue.openBlock(true), vue.createElementBlock(
+            vue.Fragment,
+            null,
+            vue.renderList(_ctx.sizeOption, (option, index) => {
+              return vue.openBlock(), vue.createBlock(_component_var_menu_option, {
+                key: index,
+                value: option,
+                onClick: _ctx.clickSize
+              }, {
+                default: vue.withCtx(() => [
+                  vue.createTextVNode(
+                    vue.toDisplayString(option) + vue.toDisplayString((_ctx.pt ? _ctx.pt : _ctx.t)("paginationItem")) + " / " + vue.toDisplayString((_ctx.pt ? _ctx.pt : _ctx.t)("paginationPage")),
+                    1
+                    /* TEXT */
+                  )
+                ]),
+                _: 2
+                /* DYNAMIC */
+              }, 1032, ["value", "onClick"]);
+            }),
+            128
+            /* KEYED_FRAGMENT */
+          ))
+        ]),
+        default: vue.withCtx(() => [
+          vue.createElementVNode(
+            "li",
+            {
+              class: vue.normalizeClass(_ctx.classes(_ctx.n("size"), [_ctx.disabled, _ctx.n("item--disabled")]))
+            },
+            [
               vue.createElementVNode(
                 "div",
                 {
@@ -21181,14 +21181,14 @@ function __render__$w(_ctx, _cache) {
                 2
                 /* CLASS */
               )
-            ]),
-            _: 1
-            /* STABLE */
-          }, 8, ["modelValue", "disabled"])
-        ],
-        2
-        /* CLASS */
-      )) : vue.createCommentVNode("v-if", true),
+            ],
+            2
+            /* CLASS */
+          )
+        ]),
+        _: 1
+        /* STABLE */
+      }, 8, ["modelValue", "disabled"])) : vue.createCommentVNode("v-if", true),
       _ctx.showQuickJumper && !_ctx.simple ? (vue.openBlock(), vue.createElementBlock(
         "li",
         {
@@ -27419,7 +27419,7 @@ var stdin_default$2B = {
   "--pagination-font-size": "var(--font-size-md)",
   "--pagination-active-color": "var(--color-on-primary)",
   "--pagination-active-bg-color": "var(--color-primary)",
-  "--pagination-total-margin": "0 12px",
+  "--pagination-total-margin": "0 10px",
   "--pagination-total-line-height": "24px",
   "--pagination-item-width": "32px",
   "--pagination-item-height": "32px",
@@ -27430,7 +27430,8 @@ var stdin_default$2B = {
   "--pagination-disabled-color": "var(--color-text-disabled)",
   "--pagination-bg-disabled-color": "var(--color-disabled)",
   "--pagination-size-line-height": "24px",
-  "--pagination-size-padding": "0 6px"
+  "--pagination-size-padding": "0 4px",
+  "--pagination-quick-jumper-margin": "0 10px"
 };
 var stdin_default$2A = {
   "--paper-background": "var(--color-surface-container-highest)",
@@ -27525,7 +27526,9 @@ var stdin_default$2r = {
   "--select-scroller-padding": "6px 0",
   "--select-scroller-max-height": "278px",
   "--select-scroller-border-radius": "2px",
-  "--select-chip-margin": "5px 5px 0",
+  "--select-chips-margin": "-5px 0 0 0",
+  "--select-chips-padding": "2px 0",
+  "--select-chip-margin": "5px 5px 0 0",
   "--select-arrow-size": "20px",
   "--select-standard-menu-margin": `calc(var(--field-decorator-placeholder-size) * 0.75 + 12px) 0 0 0`,
   "--select-label-font-size": "16px"
@@ -28453,7 +28456,7 @@ var stdin_default$1z = {
   "--pagination-active-color": "var(--color-on-primary)",
   "--pagination-active-bg-color": "var(--color-primary)",
   "--pagination-hover-bg-color": "rgba(85, 85, 85, 0.15)",
-  "--pagination-total-margin": "0 12px",
+  "--pagination-total-margin": "0 10px",
   "--pagination-total-line-height": "24px",
   "--pagination-item-width": "32px",
   "--pagination-item-height": "32px",
@@ -28464,7 +28467,8 @@ var stdin_default$1z = {
   "--pagination-disabled-color": "var(--color-text-disabled)",
   "--pagination-bg-disabled-color": "var(--color-disabled)",
   "--pagination-size-line-height": "24px",
-  "--pagination-size-padding": "0 6px"
+  "--pagination-size-padding": "0 4px",
+  "--pagination-quick-jumper-margin": "0 10px"
 };
 var stdin_default$1y = {
   "--paper-background": "var(--color-surface-container-highest)",
@@ -28559,7 +28563,9 @@ var stdin_default$1p = {
   "--select-scroller-border-radius": "4px",
   "--select-scroller-padding": "6px 0",
   "--select-scroller-max-height": "278px",
-  "--select-chip-margin": "5px 5px 0",
+  "--select-chips-margin": "-5px 0 0 0",
+  "--select-chips-padding": "2px 0",
+  "--select-chip-margin": "5px 5px 0 0",
   "--select-arrow-size": "20px",
   "--select-standard-menu-margin": `calc(var(--field-decorator-placeholder-size) * 0.75 + 12px) 0 0 0`,
   "--select-label-font-size": "16px"
@@ -29471,7 +29477,7 @@ var stdin_default$x = {
   "--pagination-active-color": "var(--color-on-primary)",
   "--pagination-active-bg-color": "var(--color-primary)",
   "--pagination-hover-bg-color": "rgba(85, 85, 85, 0.15)",
-  "--pagination-total-margin": "0 12px",
+  "--pagination-total-margin": "0 10px",
   "--pagination-total-line-height": "24px",
   "--pagination-item-width": "32px",
   "--pagination-item-height": "32px",
@@ -29483,7 +29489,8 @@ var stdin_default$x = {
   "--pagination-disabled-color": "var(--color-text-disabled)",
   "--pagination-bg-disabled-color": "var(--color-disabled)",
   "--pagination-size-line-height": "24px",
-  "--pagination-size-padding": "0 6px"
+  "--pagination-size-padding": "0 4px",
+  "--pagination-quick-jumper-margin": "0 10px"
 };
 var stdin_default$w = {
   "--paper-background": "var(--color-surface-container-low)",
@@ -29578,7 +29585,9 @@ var stdin_default$n = {
   "--select-scroller-border-radius": "4px",
   "--select-scroller-padding": "6px 0",
   "--select-scroller-max-height": "278px",
-  "--select-chip-margin": "5px 5px 0",
+  "--select-chips-margin": "-5px 0 0 0",
+  "--select-chips-padding": "2px 0",
+  "--select-chip-margin": "5px 5px 0 0",
   "--select-arrow-size": "20px",
   "--select-standard-menu-margin": `calc(var(--field-decorator-placeholder-size) * 0.75 + 12px) 0 0 0`,
   "--select-label-font-size": "16px"
@@ -31715,7 +31724,7 @@ withInstall(stdin_default$1);
 withPropsDefaultsSetter(stdin_default$1, props);
 const _WatermarkComponent = stdin_default$1;
 var stdin_default = stdin_default$1;
-const version = "3.8.5";
+const version = "3.8.6";
 function install(app) {
   stdin_default$5X.install && app.use(stdin_default$5X);
   stdin_default$5V.install && app.use(stdin_default$5V);

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@varlet/ui",
-  "version": "3.8.5",
-  "description": "A material like components library",
+  "version": "3.8.6",
+  "description": "A Vue3 component library based on Material Design 2 and 3, supporting mobile and desktop.",
   "keywords": [
     "Vue3",
     "Mobile",
@@ -44,9 +44,9 @@
     "@popperjs/core": "^2.11.6",
     "dayjs": "^1.10.4",
     "decimal.js": "^10.2.1",
-    "@varlet/shared": "3.8.5",
-    "@varlet/icons": "3.8.5",
-    "@varlet/use": "3.8.5"
+    "@varlet/icons": "3.8.6",
+    "@varlet/shared": "3.8.6",
+    "@varlet/use": "3.8.6"
   },
   "devDependencies": {
     "@types/node": "^18.7.18",
@@ -62,9 +62,9 @@
     "vue": "3.4.21",
     "vue-router": "4.2.0",
     "zod": "^3.23.8",
-    "@varlet/cli": "3.8.5",
-    "@varlet/ui": "3.8.5",
-    "@varlet/touch-emulator": "3.8.5"
+    "@varlet/ui": "3.8.6",
+    "@varlet/cli": "3.8.6",
+    "@varlet/touch-emulator": "3.8.6"
   },
   "peerDependencies": {
     "vue": "^3.2.0"

package/types/styleVars.d.ts

@@ -482,11 +482,14 @@ interface BaseStyleVars {
   '--pagination-item-height'?: string
   '--pagination-item-margin'?: string
   '--pagination-item-border-radius'?: string
+  '--pagination-item-background'?: string
+  '--pagination-item-simple-border-radius'?: string
   '--pagination-input-width'?: string
   '--pagination-disabled-color'?: string
   '--pagination-bg-disabled-color'?: string
   '--pagination-size-line-height'?: string
   '--pagination-size-padding'?: string
+  '--pagination-quick-jumper-margin'?: string
   '--paper-background'?: string
   '--paper-border-radius'?: string
   '--picker-background'?: string
@@ -562,6 +565,8 @@ interface BaseStyleVars {
   '--select-scroller-max-height'?: string
   '--select-scroller-border-radius'?: string
   '--select-label-font-size'?: string
+  '--select-chips-margin'?: string
+  '--select-chips-padding'?: string
   '--select-chip-margin'?: string
   '--select-arrow-size'?: string
   '--select-standard-menu-margin'?: string