@topdatasec/report 1.1.4 → 1.1.5
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/LICENSE +0 -21
- package/README.md +6 -205
- package/lib/style.css +1 -1
- package/lib/t-report-ui.es.js +1086 -767
- package/lib/t-report-ui.umd.js +2 -2
- package/package.json +3 -2
package/LICENSE
CHANGED
|
@@ -1,21 +0,0 @@
|
|
|
1
|
-
MIT License
|
|
2
|
-
|
|
3
|
-
Copyright (c) 2023 wocwin
|
|
4
|
-
|
|
5
|
-
Permission is hereby granted, free of charge, to any person obtaining a copy
|
|
6
|
-
of this software and associated documentation files (the "Software"), to deal
|
|
7
|
-
in the Software without restriction, including without limitation the rights
|
|
8
|
-
to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
|
|
9
|
-
copies of the Software, and to permit persons to whom the Software is
|
|
10
|
-
furnished to do so, subject to the following conditions:
|
|
11
|
-
|
|
12
|
-
The above copyright notice and this permission notice shall be included in all
|
|
13
|
-
copies or substantial portions of the Software.
|
|
14
|
-
|
|
15
|
-
THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
|
|
16
|
-
IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
|
|
17
|
-
FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
|
|
18
|
-
AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
|
|
19
|
-
LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
|
|
20
|
-
OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
|
|
21
|
-
SOFTWARE.
|
package/README.md
CHANGED
|
@@ -1,218 +1,19 @@
|
|
|
1
|
-
# T-ui
|
|
2
|
-
|
|
3
|
-
## [Vue2 基于 Element-ui基础组件传送门](https://github.com/wocwin/t-ui)
|
|
4
|
-
|
|
5
|
-
> 基于 Element-ui 二次封装基础组件地址
|
|
6
|
-
>
|
|
7
|
-
## [T-ui-Plus使用Demo项目](https://github.com/wocwin/wocwin-admin)
|
|
8
|
-
|
|
9
|
-
>`wocwin-admin`是基于 Vue3.3、TypeScript、Vite4、Pinia、Element-Plus 开源的一套后台管理模板;此项目全面使用了`T-ui-Plus`二次封装基础组件库
|
|
10
|
-
|
|
1
|
+
# T-report-ui
|
|
11
2
|
## 介绍
|
|
12
3
|
|
|
13
|
-
>
|
|
14
|
-
|
|
15
|
-
这是我在学习 Vue3 中基于[Element-plus](https://element-plus.org/zh-CN/) 二次封装基础组件文档,希望对你有用。可查看 [详细组件案例文档](https://wocwin.github.io/t-ui-plus/) 预览
|
|
16
|
-
|
|
17
|
-
<p align="center">
|
|
18
|
-
<a href="https://github.com/vuejs/vue" target="_blank">
|
|
19
|
-
<img src="https://img.shields.io/badge/vue-3.2.36-brightgreen.svg" alt="vue3">
|
|
20
|
-
</a>
|
|
21
|
-
<a href="https://gitee.com/wocwin/t-ui-plus/stargazers" target="_blank">
|
|
22
|
-
<img src="https://gitee.com/wocwin/t-ui-plus/badge/star.svg?theme=dark" alt="t-ui-plus">
|
|
23
|
-
</a>
|
|
24
|
-
<a href="https://github.com/wocwin/t-ui-plus/stargazers" target="_blank">
|
|
25
|
-
<img src="https://img.shields.io/github/stars/wocwin/t-ui-plus.svg" alt="t-ui-plus">
|
|
26
|
-
</a>
|
|
27
|
-
<a href="https://www.npmjs.com/package/@wocwin/t-ui-plus" target="_blank">
|
|
28
|
-
<img alt="npm" src="https://img.shields.io/npm/v/@wocwin/t-ui-plus.svg" />
|
|
29
|
-
</a>
|
|
30
|
-
</p>
|
|
31
|
-
|
|
32
|
-
## 动态效果图
|
|
33
|
-
|
|
34
|
-
<img src="./README_GIF/TuiPlus__demo.gif">
|
|
4
|
+
> 自定义报表功能
|
|
35
5
|
|
|
36
6
|
### 安装
|
|
37
7
|
|
|
38
|
-
**建议您使用包管理器 ([pnpm](https://pnpm.io/)<el-tag effect="dark">推荐</el-tag> , [yarn](https://classic.yarnpkg.com/lang/en/),[npm](https://www.npmjs.com/)) 安装 @wocwin/t-ui-plus**。
|
|
39
|
-
|
|
40
8
|
|
|
41
9
|
```sh [pnpm]
|
|
42
|
-
pnpm install @
|
|
10
|
+
pnpm install @topdatasec/report -S
|
|
43
11
|
```
|
|
44
12
|
|
|
45
13
|
```sh [yarn]
|
|
46
|
-
yarn add @
|
|
14
|
+
yarn add @topdatasec/report
|
|
47
15
|
```
|
|
48
16
|
|
|
49
17
|
```sh [npm]
|
|
50
|
-
npm install @
|
|
51
|
-
```
|
|
52
|
-
|
|
53
|
-
|
|
54
|
-
## 全局注册使用
|
|
55
|
-
|
|
56
|
-
> ### 前提条件:使用项目必须全局注册 Element-plus组件库
|
|
57
|
-
|
|
58
|
-
```js
|
|
59
|
-
// 在main.js中按下引入
|
|
60
|
-
import { createApp } from "vue";
|
|
61
|
-
import App from "./App.vue";
|
|
62
|
-
import ElementPlus from "element-plus";
|
|
63
|
-
import "element-plus/dist/index.css";
|
|
64
|
-
import "element-plus/theme-chalk/dark/css-vars.css";
|
|
65
|
-
import locale from "element-plus/es/locale/lang/zh-cn";
|
|
66
|
-
// element-plus图标
|
|
67
|
-
import * as ElementPlusIconsVue from "@element-plus/icons-vue";
|
|
68
|
-
import TuiPlus from '@wocwin/t-ui-plus'
|
|
69
|
-
import '@wocwin/t-ui-plus/lib/style.css'
|
|
70
|
-
const app = createApp(App)
|
|
71
|
-
// 注册所有图标
|
|
72
|
-
for (const [key, component] of Object.entries(ElementPlusIconsVue)) {
|
|
73
|
-
app.component(key, component);
|
|
74
|
-
}
|
|
75
|
-
// 注册ElementPlus
|
|
76
|
-
app.use(ElementPlus, {
|
|
77
|
-
locale // 语言设置
|
|
78
|
-
// size: Cookies.get('size') || 'medium' // 尺寸设置
|
|
79
|
-
});
|
|
80
|
-
app.use(TuiPlus)
|
|
81
|
-
app.mount('#app')
|
|
82
|
-
```
|
|
83
|
-
|
|
84
|
-
## 按需引入
|
|
85
|
-
|
|
86
|
-
```js
|
|
87
|
-
// 在main.js中按下引入
|
|
88
|
-
import '@wocwin/t-ui-plus/lib/style.css'
|
|
89
|
-
// 单个.vue文件引入
|
|
90
|
-
<script setup lang="ts">
|
|
91
|
-
import {TDetail, TForm} from "@wocwin/t-ui-plus"
|
|
92
|
-
</script>
|
|
93
|
-
```
|
|
94
|
-
## 浏览器直接引入Use CDN in Project(v1.5.0支持)--建议使用pnpm安装使用
|
|
95
|
-
> 浏览器直接引入组件库,属性`驼峰命名`必须转换为短横线,直接通过浏览器的 HTML 标签导入 `@wocwin/t-ui-plus`,然后就可以使用全局变量 `TuiPlus` 了
|
|
96
|
-
```html
|
|
97
|
-
<head>
|
|
98
|
-
<!-- Import style -->
|
|
99
|
-
<link rel="stylesheet" href="https://unpkg.com/element-plus/dist/index.css" />
|
|
100
|
-
<link rel="stylesheet" href="https://unpkg.com/@wocwin/t-ui-plus/lib/style.css" />
|
|
101
|
-
<!-- Import Vue 3 -->
|
|
102
|
-
<script src="https://unpkg.com/vue@3"></script>
|
|
103
|
-
<!-- Import component library -->
|
|
104
|
-
<script src="https://unpkg.com/element-plus"></script>
|
|
105
|
-
<!-- 3. 引入t-ui-plus的组件库 -->
|
|
106
|
-
<script src="https://unpkg.com/@wocwin/t-ui-plus@latest"></script>
|
|
107
|
-
</head>
|
|
108
|
-
<body>
|
|
109
|
-
<div id="app">
|
|
110
|
-
<t-input placeholder="请输入金额" input-type="amount" show-thousands v-model="value"></t-input>
|
|
111
|
-
</div>
|
|
112
|
-
<script>
|
|
113
|
-
const app = Vue.createApp({
|
|
114
|
-
data() {
|
|
115
|
-
return {
|
|
116
|
-
value: ''
|
|
117
|
-
}
|
|
118
|
-
}
|
|
119
|
-
});
|
|
120
|
-
app.mount('#app');
|
|
121
|
-
</script>
|
|
122
|
-
</body>
|
|
123
|
-
|
|
124
|
-
```
|
|
125
|
-
## 全部组件如下
|
|
126
|
-
| 组件名称 | 说明 |
|
|
127
|
-
| :----------------------- | :--------------------------------------------------------------------------------------------------------------------------------------------------------- |
|
|
128
|
-
| TLayoutPage | 布局页面 |
|
|
129
|
-
| TLayoutPageItem | 布局页面子项 |
|
|
130
|
-
| TAdaptivePage | [一屏组件](https://wocwin.github.io/t-ui-plus/components/TAdaptivePage/base.html?_blank)(继承TTable 及 TQueryCondition 组件的所有属性、事件、插槽、方法) |
|
|
131
|
-
| TQueryCondition | [条件查询组件](https://wocwin.github.io/t-ui-plus/components/TQueryCondition/base.html?_blank) |
|
|
132
|
-
| TTable | [表格组件](https://wocwin.github.io/t-ui-plus/components/TTable/base.html?_blank) |
|
|
133
|
-
| Virtualized TTable | [虚拟列表](https://wocwin.github.io/t-ui-plus/components/TTableVirtual/base.html?_blank) |
|
|
134
|
-
| TForm | [表单组件](https://wocwin.github.io/t-ui-plus/components/TForm/base.html?_blank) |
|
|
135
|
-
| TSelectTable | [下拉选择表格组件](https://wocwin.github.io/t-ui-plus/components/TSelectTable/base.html?_blank) |
|
|
136
|
-
| Virtualized TSelectTable | [下拉选择虚拟表格组件](https://wocwin.github.io/t-ui-plus/components/multipleVirtual/base.html?_blank) |
|
|
137
|
-
| TSelectIcon | [图标选择组件](https://wocwin.github.io/t-ui-plus/components/TSelectIcon/base.html?_blank) |
|
|
138
|
-
| TSelect | [下拉选择组件](https://wocwin.github.io/t-ui-plus/components/TSelect/base.html?_blank) |
|
|
139
|
-
| TDetail | [详情组件](https://wocwin.github.io/t-ui-plus/components/TDetail/base.html?_blank) |
|
|
140
|
-
| TButton | [防抖按钮组件](https://wocwin.github.io/t-ui-plus/components/TButton/base.html?_blank) |
|
|
141
|
-
| TStepWizard | [步骤条组件](https://wocwin.github.io/t-ui-plus/components/TStepWizard/base.html?_blank) |
|
|
142
|
-
| TTimerBtn | 定时按钮组件 |
|
|
143
|
-
| TModuleForm | [模块表单/详情组件](https://wocwin.github.io/t-ui-plus/components/TModuleForm/base.html?_blank) |
|
|
144
|
-
| TDatePicker | [日期选择器组件](https://wocwin.github.io/t-ui-plus/components/TDatePicker/base.html?_blank) |
|
|
145
|
-
| TRadio | [单选组件](https://wocwin.github.io/t-ui-plus/components/TRadio/base.html?_blank) |
|
|
146
|
-
| TCheckbox | [多选组件](https://wocwin.github.io/t-ui-plus/components/TCheckbox/base.html?_blank) |
|
|
147
|
-
| TChart | [图表组件](https://wocwin.github.io/t-ui-plus/components/TChart/base.html?_blank) |
|
|
148
|
-
| TTabs | [标签页组件](https://wocwin.github.io/t-ui-plus/components/TTabs/base.html?_blank) |
|
|
149
|
-
| TSelectIcon | [图标选择组件](https://wocwin.github.io/t-ui-plus/components/TSelectIcon/base.html?_blank) |
|
|
150
|
-
|
|
151
|
-
|
|
152
|
-
|
|
153
|
-
## t-ui-plus Volar 组件类型提示
|
|
154
|
-
|
|
155
|
-
```js
|
|
156
|
-
// 需要在使用的项目的tsconfig.json文件中添加以下
|
|
157
|
-
compilerOptions:{
|
|
158
|
-
"types": [
|
|
159
|
-
"@wocwin/t-ui-plus/components.d.ts",
|
|
160
|
-
],
|
|
161
|
-
}
|
|
162
|
-
|
|
163
|
-
```
|
|
164
|
-
## Vue3 + Vite项目中安装引入报如下错误的解决方法
|
|
165
|
-
> #### 把项目的vite版本升级到4+
|
|
166
|
-
|
|
167
|
-
<img src="./README_GIF/error.png">
|
|
168
|
-
|
|
169
|
-
## 安装依赖
|
|
170
|
-
> ### 注意: 本地环境版本最好安装 [Node.js 16.x+](https://nodejs.org/en)、[pnpm 7.x+](https://github.com/pnpm/pnpm/)
|
|
171
|
-
|
|
172
|
-
```shell
|
|
173
|
-
npm install -g pnpm
|
|
174
|
-
|
|
175
|
-
# 安装依赖
|
|
176
|
-
pnpm install --registry=https://registry.npmjs.org/
|
|
177
|
-
>pnpm config get registry 查看当前指向源
|
|
178
|
-
|
|
179
|
-
# 如果安装依赖失败,可以尝试使用淘宝镜像 --registry=https://registry.npmmirror.com/
|
|
180
|
-
>pnpm config set registry https://registry.npmmirror.com/ 切换淘宝镜像源
|
|
181
|
-
>pnpm install
|
|
182
|
-
|
|
183
|
-
```
|
|
184
|
-
|
|
185
|
-
## 本地运行 vuepress 中组件文档
|
|
186
|
-
|
|
187
|
-
```shell
|
|
188
|
-
// docs项目(文档demo示例)基于vue3+vite项目
|
|
189
|
-
npm run docs:dev
|
|
190
|
-
|
|
191
|
-
```
|
|
192
|
-
|
|
193
|
-
## Thanks to all the contributors
|
|
194
|
-
|
|
195
|
-
<a href="https://github.com/wocwin/t-ui-plus/graphs/contributors">
|
|
196
|
-
<img src="https://contrib.rocks/image?repo=wocwin/t-ui-plus" alt="contributors" />
|
|
197
|
-
</a>
|
|
198
|
-
|
|
199
|
-
## 微信交流群
|
|
200
|
-
|
|
201
|
-
>目前微信群已超过 200 人,需要加微信好友(请备注 T-ui-Plus),拉大家进群
|
|
202
|
-
|
|
203
|
-
| 微信二维码 |
|
|
204
|
-
| :---------------------------------------: |
|
|
205
|
-
| <img src="./public/wocwin.jpg" width=170> |
|
|
206
|
-
|
|
207
|
-
## Git 提交规范
|
|
208
|
-
|
|
209
|
-
- `ci`: ci 配置文件和脚本的变动;
|
|
210
|
-
- `chore`: 构建系统或辅助工具的变动;
|
|
211
|
-
- `fix`: 代码 BUG 修复;
|
|
212
|
-
- `feat`: 新功能;
|
|
213
|
-
- `perf`: 性能优化和提升;
|
|
214
|
-
- `refactor`: 仅仅是代码变动,既不是修复 BUG 也不是引入新功能;
|
|
215
|
-
- `style`: 代码格式调整,可能是空格、分号、缩进等等;
|
|
216
|
-
- `docs`: 文档变动;
|
|
217
|
-
- `test`: 补充缺失的测试用例或者修正现有的测试用例;
|
|
218
|
-
- `revert`: 回滚操作;
|
|
18
|
+
npm install @topdatasec/report -S
|
|
19
|
+
```
|
package/lib/style.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
@charset "UTF-8";.catalogue[data-v-1cd8aa2d]{width:240px;height:calc(100% - 70px);padding:10px;margin-right:15px;overflow:hidden auto;background-color:var(--tds-check-color-primary-1)}.catalogue .cata-title[data-v-1cd8aa2d]{font-size:14px;font-weight:700}.catalogue a[data-v-1cd8aa2d]{display:inline-block;width:220px;overflow:hidden;font-size:12px;line-height:20px;color:#626468;text-overflow:ellipsis;white-space:nowrap}.catalogue a[data-v-1cd8aa2d]:hover{color:var(--tds-check-color-primary)}.catalogue .levelh1[data-v-1cd8aa2d]{font-weight:700}.catalogue .levelh2[data-v-1cd8aa2d]{padding-left:10px}.catalogue .levelh3[data-v-1cd8aa2d]{padding-left:20px}.catalogue .levelh4[data-v-1cd8aa2d]{padding-left:30px}.editor-box[data-v-2d59469a]{display:flex;height:100%;overflow:hidden}.editor.view[data-v-2d59469a] .el-card__body{overflow-y:hidden}[data-v-e9859d3b] .el-color-picker{width:95%}[data-v-e9859d3b] .el-color-picker .el-color-picker__trigger{width:100%;top:1px}[data-v-e9859d3b] .el-input-number{width:95%}.sub-title[data-v-e9859d3b]{color:#555;font-size:12px;padding-left:5px;height:20px;line-height:20px;margin-bottom:10px}.switch-label[data-v-e9859d3b]{color:#555;font-size:14px;margin-right:10px;margin-bottom:10px}[data-v-e9859d3b] .el-collapse-item__header{background-color:#fafafa;padding-left:15px;height:42px;border-bottom:1px solid #ebeef5}[data-v-e9859d3b] .el-collapse-item__content{padding-top:10px;padding-bottom:10px;padding-left:10px}[data-v-e9859d3b] .el-collapse-item__content .el-descriptions__cell{padding:1px 0 0 15px}.el-collapse[data-v-e9859d3b]{border-right:1px solid var(--el-border-color-lighter);border-left:1px solid var(--el-border-color-lighter)}[data-v-56fef84c] .el-color-picker{width:100%}[data-v-56fef84c] .el-color-picker .el-color-picker__trigger{width:100%;top:1px}[data-v-56fef84c] .el-input-number{width:100%}.sub-title[data-v-56fef84c]{color:#555;font-size:12px;padding-left:5px;height:20px;line-height:20px;margin-bottom:10px}.slide-fade-enter-active{transition:all .3s ease-out}.slide-fade-leave-active{transition:all .3s cubic-bezier(1,.5,.8,1)}.slide-fade-enter-from,.slide-fade-leave-to{transform:translate(100px);opacity:0}.flex{display:flex;align-items:center;justify-content:space-between}.editor-wrapper{width:100%;height:100%}.editor-wrapper .view-wrapper{flex:1;height:100%;margin-right:15px}.editor-wrapper .view-wrapper .el-card__body{height:100%}.editor-wrapper .config-wrapper{width:400px;height:100%}.editor-wrapper .config-wrapper .el-card__body{height:100%;overflow-y:auto}.editor{position:relative;overflow-x:hidden;overflow-y:auto;height:calc(100% - 40px)}.editor.view{height:100%;overflow-y:hidden}.editor.view .el-card__body{height:100%;overflow-y:auto}.editor .editor-content{padding:5px;position:relative;margin:10px 5px 5px}.editor .editor-content.flex.flex-start{justify-content:flex-start}.editor .editor-content .item-input{width:30%;margin-right:15px}.editor .editor-content>i{display:none}.editor .editor-content h1{font-size:24px;color:#000000d9;font-weight:500}.editor .editor-content h2{font-size:18px;color:#000000d9;font-weight:500}.editor .editor-content h3{font-size:14px;color:#000000d9;font-weight:500}.editor .editor-content h3{font-size:12px;color:#000000d9;font-weight:500}.editor .editor-content ul li{list-style-type:disc!important}.editor .editor-content ol li{list-style-type:auto!important}.editor .editor-content ul,.editor .editor-content ol{padding-left:15px}.editor .editor-content.edit:hover{background-color:#e9e9e9}.editor .editor-content.edit:hover>i{display:block;position:absolute;right:-5px;top:-5px;cursor:pointer}.editor .editor-content.edit.active{background-color:#e9e9e9}.editor .editor-content.edit.active:after{content:"";height:100%;width:3px;background-color:var(--el-color-primary);position:absolute;left:-3px;top:0}.editor>*{margin-bottom:3px}.chart-components{width:100%;height:300px}.item-switch{width:100%;justify-content:flex-start;color:#666}.item-switch span.label{width:150px}
|
|
1
|
+
@charset "UTF-8";.catalogue[data-v-1cd8aa2d]{width:240px;height:calc(100% - 70px);padding:10px;margin-right:15px;overflow:hidden auto;background-color:var(--tds-check-color-primary-1)}.catalogue .cata-title[data-v-1cd8aa2d]{font-size:14px;font-weight:700}.catalogue a[data-v-1cd8aa2d]{display:inline-block;width:220px;overflow:hidden;font-size:12px;line-height:20px;color:#626468;text-overflow:ellipsis;white-space:nowrap}.catalogue a[data-v-1cd8aa2d]:hover{color:var(--tds-check-color-primary)}.catalogue .levelh1[data-v-1cd8aa2d]{font-weight:700}.catalogue .levelh2[data-v-1cd8aa2d]{padding-left:10px}.catalogue .levelh3[data-v-1cd8aa2d]{padding-left:20px}.catalogue .levelh4[data-v-1cd8aa2d]{padding-left:30px}.editor-box[data-v-2d59469a]{display:flex;height:100%;overflow:hidden}.editor.view[data-v-2d59469a] .el-card__body{overflow-y:hidden}[data-v-e9859d3b] .el-color-picker{width:95%}[data-v-e9859d3b] .el-color-picker .el-color-picker__trigger{width:100%;top:1px}[data-v-e9859d3b] .el-input-number{width:95%}.sub-title[data-v-e9859d3b]{color:#555;font-size:12px;padding-left:5px;height:20px;line-height:20px;margin-bottom:10px}.switch-label[data-v-e9859d3b]{color:#555;font-size:14px;margin-right:10px;margin-bottom:10px}[data-v-e9859d3b] .el-collapse-item__header{background-color:#fafafa;padding-left:15px;height:42px;border-bottom:1px solid #ebeef5}[data-v-e9859d3b] .el-collapse-item__content{padding-top:10px;padding-bottom:10px;padding-left:10px}[data-v-e9859d3b] .el-collapse-item__content .el-descriptions__cell{padding:1px 0 0 15px}.el-collapse[data-v-e9859d3b]{border-right:1px solid var(--el-border-color-lighter);border-left:1px solid var(--el-border-color-lighter)}[data-v-56fef84c] .el-color-picker{width:100%}[data-v-56fef84c] .el-color-picker .el-color-picker__trigger{width:100%;top:1px}[data-v-56fef84c] .el-input-number{width:100%}.sub-title[data-v-56fef84c]{color:#555;font-size:12px;padding-left:5px;height:20px;line-height:20px;margin-bottom:10px}.slide-fade-enter-active{transition:all .3s ease-out}.slide-fade-leave-active{transition:all .3s cubic-bezier(1,.5,.8,1)}.slide-fade-enter-from,.slide-fade-leave-to{transform:translate(100px);opacity:0}.flex{display:flex;align-items:center;justify-content:space-between}.editor-wrapper{width:100%;height:100%}.editor-wrapper .view-wrapper{flex:1;height:100%;margin-right:15px}.editor-wrapper .view-wrapper .el-card__body{height:100%}.editor-wrapper .config-wrapper{width:400px;height:100%}.editor-wrapper .config-wrapper .el-card__body{height:100%;overflow-y:auto}.editor{position:relative;overflow-x:hidden;overflow-y:auto;height:calc(100% - 40px)}.editor.view{height:100%;overflow-y:hidden}.editor.view .el-card__body{height:100%;overflow-y:auto}.editor .editor-content{padding:5px;position:relative;margin:10px 5px 5px}.editor .editor-content.flex.flex-start{justify-content:flex-start}.editor .editor-content .item-input{width:30%;margin-right:15px}.editor .editor-content>i{display:none}.editor .editor-content h1{font-size:24px;color:#000000d9;font-weight:500}.editor .editor-content h2{font-size:18px;color:#000000d9;font-weight:500}.editor .editor-content h3{font-size:14px;color:#000000d9;font-weight:500}.editor .editor-content h3{font-size:12px;color:#000000d9;font-weight:500}.editor .editor-content ul li{list-style-type:disc!important}.editor .editor-content ol li{list-style-type:auto!important}.editor .editor-content ul,.editor .editor-content ol{padding-left:15px}.editor .editor-content.edit:hover{background-color:#e9e9e9}.editor .editor-content.edit:hover>i{display:block;position:absolute;right:-5px;top:-5px;cursor:pointer}.editor .editor-content.edit.active{background-color:#e9e9e9}.editor .editor-content.edit.active:after{content:"";height:100%;width:3px;background-color:var(--el-color-primary);position:absolute;left:-3px;top:0}.editor>*{margin-bottom:3px}.chart-components{width:100%;height:300px}.item-switch{width:100%;justify-content:flex-start;color:#666}.item-switch span.label{width:150px}.report-btn{width:100%;border-style:dashed!important;margin-top:5px}.report-btn-remove{position:absolute;right:80px;color:#f56c6c}.report-btn-remove:hover{cursor:pointer}.report-com-title>span{color:#898b8f}
|