@nutui/nutui 4.2.8 → 4.2.9

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/avatarcropper/AvatarCropper.js

@@ -39,17 +39,18 @@ var __async = (__this, __arguments, generator) => {
   });
 };
 import { reactive, ref, computed, watch, toRefs, resolveComponent, openBlock, createElementBlock, Fragment, createElementVNode, renderSlot, withDirectives, normalizeClass, normalizeStyle, createVNode, withCtx, createTextVNode, toDisplayString, vShow } from "vue";
-import NutButton from "../button/Button.js";
+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
   },

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/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() {

package/dist/packages/divider/Divider.js

@@ -1,8 +1,28 @@
-import { computed, openBlock, createElementBlock, normalizeClass, renderSlot, createCommentVNode } from "vue";
-import { c as createComponent } from "../component-TCzwHGVq.js";
-import { _ as _export_sfc } from "../_plugin-vue_export-helper-yVxbj29m.js";
-const { create } = createComponent("divider");
-const _sfc_main = create({
+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, useSlots, computed, openBlock, createElementBlock, normalizeClass, renderSlot, createCommentVNode } from "vue";
+import { w as withInstall } from "../with-install-p59gYYU_.js";
+const _sfc_main = /* @__PURE__ */ defineComponent(__spreadProps(__spreadValues({}, {
+  name: "NutDivider"
+}), {
+  __name: "divider",
   props: {
     contentPosition: {
       type: String,
@@ -21,13 +41,15 @@ const _sfc_main = create({
       default: "horizontal"
     }
   },
-  setup(props, context) {
+  setup(__props) {
+    const props = __props;
+    const slots = useSlots();
     const classes = computed(() => {
       const prefixCls = "nut-divider";
       if (props.direction === "horizontal") {
         return {
           [prefixCls]: true,
-          [`${prefixCls}-center`]: context.slots.default,
+          [`${prefixCls}-center`]: slots.default,
           [`${prefixCls}-left`]: props.contentPosition === "left",
           [`${prefixCls}-right`]: props.contentPosition === "right",
           [`${prefixCls}-dashed`]: props.dashed,
@@ -40,17 +62,17 @@ const _sfc_main = create({
         };
       }
     });
-    return { classes };
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("view", {
+        class: normalizeClass(classes.value)
+      }, [
+        __props.direction === "horizontal" ? renderSlot(_ctx.$slots, "default", { key: 0 }) : createCommentVNode("", true)
+      ], 2);
+    };
   }
-});
-function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
-  return openBlock(), createElementBlock("view", {
-    class: normalizeClass(_ctx.classes)
-  }, [
-    _ctx.direction === "horizontal" ? renderSlot(_ctx.$slots, "default", { key: 0 }) : createCommentVNode("", true)
-  ], 2);
-}
-const index = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render]]);
+}));
+withInstall(_sfc_main);
 export {
-  index as default
+  _sfc_main as Divider,
+  _sfc_main as default
 };

package/dist/packages/formitem/index.css

@@ -1 +1 @@
-.nut-theme-dark .nut-cell{background:var(--nut-dark-background2, #1b1b1b);color:var(--nut-dark-color, var(--nut-white, #fff));box-shadow:none}.nut-cell{position:relative;display:flex;width:100%;line-height:var(--nut-cell-line-height, 20px);padding:var(--nut-cell-padding, 13px 16px);background:var(--nut-cell-background, var(--nut-white, #fff));border-radius:var(--nut-cell-border-radius, 6px);box-shadow:var(--nut-cell-box-shadow, 0px 1px 7px 0px rgb(237, 238, 241));font-size:var(--nut-cell-title-font, var(--nut-font-size-2, 14px));color:var(--nut-cell-color, var(--nut-title-color2, #666666));margin:10px 0;box-sizing:border-box}.nut-cell--center{align-items:center}.nut-cell--large{font-size:var(--nut-cell-large-title-font, var(--nut-font-size-large, var(--nut-font-size-3, 16px)));padding:var(--nut-cell-large-padding, 15px 16px)}.nut-cell--large .nut-cell__title-desc{font-size:var(--nut-cell-large-title-desc-font, var(--nut-font-size-base, var(--nut-font-size-2, 14px)))}.nut-cell:last-child::after{border:0 !important}.nut-cell::after{position:absolute;box-sizing:border-box;content:" ";pointer-events:none;right:var(--nut-cell-after-right, 16px);bottom:0;left:16px;transform:scaleY(0.5)}.nut-cell:active::before{opacity:.1}.nut-cell--clickable{cursor:pointer}.nut-cell--clickable::before{position:absolute;top:50%;left:50%;width:100%;height:100%;background-color:var(--nut-black, #000);border:inherit;border-color:var(--nut-black, #000);border-radius:inherit;transform:translate(-50%, -50%);opacity:0;content:" "}.nut-cell__icon{display:flex;flex-direction:row;margin:var(--nut-cell-default-icon-margin, 0 4px 0 0px);align-items:center}.nut-cell__title{display:flex;flex-direction:column;flex:1;min-width:80px}.nut-cell__title-desc{font-size:var(--nut-cell-title-desc-font, var(--nut-font-size-1, 12px))}.nut-cell__value{display:inline-block;text-align:right;flex:1;font-size:var(--nut-cell-desc-font, var(--nut-font-size-2, 14px));color:var(--nut-cell-desc-color, var(--nut-disable-color, #cccccc))}.nut-cell__value--alone{color:var(--nut-cell-color, var(--nut-title-color2, #666666))}.nut-cell__link{color:#979797;align-self:center}.nut-theme-dark .nut-form-item__body__slots .nut-input-text{color:var(--nut-dark-color, var(--nut-white, #fff))}.nut-form-item{display:flex}.nut-form-item::before{position:absolute;box-sizing:border-box;content:" ";pointer-events:none;right:16px;bottom:0;left:16px;transform:scaleX(0)}.nut-form-item.error.line::before{border-bottom:1px solid var(--nut-form-item-error-line-color, var(--nut-required-color, #fa2c19));transform:scaleX(1);transition:transform 200ms cubic-bezier(0, 0, 0.2, 1) 0ms}.nut-form-item__label{font-size:var(--nut-form-item-label-font-size, 14px);font-weight:normal;width:var(--nut-form-item-label-width, 90px);margin-right:var(--nut-form-item-label-margin-right, 10px);flex:none !important;display:inline-block !important;word-wrap:break-word;text-align:var(--nut-form-item-label-text-align, left)}.nut-form-item__label.nut-cell__title{min-width:auto}.nut-form-item__label.required::before{content:"*";color:var(--nut-form-item-required-color, var(--nut-required-color, #fa2c19));margin-right:var(--nut-form-item-required-margin-right, 4px)}.nut-form-item__label.required.nut-form-item__star-right::before{content:none}.nut-form-item__label.required.nut-form-item__star-right::after{content:"*";color:var(--nut-form-item-required-color, var(--nut-required-color, #fa2c19));margin-left:var(--nut-form-item-required-margin-right, 4px)}.nut-form-item__body{flex:1;display:flex !important;flex-direction:column}.nut-form-item__body__slots{text-align:var(--nut-form-item-body-slots-text-align, left)}.nut-form-item__body__slots .nut-input-text{font-size:var(--nut-form-item-body-font-size, 14px);text-align:var(--nut-form-item-body-input-text-align, left);color:var(--nut-black, #000);width:100%;outline:0 none;border:0;text-decoration:none;background:rgba(0,0,0,0);padding:0;margin:0}.nut-form-item__body__slots .nut-range-container{min-height:24px}.nut-form-item__body__slots .nut-textarea{padding:0 !important}.nut-form-item__body__slots .nut-textarea .nut-textarea__textarea{text-align:var(--nut-form-item-body-input-text-align, left)}.nut-form-item__body__tips{text-align:var(--nut-form-item-tip-text-align, left);font-size:var(--nut-form-item-tip-font-size, 10px);color:var(--nut-form-item-error-message-color, var(--nut-required-color, #fa2c19))}.nut-form-item__right{--nut-form-item-label-text-align: right}.nut-form-item__top{flex-direction:column}.nut-form-item__top .nut-form-item__label{padding-bottom:5px;width:100%;box-sizing:border-box;display:block;padding-right:24px}
+.nut-theme-dark .nut-cell{background:var(--nut-dark-background2, #1b1b1b);color:var(--nut-dark-color, var(--nut-white, #fff));box-shadow:none}.nut-cell{position:relative;display:flex;width:100%;line-height:var(--nut-cell-line-height, 20px);padding:var(--nut-cell-padding, 13px 16px);background:var(--nut-cell-background, var(--nut-white, #fff));border-radius:var(--nut-cell-border-radius, 6px);box-shadow:var(--nut-cell-box-shadow, 0px 1px 7px 0px rgb(237, 238, 241));font-size:var(--nut-cell-title-font, var(--nut-font-size-2, 14px));color:var(--nut-cell-color, var(--nut-title-color2, #666666));margin:10px 0;box-sizing:border-box}.nut-cell--center{align-items:center}.nut-cell--large{font-size:var(--nut-cell-large-title-font, var(--nut-font-size-large, var(--nut-font-size-3, 16px)));padding:var(--nut-cell-large-padding, 15px 16px)}.nut-cell--large .nut-cell__title-desc{font-size:var(--nut-cell-large-title-desc-font, var(--nut-font-size-base, var(--nut-font-size-2, 14px)))}.nut-cell:last-child::after{border:0 !important}.nut-cell::after{position:absolute;box-sizing:border-box;content:" ";pointer-events:none;right:var(--nut-cell-after-right, 16px);bottom:0;left:16px;transform:scaleY(0.5)}.nut-cell:active::before{opacity:.1}.nut-cell--clickable{cursor:pointer}.nut-cell--clickable::before{position:absolute;top:50%;left:50%;width:100%;height:100%;background-color:var(--nut-black, #000);border:inherit;border-color:var(--nut-black, #000);border-radius:inherit;transform:translate(-50%, -50%);opacity:0;content:" "}.nut-cell__icon{display:flex;flex-direction:row;margin:var(--nut-cell-default-icon-margin, 0 4px 0 0px);align-items:center}.nut-cell__title{display:flex;flex-direction:column;flex:1;min-width:80px}.nut-cell__title-desc{font-size:var(--nut-cell-title-desc-font, var(--nut-font-size-1, 12px))}.nut-cell__value{display:inline-block;text-align:right;flex:1;font-size:var(--nut-cell-desc-font, var(--nut-font-size-2, 14px));color:var(--nut-cell-desc-color, var(--nut-disable-color, #cccccc))}.nut-cell__value--alone{color:var(--nut-cell-color, var(--nut-title-color2, #666666))}.nut-cell__link{color:#979797;align-self:center}.nut-theme-dark .nut-form-item__body__slots .nut-input-text{color:var(--nut-dark-color, var(--nut-white, #fff))}.nut-form-item{display:flex}.nut-form-item::before{position:absolute;box-sizing:border-box;content:" ";pointer-events:none;right:16px;bottom:0;left:16px;transform:scaleX(0)}.nut-form-item.error.line::before{border-bottom:1px solid var(--nut-form-item-error-line-color, var(--nut-required-color, #fa2c19));transform:scaleX(1);transition:transform 200ms cubic-bezier(0, 0, 0.2, 1) 0ms}.nut-form-item__label{font-size:var(--nut-form-item-label-font-size, 14px);font-weight:normal;width:var(--nut-form-item-label-width, 90px);margin-right:var(--nut-form-item-label-margin-right, 10px);flex:none !important;display:inline-block !important;word-wrap:break-word;text-align:var(--nut-form-item-label-text-align, left)}.nut-form-item__label.nut-cell__title{min-width:auto}.nut-form-item__label.required::before{content:"*";color:var(--nut-form-item-required-color, var(--nut-required-color, #fa2c19));margin-right:var(--nut-form-item-required-margin-right, 4px)}.nut-form-item__label.required.nut-form-item__star-right::before{content:none}.nut-form-item__label.required.nut-form-item__star-right::after{content:"*";color:var(--nut-form-item-required-color, var(--nut-required-color, #fa2c19));margin-left:var(--nut-form-item-required-margin-right, 4px)}.nut-form-item__body{flex:1;display:flex !important;flex-direction:column}.nut-form-item__body__slots{text-align:var(--nut-form-item-body-slots-text-align, left)}.nut-form-item__body__slots .nut-input{font-size:var(--nut-form-item-body-font-size, 14px);text-align:var(--nut-form-item-body-input-text-align, left);color:var(--nut-black, #000);width:100%;outline:0 none;border:0;text-decoration:none;background:rgba(0,0,0,0)}.nut-form-item__body__slots .nut-range-container{min-height:24px}.nut-form-item__body__slots .nut-textarea{padding:0 !important}.nut-form-item__body__slots .nut-textarea .nut-textarea__textarea{text-align:var(--nut-form-item-body-input-text-align, left)}.nut-form-item__body__tips{text-align:var(--nut-form-item-tip-text-align, left);font-size:var(--nut-form-item-tip-font-size, 10px);color:var(--nut-form-item-error-message-color, var(--nut-required-color, #fa2c19))}.nut-form-item__right{--nut-form-item-label-text-align: right}.nut-form-item__top{flex-direction:column}.nut-form-item__top .nut-form-item__label{padding-bottom:5px;width:100%;box-sizing:border-box;display:block;padding-right:24px}

package/dist/packages/formitem/index.scss

@@ -69,7 +69,7 @@
     flex-direction: column;
     &__slots {
       text-align: $form-item-body-slots-text-align;
-      .nut-input-text {
+      .nut-input {
         font-size: $form-item-body-font-size;
         text-align: $form-item-body-input-text-align;
         color: $black;
@@ -78,8 +78,6 @@
         border: 0;
         text-decoration: none;
         background: transparent;
-        padding: 0;
-        margin: 0;
       }
       .nut-range-container {
         min-height: 24px;

package/dist/packages/invoice/Invoice.js

@@ -23,7 +23,7 @@ import NutForm from "../form/Form.js";
 import NutFormItem from "../formitem/FormItem.js";
 import { _ as _sfc_main$1 } from "../index.vue_vue_type_script_lang-MJYVRFbp.js";
 import { _ as _sfc_main$2 } from "../index.vue_vue_type_script_lang-54PRh3YM.js";
-import NutButton from "../button/Button.js";
+import { Button as _sfc_main$3 } from "../button/Button.js";
 import { _ as _export_sfc } from "../_plugin-vue_export-helper-yVxbj29m.js";
 import "../util-4Jkyw4BJ.js";
 import "../types-Ynmct7na.js";
@@ -35,6 +35,7 @@ import "../index-Ii9XdkPy.js";
 import "@nutui/icons-vue";
 import "../useParent-KIxqkovs.js";
 import "../types-odSRziQJ.js";
+import "../with-install-p59gYYU_.js";
 const { componentName, create } = createComponent("invoice");
 const _sfc_main = create({
   components: {
@@ -42,7 +43,7 @@ const _sfc_main = create({
     NutFormItem,
     NutRadio: _sfc_main$1,
     NutRadioGroup: _sfc_main$2,
-    NutButton
+    NutButton: _sfc_main$3
   },
   props: {
     data: {

package/dist/packages/invoice/index.css

@@ -1 +1 @@
-.nut-button{position:relative;display:inline-block;width:auto;flex-shrink:0;height:var(--nut-button-default-height, 38px);box-sizing:border-box;margin:0;padding:0;line-height:var(--nut-button-default-line-height, 36px);font-size:var(--nut-button-default-font-size, var(--nut-font-size-2, 14px));text-align:center;cursor:pointer;transition:opacity .2s;appearance:none;user-select:none;touch-action:manipulation;vertical-align:bottom;-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-tap-highlight-color:rgba(0,0,0,0)}.nut-button .nut-button__text{margin-left:5px}.nut-button::before{position:absolute;top:50%;left:50%;width:100%;height:100%;background-color:var(--nut-black, #000);border:inherit;border-color:var(--nut-black, #000);border-radius:inherit;transform:translate(-50%, -50%);opacity:0;content:" "}.nut-button::after{border:none}.nut-button:active::before{opacity:.1}.nut-button__wrap{height:100%;width:100%;display:flex;align-items:center;justify-content:center}.nut-button--loading::before,.nut-button--disabled::before{display:none}.nut-button--default{color:var(--nut-button-default-color, rgb(102, 102, 102));background:var(--nut-button-default-bg-color, var(--nut-white, #fff));background-origin:border-box;border:var(--nut-button-border-width, 1px) solid var(--nut-button-default-border-color, rgb(204, 204, 204))}.nut-button--primary{color:var(--nut-button-primary-color, var(--nut-white, #fff));background:var(--nut-button-primary-background-color, linear-gradient(135deg, var(--nut-primary-color, var(--nut-primary-color, #fa2c19)) 0%, var(--nut-primary-color, var(--nut-primary-color, #fa2c19)) 100%));background-origin:border-box;border:var(--nut-button-border-width, 1px) solid rgba(0,0,0,0)}.nut-button--info{color:var(--nut-button-info-color, var(--nut-white, #fff));background:var(--nut-button-info-background-color, linear-gradient(315deg, rgb(73, 143, 242) 0%, rgb(73, 101, 242) 100%));background-origin:border-box;border:var(--nut-button-border-width, 1px) solid rgba(0,0,0,0)}.nut-button--success{color:var(--nut-button-success-color, var(--nut-white, #fff));background:var(--nut-button-success-background-color, linear-gradient(135deg, rgb(38, 191, 38) 0%, rgb(39, 197, 48) 45%, rgb(40, 207, 63) 83%, rgb(41, 212, 70) 100%));background-origin:border-box;border:var(--nut-button-border-width, 1px) solid rgba(0,0,0,0)}.nut-button--danger{color:var(--nut-button-danger-color, var(--nut-white, #fff));background:var(--nut-button-danger-background-color, rgb(250, 44, 25));background-origin:border-box;border:var(--nut-button-border-width, 1px) solid rgba(0,0,0,0)}.nut-button--warning{color:var(--nut-button-warning-color, var(--nut-white, #fff));background:var(--nut-button-warning-background-color, linear-gradient(135deg, rgb(255, 158, 13) 0%, rgb(255, 167, 13) 45%, rgb(255, 182, 13) 83%, rgb(255, 190, 13) 100%));background-origin:border-box;border:var(--nut-button-border-width, 1px) solid rgba(0,0,0,0)}.nut-button--plain{background:var(--nut-button-plain-background-color, var(--nut-white, #fff));background-origin:border-box}.nut-button--plain.nut-button--primary{color:var(--nut-button-primary-border-color, var(--nut-primary-color, #fa2c19));border-color:var(--nut-button-primary-border-color, var(--nut-primary-color, #fa2c19))}.nut-button--plain.nut-button--info{color:var(--nut-button-info-border-color, rgb(73, 106, 242));border-color:var(--nut-button-info-border-color, rgb(73, 106, 242))}.nut-button--plain.nut-button--success{color:var(--nut-button-success-border-color, rgb(38, 191, 38));border-color:var(--nut-button-success-border-color, rgb(38, 191, 38))}.nut-button--plain.nut-button--danger{color:var(--nut-button-danger-border-color, rgb(250, 44, 25));border-color:var(--nut-button-danger-border-color, rgb(250, 44, 25))}.nut-button--plain.nut-button--warning{color:var(--nut-button-warning-border-color, rgb(255, 158, 13));border-color:var(--nut-button-warning-border-color, rgb(255, 158, 13))}.nut-button--large{width:100%;height:var(--nut-button-large-height, 48px);line-height:var(--nut-button-large-line-height, 46px);font-size:var(--nut-button-large-font-size, var(--nut-button-default-font-size, var(--nut-font-size-2, 14px)))}.nut-button--normal{padding:var(--nut-button-default-padding, 0 18px);font-size:var(--nut-button-default-font-size, var(--nut-font-size-2, 14px))}.nut-button--small{height:var(--nut-button-small-height, 28px);line-height:var(--nut-button-small-line-height, 26px);padding:var(--nut-button-small-padding, 0 12px);font-size:var(--nut-button-small-font-size, var(--nut-font-size-1, 12px))}.nut-button--small.nut-button--round{border-radius:var(--nut-button-small-round-border-radius, var(--nut-button-border-radius, 25px))}.nut-button--mini{height:var(--nut-button-mini-height, 24px);line-height:var(--nut-button-mini-line-height, 1.2);padding:var(--nut-button-mini-padding, 0 12px);font-size:var(--nut-button-mini-font-size, var(--nut-font-size-1, 12px))}.nut-button--block{display:block;width:100%}.nut-button--disabled{cursor:not-allowed;opacity:var(--nut-button-disabled-opacity, 0.68)}.nut-button--loading{cursor:default;opacity:.9}.nut-button--round{border-radius:var(--nut-button-border-radius, 25px)}.nut-button--square{border-radius:0}.nut-button--default:not([disabled]):active{color:var(--nut-button-default-color, rgb(102, 102, 102));background:var(--nut-button-default-bg-color, var(--nut-white, #fff));background-origin:border-box;border:var(--nut-button-border-width, 1px) solid var(--nut-button-default-border-color, rgb(204, 204, 204))}.nut-button--primary:not([disabled]):active{color:var(--nut-button-primary-color, var(--nut-white, #fff));background:var(--nut-button-primary-background-color, linear-gradient(135deg, var(--nut-primary-color, var(--nut-primary-color, #fa2c19)) 0%, var(--nut-primary-color, var(--nut-primary-color, #fa2c19)) 100%));background-origin:border-box;border:var(--nut-button-border-width, 1px) solid rgba(0,0,0,0)}.nut-button--info:not([disabled]):active{color:var(--nut-button-info-color, var(--nut-white, #fff));background:var(--nut-button-info-background-color, linear-gradient(315deg, rgb(73, 143, 242) 0%, rgb(73, 101, 242) 100%));background-origin:border-box;border:var(--nut-button-border-width, 1px) solid rgba(0,0,0,0)}.nut-button--success:not([disabled]):active{color:var(--nut-button-success-color, var(--nut-white, #fff));background:var(--nut-button-success-background-color, linear-gradient(135deg, rgb(38, 191, 38) 0%, rgb(39, 197, 48) 45%, rgb(40, 207, 63) 83%, rgb(41, 212, 70) 100%));background-origin:border-box;border:var(--nut-button-border-width, 1px) solid rgba(0,0,0,0)}.nut-button--danger:not([disabled]):active{color:var(--nut-button-danger-color, var(--nut-white, #fff));background:var(--nut-button-danger-background-color, rgb(250, 44, 25));background-origin:border-box;border:var(--nut-button-border-width, 1px) solid rgba(0,0,0,0)}.nut-button--warning:not([disabled]):active{color:var(--nut-button-warning-color, var(--nut-white, #fff));background:var(--nut-button-warning-background-color, linear-gradient(135deg, rgb(255, 158, 13) 0%, rgb(255, 167, 13) 45%, rgb(255, 182, 13) 83%, rgb(255, 190, 13) 100%));background-origin:border-box;border:var(--nut-button-border-width, 1px) solid rgba(0,0,0,0)}.nut-button--plain:not([disabled]):active{background:var(--nut-button-plain-background-color, var(--nut-white, #fff));background-origin:border-box}.nut-button--plain.nut-button--primary:not([disabled]):active{color:var(--nut-button-primary-border-color, var(--nut-primary-color, #fa2c19));border-color:var(--nut-button-primary-border-color, var(--nut-primary-color, #fa2c19))}.nut-button--plain.nut-button--info:not([disabled]):active{color:var(--nut-button-info-border-color, rgb(73, 106, 242));border-color:var(--nut-button-info-border-color, rgb(73, 106, 242))}.nut-button--plain.nut-button--success:not([disabled]):active{color:var(--nut-button-success-border-color, rgb(38, 191, 38));border-color:var(--nut-button-success-border-color, rgb(38, 191, 38))}.nut-button--plain.nut-button--danger:not([disabled]):active{color:var(--nut-button-danger-border-color, rgb(250, 44, 25));border-color:var(--nut-button-danger-border-color, rgb(250, 44, 25))}.nut-button--plain.nut-button--warning:not([disabled]):active{color:var(--nut-button-warning-border-color, rgb(255, 158, 13));border-color:var(--nut-button-warning-border-color, rgb(255, 158, 13))}.nut-radio-group{display:inline-block}.nut-radio-group .nut-radio{margin-bottom:5px}.nut-radio-group--horizontal .nut-radio{display:inline-flex;margin-right:10px}.nut-radio-group--horizontal .nut-radio--round .nut-radio__label{margin:0 6px}.nut-theme-dark .nut-radio__label{color:var(--nut-dark-color, var(--nut-white, #fff))}.nut-theme-dark .nut-radio__label--disabled{color:var(--nut-radio-label-disable-color, #999)}.nut-theme-dark .nut-radio__button{background:var(--nut-dark-background, #131313);color:var(--nut-dark-color, var(--nut-white, #fff))}.nut-theme-dark .nut-radio__button--disabled{color:var(--nut-radio-label-disable-color, #999);border:1px solid var(--nut-radio-label-disable-color, #999)}.nut-radio{display:flex;align-items:center;flex-shrink:0;cursor:pointer}.nut-radio:last-child{margin-bottom:0 !important;margin-right:0 !important}.nut-radio--reverse{flex-direction:row-reverse}.nut-radio--reverse .nut-radio__label{margin-right:var(--nut-radio-label-margin-left, 15px);margin-left:0}.nut-radio__button{display:inline-flex;align-items:center;padding:var(--nut-radio-button-padding, 5px 18px);font-size:var(--nut-radio-button-font-size, 12px);background:#f6f7f9;border-radius:var(--nut-radio-button-border-radius, 15px);color:var(--nut-radio-label-font-color, #1d1e1e);box-sizing:border-box;border:1px solid #f6f7f9}.nut-radio__button--active{background:rgba(0,0,0,0);color:var(--nut-radio-label-font-active-color, var(--nut-primary-color, #fa2c19));border:1px solid var(--nut-radio-label-button-border-color, var(--nut-primary-color, #fa2c19));position:relative}.nut-radio__button--active::after{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;background-color:var(--nut-radio-label-button-background, var(--nut-primary-color, #fa2c19));border-radius:var(--nut-radio-button-border-radius, 15px);opacity:.05;content:""}.nut-radio__button--disabled{color:var(--nut-radio-label-disable-color, #999);border:none}.nut-radio__button--large{height:var(--nut-button-large-height, 48px);line-height:var(--nut-button-large-line-height, 46px);font-size:var(--nut-button-large-font-size, var(--nut-button-default-font-size, var(--nut-font-size-2, 14px)))}.nut-radio__button--small{height:var(--nut-button-small-height, 28px);line-height:var(--nut-button-small-line-height, 26px);padding:var(--nut-button-small-padding, 0 12px);font-size:var(--nut-button-small-font-size, var(--nut-font-size-1, 12px))}.nut-radio__button--mini{height:var(--nut-button-mini-height, 24px);line-height:var(--nut-button-mini-line-height, 1.2);padding:var(--nut-button-mini-padding, 0 12px);font-size:var(--nut-button-mini-font-size, var(--nut-font-size-1, 12px))}.nut-radio__label{flex:1;margin-left:var(--nut-radio-label-margin-left, 15px);font-size:var(--nut-radio-label-font-size, 14px);color:var(--nut-radio-label-font-color, #1d1e1e)}.nut-radio__label--disabled{color:var(--nut-radio-label-disable-color, #999)}.nut-radio__icon{color:var(--nut-radio-label-font-active-color, var(--nut-primary-color, #fa2c19));transition-duration:.3s;transition-property:color,border-color,background-color}.nut-radio__icon--unchecked{color:var(--nut-radio-icon-disable-color, #d6d6d6)}.nut-radio__icon--disable{color:var(--nut-radio-icon-disable-color2, var(--nut-help-color, #f5f5f5))}.nut-cell-group{display:block}.nut-cell-group__title{display:inherit;padding:var(--nut-cell-group-title-padding, 0 10px);color:var(--nut-cell-group-title-color, #909ca4);font-size:var(--nut-cell-group-title-font-size, var(--nut-font-size-2, 14px));line-height:var(--nut-cell-group-title-line-height, 20px);margin-top:30px;margin-bottom:10px}.nut-cell-group__desc{display:inherit;padding:var(--nut-cell-group-desc-padding, 0 10px);color:var(--nut-cell-group-desc-color, #909ca4);font-size:var(--nut-cell-group-desc-font-size, var(--nut-font-size-1, 12px));line-height:var(--nut-cell-group-desc-line-height, 16px);margin-top:10px;margin-bottom:10px}.nut-cell-group__wrap{display:inherit;border-radius:var(--nut-cell-border-radius, 6px);box-shadow:var(--nut-cell-box-shadow, 0px 1px 7px 0px rgb(237, 238, 241));overflow:hidden;background-color:var(--nut-cell-group-background-color, var(--nut-white, #fff));margin:10px 0}.nut-cell-group__wrap .nut-cell{margin:0;box-shadow:none;border-radius:0}.nut-cell-group .nut-cell::after{border-bottom:var(--nut-cell-after-border-bottom, 1px solid #f5f6f7)}.nut-theme-dark .nut-cell{background:var(--nut-dark-background2, #1b1b1b);color:var(--nut-dark-color, var(--nut-white, #fff));box-shadow:none}.nut-cell{position:relative;display:flex;width:100%;line-height:var(--nut-cell-line-height, 20px);padding:var(--nut-cell-padding, 13px 16px);background:var(--nut-cell-background, var(--nut-white, #fff));border-radius:var(--nut-cell-border-radius, 6px);box-shadow:var(--nut-cell-box-shadow, 0px 1px 7px 0px rgb(237, 238, 241));font-size:var(--nut-cell-title-font, var(--nut-font-size-2, 14px));color:var(--nut-cell-color, var(--nut-title-color2, #666666));margin:10px 0;box-sizing:border-box}.nut-cell--center{align-items:center}.nut-cell--large{font-size:var(--nut-cell-large-title-font, var(--nut-font-size-large, var(--nut-font-size-3, 16px)));padding:var(--nut-cell-large-padding, 15px 16px)}.nut-cell--large .nut-cell__title-desc{font-size:var(--nut-cell-large-title-desc-font, var(--nut-font-size-base, var(--nut-font-size-2, 14px)))}.nut-cell:last-child::after{border:0 !important}.nut-cell::after{position:absolute;box-sizing:border-box;content:" ";pointer-events:none;right:var(--nut-cell-after-right, 16px);bottom:0;left:16px;transform:scaleY(0.5)}.nut-cell:active::before{opacity:.1}.nut-cell--clickable{cursor:pointer}.nut-cell--clickable::before{position:absolute;top:50%;left:50%;width:100%;height:100%;background-color:var(--nut-black, #000);border:inherit;border-color:var(--nut-black, #000);border-radius:inherit;transform:translate(-50%, -50%);opacity:0;content:" "}.nut-cell__icon{display:flex;flex-direction:row;margin:var(--nut-cell-default-icon-margin, 0 4px 0 0px);align-items:center}.nut-cell__title{display:flex;flex-direction:column;flex:1;min-width:80px}.nut-cell__title-desc{font-size:var(--nut-cell-title-desc-font, var(--nut-font-size-1, 12px))}.nut-cell__value{display:inline-block;text-align:right;flex:1;font-size:var(--nut-cell-desc-font, var(--nut-font-size-2, 14px));color:var(--nut-cell-desc-color, var(--nut-disable-color, #cccccc))}.nut-cell__value--alone{color:var(--nut-cell-color, var(--nut-title-color2, #666666))}.nut-cell__link{color:#979797;align-self:center}.nut-theme-dark .nut-form-item__body__slots .nut-input-text{color:var(--nut-dark-color, var(--nut-white, #fff))}.nut-form-item{display:flex}.nut-form-item::before{position:absolute;box-sizing:border-box;content:" ";pointer-events:none;right:16px;bottom:0;left:16px;transform:scaleX(0)}.nut-form-item.error.line::before{border-bottom:1px solid var(--nut-form-item-error-line-color, var(--nut-required-color, #fa2c19));transform:scaleX(1);transition:transform 200ms cubic-bezier(0, 0, 0.2, 1) 0ms}.nut-form-item__label{font-size:var(--nut-form-item-label-font-size, 14px);font-weight:normal;width:var(--nut-form-item-label-width, 90px);margin-right:var(--nut-form-item-label-margin-right, 10px);flex:none !important;display:inline-block !important;word-wrap:break-word;text-align:var(--nut-form-item-label-text-align, left)}.nut-form-item__label.nut-cell__title{min-width:auto}.nut-form-item__label.required::before{content:"*";color:var(--nut-form-item-required-color, var(--nut-required-color, #fa2c19));margin-right:var(--nut-form-item-required-margin-right, 4px)}.nut-form-item__label.required.nut-form-item__star-right::before{content:none}.nut-form-item__label.required.nut-form-item__star-right::after{content:"*";color:var(--nut-form-item-required-color, var(--nut-required-color, #fa2c19));margin-left:var(--nut-form-item-required-margin-right, 4px)}.nut-form-item__body{flex:1;display:flex !important;flex-direction:column}.nut-form-item__body__slots{text-align:var(--nut-form-item-body-slots-text-align, left)}.nut-form-item__body__slots .nut-input-text{font-size:var(--nut-form-item-body-font-size, 14px);text-align:var(--nut-form-item-body-input-text-align, left);color:var(--nut-black, #000);width:100%;outline:0 none;border:0;text-decoration:none;background:rgba(0,0,0,0);padding:0;margin:0}.nut-form-item__body__slots .nut-range-container{min-height:24px}.nut-form-item__body__slots .nut-textarea{padding:0 !important}.nut-form-item__body__slots .nut-textarea .nut-textarea__textarea{text-align:var(--nut-form-item-body-input-text-align, left)}.nut-form-item__body__tips{text-align:var(--nut-form-item-tip-text-align, left);font-size:var(--nut-form-item-tip-font-size, 10px);color:var(--nut-form-item-error-message-color, var(--nut-required-color, #fa2c19))}.nut-form-item__right{--nut-form-item-label-text-align: right}.nut-form-item__top{flex-direction:column}.nut-form-item__top .nut-form-item__label{padding-bottom:5px;width:100%;box-sizing:border-box;display:block;padding-right:24px}.nut-theme-dark .nut-invoice .nut-invoice__submit{background:var(--nut-dark-background2, #1b1b1b)}.nut-invoice{width:100%;position:relative}.nut-invoice .nut-cell{align-items:baseline}.nut-invoice__submit{position:fixed;bottom:0;width:100%;padding:var(--nut-invoice-padding, 10px 10px 20px);display:flex;align-items:center;justify-content:center;background:#fff;box-sizing:border-box;bottom:constant(safe-area-inset-bottom);bottom:env(safe-area-inset-bottom)}.nut-invoice .nut-radio{display:inline-block;margin-right:6px;margin-bottom:0}
+.nut-button{position:relative;display:inline-block;width:auto;flex-shrink:0;height:var(--nut-button-default-height, 38px);box-sizing:border-box;margin:0;padding:0;line-height:var(--nut-button-default-line-height, 36px);font-size:var(--nut-button-default-font-size, var(--nut-font-size-2, 14px));text-align:center;cursor:pointer;transition:opacity .2s;appearance:none;user-select:none;touch-action:manipulation;vertical-align:bottom;-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-tap-highlight-color:rgba(0,0,0,0)}.nut-button .nut-button__text{margin-left:5px}.nut-button::before{position:absolute;top:50%;left:50%;width:100%;height:100%;background-color:var(--nut-black, #000);border:inherit;border-color:var(--nut-black, #000);border-radius:inherit;transform:translate(-50%, -50%);opacity:0;content:" "}.nut-button::after{border:none}.nut-button:active::before{opacity:.1}.nut-button__wrap{height:100%;width:100%;display:flex;align-items:center;justify-content:center}.nut-button--loading::before,.nut-button--disabled::before{display:none}.nut-button--default{color:var(--nut-button-default-color, rgb(102, 102, 102));background:var(--nut-button-default-bg-color, var(--nut-white, #fff));background-origin:border-box;border:var(--nut-button-border-width, 1px) solid var(--nut-button-default-border-color, rgb(204, 204, 204))}.nut-button--primary{color:var(--nut-button-primary-color, var(--nut-white, #fff));background:var(--nut-button-primary-background-color, linear-gradient(135deg, var(--nut-primary-color, var(--nut-primary-color, #fa2c19)) 0%, var(--nut-primary-color, var(--nut-primary-color, #fa2c19)) 100%));background-origin:border-box;border:var(--nut-button-border-width, 1px) solid rgba(0,0,0,0)}.nut-button--info{color:var(--nut-button-info-color, var(--nut-white, #fff));background:var(--nut-button-info-background-color, linear-gradient(315deg, rgb(73, 143, 242) 0%, rgb(73, 101, 242) 100%));background-origin:border-box;border:var(--nut-button-border-width, 1px) solid rgba(0,0,0,0)}.nut-button--success{color:var(--nut-button-success-color, var(--nut-white, #fff));background:var(--nut-button-success-background-color, linear-gradient(135deg, rgb(38, 191, 38) 0%, rgb(39, 197, 48) 45%, rgb(40, 207, 63) 83%, rgb(41, 212, 70) 100%));background-origin:border-box;border:var(--nut-button-border-width, 1px) solid rgba(0,0,0,0)}.nut-button--danger{color:var(--nut-button-danger-color, var(--nut-white, #fff));background:var(--nut-button-danger-background-color, rgb(250, 44, 25));background-origin:border-box;border:var(--nut-button-border-width, 1px) solid rgba(0,0,0,0)}.nut-button--warning{color:var(--nut-button-warning-color, var(--nut-white, #fff));background:var(--nut-button-warning-background-color, linear-gradient(135deg, rgb(255, 158, 13) 0%, rgb(255, 167, 13) 45%, rgb(255, 182, 13) 83%, rgb(255, 190, 13) 100%));background-origin:border-box;border:var(--nut-button-border-width, 1px) solid rgba(0,0,0,0)}.nut-button--plain{background:var(--nut-button-plain-background-color, var(--nut-white, #fff));background-origin:border-box}.nut-button--plain.nut-button--primary{color:var(--nut-button-primary-border-color, var(--nut-primary-color, #fa2c19));border-color:var(--nut-button-primary-border-color, var(--nut-primary-color, #fa2c19))}.nut-button--plain.nut-button--info{color:var(--nut-button-info-border-color, rgb(73, 106, 242));border-color:var(--nut-button-info-border-color, rgb(73, 106, 242))}.nut-button--plain.nut-button--success{color:var(--nut-button-success-border-color, rgb(38, 191, 38));border-color:var(--nut-button-success-border-color, rgb(38, 191, 38))}.nut-button--plain.nut-button--danger{color:var(--nut-button-danger-border-color, rgb(250, 44, 25));border-color:var(--nut-button-danger-border-color, rgb(250, 44, 25))}.nut-button--plain.nut-button--warning{color:var(--nut-button-warning-border-color, rgb(255, 158, 13));border-color:var(--nut-button-warning-border-color, rgb(255, 158, 13))}.nut-button--large{width:100%;height:var(--nut-button-large-height, 48px);line-height:var(--nut-button-large-line-height, 46px);font-size:var(--nut-button-large-font-size, var(--nut-button-default-font-size, var(--nut-font-size-2, 14px)))}.nut-button--normal{padding:var(--nut-button-default-padding, 0 18px);font-size:var(--nut-button-default-font-size, var(--nut-font-size-2, 14px))}.nut-button--small{height:var(--nut-button-small-height, 28px);line-height:var(--nut-button-small-line-height, 26px);padding:var(--nut-button-small-padding, 0 12px);font-size:var(--nut-button-small-font-size, var(--nut-font-size-1, 12px))}.nut-button--small.nut-button--round{border-radius:var(--nut-button-small-round-border-radius, var(--nut-button-border-radius, 25px))}.nut-button--mini{height:var(--nut-button-mini-height, 24px);line-height:var(--nut-button-mini-line-height, 1.2);padding:var(--nut-button-mini-padding, 0 12px);font-size:var(--nut-button-mini-font-size, var(--nut-font-size-1, 12px))}.nut-button--block{display:block;width:100%}.nut-button--disabled{cursor:not-allowed;opacity:var(--nut-button-disabled-opacity, 0.68)}.nut-button--loading{cursor:default;opacity:.9}.nut-button--round{border-radius:var(--nut-button-border-radius, 25px)}.nut-button--square{border-radius:0}.nut-button--default:not([disabled]):active{color:var(--nut-button-default-color, rgb(102, 102, 102));background:var(--nut-button-default-bg-color, var(--nut-white, #fff));background-origin:border-box;border:var(--nut-button-border-width, 1px) solid var(--nut-button-default-border-color, rgb(204, 204, 204))}.nut-button--primary:not([disabled]):active{color:var(--nut-button-primary-color, var(--nut-white, #fff));background:var(--nut-button-primary-background-color, linear-gradient(135deg, var(--nut-primary-color, var(--nut-primary-color, #fa2c19)) 0%, var(--nut-primary-color, var(--nut-primary-color, #fa2c19)) 100%));background-origin:border-box;border:var(--nut-button-border-width, 1px) solid rgba(0,0,0,0)}.nut-button--info:not([disabled]):active{color:var(--nut-button-info-color, var(--nut-white, #fff));background:var(--nut-button-info-background-color, linear-gradient(315deg, rgb(73, 143, 242) 0%, rgb(73, 101, 242) 100%));background-origin:border-box;border:var(--nut-button-border-width, 1px) solid rgba(0,0,0,0)}.nut-button--success:not([disabled]):active{color:var(--nut-button-success-color, var(--nut-white, #fff));background:var(--nut-button-success-background-color, linear-gradient(135deg, rgb(38, 191, 38) 0%, rgb(39, 197, 48) 45%, rgb(40, 207, 63) 83%, rgb(41, 212, 70) 100%));background-origin:border-box;border:var(--nut-button-border-width, 1px) solid rgba(0,0,0,0)}.nut-button--danger:not([disabled]):active{color:var(--nut-button-danger-color, var(--nut-white, #fff));background:var(--nut-button-danger-background-color, rgb(250, 44, 25));background-origin:border-box;border:var(--nut-button-border-width, 1px) solid rgba(0,0,0,0)}.nut-button--warning:not([disabled]):active{color:var(--nut-button-warning-color, var(--nut-white, #fff));background:var(--nut-button-warning-background-color, linear-gradient(135deg, rgb(255, 158, 13) 0%, rgb(255, 167, 13) 45%, rgb(255, 182, 13) 83%, rgb(255, 190, 13) 100%));background-origin:border-box;border:var(--nut-button-border-width, 1px) solid rgba(0,0,0,0)}.nut-button--plain:not([disabled]):active{background:var(--nut-button-plain-background-color, var(--nut-white, #fff));background-origin:border-box}.nut-button--plain.nut-button--primary:not([disabled]):active{color:var(--nut-button-primary-border-color, var(--nut-primary-color, #fa2c19));border-color:var(--nut-button-primary-border-color, var(--nut-primary-color, #fa2c19))}.nut-button--plain.nut-button--info:not([disabled]):active{color:var(--nut-button-info-border-color, rgb(73, 106, 242));border-color:var(--nut-button-info-border-color, rgb(73, 106, 242))}.nut-button--plain.nut-button--success:not([disabled]):active{color:var(--nut-button-success-border-color, rgb(38, 191, 38));border-color:var(--nut-button-success-border-color, rgb(38, 191, 38))}.nut-button--plain.nut-button--danger:not([disabled]):active{color:var(--nut-button-danger-border-color, rgb(250, 44, 25));border-color:var(--nut-button-danger-border-color, rgb(250, 44, 25))}.nut-button--plain.nut-button--warning:not([disabled]):active{color:var(--nut-button-warning-border-color, rgb(255, 158, 13));border-color:var(--nut-button-warning-border-color, rgb(255, 158, 13))}.nut-radio-group{display:inline-block}.nut-radio-group .nut-radio{margin-bottom:5px}.nut-radio-group--horizontal .nut-radio{display:inline-flex;margin-right:10px}.nut-radio-group--horizontal .nut-radio--round .nut-radio__label{margin:0 6px}.nut-theme-dark .nut-radio__label{color:var(--nut-dark-color, var(--nut-white, #fff))}.nut-theme-dark .nut-radio__label--disabled{color:var(--nut-radio-label-disable-color, #999)}.nut-theme-dark .nut-radio__button{background:var(--nut-dark-background, #131313);color:var(--nut-dark-color, var(--nut-white, #fff))}.nut-theme-dark .nut-radio__button--disabled{color:var(--nut-radio-label-disable-color, #999);border:1px solid var(--nut-radio-label-disable-color, #999)}.nut-radio{display:flex;align-items:center;flex-shrink:0;cursor:pointer}.nut-radio:last-child{margin-bottom:0 !important;margin-right:0 !important}.nut-radio--reverse{flex-direction:row-reverse}.nut-radio--reverse .nut-radio__label{margin-right:var(--nut-radio-label-margin-left, 15px);margin-left:0}.nut-radio__button{display:inline-flex;align-items:center;padding:var(--nut-radio-button-padding, 5px 18px);font-size:var(--nut-radio-button-font-size, 12px);background:#f6f7f9;border-radius:var(--nut-radio-button-border-radius, 15px);color:var(--nut-radio-label-font-color, #1d1e1e);box-sizing:border-box;border:1px solid #f6f7f9}.nut-radio__button--active{background:rgba(0,0,0,0);color:var(--nut-radio-label-font-active-color, var(--nut-primary-color, #fa2c19));border:1px solid var(--nut-radio-label-button-border-color, var(--nut-primary-color, #fa2c19));position:relative}.nut-radio__button--active::after{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;background-color:var(--nut-radio-label-button-background, var(--nut-primary-color, #fa2c19));border-radius:var(--nut-radio-button-border-radius, 15px);opacity:.05;content:""}.nut-radio__button--disabled{color:var(--nut-radio-label-disable-color, #999);border:none}.nut-radio__button--large{height:var(--nut-button-large-height, 48px);line-height:var(--nut-button-large-line-height, 46px);font-size:var(--nut-button-large-font-size, var(--nut-button-default-font-size, var(--nut-font-size-2, 14px)))}.nut-radio__button--small{height:var(--nut-button-small-height, 28px);line-height:var(--nut-button-small-line-height, 26px);padding:var(--nut-button-small-padding, 0 12px);font-size:var(--nut-button-small-font-size, var(--nut-font-size-1, 12px))}.nut-radio__button--mini{height:var(--nut-button-mini-height, 24px);line-height:var(--nut-button-mini-line-height, 1.2);padding:var(--nut-button-mini-padding, 0 12px);font-size:var(--nut-button-mini-font-size, var(--nut-font-size-1, 12px))}.nut-radio__label{flex:1;margin-left:var(--nut-radio-label-margin-left, 15px);font-size:var(--nut-radio-label-font-size, 14px);color:var(--nut-radio-label-font-color, #1d1e1e)}.nut-radio__label--disabled{color:var(--nut-radio-label-disable-color, #999)}.nut-radio__icon{color:var(--nut-radio-label-font-active-color, var(--nut-primary-color, #fa2c19));transition-duration:.3s;transition-property:color,border-color,background-color}.nut-radio__icon--unchecked{color:var(--nut-radio-icon-disable-color, #d6d6d6)}.nut-radio__icon--disable{color:var(--nut-radio-icon-disable-color2, var(--nut-help-color, #f5f5f5))}.nut-cell-group{display:block}.nut-cell-group__title{display:inherit;padding:var(--nut-cell-group-title-padding, 0 10px);color:var(--nut-cell-group-title-color, #909ca4);font-size:var(--nut-cell-group-title-font-size, var(--nut-font-size-2, 14px));line-height:var(--nut-cell-group-title-line-height, 20px);margin-top:30px;margin-bottom:10px}.nut-cell-group__desc{display:inherit;padding:var(--nut-cell-group-desc-padding, 0 10px);color:var(--nut-cell-group-desc-color, #909ca4);font-size:var(--nut-cell-group-desc-font-size, var(--nut-font-size-1, 12px));line-height:var(--nut-cell-group-desc-line-height, 16px);margin-top:10px;margin-bottom:10px}.nut-cell-group__wrap{display:inherit;border-radius:var(--nut-cell-border-radius, 6px);box-shadow:var(--nut-cell-box-shadow, 0px 1px 7px 0px rgb(237, 238, 241));overflow:hidden;background-color:var(--nut-cell-group-background-color, var(--nut-white, #fff));margin:10px 0}.nut-cell-group__wrap .nut-cell{margin:0;box-shadow:none;border-radius:0}.nut-cell-group .nut-cell::after{border-bottom:var(--nut-cell-after-border-bottom, 1px solid #f5f6f7)}.nut-theme-dark .nut-cell{background:var(--nut-dark-background2, #1b1b1b);color:var(--nut-dark-color, var(--nut-white, #fff));box-shadow:none}.nut-cell{position:relative;display:flex;width:100%;line-height:var(--nut-cell-line-height, 20px);padding:var(--nut-cell-padding, 13px 16px);background:var(--nut-cell-background, var(--nut-white, #fff));border-radius:var(--nut-cell-border-radius, 6px);box-shadow:var(--nut-cell-box-shadow, 0px 1px 7px 0px rgb(237, 238, 241));font-size:var(--nut-cell-title-font, var(--nut-font-size-2, 14px));color:var(--nut-cell-color, var(--nut-title-color2, #666666));margin:10px 0;box-sizing:border-box}.nut-cell--center{align-items:center}.nut-cell--large{font-size:var(--nut-cell-large-title-font, var(--nut-font-size-large, var(--nut-font-size-3, 16px)));padding:var(--nut-cell-large-padding, 15px 16px)}.nut-cell--large .nut-cell__title-desc{font-size:var(--nut-cell-large-title-desc-font, var(--nut-font-size-base, var(--nut-font-size-2, 14px)))}.nut-cell:last-child::after{border:0 !important}.nut-cell::after{position:absolute;box-sizing:border-box;content:" ";pointer-events:none;right:var(--nut-cell-after-right, 16px);bottom:0;left:16px;transform:scaleY(0.5)}.nut-cell:active::before{opacity:.1}.nut-cell--clickable{cursor:pointer}.nut-cell--clickable::before{position:absolute;top:50%;left:50%;width:100%;height:100%;background-color:var(--nut-black, #000);border:inherit;border-color:var(--nut-black, #000);border-radius:inherit;transform:translate(-50%, -50%);opacity:0;content:" "}.nut-cell__icon{display:flex;flex-direction:row;margin:var(--nut-cell-default-icon-margin, 0 4px 0 0px);align-items:center}.nut-cell__title{display:flex;flex-direction:column;flex:1;min-width:80px}.nut-cell__title-desc{font-size:var(--nut-cell-title-desc-font, var(--nut-font-size-1, 12px))}.nut-cell__value{display:inline-block;text-align:right;flex:1;font-size:var(--nut-cell-desc-font, var(--nut-font-size-2, 14px));color:var(--nut-cell-desc-color, var(--nut-disable-color, #cccccc))}.nut-cell__value--alone{color:var(--nut-cell-color, var(--nut-title-color2, #666666))}.nut-cell__link{color:#979797;align-self:center}.nut-theme-dark .nut-form-item__body__slots .nut-input-text{color:var(--nut-dark-color, var(--nut-white, #fff))}.nut-form-item{display:flex}.nut-form-item::before{position:absolute;box-sizing:border-box;content:" ";pointer-events:none;right:16px;bottom:0;left:16px;transform:scaleX(0)}.nut-form-item.error.line::before{border-bottom:1px solid var(--nut-form-item-error-line-color, var(--nut-required-color, #fa2c19));transform:scaleX(1);transition:transform 200ms cubic-bezier(0, 0, 0.2, 1) 0ms}.nut-form-item__label{font-size:var(--nut-form-item-label-font-size, 14px);font-weight:normal;width:var(--nut-form-item-label-width, 90px);margin-right:var(--nut-form-item-label-margin-right, 10px);flex:none !important;display:inline-block !important;word-wrap:break-word;text-align:var(--nut-form-item-label-text-align, left)}.nut-form-item__label.nut-cell__title{min-width:auto}.nut-form-item__label.required::before{content:"*";color:var(--nut-form-item-required-color, var(--nut-required-color, #fa2c19));margin-right:var(--nut-form-item-required-margin-right, 4px)}.nut-form-item__label.required.nut-form-item__star-right::before{content:none}.nut-form-item__label.required.nut-form-item__star-right::after{content:"*";color:var(--nut-form-item-required-color, var(--nut-required-color, #fa2c19));margin-left:var(--nut-form-item-required-margin-right, 4px)}.nut-form-item__body{flex:1;display:flex !important;flex-direction:column}.nut-form-item__body__slots{text-align:var(--nut-form-item-body-slots-text-align, left)}.nut-form-item__body__slots .nut-input{font-size:var(--nut-form-item-body-font-size, 14px);text-align:var(--nut-form-item-body-input-text-align, left);color:var(--nut-black, #000);width:100%;outline:0 none;border:0;text-decoration:none;background:rgba(0,0,0,0)}.nut-form-item__body__slots .nut-range-container{min-height:24px}.nut-form-item__body__slots .nut-textarea{padding:0 !important}.nut-form-item__body__slots .nut-textarea .nut-textarea__textarea{text-align:var(--nut-form-item-body-input-text-align, left)}.nut-form-item__body__tips{text-align:var(--nut-form-item-tip-text-align, left);font-size:var(--nut-form-item-tip-font-size, 10px);color:var(--nut-form-item-error-message-color, var(--nut-required-color, #fa2c19))}.nut-form-item__right{--nut-form-item-label-text-align: right}.nut-form-item__top{flex-direction:column}.nut-form-item__top .nut-form-item__label{padding-bottom:5px;width:100%;box-sizing:border-box;display:block;padding-right:24px}.nut-theme-dark .nut-invoice .nut-invoice__submit{background:var(--nut-dark-background2, #1b1b1b)}.nut-invoice{width:100%;position:relative}.nut-invoice .nut-cell{align-items:baseline}.nut-invoice__submit{position:fixed;bottom:0;width:100%;padding:var(--nut-invoice-padding, 10px 10px 20px);display:flex;align-items:center;justify-content:center;background:#fff;box-sizing:border-box;bottom:constant(safe-area-inset-bottom);bottom:env(safe-area-inset-bottom)}.nut-invoice .nut-radio{display:inline-block;margin-right:6px;margin-bottom:0}

package/dist/packages/list/List.js

@@ -47,7 +47,6 @@ function binarySearch(list, value, compareFunc) {
   return tempIndex;
 }
 const { create } = createComponent("list");
-const clientHeight = document.documentElement.clientHeight || document.body.clientHeight || 667;
 const _sfc_main = create({
   props: {
     listData: {
@@ -61,8 +60,7 @@ const _sfc_main = create({
       default: 5
     },
     containerHeight: {
-      type: [Number],
-      default: clientHeight
+      type: Number
     },
     height: {
       type: Number,
@@ -75,6 +73,7 @@ const _sfc_main = create({
   },
   emits: ["scrollUp", "scrollDown", "scrollBottom"],
   setup(props, { emit }) {
+    const clientHeight = document.documentElement.clientHeight || document.body.clientHeight || 667;
     const list = ref(null);
     const phantom = ref(null);
     const actualContent = ref(null);
@@ -87,7 +86,10 @@ const _sfc_main = create({
       phantomHeight: props.height * props.listData.length
     });
     const getContainerHeight = computed(() => {
-      return Math.min(props.containerHeight, clientHeight);
+      if (props.containerHeight) {
+        return Math.min(props.containerHeight, clientHeight);
+      }
+      return clientHeight;
     });
     const visibleCount = computed(() => {
       return Math.ceil(getContainerHeight.value / props.height);

package/dist/packages/sidenavbar/SideNavbar.js

@@ -49,7 +49,7 @@ const _sfc_main = create({
     };
     const handleSlots = () => {
       let childNodes = list.value.childNodes;
-      if (childNodes.length) {
+      if (childNodes == null ? void 0 : childNodes.length) {
         childNodes = Array.from(childNodes).filter((item) => item.nodeType !== 3).map((item) => {
           return item;
         });

package/dist/packages/sidenavbar/index.css

@@ -1 +1 @@
-.nut-side-navbar{height:100%;overflow:auto;display:block}.nut-side-navbar__content{position:relative;background-color:var(--nut-sidenavbar-content-bg-color, var(--nut-white, #fff));display:block}.nut-side-navbar__content__list{width:100%;display:block}
+.nut-side-navbar{overflow:auto;display:block}.nut-side-navbar__content{position:relative;background-color:var(--nut-sidenavbar-content-bg-color, var(--nut-white, #fff));display:block}.nut-side-navbar__content__list{width:100%;display:block}

package/dist/packages/sidenavbar/index.scss

@@ -1,5 +1,4 @@
 .nut-side-navbar {
-  height: 100%;
   overflow: auto;
   display: block;
   &__content {

package/dist/packages/sidenavbaritem/SideNavbarItem.js

@@ -1,5 +1,5 @@
 import { c as createComponent } from "../component-TCzwHGVq.js";
-import { openBlock, createElementBlock, withModifiers, createElementVNode, toDisplayString } from "vue";
+import { openBlock, createElementBlock, createElementVNode, toDisplayString } from "vue";
 import { _ as _export_sfc } from "../_plugin-vue_export-helper-yVxbj29m.js";
 const { create } = createComponent("side-navbar-item");
 const _sfc_main = create({
@@ -7,32 +7,15 @@ const _sfc_main = create({
     title: {
       type: String,
       default: ""
-    },
-    ikey: {
-      type: String,
-      default: ""
     }
-  },
-  emits: ["click"],
-  setup: (props, { emit }) => {
-    const handleClick = () => {
-      emit("click");
-    };
-    return {
-      handleClick
-    };
   }
 });
-const _hoisted_1 = ["ikey"];
+const _hoisted_1 = { class: "nut-side-navbar-item" };
 const _hoisted_2 = { class: "nut-side-navbar-item__title" };
 function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
-  return openBlock(), createElementBlock("view", {
-    class: "nut-side-navbar-item",
-    ikey: _ctx.ikey,
-    onClick: _cache[0] || (_cache[0] = withModifiers((...args) => _ctx.handleClick && _ctx.handleClick(...args), ["stop"]))
-  }, [
+  return openBlock(), createElementBlock("view", _hoisted_1, [
     createElementVNode("span", _hoisted_2, toDisplayString(_ctx.title), 1)
-  ], 8, _hoisted_1);
+  ]);
 }
 const index = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render]]);
 export {