fix: 修复unpkg依赖

packages/blockToWebComponentTemplate/vite.config.js

@@ -43,7 +43,7 @@ export default defineConfig(({ command, mode }) => {
   }
 
   const vuePluginConfig = {}
-  const styleLinks = ['https://registry.npmmirror.com/@opentiny/vue-theme/3.11/files/index.css']
+  const styleLinks = ['https://npm.onmicrosoft.cn/@opentiny/vue-theme@3.11/index.css']
 
   config.publicDir = false
 

packages/common/js/environments.js

@@ -15,6 +15,7 @@ export const PROD = import.meta.env.PROD
 export const BASE_URL = import.meta.env.BASE_URL
 export const VITE_ORIGIN = import.meta.env.VITE_ORIGIN
 export const VITE_API_MOCK = import.meta.env.VITE_API_MOCK
+export const VITE_CDN_DOMAIN = import.meta.env.VITE_CDN_DOMAIN
 
 export const isMock = VITE_API_MOCK === 'mock'
 

packages/design-core/.env.alpha

@@ -1,4 +1,5 @@
 # alpha mode, used by the "build:alpha" script
 
 NODE_ENV=production
+VITE_CDN_DOMAIN=https://npm.onmicrosoft.cn
 # VITE_ORIGIN=

packages/design-core/.env.development

@@ -1,5 +1,6 @@
 # development mode, used by the "vite" command
 
 NODE_ENV=development
+VITE_CDN_DOMAIN=https://npm.onmicrosoft.cn
 # request data via alpha service
 # VITE_ORIGIN=

packages/design-core/.env.prod

@@ -1,4 +1,5 @@
 # prod mode, used by the "build:prod" script
 
 NODE_ENV=production
+VITE_CDN_DOMAIN=https://npm.onmicrosoft.cn
 #VITE_ORIGIN=

packages/design-core/canvas.html

@@ -4,7 +4,7 @@
     <meta charset="UTF-8" />
     <link rel="icon" href="/favicon.ico" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0" />
-    <link href="https://registry.npmmirror.com/@opentiny/vue-theme/3.10/files/index.css" rel="stylesheet" />
+    <link href="https://npm.onmicrosoft.cn/@opentiny/vue-theme@3.11/index.css" rel="stylesheet" />
     <style type="text/css">
       .loading-warp {
         display: flex;

packages/design-core/package.json

@@ -77,10 +77,10 @@
     "@opentiny/tiny-engine-toolbar-setting": "workspace:^1.0.0",
     "@opentiny/tiny-engine-utils": "workspace:^1.0.0",
     "@opentiny/tiny-engine-webcomponent-core": "workspace:^1.0.0",
-    "@opentiny/vue": "~3.10.0",
-    "@opentiny/vue-design-smb": "~3.10.0",
-    "@opentiny/vue-renderless": "~3.10.0",
-    "@opentiny/vue-theme": "~3.10.0",
+    "@opentiny/vue": "~3.11.0",
+    "@opentiny/vue-design-smb": "~3.11.0",
+    "@opentiny/vue-renderless": "~3.11.0",
+    "@opentiny/vue-theme": "~3.11.0",
     "@vue/babel-plugin-jsx": "1.1.1",
     "@vue/repl": "^2.9.0",
     "@vueuse/core": "^9.6.0",

packages/design-core/public/mock/bundle.json

@@ -20,8 +20,8 @@
           "npm": {
             "package": "element-plus",
             "version": "2.4.2",
-            "script": "https://unpkg.com/[email protected]/dist/index.full.mjs",
-            "css": "https://unpkg.com/[email protected]/dist/index.css",
+            "script": "https://npm.onmicrosoft.cn/[email protected]/dist/index.full.mjs",
+            "css": "https://npm.onmicrosoft.cn/[email protected]/dist/index.css",
             "dependencies": null,
             "exportName": "ElInput"
           },
@@ -300,8 +300,8 @@
           "npm": {
             "package": "element-plus",
             "version": "2.4.2",
-            "script": "https://unpkg.com/[email protected]/dist/index.full.mjs",
-            "css": "https://unpkg.com/[email protected]/dist/index.css",
+            "script": "https://npm.onmicrosoft.cn/[email protected]/dist/index.full.mjs",
+            "css": "https://npm.onmicrosoft.cn/[email protected]/dist/index.css",
             "dependencies": null,
             "exportName": "ElButton"
           },
@@ -621,8 +621,8 @@
           "npm": {
             "package": "element-plus",
             "version": "2.4.2",
-            "script": "https://unpkg.com/[email protected]/dist/index.full.mjs",
-            "css": "https://unpkg.com/[email protected]/dist/index.css",
+            "script": "https://npm.onmicrosoft.cn/[email protected]/dist/index.full.mjs",
+            "css": "https://npm.onmicrosoft.cn/[email protected]/dist/index.css",
             "dependencies": null,
             "exportName": "ElForm"
           },
@@ -1078,8 +1078,8 @@
           "npm": {
             "package": "element-plus",
             "version": "2.4.2",
-            "script": "https://unpkg.com/[email protected]/dist/index.full.mjs",
-            "css": "https://unpkg.com/[email protected]/dist/index.css",
+            "script": "https://npm.onmicrosoft.cn/[email protected]/dist/index.full.mjs",
+            "css": "https://npm.onmicrosoft.cn/[email protected]/dist/index.css",
             "dependencies": null,
             "exportName": "ElFormItem"
           },
@@ -1428,8 +1428,8 @@
           "npm": {
             "package": "element-plus",
             "version": "2.4.2",
-            "script": "https://unpkg.com/[email protected]/dist/index.full.mjs",
-            "css": "https://unpkg.com/[email protected]/dist/index.css",
+            "script": "https://npm.onmicrosoft.cn/[email protected]/dist/index.full.mjs",
+            "css": "https://npm.onmicrosoft.cn/[email protected]/dist/index.css",
             "dependencies": null,
             "exportName": "ElTable"
           },
@@ -2664,8 +2664,8 @@
           "npm": {
             "package": "element-plus",
             "version": "2.4.2",
-            "script": "https://unpkg.com/[email protected]/dist/index.full.mjs",
-            "css": "https://unpkg.com/[email protected]/dist/index.css",
+            "script": "https://npm.onmicrosoft.cn/[email protected]/dist/index.full.mjs",
+            "css": "https://npm.onmicrosoft.cn/[email protected]/dist/index.css",
             "dependencies": null,
             "exportName": "ElTableColumn"
           },

packages/design-core/src/preview/src/preview/importMap.js

@@ -13,35 +13,35 @@
 // import { hyphenate } from '@vue/shared'
 
 import { getSearchParams } from './http'
+import { VITE_CDN_DOMAIN } from '@opentiny/tiny-engine-common/js/environments'
 
 const importMap = {}
 
+const opentinyVueVersion = '~3.11'
+
 const tinyVue3Imports = {
   // 推荐之后统一使用@opentiny/vue去引入依赖，兼容后续录入的组件来源于tiny-vue
-  '@opentiny/vue': 'https://registry.npmmirror.com/@opentiny/vue/3.11/files/runtime/tiny-vue.mjs',
-  '@opentiny/vue-icon': 'https://registry.npmmirror.com/@opentiny/vue/3.11/files/runtime/tiny-vue-icon.mjs',
-  '@opentiny/vue-common': 'https://registry.npmmirror.com/@opentiny/vue/3.11/files/runtime/tiny-vue-common.mjs',
-  '@opentiny/vue-locale': 'https://registry.npmmirror.com/@opentiny/vue/3.11/files/runtime/tiny-vue-locale.mjs',
-  '@opentiny/vue-renderless/': 'https://esm.sh/@opentiny/vue-renderless@3.11/?raw'
+  '@opentiny/vue': `${VITE_CDN_DOMAIN}/@opentiny/vue@${opentinyVueVersion}/runtime/tiny-vue.mjs`,
+  '@opentiny/vue-icon': `${VITE_CDN_DOMAIN}/@opentiny/vue@${opentinyVueVersion}/runtime/tiny-vue-icon.mjs`,
+  '@opentiny/vue-common': `${VITE_CDN_DOMAIN}/@opentiny/vue@${opentinyVueVersion}/runtime/tiny-vue-common.mjs`,
+  '@opentiny/vue-locale': `${VITE_CDN_DOMAIN}/@opentiny/vue@${opentinyVueVersion}/runtime/tiny-vue-locale.mjs`,
+  '@opentiny/vue-renderless/': `${VITE_CDN_DOMAIN}/@opentiny/vue-renderless@${opentinyVueVersion}/`
 }
 
 importMap.imports = {
-  vue: 'https://registry.npmmirror.com/vue/3.2.36/files/dist/vue.esm-browser.js',
-  'vue/server-renderer':
-    'https://registry.npmmirror.com/vue/server-renderer/3.2.36/files/dist/server-renderer.esm-browser.js',
-  'vue-i18n': 'https://registry.npmmirror.com/vue-i18n/9.2.0/files/dist/vue-i18n.esm-browser.js',
-  'vue-router': 'https://registry.npmmirror.com/vue-router/4.0.16/files/dist/vue-router.esm-browser.js',
-  '@vue/devtools-api': 'https://esm.sh/@vue/[email protected]/lib/esm/index.js?raw',
-  '@vueuse/core': 'https://registry.npmmirror.com/@vueuse/core/9.6.0/files/index.mjs',
-  '@vueuse/shared': 'https://registry.npmmirror.com/@vueuse/shared/9.6.0/files/index.mjs',
-  axios: 'https://registry.npmmirror.com/axios/1.0.0-alpha.1/files/dist/esm/axios.js',
-  'axios-mock-adapter': 'https://registry.npmmirror.com/axios-mock-adapter/1.21.1/files/dist/axios-mock-adapter.js',
-  '@opentiny/tiny-engine-webcomponent-core':
-    'https://registry.npmmirror.com/@opentiny/tiny-engine-webcomponent-core/1/files/dist/tiny-engine-webcomponent-core.es.js',
-  '@opentiny/tiny-engine-i18n-host':
-    'https://registry.npmmirror.com/@opentiny/tiny-engine-i18n-host/1/files/dist/tiny-engine-i18n-host.es.js',
-  'vue-demi': 'https://registry.npmmirror.com/vue-demi/0.13.11/files/lib/index.mjs',
-  pinia: 'https://registry.npmmirror.com/pinia/2.0.22/files/dist/pinia.esm-browser.js',
+  vue: `${VITE_CDN_DOMAIN}/[email protected]/dist/vue.runtime.esm-browser.js`,
+  'vue/server-renderer': `${VITE_CDN_DOMAIN}/@vue/[email protected]/dist/server-renderer.esm-browser.js`,
+  'vue-i18n': `${VITE_CDN_DOMAIN}/[email protected]/dist/vue-i18n.esm-browser.js`,
+  'vue-router': `${VITE_CDN_DOMAIN}/[email protected]/dist/vue-router.esm-browser.js`,
+  '@vue/devtools-api': `${VITE_CDN_DOMAIN}/@vue/[email protected]/lib/esm/index.js`,
+  '@vueuse/core': `${VITE_CDN_DOMAIN}/@vueuse/[email protected]/index.mjs`,
+  '@vueuse/shared': `${VITE_CDN_DOMAIN}/@vueuse/[email protected]/index.mjs`,
+  axios: `${VITE_CDN_DOMAIN}/[email protected]/dist/esm/axios.js`,
+  'axios-mock-adapter': `${VITE_CDN_DOMAIN}/[email protected]/dist/axios-mock-adapter.js`,
+  '@opentiny/tiny-engine-webcomponent-core': `${VITE_CDN_DOMAIN}/@opentiny/tiny-engine-webcomponent-core@1/dist/tiny-engine-webcomponent-core.es.js`,
+  '@opentiny/tiny-engine-i18n-host': `${VITE_CDN_DOMAIN}/@opentiny/tiny-engine-i18n-host@1/dist/tiny-engine-i18n-host.es.js`,
+  'vue-demi': `${VITE_CDN_DOMAIN}/[email protected]/lib/index.mjs`,
+  pinia: `${VITE_CDN_DOMAIN}/[email protected]/dist/pinia.esm-browser.js`,
   ...tinyVue3Imports,
   ...getSearchParams().scripts
 }

packages/design-core/src/preview/src/preview/srcFiles/app.js

@@ -16,5 +16,5 @@ function addCss(href) {
   link.setAttribute('href', href)
   document.head.appendChild(link)
 }
-addCss('https://registry.npmmirror.com/@opentiny/vue-theme/3.10/files/index.css')
-addCss('https://registry.npmmirror.com/@opentiny/vue-theme-mobile/3.10/files/index.css')
+addCss('https://npm.onmicrosoft.cn/@opentiny/vue-theme@3.11/index.css')
+addCss('https://npm.onmicrosoft.cn/@opentiny/vue-theme-mobile@3.11/index.css')

packages/design-core/vite.config.js

@@ -1,4 +1,5 @@
-import { defineConfig } from 'vite'
+import { defineConfig, loadEnv } from 'vite'
+
 import path from 'path'
 import vue from '@vitejs/plugin-vue'
 import monacoEditorPlugin from 'vite-plugin-monaco-editor'
@@ -12,6 +13,7 @@ import { importmapPlugin } from './scripts/externalDeps'
 import visualizer from 'rollup-plugin-visualizer'
 
 const origin = 'http://localhost:9090/'
+
 const config = {
   base: './',
   publicDir: path.resolve(__dirname, './public'),
@@ -118,6 +120,7 @@ const config = {
     }
   }
 }
+
 const importMapVersions = {
   prettier: '2.7.1',
   vue: '3',
@@ -175,11 +178,6 @@ const devAlias = {
   '@opentiny/tiny-engine-builtin-component': path.resolve(__dirname, '../builtinComponent/index.js')
 }
 
-const devVueAlias = {
-  find: /^vue$/,
-  replacement: `https://registry.npmmirror.com/vue/${importMapVersions.vue}/files/dist/vue.runtime.esm-browser.js`
-}
-
 const prodAlias = {
   '@opentiny/tiny-engine-theme': path.resolve(
     __dirname,
@@ -191,29 +189,8 @@ const commonAlias = {
   '@opentiny/tiny-engine-app-addons': path.resolve(__dirname, './config/addons.js')
 }
 
-const importmap = {
-  imports: {
-    prettier: `https://unpkg.com/prettier@${importMapVersions.prettier}/esm/standalone.mjs`,
-    'prettier/': `https://unpkg.com/prettier@${importMapVersions.prettier}/esm/`,
-    'prettier/parser-typescript': `https://unpkg.com/prettier@${importMapVersions.prettier}/esm/parser-typescript.mjs`,
-    'prettier/parser-html': `https://unpkg.com/prettier@${importMapVersions.prettier}/esm/parser-html.mjs`,
-    'prettier/parser-postcss': `https://unpkg.com/prettier@${importMapVersions.prettier}/esm/parser-postcss.mjs`,
-    'prettier/parser-babel': `https://unpkg.com/prettier@${importMapVersions.prettier}/esm/parser-babel.mjs`,
-
-    vue: `https://unpkg.com/vue@${importMapVersions.vue}/dist/vue.runtime.esm-browser.js`,
-    '@opentiny/vue': `https://unpkg.com/@opentiny/vue@${importMapVersions.tinyVue}/runtime/tiny-vue.mjs`,
-    '@opentiny/vue-icon': `https://unpkg.com/@opentiny/vue@${importMapVersions.tinyVue}/runtime/tiny-vue-icon.mjs`,
-    '@opentiny/vue-common': `https://unpkg.com/@opentiny/vue@${importMapVersions.tinyVue}/runtime/tiny-vue-common.mjs`,
-    '@opentiny/vue-locale': `https://unpkg.com/@opentiny/vue@${importMapVersions.tinyVue}/runtime/tiny-vue-locale.mjs`,
-    '@opentiny/vue-design-smb': `https://unpkg.com/@opentiny/vue-design-smb@${importMapVersions.tinyVue}/index.js`,
-    '@opentiny/vue-theme/theme-tool': `https://unpkg.com/@opentiny/vue-theme@${importMapVersions.tinyVue}/theme-tool`,
-    '@opentiny/vue-theme/theme': `https://unpkg.com/@opentiny/vue-theme@${importMapVersions.tinyVue}/theme`
-  }
-}
-
-const importMapStyles = [`https://unpkg.com/@opentiny/vue-theme@${importMapVersions.tinyVue}/index.css`]
-
 export default defineConfig(({ command, mode }) => {
+  const { VITE_CDN_DOMAIN } = loadEnv(mode, process.cwd(), '')
   const monacoPublicPath = {
     local: 'editor/monaco-workers',
     alpha: 'https://tinyengine-assets.obs.cn-north-4.myhuaweicloud.com/files/monaco-assets',
@@ -251,6 +228,11 @@ export default defineConfig(({ command, mode }) => {
   }
 
   if (command === 'serve') {
+    const devVueAlias = {
+      find: /^vue$/,
+      replacement: `${VITE_CDN_DOMAIN}/vue@${importMapVersions.vue}/dist/vue.runtime.esm-browser.js`
+    }
+
     config.resolve.alias = [
       devVueAlias,
       ...Object.entries({ ...commonAlias, ...devAlias }).map(([find, replacement]) => ({
@@ -270,11 +252,29 @@ export default defineConfig(({ command, mode }) => {
     }
   }
 
-  config.plugins.push(
-    monacoEditorPluginInstance,
-    htmlPlugin(mode),
-    command === 'build' && importmapPlugin(importmap, importMapStyles)
-  )
+  const importmap = {
+    imports: {
+      prettier: `${VITE_CDN_DOMAIN}/prettier@${importMapVersions.prettier}/esm/standalone.mjs`,
+      'prettier/': `${VITE_CDN_DOMAIN}/prettier@${importMapVersions.prettier}/esm/`,
+      'prettier/parser-typescript': `${VITE_CDN_DOMAIN}/prettier@${importMapVersions.prettier}/esm/parser-typescript.mjs`,
+      'prettier/parser-html': `${VITE_CDN_DOMAIN}/prettier@${importMapVersions.prettier}/esm/parser-html.mjs`,
+      'prettier/parser-postcss': `${VITE_CDN_DOMAIN}/prettier@${importMapVersions.prettier}/esm/parser-postcss.mjs`,
+      'prettier/parser-babel': `${VITE_CDN_DOMAIN}/prettier@${importMapVersions.prettier}/esm/parser-babel.mjs`,
+
+      vue: `${VITE_CDN_DOMAIN}/vue@${importMapVersions.vue}/dist/vue.runtime.esm-browser.js`,
+      '@opentiny/vue': `${VITE_CDN_DOMAIN}/@opentiny/vue@${importMapVersions.tinyVue}/runtime/tiny-vue.mjs`,
+      '@opentiny/vue-icon': `${VITE_CDN_DOMAIN}/@opentiny/vue@${importMapVersions.tinyVue}/runtime/tiny-vue-icon.mjs`,
+      '@opentiny/vue-common': `${VITE_CDN_DOMAIN}/@opentiny/vue@${importMapVersions.tinyVue}/runtime/tiny-vue-common.mjs`,
+      '@opentiny/vue-locale': `${VITE_CDN_DOMAIN}/@opentiny/vue@${importMapVersions.tinyVue}/runtime/tiny-vue-locale.mjs`,
+      '@opentiny/vue-design-smb': `${VITE_CDN_DOMAIN}/@opentiny/vue-design-smb@${importMapVersions.tinyVue}/index.js`,
+      '@opentiny/vue-theme/theme-tool': `${VITE_CDN_DOMAIN}/@opentiny/vue-theme@${importMapVersions.tinyVue}/theme-tool`,
+      '@opentiny/vue-theme/theme': `${VITE_CDN_DOMAIN}/@opentiny/vue-theme@${importMapVersions.tinyVue}/theme`
+    }
+  }
+
+  const importMapStyles = [`${VITE_CDN_DOMAIN}/@opentiny/vue-theme@${importMapVersions.tinyVue}/index.css`]
+
+  config.plugins.push(monacoEditorPluginInstance, htmlPlugin(mode), importmapPlugin(importmap, importMapStyles))
 
   return config
 })