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

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 {

package/dist/packages/signature/Signature.js

@@ -19,10 +19,11 @@ var __spreadValues = (a, b) => {
 var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
 import { ref, computed, reactive, onMounted, toRefs, resolveComponent, openBlock, createElementBlock, normalizeClass, createElementVNode, withDirectives, vShow, toDisplayString, createCommentVNode, createVNode, withCtx, createTextVNode } 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("signature");
@@ -59,7 +60,7 @@ const _sfc_main = create({
     }
   },
   components: {
-    NutButton
+    NutButton: _sfc_main$1
   },
   emits: ["start", "end", "signing", "confirm", "clear"],
   setup(props, { emit }) {

package/dist/packages/skeleton/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-skeleton{display:inline-block;position:relative;overflow:hidden;vertical-align:middle}.nut-skeleton .nut-skeleton-content{display:flex}.nut-skeleton .nut-skeleton-content .avatarClass{margin-right:20px;background-color:var(--nut-skeleton-content-avatar-background-color, #efefef)}.nut-skeleton .nut-skeleton-content .nut-skeleton-content__line{display:flex;flex-direction:column}.nut-skeleton .nut-skeleton-content .nut-skeleton-content__line .nut-skeleton-blockTitle,.nut-skeleton .nut-skeleton-content .nut-skeleton-content__line .nut-skeleton-blockLine{width:100%;margin-bottom:10px;background-color:var(--nut-skeleton-content-line-background-color, #efefef)}.nut-skeleton .nut-skeleton-content .nut-skeleton-content__line .nut-skeleton-blockTitle{width:30%}.nut-skeleton .nut-skeleton-content .nut-skeleton-content__line .blockLine~.blockLine:last-of-type{width:70%}.nut-skeleton .nut-skeleton-content .nut-skeleton-content__line .nut-skeleton-blockTitle:last-of-type,.nut-skeleton .nut-skeleton-content .nut-skeleton-content__line .nut-skeleton-blockLine:last-of-type{margin-bottom:0}.nut-skeleton .nut-skeleton-content .nut-skeleton-content__line .nut-skeleton-blockTitle--round,.nut-skeleton .nut-skeleton-content .nut-skeleton-content__line .nut-skeleton-blockLine--round{border-radius:10px}.nut-skeleton .nut-skeleton-animation{position:absolute;top:0;left:0;width:100%;height:100%;z-index:1;background:var(--nut-skeleton-animation-background-color, linear-gradient(90deg, hsla(0, 0%, 100%, 0), hsla(0, 0%, 100%, 0.5) 50%, hsla(0, 0%, 100%, 0) 80%));background-repeat:no-repeat;animation:backpos 2s ease-in-out 0s infinite}@keyframes backpos{0%{background-position-x:-500px}to{background-position-x:calc(500px + 100%)}}
+.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)}.nut-skeleton{display:inline-block;position:relative;overflow:hidden;vertical-align:middle}.nut-skeleton .nut-skeleton-content{display:flex}.nut-skeleton .nut-skeleton-content .avatarClass{margin-right:20px;background-color:var(--nut-skeleton-content-avatar-background-color, #efefef)}.nut-skeleton .nut-skeleton-content .nut-skeleton-content__line{display:flex;flex-direction:column}.nut-skeleton .nut-skeleton-content .nut-skeleton-content__line .nut-skeleton-blockTitle,.nut-skeleton .nut-skeleton-content .nut-skeleton-content__line .nut-skeleton-blockLine{width:100%;margin-bottom:10px;background-color:var(--nut-skeleton-content-line-background-color, #efefef)}.nut-skeleton .nut-skeleton-content .nut-skeleton-content__line .nut-skeleton-blockTitle{width:30%}.nut-skeleton .nut-skeleton-content .nut-skeleton-content__line .blockLine~.blockLine:last-of-type{width:70%}.nut-skeleton .nut-skeleton-content .nut-skeleton-content__line .nut-skeleton-blockTitle:last-of-type,.nut-skeleton .nut-skeleton-content .nut-skeleton-content__line .nut-skeleton-blockLine:last-of-type{margin-bottom:0}.nut-skeleton .nut-skeleton-content .nut-skeleton-content__line .nut-skeleton-blockTitle--round,.nut-skeleton .nut-skeleton-content .nut-skeleton-content__line .nut-skeleton-blockLine--round{border-radius:10px}.nut-skeleton .nut-skeleton-animation{position:absolute;top:0;left:0;width:100%;height:100%;z-index:1;background:var(--nut-skeleton-animation-background-color, linear-gradient(90deg, hsla(0, 0%, 100%, 0), hsla(0, 0%, 100%, 0.5) 50%, hsla(0, 0%, 100%, 0) 80%));background-repeat:no-repeat;animation:backpos 2s ease-in-out 0s infinite}@keyframes backpos{0%{background-position-x:-500px}to{background-position-x:calc(500px + 100%)}}

package/dist/packages/subsidenavbar/SubSideNavbar.js

@@ -28,10 +28,6 @@ const _sfc_main = create({
       type: String,
       default: ""
     },
-    ikey: {
-      type: [String, Number],
-      default: ""
-    },
     open: {
       type: Boolean,
       default: true
@@ -61,16 +57,13 @@ const _sfc_main = create({
     });
   }
 });
-const _hoisted_1 = ["ikey"];
+const _hoisted_1 = { class: "nut-sub-side-navbar" };
 const _hoisted_2 = { class: "nut-sub-side-navbar__title__text" };
 const _hoisted_3 = { class: "nut-sub-side-navbar__title__icon" };
 function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_ArrowDown2 = resolveComponent("ArrowDown2");
   const _component_ArrowUp2 = resolveComponent("ArrowUp2");
-  return openBlock(), createElementBlock("view", {
-    class: "nut-sub-side-navbar",
-    ikey: _ctx.ikey
-  }, [
+  return openBlock(), createElementBlock("view", _hoisted_1, [
     createElementVNode("view", {
       class: "nut-sub-side-navbar__title",
       onClick: _cache[0] || (_cache[0] = withModifiers((...args) => _ctx.handleClick && _ctx.handleClick(...args), ["stop"]))
@@ -88,7 +81,7 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
     ], 6), [
       [vShow, !_ctx.direction]
     ])
-  ], 8, _hoisted_1);
+  ]);
 }
 const index = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render]]);
 export {

package/dist/packages/subsidenavbar/index.css

@@ -1 +1 @@
-.nut-theme-dark .nut-sub-side-navbar{background-color:var(--nut-dark-background2, #1b1b1b)}.nut-theme-dark .nut-sub-side-navbar__title{background-color:var(--nut-dark-background3, #141414);color:var(--nut-dark-color, var(--nut-white, #fff))}.nut-theme-dark .nut-sub-side-navbar__title__text{color:var(--nut-dark-color, var(--nut-white, #fff))}.nut-sub-side-navbar{display:grid;float:left;width:100%;position:relative}.nut-sub-side-navbar__title{display:block;width:var(--nut-sidenavbar-sub-title-width, 100%);height:var(--nut-sidenavbar-sub-title-height, 40px);position:relative;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;box-sizing:border-box;border-bottom:1px solid var(--nut-sidenavbar-sub-title-border-color, #f6f6f6);color:var(--nut-sidenavbar-sub-title-text-color, var(--nut-title-color, #1a1a1a));font-size:var(--nut-sidenavbar-sub-title-font-size, var(--nut-font-size-large, var(--nut-font-size-3, 16px)));background-color:var(--nut-sidenavbar-sub-title-bg-color, #f6f6f6);border-radius:var(--nut-sidenavbar-sub-title-radius, 0);border:var(--nut-sidenavbar-sub-title-border, 0)}.nut-sub-side-navbar__title__text{line-height:var(--nut-sidenavbar-sub-title-text-line-height, 40px);color:var(--nut-sidenavbar-sub-title-text-color, var(--nut-title-color, #1a1a1a))}.nut-sub-side-navbar__title__icon{position:absolute;top:50%;right:20px;transform:translateY(-50%)}.nut-sub-side-navbar__title__icon i{transition:transform .5s ease-in-out}.nut-sub-side-navbar__title__icon i.up{transform:rotate(-180deg)}.nut-sub-side-navbar__list{width:100%}
+.nut-theme-dark .nut-sub-side-navbar{background-color:var(--nut-dark-background2, #1b1b1b)}.nut-theme-dark .nut-sub-side-navbar__title{background-color:var(--nut-dark-background3, #141414);color:var(--nut-dark-color, var(--nut-white, #fff))}.nut-theme-dark .nut-sub-side-navbar__title__text{color:var(--nut-dark-color, var(--nut-white, #fff))}.nut-sub-side-navbar{display:grid;float:left;width:100%;position:relative}.nut-sub-side-navbar__title{display:block;width:var(--nut-sidenavbar-sub-title-width, 100%);height:var(--nut-sidenavbar-sub-title-height, 40px);position:relative;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;box-sizing:border-box;border-bottom:1px solid var(--nut-sidenavbar-sub-title-border-color, #f6f6f6);color:var(--nut-sidenavbar-sub-title-text-color, var(--nut-title-color, #1a1a1a));font-size:var(--nut-sidenavbar-sub-title-font-size, var(--nut-font-size-large, var(--nut-font-size-3, 16px)));background-color:var(--nut-sidenavbar-sub-title-bg-color, #f6f6f6);border-radius:var(--nut-sidenavbar-sub-title-radius, 0);border:var(--nut-sidenavbar-sub-title-border, 0)}.nut-sub-side-navbar__title__text{line-height:var(--nut-sidenavbar-sub-title-text-line-height, 40px);color:var(--nut-sidenavbar-sub-title-text-color, var(--nut-title-color, #1a1a1a))}.nut-sub-side-navbar__title__icon{position:absolute;top:50%;right:20px;transform:translateY(-50%)}.nut-sub-side-navbar__list{width:100%}

package/dist/packages/subsidenavbar/index.scss

@@ -39,12 +39,6 @@
       top: 50%;
       right: 20px;
       transform: translateY(-50%);
-      i {
-        transition: transform 0.5s ease-in-out;
-        &.up {
-          transform: rotate(-180deg);
-        }
-      }
     }
   }
   &__list {

package/dist/packages/with-install-p59gYYU_.js

@@ -0,0 +1,12 @@
+const withInstall = (comp) => {
+  const _comp = comp;
+  _comp.install = (vue) => {
+    if (_comp.name) {
+      vue.component(_comp.name, _comp);
+    }
+  };
+  return _comp;
+};
+export {
+  withInstall as w
+};

package/dist/smartips/web-types.json

@@ -2,7 +2,7 @@
   "$schema": "https://raw.githubusercontent.com/JetBrains/web-types/master/schema/web-types.json",
   "framework": "vue",
   "name": "NutUI",
-  "version": "4.3.0-beta.1",
+  "version": "4.3.0-beta.3",
   "contributions": {
     "html": {
       "tags": [
@@ -527,6 +527,15 @@
                 "type": "string",
                 "kind": "expression"
               }
+            },
+            {
+              "name": "shape",
+              "default": "square",
+              "description": "头像的形状,可选值为：`square` `round`",
+              "value": {
+                "type": "string",
+                "kind": "expression"
+              }
             }
           ]
         },
@@ -6382,7 +6391,7 @@
             },
             {
               "name": "placeholder",
-              "default": "`'请输入'`",
+              "default": "`请输入`",
               "description": "设置占位提示文字",
               "value": {
                 "type": "string",