@nutui/nutui 4.2.3 → 4.2.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 (69) hide show
  1. package/CHANGELOG.md +19 -0
  2. package/dist/nutui.es.js +1 -1
  3. package/dist/nutui.js +5563 -5529
  4. package/dist/nutui.umd.js +1 -1
  5. package/dist/packages/address/Address.js +0 -1
  6. package/dist/packages/calendar/Calendar.js +3 -4
  7. package/dist/packages/calendaritem/CalendarItem.js +1 -2
  8. package/dist/packages/cascader/index.css +1 -1
  9. package/dist/packages/checkbox/Checkbox.js +148 -152
  10. package/dist/packages/checkboxgroup/CheckboxGroup.js +2 -3
  11. package/dist/packages/divider/Divider.js +2 -2
  12. package/dist/packages/elevator/Elevator.js +5 -6
  13. package/dist/packages/form/Form.js +9 -2
  14. package/dist/packages/formitem/FormItem.js +30 -3
  15. package/dist/packages/formitem/index.css +1 -1
  16. package/dist/packages/formitem/index.scss +25 -0
  17. package/dist/packages/imagepreview/ImagePreview.js +0 -1
  18. package/dist/packages/{index-cDNmNOtI.js → index-NLe0VBkN.js} +2 -3
  19. package/dist/packages/{index.vue_vue_type_script_lang-Lc2BXA17.js → index.vue_vue_type_script_lang-54PRh3YM.js} +0 -1
  20. package/dist/packages/{index.vue_vue_type_script_lang-KuoPcQZs.js → index.vue_vue_type_script_lang-MJYVRFbp.js} +10 -6
  21. package/dist/packages/inputnumber/InputNumber.js +1 -1
  22. package/dist/packages/invoice/Invoice.js +2 -2
  23. package/dist/packages/invoice/index.css +1 -1
  24. package/dist/packages/navbar/index.css +1 -1
  25. package/dist/packages/navbar/index.scss +5 -16
  26. package/dist/packages/popover/Popover.js +3 -2
  27. package/dist/packages/radio/Radio.js +1 -1
  28. package/dist/packages/radio/index.css +1 -1
  29. package/dist/packages/radio/index.scss +21 -0
  30. package/dist/packages/radiogroup/RadioGroup.js +1 -1
  31. package/dist/packages/radiogroup/index.scss +0 -5
  32. package/dist/packages/range/Range.js +0 -2
  33. package/dist/packages/swiper/Swiper.js +2 -3
  34. package/dist/packages/swiperitem/SwiperItem.js +7 -2
  35. package/dist/packages/tabs/Tabs.js +1 -1
  36. package/dist/packages/tabs/index.css +1 -1
  37. package/dist/packages/tabs/index.scss +114 -117
  38. package/dist/packages/textarea/index.css +1 -1
  39. package/dist/packages/textarea/index.scss +1 -0
  40. package/dist/smartips/web-types.json +28 -1
  41. package/dist/style.css +1 -1
  42. package/dist/types/__VUE/address/index.vue.d.ts +3 -3
  43. package/dist/types/__VUE/avatargroup/index.vue.d.ts +1 -1
  44. package/dist/types/__VUE/cell/index.vue.d.ts +1 -1
  45. package/dist/types/__VUE/checkbox/index.vue.d.ts +72 -1
  46. package/dist/types/__VUE/collapse/index.vue.d.ts +3 -28
  47. package/dist/types/__VUE/collapseitem/index.vue.d.ts +1 -1
  48. package/dist/types/__VUE/countup/index.vue.d.ts +2 -2
  49. package/dist/types/__VUE/divider/index.vue.d.ts +15 -1
  50. package/dist/types/__VUE/form/common.d.ts +9 -1
  51. package/dist/types/__VUE/form/index.vue.d.ts +18 -0
  52. package/dist/types/__VUE/form/types.d.ts +3 -1
  53. package/dist/types/__VUE/formitem/index.vue.d.ts +21 -1
  54. package/dist/types/__VUE/formitem/types.d.ts +2 -0
  55. package/dist/types/__VUE/image/index.vue.d.ts +1 -1
  56. package/dist/types/__VUE/navbar/index.vue.d.ts +1 -1
  57. package/dist/types/__VUE/radio/index.vue.d.ts +14 -3
  58. package/dist/types/__VUE/radio/types.d.ts +4 -0
  59. package/dist/types/__VUE/radiogroup/index.vue.d.ts +8 -6
  60. package/dist/types/__VUE/sku/components/SkuStepper.vue.d.ts +1 -1
  61. package/dist/types/__VUE/sku/index.vue.d.ts +1 -1
  62. package/dist/types/__VUE/tabs/index.vue.d.ts +1 -1
  63. package/dist/types/__VUE/toast/index.vue.d.ts +1 -1
  64. package/dist/types/__VUE/uploader/index.vue.d.ts +2 -28
  65. package/dist/types/index.d.ts +1 -1
  66. package/package.json +1 -1
  67. package/dist/packages/index-nRNEaTqA.js +0 -10
  68. package/dist/types/__VUE/checkbox/common.d.ts +0 -2
  69. package/dist/types/__VUE/picker/common.d.ts +0 -406
package/dist/packages/{index-cDNmNOtI.js → index-NLe0VBkN.js} RENAMED
@@ -20,7 +20,6 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
20
20
  import { ref, computed, reactive, watch, toRefs, openBlock, createElementBlock, normalizeClass, createElementVNode, toDisplayString, createCommentVNode, renderSlot, Fragment, renderList, normalizeStyle, createTextVNode } from "vue";
21
21
  import { c as createComponent } from "./component-TCzwHGVq.js";
22
22
  import { r as requestAniFrame } from "./raf-MQjoO-Ag.js";
23
- import { u as useExpose } from "./index-nRNEaTqA.js";
24
23
  import { u as useLocale } from "./index-s3RgMhc7.js";
25
24
  import { _ as _export_sfc } from "./_plugin-vue_export-helper-yVxbj29m.js";
26
25
  const Utils = {
@@ -232,7 +231,7 @@ const _sfc_main = create({
232
231
  disabledDate: Function
233
232
  },
234
233
  emits: ["choose", "update", "close", "select"],
235
- setup(props, { emit, slots }) {
234
+ setup(props, { emit, slots, expose }) {
236
235
  const translate = useLocale(cN);
237
236
  const weekdays = translate("weekdays").map((day, index) => ({
238
237
  day,
@@ -703,7 +702,7 @@ const _sfc_main = create({
703
702
  months.value.scrollTop = state.monthsData[state.currentIndex].cssScrollHeight;
704
703
  }
705
704
  };
706
- useExpose({
705
+ expose({
707
706
  scrollToDate,
708
707
  initPosition
709
708
  });
package/dist/packages/{index.vue_vue_type_script_lang-Lc2BXA17.js → index.vue_vue_type_script_lang-54PRh3YM.js} RENAMED
@@ -11,7 +11,6 @@ const _sfc_main = create({
11
11
  direction: {
12
12
  type: String,
13
13
  default: "vertical"
14
- //horizontal
15
14
  },
16
15
  textPosition: {
17
16
  type: String,
package/dist/packages/{index.vue_vue_type_script_lang-KuoPcQZs.js → index.vue_vue_type_script_lang-MJYVRFbp.js} RENAMED
@@ -1,4 +1,4 @@
1
- import { inject, computed, h } from "vue";
1
+ import { toRefs, inject, computed, h } from "vue";
2
2
  import { c as createComponent } from "./component-TCzwHGVq.js";
3
3
  import { CheckNormal, CheckChecked } from "@nutui/icons-vue";
4
4
  import { p as pxCheck } from "./pxCheck-OnXlN1NC.js";
@@ -17,7 +17,6 @@ const _sfc_main = create({
17
17
  shape: {
18
18
  type: String,
19
19
  default: "round"
20
- // button
21
20
  },
22
21
  label: {
23
22
  type: [String, Number, Boolean],
@@ -26,9 +25,14 @@ const _sfc_main = create({
26
25
  iconSize: {
27
26
  type: [String, Number],
28
27
  default: ""
28
+ },
29
+ size: {
30
+ type: String,
31
+ default: "normal"
29
32
  }
30
33
  },
31
34
  setup(props, { slots }) {
35
+ const { size } = toRefs(props);
32
36
  let parent = inject(RADIO_KEY, null);
33
37
  const isCurValue = computed(() => {
34
38
  return parent.label.value === props.label;
@@ -43,10 +47,10 @@ const _sfc_main = create({
43
47
  Checked: slots.checkedIcon ? slots.checkedIcon : CheckChecked
44
48
  };
45
49
  const iconNode = !isCurValue.value ? iconNodeMap.CheckNormal : iconNodeMap.Checked;
46
- const size = pxCheck(iconSize);
50
+ const size2 = pxCheck(iconSize);
47
51
  return h(iconNode, {
48
- width: size,
49
- height: size,
52
+ width: size2,
53
+ height: size2,
50
54
  class: color.value
51
55
  });
52
56
  };
@@ -65,7 +69,7 @@ const _sfc_main = create({
65
69
  return h(
66
70
  "view",
67
71
  {
68
- class: `${componentName}__button ${isCurValue.value && `${componentName}__button--active`} ${props.disabled ? `${componentName}__button--disabled` : ""}`
72
+ class: `${componentName}__button ${isCurValue.value && `${componentName}__button--active`} ${componentName}__button--${size.value} ${props.disabled ? `${componentName}__button--disabled` : ""}`
69
73
  },
70
74
  (_a = slots.default) == null ? void 0 : _a.call(slots)
71
75
  );
package/dist/packages/inputnumber/InputNumber.js CHANGED
@@ -58,7 +58,7 @@ const _sfc_main = create({
58
58
  };
59
59
  const change = (event) => {
60
60
  const input = event.target;
61
- emit("update:modelValue", input.valueAsNumber, event);
61
+ emit("update:modelValue", input.value, event);
62
62
  };
63
63
  const emitChange = (value, event) => {
64
64
  let output_value = fixedDecimalPlaces(value);
package/dist/packages/invoice/Invoice.js CHANGED
@@ -21,8 +21,8 @@ import { ref, reactive, computed, onMounted, watch, toRefs, resolveComponent, op
21
21
  import { c as createComponent } from "../component-TCzwHGVq.js";
22
22
  import NutForm from "../form/Form.js";
23
23
  import NutFormItem from "../formitem/FormItem.js";
24
- import { _ as _sfc_main$1 } from "../index.vue_vue_type_script_lang-KuoPcQZs.js";
25
- import { _ as _sfc_main$2 } from "../index.vue_vue_type_script_lang-Lc2BXA17.js";
24
+ import { _ as _sfc_main$1 } from "../index.vue_vue_type_script_lang-MJYVRFbp.js";
25
+ import { _ as _sfc_main$2 } from "../index.vue_vue_type_script_lang-54PRh3YM.js";
26
26
  import NutButton from "../button/Button.js";
27
27
  import { _ as _export_sfc } from "../_plugin-vue_export-helper-yVxbj29m.js";
28
28
  import "../util-4Jkyw4BJ.js";
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}.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__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__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-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-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}
package/dist/packages/navbar/index.css CHANGED
@@ -1 +1 @@
1
- .nut-theme-dark .nut-navbar{background:var(--nut-dark-background, #131313);color:var(--nut-dark-color, var(--nut-white, #fff))}.nut-theme-dark .nut-navbar .title{color:var(--nut-dark-color, var(--nut-white, #fff))}.nut-navbar{position:relative;display:flex;align-items:center;height:var(--nut-navbar-height, 44px);box-sizing:border-box;padding:var(--nut-navbar-padding, 0 16px);background:var(--nut-navbar-background, var(--nut-white, #fff));box-shadow:var(--nut-navbar-box-shadow, 0px 1px 7px 0px rgb(237, 238, 241));font-size:var(--nut-navbar-title-base-font, var(--nut-font-size-2, 14px));color:var(--nut-navbar-color, var(--nut-title-color2, #666666));margin-bottom:var(--nut-navbar-margin-bottom, 20px);overflow:hidden}.nut-navbar:active::before{opacity:.1}.nut-navbar--border{border-bottom:1px solid #eee}.nut-navbar--fixed{position:fixed;top:0;left:0;width:100%}.nut-navbar--placeholder{display:block;width:100%}.nut-navbar--safe-area-inset-top{padding-top:constant(safe-area-inset-top);padding-top:env(safe-area-inset-top)}.nut-navbar--fixed.nut-navbar--safe-area-inset-top{height:calc(var(--nut-navbar-height, 44px) + constant(safe-area-inset-top));height:calc(var(--nut-navbar-height, 44px) + env(safe-area-inset-top))}.nut-navbar--clickable::before{position:absolute;content:" ";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}.nut-navbar .nutui-iconfont .nut-icon-left{text-align:left}.nut-navbar__title{min-width:53%;margin:0 auto;text-align:center;display:flex;justify-content:center;align-items:center}.nut-navbar__title .title{min-width:var(--nut-navbar-title-width, 100px);font-size:var(--nut-navbar-title-font, var(--nut-font-size-2, 14px));font-weight:var(--nut-navbar-title-font-weight, 0);color:var(--nut-navbar-title-font-color, var(--nut-navbar-color, var(--nut-title-color2, #666666)));display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1;overflow:hidden}.nut-navbar__title.icon .icon{margin:var(--nut-navbar-title-icon-margin, 0 0 0 13px)}.nut-navbar__title .icon{font-size:0}.nut-navbar__title .nut-icon{display:inline}.nut-navbar__title-desc{font-size:var(--nut-cell-title-desc-font, var(--nut-font-size-1, 12px))}.nut-navbar__title .text__title{display:inline-block}.nut-navbar__title .nut-tabs__titles{background:var(--nut-white, #fff)}.nut-navbar__title .nut-tab-pane{display:none}.nut-navbar__title ::-webkit-scrollbar{display:none}.nut-navbar__left{font-size:var(--nut-cell-desc-font, var(--nut-font-size-2, 14px));color:var(--nut-cell-desc-color, var(--nut-disable-color, #cccccc));display:flex;align-items:center;cursor:pointer;padding:0 16px}.nut-navbar__right{font-size:var(--nut-cell-desc-font, var(--nut-font-size-2, 14px));color:var(--nut-cell-desc-color, var(--nut-disable-color, #cccccc));display:flex;align-items:center;padding:0 16px;cursor:pointer}.nut-navbar__right .rightIcon{margin-left:16px}.nut-navbar__right .leftIcon{margin-left:16px}
1
+ .nut-theme-dark .nut-navbar{background:var(--nut-dark-background, #131313);color:var(--nut-dark-color, var(--nut-white, #fff))}.nut-theme-dark .nut-navbar .title{color:var(--nut-dark-color, var(--nut-white, #fff))}.nut-navbar{position:relative;display:flex;align-items:center;height:var(--nut-navbar-height, 44px);box-sizing:border-box;padding:var(--nut-navbar-padding, 0 16px);background:var(--nut-navbar-background, var(--nut-white, #fff));box-shadow:var(--nut-navbar-box-shadow, 0px 1px 7px 0px rgb(237, 238, 241));font-size:var(--nut-navbar-title-base-font, var(--nut-font-size-2, 14px));color:var(--nut-navbar-color, var(--nut-title-color2, #666666));overflow:hidden}.nut-navbar:active::before{opacity:.1}.nut-navbar--border{border-bottom:1px solid #eee}.nut-navbar--fixed{position:fixed;top:0;left:0;width:100%}.nut-navbar--placeholder{display:block;width:100%}.nut-navbar--safe-area-inset-top{padding-top:constant(safe-area-inset-top);padding-top:env(safe-area-inset-top)}.nut-navbar--fixed.nut-navbar--safe-area-inset-top{height:calc(var(--nut-navbar-height, 44px) + constant(safe-area-inset-top));height:calc(var(--nut-navbar-height, 44px) + env(safe-area-inset-top))}.nut-navbar--clickable::before{position:absolute;content:" ";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}.nut-navbar .nutui-iconfont .nut-icon-left{text-align:left}.nut-navbar__title{max-width:60%;margin:0 auto;text-align:center;display:flex;justify-content:center;align-items:center}.nut-navbar__title .title{min-width:var(--nut-navbar-title-width, 100px);font-size:var(--nut-navbar-title-font, var(--nut-font-size-2, 14px));font-weight:var(--nut-navbar-title-font-weight, 0);color:var(--nut-navbar-title-font-color, var(--nut-navbar-color, var(--nut-title-color2, #666666)));display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1;overflow:hidden}.nut-navbar__title.icon .icon{margin:var(--nut-navbar-title-icon-margin, 0 0 0 13px)}.nut-navbar__title .icon{font-size:0}.nut-navbar__title .nut-icon{display:inline}.nut-navbar__title-desc{font-size:var(--nut-cell-title-desc-font, var(--nut-font-size-1, 12px))}.nut-navbar__title .text__title{display:inline-block}.nut-navbar__title ::-webkit-scrollbar{display:none}.nut-navbar__left{position:absolute;left:0;font-size:var(--nut-cell-desc-font, var(--nut-font-size-2, 14px));color:var(--nut-cell-desc-color, var(--nut-disable-color, #cccccc));display:flex;align-items:center;cursor:pointer;padding:0 16px}.nut-navbar__right{position:absolute;right:0;font-size:var(--nut-cell-desc-font, var(--nut-font-size-2, 14px));color:var(--nut-cell-desc-color, var(--nut-disable-color, #cccccc));display:flex;align-items:center;padding:0 16px;cursor:pointer}
package/dist/packages/navbar/index.scss CHANGED
@@ -18,7 +18,6 @@
18
18
  box-shadow: $navbar-box-shadow;
19
19
  font-size: $navbar-title-base-font;
20
20
  color: $navbar-color;
21
- margin-bottom: $navbar-margin-bottom;
22
21
  overflow: hidden;
23
22
  &:active::before {
24
23
  opacity: 0.1;
@@ -70,7 +69,7 @@
70
69
  }
71
70
 
72
71
  &__title {
73
- min-width: 53%;
72
+ max-width: 60%;
74
73
  margin: 0 auto;
75
74
  text-align: center;
76
75
  display: flex;
@@ -103,14 +102,6 @@
103
102
  .text__title {
104
103
  display: inline-block;
105
104
  }
106
-
107
- .nut-tabs__titles {
108
- background: $white;
109
- }
110
-
111
- .nut-tab-pane {
112
- display: none;
113
- }
114
105
  }
115
106
 
116
107
  &__title ::-webkit-scrollbar {
@@ -118,6 +109,8 @@
118
109
  }
119
110
 
120
111
  &__left {
112
+ position: absolute;
113
+ left: 0;
121
114
  font-size: $cell-desc-font;
122
115
  color: $cell-desc-color;
123
116
  display: flex;
@@ -126,17 +119,13 @@
126
119
  padding: 0 16px;
127
120
  }
128
121
  &__right {
122
+ position: absolute;
123
+ right: 0;
129
124
  font-size: $cell-desc-font;
130
125
  color: $cell-desc-color;
131
126
  display: flex;
132
127
  align-items: center;
133
128
  padding: 0 16px;
134
129
  cursor: pointer;
135
- .rightIcon {
136
- margin-left: 16px;
137
- }
138
- .leftIcon {
139
- margin-left: 16px;
140
- }
141
130
  }
142
131
  }
package/dist/packages/popover/Popover.js CHANGED
@@ -144,9 +144,10 @@ const _sfc_main = create({
144
144
  }
145
145
  rootRect.value = rect2;
146
146
  setTimeout(() => {
147
+ var _a, _b;
147
148
  conentRootRect.value = {
148
- height: popoverContentRef.value.clientHeight,
149
- width: popoverContentRef.value.clientWidth
149
+ height: (_a = popoverContentRef.value) == null ? void 0 : _a.clientHeight,
150
+ width: (_b = popoverContentRef.value) == null ? void 0 : _b.clientWidth
150
151
  };
151
152
  }, 0);
152
153
  };
package/dist/packages/radio/Radio.js CHANGED
@@ -1,4 +1,4 @@
1
- import { _ as _sfc_main } from "../index.vue_vue_type_script_lang-KuoPcQZs.js";
1
+ import { _ as _sfc_main } from "../index.vue_vue_type_script_lang-MJYVRFbp.js";
2
2
  import "vue";
3
3
  import "../component-TCzwHGVq.js";
4
4
  import "@nutui/icons-vue";
package/dist/packages/radio/index.css CHANGED
@@ -1 +1 @@
1
- .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}.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__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))}
1
+ .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))}
package/dist/packages/radio/index.scss CHANGED
@@ -24,6 +24,7 @@
24
24
  display: flex;
25
25
  align-items: center;
26
26
  flex-shrink: 0;
27
+ cursor: pointer;
27
28
 
28
29
  &:last-child {
29
30
  margin-bottom: 0 !important;
@@ -75,6 +76,26 @@
75
76
  color: $radio-label-disable-color;
76
77
  border: none;
77
78
  }
79
+
80
+ &--large {
81
+ height: $button-large-height;
82
+ line-height: $button-large-line-height;
83
+ font-size: $button-large-font-size;
84
+ }
85
+
86
+ &--small {
87
+ height: $button-small-height;
88
+ line-height: $button-small-line-height;
89
+ padding: $button-small-padding;
90
+ font-size: $button-small-font-size;
91
+ }
92
+
93
+ &--mini {
94
+ height: $button-mini-height;
95
+ line-height: $button-mini-line-height;
96
+ padding: $button-mini-padding;
97
+ font-size: $button-mini-font-size;
98
+ }
78
99
  }
79
100
 
80
101
  &__label {
package/dist/packages/radiogroup/RadioGroup.js CHANGED
@@ -1,4 +1,4 @@
1
- import { _ as _sfc_main } from "../index.vue_vue_type_script_lang-Lc2BXA17.js";
1
+ import { _ as _sfc_main } from "../index.vue_vue_type_script_lang-54PRh3YM.js";
2
2
  import "vue";
3
3
  import "../component-TCzwHGVq.js";
4
4
  import "../types-odSRziQJ.js";
package/dist/packages/radiogroup/index.scss CHANGED
@@ -3,8 +3,6 @@
3
3
  .nut-radio {
4
4
  margin-bottom: 5px;
5
5
  }
6
- &--vertical {
7
- }
8
6
  &--horizontal {
9
7
  .nut-radio {
10
8
  display: inline-flex;
@@ -14,9 +12,6 @@
14
12
  margin: 0 6px;
15
13
  }
16
14
  }
17
- &--button {
18
- // ...
19
- }
20
15
  }
21
16
  }
22
17
  }
package/dist/packages/range/Range.js CHANGED
@@ -272,8 +272,6 @@ const _sfc_main = create({
272
272
  currentValue = startValue + diff;
273
273
  }
274
274
  updateValue(currentValue);
275
- event.stopPropagation();
276
- event.preventDefault();
277
275
  };
278
276
  const onTouchEnd = () => {
279
277
  if (props.disabled) {
package/dist/packages/swiper/Swiper.js CHANGED
@@ -2,7 +2,6 @@ import { ref, reactive, computed, provide, onDeactivated, onBeforeUnmount, watch
2
2
  import { c as createComponent } from "../component-TCzwHGVq.js";
3
3
  import { e as clamp } from "../util-4Jkyw4BJ.js";
4
4
  import { u as useTouch } from "../index-084nl_oE.js";
5
- import { u as useExpose } from "../index-nRNEaTqA.js";
6
5
  import { r as requestAniFrame } from "../raf-MQjoO-Ag.js";
7
6
  import { S as SWIPER_KEY } from "../types-9wCQwtH3.js";
8
7
  import { _ as _export_sfc } from "../_plugin-vue_export-helper-yVxbj29m.js";
@@ -58,7 +57,7 @@ const _sfc_main = create({
58
57
  }
59
58
  },
60
59
  emits: ["change"],
61
- setup(props, { emit, slots }) {
60
+ setup(props, { emit, slots, expose }) {
62
61
  const container = ref();
63
62
  const state = reactive({
64
63
  active: 0,
@@ -316,7 +315,7 @@ const _sfc_main = create({
316
315
  size,
317
316
  relation
318
317
  });
319
- useExpose({
318
+ expose({
320
319
  prev,
321
320
  next,
322
321
  to
package/dist/packages/swiperitem/SwiperItem.js CHANGED
@@ -1,8 +1,13 @@
1
- import { inject, getCurrentInstance, reactive, computed, onUnmounted, openBlock, createElementBlock, normalizeStyle, renderSlot } from "vue";
1
+ import { getCurrentInstance, inject, reactive, computed, onUnmounted, openBlock, createElementBlock, normalizeStyle, renderSlot } from "vue";
2
2
  import { c as createComponent } from "../component-TCzwHGVq.js";
3
- import { u as useExpose } from "../index-nRNEaTqA.js";
4
3
  import { S as SWIPER_KEY } from "../types-9wCQwtH3.js";
5
4
  import { _ as _export_sfc } from "../_plugin-vue_export-helper-yVxbj29m.js";
5
+ function useExpose(apis) {
6
+ const instance = getCurrentInstance();
7
+ if (instance) {
8
+ Object.assign(instance.proxy, apis);
9
+ }
10
+ }
6
11
  const { create } = createComponent("swiper-item");
7
12
  const _sfc_main = create({
8
13
  setup() {
package/dist/packages/tabs/Tabs.js CHANGED
@@ -501,7 +501,7 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
501
501
  }, 8, ["top", "container", "onScroll"])) : (openBlock(), createElementBlock("view", {
502
502
  key: 1,
503
503
  ref: "navRef",
504
- class: normalizeClass(["nut-tabs__titles", { [_ctx.type]: _ctx.type, scrollable: _ctx.titleScroll, "scroll-vertical": _ctx.getScrollY, [_ctx.size]: _ctx.size }]),
504
+ class: normalizeClass(["nut-tabs__titles", { [_ctx.type]: _ctx.type, scrollable: _ctx.titleScroll, [_ctx.size]: _ctx.size }]),
505
505
  style: normalizeStyle(_ctx.tabsNavStyle)
506
506
  }, [
507
507
  _ctx.$slots.titles ? renderSlot(_ctx.$slots, "titles", { key: 0 }) : (openBlock(true), createElementBlock(Fragment, { key: 1 }, renderList(_ctx.titles, (item, index) => {
package/dist/packages/tabs/index.css CHANGED
@@ -1 +1 @@
1
- .nut-theme-dark .nut-tabs__titles{background:var(--nut-dark-background3, #141414)}.nut-theme-dark .nut-tabs__titles-item{color:var(--nut-dark-color-gray, var(--nut-text-color, #808080))}.nut-theme-dark .nut-tabs__titles-item.active{color:var(--nut-dark-color, var(--nut-white, #fff))}.nut-theme-dark .nut-tabs.vertical .nut-tabs__titles-item.active{background-color:var(--nut-dark-background2, #1b1b1b)}.nut-tabs{display:flex;overflow:hidden}.nut-tabs.horizontal{flex-direction:column}.nut-tabs.vertical{flex-direction:row;width:100%}.nut-tabs.vertical .nut-tabs__titles{flex-direction:column;height:100%;padding:10px 0 !important;width:var(--nut-tabs-vertical-titles-width, 100px);flex-shrink:0}.nut-tabs.vertical .nut-tabs__titles .nut-tabs__list{width:100%;display:flex;flex-direction:column;flex-shrink:0}.nut-tabs.vertical .nut-tabs__titles.scrollable{overflow-x:hidden;overflow-y:auto}.nut-tabs.vertical .nut-tabs__titles.scrollable .nut-tabs__titles-item{padding:0 10px 0 15px}.nut-tabs.vertical .nut-tabs__titles.scroll-vertical{overflow-y:scroll;height:auto}.nut-tabs.vertical .nut-tabs__titles.scroll-vertical .nut-tabs__titles-placeholder{height:22px}.nut-tabs.vertical .nut-tabs__titles-item{height:var(--nut-tabs-vertical-titles-item-height, 40px);flex:none}.nut-tabs.vertical .nut-tabs__titles-item__smile{transition:width .3s ease}.nut-tabs.vertical .nut-tabs__titles-item__line{bottom:none;transform:translate(0, -50%);transition:height .3s ease;width:0;height:0}.nut-tabs.vertical .nut-tabs__titles-item.active{background-color:#fff}.nut-tabs.vertical .nut-tabs__titles-item.active .nut-tabs__titles-item__line{left:10px;width:3px;background:var(--nut-tabs-vertical-tab-line-color, linear-gradient(180deg, var(--nut-primary-color, #fa2c19) 0%, rgba(250, 44, 25, 0.15) 100%));height:var(--nut-tabs-vertical-titles-item-active-line-height, 14px)}.nut-tabs.vertical .nut-tabs__titles-item.active .nut-tabs__titles-item__smile{right:-8px;bottom:2px;left:auto;width:3px;transform:rotate(320deg);height:var(--nut-tabs-vertical-titles-item-active-line-height, 14px)}.nut-tabs.vertical .nut-tabs__content{flex:1;flex-direction:column}.nut-tabs.vertical .nut-tabs__content .nut-tab-pane{height:100%}.nut-tabs__titles{height:var(--nut-tabs-horizontal-titles-height, 46px);display:flex;user-select:none;background:var(--nut-tabs-titles-background-color, var(--nut-help-color, #f5f5f5));border-radius:var(--nut-tabs-titles-border-radius, 0);flex-shrink:0}.nut-tabs__titles .nut-tabs__list{width:100%;height:var(--nut-tabs-horizontal-titles-height, 46px);display:flex;flex-shrink:0}.nut-tabs__titles.large .nut-tabs__titles-item{font-size:var(--nut-tabs-titles-item-large-font-size, var(--nut-font-size-3, 16px))}.nut-tabs__titles.normal .nut-tabs__titles-item{font-size:var(--nut-tabs-titles-item-font-size, var(--nut-font-size-2, 14px))}.nut-tabs__titles.small .nut-tabs__titles-item{font-size:var(--nut-tabs-titles-item-small-font-size, var(--nut-font-size-1, 12px))}.nut-tabs__titles::-webkit-scrollbar{display:none;width:0;background:rgba(0,0,0,0)}.nut-tabs__titles.smile .nut-tabs__titles-item.active .nut-tabs__titles-item__smile{width:36px;height:10px}.nut-tabs__titles.scrollable{overflow-x:auto;overflow-y:hidden}.nut-tabs__titles.scrollable .nut-tabs__titles-item{width:auto}.nut-tabs__titles-item{position:relative;font-size:var(--nut-tabs-titles-item-font-size, var(--nut-font-size-2, 14px));flex:1 0 auto;min-width:var(--nut-tabs-horizontal-titles-item-min-width, 50px);width:0;display:flex;align-items:center;justify-content:center;color:var(--nut-tabs-titles-item-color, var(--nut-title-color, #1a1a1a))}.nut-tabs__titles-item__text{text-align:center}.nut-tabs__titles-item__text.ellipsis{width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.nut-tabs__titles-item__smile,.nut-tabs__titles-item__line{position:absolute;transition:width .3s ease;width:0;height:0;content:" ";bottom:15%;left:50%;transform:translate(-50%, 0);overflow:hidden;border-radius:var(--nut-tabs-titles-item-line-border-radius, 0);opacity:var(--nut-tabs-titles-item-line-opacity, 1)}.nut-tabs__titles-item__smile .nut-icon{position:absolute;font-size:12px;width:100%;height:100%;color:var(--nut-tabs-tab-smile-color, var(--nut-primary-color, #fa2c19))}.nut-tabs__titles-item.disabled{color:var(--nut-disable-color, #cccccc)}.nut-tabs__titles-item.active{font-weight:bold;color:var(--nut-tabs-titles-item-active-color, var(--nut-title-color, #1a1a1a))}.nut-tabs__titles-item.active .nut-tabs__titles-item__line{content:" ";width:var(--nut-tabs-horizontal-titles-item-active-line-width, 40px);height:3px;background:var(--nut-tabs-horizontal-tab-line-color, linear-gradient(90deg, var(--nut-primary-color, #fa2c19) 0%, rgba(250, 44, 25, 0.15) 100%))}.nut-tabs__content{display:flex;box-sizing:border-box}.tabs-scrollview{white-space:nowrap}.nut-tabs__titles-item.nut-tabs__titles-placeholder{width:auto;min-width:10px}.nut-tabs__titles-item .taro{height:46px;line-height:46px}
1
+ .nut-theme-dark .nut-tabs__titles{background:var(--nut-dark-background3, #141414)}.nut-theme-dark .nut-tabs__titles-item{color:var(--nut-dark-color-gray, var(--nut-text-color, #808080))}.nut-theme-dark .nut-tabs__titles-item.active{color:var(--nut-dark-color, var(--nut-white, #fff))}.nut-theme-dark .nut-tabs.vertical .nut-tabs__titles-item.active{background-color:var(--nut-dark-background2, #1b1b1b)}.nut-tabs{display:flex;overflow:hidden}.nut-tabs .nut-tabs__titles{display:flex;user-select:none;white-space:nowrap;flex-shrink:0;background:var(--nut-tabs-titles-background-color, var(--nut-help-color, #f5f5f5));border-radius:var(--nut-tabs-titles-border-radius, 0)}.nut-tabs .nut-tabs__titles .nut-tabs__list{width:100%;display:flex;flex-shrink:0}.nut-tabs .nut-tabs__titles .nut-tabs__titles-item{position:relative;font-size:var(--nut-tabs-titles-item-font-size, var(--nut-font-size-2, 14px));display:flex;align-items:center;justify-content:center;color:var(--nut-tabs-titles-item-color, var(--nut-title-color, #1a1a1a))}.nut-tabs .nut-tabs__titles .nut-tabs__titles-item__text{text-align:center}.nut-tabs .nut-tabs__titles .nut-tabs__titles-item__text.ellipsis{width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.nut-tabs .nut-tabs__titles .nut-tabs__titles-item__smile .nut-icon{position:absolute;font-size:12px;width:100%;height:100%;color:var(--nut-tabs-tab-smile-color, var(--nut-primary-color, #fa2c19))}.nut-tabs .nut-tabs__titles .nut-tabs__titles-item__smile,.nut-tabs .nut-tabs__titles .nut-tabs__titles-item__line{position:absolute;transition:width .3s ease;width:0;height:0;content:" ";bottom:15%;left:50%;transform:translate(-50%, 0);overflow:hidden;border-radius:var(--nut-tabs-titles-item-line-border-radius, 0);opacity:var(--nut-tabs-titles-item-line-opacity, 1)}.nut-tabs .nut-tabs__titles .nut-tabs__titles-item.active{font-weight:bold;color:var(--nut-tabs-titles-item-active-color, var(--nut-title-color, #1a1a1a))}.nut-tabs .nut-tabs__titles .nut-tabs__titles-item.active .nut-tabs__titles-item__line{content:" ";width:var(--nut-tabs-horizontal-titles-item-active-line-width, 40px);height:3px;background:var(--nut-tabs-horizontal-tab-line-color, linear-gradient(90deg, var(--nut-primary-color, #fa2c19) 0%, rgba(250, 44, 25, 0.15) 100%))}.nut-tabs .nut-tabs__titles .nut-tabs__titles-item.disabled{color:var(--nut-disable-color, #cccccc)}.nut-tabs.horizontal{flex-direction:column}.nut-tabs.horizontal .nut-sticky__box>.nut-tabs__titles,.nut-tabs.horizontal>.nut-tabs__titles{flex-direction:row;height:var(--nut-tabs-horizontal-titles-height, 46px)}.nut-tabs.horizontal .nut-sticky__box>.nut-tabs__titles .nut-tabs__list,.nut-tabs.horizontal>.nut-tabs__titles .nut-tabs__list{height:100%}.nut-tabs.horizontal .nut-sticky__box>.nut-tabs__titles.scrollable,.nut-tabs.horizontal>.nut-tabs__titles.scrollable{overflow-x:auto;overflow-y:hidden}.nut-tabs.horizontal .nut-sticky__box>.nut-tabs__titles .nut-tabs__titles-item,.nut-tabs.horizontal>.nut-tabs__titles .nut-tabs__titles-item{flex:1 0 auto;min-width:var(--nut-tabs-horizontal-titles-item-min-width, 50px);width:0}.nut-tabs.horizontal .nut-sticky__box>.nut-tabs__titles .nut-tabs__titles-item__smile .nut-icon,.nut-tabs.horizontal>.nut-tabs__titles .nut-tabs__titles-item__smile .nut-icon{position:absolute;font-size:12px;width:100%;height:100%;color:var(--nut-tabs-tab-smile-color, var(--nut-primary-color, #fa2c19))}.nut-tabs.vertical{flex-direction:row;width:100%}.nut-tabs.vertical>.nut-tabs__titles{flex-direction:column;height:auto;padding:10px 0;width:var(--nut-tabs-vertical-titles-width, 100px)}.nut-tabs.vertical>.nut-tabs__titles .nut-tabs__list{flex-direction:column}.nut-tabs.vertical>.nut-tabs__titles.scrollable{overflow-x:hidden;overflow-y:auto;height:auto}.nut-tabs.vertical>.nut-tabs__titles.scrollable .nut-tabs__titles-placeholder{height:22px}.nut-tabs.vertical>.nut-tabs__titles .nut-tabs__titles-item{min-width:var(--nut-tabs-horizontal-titles-item-min-width, 50px);width:100%;height:var(--nut-tabs-vertical-titles-item-height, 40px);flex:none}.nut-tabs.vertical>.nut-tabs__titles .nut-tabs__titles-item__line{bottom:none;transform:translate(0, -50%);transition:height .3s ease;width:0;height:0}.nut-tabs.vertical>.nut-tabs__titles .nut-tabs__titles-item.active{background-color:#fff}.nut-tabs.vertical>.nut-tabs__titles .nut-tabs__titles-item.active .nut-tabs__titles-item__line{left:10px;width:3px;background:var(--nut-tabs-vertical-tab-line-color, linear-gradient(180deg, var(--nut-primary-color, #fa2c19) 0%, rgba(250, 44, 25, 0.15) 100%));height:var(--nut-tabs-vertical-titles-item-active-line-height, 14px)}.nut-tabs.vertical>.nut-tabs__titles .nut-tabs__titles-item.active .nut-tabs__titles-item__smile{position:absolute;right:-8px;bottom:2px;left:auto;width:36px;transform:rotate(320deg);height:var(--nut-tabs-vertical-titles-item-active-line-height, 14px)}.nut-tabs.vertical .nut-tabs__content{flex:1;flex-direction:column}.nut-tabs.vertical .nut-tabs__content .nut-tab-pane{height:100%}.nut-tabs__titles.large .nut-tabs__titles-item{font-size:var(--nut-tabs-titles-item-large-font-size, var(--nut-font-size-3, 16px))}.nut-tabs__titles.normal .nut-tabs__titles-item{font-size:var(--nut-tabs-titles-item-font-size, var(--nut-font-size-2, 14px))}.nut-tabs__titles.small .nut-tabs__titles-item{font-size:var(--nut-tabs-titles-item-small-font-size, var(--nut-font-size-1, 12px))}.nut-tabs__titles::-webkit-scrollbar{display:none;width:0;background:rgba(0,0,0,0)}.nut-tabs__titles.smile .nut-tabs__titles-item.active .nut-tabs__titles-item__smile{width:36px;height:10px}.nut-tabs__content{display:flex;box-sizing:border-box}.nut-tabs .nut-tabs__titles-item.nut-tabs__titles-placeholder{width:auto;min-width:10px}.nut-tabs .nut-tabs__titles-item .taro{height:46px;line-height:46px}