@tarojs/components 4.1.5 → 4.1.6-beta.1

package/dist/esm/picker-view-52390656.js

@@ -0,0 +1,176 @@
+import { r as registerInstance, c as createEvent, h, g as getElement, H as Host } from './index-0004ce39.js';
+import { d as debounce } from './index-a00a7418.js';
+import { c as classnames } from './index-b9522531.js';
+
+function convertStyle(style) {
+  if (style) {
+    const regex = /([\w-]*)\s*:\s*([^;]*)/g;
+    const properties = {};
+    let match;
+    while ((match = regex.exec(style)))
+      properties[`${match[1]}`] = match[2].trim();
+    return properties;
+  }
+}
+
+const columnCss = ".taro-picker-view-column-container{text-align:center;flex-direction:column;flex:1;display:flex;position:relative;overflow:hidden scroll}.taro-picker-view-column-container::-webkit-scrollbar{display:none}";
+
+const PickerViewColumn = class {
+  constructor(hostRef) {
+    registerInstance(this, hostRef);
+    this.onChange = createEvent(this, "onselect", 7);
+    this.onSelectStart = createEvent(this, "onselectstart", 7);
+    this.onSelectEnd = createEvent(this, "onselectend", 7);
+    // 滚动结束自动回到合适的位置
+    this.handleSelected = debounce(() => {
+      const childList = this.el.childNodes;
+      let sum = 0;
+      let selectedIndex = '0';
+      for (const index in childList) {
+        const item = childList[index];
+        const itemHeight = item.offsetHeight;
+        if (sum + itemHeight / 2.0 > this.el.scrollTop) {
+          selectedIndex = index;
+          break;
+        }
+        sum += itemHeight;
+      }
+      this.el.scrollTo({
+        top: sum,
+        behavior: 'smooth'
+      });
+      this.onChange.emit({
+        curIndex: this.col,
+        selectedIndex: selectedIndex
+      });
+      this.onSelectEnd.emit();
+    }, 500);
+    this.col = undefined;
+    this.initialPosition = '0';
+    this.paddingVertical = 0;
+    this.isInit = false;
+  }
+  onTouchStart() {
+    this.onSelectStart.emit();
+  }
+  onTouchEnd() {
+    this.handleSelected();
+  }
+  componentDidLoad() {
+    this.handleChange();
+  }
+  componentDidUpdate() {
+    this.handleChange();
+  }
+  handleChange() {
+    const childList = this.el.childNodes;
+    let idx = 0;
+    let sum = 0;
+    for (const index in childList) {
+      const item = childList[index];
+      if (this.initialPosition === index || !item || typeof item.offsetHeight !== 'number') {
+        break;
+      }
+      sum += item.offsetHeight;
+      idx++;
+    }
+    this.el.scrollTo({ top: sum });
+    if (idx >= childList.length) {
+      this.onChange.emit({
+        curIndex: this.col,
+        selectedIndex: idx - 1
+      });
+    }
+  }
+  render() {
+    const { paddingVertical = 0 } = this;
+    return (h(Host, { class: "taro-picker-view-column-container", style: { 'padding-top': `${paddingVertical}px`, 'padding-bottom': `${paddingVertical}px` } }));
+  }
+  get el() { return getElement(this); }
+};
+PickerViewColumn.style = columnCss;
+
+const indexCss = ".taro-picker-view-container{display:flex;position:relative}.taro-picker-view-mask-container{pointer-events:none;flex-direction:column;display:flex;position:absolute;inset:0}.taro-picker-view-mask-indicator{border-top:1px solid #ddd;border-bottom:1px solid #ddd;height:50px;display:flex}.taro-picker-view-mask-top{background-image:linear-gradient(rgba(255,255,255,.95),rgba(255,255,255,.6));flex:1}.taro-picker-view-mask-bottom{background:linear-gradient(rgba(255,255,255,.6),rgba(255,255,255,.95));flex:1}";
+
+const PickerView = class {
+  constructor(hostRef) {
+    registerInstance(this, hostRef);
+    this.onChange = createEvent(this, "change", 7);
+    this.onPickStart = createEvent(this, "pickstart", 7);
+    this.onPickEnd = createEvent(this, "pickend", 7);
+    this.indicatorStyle = undefined;
+    this.indicatorClass = undefined;
+    this.value = undefined;
+    this.maskStyle = undefined;
+    this.maskClass = undefined;
+  }
+  onPropsChange() {
+    this.handleValueChange();
+  }
+  onSelect(e) {
+    e.stopPropagation();
+    if (e.target.tagName !== 'TARO-PICKER-VIEW-COLUMN-CORE')
+      return;
+    let _curIndex = +e.detail.curIndex;
+    let _selectedIndex = +e.detail.selectedIndex;
+    this.value[_curIndex] = _selectedIndex;
+    this.onChange.emit({ value: this.value });
+  }
+  onSelectStart(e) {
+    e.stopPropagation();
+    if (e.target.tagName !== 'TARO-PICKER-VIEW-COLUMN-CORE')
+      return;
+    this.onPickStart.emit();
+  }
+  onPickerColEnd(e) {
+    e.stopPropagation();
+    if (e.target.tagName !== 'TARO-PICKER-VIEW-COLUMN-CORE')
+      return;
+    this.onPickEnd.emit();
+  }
+  componentDidLoad() {
+    this.handleValueChange();
+  }
+  handleValueChange() {
+    const childList = this.el.querySelectorAll('taro-picker-view-column-core');
+    childList.forEach((element, index) => {
+      var _a;
+      element.setAttribute('col', `${index}`);
+      let selectIndex = 0;
+      if (!!this.value && this.value.length > index) {
+        selectIndex = this.value[index];
+      }
+      const pickerHeight = this.el.getBoundingClientRect().height;
+      const indicatorHeight = ((_a = this.indicator) === null || _a === void 0 ? void 0 : _a.offsetHeight) || 0;
+      const paddingVertical = (pickerHeight - indicatorHeight) / 2.0;
+      element.setAttribute('initial-position', `${selectIndex}`);
+      element.setAttribute('padding-vertical', `${paddingVertical}`);
+    });
+  }
+  // 过滤非 PickerViewColumn 组件
+  componentDidRender() {
+    this.el.childNodes.forEach(item => {
+      const childEle = item;
+      if ('TARO-PICKER-VIEW-COLUMN-CORE' !== childEle.tagName &&
+        childEle.className !== 'taro-picker-view-mask-container') {
+        this.el.removeChild(item);
+      }
+    });
+  }
+  render() {
+    const indicatorCls = classnames('taro-picker-view-mask-indicator', this.indicatorClass);
+    const maskTopCls = classnames('taro-picker-view-mask-top', this.maskClass);
+    const maskBtmCls = classnames('taro-picker-view-mask-bottom', this.maskClass);
+    const indicatorStyle = convertStyle(this.indicatorStyle);
+    const maskTopStyle = convertStyle(this.maskStyle);
+    const maskBottomStyle = convertStyle(this.maskStyle);
+    return (h(Host, { class: "taro-picker-view-container" }, h("slot", null), h("div", { class: "taro-picker-view-mask-container" }, h("div", { class: maskTopCls, style: maskTopStyle }), h("div", { class: indicatorCls, style: indicatorStyle, ref: indicator => (this.indicator = indicator) }), h("div", { class: maskBtmCls, style: maskBottomStyle }))));
+  }
+  get el() { return getElement(this); }
+  static get watchers() { return {
+    "value": ["onPropsChange"]
+  }; }
+};
+PickerView.style = indexCss;
+
+export { PickerViewColumn as P, PickerView as a };

package/dist/esm/progress-f99ddb18.js

@@ -0,0 +1,37 @@
+import { r as registerInstance, h, H as Host } from './index-0004ce39.js';
+
+const indexCss = ".weui-progress{align-items:center;display:flex}.weui-progress__bar{background-color:#ebebeb;flex:1;height:3px}.weui-progress__inner-bar{background-color:#09bb07;width:0;height:100%}.weui-progress__opr{margin-left:15px;font-size:0;display:block}";
+
+const Progress = class {
+  constructor(hostRef) {
+    registerInstance(this, hostRef);
+    this.percent = 0;
+    this.showInfo = false;
+    this.borderRadius = 0;
+    this.fontSize = 16;
+    this.strokeWidth = 6;
+    this.activeColor = '#09BB07';
+    this.backgroundColor = '#EBEBEB';
+    this.active = false;
+  }
+  render() {
+    const { percent, showInfo, borderRadius, fontSize, strokeWidth, activeColor, backgroundColor, active } = this;
+    const pgPercent = percent > 100 ? 100 : percent < 0 ? 0 : percent;
+    const pgHeight = {
+      height: strokeWidth + 'px',
+      backgroundColor
+    };
+    const transition = active ? 'width 1s ease-in-out' : 'none';
+    const pgWidth = {
+      width: `${pgPercent}%`,
+      transition,
+      WebkitTransition: transition,
+      backgroundColor: activeColor,
+      borderRadius: borderRadius ? `${borderRadius}px` : '0px'
+    };
+    return (h(Host, { class: 'weui-progress' }, h("div", { class: 'weui-progress__bar', style: pgHeight }, h("div", { class: 'weui-progress__inner-bar', style: pgWidth })), showInfo && (h("div", { class: 'weui-progress__opr', style: { 'font-size': `${fontSize}px` } }, h("span", null, pgPercent, "%")))));
+  }
+};
+Progress.style = indexCss;
+
+export { Progress as P };

package/dist/esm/pull-to-refresh-e8972159.js

@@ -0,0 +1,263 @@
+import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-0004ce39.js';
+import Taro from '@tarojs/taro';
+import { c as classnames } from './index-b9522531.js';
+
+const indexCss = ".rmc-pull-to-refresh-content{transform-origin:0 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{text-align:center;height:30px;line-height:10px}.rmc-pull-to-refresh-indicator>div{background-color:gray;border-radius:100%;width:6px;height:6px;margin:3px;animation:.5s linear infinite both rmc-pull-to-refresh-indicator;display:inline-block}.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}";
+
+function setTransform(nodeStyle, value) {
+  nodeStyle.transform = value;
+  nodeStyle.webkitTransform = value;
+  nodeStyle.MozTransform = value;
+}
+const isWebView = typeof navigator !== 'undefined' &&
+  /(iPhone|iPod|iPad).*AppleWebKit(?!.*Safari)/i.test(navigator.userAgent);
+const INDICATOR = {
+  activate: 'release',
+  deactivate: 'pull',
+  release: 'loading',
+  finish: 'finish'
+};
+let supportsPassive = false;
+try {
+  const opts = Object.defineProperty({}, 'passive', {
+    get() {
+      supportsPassive = true;
+    }
+  });
+  window.addEventListener('cancel', () => ({}), opts);
+}
+catch (e) { }
+const willPreventDefault = supportsPassive ? { passive: false } : false;
+const PullToRefresh = class {
+  constructor(hostRef) {
+    registerInstance(this, hostRef);
+    this.onRefresh = createEvent(this, "refresh", 7);
+    this._ScreenY = 0;
+    this._startScreenY = 0;
+    this._lastScreenY = 0;
+    this._isMounted = false;
+    this.triggerPullDownRefresh = (flag) => {
+      // 在初始化时、用代码 自动 触发 pullDownRefresh
+      // 添加this._isMounted的判断，否则组建一实例化，currSt就会是finish
+      if (!this.dragOnEdge && this._isMounted) {
+        if (flag) {
+          this._lastScreenY = this.distanceToRefresh + 1;
+          // change dom need after setState
+          this.currSt = 'release';
+          this.setContentStyle(this._lastScreenY);
+        }
+        else {
+          this.currSt = 'finish';
+          this.reset();
+        }
+      }
+    };
+    this.init = () => {
+      const ele = this.scrollContainer;
+      const child = this.el.querySelector('.rmc-pull-to-refresh-content');
+      this.el.appendChild = child === null || child === void 0 ? void 0 : child.appendChild.bind(child);
+      this.el.insertBefore = child === null || child === void 0 ? void 0 : child.insertBefore.bind(child);
+      this.el.replaceChild = child === null || child === void 0 ? void 0 : child.replaceChild.bind(child);
+      this.el.removeChild = child === null || child === void 0 ? void 0 : child.removeChild.bind(child);
+      this._to = {
+        touchstart: this.onTouchStart.bind(this, ele),
+        touchmove: this.onTouchMove.bind(this, ele),
+        touchend: this.onTouchEnd.bind(this, ele),
+        touchcancel: this.onTouchEnd.bind(this, ele)
+      };
+      Object.keys(this._to).forEach(key => {
+        ele.addEventListener(key, this._to[key], willPreventDefault);
+      });
+    };
+    this.destroy = () => {
+      // fix 频繁切换页面，可能会导致 this._to 为空造成报错
+      if (!this._to)
+        return;
+      const ele = this.scrollContainer;
+      Object.keys(this._to).forEach(key => {
+        ele.removeEventListener(key, this._to[key]);
+      });
+    };
+    this.onTouchStart = (_, e) => {
+      this._ScreenY = this._startScreenY = e.touches[0].screenY;
+      // 一开始 refreshing 为 true 时 this._lastScreenY 有值
+      this._lastScreenY = this._lastScreenY || 0;
+    };
+    this.isEdge = (ele) => {
+      const container = this.scrollContainer;
+      if (container && container === document.body) {
+        // In chrome61 `document.body.scrollTop` is invalid
+        const scrollNode = document.scrollingElement ? document.scrollingElement : document.body;
+        return scrollNode.scrollTop <= 0;
+      }
+      return ele.scrollTop <= 0;
+    };
+    this.damp = (dy) => {
+      if (Math.abs(this._lastScreenY) > this.damping) {
+        return 0;
+      }
+      const ratio = Math.abs(this._ScreenY - this._startScreenY) / window.screen.height;
+      dy *= (1 - ratio) * 0.6;
+      return dy;
+    };
+    this.onTouchMove = (ele, e) => {
+      // 使用 pageY 对比有问题
+      const _screenY = e.touches[0].screenY;
+      // 拖动方向不符合的不处理
+      if (this._startScreenY > _screenY) {
+        return;
+      }
+      if (this.isEdge(ele)) {
+        if (!this.dragOnEdge) {
+          // 当用户开始往上滑的时候isEdge还是false的话，会导致this._ScreenY不是想要的，只有当isEdge为true时，再上滑，才有意义
+          // 下面这行代码解决了上面这个问题
+          this._ScreenY = this._startScreenY = e.touches[0].screenY;
+          this.dragOnEdge = true;
+        }
+        if (e.cancelable) {
+          e.preventDefault();
+        }
+        // add stopPropagation with fastclick will trigger content onClick event. why?
+        // ref https://github.com/ant-design/ant-design-mobile/issues/2141
+        // e.stopPropagation();
+        const _diff = Math.round(_screenY - this._ScreenY);
+        this._ScreenY = _screenY;
+        this._lastScreenY += this.damp(_diff);
+        this.setContentStyle(this._lastScreenY);
+        if (Math.abs(this._lastScreenY) < this.distanceToRefresh) {
+          if (this.currSt !== 'deactivate') {
+            // console.log('back to the distance');
+            this.currSt = 'deactivate';
+          }
+        }
+        else {
+          if (this.currSt === 'deactivate') {
+            // console.log('reach to the distance');
+            this.currSt = 'activate';
+          }
+        }
+        // https://github.com/ant-design/ant-design-mobile/issues/573#issuecomment-339560829
+        // iOS UIWebView issue, It seems no problem in WKWebView
+        if (isWebView && e.changedTouches[0].clientY < 0) {
+          this.onTouchEnd();
+        }
+      }
+    };
+    this.onTouchEnd = () => {
+      if (this.dragOnEdge) {
+        this.dragOnEdge = false;
+      }
+      if (this.currSt === 'activate') {
+        this.currSt = 'release';
+        this.onRefresh.emit(this);
+        this._lastScreenY = this.distanceToRefresh + 1;
+        this.setContentStyle(this._lastScreenY);
+      }
+      else if (this.currSt === 'release') {
+        this._lastScreenY = this.distanceToRefresh + 1;
+        this.setContentStyle(this._lastScreenY);
+      }
+      else {
+        this.reset();
+      }
+    };
+    this.reset = () => {
+      this._lastScreenY = 0;
+      this.setContentStyle(0);
+    };
+    this.setContentStyle = (ty) => {
+      // TODO: Why sometimes do not have `this.contentRef` ?
+      if (this.contentRef) {
+        // translate3d 不清理 会影响内部元素 定位
+        if (ty) {
+          setTransform(this.contentRef.style, `translate3d(0px,${ty}px,0)`);
+        }
+        else {
+          setTransform(this.contentRef.style, '');
+        }
+      }
+    };
+    this.prefixCls = 'rmc-pull-to-refresh';
+    this.distanceToRefresh = 50;
+    this.damping = 100;
+    this.indicator = INDICATOR;
+    this.currSt = 'deactivate';
+    this.dragOnEdge = false;
+  }
+  get scrollContainer() {
+    return this.el.parentElement ||
+      this.el.closest('.taro_page_stationed') ||
+      document.querySelector('.taro_page_stationed') ||
+      document.querySelector('.taro_page') ||
+      document.querySelector('.taro_router') ||
+      document.querySelector('.taro-tabbar__panel') ||
+      document.body;
+  }
+  statusChange() {
+    var _a, _b, _c, _d;
+    const pageEl = this.scrollContainer;
+    switch (this.currSt) {
+      case 'release':
+        (_b = (_a = pageEl === null || pageEl === void 0 ? void 0 : pageEl.__page) === null || _a === void 0 ? void 0 : _a.onPullDownRefresh) === null || _b === void 0 ? void 0 : _b.call(_a);
+        break;
+      case 'deactivate':
+        (_d = (_c = pageEl === null || pageEl === void 0 ? void 0 : pageEl.__page) === null || _c === void 0 ? void 0 : _c.onPullIntercept) === null || _d === void 0 ? void 0 : _d.call(_c);
+    }
+  }
+  disconnectedCallback() {
+    this.destroy();
+  }
+  componentDidLoad() {
+    this.init();
+    this._isMounted = true;
+    Taro.eventCenter.on('__taroStartPullDownRefresh', ({ successHandler, errorHandler }) => {
+      try {
+        this.triggerPullDownRefresh(true);
+        successHandler({
+          errMsg: 'startPullDownRefresh: ok'
+        });
+      }
+      catch (e) {
+        errorHandler({
+          errMsg: 'startPullDownRefresh: fail'
+        });
+      }
+    });
+    Taro.eventCenter.on('__taroStopPullDownRefresh', ({ successHandler, errorHandler }) => {
+      setTimeout(() => {
+        try {
+          this.triggerPullDownRefresh(false);
+          successHandler({
+            errMsg: 'stopPullDownRefresh: ok'
+          });
+        }
+        catch (e) {
+          errorHandler({
+            errMsg: 'stopPullDownRefresh: fail'
+          });
+        }
+      }, 0);
+    });
+  }
+  render() {
+    const renderRefresh = (cls) => {
+      const { currSt, dragOnEdge, prefixCls } = this;
+      const cla = classnames(cls, !dragOnEdge && `${prefixCls}-transition`);
+      const showIndicator = currSt === 'activate' || currSt === 'release';
+      return (h("div", { class: `${prefixCls}-content-wrapper` }, h("div", { class: cla, ref: el => {
+          this.contentRef = el;
+        } }, showIndicator && (h("div", { class: `${prefixCls}-indicator` }, h("div", null), h("div", null), h("div", null))), h("slot", null))));
+    };
+    if (this.scrollContainer) {
+      return renderRefresh(`${this.prefixCls}-content ${this.prefixCls}-down`);
+    }
+    return (h(Host, { class: classnames(this.prefixCls, `${this.prefixCls}-down`) }, renderRefresh(`${this.prefixCls}-content`)));
+  }
+  get el() { return getElement(this); }
+  static get watchers() { return {
+    "currSt": ["statusChange"]
+  }; }
+};
+PullToRefresh.style = indexCss;
+
+export { PullToRefresh as P };

package/dist/esm/radio-9b356d76.js

@@ -0,0 +1,133 @@
+import { r as registerInstance, c as createEvent, h, g as getElement, H as Host } from './index-0004ce39.js';
+
+var __classPrivateFieldSet = (undefined && undefined.__classPrivateFieldSet) || function (receiver, state, value, kind, f) {
+  if (kind === "m")
+    throw new TypeError("Private method is not writable");
+  if (kind === "a" && !f)
+    throw new TypeError("Private accessor was defined without a setter");
+  if (typeof state === "function" ? receiver !== state || !f : !state.has(receiver))
+    throw new TypeError("Cannot write private member to an object whose class did not declare it");
+  return (kind === "a" ? f.call(receiver, value) : f ? f.value = value : state.set(receiver, value)), value;
+};
+var __classPrivateFieldGet = (undefined && undefined.__classPrivateFieldGet) || function (receiver, state, kind, f) {
+  if (kind === "a" && !f)
+    throw new TypeError("Private accessor was defined without a getter");
+  if (typeof state === "function" ? receiver !== state || !f : !state.has(receiver))
+    throw new TypeError("Cannot read private member from an object whose class did not declare it");
+  return kind === "m" ? f : kind === "a" ? f.call(receiver) : f ? f.value : state.get(receiver);
+};
+var _RadioGroup_value;
+const RadioGroup = class {
+  constructor(hostRef) {
+    registerInstance(this, hostRef);
+    this.onChange = createEvent(this, "change", 7);
+    this.uniqueName = Date.now().toString(36);
+    _RadioGroup_value.set(this, void 0);
+    this.name = undefined;
+  }
+  function(e) {
+    e.stopPropagation();
+    if (e.target.tagName !== 'TARO-RADIO-CORE')
+      return;
+    const target = e.target;
+    if (target.checked) {
+      const childList = this.el.querySelectorAll('taro-radio-core');
+      childList.forEach(element => {
+        if (element !== target) {
+          element.checked = false;
+        }
+      });
+      __classPrivateFieldSet(this, _RadioGroup_value, e.detail.value, "f");
+      this.onChange.emit({
+        value: __classPrivateFieldGet(this, _RadioGroup_value, "f")
+      });
+    }
+  }
+  componentDidLoad() {
+    const childList = this.el.querySelectorAll('taro-radio-core');
+    childList.forEach((element) => {
+      element.setAttribute('name', this.name || this.uniqueName);
+    });
+    Object.defineProperty(this.el, 'value', {
+      get: () => {
+        if (!__classPrivateFieldGet(this, _RadioGroup_value, "f")) {
+          const childList = this.el.querySelectorAll('taro-radio-core');
+          __classPrivateFieldSet(this, _RadioGroup_value, this.getValues(childList), "f");
+        }
+        return __classPrivateFieldGet(this, _RadioGroup_value, "f");
+      },
+      configurable: true
+    });
+  }
+  getValues(childList) {
+    let val = '';
+    Array.from(childList)
+      .forEach(element => {
+      const checkbox = element.querySelector('input');
+      if (checkbox === null || checkbox === void 0 ? void 0 : checkbox.checked) {
+        val = checkbox.value || '';
+      }
+    });
+    return val;
+  }
+  render() {
+    return (h(Host, { class: 'weui-cells_radiogroup' }));
+  }
+  get el() { return getElement(this); }
+};
+_RadioGroup_value = new WeakMap();
+
+const Radio = class {
+  constructor(hostRef) {
+    registerInstance(this, hostRef);
+    this.onChange = createEvent(this, "radiochange", 7);
+    this.handleClick = (e) => {
+      e.stopPropagation();
+      if (this.disabled)
+        return;
+      if (!this.checked)
+        this.checked = true;
+    };
+    this.name = undefined;
+    this.value = '';
+    this.id = undefined;
+    this.checked = false;
+    this.disabled = false;
+    this.nativeProps = {};
+    this.isWillLoadCalled = false;
+  }
+  watchChecked(newVal) {
+    if (!this.isWillLoadCalled)
+      return;
+    newVal && this.onChange.emit({ value: this.value });
+  }
+  watchId(newVal) {
+    if (!this.isWillLoadCalled)
+      return;
+    if (newVal)
+      this.inputEl.setAttribute('id', newVal);
+  }
+  componentDidRender() {
+    this.id && this.el.removeAttribute('id');
+  }
+  componentWillLoad() {
+    this.isWillLoadCalled = true;
+  }
+  render() {
+    const { checked, name, value, disabled, nativeProps } = this;
+    return (h(Host, { class: 'weui-cells_checkbox', onClick: this.handleClick }, h("input", Object.assign({ ref: dom => {
+        if (!dom)
+          return;
+        this.inputEl = dom;
+        if (this.id)
+          dom.setAttribute('id', this.id);
+      }, type: 'radio', name: name, value: value, class: 'weui-check', checked: checked, disabled: disabled, onChange: e => e.stopPropagation() }, nativeProps)), h("i", { class: 'weui-icon-checked' }), h("slot", null)));
+  }
+  get el() { return getElement(this); }
+  static get watchers() { return {
+    "checked": ["watchChecked"],
+    "id": ["watchId"]
+  }; }
+};
+
+export { RadioGroup as R, Radio as a };

package/dist/esm/rich-text-287554f4.js

@@ -0,0 +1,71 @@
+import { r as registerInstance, h, H as Host } from './index-0004ce39.js';
+
+const indexCss = "taro-rich-text-core{user-select:none}taro-rich-text-core[selectable=true],taro-rich-text-core[user-select=true]{user-select:text;display:block}taro-rich-text-core[space]{white-space:pre-wrap}taro-rich-text-core[space=ensp]{word-spacing:.5em}taro-rich-text-core[space=nbsp]{word-spacing:1em}";
+
+const RichText = class {
+  constructor(hostRef) {
+    registerInstance(this, hostRef);
+    this.renderNode = (node) => {
+      if ('type' in node && node.type === 'text') {
+        // nonsupport Html Entries
+        const content = (node.text || '').replace(/ /g, '\u00A0');
+        return content;
+      }
+      else if ('name' in node && node.name) {
+        const { name, attrs, children } = node;
+        const attributes = {};
+        let childList = [];
+        if (attrs && typeof attrs === 'object') {
+          for (const key in attrs) {
+            const val = attrs[key];
+            if (key === 'style' && typeof val === 'string') {
+              // stencil JSX style props only support object
+              const styles = val
+                .split(';')
+                .map(item => item.trim())
+                .filter(item => item);
+              const styleObj = {};
+              styles.forEach(item => {
+                if (!item)
+                  return;
+                const res = /(.+): *(.+)/g.exec(item);
+                if (!res)
+                  return;
+                const [, name, value] = res;
+                const styleName = name.replace(/-([a-z])/g, (...args) => args[1].toUpperCase());
+                styleObj[styleName] = value;
+              });
+              if (Object.keys(styleObj).length) {
+                attributes.style = styleObj;
+              }
+              continue;
+            }
+            attributes[key] = val;
+          }
+        }
+        if (children && children.length) {
+          childList = children.map(node => this.renderNode(node));
+        }
+        // @ts-ignore
+        return h(name, attributes, childList);
+      }
+      return null;
+    };
+    this.nodes = undefined;
+    this.selectable = false;
+    this.userSelect = false;
+    this.space = undefined;
+  }
+  render() {
+    const { nodes, renderNode } = this;
+    if (Array.isArray(nodes)) {
+      return (h(Host, null, nodes.map(node => renderNode(node))));
+    }
+    else {
+      return h(Host, { innerHTML: nodes });
+    }
+  }
+};
+RichText.style = indexCss;
+
+export { RichText as R };