@nutui/nutui 4.3.0-beta.2 → 4.3.0-beta.4

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (36) hide show
  1. package/CHANGELOG.md +21 -0
  2. package/dist/nutui.es.js +1 -1
  3. package/dist/nutui.js +4486 -4501
  4. package/dist/nutui.umd.js +1 -1
  5. package/dist/packages/button/Button.js +8 -10
  6. package/dist/packages/cell/Cell.js +9 -4
  7. package/dist/packages/formitem/index.css +1 -1
  8. package/dist/packages/formitem/index.scss +1 -3
  9. package/dist/packages/input/index.css +1 -1
  10. package/dist/packages/input/index.scss +0 -1
  11. package/dist/packages/invoice/index.css +1 -1
  12. package/dist/packages/list/List.js +6 -4
  13. package/dist/packages/sidenavbar/SideNavbar.js +1 -1
  14. package/dist/packages/sidenavbar/index.css +1 -1
  15. package/dist/packages/sidenavbar/index.scss +0 -1
  16. package/dist/packages/sidenavbaritem/SideNavbarItem.js +4 -21
  17. package/dist/packages/subsidenavbar/SubSideNavbar.js +3 -10
  18. package/dist/packages/subsidenavbar/index.css +1 -1
  19. package/dist/packages/subsidenavbar/index.scss +0 -6
  20. package/dist/smartips/web-types.json +2 -2
  21. package/dist/style.css +1 -1
  22. package/dist/types/__VUE/cell/index.vue.d.ts +5 -4
  23. package/dist/types/__VUE/cell/types.d.ts +1 -0
  24. package/dist/types/__VUE/checkbox/index.vue.d.ts +8 -6
  25. package/dist/types/__VUE/checkbox/types.d.ts +2 -0
  26. package/dist/types/__VUE/ellipsis/index.vue.d.ts +4 -4
  27. package/dist/types/__VUE/ellipsis/types.d.ts +1 -0
  28. package/dist/types/__VUE/list/index.vue.d.ts +2 -5
  29. package/dist/types/__VUE/noticebar/index.vue.d.ts +1 -1
  30. package/dist/types/__VUE/notify/index.vue.d.ts +1 -1
  31. package/dist/types/__VUE/searchbar/index.vue.d.ts +1 -1
  32. package/dist/types/__VUE/sidenavbaritem/index.vue.d.ts +2 -15
  33. package/dist/types/__VUE/subsidenavbar/index.vue.d.ts +0 -9
  34. package/dist/types/__VUE/tabs/index.vue.d.ts +1 -1
  35. package/dist/types/index.d.ts +1 -1
  36. package/package.json +5 -3
package/dist/packages/button/Button.js CHANGED
@@ -83,18 +83,16 @@ const _sfc_main = /* @__PURE__ */ defineComponent(__spreadProps(__spreadValues({
83
83
  };
84
84
  });
85
85
  const getStyle = computed(() => {
86
- var _a;
87
- const style = {};
86
+ let style = {};
88
87
  if (color == null ? void 0 : color.value) {
89
- if (plain.value) {
90
- style.color = color.value;
91
- style.background = "#fff";
92
- if (!((_a = color.value) == null ? void 0 : _a.includes("gradient"))) {
93
- style.borderColor = color.value;
94
- }
88
+ style = {
89
+ color: plain.value ? color.value : "#fff",
90
+ background: plain.value ? "#fff" : `border-box ${color.value}`
91
+ };
92
+ if (color.value.includes("gradient")) {
93
+ style.borderColor = "transparent";
95
94
  } else {
96
- style.color = "#fff";
97
- style.background = color.value;
95
+ style.borderColor = color.value;
98
96
  }
99
97
  }
100
98
  return style;
package/dist/packages/cell/Cell.js CHANGED
@@ -11,15 +11,20 @@ const _sfc_main = create({
11
11
  title: { type: String, default: "" },
12
12
  subTitle: { type: String, default: "" },
13
13
  desc: { type: String, default: "" },
14
- descTextAlign: { type: String, default: "right" },
14
+ descTextAlign: {
15
+ type: String,
16
+ default: "right"
17
+ },
15
18
  isLink: { type: Boolean, default: false },
16
19
  to: [String, Object],
17
20
  replace: { type: Boolean, default: false },
18
21
  roundRadius: { type: [String, Number], default: "" },
19
22
  url: { type: String, default: "" },
20
23
  center: { type: Boolean, default: false },
21
- size: { type: String, default: "" }
22
- // large
24
+ size: {
25
+ type: String,
26
+ default: "normal"
27
+ }
23
28
  },
24
29
  emits: ["click"],
25
30
  setup(props, { emit }) {
@@ -29,7 +34,7 @@ const _sfc_main = create({
29
34
  [prefixCls]: true,
30
35
  [`${prefixCls}--clickable`]: props.isLink || props.to,
31
36
  [`${prefixCls}--center`]: props.center,
32
- [`${prefixCls}--large`]: props.size == "large"
37
+ [`${prefixCls}--large`]: props.size === "large"
33
38
  };
34
39
  });
35
40
  const router = useRouter();
package/dist/packages/formitem/index.css CHANGED
@@ -1 +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}
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{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 CHANGED
@@ -69,7 +69,7 @@
69
69
  flex-direction: column;
70
70
  &__slots {
71
71
  text-align: $form-item-body-slots-text-align;
72
- .nut-input-text {
72
+ .nut-input {
73
73
  font-size: $form-item-body-font-size;
74
74
  text-align: $form-item-body-input-text-align;
75
75
  color: $black;
@@ -78,8 +78,6 @@
78
78
  border: 0;
79
79
  text-decoration: none;
80
80
  background: transparent;
81
- padding: 0;
82
- margin: 0;
83
81
  }
84
82
  .nut-range-container {
85
83
  min-height: 24px;
package/dist/packages/input/index.css CHANGED
@@ -1 +1 @@
1
- .nut-theme-dark .nut-input{background:var(--nut-dark-background, #131313)}.nut-theme-dark .nut-input__label{color:var(--nut-dark-color, var(--nut-white, #fff))}.nut-theme-dark .nut-input .input-text,.nut-theme-dark .nut-input__text--readonly{color:var(--nut-dark-color, var(--nut-white, #fff))}input,textarea{font:inherit}.nut-input{position:relative;width:100%;padding:10px 25px;display:flex;line-height:20px;background:var(--nut-white, #fff);font-size:var(--nut-input-font-size, var(--nut-font-size-2, 14px));box-sizing:border-box}.nut-input.center{align-items:center}.nut-input--border{border-bottom:1px solid var(--nut-input-border-bottom, #eaf0fb)}.nut-input .input-text,.nut-input__text--readonly{width:100%;padding:0;line-height:inherit;text-align:left;outline:0 none;border:0;text-decoration:none;background:rgba(0,0,0,0);resize:none;flex:1}.nut-input .input-text{font-size:var(--nut-input-font-size, var(--nut-font-size-2, 14px))}.nut-input__label{width:80px;overflow:hidden;margin-right:6px;text-align:left}.nut-input-value{flex:1;vertical-align:middle}.nut-input-inner{position:relative;display:flex;align-items:center}.nut-input-box{position:relative;width:100%;display:flex;flex:1}.nut-input-disabled-mask{position:absolute;width:100%;height:100%;top:0;left:0;z-index:2}.nut-input-word-limit{display:flex;justify-content:flex-end;color:gray;font-size:12px;padding:0 10px}.nut-input-left-box,.nut-input-right-box{display:flex;align-items:center;font-size:0}.nut-input-right-box{margin-left:4px}.nut-input-left-box{margin-right:4px}.nut-input-clear-box{height:100%;display:flex;align-items:center}.nut-input-clear{width:16px;height:16px;color:#c8c9cc;cursor:pointer;margin:0 4px}.nut-input--required::before{position:absolute;left:14px;color:var(--nut-input-required-color, var(--nut-required-color, #fa2c19));content:"*"}.nut-input--disabled{color:var(--nut-input-disabled-color, #c8c9cc) !important}.nut-input--disabled input:disabled{background:none;color:var(--nut-input-disabled-color, #c8c9cc);cursor:not-allowed;opacity:1;-webkit-text-fill-color:var(--nut-input-disabled-color, #c8c9cc)}.nut-input--error,.nut-input--error::placeholder{color:var(--nut-input-required-color, var(--nut-required-color, #fa2c19));-webkit-text-fill-color:var(--nut-input-required-color, var(--nut-required-color, #fa2c19))}.nut-form-item .nut-input{padding:0px;margin:0px;line-height:var(--nut-cell-line-height)}
1
+ .nut-theme-dark .nut-input{background:var(--nut-dark-background, #131313)}.nut-theme-dark .nut-input__label{color:var(--nut-dark-color, var(--nut-white, #fff))}.nut-theme-dark .nut-input .input-text,.nut-theme-dark .nut-input__text--readonly{color:var(--nut-dark-color, var(--nut-white, #fff))}input,textarea{font:inherit}.nut-input{position:relative;width:100%;padding:10px 25px;display:flex;line-height:20px;background:var(--nut-white, #fff);font-size:var(--nut-input-font-size, var(--nut-font-size-2, 14px));box-sizing:border-box}.nut-input.center{align-items:center}.nut-input--border{border-bottom:1px solid var(--nut-input-border-bottom, #eaf0fb)}.nut-input .input-text,.nut-input__text--readonly{width:100%;padding:0;line-height:inherit;text-align:left;outline:0 none;border:0;text-decoration:none;background:rgba(0,0,0,0);resize:none;flex:1}.nut-input .input-text{font-size:var(--nut-input-font-size, var(--nut-font-size-2, 14px))}.nut-input__label{width:80px;overflow:hidden;margin-right:6px;text-align:left}.nut-input-value{flex:1;vertical-align:middle}.nut-input-inner{position:relative;display:flex;align-items:center}.nut-input-box{position:relative;width:100%;display:flex;flex:1}.nut-input-disabled-mask{position:absolute;width:100%;height:100%;top:0;left:0;z-index:2}.nut-input-word-limit{display:flex;justify-content:flex-end;color:gray;font-size:12px;padding:0 10px}.nut-input-left-box,.nut-input-right-box{display:flex;align-items:center}.nut-input-right-box{margin-left:4px}.nut-input-left-box{margin-right:4px}.nut-input-clear-box{height:100%;display:flex;align-items:center}.nut-input-clear{width:16px;height:16px;color:#c8c9cc;cursor:pointer;margin:0 4px}.nut-input--required::before{position:absolute;left:14px;color:var(--nut-input-required-color, var(--nut-required-color, #fa2c19));content:"*"}.nut-input--disabled{color:var(--nut-input-disabled-color, #c8c9cc) !important}.nut-input--disabled input:disabled{background:none;color:var(--nut-input-disabled-color, #c8c9cc);cursor:not-allowed;opacity:1;-webkit-text-fill-color:var(--nut-input-disabled-color, #c8c9cc)}.nut-input--error,.nut-input--error::placeholder{color:var(--nut-input-required-color, var(--nut-required-color, #fa2c19));-webkit-text-fill-color:var(--nut-input-required-color, var(--nut-required-color, #fa2c19))}.nut-form-item .nut-input{padding:0px;margin:0px;line-height:var(--nut-cell-line-height)}
package/dist/packages/input/index.scss CHANGED
@@ -100,7 +100,6 @@ textarea {
100
100
  &-right-box {
101
101
  display: flex;
102
102
  align-items: center;
103
- font-size: 0;
104
103
  }
105
104
  &-right-box {
106
105
  margin-left: 4px;
package/dist/packages/invoice/index.css CHANGED
@@ -1 +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}
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{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 CHANGED
@@ -47,7 +47,6 @@ function binarySearch(list, value, compareFunc) {
47
47
  return tempIndex;
48
48
  }
49
49
  const { create } = createComponent("list");
50
- const clientHeight = document.documentElement.clientHeight || document.body.clientHeight || 667;
51
50
  const _sfc_main = create({
52
51
  props: {
53
52
  listData: {
@@ -61,8 +60,7 @@ const _sfc_main = create({
61
60
  default: 5
62
61
  },
63
62
  containerHeight: {
64
- type: [Number],
65
- default: clientHeight
63
+ type: Number
66
64
  },
67
65
  height: {
68
66
  type: Number,
@@ -75,6 +73,7 @@ const _sfc_main = create({
75
73
  },
76
74
  emits: ["scrollUp", "scrollDown", "scrollBottom"],
77
75
  setup(props, { emit }) {
76
+ const clientHeight = document.documentElement.clientHeight || document.body.clientHeight || 667;
78
77
  const list = ref(null);
79
78
  const phantom = ref(null);
80
79
  const actualContent = ref(null);
@@ -87,7 +86,10 @@ const _sfc_main = create({
87
86
  phantomHeight: props.height * props.listData.length
88
87
  });
89
88
  const getContainerHeight = computed(() => {
90
- return Math.min(props.containerHeight, clientHeight);
89
+ if (props.containerHeight) {
90
+ return Math.min(props.containerHeight, clientHeight);
91
+ }
92
+ return clientHeight;
91
93
  });
92
94
  const visibleCount = computed(() => {
93
95
  return Math.ceil(getContainerHeight.value / props.height);
package/dist/packages/sidenavbar/SideNavbar.js CHANGED
@@ -49,7 +49,7 @@ const _sfc_main = create({
49
49
  };
50
50
  const handleSlots = () => {
51
51
  let childNodes = list.value.childNodes;
52
- if (childNodes.length) {
52
+ if (childNodes == null ? void 0 : childNodes.length) {
53
53
  childNodes = Array.from(childNodes).filter((item) => item.nodeType !== 3).map((item) => {
54
54
  return item;
55
55
  });
package/dist/packages/sidenavbar/index.css CHANGED
@@ -1 +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}
1
+ .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 CHANGED
@@ -1,5 +1,4 @@
1
1
  .nut-side-navbar {
2
- height: 100%;
3
2
  overflow: auto;
4
3
  display: block;
5
4
  &__content {
package/dist/packages/sidenavbaritem/SideNavbarItem.js CHANGED
@@ -1,5 +1,5 @@
1
1
  import { c as createComponent } from "../component-TCzwHGVq.js";
2
- import { openBlock, createElementBlock, withModifiers, createElementVNode, toDisplayString } from "vue";
2
+ import { openBlock, createElementBlock, createElementVNode, toDisplayString } from "vue";
3
3
  import { _ as _export_sfc } from "../_plugin-vue_export-helper-yVxbj29m.js";
4
4
  const { create } = createComponent("side-navbar-item");
5
5
  const _sfc_main = create({
@@ -7,32 +7,15 @@ const _sfc_main = create({
7
7
  title: {
8
8
  type: String,
9
9
  default: ""
10
- },
11
- ikey: {
12
- type: String,
13
- default: ""
14
10
  }
15
- },
16
- emits: ["click"],
17
- setup: (props, { emit }) => {
18
- const handleClick = () => {
19
- emit("click");
20
- };
21
- return {
22
- handleClick
23
- };
24
11
  }
25
12
  });
26
- const _hoisted_1 = ["ikey"];
13
+ const _hoisted_1 = { class: "nut-side-navbar-item" };
27
14
  const _hoisted_2 = { class: "nut-side-navbar-item__title" };
28
15
  function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
29
- return openBlock(), createElementBlock("view", {
30
- class: "nut-side-navbar-item",
31
- ikey: _ctx.ikey,
32
- onClick: _cache[0] || (_cache[0] = withModifiers((...args) => _ctx.handleClick && _ctx.handleClick(...args), ["stop"]))
33
- }, [
16
+ return openBlock(), createElementBlock("view", _hoisted_1, [
34
17
  createElementVNode("span", _hoisted_2, toDisplayString(_ctx.title), 1)
35
- ], 8, _hoisted_1);
18
+ ]);
36
19
  }
37
20
  const index = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render]]);
38
21
  export {
package/dist/packages/subsidenavbar/SubSideNavbar.js CHANGED
@@ -28,10 +28,6 @@ const _sfc_main = create({
28
28
  type: String,
29
29
  default: ""
30
30
  },
31
- ikey: {
32
- type: [String, Number],
33
- default: ""
34
- },
35
31
  open: {
36
32
  type: Boolean,
37
33
  default: true
@@ -61,16 +57,13 @@ const _sfc_main = create({
61
57
  });
62
58
  }
63
59
  });
64
- const _hoisted_1 = ["ikey"];
60
+ const _hoisted_1 = { class: "nut-sub-side-navbar" };
65
61
  const _hoisted_2 = { class: "nut-sub-side-navbar__title__text" };
66
62
  const _hoisted_3 = { class: "nut-sub-side-navbar__title__icon" };
67
63
  function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
68
64
  const _component_ArrowDown2 = resolveComponent("ArrowDown2");
69
65
  const _component_ArrowUp2 = resolveComponent("ArrowUp2");
70
- return openBlock(), createElementBlock("view", {
71
- class: "nut-sub-side-navbar",
72
- ikey: _ctx.ikey
73
- }, [
66
+ return openBlock(), createElementBlock("view", _hoisted_1, [
74
67
  createElementVNode("view", {
75
68
  class: "nut-sub-side-navbar__title",
76
69
  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) {
88
81
  ], 6), [
89
82
  [vShow, !_ctx.direction]
90
83
  ])
91
- ], 8, _hoisted_1);
84
+ ]);
92
85
  }
93
86
  const index = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render]]);
94
87
  export {
package/dist/packages/subsidenavbar/index.css CHANGED
@@ -1 +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%}
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__list{width:100%}
package/dist/packages/subsidenavbar/index.scss CHANGED
@@ -39,12 +39,6 @@
39
39
  top: 50%;
40
40
  right: 20px;
41
41
  transform: translateY(-50%);
42
- i {
43
- transition: transform 0.5s ease-in-out;
44
- &.up {
45
- transform: rotate(-180deg);
46
- }
47
- }
48
42
  }
49
43
  }
50
44
  &__list {
package/dist/smartips/web-types.json CHANGED
@@ -2,7 +2,7 @@
2
2
  "$schema": "https://raw.githubusercontent.com/JetBrains/web-types/master/schema/web-types.json",
3
3
  "framework": "vue",
4
4
  "name": "NutUI",
5
- "version": "4.3.0-beta.2",
5
+ "version": "4.3.0-beta.4",
6
6
  "contributions": {
7
7
  "html": {
8
8
  "tags": [
@@ -6391,7 +6391,7 @@
6391
6391
  },
6392
6392
  {
6393
6393
  "name": "placeholder",
6394
- "default": "`'请输入'`",
6394
+ "default": "`请输入`",
6395
6395
  "description": "设置占位提示文字",
6396
6396
  "value": {
6397
6397
  "type": "string",