@nutui/nutui-react-taro 2.0.0-alpha.11 → 2.0.0-alpha.12
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 +14 -0
- package/dist/esm/ActionSheet/style/style.css +1 -1
- package/dist/esm/ActionSheet.js +1 -3
- package/dist/esm/CountDown/style/style.css +1 -1
- package/dist/esm/CountDown.js +2 -3
- package/dist/esm/Ellipsis/style/style.css +1 -1
- package/dist/esm/Ellipsis.js +1 -1
- package/dist/esm/SearchBar/style/style.css +1 -1
- package/dist/esm/SearchBar.js +1 -4
- package/dist/esm/ShortPassword/style/style.css +1 -1
- package/dist/esm/ShortPassword.js +3 -4
- package/dist/esm/Toast/style/style.css +1 -1
- package/dist/esm/Toast.js +2 -3
- package/dist/esm/VirtualList/style/style.css +1 -1
- package/dist/esm/VirtualList.js +2 -2
- package/dist/esm/actionsheet.taro-697a594b.js +54 -0
- package/dist/esm/{countdown.taro-22200811.js → countdown.taro-c399cc08.js} +17 -10
- package/dist/esm/{ellipsis.taro-02765890.js → ellipsis.taro-f423affa.js} +13 -6
- package/dist/esm/nutui-react.es.js +7 -7
- package/dist/esm/searchbar.taro-09468fff.js +122 -0
- package/dist/esm/shortpassword.taro-eabbde1b.js +90 -0
- package/dist/esm/toast.taro-b2937e7c.js +171 -0
- package/dist/esm/types/src/packages/actionsheet/actionsheet.d.ts +11 -15
- package/dist/esm/types/src/packages/actionsheet/actionsheet.taro.d.ts +11 -15
- package/dist/esm/types/src/packages/actionsheet/index.d.ts +1 -0
- package/dist/esm/types/src/packages/actionsheet/index.taro.d.ts +1 -0
- package/dist/esm/types/src/packages/configprovider/configprovider.d.ts +2 -1
- package/dist/esm/types/src/packages/configprovider/configprovider.taro.d.ts +2 -1
- package/dist/esm/types/src/packages/configprovider/index.d.ts +1 -0
- package/dist/esm/types/src/packages/configprovider/index.taro.d.ts +1 -0
- package/dist/esm/types/src/packages/configprovider/types.d.ts +1 -0
- package/dist/esm/types/src/packages/countdown/countdown.d.ts +5 -4
- package/dist/esm/types/src/packages/countdown/countdown.taro.d.ts +5 -4
- package/dist/esm/types/src/packages/countdown/index.d.ts +1 -0
- package/dist/esm/types/src/packages/countdown/index.taro.d.ts +1 -0
- package/dist/esm/types/src/packages/ellipsis/ellipsis.taro.d.ts +1 -0
- package/dist/esm/types/src/packages/searchbar/index.d.ts +1 -0
- package/dist/esm/types/src/packages/searchbar/index.taro.d.ts +1 -0
- package/dist/esm/types/src/packages/searchbar/searchbar.d.ts +4 -31
- package/dist/esm/types/src/packages/searchbar/searchbar.taro.d.ts +4 -31
- package/dist/esm/types/src/packages/shortpassword/index.d.ts +1 -0
- package/dist/esm/types/src/packages/shortpassword/index.taro.d.ts +1 -0
- package/dist/esm/types/src/packages/shortpassword/shortpassword.d.ts +17 -20
- package/dist/esm/types/src/packages/shortpassword/shortpassword.taro.d.ts +17 -20
- package/dist/esm/types/src/packages/toast/Notification.d.ts +9 -13
- package/dist/esm/types/src/packages/toast/index.d.ts +1 -0
- package/dist/esm/types/src/packages/toast/index.taro.d.ts +1 -0
- package/dist/esm/types/src/packages/toast/toast.d.ts +19 -26
- package/dist/esm/types/src/packages/toast/toast.taro.d.ts +9 -11
- package/dist/esm/types/src/packages/virtuallist/index.d.ts +1 -0
- package/dist/esm/types/src/packages/virtuallist/index.taro.d.ts +1 -0
- package/dist/esm/types/src/packages/virtuallist/type.d.ts +0 -18
- package/dist/esm/types/src/packages/virtuallist/utils.d.ts +3 -3
- package/dist/esm/types/src/packages/virtuallist/virtuallist.d.ts +15 -4
- package/dist/esm/types/src/packages/virtuallist/virtuallist.taro.d.ts +13 -14
- package/dist/esm/{virtuallist.taro-99f03769.js → virtuallist.taro-97d3403a.js} +27 -30
- 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 +10 -2
- 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 +393 -422
- package/dist/nutui.react.umd.js +393 -422
- package/dist/packages/actionsheet/actionsheet.scss +26 -73
- package/dist/packages/countdown/countdown.scss +2 -0
- package/dist/packages/ellipsis/ellipsis.scss +4 -0
- package/dist/packages/searchbar/searchbar.scss +13 -71
- package/dist/packages/shortpassword/shortpassword.scss +1 -88
- package/dist/packages/toast/toast.scss +20 -7
- package/dist/packages/virtuallist/virtuallist.scss +0 -12
- package/dist/style.css +1 -1
- package/dist/style.mjs +1 -1
- package/dist/styles/variables-jmapp.scss +56 -60
- package/dist/styles/variables.scss +30 -53
- package/dist/types/packages/actionsheet/actionsheet.taro.d.ts +11 -15
- package/dist/types/packages/actionsheet/index.taro.d.ts +1 -0
- package/dist/types/packages/configprovider/configprovider.d.ts +2 -1
- package/dist/types/packages/configprovider/configprovider.taro.d.ts +2 -1
- package/dist/types/packages/configprovider/index.d.ts +1 -0
- package/dist/types/packages/configprovider/index.taro.d.ts +1 -0
- package/dist/types/packages/configprovider/types.d.ts +1 -0
- package/dist/types/packages/countdown/countdown.taro.d.ts +5 -4
- package/dist/types/packages/countdown/index.taro.d.ts +1 -0
- package/dist/types/packages/ellipsis/ellipsis.taro.d.ts +1 -0
- package/dist/types/packages/overlay/index.d.ts +3 -0
- package/dist/types/packages/overlay/overlay.d.ts +14 -0
- package/dist/types/packages/searchbar/index.taro.d.ts +1 -0
- package/dist/types/packages/searchbar/searchbar.taro.d.ts +4 -31
- package/dist/types/packages/shortpassword/index.taro.d.ts +1 -0
- package/dist/types/packages/shortpassword/shortpassword.taro.d.ts +17 -20
- package/dist/types/packages/toast/index.taro.d.ts +1 -0
- package/dist/types/packages/toast/toast.taro.d.ts +9 -11
- package/dist/types/packages/virtuallist/index.taro.d.ts +1 -0
- package/dist/types/packages/virtuallist/type.d.ts +0 -17
- package/dist/types/packages/virtuallist/utils.d.ts +3 -3
- package/dist/types/packages/virtuallist/virtuallist.taro.d.ts +13 -14
- package/package.json +1 -1
- package/dist/esm/actionsheet.taro-d2217152.js +0 -61
- package/dist/esm/searchbar.taro-37ade36e.js +0 -159
- package/dist/esm/shortpassword.taro-f7292032.js +0 -146
- package/dist/esm/toast.taro-92c10e1d.js +0 -114
package/CHANGELOG.md
CHANGED
|
@@ -1,3 +1,17 @@
|
|
|
1
|
+
# v2.0.0-alpha.12
|
|
2
|
+
`2023-05-26`
|
|
3
|
+
|
|
4
|
+
* 🛠 refactor: actionSheet (#1053) @xiaoyatong
|
|
5
|
+
* 🛠 refactor: countdown (#1040) @拧巴的猫
|
|
6
|
+
* 🛠 refactor: searchBar (#1047) @xiaoyatong
|
|
7
|
+
* 🛠 refactor: shortPassword (#1046) @Eiinu
|
|
8
|
+
* 🛠 refactor: toast (#1026) @justExplore
|
|
9
|
+
* 🛠 refactor: virtualList (#1056) @Eiinu
|
|
10
|
+
* :sparkles: feat: ellipsis add width attribute (#1038) @Zhu Da Shuai
|
|
11
|
+
* :sparkles: feat: 导出主题中的 CSS 变量类型 (#1050) @oasis-cloud
|
|
12
|
+
* 📖 docs: import touch-emulator (#1045) @oasis-cloud
|
|
13
|
+
|
|
14
|
+
|
|
1
15
|
# v2.0.0-alpha.11
|
|
2
16
|
`2023-05-24`
|
|
3
17
|
|
|
@@ -1 +1 @@
|
|
|
1
|
-
.nut-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:var(--nutui-overlay-bg-color, var(--nutui-gray-7, rgba(0, 0, 0, .7)))}.nut-overlay-fade-enter-active{animation:nut-fade-in}.nut-overlay-fade-enter-active .wrapper .content{background-color:var(--nutui-overlay-content-bg-color, var(--nutui-gray-6, #ffffff));color:var(--nutui-overlay-content-color, var(--nutui-gray-1, #1a1a1a))}.nut-overlay-fade-leave-active{animation:nut-fade-out}.nut-overlay-first-render,.nut-overlay-hidden-render{display:none}@keyframes nut-fade-in{0%{opacity:0}1%{opacity:0}to{opacity:1}}@keyframes nut-fade-out{0%{opacity:1}1%{opacity:1}to{opacity:0}}.nut-popup{position:fixed;max-height:100%;overflow-y:auto;background-color:var(--nutui-gray-6, #ffffff);color:var(--nutui-gray-1, #1a1a1a);-webkit-overflow-scrolling:touch}.nut-popup__close-icon{position:absolute!important;z-index:1;color:var(--nutui-popup-close-icon-color, #969799);cursor:pointer;width:30px;height:30px;display:flex;justify-content:center;align-items:center}.nut-popup__close-icon:active{opacity:.7}.nut-popup__close-icon--top-left{top:var(--nutui-popup-close-icon-margin, 16px);left:var(--nutui-popup-close-icon-margin, 16px)}.nut-popup__close-icon--top-right{top:var(--nutui-popup-close-icon-margin, 16px);right:var(--nutui-popup-close-icon-margin, 16px)}.nut-popup__close-icon--bottom-left{bottom:var(--nutui-popup-close-icon-margin, 16px);left:var(--nutui-popup-close-icon-margin, 16px)}.nut-popup__close-icon--bottom-right{right:var(--nutui-popup-close-icon-margin, 16px);bottom:var(--nutui-popup-close-icon-margin, 16px)}.nut-popup-center{top:50%;left:50%;transform:translate(-50%,-50%)}.nut-popup-center.round{border-radius:var(--nutui-popup-border-radius, 20px)}.nut-popup-bottom{bottom:0;left:0;width:100%}.nut-popup-bottom.round{border-radius:var(--nutui-popup-border-radius, 20px) var(--nutui-popup-border-radius, 20px) 0 0}.nut-popup-right{top:0;right:0}.nut-popup-right.round{border-radius:var(--nutui-popup-border-radius, 20px) 0 0 var(--nutui-popup-border-radius, 20px)}.nut-popup-left{top:0;left:0}.nut-popup-left.round{border-radius:0 var(--nutui-popup-border-radius, 20px) var(--nutui-popup-border-radius, 20px) 0}.nut-popup-top{top:0;left:0;width:100%}.nut-popup-top.round{border-radius:0 0 var(--nutui-popup-border-radius, 20px) var(--nutui-popup-border-radius, 20px)}.nut-popup-slide-center-enter,.nut-popup-slide-center-exit{opacity:0}.nut-popup-slide-center-enter-active{opacity:1;transition:opacity .5s ease}.nut-popup-slide-top-enter{transform:translateY(-100%)}.nut-popup-slide-top-enter-active{transform:translate(0);transition:transform .5s}.nut-popup-slide-top-exit{transform:translate(0)}.nut-popup-slide-top-exit-active,.nut-popup-slide-top-exit-done{transform:translateY(-100%);transition:transform .5s}.nut-popup-slide-right-enter{transform:translate(100%)}.nut-popup-slide-right-enter-active{transform:translate(0);transition:transform .5s}.nut-popup-slide-right-exit{transform:translate(0)}.nut-popup-slide-right-exit-active,.nut-popup-slide-right-exit-done{transform:translate(100%);transition:transform .5s}.nut-popup-slide-bottom-enter{transform:translateY(100%)}.nut-popup-slide-bottom-enter-active{transform:translate(0);transition:transform .5s}.nut-popup-slide-bottom-exit{transform:translate(0)}.nut-popup-slide-bottom-exit-active,.nut-popup-slide-bottom-exit-done{transform:translateY(100%);transition:transform .5s}.nut-popup-slide-left-enter{transform:translate(-100%)}.nut-popup-slide-left-enter-active{transform:translate(0);transition:transform .5s}.nut-popup-slide-left-exit{transform:translate(0)}.nut-popup-slide-left-exit-active,.nut-popup-slide-left-exit-done{transform:translate(-100%);transition:transform .5s}.nut-overflow-hidden{overflow:hidden!important}.nut-
|
|
1
|
+
.nut-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:var(--nutui-overlay-bg-color, var(--nutui-gray-7, rgba(0, 0, 0, .7)))}.nut-overlay-fade-enter-active{animation:nut-fade-in}.nut-overlay-fade-enter-active .wrapper .content{background-color:var(--nutui-overlay-content-bg-color, var(--nutui-gray-6, #ffffff));color:var(--nutui-overlay-content-color, var(--nutui-gray-1, #1a1a1a))}.nut-overlay-fade-leave-active{animation:nut-fade-out}.nut-overlay-first-render,.nut-overlay-hidden-render{display:none}@keyframes nut-fade-in{0%{opacity:0}1%{opacity:0}to{opacity:1}}@keyframes nut-fade-out{0%{opacity:1}1%{opacity:1}to{opacity:0}}.nut-popup{position:fixed;max-height:100%;overflow-y:auto;background-color:var(--nutui-gray-6, #ffffff);color:var(--nutui-gray-1, #1a1a1a);-webkit-overflow-scrolling:touch}.nut-popup__close-icon{position:absolute!important;z-index:1;color:var(--nutui-popup-close-icon-color, #969799);cursor:pointer;width:30px;height:30px;display:flex;justify-content:center;align-items:center}.nut-popup__close-icon:active{opacity:.7}.nut-popup__close-icon--top-left{top:var(--nutui-popup-close-icon-margin, 16px);left:var(--nutui-popup-close-icon-margin, 16px)}.nut-popup__close-icon--top-right{top:var(--nutui-popup-close-icon-margin, 16px);right:var(--nutui-popup-close-icon-margin, 16px)}.nut-popup__close-icon--bottom-left{bottom:var(--nutui-popup-close-icon-margin, 16px);left:var(--nutui-popup-close-icon-margin, 16px)}.nut-popup__close-icon--bottom-right{right:var(--nutui-popup-close-icon-margin, 16px);bottom:var(--nutui-popup-close-icon-margin, 16px)}.nut-popup-center{top:50%;left:50%;transform:translate(-50%,-50%)}.nut-popup-center.round{border-radius:var(--nutui-popup-border-radius, 20px)}.nut-popup-bottom{bottom:0;left:0;width:100%}.nut-popup-bottom.round{border-radius:var(--nutui-popup-border-radius, 20px) var(--nutui-popup-border-radius, 20px) 0 0}.nut-popup-right{top:0;right:0}.nut-popup-right.round{border-radius:var(--nutui-popup-border-radius, 20px) 0 0 var(--nutui-popup-border-radius, 20px)}.nut-popup-left{top:0;left:0}.nut-popup-left.round{border-radius:0 var(--nutui-popup-border-radius, 20px) var(--nutui-popup-border-radius, 20px) 0}.nut-popup-top{top:0;left:0;width:100%}.nut-popup-top.round{border-radius:0 0 var(--nutui-popup-border-radius, 20px) var(--nutui-popup-border-radius, 20px)}.nut-popup-slide-center-enter,.nut-popup-slide-center-exit{opacity:0}.nut-popup-slide-center-enter-active{opacity:1;transition:opacity .5s ease}.nut-popup-slide-top-enter{transform:translateY(-100%)}.nut-popup-slide-top-enter-active{transform:translate(0);transition:transform .5s}.nut-popup-slide-top-exit{transform:translate(0)}.nut-popup-slide-top-exit-active,.nut-popup-slide-top-exit-done{transform:translateY(-100%);transition:transform .5s}.nut-popup-slide-right-enter{transform:translate(100%)}.nut-popup-slide-right-enter-active{transform:translate(0);transition:transform .5s}.nut-popup-slide-right-exit{transform:translate(0)}.nut-popup-slide-right-exit-active,.nut-popup-slide-right-exit-done{transform:translate(100%);transition:transform .5s}.nut-popup-slide-bottom-enter{transform:translateY(100%)}.nut-popup-slide-bottom-enter-active{transform:translate(0);transition:transform .5s}.nut-popup-slide-bottom-exit{transform:translate(0)}.nut-popup-slide-bottom-exit-active,.nut-popup-slide-bottom-exit-done{transform:translateY(100%);transition:transform .5s}.nut-popup-slide-left-enter{transform:translate(-100%)}.nut-popup-slide-left-enter-active{transform:translate(0);transition:transform .5s}.nut-popup-slide-left-exit{transform:translate(0)}.nut-popup-slide-left-exit-active,.nut-popup-slide-left-exit-done{transform:translate(-100%);transition:transform .5s}.nut-overflow-hidden{overflow:hidden!important}.nut-actionsheet{display:block;padding-bottom:constant(safe-area-inset-bottom);padding-bottom:env(safe-area-inset-bottom);text-align:center}.nut-actionsheet .nut-actionsheet__title{display:block;padding:10px;margin:0;background-color:var(--nutui-gray-6, #ffffff);border-bottom:1px solid var(--nutui-actionsheet-border-color, #f6f6f6);font-size:var(--nutui-font-size-3, 16px);color:var(--nutui-gray-1, #1a1a1a)}.nut-actionsheet .nut-actionsheet__description{padding:10px;display:block;font-size:var(--nutui-font-size-2, 14px);color:var(--nutui-gray-2, #757575);margin-inline-start:0px}.nut-actionsheet .nut-actionsheet__list{display:block;list-style:none;padding:0;margin:0}.nut-actionsheet .nut-actionsheet__cancel,.nut-actionsheet .nut-actionsheet__item{display:block;padding:10px;text-align:var(--nutui-actionsheet-item-text-align, center);line-height:var(--nutui-actionsheet-item-line-height, 24px);font-size:var(--nutui-font-size-2, 14px);color:var(--nutui-actionsheet-item-color, var(--nutui-gray-1, #1a1a1a));background-color:var(--nutui-gray-6, #ffffff);cursor:pointer}.nut-actionsheet .nut-actionsheet__cancel-description,.nut-actionsheet .nut-actionsheet__item-description{display:block;font-size:var(--nutui-font-size-1, 12px);color:var(--nutui-gray-2, #757575)}.nut-actionsheet .nut-actionsheet__cancel.danger,.nut-actionsheet .nut-actionsheet__item.danger{color:var(--nutui-actionsheet-item-danger, var(--nutui-brand-color, #fa2c19))}.nut-actionsheet .nut-actionsheet__cancel.disabled,.nut-actionsheet .nut-actionsheet__item.disabled{color:#e1e1e1!important;cursor:not-allowed}.nut-actionsheet .nut-actionsheet__cancel{margin-top:5px;border-top:1px solid var(--nutui-actionsheet-border-color, #f6f6f6)}
|
package/dist/esm/ActionSheet.js
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { A as ActionSheet } from "./actionsheet.taro-
|
|
1
|
+
import { A as ActionSheet } from "./actionsheet.taro-697a594b.js";
|
|
2
2
|
import "react";
|
|
3
3
|
import "./popup.taro-e756f3fc.js";
|
|
4
4
|
import "react-dom";
|
|
@@ -8,8 +8,6 @@ import "@nutui/icons-react-taro";
|
|
|
8
8
|
import "@tarojs/components";
|
|
9
9
|
import "./overlay.taro-75012bd3.js";
|
|
10
10
|
import "./typings-11d83a22.js";
|
|
11
|
-
import "./bem-cdccae08.js";
|
|
12
|
-
import "@bem-react/classname";
|
|
13
11
|
export {
|
|
14
12
|
ActionSheet as default
|
|
15
13
|
};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
.nut-countdown{display:var(--nutui-countdown-display, flex)}
|
|
1
|
+
.nut-countdown{display:var(--nutui-countdown-display, flex);color:var(--nutui-countdown-color, var(--nutui-gray-1, #1a1a1a));font-size:var(--nutui-countdown-font-size, 14px)}
|
package/dist/esm/CountDown.js
CHANGED
|
@@ -1,8 +1,7 @@
|
|
|
1
|
-
import { C as CountDown } from "./countdown.taro-
|
|
1
|
+
import { C as CountDown } from "./countdown.taro-c399cc08.js";
|
|
2
2
|
import "react";
|
|
3
|
-
import "./bem-cdccae08.js";
|
|
4
|
-
import "@bem-react/classname";
|
|
5
3
|
import "./configprovider.taro-25758d9f.js";
|
|
4
|
+
import "./typings-11d83a22.js";
|
|
6
5
|
export {
|
|
7
6
|
CountDown as default
|
|
8
7
|
};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
.nut-ellipsis{display:flex}.nut-ellipsis .nut-ellipsis-text{cursor:pointer;color:var(--nutui-ellipsis-expand-collapse-color, #3460fa);display:inline}.nut-ellipsis .nut-ellipsis-wordbreak{word-break:break-all}.nut-ellipsis-copy{position:absolute;top:-999999px}
|
|
1
|
+
.nut-ellipsis{display:flex}.nut-ellipsis .nut-ellipsis-text{cursor:pointer;color:var(--nutui-ellipsis-expand-collapse-color, #3460fa);display:inline}.nut-ellipsis .nut-ellipsis-wordbreak{word-break:break-all}.nut-ellipsis-copy{position:absolute;top:-999999px}.nut-ellipsis-width{width:fit-content}
|
package/dist/esm/Ellipsis.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
.nut-
|
|
1
|
+
.nut-searchbar{display:flex;align-items:center;width:var(--nutui-searchbar-width, 100%);padding:var(--nutui-searchbar-padding, 9px 10px);background:var(--nutui-searchbar-background, #fff);color:var(--nutui-gray-1, #1a1a1a);box-sizing:border-box;justify-content:center}.nut-searchbar__content{position:relative;flex:1;display:flex;align-items:center;justify-content:center;height:var(--nutui-searchbar-input-height, 32px);background:var(--nutui-searchbar-input-background, #f7f7f7);border-radius:var(--nutui-searchbar-content-border-radius, 2px)}.nut-searchbar__icon{padding:0 5px 0 10px}.nut-searchbar__rightin{display:flex;padding:0 5px}.nut-searchbar__input-box{display:flex;align-items:center;flex:1}.nut-searchbar__input{border:0;outline:0;box-sizing:border-box;width:var(--nutui-searchbar-input-width, 100%);height:var(--nutui-searchbar-input-height, 32px);line-height:var(--nutui-searchbar-input-height, 32px);width:100%;padding:var(--nutui-searchbar-input-padding, 0 5px);border-radius:0;font-size:var(--nutui-font-size-1, 12px);color:var(--nutui-searchbar-input-text-color, var(--nutui-gray-1, #1a1a1a));caret-color:var(--nutui-searchbar-input-curror-color, var(--nutui-gray-1, #1a1a1a));background:transparent;text-align:var(--nutui-searchbar-input-text-align, left)}.nut-searchbar__round{border-radius:var(--nutui-searchbar-input-border-radius, 16px)}.nut-searchbar__disabled{cursor:not-allowed}.nut-searchbar__clear{padding:var(--nutui-searchbar-clear-icon-padding, 0 10px 0 5px)}.nut-searchbar__clear i{color:var(--nutui-gray-1, #1a1a1a)!important}.nut-searchbar .pos-right{right:40px}.nut-searchbar__left{display:flex;padding:var(--nutui-searchbar-left-padding, 0 12px 0 0);font-size:var(--nutui-searchbar-left-fontsize, 12px);color:var(--nutui-searchbar-left-color, var(--nutui-gray-1, #1a1a1a))}.nut-searchbar__right{display:flex;padding:var(--nutui-searchbar-right-padding, 0 0 0 8px);font-size:var(--nutui-searchbar-right-fontsize, 14px);color:var(--nutui-searchbar-right-color, var(--nutui-gray-1, #1a1a1a))}
|
package/dist/esm/SearchBar.js
CHANGED
|
@@ -1,9 +1,6 @@
|
|
|
1
|
-
import { S as SearchBar } from "./searchbar.taro-
|
|
1
|
+
import { S as SearchBar } from "./searchbar.taro-09468fff.js";
|
|
2
2
|
import "react";
|
|
3
|
-
import "@tarojs/taro";
|
|
4
3
|
import "@nutui/icons-react-taro";
|
|
5
|
-
import "./bem-cdccae08.js";
|
|
6
|
-
import "@bem-react/classname";
|
|
7
4
|
import "./configprovider.taro-25758d9f.js";
|
|
8
5
|
import "./typings-11d83a22.js";
|
|
9
6
|
export {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
.nut-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:var(--nutui-overlay-bg-color, var(--nutui-gray-7, rgba(0, 0, 0, .7)))}.nut-overlay-fade-enter-active{animation:nut-fade-in}.nut-overlay-fade-enter-active .wrapper .content{background-color:var(--nutui-overlay-content-bg-color, var(--nutui-gray-6, #ffffff));color:var(--nutui-overlay-content-color, var(--nutui-gray-1, #1a1a1a))}.nut-overlay-fade-leave-active{animation:nut-fade-out}.nut-overlay-first-render,.nut-overlay-hidden-render{display:none}@keyframes nut-fade-in{0%{opacity:0}1%{opacity:0}to{opacity:1}}@keyframes nut-fade-out{0%{opacity:1}1%{opacity:1}to{opacity:0}}.nut-popup{position:fixed;max-height:100%;overflow-y:auto;background-color:var(--nutui-gray-6, #ffffff);color:var(--nutui-gray-1, #1a1a1a);-webkit-overflow-scrolling:touch}.nut-popup__close-icon{position:absolute!important;z-index:1;color:var(--nutui-popup-close-icon-color, #969799);cursor:pointer;width:30px;height:30px;display:flex;justify-content:center;align-items:center}.nut-popup__close-icon:active{opacity:.7}.nut-popup__close-icon--top-left{top:var(--nutui-popup-close-icon-margin, 16px);left:var(--nutui-popup-close-icon-margin, 16px)}.nut-popup__close-icon--top-right{top:var(--nutui-popup-close-icon-margin, 16px);right:var(--nutui-popup-close-icon-margin, 16px)}.nut-popup__close-icon--bottom-left{bottom:var(--nutui-popup-close-icon-margin, 16px);left:var(--nutui-popup-close-icon-margin, 16px)}.nut-popup__close-icon--bottom-right{right:var(--nutui-popup-close-icon-margin, 16px);bottom:var(--nutui-popup-close-icon-margin, 16px)}.nut-popup-center{top:50%;left:50%;transform:translate(-50%,-50%)}.nut-popup-center.round{border-radius:var(--nutui-popup-border-radius, 20px)}.nut-popup-bottom{bottom:0;left:0;width:100%}.nut-popup-bottom.round{border-radius:var(--nutui-popup-border-radius, 20px) var(--nutui-popup-border-radius, 20px) 0 0}.nut-popup-right{top:0;right:0}.nut-popup-right.round{border-radius:var(--nutui-popup-border-radius, 20px) 0 0 var(--nutui-popup-border-radius, 20px)}.nut-popup-left{top:0;left:0}.nut-popup-left.round{border-radius:0 var(--nutui-popup-border-radius, 20px) var(--nutui-popup-border-radius, 20px) 0}.nut-popup-top{top:0;left:0;width:100%}.nut-popup-top.round{border-radius:0 0 var(--nutui-popup-border-radius, 20px) var(--nutui-popup-border-radius, 20px)}.nut-popup-slide-center-enter,.nut-popup-slide-center-exit{opacity:0}.nut-popup-slide-center-enter-active{opacity:1;transition:opacity .5s ease}.nut-popup-slide-top-enter{transform:translateY(-100%)}.nut-popup-slide-top-enter-active{transform:translate(0);transition:transform .5s}.nut-popup-slide-top-exit{transform:translate(0)}.nut-popup-slide-top-exit-active,.nut-popup-slide-top-exit-done{transform:translateY(-100%);transition:transform .5s}.nut-popup-slide-right-enter{transform:translate(100%)}.nut-popup-slide-right-enter-active{transform:translate(0);transition:transform .5s}.nut-popup-slide-right-exit{transform:translate(0)}.nut-popup-slide-right-exit-active,.nut-popup-slide-right-exit-done{transform:translate(100%);transition:transform .5s}.nut-popup-slide-bottom-enter{transform:translateY(100%)}.nut-popup-slide-bottom-enter-active{transform:translate(0);transition:transform .5s}.nut-popup-slide-bottom-exit{transform:translate(0)}.nut-popup-slide-bottom-exit-active,.nut-popup-slide-bottom-exit-done{transform:translateY(100%);transition:transform .5s}.nut-popup-slide-left-enter{transform:translate(-100%)}.nut-popup-slide-left-enter-active{transform:translate(0);transition:transform .5s}.nut-popup-slide-left-exit{transform:translate(0)}.nut-popup-slide-left-exit-active,.nut-popup-slide-left-exit-done{transform:translate(-100%);transition:transform .5s}.nut-overflow-hidden{overflow:hidden!important}.nut-
|
|
1
|
+
.nut-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:var(--nutui-overlay-bg-color, var(--nutui-gray-7, rgba(0, 0, 0, .7)))}.nut-overlay-fade-enter-active{animation:nut-fade-in}.nut-overlay-fade-enter-active .wrapper .content{background-color:var(--nutui-overlay-content-bg-color, var(--nutui-gray-6, #ffffff));color:var(--nutui-overlay-content-color, var(--nutui-gray-1, #1a1a1a))}.nut-overlay-fade-leave-active{animation:nut-fade-out}.nut-overlay-first-render,.nut-overlay-hidden-render{display:none}@keyframes nut-fade-in{0%{opacity:0}1%{opacity:0}to{opacity:1}}@keyframes nut-fade-out{0%{opacity:1}1%{opacity:1}to{opacity:0}}.nut-popup{position:fixed;max-height:100%;overflow-y:auto;background-color:var(--nutui-gray-6, #ffffff);color:var(--nutui-gray-1, #1a1a1a);-webkit-overflow-scrolling:touch}.nut-popup__close-icon{position:absolute!important;z-index:1;color:var(--nutui-popup-close-icon-color, #969799);cursor:pointer;width:30px;height:30px;display:flex;justify-content:center;align-items:center}.nut-popup__close-icon:active{opacity:.7}.nut-popup__close-icon--top-left{top:var(--nutui-popup-close-icon-margin, 16px);left:var(--nutui-popup-close-icon-margin, 16px)}.nut-popup__close-icon--top-right{top:var(--nutui-popup-close-icon-margin, 16px);right:var(--nutui-popup-close-icon-margin, 16px)}.nut-popup__close-icon--bottom-left{bottom:var(--nutui-popup-close-icon-margin, 16px);left:var(--nutui-popup-close-icon-margin, 16px)}.nut-popup__close-icon--bottom-right{right:var(--nutui-popup-close-icon-margin, 16px);bottom:var(--nutui-popup-close-icon-margin, 16px)}.nut-popup-center{top:50%;left:50%;transform:translate(-50%,-50%)}.nut-popup-center.round{border-radius:var(--nutui-popup-border-radius, 20px)}.nut-popup-bottom{bottom:0;left:0;width:100%}.nut-popup-bottom.round{border-radius:var(--nutui-popup-border-radius, 20px) var(--nutui-popup-border-radius, 20px) 0 0}.nut-popup-right{top:0;right:0}.nut-popup-right.round{border-radius:var(--nutui-popup-border-radius, 20px) 0 0 var(--nutui-popup-border-radius, 20px)}.nut-popup-left{top:0;left:0}.nut-popup-left.round{border-radius:0 var(--nutui-popup-border-radius, 20px) var(--nutui-popup-border-radius, 20px) 0}.nut-popup-top{top:0;left:0;width:100%}.nut-popup-top.round{border-radius:0 0 var(--nutui-popup-border-radius, 20px) var(--nutui-popup-border-radius, 20px)}.nut-popup-slide-center-enter,.nut-popup-slide-center-exit{opacity:0}.nut-popup-slide-center-enter-active{opacity:1;transition:opacity .5s ease}.nut-popup-slide-top-enter{transform:translateY(-100%)}.nut-popup-slide-top-enter-active{transform:translate(0);transition:transform .5s}.nut-popup-slide-top-exit{transform:translate(0)}.nut-popup-slide-top-exit-active,.nut-popup-slide-top-exit-done{transform:translateY(-100%);transition:transform .5s}.nut-popup-slide-right-enter{transform:translate(100%)}.nut-popup-slide-right-enter-active{transform:translate(0);transition:transform .5s}.nut-popup-slide-right-exit{transform:translate(0)}.nut-popup-slide-right-exit-active,.nut-popup-slide-right-exit-done{transform:translate(100%);transition:transform .5s}.nut-popup-slide-bottom-enter{transform:translateY(100%)}.nut-popup-slide-bottom-enter-active{transform:translate(0);transition:transform .5s}.nut-popup-slide-bottom-exit{transform:translate(0)}.nut-popup-slide-bottom-exit-active,.nut-popup-slide-bottom-exit-done{transform:translateY(100%);transition:transform .5s}.nut-popup-slide-left-enter{transform:translate(-100%)}.nut-popup-slide-left-enter-active{transform:translate(0);transition:transform .5s}.nut-popup-slide-left-exit{transform:translate(0)}.nut-popup-slide-left-exit-active,.nut-popup-slide-left-exit-done{transform:translate(-100%);transition:transform .5s}.nut-overflow-hidden{overflow:hidden!important}.nut-shortpassword__title{line-height:1;font-size:var(--nutui-font-size-3, 16px);color:var(--nutui-gray-1, #1a1a1a)}.nut-shortpassword__description{margin-top:12px;margin-bottom:24px;line-height:1;font-size:var(--nutui-font-size-1, 12px);color:var(--nutui-gray-2, #757575)}.nut-shortpassword__input{padding:0 0 10px;text-align:center;position:relative;overflow:hidden}.nut-shortpassword__input-real{position:absolute;right:0;width:247px;height:41px;outline:0 none;border:0;text-decoration:none;z-index:-99}.nut-shortpassword__input-site{width:247px;height:41px;border-radius:4px}.nut-shortpassword__input-fake{top:5%;width:100%;height:41px;margin:0 auto;box-sizing:border-box;background:var(--nutui-shortpassword-background-color, rgb(245, 245, 245));border-radius:4px;border:1px solid var(--nutui-shortpassword-border-color, #ddd);display:flex;position:absolute;left:0}.nut-shortpassword__input-fake__li{flex:1;display:flex;justify-content:center;align-items:center}.nut-shortpassword__input-fake__li__icon{height:6px;width:6px;border-radius:50%;background:#000;display:inline-block}.nut-shortpassword__message{margin-top:9px;display:flex;justify-content:space-between;width:247px}.nut-shortpassword__message__error{line-height:1;font-size:var(--nutui-font-size-0, 10px);color:var(--nutui-shortpassword-error, var(--nutui-brand-color, #fa2c19))}.nut-shortpassword__message__forget{line-height:1;font-size:var(--nutui-font-size-1, 12px);color:var(--nutui-shortpassword-forget, rgb(128, 128, 128));display:flex;align-items:center}.nut-shortpassword__footer{display:flex;justify-content:space-between;margin-top:20px}.nut-shortpassword__footer__cancel{background:var(--nutui-gray-6, #ffffff);border:1px solid var(--nutui-brand-color, #fa2c19);border-radius:15px;padding:8px 38px;line-height:1;font-size:var(--nutui-font-size-2, 14px);color:var(--nutui-brand-color, #fa2c19)}.nut-shortpassword__footer__sure{background:linear-gradient(135deg,var(--nutui-brand-color, #fa2c19) 0%,var(--nutui-brand-color-end, #fa2c19) 100%);border-radius:15px;padding:8px 38px;line-height:1;font-size:var(--nutui-font-size-2, 14px);color:var(--nutui-brand-text-color, #ffffff)}
|
|
@@ -1,16 +1,15 @@
|
|
|
1
|
-
import { S as ShortPassword } from "./shortpassword.taro-
|
|
1
|
+
import { S as ShortPassword } from "./shortpassword.taro-eabbde1b.js";
|
|
2
2
|
import "react";
|
|
3
3
|
import "@nutui/icons-react-taro";
|
|
4
|
-
import "
|
|
5
|
-
import "@bem-react/classname";
|
|
4
|
+
import "classnames";
|
|
6
5
|
import "./popup.taro-e756f3fc.js";
|
|
7
6
|
import "react-dom";
|
|
8
7
|
import "react-transition-group";
|
|
9
|
-
import "classnames";
|
|
10
8
|
import "@tarojs/components";
|
|
11
9
|
import "./overlay.taro-75012bd3.js";
|
|
12
10
|
import "./typings-11d83a22.js";
|
|
13
11
|
import "./configprovider.taro-25758d9f.js";
|
|
12
|
+
import "./use-props-value-7ac1b1b5.js";
|
|
14
13
|
export {
|
|
15
14
|
ShortPassword as default
|
|
16
15
|
};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
@keyframes rotation{0%{-webkit-transform:rotate(0deg)}to{-webkit-transform:rotate(360deg)}}.nut-toast{position:fixed;left:0;
|
|
1
|
+
@keyframes rotation{0%{-webkit-transform:rotate(0deg)}to{-webkit-transform:rotate(360deg)}}.nut-toast{position:fixed;left:0;top:0;width:100%;height:100%;text-align:center;pointer-events:none;z-index:9999}.nut-toast__overlay-default{--nutui-overlay-bg-color: rgba(0, 0, 0, 0)}.nut-toast-small .nut-toast__inner{font-size:var(--nutui-font-size-1, 12px)}.nut-toast-large .nut-toast__inner{font-size:var(--nutui-font-size-3, 16px)}.nut-toast-cover{display:flex;align-items:center;justify-content:center;pointer-events:none;height:100%;background:var(--nutui-toast-cover-bg-color, var(--nutui-gray-7, rgba(0, 0, 0, .7)))}.nut-toast__inner{display:inline-block;font-size:var(--nutui-toast-text-font-size, 14px);min-width:40%;max-width:65%;text-align:var(--nutui-toast-inner-text-align, "center");padding:var(--nutui-toast-inner-padding, 24px 30px);word-break:break-all;background:var(--nutui-toast-inner-bg-color, var(--nutui-gray-7, rgba(0, 0, 0, .7)));border-radius:var(--nutui-toast-inner-border-radius, 12px);color:var(--nutui-toast-font-color, #fff);position:absolute;left:50%;top:var(--nutui-toast-inner-top, 50%);transform:translate(-50%,-50%)}.nut-toast-center{top:var(--nutui-toast-inner-top, 50%)}.nut-toast-bottom{top:var(--nutui-toast-inner-top, 80%)}.nut-toast-top{top:var(--nutui-toast-inner-top, 20%)}.nut-toast-text{font-size:var(--nutui-toast-text-font-size, 14px)}.nut-toast-text:empty{margin-bottom:-8px}.nut-toast-title{font-size:var(--nutui-toast-title-font-size, 16px)}.nut-toast-title:empty{margin-bottom:-8px}.nut-toast-has-icon .nut-toast__icon-wrapper{width:100%;display:flex;align-items:center;justify-content:center;margin-bottom:8px}.nut-toast-loading .nut-toast__inner{display:inline-flex;flex-direction:column;justify-content:center;align-items:center}.nut-toast-loading .nut-toast__icon-wrapper{animation:rotation 2s linear infinite}.toast-fade-enter-active,.toast-fade-leave-active{transition:opacity .3s}.toast-fade-enter-from,.toast-fade-leave-to{opacity:0}
|
package/dist/esm/Toast.js
CHANGED
|
@@ -1,9 +1,8 @@
|
|
|
1
|
-
import { T as Toast } from "./toast.taro-
|
|
1
|
+
import { T as Toast } from "./toast.taro-b2937e7c.js";
|
|
2
2
|
import "react";
|
|
3
3
|
import "classnames";
|
|
4
4
|
import "@nutui/icons-react-taro";
|
|
5
|
-
import "./
|
|
6
|
-
import "@bem-react/classname";
|
|
5
|
+
import "./typings-11d83a22.js";
|
|
7
6
|
export {
|
|
8
7
|
Toast as default
|
|
9
8
|
};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
.nut-
|
|
1
|
+
.nut-horizontal-items{float:left}.nut-horizontal-items li{display:block;float:left;background:var(--nutui-gray-6, #ffffff);padding:10px;margin-right:20px}.nut-horizontal-items:after{content:"";display:block;visibility:hidden;clear:both}.nut-vertical-items li{display:block;background:var(--nutui-gray-6, #ffffff);border-radius:7px;box-shadow:0 1px 6px #edeef1;margin-top:20px;padding:14px 15px;font-size:13px;line-height:18px;font-family:PingFangSC;font-weight:500;color:var(--nutui-gray-1, #1a1a1a)}.nut-virtualList-demo-item{height:100px}.nut-virtualList-box{overflow:auto}.nut-virtualList-demo-box .heigh1{height:500px}.nut-virtualList-demo-box.hideScrollbar .nut-virtualList-box::-webkit-scrollbar{width:0px;height:0px}.nut-virtuallist{width:100%;overflow:scroll;position:relative;-webkit-overflow-scrolling:touch}.nut-virtuallist-phantom{position:absolute;left:0;top:0;right:0;z-index:-1}.nut-virtuallist-container{left:0;right:0;top:0;position:absolute}.nut-virtuallist-item{overflow:hidden;margin:var(--nutui-list-item-margin, 0 0 10px 0)}
|
package/dist/esm/VirtualList.js
CHANGED
|
@@ -1,8 +1,8 @@
|
|
|
1
|
-
import { V as VirtualList } from "./virtuallist.taro-
|
|
1
|
+
import { V as VirtualList } from "./virtuallist.taro-97d3403a.js";
|
|
2
2
|
import "react";
|
|
3
3
|
import "@tarojs/components";
|
|
4
4
|
import "@tarojs/taro";
|
|
5
|
-
import "./
|
|
5
|
+
import "./typings-11d83a22.js";
|
|
6
6
|
export {
|
|
7
7
|
VirtualList as default
|
|
8
8
|
};
|
|
@@ -0,0 +1,54 @@
|
|
|
1
|
+
import React from "react";
|
|
2
|
+
import { P as Popup } from "./popup.taro-e756f3fc.js";
|
|
3
|
+
import { C as ComponentDefaults } from "./typings-11d83a22.js";
|
|
4
|
+
const defaultProps = {
|
|
5
|
+
...ComponentDefaults,
|
|
6
|
+
visible: false,
|
|
7
|
+
title: "",
|
|
8
|
+
description: "",
|
|
9
|
+
options: [],
|
|
10
|
+
optionKey: { name: "name", description: "description" },
|
|
11
|
+
cancelText: "",
|
|
12
|
+
onCancel: () => {
|
|
13
|
+
},
|
|
14
|
+
onSelect: () => {
|
|
15
|
+
}
|
|
16
|
+
};
|
|
17
|
+
const ActionSheet = (props) => {
|
|
18
|
+
const { children, cancelText, optionKey, title, description, options, onCancel, onSelect, visible, className, style, ...rest } = { ...defaultProps, ...props };
|
|
19
|
+
const classPrefix = "nut-actionsheet";
|
|
20
|
+
const cancelActionSheet = () => {
|
|
21
|
+
onCancel && onCancel();
|
|
22
|
+
};
|
|
23
|
+
const chooseItem = (item, index) => {
|
|
24
|
+
if (!item.disable) {
|
|
25
|
+
onSelect && onSelect(item, index);
|
|
26
|
+
}
|
|
27
|
+
};
|
|
28
|
+
return React.createElement(
|
|
29
|
+
Popup,
|
|
30
|
+
{ round: true, visible, position: "bottom", onClose: () => {
|
|
31
|
+
onCancel && onCancel();
|
|
32
|
+
} },
|
|
33
|
+
React.createElement(
|
|
34
|
+
"div",
|
|
35
|
+
{ className: `${classPrefix} ${className}`, style, ...rest },
|
|
36
|
+
title && React.createElement("div", { className: `${classPrefix}__title` }, title),
|
|
37
|
+
description && React.createElement("div", { className: `${classPrefix}__description` }, description),
|
|
38
|
+
options.length ? React.createElement("div", { className: `${classPrefix}__list` }, options.map((item, index) => {
|
|
39
|
+
return React.createElement(
|
|
40
|
+
"div",
|
|
41
|
+
{ className: `${classPrefix}__item ${item.disable ? "disabled" : ""} ${item.danger ? "danger" : ""}`, key: index, onClick: () => chooseItem(item, index) },
|
|
42
|
+
item[optionKey.name],
|
|
43
|
+
React.createElement("div", { className: `${classPrefix}__item-description` }, item[optionKey.description])
|
|
44
|
+
);
|
|
45
|
+
})) : children,
|
|
46
|
+
cancelText && React.createElement("div", { className: `${classPrefix}__cancel`, onClick: () => cancelActionSheet() }, cancelText)
|
|
47
|
+
)
|
|
48
|
+
);
|
|
49
|
+
};
|
|
50
|
+
ActionSheet.defaultProps = defaultProps;
|
|
51
|
+
ActionSheet.displayName = "NutActionSheet";
|
|
52
|
+
export {
|
|
53
|
+
ActionSheet as A
|
|
54
|
+
};
|
|
@@ -1,19 +1,22 @@
|
|
|
1
1
|
import React, { useState, useRef, useImperativeHandle, useEffect } from "react";
|
|
2
|
-
import { c as cn } from "./bem-cdccae08.js";
|
|
3
2
|
import { u as useConfig } from "./configprovider.taro-25758d9f.js";
|
|
3
|
+
import { C as ComponentDefaults } from "./typings-11d83a22.js";
|
|
4
4
|
const defaultProps = {
|
|
5
|
+
...ComponentDefaults,
|
|
5
6
|
paused: false,
|
|
6
7
|
startTime: Date.now(),
|
|
7
8
|
endTime: Date.now(),
|
|
9
|
+
remainingTime: 0,
|
|
8
10
|
millisecond: false,
|
|
9
11
|
format: "HH:mm:ss",
|
|
10
12
|
autoStart: true,
|
|
11
|
-
time: 0
|
|
13
|
+
time: 0,
|
|
14
|
+
destroy: false
|
|
12
15
|
};
|
|
13
16
|
const InternalCountDown = (props, ref) => {
|
|
14
17
|
useConfig();
|
|
15
|
-
const { paused, startTime, endTime, millisecond, format, autoStart, time, className, style, onEnd, onPaused, onRestart, onUpdate, children, ...rest } = { ...defaultProps, ...props };
|
|
16
|
-
const
|
|
18
|
+
const { paused, startTime, endTime, remainingTime, millisecond, format, autoStart, time, destroy, className, style, onEnd, onPaused, onRestart, onUpdate, children, ...rest } = { ...defaultProps, ...props };
|
|
19
|
+
const classPrefix = "nut-countdown";
|
|
17
20
|
const [restTimeStamp, setRestTime] = useState(0);
|
|
18
21
|
const stateRef = useRef({
|
|
19
22
|
pauseTime: 0,
|
|
@@ -35,8 +38,12 @@ const InternalCountDown = (props, ref) => {
|
|
|
35
38
|
return new Date(t).getTime();
|
|
36
39
|
};
|
|
37
40
|
const initTime = () => {
|
|
38
|
-
|
|
39
|
-
|
|
41
|
+
if (remainingTime) {
|
|
42
|
+
stateRef.current.handleEndTime = Date.now() + Number(remainingTime);
|
|
43
|
+
} else {
|
|
44
|
+
stateRef.current.handleEndTime = endTime;
|
|
45
|
+
stateRef.current.diffTime = Date.now() - getTimeStamp(startTime);
|
|
46
|
+
}
|
|
40
47
|
if (!stateRef.current.counting)
|
|
41
48
|
stateRef.current.counting = true;
|
|
42
49
|
tick();
|
|
@@ -175,7 +182,7 @@ const InternalCountDown = (props, ref) => {
|
|
|
175
182
|
if (stateRef.current.isIninted) {
|
|
176
183
|
initTime();
|
|
177
184
|
}
|
|
178
|
-
}, [endTime, startTime]);
|
|
185
|
+
}, [endTime, startTime, remainingTime]);
|
|
179
186
|
useEffect(() => {
|
|
180
187
|
if (autoStart) {
|
|
181
188
|
initTime();
|
|
@@ -189,13 +196,13 @@ const InternalCountDown = (props, ref) => {
|
|
|
189
196
|
return componentWillUnmount;
|
|
190
197
|
}, []);
|
|
191
198
|
const componentWillUnmount = () => {
|
|
192
|
-
|
|
199
|
+
destroy && cancelAnimationFrame(stateRef.current.timer);
|
|
193
200
|
};
|
|
194
201
|
const renderTime = (() => {
|
|
195
202
|
return formatRemainTime(stateRef.current.restTime);
|
|
196
203
|
})();
|
|
197
|
-
return React.createElement("div", { className: `${
|
|
198
|
-
className:
|
|
204
|
+
return React.createElement("div", { className: `${classPrefix} ${className}`, style: { ...style }, ...rest }, children || React.createElement("div", {
|
|
205
|
+
className: `${classPrefix}__block`,
|
|
199
206
|
// eslint-disable-next-line react/no-danger
|
|
200
207
|
dangerouslySetInnerHTML: {
|
|
201
208
|
__html: `${renderTime}`
|
|
@@ -11,12 +11,13 @@ const defaultProps = {
|
|
|
11
11
|
expandText: "",
|
|
12
12
|
collapseText: "",
|
|
13
13
|
symbol: "...",
|
|
14
|
-
lineHeight: "20"
|
|
14
|
+
lineHeight: "20",
|
|
15
|
+
width: "auto"
|
|
15
16
|
};
|
|
16
17
|
const classPrefix = `nut-ellipsis`;
|
|
17
18
|
const Ellipsis = (props) => {
|
|
18
19
|
var _a, _b, _c, _d;
|
|
19
|
-
const { children, content, direction, rows, className, expandText, collapseText, symbol, lineHeight, onClick, onChange, ...rest } = { ...defaultProps, ...props };
|
|
20
|
+
const { children, content, direction, rows, className, expandText, collapseText, symbol, lineHeight, width, onClick, onChange, ...rest } = { ...defaultProps, ...props };
|
|
20
21
|
let maxHeight = 0;
|
|
21
22
|
const [exceeded, setExceeded] = useState(false);
|
|
22
23
|
const [expanded, setExpanded] = useState(false);
|
|
@@ -38,7 +39,7 @@ const Ellipsis = (props) => {
|
|
|
38
39
|
const digitReg = /^[0-9]+$/;
|
|
39
40
|
const letterUpperReg = /^[A-Z]+$/;
|
|
40
41
|
const letterLowerReg = /^[a-z]+$/;
|
|
41
|
-
const classes = classNames(classPrefix, className);
|
|
42
|
+
const classes = classNames(classPrefix, className, width ? `${classPrefix}-width` : "");
|
|
42
43
|
const init = () => {
|
|
43
44
|
setExceeded(false);
|
|
44
45
|
setExpanded(false);
|
|
@@ -199,13 +200,17 @@ const Ellipsis = (props) => {
|
|
|
199
200
|
React.createElement(
|
|
200
201
|
"div",
|
|
201
202
|
null,
|
|
202
|
-
!exceeded ? React.createElement("div", { className: "nut-ellipsis-wordbreak"
|
|
203
|
+
!exceeded ? React.createElement("div", { className: "nut-ellipsis-wordbreak", style: {
|
|
204
|
+
width: `${!Number.isNaN(Number(width)) ? `${width}px` : "auto"}`
|
|
205
|
+
} }, content) : null,
|
|
203
206
|
exceeded && !expanded ? React.createElement(
|
|
204
207
|
React.Fragment,
|
|
205
208
|
null,
|
|
206
209
|
React.createElement(
|
|
207
210
|
"div",
|
|
208
|
-
{ className: "nut-ellipsis-wordbreak"
|
|
211
|
+
{ className: "nut-ellipsis-wordbreak", style: {
|
|
212
|
+
width: `${!Number.isNaN(Number(width)) ? `${width}px` : "auto"}`
|
|
213
|
+
} },
|
|
209
214
|
(_a = ellipsis.current) == null ? void 0 : _a.leading,
|
|
210
215
|
((_b = ellipsis.current) == null ? void 0 : _b.leading) && symbol,
|
|
211
216
|
expandText ? React.createElement("span", { className: "nut-ellipsis-text", onClick: (e) => {
|
|
@@ -219,7 +224,9 @@ const Ellipsis = (props) => {
|
|
|
219
224
|
exceeded && expanded ? React.createElement(
|
|
220
225
|
React.Fragment,
|
|
221
226
|
null,
|
|
222
|
-
|
|
227
|
+
React.createElement("div", { style: {
|
|
228
|
+
width: `${!Number.isNaN(Number(width)) ? `${width}px` : "auto"}`
|
|
229
|
+
} }, content),
|
|
223
230
|
expandText ? React.createElement("span", { className: "nut-ellipsis-text", onClick: (e) => {
|
|
224
231
|
e.stopPropagation();
|
|
225
232
|
clickHandle(2);
|
|
@@ -39,13 +39,13 @@ import { P } from "./picker.taro-0570ec32.js";
|
|
|
39
39
|
import { R as R2, a as a2 } from "./radio.taro-5d6ca4ad.js";
|
|
40
40
|
import { R as R3 } from "./range.taro-615e193a.js";
|
|
41
41
|
import { R as R4 } from "./rate.taro-78c66969.js";
|
|
42
|
-
import { S as S5 } from "./searchbar.taro-
|
|
43
|
-
import { S as S6 } from "./shortpassword.taro-
|
|
42
|
+
import { S as S5 } from "./searchbar.taro-09468fff.js";
|
|
43
|
+
import { S as S6 } from "./shortpassword.taro-eabbde1b.js";
|
|
44
44
|
import { S as S7 } from "./signature.taro-c57469aa.js";
|
|
45
45
|
import { S as S8 } from "./switch.taro-f0da73a3.js";
|
|
46
46
|
import { T as T5 } from "./textarea.taro-c110565e.js";
|
|
47
47
|
import { U } from "./uploader.taro-7e38fc37.js";
|
|
48
|
-
import { A as A2 } from "./actionsheet.taro-
|
|
48
|
+
import { A as A2 } from "./actionsheet.taro-697a594b.js";
|
|
49
49
|
import { B as B3 } from "./badge.taro-872605bf.js";
|
|
50
50
|
import { B as B4 } from "./dialog.taro-290eb9a6.js";
|
|
51
51
|
import { D as D3 } from "./drag.taro-48e1ff38.js";
|
|
@@ -58,7 +58,7 @@ import { P as P3 } from "./pulltorefresh.taro-5b36a881.js";
|
|
|
58
58
|
import { S as S9 } from "./skeleton.taro-0552c2ec.js";
|
|
59
59
|
import { S as S10 } from "./swipe.taro-de80fcd8.js";
|
|
60
60
|
import { P as P4 } from "./popup.taro-e756f3fc.js";
|
|
61
|
-
import { T as T6 } from "./toast.taro-
|
|
61
|
+
import { T as T6 } from "./toast.taro-b2937e7c.js";
|
|
62
62
|
import { A as A3 } from "./animate.taro-c8b29242.js";
|
|
63
63
|
import { A as A4 } from "./animatingnumbers.taro-c2a52dbd.js";
|
|
64
64
|
import { A as A5 } from "./audio.taro-bbd39f93.js";
|
|
@@ -67,11 +67,11 @@ import { A as A7 } from "./avatargroup-ad5ffb46.js";
|
|
|
67
67
|
import { C as C9 } from "./circleprogress.taro-7149e09d.js";
|
|
68
68
|
import { C as C10 } from "./collapse.taro-98577a29.js";
|
|
69
69
|
import { C as C11 } from "./collapseitem.taro-9451f40f.js";
|
|
70
|
-
import { C as C12 } from "./countdown.taro-
|
|
71
|
-
import { E as E3 } from "./ellipsis.taro-
|
|
70
|
+
import { C as C12 } from "./countdown.taro-c399cc08.js";
|
|
71
|
+
import { E as E3 } from "./ellipsis.taro-f423affa.js";
|
|
72
72
|
import { I as I5 } from "./imagepreview.taro-daa5a84f.js";
|
|
73
73
|
import { I as I6 } from "./indicator.taro-edbc71df.js";
|
|
74
|
-
import { V } from "./virtuallist.taro-
|
|
74
|
+
import { V } from "./virtuallist.taro-97d3403a.js";
|
|
75
75
|
import { P as P5 } from "./pagination.taro-63607c3b.js";
|
|
76
76
|
import { P as P6 } from "./price.taro-479f1b82.js";
|
|
77
77
|
import { P as P7 } from "./progress.taro-437b9f6a.js";
|
|
@@ -0,0 +1,122 @@
|
|
|
1
|
+
import React, { useRef, useState, useEffect } from "react";
|
|
2
|
+
import { Search, CircleClose } from "@nutui/icons-react-taro";
|
|
3
|
+
import { u as useConfig } from "./configprovider.taro-25758d9f.js";
|
|
4
|
+
import { C as ComponentDefaults } from "./typings-11d83a22.js";
|
|
5
|
+
const defaultProps = {
|
|
6
|
+
...ComponentDefaults,
|
|
7
|
+
placeholder: "",
|
|
8
|
+
shape: "square",
|
|
9
|
+
disabled: false,
|
|
10
|
+
maxLength: 9999,
|
|
11
|
+
clearable: true,
|
|
12
|
+
readOnly: false,
|
|
13
|
+
autoFocus: false,
|
|
14
|
+
left: "",
|
|
15
|
+
right: "",
|
|
16
|
+
rightIn: "",
|
|
17
|
+
leftIn: React.createElement(Search, { size: "12" })
|
|
18
|
+
};
|
|
19
|
+
const SearchBar = (props) => {
|
|
20
|
+
const classPrefix = "nut-searchbar";
|
|
21
|
+
const { locale } = useConfig();
|
|
22
|
+
const searchRef = useRef(null);
|
|
23
|
+
const [value, setValue] = useState(() => props.value);
|
|
24
|
+
const { placeholder, shape, className, disabled, maxLength, clearable, readOnly, autoFocus, right, left, leftIn, rightIn, onChange, onFocus, onBlur, onClear, onSearch, onClickInput } = {
|
|
25
|
+
...defaultProps,
|
|
26
|
+
...props
|
|
27
|
+
};
|
|
28
|
+
const forceFocus = () => {
|
|
29
|
+
const searchSelf = searchRef.current;
|
|
30
|
+
searchSelf && searchSelf.focus();
|
|
31
|
+
};
|
|
32
|
+
const change = (event) => {
|
|
33
|
+
const { value: value2 } = event.target;
|
|
34
|
+
onChange && (onChange == null ? void 0 : onChange(value2, event));
|
|
35
|
+
setValue(value2);
|
|
36
|
+
value2 === "" && forceFocus();
|
|
37
|
+
};
|
|
38
|
+
const focus = (event) => {
|
|
39
|
+
const { value: value2 } = event.target;
|
|
40
|
+
onFocus && (onFocus == null ? void 0 : onFocus(value2, event));
|
|
41
|
+
};
|
|
42
|
+
const blur = (event) => {
|
|
43
|
+
const searchSelf = searchRef.current;
|
|
44
|
+
searchSelf && searchSelf.blur();
|
|
45
|
+
const { value: value2 } = event.target;
|
|
46
|
+
onBlur && (onBlur == null ? void 0 : onBlur(value2, event));
|
|
47
|
+
};
|
|
48
|
+
useEffect(() => {
|
|
49
|
+
setValue(props.value);
|
|
50
|
+
}, [props.value]);
|
|
51
|
+
useEffect(() => {
|
|
52
|
+
autoFocus && forceFocus();
|
|
53
|
+
}, [autoFocus]);
|
|
54
|
+
const renderField = () => {
|
|
55
|
+
return React.createElement("input", { className: `${classPrefix}__input ${shape === "round" ? `${classPrefix}__round` : ""} ${clearable ? `${classPrefix}__input-clear` : ""}`, ref: searchRef, style: { ...props.style }, value: value || "", placeholder: placeholder || locale.placeholder, disabled, readOnly, maxLength, onKeyPress: onKeypress, onChange: (e) => change(e), onFocus: (e) => focus(e), onBlur: (e) => blur(e), onClick: (e) => clickInput(e) });
|
|
56
|
+
};
|
|
57
|
+
const clickInput = (e) => {
|
|
58
|
+
onClickInput && onClickInput(e);
|
|
59
|
+
};
|
|
60
|
+
const renderLeftIn = () => {
|
|
61
|
+
if (!leftIn)
|
|
62
|
+
return null;
|
|
63
|
+
return React.createElement("div", { className: `${classPrefix}__leftin ${classPrefix}__icon` }, leftIn);
|
|
64
|
+
};
|
|
65
|
+
const renderLeft = () => {
|
|
66
|
+
if (!left)
|
|
67
|
+
return null;
|
|
68
|
+
return React.createElement("div", { className: `${classPrefix}__left` }, left);
|
|
69
|
+
};
|
|
70
|
+
const renderRightIn = () => {
|
|
71
|
+
if (!rightIn)
|
|
72
|
+
return null;
|
|
73
|
+
return React.createElement("div", { className: `${classPrefix}__rightin ${classPrefix}__icon` }, rightIn);
|
|
74
|
+
};
|
|
75
|
+
const renderRight = () => {
|
|
76
|
+
if (!right)
|
|
77
|
+
return null;
|
|
78
|
+
return React.createElement("div", { className: `${classPrefix}__right` }, right);
|
|
79
|
+
};
|
|
80
|
+
const handleClear = () => {
|
|
81
|
+
return React.createElement(
|
|
82
|
+
"div",
|
|
83
|
+
{ className: `${classPrefix}__clear ${rightIn ? "pos-right" : ""}`, onClick: (e) => clearaVal(e) },
|
|
84
|
+
React.createElement(CircleClose, { color: "#555", size: 12 })
|
|
85
|
+
);
|
|
86
|
+
};
|
|
87
|
+
const clearaVal = (event) => {
|
|
88
|
+
if (disabled || readOnly) {
|
|
89
|
+
return;
|
|
90
|
+
}
|
|
91
|
+
setValue("");
|
|
92
|
+
onClear && onClear(event);
|
|
93
|
+
forceFocus();
|
|
94
|
+
};
|
|
95
|
+
const onKeypress = (e) => {
|
|
96
|
+
if (e.keyCode === 13) {
|
|
97
|
+
if (typeof e.cancelable !== "boolean" || e.cancelable) {
|
|
98
|
+
e.preventDefault();
|
|
99
|
+
}
|
|
100
|
+
onSearch && onSearch(value);
|
|
101
|
+
}
|
|
102
|
+
};
|
|
103
|
+
return React.createElement(
|
|
104
|
+
"div",
|
|
105
|
+
{ className: `${classPrefix} ${disabled ? `${classPrefix}__disabled` : ""} ${className || ""}`, style: { ...props.style } },
|
|
106
|
+
renderLeft(),
|
|
107
|
+
React.createElement(
|
|
108
|
+
"div",
|
|
109
|
+
{ className: `${classPrefix}__content` },
|
|
110
|
+
renderLeftIn(),
|
|
111
|
+
React.createElement("div", { className: "nut-searchbar__input-box" }, renderField()),
|
|
112
|
+
renderRightIn(),
|
|
113
|
+
clearable && value && handleClear()
|
|
114
|
+
),
|
|
115
|
+
renderRight()
|
|
116
|
+
);
|
|
117
|
+
};
|
|
118
|
+
SearchBar.defaultProps = defaultProps;
|
|
119
|
+
SearchBar.displayName = "NutSearchBar";
|
|
120
|
+
export {
|
|
121
|
+
SearchBar as S
|
|
122
|
+
};
|