@aplus-frontend/ui 0.5.29 → 0.5.30
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/es/index.mjs +50 -48
- package/es/src/ap-field/interface.d.ts +3 -0
- package/es/src/ap-grid/editable/form-item.vue.mjs +20 -19
- package/es/src/ap-grid/editable/index.vue.mjs +23 -22
- package/es/src/ap-grid/index.vue.mjs +106 -102
- package/es/src/ap-grid/interface.d.ts +5 -0
- package/es/src/ap-grid/utils/col.mjs +88 -77
- package/es/src/business/ap-product-info/ApProductInfo.d.ts +22 -25
- package/es/src/business/ap-product-info/ApProductInfo.mjs +59 -0
- package/es/src/business/ap-product-info/constans.d.ts +11 -14
- package/es/src/business/ap-product-info/constans.mjs +21 -0
- package/es/src/business/ap-product-info/index.d.ts +86 -0
- package/es/src/business/ap-product-info/index.mjs +7 -0
- package/es/src/business/ap-product-info/interface.d.ts +9 -7
- package/es/src/business/ap-product-info/interface.mjs +1 -0
- package/es/src/business/ap-product-info/style/css.d.ts +0 -0
- package/es/src/business/ap-product-info/style/css.js +1 -0
- package/es/src/business/ap-product-info/style/index.d.ts +0 -0
- package/es/src/business/ap-product-info/style/index.js +1 -0
- package/es/src/business/index.d.ts +1 -0
- package/es/src/business/index.mjs +21 -19
- package/es/src/components.d.ts +1 -0
- package/es/src/index.mjs +36 -34
- package/es/src/path-map.mjs +1 -0
- package/lib/index.js +1 -1
- package/lib/src/ap-field/interface.d.ts +3 -0
- package/lib/src/ap-grid/editable/form-item.vue.js +1 -1
- package/lib/src/ap-grid/editable/index.vue.js +1 -1
- package/lib/src/ap-grid/index.vue.js +1 -1
- package/lib/src/ap-grid/interface.d.ts +5 -0
- package/lib/src/ap-grid/utils/col.js +1 -1
- package/lib/src/business/ap-product-info/ApProductInfo.d.ts +22 -25
- package/lib/src/business/ap-product-info/ApProductInfo.js +1 -0
- package/lib/src/business/ap-product-info/constans.d.ts +11 -14
- package/lib/src/business/ap-product-info/constans.js +1 -0
- package/lib/src/business/ap-product-info/index.d.ts +86 -0
- package/lib/src/business/ap-product-info/index.js +1 -0
- package/lib/src/business/ap-product-info/interface.d.ts +9 -7
- package/lib/src/business/ap-product-info/interface.js +1 -0
- package/lib/src/business/ap-product-info/style/css.cjs +1 -0
- package/lib/src/business/ap-product-info/style/css.d.ts +0 -0
- package/lib/src/business/ap-product-info/style/index.cjs +1 -0
- package/lib/src/business/ap-product-info/style/index.d.ts +0 -0
- package/lib/src/business/index.d.ts +1 -0
- package/lib/src/business/index.js +1 -1
- package/lib/src/components.d.ts +1 -0
- package/lib/src/index.js +1 -1
- package/lib/src/path-map.js +1 -1
- package/package.json +1 -1
- package/theme/ap-product-info/ap-product-info.css +87 -0
- package/theme/ap-product-info/ap-product-info.less +100 -0
- package/theme/index.css +87 -0
- package/theme/index.less +1 -0
|
@@ -0,0 +1,87 @@
|
|
|
1
|
+
.aplus-ap-product-info {
|
|
2
|
+
display: flex;
|
|
3
|
+
}
|
|
4
|
+
.aplus-ap-product-info__img {
|
|
5
|
+
width: 44px;
|
|
6
|
+
height: 44px;
|
|
7
|
+
margin-right: 12px;
|
|
8
|
+
flex-shrink: 0;
|
|
9
|
+
}
|
|
10
|
+
.aplus-ap-product-info__content {
|
|
11
|
+
flex: 1;
|
|
12
|
+
display: flex;
|
|
13
|
+
flex-direction: column;
|
|
14
|
+
overflow: hidden;
|
|
15
|
+
}
|
|
16
|
+
.aplus-ap-product-info__title {
|
|
17
|
+
color: #182948;
|
|
18
|
+
overflow: hidden;
|
|
19
|
+
text-overflow: ellipsis;
|
|
20
|
+
white-space: nowrap;
|
|
21
|
+
height: 22px;
|
|
22
|
+
line-height: 22px;
|
|
23
|
+
}
|
|
24
|
+
.aplus-ap-product-info__title-tip {
|
|
25
|
+
color: #fff;
|
|
26
|
+
}
|
|
27
|
+
.aplus-ap-product-info__row {
|
|
28
|
+
display: grid;
|
|
29
|
+
grid-template-columns: 1fr 1fr;
|
|
30
|
+
}
|
|
31
|
+
.aplus-ap-product-info__row-divider {
|
|
32
|
+
display: grid;
|
|
33
|
+
grid-template-columns: 1fr 24px 1fr;
|
|
34
|
+
}
|
|
35
|
+
.aplus-ap-product-info__divider {
|
|
36
|
+
height: 12px;
|
|
37
|
+
position: relative;
|
|
38
|
+
top: 50%;
|
|
39
|
+
margin-top: -6px;
|
|
40
|
+
}
|
|
41
|
+
.aplus-ap-product-info__divider-vertical {
|
|
42
|
+
width: 1px;
|
|
43
|
+
background-color: #E9EDF3;
|
|
44
|
+
height: 12px;
|
|
45
|
+
position: absolute;
|
|
46
|
+
left: 50%;
|
|
47
|
+
}
|
|
48
|
+
.aplus-ap-product-info--full-width {
|
|
49
|
+
grid-column: 1 / -1;
|
|
50
|
+
}
|
|
51
|
+
.aplus-ap-product-info__item {
|
|
52
|
+
display: flex;
|
|
53
|
+
align-items: baseline;
|
|
54
|
+
}
|
|
55
|
+
.aplus-ap-product-info—-left {
|
|
56
|
+
justify-self: start;
|
|
57
|
+
}
|
|
58
|
+
.aplus-ap-product-info--right {
|
|
59
|
+
justify-self: end;
|
|
60
|
+
}
|
|
61
|
+
.aplus-ap-product-info__label {
|
|
62
|
+
color: #8896b0;
|
|
63
|
+
flex-shrink: 0;
|
|
64
|
+
}
|
|
65
|
+
.aplus-ap-product-info__label span {
|
|
66
|
+
display: inline-block;
|
|
67
|
+
padding: 0 2px;
|
|
68
|
+
}
|
|
69
|
+
.aplus-ap-product-info__value {
|
|
70
|
+
color: #8896b0;
|
|
71
|
+
overflow: hidden;
|
|
72
|
+
text-overflow: ellipsis;
|
|
73
|
+
white-space: nowrap;
|
|
74
|
+
}
|
|
75
|
+
.aplus-ap-product-info--link {
|
|
76
|
+
color: #0070ff;
|
|
77
|
+
cursor: pointer;
|
|
78
|
+
}
|
|
79
|
+
.aplus-ap-product-info--admin .aplus-ap-product-info__label {
|
|
80
|
+
color: #999;
|
|
81
|
+
}
|
|
82
|
+
.aplus-ap-product-info--admin .aplus-ap-product-info__value {
|
|
83
|
+
color: #999;
|
|
84
|
+
}
|
|
85
|
+
.aplus-ap-product-info--admin .aplus-ap-product-info--link {
|
|
86
|
+
color: #0070ff;
|
|
87
|
+
}
|
|
@@ -0,0 +1,100 @@
|
|
|
1
|
+
@import '../mixins/mixins.less';
|
|
2
|
+
|
|
3
|
+
.b(ap-product-info, {
|
|
4
|
+
@root-cls: ~'@{ns}@{common-separator}ap-product-info';
|
|
5
|
+
display:flex;
|
|
6
|
+
&__img{
|
|
7
|
+
width: 44px;
|
|
8
|
+
height: 44px;
|
|
9
|
+
margin-right:12px;
|
|
10
|
+
flex-shrink: 0;
|
|
11
|
+
}
|
|
12
|
+
&__content{
|
|
13
|
+
flex:1;
|
|
14
|
+
display: flex;
|
|
15
|
+
flex-direction: column;
|
|
16
|
+
overflow: hidden;
|
|
17
|
+
}
|
|
18
|
+
&__title{
|
|
19
|
+
color:#182948;
|
|
20
|
+
overflow: hidden;
|
|
21
|
+
text-overflow: ellipsis;
|
|
22
|
+
white-space: nowrap;
|
|
23
|
+
height: 22px;
|
|
24
|
+
line-height: 22px;
|
|
25
|
+
}
|
|
26
|
+
&__title-tip{
|
|
27
|
+
color:#fff;
|
|
28
|
+
}
|
|
29
|
+
|
|
30
|
+
&__row{
|
|
31
|
+
display: grid;
|
|
32
|
+
grid-template-columns: 1fr 1fr;
|
|
33
|
+
|
|
34
|
+
}
|
|
35
|
+
&__row-divider{
|
|
36
|
+
display: grid;
|
|
37
|
+
grid-template-columns: 1fr 24px 1fr;
|
|
38
|
+
}
|
|
39
|
+
&__divider{
|
|
40
|
+
position: relative;
|
|
41
|
+
height: 12px;
|
|
42
|
+
position: relative;
|
|
43
|
+
top:50%;
|
|
44
|
+
margin-top: -6px;
|
|
45
|
+
}
|
|
46
|
+
&__divider-vertical{
|
|
47
|
+
width: 1px;
|
|
48
|
+
background-color: #E9EDF3;
|
|
49
|
+
height: 12px;
|
|
50
|
+
position: absolute;
|
|
51
|
+
left:50%;
|
|
52
|
+
|
|
53
|
+
}
|
|
54
|
+
&--full-width {
|
|
55
|
+
grid-column: 1 / -1;
|
|
56
|
+
}
|
|
57
|
+
&__item{
|
|
58
|
+
display: flex;
|
|
59
|
+
align-items: baseline;
|
|
60
|
+
|
|
61
|
+
}
|
|
62
|
+
&—-left{
|
|
63
|
+
justify-self: start;
|
|
64
|
+
}
|
|
65
|
+
&--right{
|
|
66
|
+
justify-self: end;
|
|
67
|
+
}
|
|
68
|
+
&__label{
|
|
69
|
+
color:#8896b0;
|
|
70
|
+
flex-shrink: 0;
|
|
71
|
+
span{
|
|
72
|
+
display: inline-block;
|
|
73
|
+
padding: 0 2px;
|
|
74
|
+
}
|
|
75
|
+
}
|
|
76
|
+
&__value{
|
|
77
|
+
color:#8896b0;
|
|
78
|
+
overflow: hidden;
|
|
79
|
+
text-overflow: ellipsis;
|
|
80
|
+
white-space: nowrap;
|
|
81
|
+
}
|
|
82
|
+
&--link{
|
|
83
|
+
color:@aplus-primary-color;
|
|
84
|
+
cursor: pointer;
|
|
85
|
+
}
|
|
86
|
+
&--admin {
|
|
87
|
+
.@{root-cls} {
|
|
88
|
+
|
|
89
|
+
&__label{
|
|
90
|
+
color:#999;
|
|
91
|
+
}
|
|
92
|
+
&__value{
|
|
93
|
+
color:#999;
|
|
94
|
+
}
|
|
95
|
+
&--link{
|
|
96
|
+
color:rgb(0, 112, 255);
|
|
97
|
+
}
|
|
98
|
+
}
|
|
99
|
+
}
|
|
100
|
+
});
|
package/theme/index.css
CHANGED
|
@@ -741,6 +741,93 @@
|
|
|
741
741
|
.aplus-ap-ladder--admin .aplus-ap-ladder__link {
|
|
742
742
|
color: #34b77c;
|
|
743
743
|
}
|
|
744
|
+
.aplus-ap-product-info {
|
|
745
|
+
display: flex;
|
|
746
|
+
}
|
|
747
|
+
.aplus-ap-product-info__img {
|
|
748
|
+
width: 44px;
|
|
749
|
+
height: 44px;
|
|
750
|
+
margin-right: 12px;
|
|
751
|
+
flex-shrink: 0;
|
|
752
|
+
}
|
|
753
|
+
.aplus-ap-product-info__content {
|
|
754
|
+
flex: 1;
|
|
755
|
+
display: flex;
|
|
756
|
+
flex-direction: column;
|
|
757
|
+
overflow: hidden;
|
|
758
|
+
}
|
|
759
|
+
.aplus-ap-product-info__title {
|
|
760
|
+
color: #182948;
|
|
761
|
+
overflow: hidden;
|
|
762
|
+
text-overflow: ellipsis;
|
|
763
|
+
white-space: nowrap;
|
|
764
|
+
height: 22px;
|
|
765
|
+
line-height: 22px;
|
|
766
|
+
}
|
|
767
|
+
.aplus-ap-product-info__title-tip {
|
|
768
|
+
color: #fff;
|
|
769
|
+
}
|
|
770
|
+
.aplus-ap-product-info__row {
|
|
771
|
+
display: grid;
|
|
772
|
+
grid-template-columns: 1fr 1fr;
|
|
773
|
+
}
|
|
774
|
+
.aplus-ap-product-info__row-divider {
|
|
775
|
+
display: grid;
|
|
776
|
+
grid-template-columns: 1fr 24px 1fr;
|
|
777
|
+
}
|
|
778
|
+
.aplus-ap-product-info__divider {
|
|
779
|
+
height: 12px;
|
|
780
|
+
position: relative;
|
|
781
|
+
top: 50%;
|
|
782
|
+
margin-top: -6px;
|
|
783
|
+
}
|
|
784
|
+
.aplus-ap-product-info__divider-vertical {
|
|
785
|
+
width: 1px;
|
|
786
|
+
background-color: #E9EDF3;
|
|
787
|
+
height: 12px;
|
|
788
|
+
position: absolute;
|
|
789
|
+
left: 50%;
|
|
790
|
+
}
|
|
791
|
+
.aplus-ap-product-info--full-width {
|
|
792
|
+
grid-column: 1 / -1;
|
|
793
|
+
}
|
|
794
|
+
.aplus-ap-product-info__item {
|
|
795
|
+
display: flex;
|
|
796
|
+
align-items: baseline;
|
|
797
|
+
}
|
|
798
|
+
.aplus-ap-product-info—-left {
|
|
799
|
+
justify-self: start;
|
|
800
|
+
}
|
|
801
|
+
.aplus-ap-product-info--right {
|
|
802
|
+
justify-self: end;
|
|
803
|
+
}
|
|
804
|
+
.aplus-ap-product-info__label {
|
|
805
|
+
color: #8896b0;
|
|
806
|
+
flex-shrink: 0;
|
|
807
|
+
}
|
|
808
|
+
.aplus-ap-product-info__label span {
|
|
809
|
+
display: inline-block;
|
|
810
|
+
padding: 0 2px;
|
|
811
|
+
}
|
|
812
|
+
.aplus-ap-product-info__value {
|
|
813
|
+
color: #8896b0;
|
|
814
|
+
overflow: hidden;
|
|
815
|
+
text-overflow: ellipsis;
|
|
816
|
+
white-space: nowrap;
|
|
817
|
+
}
|
|
818
|
+
.aplus-ap-product-info--link {
|
|
819
|
+
color: #0070ff;
|
|
820
|
+
cursor: pointer;
|
|
821
|
+
}
|
|
822
|
+
.aplus-ap-product-info--admin .aplus-ap-product-info__label {
|
|
823
|
+
color: #999;
|
|
824
|
+
}
|
|
825
|
+
.aplus-ap-product-info--admin .aplus-ap-product-info__value {
|
|
826
|
+
color: #999;
|
|
827
|
+
}
|
|
828
|
+
.aplus-ap-product-info--admin .aplus-ap-product-info--link {
|
|
829
|
+
color: #0070ff;
|
|
830
|
+
}
|
|
744
831
|
.aplus-info-layout-container {
|
|
745
832
|
height: 100%;
|
|
746
833
|
background-color: #fff;
|
package/theme/index.less
CHANGED
|
@@ -12,6 +12,7 @@
|
|
|
12
12
|
@import './ap-input-radio/ap-input-radio.less';
|
|
13
13
|
@import './ap-label/ap-label.less';
|
|
14
14
|
@import './ap-ladder/ap-ladder.less';
|
|
15
|
+
@import './ap-product-info/ap-product-info.less';
|
|
15
16
|
@import './ap-layout/ap-info-layout.less';
|
|
16
17
|
@import './ap-list/index.less';
|
|
17
18
|
@import './ap-select-layout/ap-select-layout.less';
|