| 123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546547548549550551552553554555556557558559560561562563564565566567568569570571572573574575576577578579580581582583584585586587588589590591592593594595596597598599600601602603604605606607608609610611612613614615616617618619620621622623624625626627628629630631632633634635636637638639640641642643644645646647648649650651652653654655656657658659660661662663664665666667668669670671672673674675676677678679680681682683684685686687688689690691692693694695696697698699700701702703704705706707708709710711712713714715716717718719720721722723724725726727728729730731732733734735736737738739740741742743744745746747748749750751752753754755756757758759760761762763764765766767768769770771772773774775776777778779780781782783784785786787788789790791792793794795796797798799800801802803804805806807808809810811812813814815816817818819820821822823824825826827828829830831832833834835836837838839840841842843844845846847848849850851852853854855856857858859860861862863864865866867868869870871872873874875876877878879880881882883884885886887888889890891892893894895896897898899900901 |
- import { SLOT_DEFAULT_NAME, EventChannel, invokeArrayFns, MINI_PROGRAM_PAGE_RUNTIME_HOOKS, 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, isUniLifecycleHook, ON_READY, once, ON_LAUNCH, ON_ERROR, ON_THEME_CHANGE, ON_PAGE_NOT_FOUND, ON_UNHANDLE_REJECTION, customizeEvent, addLeadingSlash, stringifyQuery } from '@dcloudio/uni-shared';
- import { isArray, isFunction, hasOwn, extend, isPlainObject } from '@vue/shared';
- import { ref, nextTick, findComponentPropsData, toRaw, updateProps, hasQueueJob, invalidateJob, getExposeProxy, pruneComponentPropsCache } from 'vue';
- import { normalizeLocale, LOCALE_EN } from '@dcloudio/uni-i18n';
- const MP_METHODS = [
- 'createSelectorQuery',
- 'createIntersectionObserver',
- 'selectAllComponents',
- 'selectComponent',
- ];
- function createEmitFn(oldEmit, ctx) {
- return function emit(event, ...args) {
- const scope = ctx.$scope;
- if (scope && event) {
- const detail = { __args__: args };
- {
- (scope._triggerEvent || scope.triggerEvent)(event, detail);
- }
- }
- 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.$mpPlatform = "mp-jd";
- ctx.$scope = options.mpInstance;
- // TODO @deprecated
- ctx.$mp = {};
- if (__VUE_OPTIONS_API__) {
- ctx._self = {};
- }
- // slots
- 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;
- }
- }
- ctx.getOpenerEventChannel = function () {
- if (!this.__eventChannel__) {
- this.__eventChannel__ = new EventChannel();
- }
- return this.__eventChannel__;
- };
- ctx.$hasHook = hasHook;
- ctx.$callHook = callHook;
- // $emit
- instance.emit = createEmitFn(instance.emit, ctx);
- }
- function initComponentInstance(instance, options) {
- initBaseInstance(instance, options);
- const ctx = instance.ctx;
- MP_METHODS.forEach((method) => {
- 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;
- mocks.forEach((mock) => {
- if (hasOwn(mpInstance, mock)) {
- instance[mock] = ctx[mock] = mpInstance[mock];
- }
- });
- }
- function hasHook(name) {
- const hooks = this.$[name];
- if (hooks && hooks.length) {
- return true;
- }
- return false;
- }
- function callHook(name, args) {
- if (name === 'mounted') {
- callHook.call(this, 'bm'); // beforeMount
- this.$.isMounted = true;
- name = 'm';
- }
- {
- if (name === 'onLoad' &&
- args &&
- args.__id__ &&
- isFunction(jd.getEventChannel)) {
- this.__eventChannel__ = jd.getEventChannel(args.__id__);
- delete args.__id__;
- }
- }
- const hooks = this.$[name];
- return hooks && invokeArrayFns(hooks, args);
- }
- const PAGE_INIT_HOOKS = [
- 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,
- // 'onReady', // lifetimes.ready
- // 'onPageScroll', // 影响性能,开发者手动注册
- // 'onShareTimeline', // 右上角菜单,开发者手动注册
- // 'onShareAppMessage' // 右上角菜单,开发者手动注册
- ];
- function findHooks(vueOptions, hooks = new Set()) {
- if (vueOptions) {
- Object.keys(vueOptions).forEach((name) => {
- if (isUniLifecycleHook(name, vueOptions[name])) {
- hooks.add(name);
- }
- });
- if (__VUE_OPTIONS_API__) {
- const { extends: extendsOptions, mixins } = vueOptions;
- if (mixins) {
- mixins.forEach((mixin) => findHooks(mixin, hooks));
- }
- 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);
- };
- }
- }
- const EXCLUDE_HOOKS = [ON_READY];
- function initHooks(mpOptions, hooks, excludes = EXCLUDE_HOOKS) {
- hooks.forEach((hook) => initHook(mpOptions, hook, excludes));
- }
- function initUnknownHooks(mpOptions, vueOptions, excludes = EXCLUDE_HOOKS) {
- findHooks(vueOptions).forEach((hook) => initHook(mpOptions, hook, excludes));
- }
- 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, []);
- }
- });
- }
- const findMixinRuntimeHooks = /*#__PURE__*/ once(() => {
- const runtimeHooks = [];
- const app = isFunction(getApp) && getApp({ allowDefault: true });
- if (app && app.$vm && app.$vm.$) {
- const mixins = app.$vm.$.appContext.mixins;
- if (isArray(mixins)) {
- const hooks = Object.keys(MINI_PROGRAM_PAGE_RUNTIME_HOOKS);
- mixins.forEach((mixin) => {
- hooks.forEach((hook) => {
- if (hasOwn(mixin, hook) && !runtimeHooks.includes(hook)) {
- runtimeHooks.push(hook);
- }
- });
- });
- }
- }
- return runtimeHooks;
- });
- function initMixinRuntimeHooks(mpOptions) {
- initHooks(mpOptions, findMixinRuntimeHooks());
- }
- const HOOKS = [
- ON_SHOW,
- ON_HIDE,
- ON_ERROR,
- ON_THEME_CHANGE,
- ON_PAGE_NOT_FOUND,
- ON_UNHANDLE_REJECTION,
- ];
- function parseApp(instance, parseAppOptions) {
- const internalInstance = instance.$;
- if (__VUE_PROD_DEVTOOLS__) {
- // 定制 App 的 $children
- Object.defineProperty(internalInstance.ctx, '$children', {
- get() {
- return getCurrentPages().map((page) => page.$vm);
- },
- });
- }
- const appOptions = {
- globalData: (instance.$options && instance.$options.globalData) || {},
- $vm: instance,
- onLaunch(options) {
- this.$vm = instance; // 飞书小程序可能会把 AppOptions 序列化,导致 $vm 对象部分属性丢失
- const ctx = internalInstance.ctx;
- if (this.$vm && ctx.$scope) {
- // 已经初始化过了,主要是为了百度,百度 onShow 在 onLaunch 之前
- return;
- }
- initBaseInstance(internalInstance, {
- mpType: 'app',
- mpInstance: this,
- slots: [],
- });
- ctx.globalData = this.globalData;
- instance.$callHook(ON_LAUNCH, options);
- },
- };
- const { onError } = internalInstance;
- if (onError) {
- internalInstance.appContext.config.errorHandler = (err) => {
- instance.$callHook(ON_ERROR, err);
- };
- }
- initLocale(instance);
- 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));
- };
- }
- function initCreateSubpackageApp(parseAppOptions) {
- return function createApp(vm) {
- const appOptions = parseApp(vm, parseAppOptions);
- const app = isFunction(getApp) &&
- getApp({
- allowDefault: true,
- });
- if (!app)
- return;
- 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];
- }
- });
- initAppLifecycle(appOptions, vm);
- if (process.env.UNI_SUBPACKAGE) {
- (jd.$subpackages || (jd.$subpackages = {}))[process.env.UNI_SUBPACKAGE] = {
- $vm: vm,
- };
- }
- };
- }
- function initAppLifecycle(appOptions, vm) {
- if (isFunction(appOptions.onLaunch)) {
- const args = jd.getLaunchOptionsSync && jd.getLaunchOptionsSync();
- appOptions.onLaunch(args);
- }
- if (isFunction(appOptions.onShow) && jd.onAppShow) {
- jd.onAppShow((args) => {
- vm.$callHook('onShow', args);
- });
- }
- if (isFunction(appOptions.onHide) && jd.onAppHide) {
- jd.onAppHide((args) => {
- vm.$callHook('onHide', args);
- });
- }
- }
- function initLocale(appVm) {
- const locale = ref(normalizeLocale(jd.getSystemInfoSync().language) || LOCALE_EN);
- Object.defineProperty(appVm, '$locale', {
- get() {
- return locale.value;
- },
- set(v) {
- locale.value = v;
- },
- });
- }
- 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 selectAllComponents(mpInstance, selector, $refs) {
- const components = mpInstance.selectAllComponents(selector);
- components.forEach((component) => {
- const ref = component.properties.uR;
- $refs[ref] = component.$vm || component;
- });
- }
- function initRefs(instance, mpInstance) {
- Object.defineProperty(instance, 'refs', {
- get() {
- const $refs = {};
- selectAllComponents(mpInstance, '.r', $refs);
- const forComponents = mpInstance.selectAllComponents('.r-i-f');
- forComponents.forEach((component) => {
- const ref = component.properties.uR;
- if (!ref) {
- return;
- }
- 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;
- }
- }
- }
- function nextSetDataTick(mpInstance, fn) {
- // 随便设置一个字段来触发回调(部分平台必须有字段才可以,比如头条)
- mpInstance.setData({ r1: 1 }, () => fn());
- }
- function initSetRef(mpInstance) {
- if (!mpInstance._$setRef) {
- mpInstance._$setRef = (fn) => {
- nextTick(() => nextSetDataTick(mpInstance, fn));
- };
- }
- }
- const builtInProps = [
- // 百度小程序,快手小程序自定义组件不支持绑定动态事件,动态dataset,故通过props传递事件信息
- // event-opts
- 'eO',
- // 组件 ref
- 'uR',
- // 组件 ref-in-for
- 'uRIF',
- // 组件 id
- 'uI',
- // 组件类型 m: 小程序组件
- 'uT',
- // 组件 props
- 'uP',
- // 小程序不能直接定义 $slots 的 props,所以通过 vueSlots 转换到 $slots
- 'uS',
- ];
- function initDefaultProps(options, isBehavior = false) {
- const properties = {};
- if (!isBehavior) {
- // 均不指定类型,避免微信小程序 property received type-uncompatible value 警告
- builtInProps.forEach((name) => {
- properties[name] = {
- type: null,
- value: '',
- };
- });
- // 小程序不能直接定义 $slots 的 props,所以通过 vueSlots 转换到 $slots
- properties.uS = {
- type: null,
- value: [],
- observer: function (newVal) {
- const $slots = Object.create(null);
- newVal &&
- newVal.forEach((slotName) => {
- $slots[slotName] = true;
- });
- this.setData({
- $slots,
- });
- },
- };
- }
- if (options.behaviors) {
- // wx://form-field
- if (options.behaviors.includes('jd://form-field')) {
- if (!options.properties || !options.properties.name) {
- properties.name = {
- type: null,
- value: '',
- };
- }
- if (!options.properties || !options.properties.value) {
- properties.value = {
- type: null,
- value: '',
- };
- }
- }
- }
- return properties;
- }
- function initVirtualHostProps(options) {
- const properties = {};
- return properties;
- }
- /**
- *
- * @param mpComponentOptions
- * @param isBehavior
- */
- function initProps(mpComponentOptions) {
- if (!mpComponentOptions.properties) {
- mpComponentOptions.properties = {};
- }
- extend(mpComponentOptions.properties, initDefaultProps(mpComponentOptions), initVirtualHostProps(mpComponentOptions.options));
- }
- const PROP_TYPES = [String, Number, Boolean, Object, Array, null];
- 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;
- }
- /**
- * 初始化页面 props,方便接收页面参数,类型均为String,默认值均为''
- * @param param
- * @param rawProps
- */
- function initPageProps({ properties }, rawProps) {
- if (isArray(rawProps)) {
- rawProps.forEach((key) => {
- properties[key] = {
- type: String,
- value: '',
- };
- });
- }
- else if (isPlainObject(rawProps)) {
- Object.keys(rawProps).forEach((key) => {
- const opts = rawProps[key];
- if (isPlainObject(opts)) {
- // title:{type:String,default:''}
- let value = opts.default;
- if (isFunction(value)) {
- value = value();
- }
- const type = opts.type;
- opts.type = normalizePropType(type);
- properties[key] = {
- type: opts.type,
- value,
- };
- }
- else {
- // content:String
- properties[key] = {
- type: normalizePropType(opts),
- };
- }
- });
- }
- }
- 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;
- }
- function initFormField(vm) {
- // 同步 form-field 的 name,value 值
- const vueOptions = vm.$options;
- if (isArray(vueOptions.behaviors) &&
- vueOptions.behaviors.includes('uni://form-field')) {
- vm.$watch('modelValue', () => {
- vm.$scope &&
- vm.$scope.setData({
- name: vm.name,
- value: vm.modelValue,
- });
- }, {
- immediate: true,
- });
- }
- }
- function initData(_) {
- return {};
- }
- function initPropsObserver(componentOptions) {
- const observe = function observe() {
- const up = this.properties.uP;
- if (!up) {
- return;
- }
- if (this.$vm) {
- updateComponentProps(up, this.$vm.$);
- }
- else if (this.properties.uT === 'm') {
- // 小程序组件
- updateMiniProgramComponentProperties(up, this);
- }
- };
- {
- componentOptions.properties.uP.observer = observe;
- }
- }
- function updateMiniProgramComponentProperties(up, mpInstance) {
- const prevProps = mpInstance.properties;
- const nextProps = findComponentPropsData(up) || {};
- if (hasPropsChanged(prevProps, nextProps, false)) {
- mpInstance.setData(nextProps);
- }
- }
- function updateComponentProps(up, instance) {
- const prevProps = toRaw(instance.props);
- const nextProps = findComponentPropsData(up) || {};
- if (hasPropsChanged(prevProps, nextProps)) {
- updateProps(instance, nextProps, prevProps, false);
- if (hasQueueJob(instance.update)) {
- invalidateJob(instance.update);
- }
- {
- instance.update();
- }
- }
- }
- function hasPropsChanged(prevProps, nextProps, checkLen = true) {
- const nextKeys = Object.keys(nextProps);
- if (checkLen && nextKeys.length !== Object.keys(prevProps).length) {
- return true;
- }
- for (let i = 0; i < nextKeys.length; i++) {
- const key = nextKeys[i];
- if (nextProps[key] !== prevProps[key]) {
- return true;
- }
- }
- return false;
- }
- function initBehaviors(vueOptions) {
- const vueBehaviors = vueOptions.behaviors;
- let vueProps = vueOptions.props;
- if (!vueProps) {
- vueOptions.props = vueProps = [];
- }
- const behaviors = [];
- if (isArray(vueBehaviors)) {
- vueBehaviors.forEach((behavior) => {
- behaviors.push(behavior.replace('uni://', 'jd://'));
- if (behavior === 'uni://form-field') {
- if (isArray(vueProps)) {
- vueProps.push('name');
- vueProps.push('modelValue');
- }
- else {
- vueProps.name = {
- type: String,
- default: '',
- };
- vueProps.modelValue = {
- type: [String, Number, Boolean, Array, Object, Date],
- default: '',
- };
- }
- }
- });
- }
- return behaviors;
- }
- let $createComponentFn;
- let $destroyComponentFn;
- function getAppVm() {
- if (process.env.UNI_MP_PLUGIN) {
- return jd.$vm;
- }
- if (process.env.UNI_SUBPACKAGE) {
- return jd.$subpackages[process.env.UNI_SUBPACKAGE].$vm;
- }
- return getApp().$vm;
- }
- function $createComponent(initialVNode, options) {
- if (!$createComponentFn) {
- $createComponentFn = getAppVm().$createComponent;
- }
- const proxy = $createComponentFn(initialVNode, options);
- return getExposeProxy(proxy.$) || proxy;
- }
- function $destroyComponent(instance) {
- if (!$destroyComponentFn) {
- $destroyComponentFn = getAppVm().$destroyComponent;
- }
- return $destroyComponentFn(instance);
- }
- const MPPage = Page;
- const MPComponent = Component;
- function initTriggerEvent(mpInstance) {
- const oldTriggerEvent = mpInstance.triggerEvent;
- const newTriggerEvent = function (event, ...args) {
- return oldTriggerEvent.apply(mpInstance, [customizeEvent(event), ...args]);
- };
- // 京东小程序triggerEvent为只读属性
- try {
- mpInstance.triggerEvent = newTriggerEvent;
- }
- catch (error) {
- mpInstance._triggerEvent = newTriggerEvent;
- }
- }
- function initMiniProgramHook(name, options, isComponent) {
- 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) {
- initMiniProgramHook(ON_LOAD, options);
- return MPPage(options);
- };
- Component = function (options) {
- initMiniProgramHook('created', options);
- // 小程序组件
- const isVueComponent = options.properties && options.properties.uP;
- if (!isVueComponent) {
- initProps(options);
- initPropsObserver(options);
- }
- return MPComponent(options);
- };
- // @ts-ignore
- function initLifetimes({ mocks, isPage, initRelation, vueOptions, }) {
- return {
- attached() {
- // 微信 和 QQ 不需要延迟 setRef
- {
- initSetRef(this);
- }
- let properties = this.properties;
- initVueIds(properties.uI, this);
- const relationOptions = {
- vuePid: this._$vuePid,
- };
- // 处理父子关系
- initRelation(this, relationOptions);
- // 初始化 vue 实例
- const mpInstance = this;
- const isMiniProgramPage = isPage(mpInstance);
- let propsData = properties;
- this.$vm = $createComponent({
- type: vueOptions,
- props: findPropsData(propsData, isMiniProgramPage),
- }, {
- mpType: isMiniProgramPage ? 'page' : 'component',
- mpInstance,
- slots: properties.uS || {},
- parentComponent: relationOptions.parent && relationOptions.parent.$,
- onBeforeSetup(instance, options) {
- initRefs(instance, mpInstance);
- initMocks(instance, mpInstance, mocks);
- initComponentInstance(instance, options);
- },
- });
- if (!isMiniProgramPage) {
- initFormField(this.$vm);
- }
- },
- ready() {
- // 当组件 props 默认值为 true,初始化时传入 false 会导致 created,ready 触发, 但 attached 不触发
- // https://developers.weixin.qq.com/community/develop/doc/00066ae2844cc0f8eb883e2a557800
- if (this.$vm) {
- {
- nextSetDataTick(this, () => {
- this.$vm.$callHook('mounted');
- this.$vm.$callHook(ON_READY);
- });
- }
- }
- },
- detached() {
- if (this.$vm) {
- pruneComponentPropsCache(this.$vm.$.uid);
- $destroyComponent(this.$vm);
- }
- },
- };
- }
- const mocks = ['__route__', '__wxExparserNodeId__', '__wxWebviewId__'];
- function isPage(mpInstance) {
- return !!mpInstance.route;
- }
- function initRelation$1(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;
- }
- var baseParseOptions = /*#__PURE__*/Object.freeze({
- __proto__: null,
- handleLink: handleLink,
- initLifetimes: initLifetimes,
- initRelation: initRelation$1,
- isPage: isPage,
- mocks: mocks
- });
- const createApp = initCreateApp();
- const createSubpackageApp = initCreateSubpackageApp();
- function applyOptions(componentOptions, vueOptions) {
- componentOptions.data = initData();
- componentOptions.behaviors = initBehaviors(vueOptions);
- }
- const EXTRAS = ['externalClasses'];
- function initExtraOptions(miniProgramComponentOptions, vueOptions) {
- EXTRAS.forEach((name) => {
- if (hasOwn(vueOptions, name)) {
- miniProgramComponentOptions[name] = vueOptions[name];
- }
- });
- }
- function parseComponent(vueOptions, { parse, mocks, isPage, initRelation, handleLink, initLifetimes, }) {
- vueOptions = vueOptions.default || vueOptions;
- const options = {
- multipleSlots: true,
- addGlobalClass: true,
- pureDataPattern: /^uP$/,
- };
- if (vueOptions.options) {
- extend(options, vueOptions.options);
- }
- const mpComponentOptions = {
- options,
- pageLifetimes: {
- show() {
- this.$vm && this.$vm.$callHook('onPageShow');
- },
- hide() {
- this.$vm && this.$vm.$callHook('onPageHide');
- },
- resize(size) {
- this.$vm && this.$vm.$callHook('onPageResize', size);
- },
- },
- methods: {
- __l: handleLink,
- },
- };
- // 京东不支持在lifetimes中声明周期,故提取到最外层
- extend(mpComponentOptions, initLifetimes({ mocks, isPage, initRelation, vueOptions }));
- if (__VUE_OPTIONS_API__) {
- applyOptions(mpComponentOptions, vueOptions);
- }
- initProps(mpComponentOptions);
- initPropsObserver(mpComponentOptions);
- 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));
- };
- }
- function parsePage(vueOptions, parseOptions) {
- const { parse, mocks, isPage, initRelation, handleLink, initLifetimes } = parseOptions;
- const miniProgramPageOptions = parseComponent(vueOptions, {
- mocks,
- isPage,
- initRelation,
- handleLink,
- initLifetimes,
- });
- initPageProps(miniProgramPageOptions, (vueOptions.default || vueOptions).props);
- const methods = miniProgramPageOptions.methods;
- methods.onLoad = function (query) {
- this.options = query;
- this.$page = {
- fullPath: addLeadingSlash(this.route + stringifyQuery(query)),
- };
- return this.$vm && this.$vm.$callHook(ON_LOAD, query);
- };
- initHooks(methods, PAGE_INIT_HOOKS);
- initUnknownHooks(methods, vueOptions);
- initRuntimeHooks(methods, vueOptions.__runtimeHooks);
- initMixinRuntimeHooks(methods);
- parse && parse(miniProgramPageOptions, { handleLink });
- return miniProgramPageOptions;
- }
- function initCreatePage(parseOptions) {
- return function createPage(vuePageOptions) {
- return Component(parsePage(vuePageOptions, parseOptions));
- };
- }
- function initRelation(mpInstance, detail) {
- // 兼容triggerEvent
- // @ts-ignore
- mpInstance._triggerEvent('__l', detail);
- }
- var parseOptions = extend({}, baseParseOptions, {
- initRelation,
- });
- const createComponent = initCreateComponent(parseOptions);
- const createPage = initCreatePage(parseOptions);
- jd.EventChannel = EventChannel;
- jd.createApp = global.createApp = createApp;
- jd.createPage = createPage;
- jd.createComponent = createComponent;
- jd.createSubpackageApp = global.createSubpackageApp =
- createSubpackageApp;
- export { createComponent };
|