@nutui/nutui 3.1.21 → 3.1.22-beta.5

package/dist/packages/_es/Comment.js

@@ -1,440 +1,70 @@
 /*!
-* @nutui/nutui v3.1.21 Mon May 30 2022 20:20:01 GMT+0800 (中国标准时间)
+* @nutui/nutui v3.1.22-beta.5 Fri Jun 24 2022 15:10:09 GMT+0800 (中国标准时间)
 * (c) 2022 @jdf2e.
 * Released under the MIT License.
 */
-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 { 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 "../locale/lang";
-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);
+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 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 };
+  });
+  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 };

package/dist/packages/_es/ConfigProvider.js

@@ -0,0 +1,13 @@
+/*!
+* @nutui/nutui v3.1.22-beta.5 Fri Jun 24 2022 15:10:09 GMT+0800 (中国标准时间)
+* (c) 2022 @jdf2e.
+* Released under the MIT License.
+*/
+import { c as t } from "./component.js";
+import { h as e } from "vue";
+import "../locale/lang";
+const o = { props: { theme: { type: String, default: "" }, tag: { type: String, default: "div" } }, setup: (t2, { slots: o2 }) => () => {
+  var _a;
+  return e(t2.tag, { class: `nut-theme-${t2.theme}` }, (_a = o2.default) == null ? void 0 : _a.call(o2));
+} }, { componentName: a, create: p } = t("config-provider"), r = p(o);
+export { r as default };