@nutui/nutui 3.3.1 → 4.0.0-beta.0

package/dist/packages/_es/CircleProgress.js

@@ -1,13 +1,13 @@
 /*!
-* @nutui/nutui v3.3.1 Fri Dec 16 2022 17:34:28 GMT+0800 (中国标准时间)
+* @nutui/nutui v4.0.0-beta.0 Mon Dec 26 2022 00:00:21 GMT+0800 (中国标准时间)
 * (c) 2022 @jdf2e.
 * Released under the MIT License.
 */
 import { useSlots, computed, openBlock, createElementBlock, normalizeClass, normalizeStyle, createElementVNode, Fragment, renderList, renderSlot, toDisplayString, createCommentVNode } from "vue";
-import { f as isObject, c as createComponent } from "./component.js";
-import { _ as _export_sfc } from "./plugin-vue_export-helper.js";
+import { g as isObject, c as createComponent } from "./component.fb9ce7ad.js";
+import { _ as _export_sfc } from "./_plugin-vue_export-helper.bf57b04e.js";
 import "../locale/lang";
-const { componentName, create } = createComponent("circleprogress");
+const { componentName, create } = createComponent("circle-progress");
 const _sfc_main = create({
   props: {
     progress: {
@@ -103,12 +103,12 @@ const _hoisted_2 = ["id"];
 const _hoisted_3 = ["offset", "stop-color"];
 const _hoisted_4 = ["d", "stroke-width"];
 const _hoisted_5 = ["d", "stroke", "stroke-linecap", "stroke-width"];
-const _hoisted_6 = { class: "nut-circleprogress-text" };
+const _hoisted_6 = { class: "nut-circle-progress__text" };
 const _hoisted_7 = { key: 0 };
 function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
   return openBlock(), createElementBlock("div", {
     class: normalizeClass(_ctx.classes),
-    style: normalizeStyle({ height: _ctx.radius * 2 + "px", width: _ctx.radius * 2 + "px" })
+    style: normalizeStyle({ height: Number(_ctx.radius) * 2 + "px", width: Number(_ctx.radius) * 2 + "px" })
   }, [
     (openBlock(), createElementBlock("svg", _hoisted_1, [
       createElementVNode("defs", null, [
@@ -129,14 +129,14 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
         ], 8, _hoisted_2)
       ]),
       createElementVNode("path", {
-        class: "nut-circleprogress-path",
+        class: "nut-circle-progress__path",
         style: normalizeStyle(_ctx.pathStyle),
         d: _ctx.path,
         fill: "none",
         "stroke-width": _ctx.strokeWidth
       }, " > ", 12, _hoisted_4),
       createElementVNode("path", {
-        class: "nut-circleprogress-hover",
+        class: "nut-circle-progress__hover",
         style: normalizeStyle(_ctx.hoverStyle),
         d: _ctx.path,
         fill: "none",
@@ -151,5 +151,7 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
     ])
   ], 6);
 }
-var index = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render]]);
-export { index as default };
+const index = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render]]);
+export {
+  index as default
+};

package/dist/packages/_es/Col.js

@@ -1,11 +1,11 @@
 /*!
-* @nutui/nutui v3.3.1 Fri Dec 16 2022 17:34:28 GMT+0800 (中国标准时间)
+* @nutui/nutui v4.0.0-beta.0 Mon Dec 26 2022 00:00:21 GMT+0800 (中国标准时间)
 * (c) 2022 @jdf2e.
 * Released under the MIT License.
 */
 import { inject, computed, openBlock, createElementBlock, normalizeClass, normalizeStyle, renderSlot } from "vue";
-import { c as createComponent } from "./component.js";
-import { _ as _export_sfc } from "./plugin-vue_export-helper.js";
+import { c as createComponent } from "./component.fb9ce7ad.js";
+import { _ as _export_sfc } from "./_plugin-vue_export-helper.bf57b04e.js";
 import "../locale/lang";
 const { componentName, create } = createComponent("col");
 const _sfc_main = create({
@@ -51,5 +51,7 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
     renderSlot(_ctx.$slots, "default")
   ], 6);
 }
-var index = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render]]);
-export { index as default };
+const index = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render]]);
+export {
+  index as default
+};

package/dist/packages/_es/Collapse.js

@@ -1,61 +1,37 @@
 /*!
-* @nutui/nutui v3.3.1 Fri Dec 16 2022 17:34:28 GMT+0800 (中国标准时间)
+* @nutui/nutui v4.0.0-beta.0 Mon Dec 26 2022 00:00:21 GMT+0800 (中国标准时间)
 * (c) 2022 @jdf2e.
 * Released under the MIT License.
 */
-import { ref, watch, onMounted, getCurrentInstance, provide, openBlock, createElementBlock, renderSlot } from "vue";
-import { c as createComponent } from "./component.js";
-import { _ as _export_sfc } from "./plugin-vue_export-helper.js";
+import { ref, computed, watch, onMounted, getCurrentInstance, provide, openBlock, createElementBlock, normalizeClass, renderSlot } from "vue";
+import { c as createComponent } from "./component.fb9ce7ad.js";
+import { _ as _export_sfc } from "./_plugin-vue_export-helper.bf57b04e.js";
 import "../locale/lang";
-const { create } = createComponent("collapse");
+const { create, componentName } = createComponent("collapse");
 const _sfc_main = create({
   props: {
     active: {
-      type: [String, Number, Array]
+      type: [String, Number, Array],
+      default: () => []
     },
     accordion: {
-      type: Boolean
-    },
-    titleIcon: {
-      type: String,
-      default: ""
-    },
-    titleIconSize: {
-      type: String,
-      default: "16px"
-    },
-    titleIconColor: {
-      type: String,
-      default: ""
-    },
-    titleIconPosition: {
-      type: String,
-      default: "left"
-    },
-    icon: {
-      type: String,
-      default: ""
-    },
-    iconSize: {
-      type: String,
-      default: "16px"
-    },
-    iconColor: {
-      type: String,
-      default: ""
-    },
-    rotate: {
-      type: [String, Number],
-      default: 180
+      type: Boolean,
+      default: false
     }
   },
   emits: ["update:active", "change"],
-  setup(props, { emit, slots }) {
+  setup(props, { emit }) {
     const collapseDom = ref(null);
     const collapseChldren = ref([]);
+    const classes = computed(() => {
+      const prefixCls = componentName;
+      return {
+        [prefixCls]: true
+      };
+    });
     watch(
       () => props.active,
-      (newval, oldval) => {
+      (newval) => {
         let doms = collapseChldren.value;
         Array.from(doms).forEach((item) => {
           if (typeof newval == "number" || typeof newval == "string") {
@@ -99,14 +75,18 @@ const _sfc_main = create({
       changeVal,
       isExpanded
     });
-    return { collapseDom };
+    return { collapseDom, classes };
   }
 });
-const _hoisted_1 = { ref: "collapseDom" };
 function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
-  return openBlock(), createElementBlock("view", _hoisted_1, [
+  return openBlock(), createElementBlock("view", {
+    class: normalizeClass(_ctx.classes),
+    ref: "collapseDom"
+  }, [
     renderSlot(_ctx.$slots, "default")
-  ], 512);
+  ], 2);
 }
-var index = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render]]);
-export { index as default };
+const index = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render]]);
+export {
+  index as default
+};

package/dist/packages/_es/CollapseItem.js

@@ -1,20 +1,29 @@
 /*!
-* @nutui/nutui v3.3.1 Fri Dec 16 2022 17:34:28 GMT+0800 (中国标准时间)
+* @nutui/nutui v4.0.0-beta.0 Mon Dec 26 2022 00:00:21 GMT+0800 (中国标准时间)
 * (c) 2022 @jdf2e.
 * Released under the MIT License.
 */
-import { inject, reactive, computed, getCurrentInstance, ref, watch, onMounted, toRefs, nextTick, resolveComponent, openBlock, createElementBlock, normalizeClass, createElementVNode, createBlock, mergeProps, createCommentVNode, renderSlot } from "vue";
-import { c as createComponent } from "./component.js";
-import { _ as _export_sfc } from "./plugin-vue_export-helper.js";
+import { inject, reactive, computed, getCurrentInstance, ref, watch, onMounted, toRefs, nextTick, openBlock, createElementBlock, normalizeClass, createElementVNode, renderSlot, toDisplayString, createCommentVNode, normalizeStyle, createBlock, resolveDynamicComponent } from "vue";
+import { DownArrow } from "@nutui/icons-vue";
+import { c as createComponent } from "./component.fb9ce7ad.js";
+import { r as renderIcon } from "./renderIcon.f32ed340.js";
+import { _ as _export_sfc } from "./_plugin-vue_export-helper.bf57b04e.js";
 import "../locale/lang";
 const { create, componentName } = createComponent("collapse-item");
 const _sfc_main = create({
   props: {
+    collapseRef: {
+      type: Object
+    },
     title: {
       type: String,
       default: ""
     },
-    subTitle: {
+    value: {
+      type: String,
+      default: ""
+    },
+    label: {
       type: String,
       default: ""
     },
@@ -27,8 +36,17 @@ const _sfc_main = create({
       default: -1,
       required: true
     },
-    collapseRef: {
-      type: Object
+    border: {
+      type: Boolean,
+      default: true
+    },
+    icon: {
+      type: Object,
+      default: () => DownArrow
+    },
+    rotate: {
+      type: [String, Number],
+      default: 180
     }
   },
   setup(props, ctx) {
@@ -38,7 +56,7 @@ const _sfc_main = create({
       const prefixCls = componentName;
       return {
         [prefixCls]: true,
-        [`${prefixCls}-icon`]: parent.props.icon
+        [prefixCls + "__border"]: props.border
       };
     });
     const relation = (child) => {
@@ -48,25 +66,12 @@ const _sfc_main = create({
     };
     relation(getCurrentInstance());
     const proxyData = reactive({
-      icon: parent.props.icon,
-      iconSize: parent.props.iconSize,
-      iconColor: parent.props.iconColor,
-      openExpanded: false,
-      iconStyle: {
-        transform: "rotate(0deg)",
-        marginTop: parent.props.iconHeght ? "-" + parent.props.iconHeght / 2 + "px" : "-10px"
-      }
-    });
-    const titleIconStyle = reactive({
-      titleIcon: parent.props.titleIcon,
-      titleIconSize: parent.props.titleIconSize,
-      titleIconColor: parent.props.titleIconColor,
-      titleIconPosition: parent.props.titleIconPosition
+      openExpanded: false
     });
     const wrapperRef = ref(null);
     const contentRef = ref(null);
     const onTransitionEnd = () => {
-      const wrapperRefEle = document.getElementsByClassName("collapse-wrapper")[0];
+      const wrapperRefEle = document.getElementsByClassName("nut-collapse__item-wrapper")[0];
       if (wrapperRefEle) {
         wrapperRefEle.style.willChange = "auto";
       }
@@ -82,11 +87,6 @@ const _sfc_main = create({
         const contentHeight = `${offsetHeight}px`;
         wrapperRefEle.style.willChange = "height";
         wrapperRefEle.style.height = !proxyData.openExpanded ? 0 : contentHeight;
-        if (parent.props.icon && !proxyData.openExpanded) {
-          proxyData.iconStyle["transform"] = "rotate(0deg)";
-        } else {
-          proxyData.iconStyle["transform"] = "rotate(" + parent.props.rotate + "deg)";
-        }
       }
       if (!proxyData.openExpanded) {
         onTransitionEnd();
@@ -98,9 +98,6 @@ const _sfc_main = create({
     };
     const defaultOpen = () => {
       open();
-      if (parent.props.icon) {
-        proxyData["iconStyle"]["transform"] = "rotate(" + parent.props.rotate + "deg)";
-      }
     };
     const currentName = computed(() => props.name);
     const toggleOpen = () => {
@@ -148,11 +145,10 @@ const _sfc_main = create({
       });
     };
     onMounted(() => {
-      const MutationObserver = window.MutationObserver || window.WebKitMutationObserver || window.MozMutationObserver;
       var observer = new MutationObserver(() => {
         animation();
       });
-      const ele = document.getElementsByClassName("collapse-wrapper")[0];
+      const ele = document.getElementsByClassName("nut-collapse__item-wrapper")[0];
       if (ele) {
         observer.observe(ele, {
           childList: true,
@@ -165,7 +161,7 @@ const _sfc_main = create({
       let ele = contentRef.value;
       let _class = "";
       if (!(ele == null ? void 0 : ele.innerText)) {
-        _class = "empty";
+        _class = "nut-collapse__item-wrapper__content--empty";
       }
       return _class;
     });
@@ -173,8 +169,7 @@ const _sfc_main = create({
       classes,
       emptyContent,
       ...toRefs(proxyData),
-      ...toRefs(parent.props),
-      ...toRefs(titleIconStyle),
+      renderIcon,
       wrapperRef,
       contentRef,
       open,
@@ -184,76 +179,67 @@ const _sfc_main = create({
     };
   }
 });
-const _hoisted_1 = { class: "collapse-title" };
-const _hoisted_2 = { class: "collapse-title-value" };
+const _hoisted_1 = { class: "nut-collapse-item__title-main" };
+const _hoisted_2 = { class: "nut-collapse-item__title-main-value" };
 const _hoisted_3 = ["innerHTML"];
 const _hoisted_4 = {
+  key: 2,
+  class: "nut-collapse-item__title-label"
+};
+const _hoisted_5 = {
   key: 0,
-  class: "subTitle"
+  class: "nut-collapse-item__title-sub"
 };
-const _hoisted_5 = ["innerHTML"];
-const _hoisted_6 = {
+const _hoisted_6 = ["innerHTML"];
+const _hoisted_7 = {
   key: 0,
-  class: "collapse-extraWrapper"
+  class: "nut-collapse__item-extraWrapper"
 };
-const _hoisted_7 = { class: "collapse-extraRender" };
-const _hoisted_8 = {
-  class: "collapse-wrapper",
+const _hoisted_8 = { class: "nut-collapse__item-extraWrapper__extraRender" };
+const _hoisted_9 = {
+  class: "nut-collapse__item-wrapper",
   ref: "wrapperRef"
 };
 function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
-  const _component_nut_icon = resolveComponent("nut-icon");
   return openBlock(), createElementBlock("view", {
     class: normalizeClass(_ctx.classes)
   }, [
     createElementVNode("view", {
-      class: normalizeClass(["collapse-item", { "item-expanded": _ctx.openExpanded }, { "nut-collapse-item-disabled": _ctx.disabled }]),
+      class: normalizeClass(["nut-collapse-item__title", { "nut-collapse-item__title--disabled": _ctx.disabled }]),
       onClick: _cache[0] || (_cache[0] = (...args) => _ctx.toggleOpen && _ctx.toggleOpen(...args))
     }, [
       createElementVNode("view", _hoisted_1, [
-        createElementVNode("view", null, [
-          createElementVNode("view", _hoisted_2, [
-            _ctx.titleIcon ? (openBlock(), createBlock(_component_nut_icon, mergeProps({
-              key: 0,
-              name: _ctx.titleIcon
-            }, _ctx.$attrs, {
-              size: _ctx.titleIconSize,
-              color: _ctx.titleIconColor,
-              class: [_ctx.titleIconPosition == "left" ? "titleIconLeft" : "titleIconRight"]
-            }), null, 16, ["name", "size", "color", "class"])) : createCommentVNode("", true),
-            _ctx.$slots.mTitle ? renderSlot(_ctx.$slots, "mTitle", { key: 1 }) : (openBlock(), createElementBlock("view", {
-              key: 2,
-              innerHTML: _ctx.title,
-              class: "collapse-icon-title"
-            }, null, 8, _hoisted_3))
-          ])
+        createElementVNode("view", _hoisted_2, [
+          _ctx.$slots.mTitle ? renderSlot(_ctx.$slots, "mTitle", { key: 0 }) : (openBlock(), createElementBlock("view", {
+            key: 1,
+            innerHTML: _ctx.title,
+            class: "nut-collapse-item__title-mtitle"
+          }, null, 8, _hoisted_3)),
+          _ctx.label ? (openBlock(), createElementBlock("view", _hoisted_4, toDisplayString(_ctx.label), 1)) : createCommentVNode("", true)
         ])
       ]),
-      _ctx.$slots.sTitle ? (openBlock(), createElementBlock("view", _hoisted_4, [
-        renderSlot(_ctx.$slots, "sTitle")
+      _ctx.$slots.value ? (openBlock(), createElementBlock("view", _hoisted_5, [
+        renderSlot(_ctx.$slots, "value")
       ])) : (openBlock(), createElementBlock("view", {
         key: 1,
-        innerHTML: _ctx.subTitle,
-        class: "subTitle"
-      }, null, 8, _hoisted_5)),
-      _ctx.icon ? (openBlock(), createBlock(_component_nut_icon, mergeProps({
-        key: 2,
-        name: _ctx.icon
-      }, _ctx.$attrs, {
-        size: _ctx.iconSize,
-        color: _ctx.iconColor,
-        class: ["collapse-icon", { "col-expanded": _ctx.openExpanded }, { "collapse-icon-disabled": _ctx.disabled }],
-        style: _ctx.iconStyle
-      }), null, 16, ["name", "size", "color", "class", "style"])) : createCommentVNode("", true)
+        innerHTML: _ctx.value,
+        class: "nut-collapse-item__title-sub"
+      }, null, 8, _hoisted_6)),
+      createElementVNode("view", {
+        class: normalizeClass(["nut-collapse-item__title-icon", { "nut-collapse-item__title-icon--expanded": _ctx.openExpanded }]),
+        style: normalizeStyle({ transform: "rotate(" + (_ctx.openExpanded ? _ctx.rotate : 0) + "deg)" })
+      }, [
+        (openBlock(), createBlock(resolveDynamicComponent(_ctx.renderIcon(_ctx.icon))))
+      ], 6)
     ], 2),
-    _ctx.$slots.extraRender ? (openBlock(), createElementBlock("view", _hoisted_6, [
-      createElementVNode("div", _hoisted_7, [
+    _ctx.$slots.extraRender ? (openBlock(), createElementBlock("view", _hoisted_7, [
+      createElementVNode("div", _hoisted_8, [
         renderSlot(_ctx.$slots, "extraRender")
       ])
     ])) : createCommentVNode("", true),
-    createElementVNode("view", _hoisted_8, [
+    createElementVNode("view", _hoisted_9, [
       createElementVNode("view", {
-        class: normalizeClass(["collapse-content", _ctx.emptyContent]),
+        class: normalizeClass(["nut-collapse__item-wrapper__content", _ctx.emptyContent]),
         ref: "contentRef"
       }, [
         renderSlot(_ctx.$slots, "default")
@@ -261,5 +247,7 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
     ], 512)
   ], 2);
 }
-var index = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render]]);
-export { index as default };
+const index = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render]]);
+export {
+  index as default
+};

package/dist/packages/_es/Comment.js

@@ -1,12 +1,17 @@
 /*!
-* @nutui/nutui v3.3.1 Fri Dec 16 2022 17:34:28 GMT+0800 (中国标准时间)
+* @nutui/nutui v4.0.0-beta.0 Mon Dec 26 2022 00:00:21 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, 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.fb9ce7ad.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.bf57b04e.js";
 import "../locale/lang";
+import "./renderIcon.f32ed340.js";
+import "./pxCheck.09969b22.js";
+import "./index.983240fc.js";
 const { componentName: componentName$3, create: create$3 } = createComponent("comment-header");
 const _sfc_main$3 = create$3({
   props: {
@@ -24,7 +29,6 @@ const _sfc_main$3 = create$3({
       default: () => ""
     }
   },
-  components: {},
   emits: ["handleClick"],
   setup(props, { emit }) {
     const handleClick = () => {
@@ -108,7 +112,7 @@ function _sfc_render$3(_ctx, _cache, $props, $setup, $data, $options) {
     ], 2)) : createCommentVNode("", true)
   ]);
 }
-var CommentHeader = /* @__PURE__ */ _export_sfc(_sfc_main$3, [["render", _sfc_render$3]]);
+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: {
@@ -125,7 +129,7 @@ const _sfc_main$2 = create$2({
       default: () => []
     }
   },
-  components: {},
+  components: { Right },
   emits: ["click", "clickImages"],
   setup(props, { emit }) {
     const isShowImage = ref(false);
@@ -173,7 +177,7 @@ const _hoisted_6 = {
   class: "nut-comment-images__mask"
 };
 function _sfc_render$2(_ctx, _cache, $props, $setup, $data, $options) {
-  const _component_nut_icon = resolveComponent("nut-icon");
+  const _component_Right = resolveComponent("Right");
   return openBlock(), createElementBlock("view", {
     class: normalizeClass(`nut-comment-images nut-comment-images--${_ctx.type}`)
   }, [
@@ -181,7 +185,7 @@ function _sfc_render$2(_ctx, _cache, $props, $setup, $data, $options) {
       return openBlock(), createElementBlock("view", {
         class: "nut-comment-images__item nut-comment-images__item--video",
         key: itV.id,
-        onClick: ($event) => _ctx.showImages("video", index2, index2)
+        onClick: ($event) => _ctx.showImages("video", index2)
       }, [
         createElementVNode("img", {
           src: itV.mainUrl
@@ -203,17 +207,14 @@ function _sfc_render$2(_ctx, _cache, $props, $setup, $data, $options) {
           }, 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"
-            })
+            createVNode(_component_Right, { style: { "width": "12px" } })
           ])) : createCommentVNode("", true)
         ], 8, _hoisted_4$2)) : createCommentVNode("", true)
       ], 64);
     }), 128))
   ], 2);
 }
-var CommentImages = /* @__PURE__ */ _export_sfc(_sfc_main$2, [["render", _sfc_render$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({
   props: {
@@ -231,7 +232,7 @@ const _sfc_main$1 = create$1({
       default: ["replay", "like", "more"]
     }
   },
-  components: {},
+  components: { Fabulous, Comment, MoreX },
   emits: ["clickOperate", "handleClick"],
   setup(props, { emit }) {
     const showPopver = ref(false);
@@ -263,7 +264,9 @@ 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");
+  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)),
@@ -280,12 +283,10 @@ function _sfc_render$1(_ctx, _cache, $props, $setup, $data, $options) {
         }, [
           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"])
+            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_nut_icon, { name: "more-x" }),
+            createVNode(_component_MoreX),
             _ctx.showPopver ? (openBlock(), createElementBlock("view", {
               key: 0,
               class: "nut-comment-bottom__cpx-item-popover",
@@ -297,7 +298,7 @@ function _sfc_render$1(_ctx, _cache, $props, $setup, $data, $options) {
     ])
   ]);
 }
-var CommentBottom = /* @__PURE__ */ _export_sfc(_sfc_main$1, [["render", _sfc_render$1]]);
+const CommentBottom = /* @__PURE__ */ _export_sfc(_sfc_main$1, [["render", _sfc_render$1]]);
 const { componentName, create, translate } = createComponent("comment");
 const _sfc_main = create({
   props: {
@@ -341,9 +342,12 @@ const _sfc_main = create({
     }
   },
   components: {
+    [Rate.name]: Rate,
     CommentHeader,
     CommentImages,
-    CommentBottom
+    CommentBottom,
+    Right,
+    JoySmile
   },
   emits: ["click", "clickImages", "clickOperate"],
   setup(props, { emit }) {
@@ -380,7 +384,7 @@ const _hoisted_4 = {
 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_Right = resolveComponent("Right");
   const _component_comment_bottom = resolveComponent("comment-bottom");
   return _ctx.info && Object.keys(_ctx.info) ? (openBlock(), createElementBlock("view", {
     key: 0,
@@ -415,20 +419,11 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
       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_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_nut_icon, {
-          size: "12",
-          name: "right"
-        })
+        createVNode(_component_Right, { width: "12px" })
       ])) : createCommentVNode("", true)
     ])) : createCommentVNode("", true),
     createVNode(_component_comment_bottom, {
@@ -441,5 +436,7 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
     renderSlot(_ctx.$slots, "comment-shop-reply")
   ], 2)) : createCommentVNode("", true);
 }
-var index = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render]]);
-export { index as default };
+const index = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render]]);
+export {
+  index as default
+};