knt-shared 1.8.5 → 1.8.7

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/dist/components/Table/BasicTable.vue.d.ts.map +1 -1
  2. package/dist/components/Upload/components/SortableFileItem.vue.d.ts.map +1 -1
  3. package/dist/index.cjs.js +16 -8
  4. package/dist/index.cjs.js.map +1 -1
  5. package/dist/index.esm.js +17 -9
  6. package/dist/index.esm.js.map +1 -1
  7. package/dist/style.css +33 -30
  8. package/package.json +1 -1
package/dist/style.css CHANGED
@@ -1,7 +1,7 @@
1
1
 
2
- .sortable-file-item[data-v-c8377d24] {
2
+ .sortable-file-item[data-v-b7fe69e3] {
3
3
  position: relative;
4
- overflow: hidden;
4
+ /* overflow: hidden; */
5
5
  border: 1px solid var(--color-border-2);
6
6
  border-radius: 4px;
7
7
  cursor: move;
@@ -11,25 +11,27 @@
11
11
  }
12
12
 
13
13
  /* 禁用状态 */
14
- .sortable-file-item.is-disabled[data-v-c8377d24] {
14
+ .sortable-file-item.is-disabled[data-v-b7fe69e3] {
15
15
  cursor: default;
16
16
  opacity: 0.6;
17
17
  }
18
- .file-image[data-v-c8377d24] {
18
+ .file-image[data-v-b7fe69e3] {
19
19
  width: 100%;
20
20
  height: 100%;
21
21
  object-fit: cover;
22
22
  display: block;
23
+ border-radius: 3px;
24
+ overflow: hidden;
23
25
  }
24
26
 
25
27
  /* 视频文件样式 */
26
- .sortable-file-item.is-video[data-v-c8377d24] {
28
+ .sortable-file-item.is-video[data-v-b7fe69e3] {
27
29
  background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
28
30
  }
29
- .sortable-file-item.is-video .file-image[data-v-c8377d24] {
31
+ .sortable-file-item.is-video .file-image[data-v-b7fe69e3] {
30
32
  opacity: 0;
31
33
  }
32
- .sortable-file-item.is-video[data-v-c8377d24]::before {
34
+ .sortable-file-item.is-video[data-v-b7fe69e3]::before {
33
35
  content: '▶';
34
36
  position: absolute;
35
37
  top: 50%;
@@ -42,29 +44,30 @@
42
44
  }
43
45
 
44
46
  /* 拖拽中状态 */
45
- .sortable-file-item.is-dragging[data-v-c8377d24] {
47
+ .sortable-file-item.is-dragging[data-v-b7fe69e3] {
46
48
  opacity: 0.5;
47
49
  transform: scale(0.95);
48
50
  border-color: rgb(var(--primary-6));
49
51
  }
50
52
 
51
53
  /* 拖拽目标状态 */
52
- .sortable-file-item.is-over[data-v-c8377d24] {
53
- border: 2px dashed rgb(var(--primary-6));
54
+ .sortable-file-item.is-over[data-v-b7fe69e3] {
55
+ border: 1px dashed rgb(var(--primary-6));
54
56
  background-color: var(--color-primary-light-1);
55
57
  }
56
- .sortable-file-item.is-over[data-v-c8377d24]::before {
58
+ .sortable-file-item.is-over[data-v-b7fe69e3]::after {
57
59
  content: '';
58
60
  position: absolute;
59
61
  width: 2px;
60
- height: var(--v6adf0568);
62
+ height: var(--indicator-height);
61
63
  background-color: rgb(var(--primary-6));
62
64
  top: -5px;
63
65
  left: -2px;
66
+ z-index: 1;
64
67
  }
65
68
 
66
69
  /* 操作遮罩 */
67
- .file-mask[data-v-c8377d24] {
70
+ .file-mask[data-v-b7fe69e3] {
68
71
  position: absolute;
69
72
  top: 0;
70
73
  left: 0;
@@ -77,25 +80,25 @@
77
80
  opacity: 0;
78
81
  transition: opacity 0.3s;
79
82
  }
80
- .sortable-file-item:hover .file-mask[data-v-c8377d24] {
83
+ .sortable-file-item:hover .file-mask[data-v-b7fe69e3] {
81
84
  opacity: 1;
82
85
  }
83
- .file-actions[data-v-c8377d24] {
86
+ .file-actions[data-v-b7fe69e3] {
84
87
  display: flex;
85
88
  gap: 12px;
86
89
  }
87
- .action-icon[data-v-c8377d24] {
90
+ .action-icon[data-v-b7fe69e3] {
88
91
  color: white;
89
92
  font-size: 18px;
90
93
  cursor: pointer;
91
94
  transition: transform 0.2s;
92
95
  }
93
- .action-icon[data-v-c8377d24]:hover {
96
+ .action-icon[data-v-b7fe69e3]:hover {
94
97
  transform: scale(1.2);
95
98
  }
96
99
 
97
100
  /* 上传进度 */
98
- .upload-progress[data-v-c8377d24] {
101
+ .upload-progress[data-v-b7fe69e3] {
99
102
  position: absolute;
100
103
  bottom: 0;
101
104
  left: 0;
@@ -105,15 +108,15 @@
105
108
  }
106
109
 
107
110
  /* 上传中状态 */
108
- .sortable-file-item.is-uploading[data-v-c8377d24] {
111
+ .sortable-file-item.is-uploading[data-v-b7fe69e3] {
109
112
  cursor: default;
110
113
  }
111
114
 
112
115
  /* 错误状态 */
113
- .sortable-file-item.is-error[data-v-c8377d24] {
116
+ .sortable-file-item.is-error[data-v-b7fe69e3] {
114
117
  border-color: rgb(var(--danger-6));
115
118
  }
116
- .error-tip[data-v-c8377d24] {
119
+ .error-tip[data-v-b7fe69e3] {
117
120
  position: absolute;
118
121
  top: 50%;
119
122
  left: 50%;
@@ -656,12 +659,12 @@ video[data-v-b982f870] {
656
659
  margin-top: 4px;
657
660
  }
658
661
 
659
- .basic-table-wrapper[data-v-84dbe67a] {
662
+ .basic-table-wrapper[data-v-f752ab5b] {
660
663
  background: var(--color-bg-2, #fff);
661
664
  border-radius: 4px;
662
665
  padding: 16px;
663
666
  }
664
- .basic-table-wrapper.is-fullscreen[data-v-84dbe67a] {
667
+ .basic-table-wrapper.is-fullscreen[data-v-f752ab5b] {
665
668
  position: fixed;
666
669
  top: 0;
667
670
  left: 0;
@@ -671,39 +674,39 @@ video[data-v-b982f870] {
671
674
  overflow: auto;
672
675
  box-sizing: border-box;
673
676
  }
674
- .basic-table-toolbar[data-v-84dbe67a] {
677
+ .basic-table-toolbar[data-v-f752ab5b] {
675
678
  display: flex;
676
679
  justify-content: space-between;
677
680
  align-items: center;
678
681
  /* padding: 12px 0; */
679
682
  margin-bottom: 12px;
680
683
  }
681
- .toolbar-left[data-v-84dbe67a] {
684
+ .toolbar-left[data-v-f752ab5b] {
682
685
  display: flex;
683
686
  align-items: center;
684
687
  }
685
- .toolbar-title[data-v-84dbe67a] {
688
+ .toolbar-title[data-v-f752ab5b] {
686
689
  font-size: 16px;
687
690
  font-weight: 600;
688
691
  color: var(--color-text-1, #1d2129);
689
692
  }
690
- .toolbar-right[data-v-84dbe67a] {
693
+ .toolbar-right[data-v-f752ab5b] {
691
694
  display: flex;
692
695
  align-items: center;
693
696
  }
694
- .basic-table-search[data-v-84dbe67a] {
697
+ .basic-table-search[data-v-f752ab5b] {
695
698
  /* margin-bottom: 16px; */
696
699
  /* padding: 16px; */
697
700
  background: var(--color-bg-1, #fff);
698
701
  border-radius: 4px;
699
702
  padding: 10px 0;
700
703
  }
701
- .column-setting[data-v-84dbe67a] {
704
+ .column-setting[data-v-f752ab5b] {
702
705
  width: 200px;
703
706
  max-height: 400px;
704
707
  overflow-y: auto;
705
708
  }
706
- .column-setting-item[data-v-84dbe67a] {
709
+ .column-setting-item[data-v-f752ab5b] {
707
710
  padding: 8px 0;
708
711
  }
709
712
 
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "knt-shared",
3
- "version": "1.8.5",
3
+ "version": "1.8.7",
4
4
  "description": "KNT共享组件库和工具函数",
5
5
  "author": "hss",
6
6
  "main": "dist/index.cjs.js",