knt-shared 1.8.4 → 1.8.6

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (7) hide show
  1. package/dist/components/Upload/components/SortableFileItem.vue.d.ts.map +1 -1
  2. package/dist/index.cjs.js +13 -3
  3. package/dist/index.cjs.js.map +1 -1
  4. package/dist/index.esm.js +13 -3
  5. package/dist/index.esm.js.map +1 -1
  6. package/dist/style.css +100 -88
  7. package/package.json +1 -1
package/dist/style.css CHANGED
@@ -1,116 +1,128 @@
1
1
 
2
- .sortable-file-item[data-v-17fb6dd9] {
3
- position: relative;
4
- overflow: hidden;
5
- border: 1px solid var(--color-border-2);
6
- border-radius: 4px;
7
- cursor: move;
8
- transition: all 0.3s;
9
- user-select: none;
10
- background-color: var(--color-fill-1);
2
+ .sortable-file-item[data-v-b7fe69e3] {
3
+ position: relative;
4
+ /* overflow: hidden; */
5
+ border: 1px solid var(--color-border-2);
6
+ border-radius: 4px;
7
+ cursor: move;
8
+ transition: all 0.3s;
9
+ user-select: none;
10
+ background-color: var(--color-fill-1);
11
11
  }
12
12
 
13
- /* 禁用状态 */
14
- .sortable-file-item.is-disabled[data-v-17fb6dd9] {
15
- cursor: default;
16
- opacity: 0.6;
13
+ /* 禁用状态 */
14
+ .sortable-file-item.is-disabled[data-v-b7fe69e3] {
15
+ cursor: default;
16
+ opacity: 0.6;
17
17
  }
18
- .file-image[data-v-17fb6dd9] {
19
- width: 100%;
20
- height: 100%;
21
- object-fit: cover;
22
- display: block;
18
+ .file-image[data-v-b7fe69e3] {
19
+ width: 100%;
20
+ height: 100%;
21
+ object-fit: cover;
22
+ display: block;
23
+ border-radius: 3px;
24
+ overflow: hidden;
23
25
  }
24
26
 
25
- /* 视频文件样式 */
26
- .sortable-file-item.is-video[data-v-17fb6dd9] {
27
- background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
27
+ /* 视频文件样式 */
28
+ .sortable-file-item.is-video[data-v-b7fe69e3] {
29
+ background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
28
30
  }
29
- .sortable-file-item.is-video .file-image[data-v-17fb6dd9] {
30
- opacity: 0;
31
+ .sortable-file-item.is-video .file-image[data-v-b7fe69e3] {
32
+ opacity: 0;
31
33
  }
32
- .sortable-file-item.is-video[data-v-17fb6dd9]::before {
33
- content: '▶';
34
- position: absolute;
35
- top: 50%;
36
- left: 50%;
37
- transform: translate(-50%, -50%);
38
- font-size: 32px;
39
- color: rgba(255, 255, 255, 0.9);
40
- z-index: 1;
41
- pointer-events: none;
34
+ .sortable-file-item.is-video[data-v-b7fe69e3]::before {
35
+ content: '▶';
36
+ position: absolute;
37
+ top: 50%;
38
+ left: 50%;
39
+ transform: translate(-50%, -50%);
40
+ font-size: 32px;
41
+ color: rgba(255, 255, 255, 0.9);
42
+ z-index: 1;
43
+ pointer-events: none;
42
44
  }
43
45
 
44
- /* 拖拽中状态 */
45
- .sortable-file-item.is-dragging[data-v-17fb6dd9] {
46
- opacity: 0.5;
47
- transform: scale(0.95);
48
- border-color: rgb(var(--primary-6));
46
+ /* 拖拽中状态 */
47
+ .sortable-file-item.is-dragging[data-v-b7fe69e3] {
48
+ opacity: 0.5;
49
+ transform: scale(0.95);
50
+ border-color: rgb(var(--primary-6));
49
51
  }
50
52
 
51
- /* 拖拽目标状态 */
52
- .sortable-file-item.is-over[data-v-17fb6dd9] {
53
- border: 2px dashed rgb(var(--primary-6));
54
- background-color: var(--color-primary-light-1);
53
+ /* 拖拽目标状态 */
54
+ .sortable-file-item.is-over[data-v-b7fe69e3] {
55
+ border: 1px dashed rgb(var(--primary-6));
56
+ background-color: var(--color-primary-light-1);
57
+ }
58
+ .sortable-file-item.is-over[data-v-b7fe69e3]::after {
59
+ content: '';
60
+ position: absolute;
61
+ width: 2px;
62
+ height: var(--indicator-height);
63
+ background-color: rgb(var(--primary-6));
64
+ top: -5px;
65
+ left: -2px;
66
+ z-index: 1;
55
67
  }
56
68
 
57
- /* 操作遮罩 */
58
- .file-mask[data-v-17fb6dd9] {
59
- position: absolute;
60
- top: 0;
61
- left: 0;
62
- right: 0;
63
- bottom: 0;
64
- display: flex;
65
- align-items: center;
66
- justify-content: center;
67
- background-color: rgba(0, 0, 0, 0.5);
68
- opacity: 0;
69
- transition: opacity 0.3s;
69
+ /* 操作遮罩 */
70
+ .file-mask[data-v-b7fe69e3] {
71
+ position: absolute;
72
+ top: 0;
73
+ left: 0;
74
+ right: 0;
75
+ bottom: 0;
76
+ display: flex;
77
+ align-items: center;
78
+ justify-content: center;
79
+ background-color: rgba(0, 0, 0, 0.5);
80
+ opacity: 0;
81
+ transition: opacity 0.3s;
70
82
  }
71
- .sortable-file-item:hover .file-mask[data-v-17fb6dd9] {
72
- opacity: 1;
83
+ .sortable-file-item:hover .file-mask[data-v-b7fe69e3] {
84
+ opacity: 1;
73
85
  }
74
- .file-actions[data-v-17fb6dd9] {
75
- display: flex;
76
- gap: 12px;
86
+ .file-actions[data-v-b7fe69e3] {
87
+ display: flex;
88
+ gap: 12px;
77
89
  }
78
- .action-icon[data-v-17fb6dd9] {
79
- color: white;
80
- font-size: 18px;
81
- cursor: pointer;
82
- transition: transform 0.2s;
90
+ .action-icon[data-v-b7fe69e3] {
91
+ color: white;
92
+ font-size: 18px;
93
+ cursor: pointer;
94
+ transition: transform 0.2s;
83
95
  }
84
- .action-icon[data-v-17fb6dd9]:hover {
85
- transform: scale(1.2);
96
+ .action-icon[data-v-b7fe69e3]:hover {
97
+ transform: scale(1.2);
86
98
  }
87
99
 
88
- /* 上传进度 */
89
- .upload-progress[data-v-17fb6dd9] {
90
- position: absolute;
91
- bottom: 0;
92
- left: 0;
93
- right: 0;
94
- padding: 8px;
95
- background-color: rgba(255, 255, 255, 0.95);
100
+ /* 上传进度 */
101
+ .upload-progress[data-v-b7fe69e3] {
102
+ position: absolute;
103
+ bottom: 0;
104
+ left: 0;
105
+ right: 0;
106
+ padding: 8px;
107
+ background-color: rgba(255, 255, 255, 0.95);
96
108
  }
97
109
 
98
- /* 上传中状态 */
99
- .sortable-file-item.is-uploading[data-v-17fb6dd9] {
100
- cursor: default;
110
+ /* 上传中状态 */
111
+ .sortable-file-item.is-uploading[data-v-b7fe69e3] {
112
+ cursor: default;
101
113
  }
102
114
 
103
- /* 错误状态 */
104
- .sortable-file-item.is-error[data-v-17fb6dd9] {
105
- border-color: rgb(var(--danger-6));
115
+ /* 错误状态 */
116
+ .sortable-file-item.is-error[data-v-b7fe69e3] {
117
+ border-color: rgb(var(--danger-6));
106
118
  }
107
- .error-tip[data-v-17fb6dd9] {
108
- position: absolute;
109
- top: 50%;
110
- left: 50%;
111
- transform: translate(-50%, -50%);
112
- color: rgb(var(--danger-6));
113
- font-size: 26px;
119
+ .error-tip[data-v-b7fe69e3] {
120
+ position: absolute;
121
+ top: 50%;
122
+ left: 50%;
123
+ transform: translate(-50%, -50%);
124
+ color: rgb(var(--danger-6));
125
+ font-size: 26px;
114
126
  }
115
127
 
116
128
  .sortable-file-list[data-v-1ede8f45] {
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "knt-shared",
3
- "version": "1.8.4",
3
+ "version": "1.8.6",
4
4
  "description": "KNT共享组件库和工具函数",
5
5
  "author": "hss",
6
6
  "main": "dist/index.cjs.js",