@dcloudio/uni-quickapp-webview 0.0.1-nvue3.3030820220125001

package/package.json

@@ -0,0 +1,34 @@
+{
+  "name": "@dcloudio/uni-quickapp-webview",
+  "version": "0.0.1-nvue3.3030820220125001",
+  "description": "uni-app quickapp-webview",
+  "main": "dist/index.js",
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/dcloudio/uni-app.git",
+    "directory": "packages/uni-quickapp-webview"
+  },
+  "scripts": {
+    "test": "echo \"Error: no test specified\" && exit 1"
+  },
+  "license": "Apache-2.0",
+  "uni-app": {
+    "name": "quickapp-webview",
+    "title": "快应用(Webview)版",
+    "apply": [
+      "quickapp-webview"
+    ],
+    "main": "dist/uni.compiler.js"
+  },
+  "gitHead": "33e807d66e1fe47e2ee08ad9c59247e37b8884da",
+  "devDependencies": {
+    "@vue/compiler-core": "3.2.29"
+  },
+  "dependencies": {
+    "@dcloudio/uni-cli-shared": "0.0.1-nvue3.3030820220125001",
+    "@dcloudio/uni-mp-vite": "0.0.1-nvue3.3030820220125001",
+    "@dcloudio/uni-mp-vue": "0.0.1-nvue3.3030820220125001",
+    "@dcloudio/uni-shared": "0.0.1-nvue3.3030820220125001",
+    "@vue/shared": "3.2.29"
+  }
+}

package/src/api/index.ts

@@ -0,0 +1,4 @@
+import { initUni } from '@dcloudio/uni-mp-core'
+import * as shims from './shims'
+import * as protocols from './protocols'
+export default initUni(shims, protocols)

package/src/api/protocols.ts

@@ -0,0 +1,7 @@
+export {
+  redirectTo,
+  navigateTo,
+  previewImage,
+  getSystemInfo,
+  getSystemInfoSync,
+} from '@dcloudio/uni-mp-core'

package/src/api/shims.ts

@@ -0,0 +1,18 @@
+import { initGetProvider } from '@dcloudio/uni-mp-core'
+
+const providers = {
+  oauth: [] as string[],
+  share: [],
+  payment: [] as string[],
+  push: [],
+}
+
+if (qa.canIUse('getAccountProvider')) {
+  providers.oauth.push(qa.getAccountProvider() as string)
+}
+
+if (qa.canIUse('getVendorPaymentProvider')) {
+  providers.payment.push(qa.getVendorPaymentProvider() as string)
+}
+
+export const getProvider = initGetProvider(providers)

package/src/compiler/index.ts

@@ -0,0 +1,21 @@
+import type { Plugin } from 'vite'
+import { ASSETS_INLINE_LIMIT } from '@dcloudio/uni-cli-shared'
+import initMiniProgramPlugin from '@dcloudio/uni-mp-vite'
+import { options } from './options'
+
+const uniQuickappWebviewPlugin: Plugin = {
+  name: 'uni:quickapp-webview',
+  config() {
+    return {
+      define: {
+        __VUE_CREATED_DEFERRED__: true,
+      },
+      build: {
+        // css 中不支持引用本地资源
+        assetsInlineLimit: ASSETS_INLINE_LIMIT,
+      },
+    }
+  },
+}
+
+export default [uniQuickappWebviewPlugin, ...initMiniProgramPlugin(options)]

package/src/compiler/jsconfig.json

@@ -0,0 +1,6 @@
+{
+	"compilerOptions": {
+		"target": "es6",
+		"module": "commonjs"
+	}	
+}

package/src/compiler/options.ts

@@ -0,0 +1,74 @@
+import path from 'path'
+import type { CompilerOptions } from '@vue/compiler-core'
+import {
+  MiniProgramCompilerOptions,
+  transformComponentLink,
+  transformRef,
+} from '@dcloudio/uni-cli-shared'
+import { UniMiniProgramPluginOptions } from '@dcloudio/uni-mp-vite'
+
+import source from './jsconfig.json'
+import { formatAppJson } from './utils'
+
+export const compilerOptions: CompilerOptions = {
+  nodeTransforms: [transformRef, transformComponentLink],
+}
+
+export const miniProgram: MiniProgramCompilerOptions = {
+  class: {
+    array: true,
+  },
+  slot: {
+    fallbackContent: true,
+    dynamicSlotNames: true,
+  },
+  directive: 'qa:',
+}
+
+const projectConfigFilename = 'jsconfig.json'
+
+export const options: UniMiniProgramPluginOptions = {
+  cdn: process.env.UNI_SUB_PLATFORM === 'quickapp-webview-huawei' ? 200 : 201,
+  vite: {
+    inject: {
+      uni: [path.resolve(__dirname, 'uni.api.esm.js'), 'default'],
+    },
+    alias: {
+      'uni-mp-runtime': path.resolve(__dirname, 'uni.mp.esm.js'),
+    },
+    copyOptions: {},
+  },
+  global: 'qa',
+  app: {
+    darkmode: false,
+    subpackages: true,
+  },
+  json: {
+    formatAppJson,
+  },
+  template: {
+    /* eslint-disable no-restricted-syntax */
+    ...miniProgram,
+    filter: {
+      extname: '.qjs',
+      lang: 'qjs',
+      generate(filter, filename) {
+        if (filename) {
+          return `<qjs src="${filename}.qjs" module="${filter.name}"/>`
+        }
+        return `<qjs module="${filter.name}">
+${filter.code}
+</qjs>`
+      },
+    },
+    extname: '.qxml',
+    compilerOptions,
+  },
+  style: {
+    extname: '.css',
+  },
+  project: {
+    filename: projectConfigFilename,
+    source,
+  },
+}

package/src/compiler/project.config.json

@@ -0,0 +1,35 @@
+{
+  "description": "项目配置文件。",
+  "packOptions": {
+    "ignore": []
+  },
+  "setting": {
+    "urlCheck": false,
+    "es6": true,
+    "postcss": false,
+    "minified": false,
+    "newFeature": true
+  },
+  "compileType": "miniprogram",
+  "libVersion": "",
+  "appid": "touristappid",
+  "projectname": "",
+  "condition": {
+    "search": {
+      "current": -1,
+      "list": []
+    },
+    "conversation": {
+      "current": -1,
+      "list": []
+    },
+    "game": {
+      "current": -1,
+      "list": []
+    },
+    "miniprogram": {
+      "current": -1,
+      "list": []
+    }
+  }
+}

package/src/compiler/utils.ts

@@ -0,0 +1,59 @@
+import path from 'path'
+import { extend, hasOwn } from '@vue/shared'
+
+interface AppJson {
+  appType: 'webapp'
+  minPlatformVersion: 1070
+  name: string
+  package: string
+  versionName: string
+  versionCode: string
+}
+
+const properties = ['name', 'versionName', 'versionCode']
+export function formatAppJson(
+  _appJson: Record<string, any>,
+  manifestJson: Record<string, any>,
+  _pagesJson: Record<string, any>
+) {
+  const appJson = _appJson as AppJson & Record<string, any>
+  // 华为IDE V3.0.2+ 需要此属性，否则无法导入
+  appJson.appType = 'webapp'
+  appJson.minPlatformVersion = 1070
+
+  properties.forEach((name) => {
+    if (hasOwn(manifestJson, name)) {
+      appJson[name] = manifestJson[name]
+    }
+  })
+
+  if (!appJson.name) {
+    const inputDir = process.env.UNI_INPUT_DIR
+    let projectname = path.basename(inputDir)
+    if (projectname === 'src') {
+      projectname = path.basename(path.dirname(inputDir))
+    }
+    appJson.name = projectname
+  }
+
+  if (!appJson.package) {
+    appJson.package = appJson.name
+  }
+  if (manifestJson['quickapp-webview']) {
+    extend(appJson, manifestJson['quickapp-webview'])
+  }
+
+  if (
+    process.env.UNI_SUB_PLATFORM &&
+    manifestJson[process.env.UNI_SUB_PLATFORM]
+  ) {
+    extend(appJson, manifestJson[process.env.UNI_SUB_PLATFORM])
+  }
+
+  if (!appJson.package) {
+    console.warn('manifest.json->quickapp-webview 缺少 package 配置')
+  }
+  if (!appJson.icon) {
+    console.warn('manifest.json->quickapp-webview 缺少 icon 配置')
+  }
+}

package/src/platform/index.ts

@@ -0,0 +1,3 @@
+export function getBaseSystemInfo() {
+  return qa.getSystemInfoSync()
+}

package/src/runtime/index.ts

@@ -0,0 +1,22 @@
+import { EventChannel } from '@dcloudio/uni-shared'
+import {
+  initCreateApp,
+  initCreatePage,
+  initCreateComponent,
+  initCreateSubpackageApp,
+} from '@dcloudio/uni-mp-core'
+
+import '@dcloudio/uni-mp-polyfill'
+
+import * as parsePageOptions from './parsePageOptions'
+import * as parseComponentOptions from './parseComponentOptions'
+
+export const createApp = initCreateApp()
+export const createPage = initCreatePage(parsePageOptions)
+export const createComponent = initCreateComponent(parseComponentOptions)
+export const createSubpackageApp = initCreateSubpackageApp()
+;(qa as any).EventChannel = EventChannel
+;(qa as any).createApp = (global as any).createApp = createApp
+;(qa as any).createPage = createPage
+;(qa as any).createComponent = createComponent
+;(qa as any).createSubpackageApp = createSubpackageApp

package/src/runtime/parseComponentOptions.ts

@@ -0,0 +1,91 @@
+import { ComponentPublicInstance } from 'vue'
+import { MPComponentInstance } from '@dcloudio/uni-mp-core'
+
+import {
+  instances,
+  initProvide,
+  initInjections,
+} from '@dcloudio/uni-mp-toutiao'
+import { ON_READY } from '@dcloudio/uni-shared'
+
+export { mocks, isPage } from '@dcloudio/uni-mp-baidu'
+
+export {
+  parseComponent as parse,
+  initComponentLifetimes as initLifetimes,
+} from '@dcloudio/uni-mp-toutiao'
+
+interface RelationOptions {
+  nodeId: string
+  webviewId: string
+}
+
+export function initRelation(mpInstance: MPComponentInstance) {
+  // triggerEvent 后，接收事件时机特别晚，已经到了 ready 之后
+  const nodeId = mpInstance.nodeId + ''
+  const webviewId = (mpInstance as any).pageinstance.__pageId__ + ''
+  instances[webviewId + '_' + nodeId] = mpInstance.$vm!
+  mpInstance.triggerEvent('__l', {
+    nodeId,
+    webviewId,
+  })
+}
+
+export function handleLink(
+  this: MPComponentInstance,
+  {
+    detail: { nodeId, webviewId },
+  }: {
+    detail: RelationOptions
+  }
+) {
+  const vm = instances[webviewId + '_' + nodeId] as ComponentPublicInstance & {
+    _$childVues?: [Function, Function][]
+  }
+  if (!vm) {
+    return
+  }
+  let parentVm = instances[
+    webviewId + '_' + (vm.$scope as any).ownerId
+  ] as ComponentPublicInstance & {
+    _$childVues?: [Function, Function][]
+  }
+  if (!parentVm) {
+    parentVm = this.$vm!
+  }
+
+  vm.$.parent = parentVm.$
+
+  const createdVm = function () {
+    if (__VUE_OPTIONS_API__) {
+      ;(parentVm as any).$children.push(vm)
+      const parent = parentVm.$ as any
+      ;(vm.$ as any).provides = parent
+        ? parent.provides
+        : Object.create(parent.appContext.provides)
+      initInjections(vm)
+      initProvide(vm)
+    }
+    vm.$callCreatedHook()
+  }
+  const mountedVm = function () {
+    // 处理当前 vm 子
+    if (vm._$childVues) {
+      vm._$childVues.forEach(([createdVm]) => createdVm())
+      vm._$childVues.forEach(([, mountedVm]) => mountedVm())
+      delete vm._$childVues
+    }
+    vm.$callHook('mounted')
+    vm.$callHook(ON_READY)
+  }
+  // 当 parentVm 已经 mounted 时，直接触发，否则延迟
+  if (!parentVm || parentVm.$.isMounted) {
+    createdVm()
+    mountedVm()
+  } else {
+    ;(parentVm._$childVues || (parentVm._$childVues = [])).push([
+      createdVm,
+      mountedVm,
+    ])
+  }
+}

package/src/runtime/parsePageOptions.ts

@@ -0,0 +1,10 @@
+export {
+  mocks,
+  isPage,
+  initRelation,
+  handleLink,
+} from './parseComponentOptions'
+export {
+  parsePage as parse,
+  initPageLifetimes as initLifetimes,
+} from '@dcloudio/uni-mp-toutiao'

package/tsconfig.json

@@ -0,0 +1,13 @@
+{
+  "extends": "../../tsconfig.json",
+  "compilerOptions": {
+    "resolveJsonModule": true,
+    "paths": {
+      "@dcloudio/*": ["packages/*/src"],
+      "@dcloudio/uni-platform": [
+        "packages/uni-quickapp-webview/src/platform/index.ts"
+      ],
+      "@dcloudio/uni-mp-polyfill": ["packages/uni-mp-core/src/runtime/polyfill"]
+    }
+  }
+}