@nutui/nutui-react 2.3.4 → 2.3.6
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.
- package/CHANGELOG.md +27 -0
- package/dist/esm/Address/style/style.css +1 -1
- package/dist/esm/Audio/style/style.css +1 -1
- package/dist/esm/AvatarCropper/style/style.css +1 -1
- package/dist/esm/AvatarCropper.js +9 -6
- package/dist/esm/Cascader/style/style.css +1 -1
- package/dist/esm/DatePicker/style/style.css +1 -1
- package/dist/esm/Dialog/style/style.css +1 -1
- package/dist/esm/ImagePreview.js +2 -0
- package/dist/esm/Picker/style/style.css +1 -1
- package/dist/esm/Picker.js +2 -2
- package/dist/esm/Range/style/style.css +1 -1
- package/dist/esm/Range.js +28 -13
- package/dist/esm/Tabs/style/style.css +1 -1
- package/dist/esm/types/src/packages/avatarcropper/avatarcropper.d.ts +2 -0
- package/dist/esm/types/src/packages/avatarcropper/avatarcropper.taro.d.ts +2 -0
- package/dist/esm/types/src/packages/avatarcropper/index.d.ts +1 -1
- package/dist/esm/types/src/packages/avatarcropper/index.taro.d.ts +1 -1
- package/dist/esm/types/src/packages/configprovider/types.d.ts +1 -1
- package/dist/esm/types/src/packages/empty/empty.taro.d.ts +1 -1
- package/dist/esm/types/src/packages/range/index.d.ts +2 -1
- package/dist/esm/types/src/packages/range/index.taro.d.ts +2 -1
- package/dist/esm/types/src/packages/range/range.d.ts +2 -2
- package/dist/esm/types/src/packages/range/range.taro.d.ts +2 -2
- package/dist/esm/types/src/packages/range/types.d.ts +6 -0
- package/dist/locales/base.js +1 -1
- package/dist/locales/en-US.js +1 -1
- package/dist/locales/id-ID.js +1 -1
- package/dist/locales/tr-TR.js +1 -1
- package/dist/locales/zh-CN.js +1 -1
- package/dist/locales/zh-TW.js +1 -1
- package/dist/locales/zh-UG.js +1 -1
- package/dist/nutui.react.es.js +31 -16
- package/dist/nutui.react.umd.js +31 -16
- package/dist/packages/avatarcropper/avatarcropper.scss +5 -0
- package/dist/packages/dialog/dialog.scss +1 -1
- package/dist/packages/picker/picker.scss +1 -0
- package/dist/packages/range/range.scss +2 -2
- package/dist/packages/tabs/tabs.scss +2 -2
- package/dist/style.css +1 -1
- package/dist/style.mjs +1 -1
- package/dist/styles/variables-jmapp.scss +9 -0
- package/dist/styles/variables.scss +9 -0
- package/dist/types/packages/avatarcropper/avatarcropper.d.ts +6 -0
- package/dist/types/packages/avatarcropper/avatarcropper.taro.d.ts +2 -0
- package/dist/types/packages/avatarcropper/index.d.ts +1 -1
- package/dist/types/packages/avatarcropper/index.taro.d.ts +1 -1
- package/dist/types/packages/configprovider/types.d.ts +1 -1
- package/dist/types/packages/empty/empty.taro.d.ts +1 -1
- package/dist/types/packages/imagepreview/imagepreview.d.ts +5 -1
- package/dist/types/packages/infiniteloading/infiniteloading.d.ts +1 -1
- package/dist/types/packages/range/index.d.ts +2 -1
- package/dist/types/packages/range/index.taro.d.ts +2 -1
- package/dist/types/packages/range/range.d.ts +2 -2
- package/dist/types/packages/range/range.taro.d.ts +2 -2
- package/dist/types/packages/range/types.d.ts +6 -0
- package/dist/types/packages/space/space.d.ts +1 -1
- package/dist/types/packages/swipe/swipe.d.ts +3 -3
- package/dist/types/packages/tabs/tabs.d.ts +1 -1
- package/package.json +2 -2
package/dist/esm/Range.js
CHANGED
|
@@ -56,15 +56,30 @@ var Range = function Range2(props) {
|
|
|
56
56
|
var _useState9 = useState(function() {
|
|
57
57
|
return value || defaultValue || 0;
|
|
58
58
|
}), _useState10 = _slicedToArray(_useState9, 2), exactValue = _useState10[0], setEaxctValue = _useState10[1];
|
|
59
|
+
var marksRef = useRef({});
|
|
59
60
|
useEffect(function() {
|
|
60
61
|
if (marks) {
|
|
61
|
-
|
|
62
|
-
|
|
63
|
-
|
|
64
|
-
|
|
65
|
-
|
|
66
|
-
|
|
67
|
-
|
|
62
|
+
if (Array.isArray(marks)) {
|
|
63
|
+
var list = marks.sort(function(a, b) {
|
|
64
|
+
return a.value - b.value;
|
|
65
|
+
}).filter(function(point) {
|
|
66
|
+
return point.value >= min && point.value <= max;
|
|
67
|
+
});
|
|
68
|
+
setMarksList(list.map(function(mark) {
|
|
69
|
+
return mark.value;
|
|
70
|
+
}));
|
|
71
|
+
list.forEach(function(mark) {
|
|
72
|
+
marksRef.current[mark.value] = mark.label !== void 0 ? mark.label : mark.value;
|
|
73
|
+
});
|
|
74
|
+
} else {
|
|
75
|
+
var marksKeys = Object.keys(marks);
|
|
76
|
+
var _list = marksKeys.map(parseFloat).sort(function(a, b) {
|
|
77
|
+
return a - b;
|
|
78
|
+
}).filter(function(point) {
|
|
79
|
+
return point >= min && point <= max;
|
|
80
|
+
});
|
|
81
|
+
setMarksList(_list);
|
|
82
|
+
}
|
|
68
83
|
}
|
|
69
84
|
}, [marks]);
|
|
70
85
|
var scope = function scope2() {
|
|
@@ -258,14 +273,14 @@ var Range = function Range2(props) {
|
|
|
258
273
|
}
|
|
259
274
|
}, marksList.length > 0 && React__default.createElement("div", {
|
|
260
275
|
className: "nut-range-mark"
|
|
261
|
-
}, marksList.map(function(
|
|
276
|
+
}, marksList.map(function(mark) {
|
|
262
277
|
return React__default.createElement("span", {
|
|
263
|
-
key:
|
|
264
|
-
className: markClassName(
|
|
265
|
-
style: marksStyle(
|
|
266
|
-
},
|
|
278
|
+
key: mark,
|
|
279
|
+
className: markClassName(mark),
|
|
280
|
+
style: marksStyle(mark)
|
|
281
|
+
}, Array.isArray(marks) ? marksRef.current[mark] : marks[mark], React__default.createElement("span", {
|
|
267
282
|
className: classNames("nut-range-tick", {
|
|
268
|
-
active: tickClass(
|
|
283
|
+
active: tickClass(mark)
|
|
269
284
|
})
|
|
270
285
|
}));
|
|
271
286
|
})), React__default.createElement("div", {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
.nut-tabpane{width:100%;flex-shrink:0;display:block;background-color:var(--nutui-gray-1, #ffffff);color:var(--nutui-gray-7, #1a1a1a);padding:24px 20px;box-sizing:border-box;overflow:auto}.nut-tabpane.inactive{overflow:visible;height:0}.nut-tabs{display:flex}.nut-tabs-titles{display:flex;box-sizing:border-box;height:var(--nutui-tabs-titles-height, 44px);padding:0 16px;-webkit-user-select:none;user-select:none;overflow:hidden;background:var(--nutui-tabs-titles-background-color, var(--nutui-gray-3, #f6f6f6))}.nut-tabs-titles::-webkit-scrollbar{display:none;width:0;background:transparent}.nut-tabs-titles .nut-tabs-list{width:100%;height:auto;display:flex;flex-shrink:0}.nut-tabs-titles-left{justify-content:flex-start}.nut-tabs-titles-right{justify-content:flex-end}.nut-tabs-titles-scrollable{overflow-x:auto;overflow-y:hidden}.nut-tabs-titles-item{position:relative;display:flex;align-items:center;justify-content:center;flex:1 0 auto;padding:0 10px;margin:0 var(--nutui-tabs-titles-gap, 12px);min-width:var(--nutui-tabs-titles-item-min-width, 50px);font-size:var(--nutui-tabs-titles-font-size, var(--nutui-font-size-3, 14px));color:var(--nutui-gray-7, #1a1a1a);text-overflow:ellipsis;white-space:nowrap}.nut-tabs-titles-item.taro{height:44px;line-height:44px}.nut-tabs-titles-item-left,.nut-tabs-titles-item-right{flex:none}.nut-tabs-titles-item-text{text-align:center}.nut-tabs-titles-item-smile,.nut-tabs-titles-item-line{position:absolute;transition:width .3s ease;width:0;height:0;content:" ";bottom:var(--nutui-tabs-line-bottom, 15%);left:50%;transform:translate(-50%);border-radius:var(--nutui-tabs-line-border-radius, 2px);opacity:var(--nutui-tabs-tab-line-opacity, 1);overflow:hidden}.nut-tabs-titles-item-smile{bottom:var(--nutui-tabs-titles-item-smile-bottom, -10%)}.nut-tabs-titles-item-smile .nut-icon{position:absolute;font-size:20px;width:100%;height:100%;color:var(--nutui-color-primary, #fa2c19)}.nut-tabs-titles-item-active{color:var(--nutui-tabs-titles-item-active-color, var(--nutui-color-primary, #fa2c19));font-weight:var(--nutui-tabs-titles-item-active-font-weight, var(--nutui-font-weight-bold, 500))}.nut-tabs-titles-item-active .nut-tabs-titles-item-line{overflow:unset;content:" ";width:var(--nutui-tabs-tab-line-width, 12px);height:var(--nutui-tabs-tab-line-height, 2px);background:var(--nutui-tabs-tab-line-color, var(--nutui-color-primary, #fa2c19))}.nut-tabs-titles-item-active .nut-tabs-titles-item-smile{overflow:unset;width:40px;height:20px}.nut-tabs-titles-item-disabled{color:var(--nutui-color-text-disabled, #bfbfbf)}.nut-tabs-titles-item:first-child{margin-left:0}.nut-tabs-titles-simple .nut-tabs-titles-item-active{color:var(--nutui-gray-7, #1a1a1a);font-size:var(--nutui-tabs-titles-item-active-font-size, var(--nutui-font-size-4, 16px))}.nut-tabs-titles-card{padding:0;background-color:var(--nutui-color-default-light)}.nut-tabs-titles-card .nut-tabs-titles-item{margin:0}.nut-tabs-titles-card .nut-tabs-titles-item-active{font-weight:var(--nutui-font-weight-bold, 500);background-color:#fff;border-radius:var(--nutui-radius-3) var(--nutui-radius-3) 0 0}.nut-tabs-titles-button .nut-tabs-titles-item-active{margin:8px 9px;background:var(--nutui-color-default-light);color:var(--nutui-gray-6, #595959);border-radius:var(--nutui-tabs-button-border-radius, 50px);font-weight:var(--nutui-font-weight-bold, 500);background-color:var(--nutui-tabs-button-active-background-color, var(--nutui-color-primary-light, #ffeae8));color:var(--nutui-color-primary, #fa2c19);border:var(--nutui-tabs-button-active-border, 1px solid var(--nutui-color-primary, #fa2c19))}.nut-tabs-titles-button .nut-tabs-titles-item-active.taro{height:28px}.nut-tabs-titles-divider{padding:0;border-bottom:1px solid var(--nutui-black-3, rgba(0, 0, 0, .06))}.nut-tabs-titles-divider .nut-tabs-titles-item{margin:0;position:relative}.nut-tabs-titles-divider .nut-tabs-titles-item:after{content:"";position:absolute;right:0;top:50%;height:50%;width:1px;background:var(--nutui-black-3, rgba(0, 0, 0, .06));transform:translateY(-50%)}.nut-tabs-titles-divider .nut-tabs-titles-item:last-child:after{display:none}.nut-tabs-horizontal{flex-direction:column}.nut-tabs-vertical{flex-direction:row;width:100%}.nut-tabs-vertical .nut-tabs-titles{box-sizing:border-box;flex-direction:column;height:100%;padding:0;width:var(--nutui-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-item{height:var(--nutui-tabs-vertical-titles-item-height, 40px);flex:none}.nut-tabs-vertical .nut-tabs-titles-item-smile{width:0;height:0;overflow:hidden;transition:width .3s ease}.nut-tabs-vertical .nut-tabs-titles-item-line{width:0;height:0;transform:translateY(-50%);transition:height .3s ease}.nut-tabs-vertical .nut-tabs-titles-item-active{background-color:var(--nutui-tabs-titles-item-active-background-color, var(--nutui-gray-1, #ffffff))}.nut-tabs-vertical .nut-tabs-titles-item-active .nut-tabs-titles-item-line{left:10px;width:var(--nutui-tabs-vertical-tab-line-width, 3px);height:var(--nutui-tabs-vertical-tab-line-height, 12px);background:var(--nutui-tabs-vertical-tab-line-color, linear-gradient(180deg, var(--nutui-color-primary-stop-1, #f53d4d) 0%, var(--nutui-color-primary-light, #ffeae8) 100%))}.nut-tabs-vertical .nut-tabs-titles-item-active .nut-tabs-titles-item-smile{right:-6px;bottom:-2%;left:auto;width:40px;height:20px;transform:rotate(320deg)}.nut-tabs-vertical .nut-tabs-titles-item:first-child{margin:0 var(--nutui-tabs-titles-gap, 12px)}.nut-tabs-vertical .nut-tabs-horizontal .nut-tabs-titles{flex-direction:row;overflow-x:auto;overflow-y:hidden;height:var(--nutui-tabs-titles-height, 44px)}.nut-tabs-vertical .nut-tabs-horizontal .nut-tabs-titles .nut-tabs-list{width:100%;display:flex;flex-direction:row;flex-shrink:0}.nut-tabs-vertical .nut-tabs-horizontal .nut-tabs-content{flex-direction:row}.nut-tabs-vertical .nut-tabs-horizontal .nut-tabs-titles-item-active{background-color:initial}.nut-tabs-vertical .nut-tabs-horizontal .nut-tabs-titles-item-active .nut-tabs-titles-item-line{left:50%;transform:translate(-50%)}.nut-tabs-vertical .nut-tabs-horizontal .nut-tabs-titles-item-active .nut-tabs-titles-item-smile{left:50%;right:auto;bottom:-3px;transform:translate(-50%) rotate(0)}.nut-tabs-vertical .nut-tabs-content{flex-direction:column;height:100%}.nut-tabs-vertical .nut-tabs-content-wrap{flex:1}.nut-tabs-vertical .nut-tabs-content .nut-tabpane{height:100%}.nut-tabs-vertical .nut-tabs-horizontal .nut-tabs-titles{display:flex;flex-direction:row;padding:0!important;width:100%}.nut-tabs-vertical .nut-tabs-horizontal .nut-tabs-titles .nut-tabs-titles-item{display:flex;align-items:center;justify-content:center;flex:1 0 auto}.nut-tabs-vertical .nut-tabs-horizontal .nut-tabs-titles .nut-tabs-titles-item-active{color:var(--nutui-color-primary, #fa2c19);font-weight:var(--nutui-tabs-titles-item-active-font-weight, var(--nutui-font-weight-bold, 500));font-size:var(--nutui-tabs-titles-item-active-font-size, var(--nutui-font-size-4, 16px))}.nut-tabs-vertical .nut-tabs-horizontal .nut-tabs-titles .nut-tabs-titles-item-active .nut-tabs-titles-item-line{content:" ";width:var(--nutui-tabs-tab-line-width, 12px);height:var(--nutui-tabs-tab-line-height, 2px);background:var(--nutui-tabs-tab-line-color, var(--nutui-color-primary, #fa2c19))}.nut-tabs-content{display:flex;box-sizing:border-box}.nut-tabs-content-wrap{overflow:hidden}
|
|
1
|
+
.nut-tabpane{width:100%;flex-shrink:0;display:block;background-color:var(--nutui-gray-1, #ffffff);color:var(--nutui-gray-7, #1a1a1a);padding:24px 20px;box-sizing:border-box;overflow:auto}.nut-tabpane.inactive{overflow:visible;height:0}.nut-tabs{display:flex}.nut-tabs-titles{display:flex;box-sizing:border-box;height:var(--nutui-tabs-titles-height, 44px);padding:var(--nutui-tabs-titles-padding, 0 16px);-webkit-user-select:none;user-select:none;overflow:hidden;background:var(--nutui-tabs-titles-background-color, var(--nutui-gray-3, #f6f6f6))}.nut-tabs-titles::-webkit-scrollbar{display:none;width:0;background:transparent}.nut-tabs-titles .nut-tabs-list{width:100%;height:auto;display:flex;flex-shrink:0}.nut-tabs-titles-left{justify-content:flex-start}.nut-tabs-titles-right{justify-content:flex-end}.nut-tabs-titles-scrollable{overflow-x:auto;overflow-y:hidden}.nut-tabs-titles-item{position:relative;display:flex;align-items:center;justify-content:center;flex:1 0 auto;padding:0 10px;margin:0 var(--nutui-tabs-titles-gap, 12px);min-width:var(--nutui-tabs-titles-item-min-width, 50px);font-size:var(--nutui-tabs-titles-font-size, var(--nutui-font-size-3, 14px));color:var(--nutui-tabs-titles-item-color, var(--nutui-gray-7, #1a1a1a));text-overflow:ellipsis;white-space:nowrap}.nut-tabs-titles-item.taro{height:44px;line-height:44px}.nut-tabs-titles-item-left,.nut-tabs-titles-item-right{flex:none}.nut-tabs-titles-item-text{text-align:center}.nut-tabs-titles-item-smile,.nut-tabs-titles-item-line{position:absolute;transition:width .3s ease;width:0;height:0;content:" ";bottom:var(--nutui-tabs-line-bottom, 15%);left:50%;transform:translate(-50%);border-radius:var(--nutui-tabs-line-border-radius, 2px);opacity:var(--nutui-tabs-tab-line-opacity, 1);overflow:hidden}.nut-tabs-titles-item-smile{bottom:var(--nutui-tabs-titles-item-smile-bottom, -10%)}.nut-tabs-titles-item-smile .nut-icon{position:absolute;font-size:20px;width:100%;height:100%;color:var(--nutui-color-primary, #fa2c19)}.nut-tabs-titles-item-active{color:var(--nutui-tabs-titles-item-active-color, var(--nutui-color-primary, #fa2c19));font-weight:var(--nutui-tabs-titles-item-active-font-weight, var(--nutui-font-weight-bold, 500))}.nut-tabs-titles-item-active .nut-tabs-titles-item-line{overflow:unset;content:" ";width:var(--nutui-tabs-tab-line-width, 12px);height:var(--nutui-tabs-tab-line-height, 2px);background:var(--nutui-tabs-tab-line-color, var(--nutui-color-primary, #fa2c19))}.nut-tabs-titles-item-active .nut-tabs-titles-item-smile{overflow:unset;width:40px;height:20px}.nut-tabs-titles-item-disabled{color:var(--nutui-color-text-disabled, #bfbfbf)}.nut-tabs-titles-item:first-child{margin-left:0}.nut-tabs-titles-simple .nut-tabs-titles-item-active{color:var(--nutui-gray-7, #1a1a1a);font-size:var(--nutui-tabs-titles-item-active-font-size, var(--nutui-font-size-4, 16px))}.nut-tabs-titles-card{padding:0;background-color:var(--nutui-color-default-light)}.nut-tabs-titles-card .nut-tabs-titles-item{margin:0}.nut-tabs-titles-card .nut-tabs-titles-item-active{font-weight:var(--nutui-font-weight-bold, 500);background-color:#fff;border-radius:var(--nutui-radius-3) var(--nutui-radius-3) 0 0}.nut-tabs-titles-button .nut-tabs-titles-item-active{margin:8px 9px;background:var(--nutui-color-default-light);color:var(--nutui-gray-6, #595959);border-radius:var(--nutui-tabs-button-border-radius, 50px);font-weight:var(--nutui-font-weight-bold, 500);background-color:var(--nutui-tabs-button-active-background-color, var(--nutui-color-primary-light, #ffeae8));color:var(--nutui-color-primary, #fa2c19);border:var(--nutui-tabs-button-active-border, 1px solid var(--nutui-color-primary, #fa2c19))}.nut-tabs-titles-button .nut-tabs-titles-item-active.taro{height:28px}.nut-tabs-titles-divider{padding:0;border-bottom:1px solid var(--nutui-black-3, rgba(0, 0, 0, .06))}.nut-tabs-titles-divider .nut-tabs-titles-item{margin:0;position:relative}.nut-tabs-titles-divider .nut-tabs-titles-item:after{content:"";position:absolute;right:0;top:50%;height:50%;width:1px;background:var(--nutui-black-3, rgba(0, 0, 0, .06));transform:translateY(-50%)}.nut-tabs-titles-divider .nut-tabs-titles-item:last-child:after{display:none}.nut-tabs-horizontal{flex-direction:column}.nut-tabs-vertical{flex-direction:row;width:100%}.nut-tabs-vertical .nut-tabs-titles{box-sizing:border-box;flex-direction:column;height:100%;padding:0;width:var(--nutui-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-item{height:var(--nutui-tabs-vertical-titles-item-height, 40px);flex:none}.nut-tabs-vertical .nut-tabs-titles-item-smile{width:0;height:0;overflow:hidden;transition:width .3s ease}.nut-tabs-vertical .nut-tabs-titles-item-line{width:0;height:0;transform:translateY(-50%);transition:height .3s ease}.nut-tabs-vertical .nut-tabs-titles-item-active{background-color:var(--nutui-tabs-titles-item-active-background-color, var(--nutui-gray-1, #ffffff))}.nut-tabs-vertical .nut-tabs-titles-item-active .nut-tabs-titles-item-line{left:10px;width:var(--nutui-tabs-vertical-tab-line-width, 3px);height:var(--nutui-tabs-vertical-tab-line-height, 12px);background:var(--nutui-tabs-vertical-tab-line-color, linear-gradient(180deg, var(--nutui-color-primary-stop-1, #f53d4d) 0%, var(--nutui-color-primary-light, #ffeae8) 100%))}.nut-tabs-vertical .nut-tabs-titles-item-active .nut-tabs-titles-item-smile{right:-6px;bottom:-2%;left:auto;width:40px;height:20px;transform:rotate(320deg)}.nut-tabs-vertical .nut-tabs-titles-item:first-child{margin:0 var(--nutui-tabs-titles-gap, 12px)}.nut-tabs-vertical .nut-tabs-horizontal .nut-tabs-titles{flex-direction:row;overflow-x:auto;overflow-y:hidden;height:var(--nutui-tabs-titles-height, 44px)}.nut-tabs-vertical .nut-tabs-horizontal .nut-tabs-titles .nut-tabs-list{width:100%;display:flex;flex-direction:row;flex-shrink:0}.nut-tabs-vertical .nut-tabs-horizontal .nut-tabs-content{flex-direction:row}.nut-tabs-vertical .nut-tabs-horizontal .nut-tabs-titles-item-active{background-color:initial}.nut-tabs-vertical .nut-tabs-horizontal .nut-tabs-titles-item-active .nut-tabs-titles-item-line{left:50%;transform:translate(-50%)}.nut-tabs-vertical .nut-tabs-horizontal .nut-tabs-titles-item-active .nut-tabs-titles-item-smile{left:50%;right:auto;bottom:-3px;transform:translate(-50%) rotate(0)}.nut-tabs-vertical .nut-tabs-content{flex-direction:column;height:100%}.nut-tabs-vertical .nut-tabs-content-wrap{flex:1}.nut-tabs-vertical .nut-tabs-content .nut-tabpane{height:100%}.nut-tabs-vertical .nut-tabs-horizontal .nut-tabs-titles{display:flex;flex-direction:row;padding:0!important;width:100%}.nut-tabs-vertical .nut-tabs-horizontal .nut-tabs-titles .nut-tabs-titles-item{display:flex;align-items:center;justify-content:center;flex:1 0 auto}.nut-tabs-vertical .nut-tabs-horizontal .nut-tabs-titles .nut-tabs-titles-item-active{color:var(--nutui-color-primary, #fa2c19);font-weight:var(--nutui-tabs-titles-item-active-font-weight, var(--nutui-font-weight-bold, 500));font-size:var(--nutui-tabs-titles-item-active-font-size, var(--nutui-font-size-4, 16px))}.nut-tabs-vertical .nut-tabs-horizontal .nut-tabs-titles .nut-tabs-titles-item-active .nut-tabs-titles-item-line{content:" ";width:var(--nutui-tabs-tab-line-width, 12px);height:var(--nutui-tabs-tab-line-height, 2px);background:var(--nutui-tabs-tab-line-color, var(--nutui-color-primary, #fa2c19))}.nut-tabs-content{display:flex;box-sizing:border-box}.nut-tabs-content-wrap{overflow:hidden}
|
|
@@ -1,12 +1,14 @@
|
|
|
1
1
|
import React, { FunctionComponent } from 'react';
|
|
2
2
|
import { BasicComponent } from '@/utils/typings';
|
|
3
3
|
export type AvatarCropperToolbarPosition = 'top' | 'bottom';
|
|
4
|
+
export type AvatarCropperShape = 'square' | 'round';
|
|
4
5
|
export interface AvatarCropperProps extends BasicComponent {
|
|
5
6
|
maxZoom: number;
|
|
6
7
|
space: number;
|
|
7
8
|
toolbar: React.ReactNode[];
|
|
8
9
|
toolbarPosition: AvatarCropperToolbarPosition;
|
|
9
10
|
editText: React.ReactNode | string;
|
|
11
|
+
shape: AvatarCropperShape;
|
|
10
12
|
onConfirm: (e: string) => void;
|
|
11
13
|
onCancel: () => void;
|
|
12
14
|
}
|
|
@@ -3,6 +3,7 @@ import { BasicComponent } from '@/utils/typings';
|
|
|
3
3
|
export type AvatarCropperToolbarPosition = 'top' | 'bottom';
|
|
4
4
|
export type AvatarCropperSizeType = 'original' | 'compressed';
|
|
5
5
|
export type AvatarCropperSourceType = 'album' | 'camera';
|
|
6
|
+
export type AvatarCropperShape = 'square' | 'round';
|
|
6
7
|
export interface AvatarCropperProps extends BasicComponent {
|
|
7
8
|
maxZoom: number;
|
|
8
9
|
space: number;
|
|
@@ -11,6 +12,7 @@ export interface AvatarCropperProps extends BasicComponent {
|
|
|
11
12
|
editText: React.ReactNode | string;
|
|
12
13
|
sizeType: AvatarCropperSizeType[];
|
|
13
14
|
sourceType: AvatarCropperSourceType[];
|
|
15
|
+
shape: AvatarCropperShape;
|
|
14
16
|
onConfirm: (e: string) => void;
|
|
15
17
|
onCancel: () => void;
|
|
16
18
|
}
|
|
@@ -1,3 +1,3 @@
|
|
|
1
1
|
import { AvatarCropper } from './avatarcropper';
|
|
2
|
-
export type { AvatarCropperProps, AvatarCropperToolbarPosition, } from './avatarcropper';
|
|
2
|
+
export type { AvatarCropperProps, AvatarCropperToolbarPosition, AvatarCropperShape, } from './avatarcropper';
|
|
3
3
|
export default AvatarCropper;
|
|
@@ -1,3 +1,3 @@
|
|
|
1
1
|
import { AvatarCropper } from './avatarcropper.taro';
|
|
2
|
-
export type { AvatarCropperProps, AvatarCropperToolbarPosition, AvatarCropperSizeType, AvatarCropperSourceType, } from './avatarcropper.taro';
|
|
2
|
+
export type { AvatarCropperProps, AvatarCropperToolbarPosition, AvatarCropperSizeType, AvatarCropperSourceType, AvatarCropperShape, } from './avatarcropper.taro';
|
|
3
3
|
export default AvatarCropper;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
export type NutCSSVariables = 'nutuiColorPrimary' | 'nutuiColorPrimaryStop1' | 'nutuiColorPrimaryStop2' | 'nutuiColorPrimaryPressed' | 'nutuiColorPrimaryDisabled' | 'nutuiColorPrimaryLight' | 'nutuiColorPrimaryLightPressed' | 'nutuiColorDefault' | 'nutuiColorDefaultPressed' | 'nutuiColorDefaultLight' | 'nutuiColorDefaultDisabled' | 'nutuiColorInfo' | 'nutuiColorInfoPressed' | 'nutuiColorInfoDisabled' | 'nutuiColorInfoLight' | 'nutuiColorInfoBackground' | 'nutuiColorSuccess' | 'nutuiColorSuccessPressed' | 'nutuiColorSuccessDisabled' | 'nutuiColorSuccessLight' | 'nutuiColorSuccessBackground' | 'nutuiColorWarning' | 'nutuiColorWarningPressed' | 'nutuiColorWarningDisabled' | 'nutuiColorWarningLight' | 'nutuiColorWarningBackground' | 'nutuiColorDanger' | 'nutuiColorDangerPressed' | 'nutuiColorDangerDisabled' | 'nutuiColorDangerLight' | 'nutuiColorDangerBackground' | 'nutuiGray12' | 'nutuiGray0' | 'nutuiGray1' | 'nutuiWhite12' | 'nutuiBlack8' | 'nutuiBlack3' | 'nutuiGray4' | 'nutuiGray7' | 'nutuiGray6' | 'nutuiGray5' | 'nutuiColorTextDisabled' | 'nutuiFontWeight' | 'nutuiFontWeightBold' | 'nutuiLineHeightBase' | 'nutuiSpacing1' | 'nutuiSpacing2' | 'nutuiSpacing3' | 'nutuiSpacing4' | 'nutuiSpacing5' | 'nutuiSpacing6' | 'nutuiSpacing7' | 'nutuiSpacing8' | 'nutuiRadius1' | 'nutuiRadius2' | 'nutuiRadius3' | 'nutuiRadius4' | 'nutuiRadius5' | 'nutuiRadius6' | 'nutuiGray3' | 'nutuiGray2' | 'nutuiBlack10' | 'nutuiBlack2' | 'nutuiFontSize1' | 'nutuiFontSize2' | 'nutuiFontSize3' | 'nutuiFontSize4' | 'nutuiFontSize5' | 'nutuiFontSize6' | 'nutuiFontSize8' | 'nutuiFontSize10' | 'nutuiColorPrimaryText' | 'nutuiColorTextLink' | 'nutuiPaddingXs' | 'nutuiButtonSquareBorderRadius' | 'nutuiButtonBorderRadius' | 'nutuiButtonBorderWidth' | 'nutuiButtonNormalPadding' | 'nutuiButtonDefaultHeight' | 'nutuiButtonDefaultColor' | 'nutuiButtonDefaultBackgroundColor' | 'nutuiButtonDefaultBorderColor' | 'nutuiButtonDefaultDisabled' | 'nutuiButtonDefaultPadding' | 'nutuiButtonDefaultFontSize' | 'nutuiButtonDefaultFontWeight' | 'nutuiButtonLargeHeight' | 'nutuiButtonLargePadding' | 'nutuiButtonLargeFontSize' | 'nutuiButtonLargeFontWeight' | 'nutuiButtonSmallFontSize' | 'nutuiButtonSmallPadding' | 'nutuiButtonSmallHeight' | 'nutuiButtonMiniPadding' | 'nutuiButtonMiniHeight' | 'nutuiButtonMiniFontSize' | 'nutuiButtonPrimaryColor' | 'nutuiButtonPrimaryBorderColor' | 'nutuiButtonPrimaryDisabled' | 'nutuiButtonSuccessColor' | 'nutuiButtonSuccessBorderColor' | 'nutuiButtonSuccessBackgroundColor' | 'nutuiButtonSuccessDisabled' | 'nutuiButtonInfoColor' | 'nutuiButtonInfoBorderColor' | 'nutuiButtonInfoBackgroundColor' | 'nutuiButtonInfoDisabled' | 'nutuiButtonWarningColor' | 'nutuiButtonWarningBorderColor' | 'nutuiButtonWarningBackgroundColor' | 'nutuiButtonWarningDisabled' | 'nutuiButtonDangerColor' | 'nutuiButtonDangerBorderColor' | 'nutuiButtonDangerBackgroundColor' | 'nutuiButtonDangerDisabled' | 'nutuiButtonTextIconMargin' | 'nutuiCellTitleColor' | 'nutuiCellTitleFontSize' | 'nutuiCellDescriptionFontSize' | 'nutuiCellDescriptionColor' | 'nutuiCellExtraFontSize' | 'nutuiCellExtraColor' | 'nutuiCellBorderRadius' | 'nutuiCellPadding' | 'nutuiCellLineHeight' | 'nutuiCellDividerRight' | 'nutuiCellDividerLeft' | 'nutuiCellDividerBorderBottom' | 'nutuiCellBackgroundColor' | 'nutuiCellBoxShadow' | 'nutuiCellGroupTitlePadding' | 'nutuiCellGroupTitleColor' | 'nutuiCellGroupTitleFontSize' | 'nutuiCellGroupTitleLineHeight' | 'nutuiCellGroupDescriptionPadding' | 'nutuiCellGroupDescriptionColor' | 'nutuiCellGroupDescriptionFontSize' | 'nutuiCellGroupDescriptionLineHeight' | 'nutuiCellGroupBackgroundColor' | 'nutuiDividerMargin' | 'nutuiDividerTextFontSize' | 'nutuiDividerBorderColor' | 'nutuiDividerTextColor' | 'nutuiDividerLineHeight' | 'nutuiDividerSpacing' | 'nutuiDividerSideWidth' | 'nutuiDividerVerticalHeight' | 'nutuiDividerVerticalTop' | 'nutuiDividerVerticalMargin' | 'nutuiIconHeight' | 'nutuiIconWidth' | 'nutuiIconLineHeight' | 'nutuiUploaderImageWidth' | 'nutuiUploaderImageHeight' | 'nutuiUploaderImageBorder' | 'nutuiUploaderImageBorderRadius' | 'nutuiUploaderBackground' | 'nutuiUploaderBackgroundDisabled' | 'nutuiUploaderImageColor' | 'nutuiUploaderImageDisabled' | 'nutuiUploaderImageIconMarginBottom' | 'nutuiUploaderImageIconTipFontSize' | 'nutuiUploaderPreviewProgressBackground' | 'nutuiUploaderPreviewMarginRight' | 'nutuiUploaderPreviewMarginBottom' | 'nutuiUploaderPreviewTipsHeight' | 'nutuiUploaderPreviewTipsBackground' | 'nutuiBlack7' | 'nutuiUploaderPreviewTipsPadding' | 'nutuiUploaderPreviewCloseRight' | 'nutuiUploaderPreviewCloseTop' | 'nutuiPickerTitleCancelColor' | 'nutuiPickerTitleCancelFontSize' | 'nutuiPickerTitleOkColor' | 'nutuiPickerTitleOkFontSize' | 'nutuiPickerListHeight' | 'nutuiPickerItemHeight' | 'nutuiPickerItemTextColor' | 'nutuiPickerItemTextFontSize' | 'nutuiPickerItemActiveLineBorder' | 'nutuiWhite7' | 'nutuiInputBorderBottom' | 'nutuiInputBorderBottomWidth' | 'nutuiInputDisabledColor' | 'nutuiInputFontSize' | 'nutuiInputBorderRadius' | 'nutuiInputColor' | 'nutuiInputBackgroundColor' | 'nutuiInputPadding' | 'nutuiTextareaFont' | 'nutuiTextareaPadding' | 'nutuiTextareaLimitColor' | 'nutuiTextareaTextColor' | 'nutuiTextareaTextCurrorColor' | 'nutuiTextareaTextLineHeight' | 'nutuiTextareaDisabledColor' | 'nutuiInputnumberInputWidth' | 'nutuiInputnumberInputHeight' | 'nutuiInputnumberInputBackgroundColor' | 'nutuiInputnumberInputFontColor' | 'nutuiInputnumberInputFontSize' | 'nutuiInputnumberInputBorder' | 'nutuiInputnumberInputBorderRadius' | 'nutuiInputnumberInputMargin' | 'nutuiInputnumberButtonWidth' | 'nutuiInputnumberButtonHeight' | 'nutuiInputnumberButtonBorderRadius' | 'nutuiInputnumberButtonBackgroundColor' | 'nutuiInputnumberIconColor' | 'nutuiInputnumberIconSize' | 'nutuiInputnumberDisabledColor' | 'nutuiActionsheetBackgroundColor' | 'nutuiActionsheetPadding' | 'nutuiActionsheetBorderColor' | 'nutuiActionsheetBorderRadius' | 'nutuiActionsheetItemTextAlign' | 'nutuiActionsheetItemBorderBottom' | 'nutuiActionsheetItemLineHeight' | 'nutuiActionsheetItemColor' | 'nutuiActionsheetItemDanger' | 'nutuiShortpasswordBackgroundColor' | 'nutuiShortpasswordBorderColor' | 'nutuiShortpasswordError' | 'nutuiShortpasswordForget' | 'nutuiNumberkeyboardPadding' | 'nutuiNumberkeyboardBackgroundColor' | 'nutuiNumberkeyboardWrapperBackgroundColor' | 'nutuiNumberkeyboardHeaderClosePadding' | 'nutuiNumberkeyboardHeaderCloseColor' | 'nutuiNumberkeyboardHeaderCloseFontSize' | 'nutuiNumberkeyboardHeaderCloseBackgroundColor' | 'nutuiNumberkeyboardKeyBackgroundColor' | 'nutuiNumberkeyboardKeyActiveBackgroundColor' | 'nutuiNumberkeyboardKeyHeight' | 'nutuiNumberkeyboardKeyLineHeight' | 'nutuiNumberkeyboardKeyBorderRadius' | 'nutuiNumberkeyboardKeyBorder' | 'nutuiNumberkeyboardKeyFontSize' | 'nutuiNumberkeyboardKeyColor' | 'nutuiNumberkeyboardKeyConfirmFontSize' | 'nutuiNumberkeyboardKeyConfirmColor' | 'nutuiNumberkeyboardKeyConfirmBackgroundColor' | 'nutuiCountdownDisplay' | 'nutuiCountdownColor' | 'nutuiCountdownFontSize' | 'nutuiPriceSymbolPaddingRight' | 'nutuiPriceSymbolBigSize' | 'nutuiPriceIntegerBigSize' | 'nutuiPriceDecimalBigSize' | 'nutuiPriceLineColor' | 'nutuiPriceLineFontSize' | 'nutuiPriceSymbolMediumSize' | 'nutuiPriceIntegerMediumSize' | 'nutuiPriceDecimalMediumSize' | 'nutuiPriceSymbolSmallSize' | 'nutuiPriceIntegerSmallSize' | 'nutuiPriceDecimalSmallSize' | 'nutuiAvatarSquare' | 'nutuiAvatarLargeWidth' | 'nutuiAvatarLargeHeight' | 'nutuiAvatarSmallWidth' | 'nutuiAvatarSmallHeight' | 'nutuiAvatarNormalWidth' | 'nutuiAvatarNormalHeight' | 'nutuiSwitchCloseBackgroundColor' | 'nutuiSwitchOpenBackgroundColor' | 'nutuiSwitchCloseDisabledBackgroundColor' | 'nutuiSwitchOpenDisabledBackgroundColor' | 'nutuiSwitchCloseLineBackgroundColor' | 'nutuiSwitchWidth' | 'nutuiSwitchHeight' | 'nutuiSwitchLineHeight' | 'nutuiSwitchBorderRadius' | 'nutuiSwitchInsideWidth' | 'nutuiSwitchInsideHeight' | 'nutuiSwitchInsideOpenTransform' | 'nutuiSwitchInsideCloseTransform' | 'nutuiSwitchBoxShadow' | 'nutuiToastInnerTextAlign' | 'nutuiToastTitleFontSize' | 'nutuiToastTextFontSize' | 'nutuiToastFontColor' | 'nutuiToastInnerPadding' | 'nutuiToastInnerBgColor' | 'nutuiToastInnerBorderRadius' | 'nutuiToastInnerTop' | 'nutuiTourMaskBorderRadius' | 'nutuiTourContentMinWidth' | 'nutuiTourContentPadding' | 'nutuiTourContentInnerMargin' | 'nutuiTourContentInnerFontSize' | 'nutuiTourContentBottomMarginTop' | 'nutuiTourContentBottomBtnMarginLeft' | 'nutuiTourContentBottomBtnPadding' | 'nutuiTourContentBottomBtnFontSize' | 'nutuiTourContentBottomBtnBorderRadius' | 'nutuiBacktopBorderColor' | 'nutuiCalendarActiveBackgroundColor' | 'nutuiCalendarChooseBackgroundColor' | 'nutuiCalendarChooseColor' | 'nutuiCalendarChooseDisableBackgroundColor' | 'nutuiCalendarDisableColor' | 'nutuiCalendarBaseFontSize' | 'nutuiCalendarTitleFontSize' | 'nutuiCalendarTitleFontWeight' | 'nutuiCalendarSubTitleFontSize' | 'nutuiCalendarHeaderHeight' | 'nutuiCalendarDayWidth' | 'nutuiCalendarDayHeight' | 'nutuiCalendarDayFontWeight' | 'nutuiCalendarDayActiveBorderRadius' | 'nutuiOverlayBgColor' | 'nutuiOverlayZIndex' | 'nutuiOverlayContentBgColor' | 'nutuiOverlayContentColor' | 'nutuiOverlayAnimationDuration' | 'nutuiPopupBorderRadius' | 'nutuiPopupIconSize' | 'nutuiPopupTitlePadding' | 'nutuiPopupTitleFontSize' | 'nutuiPopupDescriptionFontSize' | 'nutuiPopupTitleHeight' | 'nutuiPopupTitleBorderBottom' | 'nutuiPopupAnimationDuration' | 'nutuiPopupTitleFontWeight' | 'nutuiNotifyTextColor' | 'nutuiNotifyPadding' | 'nutuiNotifyFontSize' | 'nutuiNotifyHeight' | 'nutuiNotifyBaseBackgroundColor' | 'nutuiNotifyPrimaryBackgroundColor' | 'nutuiNotifySuccessBackgroundColor' | 'nutuiNotifyDangerBackgroundColor' | 'nutuiNotifyWarningBackgroundColor' | 'nutuiRateItemMargin' | 'nutuiRateIconColor' | 'nutuiRateIconInactiveColor' | 'nutuiTabbarHeight' | 'nutuiTabbarActiveColor' | 'nutuiTabbarInactiveColor' | 'nutuiTabbarBorderTop' | 'nutuiTabbarBorderBottom' | 'nutuiTabbarBoxShadow' | 'nutuiTabbarTextFontSize' | 'nutuiTabbarTextLargeFontSize' | 'nutuiTabbarTextLargeFontWeight' | 'nutuiTabbarTextLineHeight' | 'nutuiTabbarTextMarginTop' | 'nutuiPulltorefreshIconWidth' | 'nutuiPulltorefreshIconHeight' | 'nutuiInfiniteloadingColor' | 'nutuiInfiniteloadingIconSize' | 'nutuiRangeColor' | 'nutuiRangeHeight' | 'nutuiRangeMargin' | 'nutuiRangeInactiveColor' | 'nutuiRangeActiveColor' | 'nutuiRangeButtonBackground' | 'nutuiRangeButtonWidth' | 'nutuiRangeButtonHeight' | 'nutuiRangeButtonBorder' | 'nutuiSwiperIndicatorBottom' | 'nutuiStepsBaseIconWidth' | 'nutuiStepsBaseIconHeight' | 'nutuiStepsBaseIconLineHeight' | 'nutuiStepsBaseIconMarginBottom' | 'nutuiStepsBaseIconFontSize' | 'nutuiStepsBaseLineWidth' | 'nutuiStepsBaseLineHeight' | 'nutuiStepsBaseLineBackground' | 'nutuiStepsBaseTitleFontSize' | 'nutuiStepsBaseTitleColor' | 'nutuiStepsBaseTitleMarginBottom' | 'nutuiStepsBaseDescriptionFontSize' | 'nutuiStepsBaseDescriptionColor' | 'nutuiStepsWaitIconBgColor' | 'nutuiStepsWaitIconColor' | 'nutuiStepsWaitTitleColor' | 'nutuiStepsWaitDescriptionColor' | 'nutuiStepsProcessIconBgColor' | 'nutuiStepsProcessIconBeforeBgColor' | 'nutuiStepsProcessIconColor' | 'nutuiStepsProcessTitleColor' | 'nutuiStepsProcessTitleFontSize' | 'nutuiStepsProcessTitleFontWeight' | 'nutuiStepsProcessDescriptionColor' | 'nutuiStepsFinishIconBgColor' | 'nutuiStepsFinishIconColor' | 'nutuiStepsFinishIconBorderColor' | 'nutuiStepsFinishTitleColor' | 'nutuiStepsFinishDescriptionColor' | 'nutuiStepsFinishLineBackground' | 'nutuiStepsDotFinishIconBgColor' | 'nutuiStepsDotWaitIconBgColor' | 'nutuiStepsDotIconWidth' | 'nutuiStepsDotIconHeight' | 'nutuiStepsDotIconBorder' | 'nutuiStepsDotHeadMargin' | 'nutuiDialogZIndex' | 'nutuiDialogWidth' | 'nutuiDialogPadding' | 'nutuiDialogMinHeight' | 'nutuiDialogBorderRadius' | 'nutuiDialogFooterJustifyContent' | 'nutuiDialogContentMargin' | 'nutuiDialogContentMaxHeight' | 'nutuiDialogContentLineHeight' | 'nutuiDialogContentTextAlign' | 'nutuiDialogFooterButtonMinWidth' | 'nutuiDialogFooterCancelMarginRight' | 'nutuiDialogFooterOkMaxWidth' | 'nutuiDialogHeaderFontWeight' | 'nutuiDialogVerticalFooterOkMarginTop' | 'nutuiCheckboxLabelDisableColor' | 'nutuiCheckboxIconDisableColor' | 'nutuiCheckboxLabelMarginLeft' | 'nutuiCheckboxLabelColor' | 'nutuiCheckboxLabelFontSize' | 'nutuiCheckboxIconFontSize' | 'nutuiCheckboxButtonFontSize' | 'nutuiCheckboxButtonPadding' | 'nutuiCheckboxButtonBorderRadius' | 'nutuiCheckboxButtonActiveBorder' | 'nutuiCheckboxButtonDisabledActiveColor' | 'nutuiRadioIconFontSize' | 'nutuiRadioLabelColor' | 'nutuiRadioLabelDisableColor' | 'nutuiRadioLabelFontSize' | 'nutuiRadioLabelMarginLeft' | 'nutuiRadioButtonFontSize' | 'nutuiRadioButtonPadding' | 'nutuiRadioButtonBorderRadius' | 'nutuiRadioButtonBackground' | 'nutuiRadioButtonActiveBorder' | 'nutuiRadioButtonDisabledActiveColor' | 'nutuiRadiogroupRadioMargin' | 'nutuiRadiogroupRadioLabelMargin' | 'nutuiSignatureBorderColor' | 'nutuiSignatureBorderWidth' | 'nutuiSignatureHeight' | 'nutuiSignatureBackgroundColor' | 'nutuiSignatureFontSize' | 'nutuiFixednavBackgroundColor' | 'nutuiFixednavColor' | 'nutuiFixednavIndex' | 'nutuiFixednavButtonBackground' | 'nutuiFixednavItemActiveColor' | 'nutuiNoticebarHeight' | 'nutuiNoticebarBackground' | 'nutuiNoticebarColor' | 'nutuiNoticebarFontSize' | 'nutuiNoticebarLineHeight' | 'nutuiNoticebarBoxPadding' | 'nutuiNoticebarBorderRadius' | 'nutuiNoticebarWrapablePadding' | 'nutuiNoticebarIconGap' | 'nutuiNoticebarLeftIconWidth' | 'nutuiNoticebarRightIconWidth' | 'nutuiTimeselectDateWidth' | 'nutuiTimeselectDateHeight' | 'nutuiTimeselectDateActiveColor' | 'nutuiTimeselectTimeWidth' | 'nutuiTimeselectTimeHeight' | 'nutuiTimeselectTimeMargin' | 'nutuiTimeselectTimeBackground' | 'nutuiTagPadding' | 'nutuiTagFontSize' | 'nutuiTagBorderRadius' | 'nutuiTagHeight' | 'nutuiTagColor' | 'nutuiTagBorderWidth' | 'nutuiTagBackgroundColor' | 'nutuiTagPrimaryBackgroundColor' | 'nutuiTagInfoBackgroundColor' | 'nutuiTagSuccessBackgroundColor' | 'nutuiTagDangerBackgroundColor' | 'nutuiTagWarningBackgroundColor' | 'nutuiTagRoundBorderRadius' | 'nutuiTagMarkBorderRadius' | 'nutuiBadgeHeight' | 'nutuiBadgeBackgroundColor' | 'nutuiBadgeColor' | 'nutuiBadgeFontSize' | 'nutuiBadgeBorder' | 'nutuiBadgeBorderRadius' | 'nutuiBadgeMinWidth' | 'nutuiBadgePadding' | 'nutuiBadgeIconPadding' | 'nutuiBadgeIconSize' | 'nutuiBadgeContentTransform' | 'nutuiBadgeZIndex' | 'nutuiBadgeDotWidth' | 'nutuiPopoverBorderRadius' | 'nutuiPopoverFontSize' | 'nutuiPopoverBorderColor' | 'nutuiPopoverContentBackgroundColor' | 'nutuiPopoverTextColor' | 'nutuiPopoverHoverBackgroundColor' | 'nutuiPopoverHoverTextColor' | 'nutuiPopoverDisableColor' | 'nutuiPopoverDividerColor' | 'nutuiPopoverMenuItemPadding' | 'nutuiProgressHeight' | 'nutuiProgressColor' | 'nutuiProgressBackground' | 'nutuiProgressBorderRadius' | 'nutuiProgressTextColor' | 'nutuiProgressTextBackground' | 'nutuiProgressTextPadding' | 'nutuiProgressTextFontSize' | 'nutuiProgressTextPositionTop' | 'nutuiProgressTextPositionBottom' | 'nutuiProgressTextBorderRadius' | 'nutuiPaginationColor' | 'nutuiPaginationFontSize' | 'nutuiPaginationItemBorderColor' | 'nutuiPaginationDisableColor' | 'nutuiPaginationDisableBackgroundColor' | 'nutuiPaginationItemBorderWidth' | 'nutuiPaginationItemBorderRadius' | 'nutuiPaginationPrevNextPadding' | 'nutuiPaginationLiteWidth' | 'nutuiPaginationLiteHeight' | 'nutuiPaginationLiteRadius' | 'nutuiPaginationLiteBackgroundColor' | 'nutuiPaginationLiteActiveBackgroundColor' | 'nutuiBlack5' | 'nutuiTabsTitlesHeight' | 'nutuiTabsTitlesBackgroundColor' | 'nutuiTabsTitlesGap' | 'nutuiTabsTitlesFontSize' | 'nutuiTabsTitlesItemMinWidth' | 'nutuiTabsTitlesItemActiveColor' | 'nutuiTabsTitlesItemActiveFontWeight' | 'nutuiTabsTitlesItemActiveFontSize' | 'nutuiTabsTitlesItemActiveBackgroundColor' | 'nutuiTabsTabLineWidth' | 'nutuiTabsTabLineHeight' | 'nutuiTabsTabLineColor' | 'nutuiTabsLineBottom' | 'nutuiTabsLineBorderRadius' | 'nutuiTabsTabLineOpacity' | 'nutuiTabsButtonBorderRadius' | 'nutuiTabsButtonActiveBackgroundColor' | 'nutuiTabsButtonActiveBorder' | 'nutuiTabsVerticalTitlesWidth' | 'nutuiTabsVerticalTitlesItemHeight' | 'nutuiTabsVerticalTabLineColor' | 'nutuiTabsVerticalTabLineWidth' | 'nutuiTabsVerticalTabLineHeight' | 'nutuiTabsTitlesItemSmileBottom' | 'nutuiIndicatorColor' | 'nutuiIndicatorDotColor' | 'nutuiIndicatorDotSize' | 'nutuiIndicatorDotActiveSize' | 'nutuiIndicatorBorderRadius' | 'nutuiIndicatorDotMargin' | 'nutuiMenuScrollFixedTop' | 'nutuiMenuScrollFixedZIndex' | 'nutuiMenuBarLineHeight' | 'nutuiMenuBarBoxShadow' | 'nutuiMenuBarOpenedZIndex' | 'nutuiMenuTitlePadding' | 'nutuiMenuTitleFontSize' | 'nutuiMenuTitleColor' | 'nutuiMenuContainerZIndex' | 'nutuiMenuContentPadding' | 'nutuiMenuContentMaxHeight' | 'nutuiMenuContentBackgroundColor' | 'nutuiMenuItemActiveColor' | 'nutuiMenuItemActiveFontWeight' | 'nutuiMenuItemDisabledColor' | 'nutuiMenuItemPadding' | 'nutuiMenuItemIconMargin' | 'nutuiCollapseItemBorderBottom' | 'nutuiCollapseItemHeaderBorderBottom' | 'nutuiCollapseItemPadding' | 'nutuiCollapseItemColor' | 'nutuiCollapseItemDisabledColor' | 'nutuiCollapseItemFontSize' | 'nutuiCollapseItemLineHeight' | 'nutuiCollapseItemExtraColor' | 'nutuiCollapseWrapperContentPadding' | 'nutuiCollapseWrapperContentColor' | 'nutuiCollapseWrapperContentFontSize' | 'nutuiCollapseWrapperContentLineHeight' | 'nutuiCollapseWrapperContentBackgroundColor' | 'nutuiSearchbarWidth' | 'nutuiSearchbarPadding' | 'nutuiSearchbarBackground' | 'nutuiSearchbarColor' | 'nutuiSearchbarGap' | 'nutuiSearchbarFontSize' | 'nutuiSearchbarContentPadding' | 'nutuiSearchbarContentBackground' | 'nutuiSearchbarContentBorderRadius' | 'nutuiSearchbarContentRoundBorderRadius' | 'nutuiSearchbarInputHeight' | 'nutuiSearchbarInputPadding' | 'nutuiSearchbarInputTextColor' | 'nutuiSearchbarInputCurrorColor' | 'nutuiSearchbarInputTextAlign' | 'nutuiEmptyPadding' | 'nutuiEmptyImageSize' | 'nutuiEmptyImageSmallSize' | 'nutuiEmptyTitleMarginTop' | 'nutuiEmptyTitleMarginBottom' | 'nutuiEmptyTitleLineHeight' | 'nutuiEmptyDescriptionMarginTop' | 'nutuiEmptyDescriptionLineHeight' | 'nutuiCascaderFontSize' | 'nutuiCascaderPaneHeight' | 'nutuiCascaderPanePaddingTop' | 'nutuiCascaderIconChecklistMarginLeft' | 'nutuiCascaderTabsItemPadding' | 'nutuiCascaderBarPadding' | 'nutuiCascaderBarFontSize' | 'nutuiCascaderBarLineHeight' | 'nutuiCascaderBarColor' | 'nutuiCascaderItemHeight' | 'nutuiCascaderItemPadding' | 'nutuiCascaderItemMargin' | 'nutuiCascaderItemBorderBottom' | 'nutuiCascaderItemColor' | 'nutuiCascaderItemFontSize' | 'nutuiCascaderItemActiveColor' | 'nutuiFormItemErrorLineColor' | 'nutuiFormItemRequiredColor' | 'nutuiFormItemErrorMessageColor' | 'nutuiFormItemLabelFontSize' | 'nutuiFormItemLabelWidth' | 'nutuiFormItemLabelMarginRight' | 'nutuiFormItemLabelTextAlign' | 'nutuiFormItemRequiredMarginRight' | 'nutuiFormItemBodyFontSize' | 'nutuiFormItemBodySlotsTextAlign' | 'nutuiFormItemBodyInputTextAlign' | 'nutuiFormItemTipFontSize' | 'nutuiFormItemTipTextAlign' | 'nutuiSkeletonBackground' | 'nutuiSkeletonLineWidth' | 'nutuiSkeletonLineHeight' | 'nutuiSkeletonLineBorderRadius' | 'nutuiCardBorderRadius' | 'nutuiGridBorderColor' | 'nutuiGridItemContentPadding' | 'nutuiGridItemContentBgColor' | 'nutuiGridItemTextMargin' | 'nutuiGridItemTextColor' | 'nutuiGridItemTextFontSize' | 'nutuiTableBorderColor' | 'nutuiTableColsPadding' | 'nutuiTableTrEvenBgColor' | 'nutuiTableTrOddBgColor' | 'nutuiTableStickyLeftShadow' | 'nutuiTableStickyRightShadow' | 'nutuiNavbarWidth' | 'nutuiNavbarHeight' | 'nutuiNavbarMarginBottom' | 'nutuiNavbarBackground' | 'nutuiNavbarBoxShadow' | 'nutuiNavbarColor' | 'nutuiNavbarFontSize' | 'nutuiNavbarTitleFontSize' | 'nutuiNavbarTitleFontWeight' | 'nutuiNavbarTitleFontColor' | 'nutuiSidenavbarContentBgColor' | 'nutuiSidenavbarItemHeight' | 'nutuiSidenavbarTitlePadding' | 'nutuiSidenavbarTitleBackground' | 'nutuiSidenavbarTitleColor' | 'nutuiSidenavbarSubTitlePadding' | 'nutuiSidenavbarSubTitleBackground' | 'nutuiSidenavbarSubTitleColor' | 'nutuiSidenavbarSubItemColor' | 'nutuiSidenavbarSubItemPadding' | 'nutuiSidenavbarSubListBackground' | 'nutuiElevatorListBgColor' | 'nutuiElevatorListFontSize' | 'nutuiElevatorListColor' | 'nutuiElevatorListItemPadding' | 'nutuiElevatorListItemNameHeight' | 'nutuiElevatorListItemNameLineHeight' | 'nutuiElevatorListItemCodeFontSize' | 'nutuiElevatorListItemCodeColor' | 'nutuiElevatorListItemCodeFontWeight' | 'nutuiElevatorListItemCodeHeight' | 'nutuiElevatorListItemCodeLineHeight' | 'nutuiElevatorListItemCodeBorderBottom' | 'nutuiElevatorListItemCodeBackgroundColor' | 'nutuiElevatorListItemCodeCurrentBgColor' | 'nutuiElevatorListItemCodeCurrentBorderRadius' | 'nutuiElevatorListItemCodeCurrentWidth' | 'nutuiElevatorListItemCodeCurrentHeight' | 'nutuiElevatorListItemCodeCurrentLineHeight' | 'nutuiElevatorListItemCodeCurrentRight' | 'nutuiElevatorListItemCodeCurrentTop' | 'nutuiElevatorListItemCodeCurrentTextAlign' | 'nutuiElevatorBarsRight' | 'nutuiElevatorBarsTop' | 'nutuiElevatorBarsTransform' | 'nutuiElevatorBarsPadding' | 'nutuiElevatorBarsBackgroundColor' | 'nutuiElevatorBarsBorderRadius' | 'nutuiElevatorBarsZIndex' | 'nutuiElevatorBarsInnerItemPadding' | 'nutuiElevatorBarsFontSize' | 'nutuiElevatorBarsActiveColor' | 'nutuiElevatorListFixedColor' | 'nutuiElevatorListFixedBgColor' | 'nutuiElevatorListFixedBoxShadow' | 'nutuiListItemMargin' | 'nutuiAddresslistBg' | 'nutuiAddresslistBorder' | 'nutuiAddresslistFontColor' | 'nutuiAddresslistFontSize' | 'nutuiAddresslistMaskBg' | 'nutuiAddresslistAddrFontColor' | 'nutuiAddresslistAddrFontSize' | 'nutuiAddresslistSetBg' | 'nutuiAddresslistDelBg' | 'nutuiAddresslistContntsContactDefault' | 'nutuiAddresslistContntsContactColor' | 'nutuiCircleprogressPrimaryColor' | 'nutuiCircleprogressPathColor' | 'nutuiCircleprogressTextColor' | 'nutuiCircleprogressTextSize' | 'nutuiEllipsisExpandCollapseColor' | 'nutuiWatermarkZIndex' | 'nutuiTrendarrowFontSize' | 'nutuiTrendarrowIconMargin' | 'nutuiCountupWidth' | 'nutuiCountupHeight' | 'nutuiCountupBaseSize' | 'nutuiCountupBorderRadius' | 'nutuiCountupLrMargin' | 'nutuiCountupBgColor' | 'nutuiCountupColor' | 'nutuiRowContentColor' | 'nutuiRowContentBackgroundColor' | 'nutuiRowContentBorderRadius' | 'nutuiRowContentHeight' | 'nutuiRowContentLineHeight' | 'nutuiColDefaultMarginBottom' | 'nutuiSpaceGap' | 'nutuiLoadingIconColor' | 'nutuiLoadingIconSize' | 'nutuiLoadingColor' | 'nutuiLoadingFontSize' | 'nutuiSafeAreaMultiple' | 'nutuiBlack1';
|
|
1
|
+
export type NutCSSVariables = 'nutuiColorPrimary' | 'nutuiColorPrimaryStop1' | 'nutuiColorPrimaryStop2' | 'nutuiColorPrimaryPressed' | 'nutuiColorPrimaryDisabled' | 'nutuiColorPrimaryLight' | 'nutuiColorPrimaryLightPressed' | 'nutuiColorDefault' | 'nutuiColorDefaultPressed' | 'nutuiColorDefaultLight' | 'nutuiColorDefaultDisabled' | 'nutuiColorInfo' | 'nutuiColorInfoPressed' | 'nutuiColorInfoDisabled' | 'nutuiColorInfoLight' | 'nutuiColorInfoBackground' | 'nutuiColorSuccess' | 'nutuiColorSuccessPressed' | 'nutuiColorSuccessDisabled' | 'nutuiColorSuccessLight' | 'nutuiColorSuccessBackground' | 'nutuiColorWarning' | 'nutuiColorWarningPressed' | 'nutuiColorWarningDisabled' | 'nutuiColorWarningLight' | 'nutuiColorWarningBackground' | 'nutuiColorDanger' | 'nutuiColorDangerPressed' | 'nutuiColorDangerDisabled' | 'nutuiColorDangerLight' | 'nutuiColorDangerBackground' | 'nutuiGray12' | 'nutuiGray0' | 'nutuiGray1' | 'nutuiWhite12' | 'nutuiBlack8' | 'nutuiBlack3' | 'nutuiGray4' | 'nutuiGray7' | 'nutuiGray6' | 'nutuiGray5' | 'nutuiColorTextDisabled' | 'nutuiFontWeight' | 'nutuiFontWeightBold' | 'nutuiLineHeightBase' | 'nutuiSpacing1' | 'nutuiSpacing2' | 'nutuiSpacing3' | 'nutuiSpacing4' | 'nutuiSpacing5' | 'nutuiSpacing6' | 'nutuiSpacing7' | 'nutuiSpacing8' | 'nutuiRadius1' | 'nutuiRadius2' | 'nutuiRadius3' | 'nutuiRadius4' | 'nutuiRadius5' | 'nutuiRadius6' | 'nutuiGray3' | 'nutuiGray2' | 'nutuiBlack10' | 'nutuiBlack2' | 'nutuiFontSize1' | 'nutuiFontSize2' | 'nutuiFontSize3' | 'nutuiFontSize4' | 'nutuiFontSize5' | 'nutuiFontSize6' | 'nutuiFontSize8' | 'nutuiFontSize10' | 'nutuiColorPrimaryText' | 'nutuiColorTextLink' | 'nutuiPaddingXs' | 'nutuiButtonSquareBorderRadius' | 'nutuiButtonBorderRadius' | 'nutuiButtonBorderWidth' | 'nutuiButtonNormalPadding' | 'nutuiButtonDefaultHeight' | 'nutuiButtonDefaultColor' | 'nutuiButtonDefaultBackgroundColor' | 'nutuiButtonDefaultBorderColor' | 'nutuiButtonDefaultDisabled' | 'nutuiButtonDefaultPadding' | 'nutuiButtonDefaultFontSize' | 'nutuiButtonDefaultFontWeight' | 'nutuiButtonLargeHeight' | 'nutuiButtonLargePadding' | 'nutuiButtonLargeFontSize' | 'nutuiButtonLargeFontWeight' | 'nutuiButtonSmallFontSize' | 'nutuiButtonSmallPadding' | 'nutuiButtonSmallHeight' | 'nutuiButtonMiniPadding' | 'nutuiButtonMiniHeight' | 'nutuiButtonMiniFontSize' | 'nutuiButtonPrimaryColor' | 'nutuiButtonPrimaryBorderColor' | 'nutuiButtonPrimaryDisabled' | 'nutuiButtonSuccessColor' | 'nutuiButtonSuccessBorderColor' | 'nutuiButtonSuccessBackgroundColor' | 'nutuiButtonSuccessDisabled' | 'nutuiButtonInfoColor' | 'nutuiButtonInfoBorderColor' | 'nutuiButtonInfoBackgroundColor' | 'nutuiButtonInfoDisabled' | 'nutuiButtonWarningColor' | 'nutuiButtonWarningBorderColor' | 'nutuiButtonWarningBackgroundColor' | 'nutuiButtonWarningDisabled' | 'nutuiButtonDangerColor' | 'nutuiButtonDangerBorderColor' | 'nutuiButtonDangerBackgroundColor' | 'nutuiButtonDangerDisabled' | 'nutuiButtonTextIconMargin' | 'nutuiCellTitleColor' | 'nutuiCellTitleFontSize' | 'nutuiCellDescriptionFontSize' | 'nutuiCellDescriptionColor' | 'nutuiCellExtraFontSize' | 'nutuiCellExtraColor' | 'nutuiCellBorderRadius' | 'nutuiCellPadding' | 'nutuiCellLineHeight' | 'nutuiCellDividerRight' | 'nutuiCellDividerLeft' | 'nutuiCellDividerBorderBottom' | 'nutuiCellBackgroundColor' | 'nutuiCellBoxShadow' | 'nutuiCellGroupTitlePadding' | 'nutuiCellGroupTitleColor' | 'nutuiCellGroupTitleFontSize' | 'nutuiCellGroupTitleLineHeight' | 'nutuiCellGroupDescriptionPadding' | 'nutuiCellGroupDescriptionColor' | 'nutuiCellGroupDescriptionFontSize' | 'nutuiCellGroupDescriptionLineHeight' | 'nutuiCellGroupBackgroundColor' | 'nutuiDividerMargin' | 'nutuiDividerTextFontSize' | 'nutuiDividerBorderColor' | 'nutuiDividerTextColor' | 'nutuiDividerLineHeight' | 'nutuiDividerSpacing' | 'nutuiDividerSideWidth' | 'nutuiDividerVerticalHeight' | 'nutuiDividerVerticalTop' | 'nutuiDividerVerticalMargin' | 'nutuiIconHeight' | 'nutuiIconWidth' | 'nutuiIconLineHeight' | 'nutuiUploaderImageWidth' | 'nutuiUploaderImageHeight' | 'nutuiUploaderImageBorder' | 'nutuiUploaderImageBorderRadius' | 'nutuiUploaderBackground' | 'nutuiUploaderBackgroundDisabled' | 'nutuiUploaderImageColor' | 'nutuiUploaderImageDisabled' | 'nutuiUploaderImageIconMarginBottom' | 'nutuiUploaderImageIconTipFontSize' | 'nutuiUploaderPreviewProgressBackground' | 'nutuiUploaderPreviewMarginRight' | 'nutuiUploaderPreviewMarginBottom' | 'nutuiUploaderPreviewTipsHeight' | 'nutuiUploaderPreviewTipsBackground' | 'nutuiBlack7' | 'nutuiUploaderPreviewTipsPadding' | 'nutuiUploaderPreviewCloseRight' | 'nutuiUploaderPreviewCloseTop' | 'nutuiPickerTitleCancelColor' | 'nutuiPickerTitleCancelFontSize' | 'nutuiPickerTitleOkColor' | 'nutuiPickerTitleOkFontSize' | 'nutuiPickerListHeight' | 'nutuiPickerItemHeight' | 'nutuiPickerItemTextColor' | 'nutuiPickerItemTextFontSize' | 'nutuiPickerItemActiveLineBorder' | 'nutuiWhite7' | 'nutuiInputBorderBottom' | 'nutuiInputBorderBottomWidth' | 'nutuiInputDisabledColor' | 'nutuiInputFontSize' | 'nutuiInputBorderRadius' | 'nutuiInputColor' | 'nutuiInputBackgroundColor' | 'nutuiInputPadding' | 'nutuiTextareaFont' | 'nutuiTextareaPadding' | 'nutuiTextareaLimitColor' | 'nutuiTextareaTextColor' | 'nutuiTextareaTextCurrorColor' | 'nutuiTextareaTextLineHeight' | 'nutuiTextareaDisabledColor' | 'nutuiInputnumberInputWidth' | 'nutuiInputnumberInputHeight' | 'nutuiInputnumberInputBackgroundColor' | 'nutuiInputnumberInputFontColor' | 'nutuiInputnumberInputFontSize' | 'nutuiInputnumberInputBorder' | 'nutuiInputnumberInputBorderRadius' | 'nutuiInputnumberInputMargin' | 'nutuiInputnumberButtonWidth' | 'nutuiInputnumberButtonHeight' | 'nutuiInputnumberButtonBorderRadius' | 'nutuiInputnumberButtonBackgroundColor' | 'nutuiInputnumberIconColor' | 'nutuiInputnumberIconSize' | 'nutuiInputnumberDisabledColor' | 'nutuiActionsheetBackgroundColor' | 'nutuiActionsheetPadding' | 'nutuiActionsheetBorderColor' | 'nutuiActionsheetBorderRadius' | 'nutuiActionsheetItemTextAlign' | 'nutuiActionsheetItemBorderBottom' | 'nutuiActionsheetItemLineHeight' | 'nutuiActionsheetItemColor' | 'nutuiActionsheetItemDanger' | 'nutuiShortpasswordBackgroundColor' | 'nutuiShortpasswordBorderColor' | 'nutuiShortpasswordError' | 'nutuiShortpasswordForget' | 'nutuiNumberkeyboardPadding' | 'nutuiNumberkeyboardBackgroundColor' | 'nutuiNumberkeyboardWrapperBackgroundColor' | 'nutuiNumberkeyboardHeaderClosePadding' | 'nutuiNumberkeyboardHeaderCloseColor' | 'nutuiNumberkeyboardHeaderCloseFontSize' | 'nutuiNumberkeyboardHeaderCloseBackgroundColor' | 'nutuiNumberkeyboardKeyBackgroundColor' | 'nutuiNumberkeyboardKeyActiveBackgroundColor' | 'nutuiNumberkeyboardKeyHeight' | 'nutuiNumberkeyboardKeyLineHeight' | 'nutuiNumberkeyboardKeyBorderRadius' | 'nutuiNumberkeyboardKeyBorder' | 'nutuiNumberkeyboardKeyFontSize' | 'nutuiNumberkeyboardKeyColor' | 'nutuiNumberkeyboardKeyConfirmFontSize' | 'nutuiNumberkeyboardKeyConfirmColor' | 'nutuiNumberkeyboardKeyConfirmBackgroundColor' | 'nutuiCountdownDisplay' | 'nutuiCountdownColor' | 'nutuiCountdownFontSize' | 'nutuiPriceSymbolPaddingRight' | 'nutuiPriceSymbolBigSize' | 'nutuiPriceIntegerBigSize' | 'nutuiPriceDecimalBigSize' | 'nutuiPriceLineColor' | 'nutuiPriceLineFontSize' | 'nutuiPriceSymbolMediumSize' | 'nutuiPriceIntegerMediumSize' | 'nutuiPriceDecimalMediumSize' | 'nutuiPriceSymbolSmallSize' | 'nutuiPriceIntegerSmallSize' | 'nutuiPriceDecimalSmallSize' | 'nutuiAvatarSquare' | 'nutuiAvatarLargeWidth' | 'nutuiAvatarLargeHeight' | 'nutuiAvatarSmallWidth' | 'nutuiAvatarSmallHeight' | 'nutuiAvatarNormalWidth' | 'nutuiAvatarNormalHeight' | 'nutuiSwitchCloseBackgroundColor' | 'nutuiSwitchOpenBackgroundColor' | 'nutuiSwitchCloseDisabledBackgroundColor' | 'nutuiSwitchOpenDisabledBackgroundColor' | 'nutuiSwitchCloseLineBackgroundColor' | 'nutuiSwitchWidth' | 'nutuiSwitchHeight' | 'nutuiSwitchLineHeight' | 'nutuiSwitchBorderRadius' | 'nutuiSwitchInsideWidth' | 'nutuiSwitchInsideHeight' | 'nutuiSwitchInsideOpenTransform' | 'nutuiSwitchInsideCloseTransform' | 'nutuiSwitchBoxShadow' | 'nutuiToastInnerTextAlign' | 'nutuiToastTitleFontSize' | 'nutuiToastTextFontSize' | 'nutuiToastFontColor' | 'nutuiToastInnerPadding' | 'nutuiToastInnerBgColor' | 'nutuiToastInnerBorderRadius' | 'nutuiToastInnerTop' | 'nutuiTourMaskBorderRadius' | 'nutuiTourContentMinWidth' | 'nutuiTourContentPadding' | 'nutuiTourContentInnerMargin' | 'nutuiTourContentInnerFontSize' | 'nutuiTourContentBottomMarginTop' | 'nutuiTourContentBottomBtnMarginLeft' | 'nutuiTourContentBottomBtnPadding' | 'nutuiTourContentBottomBtnFontSize' | 'nutuiTourContentBottomBtnBorderRadius' | 'nutuiBacktopBorderColor' | 'nutuiCalendarActiveBackgroundColor' | 'nutuiCalendarChooseBackgroundColor' | 'nutuiCalendarChooseColor' | 'nutuiCalendarChooseDisableBackgroundColor' | 'nutuiCalendarDisableColor' | 'nutuiCalendarBaseFontSize' | 'nutuiCalendarTitleFontSize' | 'nutuiCalendarTitleFontWeight' | 'nutuiCalendarSubTitleFontSize' | 'nutuiCalendarHeaderHeight' | 'nutuiCalendarDayWidth' | 'nutuiCalendarDayHeight' | 'nutuiCalendarDayFontWeight' | 'nutuiCalendarDayActiveBorderRadius' | 'nutuiOverlayBgColor' | 'nutuiOverlayZIndex' | 'nutuiOverlayContentBgColor' | 'nutuiOverlayContentColor' | 'nutuiOverlayAnimationDuration' | 'nutuiPopupBorderRadius' | 'nutuiPopupIconSize' | 'nutuiPopupTitlePadding' | 'nutuiPopupTitleFontSize' | 'nutuiPopupDescriptionFontSize' | 'nutuiPopupTitleHeight' | 'nutuiPopupTitleBorderBottom' | 'nutuiPopupAnimationDuration' | 'nutuiPopupTitleFontWeight' | 'nutuiNotifyTextColor' | 'nutuiNotifyPadding' | 'nutuiNotifyFontSize' | 'nutuiNotifyHeight' | 'nutuiNotifyBaseBackgroundColor' | 'nutuiNotifyPrimaryBackgroundColor' | 'nutuiNotifySuccessBackgroundColor' | 'nutuiNotifyDangerBackgroundColor' | 'nutuiNotifyWarningBackgroundColor' | 'nutuiRateItemMargin' | 'nutuiRateIconColor' | 'nutuiRateIconInactiveColor' | 'nutuiTabbarHeight' | 'nutuiTabbarActiveColor' | 'nutuiTabbarInactiveColor' | 'nutuiTabbarBorderTop' | 'nutuiTabbarBorderBottom' | 'nutuiTabbarBoxShadow' | 'nutuiTabbarTextFontSize' | 'nutuiTabbarTextLargeFontSize' | 'nutuiTabbarTextLargeFontWeight' | 'nutuiTabbarTextLineHeight' | 'nutuiTabbarTextMarginTop' | 'nutuiPulltorefreshIconWidth' | 'nutuiPulltorefreshIconHeight' | 'nutuiInfiniteloadingColor' | 'nutuiInfiniteloadingIconSize' | 'nutuiRangeColor' | 'nutuiRangeHeight' | 'nutuiRangeMargin' | 'nutuiRangeInactiveColor' | 'nutuiRangeActiveColor' | 'nutuiRangeButtonBackground' | 'nutuiRangeButtonWidth' | 'nutuiRangeButtonHeight' | 'nutuiRangeButtonBorder' | 'nutuiSwiperIndicatorBottom' | 'nutuiStepsBaseIconWidth' | 'nutuiStepsBaseIconHeight' | 'nutuiStepsBaseIconLineHeight' | 'nutuiStepsBaseIconMarginBottom' | 'nutuiStepsBaseIconFontSize' | 'nutuiStepsBaseLineWidth' | 'nutuiStepsBaseLineHeight' | 'nutuiStepsBaseLineBackground' | 'nutuiStepsBaseTitleFontSize' | 'nutuiStepsBaseTitleColor' | 'nutuiStepsBaseTitleMarginBottom' | 'nutuiStepsBaseDescriptionFontSize' | 'nutuiStepsBaseDescriptionColor' | 'nutuiStepsWaitIconBgColor' | 'nutuiStepsWaitIconColor' | 'nutuiStepsWaitTitleColor' | 'nutuiStepsWaitDescriptionColor' | 'nutuiStepsProcessIconBgColor' | 'nutuiStepsProcessIconBeforeBgColor' | 'nutuiStepsProcessIconColor' | 'nutuiStepsProcessTitleColor' | 'nutuiStepsProcessTitleFontSize' | 'nutuiStepsProcessTitleFontWeight' | 'nutuiStepsProcessDescriptionColor' | 'nutuiStepsFinishIconBgColor' | 'nutuiStepsFinishIconColor' | 'nutuiStepsFinishIconBorderColor' | 'nutuiStepsFinishTitleColor' | 'nutuiStepsFinishDescriptionColor' | 'nutuiStepsFinishLineBackground' | 'nutuiStepsDotFinishIconBgColor' | 'nutuiStepsDotWaitIconBgColor' | 'nutuiStepsDotIconWidth' | 'nutuiStepsDotIconHeight' | 'nutuiStepsDotIconBorder' | 'nutuiStepsDotHeadMargin' | 'nutuiDialogZIndex' | 'nutuiDialogWidth' | 'nutuiDialogPadding' | 'nutuiDialogMinHeight' | 'nutuiDialogBorderRadius' | 'nutuiDialogFooterJustifyContent' | 'nutuiDialogContentMargin' | 'nutuiDialogContentMaxHeight' | 'nutuiDialogContentLineHeight' | 'nutuiDialogContentTextAlign' | 'nutuiDialogFooterButtonMinWidth' | 'nutuiDialogFooterCancelMarginRight' | 'nutuiDialogFooterOkMaxWidth' | 'nutuiDialogHeaderFontSize' | 'nutuiDialogHeaderFontWeight' | 'nutuiDialogVerticalFooterOkMarginTop' | 'nutuiCheckboxLabelDisableColor' | 'nutuiCheckboxIconDisableColor' | 'nutuiCheckboxLabelMarginLeft' | 'nutuiCheckboxLabelColor' | 'nutuiCheckboxLabelFontSize' | 'nutuiCheckboxIconFontSize' | 'nutuiCheckboxButtonFontSize' | 'nutuiCheckboxButtonPadding' | 'nutuiCheckboxButtonBorderRadius' | 'nutuiCheckboxButtonActiveBorder' | 'nutuiCheckboxButtonDisabledActiveColor' | 'nutuiRadioIconFontSize' | 'nutuiRadioLabelColor' | 'nutuiRadioLabelDisableColor' | 'nutuiRadioLabelFontSize' | 'nutuiRadioLabelMarginLeft' | 'nutuiRadioButtonFontSize' | 'nutuiRadioButtonPadding' | 'nutuiRadioButtonBorderRadius' | 'nutuiRadioButtonBackground' | 'nutuiRadioButtonActiveBorder' | 'nutuiRadioButtonDisabledActiveColor' | 'nutuiRadiogroupRadioMargin' | 'nutuiRadiogroupRadioLabelMargin' | 'nutuiSignatureBorderColor' | 'nutuiSignatureBorderWidth' | 'nutuiSignatureHeight' | 'nutuiSignatureBackgroundColor' | 'nutuiSignatureFontSize' | 'nutuiFixednavBackgroundColor' | 'nutuiFixednavColor' | 'nutuiFixednavIndex' | 'nutuiFixednavButtonBackground' | 'nutuiFixednavItemActiveColor' | 'nutuiNoticebarHeight' | 'nutuiNoticebarBackground' | 'nutuiNoticebarColor' | 'nutuiNoticebarFontSize' | 'nutuiNoticebarLineHeight' | 'nutuiNoticebarBoxPadding' | 'nutuiNoticebarBorderRadius' | 'nutuiNoticebarWrapablePadding' | 'nutuiNoticebarIconGap' | 'nutuiNoticebarLeftIconWidth' | 'nutuiNoticebarRightIconWidth' | 'nutuiTimeselectDateWidth' | 'nutuiTimeselectDateHeight' | 'nutuiTimeselectDateActiveColor' | 'nutuiTimeselectTimeWidth' | 'nutuiTimeselectTimeHeight' | 'nutuiTimeselectTimeMargin' | 'nutuiTimeselectTimeBackground' | 'nutuiTagPadding' | 'nutuiTagFontSize' | 'nutuiTagBorderRadius' | 'nutuiTagHeight' | 'nutuiTagColor' | 'nutuiTagBorderWidth' | 'nutuiTagBackgroundColor' | 'nutuiTagPrimaryBackgroundColor' | 'nutuiTagInfoBackgroundColor' | 'nutuiTagSuccessBackgroundColor' | 'nutuiTagDangerBackgroundColor' | 'nutuiTagWarningBackgroundColor' | 'nutuiTagRoundBorderRadius' | 'nutuiTagMarkBorderRadius' | 'nutuiBadgeHeight' | 'nutuiBadgeBackgroundColor' | 'nutuiBadgeColor' | 'nutuiBadgeFontSize' | 'nutuiBadgeBorder' | 'nutuiBadgeBorderRadius' | 'nutuiBadgeMinWidth' | 'nutuiBadgePadding' | 'nutuiBadgeIconPadding' | 'nutuiBadgeIconSize' | 'nutuiBadgeContentTransform' | 'nutuiBadgeZIndex' | 'nutuiBadgeDotWidth' | 'nutuiPopoverBorderRadius' | 'nutuiPopoverFontSize' | 'nutuiPopoverBorderColor' | 'nutuiPopoverContentBackgroundColor' | 'nutuiPopoverTextColor' | 'nutuiPopoverHoverBackgroundColor' | 'nutuiPopoverHoverTextColor' | 'nutuiPopoverDisableColor' | 'nutuiPopoverDividerColor' | 'nutuiPopoverMenuItemPadding' | 'nutuiProgressHeight' | 'nutuiProgressColor' | 'nutuiProgressBackground' | 'nutuiProgressBorderRadius' | 'nutuiProgressTextColor' | 'nutuiProgressTextBackground' | 'nutuiProgressTextPadding' | 'nutuiProgressTextFontSize' | 'nutuiProgressTextPositionTop' | 'nutuiProgressTextPositionBottom' | 'nutuiProgressTextBorderRadius' | 'nutuiPaginationColor' | 'nutuiPaginationFontSize' | 'nutuiPaginationItemBorderColor' | 'nutuiPaginationDisableColor' | 'nutuiPaginationDisableBackgroundColor' | 'nutuiPaginationItemBorderWidth' | 'nutuiPaginationItemBorderRadius' | 'nutuiPaginationPrevNextPadding' | 'nutuiPaginationLiteWidth' | 'nutuiPaginationLiteHeight' | 'nutuiPaginationLiteRadius' | 'nutuiPaginationLiteBackgroundColor' | 'nutuiPaginationLiteActiveBackgroundColor' | 'nutuiBlack5' | 'nutuiTabsTitlesHeight' | 'nutuiTabsTitlesBackgroundColor' | 'nutuiTabsTitlesPadding' | 'nutuiTabsTitlesGap' | 'nutuiTabsTitlesFontSize' | 'nutuiTabsTitlesItemMinWidth' | 'nutuiTabsTitlesItemColor' | 'nutuiTabsTitlesItemActiveColor' | 'nutuiTabsTitlesItemActiveFontWeight' | 'nutuiTabsTitlesItemActiveFontSize' | 'nutuiTabsTitlesItemActiveBackgroundColor' | 'nutuiTabsTabLineWidth' | 'nutuiTabsTabLineHeight' | 'nutuiTabsTabLineColor' | 'nutuiTabsLineBottom' | 'nutuiTabsLineBorderRadius' | 'nutuiTabsTabLineOpacity' | 'nutuiTabsButtonBorderRadius' | 'nutuiTabsButtonActiveBackgroundColor' | 'nutuiTabsButtonActiveBorder' | 'nutuiTabsVerticalTitlesWidth' | 'nutuiTabsVerticalTitlesItemHeight' | 'nutuiTabsVerticalTabLineColor' | 'nutuiTabsVerticalTabLineWidth' | 'nutuiTabsVerticalTabLineHeight' | 'nutuiTabsTitlesItemSmileBottom' | 'nutuiIndicatorColor' | 'nutuiIndicatorDotColor' | 'nutuiIndicatorDotSize' | 'nutuiIndicatorDotActiveSize' | 'nutuiIndicatorBorderRadius' | 'nutuiIndicatorDotMargin' | 'nutuiMenuScrollFixedTop' | 'nutuiMenuScrollFixedZIndex' | 'nutuiMenuBarLineHeight' | 'nutuiMenuBarBoxShadow' | 'nutuiMenuBarOpenedZIndex' | 'nutuiMenuTitlePadding' | 'nutuiMenuTitleFontSize' | 'nutuiMenuTitleColor' | 'nutuiMenuContainerZIndex' | 'nutuiMenuContentPadding' | 'nutuiMenuContentMaxHeight' | 'nutuiMenuContentBackgroundColor' | 'nutuiMenuItemActiveColor' | 'nutuiMenuItemActiveFontWeight' | 'nutuiMenuItemDisabledColor' | 'nutuiMenuItemPadding' | 'nutuiMenuItemIconMargin' | 'nutuiCollapseItemBorderBottom' | 'nutuiCollapseItemHeaderBorderBottom' | 'nutuiCollapseItemPadding' | 'nutuiCollapseItemColor' | 'nutuiCollapseItemDisabledColor' | 'nutuiCollapseItemFontSize' | 'nutuiCollapseItemLineHeight' | 'nutuiCollapseItemExtraColor' | 'nutuiCollapseWrapperContentPadding' | 'nutuiCollapseWrapperContentColor' | 'nutuiCollapseWrapperContentFontSize' | 'nutuiCollapseWrapperContentLineHeight' | 'nutuiCollapseWrapperContentBackgroundColor' | 'nutuiSearchbarWidth' | 'nutuiSearchbarPadding' | 'nutuiSearchbarBackground' | 'nutuiSearchbarColor' | 'nutuiSearchbarGap' | 'nutuiSearchbarFontSize' | 'nutuiSearchbarContentPadding' | 'nutuiSearchbarContentBackground' | 'nutuiSearchbarContentBorderRadius' | 'nutuiSearchbarContentRoundBorderRadius' | 'nutuiSearchbarInputHeight' | 'nutuiSearchbarInputPadding' | 'nutuiSearchbarInputTextColor' | 'nutuiSearchbarInputCurrorColor' | 'nutuiSearchbarInputTextAlign' | 'nutuiEmptyPadding' | 'nutuiEmptyImageSize' | 'nutuiEmptyImageSmallSize' | 'nutuiEmptyTitleMarginTop' | 'nutuiEmptyTitleMarginBottom' | 'nutuiEmptyTitleLineHeight' | 'nutuiEmptyDescriptionMarginTop' | 'nutuiEmptyDescriptionLineHeight' | 'nutuiCascaderFontSize' | 'nutuiCascaderPaneHeight' | 'nutuiCascaderPanePaddingTop' | 'nutuiCascaderIconChecklistMarginLeft' | 'nutuiCascaderTabsItemPadding' | 'nutuiCascaderBarPadding' | 'nutuiCascaderBarFontSize' | 'nutuiCascaderBarLineHeight' | 'nutuiCascaderBarColor' | 'nutuiCascaderItemHeight' | 'nutuiCascaderItemPadding' | 'nutuiCascaderItemMargin' | 'nutuiCascaderItemBorderBottom' | 'nutuiCascaderItemColor' | 'nutuiCascaderItemFontSize' | 'nutuiCascaderItemActiveColor' | 'nutuiFormItemErrorLineColor' | 'nutuiFormItemRequiredColor' | 'nutuiFormItemErrorMessageColor' | 'nutuiFormItemLabelFontSize' | 'nutuiFormItemLabelWidth' | 'nutuiFormItemLabelMarginRight' | 'nutuiFormItemLabelTextAlign' | 'nutuiFormItemRequiredMarginRight' | 'nutuiFormItemBodyFontSize' | 'nutuiFormItemBodySlotsTextAlign' | 'nutuiFormItemBodyInputTextAlign' | 'nutuiFormItemTipFontSize' | 'nutuiFormItemTipTextAlign' | 'nutuiSkeletonBackground' | 'nutuiSkeletonLineWidth' | 'nutuiSkeletonLineHeight' | 'nutuiSkeletonLineBorderRadius' | 'nutuiCardBorderRadius' | 'nutuiGridBorderColor' | 'nutuiGridItemContentPadding' | 'nutuiGridItemContentBgColor' | 'nutuiGridItemTextMargin' | 'nutuiGridItemTextColor' | 'nutuiGridItemTextFontSize' | 'nutuiTableBorderColor' | 'nutuiTableColsPadding' | 'nutuiTableTrEvenBgColor' | 'nutuiTableTrOddBgColor' | 'nutuiTableStickyLeftShadow' | 'nutuiTableStickyRightShadow' | 'nutuiNavbarWidth' | 'nutuiNavbarHeight' | 'nutuiNavbarMarginBottom' | 'nutuiNavbarBackground' | 'nutuiNavbarBoxShadow' | 'nutuiNavbarColor' | 'nutuiNavbarFontSize' | 'nutuiNavbarTitleFontSize' | 'nutuiNavbarTitleFontWeight' | 'nutuiNavbarTitleFontColor' | 'nutuiSidenavbarContentBgColor' | 'nutuiSidenavbarItemHeight' | 'nutuiSidenavbarTitlePadding' | 'nutuiSidenavbarTitleBackground' | 'nutuiSidenavbarTitleColor' | 'nutuiSidenavbarSubTitlePadding' | 'nutuiSidenavbarSubTitleBackground' | 'nutuiSidenavbarSubTitleColor' | 'nutuiSidenavbarSubItemColor' | 'nutuiSidenavbarSubItemPadding' | 'nutuiSidenavbarSubListBackground' | 'nutuiElevatorListBgColor' | 'nutuiElevatorListFontSize' | 'nutuiElevatorListColor' | 'nutuiElevatorListItemPadding' | 'nutuiElevatorListItemNameHeight' | 'nutuiElevatorListItemNameLineHeight' | 'nutuiElevatorListItemCodeFontSize' | 'nutuiElevatorListItemCodeColor' | 'nutuiElevatorListItemCodeFontWeight' | 'nutuiElevatorListItemCodeHeight' | 'nutuiElevatorListItemCodeLineHeight' | 'nutuiElevatorListItemCodeBorderBottom' | 'nutuiElevatorListItemCodeBackgroundColor' | 'nutuiElevatorListItemCodeCurrentBgColor' | 'nutuiElevatorListItemCodeCurrentBorderRadius' | 'nutuiElevatorListItemCodeCurrentWidth' | 'nutuiElevatorListItemCodeCurrentHeight' | 'nutuiElevatorListItemCodeCurrentLineHeight' | 'nutuiElevatorListItemCodeCurrentRight' | 'nutuiElevatorListItemCodeCurrentTop' | 'nutuiElevatorListItemCodeCurrentTextAlign' | 'nutuiElevatorBarsRight' | 'nutuiElevatorBarsTop' | 'nutuiElevatorBarsTransform' | 'nutuiElevatorBarsPadding' | 'nutuiElevatorBarsBackgroundColor' | 'nutuiElevatorBarsBorderRadius' | 'nutuiElevatorBarsZIndex' | 'nutuiElevatorBarsInnerItemPadding' | 'nutuiElevatorBarsFontSize' | 'nutuiElevatorBarsActiveColor' | 'nutuiElevatorListFixedColor' | 'nutuiElevatorListFixedBgColor' | 'nutuiElevatorListFixedBoxShadow' | 'nutuiListItemMargin' | 'nutuiAddresslistBg' | 'nutuiAddresslistBorder' | 'nutuiAddresslistFontColor' | 'nutuiAddresslistFontSize' | 'nutuiAddresslistMaskBg' | 'nutuiAddresslistAddrFontColor' | 'nutuiAddresslistAddrFontSize' | 'nutuiAddresslistSetBg' | 'nutuiAddresslistDelBg' | 'nutuiAddresslistContntsContactDefault' | 'nutuiAddresslistContntsContactColor' | 'nutuiCircleprogressPrimaryColor' | 'nutuiCircleprogressPathColor' | 'nutuiCircleprogressTextColor' | 'nutuiCircleprogressTextSize' | 'nutuiEllipsisExpandCollapseColor' | 'nutuiWatermarkZIndex' | 'nutuiTrendarrowFontSize' | 'nutuiTrendarrowIconMargin' | 'nutuiCountupWidth' | 'nutuiCountupHeight' | 'nutuiCountupBaseSize' | 'nutuiCountupBorderRadius' | 'nutuiCountupLrMargin' | 'nutuiCountupBgColor' | 'nutuiCountupColor' | 'nutuiRowContentColor' | 'nutuiRowContentBackgroundColor' | 'nutuiRowContentBorderRadius' | 'nutuiRowContentHeight' | 'nutuiRowContentLineHeight' | 'nutuiColDefaultMarginBottom' | 'nutuiSpaceGap' | 'nutuiLoadingIconColor' | 'nutuiLoadingIconSize' | 'nutuiLoadingColor' | 'nutuiLoadingFontSize' | 'nutuiSafeAreaMultiple' | 'nutuiBlack1';
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import React, { FunctionComponent, ReactNode } from 'react';
|
|
2
2
|
import { BasicComponent } from '@/utils/typings';
|
|
3
|
-
import { EmptyAction } from '
|
|
3
|
+
import type { EmptyAction } from './types';
|
|
4
4
|
export interface EmptyProps extends BasicComponent {
|
|
5
5
|
image?: ReactNode;
|
|
6
6
|
imageSize: number | string;
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import React, { FunctionComponent, ReactNode } from 'react';
|
|
2
2
|
import { BasicComponent } from '@/utils/typings';
|
|
3
|
-
|
|
3
|
+
import { RangeMark, RangeValue } from './types';
|
|
4
4
|
export interface RangeProps extends BasicComponent {
|
|
5
5
|
value: RangeValue;
|
|
6
6
|
defaultValue: RangeValue;
|
|
@@ -13,7 +13,7 @@ export interface RangeProps extends BasicComponent {
|
|
|
13
13
|
maxDescription: ReactNode;
|
|
14
14
|
button: ReactNode;
|
|
15
15
|
vertical: boolean;
|
|
16
|
-
marks: Record<string,
|
|
16
|
+
marks: Record<string, ReactNode> | RangeMark[];
|
|
17
17
|
currentDescription: ((value: RangeValue) => ReactNode) | null;
|
|
18
18
|
onChange: (value: RangeValue) => void;
|
|
19
19
|
onStart: () => void;
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import React, { FunctionComponent, ReactNode } from 'react';
|
|
2
2
|
import { BasicComponent } from '@/utils/typings';
|
|
3
|
-
|
|
3
|
+
import { RangeMark, RangeValue } from './types';
|
|
4
4
|
export interface RangeProps extends BasicComponent {
|
|
5
5
|
value: RangeValue;
|
|
6
6
|
defaultValue: RangeValue;
|
|
@@ -13,7 +13,7 @@ export interface RangeProps extends BasicComponent {
|
|
|
13
13
|
maxDescription: ReactNode;
|
|
14
14
|
button: ReactNode;
|
|
15
15
|
vertical: boolean;
|
|
16
|
-
marks: Record<string,
|
|
16
|
+
marks: Record<string, ReactNode> | RangeMark[];
|
|
17
17
|
currentDescription: ((value: RangeValue) => ReactNode) | null;
|
|
18
18
|
onChange: (value: RangeValue) => void;
|
|
19
19
|
onStart: () => void;
|
package/dist/locales/base.js
CHANGED
package/dist/locales/en-US.js
CHANGED
package/dist/locales/id-ID.js
CHANGED
package/dist/locales/tr-TR.js
CHANGED
package/dist/locales/zh-CN.js
CHANGED
package/dist/locales/zh-TW.js
CHANGED
package/dist/locales/zh-UG.js
CHANGED
package/dist/nutui.react.es.js
CHANGED
|
@@ -5,7 +5,7 @@ var __publicField = (obj, key, value) => {
|
|
|
5
5
|
return value;
|
|
6
6
|
};
|
|
7
7
|
/*!
|
|
8
|
-
* @nutui/nutui-react v2.3.
|
|
8
|
+
* @nutui/nutui-react v2.3.6 Fri Jan 12 2024 15:48:36 GMT+0800 (China Standard Time)
|
|
9
9
|
* (c) 2023 @jdf2e.
|
|
10
10
|
* Released under the MIT License.
|
|
11
11
|
*/
|
|
@@ -14066,7 +14066,7 @@ const InternalPickerPanel = (props, ref) => {
|
|
|
14066
14066
|
},
|
|
14067
14067
|
key: item.value ? item.value : index
|
|
14068
14068
|
},
|
|
14069
|
-
/* @__PURE__ */ React__default.createElement(React__default.Fragment, null, item.text
|
|
14069
|
+
/* @__PURE__ */ React__default.createElement(React__default.Fragment, null, item.text)
|
|
14070
14070
|
);
|
|
14071
14071
|
}),
|
|
14072
14072
|
!threeDimensional && options2.map((item, index) => {
|
|
@@ -14076,7 +14076,7 @@ const InternalPickerPanel = (props, ref) => {
|
|
|
14076
14076
|
className: "nut-picker-roller-item-title",
|
|
14077
14077
|
key: item.value ? item.value : index
|
|
14078
14078
|
},
|
|
14079
|
-
/* @__PURE__ */ React__default.createElement(React__default.Fragment, null, item.text
|
|
14079
|
+
/* @__PURE__ */ React__default.createElement(React__default.Fragment, null, item.text)
|
|
14080
14080
|
);
|
|
14081
14081
|
})
|
|
14082
14082
|
),
|
|
@@ -17413,11 +17413,20 @@ const Range = (props) => {
|
|
|
17413
17413
|
const [exactValue, setEaxctValue] = useState(
|
|
17414
17414
|
() => value || defaultValue || 0
|
|
17415
17415
|
);
|
|
17416
|
+
const marksRef = useRef({});
|
|
17416
17417
|
useEffect(() => {
|
|
17417
17418
|
if (marks) {
|
|
17418
|
-
|
|
17419
|
-
|
|
17420
|
-
|
|
17419
|
+
if (Array.isArray(marks)) {
|
|
17420
|
+
const list = marks.sort((a2, b) => a2.value - b.value).filter((point) => point.value >= min && point.value <= max);
|
|
17421
|
+
setMarksList(list.map((mark) => mark.value));
|
|
17422
|
+
list.forEach((mark) => {
|
|
17423
|
+
marksRef.current[mark.value] = mark.label !== void 0 ? mark.label : mark.value;
|
|
17424
|
+
});
|
|
17425
|
+
} else {
|
|
17426
|
+
const marksKeys = Object.keys(marks);
|
|
17427
|
+
const list = marksKeys.map(parseFloat).sort((a2, b) => a2 - b).filter((point) => point >= min && point <= max);
|
|
17428
|
+
setMarksList(list);
|
|
17429
|
+
}
|
|
17421
17430
|
}
|
|
17422
17431
|
}, [marks]);
|
|
17423
17432
|
const scope = () => {
|
|
@@ -17610,20 +17619,20 @@ const Range = (props) => {
|
|
|
17610
17619
|
const renderButton = (index) => {
|
|
17611
17620
|
return /* @__PURE__ */ React__default.createElement(React__default.Fragment, null, button || /* @__PURE__ */ React__default.createElement("div", { className: "nut-range-button" }, currentDescription !== null && /* @__PURE__ */ React__default.createElement("div", { className: "number" }, currentDescription ? currentDescription(curValue(index)) : curValue(index))));
|
|
17612
17621
|
};
|
|
17613
|
-
return /* @__PURE__ */ React__default.createElement("div", { className: containerClasses }, minDescription !== null && /* @__PURE__ */ React__default.createElement("div", { className: "min" }, minDescription || min), /* @__PURE__ */ React__default.createElement("div", { ref: root2, className: classes, onClick: (e2) => click(e2) }, marksList.length > 0 && /* @__PURE__ */ React__default.createElement("div", { className: "nut-range-mark" }, marksList.map((
|
|
17622
|
+
return /* @__PURE__ */ React__default.createElement("div", { className: containerClasses }, minDescription !== null && /* @__PURE__ */ React__default.createElement("div", { className: "min" }, minDescription || min), /* @__PURE__ */ React__default.createElement("div", { ref: root2, className: classes, onClick: (e2) => click(e2) }, marksList.length > 0 && /* @__PURE__ */ React__default.createElement("div", { className: "nut-range-mark" }, marksList.map((mark) => {
|
|
17614
17623
|
return /* @__PURE__ */ React__default.createElement(
|
|
17615
17624
|
"span",
|
|
17616
17625
|
{
|
|
17617
|
-
key:
|
|
17618
|
-
className: markClassName(
|
|
17619
|
-
style: marksStyle(
|
|
17626
|
+
key: mark,
|
|
17627
|
+
className: markClassName(mark),
|
|
17628
|
+
style: marksStyle(mark)
|
|
17620
17629
|
},
|
|
17621
|
-
|
|
17630
|
+
Array.isArray(marks) ? marksRef.current[mark] : marks[mark],
|
|
17622
17631
|
/* @__PURE__ */ React__default.createElement(
|
|
17623
17632
|
"span",
|
|
17624
17633
|
{
|
|
17625
17634
|
className: classNames("nut-range-tick", {
|
|
17626
|
-
active: tickClass(
|
|
17635
|
+
active: tickClass(mark)
|
|
17627
17636
|
})
|
|
17628
17637
|
}
|
|
17629
17638
|
)
|
|
@@ -23095,7 +23104,9 @@ const ImagePreview = (props) => {
|
|
|
23095
23104
|
);
|
|
23096
23105
|
};
|
|
23097
23106
|
const slideChangeEnd = (page) => {
|
|
23107
|
+
var _a2;
|
|
23098
23108
|
setActive(page + 1);
|
|
23109
|
+
(_a2 = props.onChange) == null ? void 0 : _a2.call(props, page + 1);
|
|
23099
23110
|
};
|
|
23100
23111
|
const onCloseInner = () => {
|
|
23101
23112
|
setShowPop(false);
|
|
@@ -24767,7 +24778,8 @@ const defaultProps = {
|
|
|
24767
24778
|
/* @__PURE__ */ React__default.createElement(Button, { type: "success", key: "confirm" }, "确认")
|
|
24768
24779
|
],
|
|
24769
24780
|
toolbarPosition: "bottom",
|
|
24770
|
-
editText: "编辑"
|
|
24781
|
+
editText: "编辑",
|
|
24782
|
+
shape: "square"
|
|
24771
24783
|
};
|
|
24772
24784
|
const classPrefix = `nut-avatar-cropper`;
|
|
24773
24785
|
const AvatarCropper = (props) => {
|
|
@@ -24778,6 +24790,7 @@ const AvatarCropper = (props) => {
|
|
|
24778
24790
|
space,
|
|
24779
24791
|
toolbarPosition,
|
|
24780
24792
|
editText,
|
|
24793
|
+
shape,
|
|
24781
24794
|
className,
|
|
24782
24795
|
style,
|
|
24783
24796
|
onConfirm,
|
|
@@ -24787,7 +24800,7 @@ const AvatarCropper = (props) => {
|
|
|
24787
24800
|
...defaultProps,
|
|
24788
24801
|
...props
|
|
24789
24802
|
};
|
|
24790
|
-
const cls = classNames(classPrefix, className);
|
|
24803
|
+
const cls = classNames(classPrefix, className, shape === "round" && "round");
|
|
24791
24804
|
const toolbarPositionCls = classNames(
|
|
24792
24805
|
`${classPrefix}-popup-toolbar`,
|
|
24793
24806
|
toolbarPosition
|
|
@@ -24835,7 +24848,8 @@ const AvatarCropper = (props) => {
|
|
|
24835
24848
|
const height = width;
|
|
24836
24849
|
return {
|
|
24837
24850
|
width,
|
|
24838
|
-
height
|
|
24851
|
+
height,
|
|
24852
|
+
borderRadius: shape === "round" ? "50%" : ""
|
|
24839
24853
|
};
|
|
24840
24854
|
}, [devicePixelRatio, drawImage.swidth]);
|
|
24841
24855
|
const isAngle = useMemo$1(() => {
|
|
@@ -25109,7 +25123,8 @@ const AvatarCropper = (props) => {
|
|
|
25109
25123
|
type: "file",
|
|
25110
25124
|
accept: "image/*",
|
|
25111
25125
|
className: `${classPrefix}-input`,
|
|
25112
|
-
onChange: (e2) => inputImageChange(e2)
|
|
25126
|
+
onChange: (e2) => inputImageChange(e2),
|
|
25127
|
+
"aria-label": "选择图片"
|
|
25113
25128
|
}
|
|
25114
25129
|
), /* @__PURE__ */ React__default.createElement("div", { className: "nut-avatar-cropper-edit-text" }, editText)), CropperPopup());
|
|
25115
25130
|
};
|