@nutui/nutui 4.0.12-beta.1 → 4.0.12

package/dist/packages/_es/Comment.js

@@ -1,15 +1,16 @@
-import { resolveComponent as g, openBlock as t, createElementBlock as l, createElementVNode as i, createCommentVNode as m, normalizeClass as d, toDisplayString as p, renderSlot as $, createVNode as y, ref as C, watch as T, onMounted as S, Fragment as v, renderList as b, createBlock as I, computed as O, withCtx as z, normalizeStyle as E, createTextVNode as F } from "vue";
-import { c as w } from "./component-234624bc.js";
-import { Right as R, Fabulous as H, Comment as A, MoreX as M } from "@nutui/icons-vue";
-import N from "./Rate.js";
-import { _ } from "./_plugin-vue_export-helper-dad06003.js";
+import { resolveComponent, openBlock, createElementBlock, createElementVNode, createCommentVNode, normalizeClass, toDisplayString, renderSlot, createVNode, ref, watch, onMounted, Fragment, renderList, createBlock, computed, withCtx, normalizeStyle, createTextVNode } from "vue";
+import { c as createComponent } from "./component-81a4c1d0.js";
+import { Right, Fabulous, Comment, MoreX } from "@nutui/icons-vue";
+import Rate from "./Rate.js";
+import { _ as _export_sfc } from "./_plugin-vue_export-helper-cc2b3d55.js";
 import "../locale/lang";
-import "./renderIcon-47498b32.js";
-import "./pxCheck-38173291.js";
-import "./index-53ec2d4d.js";
-const { componentName: Ve, create: U } = w("comment-header"), j = U({
+import "./renderIcon-3d0fd47c.js";
+import "./pxCheck-c6b9f6b7.js";
+import "./index-7a7385e4.js";
+const { componentName: componentName$3, create: create$3 } = createComponent("comment-header");
+const _sfc_main$3 = create$3({
   components: {
-    [N.name]: N
+    [Rate.name]: Rate
   },
   props: {
     type: {
@@ -28,83 +29,91 @@ const { componentName: Ve, create: U } = w("comment-header"), j = U({
     }
   },
   emits: ["handleClick"],
-  setup(e, { emit: n }) {
-    return { handleClick: () => {
-      n("handleClick");
-    } };
+  setup(props, { emit }) {
+    const handleClick = () => {
+      emit("handleClick");
+    };
+    return { handleClick };
   }
-}), B = { class: "nut-comment-header__user" }, L = { class: "nut-comment-header__user-avter" }, X = ["src"], P = { class: "nut-comment-header__user-score" }, D = {
+});
+const _hoisted_1$3 = { class: "nut-comment-header__user" };
+const _hoisted_2$3 = { class: "nut-comment-header__user-avter" };
+const _hoisted_3$3 = ["src"];
+const _hoisted_4$3 = { class: "nut-comment-header__user-score" };
+const _hoisted_5$1 = {
   key: 0,
   class: "nut-comment-header__time"
 };
-function q(e, n, r, u, f, h) {
-  const s = g("nut-rate");
-  return t(), l("view", null, [
-    e.info ? (t(), l("view", {
+function _sfc_render$3(_ctx, _cache, $props, $setup, $data, $options) {
+  const _component_nut_rate = resolveComponent("nut-rate");
+  return openBlock(), createElementBlock("view", null, [
+    _ctx.info ? (openBlock(), createElementBlock("view", {
       key: 0,
       class: "nut-comment-header",
-      onClick: n[1] || (n[1] = (...o) => e.handleClick && e.handleClick(...o))
+      onClick: _cache[1] || (_cache[1] = (...args) => _ctx.handleClick && _ctx.handleClick(...args))
     }, [
-      i("view", B, [
-        i("view", L, [
-          e.info.avatar ? (t(), l("img", {
+      createElementVNode("view", _hoisted_1$3, [
+        createElementVNode("view", _hoisted_2$3, [
+          _ctx.info.avatar ? (openBlock(), createElementBlock("img", {
             key: 0,
-            src: e.info.avatar
-          }, null, 8, X)) : m("", !0)
+            src: _ctx.info.avatar
+          }, null, 8, _hoisted_3$3)) : createCommentVNode("", true)
         ]),
-        e.type == "default" ? (t(), l("view", {
+        _ctx.type == "default" ? (openBlock(), createElementBlock("view", {
           key: 0,
-          class: d([`nut-comment-header__user-${e.type}`])
+          class: normalizeClass([`nut-comment-header__user-${_ctx.type}`])
         }, [
-          i("view", {
-            class: d([`nut-comment-header__user-${e.type}-name`])
+          createElementVNode("view", {
+            class: normalizeClass([`nut-comment-header__user-${_ctx.type}-name`])
           }, [
-            i("span", null, p(e.info.nickName), 1),
-            $(e.$slots, "labels")
+            createElementVNode("span", null, toDisplayString(_ctx.info.nickName), 1),
+            renderSlot(_ctx.$slots, "labels")
           ], 2),
-          i("view", P, [
-            y(s, {
-              modelValue: e.info.score,
-              "onUpdate:modelValue": n[0] || (n[0] = (o) => e.info.score = o),
+          createElementVNode("view", _hoisted_4$3, [
+            createVNode(_component_nut_rate, {
+              modelValue: _ctx.info.score,
+              "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => _ctx.info.score = $event),
               size: "12",
               spacing: "5",
               readonly: "",
-              onChange: e.handleClick
+              onChange: _ctx.handleClick
             }, null, 8, ["modelValue", "onChange"])
           ])
-        ], 2)) : (t(), l("view", {
+        ], 2)) : (openBlock(), createElementBlock("view", {
           key: 1,
-          class: d([`nut-comment-header__user-${e.type}`])
+          class: normalizeClass([`nut-comment-header__user-${_ctx.type}`])
         }, [
-          i("span", {
-            class: d([`nut-comment-header__user-${e.type}-name`])
-          }, p(e.info.nickName), 3),
-          $(e.$slots, "labels")
+          createElementVNode("span", {
+            class: normalizeClass([`nut-comment-header__user-${_ctx.type}-name`])
+          }, toDisplayString(_ctx.info.nickName), 3),
+          renderSlot(_ctx.$slots, "labels")
         ], 2))
       ]),
-      e.info.time ? (t(), l("view", D, p(e.info.time), 1)) : m("", !0)
-    ])) : m("", !0),
-    e.type == "complex" ? (t(), l("view", {
+      _ctx.info.time ? (openBlock(), createElementBlock("view", _hoisted_5$1, toDisplayString(_ctx.info.time), 1)) : createCommentVNode("", true)
+    ])) : createCommentVNode("", true),
+    _ctx.type == "complex" ? (openBlock(), createElementBlock("view", {
       key: 1,
-      class: d([`nut-comment-header__${e.type}-score`])
+      class: normalizeClass([`nut-comment-header__${_ctx.type}-score`])
     }, [
-      y(s, {
-        modelValue: e.info.score,
-        "onUpdate:modelValue": n[2] || (n[2] = (o) => e.info.score = o),
+      createVNode(_component_nut_rate, {
+        modelValue: _ctx.info.score,
+        "onUpdate:modelValue": _cache[2] || (_cache[2] = ($event) => _ctx.info.score = $event),
         size: "12",
         spacing: "3",
         readonly: ""
       }, null, 8, ["modelValue"]),
-      i("i", {
-        class: d([`nut-comment-header__${e.type}-score-i`])
+      createElementVNode("i", {
+        class: normalizeClass([`nut-comment-header__${_ctx.type}-score-i`])
       }, null, 2),
-      i("view", {
-        class: d([`nut-comment-header__${e.type}-score-size`])
-      }, p(e.info.size), 3)
-    ], 2)) : m("", !0)
+      createElementVNode("view", {
+        class: normalizeClass([`nut-comment-header__${_ctx.type}-score-size`])
+      }, toDisplayString(_ctx.info.size), 3)
+    ], 2)) : createCommentVNode("", true)
   ]);
 }
-const G = /* @__PURE__ */ _(j, [["render", q]]), { componentName: Te, create: J } = w("comment-images"), K = J({
+const CommentHeader = /* @__PURE__ */ _export_sfc(_sfc_main$3, [["render", _sfc_render$3]]);
+const { componentName: componentName$2, create: create$2 } = createComponent("comment-images");
+const _sfc_main$2 = create$2({
   props: {
     type: {
       type: String,
@@ -120,70 +129,94 @@ const G = /* @__PURE__ */ _(j, [["render", q]]), { componentName: Te, create: J
       default: () => []
     }
   },
-  components: { Right: R },
+  components: { Right },
   emits: ["click", "clickImages"],
-  setup(e, { emit: n }) {
-    const r = C(!1), u = C(1), f = C([]);
-    return T(
-      () => [e.videos, e.images],
-      (s) => {
-        s[0].length > 0 && s[0].forEach((o) => {
-          o.type = "video";
-        }), f.value = s[0].concat(s[1]);
+  setup(props, { emit }) {
+    const isShowImage = ref(false);
+    const initIndex = ref(1);
+    const totalImages = ref([]);
+    watch(
+      () => [props.videos, props.images],
+      (value) => {
+        if (value[0].length > 0) {
+          value[0].forEach((el) => {
+            el.type = "video";
+          });
+        }
+        totalImages.value = value[0].concat(value[1]);
       },
-      { deep: !0 }
-    ), S(() => {
-      e.videos.length > 0 && e.videos.forEach((s) => {
-        s.type = "video";
-      }), f.value = e.videos.concat(e.images);
-    }), { isShowImage: r, initIndex: u, showImages: (s, o) => {
-      const { videos: c, images: a } = e, k = s == "img" ? o - c.length : o;
-      n("clickImages", {
-        type: s,
-        index: k,
-        value: s == "img" ? a[k] : c[k]
+      { deep: true }
+    );
+    onMounted(() => {
+      if (props.videos.length > 0) {
+        props.videos.forEach((el) => {
+          el.type = "video";
+        });
+      }
+      totalImages.value = props.videos.concat(props.images);
+    });
+    const showImages = (type, index2) => {
+      const { videos, images } = props;
+      const i = type == "img" ? index2 - videos.length : index2;
+      emit("clickImages", {
+        type,
+        index: i,
+        value: type == "img" ? images[i] : videos[i]
       });
-    }, totalImages: f };
+    };
+    return { isShowImage, initIndex, showImages, totalImages };
   }
-}), Q = ["onClick"], W = ["src"], Y = /* @__PURE__ */ i("view", { class: "nut-comment-images__play" }, null, -1), Z = ["onClick"], x = ["src"], ee = {
+});
+const _hoisted_1$2 = ["onClick"];
+const _hoisted_2$2 = ["src"];
+const _hoisted_3$2 = /* @__PURE__ */ createElementVNode("view", { class: "nut-comment-images__play" }, null, -1);
+const _hoisted_4$2 = ["onClick"];
+const _hoisted_5 = ["src"];
+const _hoisted_6 = {
   key: 0,
   class: "nut-comment-images__mask"
 };
-function oe(e, n, r, u, f, h) {
-  const s = g("Right");
-  return t(), l("view", {
-    class: d(`nut-comment-images nut-comment-images--${e.type}`)
+function _sfc_render$2(_ctx, _cache, $props, $setup, $data, $options) {
+  const _component_Right = resolveComponent("Right");
+  return openBlock(), createElementBlock("view", {
+    class: normalizeClass(`nut-comment-images nut-comment-images--${_ctx.type}`)
   }, [
-    (t(!0), l(v, null, b(e.videos, (o, c) => (t(), l("view", {
-      class: "nut-comment-images__item nut-comment-images__item--video",
-      key: o.id,
-      onClick: (a) => e.showImages("video", c)
-    }, [
-      i("img", {
-        src: o.mainUrl
-      }, null, 8, W),
-      Y
-    ], 8, Q))), 128)),
-    (t(!0), l(v, null, b(e.images, (o, c) => (t(), l(v, {
-      key: o.id
-    }, [
-      e.type == "multi" && e.videos.length + c < 9 || e.type != "multi" ? (t(), l("view", {
-        key: 0,
-        class: "nut-comment-images__item nut-comment-images__item--imgbox",
-        onClick: (a) => e.showImages("img", c + e.videos.length)
+    (openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.videos, (itV, index2) => {
+      return openBlock(), createElementBlock("view", {
+        class: "nut-comment-images__item nut-comment-images__item--video",
+        key: itV.id,
+        onClick: ($event) => _ctx.showImages("video", index2)
       }, [
-        i("img", {
-          src: o.smallImgUrl ? o.smallImgUrl : o.imgUrl
-        }, null, 8, x),
-        e.type == "multi" && e.totalImages.length > 9 && e.videos.length + c > 7 ? (t(), l("view", ee, [
-          i("span", null, "共 " + p(e.totalImages.length) + " 张", 1),
-          y(s, { style: { width: "12px" } })
-        ])) : m("", !0)
-      ], 8, Z)) : m("", !0)
-    ], 64))), 128))
+        createElementVNode("img", {
+          src: itV.mainUrl
+        }, null, 8, _hoisted_2$2),
+        _hoisted_3$2
+      ], 8, _hoisted_1$2);
+    }), 128)),
+    (openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.images, (itI, index2) => {
+      return openBlock(), createElementBlock(Fragment, {
+        key: itI.id
+      }, [
+        _ctx.type == "multi" && _ctx.videos.length + index2 < 9 || _ctx.type != "multi" ? (openBlock(), createElementBlock("view", {
+          key: 0,
+          class: "nut-comment-images__item nut-comment-images__item--imgbox",
+          onClick: ($event) => _ctx.showImages("img", index2 + _ctx.videos.length)
+        }, [
+          createElementVNode("img", {
+            src: itI.smallImgUrl ? itI.smallImgUrl : itI.imgUrl
+          }, null, 8, _hoisted_5),
+          _ctx.type == "multi" && _ctx.totalImages.length > 9 && _ctx.videos.length + index2 > 7 ? (openBlock(), createElementBlock("view", _hoisted_6, [
+            createElementVNode("span", null, "共 " + toDisplayString(_ctx.totalImages.length) + " 张", 1),
+            createVNode(_component_Right, { style: { "width": "12px" } })
+          ])) : createCommentVNode("", true)
+        ], 8, _hoisted_4$2)) : createCommentVNode("", true)
+      ], 64);
+    }), 128))
   ], 2);
 }
-const ne = /* @__PURE__ */ _(K, [["render", oe]]), { componentName: ze, create: te, translate: se } = w("comment-bottom"), le = te({
+const CommentImages = /* @__PURE__ */ _export_sfc(_sfc_main$2, [["render", _sfc_render$2]]);
+const { componentName: componentName$1, create: create$1, translate: translate$1 } = createComponent("comment-bottom");
+const _sfc_main$1 = create$1({
   props: {
     type: {
       type: String,
@@ -199,54 +232,75 @@ const ne = /* @__PURE__ */ _(K, [["render", oe]]), { componentName: ze, create:
       default: ["replay", "like", "more"]
     }
   },
-  components: { Fabulous: H, Comment: A, MoreX: M },
+  components: { Fabulous, Comment, MoreX },
   emits: ["clickOperate", "handleClick"],
-  setup(e, { emit: n }) {
-    const r = C(!1), u = C([]);
-    return S(() => {
-      const s = ["replay", "like", "more"];
-      e.operation && e.operation.forEach((o) => {
-        s.includes(o) && u.value.push(o);
-      });
-    }), { showPopver: r, operate: (s) => {
-      s == "more" && (r.value = !r.value), n("clickOperate", s);
-    }, mergeOp: u, handleClick: () => {
-      n("handleClick");
-    }, translate: se };
+  setup(props, { emit }) {
+    const showPopver = ref(false);
+    const mergeOp = ref([]);
+    onMounted(() => {
+      const deOp = ["replay", "like", "more"];
+      if (props.operation) {
+        props.operation.forEach((name) => {
+          if (deOp.includes(name)) {
+            mergeOp.value.push(name);
+          }
+        });
+      }
+    });
+    const operate = (type) => {
+      if (type == "more") {
+        showPopver.value = !showPopver.value;
+      }
+      emit("clickOperate", type);
+    };
+    const handleClick = () => {
+      emit("handleClick");
+    };
+    return { showPopver, operate, mergeOp, handleClick, translate: translate$1 };
   }
-}), ie = { class: "nut-comment-bottom" }, ae = { key: 0 }, me = { class: "nut-comment-bottom__cpx" }, re = ["onClick"];
-function ce(e, n, r, u, f, h) {
-  const s = g("Fabulous"), o = g("Comment"), c = g("MoreX");
-  return t(), l("view", ie, [
-    i("view", {
-      onClick: n[0] || (n[0] = (...a) => e.handleClick && e.handleClick(...a)),
+});
+const _hoisted_1$1 = { class: "nut-comment-bottom" };
+const _hoisted_2$1 = { key: 0 };
+const _hoisted_3$1 = { class: "nut-comment-bottom__cpx" };
+const _hoisted_4$1 = ["onClick"];
+function _sfc_render$1(_ctx, _cache, $props, $setup, $data, $options) {
+  const _component_Fabulous = resolveComponent("Fabulous");
+  const _component_Comment = resolveComponent("Comment");
+  const _component_MoreX = resolveComponent("MoreX");
+  return openBlock(), createElementBlock("view", _hoisted_1$1, [
+    createElementVNode("view", {
+      onClick: _cache[0] || (_cache[0] = (...args) => _ctx.handleClick && _ctx.handleClick(...args)),
       class: "nut-comment-bottom__lable"
     }, [
-      e.type != "complex" ? (t(), l("span", ae, p(e.info.size), 1)) : m("", !0)
+      _ctx.type != "complex" ? (openBlock(), createElementBlock("span", _hoisted_2$1, toDisplayString(_ctx.info.size), 1)) : createCommentVNode("", true)
     ]),
-    i("view", me, [
-      (t(!0), l(v, null, b(e.mergeOp, (a, k) => (t(), l("view", {
-        key: k,
-        class: d(["nut-comment-bottom__cpx-item", `nut-comment-bottom__cpx-item--${a}`]),
-        onClick: (V) => e.operate(a)
-      }, [
-        a != "more" ? (t(), l(v, { key: 0 }, [
-          i("span", null, p(e.info[a]), 1),
-          a == "like" ? (t(), I(s, { key: 0 })) : (t(), I(o, { key: 1 }))
-        ], 64)) : m("", !0),
-        a == "more" ? (t(), l(v, { key: 1 }, [
-          y(c),
-          e.showPopver ? (t(), l("view", {
-            key: 0,
-            class: "nut-comment-bottom__cpx-item-popover",
-            onClick: n[1] || (n[1] = (V) => e.operate("popover"))
-          }, p(e.translate("complaintsText")), 1)) : m("", !0)
-        ], 64)) : m("", !0)
-      ], 10, re))), 128))
+    createElementVNode("view", _hoisted_3$1, [
+      (openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.mergeOp, (name, i) => {
+        return openBlock(), createElementBlock("view", {
+          key: i,
+          class: normalizeClass(["nut-comment-bottom__cpx-item", `nut-comment-bottom__cpx-item--${name}`]),
+          onClick: ($event) => _ctx.operate(name)
+        }, [
+          name != "more" ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [
+            createElementVNode("span", null, toDisplayString(_ctx.info[name]), 1),
+            name == "like" ? (openBlock(), createBlock(_component_Fabulous, { key: 0 })) : (openBlock(), createBlock(_component_Comment, { key: 1 }))
+          ], 64)) : createCommentVNode("", true),
+          name == "more" ? (openBlock(), createElementBlock(Fragment, { key: 1 }, [
+            createVNode(_component_MoreX),
+            _ctx.showPopver ? (openBlock(), createElementBlock("view", {
+              key: 0,
+              class: "nut-comment-bottom__cpx-item-popover",
+              onClick: _cache[1] || (_cache[1] = ($event) => _ctx.operate("popover"))
+            }, toDisplayString(_ctx.translate("complaintsText")), 1)) : createCommentVNode("", true)
+          ], 64)) : createCommentVNode("", true)
+        ], 10, _hoisted_4$1);
+      }), 128))
     ])
   ]);
 }
-const pe = /* @__PURE__ */ _(le, [["render", ce]]), { componentName: ue, create: de, translate: fe } = w("comment"), ke = de({
+const CommentBottom = /* @__PURE__ */ _export_sfc(_sfc_main$1, [["render", _sfc_render$1]]);
+const { componentName, create, translate } = createComponent("comment");
+const _sfc_main = create({
   props: {
     headerType: {
       type: String,
@@ -260,7 +314,7 @@ const pe = /* @__PURE__ */ _(le, [["render", ce]]), { componentName: ue, create:
     },
     ellipsis: {
       type: [String, Number, Boolean],
-      default: !1
+      default: false
     },
     videos: {
       type: Array,
@@ -288,81 +342,99 @@ const pe = /* @__PURE__ */ _(le, [["render", ce]]), { componentName: ue, create:
     }
   },
   components: {
-    CommentHeader: G,
-    CommentImages: ne,
-    CommentBottom: pe,
-    Right: R
+    CommentHeader,
+    CommentImages,
+    CommentBottom,
+    Right
   },
   emits: ["click", "clickImages", "clickOperate"],
-  setup(e, { emit: n }) {
-    const r = O(() => ({
-      [ue]: !0
-    })), u = O(() => e.ellipsis ? e.ellipsis : e.headerType == "complex" ? 6 : 2);
-    return { classes: r, conEllipsis: u, clickOperate: (o) => {
-      n("clickOperate", o);
-    }, handleClick: () => {
-      n("click", e.info);
-    }, clickImages: (o) => {
-      n("clickImages", o);
-    }, translate: fe };
+  setup(props, { emit }) {
+    const classes = computed(() => {
+      const prefixCls = componentName;
+      return {
+        [prefixCls]: true
+      };
+    });
+    const conEllipsis = computed(() => {
+      if (props.ellipsis)
+        return props.ellipsis;
+      return props.headerType == "complex" ? 6 : 2;
+    });
+    const clickOperate = (t) => {
+      emit("clickOperate", t);
+    };
+    const handleClick = () => {
+      emit("click", props.info);
+    };
+    const clickImages = (value) => {
+      emit("clickImages", value);
+    };
+    return { classes, conEllipsis, clickOperate, handleClick, clickImages, translate };
   }
-}), ge = ["innerHTML"], ye = { class: "nut-comment__follow-title" }, he = { class: "nut-comment__follow-com" }, ve = {
+});
+const _hoisted_1 = ["innerHTML"];
+const _hoisted_2 = { class: "nut-comment__follow-title" };
+const _hoisted_3 = { class: "nut-comment__follow-com" };
+const _hoisted_4 = {
   key: 0,
   class: "nut-comment__follow-img"
 };
-function $e(e, n, r, u, f, h) {
-  const s = g("comment-header"), o = g("comment-images"), c = g("Right"), a = g("comment-bottom");
-  return e.info && Object.keys(e.info) ? (t(), l("view", {
+function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
+  const _component_comment_header = resolveComponent("comment-header");
+  const _component_comment_images = resolveComponent("comment-images");
+  const _component_Right = resolveComponent("Right");
+  const _component_comment_bottom = resolveComponent("comment-bottom");
+  return _ctx.info && Object.keys(_ctx.info) ? (openBlock(), createElementBlock("view", {
     key: 0,
-    class: d(e.classes)
+    class: normalizeClass(_ctx.classes)
   }, [
-    y(s, {
-      type: e.headerType,
-      info: e.info,
-      labels: e.labels,
-      onHandleClick: e.handleClick
+    createVNode(_component_comment_header, {
+      type: _ctx.headerType,
+      info: _ctx.info,
+      labels: _ctx.labels,
+      onHandleClick: _ctx.handleClick
     }, {
-      labels: z(() => [
-        $(e.$slots, "comment-labels")
+      labels: withCtx(() => [
+        renderSlot(_ctx.$slots, "comment-labels")
       ]),
       _: 3
     }, 8, ["type", "info", "labels", "onHandleClick"]),
-    $(e.$slots, "feature"),
-    i("view", {
+    renderSlot(_ctx.$slots, "feature"),
+    createElementVNode("view", {
       class: "nut-comment__main",
-      style: E(`-webkit-line-clamp:${e.conEllipsis}`),
-      onClick: n[0] || (n[0] = (...k) => e.handleClick && e.handleClick(...k)),
-      innerHTML: e.info.content
-    }, null, 12, ge),
-    y(o, {
-      images: e.images,
-      videos: e.videos,
-      type: e.imagesRows,
-      onClickImages: e.clickImages
+      style: normalizeStyle(`-webkit-line-clamp:${_ctx.conEllipsis}`),
+      onClick: _cache[0] || (_cache[0] = (...args) => _ctx.handleClick && _ctx.handleClick(...args)),
+      innerHTML: _ctx.info.content
+    }, null, 12, _hoisted_1),
+    createVNode(_component_comment_images, {
+      images: _ctx.images,
+      videos: _ctx.videos,
+      type: _ctx.imagesRows,
+      onClickImages: _ctx.clickImages
     }, null, 8, ["images", "videos", "type", "onClickImages"]),
-    e.follow && e.follow.days > 0 ? (t(), l("view", {
+    _ctx.follow && _ctx.follow.days > 0 ? (openBlock(), createElementBlock("view", {
       key: 0,
       class: "nut-comment__follow",
-      onClick: n[1] || (n[1] = (...k) => e.handleClick && e.handleClick(...k))
+      onClick: _cache[1] || (_cache[1] = (...args) => _ctx.handleClick && _ctx.handleClick(...args))
     }, [
-      i("view", ye, p(e.translate("additionalReview", e.follow.days)), 1),
-      i("view", he, p(e.follow.content), 1),
-      e.follow.images && e.follow.images.length > 0 ? (t(), l("view", ve, [
-        F(p(e.translate("additionalImages", e.follow.images.length)) + " ", 1),
-        y(c, { width: "12px" })
-      ])) : m("", !0)
-    ])) : m("", !0),
-    y(a, {
-      type: e.headerType,
-      info: e.info,
-      operation: e.operation,
-      onClickOperate: e.clickOperate,
-      onHandleClick: e.handleClick
+      createElementVNode("view", _hoisted_2, toDisplayString(_ctx.translate("additionalReview", _ctx.follow.days)), 1),
+      createElementVNode("view", _hoisted_3, toDisplayString(_ctx.follow.content), 1),
+      _ctx.follow.images && _ctx.follow.images.length > 0 ? (openBlock(), createElementBlock("view", _hoisted_4, [
+        createTextVNode(toDisplayString(_ctx.translate("additionalImages", _ctx.follow.images.length)) + " ", 1),
+        createVNode(_component_Right, { width: "12px" })
+      ])) : createCommentVNode("", true)
+    ])) : createCommentVNode("", true),
+    createVNode(_component_comment_bottom, {
+      type: _ctx.headerType,
+      info: _ctx.info,
+      operation: _ctx.operation,
+      onClickOperate: _ctx.clickOperate,
+      onHandleClick: _ctx.handleClick
     }, null, 8, ["type", "info", "operation", "onClickOperate", "onHandleClick"]),
-    $(e.$slots, "comment-shop-reply")
-  ], 2)) : m("", !0);
+    renderSlot(_ctx.$slots, "comment-shop-reply")
+  ], 2)) : createCommentVNode("", true);
 }
-const Ee = /* @__PURE__ */ _(ke, [["render", $e]]);
+const index = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render]]);
 export {
-  Ee as default
+  index as default
 };