feat: bump tiny-vue version (#1008)

opentiny · Jan 23, 2025 · 477c96a · 477c96a
1 parent fb467a7
commit 477c96a
Show file tree

Hide file tree

Showing 90 changed files with 268 additions and 254 deletions.
diff --git a/designer-demo/package.json b/designer-demo/package.json
@@ -13,12 +13,12 @@
     "@opentiny/tiny-engine-theme-dark": "workspace:*",
     "@opentiny/tiny-engine-theme-light": "workspace:*",
     "@opentiny/tiny-engine-utils": "workspace:*",
-    "@opentiny/vue": "~3.14.0",
-    "@opentiny/vue-design-smb": "~3.14.0",
-    "@opentiny/vue-icon": "~3.14.0",
-    "@opentiny/vue-locale": "~3.14.0",
-    "@opentiny/vue-renderless": "~3.14.0",
-    "@opentiny/vue-theme": "~3.14.0",
+    "@opentiny/vue": "~3.20.0",
+    "@opentiny/vue-design-smb": "~3.20.0",
+    "@opentiny/vue-icon": "~3.20.0",
+    "@opentiny/vue-locale": "~3.20.0",
+    "@opentiny/vue-renderless": "~3.20.0",
+    "@opentiny/vue-theme": "~3.20.0",
     "@vueuse/core": "^9.6.0",
     "vue": "^3.4.21"
   },

diff --git a/designer-demo/public/mock/bundle.json b/designer-demo/public/mock/bundle.json
@@ -4803,10 +4803,10 @@
           "npm": {
             "package": "@opentiny/vue",
             "exportName": "Layout",
-            "version": "3.14.0",
+            "version": "3.20.0",
             "destructuring": true,
-            "script": "https://unpkg.com/@opentiny/vue@~3.14/runtime/tiny-vue.mjs",
-            "css": "https://unpkg.com/@opentiny/vue-theme@~3.14/index.css"
+            "script": "https://unpkg.com/@opentiny/vue-runtime@~3.20/dist3/tiny-vue-pc.mjs",
+            "css": "https://unpkg.com/@opentiny/vue-theme@~3.20/index.css"
           },
           "group": "component",
           "priority": 5,
@@ -14040,10 +14040,10 @@
         {
           "name": "TinyVue组件库",
           "package": "@opentiny/vue",
-          "version": "3.14.0",
+          "version": "3.20.0",
           "destructuring": true,
-          "script": "https://unpkg.com/@opentiny/vue@~3.14/runtime/tiny-vue.mjs",
-          "css": "https://unpkg.com/@opentiny/vue-theme@~3.14/index.css"
+          "script": "https://unpkg.com/@opentiny/vue-runtime@~3.20/dist3/tiny-vue-pc.mjs",
+          "css": "https://unpkg.com/@opentiny/vue-theme@~3.20/index.css"
         },
         {
           "name": "element-plus组件库",

diff --git a/mockServer/src/mock/get/app-center/v1/apps/schema/918.json b/mockServer/src/mock/get/app-center/v1/apps/schema/918.json
@@ -1923,7 +1923,7 @@
         "package": "@opentiny/vue",
         "exportName": "Checkbox",
         "destructuring": true,
-        "version": "3.14.0"
+        "version": "3.20.0"
       },
       {
         "componentName": "TinySelect",
@@ -1986,28 +1986,28 @@
         "package": "@opentiny/vue",
         "exportName": "Collapse",
         "destructuring": true,
-        "version": "3.14.0"
+        "version": "3.20.0"
       },
       {
         "componentName": "TinyCollapseItem",
         "package": "@opentiny/vue",
         "exportName": "CollapseItem",
         "destructuring": true,
-        "version": "3.14.0"
+        "version": "3.20.0"
       },
       {
         "componentName": "TinyBreadcrumb",
         "package": "@opentiny/vue",
         "exportName": "Breadcrumb",
         "destructuring": true,
-        "version": "3.14.0"
+        "version": "3.20.0"
       },
       {
         "componentName": "TinyBreadcrumbItem",
         "package": "@opentiny/vue",
         "exportName": "BreadcrumbItem",
         "destructuring": true,
-        "version": "3.14.0"
+        "version": "3.20.0"
       },
       {
         "componentName": "ElInput",

diff --git a/packages/block-compiler/index.html b/packages/block-compiler/index.html
@@ -4,7 +4,7 @@
     <meta charset="UTF-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0" />
     <title>block-compiler</title>
-    <link rel="stylesheet" href="https://unpkg.com/@opentiny/vue-theme@3.14/index.css" />
+    <link rel="stylesheet" href="https://unpkg.com/@opentiny/vue-theme@3.20/index.css" />
     <script type="importmap">
       {
         "imports": {
@@ -19,11 +19,11 @@
           "@opentiny/tiny-engine-i18n-host": "https://unpkg.com/@opentiny/tiny-engine-i18n-host@1/dist/lowcode-design-i18n-host.es.js",
           "@opentiny/tiny-engine-builtin-component": "https://unpkg.com/@opentiny/tiny-engine-builtin-component@^2.0.0/dist/index.js",
           "pinia": "https://unpkg.com/[email protected]/dist/pinia.esm-browser.js",
-          "@opentiny/vue": "https://unpkg.com/@opentiny/vue@3.14/runtime/tiny-vue.mjs",
-          "@opentiny/vue-icon": "https://unpkg.com/@opentiny/vue@3.14/runtime/tiny-vue-icon.mjs",
-          "@opentiny/vue-common": "https://unpkg.com/@opentiny/vue@3.14/runtime/tiny-vue-common.mjs",
-          "@opentiny/vue-locale": "https://unpkg.com/@opentiny/vue@3.14/runtime/tiny-vue-locale.mjs",
-          "@opentiny/vue-renderless/": "https://unpkg.com/@opentiny/vue-renderless@3.14/"
+          "@opentiny/vue": "https://unpkg.com/@opentiny/vue-runtime@3.20/dist3/tiny-vue-pc.mjs",
+          "@opentiny/vue-icon": "https://unpkg.com/@opentiny/vue-runtime@3.20/dist3/tiny-vue-icon.mjs",
+          "@opentiny/vue-common": "https://unpkg.com/@opentiny/vue-runtime@3.20/dist3/tiny-vue-common.mjs",
+          "@opentiny/vue-locale": "https://unpkg.com/@opentiny/vue-runtime@3.20/dist3/tiny-vue-locale.mjs",
+          "@opentiny/vue-renderless/": "https://unpkg.com/@opentiny/vue-renderless@3.20/"
         }
       }
     </script>

diff --git a/packages/blockToWebComponentTemplate/package.json b/packages/blockToWebComponentTemplate/package.json
@@ -33,9 +33,9 @@
   "dependencies": {
     "@opentiny/tiny-engine-i18n-host": "workspace:*",
     "@opentiny/tiny-engine-webcomponent-core": "workspace:*",
-    "@opentiny/vue": "~3.14.0",
-    "@opentiny/vue-icon": "~3.14.0",
-    "@opentiny/vue-theme": "~3.14.0",
+    "@opentiny/vue": "~3.20.0",
+    "@opentiny/vue-icon": "~3.20.0",
+    "@opentiny/vue-theme": "~3.20.0",
     "@vue/shared": "^3.3.11",
     "vue": "^3.4.15",
     "vue-i18n": "^9.9.0"

diff --git a/packages/build/vite-config/src/canvas-dev-external.js b/packages/build/vite-config/src/canvas-dev-external.js
@@ -7,16 +7,16 @@ export function canvasDevExternal(override = {}) {
   const blockRequire = {
     externals: [/^@opentiny\/vue$/, /^@opentiny\/vue-icon$/],
     imports: {
-      '@opentiny/vue': `${prefix}/node_modules/@opentiny/vue/runtime/tiny-vue.mjs`,
-      '@opentiny/vue-icon': `${prefix}/node_modules/@opentiny/vue/runtime/tiny-vue-icon.mjs`
+      '@opentiny/vue': `${prefix}/node_modules/@opentiny/vue-runtime/dist3/tiny-vue-pc.mjs`,
+      '@opentiny/vue-icon': `${prefix}/node_modules/@opentiny/vue-runtime/dist3/tiny-vue-icon.mjs`
     },
     importStyles: [`${prefix}/node_modules/@opentiny/vue-theme/index.css`]
   }
   // 以下内容由于物料协议不支持声明子依赖而@opentiny/vue需要依赖所以需要补充
   const tinyVueRequire = {
     imports: {
-      '@opentiny/vue-common': `${prefix}/node_modules/@opentiny/vue/runtime/tiny-vue-common.mjs`,
-      '@opentiny/vue-locale': `${prefix}/node_modules/@opentiny/vue/runtime/tiny-vue-locale.mjs`
+      '@opentiny/vue-common': `${prefix}/node_modules/@opentiny/vue-runtime/dist3/tiny-vue-common.mjs`,
+      '@opentiny/vue-locale': `${prefix}/node_modules/@opentiny/vue-runtime/dist3/tiny-vue-locale.mjs`
     }
   }
   return [

diff --git a/packages/build/vite-config/src/localCdnFile/copyPreviewImportMap.js b/packages/build/vite-config/src/localCdnFile/copyPreviewImportMap.js
@@ -16,7 +16,7 @@ export function extraPreviewImport(filename, originCdnPrefix) {
   const result = []
   const importMap = readJsonSync(filename)
   Object.entries(importMap.imports)?.forEach(([_key, location]) => {
-    const url = location.replace('${VITE_CDN_DOMAIN}', originCdnPrefix).replace('${opentinyVueVersion}', '~3.14')
+    const url = location.replace('${VITE_CDN_DOMAIN}', originCdnPrefix).replace('${opentinyVueVersion}', '~3.20')
     if (url?.startsWith(originCdnPrefix) && !result.includes(url)) {
       result.push(url)
     }
@@ -29,7 +29,7 @@ export function replacePreviewImport(importMap, fileMap, originCdnPrefix) {
     imports: Object.fromEntries(
       Object.entries(importMap.imports)?.map(([key, location]) => {
         // 这里的替换占位符规则等同于packages/design-core/src/preview/src/preview/importMap.js, 两边修改需要同步
-        const url = location.replace('${VITE_CDN_DOMAIN}', originCdnPrefix).replace('${opentinyVueVersion}', '~3.14')
+        const url = location.replace('${VITE_CDN_DOMAIN}', originCdnPrefix).replace('${opentinyVueVersion}', '~3.20')
         const matchRule = fileMap.find((rule) => url === rule.originUrl)
         if (matchRule) {
           return [key, matchRule.newUrl]

diff --git a/packages/canvas/DesignCanvas/src/importMap.js b/packages/canvas/DesignCanvas/src/importMap.js
@@ -4,7 +4,7 @@ export function getImportMapData(overrideVersions = {}, canvasDeps = { scripts:
   const importMapVersions = Object.assign(
     {
       vue: '3.4.23',
-      tinyVue: '~3.14',
+      tinyVue: '~3.20',
       vueI18n: '^9.9.0'
     },
     overrideVersions
@@ -13,8 +13,8 @@ export function getImportMapData(overrideVersions = {}, canvasDeps = { scripts:
   // 以下内容由于区块WebComponent加载需要补充
   const blockRequire = {
     imports: {
-      '@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': `${VITE_CDN_DOMAIN}/@opentiny/vue-runtime@${importMapVersions.tinyVue}/dist3/tiny-vue-pc.mjs`,
+      '@opentiny/vue-icon': `${VITE_CDN_DOMAIN}/@opentiny/vue-runtime@${importMapVersions.tinyVue}/dist3/tiny-vue-icon.mjs`,
       'element-plus': `${VITE_CDN_DOMAIN}/[email protected]/dist/index.full.mjs`,
       '@opentiny/tiny-engine-builtin-component': `${VITE_CDN_DOMAIN}/@opentiny/tiny-engine-builtin-component@^2.0.0/dist/index.mjs`
     },
@@ -27,8 +27,9 @@ export function getImportMapData(overrideVersions = {}, canvasDeps = { scripts:
   // 以下内容由于物料协议不支持声明子依赖而@opentiny/vue需要依赖所以需要补充
   const tinyVueRequire = {
     imports: {
-      '@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-common': `${VITE_CDN_DOMAIN}/@opentiny/vue-runtime@${importMapVersions.tinyVue}/dist3/tiny-vue-common.mjs`,
+      '@opentiny/vue-locale': `${VITE_CDN_DOMAIN}/@opentiny/vue-runtime@${importMapVersions.tinyVue}/dist3/tiny-vue-locale.mjs`,
+      echarts: `${VITE_CDN_DOMAIN}/[email protected]/dist/echarts.esm.js`
     }
   }
 

diff --git a/packages/canvas/container/src/components/CanvasAction.vue b/packages/canvas/container/src/components/CanvasAction.vue
@@ -21,7 +21,7 @@
       >
         <shortCutPopover v-if="showPopover" @active="activeSetting('props')"></shortCutPopover>
         <template #reference>
-          <icon-setting class="icon-setting" @click.stop="showPopover = !showPopover"></icon-setting>
+          <icon-setting class="icon-setting svg-currentcolor" @click.stop="showPopover = !showPopover"></icon-setting>
         </template>
       </TinyPopover>
     </div>
@@ -71,25 +71,25 @@
     <div v-if="showAction" ref="optionRef" class="corner-mark-right" :style="fixStyle">
       <template v-if="!isModal">
         <div v-if="showToParent" title="选择父级">
-          <icon-chevron-left @click.stop="selectParent"></icon-chevron-left>
+          <icon-chevron-left class="svg-currentcolor" @click.stop="selectParent"></icon-chevron-left>
         </div>
         <div title="向上移动">
-          <icon-arrow-up @click.stop="moveUp"></icon-arrow-up>
+          <icon-arrow-up class="svg-currentcolor" @click.stop="moveUp"></icon-arrow-up>
         </div>
         <div title="向下移动">
-          <icon-arrow-down @click.stop="moveDown"></icon-arrow-down>
+          <icon-arrow-down class="svg-currentcolor" @click.stop="moveDown"></icon-arrow-down>
         </div>
         <div title="复制">
-          <icon-copy @click.stop="copy"></icon-copy>
+          <icon-copy class="svg-currentcolor" @click.stop="copy"></icon-copy>
         </div>
       </template>
       <template v-else>
         <div title="隐藏">
-          <icon-eyeclose @click.stop="hide"></icon-eyeclose>
+          <icon-eyeclose class="svg-currentcolor" @click.stop="hide"></icon-eyeclose>
         </div>
       </template>
       <div title="删除">
-        <icon-del @click.stop="remove"></icon-del>
+        <icon-del class="svg-currentcolor" @click.stop="remove"></icon-del>
       </div>
     </div>
   </div>

diff --git a/packages/canvas/package.json b/packages/canvas/package.json
@@ -59,9 +59,9 @@
     "vite": "^5.4.2"
   },
   "peerDependencies": {
-    "@opentiny/vue": "^3.14.0",
-    "@opentiny/vue-icon": "^3.14.0",
-    "@opentiny/vue-renderless": "^3.14.0",
+    "@opentiny/vue": "^3.20.0",
+    "@opentiny/vue-icon": "^3.20.0",
+    "@opentiny/vue-renderless": "^3.20.0",
     "vue": "^3.4.15",
     "vue-i18n": "^9.9.0"
   }

diff --git a/packages/common/component/ConfigItem.vue b/packages/common/component/ConfigItem.vue
@@ -82,7 +82,7 @@
             @update:modelValue="onModelUpdate"
           >
             <template #default>
-              <tiny-tooltip class="item" effect="dark" content="源码编辑" placement="left">
+              <tiny-tooltip class="item" effect="light" content="源码编辑" placement="left">
                 <icon-writing class="code-icon" @click="editorModalRef?.open && editorModalRef.open()"></icon-writing>
               </tiny-tooltip>
             </template>

diff --git a/packages/common/component/MetaListActions.vue b/packages/common/component/MetaListActions.vue
@@ -1,6 +1,6 @@
 <template lang="">
   <span v-for="(actionsItem, index) in actions" :key="index" class="actionsItem" @click="actionsEvents(actionsItem)">
-    <tiny-tooltip class="item" effect="dark" :content="actionsItem.title" placement="top">
+    <tiny-tooltip class="item" effect="light" :content="actionsItem.title" placement="top">
       <component :is="actionsItem.icon"></component>
     </tiny-tooltip>
   </span>

diff --git a/packages/common/component/MonacoEditor.vue b/packages/common/component/MonacoEditor.vue
@@ -6,21 +6,28 @@
         <div class="toolbar-start">
           <slot name="toolbarStart"></slot>
         </div>
-        <div :class="['buttons', { 'engine-fullscreen': fullscreen }]" id="icon-buttons">
+        <div :class="['buttons', { 'monaco-btn-fullscreen': fullscreen }]" id="icon-buttons">
           <slot name="buttons"></slot>
           <tiny-tooltip
             v-if="showFormatBtn && options.language === 'json'"
             content="格式化"
             placement="top"
             :open-delay="OPEN_DELAY.Default"
+            effect="light"
           >
             <public-icon name="json" @click="formatCode"></public-icon>
           </tiny-tooltip>
           <span v-if="showFullScreenBtn">
-            <tiny-tooltip v-if="!fullscreen" content="全屏" placement="top" :open-delay="OPEN_DELAY.Default">
+            <tiny-tooltip
+              v-if="!fullscreen"
+              effect="light"
+              content="全屏"
+              placement="top"
+              :open-delay="OPEN_DELAY.Default"
+            >
               <public-icon name="full-screen" @click="switchFullScreen(true)"></public-icon>
             </tiny-tooltip>
-            <tiny-tooltip v-else content="退出全屏" placement="top" :open-delay="OPEN_DELAY.Default">
+            <tiny-tooltip v-else content="退出全屏" effect="light" placement="top" :open-delay="OPEN_DELAY.Default">
               <public-icon name="cancel-full-screen" @click="switchFullScreen(false)"></public-icon>
             </tiny-tooltip>
           </span>
@@ -174,7 +181,7 @@ export default {
       color: var(--te-common-icon-secondary);
     }
   }
-  .engine-fullscreen {
+  .monaco-btn-fullscreen {
     display: flex;
     margin-right: 20px;
   }

diff --git a/packages/common/component/PluginBlockList.vue b/packages/common/component/PluginBlockList.vue
@@ -72,12 +72,12 @@
         >
           <div class="setting-menu" @mouseover.stop="handleSettingMouseOver" @mouseleave="handleBlockItemLeave">
             <ul class="list">
-              <tiny-tooltip content="版本列表" placement="top">
+              <tiny-tooltip content="版本列表" placement="top" effect="light">
                 <li class="list-item" @click.stop="$emit('openVersionPanel', { item, index })">
                   <svg-button class="list-item-svg" :hoverBgColor="false" name="versions"> </svg-button>
                 </li>
               </tiny-tooltip>
-              <tiny-tooltip content="移除" placement="top">
+              <tiny-tooltip content="移除" placement="top" effect="light">
                 <li class="list-item" @click.stop="$emit('deleteBlock', item)">
                   <svg-button class="list-item-svg" :hoverBgColor="false" name="remove"> </svg-button>
                 </li>

diff --git a/packages/common/component/SvgButton.vue b/packages/common/component/SvgButton.vue
@@ -1,6 +1,6 @@
 <template>
   <span class="svg-button" :class="{ 'svg-button-hover': hoverBgColor }" @click="$emit('click', $event)">
-    <tiny-tooltip effect="dark" :content="tips" :placement="placement">
+    <tiny-tooltip effect="light" :content="tips" :placement="placement">
       <component :is="name" v-if="isTinyIcon" />
       <svg-icon v-else :name="name"></svg-icon>
     </tiny-tooltip>

diff --git a/packages/common/package.json b/packages/common/package.json
@@ -53,10 +53,10 @@
     "vite": "^5.4.2"
   },
   "peerDependencies": {
-    "@opentiny/vue": "^3.14.0",
-    "@opentiny/vue-icon": "^3.14.0",
-    "@opentiny/vue-locale": "^3.14.0",
-    "@opentiny/vue-renderless": "^3.14.0",
+    "@opentiny/vue": "^3.20.0",
+    "@opentiny/vue-icon": "^3.20.0",
+    "@opentiny/vue-locale": "^3.20.0",
+    "@opentiny/vue-renderless": "^3.20.0",
     "vue": "^3.4.15",
     "vue-i18n": "^9.9.0"
   }

diff --git a/packages/configurator/package.json b/packages/configurator/package.json
@@ -22,8 +22,8 @@
     "vite": "^5.4.2"
   },
   "peerDependencies": {
-    "@opentiny/vue": "^3.14.0",
-    "@opentiny/vue-icon": "^3.14.0",
+    "@opentiny/vue": "^3.20.0",
+    "@opentiny/vue-icon": "^3.20.0",
     "vue": "^3.4.15"
   },
   "dependencies": {

diff --git a/packages/configurator/src/collection-configurator/CollectionConfigurator.vue b/packages/configurator/src/collection-configurator/CollectionConfigurator.vue
@@ -3,7 +3,7 @@
     <tiny-select v-model="selected" placeholder="请选择" @change="sourceChange">
       <tiny-option v-for="item in options" :key="item.id" :label="item.name" :value="item.id"> </tiny-option>
     </tiny-select>
-    <tiny-tooltip class="item" effect="dark" content="刷新数据源" placement="top">
+    <tiny-tooltip class="item" effect="light" content="刷新数据源" placement="top">
       <icon-common-refresh @click="refreshData"></icon-common-refresh>
     </tiny-tooltip>
   </div>

diff --git a/packages/configurator/src/container-configurator/ContainerConfigurator.vue b/packages/configurator/src/container-configurator/ContainerConfigurator.vue
@@ -9,7 +9,7 @@
         </div>
       </template>
       <template #operate="{ data }">
-        <tiny-tooltip class="item" effect="dark" content="删除" placement="top">
+        <tiny-tooltip class="item" effect="light" content="删除" placement="top">
           <span class="item-icon">
             <icon-del @click="delChildren(data)"></icon-del>
           </span>

diff --git a/packages/configurator/src/html-attributes-configurator/HtmlAttributesConfigurator.vue b/packages/configurator/src/html-attributes-configurator/HtmlAttributesConfigurator.vue
@@ -26,7 +26,7 @@
       </div>
 
       <template #reference>
-        <tiny-tooltip class="item" effect="dark" content="新增原生属性" placement="top">
+        <tiny-tooltip class="item" effect="light" content="新增原生属性" placement="top">
           <span class="icon-wrap"><IconPlus @click="addAttr"></IconPlus></span>
         </tiny-tooltip>
       </template>