@cmstops/pro-compo 0.1.10 → 0.1.12

package/es/contentDetailList/scripts/data.d.ts

@@ -0,0 +1,254 @@
+export declare const content_media_file_data: ({
+    alias: string;
+    source: string;
+    source_url: string;
+    target_type: number;
+    catalog: string;
+    target_id: number;
+    series: string;
+    style: string;
+    payload: string;
+    pub_user_id: number;
+    pub_user_alias: string;
+    status: number;
+    pub_time: string;
+    update_time: string;
+    hashid: string;
+    mp_media_uid: string;
+    list_count: number;
+    list_type: number;
+    list_layout: string;
+    geo_code: never[];
+    relation_type: number;
+    state: number;
+    statement: boolean;
+    recommended: boolean;
+    sensitives: string;
+    relation_id: number;
+    link_title: string;
+    online_time: number;
+    offline_time: number;
+    position: number;
+    order: number;
+    static_url: string;
+    share_link: string;
+    commit_user_id: number;
+    commit_user_name: string;
+    hide: number;
+    fix_position: number;
+    post_id: string;
+    pv_count: number;
+    like_count: number;
+    share_count: number;
+    preview_url: string;
+} | {
+    alias: string;
+    source: string;
+    source_url: string;
+    target_type: number;
+    catalog: string;
+    target_id: number;
+    series: string;
+    style: string;
+    payload: string;
+    pub_user_id: number;
+    pub_user_alias: string;
+    status: number;
+    pub_time: string;
+    update_time: string;
+    hashid: string;
+    mp_media_uid: string;
+    list_count: number;
+    list_type: number;
+    list_layout: string;
+    geo_code: string;
+    relation_type: number;
+    state: number;
+    statement: boolean;
+    recommended: boolean;
+    sensitives: string;
+    relation_id: number;
+    link_title: string;
+    online_time: number;
+    offline_time: number;
+    position: number;
+    order: number;
+    static_url: string;
+    share_link: string;
+    commit_user_id: number;
+    commit_user_name: string;
+    hide: number;
+    fix_position: number;
+    post_id: string;
+    pv_count: number;
+    like_count: number;
+    share_count: number;
+    preview_url: string;
+})[];
+export declare const doc_media_file_data: ({
+    id: number;
+    title: string;
+    author: string;
+    catalog: string;
+    duty_editor: string;
+    series: string;
+    hash_id: string;
+    created_at: string;
+    updated_at: string;
+    pub_author: number;
+    source: string;
+    state: number;
+    recommended: boolean;
+    statement: boolean;
+    cover: {
+        data: null;
+        model: number;
+        alias: string;
+        banner: boolean;
+        banner_url: string;
+        banner_time: number;
+        pc_banner_url: string;
+        top_image_url: string;
+        top_theme_color?: undefined;
+        top_colorList?: undefined;
+    };
+    preview_url: string;
+    sensitives: string;
+    can_pub: boolean;
+    pub_time: number;
+    offline_time: number;
+    pub_author_alias: string;
+} | {
+    id: number;
+    title: string;
+    author: string;
+    catalog: string;
+    duty_editor: string;
+    series: string;
+    hash_id: string;
+    created_at: string;
+    updated_at: string;
+    pub_author: number;
+    source: string;
+    state: number;
+    recommended: boolean;
+    statement: boolean;
+    cover: {
+        data: {
+            thumb: string;
+            url: string;
+        }[];
+        model: number;
+        alias: string;
+        banner: boolean;
+        top_theme_color: string;
+        top_colorList: number[][];
+        banner_url: string;
+        banner_time: number;
+        pc_banner_url: string;
+        top_image_url: string;
+    };
+    preview_url: string;
+    sensitives: string;
+    can_pub: boolean;
+    pub_time: number;
+    offline_time: number;
+    pub_author_alias: string;
+} | {
+    id: number;
+    title: string;
+    author: string;
+    catalog: string;
+    duty_editor: string;
+    series: string;
+    hash_id: string;
+    created_at: string;
+    updated_at: string;
+    pub_author: number;
+    source: string;
+    state: number;
+    recommended: boolean;
+    statement: boolean;
+    cover: {
+        data: {
+            thumb: string;
+            url: string;
+        }[];
+        model: number;
+        alias: string;
+        banner: boolean;
+        banner_url: string;
+        banner_time: number;
+        pc_banner_url: string;
+        top_image_url: string;
+        top_theme_color?: undefined;
+        top_colorList?: undefined;
+    };
+    preview_url: string;
+    sensitives: string;
+    can_pub: boolean;
+    pub_time: number;
+    offline_time: number;
+    pub_author_alias: string;
+} | {
+    id: number;
+    title: string;
+    author: string;
+    catalog: string;
+    duty_editor: string;
+    series: string;
+    hash_id: string;
+    created_at: string;
+    updated_at: string;
+    pub_author: number;
+    source: string;
+    state: number;
+    recommended: boolean;
+    statement: boolean;
+    cover: {
+        data: null;
+        model: number;
+        alias: string;
+        banner: boolean;
+        top_theme_color: string;
+        top_colorList: number[][];
+        banner_url: string;
+        banner_time: number;
+        pc_banner_url: string;
+        top_image_url: string;
+    };
+    preview_url: string;
+    sensitives: string;
+    can_pub: boolean;
+    pub_time: number;
+    offline_time: number;
+    pub_author_alias: string;
+})[];
+export declare const content_abttributes: ({
+    label: string;
+    key: string;
+    time?: undefined;
+    pv?: undefined;
+    keys?: undefined;
+} | {
+    label: string;
+    key: string;
+    time: boolean;
+    pv?: undefined;
+    keys?: undefined;
+} | {
+    label: string;
+    key: string;
+    pv: boolean;
+    keys: string[];
+    time?: undefined;
+})[];
+export declare const doc_abttributes: ({
+    label: string;
+    key: string;
+    time?: undefined;
+} | {
+    label: string;
+    key: string;
+    time: boolean;
+})[];

package/es/contentDetailList/scripts/index.d.ts

@@ -0,0 +1,58 @@
+export declare const componentsColumns: any;
+export declare const docThumbObjMap: any;
+export declare const contentList_relation_type_map: any;
+export declare const contentList_layout_map: any;
+export declare const kongo_source_map: {
+    app: string;
+    url: string;
+    document: string;
+    category_list: string;
+    service: string;
+};
+export declare const contentList_list_type_map: {
+    1: string;
+    2: string;
+    3: string;
+    4: string;
+    5: string;
+    6: string;
+    7: string;
+};
+export declare const mp_type_map: {
+    1: string;
+    2: string;
+};
+export declare const ilive_type_map: {
+    1: string;
+    2: string;
+    3: string;
+};
+export declare const docStateMap: {
+    0: string;
+    10: string;
+    12: string;
+    13: string;
+    14: string;
+    15: string;
+    16: string;
+    17: string;
+    19: string;
+    22: string;
+};
+export declare const approveFlowStatusMap: {
+    1: string;
+    2: string;
+    3: string;
+    4: string;
+    5: string;
+    6: string;
+    7: string;
+    8: string;
+};
+export declare const compoColumnsMap: () => any;
+export declare const docThumbMap: () => any;
+export declare const noCoverText: (item: any) => any;
+export declare const timeFormat: import("vue").ComputedRef<(value: any) => string>;
+export declare const approvalItem: (item: any) => any;
+export declare const calcApprovingUser: (data: any) => any;
+export declare const calcApprovingDependent: (data: any) => string;

package/es/contentDetailList/scripts/index.js

@@ -0,0 +1,137 @@
+import { computed, ref } from "vue";
+const componentsColumns = {
+  banner: { value: "banner", label: "\u8F6E\u64AD\u7EC4\u4EF6" },
+  top: { value: "top", label: "\u7F6E\u9876\u7EC4\u4EF6" },
+  horizon_slide: { value: "horizon_slide", label: "\u6A2A\u6ED1\u7EC4\u4EF6" },
+  svideo: { value: "svideo", label: "\u5C0F\u89C6\u9891\u7EC4\u4EF6" },
+  special: { value: "special", label: "\u4E13\u9898/\u5408\u96C6\u7EC4\u4EF6" },
+  news_letter: { value: "news_letter", label: "\u5FEB\u8BAF\u7EC4\u4EF6" },
+  focus: { value: "focus", label: "\u70ED\u70B9\u7EC4\u4EF6" },
+  radio: { value: "radio", label: "\u5E7F\u64AD\u7EC4\u4EF6", simple: true },
+  tv: { value: "tv", label: "\u7535\u89C6\u7EC4\u4EF6", simple: true },
+  mp_account: { value: "mp_account", label: "\u516C\u4F17\u53F7\u7EC4\u4EF6" },
+  column: { value: "column", label: "\u5206\u680F\u7EC4\u4EF6" },
+  kongo: { value: "kongo", label: "\u529F\u80FD\u5BFC\u822A\u7EC4\u4EF6" }
+};
+const docThumbObjMap = {
+  1: { alias: "\u4E09\u56FE", maxLength: 3, value: "1", ratio: 4 / 3 },
+  2: { alias: "\u5927\u56FE", maxLength: 1, value: "2", ratio: 16 / 9 },
+  3: { alias: "\u5355\u56FE", maxLength: 1, value: "3", ratio: 4 / 3 },
+  4: { alias: "\u65E0\u56FE", maxLength: 0, value: "4", ratio: 1 },
+  5: { alias: "\u7AD6\u56FE", maxLength: 1, value: "5", ratio: 3 / 4 },
+  7: { alias: "\u7A84\u56FE", maxLength: 1, value: "7", ratio: 4 / 1 }
+};
+const contentList_relation_type_map = {
+  0: "\u624B\u52A8",
+  1: "\u94FE\u63A5",
+  2: "\u5F15\u7528",
+  3: "\u7EA7\u8054",
+  4: "\u5E94\u7528",
+  10: "\u81EA\u52A8"
+};
+const contentList_layout_map = {
+  blank: "\u6807\u51C6\u4FE1\u606F\u6D41",
+  svideo: "\u53CC\u5411\u5C0F\u89C6\u9891",
+  fly_card: "\u98DE\u5361\u9605\u8BFB",
+  video: "\u89C6\u9891\u98CE\u683C",
+  immersive_video: "\u6C89\u6D78\u5C0F\u89C6\u9891",
+  timeline: "\u65F6\u95F4\u94FE",
+  lbs: "LBS\u9891\u9053"
+};
+const kongo_source_map = {
+  app: "\u5E94\u7528",
+  url: "\u94FE\u63A5",
+  document: "\u7A3F\u4EF6",
+  category_list: "\u9891\u9053",
+  service: "\u670D\u52A1"
+};
+const contentList_list_type_map = {
+  1: "\u624B\u52A8\u5217\u8868",
+  2: "\u81EA\u52A8\u5217\u8868",
+  3: "\u63A8\u8350\u5217\u8868",
+  4: "\u9891\u9053",
+  5: "\u4E13\u9898",
+  6: "\u5FEB\u8BAF",
+  7: "\u7EC4\u4EF6"
+};
+const docStateMap = {
+  0: "\u8349\u7A3F",
+  10: "\u5BA1\u6838\u4E2D",
+  12: "\u5BA1\u6838\u4E2D",
+  13: "\u88AB\u9A73\u56DE",
+  14: "\u5DF2\u53D1\u5E03",
+  15: "\u5DF2\u53D1\u5E03",
+  16: "\u5DF2\u4E0B\u7EBF",
+  17: "\u5DF2\u5220\u9664",
+  19: "\u5B9A\u65F6\u53D1\u5E03",
+  22: "\u5DF2\u4E0B\u7EBF"
+};
+const approveFlowStatusMap = {
+  1: "\u5BA1\u6838\u4E2D",
+  2: "\u5DF2\u62D2\u7EDD",
+  3: "\u5DF2\u901A\u8FC7",
+  4: "\u5DF2\u64A4\u9500",
+  5: "\u5DF2\u901A\u8FC7",
+  6: "\u5DF2\u9A73\u56DE",
+  7: "\u91CD\u65B0\u53D1\u8D77",
+  8: "\u5DF2\u7ED3\u675F"
+};
+const compoColumnsMap = () => {
+  const obj = ref({});
+  Object.keys(componentsColumns).forEach((key) => {
+    obj.value[key] = componentsColumns[key].label.replace("\u7EC4\u4EF6", "");
+  });
+  return obj;
+};
+const docThumbMap = () => {
+  const obj = ref({});
+  Object.keys(docThumbObjMap).forEach((key) => {
+    obj[key] = docThumbObjMap[key].alias;
+  });
+  return obj;
+};
+const noCoverText = (item) => {
+  const text = item.alias || item.title;
+  return text.substring(0, 2);
+};
+const timeFormat = computed(() => {
+  return (value) => {
+    if (value === 0)
+      return "--";
+    if (!value)
+      return "--";
+    if (typeof value === "number" && String(value).length === 10) {
+      value *= 1e3;
+    }
+    const date = new Date(value);
+    return `${date.getFullYear()}-${date.getMonth() + 1}-${date.getDate()} ${date.getHours() < 10 ? `0${date.getHours()}` : date.getHours()}:${date.getMinutes() < 10 ? `0${date.getMinutes()}` : date.getMinutes()}`;
+  };
+});
+const approvalItem = (item) => {
+  if (!(item.approval_status && item.approval_status.current_processes)) {
+    return null;
+  }
+  return item.approval_status;
+};
+const calcApprovingUser = (data) => {
+  if (data.current_processes[0] && data.current_processes[0].users && data.current_processes[0].users[0]) {
+    const ApvUser = data.current_processes[0].users[0];
+    let alias = ApvUser.user_alias || "";
+    if (ApvUser.uid === "__smart_robot") {
+      alias = "AI\u52A9\u624B";
+    }
+    if (data.current_processes[0].users.length > 1) {
+      alias += "\u7B49";
+    }
+    return alias;
+  }
+  return "";
+};
+const calcApprovingDependent = (data) => {
+  let alias = "";
+  if (data.current_processes && data.current_processes.length && data.current_processes[0] && (data.current_processes[0].users && data.current_processes[0].users.length > 1 || data.current_processes[0].uid && data.current_processes[0].uid.length > 1)) {
+    alias = !data.current_processes[0].dependent ? "\uFF08\u4F1A\u7B7E\uFF09" : "\uFF08\u6216\u7B7E\uFF09";
+  }
+  return alias;
+};
+export { approvalItem, approveFlowStatusMap, calcApprovingDependent, calcApprovingUser, compoColumnsMap, componentsColumns, contentList_layout_map, contentList_list_type_map, contentList_relation_type_map, docStateMap, docThumbMap, docThumbObjMap, kongo_source_map, noCoverText, timeFormat };

package/es/contentDetailList/style/ComoItem.less

@@ -0,0 +1,106 @@
+.gray_for_hide {
+  -webkit-filter: grayscale(100%);
+  -moz-filter: grayscale(100%);
+  -ms-filter: grayscale(100%);
+  -o-filter: grayscale(100%);
+  filter: grayscale(100%);
+  filter: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg'><filter id='grayscale'><feColorMatrix type='matrix' values='0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0'/></filter></svg>#grayscale");
+  filter: progid:dximagetransform.microsoft.basicimage(grayscale=1);
+}
+
+.medialist-component-item-view {
+  display: flex;
+  // width: 100%;
+  padding: 10px;
+  border-bottom: 1px solid #f0f0f0;
+
+  &:hover {
+    background: #fafafa;
+  }
+
+  .cover-view {
+    position: relative;
+    flex-shrink: 0;
+    width: 110px;
+    height: 70px;
+    margin-right: 20px;
+    background: #edf3ff;
+
+    .image {
+      width: 100%;
+      height: 100%;
+      border-radius: 4px;
+    }
+
+    .no-img {
+      display: flex;
+      align-items: center;
+      justify-content: center;
+      width: 100%;
+      height: 100%;
+      color: white;
+      font-size: 30px;
+    }
+  }
+
+  .info-view {
+    display: flex;
+    flex: 1;
+    flex-direction: column;
+    justify-content: space-between;
+    padding: 2px 0;
+
+    .title {
+      display: -webkit-box;
+      margin-bottom: 10px;
+      overflow: hidden;
+      color: #1d2129;
+      // width: calc(100vw - 500px);
+      // display: flex;
+      font-size: 14px;
+      line-height: 1.5;
+      cursor: pointer;
+      -webkit-line-clamp: 2;
+      -webkit-box-orient: vertical;
+      // &:hover {
+      //   text-decoration: underline;
+      //   color: #4886ff;
+      // }
+    }
+
+    .abttrite-v {
+      display: flex;
+      align-items: center;
+      justify-content: space-between;
+
+      .left {
+        display: flex;
+        align-items: center;
+        color: #808692;
+        font-size: 12px;
+
+        .abttr {
+          display: inline-block;
+          width: 130px;
+          margin-right: 10px;
+          overflow: hidden;
+          white-space: nowrap;
+          text-overflow: ellipsis;
+
+          &.time {
+            width: 240px;
+          }
+
+          &.tags {
+            display: inline-block;
+            width: 175px;
+          }
+        }
+      }
+
+      .right {
+        margin-right: 20px;
+      }
+    }
+  }
+}

package/es/contentDetailList/style/Content.less

@@ -0,0 +1,49 @@
+.content-common-detail-list-container {
+  * {
+    &::selection {
+      display: none;
+    }
+  }
+
+  .fix_position {
+    position: relative;
+    margin-right: 10px;
+    color: #4886ff;
+
+    .doc-fixed-num {
+      position: absolute;
+      right: -7px;
+      bottom: 0;
+      color: #bababa;
+      font-size: 12px;
+    }
+  }
+
+  .index {
+    display: inline-block;
+    flex-shrink: 0;
+    box-sizing: border-box;
+    min-width: 15px;
+    height: 15px;
+    margin-right: 10px;
+    padding: 4px;
+    color: #4886ff;
+    font-size: 12px;
+    line-height: 0.6;
+    text-align: center;
+    background: #edf3ff;
+    border-radius: 3px;
+  }
+
+  .d_time,
+  .add_new {
+    margin: 0;
+    margin-right: 10px;
+    font-size: 14px;
+    vertical-align: middle;
+  }
+
+  .d_time {
+    color: #7da8ff;
+  }
+}