@nutui/nutui-react-taro 3.0.6 → 3.0.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 +51 -15
- package/dist/cjs/packages/actionsheet/style/style.css +4 -4
- package/dist/cjs/packages/address/style/style.css +4 -4
- package/dist/cjs/packages/audio/style/style.css +4 -16
- package/dist/cjs/packages/avatar/style/style.css +4 -0
- package/dist/cjs/packages/button/style/button.scss +4 -20
- package/dist/cjs/packages/button/style/style.css +4 -16
- package/dist/cjs/packages/button/style/style.harmony.css +2 -14
- package/dist/cjs/packages/calendar/style/style.css +4 -4
- package/dist/cjs/packages/cascader/cascader.js +2 -1
- package/dist/cjs/packages/cascader/style/style.css +4 -4
- package/dist/cjs/packages/collapse/style/style.css +22 -7
- package/dist/cjs/packages/collapseitem/collapseitem.js +63 -77
- package/dist/cjs/packages/collapseitem/style/collapseitem.scss +22 -5
- package/dist/cjs/packages/collapseitem/style/style.css +22 -7
- package/dist/cjs/packages/collapseitem/style/style.harmony.css +22 -7
- package/dist/cjs/packages/configprovider/types.d.ts +1 -1
- package/dist/cjs/packages/datepicker/style/style.css +4 -4
- package/dist/cjs/packages/dialog/content.d.ts +11 -3
- package/dist/cjs/packages/dialog/content.js +4 -4
- package/dist/cjs/packages/dialog/dialog.d.ts +39 -4
- package/dist/cjs/packages/dialog/dialog.js +14 -13
- package/dist/cjs/packages/dialog/index.d.ts +1 -1
- package/dist/cjs/packages/dialog/style/dialog.scss +1 -0
- package/dist/cjs/packages/dialog/style/style.css +5 -16
- package/dist/cjs/packages/dialog/style/style.harmony.css +1 -0
- package/dist/cjs/packages/empty/style/style.css +4 -16
- package/dist/cjs/packages/image/image.js +10 -9
- package/dist/cjs/packages/image/style/image.scss +4 -1
- package/dist/cjs/packages/image/style/style.css +4 -0
- package/dist/cjs/packages/image/style/style.harmony.css +4 -0
- package/dist/cjs/packages/imagepreview/style/style.css +8 -4
- package/dist/cjs/packages/numberkeyboard/style/style.css +4 -4
- package/dist/cjs/packages/picker/style/style.css +4 -4
- package/dist/cjs/packages/popover/popover.d.ts +0 -7
- package/dist/cjs/packages/popover/popover.js +114 -141
- package/dist/cjs/packages/popover/style/popover.scss +48 -51
- package/dist/cjs/packages/popover/style/style.css +64 -70
- package/dist/cjs/packages/popover/style/style.harmony.css +64 -60
- package/dist/cjs/packages/popup/style/popup.scss +4 -4
- package/dist/cjs/packages/popup/style/style.css +4 -4
- package/dist/cjs/packages/popup/style/style.harmony.css +4 -4
- package/dist/cjs/packages/resultpage/style/style.css +4 -16
- package/dist/cjs/packages/shortpassword/style/style.css +4 -4
- package/dist/cjs/packages/sidebar/sidebar.js +11 -3
- package/dist/cjs/packages/skeleton/skeleton.js +1 -2
- package/dist/cjs/packages/swipe/swipe.js +1 -1
- package/dist/cjs/packages/switch/switch.js +53 -8
- package/dist/cjs/packages/tabpane/tabpane.js +2 -2
- package/dist/cjs/packages/timeselect/style/style.css +4 -4
- package/dist/cjs/packages/tour/style/style.css +64 -70
- package/dist/cjs/packages/tour/tour.js +3 -4
- package/dist/cjs/types/spec/dialog/base.d.ts +50 -1
- package/dist/cjs/types/spec/dialog/base.js +7 -0
- package/dist/cjs/types/spec/dialog/h5.d.ts +4 -1
- package/dist/cjs/types/spec/dialog/taro.d.ts +8 -2
- package/dist/cjs/types/spec/popover/base.d.ts +7 -0
- package/dist/cjs/utils/get-rect-by-taro.js +10 -0
- package/dist/cjs/utils/lru.d.ts +8 -0
- package/dist/cjs/utils/lru.js +58 -0
- package/dist/es/packages/actionsheet/style/style.css +4 -4
- package/dist/es/packages/address/style/style.css +4 -4
- package/dist/es/packages/audio/style/style.css +4 -16
- package/dist/es/packages/avatar/style/style.css +4 -0
- package/dist/es/packages/button/style/button.scss +4 -20
- package/dist/es/packages/button/style/style.css +4 -16
- package/dist/es/packages/button/style/style.harmony.css +2 -14
- package/dist/es/packages/calendar/style/style.css +4 -4
- package/dist/es/packages/cascader/cascader.js +2 -1
- package/dist/es/packages/cascader/style/style.css +4 -4
- package/dist/es/packages/collapse/style/style.css +22 -7
- package/dist/es/packages/collapseitem/collapseitem.js +65 -79
- package/dist/es/packages/collapseitem/style/collapseitem.scss +22 -5
- package/dist/es/packages/collapseitem/style/style.css +22 -7
- package/dist/es/packages/collapseitem/style/style.harmony.css +22 -7
- package/dist/es/packages/configprovider/types.d.ts +1 -1
- package/dist/es/packages/datepicker/style/style.css +4 -4
- package/dist/es/packages/dialog/content.d.ts +11 -3
- package/dist/es/packages/dialog/content.js +4 -4
- package/dist/es/packages/dialog/dialog.d.ts +39 -4
- package/dist/es/packages/dialog/dialog.js +14 -13
- package/dist/es/packages/dialog/index.d.ts +1 -1
- package/dist/es/packages/dialog/style/dialog.scss +1 -0
- package/dist/es/packages/dialog/style/style.css +5 -16
- package/dist/es/packages/dialog/style/style.harmony.css +1 -0
- package/dist/es/packages/empty/style/style.css +4 -16
- package/dist/es/packages/image/image.js +10 -10
- package/dist/es/packages/image/style/image.scss +4 -1
- package/dist/es/packages/image/style/style.css +4 -0
- package/dist/es/packages/image/style/style.harmony.css +4 -0
- package/dist/es/packages/imagepreview/style/style.css +8 -4
- package/dist/es/packages/numberkeyboard/style/style.css +4 -4
- package/dist/es/packages/picker/style/style.css +4 -4
- package/dist/es/packages/popover/popover.d.ts +0 -7
- package/dist/es/packages/popover/popover.js +115 -142
- package/dist/es/packages/popover/style/popover.scss +48 -51
- package/dist/es/packages/popover/style/style.css +64 -70
- package/dist/es/packages/popover/style/style.harmony.css +64 -60
- package/dist/es/packages/popup/style/popup.scss +4 -4
- package/dist/es/packages/popup/style/style.css +4 -4
- package/dist/es/packages/popup/style/style.harmony.css +4 -4
- package/dist/es/packages/resultpage/style/style.css +4 -16
- package/dist/es/packages/shortpassword/style/style.css +4 -4
- package/dist/es/packages/sidebar/sidebar.js +11 -3
- package/dist/es/packages/skeleton/skeleton.js +1 -2
- package/dist/es/packages/swipe/swipe.js +2 -2
- package/dist/es/packages/switch/switch.js +53 -8
- package/dist/es/packages/tabpane/tabpane.js +2 -2
- package/dist/es/packages/timeselect/style/style.css +4 -4
- package/dist/es/packages/tour/style/style.css +64 -70
- package/dist/es/packages/tour/tour.js +3 -4
- package/dist/es/types/spec/dialog/base.d.ts +83 -1
- package/dist/es/types/spec/dialog/base.js +1 -1
- package/dist/es/types/spec/dialog/h5.d.ts +4 -1
- package/dist/es/types/spec/dialog/taro.d.ts +8 -2
- package/dist/es/types/spec/popover/base.d.ts +7 -0
- package/dist/es/utils/get-rect-by-taro.js +9 -0
- package/dist/es/utils/lru.d.ts +8 -0
- package/dist/es/utils/lru.js +49 -0
- package/dist/nutui.react.umd.js +339 -286
- package/dist/style.css +1 -1
- package/dist/style.scss +52 -52
- package/dist/styles/theme-jmapp.scss +1 -0
- package/dist/styles/themes/dark.css +1 -1
- package/dist/styles/themes/default.css +1 -1
- package/dist/styles/themes/jmapp.css +1 -1
- package/dist/styles/themes/jrkf.css +1 -1
- package/dist/styles/variables-jmapp.scss +215 -49
- package/dist/styles/variables-jrkf.scss +2 -13
- package/dist/styles/variables.scss +7 -14
- package/package.json +1 -1
- package/dist/cjs/packages/dialog/types.d.ts +0 -57
- package/dist/cjs/packages/dialog/types.js +0 -4
- package/dist/cjs/packages/dialog/types.taro.d.ts +0 -10
- package/dist/es/packages/dialog/types.d.ts +0 -57
- package/dist/es/packages/dialog/types.js +0 -1
- package/dist/es/packages/dialog/types.taro.d.ts +0 -10
|
@@ -11,6 +11,15 @@ $color-primary-gradient-1: linear-gradient(
|
|
|
11
11
|
$color-primary-stop-1 0%,
|
|
12
12
|
$color-primary-stop-2 100%
|
|
13
13
|
) !default;
|
|
14
|
+
$color-primary-icon: var(--nutui-color-primary-icon, #ff3333) !default;
|
|
15
|
+
$color-primary-icon-disabled: var(
|
|
16
|
+
--nutui-color-primary-icon-disabled,
|
|
17
|
+
#dadce0
|
|
18
|
+
) !default;
|
|
19
|
+
$color-primary-specialdisabled: var(
|
|
20
|
+
--nutui-color-primary-specialdisabled,
|
|
21
|
+
#ffadbe
|
|
22
|
+
) !default;
|
|
14
23
|
|
|
15
24
|
// 默认
|
|
16
25
|
$color-default: var(--nutui-color-default) !default;
|
|
@@ -99,24 +108,6 @@ $font-weight-bold: var(--nutui-font-weight-bold);
|
|
|
99
108
|
// 行高
|
|
100
109
|
$line-height-base: var(--nutui-line-height) !default;
|
|
101
110
|
|
|
102
|
-
// 间距 space
|
|
103
|
-
$spacing-xxs: var(--nutui-spacing-xxs) !default; // 多用于文本与图标之间的间距
|
|
104
|
-
$spacing-xs: var(--nutui-spacing-xs) !default; // 多用于文本与图标之间的间距
|
|
105
|
-
$spacing-s: var(--nutui-spacing-s) !default; // 二级卡片与屏幕两侧的间距
|
|
106
|
-
$spacing-base: var(
|
|
107
|
-
--nutui-spacing-base
|
|
108
|
-
) !default; // 楼层间距(二级卡片之间的上下间距)
|
|
109
|
-
$spacing-l: var(
|
|
110
|
-
--nutui-spacing-l
|
|
111
|
-
) !default; // 卡片布局容器中,同类信息组之间的上下间距(比如两行金刚位之间的间距)
|
|
112
|
-
$spacing-xl: var(
|
|
113
|
-
--nutui-spacing-xl
|
|
114
|
-
) !default; // 卡片布局容器中,信息组之间的上下间距
|
|
115
|
-
$spacing-xxl: var(--nutui-spacing-xxl) !default; // 卡片布局容器的内容左右间距,
|
|
116
|
-
$spacing-xxxl: var(--nutui-spacing-xxxl) !default; // 卡片布局容器的内容上下间距
|
|
117
|
-
$spacing-4xl: var(--nutui-spacing-4xl) !default; // 卡片布局容器的内容上下间距
|
|
118
|
-
$spacing-5xl: var(--nutui-spacing-5xl) !default; // 卡片布局容器的内容上下间距
|
|
119
|
-
|
|
120
111
|
// 圆角 corners
|
|
121
112
|
$radius-xxs: var(
|
|
122
113
|
--nutui-radius-xxs
|
|
@@ -164,6 +155,10 @@ $color-mask-part: var(--nutui-black-2, rgba(0, 0, 0, 0.02)) !default;
|
|
|
164
155
|
|
|
165
156
|
$spacing-icon-text: var(--nutui-spacing-2, 4px) !default;
|
|
166
157
|
|
|
158
|
+
// 边框色
|
|
159
|
+
$color-border: var(--nutui-color-border, rgba(0, 0, 0, 0.06)) !default;
|
|
160
|
+
$color-border-disabled: var(--nutui-color-border-disabled, #c2c4cc) !default;
|
|
161
|
+
|
|
167
162
|
// ---- Font Family ----
|
|
168
163
|
$font-family:
|
|
169
164
|
PingFang SC,
|
|
@@ -184,6 +179,25 @@ $font-size-xl: $font-h2 !default;
|
|
|
184
179
|
$font-size-xxl: var(--nutui-font-size-8) !default;
|
|
185
180
|
$font-size-xxxl: var(--nutui-font-size-10) !default;
|
|
186
181
|
|
|
182
|
+
// 间距 space
|
|
183
|
+
$spacing-xxxs: var(--nutui-spacing-xxxs) !default; // 多用于文本与图标之间的间距
|
|
184
|
+
$spacing-xxs: var(--nutui-spacing-xxs) !default; // 多用于文本与图标之间的间距
|
|
185
|
+
$spacing-xs: var(--nutui-spacing-xs) !default; // 多用于文本与图标之间的间距
|
|
186
|
+
$spacing-s: var(--nutui-spacing-s) !default; // 二级卡片与屏幕两侧的间距
|
|
187
|
+
$spacing-base: var(
|
|
188
|
+
--nutui-spacing-base
|
|
189
|
+
) !default; // 楼层间距(二级卡片之间的上下间距)
|
|
190
|
+
$spacing-l: var(
|
|
191
|
+
--nutui-spacing-l
|
|
192
|
+
) !default; // 卡片布局容器中,同类信息组之间的上下间距(比如两行金刚位之间的间距)
|
|
193
|
+
$spacing-xl: var(
|
|
194
|
+
--nutui-spacing-xl
|
|
195
|
+
) !default; // 卡片布局容器中,信息组之间的上下间距
|
|
196
|
+
$spacing-xxl: var(--nutui-spacing-xxl) !default; // 卡片布局容器的内容左右间距,
|
|
197
|
+
$spacing-xxxl: var(--nutui-spacing-xxxl) !default; // 卡片布局容器的内容上下间距
|
|
198
|
+
$spacing-4xl: var(--nutui-spacing-4xl) !default; // 卡片布局容器的内容上下间距
|
|
199
|
+
$spacing-5xl: var(--nutui-spacing-5xl) !default; // 卡片布局容器的内容上下间距
|
|
200
|
+
|
|
187
201
|
$space-mini: $spacing-xs !default;
|
|
188
202
|
$space-large: $spacing-l !default;
|
|
189
203
|
$space-xl: $spacing-xl !default;
|
|
@@ -253,6 +267,14 @@ $button-xlarge-font-size: var(
|
|
|
253
267
|
--nutui-button-xlarge-font-size,
|
|
254
268
|
$font-size-xl
|
|
255
269
|
) !default;
|
|
270
|
+
$button-xlarge-text-icon-margin: var(
|
|
271
|
+
--nutui-button-xlarge-text-icon-margin,
|
|
272
|
+
6px
|
|
273
|
+
) !default;
|
|
274
|
+
$button-xlarge-border-radius: var(
|
|
275
|
+
--nutui-button-xlarge-border-radius,
|
|
276
|
+
$radius-base
|
|
277
|
+
) !default;
|
|
256
278
|
|
|
257
279
|
$button-large-width: var(--nutui-button-large-width, auto) !default;
|
|
258
280
|
$button-large-height: var(--nutui-button-large-height, 44px) !default;
|
|
@@ -836,25 +858,52 @@ $countdown-number-primary-background-color: var(
|
|
|
836
858
|
$color-primary
|
|
837
859
|
) !default;
|
|
838
860
|
|
|
861
|
+
//price(✅)
|
|
862
|
+
$price-primary-color: var(--nutui-price-color, $color-primary) !default;
|
|
863
|
+
$price-color: var(--nutui-price-color, var(--nutui-color-text-help)) !default;
|
|
864
|
+
$price-darkgray-color: var(
|
|
865
|
+
--nutui-price-darkgray-color,
|
|
866
|
+
var(--nutui-gray-7)
|
|
867
|
+
) !default;
|
|
868
|
+
$price-line-color: var(
|
|
869
|
+
--nutui-price-line-color,
|
|
870
|
+
var(--nutui-color-text-help)
|
|
871
|
+
) !default;
|
|
872
|
+
$price-symbol-padding-right: var(
|
|
873
|
+
--nutui-price-symbol-padding-right,
|
|
874
|
+
0px
|
|
875
|
+
) !default;
|
|
876
|
+
|
|
877
|
+
//xlarge price(✅)
|
|
878
|
+
$price-symbol-xlarge-size: var(--nutui-price-symbol-xlarge-size, 12px) !default;
|
|
879
|
+
$price-integer-xlarge-size: var(
|
|
880
|
+
--nutui-price-integer-xlarge-size,
|
|
881
|
+
24px
|
|
882
|
+
) !default;
|
|
883
|
+
$price-decimal-xlarge-size: var(
|
|
884
|
+
--nutui-price-decimal-xlarge-size,
|
|
885
|
+
12px
|
|
886
|
+
) !default;
|
|
887
|
+
|
|
839
888
|
//large price(✅)
|
|
840
889
|
$price-symbol-padding-right: var(
|
|
841
890
|
--nutui-price-symbol-padding-right,
|
|
842
891
|
1px
|
|
843
892
|
) !default;
|
|
844
|
-
$price-symbol-
|
|
845
|
-
$price-integer-
|
|
846
|
-
$price-decimal-
|
|
893
|
+
$price-symbol-large-size: var(--nutui-price-symbol-large-size, 18px) !default;
|
|
894
|
+
$price-integer-large-size: var(--nutui-price-integer-large-size, 24px) !default;
|
|
895
|
+
$price-decimal-large-size: var(--nutui-price-decimal-large-size, 18px) !default;
|
|
847
896
|
|
|
848
897
|
//normal price(✅)
|
|
849
898
|
$price-line-color: var(--nutui-price-line-color, $color-border) !default;
|
|
850
899
|
$price-line-font-size: var(--nutui-price-line-font-size, 12px) !default;
|
|
851
|
-
$price-symbol-
|
|
852
|
-
$price-integer-
|
|
853
|
-
--nutui-price-integer-
|
|
900
|
+
$price-symbol-normal-size: var(--nutui-price-symbol-normal-size, 14px) !default;
|
|
901
|
+
$price-integer-normal-size: var(
|
|
902
|
+
--nutui-price-integer-normal-size,
|
|
854
903
|
16px
|
|
855
904
|
) !default;
|
|
856
|
-
$price-decimal-
|
|
857
|
-
--nutui-price-decimal-
|
|
905
|
+
$price-decimal-normal-size: var(
|
|
906
|
+
--nutui-price-decimal-normal-size,
|
|
858
907
|
14px
|
|
859
908
|
) !default;
|
|
860
909
|
|
|
@@ -873,24 +922,24 @@ $avatar-normal-width: var(--nutui-avatar-normal-width, 40px) !default;
|
|
|
873
922
|
$avatar-normal-height: var(--nutui-avatar-normal-height, 40px) !default;
|
|
874
923
|
|
|
875
924
|
//switch(✅)
|
|
876
|
-
$switch-
|
|
877
|
-
--nutui-switch-
|
|
925
|
+
$switch-inactive-background-color: var(
|
|
926
|
+
--nutui-switch-inactive-background-color,
|
|
878
927
|
$color-default
|
|
879
928
|
) !default;
|
|
880
|
-
$switch-
|
|
881
|
-
--nutui-switch-
|
|
929
|
+
$switch-active-background-color: var(
|
|
930
|
+
--nutui-switch-active-background-color,
|
|
882
931
|
$color-primary
|
|
883
932
|
) !default;
|
|
884
|
-
$switch-
|
|
885
|
-
--nutui-switch-
|
|
933
|
+
$switch-inactive-disabled-background-color: var(
|
|
934
|
+
--nutui-switch-inactive-disabled-background-color,
|
|
886
935
|
$color-default-disabled
|
|
887
936
|
) !default;
|
|
888
|
-
$switch-
|
|
889
|
-
--nutui-switch-
|
|
937
|
+
$switch-active-disabled-background-color: var(
|
|
938
|
+
--nutui-switch-active-disabled-background-color,
|
|
890
939
|
$color-primary-disabled-special
|
|
891
940
|
) !default;
|
|
892
|
-
$switch-
|
|
893
|
-
--nutui-switch-
|
|
941
|
+
$switch-inactive-line-background-color: var(
|
|
942
|
+
--nutui-switch-inactive-line-bg-color,
|
|
894
943
|
#fff
|
|
895
944
|
) !default;
|
|
896
945
|
$switch-width: var(--nutui-switch-width, 40px) !default;
|
|
@@ -899,10 +948,37 @@ $switch-line-height: var(--nutui-switch-line-height, 24px) !default;
|
|
|
899
948
|
$switch-border-radius: var(--nutui-switch-border-radius, 24px) !default;
|
|
900
949
|
$switch-inside-width: var(--nutui-switch-inside-width, 20px) !default;
|
|
901
950
|
$switch-inside-height: var(--nutui-switch-inside-height, 20px) !default;
|
|
951
|
+
$switch-border-width: var(--nutui-switch-border-width, 2px) !default;
|
|
902
952
|
$switch-inside-border-radius: var(
|
|
903
953
|
--nutui-switch-inside-border-radius,
|
|
904
954
|
$radius-s
|
|
905
955
|
) !default;
|
|
956
|
+
/* #ifdef harmony */
|
|
957
|
+
$switch-inside-box-shadow: var(
|
|
958
|
+
--nutui-switch-inside-box-shadow,
|
|
959
|
+
0px 2px 6px 0px rgba(0, 0, 0, 0.1)
|
|
960
|
+
) !default;
|
|
961
|
+
/* #endif */
|
|
962
|
+
/* #ifndef harmony */
|
|
963
|
+
$switch-inside-box-shadow: var(
|
|
964
|
+
--nutui-switch-inside-box-shadow,
|
|
965
|
+
0px 2px 1px 0px rgba(0, 0, 0, 0.06),
|
|
966
|
+
0px 2px 6px 0px rgba(0, 0, 0, 0.1),
|
|
967
|
+
0px 0px 0px 1px rgba(0, 0, 0, 0.02)
|
|
968
|
+
) !default;
|
|
969
|
+
/* #endif */
|
|
970
|
+
$switch-label-text-color: var(
|
|
971
|
+
--nutui-switch-label-text-color,
|
|
972
|
+
$color-primary-text
|
|
973
|
+
) !default;
|
|
974
|
+
$switch-label-font-size: var(
|
|
975
|
+
--nutui-switch-label-font-size,
|
|
976
|
+
$font-size-s
|
|
977
|
+
) !default;
|
|
978
|
+
$switch-inactive-disabled-label-text-color: var(
|
|
979
|
+
--nutui-switch-inactive-disabled-label-text-color,
|
|
980
|
+
$color-text-disabled
|
|
981
|
+
) !default;
|
|
906
982
|
$switch-inside-open-transform: var(
|
|
907
983
|
--nutui-switch-inside-open-transform,
|
|
908
984
|
translateX(90%)
|
|
@@ -1033,6 +1109,7 @@ $hoverbutton-position-right: var(
|
|
|
1033
1109
|
--nutui-hoverbutton-position-right,
|
|
1034
1110
|
var(--nutui-spacing-16, 16px)
|
|
1035
1111
|
) !default;
|
|
1112
|
+
$hoverbutton-item-size: var(--nutui-hoverbutton-item-size, 40px) !default;
|
|
1036
1113
|
$hoverbutton-item-border-color: var(
|
|
1037
1114
|
--nutui-hoverbutton-item-border-color,
|
|
1038
1115
|
var(--nutui-black-3, rgba(0, 0, 0, 0.06))
|
|
@@ -1082,6 +1159,14 @@ $popup-title-font-weight: var(
|
|
|
1082
1159
|
--nutui-popup-title-font-weight,
|
|
1083
1160
|
$font-weight-bold
|
|
1084
1161
|
) !default;
|
|
1162
|
+
$popup-description-font-size: var(
|
|
1163
|
+
--nutui-popup-description-font-size,
|
|
1164
|
+
$font-size-base
|
|
1165
|
+
) !default;
|
|
1166
|
+
$popup-description-spacing: var(
|
|
1167
|
+
--nutui-popup-description-spacing,
|
|
1168
|
+
$spacing-base
|
|
1169
|
+
) !default;
|
|
1085
1170
|
$popup-title-height: var(--nutui-popup-title-height, auto) !default;
|
|
1086
1171
|
$popup-title-border-bottom: var(--nutui-popup-title-border-bottom, 0) !default;
|
|
1087
1172
|
$popup-animation-duration: var(--nutui-popup-animation-duration, 0.3s) !default;
|
|
@@ -1132,6 +1217,9 @@ $rate-icon-inactive-color: var(
|
|
|
1132
1217
|
--nutui-rate-icon-inactive-color,
|
|
1133
1218
|
$color-text-disabled
|
|
1134
1219
|
) !default;
|
|
1220
|
+
$rate-icon-size: var(--nutui-rate-icon-size, 12px) !default;
|
|
1221
|
+
$rate-font-color: var(--nutui-rate-font-color, $color-primary-icon) !default;
|
|
1222
|
+
$rate-font-size: var(--nutui-rate-font-size, 12px) !default;
|
|
1135
1223
|
|
|
1136
1224
|
// tabbar(✅)
|
|
1137
1225
|
$tabbar-height: var(--nutui-tabbar-height, 50px) !default;
|
|
@@ -1340,6 +1428,7 @@ $steps-dot-icon-border: var(
|
|
|
1340
1428
|
$steps-dot-head-margin: var(--nutui-steps-dot-head-margin, 10px 0) !default;
|
|
1341
1429
|
|
|
1342
1430
|
// dialog(✅)
|
|
1431
|
+
$dialog-min-width: var(--nutui-dialog-min-width, 240px) !default;
|
|
1343
1432
|
$dialog-width: var(--nutui-dialog-width, 295px) !default;
|
|
1344
1433
|
$dialog-padding: var(
|
|
1345
1434
|
--nutui-dialog-padding,
|
|
@@ -1375,6 +1464,7 @@ $dialog-footer-cancel-margin-right: var(
|
|
|
1375
1464
|
--nutui-dialog-footer-cancel-margin-right,
|
|
1376
1465
|
12px
|
|
1377
1466
|
) !default;
|
|
1467
|
+
$dialog-footer-cancel-bg: var(--nutui-dialog-footer-cancel-bg, transparent);
|
|
1378
1468
|
$dialog-footer-ok-max-width: var(
|
|
1379
1469
|
--nutui-dialog-footer-ok-max-width,
|
|
1380
1470
|
128px
|
|
@@ -1394,11 +1484,23 @@ $dialog-vertical-footer-ok-margin-top: var(
|
|
|
1394
1484
|
$dialog-close-color: var(--nutui-dialog-close-color, #ffffff) !default;
|
|
1395
1485
|
$dialog-close-width: var(--nutui-dialog-close-width, 18px) !default;
|
|
1396
1486
|
$dialog-close-height: var(--nutui-dialog-close-height, 18px) !default;
|
|
1487
|
+
$dialog-bottom-close-icon-size: var(
|
|
1488
|
+
--nutui-dialog-bottom-close-icon-size,
|
|
1489
|
+
24px
|
|
1490
|
+
) !default;
|
|
1397
1491
|
$dialog-close-top: var(--nutui-dialog-close-top, 16px) !default;
|
|
1398
1492
|
$dialog-close-left: var(--nutui-dialog-close-left, 16px) !default;
|
|
1399
1493
|
$dialog-close-right: var(--nutui-dialog-close-right, 16px) !default;
|
|
1400
1494
|
|
|
1401
1495
|
// checkbox(✅)
|
|
1496
|
+
$checkbox-label-disable-color: var(
|
|
1497
|
+
--nutui-checkbox-label-disable-color,
|
|
1498
|
+
#999
|
|
1499
|
+
) !default;
|
|
1500
|
+
$checkbox-icon-disable-color: var(
|
|
1501
|
+
--nutui-checkbox-icon-disable-color,
|
|
1502
|
+
#d6d6d6
|
|
1503
|
+
) !default;
|
|
1402
1504
|
$checkbox-label-margin-left: var(
|
|
1403
1505
|
--nutui-checkbox-label-margin-left,
|
|
1404
1506
|
$spacing-icon-text
|
|
@@ -1631,34 +1733,30 @@ $badge-content-transform: var(
|
|
|
1631
1733
|
) !default;
|
|
1632
1734
|
$badge-z-index: var(--nutui-badge-z-index, 1) !default;
|
|
1633
1735
|
$badge-dot-width: var(--nutui-badge-dot-width, 8px) !default;
|
|
1736
|
+
$badge-dot-small-width: var(--nutui-badge-dot-small-width, 4px) !default;
|
|
1737
|
+
$badge-dot-large-width: var(--nutui-badge-dot-large-width, 8px) !default;
|
|
1634
1738
|
$badge-dot-border: var(--nutui-badge-dot-border, none);
|
|
1739
|
+
$badge-outline-color: var(--nutui-badge-outline-color, $color-primary) !default;
|
|
1740
|
+
$badge-outline-border: var(
|
|
1741
|
+
--nutui-badge-outline-border,
|
|
1742
|
+
1px solid $color-primary
|
|
1743
|
+
);
|
|
1635
1744
|
|
|
1636
1745
|
//popover(✅)
|
|
1637
1746
|
$popover-border-radius: var(--nutui-popover-border-radius, $radius-s) !default;
|
|
1638
1747
|
$popover-font-size: var(--nutui-popover-font-size, $font-size-base) !default;
|
|
1639
|
-
$popover-border-color: var(--nutui-popover-border-color, #ffffff) !default;
|
|
1640
1748
|
$popover-content-background-color: var(
|
|
1641
1749
|
--nutui-popover-content-background-color,
|
|
1642
1750
|
#ffffff
|
|
1643
1751
|
) !default;
|
|
1644
1752
|
$popover-text-color: var(--nutui-popover-text-color, $color-text) !default;
|
|
1645
|
-
$popover-hover-background-color: var(
|
|
1646
|
-
--nutui-popover-hover-background-color,
|
|
1647
|
-
#fff
|
|
1648
|
-
) !default;
|
|
1649
|
-
$popover-hover-text-color: var(
|
|
1650
|
-
--nutui-popover-hover-text-color,
|
|
1651
|
-
$color-text
|
|
1652
|
-
) !default;
|
|
1653
1753
|
$popover-disable-color: var(
|
|
1654
1754
|
--nutui-popover-disable-color,
|
|
1655
1755
|
$color-text-disabled
|
|
1656
1756
|
) !default;
|
|
1657
1757
|
$popover-divider-color: var(--nutui-popover-divider-color, none) !default;
|
|
1658
|
-
$popover-
|
|
1659
|
-
|
|
1660
|
-
$spacing-xl
|
|
1661
|
-
) !default;
|
|
1758
|
+
$popover-padding: var(--nutui-popover-padding, $spacing-xl) !default;
|
|
1759
|
+
$popover-item-width: var(--nutui-popover-item-width, 160px) !default;
|
|
1662
1760
|
|
|
1663
1761
|
//progress(✅)
|
|
1664
1762
|
$progress-height: var(--nutui-progress-height, 10px) !default;
|
|
@@ -1980,6 +2078,37 @@ $searchbar-input-text-align: var(
|
|
|
1980
2078
|
left
|
|
1981
2079
|
) !default;
|
|
1982
2080
|
|
|
2081
|
+
// segmented
|
|
2082
|
+
$segmented-height: var(--nutui-segmented-height, 24px) !default;
|
|
2083
|
+
$segmented-padding: var(--nutui-segmented-padding, $spacing-xxxs) !default;
|
|
2084
|
+
$segmented-border-radius: var(--nutui-segmented-radius, $radius-xs) !default;
|
|
2085
|
+
$segmented-background: var(
|
|
2086
|
+
--nutui-segmented-background,
|
|
2087
|
+
$color-mask-part
|
|
2088
|
+
) !default;
|
|
2089
|
+
$segmented-item-height: var(--nutui-segmented-height, 20px) !default;
|
|
2090
|
+
$segmented-item-padding: var(
|
|
2091
|
+
--nutui-segmented-item-padding,
|
|
2092
|
+
0 $spacing-xs
|
|
2093
|
+
) !default;
|
|
2094
|
+
$segmented-item-radius: var(--nutui-segmented-item-radius, $radius-xs) !default;
|
|
2095
|
+
$segmented-item-fontsize: var(
|
|
2096
|
+
--nutui-segmented-item-fontsize,
|
|
2097
|
+
$font-size-s
|
|
2098
|
+
) !default;
|
|
2099
|
+
$segmented-item-color: var(
|
|
2100
|
+
--nutui-segmented-item-color,
|
|
2101
|
+
$color-primary-text
|
|
2102
|
+
) !default;
|
|
2103
|
+
$segmented-active-background: var(
|
|
2104
|
+
--nutui-segmented-active-background,
|
|
2105
|
+
$color-mask-part
|
|
2106
|
+
) !default;
|
|
2107
|
+
$segmented-icon-margin-right: var(
|
|
2108
|
+
--nutui-segmented-icon-margin-right,
|
|
2109
|
+
$spacing-xxxs
|
|
2110
|
+
) !default;
|
|
2111
|
+
|
|
1983
2112
|
// empty(✅)
|
|
1984
2113
|
|
|
1985
2114
|
$empty-padding: var(--nutui-empty-padding, 32px 40px) !default;
|
|
@@ -2122,7 +2251,12 @@ $color-background-overlay: var(
|
|
|
2122
2251
|
) !default;
|
|
2123
2252
|
|
|
2124
2253
|
// grid(✅)
|
|
2254
|
+
$grid-border-width: var(--nutui-grid-border-width, 0px) !default;
|
|
2125
2255
|
$grid-border-color: var(--nutui-grid-border-color, $color-border) !default;
|
|
2256
|
+
$grid-item-border-radius: var(
|
|
2257
|
+
--nutui-grid-item-border-radius,
|
|
2258
|
+
$radius-l
|
|
2259
|
+
) !default;
|
|
2126
2260
|
$grid-item-content-padding: var(
|
|
2127
2261
|
--nutui-grid-item-content-padding,
|
|
2128
2262
|
16px 8px
|
|
@@ -2173,6 +2307,34 @@ $navbar-title-font-color: var(
|
|
|
2173
2307
|
$color-title
|
|
2174
2308
|
) !default;
|
|
2175
2309
|
|
|
2310
|
+
// sidebar(✅)
|
|
2311
|
+
$sidebar-background-color: var(
|
|
2312
|
+
--nutui-sidebar-background-color,
|
|
2313
|
+
$color-background
|
|
2314
|
+
) !default;
|
|
2315
|
+
$sidebar-border-radius: var(--nutui-sidebar-border-radius, 0) !default;
|
|
2316
|
+
$sidebar-width: var(--nutui-sidebar-width, 104px) !default;
|
|
2317
|
+
$sidebar-max-width: var(--nutui-sidebar-max-width, 128px) !default;
|
|
2318
|
+
$sidebar-title-height: var(--nutui-sidebar-title-height, 52px) !default;
|
|
2319
|
+
$sidebar-inactive-font-size: var(
|
|
2320
|
+
--nutui-sidebar-inactive-font-size,
|
|
2321
|
+
$font-size-base
|
|
2322
|
+
) !default;
|
|
2323
|
+
$sidebar-active-font-size: var(
|
|
2324
|
+
--nutui-sidebar-active-font-size,
|
|
2325
|
+
$font-size-l
|
|
2326
|
+
) !default;
|
|
2327
|
+
$sidebar-active-font-weight: var(
|
|
2328
|
+
--nutui-sidebar-active-font-weight,
|
|
2329
|
+
$font-weight-bold
|
|
2330
|
+
) !default;
|
|
2331
|
+
$sidebar-active-color: var(
|
|
2332
|
+
--nutui-sidebar-active-color,
|
|
2333
|
+
$color-primary
|
|
2334
|
+
) !default;
|
|
2335
|
+
$sidebar-item-background: var(--nutui-sidebar-item-background, $white) !default;
|
|
2336
|
+
$sidebar-item-padding: var(--nutui-sidebar-item-padding, 24px 20px) !default;
|
|
2337
|
+
|
|
2176
2338
|
// elevator(✅)
|
|
2177
2339
|
$elevator-list-bg-color: var(--nutui-elevator-list-bg-color, $white) !default;
|
|
2178
2340
|
$elevator-list-font-size: var(
|
|
@@ -2407,6 +2569,10 @@ $loading-icon-color: var(--nutui-loading-icon-color, $color-text-help) !default;
|
|
|
2407
2569
|
$loading-icon-size: var(--nutui-loading-icon-size, $font-size-s) !default;
|
|
2408
2570
|
$loading-color: var(--nutui-loading-color, $color-text-help) !default;
|
|
2409
2571
|
$loading-font-size: var(--nutui-loading-font-size, $font-size-s) !default;
|
|
2572
|
+
$loading-lottie-background: var(
|
|
2573
|
+
--nutui-loading-lottie-background,
|
|
2574
|
+
rgba(0, 0, 0, 0.06)
|
|
2575
|
+
) !default;
|
|
2410
2576
|
|
|
2411
2577
|
// ResultPage
|
|
2412
2578
|
$resultpage-width: var(--nutui-resultpage-width, 247px) !default;
|
|
@@ -1661,29 +1661,18 @@ $badge-dot-border: var(--nutui-badge-dot-border, none) !default;
|
|
|
1661
1661
|
//popover(✅)
|
|
1662
1662
|
$popover-border-radius: var(--nutui-popover-border-radius, $radius-s) !default;
|
|
1663
1663
|
$popover-font-size: var(--nutui-popover-font-size, $font-size-base) !default;
|
|
1664
|
-
$popover-border-color: var(--nutui-popover-border-color, #ffffff) !default;
|
|
1665
1664
|
$popover-content-background-color: var(
|
|
1666
1665
|
--nutui-popover-content-background-color,
|
|
1667
1666
|
#ffffff
|
|
1668
1667
|
) !default;
|
|
1669
1668
|
$popover-text-color: var(--nutui-popover-text-color, $color-text) !default;
|
|
1670
|
-
$popover-hover-background-color: var(
|
|
1671
|
-
--nutui-popover-hover-background-color,
|
|
1672
|
-
#fff
|
|
1673
|
-
) !default;
|
|
1674
|
-
$popover-hover-text-color: var(
|
|
1675
|
-
--nutui-popover-hover-text-color,
|
|
1676
|
-
$color-text
|
|
1677
|
-
) !default;
|
|
1678
1669
|
$popover-disable-color: var(
|
|
1679
1670
|
--nutui-popover-disable-color,
|
|
1680
1671
|
$color-text-disabled
|
|
1681
1672
|
) !default;
|
|
1682
1673
|
$popover-divider-color: var(--nutui-popover-divider-color, none) !default;
|
|
1683
|
-
$popover-
|
|
1684
|
-
|
|
1685
|
-
$spacing-xl
|
|
1686
|
-
) !default;
|
|
1674
|
+
$popover-padding: var(--nutui-popover-padding, $spacing-xl) !default;
|
|
1675
|
+
$popover-item-width: var(--nutui-popover-item-width, 160px) !default;
|
|
1687
1676
|
|
|
1688
1677
|
//progress(✅)
|
|
1689
1678
|
$progress-height: var(--nutui-progress-height, 10px) !default;
|
|
@@ -1355,6 +1355,10 @@ $dialog-footer-cancel-margin-right: var(
|
|
|
1355
1355
|
--nutui-dialog-footer-cancel-margin-right,
|
|
1356
1356
|
12px
|
|
1357
1357
|
) !default;
|
|
1358
|
+
$dialog-footer-cancel-bg: var(
|
|
1359
|
+
--nutui-dialog-footer-cancel-bg,
|
|
1360
|
+
$button-default-background-color
|
|
1361
|
+
);
|
|
1358
1362
|
$dialog-footer-ok-max-width: var(
|
|
1359
1363
|
--nutui-dialog-footer-ok-max-width,
|
|
1360
1364
|
128px
|
|
@@ -1631,21 +1635,12 @@ $badge-outline-border: var(
|
|
|
1631
1635
|
|
|
1632
1636
|
//popover(✅)
|
|
1633
1637
|
$popover-border-radius: var(--nutui-popover-border-radius, $radius-xs) !default;
|
|
1634
|
-
$popover-border-color: var(--nutui-popover-border-color, #ffffff) !default;
|
|
1635
1638
|
$popover-font-size: var(--nutui-popover-font-size, $font-size-s) !default;
|
|
1636
1639
|
$popover-content-background-color: var(
|
|
1637
1640
|
--nutui-popover-content-background-color,
|
|
1638
1641
|
#ffffff
|
|
1639
1642
|
) !default;
|
|
1640
1643
|
$popover-text-color: var(--nutui-popover-text-color, $color-mask) !default;
|
|
1641
|
-
$popover-hover-background-color: var(
|
|
1642
|
-
--nutui-popover-hover-background-color,
|
|
1643
|
-
#fff
|
|
1644
|
-
) !default;
|
|
1645
|
-
$popover-hover-text-color: var(
|
|
1646
|
-
--nutui-popover-hover-text-color,
|
|
1647
|
-
#1a1a1a
|
|
1648
|
-
) !default;
|
|
1649
1644
|
$popover-disable-color: var(
|
|
1650
1645
|
--nutui-popover-disable-color,
|
|
1651
1646
|
$color-text-disabled
|
|
@@ -1654,11 +1649,8 @@ $popover-divider-color: var(
|
|
|
1654
1649
|
--nutui-popover-divider-color,
|
|
1655
1650
|
$color-border
|
|
1656
1651
|
) !default;
|
|
1657
|
-
$popover-
|
|
1658
|
-
|
|
1659
|
-
8px
|
|
1660
|
-
) !default;
|
|
1661
|
-
$popover-menu-item-width: var(--nutui-popover-menu-item-width, 160px) !default;
|
|
1652
|
+
$popover-padding: var(--nutui-popover-padding, 8px) !default;
|
|
1653
|
+
$popover-item-width: var(--nutui-popover-item-width, 160px) !default;
|
|
1662
1654
|
|
|
1663
1655
|
//progress(✅)
|
|
1664
1656
|
$progress-height: var(--nutui-progress-height, 10px) !default;
|
|
@@ -2201,6 +2193,7 @@ $navbar-title-font-color: var(
|
|
|
2201
2193
|
--nutui-navbar-title-font-color,
|
|
2202
2194
|
$color-title
|
|
2203
2195
|
) !default;
|
|
2196
|
+
|
|
2204
2197
|
// sidebar(✅)
|
|
2205
2198
|
$sidebar-background-color: var(
|
|
2206
2199
|
--nutui-sidebar-background-color,
|
package/package.json
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"name":"@nutui/nutui-react-taro","version":"3.0.
|
|
1
|
+
{"name":"@nutui/nutui-react-taro","version":"3.0.8","style":"dist/style.css","main":"dist/nutui.react.umd.js","module":"dist/es/packages/nutui.react.build.js","typings":"dist/es/packages/nutui.react.build.d.ts","scripts":{"publish:beta":"npm publish --tag=beta --access public --no-git-checks","publish:latest":"npm publish --access public --no-git-checks"},"sideEffects":["*.scss","dist/es/**/style/*","dist/cjs/**/style/*","dist/style.css","dist/styles/font/*","dist/styles/font-jmapp/*"],"description":"京东风格的轻量级移动端 React 组件库,支持一套代码生成 H5 和小程序","keywords":["nutui","nutui2","nutui3","react","nutui-react","webpack","react component","vite","jdc","jdcfe","taro"],"author":"jdcfe","license":"MIT","repository":{"type":"git","url":"git+https://github.com/jdf2e/nutui-react.git"},"files":["dist","README.md","package.json","LICENSE","CHANGELOG.md"],"publishConfig":{"access":"public","registry":"https://registry.npmjs.org/"},"dependencies":{"@babel/runtime":"^7.23.9","@nutui/icons-react-taro":"^3.0.1","@nutui/jdesign-icons-react-taro":"1.0.6-beta.2","@nutui/touch-emulator":"^1.0.0","@nutui/lottie-miniprogram":"^1.0.2","@react-spring/web":"~9.6.1","@swc/helpers":"^0.5.7","@use-gesture/react":"10.2.20","async-validator":"^4.2.5","classnames":"^2.5.1","codesandbox":"^2.2.3","lodash.kebabcase":"^4.1.1","lottie-react":"^2.4.0","react-fast-compare":"^3.2.2","react-transition-group":"^4.4.5","rehype-highlight":"^7.0.2"},"peerDependencies":{"react":"^16.8.0 || ^17.0.0 || ^18.0.0"}}
|
|
@@ -1,57 +0,0 @@
|
|
|
1
|
-
import { ReactNode, ForwardRefExoticComponent, PropsWithChildren } from 'react';
|
|
2
|
-
import type { MouseEvent, CSSProperties } from 'react';
|
|
3
|
-
import { WebOverlayProps } from "../../types";
|
|
4
|
-
import { BasicComponent } from "../../utils/typings";
|
|
5
|
-
export type DialogConfigType = {
|
|
6
|
-
prefixCls?: string;
|
|
7
|
-
simple?: boolean;
|
|
8
|
-
};
|
|
9
|
-
export type DialogCloseIconPosition = 'top-right' | 'top-left' | 'bottom';
|
|
10
|
-
export type DialogFooterDirection = 'horizontal' | 'vertical';
|
|
11
|
-
export interface ContentProps extends BasicComponent {
|
|
12
|
-
visible: boolean;
|
|
13
|
-
title: ReactNode;
|
|
14
|
-
header: ReactNode;
|
|
15
|
-
footer: ReactNode;
|
|
16
|
-
close: ReactNode;
|
|
17
|
-
footerDirection: DialogFooterDirection;
|
|
18
|
-
onClick: (event: MouseEvent) => void;
|
|
19
|
-
}
|
|
20
|
-
export interface DialogWrapProps extends WebOverlayProps, Omit<ContentProps, 'onClick'> {
|
|
21
|
-
visible: boolean;
|
|
22
|
-
overlay: boolean;
|
|
23
|
-
overlayStyle: CSSProperties;
|
|
24
|
-
overlayClassName: string;
|
|
25
|
-
onCancel: () => void;
|
|
26
|
-
onClose: () => void;
|
|
27
|
-
onOverlayClick: (e: MouseEvent) => boolean | void;
|
|
28
|
-
}
|
|
29
|
-
export interface DialogBasicProps extends DialogWrapProps {
|
|
30
|
-
content?: ReactNode;
|
|
31
|
-
confirmText?: ReactNode;
|
|
32
|
-
cancelText?: ReactNode;
|
|
33
|
-
hideConfirmButton?: boolean;
|
|
34
|
-
hideCancelButton?: boolean;
|
|
35
|
-
disableConfirmButton?: boolean;
|
|
36
|
-
closeIconPosition?: DialogCloseIconPosition;
|
|
37
|
-
closeIcon?: boolean | ReactNode;
|
|
38
|
-
beforeClose?: () => boolean;
|
|
39
|
-
beforeCancel?: () => boolean;
|
|
40
|
-
onConfirm?: (e?: MouseEvent<HTMLButtonElement>) => PromiseLike<any> | void;
|
|
41
|
-
}
|
|
42
|
-
export interface DialogConfirmProps extends DialogBasicProps {
|
|
43
|
-
content: ReactNode;
|
|
44
|
-
isNotice: boolean;
|
|
45
|
-
noticeType: string;
|
|
46
|
-
}
|
|
47
|
-
export type DialogReturnProps = {
|
|
48
|
-
update: (newConfig: Partial<DialogConfirmProps>) => void;
|
|
49
|
-
close: () => void;
|
|
50
|
-
};
|
|
51
|
-
export interface DialogComponent extends ForwardRefExoticComponent<PropsWithChildren<Partial<DialogBasicProps>>> {
|
|
52
|
-
confirm: (props: Partial<DialogConfirmProps>) => DialogReturnProps;
|
|
53
|
-
alert: (props: Partial<DialogConfirmProps>) => DialogReturnProps;
|
|
54
|
-
config: (config: DialogConfigType) => void;
|
|
55
|
-
destroyAll: () => void;
|
|
56
|
-
}
|
|
57
|
-
export declare const destroyList: Array<() => void>;
|
|
@@ -1,10 +0,0 @@
|
|
|
1
|
-
import { ITouchEvent } from '@tarojs/components';
|
|
2
|
-
import { ContentProps as ContentWebProps, DialogBasicProps as DialogBasicWebProps } from './types';
|
|
3
|
-
export type { DialogConfigType, DialogCloseIconPosition, DialogFooterDirection, DialogWrapProps, DialogConfirmProps, DialogReturnProps, } from './types';
|
|
4
|
-
export type ContentProps = Omit<ContentWebProps, 'onClick'> & {
|
|
5
|
-
onClick: (event: ITouchEvent) => void;
|
|
6
|
-
};
|
|
7
|
-
export type DialogBasicProps = Omit<DialogBasicWebProps, 'onOverlayClick' | 'onClick'> & {
|
|
8
|
-
onClick: (event: ITouchEvent) => void;
|
|
9
|
-
onOverlayClick: (event: ITouchEvent) => boolean | void;
|
|
10
|
-
};
|
|
@@ -1,57 +0,0 @@
|
|
|
1
|
-
import { ReactNode, ForwardRefExoticComponent, PropsWithChildren } from 'react';
|
|
2
|
-
import type { MouseEvent, CSSProperties } from 'react';
|
|
3
|
-
import { WebOverlayProps } from "../../types";
|
|
4
|
-
import { BasicComponent } from "../../utils/typings";
|
|
5
|
-
export type DialogConfigType = {
|
|
6
|
-
prefixCls?: string;
|
|
7
|
-
simple?: boolean;
|
|
8
|
-
};
|
|
9
|
-
export type DialogCloseIconPosition = 'top-right' | 'top-left' | 'bottom';
|
|
10
|
-
export type DialogFooterDirection = 'horizontal' | 'vertical';
|
|
11
|
-
export interface ContentProps extends BasicComponent {
|
|
12
|
-
visible: boolean;
|
|
13
|
-
title: ReactNode;
|
|
14
|
-
header: ReactNode;
|
|
15
|
-
footer: ReactNode;
|
|
16
|
-
close: ReactNode;
|
|
17
|
-
footerDirection: DialogFooterDirection;
|
|
18
|
-
onClick: (event: MouseEvent) => void;
|
|
19
|
-
}
|
|
20
|
-
export interface DialogWrapProps extends WebOverlayProps, Omit<ContentProps, 'onClick'> {
|
|
21
|
-
visible: boolean;
|
|
22
|
-
overlay: boolean;
|
|
23
|
-
overlayStyle: CSSProperties;
|
|
24
|
-
overlayClassName: string;
|
|
25
|
-
onCancel: () => void;
|
|
26
|
-
onClose: () => void;
|
|
27
|
-
onOverlayClick: (e: MouseEvent) => boolean | void;
|
|
28
|
-
}
|
|
29
|
-
export interface DialogBasicProps extends DialogWrapProps {
|
|
30
|
-
content?: ReactNode;
|
|
31
|
-
confirmText?: ReactNode;
|
|
32
|
-
cancelText?: ReactNode;
|
|
33
|
-
hideConfirmButton?: boolean;
|
|
34
|
-
hideCancelButton?: boolean;
|
|
35
|
-
disableConfirmButton?: boolean;
|
|
36
|
-
closeIconPosition?: DialogCloseIconPosition;
|
|
37
|
-
closeIcon?: boolean | ReactNode;
|
|
38
|
-
beforeClose?: () => boolean;
|
|
39
|
-
beforeCancel?: () => boolean;
|
|
40
|
-
onConfirm?: (e?: MouseEvent<HTMLButtonElement>) => PromiseLike<any> | void;
|
|
41
|
-
}
|
|
42
|
-
export interface DialogConfirmProps extends DialogBasicProps {
|
|
43
|
-
content: ReactNode;
|
|
44
|
-
isNotice: boolean;
|
|
45
|
-
noticeType: string;
|
|
46
|
-
}
|
|
47
|
-
export type DialogReturnProps = {
|
|
48
|
-
update: (newConfig: Partial<DialogConfirmProps>) => void;
|
|
49
|
-
close: () => void;
|
|
50
|
-
};
|
|
51
|
-
export interface DialogComponent extends ForwardRefExoticComponent<PropsWithChildren<Partial<DialogBasicProps>>> {
|
|
52
|
-
confirm: (props: Partial<DialogConfirmProps>) => DialogReturnProps;
|
|
53
|
-
alert: (props: Partial<DialogConfirmProps>) => DialogReturnProps;
|
|
54
|
-
config: (config: DialogConfigType) => void;
|
|
55
|
-
destroyAll: () => void;
|
|
56
|
-
}
|
|
57
|
-
export declare const destroyList: Array<() => void>;
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
export { };
|
|
@@ -1,10 +0,0 @@
|
|
|
1
|
-
import { ITouchEvent } from '@tarojs/components';
|
|
2
|
-
import { ContentProps as ContentWebProps, DialogBasicProps as DialogBasicWebProps } from './types';
|
|
3
|
-
export type { DialogConfigType, DialogCloseIconPosition, DialogFooterDirection, DialogWrapProps, DialogConfirmProps, DialogReturnProps, } from './types';
|
|
4
|
-
export type ContentProps = Omit<ContentWebProps, 'onClick'> & {
|
|
5
|
-
onClick: (event: ITouchEvent) => void;
|
|
6
|
-
};
|
|
7
|
-
export type DialogBasicProps = Omit<DialogBasicWebProps, 'onOverlayClick' | 'onClick'> & {
|
|
8
|
-
onClick: (event: ITouchEvent) => void;
|
|
9
|
-
onOverlayClick: (event: ITouchEvent) => boolean | void;
|
|
10
|
-
};
|