@tarojs/components 3.6.0-canary.9 → 3.6.0

package/dist/components/taro-swiper-item-core.d.ts

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

package/dist/components/taro-swiper-item-core.js

@@ -0,0 +1,70 @@
+import { proxyCustomElement, HTMLElement, h, Host } from '@stencil/core/internal/client';
+
+function isEqualTag(a, b) {
+  return typeof a.tagName === 'undefined' ? a.nodeType === b.nodeType : a.tagName === b.tagName;
+}
+function parseChildNodes(items, targets) {
+  const list = Array.from(targets.values());
+  for (let i = 0, j = 0; i < list.length; i++, j++) {
+    const target = list[i];
+    let item = items.item(j);
+    while (item && !isEqualTag(item, target)) {
+      item.remove();
+      j++;
+      item = items.item(j);
+    }
+    if (item && !item.isEqualNode(target)) {
+      parseChildNodes(item.childNodes, target.childNodes);
+    }
+    while (i === list.length - 1 && j < items.length) {
+      j++;
+      item = items.item(j);
+      item === null || item === void 0 ? void 0 : item.remove();
+    }
+  }
+}
+const SwiperItem = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
+  constructor() {
+    super();
+    this.__registerHost();
+    this.itemId = undefined;
+  }
+  componentDidRender() {
+    var _a, _b, _c;
+    const el = this.el;
+    if (el.classList.contains('swiper-slide-duplicate')) {
+      const list = Array
+        .from(((_b = (_a = el.parentElement) === null || _a === void 0 ? void 0 : _a.childNodes) === null || _b === void 0 ? void 0 : _b.values()) || [])
+        .filter((e) => e.tagName === 'TARO-SWIPER-ITEM-CORE');
+      if (list.length > 0) {
+        parseChildNodes(el.childNodes, (_c = list[list.indexOf(el) === 0 ? list.length - 2 : 1]) === null || _c === void 0 ? void 0 : _c.childNodes);
+      }
+    }
+  }
+  render() {
+    return (h(Host, { class: 'swiper-slide', "item-id": this.itemId }));
+  }
+  get el() { return this; }
+}, [0, "taro-swiper-item-core", {
+    "itemId": [1, "item-id"]
+  }]);
+function defineCustomElement$1() {
+  if (typeof customElements === "undefined") {
+    return;
+  }
+  const components = ["taro-swiper-item-core"];
+  components.forEach(tagName => { switch (tagName) {
+    case "taro-swiper-item-core":
+      if (!customElements.get(tagName)) {
+        customElements.define(tagName, SwiperItem);
+      }
+      break;
+  } });
+}
+
+const TaroSwiperItemCore = SwiperItem;
+const defineCustomElement = defineCustomElement$1;
+
+export { TaroSwiperItemCore, defineCustomElement };
+
+//# sourceMappingURL=taro-swiper-item-core.js.map

package/dist/components/taro-swiper-item-core.js.map

@@ -0,0 +1 @@
+{"file":"taro-swiper-item-core.js","mappings":";;AAEA,SAAS,UAAU,CAAE,CAAU,EAAE,CAAU;EACzC,OAAO,OAAO,CAAC,CAAC,OAAO,KAAK,WAAW,GAAG,CAAC,CAAC,QAAQ,KAAK,CAAC,CAAC,QAAQ,GAAG,CAAC,CAAC,OAAO,KAAK,CAAC,CAAC,OAAO,CAAA;AAC/F,CAAC;AAED,SAAS,eAAe,CAAE,KAA4B,EAAE,OAA8B;EACpF,MAAM,IAAI,GAAG,KAAK,CAAC,IAAI,CAAC,OAAO,CAAC,MAAM,EAAE,CAAC,CAAA;EACzC,KAAK,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC,GAAG,CAAC,EAAE,CAAC,GAAG,IAAI,CAAC,MAAM,EAAE,CAAC,EAAE,EAAE,CAAC,EAAE,EAAE;IAChD,MAAM,MAAM,GAAG,IAAI,CAAC,CAAC,CAAY,CAAA;IACjC,IAAI,IAAI,GAAG,KAAK,CAAC,IAAI,CAAC,CAAC,CAAY,CAAA;IACnC,OAAO,IAAI,IAAI,CAAC,UAAU,CAAC,IAAI,EAAE,MAAM,CAAC,EAAE;MACxC,IAAI,CAAC,MAAM,EAAE,CAAA;MACb,CAAC,EAAE,CAAA;MACH,IAAI,GAAG,KAAK,CAAC,IAAI,CAAC,CAAC,CAAY,CAAA;KAChC;IACD,IAAI,IAAI,IAAI,CAAC,IAAI,CAAC,WAAW,CAAC,MAAM,CAAC,EAAE;MACrC,eAAe,CAAC,IAAI,CAAC,UAAU,EAAE,MAAM,CAAC,UAAU,CAAC,CAAA;KACpD;IACD,OAAO,CAAC,KAAK,IAAI,CAAC,MAAM,GAAG,CAAC,IAAI,CAAC,GAAG,KAAK,CAAC,MAAM,EAAE;MAChD,CAAC,EAAE,CAAA;MACH,IAAI,GAAG,KAAK,CAAC,IAAI,CAAC,CAAC,CAAY,CAAA;MAC/B,IAAI,aAAJ,IAAI,uBAAJ,IAAI,CAAE,MAAM,EAAE,CAAA;KACf;GACF;AACH,CAAC;MAKY,UAAU;;;;;;EAKrB,kBAAkB;;IAChB,MAAM,EAAE,GAAG,IAAI,CAAC,EAAE,CAAA;IAElB,IAAI,EAAE,CAAC,SAAS,CAAC,QAAQ,CAAC,wBAAwB,CAAC,EAAE;MACnD,MAAM,IAAI,GAAG,KAAK;SACf,IAAI,CAAC,CAAA,MAAA,MAAA,EAAE,CAAC,aAAa,0CAAE,UAAU,0CAAE,MAAM,EAAE,KAAI,EAAE,CAAC;SAClD,MAAM,CAAC,CAAC,CAAU,KAAK,CAAC,CAAC,OAAO,KAAK,uBAAuB,CAAC,CAAA;MAChE,IAAI,IAAI,CAAC,MAAM,GAAG,CAAC,EAAE;QACnB,eAAe,CACb,EAAE,CAAC,UAAU,EACb,MAAA,IAAI,CAAC,IAAI,CAAC,OAAO,CAAC,EAAE,CAAC,KAAK,CAAC,GAAG,IAAI,CAAC,MAAM,GAAG,CAAC,GAAG,CAAC,CAAC,0CAAE,UAAU,CAC/D,CAAA;OACF;KACF;GACF;EAED,MAAM;IACJ,QACE,EAAC,IAAI,IAAC,KAAK,EAAC,cAAc,aAAU,IAAI,CAAC,MAAM,GAAG,EACnD;GACF;;;;;;;;;;;;;;;;;;;;;;;;","names":[],"sources":["./src/components/swiper/swiper-item.tsx"],"sourcesContent":["import { Component, ComponentInterface, Element, Host, h, Prop } from '@stencil/core'\n\nfunction isEqualTag (a: Element, b: Element) {\n  return typeof a.tagName === 'undefined' ? a.nodeType === b.nodeType : a.tagName === b.tagName\n}\n\nfunction parseChildNodes (items: NodeListOf<ChildNode>, targets: NodeListOf<ChildNode>) {\n  const list = Array.from(targets.values())\n  for (let i = 0, j = 0; i < list.length; i++, j++) {\n    const target = list[i] as Element\n    let item = items.item(j) as Element\n    while (item && !isEqualTag(item, target)) {\n      item.remove()\n      j++\n      item = items.item(j) as Element\n    }\n    if (item && !item.isEqualNode(target)) {\n      parseChildNodes(item.childNodes, target.childNodes)\n    }\n    while (i === list.length - 1 && j < items.length) {\n      j++\n      item = items.item(j) as Element\n      item?.remove()\n    }\n  }\n}\n\n@Component({\n  tag: 'taro-swiper-item-core'\n})\nexport class SwiperItem implements ComponentInterface {\n  @Element() el: HTMLElement\n\n  @Prop() itemId: string\n\n  componentDidRender () {\n    const el = this.el\n\n    if (el.classList.contains('swiper-slide-duplicate')) {\n      const list = Array\n        .from(el.parentElement?.childNodes?.values() || [])\n        .filter((e: Element) => e.tagName === 'TARO-SWIPER-ITEM-CORE')\n      if (list.length > 0) {\n        parseChildNodes(\n          el.childNodes,\n          list[list.indexOf(el) === 0 ? list.length - 2 : 1]?.childNodes\n        )\n      }\n    }\n  }\n\n  render () {\n    return (\n      <Host class='swiper-slide' item-id={this.itemId}/>\n    )\n  }\n}\n"],"version":3}

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

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

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

@@ -0,0 +1,87 @@
+import { proxyCustomElement, HTMLElement, createEvent, h } from '@stencil/core/internal/client';
+
+const indexCss = "taro-switch-core{display:inline-block;width:52px;height:32px}taro-switch-core .weui-switch{display:block;width:100%;height:100%}";
+
+const Switch = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
+  constructor() {
+    super();
+    this.__registerHost();
+    this.onChange = createEvent(this, "change", 7);
+    this.switchChange = e => {
+      e.stopPropagation();
+      const value = e.target.checked;
+      this.isChecked = value;
+      this.onChange.emit({
+        value
+      });
+    };
+    this.type = 'switch';
+    this.checked = false;
+    this.color = '#04BE02';
+    this.name = undefined;
+    this.disabled = false;
+    this.nativeProps = {};
+    this.isChecked = undefined;
+    this.isWillLoadCalled = false;
+  }
+  function(newVal, oldVal) {
+    if (!this.isWillLoadCalled)
+      return;
+    if (newVal !== oldVal)
+      this.isChecked = newVal;
+  }
+  componentWillLoad() {
+    this.isWillLoadCalled = true;
+    this.isChecked = this.checked;
+  }
+  componentDidLoad() {
+    Object.defineProperty(this.el, 'value', {
+      get: () => this.isChecked,
+      configurable: true
+    });
+  }
+  render() {
+    const { type, color, isChecked, name, disabled, nativeProps } = this;
+    const style = isChecked
+      ? {
+        borderColor: color || '04BE02',
+        backgroundColor: color || '04BE02'
+      }
+      : {};
+    return (h("input", Object.assign({ type: 'checkbox', class: `weui-${type}`, style: style, checked: isChecked, name: name, disabled: disabled, onChange: this.switchChange }, nativeProps)));
+  }
+  get el() { return this; }
+  static get watchers() { return {
+    "checked": ["function"]
+  }; }
+  static get style() { return indexCss; }
+}, [0, "taro-switch-core", {
+    "type": [1],
+    "checked": [4],
+    "color": [1],
+    "name": [1],
+    "disabled": [4],
+    "nativeProps": [16],
+    "isChecked": [32],
+    "isWillLoadCalled": [32]
+  }]);
+function defineCustomElement$1() {
+  if (typeof customElements === "undefined") {
+    return;
+  }
+  const components = ["taro-switch-core"];
+  components.forEach(tagName => { switch (tagName) {
+    case "taro-switch-core":
+      if (!customElements.get(tagName)) {
+        customElements.define(tagName, Switch);
+      }
+      break;
+  } });
+}
+
+const TaroSwitchCore = Switch;
+const defineCustomElement = defineCustomElement$1;
+
+export { TaroSwitchCore, defineCustomElement };
+
+//# sourceMappingURL=taro-switch-core.js.map

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

@@ -0,0 +1 @@
+{"file":"taro-switch-core.js","mappings":";;AAAA,MAAM,QAAQ,GAAG,kIAAkI;;MCMtI,MAAM;;;;;IAoCjB,iBAAY,GAAG,CAAC;MACd,CAAC,CAAC,eAAe,EAAE,CAAA;MACnB,MAAM,KAAK,GAAG,CAAC,CAAC,MAAM,CAAC,OAAO,CAAA;MAC9B,IAAI,CAAC,SAAS,GAAG,KAAK,CAAA;MACtB,IAAI,CAAC,QAAQ,CAAC,IAAI,CAAC;QACjB,KAAK;OACN,CAAC,CAAA;KACH,CAAA;gBA1Cc,QAAQ;mBACL,KAAK;iBACP,SAAS;;oBAEN,KAAK;uBACF,EAAE;;4BAGI,KAAK;;EAKjC,QAAQ,CAAE,MAAe,EAAE,MAAe;IACxC,IAAI,CAAC,IAAI,CAAC,gBAAgB;MAAE,OAAM;IAClC,IAAI,MAAM,KAAK,MAAM;MAAE,IAAI,CAAC,SAAS,GAAG,MAAM,CAAA;GAC/C;EAOD,iBAAiB;IACf,IAAI,CAAC,gBAAgB,GAAG,IAAI,CAAA;IAC5B,IAAI,CAAC,SAAS,GAAG,IAAI,CAAC,OAAO,CAAA;GAC9B;EAED,gBAAgB;IACd,MAAM,CAAC,cAAc,CAAC,IAAI,CAAC,EAAE,EAAE,OAAO,EAAE;MACtC,GAAG,EAAE,MAAM,IAAI,CAAC,SAAS;MACzB,YAAY,EAAE,IAAI;KACnB,CAAC,CAAA;GACH;EAWD,MAAM;IACJ,MAAM,EACJ,IAAI,EACJ,KAAK,EACL,SAAS,EACT,IAAI,EACJ,QAAQ,EACR,WAAW,EACZ,GAAG,IAAI,CAAA;IAER,MAAM,KAAK,GAAG,SAAS;QACnB;QACA,WAAW,EAAE,KAAK,IAAI,QAAQ;QAC9B,eAAe,EAAE,KAAK,IAAI,QAAQ;OACnC;QACC,EAAE,CAAA;IAEN,QACE,2BACE,IAAI,EAAC,UAAU,EACf,KAAK,EAAE,QAAQ,IAAI,EAAE,EACrB,KAAK,EAAE,KAAK,EACZ,OAAO,EAAE,SAAS,EAClB,IAAI,EAAE,IAAI,EACV,QAAQ,EAAE,QAAQ,EAClB,QAAQ,EAAE,IAAI,CAAC,YAAY,IACvB,WAAW,EACf,EACH;GACF;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","names":[],"sources":["./src/components/switch/style/index.scss?tag=taro-switch-core","./src/components/switch/switch.tsx"],"sourcesContent":["taro-switch-core {\n  display: inline-block;\n  width: 52px;\n  height: 32px;\n\n  .weui-switch {\n    display: block;\n    width: 100%;\n    height: 100%;\n  }\n}\n","import { Component, h, ComponentInterface, Prop, State, Event, EventEmitter, Watch, Element } from '@stencil/core'\n\n@Component({\n  tag: 'taro-switch-core',\n  styleUrl: './style/index.scss'\n})\nexport class Switch implements ComponentInterface {\n  @Prop() type = 'switch'\n  @Prop() checked = false\n  @Prop() color = '#04BE02'\n  @Prop() name: string\n  @Prop() disabled = false\n  @Prop() nativeProps = {}\n\n  @State() isChecked: boolean\n  @State() isWillLoadCalled = false\n\n  @Element() el: HTMLElement\n\n  @Watch('checked')\n  function (newVal: boolean, oldVal: boolean) {\n    if (!this.isWillLoadCalled) return\n    if (newVal !== oldVal) this.isChecked = newVal\n  }\n\n  @Event({\n    eventName: 'change'\n  })\n  onChange: EventEmitter\n\n  componentWillLoad () {\n    this.isWillLoadCalled = true\n    this.isChecked = this.checked\n  }\n\n  componentDidLoad () {\n    Object.defineProperty(this.el, 'value', {\n      get: () => this.isChecked,\n      configurable: true\n    })\n  }\n\n  switchChange = e => {\n    e.stopPropagation()\n    const value = e.target.checked\n    this.isChecked = value\n    this.onChange.emit({\n      value\n    })\n  }\n\n  render () {\n    const {\n      type,\n      color,\n      isChecked,\n      name,\n      disabled,\n      nativeProps\n    } = this\n\n    const style = isChecked\n      ? {\n        borderColor: color || '04BE02',\n        backgroundColor: color || '04BE02'\n      }\n      : {}\n\n    return (\n      <input\n        type='checkbox'\n        class={`weui-${type}`}\n        style={style}\n        checked={isChecked}\n        name={name}\n        disabled={disabled}\n        onChange={this.switchChange}\n        {...nativeProps}\n      />\n    )\n  }\n}\n"],"version":3}

package/dist/components/taro-tab-item-core.d.ts

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

package/dist/components/taro-tab-item-core.js

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

package/dist/components/taro-tab-item-core.js.map

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

package/dist/components/taro-tabbar.d.ts

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