vite-plugin-taro-runtime 0.7.0 → 0.7.1-beta.2

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

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

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

@@ -0,0 +1,156 @@
+import { proxyCustomElement, HTMLElement, createEvent, h } from '@stencil/core/internal/client';
+
+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 _Form_value;
+const Form = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
+  constructor() {
+    super();
+    this.__registerHost();
+    this.onSubmit = createEvent(this, "submit", 7);
+    _Form_value.set(this, {});
+  }
+  onButtonSubmit(e) {
+    e.stopPropagation();
+    __classPrivateFieldSet(this, _Form_value, this.getFormValue(), "f");
+    this.onSubmit.emit({
+      value: __classPrivateFieldGet(this, _Form_value, "f")
+    });
+  }
+  onButtonReset(e) {
+    e.stopPropagation();
+    this.form.reset();
+  }
+  componentDidLoad() {
+    __classPrivateFieldSet(this, _Form_value, this.getFormValue(), "f");
+    Object.defineProperty(this.el, 'value', {
+      get: () => __classPrivateFieldGet(this, _Form_value, "f"),
+      configurable: true
+    });
+  }
+  componentDidRender() {
+    if (!this.originalAppendChild) {
+      this.originalAppendChild = this.el.appendChild;
+      this.originalInsertBefore = this.el.insertBefore;
+      this.originalReplaceChild = this.el.replaceChild;
+      this.originalRemoveChild = this.el.removeChild;
+    }
+    if (!this.form) {
+      this.el.appendChild = this.originalAppendChild;
+      this.el.insertBefore = this.originalInsertBefore;
+      this.el.replaceChild = this.originalReplaceChild;
+      this.el.removeChild = this.originalRemoveChild;
+      return;
+    }
+    this.el.appendChild = (newChild) => {
+      return this.form.appendChild(newChild);
+    };
+    this.el.insertBefore = (newChild, refChild) => {
+      return this.form.insertBefore(newChild, refChild);
+    };
+    this.el.replaceChild = (newChild, oldChild) => {
+      return this.form.replaceChild(newChild, oldChild);
+    };
+    this.el.removeChild = (oldChild) => {
+      return this.form.removeChild(oldChild);
+    };
+  }
+  getFormValue() {
+    const el = this.el;
+    const elements = [];
+    const tagElements = el.getElementsByTagName('input');
+    for (let j = 0; j < tagElements.length; j++) {
+      elements.push(tagElements[j]);
+    }
+    const formItem = {};
+    const hash = {};
+    elements.forEach(item => {
+      if (typeof item.name !== 'string')
+        return;
+      if (item.className.indexOf('weui-switch') !== -1) {
+        formItem[item.name] = item.checked;
+        return;
+      }
+      if (item.type === 'radio') {
+        if (item.checked) {
+          hash[item.name] = true;
+          formItem[item.name] = item.value;
+        }
+        else {
+          if (!hash[item.name]) {
+            formItem[item.name] = '';
+          }
+        }
+        return;
+      }
+      if (item.type === 'checkbox') {
+        if (item.checked) {
+          if (hash[item.name]) {
+            formItem[item.name].push(item.value);
+          }
+          else {
+            hash[item.name] = true;
+            formItem[item.name] = [item.value];
+          }
+        }
+        else {
+          if (!hash[item.name]) {
+            formItem[item.name] = [];
+          }
+        }
+        return;
+      }
+      formItem[item.name] = item.value;
+    });
+    const textareaElements = el.getElementsByTagName('textarea');
+    const textareaEleArr = [];
+    for (let i = 0; i < textareaElements.length; i++) {
+      textareaEleArr.push(textareaElements[i]);
+    }
+    textareaEleArr.forEach(v => {
+      if (typeof v.name !== 'string')
+        return;
+      formItem[v.name] = v.value;
+    });
+    return formItem;
+  }
+  render() {
+    return (h("form", { ref: dom => {
+        this.form = dom;
+      } }, h("slot", null)));
+  }
+  get el() { return this; }
+}, [4, "taro-form-core", undefined, [[0, "tarobuttonsubmit", "onButtonSubmit"], [0, "tarobuttonreset", "onButtonReset"]]]);
+_Form_value = new WeakMap();
+function defineCustomElement$1() {
+  if (typeof customElements === "undefined") {
+    return;
+  }
+  const components = ["taro-form-core"];
+  components.forEach(tagName => { switch (tagName) {
+    case "taro-form-core":
+      if (!customElements.get(tagName)) {
+        customElements.define(tagName, Form);
+      }
+      break;
+  } });
+}
+
+const TaroFormCore = Form;
+const defineCustomElement = defineCustomElement$1;
+
+export { Form as F, TaroFormCore, defineCustomElement };

package/dist/components/dist/components/taro-functional-page-navigator-core.d.ts

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

package/dist/components/dist/components/taro-functional-page-navigator-core.js

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

package/dist/components/dist/components/taro-grid-builder-core.d.ts

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

package/dist/components/dist/components/taro-grid-builder-core.js

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

package/dist/components/dist/components/taro-grid-view-core.d.ts

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

package/dist/components/dist/components/taro-grid-view-core.js

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

package/dist/components/dist/components/taro-horizontal-drag-gesture-handler-core.d.ts

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

package/dist/components/dist/components/taro-horizontal-drag-gesture-handler-core.js

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

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

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

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

@@ -0,0 +1,49 @@
+import { proxyCustomElement, HTMLElement, h, Host } from '@stencil/core/internal/client';
+import { c as classnames } from './index2.js';
+
+const indexCss = ".weui-icon-circle:before{content:\"\"}.weui-icon-download:before{content:\"\"}.weui-icon-info:before{content:\"\"}.weui-icon-safe-success:before{content:\"\"}.weui-icon-safe-warn:before{content:\"\"}.weui-icon-success:before{content:\"\"}.weui-icon-success-circle:before{content:\"\"}.weui-icon-success-no-circle:before{content:\"\"}.weui-icon-waiting:before{content:\"\"}.weui-icon-waiting-circle:before{content:\"\"}.weui-icon-warn:before{content:\"\"}.weui-icon-info-circle:before{content:\"\"}.weui-icon-cancel:before{content:\"\"}.weui-icon-search:before{content:\"\"}.weui-icon-clear:before{content:\"\"}.weui-icon-back:before{content:\"\"}.weui-icon-delete:before{content:\"\"}.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-search,.weui-icon-clear{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}";
+
+const Icon = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
+  constructor() {
+    super();
+    this.__registerHost();
+    this.type = undefined;
+    this.size = '23';
+    this.color = undefined;
+  }
+  render() {
+    const { type, size, color } = this;
+    const iconType = type === null || type === void 0 ? void 0 : type.replace(/_/g, '-');
+    const cls = classnames({
+      [`weui-icon-${iconType}`]: true
+    });
+    const style = {
+      'font-size': `${size}px`,
+      color
+    };
+    return (h(Host, { class: cls, style: style }));
+  }
+  static get style() { return indexCss; }
+}, [0, "taro-icon-core", {
+    "type": [1],
+    "size": [8],
+    "color": [1]
+  }]);
+function defineCustomElement$1() {
+  if (typeof customElements === "undefined") {
+    return;
+  }
+  const components = ["taro-icon-core"];
+  components.forEach(tagName => { switch (tagName) {
+    case "taro-icon-core":
+      if (!customElements.get(tagName)) {
+        customElements.define(tagName, Icon);
+      }
+      break;
+  } });
+}
+
+const TaroIconCore = Icon;
+const defineCustomElement = defineCustomElement$1;
+
+export { Icon as I, TaroIconCore, defineCustomElement };

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

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

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

@@ -0,0 +1,82 @@
+import { proxyCustomElement, HTMLElement, createEvent, h, Host } from '@stencil/core/internal/client';
+import { c as classnames } from './index2.js';
+
+const indexCss = "img[src=\"\"]{opacity:0}taro-image-core{width:320px;height:240px;font-size:0;display:inline-block;position:relative;overflow:hidden}.taro-img.taro-img__widthfix{height:100%}.taro-img__mode-scaletofill{width:100%;height:100%}.taro-img__mode-aspectfit{max-width:100%;max-height:100%;position:absolute;top:50%;transform:translateY(-50%)}.taro-img__mode-aspectfill{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.taro-img__mode-aspectfill--width{min-width:100%;height:100%}.taro-img__mode-aspectfill--height{width:100%;min-height:100%}.taro-img__mode-widthfix{width:100%}.taro-img__mode-heightfix{height:100%}.taro-img__mode-top{position:absolute;left:50%;transform:translate(-50%)}.taro-img__mode-bottom{position:absolute;bottom:0;left:50%;transform:translate(-50%)}.taro-img__mode-center{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.taro-img__mode-left{position:absolute;top:50%;transform:translateY(-50%)}.taro-img__mode-right{position:absolute;top:50%;right:0;transform:translateY(-50%)}.taro-img__mode-topright{position:absolute;right:0}.taro-img__mode-bottomleft{position:absolute;bottom:0}.taro-img__mode-bottomright{position:absolute;bottom:0;right:0}";
+
+const Image = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
+  constructor() {
+    super();
+    this.__registerHost();
+    this.onLoad = createEvent(this, "load", 7);
+    this.onError = createEvent(this, "error", 7);
+    this.src = undefined;
+    this.mode = 'scaleToFill';
+    this.lazyLoad = false;
+    this.nativeProps = {};
+    this.aspectFillMode = 'width';
+    this.didLoad = false;
+  }
+  componentDidLoad() {
+    if (!this.lazyLoad)
+      return;
+    const lazyImg = new IntersectionObserver(entries => {
+      // 异步 api 关系
+      if (entries[entries.length - 1].isIntersecting) {
+        lazyImg.unobserve(this.imgRef);
+        this.didLoad = true;
+      }
+    }, {
+      rootMargin: '300px 0px'
+    });
+    lazyImg.observe(this.imgRef);
+  }
+  imageOnLoad() {
+    const { width, height, naturalWidth, naturalHeight } = this.imgRef;
+    this.onLoad.emit({
+      width,
+      height
+    });
+    this.aspectFillMode = naturalWidth > naturalHeight ? 'width' : 'height';
+  }
+  imageOnError(e) {
+    this.onError.emit(e);
+  }
+  render() {
+    const { src, lazyLoad = false, aspectFillMode = 'width', imageOnLoad, imageOnError, nativeProps, didLoad } = this;
+    // mode="" 按默认值处理
+    const mode = this.mode || 'scaleToFill';
+    const cls = classnames({
+      'taro-img__widthfix': mode === 'widthFix'
+    });
+    const imgCls = classnames(`taro-img__mode-${mode.toLowerCase().replace(/\s/g, '')}`, {
+      [`taro-img__mode-aspectfill--${aspectFillMode}`]: mode === 'aspectFill'
+    });
+    return (h(Host, { class: cls }, src ? (h("img", Object.assign({ ref: (img) => (this.imgRef = img), class: imgCls, src: lazyLoad && !didLoad ? undefined : src, onLoad: imageOnLoad.bind(this), onError: imageOnError.bind(this) }, nativeProps))) : ''));
+  }
+  static get style() { return indexCss; }
+}, [0, "taro-image-core", {
+    "src": [1],
+    "mode": [1],
+    "lazyLoad": [4, "lazy-load"],
+    "nativeProps": [16],
+    "aspectFillMode": [32],
+    "didLoad": [32]
+  }]);
+function defineCustomElement$1() {
+  if (typeof customElements === "undefined") {
+    return;
+  }
+  const components = ["taro-image-core"];
+  components.forEach(tagName => { switch (tagName) {
+    case "taro-image-core":
+      if (!customElements.get(tagName)) {
+        customElements.define(tagName, Image);
+      }
+      break;
+  } });
+}
+
+const TaroImageCore = Image;
+const defineCustomElement = defineCustomElement$1;
+
+export { Image as I, TaroImageCore, defineCustomElement };

package/dist/components/dist/components/taro-inline-payment-panel-core.d.ts

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

package/dist/components/dist/components/taro-inline-payment-panel-core.js

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

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

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