@tarojs/components 3.6.0-canary.9 → 3.6.0

package/dist/components/taro-audio-core.js

@@ -0,0 +1,80 @@
+import { proxyCustomElement, HTMLElement, createEvent, h } from '@stencil/core/internal/client';
+
+const indexCss = "audio{max-width:100%;outline:none}";
+
+const Audio = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
+  constructor() {
+    super();
+    this.__registerHost();
+    this.onError = createEvent(this, "error", 7);
+    this.onPlay = createEvent(this, "play", 7);
+    this.onPause = createEvent(this, "pause", 7);
+    this.onTimeUpdate = createEvent(this, "timeupdate", 7);
+    this.onEnded = createEvent(this, "ended", 7);
+    this.src = undefined;
+    this.controls = true;
+    this.autoplay = false;
+    this.loop = false;
+    this.muted = false;
+    this.nativeProps = {};
+  }
+  bindevent() {
+    this.audio.addEventListener('timeupdate', (e) => {
+      this.onTimeUpdate.emit({
+        duration: e.srcElement.duration,
+        currentTime: e.srcElement.duration
+      });
+    });
+    this.audio.addEventListener('ended', () => {
+      this.onEnded.emit();
+    });
+    this.audio.addEventListener('play', () => {
+      this.onPlay.emit();
+    });
+    this.audio.addEventListener('pause', (e) => {
+      this.onPause.emit(e);
+    });
+    // 1网络错误, 2解码错误, 3解码错误，4 不合适资源
+    this.audio.addEventListener('error', (e) => {
+      var _a;
+      this.onError.emit({
+        errMsg: (_a = e.srcElement.error) === null || _a === void 0 ? void 0 : _a.code
+      });
+    });
+  }
+  componentDidLoad() {
+    this.bindevent();
+  }
+  render() {
+    const { src, controls, autoplay, loop, muted, nativeProps } = this;
+    return (h("audio", Object.assign({ src: src, controls: controls, autoplay: autoplay, loop: loop, muted: muted, ref: audio => { this.audio = audio; } }, nativeProps)));
+  }
+  static get style() { return indexCss; }
+}, [0, "taro-audio-core", {
+    "src": [1],
+    "controls": [4],
+    "autoplay": [4],
+    "loop": [4],
+    "muted": [4],
+    "nativeProps": [16]
+  }]);
+function defineCustomElement$1() {
+  if (typeof customElements === "undefined") {
+    return;
+  }
+  const components = ["taro-audio-core"];
+  components.forEach(tagName => { switch (tagName) {
+    case "taro-audio-core":
+      if (!customElements.get(tagName)) {
+        customElements.define(tagName, Audio);
+      }
+      break;
+  } });
+}
+
+const TaroAudioCore = Audio;
+const defineCustomElement = defineCustomElement$1;
+
+export { TaroAudioCore, defineCustomElement };
+
+//# sourceMappingURL=taro-audio-core.js.map

package/dist/components/taro-audio-core.js.map

@@ -0,0 +1 @@
+{"file":"taro-audio-core.js","mappings":";;AAAA,MAAM,QAAQ,GAAG,oCAAoC;;MCOxC,KAAK;;;;;;;;;;oBAEG,IAAI;oBACJ,KAAK;gBACT,KAAK;iBACJ,KAAK;uBACC,EAAE;;EAwBhB,SAAS;IACf,IAAI,CAAC,KAAK,CAAC,gBAAgB,CAAC,YAAY,EAAE,CAAC,CAA8B;MACvE,IAAI,CAAC,YAAY,CAAC,IAAI,CAAC;QACrB,QAAQ,EAAE,CAAC,CAAC,UAAW,CAAC,QAAQ;QAChC,WAAW,EAAE,CAAC,CAAC,UAAW,CAAC,QAAQ;OACpC,CAAC,CAAA;KACH,CAAC,CAAA;IAEF,IAAI,CAAC,KAAK,CAAC,gBAAgB,CAAC,OAAO,EAAE;MACnC,IAAI,CAAC,OAAO,CAAC,IAAI,EAAE,CAAA;KACpB,CAAC,CAAA;IAEF,IAAI,CAAC,KAAK,CAAC,gBAAgB,CAAC,MAAM,EAAE;MAClC,IAAI,CAAC,MAAM,CAAC,IAAI,EAAE,CAAA;KACnB,CAAC,CAAA;IAEF,IAAI,CAAC,KAAK,CAAC,gBAAgB,CAAC,OAAO,EAAE,CAAC,CAAC;MACrC,IAAI,CAAC,OAAO,CAAC,IAAI,CAAC,CAAC,CAAC,CAAA;KACrB,CAAC,CAAA;;IAGF,IAAI,CAAC,KAAK,CAAC,gBAAgB,CAAC,OAAO,EAAE,CAAC,CAA8B;;MAClE,IAAI,CAAC,OAAO,CAAC,IAAI,CAAC;QAChB,MAAM,EAAE,MAAA,CAAC,CAAC,UAAW,CAAC,KAAK,0CAAE,IAAI;OAClC,CAAC,CAAA;KACH,CAAC,CAAA;GACH;EAED,gBAAgB;IACd,IAAI,CAAC,SAAS,EAAE,CAAA;GACjB;EAED,MAAM;IACJ,MAAM,EACJ,GAAG,EACH,QAAQ,EACR,QAAQ,EACR,IAAI,EACJ,KAAK,EACL,WAAW,EACZ,GAAG,IAAI,CAAA;IACR,QACE,2BACE,GAAG,EAAE,GAAG,EACR,QAAQ,EAAE,QAAQ,EAClB,QAAQ,EAAE,QAAQ,EAClB,IAAI,EAAE,IAAI,EACV,KAAK,EAAE,KAAK,EACZ,GAAG,EAAE,KAAK,MAAM,IAAI,CAAC,KAAK,GAAG,KAAyB,CAAA,EAAE,IACpD,WAAW,EACf,EACH;GACF;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","names":[],"sources":["./src/components/audio/style/index.scss?tag=taro-audio-core","./src/components/audio/audio.tsx"],"sourcesContent":["@charset \"UTF-8\";\n\naudio {\n  max-width: 100%;\n  outline: none;\n}\n","import { Component, Prop, h, ComponentInterface, Event, EventEmitter } from '@stencil/core'\nimport { TaroEvent } from '../../../types'\n\n@Component({\n  tag: 'taro-audio-core',\n  styleUrl: './style/index.scss'\n})\nexport class Audio implements ComponentInterface {\n  @Prop() src: string\n  @Prop() controls = true\n  @Prop() autoplay = false\n  @Prop() loop = false\n  @Prop() muted = false\n  @Prop() nativeProps = {}\n\n  @Event({\n    eventName: 'error'\n  }) onError: EventEmitter\n\n  @Event({\n    eventName: 'play'\n  }) onPlay: EventEmitter\n\n  @Event({\n    eventName: 'pause'\n  }) onPause: EventEmitter\n\n  @Event({\n    eventName: 'timeupdate'\n  }) onTimeUpdate: EventEmitter\n\n  @Event({\n    eventName: 'ended'\n  }) onEnded: EventEmitter\n\n  private audio: HTMLAudioElement\n\n  private bindevent () {\n    this.audio.addEventListener('timeupdate', (e: TaroEvent<HTMLAudioElement>) => {\n      this.onTimeUpdate.emit({\n        duration: e.srcElement!.duration,\n        currentTime: e.srcElement!.duration\n      })\n    })\n\n    this.audio.addEventListener('ended', () => {\n      this.onEnded.emit()\n    })\n\n    this.audio.addEventListener('play', () => {\n      this.onPlay.emit()\n    })\n\n    this.audio.addEventListener('pause', (e) => {\n      this.onPause.emit(e)\n    })\n\n    // 1网络错误, 2解码错误, 3解码错误，4 不合适资源\n    this.audio.addEventListener('error', (e: TaroEvent<HTMLAudioElement>) => {\n      this.onError.emit({\n        errMsg: e.srcElement!.error?.code\n      })\n    })\n  }\n\n  componentDidLoad () {\n    this.bindevent()\n  }\n\n  render () {\n    const {\n      src,\n      controls,\n      autoplay,\n      loop,\n      muted,\n      nativeProps\n    } = this\n    return (\n      <audio\n        src={src}\n        controls={controls}\n        autoplay={autoplay}\n        loop={loop}\n        muted={muted}\n        ref={audio => { this.audio = audio as HTMLAudioElement }}\n        {...nativeProps}\n      />\n    )\n  }\n}\n"],"version":3}

package/dist/components/taro-aweme-data-core.d.ts

@@ -0,0 +1,11 @@
+import type { Components, JSX } from "../types/components";
+
+interface TaroAwemeDataCore extends Components.TaroAwemeDataCore, HTMLElement {}
+export const TaroAwemeDataCore: {
+  prototype: TaroAwemeDataCore;
+  new (): TaroAwemeDataCore;
+};
+/**
+ * Used to define this component and all nested components recursively.
+ */
+export const defineCustomElement: () => void;

package/dist/components/taro-aweme-data-core.js

@@ -0,0 +1,35 @@
+import { proxyCustomElement, HTMLElement, h, Host } from '@stencil/core/internal/client';
+import { n as notSupport } from './helper.js';
+
+const AwemeData = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
+  constructor() {
+    super();
+    this.__registerHost();
+  }
+  componentDidLoad() {
+    notSupport('AwemeData', this);
+  }
+  render() {
+    return (h(Host, null));
+  }
+}, [0, "taro-aweme-data-core"]);
+function defineCustomElement$1() {
+  if (typeof customElements === "undefined") {
+    return;
+  }
+  const components = ["taro-aweme-data-core"];
+  components.forEach(tagName => { switch (tagName) {
+    case "taro-aweme-data-core":
+      if (!customElements.get(tagName)) {
+        customElements.define(tagName, AwemeData);
+      }
+      break;
+  } });
+}
+
+const TaroAwemeDataCore = AwemeData;
+const defineCustomElement = defineCustomElement$1;
+
+export { TaroAwemeDataCore, defineCustomElement };
+
+//# sourceMappingURL=taro-aweme-data-core.js.map

package/dist/components/taro-aweme-data-core.js.map

@@ -0,0 +1 @@
+{"file":"taro-aweme-data-core.js","mappings":";;;MAOa,SAAS;;;;;EACpB,gBAAgB;IACd,UAAU,CAAC,WAAW,EAAE,IAAI,CAAC,CAAA;GAC9B;EAED,MAAM;IACJ,QACE,EAAC,IAAI,OAAG,EACT;GACF;;;;;;;;;;;;;;;;;;;;;","names":[],"sources":["./src/components/aweme-data/aweme-data.tsx"],"sourcesContent":["import { Component, ComponentInterface, h, Host } from '@stencil/core'\n\nimport { notSupport } from '../../utils'\n\n@Component({\n  tag: 'taro-aweme-data-core'\n})\nexport class AwemeData implements ComponentInterface {\n  componentDidLoad () {\n    notSupport('AwemeData', this)\n  }\n\n  render () {\n    return (\n      <Host />\n    )\n  }\n}\n"],"version":3}

package/dist/components/taro-block-core.d.ts

@@ -0,0 +1,11 @@
+import type { Components, JSX } from "../types/components";
+
+interface TaroBlockCore extends Components.TaroBlockCore, HTMLElement {}
+export const TaroBlockCore: {
+  prototype: TaroBlockCore;
+  new (): TaroBlockCore;
+};
+/**
+ * Used to define this component and all nested components recursively.
+ */
+export const defineCustomElement: () => void;

package/dist/components/taro-block-core.js

@@ -0,0 +1,31 @@
+import { proxyCustomElement, HTMLElement, h, Host } from '@stencil/core/internal/client';
+
+const Block = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
+  constructor() {
+    super();
+    this.__registerHost();
+  }
+  render() {
+    return (h(Host, null));
+  }
+}, [0, "taro-block-core"]);
+function defineCustomElement$1() {
+  if (typeof customElements === "undefined") {
+    return;
+  }
+  const components = ["taro-block-core"];
+  components.forEach(tagName => { switch (tagName) {
+    case "taro-block-core":
+      if (!customElements.get(tagName)) {
+        customElements.define(tagName, Block);
+      }
+      break;
+  } });
+}
+
+const TaroBlockCore = Block;
+const defineCustomElement = defineCustomElement$1;
+
+export { TaroBlockCore, defineCustomElement };
+
+//# sourceMappingURL=taro-block-core.js.map

package/dist/components/taro-block-core.js.map

@@ -0,0 +1 @@
+{"file":"taro-block-core.js","mappings":";;MAKa,KAAK;;;;;EAChB,MAAM;IACJ,QACE,EAAC,IAAI,OAAG,EACT;GACF;;;;;;;;;;;;;;;;;;;;;","names":[],"sources":["./src/components/block/block.tsx"],"sourcesContent":["import { Component, h, Host, ComponentInterface } from '@stencil/core'\n\n@Component({\n  tag: 'taro-block-core'\n})\nexport class Block implements ComponentInterface {\n  render () {\n    return (\n      <Host />\n    )\n  }\n}\n"],"version":3}

package/dist/components/taro-button-core.d.ts

@@ -0,0 +1,11 @@
+import type { Components, JSX } from "../types/components";
+
+interface TaroButtonCore extends Components.TaroButtonCore, HTMLElement {}
+export const TaroButtonCore: {
+  prototype: TaroButtonCore;
+  new (): TaroButtonCore;
+};
+/**
+ * Used to define this component and all nested components recursively.
+ */
+export const defineCustomElement: () => void;

package/dist/components/taro-button-core.js

@@ -0,0 +1,102 @@
+import { proxyCustomElement, HTMLElement, createEvent, h, Host } from '@stencil/core/internal/client';
+import { c as classnames } from './index2.js';
+
+const indexCss = "taro-button-core{display:block;overflow:hidden;position:relative;-webkit-box-sizing:border-box;box-sizing:border-box;margin-left:auto;margin-right:auto;padding-left:14px;padding-right:14px;border-width:0;border-radius:5px;width:100%;-webkit-appearance:none;-moz-appearance:none;appearance:none;outline:0;background-color:#f8f8f8;line-height:2.55555556;text-decoration:none;text-align:center;font-size:18px;color:#000;-webkit-tap-highlight-color:rgba(0, 0, 0, 0)}taro-button-core:focus{outline:0}taro-button-core:not([disabled]):active{background-color:#dedede;color:rgba(0, 0, 0, 0.6)}taro-button-core::after{position:absolute;left:0;top:0;-webkit-box-sizing:border-box;box-sizing:border-box;border:1px solid rgba(0, 0, 0, 0.2);border-radius:10px;width:200%;height:200%;content:\" \";-webkit-transform:scale(0.5);transform:scale(0.5);-webkit-transform-origin:0 0;transform-origin:0 0}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, 0.6)}taro-button-core[size=mini]{display:inline-block;padding:0 1.32em;width:auto;line-height:2.3;font-size:13px}taro-button-core[plain],taro-button-core[plain][type=default],taro-button-core[plain][type=primary]{border-width:1px;background-color:transparent}taro-button-core[disabled]{color:rgba(255, 255, 255, 0.6)}taro-button-core[disabled][type=default]{background-color:#f7f7f7;color:rgba(0, 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:-0.2em 0.34em 0 0}taro-button-core[loading][type=primary],taro-button-core[loading][type=warn]{color:rgba(255, 255, 255, 0.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{border-color:rgba(26, 173, 25, 0.6);background-color:transparent;color:rgba(26, 173, 25, 0.6)}taro-button-core[plain][type=primary]::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{border-color:rgba(53, 53, 53, 0.6);background-color:transparent;color:rgba(53, 53, 53, 0.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:rgba(255, 255, 255, 0.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:rgba(255, 255, 255, 0.6)}taro-button-core[plain][disabled]{border:1px solid rgba(0, 0, 0, 0.2);background-color:#f7f7f7;color:rgba(0, 0, 0, 0.3)}taro-button-core[plain][disabled][type=primary]{border:1px solid rgba(0, 0, 0, 0.2);background-color:#f7f7f7;color:rgba(0, 0, 0, 0.3)}";
+
+const Button = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
+  constructor() {
+    super();
+    this.__registerHost();
+    this.onSubmit = createEvent(this, "tarobuttonsubmit", 7);
+    this.onReset = createEvent(this, "tarobuttonreset", 7);
+    this.disabled = undefined;
+    this.hoverClass = 'button-hover';
+    this.type = '';
+    this.hoverStartTime = 20;
+    this.hoverStayTime = 70;
+    this.size = undefined;
+    this.plain = undefined;
+    this.loading = false;
+    this.formType = null;
+    this.hover = false;
+    this.touch = false;
+  }
+  onClick(e) {
+    if (this.disabled) {
+      e.stopPropagation();
+    }
+  }
+  onTouchStart() {
+    if (this.disabled) {
+      return;
+    }
+    this.touch = true;
+    if (this.hoverClass && !this.disabled) {
+      setTimeout(() => {
+        if (this.touch) {
+          this.hover = true;
+        }
+      }, this.hoverStartTime);
+    }
+  }
+  onTouchEnd() {
+    if (this.disabled) {
+      return;
+    }
+    this.touch = false;
+    if (this.hoverClass && !this.disabled) {
+      setTimeout(() => {
+        if (!this.touch) {
+          this.hover = false;
+        }
+      }, this.hoverStayTime);
+    }
+    if (this.formType === 'submit') {
+      this.onSubmit.emit();
+    }
+    else if (this.formType === 'reset') {
+      this.onReset.emit();
+    }
+  }
+  render() {
+    const { disabled, hoverClass, type, size, plain, loading, hover } = this;
+    const cls = classnames({
+      [`${hoverClass}`]: hover && !disabled
+    });
+    return (h(Host, { class: cls, type: type, plain: plain, loading: loading, size: size, disabled: disabled }, loading && h("i", { class: 'weui-loading' }), h("slot", null)));
+  }
+  get el() { return this; }
+  static get style() { return indexCss; }
+}, [4, "taro-button-core", {
+    "disabled": [4],
+    "hoverClass": [1, "hover-class"],
+    "type": [1],
+    "hoverStartTime": [2, "hover-start-time"],
+    "hoverStayTime": [2, "hover-stay-time"],
+    "size": [1],
+    "plain": [4],
+    "loading": [4],
+    "formType": [513, "form-type"],
+    "hover": [32],
+    "touch": [32]
+  }, [[0, "click", "onClick"], [1, "touchstart", "onTouchStart"], [1, "touchend", "onTouchEnd"]]]);
+function defineCustomElement$1() {
+  if (typeof customElements === "undefined") {
+    return;
+  }
+  const components = ["taro-button-core"];
+  components.forEach(tagName => { switch (tagName) {
+    case "taro-button-core":
+      if (!customElements.get(tagName)) {
+        customElements.define(tagName, Button);
+      }
+      break;
+  } });
+}
+
+const TaroButtonCore = Button;
+const defineCustomElement = defineCustomElement$1;
+
+export { TaroButtonCore, defineCustomElement };
+
+//# sourceMappingURL=taro-button-core.js.map

package/dist/components/taro-button-core.js.map

@@ -0,0 +1 @@
+{"file":"taro-button-core.js","mappings":";;;AAAA,MAAM,QAAQ,GAAG,41GAA41G;;MCOh2G,MAAM;;;;;;;sBAEI,cAAc;gBACpB,EAAE;0BACQ,EAAE;yBACH,EAAE;;;mBAGR,KAAK;oBACwC,IAAI;iBAIlD,KAAK;iBACL,KAAK;;EAWtB,OAAO,CAAE,CAAQ;IACf,IAAI,IAAI,CAAC,QAAQ,EAAE;MACjB,CAAC,CAAC,eAAe,EAAE,CAAA;KACpB;GACF;EAGD,YAAY;IACV,IAAI,IAAI,CAAC,QAAQ,EAAE;MACjB,OAAM;KACP;IAED,IAAI,CAAC,KAAK,GAAG,IAAI,CAAA;IACjB,IAAI,IAAI,CAAC,UAAU,IAAI,CAAC,IAAI,CAAC,QAAQ,EAAE;MACrC,UAAU,CAAC;QACT,IAAI,IAAI,CAAC,KAAK,EAAE;UACd,IAAI,CAAC,KAAK,GAAG,IAAI,CAAA;SAClB;OACF,EAAE,IAAI,CAAC,cAAc,CAAC,CAAA;KACxB;GACF;EAGD,UAAU;IACR,IAAI,IAAI,CAAC,QAAQ,EAAE;MACjB,OAAM;KACP;IAED,IAAI,CAAC,KAAK,GAAG,KAAK,CAAA;IAClB,IAAI,IAAI,CAAC,UAAU,IAAI,CAAC,IAAI,CAAC,QAAQ,EAAE;MACrC,UAAU,CAAC;QACT,IAAI,CAAC,IAAI,CAAC,KAAK,EAAE;UACf,IAAI,CAAC,KAAK,GAAG,KAAK,CAAA;SACnB;OACF,EAAE,IAAI,CAAC,aAAa,CAAC,CAAA;KACvB;IAED,IAAI,IAAI,CAAC,QAAQ,KAAK,QAAQ,EAAE;MAC9B,IAAI,CAAC,QAAQ,CAAC,IAAI,EAAE,CAAA;KACrB;SAAM,IAAI,IAAI,CAAC,QAAQ,KAAK,OAAO,EAAE;MACpC,IAAI,CAAC,OAAO,CAAC,IAAI,EAAE,CAAA;KACpB;GACF;EAED,MAAM;IACJ,MAAM,EACJ,QAAQ,EACR,UAAU,EACV,IAAI,EACJ,IAAI,EACJ,KAAK,EACL,OAAO,EACP,KAAK,EACN,GAAG,IAAI,CAAA;IAER,MAAM,GAAG,GAAGA,UAAU,CAAC;MACrB,CAAC,GAAG,UAAU,EAAE,GAAG,KAAK,IAAI,CAAC,QAAQ;KACtC,CAAC,CAAA;IAEF,QACE,EAAC,IAAI,IACH,KAAK,EAAE,GAAG,EACV,IAAI,EAAE,IAAI,EACV,KAAK,EAAE,KAAK,EACZ,OAAO,EAAE,OAAO,EAChB,IAAI,EAAE,IAAI,EACV,QAAQ,EAAE,QAAQ,IAEjB,OAAO,IAAI,SAAG,KAAK,EAAC,cAAc,GAAG,EACtC,eAAQ,CACH,EACR;GACF;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","names":["classNames"],"sources":["./src/components/button/style/index.scss?tag=taro-button-core","./src/components/button/button.tsx"],"sourcesContent":["$weuiBtnHeight: 46px;\n$weuiBtnFontSize: 18px;\n$weuiBtnFontColor: #fff;\n$weuiBtnActiveFontColor: rgb(255 255 255 / 60%);\n$weuiBtnDisabledFontColor: rgb(255 255 255 / 60%);\n$weuiBtnBorderRadius: 5px;\n$weuiBtnDefaultGap: 15px;\n\n// Button Mini\n$weuiBtnMiniFontSize: 13px;\n$weuiBtnMiniHeight: 2.3;\n\n// Button Default\n$weuiBtnDefaultFontColor: #000;\n$weuiBtnDefaultActiveFontColor: rgb(0 0 0 / 60%);\n$weuiBtnDefaultDisabledFontColor: rgb(0 0 0 / 30%);\n$weuiBtnDefaultBg: #f8f8f8;\n$weuiBtnDefaultActiveBg: #dedede;\n$weuiBtnDefaultDisabledBg: #f7f7f7;\n\n// Button Primary\n$weuiBtnPrimaryBg: #1aad19;\n$weuiBtnPrimaryActiveBg: #179b16;\n$weuiBtnPrimaryDisabledBg: #9ed99d;\n\n// Button Warn\n$weuiBtnWarnBg: #e64340;\n$weuiBtnWarnActiveBg: #ce3c39;\n$weuiBtnWarnDisabledBg: #ec8b89;\n\n// Button Plain Primary\n$weuiBtnPlainPrimaryColor: rgb(26 173 25 / 100%);\n$weuiBtnPlainPrimaryBorderColor: rgb(26 173 25 / 100%);\n$weuiBtnPlainPrimaryActiveColor: rgb(26 173 25 / 60%);\n$weuiBtnPlainPrimaryActiveBorderColor: rgb(26 173 25 / 60%);\n\n// Button Plain Default\n$weuiBtnPlainDefaultColor: rgb(53 53 53 / 100%);\n$weuiBtnPlainDefaultBorderColor: rgb(53 53 53 / 100%);\n$weuiBtnPlainDefaultActiveColor: rgb(53 53 53 / 60%);\n$weuiBtnPlainDefaultActiveBorderColor: rgb(53 53 53 / 60%);\n\ntaro-button-core {\n  display: block;\n  overflow: hidden;\n  position: relative;\n  box-sizing: border-box;\n  margin-left: auto;\n  margin-right: auto;\n  padding-left: 14px;\n  padding-right: 14px;\n  border-width: 0;\n  border-radius: $weuiBtnBorderRadius;\n  width: 100%;\n  appearance: none;\n  outline: 0;\n  background-color: $weuiBtnDefaultBg;\n  line-height: 2.55555556;\n  text-decoration: none;\n  text-align: center;\n  font-size: $weuiBtnFontSize;\n  color: $weuiBtnDefaultFontColor;\n  -webkit-tap-highlight-color: rgb(0 0 0 / 0%);\n\n  &:focus {\n    outline: 0;\n  }\n\n  &:not([disabled]):active {\n    background-color: $weuiBtnDefaultActiveBg;\n    color: $weuiBtnDefaultActiveFontColor;\n  }\n\n  &::after {\n    position: absolute;\n    left: 0;\n    top: 0;\n    box-sizing: border-box;\n    border: 1px solid rgb(0 0 0 / 20%);\n    border-radius: $weuiBtnBorderRadius * 2;\n    width: 200%;\n    height: 200%;\n    content: \" \";\n    transform: scale(0.5);\n    transform-origin: 0 0;\n  }\n\n  & + & {\n    margin-top: $weuiBtnDefaultGap;\n  }\n\n  &[type=\"default\"] {\n    background-color: $weuiBtnDefaultBg;\n    color: $weuiBtnDefaultFontColor;\n\n    &:not([disabled]):visited {\n      color: $weuiBtnDefaultFontColor;\n    }\n\n    &:not([disabled]):active {\n      background-color: $weuiBtnDefaultActiveBg;\n      color: $weuiBtnDefaultActiveFontColor;\n    }\n  }\n\n  &[size=\"mini\"] {\n    display: inline-block;\n    padding: 0 1.32em;\n    width: auto;\n    line-height: $weuiBtnMiniHeight;\n    font-size: $weuiBtnMiniFontSize;\n  }\n\n  &[plain],\n  &[plain][type=\"default\"],\n  &[plain][type=\"primary\"] {\n    border-width: 1px;\n    background-color: transparent;\n  }\n\n  &[disabled] {\n    color: $weuiBtnDisabledFontColor;\n\n    &[type=\"default\"] {\n      background-color: $weuiBtnDefaultDisabledBg;\n      color: $weuiBtnDefaultDisabledFontColor;\n    }\n\n    &[type=\"primary\"] {\n      background-color: $weuiBtnPrimaryDisabledBg;\n    }\n\n    &[type=\"warn\"] {\n      background-color: $weuiBtnWarnDisabledBg;\n    }\n  }\n\n  &[loading] {\n    .weui-loading {\n      margin: -0.2em 0.34em 0 0;\n    }\n\n    &[type=\"primary\"],\n    &[type=\"warn\"] {\n      color: $weuiBtnActiveFontColor;\n    }\n\n    &[type=\"primary\"] {\n      background-color: $weuiBtnPrimaryActiveBg;\n    }\n\n    &[type=\"warn\"] {\n      background-color: $weuiBtnWarnActiveBg;\n    }\n  }\n\n  &[plain][type=\"primary\"] {\n    border: 1px solid $weuiBtnPlainPrimaryBorderColor;\n    color: $weuiBtnPlainPrimaryColor;\n\n    &:not([disabled]):active {\n      border-color: $weuiBtnPlainPrimaryActiveBorderColor;\n      background-color: transparent;\n      color: $weuiBtnPlainPrimaryActiveColor;\n    }\n\n    &::after {\n      border-width: 0;\n    }\n  }\n\n  &[plain],\n  &[plain][type=\"default\"] {\n    border: 1px solid $weuiBtnPlainDefaultBorderColor;\n    color: $weuiBtnPlainDefaultColor;\n\n    &:not([disabled]):active {\n      border-color: $weuiBtnPlainDefaultActiveBorderColor;\n      background-color: transparent;\n      color: $weuiBtnPlainDefaultActiveColor;\n    }\n\n    &::after {\n      border-width: 0;\n    }\n  }\n\n  &[type=\"primary\"] {\n    background-color: $weuiBtnPrimaryBg;\n    color: #fff;\n\n    &:not([disabled]):visited {\n      color: $weuiBtnFontColor;\n    }\n\n    &:not([disabled]):active {\n      background-color: $weuiBtnPrimaryActiveBg;\n      color: $weuiBtnActiveFontColor;\n    }\n  }\n\n  &[type=\"warn\"] {\n    background-color: $weuiBtnWarnBg;\n    color: #fff;\n\n    &:not([disabled]):visited {\n      color: $weuiBtnFontColor;\n    }\n\n    &:not([disabled]):active {\n      background-color: $weuiBtnWarnActiveBg;\n      color: $weuiBtnActiveFontColor;\n    }\n  }\n\n  &[plain][disabled] {\n    border: 1px solid rgb(0 0 0 / 20%);\n    background-color: #f7f7f7;\n    color: rgb(0 0 0 / 30%);\n  }\n\n  &[plain][disabled][type=\"primary\"] {\n    border: 1px solid rgb(0 0 0 / 20%);\n    background-color: #f7f7f7;\n    color: rgb(0 0 0 / 30%);\n  }\n}\n","import { Component, h, Prop, State, ComponentInterface, Event, EventEmitter, Listen, Element, Host } from '@stencil/core'\nimport classNames from 'classnames'\n\n@Component({\n  tag: 'taro-button-core',\n  styleUrl: './style/index.scss'\n})\nexport class Button implements ComponentInterface {\n  @Prop() disabled: boolean\n  @Prop() hoverClass = 'button-hover'\n  @Prop() type = ''\n  @Prop() hoverStartTime = 20\n  @Prop() hoverStayTime = 70\n  @Prop() size: string\n  @Prop() plain: boolean\n  @Prop() loading = false\n  @Prop({ reflect: true }) formType: 'submit' | 'reset' | null = null\n\n  @Element() el: HTMLElement\n\n  @State() hover = false\n  @State() touch = false\n\n  @Event({\n    eventName: 'tarobuttonsubmit'\n  }) onSubmit: EventEmitter\n\n  @Event({\n    eventName: 'tarobuttonreset'\n  }) onReset: EventEmitter\n\n  @Listen('click')\n  onClick (e: Event) {\n    if (this.disabled) {\n      e.stopPropagation()\n    }\n  }\n\n  @Listen('touchstart')\n  onTouchStart () {\n    if (this.disabled) {\n      return\n    }\n\n    this.touch = true\n    if (this.hoverClass && !this.disabled) {\n      setTimeout(() => {\n        if (this.touch) {\n          this.hover = true\n        }\n      }, this.hoverStartTime)\n    }\n  }\n\n  @Listen('touchend')\n  onTouchEnd () {\n    if (this.disabled) {\n      return\n    }\n\n    this.touch = false\n    if (this.hoverClass && !this.disabled) {\n      setTimeout(() => {\n        if (!this.touch) {\n          this.hover = false\n        }\n      }, this.hoverStayTime)\n    }\n\n    if (this.formType === 'submit') {\n      this.onSubmit.emit()\n    } else if (this.formType === 'reset') {\n      this.onReset.emit()\n    }\n  }\n\n  render () {\n    const {\n      disabled,\n      hoverClass,\n      type,\n      size,\n      plain,\n      loading,\n      hover\n    } = this\n\n    const cls = classNames({\n      [`${hoverClass}`]: hover && !disabled\n    })\n\n    return (\n      <Host\n        class={cls}\n        type={type}\n        plain={plain}\n        loading={loading}\n        size={size}\n        disabled={disabled}\n      >\n        {loading && <i class='weui-loading' />}\n        <slot />\n      </Host>\n    )\n  }\n}\n"],"version":3}

package/dist/components/taro-camera-core.d.ts

@@ -0,0 +1,11 @@
+import type { Components, JSX } from "../types/components";
+
+interface TaroCameraCore extends Components.TaroCameraCore, HTMLElement {}
+export const TaroCameraCore: {
+  prototype: TaroCameraCore;
+  new (): TaroCameraCore;
+};
+/**
+ * Used to define this component and all nested components recursively.
+ */
+export const defineCustomElement: () => void;

package/dist/components/taro-camera-core.js

@@ -0,0 +1,35 @@
+import { proxyCustomElement, HTMLElement, h, Host } from '@stencil/core/internal/client';
+import { n as notSupport } from './helper.js';
+
+const Camera = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
+  constructor() {
+    super();
+    this.__registerHost();
+  }
+  componentDidLoad() {
+    notSupport('Camera', this);
+  }
+  render() {
+    return (h(Host, null));
+  }
+}, [0, "taro-camera-core"]);
+function defineCustomElement$1() {
+  if (typeof customElements === "undefined") {
+    return;
+  }
+  const components = ["taro-camera-core"];
+  components.forEach(tagName => { switch (tagName) {
+    case "taro-camera-core":
+      if (!customElements.get(tagName)) {
+        customElements.define(tagName, Camera);
+      }
+      break;
+  } });
+}
+
+const TaroCameraCore = Camera;
+const defineCustomElement = defineCustomElement$1;
+
+export { TaroCameraCore, defineCustomElement };
+
+//# sourceMappingURL=taro-camera-core.js.map

package/dist/components/taro-camera-core.js.map

@@ -0,0 +1 @@
+{"file":"taro-camera-core.js","mappings":";;;MAOa,MAAM;;;;;EACjB,gBAAgB;IACd,UAAU,CAAC,QAAQ,EAAE,IAAI,CAAC,CAAA;GAC3B;EAED,MAAM;IACJ,QACE,EAAC,IAAI,OAAG,EACT;GACF;;;;;;;;;;;;;;;;;;;;;","names":[],"sources":["./src/components/camera/camera.tsx"],"sourcesContent":["import { Component, ComponentInterface, h, Host } from '@stencil/core'\n\nimport { notSupport } from '../../utils'\n\n@Component({\n  tag: 'taro-camera-core'\n})\nexport class Camera implements ComponentInterface {\n  componentDidLoad () {\n    notSupport('Camera', this)\n  }\n\n  render () {\n    return (\n      <Host />\n    )\n  }\n}\n"],"version":3}

package/dist/components/taro-canvas-core.d.ts

@@ -0,0 +1,11 @@
+import type { Components, JSX } from "../types/components";
+
+interface TaroCanvasCore extends Components.TaroCanvasCore, HTMLElement {}
+export const TaroCanvasCore: {
+  prototype: TaroCanvasCore;
+  new (): TaroCanvasCore;
+};
+/**
+ * Used to define this component and all nested components recursively.
+ */
+export const defineCustomElement: () => void;

package/dist/components/taro-canvas-core.js

@@ -0,0 +1,57 @@
+import { proxyCustomElement, HTMLElement, createEvent, h } from '@stencil/core/internal/client';
+
+const indexCss = "taro-canvas-core{display:block;position:relative;width:300px;height:150px}";
+
+const LONG_TAP_DELAY = 500;
+const Canvas = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
+  constructor() {
+    super();
+    this.__registerHost();
+    this.onLongTap = createEvent(this, "longtap", 7);
+    this.onTouchStart = () => {
+      this.timer = setTimeout(() => {
+        this.onLongTap.emit();
+      }, LONG_TAP_DELAY);
+    };
+    this.onTouchMove = () => {
+      clearTimeout(this.timer);
+    };
+    this.onTouchEnd = () => {
+      clearTimeout(this.timer);
+    };
+    this.canvasId = undefined;
+    this.nativeProps = {};
+  }
+  render() {
+    const { canvasId, nativeProps } = this;
+    return (h("canvas", Object.assign({ "canvas-id": canvasId, style: {
+        width: '100%',
+        height: '100%'
+      }, onTouchStart: this.onTouchStart, onTouchMove: this.onTouchMove, onTouchEnd: this.onTouchEnd }, nativeProps)));
+  }
+  get el() { return this; }
+  static get style() { return indexCss; }
+}, [0, "taro-canvas-core", {
+    "canvasId": [1, "canvas-id"],
+    "nativeProps": [16]
+  }]);
+function defineCustomElement$1() {
+  if (typeof customElements === "undefined") {
+    return;
+  }
+  const components = ["taro-canvas-core"];
+  components.forEach(tagName => { switch (tagName) {
+    case "taro-canvas-core":
+      if (!customElements.get(tagName)) {
+        customElements.define(tagName, Canvas);
+      }
+      break;
+  } });
+}
+
+const TaroCanvasCore = Canvas;
+const defineCustomElement = defineCustomElement$1;
+
+export { TaroCanvasCore, defineCustomElement };
+
+//# sourceMappingURL=taro-canvas-core.js.map

package/dist/components/taro-canvas-core.js.map

@@ -0,0 +1 @@
+{"file":"taro-canvas-core.js","mappings":";;AAAA,MAAM,QAAQ,GAAG,4EAA4E;;ACE7F,MAAM,cAAc,GAAG,GAAG,CAAA;MAMb,MAAM;;;;;IAcjB,iBAAY,GAAG;MACb,IAAI,CAAC,KAAK,GAAG,UAAU,CAAC;QACtB,IAAI,CAAC,SAAS,CAAC,IAAI,EAAE,CAAA;OACtB,EAAE,cAAc,CAAC,CAAA;KACnB,CAAA;IAED,gBAAW,GAAG;MACZ,YAAY,CAAC,IAAI,CAAC,KAAK,CAAC,CAAA;KACzB,CAAA;IAED,eAAU,GAAG;MACX,YAAY,CAAC,IAAI,CAAC,KAAK,CAAC,CAAA;KACzB,CAAA;;uBAtBqB,EAAE;;EAwBxB,MAAM;IACJ,MAAM,EAAE,QAAQ,EAAE,WAAW,EAAE,GAAG,IAAI,CAAA;IAEtC,QACE,yCACa,QAAQ,EACnB,KAAK,EAAE;QACL,KAAK,EAAE,MAAM;QACb,MAAM,EAAE,MAAM;OACf,EACD,YAAY,EAAE,IAAI,CAAC,YAAY,EAC/B,WAAW,EAAE,IAAI,CAAC,WAAW,EAC7B,UAAU,EAAE,IAAI,CAAC,UAAU,IACvB,WAAW,EACf,EACH;GACF;;;;;;;;;;;;;;;;;;;;;;;;;;","names":[],"sources":["./src/components/canvas/style/index.scss?tag=taro-canvas-core","./src/components/canvas/canvas.tsx"],"sourcesContent":["taro-canvas-core {\r\n  display: block;\r\n  position: relative;\r\n  width: 300px;\r\n  height: 150px;\r\n}\r\n","import { Component, h, ComponentInterface, Prop, Element, Event } from '@stencil/core'\n\nconst LONG_TAP_DELAY = 500\n\n@Component({\n  tag: 'taro-canvas-core',\n  styleUrl: './style/index.scss'\n})\nexport class Canvas implements ComponentInterface {\n  private timer: ReturnType<typeof setTimeout>\n\n  @Prop() canvasId: string\n  @Prop() nativeProps = {}\n\n  @Element() el: HTMLElement\n\n  @Event({\n    eventName: 'longtap'\n  })\n\n  onLongTap\n\n  onTouchStart = () => {\n    this.timer = setTimeout(() => {\n      this.onLongTap.emit()\n    }, LONG_TAP_DELAY)\n  }\n\n  onTouchMove = () => {\n    clearTimeout(this.timer)\n  }\n\n  onTouchEnd = () => {\n    clearTimeout(this.timer)\n  }\n\n  render () {\n    const { canvasId, nativeProps } = this\n\n    return (\n      <canvas\n        canvas-id={canvasId}\n        style={{\n          width: '100%',\n          height: '100%'\n        }}\n        onTouchStart={this.onTouchStart}\n        onTouchMove={this.onTouchMove}\n        onTouchEnd={this.onTouchEnd}\n        {...nativeProps}\n      />\n    )\n  }\n}\n"],"version":3}

package/dist/components/taro-checkbox-core.d.ts

@@ -0,0 +1,11 @@
+import type { Components, JSX } from "../types/components";
+
+interface TaroCheckboxCore extends Components.TaroCheckboxCore, HTMLElement {}
+export const TaroCheckboxCore: {
+  prototype: TaroCheckboxCore;
+  new (): TaroCheckboxCore;
+};
+/**
+ * Used to define this component and all nested components recursively.
+ */
+export const defineCustomElement: () => void;

package/dist/components/taro-checkbox-core.js

@@ -0,0 +1,81 @@
+import { proxyCustomElement, HTMLElement, createEvent, h, Host } from '@stencil/core/internal/client';
+
+const indexCss = ".taro-checkbox{display:inline-block;position:relative}.taro-checkbox_checked{display:inline-block;position:relative;top:5px;border:1px solid #d1d1d1;border-radius:3px;width:23px;height:23px;min-height:0;-webkit-appearance:none;-moz-appearance:none;appearance:none;outline:0;background-color:#fff;vertical-align:0;font-size:23px;color:#1aad19}.taro-checkbox_checked:checked::before{display:inline-block;position:absolute;left:50%;top:50%;vertical-align:middle;text-decoration:inherit;text-align:center;text-transform:none;font-family:weui;font-style:normal;font-weight:normal;font-variant:normal;font-size:inherit;color:inherit;content:\"\\ea08\";-webkit-transform:translate(-50%, -48%) scale(0.73);transform:translate(-50%, -48%) scale(0.73);speak:none}";
+
+const Checkbox = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
+  constructor() {
+    super();
+    this.__registerHost();
+    this.onChange = createEvent(this, "checkboxchange", 7);
+    this.handleChange = (e) => {
+      e.stopPropagation();
+      this.onChange.emit({
+        value: this.value
+      });
+    };
+    this.name = undefined;
+    this.value = '';
+    this.color = undefined;
+    this.id = undefined;
+    this.checked = false;
+    this.disabled = false;
+    this.nativeProps = {};
+    this.isWillLoadCalled = false;
+  }
+  watchId(newVal) {
+    if (!this.isWillLoadCalled)
+      return;
+    if (newVal)
+      this.inputEl.setAttribute('id', newVal);
+  }
+  componentWillLoad() {
+    this.isWillLoadCalled = true;
+  }
+  componentDidRender() {
+    this.id && this.el.removeAttribute('id');
+  }
+  render() {
+    const { checked, name, color, value, disabled, nativeProps } = this;
+    return (h(Host, { className: 'weui-cells_checkbox' }, h("input", Object.assign({ ref: dom => {
+        if (!dom)
+          return;
+        this.inputEl = dom;
+        if (this.id)
+          dom.setAttribute('id', this.id);
+      }, type: 'checkbox', value: value, name: name, class: 'taro-checkbox_checked', style: { color }, checked: checked, disabled: disabled, onChange: this.handleChange }, nativeProps)), h("slot", null)));
+  }
+  get el() { return this; }
+  static get watchers() { return {
+    "id": ["watchId"]
+  }; }
+  static get style() { return indexCss; }
+}, [4, "taro-checkbox-core", {
+    "name": [1],
+    "value": [1],
+    "color": [1],
+    "id": [1025],
+    "checked": [4],
+    "disabled": [4],
+    "nativeProps": [16],
+    "isWillLoadCalled": [32]
+  }]);
+function defineCustomElement$1() {
+  if (typeof customElements === "undefined") {
+    return;
+  }
+  const components = ["taro-checkbox-core"];
+  components.forEach(tagName => { switch (tagName) {
+    case "taro-checkbox-core":
+      if (!customElements.get(tagName)) {
+        customElements.define(tagName, Checkbox);
+      }
+      break;
+  } });
+}
+
+const TaroCheckboxCore = Checkbox;
+const defineCustomElement = defineCustomElement$1;
+
+export { TaroCheckboxCore, defineCustomElement };
+
+//# sourceMappingURL=taro-checkbox-core.js.map

package/dist/components/taro-checkbox-core.js.map

@@ -0,0 +1 @@
+{"file":"taro-checkbox-core.js","mappings":";;AAAA,MAAM,QAAQ,GAAG,mvBAAmvB;;MCMvvB,QAAQ;;;;;IAiCnB,iBAAY,GAAG,CAAC,CAAQ;MACtB,CAAC,CAAC,eAAe,EAAE,CAAA;MACnB,IAAI,CAAC,QAAQ,CAAC,IAAI,CAAC;QACjB,KAAK,EAAE,IAAI,CAAC,KAAK;OAClB,CAAC,CAAA;KACH,CAAA;;iBAnCe,EAAE;;;mBAGA,KAAK;oBACJ,KAAK;uBACF,EAAE;4BAEI,KAAK;;EAKjC,OAAO,CAAE,MAAM;IACb,IAAI,CAAC,IAAI,CAAC,gBAAgB;MAAE,OAAM;IAClC,IAAI,MAAM;MAAE,IAAI,CAAC,OAAO,CAAC,YAAY,CAAC,IAAI,EAAE,MAAM,CAAC,CAAA;GACpD;EAOD,iBAAiB;IACf,IAAI,CAAC,gBAAgB,GAAG,IAAI,CAAA;GAC7B;EAED,kBAAkB;IAChB,IAAI,CAAC,EAAE,IAAI,IAAI,CAAC,EAAE,CAAC,eAAe,CAAC,IAAI,CAAC,CAAA;GACzC;EASD,MAAM;IACJ,MAAM,EAAE,OAAO,EAAE,IAAI,EAAE,KAAK,EAAE,KAAK,EAAE,QAAQ,EAAE,WAAW,EAAE,GAAG,IAAI,CAAA;IAEnE,QACE,EAAC,IAAI,IACH,SAAS,EAAC,qBAAqB,IAE/B,2BACE,GAAG,EAAE,GAAG;QACN,IAAI,CAAC,GAAG;UAAE,OAAM;QAChB,IAAI,CAAC,OAAO,GAAG,GAAG,CAAA;QAClB,IAAI,IAAI,CAAC,EAAE;UAAE,GAAG,CAAC,YAAY,CAAC,IAAI,EAAE,IAAI,CAAC,EAAE,CAAC,CAAA;OAC7C,EACD,IAAI,EAAC,UAAU,EACf,KAAK,EAAE,KAAK,EACZ,IAAI,EAAE,IAAI,EACV,KAAK,EAAC,uBAAuB,EAC7B,KAAK,EAAE,EAAE,KAAK,EAAE,EAChB,OAAO,EAAE,OAAO,EAChB,QAAQ,EAAE,QAAQ,EAClB,QAAQ,EAAE,IAAI,CAAC,YAAY,IACvB,WAAW,EACf,EACF,eAAQ,CACH,EACR;GACF;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","names":[],"sources":["./src/components/checkbox/style/index.scss?tag=taro-checkbox-core","./src/components/checkbox/checkbox.tsx"],"sourcesContent":[".taro-checkbox {\n  display: inline-block;\n  position: relative;\n\n  &_checked {\n    display: inline-block;\n    position: relative;\n    top: 5px;\n    border: 1px solid #d1d1d1;\n    border-radius: 3px;\n    width: 23px;\n    height: 23px;\n    min-height: 0;\n    appearance: none;\n    outline: 0;\n    background-color: #fff;\n    vertical-align: 0;\n    font-size: 23px;\n    color: #1aad19;\n\n    &:checked::before {\n      display: inline-block;\n      position: absolute;\n      left: 50%;\n      top: 50%;\n      vertical-align: middle;\n      text-decoration: inherit;\n      text-align: center;\n      text-transform: none;\n      font-family: weui;\n      font-style: normal;\n      font-weight: normal;\n      font-variant: normal;\n      font-size: inherit;\n      color: inherit;\n      content: \"\\EA08\";\n      transform: translate(-50%, -48%) scale(0.73);\n      speak: none;\n    }\n  }\n}\n","import { Component, h, ComponentInterface, Prop, Event, EventEmitter, Host, Watch, Element, State } from '@stencil/core'\n\n@Component({\n  tag: 'taro-checkbox-core',\n  styleUrl: './style/index.scss'\n})\nexport class Checkbox implements ComponentInterface {\n  private inputEl: HTMLInputElement\n  @Prop() name: string\n  @Prop() value = ''\n  @Prop() color: string\n  @Prop({ mutable: true }) id: string\n  @Prop() checked = false\n  @Prop() disabled = false\n  @Prop() nativeProps = {}\n\n  @State() isWillLoadCalled = false\n\n  @Element() el: HTMLElement\n\n  @Watch('id')\n  watchId (newVal) {\n    if (!this.isWillLoadCalled) return\n    if (newVal) this.inputEl.setAttribute('id', newVal)\n  }\n\n  @Event({\n    eventName: 'checkboxchange'\n  })\n  onChange: EventEmitter\n\n  componentWillLoad () {\n    this.isWillLoadCalled = true\n  }\n\n  componentDidRender () {\n    this.id && this.el.removeAttribute('id')\n  }\n\n  handleChange = (e: Event) => {\n    e.stopPropagation()\n    this.onChange.emit({\n      value: this.value\n    })\n  }\n\n  render () {\n    const { checked, name, color, value, disabled, nativeProps } = this\n\n    return (\n      <Host\n        className='weui-cells_checkbox'\n      >\n        <input\n          ref={dom => {\n            if (!dom) return\n            this.inputEl = dom\n            if (this.id) dom.setAttribute('id', this.id)\n          }}\n          type='checkbox'\n          value={value}\n          name={name}\n          class='taro-checkbox_checked'\n          style={{ color }}\n          checked={checked}\n          disabled={disabled}\n          onChange={this.handleChange}\n          {...nativeProps}\n        />\n        <slot />\n      </Host>\n    )\n  }\n}\n"],"version":3}

package/dist/components/taro-checkbox-group-core.d.ts

@@ -0,0 +1,11 @@
+import type { Components, JSX } from "../types/components";
+
+interface TaroCheckboxGroupCore extends Components.TaroCheckboxGroupCore, HTMLElement {}
+export const TaroCheckboxGroupCore: {
+  prototype: TaroCheckboxGroupCore;
+  new (): TaroCheckboxGroupCore;
+};
+/**
+ * Used to define this component and all nested components recursively.
+ */
+export const defineCustomElement: () => void;

package/dist/components/taro-checkbox-group-core.js

@@ -0,0 +1,71 @@
+import { proxyCustomElement, HTMLElement, createEvent, h, Host } from '@stencil/core/internal/client';
+
+const CheckboxGroup = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
+  constructor() {
+    super();
+    this.__registerHost();
+    this.onChange = createEvent(this, "change", 7);
+    this.uniqueName = Date.now().toString(36);
+    this.name = undefined;
+  }
+  function(e) {
+    e.stopPropagation();
+    if (e.target.tagName !== 'TARO-CHECKBOX-CORE')
+      return;
+    const childList = this.el.querySelectorAll('taro-checkbox-core');
+    this.value = this.getValues(childList);
+    this.onChange.emit({
+      value: this.value
+    });
+  }
+  componentDidLoad() {
+    const childList = this.el.querySelectorAll('taro-checkbox-core');
+    childList.forEach((element) => {
+      element.setAttribute('name', this.name || this.uniqueName);
+    });
+    Object.defineProperty(this.el, 'value', {
+      get: () => {
+        if (!this.value) {
+          const childList = this.el.querySelectorAll('taro-checkbox-core');
+          this.value = this.getValues(childList);
+        }
+        return this.value;
+      },
+      configurable: true
+    });
+  }
+  getValues(childList) {
+    return Array.from(childList)
+      .filter(element => {
+      const checkbox = element.querySelector('input');
+      return checkbox === null || checkbox === void 0 ? void 0 : checkbox.checked;
+    })
+      .map(element => element.value);
+  }
+  render() {
+    return (h(Host, null));
+  }
+  get el() { return this; }
+}, [0, "taro-checkbox-group-core", {
+    "name": [8]
+  }, [[0, "checkboxchange", "function"]]]);
+function defineCustomElement$1() {
+  if (typeof customElements === "undefined") {
+    return;
+  }
+  const components = ["taro-checkbox-group-core"];
+  components.forEach(tagName => { switch (tagName) {
+    case "taro-checkbox-group-core":
+      if (!customElements.get(tagName)) {
+        customElements.define(tagName, CheckboxGroup);
+      }
+      break;
+  } });
+}
+
+const TaroCheckboxGroupCore = CheckboxGroup;
+const defineCustomElement = defineCustomElement$1;
+
+export { TaroCheckboxGroupCore, defineCustomElement };
+
+//# sourceMappingURL=taro-checkbox-group-core.js.map