@nutui/nutui 4.3.0-beta.1 → 4.3.0-beta.3

package/dist/packages/addresslist/AddressList.js

@@ -4,9 +4,10 @@ import { l as floatData } from "../util-4Jkyw4BJ.js";
 import { u as useLocale } from "../index-s3RgMhc7.js";
 import { Del, Edit } from "@nutui/icons-vue";
 import { _ as _export_sfc } from "../_plugin-vue_export-helper-yVxbj29m.js";
-import NutButton from "../button/Button.js";
+import { Button as _sfc_main$3 } from "../button/Button.js";
 import NutSwipe from "../swipe/Swipe.js";
 import "@nutui/nutui/dist/packages/locale/lang";
+import "../with-install-p59gYYU_.js";
 import "../index-084nl_oE.js";
 import "../types-qOrhXtA_.js";
 const { create: create$2 } = createComponent("address-list-item");
@@ -109,7 +110,7 @@ const _sfc_main$1 = create$1({
   emits: ["delIcon", "editIcon", "clickItem", "longDown", "longCopy", "longSet", "longDel", "swipeDel"],
   components: {
     ItemContents,
-    NutButton,
+    NutButton: _sfc_main$3,
     NutSwipe
   },
   setup(props, { emit }) {
@@ -328,7 +329,7 @@ const _sfc_main = create({
   },
   components: {
     GeneralShell,
-    NutButton
+    NutButton: _sfc_main$3
   },
   emits: ["delIcon", "editIcon", "clickItem", "longCopy", "longSet", "longDel", "swipeDel", "add"],
   setup(props, { emit }) {

package/dist/packages/audiooperate/AudioOperate.js

@@ -19,10 +19,11 @@ var __spreadValues = (a, b) => {
 var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
 import { inject, reactive, ref, useSlots, toRefs, resolveComponent, openBlock, createElementBlock, createBlock, withCtx, createTextVNode, toDisplayString, createCommentVNode, renderSlot } from "vue";
 import { c as createComponent } from "../component-TCzwHGVq.js";
-import NutButton from "../button/Button.js";
+import { Button as _sfc_main$1 } from "../button/Button.js";
 import { u as useLocale } from "../index-s3RgMhc7.js";
 import { _ as _export_sfc } from "../_plugin-vue_export-helper-yVxbj29m.js";
 import "@nutui/icons-vue";
+import "../with-install-p59gYYU_.js";
 import "@nutui/nutui/dist/packages/locale/lang";
 import "../util-4Jkyw4BJ.js";
 const { create } = createComponent("audio-operate");
@@ -36,7 +37,7 @@ const _sfc_main = create({
     }
   },
   components: {
-    NutButton
+    NutButton: _sfc_main$1
   },
   emits: ["click"],
   setup(props) {

package/dist/packages/avatar/index.css

@@ -1 +1 @@
-.nut-avatar{background-size:100% 100%;background-repeat:no-repeat;background-position:center center;display:inline-block;position:relative;flex:0 0 auto;text-align:center;vertical-align:top}.nut-avatar img{display:block;width:100%;height:100%}.nut-avatar .nut-icon{background-size:100% 100%;position:absolute;top:50%;left:50%;transform:translate(-50%, -50%)}.nut-avatar-large{width:var(--nut-avatar-large-width, 60px);height:var(--nut-avatar-large-height, 60px);line-height:var(--nut-avatar-large-height, 60px)}.nut-avatar-small{width:var(--nut-avatar-small-width, 32px);height:var(--nut-avatar-small-height, 32px);line-height:var(--nut-avatar-small-height, 32px)}.nut-avatar-normal{width:var(--nut-avatar-normal-width, 40px);height:var(--nut-avatar-normal-height, 40px);line-height:var(--nut-avatar-normal-height, 40px)}.nut-avatar-round{border-radius:50%}.nut-avatar-square{border-radius:var(--nut-avatar-square, 5px)}
+.nut-avatar{background-size:100% 100%;background-repeat:no-repeat;background-position:center center;display:inline-block;position:relative;flex:0 0 auto;text-align:center;vertical-align:top}.nut-avatar img{display:block;width:100%;height:100%}.nut-avatar .nut-icon{background-size:100% 100%;position:absolute;top:50%;left:50%;transform:translate(-50%, -50%)}.nut-avatar-large{width:var(--nut-avatar-large-width, 60px);height:var(--nut-avatar-large-height, 60px);line-height:var(--nut-avatar-large-height, 60px)}.nut-avatar-small{width:var(--nut-avatar-small-width, 32px);height:var(--nut-avatar-small-height, 32px);line-height:var(--nut-avatar-small-height, 32px)}.nut-avatar-normal{width:var(--nut-avatar-normal-width, 40px);height:var(--nut-avatar-normal-height, 40px);line-height:var(--nut-avatar-normal-height, 40px)}.nut-avatar-round{border-radius:50%;overflow:hidden}.nut-avatar-square{border-radius:var(--nut-avatar-square, 5px)}

package/dist/packages/avatar/index.scss

@@ -37,7 +37,7 @@
 }
 .nut-avatar-round {
   border-radius: 50%;
-  // overflow: hidden;
+  overflow: hidden;
 }
 .nut-avatar-square {
   border-radius: $avatar-square;

package/dist/packages/avatarcropper/AvatarCropper.js

@@ -38,18 +38,19 @@ var __async = (__this, __arguments, generator) => {
     step((generator = generator.apply(__this, __arguments)).next());
   });
 };
-import { reactive, ref, computed, watch, toRefs, resolveComponent, openBlock, createElementBlock, Fragment, createElementVNode, renderSlot, withDirectives, normalizeStyle, normalizeClass, createVNode, withCtx, createTextVNode, toDisplayString, vShow } from "vue";
-import NutButton from "../button/Button.js";
+import { reactive, ref, computed, watch, toRefs, resolveComponent, openBlock, createElementBlock, Fragment, createElementVNode, renderSlot, withDirectives, normalizeClass, normalizeStyle, createVNode, withCtx, createTextVNode, toDisplayString, vShow } from "vue";
+import { Button as _sfc_main$1 } from "../button/Button.js";
 import { c as createComponent } from "../component-TCzwHGVq.js";
 import { d as preventDefault, e as clamp } from "../util-4Jkyw4BJ.js";
 import { Refresh2, Retweet } from "@nutui/icons-vue";
 import { u as useTouch } from "../index-084nl_oE.js";
 import { u as useRect } from "../index-rf29bejW.js";
 import { _ as _export_sfc } from "../_plugin-vue_export-helper-yVxbj29m.js";
+import "../with-install-p59gYYU_.js";
 const { create } = createComponent("avatar-cropper");
 const _sfc_main = create({
   components: {
-    NutButton,
+    NutButton: _sfc_main$1,
     Refresh2,
     Retweet
   },
@@ -77,6 +78,10 @@ const _sfc_main = create({
     confirmText: {
       type: String,
       default: "确定"
+    },
+    shape: {
+      type: String,
+      default: "square"
     }
   },
   emits: ["confirm", "cancel"],
@@ -412,9 +417,9 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
         onTouchcancel: _cache[4] || (_cache[4] = (...args) => _ctx.onTouchEnd && _ctx.onTouchEnd(...args))
       }, [
         createElementVNode("div", {
-          class: "highlight",
+          class: normalizeClass(["highlight", { highlight__round: _ctx.shape === "round" }]),
           style: normalizeStyle(_ctx.highlightStyle)
-        }, null, 4)
+        }, null, 6)
       ], 32),
       createElementVNode("div", {
         class: normalizeClass(["nut-cropper-popup__toolbar", [_ctx.toolbarPosition]])

package/dist/packages/avatarcropper/index.css

@@ -1 +1 @@
-.nut-avatar-cropper{position:relative}.nut-avatar-cropper::after,.nut-avatar-cropper__edit-text{content:attr(data-edit-text);position:absolute;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,.3);z-index:1;color:#fff;display:flex;justify-content:center;align-items:center}.nut-avatar-cropper.taro::after{content:none}.nut-avatar-cropper__input{position:absolute;top:0;left:0;width:100%;height:100%;opacity:0;cursor:pointer;z-index:2}.nut-cropper-popup{position:fixed;top:0;left:0;width:100%;height:100%;background:var(--nut-overlay-bg-color, rgba(0, 0, 0, 0.7));z-index:1000}.nut-cropper-popup__canvas,.nut-cropper-popup__cut-canvas{position:absolute;bottom:0;left:0;width:100%;height:100%;z-index:1}.nut-cropper-popup__cut-canvas{z-index:0}.nut-cropper-popup__toolbar{position:absolute;bottom:0;left:0;width:100%;z-index:2}.nut-cropper-popup__toolbar.top{top:0;bottom:inherit}.nut-cropper-popup__toolbar .flex-sb{width:100%;display:flex;justify-content:space-between}.nut-cropper-popup__toolbar-item{color:#fff;padding:15px;cursor:pointer;display:flex;align-items:center}.nut-cropper-popup__highlight{position:absolute;left:0;top:0;width:100%;height:100%;z-index:1;background-color:rgba(0,0,0,0)}.nut-cropper-popup__highlight .highlight{position:absolute;width:365px;height:365px;left:50%;top:50%;transform:translate(-50%, -50%);z-index:1;background-color:rgba(0,0,0,0);box-shadow:0 0 1000px 1000px rgba(0,0,0,.6)}
+.nut-avatar-cropper{position:relative}.nut-avatar-cropper::after,.nut-avatar-cropper__edit-text{content:attr(data-edit-text);position:absolute;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,.3);z-index:1;color:#fff;display:flex;justify-content:center;align-items:center}.nut-avatar-cropper.taro::after{content:none}.nut-avatar-cropper__input{position:absolute;top:0;left:0;width:100%;height:100%;opacity:0;cursor:pointer;z-index:2}.nut-cropper-popup{position:fixed;top:0;left:0;width:100%;height:100%;background:var(--nut-overlay-bg-color, rgba(0, 0, 0, 0.7));z-index:1000}.nut-cropper-popup__canvas,.nut-cropper-popup__cut-canvas{position:absolute;bottom:0;left:0;width:100%;height:100%;z-index:1}.nut-cropper-popup__cut-canvas{z-index:0}.nut-cropper-popup__toolbar{position:absolute;bottom:0;left:0;width:100%;z-index:2}.nut-cropper-popup__toolbar.top{top:0;bottom:inherit}.nut-cropper-popup__toolbar .flex-sb{width:100%;display:flex;justify-content:space-between}.nut-cropper-popup__toolbar-item{color:#fff;padding:15px;cursor:pointer;display:flex;align-items:center}.nut-cropper-popup__highlight{position:absolute;left:0;top:0;width:100%;height:100%;z-index:1;background-color:rgba(0,0,0,0)}.nut-cropper-popup__highlight .highlight{position:absolute;width:365px;height:365px;left:50%;top:50%;transform:translate(-50%, -50%);z-index:1;background-color:rgba(0,0,0,0);box-shadow:0 0 1000px 1000px rgba(0,0,0,.6)}.nut-cropper-popup__highlight .highlight__round{border-radius:50%}

package/dist/packages/avatarcropper/index.scss

@@ -93,6 +93,9 @@
       z-index: 1;
       background-color: transparent;
       box-shadow: 0 0 1000px 1000px rgba(0, 0, 0, 0.6);
+      &__round {
+        border-radius: 50%;
+      }
     }
   }
 }

package/dist/packages/button/Button.js

@@ -1,12 +1,35 @@
-import { toRefs, computed, resolveComponent, openBlock, createElementBlock, normalizeClass, normalizeStyle, createElementVNode, createBlock, createCommentVNode, renderSlot } from "vue";
-import { c as createComponent } from "../component-TCzwHGVq.js";
+var __defProp = Object.defineProperty;
+var __defProps = Object.defineProperties;
+var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
+var __getOwnPropSymbols = Object.getOwnPropertySymbols;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __propIsEnum = Object.prototype.propertyIsEnumerable;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp.call(b, prop))
+      __defNormalProp(a, prop, b[prop]);
+  if (__getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(b)) {
+      if (__propIsEnum.call(b, prop))
+        __defNormalProp(a, prop, b[prop]);
+    }
+  return a;
+};
+var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
+import { defineComponent, toRefs, computed, openBlock, createElementBlock, normalizeClass, normalizeStyle, createElementVNode, unref, createBlock, createCommentVNode, renderSlot } from "vue";
 import { Loading } from "@nutui/icons-vue";
-import { _ as _export_sfc } from "../_plugin-vue_export-helper-yVxbj29m.js";
-const { componentName, create } = createComponent("button");
-const _sfc_main = create({
-  components: { Loading },
+import { w as withInstall } from "../with-install-p59gYYU_.js";
+const _hoisted_1 = { class: "nut-button__wrap" };
+const _sfc_main = /* @__PURE__ */ defineComponent(__spreadProps(__spreadValues({}, {
+  name: "NutButton"
+}), {
+  __name: "button",
   props: {
-    color: String,
+    color: {
+      type: String,
+      default: ""
+    },
     shape: {
       type: String,
       default: "round"
@@ -37,7 +60,9 @@ const _sfc_main = create({
     }
   },
   emits: ["click"],
-  setup(props, { emit }) {
+  setup(__props, { emit: __emit }) {
+    const props = __props;
+    const emit = __emit;
     const { type, size, shape, disabled, loading, color, plain, block } = toRefs(props);
     const handleClick = (event) => {
       if (!loading.value && !disabled.value) {
@@ -45,7 +70,7 @@ const _sfc_main = create({
       }
     };
     const classes = computed(() => {
-      const prefixCls = componentName;
+      const prefixCls = "nut-button";
       return {
         [prefixCls]: true,
         [`${prefixCls}--${type.value}`]: type.value,
@@ -58,53 +83,45 @@ const _sfc_main = create({
       };
     });
     const getStyle = computed(() => {
-      var _a;
-      const style = {};
+      let style = {};
       if (color == null ? void 0 : color.value) {
-        if (plain.value) {
-          style.color = color.value;
-          style.background = "#fff";
-          if (!((_a = color.value) == null ? void 0 : _a.includes("gradient"))) {
-            style.borderColor = color.value;
-          }
+        style = {
+          color: plain.value ? color.value : "#fff",
+          background: plain.value ? "#fff" : `border-box ${color.value}`
+        };
+        if (color.value.includes("gradient")) {
+          style.borderColor = "transparent";
         } else {
-          style.color = "#fff";
-          style.background = color.value;
+          style.borderColor = color.value;
         }
       }
       return style;
     });
-    return {
-      handleClick,
-      classes,
-      getStyle
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("view", {
+        class: normalizeClass(classes.value),
+        style: normalizeStyle(getStyle.value),
+        onClick: handleClick
+      }, [
+        createElementVNode("view", _hoisted_1, [
+          unref(loading) ? (openBlock(), createBlock(unref(Loading), {
+            key: 0,
+            class: "nut-icon-loading"
+          })) : createCommentVNode("", true),
+          _ctx.$slots.icon && !unref(loading) ? renderSlot(_ctx.$slots, "icon", { key: 1 }) : createCommentVNode("", true),
+          _ctx.$slots.default ? (openBlock(), createElementBlock("view", {
+            key: 2,
+            class: normalizeClass({ "nut-button__text": _ctx.$slots.icon || unref(loading) })
+          }, [
+            renderSlot(_ctx.$slots, "default")
+          ], 2)) : createCommentVNode("", true)
+        ])
+      ], 6);
     };
   }
-});
-const _hoisted_1 = { class: "nut-button__wrap" };
-function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
-  const _component_Loading = resolveComponent("Loading");
-  return openBlock(), createElementBlock("view", {
-    class: normalizeClass(_ctx.classes),
-    style: normalizeStyle(_ctx.getStyle),
-    onClick: _cache[0] || (_cache[0] = (...args) => _ctx.handleClick && _ctx.handleClick(...args))
-  }, [
-    createElementVNode("view", _hoisted_1, [
-      _ctx.loading ? (openBlock(), createBlock(_component_Loading, {
-        key: 0,
-        class: "nut-icon-loading"
-      })) : createCommentVNode("", true),
-      _ctx.$slots.icon && !_ctx.loading ? renderSlot(_ctx.$slots, "icon", { key: 1 }) : createCommentVNode("", true),
-      _ctx.$slots.default ? (openBlock(), createElementBlock("view", {
-        key: 2,
-        class: normalizeClass({ "nut-button__text": _ctx.$slots.icon || _ctx.loading })
-      }, [
-        renderSlot(_ctx.$slots, "default")
-      ], 2)) : createCommentVNode("", true)
-    ])
-  ], 6);
-}
-const NutButton = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render]]);
+}));
+withInstall(_sfc_main);
 export {
-  NutButton as default
+  _sfc_main as Button,
+  _sfc_main as default
 };

package/dist/packages/calendarcard/CalendarCard.js

@@ -1,8 +1,26 @@
-import { h, ref, computed, watchEffect, resolveComponent, withDirectives, openBlock, createElementBlock, createElementVNode, createVNode, toDisplayString, Fragment, renderList, normalizeClass, renderSlot, createTextVNode, vShow } from "vue";
+var __defProp = Object.defineProperty;
+var __defProps = Object.defineProperties;
+var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
+var __getOwnPropSymbols = Object.getOwnPropertySymbols;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __propIsEnum = Object.prototype.propertyIsEnumerable;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp.call(b, prop))
+      __defNormalProp(a, prop, b[prop]);
+  if (__getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(b)) {
+      if (__propIsEnum.call(b, prop))
+        __defNormalProp(a, prop, b[prop]);
+    }
+  return a;
+};
+var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
+import { h, defineComponent, ref, computed, watchEffect, withDirectives, openBlock, createElementBlock, createElementVNode, createVNode, unref, toDisplayString, Fragment, renderList, normalizeClass, renderSlot, createTextVNode, vShow } from "vue";
 import { U as Utils } from "../date-djiVNSnJ.js";
 import { u as useLocale } from "../index-s3RgMhc7.js";
-import { c as createComponent } from "../component-TCzwHGVq.js";
-import { _ as _export_sfc } from "../_plugin-vue_export-helper-yVxbj29m.js";
+import { w as withInstall } from "../with-install-p59gYYU_.js";
 import "@nutui/nutui/dist/packages/locale/lang";
 import "../util-4Jkyw4BJ.js";
 const Left = () => {
@@ -168,15 +186,23 @@ const compareDay = (day1, day2) => {
 const isSameDay = (day1, day2) => {
   return compareDay(day1, day2) === 0;
 };
+const _hoisted_1 = { class: "nut-calendarcard" };
+const _hoisted_2 = { class: "nut-calendarcard-header" };
+const _hoisted_3 = { class: "nut-calendarcard-header-left" };
+const _hoisted_4 = { class: "nut-calendarcard-header-title" };
+const _hoisted_5 = { class: "nut-calendarcard-header-right" };
+const _hoisted_6 = { class: "nut-calendarcard-content" };
+const _hoisted_7 = { class: "nut-calendarcard-days" };
+const _hoisted_8 = { class: "nut-calendarcard-days" };
+const _hoisted_9 = ["onClick"];
+const _hoisted_10 = { class: "nut-calendarcard-day-top" };
+const _hoisted_11 = { class: "nut-calendarcard-day-inner" };
+const _hoisted_12 = { class: "nut-calendarcard-day-bottom" };
 const cN = "NutCalendarCard";
-const { create } = createComponent("calendar-card");
-const _sfc_main = create({
-  components: {
-    DoubleLeft,
-    Left,
-    Right,
-    DoubleRight
-  },
+const _sfc_main = /* @__PURE__ */ defineComponent(__spreadProps(__spreadValues({}, {
+  name: cN
+}), {
+  __name: "calendar-card",
   props: {
     type: {
       type: String,
@@ -204,7 +230,9 @@ const _sfc_main = create({
     }
   },
   emits: ["update:modelValue", "change", "dayClick", "pageChange"],
-  setup(props, { emit, expose }) {
+  setup(__props, { expose: __expose, emit: __emit }) {
+    const props = __props;
+    const emit = __emit;
     const translate = useLocale(cN);
     const initMonth = () => {
       let date = new Date(Date.now());
@@ -224,10 +252,10 @@ const _sfc_main = create({
     const month = ref(initMonth());
     const days = ref([]);
     const weekHeader = computed(() => {
-      const weekdays = translate("weekdays").map((day, index2) => {
+      const weekdays = translate("weekdays").map((day, index) => {
         return {
           name: day,
-          key: index2
+          key: index
         };
       });
       return [...weekdays.slice(props.firstDayOfWeek, 7), ...weekdays.slice(0, props.firstDayOfWeek)];
@@ -420,106 +448,82 @@ const _sfc_main = create({
         }
       }
     };
-    expose({
+    __expose({
       jump,
       jumpTo
     });
-    return {
-      days,
-      month,
-      weekHeader,
-      getClasses,
-      handleDayClick,
-      jump,
-      translate
-    };
-  }
-});
-const _hoisted_1 = { class: "nut-calendarcard" };
-const _hoisted_2 = { class: "nut-calendarcard-header" };
-const _hoisted_3 = { class: "nut-calendarcard-header-left" };
-const _hoisted_4 = { class: "nut-calendarcard-header-title" };
-const _hoisted_5 = { class: "nut-calendarcard-header-right" };
-const _hoisted_6 = { class: "nut-calendarcard-content" };
-const _hoisted_7 = { class: "nut-calendarcard-days" };
-const _hoisted_8 = { class: "nut-calendarcard-days" };
-const _hoisted_9 = ["onClick"];
-const _hoisted_10 = { class: "nut-calendarcard-day-top" };
-const _hoisted_11 = { class: "nut-calendarcard-day-inner" };
-const _hoisted_12 = { class: "nut-calendarcard-day-bottom" };
-function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
-  const _component_DoubleLeft = resolveComponent("DoubleLeft");
-  const _component_Left = resolveComponent("Left");
-  const _component_Right = resolveComponent("Right");
-  const _component_DoubleRight = resolveComponent("DoubleRight");
-  return withDirectives((openBlock(), createElementBlock("div", _hoisted_1, [
-    createElementVNode("div", _hoisted_2, [
-      createElementVNode("div", _hoisted_3, [
-        createElementVNode("div", {
-          class: "double-left",
-          onClick: _cache[0] || (_cache[0] = ($event) => _ctx.jump(-12))
-        }, [
-          createVNode(_component_DoubleLeft)
-        ]),
-        createElementVNode("div", {
-          class: "left",
-          onClick: _cache[1] || (_cache[1] = ($event) => _ctx.jump(-1))
-        }, [
-          createVNode(_component_Left)
-        ])
-      ]),
-      createElementVNode("div", _hoisted_4, toDisplayString(_ctx.translate("monthTitle", _ctx.month.year, _ctx.month.month)), 1),
-      createElementVNode("div", _hoisted_5, [
-        createElementVNode("div", {
-          class: "right",
-          onClick: _cache[2] || (_cache[2] = ($event) => _ctx.jump(1))
-        }, [
-          createVNode(_component_Right)
-        ]),
-        createElementVNode("div", {
-          class: "double-right",
-          onClick: _cache[3] || (_cache[3] = ($event) => _ctx.jump(12))
-        }, [
-          createVNode(_component_DoubleRight)
-        ])
-      ])
-    ]),
-    createElementVNode("div", _hoisted_6, [
-      createElementVNode("div", _hoisted_7, [
-        (openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.weekHeader, (d) => {
-          return openBlock(), createElementBlock("div", {
-            key: d.name,
-            class: normalizeClass(["nut-calendarcard-day header", d.key === 0 || d.key === 6 ? "weekend" : ""])
-          }, toDisplayString(d.name), 3);
-        }), 128))
-      ]),
-      createElementVNode("div", _hoisted_8, [
-        (openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.days, (day) => {
-          return openBlock(), createElementBlock("div", {
-            key: `${day.year}-${day.month}-${day.date}`,
-            class: normalizeClass(["nut-calendarcard-day", [day.type, ..._ctx.getClasses(day)]]),
-            onClick: ($event) => _ctx.handleDayClick(day)
-          }, [
-            createElementVNode("div", _hoisted_10, [
-              renderSlot(_ctx.$slots, "top", { day })
+    return (_ctx, _cache) => {
+      return withDirectives((openBlock(), createElementBlock("div", _hoisted_1, [
+        createElementVNode("div", _hoisted_2, [
+          createElementVNode("div", _hoisted_3, [
+            createElementVNode("div", {
+              class: "double-left",
+              onClick: _cache[0] || (_cache[0] = ($event) => jump(-12))
+            }, [
+              createVNode(unref(DoubleLeft))
             ]),
-            createElementVNode("div", _hoisted_11, [
-              renderSlot(_ctx.$slots, "default", { day }, () => [
-                createTextVNode(toDisplayString(day.date), 1)
-              ])
+            createElementVNode("div", {
+              class: "left",
+              onClick: _cache[1] || (_cache[1] = ($event) => jump(-1))
+            }, [
+              createVNode(unref(Left))
+            ])
+          ]),
+          createElementVNode("div", _hoisted_4, toDisplayString(unref(translate)("monthTitle", month.value.year, month.value.month)), 1),
+          createElementVNode("div", _hoisted_5, [
+            createElementVNode("div", {
+              class: "right",
+              onClick: _cache[2] || (_cache[2] = ($event) => jump(1))
+            }, [
+              createVNode(unref(Right))
             ]),
-            createElementVNode("div", _hoisted_12, [
-              renderSlot(_ctx.$slots, "bottom", { day })
+            createElementVNode("div", {
+              class: "double-right",
+              onClick: _cache[3] || (_cache[3] = ($event) => jump(12))
+            }, [
+              createVNode(unref(DoubleRight))
             ])
-          ], 10, _hoisted_9);
-        }), 128))
-      ])
-    ])
-  ], 512)), [
-    [vShow, _ctx.days.length > 0]
-  ]);
-}
-const index = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render]]);
+          ])
+        ]),
+        createElementVNode("div", _hoisted_6, [
+          createElementVNode("div", _hoisted_7, [
+            (openBlock(true), createElementBlock(Fragment, null, renderList(weekHeader.value, (d) => {
+              return openBlock(), createElementBlock("div", {
+                key: d.name,
+                class: normalizeClass(["nut-calendarcard-day header", d.key === 0 || d.key === 6 ? "weekend" : ""])
+              }, toDisplayString(d.name), 3);
+            }), 128))
+          ]),
+          createElementVNode("div", _hoisted_8, [
+            (openBlock(true), createElementBlock(Fragment, null, renderList(days.value, (day) => {
+              return openBlock(), createElementBlock("div", {
+                key: `${day.year}-${day.month}-${day.date}`,
+                class: normalizeClass(["nut-calendarcard-day", [day.type, ...getClasses(day)]]),
+                onClick: ($event) => handleDayClick(day)
+              }, [
+                createElementVNode("div", _hoisted_10, [
+                  renderSlot(_ctx.$slots, "top", { day })
+                ]),
+                createElementVNode("div", _hoisted_11, [
+                  renderSlot(_ctx.$slots, "default", { day }, () => [
+                    createTextVNode(toDisplayString(day.date), 1)
+                  ])
+                ]),
+                createElementVNode("div", _hoisted_12, [
+                  renderSlot(_ctx.$slots, "bottom", { day })
+                ])
+              ], 10, _hoisted_9);
+            }), 128))
+          ])
+        ])
+      ], 512)), [
+        [vShow, days.value.length > 0]
+      ]);
+    };
+  }
+}));
+withInstall(_sfc_main);
 export {
-  index as default
+  _sfc_main as CalendarCard,
+  _sfc_main as default
 };

package/dist/packages/cell/Cell.js

@@ -11,15 +11,20 @@ const _sfc_main = create({
     title: { type: String, default: "" },
     subTitle: { type: String, default: "" },
     desc: { type: String, default: "" },
-    descTextAlign: { type: String, default: "right" },
+    descTextAlign: {
+      type: String,
+      default: "right"
+    },
     isLink: { type: Boolean, default: false },
     to: [String, Object],
     replace: { type: Boolean, default: false },
     roundRadius: { type: [String, Number], default: "" },
     url: { type: String, default: "" },
     center: { type: Boolean, default: false },
-    size: { type: String, default: "" }
-    // large
+    size: {
+      type: String,
+      default: "normal"
+    }
   },
   emits: ["click"],
   setup(props, { emit }) {
@@ -29,7 +34,7 @@ const _sfc_main = create({
         [prefixCls]: true,
         [`${prefixCls}--clickable`]: props.isLink || props.to,
         [`${prefixCls}--center`]: props.center,
-        [`${prefixCls}--large`]: props.size == "large"
+        [`${prefixCls}--large`]: props.size === "large"
       };
     });
     const router = useRouter();

package/dist/packages/dialog/Dialog.js

@@ -25,13 +25,14 @@ import { ref, onMounted, watch, computed, resolveComponent, openBlock, createBlo
 import { c as createComponent } from "../component-TCzwHGVq.js";
 import { f as funInterceptor } from "../Interceptor-WYVtGbGC.js";
 import { N as NutPopup, p as popupProps } from "../index-rbZsBckW.js";
-import NutButton from "../button/Button.js";
+import { Button as _sfc_main$1 } from "../button/Button.js";
 import { u as useLocale } from "../index-s3RgMhc7.js";
 import { _ as _export_sfc } from "../_plugin-vue_export-helper-yVxbj29m.js";
 import NutOverlay from "../overlay/Overlay.js";
 import { C as CreateComponent } from "../mountComponent-uInXoTMp.js";
 import "../util-4Jkyw4BJ.js";
 import "@nutui/icons-vue";
+import "../with-install-p59gYYU_.js";
 import "@nutui/nutui/dist/packages/locale/lang";
 const { create } = createComponent("dialog");
 const cN = "NutDialog";
@@ -39,7 +40,7 @@ const _sfc_main = create({
   inheritAttrs: false,
   components: {
     NutPopup,
-    NutButton
+    NutButton: _sfc_main$1
   },
   props: __spreadProps(__spreadValues({}, popupProps), {
     closeOnClickOverlay: {
@@ -293,7 +294,7 @@ class DialogFunction {
     const options = Object.assign(this.options, _options);
     const { unmount } = CreateComponent(options, {
       name: "dialog",
-      components: [NutPopup, NutButton, NutOverlay],
+      components: [NutPopup, _sfc_main$1, NutOverlay],
       wrapper: (elWrap, root) => {
         return {
           setup() {