@nutui/nutui 4.0.0-beta.9 → 4.0.1-2.beta-1

package/dist/packages/_es/Comment.js

@@ -1,18 +1,21 @@
-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, JoySmile } from "@nutui/icons-vue";
-import Rate from "./Rate.js";
-import { _ as _export_sfc } from "./_plugin-vue_export-helper-cc2b3d55.js";
+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 "../locale/lang";
-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({
+import "./renderIcon-47498b32.js";
+import "./pxCheck-38173291.js";
+import "./index-53ec2d4d.js";
+const { componentName: Ve, create: U } = w("comment-header"), j = U({
+  components: {
+    [N.name]: N
+  },
   props: {
     type: {
       type: String,
       default: "default"
+      // default，complex
     },
     info: {
       type: Object,
@@ -25,95 +28,88 @@ const _sfc_main$3 = create$3({
     }
   },
   emits: ["handleClick"],
-  setup(props, { emit }) {
-    const handleClick = () => {
-      emit("handleClick");
-    };
-    return { handleClick };
+  setup(e, { emit: n }) {
+    return { handleClick: () => {
+      n("handleClick");
+    } };
   }
-});
-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 = {
+}), B = { class: "nut-comment-header__user" }, L = { class: "nut-comment-header__user-avter" }, X = ["src"], P = { class: "nut-comment-header__user-score" }, D = {
   key: 0,
   class: "nut-comment-header__time"
 };
-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", {
+function q(e, n, r, u, f, h) {
+  const s = g("nut-rate");
+  return t(), l("view", null, [
+    e.info ? (t(), l("view", {
       key: 0,
       class: "nut-comment-header",
-      onClick: _cache[1] || (_cache[1] = (...args) => _ctx.handleClick && _ctx.handleClick(...args))
+      onClick: n[1] || (n[1] = (...o) => e.handleClick && e.handleClick(...o))
     }, [
-      createElementVNode("view", _hoisted_1$3, [
-        createElementVNode("view", _hoisted_2$3, [
-          _ctx.info.avatar ? (openBlock(), createElementBlock("img", {
+      i("view", B, [
+        i("view", L, [
+          e.info.avatar ? (t(), l("img", {
             key: 0,
-            src: _ctx.info.avatar
-          }, null, 8, _hoisted_3$3)) : createCommentVNode("", true)
+            src: e.info.avatar
+          }, null, 8, X)) : m("", !0)
         ]),
-        _ctx.type == "default" ? (openBlock(), createElementBlock("view", {
+        e.type == "default" ? (t(), l("view", {
           key: 0,
-          class: normalizeClass([`nut-comment-header__user-${_ctx.type}`])
+          class: d([`nut-comment-header__user-${e.type}`])
         }, [
-          createElementVNode("view", {
-            class: normalizeClass([`nut-comment-header__user-${_ctx.type}-name`])
+          i("view", {
+            class: d([`nut-comment-header__user-${e.type}-name`])
           }, [
-            createElementVNode("span", null, toDisplayString(_ctx.info.nickName), 1),
-            renderSlot(_ctx.$slots, "labels")
+            i("span", null, p(e.info.nickName), 1),
+            $(e.$slots, "labels")
           ], 2),
-          createElementVNode("view", _hoisted_4$3, [
-            createVNode(_component_nut_rate, {
-              modelValue: _ctx.info.score,
-              "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => _ctx.info.score = $event),
-              "icon-size": "10",
+          i("view", P, [
+            y(s, {
+              modelValue: e.info.score,
+              "onUpdate:modelValue": n[0] || (n[0] = (o) => e.info.score = o),
+              size: "12",
               spacing: "5",
               readonly: "",
-              onChange: _ctx.handleClick
+              onChange: e.handleClick
             }, null, 8, ["modelValue", "onChange"])
           ])
-        ], 2)) : (openBlock(), createElementBlock("view", {
+        ], 2)) : (t(), l("view", {
           key: 1,
-          class: normalizeClass([`nut-comment-header__user-${_ctx.type}`])
+          class: d([`nut-comment-header__user-${e.type}`])
         }, [
-          createElementVNode("span", {
-            class: normalizeClass([`nut-comment-header__user-${_ctx.type}-name`])
-          }, toDisplayString(_ctx.info.nickName), 3),
-          renderSlot(_ctx.$slots, "labels")
+          i("span", {
+            class: d([`nut-comment-header__user-${e.type}-name`])
+          }, p(e.info.nickName), 3),
+          $(e.$slots, "labels")
         ], 2))
       ]),
-      _ctx.info.time ? (openBlock(), createElementBlock("view", _hoisted_5$1, toDisplayString(_ctx.info.time), 1)) : createCommentVNode("", true)
-    ])) : createCommentVNode("", true),
-    _ctx.type == "complex" ? (openBlock(), createElementBlock("view", {
+      e.info.time ? (t(), l("view", D, p(e.info.time), 1)) : m("", !0)
+    ])) : m("", !0),
+    e.type == "complex" ? (t(), l("view", {
       key: 1,
-      class: normalizeClass([`nut-comment-header__${_ctx.type}-score`])
+      class: d([`nut-comment-header__${e.type}-score`])
     }, [
-      createVNode(_component_nut_rate, {
-        modelValue: _ctx.info.score,
-        "onUpdate:modelValue": _cache[2] || (_cache[2] = ($event) => _ctx.info.score = $event),
-        "icon-size": "12",
+      y(s, {
+        modelValue: e.info.score,
+        "onUpdate:modelValue": n[2] || (n[2] = (o) => e.info.score = o),
+        size: "12",
         spacing: "3",
         readonly: ""
       }, null, 8, ["modelValue"]),
-      createElementVNode("i", {
-        class: normalizeClass([`nut-comment-header__${_ctx.type}-score-i`])
+      i("i", {
+        class: d([`nut-comment-header__${e.type}-score-i`])
       }, null, 2),
-      createElementVNode("view", {
-        class: normalizeClass([`nut-comment-header__${_ctx.type}-score-size`])
-      }, toDisplayString(_ctx.info.size), 3)
-    ], 2)) : createCommentVNode("", true)
+      i("view", {
+        class: d([`nut-comment-header__${e.type}-score-size`])
+      }, p(e.info.size), 3)
+    ], 2)) : m("", !0)
   ]);
 }
-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({
+const G = /* @__PURE__ */ _(j, [["render", q]]), { componentName: Te, create: J } = w("comment-images"), K = J({
   props: {
     type: {
       type: String,
       default: "one"
+      // one multi
     },
     videos: {
       type: Array,
@@ -124,190 +120,147 @@ const _sfc_main$2 = create$2({
       default: () => []
     }
   },
-  components: { Right },
+  components: { Right: R },
   emits: ["click", "clickImages"],
-  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]);
+  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]);
       },
-      { 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]
+      { 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]
       });
-    };
-    return { isShowImage, initIndex, showImages, totalImages };
+    }, totalImages: f };
   }
-});
-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 = {
+}), Q = ["onClick"], W = ["src"], Y = /* @__PURE__ */ i("view", { class: "nut-comment-images__play" }, null, -1), Z = ["onClick"], x = ["src"], ee = {
   key: 0,
   class: "nut-comment-images__mask"
 };
-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}`)
+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}`)
   }, [
-    (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)
-      }, [
-        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
+    (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)
       }, [
-        _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))
+        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))
   ], 2);
 }
-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({
+const ne = /* @__PURE__ */ _(K, [["render", oe]]), { componentName: ze, create: te, translate: se } = w("comment-bottom"), le = te({
   props: {
     type: {
       type: String,
       default: "base"
+      // simple，base，complex
     },
     info: {
       type: Object,
-      default: () => {
-      }
+      default: () => ({})
     },
     operation: {
       type: Array,
       default: ["replay", "like", "more"]
     }
   },
-  components: { Fabulous, Comment, MoreX },
+  components: { Fabulous: H, Comment: A, MoreX: M },
   emits: ["clickOperate", "handleClick"],
-  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 };
+  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 };
   }
-});
-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)),
+}), 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)),
       class: "nut-comment-bottom__lable"
     }, [
-      _ctx.type != "complex" ? (openBlock(), createElementBlock("span", _hoisted_2$1, toDisplayString(_ctx.info.size), 1)) : createCommentVNode("", true)
+      e.type != "complex" ? (t(), l("span", ae, p(e.info.size), 1)) : m("", !0)
     ]),
-    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))
+    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))
     ])
   ]);
 }
-const CommentBottom = /* @__PURE__ */ _export_sfc(_sfc_main$1, [["render", _sfc_render$1]]);
-const { componentName, create, translate } = createComponent("comment");
-const _sfc_main = create({
+const pe = /* @__PURE__ */ _(le, [["render", ce]]), { componentName: ue, create: de, translate: fe } = w("comment"), ke = de({
   props: {
     headerType: {
       type: String,
       default: "default"
+      //头部展示风格 default，complex
     },
     imagesRows: {
       type: String,
       default: "one"
+      // 'one'  'multi'
     },
     ellipsis: {
       type: [String, Number, Boolean],
-      default: false
+      default: !1
     },
     videos: {
       type: Array,
@@ -319,13 +272,11 @@ const _sfc_main = create({
     },
     info: {
       type: Object,
-      default: () => {
-      }
+      default: () => ({})
     },
     follow: {
       type: Object,
-      default: () => {
-      }
+      default: () => ({})
     },
     labels: {
       type: Function,
@@ -337,101 +288,81 @@ const _sfc_main = create({
     }
   },
   components: {
-    [Rate.name]: Rate,
-    CommentHeader,
-    CommentImages,
-    CommentBottom,
-    Right,
-    JoySmile
+    CommentHeader: G,
+    CommentImages: ne,
+    CommentBottom: pe,
+    Right: R
   },
   emits: ["click", "clickImages", "clickOperate"],
-  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 };
+  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 };
   }
-});
-const _hoisted_1 = ["innerHTML"];
-const _hoisted_2 = { class: "nut-comment__follow-title" };
-const _hoisted_3 = { class: "nut-comment__follow-com" };
-const _hoisted_4 = {
+}), ge = ["innerHTML"], ye = { class: "nut-comment__follow-title" }, he = { class: "nut-comment__follow-com" }, ve = {
   key: 0,
   class: "nut-comment__follow-img"
 };
-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", {
+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", {
     key: 0,
-    class: normalizeClass(_ctx.classes)
+    class: d(e.classes)
   }, [
-    createVNode(_component_comment_header, {
-      type: _ctx.headerType,
-      info: _ctx.info,
-      labels: _ctx.labels,
-      onHandleClick: _ctx.handleClick
+    y(s, {
+      type: e.headerType,
+      info: e.info,
+      labels: e.labels,
+      onHandleClick: e.handleClick
     }, {
-      labels: withCtx(() => [
-        renderSlot(_ctx.$slots, "comment-labels")
+      labels: z(() => [
+        $(e.$slots, "comment-labels")
       ]),
       _: 3
     }, 8, ["type", "info", "labels", "onHandleClick"]),
-    renderSlot(_ctx.$slots, "feature"),
-    createElementVNode("view", {
+    $(e.$slots, "feature"),
+    i("view", {
       class: "nut-comment__main",
-      style: normalizeStyle(`-webkit-line-clamp:${_ctx.conEllipsis}`),
-      onClick: _cache[0] || (_cache[0] = (...args) => _ctx.handleClick && _ctx.handleClick(...args)),
-      innerHTML: _ctx.info.content.replace(/\n/g, "<br>")
-    }, null, 12, _hoisted_1),
-    createVNode(_component_comment_images, {
-      images: _ctx.images,
-      videos: _ctx.videos,
-      type: _ctx.imagesRows,
-      onClickImages: _ctx.clickImages
+      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
     }, null, 8, ["images", "videos", "type", "onClickImages"]),
-    _ctx.follow && _ctx.follow.days > 0 ? (openBlock(), createElementBlock("view", {
+    e.follow && e.follow.days > 0 ? (t(), l("view", {
       key: 0,
       class: "nut-comment__follow",
-      onClick: _cache[1] || (_cache[1] = (...args) => _ctx.handleClick && _ctx.handleClick(...args))
+      onClick: n[1] || (n[1] = (...k) => e.handleClick && e.handleClick(...k))
     }, [
-      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
+      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
     }, null, 8, ["type", "info", "operation", "onClickOperate", "onHandleClick"]),
-    renderSlot(_ctx.$slots, "comment-shop-reply")
-  ], 2)) : createCommentVNode("", true);
+    $(e.$slots, "comment-shop-reply")
+  ], 2)) : m("", !0);
 }
-const index = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render]]);
+const Ee = /* @__PURE__ */ _(ke, [["render", $e]]);
 export {
-  index as default
+  Ee as default
 };