@nutui/nutui-react 1.1.3-beta.1 → 1.1.4-beta.0
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 +8 -0
- package/dist/esm/Address.js +22 -28
- package/dist/esm/Badge.js +0 -2
- package/dist/esm/Calendar.js +6 -2
- package/dist/esm/CalendarItem.js +14 -13
- package/dist/esm/CheckboxGroup.js +1 -1
- package/dist/esm/Collapse.js +2 -2
- package/dist/esm/ConfigProvider/style/index.js +2 -0
- package/dist/esm/ConfigProvider.js +146 -0
- package/dist/esm/CountDown/style/index.js +2 -0
- package/dist/esm/CountDown.js +221 -0
- package/dist/esm/Dialog.js +25 -13
- package/dist/esm/FixedNav.js +5 -1
- package/dist/esm/Infiniteloading.js +7 -3
- package/dist/esm/Input.js +5 -1
- package/dist/esm/NoticeBar.js +1 -1
- package/dist/esm/Pagination.js +6 -2
- package/dist/esm/Picker.js +6 -2
- package/dist/esm/Range.js +5 -1
- package/dist/esm/ShortPassword.js +9 -5
- package/dist/esm/Signature.js +7 -3
- package/dist/esm/TextArea.js +5 -1
- package/dist/esm/Toast.js +4 -10
- package/dist/esm/nutui-react.es.js +2 -0
- package/dist/locales/base.d.ts +91 -0
- package/dist/locales/base.js +5 -0
- package/dist/locales/en-US.d.ts +3 -0
- package/dist/locales/en-US.js +95 -0
- package/dist/locales/zh-CN.d.ts +3 -0
- package/dist/locales/zh-CN.js +97 -0
- package/dist/locales/zh-TW.d.ts +3 -0
- package/dist/locales/zh-TW.js +95 -0
- package/dist/nutui.react.es.js +549 -219
- package/dist/nutui.react.umd.js +22 -22
- package/dist/packages/configprovider/configprovider.scss +2 -0
- package/dist/packages/countdown/countdown.scss +3 -0
- package/dist/style.css +1 -1
- package/dist/style.es.js +1 -1
- package/dist/styles/themes/default.scss +2 -0
- package/dist/styles/variables-jdw.scss +376 -0
- package/dist/types/button/__test__/button.spec.d.ts +1 -0
- package/dist/types/configprovider/configprovider.d.ts +12 -0
- package/dist/types/configprovider/index.d.ts +3 -0
- package/dist/types/countdown/countdown.d.ts +15 -0
- package/dist/types/countdown/index.d.ts +2 -0
- package/dist/types/dialog/DialogWrap.d.ts +2 -2
- package/dist/types/dialog/DialogWrapper.d.ts +3 -0
- package/dist/types/dialog/config.d.ts +1 -1
- package/dist/types/nutui.react.d.ts +3 -1
- package/dist/types/toast/Notification.d.ts +1 -7
- package/package.json +15 -4
package/dist/nutui.react.es.js
CHANGED
|
@@ -34,8 +34,8 @@ var __publicField = (obj, key, value) => {
|
|
|
34
34
|
return value;
|
|
35
35
|
};
|
|
36
36
|
/*!
|
|
37
|
-
* @nutui/nutui-react v1.1.
|
|
38
|
-
* (c)
|
|
37
|
+
* @nutui/nutui-react v1.1.4-beta.0 Tue May 10 2022 10:33:01 GMT+0800 (China Standard Time)
|
|
38
|
+
* (c) 2022 @jdf2e.
|
|
39
39
|
* Released under the MIT License.
|
|
40
40
|
*/
|
|
41
41
|
import * as React from "react";
|
|
@@ -80,7 +80,7 @@ classname_production_min.cn = e$1, classname_production_min.withNaming = r$1;
|
|
|
80
80
|
classname.exports = classname_production_min;
|
|
81
81
|
}
|
|
82
82
|
const cn = classname.exports.withNaming({ n: "nut-", e: "__", m: "--", v: "-" });
|
|
83
|
-
const defaultProps$
|
|
83
|
+
const defaultProps$Y = {
|
|
84
84
|
name: "",
|
|
85
85
|
size: "",
|
|
86
86
|
classPrefix: "nutui-iconfont",
|
|
@@ -94,7 +94,7 @@ function pxCheck$2(value) {
|
|
|
94
94
|
return Number.isNaN(Number(value)) ? String(value) : `${value}px`;
|
|
95
95
|
}
|
|
96
96
|
const Icon = (props) => {
|
|
97
|
-
const _a = __spreadValues(__spreadValues({}, defaultProps$
|
|
97
|
+
const _a = __spreadValues(__spreadValues({}, defaultProps$Y), props), { name, size, classPrefix, color, tag, children, className, style, click } = _a, rest = __objRest(_a, ["name", "size", "classPrefix", "color", "tag", "children", "className", "style", "click"]);
|
|
98
98
|
const isImage = name ? name.indexOf("/") !== -1 : false;
|
|
99
99
|
const type = isImage ? "img" : tag;
|
|
100
100
|
const b2 = cn("icon");
|
|
@@ -120,9 +120,9 @@ const Icon = (props) => {
|
|
|
120
120
|
onClick: handleClick
|
|
121
121
|
}), hasSrc()), children);
|
|
122
122
|
};
|
|
123
|
-
Icon.defaultProps = defaultProps$
|
|
123
|
+
Icon.defaultProps = defaultProps$Y;
|
|
124
124
|
Icon.displayName = "NutIcon";
|
|
125
|
-
const defaultProps$
|
|
125
|
+
const defaultProps$X = {
|
|
126
126
|
className: "",
|
|
127
127
|
color: "",
|
|
128
128
|
shape: "round",
|
|
@@ -139,7 +139,7 @@ const defaultProps$V = {
|
|
|
139
139
|
}
|
|
140
140
|
};
|
|
141
141
|
const Button = (props) => {
|
|
142
|
-
const _a = __spreadValues(__spreadValues({}, defaultProps$
|
|
142
|
+
const _a = __spreadValues(__spreadValues({}, defaultProps$X), props), {
|
|
143
143
|
color,
|
|
144
144
|
shape,
|
|
145
145
|
plain,
|
|
@@ -233,7 +233,7 @@ const Button = (props) => {
|
|
|
233
233
|
name: icon
|
|
234
234
|
}) : "", children));
|
|
235
235
|
};
|
|
236
|
-
Button.defaultProps = defaultProps$
|
|
236
|
+
Button.defaultProps = defaultProps$X;
|
|
237
237
|
Button.displayName = "NutButton";
|
|
238
238
|
function _setPrototypeOf(o, p2) {
|
|
239
239
|
_setPrototypeOf = Object.setPrototypeOf || function _setPrototypeOf2(o2, p3) {
|
|
@@ -1442,7 +1442,7 @@ var useContext = React__default.useContext;
|
|
|
1442
1442
|
function useHistory() {
|
|
1443
1443
|
return useContext(historyContext);
|
|
1444
1444
|
}
|
|
1445
|
-
const defaultProps$
|
|
1445
|
+
const defaultProps$W = {
|
|
1446
1446
|
title: "",
|
|
1447
1447
|
subTitle: "",
|
|
1448
1448
|
desc: "",
|
|
@@ -1458,7 +1458,7 @@ const defaultProps$U = {
|
|
|
1458
1458
|
}
|
|
1459
1459
|
};
|
|
1460
1460
|
const Cell = (props) => {
|
|
1461
|
-
const _a = __spreadValues(__spreadValues({}, defaultProps$
|
|
1461
|
+
const _a = __spreadValues(__spreadValues({}, defaultProps$W), props), {
|
|
1462
1462
|
children,
|
|
1463
1463
|
click,
|
|
1464
1464
|
isLink,
|
|
@@ -1521,11 +1521,11 @@ const Cell = (props) => {
|
|
|
1521
1521
|
className: b2("link")
|
|
1522
1522
|
}) : null);
|
|
1523
1523
|
};
|
|
1524
|
-
Cell.defaultProps = defaultProps$
|
|
1524
|
+
Cell.defaultProps = defaultProps$W;
|
|
1525
1525
|
Cell.displayName = "NutCell";
|
|
1526
|
-
const defaultProps$
|
|
1526
|
+
const defaultProps$V = { title: "", classPrefix: "nutui-cell-group" };
|
|
1527
1527
|
const CellGroup = (props) => {
|
|
1528
|
-
const { children, classPrefix, title } = __spreadValues(__spreadValues({}, defaultProps$
|
|
1528
|
+
const { children, classPrefix, title } = __spreadValues(__spreadValues({}, defaultProps$V), props);
|
|
1529
1529
|
const b2 = cn("cell-group");
|
|
1530
1530
|
return /* @__PURE__ */ React__default.createElement("div", {
|
|
1531
1531
|
className: b2(null, [classPrefix])
|
|
@@ -1535,7 +1535,7 @@ const CellGroup = (props) => {
|
|
|
1535
1535
|
className: b2("wrap")
|
|
1536
1536
|
}, children));
|
|
1537
1537
|
};
|
|
1538
|
-
CellGroup.defaultProps = defaultProps$
|
|
1538
|
+
CellGroup.defaultProps = defaultProps$V;
|
|
1539
1539
|
CellGroup.displayName = "NutCellGroup";
|
|
1540
1540
|
var classnames = { exports: {} };
|
|
1541
1541
|
/*!
|
|
@@ -2079,7 +2079,7 @@ CSSTransition.defaultProps = {
|
|
|
2079
2079
|
};
|
|
2080
2080
|
CSSTransition.propTypes = {};
|
|
2081
2081
|
var CSSTransition$1 = CSSTransition;
|
|
2082
|
-
const defaultProps$
|
|
2082
|
+
const defaultProps$U = __spreadValues({
|
|
2083
2083
|
position: "center",
|
|
2084
2084
|
transition: "",
|
|
2085
2085
|
style: {},
|
|
@@ -2228,25 +2228,25 @@ const Popup = (props) => {
|
|
|
2228
2228
|
size: "12px"
|
|
2229
2229
|
})) : "")));
|
|
2230
2230
|
};
|
|
2231
|
-
Popup.defaultProps = defaultProps$
|
|
2231
|
+
Popup.defaultProps = defaultProps$U;
|
|
2232
2232
|
Popup.displayName = "NutPopup";
|
|
2233
|
-
const defaultProps$
|
|
2233
|
+
const defaultProps$T = {};
|
|
2234
2234
|
const Layout = (props) => {
|
|
2235
|
-
__spreadValues(__spreadValues({}, defaultProps$
|
|
2235
|
+
__spreadValues(__spreadValues({}, defaultProps$T), props);
|
|
2236
2236
|
return /* @__PURE__ */ React__default.createElement("div", {
|
|
2237
2237
|
className: "nut-layout"
|
|
2238
2238
|
}, "Layout");
|
|
2239
2239
|
};
|
|
2240
|
-
Layout.defaultProps = defaultProps$
|
|
2240
|
+
Layout.defaultProps = defaultProps$T;
|
|
2241
2241
|
Layout.displayName = "NutLayout";
|
|
2242
2242
|
const DataContext$2 = createContext({});
|
|
2243
|
-
const defaultProps$
|
|
2243
|
+
const defaultProps$S = {
|
|
2244
2244
|
span: "24",
|
|
2245
2245
|
offset: "0",
|
|
2246
2246
|
gutter: "0"
|
|
2247
2247
|
};
|
|
2248
2248
|
const Col = (props) => {
|
|
2249
|
-
const { span, offset, children } = __spreadValues(__spreadValues({}, defaultProps$
|
|
2249
|
+
const { span, offset, children } = __spreadValues(__spreadValues({}, defaultProps$S), props);
|
|
2250
2250
|
const [colName, setColName] = useState("");
|
|
2251
2251
|
const [colStyle, setColStyle] = useState({});
|
|
2252
2252
|
const { gutter } = useContext$1(DataContext$2);
|
|
@@ -2269,9 +2269,9 @@ const Col = (props) => {
|
|
|
2269
2269
|
style: __spreadValues({}, colStyle)
|
|
2270
2270
|
}, children);
|
|
2271
2271
|
};
|
|
2272
|
-
Col.defaultProps = defaultProps$
|
|
2272
|
+
Col.defaultProps = defaultProps$S;
|
|
2273
2273
|
Col.displayName = "NutCol";
|
|
2274
|
-
const defaultProps$
|
|
2274
|
+
const defaultProps$R = {
|
|
2275
2275
|
type: "",
|
|
2276
2276
|
justify: "start",
|
|
2277
2277
|
align: "flex-start",
|
|
@@ -2279,7 +2279,7 @@ const defaultProps$P = {
|
|
|
2279
2279
|
gutter: "0"
|
|
2280
2280
|
};
|
|
2281
2281
|
const Row = (props) => {
|
|
2282
|
-
const { children, type, justify, align, wrap, gutter } = __spreadValues(__spreadValues({}, defaultProps$
|
|
2282
|
+
const { children, type, justify, align, wrap, gutter } = __spreadValues(__spreadValues({}, defaultProps$R), props);
|
|
2283
2283
|
const prefixCls = "nut-row";
|
|
2284
2284
|
const getClass = (prefix2, type2) => {
|
|
2285
2285
|
return prefix2 ? type2 ? `nut-row-${prefix2}-${type2}` : "" : `nut-row-${type2}`;
|
|
@@ -2302,15 +2302,15 @@ const Row = (props) => {
|
|
|
2302
2302
|
className: getClasses()
|
|
2303
2303
|
}, children));
|
|
2304
2304
|
};
|
|
2305
|
-
Row.defaultProps = defaultProps$
|
|
2305
|
+
Row.defaultProps = defaultProps$R;
|
|
2306
2306
|
Row.displayName = "NutRow";
|
|
2307
|
-
const defaultProps$
|
|
2307
|
+
const defaultProps$Q = {
|
|
2308
2308
|
contentPosition: "center",
|
|
2309
2309
|
dashed: false,
|
|
2310
2310
|
hairline: true
|
|
2311
2311
|
};
|
|
2312
2312
|
const Divider = (props) => {
|
|
2313
|
-
const { children, contentPosition, dashed, hairline, styles, className } = __spreadValues(__spreadValues({}, defaultProps$
|
|
2313
|
+
const { children, contentPosition, dashed, hairline, styles, className } = __spreadValues(__spreadValues({}, defaultProps$Q), props);
|
|
2314
2314
|
const dividerBem = cn("divider");
|
|
2315
2315
|
const classes = classNames({
|
|
2316
2316
|
[dividerBem()]: true,
|
|
@@ -2325,9 +2325,9 @@ const Divider = (props) => {
|
|
|
2325
2325
|
style: styles
|
|
2326
2326
|
}, children);
|
|
2327
2327
|
};
|
|
2328
|
-
Divider.defaultProps = defaultProps$
|
|
2328
|
+
Divider.defaultProps = defaultProps$Q;
|
|
2329
2329
|
Divider.displayName = "NutDivider";
|
|
2330
|
-
const defaultProps$
|
|
2330
|
+
const defaultProps$P = {
|
|
2331
2331
|
title: "",
|
|
2332
2332
|
desc: "",
|
|
2333
2333
|
leftShow: false,
|
|
@@ -2348,7 +2348,7 @@ const NavBar = (props) => {
|
|
|
2348
2348
|
onClickIcon,
|
|
2349
2349
|
onClickBack,
|
|
2350
2350
|
onClickClear
|
|
2351
|
-
} = __spreadValues(__spreadValues({}, defaultProps$
|
|
2351
|
+
} = __spreadValues(__spreadValues({}, defaultProps$P), props);
|
|
2352
2352
|
const b2 = cn("navbar");
|
|
2353
2353
|
return /* @__PURE__ */ React__default.createElement("div", {
|
|
2354
2354
|
className: `nut-navbar ${className}`,
|
|
@@ -2371,9 +2371,125 @@ const NavBar = (props) => {
|
|
|
2371
2371
|
name: icon
|
|
2372
2372
|
})));
|
|
2373
2373
|
};
|
|
2374
|
-
NavBar.defaultProps = defaultProps$
|
|
2374
|
+
NavBar.defaultProps = defaultProps$P;
|
|
2375
2375
|
NavBar.displayName = "NutNavBar";
|
|
2376
|
-
const
|
|
2376
|
+
const zhCN = {
|
|
2377
|
+
save: "\u4FDD\u5B58",
|
|
2378
|
+
confirm: "\u786E\u8BA4",
|
|
2379
|
+
cancel: "\u53D6\u6D88",
|
|
2380
|
+
done: "\u5B8C\u6210",
|
|
2381
|
+
noData: "\u6682\u65E0\u6570\u636E",
|
|
2382
|
+
placeholder: "\u8BF7\u8F93\u5165\u5185\u5BB9",
|
|
2383
|
+
select: "\u8BF7\u9009\u62E9",
|
|
2384
|
+
video: {
|
|
2385
|
+
errorTip: "\u89C6\u9891\u52A0\u8F7D\u5931\u8D25",
|
|
2386
|
+
clickRetry: "\u70B9\u51FB\u91CD\u8BD5"
|
|
2387
|
+
},
|
|
2388
|
+
fixednav: {
|
|
2389
|
+
activeText: "\u6536\u8D77\u5BFC\u822A",
|
|
2390
|
+
unActiveText: "\u5FEB\u901F\u5BFC\u822A"
|
|
2391
|
+
},
|
|
2392
|
+
infiniteloading: {
|
|
2393
|
+
pullRefreshText: "\u677E\u5F00\u5237\u65B0",
|
|
2394
|
+
loadText: "\u52A0\u8F7D\u4E2D\u2026\u2026",
|
|
2395
|
+
loadMoreText: "\u54CE\u5440\uFF0C\u8FD9\u91CC\u662F\u5E95\u90E8\u4E86\u5566"
|
|
2396
|
+
},
|
|
2397
|
+
pagination: {
|
|
2398
|
+
prev: "\u4E0A\u4E00\u9875",
|
|
2399
|
+
next: "\u4E0B\u4E00\u9875"
|
|
2400
|
+
},
|
|
2401
|
+
range: {
|
|
2402
|
+
rangeText: "\u4E0D\u5728\u8BE5\u533A\u95F4\u5185"
|
|
2403
|
+
},
|
|
2404
|
+
calendaritem: {
|
|
2405
|
+
weekdays: ["\u65E5", "\u4E00", "\u4E8C", "\u4E09", "\u56DB", "\u4E94", "\u516D"],
|
|
2406
|
+
end: "\u7ED3\u675F",
|
|
2407
|
+
start: "\u5F00\u59CB",
|
|
2408
|
+
title: "\u65E5\u5386\u9009\u62E9",
|
|
2409
|
+
monthTitle: (year, month) => `${year}\u5E74${month}\u6708`,
|
|
2410
|
+
today: "\u4ECA\u5929",
|
|
2411
|
+
loadPreviousMonth: "\u52A0\u8F7D\u4E0A\u4E00\u4E2A\u6708",
|
|
2412
|
+
noEarlierMonth: "\u6CA1\u6709\u66F4\u65E9\u6708\u4EFD"
|
|
2413
|
+
},
|
|
2414
|
+
shortpassword: {
|
|
2415
|
+
title: "\u8BF7\u8F93\u5165\u5BC6\u7801",
|
|
2416
|
+
desc: "\u60A8\u4F7F\u7528\u4E86\u865A\u62DF\u8D44\u4EA7\uFF0C\u8BF7\u8FDB\u884C\u9A8C\u8BC1",
|
|
2417
|
+
tips: "\u5FD8\u8BB0\u5BC6\u7801"
|
|
2418
|
+
},
|
|
2419
|
+
uploader: {
|
|
2420
|
+
ready: "\u51C6\u5907\u5B8C\u6210",
|
|
2421
|
+
readyUpload: "\u51C6\u5907\u4E0A\u4F20",
|
|
2422
|
+
waitingUpload: "\u7B49\u5F85\u4E0A\u4F20",
|
|
2423
|
+
uploading: "\u4E0A\u4F20\u4E2D",
|
|
2424
|
+
success: "\u4E0A\u4F20\u6210\u529F",
|
|
2425
|
+
error: "\u4E0A\u4F20\u5931\u8D25"
|
|
2426
|
+
},
|
|
2427
|
+
countdown: {
|
|
2428
|
+
day: "\u5929",
|
|
2429
|
+
hour: "\u65F6",
|
|
2430
|
+
minute: "\u5206",
|
|
2431
|
+
second: "\u79D2"
|
|
2432
|
+
},
|
|
2433
|
+
address: {
|
|
2434
|
+
selectRegion: "\u8BF7\u9009\u62E9\u6240\u5728\u5730\u533A",
|
|
2435
|
+
deliveryTo: "\u914D\u9001\u81F3",
|
|
2436
|
+
chooseAnotherAddress: "\u9009\u62E9\u5176\u4ED6\u5730\u5740"
|
|
2437
|
+
},
|
|
2438
|
+
signature: {
|
|
2439
|
+
reSign: "\u91CD\u7B7E",
|
|
2440
|
+
unSupportTpl: "\u5BF9\u4E0D\u8D77\uFF0C\u5F53\u524D\u6D4F\u89C8\u5668\u4E0D\u652F\u6301Canvas\uFF0C\u65E0\u6CD5\u4F7F\u7528\u672C\u63A7\u4EF6\uFF01"
|
|
2441
|
+
},
|
|
2442
|
+
ecard: {
|
|
2443
|
+
chooseText: "\u8BF7\u9009\u62E9\u7535\u5B50\u5361\u9762\u503C",
|
|
2444
|
+
otherValueText: "\u5176\u4ED6\u9762\u503C",
|
|
2445
|
+
placeholder: "\u8BF7\u8F93\u51651-5000\u6574\u6570"
|
|
2446
|
+
},
|
|
2447
|
+
timeselect: {
|
|
2448
|
+
pickupTime: "\u53D6\u4EF6\u65F6\u95F4"
|
|
2449
|
+
},
|
|
2450
|
+
sku: {
|
|
2451
|
+
buyNow: "\u7ACB\u5373\u8D2D\u4E70",
|
|
2452
|
+
buyNumber: "\u8D2D\u4E70\u6570\u91CF",
|
|
2453
|
+
addToCard: "\u52A0\u5165\u8D2D\u7269\u8F66"
|
|
2454
|
+
},
|
|
2455
|
+
skuheader: {
|
|
2456
|
+
skuId: "\u5546\u54C1\u7F16\u53F7"
|
|
2457
|
+
},
|
|
2458
|
+
addresslist: {
|
|
2459
|
+
addAddress: "\u65B0\u5EFA\u5730\u5740"
|
|
2460
|
+
},
|
|
2461
|
+
comment: {
|
|
2462
|
+
complaintsText: "\u6211\u8981\u6295\u8BC9",
|
|
2463
|
+
additionalReview: (day) => `\u8D2D\u4E70${day}\u5929\u540E\u8FFD\u8BC4`,
|
|
2464
|
+
additionalImages: (length) => `${length}\u5F20\u8FFD\u8BC4\u56FE\u7247`
|
|
2465
|
+
}
|
|
2466
|
+
};
|
|
2467
|
+
const defaultProps$O = {
|
|
2468
|
+
locale: zhCN
|
|
2469
|
+
};
|
|
2470
|
+
const defaultConfigRef = {
|
|
2471
|
+
current: {
|
|
2472
|
+
locale: zhCN
|
|
2473
|
+
}
|
|
2474
|
+
};
|
|
2475
|
+
const getDefaultConfig = () => {
|
|
2476
|
+
return defaultConfigRef.current;
|
|
2477
|
+
};
|
|
2478
|
+
const useConfig = () => {
|
|
2479
|
+
var _a;
|
|
2480
|
+
return (_a = useContext$1(ConfigContext)) != null ? _a : getDefaultConfig();
|
|
2481
|
+
};
|
|
2482
|
+
const ConfigContext = createContext(null);
|
|
2483
|
+
const ConfigProvider = (props) => {
|
|
2484
|
+
const _a = __spreadValues(__spreadValues({}, defaultProps$O), props), { children } = _a, config2 = __objRest(_a, ["children"]);
|
|
2485
|
+
const parentConfig = useConfig();
|
|
2486
|
+
return /* @__PURE__ */ React__default.createElement(ConfigContext.Provider, {
|
|
2487
|
+
value: __spreadValues(__spreadValues({}, parentConfig), config2)
|
|
2488
|
+
}, children);
|
|
2489
|
+
};
|
|
2490
|
+
ConfigProvider.defaultProps = defaultProps$O;
|
|
2491
|
+
ConfigProvider.displayName = "NutConfigProvider";
|
|
2492
|
+
const defaultProps$N = {
|
|
2377
2493
|
fixednavClass: "nut-fixednav",
|
|
2378
2494
|
activeText: "\u6536\u8D77\u5BFC\u822A",
|
|
2379
2495
|
unActiveText: "\u5FEB\u901F\u5BFC\u822A",
|
|
@@ -2384,7 +2500,8 @@ const defaultProps$M = {
|
|
|
2384
2500
|
}
|
|
2385
2501
|
};
|
|
2386
2502
|
const FixedNav = (props) => {
|
|
2387
|
-
const
|
|
2503
|
+
const { locale } = useConfig();
|
|
2504
|
+
const _a = __spreadValues(__spreadValues({}, defaultProps$N), props), {
|
|
2388
2505
|
fixednavClass,
|
|
2389
2506
|
overlay,
|
|
2390
2507
|
visible,
|
|
@@ -2452,11 +2569,11 @@ const FixedNav = (props) => {
|
|
|
2452
2569
|
color: "#fff"
|
|
2453
2570
|
}), /* @__PURE__ */ React__default.createElement("div", {
|
|
2454
2571
|
className: "text"
|
|
2455
|
-
}, visible ? activeText : unActiveText))));
|
|
2572
|
+
}, visible ? locale.fixednav.activeText || activeText : locale.fixednav.unActiveText || unActiveText))));
|
|
2456
2573
|
};
|
|
2457
|
-
FixedNav.defaultProps = defaultProps$
|
|
2574
|
+
FixedNav.defaultProps = defaultProps$N;
|
|
2458
2575
|
FixedNav.displayName = "NutFixedNav";
|
|
2459
|
-
const defaultProps$
|
|
2576
|
+
const defaultProps$M = {
|
|
2460
2577
|
visible: 0,
|
|
2461
2578
|
bottom: false,
|
|
2462
2579
|
type: "",
|
|
@@ -2469,7 +2586,7 @@ const defaultProps$L = {
|
|
|
2469
2586
|
}
|
|
2470
2587
|
};
|
|
2471
2588
|
const Tabbar = (props) => {
|
|
2472
|
-
const { children, visible, bottom, activeColor, unactiveColor, className, style, tabSwitch } = __spreadValues(__spreadValues({}, defaultProps$
|
|
2589
|
+
const { children, visible, bottom, activeColor, unactiveColor, className, style, tabSwitch } = __spreadValues(__spreadValues({}, defaultProps$M), props);
|
|
2473
2590
|
const b2 = cn("tabbar");
|
|
2474
2591
|
const [selectIndex, setSelectIndex] = useState(visible);
|
|
2475
2592
|
const handleClick = (idx) => {
|
|
@@ -2495,9 +2612,9 @@ const Tabbar = (props) => {
|
|
|
2495
2612
|
return React__default.cloneElement(child, childProps);
|
|
2496
2613
|
}));
|
|
2497
2614
|
};
|
|
2498
|
-
Tabbar.defaultProps = defaultProps$
|
|
2615
|
+
Tabbar.defaultProps = defaultProps$M;
|
|
2499
2616
|
Tabbar.displayName = "NutTabbar";
|
|
2500
|
-
const defaultProps$
|
|
2617
|
+
const defaultProps$L = {
|
|
2501
2618
|
tabTitle: "",
|
|
2502
2619
|
icon: "",
|
|
2503
2620
|
href: "",
|
|
@@ -2510,7 +2627,7 @@ const defaultProps$K = {
|
|
|
2510
2627
|
}
|
|
2511
2628
|
};
|
|
2512
2629
|
const TabbarItem = (props) => {
|
|
2513
|
-
const { tabTitle, icon, href, num, active, activeColor, unactiveColor, index: index2, handleClick } = __spreadValues(__spreadValues({}, defaultProps$
|
|
2630
|
+
const { tabTitle, icon, href, num, active, activeColor, unactiveColor, index: index2, handleClick } = __spreadValues(__spreadValues({}, defaultProps$L), props);
|
|
2514
2631
|
const b2 = cn("tabbar-item");
|
|
2515
2632
|
const bIcon = cn("tabbar-item__icon-box");
|
|
2516
2633
|
useEffect(() => {
|
|
@@ -2539,14 +2656,14 @@ const TabbarItem = (props) => {
|
|
|
2539
2656
|
className: bIcon({ "nav-word": true }, [bIcon({ "big-word": !icon })])
|
|
2540
2657
|
}, tabTitle)));
|
|
2541
2658
|
};
|
|
2542
|
-
const defaultProps$
|
|
2659
|
+
const defaultProps$K = {
|
|
2543
2660
|
height: "200px",
|
|
2544
2661
|
acceptKey: "title",
|
|
2545
2662
|
indexList: [],
|
|
2546
2663
|
className: ""
|
|
2547
2664
|
};
|
|
2548
2665
|
const Elevator = (props) => {
|
|
2549
|
-
const _a = __spreadValues(__spreadValues({}, defaultProps$
|
|
2666
|
+
const _a = __spreadValues(__spreadValues({}, defaultProps$K), props), { height, acceptKey, indexList, className, clickItem, clickIndex } = _a, rest = __objRest(_a, ["height", "acceptKey", "indexList", "className", "clickItem", "clickIndex"]);
|
|
2550
2667
|
const b2 = cn("elevator");
|
|
2551
2668
|
const spaceHeight = 23;
|
|
2552
2669
|
const listview = useRef(null);
|
|
@@ -2680,9 +2797,9 @@ const Elevator = (props) => {
|
|
|
2680
2797
|
}, item[acceptKey]);
|
|
2681
2798
|
}))));
|
|
2682
2799
|
};
|
|
2683
|
-
Elevator.defaultProps = defaultProps$
|
|
2800
|
+
Elevator.defaultProps = defaultProps$K;
|
|
2684
2801
|
Elevator.displayName = "NutElevator";
|
|
2685
|
-
const defaultProps$
|
|
2802
|
+
const defaultProps$J = {
|
|
2686
2803
|
defaultValue: 1,
|
|
2687
2804
|
mode: "multi",
|
|
2688
2805
|
prevText: "\u4E0A\u4E00\u9875",
|
|
@@ -2698,7 +2815,8 @@ const defaultProps$I = {
|
|
|
2698
2815
|
}
|
|
2699
2816
|
};
|
|
2700
2817
|
const Pagination = (props) => {
|
|
2701
|
-
|
|
2818
|
+
const { locale } = useConfig();
|
|
2819
|
+
__spreadValues(__spreadValues({}, defaultProps$J), props);
|
|
2702
2820
|
const _a = props, {
|
|
2703
2821
|
modelValue,
|
|
2704
2822
|
mode,
|
|
@@ -2811,7 +2929,7 @@ const Pagination = (props) => {
|
|
|
2811
2929
|
}, rest), /* @__PURE__ */ React__default.createElement("div", {
|
|
2812
2930
|
className: `${paginationBem("prev")} ${mode == "multi" ? "" : "simple-border"} ${currentPage == 1 ? "disabled" : ""}`,
|
|
2813
2931
|
onClick: (e2) => selectPage(Number(currentPage) - 1, true)
|
|
2814
|
-
}, prevText), mode == "multi" ? /* @__PURE__ */ React__default.createElement("div", {
|
|
2932
|
+
}, locale.pagination.prev || prevText), mode == "multi" ? /* @__PURE__ */ React__default.createElement("div", {
|
|
2815
2933
|
className: `${paginationBem("contain")}`
|
|
2816
2934
|
}, pages.map((item, index2) => {
|
|
2817
2935
|
return /* @__PURE__ */ React__default.createElement("div", {
|
|
@@ -2826,9 +2944,9 @@ const Pagination = (props) => {
|
|
|
2826
2944
|
}, currentPage, "/", countRef)) : "", /* @__PURE__ */ React__default.createElement("div", {
|
|
2827
2945
|
className: `${paginationBem("next")} ${Number(currentPage) >= countRef ? "disabled" : ""}`,
|
|
2828
2946
|
onClick: (e2) => selectPage(Number(currentPage) + 1, true)
|
|
2829
|
-
}, nextText));
|
|
2947
|
+
}, locale.pagination.next || nextText));
|
|
2830
2948
|
};
|
|
2831
|
-
Pagination.defaultProps = defaultProps$
|
|
2949
|
+
Pagination.defaultProps = defaultProps$J;
|
|
2832
2950
|
Pagination.displayName = "NutPagination";
|
|
2833
2951
|
class Title {
|
|
2834
2952
|
constructor() {
|
|
@@ -2838,7 +2956,7 @@ class Title {
|
|
|
2838
2956
|
__publicField(this, "index", 0);
|
|
2839
2957
|
}
|
|
2840
2958
|
}
|
|
2841
|
-
const defaultProps$
|
|
2959
|
+
const defaultProps$I = {
|
|
2842
2960
|
value: 0,
|
|
2843
2961
|
color: "",
|
|
2844
2962
|
background: "",
|
|
@@ -2854,7 +2972,7 @@ const pxCheck$1 = (value) => {
|
|
|
2854
2972
|
return Number.isNaN(Number(value)) ? String(value) : `${value}px`;
|
|
2855
2973
|
};
|
|
2856
2974
|
const Tabs = (props) => {
|
|
2857
|
-
const _a = __spreadValues(__spreadValues({}, defaultProps$
|
|
2975
|
+
const _a = __spreadValues(__spreadValues({}, defaultProps$I), props), {
|
|
2858
2976
|
value,
|
|
2859
2977
|
color,
|
|
2860
2978
|
background,
|
|
@@ -2975,16 +3093,16 @@ const Tabs = (props) => {
|
|
|
2975
3093
|
return React__default.cloneElement(child, childProps);
|
|
2976
3094
|
})));
|
|
2977
3095
|
};
|
|
2978
|
-
Tabs.defaultProps = defaultProps$
|
|
3096
|
+
Tabs.defaultProps = defaultProps$I;
|
|
2979
3097
|
Tabs.displayName = "NutTabs";
|
|
2980
|
-
const defaultProps$
|
|
3098
|
+
const defaultProps$H = {
|
|
2981
3099
|
title: "",
|
|
2982
3100
|
paneKey: "",
|
|
2983
3101
|
activeKey: "",
|
|
2984
3102
|
disabled: false
|
|
2985
3103
|
};
|
|
2986
3104
|
const TabPane = (props) => {
|
|
2987
|
-
const { children, paneKey, activeKey } = __spreadValues(__spreadValues({}, defaultProps$
|
|
3105
|
+
const { children, paneKey, activeKey } = __spreadValues(__spreadValues({}, defaultProps$H), props);
|
|
2988
3106
|
const b2 = cn("tabpane");
|
|
2989
3107
|
const classes = classNames({
|
|
2990
3108
|
active: paneKey === activeKey
|
|
@@ -3090,14 +3208,8 @@ class Notification$1 extends React.PureComponent {
|
|
|
3090
3208
|
this.clearCloseTimer = this.clearCloseTimer.bind(this);
|
|
3091
3209
|
this.close = this.close.bind(this);
|
|
3092
3210
|
this.clickCover = this.clickCover.bind(this);
|
|
3093
|
-
this.state = {
|
|
3094
|
-
show: true
|
|
3095
|
-
};
|
|
3096
3211
|
}
|
|
3097
3212
|
close() {
|
|
3098
|
-
this.setState({
|
|
3099
|
-
show: false
|
|
3100
|
-
});
|
|
3101
3213
|
this.clearCloseTimer();
|
|
3102
3214
|
this.props.onClose();
|
|
3103
3215
|
}
|
|
@@ -3142,7 +3254,6 @@ class Notification$1 extends React.PureComponent {
|
|
|
3142
3254
|
cover,
|
|
3143
3255
|
type
|
|
3144
3256
|
} = this.props;
|
|
3145
|
-
this.state;
|
|
3146
3257
|
const toastBem = cn("toast");
|
|
3147
3258
|
const classes = classNames({
|
|
3148
3259
|
"nut-toast-center": center,
|
|
@@ -3235,14 +3346,14 @@ function notice$1(opts) {
|
|
|
3235
3346
|
messageInstance$1 = null;
|
|
3236
3347
|
}
|
|
3237
3348
|
}
|
|
3238
|
-
|
|
3239
|
-
getInstance$1(
|
|
3349
|
+
const opts2 = __spreadProps(__spreadValues(__spreadValues({}, options$1), opts), { onClose: close });
|
|
3350
|
+
getInstance$1(opts2, (notification) => {
|
|
3240
3351
|
messageInstance$1 = notification;
|
|
3241
3352
|
});
|
|
3242
3353
|
}
|
|
3243
3354
|
const errorMsg$1 = (msg) => {
|
|
3244
3355
|
if (!msg) {
|
|
3245
|
-
console.warn("[NutUI Toast]: msg
|
|
3356
|
+
console.warn("[NutUI Toast]: msg cannot be null");
|
|
3246
3357
|
}
|
|
3247
3358
|
};
|
|
3248
3359
|
var Toast = {
|
|
@@ -3277,7 +3388,7 @@ var Toast = {
|
|
|
3277
3388
|
}
|
|
3278
3389
|
}
|
|
3279
3390
|
};
|
|
3280
|
-
const defaultProps$
|
|
3391
|
+
const defaultProps$G = {
|
|
3281
3392
|
range: false,
|
|
3282
3393
|
hiddenRange: false,
|
|
3283
3394
|
hiddenTag: false,
|
|
@@ -3289,6 +3400,7 @@ const defaultProps$F = {
|
|
|
3289
3400
|
let startValue;
|
|
3290
3401
|
let currentValue;
|
|
3291
3402
|
const Range = (props) => {
|
|
3403
|
+
const { locale } = useConfig();
|
|
3292
3404
|
const {
|
|
3293
3405
|
className,
|
|
3294
3406
|
range,
|
|
@@ -3306,7 +3418,7 @@ const Range = (props) => {
|
|
|
3306
3418
|
change,
|
|
3307
3419
|
dragStart,
|
|
3308
3420
|
dragEnd
|
|
3309
|
-
} = __spreadValues(__spreadValues({}, defaultProps$
|
|
3421
|
+
} = __spreadValues(__spreadValues({}, defaultProps$G), props);
|
|
3310
3422
|
const [buttonIndex, SetButtonIndex] = useState(0);
|
|
3311
3423
|
const [initValue, SetInitValue] = useState();
|
|
3312
3424
|
const [dragStatus, SetDragStatus] = useState("start");
|
|
@@ -3317,7 +3429,7 @@ const Range = (props) => {
|
|
|
3317
3429
|
if (modelValue) {
|
|
3318
3430
|
if (!range && (modelValue < min || modelValue > max)) {
|
|
3319
3431
|
SetInitValue(0);
|
|
3320
|
-
Toast.text(`${modelValue}
|
|
3432
|
+
Toast.text(`${modelValue} ${locale.range.rangeText}`);
|
|
3321
3433
|
return;
|
|
3322
3434
|
}
|
|
3323
3435
|
SetInitValue(modelValue);
|
|
@@ -3515,7 +3627,7 @@ const Range = (props) => {
|
|
|
3515
3627
|
className: "max"
|
|
3516
3628
|
}, +max) : null);
|
|
3517
3629
|
};
|
|
3518
|
-
Range.defaultProps = defaultProps$
|
|
3630
|
+
Range.defaultProps = defaultProps$G;
|
|
3519
3631
|
Range.displayName = "NutRange";
|
|
3520
3632
|
const Utils = {
|
|
3521
3633
|
isLeapYear(y2) {
|
|
@@ -3601,7 +3713,7 @@ function requestAniFrame() {
|
|
|
3601
3713
|
};
|
|
3602
3714
|
}
|
|
3603
3715
|
var requestAniFrame$1 = requestAniFrame();
|
|
3604
|
-
const defaultProps$
|
|
3716
|
+
const defaultProps$F = {
|
|
3605
3717
|
type: "one",
|
|
3606
3718
|
isAutoBackFill: false,
|
|
3607
3719
|
poppable: true,
|
|
@@ -3618,12 +3730,11 @@ const defaultProps$E = {
|
|
|
3618
3730
|
}
|
|
3619
3731
|
};
|
|
3620
3732
|
const CalendarItem = (props) => {
|
|
3733
|
+
const { locale } = useConfig();
|
|
3621
3734
|
const {
|
|
3622
|
-
children,
|
|
3623
3735
|
type,
|
|
3624
3736
|
isAutoBackFill,
|
|
3625
3737
|
poppable,
|
|
3626
|
-
visible,
|
|
3627
3738
|
title,
|
|
3628
3739
|
defaultValue,
|
|
3629
3740
|
startDate,
|
|
@@ -3631,12 +3742,12 @@ const CalendarItem = (props) => {
|
|
|
3631
3742
|
onChoose,
|
|
3632
3743
|
onUpdate,
|
|
3633
3744
|
onClose
|
|
3634
|
-
} = __spreadValues(__spreadValues({}, defaultProps$
|
|
3635
|
-
const weeks =
|
|
3745
|
+
} = __spreadValues(__spreadValues({}, defaultProps$F), props);
|
|
3746
|
+
const weeks = locale.calendaritem.weekdays;
|
|
3636
3747
|
const [yearMonthTitle, setYearMonthTitle] = useState("");
|
|
3637
3748
|
const [unLoadPrev, setUnLoadPrev] = useState(false);
|
|
3638
3749
|
const [monthsData, setMonthsData] = useState([]);
|
|
3639
|
-
const [state
|
|
3750
|
+
const [state] = useState({
|
|
3640
3751
|
currDate: "",
|
|
3641
3752
|
touchParams: {
|
|
3642
3753
|
startY: 0,
|
|
@@ -3794,7 +3905,7 @@ const CalendarItem = (props) => {
|
|
|
3794
3905
|
};
|
|
3795
3906
|
const monthInfo = {
|
|
3796
3907
|
curData,
|
|
3797
|
-
title:
|
|
3908
|
+
title: locale.calendaritem.monthTitle(title2.year, title2.month),
|
|
3798
3909
|
monthData: [
|
|
3799
3910
|
...getDaysStatus(preMonthDays, "prev"),
|
|
3800
3911
|
...getDaysStatus(currMonthDays, "curr")
|
|
@@ -3968,7 +4079,7 @@ const CalendarItem = (props) => {
|
|
|
3968
4079
|
className: headerClasses
|
|
3969
4080
|
}, poppable ? /* @__PURE__ */ React__default.createElement(React__default.Fragment, null, /* @__PURE__ */ React__default.createElement("div", {
|
|
3970
4081
|
className: "calendar-title"
|
|
3971
|
-
}, title), /* @__PURE__ */ React__default.createElement("div", {
|
|
4082
|
+
}, locale.calendaritem.title), /* @__PURE__ */ React__default.createElement("div", {
|
|
3972
4083
|
className: "calendar-curr-month"
|
|
3973
4084
|
}, yearMonthTitle)) : "", /* @__PURE__ */ React__default.createElement("div", {
|
|
3974
4085
|
className: "calendar-weeks",
|
|
@@ -3987,7 +4098,7 @@ const CalendarItem = (props) => {
|
|
|
3987
4098
|
ref: monthsPanel
|
|
3988
4099
|
}, /* @__PURE__ */ React__default.createElement("div", {
|
|
3989
4100
|
className: "calendar-loading-tip"
|
|
3990
|
-
}, !unLoadPrev ?
|
|
4101
|
+
}, !unLoadPrev ? locale.calendaritem.loadPreviousMonth : locale.calendaritem.noEarlierMonth), monthsData.map((month, key) => /* @__PURE__ */ React__default.createElement("div", {
|
|
3991
4102
|
className: "calendar-month",
|
|
3992
4103
|
key
|
|
3993
4104
|
}, /* @__PURE__ */ React__default.createElement("div", {
|
|
@@ -4006,20 +4117,20 @@ const CalendarItem = (props) => {
|
|
|
4006
4117
|
className: "calendar-day"
|
|
4007
4118
|
}, day.type === "curr" ? day.day : ""), isCurrDay(month, day.day) ? /* @__PURE__ */ React__default.createElement("div", {
|
|
4008
4119
|
className: "calendar-curr-tips"
|
|
4009
|
-
},
|
|
4120
|
+
}, locale.calendaritem.today) : "", isStartTip(day, month) ? /* @__PURE__ */ React__default.createElement("div", {
|
|
4010
4121
|
className: "calendar-day-tip"
|
|
4011
|
-
},
|
|
4122
|
+
}, locale.calendaritem.start) : isEndTip(day, month) ? /* @__PURE__ */ React__default.createElement("div", {
|
|
4012
4123
|
className: "calendar-day-tip"
|
|
4013
|
-
},
|
|
4124
|
+
}, locale.calendaritem.end) : "")))))))), poppable && !isAutoBackFill ? /* @__PURE__ */ React__default.createElement("div", {
|
|
4014
4125
|
className: "nut-calendar-footer"
|
|
4015
4126
|
}, /* @__PURE__ */ React__default.createElement("div", {
|
|
4016
4127
|
className: "calendar-confirm-btn",
|
|
4017
4128
|
onClick: confirm2
|
|
4018
|
-
},
|
|
4129
|
+
}, locale.confirm)) : ""));
|
|
4019
4130
|
};
|
|
4020
|
-
CalendarItem.defaultProps = defaultProps$
|
|
4131
|
+
CalendarItem.defaultProps = defaultProps$F;
|
|
4021
4132
|
CalendarItem.displayName = "NutCalendarItem";
|
|
4022
|
-
const defaultProps$
|
|
4133
|
+
const defaultProps$E = {
|
|
4023
4134
|
type: "one",
|
|
4024
4135
|
isAutoBackFill: false,
|
|
4025
4136
|
poppable: true,
|
|
@@ -4034,6 +4145,7 @@ const defaultProps$D = {
|
|
|
4034
4145
|
}
|
|
4035
4146
|
};
|
|
4036
4147
|
const Calendar = (props) => {
|
|
4148
|
+
const { locale } = useConfig();
|
|
4037
4149
|
const {
|
|
4038
4150
|
children,
|
|
4039
4151
|
poppable,
|
|
@@ -4046,7 +4158,7 @@ const Calendar = (props) => {
|
|
|
4046
4158
|
endDate,
|
|
4047
4159
|
onClose,
|
|
4048
4160
|
onChoose
|
|
4049
|
-
} = __spreadValues(__spreadValues({}, defaultProps$
|
|
4161
|
+
} = __spreadValues(__spreadValues({}, defaultProps$E), props);
|
|
4050
4162
|
const close = () => {
|
|
4051
4163
|
onClose && onClose();
|
|
4052
4164
|
};
|
|
@@ -4070,7 +4182,7 @@ const Calendar = (props) => {
|
|
|
4070
4182
|
type,
|
|
4071
4183
|
isAutoBackFill,
|
|
4072
4184
|
poppable,
|
|
4073
|
-
title,
|
|
4185
|
+
title: locale.calendaritem.title || title,
|
|
4074
4186
|
defaultValue,
|
|
4075
4187
|
startDate,
|
|
4076
4188
|
endDate,
|
|
@@ -4081,7 +4193,7 @@ const Calendar = (props) => {
|
|
|
4081
4193
|
type,
|
|
4082
4194
|
isAutoBackFill,
|
|
4083
4195
|
poppable,
|
|
4084
|
-
title,
|
|
4196
|
+
title: locale.calendaritem.title,
|
|
4085
4197
|
defaultValue,
|
|
4086
4198
|
startDate,
|
|
4087
4199
|
endDate,
|
|
@@ -4089,16 +4201,16 @@ const Calendar = (props) => {
|
|
|
4089
4201
|
onChoose: choose
|
|
4090
4202
|
}));
|
|
4091
4203
|
};
|
|
4092
|
-
Calendar.defaultProps = defaultProps$
|
|
4204
|
+
Calendar.defaultProps = defaultProps$E;
|
|
4093
4205
|
Calendar.displayName = "NutCalendar";
|
|
4094
|
-
const defaultProps$
|
|
4206
|
+
const defaultProps$D = {
|
|
4095
4207
|
disabled: false,
|
|
4096
4208
|
checkedValue: [],
|
|
4097
4209
|
onChange: (value) => {
|
|
4098
4210
|
}
|
|
4099
4211
|
};
|
|
4100
4212
|
const CheckboxGroup = React__default.forwardRef((props, ref) => {
|
|
4101
|
-
const { children } = __spreadValues(__spreadValues({}, defaultProps$
|
|
4213
|
+
const { children } = __spreadValues(__spreadValues({}, defaultProps$D), props);
|
|
4102
4214
|
const b2 = cn("checkboxgroup");
|
|
4103
4215
|
const _a = props, { className, disabled, onChange, checkedValue } = _a, rest = __objRest(_a, ["className", "disabled", "onChange", "checkedValue"]);
|
|
4104
4216
|
const [innerDisabled, setInnerDisabled] = useState(disabled);
|
|
@@ -4141,7 +4253,7 @@ const CheckboxGroup = React__default.forwardRef((props, ref) => {
|
|
|
4141
4253
|
return (innerValue == null ? void 0 : innerValue.indexOf(child.props.label || child.children)) > -1;
|
|
4142
4254
|
}
|
|
4143
4255
|
function cloneChildren() {
|
|
4144
|
-
return React__default.Children.map(children, (child
|
|
4256
|
+
return React__default.Children.map(children, (child) => {
|
|
4145
4257
|
const childChecked = validateChildChecked(child);
|
|
4146
4258
|
if (child.type.displayName !== "NutCheckBox") {
|
|
4147
4259
|
return React__default.cloneElement(child);
|
|
@@ -4157,9 +4269,9 @@ const CheckboxGroup = React__default.forwardRef((props, ref) => {
|
|
|
4157
4269
|
className: `${b2()} ${className || ""}`
|
|
4158
4270
|
}, rest), cloneChildren());
|
|
4159
4271
|
});
|
|
4160
|
-
CheckboxGroup.defaultProps = defaultProps$
|
|
4272
|
+
CheckboxGroup.defaultProps = defaultProps$D;
|
|
4161
4273
|
CheckboxGroup.displayName = "NutCheckboxGroup";
|
|
4162
|
-
const defaultProps$
|
|
4274
|
+
const defaultProps$C = {
|
|
4163
4275
|
checked: false,
|
|
4164
4276
|
disabled: false,
|
|
4165
4277
|
textPosition: "right",
|
|
@@ -4170,7 +4282,7 @@ const defaultProps$B = {
|
|
|
4170
4282
|
}
|
|
4171
4283
|
};
|
|
4172
4284
|
const Checkbox = (props) => {
|
|
4173
|
-
const { children } = __spreadValues(__spreadValues({}, defaultProps$
|
|
4285
|
+
const { children } = __spreadValues(__spreadValues({}, defaultProps$C), props);
|
|
4174
4286
|
const b2 = cn("checkbox");
|
|
4175
4287
|
const _a = props, {
|
|
4176
4288
|
iconName,
|
|
@@ -4226,7 +4338,7 @@ const Checkbox = (props) => {
|
|
|
4226
4338
|
onClick: handleClick
|
|
4227
4339
|
}), renderIcon(), renderLabel());
|
|
4228
4340
|
};
|
|
4229
|
-
Checkbox.defaultProps = defaultProps$
|
|
4341
|
+
Checkbox.defaultProps = defaultProps$C;
|
|
4230
4342
|
Checkbox.displayName = "NutCheckBox";
|
|
4231
4343
|
Checkbox.Group = CheckboxGroup;
|
|
4232
4344
|
const InternalPickerSlot = (props, ref) => {
|
|
@@ -4412,6 +4524,7 @@ const InternalPickerSlot = (props, ref) => {
|
|
|
4412
4524
|
};
|
|
4413
4525
|
const PickerSlot = React__default.forwardRef(InternalPickerSlot);
|
|
4414
4526
|
const InternalPicker = (props, ref) => {
|
|
4527
|
+
const { locale } = useConfig();
|
|
4415
4528
|
const _a = props, {
|
|
4416
4529
|
isVisible,
|
|
4417
4530
|
title,
|
|
@@ -4519,12 +4632,12 @@ const InternalPicker = (props, ref) => {
|
|
|
4519
4632
|
}, /* @__PURE__ */ React__default.createElement("span", {
|
|
4520
4633
|
className: b2("cancel-btn"),
|
|
4521
4634
|
onClick: () => closeActionSheet()
|
|
4522
|
-
},
|
|
4635
|
+
}, locale.cancel), /* @__PURE__ */ React__default.createElement("div", {
|
|
4523
4636
|
className: b2("title")
|
|
4524
4637
|
}, title || ""), /* @__PURE__ */ React__default.createElement("span", {
|
|
4525
4638
|
className: b2("confirm-btn"),
|
|
4526
4639
|
onClick: () => confirm2()
|
|
4527
|
-
},
|
|
4640
|
+
}, locale.confirm)), /* @__PURE__ */ React__default.createElement("div", {
|
|
4528
4641
|
className: b2("panel"),
|
|
4529
4642
|
ref: pickerRef
|
|
4530
4643
|
}, listData == null ? void 0 : listData.map((item, index2) => {
|
|
@@ -4541,7 +4654,7 @@ const InternalPicker = (props, ref) => {
|
|
|
4541
4654
|
};
|
|
4542
4655
|
const Picker = React__default.forwardRef(InternalPicker);
|
|
4543
4656
|
const currentYear = new Date().getFullYear();
|
|
4544
|
-
const defaultProps$
|
|
4657
|
+
const defaultProps$B = {
|
|
4545
4658
|
modelValue: new Date(),
|
|
4546
4659
|
visible: false,
|
|
4547
4660
|
title: "",
|
|
@@ -4553,7 +4666,7 @@ const defaultProps$A = {
|
|
|
4553
4666
|
onCloseDatePicker: () => void 0
|
|
4554
4667
|
};
|
|
4555
4668
|
const DatePicker = (props) => {
|
|
4556
|
-
const _a = __spreadValues(__spreadValues({}, defaultProps$
|
|
4669
|
+
const _a = __spreadValues(__spreadValues({}, defaultProps$B), props), {
|
|
4557
4670
|
minDate,
|
|
4558
4671
|
maxDate,
|
|
4559
4672
|
type,
|
|
@@ -4807,9 +4920,9 @@ const DatePicker = (props) => {
|
|
|
4807
4920
|
ref: pickerRef
|
|
4808
4921
|
}));
|
|
4809
4922
|
};
|
|
4810
|
-
DatePicker.defaultProps = defaultProps$
|
|
4923
|
+
DatePicker.defaultProps = defaultProps$B;
|
|
4811
4924
|
DatePicker.displayName = "NutDatePicker";
|
|
4812
|
-
const defaultProps$
|
|
4925
|
+
const defaultProps$A = {
|
|
4813
4926
|
disabled: false,
|
|
4814
4927
|
buttonSize: "",
|
|
4815
4928
|
min: 1,
|
|
@@ -4825,7 +4938,7 @@ function pxCheck(value) {
|
|
|
4825
4938
|
return Number.isNaN(Number(value)) ? String(value) : `${value}px`;
|
|
4826
4939
|
}
|
|
4827
4940
|
const InputNumber = (props) => {
|
|
4828
|
-
const _a = __spreadValues(__spreadValues({}, defaultProps$
|
|
4941
|
+
const _a = __spreadValues(__spreadValues({}, defaultProps$A), props), {
|
|
4829
4942
|
children,
|
|
4830
4943
|
disabled,
|
|
4831
4944
|
buttonSize,
|
|
@@ -4982,7 +5095,7 @@ const InputNumber = (props) => {
|
|
|
4982
5095
|
click: addNumber
|
|
4983
5096
|
}));
|
|
4984
5097
|
};
|
|
4985
|
-
InputNumber.defaultProps = defaultProps$
|
|
5098
|
+
InputNumber.defaultProps = defaultProps$A;
|
|
4986
5099
|
InputNumber.displayName = "NutInputNumber";
|
|
4987
5100
|
function trimExtraChar(value, char, regExp) {
|
|
4988
5101
|
const index2 = value.indexOf(char);
|
|
@@ -5008,7 +5121,7 @@ function formatNumber(value, allowDot = true, allowMinus = true) {
|
|
|
5008
5121
|
const regExp = allowDot ? /[^-0-9.]/g : /[^-0-9]/g;
|
|
5009
5122
|
return value.replace(regExp, "");
|
|
5010
5123
|
}
|
|
5011
|
-
const defaultProps$
|
|
5124
|
+
const defaultProps$z = {
|
|
5012
5125
|
type: "text",
|
|
5013
5126
|
defaultValue: "",
|
|
5014
5127
|
placeholder: "\u8BF7\u8F93\u5165\u4FE1\u606F",
|
|
@@ -5021,6 +5134,7 @@ const defaultProps$y = {
|
|
|
5021
5134
|
clearable: true
|
|
5022
5135
|
};
|
|
5023
5136
|
const Input = (props) => {
|
|
5137
|
+
const { locale } = useConfig();
|
|
5024
5138
|
const {
|
|
5025
5139
|
type,
|
|
5026
5140
|
defaultValue,
|
|
@@ -5038,7 +5152,7 @@ const Input = (props) => {
|
|
|
5038
5152
|
blur,
|
|
5039
5153
|
focus,
|
|
5040
5154
|
clear
|
|
5041
|
-
} = __spreadValues(__spreadValues({}, defaultProps$
|
|
5155
|
+
} = __spreadValues(__spreadValues({}, defaultProps$z), props);
|
|
5042
5156
|
const inputBem = cn("input");
|
|
5043
5157
|
const [inputValue, SetInputValue] = useState("");
|
|
5044
5158
|
const [active, SetActive] = useState(false);
|
|
@@ -5097,7 +5211,7 @@ const Input = (props) => {
|
|
|
5097
5211
|
}, label) : null), /* @__PURE__ */ React__default.createElement("input", {
|
|
5098
5212
|
className: "input-text",
|
|
5099
5213
|
type,
|
|
5100
|
-
placeholder,
|
|
5214
|
+
placeholder: locale.placeholder || placeholder,
|
|
5101
5215
|
disabled,
|
|
5102
5216
|
readOnly: readonly,
|
|
5103
5217
|
value: inputValue,
|
|
@@ -5122,14 +5236,14 @@ const Input = (props) => {
|
|
|
5122
5236
|
size: "12px"
|
|
5123
5237
|
}) : null) : null);
|
|
5124
5238
|
};
|
|
5125
|
-
Input.defaultProps = defaultProps$
|
|
5239
|
+
Input.defaultProps = defaultProps$z;
|
|
5126
5240
|
Input.displayName = "NutInput";
|
|
5127
5241
|
const radioContext = {
|
|
5128
5242
|
onChange: (val) => {
|
|
5129
5243
|
}
|
|
5130
5244
|
};
|
|
5131
5245
|
var RadioContext = React__default.createContext(radioContext);
|
|
5132
|
-
const defaultProps$
|
|
5246
|
+
const defaultProps$y = {
|
|
5133
5247
|
value: null,
|
|
5134
5248
|
textPosition: "right",
|
|
5135
5249
|
onChange: (value) => {
|
|
@@ -5137,7 +5251,7 @@ const defaultProps$x = {
|
|
|
5137
5251
|
direction: "vertical"
|
|
5138
5252
|
};
|
|
5139
5253
|
const RadioGroup = React__default.forwardRef((props, ref) => {
|
|
5140
|
-
const { children } = __spreadValues(__spreadValues({}, defaultProps$
|
|
5254
|
+
const { children } = __spreadValues(__spreadValues({}, defaultProps$y), props);
|
|
5141
5255
|
cn("RadioGroup");
|
|
5142
5256
|
const _a = props, { className, value, onChange, textPosition, direction } = _a, rest = __objRest(_a, ["className", "value", "onChange", "textPosition", "direction"]);
|
|
5143
5257
|
const [val2State, setVal2State] = useState(value);
|
|
@@ -5172,9 +5286,9 @@ const RadioGroup = React__default.forwardRef((props, ref) => {
|
|
|
5172
5286
|
className: `nut-radiogroup nut-radiogroup--${props.direction}`
|
|
5173
5287
|
}, rest), cloneChildren()));
|
|
5174
5288
|
});
|
|
5175
|
-
RadioGroup.defaultProps = defaultProps$
|
|
5289
|
+
RadioGroup.defaultProps = defaultProps$y;
|
|
5176
5290
|
RadioGroup.displayName = "NutRadioGroup";
|
|
5177
|
-
const defaultProps$
|
|
5291
|
+
const defaultProps$x = {
|
|
5178
5292
|
disabled: false,
|
|
5179
5293
|
checked: false,
|
|
5180
5294
|
shape: "round",
|
|
@@ -5187,7 +5301,7 @@ const defaultProps$w = {
|
|
|
5187
5301
|
}
|
|
5188
5302
|
};
|
|
5189
5303
|
const Radio = (props) => {
|
|
5190
|
-
const { children } = __spreadValues(__spreadValues({}, defaultProps$
|
|
5304
|
+
const { children } = __spreadValues(__spreadValues({}, defaultProps$x), props);
|
|
5191
5305
|
const _a = props, {
|
|
5192
5306
|
className,
|
|
5193
5307
|
disabled,
|
|
@@ -5255,10 +5369,10 @@ const Radio = (props) => {
|
|
|
5255
5369
|
onClick: handleClick
|
|
5256
5370
|
}, rest), props.shape == "button" ? renderButton() : reverseState ? [renderLabel(), renderIcon()] : [renderIcon(), renderLabel()]);
|
|
5257
5371
|
};
|
|
5258
|
-
Radio.defaultProps = defaultProps$
|
|
5372
|
+
Radio.defaultProps = defaultProps$x;
|
|
5259
5373
|
Radio.displayName = "NutRadio";
|
|
5260
5374
|
Radio.RadioGroup = RadioGroup;
|
|
5261
|
-
const defaultProps$
|
|
5375
|
+
const defaultProps$w = {
|
|
5262
5376
|
count: 5,
|
|
5263
5377
|
modelValue: 0,
|
|
5264
5378
|
iconSize: 18,
|
|
@@ -5285,7 +5399,7 @@ const Rate = (props) => {
|
|
|
5285
5399
|
allowHalf,
|
|
5286
5400
|
spacing,
|
|
5287
5401
|
change
|
|
5288
|
-
} = __spreadValues(__spreadValues({}, defaultProps$
|
|
5402
|
+
} = __spreadValues(__spreadValues({}, defaultProps$w), props);
|
|
5289
5403
|
const b2 = cn("rate");
|
|
5290
5404
|
const bi = cn("rate-item");
|
|
5291
5405
|
const [countArray, setCountArray] = useState([1, 2, 3, 4, 5]);
|
|
@@ -5348,9 +5462,9 @@ const Rate = (props) => {
|
|
|
5348
5462
|
}));
|
|
5349
5463
|
}));
|
|
5350
5464
|
};
|
|
5351
|
-
Rate.defaultProps = defaultProps$
|
|
5465
|
+
Rate.defaultProps = defaultProps$w;
|
|
5352
5466
|
Rate.displayName = "NutRate";
|
|
5353
|
-
const defaultProps$
|
|
5467
|
+
const defaultProps$v = {
|
|
5354
5468
|
title: "\u8BF7\u8F93\u5165\u5BC6\u7801",
|
|
5355
5469
|
desc: "\u60A8\u4F7F\u7528\u4E86\u865A\u62DF\u8D44\u4EA7\uFF0C\u8BF7\u8FDB\u884C\u9A8C\u8BC1",
|
|
5356
5470
|
tips: "\u5FD8\u8BB0\u5BC6\u7801",
|
|
@@ -5375,6 +5489,7 @@ const defaultProps$u = {
|
|
|
5375
5489
|
}
|
|
5376
5490
|
};
|
|
5377
5491
|
const ShortPassword = (props) => {
|
|
5492
|
+
const { locale } = useConfig();
|
|
5378
5493
|
const _a = props, {
|
|
5379
5494
|
title,
|
|
5380
5495
|
desc,
|
|
@@ -5479,9 +5594,9 @@ const ShortPassword = (props) => {
|
|
|
5479
5594
|
style: __spreadValues({}, style)
|
|
5480
5595
|
}, reset), /* @__PURE__ */ React__default.createElement("div", {
|
|
5481
5596
|
className: b2("title")
|
|
5482
|
-
}, title), /* @__PURE__ */ React__default.createElement("div", {
|
|
5597
|
+
}, locale.shortpassword.title || title), /* @__PURE__ */ React__default.createElement("div", {
|
|
5483
5598
|
className: b2("subtitle")
|
|
5484
|
-
}, desc), /* @__PURE__ */ React__default.createElement("div", {
|
|
5599
|
+
}, locale.shortpassword.desc || desc), /* @__PURE__ */ React__default.createElement("div", {
|
|
5485
5600
|
className: b2("input")
|
|
5486
5601
|
}, /* @__PURE__ */ React__default.createElement("input", {
|
|
5487
5602
|
ref: textInput,
|
|
@@ -5515,19 +5630,19 @@ const ShortPassword = (props) => {
|
|
|
5515
5630
|
name: "tips"
|
|
5516
5631
|
}), /* @__PURE__ */ React__default.createElement("div", {
|
|
5517
5632
|
onClick: onTips
|
|
5518
|
-
}, tips)) : null), !noButton ? /* @__PURE__ */ React__default.createElement("div", {
|
|
5633
|
+
}, locale.shortpassword.tips || tips)) : null), !noButton ? /* @__PURE__ */ React__default.createElement("div", {
|
|
5519
5634
|
className: b2("footer")
|
|
5520
5635
|
}, /* @__PURE__ */ React__default.createElement("div", {
|
|
5521
5636
|
className: b2("footer__cancel"),
|
|
5522
5637
|
onClick: onCancel
|
|
5523
|
-
},
|
|
5638
|
+
}, locale.cancel), /* @__PURE__ */ React__default.createElement("div", {
|
|
5524
5639
|
className: b2("footer__sure"),
|
|
5525
5640
|
onClick: () => sure()
|
|
5526
|
-
},
|
|
5641
|
+
}, locale.confirm)) : null)));
|
|
5527
5642
|
};
|
|
5528
|
-
ShortPassword.defaultProps = defaultProps$
|
|
5643
|
+
ShortPassword.defaultProps = defaultProps$v;
|
|
5529
5644
|
ShortPassword.displayName = "NutShortPassword";
|
|
5530
|
-
const defaultProps$
|
|
5645
|
+
const defaultProps$u = {
|
|
5531
5646
|
defaultValue: "",
|
|
5532
5647
|
textAlign: "left",
|
|
5533
5648
|
limitshow: false,
|
|
@@ -5539,6 +5654,7 @@ const defaultProps$t = {
|
|
|
5539
5654
|
autosize: false
|
|
5540
5655
|
};
|
|
5541
5656
|
const TextArea = (props) => {
|
|
5657
|
+
const { locale } = useConfig();
|
|
5542
5658
|
const {
|
|
5543
5659
|
className,
|
|
5544
5660
|
defaultValue,
|
|
@@ -5554,7 +5670,7 @@ const TextArea = (props) => {
|
|
|
5554
5670
|
change,
|
|
5555
5671
|
blur,
|
|
5556
5672
|
focus
|
|
5557
|
-
} = __spreadValues(__spreadValues({}, defaultProps$
|
|
5673
|
+
} = __spreadValues(__spreadValues({}, defaultProps$u), props);
|
|
5558
5674
|
const textareaBem = cn("textarea");
|
|
5559
5675
|
const [inputValue, SetInputValue] = useState("");
|
|
5560
5676
|
useEffect(() => {
|
|
@@ -5620,12 +5736,12 @@ const TextArea = (props) => {
|
|
|
5620
5736
|
},
|
|
5621
5737
|
rows,
|
|
5622
5738
|
maxLength: maxlength < 0 ? 0 : maxlength,
|
|
5623
|
-
placeholder
|
|
5739
|
+
placeholder: locale.placeholder
|
|
5624
5740
|
}), limitshow ? /* @__PURE__ */ React__default.createElement("div", {
|
|
5625
5741
|
className: textareaBem("limit")
|
|
5626
5742
|
}, inputValue.length, "/", maxlength < 0 ? 0 : maxlength) : null);
|
|
5627
5743
|
};
|
|
5628
|
-
TextArea.defaultProps = defaultProps$
|
|
5744
|
+
TextArea.defaultProps = defaultProps$u;
|
|
5629
5745
|
TextArea.displayName = "NutTextArea";
|
|
5630
5746
|
class UploadOptions {
|
|
5631
5747
|
constructor() {
|
|
@@ -5681,7 +5797,7 @@ class Upload {
|
|
|
5681
5797
|
}
|
|
5682
5798
|
}
|
|
5683
5799
|
}
|
|
5684
|
-
const defaultProps$
|
|
5800
|
+
const defaultProps$t = {
|
|
5685
5801
|
url: "",
|
|
5686
5802
|
maximum: 1,
|
|
5687
5803
|
uploadIcon: "photograph",
|
|
@@ -5717,7 +5833,7 @@ class FileItem {
|
|
|
5717
5833
|
}
|
|
5718
5834
|
}
|
|
5719
5835
|
const InternalUploader = (props, ref) => {
|
|
5720
|
-
const _a = __spreadValues(__spreadValues({}, defaultProps$
|
|
5836
|
+
const _a = __spreadValues(__spreadValues({}, defaultProps$t), props), {
|
|
5721
5837
|
children,
|
|
5722
5838
|
uploadIcon,
|
|
5723
5839
|
name,
|
|
@@ -6022,9 +6138,9 @@ const InternalUploader = (props, ref) => {
|
|
|
6022
6138
|
}))));
|
|
6023
6139
|
};
|
|
6024
6140
|
const Uploader = React__default.forwardRef(InternalUploader);
|
|
6025
|
-
Uploader.defaultProps = defaultProps$
|
|
6141
|
+
Uploader.defaultProps = defaultProps$t;
|
|
6026
6142
|
Uploader.displayName = "NutUploader";
|
|
6027
|
-
const defaultProps$
|
|
6143
|
+
const defaultProps$s = {
|
|
6028
6144
|
cancelTxt: "",
|
|
6029
6145
|
optionTag: "name",
|
|
6030
6146
|
optionSubTag: "subname",
|
|
@@ -6042,7 +6158,7 @@ const defaultProps$r = {
|
|
|
6042
6158
|
style: {}
|
|
6043
6159
|
};
|
|
6044
6160
|
const ActionSheet = (props) => {
|
|
6045
|
-
const _a = __spreadValues(__spreadValues({}, defaultProps$
|
|
6161
|
+
const _a = __spreadValues(__spreadValues({}, defaultProps$s), props), {
|
|
6046
6162
|
cancelTxt,
|
|
6047
6163
|
optionTag,
|
|
6048
6164
|
optionSubTag,
|
|
@@ -6113,9 +6229,9 @@ const ActionSheet = (props) => {
|
|
|
6113
6229
|
onClick: () => cancelActionSheet()
|
|
6114
6230
|
}, cancelTxt)));
|
|
6115
6231
|
};
|
|
6116
|
-
ActionSheet.defaultProps = defaultProps$
|
|
6232
|
+
ActionSheet.defaultProps = defaultProps$s;
|
|
6117
6233
|
ActionSheet.displayName = "NutActionSheet";
|
|
6118
|
-
const defaultProps$
|
|
6234
|
+
const defaultProps$r = {
|
|
6119
6235
|
bottom: 20,
|
|
6120
6236
|
right: 10,
|
|
6121
6237
|
elId: "",
|
|
@@ -6137,7 +6253,7 @@ const BackTop = (props) => {
|
|
|
6137
6253
|
duration,
|
|
6138
6254
|
style,
|
|
6139
6255
|
backTopClick
|
|
6140
|
-
} = __spreadValues(__spreadValues({}, defaultProps$
|
|
6256
|
+
} = __spreadValues(__spreadValues({}, defaultProps$r), props);
|
|
6141
6257
|
const [backTop, SetBackTop] = useState(false);
|
|
6142
6258
|
const [scrollTop, SetScrollTop] = useState(0);
|
|
6143
6259
|
let startTime = 0;
|
|
@@ -6220,7 +6336,7 @@ const BackTop = (props) => {
|
|
|
6220
6336
|
name: "top"
|
|
6221
6337
|
}));
|
|
6222
6338
|
};
|
|
6223
|
-
BackTop.defaultProps = defaultProps$
|
|
6339
|
+
BackTop.defaultProps = defaultProps$r;
|
|
6224
6340
|
BackTop.displayName = "NutBackTop";
|
|
6225
6341
|
function clamp(v2, min, max) {
|
|
6226
6342
|
return Math.max(min, Math.min(v2, max));
|
|
@@ -10622,7 +10738,7 @@ const host = createHost(primitives, {
|
|
|
10622
10738
|
}
|
|
10623
10739
|
});
|
|
10624
10740
|
const animated = host.animated;
|
|
10625
|
-
const defaultProps$
|
|
10741
|
+
const defaultProps$q = {
|
|
10626
10742
|
attract: false,
|
|
10627
10743
|
direction: void 0,
|
|
10628
10744
|
boundary: {
|
|
@@ -10634,7 +10750,7 @@ const defaultProps$p = {
|
|
|
10634
10750
|
className: ""
|
|
10635
10751
|
};
|
|
10636
10752
|
const Drag = (props) => {
|
|
10637
|
-
const _a = __spreadValues(__spreadValues({}, defaultProps$
|
|
10753
|
+
const _a = __spreadValues(__spreadValues({}, defaultProps$q), props), { attract, direction, boundary, children, className, style } = _a, reset = __objRest(_a, ["attract", "direction", "boundary", "children", "className", "style"]);
|
|
10638
10754
|
const b2 = cn("drag");
|
|
10639
10755
|
const [boundaryState, setBoundaryState] = useState(boundary);
|
|
10640
10756
|
const myDrag = useRef(null);
|
|
@@ -10690,7 +10806,7 @@ const Drag = (props) => {
|
|
|
10690
10806
|
style: currstyle
|
|
10691
10807
|
}, bind()), children));
|
|
10692
10808
|
};
|
|
10693
|
-
Drag.defaultProps = defaultProps$
|
|
10809
|
+
Drag.defaultProps = defaultProps$q;
|
|
10694
10810
|
Drag.displayName = "NutDrag";
|
|
10695
10811
|
const Content = (props) => {
|
|
10696
10812
|
const { visible, title, footer, textAlign, footerDirection, children } = props;
|
|
@@ -10753,7 +10869,10 @@ const DialogWrap = (props) => {
|
|
|
10753
10869
|
};
|
|
10754
10870
|
DialogWrap.displayName = "NutDialogWrap";
|
|
10755
10871
|
const DialogWrapper = (props) => {
|
|
10756
|
-
const { visible } = props;
|
|
10872
|
+
const { visible, lockScroll } = props;
|
|
10873
|
+
if (lockScroll && !visible && document.body.classList.value.includes("nut-overflow-hidden")) {
|
|
10874
|
+
document.body.classList.remove("nut-overflow-hidden");
|
|
10875
|
+
}
|
|
10757
10876
|
return /* @__PURE__ */ React__default.createElement("div", {
|
|
10758
10877
|
style: { display: visible ? "block" : "none" }
|
|
10759
10878
|
}, /* @__PURE__ */ React__default.createElement(DialogWrap, __spreadValues({}, props)));
|
|
@@ -10846,7 +10965,7 @@ function confirm(config2, renderFunc) {
|
|
|
10846
10965
|
update: update2
|
|
10847
10966
|
};
|
|
10848
10967
|
}
|
|
10849
|
-
const defaultProps$
|
|
10968
|
+
const defaultProps$p = {
|
|
10850
10969
|
okText: "\u786E\u5B9A",
|
|
10851
10970
|
cancelText: "\u53D6\u6D88",
|
|
10852
10971
|
mask: true,
|
|
@@ -10861,12 +10980,38 @@ const defaultProps$o = {
|
|
|
10861
10980
|
lockScroll: false
|
|
10862
10981
|
};
|
|
10863
10982
|
const BaseDialog = (props, ref) => {
|
|
10864
|
-
const
|
|
10983
|
+
const { locale } = useConfig();
|
|
10984
|
+
const _a = props, {
|
|
10985
|
+
visible,
|
|
10986
|
+
footer,
|
|
10987
|
+
noOkBtn,
|
|
10988
|
+
noCancelBtn,
|
|
10989
|
+
lockScroll,
|
|
10990
|
+
okBtnDisabled,
|
|
10991
|
+
cancelAutoClose,
|
|
10992
|
+
okText,
|
|
10993
|
+
cancelText,
|
|
10994
|
+
onClosed,
|
|
10995
|
+
onCancel,
|
|
10996
|
+
onOk
|
|
10997
|
+
} = _a, restProps = __objRest(_a, [
|
|
10998
|
+
"visible",
|
|
10999
|
+
"footer",
|
|
11000
|
+
"noOkBtn",
|
|
11001
|
+
"noCancelBtn",
|
|
11002
|
+
"lockScroll",
|
|
11003
|
+
"okBtnDisabled",
|
|
11004
|
+
"cancelAutoClose",
|
|
11005
|
+
"okText",
|
|
11006
|
+
"cancelText",
|
|
11007
|
+
"onClosed",
|
|
11008
|
+
"onCancel",
|
|
11009
|
+
"onOk"
|
|
11010
|
+
]);
|
|
10865
11011
|
const renderFooter = () => {
|
|
10866
|
-
|
|
10867
|
-
if (footer2 === null)
|
|
11012
|
+
if (footer === null)
|
|
10868
11013
|
return;
|
|
10869
|
-
const handleCancel = (
|
|
11014
|
+
const handleCancel = () => {
|
|
10870
11015
|
if (!cancelAutoClose)
|
|
10871
11016
|
return;
|
|
10872
11017
|
onClosed == null ? void 0 : onClosed();
|
|
@@ -10882,24 +11027,27 @@ const BaseDialog = (props, ref) => {
|
|
|
10882
11027
|
document.body.classList.remove("nut-overflow-hidden");
|
|
10883
11028
|
}
|
|
10884
11029
|
};
|
|
10885
|
-
const footerContent =
|
|
11030
|
+
const footerContent = footer || /* @__PURE__ */ React__default.createElement(React__default.Fragment, null, !noCancelBtn && /* @__PURE__ */ React__default.createElement(Button, {
|
|
10886
11031
|
size: "small",
|
|
10887
11032
|
plain: true,
|
|
10888
11033
|
type: "primary",
|
|
10889
11034
|
className: "nut-dialog__footer-cancel",
|
|
10890
11035
|
onClick: () => handleCancel()
|
|
10891
|
-
}, cancelText), !noOkBtn && /* @__PURE__ */ React__default.createElement(Button, {
|
|
11036
|
+
}, locale.cancel || cancelText), !noOkBtn && /* @__PURE__ */ React__default.createElement(Button, {
|
|
10892
11037
|
size: "small",
|
|
10893
11038
|
type: "primary",
|
|
10894
11039
|
className: classNames("nut-dialog__footer-ok", { disabled: okBtnDisabled }),
|
|
10895
11040
|
disabled: okBtnDisabled,
|
|
10896
11041
|
onClick: () => handleOk()
|
|
10897
|
-
}, okText));
|
|
11042
|
+
}, locale.confirm || okText));
|
|
10898
11043
|
return footerContent;
|
|
10899
11044
|
};
|
|
10900
11045
|
return /* @__PURE__ */ React__default.createElement(DialogWrapper, __spreadProps(__spreadValues({}, restProps), {
|
|
10901
11046
|
visible,
|
|
10902
|
-
|
|
11047
|
+
lockScroll,
|
|
11048
|
+
footer: renderFooter(),
|
|
11049
|
+
onClosed,
|
|
11050
|
+
onCancel
|
|
10903
11051
|
}));
|
|
10904
11052
|
};
|
|
10905
11053
|
const Dialog = forwardRef(BaseDialog);
|
|
@@ -10914,9 +11062,9 @@ Dialog.confirm = (props) => {
|
|
|
10914
11062
|
}));
|
|
10915
11063
|
};
|
|
10916
11064
|
});
|
|
10917
|
-
Dialog.defaultProps = defaultProps$
|
|
11065
|
+
Dialog.defaultProps = defaultProps$p;
|
|
10918
11066
|
Dialog.displayName = "NutDialog";
|
|
10919
|
-
const defaultProps$
|
|
11067
|
+
const defaultProps$o = {
|
|
10920
11068
|
hasMore: true,
|
|
10921
11069
|
threshold: 200,
|
|
10922
11070
|
containerId: "",
|
|
@@ -10930,7 +11078,8 @@ const defaultProps$n = {
|
|
|
10930
11078
|
loadMoreTxt: "\u54CE\u5440\uFF0C\u8FD9\u91CC\u662F\u5E95\u90E8\u4E86\u5566"
|
|
10931
11079
|
};
|
|
10932
11080
|
const Infiniteloading = (props) => {
|
|
10933
|
-
const
|
|
11081
|
+
const { locale } = useConfig();
|
|
11082
|
+
const _a = __spreadValues(__spreadValues({}, defaultProps$o), props), {
|
|
10934
11083
|
children,
|
|
10935
11084
|
hasMore,
|
|
10936
11085
|
threshold,
|
|
@@ -11103,7 +11252,7 @@ const Infiniteloading = (props) => {
|
|
|
11103
11252
|
name: pullIcon
|
|
11104
11253
|
}), /* @__PURE__ */ React__default.createElement("span", {
|
|
11105
11254
|
className: "top-text"
|
|
11106
|
-
}, pullTxt))), /* @__PURE__ */ React__default.createElement("div", {
|
|
11255
|
+
}, locale.infiniteloading.pullRefreshText || pullTxt))), /* @__PURE__ */ React__default.createElement("div", {
|
|
11107
11256
|
className: "nut-infinite-container"
|
|
11108
11257
|
}, children), /* @__PURE__ */ React__default.createElement("div", {
|
|
11109
11258
|
className: "nut-infinite-bottom"
|
|
@@ -11114,11 +11263,11 @@ const Infiniteloading = (props) => {
|
|
|
11114
11263
|
name: loadIcon
|
|
11115
11264
|
}), /* @__PURE__ */ React__default.createElement("div", {
|
|
11116
11265
|
className: "bottom-text"
|
|
11117
|
-
}, loadTxt)) : !hasMore && /* @__PURE__ */ React__default.createElement("div", {
|
|
11266
|
+
}, locale.infiniteloading.loadText || loadTxt)) : !hasMore && /* @__PURE__ */ React__default.createElement("div", {
|
|
11118
11267
|
className: "tips"
|
|
11119
|
-
}, loadMoreTxt)));
|
|
11268
|
+
}, locale.infiniteloading.loadMoreText || loadMoreTxt)));
|
|
11120
11269
|
};
|
|
11121
|
-
Infiniteloading.defaultProps = defaultProps$
|
|
11270
|
+
Infiniteloading.defaultProps = defaultProps$o;
|
|
11122
11271
|
Infiniteloading.displayName = "NutInfiniteloading";
|
|
11123
11272
|
class Notification extends React.PureComponent {
|
|
11124
11273
|
constructor(props) {
|
|
@@ -11275,7 +11424,7 @@ var Notify = {
|
|
|
11275
11424
|
}
|
|
11276
11425
|
}
|
|
11277
11426
|
};
|
|
11278
|
-
const defaultProps$
|
|
11427
|
+
const defaultProps$n = {
|
|
11279
11428
|
isAsync: false,
|
|
11280
11429
|
checked: false,
|
|
11281
11430
|
disable: false,
|
|
@@ -11297,7 +11446,7 @@ const Switch = (props) => {
|
|
|
11297
11446
|
change,
|
|
11298
11447
|
className,
|
|
11299
11448
|
style
|
|
11300
|
-
} = __spreadValues(__spreadValues({}, defaultProps$
|
|
11449
|
+
} = __spreadValues(__spreadValues({}, defaultProps$n), props);
|
|
11301
11450
|
const [value, setValue] = useState(false);
|
|
11302
11451
|
const b2 = cn("switch");
|
|
11303
11452
|
useEffect(() => {
|
|
@@ -11334,16 +11483,16 @@ const Switch = (props) => {
|
|
|
11334
11483
|
className: `${b2("label")} close`
|
|
11335
11484
|
}, inactiveText))));
|
|
11336
11485
|
};
|
|
11337
|
-
Switch.defaultProps = defaultProps$
|
|
11486
|
+
Switch.defaultProps = defaultProps$n;
|
|
11338
11487
|
Switch.displayName = "NutSwitch";
|
|
11339
|
-
const defaultProps$
|
|
11488
|
+
const defaultProps$m = {
|
|
11340
11489
|
strokeInnerWidth: 10,
|
|
11341
11490
|
progress: 10,
|
|
11342
11491
|
isAuto: false,
|
|
11343
11492
|
progressOption: {}
|
|
11344
11493
|
};
|
|
11345
11494
|
const CircleProgress = (props) => {
|
|
11346
|
-
const _a = __spreadValues(__spreadValues({}, defaultProps$
|
|
11495
|
+
const _a = __spreadValues(__spreadValues({}, defaultProps$m), props), {
|
|
11347
11496
|
children,
|
|
11348
11497
|
strokeInnerWidth,
|
|
11349
11498
|
progress,
|
|
@@ -11417,9 +11566,9 @@ const CircleProgress = (props) => {
|
|
|
11417
11566
|
className: "nut-circleprogress-content"
|
|
11418
11567
|
}, !isAuto ? `${progress}%` : /* @__PURE__ */ React__default.createElement(React__default.Fragment, null, children)));
|
|
11419
11568
|
};
|
|
11420
|
-
CircleProgress.defaultProps = defaultProps$
|
|
11569
|
+
CircleProgress.defaultProps = defaultProps$m;
|
|
11421
11570
|
CircleProgress.displayName = "NutCircleProgress";
|
|
11422
|
-
const defaultProps$
|
|
11571
|
+
const defaultProps$l = {
|
|
11423
11572
|
direction: "across",
|
|
11424
11573
|
list: [],
|
|
11425
11574
|
standTime: 1e3,
|
|
@@ -11457,7 +11606,7 @@ const NoticeBar = (props) => {
|
|
|
11457
11606
|
rightIcon,
|
|
11458
11607
|
close,
|
|
11459
11608
|
click
|
|
11460
|
-
} = __spreadValues(__spreadValues({}, defaultProps$
|
|
11609
|
+
} = __spreadValues(__spreadValues({}, defaultProps$l), props);
|
|
11461
11610
|
const wrap = useRef(null);
|
|
11462
11611
|
const content = useRef(null);
|
|
11463
11612
|
const [showNoticeBar, SetShowNoticeBar] = useState(true);
|
|
@@ -11670,16 +11819,16 @@ const NoticeBar = (props) => {
|
|
|
11670
11819
|
size: "11px"
|
|
11671
11820
|
}) : null))) : null);
|
|
11672
11821
|
};
|
|
11673
|
-
NoticeBar.defaultProps = defaultProps$
|
|
11822
|
+
NoticeBar.defaultProps = defaultProps$l;
|
|
11674
11823
|
NoticeBar.displayName = "NutNoticeBar";
|
|
11675
11824
|
const DataContext$1 = createContext({});
|
|
11676
|
-
const defaultProps$
|
|
11825
|
+
const defaultProps$k = {
|
|
11677
11826
|
current: 0,
|
|
11678
11827
|
direction: "horizontal",
|
|
11679
11828
|
progressDot: false
|
|
11680
11829
|
};
|
|
11681
11830
|
const Steps = (props) => {
|
|
11682
|
-
const propSteps = __spreadValues(__spreadValues({}, defaultProps$
|
|
11831
|
+
const propSteps = __spreadValues(__spreadValues({}, defaultProps$k), props);
|
|
11683
11832
|
const _a = propSteps, { children, direction, className } = _a, restProps = __objRest(_a, ["children", "direction", "className"]);
|
|
11684
11833
|
const parentSteps = {
|
|
11685
11834
|
propSteps
|
|
@@ -11695,9 +11844,9 @@ const Steps = (props) => {
|
|
|
11695
11844
|
className: classes
|
|
11696
11845
|
}, restProps), children));
|
|
11697
11846
|
};
|
|
11698
|
-
Steps.defaultProps = defaultProps$
|
|
11847
|
+
Steps.defaultProps = defaultProps$k;
|
|
11699
11848
|
Steps.displayName = "NutSteps";
|
|
11700
|
-
const defaultProps$
|
|
11849
|
+
const defaultProps$j = {
|
|
11701
11850
|
title: "",
|
|
11702
11851
|
content: "",
|
|
11703
11852
|
activeIndex: 0,
|
|
@@ -11705,7 +11854,7 @@ const defaultProps$i = {
|
|
|
11705
11854
|
size: "12px"
|
|
11706
11855
|
};
|
|
11707
11856
|
const Step = (props) => {
|
|
11708
|
-
const _a = __spreadValues(__spreadValues({}, defaultProps$
|
|
11857
|
+
const _a = __spreadValues(__spreadValues({}, defaultProps$j), props), {
|
|
11709
11858
|
children,
|
|
11710
11859
|
title,
|
|
11711
11860
|
content,
|
|
@@ -11760,10 +11909,10 @@ const Step = (props) => {
|
|
|
11760
11909
|
className: "nut-step-content"
|
|
11761
11910
|
}, renderContent())));
|
|
11762
11911
|
};
|
|
11763
|
-
Step.defaultProps = defaultProps$
|
|
11912
|
+
Step.defaultProps = defaultProps$j;
|
|
11764
11913
|
Step.displayName = "NutStep";
|
|
11765
11914
|
const DataContext = createContext({});
|
|
11766
|
-
const defaultProps$
|
|
11915
|
+
const defaultProps$i = {
|
|
11767
11916
|
width: window.innerWidth,
|
|
11768
11917
|
height: 0,
|
|
11769
11918
|
duration: 500,
|
|
@@ -11780,7 +11929,7 @@ const defaultProps$h = {
|
|
|
11780
11929
|
};
|
|
11781
11930
|
const DISTANCE = 5;
|
|
11782
11931
|
const Swiper = React__default.forwardRef((props, ref) => {
|
|
11783
|
-
const propSwiper = __spreadValues(__spreadValues({}, defaultProps$
|
|
11932
|
+
const propSwiper = __spreadValues(__spreadValues({}, defaultProps$i), props);
|
|
11784
11933
|
const _a = propSwiper, {
|
|
11785
11934
|
children,
|
|
11786
11935
|
direction,
|
|
@@ -12156,13 +12305,13 @@ const Swiper = React__default.forwardRef((props, ref) => {
|
|
|
12156
12305
|
});
|
|
12157
12306
|
})) : /* @__PURE__ */ React__default.createElement("div", null, pageContent)));
|
|
12158
12307
|
});
|
|
12159
|
-
Swiper.defaultProps = defaultProps$
|
|
12308
|
+
Swiper.defaultProps = defaultProps$i;
|
|
12160
12309
|
Swiper.displayName = "NutSwiper";
|
|
12161
|
-
const defaultProps$
|
|
12310
|
+
const defaultProps$h = {
|
|
12162
12311
|
direction: "horizontal"
|
|
12163
12312
|
};
|
|
12164
12313
|
const SwiperItem = React__default.forwardRef((props, ref) => {
|
|
12165
|
-
const _props = __spreadValues(__spreadValues({}, defaultProps$
|
|
12314
|
+
const _props = __spreadValues(__spreadValues({}, defaultProps$h), props);
|
|
12166
12315
|
const { children, direction, size } = _props;
|
|
12167
12316
|
const parent = useContext$1(DataContext);
|
|
12168
12317
|
const [offset, setOffset] = useState(0);
|
|
@@ -12190,9 +12339,9 @@ const SwiperItem = React__default.forwardRef((props, ref) => {
|
|
|
12190
12339
|
style: style()
|
|
12191
12340
|
}, children);
|
|
12192
12341
|
});
|
|
12193
|
-
SwiperItem.defaultProps = defaultProps$
|
|
12342
|
+
SwiperItem.defaultProps = defaultProps$h;
|
|
12194
12343
|
SwiperItem.displayName = "NutSwiperItem";
|
|
12195
|
-
const defaultProps$
|
|
12344
|
+
const defaultProps$g = {
|
|
12196
12345
|
size: "normal",
|
|
12197
12346
|
icon: "",
|
|
12198
12347
|
shape: "round",
|
|
@@ -12201,7 +12350,7 @@ const defaultProps$f = {
|
|
|
12201
12350
|
src: ""
|
|
12202
12351
|
};
|
|
12203
12352
|
const Avatar = (props) => {
|
|
12204
|
-
const _a = __spreadValues(__spreadValues({}, defaultProps$
|
|
12353
|
+
const _a = __spreadValues(__spreadValues({}, defaultProps$g), props), { children, prefixCls, size, shape, bgColor, src, icon, className, style } = _a, rest = __objRest(_a, ["children", "prefixCls", "size", "shape", "bgColor", "src", "icon", "className", "style"]);
|
|
12205
12354
|
const sizeValue = ["large", "normal", "small"];
|
|
12206
12355
|
const classes = classNames({
|
|
12207
12356
|
[`${prefixCls}`]: true,
|
|
@@ -12233,9 +12382,9 @@ const Avatar = (props) => {
|
|
|
12233
12382
|
className: "text"
|
|
12234
12383
|
}, children));
|
|
12235
12384
|
};
|
|
12236
|
-
Avatar.defaultProps = defaultProps$
|
|
12385
|
+
Avatar.defaultProps = defaultProps$g;
|
|
12237
12386
|
Avatar.displayName = "NutAvatar";
|
|
12238
|
-
const defaultProps$
|
|
12387
|
+
const defaultProps$f = {
|
|
12239
12388
|
price: 0,
|
|
12240
12389
|
needSymbol: true,
|
|
12241
12390
|
symbol: "¥",
|
|
@@ -12244,7 +12393,7 @@ const defaultProps$e = {
|
|
|
12244
12393
|
className: ""
|
|
12245
12394
|
};
|
|
12246
12395
|
const Price = (props) => {
|
|
12247
|
-
const _a = __spreadValues(__spreadValues({}, defaultProps$
|
|
12396
|
+
const _a = __spreadValues(__spreadValues({}, defaultProps$f), props), { price, needSymbol, symbol, decimalDigits, thousands, className } = _a, rest = __objRest(_a, ["price", "needSymbol", "symbol", "decimalDigits", "thousands", "className"]);
|
|
12248
12397
|
const b2 = cn("price");
|
|
12249
12398
|
const showSymbol = () => {
|
|
12250
12399
|
return { __html: (needSymbol ? symbol : "") || "" };
|
|
@@ -12294,9 +12443,9 @@ const Price = (props) => {
|
|
|
12294
12443
|
className: `${b2("small")}`
|
|
12295
12444
|
}, formatDecimal(price)));
|
|
12296
12445
|
};
|
|
12297
|
-
Price.defaultProps = defaultProps$
|
|
12446
|
+
Price.defaultProps = defaultProps$f;
|
|
12298
12447
|
Price.displayName = "NutPrice";
|
|
12299
|
-
const defaultProps$
|
|
12448
|
+
const defaultProps$e = {
|
|
12300
12449
|
value: "",
|
|
12301
12450
|
dot: false,
|
|
12302
12451
|
max: 1e4,
|
|
@@ -12307,16 +12456,16 @@ const defaultProps$d = {
|
|
|
12307
12456
|
icons: ""
|
|
12308
12457
|
};
|
|
12309
12458
|
const Badge = (props) => {
|
|
12310
|
-
const {
|
|
12459
|
+
const { children, dot, top, right, zIndex, color, icons } = __spreadValues(__spreadValues({}, defaultProps$e), props);
|
|
12311
12460
|
const content = () => {
|
|
12312
12461
|
if (dot)
|
|
12313
12462
|
return;
|
|
12314
|
-
const { value
|
|
12315
|
-
const { max
|
|
12316
|
-
if (typeof
|
|
12317
|
-
return
|
|
12463
|
+
const { value } = props;
|
|
12464
|
+
const { max } = props;
|
|
12465
|
+
if (typeof value === "number" && typeof max === "number") {
|
|
12466
|
+
return max < value ? `${max}+` : value;
|
|
12318
12467
|
}
|
|
12319
|
-
return
|
|
12468
|
+
return value;
|
|
12320
12469
|
};
|
|
12321
12470
|
const getStyle = () => {
|
|
12322
12471
|
const style = {};
|
|
@@ -12340,9 +12489,9 @@ const Badge = (props) => {
|
|
|
12340
12489
|
style: getStyle()
|
|
12341
12490
|
}, content()));
|
|
12342
12491
|
};
|
|
12343
|
-
Badge.defaultProps = defaultProps$
|
|
12492
|
+
Badge.defaultProps = defaultProps$e;
|
|
12344
12493
|
Badge.displayName = "NutBadge";
|
|
12345
|
-
const defaultProps$
|
|
12494
|
+
const defaultProps$d = {
|
|
12346
12495
|
type: "default",
|
|
12347
12496
|
color: "",
|
|
12348
12497
|
textColor: "",
|
|
@@ -12368,7 +12517,7 @@ const Tag = (props) => {
|
|
|
12368
12517
|
textColor,
|
|
12369
12518
|
isShow,
|
|
12370
12519
|
onClick
|
|
12371
|
-
} = __spreadValues(__spreadValues({}, defaultProps$
|
|
12520
|
+
} = __spreadValues(__spreadValues({}, defaultProps$d), props);
|
|
12372
12521
|
const [btnName, setBtnName] = useState("");
|
|
12373
12522
|
useEffect(() => {
|
|
12374
12523
|
setBtnName(classes());
|
|
@@ -12421,7 +12570,7 @@ const Tag = (props) => {
|
|
|
12421
12570
|
className: "text"
|
|
12422
12571
|
}, children)));
|
|
12423
12572
|
};
|
|
12424
|
-
Tag.defaultProps = defaultProps$
|
|
12573
|
+
Tag.defaultProps = defaultProps$d;
|
|
12425
12574
|
Tag.displayName = "NutTag";
|
|
12426
12575
|
function fillRef(ref, node) {
|
|
12427
12576
|
if (typeof ref === "function") {
|
|
@@ -12478,7 +12627,7 @@ const getEleAttr = (ele) => {
|
|
|
12478
12627
|
}
|
|
12479
12628
|
return null;
|
|
12480
12629
|
};
|
|
12481
|
-
const defaultProps$
|
|
12630
|
+
const defaultProps$c = {
|
|
12482
12631
|
list: [],
|
|
12483
12632
|
theme: "light",
|
|
12484
12633
|
location: "bottom",
|
|
@@ -12488,7 +12637,7 @@ const defaultProps$b = {
|
|
|
12488
12637
|
}
|
|
12489
12638
|
};
|
|
12490
12639
|
const Popover = (props) => {
|
|
12491
|
-
const _a = __spreadValues(__spreadValues({}, defaultProps$
|
|
12640
|
+
const _a = __spreadValues(__spreadValues({}, defaultProps$c), props), { children, list, theme, location: location2, visible, className, style, onClick } = _a, reset = __objRest(_a, ["children", "list", "theme", "location", "visible", "className", "style", "onClick"]);
|
|
12492
12641
|
const goodItem = useRef(null);
|
|
12493
12642
|
const aa = goodItem.current && findDOMNode(goodItem.current);
|
|
12494
12643
|
setTimeout(() => {
|
|
@@ -12594,9 +12743,9 @@ const Popover = (props) => {
|
|
|
12594
12743
|
}, item.name));
|
|
12595
12744
|
})) : null)));
|
|
12596
12745
|
};
|
|
12597
|
-
Popover.defaultProps = defaultProps$
|
|
12746
|
+
Popover.defaultProps = defaultProps$c;
|
|
12598
12747
|
Popover.displayName = "NutPopover";
|
|
12599
|
-
const defaultProps$
|
|
12748
|
+
const defaultProps$b = {
|
|
12600
12749
|
width: 100,
|
|
12601
12750
|
height: 100,
|
|
12602
12751
|
row: 1,
|
|
@@ -12609,7 +12758,7 @@ const defaultProps$a = {
|
|
|
12609
12758
|
avatarShape: "round"
|
|
12610
12759
|
};
|
|
12611
12760
|
const Skeleton = (props) => {
|
|
12612
|
-
const _a = __spreadValues(__spreadValues({}, defaultProps$
|
|
12761
|
+
const _a = __spreadValues(__spreadValues({}, defaultProps$b), props), {
|
|
12613
12762
|
className,
|
|
12614
12763
|
width,
|
|
12615
12764
|
height,
|
|
@@ -12680,8 +12829,191 @@ const Skeleton = (props) => {
|
|
|
12680
12829
|
});
|
|
12681
12830
|
})))));
|
|
12682
12831
|
};
|
|
12683
|
-
Skeleton.defaultProps = defaultProps$
|
|
12832
|
+
Skeleton.defaultProps = defaultProps$b;
|
|
12684
12833
|
Skeleton.displayName = "NutSkeleton";
|
|
12834
|
+
const defaultProps$a = {
|
|
12835
|
+
showPlainText: false,
|
|
12836
|
+
showDays: false,
|
|
12837
|
+
paused: false,
|
|
12838
|
+
startTime: Date.now(),
|
|
12839
|
+
endTime: Date.now()
|
|
12840
|
+
};
|
|
12841
|
+
const CountDown = (props) => {
|
|
12842
|
+
const { locale } = useConfig();
|
|
12843
|
+
const _a = __spreadValues(__spreadValues({}, defaultProps$a), props), {
|
|
12844
|
+
showPlainText,
|
|
12845
|
+
showDays,
|
|
12846
|
+
paused,
|
|
12847
|
+
startTime,
|
|
12848
|
+
endTime,
|
|
12849
|
+
className,
|
|
12850
|
+
style,
|
|
12851
|
+
onEnd,
|
|
12852
|
+
onPaused,
|
|
12853
|
+
onRestart,
|
|
12854
|
+
onUpdate,
|
|
12855
|
+
children
|
|
12856
|
+
} = _a, rest = __objRest(_a, [
|
|
12857
|
+
"showPlainText",
|
|
12858
|
+
"showDays",
|
|
12859
|
+
"paused",
|
|
12860
|
+
"startTime",
|
|
12861
|
+
"endTime",
|
|
12862
|
+
"className",
|
|
12863
|
+
"style",
|
|
12864
|
+
"onEnd",
|
|
12865
|
+
"onPaused",
|
|
12866
|
+
"onRestart",
|
|
12867
|
+
"onUpdate",
|
|
12868
|
+
"children"
|
|
12869
|
+
]);
|
|
12870
|
+
const b2 = cn("countdown");
|
|
12871
|
+
const [restTimeStamp, setRestTime] = useState(0);
|
|
12872
|
+
const stateRef = useRef({
|
|
12873
|
+
pauseTime: 0,
|
|
12874
|
+
curr: 0,
|
|
12875
|
+
timer: 0,
|
|
12876
|
+
isPaused: paused,
|
|
12877
|
+
isIninted: false
|
|
12878
|
+
});
|
|
12879
|
+
const fill2 = (v2) => {
|
|
12880
|
+
v2 += "";
|
|
12881
|
+
while (v2.length < 2) {
|
|
12882
|
+
v2 = "0" + v2;
|
|
12883
|
+
}
|
|
12884
|
+
return v2;
|
|
12885
|
+
};
|
|
12886
|
+
const restTime = (t2) => {
|
|
12887
|
+
const ts2 = t2;
|
|
12888
|
+
let rest2 = {
|
|
12889
|
+
d: "-",
|
|
12890
|
+
h: "--",
|
|
12891
|
+
m: "--",
|
|
12892
|
+
s: "--"
|
|
12893
|
+
};
|
|
12894
|
+
if (ts2 === 0) {
|
|
12895
|
+
rest2 = {
|
|
12896
|
+
d: "0",
|
|
12897
|
+
h: "00",
|
|
12898
|
+
m: "00",
|
|
12899
|
+
s: "00"
|
|
12900
|
+
};
|
|
12901
|
+
}
|
|
12902
|
+
if (ts2) {
|
|
12903
|
+
const ds = 24 * 60 * 60 * 1e3;
|
|
12904
|
+
const hs = 60 * 60 * 1e3;
|
|
12905
|
+
const ms = 60 * 1e3;
|
|
12906
|
+
const d2 = ts2 >= ds ? parseInt(String(ts2 / ds)) : 0;
|
|
12907
|
+
const h2 = ts2 - d2 * ds >= hs ? parseInt(String((ts2 - d2 * ds) / hs)) : 0;
|
|
12908
|
+
const m2 = ts2 - d2 * ds - h2 * hs >= ms ? parseInt(String((ts2 - d2 * ds - h2 * hs) / ms)) : 0;
|
|
12909
|
+
const s = Math.round((ts2 - d2 * ds - h2 * hs - m2 * ms) / 1e3);
|
|
12910
|
+
if (d2 >= 0)
|
|
12911
|
+
rest2.d = d2 + "";
|
|
12912
|
+
if (h2 >= 0)
|
|
12913
|
+
rest2.h = fill2(h2);
|
|
12914
|
+
if (m2 >= 0)
|
|
12915
|
+
rest2.m = fill2(m2);
|
|
12916
|
+
if (s >= 0)
|
|
12917
|
+
rest2.s = fill2(s);
|
|
12918
|
+
}
|
|
12919
|
+
return rest2;
|
|
12920
|
+
};
|
|
12921
|
+
const resttime = (() => {
|
|
12922
|
+
const rest2 = restTime(restTimeStamp);
|
|
12923
|
+
const { d: d2 } = rest2;
|
|
12924
|
+
if (!showDays && Number(d2) > 0) {
|
|
12925
|
+
rest2.h = fill2(Number(rest2.h) + Number(d2) * 24);
|
|
12926
|
+
rest2.d = "0";
|
|
12927
|
+
}
|
|
12928
|
+
return rest2;
|
|
12929
|
+
})();
|
|
12930
|
+
const getTimeStamp = (timeStr) => {
|
|
12931
|
+
if (!timeStr)
|
|
12932
|
+
return Date.now();
|
|
12933
|
+
let t2 = timeStr;
|
|
12934
|
+
t2 = t2 > 0 ? +t2 : t2.toString().replace(/\-/g, "/");
|
|
12935
|
+
return new Date(t2).getTime();
|
|
12936
|
+
};
|
|
12937
|
+
const plainText = (() => {
|
|
12938
|
+
const { d: d2, h: h2, m: m2, s } = resttime;
|
|
12939
|
+
const showDayshours = Number(d2) > 0 && showDays ? `${d2}${locale.countdown.day}${h2}` : h2;
|
|
12940
|
+
return `${showDayshours}${locale.countdown.hour}${m2}${locale.countdown.minute}${s}${locale.countdown.second}`;
|
|
12941
|
+
})();
|
|
12942
|
+
const initTimer = () => {
|
|
12943
|
+
if (!stateRef.current.isIninted) {
|
|
12944
|
+
stateRef.current.isIninted = true;
|
|
12945
|
+
}
|
|
12946
|
+
const delay = 1e3;
|
|
12947
|
+
const curr = Date.now();
|
|
12948
|
+
const start2 = getTimeStamp(startTime || curr);
|
|
12949
|
+
const end = getTimeStamp(endTime || curr);
|
|
12950
|
+
const diffTime = curr - start2;
|
|
12951
|
+
setRestTime(end - (start2 + diffTime));
|
|
12952
|
+
stateRef.current.timer = setInterval(() => {
|
|
12953
|
+
if (!stateRef.current.isPaused) {
|
|
12954
|
+
const restTime2 = end - (Date.now() - stateRef.current.pauseTime + diffTime);
|
|
12955
|
+
setRestTime(restTime2);
|
|
12956
|
+
if (restTime2 < 0) {
|
|
12957
|
+
setRestTime(0);
|
|
12958
|
+
onEnd && onEnd();
|
|
12959
|
+
clearInterval(stateRef.current.timer);
|
|
12960
|
+
}
|
|
12961
|
+
}
|
|
12962
|
+
}, delay);
|
|
12963
|
+
};
|
|
12964
|
+
useEffect(() => {
|
|
12965
|
+
if (onUpdate) {
|
|
12966
|
+
const tranTime = restTime(restTimeStamp);
|
|
12967
|
+
onUpdate(tranTime);
|
|
12968
|
+
}
|
|
12969
|
+
}, [restTimeStamp]);
|
|
12970
|
+
useEffect(() => {
|
|
12971
|
+
if (stateRef.current.isIninted) {
|
|
12972
|
+
stateRef.current.isPaused = paused;
|
|
12973
|
+
if (paused) {
|
|
12974
|
+
stateRef.current.curr = getTimeStamp();
|
|
12975
|
+
onPaused && onPaused(restTimeStamp);
|
|
12976
|
+
} else {
|
|
12977
|
+
stateRef.current.pauseTime += getTimeStamp() - stateRef.current.curr;
|
|
12978
|
+
onRestart && onRestart(restTimeStamp);
|
|
12979
|
+
}
|
|
12980
|
+
}
|
|
12981
|
+
}, [paused]);
|
|
12982
|
+
useEffect(() => {
|
|
12983
|
+
if (stateRef.current.isIninted) {
|
|
12984
|
+
initTimer();
|
|
12985
|
+
}
|
|
12986
|
+
}, [endTime, startTime]);
|
|
12987
|
+
useEffect(() => {
|
|
12988
|
+
initTimer();
|
|
12989
|
+
return componentWillUnmount;
|
|
12990
|
+
}, []);
|
|
12991
|
+
const componentWillUnmount = () => {
|
|
12992
|
+
clearInterval(stateRef.current.timer);
|
|
12993
|
+
};
|
|
12994
|
+
return /* @__PURE__ */ React__default.createElement("div", __spreadValues({
|
|
12995
|
+
className: `${b2()} ${className || ""}`,
|
|
12996
|
+
style: __spreadValues({}, style)
|
|
12997
|
+
}, rest), children || /* @__PURE__ */ React__default.createElement(React__default.Fragment, null, showPlainText ? /* @__PURE__ */ React__default.createElement("div", {
|
|
12998
|
+
className: b2("block")
|
|
12999
|
+
}, " ", plainText, " ") : /* @__PURE__ */ React__default.createElement(React__default.Fragment, null, Number(resttime.d) >= 0 && showDays ? /* @__PURE__ */ React__default.createElement(React__default.Fragment, null, /* @__PURE__ */ React__default.createElement("div", {
|
|
13000
|
+
className: b2("block")
|
|
13001
|
+
}, resttime.d), /* @__PURE__ */ React__default.createElement("div", {
|
|
13002
|
+
className: b2("dot")
|
|
13003
|
+
}, locale.countdown.day || ":")) : null, /* @__PURE__ */ React__default.createElement("div", {
|
|
13004
|
+
className: b2("block")
|
|
13005
|
+
}, resttime.h), /* @__PURE__ */ React__default.createElement("div", {
|
|
13006
|
+
className: b2("dot")
|
|
13007
|
+
}, ":"), /* @__PURE__ */ React__default.createElement("div", {
|
|
13008
|
+
className: b2("block")
|
|
13009
|
+
}, resttime.m), /* @__PURE__ */ React__default.createElement("div", {
|
|
13010
|
+
className: b2("dot")
|
|
13011
|
+
}, ":"), /* @__PURE__ */ React__default.createElement("div", {
|
|
13012
|
+
className: b2("block")
|
|
13013
|
+
}, resttime.s))));
|
|
13014
|
+
};
|
|
13015
|
+
CountDown.defaultProps = defaultProps$a;
|
|
13016
|
+
CountDown.displayName = "NutCountDown";
|
|
12685
13017
|
const defaultProps$9 = {
|
|
12686
13018
|
activeName: ["0"],
|
|
12687
13019
|
accordion: false,
|
|
@@ -12691,7 +13023,7 @@ const defaultProps$9 = {
|
|
|
12691
13023
|
rotate: 180
|
|
12692
13024
|
};
|
|
12693
13025
|
function areEqual(prevProps, nextProps) {
|
|
12694
|
-
return JSON.stringify(prevProps.activeName)
|
|
13026
|
+
return JSON.stringify(prevProps.activeName) === JSON.stringify(nextProps.activeName);
|
|
12695
13027
|
}
|
|
12696
13028
|
const Collapse = memo((props) => {
|
|
12697
13029
|
const { children, activeName, accordion, icon, rotate, iconSize, iconColor, change } = __spreadValues(__spreadValues({}, defaultProps$9), props);
|
|
@@ -12736,7 +13068,7 @@ const Collapse = memo((props) => {
|
|
|
12736
13068
|
};
|
|
12737
13069
|
return /* @__PURE__ */ React__default.createElement("div", {
|
|
12738
13070
|
className: colBem()
|
|
12739
|
-
}, childrenDom.map((item
|
|
13071
|
+
}, childrenDom.map((item) => {
|
|
12740
13072
|
return React__default.cloneElement(item, {
|
|
12741
13073
|
isOpen: defaultOpenIndex.includes(item.props.name),
|
|
12742
13074
|
onToggle: (isOpen, name) => onToggle(isOpen, name),
|
|
@@ -12949,6 +13281,7 @@ const defaultProps$5 = {
|
|
|
12949
13281
|
customAndExistTitle: "\u9009\u62E9\u5176\u4ED6\u5730\u5740"
|
|
12950
13282
|
};
|
|
12951
13283
|
const ExistRender = (props) => {
|
|
13284
|
+
const { locale } = useConfig();
|
|
12952
13285
|
const _a = __spreadValues(__spreadValues({}, defaultProps$5), props), {
|
|
12953
13286
|
children,
|
|
12954
13287
|
type,
|
|
@@ -13029,7 +13362,7 @@ const ExistRender = (props) => {
|
|
|
13029
13362
|
onClick: switchModule
|
|
13030
13363
|
}, /* @__PURE__ */ React__default.createElement("div", {
|
|
13031
13364
|
className: b2("choose-other-btn")
|
|
13032
|
-
}, customAndExistTitle)));
|
|
13365
|
+
}, locale.address.chooseAnotherAddress || customAndExistTitle)));
|
|
13033
13366
|
};
|
|
13034
13367
|
const defaultProps$4 = {
|
|
13035
13368
|
type: "custom",
|
|
@@ -13040,11 +13373,12 @@ const defaultProps$4 = {
|
|
|
13040
13373
|
height: "200px"
|
|
13041
13374
|
};
|
|
13042
13375
|
const CustomRender = (props) => {
|
|
13376
|
+
const { locale } = useConfig();
|
|
13043
13377
|
const _a = __spreadValues(__spreadValues({}, defaultProps$4), props), { children, type, height, province, city, country, town, onNextArea, onClose } = _a, rest = __objRest(_a, ["children", "type", "height", "province", "city", "country", "town", "onNextArea", "onClose"]);
|
|
13044
13378
|
const b2 = cn("address");
|
|
13045
|
-
const [privateType
|
|
13379
|
+
const [privateType] = useState(type);
|
|
13046
13380
|
const [tabIndex, setTabIndex] = useState(0);
|
|
13047
|
-
const [tabName
|
|
13381
|
+
const [tabName] = useState(["province", "city", "country", "town"]);
|
|
13048
13382
|
const provinceRef = useRef(null);
|
|
13049
13383
|
const cityRef = useRef(null);
|
|
13050
13384
|
const countryRef = useRef(null);
|
|
@@ -13104,7 +13438,7 @@ const CustomRender = (props) => {
|
|
|
13104
13438
|
if (tabIndex < index2) {
|
|
13105
13439
|
return item.name;
|
|
13106
13440
|
}
|
|
13107
|
-
return
|
|
13441
|
+
return locale.select;
|
|
13108
13442
|
};
|
|
13109
13443
|
const mapRef = {
|
|
13110
13444
|
province: provinceRef,
|
|
@@ -13243,6 +13577,7 @@ const defaultProps$3 = {
|
|
|
13243
13577
|
backBtnIcon: "left"
|
|
13244
13578
|
};
|
|
13245
13579
|
const Address = (props) => {
|
|
13580
|
+
const { locale } = useConfig();
|
|
13246
13581
|
const _a = __spreadValues(__spreadValues({}, defaultProps$3), props), {
|
|
13247
13582
|
modelValue,
|
|
13248
13583
|
children,
|
|
@@ -13296,7 +13631,7 @@ const Address = (props) => {
|
|
|
13296
13631
|
]);
|
|
13297
13632
|
const b2 = cn("address");
|
|
13298
13633
|
const [privateType, setPrivateType] = useState(type);
|
|
13299
|
-
const [tabName
|
|
13634
|
+
const [tabName] = useState(["province", "city", "country", "town"]);
|
|
13300
13635
|
const [showPopup, setShowPopup] = useState(modelValue);
|
|
13301
13636
|
const [selectedRegion, setSelectedRegion] = useState({
|
|
13302
13637
|
province: { name: "" },
|
|
@@ -13305,13 +13640,10 @@ const Address = (props) => {
|
|
|
13305
13640
|
town: { name: "" }
|
|
13306
13641
|
});
|
|
13307
13642
|
const [selectedExistAddress, setSelectedExistAddress] = useState({});
|
|
13308
|
-
const
|
|
13309
|
-
const handClose = (type2 = "self") => {
|
|
13310
|
-
setCloseWay(() => type2 === "cross" ? "cross" : "self");
|
|
13643
|
+
const handClose = () => {
|
|
13311
13644
|
setShowPopup(false);
|
|
13312
13645
|
};
|
|
13313
13646
|
const clickOverlay = () => {
|
|
13314
|
-
setCloseWay("mask");
|
|
13315
13647
|
closeMask && closeMask({ closeWay: "mask" });
|
|
13316
13648
|
};
|
|
13317
13649
|
const nextAreaList = (item) => {
|
|
@@ -13388,8 +13720,8 @@ const Address = (props) => {
|
|
|
13388
13720
|
color: "#cccccc"
|
|
13389
13721
|
})), /* @__PURE__ */ React__default.createElement("div", {
|
|
13390
13722
|
className: b2("header__title")
|
|
13391
|
-
}, privateType === "custom" ? customAddressTitle : existAddressTitle), /* @__PURE__ */ React__default.createElement("div", {
|
|
13392
|
-
onClick: () => handClose(
|
|
13723
|
+
}, privateType === "custom" ? locale.address.selectRegion || customAddressTitle : locale.address.deliveryTo || existAddressTitle), /* @__PURE__ */ React__default.createElement("div", {
|
|
13724
|
+
onClick: () => handClose()
|
|
13393
13725
|
}, closeBtnIcon && /* @__PURE__ */ React__default.createElement(Icon, {
|
|
13394
13726
|
name: closeBtnIcon,
|
|
13395
13727
|
color: "#cccccc",
|
|
@@ -13408,9 +13740,6 @@ const Address = (props) => {
|
|
|
13408
13740
|
visible: showPopup,
|
|
13409
13741
|
position: "bottom",
|
|
13410
13742
|
onClickOverlay: clickOverlay,
|
|
13411
|
-
onOpen: () => {
|
|
13412
|
-
setCloseWay("self");
|
|
13413
|
-
},
|
|
13414
13743
|
onClose: () => {
|
|
13415
13744
|
closeFun();
|
|
13416
13745
|
}
|
|
@@ -13434,7 +13763,7 @@ const Address = (props) => {
|
|
|
13434
13763
|
selectedIcon,
|
|
13435
13764
|
defaultIcon,
|
|
13436
13765
|
isShowCustomAddress,
|
|
13437
|
-
customAndExistTitle,
|
|
13766
|
+
customAndExistTitle: locale.address.chooseAnotherAddress || customAndExistTitle,
|
|
13438
13767
|
onSelected: selectedExist,
|
|
13439
13768
|
onSwitchModule
|
|
13440
13769
|
}))));
|
|
@@ -13519,6 +13848,7 @@ const defaultProps$1 = {
|
|
|
13519
13848
|
className: ""
|
|
13520
13849
|
};
|
|
13521
13850
|
const Signature = (props) => {
|
|
13851
|
+
const { locale } = useConfig();
|
|
13522
13852
|
const _a = __spreadValues(__spreadValues({}, defaultProps$1), props), { type, lineWidth, strokeStyle, unSupportTpl, className } = _a, rest = __objRest(_a, ["type", "lineWidth", "strokeStyle", "unSupportTpl", "className"]);
|
|
13523
13853
|
const b2 = cn("signature");
|
|
13524
13854
|
const canvasRef = useRef(null);
|
|
@@ -13616,15 +13946,15 @@ const Signature = (props) => {
|
|
|
13616
13946
|
width: canvasWidth
|
|
13617
13947
|
}) : /* @__PURE__ */ React__default.createElement("p", {
|
|
13618
13948
|
className: `${b2("unsopport")}`
|
|
13619
|
-
}, unSupportTpl)), /* @__PURE__ */ React__default.createElement(Button, {
|
|
13949
|
+
}, locale.signature.unSupportTpl || unSupportTpl)), /* @__PURE__ */ React__default.createElement(Button, {
|
|
13620
13950
|
className: `${b2("btn")}`,
|
|
13621
13951
|
type: "default",
|
|
13622
13952
|
onClick: () => clear()
|
|
13623
|
-
},
|
|
13953
|
+
}, locale.signature.reSign), /* @__PURE__ */ React__default.createElement(Button, {
|
|
13624
13954
|
className: `${b2("btn")}`,
|
|
13625
13955
|
type: "primary",
|
|
13626
13956
|
onClick: () => confirm2()
|
|
13627
|
-
},
|
|
13957
|
+
}, locale.confirm));
|
|
13628
13958
|
};
|
|
13629
13959
|
Signature.defaultProps = defaultProps$1;
|
|
13630
13960
|
Signature.displayName = "NutSignature";
|
|
@@ -13693,4 +14023,4 @@ const Card = (props) => {
|
|
|
13693
14023
|
};
|
|
13694
14024
|
Card.defaultProps = defaultProps;
|
|
13695
14025
|
Card.displayName = "NutCard";
|
|
13696
|
-
export { ActionSheet, Address, AnimatingNumbers, Avatar, BackTop, Badge, Barrage, Button, Calendar, CalendarItem, Card, Cell, CellGroup, Checkbox, CheckboxGroup, CircleProgress, Col, Collapse, CollapseItem, DatePicker, Dialog, Divider, Drag, Elevator, FixedNav, Icon, Infiniteloading, Input, InputNumber, Layout, NavBar, NoticeBar, Notify, Overlay, Pagination, Picker, Popover, Popup, Price, Radio, RadioGroup, Range, Rate, Row, ShortPassword, Signature, Skeleton, Step, Steps, Swiper, SwiperItem, Switch, TabPane, Tabbar, TabbarItem, Tabs, Tag, TextArea, Toast, Uploader };
|
|
14026
|
+
export { ActionSheet, Address, AnimatingNumbers, Avatar, BackTop, Badge, Barrage, Button, Calendar, CalendarItem, Card, Cell, CellGroup, Checkbox, CheckboxGroup, CircleProgress, Col, Collapse, CollapseItem, ConfigProvider, CountDown, DatePicker, Dialog, Divider, Drag, Elevator, FixedNav, Icon, Infiniteloading, Input, InputNumber, Layout, NavBar, NoticeBar, Notify, Overlay, Pagination, Picker, Popover, Popup, Price, Radio, RadioGroup, Range, Rate, Row, ShortPassword, Signature, Skeleton, Step, Steps, Swiper, SwiperItem, Switch, TabPane, Tabbar, TabbarItem, Tabs, Tag, TextArea, Toast, Uploader };
|