@cmstops/pro-compo 0.1.4 → 0.1.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 (14) hide show
  1. package/dist/index.css +94 -0
  2. package/dist/index.min.css +1 -1
  3. package/es/contentModal/style/css.js +0 -4
  4. package/es/contentModal/style/index.css +94 -0
  5. package/es/contentModal/style/index.d.ts +0 -4
  6. package/es/contentModal/style/index.js +0 -4
  7. package/es/contentModal/style/index.less +4 -1
  8. package/es/index.css +94 -0
  9. package/lib/contentModal/style/css.js +0 -4
  10. package/lib/contentModal/style/index.css +94 -0
  11. package/lib/contentModal/style/index.js +0 -4
  12. package/lib/contentModal/style/index.less +4 -1
  13. package/lib/index.css +94 -0
  14. package/package.json +1 -1
package/dist/index.css CHANGED
@@ -211,6 +211,100 @@
211
211
  height: auto;
212
212
  padding: 20px;
213
213
  }
214
+ .column-selection-container {
215
+ padding: 0px 15px;
216
+ }
217
+ .column-selection-popover-content {
218
+ padding: 0;
219
+ }
220
+ .column-selection-popover-content .column-outer-scrollbar {
221
+ height: 100%;
222
+ }
223
+ .media-filter-container {
224
+ padding: 10px 15px;
225
+ display: flex;
226
+ align-items: center;
227
+ }
228
+ .media-filter-container .filter-item {
229
+ width: auto;
230
+ }
231
+ .selected-store-box-popover-content {
232
+ padding: 0;
233
+ }
234
+ .selected-store-box-popover-content .batch-section-popover-main .item {
235
+ height: 35px;
236
+ display: flex;
237
+ align-items: center;
238
+ justify-content: space-between;
239
+ padding: 5px 10px;
240
+ box-sizing: border-box;
241
+ }
242
+ .selected-store-box-popover-content .batch-section-popover-main .item .icon {
243
+ width: 20px;
244
+ height: 25px;
245
+ margin-right: 8px;
246
+ font-size: 18px;
247
+ vertical-align: middle;
248
+ display: inline-block;
249
+ text-align: center;
250
+ }
251
+ .selected-store-box-popover-content .batch-section-popover-main .item .left {
252
+ width: 90%;
253
+ display: inline-block;
254
+ align-items: center;
255
+ text-overflow: ellipsis;
256
+ overflow: hidden;
257
+ white-space: nowrap;
258
+ }
259
+ .selected-store-box-popover-content .batch-section-popover-main .item .close-btn {
260
+ display: none;
261
+ }
262
+ .selected-store-box-popover-content .batch-section-popover-main .item:hover,
263
+ .selected-store-box-popover-content .batch-section-popover-main .item:active {
264
+ background-color: #f6f6f6;
265
+ }
266
+ .selected-store-box-popover-content .batch-section-popover-main .item:hover .close-btn,
267
+ .selected-store-box-popover-content .batch-section-popover-main .item:active .close-btn {
268
+ display: block;
269
+ }
270
+ .selected-store-box-popover-content .options {
271
+ display: flex;
272
+ align-items: center;
273
+ justify-content: flex-end;
274
+ }
275
+ .view-all-column-container {
276
+ height: 100%;
277
+ }
278
+ .view-all-column-container .content-table-view {
279
+ height: calc(100% - 110px);
280
+ }
281
+ .view-all-column-container .content-table-view .title-span {
282
+ width: 100%;
283
+ display: block;
284
+ text-overflow: ellipsis;
285
+ overflow: hidden;
286
+ white-space: nowrap;
287
+ }
288
+ .view-all-column-container .content-table-view .title-span .icon {
289
+ width: 20px;
290
+ height: 25px;
291
+ margin-right: 8px;
292
+ font-size: 18px;
293
+ vertical-align: middle;
294
+ display: inline-block;
295
+ text-align: center;
296
+ }
297
+ .view-all-column-container .bottom-view {
298
+ height: 60px;
299
+ margin: 0px 15px;
300
+ display: flex;
301
+ align-items: center;
302
+ justify-content: space-between;
303
+ }
304
+ .view-all-column-container .bottom-view .left {
305
+ display: flex;
306
+ align-items: center;
307
+ }
214
308
  .add-content-modal-wrapper .arco-modal-header {
215
309
  border-bottom: none;
216
310
  }
package/dist/index.min.css CHANGED
@@ -1 +1 @@
1
- .reference-btn{border:none;padding:12px 16px;border-radius:4px;color:#5f5f5f}.apps-box-popover{position:relative;padding:10px}.app-title{font-size:16px;font-weight:700;padding:0 15px}.ul-list{list-style:none;overflow:hidden;width:435px!important;text-align:center;padding:0;margin:0}.ul-list .li_item{float:left;width:85px;height:90px;text-align:center;margin:13px 0;position:relative}.ul-list .li_item .icon-logo .svg-icon{width:4em;height:3.5em}.ul-list .li_item:hover{background:rgba(0,0,0,.05);border-radius:4px;cursor:pointer}.ul-list .li_item:hover .icon-gengduo{display:block}.ul-list .li_item .wrap_icon{width:70px;display:inline-block;margin-top:6px}.ul-list .li_item .wrap_icon .wrap_ .icon-logo{width:70px;height:50px;margin-bottom:4px}.ul-list .li_item .wrap_icon .wrap_ .icon-logo img{max-width:100%;max-height:100%}.ul-list .li_item .wrap_icon .wrap_ .shortcut-logo{line-height:77px}.ul-list .li_item .wrap_icon .wrap_ .shortcut-logo img{width:35px;height:35px}.ul-list .li_item .wrap_icon .wrap_ .icon_title{width:73px;height:20px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ul-list .li_item .wrap_icon .quick-add .icon-logo{width:40px;height:40px;margin:5px auto 9px;text-align:center;background-color:rgba(0,0,0,.12);border-radius:50%}.ul-list .li_item .wrap_icon .quick-add .icon-logo i{line-height:40px;color:rgba(0,0,0,.85);font-size:14px}.ul-list .li_item .icon-gengduo{display:none;position:absolute;top:2px;right:4px}.reference-btn{border:none;padding:12px 16px;border-radius:4px;color:#5f5f5f}.message-boxs-popover{width:435px;position:relative}.message-boxs-popover .arco-tabs-content{padding-top:0}.message-boxs-popover .msg-scroll-bar{height:80vh;overflow-y:auto;display:block}.message-boxs-popover .message-list{margin:0;padding:0;list-style:none}.message-boxs-popover .message-item{padding:16px;padding-bottom:0}.message-boxs-popover .message-item:last-child .message-body{border-bottom:none}.message-boxs-popover .message-item .message-body{border-bottom:1px solid rgba(0,0,0,.05);padding-bottom:16px}.message-boxs-popover .message-item .message-body .media-message-content{width:100%}.message-boxs-popover .message-item .message-body .media-message-content .message-content{display:flex;align-items:center;justify-content:space-between;font-size:12px;color:#4e5969;margin-bottom:18px}.message-boxs-popover .message-item .message-body .media-message-content .message-info{display:flex;align-items:center;justify-content:space-between;color:#1d2129;font-size:14px;line-height:14px}.message-boxs-popover .message-item .message-body .media-message-content .message-info .message-media-title{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.message-boxs-popover .message-item .message-body .media-message-content .message-info .message-media-title .icon{margin-right:4px}.message-boxs-popover .message-item .message-body .media-message-content .message-info .message-media-title:hover{text-decoration:underline}.user-avater-content-info{width:328px;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:24px;padding-bottom:0;line-height:1}.user-avater-content-info .avatar{width:74px;height:74px;position:relative;border-radius:50%;overflow:hidden;margin-bottom:10px;display:flex;align-items:center;justify-content:center}.user-avater-content-info .avatar .arco-avatar{width:100%;height:100%}.user-avater-content-info .nick-name{font-size:16px;color:#1d2129;font-weight:500;margin-bottom:10px}.user-avater-content-info .user-email,.user-avater-content-info .user-name{font-size:14px;color:#86909c;margin-bottom:10px}.user-avater-content-info .org-alias{border:1px solid #ebeef5;padding:10px 20px;border-radius:40px}.user-avater-content-info .b_info_bottom{height:52px;padding:10px 16px;width:100%;display:flex;align-items:center;justify-content:center}.type-icons-container{display:inline-block;vertical-align:middle;font-size:18px}.tooltip-button{height:auto;padding:20px}.add-content-modal-wrapper .arco-modal-header{border-bottom:none}.add-content-modal-body{padding:0;height:70vh}.add-content-modal-body .content-tabs{height:100%}.add-content-modal-body .arco-tabs-content{padding-top:0}.tooltip-button{height:auto;padding:20px}
1
+ .reference-btn{border:none;padding:12px 16px;border-radius:4px;color:#5f5f5f}.apps-box-popover{position:relative;padding:10px}.app-title{font-size:16px;font-weight:700;padding:0 15px}.ul-list{list-style:none;overflow:hidden;width:435px!important;text-align:center;padding:0;margin:0}.ul-list .li_item{float:left;width:85px;height:90px;text-align:center;margin:13px 0;position:relative}.ul-list .li_item .icon-logo .svg-icon{width:4em;height:3.5em}.ul-list .li_item:hover{background:rgba(0,0,0,.05);border-radius:4px;cursor:pointer}.ul-list .li_item:hover .icon-gengduo{display:block}.ul-list .li_item .wrap_icon{width:70px;display:inline-block;margin-top:6px}.ul-list .li_item .wrap_icon .wrap_ .icon-logo{width:70px;height:50px;margin-bottom:4px}.ul-list .li_item .wrap_icon .wrap_ .icon-logo img{max-width:100%;max-height:100%}.ul-list .li_item .wrap_icon .wrap_ .shortcut-logo{line-height:77px}.ul-list .li_item .wrap_icon .wrap_ .shortcut-logo img{width:35px;height:35px}.ul-list .li_item .wrap_icon .wrap_ .icon_title{width:73px;height:20px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ul-list .li_item .wrap_icon .quick-add .icon-logo{width:40px;height:40px;margin:5px auto 9px;text-align:center;background-color:rgba(0,0,0,.12);border-radius:50%}.ul-list .li_item .wrap_icon .quick-add .icon-logo i{line-height:40px;color:rgba(0,0,0,.85);font-size:14px}.ul-list .li_item .icon-gengduo{display:none;position:absolute;top:2px;right:4px}.reference-btn{border:none;padding:12px 16px;border-radius:4px;color:#5f5f5f}.message-boxs-popover{width:435px;position:relative}.message-boxs-popover .arco-tabs-content{padding-top:0}.message-boxs-popover .msg-scroll-bar{height:80vh;overflow-y:auto;display:block}.message-boxs-popover .message-list{margin:0;padding:0;list-style:none}.message-boxs-popover .message-item{padding:16px;padding-bottom:0}.message-boxs-popover .message-item:last-child .message-body{border-bottom:none}.message-boxs-popover .message-item .message-body{border-bottom:1px solid rgba(0,0,0,.05);padding-bottom:16px}.message-boxs-popover .message-item .message-body .media-message-content{width:100%}.message-boxs-popover .message-item .message-body .media-message-content .message-content{display:flex;align-items:center;justify-content:space-between;font-size:12px;color:#4e5969;margin-bottom:18px}.message-boxs-popover .message-item .message-body .media-message-content .message-info{display:flex;align-items:center;justify-content:space-between;color:#1d2129;font-size:14px;line-height:14px}.message-boxs-popover .message-item .message-body .media-message-content .message-info .message-media-title{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.message-boxs-popover .message-item .message-body .media-message-content .message-info .message-media-title .icon{margin-right:4px}.message-boxs-popover .message-item .message-body .media-message-content .message-info .message-media-title:hover{text-decoration:underline}.user-avater-content-info{width:328px;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:24px;padding-bottom:0;line-height:1}.user-avater-content-info .avatar{width:74px;height:74px;position:relative;border-radius:50%;overflow:hidden;margin-bottom:10px;display:flex;align-items:center;justify-content:center}.user-avater-content-info .avatar .arco-avatar{width:100%;height:100%}.user-avater-content-info .nick-name{font-size:16px;color:#1d2129;font-weight:500;margin-bottom:10px}.user-avater-content-info .user-email,.user-avater-content-info .user-name{font-size:14px;color:#86909c;margin-bottom:10px}.user-avater-content-info .org-alias{border:1px solid #ebeef5;padding:10px 20px;border-radius:40px}.user-avater-content-info .b_info_bottom{height:52px;padding:10px 16px;width:100%;display:flex;align-items:center;justify-content:center}.type-icons-container{display:inline-block;vertical-align:middle;font-size:18px}.tooltip-button{height:auto;padding:20px}.column-selection-container{padding:0 15px}.column-selection-popover-content{padding:0}.column-selection-popover-content .column-outer-scrollbar{height:100%}.media-filter-container{padding:10px 15px;display:flex;align-items:center}.media-filter-container .filter-item{width:auto}.selected-store-box-popover-content{padding:0}.selected-store-box-popover-content .batch-section-popover-main .item{height:35px;display:flex;align-items:center;justify-content:space-between;padding:5px 10px;box-sizing:border-box}.selected-store-box-popover-content .batch-section-popover-main .item .icon{width:20px;height:25px;margin-right:8px;font-size:18px;vertical-align:middle;display:inline-block;text-align:center}.selected-store-box-popover-content .batch-section-popover-main .item .left{width:90%;display:inline-block;align-items:center;text-overflow:ellipsis;overflow:hidden;white-space:nowrap}.selected-store-box-popover-content .batch-section-popover-main .item .close-btn{display:none}.selected-store-box-popover-content .batch-section-popover-main .item:active,.selected-store-box-popover-content .batch-section-popover-main .item:hover{background-color:#f6f6f6}.selected-store-box-popover-content .batch-section-popover-main .item:active .close-btn,.selected-store-box-popover-content .batch-section-popover-main .item:hover .close-btn{display:block}.selected-store-box-popover-content .options{display:flex;align-items:center;justify-content:flex-end}.view-all-column-container{height:100%}.view-all-column-container .content-table-view{height:calc(100% - 110px)}.view-all-column-container .content-table-view .title-span{width:100%;display:block;text-overflow:ellipsis;overflow:hidden;white-space:nowrap}.view-all-column-container .content-table-view .title-span .icon{width:20px;height:25px;margin-right:8px;font-size:18px;vertical-align:middle;display:inline-block;text-align:center}.view-all-column-container .bottom-view{height:60px;margin:0 15px;display:flex;align-items:center;justify-content:space-between}.view-all-column-container .bottom-view .left{display:flex;align-items:center}.add-content-modal-wrapper .arco-modal-header{border-bottom:none}.add-content-modal-body{padding:0;height:70vh}.add-content-modal-body .content-tabs{height:100%}.add-content-modal-body .arco-tabs-content{padding-top:0}.tooltip-button{height:auto;padding:20px}
package/es/contentModal/style/css.js CHANGED
@@ -1,5 +1 @@
1
1
  import "./index.css";
2
- import "./columnTree.css";
3
- import "./ViewAllColumn.css";
4
- import "./storeBox.css";
5
- import "./MediaFilter.css";
package/es/contentModal/style/index.css CHANGED
@@ -1,3 +1,97 @@
1
+ .column-selection-container {
2
+ padding: 0px 15px;
3
+ }
4
+ .column-selection-popover-content {
5
+ padding: 0;
6
+ }
7
+ .column-selection-popover-content .column-outer-scrollbar {
8
+ height: 100%;
9
+ }
10
+ .media-filter-container {
11
+ padding: 10px 15px;
12
+ display: flex;
13
+ align-items: center;
14
+ }
15
+ .media-filter-container .filter-item {
16
+ width: auto;
17
+ }
18
+ .selected-store-box-popover-content {
19
+ padding: 0;
20
+ }
21
+ .selected-store-box-popover-content .batch-section-popover-main .item {
22
+ height: 35px;
23
+ display: flex;
24
+ align-items: center;
25
+ justify-content: space-between;
26
+ padding: 5px 10px;
27
+ box-sizing: border-box;
28
+ }
29
+ .selected-store-box-popover-content .batch-section-popover-main .item .icon {
30
+ width: 20px;
31
+ height: 25px;
32
+ margin-right: 8px;
33
+ font-size: 18px;
34
+ vertical-align: middle;
35
+ display: inline-block;
36
+ text-align: center;
37
+ }
38
+ .selected-store-box-popover-content .batch-section-popover-main .item .left {
39
+ width: 90%;
40
+ display: inline-block;
41
+ align-items: center;
42
+ text-overflow: ellipsis;
43
+ overflow: hidden;
44
+ white-space: nowrap;
45
+ }
46
+ .selected-store-box-popover-content .batch-section-popover-main .item .close-btn {
47
+ display: none;
48
+ }
49
+ .selected-store-box-popover-content .batch-section-popover-main .item:hover,
50
+ .selected-store-box-popover-content .batch-section-popover-main .item:active {
51
+ background-color: #f6f6f6;
52
+ }
53
+ .selected-store-box-popover-content .batch-section-popover-main .item:hover .close-btn,
54
+ .selected-store-box-popover-content .batch-section-popover-main .item:active .close-btn {
55
+ display: block;
56
+ }
57
+ .selected-store-box-popover-content .options {
58
+ display: flex;
59
+ align-items: center;
60
+ justify-content: flex-end;
61
+ }
62
+ .view-all-column-container {
63
+ height: 100%;
64
+ }
65
+ .view-all-column-container .content-table-view {
66
+ height: calc(100% - 110px);
67
+ }
68
+ .view-all-column-container .content-table-view .title-span {
69
+ width: 100%;
70
+ display: block;
71
+ text-overflow: ellipsis;
72
+ overflow: hidden;
73
+ white-space: nowrap;
74
+ }
75
+ .view-all-column-container .content-table-view .title-span .icon {
76
+ width: 20px;
77
+ height: 25px;
78
+ margin-right: 8px;
79
+ font-size: 18px;
80
+ vertical-align: middle;
81
+ display: inline-block;
82
+ text-align: center;
83
+ }
84
+ .view-all-column-container .bottom-view {
85
+ height: 60px;
86
+ margin: 0px 15px;
87
+ display: flex;
88
+ align-items: center;
89
+ justify-content: space-between;
90
+ }
91
+ .view-all-column-container .bottom-view .left {
92
+ display: flex;
93
+ align-items: center;
94
+ }
1
95
  .add-content-modal-wrapper .arco-modal-header {
2
96
  border-bottom: none;
3
97
  }
package/es/contentModal/style/index.d.ts CHANGED
@@ -1,5 +1 @@
1
1
  import './index.less';
2
- import './columnTree.less';
3
- import './ViewAllColumn.less';
4
- import './storeBox.less';
5
- import './MediaFilter.less';
package/es/contentModal/style/index.js CHANGED
@@ -1,5 +1 @@
1
1
  import "./index.less";
2
- import "./columnTree.less";
3
- import "./ViewAllColumn.less";
4
- import "./storeBox.less";
5
- import "./MediaFilter.less";
package/es/contentModal/style/index.less CHANGED
@@ -1,4 +1,7 @@
1
-
1
+ @import './columnTree.less';
2
+ @import './MediaFilter.less';
3
+ @import './storeBox.less';
4
+ @import './ViewAllColumn.less';
2
5
  .add-content-modal-wrapper {
3
6
  .arco-modal-header {
4
7
  border-bottom: none;
package/es/index.css CHANGED
@@ -211,6 +211,100 @@
211
211
  height: auto;
212
212
  padding: 20px;
213
213
  }
214
+ .column-selection-container {
215
+ padding: 0px 15px;
216
+ }
217
+ .column-selection-popover-content {
218
+ padding: 0;
219
+ }
220
+ .column-selection-popover-content .column-outer-scrollbar {
221
+ height: 100%;
222
+ }
223
+ .media-filter-container {
224
+ padding: 10px 15px;
225
+ display: flex;
226
+ align-items: center;
227
+ }
228
+ .media-filter-container .filter-item {
229
+ width: auto;
230
+ }
231
+ .selected-store-box-popover-content {
232
+ padding: 0;
233
+ }
234
+ .selected-store-box-popover-content .batch-section-popover-main .item {
235
+ height: 35px;
236
+ display: flex;
237
+ align-items: center;
238
+ justify-content: space-between;
239
+ padding: 5px 10px;
240
+ box-sizing: border-box;
241
+ }
242
+ .selected-store-box-popover-content .batch-section-popover-main .item .icon {
243
+ width: 20px;
244
+ height: 25px;
245
+ margin-right: 8px;
246
+ font-size: 18px;
247
+ vertical-align: middle;
248
+ display: inline-block;
249
+ text-align: center;
250
+ }
251
+ .selected-store-box-popover-content .batch-section-popover-main .item .left {
252
+ width: 90%;
253
+ display: inline-block;
254
+ align-items: center;
255
+ text-overflow: ellipsis;
256
+ overflow: hidden;
257
+ white-space: nowrap;
258
+ }
259
+ .selected-store-box-popover-content .batch-section-popover-main .item .close-btn {
260
+ display: none;
261
+ }
262
+ .selected-store-box-popover-content .batch-section-popover-main .item:hover,
263
+ .selected-store-box-popover-content .batch-section-popover-main .item:active {
264
+ background-color: #f6f6f6;
265
+ }
266
+ .selected-store-box-popover-content .batch-section-popover-main .item:hover .close-btn,
267
+ .selected-store-box-popover-content .batch-section-popover-main .item:active .close-btn {
268
+ display: block;
269
+ }
270
+ .selected-store-box-popover-content .options {
271
+ display: flex;
272
+ align-items: center;
273
+ justify-content: flex-end;
274
+ }
275
+ .view-all-column-container {
276
+ height: 100%;
277
+ }
278
+ .view-all-column-container .content-table-view {
279
+ height: calc(100% - 110px);
280
+ }
281
+ .view-all-column-container .content-table-view .title-span {
282
+ width: 100%;
283
+ display: block;
284
+ text-overflow: ellipsis;
285
+ overflow: hidden;
286
+ white-space: nowrap;
287
+ }
288
+ .view-all-column-container .content-table-view .title-span .icon {
289
+ width: 20px;
290
+ height: 25px;
291
+ margin-right: 8px;
292
+ font-size: 18px;
293
+ vertical-align: middle;
294
+ display: inline-block;
295
+ text-align: center;
296
+ }
297
+ .view-all-column-container .bottom-view {
298
+ height: 60px;
299
+ margin: 0px 15px;
300
+ display: flex;
301
+ align-items: center;
302
+ justify-content: space-between;
303
+ }
304
+ .view-all-column-container .bottom-view .left {
305
+ display: flex;
306
+ align-items: center;
307
+ }
214
308
  .add-content-modal-wrapper .arco-modal-header {
215
309
  border-bottom: none;
216
310
  }
package/lib/contentModal/style/css.js CHANGED
@@ -1,6 +1,2 @@
1
1
  "use strict";
2
2
  require("./index.css");
3
- require("./columnTree.css");
4
- require("./ViewAllColumn.css");
5
- require("./storeBox.css");
6
- require("./MediaFilter.css");
package/lib/contentModal/style/index.css CHANGED
@@ -1,3 +1,97 @@
1
+ .column-selection-container {
2
+ padding: 0px 15px;
3
+ }
4
+ .column-selection-popover-content {
5
+ padding: 0;
6
+ }
7
+ .column-selection-popover-content .column-outer-scrollbar {
8
+ height: 100%;
9
+ }
10
+ .media-filter-container {
11
+ padding: 10px 15px;
12
+ display: flex;
13
+ align-items: center;
14
+ }
15
+ .media-filter-container .filter-item {
16
+ width: auto;
17
+ }
18
+ .selected-store-box-popover-content {
19
+ padding: 0;
20
+ }
21
+ .selected-store-box-popover-content .batch-section-popover-main .item {
22
+ height: 35px;
23
+ display: flex;
24
+ align-items: center;
25
+ justify-content: space-between;
26
+ padding: 5px 10px;
27
+ box-sizing: border-box;
28
+ }
29
+ .selected-store-box-popover-content .batch-section-popover-main .item .icon {
30
+ width: 20px;
31
+ height: 25px;
32
+ margin-right: 8px;
33
+ font-size: 18px;
34
+ vertical-align: middle;
35
+ display: inline-block;
36
+ text-align: center;
37
+ }
38
+ .selected-store-box-popover-content .batch-section-popover-main .item .left {
39
+ width: 90%;
40
+ display: inline-block;
41
+ align-items: center;
42
+ text-overflow: ellipsis;
43
+ overflow: hidden;
44
+ white-space: nowrap;
45
+ }
46
+ .selected-store-box-popover-content .batch-section-popover-main .item .close-btn {
47
+ display: none;
48
+ }
49
+ .selected-store-box-popover-content .batch-section-popover-main .item:hover,
50
+ .selected-store-box-popover-content .batch-section-popover-main .item:active {
51
+ background-color: #f6f6f6;
52
+ }
53
+ .selected-store-box-popover-content .batch-section-popover-main .item:hover .close-btn,
54
+ .selected-store-box-popover-content .batch-section-popover-main .item:active .close-btn {
55
+ display: block;
56
+ }
57
+ .selected-store-box-popover-content .options {
58
+ display: flex;
59
+ align-items: center;
60
+ justify-content: flex-end;
61
+ }
62
+ .view-all-column-container {
63
+ height: 100%;
64
+ }
65
+ .view-all-column-container .content-table-view {
66
+ height: calc(100% - 110px);
67
+ }
68
+ .view-all-column-container .content-table-view .title-span {
69
+ width: 100%;
70
+ display: block;
71
+ text-overflow: ellipsis;
72
+ overflow: hidden;
73
+ white-space: nowrap;
74
+ }
75
+ .view-all-column-container .content-table-view .title-span .icon {
76
+ width: 20px;
77
+ height: 25px;
78
+ margin-right: 8px;
79
+ font-size: 18px;
80
+ vertical-align: middle;
81
+ display: inline-block;
82
+ text-align: center;
83
+ }
84
+ .view-all-column-container .bottom-view {
85
+ height: 60px;
86
+ margin: 0px 15px;
87
+ display: flex;
88
+ align-items: center;
89
+ justify-content: space-between;
90
+ }
91
+ .view-all-column-container .bottom-view .left {
92
+ display: flex;
93
+ align-items: center;
94
+ }
1
95
  .add-content-modal-wrapper .arco-modal-header {
2
96
  border-bottom: none;
3
97
  }
package/lib/contentModal/style/index.js CHANGED
@@ -1,6 +1,2 @@
1
1
  "use strict";
2
2
  require("./index.less");
3
- require("./columnTree.less");
4
- require("./ViewAllColumn.less");
5
- require("./storeBox.less");
6
- require("./MediaFilter.less");
package/lib/contentModal/style/index.less CHANGED
@@ -1,4 +1,7 @@
1
-
1
+ @import './columnTree.less';
2
+ @import './MediaFilter.less';
3
+ @import './storeBox.less';
4
+ @import './ViewAllColumn.less';
2
5
  .add-content-modal-wrapper {
3
6
  .arco-modal-header {
4
7
  border-bottom: none;
package/lib/index.css CHANGED
@@ -211,6 +211,100 @@
211
211
  height: auto;
212
212
  padding: 20px;
213
213
  }
214
+ .column-selection-container {
215
+ padding: 0px 15px;
216
+ }
217
+ .column-selection-popover-content {
218
+ padding: 0;
219
+ }
220
+ .column-selection-popover-content .column-outer-scrollbar {
221
+ height: 100%;
222
+ }
223
+ .media-filter-container {
224
+ padding: 10px 15px;
225
+ display: flex;
226
+ align-items: center;
227
+ }
228
+ .media-filter-container .filter-item {
229
+ width: auto;
230
+ }
231
+ .selected-store-box-popover-content {
232
+ padding: 0;
233
+ }
234
+ .selected-store-box-popover-content .batch-section-popover-main .item {
235
+ height: 35px;
236
+ display: flex;
237
+ align-items: center;
238
+ justify-content: space-between;
239
+ padding: 5px 10px;
240
+ box-sizing: border-box;
241
+ }
242
+ .selected-store-box-popover-content .batch-section-popover-main .item .icon {
243
+ width: 20px;
244
+ height: 25px;
245
+ margin-right: 8px;
246
+ font-size: 18px;
247
+ vertical-align: middle;
248
+ display: inline-block;
249
+ text-align: center;
250
+ }
251
+ .selected-store-box-popover-content .batch-section-popover-main .item .left {
252
+ width: 90%;
253
+ display: inline-block;
254
+ align-items: center;
255
+ text-overflow: ellipsis;
256
+ overflow: hidden;
257
+ white-space: nowrap;
258
+ }
259
+ .selected-store-box-popover-content .batch-section-popover-main .item .close-btn {
260
+ display: none;
261
+ }
262
+ .selected-store-box-popover-content .batch-section-popover-main .item:hover,
263
+ .selected-store-box-popover-content .batch-section-popover-main .item:active {
264
+ background-color: #f6f6f6;
265
+ }
266
+ .selected-store-box-popover-content .batch-section-popover-main .item:hover .close-btn,
267
+ .selected-store-box-popover-content .batch-section-popover-main .item:active .close-btn {
268
+ display: block;
269
+ }
270
+ .selected-store-box-popover-content .options {
271
+ display: flex;
272
+ align-items: center;
273
+ justify-content: flex-end;
274
+ }
275
+ .view-all-column-container {
276
+ height: 100%;
277
+ }
278
+ .view-all-column-container .content-table-view {
279
+ height: calc(100% - 110px);
280
+ }
281
+ .view-all-column-container .content-table-view .title-span {
282
+ width: 100%;
283
+ display: block;
284
+ text-overflow: ellipsis;
285
+ overflow: hidden;
286
+ white-space: nowrap;
287
+ }
288
+ .view-all-column-container .content-table-view .title-span .icon {
289
+ width: 20px;
290
+ height: 25px;
291
+ margin-right: 8px;
292
+ font-size: 18px;
293
+ vertical-align: middle;
294
+ display: inline-block;
295
+ text-align: center;
296
+ }
297
+ .view-all-column-container .bottom-view {
298
+ height: 60px;
299
+ margin: 0px 15px;
300
+ display: flex;
301
+ align-items: center;
302
+ justify-content: space-between;
303
+ }
304
+ .view-all-column-container .bottom-view .left {
305
+ display: flex;
306
+ align-items: center;
307
+ }
214
308
  .add-content-modal-wrapper .arco-modal-header {
215
309
  border-bottom: none;
216
310
  }
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@cmstops/pro-compo",
3
- "version": "0.1.4",
3
+ "version": "0.1.5",
4
4
  "description": "",
5
5
  "keywords": [
6
6
  "vue",