@nutui/nutui-react 2.3.7 → 2.3.8
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 +23 -0
- package/dist/esm/Address/style/style.css +1 -1
- package/dist/esm/Cascader/style/style.css +1 -1
- package/dist/esm/NavBar/style/style.css +1 -1
- package/dist/esm/NavBar.js +49 -5
- package/dist/esm/Picker.js +1 -13
- package/dist/esm/RadioGroup.js +3 -2
- package/dist/esm/Rate/style/style.css +1 -1
- package/dist/esm/Rate.js +90 -4
- package/dist/esm/Step/style/style.css +1 -1
- package/dist/esm/Step.js +1 -1
- package/dist/esm/Steps/style/style.css +1 -1
- package/dist/esm/Swiper.js +26 -22
- package/dist/esm/Tabs/style/style.css +1 -1
- package/dist/esm/radio2.js +4 -4
- package/dist/esm/types/src/packages/navbar/navbar.taro.d.ts +2 -1
- package/dist/esm/types/src/packages/radio/index.d.ts +2 -1
- package/dist/esm/types/src/packages/radio/index.taro.d.ts +2 -1
- package/dist/esm/types/src/packages/radio/radio.d.ts +1 -2
- package/dist/esm/types/src/packages/radio/radio.taro.d.ts +1 -2
- package/dist/esm/types/src/packages/radio/types.d.ts +2 -0
- package/dist/esm/types/src/packages/radiogroup/context.d.ts +2 -0
- package/dist/esm/types/src/packages/radiogroup/index.d.ts +1 -0
- package/dist/esm/types/src/packages/radiogroup/index.taro.d.ts +1 -0
- package/dist/esm/types/src/packages/radiogroup/radiogroup.d.ts +4 -6
- package/dist/esm/types/src/packages/radiogroup/radiogroup.taro.d.ts +4 -6
- package/dist/esm/types/src/packages/radiogroup/types.d.ts +4 -0
- package/dist/esm/types/src/packages/rate/rate.d.ts +2 -0
- package/dist/esm/types/src/packages/rate/rate.taro.d.ts +2 -0
- package/dist/esm/types/src/packages/video/video.taro.d.ts +4 -5
- package/dist/esm/use-refs.js +17 -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 +162 -43
- package/dist/nutui.react.umd.js +162 -43
- package/dist/packages/navbar/navbar.scss +7 -0
- package/dist/packages/rate/rate.scss +6 -0
- package/dist/packages/step/step.scss +5 -4
- package/dist/packages/tabs/tabs.scss +1 -0
- package/dist/style.css +1 -1
- package/dist/style.mjs +1 -1
- package/dist/types/packages/navbar/navbar.taro.d.ts +2 -1
- package/dist/types/packages/overlay/overlay.d.ts +5 -1
- package/dist/types/packages/radio/index.d.ts +2 -1
- package/dist/types/packages/radio/index.taro.d.ts +2 -1
- package/dist/types/packages/radio/radio.d.ts +1 -2
- package/dist/types/packages/radio/radio.taro.d.ts +1 -2
- package/dist/types/packages/radio/types.d.ts +2 -0
- package/dist/types/packages/radiogroup/context.d.ts +2 -0
- package/dist/types/packages/radiogroup/index.d.ts +1 -0
- package/dist/types/packages/radiogroup/index.taro.d.ts +1 -0
- package/dist/types/packages/radiogroup/radiogroup.d.ts +8 -6
- package/dist/types/packages/radiogroup/radiogroup.taro.d.ts +4 -6
- package/dist/types/packages/radiogroup/types.d.ts +4 -0
- package/dist/types/packages/rate/rate.d.ts +10 -0
- package/dist/types/packages/rate/rate.taro.d.ts +2 -0
- package/dist/types/packages/video/video.taro.d.ts +4 -5
- package/package.json +1 -1
package/dist/esm/Swiper.js
CHANGED
|
@@ -122,10 +122,12 @@ var Swiper = React__default.forwardRef(function(props, ref) {
|
|
|
122
122
|
resetPosition();
|
|
123
123
|
touch.reset();
|
|
124
124
|
requestAniFrame(function() {
|
|
125
|
-
|
|
126
|
-
|
|
127
|
-
|
|
128
|
-
|
|
125
|
+
requestAniFrame(function() {
|
|
126
|
+
swiperRef.current.moving = false;
|
|
127
|
+
move({
|
|
128
|
+
pace: -1,
|
|
129
|
+
isEmit: true
|
|
130
|
+
});
|
|
129
131
|
});
|
|
130
132
|
});
|
|
131
133
|
};
|
|
@@ -133,10 +135,12 @@ var Swiper = React__default.forwardRef(function(props, ref) {
|
|
|
133
135
|
resetPosition();
|
|
134
136
|
touch.reset();
|
|
135
137
|
requestAniFrame(function() {
|
|
136
|
-
|
|
137
|
-
|
|
138
|
-
|
|
139
|
-
|
|
138
|
+
requestAniFrame(function() {
|
|
139
|
+
swiperRef.current.moving = false;
|
|
140
|
+
move({
|
|
141
|
+
pace: 1,
|
|
142
|
+
isEmit: true
|
|
143
|
+
});
|
|
140
144
|
});
|
|
141
145
|
});
|
|
142
146
|
};
|
|
@@ -144,16 +148,18 @@ var Swiper = React__default.forwardRef(function(props, ref) {
|
|
|
144
148
|
resetPosition();
|
|
145
149
|
touch.reset();
|
|
146
150
|
requestAniFrame(function() {
|
|
147
|
-
|
|
148
|
-
|
|
149
|
-
|
|
150
|
-
|
|
151
|
-
|
|
152
|
-
|
|
153
|
-
|
|
154
|
-
|
|
155
|
-
|
|
156
|
-
|
|
151
|
+
requestAniFrame(function() {
|
|
152
|
+
swiperRef.current.moving = false;
|
|
153
|
+
var targetIndex;
|
|
154
|
+
if (props.loop && swiperItemCount === index) {
|
|
155
|
+
targetIndex = active === 0 ? 0 : index;
|
|
156
|
+
} else {
|
|
157
|
+
targetIndex = index % swiperItemCount;
|
|
158
|
+
}
|
|
159
|
+
move({
|
|
160
|
+
pace: targetIndex - active,
|
|
161
|
+
isEmit: true
|
|
162
|
+
});
|
|
157
163
|
});
|
|
158
164
|
});
|
|
159
165
|
};
|
|
@@ -224,6 +230,8 @@ var Swiper = React__default.forwardRef(function(props, ref) {
|
|
|
224
230
|
var getStyle = function getStyle2() {
|
|
225
231
|
var moveOffset = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : offset;
|
|
226
232
|
var target = innerRef.current;
|
|
233
|
+
if (!target)
|
|
234
|
+
return;
|
|
227
235
|
var _offset = 0;
|
|
228
236
|
if (!center) {
|
|
229
237
|
_offset = moveOffset;
|
|
@@ -331,10 +339,6 @@ var Swiper = React__default.forwardRef(function(props, ref) {
|
|
|
331
339
|
return setReady(false);
|
|
332
340
|
};
|
|
333
341
|
}, [ready]);
|
|
334
|
-
useEffect(function() {
|
|
335
|
-
stopAutoPlay();
|
|
336
|
-
startPlay();
|
|
337
|
-
}, [children]);
|
|
338
342
|
useEffect(function() {
|
|
339
343
|
var events = [{
|
|
340
344
|
name: "touchstart",
|
|
@@ -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: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-ellipsis{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.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-line .nut-tabs-titles-item{padding-left:14px}.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-line-vertical{top:50%}.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:-12px;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;position:relative}.nut-tabs-vertical{flex-direction:row;width:100%}.nut-tabs-vertical .nut-tabs-ellipsis{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.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-line .nut-tabs-titles-item{padding-left:14px}.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-line-vertical{top:50%}.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:-12px;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}
|
package/dist/esm/radio2.js
CHANGED
|
@@ -100,11 +100,11 @@ var Radio = function Radio2(props) {
|
|
|
100
100
|
className: classNames(color())
|
|
101
101
|
});
|
|
102
102
|
};
|
|
103
|
+
var renderByShape = function renderByShape2(shape2) {
|
|
104
|
+
return shape2 === "button" ? renderButton() : React__default.createElement(React__default.Fragment, null, renderIcon(), renderLabel());
|
|
105
|
+
};
|
|
103
106
|
var renderRadioItem = function renderRadioItem2() {
|
|
104
|
-
|
|
105
|
-
return renderButton();
|
|
106
|
-
}
|
|
107
|
-
return React__default.createElement(React__default.Fragment, null, renderIcon(), renderLabel());
|
|
107
|
+
return renderByShape(context && context.shape ? context.shape : shape);
|
|
108
108
|
};
|
|
109
109
|
var handleClick = function handleClick2(e) {
|
|
110
110
|
if (disabled || checkedStatement)
|
|
@@ -1,4 +1,5 @@
|
|
|
1
1
|
import React, { FunctionComponent } from 'react';
|
|
2
|
+
import { ITouchEvent } from '@tarojs/components';
|
|
2
3
|
import { BasicComponent } from '@/utils/typings';
|
|
3
4
|
export interface NavBarProps extends BasicComponent {
|
|
4
5
|
left: React.ReactNode;
|
|
@@ -9,7 +10,7 @@ export interface NavBarProps extends BasicComponent {
|
|
|
9
10
|
safeAreaInsetTop: boolean;
|
|
10
11
|
placeholder: boolean;
|
|
11
12
|
zIndex: number | string;
|
|
12
|
-
onBackClick: (e:
|
|
13
|
+
onBackClick: (e: ITouchEvent) => void;
|
|
13
14
|
children?: React.ReactNode;
|
|
14
15
|
}
|
|
15
16
|
export declare const NavBar: FunctionComponent<Partial<NavBarProps>>;
|
|
@@ -1,8 +1,7 @@
|
|
|
1
1
|
import React, { FunctionComponent } from 'react';
|
|
2
2
|
import RadioGroup from '@/packages/radiogroup';
|
|
3
3
|
import { BasicComponent } from '@/utils/typings';
|
|
4
|
-
|
|
5
|
-
export type RadioPosition = 'right' | 'left';
|
|
4
|
+
import { RadioPosition, RadioShape } from '@/packages/radio/types';
|
|
6
5
|
export interface RadioProps extends BasicComponent {
|
|
7
6
|
disabled: boolean;
|
|
8
7
|
checked: boolean;
|
|
@@ -1,8 +1,7 @@
|
|
|
1
1
|
import React, { FunctionComponent } from 'react';
|
|
2
2
|
import RadioGroup from '@/packages/radiogroup/index.taro';
|
|
3
3
|
import { BasicComponent } from '@/utils/typings';
|
|
4
|
-
|
|
5
|
-
export type RadioPosition = 'right' | 'left';
|
|
4
|
+
import { RadioPosition, RadioShape } from '@/packages/radio/types';
|
|
6
5
|
export interface RadioProps extends BasicComponent {
|
|
7
6
|
disabled: boolean;
|
|
8
7
|
checked: boolean;
|
|
@@ -1,8 +1,10 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
|
+
import { RadioGroupShape } from './types';
|
|
2
3
|
declare const _default: React.Context<{
|
|
3
4
|
labelPosition: 'left' | 'right';
|
|
4
5
|
disabled: boolean | undefined;
|
|
5
6
|
value: string | number;
|
|
7
|
+
shape: RadioGroupShape | undefined;
|
|
6
8
|
check: (value: string | number) => void;
|
|
7
9
|
uncheck: () => void;
|
|
8
10
|
} | null>;
|
|
@@ -1,15 +1,13 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
|
-
import { RadioGroupOptionType } from './types';
|
|
3
|
-
type Position = 'left' | 'right';
|
|
4
|
-
type Direction = 'horizontal' | 'vertical';
|
|
2
|
+
import { RadioGroupDirection, RadioGroupOptionType, RadioGroupPosition, RadioGroupShape } from './types';
|
|
5
3
|
export interface RadioGroupProps {
|
|
6
4
|
value?: string | number;
|
|
7
5
|
defaultValue?: string | number;
|
|
8
|
-
labelPosition:
|
|
9
|
-
direction:
|
|
6
|
+
labelPosition: RadioGroupPosition;
|
|
7
|
+
direction: RadioGroupDirection;
|
|
8
|
+
shape?: RadioGroupShape;
|
|
10
9
|
disabled?: boolean;
|
|
11
10
|
options: RadioGroupOptionType[];
|
|
12
11
|
onChange: (value: string | number) => void;
|
|
13
12
|
}
|
|
14
13
|
export declare const RadioGroup: React.ForwardRefExoticComponent<Partial<RadioGroupProps> & Omit<React.HTMLAttributes<HTMLDivElement>, "onChange"> & React.RefAttributes<unknown>>;
|
|
15
|
-
export {};
|
|
@@ -1,15 +1,13 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
|
-
import { RadioGroupOptionType } from './types';
|
|
3
|
-
type Position = 'left' | 'right';
|
|
4
|
-
type Direction = 'horizontal' | 'vertical';
|
|
2
|
+
import { RadioGroupDirection, RadioGroupOptionType, RadioGroupPosition, RadioGroupShape } from './types';
|
|
5
3
|
export interface RadioGroupProps {
|
|
6
4
|
value?: string | number;
|
|
7
5
|
defaultValue?: string | number;
|
|
8
|
-
labelPosition:
|
|
9
|
-
direction:
|
|
6
|
+
labelPosition: RadioGroupPosition;
|
|
7
|
+
direction: RadioGroupDirection;
|
|
8
|
+
shape?: RadioGroupShape;
|
|
10
9
|
disabled?: boolean;
|
|
11
10
|
options: RadioGroupOptionType[];
|
|
12
11
|
onChange: (value: string | number) => void;
|
|
13
12
|
}
|
|
14
13
|
export declare const RadioGroup: React.ForwardRefExoticComponent<Partial<RadioGroupProps> & Omit<React.HTMLAttributes<HTMLDivElement>, "onChange"> & React.RefAttributes<unknown>>;
|
|
15
|
-
export {};
|
|
@@ -2,5 +2,9 @@ export interface RadioGroupOptionType {
|
|
|
2
2
|
label: string;
|
|
3
3
|
value: string;
|
|
4
4
|
disabled?: boolean;
|
|
5
|
+
shape?: RadioGroupShape;
|
|
5
6
|
onChange?: (checked: boolean) => void;
|
|
6
7
|
}
|
|
8
|
+
export type RadioGroupPosition = 'left' | 'right';
|
|
9
|
+
export type RadioGroupDirection = 'horizontal' | 'vertical';
|
|
10
|
+
export type RadioGroupShape = 'button' | 'round';
|
|
@@ -10,6 +10,8 @@ export interface RateProps extends BasicComponent {
|
|
|
10
10
|
disabled: boolean;
|
|
11
11
|
readOnly: boolean;
|
|
12
12
|
allowHalf: boolean;
|
|
13
|
+
touchable: boolean;
|
|
13
14
|
onChange: (value: number) => void;
|
|
15
|
+
onTouchEnd: (e: TouchEvent, value: number) => void;
|
|
14
16
|
}
|
|
15
17
|
export declare const Rate: FunctionComponent<Partial<RateProps>>;
|
|
@@ -10,6 +10,8 @@ export interface RateProps extends BasicComponent {
|
|
|
10
10
|
disabled: boolean;
|
|
11
11
|
readOnly: boolean;
|
|
12
12
|
allowHalf: boolean;
|
|
13
|
+
touchable: boolean;
|
|
13
14
|
onChange: (value: number) => void;
|
|
15
|
+
onTouchEnd: (e: TouchEvent, value: number) => void;
|
|
14
16
|
}
|
|
15
17
|
export declare const Rate: FunctionComponent<Partial<RateProps>>;
|
|
@@ -1,7 +1,6 @@
|
|
|
1
|
-
import
|
|
2
|
-
import { BaseEventOrig } from '@tarojs/components';
|
|
3
|
-
|
|
4
|
-
export interface VideoProps extends BasicComponent {
|
|
1
|
+
import { FunctionComponent } from 'react';
|
|
2
|
+
import { VideoProps as VideoPropsTaro, BaseEventOrig } from '@tarojs/components';
|
|
3
|
+
export interface VideoProps extends Omit<VideoPropsTaro, 'src'> {
|
|
5
4
|
source: {
|
|
6
5
|
type: string;
|
|
7
6
|
src: string;
|
|
@@ -18,4 +17,4 @@ export interface VideoProps extends BasicComponent {
|
|
|
18
17
|
onPause: (event: BaseEventOrig<any>) => void;
|
|
19
18
|
onPlayEnd: (event: BaseEventOrig<any>) => void;
|
|
20
19
|
}
|
|
21
|
-
export declare const Video: FunctionComponent<Partial<VideoProps
|
|
20
|
+
export declare const Video: FunctionComponent<Partial<VideoProps>>;
|
|
@@ -0,0 +1,17 @@
|
|
|
1
|
+
import React__default from "react";
|
|
2
|
+
function useRefs() {
|
|
3
|
+
var refs = React__default.useRef([]);
|
|
4
|
+
var setRefs = React__default.useCallback(function(index) {
|
|
5
|
+
return function(el) {
|
|
6
|
+
if (el)
|
|
7
|
+
refs.current[index] = el;
|
|
8
|
+
};
|
|
9
|
+
}, []);
|
|
10
|
+
var reset = React__default.useCallback(function() {
|
|
11
|
+
refs.current = [];
|
|
12
|
+
}, []);
|
|
13
|
+
return [refs.current, setRefs, reset];
|
|
14
|
+
}
|
|
15
|
+
export {
|
|
16
|
+
useRefs as u
|
|
17
|
+
};
|
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