{"version":3,"file":"BookCell.11f7cd0d.js","sources":["../../src/components/Cell/BookCell.vue"],"sourcesContent":["<script>\r\nimport {computed, defineComponent, ref, watch} from 'vue'\r\nimport {\r\n  Button as VanButton,\r\n  Checkbox as VanCheckbox,\r\n  Image as VanImage,\r\n} from 'vant'\r\nimport {useRouter} from 'vue-router'\r\nimport VueEvent from '../../plugins/event'\r\n\r\nexport default defineComponent({\r\n  components: {\r\n    VanCheckbox,\r\n    VanImage,\r\n  },\r\n  props: {\r\n    categoryTitle: {\r\n      type: String,\r\n      default: '',\r\n    },\r\n    pCategoryTitle: {\r\n      type: String,\r\n      default: '',\r\n    },\r\n    book: {\r\n      type: Object,\r\n      default: () => ({}),\r\n    },\r\n    isChecked: {\r\n      type: Boolean,\r\n      default: false,\r\n    },\r\n    title: {\r\n      type: String,\r\n      default: '',\r\n    },\r\n    id: {\r\n      type: String,\r\n      default: '',\r\n    },\r\n    desc: {\r\n      type: String,\r\n      default: '',\r\n    },\r\n    imageSrc: {\r\n      type: String,\r\n      default: '',\r\n    },\r\n    time: {\r\n      type: String,\r\n      default: '',\r\n    },\r\n    tag: {\r\n      type: String,\r\n      default: '',\r\n    },\r\n    openOperation: {\r\n      type: Boolean,\r\n      default: false,\r\n    },\r\n    chooseOperation: {\r\n      type: Boolean,\r\n      default: false,\r\n    },\r\n    status: {\r\n      type: Boolean,\r\n      default: false,\r\n    },\r\n    index: {\r\n      type: Number,\r\n      default: 0,\r\n    },\r\n    pagesReadVisible: {\r\n      type: Boolean,\r\n      default: false\r\n    }\r\n  },\r\n  emits: ['handleCheck', 'handleDetail'],\r\n  setup(props, {emit}) {\r\n    const checked = ref(props.isChecked)\r\n    const pCategoryName = computed(() => props.pCategoryTitle || props.book?.pCategoryName || '')\r\n    const categoryName = computed(() => props.categoryTitle || props.book?.categoryName || '')\r\n    const categoryInfo = computed(() => {\r\n      return `${pCategoryName.value}${pCategoryName.value && categoryName.value ? '·' : ''}${categoryName.value}${categoryName.value ? '·' : ''}`\r\n    })\r\n    const pageInfo = computed(() => `页数: ${props.book?.totalPage || ''}页`)\r\n    const rate = computed(() => ((props.book.rate ? parseFloat(props.book.rate) : 4.5) * 2).toFixed(1))\r\n    watch(\r\n        () => props.isChecked,\r\n        (curr) => {\r\n          checked.value = curr\r\n        },\r\n    )\r\n    const clickChange = () => {\r\n      emit('handleCheck', {\r\n        index: props.index,\r\n        bookId: props.book.bookId,\r\n        status: checked.value,\r\n      })\r\n    }\r\n    const router = useRouter()\r\n    const clickDetail = () => {\r\n      router.push({path: '/reader', query: {bookId: props.book.bookId}})\r\n    }\r\n    const clickBook = () => {\r\n      // router.push({ path: '/detail', query: { bookId: props.book.bookId } })\r\n      router.push({\r\n        path: '/detail',\r\n        query: {bookId: props.book.bookId, categoryName: props.categoryTitle, pCategoryName: props.pCategoryTitle}\r\n      })\r\n    }\r\n    VueEvent.on('selectedAll', (item) => {\r\n      checked.value = item.status\r\n    })\r\n    const lastReadTime = computed(() => props.book?.lastReadTime || '')\r\n\r\n    const defaultImage = new URL('../../assets/image_default.png', import.meta.url).href\r\n\r\n    return {\r\n      clickChange,\r\n      clickDetail,\r\n      clickBook,\r\n      categoryInfo,\r\n      pageInfo,\r\n      rate,\r\n      checked,\r\n      lastReadTime,\r\n      defaultImage\r\n    }\r\n  },\r\n})\r\n</script>\r\n\r\n<template>\r\n  <div class=\"book-cell\" @click=\"clickBook\">\r\n    <div class=\"book-cell-image\">\r\n      <VanImage\r\n          v-if=\"book.thumbnail\"\r\n          :src=\"book.thumbnail\"\r\n          width=\"70\"\r\n          height=\"100\"\r\n          style=\"object-fit: cover ;border: 1px solid #8a8a8a;\"\r\n      >\r\n        <template #error>\r\n          <VanImage\r\n              :src=\"defaultImage\"\r\n              width=\"70\"\r\n              height=\"100\"\r\n              style=\"object-fit: cover\"\r\n          />\r\n        </template>\r\n        <template #loading>\r\n          <VanImage\r\n              :src=\"defaultImage\"\r\n              width=\"70\"\r\n              height=\"100\"\r\n              style=\"object-fit: cover\"\r\n          />\r\n        </template>\r\n      </VanImage>\r\n      <img\r\n          v-else\r\n          :src=\"defaultImage\"\r\n          width=\"70\"\r\n          height=\"100\"\r\n          style=\"object-fit: cover\"\r\n      >\r\n    </div>\r\n    <div v-if=\"pagesReadVisible\" class=\"book-cell-content\">\r\n      <div class=\"book-cell-content-title\">\r\n        {{ book.title }}\r\n      </div>\r\n      <div class=\"book-cell-content-author\">\r\n        {{ `${book.author ?? '&nbsp'}${!!book.desContent ? `· ${book.desContent}` : ''}` }}\r\n      </div>\r\n      <div class=\"book-cell-content-author\">\r\n        {{ `${!!lastReadTime ? `${lastReadTime}` : '暂未开始阅读'}` }}\r\n      </div>\r\n      <div v-if=\"book.lastReadPage !== null\" class=\"book-cell-content-author\">\r\n        {{ `本书${book.totalPage}页-当前读到:${(book.lastReadPage ?? 0) + 1}页` }}\r\n      </div>\r\n      <div v-else  class=\"book-cell-content-author\">\r\n        {{ `本书${book.totalPage}页` }}\r\n      </div>\r\n    </div>\r\n    <div v-else class=\"book-cell-content\">\r\n      <div class=\"book-cell-content-title\">\r\n        {{ book.title }}\r\n      </div>\r\n      <div class=\"book-cell-content-author\">\r\n        {{ `${book.author ?? '&nbsp'}${!!book.desContent ? `· ${book.desContent}` : ''}` }}\r\n      </div>\r\n      <div class=\"book-cell-content-author\">\r\n        {{ `${categoryInfo}${pageInfo}` }}\r\n      </div>\r\n    </div>\r\n    <!--    <div class=\"book-cell-content\">-->\r\n    <!--      <div class=\"book-cell-content-title\">-->\r\n    <!--        {{ book.title }}-->\r\n    <!--      </div>-->\r\n    <!--      <div v-if=\"!pagesReadVisible\">-->\r\n    <!--        <div class=\"book-cell-content-author\">-->\r\n    <!--          {{ `${book.author ?? '&nbsp'}${!!book.desContent ? `· ${book.desContent}` : ''}` }}-->\r\n    <!--        </div>-->\r\n    <!--        <div v-if=\"lastReadTime\" class=\"book-cell-content-time\">-->\r\n    <!--          <div class=\"book-cell-content-time normal-size\">-->\r\n    <!--            {{ `${categoryInfo}${pageInfo}` }}-->\r\n    <!--          </div>-->\r\n    <!--          <div class=\"book-cell-content-time\">-->\r\n    <!--            {{ lastReadTime }}-->\r\n    <!--          </div>-->\r\n    <!--        </div>-->\r\n    <!--        <div v-else>-->\r\n    <!--          <div class=\"book-cell-content-time normal-size\" style=\"margin-top: 10px\">-->\r\n    <!--            {{ `${categoryInfo}${pageInfo}` }}-->\r\n    <!--          </div>-->\r\n    <!--        </div>-->\r\n    <!--      </div>-->\r\n    <!--      <div v-if=\"pagesReadVisible\" class=\"book-cell-content-time gap-3\">-->\r\n    <!--        <div class=\"book-cell-content-author\">-->\r\n    <!--          {{ `${book.author ?? '&nbsp'}${!!book.desContent ? `· ${book.desContent}` : ''}` }}-->\r\n    <!--        </div>-->\r\n    <!--        <div v-if=\"lastReadTime\">-->\r\n    <!--          <div class=\"total-pages\">-->\r\n    <!--            {{ lastReadTime }}-->\r\n    <!--          </div>-->\r\n    <!--          <div v-if=\"book.lastReadPage !== null\" class=\"total-pages\">-->\r\n    <!--            {{ `本书${book.totalPage}页-当前读到:${(book.lastReadPage ?? 0) + 1}页` }}-->\r\n    <!--          </div>-->\r\n    <!--        </div>-->\r\n    <!--        <div v-else>-->\r\n    <!--          <div class=\"total-pages\">-->\r\n    <!--            暂未开始阅读-->\r\n    <!--          </div>-->\r\n    <!--          <div v-if=\"book.lastReadPage !== null\" class=\"total-pages\">-->\r\n    <!--            {{ `本书${book.totalPage}页-当前读到:${(book.lastReadPage ?? 0) + 1}页` }}-->\r\n    <!--          </div>-->\r\n    <!--          <div v-else>-->\r\n    <!--            {{ `本书${book.totalPage}页` }}-->\r\n    <!--          </div>-->\r\n    <!--        </div>-->\r\n    <!--      </div>-->\r\n    <!--    </div>-->\r\n    <div class=\"book-cell-operation\">\r\n      <div v-if=\"!chooseOperation\" class=\"book-cell-operation\">\r\n        <div class=\"book-cell-operation-score\">\r\n          <span>{{ rate }}</span>\r\n          <span style=\"font-size: 10px;padding-left: 2px\">分</span>\r\n        </div>\r\n        <div class=\"book-cell-operation-button\" @click.stop=\"clickDetail\">\r\n          {{ pagesReadVisible && lastReadTime ? '继续阅读>' : '进入阅读>' }}\r\n        </div>\r\n      </div>\r\n      <div v-else class=\"book-cell-operation\">\r\n        <VanCheckbox\r\n            v-model=\"checked\"\r\n            class=\"choose-box\"\r\n            checked-color=\"#fee040\"\r\n            @click.stop\r\n            @change=\"clickChange\"\r\n        />\r\n      </div>\r\n    </div>\r\n    <!--    <div class=\"book-cell-operation\"> -->\r\n    <!--      <div v-if=\"openOperation\"> -->\r\n    <!--        <VanButton -->\r\n    <!--          plain -->\r\n    <!--          type=\"default\" -->\r\n    <!--          class=\"open-btn\" -->\r\n    <!--          @click.stop=\"clickDetail()\" -->\r\n    <!--        > -->\r\n    <!--          打开 -->\r\n    <!--        </VanButton> -->\r\n    <!--      </div> -->\r\n    <!--      <div v-else-if=\"chooseOperation\"> -->\r\n    <!--        <VanCheckbox -->\r\n    <!--          v-model=\"checked\" -->\r\n    <!--          class=\"choose-box\" -->\r\n    <!--          checked-color=\"#fee040\" -->\r\n    <!--          @click.stop -->\r\n    <!--          @change=\"clickChange\" -->\r\n    <!--        /> -->\r\n    <!--      </div> -->\r\n    <!--    </div> -->\r\n  </div>\r\n</template>\r\n\r\n<style lang=\"less\" scoped>\r\n.book {\r\n  padding: 10px 10px 10px 10px;\r\n  height: 100px;\r\n}\r\n\r\n.book-title {\r\n  font-family: 'PingFang SC';\r\n  font-size: small;\r\n}\r\n\r\n.book-cell {\r\n  display: flex;\r\n  align-items: flex-start;\r\n  background-color: white;\r\n  //border-radius: 20px;\r\n  padding: 20px 10px 20px 10px;\r\n  width: 100%;\r\n}\r\n\r\n.book-cell:active {\r\n  background-color: #f4f4f4;\r\n}\r\n\r\n.book-cell:focus {\r\n  background-color: #f4f4f4;\r\n}\r\n\r\n.book-cell-image {\r\n  width: 70px;\r\n  height: 100px;\r\n  margin-top: 0px;\r\n}\r\n\r\n.book-cell-content {\r\n  position: relative;\r\n  display: flex;\r\n  flex-direction: column;\r\n  justify-content: space-between;\r\n  padding-left: 10px;\r\n  text-align: left;\r\n  width: 100%;\r\n  margin-top: 0px;\r\n  margin-bottom: 0px;\r\n  gap: 2px;\r\n  height: 100px;\r\n}\r\n\r\n//.book-cell-operation {\r\n//  margin-right: 10px;\r\n//  .open-btn {\r\n//    width: 60px;\r\n//    height: 30px;\r\n//    font-family: 'PingFang SC';\r\n//    font-size: 14px;\r\n//    border-radius: 15px;\r\n//  }\r\n//  .choose-box {\r\n//  }\r\n//}\r\n.book-cell-operation {\r\n  margin-right: 0px;\r\n  margin-top: 0px;\r\n  margin-bottom: 0px;\r\n  height: 100px;\r\n  display: flex;\r\n  justify-content: space-between;\r\n  flex-direction: column;\r\n  text-align: right;\r\n\r\n  .book-cell-operation-score {\r\n    font-family: 'PingFang SC';\r\n    font-size: 16px;\r\n    font-weight: 500;\r\n    color: @orange-yelloe-color;\r\n  }\r\n\r\n  .book-cell-operation-button {\r\n    font-family: 'PingFang SC';\r\n    font-size: 13px;\r\n    width: 60px;\r\n    color: @orange-yelloe-color;\r\n    margin-bottom: 0px;\r\n  }\r\n}\r\n\r\n.book-cell-content-text {\r\n  position: relative;\r\n  display: flex;\r\n  justify-content: space-between;\r\n  margin-left: 0px;\r\n  margin-right: 0px;\r\n  width: 100%;\r\n}\r\n\r\n.book-cell-content-time {\r\n  font-family: 'PingFang SC';\r\n  font-size: 10px;\r\n  color: @text-color-secondary;\r\n}\r\n\r\n.book-cell-content-time.normal-size {\r\n  font-size: 13px;\r\n}\r\n\r\n.book-cell-content-time {\r\n  .total-pages {\r\n    font-size: @text-size-secondary;\r\n    color: @text-color-secondary;\r\n  }\r\n}\r\n\r\n.book-cell-content-title {\r\n  font-family: 'PingFang SC';\r\n  font-weight: 500;\r\n  font-size: 16px;\r\n  word-wrap: break-word;\r\n  overflow: hidden;\r\n  text-overflow: ellipsis;\r\n  display: -webkit-box;\r\n  -webkit-line-clamp: 1;\r\n  -webkit-box-orient: vertical;\r\n}\r\n\r\n.book-cell-content-author {\r\n  font-family: 'PingFang SC';\r\n  font-size: 13px;\r\n  color: @text-color-secondary;\r\n  max-width: 100%;\r\n  overflow: hidden;\r\n  -webkit-line-clamp: 1;\r\n  -webkit-box-orient: vertical;\r\n  display: -webkit-box;\r\n}\r\n\r\n.book-cell-content-desc {\r\n  font-family: 'PingFang SC';\r\n  font-size: 14px;\r\n}\r\n\r\n.book-cell-content-tag {\r\n  font-family: 'PingFang SC';\r\n  font-size: 12px;\r\n  margin-right: 0px;\r\n}\r\n\r\n.book-cell-content-time.gap-3 {\r\n  div + div {\r\n    margin-top: 0px;\r\n  }\r\n}\r\n</style>\r\n"],"names":["VanCheckbox","VanImage","_createElementVNode","_createElementBlock","_createBlock","_createVNode","_openBlock","_toDisplayString"],"mappings":"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"}