uni.mp.esm.js 30.5 KB
Newer Older
1
import { camelize, isPlainObject, hasOwn, isArray, capitalize, isFunction, extend, isString } from '@vue/shared';
fxy060608's avatar
fxy060608 已提交
2
import { injectHook, ref, findComponentPropsData, toRaw, updateProps, invalidateJob, getExposeProxy, EMPTY_OBJ, isRef, setTemplateRef, pruneComponentPropsCache } 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
// 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_BACK_PRESS = 'onBackPress';
const ON_TAB_ITEM_TAP = 'onTabItemTap';
const ON_REACH_BOTTOM = 'onReachBottom';
const ON_PULL_DOWN_REFRESH = 'onPullDownRefresh';
const ON_ADD_TO_FAVORITES = 'onAddToFavorites';
fxy060608's avatar
fxy060608 已提交
26
const ON_SHARE_APP_MESSAGE = 'onShareAppMessage';
fxy060608's avatar
fxy060608 已提交
27

28 29 30 31 32
const customizeRE = /:/g;
function customizeEvent(str) {
    return camelize(str.replace(customizeRE, '-'));
}

fxy060608's avatar
fxy060608 已提交
33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50
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 已提交
51 52
}

fxy060608's avatar
fxy060608 已提交
53 54 55 56 57 58
function hasLeadingSlash(str) {
    return str.indexOf('/') === 0;
}
function addLeadingSlash(str) {
    return hasLeadingSlash(str) ? str : '/' + str;
}
fxy060608's avatar
fxy060608 已提交
59 60 61 62 63 64
const invokeArrayFns = (fns, arg) => {
    let ret;
    for (let i = 0; i < fns.length; i++) {
        ret = fns[i](arg);
    }
    return ret;
fxy060608's avatar
fxy060608 已提交
65
};
fxy060608's avatar
fxy060608 已提交
66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 82 83 84 85 86 87 88 89 90 91 92 93 94 95 96 97 98 99 100 101 102 103 104 105 106 107 108 109 110 111 112 113 114 115 116 117 118 119 120 121 122 123 124 125 126 127 128 129

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,
        });
    }
}

130 131 132 133 134 135
const MINI_PROGRAM_PAGE_RUNTIME_HOOKS = {
    onPageScroll: 1,
    onShareAppMessage: 1 << 1,
    onShareTimeline: 1 << 2,
};

fxy060608's avatar
fxy060608 已提交
136 137 138 139 140 141 142 143 144 145
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 已提交
146

fxy060608's avatar
fxy060608 已提交
147 148 149 150
const MP_METHODS = [
    'createSelectorQuery',
    'createIntersectionObserver',
    'selectAllComponents',
151
    'selectComponent',
fxy060608's avatar
fxy060608 已提交
152 153 154
];
function createEmitFn(oldEmit, ctx) {
    return function emit(event, ...args) {
fxy060608's avatar
fxy060608 已提交
155 156 157
        const scope = ctx.$scope;
        if (scope && event) {
            const detail = { __args__: args };
fxy060608's avatar
fxy060608 已提交
158 159 160
            {
                scope.triggerEvent(event, detail);
            }
fxy060608's avatar
fxy060608 已提交
161 162
        }
        {
fxy060608's avatar
fxy060608 已提交
163
            const props = scope.props;
fxy060608's avatar
fxy060608 已提交
164 165 166 167 168 169 170 171 172 173 174 175
            if (props && props[`on${capitalize(event)}`]) {
                return;
            }
        }
        return oldEmit.apply(this, [event, ...args]);
    };
}
function initBaseInstance(instance, options) {
    const ctx = instance.ctx;
    // mp
    ctx.mpType = options.mpType; // @deprecated
    ctx.$mpType = options.mpType;
fxy060608's avatar
fxy060608 已提交
176
    ctx.$mpPlatform = "mp-alipay";
fxy060608's avatar
fxy060608 已提交
177 178 179 180 181 182 183
    ctx.$scope = options.mpInstance;
    // TODO @deprecated
    ctx.$mp = {};
    if (__VUE_OPTIONS_API__) {
        ctx._self = {};
    }
    // slots
fxy060608's avatar
fxy060608 已提交
184 185 186 187
    instance.slots = {};
    if (isArray(options.slots) && options.slots.length) {
        options.slots.forEach((name) => {
            instance.slots[name] = true;
fxy060608's avatar
fxy060608 已提交
188
        });
fxy060608's avatar
fxy060608 已提交
189 190 191
        if (instance.slots[SLOT_DEFAULT_NAME]) {
            instance.slots.default = true;
        }
fxy060608's avatar
fxy060608 已提交
192
    }
fxy060608's avatar
fxy060608 已提交
193 194 195 196 197 198 199 200
    ctx.getOpenerEventChannel = function () {
        if (!this.__eventChannel__) {
            this.__eventChannel__ = new EventChannel();
        }
        return this.__eventChannel__;
    };
    ctx.$hasHook = hasHook;
    ctx.$callHook = callHook;
fxy060608's avatar
fxy060608 已提交
201 202 203 204 205 206
    // $emit
    instance.emit = createEmitFn(instance.emit, ctx);
}
function initComponentInstance(instance, options) {
    initBaseInstance(instance, options);
    const ctx = instance.ctx;
207
    MP_METHODS.forEach((method) => {
fxy060608's avatar
fxy060608 已提交
208 209 210 211 212 213 214 215 216 217 218 219 220
        ctx[method] = function (...args) {
            const mpInstance = ctx.$scope;
            if (mpInstance && mpInstance[method]) {
                return mpInstance[method].apply(mpInstance, args);
            }
            {
                return my[method] && my[method].apply(my, args);
            }
        };
    });
}
function initMocks(instance, mpInstance, mocks) {
    const ctx = instance.ctx;
221
    mocks.forEach((mock) => {
fxy060608's avatar
fxy060608 已提交
222
        if (hasOwn(mpInstance, mock)) {
223
            instance[mock] = ctx[mock] = mpInstance[mock];
fxy060608's avatar
fxy060608 已提交
224 225
        }
    });
fxy060608's avatar
fxy060608 已提交
226
}
fxy060608's avatar
fxy060608 已提交
227 228 229 230 231 232 233 234
function hasHook(name) {
    const hooks = this.$[name];
    if (hooks && hooks.length) {
        return true;
    }
    return false;
}
function callHook(name, args) {
fxy060608's avatar
fxy060608 已提交
235 236 237 238 239 240
    if (name === 'mounted') {
        callHook.call(this, 'bm'); // beforeMount
        this.$.isMounted = true;
        name = 'm';
    }
    else if (name === 'onLoad' && args && args.__id__) {
fxy060608's avatar
fxy060608 已提交
241 242 243 244 245 246
        this.__eventChannel__ = getEventChannel(args.__id__);
        delete args.__id__;
    }
    const hooks = this.$[name];
    return hooks && invokeArrayFns(hooks, args);
}
fxy060608's avatar
fxy060608 已提交
247

248
const PAGE_INIT_HOOKS = [
fxy060608's avatar
fxy060608 已提交
249 250 251 252 253 254 255 256 257
    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 已提交
258 259 260 261
    // 'onReady', // lifetimes.ready
    // 'onPageScroll', // 影响性能,开发者手动注册
    // 'onShareTimeline', // 右上角菜单,开发者手动注册
    // 'onShareAppMessage' // 右上角菜单,开发者手动注册
fxy060608's avatar
fxy060608 已提交
262 263 264
];
function findHooks(vueOptions, hooks = new Set()) {
    if (vueOptions) {
265
        Object.keys(vueOptions).forEach((name) => {
fxy060608's avatar
fxy060608 已提交
266 267 268 269 270 271 272
            if (name.indexOf('on') === 0 && isFunction(vueOptions[name])) {
                hooks.add(name);
            }
        });
        if (__VUE_OPTIONS_API__) {
            const { extends: extendsOptions, mixins } = vueOptions;
            if (mixins) {
273
                mixins.forEach((mixin) => findHooks(mixin, hooks));
fxy060608's avatar
fxy060608 已提交
274 275 276 277 278 279 280 281 282 283 284 285 286 287 288
            }
            if (extendsOptions) {
                findHooks(extendsOptions, hooks);
            }
        }
    }
    return hooks;
}
function initHook(mpOptions, hook, excludes) {
    if (excludes.indexOf(hook) === -1 && !hasOwn(mpOptions, hook)) {
        mpOptions[hook] = function (args) {
            return this.$vm && this.$vm.$callHook(hook, args);
        };
    }
}
fxy060608's avatar
fxy060608 已提交
289
const EXCLUDE_HOOKS = [ON_READY];
fxy060608's avatar
fxy060608 已提交
290
function initHooks(mpOptions, hooks, excludes = EXCLUDE_HOOKS) {
291
    hooks.forEach((hook) => initHook(mpOptions, hook, excludes));
fxy060608's avatar
fxy060608 已提交
292 293
}
function initUnknownHooks(mpOptions, vueOptions, excludes = EXCLUDE_HOOKS) {
294
    findHooks(vueOptions).forEach((hook) => initHook(mpOptions, hook, excludes));
295 296 297 298 299 300 301 302 303 304 305
}
function initRuntimeHooks(mpOptions, runtimeHooks) {
    if (!runtimeHooks) {
        return;
    }
    const hooks = Object.keys(MINI_PROGRAM_PAGE_RUNTIME_HOOKS);
    hooks.forEach((hook) => {
        if (runtimeHooks & MINI_PROGRAM_PAGE_RUNTIME_HOOKS[hook]) {
            initHook(mpOptions, hook, []);
        }
    });
fxy060608's avatar
fxy060608 已提交
306 307
}

fxy060608's avatar
fxy060608 已提交
308 309 310 311 312 313 314
my.appLaunchHooks = [];
function injectAppLaunchHooks(appInstance) {
    my.appLaunchHooks.forEach((hook) => {
        injectHook(ON_LAUNCH, hook, appInstance);
    });
}

fxy060608's avatar
fxy060608 已提交
315
const HOOKS = [
fxy060608's avatar
fxy060608 已提交
316 317 318 319 320 321
    ON_SHOW,
    ON_HIDE,
    ON_ERROR,
    ON_THEME_CHANGE,
    ON_PAGE_NOT_FOUND,
    ON_UNHANDLE_REJECTION,
fxy060608's avatar
fxy060608 已提交
322
];
Q
qiang 已提交
323 324 325
{
    HOOKS.push(ON_SHARE_APP_MESSAGE);
}
fxy060608's avatar
fxy060608 已提交
326 327 328 329 330 331 332 333 334 335 336 337 338 339
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,
340
                slots: [],
fxy060608's avatar
fxy060608 已提交
341
            });
fxy060608's avatar
fxy060608 已提交
342
            injectAppLaunchHooks(internalInstance);
fxy060608's avatar
fxy060608 已提交
343
            ctx.globalData = this.globalData;
344
            instance.$callHook(ON_LAUNCH, extend({ app: { mixin: internalInstance.appContext.app.mixin } }, options));
345
        },
fxy060608's avatar
fxy060608 已提交
346
    };
fxy060608's avatar
fxy060608 已提交
347
    initLocale(instance);
fxy060608's avatar
fxy060608 已提交
348 349 350 351 352 353 354 355 356 357 358 359 360 361 362 363
    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 已提交
364
}
fxy060608's avatar
fxy060608 已提交
365 366 367 368 369 370 371 372 373 374 375 376 377 378 379 380 381 382 383 384
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];
            }
        });
fxy060608's avatar
fxy060608 已提交
385
        initAppLifecycle(appOptions, vm);
fxy060608's avatar
fxy060608 已提交
386 387
    };
}
fxy060608's avatar
fxy060608 已提交
388 389 390 391 392 393 394 395 396 397 398 399 400 401 402 403
function initAppLifecycle(appOptions, vm) {
    if (isFunction(appOptions.onShow) && my.onAppShow) {
        my.onAppShow((args) => {
            vm.$callHook('onShow', args);
        });
    }
    if (isFunction(appOptions.onHide) && my.onAppHide) {
        my.onAppHide((args) => {
            vm.$callHook('onHide', args);
        });
    }
    if (isFunction(appOptions.onLaunch)) {
        const args = my.getLaunchOptionsSync && my.getLaunchOptionsSync();
        vm.$callHook('onLaunch', args || {});
    }
}
fxy060608's avatar
fxy060608 已提交
404
function initLocale(appVm) {
fxy060608's avatar
fxy060608 已提交
405
    const locale = ref(my.getSystemInfoSync().language || 'zh-Hans');
fxy060608's avatar
fxy060608 已提交
406 407 408 409 410 411 412 413
    Object.defineProperty(appVm, '$locale', {
        get() {
            return locale.value;
        },
        set(v) {
            locale.value = v;
        },
    });
fxy060608's avatar
fxy060608 已提交
414 415
}

fxy060608's avatar
fxy060608 已提交
416 417 418 419 420 421 422 423 424 425 426 427 428 429 430 431 432 433 434 435 436 437 438 439 440 441 442 443 444 445 446 447 448 449 450 451 452 453 454 455 456 457 458 459
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];
    }
}
function initWxsCallMethods(methods, wxsCallMethods) {
    if (!isArray(wxsCallMethods)) {
        return;
    }
    wxsCallMethods.forEach((callMethod) => {
        methods[callMethod] = function (args) {
            return this.$vm[callMethod](args);
        };
    });
}
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;
        }
    }
}

460 461 462 463 464 465 466 467 468 469 470 471 472 473 474 475 476
const builtInProps = [
    // 百度小程序,快手小程序自定义组件不支持绑定动态事件,动态dataset,故通过props传递事件信息
    // event-opts
    'eO',
    // 组件 ref
    'uR',
    // 组件 ref-in-for
    'uRIF',
    // 组件 id
    'uI',
    // 组件类型 m: 小程序组件
    'uT',
    // 组件 props
    'uP',
    // 小程序不能直接定义 $slots 的 props,所以通过 vueSlots 转换到 $slots
    'uS',
];
fxy060608's avatar
fxy060608 已提交
477 478 479
function initDefaultProps(isBehavior = false) {
    const properties = {};
    if (!isBehavior) {
fxy060608's avatar
fxy060608 已提交
480
        // 均不指定类型,避免微信小程序 property received type-uncompatible value 警告
481 482 483 484 485 486
        builtInProps.forEach((name) => {
            properties[name] = {
                type: null,
                value: '',
            };
        });
fxy060608's avatar
fxy060608 已提交
487
        // 小程序不能直接定义 $slots 的 props,所以通过 vueSlots 转换到 $slots
fxy060608's avatar
fxy060608 已提交
488
        properties.uS = {
fxy060608's avatar
fxy060608 已提交
489 490 491 492
            type: null,
            value: [],
            observer: function (newVal) {
                const $slots = Object.create(null);
fxy060608's avatar
fxy060608 已提交
493 494 495 496
                newVal &&
                    newVal.forEach((slotName) => {
                        $slots[slotName] = true;
                    });
fxy060608's avatar
fxy060608 已提交
497
                this.setData({
498
                    $slots,
fxy060608's avatar
fxy060608 已提交
499
                });
500
            },
fxy060608's avatar
fxy060608 已提交
501 502 503 504
        };
    }
    return properties;
}
fxy060608's avatar
fxy060608 已提交
505
/**
fxy060608's avatar
fxy060608 已提交
506
 *
fxy060608's avatar
fxy060608 已提交
507 508 509
 * @param mpComponentOptions
 * @param isBehavior
 */
510 511 512 513 514
function initProps(mpComponentOptions) {
    if (!mpComponentOptions.properties) {
        mpComponentOptions.properties = {};
    }
    extend(mpComponentOptions.properties, initDefaultProps());
515 516 517 518 519 520 521 522 523 524 525 526 527 528 529 530
}
function findPropsData(properties, isPage) {
    return ((isPage
        ? findPagePropsData(properties)
        : findComponentPropsData(properties.uP)) || {});
}
function findPagePropsData(properties) {
    const propsData = {};
    if (isPlainObject(properties)) {
        Object.keys(properties).forEach((name) => {
            if (builtInProps.indexOf(name) === -1) {
                propsData[name] = properties[name];
            }
        });
    }
    return propsData;
fxy060608's avatar
fxy060608 已提交
531 532
}

fxy060608's avatar
fxy060608 已提交
533 534 535 536 537 538 539 540 541 542
function initData(_) {
    return {};
}
function updateComponentProps(up, instance) {
    const prevProps = toRaw(instance.props);
    const nextProps = findComponentPropsData(up) || {};
    if (hasPropsChanged(prevProps, nextProps)) {
        updateProps(instance, nextProps, prevProps, false);
        invalidateJob(instance.update);
        instance.update();
fxy060608's avatar
fxy060608 已提交
543
    }
fxy060608's avatar
fxy060608 已提交
544
}
545
function hasPropsChanged(prevProps, nextProps, checkLen = true) {
fxy060608's avatar
fxy060608 已提交
546
    const nextKeys = Object.keys(nextProps);
547
    if (checkLen && nextKeys.length !== Object.keys(prevProps).length) {
fxy060608's avatar
fxy060608 已提交
548
        return true;
fxy060608's avatar
fxy060608 已提交
549
    }
fxy060608's avatar
fxy060608 已提交
550 551 552 553 554
    for (let i = 0; i < nextKeys.length; i++) {
        const key = nextKeys[i];
        if (nextProps[key] !== prevProps[key]) {
            return true;
        }
fxy060608's avatar
fxy060608 已提交
555
    }
fxy060608's avatar
fxy060608 已提交
556
    return false;
fxy060608's avatar
fxy060608 已提交
557
}
fxy060608's avatar
fxy060608 已提交
558
function initBehaviors(vueOptions) {
fxy060608's avatar
fxy060608 已提交
559 560 561 562 563 564 565
    const vueBehaviors = vueOptions.behaviors;
    let vueProps = vueOptions.props;
    if (!vueProps) {
        vueOptions.props = vueProps = [];
    }
    const behaviors = [];
    if (isArray(vueBehaviors)) {
566
        vueBehaviors.forEach((behavior) => {
fxy060608's avatar
fxy060608 已提交
567
            behaviors.push(behavior.replace('uni://', 'my://'));
fxy060608's avatar
fxy060608 已提交
568 569 570 571 572 573 574 575
            if (behavior === 'uni://form-field') {
                if (isArray(vueProps)) {
                    vueProps.push('name');
                    vueProps.push('value');
                }
                else {
                    vueProps.name = {
                        type: String,
576
                        default: '',
fxy060608's avatar
fxy060608 已提交
577 578 579
                    };
                    vueProps.value = {
                        type: [String, Number, Boolean, Array, Object, Date],
580
                        default: '',
fxy060608's avatar
fxy060608 已提交
581 582 583 584 585 586
                    };
                }
            }
        });
    }
    return behaviors;
fxy060608's avatar
fxy060608 已提交
587 588
}

fxy060608's avatar
fxy060608 已提交
589 590 591 592 593 594
let $createComponentFn;
let $destroyComponentFn;
function $createComponent(initialVNode, options) {
    if (!$createComponentFn) {
        $createComponentFn = getApp().$vm.$createComponent;
    }
fxy060608's avatar
fxy060608 已提交
595 596
    const proxy = $createComponentFn(initialVNode, options);
    return getExposeProxy(proxy.$) || proxy;
fxy060608's avatar
fxy060608 已提交
597 598 599 600 601 602
}
function $destroyComponent(instance) {
    if (!$destroyComponentFn) {
        $destroyComponentFn = getApp().$vm.$destroyComponent;
    }
    return $destroyComponentFn(instance);
fxy060608's avatar
fxy060608 已提交
603 604
}

fxy060608's avatar
fxy060608 已提交
605 606 607 608 609 610
function initCreatePluginApp(parseAppOptions) {
    return function createApp(vm) {
        initAppLifecycle(parseApp(vm, parseAppOptions), vm);
    };
}

fxy060608's avatar
fxy060608 已提交
611 612 613
function onAliAuthError(method, $event) {
    $event.type = 'getphonenumber';
    $event.detail.errMsg =
614 615
        'getPhoneNumber:fail Error: ' + $event.detail.errorMessage;
    method($event);
fxy060608's avatar
fxy060608 已提交
616 617 618 619 620
}
function onAliGetAuthorize(method, $event) {
    my.getPhoneNumber({
        success: (res) => {
            $event.type = 'getphonenumber';
fxy060608's avatar
fxy060608 已提交
621 622 623 624
            const response = JSON.parse(res.response);
            $event.detail.errMsg = 'getPhoneNumber:ok';
            $event.detail.encryptedData = response.response;
            $event.detail.sign = response.sign;
625
            method($event);
fxy060608's avatar
fxy060608 已提交
626
        },
fxy060608's avatar
fxy060608 已提交
627
        fail: (res) => {
fxy060608's avatar
fxy060608 已提交
628
            $event.type = 'getphonenumber';
fxy060608's avatar
fxy060608 已提交
629
            $event.detail.errMsg = 'getPhoneNumber:fail Error: ' + JSON.stringify(res);
630
            method($event);
631
        },
fxy060608's avatar
fxy060608 已提交
632 633 634 635 636 637 638 639 640 641 642 643 644 645 646
    });
}
function parse(appOptions) {
    const oldOnLaunch = appOptions.onLaunch;
    appOptions.onLaunch = function onLaunch(options) {
        oldOnLaunch.call(this, options);
        if (!this.$vm) {
            return;
        }
        const globalProperties = this.$vm.$app.config.globalProperties;
        if (!globalProperties.$onAliAuthError) {
            globalProperties.$onAliAuthError = onAliAuthError;
            globalProperties.$onAliGetAuthorize = onAliGetAuthorize;
        }
    };
fxy060608's avatar
fxy060608 已提交
647 648
}

fxy060608's avatar
fxy060608 已提交
649
var parseAppOptions = /*#__PURE__*/Object.freeze({
fxy060608's avatar
fxy060608 已提交
650 651
  __proto__: null,
  parse: parse
fxy060608's avatar
fxy060608 已提交
652
});
fxy060608's avatar
fxy060608 已提交
653

654
function handleLink$1(event) {
fxy060608's avatar
fxy060608 已提交
655 656 657 658 659 660 661 662 663 664 665 666
    // 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 已提交
667 668
}

fxy060608's avatar
fxy060608 已提交
669 670 671
const isComponent2 = my.canIUse('component2');
const mocks = ['$id'];
function initRelation(mpInstance, detail) {
fxy060608's avatar
fxy060608 已提交
672 673
    // onVueInit
    mpInstance.props.onVI(detail);
fxy060608's avatar
fxy060608 已提交
674 675 676 677 678 679 680 681 682 683 684 685 686 687 688 689 690 691 692 693 694 695 696 697 698 699 700 701 702 703 704 705 706 707 708
}
function initSpecialMethods(mpInstance) {
    if (!mpInstance.$vm) {
        return;
    }
    let path = mpInstance.is || mpInstance.route;
    if (!path) {
        return;
    }
    if (path.indexOf('/') === 0) {
        path = path.substr(1);
    }
    const specialMethods = my.specialMethods && my.specialMethods[path];
    if (specialMethods) {
        specialMethods.forEach((method) => {
            if (isFunction(mpInstance.$vm[method])) {
                mpInstance[method] = function (event) {
                    if (hasOwn(event, 'markerId')) {
                        event.detail = typeof event.detail === 'object' ? event.detail : {};
                        event.detail.markerId = event.markerId;
                    }
                    // TODO normalizeEvent
                    mpInstance.$vm[method](event);
                };
            }
        });
    }
}
function initChildVues(mpInstance) {
    // 此时需保证当前 mpInstance 已经存在 $vm
    if (!mpInstance.$vm) {
        return;
    }
    const childVues = mpInstance._$childVues;
    if (childVues) {
709
        childVues.forEach((relationOptions) => {
fxy060608's avatar
fxy060608 已提交
710
            // 父子关系
711
            handleLink$1.call(mpInstance, {
712
                detail: relationOptions,
fxy060608's avatar
fxy060608 已提交
713 714 715 716 717 718 719 720 721
            });
            const { mpInstance: childMPInstance, createComponent } = relationOptions;
            childMPInstance.$vm = createComponent(relationOptions.parent);
            initSpecialMethods(childMPInstance);
            if (relationOptions.parent) {
                handleRef.call(relationOptions.parent.$scope, childMPInstance);
            }
            initChildVues(childMPInstance);
            childMPInstance.$vm.$callHook('mounted');
fxy060608's avatar
fxy060608 已提交
722
            childMPInstance.$vm.$callHook(ON_READY);
fxy060608's avatar
fxy060608 已提交
723 724 725 726 727 728 729 730
        });
    }
    delete mpInstance._$childVues;
}
function handleRef(ref) {
    if (!ref) {
        return;
    }
fxy060608's avatar
fxy060608 已提交
731 732
    const refName = ref.props.uR; // data-ref
    const refInForName = ref.props.uRIF; // data-ref-in-for
fxy060608's avatar
fxy060608 已提交
733 734 735 736 737
    if (!refName && !refInForName) {
        return;
    }
    const instance = this.$vm.$;
    const refs = instance.refs === EMPTY_OBJ ? (instance.refs = {}) : instance.refs;
fxy060608's avatar
fxy060608 已提交
738
    const { setupState } = instance;
fxy060608's avatar
fxy060608 已提交
739
    const refValue = ref.$vm;
fxy060608's avatar
fxy060608 已提交
740
    if (refName) {
fxy060608's avatar
fxy060608 已提交
741 742
        if (isString(refName)) {
            refs[refName] = refValue;
fxy060608's avatar
fxy060608 已提交
743 744
            if (hasOwn(setupState, refName)) {
                setupState[refName] = refValue;
fxy060608's avatar
fxy060608 已提交
745 746 747
            }
        }
        else {
fxy060608's avatar
fxy060608 已提交
748
            setRef(refName, refValue, refs, setupState);
fxy060608's avatar
fxy060608 已提交
749
        }
fxy060608's avatar
fxy060608 已提交
750 751
    }
    else if (refInForName) {
fxy060608's avatar
fxy060608 已提交
752 753 754 755
        if (isString(refInForName)) {
            (refs[refInForName] || (refs[refInForName] = [])).push(refValue);
        }
        else {
fxy060608's avatar
fxy060608 已提交
756
            setRef(refInForName, refValue, refs, setupState);
fxy060608's avatar
fxy060608 已提交
757 758 759
        }
    }
}
fxy060608's avatar
fxy060608 已提交
760 761 762 763
function isTemplateRef(opts) {
    return !!(opts && opts.r);
}
function setRef(ref, refValue, refs, setupState) {
fxy060608's avatar
fxy060608 已提交
764 765 766 767
    if (isRef(ref)) {
        ref.value = refValue;
    }
    else if (isFunction(ref)) {
fxy060608's avatar
fxy060608 已提交
768 769 770 771
        const templateRef = ref(refValue, refs);
        if (isTemplateRef(templateRef)) {
            setTemplateRef(templateRef, refValue, setupState);
        }
fxy060608's avatar
fxy060608 已提交
772 773 774
    }
}
function triggerEvent(type, detail) {
775
    const handler = this.props[customizeEvent('on-' + type)];
fxy060608's avatar
fxy060608 已提交
776 777 778 779
    if (!handler) {
        return;
    }
    const target = {
fxy060608's avatar
fxy060608 已提交
780
        dataset: {},
fxy060608's avatar
fxy060608 已提交
781 782
    };
    handler({
783
        type: customizeEvent(type),
fxy060608's avatar
fxy060608 已提交
784 785
        target,
        currentTarget: target,
786
        detail,
fxy060608's avatar
fxy060608 已提交
787 788
    });
}
fxy060608's avatar
fxy060608 已提交
789
// const IGNORES = ['$slots', '$scopedSlots']
fxy060608's avatar
fxy060608 已提交
790 791 792
function createObserver(isDidUpdate = false) {
    return function observe(props) {
        const nextProps = isDidUpdate ? this.props : props;
fxy060608's avatar
fxy060608 已提交
793 794
        if (nextProps.uP) {
            updateComponentProps(nextProps.uP, this.$vm.$);
fxy060608's avatar
fxy060608 已提交
795 796 797
        }
    };
}
798
const handleLink = (function () {
fxy060608's avatar
fxy060608 已提交
799
    if (isComponent2) {
800 801
        return function handleLink(detail) {
            return handleLink$1.call(this, {
802
                detail,
fxy060608's avatar
fxy060608 已提交
803 804 805
            });
        };
    }
806
    return function handleLink(detail) {
fxy060608's avatar
fxy060608 已提交
807 808
        if (this.$vm && this.$vm.$.isMounted) {
            // 父已初始化
809
            return handleLink$1.call(this, {
810
                detail,
fxy060608's avatar
fxy060608 已提交
811 812 813 814 815 816 817 818
            });
        }
        (this._$childVues || (this._$childVues = [])).unshift(detail);
    };
})();
function createVueComponent(mpType, mpInstance, vueOptions, parent) {
    return $createComponent({
        type: vueOptions,
819
        props: findPropsData(mpInstance.props, mpType === 'page'),
fxy060608's avatar
fxy060608 已提交
820 821 822 823 824 825 826
    }, {
        mpType,
        mpInstance,
        parentComponent: parent && parent.$,
        onBeforeSetup(instance, options) {
            initMocks(instance, mpInstance, mocks);
            initComponentInstance(instance, options);
827
        },
fxy060608's avatar
fxy060608 已提交
828
    });
fxy060608's avatar
fxy060608 已提交
829 830
}

fxy060608's avatar
fxy060608 已提交
831 832 833 834 835 836 837
function initCreatePage() {
    return function createPage(vueOptions) {
        vueOptions = vueOptions.default || vueOptions;
        const pageOptions = {
            onLoad(query) {
                this.options = query;
                this.$page = {
fxy060608's avatar
fxy060608 已提交
838
                    fullPath: addLeadingSlash(this.route + stringifyQuery(query)),
fxy060608's avatar
fxy060608 已提交
839 840 841 842 843
                };
                // 初始化 vue 实例
                this.$vm = createVueComponent('page', this, vueOptions);
                initSpecialMethods(this);
                this.$vm.$callHook(ON_LOAD, query);
844
            },
fxy060608's avatar
fxy060608 已提交
845 846 847 848 849 850 851 852 853 854 855 856 857 858 859 860 861 862 863 864 865
            onReady() {
                initChildVues(this);
                this.$vm.$callHook('mounted');
                this.$vm.$callHook(ON_READY);
            },
            onUnload() {
                if (this.$vm) {
                    this.$vm.$callHook(ON_UNLOAD);
                    $destroyComponent(this.$vm);
                }
            },
            events: {
                // 支付宝小程序有些页面事件只能放在events下
                onBack() {
                    this.$vm.$callHook(ON_BACK_PRESS);
                },
            },
            __r: handleRef,
            __l: handleLink,
        };
        if (__VUE_OPTIONS_API__) {
fxy060608's avatar
fxy060608 已提交
866
            pageOptions.data = initData();
fxy060608's avatar
fxy060608 已提交
867
        }
868
        initHooks(pageOptions, PAGE_INIT_HOOKS);
fxy060608's avatar
fxy060608 已提交
869
        initUnknownHooks(pageOptions, vueOptions);
870
        initRuntimeHooks(pageOptions, vueOptions.__runtimeHooks);
fxy060608's avatar
fxy060608 已提交
871 872
        initWxsCallMethods(pageOptions, vueOptions.wxsCallMethods);
        return Page(pageOptions);
fxy060608's avatar
fxy060608 已提交
873
    };
fxy060608's avatar
fxy060608 已提交
874 875
}

fxy060608's avatar
fxy060608 已提交
876
// @ts-ignore
fxy060608's avatar
fxy060608 已提交
877
function initComponentProps(_rawProps) {
fxy060608's avatar
fxy060608 已提交
878
    const propertiesOptions = {
879
        properties: {},
fxy060608's avatar
fxy060608 已提交
880
    };
881
    initProps(propertiesOptions);
fxy060608's avatar
fxy060608 已提交
882 883
    const properties = propertiesOptions.properties;
    const props = {
fxy060608's avatar
fxy060608 已提交
884 885
        // onVueInit
        onVI: function () { },
fxy060608's avatar
fxy060608 已提交
886
    };
887
    Object.keys(properties).forEach((key) => {
fxy060608's avatar
fxy060608 已提交
888
        // vueSlots
fxy060608's avatar
fxy060608 已提交
889
        if (key !== 'uS') {
fxy060608's avatar
fxy060608 已提交
890 891 892 893 894 895 896 897 898 899
            props[key] = properties[key].value;
        }
    });
    return props;
}
function initVm(mpInstance, createComponent) {
    if (mpInstance.$vm) {
        return;
    }
    const properties = mpInstance.props;
fxy060608's avatar
fxy060608 已提交
900
    initVueIds(properties.uI, mpInstance);
fxy060608's avatar
fxy060608 已提交
901 902 903
    const relationOptions = {
        vuePid: mpInstance._$vuePid,
        mpInstance,
904
        createComponent,
fxy060608's avatar
fxy060608 已提交
905 906 907 908 909 910 911 912 913 914 915 916 917 918 919 920 921 922 923 924
    };
    if (isComponent2) {
        // 处理父子关系
        initRelation(mpInstance, relationOptions);
        // 初始化 vue 实例
        mpInstance.$vm = createComponent(relationOptions.parent);
    }
    else {
        // 处理父子关系
        initRelation(mpInstance, relationOptions);
        if (relationOptions.parent) {
            // 父组件已经初始化,直接初始化子,否则放到父组件的 didMount 中处理
            // 初始化 vue 实例
            mpInstance.$vm = createComponent(relationOptions.parent);
            handleRef.call(relationOptions.parent.$scope, mpInstance);
            initChildVues(mpInstance);
            mpInstance.$vm.$callHook('mounted');
        }
    }
}
fxy060608's avatar
fxy060608 已提交
925 926 927 928 929 930 931 932 933 934 935 936 937 938 939 940
function initCreateComponent() {
    return function createComponent(vueOptions) {
        vueOptions = vueOptions.default || vueOptions;
        const mpComponentOptions = {
            props: initComponentProps(vueOptions.props),
            didMount() {
                const createComponent = (parent) => {
                    return createVueComponent('component', this, vueOptions, parent);
                };
                if (my.dd) {
                    // 钉钉小程序底层基础库有 bug,组件嵌套使用时,在 didMount 中无法及时调用 props 中的方法
                    setTimeout(() => {
                        initVm(this, createComponent);
                    }, 4);
                }
                else {
fxy060608's avatar
fxy060608 已提交
941
                    initVm(this, createComponent);
fxy060608's avatar
fxy060608 已提交
942 943 944 945 946 947 948
                }
                initSpecialMethods(this);
                if (isComponent2) {
                    this.$vm.$callHook('mounted');
                }
            },
            didUnmount() {
fxy060608's avatar
fxy060608 已提交
949 950 951 952
                if (this.$vm) {
                    pruneComponentPropsCache(this.$vm.$.uid);
                    $destroyComponent(this.$vm);
                }
fxy060608's avatar
fxy060608 已提交
953 954 955 956 957 958
            },
            methods: {
                __r: handleRef,
                __l: handleLink,
                triggerEvent,
            },
fxy060608's avatar
fxy060608 已提交
959
        };
fxy060608's avatar
fxy060608 已提交
960
        if (__VUE_OPTIONS_API__) {
fxy060608's avatar
fxy060608 已提交
961
            mpComponentOptions.data = initData();
fxy060608's avatar
fxy060608 已提交
962
            mpComponentOptions.mixins = initBehaviors(vueOptions);
fxy060608's avatar
fxy060608 已提交
963 964 965 966 967 968 969 970 971 972 973 974 975 976 977
        }
        if (isComponent2) {
            mpComponentOptions.onInit = function onInit() {
                initVm(this, (parent) => {
                    return createVueComponent('component', this, vueOptions, parent);
                });
            };
            mpComponentOptions.deriveDataFromProps = createObserver();
        }
        else {
            mpComponentOptions.didUpdate = createObserver(true);
        }
        initWxsCallMethods(mpComponentOptions.methods, vueOptions.wxsCallMethods);
        return Component(mpComponentOptions);
    };
fxy060608's avatar
fxy060608 已提交
978 979
}

980
const createApp = initCreateApp(parseAppOptions);
fxy060608's avatar
fxy060608 已提交
981 982
const createPage = initCreatePage();
const createComponent = initCreateComponent();
fxy060608's avatar
fxy060608 已提交
983
const createPluginApp = initCreatePluginApp(parseAppOptions);
fxy060608's avatar
fxy060608 已提交
984
const createSubpackageApp = initCreateSubpackageApp(parseAppOptions);
fxy060608's avatar
fxy060608 已提交
985
my.EventChannel = EventChannel;
fxy060608's avatar
fxy060608 已提交
986
my.createApp = createApp;
987
my.createPage = createPage;
fxy060608's avatar
fxy060608 已提交
988
my.createComponent = createComponent;
fxy060608's avatar
fxy060608 已提交
989
my.createPluginApp = createPluginApp;
fxy060608's avatar
fxy060608 已提交
990
my.createSubpackageApp = createSubpackageApp;
fxy060608's avatar
fxy060608 已提交
991

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