@tarojs/components-react 3.4.1 → 3.4.2

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.
@@ -1 +1 @@
1
- {"version":3,"file":"index.js","sources":["../../src/components/view/index.tsx"],"sourcesContent":["import 'weui'\nimport React from 'react'\nimport classNames from 'classnames'\nimport './style/index.css'\n\ninterface IProps {\n hoverClass?: string\n className?: string\n hoverStartTime?: number\n hoverStayTime?: number\n onTouchStart? (e: React.TouchEvent<HTMLDivElement>): void\n onTouchEnd? (e: React.TouchEvent<HTMLDivElement>): void\n onTouchMove? (e: React.TouchEvent<HTMLDivElement>): void\n onLongPress? (): void\n}\n\ninterface IState {\n hover: boolean\n touch: boolean\n}\n\nclass View extends React.Component<IProps, IState> {\n state = {\n hover: false,\n touch: false\n }\n\n timeoutEvent: number;\n startTime = 0;\n\n render () {\n const {\n hoverClass,\n onTouchStart,\n onTouchEnd,\n onTouchMove,\n className,\n hoverStartTime = 50,\n hoverStayTime = 400,\n ...other\n } = this.props\n\n const cls = classNames(\n '',\n {\n [`${hoverClass}`]: this.state.hover\n },\n className\n )\n\n const _onTouchStart = e => {\n if (hoverClass) {\n this.setState(() => ({\n touch: true\n }))\n setTimeout(() => {\n if (this.state.touch) {\n this.setState(() => ({\n hover: true\n }))\n }\n }, hoverStartTime)\n }\n onTouchStart && onTouchStart(e)\n if (this.props.onLongPress) {\n this.timeoutEvent = setTimeout(() => {\n this.props.onLongPress!()\n }, 350)\n this.startTime = (new Date()).getTime()\n }\n }\n\n const _onTouchMove = e => {\n clearTimeout(this.timeoutEvent)\n onTouchMove && onTouchMove(e)\n }\n\n const _onTouchEnd = e => {\n const spanTime = (new Date().getTime()) - this.startTime\n if (spanTime < 350) {\n clearTimeout(this.timeoutEvent)\n }\n if (hoverClass) {\n this.setState(() => ({\n touch: false\n }))\n setTimeout(() => {\n if (!this.state.touch) {\n this.setState(() => ({\n hover: false\n }))\n }\n }, hoverStayTime)\n }\n onTouchEnd && onTouchEnd(e)\n }\n\n return (\n <div\n {...other}\n className={cls}\n onTouchStart={_onTouchStart}\n onTouchEnd={_onTouchEnd}\n onTouchMove={_onTouchMove}\n >\n {this.props.children}\n </div>\n )\n }\n}\n\nexport default View\n"],"names":["View","hover","touch","props","hoverClass","onTouchStart","onTouchEnd","onTouchMove","className","hoverStartTime","hoverStayTime","other","cls","classNames","state","_onTouchStart","e","setState","setTimeout","onLongPress","timeoutEvent","startTime","Date","getTime","_onTouchMove","clearTimeout","_onTouchEnd","spanTime","React","children","Component"],"mappings":";;;;;;;;;;;;;;;;;;IAqBMA;;;;;;;;;;;;;;;;4DACI;AACNC,MAAAA,KAAK,EAAE,KADD;AAENC,MAAAA,KAAK,EAAE;AAFD;;;;gEAMI;;;;;;;WAEZ;;;AACE,wBASI,KAAKC,KATT;AAAA,UACEC,UADF,eACEA,UADF;AAAA,UAEEC,YAFF,eAEEA,YAFF;AAAA,UAGEC,UAHF,eAGEA,UAHF;AAAA,UAIEC,WAJF,eAIEA,WAJF;AAAA,UAKEC,SALF,eAKEA,SALF;AAAA,8CAMEC,cANF;AAAA,UAMEA,cANF,sCAMmB,EANnB;AAAA,8CAOEC,aAPF;AAAA,UAOEA,aAPF,sCAOkB,GAPlB;AAAA,UAQKC,KARL;;AAWA,UAAMC,GAAG,GAAGC,UAAU,CACpB,EADoB,gCAGdT,UAHc,GAGC,KAAKU,KAAL,CAAWb,KAHZ,GAKpBO,SALoB,CAAtB;;AAQA,UAAMO,aAAa,GAAG,SAAhBA,aAAgB,CAAAC,CAAC;AACrB,YAAIZ,UAAJ,EAAgB;AACd,UAAA,MAAI,CAACa,QAAL,CAAc;AAAA,mBAAO;AACnBf,cAAAA,KAAK,EAAE;AADY,aAAP;AAAA,WAAd;;AAGAgB,UAAAA,UAAU,CAAC;AACT,gBAAI,MAAI,CAACJ,KAAL,CAAWZ,KAAf,EAAsB;AACpB,cAAA,MAAI,CAACe,QAAL,CAAc;AAAA,uBAAO;AACnBhB,kBAAAA,KAAK,EAAE;AADY,iBAAP;AAAA,eAAd;AAGD;AACF,WANS,EAMPQ,cANO,CAAV;AAOD;;AACDJ,QAAAA,YAAY,IAAIA,YAAY,CAACW,CAAD,CAA5B;;AACA,YAAI,MAAI,CAACb,KAAL,CAAWgB,WAAf,EAA4B;AAC1B,UAAA,MAAI,CAACC,YAAL,GAAoBF,UAAU,CAAC;AAC7B,YAAA,MAAI,CAACf,KAAL,CAAWgB,WAAX;AACD,WAF6B,EAE3B,GAF2B,CAA9B;AAGA,UAAA,MAAI,CAACE,SAAL,GAAkB,IAAIC,IAAJ,EAAD,CAAaC,OAAb,EAAjB;AACD;AACF,OApBD;;AAsBA,UAAMC,YAAY,GAAG,SAAfA,YAAe,CAAAR,CAAC;AACpBS,QAAAA,YAAY,CAAC,MAAI,CAACL,YAAN,CAAZ;AACAb,QAAAA,WAAW,IAAIA,WAAW,CAACS,CAAD,CAA1B;AACD,OAHD;;AAKA,UAAMU,WAAW,GAAG,SAAdA,WAAc,CAAAV,CAAC;AACnB,YAAMW,QAAQ,GAAI,IAAIL,IAAJ,GAAWC,OAAX,EAAD,GAAyB,MAAI,CAACF,SAA/C;;AACA,YAAIM,QAAQ,GAAG,GAAf,EAAoB;AAClBF,UAAAA,YAAY,CAAC,MAAI,CAACL,YAAN,CAAZ;AACD;;AACD,YAAIhB,UAAJ,EAAgB;AACd,UAAA,MAAI,CAACa,QAAL,CAAc;AAAA,mBAAO;AACnBf,cAAAA,KAAK,EAAE;AADY,aAAP;AAAA,WAAd;;AAGAgB,UAAAA,UAAU,CAAC;AACT,gBAAI,CAAC,MAAI,CAACJ,KAAL,CAAWZ,KAAhB,EAAuB;AACrB,cAAA,MAAI,CAACe,QAAL,CAAc;AAAA,uBAAO;AACnBhB,kBAAAA,KAAK,EAAE;AADY,iBAAP;AAAA,eAAd;AAGD;AACF,WANS,EAMPS,aANO,CAAV;AAOD;;AACDJ,QAAAA,UAAU,IAAIA,UAAU,CAACU,CAAD,CAAxB;AACD,OAlBD;;AAoBA,aACEY,mBAAA,MAAA,kCACMjB,KADN;AAEEH,QAAAA,SAAS,EAAEI,GAFb;AAGEP,QAAAA,YAAY,EAAEU,aAHhB;AAIET,QAAAA,UAAU,EAAEoB,WAJd;AAKEnB,QAAAA,WAAW,EAAEiB;AALf,UAOG,KAAKrB,KAAL,CAAW0B,QAPd,CADF;AAWD;;;;EAvFgBD,KAAK,CAACE;;;;"}
1
+ {"version":3,"file":"index.js","sources":["../../src/components/view/index.tsx"],"sourcesContent":["import 'weui'\nimport React from 'react'\nimport classNames from 'classnames'\nimport './style/index.css'\n\ninterface IProps {\n hoverClass?: string\n className?: string\n hoverStartTime?: number\n hoverStayTime?: number\n onTouchStart? (e: React.TouchEvent<HTMLDivElement>): void\n onTouchEnd? (e: React.TouchEvent<HTMLDivElement>): void\n onTouchMove? (e: React.TouchEvent<HTMLDivElement>): void\n onLongPress? (): void\n}\n\ninterface IState {\n hover: boolean\n touch: boolean\n}\n\nclass View extends React.Component<IProps, IState> {\n state = {\n hover: false,\n touch: false\n }\n\n timeoutEvent: NodeJS.Timeout;\n startTime = 0;\n\n render () {\n const {\n hoverClass,\n onTouchStart,\n onTouchEnd,\n onTouchMove,\n className,\n hoverStartTime = 50,\n hoverStayTime = 400,\n ...other\n } = this.props\n\n const cls = classNames(\n '',\n {\n [`${hoverClass}`]: this.state.hover\n },\n className\n )\n\n const _onTouchStart = e => {\n if (hoverClass) {\n this.setState(() => ({\n touch: true\n }))\n setTimeout(() => {\n if (this.state.touch) {\n this.setState(() => ({\n hover: true\n }))\n }\n }, hoverStartTime)\n }\n onTouchStart && onTouchStart(e)\n if (this.props.onLongPress) {\n this.timeoutEvent = setTimeout(() => {\n this.props.onLongPress!()\n }, 350)\n this.startTime = (new Date()).getTime()\n }\n }\n\n const _onTouchMove = e => {\n clearTimeout(this.timeoutEvent)\n onTouchMove && onTouchMove(e)\n }\n\n const _onTouchEnd = e => {\n const spanTime = (new Date().getTime()) - this.startTime\n if (spanTime < 350) {\n clearTimeout(this.timeoutEvent)\n }\n if (hoverClass) {\n this.setState(() => ({\n touch: false\n }))\n setTimeout(() => {\n if (!this.state.touch) {\n this.setState(() => ({\n hover: false\n }))\n }\n }, hoverStayTime)\n }\n onTouchEnd && onTouchEnd(e)\n }\n\n return (\n <div\n {...other}\n className={cls}\n onTouchStart={_onTouchStart}\n onTouchEnd={_onTouchEnd}\n onTouchMove={_onTouchMove}\n >\n {this.props.children}\n </div>\n )\n }\n}\n\nexport default View\n"],"names":["View","hover","touch","props","hoverClass","onTouchStart","onTouchEnd","onTouchMove","className","hoverStartTime","hoverStayTime","other","cls","classNames","state","_onTouchStart","e","setState","setTimeout","onLongPress","timeoutEvent","startTime","Date","getTime","_onTouchMove","clearTimeout","_onTouchEnd","spanTime","React","children","Component"],"mappings":";;;;;;;;;;;;;;;;;;IAqBMA;;;;;;;;;;;;;;;;4DACI;AACNC,MAAAA,KAAK,EAAE,KADD;AAENC,MAAAA,KAAK,EAAE;AAFD;;;;gEAMI;;;;;;;WAEZ;;;AACE,wBASI,KAAKC,KATT;AAAA,UACEC,UADF,eACEA,UADF;AAAA,UAEEC,YAFF,eAEEA,YAFF;AAAA,UAGEC,UAHF,eAGEA,UAHF;AAAA,UAIEC,WAJF,eAIEA,WAJF;AAAA,UAKEC,SALF,eAKEA,SALF;AAAA,8CAMEC,cANF;AAAA,UAMEA,cANF,sCAMmB,EANnB;AAAA,8CAOEC,aAPF;AAAA,UAOEA,aAPF,sCAOkB,GAPlB;AAAA,UAQKC,KARL;;AAWA,UAAMC,GAAG,GAAGC,UAAU,CACpB,EADoB,gCAGdT,UAHc,GAGC,KAAKU,KAAL,CAAWb,KAHZ,GAKpBO,SALoB,CAAtB;;AAQA,UAAMO,aAAa,GAAG,SAAhBA,aAAgB,CAAAC,CAAC;AACrB,YAAIZ,UAAJ,EAAgB;AACd,UAAA,MAAI,CAACa,QAAL,CAAc;AAAA,mBAAO;AACnBf,cAAAA,KAAK,EAAE;AADY,aAAP;AAAA,WAAd;;AAGAgB,UAAAA,UAAU,CAAC;AACT,gBAAI,MAAI,CAACJ,KAAL,CAAWZ,KAAf,EAAsB;AACpB,cAAA,MAAI,CAACe,QAAL,CAAc;AAAA,uBAAO;AACnBhB,kBAAAA,KAAK,EAAE;AADY,iBAAP;AAAA,eAAd;AAGD;AACF,WANS,EAMPQ,cANO,CAAV;AAOD;;AACDJ,QAAAA,YAAY,IAAIA,YAAY,CAACW,CAAD,CAA5B;;AACA,YAAI,MAAI,CAACb,KAAL,CAAWgB,WAAf,EAA4B;AAC1B,UAAA,MAAI,CAACC,YAAL,GAAoBF,UAAU,CAAC;AAC7B,YAAA,MAAI,CAACf,KAAL,CAAWgB,WAAX;AACD,WAF6B,EAE3B,GAF2B,CAA9B;AAGA,UAAA,MAAI,CAACE,SAAL,GAAkB,IAAIC,IAAJ,EAAD,CAAaC,OAAb,EAAjB;AACD;AACF,OApBD;;AAsBA,UAAMC,YAAY,GAAG,SAAfA,YAAe,CAAAR,CAAC;AACpBS,QAAAA,YAAY,CAAC,MAAI,CAACL,YAAN,CAAZ;AACAb,QAAAA,WAAW,IAAIA,WAAW,CAACS,CAAD,CAA1B;AACD,OAHD;;AAKA,UAAMU,WAAW,GAAG,SAAdA,WAAc,CAAAV,CAAC;AACnB,YAAMW,QAAQ,GAAI,IAAIL,IAAJ,GAAWC,OAAX,EAAD,GAAyB,MAAI,CAACF,SAA/C;;AACA,YAAIM,QAAQ,GAAG,GAAf,EAAoB;AAClBF,UAAAA,YAAY,CAAC,MAAI,CAACL,YAAN,CAAZ;AACD;;AACD,YAAIhB,UAAJ,EAAgB;AACd,UAAA,MAAI,CAACa,QAAL,CAAc;AAAA,mBAAO;AACnBf,cAAAA,KAAK,EAAE;AADY,aAAP;AAAA,WAAd;;AAGAgB,UAAAA,UAAU,CAAC;AACT,gBAAI,CAAC,MAAI,CAACJ,KAAL,CAAWZ,KAAhB,EAAuB;AACrB,cAAA,MAAI,CAACe,QAAL,CAAc;AAAA,uBAAO;AACnBhB,kBAAAA,KAAK,EAAE;AADY,iBAAP;AAAA,eAAd;AAGD;AACF,WANS,EAMPS,aANO,CAAV;AAOD;;AACDJ,QAAAA,UAAU,IAAIA,UAAU,CAACU,CAAD,CAAxB;AACD,OAlBD;;AAoBA,aACEY,mBAAA,MAAA,kCACMjB,KADN;AAEEH,QAAAA,SAAS,EAAEI,GAFb;AAGEP,QAAAA,YAAY,EAAEU,aAHhB;AAIET,QAAAA,UAAU,EAAEoB,WAJd;AAKEnB,QAAAA,WAAW,EAAEiB;AALf,UAOG,KAAKrB,KAAL,CAAW0B,QAPd,CADF;AAWD;;;;EAvFgBD,KAAK,CAACE;;;;"}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@tarojs/components-react",
3
- "version": "3.4.1",
3
+ "version": "3.4.2",
4
4
  "description": "",
5
5
  "main:h5": "src/index.js",
6
6
  "main": "dist/index.js",
@@ -24,8 +24,8 @@
24
24
  "license": "MIT",
25
25
  "dependencies": {
26
26
  "@babel/runtime": "^7.14.5",
27
- "@tarojs/taro": "3.4.1",
28
- "@tarojs/taro-h5": "3.4.1",
27
+ "@tarojs/taro": "3.4.2",
28
+ "@tarojs/taro-h5": "3.4.2",
29
29
  "better-scroll": "^1.14.1",
30
30
  "classnames": "^2.2.5",
31
31
  "intersection-observer": "^0.7.0",
@@ -33,5 +33,5 @@
33
33
  "swiper": "6.8.0",
34
34
  "weui": "^1.1.2"
35
35
  },
36
- "gitHead": "a2437215b1966fd0b6dd09311bcb4fd894a871d0"
36
+ "gitHead": "26b329326c6a7da652e8d712ee33df01ab8d2d0e"
37
37
  }