kivii-public-components 0.1.2 → 0.1.4
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +178 -3
- package/dist/kivii-public-components.css +1 -1
- package/dist/kivii-public-components.js +3880 -3324
- package/dist/kivii-public-components.umd.cjs +150 -150
- package/package.json +1 -1
package/README.md
CHANGED
|
@@ -1,5 +1,180 @@
|
|
|
1
|
-
#
|
|
1
|
+
# kivii-public-components
|
|
2
2
|
|
|
3
|
-
|
|
3
|
+
基于 Vue 3 + Naive UI 的公共组件库，提供开箱即用的数据表格组件，支持搜索、分页、列配置、增删改等能力。
|
|
4
4
|
|
|
5
|
-
|
|
5
|
+
## 特性
|
|
6
|
+
|
|
7
|
+
- 自包含设计，无需宿主安装或配置 Naive UI
|
|
8
|
+
- 支持动态列配置、搜索字段配置
|
|
9
|
+
- 内置分页、排序、筛选
|
|
10
|
+
- 支持自定义动作、数据转换规则
|
|
11
|
+
- 支持暗色/亮色主题
|
|
12
|
+
|
|
13
|
+
---
|
|
14
|
+
|
|
15
|
+
## 安装
|
|
16
|
+
|
|
17
|
+
```bash
|
|
18
|
+
# npm
|
|
19
|
+
npm install kivii-public-components
|
|
20
|
+
|
|
21
|
+
# pnpm
|
|
22
|
+
pnpm add kivii-public-components
|
|
23
|
+
|
|
24
|
+
# yarn
|
|
25
|
+
yarn add kivii-public-components
|
|
26
|
+
```
|
|
27
|
+
|
|
28
|
+
**前置依赖**：宿主项目需要安装 Vue 3（组件本身已内置 Naive UI，无需额外安装）。
|
|
29
|
+
|
|
30
|
+
```bash
|
|
31
|
+
pnpm add vue
|
|
32
|
+
```
|
|
33
|
+
|
|
34
|
+
---
|
|
35
|
+
|
|
36
|
+
## 快速开始
|
|
37
|
+
|
|
38
|
+
### 1. 引入样式
|
|
39
|
+
|
|
40
|
+
在项目入口文件（`main.ts` 或根组件）中引入 CSS：
|
|
41
|
+
|
|
42
|
+
```ts
|
|
43
|
+
import 'kivii-public-components/style'
|
|
44
|
+
```
|
|
45
|
+
|
|
46
|
+
### 2. 使用组件
|
|
47
|
+
|
|
48
|
+
```vue
|
|
49
|
+
<template>
|
|
50
|
+
<TableIndex :uiConfig="config" />
|
|
51
|
+
</template>
|
|
52
|
+
|
|
53
|
+
<script setup lang="ts">
|
|
54
|
+
import { TableIndex } from 'kivii-public-components'
|
|
55
|
+
|
|
56
|
+
const config = {
|
|
57
|
+
Type: 'YourApp.Entities.Invoice',
|
|
58
|
+
InternalCode: '发票管理',
|
|
59
|
+
IsDefault: true,
|
|
60
|
+
InitQuery: '/api/Invoice/Query.json',
|
|
61
|
+
GetUrl: '/api/UiConfig/Get.json',
|
|
62
|
+
SetUrl: '/api/UiConfig/Set.json',
|
|
63
|
+
}
|
|
64
|
+
</script>
|
|
65
|
+
```
|
|
66
|
+
|
|
67
|
+
---
|
|
68
|
+
|
|
69
|
+
## API
|
|
70
|
+
|
|
71
|
+
### TableIndex Props
|
|
72
|
+
|
|
73
|
+
| 参数 | 类型 | 必填 | 说明 |
|
|
74
|
+
|------|------|------|------|
|
|
75
|
+
| `uiConfig` | `UiConfig` | 否 | 表格配置对象，包含接口地址和实体类型 |
|
|
76
|
+
|
|
77
|
+
### UiConfig 配置项
|
|
78
|
+
|
|
79
|
+
| 字段 | 类型 | 必填 | 说明 |
|
|
80
|
+
|------|------|------|------|
|
|
81
|
+
| `Type` | `string` | 是 | 实体类型标识，用于获取列结构，例如 `'YourApp.Entities.Invoice'` |
|
|
82
|
+
| `InternalCode` | `string` | 是 | 当前视图的唯一标识，用于保存/读取列配置 |
|
|
83
|
+
| `IsDefault` | `boolean` | 否 | 是否使用默认列配置，默认 `true` |
|
|
84
|
+
| `InitQuery` | `string` | 是 | 数据查询接口地址（GET），例如 `'/api/Invoice/Query.json'` |
|
|
85
|
+
| `GetUrl` | `string` | 是 | 读取 UI 配置接口地址（GET） |
|
|
86
|
+
| `SetUrl` | `string` | 是 | 保存 UI 配置接口地址（POST） |
|
|
87
|
+
| `InitDelete` | `string` | 否 | 删除接口地址（POST），不配置则禁用删除功能 |
|
|
88
|
+
| `CreateVueUrl` | `string` | 否 | 新建表单动态组件的 URL，用于加载远程 Vue 组件 |
|
|
89
|
+
|
|
90
|
+
### 接口约定
|
|
91
|
+
|
|
92
|
+
组件内部使用 axios 调用接口，需后端按以下格式返回数据。
|
|
93
|
+
|
|
94
|
+
**查询接口 `InitQuery`（GET）**
|
|
95
|
+
|
|
96
|
+
```json
|
|
97
|
+
{
|
|
98
|
+
"Data": [...],
|
|
99
|
+
"Total": 100
|
|
100
|
+
}
|
|
101
|
+
```
|
|
102
|
+
|
|
103
|
+
**列结构接口 `/Server/Entity/{Type}`（GET）**
|
|
104
|
+
|
|
105
|
+
```json
|
|
106
|
+
[
|
|
107
|
+
{ "Field": "Name", "Label": "名称", "DataType": "string" },
|
|
108
|
+
{ "Field": "Amount", "Label": "金额", "DataType": "number" }
|
|
109
|
+
]
|
|
110
|
+
```
|
|
111
|
+
|
|
112
|
+
---
|
|
113
|
+
|
|
114
|
+
## 完整示例
|
|
115
|
+
|
|
116
|
+
```vue
|
|
117
|
+
<template>
|
|
118
|
+
<div style="padding: 16px;">
|
|
119
|
+
<TableIndex :uiConfig="tableConfig" />
|
|
120
|
+
</div>
|
|
121
|
+
</template>
|
|
122
|
+
|
|
123
|
+
<script setup lang="ts">
|
|
124
|
+
import { TableIndex } from 'kivii-public-components'
|
|
125
|
+
import 'kivii-public-components/style'
|
|
126
|
+
|
|
127
|
+
const tableConfig = {
|
|
128
|
+
Type: 'YourApp.Entities.Order',
|
|
129
|
+
InternalCode: '订单列表',
|
|
130
|
+
IsDefault: true,
|
|
131
|
+
InitQuery: '/api/Order/Query.json',
|
|
132
|
+
GetUrl: '/api/UiConfig/Get.json',
|
|
133
|
+
SetUrl: '/api/UiConfig/Set.json',
|
|
134
|
+
InitDelete: '/api/Order/Delete.json',
|
|
135
|
+
CreateVueUrl: '/forms/orderForm.vue',
|
|
136
|
+
}
|
|
137
|
+
</script>
|
|
138
|
+
```
|
|
139
|
+
|
|
140
|
+
---
|
|
141
|
+
|
|
142
|
+
## 注意事项
|
|
143
|
+
|
|
144
|
+
### 接口代理
|
|
145
|
+
|
|
146
|
+
组件内部接口请求使用相对路径，本地开发时请在宿主项目的 Vite 配置中设置代理：
|
|
147
|
+
|
|
148
|
+
```ts
|
|
149
|
+
// vite.config.ts
|
|
150
|
+
export default defineConfig({
|
|
151
|
+
server: {
|
|
152
|
+
proxy: {
|
|
153
|
+
'/api': {
|
|
154
|
+
target: 'https://your-api-server.com',
|
|
155
|
+
changeOrigin: true,
|
|
156
|
+
},
|
|
157
|
+
},
|
|
158
|
+
},
|
|
159
|
+
})
|
|
160
|
+
```
|
|
161
|
+
|
|
162
|
+
### 无需配置 Naive UI Provider
|
|
163
|
+
|
|
164
|
+
本组件已在内部封装了 `NConfigProvider`、`NMessageProvider`、`NDialogProvider`，宿主项目**无需安装或注册 Naive UI**，直接使用即可。
|
|
165
|
+
|
|
166
|
+
---
|
|
167
|
+
|
|
168
|
+
## 版本记录
|
|
169
|
+
|
|
170
|
+
| 版本 | 说明 |
|
|
171
|
+
|------|------|
|
|
172
|
+
| 0.1.2 | 组件自包含 Provider，宿主无需 Naive UI |
|
|
173
|
+
| 0.1.1 | 修复发布配置，排除无关文件 |
|
|
174
|
+
| 0.1.0 | 初始版本 |
|
|
175
|
+
|
|
176
|
+
---
|
|
177
|
+
|
|
178
|
+
## License
|
|
179
|
+
|
|
180
|
+
MIT
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
.dialog-header[data-v-957c2abe]{justify-content:space-between;align-items:center;width:100%;display:flex}.selection-badge[data-v-957c2abe]{background-color:var(--n-primary-color);color:#fff;border-radius:4px;padding:2px 8px;font-size:12px}.dialog-content[data-v-957c2abe]{flex-direction:column;gap:16px;max-height:60vh;display:flex;overflow-y:auto}.dynamic-component-container[data-v-957c2abe]{width:100%;height:100%;min-height:300px}.default-display-container[data-v-957c2abe]{flex-direction:column;gap:16px;display:flex}.info-section[data-v-957c2abe]{border-bottom:1px solid var(--n-border-color);align-items:center;gap:12px;padding:8px 0;display:flex}.info-label[data-v-957c2abe]{color:var(--n-text-color);min-width:80px;font-weight:500}.info-value[data-v-957c2abe]{color:var(--n-text-color-2);flex:1;font-family:monospace}.selection-summary[data-v-957c2abe]{flex:1}.count-info[data-v-957c2abe]{color:var(--n-primary-color);font-weight:500}.data-section[data-v-957c2abe]{flex-direction:column;gap:12px;display:flex}.section-title[data-v-957c2abe]{color:var(--n-text-color);border-bottom:1px solid var(--n-border-color);padding-bottom:8px;font-weight:500}.data-container[data-v-957c2abe]{max-height:400px;overflow-y:auto}.multiple-data[data-v-957c2abe],.single-data[data-v-957c2abe]{flex-direction:column;gap:12px;display:flex}.data-item[data-v-957c2abe]{border:1px solid var(--n-border-color);border-radius:6px;overflow:hidden}.item-header[data-v-957c2abe]{background-color:var(--n-card-color);color:var(--n-text-color-2);border-bottom:1px solid var(--n-border-color);padding:8px 12px;font-size:12px;font-weight:500}.item-content[data-v-957c2abe]{background-color:var(--n-code-color);max-height:200px;padding:12px;overflow-y:auto}.item-content pre[data-v-957c2abe]{color:var(--n-text-color-2);white-space:pre-wrap;word-wrap:break-word;margin:0;font-size:12px}.no-data[data-v-957c2abe]{text-align:center;color:var(--n-text-color-3);padding:40px;font-style:italic}.dialog-actions[data-v-957c2abe]{justify-content:flex-end;gap:12px;display:flex}[data-v-957c2abe] .n-scrollbar-rail{right:2px}[data-v-957c2abe] .n-scrollbar-rail__scrollbar{border-radius:3px;width:6px}.search-card[data-v-2107cb07]{margin-bottom:8px}.custom-actions[data-v-2107cb07]{background-color:var(--n-color-action);border-radius:4px;align-items:center;gap:12px;margin-top:8px;padding:6px 12px;animation:.3s fadeIn-2107cb07;display:flex}.selected-info[data-v-2107cb07]{white-space:nowrap;align-items:center;display:flex}.actions-list[data-v-2107cb07]{flex-wrap:wrap;flex:1;gap:8px;display:flex}.actions-close[data-v-2107cb07]{margin-left:auto}@keyframes fadeIn-2107cb07{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.add-view-button[data-v-2107cb07]:hover{box-shadow:none!important;background-color:#0000!important}.add-icon[data-v-2107cb07]{transition:all .3s}.add-view-button:hover .add-icon[data-v-2107cb07]{transform:translateY(-6px)scale(1.5)!important}.top-actions[data-v-2107cb07]{justify-content:flex-end;padding-bottom:8px;display:flex}.search-form-area[data-v-2107cb07]{margin-top:8px}[data-v-2107cb07] .n-form-item{margin-bottom:0}[data-v-2107cb07] .n-form-item-label{width:100px;color:var(--n-text-color-2);justify-content:flex-end;align-items:flex-start;height:28px;padding-top:5px;padding-right:8px;font-size:14px;display:flex}[data-v-2107cb07] .n-form-item-label label{margin:0;line-height:1}.n-date-picker.n-date-picker--range[data-v-2107cb07]{width:100%}[data-v-2107cb07] .n-form-item-blank{min-height:28px}[data-v-2107cb07] .n-input,[data-v-2107cb07] .n-select,[data-v-2107cb07] .n-date-picker{--n-height:28px}[data-v-2107cb07] .n-form-item-feedback-wrapper{display:none}[data-v-2107cb07] .n-card__content{padding:12px!important}.action-buttons[data-v-2107cb07]{align-items:center;height:28px;margin-left:0;display:flex}.tab-with-dropdown[data-v-2107cb07]{align-items:center;gap:4px;display:flex}.tab-with-dropdown .n-button[data-v-2107cb07]{opacity:.6;transition:opacity .2s}.tab-with-dropdown:hover .n-button[data-v-2107cb07]{opacity:1}[data-v-2107cb07] .n-tabs-tab{position:relative}[data-v-2107cb07] .n-tabs-tab .tab-with-dropdown .n-button{z-index:10;position:relative}.search-card[data-v-25725f01]{margin-bottom:8px}.tag-container[data-v-25725f01]{justify-content:flex-start;align-items:center;display:flex}.image-container[data-v-25725f01]{justify-content:center;align-items:center;padding:4px;display:flex}.image-container img[data-v-25725f01]{transition:transform .2s}.image-container img[data-v-25725f01]:hover{transform:scale(1.05)}[data-v-25725f01] .n-data-table{--n-merged-th-color:var(--n-table-color);--n-merged-td-color:var(--n-table-color);--n-table-color:var(--n-card-color);--n-table-header-color:var(--n-card-color);--n-table-color-hover:var(--n-color-target);--n-table-color-striped:var(--n-color-target);--n-table-color-dark:#2d2d2d;--n-table-header-color-dark:#333}[data-v-25725f01] .n-data-table-base-table-body{overflow:auto!important}[data-v-25725f01] .n-data-table-table{min-width:100%}[data-v-25725f01] .n-pagination .n-pagination-size-picker,[data-v-25725f01] .n-pagination .n-pagination-size-picker .n-base-selection{width:84px!important}[data-v-25725f01] .n-pagination{align-items:center;gap:8px;display:flex}[data-v-25725f01] .n-pagination-prefix{white-space:nowrap;margin-right:auto}[data-v-25725f01] .n-data-table-base-table{width:100%}[data-v-25725f01] .n-data-table-base-table-body{overflow-x:auto!important}[data-v-25725f01] .n-scrollbar-container{min-width:100%}.icon-button[data-v-25725f01]{cursor:pointer;flex-shrink:0;justify-content:center;align-items:center;transition:transform .2s;display:inline-flex}.icon-button[data-v-25725f01]:hover{transform:scale(1.2)}[data-v-25725f01] .n-data-table .action-buttons .n-button{min-width:60px;cursor:pointer!important}[data-v-25725f01] .n-data-table-td--fixed-left{background-color:var(--v30e6aa0d)!important;z-index:2!important;position:sticky!important;box-shadow:2px 0 4px #0000001a!important}[data-v-25725f01] .n-data-table-th--fixed-left{background-color:var(--v1740fc0e)!important;z-index:3!important;position:sticky!important;box-shadow:2px 0 4px #0000001a!important}[data-v-25725f01] .n-data-table-td--fixed-right{background-color:var(--v30e6aa0d)!important;z-index:2!important;position:sticky!important;box-shadow:-2px 0 4px #0000001a!important}[data-v-25725f01] .n-data-table-th--fixed-right{background-color:var(--v1740fc0e)!important;z-index:3!important;position:sticky!important;box-shadow:-2px 0 4px #0000001a!important}[data-v-25725f01] .n-data-table--striped .n-data-table-tr--striped .n-data-table-td--fixed-left,[data-v-25725f01] .n-data-table--striped .n-data-table-tr--striped .n-data-table-td--fixed-right{background-color:var(--n-color-target)!important}[data-v-25725f01] .n-data-table-tr:hover .n-data-table-td--fixed-left,[data-v-25725f01] .n-data-table-tr:hover .n-data-table-td--fixed-right{background-color:var(--v30e6aa0d)!important}.setting-item[data-v-c5f473e2]{border-bottom:1px solid var(--n-border-color);justify-content:space-between;align-items:center;padding:10px 0;font-size:13px;display:flex}.setting-item[data-v-c5f473e2]:last-child{border-bottom:none}.setting-label[data-v-c5f473e2]{color:var(--n-text-color-2);flex:0 0 120px;font-size:14px}.setting-control[data-v-c5f473e2]{flex:1;justify-content:flex-end;align-items:center;display:flex}.size-group[data-v-c5f473e2]{width:100%}[data-v-c5f473e2] .n-radio-group{gap:8px;display:flex}[data-v-c5f473e2] .n-radio-button{text-align:center;flex:1}[data-v-c5f473e2] .n-select,[data-v-c5f473e2] .n-input,[data-v-c5f473e2] .n-input-number{width:100%}.columns-header[data-v-d3324b0a]{flex-shrink:0;justify-content:space-between;margin:0;padding:0 16px 12px;display:flex}.columns-search[data-v-d3324b0a]{flex-shrink:0;padding:0 16px 12px}.columns-list[data-v-d3324b0a]{flex:1;overflow:hidden}.columns-container[data-v-d3324b0a]{flex-direction:column;display:flex}.column-item[data-v-d3324b0a]{box-sizing:border-box;border-bottom:1px solid var(--n-border-color);contain:layout style paint;will-change:transform;align-items:center;min-height:40px;padding:8px 16px;display:flex}.column-item-left[data-v-d3324b0a]{align-items:center;gap:12px;display:flex}.column-drag-handle[data-v-d3324b0a]{cursor:move;color:var(--n-text-color-3)}.column-item-content[data-v-d3324b0a]{flex:1;align-items:center;gap:8px;margin-left:12px;display:flex}.column-title[data-v-d3324b0a]{color:var(--n-text-color);font-size:12px}.column-key[data-v-d3324b0a]{color:var(--n-text-color-3);font-size:12px}.column-item-right[data-v-d3324b0a]{opacity:0;margin-left:auto;transition:opacity .3s}.column-item:hover .column-item-right[data-v-d3324b0a]{opacity:1}.columns-search[data-v-d3324b0a] .n-input{--n-height:32px}.columns-search[data-v-d3324b0a] .n-input-wrapper{background-color:var(--n-card-color)}.columns-search[data-v-d3324b0a] .n-input__prefix{margin-right:8px}.columns-search[data-v-d3324b0a] .n-icon{color:var(--n-text-color-3);font-size:16px}.virtual-scroll-container[data-v-d3324b0a]{height:calc(100vh - 200px);position:relative;overflow-y:auto}.virtual-scroll-content[data-v-d3324b0a]{width:100%;position:relative}.virtual-scroll-items[data-v-d3324b0a]{position:absolute;top:0;left:0;right:0}.virtual-scroll-container[data-v-d3324b0a]::-webkit-scrollbar{width:6px}.virtual-scroll-container[data-v-d3324b0a]::-webkit-scrollbar-track{background:0 0;border-radius:3px}.virtual-scroll-container[data-v-d3324b0a]::-webkit-scrollbar-thumb{background:var(--n-scrollbar-color,#d1d5db);opacity:.6;border-radius:3px;transition:all .2s}.virtual-scroll-container[data-v-d3324b0a]::-webkit-scrollbar-thumb:hover{background:var(--n-scrollbar-color-hover,#9ca3af);opacity:1}.columns-list[data-v-d3324b0a] .n-scrollbar-rail{border-radius:3px!important;width:6px!important;right:2px!important}.columns-list[data-v-d3324b0a] .n-scrollbar-rail .n-scrollbar-rail__scrollbar{background:var(--n-scrollbar-color,#d1d5db)!important;opacity:.6!important;border-radius:3px!important;width:6px!important;transition:all .2s!important}.columns-list[data-v-d3324b0a] .n-scrollbar-rail .n-scrollbar-rail__scrollbar:hover{background:var(--n-scrollbar-color-hover,#9ca3af)!important;opacity:1!important}.columns-list[data-v-d3324b0a] .n-scrollbar-track{background:0 0!important}.columns-list[data-v-d3324b0a]:hover .n-scrollbar-rail .n-scrollbar-rail__scrollbar{opacity:.8!important}.search-config-header[data-v-d8922cea]{border-bottom:1px solid var(--n-border-color);justify-content:space-between;align-items:center;padding:0 16px 12px;display:flex}.search-fields-container[data-v-d8922cea]{padding:8px 0}.search-field-item[data-v-d8922cea]{border-bottom:1px solid var(--n-border-color);cursor:move;contain:layout style paint;will-change:transform;align-items:center;padding:8px 16px;display:flex}.field-item-left[data-v-d8922cea]{align-items:center;gap:12px;display:flex}.field-drag-handle[data-v-d8922cea]{cursor:move;color:var(--n-text-color-3)}.field-item-content[data-v-d8922cea]{flex:1;margin:0 12px}.field-label[data-v-d8922cea]{color:var(--n-text-color);font-size:12px}.field-key[data-v-d8922cea]{color:var(--n-text-color-3);margin-left:8px;font-size:12px}.field-item-right[data-v-d8922cea]{opacity:0;gap:4px;transition:opacity .3s;display:flex}.search-field-item:hover .field-item-right[data-v-d8922cea]{opacity:1}.search-fields-list[data-v-d8922cea] .n-scrollbar-rail{border-radius:3px!important;width:6px!important;right:2px!important}.search-fields-list[data-v-d8922cea] .n-scrollbar-rail .n-scrollbar-rail__scrollbar{background:var(--n-scrollbar-color,#d1d5db)!important;opacity:.6!important;border-radius:3px!important;width:6px!important;transition:all .2s!important}.search-fields-list[data-v-d8922cea] .n-scrollbar-rail .n-scrollbar-rail__scrollbar:hover{background:var(--n-scrollbar-color-hover,#9ca3af)!important;opacity:1!important}.search-fields-list[data-v-d8922cea] .n-scrollbar-track{background:0 0!important}.search-fields-list[data-v-d8922cea]:hover .n-scrollbar-rail .n-scrollbar-rail__scrollbar{opacity:.8!important}.transform-config-header[data-v-25cc77cb]{border-bottom:1px solid var(--n-border-color);justify-content:space-between;align-items:center;padding:0 16px 12px;display:flex}.header-actions[data-v-25cc77cb]{gap:8px;display:flex}.transform-rules-container[data-v-25cc77cb]{padding:8px 0}.transform-rule-item[data-v-25cc77cb]{border-bottom:1px solid var(--n-border-color);contain:layout style paint;will-change:transform;align-items:center;padding:12px 16px;display:flex}.rule-item-content[data-v-25cc77cb]{flex:1;margin-right:12px}.rule-main-info[data-v-25cc77cb]{align-items:center;margin-bottom:4px;display:flex}.rule-field-label[data-v-25cc77cb]{color:var(--n-text-color);font-size:14px;font-weight:500}.rule-field-key[data-v-25cc77cb]{color:var(--n-text-color-3);margin-left:8px;font-size:12px}.rule-sub-info[data-v-25cc77cb]{align-items:center;gap:12px;display:flex}.rule-type[data-v-25cc77cb]{color:var(--n-primary-color);font-size:12px}.rule-mappings-count[data-v-25cc77cb],.rule-format[data-v-25cc77cb],.rule-config[data-v-25cc77cb],.rule-image-config[data-v-25cc77cb]{color:var(--n-text-color-3);font-size:12px}.domain-prefix[data-v-25cc77cb]{color:var(--n-primary-color);font-weight:500}.rule-item-right[data-v-25cc77cb]{opacity:0;gap:4px;transition:opacity .3s;display:flex}.transform-rule-item:hover .rule-item-right[data-v-25cc77cb]{opacity:1}.empty-state[data-v-25cc77cb]{text-align:center;color:var(--n-text-color-3);flex-direction:column;gap:12px;padding:40px 16px;display:flex}.edit-form[data-v-25cc77cb]{flex-direction:column;gap:16px;display:flex}.form-item[data-v-25cc77cb]{flex-direction:column;gap:8px;display:flex}.form-item label[data-v-25cc77cb]{color:var(--n-text-color);font-size:14px;font-weight:500}.mappings-container[data-v-25cc77cb]{border:1px solid var(--n-border-color);border-radius:6px;padding:12px}.mapping-item[data-v-25cc77cb]{border-bottom:1px dashed var(--n-border-color);margin-bottom:12px;padding-bottom:12px}.mapping-item[data-v-25cc77cb]:last-child{border-bottom:none;margin-bottom:0;padding-bottom:0}.mapping-row[data-v-25cc77cb]{align-items:flex-end;gap:12px;display:flex}.mapping-field[data-v-25cc77cb]{flex-direction:column;flex:1;gap:4px;display:flex}.mapping-field label[data-v-25cc77cb]{color:var(--n-text-color-2);font-size:12px}.remove-mapping-btn[data-v-25cc77cb]{margin-bottom:4px}.add-mapping[data-v-25cc77cb]{justify-content:center;margin-top:8px;display:flex}.dialog-actions[data-v-25cc77cb]{justify-content:flex-end;gap:12px;display:flex}.config-placeholder[data-v-25cc77cb]{padding:12px}.image-config[data-v-25cc77cb]{background:var(--n-card-color);border-radius:6px;grid-template-columns:1fr 1fr;gap:16px;padding:12px;display:grid}.image-config .config-item[data-v-25cc77cb]:last-child{grid-column:1/-1}.config-item[data-v-25cc77cb]{flex-direction:column;gap:8px;display:flex}.config-item label[data-v-25cc77cb]{color:var(--n-text-color-2);font-size:12px;font-weight:500}[data-v-25cc77cb] .n-scrollbar-rail{right:2px}[data-v-25cc77cb] .n-scrollbar-rail__scrollbar{border-radius:3px;width:6px}.dialog-settings[data-v-96edd653]{padding:16px}.settings-description[data-v-96edd653]{color:#666;margin-bottom:16px;font-size:14px}.note-section[data-v-96edd653]{margin-top:24px}.action-config-header[data-v-f3fde0df]{border-bottom:1px solid var(--n-border-color);justify-content:space-between;align-items:center;padding:0 16px 12px;display:flex}.header-actions[data-v-f3fde0df]{gap:8px;display:flex}.action-rules-container[data-v-f3fde0df]{padding:8px 0}.action-rule-item[data-v-f3fde0df]{border-bottom:1px solid var(--n-border-color);contain:layout style paint;will-change:transform;align-items:center;padding:12px 16px;display:flex}.rule-item-content[data-v-f3fde0df]{flex:1;margin-right:12px}.rule-main-info[data-v-f3fde0df]{justify-content:space-between;align-items:center;margin-bottom:4px;display:flex}.rule-field-label[data-v-f3fde0df]{color:var(--n-text-color);font-size:14px;font-weight:500}.enable-switch[data-v-f3fde0df]{margin-left:12px}.rule-sub-info[data-v-f3fde0df]{align-items:center;gap:12px;display:flex}.rule-type[data-v-f3fde0df]{color:var(--n-primary-color);font-size:12px}.rule-config[data-v-f3fde0df]{color:var(--n-text-color-3);font-size:12px}.rule-params[data-v-f3fde0df]{color:var(--n-warning-color);font-size:12px;font-weight:500}.rule-description[data-v-f3fde0df]{color:var(--n-text-color-2);font-size:12px;font-style:italic}.rule-item-right[data-v-f3fde0df]{opacity:.8;align-items:center;gap:8px;transition:opacity .3s;display:flex}.action-rule-item:hover .rule-item-right[data-v-f3fde0df]{opacity:1}.empty-state[data-v-f3fde0df]{text-align:center;color:var(--n-text-color-3);flex-direction:column;gap:12px;padding:40px 16px;display:flex}.edit-form[data-v-f3fde0df]{flex-direction:column;gap:16px;display:flex}.form-item[data-v-f3fde0df]{flex-direction:column;gap:8px;display:flex}.form-item label[data-v-f3fde0df]{color:var(--n-text-color);font-size:14px;font-weight:500}.dialog-actions[data-v-f3fde0df]{justify-content:flex-end;gap:12px;display:flex}[data-v-f3fde0df] .n-scrollbar-rail{right:2px}[data-v-f3fde0df] .n-scrollbar-rail__scrollbar{border-radius:3px;width:6px}.drawer-header[data-v-f7e9409b]{border-bottom:1px solid #e5e5e5;justify-content:space-between;align-items:center;padding:16px 20px;display:flex}.header-left[data-v-f7e9409b]{align-items:center;display:flex}.view-name[data-v-f7e9409b]{cursor:pointer;border-radius:4px;padding:4px 8px;font-size:16px;font-weight:500;transition:background-color .2s}.view-name[data-v-f7e9409b]:hover{background-color:#f5f5f5}.header-right[data-v-f7e9409b]{align-items:center;gap:8px;display:flex}.custom-settings-container[data-v-f7e9409b]{display:flex;overflow:hidden}.sidebar-menu[data-v-f7e9409b]{width:180px;padding:0;overflow-y:auto}.menu-category[data-v-f7e9409b]{margin-bottom:8px}.category-title[data-v-f7e9409b]{color:#999;text-transform:uppercase;letter-spacing:.5px;padding:12px 16px 8px;font-size:16px;font-weight:700}.category-items[data-v-f7e9409b]{padding-bottom:8px}.menu-item[data-v-f7e9409b]{cursor:pointer;align-items:center;padding:10px 16px;transition:all .2s;display:flex}.item-icon[data-v-f7e9409b]{min-width:16px;margin-right:10px}.item-label[data-v-f7e9409b]{white-space:nowrap;font-size:14px}.content-area[data-v-f7e9409b]{flex:1;overflow:hidden}.tab-content[data-v-f7e9409b]{height:100%;padding:10px;overflow-y:auto}.tab-loading[data-v-f7e9409b]{height:200px;color:var(--n-text-color-3);flex-direction:column;justify-content:center;align-items:center;gap:12px;display:flex}[data-v-f7e9409b] .n-drawer-content{padding:0}[data-v-f7e9409b] .n-drawer-header{display:none}.custom-settings-container .tab-content[data-v-f7e9409b] .n-form{max-width:none}.custom-settings-container .tab-content[data-v-f7e9409b] .search-field-item{border-radius:6px;padding:12px}.n-drawer .n-drawer-content.n-drawer-content--native-scrollbar[data-v-f7e9409b] .n-drawer-body-content-wrapper{height:104%!important}[data-v-f7e9409b] .n-drawer-header__main{width:100%}:deep(.n-drawer .n-form-item){margin-bottom:16px}:deep(.n-drawer .n-radio-group){gap:8px;width:100%;display:flex}:deep(.n-drawer .n-radio-button){text-align:center;flex:1}.n-input-group{gap:8px;display:flex}.n-input-group .n-input{flex:1}.n-divider{margin:16px 0}:deep(.n-drawer) ::-webkit-scrollbar{width:6px}:deep(.n-drawer) ::-webkit-scrollbar-track{background:0 0;border-radius:3px}:deep(.n-drawer) ::-webkit-scrollbar-thumb{background:var(--n-scrollbar-color,#d1d5db);opacity:.6;border-radius:3px;transition:all .2s}:deep(.n-drawer) ::-webkit-scrollbar-thumb:hover{background:var(--n-scrollbar-color-hover,#9ca3af);opacity:1}:deep(.n-drawer-content) ::-webkit-scrollbar{width:6px}:deep(.n-drawer-content) ::-webkit-scrollbar-track{background:0 0;border-radius:3px}:deep(.n-drawer-content) ::-webkit-scrollbar-thumb{background:var(--n-scrollbar-color,#d1d5db);opacity:.6;border-radius:3px;transition:all .2s}:deep(.n-drawer-content) ::-webkit-scrollbar-thumb:hover{background:var(--n-scrollbar-color-hover,#9ca3af);opacity:1}:deep(.n-drawer-content__body) ::-webkit-scrollbar{width:6px}:deep(.n-drawer-content__body) ::-webkit-scrollbar-track{background:0 0;border-radius:3px}:deep(.n-drawer-content__body) ::-webkit-scrollbar-thumb{background:var(--n-scrollbar-color,#d1d5db);opacity:.6;border-radius:3px;transition:all .2s}:deep(.n-drawer-content__body) ::-webkit-scrollbar-thumb:hover{background:var(--n-scrollbar-color-hover,#9ca3af);opacity:1}:deep(.n-scrollbar-rail){border-radius:3px!important;width:6px!important;right:2px!important}:deep(.n-scrollbar-rail .n-scrollbar-rail__scrollbar){background:var(--n-scrollbar-color,#d1d5db)!important;opacity:.6!important;border-radius:3px!important;width:6px!important;transition:all .2s!important}:deep(.n-scrollbar-rail .n-scrollbar-rail__scrollbar:hover){background:var(--n-scrollbar-color-hover,#9ca3af)!important;opacity:1!important}:deep(.n-scrollbar-track){background:0 0!important}:deep(.n-drawer):hover ::-webkit-scrollbar-thumb{opacity:.8!important}.n-drawer-container ::-webkit-scrollbar{width:6px!important}.n-drawer-container ::-webkit-scrollbar-track{background:0 0!important;border-radius:3px!important}.n-drawer-container ::-webkit-scrollbar-thumb{background:var(--n-scrollbar-color,#d1d5db)!important;opacity:.6!important;border-radius:3px!important;transition:all .2s!important}.n-drawer-container ::-webkit-scrollbar-thumb:hover{background:var(--n-scrollbar-color-hover,#9ca3af)!important;opacity:1!important}.n-drawer .n-drawer-content .n-drawer-content__body ::-webkit-scrollbar{width:6px!important}.n-drawer .n-drawer-content .n-drawer-content__body ::-webkit-scrollbar-track{background:0 0!important;border-radius:3px!important}.n-drawer .n-drawer-content .n-drawer-content__body ::-webkit-scrollbar-thumb{background:var(--n-scrollbar-color,#d1d5db)!important;opacity:.6!important;border-radius:3px!important;transition:all .2s!important}.n-drawer .n-drawer-content .n-drawer-content__body ::-webkit-scrollbar-thumb:hover{background:var(--n-scrollbar-color-hover,#9ca3af)!important;opacity:1!important}[data-v-inspector] .n-drawer ::-webkit-scrollbar{width:6px!important}div[style*=right] ::-webkit-scrollbar{width:6px!important}[data-v-inspector] .n-drawer ::-webkit-scrollbar-track{background:0 0!important;border-radius:3px!important}div[style*=right] ::-webkit-scrollbar-track{background:0 0!important;border-radius:3px!important}[data-v-inspector] .n-drawer ::-webkit-scrollbar-thumb{background:var(--n-scrollbar-color,#d1d5db)!important;opacity:.6!important;border-radius:3px!important;transition:all .2s!important}div[style*=right] ::-webkit-scrollbar-thumb{background:var(--n-scrollbar-color,#d1d5db)!important;opacity:.6!important;border-radius:3px!important;transition:all .2s!important}[data-v-inspector] .n-drawer ::-webkit-scrollbar-thumb:hover{background:var(--n-scrollbar-color-hover,#9ca3af)!important;opacity:1!important}div[style*=right] ::-webkit-scrollbar-thumb:hover{background:var(--n-scrollbar-color-hover,#9ca3af)!important;opacity:1!important}.n-input-group[data-v-2c1dd406]{gap:8px;display:flex}.n-input-group .n-input[data-v-2c1dd406]{flex:1}.n-divider[data-v-2c1dd406]{margin:16px 0}.add-field-content[data-v-f219c239]{padding:16px}.field-select-list[data-v-f219c239]{margin-top:16px}.field-select-item[data-v-f219c239]{border-bottom:1px solid var(--n-border-color);padding:8px 0}.field-select-item[data-v-f219c239]:last-child{border-bottom:none}.field-select-label[data-v-f219c239]{color:var(--n-text-color);font-size:14px}.field-select-key[data-v-f219c239]{color:var(--n-text-color-3);margin-left:8px;font-size:12px}.mb-4[data-v-f219c239]{margin-bottom:16px}.dialog-header[data-v-aa301de0]{justify-content:space-between;align-items:center;width:100%;display:flex}.dialog-content[data-v-aa301de0]{width:100%;height:100%}.table-container[data-v-0645d973]{width:100%;position:relative}
|
|
1
|
+
.dialog-header[data-v-957c2abe]{justify-content:space-between;align-items:center;width:100%;display:flex}.selection-badge[data-v-957c2abe]{background-color:var(--n-primary-color);color:#fff;border-radius:4px;padding:2px 8px;font-size:12px}.dialog-content[data-v-957c2abe]{flex-direction:column;gap:16px;max-height:60vh;display:flex;overflow-y:auto}.dynamic-component-container[data-v-957c2abe]{width:100%;height:100%;min-height:300px}.default-display-container[data-v-957c2abe]{flex-direction:column;gap:16px;display:flex}.info-section[data-v-957c2abe]{border-bottom:1px solid var(--n-border-color);align-items:center;gap:12px;padding:8px 0;display:flex}.info-label[data-v-957c2abe]{color:var(--n-text-color);min-width:80px;font-weight:500}.info-value[data-v-957c2abe]{color:var(--n-text-color-2);flex:1;font-family:monospace}.selection-summary[data-v-957c2abe]{flex:1}.count-info[data-v-957c2abe]{color:var(--n-primary-color);font-weight:500}.data-section[data-v-957c2abe]{flex-direction:column;gap:12px;display:flex}.section-title[data-v-957c2abe]{color:var(--n-text-color);border-bottom:1px solid var(--n-border-color);padding-bottom:8px;font-weight:500}.data-container[data-v-957c2abe]{max-height:400px;overflow-y:auto}.multiple-data[data-v-957c2abe],.single-data[data-v-957c2abe]{flex-direction:column;gap:12px;display:flex}.data-item[data-v-957c2abe]{border:1px solid var(--n-border-color);border-radius:6px;overflow:hidden}.item-header[data-v-957c2abe]{background-color:var(--n-card-color);color:var(--n-text-color-2);border-bottom:1px solid var(--n-border-color);padding:8px 12px;font-size:12px;font-weight:500}.item-content[data-v-957c2abe]{background-color:var(--n-code-color);max-height:200px;padding:12px;overflow-y:auto}.item-content pre[data-v-957c2abe]{color:var(--n-text-color-2);white-space:pre-wrap;word-wrap:break-word;margin:0;font-size:12px}.no-data[data-v-957c2abe]{text-align:center;color:var(--n-text-color-3);padding:40px;font-style:italic}.dialog-actions[data-v-957c2abe]{justify-content:flex-end;gap:12px;display:flex}[data-v-957c2abe] .n-scrollbar-rail{right:2px}[data-v-957c2abe] .n-scrollbar-rail__scrollbar{border-radius:3px;width:6px}.search-card[data-v-2107cb07]{margin-bottom:8px}.custom-actions[data-v-2107cb07]{background-color:var(--n-color-action);border-radius:4px;align-items:center;gap:12px;margin-top:8px;padding:6px 12px;animation:.3s fadeIn-2107cb07;display:flex}.selected-info[data-v-2107cb07]{white-space:nowrap;align-items:center;display:flex}.actions-list[data-v-2107cb07]{flex-wrap:wrap;flex:1;gap:8px;display:flex}.actions-close[data-v-2107cb07]{margin-left:auto}@keyframes fadeIn-2107cb07{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.add-view-button[data-v-2107cb07]:hover{box-shadow:none!important;background-color:#0000!important}.add-icon[data-v-2107cb07]{transition:all .3s}.add-view-button:hover .add-icon[data-v-2107cb07]{transform:translateY(-6px)scale(1.5)!important}.top-actions[data-v-2107cb07]{justify-content:flex-end;padding-bottom:8px;display:flex}.search-form-area[data-v-2107cb07]{margin-top:8px}[data-v-2107cb07] .n-form-item{margin-bottom:0}[data-v-2107cb07] .n-form-item-label{width:100px;color:var(--n-text-color-2);justify-content:flex-end;align-items:flex-start;height:28px;padding-top:5px;padding-right:8px;font-size:14px;display:flex}[data-v-2107cb07] .n-form-item-label label{margin:0;line-height:1}.n-date-picker.n-date-picker--range[data-v-2107cb07]{width:100%}[data-v-2107cb07] .n-form-item-blank{min-height:28px}[data-v-2107cb07] .n-input,[data-v-2107cb07] .n-select,[data-v-2107cb07] .n-date-picker{--n-height:28px}[data-v-2107cb07] .n-form-item-feedback-wrapper{display:none}[data-v-2107cb07] .n-card__content{padding:12px!important}.action-buttons[data-v-2107cb07]{align-items:center;height:28px;margin-left:0;display:flex}.tab-with-dropdown[data-v-2107cb07]{align-items:center;gap:4px;display:flex}.tab-with-dropdown .n-button[data-v-2107cb07]{opacity:.6;transition:opacity .2s}.tab-with-dropdown:hover .n-button[data-v-2107cb07]{opacity:1}[data-v-2107cb07] .n-tabs-tab{position:relative}[data-v-2107cb07] .n-tabs-tab .tab-with-dropdown .n-button{z-index:10;position:relative}.search-card[data-v-25725f01]{margin-bottom:8px}.tag-container[data-v-25725f01]{justify-content:flex-start;align-items:center;display:flex}.image-container[data-v-25725f01]{justify-content:center;align-items:center;padding:4px;display:flex}.image-container img[data-v-25725f01]{transition:transform .2s}.image-container img[data-v-25725f01]:hover{transform:scale(1.05)}[data-v-25725f01] .n-data-table{--n-merged-th-color:var(--n-table-color);--n-merged-td-color:var(--n-table-color);--n-table-color:var(--n-card-color);--n-table-header-color:var(--n-card-color);--n-table-color-hover:var(--n-color-target);--n-table-color-striped:var(--n-color-target);--n-table-color-dark:#2d2d2d;--n-table-header-color-dark:#333}[data-v-25725f01] .n-data-table-base-table-body{overflow:auto!important}[data-v-25725f01] .n-data-table-table{min-width:100%}[data-v-25725f01] .n-pagination .n-pagination-size-picker,[data-v-25725f01] .n-pagination .n-pagination-size-picker .n-base-selection{width:84px!important}[data-v-25725f01] .n-pagination{align-items:center;gap:8px;display:flex}[data-v-25725f01] .n-pagination-prefix{white-space:nowrap;margin-right:auto}[data-v-25725f01] .n-data-table-base-table{width:100%}[data-v-25725f01] .n-data-table-base-table-body{overflow-x:auto!important}[data-v-25725f01] .n-scrollbar-container{min-width:100%}.icon-button[data-v-25725f01]{cursor:pointer;flex-shrink:0;justify-content:center;align-items:center;transition:transform .2s;display:inline-flex}.icon-button[data-v-25725f01]:hover{transform:scale(1.2)}[data-v-25725f01] .n-data-table .action-buttons .n-button{min-width:60px;cursor:pointer!important}[data-v-25725f01] .n-data-table-td--fixed-left{background-color:var(--v30e6aa0d)!important;z-index:2!important;position:sticky!important;box-shadow:2px 0 4px #0000001a!important}[data-v-25725f01] .n-data-table-th--fixed-left{background-color:var(--v1740fc0e)!important;z-index:3!important;position:sticky!important;box-shadow:2px 0 4px #0000001a!important}[data-v-25725f01] .n-data-table-td--fixed-right{background-color:var(--v30e6aa0d)!important;z-index:2!important;position:sticky!important;box-shadow:-2px 0 4px #0000001a!important}[data-v-25725f01] .n-data-table-th--fixed-right{background-color:var(--v1740fc0e)!important;z-index:3!important;position:sticky!important;box-shadow:-2px 0 4px #0000001a!important}[data-v-25725f01] .n-data-table--striped .n-data-table-tr--striped .n-data-table-td--fixed-left,[data-v-25725f01] .n-data-table--striped .n-data-table-tr--striped .n-data-table-td--fixed-right{background-color:var(--n-color-target)!important}[data-v-25725f01] .n-data-table-tr:hover .n-data-table-td--fixed-left,[data-v-25725f01] .n-data-table-tr:hover .n-data-table-td--fixed-right{background-color:var(--v30e6aa0d)!important}.setting-item[data-v-c5f473e2]{border-bottom:1px solid var(--n-border-color);justify-content:space-between;align-items:center;padding:10px 0;font-size:13px;display:flex}.setting-item[data-v-c5f473e2]:last-child{border-bottom:none}.setting-label[data-v-c5f473e2]{color:var(--n-text-color-2);flex:0 0 120px;font-size:14px}.setting-control[data-v-c5f473e2]{flex:1;justify-content:flex-end;align-items:center;display:flex}.size-group[data-v-c5f473e2]{width:100%}[data-v-c5f473e2] .n-radio-group{gap:8px;display:flex}[data-v-c5f473e2] .n-radio-button{text-align:center;flex:1}[data-v-c5f473e2] .n-select,[data-v-c5f473e2] .n-input,[data-v-c5f473e2] .n-input-number{width:100%}.columns-header[data-v-d3324b0a]{flex-shrink:0;justify-content:space-between;margin:0;padding:0 16px 12px;display:flex}.columns-search[data-v-d3324b0a]{flex-shrink:0;padding:0 16px 12px}.columns-list[data-v-d3324b0a]{flex:1;overflow:hidden}.columns-container[data-v-d3324b0a]{flex-direction:column;display:flex}.column-item[data-v-d3324b0a]{box-sizing:border-box;border-bottom:1px solid var(--n-border-color);contain:layout style paint;will-change:transform;align-items:center;min-height:40px;padding:8px 16px;display:flex}.column-item-left[data-v-d3324b0a]{align-items:center;gap:12px;display:flex}.column-drag-handle[data-v-d3324b0a]{cursor:move;color:var(--n-text-color-3)}.column-item-content[data-v-d3324b0a]{flex:1;align-items:center;gap:8px;margin-left:12px;display:flex}.column-title[data-v-d3324b0a]{color:var(--n-text-color);font-size:12px}.column-key[data-v-d3324b0a]{color:var(--n-text-color-3);font-size:12px}.column-item-right[data-v-d3324b0a]{opacity:0;margin-left:auto;transition:opacity .3s}.column-item:hover .column-item-right[data-v-d3324b0a]{opacity:1}.columns-search[data-v-d3324b0a] .n-input{--n-height:32px}.columns-search[data-v-d3324b0a] .n-input-wrapper{background-color:var(--n-card-color)}.columns-search[data-v-d3324b0a] .n-input__prefix{margin-right:8px}.columns-search[data-v-d3324b0a] .n-icon{color:var(--n-text-color-3);font-size:16px}.virtual-scroll-container[data-v-d3324b0a]{height:calc(100vh - 200px);position:relative;overflow-y:auto}.virtual-scroll-content[data-v-d3324b0a]{width:100%;position:relative}.virtual-scroll-items[data-v-d3324b0a]{position:absolute;top:0;left:0;right:0}.virtual-scroll-container[data-v-d3324b0a]::-webkit-scrollbar{width:6px}.virtual-scroll-container[data-v-d3324b0a]::-webkit-scrollbar-track{background:0 0;border-radius:3px}.virtual-scroll-container[data-v-d3324b0a]::-webkit-scrollbar-thumb{background:var(--n-scrollbar-color,#d1d5db);opacity:.6;border-radius:3px;transition:all .2s}.virtual-scroll-container[data-v-d3324b0a]::-webkit-scrollbar-thumb:hover{background:var(--n-scrollbar-color-hover,#9ca3af);opacity:1}.columns-list[data-v-d3324b0a] .n-scrollbar-rail{border-radius:3px!important;width:6px!important;right:2px!important}.columns-list[data-v-d3324b0a] .n-scrollbar-rail .n-scrollbar-rail__scrollbar{background:var(--n-scrollbar-color,#d1d5db)!important;opacity:.6!important;border-radius:3px!important;width:6px!important;transition:all .2s!important}.columns-list[data-v-d3324b0a] .n-scrollbar-rail .n-scrollbar-rail__scrollbar:hover{background:var(--n-scrollbar-color-hover,#9ca3af)!important;opacity:1!important}.columns-list[data-v-d3324b0a] .n-scrollbar-track{background:0 0!important}.columns-list[data-v-d3324b0a]:hover .n-scrollbar-rail .n-scrollbar-rail__scrollbar{opacity:.8!important}.search-config-header[data-v-d8922cea]{border-bottom:1px solid var(--n-border-color);justify-content:space-between;align-items:center;padding:0 16px 12px;display:flex}.search-fields-container[data-v-d8922cea]{padding:8px 0}.search-field-item[data-v-d8922cea]{border-bottom:1px solid var(--n-border-color);cursor:move;contain:layout style paint;will-change:transform;align-items:center;padding:8px 16px;display:flex}.field-item-left[data-v-d8922cea]{align-items:center;gap:12px;display:flex}.field-drag-handle[data-v-d8922cea]{cursor:move;color:var(--n-text-color-3)}.field-item-content[data-v-d8922cea]{flex:1;margin:0 12px}.field-label[data-v-d8922cea]{color:var(--n-text-color);font-size:12px}.field-key[data-v-d8922cea]{color:var(--n-text-color-3);margin-left:8px;font-size:12px}.field-item-right[data-v-d8922cea]{opacity:0;gap:4px;transition:opacity .3s;display:flex}.search-field-item:hover .field-item-right[data-v-d8922cea]{opacity:1}.search-fields-list[data-v-d8922cea] .n-scrollbar-rail{border-radius:3px!important;width:6px!important;right:2px!important}.search-fields-list[data-v-d8922cea] .n-scrollbar-rail .n-scrollbar-rail__scrollbar{background:var(--n-scrollbar-color,#d1d5db)!important;opacity:.6!important;border-radius:3px!important;width:6px!important;transition:all .2s!important}.search-fields-list[data-v-d8922cea] .n-scrollbar-rail .n-scrollbar-rail__scrollbar:hover{background:var(--n-scrollbar-color-hover,#9ca3af)!important;opacity:1!important}.search-fields-list[data-v-d8922cea] .n-scrollbar-track{background:0 0!important}.search-fields-list[data-v-d8922cea]:hover .n-scrollbar-rail .n-scrollbar-rail__scrollbar{opacity:.8!important}.transform-config-header[data-v-25cc77cb]{border-bottom:1px solid var(--n-border-color);justify-content:space-between;align-items:center;padding:0 16px 12px;display:flex}.header-actions[data-v-25cc77cb]{gap:8px;display:flex}.transform-rules-container[data-v-25cc77cb]{padding:8px 0}.transform-rule-item[data-v-25cc77cb]{border-bottom:1px solid var(--n-border-color);contain:layout style paint;will-change:transform;align-items:center;padding:12px 16px;display:flex}.rule-item-content[data-v-25cc77cb]{flex:1;margin-right:12px}.rule-main-info[data-v-25cc77cb]{align-items:center;margin-bottom:4px;display:flex}.rule-field-label[data-v-25cc77cb]{color:var(--n-text-color);font-size:14px;font-weight:500}.rule-field-key[data-v-25cc77cb]{color:var(--n-text-color-3);margin-left:8px;font-size:12px}.rule-sub-info[data-v-25cc77cb]{align-items:center;gap:12px;display:flex}.rule-type[data-v-25cc77cb]{color:var(--n-primary-color);font-size:12px}.rule-mappings-count[data-v-25cc77cb],.rule-format[data-v-25cc77cb],.rule-config[data-v-25cc77cb],.rule-image-config[data-v-25cc77cb]{color:var(--n-text-color-3);font-size:12px}.domain-prefix[data-v-25cc77cb]{color:var(--n-primary-color);font-weight:500}.rule-item-right[data-v-25cc77cb]{opacity:0;gap:4px;transition:opacity .3s;display:flex}.transform-rule-item:hover .rule-item-right[data-v-25cc77cb]{opacity:1}.empty-state[data-v-25cc77cb]{text-align:center;color:var(--n-text-color-3);flex-direction:column;gap:12px;padding:40px 16px;display:flex}.edit-form[data-v-25cc77cb]{flex-direction:column;gap:16px;display:flex}.form-item[data-v-25cc77cb]{flex-direction:column;gap:8px;display:flex}.form-item label[data-v-25cc77cb]{color:var(--n-text-color);font-size:14px;font-weight:500}.mappings-container[data-v-25cc77cb]{border:1px solid var(--n-border-color);border-radius:6px;padding:12px}.mapping-item[data-v-25cc77cb]{border-bottom:1px dashed var(--n-border-color);margin-bottom:12px;padding-bottom:12px}.mapping-item[data-v-25cc77cb]:last-child{border-bottom:none;margin-bottom:0;padding-bottom:0}.mapping-row[data-v-25cc77cb]{align-items:flex-end;gap:12px;display:flex}.mapping-field[data-v-25cc77cb]{flex-direction:column;flex:1;gap:4px;display:flex}.mapping-field label[data-v-25cc77cb]{color:var(--n-text-color-2);font-size:12px}.remove-mapping-btn[data-v-25cc77cb]{margin-bottom:4px}.add-mapping[data-v-25cc77cb]{justify-content:center;margin-top:8px;display:flex}.dialog-actions[data-v-25cc77cb]{justify-content:flex-end;gap:12px;display:flex}.config-placeholder[data-v-25cc77cb]{padding:12px}.image-config[data-v-25cc77cb]{background:var(--n-card-color);border-radius:6px;grid-template-columns:1fr 1fr;gap:16px;padding:12px;display:grid}.image-config .config-item[data-v-25cc77cb]:last-child{grid-column:1/-1}.config-item[data-v-25cc77cb]{flex-direction:column;gap:8px;display:flex}.config-item label[data-v-25cc77cb]{color:var(--n-text-color-2);font-size:12px;font-weight:500}[data-v-25cc77cb] .n-scrollbar-rail{right:2px}[data-v-25cc77cb] .n-scrollbar-rail__scrollbar{border-radius:3px;width:6px}.dialog-settings[data-v-96edd653]{padding:16px}.settings-description[data-v-96edd653]{color:#666;margin-bottom:16px;font-size:14px}.note-section[data-v-96edd653]{margin-top:24px}.action-config-header[data-v-f3fde0df]{border-bottom:1px solid var(--n-border-color);justify-content:space-between;align-items:center;padding:0 16px 12px;display:flex}.header-actions[data-v-f3fde0df]{gap:8px;display:flex}.action-rules-container[data-v-f3fde0df]{padding:8px 0}.action-rule-item[data-v-f3fde0df]{border-bottom:1px solid var(--n-border-color);contain:layout style paint;will-change:transform;align-items:center;padding:12px 16px;display:flex}.rule-item-content[data-v-f3fde0df]{flex:1;margin-right:12px}.rule-main-info[data-v-f3fde0df]{justify-content:space-between;align-items:center;margin-bottom:4px;display:flex}.rule-field-label[data-v-f3fde0df]{color:var(--n-text-color);font-size:14px;font-weight:500}.enable-switch[data-v-f3fde0df]{margin-left:12px}.rule-sub-info[data-v-f3fde0df]{align-items:center;gap:12px;display:flex}.rule-type[data-v-f3fde0df]{color:var(--n-primary-color);font-size:12px}.rule-config[data-v-f3fde0df]{color:var(--n-text-color-3);font-size:12px}.rule-params[data-v-f3fde0df]{color:var(--n-warning-color);font-size:12px;font-weight:500}.rule-description[data-v-f3fde0df]{color:var(--n-text-color-2);font-size:12px;font-style:italic}.rule-item-right[data-v-f3fde0df]{opacity:.8;align-items:center;gap:8px;transition:opacity .3s;display:flex}.action-rule-item:hover .rule-item-right[data-v-f3fde0df]{opacity:1}.empty-state[data-v-f3fde0df]{text-align:center;color:var(--n-text-color-3);flex-direction:column;gap:12px;padding:40px 16px;display:flex}.edit-form[data-v-f3fde0df]{flex-direction:column;gap:16px;display:flex}.form-item[data-v-f3fde0df]{flex-direction:column;gap:8px;display:flex}.form-item label[data-v-f3fde0df]{color:var(--n-text-color);font-size:14px;font-weight:500}.dialog-actions[data-v-f3fde0df]{justify-content:flex-end;gap:12px;display:flex}[data-v-f3fde0df] .n-scrollbar-rail{right:2px}[data-v-f3fde0df] .n-scrollbar-rail__scrollbar{border-radius:3px;width:6px}.drawer-header[data-v-f7e9409b]{border-bottom:1px solid #e5e5e5;justify-content:space-between;align-items:center;padding:16px 20px;display:flex}.header-left[data-v-f7e9409b]{align-items:center;display:flex}.view-name[data-v-f7e9409b]{cursor:pointer;border-radius:4px;padding:4px 8px;font-size:16px;font-weight:500;transition:background-color .2s}.view-name[data-v-f7e9409b]:hover{background-color:#f5f5f5}.header-right[data-v-f7e9409b]{align-items:center;gap:8px;display:flex}.custom-settings-container[data-v-f7e9409b]{display:flex;overflow:hidden}.sidebar-menu[data-v-f7e9409b]{width:180px;padding:0;overflow-y:auto}.menu-category[data-v-f7e9409b]{margin-bottom:8px}.category-title[data-v-f7e9409b]{color:#999;text-transform:uppercase;letter-spacing:.5px;padding:12px 16px 8px;font-size:16px;font-weight:700}.category-items[data-v-f7e9409b]{padding-bottom:8px}.menu-item[data-v-f7e9409b]{cursor:pointer;align-items:center;padding:10px 16px;transition:all .2s;display:flex}.item-icon[data-v-f7e9409b]{min-width:16px;margin-right:10px}.item-label[data-v-f7e9409b]{white-space:nowrap;font-size:14px}.content-area[data-v-f7e9409b]{flex:1;overflow:hidden}.tab-content[data-v-f7e9409b]{height:100%;padding:10px;overflow-y:auto}.tab-loading[data-v-f7e9409b]{height:200px;color:var(--n-text-color-3);flex-direction:column;justify-content:center;align-items:center;gap:12px;display:flex}[data-v-f7e9409b] .n-drawer-content{padding:0}[data-v-f7e9409b] .n-drawer-header{display:none}.custom-settings-container .tab-content[data-v-f7e9409b] .n-form{max-width:none}.custom-settings-container .tab-content[data-v-f7e9409b] .search-field-item{border-radius:6px;padding:12px}.n-drawer .n-drawer-content.n-drawer-content--native-scrollbar[data-v-f7e9409b] .n-drawer-body-content-wrapper{height:104%!important}[data-v-f7e9409b] .n-drawer-header__main{width:100%}:deep(.n-drawer .n-form-item){margin-bottom:16px}:deep(.n-drawer .n-radio-group){gap:8px;width:100%;display:flex}:deep(.n-drawer .n-radio-button){text-align:center;flex:1}.n-input-group{gap:8px;display:flex}.n-input-group .n-input{flex:1}.n-divider{margin:16px 0}:deep(.n-drawer) ::-webkit-scrollbar{width:6px}:deep(.n-drawer) ::-webkit-scrollbar-track{background:0 0;border-radius:3px}:deep(.n-drawer) ::-webkit-scrollbar-thumb{background:var(--n-scrollbar-color,#d1d5db);opacity:.6;border-radius:3px;transition:all .2s}:deep(.n-drawer) ::-webkit-scrollbar-thumb:hover{background:var(--n-scrollbar-color-hover,#9ca3af);opacity:1}:deep(.n-drawer-content) ::-webkit-scrollbar{width:6px}:deep(.n-drawer-content) ::-webkit-scrollbar-track{background:0 0;border-radius:3px}:deep(.n-drawer-content) ::-webkit-scrollbar-thumb{background:var(--n-scrollbar-color,#d1d5db);opacity:.6;border-radius:3px;transition:all .2s}:deep(.n-drawer-content) ::-webkit-scrollbar-thumb:hover{background:var(--n-scrollbar-color-hover,#9ca3af);opacity:1}:deep(.n-drawer-content__body) ::-webkit-scrollbar{width:6px}:deep(.n-drawer-content__body) ::-webkit-scrollbar-track{background:0 0;border-radius:3px}:deep(.n-drawer-content__body) ::-webkit-scrollbar-thumb{background:var(--n-scrollbar-color,#d1d5db);opacity:.6;border-radius:3px;transition:all .2s}:deep(.n-drawer-content__body) ::-webkit-scrollbar-thumb:hover{background:var(--n-scrollbar-color-hover,#9ca3af);opacity:1}:deep(.n-scrollbar-rail){border-radius:3px!important;width:6px!important;right:2px!important}:deep(.n-scrollbar-rail .n-scrollbar-rail__scrollbar){background:var(--n-scrollbar-color,#d1d5db)!important;opacity:.6!important;border-radius:3px!important;width:6px!important;transition:all .2s!important}:deep(.n-scrollbar-rail .n-scrollbar-rail__scrollbar:hover){background:var(--n-scrollbar-color-hover,#9ca3af)!important;opacity:1!important}:deep(.n-scrollbar-track){background:0 0!important}:deep(.n-drawer):hover ::-webkit-scrollbar-thumb{opacity:.8!important}.n-drawer-container ::-webkit-scrollbar{width:6px!important}.n-drawer-container ::-webkit-scrollbar-track{background:0 0!important;border-radius:3px!important}.n-drawer-container ::-webkit-scrollbar-thumb{background:var(--n-scrollbar-color,#d1d5db)!important;opacity:.6!important;border-radius:3px!important;transition:all .2s!important}.n-drawer-container ::-webkit-scrollbar-thumb:hover{background:var(--n-scrollbar-color-hover,#9ca3af)!important;opacity:1!important}.n-drawer .n-drawer-content .n-drawer-content__body ::-webkit-scrollbar{width:6px!important}.n-drawer .n-drawer-content .n-drawer-content__body ::-webkit-scrollbar-track{background:0 0!important;border-radius:3px!important}.n-drawer .n-drawer-content .n-drawer-content__body ::-webkit-scrollbar-thumb{background:var(--n-scrollbar-color,#d1d5db)!important;opacity:.6!important;border-radius:3px!important;transition:all .2s!important}.n-drawer .n-drawer-content .n-drawer-content__body ::-webkit-scrollbar-thumb:hover{background:var(--n-scrollbar-color-hover,#9ca3af)!important;opacity:1!important}[data-v-inspector] .n-drawer ::-webkit-scrollbar{width:6px!important}div[style*=right] ::-webkit-scrollbar{width:6px!important}[data-v-inspector] .n-drawer ::-webkit-scrollbar-track{background:0 0!important;border-radius:3px!important}div[style*=right] ::-webkit-scrollbar-track{background:0 0!important;border-radius:3px!important}[data-v-inspector] .n-drawer ::-webkit-scrollbar-thumb{background:var(--n-scrollbar-color,#d1d5db)!important;opacity:.6!important;border-radius:3px!important;transition:all .2s!important}div[style*=right] ::-webkit-scrollbar-thumb{background:var(--n-scrollbar-color,#d1d5db)!important;opacity:.6!important;border-radius:3px!important;transition:all .2s!important}[data-v-inspector] .n-drawer ::-webkit-scrollbar-thumb:hover{background:var(--n-scrollbar-color-hover,#9ca3af)!important;opacity:1!important}div[style*=right] ::-webkit-scrollbar-thumb:hover{background:var(--n-scrollbar-color-hover,#9ca3af)!important;opacity:1!important}.n-input-group[data-v-2c1dd406]{gap:8px;display:flex}.n-input-group .n-input[data-v-2c1dd406]{flex:1}.n-divider[data-v-2c1dd406]{margin:16px 0}.add-field-content[data-v-f219c239]{padding:16px}.field-select-list[data-v-f219c239]{margin-top:16px}.field-select-item[data-v-f219c239]{border-bottom:1px solid var(--n-border-color);padding:8px 0}.field-select-item[data-v-f219c239]:last-child{border-bottom:none}.field-select-label[data-v-f219c239]{color:var(--n-text-color);font-size:14px}.field-select-key[data-v-f219c239]{color:var(--n-text-color-3);margin-left:8px;font-size:12px}.mb-4[data-v-f219c239]{margin-bottom:16px}.dialog-header[data-v-aaa833d1]{justify-content:space-between;align-items:center;width:100%;display:flex}.dialog-content[data-v-aaa833d1]{width:100%;height:100%}.table-container[data-v-0645d973]{width:100%;position:relative}
|
|
2
2
|
/*$vite$:1*/
|