@nutui/nutui-react-taro 2.0.0-alpha.14 → 2.0.0-alpha.15
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/CHANGELOG.md +14 -0
- package/dist/esm/Address.js +2 -2
- package/dist/esm/Audio.js +2 -2
- package/dist/esm/Avatar.js +3 -3
- package/dist/esm/Calendar.js +3 -3
- package/dist/esm/CalendarItem.js +2 -2
- package/dist/esm/Card/style/style.css +1 -1
- package/dist/esm/Card.js +2 -4
- package/dist/esm/ConfigProvider.js +2 -2
- package/dist/esm/CountDown.js +2 -2
- package/dist/esm/DatePicker.js +3 -3
- package/dist/esm/Dialog.js +2 -2
- package/dist/esm/Empty.js +2 -2
- package/dist/esm/FixedNav.js +2 -2
- package/dist/esm/Grid.js +3 -3
- package/dist/esm/GridItem.js +2 -2
- package/dist/esm/Image.js +2 -2
- package/dist/esm/ImagePreview.js +1 -1
- package/dist/esm/InfiniteLoading/style/style.css +1 -0
- package/dist/esm/InfiniteLoading.js +10 -0
- package/dist/esm/Input.js +2 -2
- package/dist/esm/NumberKeyboard.js +2 -2
- package/dist/esm/Pagination.js +2 -2
- package/dist/esm/Picker.js +2 -2
- package/dist/esm/PullToRefresh.js +2 -2
- package/dist/esm/SearchBar.js +2 -2
- package/dist/esm/ShortPassword.js +2 -2
- package/dist/esm/Signature/style/index.js +1 -1
- package/dist/esm/Signature/style/style.css +1 -1
- package/dist/esm/Signature.js +1 -7
- package/dist/esm/Skeleton.js +4 -4
- package/dist/esm/Table.js +2 -2
- package/dist/esm/Tag/style/style.css +1 -1
- package/dist/esm/Tag.js +1 -1
- package/dist/esm/TextArea.js +2 -2
- package/dist/esm/TimeDetail/style/style.css +1 -1
- package/dist/esm/TimeDetail.js +3 -4
- package/dist/esm/TimeSelect/style/index.js +0 -1
- package/dist/esm/TimeSelect/style/style.css +1 -1
- package/dist/esm/TimeSelect.js +4 -7
- package/dist/esm/Uploader.js +2 -2
- package/dist/esm/WaterMark.js +2 -2
- package/dist/esm/{address.taro-1a8ab3f1.js → address.taro-cc879a1d.js} +1 -1
- package/dist/esm/{audio.taro-73011657.js → audio.taro-64b15071.js} +1 -1
- package/dist/esm/{avatar.taro-01536aff.js → avatar.taro-8a26cd6c.js} +1 -1
- package/dist/esm/{calendar.taro-10a6cb11.js → calendar.taro-02195ddb.js} +2 -2
- package/dist/esm/{calendaritem.taro-3e5f114e.js → calendaritem.taro-4230e5c4.js} +1 -1
- package/dist/esm/card.taro-92fe9733.js +64 -0
- package/dist/esm/{configprovider.taro-25758d9f.js → configprovider.taro-372b1525.js} +1 -1
- package/dist/esm/{countdown.taro-c399cc08.js → countdown.taro-8f19d21b.js} +1 -1
- package/dist/esm/{datepicker.taro-6304d59d.js → datepicker.taro-8c9230b6.js} +2 -2
- package/dist/esm/{dialog.taro-290eb9a6.js → dialog.taro-e5c2cb03.js} +1 -1
- package/dist/esm/{empty.taro-ca792f57.js → empty.taro-8345ac72.js} +1 -1
- package/dist/esm/{fixednav.taro-b9ecf0d5.js → fixednav.taro-6c69ad79.js} +1 -1
- package/dist/esm/{grid.taro-fbbd8618.js → grid.taro-9b63aca5.js} +1 -1
- package/dist/esm/{griditem.taro-b0c37077.js → griditem.taro-48971911.js} +1 -1
- package/dist/esm/{image.taro-767aa000.js → image.taro-fde6e649.js} +1 -1
- package/dist/esm/{imagepreview.taro-daa5a84f.js → imagepreview.taro-cfe0a4cc.js} +3 -2
- package/dist/esm/{infiniteloading.taro-f8f23ac6.js → infiniteloading.taro-53eeb1ec.js} +17 -33
- package/dist/esm/{input.taro-27d686c9.js → input.taro-69c08268.js} +1 -1
- package/dist/esm/{numberkeyboard.taro-ad8afaf9.js → numberkeyboard.taro-18879f04.js} +1 -1
- package/dist/esm/nutui-react.es.js +37 -39
- package/dist/esm/{pagination.taro-63607c3b.js → pagination.taro-592bca05.js} +1 -1
- package/dist/esm/{picker.taro-8ba4624c.js → picker.taro-6b672469.js} +1 -1
- package/dist/esm/{pulltorefresh.taro-5b36a881.js → pulltorefresh.taro-3719fdfb.js} +1 -1
- package/dist/esm/{searchbar.taro-09468fff.js → searchbar.taro-39351331.js} +1 -1
- package/dist/esm/{shortpassword.taro-eabbde1b.js → shortpassword.taro-cff61e4e.js} +1 -1
- package/dist/esm/{signature.taro-6e75a1ac.js → signature.taro-4f68516a.js} +19 -20
- package/dist/esm/{skeleton.taro-0552c2ec.js → skeleton.taro-ce714b06.js} +1 -1
- package/dist/esm/{table.taro-15a55c5d.js → table.taro-a20f15f2.js} +1 -1
- package/dist/esm/tag.taro-614758eb.js +76 -0
- package/dist/esm/{textarea.taro-c110565e.js → textarea.taro-593cd471.js} +1 -1
- package/dist/esm/timedetail.taro-d7aa4c1b.js +48 -0
- package/dist/esm/timeselect.taro-9e37e648.js +114 -0
- package/dist/esm/types/src/locales/base.d.ts +1 -1
- package/dist/esm/types/src/packages/card/card.d.ts +8 -9
- package/dist/esm/types/src/packages/card/card.taro.d.ts +8 -9
- package/dist/esm/types/src/packages/card/index.d.ts +1 -0
- package/dist/esm/types/src/packages/card/index.taro.d.ts +1 -0
- package/dist/esm/types/src/packages/configprovider/types.d.ts +1 -1
- package/dist/esm/types/src/packages/imagepreview/imagepreview.taro.d.ts +1 -0
- package/dist/esm/types/src/packages/infiniteloading/demo.taro.d.ts +2 -2
- package/dist/esm/types/src/packages/infiniteloading/index.d.ts +3 -2
- package/dist/esm/types/src/packages/infiniteloading/index.taro.d.ts +3 -2
- package/dist/esm/types/src/packages/infiniteloading/infiniteloading.d.ts +9 -14
- package/dist/esm/types/src/packages/infiniteloading/infiniteloading.taro.d.ts +8 -12
- package/dist/esm/types/src/packages/nutui.react.build.d.ts +2 -3
- package/dist/esm/types/src/packages/nutui.react.d.ts +2 -4
- package/dist/esm/types/src/packages/nutui.react.scss.d.ts +0 -1
- package/dist/esm/types/src/packages/nutui.react.taro.d.ts +2 -4
- package/dist/esm/types/src/packages/nutui.react.taro.scss.d.ts +0 -1
- package/dist/esm/types/src/packages/nutui.taro.react.build.d.ts +2 -3
- package/dist/esm/types/src/packages/signature/index.d.ts +1 -0
- package/dist/esm/types/src/packages/signature/index.taro.d.ts +1 -0
- package/dist/esm/types/src/packages/signature/signature.d.ts +10 -8
- package/dist/esm/types/src/packages/signature/signature.taro.d.ts +7 -12
- package/dist/esm/types/src/packages/tag/index.d.ts +1 -0
- package/dist/esm/types/src/packages/tag/index.taro.d.ts +1 -0
- package/dist/esm/types/src/packages/tag/tag.d.ts +4 -6
- package/dist/esm/types/src/packages/tag/tag.taro.d.ts +4 -6
- package/dist/esm/types/src/packages/timedetail/index.d.ts +1 -2
- package/dist/esm/types/src/packages/timedetail/timedetail.d.ts +9 -11
- package/dist/esm/types/src/packages/timedetail/timedetail.taro.d.ts +9 -11
- package/dist/esm/types/src/packages/timeselect/demo.taro.d.ts +0 -4
- package/dist/esm/types/src/packages/timeselect/index.d.ts +1 -0
- package/dist/esm/types/src/packages/timeselect/index.taro.d.ts +1 -0
- package/dist/esm/types/src/packages/timeselect/timeselect.d.ts +25 -20
- package/dist/esm/types/src/packages/timeselect/timeselect.taro.d.ts +25 -20
- package/dist/esm/{uploader.taro-fbd05e20.js → uploader.taro-5ad88f83.js} +1 -1
- package/dist/esm/{watermark.taro-e2245bb1.js → watermark.taro-b6b1ae18.js} +1 -1
- package/dist/locales/base.d.ts +1 -1
- package/dist/locales/base.js +1 -1
- package/dist/locales/en-US.js +2 -2
- package/dist/locales/id-ID.js +2 -2
- package/dist/locales/tr-TR.js +2 -2
- package/dist/locales/zh-CN.js +2 -2
- package/dist/locales/zh-TW.js +2 -2
- package/dist/locales/zh-UG.js +2 -2
- package/dist/nutui.react.es.js +556 -602
- package/dist/nutui.react.umd.js +555 -601
- package/dist/packages/card/card.scss +8 -14
- package/dist/packages/infiniteloading/infiniteloading.scss +2 -25
- package/dist/packages/signature/signature.scss +1 -18
- package/dist/packages/tag/tag.scss +10 -17
- package/dist/packages/timedetail/timedetail.scss +12 -37
- package/dist/packages/timeselect/timeselect.scss +15 -44
- package/dist/style.css +1 -1
- package/dist/style.mjs +1 -1
- package/dist/styles/themes/default.scss +0 -1
- package/dist/styles/variables-jmapp.scss +50 -97
- package/dist/styles/variables.scss +51 -98
- package/dist/types/index.d.ts +2 -3
- package/dist/types/locales/base.d.ts +1 -1
- package/dist/types/packages/card/card.taro.d.ts +57 -14
- package/dist/types/packages/card/index.taro.d.ts +1 -0
- package/dist/types/packages/configprovider/types.d.ts +1 -1
- package/dist/types/packages/imagepreview/imagepreview.taro.d.ts +5 -0
- package/dist/types/packages/infiniteloading/index.taro.d.ts +3 -2
- package/dist/types/packages/infiniteloading/infiniteloading.taro.d.ts +52 -16
- package/dist/types/packages/signature/index.taro.d.ts +1 -0
- package/dist/types/packages/signature/signature.taro.d.ts +32 -17
- package/dist/types/packages/tag/index.taro.d.ts +1 -0
- package/dist/types/packages/tag/tag.taro.d.ts +52 -14
- package/dist/types/packages/timedetail/timedetail.taro.d.ts +9 -11
- package/dist/types/packages/timeselect/index.taro.d.ts +1 -0
- package/dist/types/packages/timeselect/timeselect.taro.d.ts +62 -21
- package/dist/types/packages/toast/toast.taro.d.ts +60 -12
- package/package.json +1 -1
- package/dist/esm/Infiniteloading/style/style.css +0 -1
- package/dist/esm/Infiniteloading.js +0 -12
- package/dist/esm/TimePannel/style/css.js +0 -1
- package/dist/esm/TimePannel/style/index.js +0 -2
- package/dist/esm/TimePannel/style/style.css +0 -1
- package/dist/esm/TimePannel.js +0 -8
- package/dist/esm/card.taro-2080f4d2.js +0 -51
- package/dist/esm/tag.taro-1b4134a5.js +0 -92
- package/dist/esm/timedetail.taro-8d2acbbf.js +0 -41
- package/dist/esm/timepannel.taro-ee4c5dfa.js +0 -22
- package/dist/esm/timeselect.taro-069deedd.js +0 -133
- package/dist/esm/types/src/packages/timedetail/demo.d.ts +0 -3
- package/dist/esm/types/src/packages/timedetail/demo.taro.d.ts +0 -3
- package/dist/esm/types/src/packages/timepannel/demo.d.ts +0 -3
- package/dist/esm/types/src/packages/timepannel/demo.taro.d.ts +0 -3
- package/dist/esm/types/src/packages/timepannel/index.d.ts +0 -2
- package/dist/esm/types/src/packages/timepannel/index.taro.d.ts +0 -2
- package/dist/esm/types/src/packages/timepannel/timepannel.d.ts +0 -8
- package/dist/esm/types/src/packages/timepannel/timepannel.taro.d.ts +0 -8
- package/dist/packages/timepannel/timepannel.scss +0 -17
- package/dist/types/packages/timepannel/index.taro.d.ts +0 -2
- package/dist/types/packages/timepannel/timepannel.taro.d.ts +0 -8
- /package/dist/esm/{Infiniteloading → InfiniteLoading}/style/css.js +0 -0
- /package/dist/esm/{Infiniteloading → InfiniteLoading}/style/index.js +0 -0
|
@@ -4,7 +4,7 @@ import { Service } from "@nutui/icons-react-taro";
|
|
|
4
4
|
import { R as Range } from "./range.taro-a1d1ad25.js";
|
|
5
5
|
import { B as Button } from "./button.taro-01eae688.js";
|
|
6
6
|
import { c as cn } from "./bem-cdccae08.js";
|
|
7
|
-
import { u as useConfig } from "./configprovider.taro-
|
|
7
|
+
import { u as useConfig } from "./configprovider.taro-372b1525.js";
|
|
8
8
|
import { C as ComponentDefaults } from "./typings-11d83a22.js";
|
|
9
9
|
const b = cn("audio");
|
|
10
10
|
const warn = console.warn;
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import React, { useState, useRef, useContext, useEffect } from "react";
|
|
2
2
|
import classNames from "classnames";
|
|
3
|
-
import { I as Image } from "./image.taro-
|
|
3
|
+
import { I as Image } from "./image.taro-fde6e649.js";
|
|
4
4
|
import { A as AvatarContext } from "./context-d0fccf11.js";
|
|
5
5
|
import { My } from "@nutui/icons-react-taro";
|
|
6
6
|
import { C as ComponentDefaults } from "./typings-11d83a22.js";
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import React, { useRef } from "react";
|
|
2
2
|
import { P as Popup } from "./popup.taro-e756f3fc.js";
|
|
3
|
-
import { U as Utils, C as CalendarItem } from "./calendaritem.taro-
|
|
4
|
-
import { u as useConfig } from "./configprovider.taro-
|
|
3
|
+
import { U as Utils, C as CalendarItem } from "./calendaritem.taro-4230e5c4.js";
|
|
4
|
+
import { u as useConfig } from "./configprovider.taro-372b1525.js";
|
|
5
5
|
const defaultProps = {
|
|
6
6
|
type: "one",
|
|
7
7
|
isAutoBackFill: false,
|
|
@@ -3,7 +3,7 @@ import classNames from "classnames";
|
|
|
3
3
|
import { ScrollView } from "@tarojs/components";
|
|
4
4
|
import { nextTick } from "@tarojs/taro";
|
|
5
5
|
import { c as cn } from "./bem-cdccae08.js";
|
|
6
|
-
import { u as useConfig } from "./configprovider.taro-
|
|
6
|
+
import { u as useConfig } from "./configprovider.taro-372b1525.js";
|
|
7
7
|
const Utils = {
|
|
8
8
|
/**
|
|
9
9
|
* 是否为闫年
|
|
@@ -0,0 +1,64 @@
|
|
|
1
|
+
import React from "react";
|
|
2
|
+
import classNames from "classnames";
|
|
3
|
+
import { P as Price } from "./price.taro-479f1b82.js";
|
|
4
|
+
import { T as Tag } from "./tag.taro-614758eb.js";
|
|
5
|
+
import { C as ComponentDefaults } from "./typings-11d83a22.js";
|
|
6
|
+
const defaultProps = {
|
|
7
|
+
...ComponentDefaults,
|
|
8
|
+
src: "",
|
|
9
|
+
title: "",
|
|
10
|
+
price: "",
|
|
11
|
+
vipPrice: "",
|
|
12
|
+
shopDescription: "",
|
|
13
|
+
delivery: "",
|
|
14
|
+
shopName: "",
|
|
15
|
+
description: "",
|
|
16
|
+
tag: "",
|
|
17
|
+
priceTag: "",
|
|
18
|
+
extra: ""
|
|
19
|
+
};
|
|
20
|
+
const Card = (props) => {
|
|
21
|
+
const { className, style, src, title, price, vipPrice, shopDescription, delivery, shopName, tag, priceTag, description, extra, ...rest } = {
|
|
22
|
+
...defaultProps,
|
|
23
|
+
...props
|
|
24
|
+
};
|
|
25
|
+
const classPrefix = "nut-card";
|
|
26
|
+
return React.createElement(
|
|
27
|
+
"div",
|
|
28
|
+
{ className: classNames(classPrefix, className), style, ...rest },
|
|
29
|
+
React.createElement(
|
|
30
|
+
"div",
|
|
31
|
+
{ className: `${classPrefix}__left` },
|
|
32
|
+
React.createElement("img", { src, alt: "" })
|
|
33
|
+
),
|
|
34
|
+
React.createElement(
|
|
35
|
+
"div",
|
|
36
|
+
{ className: `${classPrefix}__right` },
|
|
37
|
+
React.createElement("div", { className: `${classPrefix}__right-title` }, title),
|
|
38
|
+
description,
|
|
39
|
+
React.createElement(
|
|
40
|
+
"div",
|
|
41
|
+
{ className: `${classPrefix}right-price` },
|
|
42
|
+
React.createElement(Price, { size: "normal", price }),
|
|
43
|
+
priceTag || React.createElement(Price, { size: "normal", className: `${classPrefix}right-price-origin`, price: vipPrice })
|
|
44
|
+
),
|
|
45
|
+
React.createElement("div", { className: `${classPrefix}right-other` }, tag || React.createElement(
|
|
46
|
+
React.Fragment,
|
|
47
|
+
null,
|
|
48
|
+
React.createElement(Tag, { type: "danger" }, shopDescription),
|
|
49
|
+
React.createElement(Tag, { plain: true }, delivery)
|
|
50
|
+
)),
|
|
51
|
+
React.createElement(
|
|
52
|
+
"div",
|
|
53
|
+
{ className: `${classPrefix}right-shop` },
|
|
54
|
+
React.createElement("div", { className: `${classPrefix}right-shop-name` }, shopName),
|
|
55
|
+
extra
|
|
56
|
+
)
|
|
57
|
+
)
|
|
58
|
+
);
|
|
59
|
+
};
|
|
60
|
+
Card.defaultProps = defaultProps;
|
|
61
|
+
Card.displayName = "NutCard";
|
|
62
|
+
export {
|
|
63
|
+
Card as C
|
|
64
|
+
};
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import React, { useState, useRef, useImperativeHandle, useEffect } from "react";
|
|
2
|
-
import { u as useConfig } from "./configprovider.taro-
|
|
2
|
+
import { u as useConfig } from "./configprovider.taro-372b1525.js";
|
|
3
3
|
import { C as ComponentDefaults } from "./typings-11d83a22.js";
|
|
4
4
|
const defaultProps = {
|
|
5
5
|
...ComponentDefaults,
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import React, { useState, useRef, useEffect } from "react";
|
|
2
2
|
import { View } from "@tarojs/components";
|
|
3
|
-
import { P as Picker } from "./picker.taro-
|
|
4
|
-
import { u as useConfig } from "./configprovider.taro-
|
|
3
|
+
import { P as Picker } from "./picker.taro-6b672469.js";
|
|
4
|
+
import { u as useConfig } from "./configprovider.taro-372b1525.js";
|
|
5
5
|
const currentYear = (/* @__PURE__ */ new Date()).getFullYear();
|
|
6
6
|
const defaultProps = {
|
|
7
7
|
modelValue: null,
|
|
@@ -5,7 +5,7 @@ import { B as Button } from "./button.taro-01eae688.js";
|
|
|
5
5
|
import { CSSTransition } from "react-transition-group";
|
|
6
6
|
import { d as defaultOverlayProps, O as Overlay } from "./overlay.taro-75012bd3.js";
|
|
7
7
|
import { C as ComponentDefaults } from "./typings-11d83a22.js";
|
|
8
|
-
import { u as useConfig } from "./configprovider.taro-
|
|
8
|
+
import { u as useConfig } from "./configprovider.taro-372b1525.js";
|
|
9
9
|
const Content = (props) => {
|
|
10
10
|
const { visible, title, footer, footerDirection, onClick, children } = props;
|
|
11
11
|
const classPrefix = "nut-dialog";
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import React, { useState, useEffect } from "react";
|
|
2
|
-
import { u as useConfig } from "./configprovider.taro-
|
|
2
|
+
import { u as useConfig } from "./configprovider.taro-372b1525.js";
|
|
3
3
|
import { C as ComponentDefaults } from "./typings-11d83a22.js";
|
|
4
4
|
const defaultStatus = {
|
|
5
5
|
empty: "https://static-ftcms.jd.com/p/files/61a9e3183985005b3958672b.png",
|
|
@@ -2,7 +2,7 @@ import React from "react";
|
|
|
2
2
|
import classNames from "classnames";
|
|
3
3
|
import { Left } from "@nutui/icons-react-taro";
|
|
4
4
|
import { O as Overlay } from "./overlay.taro-75012bd3.js";
|
|
5
|
-
import { u as useConfig } from "./configprovider.taro-
|
|
5
|
+
import { u as useConfig } from "./configprovider.taro-372b1525.js";
|
|
6
6
|
import { C as ComponentDefaults } from "./typings-11d83a22.js";
|
|
7
7
|
const defaultProps = {
|
|
8
8
|
...ComponentDefaults,
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import React from "react";
|
|
2
2
|
import classNames from "classnames";
|
|
3
|
-
import { a as GridContext, G as GridItem, p as pxCheck } from "./griditem.taro-
|
|
3
|
+
import { a as GridContext, G as GridItem, p as pxCheck } from "./griditem.taro-48971911.js";
|
|
4
4
|
const defaultProps = {
|
|
5
5
|
columns: 4,
|
|
6
6
|
gap: 0,
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import React, { useContext } from "react";
|
|
2
2
|
import classNames from "classnames";
|
|
3
|
-
import { u as useConfig } from "./configprovider.taro-
|
|
3
|
+
import { u as useConfig } from "./configprovider.taro-372b1525.js";
|
|
4
4
|
const gridContext = {
|
|
5
5
|
onClick: (item, index) => {
|
|
6
6
|
}
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import React, { useState, useEffect } from "react";
|
|
2
2
|
import { Image as Image$1, ImageError } from "@nutui/icons-react-taro";
|
|
3
|
-
import { u as useConfig } from "./configprovider.taro-
|
|
3
|
+
import { u as useConfig } from "./configprovider.taro-372b1525.js";
|
|
4
4
|
const defaultProps = {
|
|
5
5
|
fit: "fill",
|
|
6
6
|
position: "center",
|
|
@@ -16,13 +16,14 @@ const defaultProps = {
|
|
|
16
16
|
closeOnContentClick: false,
|
|
17
17
|
indicator: false,
|
|
18
18
|
indicatorColor: "#fff",
|
|
19
|
+
showMenuByLongpress: false,
|
|
19
20
|
onChange: (value) => {
|
|
20
21
|
},
|
|
21
22
|
onClose: () => {
|
|
22
23
|
}
|
|
23
24
|
};
|
|
24
25
|
const ImagePreview = (props) => {
|
|
25
|
-
const { images, videos, visible, defaultValue, indicatorColor, indicator, autoPlay, closeOnContentClick, onClose } = props;
|
|
26
|
+
const { images, videos, visible, defaultValue, indicatorColor, indicator, autoPlay, closeOnContentClick, showMenuByLongpress, onClose } = props;
|
|
26
27
|
const classPrefix = "nut-imagepreview";
|
|
27
28
|
const ref = useRef(null);
|
|
28
29
|
const [innerNo, setInnerNo] = usePropsValue({
|
|
@@ -161,7 +162,7 @@ const ImagePreview = (props) => {
|
|
|
161
162
|
React.createElement(Video, { src: item.source.src, controls: item.options.controls, autoplay: false, loop: false, muted: item.options.muted })
|
|
162
163
|
);
|
|
163
164
|
}) : []).concat(images && images.length > 0 ? images.map((item, index) => {
|
|
164
|
-
return React.createElement(SwiperItem, { key: index }, Taro.getEnv() === "WEB" ? React.createElement("img", { src: item.src, alt: "" }) : React.createElement(Image, { src: item.src, mode: "aspectFit", style: { width: "100%", height: "100%" } }));
|
|
165
|
+
return React.createElement(SwiperItem, { key: index }, Taro.getEnv() === "WEB" ? React.createElement("img", { src: item.src, alt: "" }) : React.createElement(Image, { src: item.src, mode: "aspectFit", showMenuByLongpress: true, style: { width: "100%", height: "100%" } }));
|
|
165
166
|
}) : []))
|
|
166
167
|
),
|
|
167
168
|
React.createElement(
|
|
@@ -2,24 +2,19 @@ import React, { useState, useRef, useEffect } from "react";
|
|
|
2
2
|
import classNames from "classnames";
|
|
3
3
|
import { ScrollView } from "@tarojs/components";
|
|
4
4
|
import { createSelectorQuery } from "@tarojs/taro";
|
|
5
|
-
import {
|
|
6
|
-
import { u as useConfig } from "./configprovider.taro-25758d9f.js";
|
|
5
|
+
import { u as useConfig } from "./configprovider.taro-372b1525.js";
|
|
7
6
|
import { C as ComponentDefaults } from "./typings-11d83a22.js";
|
|
8
7
|
const defaultProps = {
|
|
9
8
|
...ComponentDefaults,
|
|
10
9
|
hasMore: true,
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
pullIcon: "https://img10.360buyimg.com/imagetools/jfs/t1/169863/6/4565/6306/60125948E7e92774e/40b3a0cf42852bcb.png",
|
|
15
|
-
pullText: "松开刷新",
|
|
16
|
-
loadIcon: "https://img10.360buyimg.com/imagetools/jfs/t1/169863/6/4565/6306/60125948E7e92774e/40b3a0cf42852bcb.png",
|
|
17
|
-
loadingText: "加载中···",
|
|
18
|
-
loadMoreText: "哎呀,这里是底部了啦"
|
|
10
|
+
threshold: 40,
|
|
11
|
+
target: "",
|
|
12
|
+
pullRefresh: false
|
|
19
13
|
};
|
|
20
|
-
const
|
|
14
|
+
const classPrefix = `nut-infiniteloading`;
|
|
15
|
+
const InfiniteLoading = (props) => {
|
|
21
16
|
const { locale } = useConfig();
|
|
22
|
-
const { children, hasMore,
|
|
17
|
+
const { children, hasMore, threshold, target, pullRefresh, pullingText, loadingText, loadMoreText, className, onRefresh, onLoadMore, onScroll } = {
|
|
23
18
|
...defaultProps,
|
|
24
19
|
...props
|
|
25
20
|
};
|
|
@@ -33,10 +28,9 @@ const Infiniteloading = (props) => {
|
|
|
33
28
|
const y = useRef(0);
|
|
34
29
|
const refreshMaxH = useRef(0);
|
|
35
30
|
const distance = useRef(0);
|
|
36
|
-
const
|
|
37
|
-
const classes = classNames(className, b());
|
|
31
|
+
const classes = classNames(className, classPrefix);
|
|
38
32
|
useEffect(() => {
|
|
39
|
-
refreshMaxH.current =
|
|
33
|
+
refreshMaxH.current = threshold;
|
|
40
34
|
setTimeout(() => {
|
|
41
35
|
getScrollHeight();
|
|
42
36
|
}, 200);
|
|
@@ -54,7 +48,7 @@ const Infiniteloading = (props) => {
|
|
|
54
48
|
};
|
|
55
49
|
};
|
|
56
50
|
const getParentElement = (el) => {
|
|
57
|
-
return createSelectorQuery().select(
|
|
51
|
+
return createSelectorQuery().select(target ? `#${target} #${el}` : `#${el}`);
|
|
58
52
|
};
|
|
59
53
|
const infiniteDone = () => {
|
|
60
54
|
setIsInfiniting(false);
|
|
@@ -76,7 +70,7 @@ const Infiniteloading = (props) => {
|
|
|
76
70
|
direction.current = "up";
|
|
77
71
|
}
|
|
78
72
|
scrollTop.current = e.detail.scrollTop;
|
|
79
|
-
|
|
73
|
+
onScroll && onScroll(e.detail.scrollTop);
|
|
80
74
|
};
|
|
81
75
|
const lower = () => {
|
|
82
76
|
if (direction.current == "up" || !hasMore || isInfiniting) {
|
|
@@ -86,7 +80,7 @@ const Infiniteloading = (props) => {
|
|
|
86
80
|
onLoadMore && onLoadMore(infiniteDone);
|
|
87
81
|
};
|
|
88
82
|
const touchStart = (event) => {
|
|
89
|
-
if (scrollTop.current == 0 && !isTouching.current &&
|
|
83
|
+
if (scrollTop.current == 0 && !isTouching.current && pullRefresh) {
|
|
90
84
|
y.current = event.touches[0].pageY;
|
|
91
85
|
isTouching.current = true;
|
|
92
86
|
}
|
|
@@ -120,24 +114,14 @@ const Infiniteloading = (props) => {
|
|
|
120
114
|
React.createElement(
|
|
121
115
|
"div",
|
|
122
116
|
{ className: "nut-infinite-top", ref: refreshTop, style: getStyle() },
|
|
123
|
-
React.createElement(
|
|
124
|
-
"div",
|
|
125
|
-
{ className: "top-box" },
|
|
126
|
-
pullIcon && React.createElement(React.Fragment, null, pullIcon),
|
|
127
|
-
React.createElement("span", { className: "top-text" }, pullText || locale.infiniteloading.pullRefreshText)
|
|
128
|
-
)
|
|
117
|
+
React.createElement("div", { className: "top-box" }, pullingText || locale.infiniteloading.pullRefreshText)
|
|
129
118
|
),
|
|
130
119
|
React.createElement("div", { className: "nut-infinite-container" }, children),
|
|
131
|
-
React.createElement("div", { className: "nut-infinite-bottom" }, isInfiniting ? React.createElement(
|
|
132
|
-
"div",
|
|
133
|
-
{ className: "bottom-box" },
|
|
134
|
-
loadIcon && React.createElement(React.Fragment, null, loadIcon),
|
|
135
|
-
React.createElement("div", { className: "bottom-text" }, loadingText || locale.infiniteloading.loadText)
|
|
136
|
-
) : !hasMore && React.createElement("div", { className: "tips" }, loadMoreText || locale.infiniteloading.loadMoreText))
|
|
120
|
+
React.createElement("div", { className: "nut-infinite-bottom" }, isInfiniting ? React.createElement("div", { className: "bottom-box" }, loadingText || locale.infiniteloading.loadText) : !hasMore && React.createElement("div", { className: "tips" }, loadMoreText || locale.infiniteloading.loadMoreText))
|
|
137
121
|
);
|
|
138
122
|
};
|
|
139
|
-
|
|
140
|
-
|
|
123
|
+
InfiniteLoading.defaultProps = defaultProps;
|
|
124
|
+
InfiniteLoading.displayName = "NutInfiniteLoading";
|
|
141
125
|
export {
|
|
142
|
-
|
|
126
|
+
InfiniteLoading as I
|
|
143
127
|
};
|
|
@@ -2,7 +2,7 @@ import React, { forwardRef, useRef, useState, useImperativeHandle, useCallback }
|
|
|
2
2
|
import { View, Input as Input$1 } from "@tarojs/components";
|
|
3
3
|
import { MaskClose } from "@nutui/icons-react-taro";
|
|
4
4
|
import { getEnv, ENV_TYPE } from "@tarojs/taro";
|
|
5
|
-
import { u as useConfig } from "./configprovider.taro-
|
|
5
|
+
import { u as useConfig } from "./configprovider.taro-372b1525.js";
|
|
6
6
|
import { C as ComponentDefaults } from "./typings-11d83a22.js";
|
|
7
7
|
import { u as usePropsValue } from "./use-props-value-7ac1b1b5.js";
|
|
8
8
|
function trimExtraChar(value, char, regExp) {
|
|
@@ -3,7 +3,7 @@ import classNames from "classnames";
|
|
|
3
3
|
import { RectDown } from "@nutui/icons-react-taro";
|
|
4
4
|
import { View } from "@tarojs/components";
|
|
5
5
|
import { P as Popup } from "./popup.taro-e756f3fc.js";
|
|
6
|
-
import { u as useConfig } from "./configprovider.taro-
|
|
6
|
+
import { u as useConfig } from "./configprovider.taro-372b1525.js";
|
|
7
7
|
import { C as ComponentDefaults } from "./typings-11d83a22.js";
|
|
8
8
|
const defaultProps = {
|
|
9
9
|
...ComponentDefaults,
|
|
@@ -1,19 +1,19 @@
|
|
|
1
1
|
import { B } from "./button.taro-01eae688.js";
|
|
2
2
|
import { C } from "./cell.taro-4e31d1fa.js";
|
|
3
3
|
import { C as C2 } from "./cellgroup.taro-a790d91b.js";
|
|
4
|
-
import { C as C3 } from "./configprovider.taro-
|
|
5
|
-
import { I } from "./image.taro-
|
|
4
|
+
import { C as C3 } from "./configprovider.taro-372b1525.js";
|
|
5
|
+
import { I } from "./image.taro-fde6e649.js";
|
|
6
6
|
import { O } from "./overlay.taro-75012bd3.js";
|
|
7
7
|
import { C as C4 } from "./col.taro-d6a46a7d.js";
|
|
8
8
|
import { D } from "./divider.taro-0cb5f894.js";
|
|
9
|
-
import { G } from "./grid.taro-
|
|
10
|
-
import { G as G2 } from "./griditem.taro-
|
|
9
|
+
import { G } from "./grid.taro-9b63aca5.js";
|
|
10
|
+
import { G as G2 } from "./griditem.taro-48971911.js";
|
|
11
11
|
import { L } from "./layout.taro-9659a928.js";
|
|
12
12
|
import { R } from "./row.taro-8b7febd4.js";
|
|
13
13
|
import { S } from "./sticky.taro-6bc62a96.js";
|
|
14
14
|
import { B as B2 } from "./backtop.taro-7de36464.js";
|
|
15
15
|
import { E } from "./elevator.taro-df8fde9d.js";
|
|
16
|
-
import { F } from "./fixednav.taro-
|
|
16
|
+
import { F } from "./fixednav.taro-6c69ad79.js";
|
|
17
17
|
import { N } from "./navbar.taro-5e1a0835.js";
|
|
18
18
|
import { S as S2 } from "./sidenavbar.taro-1aefdd3c.js";
|
|
19
19
|
import { S as S3 } from "./sidenavbaritem.taro-7d805f92.js";
|
|
@@ -22,73 +22,72 @@ import { T } from "./tabbar.taro-18eee41f.js";
|
|
|
22
22
|
import { T as T2 } from "./tabbaritem.taro-89646ca1.js";
|
|
23
23
|
import { T as T3 } from "./tabpane.taro-f8d92ece.js";
|
|
24
24
|
import { T as T4 } from "./tabs.taro-66164782.js";
|
|
25
|
-
import { A } from "./address.taro-
|
|
26
|
-
import { C as C5 } from "./calendar.taro-
|
|
27
|
-
import { C as C6 } from "./calendaritem.taro-
|
|
25
|
+
import { A } from "./address.taro-cc879a1d.js";
|
|
26
|
+
import { C as C5 } from "./calendar.taro-02195ddb.js";
|
|
27
|
+
import { C as C6 } from "./calendaritem.taro-4230e5c4.js";
|
|
28
28
|
import { C as C7 } from "./cascader.taro-fb7a0230.js";
|
|
29
29
|
import { C as C8, a } from "./checkbox.taro-303276d7.js";
|
|
30
|
-
import { D as D2 } from "./datepicker.taro-
|
|
30
|
+
import { D as D2 } from "./datepicker.taro-8c9230b6.js";
|
|
31
31
|
import { F as F2 } from "./form.taro-b06754e8.js";
|
|
32
32
|
import { F as F3 } from "./formitem.taro-b326809d.js";
|
|
33
|
-
import { I as I2 } from "./input.taro-
|
|
33
|
+
import { I as I2 } from "./input.taro-69c08268.js";
|
|
34
34
|
import { I as I3 } from "./inputnumber.taro-6657d2c1.js";
|
|
35
35
|
import { M } from "./menu.taro-40d36e0a.js";
|
|
36
36
|
import { M as M2 } from "./menuitem.taro-6aa35a00.js";
|
|
37
|
-
import { N as N2 } from "./numberkeyboard.taro-
|
|
38
|
-
import { P } from "./picker.taro-
|
|
37
|
+
import { N as N2 } from "./numberkeyboard.taro-18879f04.js";
|
|
38
|
+
import { P } from "./picker.taro-6b672469.js";
|
|
39
39
|
import { R as R2, a as a2 } from "./radio.taro-5d6ca4ad.js";
|
|
40
40
|
import { R as R3 } from "./range.taro-a1d1ad25.js";
|
|
41
41
|
import { R as R4 } from "./rate.taro-78c66969.js";
|
|
42
|
-
import { S as S5 } from "./searchbar.taro-
|
|
43
|
-
import { S as S6 } from "./shortpassword.taro-
|
|
44
|
-
import { S as S7 } from "./signature.taro-
|
|
42
|
+
import { S as S5 } from "./searchbar.taro-39351331.js";
|
|
43
|
+
import { S as S6 } from "./shortpassword.taro-cff61e4e.js";
|
|
44
|
+
import { S as S7 } from "./signature.taro-4f68516a.js";
|
|
45
45
|
import { S as S8 } from "./switch.taro-f0da73a3.js";
|
|
46
|
-
import { T as T5 } from "./textarea.taro-
|
|
47
|
-
import { U } from "./uploader.taro-
|
|
46
|
+
import { T as T5 } from "./textarea.taro-593cd471.js";
|
|
47
|
+
import { U } from "./uploader.taro-5ad88f83.js";
|
|
48
48
|
import { A as A2 } from "./actionsheet.taro-697a594b.js";
|
|
49
49
|
import { B as B3 } from "./badge.taro-872605bf.js";
|
|
50
|
-
import { B as B4 } from "./dialog.taro-
|
|
50
|
+
import { B as B4 } from "./dialog.taro-e5c2cb03.js";
|
|
51
51
|
import { D as D3 } from "./drag.taro-48e1ff38.js";
|
|
52
|
-
import { E as E2 } from "./empty.taro-
|
|
53
|
-
import { I as I4 } from "./infiniteloading.taro-
|
|
52
|
+
import { E as E2 } from "./empty.taro-8345ac72.js";
|
|
53
|
+
import { I as I4 } from "./infiniteloading.taro-53eeb1ec.js";
|
|
54
54
|
import { N as N3 } from "./noticebar.taro-8d496dd6.js";
|
|
55
55
|
import { N as N4 } from "./notify.taro-5768403d.js";
|
|
56
56
|
import { P as P2 } from "./popover.taro-ba6c323a.js";
|
|
57
|
-
import { P as P3 } from "./pulltorefresh.taro-
|
|
58
|
-
import { S as S9 } from "./skeleton.taro-
|
|
57
|
+
import { P as P3 } from "./pulltorefresh.taro-3719fdfb.js";
|
|
58
|
+
import { S as S9 } from "./skeleton.taro-ce714b06.js";
|
|
59
59
|
import { S as S10 } from "./swipe.taro-966af6d3.js";
|
|
60
60
|
import { P as P4 } from "./popup.taro-e756f3fc.js";
|
|
61
61
|
import { T as T6 } from "./toast.taro-b2937e7c.js";
|
|
62
62
|
import { A as A3 } from "./animate.taro-c8b29242.js";
|
|
63
63
|
import { default as default2 } from "./AnimatingNumbers.js";
|
|
64
|
-
import { A as A4 } from "./audio.taro-
|
|
65
|
-
import { A as A5 } from "./avatar.taro-
|
|
64
|
+
import { A as A4 } from "./audio.taro-64b15071.js";
|
|
65
|
+
import { A as A5 } from "./avatar.taro-8a26cd6c.js";
|
|
66
66
|
import { A as A6 } from "./avatargroup.taro-ad5ffb46.js";
|
|
67
67
|
import { C as C9 } from "./circleprogress.taro-9064d69c.js";
|
|
68
68
|
import { C as C10 } from "./collapse.taro-98577a29.js";
|
|
69
69
|
import { C as C11 } from "./collapseitem.taro-9451f40f.js";
|
|
70
|
-
import { C as C12 } from "./countdown.taro-
|
|
70
|
+
import { C as C12 } from "./countdown.taro-8f19d21b.js";
|
|
71
71
|
import { E as E3 } from "./ellipsis.taro-5653d0b2.js";
|
|
72
|
-
import { I as I5 } from "./imagepreview.taro-
|
|
72
|
+
import { I as I5 } from "./imagepreview.taro-cfe0a4cc.js";
|
|
73
73
|
import { I as I6 } from "./indicator.taro-edbc71df.js";
|
|
74
74
|
import { V } from "./virtuallist.taro-97d3403a.js";
|
|
75
|
-
import { P as P5 } from "./pagination.taro-
|
|
75
|
+
import { P as P5 } from "./pagination.taro-592bca05.js";
|
|
76
76
|
import { P as P6 } from "./price.taro-479f1b82.js";
|
|
77
77
|
import { P as P7 } from "./progress.taro-437b9f6a.js";
|
|
78
78
|
import { S as S11 } from "./step.taro-2f55e4f2.js";
|
|
79
79
|
import { S as S12 } from "./steps.taro-196c1f59.js";
|
|
80
80
|
import { S as S13 } from "./swiper.taro-4aeb8526.js";
|
|
81
81
|
import { S as S14 } from "./swiperitem.taro-ef7342e8.js";
|
|
82
|
-
import { T as T7 } from "./table.taro-
|
|
83
|
-
import { T as T8 } from "./tag.taro-
|
|
82
|
+
import { T as T7 } from "./table.taro-a20f15f2.js";
|
|
83
|
+
import { T as T8 } from "./tag.taro-614758eb.js";
|
|
84
84
|
import { V as V2 } from "./video.taro-2a26d7da.js";
|
|
85
85
|
import { B as B5 } from "./barrage.taro-e87bc58e.js";
|
|
86
|
-
import { C as C13 } from "./card.taro-
|
|
87
|
-
import { T as T9 } from "./timedetail.taro-
|
|
88
|
-
import { T as T10 } from "./
|
|
89
|
-
import { T as T11 } from "./
|
|
90
|
-
import {
|
|
91
|
-
import { W } from "./watermark.taro-e2245bb1.js";
|
|
86
|
+
import { C as C13 } from "./card.taro-92fe9733.js";
|
|
87
|
+
import { T as T9 } from "./timedetail.taro-d7aa4c1b.js";
|
|
88
|
+
import { T as T10 } from "./timeselect.taro-9e37e648.js";
|
|
89
|
+
import { T as T11 } from "./trendarrow.taro-253025d2.js";
|
|
90
|
+
import { W } from "./watermark.taro-b6b1ae18.js";
|
|
92
91
|
import "react";
|
|
93
92
|
import "classnames";
|
|
94
93
|
import "@nutui/icons-react-taro";
|
|
@@ -150,7 +149,7 @@ export {
|
|
|
150
149
|
I as Image,
|
|
151
150
|
I5 as ImagePreview,
|
|
152
151
|
I6 as Indicator,
|
|
153
|
-
I4 as
|
|
152
|
+
I4 as InfiniteLoading,
|
|
154
153
|
I2 as Input,
|
|
155
154
|
I3 as InputNumber,
|
|
156
155
|
L as Layout,
|
|
@@ -195,10 +194,9 @@ export {
|
|
|
195
194
|
T8 as Tag,
|
|
196
195
|
T5 as TextArea,
|
|
197
196
|
T9 as TimeDetail,
|
|
198
|
-
T10 as
|
|
199
|
-
T11 as TimeSelect,
|
|
197
|
+
T10 as TimeSelect,
|
|
200
198
|
T6 as Toast,
|
|
201
|
-
|
|
199
|
+
T11 as TrendArrow,
|
|
202
200
|
U as Uploader,
|
|
203
201
|
V2 as Video,
|
|
204
202
|
V as VirtualList,
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import React, { useMemo } from "react";
|
|
2
2
|
import classNames from "classnames";
|
|
3
|
-
import { u as useConfig } from "./configprovider.taro-
|
|
3
|
+
import { u as useConfig } from "./configprovider.taro-372b1525.js";
|
|
4
4
|
import { u as usePropsValue } from "./use-props-value-7ac1b1b5.js";
|
|
5
5
|
import { C as ComponentDefaults } from "./typings-11d83a22.js";
|
|
6
6
|
const defaultProps = {
|
|
@@ -6,7 +6,7 @@ import { P as Popup } from "./popup.taro-e756f3fc.js";
|
|
|
6
6
|
import { u as useTouch } from "./use-touch-ff43512c.js";
|
|
7
7
|
import { g as getRectByTaro } from "./use-client-rect-2bb6c562.js";
|
|
8
8
|
import { c as canUseDom } from "./can-use-dom-0e539bd3.js";
|
|
9
|
-
import { u as useConfig } from "./configprovider.taro-
|
|
9
|
+
import { u as useConfig } from "./configprovider.taro-372b1525.js";
|
|
10
10
|
import { u as usePropsValue } from "./use-props-value-7ac1b1b5.js";
|
|
11
11
|
import { C as ComponentDefaults } from "./typings-11d83a22.js";
|
|
12
12
|
let passiveSupported = false;
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import React, { useRef, useState } from "react";
|
|
2
2
|
import { View } from "@tarojs/components";
|
|
3
|
-
import { u as useConfig } from "./configprovider.taro-
|
|
3
|
+
import { u as useConfig } from "./configprovider.taro-372b1525.js";
|
|
4
4
|
import { u as useTouch } from "./use-touch-ff43512c.js";
|
|
5
5
|
import { C as ComponentDefaults } from "./typings-11d83a22.js";
|
|
6
6
|
function bound(position, min, max) {
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import React, { useRef, useState, useEffect } from "react";
|
|
2
2
|
import { Search, CircleClose } from "@nutui/icons-react-taro";
|
|
3
|
-
import { u as useConfig } from "./configprovider.taro-
|
|
3
|
+
import { u as useConfig } from "./configprovider.taro-372b1525.js";
|
|
4
4
|
import { C as ComponentDefaults } from "./typings-11d83a22.js";
|
|
5
5
|
const defaultProps = {
|
|
6
6
|
...ComponentDefaults,
|
|
@@ -2,7 +2,7 @@ import React, { useMemo, useEffect } from "react";
|
|
|
2
2
|
import { Tips } from "@nutui/icons-react-taro";
|
|
3
3
|
import classNames from "classnames";
|
|
4
4
|
import { P as Popup } from "./popup.taro-e756f3fc.js";
|
|
5
|
-
import { u as useConfig } from "./configprovider.taro-
|
|
5
|
+
import { u as useConfig } from "./configprovider.taro-372b1525.js";
|
|
6
6
|
import { C as ComponentDefaults } from "./typings-11d83a22.js";
|
|
7
7
|
import { u as usePropsValue } from "./use-props-value-7ac1b1b5.js";
|
|
8
8
|
const defaultProps = {
|
|
@@ -1,22 +1,19 @@
|
|
|
1
|
-
import React, { useRef, useState, useEffect } from "react";
|
|
1
|
+
import React, { useRef, useState, useImperativeHandle, useEffect } from "react";
|
|
2
2
|
import { getEnv, nextTick, createSelectorQuery, canvasToTempFilePath } from "@tarojs/taro";
|
|
3
|
-
import {
|
|
4
|
-
import { c as cn } from "./bem-cdccae08.js";
|
|
5
|
-
import { u as useConfig } from "./configprovider.taro-25758d9f.js";
|
|
3
|
+
import { C as ComponentDefaults } from "./typings-11d83a22.js";
|
|
6
4
|
const defaultProps = {
|
|
5
|
+
...ComponentDefaults,
|
|
7
6
|
canvasId: "spcanvas",
|
|
8
7
|
type: "png",
|
|
9
8
|
lineWidth: 2,
|
|
10
|
-
strokeStyle: "#000"
|
|
11
|
-
className: ""
|
|
9
|
+
strokeStyle: "#000"
|
|
12
10
|
};
|
|
13
|
-
const
|
|
14
|
-
const {
|
|
15
|
-
const { canvasId, type, lineWidth, strokeStyle, unSupportTpl, className, confirm, clear, onConfirm, onClear, ...rest } = {
|
|
11
|
+
const InternalSignature = (props, ref) => {
|
|
12
|
+
const { canvasId, type, lineWidth, strokeStyle, className, style, onConfirm, onClear, ...rest } = {
|
|
16
13
|
...defaultProps,
|
|
17
14
|
...props
|
|
18
15
|
};
|
|
19
|
-
const
|
|
16
|
+
const classPrefix = `nut-signature`;
|
|
20
17
|
const canvasRef = useRef(null);
|
|
21
18
|
const wrapRef = useRef(null);
|
|
22
19
|
const [canvasHeight, setCanvasHeight] = useState(0);
|
|
@@ -54,12 +51,8 @@ const Signature = (props) => {
|
|
|
54
51
|
ctx.current.clearRect(0, 0, canvasWidth, canvasHeight);
|
|
55
52
|
ctx.current.closePath();
|
|
56
53
|
}
|
|
57
|
-
clear && clear();
|
|
58
54
|
onClear && onClear();
|
|
59
55
|
};
|
|
60
|
-
const handleConfirmBtn = () => {
|
|
61
|
-
onSave();
|
|
62
|
-
};
|
|
63
56
|
const onSave = () => {
|
|
64
57
|
createSelectorQuery().select(`#${canvasId}`).fields({
|
|
65
58
|
node: true,
|
|
@@ -71,7 +64,6 @@ const Signature = (props) => {
|
|
|
71
64
|
canvasId: `${canvasId}`,
|
|
72
65
|
success: (res2) => {
|
|
73
66
|
handleClearBtn();
|
|
74
|
-
confirm && confirm(res2.tempFilePath);
|
|
75
67
|
onConfirm && onConfirm(res2.tempFilePath);
|
|
76
68
|
},
|
|
77
69
|
fail: (res2) => {
|
|
@@ -95,6 +87,14 @@ const Signature = (props) => {
|
|
|
95
87
|
ctx.current.strokeStyle = strokeStyle;
|
|
96
88
|
}
|
|
97
89
|
};
|
|
90
|
+
useImperativeHandle(ref, () => ({
|
|
91
|
+
confirm: () => {
|
|
92
|
+
onSave();
|
|
93
|
+
},
|
|
94
|
+
clear: () => {
|
|
95
|
+
handleClearBtn();
|
|
96
|
+
}
|
|
97
|
+
}));
|
|
98
98
|
const initCanvas = () => {
|
|
99
99
|
nextTick(() => {
|
|
100
100
|
setTimeout(() => {
|
|
@@ -122,8 +122,8 @@ const Signature = (props) => {
|
|
|
122
122
|
}, []);
|
|
123
123
|
return React.createElement(
|
|
124
124
|
"div",
|
|
125
|
-
{ className: `${
|
|
126
|
-
React.createElement("div", { className: `${
|
|
125
|
+
{ className: `${classPrefix} ${className}`, ...rest },
|
|
126
|
+
React.createElement("div", { className: `${classPrefix}__inner spcanvas_WEAPP`, ref: wrapRef }, getEnv() === "WEAPP" || getEnv() === "JD" ? React.createElement("canvas", {
|
|
127
127
|
id: canvasId,
|
|
128
128
|
ref: canvasRef,
|
|
129
129
|
// eslint-disable-next-line @typescript-eslint/ban-ts-comment
|
|
@@ -134,11 +134,10 @@ const Signature = (props) => {
|
|
|
134
134
|
onTouchStart: startEventHandler,
|
|
135
135
|
onTouchMove: moveEventHandler,
|
|
136
136
|
onTouchEnd: endEventHandler
|
|
137
|
-
}) : React.createElement("canvas", { id: canvasId, ref: canvasRef, "canvas-id": canvasId, "disalbe-scroll": disalbeScroll, onTouchStart: startEventHandler, onTouchMove: moveEventHandler, onTouchEnd: endEventHandler, onTouchCancel: endEventHandler }))
|
|
138
|
-
React.createElement(Button, { className: `${b("btn")}`, type: "default", onClick: () => handleClearBtn() }, locale.signature.reSign),
|
|
139
|
-
React.createElement(Button, { className: `${b("btn")}`, type: "primary", onClick: () => handleConfirmBtn() }, locale.confirm)
|
|
137
|
+
}) : React.createElement("canvas", { id: canvasId, ref: canvasRef, "canvas-id": canvasId, "disalbe-scroll": disalbeScroll, onTouchStart: startEventHandler, onTouchMove: moveEventHandler, onTouchEnd: endEventHandler, onTouchCancel: endEventHandler }))
|
|
140
138
|
);
|
|
141
139
|
};
|
|
140
|
+
const Signature = React.forwardRef(InternalSignature);
|
|
142
141
|
Signature.defaultProps = defaultProps;
|
|
143
142
|
Signature.displayName = "NutSignature";
|
|
144
143
|
export {
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import React from "react";
|
|
2
2
|
import classNames from "classnames";
|
|
3
|
-
import { A as Avatar } from "./avatar.taro-
|
|
3
|
+
import { A as Avatar } from "./avatar.taro-8a26cd6c.js";
|
|
4
4
|
import { C as ComponentDefaults } from "./typings-11d83a22.js";
|
|
5
5
|
const defaultProps = {
|
|
6
6
|
...ComponentDefaults,
|