image/tdesign-vue-next-starter
1
0
Fork 1
mirror of https://github.com/Tencent/tdesign-vue-next-starter.git synced 2024-12-23 03:26:35 +08:00
Code Issues Packages Projects Releases Wiki Activity

feat: upgrade vite4 (#533)

Browse Source 
* chore: 升级vite4

* docs: 项目简介 修改

* fix: 打包后预览提示TypeError

* chore: @vitejs/plugin-vue,@vitejs/plugin-vue-jsx升级

* docs: 项目简介 修改
This commit is contained in:
liweijie0812 2023-06-01 14:12:23 +08:00 committed by GitHub
parent f3f266b384
commit 4555545562
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
5 changed files with 6 additions and 13 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
README-zh_CN.md
View File

@ -19,7 +19,7 @@
### 项目简介 ### 项目简介
TDesign Vue Next Starter 是一个基于 TDesign，使用 `Vue3`、`Vite2`、`Pinia`、`TypeScript` 开发，可进行个性化主题配置，旨在提供项目开箱即用的、配置式的中后台项目。 TDesign Vue Next Starter 是一个基于 TDesign，使用 `Vue3`、`Vite`、`Pinia`、`TypeScript` 开发，可进行个性化主题配置，旨在提供项目开箱即用的、配置式的中后台项目。
<p> <p>
<a href="http://tdesign.tencent.com/starter/vue-next/">在线预览</a> <a href="http://tdesign.tencent.com/starter/vue-next/">在线预览</a>

2
README.md
View File

@ -17,7 +17,7 @@
English | [简体中文](./README-zh_CN.md) English | [简体中文](./README-zh_CN.md)
### Introduction ### Introduction
TDesign Vue Next Starter is a TDesign-based developed with `Vue 3`, `Vite 3+`, `Pinia`, `TypeScript`. It can be customized theme configuration, and aims to provide project out-of-the-box, configuration-style middle and background projects. TDesign Vue Next Starter is a TDesign-based developed with `Vue 3`, `Vite`, `Pinia`, `TypeScript`. It can be customized theme configuration, and aims to provide project out-of-the-box, configuration-style middle and background projects.
<p> <p>
<a href="http://tdesign.tencent.com/starter/vue-next/">Live Preview</a> <a href="http://tdesign.tencent.com/starter/vue-next/">Live Preview</a>

6
package.json
View File

@ -44,8 +44,8 @@
"@types/qs": "^6.9.7", "@types/qs": "^6.9.7",
"@typescript-eslint/eslint-plugin": "^5.47.1", "@typescript-eslint/eslint-plugin": "^5.47.1",
"@typescript-eslint/parser": "^5.47.1", "@typescript-eslint/parser": "^5.47.1",
"@vitejs/plugin-vue": "^3.2.0", "@vitejs/plugin-vue": "^4.2.3 ",
"@vitejs/plugin-vue-jsx": "^1.3.10", "@vitejs/plugin-vue-jsx": "^3.0.1 ",
"@vue/compiler-sfc": "^3.2.47", "@vue/compiler-sfc": "^3.2.47",
"@vue/eslint-config-typescript": "^11.0.2", "@vue/eslint-config-typescript": "^11.0.2",
"commitizen": "^4.2.4", "commitizen": "^4.2.4",
@ -70,7 +70,7 @@
"stylelint-less": "1.0.6", "stylelint-less": "1.0.6",
"stylelint-order": "~6.0.1", "stylelint-order": "~6.0.1",
"typescript": "~4.9.5", "typescript": "~4.9.5",
"vite": "^3.2.5", "vite": "^4.3.9",
"vite-plugin-mock": "^2.9.6", "vite-plugin-mock": "^2.9.6",
"vite-svg-loader": "^4.0.0", "vite-svg-loader": "^4.0.0",
"vue-tsc": "^1.2.0" "vue-tsc": "^1.2.0"

2
src/pages/dashboard/base/components/MiddleChart.vue
View File

@ -15,7 +15,6 @@
</template> </template>
<div <div
id="monitorContainer" id="monitorContainer"
ref="monitorContainer"
class="dashboard-chart-container" class="dashboard-chart-container"
:style="{ width: '100%', height: `${resizeTime * 326}px` }" :style="{ width: '100%', height: `${resizeTime * 326}px` }"
/> />
@ -25,7 +24,6 @@
<t-card title="销售渠道" :subtitle="currentMonth" class="dashboard-chart-card" :bordered="false"> <t-card title="销售渠道" :subtitle="currentMonth" class="dashboard-chart-card" :bordered="false">
<div <div
id="countContainer" id="countContainer"
ref="countContainer"
:style="{ width: `${resizeTime * 326}px`, height: `${resizeTime * 326}px`, margin: '0 auto' }" :style="{ width: `${resizeTime * 326}px`, height: `${resizeTime * 326}px`, margin: '0 auto' }"
class="dashboard-chart-container" class="dashboard-chart-container"
/> />

7
src/pages/dashboard/base/components/OutputOverview.vue
View File

@ -17,12 +17,7 @@
@change="onStokeDataChange" @change="onStokeDataChange"
/> />
</template> </template>
<div <div id="stokeContainer" style="width: 100%; height: 351px" class="dashboard-chart-container"></div>
id="stokeContainer"
ref="stokeContainer"
style="width: 100%; height: 351px"
class="dashboard-chart-container"
></div>
</t-card> </t-card>
</t-col> </t-col>
<t-col :xs="12" :xl="3"> <t-col :xs="12" :xl="3">