project init

components/mixins/page-scroll.d.ts

@@ -1,7 +0,0 @@
-/// <reference types="miniprogram-api-typings" />
-/// <reference types="miniprogram-api-typings" />
-declare type IPageScrollOption = WechatMiniprogram.Page.IPageScrollOption;
-declare type Scroller = (this: WechatMiniprogram.Component.TrivialInstance, event?: IPageScrollOption) => void;
-export declare const pageScrollMixin: (scroller: Scroller) => string;
-export declare const getRect: (context: any, selector: string) => Promise<WechatMiniprogram.BoundingClientRectCallbackResult>;
-export {};

components/mixins/page-scroll.js

@@ -1,50 +0,0 @@
-const getCurrentPage = function () {
-    const pages = getCurrentPages();
-    return pages[pages.length - 1];
-};
-const onPageScroll = function (event) {
-    const page = getCurrentPage();
-    if (!page)
-        return;
-    const { pageScroller } = page;
-    pageScroller.forEach((scroller) => {
-        if (typeof scroller === 'function') {
-            scroller(event);
-        }
-    });
-};
-export const pageScrollMixin = (scroller) => {
-    let bindScroller = scroller;
-    return Behavior({
-        attached() {
-            const page = getCurrentPage();
-            if (!page)
-                return;
-            bindScroller = scroller.bind(this);
-            if (Array.isArray(page.pageScroller)) {
-                page.pageScroller.push(bindScroller);
-            }
-            else {
-                page.pageScroller =
-                    typeof page.onPageScroll === 'function' ? [page.onPageScroll.bind(page), bindScroller] : [bindScroller];
-            }
-            page.onPageScroll = onPageScroll;
-        },
-        detached() {
-            var _a;
-            const page = getCurrentPage();
-            if (!page)
-                return;
-            page.pageScroller = ((_a = page.pageScroller) === null || _a === void 0 ? void 0 : _a.filter((item) => item !== scroller)) || [];
-        },
-    });
-};
-export const getRect = function (context, selector) {
-    return new Promise((resolve) => {
-        wx.createSelectorQuery()
-            .in(context)
-            .select(selector)
-            .boundingClientRect()
-            .exec((rect = []) => resolve(rect[0]));
-    });
-};

components/mixins/transition.d.ts

@@ -1 +0,0 @@
-export default function transition(): string;

components/mixins/transition.js

@@ -1,123 +0,0 @@
-import config from '../common/config';
-const { prefix } = config;
-export default function transition() {
-    return Behavior({
-        properties: {
-            visible: {
-                type: Boolean,
-                value: null,
-                observer: 'watchVisible',
-            },
-            appear: Boolean,
-            name: {
-                type: String,
-                value: 'fade',
-            },
-            durations: {
-                type: Number,
-                optionalTypes: [Array],
-            },
-        },
-        data: {
-            transitionClass: '',
-            transitionDurations: 300,
-            className: '',
-            realVisible: false,
-        },
-        created() {
-            this.status = '';
-            this.transitionT = 0;
-        },
-        attached() {
-            this.durations = this.getDurations();
-            if (this.data.visible) {
-                this.enter();
-            }
-            this.inited = true;
-        },
-        detached() {
-            clearTimeout(this.transitionT);
-        },
-        methods: {
-            watchVisible(curr, prev) {
-                if (this.inited && curr !== prev) {
-                    curr ? this.enter() : this.leave();
-                }
-            },
-            getDurations() {
-                const { durations } = this.data;
-                if (Array.isArray(durations)) {
-                    return durations.map((item) => Number(item));
-                }
-                return [Number(durations), Number(durations)];
-            },
-            enter() {
-                const { name } = this.data;
-                const [duration] = this.durations;
-                this.status = 'entering';
-                this.setData({
-                    realVisible: true,
-                    transitionClass: `${prefix}-${name}-enter ${prefix}-${name}-enter-active`,
-                });
-                setTimeout(() => {
-                    this.setData({
-                        transitionClass: `${prefix}-${name}-enter-active ${prefix}-${name}-enter-to`,
-                    });
-                }, 30);
-                if (typeof duration === 'number' && duration > 0) {
-                    this.transitionT = setTimeout(this.entered.bind(this), duration + 30);
-                }
-            },
-            entered() {
-                this.customDuration = false;
-                clearTimeout(this.transitionT);
-                this.status = 'entered';
-                this.setData({
-                    transitionClass: '',
-                });
-            },
-            leave() {
-                const { name } = this.data;
-                const [, duration] = this.durations;
-                this.status = 'leaving';
-                this.setData({
-                    transitionClass: `${prefix}-${name}-leave  ${prefix}-${name}-leave-active`,
-                });
-                clearTimeout(this.transitionT);
-                setTimeout(() => {
-                    this.setData({
-                        transitionClass: `${prefix}-${name}-leave-active ${prefix}-${name}-leave-to`,
-                    });
-                }, 30);
-                if (typeof duration === 'number' && duration > 0) {
-                    this.customDuration = true;
-                    this.transitionT = setTimeout(this.leaved.bind(this), duration + 30);
-                }
-            },
-            leaved() {
-                this.customDuration = false;
-                this.triggerEvent('leaved');
-                clearTimeout(this.transitionT);
-                this.status = 'leaved';
-                this.setData({
-                    transitionClass: '',
-                });
-            },
-            onTransitionEnd() {
-                if (this.customDuration) {
-                    return;
-                }
-                clearTimeout(this.transitionT);
-                if (this.status === 'entering' && this.data.visible) {
-                    this.entered();
-                }
-                else if (this.status === 'leaving' && !this.data.visible) {
-                    this.leaved();
-                    this.setData({
-                        realVisible: false,
-                    });
-                }
-            },
-        },
-    });
-}