@tuya-miniapp/smart-ui 0.0.1-beta-1

package/lib/index-bar/index.js

@@ -0,0 +1,243 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+var color_1 = require("../common/color");
+var component_1 = require("../common/component");
+var relation_1 = require("../common/relation");
+var utils_1 = require("../common/utils");
+var page_scroll_1 = require("../mixins/page-scroll");
+var indexList = function () {
+    var indexList = [];
+    var charCodeOfA = 'A'.charCodeAt(0);
+    for (var i = 0; i < 26; i++) {
+        indexList.push(String.fromCharCode(charCodeOfA + i));
+    }
+    return indexList;
+};
+(0, component_1.VantComponent)({
+    relation: (0, relation_1.useChildren)('index-anchor', function () {
+        this.updateData();
+    }),
+    props: {
+        sticky: {
+            type: Boolean,
+            value: true,
+        },
+        zIndex: {
+            type: Number,
+            value: 1,
+        },
+        highlightColor: {
+            type: String,
+            value: color_1.GREEN,
+        },
+        stickyOffsetTop: {
+            type: Number,
+            value: 0,
+        },
+        indexList: {
+            type: Array,
+            value: indexList(),
+        },
+    },
+    mixins: [
+        (0, page_scroll_1.pageScrollMixin)(function (event) {
+            this.scrollTop = (event === null || event === void 0 ? void 0 : event.scrollTop) || 0;
+            this.onScroll();
+        }),
+    ],
+    data: {
+        activeAnchorIndex: null,
+        showSidebar: false,
+    },
+    created: function () {
+        this.scrollTop = 0;
+    },
+    methods: {
+        updateData: function () {
+            var _this = this;
+            wx.nextTick(function () {
+                if (_this.timer != null) {
+                    clearTimeout(_this.timer);
+                }
+                _this.timer = setTimeout(function () {
+                    _this.setData({
+                        showSidebar: !!_this.children.length,
+                    });
+                    _this.setRect().then(function () {
+                        _this.onScroll();
+                    });
+                }, 0);
+            });
+        },
+        setRect: function () {
+            return Promise.all([
+                this.setAnchorsRect(),
+                this.setListRect(),
+                this.setSiderbarRect(),
+            ]);
+        },
+        setAnchorsRect: function () {
+            var _this = this;
+            return Promise.all(this.children.map(function (anchor) {
+                return (0, utils_1.getRect)(anchor, '.van-index-anchor-wrapper').then(function (rect) {
+                    Object.assign(anchor, {
+                        height: rect.height,
+                        top: rect.top + _this.scrollTop,
+                    });
+                });
+            }));
+        },
+        setListRect: function () {
+            var _this = this;
+            return (0, utils_1.getRect)(this, '.van-index-bar').then(function (rect) {
+                if (!(0, utils_1.isDef)(rect)) {
+                    return;
+                }
+                Object.assign(_this, {
+                    height: rect.height,
+                    top: rect.top + _this.scrollTop,
+                });
+            });
+        },
+        setSiderbarRect: function () {
+            var _this = this;
+            return (0, utils_1.getRect)(this, '.van-index-bar__sidebar').then(function (res) {
+                if (!(0, utils_1.isDef)(res)) {
+                    return;
+                }
+                _this.sidebar = {
+                    height: res.height,
+                    top: res.top,
+                };
+            });
+        },
+        setDiffData: function (_a) {
+            var target = _a.target, data = _a.data;
+            var diffData = {};
+            Object.keys(data).forEach(function (key) {
+                if (target.data[key] !== data[key]) {
+                    diffData[key] = data[key];
+                }
+            });
+            if (Object.keys(diffData).length) {
+                target.setData(diffData);
+            }
+        },
+        getAnchorRect: function (anchor) {
+            return (0, utils_1.getRect)(anchor, '.van-index-anchor-wrapper').then(function (rect) { return ({
+                height: rect.height,
+                top: rect.top,
+            }); });
+        },
+        getActiveAnchorIndex: function () {
+            var _a = this, children = _a.children, scrollTop = _a.scrollTop;
+            var _b = this.data, sticky = _b.sticky, stickyOffsetTop = _b.stickyOffsetTop;
+            for (var i = this.children.length - 1; i >= 0; i--) {
+                var preAnchorHeight = i > 0 ? children[i - 1].height : 0;
+                var reachTop = sticky ? preAnchorHeight + stickyOffsetTop : 0;
+                if (reachTop + scrollTop >= children[i].top) {
+                    return i;
+                }
+            }
+            return -1;
+        },
+        onScroll: function () {
+            var _this = this;
+            var _a = this, _b = _a.children, children = _b === void 0 ? [] : _b, scrollTop = _a.scrollTop;
+            if (!children.length) {
+                return;
+            }
+            var _c = this.data, sticky = _c.sticky, stickyOffsetTop = _c.stickyOffsetTop, zIndex = _c.zIndex, highlightColor = _c.highlightColor;
+            var active = this.getActiveAnchorIndex();
+            this.setDiffData({
+                target: this,
+                data: {
+                    activeAnchorIndex: active,
+                },
+            });
+            if (sticky) {
+                var isActiveAnchorSticky_1 = false;
+                if (active !== -1) {
+                    isActiveAnchorSticky_1 =
+                        children[active].top <= stickyOffsetTop + scrollTop;
+                }
+                children.forEach(function (item, index) {
+                    if (index === active) {
+                        var wrapperStyle = '';
+                        var anchorStyle = "\n              color: ".concat(highlightColor, ";\n            ");
+                        if (isActiveAnchorSticky_1) {
+                            wrapperStyle = "\n                height: ".concat(children[index].height, "px;\n              ");
+                            anchorStyle = "\n                position: fixed;\n                top: ".concat(stickyOffsetTop, "px;\n                z-index: ").concat(zIndex, ";\n                color: ").concat(highlightColor, ";\n              ");
+                        }
+                        _this.setDiffData({
+                            target: item,
+                            data: {
+                                active: true,
+                                anchorStyle: anchorStyle,
+                                wrapperStyle: wrapperStyle,
+                            },
+                        });
+                    }
+                    else if (index === active - 1) {
+                        var currentAnchor = children[index];
+                        var currentOffsetTop = currentAnchor.top;
+                        var targetOffsetTop = index === children.length - 1
+                            ? _this.top
+                            : children[index + 1].top;
+                        var parentOffsetHeight = targetOffsetTop - currentOffsetTop;
+                        var translateY = parentOffsetHeight - currentAnchor.height;
+                        var anchorStyle = "\n              position: relative;\n              transform: translate3d(0, ".concat(translateY, "px, 0);\n              z-index: ").concat(zIndex, ";\n              color: ").concat(highlightColor, ";\n            ");
+                        _this.setDiffData({
+                            target: item,
+                            data: {
+                                active: true,
+                                anchorStyle: anchorStyle,
+                            },
+                        });
+                    }
+                    else {
+                        _this.setDiffData({
+                            target: item,
+                            data: {
+                                active: false,
+                                anchorStyle: '',
+                                wrapperStyle: '',
+                            },
+                        });
+                    }
+                });
+            }
+        },
+        onClick: function (event) {
+            this.scrollToAnchor(event.target.dataset.index);
+        },
+        onTouchMove: function (event) {
+            var sidebarLength = this.children.length;
+            var touch = event.touches[0];
+            var itemHeight = this.sidebar.height / sidebarLength;
+            var index = Math.floor((touch.clientY - this.sidebar.top) / itemHeight);
+            if (index < 0) {
+                index = 0;
+            }
+            else if (index > sidebarLength - 1) {
+                index = sidebarLength - 1;
+            }
+            this.scrollToAnchor(index);
+        },
+        onTouchStop: function () {
+            this.scrollToAnchorIndex = null;
+        },
+        scrollToAnchor: function (index) {
+            var _this = this;
+            if (typeof index !== 'number' || this.scrollToAnchorIndex === index) {
+                return;
+            }
+            this.scrollToAnchorIndex = index;
+            var anchor = this.children.find(function (item) { return item.data.index === _this.data.indexList[index]; });
+            if (anchor) {
+                anchor.scrollIntoView(this.scrollTop);
+                this.$emit('select', anchor.data.index);
+            }
+        },
+    },
+});

package/lib/index-bar/index.json

@@ -0,0 +1,3 @@
+{
+  "component": true
+}

package/lib/index-bar/index.wxml

@@ -0,0 +1,22 @@
+<view class="van-index-bar">
+  <slot />
+
+  <view
+    wx:if="{{ showSidebar }}"
+    class="van-index-bar__sidebar"
+    catch:tap="onClick"
+    catch:touchmove="onTouchMove"
+    catch:touchend="onTouchStop"
+    catch:touchcancel="onTouchStop"
+  >
+    <view
+      wx:for="{{ indexList }}"
+      wx:key="index"
+      class="van-index-bar__index"
+      style="z-index: {{ zIndex + 1 }}; color: {{ activeAnchorIndex === index ? highlightColor : '' }}"
+      data-index="{{ index }}"
+    >
+      {{ item }}
+    </view>
+  </view>
+</view>

package/lib/index-bar/index.wxss

@@ -0,0 +1 @@
+@import '../common/index.wxss';.van-index-bar{position:relative}.van-index-bar__sidebar{display:flex;flex-direction:column;position:fixed;right:0;text-align:center;top:50%;transform:translateY(-50%);-webkit-user-select:none;user-select:none}.van-index-bar__index{font-size:var(--index-bar-index-font-size,10px);font-weight:500;line-height:var(--index-bar-index-line-height,14px);padding:0 var(--padding-base,4px) 0 var(--padding-md,16px)}

package/lib/info/index.css

@@ -0,0 +1 @@
+@import '../common/index.css';.van-info{align-items:center;background-color:var(--info-background-color,var(--app-M2,#f04c4c));border:var(--info-border-width,0) solid #fff;border-radius:var(--info-size,12px);box-sizing:border-box;color:var(--info-color,#fff);display:inline-flex;font-family:var(--info-font-family,-apple-system-font,PingFang SC,Helvetica Neue,Arial,sans-serif);font-size:var(--info-font-size,11px);font-weight:var(--info-font-weight,600);height:var(--info-size,12px);justify-content:center;min-width:var(--info-size,12px);padding:var(--info-padding,0 4px);position:absolute;right:0;top:0;transform:translate(50%,-50%);transform-origin:100%;white-space:nowrap}.van-info--dot{background-color:var(--info-dot-color,var(--app-M2,#f04c4c));border-radius:100%;height:var(--info-dot-size,8px);min-width:0;width:var(--info-dot-size,8px)}

package/lib/info/index.d.ts

@@ -0,0 +1 @@
+export {};

package/lib/info/index.js

@@ -0,0 +1,10 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+var component_1 = require("../common/component");
+(0, component_1.VantComponent)({
+    props: {
+        dot: Boolean,
+        info: null,
+        customStyle: String,
+    },
+});

package/lib/info/index.json

@@ -0,0 +1,3 @@
+{
+  "component": true
+}

package/lib/info/index.wxml

@@ -0,0 +1,7 @@
+<wxs src="../wxs/utils.wxs" module="utils" />
+
+<view
+  wx:if="{{ info !== null && info !== '' || dot }}"
+  class="van-info {{ utils.bem('info', { dot }) }} custom-class"
+  style="{{ customStyle }}"
+>{{ dot ? '' : info }}</view>

package/lib/info/index.wxss

@@ -0,0 +1 @@
+@import '../common/index.wxss';.van-info{align-items:center;background-color:var(--info-background-color,var(--app-M2,#f04c4c));border:var(--info-border-width,0) solid #fff;border-radius:var(--info-size,12px);box-sizing:border-box;color:var(--info-color,#fff);display:inline-flex;font-family:var(--info-font-family,-apple-system-font,PingFang SC,Helvetica Neue,Arial,sans-serif);font-size:var(--info-font-size,11px);font-weight:var(--info-font-weight,600);height:var(--info-size,12px);justify-content:center;min-width:var(--info-size,12px);padding:var(--info-padding,0 4px);position:absolute;right:0;top:0;transform:translate(50%,-50%);transform-origin:100%;white-space:nowrap}.van-info--dot{background-color:var(--info-dot-color,var(--app-M2,#f04c4c));border-radius:100%;height:var(--info-dot-size,8px);min-width:0;width:var(--info-dot-size,8px)}

package/lib/loading/index.css

@@ -0,0 +1 @@
+@import '../common/index.css';:host{font-size:0;line-height:1}.van-loading{align-items:center;color:var(--loading-spinner-color,#c8c9cc);display:inline-flex;justify-content:center}.van-loading__spinner{animation:van-rotate var(--loading-spinner-animation-duration,.8s) linear infinite;box-sizing:border-box;height:var(--loading-spinner-size,30px);max-height:100%;max-width:100%;position:relative;width:var(--loading-spinner-size,30px)}.van-loading__spinner--spinner{animation-timing-function:steps(12)}.van-loading__spinner--circular{border:1px solid transparent;border-radius:100%;border-top-color:initial}.van-loading__text{color:var(--loading-text-color,#969799);font-size:var(--loading-text-font-size,14px);line-height:var(--loading-text-line-height,20px);margin-left:var(--padding-xs,8px)}.van-loading__text:empty{display:none}.van-loading--vertical{flex-direction:column}.van-loading--vertical .van-loading__text{margin:var(--padding-xs,8px) 0 0}.van-loading__dot{height:100%;left:0;position:absolute;top:0;width:100%}.van-loading__dot:before{background-color:currentColor;border-radius:40%;content:" ";display:block;height:25%;margin:0 auto;width:2px}.van-loading__dot:first-of-type{opacity:1;transform:rotate(30deg)}.van-loading__dot:nth-of-type(2){opacity:.9375;transform:rotate(60deg)}.van-loading__dot:nth-of-type(3){opacity:.875;transform:rotate(90deg)}.van-loading__dot:nth-of-type(4){opacity:.8125;transform:rotate(120deg)}.van-loading__dot:nth-of-type(5){opacity:.75;transform:rotate(150deg)}.van-loading__dot:nth-of-type(6){opacity:.6875;transform:rotate(180deg)}.van-loading__dot:nth-of-type(7){opacity:.625;transform:rotate(210deg)}.van-loading__dot:nth-of-type(8){opacity:.5625;transform:rotate(240deg)}.van-loading__dot:nth-of-type(9){opacity:.5;transform:rotate(270deg)}.van-loading__dot:nth-of-type(10){opacity:.4375;transform:rotate(300deg)}.van-loading__dot:nth-of-type(11){opacity:.375;transform:rotate(330deg)}.van-loading__dot:nth-of-type(12){opacity:.3125;transform:rotate(1turn)}@keyframes van-rotate{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}

package/lib/loading/index.d.ts

@@ -0,0 +1 @@
+export {};

package/lib/loading/index.js

@@ -0,0 +1,18 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+var component_1 = require("../common/component");
+(0, component_1.VantComponent)({
+    props: {
+        color: String,
+        vertical: Boolean,
+        type: {
+            type: String,
+            value: 'circular',
+        },
+        size: String,
+        textSize: String,
+    },
+    data: {
+        array12: Array.from({ length: 12 }),
+    },
+});

package/lib/loading/index.json

@@ -0,0 +1,3 @@
+{
+  "component": true
+}

package/lib/loading/index.wxml

@@ -0,0 +1,19 @@
+<wxs src="../wxs/utils.wxs" module="utils" />
+<wxs src="./index.wxs" module="computed" />
+
+<view class="custom-class {{ utils.bem('loading', { vertical }) }}">
+  <view
+    class="van-loading__spinner van-loading__spinner--{{ type }}"
+    style="{{ computed.spinnerStyle({ color, size }) }}"
+  >
+    <view
+      wx:if="{{ type === 'spinner' }}"
+      wx:for="{{ array12 }}"
+      wx:key="index"
+      class="van-loading__dot"
+    />
+  </view>
+  <view class="van-loading__text" style="{{ computed.textStyle({ textSize }) }}">
+    <slot />
+  </view>
+</view>

package/lib/loading/index.wxs

@@ -0,0 +1,22 @@
+/* eslint-disable */
+var style = require('../wxs/style.wxs');
+var addUnit = require('../wxs/add-unit.wxs');
+
+function spinnerStyle(data) {
+  return style({
+    color: data.color,
+    width: addUnit(data.size),
+    height: addUnit(data.size),
+  });
+}
+
+function textStyle(data) {
+  return style({
+    'font-size': addUnit(data.textSize),
+  });
+}
+
+module.exports = {
+  spinnerStyle: spinnerStyle,
+  textStyle: textStyle,
+};

package/lib/loading/index.wxss

@@ -0,0 +1 @@
+@import '../common/index.wxss';:host{font-size:0;line-height:1}.van-loading{align-items:center;color:var(--loading-spinner-color,#c8c9cc);display:inline-flex;justify-content:center}.van-loading__spinner{animation:van-rotate var(--loading-spinner-animation-duration,.8s) linear infinite;box-sizing:border-box;height:var(--loading-spinner-size,30px);max-height:100%;max-width:100%;position:relative;width:var(--loading-spinner-size,30px)}.van-loading__spinner--spinner{animation-timing-function:steps(12)}.van-loading__spinner--circular{border:1px solid transparent;border-radius:100%;border-top-color:initial}.van-loading__text{color:var(--loading-text-color,#969799);font-size:var(--loading-text-font-size,14px);line-height:var(--loading-text-line-height,20px);margin-left:var(--padding-xs,8px)}.van-loading__text:empty{display:none}.van-loading--vertical{flex-direction:column}.van-loading--vertical .van-loading__text{margin:var(--padding-xs,8px) 0 0}.van-loading__dot{height:100%;left:0;position:absolute;top:0;width:100%}.van-loading__dot:before{background-color:currentColor;border-radius:40%;content:" ";display:block;height:25%;margin:0 auto;width:2px}.van-loading__dot:first-of-type{opacity:1;transform:rotate(30deg)}.van-loading__dot:nth-of-type(2){opacity:.9375;transform:rotate(60deg)}.van-loading__dot:nth-of-type(3){opacity:.875;transform:rotate(90deg)}.van-loading__dot:nth-of-type(4){opacity:.8125;transform:rotate(120deg)}.van-loading__dot:nth-of-type(5){opacity:.75;transform:rotate(150deg)}.van-loading__dot:nth-of-type(6){opacity:.6875;transform:rotate(180deg)}.van-loading__dot:nth-of-type(7){opacity:.625;transform:rotate(210deg)}.van-loading__dot:nth-of-type(8){opacity:.5625;transform:rotate(240deg)}.van-loading__dot:nth-of-type(9){opacity:.5;transform:rotate(270deg)}.van-loading__dot:nth-of-type(10){opacity:.4375;transform:rotate(300deg)}.van-loading__dot:nth-of-type(11){opacity:.375;transform:rotate(330deg)}.van-loading__dot:nth-of-type(12){opacity:.3125;transform:rotate(1turn)}@keyframes van-rotate{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}

package/lib/mixins/basic.d.ts

@@ -0,0 +1 @@
+export declare const basic: string;

package/lib/mixins/basic.js

@@ -0,0 +1,14 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.basic = void 0;
+exports.basic = Behavior({
+    methods: {
+        $emit: function (name, detail, options) {
+            this.triggerEvent(name, detail, options);
+        },
+        set: function (data) {
+            this.setData(data);
+            return new Promise(function (resolve) { return wx.nextTick(resolve); });
+        },
+    },
+});

package/lib/mixins/button.d.ts

@@ -0,0 +1 @@
+export declare const button: string;

package/lib/mixins/button.js

@@ -0,0 +1,54 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.button = void 0;
+var version_1 = require("../common/version");
+exports.button = Behavior({
+    externalClasses: ['hover-class'],
+    properties: {
+        id: String,
+        buttonId: String,
+        lang: String,
+        businessId: Number,
+        sessionFrom: String,
+        sendMessageTitle: String,
+        sendMessagePath: String,
+        sendMessageImg: String,
+        showMessageCard: Boolean,
+        appParameter: String,
+        ariaLabel: String,
+        openType: String,
+        getUserProfileDesc: String,
+    },
+    data: {
+        canIUseGetUserProfile: (0, version_1.canIUseGetUserProfile)(),
+    },
+    methods: {
+        onGetUserInfo: function (event) {
+            this.triggerEvent('getuserinfo', event.detail);
+        },
+        onContact: function (event) {
+            this.triggerEvent('contact', event.detail);
+        },
+        onGetPhoneNumber: function (event) {
+            this.triggerEvent('getphonenumber', event.detail);
+        },
+        onGetRealTimePhoneNumber: function (event) {
+            this.triggerEvent('getrealtimephonenumber', event.detail);
+        },
+        onError: function (event) {
+            this.triggerEvent('error', event.detail);
+        },
+        onLaunchApp: function (event) {
+            this.triggerEvent('launchapp', event.detail);
+        },
+        onOpenSetting: function (event) {
+            this.triggerEvent('opensetting', event.detail);
+        },
+        onAgreePrivacyAuthorization: function (event) {
+            this.triggerEvent('agreeprivacyauthorization', event.detail);
+        },
+        onChooseAvatar: function (event) {
+            this.triggerEvent('chooseavatar', event.detail);
+        },
+    },
+});

package/lib/mixins/link.d.ts

@@ -0,0 +1 @@
+export declare const link: string;

package/lib/mixins/link.js

@@ -0,0 +1,27 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.link = void 0;
+exports.link = Behavior({
+    properties: {
+        url: String,
+        linkType: {
+            type: String,
+            value: 'navigateTo',
+        },
+    },
+    methods: {
+        jumpLink: function (urlKey) {
+            if (urlKey === void 0) { urlKey = 'url'; }
+            var url = this.data[urlKey];
+            if (url) {
+                if (this.data.linkType === 'navigateTo' &&
+                    getCurrentPages().length > 9) {
+                    wx.redirectTo({ url: url });
+                }
+                else {
+                    wx[this.data.linkType]({ url: url });
+                }
+            }
+        },
+    },
+});

package/lib/mixins/page-scroll.d.ts

@@ -0,0 +1,6 @@
+/// <reference types="miniprogram-api-typings" />
+/// <reference types="miniprogram-api-typings" />
+type IPageScrollOption = WechatMiniprogram.Page.IPageScrollOption;
+type Scroller = (this: WechatMiniprogram.Component.TrivialInstance, event?: IPageScrollOption) => void;
+export declare function pageScrollMixin(scroller: Scroller): string;
+export {};

package/lib/mixins/page-scroll.js

@@ -0,0 +1,47 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.pageScrollMixin = void 0;
+var validator_1 = require("../common/validator");
+var utils_1 = require("../common/utils");
+function onPageScroll(event) {
+    var _a = (0, utils_1.getCurrentPage)().vanPageScroller, vanPageScroller = _a === void 0 ? [] : _a;
+    vanPageScroller.forEach(function (scroller) {
+        if (typeof scroller === 'function') {
+            // @ts-ignore
+            scroller(event);
+        }
+    });
+}
+function pageScrollMixin(scroller) {
+    return Behavior({
+        attached: function () {
+            var page = (0, utils_1.getCurrentPage)();
+            if (!(0, utils_1.isDef)(page)) {
+                return;
+            }
+            var _scroller = scroller.bind(this);
+            var _a = page.vanPageScroller, vanPageScroller = _a === void 0 ? [] : _a;
+            if ((0, validator_1.isFunction)(page.onPageScroll) && page.onPageScroll !== onPageScroll) {
+                vanPageScroller.push(page.onPageScroll.bind(page));
+            }
+            vanPageScroller.push(_scroller);
+            page.vanPageScroller = vanPageScroller;
+            page.onPageScroll = onPageScroll;
+            this._scroller = _scroller;
+        },
+        detached: function () {
+            var _this = this;
+            var page = (0, utils_1.getCurrentPage)();
+            if (!(0, utils_1.isDef)(page) || !(0, utils_1.isDef)(page.vanPageScroller)) {
+                return;
+            }
+            var vanPageScroller = page.vanPageScroller;
+            var index = vanPageScroller.findIndex(function (v) { return v === _this._scroller; });
+            if (index > -1) {
+                page.vanPageScroller.splice(index, 1);
+            }
+            this._scroller = undefined;
+        },
+    });
+}
+exports.pageScrollMixin = pageScrollMixin;

package/lib/mixins/touch.d.ts

@@ -0,0 +1 @@
+export declare const touch: string;

package/lib/mixins/touch.js

@@ -0,0 +1,40 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.touch = void 0;
+// @ts-nocheck
+var MIN_DISTANCE = 10;
+function getDirection(x, y) {
+    if (x > y && x > MIN_DISTANCE) {
+        return 'horizontal';
+    }
+    if (y > x && y > MIN_DISTANCE) {
+        return 'vertical';
+    }
+    return '';
+}
+exports.touch = Behavior({
+    methods: {
+        resetTouchStatus: function () {
+            this.direction = '';
+            this.deltaX = 0;
+            this.deltaY = 0;
+            this.offsetX = 0;
+            this.offsetY = 0;
+        },
+        touchStart: function (event) {
+            this.resetTouchStatus();
+            var touch = event.touches[0];
+            this.startX = touch.clientX;
+            this.startY = touch.clientY;
+        },
+        touchMove: function (event) {
+            var touch = event.touches[0];
+            this.deltaX = touch.clientX - this.startX;
+            this.deltaY = touch.clientY - this.startY;
+            this.offsetX = Math.abs(this.deltaX);
+            this.offsetY = Math.abs(this.deltaY);
+            this.direction =
+                this.direction || getDirection(this.offsetX, this.offsetY);
+        },
+    },
+});

package/lib/mixins/transition.d.ts

@@ -0,0 +1 @@
+export declare function transition(showDefaultValue: boolean): string;