@sugarat/easypicker2-client 2.4.3 → 2.6.0

package/src/apis/modules/user.ts

@@ -1,56 +0,0 @@
-import ajax from '../ajax'
-
-function register(
-  options: UserApiTypes.RegisterOptions
-): UserApiTypes.register {
-  return ajax.post('user/register', {
-    ...options
-  })
-}
-
-function login(account: string, pwd: string): UserApiTypes.login {
-  return ajax.post('user/login', {
-    account,
-    pwd
-  })
-}
-
-function codeLogin(phone: string, code: string): UserApiTypes.codeLogin {
-  return ajax.post('user/login/code', {
-    phone,
-    code
-  })
-}
-
-function resetPwd(
-  phone: string,
-  code: string,
-  pwd: string
-): UserApiTypes.resetPwd {
-  return ajax.put('user/password', {
-    phone,
-    code,
-    pwd
-  })
-}
-
-function checkPower(): UserApiTypes.checkPower {
-  return ajax.get('user/power/super')
-}
-
-function checkLoginStatus(): UserApiTypes.checkLoginStatus {
-  return ajax.get('user/login')
-}
-
-function logout(): UserApiTypes.logout {
-  return ajax.get('user/logout')
-}
-export default {
-  register,
-  login,
-  codeLogin,
-  resetPwd,
-  checkPower,
-  checkLoginStatus,
-  logout
-}

package/src/apis/modules/wish.ts

@@ -1,31 +0,0 @@
-import { WishStatus } from '@/constants'
-import ajax from '../ajax'
-
-function addWish(wish: Partial<WishApiTypes.Wish>): WishApiTypes.addWish {
-  return ajax.post('/wish/add', wish)
-}
-
-function findAllWish(): WishApiTypes.allWishData {
-  return ajax.get('/wish/all')
-}
-
-function updateWishStatus(
-  id: string,
-  status: WishStatus
-): WishApiTypes.updateWish {
-  return ajax.put('/wish/update', { id, status })
-}
-
-function updateWishDes(
-  id: string,
-  title: string,
-  des: string
-): WishApiTypes.updateWish {
-  return ajax.put(`/wish/update/${id}`, { title, des })
-}
-export default {
-  addWish,
-  findAllWish,
-  updateWishStatus,
-  updateWishDes
-}

package/src/assets/styles/app.css

@@ -1,69 +0,0 @@
-/* element ui 重写 */
-.el-message__content {
-  width: 325px;
-  word-break: break-all;
-  line-height: 1.5;
-}
-.el-progress {
-  margin-top: 0 !important;
-  position: static !important;
-}
-.el-progress__text {
-  top: 8px !important;
-}
-
-.el-dialog {
-  max-width: 766px;
-}
-
-.el-select-dropdown {
-  max-width: 200px;
-}
-
-.el-card {
-  max-width: 400px;
-}
-@media screen and (max-width: 700px) {
-  .el-message-box {
-    width: auto;
-    max-width: 300px;
-  }
-  .el-pagination {
-    flex-wrap: wrap;
-    justify-content: center;
-  }
-  .el-pagination > * {
-    margin-bottom: 10px !important;
-  }
-}
-
-/* 一些高频公共样式 */
-.flex {
-  display: flex;
-}
-
-.fc {
-  justify-content: center;
-}
-
-.fac {
-  align-items: center;
-}
-
-.tc {
-  text-align: center;
-}
-.p10 {
-  padding: 10px;
-}
-
-.ellipsis {
-  text-overflow: ellipsis;
-  white-space: nowrap;
-  overflow: hidden;
-}
-.ellipsis label {
-  text-overflow: ellipsis;
-  white-space: nowrap;
-  overflow: hidden;
-}

package/src/components/HomeFooter/index.vue

@@ -1,134 +0,0 @@
-<template>
-  <div class="footer">
-    <ul>
-      <li v-for="(item, index) in navList" :key="index">
-        <a target="_blank" rel="noopener" v-bind:href="item.link">{{
-          item.title
-        }}</a>
-      </li>
-    </ul>
-    <p>
-      <a
-        href="https://docs.ep.sugarat.top/plan/log.html"
-        target="_blank"
-        rel="noopener"
-        >v{{ version }}</a
-      >
-      © 2019 - {{ currentYear }} by
-      <a
-        target="_blank"
-        rel="noopener"
-        href="https://docs.ep.sugarat.top/author.html"
-        >粥里有勺糖</a
-      >
-    </p>
-  </div>
-</template>
-
-<script lang="ts" setup>
-import { computed } from 'vue'
-import { version } from '../../../package.json'
-
-const props = defineProps<{
-  type?: 'home' | 'dashboard' | 'task'
-}>()
-
-const navList = computed(() => {
-  const navMap = {
-    home: [
-      {
-        title: '应用介绍',
-        link: 'https://docs.ep.sugarat.top/'
-      },
-      // {
-      //   title: 'GitHub',
-      //   link: 'https://github.com/ATQQ/easypicker2-client'
-      // },
-      {
-        title: '问题反馈',
-        link: 'https://support.qq.com/product/444158'
-      },
-      {
-        title: '联系作者',
-        link: 'https://docs.ep.sugarat.top/author.html'
-      },
-      {
-        title: '请喝奶茶🧋',
-        link: 'https://docs.ep.sugarat.top/praise/index.html'
-      }
-    ],
-    dashboard: [
-      {
-        title: '页面&功能问题反馈，点这里😊',
-        link: 'https://support.qq.com/product/444158'
-      }
-    ],
-    task: [
-      {
-        title: '页面&功能问题反馈，点这里😊',
-        link: 'https://support.qq.com/product/444158'
-      }
-    ]
-  }
-
-  return navMap[props.type || 'home'] || []
-})
-
-const currentYear = new Date().getFullYear()
-const fontColor = computed(() => {
-  const colors = {
-    home: '#fff',
-    dashboard: '#7f7f7f',
-    task: '#a4a4a4'
-  }
-  return colors[props.type || 'home']
-})
-
-const shadowColor = computed(() => {
-  const colors = {
-    home: '#ddd',
-    dashboard: '#9b9b9b',
-    task: '#d5d5d5'
-  }
-  return colors[props.type || 'home']
-})
-</script>
-
-<style lang="scss" scoped>
-.footer {
-  ul {
-    margin: 10px auto;
-    display: flex;
-    justify-content: center;
-    li {
-      min-width: 80px;
-      list-style: none;
-      text-align: center;
-      a {
-        text-align: center;
-        color: v-bind(fontColor);
-        opacity: 0.8;
-        font-size: 1rem;
-        line-height: 1rem;
-        &:hover {
-          opacity: 1;
-          text-shadow: 0 0 2px v-bind(shadowColor);
-        }
-      }
-    }
-  }
-
-  p {
-    margin-top: 28px;
-    padding-bottom: 20px;
-    color: v-bind(shadowColor);
-    a {
-      color: v-bind(shadowColor);
-      margin-left: 10px;
-    }
-  }
-  p {
-    text-align: center;
-  }
-}
-</style>

package/src/components/HomeHeader/index.vue

@@ -1,156 +0,0 @@
-<template>
-  <div>
-    <nav class="navbar">
-      <div class="right-menu">
-        <label for="nav-open">
-          <span class="menu-icon">
-            <el-icon :size="28">
-              <Fold />
-            </el-icon>
-          </span>
-        </label>
-      </div>
-      <input type="checkbox" id="nav-open" />
-      <div id="miniMenu">
-        <ul class="nav-list">
-          <li v-for="({ href, text }, idx) in links" :key="idx">
-            <router-link :to="href">{{ text }}</router-link>
-          </li>
-          <li>
-            <a
-              href="https://docs.ep.sugarat.top/plan/wish.html"
-              target="_blank"
-              rel="noopener noreferrer"
-              >需求墙</a
-            >
-          </li>
-          <!-- <li>
-            <a
-              href="https://docs.ep.sugarat.top/introduction/about/index.html"
-              target="_blank"
-              rel="noopener noreferrer"
-              >关于</a
-            >
-          </li> -->
-          <!-- <li>
-            <a
-              href="https://github.com/ATQQ/easypicker2-client"
-              target="_blank"
-              rel="noopener noreferrer"
-              >GitHub</a
-            >
-          </li> -->
-          <li>
-            <a
-              href="https://docs.ep.sugarat.top/plan/todo.html"
-              target="_blank"
-              rel="noopener noreferrer"
-              >近期规划</a
-            >
-          </li>
-          <li>
-            <a
-              href="https://docs.ep.sugarat.top/plan/log.html"
-              target="_blank"
-              rel="noopener noreferrer"
-              >更新日志</a
-            >
-          </li>
-        </ul>
-      </div>
-    </nav>
-  </div>
-</template>
-<script lang="ts" setup>
-import { onMounted, reactive } from 'vue'
-import { useRoute } from 'vue-router'
-import { Fold } from '@element-plus/icons-vue'
-
-const $route = useRoute()
-const links = reactive([])
-onMounted(() => {
-  const { path } = $route
-  const navList = [
-    {
-      href: '/',
-      text: '首页'
-    },
-    {
-      href: '/login',
-      text: '登录'
-    },
-    {
-      href: '/register',
-      text: '快速注册'
-    }
-  ]
-  for (const nav of navList) {
-    if (nav.href !== path) {
-      links.push(nav)
-    }
-  }
-})
-</script>
-<style lang="scss" scoped>
-#nav-open {
-  position: absolute;
-  z-index: -1;
-}
-.navbar {
-  color: #fff;
-  padding: 12px 10px 10px 10px;
-
-  .right-menu {
-    margin-right: 15px;
-    display: none;
-    .menu-icon {
-      font-size: 28px;
-    }
-  }
-  .nav-list {
-    display: flex;
-    justify-content: left;
-    li {
-      text-align: center;
-      list-style: none;
-      color: #fff;
-      margin: 0 20px;
-    }
-    a {
-      color: #fff;
-      opacity: 0.8;
-      &:hover {
-        opacity: 1;
-        text-shadow: 0 0 3px #eee;
-      }
-    }
-  }
-}
-
-@media screen and (max-width: 600px) {
-  .navbar {
-    .right-menu {
-      display: block;
-      float: right;
-      font-size: 20px;
-    }
-    #nav-open:checked + #miniMenu {
-      .nav-list {
-        display: flex;
-      }
-    }
-    .nav-list {
-      display: none;
-      flex-direction: column;
-      li {
-        margin-top: 6px;
-      }
-    }
-  }
-  #miniMenu {
-    position: absolute;
-    right: 10px;
-    top: 40px;
-  }
-}
-</style>

package/src/components/InfosForm/index.vue

@@ -1,73 +0,0 @@
-<template>
-  <el-form :disabled="disabled" :label-position="labelPosition || 'top'">
-    <el-form-item
-      class="ellipsis"
-      v-for="(info, idx) in infos"
-      :key="idx"
-      :label="info.type === 'text' ? '' : info.text"
-    >
-      <div class="fixed-text" v-if="info.type === 'text'">
-        {{ info.text }}
-      </div>
-      <el-input
-        v-if="info.type === 'input'"
-        :maxlength="maxInputLength"
-        clearable
-        show-word-limit
-        :placeholder="`请输入 ${info.text}`"
-        v-model="info.value"
-      ></el-input>
-      <el-radio-group v-if="info.type === 'radio'" v-model="info.value">
-        <el-radio
-          v-for="(r, idx) in info.children"
-          :key="idx"
-          :label="r.text"
-          >{{ r.text }}</el-radio
-        >
-      </el-radio-group>
-      <el-select
-        default-first-option
-        clearable
-        filterable
-        v-if="info.type === 'select'"
-        v-model="info.value"
-        :placeholder="`请选择 ${info.text}`"
-      >
-        <el-option
-          v-for="(r, idx) in info.children"
-          :key="idx"
-          :label="r.text"
-          :value="r.text"
-        />
-      </el-select>
-    </el-form-item>
-  </el-form>
-</template>
-<script setup lang="ts">
-defineProps<{
-  infos: InfoItem[]
-  disabled: boolean
-  labelPosition?: 'left' | 'right' | 'top'
-}>()
-
-const maxInputLength = +import.meta.env.VITE_APP_INPUT_MAX_LENGTH || 10
-</script>
-<style scoped lang="scss">
-:deep(div.el-form-item > label) {
-  font-weight: bold;
-  &::before {
-    content: '* ';
-    color: red;
-  }
-}
-
-:deep(div.el-form-item__content > .el-select) {
-  flex: 1;
-}
-.fixed-text {
-  background-color: #f5f7fa;
-  padding: 0 10px;
-  width: 100%;
-  text-align: left;
-}
-</style>

package/src/components/MessageList/index.vue

@@ -1,155 +0,0 @@
-<script lang="ts" setup>
-import { ref, reactive, onMounted, watch, computed } from 'vue'
-import { useStore } from 'vuex'
-import { formatDate } from '@/utils/stringUtil'
-import { SuperUserApi } from '@/apis'
-
-const props = defineProps<{
-  data: SuperUserApiTypes.MessageItem[]
-  autoShow?: boolean
-}>()
-
-const dialogMessage = reactive({
-  show: false,
-  title: '系统消息',
-  text: '内容'
-})
-const activeMessage = ref<SuperUserApiTypes.MessageItem>(null)
-const handleViewDialogMessage = (v: SuperUserApiTypes.MessageItem) => {
-  activeMessage.value = v
-  dialogMessage.text = v.text
-  // TODO: 魔法数字问题
-  // TODO：支持更多的消息类型
-  dialogMessage.title = v.type === 0 ? '【系统消息】' : '【私信】'
-  dialogMessage.show = true
-}
-
-const readMessage = () => {
-  if (activeMessage.value.read) {
-    dialogMessage.show = false
-    return
-  }
-  SuperUserApi.readMessage(activeMessage.value.id).then(() => {
-    activeMessage.value.read = true
-    dialogMessage.show = false
-  })
-}
-
-watch(
-  () => props.data.length,
-  () => {
-    if (!props.autoShow) {
-      return
-    }
-    const showItem = props.data.find((v) => !v.read)
-    if (showItem) {
-      handleViewDialogMessage(showItem)
-    }
-  }
-)
-
-// TODO：换成自定义hook
-const $store = useStore()
-const isMobile = computed(() => $store.getters['public/isMobile'])
-</script>
-<template>
-  <div v-if="!data.length" class="empty">暂无更多消息 ღ( ´･ᴗ･` )比心</div>
-  <ul class="message-list">
-    <li
-      v-for="d in data"
-      :key="d.id"
-      :class="{
-        read: d.read
-      }"
-      @click="handleViewDialogMessage(d)"
-    >
-      <p class="text">{{ d.text }}</p>
-      <p class="date">{{ formatDate(new Date(d.date)) }}</p>
-    </li>
-  </ul>
-  <el-dialog
-    center
-    show-close
-    append-to-body
-    v-model="dialogMessage.show"
-    :close-on-click-modal="false"
-    :title="dialogMessage.title"
-    width="30%"
-    :fullscreen="isMobile"
-  >
-    <div class="message-text" v-html="dialogMessage.text"></div>
-    <template #footer>
-      <p class="dialog-date">
-        时间：{{ formatDate(new Date(activeMessage.date)) }}
-      </p>
-      <span>
-        <el-button
-          type="default"
-          @click="
-            () => {
-              dialogMessage.show = false
-            }
-          "
-        >
-          下次提醒
-        </el-button>
-        <el-button type="primary" @click="readMessage"> 确定 </el-button>
-      </span>
-    </template>
-  </el-dialog>
-</template>
-
-<style lang="scss" scoped>
-.message-list {
-  list-style: none;
-  max-height: 500px;
-  overflow-y: scroll;
-  li {
-    border-bottom: 1px solid #ddd;
-    padding: 10px;
-    cursor: pointer;
-    &.read {
-      opacity: 0.5;
-      &:hover {
-        opacity: 0.9;
-      }
-    }
-    &:last-child {
-      border-bottom: none;
-    }
-
-    p.text {
-      font-size: 16px;
-      display: -webkit-box;
-      overflow: hidden;
-      -webkit-line-clamp: 2;
-      -webkit-box-orient: vertical;
-    }
-    p.date {
-      font-size: 14px;
-      margin-top: 4px;
-    }
-  }
-}
-.empty {
-  text-align: center;
-  padding: 10px;
-}
-
-.dialog-date {
-  font-size: 14px;
-  text-align: right;
-  padding: 10px;
-  color: grey;
-}
-</style>
-<style lang="scss">
-.message-text {
-  overflow-y: scroll;
-  max-height: 500px;
-  ul,
-  ol {
-    list-style: none;
-  }
-}
-</style>