@nutui/nutui 3.1.22-beta.3 → 3.1.23-beta.0

package/dist/packages/_es/Comment.js

@@ -1,70 +1,440 @@
 /*!
-* @nutui/nutui v3.1.22-beta.3 Wed Jun 15 2022 20:12:30 GMT+0800 (中国标准时间)
+* @nutui/nutui v3.1.23-beta.0 Mon Jun 27 2022 17:55:50 GMT+0800 (中国标准时间)
 * (c) 2022 @jdf2e.
 * Released under the MIT License.
 */
-import { resolveComponent as e, openBlock as t, createElementBlock as n, createElementVNode as l, createCommentVNode as o, normalizeClass as a, toDisplayString as i, renderSlot as s, createVNode as m, ref as c, watch as r, onMounted as p, Fragment as u, renderList as d, computed as y, withCtx as g, normalizeStyle as k, createTextVNode as f } from "vue";
-import { c as v } from "./component.js";
-import { _ as h } from "./plugin-vue_export-helper.js";
+import { resolveComponent, openBlock, createElementBlock, createElementVNode, createCommentVNode, normalizeClass, toDisplayString, renderSlot, createVNode, ref, watch, onMounted, Fragment, renderList, computed, withCtx, normalizeStyle, createTextVNode } from "vue";
+import { c as createComponent } from "./component.js";
+import { _ as _export_sfc } from "./plugin-vue_export-helper.js";
 import "../locale/lang";
-const { componentName: _, create: w } = v("comment-header"), C = w({ props: { type: { type: String, default: "default" }, info: { type: Object, default: () => {
-} }, labels: { type: Function, default: () => "" } }, components: {}, emits: ["handleClick"], setup: (e2, { emit: t2 }) => ({ handleClick: () => {
-  t2("handleClick");
-} }) }), b = { class: "nut-comment-header__user" }, I = { class: "nut-comment-header__user-avter" }, O = ["src"], $ = { class: "nut-comment-header__user-score" }, x = { key: 0, class: "nut-comment-header__time" };
-var j = h(C, [["render", function(c2, r2, p2, u2, d2, y2) {
-  const g2 = e("nut-rate");
-  return t(), n("view", null, [c2.info ? (t(), n("view", { key: 0, class: "nut-comment-header", onClick: r2[1] || (r2[1] = (...e2) => c2.handleClick && c2.handleClick(...e2)) }, [l("view", b, [l("view", I, [c2.info.avatar ? (t(), n("img", { key: 0, src: c2.info.avatar }, null, 8, O)) : o("", true)]), c2.type == "default" ? (t(), n("view", { key: 0, class: a([`nut-comment-header__user-${c2.type}`]) }, [l("view", { class: a([`nut-comment-header__user-${c2.type}-name`]) }, [l("span", null, i(c2.info.nickName), 1), s(c2.$slots, "labels")], 2), l("view", $, [m(g2, { modelValue: c2.info.score, "onUpdate:modelValue": r2[0] || (r2[0] = (e2) => c2.info.score = e2), "icon-size": "10", spacing: "5", readOnly: "", onChange: c2.handleClick }, null, 8, ["modelValue", "onChange"])])], 2)) : (t(), n("view", { key: 1, class: a([`nut-comment-header__user-${c2.type}`]) }, [l("span", { class: a([`nut-comment-header__user-${c2.type}-name`]) }, i(c2.info.nickName), 3), s(c2.$slots, "labels")], 2))]), c2.info.time ? (t(), n("view", x, i(c2.info.time), 1)) : o("", true)])) : o("", true), c2.type == "complex" ? (t(), n("view", { key: 1, class: a([`nut-comment-header__${c2.type}-score`]) }, [m(g2, { modelValue: c2.info.score, "onUpdate:modelValue": r2[2] || (r2[2] = (e2) => c2.info.score = e2), "icon-size": "12", spacing: "3" }, null, 8, ["modelValue"]), l("i", { class: a([`nut-comment-header__${c2.type}-score-i`]) }, null, 2), l("view", { class: a([`nut-comment-header__${c2.type}-score-size`]) }, i(c2.info.size), 3)], 2)) : o("", true)]);
-}]]);
-const { componentName: z, create: H } = v("comment-images"), N = H({ props: { type: { type: String, default: "one" }, videos: { type: Array, default: () => [] }, images: { type: Array, default: () => [] } }, components: {}, emits: ["click", "clickImages"], setup(e2, { emit: t2 }) {
-  const n2 = c(false), l2 = c(1), o2 = c([]);
-  r(() => [e2.videos, e2.images], (e3) => {
-    e3[0].length > 0 && e3[0].forEach((e4) => {
-      e4.type = "video";
-    }), o2.value = e3[0].concat(e3[1]);
-  }, { deep: true }), p(() => {
-    e2.videos.length > 0 && e2.videos.forEach((e3) => {
-      e3.type = "video";
-    }), o2.value = e2.videos.concat(e2.images);
-  });
-  return { isShowImage: n2, initIndex: l2, showImages: (n3, l3) => {
-    const { videos: o3, images: a2 } = e2, i2 = n3 == "img" ? l3 - o3.length : l3;
-    t2("clickImages", { type: n3, index: i2, value: n3 == "img" ? a2[i2] : o3[i2] });
-  }, totalImages: o2 };
-} }), S = ["onClick"], T = ["src"], A = l("view", { class: "nut-comment-images__play" }, null, -1), U = ["onClick"], V = ["src"], E = { key: 0, class: "nut-comment-images__mask" };
-var R = h(N, [["render", function(s2, c2, r2, p2, y2, g2) {
-  const k2 = e("nut-icon");
-  return t(), n("view", { class: a(`nut-comment-images nut-comment-images--${s2.type}`) }, [(t(true), n(u, null, d(s2.videos, (e2, o2) => (t(), n("view", { class: "nut-comment-images__item nut-comment-images__item--video", key: e2.id, onClick: (e3) => s2.showImages("video", o2, o2) }, [l("img", { src: e2.mainUrl }, null, 8, T), A], 8, S))), 128)), (t(true), n(u, null, d(s2.images, (e2, a2) => (t(), n(u, { key: e2.id }, [s2.type == "multi" && s2.videos.length + a2 < 9 || s2.type != "multi" ? (t(), n("view", { key: 0, class: "nut-comment-images__item nut-comment-images__item--imgbox", onClick: (e3) => s2.showImages("img", a2 + s2.videos.length) }, [l("img", { src: e2.smallImgUrl ? e2.smallImgUrl : e2.imgUrl }, null, 8, V), s2.type == "multi" && s2.totalImages.length > 9 && s2.videos.length + a2 > 7 ? (t(), n("view", E, [l("span", null, "\u5171 " + i(s2.totalImages.length) + " \u5F20", 1), m(k2, { name: "right", size: "12" })])) : o("", true)], 8, U)) : o("", true)], 64))), 128))], 2);
-}]]);
-const { componentName: B, create: F, translate: L } = v("comment-bottom"), M = F({ props: { type: { type: String, default: "base" }, info: { type: Object, default: () => {
-} }, operation: { type: Array, default: ["replay", "like", "more"] } }, components: {}, emits: ["clickOperate", "handleClick"], setup(e2, { emit: t2 }) {
-  const n2 = c(false), l2 = c([]);
-  p(() => {
-    const t3 = ["replay", "like", "more"];
-    e2.operation && e2.operation.forEach((e3) => {
-      t3.includes(e3) && l2.value.push(e3);
+const { componentName: componentName$3, create: create$3 } = createComponent("comment-header");
+const _sfc_main$3 = create$3({
+  props: {
+    type: {
+      type: String,
+      default: "default"
+    },
+    info: {
+      type: Object,
+      default: () => {
+      }
+    },
+    labels: {
+      type: Function,
+      default: () => ""
+    }
+  },
+  components: {},
+  emits: ["handleClick"],
+  setup(props, { emit }) {
+    const handleClick = () => {
+      emit("handleClick");
+    };
+    return { 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 = {
+  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", {
+      key: 0,
+      class: "nut-comment-header",
+      onClick: _cache[1] || (_cache[1] = (...args) => _ctx.handleClick && _ctx.handleClick(...args))
+    }, [
+      createElementVNode("view", _hoisted_1$3, [
+        createElementVNode("view", _hoisted_2$3, [
+          _ctx.info.avatar ? (openBlock(), createElementBlock("img", {
+            key: 0,
+            src: _ctx.info.avatar
+          }, null, 8, _hoisted_3$3)) : createCommentVNode("", true)
+        ]),
+        _ctx.type == "default" ? (openBlock(), createElementBlock("view", {
+          key: 0,
+          class: normalizeClass([`nut-comment-header__user-${_ctx.type}`])
+        }, [
+          createElementVNode("view", {
+            class: normalizeClass([`nut-comment-header__user-${_ctx.type}-name`])
+          }, [
+            createElementVNode("span", null, toDisplayString(_ctx.info.nickName), 1),
+            renderSlot(_ctx.$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",
+              spacing: "5",
+              readOnly: "",
+              onChange: _ctx.handleClick
+            }, null, 8, ["modelValue", "onChange"])
+          ])
+        ], 2)) : (openBlock(), createElementBlock("view", {
+          key: 1,
+          class: normalizeClass([`nut-comment-header__user-${_ctx.type}`])
+        }, [
+          createElementVNode("span", {
+            class: normalizeClass([`nut-comment-header__user-${_ctx.type}-name`])
+          }, toDisplayString(_ctx.info.nickName), 3),
+          renderSlot(_ctx.$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", {
+      key: 1,
+      class: normalizeClass([`nut-comment-header__${_ctx.type}-score`])
+    }, [
+      createVNode(_component_nut_rate, {
+        modelValue: _ctx.info.score,
+        "onUpdate:modelValue": _cache[2] || (_cache[2] = ($event) => _ctx.info.score = $event),
+        "icon-size": "12",
+        spacing: "3"
+      }, null, 8, ["modelValue"]),
+      createElementVNode("i", {
+        class: normalizeClass([`nut-comment-header__${_ctx.type}-score-i`])
+      }, null, 2),
+      createElementVNode("view", {
+        class: normalizeClass([`nut-comment-header__${_ctx.type}-score-size`])
+      }, toDisplayString(_ctx.info.size), 3)
+    ], 2)) : createCommentVNode("", true)
+  ]);
+}
+var 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,
+      default: "one"
+    },
+    videos: {
+      type: Array,
+      default: () => []
+    },
+    images: {
+      type: Array,
+      default: () => []
+    }
+  },
+  components: {},
+  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]);
+    }, { deep: true });
+    onMounted(() => {
+      if (props.videos.length > 0) {
+        props.videos.forEach((el) => {
+          el.type = "video";
+        });
+      }
+      totalImages.value = props.videos.concat(props.images);
     });
-  });
-  return { showPopver: n2, operate: (e3) => {
-    e3 == "more" && (n2.value = !n2.value), t2("clickOperate", e3);
-  }, mergeOp: l2, handleClick: () => {
-    t2("handleClick");
-  }, translate: L };
-} }), P = { class: "nut-comment-bottom" }, q = { key: 0 }, D = { class: "nut-comment-bottom__cpx" }, G = ["onClick"];
-var J = h(M, [["render", function(s2, c2, r2, p2, y2, g2) {
-  const k2 = e("nut-icon");
-  return t(), n("view", P, [l("view", { onClick: c2[0] || (c2[0] = (...e2) => s2.handleClick && s2.handleClick(...e2)), class: "nut-comment-bottom__lable" }, [s2.type != "complex" ? (t(), n("span", q, i(s2.info.size), 1)) : o("", true)]), l("view", D, [(t(true), n(u, null, d(s2.mergeOp, (e2, r3) => (t(), n("view", { key: r3, class: a(["nut-comment-bottom__cpx-item", `nut-comment-bottom__cpx-item--${e2}`]), onClick: (t2) => s2.operate(e2) }, [e2 != "more" ? (t(), n(u, { key: 0 }, [l("span", null, i(s2.info[e2]), 1), m(k2, { name: e2 == "like" ? "fabulous" : "comment" }, null, 8, ["name"])], 64)) : o("", true), e2 == "more" ? (t(), n(u, { key: 1 }, [m(k2, { name: "more-x" }), s2.showPopver ? (t(), n("view", { key: 0, class: "nut-comment-bottom__cpx-item-popover", onClick: c2[1] || (c2[1] = (e3) => s2.operate("popover")) }, i(s2.translate("complaintsText")), 1)) : o("", true)], 64)) : o("", true)], 10, G))), 128))])]);
-}]]);
-const { componentName: K, create: Q, translate: W } = v("comment"), X = Q({ props: { headerType: { type: String, default: "default" }, imagesRows: { type: String, default: "one" }, ellipsis: { type: [String, Number, Boolean], default: false }, videos: { type: Array, default: () => [] }, images: { type: Array, default: () => [] }, info: { type: Object, default: () => {
-} }, follow: { type: Object, default: () => {
-} }, labels: { type: Function, default: () => "" }, operation: { type: Array, default: ["replay", "like", "more"] } }, components: { CommentHeader: j, CommentImages: R, CommentBottom: J }, emits: ["click", "clickImages", "clickOperate"], setup: (e2, { emit: t2 }) => ({ classes: y(() => ({ [K]: true })), conEllipsis: y(() => e2.ellipsis ? e2.ellipsis : e2.headerType == "complex" ? 6 : 2), clickOperate: (e3) => {
-  t2("clickOperate", e3);
-}, handleClick: () => {
-  t2("click", e2.info);
-}, clickImages: (e3) => {
-  t2("clickImages", e3);
-}, translate: W }) }), Y = ["innerHTML"], Z = { class: "nut-comment__follow-title" }, ee = { class: "nut-comment__follow-com" }, te = { key: 0, class: "nut-comment__follow-img" };
-var ne = h(X, [["render", function(c2, r2, p2, u2, d2, y2) {
-  const v2 = e("comment-header"), h2 = e("comment-images"), _2 = e("nut-icon"), w2 = e("comment-bottom");
-  return c2.info && Object.keys(c2.info) ? (t(), n("view", { key: 0, class: a(c2.classes) }, [m(v2, { type: c2.headerType, info: c2.info, labels: c2.labels, onHandleClick: c2.handleClick }, { labels: g(() => [s(c2.$slots, "comment-labels")]), _: 3 }, 8, ["type", "info", "labels", "onHandleClick"]), s(c2.$slots, "feature"), l("view", { class: "nut-comment__main", style: k(`-webkit-line-clamp:${c2.conEllipsis}`), onClick: r2[0] || (r2[0] = (...e2) => c2.handleClick && c2.handleClick(...e2)), innerHTML: c2.info.content.replace(/\n/g, "<br>") }, null, 12, Y), m(h2, { images: c2.images, videos: c2.videos, type: c2.imagesRows, onClickImages: c2.clickImages }, null, 8, ["images", "videos", "type", "onClickImages"]), c2.follow && c2.follow.days > 0 ? (t(), n("view", { key: 0, class: "nut-comment__follow", onClick: r2[1] || (r2[1] = (...e2) => c2.handleClick && c2.handleClick(...e2)) }, [l("view", Z, [m(_2, { size: "14", name: "joy-smile" }), f(i(c2.translate("additionalReview", c2.follow.days)), 1)]), l("view", ee, i(c2.follow.content), 1), c2.follow.images && c2.follow.images.length > 0 ? (t(), n("view", te, [f(i(c2.translate("additionalImages", c2.follow.images.length)) + " ", 1), m(_2, { size: "12", name: "right" })])) : o("", true)])) : o("", true), m(w2, { type: c2.headerType, info: c2.info, operation: c2.operation, onClickOperate: c2.clickOperate, onHandleClick: c2.handleClick }, null, 8, ["type", "info", "operation", "onClickOperate", "onHandleClick"]), s(c2.$slots, "comment-shop-reply")], 2)) : o("", true);
-}]]);
-export { ne as default };
+    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]
+      });
+    };
+    return { isShowImage, initIndex, showImages, totalImages };
+  }
+});
+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 _sfc_render$2(_ctx, _cache, $props, $setup, $data, $options) {
+  const _component_nut_icon = resolveComponent("nut-icon");
+  return openBlock(), createElementBlock("view", {
+    class: normalizeClass(`nut-comment-images nut-comment-images--${_ctx.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, 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
+      }, [
+        _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, "\u5171 " + toDisplayString(_ctx.totalImages.length) + " \u5F20", 1),
+            createVNode(_component_nut_icon, {
+              name: "right",
+              size: "12"
+            })
+          ])) : createCommentVNode("", true)
+        ], 8, _hoisted_4$2)) : createCommentVNode("", true)
+      ], 64);
+    }), 128))
+  ], 2);
+}
+var 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,
+      default: "base"
+    },
+    info: {
+      type: Object,
+      default: () => {
+      }
+    },
+    operation: {
+      type: Array,
+      default: ["replay", "like", "more"]
+    }
+  },
+  components: {},
+  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 };
+  }
+});
+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_nut_icon = resolveComponent("nut-icon");
+  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"
+    }, [
+      _ctx.type != "complex" ? (openBlock(), createElementBlock("span", _hoisted_2$1, toDisplayString(_ctx.info.size), 1)) : createCommentVNode("", true)
+    ]),
+    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),
+            createVNode(_component_nut_icon, {
+              name: name == "like" ? "fabulous" : "comment"
+            }, null, 8, ["name"])
+          ], 64)) : createCommentVNode("", true),
+          name == "more" ? (openBlock(), createElementBlock(Fragment, { key: 1 }, [
+            createVNode(_component_nut_icon, { name: "more-x" }),
+            _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))
+    ])
+  ]);
+}
+var 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,
+      default: "default"
+    },
+    imagesRows: {
+      type: String,
+      default: "one"
+    },
+    ellipsis: {
+      type: [String, Number, Boolean],
+      default: false
+    },
+    videos: {
+      type: Array,
+      default: () => []
+    },
+    images: {
+      type: Array,
+      default: () => []
+    },
+    info: {
+      type: Object,
+      default: () => {
+      }
+    },
+    follow: {
+      type: Object,
+      default: () => {
+      }
+    },
+    labels: {
+      type: Function,
+      default: () => ""
+    },
+    operation: {
+      type: Array,
+      default: ["replay", "like", "more"]
+    }
+  },
+  components: {
+    CommentHeader,
+    CommentImages,
+    CommentBottom
+  },
+  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 };
+  }
+});
+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 _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
+  const _component_comment_header = resolveComponent("comment-header");
+  const _component_comment_images = resolveComponent("comment-images");
+  const _component_nut_icon = resolveComponent("nut-icon");
+  const _component_comment_bottom = resolveComponent("comment-bottom");
+  return _ctx.info && Object.keys(_ctx.info) ? (openBlock(), createElementBlock("view", {
+    key: 0,
+    class: normalizeClass(_ctx.classes)
+  }, [
+    createVNode(_component_comment_header, {
+      type: _ctx.headerType,
+      info: _ctx.info,
+      labels: _ctx.labels,
+      onHandleClick: _ctx.handleClick
+    }, {
+      labels: withCtx(() => [
+        renderSlot(_ctx.$slots, "comment-labels")
+      ]),
+      _: 3
+    }, 8, ["type", "info", "labels", "onHandleClick"]),
+    renderSlot(_ctx.$slots, "feature"),
+    createElementVNode("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
+    }, null, 8, ["images", "videos", "type", "onClickImages"]),
+    _ctx.follow && _ctx.follow.days > 0 ? (openBlock(), createElementBlock("view", {
+      key: 0,
+      class: "nut-comment__follow",
+      onClick: _cache[1] || (_cache[1] = (...args) => _ctx.handleClick && _ctx.handleClick(...args))
+    }, [
+      createElementVNode("view", _hoisted_2, [
+        createVNode(_component_nut_icon, {
+          size: "14",
+          name: "joy-smile"
+        }),
+        createTextVNode(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_nut_icon, {
+          size: "12",
+          name: "right"
+        })
+      ])) : 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"]),
+    renderSlot(_ctx.$slots, "comment-shop-reply")
+  ], 2)) : createCommentVNode("", true);
+}
+var index = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render]]);
+export { index as default };

package/dist/packages/_es/ConfigProvider.js

@@ -0,0 +1,25 @@
+/*!
+* @nutui/nutui v3.1.23-beta.0 Mon Jun 27 2022 17:55:50 GMT+0800 (中国标准时间)
+* (c) 2022 @jdf2e.
+* Released under the MIT License.
+*/
+import { c as createComponent } from "./component.js";
+import { h } from "vue";
+import "../locale/lang";
+const component = {
+  props: {
+    theme: { type: String, default: "" },
+    tag: { type: String, default: "div" }
+  },
+  setup(props, { slots }) {
+    return () => {
+      var _a;
+      return h(props.tag, {
+        class: `nut-theme-${props.theme}`
+      }, (_a = slots.default) == null ? void 0 : _a.call(slots));
+    };
+  }
+};
+const { componentName, create } = createComponent("config-provider");
+const _sfc_main = create(component);
+export { _sfc_main as default };