mirror of
https://github.com/XiaoDaiGua-Ray/ray-template.git
synced 2025-04-05 19:42:07 +08:00
ray-template 2.0
This commit is contained in:
chuan_wuhao
parent
49e8d3fbc5
commit
5881b530a0
1
.gitignore
vendored
1
.gitignore
vendored
@ -9,6 +9,7 @@ lerna-debug.log*
|
||||
|
||||
node_modules
|
||||
dist-ssr
|
||||
dist
|
||||
*.local
|
||||
|
||||
# Editor directories and files
|
||||
|
||||
91
README.md
91
README.md
@ -1,10 +1,12 @@
|
||||
# Ray template
|
||||
|
||||
`模板按照个人习惯进行搭建, 可以根据个人喜好进行更改`
|
||||
## 前言
|
||||
|
||||
> 模板按照个人习惯进行搭建, 可以根据个人喜好进行更改. 预设了一些组件库、国际化库的东西. 建议使用 `naive-ui` 作为组件库.
|
||||
|
||||
## 项目说明
|
||||
|
||||
项目采用 `Vue 3` `TypeScript` `TSX` `Vite` 进行开发, 已经集成了一些常用的开发库, 进行了一些 `Vite` 相关配置, 例如全局自动引入、`GZ` 打包、按需引入打包、[reactivityTransform](https://vuejs.org/guide/extras/reactivity-transform.html)等, 解放你的双手. 国际化插件, 按照项目需求自己取舍. 引入了比较火的 `hook` 库 [@vueuse](https://vueuse.org/), 极大提高你的搬砖效率. `小提醒: 为了避免使用 @vueuse 时出现奇奇怪怪的错误(例如: useDraggable 在使用的时候, TSX 形式开发会失效), 建议采用 <script setup /> 形式进行开发`. 可以根据自己项目实际需求进行配置 `px` 与 'rem' 转换比例(使用 `postcss-pxtorem` 与 `autoprefixer` 实现)
|
||||
> 项目采用 `Vue 3` `TypeScript` `TSX` `Vite` 进行开发, 已经集成了一些常用的开发库, 进行了一些 `Vite` 相关配置, 例如全局自动引入、`GZ` 打包、按需引入打包、[reactivityTransform](https://vuejs.org/guide/extras/reactivity-transform.html)等, 解放你的双手. 国际化插件, 按照项目需求自己取舍. 引入了比较火的 `hook` 库 [@vueuse](https://vueuse.org/), 极大提高你的搬砖效率. `小提醒: 为了避免使用 @vueuse 时出现奇奇怪怪的错误(例如: useDraggable 在使用的时候, TSX 形式开发会失效), 建议采用 <script setup /> 形式进行开发`. 可以根据自己项目实际需求进行配置 `px` 与 'rem' 转换比例(使用 `postcss-pxtorem` 与 `autoprefixer` 实现).
|
||||
|
||||
## 启动项目
|
||||
|
||||
@ -24,6 +26,7 @@
|
||||
- [scrollreveal.js](https://scrollrevealjs.org/) `滚动加载动画`
|
||||
- [crypto-js](https://github.com/brix/crypto-js) `加密`
|
||||
- [vite-svg-loader](https://github.com/jpkleemans/vite-svg-loader) `svg组件化`
|
||||
- [vite-plugin-svg-icons](https://github.com/vbenjs/vite-plugin-svg-icons/blob/main/README.zh_CN.md) `svg雪碧图`
|
||||
|
||||
## 组件说明
|
||||
|
||||
@ -64,4 +67,88 @@
|
||||
- vite-plugin: 插件注册
|
||||
```
|
||||
|
||||
## 如果你采用的 `naive-ui` 作为组件库, 可能需要它
|
||||
|
||||
```tsx
|
||||
/* eslint-disable */
|
||||
import {
|
||||
createDiscreteApi,
|
||||
NDialogProvider,
|
||||
NLoadingBarProvider,
|
||||
NMessageProvider,
|
||||
NNotificationProvider,
|
||||
} from 'naive-ui'
|
||||
|
||||
/**
|
||||
*
|
||||
* 全局注入 `naive-ui` 组件: `dialog`、`message`、`loadingBar`、`notification`
|
||||
*/
|
||||
const GlobalInject = defineComponent({
|
||||
name: 'GlovalInject',
|
||||
setup() {
|
||||
// 创建 `naive-ui` 组件, 并且让其可以在 `setup` 外使用
|
||||
const { message, notification, dialog, loadingBar } = createDiscreteApi(
|
||||
['message', 'dialog', 'notification', 'loadingBar'],
|
||||
{},
|
||||
)
|
||||
|
||||
window.$dialog = dialog // 注入 `dialog`
|
||||
window.$message = message // 注入 `message`
|
||||
window.$loadingBar = loadingBar // 注入 `loadingBar`
|
||||
window.$notification = notification // 注入 `notification`
|
||||
},
|
||||
render() {
|
||||
return <>{this.$slots.default?.()}</>
|
||||
},
|
||||
})
|
||||
|
||||
const GlobalProvider = defineComponent({
|
||||
name: 'GlobalProvider',
|
||||
render() {
|
||||
return (
|
||||
<NDialogProvider>
|
||||
<NNotificationProvider>
|
||||
<NMessageProvider>
|
||||
<NLoadingBarProvider>
|
||||
<GlobalInject>{this.$slots.default?.()}</GlobalInject>
|
||||
</NLoadingBarProvider>
|
||||
</NMessageProvider>
|
||||
</NNotificationProvider>
|
||||
</NDialogProvider>
|
||||
)
|
||||
},
|
||||
})
|
||||
|
||||
export default GlobalProvider
|
||||
```
|
||||
|
||||
> 如何使用
|
||||
|
||||
- 打开 `App.tsx`
|
||||
- 引入组件
|
||||
- 在 `RouterView` 组件外层包裹即可
|
||||
|
||||
```tsx
|
||||
import { defineComponent } from 'vue'
|
||||
import { NConfigProvider, NGlobalStyle } from 'naive-ui'
|
||||
import { RouterView } from 'vue-router'
|
||||
import RayGlobalProvider from '@/components/RayGlobalProvider/index'
|
||||
|
||||
const App = defineComponent({
|
||||
name: 'App',
|
||||
render() {
|
||||
return (
|
||||
<NConfigProvider>
|
||||
<RayGlobalProvider>
|
||||
<RouterView />
|
||||
<NGlobalStyle />
|
||||
</RayGlobalProvider>
|
||||
</NConfigProvider>
|
||||
)
|
||||
},
|
||||
})
|
||||
|
||||
export default App
|
||||
```
|
||||
|
||||
### 祝大家搬砖愉快, 希望这个模板能帮你省很多时间
|
||||
|
||||
BIN
dist/.DS_Store
vendored
BIN
dist/.DS_Store
vendored
Binary file not shown.
29
dist/assets/index.e8c4dc19.js
vendored
29
dist/assets/index.e8c4dc19.js
vendored
File diff suppressed because one or more lines are too long
BIN
dist/assets/index.e8c4dc19.js.gz
vendored
BIN
dist/assets/index.e8c4dc19.js.gz
vendored
Binary file not shown.
1
dist/assets/index.f748041f.css
vendored
1
dist/assets/index.f748041f.css
vendored
@ -1 +0,0 @@
|
||||
.fade-enter-active,.fade-leave-active{transition:opacity .28s var(--r-bezier)}.fade-enter-from,.fade-leave-active{opacity:0;transition:all .5s var(--r-bezier)}.fade-transform-leave-active,.fade-transform-enter-active{transition:all .5s var(--r-bezier)}.fade-transform-enter-from{opacity:0;transform:translate(-30px)}.fade-transform-leave-to{opacity:0;transform:translate(30px)}body,h1,h2,h3,h4,h5,h6,hr,p,blockquote,dl,dt,dd,ul,ol,li,pre,form,fieldset,legend,button,input,textarea,th,td{margin:0;padding:0}ul,ol,li{list-style:none}fieldset,img{border:0;vertical-align:middle}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}
|
||||
15
dist/index.html
vendored
15
dist/index.html
vendored
@ -1,15 +0,0 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<meta charset="UTF-8" />
|
||||
<link rel="icon" type="image/svg+xml" href="/ray.svg" />
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
|
||||
<title>ray template</title>
|
||||
<script type="module" crossorigin src="/assets/index.e8c4dc19.js"></script>
|
||||
<link rel="stylesheet" href="/assets/index.f748041f.css">
|
||||
</head>
|
||||
<body>
|
||||
<div id="app"></div>
|
||||
|
||||
</body>
|
||||
</html>
|
||||
149
dist/production-dist/assets/index.72461785.js
vendored
149
dist/production-dist/assets/index.72461785.js
vendored
File diff suppressed because one or more lines are too long
BIN
dist/production-dist/assets/index.72461785.js.gz
vendored
BIN
dist/production-dist/assets/index.72461785.js.gz
vendored
Binary file not shown.
@ -1 +0,0 @@
|
||||
.fade-enter-active,.fade-leave-active{-webkit-transition:opacity .28s var(--r-bezier);-o-transition:opacity .28s var(--r-bezier);transition:opacity .28s var(--r-bezier)}.fade-enter-from,.fade-leave-active{opacity:0;-webkit-transition:all .5s var(--r-bezier);-o-transition:all .5s var(--r-bezier);transition:all .5s var(--r-bezier)}.fade-transform-leave-active,.fade-transform-enter-active{-webkit-transition:all .5s var(--r-bezier);-o-transition:all .5s var(--r-bezier);transition:all .5s var(--r-bezier)}.fade-transform-enter-from{opacity:0;-webkit-transform:translateX(-30px);-ms-transform:translateX(-30px);transform:translate(-30px)}.fade-transform-leave-to{opacity:0;-webkit-transform:translateX(30px);-ms-transform:translateX(30px);transform:translate(30px)}body,h1,h2,h3,h4,h5,h6,hr,p,blockquote,dl,dt,dd,ul,ol,li,pre,form,fieldset,legend,button,input,textarea,th,td{margin:0;padding:0}ul,ol,li{list-style:none}fieldset,img{border:0;vertical-align:middle}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.draggable-component{position:fixed;padding:8px 16px;border:1px solid rgba(156,163,175,.3);cursor:move;z-index:10}
|
||||
BIN
dist/production-dist/assets/index.a8a09008.css.gz
vendored
BIN
dist/production-dist/assets/index.a8a09008.css.gz
vendored
Binary file not shown.
15
dist/production-dist/index.html
vendored
15
dist/production-dist/index.html
vendored
@ -1,15 +0,0 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<meta charset="UTF-8" />
|
||||
<link rel="icon" type="image/svg+xml" href="/ray.svg" />
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
|
||||
<title>ray template</title>
|
||||
<script type="module" crossorigin src="/assets/index.72461785.js"></script>
|
||||
<link rel="stylesheet" href="/assets/index.a8a09008.css">
|
||||
</head>
|
||||
<body>
|
||||
<div id="app"></div>
|
||||
|
||||
</body>
|
||||
</html>
|
||||
14
dist/production-dist/ray.svg
vendored
14
dist/production-dist/ray.svg
vendored
@ -1,14 +0,0 @@
|
||||
<svg t="1659811416176" class="icon" viewBox="0 0 1147 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="10290" width="64" height="64">
|
||||
<path d="M472.342857 968.685714c-73.828571 0-130.171429-12-172.114286-36.571428-38.742857-22.742857-84.914286-68.685714-84.914285-158.057143-2.971429-141.942857 109.714286-259.542857 251.657143-262.514286 141.942857-2.971429 259.542857 109.714286 262.514285 251.657143 0.114286 3.657143 0.114286 7.2 0 10.857143 0 89.371429-46.171429 135.2-84.914285 158.057143-41.942857 24.685714-98.285714 36.571429-172.228572 36.571428z" fill="#25467A" p-id="10291"></path>
|
||||
<path d="M766.742857 968.685714c-73.942857 0-130.171429-12-172.228571-36.571428-38.742857-22.742857-84.914286-68.685714-84.914286-158.057143 2.857143-141.942857 120.228571-254.742857 262.285714-252 137.942857 2.742857 249.142857 113.942857 252 252 0 89.371429-46.171429 135.2-84.914285 158.057143-42.057143 24.685714-98.4 36.571429-172.228572 36.571428z" fill="#25467A" p-id="10292"></path>
|
||||
<path d="M512 940.571429c-153.257143 0-268.457143-24-352.457143-73.257143-50.971429-29.942857-90.514286-69.714286-117.142857-118.057143C14.285714 698.285714 0 637.028571 0 567.085714c0.114286-282.857143 229.6-512 512.457143-511.885714 205.6 0.114286 391.2 123.2 471.314286 312.571429 26.742857 63.085714 40.342857 130.857143 40.228571 199.314285 0 69.828571-14.285714 131.2-42.4 182.171429-26.742857 48.342857-66.171429 88.114286-117.142857 118.057143C780.571429 916.685714 665.257143 940.571429 512 940.571429z" fill="#25467A" p-id="10293"></path>
|
||||
<path d="M48 567.085714c0-256.228571 207.771429-464 464-464s464 207.771429 464 464S768.228571 892.571429 512 892.571429 48 823.314286 48 567.085714z" fill="#FFF3E0" p-id="10294"></path>
|
||||
<path d="M472.342857 943.542857c-69.257143 0-121.371429-10.857143-159.428571-33.142857-48.114286-28.228571-72.457143-74.171429-72.457143-136.342857 0-127.885714 104-232 232-232s232 104 232 232c0 62.171429-24.342857 108.114286-72.571429 136.342857-38.057143 22.4-90.171429 33.142857-159.542857 33.142857z" fill="#25467A" p-id="10295"></path>
|
||||
<path d="M263.314286 774.057143c0-115.428571 93.485714-209.142857 209.028571-209.142857 115.428571 0 209.142857 93.485714 209.142857 209.028571v0.114286c0 115.428571-93.6 146.628571-209.142857 146.628571s-209.028571-31.085714-209.028571-146.628571z" fill="#FFF3E0" p-id="10296"></path>
|
||||
<path d="M472.342857 652.8c-73.371429 0-132.8 51.771429-132.8 115.657143 0 18.514286 5.028571 33.142857 13.942857 44.571428-1.714286 10.971429-2.628571 22.057143-2.742857 33.142858 0 32.8 9.942857 38.971429 22.285714 38.971428s22.285714-6.285714 22.285715-38.971428c0-2.057143 0-4.228571-0.114286-6.285715 21.714286 7.085714 48.457143 9.714286 77.142857 9.714286 73.371429 0 132.8-17.257143 132.8-81.142857s-59.428571-115.657143-132.8-115.657143z" fill="#388E3C" p-id="10297"></path>
|
||||
<path d="M766.742857 943.542857c-69.257143 0-121.371429-10.857143-159.428571-33.142857-48.114286-28.228571-72.571429-74.171429-72.571429-136.342857 0-127.885714 104.114286-232 232-232s232 104 232 232c0 62.171429-24.342857 108.114286-72.571428 136.342857-38.057143 22.4-90.171429 33.142857-159.428572 33.142857z" fill="#25467A" p-id="10298"></path>
|
||||
<path d="M557.6 774.057143c0-115.428571 93.6-209.142857 209.142857-209.142857s209.142857 93.6 209.142857 209.142857c0 115.428571-93.6 146.628571-209.142857 146.628571s-209.142857-31.085714-209.142857-146.628571z" fill="#FFF3E0" p-id="10299"></path>
|
||||
<path d="M766.742857 652.8c-73.371429 0-132.8 51.771429-132.8 115.657143 0 18.514286 5.028571 33.142857 13.942857 44.571428-1.714286 10.971429-2.628571 22.057143-2.742857 33.142858 0 32.8 9.942857 38.971429 22.285714 38.971428s22.285714-6.285714 22.285715-38.971428c0-2.057143 0-4.228571-0.114286-6.285715 21.714286 7.085714 48.342857 9.714286 77.142857 9.714286 73.371429 0 132.8-17.257143 132.8-81.142857S840 652.8 766.742857 652.8z" fill="#FBC02D" p-id="10300"></path>
|
||||
<path d="M401.6 486.857143c-38.171429 0-69.142857-30.971429-69.142857-69.257143 0-7.657143 6.171429-13.828571 13.828571-13.828571 7.314286 0 13.485714 5.714286 13.828572 13.028571v0.8c-0.342857 22.971429 17.942857 41.828571 40.8 42.171429s41.828571-17.942857 42.171428-40.8v-1.371429c-0.228571-7.657143 5.828571-14.057143 13.371429-14.285714s14.057143 5.828571 14.285714 13.371428v0.8c0.114286 38.4-30.857143 69.371429-69.142857 69.371429zM221.714286 306.971429c-0.342857 22.971429 17.942857 41.828571 40.8 42.171428s41.828571-17.942857 42.171428-40.8v-1.371428c0.342857-22.971429-17.942857-41.828571-40.8-42.171429-22.971429-0.342857-41.828571 17.942857-42.171428 40.8v1.371429zM498.514286 306.971429c-0.342857 22.971429 17.828571 41.828571 40.8 42.285714 22.971429 0.342857 41.828571-17.828571 42.285714-40.8v-1.485714c0.342857-22.971429-17.942857-41.828571-40.8-42.171429-22.971429-0.342857-41.828571 17.942857-42.171429 40.8-0.114286 0.457143-0.114286 0.914286-0.114285 1.371429z" fill="#25467A" p-id="10301"></path>
|
||||
<path d="M207.885714 376.228571h-55.314285c-15.314286-0.342857-27.885714 11.771429-28.228572 27.085715-0.342857 15.314286 11.771429 27.885714 27.085714 28.228571H208c15.314286 0.342857 27.885714-11.771429 28.228571-27.085714 0.342857-15.314286-11.771429-27.885714-27.085714-28.228572h-1.257143z m442.857143 0H595.428571c-15.314286 0-27.657143 12.342857-27.657142 27.657143s12.342857 27.657143 27.657142 27.657143h55.314286c15.314286 0.342857 27.885714-11.771429 28.228572-27.085714 0.342857-15.314286-11.771429-27.885714-27.085715-28.228572h-1.142857z" fill="#F8BBD0" p-id="10302"></path>
|
||||
</svg>
|
||||
|
Before Width: | Height: | Size: 5.4 KiB |
14
dist/ray.svg
vendored
14
dist/ray.svg
vendored
@ -1,14 +0,0 @@
|
||||
<svg t="1659811416176" class="icon" viewBox="0 0 1147 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="10290" width="64" height="64">
|
||||
<path d="M472.342857 968.685714c-73.828571 0-130.171429-12-172.114286-36.571428-38.742857-22.742857-84.914286-68.685714-84.914285-158.057143-2.971429-141.942857 109.714286-259.542857 251.657143-262.514286 141.942857-2.971429 259.542857 109.714286 262.514285 251.657143 0.114286 3.657143 0.114286 7.2 0 10.857143 0 89.371429-46.171429 135.2-84.914285 158.057143-41.942857 24.685714-98.285714 36.571429-172.228572 36.571428z" fill="#25467A" p-id="10291"></path>
|
||||
<path d="M766.742857 968.685714c-73.942857 0-130.171429-12-172.228571-36.571428-38.742857-22.742857-84.914286-68.685714-84.914286-158.057143 2.857143-141.942857 120.228571-254.742857 262.285714-252 137.942857 2.742857 249.142857 113.942857 252 252 0 89.371429-46.171429 135.2-84.914285 158.057143-42.057143 24.685714-98.4 36.571429-172.228572 36.571428z" fill="#25467A" p-id="10292"></path>
|
||||
<path d="M512 940.571429c-153.257143 0-268.457143-24-352.457143-73.257143-50.971429-29.942857-90.514286-69.714286-117.142857-118.057143C14.285714 698.285714 0 637.028571 0 567.085714c0.114286-282.857143 229.6-512 512.457143-511.885714 205.6 0.114286 391.2 123.2 471.314286 312.571429 26.742857 63.085714 40.342857 130.857143 40.228571 199.314285 0 69.828571-14.285714 131.2-42.4 182.171429-26.742857 48.342857-66.171429 88.114286-117.142857 118.057143C780.571429 916.685714 665.257143 940.571429 512 940.571429z" fill="#25467A" p-id="10293"></path>
|
||||
<path d="M48 567.085714c0-256.228571 207.771429-464 464-464s464 207.771429 464 464S768.228571 892.571429 512 892.571429 48 823.314286 48 567.085714z" fill="#FFF3E0" p-id="10294"></path>
|
||||
<path d="M472.342857 943.542857c-69.257143 0-121.371429-10.857143-159.428571-33.142857-48.114286-28.228571-72.457143-74.171429-72.457143-136.342857 0-127.885714 104-232 232-232s232 104 232 232c0 62.171429-24.342857 108.114286-72.571429 136.342857-38.057143 22.4-90.171429 33.142857-159.542857 33.142857z" fill="#25467A" p-id="10295"></path>
|
||||
<path d="M263.314286 774.057143c0-115.428571 93.485714-209.142857 209.028571-209.142857 115.428571 0 209.142857 93.485714 209.142857 209.028571v0.114286c0 115.428571-93.6 146.628571-209.142857 146.628571s-209.028571-31.085714-209.028571-146.628571z" fill="#FFF3E0" p-id="10296"></path>
|
||||
<path d="M472.342857 652.8c-73.371429 0-132.8 51.771429-132.8 115.657143 0 18.514286 5.028571 33.142857 13.942857 44.571428-1.714286 10.971429-2.628571 22.057143-2.742857 33.142858 0 32.8 9.942857 38.971429 22.285714 38.971428s22.285714-6.285714 22.285715-38.971428c0-2.057143 0-4.228571-0.114286-6.285715 21.714286 7.085714 48.457143 9.714286 77.142857 9.714286 73.371429 0 132.8-17.257143 132.8-81.142857s-59.428571-115.657143-132.8-115.657143z" fill="#388E3C" p-id="10297"></path>
|
||||
<path d="M766.742857 943.542857c-69.257143 0-121.371429-10.857143-159.428571-33.142857-48.114286-28.228571-72.571429-74.171429-72.571429-136.342857 0-127.885714 104.114286-232 232-232s232 104 232 232c0 62.171429-24.342857 108.114286-72.571428 136.342857-38.057143 22.4-90.171429 33.142857-159.428572 33.142857z" fill="#25467A" p-id="10298"></path>
|
||||
<path d="M557.6 774.057143c0-115.428571 93.6-209.142857 209.142857-209.142857s209.142857 93.6 209.142857 209.142857c0 115.428571-93.6 146.628571-209.142857 146.628571s-209.142857-31.085714-209.142857-146.628571z" fill="#FFF3E0" p-id="10299"></path>
|
||||
<path d="M766.742857 652.8c-73.371429 0-132.8 51.771429-132.8 115.657143 0 18.514286 5.028571 33.142857 13.942857 44.571428-1.714286 10.971429-2.628571 22.057143-2.742857 33.142858 0 32.8 9.942857 38.971429 22.285714 38.971428s22.285714-6.285714 22.285715-38.971428c0-2.057143 0-4.228571-0.114286-6.285715 21.714286 7.085714 48.342857 9.714286 77.142857 9.714286 73.371429 0 132.8-17.257143 132.8-81.142857S840 652.8 766.742857 652.8z" fill="#FBC02D" p-id="10300"></path>
|
||||
<path d="M401.6 486.857143c-38.171429 0-69.142857-30.971429-69.142857-69.257143 0-7.657143 6.171429-13.828571 13.828571-13.828571 7.314286 0 13.485714 5.714286 13.828572 13.028571v0.8c-0.342857 22.971429 17.942857 41.828571 40.8 42.171429s41.828571-17.942857 42.171428-40.8v-1.371429c-0.228571-7.657143 5.828571-14.057143 13.371429-14.285714s14.057143 5.828571 14.285714 13.371428v0.8c0.114286 38.4-30.857143 69.371429-69.142857 69.371429zM221.714286 306.971429c-0.342857 22.971429 17.942857 41.828571 40.8 42.171428s41.828571-17.942857 42.171428-40.8v-1.371428c0.342857-22.971429-17.942857-41.828571-40.8-42.171429-22.971429-0.342857-41.828571 17.942857-42.171428 40.8v1.371429zM498.514286 306.971429c-0.342857 22.971429 17.828571 41.828571 40.8 42.285714 22.971429 0.342857 41.828571-17.828571 42.285714-40.8v-1.485714c0.342857-22.971429-17.942857-41.828571-40.8-42.171429-22.971429-0.342857-41.828571 17.942857-42.171429 40.8-0.114286 0.457143-0.114286 0.914286-0.114285 1.371429z" fill="#25467A" p-id="10301"></path>
|
||||
<path d="M207.885714 376.228571h-55.314285c-15.314286-0.342857-27.885714 11.771429-28.228572 27.085715-0.342857 15.314286 11.771429 27.885714 27.085714 28.228571H208c15.314286 0.342857 27.885714-11.771429 28.228571-27.085714 0.342857-15.314286-11.771429-27.885714-27.085714-28.228572h-1.257143z m442.857143 0H595.428571c-15.314286 0-27.657143 12.342857-27.657142 27.657143s12.342857 27.657143 27.657142 27.657143h55.314286c15.314286 0.342857 27.885714-11.771429 28.228572-27.085714 0.342857-15.314286-11.771429-27.885714-27.085715-28.228572h-1.142857z" fill="#F8BBD0" p-id="10302"></path>
|
||||
</svg>
|
||||
|
Before Width: | Height: | Size: 5.4 KiB |
189
dist/test-dist/assets/index.4e650cca.js
vendored
189
dist/test-dist/assets/index.4e650cca.js
vendored
File diff suppressed because one or more lines are too long
BIN
dist/test-dist/assets/index.4e650cca.js.gz
vendored
BIN
dist/test-dist/assets/index.4e650cca.js.gz
vendored
Binary file not shown.
1
dist/test-dist/assets/index.4e650cca.js.map
vendored
1
dist/test-dist/assets/index.4e650cca.js.map
vendored
@ -1 +0,0 @@
|
||||
{"version":3,"file":"index.4e650cca.js","sources":["../../../src/components/DraggableComponent/index.vue"],"sourcesContent":["<script setup lang=\"ts\">\nconst el = ref<HTMLElement | null>(null)\n\nconst { x, y, style } = useDraggable(el, {\n initialValue: { x: 630, y: 14 },\n})\n</script>\n\n<template>\n <div class=\"draggable-component\" ref=\"el\" :style=\"style\">\n Drag me! I am at {{ x }}, {{ y }}\n </div>\n</template>\n\n<style lang=\"scss\" scope>\n.draggable-component {\n position: fixed;\n padding: 8px 16px;\n border: 1px solid rgba(156, 163, 175, 0.3);\n cursor: move;\n z-index: 10;\n}\n</style>\n"],"names":["el","ref","x","y","style","useDraggable"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;y/oBACA,MAAAA,EAAAC,GAAA,IAAA,EAEA,CAAA,EAAAC,EAAA,EAAAC,EAAA,MAAAC,CAAA,EAAAC,GAAAL,EAAA,CAAyC,aAAA,CAAA,EAAA,IAAA,EAAA,EAAA,CACT,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
|
||||
1
dist/test-dist/assets/index.b0ae8d92.css
vendored
1
dist/test-dist/assets/index.b0ae8d92.css
vendored
@ -1 +0,0 @@
|
||||
.fade-enter-active,.fade-leave-active{-webkit-transition:opacity .28s var(--r-bezier);-o-transition:opacity .28s var(--r-bezier);transition:opacity .28s var(--r-bezier)}.fade-enter-from,.fade-leave-active{opacity:0;-webkit-transition:all .5s var(--r-bezier);-o-transition:all .5s var(--r-bezier);transition:all .5s var(--r-bezier)}.fade-transform-leave-active,.fade-transform-enter-active{-webkit-transition:all .5s var(--r-bezier);-o-transition:all .5s var(--r-bezier);transition:all .5s var(--r-bezier)}.fade-transform-enter-from{opacity:0;-webkit-transform:translateX(-.8rem);-ms-transform:translateX(-.8rem);transform:translate(-.8rem)}.fade-transform-leave-to{opacity:0;-webkit-transform:translateX(.8rem);-ms-transform:translateX(.8rem);transform:translate(.8rem)}body,h1,h2,h3,h4,h5,h6,hr,p,blockquote,dl,dt,dd,ul,ol,li,pre,form,fieldset,legend,button,input,textarea,th,td{margin:0;padding:0}ul,ol,li{list-style:none}fieldset,img{border:0;vertical-align:middle}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.draggable-component{position:fixed;padding:.21333rem .42667rem;border:.02667rem solid rgba(156,163,175,.3);cursor:move;z-index:10}
|
||||
BIN
dist/test-dist/assets/index.b0ae8d92.css.gz
vendored
BIN
dist/test-dist/assets/index.b0ae8d92.css.gz
vendored
Binary file not shown.
15
dist/test-dist/index.html
vendored
15
dist/test-dist/index.html
vendored
@ -1,15 +0,0 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<meta charset="UTF-8" />
|
||||
<link rel="icon" type="image/svg+xml" href="/ray.svg" />
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
|
||||
<title>ray template</title>
|
||||
<script type="module" crossorigin src="/assets/index.4e650cca.js"></script>
|
||||
<link rel="stylesheet" href="/assets/index.b0ae8d92.css">
|
||||
</head>
|
||||
<body>
|
||||
<div id="app"></div>
|
||||
|
||||
</body>
|
||||
</html>
|
||||
14
dist/test-dist/ray.svg
vendored
14
dist/test-dist/ray.svg
vendored
@ -1,14 +0,0 @@
|
||||
<svg t="1659811416176" class="icon" viewBox="0 0 1147 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="10290" width="64" height="64">
|
||||
<path d="M472.342857 968.685714c-73.828571 0-130.171429-12-172.114286-36.571428-38.742857-22.742857-84.914286-68.685714-84.914285-158.057143-2.971429-141.942857 109.714286-259.542857 251.657143-262.514286 141.942857-2.971429 259.542857 109.714286 262.514285 251.657143 0.114286 3.657143 0.114286 7.2 0 10.857143 0 89.371429-46.171429 135.2-84.914285 158.057143-41.942857 24.685714-98.285714 36.571429-172.228572 36.571428z" fill="#25467A" p-id="10291"></path>
|
||||
<path d="M766.742857 968.685714c-73.942857 0-130.171429-12-172.228571-36.571428-38.742857-22.742857-84.914286-68.685714-84.914286-158.057143 2.857143-141.942857 120.228571-254.742857 262.285714-252 137.942857 2.742857 249.142857 113.942857 252 252 0 89.371429-46.171429 135.2-84.914285 158.057143-42.057143 24.685714-98.4 36.571429-172.228572 36.571428z" fill="#25467A" p-id="10292"></path>
|
||||
<path d="M512 940.571429c-153.257143 0-268.457143-24-352.457143-73.257143-50.971429-29.942857-90.514286-69.714286-117.142857-118.057143C14.285714 698.285714 0 637.028571 0 567.085714c0.114286-282.857143 229.6-512 512.457143-511.885714 205.6 0.114286 391.2 123.2 471.314286 312.571429 26.742857 63.085714 40.342857 130.857143 40.228571 199.314285 0 69.828571-14.285714 131.2-42.4 182.171429-26.742857 48.342857-66.171429 88.114286-117.142857 118.057143C780.571429 916.685714 665.257143 940.571429 512 940.571429z" fill="#25467A" p-id="10293"></path>
|
||||
<path d="M48 567.085714c0-256.228571 207.771429-464 464-464s464 207.771429 464 464S768.228571 892.571429 512 892.571429 48 823.314286 48 567.085714z" fill="#FFF3E0" p-id="10294"></path>
|
||||
<path d="M472.342857 943.542857c-69.257143 0-121.371429-10.857143-159.428571-33.142857-48.114286-28.228571-72.457143-74.171429-72.457143-136.342857 0-127.885714 104-232 232-232s232 104 232 232c0 62.171429-24.342857 108.114286-72.571429 136.342857-38.057143 22.4-90.171429 33.142857-159.542857 33.142857z" fill="#25467A" p-id="10295"></path>
|
||||
<path d="M263.314286 774.057143c0-115.428571 93.485714-209.142857 209.028571-209.142857 115.428571 0 209.142857 93.485714 209.142857 209.028571v0.114286c0 115.428571-93.6 146.628571-209.142857 146.628571s-209.028571-31.085714-209.028571-146.628571z" fill="#FFF3E0" p-id="10296"></path>
|
||||
<path d="M472.342857 652.8c-73.371429 0-132.8 51.771429-132.8 115.657143 0 18.514286 5.028571 33.142857 13.942857 44.571428-1.714286 10.971429-2.628571 22.057143-2.742857 33.142858 0 32.8 9.942857 38.971429 22.285714 38.971428s22.285714-6.285714 22.285715-38.971428c0-2.057143 0-4.228571-0.114286-6.285715 21.714286 7.085714 48.457143 9.714286 77.142857 9.714286 73.371429 0 132.8-17.257143 132.8-81.142857s-59.428571-115.657143-132.8-115.657143z" fill="#388E3C" p-id="10297"></path>
|
||||
<path d="M766.742857 943.542857c-69.257143 0-121.371429-10.857143-159.428571-33.142857-48.114286-28.228571-72.571429-74.171429-72.571429-136.342857 0-127.885714 104.114286-232 232-232s232 104 232 232c0 62.171429-24.342857 108.114286-72.571428 136.342857-38.057143 22.4-90.171429 33.142857-159.428572 33.142857z" fill="#25467A" p-id="10298"></path>
|
||||
<path d="M557.6 774.057143c0-115.428571 93.6-209.142857 209.142857-209.142857s209.142857 93.6 209.142857 209.142857c0 115.428571-93.6 146.628571-209.142857 146.628571s-209.142857-31.085714-209.142857-146.628571z" fill="#FFF3E0" p-id="10299"></path>
|
||||
<path d="M766.742857 652.8c-73.371429 0-132.8 51.771429-132.8 115.657143 0 18.514286 5.028571 33.142857 13.942857 44.571428-1.714286 10.971429-2.628571 22.057143-2.742857 33.142858 0 32.8 9.942857 38.971429 22.285714 38.971428s22.285714-6.285714 22.285715-38.971428c0-2.057143 0-4.228571-0.114286-6.285715 21.714286 7.085714 48.342857 9.714286 77.142857 9.714286 73.371429 0 132.8-17.257143 132.8-81.142857S840 652.8 766.742857 652.8z" fill="#FBC02D" p-id="10300"></path>
|
||||
<path d="M401.6 486.857143c-38.171429 0-69.142857-30.971429-69.142857-69.257143 0-7.657143 6.171429-13.828571 13.828571-13.828571 7.314286 0 13.485714 5.714286 13.828572 13.028571v0.8c-0.342857 22.971429 17.942857 41.828571 40.8 42.171429s41.828571-17.942857 42.171428-40.8v-1.371429c-0.228571-7.657143 5.828571-14.057143 13.371429-14.285714s14.057143 5.828571 14.285714 13.371428v0.8c0.114286 38.4-30.857143 69.371429-69.142857 69.371429zM221.714286 306.971429c-0.342857 22.971429 17.942857 41.828571 40.8 42.171428s41.828571-17.942857 42.171428-40.8v-1.371428c0.342857-22.971429-17.942857-41.828571-40.8-42.171429-22.971429-0.342857-41.828571 17.942857-42.171428 40.8v1.371429zM498.514286 306.971429c-0.342857 22.971429 17.828571 41.828571 40.8 42.285714 22.971429 0.342857 41.828571-17.828571 42.285714-40.8v-1.485714c0.342857-22.971429-17.942857-41.828571-40.8-42.171429-22.971429-0.342857-41.828571 17.942857-42.171429 40.8-0.114286 0.457143-0.114286 0.914286-0.114285 1.371429z" fill="#25467A" p-id="10301"></path>
|
||||
<path d="M207.885714 376.228571h-55.314285c-15.314286-0.342857-27.885714 11.771429-28.228572 27.085715-0.342857 15.314286 11.771429 27.885714 27.085714 28.228571H208c15.314286 0.342857 27.885714-11.771429 28.228571-27.085714 0.342857-15.314286-11.771429-27.885714-27.085714-28.228572h-1.257143z m442.857143 0H595.428571c-15.314286 0-27.657143 12.342857-27.657142 27.657143s12.342857 27.657143 27.657142 27.657143h55.314286c15.314286 0.342857 27.885714-11.771429 28.228572-27.085714 0.342857-15.314286-11.771429-27.885714-27.085715-28.228572h-1.142857z" fill="#F8BBD0" p-id="10302"></path>
|
||||
</svg>
|
||||
|
Before Width: | Height: | Size: 5.4 KiB |
@ -1,9 +1,9 @@
|
||||
import { defineComponent } from 'vue'
|
||||
import RayTransitionComponent from '@/components/RayTransitionComponent/index.vue' // 以封装动画路由组件
|
||||
import RayTransitionComponent from '@/components/RayTransitionComponent/index.vue' // 动画路由组件
|
||||
import DraggableComponent from '@/components/DraggableComponent/index.vue'
|
||||
import RayScrollReveal from '@/components/RayScrollReveal/index'
|
||||
import R from '@/icons/ray.svg' // 使用 vite-svg-loader 作为 svg 使用插件, 故而不需要使用 RayIcon 作为组件引入
|
||||
import RayIcon from '@/components/RayIcon/index'
|
||||
import R from '@/icons/ray.svg' // 使用 `vite-svg-loader` 作为 `svg` 使用插件, 故而不需要使用 `RayIcon` 作为组件引入
|
||||
import RayIcon from '@/components/RayIcon/index' // `svg` 图标组件
|
||||
|
||||
const App = defineComponent({
|
||||
name: 'App',
|
||||
|
||||
@ -3,8 +3,8 @@ import axios from 'axios'
|
||||
import { useDetermineEnv } from '@use-utils/hook'
|
||||
|
||||
const server = axios.create({
|
||||
baseURL: '', // import.meta.env,
|
||||
withCredentials: false, // 是否允许跨域携带cookie
|
||||
baseURL: '', // `import.meta.env`,
|
||||
withCredentials: false, // 是否允许跨域携带 `cookie`
|
||||
timeout: 5 * 1000,
|
||||
})
|
||||
|
||||
@ -16,6 +16,8 @@ server.interceptors.request.use(
|
||||
// TODO: 开发环境
|
||||
} else if (MODE === 'production') {
|
||||
// TODO: 生产环境
|
||||
} else if (MODE === 'test') {
|
||||
// TODO: 测试环境
|
||||
}
|
||||
|
||||
return request
|
||||
|
||||
@ -21,9 +21,11 @@ const RayIcon = defineComponent({
|
||||
},
|
||||
width: {
|
||||
type: [Number, String],
|
||||
default: 14,
|
||||
},
|
||||
height: {
|
||||
type: [Number, String],
|
||||
default: 14,
|
||||
},
|
||||
customClassName: {
|
||||
type: String,
|
||||
|
||||
@ -1,4 +1,5 @@
|
||||
import { defineComponent, PropType } from 'vue'
|
||||
import { defineComponent } from 'vue'
|
||||
import type { PropType } from 'vue'
|
||||
import './index.scss'
|
||||
import ScrollReveal from 'scrollreveal'
|
||||
|
||||
@ -8,9 +9,11 @@ const RayScrollReveal = defineComponent({
|
||||
options: {
|
||||
// ScrollReveal reveal options
|
||||
type: Object as PropType<scrollReveal.ScrollRevealObjectOptions>,
|
||||
default: {} as scrollReveal.ScrollRevealObjectOptions,
|
||||
},
|
||||
width: {
|
||||
type: String,
|
||||
default: 'auto',
|
||||
},
|
||||
reset: {
|
||||
type: Boolean,
|
||||
|
||||
@ -12,7 +12,7 @@
|
||||
</router-view>
|
||||
</template>
|
||||
<script lang="ts" setup>
|
||||
const props = defineProps({
|
||||
defineProps({
|
||||
transitionPropName: {
|
||||
type: String,
|
||||
default: 'fade-transform',
|
||||
|
||||
@ -1,17 +1,29 @@
|
||||
import { createI18n } from 'vue-i18n'
|
||||
import messages from '@intlify/unplugin-vue-i18n/messages'
|
||||
import messages from '@intlify/unplugin-vue-i18n/messages' // 导入所有语言包
|
||||
|
||||
import { getCache } from '@use-utils/cache'
|
||||
|
||||
import type { App } from 'vue'
|
||||
|
||||
export const setupI18n = (app: App<Element>) => {
|
||||
const _locales: string =
|
||||
getCache('localeLanguage', 'localStorage') !== 'no'
|
||||
? getCache('localeLanguage', 'localStorage')
|
||||
: 'zh-CN'
|
||||
|
||||
const i18n = createI18n({
|
||||
locale:
|
||||
getCache('languageType') !== 'no' ? getCache('languageType') : 'zh-CN',
|
||||
allowComposition: true, // you need to specify that!
|
||||
locale: _locales,
|
||||
allowComposition: true,
|
||||
messages,
|
||||
})
|
||||
|
||||
app.use(i18n)
|
||||
}
|
||||
|
||||
/**
|
||||
*
|
||||
* 注册 `vue-i18n`
|
||||
* 注意: 每次修改 `locales` 中的文件后, 需要重启项目
|
||||
* 预设 `localeLanguage` 作为缓存 `key`
|
||||
* 预设中文作为基础语言
|
||||
*/
|
||||
|
||||
57
src/main.ts
57
src/main.ts
@ -1,5 +1,7 @@
|
||||
import { createApp } from 'vue'
|
||||
|
||||
import type { App as AppType } from 'vue'
|
||||
|
||||
import '@/styles/base.scss'
|
||||
|
||||
// import 'amfe-flexible' // 如果为移动端项目, 解开该注释即可
|
||||
@ -7,15 +9,21 @@ import 'virtual:svg-icons-register' // `vite-plugin-svg-icons` 脚本, 如果不
|
||||
|
||||
import App from './App'
|
||||
|
||||
import { setupRouter } from './router/index'
|
||||
import { setupRouter, setupRouterLoadingBar } from './router/index'
|
||||
import { setupStore } from './store/index'
|
||||
import { setupI18n } from './language/index'
|
||||
|
||||
/**
|
||||
*
|
||||
* 普通应用注册方法
|
||||
*/
|
||||
const setupTemplate = () => {
|
||||
const app = createApp(App)
|
||||
|
||||
setupRouter(app)
|
||||
|
||||
setupRouterLoadingBar()
|
||||
|
||||
setupStore(app)
|
||||
|
||||
setupI18n(app)
|
||||
@ -23,4 +31,49 @@ const setupTemplate = () => {
|
||||
app.mount('#app')
|
||||
}
|
||||
|
||||
setupTemplate()
|
||||
/**
|
||||
*
|
||||
* 作为 `wujie-micro` 子应用注册应用方法
|
||||
* 注意: 此处的 `instance` 名称不可以写为 `app`
|
||||
*/
|
||||
const setupWujieTemplate = () => {
|
||||
let instance: AppType<Element>
|
||||
|
||||
window.__WUJIE_MOUNT = () => {
|
||||
instance = createApp(App)
|
||||
|
||||
setupRouter(instance)
|
||||
|
||||
setupRouterLoadingBar()
|
||||
|
||||
setupStore(instance)
|
||||
|
||||
setupI18n(instance)
|
||||
|
||||
instance.mount('#app')
|
||||
}
|
||||
|
||||
window.__WUJIE_UNMOUNT = () => {
|
||||
instance.unmount()
|
||||
}
|
||||
|
||||
window.__WUJIE.mount()
|
||||
}
|
||||
|
||||
/**
|
||||
*
|
||||
* 如果此处需要作为微服务主应用使用, 则只需要执行 `setupTemplate` 方法即可
|
||||
*
|
||||
* 作为主应用
|
||||
* ----------------------------------------------------------------
|
||||
* # 示例
|
||||
* const setupTemplate = () => {
|
||||
* const app = createApp(App)
|
||||
* setupRouter(app)
|
||||
* ...
|
||||
* }
|
||||
* setupTemplate()
|
||||
* ----------------------------------------------------------------
|
||||
*/
|
||||
|
||||
window.__POWERED_BY_WUJIE__ ? setupWujieTemplate() : setupTemplate()
|
||||
|
||||
@ -12,3 +12,22 @@ export const router = createRouter({
|
||||
export const setupRouter = (app: App<Element>) => {
|
||||
app.use(router)
|
||||
}
|
||||
|
||||
/**
|
||||
*
|
||||
* 预设 `naive-ui` 的顶部加载条效果
|
||||
* 如果是使用其余的组件库, 替换即可
|
||||
*/
|
||||
export const setupRouterLoadingBar = () => {
|
||||
router.beforeEach(() => {
|
||||
window?.$loadingBar?.start()
|
||||
})
|
||||
|
||||
router.afterEach(() => {
|
||||
window?.$loadingBar?.finish()
|
||||
})
|
||||
|
||||
router.onError(() => {
|
||||
window?.$loadingBar?.error()
|
||||
})
|
||||
}
|
||||
|
||||
@ -3,3 +3,9 @@ import demo from './demo'
|
||||
const routes = [demo]
|
||||
|
||||
export default routes
|
||||
|
||||
/**
|
||||
*
|
||||
* 弃用自动导入路由模块方式
|
||||
* 采用手动引入子路由模块方式
|
||||
*/
|
||||
|
||||
@ -1,3 +1,9 @@
|
||||
import autoLayoutChildrenRoutes from './modules/index'
|
||||
|
||||
export const constantRoutes = autoLayoutChildrenRoutes
|
||||
|
||||
/**
|
||||
*
|
||||
* 主路由表配置
|
||||
* 例如: `login` `layout` 等
|
||||
*/
|
||||
|
||||
@ -1,12 +1,15 @@
|
||||
import { setCache } from '@/utils/cache'
|
||||
|
||||
export const useSetting = defineStore('setting', () => {
|
||||
const settingState = reactive({})
|
||||
|
||||
const useUpdateLanguage = (key: string) => {
|
||||
const updateLocale = (key: string) => {
|
||||
// TODO: 修改语言
|
||||
setCache('localeLanguage', key, 'localStorage')
|
||||
}
|
||||
|
||||
return {
|
||||
settingState,
|
||||
useUpdateLanguage,
|
||||
updateLocale,
|
||||
}
|
||||
})
|
||||
|
||||
@ -1,3 +1,10 @@
|
||||
// 弹性盒子垂直居中
|
||||
@mixin flexCenter {
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
}
|
||||
|
||||
// 文字溢出变为: ......
|
||||
@mixin overflowEllipsis {
|
||||
text-overflow: ellipsis;
|
||||
|
||||
37
src/types/index.d.ts
vendored
37
src/types/index.d.ts
vendored
@ -1,8 +1,45 @@
|
||||
export {}
|
||||
|
||||
import type CryptoJS from 'crypto-js'
|
||||
import type {
|
||||
MessageApi,
|
||||
DialogApi,
|
||||
LoadingBarApi,
|
||||
NotificationApi,
|
||||
} from 'naive-ui'
|
||||
|
||||
export global {
|
||||
interface Window {
|
||||
// 是否存在无界
|
||||
__POWERED_BY_WUJIE__?: boolean
|
||||
// 子应用公共加载路径
|
||||
__WUJIE_PUBLIC_PATH__: string
|
||||
// 原生的 `querySelector`
|
||||
__WUJIE_RAW_DOCUMENT_QUERY_SELECTOR__: typeof Document.prototype.querySelector
|
||||
// 原生的 `querySelectorAll`
|
||||
__WUJIE_RAW_DOCUMENT_QUERY_SELECTOR_ALL__: typeof Document.prototype.querySelectorAll
|
||||
// 原生的 `window` 对象
|
||||
__WUJIE_RAW_WINDOW__: Window
|
||||
// 子应用沙盒实例
|
||||
__WUJIE: WuJie
|
||||
// 子应用mount函数
|
||||
__WUJIE_MOUNT: () => void
|
||||
// 子应用unmount函数
|
||||
__WUJIE_UNMOUNT: () => void
|
||||
// 注入对象
|
||||
$wujie: {
|
||||
bus: EventBus
|
||||
shadowRoot?: ShadowRoot
|
||||
props?: { [key: string]: unknown }
|
||||
location?: Object
|
||||
}
|
||||
|
||||
$message: MessageApi
|
||||
$dialog: DialogApi
|
||||
$loadingBar: LoadingBarApi
|
||||
$notification: NotificationApi
|
||||
}
|
||||
|
||||
declare interface IUnknownObjectKey {
|
||||
[propName: string]: unknown
|
||||
}
|
||||
|
||||
@ -10,12 +10,9 @@ export const setCache = <T>(
|
||||
) => {
|
||||
const waitCacheValue = JSON.stringify(value)
|
||||
|
||||
const func =
|
||||
type === 'localStorage'
|
||||
? window.localStorage.setItem
|
||||
: window.sessionStorage.setItem
|
||||
|
||||
func(key, waitCacheValue)
|
||||
? window.localStorage.setItem(key, waitCacheValue)
|
||||
: window.sessionStorage.setItem(key, waitCacheValue)
|
||||
}
|
||||
|
||||
/**
|
||||
@ -49,11 +46,8 @@ export const removeCache = (
|
||||
} else if (key === 'all-localStorage') {
|
||||
window.localStorage.clear()
|
||||
} else {
|
||||
const func =
|
||||
type === 'localStorage'
|
||||
? window.localStorage.removeItem
|
||||
: window.sessionStorage.removeItem
|
||||
|
||||
func(key)
|
||||
? window.localStorage.removeItem(key)
|
||||
: window.sessionStorage.removeItem(key)
|
||||
}
|
||||
}
|
||||
|
||||
@ -7,9 +7,9 @@ import { useValidteValueType } from '@use-utils/hook'
|
||||
*
|
||||
* @returns 目标节点下所有子节点
|
||||
*/
|
||||
export const useObtainElementChildNodes = (
|
||||
export const useElementChildNodes = (
|
||||
el: HTMLElement,
|
||||
target?: Array<string> | string,
|
||||
target?: string[] | string,
|
||||
) => {
|
||||
let nodes = Array.from(el.childNodes)
|
||||
|
||||
@ -123,7 +123,7 @@ export const hasClass = (element: HTMLElement, className: string) => {
|
||||
/**
|
||||
*
|
||||
* @param el Target element dom
|
||||
* @param styles 所需绑定样式(如果为字符串，则必须以分号结尾每个行内样式描述)
|
||||
* @param styles 所需绑定样式(如果为字符串, 则必须以分号结尾每个行内样式描述)
|
||||
*/
|
||||
export const addStyle = (
|
||||
el: HTMLElement,
|
||||
@ -160,20 +160,3 @@ export const removeStyle = (el: HTMLElement, styles: string[]) => {
|
||||
})
|
||||
}
|
||||
}
|
||||
|
||||
/**
|
||||
*
|
||||
* @param element Target element dom
|
||||
* @param styleProp Element style properties
|
||||
*
|
||||
* @returns CSSStyleDeclaration
|
||||
*/
|
||||
export const useElementStyle = (element: HTMLElement, styleProp: string[]) => {
|
||||
const styles = styleProp.reduce((_pre, _item) => {
|
||||
_pre[_item] = element.style[_item]
|
||||
|
||||
return _pre
|
||||
}, {} as CSSStyleDeclaration)
|
||||
|
||||
return styles
|
||||
}
|
||||
|
||||
@ -24,7 +24,10 @@
|
||||
"@use-images/*": ["src/assets/images"]
|
||||
},
|
||||
"suppressImplicitAnyIndexErrors": true,
|
||||
"types": ["@intlify/unplugin-vue-i18n/messages"]
|
||||
"types": [
|
||||
"@intlify/unplugin-vue-i18n/messages",
|
||||
"vite-plugin-svg-icons/client"
|
||||
]
|
||||
},
|
||||
"include": [
|
||||
"src/**/*.ts",
|
||||
|
||||
@ -34,6 +34,8 @@ export const useSVGIcon = (options?: ViteSvgIconsPlugin) => {
|
||||
* @param options 别名
|
||||
*
|
||||
* 使用别名
|
||||
* 使用时, 必须以 `vite-plugin` 作为起始位置
|
||||
* 配置后, 需要在 `tsconfig.json` 中配置对应的 `paths`
|
||||
*/
|
||||
export const useAliasOptions = (
|
||||
options?: { find: string; replacement: string }[],
|
||||
|
||||
@ -41,17 +41,17 @@ export default defineConfig(async ({ mode }) => {
|
||||
defaultImport: 'component', // 默认以 `componetn` 形式导入 `svg`
|
||||
}),
|
||||
useSVGIcon(),
|
||||
// viteEslintPlugin,
|
||||
// {
|
||||
// include: [
|
||||
// 'src/**/*.ts',
|
||||
// 'src/**/*.tsx',
|
||||
// 'src/**/*.vue',
|
||||
// 'src/*.ts',
|
||||
// 'src/*.tsx',
|
||||
// 'src/*.vue',
|
||||
// ],
|
||||
// },
|
||||
viteEslintPlugin,
|
||||
{
|
||||
include: [
|
||||
'src/**/*.ts',
|
||||
'src/**/*.tsx',
|
||||
'src/**/*.vue',
|
||||
'src/*.ts',
|
||||
'src/*.tsx',
|
||||
'src/*.vue',
|
||||
],
|
||||
},
|
||||
],
|
||||
optimizeDeps: {
|
||||
include: ['vue', 'vue-router', 'pinia', 'vue-i18n', '@vueuse/core'],
|
||||
|
||||
Loading…
x
Reference in New Issue
Block a user