@topdatasec/report 1.0.9 → 1.0.10
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 +21 -0
- package/README.md +218 -0
- package/lib/index.d.ts +5 -8
- package/{es/bar/Bar.d.ts → lib/report/components/Bar.vue.d.ts} +2 -2
- package/{es/pie/Pie.d.ts → lib/report/components/Line.vue.d.ts} +2 -2
- package/{es/table/Table.d.ts → lib/report/components/Pie.vue.d.ts} +2 -2
- package/{es/time/Time.d.ts → lib/report/components/RangeTime.vue.d.ts} +3 -3
- package/lib/report/components/Report.vue.d.ts +18 -0
- package/{es/line/Line.d.ts → lib/report/components/ReportChart.vue.d.ts} +2 -2
- package/lib/report/components/ReportDescribe.vue.d.ts +5 -0
- package/{es/select/Select.d.ts → lib/report/components/ReportSelect.vue.d.ts} +3 -3
- package/lib/report/components/ReportTable.vue.d.ts +5 -0
- package/lib/report/components/ReportText.vue.d.ts +5 -0
- package/lib/report/components/SettingTable.vue.d.ts +2 -0
- package/lib/report/components/editor/components/Setting.vue.d.ts +2 -0
- package/lib/report/components/editor/index.vue.d.ts +24 -0
- package/{es/settingFilter/settingFilter.d.ts → lib/report/components/preview/Catalogue.vue.d.ts} +5 -3
- package/lib/report/components/preview/index.vue.d.ts +24 -0
- package/lib/report/index.d.ts +5 -8
- package/lib/report/index.vue.d.ts +2 -0
- package/lib/stores/interface/index.d.ts +1 -0
- package/lib/stores/modules/report.d.ts +10 -9
- package/lib/style.css +1 -0
- package/lib/tds-report-ui.es.js +26431 -0
- package/lib/tds-report-ui.umd.js +205 -0
- package/lib/utils/api.d.ts +6 -0
- package/lib/utils/chartsOption.d.ts +45 -12
- package/lib/utils/index.d.ts +1 -41
- package/lib/withInstall.d.ts +4 -0
- package/package.json +69 -88
- package/README.zh-CN.md +0 -0
- package/dist/index.iife.js +0 -2
- package/dist/index.js +0 -2041
- package/dist/index.umd.cjs +0 -2
- package/dist/style.css +0 -1
- package/es/_virtual/_plugin-vue_export-helper.js +0 -9
- package/es/bar/Bar.vue.js +0 -20
- package/es/bar/Bar.vue2.js +0 -4
- package/es/bar/index.d.ts +0 -15
- package/es/bar/index.js +0 -6
- package/es/components.d.ts +0 -15
- package/es/components.js +0 -30
- package/es/config/Config.css +0 -1
- package/es/config/Config.vue.js +0 -7
- package/es/config/Config.vue2.js +0 -207
- package/es/config/index.d.ts +0 -14
- package/es/config/index.js +0 -6
- package/es/index.d.ts +0 -10
- package/es/index.js +0 -60
- package/es/line/Line.vue.js +0 -20
- package/es/line/Line.vue2.js +0 -4
- package/es/line/index.d.ts +0 -15
- package/es/line/index.js +0 -6
- package/es/node_modules/.pnpm/@wangeditor_editor@5.1.23/node_modules/@wangeditor/editor/dist/css/style.css +0 -1
- package/es/pie/Pie.vue.js +0 -20
- package/es/pie/Pie.vue2.js +0 -4
- package/es/pie/index.d.ts +0 -15
- package/es/pie/index.js +0 -6
- package/es/report/Report.d.ts +0 -7
- package/es/report/Report.vue.js +0 -112
- package/es/report/Report.vue2.js +0 -4
- package/es/report/index.d.ts +0 -17
- package/es/report/index.js +0 -6
- package/es/select/Select.vue.js +0 -39
- package/es/select/Select.vue2.js +0 -4
- package/es/select/index.d.ts +0 -25
- package/es/select/index.js +0 -6
- package/es/settingCharts/SettingCharts.d.ts +0 -5
- package/es/settingCharts/SettingCharts.vue.js +0 -142
- package/es/settingCharts/SettingCharts.vue2.js +0 -4
- package/es/settingCharts/index.d.ts +0 -14
- package/es/settingCharts/index.js +0 -6
- package/es/settingFilter/index.d.ts +0 -15
- package/es/settingFilter/index.js +0 -6
- package/es/settingFilter/settingFilter.vue.js +0 -62
- package/es/settingFilter/settingFilter.vue2.js +0 -4
- package/es/settingTable/SettingTable.vue.js +0 -59
- package/es/settingTable/SettingTable.vue2.js +0 -4
- package/es/settingTable/index.d.ts +0 -14
- package/es/settingTable/index.js +0 -6
- package/es/settingText/index.d.ts +0 -15
- package/es/settingText/index.js +0 -6
- package/es/settingText/settingText.d.ts +0 -5
- package/es/settingText/settingText.vue.js +0 -112
- package/es/settingText/settingText.vue2.js +0 -4
- package/es/settingTitle/index.d.ts +0 -14
- package/es/settingTitle/index.js +0 -6
- package/es/settingTitle/settingTitle.css +0 -1
- package/es/settingTitle/settingTitle.vue.js +0 -7
- package/es/settingTitle/settingTitle.vue2.js +0 -137
- package/es/stores/interface/index.d.ts +0 -18
- package/es/stores/modules/report.d.ts +0 -35
- package/es/stores/modules/report.js +0 -45
- package/es/style/global.css +0 -1
- package/es/table/Table.vue.js +0 -26
- package/es/table/Table.vue2.js +0 -4
- package/es/table/index.d.ts +0 -15
- package/es/table/index.js +0 -6
- package/es/text/Text.d.ts +0 -5
- package/es/text/Text.vue.js +0 -27
- package/es/text/Text.vue2.js +0 -4
- package/es/text/index.d.ts +0 -15
- package/es/text/index.js +0 -6
- package/es/time/Time.vue.js +0 -35
- package/es/time/Time.vue2.js +0 -4
- package/es/time/index.d.ts +0 -25
- package/es/time/index.js +0 -6
- package/es/utils/api.d.ts +0 -12
- package/es/utils/api.js +0 -32
- package/es/utils/chartsOption.d.ts +0 -298
- package/es/utils/chartsOption.js +0 -501
- package/es/utils/data.d.ts +0 -4
- package/es/utils/data.js +0 -162
- package/es/utils/index.d.ts +0 -43
- package/es/utils/index.js +0 -309
- package/es/utils/resolver.d.ts +0 -11
- package/es/utils/resolver.js +0 -49
- package/es/utils/type.d.ts +0 -2
- package/es/utils/type.js +0 -9
- package/lib/_virtual/_plugin-vue_export-helper.cjs +0 -1
- package/lib/bar/Bar.d.ts +0 -5
- package/lib/bar/Bar.vue.cjs +0 -1
- package/lib/bar/Bar.vue2.cjs +0 -1
- package/lib/bar/index.cjs +0 -1
- package/lib/bar/index.d.ts +0 -15
- package/lib/components.cjs +0 -1
- package/lib/components.d.ts +0 -15
- package/lib/config/Config.css +0 -1
- package/lib/config/Config.vue.cjs +0 -1
- package/lib/config/Config.vue2.cjs +0 -1
- package/lib/config/index.cjs +0 -1
- package/lib/config/index.d.ts +0 -14
- package/lib/index.cjs +0 -1
- package/lib/line/Line.d.ts +0 -5
- package/lib/line/Line.vue.cjs +0 -1
- package/lib/line/Line.vue2.cjs +0 -1
- package/lib/line/index.cjs +0 -1
- package/lib/line/index.d.ts +0 -15
- package/lib/node_modules/.pnpm/@wangeditor_editor@5.1.23/node_modules/@wangeditor/editor/dist/css/style.css +0 -1
- package/lib/pie/Pie.d.ts +0 -5
- package/lib/pie/Pie.vue.cjs +0 -1
- package/lib/pie/Pie.vue2.cjs +0 -1
- package/lib/pie/index.cjs +0 -1
- package/lib/pie/index.d.ts +0 -15
- package/lib/report/Report.d.ts +0 -7
- package/lib/report/Report.vue.cjs +0 -1
- package/lib/report/Report.vue2.cjs +0 -1
- package/lib/report/index.cjs +0 -1
- package/lib/select/Select.d.ts +0 -9
- package/lib/select/Select.vue.cjs +0 -1
- package/lib/select/Select.vue2.cjs +0 -1
- package/lib/select/index.cjs +0 -1
- package/lib/select/index.d.ts +0 -25
- package/lib/settingCharts/SettingCharts.d.ts +0 -5
- package/lib/settingCharts/SettingCharts.vue.cjs +0 -1
- package/lib/settingCharts/SettingCharts.vue2.cjs +0 -1
- package/lib/settingCharts/index.cjs +0 -1
- package/lib/settingCharts/index.d.ts +0 -14
- package/lib/settingFilter/index.cjs +0 -1
- package/lib/settingFilter/index.d.ts +0 -15
- package/lib/settingFilter/settingFilter.d.ts +0 -5
- package/lib/settingFilter/settingFilter.vue.cjs +0 -1
- package/lib/settingFilter/settingFilter.vue2.cjs +0 -1
- package/lib/settingTable/SettingTable.vue.cjs +0 -1
- package/lib/settingTable/SettingTable.vue2.cjs +0 -1
- package/lib/settingTable/index.cjs +0 -1
- package/lib/settingTable/index.d.ts +0 -14
- package/lib/settingText/index.cjs +0 -1
- package/lib/settingText/index.d.ts +0 -15
- package/lib/settingText/settingText.d.ts +0 -5
- package/lib/settingText/settingText.vue.cjs +0 -1
- package/lib/settingText/settingText.vue2.cjs +0 -1
- package/lib/settingTitle/index.cjs +0 -1
- package/lib/settingTitle/index.d.ts +0 -14
- package/lib/settingTitle/settingTitle.css +0 -1
- package/lib/settingTitle/settingTitle.vue.cjs +0 -1
- package/lib/settingTitle/settingTitle.vue2.cjs +0 -1
- package/lib/stores/modules/report.cjs +0 -1
- package/lib/style/global.css +0 -1
- package/lib/table/Table.d.ts +0 -5
- package/lib/table/Table.vue.cjs +0 -1
- package/lib/table/Table.vue2.cjs +0 -1
- package/lib/table/index.cjs +0 -1
- package/lib/table/index.d.ts +0 -15
- package/lib/text/Text.d.ts +0 -5
- package/lib/text/Text.vue.cjs +0 -1
- package/lib/text/Text.vue2.cjs +0 -1
- package/lib/text/index.cjs +0 -1
- package/lib/text/index.d.ts +0 -15
- package/lib/time/Time.d.ts +0 -9
- package/lib/time/Time.vue.cjs +0 -1
- package/lib/time/Time.vue2.cjs +0 -1
- package/lib/time/index.cjs +0 -1
- package/lib/time/index.d.ts +0 -25
- package/lib/utils/api.cjs +0 -1
- package/lib/utils/chartsOption.cjs +0 -2
- package/lib/utils/data.cjs +0 -1
- package/lib/utils/index.cjs +0 -1
- package/lib/utils/resolver.cjs +0 -1
- package/lib/utils/resolver.d.ts +0 -11
- package/lib/utils/type.cjs +0 -1
- package/lib/utils/type.d.ts +0 -2
- /package/{es/config/Config.d.ts → lib/report/components/ChartsUniConfig.vue.d.ts} +0 -0
- /package/{es/settingTable/SettingTable.d.ts → lib/report/components/SettingCharts.vue.d.ts} +0 -0
- /package/lib/{settingTable/SettingTable.d.ts → report/components/SettingDescribe.vue.d.ts} +0 -0
- /package/{es/settingTitle/settingTitle.d.ts → lib/report/components/SettingFilter.vue.d.ts} +0 -0
- /package/lib/{config/Config.d.ts → report/components/SettingText.vue.d.ts} +0 -0
- /package/lib/{settingTitle/settingTitle.d.ts → report/components/SettingTitle.vue.d.ts} +0 -0
package/LICENSE
ADDED
|
@@ -0,0 +1,21 @@
|
|
|
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
|
@@ -0,0 +1,218 @@
|
|
|
1
|
+
# T-ui-Plus
|
|
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
|
+
|
|
11
|
+
## 介绍
|
|
12
|
+
|
|
13
|
+
> 基于 vue3+ ts+ Element-plus 二次封装组件
|
|
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">
|
|
35
|
+
|
|
36
|
+
### 安装
|
|
37
|
+
|
|
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
|
+
|
|
41
|
+
```sh [pnpm]
|
|
42
|
+
pnpm install @wocwin/t-ui-plus -S
|
|
43
|
+
```
|
|
44
|
+
|
|
45
|
+
```sh [yarn]
|
|
46
|
+
yarn add @wocwin/t-ui-plus
|
|
47
|
+
```
|
|
48
|
+
|
|
49
|
+
```sh [npm]
|
|
50
|
+
npm install @wocwin/t-ui-plus -S
|
|
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`: 回滚操作;
|
package/lib/index.d.ts
CHANGED
|
@@ -1,10 +1,7 @@
|
|
|
1
1
|
import { App } from 'vue';
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
export type { VueAmazingUIResolverOptions } from './utils/resolver';
|
|
6
|
-
export declare const install: (app: App) => App<any>;
|
|
7
|
-
declare const _default: {
|
|
8
|
-
install: (app: App) => App<any>;
|
|
2
|
+
import { default as TCReport } from './report';
|
|
3
|
+
declare const TReportUI: {
|
|
4
|
+
install(app: App): void;
|
|
9
5
|
};
|
|
10
|
-
export
|
|
6
|
+
export { TCReport };
|
|
7
|
+
export default TReportUI;
|
|
@@ -1,5 +1,5 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
1
|
+
type Props = {
|
|
2
|
+
value: any;
|
|
3
3
|
};
|
|
4
4
|
declare const _default: import('vue').DefineComponent<Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<Props> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>;
|
|
5
5
|
export default _default;
|
|
@@ -1,5 +1,5 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
1
|
+
type Props = {
|
|
2
|
+
value: any;
|
|
3
3
|
};
|
|
4
4
|
declare const _default: import('vue').DefineComponent<Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<Props> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>;
|
|
5
5
|
export default _default;
|
|
@@ -1,5 +1,5 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
1
|
+
type Props = {
|
|
2
|
+
value: any;
|
|
3
3
|
};
|
|
4
4
|
declare const _default: import('vue').DefineComponent<Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<Props> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>;
|
|
5
5
|
export default _default;
|
|
@@ -1,9 +1,9 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
1
|
+
type Props = {
|
|
2
|
+
value: any;
|
|
3
3
|
};
|
|
4
4
|
declare const _default: import('vue').DefineComponent<Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
|
|
5
5
|
change: (...args: any[]) => void;
|
|
6
6
|
}, string, import('vue').PublicProps, Readonly<Props> & Readonly<{
|
|
7
|
-
onChange?: (
|
|
7
|
+
onChange?: (...args: any[]) => any;
|
|
8
8
|
}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>;
|
|
9
9
|
export default _default;
|
|
@@ -0,0 +1,18 @@
|
|
|
1
|
+
export interface TableData {
|
|
2
|
+
name: string;
|
|
3
|
+
report_data: string;
|
|
4
|
+
remark: string;
|
|
5
|
+
id?: number;
|
|
6
|
+
report_uuid: string;
|
|
7
|
+
}
|
|
8
|
+
export type ReportProps = {
|
|
9
|
+
prodType: string | number;
|
|
10
|
+
};
|
|
11
|
+
declare const _default: import('vue').DefineComponent<ReportProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
|
|
12
|
+
click: (...args: any[]) => void;
|
|
13
|
+
}, string, import('vue').PublicProps, Readonly<ReportProps> & Readonly<{
|
|
14
|
+
onClick?: (...args: any[]) => any;
|
|
15
|
+
}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
|
|
16
|
+
proTable: unknown;
|
|
17
|
+
}, HTMLDivElement>;
|
|
18
|
+
export default _default;
|
|
@@ -1,5 +1,5 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
1
|
+
type Props = {
|
|
2
|
+
value: any;
|
|
3
3
|
};
|
|
4
4
|
declare const _default: import('vue').DefineComponent<Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<Props> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>;
|
|
5
5
|
export default _default;
|
|
@@ -0,0 +1,5 @@
|
|
|
1
|
+
type Props = {
|
|
2
|
+
value: any;
|
|
3
|
+
};
|
|
4
|
+
declare const _default: import('vue').DefineComponent<Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<Props> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>;
|
|
5
|
+
export default _default;
|
|
@@ -1,9 +1,9 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
1
|
+
type Props = {
|
|
2
|
+
value: any;
|
|
3
3
|
};
|
|
4
4
|
declare const _default: import('vue').DefineComponent<Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
|
|
5
5
|
change: (...args: any[]) => void;
|
|
6
6
|
}, string, import('vue').PublicProps, Readonly<Props> & Readonly<{
|
|
7
|
-
onChange?: (
|
|
7
|
+
onChange?: (...args: any[]) => any;
|
|
8
8
|
}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
|
|
9
9
|
export default _default;
|
|
@@ -0,0 +1,5 @@
|
|
|
1
|
+
type Props = {
|
|
2
|
+
value: any;
|
|
3
|
+
};
|
|
4
|
+
declare const _default: import('vue').DefineComponent<Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<Props> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>;
|
|
5
|
+
export default _default;
|
|
@@ -0,0 +1,5 @@
|
|
|
1
|
+
type Props = {
|
|
2
|
+
value: any;
|
|
3
|
+
};
|
|
4
|
+
declare const _default: import('vue').DefineComponent<Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<Props> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>;
|
|
5
|
+
export default _default;
|
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
declare const _default: import('vue').DefineComponent<{}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, HTMLDivElement>;
|
|
2
|
+
export default _default;
|
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
declare const _default: import('vue').DefineComponent<{}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
|
|
2
|
+
export default _default;
|
|
@@ -0,0 +1,24 @@
|
|
|
1
|
+
declare const _default: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
|
|
2
|
+
reportId: {
|
|
3
|
+
type: StringConstructor;
|
|
4
|
+
default: string;
|
|
5
|
+
};
|
|
6
|
+
modelValue: {
|
|
7
|
+
type: import('vue').PropType<any>;
|
|
8
|
+
};
|
|
9
|
+
}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
|
|
10
|
+
"update:modelValue": (value: any) => any;
|
|
11
|
+
}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
|
|
12
|
+
reportId: {
|
|
13
|
+
type: StringConstructor;
|
|
14
|
+
default: string;
|
|
15
|
+
};
|
|
16
|
+
modelValue: {
|
|
17
|
+
type: import('vue').PropType<any>;
|
|
18
|
+
};
|
|
19
|
+
}>> & Readonly<{
|
|
20
|
+
"onUpdate:modelValue"?: (value: any) => any;
|
|
21
|
+
}>, {
|
|
22
|
+
reportId: string;
|
|
23
|
+
}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, HTMLDivElement>;
|
|
24
|
+
export default _default;
|
package/{es/settingFilter/settingFilter.d.ts → lib/report/components/preview/Catalogue.vue.d.ts}
RENAMED
|
@@ -1,5 +1,7 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
1
|
+
type Props = {
|
|
2
|
+
data: any[];
|
|
3
3
|
};
|
|
4
|
-
declare const _default: import('vue').DefineComponent<Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<Props> & Readonly<{}>, {
|
|
4
|
+
declare const _default: import('vue').DefineComponent<Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<Props> & Readonly<{}>, {
|
|
5
|
+
data: any[];
|
|
6
|
+
}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>;
|
|
5
7
|
export default _default;
|
|
@@ -0,0 +1,24 @@
|
|
|
1
|
+
declare const _default: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
|
|
2
|
+
reportId: {
|
|
3
|
+
type: StringConstructor;
|
|
4
|
+
default: string;
|
|
5
|
+
};
|
|
6
|
+
modelValue: {
|
|
7
|
+
type: import('vue').PropType<any>;
|
|
8
|
+
};
|
|
9
|
+
}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
|
|
10
|
+
"update:modelValue": (value: any) => any;
|
|
11
|
+
}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
|
|
12
|
+
reportId: {
|
|
13
|
+
type: StringConstructor;
|
|
14
|
+
default: string;
|
|
15
|
+
};
|
|
16
|
+
modelValue: {
|
|
17
|
+
type: import('vue').PropType<any>;
|
|
18
|
+
};
|
|
19
|
+
}>> & Readonly<{
|
|
20
|
+
"onUpdate:modelValue"?: (value: any) => any;
|
|
21
|
+
}>, {
|
|
22
|
+
reportId: string;
|
|
23
|
+
}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
|
|
24
|
+
export default _default;
|
package/lib/report/index.d.ts
CHANGED
|
@@ -1,17 +1,14 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
new (...args: any[]): import('vue').CreateComponentPublicInstanceWithMixins<Readonly<import('./Report').Props> & Readonly<{}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, import('vue').PublicProps, {}, false, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {
|
|
4
|
-
proTable: unknown;
|
|
5
|
-
}, HTMLDivElement, import('vue').ComponentProvideOptions, {
|
|
1
|
+
declare const TCReport: ({
|
|
2
|
+
new (...args: any[]): import('vue').CreateComponentPublicInstanceWithMixins<Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, import('vue').PublicProps, {}, true, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {}, HTMLDivElement, import('vue').ComponentProvideOptions, {
|
|
6
3
|
P: {};
|
|
7
4
|
B: {};
|
|
8
5
|
D: {};
|
|
9
6
|
C: {};
|
|
10
7
|
M: {};
|
|
11
8
|
Defaults: {};
|
|
12
|
-
}, Readonly<
|
|
9
|
+
}, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, {}>;
|
|
13
10
|
__isFragment?: never;
|
|
14
11
|
__isTeleport?: never;
|
|
15
12
|
__isSuspense?: never;
|
|
16
|
-
} & import('vue').ComponentOptionsBase<Readonly<
|
|
17
|
-
export default
|
|
13
|
+
} & import('vue').ComponentOptionsBase<Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, {}, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & import('vue').Plugin) & Record<string, any>;
|
|
14
|
+
export default TCReport;
|
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
declare const _default: import('vue').DefineComponent<{}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, HTMLDivElement>;
|
|
2
|
+
export default _default;
|
|
@@ -1,30 +1,31 @@
|
|
|
1
1
|
import { ReportState, ContentType } from '../interface';
|
|
2
|
-
export declare const useReportStore: import('pinia').StoreDefinition<"tds-report", ReportState, {
|
|
2
|
+
export declare const useReportStore: import('pinia').StoreDefinition<"tds-cl-report", ReportState, {
|
|
3
3
|
getActiveComponents: (state: {
|
|
4
4
|
componentList: {
|
|
5
5
|
type: string;
|
|
6
6
|
id: string;
|
|
7
|
-
name?: string
|
|
8
|
-
hide?: boolean
|
|
9
|
-
active?: boolean
|
|
7
|
+
name?: string;
|
|
8
|
+
hide?: boolean;
|
|
9
|
+
active?: boolean;
|
|
10
10
|
showColumn?: any;
|
|
11
11
|
data: any;
|
|
12
12
|
options?: any;
|
|
13
|
-
rp_item_uuid?: string
|
|
13
|
+
rp_item_uuid?: string;
|
|
14
14
|
}[];
|
|
15
15
|
activeComponents: any;
|
|
16
16
|
notDraggableList: {
|
|
17
17
|
type: string;
|
|
18
18
|
id: string;
|
|
19
|
-
name?: string
|
|
20
|
-
hide?: boolean
|
|
21
|
-
active?: boolean
|
|
19
|
+
name?: string;
|
|
20
|
+
hide?: boolean;
|
|
21
|
+
active?: boolean;
|
|
22
22
|
showColumn?: any;
|
|
23
23
|
data: any;
|
|
24
24
|
options?: any;
|
|
25
|
-
rp_item_uuid?: string
|
|
25
|
+
rp_item_uuid?: string;
|
|
26
26
|
}[];
|
|
27
27
|
filterForm?: any;
|
|
28
|
+
prodType: string | number;
|
|
28
29
|
titleComponent: any;
|
|
29
30
|
} & import('pinia').PiniaCustomStateProperties<ReportState>) => any;
|
|
30
31
|
}, {
|
package/lib/style.css
ADDED
|
@@ -0,0 +1 @@
|
|
|
1
|
+
@charset "UTF-8";.catalogue[data-v-b37036a9]{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-b37036a9]{font-size:14px;font-weight:700}.catalogue a[data-v-b37036a9]{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-b37036a9]:hover{color:var(--tds-check-color-primary)}.catalogue .levelh1[data-v-b37036a9]{font-weight:700}.catalogue .levelh2[data-v-b37036a9]{padding-left:10px}.catalogue .levelh3[data-v-b37036a9]{padding-left:20px}.catalogue .levelh4[data-v-b37036a9]{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)}:root,:host{--w-e-textarea-bg-color: #fff;--w-e-textarea-color: #333;--w-e-textarea-border-color: #ccc;--w-e-textarea-slight-border-color: #e8e8e8;--w-e-textarea-slight-color: #d4d4d4;--w-e-textarea-slight-bg-color: #f5f2f0;--w-e-textarea-selected-border-color: #B4D5FF;--w-e-textarea-handler-bg-color: #4290f7;--w-e-toolbar-color: #595959;--w-e-toolbar-bg-color: #fff;--w-e-toolbar-active-color: #333;--w-e-toolbar-active-bg-color: #f1f1f1;--w-e-toolbar-disabled-color: #999;--w-e-toolbar-border-color: #e8e8e8;--w-e-modal-button-bg-color: #fafafa;--w-e-modal-button-border-color: #d9d9d9}.w-e-text-container *,.w-e-toolbar *{box-sizing:border-box;margin:0;outline:none;padding:0}.w-e-text-container blockquote,.w-e-text-container li,.w-e-text-container p,.w-e-text-container td,.w-e-text-container th,.w-e-toolbar *{line-height:1.5}.w-e-text-container{background-color:var(--w-e-textarea-bg-color);color:var(--w-e-textarea-color);height:100%;position:relative}.w-e-text-container .w-e-scroll{-webkit-overflow-scrolling:touch;height:100%}.w-e-text-container [data-slate-editor]{word-wrap:break-word;border-top:1px solid transparent;min-height:100%;outline:0;padding:0 10px;white-space:pre-wrap}.w-e-text-container [data-slate-editor] p{margin:15px 0}.w-e-text-container [data-slate-editor] h1,.w-e-text-container [data-slate-editor] h2,.w-e-text-container [data-slate-editor] h3,.w-e-text-container [data-slate-editor] h4,.w-e-text-container [data-slate-editor] h5{margin:20px 0}.w-e-text-container [data-slate-editor] img{cursor:default;display:inline!important;max-width:100%;min-height:20px;min-width:20px}.w-e-text-container [data-slate-editor] span{text-indent:0}.w-e-text-container [data-slate-editor] [data-selected=true]{box-shadow:0 0 0 2px var(--w-e-textarea-selected-border-color)}.w-e-text-placeholder{font-style:italic;left:10px;top:17px;width:90%}.w-e-max-length-info,.w-e-text-placeholder{color:var(--w-e-textarea-slight-color);pointer-events:none;position:absolute;-webkit-user-select:none;-moz-user-select:none;user-select:none}.w-e-max-length-info{bottom:.5em;right:1em}.w-e-bar{background-color:var(--w-e-toolbar-bg-color);color:var(--w-e-toolbar-color);font-size:14px;padding:0 5px}.w-e-bar svg{fill:var(--w-e-toolbar-color);height:14px;width:14px}.w-e-bar-show{display:flex}.w-e-bar-hidden{display:none}.w-e-hover-bar{border:1px solid var(--w-e-toolbar-border-color);border-radius:3px;box-shadow:0 2px 5px #0000001f;position:absolute}.w-e-toolbar{flex-wrap:wrap;position:relative}.w-e-bar-divider{background-color:var(--w-e-toolbar-border-color);display:inline-flex;height:40px;margin:0 5px;width:1px}.w-e-bar-item{display:flex;height:40px;padding:4px;position:relative;text-align:center}.w-e-bar-item,.w-e-bar-item button{align-items:center;justify-content:center}.w-e-bar-item button{background:transparent;border:none;color:var(--w-e-toolbar-color);cursor:pointer;display:inline-flex;height:32px;overflow:hidden;padding:0 8px;white-space:nowrap}.w-e-bar-item button:hover{background-color:var(--w-e-toolbar-active-bg-color);color:var(--w-e-toolbar-active-color)}.w-e-bar-item button .title{margin-left:5px}.w-e-bar-item .active{background-color:var(--w-e-toolbar-active-bg-color);color:var(--w-e-toolbar-active-color)}.w-e-bar-item .disabled{color:var(--w-e-toolbar-disabled-color);cursor:not-allowed}.w-e-bar-item .disabled svg{fill:var(--w-e-toolbar-disabled-color)}.w-e-bar-item .disabled:hover{background-color:var(--w-e-toolbar-bg-color);color:var(--w-e-toolbar-disabled-color)}.w-e-bar-item .disabled:hover svg{fill:var(--w-e-toolbar-disabled-color)}.w-e-menu-tooltip-v5:before{background-color:var(--w-e-toolbar-active-color);border-radius:5px;color:var(--w-e-toolbar-bg-color);content:attr(data-tooltip);font-size:.75em;opacity:0;padding:5px 10px;position:absolute;text-align:center;top:40px;transition:opacity .6s;visibility:hidden;white-space:pre;z-index:1}.w-e-menu-tooltip-v5:after{border:5px solid transparent;border-bottom:5px solid var(--w-e-toolbar-active-color);content:"";opacity:0;position:absolute;top:30px;transition:opacity .6s;visibility:hidden}.w-e-menu-tooltip-v5:hover:after,.w-e-menu-tooltip-v5:hover:before{opacity:1;visibility:visible}.w-e-menu-tooltip-v5.tooltip-right:before{left:100%;top:10px}.w-e-menu-tooltip-v5.tooltip-right:after{border-bottom-color:transparent;border-left-color:transparent;border-right-color:var(--w-e-toolbar-active-color);border-top-color:transparent;left:100%;margin-left:-10px;top:16px}.w-e-bar-item-group .w-e-bar-item-menus-container{background-color:var(--w-e-toolbar-bg-color);border:1px solid var(--w-e-toolbar-border-color);border-radius:3px;box-shadow:0 2px 10px #0000001f;display:none;left:0;margin-top:40px;position:absolute;top:0;z-index:1}.w-e-bar-item-group:hover .w-e-bar-item-menus-container{display:block}.w-e-select-list{background-color:var(--w-e-toolbar-bg-color);border:1px solid var(--w-e-toolbar-border-color);border-radius:3px;box-shadow:0 2px 10px #0000001f;left:0;margin-top:40px;max-height:350px;min-width:100px;overflow-y:auto;position:absolute;top:0;z-index:1}.w-e-select-list ul{line-height:1;list-style:none}.w-e-select-list ul .selected{background-color:var(--w-e-toolbar-active-bg-color)}.w-e-select-list ul li{cursor:pointer;padding:7px 0 7px 25px;position:relative;text-align:left;white-space:nowrap}.w-e-select-list ul li:hover{background-color:var(--w-e-toolbar-active-bg-color)}.w-e-select-list ul li svg{left:0;margin-left:5px;margin-top:-7px;position:absolute;top:50%}.w-e-bar-bottom .w-e-select-list{bottom:0;margin-bottom:40px;margin-top:0;top:inherit}.w-e-drop-panel{background-color:var(--w-e-toolbar-bg-color);border:1px solid var(--w-e-toolbar-border-color);border-radius:3px;box-shadow:0 2px 10px #0000001f;margin-top:40px;min-width:200px;padding:10px;position:absolute;top:0;z-index:1}.w-e-bar-bottom .w-e-drop-panel{bottom:0;margin-bottom:40px;margin-top:0;top:inherit}.w-e-modal{background-color:var(--w-e-toolbar-bg-color);border:1px solid var(--w-e-toolbar-border-color);border-radius:3px;box-shadow:0 2px 10px #0000001f;color:var(--w-e-toolbar-color);font-size:14px;min-height:40px;min-width:100px;padding:20px 15px 0;position:absolute;text-align:left;z-index:1}.w-e-modal .btn-close{cursor:pointer;line-height:1;padding:5px;position:absolute;right:8px;top:7px}.w-e-modal .btn-close svg{fill:var(--w-e-toolbar-color);height:10px;width:10px}.w-e-modal .babel-container{display:block;margin-bottom:15px}.w-e-modal .babel-container span{display:block;margin-bottom:10px}.w-e-modal .button-container{margin-bottom:15px}.w-e-modal button{background-color:var(--w-e-modal-button-bg-color);border:1px solid var(--w-e-modal-button-border-color);border-radius:4px;color:var(--w-e-toolbar-color);cursor:pointer;font-weight:400;height:32px;padding:4.5px 15px;text-align:center;touch-action:manipulation;transition:all .3s cubic-bezier(.645,.045,.355,1);-webkit-user-select:none;-moz-user-select:none;user-select:none;white-space:nowrap}.w-e-modal input[type=number],.w-e-modal input[type=text],.w-e-modal textarea{font-feature-settings:"tnum";background-color:var(--w-e-toolbar-bg-color);border:1px solid var(--w-e-modal-button-border-color);border-radius:4px;color:var(--w-e-toolbar-color);font-variant:tabular-nums;padding:4.5px 11px;transition:all .3s;width:100%}.w-e-modal textarea{min-height:60px}body .w-e-modal,body .w-e-modal *{box-sizing:border-box}.w-e-progress-bar{background-color:var(--w-e-textarea-handler-bg-color);height:1px;position:absolute;transition:width .3s;width:0}.w-e-full-screen-container{bottom:0!important;display:flex!important;flex-direction:column!important;height:100%!important;left:0!important;margin:0!important;padding:0!important;position:fixed;right:0!important;top:0!important;width:100%!important}.w-e-full-screen-container [data-w-e-textarea=true]{flex:1!important}.w-e-text-container [data-slate-editor] code{background-color:var(--w-e-textarea-slight-bg-color);border-radius:3px;font-family:monospace;padding:3px}.w-e-panel-content-color{list-style:none;text-align:left;width:230px}.w-e-panel-content-color li{border:1px solid var(--w-e-toolbar-bg-color);border-radius:3px;cursor:pointer;display:inline-block;padding:2px}.w-e-panel-content-color li:hover{border-color:var(--w-e-toolbar-color)}.w-e-panel-content-color li .color-block{border:1px solid var(--w-e-toolbar-border-color);border-radius:3px;height:17px;width:17px}.w-e-panel-content-color .active{border-color:var(--w-e-toolbar-color)}.w-e-panel-content-color .clear{line-height:1.5;margin-bottom:5px;width:100%}.w-e-panel-content-color .clear svg{height:16px;margin-bottom:-4px;width:16px}.w-e-text-container [data-slate-editor] blockquote{background-color:var(--w-e-textarea-slight-bg-color);border-left:8px solid var(--w-e-textarea-selected-border-color);display:block;font-size:100%;line-height:1.5;margin:10px 0;padding:10px}.w-e-panel-content-emotion{font-size:20px;list-style:none;text-align:left;width:300px}.w-e-panel-content-emotion li{border-radius:3px;cursor:pointer;display:inline-block;padding:0 5px}.w-e-panel-content-emotion li:hover{background-color:var(--w-e-textarea-slight-bg-color)}.w-e-textarea-divider{border-radius:3px;margin:20px auto;padding:20px}.w-e-textarea-divider hr{background-color:var(--w-e-textarea-border-color);border:0;display:block;height:1px}.w-e-text-container [data-slate-editor] pre>code{background-color:var(--w-e-textarea-slight-bg-color);border:1px solid var(--w-e-textarea-slight-border-color);border-radius:4px;display:block;font-size:14px;padding:10px;text-indent:0}.w-e-text-container [data-slate-editor] .w-e-image-container{display:inline-block;margin:0 3px}.w-e-text-container [data-slate-editor] .w-e-image-container:hover{box-shadow:0 0 0 2px var(--w-e-textarea-selected-border-color)}.w-e-text-container [data-slate-editor] .w-e-selected-image-container{overflow:hidden;position:relative}.w-e-text-container [data-slate-editor] .w-e-selected-image-container .w-e-image-dragger{background-color:var(--w-e-textarea-handler-bg-color);height:7px;position:absolute;width:7px}.w-e-text-container [data-slate-editor] .w-e-selected-image-container .left-top{cursor:nwse-resize;left:0;top:0}.w-e-text-container [data-slate-editor] .w-e-selected-image-container .right-top{cursor:nesw-resize;right:0;top:0}.w-e-text-container [data-slate-editor] .w-e-selected-image-container .left-bottom{bottom:0;cursor:nesw-resize;left:0}.w-e-text-container [data-slate-editor] .w-e-selected-image-container .right-bottom{bottom:0;cursor:nwse-resize;right:0}.w-e-text-container [data-slate-editor] .w-e-selected-image-container:hover,.w-e-text-container [contenteditable=false] .w-e-image-container:hover{box-shadow:none}.w-e-text-container [data-slate-editor] .table-container{border:1px dashed var(--w-e-textarea-border-color);border-radius:5px;margin-top:10px;overflow-x:auto;padding:10px;width:100%}.w-e-text-container [data-slate-editor] table{border-collapse:collapse}.w-e-text-container [data-slate-editor] table td,.w-e-text-container [data-slate-editor] table th{border:1px solid var(--w-e-textarea-border-color);line-height:1.5;min-width:30px;padding:3px 5px;text-align:left}.w-e-text-container [data-slate-editor] table th{background-color:var(--w-e-textarea-slight-bg-color);font-weight:700;text-align:center}.w-e-panel-content-table{background-color:var(--w-e-toolbar-bg-color)}.w-e-panel-content-table table{border-collapse:collapse}.w-e-panel-content-table td{border:1px solid var(--w-e-toolbar-border-color);cursor:pointer;height:15px;padding:3px 5px;width:20px}.w-e-panel-content-table td.active{background-color:var(--w-e-toolbar-active-bg-color)}.w-e-textarea-video-container{background-image:linear-gradient(45deg,#eee 25%,transparent 0,transparent 75%,#eee 0,#eee),linear-gradient(45deg,#eee 25%,#fff 0,#fff 75%,#eee 0,#eee);background-position:0 0,10px 10px;background-size:20px 20px;border:1px dashed var(--w-e-textarea-border-color);border-radius:5px;margin:10px auto 0;padding:10px 0;text-align:center}.w-e-text-container [data-slate-editor] pre>code{word-wrap:normal;font-family:Consolas,Monaco,Andale Mono,Ubuntu Mono,monospace;-webkit-hyphens:none;hyphens:none;line-height:1.5;margin:.5em 0;overflow:auto;padding:1em;-moz-tab-size:4;-o-tab-size:4;tab-size:4;text-align:left;text-shadow:0 1px #fff;white-space:pre;word-break:normal;word-spacing:normal}.w-e-text-container [data-slate-editor] pre>code .token.cdata,.w-e-text-container [data-slate-editor] pre>code .token.comment,.w-e-text-container [data-slate-editor] pre>code .token.doctype,.w-e-text-container [data-slate-editor] pre>code .token.prolog{color:#708090}.w-e-text-container [data-slate-editor] pre>code .token.punctuation{color:#999}.w-e-text-container [data-slate-editor] pre>code .token.namespace{opacity:.7}.w-e-text-container [data-slate-editor] pre>code .token.boolean,.w-e-text-container [data-slate-editor] pre>code .token.constant,.w-e-text-container [data-slate-editor] pre>code .token.deleted,.w-e-text-container [data-slate-editor] pre>code .token.number,.w-e-text-container [data-slate-editor] pre>code .token.property,.w-e-text-container [data-slate-editor] pre>code .token.symbol,.w-e-text-container [data-slate-editor] pre>code .token.tag{color:#905}.w-e-text-container [data-slate-editor] pre>code .token.attr-name,.w-e-text-container [data-slate-editor] pre>code .token.builtin,.w-e-text-container [data-slate-editor] pre>code .token.char,.w-e-text-container [data-slate-editor] pre>code .token.inserted,.w-e-text-container [data-slate-editor] pre>code .token.selector,.w-e-text-container [data-slate-editor] pre>code .token.string{color:#690}.w-e-text-container [data-slate-editor] pre>code .language-css .token.string,.w-e-text-container [data-slate-editor] pre>code .style .token.string,.w-e-text-container [data-slate-editor] pre>code .token.entity,.w-e-text-container [data-slate-editor] pre>code .token.operator,.w-e-text-container [data-slate-editor] pre>code .token.url{color:#9a6e3a}.w-e-text-container [data-slate-editor] pre>code .token.atrule,.w-e-text-container [data-slate-editor] pre>code .token.attr-value,.w-e-text-container [data-slate-editor] pre>code .token.keyword{color:#07a}.w-e-text-container [data-slate-editor] pre>code .token.class-name,.w-e-text-container [data-slate-editor] pre>code .token.function{color:#dd4a68}.w-e-text-container [data-slate-editor] pre>code .token.important,.w-e-text-container [data-slate-editor] pre>code .token.regex,.w-e-text-container [data-slate-editor] pre>code .token.variable{color:#e90}.w-e-text-container [data-slate-editor] pre>code .token.bold,.w-e-text-container [data-slate-editor] pre>code .token.important{font-weight:700}.w-e-text-container [data-slate-editor] pre>code .token.italic{font-style:italic}.w-e-text-container [data-slate-editor] pre>code .token.entity{cursor:help}[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}
|