@tarojs/components-react 4.0.0-beta.132 → 4.0.0-beta.134

package/dist/components/swiper/index.js

@@ -4,7 +4,7 @@ import './style/index.css.js';
 import classNames from 'classnames';
 import React__default from 'react';
 import Swipers from 'swiper/swiper-bundle.esm.js';
-import { debounce } from '../../utils/index.js';
+import { debounce, createForwardRefComponent } from '../../utils/index.js';
 import { jsx, jsxs } from 'react/jsx-runtime';
 
 let INSTANCE_ID = 0;
@@ -18,18 +18,24 @@ const createEvent = type => {
   }
   return e;
 };
-class SwiperItem extends React__default.Component {
+class SwiperItemInner extends React__default.Component {
   render() {
     const _a = this.props,
       {
         className,
         style,
         itemId,
-        children
+        children,
+        forwardedRef
       } = _a,
-      restProps = __rest(_a, ["className", "style", "itemId", "children"]);
+      restProps = __rest(_a, ["className", "style", "itemId", "children", "forwardedRef"]);
     const cls = classNames('swiper-slide', className);
     return /*#__PURE__*/jsx("div", {
+      ref: e => {
+        if (e && forwardedRef) {
+          forwardedRef.current = e;
+        }
+      },
       className: cls,
       style: style,
       "item-id": itemId,
@@ -38,7 +44,7 @@ class SwiperItem extends React__default.Component {
     });
   }
 }
-class Swiper extends React__default.Component {
+class SwiperInner extends React__default.Component {
   constructor() {
     super(...arguments);
     this._id = 1 + INSTANCE_ID++;
@@ -235,7 +241,8 @@ class Swiper extends React__default.Component {
       previousMargin,
       nextMargin,
       indicatorColor,
-      indicatorActiveColor
+      indicatorActiveColor,
+      forwardedRef
     } = this.props;
     const defaultIndicatorColor = indicatorColor || 'rgba(0, 0, 0, .3)';
     const defaultIndicatorActiveColor = indicatorActiveColor || '#000';
@@ -254,6 +261,11 @@ class Swiper extends React__default.Component {
     return /*#__PURE__*/jsx("div", {
       className: `swiper-container-wrapper ${cls}`,
       style: sty,
+      ref: e => {
+        if (forwardedRef && e) {
+          forwardedRef.current = e;
+        }
+      },
       children: /*#__PURE__*/jsxs("div", {
         className: "swiper-container",
         style: {
@@ -279,6 +291,8 @@ class Swiper extends React__default.Component {
     });
   }
 }
+const Swiper = createForwardRefComponent(SwiperInner);
+const SwiperItem = createForwardRefComponent(SwiperItemInner);
 
 export { Swiper, SwiperItem };
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../src/components/swiper/index.tsx"],"sourcesContent":["import 'swiper/swiper-bundle.min.css'\nimport './style/index.css'\n\nimport classNames from 'classnames'\nimport React from 'react'\nimport Swipers from 'swiper/swiper-bundle.esm.js'\n\nimport { debounce } from '../../utils'\n\nimport type ISwiper from 'swiper'\n\nlet INSTANCE_ID = 0\n\ninterface SwiperItemProps extends React.HTMLAttributes<HTMLDivElement> {\n  itemId: string\n}\n\ninterface SwiperProps extends React.HTMLAttributes<HTMLDivElement> {\n  autoplay?: boolean\n  interval?: number\n  duration?: number\n  current?: number\n  displayMultipleItems?: number\n  circular?: boolean\n  vertical?: boolean\n  spaceBetween?: any\n  previousMargin?: string\n  nextMargin?: string\n  indicatorColor?: string\n  indicatorActiveColor?: string\n  indicatorDots?: boolean\n  onAnimationFinish?: (e: TouchEvent) => void\n}\n\nconst createEvent = (type: string) => {\n  let e\n  try {\n    e = new TouchEvent(type)\n  } catch (err) {\n    e = document.createEvent('Event')\n    e.initEvent(type, true, true)\n  }\n  return e\n}\n\nclass SwiperItem extends React.Component<SwiperItemProps, Record<string, unknown>> {\n  render () {\n    const { className, style, itemId, children, ...restProps } = this.props\n    const cls = classNames('swiper-slide', className)\n    return (\n      <div\n        className={cls}\n        style={style}\n        item-id={itemId}\n        {...restProps}\n      >\n        {children}\n      </div>\n    )\n  }\n}\n\nclass Swiper extends React.Component<SwiperProps, Record<string, unknown>> {\n  _id = 1 + INSTANCE_ID++\n  _$current = 0\n  _$width = 0\n  _$height = 0\n  $el: HTMLDivElement | null\n  mySwiper: ISwiper\n  observer: MutationObserver\n  observerFirst: MutationObserver\n  observerLast: MutationObserver\n\n  componentDidMount () {\n    const {\n      autoplay = false,\n      circular = true,\n      current = 0,\n      displayMultipleItems = 1,\n      duration = 500,\n      interval = 5000,\n      spaceBetween,\n      vertical\n    } = this.props\n\n    // eslint-disable-next-line @typescript-eslint/no-this-alias\n    const that = this\n    const opt: Record<string, any> = {\n      // 指示器\n      pagination: { el: `.taro-swiper-${this._id} > .swiper-container > .swiper-pagination` },\n      direction: vertical ? 'vertical' : 'horizontal',\n      loop: circular,\n      slidesPerView: parseFloat(String(displayMultipleItems)),\n      initialSlide: parseInt(String(current), 10),\n      speed: parseInt(String(duration), 10),\n      observer: true,\n      observeParents: true,\n      on: {\n        slideChange () {\n          const e = createEvent('touchend')\n          try {\n            Object.defineProperty(e, 'detail', {\n              enumerable: true,\n              value: {\n                current: this.realIndex\n              }\n            })\n          } catch (err) {} // eslint-disable-line no-empty\n          that._$current = this.realIndex\n          that.handleOnChange(e)\n        },\n        transitionEnd () {\n          const e = createEvent('touchend')\n          try {\n            Object.defineProperty(e, 'detail', {\n              enumerable: true,\n              value: {\n                current: this.mySwiper.realIndex\n              }\n            })\n            if (this.mySwiper.isBeginning) {\n              this.mySwiper.slideToLoop((this.props.children as any).length - 1, 0)\n            } else if (this.mySwiper.isEnd) {\n              this.mySwiper.slideToLoop(0, 0)\n            }\n          } catch (err) {} // eslint-disable-line no-empty\n          that.handleOnAnimationFinish(e)\n        },\n        observerUpdate (_swiper: ISwiper, e) {\n          const target = e.target\n          const className = target && typeof target.className === 'string' ? target.className : ''\n          if (className.includes('taro_page') && target.style.display !== 'none') {\n            if (that.props.autoplay && target.contains(_swiper.$el[0])) {\n              if (that.props.circular) {\n                _swiper.slideToLoop(this.realIndex, 0) // 更新下标\n              } else {\n                _swiper.slideTo(this.realIndex)\n              }\n            }\n          }\n        }\n      }\n    }\n\n    // 自动播放\n    if (autoplay) {\n      opt.autoplay = {\n        delay: parseInt(String(interval), 10),\n        disableOnInteraction: false\n      }\n    }\n\n    // 两端距离\n    if (spaceBetween) {\n      opt.spaceBetween = spaceBetween\n    }\n\n    this.mySwiper = new Swipers(this.$el!, opt)\n    setTimeout(() => {\n      this.mySwiper.update()\n    }, 500)\n\n    if (!this.mySwiper || !this.props.circular) return\n\n    const wrapper = this.mySwiper.$wrapperEl[0]\n    this.observer = new MutationObserver(this.handleSwiperLoopListen)\n\n    this.observer.observe(wrapper, {\n      childList: true\n    })\n  }\n\n  UNSAFE_componentWillReceiveProps (nextProps) {\n    if (this.mySwiper) {\n      const nextCurrent = typeof nextProps.current === 'number' ? nextProps.current : this._$current || 0\n\n      this.handleSwiperLoop()\n      // 是否衔接滚动模式\n      if (nextProps.circular) {\n        if (!this.mySwiper.isBeginning && !this.mySwiper.isEnd) {\n          this.mySwiper.slideToLoop(parseInt(nextCurrent, 10)) // 更新下标\n        }\n      } else {\n        this.mySwiper.slideTo(parseInt(nextCurrent, 10) + 1) // 更新下标\n      }\n\n      const autoplay = this.mySwiper.autoplay\n      // 判断是否需要停止或开始自动轮播\n      if (autoplay.running !== nextProps.autoplay) {\n        if (nextProps.autoplay) {\n          if (typeof this.mySwiper.params.autoplay === 'object') {\n            this.mySwiper.params.autoplay.disableOnInteraction = false\n            this.mySwiper.params.autoplay.delay = parseInt(String(this.props.interval) || '3000', 10)\n          }\n          autoplay.start()\n        } else {\n          autoplay.stop()\n        }\n      }\n\n      this.mySwiper.update() // 更新子元素\n    }\n  }\n\n  componentDidUpdate (preProps) {\n    if (preProps.children.length === 0 && (this.props.children as any).length > 0) {\n      (this.mySwiper as any).loopDestroy()\n      ;(this.mySwiper as any).loopCreate()\n    }\n    if (!this.mySwiper) return\n    if (this.props.autoplay) {\n      if (this._$width !== this.mySwiper.width || this._$height !== this.mySwiper.height) {\n        this.mySwiper.autoplay.start()\n      }\n    }\n    this._$width = this.mySwiper.width\n    this._$height = this.mySwiper.height\n  }\n\n  componentWillUnmount () {\n    this.$el = null\n    if (this.mySwiper) this.mySwiper.destroy()\n    this.observer?.disconnect?.()\n    this.observerFirst?.disconnect?.()\n    this.observerLast?.disconnect?.()\n  }\n\n  handleOnChange (e: React.FormEvent<HTMLDivElement>) {\n    const func = this.props.onChange\n    typeof func === 'function' && func(e)\n  }\n\n  handleOnAnimationFinish (e: TouchEvent) {\n    const func = this.props.onAnimationFinish\n    typeof func === 'function' && func(e)\n  }\n\n  parsePX (s = '0px') {\n    return parseFloat(s.replace(/r*px/i, ''))\n  }\n\n  handleSwiperLoopListen = () => {\n    this.observerFirst?.disconnect?.()\n    this.observerLast?.disconnect?.()\n    this.observerFirst = new MutationObserver(this.handleSwiperLoop)\n    this.observerLast = new MutationObserver(this.handleSwiperLoop)\n    const wrapper = this.mySwiper.$wrapperEl[0]\n    const list = wrapper.querySelectorAll('taro-swiper-item-core:not(.swiper-slide-duplicate)')\n    if (list.length >= 1) {\n      this.observerFirst.observe(list[0], {\n        characterData: true\n      })\n    } else if (list.length >= 2) {\n      this.observerLast.observe(list[list.length - 1], {\n        characterData: true\n      })\n    }\n  }\n\n  handleSwiperLoop = debounce(() => {\n    if (this.mySwiper && this.mySwiper.$wrapperEl && this.props.circular) {\n      // @ts-ignore\n      this.mySwiper.loopDestroy()\n      // @ts-ignore\n      this.mySwiper.loopCreate()\n    }\n  }, 500)\n\n  render () {\n    const {\n      className,\n      style,\n      vertical,\n      previousMargin,\n      nextMargin,\n      indicatorColor,\n      indicatorActiveColor\n    } = this.props\n    const defaultIndicatorColor = indicatorColor || 'rgba(0, 0, 0, .3)'\n    const defaultIndicatorActiveColor = indicatorActiveColor || '#000'\n    const cls = classNames(`taro-swiper-${this._id}`, className)\n    const sty = Object.assign({\n      paddingTop: vertical ? this.parsePX(previousMargin) : 0,\n      paddingRight: vertical ? 0 : this.parsePX(nextMargin),\n      paddingBottom: vertical ? this.parsePX(nextMargin) : 0,\n      paddingLeft: vertical ? 0 : this.parsePX(previousMargin),\n      overflow: 'hidden'\n    }, style)\n    const paginationCls = classNames(\n      'swiper-pagination',\n      {\n        'swiper-pagination-hidden': !this.props.indicatorDots,\n        'swiper-pagination-bullets': this.props.indicatorDots\n      }\n    )\n    return (\n      <div className={`swiper-container-wrapper ${cls}`} style={sty}>\n        <div className='swiper-container' style={{ overflow: 'visible' }} ref={(el) => { this.$el = el }}>\n          <div\n            dangerouslySetInnerHTML={{\n              __html: `<style type='text/css'>\n              .taro-swiper-${this._id} > .swiper-container > .swiper-pagination > .swiper-pagination-bullet { background: ${defaultIndicatorColor} }\n              .taro-swiper-${this._id} > .swiper-container > .swiper-pagination > .swiper-pagination-bullet-active { background: ${defaultIndicatorActiveColor} }\n              </style>`\n            }}\n          />\n          <div className='swiper-wrapper'>{this.props.children}</div>\n          <div className={paginationCls} />\n        </div>\n      </div>\n    )\n  }\n}\n\nexport { Swiper, SwiperItem }\n"],"names":["INSTANCE_ID","createEvent","type","e","TouchEvent","err","document","initEvent","SwiperItem","React","Component","render","_a","props","className","style","itemId","children","restProps","__rest","cls","classNames","_jsx","Swiper","constructor","_id","_$current","_$width","_$height","handleSwiperLoopListen","_b","observerFirst","disconnect","_d","observerLast","_c","MutationObserver","handleSwiperLoop","wrapper","mySwiper","$wrapperEl","list","querySelectorAll","length","observe","characterData","debounce","circular","loopDestroy","loopCreate","componentDidMount","autoplay","current","displayMultipleItems","duration","interval","spaceBetween","vertical","that","opt","pagination","el","direction","loop","slidesPerView","parseFloat","String","initialSlide","parseInt","speed","observer","observeParents","on","slideChange","Object","defineProperty","enumerable","value","realIndex","handleOnChange","transitionEnd","isBeginning","slideToLoop","isEnd","handleOnAnimationFinish","observerUpdate","_swiper","target","includes","display","contains","$el","slideTo","delay","disableOnInteraction","Swipers","setTimeout","update","childList","UNSAFE_componentWillReceiveProps","nextProps","nextCurrent","running","params","start","stop","componentDidUpdate","preProps","width","height","componentWillUnmount","destroy","_f","_e","func","onChange","onAnimationFinish","parsePX","s","arguments","undefined","replace","previousMargin","nextMargin","indicatorColor","indicatorActiveColor","defaultIndicatorColor","defaultIndicatorActiveColor","sty","assign","paddingTop","paddingRight","paddingBottom","paddingLeft","overflow","paginationCls","indicatorDots","_jsxs","ref","dangerouslySetInnerHTML","__html"],"mappings":"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"}
+{"version":3,"file":"index.js","sources":["../../../src/components/swiper/index.tsx"],"sourcesContent":["import 'swiper/swiper-bundle.min.css'\nimport './style/index.css'\n\nimport classNames from 'classnames'\nimport React from 'react'\nimport Swipers from 'swiper/swiper-bundle.esm.js'\n\nimport { createForwardRefComponent, debounce } from '../../utils'\n\nimport type ISwiper from 'swiper'\n\nlet INSTANCE_ID = 0\n\ninterface SwiperItemProps extends React.HTMLAttributes<HTMLDivElement> {\n  itemId: string\n  forwardedRef?: React.MutableRefObject<HTMLDivElement>\n}\n\ninterface SwiperProps extends React.HTMLAttributes<HTMLDivElement> {\n  autoplay?: boolean\n  interval?: number\n  duration?: number\n  current?: number\n  displayMultipleItems?: number\n  circular?: boolean\n  vertical?: boolean\n  spaceBetween?: any\n  previousMargin?: string\n  nextMargin?: string\n  indicatorColor?: string\n  indicatorActiveColor?: string\n  indicatorDots?: boolean\n  forwardedRef?: React.MutableRefObject<HTMLDivElement>\n  onAnimationFinish?: (e: TouchEvent) => void\n}\n\nconst createEvent = (type: string) => {\n  let e\n  try {\n    e = new TouchEvent(type)\n  } catch (err) {\n    e = document.createEvent('Event')\n    e.initEvent(type, true, true)\n  }\n  return e\n}\n\nclass SwiperItemInner extends React.Component<SwiperItemProps, Record<string, unknown>> {\n  render () {\n    const { className, style, itemId, children, forwardedRef, ...restProps } = this.props\n    const cls = classNames('swiper-slide', className)\n    return (\n      <div\n        ref={(e) => {\n          if (e && forwardedRef) {\n            forwardedRef.current = e\n          }\n        }}\n        className={cls}\n        style={style}\n        item-id={itemId}\n        {...restProps}\n      >\n        {children}\n      </div>\n    )\n  }\n}\n\nclass SwiperInner extends React.Component<SwiperProps, Record<string, unknown>> {\n  _id = 1 + INSTANCE_ID++\n  _$current = 0\n  _$width = 0\n  _$height = 0\n  $el: HTMLDivElement | null\n  mySwiper: ISwiper\n  observer: MutationObserver\n  observerFirst: MutationObserver\n  observerLast: MutationObserver\n\n  componentDidMount () {\n    const {\n      autoplay = false,\n      circular = true,\n      current = 0,\n      displayMultipleItems = 1,\n      duration = 500,\n      interval = 5000,\n      spaceBetween,\n      vertical\n    } = this.props\n\n    // eslint-disable-next-line @typescript-eslint/no-this-alias\n    const that = this\n    const opt: Record<string, any> = {\n      // 指示器\n      pagination: { el: `.taro-swiper-${this._id} > .swiper-container > .swiper-pagination` },\n      direction: vertical ? 'vertical' : 'horizontal',\n      loop: circular,\n      slidesPerView: parseFloat(String(displayMultipleItems)),\n      initialSlide: parseInt(String(current), 10),\n      speed: parseInt(String(duration), 10),\n      observer: true,\n      observeParents: true,\n      on: {\n        slideChange () {\n          const e = createEvent('touchend')\n          try {\n            Object.defineProperty(e, 'detail', {\n              enumerable: true,\n              value: {\n                current: this.realIndex\n              }\n            })\n          } catch (err) {} // eslint-disable-line no-empty\n          that._$current = this.realIndex\n          that.handleOnChange(e)\n        },\n        transitionEnd () {\n          const e = createEvent('touchend')\n          try {\n            Object.defineProperty(e, 'detail', {\n              enumerable: true,\n              value: {\n                current: this.mySwiper.realIndex\n              }\n            })\n            if (this.mySwiper.isBeginning) {\n              this.mySwiper.slideToLoop((this.props.children as any).length - 1, 0)\n            } else if (this.mySwiper.isEnd) {\n              this.mySwiper.slideToLoop(0, 0)\n            }\n          } catch (err) {} // eslint-disable-line no-empty\n          that.handleOnAnimationFinish(e)\n        },\n        observerUpdate (_swiper: ISwiper, e) {\n          const target = e.target\n          const className = target && typeof target.className === 'string' ? target.className : ''\n          if (className.includes('taro_page') && target.style.display !== 'none') {\n            if (that.props.autoplay && target.contains(_swiper.$el[0])) {\n              if (that.props.circular) {\n                _swiper.slideToLoop(this.realIndex, 0) // 更新下标\n              } else {\n                _swiper.slideTo(this.realIndex)\n              }\n            }\n          }\n        }\n      }\n    }\n\n    // 自动播放\n    if (autoplay) {\n      opt.autoplay = {\n        delay: parseInt(String(interval), 10),\n        disableOnInteraction: false\n      }\n    }\n\n    // 两端距离\n    if (spaceBetween) {\n      opt.spaceBetween = spaceBetween\n    }\n\n    this.mySwiper = new Swipers(this.$el!, opt)\n    setTimeout(() => {\n      this.mySwiper.update()\n    }, 500)\n\n    if (!this.mySwiper || !this.props.circular) return\n\n    const wrapper = this.mySwiper.$wrapperEl[0]\n    this.observer = new MutationObserver(this.handleSwiperLoopListen)\n\n    this.observer.observe(wrapper, {\n      childList: true\n    })\n  }\n\n  UNSAFE_componentWillReceiveProps (nextProps) {\n    if (this.mySwiper) {\n      const nextCurrent = typeof nextProps.current === 'number' ? nextProps.current : this._$current || 0\n\n      this.handleSwiperLoop()\n      // 是否衔接滚动模式\n      if (nextProps.circular) {\n        if (!this.mySwiper.isBeginning && !this.mySwiper.isEnd) {\n          this.mySwiper.slideToLoop(parseInt(nextCurrent, 10)) // 更新下标\n        }\n      } else {\n        this.mySwiper.slideTo(parseInt(nextCurrent, 10) + 1) // 更新下标\n      }\n\n      const autoplay = this.mySwiper.autoplay\n      // 判断是否需要停止或开始自动轮播\n      if (autoplay.running !== nextProps.autoplay) {\n        if (nextProps.autoplay) {\n          if (typeof this.mySwiper.params.autoplay === 'object') {\n            this.mySwiper.params.autoplay.disableOnInteraction = false\n            this.mySwiper.params.autoplay.delay = parseInt(String(this.props.interval) || '3000', 10)\n          }\n          autoplay.start()\n        } else {\n          autoplay.stop()\n        }\n      }\n\n      this.mySwiper.update() // 更新子元素\n    }\n  }\n\n  componentDidUpdate (preProps) {\n    if (preProps.children.length === 0 && (this.props.children as any).length > 0) {\n      (this.mySwiper as any).loopDestroy()\n      ;(this.mySwiper as any).loopCreate()\n    }\n    if (!this.mySwiper) return\n    if (this.props.autoplay) {\n      if (this._$width !== this.mySwiper.width || this._$height !== this.mySwiper.height) {\n        this.mySwiper.autoplay.start()\n      }\n    }\n    this._$width = this.mySwiper.width\n    this._$height = this.mySwiper.height\n  }\n\n  componentWillUnmount () {\n    this.$el = null\n    if (this.mySwiper) this.mySwiper.destroy()\n    this.observer?.disconnect?.()\n    this.observerFirst?.disconnect?.()\n    this.observerLast?.disconnect?.()\n  }\n\n  handleOnChange (e: React.FormEvent<HTMLDivElement>) {\n    const func = this.props.onChange\n    typeof func === 'function' && func(e)\n  }\n\n  handleOnAnimationFinish (e: TouchEvent) {\n    const func = this.props.onAnimationFinish\n    typeof func === 'function' && func(e)\n  }\n\n  parsePX (s = '0px') {\n    return parseFloat(s.replace(/r*px/i, ''))\n  }\n\n  handleSwiperLoopListen = () => {\n    this.observerFirst?.disconnect?.()\n    this.observerLast?.disconnect?.()\n    this.observerFirst = new MutationObserver(this.handleSwiperLoop)\n    this.observerLast = new MutationObserver(this.handleSwiperLoop)\n    const wrapper = this.mySwiper.$wrapperEl[0]\n    const list = wrapper.querySelectorAll('taro-swiper-item-core:not(.swiper-slide-duplicate)')\n    if (list.length >= 1) {\n      this.observerFirst.observe(list[0], {\n        characterData: true\n      })\n    } else if (list.length >= 2) {\n      this.observerLast.observe(list[list.length - 1], {\n        characterData: true\n      })\n    }\n  }\n\n  handleSwiperLoop = debounce(() => {\n    if (this.mySwiper && this.mySwiper.$wrapperEl && this.props.circular) {\n      // @ts-ignore\n      this.mySwiper.loopDestroy()\n      // @ts-ignore\n      this.mySwiper.loopCreate()\n    }\n  }, 500)\n\n  render () {\n    const {\n      className,\n      style,\n      vertical,\n      previousMargin,\n      nextMargin,\n      indicatorColor,\n      indicatorActiveColor,\n      forwardedRef\n    } = this.props\n    const defaultIndicatorColor = indicatorColor || 'rgba(0, 0, 0, .3)'\n    const defaultIndicatorActiveColor = indicatorActiveColor || '#000'\n    const cls = classNames(`taro-swiper-${this._id}`, className)\n    const sty = Object.assign({\n      paddingTop: vertical ? this.parsePX(previousMargin) : 0,\n      paddingRight: vertical ? 0 : this.parsePX(nextMargin),\n      paddingBottom: vertical ? this.parsePX(nextMargin) : 0,\n      paddingLeft: vertical ? 0 : this.parsePX(previousMargin),\n      overflow: 'hidden'\n    }, style)\n    const paginationCls = classNames(\n      'swiper-pagination',\n      {\n        'swiper-pagination-hidden': !this.props.indicatorDots,\n        'swiper-pagination-bullets': this.props.indicatorDots\n      }\n    )\n    return (\n      <div className={`swiper-container-wrapper ${cls}`} style={sty} ref={(e) => {\n        if (forwardedRef && e) {\n          forwardedRef.current = e\n        }\n      }}>\n        <div className='swiper-container' style={{ overflow: 'visible' }} ref={(el) => { this.$el = el }}>\n          <div\n            dangerouslySetInnerHTML={{\n              __html: `<style type='text/css'>\n              .taro-swiper-${this._id} > .swiper-container > .swiper-pagination > .swiper-pagination-bullet { background: ${defaultIndicatorColor} }\n              .taro-swiper-${this._id} > .swiper-container > .swiper-pagination > .swiper-pagination-bullet-active { background: ${defaultIndicatorActiveColor} }\n              </style>`\n            }}\n          />\n          <div className='swiper-wrapper'>{this.props.children}</div>\n          <div className={paginationCls} />\n        </div>\n      </div>\n    )\n  }\n}\n\nexport const Swiper = createForwardRefComponent(SwiperInner)\nexport const SwiperItem = createForwardRefComponent(SwiperItemInner)\n"],"names":["INSTANCE_ID","createEvent","type","e","TouchEvent","err","document","initEvent","SwiperItemInner","React","Component","render","_a","props","className","style","itemId","children","forwardedRef","restProps","__rest","cls","classNames","_jsx","ref","current","SwiperInner","constructor","_id","_$current","_$width","_$height","handleSwiperLoopListen","_b","observerFirst","disconnect","_d","observerLast","_c","MutationObserver","handleSwiperLoop","wrapper","mySwiper","$wrapperEl","list","querySelectorAll","length","observe","characterData","debounce","circular","loopDestroy","loopCreate","componentDidMount","autoplay","displayMultipleItems","duration","interval","spaceBetween","vertical","that","opt","pagination","el","direction","loop","slidesPerView","parseFloat","String","initialSlide","parseInt","speed","observer","observeParents","on","slideChange","Object","defineProperty","enumerable","value","realIndex","handleOnChange","transitionEnd","isBeginning","slideToLoop","isEnd","handleOnAnimationFinish","observerUpdate","_swiper","target","includes","display","contains","$el","slideTo","delay","disableOnInteraction","Swipers","setTimeout","update","childList","UNSAFE_componentWillReceiveProps","nextProps","nextCurrent","running","params","start","stop","componentDidUpdate","preProps","width","height","componentWillUnmount","destroy","_f","_e","func","onChange","onAnimationFinish","parsePX","s","arguments","undefined","replace","previousMargin","nextMargin","indicatorColor","indicatorActiveColor","defaultIndicatorColor","defaultIndicatorActiveColor","sty","assign","paddingTop","paddingRight","paddingBottom","paddingLeft","overflow","paginationCls","indicatorDots","_jsxs","dangerouslySetInnerHTML","__html","Swiper","createForwardRefComponent","SwiperItem"],"mappings":"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"}

package/dist/components/text/index.js

@@ -2,23 +2,27 @@ import { __rest } from 'tslib';
 import './style/index.css.js';
 import classNames from 'classnames';
 import 'react';
+import { createForwardRefComponent } from '../../utils/index.js';
 import { jsx } from 'react/jsx-runtime';
 
 function Text(props) {
   const {
       className,
-      selectable = false
+      selectable = false,
+      forwardedRef
     } = props,
-    restProps = __rest(props, ["className", "selectable"]);
+    restProps = __rest(props, ["className", "selectable", "forwardedRef"]);
   const cls = classNames('taro-text', {
     'taro-text__selectable': selectable
   }, className);
   return /*#__PURE__*/jsx("span", {
     ...restProps,
     className: cls,
+    ref: forwardedRef,
     children: props.children
   });
 }
+var index = createForwardRefComponent(Text);
 
-export { Text as default };
+export { index as default };
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../src/components/text/index.tsx"],"sourcesContent":["import './style/index.css'\n\nimport classNames from 'classnames'\nimport React from 'react'\n\ninterface IProps extends React.HTMLAttributes<HTMLSpanElement> {\n  selectable?: boolean\n}\n\nfunction Text (props: IProps) {\n  const { className, selectable = false, ...restProps } = props\n  const cls = classNames(\n    'taro-text',\n    {\n      'taro-text__selectable': selectable\n    },\n    className\n  )\n  return (\n    <span {...restProps} className={cls}>\n      {props.children}\n    </span>\n  )\n}\n\nexport default Text\n"],"names":["Text","props","className","selectable","restProps","__rest","cls","classNames","_jsx","children"],"mappings":";;;;;;AASA,SAASA,IAAIA,CAAEC,KAAa,EAAA;EAC1B,MAAM;MAAEC,SAAS;AAAEC,MAAAA,UAAU,GAAG,KAAA;AAAK,KAAA,GAAmBF,KAAK;IAAnBG,SAAS,GAAKC,MAAA,CAAAJ,KAAK,EAAvD,CAAA,WAAA,EAAA,YAAA,CAA+C,CAAQ,CAAA;AAC7D,EAAA,MAAMK,GAAG,GAAGC,UAAU,CACpB,WAAW,EACX;AACE,IAAA,uBAAuB,EAAEJ,UAAAA;GAC1B,EACDD,SAAS,CACV,CAAA;AACD,EAAA,oBACEM,GAAA,CAAA,MAAA,EAAA;AAAA,IAAA,GAAUJ,SAAS;AAAEF,IAAAA,SAAS,EAAEI,GAAI;IAAAG,QAAA,EACjCR,KAAK,CAACQ,QAAAA;AAAQ,GACX,CAAC,CAAA;AAEX;;;;"}
+{"version":3,"file":"index.js","sources":["../../../src/components/text/index.tsx"],"sourcesContent":["import './style/index.css'\n\nimport classNames from 'classnames'\nimport React from 'react'\n\nimport { createForwardRefComponent } from '../../utils'\n\ninterface IProps extends React.HTMLAttributes<HTMLSpanElement> {\n  selectable?: boolean\n  forwardedRef?: React.MutableRefObject<HTMLSpanElement>\n}\n\nfunction Text (props: IProps) {\n  const { className, selectable = false, forwardedRef, ...restProps } = props\n  const cls = classNames(\n    'taro-text',\n    {\n      'taro-text__selectable': selectable\n    },\n    className\n  )\n  return (\n    <span {...restProps} className={cls} ref={forwardedRef}>\n      {props.children}\n    </span>\n  )\n}\n\nexport default createForwardRefComponent(Text)\n"],"names":["Text","props","className","selectable","forwardedRef","restProps","__rest","cls","classNames","_jsx","ref","children","createForwardRefComponent"],"mappings":";;;;;;;AAYA,SAASA,IAAIA,CAAEC,KAAa,EAAA;EAC1B,MAAM;MAAEC,SAAS;AAAEC,MAAAA,UAAU,GAAG,KAAK;AAAEC,MAAAA,YAAAA;AAA+B,KAAA,GAAAH,KAAK;AAAnBI,IAAAA,SAAS,GAAAC,MAAA,CAAKL,KAAK,EAArE,CAAA,WAAA,EAAA,YAAA,EAAA,cAAA,CAA6D,CAAQ,CAAA;AAC3E,EAAA,MAAMM,GAAG,GAAGC,UAAU,CACpB,WAAW,EACX;AACE,IAAA,uBAAuB,EAAEL,UAAAA;GAC1B,EACDD,SAAS,CACV,CAAA;AACD,EAAA,oBACEO,GAAA,CAAA,MAAA,EAAA;AAAA,IAAA,GAAUJ,SAAS;AAAEH,IAAAA,SAAS,EAAEK,GAAI;AAACG,IAAAA,GAAG,EAAEN,YAAa;IAAAO,QAAA,EACpDV,KAAK,CAACU,QAAAA;AAAQ,GACX,CAAC,CAAA;AAEX,CAAA;AAEA,YAAeC,yBAAyB,CAACZ,IAAI,CAAC;;;;"}

package/dist/components/view/index.js

@@ -1,20 +1,21 @@
 import { __rest } from 'tslib';
-import './style/index.css.js';
 import classNames from 'classnames';
-import { useState, useEffect } from '../../utils/hooks.js';
+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", "onTouchStart", "onTouchEnd", "onTouchMove", "hoverStartTime", "hoverStayTime"]);
+    other = __rest(_a, ["className", "hoverClass", "forwardedRef", "onTouchStart", "onTouchEnd", "onTouchMove", "hoverStartTime", "hoverStayTime"]);
   let timeoutEvent;
   let startTime = 0;
   const [hover, setHover] = useState(false);
@@ -64,6 +65,7 @@ function View(_a) {
     }, className));
   }, [hover, className]);
   return /*#__PURE__*/jsx("div", {
+    ref: forwardedRef,
     className: "react" === 'solid' ? cls() : cls,
     onTouchStart: _onTouchStart,
     onTouchEnd: _onTouchEnd,
@@ -72,6 +74,7 @@ function View(_a) {
     children: other.children
   });
 }
+var index = createForwardRefComponent(View);
 
-export { View as default };
+export { index as default };
 //# sourceMappingURL=index.js.map

package/dist/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","_jsx","children"],"mappings":"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"}
+{"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 @@
-@-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],.taro-button-core[plain][type=default],.taro-button-core[plain][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][type=primary]{border:1px solid #1aad19;color:#1aad19}.taro-button-core[plain][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][type=primary]:after{border-width:0}.taro-button-core[plain][type=warn]{border:1px solid #e64340;color:#e64340}.taro-button-core[plain][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][type=warn]:after{border-width:0}.taro-button-core[plain],.taro-button-core[plain][type=default]{border:1px solid #353535;color:#353535}.taro-button-core[plain]:not([disabled]):active,.taro-button-core[plain][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]:after,.taro-button-core[plain][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][disabled],.taro-button-core[plain][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{height:100%}.taro-img__mode-aspectfit,.taro-img__mode-scaletofill{height:100%;object-fit:contain;width:100%}.taro-img__mode-aspectfill{height:100%;object-fit:cover;width:100%}.taro-img__mode-top,.taro-img__mode-widthfix{width:100%}.taro-img__mode-bottom{bottom:0;position:absolute;width:100%}.taro-img__mode-left{height:100%}.taro-img__mode-right{height:100%}.taro-img__mode-right,.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,input{display:block}input{height:1.4rem;overflow:hidden;text-align:inherit;text-overflow:clip;white-space:nowrap}.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}.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%}.swiper-pagination{font-size:0}.swiper-pagination-bullet{opacity:1}.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}body,html{-webkit-tap-highlight-color:rgba(0,0,0,0);user-select:none;-moz-user-select:none;-webkit-user-select:none;-ms-user-select:none}
+@-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],.taro-button-core[plain][type=default],.taro-button-core[plain][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][type=primary]{border:1px solid #1aad19;color:#1aad19}.taro-button-core[plain][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][type=primary]:after{border-width:0}.taro-button-core[plain][type=warn]{border:1px solid #e64340;color:#e64340}.taro-button-core[plain][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][type=warn]:after{border-width:0}.taro-button-core[plain],.taro-button-core[plain][type=default]{border:1px solid #353535;color:#353535}.taro-button-core[plain]:not([disabled]):active,.taro-button-core[plain][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]:after,.taro-button-core[plain][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][disabled],.taro-button-core[plain][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{height:100%}.taro-img__mode-aspectfit,.taro-img__mode-scaletofill{height:100%;object-fit:contain;width:100%}.taro-img__mode-aspectfill{height:100%;object-fit:cover;width:100%}.taro-img__mode-top,.taro-img__mode-widthfix{width:100%}.taro-img__mode-bottom{bottom:0;position:absolute;width:100%}.taro-img__mode-left{height:100%}.taro-img__mode-right{height:100%}.taro-img__mode-right,.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}.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%}.swiper-pagination{font-size:0}.swiper-pagination-bullet{opacity:1}.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/solid/components/button/index.js

@@ -1,9 +1,9 @@
-import { template, spread, mergeProps, insert } from 'solid-js/web';
+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 } from '../../utils/index.js';
-import { useRef, useState, useEffect } from '../../utils/hooks.js';
+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>`);
@@ -51,6 +51,7 @@ function Button(props) {
     props.onTouchEnd && props.onTouchEnd(e);
   };
   const {
+      forwardedRef,
       plain = false,
       children,
       disabled = false,
@@ -61,13 +62,14 @@ function Button(props) {
       loading = false,
       type
     } = props,
-    restProps = __rest(props, ["plain", "children", "disabled", "className", "style", "onClick", "hoverClass", "loading", "type"]);
+    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$();
-    spread(_el$, mergeProps(() => omit(restProps, ['hoverClass', 'onTouchStart', 'onTouchEnd', 'type', 'loading']), {
+    use(forwardedRef, _el$);
+    spread(_el$, mergeProps(() => omit(restProps, ['hoverClass', 'onTouchStart', 'onTouchEnd', 'type', 'loading', 'forwardedRef']), {
       "type": type,
       "className": cls,
       "style": style,
@@ -87,6 +89,7 @@ function Button(props) {
     return _el$;
   })();
 }
+var index = createForwardRefComponent(Button);
 
-export { Button as default };
+export { index as default };
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../../src/components/button/index.tsx"],"sourcesContent":["import './style/index.scss'\n\nimport classNames from 'classnames'\n\nimport { 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}\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 { 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'])}\n      type={type}\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 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","plain","children","className","style","onClick","loading","type","restProps","__rest","cls","classNames","_el$","_tmpl$","_$spread","_$mergeProps","omit","toString","_$insert","_tmpl$2"],"mappings":"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"}
+{"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/icon/index.js

@@ -1,7 +1,7 @@
-import { template, spread, mergeProps } from 'solid-js/web';
+import { template, use, spread, mergeProps } from 'solid-js/web';
 import './style/index.scss.js';
 import classNames from 'classnames';
-import { omit } from '../../utils/index.js';
+import { omit, createForwardRefComponent } from '../../utils/index.js';
 
 var _tmpl$ = /*#__PURE__*/template(`<i>`);
 const Icon = props => {
@@ -9,7 +9,8 @@ const Icon = props => {
     type,
     className = '',
     size = '23',
-    color
+    color,
+    forwardedRef
   } = props;
   if (type) type = type.replace(/_/g, '-');
   const cls = classNames({
@@ -22,7 +23,9 @@ const Icon = props => {
   return (// eslint-disable-next-line react/react-in-jsx-scope
     (() => {
       var _el$ = _tmpl$();
-      spread(_el$, mergeProps(() => omit(props, ['type', 'className']), {
+      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);
@@ -30,6 +33,7 @@ const Icon = props => {
     })()
   );
 };
+var index = createForwardRefComponent(Icon);
 
-export { Icon as default };
+export { index as default };
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../../src/components/icon/index.tsx"],"sourcesContent":["import './style/index.scss'\n\nimport classNames from 'classnames'\n\nimport { omit } from '../../utils'\n\ninterface IProps {\n  type: string\n  color: string\n  size?: number | string\n  className?: string\n}\n\nconst Icon = (props: IProps) => {\n  let { type, className = '', size = '23', color } = 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 {...omit(props, ['type', 'className'])} className={cls} style={style} />\n  )\n}\nexport default Icon\n"],"names":["Icon","props","type","className","size","color","replace","cls","classNames","style","_el$","_tmpl$","_$spread","_$mergeProps","omit"],"mappings":";;;;;;AAaMA,MAAAA,IAAI,GAAIC,KAAa,IAAI;EAC7B,IAAI;IAAEC,IAAI;AAAEC,IAAAA,SAAS,GAAG,EAAE;AAAEC,IAAAA,IAAI,GAAG,IAAI;AAAEC,IAAAA,KAAAA;AAAO,GAAA,GAAGJ,KAAK,CAAA;EACxD,IAAIC,IAAI,EAAEA,IAAI,GAAGA,IAAI,CAACI,OAAO,CAAC,IAAI,EAAE,GAAG,CAAC,CAAA;EACxC,MAAMC,GAAG,GAAGC,UAAU,CACpB;IACE,CAAC,CAAA,UAAA,EAAaN,IAAI,CAAA,CAAE,GAAG,IAAA;GACxB,EACDC,SAAS,CACV,CAAA;AACD,EAAA,MAAMM,KAAK,GAAG;IAAE,WAAW,EAAEL,IAAI,GAAG,IAAI;AAAEC,IAAAA,KAAK,EAAEA,KAAAA;GAAO,CAAA;EAExD;AACE,IAAA,CAAA,MAAA;MAAA,IAAAK,IAAA,GAAAC,MAAA,EAAA,CAAA;AAAAC,MAAAA,MAAA,CAAAF,IAAA,EAAAG,UAAA,OACOC,IAAI,CAACb,KAAK,EAAE,CAAC,MAAM,EAAE,WAAW,CAAC,CAAC,EAAA;AAAA,QAAA,WAAA,EAAaM,GAAG;QAAA,OAASE,EAAAA,KAAAA;AAAK,OAAA,CAAA,EAAA,KAAA,EAAA,KAAA,CAAA,CAAA;AAAA,MAAA,OAAAC,IAAA,CAAA;AAAA,KAAA,GAAA;AAAA,IAAA;AAE3E;;;;"}
+{"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,YAAAA;AAAc,GAAA,GAAGL,KAAK,CAAA;EACtE,IAAIC,IAAI,EAAEA,IAAI,GAAGA,IAAI,CAACK,OAAO,CAAC,IAAI,EAAE,GAAG,CAAC,CAAA;EACxC,MAAMC,GAAG,GAAGC,UAAU,CACpB;IACE,CAAC,CAAA,UAAA,EAAaP,IAAI,CAAA,CAAE,GAAG,IAAA;GACxB,EACDC,SAAS,CACV,CAAA;AACD,EAAA,MAAMO,KAAK,GAAG;IAAE,WAAW,EAAEN,IAAI,GAAG,IAAI;AAAEC,IAAAA,KAAK,EAAEA,KAAAA;GAAO,CAAA;EAExD;AACE,IAAA,CAAA,MAAA;MAAA,IAAAM,IAAA,GAAAC,MAAA,EAAA,CAAA;MAAA,IAAAC,KAAA,GACQP,YAAY,CAAA;MAAA,OAAAO,KAAA,KAAAC,UAAAA,GAAAA,GAAA,CAAAD,KAAA,EAAAF,IAAA,CAAA,GAAZL,YAAY,GAAAK,IAAA,CAAA;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,KAAAA;AAAK,OAAA,CAAA,EAAA,KAAA,EAAA,KAAA,CAAA,CAAA;AAAA,MAAA,OAAAC,IAAA,CAAA;AAAA,KAAA,GAAA;AAAA,IAAA;AAE9G,CAAC,CAAA;AACD,YAAeO,yBAAyB,CAAClB,IAAI,CAAC;;;;"}

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

@@ -1,8 +1,9 @@
-import { template, spread, insert, addEventListener, use, setAttribute, effect, style } from 'solid-js/web';
+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 { useRef, useState, useCallback, useEffect } from '../../utils/hooks.js';
+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>`);
@@ -17,9 +18,10 @@ function Image(props) {
       mode,
       onError,
       lazyLoad,
-      imgProps
+      imgProps,
+      forwardedRef
     } = props,
-    reset = __rest(props, ["className", "style", "src", "mode", "onError", "lazyLoad", "imgProps"]);
+    reset = __rest(props, ["className", "style", "src", "mode", "onError", "lazyLoad", "imgProps", "forwardedRef"]);
   const cls = classNames('taro-img', {
     'taro-img__widthfix': mode === 'widthFix'
   }, className);
@@ -60,6 +62,7 @@ function Image(props) {
   }, [lazyLoad, src]);
   return (() => {
     var _el$ = _tmpl$();
+    use(forwardedRef, _el$);
     _el$.className = cls;
     spread(_el$, reset, false, true);
     insert(_el$, lazyLoad ? (() => {
@@ -85,6 +88,7 @@ function Image(props) {
     return _el$;
   })();
 }
+var index = createForwardRefComponent(Image);
 
-export { Image as default };
+export { index as default };
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../../src/components/image/index.tsx"],"sourcesContent":["import './style/index.css'\n\nimport classNames from 'classnames'\n\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}\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    ...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} {...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 Image\n"],"names":["Image","props","imgRef","useRef","observer","setIsLoaded","useState","className","style","src","mode","onError","lazyLoad","imgProps","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$","_$spread","_$insert","_el$2","_tmpl$2","_$addEventListener","_$use","img","_$setAttribute","_el$3","_$effect","_$p","_$style"],"mappings":"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"}
+{"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":";;;;;;;;;AAmBA,SAASA,KAAKA,CAAEC,KAAa,EAAA;AAC3B,EAAA,MAAMC,MAAM,GAAGC,MAAM,CAA0B,IAAI,CAAC,CAAA;AACpD,EAAA,MAAMC,QAAQ,GAAGD,MAAM,CAAgC,EAAE,CAAC,CAAA;AAC1D,EAAA,MAAM,GAAGE,WAAW,CAAC,GAAGC,QAAQ,CAAC,KAAK,CAAC,CAAA;EACvC,MAAM;MACJC,SAAS;aACTC,OAAK,GAAG,EAAE;MACVC,GAAG;MACHC,IAAI;MACJC,OAAO;MACPC,QAAQ;MACRC,QAAQ;AACRC,MAAAA,YAAAA;AAAY,KAAA,GAEVb,KAAK;IADJc,KAAK,GAAAC,MAAA,CACNf,KAAK,EAVH,CAUL,WAAA,EAAA,OAAA,EAAA,KAAA,EAAA,MAAA,EAAA,SAAA,EAAA,UAAA,EAAA,UAAA,EAAA,cAAA,CAAA,CAAQ,CAAA;AACT,EAAA,MAAMgB,GAAG,GAAGC,UAAU,CACpB,UAAU,EACV;IACE,oBAAoB,EAAER,IAAI,KAAK,UAAA;GAChC,EACDH,SAAS,CACV,CAAA;EACD,MAAMY,MAAM,GAAGD,UAAU,CACvB,iBAAiB,GACf,CAACR,IAAI,IAAI,aAAa,EAAEU,WAAW,EAAE,CAACC,OAAO,CAAC,KAAK,EAAE,EAAE,CAAC,CAC3D,CAAA;AAED,EAAA,MAAMC,WAAW,GAAGC,WAAW,CAAEC,CAAC,IAAI;IACpC,MAAM;AAAEC,MAAAA,MAAAA;AAAQ,KAAA,GAAGxB,KAAK,CAAA;AACxByB,IAAAA,MAAM,CAACC,cAAc,CAACH,CAAC,EAAE,QAAQ,EAAE;AACjCI,MAAAA,UAAU,EAAE,IAAI;AAChBC,MAAAA,QAAQ,EAAE,IAAI;AACdC,MAAAA,KAAK,EAAE;AACLC,QAAAA,KAAK,EAAEP,CAAC,CAACQ,MAAM,CAACD,KAAK;AACrBE,QAAAA,MAAM,EAAET,CAAC,CAACQ,MAAM,CAACC,MAAAA;AAClB,OAAA;AACF,KAAA,CAAC,CAAA;AAEFR,IAAAA,MAAM,IAAIA,MAAM,CAACD,CAAC,CAAC,CAAA;AACrB,GAAC,EAAE,CAACvB,KAAK,CAAC,CAAC,CAAA;AAEXiC,EAAAA,SAAS,CAAC,MAAK;;AACb,IAAA,IAAItB,QAAQ,EAAE;AACZR,MAAAA,QAAQ,CAAC+B,OAAO,GAAG,IAAIC,oBAAoB,CACzCC,OAAO,IAAG;AACR;QACA,IAAIA,OAAO,CAACA,OAAO,CAACC,MAAM,GAAG,CAAC,CAAC,CAACC,cAAc,EAAE;UAC9ClC,WAAW,CAAC,IAAI,CAAC,CAAA;AACjB;AACAH,UAAAA,MAAM,CAACiC,OAAQ,CAAC1B,GAAG,GAAGA,GAAG,CAAA;AAC3B,SAAA;AACF,OAAC,EACD;AACE+B,QAAAA,UAAU,EAAE,WAAA;AACb,OAAA,CACF,CAAA;AACD,MAAA,CAAAC,EAAA,GAAA,CAAAC,EAAA,GAAAtC,QAAQ,CAAC+B,OAAO,EAACQ,OAAO,MAAA,IAAA,IAAAF,EAAA,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAAAA,EAAA,CAAAG,IAAA,CAAAF,EAAA,EAAGxC,MAAM,CAACiC,OAAQ,CAAC,CAAA;AAC7C,KAAA;AAEA,IAAA,OAAO,MAAK;;AACV,MAAA,CAAAM,EAAA,GAAA,MAAArC,QAAQ,CAAC+B,OAAO,MAAE,IAAA,IAAAO,EAAA,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAAAA,EAAA,CAAAG,UAAU,kDAAI,CAAA;KACjC,CAAA;AACH,GAAC,EAAE,CAACjC,QAAQ,EAAEH,GAAG,CAAC,CAAC,CAAA;AAEnB,EAAA,OAAA,CAAA,MAAA;IAAA,IAAAqC,IAAA,GAAAC,MAAA,EAAA,CAAA;IAAAC,GAAA,CAC0ClC,YAAY,EAAAgC,IAAA,CAAA,CAAA;IAAAA,IAAA,CAAAvC,SAAA,GAApCU,GAAG,CAAA;IAAAgC,MAAA,CAAAH,IAAA,EAAuC/B,KAAK,EAAA,KAAA,EAAA,IAAA,CAAA,CAAA;IAAAmC,MAAA,CAAAJ,IAAA,EAC5DlC,QAAQ,GAAA,CAAA,MAAA;MAAA,IAAAuC,KAAA,GAAAC,OAAA,EAAA,CAAA;MAAAC,gBAAA,CAAAF,KAAA,EAAA,OAAA,EAMIxC,OAAO,CAAA,CAAA;MAAA0C,gBAAA,CAAAF,KAAA,EAAA,MAAA,EADR7B,WAAW,CAAA,CAAA;MAAA0B,GAAA,CAHdM,GAAG,IAAKpD,MAAM,CAACiC,OAAO,GAAGmB,GAAI,EAAAH,KAAA,CAAA,CAAA;MAAAA,KAAA,CAAA5C,SAAA,GACvBY,MAAM,CAAA;MAAAoC,YAAA,CAAAJ,KAAA,EAAA,UAAA,EACP1C,GAAG,CAAA,CAAA;MAAAwC,MAAA,CAAAE,KAAA,EAGTtC,QAAQ,EAAA,KAAA,EAAA,KAAA,CAAA,CAAA;AAAA,MAAA,OAAAsC,KAAA,CAAA;AAAA,KAAA,GAAA,GAAA,CAAA,MAAA;MAAA,IAAAK,KAAA,GAAAJ,OAAA,EAAA,CAAA;MAAAC,gBAAA,CAAAG,KAAA,EAAA,OAAA,EAQH7C,OAAO,CAAA,CAAA;MAAA0C,gBAAA,CAAAG,KAAA,EAAA,MAAA,EADRlC,WAAW,CAAA,CAAA;MAAA0B,GAAA,CAHdM,GAAG,IAAKpD,MAAM,CAACiC,OAAO,GAAGmB,GAAI,EAAAE,KAAA,CAAA,CAAA;MAAAA,KAAA,CAAAjD,SAAA,GACvBY,MAAM,CAAA;MAAAoC,YAAA,CAAAC,KAAA,EAAA,KAAA,EACZ/C,GAAG,CAAA,CAAA;MAAAwC,MAAA,CAAAO,KAAA,EAGJ3C,QAAQ,EAAA,KAAA,EAAA,KAAA,CAAA,CAAA;AAAA,MAAA,OAAA2C,KAAA,CAAA;KAEf,GAAA,CAAA,CAAA;IAAAC,MAAA,CAAAC,GAAA,IAAAC,KAAA,CAAAb,IAAA,EAnByBtC,OAAK,EAAAkD,GAAA,CAAA,CAAA,CAAA;AAAA,IAAA,OAAAZ,IAAA,CAAA;AAAA,GAAA,GAAA,CAAA;AAsBrC,CAAA;AAEA,YAAec,yBAAyB,CAAC5D,KAAK,CAAC;;;;"}