@lemon30_npm/csit-vue3 0.0.16 → 0.0.18

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.
Files changed (7) hide show
  1. package/README.md +104 -8
  2. package/dist/csit-vue3.js +3 -3
  3. package/dist/index.css +1 -1
  4. package/dist/lib/ci-time-line-list/index.css +1 -1
  5. package/dist/lib/ci-time-line-list/index.vue.js +2 -2
  6. package/dist/lib/ci-time-line-list/index.vue2.js +4 -4
  7. package/package.json +99 -6
package/README.md CHANGED
@@ -7,7 +7,6 @@
7
7
  ## 📦 安装方式
8
8
 
9
9
  ```bash
10
-
11
10
  # 使用 npm
12
11
  npm install csit-vue3
13
12
 
@@ -19,7 +18,7 @@ pnpm add csit-vue3
19
18
 
20
19
  ```
21
20
 
22
- #### ⚠️ 注意：该组件库依赖以下环境，请确保你的项目已安装(如果你使用Vue 3项目脚手架，请忽略)：
21
+ #### ⚠️ 注意：该组件库依赖以下环境，请确保你的项目已安装(如果你使用Vue 3项目脚手架，请忽略)
23
22
 
24
23
  > 版本可自行升级，无影响
25
24
 
@@ -39,7 +38,15 @@ pnpm add csit-vue3
39
38
 
40
39
  ## 🚀 快速开始
41
40
 
42
- 在你的项目入口文件中：
41
+ 本节将介绍如何在项目中使用 cist-vue3。
42
+
43
+ ## 用法
44
+
45
+ ### 完整引入
46
+
47
+ 如果你对打包后的文件大小不是很在乎，那么使用完整导入会更方便。
48
+
49
+ 在 main.ts 中写入以下内容：
43
50
 
44
51
  ```ts
45
52
  import { createApp } from "vue";
@@ -57,18 +64,107 @@ app.use(CsitVue3);
57
64
  app.mount("#app");
58
65
  ```
59
66
 
60
- 组件库默认支持**按需引入**，你可以只引入你所需要的组件，而无需引入整个组件库：
67
+ 以上代码便完成了 cist-vue3 的引入。需要注意的是，样式文件需要单独引入。
68
+
69
+ ### 按需导入
70
+
71
+ 组件库默认支持**按需引入**，你可以只引入你所需要的组件，而无需引入整个组件库。
72
+
73
+ 接下来，如果你只希望引入部分组件，比如 CiUpload 和 CiCommonListLayout 和 CiPageHeader，那么需要在 main.ts 中写入以下内容：
61
74
 
62
75
  ```ts
63
76
  // main.ts
64
- import { CiUpload } from 'csit-vue3'
65
- // 全局使用某个组件
66
- app.use(CiUpload)
77
+ import CiUpload from 'csit-vue3/ci-upload';
78
+ // 单一组件样式支持按需导入
79
+ import "csit-vue3/ci-upload/style/index.css;
80
+
81
+ import CiCommonListLayout from 'csit-vue3/ci-common-list-layout';
82
+ // 单一组件样式支持按需导入
83
+ import "csit-vue3/ci-common-list-layout/style/index.css;
84
+
85
+ import CiPageHeader from 'csit-vue3/ci-page-header';
86
+ // 单一组件样式支持按需导入
87
+ import "csit-vue3/ci-page-header/style/index.css;
88
+
89
+ app.component(CiUpload.name, CiUpload);
90
+ app.component(CiCommonListLayout.name, CiCommonListLayout);
91
+ app.component(CiPageHeader.name, CiPageHeader);
92
+ // ...
93
+
94
+ /* 或写为
95
+ * app.use(CiUpload)
96
+ * app.use(CiCommonListLayout)
97
+ * app.use(CiPageHeader)
98
+ * ...
99
+ */
100
+
101
+ // 单个组件中使用某个组件 - 直接引入 无需注册
102
+ import CiUpload from 'csit-vue3/ci-upload'
67
103
 
68
104
  // 单个组件中使用某个组件 - 直接引入 无需注册
69
- import { CiPageHeader } from 'csit-vue3'
105
+ import CiPageHeader from 'csit-vue3/ci-page-header'
106
+ ```
107
+
108
+ #### 单个组件中使用某个组件
109
+
110
+ ```html
111
+ <template>
112
+ <CiBlueLineTitle title="自定义标题"></CiBlueLineTitle>
113
+ </template>
114
+
115
+ <script lang="ts" setup>
116
+ // 直接引入 无需注册
117
+ import CiBlueLineTitle from 'csit-vue3/ci-blue-line-title'
118
+ </script>
119
+
120
+ <style lang="less" scoped>
121
+ </style>
122
+ ```
123
+
124
+
125
+
126
+ #### 按需导入规则和建议
127
+
128
+ 相信细心的小伙伴们会有疑问了❓ 按需导入时 import xxx from 'csit-vue3/yyy'; 后面的yyy是什么值呢❓
129
+
130
+ ##### 规则解释如下
131
+
132
+ ```ts
133
+ // 组件导入模版
134
+ import xxx from 'csit-vue3/yyy';
135
+ // 示例
136
+ import CiCommonListLayout from 'csit-vue3/ci-common-list-layout';
137
+
138
+ // xxx: xxx值建议为大驼峰命名法;且值为 Vue3组件库文档 站点中你看到的示例名字; 比如: CiUpload、CiPageHeader 做到大家行业约定俗成的见名知意;
139
+
140
+ // yyy: 值为 Vue3组件库文档 站点中你看到的示例名字的 “kebab-case”（短横线连接命名）又称:（烤肉串命名法）比如你使用: CiPageHeader, 则 from 'csit-vue3/ci-page-header'; 使用: CiCommonListLayout, 则: from 'csit-vue3/ci-common-list-layout';
141
+
142
+ // 样式导入模版
143
+ import "csit-vue3/zzz/style/index.css;
144
+ //示例
145
+ import "csit-vue3/ci-common-list-layout/style/index.css;
146
+
147
+ // zzz: zzz值同理yyy值解释
148
+ ```
149
+
150
+ ##### 📢建议
151
+
152
+ ```ts
153
+ // 样式不建议按需导入, 建议 main.ts 中直接全量导入, 清晰且不易出现问题
154
+
155
+ // main.ts
156
+ import "csit-vue3/dist/index.css";
70
157
  ```
71
158
 
159
+ ##### 课外 - **常见命名风格比较：**
160
+
161
+ | **风格** | **示例** | **常见场景** |
162
+ | ---------- | ------------------ | ---------------------------------------- |
163
+ | camelCase | ciBlueLineTitle | JS 变量、函数名 |
164
+ | PascalCase | CiBlueLineTitle | Vue/React 组件名 |
165
+ | snake_case | ci_blue_line_title | Python变量、文件名、数据库字段 |
166
+ | kebab-case | ci-blue-line-title | 文件/文件夹、HTML/CSS 类名、自定义组件名 |
167
+
72
168
  ## 🧩 示例组件使用
73
169
 
74
170
  ```html
package/dist/csit-vue3.js CHANGED
@@ -1623,8 +1623,8 @@ const j5 = [
1623
1623
  title: "线索名称",
1624
1624
  time: "2025-01-01"
1625
1625
  }
1626
- ], V5 = { class: "CiTimelineList" }, U5 = { class: "TimelineList-content" }, z5 = { class: "item-left" }, q5 = { class: "item-left-title" }, T5 = ["title"], W5 = { class: "item-right" }, K5 = { class: "item-right-time" }, H5 = {
1627
- name: "CiTimelineList"
1626
+ ], V5 = { class: "CiTimeLineList" }, U5 = { class: "TimelineList-content" }, z5 = { class: "item-left" }, q5 = { class: "item-left-title" }, T5 = ["title"], W5 = { class: "item-right" }, K5 = { class: "item-right-time" }, H5 = {
1627
+ name: "CiTimeLineList"
1628
1628
  }, Y5 = /* @__PURE__ */ x({
1629
1629
  ...H5,
1630
1630
  props: {
@@ -1666,7 +1666,7 @@ const j5 = [
1666
1666
  ])
1667
1667
  ]));
1668
1668
  }
1669
- }), n1 = /* @__PURE__ */ k(Y5, [["__scopeId", "data-v-6bc8ca2e"]]);
1669
+ }), n1 = /* @__PURE__ */ k(Y5, [["__scopeId", "data-v-9cd26c5f"]]);
1670
1670
  n1.install = (e) => {
1671
1671
  e.component(n1.name, n1);
1672
1672
  };
package/dist/index.css CHANGED
@@ -1 +1 @@
1
- .CiBlueLineTitle[data-v-bd337875]{margin-bottom:10px;display:flex;justify-content:space-between;align-items:center}.CiBlueLineTitle .BlueLineTitle-left[data-v-bd337875]{display:flex;align-items:center}.CiBlueLineTitle .line-title-area[data-v-bd337875]{margin-right:28px;display:flex;align-items:center}.CiBlueLineTitle .line-title-area .line-area[data-v-bd337875]{width:4px;height:14px;border-radius:4px;margin-right:6px}.CiBlueLineTitle .line-title-area .title-area[data-v-bd337875]{font-size:18px;font-weight:700}#CiEchartPie[data-v-131d7e1f]{height:388px;width:95%}#CiEchartBar[data-v-c69eb72a]{height:405px}#CiEchartChinaMap[data-v-492b6878]{height:376px}.CiElDatePickerDaterange[data-v-ca26dbed]{display:flex}.CiElDatePickerDaterange[data-v-ca26dbed] .el-input__wrapper{border-radius:4px 0 0 4px}.CiElDatePickerDaterange .date-shortcuts[data-v-ca26dbed]{height:32px;padding:4px 10px;display:flex;background-color:#fff;border-radius:0 4px 4px 0;border:1px solid #dcdfe6;border-left:none}.CiElDatePickerDaterange .date-shortcuts .el-radio-group .el-radio-button[data-v-ca26dbed] .el-radio-button__inner{color:#3573f3;background-color:#eaf1fe;padding:4px 7px}.CiElDatePickerDaterange .date-shortcuts .el-radio-group .el-radio-button.is-active[data-v-ca26dbed] .el-radio-button__inner{background-color:#3573f3;color:#fff}.el-radio-group[data-v-ca26dbed]{--el-border: 1px solid #3573f3}.CiTimelineList[data-v-6bc8ca2e]{padding:16px;height:308px;overflow:hidden}.CiTimelineList[data-v-6bc8ca2e]:hover{overflow:auto}.CiTimelineList .TimelineList-content[data-v-6bc8ca2e]{position:relative}.CiTimelineList .TimelineList-content .link-line[data-v-6bc8ca2e]{position:absolute;width:1px;left:15.5px;top:23px;background:#0000000f;z-index:3}.CiTimelineList .TimelineList-content .time-line-item[data-v-6bc8ca2e]{display:flex;justify-content:space-between;align-items:center;padding:11px 11px 11px 4px}.CiTimelineList .TimelineList-content .time-line-item[data-v-6bc8ca2e]:hover{background-color:#dfe8f8!important;padding:11px 11px 11px 4px}.CiTimelineList .TimelineList-content .time-line-item:hover .round-one[data-v-6bc8ca2e]{background-color:#3573f3!important}.CiTimelineList .TimelineList-content .time-line-item:hover .round-two[data-v-6bc8ca2e]{background-color:#afc7f7!important}.CiTimelineList .TimelineList-content .time-line-item:hover .round-three[data-v-6bc8ca2e]{position:absolute;width:24px;height:24px;border-radius:50%;background-color:#cddcf8;z-index:1}.CiTimelineList .TimelineList-content .time-line-item .item-left[data-v-6bc8ca2e]{display:flex;align-items:center}.CiTimelineList .TimelineList-content .time-line-item .item-left .item-left-round[data-v-6bc8ca2e]{position:relative;width:24px;height:24px;margin-right:16px;display:flex;justify-content:center;align-items:center}.CiTimelineList .TimelineList-content .time-line-item .item-left .item-left-round .round-one[data-v-6bc8ca2e]{position:absolute;width:6px;height:6px;border-radius:50%;background-color:#fa602f;z-index:4}.CiTimelineList .TimelineList-content .time-line-item .item-left .item-left-round .round-two[data-v-6bc8ca2e]{position:absolute;width:14px;height:14px;border-radius:50%;background-color:#f9d2c7;z-index:2}.CiTimelineList .TimelineList-content .time-line-item .item-left .item-left-title .span-title[data-v-6bc8ca2e]{max-width:520px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:block}.CiTimelineList .TimelineList-content .time-line-item .item-right[data-v-6bc8ca2e]{display:flex;justify-content:space-between;align-items:center}.CiTimelineList .TimelineList-content .time-line-item .item-right .item-right-time[data-v-6bc8ca2e]{margin-right:10px;color:#a4a4a4}.CiTimelineList .TimelineList-content .time-line-item[data-v-6bc8ca2e]:nth-child(2n){background-color:#f7f8fa}.CiNoDataStatus[data-v-60fa6d54]{width:100%;display:flex;justify-content:center;align-items:center}.CiCommonListLayout[data-v-c9c1da85]{height:100%;display:flex;flex-direction:column}.CiCommonListLayout .area-actions[data-v-c9c1da85]{background-color:#f0f2f5;padding-bottom:10px;flex-shrink:0}.CiCommonListLayout .area-query[data-v-c9c1da85]{padding:20px;border-bottom:1px solid #dbdbdb;flex-shrink:0}.CiCommonListLayout .area-query.hasLastComponentIsCommonListQuery[data-v-c9c1da85]{padding-bottom:6px}.CiCommonListLayout .area-table[data-v-c9c1da85]{padding:20px;flex-grow:1}.CiCommonListLayout .area-pagination[data-v-c9c1da85]{display:flex;justify-content:center;align-items:center;padding-bottom:20px;flex-shrink:0}.CommonListQuery[data-v-9a8012aa]{display:flex;flex-wrap:wrap;align-items:center}.CommonListQuery .query-conditions[data-v-9a8012aa]{display:flex;flex-wrap:wrap;align-content:flex-start;overflow:hidden;transition:height .3s ease-in-out}.CommonListQuery .query-conditions[data-v-9a8012aa] .conditions-item{display:flex;align-items:center;margin-right:30px;margin-bottom:14px}.CommonListQuery .query-conditions[data-v-9a8012aa] .conditions-item label{flex-shrink:0;margin-right:10px}.CommonListQuery .query-conditions .query-actions[data-v-9a8012aa]{display:flex;align-items:center;margin-bottom:14px}.CommonListQuery .query-conditions .query-actions .down-triangle[data-v-9a8012aa]{width:0;height:0;border-left:5px solid transparent;border-right:5px solid transparent;border-top:5px solid #3573f3;margin-left:5px}.CiCommonListStartEndDatePicker[data-v-e8646aac] .startDatePicker{margin-right:10px;width:190px}.CiCommonListStartEndDatePicker[data-v-e8646aac] .endDatePicker{width:190px}.CiPageHeader[data-v-84c25a21]{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.CiPageHeader .content-btn-title-leftSlot[data-v-84c25a21]{display:flex;align-items:center}.CiPageHeader .content-btn-title-leftSlot .btn-back[data-v-84c25a21]{margin-right:10px;cursor:pointer;flex-shrink:0}.CiPageHeader .content-btn-title-leftSlot .title[data-v-84c25a21]{flex-shrink:0}.CiPageHeader .content-btn-title-leftSlot .content-left-slot[data-v-84c25a21]{margin-left:30px;margin-right:30px}.CiPageHeader .content-btn-title-leftSlot .content-left-slot.is-show-title[data-v-84c25a21]{margin-left:0}.CiPageHeader .content-right-slot[data-v-84c25a21]{flex-shrink:0}.CiUpload[data-v-df8cba2f]{width:680px}.CiUpload .ci-el-upload-component[data-v-df8cba2f] .el-upload-dragger{height:142px;padding:0;display:flex;flex-direction:column;justify-content:center;align-items:center}.CiUpload .ci-el-upload-component[data-v-df8cba2f] .el-upload-dragger .upload-btn-icon,.CiUpload .ci-el-upload-component[data-v-df8cba2f] .el-upload-dragger .upload-btn-icon-hover,.CiUpload .ci-el-upload-component[data-v-df8cba2f] .el-upload-dragger .upload-btn-icon-disabled{width:20px;height:20px}.CiUpload .ci-el-upload-component[data-v-df8cba2f] .el-upload-dragger .upload-btn-icon-hover,.CiUpload .ci-el-upload-component[data-v-df8cba2f] .el-upload-dragger .upload-btn-icon-disabled{display:none}.CiUpload .ci-el-upload-component[data-v-df8cba2f] .el-upload-dragger:hover{background-color:#fafbfd}.CiUpload .ci-el-upload-component[data-v-df8cba2f] .el-upload-dragger:hover .upload-btn-icon{display:none}.CiUpload .ci-el-upload-component[data-v-df8cba2f] .el-upload-dragger:hover .upload-btn-icon-hover{display:block}.CiUpload .ci-el-upload-component[data-v-df8cba2f] .el-upload-dragger:hover .upload-btn-icon-disabled{display:none}.CiUpload .ci-el-upload-component[data-v-df8cba2f] .el-upload-dragger .drag-text-info{margin-top:20px}.CiUpload .ci-el-upload-component[data-v-df8cba2f] .el-upload-dragger .drag-text-info .drag-text-info-click{color:#3573f3}.CiUpload .ci-el-upload-component[data-v-df8cba2f] .el-upload-dragger .drag-text-info .drag-text-info-black{color:#191919}.CiUpload .ci-el-upload-component .upload-btn[data-v-df8cba2f]{color:#4a4a4a!important;border-color:#dbdbdb!important}.CiUpload .ci-el-upload-component .upload-btn .upload-btn-icon[data-v-df8cba2f],.CiUpload .ci-el-upload-component .upload-btn .upload-btn-icon-hover[data-v-df8cba2f],.CiUpload .ci-el-upload-component .upload-btn .upload-btn-icon-disabled[data-v-df8cba2f]{width:20px;height:20px;margin-right:10px}.CiUpload .ci-el-upload-component .upload-btn .upload-btn-icon-hover[data-v-df8cba2f],.CiUpload .ci-el-upload-component .upload-btn .upload-btn-icon-disabled[data-v-df8cba2f]{display:none}.CiUpload .ci-el-upload-component .upload-btn[data-v-df8cba2f]:hover{color:#3573f3!important;border-color:#3573f3!important}.CiUpload .ci-el-upload-component .upload-btn:hover .upload-btn-icon[data-v-df8cba2f]{display:none}.CiUpload .ci-el-upload-component .upload-btn:hover .upload-btn-icon-hover[data-v-df8cba2f]{display:block}.CiUpload .ci-el-upload-component .upload-btn:hover .upload-btn-icon-disabled[data-v-df8cba2f]{display:none}.CiUpload .ci-el-upload-component .upload-btn.is-disabled[data-v-df8cba2f]{color:#a4a4a4!important;background-color:#f5f5f5!important;border-color:#dbdbdb!important;opacity:1!important}.CiUpload .ci-el-upload-component .upload-btn.is-disabled .upload-btn-icon[data-v-df8cba2f],.CiUpload .ci-el-upload-component .upload-btn.is-disabled .upload-btn-icon-hover[data-v-df8cba2f]{display:none}.CiUpload .ci-el-upload-component .upload-btn.is-disabled .upload-btn-icon-disabled[data-v-df8cba2f]{display:block}.CiUpload .ci-el-upload-component .default-tip-slot-textInfo[data-v-df8cba2f],.CiUpload .ci-el-upload-component .tip-slot-textInfo[data-v-df8cba2f]{color:#a4a4a4;font-size:12px;margin-top:10px}.CiUpload .ci-el-upload-component.is-disabled[data-v-df8cba2f] .el-upload-dragger{background-color:#f5f5f5}.CiUpload .ci-el-upload-component.is-disabled[data-v-df8cba2f] .el-upload-dragger .upload-btn-icon,.CiUpload .ci-el-upload-component.is-disabled[data-v-df8cba2f] .el-upload-dragger .upload-btn-icon-hover{display:none}.CiUpload .ci-el-upload-component.is-disabled[data-v-df8cba2f] .el-upload-dragger .upload-btn-icon-disabled{display:block}.CiUpload .ci-el-upload-component.is-disabled[data-v-df8cba2f] .el-upload-dragger:hover{border:1px dashed #dcdfe6}.CiUpload .ci-el-upload-component.is-disabled[data-v-df8cba2f] .el-upload-dragger .drag-text-info{margin-top:20px}.CiUpload .ci-el-upload-component.is-disabled[data-v-df8cba2f] .el-upload-dragger .drag-text-info .drag-text-info-click,.CiUpload .ci-el-upload-component.is-disabled[data-v-df8cba2f] .el-upload-dragger .drag-text-info .drag-text-info-black{color:#a4a4a4}.CiUpload .custom-file-list-default[data-v-df8cba2f]{margin-top:20px;border:1px solid #dbdbdb;padding:8px 10px;border-radius:4px}.CiUpload .custom-file-list-default.is-readonly[data-v-df8cba2f]{margin-top:0;border:none;padding:0}.CiUpload .custom-file-list-default .file-item-wrapper[data-v-df8cba2f]{padding:5px}.CiUpload .custom-file-list-default .file-item-wrapper[data-v-df8cba2f]:hover{background-color:#f0f2f5}.CiUpload .custom-file-list-default .file-item-wrapper:hover .file-progress-bar[data-v-df8cba2f]{background-color:#e8e5e5}.CiUpload .custom-file-list-default .file-item-wrapper[data-v-df8cba2f]:not(:last-child){margin-bottom:8px}.CiUpload .custom-file-list-default .file-item-wrapper .file-item-top[data-v-df8cba2f]{display:flex;align-items:center;justify-content:space-between}.CiUpload .custom-file-list-default .file-item-wrapper .file-item-top .file-name-file-icon[data-v-df8cba2f]{display:flex;align-items:flex-start}.CiUpload .custom-file-list-default .file-item-wrapper .file-item-top .file-name-file-icon .file-icon[data-v-df8cba2f]{width:22px;height:22px;margin-right:5px}.CiUpload .custom-file-list-default .file-item-wrapper .file-item-top .file-name-file-icon .file-name[data-v-df8cba2f]{max-width:257px;flex-shrink:0}.CiUpload .custom-file-list-default .file-item-wrapper .file-item-top .top-right[data-v-df8cba2f]{display:flex;align-items:center;justify-content:center}.CiUpload .custom-file-list-default .file-item-wrapper .file-item-top .top-right .file-size[data-v-df8cba2f]{color:#a4a4a4;font-size:14px;margin-right:8px}.CiUpload .custom-file-list-default .file-item-wrapper .file-item-top .top-right .file-operate-btn[data-v-df8cba2f]{margin-right:8px}.CiUpload .custom-file-list-default .file-item-wrapper .file-item-top .top-right .file-operate-btn .el-divider--vertical[data-v-df8cba2f]{font-size:14px;border-left-color:#191919}.CiUpload .custom-file-list-default .file-item-wrapper .file-item-top .top-right .file-status-icon-wrapper .uploading[data-v-df8cba2f]{display:flex;align-items:center;color:#3573f3;font-size:14px}.CiUpload .custom-file-list-default .file-item-wrapper .file-item-top .top-right .file-status-icon-wrapper .uploading .uploading-icon[data-v-df8cba2f]{width:14px;height:14px;margin-right:4px;animation:rotate 1.5s linear infinite}.CiUpload .custom-file-list-default .file-item-wrapper .file-item-top .top-right .file-status-icon-wrapper .success .success-icon[data-v-df8cba2f],.CiUpload .custom-file-list-default .file-item-wrapper .file-item-top .top-right .file-status-icon-wrapper .downloading .success-icon[data-v-df8cba2f]{width:19px;height:19px}.CiUpload .custom-file-list-default .file-item-wrapper .file-item-top .top-right .file-status-icon-wrapper .fail.fail-icon-wrapper[data-v-df8cba2f]{display:flex;align-items:center}.CiUpload .custom-file-list-default .file-item-wrapper .file-item-top .top-right .file-status-icon-wrapper .fail.fail-icon-wrapper .fail-icon[data-v-df8cba2f]{width:19px;height:19px}.CiUpload .custom-file-list-default .file-item-wrapper .file-item-top .top-right .file-status-icon-wrapper .fail.fail-icon-wrapper .retry-icon[data-v-df8cba2f]{margin:0 8px;cursor:pointer;width:18px;height:18px}.CiUpload .custom-file-list-default .file-item-wrapper .file-progress-bar[data-v-df8cba2f]{width:100%;height:5px;background-color:#f0f0f0;border-radius:3px;overflow:hidden;margin-top:5px}.CiUpload .custom-file-list-default .file-item-wrapper .file-progress-bar .file-progress-inner[data-v-df8cba2f]{height:100%;background-color:#3573f3;transition:width .3s ease}.CiUpload .custom-file-list-default .file-item-wrapper .download-progress-bar .file-progress-inner[data-v-df8cba2f]{background-color:#2aca96}.CiUpload{width:680px}.CiUpload .ci-el-upload-component :deep(.el-upload-dragger){height:142px;padding:0;display:flex;flex-direction:column;justify-content:center;align-items:center}.CiUpload .ci-el-upload-component :deep(.el-upload-dragger) .upload-btn-icon,.CiUpload .ci-el-upload-component :deep(.el-upload-dragger) .upload-btn-icon-hover,.CiUpload .ci-el-upload-component :deep(.el-upload-dragger) .upload-btn-icon-disabled{width:20px;height:20px}.CiUpload .ci-el-upload-component :deep(.el-upload-dragger) .upload-btn-icon-hover{display:none}.CiUpload .ci-el-upload-component :deep(.el-upload-dragger) .upload-btn-icon-disabled{display:none}.CiUpload .ci-el-upload-component :deep(.el-upload-dragger):hover{background-color:#fafbfd}.CiUpload .ci-el-upload-component :deep(.el-upload-dragger):hover .upload-btn-icon{display:none}.CiUpload .ci-el-upload-component :deep(.el-upload-dragger):hover .upload-btn-icon-hover{display:block}.CiUpload .ci-el-upload-component :deep(.el-upload-dragger):hover .upload-btn-icon-disabled{display:none}.CiUpload .ci-el-upload-component :deep(.el-upload-dragger) .drag-text-info{margin-top:20px}.CiUpload .ci-el-upload-component :deep(.el-upload-dragger) .drag-text-info .drag-text-info-click{color:#3573f3}.CiUpload .ci-el-upload-component :deep(.el-upload-dragger) .drag-text-info .drag-text-info-black{color:#191919}.CiUpload .ci-el-upload-component .upload-btn{color:#4a4a4a!important;border-color:#dbdbdb!important}.CiUpload .ci-el-upload-component .upload-btn .upload-btn-icon,.CiUpload .ci-el-upload-component .upload-btn .upload-btn-icon-hover,.CiUpload .ci-el-upload-component .upload-btn .upload-btn-icon-disabled{width:20px;height:20px;margin-right:10px}.CiUpload .ci-el-upload-component .upload-btn .upload-btn-icon-hover,.CiUpload .ci-el-upload-component .upload-btn .upload-btn-icon-disabled{display:none}.CiUpload .ci-el-upload-component .upload-btn:hover{color:#3573f3!important;border-color:#3573f3!important}.CiUpload .ci-el-upload-component .upload-btn:hover .upload-btn-icon{display:none}.CiUpload .ci-el-upload-component .upload-btn:hover .upload-btn-icon-hover{display:block}.CiUpload .ci-el-upload-component .upload-btn:hover .upload-btn-icon-disabled{display:none}.CiUpload .ci-el-upload-component .upload-btn.is-disabled{color:#a4a4a4!important;background-color:#f5f5f5!important;border-color:#dbdbdb!important;opacity:1!important}.CiUpload .ci-el-upload-component .upload-btn.is-disabled .upload-btn-icon,.CiUpload .ci-el-upload-component .upload-btn.is-disabled .upload-btn-icon-hover{display:none}.CiUpload .ci-el-upload-component .upload-btn.is-disabled .upload-btn-icon-disabled{display:block}.CiUpload .ci-el-upload-component .default-tip-slot-textInfo,.CiUpload .ci-el-upload-component .tip-slot-textInfo{color:#a4a4a4;font-size:12px;margin-top:10px}.CiUpload .ci-el-upload-component.is-disabled :deep(.el-upload-dragger){background-color:#f5f5f5}.CiUpload .ci-el-upload-component.is-disabled :deep(.el-upload-dragger) .upload-btn-icon{display:none}.CiUpload .ci-el-upload-component.is-disabled :deep(.el-upload-dragger) .upload-btn-icon-hover{display:none}.CiUpload .ci-el-upload-component.is-disabled :deep(.el-upload-dragger) .upload-btn-icon-disabled{display:block}.CiUpload .ci-el-upload-component.is-disabled :deep(.el-upload-dragger):hover{border:1px dashed #dcdfe6}.CiUpload .ci-el-upload-component.is-disabled :deep(.el-upload-dragger) .drag-text-info{margin-top:20px}.CiUpload .ci-el-upload-component.is-disabled :deep(.el-upload-dragger) .drag-text-info .drag-text-info-click{color:#a4a4a4}.CiUpload .ci-el-upload-component.is-disabled :deep(.el-upload-dragger) .drag-text-info .drag-text-info-black{color:#a4a4a4}.CiUpload .custom-file-list-default{margin-top:20px;border:1px solid #dbdbdb;padding:8px 10px;border-radius:4px}.CiUpload .custom-file-list-default.is-readonly{margin-top:0;border:none;padding:0}.CiUpload .custom-file-list-default .file-item-wrapper{padding:5px}.CiUpload .custom-file-list-default .file-item-wrapper:hover{background-color:#f0f2f5}.CiUpload .custom-file-list-default .file-item-wrapper:hover .file-progress-bar{background-color:#e8e5e5}.CiUpload .custom-file-list-default .file-item-wrapper:not(:last-child){margin-bottom:8px}.CiUpload .custom-file-list-default .file-item-wrapper .file-item-top{display:flex;align-items:center;justify-content:space-between}.CiUpload .custom-file-list-default .file-item-wrapper .file-item-top .file-name-file-icon{display:flex;align-items:flex-start}.CiUpload .custom-file-list-default .file-item-wrapper .file-item-top .file-name-file-icon .file-icon{width:22px;height:22px;margin-right:5px}.CiUpload .custom-file-list-default .file-item-wrapper .file-item-top .file-name-file-icon .file-name{max-width:257px;flex-shrink:0}.CiUpload .custom-file-list-default .file-item-wrapper .file-item-top .top-right{display:flex;align-items:center;justify-content:center}.CiUpload .custom-file-list-default .file-item-wrapper .file-item-top .top-right .file-size{color:#a4a4a4;font-size:14px;margin-right:8px}.CiUpload .custom-file-list-default .file-item-wrapper .file-item-top .top-right .file-operate-btn{margin-right:8px}.CiUpload .custom-file-list-default .file-item-wrapper .file-item-top .top-right .file-operate-btn .el-divider--vertical{font-size:14px;border-left-color:#191919}.CiUpload .custom-file-list-default .file-item-wrapper .file-item-top .top-right .file-status-icon-wrapper .uploading{display:flex;align-items:center;color:#3573f3;font-size:14px}.CiUpload .custom-file-list-default .file-item-wrapper .file-item-top .top-right .file-status-icon-wrapper .uploading .uploading-icon{width:14px;height:14px;margin-right:4px;animation:rotate 1.5s linear infinite}.CiUpload .custom-file-list-default .file-item-wrapper .file-item-top .top-right .file-status-icon-wrapper .success .success-icon,.CiUpload .custom-file-list-default .file-item-wrapper .file-item-top .top-right .file-status-icon-wrapper .downloading .success-icon{width:19px;height:19px}.CiUpload .custom-file-list-default .file-item-wrapper .file-item-top .top-right .file-status-icon-wrapper .fail.fail-icon-wrapper{display:flex;align-items:center}.CiUpload .custom-file-list-default .file-item-wrapper .file-item-top .top-right .file-status-icon-wrapper .fail.fail-icon-wrapper .fail-icon{width:19px;height:19px}.CiUpload .custom-file-list-default .file-item-wrapper .file-item-top .top-right .file-status-icon-wrapper .fail.fail-icon-wrapper .retry-icon{margin:0 8px;cursor:pointer;width:18px;height:18px}.CiUpload .custom-file-list-default .file-item-wrapper .file-progress-bar{width:100%;height:5px;background-color:#f0f0f0;border-radius:3px;overflow:hidden;margin-top:5px}.CiUpload .custom-file-list-default .file-item-wrapper .file-progress-bar .file-progress-inner{height:100%;background-color:#3573f3;transition:width .3s ease}.CiUpload .custom-file-list-default .file-item-wrapper .download-progress-bar .file-progress-inner{background-color:#2aca96}
1
+ .CiBlueLineTitle[data-v-bd337875]{margin-bottom:10px;display:flex;justify-content:space-between;align-items:center}.CiBlueLineTitle .BlueLineTitle-left[data-v-bd337875]{display:flex;align-items:center}.CiBlueLineTitle .line-title-area[data-v-bd337875]{margin-right:28px;display:flex;align-items:center}.CiBlueLineTitle .line-title-area .line-area[data-v-bd337875]{width:4px;height:14px;border-radius:4px;margin-right:6px}.CiBlueLineTitle .line-title-area .title-area[data-v-bd337875]{font-size:18px;font-weight:700}#CiEchartPie[data-v-131d7e1f]{height:388px;width:95%}#CiEchartBar[data-v-c69eb72a]{height:405px}#CiEchartChinaMap[data-v-492b6878]{height:376px}.CiElDatePickerDaterange[data-v-ca26dbed]{display:flex}.CiElDatePickerDaterange[data-v-ca26dbed] .el-input__wrapper{border-radius:4px 0 0 4px}.CiElDatePickerDaterange .date-shortcuts[data-v-ca26dbed]{height:32px;padding:4px 10px;display:flex;background-color:#fff;border-radius:0 4px 4px 0;border:1px solid #dcdfe6;border-left:none}.CiElDatePickerDaterange .date-shortcuts .el-radio-group .el-radio-button[data-v-ca26dbed] .el-radio-button__inner{color:#3573f3;background-color:#eaf1fe;padding:4px 7px}.CiElDatePickerDaterange .date-shortcuts .el-radio-group .el-radio-button.is-active[data-v-ca26dbed] .el-radio-button__inner{background-color:#3573f3;color:#fff}.el-radio-group[data-v-ca26dbed]{--el-border: 1px solid #3573f3}.CiTimeLineList[data-v-9cd26c5f]{padding:16px;height:308px;overflow:hidden}.CiTimeLineList[data-v-9cd26c5f]:hover{overflow:auto}.CiTimeLineList .TimelineList-content[data-v-9cd26c5f]{position:relative}.CiTimeLineList .TimelineList-content .link-line[data-v-9cd26c5f]{position:absolute;width:1px;left:15.5px;top:23px;background:#0000000f;z-index:3}.CiTimeLineList .TimelineList-content .time-line-item[data-v-9cd26c5f]{display:flex;justify-content:space-between;align-items:center;padding:11px 11px 11px 4px}.CiTimeLineList .TimelineList-content .time-line-item[data-v-9cd26c5f]:hover{background-color:#dfe8f8!important;padding:11px 11px 11px 4px}.CiTimeLineList .TimelineList-content .time-line-item:hover .round-one[data-v-9cd26c5f]{background-color:#3573f3!important}.CiTimeLineList .TimelineList-content .time-line-item:hover .round-two[data-v-9cd26c5f]{background-color:#afc7f7!important}.CiTimeLineList .TimelineList-content .time-line-item:hover .round-three[data-v-9cd26c5f]{position:absolute;width:24px;height:24px;border-radius:50%;background-color:#cddcf8;z-index:1}.CiTimeLineList .TimelineList-content .time-line-item .item-left[data-v-9cd26c5f]{display:flex;align-items:center}.CiTimeLineList .TimelineList-content .time-line-item .item-left .item-left-round[data-v-9cd26c5f]{position:relative;width:24px;height:24px;margin-right:16px;display:flex;justify-content:center;align-items:center}.CiTimeLineList .TimelineList-content .time-line-item .item-left .item-left-round .round-one[data-v-9cd26c5f]{position:absolute;width:6px;height:6px;border-radius:50%;background-color:#fa602f;z-index:4}.CiTimeLineList .TimelineList-content .time-line-item .item-left .item-left-round .round-two[data-v-9cd26c5f]{position:absolute;width:14px;height:14px;border-radius:50%;background-color:#f9d2c7;z-index:2}.CiTimeLineList .TimelineList-content .time-line-item .item-left .item-left-title .span-title[data-v-9cd26c5f]{max-width:520px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:block}.CiTimeLineList .TimelineList-content .time-line-item .item-right[data-v-9cd26c5f]{display:flex;justify-content:space-between;align-items:center}.CiTimeLineList .TimelineList-content .time-line-item .item-right .item-right-time[data-v-9cd26c5f]{margin-right:10px;color:#a4a4a4}.CiTimeLineList .TimelineList-content .time-line-item[data-v-9cd26c5f]:nth-child(2n){background-color:#f7f8fa}.CiNoDataStatus[data-v-60fa6d54]{width:100%;display:flex;justify-content:center;align-items:center}.CiCommonListLayout[data-v-c9c1da85]{height:100%;display:flex;flex-direction:column}.CiCommonListLayout .area-actions[data-v-c9c1da85]{background-color:#f0f2f5;padding-bottom:10px;flex-shrink:0}.CiCommonListLayout .area-query[data-v-c9c1da85]{padding:20px;border-bottom:1px solid #dbdbdb;flex-shrink:0}.CiCommonListLayout .area-query.hasLastComponentIsCommonListQuery[data-v-c9c1da85]{padding-bottom:6px}.CiCommonListLayout .area-table[data-v-c9c1da85]{padding:20px;flex-grow:1}.CiCommonListLayout .area-pagination[data-v-c9c1da85]{display:flex;justify-content:center;align-items:center;padding-bottom:20px;flex-shrink:0}.CommonListQuery[data-v-9a8012aa]{display:flex;flex-wrap:wrap;align-items:center}.CommonListQuery .query-conditions[data-v-9a8012aa]{display:flex;flex-wrap:wrap;align-content:flex-start;overflow:hidden;transition:height .3s ease-in-out}.CommonListQuery .query-conditions[data-v-9a8012aa] .conditions-item{display:flex;align-items:center;margin-right:30px;margin-bottom:14px}.CommonListQuery .query-conditions[data-v-9a8012aa] .conditions-item label{flex-shrink:0;margin-right:10px}.CommonListQuery .query-conditions .query-actions[data-v-9a8012aa]{display:flex;align-items:center;margin-bottom:14px}.CommonListQuery .query-conditions .query-actions .down-triangle[data-v-9a8012aa]{width:0;height:0;border-left:5px solid transparent;border-right:5px solid transparent;border-top:5px solid #3573f3;margin-left:5px}.CiCommonListStartEndDatePicker[data-v-e8646aac] .startDatePicker{margin-right:10px;width:190px}.CiCommonListStartEndDatePicker[data-v-e8646aac] .endDatePicker{width:190px}.CiPageHeader[data-v-84c25a21]{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.CiPageHeader .content-btn-title-leftSlot[data-v-84c25a21]{display:flex;align-items:center}.CiPageHeader .content-btn-title-leftSlot .btn-back[data-v-84c25a21]{margin-right:10px;cursor:pointer;flex-shrink:0}.CiPageHeader .content-btn-title-leftSlot .title[data-v-84c25a21]{flex-shrink:0}.CiPageHeader .content-btn-title-leftSlot .content-left-slot[data-v-84c25a21]{margin-left:30px;margin-right:30px}.CiPageHeader .content-btn-title-leftSlot .content-left-slot.is-show-title[data-v-84c25a21]{margin-left:0}.CiPageHeader .content-right-slot[data-v-84c25a21]{flex-shrink:0}.CiUpload[data-v-df8cba2f]{width:680px}.CiUpload .ci-el-upload-component[data-v-df8cba2f] .el-upload-dragger{height:142px;padding:0;display:flex;flex-direction:column;justify-content:center;align-items:center}.CiUpload .ci-el-upload-component[data-v-df8cba2f] .el-upload-dragger .upload-btn-icon,.CiUpload .ci-el-upload-component[data-v-df8cba2f] .el-upload-dragger .upload-btn-icon-hover,.CiUpload .ci-el-upload-component[data-v-df8cba2f] .el-upload-dragger .upload-btn-icon-disabled{width:20px;height:20px}.CiUpload .ci-el-upload-component[data-v-df8cba2f] .el-upload-dragger .upload-btn-icon-hover,.CiUpload .ci-el-upload-component[data-v-df8cba2f] .el-upload-dragger .upload-btn-icon-disabled{display:none}.CiUpload .ci-el-upload-component[data-v-df8cba2f] .el-upload-dragger:hover{background-color:#fafbfd}.CiUpload .ci-el-upload-component[data-v-df8cba2f] .el-upload-dragger:hover .upload-btn-icon{display:none}.CiUpload .ci-el-upload-component[data-v-df8cba2f] .el-upload-dragger:hover .upload-btn-icon-hover{display:block}.CiUpload .ci-el-upload-component[data-v-df8cba2f] .el-upload-dragger:hover .upload-btn-icon-disabled{display:none}.CiUpload .ci-el-upload-component[data-v-df8cba2f] .el-upload-dragger .drag-text-info{margin-top:20px}.CiUpload .ci-el-upload-component[data-v-df8cba2f] .el-upload-dragger .drag-text-info .drag-text-info-click{color:#3573f3}.CiUpload .ci-el-upload-component[data-v-df8cba2f] .el-upload-dragger .drag-text-info .drag-text-info-black{color:#191919}.CiUpload .ci-el-upload-component .upload-btn[data-v-df8cba2f]{color:#4a4a4a!important;border-color:#dbdbdb!important}.CiUpload .ci-el-upload-component .upload-btn .upload-btn-icon[data-v-df8cba2f],.CiUpload .ci-el-upload-component .upload-btn .upload-btn-icon-hover[data-v-df8cba2f],.CiUpload .ci-el-upload-component .upload-btn .upload-btn-icon-disabled[data-v-df8cba2f]{width:20px;height:20px;margin-right:10px}.CiUpload .ci-el-upload-component .upload-btn .upload-btn-icon-hover[data-v-df8cba2f],.CiUpload .ci-el-upload-component .upload-btn .upload-btn-icon-disabled[data-v-df8cba2f]{display:none}.CiUpload .ci-el-upload-component .upload-btn[data-v-df8cba2f]:hover{color:#3573f3!important;border-color:#3573f3!important}.CiUpload .ci-el-upload-component .upload-btn:hover .upload-btn-icon[data-v-df8cba2f]{display:none}.CiUpload .ci-el-upload-component .upload-btn:hover .upload-btn-icon-hover[data-v-df8cba2f]{display:block}.CiUpload .ci-el-upload-component .upload-btn:hover .upload-btn-icon-disabled[data-v-df8cba2f]{display:none}.CiUpload .ci-el-upload-component .upload-btn.is-disabled[data-v-df8cba2f]{color:#a4a4a4!important;background-color:#f5f5f5!important;border-color:#dbdbdb!important;opacity:1!important}.CiUpload .ci-el-upload-component .upload-btn.is-disabled .upload-btn-icon[data-v-df8cba2f],.CiUpload .ci-el-upload-component .upload-btn.is-disabled .upload-btn-icon-hover[data-v-df8cba2f]{display:none}.CiUpload .ci-el-upload-component .upload-btn.is-disabled .upload-btn-icon-disabled[data-v-df8cba2f]{display:block}.CiUpload .ci-el-upload-component .default-tip-slot-textInfo[data-v-df8cba2f],.CiUpload .ci-el-upload-component .tip-slot-textInfo[data-v-df8cba2f]{color:#a4a4a4;font-size:12px;margin-top:10px}.CiUpload .ci-el-upload-component.is-disabled[data-v-df8cba2f] .el-upload-dragger{background-color:#f5f5f5}.CiUpload .ci-el-upload-component.is-disabled[data-v-df8cba2f] .el-upload-dragger .upload-btn-icon,.CiUpload .ci-el-upload-component.is-disabled[data-v-df8cba2f] .el-upload-dragger .upload-btn-icon-hover{display:none}.CiUpload .ci-el-upload-component.is-disabled[data-v-df8cba2f] .el-upload-dragger .upload-btn-icon-disabled{display:block}.CiUpload .ci-el-upload-component.is-disabled[data-v-df8cba2f] .el-upload-dragger:hover{border:1px dashed #dcdfe6}.CiUpload .ci-el-upload-component.is-disabled[data-v-df8cba2f] .el-upload-dragger .drag-text-info{margin-top:20px}.CiUpload .ci-el-upload-component.is-disabled[data-v-df8cba2f] .el-upload-dragger .drag-text-info .drag-text-info-click,.CiUpload .ci-el-upload-component.is-disabled[data-v-df8cba2f] .el-upload-dragger .drag-text-info .drag-text-info-black{color:#a4a4a4}.CiUpload .custom-file-list-default[data-v-df8cba2f]{margin-top:20px;border:1px solid #dbdbdb;padding:8px 10px;border-radius:4px}.CiUpload .custom-file-list-default.is-readonly[data-v-df8cba2f]{margin-top:0;border:none;padding:0}.CiUpload .custom-file-list-default .file-item-wrapper[data-v-df8cba2f]{padding:5px}.CiUpload .custom-file-list-default .file-item-wrapper[data-v-df8cba2f]:hover{background-color:#f0f2f5}.CiUpload .custom-file-list-default .file-item-wrapper:hover .file-progress-bar[data-v-df8cba2f]{background-color:#e8e5e5}.CiUpload .custom-file-list-default .file-item-wrapper[data-v-df8cba2f]:not(:last-child){margin-bottom:8px}.CiUpload .custom-file-list-default .file-item-wrapper .file-item-top[data-v-df8cba2f]{display:flex;align-items:center;justify-content:space-between}.CiUpload .custom-file-list-default .file-item-wrapper .file-item-top .file-name-file-icon[data-v-df8cba2f]{display:flex;align-items:flex-start}.CiUpload .custom-file-list-default .file-item-wrapper .file-item-top .file-name-file-icon .file-icon[data-v-df8cba2f]{width:22px;height:22px;margin-right:5px}.CiUpload .custom-file-list-default .file-item-wrapper .file-item-top .file-name-file-icon .file-name[data-v-df8cba2f]{max-width:257px;flex-shrink:0}.CiUpload .custom-file-list-default .file-item-wrapper .file-item-top .top-right[data-v-df8cba2f]{display:flex;align-items:center;justify-content:center}.CiUpload .custom-file-list-default .file-item-wrapper .file-item-top .top-right .file-size[data-v-df8cba2f]{color:#a4a4a4;font-size:14px;margin-right:8px}.CiUpload .custom-file-list-default .file-item-wrapper .file-item-top .top-right .file-operate-btn[data-v-df8cba2f]{margin-right:8px}.CiUpload .custom-file-list-default .file-item-wrapper .file-item-top .top-right .file-operate-btn .el-divider--vertical[data-v-df8cba2f]{font-size:14px;border-left-color:#191919}.CiUpload .custom-file-list-default .file-item-wrapper .file-item-top .top-right .file-status-icon-wrapper .uploading[data-v-df8cba2f]{display:flex;align-items:center;color:#3573f3;font-size:14px}.CiUpload .custom-file-list-default .file-item-wrapper .file-item-top .top-right .file-status-icon-wrapper .uploading .uploading-icon[data-v-df8cba2f]{width:14px;height:14px;margin-right:4px;animation:rotate 1.5s linear infinite}.CiUpload .custom-file-list-default .file-item-wrapper .file-item-top .top-right .file-status-icon-wrapper .success .success-icon[data-v-df8cba2f],.CiUpload .custom-file-list-default .file-item-wrapper .file-item-top .top-right .file-status-icon-wrapper .downloading .success-icon[data-v-df8cba2f]{width:19px;height:19px}.CiUpload .custom-file-list-default .file-item-wrapper .file-item-top .top-right .file-status-icon-wrapper .fail.fail-icon-wrapper[data-v-df8cba2f]{display:flex;align-items:center}.CiUpload .custom-file-list-default .file-item-wrapper .file-item-top .top-right .file-status-icon-wrapper .fail.fail-icon-wrapper .fail-icon[data-v-df8cba2f]{width:19px;height:19px}.CiUpload .custom-file-list-default .file-item-wrapper .file-item-top .top-right .file-status-icon-wrapper .fail.fail-icon-wrapper .retry-icon[data-v-df8cba2f]{margin:0 8px;cursor:pointer;width:18px;height:18px}.CiUpload .custom-file-list-default .file-item-wrapper .file-progress-bar[data-v-df8cba2f]{width:100%;height:5px;background-color:#f0f0f0;border-radius:3px;overflow:hidden;margin-top:5px}.CiUpload .custom-file-list-default .file-item-wrapper .file-progress-bar .file-progress-inner[data-v-df8cba2f]{height:100%;background-color:#3573f3;transition:width .3s ease}.CiUpload .custom-file-list-default .file-item-wrapper .download-progress-bar .file-progress-inner[data-v-df8cba2f]{background-color:#2aca96}.CiUpload{width:680px}.CiUpload .ci-el-upload-component :deep(.el-upload-dragger){height:142px;padding:0;display:flex;flex-direction:column;justify-content:center;align-items:center}.CiUpload .ci-el-upload-component :deep(.el-upload-dragger) .upload-btn-icon,.CiUpload .ci-el-upload-component :deep(.el-upload-dragger) .upload-btn-icon-hover,.CiUpload .ci-el-upload-component :deep(.el-upload-dragger) .upload-btn-icon-disabled{width:20px;height:20px}.CiUpload .ci-el-upload-component :deep(.el-upload-dragger) .upload-btn-icon-hover{display:none}.CiUpload .ci-el-upload-component :deep(.el-upload-dragger) .upload-btn-icon-disabled{display:none}.CiUpload .ci-el-upload-component :deep(.el-upload-dragger):hover{background-color:#fafbfd}.CiUpload .ci-el-upload-component :deep(.el-upload-dragger):hover .upload-btn-icon{display:none}.CiUpload .ci-el-upload-component :deep(.el-upload-dragger):hover .upload-btn-icon-hover{display:block}.CiUpload .ci-el-upload-component :deep(.el-upload-dragger):hover .upload-btn-icon-disabled{display:none}.CiUpload .ci-el-upload-component :deep(.el-upload-dragger) .drag-text-info{margin-top:20px}.CiUpload .ci-el-upload-component :deep(.el-upload-dragger) .drag-text-info .drag-text-info-click{color:#3573f3}.CiUpload .ci-el-upload-component :deep(.el-upload-dragger) .drag-text-info .drag-text-info-black{color:#191919}.CiUpload .ci-el-upload-component .upload-btn{color:#4a4a4a!important;border-color:#dbdbdb!important}.CiUpload .ci-el-upload-component .upload-btn .upload-btn-icon,.CiUpload .ci-el-upload-component .upload-btn .upload-btn-icon-hover,.CiUpload .ci-el-upload-component .upload-btn .upload-btn-icon-disabled{width:20px;height:20px;margin-right:10px}.CiUpload .ci-el-upload-component .upload-btn .upload-btn-icon-hover,.CiUpload .ci-el-upload-component .upload-btn .upload-btn-icon-disabled{display:none}.CiUpload .ci-el-upload-component .upload-btn:hover{color:#3573f3!important;border-color:#3573f3!important}.CiUpload .ci-el-upload-component .upload-btn:hover .upload-btn-icon{display:none}.CiUpload .ci-el-upload-component .upload-btn:hover .upload-btn-icon-hover{display:block}.CiUpload .ci-el-upload-component .upload-btn:hover .upload-btn-icon-disabled{display:none}.CiUpload .ci-el-upload-component .upload-btn.is-disabled{color:#a4a4a4!important;background-color:#f5f5f5!important;border-color:#dbdbdb!important;opacity:1!important}.CiUpload .ci-el-upload-component .upload-btn.is-disabled .upload-btn-icon,.CiUpload .ci-el-upload-component .upload-btn.is-disabled .upload-btn-icon-hover{display:none}.CiUpload .ci-el-upload-component .upload-btn.is-disabled .upload-btn-icon-disabled{display:block}.CiUpload .ci-el-upload-component .default-tip-slot-textInfo,.CiUpload .ci-el-upload-component .tip-slot-textInfo{color:#a4a4a4;font-size:12px;margin-top:10px}.CiUpload .ci-el-upload-component.is-disabled :deep(.el-upload-dragger){background-color:#f5f5f5}.CiUpload .ci-el-upload-component.is-disabled :deep(.el-upload-dragger) .upload-btn-icon{display:none}.CiUpload .ci-el-upload-component.is-disabled :deep(.el-upload-dragger) .upload-btn-icon-hover{display:none}.CiUpload .ci-el-upload-component.is-disabled :deep(.el-upload-dragger) .upload-btn-icon-disabled{display:block}.CiUpload .ci-el-upload-component.is-disabled :deep(.el-upload-dragger):hover{border:1px dashed #dcdfe6}.CiUpload .ci-el-upload-component.is-disabled :deep(.el-upload-dragger) .drag-text-info{margin-top:20px}.CiUpload .ci-el-upload-component.is-disabled :deep(.el-upload-dragger) .drag-text-info .drag-text-info-click{color:#a4a4a4}.CiUpload .ci-el-upload-component.is-disabled :deep(.el-upload-dragger) .drag-text-info .drag-text-info-black{color:#a4a4a4}.CiUpload .custom-file-list-default{margin-top:20px;border:1px solid #dbdbdb;padding:8px 10px;border-radius:4px}.CiUpload .custom-file-list-default.is-readonly{margin-top:0;border:none;padding:0}.CiUpload .custom-file-list-default .file-item-wrapper{padding:5px}.CiUpload .custom-file-list-default .file-item-wrapper:hover{background-color:#f0f2f5}.CiUpload .custom-file-list-default .file-item-wrapper:hover .file-progress-bar{background-color:#e8e5e5}.CiUpload .custom-file-list-default .file-item-wrapper:not(:last-child){margin-bottom:8px}.CiUpload .custom-file-list-default .file-item-wrapper .file-item-top{display:flex;align-items:center;justify-content:space-between}.CiUpload .custom-file-list-default .file-item-wrapper .file-item-top .file-name-file-icon{display:flex;align-items:flex-start}.CiUpload .custom-file-list-default .file-item-wrapper .file-item-top .file-name-file-icon .file-icon{width:22px;height:22px;margin-right:5px}.CiUpload .custom-file-list-default .file-item-wrapper .file-item-top .file-name-file-icon .file-name{max-width:257px;flex-shrink:0}.CiUpload .custom-file-list-default .file-item-wrapper .file-item-top .top-right{display:flex;align-items:center;justify-content:center}.CiUpload .custom-file-list-default .file-item-wrapper .file-item-top .top-right .file-size{color:#a4a4a4;font-size:14px;margin-right:8px}.CiUpload .custom-file-list-default .file-item-wrapper .file-item-top .top-right .file-operate-btn{margin-right:8px}.CiUpload .custom-file-list-default .file-item-wrapper .file-item-top .top-right .file-operate-btn .el-divider--vertical{font-size:14px;border-left-color:#191919}.CiUpload .custom-file-list-default .file-item-wrapper .file-item-top .top-right .file-status-icon-wrapper .uploading{display:flex;align-items:center;color:#3573f3;font-size:14px}.CiUpload .custom-file-list-default .file-item-wrapper .file-item-top .top-right .file-status-icon-wrapper .uploading .uploading-icon{width:14px;height:14px;margin-right:4px;animation:rotate 1.5s linear infinite}.CiUpload .custom-file-list-default .file-item-wrapper .file-item-top .top-right .file-status-icon-wrapper .success .success-icon,.CiUpload .custom-file-list-default .file-item-wrapper .file-item-top .top-right .file-status-icon-wrapper .downloading .success-icon{width:19px;height:19px}.CiUpload .custom-file-list-default .file-item-wrapper .file-item-top .top-right .file-status-icon-wrapper .fail.fail-icon-wrapper{display:flex;align-items:center}.CiUpload .custom-file-list-default .file-item-wrapper .file-item-top .top-right .file-status-icon-wrapper .fail.fail-icon-wrapper .fail-icon{width:19px;height:19px}.CiUpload .custom-file-list-default .file-item-wrapper .file-item-top .top-right .file-status-icon-wrapper .fail.fail-icon-wrapper .retry-icon{margin:0 8px;cursor:pointer;width:18px;height:18px}.CiUpload .custom-file-list-default .file-item-wrapper .file-progress-bar{width:100%;height:5px;background-color:#f0f0f0;border-radius:3px;overflow:hidden;margin-top:5px}.CiUpload .custom-file-list-default .file-item-wrapper .file-progress-bar .file-progress-inner{height:100%;background-color:#3573f3;transition:width .3s ease}.CiUpload .custom-file-list-default .file-item-wrapper .download-progress-bar .file-progress-inner{background-color:#2aca96}
package/dist/lib/ci-time-line-list/index.css CHANGED
@@ -1 +1 @@
1
- .CiTimelineList[data-v-6bc8ca2e]{padding:16px;height:308px;overflow:hidden}.CiTimelineList[data-v-6bc8ca2e]:hover{overflow:auto}.CiTimelineList .TimelineList-content[data-v-6bc8ca2e]{position:relative}.CiTimelineList .TimelineList-content .link-line[data-v-6bc8ca2e]{position:absolute;width:1px;left:15.5px;top:23px;background:#0000000f;z-index:3}.CiTimelineList .TimelineList-content .time-line-item[data-v-6bc8ca2e]{display:flex;justify-content:space-between;align-items:center;padding:11px 11px 11px 4px}.CiTimelineList .TimelineList-content .time-line-item[data-v-6bc8ca2e]:hover{background-color:#dfe8f8!important;padding:11px 11px 11px 4px}.CiTimelineList .TimelineList-content .time-line-item:hover .round-one[data-v-6bc8ca2e]{background-color:#3573f3!important}.CiTimelineList .TimelineList-content .time-line-item:hover .round-two[data-v-6bc8ca2e]{background-color:#afc7f7!important}.CiTimelineList .TimelineList-content .time-line-item:hover .round-three[data-v-6bc8ca2e]{position:absolute;width:24px;height:24px;border-radius:50%;background-color:#cddcf8;z-index:1}.CiTimelineList .TimelineList-content .time-line-item .item-left[data-v-6bc8ca2e]{display:flex;align-items:center}.CiTimelineList .TimelineList-content .time-line-item .item-left .item-left-round[data-v-6bc8ca2e]{position:relative;width:24px;height:24px;margin-right:16px;display:flex;justify-content:center;align-items:center}.CiTimelineList .TimelineList-content .time-line-item .item-left .item-left-round .round-one[data-v-6bc8ca2e]{position:absolute;width:6px;height:6px;border-radius:50%;background-color:#fa602f;z-index:4}.CiTimelineList .TimelineList-content .time-line-item .item-left .item-left-round .round-two[data-v-6bc8ca2e]{position:absolute;width:14px;height:14px;border-radius:50%;background-color:#f9d2c7;z-index:2}.CiTimelineList .TimelineList-content .time-line-item .item-left .item-left-title .span-title[data-v-6bc8ca2e]{max-width:520px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:block}.CiTimelineList .TimelineList-content .time-line-item .item-right[data-v-6bc8ca2e]{display:flex;justify-content:space-between;align-items:center}.CiTimelineList .TimelineList-content .time-line-item .item-right .item-right-time[data-v-6bc8ca2e]{margin-right:10px;color:#a4a4a4}.CiTimelineList .TimelineList-content .time-line-item[data-v-6bc8ca2e]:nth-child(2n){background-color:#f7f8fa}
1
+ .CiTimeLineList[data-v-9cd26c5f]{padding:16px;height:308px;overflow:hidden}.CiTimeLineList[data-v-9cd26c5f]:hover{overflow:auto}.CiTimeLineList .TimelineList-content[data-v-9cd26c5f]{position:relative}.CiTimeLineList .TimelineList-content .link-line[data-v-9cd26c5f]{position:absolute;width:1px;left:15.5px;top:23px;background:#0000000f;z-index:3}.CiTimeLineList .TimelineList-content .time-line-item[data-v-9cd26c5f]{display:flex;justify-content:space-between;align-items:center;padding:11px 11px 11px 4px}.CiTimeLineList .TimelineList-content .time-line-item[data-v-9cd26c5f]:hover{background-color:#dfe8f8!important;padding:11px 11px 11px 4px}.CiTimeLineList .TimelineList-content .time-line-item:hover .round-one[data-v-9cd26c5f]{background-color:#3573f3!important}.CiTimeLineList .TimelineList-content .time-line-item:hover .round-two[data-v-9cd26c5f]{background-color:#afc7f7!important}.CiTimeLineList .TimelineList-content .time-line-item:hover .round-three[data-v-9cd26c5f]{position:absolute;width:24px;height:24px;border-radius:50%;background-color:#cddcf8;z-index:1}.CiTimeLineList .TimelineList-content .time-line-item .item-left[data-v-9cd26c5f]{display:flex;align-items:center}.CiTimeLineList .TimelineList-content .time-line-item .item-left .item-left-round[data-v-9cd26c5f]{position:relative;width:24px;height:24px;margin-right:16px;display:flex;justify-content:center;align-items:center}.CiTimeLineList .TimelineList-content .time-line-item .item-left .item-left-round .round-one[data-v-9cd26c5f]{position:absolute;width:6px;height:6px;border-radius:50%;background-color:#fa602f;z-index:4}.CiTimeLineList .TimelineList-content .time-line-item .item-left .item-left-round .round-two[data-v-9cd26c5f]{position:absolute;width:14px;height:14px;border-radius:50%;background-color:#f9d2c7;z-index:2}.CiTimeLineList .TimelineList-content .time-line-item .item-left .item-left-title .span-title[data-v-9cd26c5f]{max-width:520px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:block}.CiTimeLineList .TimelineList-content .time-line-item .item-right[data-v-9cd26c5f]{display:flex;justify-content:space-between;align-items:center}.CiTimeLineList .TimelineList-content .time-line-item .item-right .item-right-time[data-v-9cd26c5f]{margin-right:10px;color:#a4a4a4}.CiTimeLineList .TimelineList-content .time-line-item[data-v-9cd26c5f]:nth-child(2n){background-color:#f7f8fa}
package/dist/lib/ci-time-line-list/index.vue.js CHANGED
@@ -1,7 +1,7 @@
1
1
  import o from "./index.vue2.js";
2
2
  /* empty css */
3
3
  import t from "../_virtual/_plugin-vue_export-helper.js";
4
- const r = /* @__PURE__ */ t(o, [["__scopeId", "data-v-6bc8ca2e"]]);
4
+ const c = /* @__PURE__ */ t(o, [["__scopeId", "data-v-9cd26c5f"]]);
5
5
  export {
6
- r as default
6
+ c as default
7
7
  };
package/dist/lib/ci-time-line-list/index.vue2.js CHANGED
@@ -1,7 +1,7 @@
1
1
  import { defineComponent as m, computed as _, ref as u, createElementBlock as s, openBlock as i, createElementVNode as t, normalizeStyle as p, Fragment as v, renderList as h, toDisplayString as o, renderSlot as f } from "vue";
2
2
  import { timelineListData as g } from "./model/index.js";
3
- const y = { class: "CiTimelineList" }, L = { class: "TimelineList-content" }, k = { class: "item-left" }, C = { class: "item-left-title" }, S = ["title"], T = { class: "item-right" }, w = { class: "item-right-time" }, B = {
4
- name: "CiTimelineList"
3
+ const L = { class: "CiTimeLineList" }, y = { class: "TimelineList-content" }, k = { class: "item-left" }, C = { class: "item-left-title" }, S = ["title"], T = { class: "item-right" }, w = { class: "item-right-time" }, B = {
4
+ name: "CiTimeLineList"
5
5
  }, $ = /* @__PURE__ */ m({
6
6
  ...B,
7
7
  props: {
@@ -12,8 +12,8 @@ const y = { class: "CiTimelineList" }, L = { class: "TimelineList-content" }, k
12
12
  // 高度为所有项数 - 1 乘以每一项的高度
13
13
  height: r
14
14
  });
15
- return (l, n) => (i(), s("div", y, [
16
- t("div", L, [
15
+ return (l, n) => (i(), s("div", L, [
16
+ t("div", y, [
17
17
  t("div", {
18
18
  class: "link-line",
19
19
  style: p(c.value)
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@lemon30_npm/csit-vue3",
3
- "version": "0.0.16",
3
+ "version": "0.0.18",
4
4
  "type": "module",
5
5
  "author": "cuiwq",
6
6
  "license": "MIT",
@@ -22,12 +22,104 @@
22
22
  "./dist/index.css": {
23
23
  "default": "./dist/index.css"
24
24
  },
25
- "./CiBlueLineTitle": {
25
+ "./ci-blue-line-title": {
26
26
  "import": "./dist/lib/ci-blue-line-title/index.js",
27
27
  "types": "./dist/types/src/components/components-project/ci-blue-line-title/index.d.ts"
28
28
  },
29
- "./CiBlueLineTitle/style/index.css": {
29
+ "./ci-blue-line-title/style/index.css": {
30
30
  "default": "./dist/lib/ci-blue-line-title/index.css"
31
+ },
32
+ "./ci-common-list-layout": {
33
+ "import": "./dist/lib/ci-common-list/ci-common-list-layout/index.js",
34
+ "types": "./dist/types/src/components/components-project/ci-common-list/ci-common-list-layout/index.d.ts"
35
+ },
36
+ "./ci-common-list-layout/style/index.css": {
37
+ "default": "./dist/lib/ci-common-list/ci-common-list-layout/index.css"
38
+ },
39
+ "./ci-common-list-pagination": {
40
+ "import": "./dist/lib/ci-common-list/ci-common-list-pagination/index.js",
41
+ "types": "./dist/types/src/components/components-project/ci-common-list/ci-common-list-pagination/index.d.ts"
42
+ },
43
+ "./ci-common-list-query": {
44
+ "import": "./dist/lib/ci-common-list/ci-common-list-query/index.js",
45
+ "types": "./dist/types/src/components/components-project/ci-common-list/ci-common-list-query/index.d.ts"
46
+ },
47
+ "./ci-common-list-query/style/index.css": {
48
+ "default": "./dist/lib/ci-common-list/ci-common-list-query/index.css"
49
+ },
50
+ "./ci-common-list-start-end-datepicker": {
51
+ "import": "./dist/lib/ci-common-list/ci-common-list-start-end-datepicker/index.js",
52
+ "types": "./dist/types/src/components/components-project/ci-common-list/ci-common-list-start-end-datepicker/index.d.ts"
53
+ },
54
+ "./ci-common-list-start-end-datepicker/style/index.css": {
55
+ "default": "./dist/lib/ci-common-list/ci-common-list-start-end-datepicker/index.css"
56
+ },
57
+ "./ci-dictionary-select": {
58
+ "import": "./dist/lib/ci-dictionary-select/index.js",
59
+ "types": "./dist/types/src/components/components-project/ci-dictionary-select/index.d.ts"
60
+ },
61
+ "./ci-dictionary-select/style/index.css": {
62
+ "default": "./dist/lib/ci-dictionary-select/index.css"
63
+ },
64
+ "./ci-echart-ChinaMap": {
65
+ "import": "./dist/lib/ci-echarts/ci-echart-ChinaMap/index.js",
66
+ "types": "./dist/types/src/components/components-project/ci-echarts/ci-echart-ChinaMap/index.d.ts"
67
+ },
68
+ "./ci-echart-ChinaMap/style/index.css": {
69
+ "default": "./dist/lib/ci-echarts/ci-echart-ChinaMap/index.css"
70
+ },
71
+ "./ci-echart-bar": {
72
+ "import": "./dist/lib/ci-echarts/ci-echart-bar/index.js",
73
+ "types": "./dist/types/src/components/components-project/ci-echarts/ci-echart-bar/index.d.ts"
74
+ },
75
+ "./ci-echart-bar/style/index.css": {
76
+ "default": "./dist/lib/ci-echarts/ci-echart-bar/index.css"
77
+ },
78
+ "./ci-echart-pie": {
79
+ "import": "./dist/lib/ci-echarts/ci-echart-pie/index.js",
80
+ "types": "./dist/types/src/components/components-project/ci-echarts/ci-echart-pie/index.d.ts"
81
+ },
82
+ "./ci-echart-pie/style/index.css": {
83
+ "default": "./dist/lib/ci-echarts/ci-echart-pie/index.css"
84
+ },
85
+ "./ci-el-date-picker-daterange": {
86
+ "import": "./dist/lib/ci-element-plus/ci-el-date-picker-daterange/index.js",
87
+ "types": "./dist/types/src/components/components-project/ci-element-plus/ci-el-date-picker-daterange/index.d.ts"
88
+ },
89
+ "./ci-el-date-picker-daterange/style/index.css": {
90
+ "default": "./dist/lib/ci-element-plus/ci-el-date-picker-daterange/index.css"
91
+ },
92
+ "./ci-no-data-status": {
93
+ "import": "./dist/lib/ci-no-data-status/index.js",
94
+ "types": "./dist/types/src/components/components-project/ci-no-data-status/index.d.ts"
95
+ },
96
+ "./ci-no-data-status/style/index.css": {
97
+ "default": "./dist/lib/ci-no-data-status/index.css"
98
+ },
99
+ "./ci-page-header": {
100
+ "import": "./dist/lib/ci-page-header/index.js",
101
+ "types": "./dist/types/src/components/components-project/ci-page-header/index.d.ts"
102
+ },
103
+ "./ci-page-header/style/index.css": {
104
+ "default": "./dist/lib/ci-page-header/index.css"
105
+ },
106
+ "./ci-svg-icon": {
107
+ "import": "./dist/lib/ci-svg-icon/index.js",
108
+ "types": "./dist/types/src/components/components-project/ci-svg-icon/index.d.ts"
109
+ },
110
+ "./ci-time-line-list": {
111
+ "import": "./dist/lib/ci-time-line-list/index.js",
112
+ "types": "./dist/types/src/components/components-project/ci-time-line-list/index.d.ts"
113
+ },
114
+ "./ci-time-line-list/style/index.css": {
115
+ "default": "./dist/lib/ci-time-line-list/index.css"
116
+ },
117
+ "./ci-upload": {
118
+ "import": "./dist/lib/ci-upload/index.js",
119
+ "types": "./dist/types/src/components/components-project/ci-upload/index.d.ts"
120
+ },
121
+ "./ci-upload/style/index.css": {
122
+ "default": "./dist/lib/ci-upload/index.css"
31
123
  }
32
124
  },
33
125
  "scripts": {
@@ -37,7 +129,7 @@
37
129
  "type-check": "vue-tsc --build --force",
38
130
  "lint": "eslint . --fix",
39
131
  "format": "prettier --write src/",
40
- "build": "npm run build:full && npm run build:lib",
132
+ "build": "npm run build:full && npm run build:lib && npm run gen:exports",
41
133
  "build:lib": "vite build --config vite.lib.config.ts",
42
134
  "build:full": "vite build --config vite.full.config.ts",
43
135
  "build-origin": "run-p type-check \"build-only {@}\" --",
@@ -49,7 +141,8 @@
49
141
  "docs:dev": "vitepress dev docs",
50
142
  "docs:build": "vitepress build docs",
51
143
  "docs:preview": "vitepress preview docs",
52
- "prepublishOnly": "npm run build"
144
+ "prepublishOnly": "npm run build",
145
+ "gen:exports": "node scripts/gen-exports.js"
53
146
  },
54
147
  "peerDependencies": {
55
148
  "@element-plus/icons-vue": "^2.3.1",
@@ -100,4 +193,4 @@
100
193
  "vue": "^3.5.12",
101
194
  "vue-router": "^4.4.5"
102
195
  }
103
- }
196
+ }