@cmstops/pro-compo 0.1.27 → 0.1.29

package/lib/contentModal/style/index.css

@@ -65,29 +65,43 @@
 .view-all-column-container .content-table-view {
   height: calc(100% - 110px);
 }
-.view-all-column-container .content-table-view .title-span {
-  width: 100%;
+.view-all-column-container .content-table-view .title-span,
+.view-all-column-container .content-table-view .mp_title-span {
   display: block;
-  text-overflow: ellipsis;
+  width: 100%;
   overflow: hidden;
   white-space: nowrap;
+  text-overflow: ellipsis;
 }
-.view-all-column-container .content-table-view .title-span .icon {
+.view-all-column-container .content-table-view .title-span .icon,
+.view-all-column-container .content-table-view .mp_title-span .icon {
+  display: inline-block;
   width: 20px;
   height: 25px;
   margin-right: 8px;
   padding-left: 0;
   font-size: 18px;
+  text-align: center;
   vertical-align: middle;
+}
+.view-all-column-container .content-table-view .mp_title-span {
+  margin-left: 10px;
+}
+.view-all-column-container .content-table-view .user-avatar {
   display: inline-block;
-  text-align: center;
+  width: 25px;
+  height: 25px;
+  margin-right: 12px;
+  vertical-align: middle;
+  border-radius: 50%;
+  cursor: pointer;
 }
 .view-all-column-container .bottom-view {
-  height: 60px;
-  margin: 0px 15px;
   display: flex;
   align-items: center;
   justify-content: space-between;
+  height: 60px;
+  margin: 0 15px;
 }
 .view-all-column-container .bottom-view .left {
   display: flex;

package/lib/{contentDetailList/components/DocTags/index.js → dataTags/component.js}

@@ -1,19 +1,20 @@
 "use strict";
 var vue = require("vue");
 var webVue = require("@arco-design/web-vue");
-var typeMap = require("../../../utils/typeMap.js");
-var doc = require("../../../utils/doc.js");
-var component = require("../../../typeIcons/component.js");
+var typeMap = require("../utils/typeMap.js");
+var doc = require("../utils/doc.js");
+var component = require("../typeIcons/component.js");
 const _hoisted_1 = { class: "doc-tags-container" };
 const _hoisted_2 = { class: "doc-tags-thumb-ul" };
 const _hoisted_3 = ["src"];
 const _hoisted_4 = { key: 0 };
 const _hoisted_5 = { key: 1 };
 const _sfc_main = vue.defineComponent({
-  __name: "index",
+  ...{ name: "dataTags" },
+  __name: "component",
   props: {
     item: {},
-    popverThumb: { type: Boolean },
+    popverThumb: { type: Boolean, default: true },
     disabled: { type: Boolean }
   },
   setup(__props) {
@@ -56,6 +57,7 @@ const _sfc_main = vue.defineComponent({
             _ctx.popverThumb && thumbList.value.length ? (vue.openBlock(), vue.createBlock(vue.unref(webVue.Popover), {
               key: 0,
               "content-class": "doc-tags-thumb-popver",
+              "arrow-class": "doc-tags-popver-arrow",
               duration: 500,
               position: "top",
               class: "no-margin",
@@ -76,8 +78,8 @@ const _sfc_main = vue.defineComponent({
               ]),
               default: vue.withCtx(() => [
                 vue.createVNode(vue.unref(webVue.Tag), {
-                  class: vue.normalizeClass({ disabled: _ctx.disabled }),
-                  size: "small"
+                  size: "small",
+                  class: vue.normalizeClass([{ disabled: _ctx.disabled }, "thumb"])
                 }, {
                   default: vue.withCtx(() => [
                     vue.createTextVNode(vue.toDisplayString(thumbType.value), 1)

package/lib/dataTags/index.js

@@ -0,0 +1,8 @@
+"use strict";
+var component = require("./component.js");
+const dataTags = Object.assign(component, {
+  install: (app) => {
+    app.component(component.name, component);
+  }
+});
+module.exports = dataTags;

package/lib/dataTags/style/css.js

@@ -0,0 +1,2 @@
+"use strict";
+require("./index.css");

package/lib/dataTags/style/index.css

@@ -0,0 +1,51 @@
+.doc-tags-container .arco-tag {
+  font-weight: 600;
+  border: none;
+  margin-right: 5px;
+}
+.doc-tags-container .yuanchuang {
+  color: #4886ff;
+  background: #edf3ff;
+}
+.doc-tags-container .star {
+  color: #4a8457;
+  background: #e6f8ea;
+}
+.doc-tags-container .waring {
+  color: #ff7d00;
+  background: #fff2e6;
+}
+.doc-tags-container .thumb {
+  color: #86909c;
+  background: #f3f4f5;
+}
+.doc-tags-container .disabled {
+  color: #bababa !important;
+  background: #ecebeb !important;
+}
+.doc-tags-popver-arrow {
+  display: none;
+}
+.no-margin span {
+  margin-right: 0 !important;
+}
+.doc-tags-thumb-popver {
+  min-width: unset;
+  padding: 0;
+  overflow: hidden;
+  line-height: unset;
+  border: none;
+  border-radius: 8px;
+}
+.doc-tags-thumb-popver .arco-popover-content {
+  margin-top: 0;
+}
+.doc-tags-thumb-popver .doc-tags-thumb-ul {
+  height: 110px;
+}
+.doc-tags-thumb-popver .doc-tags-thumb-ul img {
+  height: 100%;
+}
+.doc-tags-thumb-popver .doc-tags-thumb-ul img + img {
+  margin-left: 2px;
+}

package/lib/dataTags/style/index.js

@@ -0,0 +1,2 @@
+"use strict";
+require("./index.less");

package/{es/contentDetailList/style/DocTags.less → lib/dataTags/style/index.less}

@@ -1,9 +1,3 @@
-.no-margin {
-  span {
-    margin-right: 0 !important;
-  }
-}
-
 .doc-tags-container {
   .arco-tag {
     font-weight: 600;
@@ -37,6 +31,16 @@
   }
 }
 
+.doc-tags-popver-arrow {
+  display: none;
+}
+
+.no-margin {
+  span {
+    margin-right: 0 !important;
+  }
+}
+
 .doc-tags-thumb-popver {
   min-width: unset;
   padding: 0;
@@ -45,8 +49,8 @@
   border: none;
   border-radius: 8px;
 
-  .popper__arrow {
-    display: none;
+  .arco-popover-content {
+    margin-top: 0;
   }
 
   .doc-tags-thumb-ul {

package/lib/emptyData/component.js

@@ -85,7 +85,7 @@ const _sfc_main = vue.defineComponent({
   },
   setup(__props) {
     const props = __props;
-    let dynamicComponent = null;
+    const dynamicComponent = vue.ref(null);
     const tipMap = vue.ref({
       add: "\u6DFB\u52A0\u5185\u5BB9",
       acount: "\u6682\u65E0\u8D26\u53F7",
@@ -103,17 +103,17 @@ const _sfc_main = vue.defineComponent({
     });
     const loadComponent = async (componentName) => {
       const component = await __variableDynamicImportRuntime0__(`./svg/${componentName}.vue`);
-      dynamicComponent = component.default;
+      dynamicComponent.value = component.default;
     };
     vue.onMounted(() => {
       loadComponent(props.type);
     });
     return (_ctx, _cache) => {
-      return vue.unref(dynamicComponent) ? (vue.openBlock(), vue.createElementBlock("div", {
+      return dynamicComponent.value ? (vue.openBlock(), vue.createElementBlock("div", {
         key: 0,
         class: vue.normalizeClass(["empty-data-container", { small: _ctx.size === "small" }])
       }, [
-        (vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent(vue.unref(dynamicComponent)))),
+        (vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent(dynamicComponent.value))),
         !_ctx.noTip ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_1, vue.toDisplayString(_ctx.customTip ? _ctx.customTip : tipMap.value[_ctx.type]), 1)) : vue.createCommentVNode("v-if", true),
         vue.createElementVNode("div", _hoisted_2, [
           vue.renderSlot(_ctx.$slots, "extra")

package/lib/index.css

@@ -392,29 +392,43 @@
 .view-all-column-container .content-table-view {
   height: calc(100% - 110px);
 }
-.view-all-column-container .content-table-view .title-span {
-  width: 100%;
+.view-all-column-container .content-table-view .title-span,
+.view-all-column-container .content-table-view .mp_title-span {
   display: block;
-  text-overflow: ellipsis;
+  width: 100%;
   overflow: hidden;
   white-space: nowrap;
+  text-overflow: ellipsis;
 }
-.view-all-column-container .content-table-view .title-span .icon {
+.view-all-column-container .content-table-view .title-span .icon,
+.view-all-column-container .content-table-view .mp_title-span .icon {
+  display: inline-block;
   width: 20px;
   height: 25px;
   margin-right: 8px;
   padding-left: 0;
   font-size: 18px;
+  text-align: center;
   vertical-align: middle;
+}
+.view-all-column-container .content-table-view .mp_title-span {
+  margin-left: 10px;
+}
+.view-all-column-container .content-table-view .user-avatar {
   display: inline-block;
-  text-align: center;
+  width: 25px;
+  height: 25px;
+  margin-right: 12px;
+  vertical-align: middle;
+  border-radius: 50%;
+  cursor: pointer;
 }
 .view-all-column-container .bottom-view {
-  height: 60px;
-  margin: 0px 15px;
   display: flex;
   align-items: center;
   justify-content: space-between;
+  height: 60px;
+  margin: 0 15px;
 }
 .view-all-column-container .bottom-view .left {
   display: flex;
@@ -2093,54 +2107,6 @@
 .medialist-kongo-item-view .info-view .abttrite-v .right {
   margin-right: 20px;
 }
-.no-margin span {
-  margin-right: 0 !important;
-}
-.doc-tags-container .arco-tag {
-  font-weight: 600;
-  border: none;
-  margin-right: 5px;
-}
-.doc-tags-container .yuanchuang {
-  color: #4886ff;
-  background: #edf3ff;
-}
-.doc-tags-container .star {
-  color: #4a8457;
-  background: #e6f8ea;
-}
-.doc-tags-container .waring {
-  color: #ff7d00;
-  background: #fff2e6;
-}
-.doc-tags-container .thumb {
-  color: #86909c;
-  background: #f3f4f5;
-}
-.doc-tags-container .disabled {
-  color: #bababa !important;
-  background: #ecebeb !important;
-}
-.doc-tags-thumb-popver {
-  min-width: unset;
-  padding: 0;
-  overflow: hidden;
-  line-height: unset;
-  border: none;
-  border-radius: 8px;
-}
-.doc-tags-thumb-popver .popper__arrow {
-  display: none;
-}
-.doc-tags-thumb-popver .doc-tags-thumb-ul {
-  height: 110px;
-}
-.doc-tags-thumb-popver .doc-tags-thumb-ul img {
-  height: 100%;
-}
-.doc-tags-thumb-popver .doc-tags-thumb-ul img + img {
-  margin-left: 2px;
-}
 .medialist-ilive-item-view {
   display: flex;
   padding: 10px;
@@ -2956,3 +2922,54 @@
 .base-filter-container .left .filter-item-view.value .arco-icon-hover {
   color: rgb(var(--primary-6));
 }
+.doc-tags-container .arco-tag {
+  font-weight: 600;
+  border: none;
+  margin-right: 5px;
+}
+.doc-tags-container .yuanchuang {
+  color: #4886ff;
+  background: #edf3ff;
+}
+.doc-tags-container .star {
+  color: #4a8457;
+  background: #e6f8ea;
+}
+.doc-tags-container .waring {
+  color: #ff7d00;
+  background: #fff2e6;
+}
+.doc-tags-container .thumb {
+  color: #86909c;
+  background: #f3f4f5;
+}
+.doc-tags-container .disabled {
+  color: #bababa !important;
+  background: #ecebeb !important;
+}
+.doc-tags-popver-arrow {
+  display: none;
+}
+.no-margin span {
+  margin-right: 0 !important;
+}
+.doc-tags-thumb-popver {
+  min-width: unset;
+  padding: 0;
+  overflow: hidden;
+  line-height: unset;
+  border: none;
+  border-radius: 8px;
+}
+.doc-tags-thumb-popver .arco-popover-content {
+  margin-top: 0;
+}
+.doc-tags-thumb-popver .doc-tags-thumb-ul {
+  height: 110px;
+}
+.doc-tags-thumb-popver .doc-tags-thumb-ul img {
+  height: 100%;
+}
+.doc-tags-thumb-popver .doc-tags-thumb-ul img + img {
+  margin-left: 2px;
+}

package/lib/index.js

@@ -20,6 +20,7 @@ var index$f = require("./userDirector/index.js");
 var index$g = require("./selectThumb/index.js");
 var index$h = require("./editMetaInfo/index.js");
 var index$i = require("./baseFilter/index.js");
+var index$j = require("./dataTags/index.js");
 exports["default"] = components;
 exports.appCenter = index;
 exports.messageBox = index$1;
@@ -40,3 +41,4 @@ exports.userDirector = index$f;
 exports.selectThumb = index$g;
 exports.editMetaInfo = index$h;
 exports.baseFilter = index$i;
+exports.dataTags = index$j;

package/lib/index.less

@@ -18,3 +18,4 @@
 @import './selectThumb/style/index.less';
 @import './editMetaInfo/style/index.less';
 @import './baseFilter/style/index.less';
+@import './dataTags/style/index.less';

package/lib/utils/typeMap.js

@@ -1,5 +1,20 @@
 "use strict";
 Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
+const key_target_type_map = {
+  3: "doc",
+  4: "column",
+  5: "link",
+  6: "contentList",
+  7: "group",
+  8: "mpGroup",
+  9: "app",
+  11: "topic",
+  12: "topic",
+  13: "ilive",
+  14: "mp_account",
+  15: "kongo",
+  16: "mp_content"
+};
 const approveFlowStatusMap = {
   1: "\u5BA1\u6838\u4E2D",
   2: "\u5DF2\u62D2\u7EDD",
@@ -102,6 +117,11 @@ const calcApprovingDependent = (data) => {
   }
   return alias;
 };
+const ilive_type_map = {
+  1: "\u73B0\u573A\u76F4\u64AD",
+  2: "\u56FE\u6587\u76F4\u64AD",
+  3: "\u6162\u76F4\u64AD"
+};
 exports.approveFlowStatusMap = approveFlowStatusMap;
 exports.calcApprovingDependent = calcApprovingDependent;
 exports.calcApprovingUser = calcApprovingUser;
@@ -110,6 +130,8 @@ exports.componentsColumns = componentsColumns;
 exports.contentList_layout_map = contentList_layout_map;
 exports.contentList_list_type_map = contentList_list_type_map;
 exports.contentList_relation_type_map = contentList_relation_type_map;
+exports.ilive_type_map = ilive_type_map;
+exports.key_target_type_map = key_target_type_map;
 exports.kongo_source_map = kongo_source_map;
 exports.mpTypeOptions = mpTypeOptions;
 exports.mp_type_map = mp_type_map;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@cmstops/pro-compo",
-  "version": "0.1.27",
+  "version": "0.1.29",
   "description": "",
   "keywords": [
     "vue",