mirror of
https://github.com/XiaoDaiGua-Ray/ray-template.git
synced 2025-08-12 09:09:45 +08:00
新增可视化组件
This commit is contained in:
chuan_wuhao
parent
a24bc9f12e
commit
c1aeb6ec6f
@ -43,6 +43,12 @@ module.exports = {
|
||||
'error',
|
||||
{ disallowTypeAnnotations: false },
|
||||
], // 强制导入类型显示标注 `import type xxx from 'xxx'`
|
||||
'@typescript-eslint/no-empty-interface': [
|
||||
'error',
|
||||
{
|
||||
allowSingleExtends: true,
|
||||
},
|
||||
],
|
||||
'accessor-pairs': 2, // 强制同时存在 `get` 与 `set`
|
||||
'constructor-super': 0, // 强制子类构造函数中使用 `super` 调用父类的构造函数
|
||||
curly: [2, 'all'], // `if`、`else` 强制使用 `{}` 包裹
|
||||
|
||||
20
README.md
20
README.md
@ -12,6 +12,10 @@
|
||||
|
||||
> 项目采用 `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` 实现).
|
||||
|
||||
> 项目已经预设了一些打包优化, 例如: 压缩, `base64` 转换, 按需打包. 但是值得注意的是, 禁止全局导入使用 `lodash-es` 这样会破坏按需打包.
|
||||
|
||||
> 项目暂时没有揉合乱七八糟的库, 仅仅是为了作为一个顺手的工具, 意在提供一个干净, 简单的脚手架.
|
||||
|
||||
## 启动项目
|
||||
|
||||
`yarn dev` / `npm run dev`
|
||||
@ -27,17 +31,23 @@
|
||||
- [vue-router](https://router.vuejs.org/zh/) `router`
|
||||
- [axios](http://axios-js.com/zh-cn/docs/index.html) `ajax request`
|
||||
- [vue-i18n](https://kazupon.github.io/vue-i18n/zh/introduction.html) `国际化`
|
||||
- [scrollreveal.js](https://scrollrevealjs.org/) `滚动加载动画`
|
||||
- [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雪碧图`
|
||||
- [echarts5](https://echarts.apache.org/examples/zh/index.html#chart-type-line) `可视化`
|
||||
- [lodash](https://www.lodashjs.com/) `拓展方法`
|
||||
|
||||
## 组件说明
|
||||
## 基础组件
|
||||
|
||||
`RayScrollReveal` 基于 `ScrollReveal` 进行开发, 可以实现滚动加载动画
|
||||
`RayScrollReveal` 基于 `ScrollReveal` 进行开发, 可以实现滚动加载动画(暂时移除)
|
||||
|
||||
`RayTransitionComponent` 路由过渡动画组件, 可根据自己喜好更改 `src/styles/animate.scss` 文件过渡效果
|
||||
|
||||
`RayChart` 基于 `echarts5` 封装, 可根据自己实际需求进行拓展
|
||||
|
||||
`RayIcon` `svg` 小图标组件
|
||||
|
||||
## 项目结构
|
||||
|
||||
```
|
||||
@ -52,6 +62,8 @@
|
||||
|
||||
- language: 国际化
|
||||
|
||||
- layout: 全局页面结构入口
|
||||
|
||||
- router: 路由表
|
||||
|
||||
- store: 全局状态管理入口
|
||||
@ -68,6 +80,8 @@
|
||||
- element: dom 相关操作方法
|
||||
- hook: 常用 hook 方法
|
||||
|
||||
- views: 页面入口
|
||||
|
||||
- vite-plugin: 插件注册
|
||||
```
|
||||
|
||||
|
||||
2
dist/production-dist/index.html
vendored
2
dist/production-dist/index.html
vendored
@ -5,7 +5,7 @@
|
||||
<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.ad4c1e45.js"></script>
|
||||
<script type="module" crossorigin src="/assets/index.f7ae9ef9.js"></script>
|
||||
<link rel="stylesheet" href="/assets/index.4a9527dd.css">
|
||||
</head>
|
||||
<body>
|
||||
|
||||
@ -3,7 +3,9 @@
|
||||
"Dashboard": "Home",
|
||||
"Rely": "Rely",
|
||||
"RelyAbout": "Rely About",
|
||||
"Error": "Error Page"
|
||||
"Error": "Error Page",
|
||||
"Echart": "Chart",
|
||||
"scrollReveal": "Scroll Reveal"
|
||||
},
|
||||
"LayoutHeaderTooltipOptions": {
|
||||
"Reload": "Reload Current Page",
|
||||
|
||||
@ -3,7 +3,9 @@
|
||||
"Dashboard": "首页",
|
||||
"Rely": "依赖项",
|
||||
"RelyAbout": "关于",
|
||||
"Error": "错误页"
|
||||
"Error": "错误页",
|
||||
"Echart": "可视化",
|
||||
"scrollReveal": "滚动动画"
|
||||
},
|
||||
"LayoutHeaderTooltipOptions": {
|
||||
"Reload": "刷新当前页面",
|
||||
|
||||
@ -15,12 +15,13 @@
|
||||
"amfe-flexible": "^2.2.1",
|
||||
"axios": "^0.27.2",
|
||||
"crypto-js": "^4.1.1",
|
||||
"echarts": "^5.4.0",
|
||||
"lodash-es": "^4.17.21",
|
||||
"naive-ui": "^2.34.0",
|
||||
"pinia": "^2.0.17",
|
||||
"pinia-plugin-persistedstate": "^2.4.0",
|
||||
"sass": "^1.54.3",
|
||||
"screenfull": "^6.0.2",
|
||||
"scrollreveal": "^4.0.9",
|
||||
"vue": "^3.2.37",
|
||||
"vue-i18n": "^9.2.2",
|
||||
"vue-router": "^4.1.3"
|
||||
@ -55,6 +56,7 @@
|
||||
"vite": "^3.2.4",
|
||||
"vite-plugin-compression": "^0.5.1",
|
||||
"vite-plugin-eslint": "^1.8.1",
|
||||
"vite-plugin-imp": "^2.3.1",
|
||||
"vite-plugin-inspect": "^0.6.0",
|
||||
"vite-plugin-svg-icons": "^2.0.1",
|
||||
"vite-svg-loader": "^3.4.0",
|
||||
|
||||
4
src/components/RayChart/index.scss
Normal file
4
src/components/RayChart/index.scss
Normal file
@ -0,0 +1,4 @@
|
||||
.ray-chart {
|
||||
width: var(--ray-chart-width);
|
||||
height: var(--ray-chart-height);
|
||||
}
|
||||
306
src/components/RayChart/index.tsx
Normal file
306
src/components/RayChart/index.tsx
Normal file
@ -0,0 +1,306 @@
|
||||
import './index.scss'
|
||||
import * as echarts from 'echarts/core' // `echarts` 核心模块
|
||||
import {
|
||||
TitleComponent,
|
||||
TooltipComponent,
|
||||
GridComponent,
|
||||
DatasetComponent,
|
||||
TransformComponent,
|
||||
LegendComponent,
|
||||
ToolboxComponent,
|
||||
AriaComponent,
|
||||
} from 'echarts/components' // 提示框, 标题, 直角坐标系, 数据集, 内置数据转换器等组件(组件后缀都为 `Component`)
|
||||
import {
|
||||
BarChart,
|
||||
LineChart,
|
||||
PieChart,
|
||||
CandlestickChart,
|
||||
ScatterChart,
|
||||
} from 'echarts/charts' // 系列类型(后缀都为 `SeriesOption`)
|
||||
import { LabelLayout, UniversalTransition } from 'echarts/features' // 标签自动布局, 全局过渡动画等特性
|
||||
import { CanvasRenderer, SVGRenderer } from 'echarts/renderers' // `echarts` 渲染器
|
||||
import { useSetting } from '@/store'
|
||||
import { cloneDeep } from 'lodash-es'
|
||||
|
||||
import type { PropType } from 'vue'
|
||||
|
||||
export type AutoResize =
|
||||
| boolean
|
||||
| {
|
||||
width: number
|
||||
height: number
|
||||
}
|
||||
|
||||
export interface LoadingOptions {
|
||||
text: string // 文本内容
|
||||
color: string // 颜色
|
||||
textColor: string // 字体颜色
|
||||
maskColor: string // 遮罩颜色
|
||||
zlevel: number // 水平
|
||||
fontSize: number // 字体大小
|
||||
showSpinner: boolean // 是否显示旋转动画(`spinner`)
|
||||
spinnerRadius: number // 旋转动画(`spinner`)的半径
|
||||
lineWidth: number // 旋转动画(`spinner`)的线宽
|
||||
fontWeight: string // 字体粗细
|
||||
fontStyle: string // 字体风格
|
||||
fontFamily: string // 字体系列
|
||||
}
|
||||
|
||||
export type ChartTheme = 'dark' | '' | object
|
||||
|
||||
/**
|
||||
*
|
||||
* @returns LoadingOptions
|
||||
*
|
||||
* 为了方便使用加载动画, 写了此方法, 虽然没啥用
|
||||
*/
|
||||
export const loadingOptions = (options: LoadingOptions) =>
|
||||
Object.assign(
|
||||
{
|
||||
text: 'loading',
|
||||
color: '#c23531',
|
||||
textColor: '#000',
|
||||
maskColor: 'rgba(255, 255, 255, 0.9)',
|
||||
zlevel: 0,
|
||||
fontSize: 12,
|
||||
showSpinner: true,
|
||||
spinnerRadius: 10,
|
||||
lineWidth: 5,
|
||||
fontWeight: 'normal',
|
||||
fontStyle: 'normal',
|
||||
fontFamily: 'sans-serif',
|
||||
},
|
||||
options,
|
||||
)
|
||||
|
||||
const RayChart = defineComponent({
|
||||
name: 'RayChart',
|
||||
props: {
|
||||
width: {
|
||||
/* `chart` 容器宽度, 默认撑满 */
|
||||
type: String,
|
||||
default: '100%',
|
||||
},
|
||||
height: {
|
||||
/* `chart` 容器高度, 默认撑满 */
|
||||
type: String,
|
||||
default: '100%',
|
||||
},
|
||||
autoResize: {
|
||||
/**
|
||||
*
|
||||
* `chart` 是否跟随窗口尺寸变化自动变化
|
||||
*
|
||||
* 如果为对象, 则可以指定其变化尺寸, 实现图表大小不等于容器大小的效果
|
||||
*/
|
||||
type: [Boolean, Object] as PropType<AutoResize>,
|
||||
default: true,
|
||||
},
|
||||
canvasRender: {
|
||||
/* `chart` 渲染器, 默认使用 `canvas` */
|
||||
type: Boolean,
|
||||
default: true,
|
||||
},
|
||||
showAria: {
|
||||
/**
|
||||
*
|
||||
* 是否开启 `chart` 无障碍访问
|
||||
*
|
||||
* 此选项会覆盖 `options` 中的 `aria` 配置
|
||||
*/
|
||||
type: Boolean,
|
||||
default: false,
|
||||
},
|
||||
options: {
|
||||
type: Object,
|
||||
default: () => ({}),
|
||||
},
|
||||
renderSuccess: {
|
||||
type: Function as PropType<AnyFunc>,
|
||||
default: () => ({}),
|
||||
},
|
||||
theme: {
|
||||
type: [String, Object] as PropType<ChartTheme>,
|
||||
default: '',
|
||||
},
|
||||
autoChangeTheme: {
|
||||
/**
|
||||
*
|
||||
* 是否自动跟随模板主题切换
|
||||
*
|
||||
* 如果开启此属性, 则会覆盖 `theme` 属性
|
||||
*
|
||||
* 注意: 这个属性重度依赖此模板, 所以默认不开启. 并且动态切换主题有一定的性能问题
|
||||
*/
|
||||
type: Boolean,
|
||||
default: false,
|
||||
},
|
||||
},
|
||||
setup(props) {
|
||||
const settingStore = useSetting()
|
||||
const { themeValue } = storeToRefs(settingStore)
|
||||
const rayChartRef = ref<HTMLElement>() // `echart` 容器实例
|
||||
const echartInstance = ref<EChartsInstance>() // `echart` 实例
|
||||
|
||||
const cssVarsRef = computed(() => {
|
||||
const cssVars = {
|
||||
'--ray-chart-width': props.width,
|
||||
'--ray-chart-height': props.height,
|
||||
}
|
||||
|
||||
return cssVars
|
||||
})
|
||||
|
||||
/**
|
||||
*
|
||||
* 注册 `echart` 组件, 图利, 渲染器等
|
||||
*/
|
||||
const registerChartCore = async () => {
|
||||
echarts.use([
|
||||
TitleComponent,
|
||||
TooltipComponent,
|
||||
GridComponent,
|
||||
DatasetComponent,
|
||||
TransformComponent,
|
||||
LegendComponent,
|
||||
ToolboxComponent,
|
||||
AriaComponent,
|
||||
]) // 注册组件
|
||||
|
||||
echarts.use([
|
||||
BarChart,
|
||||
LineChart,
|
||||
PieChart,
|
||||
CandlestickChart,
|
||||
ScatterChart,
|
||||
]) // 注册类型
|
||||
|
||||
echarts.use([LabelLayout, UniversalTransition]) // 注册布局, 过度效果
|
||||
|
||||
echarts.use([props.canvasRender ? CanvasRenderer : SVGRenderer]) // 注册渲染器
|
||||
}
|
||||
|
||||
/**
|
||||
*
|
||||
* @returns `chart options`
|
||||
*
|
||||
* 合并配置项
|
||||
*
|
||||
* 如果有需要特殊全局配置的可以在此继续写...
|
||||
*/
|
||||
const useMergeOptions = () => {
|
||||
let options = cloneDeep(props.options)
|
||||
|
||||
const merge = (opts: object) => Object.assign(options, opts)
|
||||
|
||||
if (props.showAria) {
|
||||
options = merge({
|
||||
aria: {
|
||||
enabled: true,
|
||||
decal: {
|
||||
show: true,
|
||||
},
|
||||
},
|
||||
})
|
||||
}
|
||||
|
||||
return options
|
||||
}
|
||||
|
||||
/**
|
||||
*
|
||||
* 渲染 `echart`
|
||||
*/
|
||||
const renderChart = (theme: ChartTheme) => {
|
||||
const element = rayChartRef.value as HTMLElement
|
||||
const options = useMergeOptions()
|
||||
|
||||
echartInstance.value = echarts.init(element, theme)
|
||||
|
||||
options && echartInstance.value.setOption(options)
|
||||
}
|
||||
|
||||
const renderThemeChart = (bool?: boolean) => {
|
||||
if (props.autoChangeTheme) {
|
||||
bool ? renderChart('dark') : renderChart('')
|
||||
|
||||
return void 0
|
||||
}
|
||||
|
||||
if (!props.theme) {
|
||||
renderChart('')
|
||||
}
|
||||
}
|
||||
|
||||
/**
|
||||
*
|
||||
* 销毁 `chart` 实例, 释放资源
|
||||
*/
|
||||
const destroyChart = () => {
|
||||
if (echartInstance.value) {
|
||||
echartInstance.value.clear()
|
||||
echartInstance.value.dispose()
|
||||
}
|
||||
}
|
||||
|
||||
watch(
|
||||
() => [themeValue.value, props.showAria],
|
||||
([theme]) => {
|
||||
if (props.autoChangeTheme) {
|
||||
destroyChart()
|
||||
|
||||
renderThemeChart(theme)
|
||||
}
|
||||
},
|
||||
)
|
||||
|
||||
onBeforeMount(async () => {
|
||||
await registerChartCore()
|
||||
})
|
||||
|
||||
onMounted(() => {
|
||||
nextTick(() => {
|
||||
if (props.autoChangeTheme) {
|
||||
renderThemeChart(themeValue.value)
|
||||
} else {
|
||||
props.theme ? renderChart('dark') : renderChart('')
|
||||
}
|
||||
})
|
||||
})
|
||||
|
||||
onBeforeUnmount(() => {
|
||||
destroyChart()
|
||||
})
|
||||
|
||||
return {
|
||||
rayChartRef,
|
||||
cssVarsRef,
|
||||
echartInstance,
|
||||
}
|
||||
},
|
||||
render() {
|
||||
return (
|
||||
<div class="ray-chart" style={[this.cssVarsRef]} ref="rayChartRef"></div>
|
||||
)
|
||||
},
|
||||
})
|
||||
|
||||
export default RayChart
|
||||
|
||||
/**
|
||||
*
|
||||
* 基于 `echarts` 的组件. 意在便捷的使用 `chart` 图
|
||||
*
|
||||
* 暂时不支持自动解析导入 `chart` 组件, 如果使用未注册的组件, 需要在顶部手动导入并且再使用 `use` 注册
|
||||
*
|
||||
* 预引入: 柱状图, 折线图, 饼图, k线图, 散点图等
|
||||
*
|
||||
* 预引入: 提示框, 标题, 直角坐标系, 数据集, 内置数据转换器等
|
||||
*
|
||||
* 如果需要大批量数据渲染, 可以通过获取实例后阶段性调用 `setOption` 方法注入数据
|
||||
*
|
||||
* 该组件会在卸载组件时, 自动释放资源
|
||||
*
|
||||
* 注意: 尽量别一次性倒入全部 `chart` 会造成打包体积异常大
|
||||
*
|
||||
*/
|
||||
@ -1,93 +0,0 @@
|
||||
import { defineComponent } from 'vue'
|
||||
import type { PropType } from 'vue'
|
||||
import './index.scss'
|
||||
import ScrollReveal from 'scrollreveal'
|
||||
|
||||
const RayScrollReveal = defineComponent({
|
||||
name: 'RayScrollReveal',
|
||||
props: {
|
||||
options: {
|
||||
// ScrollReveal reveal options
|
||||
type: Object as PropType<scrollReveal.ScrollRevealObjectOptions>,
|
||||
default: {} as scrollReveal.ScrollRevealObjectOptions,
|
||||
},
|
||||
width: {
|
||||
type: String,
|
||||
default: 'auto',
|
||||
},
|
||||
reset: {
|
||||
type: Boolean,
|
||||
default: false,
|
||||
},
|
||||
},
|
||||
emits: ['scrollRevealSync'],
|
||||
setup(props, { emit }) {
|
||||
const scrollRevealRef = ref<HTMLElement>()
|
||||
const cssVarsRef = computed(() => {
|
||||
const scsVars = {
|
||||
'--ray-scroll-reveal-width': props.width,
|
||||
}
|
||||
|
||||
return scsVars
|
||||
})
|
||||
|
||||
/**
|
||||
*
|
||||
* 为 `dom` 注册 `ScrollReveal` 动画效果
|
||||
*/
|
||||
const handleRegisterScrollReveal = async () => {
|
||||
const el = scrollRevealRef.value as HTMLElement
|
||||
const defaultOptions = {
|
||||
distance: '50px',
|
||||
duration: 600,
|
||||
reset: props.reset,
|
||||
easing: 'ease',
|
||||
scale: 0.99,
|
||||
mobile: true,
|
||||
}
|
||||
|
||||
ScrollReveal().reveal(el, Object.assign(defaultOptions, props.options))
|
||||
}
|
||||
|
||||
/**
|
||||
*
|
||||
* 处理 `dom` 新增后无法绑定过渡动画情况
|
||||
*/
|
||||
const handleScrollRevealSync = async () => {
|
||||
const { sync } = ScrollReveal()
|
||||
|
||||
emit('scrollRevealSync', sync)
|
||||
}
|
||||
|
||||
onMounted(async () => {
|
||||
await handleRegisterScrollReveal()
|
||||
await handleScrollRevealSync()
|
||||
})
|
||||
|
||||
return {
|
||||
scrollRevealRef,
|
||||
cssVarsRef,
|
||||
}
|
||||
},
|
||||
render() {
|
||||
return (
|
||||
<div
|
||||
class="ray-scroll-reveal"
|
||||
ref="scrollRevealRef"
|
||||
style={this.cssVarsRef}
|
||||
>
|
||||
{this.$slots.default?.()}
|
||||
</div>
|
||||
)
|
||||
},
|
||||
})
|
||||
|
||||
export default RayScrollReveal
|
||||
|
||||
/**
|
||||
*
|
||||
* 滚动加载过度组件, 来回滚动时, 可以重复触发效果
|
||||
* 只需要将 `dom` 插入在 `RayScrollReveal` 组件下即可
|
||||
* 如果需要使用重新注册加载脚本或者有新的 `dom` 插入, 调用 `scrollRevealCallback` 函数即可捕获添加到 `dom` 的任何新元素
|
||||
* 注意: 插件始终是以显示屏为窗口作为判断元素是否显示, 所以自定义滚动条滚动加载元素不生效
|
||||
*/
|
||||
3
src/icons/echart.svg
Normal file
3
src/icons/echart.svg
Normal file
@ -0,0 +1,3 @@
|
||||
<svg t="1669797590106" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="2167" width="64" height="64">
|
||||
<path fill="currentColor" d="M923.008 960H99.008q-15.008 0-25.504-10.496t-10.496-25.504V99.008q0-15.008 10.496-25.504t25.504-10.496 25.504 10.496 10.496 25.504V888h788q15.008 0 25.504 10.496t10.496 25.504-10.496 25.504-25.504 10.496z m-538.016-216.992q-19.008 0-30.016-16l-156.992-250.016q-8-12.992-4.992-27.488t15.488-22.496 27.008-4.992 22.496 15.008l112 182.016L416 442.048q4-16 19.008-23.008l182.016-88q12.992-6.016 26.016-2.496t20.992 15.488l91.008 148 134.016-403.008q4.992-14.016 18.016-20.992t27.008-2.016 20.992 18.016 2.016 27.008l-158.016 476.992q-7.008 22.016-30.016 24.512t-35.008-16.512l-115.008-186.016-136.992 66.016-62.016 240q-6.016 23.008-28.992 26.016-3.008 0.992-6.016 0.992z" p-id="2168"></path>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 871 B |
3
src/icons/scroll_reveal.svg
Normal file
3
src/icons/scroll_reveal.svg
Normal file
@ -0,0 +1,3 @@
|
||||
<svg t="1669876671726" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="5357" width="64" height="64">
|
||||
<path fill="currentColor" d="M523.636364 197.818182c-24.087273 0-34.909091 19.549091-34.909091 43.52v145.687273c0 23.970909 10.821818 43.52 34.909091 43.52s34.909091-19.549091 34.909091-43.52v-145.687273c0-23.970909-10.821818-43.52-34.909091-43.52zM552.168727 0h-80.337454A309.178182 309.178182 0 0 0 162.909091 308.829091v406.341818A309.178182 309.178182 0 0 0 471.831273 1024h80.337454A309.178182 309.178182 0 0 0 861.090909 715.170909V308.829091A309.178182 309.178182 0 0 0 552.168727 0zM791.272727 715.170909A239.080727 239.080727 0 0 1 552.168727 954.181818h-80.337454A239.080727 239.080727 0 0 1 232.727273 715.170909V308.829091A239.080727 239.080727 0 0 1 471.831273 69.818182h80.337454A239.080727 239.080727 0 0 1 791.272727 308.829091v406.341818z" p-id="5358"></path>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 930 B |
@ -6,7 +6,6 @@
|
||||
}
|
||||
|
||||
& .layout-content__router-view {
|
||||
// height: calc(100% - $layoutHeaderHeight - $layoutMenuHeight);
|
||||
height: var(--layout-content-height);
|
||||
padding: calc($layoutRouterViewContainer / 2);
|
||||
}
|
||||
|
||||
9
src/router/modules/echart.ts
Normal file
9
src/router/modules/echart.ts
Normal file
@ -0,0 +1,9 @@
|
||||
export default {
|
||||
path: '/echart',
|
||||
name: 'echart',
|
||||
component: () => import('@/views/echart/index'),
|
||||
meta: {
|
||||
i18nKey: 'Echart',
|
||||
icon: 'echart',
|
||||
},
|
||||
}
|
||||
@ -1,8 +1,10 @@
|
||||
import dashboard from './dashboard'
|
||||
import reyl from './rely'
|
||||
import error from './error'
|
||||
import echart from './echart'
|
||||
import scrollReveal from './scroll-reveal'
|
||||
|
||||
const routes = [dashboard, error, reyl]
|
||||
const routes = [dashboard, echart, scrollReveal, error, reyl]
|
||||
|
||||
export default routes
|
||||
|
||||
|
||||
9
src/router/modules/scroll-reveal.ts
Normal file
9
src/router/modules/scroll-reveal.ts
Normal file
@ -0,0 +1,9 @@
|
||||
export default {
|
||||
path: '/scroll-reveal',
|
||||
name: 'scroll-reveal',
|
||||
component: () => import('@/views/scroll-reveal/index'),
|
||||
meta: {
|
||||
i18nKey: 'scrollReveal',
|
||||
icon: 'scroll_reveal',
|
||||
},
|
||||
}
|
||||
5
src/types/index.d.ts
vendored
5
src/types/index.d.ts
vendored
@ -10,6 +10,7 @@ import type {
|
||||
MenuDividerOption,
|
||||
MenuGroupOption,
|
||||
} from 'naive-ui'
|
||||
import type { ECharts } from 'echarts/core'
|
||||
|
||||
export global {
|
||||
const __APP_INFO__: {
|
||||
@ -88,4 +89,8 @@ export global {
|
||||
declare type VoidFunc = (...args: unknown[]) => void
|
||||
|
||||
declare type NaiveDrawerPlacement = 'top' | 'right' | 'bottom' | 'left'
|
||||
|
||||
declare type AnyFunc = (...args: unknown[]) => unknown
|
||||
|
||||
declare type EChartsInstance = ECharts
|
||||
}
|
||||
|
||||
17
src/views/echart/index.scss
Normal file
17
src/views/echart/index.scss
Normal file
@ -0,0 +1,17 @@
|
||||
.echart {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
|
||||
& .n-card {
|
||||
margin-top: 18px;
|
||||
|
||||
&:first-child {
|
||||
margin-top: 0;
|
||||
}
|
||||
}
|
||||
|
||||
& .chart--container {
|
||||
width: 100%;
|
||||
height: 500px;
|
||||
}
|
||||
}
|
||||
117
src/views/echart/index.tsx
Normal file
117
src/views/echart/index.tsx
Normal file
@ -0,0 +1,117 @@
|
||||
import './index.scss'
|
||||
import RayChart from '@/components/RayChart/index'
|
||||
import { NCard, NSwitch } from 'naive-ui'
|
||||
|
||||
const Echart = defineComponent({
|
||||
name: 'Echart',
|
||||
setup() {
|
||||
const baseChartRef = ref()
|
||||
const chartLoading = ref(false)
|
||||
const chartAria = ref(false)
|
||||
|
||||
const baseOptions = {
|
||||
legend: {
|
||||
data: ['日期'],
|
||||
},
|
||||
tooltip: {},
|
||||
xAxis: {
|
||||
type: 'category',
|
||||
data: ['Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat', 'Sun'],
|
||||
},
|
||||
yAxis: {
|
||||
type: 'value',
|
||||
},
|
||||
series: [
|
||||
{
|
||||
name: '日期',
|
||||
data: [120, 200, 150, 80, 70, 110, 130],
|
||||
type: 'bar',
|
||||
showBackground: true,
|
||||
backgroundStyle: {
|
||||
color: 'rgba(180, 180, 180, 0.2)',
|
||||
},
|
||||
},
|
||||
],
|
||||
}
|
||||
|
||||
const handleLoadingShow = (bool: boolean) => {
|
||||
if (baseChartRef.value) {
|
||||
const { echartInstance } = baseChartRef.value
|
||||
|
||||
bool ? echartInstance.showLoading() : echartInstance.hideLoading()
|
||||
}
|
||||
}
|
||||
|
||||
const handleAriaShow = (bool: boolean) => {
|
||||
chartAria.value = bool
|
||||
}
|
||||
|
||||
return {
|
||||
baseOptions,
|
||||
baseChartRef,
|
||||
chartLoading,
|
||||
handleLoadingShow,
|
||||
chartAria,
|
||||
handleAriaShow,
|
||||
}
|
||||
},
|
||||
render() {
|
||||
return (
|
||||
<div class="echart">
|
||||
<NCard title="RayChart组件使用">
|
||||
在使用该组件时, 一定要注意根组件的高度初始化问题,
|
||||
如果需要使用其余的图利, 需要自己手动去注册.
|
||||
该组件实现了自动跟随模板主题切换功能, 但是动态切换损耗较大,
|
||||
所以默认不启用
|
||||
</NCard>
|
||||
<NCard title="基础使用">
|
||||
<div class="chart--container">
|
||||
<RayChart options={this.baseOptions} />
|
||||
</div>
|
||||
</NCard>
|
||||
<NCard title="能跟随主题切换的可视化图">
|
||||
<div class="chart--container">
|
||||
<RayChart autoChangeTheme options={this.baseOptions} />
|
||||
</div>
|
||||
</NCard>
|
||||
<NCard title="不跟随主题切换的暗色主题可视化图">
|
||||
<div class="chart--container">
|
||||
<RayChart theme="dark" options={this.baseOptions} />
|
||||
</div>
|
||||
</NCard>
|
||||
<NCard title="加载动画">
|
||||
<NSwitch
|
||||
v-model:value={this.chartLoading}
|
||||
onUpdateValue={this.handleLoadingShow.bind(this)}
|
||||
style={['padding: 18px 0']}
|
||||
>
|
||||
{{
|
||||
checked: () => '隐藏加载动画',
|
||||
unchecked: () => '显示加载动画',
|
||||
}}
|
||||
</NSwitch>
|
||||
<div class="chart--container">
|
||||
<RayChart ref="baseChartRef" options={this.baseOptions} />
|
||||
</div>
|
||||
</NCard>
|
||||
<NCard title="贴画可视化图">
|
||||
<NSwitch
|
||||
v-model:value={this.chartAria}
|
||||
onUpdateValue={this.handleAriaShow.bind(this)}
|
||||
style={['padding: 18px 0']}
|
||||
>
|
||||
{{
|
||||
checked: () => '隐藏贴花',
|
||||
unchecked: () => '显示贴花',
|
||||
}}
|
||||
</NSwitch>
|
||||
<div class="chart--container">
|
||||
<RayChart options={this.baseOptions} showAria={this.chartAria} />
|
||||
</div>
|
||||
</NCard>
|
||||
</div>
|
||||
)
|
||||
},
|
||||
})
|
||||
|
||||
export default Echart
|
||||
4
src/views/scroll-reveal/index.scss
Normal file
4
src/views/scroll-reveal/index.scss
Normal file
@ -0,0 +1,4 @@
|
||||
.scroll-reveal {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
}
|
||||
18
src/views/scroll-reveal/index.tsx
Normal file
18
src/views/scroll-reveal/index.tsx
Normal file
@ -0,0 +1,18 @@
|
||||
import './index.scss'
|
||||
import { NCard } from 'naive-ui'
|
||||
|
||||
const ScrollReveal = defineComponent({
|
||||
name: 'ScrollReveal',
|
||||
render() {
|
||||
return (
|
||||
<div class="scroll-reveal">
|
||||
<NCard title="提示">
|
||||
RayScrollReveal组件有点问题, 暂时移除. 不能正常的实现滚动动画.
|
||||
很是操蛋!!!
|
||||
</NCard>
|
||||
</div>
|
||||
)
|
||||
},
|
||||
})
|
||||
|
||||
export default ScrollReveal
|
||||
@ -1,9 +1,9 @@
|
||||
import path from 'node:path'
|
||||
|
||||
import viteCompression from 'vite-plugin-compression' // 压缩打包
|
||||
import AutoImport from 'unplugin-auto-import/vite' // 自动导入
|
||||
import ViteComponents from 'unplugin-vue-components/vite' // 自动按需导入
|
||||
import VueI18nPlugin from '@intlify/unplugin-vue-i18n/vite' // i18n
|
||||
import autoImport from 'unplugin-auto-import/vite' // 自动导入
|
||||
import viteComponents from 'unplugin-vue-components/vite' // 自动按需导入
|
||||
import vueI18nPlugin from '@intlify/unplugin-vue-i18n/vite' // i18n
|
||||
import { createSvgIconsPlugin } from 'vite-plugin-svg-icons' // `svg icon`
|
||||
|
||||
import type { ComponentResolver, TypeImport } from 'unplugin-vue-components'
|
||||
@ -77,7 +77,7 @@ export const useAliasOptions = (
|
||||
* 自动导入
|
||||
*/
|
||||
export const useAutoImport = async (imp: (ImportsMap | PresetName)[] = []) =>
|
||||
AutoImport({
|
||||
autoImport({
|
||||
include: [
|
||||
/\.[tj]sx?$/, // .ts, .tsx, .js, .jsx
|
||||
/\.vue$/,
|
||||
@ -99,7 +99,7 @@ export const useViteComponents = async (
|
||||
resolvers: (ComponentResolver | ComponentResolver[])[] = [],
|
||||
types: TypeImport[] = [],
|
||||
) =>
|
||||
ViteComponents({
|
||||
viteComponents({
|
||||
dts: true,
|
||||
resolvers: [...resolvers],
|
||||
types: [
|
||||
@ -121,7 +121,7 @@ export const useViteCompression = (options?: VitePluginCompression) =>
|
||||
viteCompression(Object.assign(options ?? {}))
|
||||
|
||||
export const useVueI18nPlugin = () =>
|
||||
VueI18nPlugin({
|
||||
vueI18nPlugin({
|
||||
runtimeOnly: true,
|
||||
compositionOnly: true,
|
||||
forceStringify: true,
|
||||
|
||||
@ -1,44 +1,53 @@
|
||||
export interface VitePluginCompression {
|
||||
/**
|
||||
*
|
||||
* Log compressed files and their compression ratios.
|
||||
* @default: true
|
||||
*/
|
||||
verbose?: boolean
|
||||
/**
|
||||
*
|
||||
* Minimum file size before compression is used.
|
||||
* @default 1025
|
||||
*/
|
||||
threshold?: number
|
||||
/**
|
||||
*
|
||||
* Filter files that do not need to be compressed
|
||||
* @default /\.(js|mjs|json|css|html)$/i
|
||||
*/
|
||||
filter?: RegExp | ((file: string) => boolean)
|
||||
/**
|
||||
*
|
||||
* Whether to enable compression
|
||||
* @default: false
|
||||
*/
|
||||
disable?: boolean
|
||||
/**
|
||||
*
|
||||
* Compression algorithm
|
||||
* @default gzip
|
||||
*/
|
||||
algorithm?: Algorithm
|
||||
/**
|
||||
*
|
||||
* File format after compression
|
||||
* @default .gz
|
||||
*/
|
||||
ext?: string
|
||||
/**
|
||||
*
|
||||
* Compression Options
|
||||
*/
|
||||
compressionOptions?: object
|
||||
/**
|
||||
*
|
||||
* Delete the corresponding source file after compressing the file
|
||||
* @default: false
|
||||
*/
|
||||
deleteOriginFile?: boolean
|
||||
/**
|
||||
*
|
||||
* success callback after completed
|
||||
*/
|
||||
success?: () => void
|
||||
@ -48,7 +57,73 @@ export interface ViteBuildPlugin {
|
||||
outDir: string
|
||||
assetsDir: string
|
||||
assetsInlineLimit: number
|
||||
cssCodeSplit: boolean //拆分css代码
|
||||
cssCodeSplit: boolean // 拆分css代码
|
||||
minify: boolean | 'esbuild' | 'terser'
|
||||
sourcemap: boolean
|
||||
}
|
||||
|
||||
export interface LibItem {
|
||||
/**
|
||||
*
|
||||
* library name
|
||||
*/
|
||||
libName: string
|
||||
/**
|
||||
*
|
||||
* component style file path
|
||||
*/
|
||||
style?: (name: string) => string | string[] | boolean
|
||||
/**
|
||||
*
|
||||
* default `es`
|
||||
*/
|
||||
libDirectory?: string
|
||||
/**
|
||||
*
|
||||
* whether convert component name from camel to dash, default `true`
|
||||
*/
|
||||
camel2DashComponentName?: boolean
|
||||
/**
|
||||
*
|
||||
* whether replace old import statement, default `command === 'build'`,
|
||||
* that means in vite serve default to `false`, in vite build default to `ture`
|
||||
*/
|
||||
replaceOldImport?: boolean
|
||||
/**
|
||||
*
|
||||
* imported name formatter
|
||||
*/
|
||||
nameFormatter?: (name: string, importedName: string) => string
|
||||
}
|
||||
|
||||
export interface LibResolverObject extends LibItem {}
|
||||
|
||||
export type LibResolver = LibResolverObject
|
||||
|
||||
export interface ImpConfig {
|
||||
optimize?: boolean
|
||||
libList: LibResolver[]
|
||||
/**
|
||||
*
|
||||
* exclude the library from defaultLibList
|
||||
*/
|
||||
exclude?: string[]
|
||||
/**
|
||||
*
|
||||
* when a style path is not found, don’t show error and give a warning.
|
||||
* Default: command === 'serve'
|
||||
*/
|
||||
ignoreStylePathNotFound?: boolean
|
||||
/**
|
||||
*
|
||||
* By default `vite-plugin-imp` ignores all files inside node_modules.
|
||||
* You can enable this option to avoid unexpected untranspiled code from third-party dependencies.
|
||||
*
|
||||
* Transpiling all the dependencies could slow down the build process, though.
|
||||
* If build performance is a concern, you can explicitly transpile only some of the dependencies
|
||||
* by passing an array of package names or name patterns to this option.
|
||||
*
|
||||
* Default: false
|
||||
*/
|
||||
transpileDependencies?: boolean | Array<string | RegExp>
|
||||
}
|
||||
|
||||
@ -25,6 +25,7 @@ import VueI18nPlugin from '@intlify/unplugin-vue-i18n/vite'
|
||||
import ViteInspect from 'vite-plugin-inspect'
|
||||
import viteSvgLoader from 'vite-svg-loader'
|
||||
import viteEslintPlugin from 'vite-plugin-eslint'
|
||||
import vitePluginImp from 'vite-plugin-imp' // 按需打包工具
|
||||
|
||||
import { NaiveUiResolver } from 'unplugin-vue-components/resolvers'
|
||||
|
||||
@ -63,6 +64,15 @@ export default defineConfig(async ({ mode }) => {
|
||||
}),
|
||||
useSVGIcon(),
|
||||
viteEslintPlugin,
|
||||
vitePluginImp({
|
||||
libList: [
|
||||
{
|
||||
libName: 'lodash-es',
|
||||
libDirectory: '',
|
||||
camel2DashComponentName: false,
|
||||
},
|
||||
],
|
||||
}),
|
||||
{
|
||||
include: [
|
||||
'src/**/*.ts',
|
||||
|
||||
187
yarn.lock
187
yarn.lock
@ -32,6 +32,27 @@
|
||||
resolved "https://registry.yarnpkg.com/@babel/compat-data/-/compat-data-7.20.1.tgz#f2e6ef7790d8c8dbf03d379502dcc246dcce0b30"
|
||||
integrity sha512-EWZ4mE2diW3QALKvDMiXnbZpRvlj+nayZ112nK93SnhqOtpdsbVD4W+2tEoT3YNBAG9RBR0ISY758ZkOgsn6pQ==
|
||||
|
||||
"@babel/core@^7.12.10":
|
||||
version "7.20.5"
|
||||
resolved "https://registry.yarnpkg.com/@babel/core/-/core-7.20.5.tgz#45e2114dc6cd4ab167f81daf7820e8fa1250d113"
|
||||
integrity sha512-UdOWmk4pNWTm/4DlPUl/Pt4Gz4rcEMb7CY0Y3eJl5Yz1vI8ZJGmHWaVE55LoxRjdpx0z259GE9U5STA9atUinQ==
|
||||
dependencies:
|
||||
"@ampproject/remapping" "^2.1.0"
|
||||
"@babel/code-frame" "^7.18.6"
|
||||
"@babel/generator" "^7.20.5"
|
||||
"@babel/helper-compilation-targets" "^7.20.0"
|
||||
"@babel/helper-module-transforms" "^7.20.2"
|
||||
"@babel/helpers" "^7.20.5"
|
||||
"@babel/parser" "^7.20.5"
|
||||
"@babel/template" "^7.18.10"
|
||||
"@babel/traverse" "^7.20.5"
|
||||
"@babel/types" "^7.20.5"
|
||||
convert-source-map "^1.7.0"
|
||||
debug "^4.1.0"
|
||||
gensync "^1.0.0-beta.2"
|
||||
json5 "^2.2.1"
|
||||
semver "^6.3.0"
|
||||
|
||||
"@babel/core@^7.18.6":
|
||||
version "7.18.10"
|
||||
resolved "https://registry.yarnpkg.com/@babel/core/-/core-7.18.10.tgz#39ad504991d77f1f3da91be0b8b949a5bc466fb8"
|
||||
@ -83,6 +104,15 @@
|
||||
eslint-visitor-keys "^2.1.0"
|
||||
semver "^6.3.0"
|
||||
|
||||
"@babel/generator@^7.12.11", "@babel/generator@^7.20.5":
|
||||
version "7.20.5"
|
||||
resolved "https://registry.yarnpkg.com/@babel/generator/-/generator-7.20.5.tgz#cb25abee3178adf58d6814b68517c62bdbfdda95"
|
||||
integrity sha512-jl7JY2Ykn9S0yj4DQP82sYvPU+T3g0HFcWTqDLqiuA9tGRNIj9VfbtXGAYTTkyNEnQk1jkMGOdYka8aG/lulCA==
|
||||
dependencies:
|
||||
"@babel/types" "^7.20.5"
|
||||
"@jridgewell/gen-mapping" "^0.3.2"
|
||||
jsesc "^2.5.1"
|
||||
|
||||
"@babel/generator@^7.18.10":
|
||||
version "7.18.12"
|
||||
resolved "https://registry.yarnpkg.com/@babel/generator/-/generator-7.18.12.tgz#fa58daa303757bd6f5e4bbca91b342040463d9f4"
|
||||
@ -298,6 +328,15 @@
|
||||
"@babel/traverse" "^7.20.1"
|
||||
"@babel/types" "^7.20.0"
|
||||
|
||||
"@babel/helpers@^7.20.5":
|
||||
version "7.20.6"
|
||||
resolved "https://registry.yarnpkg.com/@babel/helpers/-/helpers-7.20.6.tgz#e64778046b70e04779dfbdf924e7ebb45992c763"
|
||||
integrity sha512-Pf/OjgfgFRW5bApskEz5pvidpim7tEDPlFtKcNRXWmfHGn9IEI2W2flqRQXTFb7gIPTyK++N6rVHuwKut4XK6w==
|
||||
dependencies:
|
||||
"@babel/template" "^7.18.10"
|
||||
"@babel/traverse" "^7.20.5"
|
||||
"@babel/types" "^7.20.5"
|
||||
|
||||
"@babel/highlight@^7.18.6":
|
||||
version "7.18.6"
|
||||
resolved "https://registry.yarnpkg.com/@babel/highlight/-/highlight-7.18.6.tgz#81158601e93e2563795adcbfbdf5d64be3f2ecdf"
|
||||
@ -307,6 +346,11 @@
|
||||
chalk "^2.0.0"
|
||||
js-tokens "^4.0.0"
|
||||
|
||||
"@babel/parser@^7.12.11", "@babel/parser@^7.20.5":
|
||||
version "7.20.5"
|
||||
resolved "https://registry.yarnpkg.com/@babel/parser/-/parser-7.20.5.tgz#7f3c7335fe417665d929f34ae5dceae4c04015e8"
|
||||
integrity sha512-r27t/cy/m9uKLXQNWWebeCUHgnAZq0CpG1OwKRxzJMP1vpSU4bSIK2hq+/cp0bQxetkXx38n09rNu8jVkcK/zA==
|
||||
|
||||
"@babel/parser@^7.16.4", "@babel/parser@^7.18.10", "@babel/parser@^7.18.11":
|
||||
version "7.18.11"
|
||||
resolved "https://registry.yarnpkg.com/@babel/parser/-/parser-7.18.11.tgz#68bb07ab3d380affa9a3f96728df07969645d2d9"
|
||||
@ -372,6 +416,22 @@
|
||||
debug "^4.1.0"
|
||||
globals "^11.1.0"
|
||||
|
||||
"@babel/traverse@^7.12.12", "@babel/traverse@^7.20.5":
|
||||
version "7.20.5"
|
||||
resolved "https://registry.yarnpkg.com/@babel/traverse/-/traverse-7.20.5.tgz#78eb244bea8270fdda1ef9af22a5d5e5b7e57133"
|
||||
integrity sha512-WM5ZNN3JITQIq9tFZaw1ojLU3WgWdtkxnhM1AegMS+PvHjkM5IXjmYEGY7yukz5XS4sJyEf2VzWjI8uAavhxBQ==
|
||||
dependencies:
|
||||
"@babel/code-frame" "^7.18.6"
|
||||
"@babel/generator" "^7.20.5"
|
||||
"@babel/helper-environment-visitor" "^7.18.9"
|
||||
"@babel/helper-function-name" "^7.19.0"
|
||||
"@babel/helper-hoist-variables" "^7.18.6"
|
||||
"@babel/helper-split-export-declaration" "^7.18.6"
|
||||
"@babel/parser" "^7.20.5"
|
||||
"@babel/types" "^7.20.5"
|
||||
debug "^4.1.0"
|
||||
globals "^11.1.0"
|
||||
|
||||
"@babel/traverse@^7.20.1":
|
||||
version "7.20.1"
|
||||
resolved "https://registry.yarnpkg.com/@babel/traverse/-/traverse-7.20.1.tgz#9b15ccbf882f6d107eeeecf263fbcdd208777ec8"
|
||||
@ -406,6 +466,15 @@
|
||||
"@babel/helper-validator-identifier" "^7.19.1"
|
||||
to-fast-properties "^2.0.0"
|
||||
|
||||
"@babel/types@^7.20.5":
|
||||
version "7.20.5"
|
||||
resolved "https://registry.yarnpkg.com/@babel/types/-/types-7.20.5.tgz#e206ae370b5393d94dfd1d04cd687cace53efa84"
|
||||
integrity sha512-c9fst/h2/dcF7H+MJKZ2T0KjEQ8hY/BNnDk/H3XY8C4Aw/eWQXWn/lWntHF9ooUBnGmEvbfGrTgLWc+um0YDUg==
|
||||
dependencies:
|
||||
"@babel/helper-string-parser" "^7.19.4"
|
||||
"@babel/helper-validator-identifier" "^7.19.1"
|
||||
to-fast-properties "^2.0.0"
|
||||
|
||||
"@css-render/plugin-bem@^0.15.10":
|
||||
version "0.15.11"
|
||||
resolved "https://registry.yarnpkg.com/@css-render/plugin-bem/-/plugin-bem-0.15.11.tgz#250b853704af1fbb935b8fcd987839dcc9c95ce2"
|
||||
@ -1382,7 +1451,7 @@ chalk@^2.0.0:
|
||||
escape-string-regexp "^1.0.5"
|
||||
supports-color "^5.3.0"
|
||||
|
||||
chalk@^4.0.0, chalk@^4.1.2:
|
||||
chalk@^4.0.0, chalk@^4.1.0, chalk@^4.1.2:
|
||||
version "4.1.2"
|
||||
resolved "https://registry.yarnpkg.com/chalk/-/chalk-4.1.2.tgz#aac4e2b7734a740867aeb16bf02aad556a1e7a01"
|
||||
integrity sha512-oKnbhFyRIXpUuez8iBMmyEa4nbj4IOQyuhc/wy9kY7/WVPcwIO9VA668Pu8RkO7+0G76SLROeyw9CpQ061i4mA==
|
||||
@ -1733,6 +1802,22 @@ domutils@^2.8.0:
|
||||
domelementtype "^2.2.0"
|
||||
domhandler "^4.2.0"
|
||||
|
||||
dot-case@^3.0.4:
|
||||
version "3.0.4"
|
||||
resolved "https://registry.yarnpkg.com/dot-case/-/dot-case-3.0.4.tgz#9b2b670d00a431667a8a75ba29cd1b98809ce751"
|
||||
integrity sha512-Kv5nKlh6yRrdrGvxeJ2e5y2eRUpkUosIW4A2AS38zwSz27zu7ufDwQPi5Jhs3XAlGNetl3bmnGhQsMtkKJnj3w==
|
||||
dependencies:
|
||||
no-case "^3.0.4"
|
||||
tslib "^2.0.3"
|
||||
|
||||
echarts@^5.4.0:
|
||||
version "5.4.0"
|
||||
resolved "https://registry.yarnpkg.com/echarts/-/echarts-5.4.0.tgz#a9a8e5367293a397408d3bf3e2638b869249ce04"
|
||||
integrity sha512-uPsO9VRUIKAdFOoH3B0aNg7NRVdN7aM39/OjovjO9MwmWsAkfGyeXJhK+dbRi51iDrQWliXV60/XwLA7kg3z0w==
|
||||
dependencies:
|
||||
tslib "2.3.0"
|
||||
zrender "5.4.0"
|
||||
|
||||
electron-to-chromium@^1.4.202:
|
||||
version "1.4.211"
|
||||
resolved "https://registry.yarnpkg.com/electron-to-chromium/-/electron-to-chromium-1.4.211.tgz#afaa8b58313807501312d598d99b953568d60f91"
|
||||
@ -2771,18 +2856,6 @@ is-descriptor@^1.0.0, is-descriptor@^1.0.2:
|
||||
is-data-descriptor "^1.0.0"
|
||||
kind-of "^6.0.2"
|
||||
|
||||
is-dom-node-list@^1.2.1:
|
||||
version "1.2.1"
|
||||
resolved "https://registry.yarnpkg.com/is-dom-node-list/-/is-dom-node-list-1.2.1.tgz#141ded0c66de759d0976800d21370bb908f2950f"
|
||||
integrity sha512-P1H071iT5TGG8pAHslhrLDo/tQLYc8tGuWABVqhGU4l2mm7aDNb9cx2myQ2AujEQO6B2cAujcW4a0/+6UfXInw==
|
||||
dependencies:
|
||||
is-dom-node "^1.0.4"
|
||||
|
||||
is-dom-node@^1.0.4:
|
||||
version "1.0.4"
|
||||
resolved "https://registry.yarnpkg.com/is-dom-node/-/is-dom-node-1.0.4.tgz#abb18af7133f1e687610cfeb274da1ced342f1c5"
|
||||
integrity sha512-NEnTHKCeyGJTL0cKdzATF8SWzyTMYf5CbNKWBvsXvyMxZG32g+a09qkeCbrfQNLTD85CbPeHb4YjIJCjyzF0yA==
|
||||
|
||||
is-extendable@^0.1.0, is-extendable@^0.1.1:
|
||||
version "0.1.1"
|
||||
resolved "https://registry.yarnpkg.com/is-extendable/-/is-extendable-0.1.1.tgz#62b110e289a471418e3ec36a617d472e301dfc89"
|
||||
@ -3073,6 +3146,13 @@ loose-envify@^1.4.0:
|
||||
dependencies:
|
||||
js-tokens "^3.0.0 || ^4.0.0"
|
||||
|
||||
lower-case@^2.0.2:
|
||||
version "2.0.2"
|
||||
resolved "https://registry.yarnpkg.com/lower-case/-/lower-case-2.0.2.tgz#6fa237c63dbdc4a82ca0fd882e4722dc5e634e28"
|
||||
integrity sha512-7fm3l3NAF9WfN6W3JOmf5drwpVqX78JtoGJ3A6W0a6ZnldM41w2fV5D490psKFTpMds8TJse/eHLFFsNHHjHgg==
|
||||
dependencies:
|
||||
tslib "^2.0.3"
|
||||
|
||||
lru-cache@^6.0.0:
|
||||
version "6.0.0"
|
||||
resolved "https://registry.yarnpkg.com/lru-cache/-/lru-cache-6.0.0.tgz#6d6fe6570ebd96aaf90fcad1dafa3b2566db3a94"
|
||||
@ -3186,11 +3266,6 @@ minimist@^1.2.6:
|
||||
resolved "https://registry.yarnpkg.com/minimist/-/minimist-1.2.7.tgz#daa1c4d91f507390437c6a8bc01078e7000c4d18"
|
||||
integrity sha512-bzfL1YUZsP41gmu/qjrEk0Q6i2ix/cVeAhbCbqH9u3zYutS1cLg00qhrD0M2MVdCcx4Sc0UpP2eBWo9rotpq6g==
|
||||
|
||||
miniraf@1.0.0:
|
||||
version "1.0.0"
|
||||
resolved "https://registry.yarnpkg.com/miniraf/-/miniraf-1.0.0.tgz#5d88e108bbdcb55b4a2ff3da337f24a13a3377e1"
|
||||
integrity sha512-XpvhtJYzVrpXe+JoAthrT9E40NIrSDDMcdHEYL2M+lR/OCas0nadetcBBq/MWYqlgV5aDWVQ3mfAqd+fG6Y/EQ==
|
||||
|
||||
mitt@1.1.2:
|
||||
version "1.1.2"
|
||||
resolved "https://registry.yarnpkg.com/mitt/-/mitt-1.1.2.tgz#380e61480d6a615b660f07abb60d51e0a4e4bed6"
|
||||
@ -3294,6 +3369,14 @@ natural-compare@^1.4.0:
|
||||
resolved "https://registry.yarnpkg.com/natural-compare/-/natural-compare-1.4.0.tgz#4abebfeed7541f2c27acfb29bdbbd15c8d5ba4f7"
|
||||
integrity sha512-OWND8ei3VtNC9h7V60qff3SVobHr996CTwgxubgyQYEpg290h9J0buyECNNJexkFm5sOajh5G116RYA1c8ZMSw==
|
||||
|
||||
no-case@^3.0.4:
|
||||
version "3.0.4"
|
||||
resolved "https://registry.yarnpkg.com/no-case/-/no-case-3.0.4.tgz#d361fd5c9800f558551a8369fc0dcd4662b6124d"
|
||||
integrity sha512-fgAN3jGAh+RoxUGZHTSOLJIqUc2wmoBwGR4tbpNAKmmovFoWq0OdRkb0VkldReO2a2iBT/OEulG9XSUc10r3zg==
|
||||
dependencies:
|
||||
lower-case "^2.0.2"
|
||||
tslib "^2.0.3"
|
||||
|
||||
node-releases@^2.0.6:
|
||||
version "2.0.6"
|
||||
resolved "https://registry.yarnpkg.com/node-releases/-/node-releases-2.0.6.tgz#8a7088c63a55e493845683ebf3c828d8c51c5503"
|
||||
@ -3432,6 +3515,14 @@ p-locate@^5.0.0:
|
||||
dependencies:
|
||||
p-limit "^3.0.2"
|
||||
|
||||
param-case@^3.0.4:
|
||||
version "3.0.4"
|
||||
resolved "https://registry.yarnpkg.com/param-case/-/param-case-3.0.4.tgz#7d17fe4aa12bde34d4a77d91acfb6219caad01c5"
|
||||
integrity sha512-RXlj7zCYokReqWpOPH9oYivUzLYZ5vAPIfEmCTNViosC78F8F0H9y7T7gG2M39ymgutxF5gcFEsyZQSph9Bp3A==
|
||||
dependencies:
|
||||
dot-case "^3.0.4"
|
||||
tslib "^2.0.3"
|
||||
|
||||
parent-module@^1.0.0:
|
||||
version "1.0.1"
|
||||
resolved "https://registry.yarnpkg.com/parent-module/-/parent-module-1.0.1.tgz#691d2709e78c79fae3a156622452d00762caaaa2"
|
||||
@ -3439,6 +3530,14 @@ parent-module@^1.0.0:
|
||||
dependencies:
|
||||
callsites "^3.0.0"
|
||||
|
||||
pascal-case@^3.1.2:
|
||||
version "3.1.2"
|
||||
resolved "https://registry.yarnpkg.com/pascal-case/-/pascal-case-3.1.2.tgz#b48e0ef2b98e205e7c1dae747d0b1508237660eb"
|
||||
integrity sha512-uWlGT3YSnK9x3BQJaOdcZwrnV6hPpd8jFH1/ucpiLRPh/2zCVJKS19E4GvYHvaCcACn3foXZ0cLB9Wrx1KGe5g==
|
||||
dependencies:
|
||||
no-case "^3.0.4"
|
||||
tslib "^2.0.3"
|
||||
|
||||
pascalcase@^0.1.1:
|
||||
version "0.1.1"
|
||||
resolved "https://registry.yarnpkg.com/pascalcase/-/pascalcase-0.1.1.tgz#b363e55e8006ca6fe21784d2db22bd15d7917f14"
|
||||
@ -3701,11 +3800,6 @@ regexpp@^3.0.0, regexpp@^3.2.0:
|
||||
resolved "https://registry.yarnpkg.com/regexpp/-/regexpp-3.2.0.tgz#0425a2768d8f23bad70ca4b90461fa2f1213e1b2"
|
||||
integrity sha512-pq2bWo9mVD43nbts2wGv17XLiNLya+GklZ8kaDLV2Z08gDCsGpnKn9BFMepvWuHCbyVvY7J5o5+BVvoQbmlJLg==
|
||||
|
||||
rematrix@0.3.0:
|
||||
version "0.3.0"
|
||||
resolved "https://registry.yarnpkg.com/rematrix/-/rematrix-0.3.0.tgz#4f3f9156aa80ded8a8ca23785f48c6012b6dea4a"
|
||||
integrity sha512-xB/9ZvJIKaDgXX0qkvV9/pLD8zK23A6TVV6F8Vhsl+SrxbBeVYutz5uszxgC6Rt3RP9LZiH8OXaYjr+x6WXWmQ==
|
||||
|
||||
repeat-element@^1.1.2:
|
||||
version "1.1.4"
|
||||
resolved "https://registry.yarnpkg.com/repeat-element/-/repeat-element-1.1.4.tgz#be681520847ab58c7568ac75fbfad28ed42d39e9"
|
||||
@ -3815,15 +3909,6 @@ screenfull@^6.0.2:
|
||||
resolved "https://registry.yarnpkg.com/screenfull/-/screenfull-6.0.2.tgz#3dbe4b8c4f8f49fb8e33caa8f69d0bca730ab238"
|
||||
integrity sha512-AQdy8s4WhNvUZ6P8F6PB21tSPIYKniic+Ogx0AacBMjKP1GUHN2E9URxQHtCusiwxudnCKkdy4GrHXPPJSkCCw==
|
||||
|
||||
scrollreveal@^4.0.9:
|
||||
version "4.0.9"
|
||||
resolved "https://registry.yarnpkg.com/scrollreveal/-/scrollreveal-4.0.9.tgz#47866e1967ff604e64bac28818fe0dcea44f2c8b"
|
||||
integrity sha512-fefGvzVS8YbXbDK1+T0kvy2yqxaiBJZeGUhPeqajf+7sGqtX4xikbKGAlzQuPCpswAMswx94ZwhDjXKnRIqW1w==
|
||||
dependencies:
|
||||
miniraf "1.0.0"
|
||||
rematrix "0.3.0"
|
||||
tealight "0.3.6"
|
||||
|
||||
scule@^0.3.2:
|
||||
version "0.3.2"
|
||||
resolved "https://registry.yarnpkg.com/scule/-/scule-0.3.2.tgz#472445cecd8357165a94a067f78cee40e700b596"
|
||||
@ -4143,14 +4228,6 @@ svgo@^2.7.0, svgo@^2.8.0:
|
||||
picocolors "^1.0.0"
|
||||
stable "^0.1.8"
|
||||
|
||||
tealight@0.3.6:
|
||||
version "0.3.6"
|
||||
resolved "https://registry.yarnpkg.com/tealight/-/tealight-0.3.6.tgz#14c8071ce3c188972a5cb7d8a5668ca2820b4292"
|
||||
integrity sha512-Dys3N8jFBThD9pNVpPCyUiu6DfWcTBdqWQJIvnAuVaFkGEdrPBJ43070vVbn6sTlLvn2IQK2zFW4FrVIrTo8eQ==
|
||||
dependencies:
|
||||
is-dom-node "^1.0.4"
|
||||
is-dom-node-list "^1.2.1"
|
||||
|
||||
text-table@^0.2.0:
|
||||
version "0.2.0"
|
||||
resolved "https://registry.yarnpkg.com/text-table/-/text-table-0.2.0.tgz#7f5ee823ae805207c00af2df4a84ec3fcfa570b4"
|
||||
@ -4218,11 +4295,21 @@ tsconfig-paths@^3.14.1:
|
||||
minimist "^1.2.6"
|
||||
strip-bom "^3.0.0"
|
||||
|
||||
tslib@2.3.0:
|
||||
version "2.3.0"
|
||||
resolved "https://registry.yarnpkg.com/tslib/-/tslib-2.3.0.tgz#803b8cdab3e12ba581a4ca41c8839bbb0dacb09e"
|
||||
integrity sha512-N82ooyxVNm6h1riLCoyS9e3fuJ3AMG2zIZs2Gd1ATcSFjSA23Q0fzjjZeh0jbJvWVDZ0cJT8yaNNaaXHzueNjg==
|
||||
|
||||
tslib@^1.8.1:
|
||||
version "1.14.1"
|
||||
resolved "https://registry.yarnpkg.com/tslib/-/tslib-1.14.1.tgz#cf2d38bdc34a134bcaf1091c41f6619e2f672d00"
|
||||
integrity sha512-Xni35NKzjgMrwevysHTCArtLDpPvye8zV/0E4EyYn43P7/7qvQwPh9BGkHewbMulVntbigmcT7rdX3BNo9wRJg==
|
||||
|
||||
tslib@^2.0.3:
|
||||
version "2.4.1"
|
||||
resolved "https://registry.yarnpkg.com/tslib/-/tslib-2.4.1.tgz#0d0bfbaac2880b91e22df0768e55be9753a5b17e"
|
||||
integrity sha512-tGyy4dAjRIEwI7BzsB0lynWgOpfqjUdq91XXAlIWD2OwKBH7oCl/GZG/HT4BOHrTlPMOASlMQ7veyTqpmRcrNA==
|
||||
|
||||
tsutils@^3.21.0:
|
||||
version "3.21.0"
|
||||
resolved "https://registry.yarnpkg.com/tsutils/-/tsutils-3.21.0.tgz#b48717d394cea6c1e096983eed58e9d61715b623"
|
||||
@ -4411,6 +4498,19 @@ vite-plugin-eslint@^1.8.1:
|
||||
"@types/eslint" "^8.4.5"
|
||||
rollup "^2.77.2"
|
||||
|
||||
vite-plugin-imp@^2.3.1:
|
||||
version "2.3.1"
|
||||
resolved "https://registry.yarnpkg.com/vite-plugin-imp/-/vite-plugin-imp-2.3.1.tgz#dac2b63f7365de102ffbfb7edd0e9e9f3919d91e"
|
||||
integrity sha512-Lp0FZBIIfXq/PyTRh+5e5tqgS6vJZewAx/fodgf/Z1Pk1jQzMiKw5gRn0xXqDEbm7A7avz6X1Le01Mp/LYMtoQ==
|
||||
dependencies:
|
||||
"@babel/core" "^7.12.10"
|
||||
"@babel/generator" "^7.12.11"
|
||||
"@babel/parser" "^7.12.11"
|
||||
"@babel/traverse" "^7.12.12"
|
||||
chalk "^4.1.0"
|
||||
param-case "^3.0.4"
|
||||
pascal-case "^3.1.2"
|
||||
|
||||
vite-plugin-inspect@^0.6.0:
|
||||
version "0.6.0"
|
||||
resolved "https://registry.yarnpkg.com/vite-plugin-inspect/-/vite-plugin-inspect-0.6.0.tgz#065cf3d4f6e88274719348f8a9fc2c5197f83408"
|
||||
@ -4604,3 +4704,10 @@ yocto-queue@^0.1.0:
|
||||
version "0.1.0"
|
||||
resolved "https://registry.yarnpkg.com/yocto-queue/-/yocto-queue-0.1.0.tgz#0294eb3dee05028d31ee1a5fa2c556a6aaf10a1b"
|
||||
integrity sha512-rVksvsnNCdJ/ohGc6xgPwyN8eheCxsiLM8mxuE/t/mOVqJewPuO1miLpTHQiRgTKCLexL4MeAFVagts7HmNZ2Q==
|
||||
|
||||
zrender@5.4.0:
|
||||
version "5.4.0"
|
||||
resolved "https://registry.yarnpkg.com/zrender/-/zrender-5.4.0.tgz#d4f76e527b2e3bbd7add2bdaf27a16af85785576"
|
||||
integrity sha512-rOS09Z2HSVGFs2dn/TuYk5BlCaZcVe8UDLLjj1ySYF828LATKKdxuakSZMvrDz54yiKPDYVfjdKqcX8Jky3BIA==
|
||||
dependencies:
|
||||
tslib "2.3.0"
|
||||
|
||||
Loading…
x
Reference in New Issue
Block a user