"use strict";
const common_vendor = require("../../common/vendor.js");
const common_js_util = require("../../common/js/util.js");
const api_index = require("../../api/index.js");
if (!Array) {
  const _easycom_uni_icons2 = common_vendor.resolveComponent("uni-icons");
  const _easycom_uni_popup2 = common_vendor.resolveComponent("uni-popup");
  (_easycom_uni_icons2 + _easycom_uni_popup2)();
}
const _easycom_uni_icons = () => "../../uni_modules/uni-icons/components/uni-icons/uni-icons.js";
const _easycom_uni_popup = () => "../../uni_modules/uni-popup/components/uni-popup/uni-popup.js";
if (!Math) {
  (_easycom_uni_icons + _easycom_uni_popup)();
}
const _sfc_main = {
  __name: "commentArea",
  setup(__props, { expose: __expose }) {
    const {
      proxy
    } = common_vendor.getCurrentInstance();
    let detail = common_vendor.reactive({});
    let content = common_vendor.ref("");
    const showLoad = common_vendor.ref(true);
    let listProperty = common_vendor.reactive({
      data: [],
      pageSize: 10,
      pageNum: 1,
      total: 0
    });
    const reply = common_vendor.reactive({});
    const placeholder = common_vendor.computed(() => {
      let result = "评论一下吧~";
      if (reply.id)
        result = `回复 @${reply.userNickname}`;
      return result;
    });
    function refreshList() {
      listProperty.total = 0;
      listProperty.pageNum = 1;
      getList();
    }
    function getList() {
      api_index.api.video.commentList({
        query: {
          videoId: detail.videoId,
          pageSize: listProperty.pageSize,
          pageNume: listProperty.pageNum
        }
      }).then((rs) => {
        console.log("commentList", rs);
        if (rs.code == 200) {
          if (listProperty.pageNum == 1)
            listProperty.data.length = 0;
          listProperty.data.push(...rs.rows.map((item) => {
            item.pageSize = 10;
            item.pageNum = 0;
            item.child = [];
            item.formatUserPortrait = common_js_util.util.format_url(item.userPortrait, "img");
            item.childShow = true;
            return item;
          }));
          listProperty.total = rs.total;
          return;
        }
        common_js_util.util.alert({
          content: rs.msg,
          showCancel: false
        });
      }).finally(() => {
        showLoad.value = false;
      });
    }
    function handleSubmit() {
      if (!content.value) {
        common_js_util.util.alert("请输入评论的内容");
        return;
      }
      api_index.api.video.comment({
        query: {
          partentId: reply.id ? reply.id : 0,
          videoId: detail.videoId,
          context: content.value
        }
      }).then((rs) => {
        console.log("handleCommentSubmit", rs);
        if (rs.code == 200) {
          proxy.$refs.comment.close();
          detail.comment++;
          refreshList();
          setTimeout(() => {
            content.value = "";
          }, 500);
          common_vendor.index.$emit("updateVideo", detail);
          return;
        }
        common_js_util.util.alert({
          content: rs.msg,
          showCancel: false
        });
      });
    }
    function open(item) {
      if (detail.videoId != item.videoId) {
        Object.assign(detail, {}, item);
        refreshList();
      }
      proxy.$refs.commentArea.open();
    }
    function close() {
      proxy.$refs.commentArea.close();
    }
    function handleReply(item) {
      Object.assign(reply, item);
      proxy.$refs.comment.open();
    }
    function showComment() {
      reply.id = "";
      proxy.$refs.comment.open();
    }
    function handleExpansion(item, index) {
      if (item.childShow == false) {
        item.childShow = true;
        return;
      }
      if (item.child.length >= item.num && item.childShow) {
        item.childShow = false;
        return;
      }
      item.pageNum++;
      getLevelCommentList(item, index);
    }
    function getLevelCommentList(item, index) {
      api_index.api.video.levelCommentList({
        query: {
          commentId: item.id,
          pageSize: item.pageSize,
          pageNum: item.pageNum
        }
      }).then((rs) => {
        if (rs.code == 200) {
          listProperty.data[index].child.push(...rs.rows.map((node) => {
            node.formatUserPortrait = common_js_util.util.format_url(node.userPortrait, "img");
            return node;
          }));
          item.childShow = true;
          return;
        }
        common_js_util.util.alert({
          content: rs.msg,
          showCancel: false
        });
      });
    }
    function handleLike(item) {
      common_js_util.util.isLogin().then((rs) => {
        api_index.api.video.thumbsUp({
          query: {
            // 0取消 1点赞
            type: item.isLike ? 0 : 1,
            // 评论id
            commentId: item.id
          }
        }).then((rs2) => {
          if (rs2.code == 200) {
            if (item.isLike)
              item.likes--;
            else
              item.likes++;
            item.isLike = !item.isLike;
            listProperty.data = JSON.parse(JSON.stringify(listProperty.data));
            return;
          }
          common_js_util.util.alert({
            content: rs2.msg,
            showCancel: false
          });
        });
      }).catch(() => {
        common_vendor.index.navigateTo({
          url: "/pages/login/loginPhone"
        });
      });
    }
    function toUser(user) {
      common_vendor.index.navigateTo({
        url: common_js_util.util.setUrl("/pages/index/videoHome", {
          userId: user.userId
        })
      });
    }
    __expose({
      open,
      close
    });
    return (_ctx, _cache) => {
      return common_vendor.e({
        a: showLoad.value
      }, showLoad.value ? {
        b: common_vendor.p({
          type: "spinner-cycle"
        })
      } : common_vendor.e({
        c: common_vendor.f(common_vendor.unref(listProperty).data, (item, index, i0) => {
          return common_vendor.e({
            a: item.formatUserPortrait,
            b: common_vendor.o$1(($event) => toUser(item), index),
            c: common_vendor.t(item.userNickname),
            d: common_vendor.o$1(($event) => toUser(item), index),
            e: item.context,
            f: "272d58c8-2-" + i0 + ",272d58c8-0",
            g: common_vendor.p({
              type: "heart-filled",
              color: item.isLike ? "#F84259" : "#b3b3b3",
              size: "32rpx"
            }),
            h: common_vendor.t(item.likes),
            i: common_vendor.o$1(($event) => handleLike(item), index),
            j: common_vendor.t(item.createTime),
            k: common_vendor.o$1(($event) => handleReply(item), index),
            l: item.num != 0
          }, item.num != 0 ? common_vendor.e({
            m: item.childShow
          }, item.childShow ? {
            n: common_vendor.f(item.child, (secItem, secIndex, i1) => {
              return common_vendor.e({
                a: secItem.formatUserPortrait,
                b: common_vendor.o$1(($event) => toUser(secItem), secItem.id),
                c: common_vendor.t(secItem.userNickname),
                d: common_vendor.o$1(($event) => toUser(secItem), secItem.id),
                e: secItem.context,
                f: "272d58c8-3-" + i0 + "-" + i1 + ",272d58c8-0",
                g: common_vendor.p({
                  type: "heart-filled",
                  color: secItem.isLike ? "#F84259" : "#b3b3b3",
                  size: "32rpx"
                }),
                h: common_vendor.t(secItem.likes),
                i: common_vendor.o$1(($event) => handleLike(secItem), secItem.id),
                j: common_vendor.t(secItem.createTime)
              }, {}, {
                l: secItem.id
              });
            })
          } : {}, {
            o: item.childShow
          }, item.childShow ? common_vendor.e({
            p: item.num == item.child.length
          }, item.num == item.child.length ? {
            q: "272d58c8-4-" + i0 + ",272d58c8-0",
            r: common_vendor.p({
              type: "top"
            })
          } : {
            s: common_vendor.t(item.num - item.child.length),
            t: "272d58c8-5-" + i0 + ",272d58c8-0",
            v: common_vendor.p({
              type: "bottom"
            })
          }) : {
            w: common_vendor.t(item.num),
            x: "272d58c8-6-" + i0 + ",272d58c8-0",
            y: common_vendor.p({
              type: "bottom"
            })
          }, {
            z: common_vendor.o$1(($event) => handleExpansion(item, index), index)
          }) : {}, {
            A: index
          });
        }),
        d: !common_vendor.unref(listProperty).data[0]
      }, !common_vendor.unref(listProperty).data[0] ? {} : {}), {
        e: common_vendor.o$1(showComment),
        f: common_vendor.sr("commentArea", "272d58c8-0"),
        g: common_vendor.p({
          type: "bottom"
        }),
        h: placeholder.value,
        i: common_vendor.unref(content),
        j: common_vendor.o$1(($event) => common_vendor.isRef(content) ? content.value = $event.detail.value : content = $event.detail.value),
        k: common_vendor.o$1(handleSubmit),
        l: common_vendor.sr("comment", "272d58c8-7"),
        m: common_vendor.p({
          type: "bottom"
        })
      });
    };
  }
};
const Component = /* @__PURE__ */ common_vendor._export_sfc(_sfc_main, [["__scopeId", "data-v-272d58c8"]]);
wx.createComponent(Component);