tm-table 1.1.14 → 1.2.0

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 (8) hide show
  1. package/README.md +215 -31
  2. package/dist/vue2/tm-table.css +1 -1
  3. package/dist/vue2/tm-table.es.js +1067 -880
  4. package/dist/vue2/tm-table.umd.js +1 -1
  5. package/dist/vue3/tm-table.css +1 -1
  6. package/dist/vue3/tm-table.es.js +1671 -1468
  7. package/dist/vue3/tm-table.umd.js +1 -1
  8. package/package.json +44 -44
package/README.md CHANGED
@@ -11,6 +11,8 @@
11
11
  - 📄 **分页器** - 内置完整分页功能
12
12
  - 🌈 **国际化** - 支持中英文切换
13
13
  - 🎨 **高度定制** - 丰富的插槽和配置选项
14
+ - 📐 **布局控制** - 支持搜索表单的布局参数配置（labelWidth、inputWidth、direction）
15
+ - 🧩 **插槽扩展** - 提供多个位置插槽，支持在表格各个区域插入自定义内容
14
16
 
15
17
  ## 📦 安装
16
18
 
@@ -135,6 +137,35 @@ import { Table, Column } from "tm-table/v3";
135
137
  <el-button>导出</el-button>
136
138
  </template>
137
139
 
140
+ <!-- 查询区域和菜单栏之间 -->
141
+ <template #between-search-menu>
142
+ <div style="padding: 10px; background: #f0f9ff;">
143
+ <el-alert message="数据统计：共 1000 条记录" type="info" :closable="false" />
144
+ </div>
145
+ </template>
146
+
147
+ <!-- 菜单栏和表格之间 -->
148
+ <template #between-menu-table>
149
+ <el-tabs v-model="activeTab">
150
+ <el-tab-pane label="全部商品" name="all" />
151
+ <el-tab-pane label="上架商品" name="online" />
152
+ </el-tabs>
153
+ </template>
154
+
155
+ <!-- 表格和分页器之间 -->
156
+ <template #between-table-pagination>
157
+ <div style="padding: 10px; text-align: right;">
158
+ <span>已选择 {{ selectedRows.length }} 项</span>
159
+ </div>
160
+ </template>
161
+
162
+ <!-- 分页器之后 -->
163
+ <template #after-pagination>
164
+ <div style="text-align: center; color: #999; font-size: 12px;">
165
+ © 2024 数据管理系统
166
+ </div>
167
+ </template>
168
+
138
169
  <!-- 表格列 -->
139
170
  <tm-table-column prop="name" label="姓名"></tm-table-column>
140
171
  </tm-table>
@@ -145,6 +176,8 @@ import { Table, Column } from "tm-table/v3";
145
176
  return {
146
177
  searchForm: {},
147
178
  searchColumns: ["custom"],
179
+ activeTab: 'all',
180
+ selectedRows: []
148
181
  };
149
182
  },
150
183
  };
@@ -166,6 +199,9 @@ import { Table, Column } from "tm-table/v3";
166
199
  table-key="user-list"
167
200
  :column-setting-button="true"
168
201
  :refresh-button="true"
202
+ :label-width="120"
203
+ :input-width="250"
204
+ direction="horizontal"
169
205
  @selection-change="handleSelectionChange"
170
206
  >
171
207
  <!-- 自定义搜索组件 -->
@@ -305,21 +341,24 @@ import { Table, Column } from "tm-table/v3";
305
341
 
306
342
  ### Table 属性
307
343
 
308
- | 参数 | 说明 | 类型 | 可选值 | 默认值 |
309
- | --------------------- | ---------------------- | ---------------- | --- | ------ |
310
- | data | 表格数据，可以是数组或异步函数 | Array / Function | — | [] |
311
- | show-search | 是否显示搜索区域 | Boolean | — | true |
312
- | show-menu | 是否显示菜单栏 | Boolean | — | true |
313
- | show-pagination | 是否显示分页器 | Boolean | — | true |
314
- | height | 表格高度，支持 'auto' 自适应 | String / Number | — | — |
315
- | calc-height | 自适应高度时需要减去的高度 | Number | — | 0 |
316
- | column-setting-button | 是否显示列配置按钮 | Boolean | — | true |
317
- | refresh-button | 是否显示刷新按钮 | Boolean | — | true |
318
- | table-key | 列配置的唯一标识 | String | — | 当前路由路径 |
319
- | first-load | 初始化时是否请求数据 | Boolean | — | true |
320
- | border | 是否显示边框 | Boolean | — | true |
321
- | search-columns | 搜索列配置，详见 SearchColumns | Array | — | [] |
322
- | search-form | 搜索表单数据（支持 v-model） | Object | — | {} |
344
+ | 参数 | 说明 | 类型 | 可选值 | 默认值 |
345
+ | --------------------- | ---------------------- | ---------------- | ------------------ | -------- |
346
+ | data | 表格数据，可以是数组或异步函数 | Array / Function | — | [] |
347
+ | show-search | 是否显示搜索区域 | Boolean | — | true |
348
+ | show-menu | 是否显示菜单栏 | Boolean | — | true |
349
+ | show-pagination | 是否显示分页器 | Boolean | — | true |
350
+ | height | 表格高度，支持 'auto' 自适应 | String / Number | — | — |
351
+ | calc-height | 自适应高度时需要减去的高度 | Number | — | 0 |
352
+ | column-setting-button | 是否显示列配置按钮 | Boolean | — | true |
353
+ | refresh-button | 是否显示刷新按钮 | Boolean | — | true |
354
+ | table-key | 表格的唯一标识，作为缓存表格列配置的Key | String | — | 当前路由路径 |
355
+ | first-load | 初始化时是否请求数据 | Boolean | — | true |
356
+ | border | 是否显示边框 | Boolean | — | true |
357
+ | search-columns | 搜索列配置，详见 SearchColumns | Array | — | [] |
358
+ | search-form | 搜索表单数据（支持 v-model） | Object | — | {} |
359
+ | label-width | 搜索表单标签宽度（全局配置） | String / Number | — | 100 |
360
+ | input-width | 搜索表单输入框宽度（全局配置） | String / Number | — | 200 |
361
+ | direction | 搜索表单布局方向（全局配置） | String | horizontal/vertical | horizontal |
323
362
 
324
363
  ### Table 事件
325
364
 
@@ -340,12 +379,16 @@ import { Table, Column } from "tm-table/v3";
340
379
 
341
380
  ### Table 插槽
342
381
 
343
- | 插槽名 | 说明 | 参数 |
344
- | ------------- | -------------------------------------- | ------------------- |
345
- | search | 自定义整个搜索区域 | — |
346
- | menu-left | 菜单栏左侧内容 | — |
347
- | menu-right | 菜单栏右侧内容 | — |
348
- | search-{prop} | 自定义列搜索框内容，prop 为 searchColumns 中配置的插槽名 | { searchForm, col } |
382
+ | 插槽名 | 说明 | 参数 |
383
+ | ------------------------ | -------------------------------------- | ------------------- |
384
+ | search | 自定义整个搜索区域 | — |
385
+ | menu-left | 菜单栏左侧内容 | — |
386
+ | menu-right | 菜单栏右侧内容 | — |
387
+ | search-{prop} | 自定义列搜索框内容，prop 为 searchColumns 中配置的插槽名 | { searchForm, col } |
388
+ | between-search-menu | 查询区域和菜单栏之间的内容 | — |
389
+ | between-menu-table | 菜单栏和表格之间的内容 | — |
390
+ | between-table-pagination | 表格和分页器之间的内容 | — |
391
+ | after-pagination | 分页器之后的内容 | — |
349
392
 
350
393
  ### Column 属性
351
394
 
@@ -359,20 +402,145 @@ TmColumn 基于 el-table-column 封装，支持所有 el-table-column 的属性
359
402
 
360
403
  其他属性参考 [Element UI Table Column](https://element.eleme.cn/#/zh-CN/component/table#table-column-attributes)
361
404
 
405
+ ## 📐 布局配置
406
+
407
+ ### 搜索表单布局控制
408
+
409
+ TmTable 支持灵活的搜索表单布局配置，包括标签宽度、输入框宽度和布局方向。
410
+
411
+ #### 全局配置
412
+
413
+ 在 `tm-table` 组件上设置全局布局参数，影响所有搜索表单项：
414
+
415
+ ```html
416
+ <tm-table
417
+ :data="tableData"
418
+ :search-columns="searchColumns"
419
+ :label-width="120"
420
+ :input-width="250"
421
+ direction="vertical"
422
+ >
423
+ <!-- 表格列定义 -->
424
+ </tm-table>
425
+ ```
426
+
427
+ #### 单独配置
428
+
429
+ 在 `searchColumns` 中为特定表单项设置布局参数，优先级高于全局配置：
430
+
431
+ ```javascript
432
+ searchColumns: [
433
+ {
434
+ type: 'input',
435
+ label: '商品名称',
436
+ fields: { value: 'name' },
437
+ // 单独配置，会覆盖全局配置
438
+ labelWidth: 150,
439
+ inputWidth: 300,
440
+ direction: 'horizontal'
441
+ },
442
+ {
443
+ type: 'select',
444
+ label: '商品状态',
445
+ fields: { value: 'status' },
446
+ // 不设置布局参数，使用全局配置
447
+ options: [...]
448
+ }
449
+ ]
450
+ ```
451
+
452
+ #### 配置优先级
453
+
454
+ 参数优先级：**单独配置 > 全局配置 > 默认值**
455
+
456
+ - **单独配置**：在 searchColumns 中为特定项设置的参数
457
+ - **全局配置**：在 tm-table 组件上设置的参数
458
+ - **默认值**：labelWidth: 100px, inputWidth: 200px, direction: 'horizontal'
459
+
460
+ #### 布局模式
461
+
462
+ **横向布局（horizontal）**：
463
+ - 标签和输入框在同一行
464
+ - 适合标签文字较短的场景
465
+ - 默认模式
466
+
467
+ **纵向布局（vertical）**：
468
+ - 标签和输入框分两行显示
469
+ - 标签和输入框之间间距 2px
470
+ - 适合标签文字较长或需要更多垂直空间的场景
471
+
472
+ #### 完整示例
473
+
474
+ ```html
475
+ <template>
476
+ <tm-table
477
+ :data="loadData"
478
+ :search-columns="searchColumns"
479
+ :label-width="layoutConfig.labelWidth"
480
+ :input-width="layoutConfig.inputWidth"
481
+ :direction="layoutConfig.direction"
482
+ >
483
+ <tm-table-column prop="name" label="商品名称" />
484
+ <tm-table-column prop="status" label="状态" />
485
+ </tm-table>
486
+ </template>
487
+
488
+ <script>
489
+ export default {
490
+ data() {
491
+ return {
492
+ layoutConfig: {
493
+ labelWidth: 120, // 全局标签宽度
494
+ inputWidth: 250, // 全局输入框宽度
495
+ direction: 'horizontal' // 全局布局方向
496
+ },
497
+ searchColumns: [
498
+ {
499
+ type: 'input',
500
+ label: '商品名称',
501
+ fields: { value: 'name' },
502
+ // 使用全局配置
503
+ },
504
+ {
505
+ type: 'input',
506
+ label: '详细描述信息',
507
+ fields: { value: 'description' },
508
+ // 单独配置，适合长标签
509
+ labelWidth: 150,
510
+ direction: 'vertical'
511
+ },
512
+ {
513
+ type: 'select',
514
+ label: '状态',
515
+ fields: { value: 'status' },
516
+ // 单独配置更宽的输入框
517
+ inputWidth: 300,
518
+ options: [...]
519
+ }
520
+ ]
521
+ }
522
+ }
523
+ }
524
+ </script>
525
+ ```
526
+
362
527
  ## 🔍 搜索功能详解
363
528
 
364
529
  ### SearchColumns 配置
365
530
 
366
- | 参数 | 说明 | 类型 | 可选值 | 默认值 |
367
- | ------------ | ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | ------- | ------------------------------------------------------ | ----- |
368
- | type | 搜索项表单类型 | String | input\|select\|cascader\|date\|radio\|checkbox\|switch | input |
369
- | label | 表单左侧文案 | String | — | — |
370
- | placeholder | 输入框占位符 | String | — | — |
371
- | fields | 字段映射配置，当表单值发生改变时同步修改 search-form 绑定字段的值<br/>**无默认值**：`{ value: "valueField" }`<br/>**有默认值1**：`{ value: ["valueField", "默认值"] }`<br/>**有默认值2**：`{ value: { name: "value1", default: "默认值" } }`<br/>**注：默认值在表单初始化和重置时生效** | Object | — | — |
372
- | fieldOptions | 字段类型选项，格式：`[{label:"用户名", value:"userName"}]` | Array | — | [] |
373
- | options | 选项配置，type 为 select\|cascader 时可用 | Array | — | [] |
374
- | multiple | type 为 input 时表示精确搜索，为 select 或 cascader 时表示多选 | Boolean | — | false |
375
- | checkAll | 全选功能，type 为 select 时有效 | Boolean | — | false |
531
+ | 参数 | 说明 | 类型 | 可选值 | 默认值 |
532
+ | ------------ | ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | ------------- | ------------------------------------------------------ | ---------- |
533
+ | type | 搜索项表单类型 | String | input\|select\|cascader\|date\|radio\|checkbox\|switch | input |
534
+ | label | 表单左侧文案 | String | — | — |
535
+ | placeholder | 输入框占位符 | String | — | — |
536
+ | fields | 字段映射配置，当表单值发生改变时同步修改 search-form 绑定字段的值<br/>**无默认值**：`{ value: "valueField" }`<br/>**有默认值1**：`{ value: ["valueField", "默认值"] }`<br/>**有默认值2**：`{ value: { name: "value1", default: "默认值" } }`<br/>**注：默认值在表单初始化和重置时生效** | Object | — | — |
537
+ | fieldOptions | 字段类型选项，格式：`[{label:"用户名", value:"userName"}]` | Array | — | [] |
538
+ | options | 选项配置，type 为 select\|cascader 时可用 | Array | — | [] |
539
+ | multiple | type 为 input 时表示精确搜索，为 select 或 cascader 时表示多选 | Boolean | — | false |
540
+ | checkAll | 全选功能，type 为 select 时有效 | Boolean | — | false |
541
+ | labelWidth | 单独配置该项的标签宽度（优先级高于全局配置） | String/Number | — | 继承全局配置 |
542
+ | inputWidth | 单独配置该项的输入框宽度（优先级高于全局配置） | String/Number | — | 继承全局配置 |
543
+ | direction | 单独配置该项的布局方向（优先级高于全局配置） | String | horizontal/vertical | 继承全局配置 |
376
544
 
377
545
  ### 各类型搜索组件配置
378
546
 
@@ -617,6 +785,22 @@ options: async () => {
617
785
 
618
786
  ## 📝 更新日志
619
787
 
788
+ ### 1.1.14
789
+
790
+ - 🎯 **新增布局配置功能**
791
+ - 支持搜索表单的 `labelWidth`、`inputWidth`、`direction` 参数配置
792
+ - 支持全局配置和单独配置，单独配置优先级更高
793
+ - 新增横向和纵向两种布局模式
794
+ - 🧩 **新增插槽扩展**
795
+ - 新增 `between-search-menu` 插槽（查询区域和菜单栏之间）
796
+ - 新增 `between-menu-table` 插槽（菜单栏和表格之间）
797
+ - 新增 `between-table-pagination` 插槽（表格和分页器之间）
798
+ - 新增 `after-pagination` 插槽（分页器之后）
799
+ - 🔧 **组件架构优化**
800
+ - 重构过滤器组件，提取通用的 `FormItemLayout` 组件
801
+ - 统一搜索表单的布局和样式处理
802
+ - 优化参数传递链路，支持层级配置覆盖
803
+
620
804
  ### 1.0.82
621
805
 
622
806
  - 新增 Vue3 支持
package/dist/vue2/tm-table.css CHANGED
@@ -1 +1 @@
1
- @charset "UTF-8";.advanced-select[data-v-ba62140c]{display:flex;max-width:305px}.advanced-select.hasField .select[data-v-ba62140c]{width:206px;position:relative}.advanced-select.hasField .select[data-v-ba62140c]:hover{z-index:1!important}.advanced-select.hasField[data-v-ba62140c] .select--v2 .el-input__inner,.advanced-select.hasField[data-v-ba62140c] .select--v3 .el-select__wrapper{border-top-left-radius:0;border-bottom-left-radius:0}.advanced-select .field-select[data-v-ba62140c]{margin-right:-1px;width:100px;position:relative}.advanced-select .field-select[data-v-ba62140c]:hover{z-index:1!important}.advanced-select[data-v-ba62140c] .field-select--v2 .el-input__inner,.advanced-select[data-v-ba62140c] .field-select--v3 .el-select__wrapper{border-top-right-radius:0;border-bottom-right-radius:0}.advanced-select .select[data-v-ba62140c]{width:200px;flex-shrink:0}.advanced-select .select[data-v-ba62140c] .el-tag--info{max-width:52%}.check-all-option[data-v-ba62140c]{margin-top:-6px;padding:6px 20px;border-bottom:1px solid #ebeef5;cursor:default;position:sticky;top:0;z-index:1;background-color:#fff}.tm-icon[data-v-1c30ca93]{font-size:inherit;display:inline-block;height:1em;justify-content:center;line-height:1;position:relative;width:1em;fill:currentColor;color:inherit}.el-button .tm-icon{vertical-align:top}.el-table__row:hover .ellipsis-text-container .toolbar{display:flex;align-items:center;gap:2px}.el-table__row:hover .ellipsis-text-container .toolbar.multiline{display:block}.el-table__row:hover .ellipsis-text-container .toolbar .icon-item{flex-shrink:0}.el-table__row:hover .ellipsis-text-container .toolbar .icon-item:hover{color:var(--color-primary)!important}.ellipsis-text-container[data-v-0979131f]{text-align:left;display:inline-flex;vertical-align:top}.ellipsis-text-container .toolbar[data-v-0979131f]{display:none;max-width:30px}.ellipsis-text-container .toolbar .icon-item[data-v-0979131f]{cursor:pointer;margin-left:2px}.ellipsis-text-container .toolbar .icon-item[data-v-0979131f]:hover{opacity:.8}.ellipsis-text-container:hover .toolbar[data-v-0979131f]{display:flex;align-items:center;gap:2px}.ellipsis-text-container:hover .toolbar.multiline[data-v-0979131f]{display:block}.ellipsis-text-container:hover .toolbar .icon-item[data-v-0979131f]:hover{color:var(--color-primary)!important}.tm-advanced-input[data-v-6b474dac]{display:flex;align-items:center}.tm-advanced-input .left-select[data-v-6b474dac]{margin-right:-1px}.tm-advanced-input.tm-advanced-input--v2[data-v-6b474dac] .left-select.el-select{margin-right:-1px;position:relative;z-index:2}.tm-advanced-input.tm-advanced-input--v2[data-v-6b474dac] .left-select.el-select .el-input__inner{transition:0s;border-top-right-radius:0;border-bottom-right-radius:0}.tm-advanced-input.tm-advanced-input--v2[data-v-6b474dac] .right-input.el-input{position:relative;z-index:1}.tm-advanced-input.tm-advanced-input--v2[data-v-6b474dac] .right-input.el-input:focus-within,.tm-advanced-input.tm-advanced-input--v2[data-v-6b474dac] .right-input.el-input:hover,.tm-advanced-input.tm-advanced-input--v2[data-v-6b474dac] .right-input.el-input:focus{z-index:3}.tm-advanced-input.tm-advanced-input--v2[data-v-6b474dac] .right-input.el-input.has-label .el-input__inner{transition:0s;border-top-left-radius:0;border-bottom-left-radius:0}.tm-advanced-input.tm-advanced-input--v3[data-v-6b474dac] .left-select.el-select .el-select__wrapper{border-top-right-radius:0;border-bottom-right-radius:0;position:relative;z-index:2;transition:0s}.tm-advanced-input.tm-advanced-input--v3[data-v-6b474dac] .right-input.el-input .el-input__wrapper{position:relative;z-index:1;transition:0s}.tm-advanced-input.tm-advanced-input--v3[data-v-6b474dac] .right-input.el-input .el-input__wrapper:focus-within,.tm-advanced-input.tm-advanced-input--v3[data-v-6b474dac] .right-input.el-input .el-input__wrapper:hover,.tm-advanced-input.tm-advanced-input--v3[data-v-6b474dac] .right-input.el-input .el-input__wrapper:focus{z-index:3}.tm-advanced-input.tm-advanced-input--v3[data-v-6b474dac] .right-input.el-input.has-label .el-input__wrapper{border-top-left-radius:0;border-bottom-left-radius:0}.popover-content .popover-title[data-v-6b474dac]{font-weight:700;margin-bottom:5px}.popover-content .popover-subtitle[data-v-6b474dac]{font-size:12px;color:#909399;margin-top:0;margin-bottom:10px}.popover-content .popover-footer[data-v-6b474dac]{margin-top:10px;text-align:right}.tm-advanced-input--v3 .input-label[data-v-6b474dac]{border-right:none;color:var(--el-input-text-color, var(--el-text-color-regular))}.tm-advanced-input--v2 .input-label[data-v-6b474dac]{border-right:none;color:#606266}.input-label[data-v-6b474dac]{height:100%;flex-shrink:0;width:100px;font-size:12px;box-sizing:border-box;display:flex;align-items:center;line-height:12px;border-right:none;border-top-left-radius:4px;border-bottom-left-radius:4px;justify-content:flex-end;padding-right:4px}.tm-date-picker--v2[data-v-7d46d46b]{display:flex;align-items:center}.tm-date-picker--v2.has-select[data-v-7d46d46b] .el-select{margin-right:-1px;z-index:1}.tm-date-picker--v2.has-select[data-v-7d46d46b] .el-select .el-input__inner{border-top-right-radius:0;border-bottom-right-radius:0;transition:0s}.tm-date-picker--v2.has-select[data-v-7d46d46b] .el-date-editor.el-input__inner{border-top-left-radius:0!important;border-bottom-left-radius:0!important}.tm-date-picker--v2.has-select[data-v-7d46d46b] .el-date-editor{transition:0s}.tm-date-picker--v2.has-select[data-v-7d46d46b] .el-date-editor.is-active,.tm-date-picker--v2.has-select[data-v-7d46d46b] .el-date-editor:hover{z-index:2}.tm-date-picker--v3[data-v-7d46d46b]{display:flex;align-items:center}.tm-date-picker--v3.has-select[data-v-7d46d46b] .el-select{margin-right:-1px}.tm-date-picker--v3.has-select[data-v-7d46d46b] .el-select .el-select__wrapper{border-top-right-radius:0;border-bottom-right-radius:0;position:relative;z-index:2;transition:0s}.tm-date-picker--v3.has-select[data-v-7d46d46b] .el-date-editor{position:relative;border-top-left-radius:0!important;border-bottom-left-radius:0!important;z-index:1;transition:0s}.tm-date-picker--v3.has-select[data-v-7d46d46b] .el-date-editor.focus-within,.tm-date-picker--v3.has-select[data-v-7d46d46b] .el-date-editor.focus,.tm-date-picker--v3.has-select[data-v-7d46d46b] .el-date-editor.is-active,.tm-date-picker--v3.has-select[data-v-7d46d46b] .el-date-editor:hover{z-index:2}.date-label[data-v-7d46d46b]{height:100%;flex-shrink:0;width:100px;font-size:12px;box-sizing:border-box;display:flex;align-items:center;line-height:12px;border-right:none;border-top-left-radius:4px;border-bottom-left-radius:4px;justify-content:flex-end;padding-right:4px;color:#606266}.tm-cascader--v2 .el-input--mini input{height:28px!important}.tm-cascader--v2 .el-cascader__tags .el-tag{margin:4px 0 4px 6px}.tm-cascader--v2 .el-cascader__tags .el-tag:first-child{max-width:90px}.tm-cascader--v2 .el-cascader__tags .el-tag:nth-child(2){max-width:48px}.tm-cascader--v2 .el-cascader__tags input{font-size:12px!important}.tm-cascader--v2 .el-cascader__tags .el-cascader__search-input{min-width:16px}.tm-cascader--v3 .el-cascader__tags{font-size:12px;flex-wrap:nowrap;align-items:center}.tm-cascader--v3 .el-cascader__tags .el-tag{padding:0 4px}.tm-cascader--v3 .el-cascader__tags .el-tag:first-child{max-width:90px}.tm-cascader--v3 .el-cascader__tags .el-tag:nth-child(2){max-width:48px}.tm-cascader--v3 .el-cascader__tags .el-cascader__search-input{min-width:16px}.el-cascader__collapse-tags{max-height:400px;max-width:400px;margin:0 -11px;padding:0 11px;overflow-y:auto;display:flex;flex-wrap:wrap;gap:4px}[data-v-61fed13d] .el-radio-button__inner{font-weight:400}.tm-radio[data-v-61fed13d]{width:200px;display:flex;width:100%}.tm-radio.wide-mode[data-v-61fed13d]{width:305px}.tm-radio--v2[data-v-61fed13d] .el-radio-group .el-radio-button{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tm-radio--v2[data-v-61fed13d] .el-radio-group .el-radio-button .el-radio-button__inner{padding:7px 5px;width:100%;display:inline-block;text-overflow:ellipsis;overflow:hidden;box-sizing:border-box;text-align:center}.tm-radio--v3[data-v-61fed13d] .el-radio-group .el-radio-button .el-radio-button__inner{width:100%}.tm-checkbox[data-v-b44866b1]{width:200px;display:flex;flex-direction:column}.tm-checkbox.wide-mode[data-v-b44866b1]{width:305px}.tm-checkbox--v2[data-v-b44866b1] .el-checkbox-group{display:flex;width:100%}.tm-checkbox--v2[data-v-b44866b1] .el-checkbox-group .el-checkbox-button{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tm-checkbox--v2[data-v-b44866b1] .el-checkbox-group .el-checkbox-button .el-checkbox-button__inner{padding:7px 5px;width:100%;display:inline-block;text-overflow:ellipsis;overflow:hidden;box-sizing:border-box;text-align:center}.tm-checkbox--v3[data-v-b44866b1] .el-checkbox-group .el-checkbox-button .el-checkbox-button__inner{width:100%}.tm-switch[data-v-9e7a342f]{display:flex;align-items:center}.tm-switch.narrow-container[data-v-9e7a342f]{width:95px}.tm-switch.medium-container[data-v-9e7a342f]{width:200px}.tm-switch.wide-container[data-v-9e7a342f]{width:305px}.tm-switch[data-v-9e7a342f] .el-switch .el-switch__core{flex-shrink:0}.table-search[data-v-41139f7b]{--el-font-size-base: 12px}.table-search[data-v-41139f7b] .el-select__wrapper,.table-search[data-v-41139f7b] .el-switch__label{font-size:var(--el-font-size-base);font-weight:400}.table-search[data-v-41139f7b] .el-radio-button__inner,.table-search[data-v-41139f7b] .el-checkbox-button__inner{padding:9px 10px}.table-search[data-v-41139f7b]{margin-bottom:10px;display:flex;flex-wrap:wrap;align-items:center}.table-search .search-content[data-v-41139f7b]{flex:1;display:flex;align-items:center;flex-wrap:wrap;gap:10px}.table-search .search-actions[data-v-41139f7b]{display:flex}.table-search .search-error-message[data-v-41139f7b]{color:#f56c6c;font-size:12px;margin:5px 0}.table-search--v2 .search-form-item[data-v-41139f7b]{height:28px}.table-search--v3 .search-form-item[data-v-41139f7b]{height:24px}.tm-pagination[data-v-4dbdf6e7]{padding:10px 0;text-align:right;display:flex;flex-direction:row-reverse}.tm-table-menu[data-v-579dd2c3]{display:flex;justify-content:space-between;margin-bottom:10px}.tm-table-menu .left[data-v-579dd2c3]{flex:1;margin-right:10px;display:flex;flex-wrap:wrap;gap:4px 0}.tm-table-menu .right[data-v-579dd2c3]{flex-shrink:0}.column-config-popover{padding:0!important}.title[data-v-127cbd33]{display:flex;align-items:center;font-weight:700;color:#000;height:32px;padding-left:10px;padding-top:10px}.container[data-v-127cbd33]{height:500px;width:100%;display:flex;flex-direction:column;overflow:hidden}.container .main-container[data-v-127cbd33]{display:flex;flex:1;overflow:hidden;border-bottom:1px solid #dcdfe9}.container .main-container .left-content[data-v-127cbd33]{flex:2;border-right:1px solid #dcdfe9;display:flex;flex-direction:column}.container .main-container .left-content .option-list[data-v-127cbd33]{flex:1;overflow-y:auto}.container .main-container .right-content[data-v-127cbd33]{flex:1;overflow-y:auto;display:flex;flex-direction:column;overflow:hidden}.container .main-container .right-content .search-box[data-v-127cbd33]{display:flex;align-items:center;height:33px;border-bottom:1px solid #dcdfe9;box-sizing:border-box}.container .main-container .right-content .search-box[data-v-127cbd33] .el-input__inner{box-shadow:none;border:none}.container .main-container .right-content .search-box[data-v-127cbd33] .el-input__wrapper{box-shadow:none}.container .main-container .right-content .sort-list[data-v-127cbd33]{flex:1;overflow-y:auto}.container .main-container .right-content .sort-list .sort-item-wrapper[data-v-127cbd33]{position:relative;transition:background-color .2s}.container .main-container .right-content .sort-list .sort-item-wrapper[data-v-127cbd33]:hover{background-color:#e0eeff}.container .main-container .right-content .sort-list .sort-item-wrapper:hover .delete-button[data-v-127cbd33],.container .main-container .right-content .sort-list .sort-item-wrapper:hover .top-button[data-v-127cbd33],.container .main-container .right-content .sort-list .sort-item-wrapper:hover .left-fixed-btn[data-v-127cbd33]:not(.active-fixed),.container .main-container .right-content .sort-list .sort-item-wrapper:hover .right-fixed-btn[data-v-127cbd33]:not(.active-fixed){display:inline-block!important}.container .main-container .right-content .sort-list .sort-item-wrapper.no-drop-zone[data-v-127cbd33]{position:relative}.container .main-container .right-content .sort-list .sort-item-wrapper.no-drop-zone[data-v-127cbd33]:after{content:"";position:absolute;inset:0;background:#ff00001a;border:1px dashed #f56c6c;pointer-events:none}.container .main-container .right-content .sort-list .sort-item-wrapper.frozen[data-v-127cbd33]:hover,.container .main-container .right-content .sort-list .sort-item-wrapper.frozenRight[data-v-127cbd33]:hover{background-color:#e0eeff}.container .main-container .right-content .sort-list .sort-item[data-v-127cbd33]{display:flex;align-items:center;width:100%;height:32px;box-sizing:border-box;padding:0 8px;transition:.2s;user-select:none}.container .main-container .right-content .sort-list .sort-item .row-title[data-v-127cbd33]{cursor:grab;flex:1;margin-right:8px;display:flex;align-items:center;gap:4px}.container .main-container .right-content .sort-list .sort-item .operation-btns[data-v-127cbd33]{display:flex;align-items:center}.container .main-container .right-content .sort-list .sort-item .operation-btns .iconfont-button[data-v-127cbd33]{margin-left:3px;padding:0}.container .main-container .right-content .sort-list .sort-item .operation-btns .delete-button[data-v-127cbd33],.container .main-container .right-content .sort-list .sort-item .operation-btns .top-button[data-v-127cbd33],.container .main-container .right-content .sort-list .sort-item .operation-btns .left-fixed-btn[data-v-127cbd33]:not(.active-fixed),.container .main-container .right-content .sort-list .sort-item .operation-btns .right-fixed-btn[data-v-127cbd33]:not(.active-fixed){display:none}.container .main-container .right-content .sort-list .sort-item .operation-btns .left-fixed-btn.active-fixed[data-v-127cbd33],.container .main-container .right-content .sort-list .sort-item .operation-btns .right-fixed-btn.active-fixed[data-v-127cbd33]{display:inline-block;color:var(--el-color-primary)}.container .main-container .right-content .sort-list .sort-item .operation-btns .iconfont[data-v-127cbd33]{color:#aaa;font-size:14px}.container .main-container .right-content .sort-list .sort-item .operation-btns .iconfont[data-v-127cbd33]:hover{color:var(--el-color-primary)}.container .main-container .right-content .sort-list .sort-item .operation-btns .left-fixed-btn .el-icon-position[data-v-127cbd33]{transform:rotate(-90deg)}.container .main-container .right-content .sort-list .sort-item .operation-btns .left-fixed-btn:hover .el-icon-position[data-v-127cbd33]{color:var(--el-color-primary)}.container .main-container .right-content .sort-list .sort-item .operation-btns .right-fixed-btn .el-icon-position[data-v-127cbd33]{transform:rotate(90deg)}.container .main-container .right-content .sort-list .sort-item .operation-btns .right-fixed-btn:hover .el-icon-position[data-v-127cbd33]{color:var(--el-color-primary)}.container .footer[data-v-127cbd33]{padding:10px;box-sizing:border-box;display:flex;justify-content:space-between}.el-checkbox[data-v-127cbd33]{white-space:wrap;min-height:14px;height:auto;margin-top:10px;margin-left:10px;font-weight:400}.el-checkbox[data-v-127cbd33] .el-checkbox__label{width:70px;vertical-align:top}.blue-background-class[data-v-127cbd33]{background-color:#e0eeff!important;box-shadow:0 2px 8px #0000001a;z-index:1000}.sortable-drag[data-v-127cbd33]{opacity:.9;background-color:#e0eeff!important;box-shadow:0 2px 8px #0000001a}.tips[data-v-127cbd33]{color:#999;line-height:16px;font-size:12px;padding:8px}.tips span[data-v-127cbd33],.tips span span[data-v-127cbd33]{color:#999}.tm-table[data-v-8db1f265] .el-table .cell{word-break:keep-all;word-wrap:break-word}.icon-item[data-v-16643222]{cursor:pointer}.icon-item[data-v-16643222]:hover{opacity:.6}.tm-ellipsis-text[data-v-16643222]{position:relative;overflow:hidden}.tm-ellipsis-text .tm-ellipsis-text-wrapper[data-v-16643222]{width:100%}.tm-ellipsis-text .tm-ellipsis-text-wrapper .tm-ellipsis-line[data-v-16643222]{line-height:inherit;word-break:break-all;white-space:normal}.tm-ellipsis-text .tm-ellipsis-text-wrapper .tm-ellipsis-last-line[data-v-16643222]{display:flex;align-items:center;line-height:inherit}.tm-ellipsis-text .tm-ellipsis-text-wrapper .tm-ellipsis-last-line .tm-ellipsis-text-part[data-v-16643222]{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;word-break:break-all}.tm-ellipsis-text .tm-ellipsis-text-wrapper .tm-ellipsis-last-line .tm-ellipsis-toolbar-part[data-v-16643222]{flex-shrink:0;margin-left:4px;display:flex;align-items:center;line-height:inherit;font-size:inherit}.tm-ellipsis-measure[data-v-16643222]{position:absolute;left:-9999px;top:-9999px;visibility:hidden;pointer-events:none;z-index:-1}
1
+ @charset "UTF-8";.tm-icon[data-v-1c30ca93]{font-size:inherit;display:inline-block;height:1em;justify-content:center;line-height:1;position:relative;width:1em;fill:currentColor;color:inherit}.el-button .tm-icon{vertical-align:top}.el-table__row:hover .ellipsis-text-container .toolbar{display:flex;align-items:center;gap:2px}.el-table__row:hover .ellipsis-text-container .toolbar.multiline{display:block}.el-table__row:hover .ellipsis-text-container .toolbar .icon-item{flex-shrink:0}.el-table__row:hover .ellipsis-text-container .toolbar .icon-item:hover{color:var(--color-primary)!important}.ellipsis-text-container[data-v-a51a2011]{text-align:left;display:inline-flex;vertical-align:top}.ellipsis-text-container .toolbar[data-v-a51a2011]{display:none;max-width:30px}.ellipsis-text-container .toolbar .icon-item[data-v-a51a2011]{cursor:pointer;margin-left:2px}.ellipsis-text-container .toolbar .icon-item[data-v-a51a2011]:hover{opacity:.8}.ellipsis-text-container:hover .toolbar[data-v-a51a2011]{display:flex;align-items:center;gap:2px}.ellipsis-text-container:hover .toolbar.multiline[data-v-a51a2011]{display:block}.ellipsis-text-container:hover .toolbar .icon-item[data-v-a51a2011]:hover{color:var(--color-primary)!important}.form-item-layout[data-v-9b2a82ac]{display:flex;align-items:center}.form-item-layout.form-item-layout--horizontal[data-v-9b2a82ac]{flex-direction:row}.form-item-layout.form-item-layout--vertical[data-v-9b2a82ac]{flex-direction:column;align-items:stretch}.form-item-label[data-v-9b2a82ac]{flex-shrink:0;font-size:12px;box-sizing:border-box;display:flex;align-items:center;line-height:14px}.form-item-layout--horizontal .form-item-label[data-v-9b2a82ac]{justify-content:flex-end;padding-right:4px;height:28px;color:#606266}.form-item-layout--vertical .form-item-label[data-v-9b2a82ac]{justify-content:flex-start;margin-bottom:2px;height:28px;color:#606266}.form-item-input[data-v-9b2a82ac]{flex-shrink:0}.form-item-input[data-v-9b2a82ac]>.el-input,.form-item-input[data-v-9b2a82ac]>.el-select,.form-item-input[data-v-9b2a82ac]>.el-date-editor,.form-item-input[data-v-9b2a82ac]>.el-cascader,.form-item-input[data-v-9b2a82ac]>.el-checkbox-group,.form-item-input[data-v-9b2a82ac]>.el-radio-group,.form-item-input[data-v-9b2a82ac]>.cascader,.form-item-input[data-v-9b2a82ac]>.checkbox-content,.form-item-input[data-v-9b2a82ac]>.radio-group,.form-item-input[data-v-9b2a82ac]>.select,.form-item-input[data-v-9b2a82ac]>.date-picker,.form-item-input[data-v-9b2a82ac]>.advanced-input,.form-item-input[data-v-9b2a82ac]>.switch-content{width:100%!important}.label-select[data-v-9b2a82ac]{width:100%!important}.form-item-layout--vertical .label-select[data-v-9b2a82ac]{width:100px!important}.label-text[data-v-9b2a82ac]{width:100%;text-align:right}.form-item-layout--vertical .label-text[data-v-9b2a82ac]{text-align:left}.label-render[data-v-9b2a82ac]{width:100%;display:flex;justify-content:flex-end}.form-item-layout--vertical .label-render[data-v-9b2a82ac]{justify-content:flex-start}.select[data-v-b85e9ccb]{width:200px}.select[data-v-b85e9ccb] .el-tag--info{max-width:52%}.check-all-option[data-v-b85e9ccb]{margin-top:-6px;padding:6px 20px;border-bottom:1px solid #ebeef5;cursor:default;position:sticky;top:0;z-index:1;background-color:#fff}.popover-content .popover-title[data-v-7182656b]{font-weight:700;margin-bottom:5px}.popover-content .popover-subtitle[data-v-7182656b]{font-size:12px;color:#909399;margin-top:0;margin-bottom:10px}.popover-content .popover-footer[data-v-7182656b]{margin-top:10px;text-align:right}.date-picker[data-v-db170108]{width:200px}.cascader[data-v-012b1d19] .el-cascader{width:100%}.cascader[data-v-012b1d19] .el-cascader .el-input__inner{height:28px!important}.cascader[data-v-012b1d19] .el-cascader__tags .el-tag{margin:4px 0 4px 6px}.cascader[data-v-012b1d19] .el-cascader__tags .el-tag:first-child{max-width:90px}.cascader[data-v-012b1d19] .el-cascader__tags .el-tag:nth-child(2){max-width:48px}.cascader[data-v-012b1d19] .el-cascader__tags input{font-size:12px!important}.cascader[data-v-012b1d19] .el-cascader__tags .el-cascader__search-input{min-width:16px}.el-cascader__collapse-tags[data-v-012b1d19]{max-height:400px;max-width:400px;margin:0 -11px;padding:0 11px;overflow-y:auto;display:flex;flex-wrap:wrap;gap:4px}.radio-group[data-v-328c915e]{width:200px;display:inline-flex}.radio-group[data-v-328c915e] .el-radio-button{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.radio-group[data-v-328c915e] .el-radio-button .el-radio-button__inner{font-weight:400;width:100%;padding:0 4px!important;display:inline-block;text-overflow:ellipsis;overflow:hidden;box-sizing:border-box;text-align:center;height:28px;line-height:28px;padding:7px 5px}.checkbox-content[data-v-0ac1259e]{width:200px;display:flex;flex-direction:column}.checkbox-content[data-v-0ac1259e] .el-checkbox-group{display:flex;width:100%}.checkbox-content[data-v-0ac1259e] .el-checkbox-group .el-checkbox-button{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.checkbox-content[data-v-0ac1259e] .el-checkbox-group .el-checkbox-button .el-checkbox-button__inner{width:100%;display:inline-block;text-overflow:ellipsis;overflow:hidden;box-sizing:border-box;text-align:center;padding:0 4px;height:28px;line-height:28px}.switch-content[data-v-5ca0dc56]{display:flex;align-items:center}.switch-content[data-v-5ca0dc56] .el-switch .el-switch__core{flex-shrink:0}.table-search[data-v-4c4fd376]{--el-font-size-base: 12px}.table-search[data-v-4c4fd376] .el-select__wrapper,.table-search[data-v-4c4fd376] .el-switch__label{font-size:var(--el-font-size-base);font-weight:400}.table-search[data-v-4c4fd376] .el-radio-button__inner,.table-search[data-v-4c4fd376] .el-checkbox-button__inner{padding:9px 10px}.table-search[data-v-4c4fd376]{margin-bottom:10px;display:flex;flex-wrap:wrap;align-items:center}.table-search .search-content[data-v-4c4fd376]{flex:1;display:flex;align-items:center;flex-wrap:wrap;gap:10px}.table-search .search-actions[data-v-4c4fd376]{display:flex}.table-search .search-error-message[data-v-4c4fd376]{color:#f56c6c;font-size:12px;margin:5px 0}.table-search--v2 .search-form-item[data-v-4c4fd376]{height:28px}.table-search--v3 .search-form-item[data-v-4c4fd376]{height:24px}.tm-pagination[data-v-4dbdf6e7]{padding:10px 0;text-align:right;display:flex;flex-direction:row-reverse}.tm-table-menu[data-v-579dd2c3]{display:flex;justify-content:space-between;margin-bottom:10px}.tm-table-menu .left[data-v-579dd2c3]{flex:1;margin-right:10px;display:flex;flex-wrap:wrap;gap:4px 0}.tm-table-menu .right[data-v-579dd2c3]{flex-shrink:0}.column-config-popover{padding:0!important}.title[data-v-127cbd33]{display:flex;align-items:center;font-weight:700;color:#000;height:32px;padding-left:10px;padding-top:10px}.container[data-v-127cbd33]{height:500px;width:100%;display:flex;flex-direction:column;overflow:hidden}.container .main-container[data-v-127cbd33]{display:flex;flex:1;overflow:hidden;border-bottom:1px solid #dcdfe9}.container .main-container .left-content[data-v-127cbd33]{flex:2;border-right:1px solid #dcdfe9;display:flex;flex-direction:column}.container .main-container .left-content .option-list[data-v-127cbd33]{flex:1;overflow-y:auto}.container .main-container .right-content[data-v-127cbd33]{flex:1;overflow-y:auto;display:flex;flex-direction:column;overflow:hidden}.container .main-container .right-content .search-box[data-v-127cbd33]{display:flex;align-items:center;height:33px;border-bottom:1px solid #dcdfe9;box-sizing:border-box}.container .main-container .right-content .search-box[data-v-127cbd33] .el-input__inner{box-shadow:none;border:none}.container .main-container .right-content .search-box[data-v-127cbd33] .el-input__wrapper{box-shadow:none}.container .main-container .right-content .sort-list[data-v-127cbd33]{flex:1;overflow-y:auto}.container .main-container .right-content .sort-list .sort-item-wrapper[data-v-127cbd33]{position:relative;transition:background-color .2s}.container .main-container .right-content .sort-list .sort-item-wrapper[data-v-127cbd33]:hover{background-color:#e0eeff}.container .main-container .right-content .sort-list .sort-item-wrapper:hover .delete-button[data-v-127cbd33],.container .main-container .right-content .sort-list .sort-item-wrapper:hover .top-button[data-v-127cbd33],.container .main-container .right-content .sort-list .sort-item-wrapper:hover .left-fixed-btn[data-v-127cbd33]:not(.active-fixed),.container .main-container .right-content .sort-list .sort-item-wrapper:hover .right-fixed-btn[data-v-127cbd33]:not(.active-fixed){display:inline-block!important}.container .main-container .right-content .sort-list .sort-item-wrapper.no-drop-zone[data-v-127cbd33]{position:relative}.container .main-container .right-content .sort-list .sort-item-wrapper.no-drop-zone[data-v-127cbd33]:after{content:"";position:absolute;inset:0;background:#ff00001a;border:1px dashed #f56c6c;pointer-events:none}.container .main-container .right-content .sort-list .sort-item-wrapper.frozen[data-v-127cbd33]:hover,.container .main-container .right-content .sort-list .sort-item-wrapper.frozenRight[data-v-127cbd33]:hover{background-color:#e0eeff}.container .main-container .right-content .sort-list .sort-item[data-v-127cbd33]{display:flex;align-items:center;width:100%;height:32px;box-sizing:border-box;padding:0 8px;transition:.2s;user-select:none}.container .main-container .right-content .sort-list .sort-item .row-title[data-v-127cbd33]{cursor:grab;flex:1;margin-right:8px;display:flex;align-items:center;gap:4px}.container .main-container .right-content .sort-list .sort-item .operation-btns[data-v-127cbd33]{display:flex;align-items:center}.container .main-container .right-content .sort-list .sort-item .operation-btns .iconfont-button[data-v-127cbd33]{margin-left:3px;padding:0}.container .main-container .right-content .sort-list .sort-item .operation-btns .delete-button[data-v-127cbd33],.container .main-container .right-content .sort-list .sort-item .operation-btns .top-button[data-v-127cbd33],.container .main-container .right-content .sort-list .sort-item .operation-btns .left-fixed-btn[data-v-127cbd33]:not(.active-fixed),.container .main-container .right-content .sort-list .sort-item .operation-btns .right-fixed-btn[data-v-127cbd33]:not(.active-fixed){display:none}.container .main-container .right-content .sort-list .sort-item .operation-btns .left-fixed-btn.active-fixed[data-v-127cbd33],.container .main-container .right-content .sort-list .sort-item .operation-btns .right-fixed-btn.active-fixed[data-v-127cbd33]{display:inline-block;color:var(--el-color-primary)}.container .main-container .right-content .sort-list .sort-item .operation-btns .iconfont[data-v-127cbd33]{color:#aaa;font-size:14px}.container .main-container .right-content .sort-list .sort-item .operation-btns .iconfont[data-v-127cbd33]:hover{color:var(--el-color-primary)}.container .main-container .right-content .sort-list .sort-item .operation-btns .left-fixed-btn .el-icon-position[data-v-127cbd33]{transform:rotate(-90deg)}.container .main-container .right-content .sort-list .sort-item .operation-btns .left-fixed-btn:hover .el-icon-position[data-v-127cbd33]{color:var(--el-color-primary)}.container .main-container .right-content .sort-list .sort-item .operation-btns .right-fixed-btn .el-icon-position[data-v-127cbd33]{transform:rotate(90deg)}.container .main-container .right-content .sort-list .sort-item .operation-btns .right-fixed-btn:hover .el-icon-position[data-v-127cbd33]{color:var(--el-color-primary)}.container .footer[data-v-127cbd33]{padding:10px;box-sizing:border-box;display:flex;justify-content:space-between}.el-checkbox[data-v-127cbd33]{white-space:wrap;min-height:14px;height:auto;margin-top:10px;margin-left:10px;font-weight:400}.el-checkbox[data-v-127cbd33] .el-checkbox__label{width:70px;vertical-align:top}.blue-background-class[data-v-127cbd33]{background-color:#e0eeff!important;box-shadow:0 2px 8px #0000001a;z-index:1000}.sortable-drag[data-v-127cbd33]{opacity:.9;background-color:#e0eeff!important;box-shadow:0 2px 8px #0000001a}.tips[data-v-127cbd33]{color:#999;line-height:16px;font-size:12px;padding:8px}.tips span[data-v-127cbd33],.tips span span[data-v-127cbd33]{color:#999}.tm-table[data-v-5c3f3820] .el-table .cell{word-break:keep-all;word-wrap:break-word}.icon-item[data-v-14f27c2e]{cursor:pointer}.icon-item[data-v-14f27c2e]:hover{opacity:.6}.tm-ellipsis-text[data-v-14f27c2e]{position:relative;overflow:hidden}.tm-ellipsis-text .tm-ellipsis-text-wrapper[data-v-14f27c2e]{width:100%}.tm-ellipsis-text .tm-ellipsis-text-wrapper .tm-ellipsis-line[data-v-14f27c2e]{line-height:inherit;word-break:break-all;white-space:normal}.tm-ellipsis-text .tm-ellipsis-text-wrapper .tm-ellipsis-last-line[data-v-14f27c2e]{display:flex;align-items:center;line-height:inherit}.tm-ellipsis-text .tm-ellipsis-text-wrapper .tm-ellipsis-last-line .tm-ellipsis-text-part[data-v-14f27c2e]{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;word-break:break-all}.tm-ellipsis-text .tm-ellipsis-text-wrapper .tm-ellipsis-last-line .tm-ellipsis-toolbar-part[data-v-14f27c2e]{flex-shrink:0;margin-left:4px;display:flex;align-items:center;line-height:inherit;font-size:inherit}.tm-ellipsis-measure[data-v-14f27c2e]{position:absolute;left:-9999px;top:-9999px;visibility:hidden;pointer-events:none;z-index:-1}