@cmstops/pro-compo 0.3.12 → 0.3.14

package/es/contentDetailList/components/Content/index.js

@@ -9,6 +9,7 @@ import _sfc_main$4 from "./MaccountItem/index.js";
 import _sfc_main$7 from "./DocMpItem/index.js";
 import _sfc_main$9 from "./courseItem/index.js";
 import _sfc_main$8 from "./funhdItem/index.js";
+import _sfc_main$a from "./GroupPieceItem/index.js";
 const _hoisted_1 = { class: "index" };
 const _hoisted_2 = {
   key: 0,
@@ -458,6 +459,27 @@ const _sfc_main = defineComponent({
             ]),
             _: 3
           }, 8, ["item", "extraAttrs"]))
+        ], 2112)) : _ctx.item.catalog === "group_piece" ? (openBlock(), createElementBlock(Fragment, { key: 9 }, [
+          createCommentVNode(" \u5206\u7EC4\u7EC4\u4EF6 "),
+          (openBlock(), createBlock(_sfc_main$a, {
+            key: `group-piece-${_ctx.item.post_id}`,
+            item: { ..._ctx.item, index: _ctx.index },
+            extraAttrs: _ctx.extraAttrs,
+            onClickTitle: clickTitle,
+            onCellMouseEnter: cellMouseEnter,
+            onCellMouseLeave: cellMouseLeave
+          }, {
+            batch: withCtx(() => []),
+            index: withCtx(() => []),
+            tip: withCtx(() => []),
+            option: withCtx(() => [
+              renderSlot(_ctx.$slots, "option", {
+                row: _ctx.item,
+                index: _ctx.index
+              })
+            ]),
+            _: 3
+          }, 8, ["item", "extraAttrs"]))
         ], 2112)) : createCommentVNode("v-if", true)
       ], 2112);
     };

package/es/contentDetailList/style/GroupPieceItem.less

@@ -0,0 +1,108 @@
+.medialist-group-piece-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: transparent;
+
+    .image {
+      width: 100%;
+      height: 100%;
+      border-radius: 4px;
+
+      img {
+        width: 100%;
+        height: 100%;
+      }
+    }
+
+    .no-img {
+      display: flex;
+      align-items: center;
+      justify-content: center;
+      width: 100%;
+      height: 100%;
+      color: white;
+      font-size: 30px;
+    }
+  }
+
+  .info-view {
+    display: flex;
+    flex-direction: column;
+    justify-content: space-between;
+    width: calc(100% - 130px);
+    padding: 2px 0;
+
+    .title {
+      display: flex;
+      align-items: center;
+      margin-bottom: 10px;
+      overflow: hidden;
+      color: #1d2129;
+      font-weight: 400;
+      font-size: 16px;
+      font-style: normal;
+      line-height: 22px;
+      cursor: pointer;
+      -webkit-line-clamp: 2;
+      -webkit-box-orient: vertical;
+    }
+
+    .abttrite-v {
+      display: flex;
+      align-items: center;
+      justify-content: space-between;
+
+      .left {
+        display: flex;
+        flex: 1;
+        align-items: center;
+        min-width: 510px;
+        color: #808692;
+        font-size: 12px;
+
+        .icon {
+          margin-right: 8px;
+        }
+
+        .tags {
+          display: inline-block;
+          width: 200px;
+          overflow: hidden;
+          white-space: nowrap;
+          text-overflow: ellipsis;
+          cursor: pointer;
+        }
+
+        .abttr {
+          width: 35%;
+          overflow: hidden;
+          white-space: nowrap;
+          text-overflow: ellipsis;
+          cursor: pointer;
+
+          &.value {
+            margin-left: 10px;
+          }
+        }
+      }
+
+      .right {
+        flex-shrink: 0;
+        margin-right: 20px;
+      }
+    }
+  }
+}

package/es/contentDetailList/style/index.css

@@ -639,6 +639,99 @@
 .popper-categories {
   max-width: 600px;
 }
+.medialist-group-piece-item-view {
+  display: flex;
+  padding: 10px;
+  border-bottom: 1px solid #f0f0f0;
+}
+.medialist-group-piece-item-view:hover {
+  background: #fafafa;
+}
+.medialist-group-piece-item-view .cover-view {
+  position: relative;
+  flex-shrink: 0;
+  width: 110px;
+  height: 70px;
+  margin-right: 20px;
+  background: transparent;
+}
+.medialist-group-piece-item-view .cover-view .image {
+  width: 100%;
+  height: 100%;
+  border-radius: 4px;
+}
+.medialist-group-piece-item-view .cover-view .image img {
+  width: 100%;
+  height: 100%;
+}
+.medialist-group-piece-item-view .cover-view .no-img {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  width: 100%;
+  height: 100%;
+  color: white;
+  font-size: 30px;
+}
+.medialist-group-piece-item-view .info-view {
+  display: flex;
+  flex-direction: column;
+  justify-content: space-between;
+  width: calc(100% - 130px);
+  padding: 2px 0;
+}
+.medialist-group-piece-item-view .info-view .title {
+  display: flex;
+  align-items: center;
+  margin-bottom: 10px;
+  overflow: hidden;
+  color: #1d2129;
+  font-weight: 400;
+  font-size: 16px;
+  font-style: normal;
+  line-height: 22px;
+  cursor: pointer;
+  -webkit-line-clamp: 2;
+  -webkit-box-orient: vertical;
+}
+.medialist-group-piece-item-view .info-view .abttrite-v {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+}
+.medialist-group-piece-item-view .info-view .abttrite-v .left {
+  display: flex;
+  flex: 1;
+  align-items: center;
+  min-width: 510px;
+  color: #808692;
+  font-size: 12px;
+}
+.medialist-group-piece-item-view .info-view .abttrite-v .left .icon {
+  margin-right: 8px;
+}
+.medialist-group-piece-item-view .info-view .abttrite-v .left .tags {
+  display: inline-block;
+  width: 200px;
+  overflow: hidden;
+  white-space: nowrap;
+  text-overflow: ellipsis;
+  cursor: pointer;
+}
+.medialist-group-piece-item-view .info-view .abttrite-v .left .abttr {
+  width: 35%;
+  overflow: hidden;
+  white-space: nowrap;
+  text-overflow: ellipsis;
+  cursor: pointer;
+}
+.medialist-group-piece-item-view .info-view .abttrite-v .left .abttr.value {
+  margin-left: 10px;
+}
+.medialist-group-piece-item-view .info-view .abttrite-v .right {
+  flex-shrink: 0;
+  margin-right: 20px;
+}
 .medialist-mpdoc-item-view {
   display: flex;
   padding: 10px;

package/es/contentDetailList/style/index.less

@@ -6,6 +6,7 @@
 @import './MaccountItem.less';
 @import './Doc.less';
 @import './DocItem.less';
+@import './GroupPieceItem.less';
 @import './DocMpItem.less';
 @import './courseItem.less';
 @import './funhdItem.less';

package/es/index.css

@@ -2666,6 +2666,99 @@
 .popper-categories {
   max-width: 600px;
 }
+.medialist-group-piece-item-view {
+  display: flex;
+  padding: 10px;
+  border-bottom: 1px solid #f0f0f0;
+}
+.medialist-group-piece-item-view:hover {
+  background: #fafafa;
+}
+.medialist-group-piece-item-view .cover-view {
+  position: relative;
+  flex-shrink: 0;
+  width: 110px;
+  height: 70px;
+  margin-right: 20px;
+  background: transparent;
+}
+.medialist-group-piece-item-view .cover-view .image {
+  width: 100%;
+  height: 100%;
+  border-radius: 4px;
+}
+.medialist-group-piece-item-view .cover-view .image img {
+  width: 100%;
+  height: 100%;
+}
+.medialist-group-piece-item-view .cover-view .no-img {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  width: 100%;
+  height: 100%;
+  color: white;
+  font-size: 30px;
+}
+.medialist-group-piece-item-view .info-view {
+  display: flex;
+  flex-direction: column;
+  justify-content: space-between;
+  width: calc(100% - 130px);
+  padding: 2px 0;
+}
+.medialist-group-piece-item-view .info-view .title {
+  display: flex;
+  align-items: center;
+  margin-bottom: 10px;
+  overflow: hidden;
+  color: #1d2129;
+  font-weight: 400;
+  font-size: 16px;
+  font-style: normal;
+  line-height: 22px;
+  cursor: pointer;
+  -webkit-line-clamp: 2;
+  -webkit-box-orient: vertical;
+}
+.medialist-group-piece-item-view .info-view .abttrite-v {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+}
+.medialist-group-piece-item-view .info-view .abttrite-v .left {
+  display: flex;
+  flex: 1;
+  align-items: center;
+  min-width: 510px;
+  color: #808692;
+  font-size: 12px;
+}
+.medialist-group-piece-item-view .info-view .abttrite-v .left .icon {
+  margin-right: 8px;
+}
+.medialist-group-piece-item-view .info-view .abttrite-v .left .tags {
+  display: inline-block;
+  width: 200px;
+  overflow: hidden;
+  white-space: nowrap;
+  text-overflow: ellipsis;
+  cursor: pointer;
+}
+.medialist-group-piece-item-view .info-view .abttrite-v .left .abttr {
+  width: 35%;
+  overflow: hidden;
+  white-space: nowrap;
+  text-overflow: ellipsis;
+  cursor: pointer;
+}
+.medialist-group-piece-item-view .info-view .abttrite-v .left .abttr.value {
+  margin-left: 10px;
+}
+.medialist-group-piece-item-view .info-view .abttrite-v .right {
+  flex-shrink: 0;
+  margin-right: 20px;
+}
 .medialist-mpdoc-item-view {
   display: flex;
   padding: 10px;

package/es/selectThumb/component.js

@@ -6,6 +6,7 @@ import _sfc_main$4 from "../imageCrop/component.js";
 import _sfc_main$1 from "./components/card.js";
 import _sfc_main$2 from "./components/colorPalette.js";
 import { DEFAULT_BASE_API } from "../config.js";
+import { getThemeColor } from "../utils/index.js";
 const _hoisted_1 = {
   key: 0,
   class: "star"
@@ -279,9 +280,27 @@ const _sfc_main = defineComponent({
         styleData.value.data = temp;
       } else if (thumbBannerModel.value === "banner") {
         styleData.value.banner_url = data[0].url;
+        const getColors = getThemeColor(BASE_API, data[0].url);
+        getColors.then((themes) => {
+          styleData.value.banner_colorList = JSON.parse(JSON.stringify(themes));
+          styleData.value.banner_theme_color = `rgb(${themes[1]})`;
+          callback(styleData.value);
+        }).catch((e) => {
+          styleData.value.banner_theme_color = `rgb(255, 255, 255)`;
+          callback(styleData.value);
+        });
       } else {
         styleData.value.top_image_url = data[0].url;
         styleData.value.pc_banner_url = data[0].url;
+        const getColors = getThemeColor(BASE_API, data[0].url);
+        getColors.then((themes) => {
+          styleData.value.top_colorList = JSON.parse(JSON.stringify(themes));
+          styleData.value.top_theme_color = `rgb(${themes[1]})`;
+          callback(styleData.value);
+        }).catch((e) => {
+          styleData.value.top_theme_color = `rgb(255, 255, 255)`;
+          callback(styleData.value);
+        });
       }
       callback(styleData.value);
       dialogMediaSelectionShow.value = false;

package/es/selectThumb/components/card.js

@@ -110,7 +110,8 @@ const _sfc_main = defineComponent({
               ])) : (openBlock(), createElementBlock("div", {
                 key: 1,
                 class: "item add-thumb",
-                style: normalizeStyle({ backgroundImage: `url(${waterBg})` })
+                style: normalizeStyle({ backgroundImage: `url(${waterBg})` }),
+                onClick: openDialogMediaSelection
               }, [
                 createVNode(unref(IconPlus))
               ], 4))

package/es/utils/index.d.ts

@@ -11,3 +11,5 @@ export declare function replaceSuffix(str: string, insert: string): string;
 export declare const noCoverText: (item: any) => any;
 export declare const timeFormat: (value: any) => string;
 export declare const validateForm: (formRef: any) => Promise<unknown>;
+export declare function getRealUrl(BASE_API: string, url: string): Promise<unknown>;
+export declare function getThemeColor(BASE_API: string, src: string): Promise<unknown>;

package/es/utils/index.js

@@ -1,4 +1,7 @@
 import dayjs from "dayjs";
+import ColorThief from "colorthief";
+import { getFileRealUrl } from "../imageCrop/script/api.js";
+import { DEFAULT_UPLOAD_URL } from "../config.js";
 const dateYYYYDDMMHHmm = (date) => {
   if (!date)
     return "--";
@@ -60,4 +63,48 @@ const validateForm = (formRef) => {
     }
   });
 };
-export { dateYYYYDDMMHHmm, generateUUID, noCoverText, replaceSuffix, timeFormat, to, validateForm };
+function getRealUrl(BASE_API, url) {
+  return new Promise((resove, reject) => {
+    try {
+      const flag = !url.includes("/poplar/v2");
+      const cape = url.includes("cape/v1/upload");
+      const extented = !url.includes(BASE_API) && !url.includes(DEFAULT_UPLOAD_URL);
+      if (flag || extented || cape) {
+        resove(url);
+      } else {
+        getFileRealUrl(BASE_API, url).then((res) => {
+          resove(res.message);
+        });
+      }
+    } catch (e) {
+      reject(e);
+    }
+  });
+}
+function getThemeColor(BASE_API, src) {
+  return new Promise((resolve, reject) => {
+    const getUrl = getRealUrl(BASE_API, src);
+    getUrl.then((url) => {
+      const colorThief = new ColorThief();
+      const img = document.createElement("img");
+      img.crossOrigin = "Anonymous";
+      img.setAttribute("src", `${url}?t=${+new Date()}`);
+      img.onload = () => {
+        let themeColors = [];
+        const getResult = colorThief.getPalette(img);
+        if (getResult) {
+          themeColors = getResult.slice(0, 6);
+        } else {
+          themeColors = [[255, 255, 255]];
+        }
+        resolve(themeColors);
+      };
+      img.onerror = (e) => {
+        reject(e);
+      };
+    }).catch((e) => {
+      reject(e);
+    });
+  });
+}
+export { dateYYYYDDMMHHmm, generateUUID, getRealUrl, getThemeColor, noCoverText, replaceSuffix, timeFormat, to, validateForm };

package/es/utils/typeMap.d.ts

@@ -73,6 +73,7 @@ export declare const approveFlowStatusMap: {
     7: string;
     8: string;
 };
+export declare const groupPieceType: any;
 export declare const componentsColumns: any;
 export declare const compoColumnsWithKeyMap: {
     top: string;
@@ -91,6 +92,7 @@ export declare const compoColumnsWithKeyMap: {
     image: string;
     timeline: string;
     rank: string;
+    group_piece: string;
 };
 export declare const compoColumnsMap: () => any;
 export declare const contentList_list_type_map: {

package/es/utils/typeMap.js

@@ -16,7 +16,7 @@ const key_target_type_map = {
   16: "mp_content",
   17: "funhd",
   18: "course",
-  19: "matrix"
+  19: "group_piece"
 };
 const approveFlowStatusMap = {
   1: "\u5BA1\u6838\u4E2D",
@@ -28,6 +28,11 @@ const approveFlowStatusMap = {
   7: "\u91CD\u65B0\u53D1\u8D77",
   8: "\u5DF2\u7ED3\u675F"
 };
+const groupPieceType = {
+  category_list: "\u7ED1\u5B9A\u9891\u9053",
+  component: "\u7ED1\u5B9A\u7EC4\u4EF6",
+  special: "\u7ED1\u5B9A\u4E13\u9898"
+};
 const componentsColumns = {
   banner: { value: "banner", label: "\u8F6E\u64AD\u7EC4\u4EF6" },
   top: { value: "top", label: "\u7F6E\u9876\u7EC4\u4EF6" },
@@ -43,7 +48,8 @@ const componentsColumns = {
   kongo: { value: "kongo", label: "\u529F\u80FD\u5BFC\u822A\u7EC4\u4EF6" },
   picture: { value: "picture", label: "\u56FE\u7247\u7EC4\u4EF6", simple: true },
   timeline: { value: "timeline", label: "\u65F6\u95F4\u94FE\u7EC4\u4EF6" },
-  rank: { value: "rank", label: "\u699C\u5355\u7EC4\u4EF6" }
+  rank: { value: "rank", label: "\u699C\u5355\u7EC4\u4EF6" },
+  group_piece: { value: "group_piece", label: "\u5206\u7EC4\u7EC4\u4EF6" }
 };
 const compoColumnsMap = () => {
   const obj = {};
@@ -152,4 +158,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, mp_type_map };
+export { approveFlowStatusMap, calcApprovingDependent, calcApprovingUser, compoColumnsMap, componentsColumns, contentList_layout_map, contentList_list_type_map, contentList_relation_type_map, groupPieceType, 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/contentDetailList/components/Content/GroupPieceItem/index.js

@@ -0,0 +1,137 @@
+"use strict";
+var vue = require("vue");
+var webVue = require("@arco-design/web-vue");
+var index = require("../../../../utils/index.js");
+var typeMap = require("../../../../utils/typeMap.js");
+const _hoisted_1 = { class: "cover-view" };
+const _hoisted_2 = {
+  key: 1,
+  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: "tags" };
+const _hoisted_9 = { class: "abttr time" };
+const _hoisted_10 = { class: "abttr time" };
+const _hoisted_11 = { class: "right" };
+const _sfc_main = vue.defineComponent({
+  __name: "index",
+  props: {
+    item: {},
+    extraAttrs: {}
+  },
+  emits: ["clickTitle", "cellMouseEnter", "cellMouseLeave"],
+  setup(__props, { emit: __emit }) {
+    const props = __props;
+    const emit = __emit;
+    const hide = vue.computed(() => {
+      const { hide: hide2 } = props.item;
+      return hide2 === 7 || hide2 === 6;
+    });
+    const silent = vue.computed(() => {
+      return props.item && props.item.mourn_style === 1;
+    });
+    const thumb = vue.computed(() => {
+      if (props.item.preview_url || props.item.cover || props.item.pc_cover)
+        return props.item.preview_url || props.item.cover || props.item.pc_cover;
+      if (!props.item.style)
+        return null;
+      const res = JSON.parse(props.item.style);
+      if (!res.data.length)
+        return null;
+      return res.data[0].thumb;
+    });
+    const payload = vue.computed(() => {
+      if (!props.item)
+        return null;
+      const _payload = typeof props.item.payload === "string" ? JSON.parse(props.item.payload) : props.item.payload;
+      return _payload;
+    });
+    const mouseEnterFun = (event, row) => {
+      emit("cellMouseEnter", { row, event });
+    };
+    const mouseLeaveFun = (event, row) => {
+      emit("cellMouseLeave", { row, event });
+    };
+    const clickTitle = () => {
+      emit("clickTitle", props.item);
+    };
+    return (_ctx, _cache) => {
+      return vue.openBlock(), vue.createElementBlock("div", {
+        class: vue.normalizeClass(["medialist-group-piece-item-view", { "gray-forbidden": hide.value, "gray-for-state-hide": silent.value }]),
+        onMouseenter: _cache[0] || (_cache[0] = ($event) => mouseEnterFun($event, _ctx.item)),
+        onMouseleave: _cache[1] || (_cache[1] = ($event) => mouseLeaveFun($event, _ctx.item))
+      }, [
+        vue.createElementVNode("div", _hoisted_1, [
+          thumb.value ? (vue.openBlock(), vue.createBlock(vue.unref(webVue.Image), {
+            key: 0,
+            src: thumb.value,
+            fit: "contain",
+            preview: false,
+            class: "image",
+            lazy: true
+          }, null, 8, ["src"])) : (vue.openBlock(), vue.createElementBlock("span", _hoisted_2, vue.toDisplayString(vue.unref(index.noCoverText)(_ctx.item)), 1)),
+          vue.createElementVNode("div", _hoisted_3, [
+            vue.renderSlot(_ctx.$slots, "batch", { row: _ctx.item })
+          ])
+        ]),
+        vue.createElementVNode("div", _hoisted_4, [
+          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("div", _hoisted_6, [
+            vue.createElementVNode("div", _hoisted_7, [
+              vue.createElementVNode("span", _hoisted_8, [
+                vue.createVNode(vue.unref(webVue.Tooltip), {
+                  content: `${vue.unref(typeMap.groupPieceType)[payload.value.source]}: ${payload.value.alias}`,
+                  placement: "top"
+                }, {
+                  default: vue.withCtx(() => [
+                    vue.createElementVNode("span", null, [
+                      vue.createElementVNode("span", null, vue.toDisplayString(vue.unref(typeMap.groupPieceType)[payload.value.source]) + ": ", 1),
+                      vue.createElementVNode("span", null, vue.toDisplayString(payload.value.alias), 1)
+                    ])
+                  ]),
+                  _: 1
+                }, 8, ["content"])
+              ]),
+              vue.createElementVNode("span", _hoisted_9, [
+                vue.createVNode(vue.unref(webVue.Tooltip), {
+                  content: `\u521B\u5EFA\u65F6\u95F4: ${vue.unref(index.timeFormat)(_ctx.item.pub_time)}`,
+                  placement: "top"
+                }, {
+                  default: vue.withCtx(() => [
+                    vue.createElementVNode("span", null, vue.toDisplayString(vue.unref(index.timeFormat)(_ctx.item.pub_time)), 1)
+                  ]),
+                  _: 1
+                }, 8, ["content"])
+              ]),
+              vue.createElementVNode("span", _hoisted_10, [
+                vue.createVNode(vue.unref(webVue.Tooltip), {
+                  content: `\u521B\u5EFA\u4EBA: ${_ctx.item.commit_user_name || "--"}`,
+                  placement: "top"
+                }, {
+                  default: vue.withCtx(() => [
+                    vue.createElementVNode("span", null, vue.toDisplayString(_ctx.item.commit_user_name || "--"), 1)
+                  ]),
+                  _: 1
+                }, 8, ["content"])
+              ])
+            ]),
+            vue.createElementVNode("div", _hoisted_11, [
+              vue.renderSlot(_ctx.$slots, "option", { row: _ctx.item })
+            ])
+          ])
+        ])
+      ], 34);
+    };
+  }
+});
+module.exports = _sfc_main;

package/lib/contentDetailList/components/Content/index.js

@@ -10,6 +10,7 @@ var index$3 = require("./MaccountItem/index.js");
 var index$6 = require("./DocMpItem/index.js");
 var index$8 = require("./courseItem/index.js");
 var index$7 = require("./funhdItem/index.js");
+var index$9 = require("./GroupPieceItem/index.js");
 const _hoisted_1 = { class: "index" };
 const _hoisted_2 = {
   key: 0,
@@ -459,6 +460,27 @@ const _sfc_main = vue.defineComponent({
             ]),
             _: 3
           }, 8, ["item", "extraAttrs"]))
+        ], 2112)) : _ctx.item.catalog === "group_piece" ? (vue.openBlock(), vue.createElementBlock(vue.Fragment, { key: 9 }, [
+          vue.createCommentVNode(" \u5206\u7EC4\u7EC4\u4EF6 "),
+          (vue.openBlock(), vue.createBlock(index$9, {
+            key: `group-piece-${_ctx.item.post_id}`,
+            item: { ..._ctx.item, index: _ctx.index },
+            extraAttrs: _ctx.extraAttrs,
+            onClickTitle: clickTitle,
+            onCellMouseEnter: cellMouseEnter,
+            onCellMouseLeave: cellMouseLeave
+          }, {
+            batch: vue.withCtx(() => []),
+            index: vue.withCtx(() => []),
+            tip: vue.withCtx(() => []),
+            option: vue.withCtx(() => [
+              vue.renderSlot(_ctx.$slots, "option", {
+                row: _ctx.item,
+                index: _ctx.index
+              })
+            ]),
+            _: 3
+          }, 8, ["item", "extraAttrs"]))
         ], 2112)) : vue.createCommentVNode("v-if", true)
       ], 2112);
     };