@tarojs/components-react 4.0.0-beta.87 → 4.0.0-beta.88

package/dist/solid/components/view/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../../src/components/view/index.tsx"],"sourcesContent":["import './style/index.css'\n\nimport classNames from 'classnames'\n\nimport { useEffect, useState } from '../../utils/hooks'\n\nimport type React from 'react'\n\ninterface IProps extends React.HTMLAttributes<HTMLDivElement> {\n  hoverClass?: 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\nfunction View ({\n  className,\n  hoverClass,\n  onTouchStart,\n  onTouchEnd,\n  onTouchMove,\n  hoverStartTime = 50,\n  hoverStayTime = 400,\n  ...other\n}: IProps) {\n  let timeoutEvent: ReturnType<typeof setTimeout>\n  let startTime = 0\n  const [hover, setHover] = useState<boolean>(false)\n  const [touch, setTouch] = useState<boolean>(false)\n\n  const [cls, setCls] = useState<string>(classNames(\n    '',\n    {\n      [`${hoverClass}`]: process.env.FRAMEWORK === 'solid' ? (hover as Exclude<typeof hover, boolean>)() : hover\n    },\n    className\n  ))\n\n  const _onTouchStart = e => {\n    if (hoverClass) {\n      setTouch(true)\n      setTimeout(() => {\n        if (process.env.FRAMEWORK === 'solid' ? (touch as Exclude<typeof touch, boolean>)() : touch) {\n          setHover(true)\n        }\n      }, hoverStartTime)\n    }\n    onTouchStart && onTouchStart(e)\n    if (other.onLongPress) {\n      timeoutEvent = setTimeout(() => {\n        other.onLongPress!()\n      }, 350)\n      startTime = new Date().getTime()\n    }\n  }\n\n  const _onTouchMove = e => {\n    clearTimeout(timeoutEvent)\n    onTouchMove && onTouchMove(e)\n  }\n\n  const _onTouchEnd = e => {\n    const spanTime = new Date().getTime() - startTime\n    if (spanTime < 350) {\n      clearTimeout(timeoutEvent)\n    }\n    if (hoverClass) {\n      setTouch(false)\n      setTimeout(() => {\n        if (process.env.FRAMEWORK === 'solid' ? (touch as Exclude<typeof touch, boolean>)() : touch) {\n          setHover(false)\n        }\n      }, hoverStayTime)\n    }\n    onTouchEnd && onTouchEnd(e)\n  }\n\n  useEffect(() => {\n    setCls(classNames(\n      '',\n      {\n        [`${hoverClass}`]: process.env.FRAMEWORK === 'solid' ? (hover as Exclude<typeof hover, boolean>)() : hover\n      },\n      className\n    ))\n  }, [hover, className])\n\n  return (\n    <div\n      className={process.env.FRAMEWORK === 'solid' ? (cls as Exclude<typeof cls, string>)() : cls as string}\n      onTouchStart={_onTouchStart}\n      onTouchEnd={_onTouchEnd}\n      onTouchMove={_onTouchMove}\n      {...other}\n    >\n      {other.children}\n    </div>\n  )\n}\n\nexport default View\n"],"names":["View","_a","className","hoverClass","onTouchStart","onTouchEnd","onTouchMove","hoverStartTime","hoverStayTime","other","__rest","timeoutEvent","startTime","hover","setHover","useState","touch","setTouch","cls","setCls","classNames","process","_onTouchStart","e","setTimeout","onLongPress","Date","getTime","_onTouchMove","clearTimeout","_onTouchEnd","spanTime","useEffect","_el$","_tmpl$","$$touchmove","$$touchend","$$touchstart","_$spread","_$mergeProps","_$memo","_$insert","children","_$delegateEvents"],"mappings":"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"}
+{"version":3,"file":"index.js","sources":["../../../../src/components/view/index.tsx"],"sourcesContent":["import './style/index.css'\n\nimport classNames from 'classnames'\n\nimport { useEffect, useState } from '../../utils/hooks'\n\nimport type React from 'react'\n\ninterface IProps extends React.HTMLAttributes<HTMLDivElement> {\n  hoverClass?: 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\nfunction View ({\n  className,\n  hoverClass,\n  onTouchStart,\n  onTouchEnd,\n  onTouchMove,\n  hoverStartTime = 50,\n  hoverStayTime = 400,\n  ...other\n}: IProps) {\n  let timeoutEvent: ReturnType<typeof setTimeout>\n  let startTime = 0\n  const [hover, setHover] = useState<boolean>(false)\n  const [touch, setTouch] = useState<boolean>(false)\n\n  const [cls, setCls] = useState<string>(classNames(\n    '',\n    {\n      [`${hoverClass}`]: process.env.FRAMEWORK === 'solid' ? (hover as Exclude<typeof hover, boolean>)() : hover\n    },\n    className\n  ))\n\n  const _onTouchStart = e => {\n    if (hoverClass) {\n      setTouch(true)\n      setTimeout(() => {\n        if (process.env.FRAMEWORK === 'solid' ? (touch as Exclude<typeof touch, boolean>)() : touch) {\n          setHover(true)\n        }\n      }, hoverStartTime)\n    }\n    onTouchStart && onTouchStart(e)\n    if (other.onLongPress) {\n      timeoutEvent = setTimeout(() => {\n        other.onLongPress!()\n      }, 350)\n      startTime = new Date().getTime()\n    }\n  }\n\n  const _onTouchMove = e => {\n    clearTimeout(timeoutEvent)\n    onTouchMove && onTouchMove(e)\n  }\n\n  const _onTouchEnd = e => {\n    const spanTime = new Date().getTime() - startTime\n    if (spanTime < 350) {\n      clearTimeout(timeoutEvent)\n    }\n    if (hoverClass) {\n      setTouch(false)\n      setTimeout(() => {\n        if (process.env.FRAMEWORK === 'solid' ? (touch as Exclude<typeof touch, boolean>)() : touch) {\n          setHover(false)\n        }\n      }, hoverStayTime)\n    }\n    onTouchEnd && onTouchEnd(e)\n  }\n\n  useEffect(() => {\n    setCls(classNames(\n      '',\n      {\n        [`${hoverClass}`]: process.env.FRAMEWORK === 'solid' ? (hover as Exclude<typeof hover, boolean>)() : hover\n      },\n      className\n    ))\n  }, [hover, className])\n\n  return (\n    <div\n      className={process.env.FRAMEWORK === 'solid' ? (cls as Exclude<typeof cls, string>)() : cls as string}\n      onTouchStart={_onTouchStart}\n      onTouchEnd={_onTouchEnd}\n      onTouchMove={_onTouchMove}\n      {...other}\n    >\n      {other.children}\n    </div>\n  )\n}\n\nexport default View\n"],"names":["View","_a","className","hoverClass","onTouchStart","onTouchEnd","onTouchMove","hoverStartTime","hoverStayTime","other","__rest","timeoutEvent","startTime","hover","setHover","useState","touch","setTouch","cls","setCls","classNames","process","_onTouchStart","e","setTimeout","onLongPress","Date","getTime","_onTouchMove","clearTimeout","_onTouchEnd","spanTime","useEffect","_el$","_tmpl$","$$touchmove","$$touchend","$$touchstart","_$spread","_$mergeProps","_$memo","_$insert","children","_$delegateEvents"],"mappings":"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"}