uni.mp.esm.js 27.7 KB
Newer Older
fxy060608's avatar
fxy060608 已提交
1
import { isPlainObject, isArray, hasOwn, isFunction, extend, camelize } from '@vue/shared';
fxy060608's avatar
fxy060608 已提交
2
import { injectHook, ref } from 'vue';
fxy060608's avatar
fxy060608 已提交
3

fxy060608's avatar
fxy060608 已提交
4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68
const ON_READY$1 = 'onReady';

class EventChannel$1 {
    constructor(id, events) {
        this.id = id;
        this.listener = {};
        this.emitCache = {};
        if (events) {
            Object.keys(events).forEach((name) => {
                this.on(name, events[name]);
            });
        }
    }
    emit(eventName, ...args) {
        const fns = this.listener[eventName];
        if (!fns) {
            return (this.emitCache[eventName] || (this.emitCache[eventName] = [])).push(args);
        }
        fns.forEach((opt) => {
            opt.fn.apply(opt.fn, args);
        });
        this.listener[eventName] = fns.filter((opt) => opt.type !== 'once');
    }
    on(eventName, fn) {
        this._addListener(eventName, 'on', fn);
        this._clearCache(eventName);
    }
    once(eventName, fn) {
        this._addListener(eventName, 'once', fn);
        this._clearCache(eventName);
    }
    off(eventName, fn) {
        const fns = this.listener[eventName];
        if (!fns) {
            return;
        }
        if (fn) {
            for (let i = 0; i < fns.length;) {
                if (fns[i].fn === fn) {
                    fns.splice(i, 1);
                    i--;
                }
                i++;
            }
        }
        else {
            delete this.listener[eventName];
        }
    }
    _clearCache(eventName) {
        const cacheArgs = this.emitCache[eventName];
        if (cacheArgs) {
            for (; cacheArgs.length > 0;) {
                this.emit.apply(this, [eventName, ...cacheArgs.shift()]);
            }
        }
    }
    _addListener(eventName, type, fn) {
        (this.listener[eventName] || (this.listener[eventName] = [])).push({
            fn,
            type,
        });
    }
}

fxy060608's avatar
fxy060608 已提交
69 70 71 72 73 74 75 76 77 78 79 80 81 82 83 84 85 86 87 88
// quickapp-webview 不能使用 default 作为插槽名称
const SLOT_DEFAULT_NAME = 'd';
// lifecycle
// App and Page
const ON_SHOW = 'onShow';
const ON_HIDE = 'onHide';
//App
const ON_LAUNCH = 'onLaunch';
const ON_ERROR = 'onError';
const ON_THEME_CHANGE = 'onThemeChange';
const ON_PAGE_NOT_FOUND = 'onPageNotFound';
const ON_UNHANDLE_REJECTION = 'onUnhandledRejection';
//Page
const ON_LOAD = 'onLoad';
const ON_READY = 'onReady';
const ON_UNLOAD = 'onUnload';
const ON_RESIZE = 'onResize';
const ON_TAB_ITEM_TAP = 'onTabItemTap';
const ON_REACH_BOTTOM = 'onReachBottom';
const ON_PULL_DOWN_REFRESH = 'onPullDownRefresh';
fxy060608's avatar
fxy060608 已提交
89
const ON_ADD_TO_FAVORITES = 'onAddToFavorites';
fxy060608's avatar
fxy060608 已提交
90

fxy060608's avatar
fxy060608 已提交
91 92 93 94 95 96 97 98 99 100 101 102 103 104 105 106 107 108
const encode = encodeURIComponent;
function stringifyQuery(obj, encodeStr = encode) {
    const res = obj
        ? Object.keys(obj)
            .map((key) => {
            let val = obj[key];
            if (typeof val === undefined || val === null) {
                val = '';
            }
            else if (isPlainObject(val)) {
                val = JSON.stringify(val);
            }
            return encodeStr(key) + '=' + encodeStr(val);
        })
            .filter((x) => x.length > 0)
            .join('&')
        : null;
    return res ? `?${res}` : '';
fxy060608's avatar
fxy060608 已提交
109 110
}

fxy060608's avatar
fxy060608 已提交
111 112 113 114 115 116
const invokeArrayFns = (fns, arg) => {
    let ret;
    for (let i = 0; i < fns.length; i++) {
        ret = fns[i](arg);
    }
    return ret;
fxy060608's avatar
fxy060608 已提交
117
};
fxy060608's avatar
fxy060608 已提交
118 119 120 121 122 123 124 125 126 127 128 129 130 131 132 133 134 135 136 137 138 139 140 141 142 143 144 145 146 147 148 149 150 151 152 153 154 155 156 157 158 159 160 161 162 163 164 165 166 167 168 169 170 171 172 173 174 175 176 177 178 179 180 181 182 183 184 185 186 187 188 189 190 191

class EventChannel {
    constructor(id, events) {
        this.id = id;
        this.listener = {};
        this.emitCache = {};
        if (events) {
            Object.keys(events).forEach((name) => {
                this.on(name, events[name]);
            });
        }
    }
    emit(eventName, ...args) {
        const fns = this.listener[eventName];
        if (!fns) {
            return (this.emitCache[eventName] || (this.emitCache[eventName] = [])).push(args);
        }
        fns.forEach((opt) => {
            opt.fn.apply(opt.fn, args);
        });
        this.listener[eventName] = fns.filter((opt) => opt.type !== 'once');
    }
    on(eventName, fn) {
        this._addListener(eventName, 'on', fn);
        this._clearCache(eventName);
    }
    once(eventName, fn) {
        this._addListener(eventName, 'once', fn);
        this._clearCache(eventName);
    }
    off(eventName, fn) {
        const fns = this.listener[eventName];
        if (!fns) {
            return;
        }
        if (fn) {
            for (let i = 0; i < fns.length;) {
                if (fns[i].fn === fn) {
                    fns.splice(i, 1);
                    i--;
                }
                i++;
            }
        }
        else {
            delete this.listener[eventName];
        }
    }
    _clearCache(eventName) {
        const cacheArgs = this.emitCache[eventName];
        if (cacheArgs) {
            for (; cacheArgs.length > 0;) {
                this.emit.apply(this, [eventName, ...cacheArgs.shift()]);
            }
        }
    }
    _addListener(eventName, type, fn) {
        (this.listener[eventName] || (this.listener[eventName] = [])).push({
            fn,
            type,
        });
    }
}

const eventChannels = {};
const eventChannelStack = [];
function getEventChannel(id) {
    if (id) {
        const eventChannel = eventChannels[id];
        delete eventChannels[id];
        return eventChannel;
    }
    return eventChannelStack.shift();
}
fxy060608's avatar
fxy060608 已提交
192

fxy060608's avatar
fxy060608 已提交
193 194 195 196
const MP_METHODS = [
    'createSelectorQuery',
    'createIntersectionObserver',
    'selectAllComponents',
197
    'selectComponent',
fxy060608's avatar
fxy060608 已提交
198 199 200
];
function createEmitFn(oldEmit, ctx) {
    return function emit(event, ...args) {
fxy060608's avatar
fxy060608 已提交
201 202 203 204
        const scope = ctx.$scope;
        if (scope && event) {
            const detail = { __args__: args };
            scope.triggerEvent(event, detail);
fxy060608's avatar
fxy060608 已提交
205 206 207 208 209 210 211 212 213 214 215 216 217 218 219 220 221 222
        }
        return oldEmit.apply(this, [event, ...args]);
    };
}
function initBaseInstance(instance, options) {
    const ctx = instance.ctx;
    // mp
    ctx.mpType = options.mpType; // @deprecated
    ctx.$mpType = options.mpType;
    ctx.$scope = options.mpInstance;
    // TODO @deprecated
    ctx.$mp = {};
    if (__VUE_OPTIONS_API__) {
        ctx._self = {};
    }
    // $vm
    ctx.$scope.$vm = instance.proxy;
    // slots
fxy060608's avatar
fxy060608 已提交
223 224 225 226 227 228 229
    instance.slots = {};
    if (isArray(options.slots) && options.slots.length) {
        options.slots.forEach((name) => {
            instance.slots[name] = true;
        });
        if (instance.slots[SLOT_DEFAULT_NAME]) {
            instance.slots.default = true;
fxy060608's avatar
fxy060608 已提交
230 231
        }
    }
fxy060608's avatar
fxy060608 已提交
232 233 234 235 236 237 238 239
    ctx.getOpenerEventChannel = function () {
        if (!this.__eventChannel__) {
            this.__eventChannel__ = new EventChannel();
        }
        return this.__eventChannel__;
    };
    ctx.$hasHook = hasHook;
    ctx.$callHook = callHook;
fxy060608's avatar
fxy060608 已提交
240 241 242 243 244 245
    // $emit
    instance.emit = createEmitFn(instance.emit, ctx);
}
function initComponentInstance(instance, options) {
    initBaseInstance(instance, options);
    const ctx = instance.ctx;
246
    MP_METHODS.forEach((method) => {
fxy060608's avatar
fxy060608 已提交
247 248 249 250 251 252 253 254 255 256
        ctx[method] = function (...args) {
            const mpInstance = ctx.$scope;
            if (mpInstance && mpInstance[method]) {
                return mpInstance[method].apply(mpInstance, args);
            }
        };
    });
}
function initMocks(instance, mpInstance, mocks) {
    const ctx = instance.ctx;
257
    mocks.forEach((mock) => {
fxy060608's avatar
fxy060608 已提交
258 259 260 261
        if (hasOwn(mpInstance, mock)) {
            ctx[mock] = mpInstance[mock];
        }
    });
fxy060608's avatar
fxy060608 已提交
262
}
fxy060608's avatar
fxy060608 已提交
263 264 265 266 267 268 269 270
function hasHook(name) {
    const hooks = this.$[name];
    if (hooks && hooks.length) {
        return true;
    }
    return false;
}
function callHook(name, args) {
fxy060608's avatar
fxy060608 已提交
271 272 273 274 275 276
    if (name === 'mounted') {
        callHook.call(this, 'bm'); // beforeMount
        this.$.isMounted = true;
        name = 'm';
    }
    else if (name === 'onLoad' && args && args.__id__) {
fxy060608's avatar
fxy060608 已提交
277 278 279 280 281 282
        this.__eventChannel__ = getEventChannel(args.__id__);
        delete args.__id__;
    }
    const hooks = this.$[name];
    return hooks && invokeArrayFns(hooks, args);
}
fxy060608's avatar
fxy060608 已提交
283

fxy060608's avatar
fxy060608 已提交
284
const PAGE_HOOKS = [
fxy060608's avatar
fxy060608 已提交
285 286 287 288 289 290 291 292 293
    ON_LOAD,
    ON_SHOW,
    ON_HIDE,
    ON_UNLOAD,
    ON_RESIZE,
    ON_TAB_ITEM_TAP,
    ON_REACH_BOTTOM,
    ON_PULL_DOWN_REFRESH,
    ON_ADD_TO_FAVORITES,
fxy060608's avatar
fxy060608 已提交
294 295 296 297
    // 'onReady', // lifetimes.ready
    // 'onPageScroll', // 影响性能,开发者手动注册
    // 'onShareTimeline', // 右上角菜单,开发者手动注册
    // 'onShareAppMessage' // 右上角菜单,开发者手动注册
fxy060608's avatar
fxy060608 已提交
298 299 300
];
function findHooks(vueOptions, hooks = new Set()) {
    if (vueOptions) {
301
        Object.keys(vueOptions).forEach((name) => {
fxy060608's avatar
fxy060608 已提交
302 303 304 305 306 307 308
            if (name.indexOf('on') === 0 && isFunction(vueOptions[name])) {
                hooks.add(name);
            }
        });
        if (__VUE_OPTIONS_API__) {
            const { extends: extendsOptions, mixins } = vueOptions;
            if (mixins) {
309
                mixins.forEach((mixin) => findHooks(mixin, hooks));
fxy060608's avatar
fxy060608 已提交
310 311 312 313 314 315 316 317
            }
            if (extendsOptions) {
                findHooks(extendsOptions, hooks);
            }
        }
    }
    return hooks;
}
318
function initHook$1(mpOptions, hook, excludes) {
fxy060608's avatar
fxy060608 已提交
319 320 321 322 323 324
    if (excludes.indexOf(hook) === -1 && !hasOwn(mpOptions, hook)) {
        mpOptions[hook] = function (args) {
            return this.$vm && this.$vm.$callHook(hook, args);
        };
    }
}
fxy060608's avatar
fxy060608 已提交
325
const EXCLUDE_HOOKS = [ON_READY];
fxy060608's avatar
fxy060608 已提交
326
function initHooks(mpOptions, hooks, excludes = EXCLUDE_HOOKS) {
327
    hooks.forEach((hook) => initHook$1(mpOptions, hook, excludes));
fxy060608's avatar
fxy060608 已提交
328 329
}
function initUnknownHooks(mpOptions, vueOptions, excludes = EXCLUDE_HOOKS) {
330
    findHooks(vueOptions).forEach((hook) => initHook$1(mpOptions, hook, excludes));
fxy060608's avatar
fxy060608 已提交
331 332
}

fxy060608's avatar
fxy060608 已提交
333 334 335 336 337 338 339
qq.appLaunchHooks = [];
function injectAppLaunchHooks(appInstance) {
    qq.appLaunchHooks.forEach((hook) => {
        injectHook(ON_LAUNCH, hook, appInstance);
    });
}

fxy060608's avatar
fxy060608 已提交
340
const HOOKS = [
fxy060608's avatar
fxy060608 已提交
341 342 343 344 345 346
    ON_SHOW,
    ON_HIDE,
    ON_ERROR,
    ON_THEME_CHANGE,
    ON_PAGE_NOT_FOUND,
    ON_UNHANDLE_REJECTION,
fxy060608's avatar
fxy060608 已提交
347 348 349 350 351 352 353 354 355 356 357 358 359 360 361
];
function parseApp(instance, parseAppOptions) {
    const internalInstance = instance.$;
    const appOptions = {
        globalData: (instance.$options && instance.$options.globalData) || {},
        $vm: instance,
        onLaunch(options) {
            const ctx = internalInstance.ctx;
            if (this.$vm && ctx.$scope) {
                // 已经初始化过了,主要是为了百度,百度 onShow 在 onLaunch 之前
                return;
            }
            initBaseInstance(internalInstance, {
                mpType: 'app',
                mpInstance: this,
362
                slots: [],
fxy060608's avatar
fxy060608 已提交
363
            });
fxy060608's avatar
fxy060608 已提交
364
            injectAppLaunchHooks(internalInstance);
fxy060608's avatar
fxy060608 已提交
365
            ctx.globalData = this.globalData;
fxy060608's avatar
fxy060608 已提交
366
            instance.$callHook(ON_LAUNCH, extend({ app: this }, options));
367
        },
fxy060608's avatar
fxy060608 已提交
368
    };
fxy060608's avatar
fxy060608 已提交
369
    initLocale(instance);
fxy060608's avatar
fxy060608 已提交
370 371 372 373 374 375 376 377 378 379 380 381 382 383 384 385
    const vueOptions = instance.$.type;
    initHooks(appOptions, HOOKS);
    initUnknownHooks(appOptions, vueOptions);
    if (__VUE_OPTIONS_API__) {
        const methods = vueOptions.methods;
        methods && extend(appOptions, methods);
    }
    if (parseAppOptions) {
        parseAppOptions.parse(appOptions);
    }
    return appOptions;
}
function initCreateApp(parseAppOptions) {
    return function createApp(vm) {
        return App(parseApp(vm, parseAppOptions));
    };
fxy060608's avatar
fxy060608 已提交
386
}
fxy060608's avatar
fxy060608 已提交
387 388 389 390 391 392 393 394 395 396 397 398 399 400 401 402 403 404 405 406 407 408 409 410 411 412 413 414 415 416 417 418 419 420 421 422 423
function initCreateSubpackageApp(parseAppOptions) {
    return function createApp(vm) {
        const appOptions = parseApp(vm, parseAppOptions);
        const app = getApp({
            allowDefault: true,
        });
        vm.$.ctx.$scope = app;
        const globalData = app.globalData;
        if (globalData) {
            Object.keys(appOptions.globalData).forEach((name) => {
                if (!hasOwn(globalData, name)) {
                    globalData[name] = appOptions.globalData[name];
                }
            });
        }
        Object.keys(appOptions).forEach((name) => {
            if (!hasOwn(app, name)) {
                app[name] = appOptions[name];
            }
        });
        if (isFunction(appOptions.onShow) && qq.onAppShow) {
            qq.onAppShow((args) => {
                vm.$callHook('onShow', args);
            });
        }
        if (isFunction(appOptions.onHide) && qq.onAppHide) {
            qq.onAppHide((args) => {
                vm.$callHook('onHide', args);
            });
        }
        if (isFunction(appOptions.onLaunch)) {
            const args = qq.getLaunchOptionsSync && qq.getLaunchOptionsSync();
            vm.$callHook('onLaunch', args);
        }
        return App(appOptions);
    };
}
fxy060608's avatar
fxy060608 已提交
424
function initLocale(appVm) {
fxy060608's avatar
fxy060608 已提交
425
    const locale = ref(qq.getSystemInfoSync().language || 'zh-Hans');
fxy060608's avatar
fxy060608 已提交
426 427 428 429 430 431 432 433
    Object.defineProperty(appVm, '$locale', {
        get() {
            return locale.value;
        },
        set(v) {
            locale.value = v;
        },
    });
fxy060608's avatar
fxy060608 已提交
434 435
}

fxy060608's avatar
fxy060608 已提交
436 437 438 439 440 441 442 443 444 445 446 447 448 449 450 451 452 453 454 455 456 457 458 459 460 461 462 463 464 465 466 467 468 469 470 471 472 473
function initBehavior(options) {
    return Behavior(options);
}
function initVueIds(vueIds, mpInstance) {
    if (!vueIds) {
        return;
    }
    const ids = vueIds.split(',');
    const len = ids.length;
    if (len === 1) {
        mpInstance._$vueId = ids[0];
    }
    else if (len === 2) {
        mpInstance._$vueId = ids[0];
        mpInstance._$vuePid = ids[1];
    }
}
const EXTRAS = ['externalClasses'];
function initExtraOptions(miniProgramComponentOptions, vueOptions) {
    EXTRAS.forEach((name) => {
        if (hasOwn(vueOptions, name)) {
            miniProgramComponentOptions[name] = vueOptions[name];
        }
    });
}
function initWxsCallMethods(methods, wxsCallMethods) {
    if (!isArray(wxsCallMethods)) {
        return;
    }
    wxsCallMethods.forEach((callMethod) => {
        methods[callMethod] = function (args) {
            return this.$vm[callMethod](args);
        };
    });
}
function selectAllComponents(mpInstance, selector, $refs) {
    const components = mpInstance.selectAllComponents(selector);
    components.forEach((component) => {
fxy060608's avatar
fxy060608 已提交
474
        const ref = component.dataset.r;
fxy060608's avatar
fxy060608 已提交
475 476 477 478 479 480 481
        $refs[ref] = component.$vm || component;
    });
}
function initRefs(instance, mpInstance) {
    Object.defineProperty(instance, 'refs', {
        get() {
            const $refs = {};
fxy060608's avatar
fxy060608 已提交
482 483
            selectAllComponents(mpInstance, '.r', $refs);
            const forComponents = mpInstance.selectAllComponents('.r-i-f');
fxy060608's avatar
fxy060608 已提交
484
            forComponents.forEach((component) => {
fxy060608's avatar
fxy060608 已提交
485
                const ref = component.dataset.r;
fxy060608's avatar
fxy060608 已提交
486 487 488 489 490 491 492 493 494 495 496 497 498 499 500 501 502 503 504 505 506 507 508 509 510 511 512 513 514
                if (!$refs[ref]) {
                    $refs[ref] = [];
                }
                $refs[ref].push(component.$vm || component);
            });
            return $refs;
        },
    });
}
function findVmByVueId(instance, vuePid) {
    // 标准 vue3 中 没有 $children,定制了内核
    const $children = instance.$children;
    // 优先查找直属(反向查找:https://github.com/dcloudio/uni-app/issues/1200)
    for (let i = $children.length - 1; i >= 0; i--) {
        const childVm = $children[i];
        if (childVm.$scope._$vueId === vuePid) {
            return childVm;
        }
    }
    // 反向递归查找
    let parentVm;
    for (let i = $children.length - 1; i >= 0; i--) {
        parentVm = findVmByVueId($children[i], vuePid);
        if (parentVm) {
            return parentVm;
        }
    }
}

fxy060608's avatar
fxy060608 已提交
515
const PROP_TYPES = [String, Number, Boolean, Object, Array, null];
fxy060608's avatar
fxy060608 已提交
516 517
function createObserver(name) {
    return function observer(newVal) {
fxy060608's avatar
fxy060608 已提交
518 519 520 521 522 523 524 525 526 527
        const { $vm } = this;
        if ($vm) {
            // 为了触发其他非 render watcher
            const instance = $vm.$;
            // 飞书小程序初始化太慢,导致 observer 触发时,vue 组件的 created 可能还没触发,此时开发者可能已经定义了 watch
            // 但因为 created 还没触发,导致部分组件出错,如 uni-collapse,在 created 中初始化了 this.children
            // 自定义 watch 中使用了 this.children
            {
                instance.props[name] = newVal;
            }
fxy060608's avatar
fxy060608 已提交
528 529 530
        }
    };
}
fxy060608's avatar
fxy060608 已提交
531 532 533 534 535 536 537 538 539 540 541
function parsePropType(type, defaultValue) {
    // [String]=>String
    if (isArray(type) && type.length === 1) {
        return type[0];
    }
    return type;
}
function normalizePropType(type, defaultValue) {
    const res = parsePropType(type);
    return PROP_TYPES.indexOf(res) !== -1 ? res : null;
}
fxy060608's avatar
fxy060608 已提交
542 543 544
function initDefaultProps(isBehavior = false) {
    const properties = {};
    if (!isBehavior) {
fxy060608's avatar
fxy060608 已提交
545
        properties.uI = {
fxy060608's avatar
fxy060608 已提交
546
            type: null,
547
            value: '',
fxy060608's avatar
fxy060608 已提交
548 549
        };
        // 小程序不能直接定义 $slots 的 props,所以通过 vueSlots 转换到 $slots
fxy060608's avatar
fxy060608 已提交
550
        properties.uS = {
fxy060608's avatar
fxy060608 已提交
551 552 553 554
            type: null,
            value: [],
            observer: function (newVal) {
                const $slots = Object.create(null);
fxy060608's avatar
fxy060608 已提交
555 556 557 558
                newVal &&
                    newVal.forEach((slotName) => {
                        $slots[slotName] = true;
                    });
fxy060608's avatar
fxy060608 已提交
559
                this.setData({
560
                    $slots,
fxy060608's avatar
fxy060608 已提交
561
                });
562
            },
fxy060608's avatar
fxy060608 已提交
563 564 565 566 567 568 569 570
        };
    }
    return properties;
}
function createProperty(key, prop) {
    prop.observer = createObserver(key);
    return prop;
}
fxy060608's avatar
fxy060608 已提交
571
/**
fxy060608's avatar
fxy060608 已提交
572
 *
fxy060608's avatar
fxy060608 已提交
573 574 575 576
 * @param mpComponentOptions
 * @param rawProps
 * @param isBehavior
 */
fxy060608's avatar
fxy060608 已提交
577 578 579
function initProps(mpComponentOptions, rawProps, isBehavior = false) {
    const properties = initDefaultProps(isBehavior);
    if (isArray(rawProps)) {
580
        rawProps.forEach((key) => {
fxy060608's avatar
fxy060608 已提交
581
            properties[key] = createProperty(key, {
582
                type: null,
fxy060608's avatar
fxy060608 已提交
583 584 585 586
            });
        });
    }
    else if (isPlainObject(rawProps)) {
587
        Object.keys(rawProps).forEach((key) => {
fxy060608's avatar
fxy060608 已提交
588 589 590 591 592 593 594
            const opts = rawProps[key];
            if (isPlainObject(opts)) {
                // title:{type:String,default:''}
                let value = opts.default;
                if (isFunction(value)) {
                    value = value();
                }
fxy060608's avatar
fxy060608 已提交
595 596
                const type = opts.type;
                opts.type = normalizePropType(type);
fxy060608's avatar
fxy060608 已提交
597
                properties[key] = createProperty(key, {
fxy060608's avatar
fxy060608 已提交
598
                    type: opts.type,
599
                    value,
fxy060608's avatar
fxy060608 已提交
600 601 602 603 604
                });
            }
            else {
                // content:String
                properties[key] = createProperty(key, {
fxy060608's avatar
fxy060608 已提交
605
                    type: normalizePropType(opts),
fxy060608's avatar
fxy060608 已提交
606 607 608 609 610
                });
            }
        });
    }
    mpComponentOptions.properties = properties;
fxy060608's avatar
fxy060608 已提交
611 612
}

fxy060608's avatar
fxy060608 已提交
613 614 615 616
function initData(vueOptions) {
    let data = vueOptions.data || {};
    if (typeof data === 'function') {
        try {
617
            const appConfig = getApp().$vm.$.appContext.config;
fxy060608's avatar
fxy060608 已提交
618 619 620 621 622 623 624 625 626 627 628 629 630 631 632 633 634 635 636 637 638 639 640 641 642 643 644 645 646 647
            data = data.call(appConfig.globalProperties);
        }
        catch (e) {
            if (process.env.VUE_APP_DEBUG) {
                console.warn('根据 Vue 的 data 函数初始化小程序 data 失败,请尽量确保 data 函数中不访问 vm 对象,否则可能影响首次数据渲染速度。', data, e);
            }
        }
    }
    else {
        try {
            // 对 data 格式化
            data = JSON.parse(JSON.stringify(data));
        }
        catch (e) { }
    }
    if (!isPlainObject(data)) {
        data = {};
    }
    return data;
}
function initBehaviors(vueOptions, initBehavior) {
    const vueBehaviors = vueOptions.behaviors;
    const vueExtends = vueOptions.extends;
    const vueMixins = vueOptions.mixins;
    let vueProps = vueOptions.props;
    if (!vueProps) {
        vueOptions.props = vueProps = [];
    }
    const behaviors = [];
    if (isArray(vueBehaviors)) {
648
        vueBehaviors.forEach((behavior) => {
fxy060608's avatar
fxy060608 已提交
649 650 651 652 653 654 655 656 657
            behaviors.push(behavior.replace('uni://', `${__PLATFORM_PREFIX__}://`));
            if (behavior === 'uni://form-field') {
                if (isArray(vueProps)) {
                    vueProps.push('name');
                    vueProps.push('value');
                }
                else {
                    vueProps.name = {
                        type: String,
658
                        default: '',
fxy060608's avatar
fxy060608 已提交
659 660 661
                    };
                    vueProps.value = {
                        type: [String, Number, Boolean, Array, Object, Date],
662
                        default: '',
fxy060608's avatar
fxy060608 已提交
663 664 665 666 667
                    };
                }
            }
        });
    }
fxy060608's avatar
fxy060608 已提交
668
    if (vueExtends && vueExtends.props) {
fxy060608's avatar
fxy060608 已提交
669 670 671 672 673
        const behavior = {};
        initProps(behavior, vueExtends.props, true);
        behaviors.push(initBehavior(behavior));
    }
    if (isArray(vueMixins)) {
674
        vueMixins.forEach((vueMixin) => {
675
            if (vueMixin.props) {
fxy060608's avatar
fxy060608 已提交
676 677 678 679 680 681 682 683 684 685 686
                const behavior = {};
                initProps(behavior, vueMixin.props, true);
                behaviors.push(initBehavior(behavior));
            }
        });
    }
    return behaviors;
}
function applyOptions(componentOptions, vueOptions, initBehavior) {
    componentOptions.data = initData(vueOptions);
    componentOptions.behaviors = initBehaviors(vueOptions, initBehavior);
fxy060608's avatar
fxy060608 已提交
687 688
}

689
function parseComponent(vueOptions, { parse, mocks, isPage, initRelation, handleLink, initLifetimes, }) {
fxy060608's avatar
fxy060608 已提交
690 691 692
    vueOptions = vueOptions.default || vueOptions;
    const options = {
        multipleSlots: true,
693
        addGlobalClass: true,
fxy060608's avatar
fxy060608 已提交
694 695 696 697 698 699 700 701 702 703 704 705 706 707 708 709
    };
    if (vueOptions.options) {
        extend(options, vueOptions.options);
    }
    const mpComponentOptions = {
        options,
        lifetimes: initLifetimes({ mocks, isPage, initRelation, vueOptions }),
        pageLifetimes: {
            show() {
                this.$vm && this.$vm.$callHook('onPageShow');
            },
            hide() {
                this.$vm && this.$vm.$callHook('onPageHide');
            },
            resize(size) {
                this.$vm && this.$vm.$callHook('onPageResize', size);
710
            },
fxy060608's avatar
fxy060608 已提交
711 712 713
        },
        methods: {
            __l: handleLink,
714
        },
fxy060608's avatar
fxy060608 已提交
715 716 717 718 719 720 721 722 723 724 725 726 727 728 729 730 731 732 733 734 735 736 737 738 739 740 741 742 743 744
    };
    if (__VUE_OPTIONS_API__) {
        applyOptions(mpComponentOptions, vueOptions, initBehavior);
    }
    initProps(mpComponentOptions, vueOptions.props, false);
    initExtraOptions(mpComponentOptions, vueOptions);
    initWxsCallMethods(mpComponentOptions.methods, vueOptions.wxsCallMethods);
    if (parse) {
        parse(mpComponentOptions, { handleLink });
    }
    return mpComponentOptions;
}
function initCreateComponent(parseOptions) {
    return function createComponent(vueComponentOptions) {
        return Component(parseComponent(vueComponentOptions, parseOptions));
    };
}
let $createComponentFn;
let $destroyComponentFn;
function $createComponent(initialVNode, options) {
    if (!$createComponentFn) {
        $createComponentFn = getApp().$vm.$createComponent;
    }
    return $createComponentFn(initialVNode, options);
}
function $destroyComponent(instance) {
    if (!$destroyComponentFn) {
        $destroyComponentFn = getApp().$vm.$destroyComponent;
    }
    return $destroyComponentFn(instance);
fxy060608's avatar
fxy060608 已提交
745 746
}

fxy060608's avatar
fxy060608 已提交
747
function parsePage(vueOptions, parseOptions) {
748
    const { parse, mocks, isPage, initRelation, handleLink, initLifetimes } = parseOptions;
fxy060608's avatar
fxy060608 已提交
749 750 751 752 753
    const miniProgramPageOptions = parseComponent(vueOptions, {
        mocks,
        isPage,
        initRelation,
        handleLink,
754
        initLifetimes,
fxy060608's avatar
fxy060608 已提交
755 756 757 758 759
    });
    const methods = miniProgramPageOptions.methods;
    methods.onLoad = function (query) {
        this.options = query;
        this.$page = {
760
            fullPath: '/' + this.route + stringifyQuery(query),
fxy060608's avatar
fxy060608 已提交
761
        };
fxy060608's avatar
fxy060608 已提交
762
        return this.$vm && this.$vm.$callHook(ON_LOAD, query);
fxy060608's avatar
fxy060608 已提交
763 764 765 766 767 768 769 770 771 772
    };
    initHooks(methods, PAGE_HOOKS);
    initUnknownHooks(methods, vueOptions);
    parse && parse(miniProgramPageOptions, { handleLink });
    return miniProgramPageOptions;
}
function initCreatePage(parseOptions) {
    return function createPage(vuePageOptions) {
        return Component(parsePage(vuePageOptions, parseOptions));
    };
fxy060608's avatar
fxy060608 已提交
773 774
}

fxy060608's avatar
fxy060608 已提交
775 776 777 778 779 780 781 782 783 784 785 786
const MPPage = Page;
const MPComponent = Component;
const customizeRE = /:/g;
function customize(str) {
    return camelize(str.replace(customizeRE, '-'));
}
function initTriggerEvent(mpInstance) {
    const oldTriggerEvent = mpInstance.triggerEvent;
    mpInstance.triggerEvent = function (event, ...args) {
        return oldTriggerEvent.apply(mpInstance, [customize(event), ...args]);
    };
}
fxy060608's avatar
fxy060608 已提交
787
function initHook(name, options, isComponent) {
fxy060608's avatar
fxy060608 已提交
788 789 790 791 792 793 794 795 796 797 798 799 800 801
    const oldHook = options[name];
    if (!oldHook) {
        options[name] = function () {
            initTriggerEvent(this);
        };
    }
    else {
        options[name] = function (...args) {
            initTriggerEvent(this);
            return oldHook.apply(this, args);
        };
    }
}
Page = function (options) {
fxy060608's avatar
fxy060608 已提交
802
    initHook(ON_LOAD, options);
fxy060608's avatar
fxy060608 已提交
803 804 805
    return MPPage(options);
};
Component = function (options) {
806
    initHook('created', options);
fxy060608's avatar
fxy060608 已提交
807 808
    return MPComponent(options);
};
fxy060608's avatar
fxy060608 已提交
809

810
function initLifetimes({ mocks, isPage, initRelation, vueOptions, }) {
fxy060608's avatar
fxy060608 已提交
811 812 813
    return {
        attached() {
            const properties = this.properties;
fxy060608's avatar
fxy060608 已提交
814
            initVueIds(properties.uI, this);
fxy060608's avatar
fxy060608 已提交
815
            const relationOptions = {
816
                vuePid: this._$vuePid,
fxy060608's avatar
fxy060608 已提交
817 818 819 820 821
            };
            // 处理父子关系
            initRelation(this, relationOptions);
            // 初始化 vue 实例
            const mpInstance = this;
fxy060608's avatar
fxy060608 已提交
822
            const isMiniProgramPage = isPage(mpInstance);
fxy060608's avatar
fxy060608 已提交
823 824
            this.$vm = $createComponent({
                type: vueOptions,
825
                props: properties,
fxy060608's avatar
fxy060608 已提交
826
            }, {
fxy060608's avatar
fxy060608 已提交
827
                mpType: isMiniProgramPage ? 'page' : 'component',
fxy060608's avatar
fxy060608 已提交
828
                mpInstance,
fxy060608's avatar
fxy060608 已提交
829
                slots: properties.uS || {},
fxy060608's avatar
fxy060608 已提交
830 831 832 833 834
                parentComponent: relationOptions.parent && relationOptions.parent.$,
                onBeforeSetup(instance, options) {
                    initRefs(instance, mpInstance);
                    initMocks(instance, mpInstance, mocks);
                    initComponentInstance(instance, options);
835
                },
fxy060608's avatar
fxy060608 已提交
836 837 838 839 840 841 842
            });
        },
        ready() {
            // 当组件 props 默认值为 true,初始化时传入 false 会导致 created,ready 触发, 但 attached 不触发
            // https://developers.weixin.qq.com/community/develop/doc/00066ae2844cc0f8eb883e2a557800
            if (this.$vm) {
                this.$vm.$callHook('mounted');
fxy060608's avatar
fxy060608 已提交
843
                this.$vm.$callHook(ON_READY$1);
fxy060608's avatar
fxy060608 已提交
844 845 846 847
            }
        },
        detached() {
            this.$vm && $destroyComponent(this.$vm);
848
        },
fxy060608's avatar
fxy060608 已提交
849
    };
fxy060608's avatar
fxy060608 已提交
850 851
}

fxy060608's avatar
fxy060608 已提交
852 853 854 855 856 857 858 859 860 861 862 863 864 865 866 867 868 869 870 871
const mocks = ['__route__', '__wxExparserNodeId__', '__wxWebviewId__'];
function isPage(mpInstance) {
    return !!mpInstance.route;
}
function initRelation(mpInstance, detail) {
    mpInstance.triggerEvent('__l', detail);
}
function handleLink(event) {
    // detail 是微信,value 是百度(dipatch)
    const detail = (event.detail ||
        event.value);
    const vuePid = detail.vuePid;
    let parentVm;
    if (vuePid) {
        parentVm = findVmByVueId(this.$vm, vuePid);
    }
    if (!parentVm) {
        parentVm = this.$vm;
    }
    detail.parent = parentVm;
fxy060608's avatar
fxy060608 已提交
872 873
}

fxy060608's avatar
fxy060608 已提交
874
var parseOptions = /*#__PURE__*/Object.freeze({
fxy060608's avatar
fxy060608 已提交
875 876 877 878 879 880
    __proto__: null,
    mocks: mocks,
    isPage: isPage,
    initRelation: initRelation,
    handleLink: handleLink,
    initLifetimes: initLifetimes
fxy060608's avatar
fxy060608 已提交
881
});
fxy060608's avatar
fxy060608 已提交
882

fxy060608's avatar
fxy060608 已提交
883 884
const createApp = initCreateApp();
const createPage = initCreatePage(parseOptions);
885
const createComponent = initCreateComponent(parseOptions);
fxy060608's avatar
fxy060608 已提交
886
const createSubpackageApp = initCreateSubpackageApp();
fxy060608's avatar
fxy060608 已提交
887
wx.createApp = global.createApp = createApp;
888
wx.createPage = createPage;
fxy060608's avatar
fxy060608 已提交
889 890
wx.createComponent = createComponent;
wx.createSubpackageApp = createSubpackageApp;
891

fxy060608's avatar
fxy060608 已提交
892
qq.EventChannel = EventChannel$1;
fxy060608's avatar
fxy060608 已提交
893
qq.createApp = global.createApp = createApp;
894
qq.createPage = createPage;
fxy060608's avatar
fxy060608 已提交
895 896
qq.createComponent = createComponent;
qq.createSubpackageApp = createSubpackageApp;
fxy060608's avatar
fxy060608 已提交
897

fxy060608's avatar
fxy060608 已提交
898
export { createApp, createComponent, createPage, createSubpackageApp };