knt-shared 1.8.4 → 1.8.5

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 +14 -2
  3. package/dist/index.cjs.js.map +1 -1
  4. package/dist/index.esm.js +15 -3
  5. package/dist/index.esm.js.map +1 -1
  6. package/dist/style.css +97 -88
  7. package/package.json +1 -1
package/dist/style.css CHANGED
@@ -1,116 +1,125 @@
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-c8377d24] {
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-c8377d24] {
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-c8377d24] {
19
+ width: 100%;
20
+ height: 100%;
21
+ object-fit: cover;
22
+ display: block;
23
23
  }
24
24
 
25
- /* 视频文件样式 */
26
- .sortable-file-item.is-video[data-v-17fb6dd9] {
27
- background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
25
+ /* 视频文件样式 */
26
+ .sortable-file-item.is-video[data-v-c8377d24] {
27
+ background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
28
28
  }
29
- .sortable-file-item.is-video .file-image[data-v-17fb6dd9] {
30
- opacity: 0;
29
+ .sortable-file-item.is-video .file-image[data-v-c8377d24] {
30
+ opacity: 0;
31
31
  }
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;
32
+ .sortable-file-item.is-video[data-v-c8377d24]::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;
42
42
  }
43
43
 
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));
44
+ /* 拖拽中状态 */
45
+ .sortable-file-item.is-dragging[data-v-c8377d24] {
46
+ opacity: 0.5;
47
+ transform: scale(0.95);
48
+ border-color: rgb(var(--primary-6));
49
49
  }
50
50
 
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);
51
+ /* 拖拽目标状态 */
52
+ .sortable-file-item.is-over[data-v-c8377d24] {
53
+ border: 2px dashed rgb(var(--primary-6));
54
+ background-color: var(--color-primary-light-1);
55
+ }
56
+ .sortable-file-item.is-over[data-v-c8377d24]::before {
57
+ content: '';
58
+ position: absolute;
59
+ width: 2px;
60
+ height: var(--v6adf0568);
61
+ background-color: rgb(var(--primary-6));
62
+ top: -5px;
63
+ left: -2px;
55
64
  }
56
65
 
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;
66
+ /* 操作遮罩 */
67
+ .file-mask[data-v-c8377d24] {
68
+ position: absolute;
69
+ top: 0;
70
+ left: 0;
71
+ right: 0;
72
+ bottom: 0;
73
+ display: flex;
74
+ align-items: center;
75
+ justify-content: center;
76
+ background-color: rgba(0, 0, 0, 0.5);
77
+ opacity: 0;
78
+ transition: opacity 0.3s;
70
79
  }
71
- .sortable-file-item:hover .file-mask[data-v-17fb6dd9] {
72
- opacity: 1;
80
+ .sortable-file-item:hover .file-mask[data-v-c8377d24] {
81
+ opacity: 1;
73
82
  }
74
- .file-actions[data-v-17fb6dd9] {
75
- display: flex;
76
- gap: 12px;
83
+ .file-actions[data-v-c8377d24] {
84
+ display: flex;
85
+ gap: 12px;
77
86
  }
78
- .action-icon[data-v-17fb6dd9] {
79
- color: white;
80
- font-size: 18px;
81
- cursor: pointer;
82
- transition: transform 0.2s;
87
+ .action-icon[data-v-c8377d24] {
88
+ color: white;
89
+ font-size: 18px;
90
+ cursor: pointer;
91
+ transition: transform 0.2s;
83
92
  }
84
- .action-icon[data-v-17fb6dd9]:hover {
85
- transform: scale(1.2);
93
+ .action-icon[data-v-c8377d24]:hover {
94
+ transform: scale(1.2);
86
95
  }
87
96
 
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);
97
+ /* 上传进度 */
98
+ .upload-progress[data-v-c8377d24] {
99
+ position: absolute;
100
+ bottom: 0;
101
+ left: 0;
102
+ right: 0;
103
+ padding: 8px;
104
+ background-color: rgba(255, 255, 255, 0.95);
96
105
  }
97
106
 
98
- /* 上传中状态 */
99
- .sortable-file-item.is-uploading[data-v-17fb6dd9] {
100
- cursor: default;
107
+ /* 上传中状态 */
108
+ .sortable-file-item.is-uploading[data-v-c8377d24] {
109
+ cursor: default;
101
110
  }
102
111
 
103
- /* 错误状态 */
104
- .sortable-file-item.is-error[data-v-17fb6dd9] {
105
- border-color: rgb(var(--danger-6));
112
+ /* 错误状态 */
113
+ .sortable-file-item.is-error[data-v-c8377d24] {
114
+ border-color: rgb(var(--danger-6));
106
115
  }
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;
116
+ .error-tip[data-v-c8377d24] {
117
+ position: absolute;
118
+ top: 50%;
119
+ left: 50%;
120
+ transform: translate(-50%, -50%);
121
+ color: rgb(var(--danger-6));
122
+ font-size: 26px;
114
123
  }
115
124
 
116
125
  .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.5",
4
4
  "description": "KNT共享组件库和工具函数",
5
5
  "author": "hss",
6
6
  "main": "dist/index.cjs.js",