@tarojs/components-react 4.1.4-beta.13 → 4.1.4-beta.14

package/dist/components/view/index.js

@@ -0,0 +1,80 @@
+import { __rest } from 'tslib';
+import classNames from 'classnames';
+import { useState, useEffect } from '../../utils/hooks.react.js';
+import { createForwardRefComponent } from '../../utils/index.js';
+import { jsx } from 'react/jsx-runtime';
+
+function View(_a) {
+  var {
+      className,
+      hoverClass,
+      forwardedRef,
+      onTouchStart,
+      onTouchEnd,
+      onTouchMove,
+      hoverStartTime = 50,
+      hoverStayTime = 400
+    } = _a,
+    other = __rest(_a, ["className", "hoverClass", "forwardedRef", "onTouchStart", "onTouchEnd", "onTouchMove", "hoverStartTime", "hoverStayTime"]);
+  let timeoutEvent;
+  let startTime = 0;
+  const [hover, setHover] = useState(false);
+  const [touch, setTouch] = useState(false);
+  const [cls, setCls] = useState(classNames('', {
+    [`${hoverClass}`]: "react" === 'solid' ? hover() : hover
+  }, className));
+  const _onTouchStart = e => {
+    if (hoverClass) {
+      setTouch(true);
+      setTimeout(() => {
+        if ("react" === 'solid' ? touch() : touch) {
+          setHover(true);
+        }
+      }, hoverStartTime);
+    }
+    onTouchStart && onTouchStart(e);
+    if (other.onLongPress) {
+      timeoutEvent = setTimeout(() => {
+        other.onLongPress();
+      }, 350);
+      startTime = new Date().getTime();
+    }
+  };
+  const _onTouchMove = e => {
+    clearTimeout(timeoutEvent);
+    onTouchMove && onTouchMove(e);
+  };
+  const _onTouchEnd = e => {
+    const spanTime = new Date().getTime() - startTime;
+    if (spanTime < 350) {
+      clearTimeout(timeoutEvent);
+    }
+    if (hoverClass) {
+      setTouch(false);
+      setTimeout(() => {
+        if ("react" === 'solid' ? touch() : touch) {
+          setHover(false);
+        }
+      }, hoverStayTime);
+    }
+    onTouchEnd && onTouchEnd(e);
+  };
+  useEffect(() => {
+    setCls(classNames('', {
+      [`${hoverClass}`]: "react" === 'solid' ? hover() : hover
+    }, className));
+  }, [hover, className]);
+  return /*#__PURE__*/jsx("div", {
+    ref: forwardedRef,
+    className: "react" === 'solid' ? cls() : cls,
+    onTouchStart: _onTouchStart,
+    onTouchEnd: _onTouchEnd,
+    onTouchMove: _onTouchMove,
+    ...other,
+    children: other.children
+  });
+}
+var index = createForwardRefComponent(View);
+
+export { index as default };
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../src/components/view/index.tsx"],"sourcesContent":["import classNames from 'classnames'\n\nimport { useEffect, useState } from '../../utils/hooks'\nimport { createForwardRefComponent } from '../../utils/index'\n\nimport type { TFunc } from '@tarojs/runtime/dist/runtime.esm'\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  forwardedRef?: React.MutableRefObject<HTMLDivElement>\n}\n\nfunction View ({\n  className,\n  hoverClass,\n  forwardedRef,\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 unknown as TFunc)() : 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 unknown as TFunc)() : 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 unknown as TFunc)() : 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 unknown as TFunc)() : hover\n      },\n      className\n    ))\n  }, [hover, className])\n\n  return (\n    <div\n      ref={forwardedRef}\n      className={process.env.FRAMEWORK === 'solid' ? (cls as unknown as TFunc)() : cls as string}\n      onTouchStart={_onTouchStart}\n      onTouchEnd={_onTouchEnd}\n      onTouchMove={_onTouchMove}\n      {...other}\n    >\n      {other.children}\n    </div>\n  )\n}\n\n\nexport default createForwardRefComponent(View)\n"],"names":["View","_a","className","hoverClass","forwardedRef","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","_jsx","ref","children","createForwardRefComponent"],"mappings":"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"}

package/dist/index.css

@@ -1 +1 @@
-.taro-picker__overlay{z-index:1000}.taro-picker__mask-overlay,.taro-picker__overlay{bottom:0;height:100%;left:0;position:relative;right:0;top:0;width:100%}.taro-picker__mask-overlay{background-color:rgba(0,0,0,.6);z-index:1001}.taro-picker{background-color:#e5e5e5;bottom:0;left:0;position:relative;width:100%;z-index:1002}.taro-picker__hd{align-items:center;background-color:#fff;display:flex;font-size:17px;height:44px;justify-content:space-between;padding:0;position:relative}.taro-picker__hd:after{background-color:#e5e5e5;bottom:0;content:"";height:1px;left:0;position:absolute;transform:scaleY(.5);width:100%}.taro-picker__action{color:#1aad19;flex:0 0 auto;font-size:16px;height:44px;line-height:44px;padding:0 10px}.taro-picker__action:first-child{color:#888}.taro-picker__title{color:#000;font-weight:500;left:50%;max-width:40%;overflow:hidden;position:absolute;text-overflow:ellipsis;top:50%;transform:translate(-50%,-50%);white-space:nowrap}.taro-picker__bd{background-color:#fff;height:238px;overflow:hidden;width:100%}.taro-picker__bd,.taro-picker__group{box-sizing:border-box;display:flex;flex:1}.taro-picker__group{align-items:center;height:100%;justify-content:center;min-width:0;position:relative}.taro-picker__group--date .taro-picker__columns{display:flex;height:100%;width:100%}.taro-picker__mask{background:linear-gradient(180deg,hsla(0,0%,100%,.95),hsla(0,0%,100%,.6) 40%,hsla(0,0%,100%,0) 50%,hsla(0,0%,100%,0) 0,hsla(0,0%,100%,.6) 60%,hsla(0,0%,100%,.95));height:100%;left:0;pointer-events:none;position:absolute;top:0;width:100%;z-index:1}.taro-picker__indicator{box-sizing:border-box;height:34px;left:0;position:absolute;top:50%;transform:translateY(-50%);width:100%;z-index:1002}.taro-picker__indicator:after,.taro-picker__indicator:before{background-color:#e5e5e5;content:"";height:1px;left:0;position:absolute;right:0;transform:scaleY(.5)}.taro-picker__indicator:before{top:0}.taro-picker__indicator:after{bottom:0}.taro-picker__content{box-sizing:border-box;height:100%;width:100%}.taro-picker__item{align-items:center;box-sizing:border-box;color:#000;display:flex;font-size:16px;height:34px;justify-content:center;line-height:34px;overflow:hidden;padding:0 8px;text-align:center;text-overflow:ellipsis;white-space:nowrap;width:100%}.taro-picker__item--selected{color:#1aad19;font-weight:500}.taro-picker__item--disabled{color:#999}.taro-picker__column{flex:1;margin:0 8px}.taro-picker__column:first-child{margin-left:0}.taro-picker__column:last-child{margin-right:0}.taro-picker__item--custom{align-items:center;color:#888;display:flex;font-weight:400;justify-content:center;text-align:center}@keyframes taro-picker__slide-up{0%{transform:translate3d(0,100%,0)}to{transform:translateZ(0)}}@keyframes taro-picker__slide-down{0%{transform:translateZ(0)}to{transform:translate3d(0,100%,0)}}@keyframes taro-picker__fade-in{0%{opacity:0}to{opacity:1}}@keyframes taro-picker__fade-out{0%{opacity:1}to{opacity:0}}.taro-picker,.taro-picker__hd{font-size:12px}
+@-webkit-keyframes weuiLoading{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes weuiLoading{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.taro-button-core[loading]>.weui-loading{animation:weuiLoading 1s steps(12) infinite;background:transparent url("data:image/svg+xml;charset=utf8, %3Csvg xmlns='http://www.w3.org/2000/svg' width='120' height='120' viewBox='0 0 100 100'%3E%3Cpath fill='none' d='M0 0h100v100H0z'/%3E%3Crect width='7' height='20' x='46.5' y='40' fill='%23E9E9E9' rx='5' ry='5' transform='translate(0 -30)'/%3E%3Crect width='7' height='20' x='46.5' y='40' fill='%23989697' rx='5' ry='5' transform='rotate(30 105.98 65)'/%3E%3Crect width='7' height='20' x='46.5' y='40' fill='%239B999A' rx='5' ry='5' transform='rotate(60 75.98 65)'/%3E%3Crect width='7' height='20' x='46.5' y='40' fill='%23A3A1A2' rx='5' ry='5' transform='rotate(90 65 65)'/%3E%3Crect width='7' height='20' x='46.5' y='40' fill='%23ABA9AA' rx='5' ry='5' transform='rotate(120 58.66 65)'/%3E%3Crect width='7' height='20' x='46.5' y='40' fill='%23B2B2B2' rx='5' ry='5' transform='rotate(150 54.02 65)'/%3E%3Crect width='7' height='20' x='46.5' y='40' fill='%23BAB8B9' rx='5' ry='5' transform='rotate(180 50 65)'/%3E%3Crect width='7' height='20' x='46.5' y='40' fill='%23C2C0C1' rx='5' ry='5' transform='rotate(-150 45.98 65)'/%3E%3Crect width='7' height='20' x='46.5' y='40' fill='%23CBCBCB' rx='5' ry='5' transform='rotate(-120 41.34 65)'/%3E%3Crect width='7' height='20' x='46.5' y='40' fill='%23D2D2D2' rx='5' ry='5' transform='rotate(-90 35 65)'/%3E%3Crect width='7' height='20' x='46.5' y='40' fill='%23DADADA' rx='5' ry='5' transform='rotate(-60 24.02 65)'/%3E%3Crect width='7' height='20' x='46.5' y='40' fill='%23E2E2E2' rx='5' ry='5' transform='rotate(-30 -5.98 65)'/%3E%3C/svg%3E") no-repeat;background-size:100%;display:inline-block;height:20px;vertical-align:middle;width:20px}.taro-button-core[loading]>.weui-loading.weui-btn_primary,.taro-button-core[loading]>.weui-loading.weui-btn_warn{color:hsla(0,0%,100%,.6)}.taro-button-core[loading]>.weui-loading.weui-btn_primary{background-color:#179b16}.taro-button-core[loading]>.weui-loading.weui-btn_warn{background-color:#ce3c39}.taro-button-core{-webkit-tap-highlight-color:rgba(0,0,0,0);appearance:none;background-color:#f8f8f8;border-radius:5px;border-width:0;box-sizing:border-box;color:#000;display:block;font-size:18px;line-height:2.55555556;margin-left:auto;margin-right:auto;outline:0;overflow:hidden;padding-left:14px;padding-right:14px;position:relative;text-align:center;text-decoration:none;width:100%}.taro-button-core:focus{outline:0}.taro-button-core:not([disabled]):active{background-color:#dedede;color:rgba(0,0,0,.6)}.taro-button-core:after{border:1px solid rgba(0,0,0,.2);border-radius:10px;box-sizing:border-box;content:" ";height:200%;left:0;position:absolute;top:0;transform:scale(.5);transform-origin:0 0;width:200%}.taro-button-core+.taro-button-core{margin-top:15px}.taro-button-core[type=default]{background-color:#f8f8f8;color:#000}.taro-button-core[type=default]:not([disabled]):visited{color:#000}.taro-button-core[type=default]:not([disabled]):active{background-color:#dedede;color:rgba(0,0,0,.6)}.taro-button-core[size=mini]{display:inline-block;font-size:13px;line-height:2.3;padding:0 1.32em;width:auto}.taro-button-core[plain=true],.taro-button-core[plain=true][type=default],.taro-button-core[plain=true][type=primary]{background-color:transparent;border-width:1px}.taro-button-core[disabled]{color:hsla(0,0%,100%,.6)}.taro-button-core[disabled][type=default]{background-color:#f7f7f7;color:rgba(0,0,0,.3)}.taro-button-core[disabled][type=primary]{background-color:#9ed99d}.taro-button-core[disabled][type=warn]{background-color:#ec8b89}.taro-button-core[loading] .weui-loading{margin:-.2em .34em 0 0}.taro-button-core[loading][type=primary],.taro-button-core[loading][type=warn]{color:hsla(0,0%,100%,.6)}.taro-button-core[loading][type=primary]{background-color:#179b16}.taro-button-core[loading][type=warn]{background-color:#ce3c39}.taro-button-core[plain=true][type=primary]{border:1px solid #1aad19;color:#1aad19}.taro-button-core[plain=true][type=primary]:not([disabled]):active{background-color:transparent;border-color:rgba(26,173,25,.6);color:rgba(26,173,25,.6)}.taro-button-core[plain=true][type=primary]:after{border-width:0}.taro-button-core[plain=true][type=warn]{border:1px solid #e64340;color:#e64340}.taro-button-core[plain=true][type=warn]:not([disabled]):active{background-color:transparent;border-color:rgba(230,67,64,.6);color:rgba(230,67,64,.6)}.taro-button-core[plain=true][type=warn]:after{border-width:0}.taro-button-core[plain=true],.taro-button-core[plain=true][type=default]{border:1px solid #353535;color:#353535}.taro-button-core[plain=true]:not([disabled]):active,.taro-button-core[plain=true][type=default]:not([disabled]):active{background-color:transparent;border-color:rgba(53,53,53,.6);color:rgba(53,53,53,.6)}.taro-button-core[plain=true]:after,.taro-button-core[plain=true][type=default]:after{border-width:0}.taro-button-core[type=primary]{background-color:#1aad19;color:#fff}.taro-button-core[type=primary]:not([disabled]):visited{color:#fff}.taro-button-core[type=primary]:not([disabled]):active{background-color:#179b16;color:hsla(0,0%,100%,.6)}.taro-button-core[type=warn]{background-color:#e64340;color:#fff}.taro-button-core[type=warn]:not([disabled]):visited{color:#fff}.taro-button-core[type=warn]:not([disabled]):active{background-color:#ce3c39;color:hsla(0,0%,100%,.6)}.taro-button-core[plain=true][disabled],.taro-button-core[plain=true][disabled][type=primary]{background-color:#f7f7f7;border:1px solid rgba(0,0,0,.2);color:rgba(0,0,0,.3)}.weui-icon-circle:before{content:"\ea01"}.weui-icon-download:before{content:"\ea02"}.weui-icon-info:before{content:"\ea03"}.weui-icon-safe-success:before{content:"\ea04"}.weui-icon-safe-warn:before{content:"\ea05"}.weui-icon-success:before{content:"\ea06"}.weui-icon-success-circle:before{content:"\ea07"}.weui-icon-success-no-circle:before{content:"\ea08"}.weui-icon-waiting:before{content:"\ea09"}.weui-icon-waiting-circle:before{content:"\ea0a"}.weui-icon-warn:before{content:"\ea0b"}.weui-icon-info-circle:before{content:"\ea0c"}.weui-icon-cancel:before{content:"\ea0d"}.weui-icon-search:before{content:"\ea0e"}.weui-icon-clear:before{content:"\ea0f"}.weui-icon-back:before{content:"\ea10"}.weui-icon-delete:before{content:"\ea11"}.weui-icon-success{color:#09bb07;font-size:23px}.weui-icon-waiting{color:#10aeff;font-size:23px}.weui-icon-warn{color:#f43530;font-size:23px}.weui-icon-info{color:#10aeff;font-size:23px}.weui-icon-success-circle,.weui-icon-success-no-circle{color:#09bb07;font-size:23px}.weui-icon-waiting-circle{color:#10aeff;font-size:23px}.weui-icon-circle{color:#c9c9c9;font-size:23px}.weui-icon-download,.weui-icon-info-circle{color:#09bb07;font-size:23px}.weui-icon-safe-success{color:#09bb07}.weui-icon-safe-warn{color:#ffbe00}.weui-icon-cancel{color:#f43530;font-size:22px}.weui-icon-clear,.weui-icon-search{color:#b2b2b2;font-size:14px}.weui-icon-delete.weui-icon_gallery-delete{color:#fff;font-size:22px}.weui-icon_msg{font-size:93px}.weui-icon_msg.weui-icon-warn{color:#f76260}.weui-icon_msg-primary{font-size:93px}.weui-icon_msg-primary.weui-icon-warn{color:#ffbe00}img[src=""]{opacity:0}.taro-img{display:inline-block;font-size:0;height:240px;overflow:hidden;position:relative;width:320px}.taro-img.taro-img__widthfix,.taro-img__mode-heightfix{height:100%}.taro-img__mode-scaletofill{height:100%;width:100%}.taro-img__mode-aspectfit{height:100%;object-fit:contain;width:100%}.taro-img__mode-aspectfill{height:100%;object-fit:cover;width:100%}.taro-img__mode-widthfix{width:100%}.taro-img__mode-bottom,.taro-img__mode-top{left:50%;position:absolute;transform:translate(-50%)}.taro-img__mode-bottom{bottom:0}.taro-img__mode-center{left:50%;position:absolute;top:50%;transform:translate(-50%,-50%)}.taro-img__mode-left,.taro-img__mode-right{position:absolute;top:50%;transform:translateY(-50%)}.taro-img__mode-right{right:0}.taro-img__mode-topright{position:absolute;right:0}.taro-img__mode-bottomleft{bottom:0;position:absolute}.taro-img__mode-bottomright{bottom:0;position:absolute;right:0}.taro-input-core{display:block}.weui-input{-webkit-appearance:none;background-color:transparent;border:0;color:inherit;font-size:inherit;height:1.4705882353em;line-height:1.4705882353;outline:0;width:100%}.weui-input::-webkit-inner-spin-button,.weui-input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.taro-picker__overlay{z-index:1000}.taro-picker__mask-overlay,.taro-picker__overlay{bottom:0;height:100%;left:0;position:relative;right:0;top:0;width:100%}.taro-picker__mask-overlay{background-color:rgba(0,0,0,.6);z-index:1001}.taro-picker{background-color:#e5e5e5;bottom:0;left:0;position:relative;width:100%;z-index:1002}.taro-picker__hd{align-items:center;background-color:#fff;display:flex;font-size:17px;height:44px;justify-content:space-between;padding:0;position:relative}.taro-picker__hd:after{background-color:#e5e5e5;bottom:0;content:"";height:1px;left:0;position:absolute;transform:scaleY(.5);width:100%}.taro-picker__action{color:#1aad19;flex:0 0 auto;height:44px;line-height:44px;padding:0 10px}.taro-picker__action:first-child{color:#888}.taro-picker__title{color:#000;font-size:16px;font-weight:500;left:50%;max-width:40%;overflow:hidden;position:absolute;text-overflow:ellipsis;top:50%;transform:translate(-50%,-50%);white-space:nowrap}.taro-picker__bd{background-color:#fff;height:238px;overflow:hidden;width:100%}.taro-picker__bd,.taro-picker__group{box-sizing:border-box;display:flex;flex:1}.taro-picker__group{align-items:center;height:100%;justify-content:center;min-width:0;position:relative}.taro-picker__group--date .taro-picker__columns{display:flex;height:100%;width:100%}.taro-picker__mask{background:linear-gradient(180deg,hsla(0,0%,100%,.95),hsla(0,0%,100%,.6) 40%,hsla(0,0%,100%,0) 50%,hsla(0,0%,100%,0) 0,hsla(0,0%,100%,.6) 60%,hsla(0,0%,100%,.95));height:100%;left:0;pointer-events:none;position:absolute;top:0;width:100%;z-index:1}.taro-picker__indicator{box-sizing:border-box;height:34px;left:0;position:absolute;top:50%;transform:translateY(-50%);width:100%;z-index:1002}.taro-picker__indicator:after,.taro-picker__indicator:before{background-color:#e5e5e5;content:"";height:1px;left:0;position:absolute;right:0;transform:scaleY(.5)}.taro-picker__indicator:before{top:0}.taro-picker__indicator:after{bottom:0}.taro-picker__content{box-sizing:border-box;height:100%;width:100%}.taro-picker__item{align-items:center;box-sizing:border-box;color:#000;display:flex;font-size:16px;height:34px;justify-content:center;line-height:34px;overflow:hidden;padding:0 8px;text-align:center;text-overflow:ellipsis;white-space:nowrap;width:100%}.taro-picker__item--selected{color:#1aad19;font-weight:500}.taro-picker__item--disabled{color:#999}.taro-picker__column{flex:1;margin:0 8px}.taro-picker__column:first-child{margin-left:0}.taro-picker__column:last-child{margin-right:0}.taro-picker__item--custom{align-items:center;color:#888;display:flex;font-weight:400;justify-content:center;text-align:center}@keyframes taro-picker__slide-up{0%{transform:translate3d(0,100%,0)}to{transform:translateZ(0)}}@keyframes taro-picker__slide-down{0%{transform:translateZ(0)}to{transform:translate3d(0,100%,0)}}@keyframes taro-picker__fade-in{0%{opacity:0}to{opacity:1}}@keyframes taro-picker__fade-out{0%{opacity:1}to{opacity:0}}.taro-picker,.taro-picker__hd{font-size:14px}.rmc-pull-to-refresh-content{transform-origin:left top 0}.rmc-pull-to-refresh-content-wrapper{min-height:100%}.rmc-pull-to-refresh-transition{transition:transform .3s}@keyframes rmc-pull-to-refresh-indicator{50%{opacity:.2}to{opacity:1}}.rmc-pull-to-refresh-indicator{height:30px;line-height:10px;text-align:center}.rmc-pull-to-refresh-indicator>div{animation-fill-mode:both;animation:rmc-pull-to-refresh-indicator .5s linear 0s infinite;background-color:grey;border-radius:100%;display:inline-block;height:6px;margin:3px;width:6px}.rmc-pull-to-refresh-indicator>div:nth-child(0){animation-delay:-.1s!important}.rmc-pull-to-refresh-indicator>div:first-child{animation-delay:-.2s!important}.rmc-pull-to-refresh-indicator>div:nth-child(2){animation-delay:-.3s!important}.rmc-pull-to-refresh-down .rmc-pull-to-refresh-indicator{margin-top:-25px}.taro-scroll{-webkit-overflow-scrolling:auto}.taro-scroll::-webkit-scrollbar{display:none}.taro-scroll-view{overflow:hidden}.taro-scroll-view__scroll-x{overflow-x:scroll;overflow-y:hidden}.taro-scroll-view__scroll-y{overflow-x:hidden;overflow-y:scroll}.swiper-container-wrapper{height:150px}.swiper-container{height:100%;overflow:visible;position:relative}.taro-text{-moz-user-select:none;-webkit-user-select:none;-ms-user-select:none;user-select:none}.taro-text__selectable{-moz-user-select:text;-webkit-user-select:text;-ms-user-select:text;user-select:text}

package/dist/index.js

@@ -1,81 +1,14 @@
-export { Picker } from './components/picker/index.js';
+export { Ad, AdCustom, AnimationVideo, AnimationView, ArCamera, Audio, AwemeData, Block, Camera, Canvas, ChannelLive, ChannelVideo, Checkbox, CheckboxGroup, CommentDetail, CommentList, ContactButton, CoverImage, CoverView, CustomWrapper, DraggableSheet, Editor, FollowSwan, Form, FunctionalPageNavigator, GridBuilder, GridView, InlinePaymentPanel, KeyboardAccessory, Label, Lifestyle, Like, ListBuilder, ListView, LivePlayer, LivePusher, Login, Lottie, Map, MatchMedia, MovableArea, MovableView, NativeSlot, NavigationBar, Navigator, NestedScrollBody, NestedScrollHeader, OfficialAccount, OpenContainer, OpenData, PageContainer, PageMeta, Progress, Radio, RadioGroup, RichText, RootPortal, RtcRoom, RtcRoomItem, Script, ShareElement, Slider, Slot, Snapshot, Span, StickyHeader, StickySection, Switch, Tabs, Textarea, Video, VoipRoom, WebView } from '@tarojs/components/lib/react';
+export { default as Button } from './components/button/index.js';
+export { default as Icon } from './components/icon/index.js';
+export { default as Image } from './components/image/index.js';
+export { default as Input } from './components/input/index.js';
+export { default as Picker } from './components/picker/index.js';
+export { default as PullDownRefresh } from './components/pull-down-refresh/index.js';
+export { default as ScrollView } from './components/scroll-view/index.js';
+export { Swiper, SwiperItem } from './components/swiper/index.js';
+export { default as Text } from './components/text/index.js';
+export { default as View } from './components/view/index.js';
 
-// /* eslint-disable simple-import-sort/exports */
-// export { Ad } from '@tarojs/components/lib/react'
-// export { AdCustom } from '@tarojs/components/lib/react'
-// export { AnimationVideo } from '@tarojs/components/lib/react'
-// export { AnimationView } from '@tarojs/components/lib/react'
-// export { ArCamera } from '@tarojs/components/lib/react'
-// export { Audio } from '@tarojs/components/lib/react'
-// export { AwemeData } from '@tarojs/components/lib/react'
-// export { Block } from '@tarojs/components/lib/react'
-// export { default as Button } from './components/button'
-// export { Camera } from '@tarojs/components/lib/react'
-// export { Canvas } from '@tarojs/components/lib/react'
-// export { ChannelLive } from '@tarojs/components/lib/react'
-// export { ChannelVideo } from '@tarojs/components/lib/react'
-// export { Checkbox, CheckboxGroup } from '@tarojs/components/lib/react'
-// export { CommentDetail, CommentList } from '@tarojs/components/lib/react'
-// export { ContactButton } from '@tarojs/components/lib/react'
-// export { CoverImage } from '@tarojs/components/lib/react'
-// export { CoverView } from '@tarojs/components/lib/react'
-// export { CustomWrapper } from '@tarojs/components/lib/react'
-// export { DraggableSheet } from '@tarojs/components/lib/react'
-// export { Editor } from '@tarojs/components/lib/react'
-// export { FollowSwan } from '@tarojs/components/lib/react'
-// export { Form } from '@tarojs/components/lib/react'
-// export { FunctionalPageNavigator } from '@tarojs/components/lib/react'
-// export { GridView } from '@tarojs/components/lib/react'
-// export { GridBuilder } from '@tarojs/components/lib/react'
-// export { default as Icon } from './components/icon'
-// export { default as Image } from './components/image'
-// export { InlinePaymentPanel } from '@tarojs/components/lib/react'
-// export { default as Input } from './components/input'
-// export { KeyboardAccessory } from '@tarojs/components/lib/react'
-// export { Label } from '@tarojs/components/lib/react'
-// export { Lifestyle } from '@tarojs/components/lib/react'
-// export { Like } from '@tarojs/components/lib/react'
-// export { LivePlayer } from '@tarojs/components/lib/react'
-// export { LivePusher } from '@tarojs/components/lib/react'
-// export { ListBuilder } from '@tarojs/components/lib/react'
-// export { ListView } from '@tarojs/components/lib/react'
-// export { Login } from '@tarojs/components/lib/react'
-// export { Lottie } from '@tarojs/components/lib/react'
-// export { Map } from '@tarojs/components/lib/react'
-// export { MatchMedia } from '@tarojs/components/lib/react'
-// export { MovableArea, MovableView } from '@tarojs/components/lib/react'
-// export { NavigationBar } from '@tarojs/components/lib/react'
-// export { Navigator } from '@tarojs/components/lib/react'
-// export { NestedScrollBody } from '@tarojs/components/lib/react'
-// export { NestedScrollHeader } from '@tarojs/components/lib/react'
-// export { OfficialAccount } from '@tarojs/components/lib/react'
-// export { OpenData } from '@tarojs/components/lib/react'
-// export { OpenContainer } from '@tarojs/components/lib/react'
-// export { PageContainer } from '@tarojs/components/lib/react'
-// export { PageMeta } from '@tarojs/components/lib/react'
-// export { Progress } from '@tarojs/components/lib/react'
-// export { default as PullDownRefresh } from './components/pull-down-refresh'
-// // export { PullToRefresh } from '@tarojs/components/lib/react'
-// export { Radio, RadioGroup } from '@tarojs/components/lib/react'
-// export { RichText } from '@tarojs/components/lib/react'
-// export { RootPortal } from '@tarojs/components/lib/react'
-// export { RtcRoom, RtcRoomItem } from '@tarojs/components/lib/react'
-// export { Script } from '@tarojs/components/lib/react'
-// export { default as ScrollView } from './components/scroll-view'
-// export { ShareElement } from '@tarojs/components/lib/react'
-// export { Slider } from '@tarojs/components/lib/react'
-// export { Snapshot } from '@tarojs/components/lib/react'
-// export { Span } from '@tarojs/components/lib/react'
-// export { StickyHeader } from '@tarojs/components/lib/react'
-// export { StickySection } from '@tarojs/components/lib/react'
-// export { NativeSlot, Slot } from '@tarojs/components/lib/react'
-// export { Swiper, SwiperItem } from './components/swiper'
-// export { Switch } from '@tarojs/components/lib/react'
-// export { Tabs } from '@tarojs/components/lib/react'
-// export { default as Text } from './components/text'
-// export { Textarea } from '@tarojs/components/lib/react'
-// export { Video } from '@tarojs/components/lib/react'
-// export { default as View } from './components/view'
-// export { VoipRoom } from '@tarojs/components/lib/react'
-// export { WebView } from '@tarojs/components/lib/react'
+/* eslint-disable simple-import-sort/exports */
 //# sourceMappingURL=index.js.map

package/dist/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../src/index.react.ts"],"sourcesContent":["// /* eslint-disable simple-import-sort/exports */\n// export { Ad } from '@tarojs/components/lib/react'\n// export { AdCustom } from '@tarojs/components/lib/react'\n// export { AnimationVideo } from '@tarojs/components/lib/react'\n// export { AnimationView } from '@tarojs/components/lib/react'\n// export { ArCamera } from '@tarojs/components/lib/react'\n// export { Audio } from '@tarojs/components/lib/react'\n// export { AwemeData } from '@tarojs/components/lib/react'\n// export { Block } from '@tarojs/components/lib/react'\n// export { default as Button } from './components/button'\n// export { Camera } from '@tarojs/components/lib/react'\n// export { Canvas } from '@tarojs/components/lib/react'\n// export { ChannelLive } from '@tarojs/components/lib/react'\n// export { ChannelVideo } from '@tarojs/components/lib/react'\n// export { Checkbox, CheckboxGroup } from '@tarojs/components/lib/react'\n// export { CommentDetail, CommentList } from '@tarojs/components/lib/react'\n// export { ContactButton } from '@tarojs/components/lib/react'\n// export { CoverImage } from '@tarojs/components/lib/react'\n// export { CoverView } from '@tarojs/components/lib/react'\n// export { CustomWrapper } from '@tarojs/components/lib/react'\n// export { DraggableSheet } from '@tarojs/components/lib/react'\n// export { Editor } from '@tarojs/components/lib/react'\n// export { FollowSwan } from '@tarojs/components/lib/react'\n// export { Form } from '@tarojs/components/lib/react'\n// export { FunctionalPageNavigator } from '@tarojs/components/lib/react'\n// export { GridView } from '@tarojs/components/lib/react'\n// export { GridBuilder } from '@tarojs/components/lib/react'\n// export { default as Icon } from './components/icon'\n// export { default as Image } from './components/image'\n// export { InlinePaymentPanel } from '@tarojs/components/lib/react'\n// export { default as Input } from './components/input'\n// export { KeyboardAccessory } from '@tarojs/components/lib/react'\n// export { Label } from '@tarojs/components/lib/react'\n// export { Lifestyle } from '@tarojs/components/lib/react'\n// export { Like } from '@tarojs/components/lib/react'\n// export { LivePlayer } from '@tarojs/components/lib/react'\n// export { LivePusher } from '@tarojs/components/lib/react'\n// export { ListBuilder } from '@tarojs/components/lib/react'\n// export { ListView } from '@tarojs/components/lib/react'\n// export { Login } from '@tarojs/components/lib/react'\n// export { Lottie } from '@tarojs/components/lib/react'\n// export { Map } from '@tarojs/components/lib/react'\n// export { MatchMedia } from '@tarojs/components/lib/react'\n// export { MovableArea, MovableView } from '@tarojs/components/lib/react'\n// export { NavigationBar } from '@tarojs/components/lib/react'\n// export { Navigator } from '@tarojs/components/lib/react'\n// export { NestedScrollBody } from '@tarojs/components/lib/react'\n// export { NestedScrollHeader } from '@tarojs/components/lib/react'\n// export { OfficialAccount } from '@tarojs/components/lib/react'\n// export { OpenData } from '@tarojs/components/lib/react'\n// export { OpenContainer } from '@tarojs/components/lib/react'\n// export { PageContainer } from '@tarojs/components/lib/react'\n// export { PageMeta } from '@tarojs/components/lib/react'\nexport { default as Picker } from './components/picker'\n// export { Progress } from '@tarojs/components/lib/react'\n// export { default as PullDownRefresh } from './components/pull-down-refresh'\n// // export { PullToRefresh } from '@tarojs/components/lib/react'\n// export { Radio, RadioGroup } from '@tarojs/components/lib/react'\n// export { RichText } from '@tarojs/components/lib/react'\n// export { RootPortal } from '@tarojs/components/lib/react'\n// export { RtcRoom, RtcRoomItem } from '@tarojs/components/lib/react'\n// export { Script } from '@tarojs/components/lib/react'\n// export { default as ScrollView } from './components/scroll-view'\n// export { ShareElement } from '@tarojs/components/lib/react'\n// export { Slider } from '@tarojs/components/lib/react'\n// export { Snapshot } from '@tarojs/components/lib/react'\n// export { Span } from '@tarojs/components/lib/react'\n// export { StickyHeader } from '@tarojs/components/lib/react'\n// export { StickySection } from '@tarojs/components/lib/react'\n// export { NativeSlot, Slot } from '@tarojs/components/lib/react'\n// export { Swiper, SwiperItem } from './components/swiper'\n// export { Switch } from '@tarojs/components/lib/react'\n// export { Tabs } from '@tarojs/components/lib/react'\n// export { default as Text } from './components/text'\n// export { Textarea } from '@tarojs/components/lib/react'\n// export { Video } from '@tarojs/components/lib/react'\n// export { default as View } from './components/view'\n// export { VoipRoom } from '@tarojs/components/lib/react'\n// export { WebView } from '@tarojs/components/lib/react'\n"],"names":[],"mappings":";;AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA"}
+{"version":3,"file":"index.js","sources":["../src/index.react.ts"],"sourcesContent":["/* eslint-disable simple-import-sort/exports */\nexport { Ad } from '@tarojs/components/lib/react'\nexport { AdCustom } from '@tarojs/components/lib/react'\nexport { AnimationVideo } from '@tarojs/components/lib/react'\nexport { AnimationView } from '@tarojs/components/lib/react'\nexport { ArCamera } from '@tarojs/components/lib/react'\nexport { Audio } from '@tarojs/components/lib/react'\nexport { AwemeData } from '@tarojs/components/lib/react'\nexport { Block } from '@tarojs/components/lib/react'\nexport { default as Button } from './components/button'\nexport { Camera } from '@tarojs/components/lib/react'\nexport { Canvas } from '@tarojs/components/lib/react'\nexport { ChannelLive } from '@tarojs/components/lib/react'\nexport { ChannelVideo } from '@tarojs/components/lib/react'\nexport { Checkbox, CheckboxGroup } from '@tarojs/components/lib/react'\nexport { CommentDetail, CommentList } from '@tarojs/components/lib/react'\nexport { ContactButton } from '@tarojs/components/lib/react'\nexport { CoverImage } from '@tarojs/components/lib/react'\nexport { CoverView } from '@tarojs/components/lib/react'\nexport { CustomWrapper } from '@tarojs/components/lib/react'\nexport { DraggableSheet } from '@tarojs/components/lib/react'\nexport { Editor } from '@tarojs/components/lib/react'\nexport { FollowSwan } from '@tarojs/components/lib/react'\nexport { Form } from '@tarojs/components/lib/react'\nexport { FunctionalPageNavigator } from '@tarojs/components/lib/react'\nexport { GridView } from '@tarojs/components/lib/react'\nexport { GridBuilder } from '@tarojs/components/lib/react'\nexport { default as Icon } from './components/icon'\nexport { default as Image } from './components/image'\nexport { InlinePaymentPanel } from '@tarojs/components/lib/react'\nexport { default as Input } from './components/input'\nexport { KeyboardAccessory } from '@tarojs/components/lib/react'\nexport { Label } from '@tarojs/components/lib/react'\nexport { Lifestyle } from '@tarojs/components/lib/react'\nexport { Like } from '@tarojs/components/lib/react'\nexport { LivePlayer } from '@tarojs/components/lib/react'\nexport { LivePusher } from '@tarojs/components/lib/react'\nexport { ListBuilder } from '@tarojs/components/lib/react'\nexport { ListView } from '@tarojs/components/lib/react'\nexport { Login } from '@tarojs/components/lib/react'\nexport { Lottie } from '@tarojs/components/lib/react'\nexport { Map } from '@tarojs/components/lib/react'\nexport { MatchMedia } from '@tarojs/components/lib/react'\nexport { MovableArea, MovableView } from '@tarojs/components/lib/react'\nexport { NavigationBar } from '@tarojs/components/lib/react'\nexport { Navigator } from '@tarojs/components/lib/react'\nexport { NestedScrollBody } from '@tarojs/components/lib/react'\nexport { NestedScrollHeader } from '@tarojs/components/lib/react'\nexport { OfficialAccount } from '@tarojs/components/lib/react'\nexport { OpenData } from '@tarojs/components/lib/react'\nexport { OpenContainer } from '@tarojs/components/lib/react'\nexport { PageContainer } from '@tarojs/components/lib/react'\nexport { PageMeta } from '@tarojs/components/lib/react'\nexport { default as Picker } from './components/picker'\nexport { Progress } from '@tarojs/components/lib/react'\nexport { default as PullDownRefresh } from './components/pull-down-refresh'\n// export { PullToRefresh } from '@tarojs/components/lib/react'\nexport { Radio, RadioGroup } from '@tarojs/components/lib/react'\nexport { RichText } from '@tarojs/components/lib/react'\nexport { RootPortal } from '@tarojs/components/lib/react'\nexport { RtcRoom, RtcRoomItem } from '@tarojs/components/lib/react'\nexport { Script } from '@tarojs/components/lib/react'\nexport { default as ScrollView } from './components/scroll-view'\nexport { ShareElement } from '@tarojs/components/lib/react'\nexport { Slider } from '@tarojs/components/lib/react'\nexport { Snapshot } from '@tarojs/components/lib/react'\nexport { Span } from '@tarojs/components/lib/react'\nexport { StickyHeader } from '@tarojs/components/lib/react'\nexport { StickySection } from '@tarojs/components/lib/react'\nexport { NativeSlot, Slot } from '@tarojs/components/lib/react'\nexport { Swiper, SwiperItem } from './components/swiper'\nexport { Switch } from '@tarojs/components/lib/react'\nexport { Tabs } from '@tarojs/components/lib/react'\nexport { default as Text } from './components/text'\nexport { Textarea } from '@tarojs/components/lib/react'\nexport { Video } from '@tarojs/components/lib/react'\nexport { default as View } from './components/view'\nexport { VoipRoom } from '@tarojs/components/lib/react'\nexport { WebView } from '@tarojs/components/lib/react'\n"],"names":[],"mappings":";;;;;;;;;;;;AAAA"}

package/dist/solid/components/button/index.js

@@ -0,0 +1,95 @@
+import { template, use, spread, mergeProps, insert } from 'solid-js/web';
+import { __rest } from 'tslib';
+import './style/index.scss.js';
+import classNames from 'classnames';
+import { omit, createForwardRefComponent } from '../../utils/index.js';
+import { useRef, useState, useEffect } from '../../utils/hooks.solid.js';
+
+var _tmpl$ = /*#__PURE__*/template(`<button>`),
+  _tmpl$2 = /*#__PURE__*/template(`<i class=weui-loading>`);
+function Button(props) {
+  const startTimer = useRef();
+  const endTimer = useRef();
+  const [state, setState] = useState({
+    hover: false,
+    touch: false
+  });
+  useEffect(() => {
+    return () => {
+      startTimer.current && clearTimeout(startTimer.current);
+      endTimer.current && clearTimeout(endTimer.current);
+    };
+  }, []);
+  const _onTouchStart = e => {
+    setState(e => Object.assign(Object.assign({}, e), {
+      touch: true
+    }));
+    if (props.hoverClass && props.hoverClass !== 'none' && !props.disabled) {
+      startTimer.current = setTimeout(() => {
+        if (state.touch) {
+          setState(e => Object.assign(Object.assign({}, e), {
+            hover: true
+          }));
+        }
+      }, props.hoverStartTime || 20);
+    }
+    props.onTouchStart && props.onTouchStart(e);
+  };
+  const _onTouchEnd = e => {
+    setState(e => Object.assign(Object.assign({}, e), {
+      touch: false
+    }));
+    if (props.hoverClass && props.hoverClass !== 'none' && !props.disabled) {
+      endTimer.current = setTimeout(() => {
+        if (!state.touch) {
+          setState(e => Object.assign(Object.assign({}, e), {
+            hover: false
+          }));
+        }
+      }, props.hoverStayTime || 70);
+    }
+    props.onTouchEnd && props.onTouchEnd(e);
+  };
+  const {
+      forwardedRef,
+      plain = false,
+      children,
+      disabled = false,
+      className,
+      style,
+      onClick,
+      hoverClass = 'button-hover',
+      loading = false,
+      type
+    } = props,
+    restProps = __rest(props, ["forwardedRef", "plain", "children", "disabled", "className", "style", "onClick", "hoverClass", "loading", "type"]);
+  const cls = classNames(className, 'taro-button-core', {
+    [`${hoverClass}`]: state.hover && !disabled
+  });
+  return (() => {
+    var _el$ = _tmpl$();
+    use(forwardedRef, _el$);
+    spread(_el$, mergeProps(() => omit(restProps, ['hoverClass', 'onTouchStart', 'onTouchEnd', 'type', 'loading', 'forwardedRef']), {
+      "type": type,
+      "className": cls,
+      "style": style,
+      "onClick": onClick,
+      "disabled": disabled,
+      "onTouchStart": _onTouchStart,
+      "onTouchEnd": _onTouchEnd,
+      get loading() {
+        return loading.toString();
+      },
+      get plain() {
+        return plain.toString();
+      }
+    }), false, true);
+    insert(_el$, !!loading && _tmpl$2(), null);
+    insert(_el$, children, null);
+    return _el$;
+  })();
+}
+var index = createForwardRefComponent(Button);
+
+export { index as default };
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../../src/components/button/index.tsx"],"sourcesContent":["import './style/index.scss'\n\nimport classNames from 'classnames'\n\nimport { createForwardRefComponent, omit } from '../../utils'\nimport { useEffect, useRef, useState } from '../../utils/hooks'\n\nimport type React from 'react'\n\ninterface IProps extends Omit<React.ButtonHTMLAttributes<HTMLButtonElement>, 'type'> {\n  size?: string\n  plain?: boolean\n  hoverClass?: string\n  hoverStartTime?: number\n  hoverStayTime?: number\n  disabled?: boolean\n  loading?: boolean\n  type?: string\n  className?: string\n  forwardedRef?: React.MutableRefObject<HTMLButtonElement>\n}\n\ninterface IState {\n  hover:boolean\n  touch: boolean\n}\n\nfunction Button (props: IProps) {\n  const startTimer = useRef<ReturnType<typeof setTimeout>>()\n  const endTimer = useRef<ReturnType<typeof setTimeout>>()\n  const [state, setState] = useState<IState>({\n    hover: false,\n    touch: false\n  })\n\n  useEffect(() => {\n    return () => {\n      startTimer.current && clearTimeout(startTimer.current)\n      endTimer.current && clearTimeout(endTimer.current)\n    }\n  }, [])\n\n  const _onTouchStart = (e: React.TouchEvent<HTMLButtonElement>) => {\n    setState((e) => ({\n      ...e,\n      touch: true\n    }))\n    if (props.hoverClass && props.hoverClass !== 'none' && !props.disabled) {\n      startTimer.current = setTimeout(() => {\n        if ((state as IState).touch) {\n          setState((e) => ({\n            ...e,\n            hover: true\n          }))\n        }\n      }, props.hoverStartTime || 20)\n    }\n    props.onTouchStart && props.onTouchStart(e)\n  }\n\n  const _onTouchEnd = (e: React.TouchEvent<HTMLButtonElement>) => {\n    setState((e) => ({\n      ...e,\n      touch: false\n    }))\n    if (props.hoverClass && props.hoverClass !== 'none' && !props.disabled) {\n      endTimer.current = setTimeout(() => {\n        if (!(state as IState).touch) {\n          setState((e) => ({\n            ...e,\n            hover: false\n          }))\n        }\n      }, props.hoverStayTime || 70)\n    }\n    props.onTouchEnd && props.onTouchEnd(e)\n  }\n\n  const { forwardedRef, plain = false, children, disabled = false, className, style, onClick, hoverClass = 'button-hover', loading = false, type, ...restProps } = props\n\n  const cls = classNames(\n    className,\n    'taro-button-core',\n    {\n      [`${hoverClass}`]: (state as IState).hover && !disabled\n    }\n  )\n\n  return (\n    <button\n      {...omit(restProps, ['hoverClass', 'onTouchStart', 'onTouchEnd', 'type', 'loading', 'forwardedRef'])}\n      type={type}\n      ref={forwardedRef}\n      className={cls}\n      style={style}\n      onClick={onClick}\n      disabled={disabled}\n      onTouchStart={_onTouchStart}\n      onTouchEnd={_onTouchEnd}\n      loading={loading.toString()}\n      plain={plain.toString()}\n    >\n      {!!loading && <i className='weui-loading' />}\n      {children}\n    </button>\n  )\n}\n\nexport default createForwardRefComponent(Button)\n"],"names":["Button","props","startTimer","useRef","endTimer","state","setState","useState","hover","touch","useEffect","current","clearTimeout","_onTouchStart","e","Object","assign","hoverClass","disabled","setTimeout","hoverStartTime","onTouchStart","_onTouchEnd","hoverStayTime","onTouchEnd","forwardedRef","plain","children","className","style","onClick","loading","type","restProps","__rest","cls","classNames","_el$","_tmpl$","_$use","_$spread","_$mergeProps","omit","toString","_$insert","_tmpl$2","createForwardRefComponent"],"mappings":"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"}

package/dist/solid/components/button/style/index.scss.js

@@ -0,0 +1,4 @@
+var undefined$1 = undefined;
+
+export { undefined$1 as default };
+//# sourceMappingURL=index.scss.js.map

package/dist/solid/components/button/style/index.scss.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.scss.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;"}

package/dist/solid/components/icon/index.js

@@ -0,0 +1,39 @@
+import { template, use, spread, mergeProps } from 'solid-js/web';
+import './style/index.scss.js';
+import classNames from 'classnames';
+import { omit, createForwardRefComponent } from '../../utils/index.js';
+
+var _tmpl$ = /*#__PURE__*/template(`<i>`);
+const Icon = props => {
+  let {
+    type,
+    className = '',
+    size = '23',
+    color,
+    forwardedRef
+  } = props;
+  if (type) type = type.replace(/_/g, '-');
+  const cls = classNames({
+    [`weui-icon-${type}`]: true
+  }, className);
+  const style = {
+    'font-size': size + 'px',
+    color: color
+  };
+  return (// eslint-disable-next-line react/react-in-jsx-scope
+    (() => {
+      var _el$ = _tmpl$();
+      var _ref$ = forwardedRef;
+      typeof _ref$ === "function" ? use(_ref$, _el$) : forwardedRef = _el$;
+      spread(_el$, mergeProps(() => omit(props, ['type', 'className', 'forwardedRef']), {
+        "className": cls,
+        "style": style
+      }), false, false);
+      return _el$;
+    })()
+  );
+};
+var index = createForwardRefComponent(Icon);
+
+export { index as default };
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../../src/components/icon/index.tsx"],"sourcesContent":["import './style/index.scss'\n\nimport classNames from 'classnames'\n\nimport { createForwardRefComponent, omit } from '../../utils'\n\ninterface IProps {\n  type: string\n  color: string\n  size?: number | string\n  className?: string\n  forwardedRef?: React.MutableRefObject<HTMLLIElement>\n}\n\nconst Icon = (props: IProps) => {\n  let { type, className = '', size = '23', color, forwardedRef } = props\n  if (type) type = type.replace(/_/g, '-')\n  const cls = classNames(\n    {\n      [`weui-icon-${type}`]: true\n    },\n    className\n  )\n  const style = { 'font-size': size + 'px', color: color }\n\n  return (\n    // eslint-disable-next-line react/react-in-jsx-scope\n    <i ref={forwardedRef} {...omit(props, ['type', 'className', 'forwardedRef'])} className={cls} style={style} />\n  )\n}\nexport default createForwardRefComponent(Icon)\n"],"names":["Icon","props","type","className","size","color","forwardedRef","replace","cls","classNames","style","_el$","_tmpl$","_ref$","_$use","_$spread","_$mergeProps","omit","createForwardRefComponent"],"mappings":";;;;;;AAcA,MAAMA,IAAI,GAAIC,KAAa,IAAI;EAC7B,IAAI;IAAEC,IAAI;AAAEC,IAAAA,SAAS,GAAG,EAAE;AAAEC,IAAAA,IAAI,GAAG,IAAI;IAAEC,KAAK;AAAEC,IAAAA;AAAc,GAAA,GAAGL,KAAK;EACtE,IAAIC,IAAI,EAAEA,IAAI,GAAGA,IAAI,CAACK,OAAO,CAAC,IAAI,EAAE,GAAG,CAAC;EACxC,MAAMC,GAAG,GAAGC,UAAU,CACpB;IACE,CAAC,CAAA,UAAA,EAAaP,IAAI,CAAA,CAAE,GAAG;GACxB,EACDC,SAAS,CACV;AACD,EAAA,MAAMO,KAAK,GAAG;IAAE,WAAW,EAAEN,IAAI,GAAG,IAAI;AAAEC,IAAAA,KAAK,EAAEA;GAAO;EAExD;AACE,IAAA,CAAA,MAAA;MAAA,IAAAM,IAAA,GAAAC,MAAA,EAAA;MAAA,IAAAC,KAAA,GACQP,YAAY;MAAA,OAAAO,KAAA,KAAAC,UAAAA,GAAAA,GAAA,CAAAD,KAAA,EAAAF,IAAA,CAAA,GAAZL,YAAY,GAAAK,IAAA;AAAAI,MAAAA,MAAA,CAAAJ,IAAA,EAAAK,UAAA,CAAA,MAAMC,IAAI,CAAChB,KAAK,EAAE,CAAC,MAAM,EAAE,WAAW,EAAE,cAAc,CAAC,CAAC,EAAA;AAAA,QAAA,WAAA,EAAaO,GAAG;QAAA,OAASE,EAAAA;AAAK,OAAA,CAAA,EAAA,KAAA,EAAA,KAAA,CAAA;AAAA,MAAA,OAAAC,IAAA;AAAA,KAAA;AAAA;AAE9G,CAAC;AACD,YAAeO,yBAAyB,CAAClB,IAAI,CAAC;;;;"}

package/dist/solid/components/icon/style/index.scss.js

@@ -0,0 +1,4 @@
+var undefined$1 = undefined;
+
+export { undefined$1 as default };
+//# sourceMappingURL=index.scss.js.map

package/dist/solid/components/icon/style/index.scss.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.scss.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;"}

package/dist/solid/components/image/index.js

@@ -0,0 +1,94 @@
+import { template, use, spread, insert, addEventListener, setAttribute, effect, style } from 'solid-js/web';
+import { __rest } from 'tslib';
+import './style/index.css.js';
+import classNames from 'classnames';
+import { createForwardRefComponent } from '../../utils/index.js';
+import { useRef, useState, useCallback, useEffect } from '../../utils/hooks.solid.js';
+
+var _tmpl$ = /*#__PURE__*/template(`<div>`),
+  _tmpl$2 = /*#__PURE__*/template(`<img>`);
+function Image(props) {
+  const imgRef = useRef(null);
+  const observer = useRef({});
+  const [, setIsLoaded] = useState(false);
+  const {
+      className,
+      style: style$1 = {},
+      src,
+      mode,
+      onError,
+      lazyLoad,
+      imgProps,
+      forwardedRef
+    } = props,
+    reset = __rest(props, ["className", "style", "src", "mode", "onError", "lazyLoad", "imgProps", "forwardedRef"]);
+  const cls = classNames('taro-img', {
+    'taro-img__widthfix': mode === 'widthFix'
+  }, className);
+  const imgCls = classNames('taro-img__mode-' + (mode || 'scaleToFill').toLowerCase().replace(/\s/g, ''));
+  const imageOnLoad = useCallback(e => {
+    const {
+      onLoad
+    } = props;
+    Object.defineProperty(e, 'detail', {
+      enumerable: true,
+      writable: true,
+      value: {
+        width: e.target.width,
+        height: e.target.height
+      }
+    });
+    onLoad && onLoad(e);
+  }, [props]);
+  useEffect(() => {
+    var _a, _b;
+    if (lazyLoad) {
+      observer.current = new IntersectionObserver(entries => {
+        // 异步 api 关系
+        if (entries[entries.length - 1].isIntersecting) {
+          setIsLoaded(true);
+          // findDOMNode(this).children[0].src = src
+          imgRef.current.src = src;
+        }
+      }, {
+        rootMargin: '300px 0px'
+      });
+      (_b = (_a = observer.current).observe) === null || _b === void 0 ? void 0 : _b.call(_a, imgRef.current);
+    }
+    return () => {
+      var _a, _b;
+      (_b = (_a = observer.current) === null || _a === void 0 ? void 0 : _a.disconnect) === null || _b === void 0 ? void 0 : _b.call(_a);
+    };
+  }, [lazyLoad, src]);
+  return (() => {
+    var _el$ = _tmpl$();
+    use(forwardedRef, _el$);
+    _el$.className = cls;
+    spread(_el$, reset, false, true);
+    insert(_el$, lazyLoad ? (() => {
+      var _el$2 = _tmpl$2();
+      addEventListener(_el$2, "error", onError);
+      addEventListener(_el$2, "load", imageOnLoad);
+      use(img => imgRef.current = img, _el$2);
+      _el$2.className = imgCls;
+      setAttribute(_el$2, "data-src", src);
+      spread(_el$2, imgProps, false, false);
+      return _el$2;
+    })() : (() => {
+      var _el$3 = _tmpl$2();
+      addEventListener(_el$3, "error", onError);
+      addEventListener(_el$3, "load", imageOnLoad);
+      use(img => imgRef.current = img, _el$3);
+      _el$3.className = imgCls;
+      setAttribute(_el$3, "src", src);
+      spread(_el$3, imgProps, false, false);
+      return _el$3;
+    })());
+    effect(_$p => style(_el$, style$1, _$p));
+    return _el$;
+  })();
+}
+var index = createForwardRefComponent(Image);
+
+export { index as default };
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../../src/components/image/index.tsx"],"sourcesContent":["import './style/index.css'\n\nimport classNames from 'classnames'\n\nimport { createForwardRefComponent } from '../../utils'\nimport { useCallback, useEffect, useRef, useState } from '../../utils/hooks'\n\nimport type React from 'react'\n\ninterface IProps extends React.HTMLAttributes<HTMLDivElement> {\n  src: string\n  mode: string\n  onError: () => void\n  onLoad: (e) => void\n  lazyLoad?: boolean\n  imgProps?: Record<string, any>\n  forwardedRef?: React.MutableRefObject<HTMLDivElement>\n}\n\nfunction Image (props: IProps) {\n  const imgRef = useRef<HTMLImageElement | null>(null)\n  const observer = useRef<Partial<IntersectionObserver>>({})\n  const [, setIsLoaded] = useState(false)\n  const {\n    className,\n    style = {},\n    src,\n    mode,\n    onError,\n    lazyLoad,\n    imgProps,\n    forwardedRef,\n    ...reset\n  } = props\n  const cls = classNames(\n    'taro-img',\n    {\n      'taro-img__widthfix': mode === 'widthFix'\n    },\n    className\n  )\n  const imgCls = classNames(\n    'taro-img__mode-' +\n      (mode || 'scaleToFill').toLowerCase().replace(/\\s/g, '')\n  )\n\n  const imageOnLoad = useCallback((e) => {\n    const { onLoad } = props\n    Object.defineProperty(e, 'detail', {\n      enumerable: true,\n      writable: true,\n      value: {\n        width: e.target.width,\n        height: e.target.height\n      }\n    })\n\n    onLoad && onLoad(e)\n  }, [props])\n\n  useEffect(() => {\n    if (lazyLoad) {\n      observer.current = new IntersectionObserver(\n        entries => {\n          // 异步 api 关系\n          if (entries[entries.length - 1].isIntersecting) {\n            setIsLoaded(true)\n            // findDOMNode(this).children[0].src = src\n            imgRef.current!.src = src\n          }\n        },\n        {\n          rootMargin: '300px 0px'\n        }\n      )\n      observer.current.observe?.(imgRef.current!)\n    }\n\n    return () => {\n      observer.current?.disconnect?.()\n    }\n  }, [lazyLoad, src])\n\n  return (\n    <div className={cls} style={style} ref={forwardedRef} {...reset}>\n      {lazyLoad ? (\n        <img\n          ref={img => (imgRef.current = img)}\n          className={imgCls}\n          data-src={src}\n          onLoad={imageOnLoad}\n          onError={onError}\n          {...imgProps}\n        />\n      ) : (\n        <img\n          ref={img => (imgRef.current = img)}\n          className={imgCls}\n          src={src}\n          onLoad={imageOnLoad}\n          onError={onError}\n          {...imgProps}\n        />\n      )}\n    </div>\n  )\n}\n\nexport default createForwardRefComponent(Image)\n"],"names":["Image","props","imgRef","useRef","observer","setIsLoaded","useState","className","style","src","mode","onError","lazyLoad","imgProps","forwardedRef","reset","__rest","cls","classNames","imgCls","toLowerCase","replace","imageOnLoad","useCallback","e","onLoad","Object","defineProperty","enumerable","writable","value","width","target","height","useEffect","current","IntersectionObserver","entries","length","isIntersecting","rootMargin","_b","_a","observe","call","disconnect","_el$","_tmpl$","_$use","_$spread","_$insert","_el$2","_tmpl$2","_$addEventListener","img","_$setAttribute","_el$3","_$effect","_$p","_$style","createForwardRefComponent"],"mappings":"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"}

package/dist/solid/components/image/style/index.css.js

@@ -0,0 +1,4 @@
+var undefined$1 = undefined;
+
+export { undefined$1 as default };
+//# sourceMappingURL=index.css.js.map

package/dist/solid/components/image/style/index.css.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.css.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;"}

package/dist/solid/components/picker/index.js

@@ -95,7 +95,7 @@ function getRegionColumnsCount(level) {
     // 默认显示省市区/县三列
   }
 }
-function Picker(props) {
+const Picker = React.forwardRef((props, ref) => {
   var _a, _b;
   const {
       mode = 'selector',
@@ -115,10 +115,9 @@ function Picker(props) {
       onCancel,
       children,
       style,
-      forwardedRef,
       formType
     } = props,
-    restProps = __rest(props, ["mode", "disabled", "range", "rangeKey", "value", "start", "end", "fields", "headerText", "level", "regionData", "textProps", "onChange", "onColumnChange", "onCancel", "children", "style", "forwardedRef", "formType"]);
+    restProps = __rest(props, ["mode", "disabled", "range", "rangeKey", "value", "start", "end", "fields", "headerText", "level", "regionData", "textProps", "onChange", "onColumnChange", "onCancel", "children", "style", "formType"]);
   const indexRef = React.useRef([]);
   const pickerDateRef = React.useRef();
   const [state, setState] = React.useState({
@@ -720,12 +719,20 @@ function Picker(props) {
   const clsSlider = classNames('taro-picker', 'taro-picker__animate-slide-up', {
     'taro-picker__animate-slide-down': state.fadeOut
   });
+  // 暴露方法给外部
+  React.useImperativeHandle(ref, () => ({
+    showPicker,
+    hidePicker
+  }));
   return createComponent(View, mergeProps({
-    ref: forwardedRef,
+    ref(r$) {
+      var _ref$ = ref;
+      typeof _ref$ === "function" ? _ref$(r$) : ref = r$;
+    },
     style: style
   }, formType ? {
     'data-form-type': formType
-  } : {}, () => omit(restProps, ['mode', 'disabled', 'range', 'rangeKey', 'value', 'start', 'end', 'fields', 'name', 'textProps', 'onChange', 'onColumnChange', 'onCancel', 'children', 'style', 'forwardedRef', 'formType']), {
+  } : {}, () => omit(restProps, ['mode', 'disabled', 'range', 'rangeKey', 'value', 'start', 'end', 'fields', 'name', 'textProps', 'onChange', 'onColumnChange', 'onCancel', 'children', 'style', 'formType']), {
     get children() {
       return [createComponent(View, {
         onClick: showPicker,
@@ -769,7 +776,8 @@ function Picker(props) {
       }))];
     }
   }));
-}
+});
+Picker.displayName = 'Picker';
 
-export { Picker, Picker as default };
+export { Picker as default };
 //# sourceMappingURL=index.js.map