@cmstops/pro-compo 0.1.71 → 0.1.73
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/dist/index.css +40 -3
- package/dist/index.min.css +1 -1
- package/es/contentDetailList/components/Records/MatrixItem/index.js +70 -45
- package/es/contentDetailList/style/MatrixItem.less +51 -7
- package/es/contentDetailList/style/index.css +40 -3
- package/es/index.css +40 -3
- package/es/selectThumb/component.js +16 -15
- package/es/utils/typeMap.d.ts +2 -0
- package/es/utils/typeMap.js +3 -1
- package/lib/contentDetailList/components/Records/MatrixItem/index.js +69 -44
- package/lib/contentDetailList/style/MatrixItem.less +51 -7
- package/lib/contentDetailList/style/index.css +40 -3
- package/lib/index.css +40 -3
- package/lib/selectThumb/component.js +16 -15
- package/lib/utils/typeMap.js +3 -1
- package/package.json +1 -1
package/lib/index.css
CHANGED
|
@@ -2991,6 +2991,11 @@
|
|
|
2991
2991
|
color: white;
|
|
2992
2992
|
font-size: 30px;
|
|
2993
2993
|
}
|
|
2994
|
+
.matrix-records-item-view .cover-view .no-img.weixin {
|
|
2995
|
+
font-size: 20px;
|
|
2996
|
+
background: #89be89;
|
|
2997
|
+
border-radius: 6px;
|
|
2998
|
+
}
|
|
2994
2999
|
.matrix-records-item-view .info-view {
|
|
2995
3000
|
display: flex;
|
|
2996
3001
|
flex: 1;
|
|
@@ -3042,13 +3047,25 @@
|
|
|
3042
3047
|
.matrix-records-item-view .info-view .abttrite-v .left .account {
|
|
3043
3048
|
margin-left: 10px;
|
|
3044
3049
|
}
|
|
3045
|
-
.matrix-records-item-view .info-view .abttrite-v .left .account .avatar {
|
|
3050
|
+
.matrix-records-item-view .info-view .abttrite-v .left .account .avatar-v {
|
|
3051
|
+
position: relative;
|
|
3052
|
+
}
|
|
3053
|
+
.matrix-records-item-view .info-view .abttrite-v .left .account .avatar-v .avatar {
|
|
3046
3054
|
width: 25px;
|
|
3047
3055
|
height: 25px;
|
|
3048
3056
|
margin-right: 10px;
|
|
3049
3057
|
border-radius: 50%;
|
|
3050
3058
|
}
|
|
3051
|
-
.matrix-records-item-view .info-view .abttrite-v .left .account .avatar
|
|
3059
|
+
.matrix-records-item-view .info-view .abttrite-v .left .account .avatar-v .pla-icon {
|
|
3060
|
+
position: absolute;
|
|
3061
|
+
right: -5px;
|
|
3062
|
+
bottom: 1px;
|
|
3063
|
+
width: 12px;
|
|
3064
|
+
height: 12px;
|
|
3065
|
+
margin-right: 10px;
|
|
3066
|
+
border-radius: 50%;
|
|
3067
|
+
}
|
|
3068
|
+
.matrix-records-item-view .info-view .abttrite-v .left .account .avatar-v img {
|
|
3052
3069
|
width: 100%;
|
|
3053
3070
|
height: 100%;
|
|
3054
3071
|
}
|
|
@@ -3061,13 +3078,33 @@
|
|
|
3061
3078
|
border-radius: 50%;
|
|
3062
3079
|
content: '';
|
|
3063
3080
|
}
|
|
3081
|
+
.matrix-records-item-view .info-view .abttrite-v .left .state.p-state-1 {
|
|
3082
|
+
color: rgb(var(--primary-6));
|
|
3083
|
+
}
|
|
3064
3084
|
.matrix-records-item-view .info-view .abttrite-v .left .state.p-state-2 {
|
|
3065
3085
|
color: #4caf50;
|
|
3066
3086
|
}
|
|
3087
|
+
.matrix-records-item-view .info-view .abttrite-v .left .state.p-state-3,
|
|
3088
|
+
.matrix-records-item-view .info-view .abttrite-v .left .state.p-state-4 {
|
|
3089
|
+
color: #ff9800;
|
|
3090
|
+
}
|
|
3067
3091
|
.matrix-records-item-view .info-view .abttrite-v .left .state.m-state-0 {
|
|
3068
3092
|
color: #4caf50;
|
|
3069
3093
|
}
|
|
3070
|
-
.matrix-records-item-view .info-view .abttrite-v .left .state.m-state
|
|
3094
|
+
.matrix-records-item-view .info-view .abttrite-v .left .state.m-state--1,
|
|
3095
|
+
.matrix-records-item-view .info-view .abttrite-v .left .state.m-state-1,
|
|
3096
|
+
.matrix-records-item-view .info-view .abttrite-v .left .state.m-state-2,
|
|
3097
|
+
.matrix-records-item-view .info-view .abttrite-v .left .state.m-state-3,
|
|
3098
|
+
.matrix-records-item-view .info-view .abttrite-v .left .state.m-state-4,
|
|
3099
|
+
.matrix-records-item-view .info-view .abttrite-v .left .state.m-state-5,
|
|
3100
|
+
.matrix-records-item-view .info-view .abttrite-v .left .state.m-state-6,
|
|
3101
|
+
.matrix-records-item-view .info-view .abttrite-v .left .state.m-state-7,
|
|
3102
|
+
.matrix-records-item-view .info-view .abttrite-v .left .state.m-state-8,
|
|
3103
|
+
.matrix-records-item-view .info-view .abttrite-v .left .state.m-state-9,
|
|
3104
|
+
.matrix-records-item-view .info-view .abttrite-v .left .state.m-state-10,
|
|
3105
|
+
.matrix-records-item-view .info-view .abttrite-v .left .state.m-state-11,
|
|
3106
|
+
.matrix-records-item-view .info-view .abttrite-v .left .state.m-state-12,
|
|
3107
|
+
.matrix-records-item-view .info-view .abttrite-v .left .state.m-state-13 {
|
|
3071
3108
|
color: #ff9800;
|
|
3072
3109
|
}
|
|
3073
3110
|
.matrix-records-item-view .info-view .abttrite-v .right {
|
|
@@ -79,6 +79,7 @@ const _sfc_main = vue.defineComponent({
|
|
|
79
79
|
cropper: { type: Boolean },
|
|
80
80
|
aiImages: {},
|
|
81
81
|
series: {},
|
|
82
|
+
thumbsMax: {},
|
|
82
83
|
mediaUseType: {}
|
|
83
84
|
},
|
|
84
85
|
emits: ["update:dataValue", "upload"],
|
|
@@ -127,7 +128,7 @@ const _sfc_main = vue.defineComponent({
|
|
|
127
128
|
data = { model: 3, data: [{ url: value, thumb: value }] };
|
|
128
129
|
} else if (Array.isArray(value)) {
|
|
129
130
|
data = {
|
|
130
|
-
model:
|
|
131
|
+
model: 99,
|
|
131
132
|
data: value.map((img) => {
|
|
132
133
|
return {
|
|
133
134
|
url: img
|
|
@@ -149,13 +150,11 @@ const _sfc_main = vue.defineComponent({
|
|
|
149
150
|
},
|
|
150
151
|
{ immediate: true }
|
|
151
152
|
);
|
|
152
|
-
const
|
|
153
|
-
|
|
154
|
-
return props.
|
|
155
|
-
},
|
|
156
|
-
set(value) {
|
|
157
|
-
emit("update:dataValue", value);
|
|
153
|
+
const thumbsLengthList = vue.computed(() => {
|
|
154
|
+
if (props.thumbsMax && thumbList.value.length >= props.thumbsMax) {
|
|
155
|
+
return props.thumbsMax;
|
|
158
156
|
}
|
|
157
|
+
return thumbList.value.length + 1;
|
|
159
158
|
});
|
|
160
159
|
const callback = (value) => {
|
|
161
160
|
var _a;
|
|
@@ -172,8 +171,10 @@ const _sfc_main = vue.defineComponent({
|
|
|
172
171
|
temp.data = [];
|
|
173
172
|
}
|
|
174
173
|
if (props.mode === "thumbs") {
|
|
175
|
-
|
|
176
|
-
|
|
174
|
+
emit(
|
|
175
|
+
"update:dataValue",
|
|
176
|
+
temp.data.map((item) => item.url)
|
|
177
|
+
);
|
|
177
178
|
} else {
|
|
178
179
|
emit("update:dataValue", JSON.stringify(temp));
|
|
179
180
|
}
|
|
@@ -246,10 +247,10 @@ const _sfc_main = vue.defineComponent({
|
|
|
246
247
|
const _useCropper = props.mode === "doc" ? true : useCropper.value;
|
|
247
248
|
if (["smiple", "thumbs"].includes(props.mode)) {
|
|
248
249
|
dialogMediaSelectionShow.value = false;
|
|
249
|
-
const
|
|
250
|
-
|
|
251
|
-
}
|
|
252
|
-
styleData.value.data =
|
|
250
|
+
const media = data[0];
|
|
251
|
+
const temp = JSON.parse(JSON.stringify(styleData.value.data || []));
|
|
252
|
+
temp[thumbOptionIndex.value] = { url: media.url, thumb: media.url };
|
|
253
|
+
styleData.value.data = temp;
|
|
253
254
|
callback(styleData.value);
|
|
254
255
|
} else if (isPcBaner || !_useCropper) {
|
|
255
256
|
dialogMediaSelectionShow.value = false;
|
|
@@ -386,11 +387,11 @@ const _sfc_main = vue.defineComponent({
|
|
|
386
387
|
], 4)) : vue.createCommentVNode("v-if", true),
|
|
387
388
|
vue.createElementVNode("div", _hoisted_4, [
|
|
388
389
|
["thumbs"].includes(_ctx.mode) ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_5, [
|
|
389
|
-
(vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(
|
|
390
|
+
(vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(thumbsLengthList.value, (item, index) => {
|
|
390
391
|
return vue.openBlock(), vue.createBlock(card, {
|
|
391
392
|
key: index,
|
|
392
393
|
id: `thumb-card-${index}`,
|
|
393
|
-
data:
|
|
394
|
+
data: thumbList.value[index],
|
|
394
395
|
"preview-list": previewList.value,
|
|
395
396
|
"thumb-model": "thumb",
|
|
396
397
|
onOpen: ($event) => openDialogMediaSelection($event, index)
|
package/lib/utils/typeMap.js
CHANGED
|
@@ -139,10 +139,12 @@ const local_live_doc_status = [
|
|
|
139
139
|
{ value: 2, label: "\u5DF2\u7ED3\u675F", bgColor: "rgba(0, 0, 0, 0.6)" }
|
|
140
140
|
];
|
|
141
141
|
const matrixPublishStateMap = {
|
|
142
|
+
"-1": "\u5F85\u83B7\u53D6\u72B6\u6001",
|
|
142
143
|
0: "\u5F85\u53D1\u5E03",
|
|
143
144
|
1: "\u53D1\u5E03\u4E2D",
|
|
144
145
|
2: "\u53D1\u5E03\u6210\u529F",
|
|
145
|
-
3: "\u53D1\u5E03\u5931\u8D25"
|
|
146
|
+
3: "\u53D1\u5E03\u5931\u8D25",
|
|
147
|
+
4: "\u53D1\u5E03\u5931\u8D25"
|
|
146
148
|
};
|
|
147
149
|
const matrixPublishFormalStateMap = {
|
|
148
150
|
"-1": "\u5F85\u83B7\u53D6\u72B6\u6001",
|