@cmstops/pro-compo 0.1.19 → 0.1.21

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

@@ -1,304 +1,283 @@
-import { defineComponent, openBlock, createElementBlock, createVNode, unref, withCtx, createElementVNode, createCommentVNode, createBlock, toDisplayString, renderSlot, Fragment, createTextVNode } from "vue";
+import { defineComponent, openBlock, createElementBlock, Fragment, createCommentVNode, createBlock, withCtx, createElementVNode, toDisplayString, createVNode, unref, renderSlot, createTextVNode } from "vue";
 import { IconPenFill, IconClockCircle, IconPushpin } from "@arco-design/web-vue/es/icon";
-import draggable from "vuedraggable";
 import _sfc_main$2 from "./CompoItem/index.js";
 import _sfc_main$3 from "./ContentListItem/index.js";
 import _sfc_main$1 from "./DocItem/index.js";
 import _sfc_main$6 from "./KongoNavItem/index.js";
 import _sfc_main$5 from "./LiveItem/index.js";
 import _sfc_main$4 from "./MaccountItem/index.js";
-const _hoisted_1 = { class: "content-common-detail-list-container" };
-const _hoisted_2 = { class: "item" };
-const _hoisted_3 = { class: "index" };
-const _hoisted_4 = {
+const _hoisted_1 = { class: "index" };
+const _hoisted_2 = {
   key: 0,
   class: "add_new"
 };
-const _hoisted_5 = {
+const _hoisted_3 = {
   key: 1,
   class: "d_time"
 };
-const _hoisted_6 = {
+const _hoisted_4 = {
   key: 2,
   class: "fix_position"
 };
-const _hoisted_7 = { class: "doc-fixed-icon" };
-const _hoisted_8 = { class: "doc-fixed-num" };
-const _hoisted_9 = { class: "index" };
-const _hoisted_10 = {
+const _hoisted_5 = { class: "doc-fixed-icon" };
+const _hoisted_6 = { class: "doc-fixed-num" };
+const _hoisted_7 = { class: "index" };
+const _hoisted_8 = {
   key: 0,
   class: "add_new"
 };
-const _hoisted_11 = {
+const _hoisted_9 = {
   key: 1,
   class: "d_time"
 };
-const _hoisted_12 = {
+const _hoisted_10 = {
   key: 2,
   class: "fix_position"
 };
-const _hoisted_13 = { class: "doc-fixed-icon" };
-const _hoisted_14 = { class: "doc-fixed-num" };
-const _hoisted_15 = { class: "index" };
-const _hoisted_16 = {
+const _hoisted_11 = { class: "doc-fixed-icon" };
+const _hoisted_12 = { class: "doc-fixed-num" };
+const _hoisted_13 = { class: "index" };
+const _hoisted_14 = {
   key: 0,
   class: "add_new"
 };
-const _hoisted_17 = {
+const _hoisted_15 = {
   key: 1,
   class: "d_time"
 };
-const _hoisted_18 = {
+const _hoisted_16 = {
   key: 2,
   class: "fix_position"
 };
-const _hoisted_19 = { class: "doc-fixed-icon" };
-const _hoisted_20 = { class: "doc-fixed-num" };
-const _hoisted_21 = { class: "index" };
-const _hoisted_22 = {
+const _hoisted_17 = { class: "doc-fixed-icon" };
+const _hoisted_18 = { class: "doc-fixed-num" };
+const _hoisted_19 = { class: "index" };
+const _hoisted_20 = {
   key: 0,
   class: "add_new"
 };
-const _hoisted_23 = {
+const _hoisted_21 = {
   key: 1,
   class: "fix_position"
 };
-const _hoisted_24 = { class: "doc-fixed-icon" };
-const _hoisted_25 = { class: "doc-fixed-num" };
-const _hoisted_26 = { class: "index" };
-const _hoisted_27 = { class: "index" };
-const _hoisted_28 = {
+const _hoisted_22 = { class: "doc-fixed-icon" };
+const _hoisted_23 = { class: "doc-fixed-num" };
+const _hoisted_24 = { class: "index" };
+const _hoisted_25 = { class: "index" };
+const _hoisted_26 = {
   key: 0,
   class: "add_new"
 };
-const _hoisted_29 = {
+const _hoisted_27 = {
   key: 1,
   class: "fix_position"
 };
-const _hoisted_30 = { class: "doc-fixed-icon" };
-const _hoisted_31 = { class: "doc-fixed-num" };
+const _hoisted_28 = { class: "doc-fixed-icon" };
+const _hoisted_29 = { class: "doc-fixed-num" };
 const _sfc_main = defineComponent({
   __name: "index",
   props: {
-    mediaFileData: {},
-    disdragalbe: { type: Boolean },
+    item: {},
+    index: {},
     abttrites: {},
     parmas: {}
   },
   emits: ["sortChange", "clickTitle", "dragstart"],
   setup(__props, { emit }) {
-    const sortChange = (e) => {
-      emit("sortChange", e);
-    };
     const clickTitle = (item) => {
       emit("clickTitle", item);
     };
     return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("div", _hoisted_1, [
-        createVNode(unref(draggable), {
-          list: _ctx.mediaFileData,
-          group: "people_contents",
-          "item-key": "id",
-          animation: 150,
-          sort: _ctx.disdragalbe,
-          onChange: sortChange,
-          onStart: _cache[0] || (_cache[0] = ($event) => emit("dragstart"))
+      return openBlock(), createElementBlock(Fragment, null, [
+        createCommentVNode(" \u7A3F\u4EF6 "),
+        _ctx.item.catalog === "doc" ? (openBlock(), createBlock(_sfc_main$1, {
+          key: `doc-${_ctx.item.post_id}`,
+          item: { ..._ctx.item, index: _ctx.index },
+          abttrites: _ctx.abttrites,
+          onClickTitle: clickTitle
         }, {
-          item: withCtx(({ element, index }) => [
-            createElementVNode("div", _hoisted_2, [
-              createCommentVNode(" \u7A3F\u4EF6 "),
-              element.catalog === "doc" ? (openBlock(), createBlock(_sfc_main$1, {
-                key: `doc-${element.post_id}`,
-                item: { ...element, index },
-                abttrites: _ctx.abttrites,
-                onClickTitle: clickTitle
-              }, {
-                index: withCtx(() => [
-                  createElementVNode("span", _hoisted_3, toDisplayString(index + 1), 1)
+          index: withCtx(() => [
+            createElementVNode("span", _hoisted_1, toDisplayString(_ctx.index + 1), 1)
+          ]),
+          tip: withCtx(() => [
+            createCommentVNode(" \u5148\u6DFB\u52A0\u6587\u4EF6\u8D44\u6E90\uFF0C\u672A\u53D1\u5E03 "),
+            _ctx.item._status ? (openBlock(), createElementBlock("i", _hoisted_2, [
+              createVNode(unref(IconPenFill), { size: "16" })
+            ])) : createCommentVNode("v-if", true),
+            createCommentVNode(" \u5B9A\u65F6\u53D1\u5E03 "),
+            _ctx.item.status === 3 ? (openBlock(), createElementBlock("i", _hoisted_3, [
+              createVNode(unref(IconClockCircle), { size: "16" })
+            ])) : createCommentVNode("v-if", true),
+            _ctx.item.fix_position ? (openBlock(), createElementBlock("span", _hoisted_4, [
+              createElementVNode("i", _hoisted_5, [
+                createVNode(unref(IconPushpin), { size: "16" })
+              ]),
+              createElementVNode("span", _hoisted_6, toDisplayString(_ctx.item.fix_position), 1)
+            ])) : createCommentVNode("v-if", true)
+          ]),
+          option: withCtx(() => [
+            renderSlot(_ctx.$slots, "option", {
+              row: _ctx.item,
+              index: _ctx.index
+            })
+          ]),
+          _: 3
+        }, 8, ["item", "abttrites"])) : _ctx.item.catalog === "contentList" && _ctx.item.list_type === 7 && _ctx.item.target_type === 6 ? (openBlock(), createElementBlock(Fragment, { key: 1 }, [
+          createCommentVNode(" \u7EC4\u4EF6 "),
+          (openBlock(), createBlock(_sfc_main$2, {
+            key: `compo-${_ctx.item.post_id}`,
+            item: { ..._ctx.item, index: _ctx.index },
+            onClickTitle: clickTitle
+          }, {
+            index: withCtx(() => [
+              createElementVNode("span", _hoisted_7, toDisplayString(_ctx.index + 1), 1)
+            ]),
+            tip: withCtx(() => [
+              createCommentVNode(" \u5148\u6DFB\u52A0\u6587\u4EF6\u8D44\u6E90\uFF0C\u672A\u53D1\u5E03 "),
+              _ctx.item._status ? (openBlock(), createElementBlock("i", _hoisted_8, [
+                createVNode(unref(IconPenFill), { size: "16" })
+              ])) : createCommentVNode("v-if", true),
+              createCommentVNode(" \u5B9A\u65F6\u53D1\u5E03 "),
+              _ctx.item.status === 3 ? (openBlock(), createElementBlock("i", _hoisted_9, [
+                createVNode(unref(IconClockCircle), { size: "16" })
+              ])) : createCommentVNode("v-if", true),
+              _ctx.item.fix_position ? (openBlock(), createElementBlock("span", _hoisted_10, [
+                createElementVNode("i", _hoisted_11, [
+                  createVNode(unref(IconPushpin), { size: "16" })
                 ]),
-                tip: withCtx(() => [
-                  createCommentVNode(" \u5148\u6DFB\u52A0\u6587\u4EF6\u8D44\u6E90\uFF0C\u672A\u53D1\u5E03 "),
-                  element._status ? (openBlock(), createElementBlock("i", _hoisted_4, [
-                    createVNode(unref(IconPenFill), { size: "16" })
-                  ])) : createCommentVNode("v-if", true),
-                  createCommentVNode(" \u5B9A\u65F6\u53D1\u5E03 "),
-                  element.status === 3 ? (openBlock(), createElementBlock("i", _hoisted_5, [
-                    createVNode(unref(IconClockCircle), { size: "16" })
-                  ])) : createCommentVNode("v-if", true),
-                  element.fix_position ? (openBlock(), createElementBlock("span", _hoisted_6, [
-                    createElementVNode("i", _hoisted_7, [
-                      createVNode(unref(IconPushpin), { size: "16" })
-                    ]),
-                    createElementVNode("span", _hoisted_8, toDisplayString(element.fix_position), 1)
-                  ])) : createCommentVNode("v-if", true)
+                createElementVNode("span", _hoisted_12, toDisplayString(_ctx.item.fix_position), 1)
+              ])) : createCommentVNode("v-if", true)
+            ]),
+            option: withCtx(() => [
+              renderSlot(_ctx.$slots, "option", {
+                row: _ctx.item,
+                index: _ctx.index
+              })
+            ]),
+            _: 3
+          }, 8, ["item"]))
+        ], 2112)) : _ctx.item.catalog === "contentList" && _ctx.item.list_type === 4 && _ctx.item.target_type === 6 ? (openBlock(), createElementBlock(Fragment, { key: 2 }, [
+          createCommentVNode(" \u9891\u9053 "),
+          (openBlock(), createBlock(_sfc_main$3, {
+            key: `contentlist-${_ctx.item.post_id}`,
+            item: { ..._ctx.item, index: _ctx.index },
+            parmas: _ctx.parmas,
+            onClickTitle: clickTitle
+          }, {
+            index: withCtx(() => [
+              createElementVNode("span", _hoisted_13, toDisplayString(_ctx.index + 1), 1)
+            ]),
+            tips: withCtx(() => {
+              var _a, _b;
+              return [
+                createTextVNode(toDisplayString(((_b = (_a = _ctx.parmas) == null ? void 0 : _a.labelTip) == null ? void 0 : _b.tips(_ctx.item, _ctx.index)) || ""), 1)
+              ];
+            }),
+            tip: withCtx(() => [
+              createCommentVNode(" \u5148\u6DFB\u52A0\u6587\u4EF6\u8D44\u6E90\uFF0C\u672A\u53D1\u5E03 "),
+              _ctx.item._status ? (openBlock(), createElementBlock("i", _hoisted_14, [
+                createVNode(unref(IconPenFill), { size: "16" })
+              ])) : createCommentVNode("v-if", true),
+              createCommentVNode(" \u5B9A\u65F6\u53D1\u5E03 "),
+              _ctx.item.status === 3 ? (openBlock(), createElementBlock("i", _hoisted_15, [
+                createVNode(unref(IconClockCircle), { size: "16" })
+              ])) : createCommentVNode("v-if", true),
+              _ctx.item.fix_position ? (openBlock(), createElementBlock("span", _hoisted_16, [
+                createElementVNode("i", _hoisted_17, [
+                  createVNode(unref(IconPushpin), { size: "16" })
                 ]),
-                option: withCtx(() => [
-                  renderSlot(_ctx.$slots, "option", {
-                    row: element,
-                    index
-                  })
+                createElementVNode("span", _hoisted_18, toDisplayString(_ctx.item.fix_position), 1)
+              ])) : createCommentVNode("v-if", true)
+            ]),
+            option: withCtx(() => [
+              renderSlot(_ctx.$slots, "option", {
+                row: _ctx.item,
+                index: _ctx.index
+              })
+            ]),
+            _: 3
+          }, 8, ["item", "parmas"]))
+        ], 2112)) : _ctx.item.catalog === "mp_account" ? (openBlock(), createElementBlock(Fragment, { key: 3 }, [
+          createCommentVNode(" \u516C\u4F17\u53F7 "),
+          (openBlock(), createBlock(_sfc_main$4, {
+            key: `maccount-${_ctx.item.post_id}`,
+            item: { ..._ctx.item, index: _ctx.index },
+            abttrites: _ctx.abttrites,
+            onClickTitle: clickTitle
+          }, {
+            index: withCtx(() => [
+              createElementVNode("span", _hoisted_19, toDisplayString(_ctx.index + 1), 1)
+            ]),
+            tip: withCtx(() => [
+              createCommentVNode(" \u5148\u6DFB\u52A0\u6587\u4EF6\u8D44\u6E90\uFF0C\u672A\u53D1\u5E03 "),
+              _ctx.item._status ? (openBlock(), createElementBlock("i", _hoisted_20, [
+                createVNode(unref(IconPenFill), { size: "16" })
+              ])) : createCommentVNode("v-if", true),
+              _ctx.item.fix_position ? (openBlock(), createElementBlock("span", _hoisted_21, [
+                createElementVNode("i", _hoisted_22, [
+                  createVNode(unref(IconPushpin), { size: "16" })
                 ]),
-                _: 2
-              }, 1032, ["item", "abttrites"])) : element.catalog === "contentList" && element.list_type === 7 && element.target_type === 6 ? (openBlock(), createElementBlock(Fragment, { key: 1 }, [
-                createCommentVNode(" \u7EC4\u4EF6 "),
-                (openBlock(), createBlock(_sfc_main$2, {
-                  key: `compo-${element.post_id}`,
-                  item: { ...element, index },
-                  onClickTitle: clickTitle
-                }, {
-                  index: withCtx(() => [
-                    createElementVNode("span", _hoisted_9, toDisplayString(index + 1), 1)
-                  ]),
-                  tip: withCtx(() => [
-                    createCommentVNode(" \u5148\u6DFB\u52A0\u6587\u4EF6\u8D44\u6E90\uFF0C\u672A\u53D1\u5E03 "),
-                    element._status ? (openBlock(), createElementBlock("i", _hoisted_10, [
-                      createVNode(unref(IconPenFill), { size: "16" })
-                    ])) : createCommentVNode("v-if", true),
-                    createCommentVNode(" \u5B9A\u65F6\u53D1\u5E03 "),
-                    element.status === 3 ? (openBlock(), createElementBlock("i", _hoisted_11, [
-                      createVNode(unref(IconClockCircle), { size: "16" })
-                    ])) : createCommentVNode("v-if", true),
-                    element.fix_position ? (openBlock(), createElementBlock("span", _hoisted_12, [
-                      createElementVNode("i", _hoisted_13, [
-                        createVNode(unref(IconPushpin), { size: "16" })
-                      ]),
-                      createElementVNode("span", _hoisted_14, toDisplayString(element.fix_position), 1)
-                    ])) : createCommentVNode("v-if", true)
-                  ]),
-                  option: withCtx(() => [
-                    renderSlot(_ctx.$slots, "option", {
-                      row: element,
-                      index
-                    })
-                  ]),
-                  _: 2
-                }, 1032, ["item"]))
-              ], 2112)) : element.catalog === "contentList" && element.list_type === 4 && element.target_type === 6 ? (openBlock(), createElementBlock(Fragment, { key: 2 }, [
-                createCommentVNode(" \u9891\u9053 "),
-                (openBlock(), createBlock(_sfc_main$3, {
-                  key: `contentlist-${element.post_id}`,
-                  item: { ...element, index },
-                  parmas: _ctx.parmas,
-                  onClickTitle: clickTitle
-                }, {
-                  index: withCtx(() => [
-                    createElementVNode("span", _hoisted_15, toDisplayString(index + 1), 1)
-                  ]),
-                  tips: withCtx(() => {
-                    var _a, _b;
-                    return [
-                      createTextVNode(toDisplayString(((_b = (_a = _ctx.parmas) == null ? void 0 : _a.labelTip) == null ? void 0 : _b.tips(element, index)) || ""), 1)
-                    ];
-                  }),
-                  tip: withCtx(() => [
-                    createCommentVNode(" \u5148\u6DFB\u52A0\u6587\u4EF6\u8D44\u6E90\uFF0C\u672A\u53D1\u5E03 "),
-                    element._status ? (openBlock(), createElementBlock("i", _hoisted_16, [
-                      createVNode(unref(IconPenFill), { size: "16" })
-                    ])) : createCommentVNode("v-if", true),
-                    createCommentVNode(" \u5B9A\u65F6\u53D1\u5E03 "),
-                    element.status === 3 ? (openBlock(), createElementBlock("i", _hoisted_17, [
-                      createVNode(unref(IconClockCircle), { size: "16" })
-                    ])) : createCommentVNode("v-if", true),
-                    element.fix_position ? (openBlock(), createElementBlock("span", _hoisted_18, [
-                      createElementVNode("i", _hoisted_19, [
-                        createVNode(unref(IconPushpin), { size: "16" })
-                      ]),
-                      createElementVNode("span", _hoisted_20, toDisplayString(element.fix_position), 1)
-                    ])) : createCommentVNode("v-if", true)
-                  ]),
-                  option: withCtx(() => [
-                    renderSlot(_ctx.$slots, "option", {
-                      row: element,
-                      index
-                    })
-                  ]),
-                  _: 2
-                }, 1032, ["item", "parmas"]))
-              ], 2112)) : element.catalog === "mp_account" ? (openBlock(), createElementBlock(Fragment, { key: 3 }, [
-                createCommentVNode(" \u516C\u4F17\u53F7 "),
-                (openBlock(), createBlock(_sfc_main$4, {
-                  key: `maccount-${element.post_id}`,
-                  item: { ...element, index },
-                  abttrites: _ctx.abttrites,
-                  onClickTitle: clickTitle
-                }, {
-                  index: withCtx(() => [
-                    createElementVNode("span", _hoisted_21, toDisplayString(index + 1), 1)
-                  ]),
-                  tip: withCtx(() => [
-                    createCommentVNode(" \u5148\u6DFB\u52A0\u6587\u4EF6\u8D44\u6E90\uFF0C\u672A\u53D1\u5E03 "),
-                    element._status ? (openBlock(), createElementBlock("i", _hoisted_22, [
-                      createVNode(unref(IconPenFill), { size: "16" })
-                    ])) : createCommentVNode("v-if", true),
-                    element.fix_position ? (openBlock(), createElementBlock("span", _hoisted_23, [
-                      createElementVNode("i", _hoisted_24, [
-                        createVNode(unref(IconPushpin), { size: "16" })
-                      ]),
-                      createElementVNode("span", _hoisted_25, toDisplayString(element.fix_position), 1)
-                    ])) : createCommentVNode("v-if", true)
-                  ]),
-                  option: withCtx(() => [
-                    renderSlot(_ctx.$slots, "option", {
-                      row: element,
-                      index
-                    })
-                  ]),
-                  _: 2
-                }, 1032, ["item", "abttrites"]))
-              ], 2112)) : element.catalog === "ilive" ? (openBlock(), createElementBlock(Fragment, { key: 4 }, [
-                createCommentVNode(" \u4E91\u76F4\u64AD "),
-                (openBlock(), createBlock(_sfc_main$5, {
-                  key: `live-${element.post_id}`,
-                  item: { ...element, index },
-                  onClickTitle: clickTitle
-                }, {
-                  index: withCtx(() => [
-                    createElementVNode("span", _hoisted_26, toDisplayString(index + 1), 1)
-                  ]),
-                  option: withCtx(() => [
-                    renderSlot(_ctx.$slots, "option", {
-                      row: element,
-                      index
-                    })
-                  ]),
-                  _: 2
-                }, 1032, ["item"]))
-              ], 2112)) : element.catalog === "kongo" ? (openBlock(), createElementBlock(Fragment, { key: 5 }, [
-                createCommentVNode(" \u529F\u80FD\u5BFC\u822A "),
-                (openBlock(), createBlock(_sfc_main$6, {
-                  key: `kongo-${element.post_id}`,
-                  item: { ...element, index },
-                  onClickTitle: clickTitle
-                }, {
-                  index: withCtx(() => [
-                    createElementVNode("span", _hoisted_27, toDisplayString(index + 1), 1)
-                  ]),
-                  tip: withCtx(() => [
-                    createCommentVNode(" \u5148\u6DFB\u52A0\u6587\u4EF6\u8D44\u6E90\uFF0C\u672A\u53D1\u5E03 "),
-                    element._status ? (openBlock(), createElementBlock("i", _hoisted_28, [
-                      createVNode(unref(IconPenFill), { size: "16" })
-                    ])) : createCommentVNode("v-if", true),
-                    element.fix_position ? (openBlock(), createElementBlock("span", _hoisted_29, [
-                      createElementVNode("i", _hoisted_30, [
-                        createVNode(unref(IconPushpin), { size: "16" })
-                      ]),
-                      createElementVNode("span", _hoisted_31, toDisplayString(element.fix_position), 1)
-                    ])) : createCommentVNode("v-if", true)
-                  ]),
-                  option: withCtx(() => [
-                    renderSlot(_ctx.$slots, "option", {
-                      row: element,
-                      index
-                    })
-                  ]),
-                  _: 2
-                }, 1032, ["item"]))
-              ], 2112)) : createCommentVNode("v-if", true)
-            ])
-          ]),
-          _: 3
-        }, 8, ["list", "sort"])
-      ]);
+                createElementVNode("span", _hoisted_23, toDisplayString(_ctx.item.fix_position), 1)
+              ])) : createCommentVNode("v-if", true)
+            ]),
+            option: withCtx(() => [
+              renderSlot(_ctx.$slots, "option", {
+                row: _ctx.item,
+                index: _ctx.index
+              })
+            ]),
+            _: 3
+          }, 8, ["item", "abttrites"]))
+        ], 2112)) : _ctx.item.catalog === "ilive" ? (openBlock(), createElementBlock(Fragment, { key: 4 }, [
+          createCommentVNode(" \u4E91\u76F4\u64AD "),
+          (openBlock(), createBlock(_sfc_main$5, {
+            key: `live-${_ctx.item.post_id}`,
+            item: { ..._ctx.item, index: _ctx.index },
+            onClickTitle: clickTitle
+          }, {
+            index: withCtx(() => [
+              createElementVNode("span", _hoisted_24, toDisplayString(_ctx.index + 1), 1)
+            ]),
+            option: withCtx(() => [
+              renderSlot(_ctx.$slots, "option", {
+                row: _ctx.item,
+                index: _ctx.index
+              })
+            ]),
+            _: 3
+          }, 8, ["item"]))
+        ], 2112)) : _ctx.item.catalog === "kongo" ? (openBlock(), createElementBlock(Fragment, { key: 5 }, [
+          createCommentVNode(" \u529F\u80FD\u5BFC\u822A "),
+          (openBlock(), createBlock(_sfc_main$6, {
+            key: `kongo-${_ctx.item.post_id}`,
+            item: { ..._ctx.item, index: _ctx.index },
+            onClickTitle: clickTitle
+          }, {
+            index: withCtx(() => [
+              createElementVNode("span", _hoisted_25, toDisplayString(_ctx.index + 1), 1)
+            ]),
+            tip: withCtx(() => [
+              createCommentVNode(" \u5148\u6DFB\u52A0\u6587\u4EF6\u8D44\u6E90\uFF0C\u672A\u53D1\u5E03 "),
+              _ctx.item._status ? (openBlock(), createElementBlock("i", _hoisted_26, [
+                createVNode(unref(IconPenFill), { size: "16" })
+              ])) : createCommentVNode("v-if", true),
+              _ctx.item.fix_position ? (openBlock(), createElementBlock("span", _hoisted_27, [
+                createElementVNode("i", _hoisted_28, [
+                  createVNode(unref(IconPushpin), { size: "16" })
+                ]),
+                createElementVNode("span", _hoisted_29, toDisplayString(_ctx.item.fix_position), 1)
+              ])) : createCommentVNode("v-if", true)
+            ]),
+            option: withCtx(() => [
+              renderSlot(_ctx.$slots, "option", {
+                row: _ctx.item,
+                index: _ctx.index
+              })
+            ]),
+            _: 3
+          }, 8, ["item"]))
+        ], 2112)) : createCommentVNode("v-if", true)
+      ], 2112);
     };
   }
 });

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

@@ -1,12 +1,11 @@
-import { defineComponent, openBlock, createElementBlock, createVNode, unref, withCtx, Fragment, renderList, createBlock, renderSlot } from "vue";
-import { Scrollbar } from "@arco-design/web-vue";
+import { defineComponent, openBlock, createBlock, withCtx, renderSlot } from "vue";
 import _sfc_main$1 from "../Content/DocItem/index.js";
-const _hoisted_1 = { class: "media-common-detail-list-container" };
 const _sfc_main = defineComponent({
   __name: "index",
   props: {
     abttrites: {},
-    getData: {}
+    item: {},
+    index: {}
   },
   emits: ["cellMouseEnter", "cellMouseLeave", "clickTitle"],
   setup(__props, { emit }) {
@@ -20,37 +19,27 @@ const _sfc_main = defineComponent({
       emit("clickTitle", item);
     };
     return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("div", _hoisted_1, [
-        createVNode(unref(Scrollbar), { class: "data-ul" }, {
-          default: withCtx(() => [
-            (openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.getData, (item, index) => {
-              return openBlock(), createBlock(_sfc_main$1, {
-                key: index,
-                item,
-                abttrites: _ctx.abttrites,
-                onClickTitle: clickTitle,
-                onCellMouseEnter: cellMouseEnter,
-                onCellMouseLeave: cellMouseLeave
-              }, {
-                batch: withCtx(() => [
-                  renderSlot(_ctx.$slots, "batch", {
-                    row: item,
-                    index
-                  })
-                ]),
-                option: withCtx(() => [
-                  renderSlot(_ctx.$slots, "option", {
-                    row: item,
-                    index
-                  })
-                ]),
-                _: 2
-              }, 1032, ["item", "abttrites"]);
-            }), 128))
-          ]),
-          _: 3
-        })
-      ]);
+      return openBlock(), createBlock(_sfc_main$1, {
+        item: _ctx.item,
+        abttrites: _ctx.abttrites,
+        onClickTitle: clickTitle,
+        onCellMouseEnter: cellMouseEnter,
+        onCellMouseLeave: cellMouseLeave
+      }, {
+        batch: withCtx(() => [
+          renderSlot(_ctx.$slots, "batch", {
+            row: _ctx.item,
+            index: _ctx.index
+          })
+        ]),
+        option: withCtx(() => [
+          renderSlot(_ctx.$slots, "option", {
+            row: _ctx.item,
+            index: _ctx.index
+          })
+        ]),
+        _: 3
+      }, 8, ["item", "abttrites"]);
     };
   }
 });

package/es/contentDetailList/style/Content.less

@@ -1,4 +1,4 @@
-.content-common-detail-list-container {
+.content-detail-list-container{
   * {
     &::selection {
       display: none;

package/es/contentDetailList/style/ContentListItem.less

@@ -41,6 +41,7 @@
     padding: 2px 0;
 
     .title {
+      width: calc(100% - 50px);
       display: flex;
       align-items: center;
       margin-bottom: 10px;
@@ -64,10 +65,6 @@
       .title_i {
         margin-right: 10px;
       }
-      // .title_i:hover {
-      //   text-decoration: underline;
-      //   color: #4886ff;
-      // }
     }
 
     .abttrite-v {

package/es/contentDetailList/style/Doc.less

@@ -1,7 +1,3 @@
-.media-common-detail-list-container {
+.content-detail-list-container {
   width: 100%;
-
-  .data-ul {
-    height: 100%;
-  }
 }

package/es/contentDetailList/style/DocItem.less

@@ -53,6 +53,7 @@
     padding: 2px 0;
 
     .title {
+      width: calc(100% - 50px);
       display: flex;
       align-items: center;
       margin-bottom: 10px;