@tarojs/components 3.6.0-canary.8 → 3.6.0

package/dist/components/taro-movable-area-core.js.map

@@ -0,0 +1 @@
+{"file":"taro-movable-area-core.js","mappings":"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","names":[],"sources":["./src/components/movable-area/area.scss?tag=taro-movable-area-core","./src/components/movable-area/movable-area.tsx"],"sourcesContent":["taro-movable-area-core {\n  display: block;\n  position: relative;\n  width: 10px;\n  height: 10px;\n}\n","import { Component, h, Host, Prop, Element } from '@stencil/core'\n\n@Component({\n  tag: 'taro-movable-area-core',\n  styleUrl: './area.scss'\n})\nexport class MovableArea {\n\n  /** \n   * 当里面的 movable-view 设置为支持双指缩放时，设置此值可将缩放手势生效区域修改为整个movable-area\n   */\n  @Prop() scaleArea: boolean\n\n  @Element() element: HTMLElement\n\n  /** 观察者 */\n  private observer?: MutationObserver\n  /** 子元素集合 */\n  private views: Array<HTMLElement> = []\n  /** 单个元素缩放时的目标元素 */\n  private scaleTarget?: HTMLElement\n  /** 手势缩放 */\n  private scaleLength: number = 0\n  /** 宽高 */\n  private offset?: { width: number; height: number; }\n\n  connectedCallback () {\n    this.observer = new MutationObserver((mutations) => {\n      mutations.forEach((mutation) => {\n        if (mutation.attributeName === \"class\" || mutation.attributeName === \"style\") {\n          const offsetWidth = this.element.offsetWidth\n          const offsetHeight = this.element.offsetHeight\n          if (offsetWidth !== this.offset?.width || offsetHeight !== this.offset?.height) {\n            this.updateArea()\n          }\n          this.offset = {\n            width: offsetWidth,\n            height: offsetHeight\n          }\n        }\n      })\n    })\n\n    this.observer.observe(this.element, {\n      attributes: true\n    })\n  }\n\n  disconnectedCallback () {\n    this.observer?.disconnect()\n  }\n\n  componentDidLoad () {\n    this.viewsChanged()\n  }\n\n  viewsChanged = () => {\n    this.views = []\n    const elements = this.element.querySelectorAll('taro-movable-view-core')\n    Array.from(elements).forEach((element) => {\n      this.views.push(element)\n    })\n    this.updateArea()\n  }\n\n  handleTouchStart = (e: TouchEvent) => {\n    const touches = e.touches\n    if (!touches || touches.length <= 1) {\n      return\n    }\n\n    const gap = {\n      width: touches[1].pageX - touches[0].pageX,\n      height: touches[1].pageY - touches[0].pageY\n    }\n    this.scaleLength = Math.sqrt(gap.width * gap.width + gap.height * gap.height)\n    if (this.scaleArea) {\n      return\n    }\n\n    const find = (target: EventTarget, views: Array<HTMLElement>) => {\n      const loop = (e, t) => {\n        if (!(e = e.parentNode)) {\n          return false\n        }\n        return (!(e instanceof HTMLElement) || e !== document.body) && (e === t || e === t.element || e.element === t || loop(e, t))\n      }\n\n      for (let i = 0; i < views.length; i++) {\n        const view = views[i]\n        if (target === view[\"element\"] || loop(target, view)) {\n          return view\n        }\n      }\n    }\n\n    const touch1 = find(touches[0].target, this.views)\n    const touch2 = find(touches[1].target, this.views)\n    this.scaleTarget = touch1 && touch1 === touch2 ? touch1 : undefined\n  }\n\n  handleTouchMove = (e: TouchEvent) => {\n    const touches = e.touches\n    if (!touches || touches.length <= 1) {\n      return\n    }\n    e.preventDefault()\n    const gap = {\n      width: touches[1].pageX - touches[0].pageX,\n      height: touches[1].pageY - touches[0].pageY\n    }\n    if (this.scaleLength > 0) {\n      this.updateScale(Math.sqrt(gap.width * gap.width + gap.height * gap.height) / this.scaleLength)\n    }\n  }\n\n  handleTouchEnd = (e: TouchEvent) => {\n    if ((e.touches && e.touches.length) || !e.changedTouches) {\n      return\n    }\n    this.scaleLength = 0\n    if (this.scaleArea) {\n      this.views.forEach((element) => {\n        element[\"endScale\"]?.()\n      })\n    } else {\n      this.scaleTarget?.[\"endScale\"]?.()\n    }\n    this.scaleTarget = undefined\n  }\n\n  updateScale = (scale: number) => {\n    if (!scale || scale === 1) {\n      return\n    }\n\n    if (this.scaleArea) {\n      this.views.forEach((element) => {\n        element[\"setScale\"]?.(scale)\n      })\n    } else {\n      this.scaleTarget?.[\"setScale\"]?.(scale)\n    }\n  }\n\n  updateArea = () => {\n    const computedStyle = window.getComputedStyle(this.element)\n    const clientRect = this.element.getBoundingClientRect()\n    const horizontal = [\"Left\", \"Right\"].map((e) => {\n      return parseFloat(computedStyle[\"border\" + e + \"Width\"]) + parseFloat(computedStyle[\"padding\" + e])\n    })\n    const vertical = [\"Top\", \"Bottom\"].map((e) => {\n      return parseFloat(computedStyle[\"border\" + e + \"Width\"]) + parseFloat(computedStyle[\"padding\" + e])\n    })\n\n    this.views.forEach((element) => {\n      element[\"setParent\"]?.({\n        element: this.element,\n        area: {\n          height: clientRect.height - vertical[0] - vertical[1],\n          width: clientRect.width - horizontal[0] - horizontal[1]\n        }\n      })\n    })\n  }\n\n  render () {\n    return (\n      <Host\n        onTouchStart={this.handleTouchStart}\n        onTouchMove={this.handleTouchMove}\n        onTouchEnd={this.handleTouchEnd}\n      />\n    )\n  }\n}\n"],"version":3}

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

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

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

@@ -0,0 +1,361 @@
+import { proxyCustomElement, HTMLElement, createEvent, h, Host } from '@stencil/core/internal/client';
+
+const viewCss = "taro-movable-view-core{display:inline-block;position:absolute;left:0;top:0;width:10px;height:10px}";
+
+const MovableView = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
+  constructor() {
+    super();
+    this.__registerHost();
+    this.onChange = createEvent(this, "change", 7);
+    this.onScale = createEvent(this, "scale", 7);
+    this.onHTouchMove = createEvent(this, "htouchmove", 7);
+    this.onVTouchMove = createEvent(this, "vtouchmove", 7);
+    /** 当前水平偏移 */
+    this.translateX = 0;
+    /** 当前垂直偏移 */
+    this.translateY = 0;
+    /** touch-start 原点 */
+    this.origin = { x: 0, y: 0 };
+    /** 父容器大小 */
+    this.area = { width: 0, height: 0 };
+    /** 原始缩放倍数 */
+    this.originScale = 1;
+    /** 当前缩放倍数 */
+    this.currentScale = 1;
+    /** 宽度 */
+    this.width = 0;
+    /** 高度 */
+    this.height = 0;
+    /** 移动边界 */
+    this.minX = 0;
+    this.minY = 0;
+    this.maxX = 0;
+    this.maxY = 0;
+    /** 移动基础位置 */
+    this.baseX = 0;
+    this.baseY = 0;
+    /** 偏移量 */
+    this.offset = { x: 0, y: 0 };
+    this.scaleOffset = { x: 0, y: 0 };
+    this.getLimitXY = (x, y) => {
+      let outOfBounds = false;
+      x > this.maxX ? (x = this.maxX, outOfBounds = true) : x < this.minX && (x = this.minX, outOfBounds = true);
+      y > this.maxY ? (y = this.maxY, outOfBounds = true) : y < this.minY && (y = this.minY, outOfBounds = true);
+      return { x, y, outOfBounds };
+    };
+    this.animationTo = (x, y, scale, source, noEmitChange, emitScale, callback) => {
+      if (this.animation) {
+        this.setTransform(x, y, scale, source, noEmitChange, emitScale);
+        callback === null || callback === void 0 ? void 0 : callback();
+      }
+      else {
+        this.setTransform(x, y, scale, source, noEmitChange, emitScale);
+      }
+    };
+    this.setTransform = (x, y, scale, source, noEmitChange, emitScale) => {
+      x = Number(x.toFixed(1));
+      y = Number(y.toFixed(1));
+      scale = Number((scale !== null && scale !== void 0 ? scale : this.currentScale).toFixed(3));
+      if (!this.outOfBounds) {
+        const limit = this.getLimitXY(x, y);
+        x = limit.x;
+        y = limit.y;
+      }
+      const subtract = (e, t) => {
+        return +((1e3 * e - 1e3 * t) / 1e3).toFixed(1);
+      };
+      const realX = subtract(x, this.scaleOffset.x);
+      const realY = subtract(y, this.scaleOffset.y);
+      if (this.translateX !== x || this.translateY !== y) {
+        !noEmitChange && this.onChange.emit({
+          x: realX,
+          y: realY,
+          source
+        });
+      }
+      if (scale !== this.currentScale) {
+        emitScale && this.onScale.emit({
+          scale,
+          x: realX,
+          y: realY
+        });
+      }
+      const transform = `translateX(${x}px) translateY(${y}px) translateZ(0px) scale(${scale})`;
+      this.element.style.transform = transform;
+      this.element.style.webkitTransform = transform;
+      this.translateX = x;
+      this.translateY = y;
+      this.currentScale = scale;
+    };
+    this.updateOffset = () => {
+      const offset = (element, parent) => {
+        if (element === parent || !element.offsetParent) {
+          return { left: 0, top: 0 };
+        }
+        const current = offset(element.offsetParent, parent);
+        return {
+          left: element.offsetLeft + current.left,
+          top: element.offsetTop + current.top
+        };
+      };
+      if (!this.parent) {
+        return;
+      }
+      const current = offset(this.element, this.parent);
+      this.offset.x = current.left;
+      this.offset.y = current.top;
+    };
+    this.updateScaleOffset = (scale = this.currentScale) => {
+      const rect = this.element.getBoundingClientRect();
+      this.height = rect.height / this.currentScale;
+      this.width = rect.width / this.currentScale;
+      this.scaleOffset.x = (this.width * scale - this.width) / 2;
+      this.scaleOffset.y = (this.height * scale - this.height) / 2;
+    };
+    this.updateBoundary = () => {
+      const x1 = 0 - this.offset.x + this.scaleOffset.x;
+      const x2 = this.area.width - this.width - this.offset.x - this.scaleOffset.x;
+      this.minX = Math.min(x1, x2);
+      this.maxX = Math.max(x1, x2);
+      const y1 = 0 - this.offset.y + this.scaleOffset.y;
+      const y2 = this.area.height - this.height - this.offset.y - this.scaleOffset.y;
+      this.minY = Math.min(y1, y2);
+      this.maxY = Math.max(y1, y2);
+    };
+    this.updateScale = (scale, animation, animationCallback) => {
+      if (!this.scale) {
+        return;
+      }
+      const target = this.adjustScale(scale);
+      this.updateScaleOffset(target);
+      this.updateBoundary();
+      const { x, y } = this.getLimitXY(this.translateX, this.translateY);
+      if (animation) {
+        this.animationTo(x, y, target, "", true, true, animationCallback);
+      }
+      else if (!this.updating) {
+        this.updating = true;
+        requestAnimationFrame(() => {
+          this.setTransform(x, y, target, "", true, true);
+          this.updating = false;
+        });
+      }
+    };
+    this.setOriginScale = (scale) => {
+      this.originScale = scale;
+    };
+    this.adjustScale = (scale) => {
+      return Math.min(10, this.scaleMax, Math.max(.5, this.scaleMin, scale));
+    };
+    this.handleTouchStart = (e) => {
+      const touches = e.touches;
+      if (this.disabled || touches.length > 1 || !this.element) {
+        return;
+      }
+      const touch = touches[0];
+      this.touching = true;
+      this.firstMoveFireEvent = false;
+      this.origin.x = touch.screenX;
+      this.origin.y = touch.screenY;
+      this.baseX = this.translateX;
+      this.baseY = this.translateY;
+      this.element.style.willChange = "transform";
+    };
+    this.handleTouchMove = (e) => {
+      const touches = e.touches;
+      if (this.disabled || !this.element || this.scaling || !this.touching || touches.length > 1) {
+        return;
+      }
+      e.preventDefault();
+      const touch = touches[0];
+      const x = touch.screenX - this.origin.x;
+      const y = touch.screenY - this.origin.y;
+      this.setTransform(this.xMove ? (x + this.baseX) : 0, this.yMove ? (y + this.baseY) : 0);
+      if (!this.firstMoveFireEvent) {
+        this.firstMoveFireEvent = true;
+        const onTouchMove = Math.abs(x) > Math.abs(y) ? this.onHTouchMove : this.onVTouchMove;
+        onTouchMove.emit({
+          originalEvent: e,
+          bubbles: false,
+          capturePhase: false,
+          composed: true,
+          extraFields: {
+            touches: e.touches || {},
+            changedTouches: e.changedTouches || {}
+          }
+        });
+      }
+    };
+    this.handleTouchEnd = (e) => {
+      const touch = e.changedTouches[0];
+      if (this.disabled || !this.touching || !touch) {
+        return;
+      }
+      this.touching = false;
+      const x = touch.screenX - this.origin.x;
+      const y = touch.screenY - this.origin.y;
+      this.setTransform(this.xMove ? (x + this.baseX) : 0, this.yMove ? (y + this.baseY) : 0);
+    };
+    this.x = 0;
+    this.y = 0;
+    this.direction = "none";
+    this.outOfBounds = false;
+    this.inertia = false;
+    this.friction = 2;
+    this.damping = 20;
+    this.disabled = false;
+    this.scale = false;
+    this.scaleMin = .5;
+    this.scaleMax = 10;
+    this.scaleValue = 1;
+    this.animation = true;
+  }
+  watchX(newValue) {
+    this.setTransform(parseFloat(`${newValue || 0}`), this.translateY);
+  }
+  watchY(newValue) {
+    this.setTransform(this.translateX, parseFloat(`${newValue || 0}`));
+  }
+  watchScaleMinOrMax() {
+    if (!this.scale)
+      return false;
+    this.updateScale(this.currentScale, true);
+    this.setOriginScale(this.currentScale);
+  }
+  watchScaleValue(scale) {
+    if (!this.scale) {
+      return false;
+    }
+    this.updateScale(scale, true);
+    this.setOriginScale(scale);
+    return scale;
+  }
+  /**
+   * 设置父节点
+   */
+  async setParent({ element, area }) {
+    const scale = this.scale ? this.scaleValue : 1;
+    this.area = area;
+    this.parent = element;
+    this.updateOffset();
+    this.updateScaleOffset(scale);
+    this.updateBoundary();
+    this.setTransform(Number(this.x) + this.scaleOffset.x, Number(this.y) + this.scaleOffset.y, scale, "", true);
+    this.setOriginScale(scale);
+  }
+  /**
+   * 结束缩放
+   */
+  async endScale() {
+    this.scaling = false;
+    this.setOriginScale(this.currentScale);
+  }
+  /**
+   * 更新缩放
+   */
+  async setScale(scale) {
+    if (!this.scale) {
+      return;
+    }
+    this.scaling = true;
+    this.updateScale(scale * this.originScale);
+  }
+  connectedCallback() {
+    this.observer = new MutationObserver((mutations) => {
+      mutations.forEach((mutation) => {
+        const name = mutation.attributeName;
+        if (name && ["class", "style"].includes(name)) {
+          const oldValue = mutation.oldValue;
+          const newValue = mutation.target.getAttribute(name);
+          if (oldValue === newValue) {
+            return;
+          }
+          const filter = (input) => {
+            return input === null || input === void 0 ? void 0 : input.split(";").filter((item) => {
+              return !["transform", "will-change"].find((key) => {
+                return item.trim().startsWith(key);
+              });
+            }).join(";");
+          };
+          if (name === "style" && filter(newValue) === filter(oldValue)) {
+            return;
+          }
+          this.updateOffset();
+          this.updateScaleOffset();
+          this.updateBoundary();
+          this.setTransform(this.translateX, this.translateY);
+        }
+      });
+    });
+    this.observer.observe(this.element, {
+      attributes: true,
+      attributeOldValue: true
+    });
+  }
+  disconnectedCallback() {
+    var _a;
+    (_a = this.observer) === null || _a === void 0 ? void 0 : _a.disconnect();
+  }
+  componentDidLoad() {
+    this.element.style.transformOrigin = "center";
+    this.xMove = ["horizontal", "all"].includes(this.direction);
+    this.yMove = ["vertical", "all"].includes(this.direction);
+    if (this.friction <= 0) {
+      this.friction = 2;
+    }
+    if (this.x || this.y) {
+      const x = parseFloat(`${this.x || 0}`);
+      const y = parseFloat(`${this.y || 0}`);
+      this.setTransform(x, y);
+    }
+  }
+  render() {
+    return (h(Host, { onTouchStart: this.handleTouchStart, onTouchMove: this.handleTouchMove, onTouchEnd: this.handleTouchEnd }));
+  }
+  get element() { return this; }
+  static get watchers() { return {
+    "x": ["watchX"],
+    "y": ["watchY"],
+    "scaleMin": ["watchScaleMinOrMax"],
+    "scaleMax": ["watchScaleMinOrMax"],
+    "scaleValue": ["watchScaleValue"]
+  }; }
+  static get style() { return viewCss; }
+}, [0, "taro-movable-view-core", {
+    "x": [8],
+    "y": [8],
+    "direction": [1],
+    "outOfBounds": [4, "out-of-bounds"],
+    "inertia": [4],
+    "friction": [2],
+    "damping": [2],
+    "disabled": [4],
+    "scale": [4],
+    "scaleMin": [2, "scale-min"],
+    "scaleMax": [2, "scale-max"],
+    "scaleValue": [2, "scale-value"],
+    "animation": [4],
+    "setParent": [64],
+    "endScale": [64],
+    "setScale": [64]
+  }]);
+function defineCustomElement$1() {
+  if (typeof customElements === "undefined") {
+    return;
+  }
+  const components = ["taro-movable-view-core"];
+  components.forEach(tagName => { switch (tagName) {
+    case "taro-movable-view-core":
+      if (!customElements.get(tagName)) {
+        customElements.define(tagName, MovableView);
+      }
+      break;
+  } });
+}
+
+const TaroMovableViewCore = MovableView;
+const defineCustomElement = defineCustomElement$1;
+
+export { TaroMovableViewCore, defineCustomElement };
+
+//# sourceMappingURL=taro-movable-view-core.js.map

package/dist/components/taro-movable-view-core.js.map

@@ -0,0 +1 @@
+{"file":"taro-movable-view-core.js","mappings":"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","names":[],"sources":["./src/components/movable-area/view.scss?tag=taro-movable-view-core","./src/components/movable-area/movable-view.tsx"],"sourcesContent":["taro-movable-view-core {\n  display: inline-block;\n  position: absolute;\n  left: 0;\n  top: 0;\n  width: 10px;\n  height: 10px;\n}\n","import { Component, h, Host, Prop, Event, EventEmitter, Element, Watch, Method } from '@stencil/core'\n\n@Component({\n  tag: 'taro-movable-view-core',\n  styleUrl: './view.scss'\n})\nexport class MovableView {\n  /**\n   * 定义x轴方向的偏移，如果x的值不在可移动范围内，会自动移动到可移动范围；改变x的值会触发动画；单位支持px；\n   */\n  @Prop() x: number | string = 0\n  /**\n   * 定义y轴方向的偏移，如果y的值不在可移动范围内，会自动移动到可移动范围；改变y的值会触发动画；单位支持px；\n   */\n  @Prop() y: number | string = 0\n  /**\n   * 移动方向，属性值有all、vertical、horizontal、none\n   */\n  @Prop() direction: \"all\" | \"vertical\" | \"horizontal\" | \"none\" = \"none\"\n  /**\n   * 超过可移动区域后，是否还可以移动\n   */\n  @Prop() outOfBounds: boolean = false\n  /** \n   * 是否带有惯性 \n   */\n  @Prop() inertia: boolean = false\n  /**\n   * 摩擦系数，用于控制惯性滑动的动画，值越大摩擦力越大，滑动越快停止；必须大于0，否则会被设置成默认值\n   */\n  @Prop() friction: number = 2\n  /**\n   * 阻尼系数，用于控制x或y改变时的动画和过界回弹的动画，值越大移动越快\n   */\n  @Prop() damping: number = 20\n  /**\n   * 是否禁用\n   */\n  @Prop() disabled: boolean = false\n  /**\n   * 是否支持双指缩放，默认缩放手势生效区域是在movable-view内\n   */\n  @Prop() scale: boolean = false\n  /**\n   * 定义缩放倍数最小值\n   */\n  @Prop() scaleMin: number = .5\n  /**\n   * 定义缩放倍数最大值\n   */\n  @Prop() scaleMax: number = 10\n  /**\n   * 定义缩放倍数，取值范围为 0.5 - 10\n   */\n  @Prop() scaleValue: number = 1\n  /**\n   * 是否使用动画\n   */\n  @Prop() animation: boolean = true\n\n  /**\n   * 拖动过程中触发的事件，event.detail = {x, y, source}\n   */\n  @Event({\n    eventName: 'change'\n  }) onChange: EventEmitter\n\n  /**\n   * 缩放过程中触发的事件，event.detail = {x, y, scale}，x和y字段在2.1.0之后支持\n   */\n  @Event({\n    eventName: 'scale'\n  }) onScale: EventEmitter\n\n  /**\n   * 初次手指触摸后移动为横向的移动时触发，如果catch此事件，则意味着touchmove事件也被catch\n   */\n  @Event({\n    eventName: 'htouchmove'\n  }) onHTouchMove: EventEmitter\n\n  /**\n   * 初次手指触摸后移动为纵向的移动时触发，如果catch此事件，则意味着touchmove事件也被catch\n   */\n  @Event({\n    eventName: 'vtouchmove'\n  }) onVTouchMove: EventEmitter\n\n  @Element() element: HTMLElement\n\n  @Watch('x')\n  watchX (newValue: number | string) {\n    this.setTransform(parseFloat(`${newValue || 0}`), this.translateY)\n  }\n\n  @Watch('y')\n  watchY (newValue: number | string) {\n    this.setTransform(this.translateX, parseFloat(`${newValue || 0}`))\n  }\n\n  @Watch('scaleMin')\n  @Watch('scaleMax')\n  watchScaleMinOrMax () {\n    if (!this.scale) return false\n    this.updateScale(this.currentScale, true)\n    this.setOriginScale(this.currentScale)\n  }\n\n  @Watch('scaleValue')\n  watchScaleValue (scale) {\n    if (!this.scale) {\n      return false\n    }\n    this.updateScale(scale, true)\n    this.setOriginScale(scale)\n\n    return scale\n  }\n\n  /**\n   * 设置父节点\n   */\n  @Method()\n  async setParent ({ element, area }: { element: HTMLElement, area: { width: number; height: number; } }) {\n    const scale = this.scale ? this.scaleValue : 1\n    this.area = area\n    this.parent = element\n\n    this.updateOffset()\n    this.updateScaleOffset(scale)\n    this.updateBoundary()\n    this.setTransform(Number(this.x) + this.scaleOffset.x, Number(this.y) + this.scaleOffset.y, scale, \"\", true)\n    this.setOriginScale(scale)\n  }\n\n  /**\n   * 结束缩放\n   */\n  @Method()\n  async endScale () {\n    this.scaling = false\n    this.setOriginScale(this.currentScale)\n  }\n\n  /**\n   * 更新缩放\n   */\n  @Method()\n  async setScale (scale: number) {\n    if (!this.scale) {\n      return\n    }\n    this.scaling = true\n    this.updateScale(scale * this.originScale)\n  }\n\n  connectedCallback () {\n    this.observer = new MutationObserver((mutations) => {\n      mutations.forEach((mutation) => {\n        const name = mutation.attributeName\n        if (name && [\"class\", \"style\"].includes(name)) {\n          const oldValue = mutation.oldValue\n          const newValue = (mutation.target as HTMLElement).getAttribute(name)\n          if (oldValue === newValue) {\n            return\n          }\n          const filter = (input: string | null) => {\n            return input?.split(\";\").filter((item) => {\n              return ![\"transform\", \"will-change\"].find((key) => {\n                return item.trim().startsWith(key)\n              })\n            }).join(\";\")\n          }\n          if (name === \"style\" && filter(newValue) === filter(oldValue)) {\n            return\n          }\n\n          this.updateOffset()\n          this.updateScaleOffset()\n          this.updateBoundary()\n          this.setTransform(this.translateX, this.translateY)\n        }\n      })\n    })\n\n    this.observer.observe(this.element, {\n      attributes: true,\n      attributeOldValue: true\n    })\n  }\n\n  disconnectedCallback () {\n    this.observer?.disconnect()\n  }\n\n  /** 观察者 */\n  private observer?: MutationObserver\n  /** 缩放中 */\n  private scaling: boolean\n  /** 移动中 */\n  private touching: boolean\n  /** 更新中 */\n  private updating: boolean\n  /** 水平方向是否可移动 */\n  private xMove: boolean\n  /** 垂直方向是否可移动 */\n  private yMove: boolean\n  /** 首次移动方向事件是否已触发 */\n  private firstMoveFireEvent: boolean\n  /** 当前水平偏移 */\n  private translateX: number = 0\n  /** 当前垂直偏移 */\n  private translateY: number = 0\n  /** touch-start 原点 */\n  private origin: { x: number; y: number; } = { x: 0, y: 0 }\n  /** 父容器大小 */\n  private area: { width: number; height: number; } = { width: 0, height: 0 }\n  /** 父容器 */\n  private parent?: HTMLElement\n  /** 原始缩放倍数 */\n  private originScale: number = 1\n  /** 当前缩放倍数 */\n  private currentScale: number = 1\n  /** 宽度 */\n  private width: number = 0\n  /** 高度 */\n  private height: number = 0\n  /** 移动边界 */\n  private minX: number = 0\n  private minY: number = 0\n  private maxX: number = 0\n  private maxY: number = 0\n  /** 移动基础位置 */\n  private baseX: number = 0\n  private baseY: number = 0\n  /** 偏移量 */\n  private offset: { x: number; y: number; } = { x: 0, y: 0 }\n  private scaleOffset: { x: number; y: number; } = { x: 0, y: 0 }\n\n  getLimitXY = (x: number, y: number) => {\n    let outOfBounds = false\n    x > this.maxX ? (x = this.maxX, outOfBounds = true) : x < this.minX && (x = this.minX, outOfBounds = true)\n    y > this.maxY ? (y = this.maxY, outOfBounds = true) : y < this.minY && (y = this.minY, outOfBounds = true)\n\n    return { x, y, outOfBounds }\n  }\n\n  animationTo = (x: number, y: number, scale?: number, source?: string, noEmitChange?: boolean, emitScale?: boolean, callback?: () => void) => {\n    if (this.animation) {\n      this.setTransform(x, y, scale, source, noEmitChange, emitScale)\n      callback?.()\n    } else {\n      this.setTransform(x, y, scale, source, noEmitChange, emitScale)\n    }\n  }\n\n  setTransform = (x: number, y: number, scale?: number, source?: string, noEmitChange?: boolean, emitScale?: boolean) => {\n    x = Number(x.toFixed(1))\n    y = Number(y.toFixed(1))\n    scale = Number((scale ?? this.currentScale).toFixed(3))\n\n    if (!this.outOfBounds) {\n      const limit = this.getLimitXY(x, y)\n      x = limit.x\n      y = limit.y\n    }\n\n    const subtract = (e, t) => {\n      return +((1e3 * e - 1e3 * t) / 1e3).toFixed(1)\n    }\n\n    const realX = subtract(x, this.scaleOffset.x)\n    const realY = subtract(y, this.scaleOffset.y)\n    if (this.translateX !== x || this.translateY !== y) {\n      !noEmitChange && this.onChange.emit({\n        x: realX,\n        y: realY,\n        source\n      })\n    }\n\n    if (scale !== this.currentScale) {\n      emitScale && this.onScale.emit({\n        scale,\n        x: realX,\n        y: realY\n      })\n    }\n\n    const transform = `translateX(${x}px) translateY(${y}px) translateZ(0px) scale(${scale})`\n    this.element.style.transform = transform\n    this.element.style.webkitTransform = transform\n    this.translateX = x\n    this.translateY = y\n    this.currentScale = scale\n  }\n\n  updateOffset = () => {\n    const offset = (element: HTMLElement, parent: HTMLElement): { left: number; top: number; } => {\n      if (element === parent || !element.offsetParent) {\n        return { left: 0, top: 0 }\n      }\n      const current = offset(element.offsetParent as HTMLElement, parent)\n      return {\n        left: element.offsetLeft + current.left,\n        top: element.offsetTop + current.top\n      }\n    }\n\n    if (!this.parent) {\n      return\n    }\n\n    const current = offset(this.element, this.parent)\n\n    this.offset.x = current.left\n    this.offset.y = current.top\n  }\n\n  updateScaleOffset = (scale: number = this.currentScale) => {\n    const rect = this.element.getBoundingClientRect()\n    this.height = rect.height / this.currentScale\n    this.width = rect.width / this.currentScale\n    this.scaleOffset.x = (this.width * scale - this.width) / 2\n    this.scaleOffset.y = (this.height * scale - this.height) / 2\n  }\n\n  updateBoundary = () => {\n    const x1 = 0 - this.offset.x + this.scaleOffset.x\n    const x2 = this.area.width - this.width - this.offset.x - this.scaleOffset.x\n    this.minX = Math.min(x1, x2)\n    this.maxX = Math.max(x1, x2)\n    const y1 = 0 - this.offset.y + this.scaleOffset.y\n    const y2 = this.area.height - this.height - this.offset.y - this.scaleOffset.y\n    this.minY = Math.min(y1, y2)\n    this.maxY = Math.max(y1, y2)\n  }\n\n  updateScale = (scale: number, animation?: boolean, animationCallback?: () => void) => {\n    if (!this.scale) {\n      return\n    }\n\n    const target = this.adjustScale(scale)\n    this.updateScaleOffset(target)\n    this.updateBoundary()\n\n    const { x, y } = this.getLimitXY(this.translateX, this.translateY)\n    if (animation) {\n      this.animationTo(x, y, target, \"\", true, true, animationCallback)\n    } else if (!this.updating) {\n      this.updating = true\n      requestAnimationFrame(() => {\n        this.setTransform(x, y, target, \"\", true, true)\n        this.updating = false\n      })\n    }\n  }\n\n  setOriginScale = (scale: number) => {\n    this.originScale = scale\n  }\n\n  adjustScale = (scale: number) => {\n    return Math.min(10, this.scaleMax, Math.max(.5, this.scaleMin, scale))\n  }\n\n  componentDidLoad () {\n    this.element.style.transformOrigin = \"center\"\n\n    this.xMove = [\"horizontal\", \"all\"].includes(this.direction)\n    this.yMove = [\"vertical\", \"all\"].includes(this.direction)\n    if (this.friction <= 0) {\n      this.friction = 2\n    }\n\n    if (this.x || this.y) {\n      const x = parseFloat(`${this.x || 0}`)\n      const y = parseFloat(`${this.y || 0}`)\n      this.setTransform(x, y)\n    }\n  }\n\n  handleTouchStart = (e: TouchEvent) => {\n    const touches = e.touches\n    if (this.disabled || touches.length > 1 || !this.element) {\n      return\n    }\n    const touch = touches[0]\n\n    this.touching = true\n    this.firstMoveFireEvent = false\n    this.origin.x = touch.screenX\n    this.origin.y = touch.screenY\n\n    this.baseX = this.translateX\n    this.baseY = this.translateY\n\n    this.element.style.willChange = \"transform\"\n  }\n\n  handleTouchMove = (e: TouchEvent) => {\n    const touches = e.touches\n    if (this.disabled || !this.element || this.scaling || !this.touching || touches.length > 1) {\n      return\n    }\n    e.preventDefault()\n\n    const touch = touches[0]\n\n    const x = touch.screenX - this.origin.x\n    const y = touch.screenY - this.origin.y\n\n    this.setTransform(this.xMove ? (x + this.baseX) : 0, this.yMove ? (y + this.baseY) : 0)\n\n    if (!this.firstMoveFireEvent) {\n      this.firstMoveFireEvent = true\n      const onTouchMove = Math.abs(x) > Math.abs(y) ? this.onHTouchMove : this.onVTouchMove\n      onTouchMove.emit({\n        originalEvent: e,\n        bubbles: false,\n        capturePhase: false,\n        composed: true,\n        extraFields: {\n          touches: e.touches || {},\n          changedTouches: e.changedTouches || {}\n        }\n      })\n    }\n  }\n\n  handleTouchEnd = (e: TouchEvent) => {\n    const touch = e.changedTouches[0]\n    if (this.disabled || !this.touching || !touch) {\n      return\n    }\n    this.touching = false\n\n    const x = touch.screenX - this.origin.x\n    const y = touch.screenY - this.origin.y\n\n    this.setTransform(this.xMove ? (x + this.baseX) : 0, this.yMove ? (y + this.baseY) : 0)\n  }\n\n  render () {\n    return (\n      <Host\n        onTouchStart={this.handleTouchStart}\n        onTouchMove={this.handleTouchMove}\n        onTouchEnd={this.handleTouchEnd}\n      />\n    )\n  }\n}\n"],"version":3}

package/dist/components/taro-native-slot-core.d.ts

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

package/dist/components/taro-native-slot-core.js

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

package/dist/components/taro-native-slot-core.js.map

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

package/dist/components/taro-navigation-bar-core.d.ts

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

package/dist/components/taro-navigation-bar-core.js

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

package/dist/components/taro-navigation-bar-core.js.map

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

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

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

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

@@ -0,0 +1,96 @@
+import { proxyCustomElement, HTMLElement, createEvent, h, Host } from '@stencil/core/internal/client';
+import Taro from '@tarojs/taro';
+import { c as classnames } from './index2.js';
+
+const indexCss = ".navigator-hover{background:#efefef}";
+
+const Navigator = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
+  constructor() {
+    super();
+    this.__registerHost();
+    this.onSuccess = createEvent(this, "cuccess", 7);
+    this.onFail = createEvent(this, "fail", 7);
+    this.onComplete = createEvent(this, "Complete", 7);
+    this.hoverClass = undefined;
+    this.url = undefined;
+    this.openType = 'navigate';
+    this.isHover = false;
+    this.delta = 0;
+  }
+  onClick() {
+    const { openType, onSuccess, onFail, onComplete } = this;
+    let promise = Promise.resolve();
+    switch (openType) {
+      case 'navigate':
+        promise = Taro.navigateTo({
+          url: this.url
+        });
+        break;
+      case 'redirect':
+        promise = Taro.redirectTo({
+          url: this.url
+        });
+        break;
+      case 'switchTab':
+        promise = Taro.switchTab({
+          url: this.url
+        });
+        break;
+      case 'reLaunch':
+        promise = Taro.reLaunch({
+          url: this.url
+        });
+        break;
+      case 'navigateBack':
+        promise = Taro.navigateBack({
+          delta: this.delta
+        });
+        break;
+      case 'exit':
+        promise = Promise.reject(new Error('navigator:fail 暂不支持"openType: exit"'));
+        break;
+    }
+    if (promise) {
+      promise.then(res => {
+        onSuccess.emit(res);
+      }).catch(res => {
+        onFail.emit(res);
+      }).finally(() => {
+        onComplete.emit();
+      });
+    }
+  }
+  render() {
+    const { isHover, hoverClass } = this;
+    return (h(Host, { class: classnames({
+        [hoverClass]: isHover
+      }) }));
+  }
+  static get style() { return indexCss; }
+}, [0, "taro-navigator-core", {
+    "hoverClass": [1, "hover-class"],
+    "url": [1],
+    "openType": [1, "open-type"],
+    "isHover": [4, "is-hover"],
+    "delta": [2]
+  }, [[0, "click", "onClick"]]]);
+function defineCustomElement$1() {
+  if (typeof customElements === "undefined") {
+    return;
+  }
+  const components = ["taro-navigator-core"];
+  components.forEach(tagName => { switch (tagName) {
+    case "taro-navigator-core":
+      if (!customElements.get(tagName)) {
+        customElements.define(tagName, Navigator);
+      }
+      break;
+  } });
+}
+
+const TaroNavigatorCore = Navigator;
+const defineCustomElement = defineCustomElement$1;
+
+export { TaroNavigatorCore, defineCustomElement };
+
+//# sourceMappingURL=taro-navigator-core.js.map