@cmstops/pro-compo 0.1.72 → 0.1.74

package/es/utils/typeMap.js

@@ -83,15 +83,6 @@ const mp_type_map = {
   1: "\u4E2A\u4EBA\u53F7",
   2: "\u7EC4\u7EC7\u53F7"
 };
-const mpTypeOptions = () => {
-  const arr = Object.keys(mp_type_map).map((key) => {
-    return {
-      value: key,
-      label: mp_type_map[key]
-    };
-  });
-  return arr;
-};
 const kongo_source_map = {
   app: "\u5E94\u7528",
   url: "\u94FE\u63A5",
@@ -137,10 +128,12 @@ const local_live_doc_status = [
   { value: 2, label: "\u5DF2\u7ED3\u675F", bgColor: "rgba(0, 0, 0, 0.6)" }
 ];
 const matrixPublishStateMap = {
+  "-1": "\u5F85\u83B7\u53D6\u72B6\u6001",
   0: "\u5F85\u53D1\u5E03",
   1: "\u53D1\u5E03\u4E2D",
   2: "\u53D1\u5E03\u6210\u529F",
-  3: "\u53D1\u5E03\u5931\u8D25"
+  3: "\u53D1\u5E03\u5931\u8D25",
+  4: "\u53D1\u5E03\u5931\u8D25"
 };
 const matrixPublishFormalStateMap = {
   "-1": "\u5F85\u83B7\u53D6\u72B6\u6001",
@@ -159,4 +152,4 @@ const matrixPublishFormalStateMap = {
   12: "\u672A\u77E5",
   13: "\u79C1\u5BC6"
 };
-export { approveFlowStatusMap, calcApprovingDependent, calcApprovingUser, compoColumnsMap, componentsColumns, contentList_layout_map, contentList_list_type_map, contentList_relation_type_map, ilive_type_map, key_target_type_map, kongo_source_map, local_live_doc_status, local_live_doc_type, matrixPublishFormalStateMap, matrixPublishStateMap, mpTypeOptions, mp_type_map };
+export { approveFlowStatusMap, calcApprovingDependent, calcApprovingUser, compoColumnsMap, componentsColumns, contentList_layout_map, contentList_list_type_map, contentList_relation_type_map, ilive_type_map, key_target_type_map, kongo_source_map, local_live_doc_status, local_live_doc_type, matrixPublishFormalStateMap, matrixPublishStateMap, mp_type_map };

package/lib/baseFilter/component.js

@@ -1,10 +1,7 @@
 "use strict";
 var vue = require("vue");
 var webVue = require("@arco-design/web-vue");
-var doc = require("../utils/doc.js");
-var typeMap = require("../utils/typeMap.js");
 var filterItem = require("./components/filterItem.js");
-var config = require("../config.js");
 const _hoisted_1 = { class: "base-filter-container" };
 const _hoisted_2 = { class: "left" };
 const _hoisted_3 = {
@@ -24,18 +21,30 @@ const _sfc_main = vue.defineComponent({
   setup(__props, { emit: __emit }) {
     const props = __props;
     const emit = __emit;
-    props.BASE_API || config.DEFAULT_BASE_API;
     const render = vue.ref(false);
     const form = vue.ref({});
     const columnsKeys = vue.computed(() => props.columns.map((column) => column.key));
     const columnsMap = vue.computed(() => {
-      return props.columns.reduce((map, column) => {
-        map[column.key] = column;
-        return map;
+      const map = props.columns.reduce((map2, column) => {
+        map2[column.key] = column;
+        return map2;
       }, {});
+      return map;
     });
-    const formKeys = vue.computed(() => Object.keys(form.value));
-    const hasKey = (key) => formKeys.value.includes(key);
+    const renderColumns = vue.computed(() => {
+      let rangeKeys = props.columns.filter((column) => column.range).map((column) => column.range);
+      rangeKeys = [...new Set(rangeKeys)];
+      const _columns = props.columns.filter((column) => !column.range);
+      rangeKeys.forEach((key) => {
+        const rangeItem = props.columns.filter((column) => column.range === key);
+        rangeItem[0].key = key;
+        _columns.push(rangeItem[0]);
+      });
+      return _columns;
+    });
+    const getOptions = (item) => {
+      return item.options ? item.options : [];
+    };
     const hasValue = vue.computed(() => {
       return (key) => {
         var _a, _b;
@@ -107,10 +116,9 @@ const _sfc_main = vue.defineComponent({
       }
       return _parmas;
     };
-    const _mpTypeOptions = typeMap.mpTypeOptions();
     vue.watch(
       () => columnsKeys.value,
-      (keys) => {
+      () => {
         renderForm();
       },
       { immediate: true }
@@ -122,110 +130,35 @@ const _sfc_main = vue.defineComponent({
       },
       { deep: true }
     );
-    const seriesOptions = doc.typeOptions();
     return (_ctx, _cache) => {
       return vue.openBlock(), vue.createElementBlock("div", _hoisted_1, [
         vue.createElementVNode("div", _hoisted_2, [
           render.value ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_3, [
-            hasKey("word") ? (vue.openBlock(), vue.createBlock(filterItem, {
-              key: 0,
-              active: hasValue.value("word")
-            }, {
-              default: vue.withCtx(() => {
-                var _a;
-                return [
-                  vue.createVNode(vue.unref(webVue.InputSearch), {
-                    modelValue: form.value.word,
-                    "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => form.value.word = $event),
-                    style: vue.normalizeStyle({ width: styleWidth(columnsMap.value.word) }),
-                    "allow-clear": "",
-                    size: "medium",
-                    placeholder: `\u8BF7\u8F93\u5165${(_a = columnsMap.value.word) == null ? void 0 : _a.label}`
-                  }, null, 8, ["modelValue", "style", "placeholder"])
-                ];
-              }),
-              _: 1
-            }, 8, ["active"])) : vue.createCommentVNode("v-if", true),
-            hasKey("series") ? (vue.openBlock(), vue.createBlock(filterItem, {
-              key: 1,
-              active: hasValue.value("series")
-            }, {
-              default: vue.withCtx(() => {
-                var _a;
-                return [
-                  vue.createVNode(vue.unref(webVue.Select), {
-                    modelValue: form.value.series,
-                    "onUpdate:modelValue": _cache[1] || (_cache[1] = ($event) => form.value.series = $event),
-                    "allow-clear": "",
-                    style: vue.normalizeStyle({ width: styleWidth(columnsMap.value.series) }),
-                    placeholder: `\u8BF7\u9009\u62E9${(_a = columnsMap.value.series) == null ? void 0 : _a.label}`
-                  }, {
-                    default: vue.withCtx(() => [
-                      (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(vue.unref(seriesOptions), (opt) => {
-                        return vue.openBlock(), vue.createBlock(vue.unref(webVue.Option), {
-                          key: opt.value,
-                          label: opt.label,
-                          value: opt.value
-                        }, null, 8, ["label", "value"]);
-                      }), 128))
-                    ]),
-                    _: 1
-                  }, 8, ["modelValue", "style", "placeholder"])
-                ];
-              }),
-              _: 1
-            }, 8, ["active"])) : vue.createCommentVNode("v-if", true),
-            hasKey("pub_time") ? (vue.openBlock(), vue.createBlock(filterItem, {
-              key: 2,
-              active: hasValue.value("pub_time")
-            }, {
-              default: vue.withCtx(() => [
-                vue.createVNode(vue.unref(webVue.RangePicker), {
-                  modelValue: form.value.pub_time.range,
-                  "onUpdate:modelValue": _cache[2] || (_cache[2] = ($event) => form.value.pub_time.range = $event),
-                  style: vue.normalizeStyle({ width: styleWidth(form.value.pub_time) }),
-                  "value-format": "timestamp",
-                  onClick: _cache[3] || (_cache[3] = vue.withModifiers(() => {
-                  }, ["stop"]))
-                }, null, 8, ["modelValue", "style"])
-              ]),
-              _: 1
-            }, 8, ["active"])) : vue.createCommentVNode("v-if", true),
-            hasKey("mp_name") ? (vue.openBlock(), vue.createBlock(filterItem, {
-              key: 3,
-              active: hasValue.value("mp_name")
-            }, {
-              default: vue.withCtx(() => {
-                var _a;
-                return [
-                  vue.createVNode(vue.unref(webVue.InputSearch), {
-                    modelValue: form.value.mp_name,
-                    "onUpdate:modelValue": _cache[4] || (_cache[4] = ($event) => form.value.mp_name = $event),
-                    style: vue.normalizeStyle({ width: styleWidth(columnsMap.value.mp_name) }),
+            (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(renderColumns.value, (item, index) => {
+              return vue.openBlock(), vue.createBlock(filterItem, {
+                key: index,
+                active: hasValue.value(item.key)
+              }, {
+                default: vue.withCtx(() => [
+                  item.component === "input" ? (vue.openBlock(), vue.createBlock(vue.unref(webVue.InputSearch), {
+                    key: 0,
+                    modelValue: form.value[item.key],
+                    "onUpdate:modelValue": ($event) => form.value[item.key] = $event,
+                    style: vue.normalizeStyle({ width: styleWidth(columnsMap.value[item.key]) }),
                     "allow-clear": "",
                     size: "medium",
-                    placeholder: `\u8BF7\u8F93\u5165${(_a = columnsMap.value.mp_name) == null ? void 0 : _a.label}`
-                  }, null, 8, ["modelValue", "style", "placeholder"])
-                ];
-              }),
-              _: 1
-            }, 8, ["active"])) : vue.createCommentVNode("v-if", true),
-            hasKey("mp_type") ? (vue.openBlock(), vue.createBlock(filterItem, {
-              key: 4,
-              active: hasValue.value("mp_type")
-            }, {
-              default: vue.withCtx(() => {
-                var _a;
-                return [
-                  vue.createVNode(vue.unref(webVue.Select), {
-                    modelValue: form.value.mp_type,
-                    "onUpdate:modelValue": _cache[5] || (_cache[5] = ($event) => form.value.mp_type = $event),
-                    style: vue.normalizeStyle([{ width: styleWidth(columnsMap.value.mp_type) }, { "width": "150px" }]),
+                    placeholder: `\u8BF7\u8F93\u5165${item.label}`
+                  }, null, 8, ["modelValue", "onUpdate:modelValue", "style", "placeholder"])) : vue.createCommentVNode("v-if", true),
+                  item.component === "select" ? (vue.openBlock(), vue.createBlock(vue.unref(webVue.Select), {
+                    key: 1,
+                    modelValue: form.value[item.key],
+                    "onUpdate:modelValue": ($event) => form.value[item.key] = $event,
                     "allow-clear": "",
-                    placeholder: `\u8BF7\u9009\u62E9${(_a = columnsMap.value.mp_type) == null ? void 0 : _a.label}`
+                    style: vue.normalizeStyle({ width: styleWidth(columnsMap.value[item.key]) }),
+                    placeholder: `\u8BF7\u9009\u62E9${item.label}`
                   }, {
                     default: vue.withCtx(() => [
-                      (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(vue.unref(_mpTypeOptions), (opt) => {
+                      (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(getOptions(item), (opt) => {
                         return vue.openBlock(), vue.createBlock(vue.unref(webVue.Option), {
                           key: opt.value,
                           label: opt.label,
@@ -233,12 +166,21 @@ const _sfc_main = vue.defineComponent({
                         }, null, 8, ["label", "value"]);
                       }), 128))
                     ]),
-                    _: 1
-                  }, 8, ["modelValue", "style", "placeholder"])
-                ];
-              }),
-              _: 1
-            }, 8, ["active"])) : vue.createCommentVNode("v-if", true)
+                    _: 2
+                  }, 1032, ["modelValue", "onUpdate:modelValue", "style", "placeholder"])) : vue.createCommentVNode("v-if", true),
+                  item.component === "range-picker" ? (vue.openBlock(), vue.createBlock(vue.unref(webVue.RangePicker), {
+                    key: 2,
+                    modelValue: form.value[item.key].range,
+                    "onUpdate:modelValue": ($event) => form.value[item.key].range = $event,
+                    style: vue.normalizeStyle({ width: styleWidth(form.value[item.key]) }),
+                    "value-format": "timestamp",
+                    onClick: _cache[0] || (_cache[0] = vue.withModifiers(() => {
+                    }, ["stop"]))
+                  }, null, 8, ["modelValue", "onUpdate:modelValue", "style"])) : vue.createCommentVNode("v-if", true)
+                ]),
+                _: 2
+              }, 1032, ["active"]);
+            }), 128))
           ])) : vue.createCommentVNode("v-if", true)
         ]),
         vue.createElementVNode("div", _hoisted_4, [

package/lib/contentDetailList/components/Records/MatrixItem/index.js

@@ -8,20 +8,25 @@ var typeMap = require("../../../../utils/typeMap.js");
 const _hoisted_1 = { class: "cover-view" };
 const _hoisted_2 = {
   key: 1,
+  class: "no-img weixin"
+};
+const _hoisted_3 = {
+  key: 2,
   class: "no-img"
 };
-const _hoisted_3 = { class: "batch-select" };
-const _hoisted_4 = { class: "info-view" };
-const _hoisted_5 = { class: "title_i" };
-const _hoisted_6 = { class: "abttrite-v" };
-const _hoisted_7 = { class: "left" };
-const _hoisted_8 = { class: "abttr tags account" };
-const _hoisted_9 = { class: "name" };
-const _hoisted_10 = { key: 1 };
-const _hoisted_11 = { class: "abttr tags user" };
-const _hoisted_12 = { class: "abttr time" };
-const _hoisted_13 = { class: "abttr time" };
-const _hoisted_14 = { class: "right" };
+const _hoisted_4 = { class: "batch-select" };
+const _hoisted_5 = { class: "info-view" };
+const _hoisted_6 = { class: "title_i" };
+const _hoisted_7 = { class: "abttrite-v" };
+const _hoisted_8 = { class: "left" };
+const _hoisted_9 = { class: "abttr tags account" };
+const _hoisted_10 = { class: "avatar-v" };
+const _hoisted_11 = { class: "name" };
+const _hoisted_12 = { key: 1 };
+const _hoisted_13 = { class: "abttr tags user" };
+const _hoisted_14 = { class: "abttr time" };
+const _hoisted_15 = { class: "abttr time" };
+const _hoisted_16 = { class: "right" };
 const _sfc_main = vue.defineComponent({
   __name: "index",
   props: {
@@ -33,15 +38,28 @@ const _sfc_main = vue.defineComponent({
     const props = __props;
     const emit = __emit;
     const { matrix } = props.extraAttrs || {};
-    const { getPlatformInfoById, accounts } = matrix || {};
-    const covers = vue.computed(() => {
-      return props.item.cover ? JSON.parse(props.item.cover) : [];
-    });
-    const account = vue.computed(() => {
-      return accounts == null ? void 0 : accounts.find(
-        (item) => item.platformAccountId === props.item.accountId
-      );
+    const { getPlatformInfoById } = matrix || {};
+    const cover = vue.computed(() => {
+      if (props.item.cover) {
+        return props.item.cover;
+      }
+      if (props.item.payload) {
+        const _payload = JSON.parse(props.item.payload);
+        if (_payload[0] && _payload[0].covers.length) {
+          return _payload[0].covers[0];
+        }
+      }
+      return "";
     });
+    const setAvatar = (account) => {
+      if (!account.avatar) {
+        return platformInfo.value.pfIcon;
+      }
+      if (props.item.platformId === 15) {
+        return platformInfo.value.pfIcon;
+      }
+      return account.avatar;
+    };
     const platformInfo = vue.computed(() => {
       return getPlatformInfoById(props.item.platformId);
     });
@@ -67,62 +85,69 @@ const _sfc_main = vue.defineComponent({
         onMouseleave: _cache[1] || (_cache[1] = ($event) => mouseLeaveFun($event, _ctx.item))
       }, [
         vue.createElementVNode("div", _hoisted_1, [
-          covers.value ? (vue.openBlock(), vue.createBlock(vue.unref(webVue.Image), {
+          cover.value ? (vue.openBlock(), vue.createBlock(vue.unref(webVue.Image), {
             key: 0,
-            src: covers.value[0],
+            src: cover.value,
             preview: false,
             fit: "cover",
             class: "image"
-          }, null, 8, ["src"])) : (vue.openBlock(), vue.createElementBlock("span", _hoisted_2, vue.toDisplayString(vue.unref(index.noCoverText)(_ctx.item)), 1)),
-          vue.createElementVNode("div", _hoisted_3, [
+          }, null, 8, ["src"])) : _ctx.item.platformId === 20 ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_2, "\u5FAE\u4FE1\u7EC4\u7A3F")) : (vue.openBlock(), vue.createElementBlock("span", _hoisted_3, vue.toDisplayString(vue.unref(index.noCoverText)(_ctx.item)), 1)),
+          vue.createElementVNode("div", _hoisted_4, [
             vue.renderSlot(_ctx.$slots, "batch", { row: _ctx.item })
           ])
         ]),
-        vue.createElementVNode("div", _hoisted_4, [
+        vue.createElementVNode("div", _hoisted_5, [
           vue.createElementVNode("div", {
             class: "title",
             onClick: clickTitle
           }, [
             vue.renderSlot(_ctx.$slots, "index"),
-            vue.createElementVNode("span", _hoisted_5, vue.toDisplayString(_ctx.item.alias || _ctx.item.title), 1)
+            vue.createElementVNode("span", _hoisted_6, vue.toDisplayString(_ctx.item.alias || _ctx.item.title || `\u5206\u53D1\u8BB0\u5F55${new Date().getTime()}`), 1)
           ]),
-          vue.createElementVNode("div", _hoisted_6, [
-            vue.createElementVNode("div", _hoisted_7, [
+          vue.createElementVNode("div", _hoisted_7, [
+            vue.createElementVNode("div", _hoisted_8, [
               vue.createVNode(component, {
                 class: "icon",
                 doc: true,
                 type: docTypeMap[_ctx.item.contentType]
               }, null, 8, ["type"]),
               vue.renderSlot(_ctx.$slots, "tip"),
-              vue.createElementVNode("span", _hoisted_8, [
-                account.value ? (vue.openBlock(), vue.createElementBlock(vue.Fragment, { key: 0 }, [
-                  platformInfo.value ? (vue.openBlock(), vue.createBlock(vue.unref(webVue.Image), {
-                    key: 0,
-                    class: "avatar",
-                    src: account.value.avatar,
-                    preview: false,
-                    fit: "cover"
-                  }, null, 8, ["src"])) : vue.createCommentVNode("v-if", true),
-                  vue.createElementVNode("span", _hoisted_9, vue.toDisplayString(account.value.name), 1)
-                ], 64)) : (vue.openBlock(), vue.createElementBlock("span", _hoisted_10, "--"))
+              vue.createElementVNode("span", _hoisted_9, [
+                _ctx.item.account ? (vue.openBlock(), vue.createElementBlock(vue.Fragment, { key: 0 }, [
+                  vue.createElementVNode("div", _hoisted_10, [
+                    vue.createVNode(vue.unref(webVue.Image), {
+                      class: "avatar",
+                      src: setAvatar(_ctx.item.account),
+                      preview: false,
+                      fit: "cover"
+                    }, null, 8, ["src"]),
+                    vue.createVNode(vue.unref(webVue.Image), {
+                      class: "pla-icon",
+                      src: platformInfo.value.pfIcon,
+                      preview: false,
+                      fit: "cover"
+                    }, null, 8, ["src"])
+                  ]),
+                  vue.createElementVNode("span", _hoisted_11, vue.toDisplayString(_ctx.item.account.name || `\u7528\u6237${new Date().getTime()}`), 1)
+                ], 64)) : (vue.openBlock(), vue.createElementBlock("span", _hoisted_12, "--"))
               ]),
               vue.createElementVNode("span", {
                 class: vue.normalizeClass(["abttr tags state", [`p-state-${_ctx.item.publishState}`]])
               }, vue.toDisplayString(vue.unref(typeMap.matrixPublishStateMap)[_ctx.item.publishState]), 3),
-              vue.createElementVNode("span", _hoisted_11, vue.toDisplayString(((_a = _ctx.item.user) == null ? void 0 : _a.alias) || "--"), 1),
-              vue.createElementVNode("span", _hoisted_12, [
+              vue.createElementVNode("span", _hoisted_13, vue.toDisplayString(((_a = _ctx.item.user) == null ? void 0 : _a.alias) || "--"), 1),
+              vue.createElementVNode("span", _hoisted_14, [
                 vue.createVNode(vue.unref(icon.IconSubscribed)),
-                vue.createTextVNode(" \u53D1\u5E03\u65F6\u95F4: " + vue.toDisplayString(vue.unref(index.timeFormat)(_ctx.item.publishTime)), 1)
+                vue.createTextVNode(" \u53D1\u5E03\u65F6\u95F4: " + vue.toDisplayString(vue.unref(index.timeFormat)(_ctx.item.publishTime || _ctx.item.updatedAt)), 1)
               ]),
               vue.createElementVNode("span", {
                 class: vue.normalizeClass(["abttr tags state", [`m-state-${_ctx.item.platformState}`]])
               }, vue.toDisplayString(vue.unref(typeMap.matrixPublishFormalStateMap)[_ctx.item.platformState]), 3),
-              vue.createElementVNode("span", _hoisted_13, [
+              vue.createElementVNode("span", _hoisted_15, [
                 vue.createVNode(vue.unref(icon.IconSend)),
                 vue.createTextVNode(" \u5206\u53D1\u65F6\u95F4: " + vue.toDisplayString(vue.unref(index.timeFormat)(_ctx.item.distributeTime)), 1)
               ])
             ]),
-            vue.createElementVNode("div", _hoisted_14, [
+            vue.createElementVNode("div", _hoisted_16, [
               vue.renderSlot(_ctx.$slots, "option", { row: _ctx.item })
             ])
           ])

package/lib/contentDetailList/style/MatrixItem.less

@@ -35,6 +35,12 @@
       height: 100%;
       color: white;
       font-size: 30px;
+
+      &.weixin {
+        font-size: 20px;
+        background: #89be89;
+        border-radius: 6px;
+      }
     }
   }
 
@@ -93,11 +99,25 @@
         .account {
           margin-left: 10px;
 
-          .avatar {
-            width: 25px;
-            height: 25px;
-            margin-right: 10px;
-            border-radius: 50%;
+          .avatar-v {
+            position: relative;
+
+            .avatar {
+              width: 25px;
+              height: 25px;
+              margin-right: 10px;
+              border-radius: 50%;
+            }
+
+            .pla-icon {
+              position: absolute;
+              right: -5px;
+              bottom: 1px;
+              width: 12px;
+              height: 12px;
+              margin-right: 10px;
+              border-radius: 50%;
+            }
 
             img {
               width: 100%;
@@ -117,18 +137,42 @@
             content: '';
           }
 
+          &.p-state-1 {
+            // 处理中
+            color: rgb(var(--primary-6));
+          }
+
           &.p-state-2 {
             // 成功
             color: #4caf50;
           }
 
+          &.p-state-3,
+          &.p-state-4 {
+            // 审核
+            color: #ff9800;
+          }
+
           &.m-state-0 {
             // 成功
             color: #4caf50;
           }
 
-          &.m-state-1 {
-            // 审核
+          &.m-state--1,
+          &.m-state-1,
+          &.m-state-2,
+          &.m-state-3,
+          &.m-state-4,
+          &.m-state-5,
+          &.m-state-6,
+          &.m-state-7,
+          &.m-state-8,
+          &.m-state-9,
+          &.m-state-10,
+          &.m-state-11,
+          &.m-state-12,
+          &.m-state-13 {
+            // 异常
             color: #ff9800;
           }
         }

package/lib/contentDetailList/style/index.css

@@ -968,6 +968,11 @@
   color: white;
   font-size: 30px;
 }
+.matrix-records-item-view .cover-view .no-img.weixin {
+  font-size: 20px;
+  background: #89be89;
+  border-radius: 6px;
+}
 .matrix-records-item-view .info-view {
   display: flex;
   flex: 1;
@@ -1019,13 +1024,25 @@
 .matrix-records-item-view .info-view .abttrite-v .left .account {
   margin-left: 10px;
 }
-.matrix-records-item-view .info-view .abttrite-v .left .account .avatar {
+.matrix-records-item-view .info-view .abttrite-v .left .account .avatar-v {
+  position: relative;
+}
+.matrix-records-item-view .info-view .abttrite-v .left .account .avatar-v .avatar {
   width: 25px;
   height: 25px;
   margin-right: 10px;
   border-radius: 50%;
 }
-.matrix-records-item-view .info-view .abttrite-v .left .account .avatar img {
+.matrix-records-item-view .info-view .abttrite-v .left .account .avatar-v .pla-icon {
+  position: absolute;
+  right: -5px;
+  bottom: 1px;
+  width: 12px;
+  height: 12px;
+  margin-right: 10px;
+  border-radius: 50%;
+}
+.matrix-records-item-view .info-view .abttrite-v .left .account .avatar-v img {
   width: 100%;
   height: 100%;
 }
@@ -1038,13 +1055,33 @@
   border-radius: 50%;
   content: '';
 }
+.matrix-records-item-view .info-view .abttrite-v .left .state.p-state-1 {
+  color: rgb(var(--primary-6));
+}
 .matrix-records-item-view .info-view .abttrite-v .left .state.p-state-2 {
   color: #4caf50;
 }
+.matrix-records-item-view .info-view .abttrite-v .left .state.p-state-3,
+.matrix-records-item-view .info-view .abttrite-v .left .state.p-state-4 {
+  color: #ff9800;
+}
 .matrix-records-item-view .info-view .abttrite-v .left .state.m-state-0 {
   color: #4caf50;
 }
-.matrix-records-item-view .info-view .abttrite-v .left .state.m-state-1 {
+.matrix-records-item-view .info-view .abttrite-v .left .state.m-state--1,
+.matrix-records-item-view .info-view .abttrite-v .left .state.m-state-1,
+.matrix-records-item-view .info-view .abttrite-v .left .state.m-state-2,
+.matrix-records-item-view .info-view .abttrite-v .left .state.m-state-3,
+.matrix-records-item-view .info-view .abttrite-v .left .state.m-state-4,
+.matrix-records-item-view .info-view .abttrite-v .left .state.m-state-5,
+.matrix-records-item-view .info-view .abttrite-v .left .state.m-state-6,
+.matrix-records-item-view .info-view .abttrite-v .left .state.m-state-7,
+.matrix-records-item-view .info-view .abttrite-v .left .state.m-state-8,
+.matrix-records-item-view .info-view .abttrite-v .left .state.m-state-9,
+.matrix-records-item-view .info-view .abttrite-v .left .state.m-state-10,
+.matrix-records-item-view .info-view .abttrite-v .left .state.m-state-11,
+.matrix-records-item-view .info-view .abttrite-v .left .state.m-state-12,
+.matrix-records-item-view .info-view .abttrite-v .left .state.m-state-13 {
   color: #ff9800;
 }
 .matrix-records-item-view .info-view .abttrite-v .right {

package/lib/index.css

@@ -2991,6 +2991,11 @@
   color: white;
   font-size: 30px;
 }
+.matrix-records-item-view .cover-view .no-img.weixin {
+  font-size: 20px;
+  background: #89be89;
+  border-radius: 6px;
+}
 .matrix-records-item-view .info-view {
   display: flex;
   flex: 1;
@@ -3042,13 +3047,25 @@
 .matrix-records-item-view .info-view .abttrite-v .left .account {
   margin-left: 10px;
 }
-.matrix-records-item-view .info-view .abttrite-v .left .account .avatar {
+.matrix-records-item-view .info-view .abttrite-v .left .account .avatar-v {
+  position: relative;
+}
+.matrix-records-item-view .info-view .abttrite-v .left .account .avatar-v .avatar {
   width: 25px;
   height: 25px;
   margin-right: 10px;
   border-radius: 50%;
 }
-.matrix-records-item-view .info-view .abttrite-v .left .account .avatar img {
+.matrix-records-item-view .info-view .abttrite-v .left .account .avatar-v .pla-icon {
+  position: absolute;
+  right: -5px;
+  bottom: 1px;
+  width: 12px;
+  height: 12px;
+  margin-right: 10px;
+  border-radius: 50%;
+}
+.matrix-records-item-view .info-view .abttrite-v .left .account .avatar-v img {
   width: 100%;
   height: 100%;
 }
@@ -3061,13 +3078,33 @@
   border-radius: 50%;
   content: '';
 }
+.matrix-records-item-view .info-view .abttrite-v .left .state.p-state-1 {
+  color: rgb(var(--primary-6));
+}
 .matrix-records-item-view .info-view .abttrite-v .left .state.p-state-2 {
   color: #4caf50;
 }
+.matrix-records-item-view .info-view .abttrite-v .left .state.p-state-3,
+.matrix-records-item-view .info-view .abttrite-v .left .state.p-state-4 {
+  color: #ff9800;
+}
 .matrix-records-item-view .info-view .abttrite-v .left .state.m-state-0 {
   color: #4caf50;
 }
-.matrix-records-item-view .info-view .abttrite-v .left .state.m-state-1 {
+.matrix-records-item-view .info-view .abttrite-v .left .state.m-state--1,
+.matrix-records-item-view .info-view .abttrite-v .left .state.m-state-1,
+.matrix-records-item-view .info-view .abttrite-v .left .state.m-state-2,
+.matrix-records-item-view .info-view .abttrite-v .left .state.m-state-3,
+.matrix-records-item-view .info-view .abttrite-v .left .state.m-state-4,
+.matrix-records-item-view .info-view .abttrite-v .left .state.m-state-5,
+.matrix-records-item-view .info-view .abttrite-v .left .state.m-state-6,
+.matrix-records-item-view .info-view .abttrite-v .left .state.m-state-7,
+.matrix-records-item-view .info-view .abttrite-v .left .state.m-state-8,
+.matrix-records-item-view .info-view .abttrite-v .left .state.m-state-9,
+.matrix-records-item-view .info-view .abttrite-v .left .state.m-state-10,
+.matrix-records-item-view .info-view .abttrite-v .left .state.m-state-11,
+.matrix-records-item-view .info-view .abttrite-v .left .state.m-state-12,
+.matrix-records-item-view .info-view .abttrite-v .left .state.m-state-13 {
   color: #ff9800;
 }
 .matrix-records-item-view .info-view .abttrite-v .right {