@sugarat/easypicker2-client 2.4.3 → 2.6.0

package/src/components/MessagePanel/index.vue

@@ -1,46 +0,0 @@
-<script lang="ts" setup>
-import { Bell } from '@element-plus/icons-vue'
-import { computed, reactive, onMounted, ref } from 'vue'
-import { useRoute } from 'vue-router'
-import { SuperUserApi } from '@/apis'
-import MessageList from '@/components/MessageList/index.vue'
-
-const activeTab = ref<'all' | 'no'>('all')
-const messageData = reactive<SuperUserApiTypes.MessageItem[]>([])
-
-const noReadMessage = computed(() => messageData.filter((v) => !v.read))
-const route = useRoute()
-onMounted(() => {
-  if (route.name !== 'config') {
-    SuperUserApi.getMessageList().then((v) => {
-      messageData.push(...v.data)
-    })
-  }
-})
-</script>
-<template>
-  <div class="message-panel">
-    <el-popover placement="bottom-end" :width="375" trigger="hover">
-      <template #reference>
-        <el-badge :value="noReadMessage.length || ''" :max="99">
-          <el-button :icon="Bell" circle />
-        </el-badge>
-      </template>
-      <div>
-        <el-tabs v-model="activeTab">
-          <el-tab-pane :label="`未读 ${noReadMessage.length || ''}`" name="no">
-            <message-list auto-show :data="noReadMessage" />
-          </el-tab-pane>
-          <el-tab-pane :label="`全部 ${messageData.length || ''}`" name="all">
-            <message-list :data="messageData" />
-          </el-tab-pane>
-        </el-tabs>
-      </div>
-    </el-popover>
-  </div>
-</template>
-<style lang="scss" scoped>
-.message-panel {
-  margin-right: 10px;
-}
-</style>

package/src/components/Praise/index.vue

@@ -1,102 +0,0 @@
-<template>
-    <span class="praise" @click="openPraise">
-        <!-- 赞赏弹窗 -->
-        <slot />
-        <el-dialog append-to-body v-model="showPraise" title="😄 嘻嘻 😄" :fullscreen="isMobile">
-            <p class="praise-line">目前的服务开销主要在 “文件存储” 与 "资源下载"两方面</p>
-            <p class="praise-line">存储 0.15 元/GB/月，下载0.29 元/GB</p>
-            <p class="praise-line">如果你觉得应用不错，可以支持一下👍🏻</p>
-            <div>
-                <table>
-                    <thead>
-                        <tr>
-                            <th v-for="(v, idx) in praiseImg" :key="idx">{{ v.title }}</th>
-                        </tr>
-                    </thead>
-                    <tbody>
-                        <tr>
-                            <td v-for="(v, idx) in praiseImg" :key="idx">
-                                <el-image preview-teleported style="width: 100px; height: 100px" :src="v.url"
-                                    :preview-src-list="praiseImg.map(v => v.url)" :initial-index="idx" fit="cover" />
-                            </td>
-                        </tr>
-                    </tbody>
-                </table>
-            </div>
-            <template #footer>
-                <span class="dialog-footer">
-                    <el-button type="success" @click="Thanks">这次一定</el-button>
-                    <el-button type="default" @click="NextPraise">下次一定</el-button>
-                </span>
-            </template>
-        </el-dialog>
-    </span>
-</template>
-<script setup lang="ts">
-import { ElMessageBox, ElMessage } from 'element-plus'
-import { computed, reactive, ref } from 'vue'
-import { useStore } from 'vuex'
-
-const $store = useStore()
-const showPraise = ref(false)
-const openPraise = () => {
-  showPraise.value = true
-}
-
-const praiseImg = reactive([
-  {
-    url: 'https://img.cdn.sugarat.top/mdImg/MTY1MTU0NzQ0MjMzNA==651547442334',
-    title: '微信',
-  },
-  {
-    url: 'https://img.cdn.sugarat.top/mdImg/MTY0Nzc1NTYyOTE5Mw==647755629193',
-    title: '微信赞赏',
-  },
-  {
-    url: 'https://img.cdn.sugarat.top/mdImg/MTY1MTU0NzQyOTg0OA==651547429848',
-    title: '支付宝',
-  },
-])
-const Thanks = () => {
-  ElMessageBox.alert(`
-  <p class="tc">
-    <img width="140px" src="https://img.cdn.sugarat.top/mdImg/MTY1MTUwNjkwNDc4OQ==thanks.gif" />
-  </p>
-  <p class="tc">
-    <img width="240px" src="https://img.cdn.sugarat.top/mdImg/MTY0Nzc2MDE3MzM1NA==647760173354" />
-  </p>
-  `, '💐 谢谢老板 💐', {
-    confirmButtonText: '不客气',
-    dangerouslyUseHTMLString: true,
-  })
-}
-const NextPraise = () => {
-  showPraise.value = false
-  ElMessage.success('下次一定！下次一定！')
-}
-
-const isMobile = computed(() => $store.getters['public/isMobile'])
-
-</script>
-<style scoped>
-.praise{
-    cursor: pointer;
-}
-.praise-line {
-    margin-bottom: 10px;
-}
-
-table{
-      display: block;
-    border-collapse: collapse;
-    margin: 1rem 0;
-    overflow-x: auto;
-}
-tr{
-  border:1px solid #dfe2e5;
-}
-th,td{
-  border:1px solid #8885;
-  padding: 0.6em 1em;
-}
-</style>

package/src/components/QrCode.vue

@@ -1,44 +0,0 @@
-<template>
-  <el-image style="width: 150px; height: 150px" :src="src" :preview-src-list="srcList"/>
-</template>
-<script>
-export default {
-  name: 'QrCode',
-  props: {
-    value: String,
-  },
-  data() {
-    return {
-      src: '',
-      srcList: [],
-    }
-  },
-  watch: {
-    value(to) {
-      if (!to) {
-        return
-      }
-      this.src = this.createEwm(to)
-      this.srcList = [this.src]
-    },
-  },
-  methods: {
-    createEwm(text, config) {
-      // eslint-disable-next-line no-undef
-      const canvasImg = new AraleQRCode({
-        text,
-        size: 400,
-        foreground: '#000',
-        ...config,
-      })
-      return canvasImg.toDataURL('image/png')
-    },
-  },
-  mounted() {
-    if (this.value) {
-      this.src = this.createEwm(this.value)
-      this.srcList = [this.src]
-    }
-  },
-}
-</script>

package/src/components/linkDialog.vue

@@ -1,104 +0,0 @@
-<template>
-  <div>
-    <el-dialog
-      :fullscreen="isMobile"
-      @close="handleClose"
-      :title="title"
-      v-model="showModel"
-      center
-    >
-      <!-- 链接 -->
-      <div>
-        <el-input placeholder="生成的链接" v-model="shareLink">
-          <template #prepend>
-            <el-button type="primary" @click="createShortLink"
-              >生成短链</el-button
-            >
-          </template>
-          <template #append>
-            <el-button type="primary" @click="copyLink">复制</el-button>
-          </template>
-        </el-input>
-      </div>
-      <!-- 二维码 -->
-      <div style="margin-top: 10px; text-align: center">
-        <qr-code :value="shareLink"></qr-code>
-      </div>
-      <!-- <template #footer>
-          <span class="dialog-footer">
-              <el-button type="primary" @click="$emit('update:value',false)">关闭</el-button>
-          </span>
-      </template>-->
-    </el-dialog>
-  </div>
-</template>
-<script lang="ts">
-import { ElMessage } from 'element-plus'
-import { computed, defineComponent, ref, watchEffect } from 'vue'
-import QrCode from '@components/QrCode.vue'
-import { useStore } from 'vuex'
-import { copyRes, getShortUrl } from '@/utils/stringUtil'
-
-export default defineComponent({
-  name: 'linkDialog',
-  components: {
-    QrCode
-  },
-  props: {
-    title: {
-      type: String,
-      default: '链接面板'
-    },
-    value: {
-      type: Boolean
-    },
-    link: {
-      type: String,
-      default: ''
-    },
-    download: {
-      type: Boolean,
-      default: true
-    }
-  },
-  setup(props, context) {
-    const shareLink = ref('')
-    const showModel = ref(false)
-    const copyLink = () => {
-      copyRes(shareLink.value)
-    }
-    watchEffect(() => {
-      shareLink.value = props.link
-    })
-    watchEffect(() => {
-      showModel.value = props.value
-      if (showModel.value && props.download) {
-        setTimeout(() => {
-          ElMessage.success('如未自动开始下载，请复制链接到浏览器中执行下载')
-        }, 200)
-      }
-    })
-    const handleClose = () => {
-      context.emit('update:value', false)
-    }
-    const createShortLink = () => {
-      getShortUrl(shareLink.value).then((v) => {
-        shareLink.value = v
-        ElMessage.success('短链生成成功')
-      })
-    }
-
-    const $store = useStore()
-    const isMobile = computed(() => $store.getters['public/isMobile'])
-
-    return {
-      shareLink,
-      createShortLink,
-      copyLink,
-      handleClose,
-      showModel,
-      isMobile
-    }
-  }
-})
-</script>

package/src/components/loginPanel.vue

@@ -1,92 +0,0 @@
-<template>
-    <div class="lay-form">
-        <!-- 登录面板 -->
-        <div class="pannel">
-            <div class="logo">
-                <router-link to="/">
-                    <img src="https://img.cdn.sugarat.top/easypicker/EasyPicker.png" />
-                </router-link>
-                <p class="name">{{ title }}</p>
-                <p class="introduce">{{ introduce }}</p>
-            </div>
-            <slot></slot>
-        </div>
-    </div>
-</template>
-<script lang="ts">
-import { defineComponent } from 'vue'
-
-export default defineComponent({
-  name: 'loginPanel',
-  props: {
-    title: {
-      type: String,
-      default: '轻取',
-    },
-    introduce: {
-      type: String,
-      default: '在线文件收取助手',
-    },
-  },
-  setup() {
-    return {
-    }
-  },
-})
-</script>
-
-<style scoped lang="scss">
-// 背景之外的部分
-.lay-form {
-    padding-top: 86px;
-    margin: auto;
-}
-
-.pannel {
-    border-radius: 5px;
-    border: 1px solid #e9e9e9;
-    width: 430px;
-    background-color: #fff;
-    opacity: 0.9;
-    padding: 40px 8px 48px;
-    margin: auto;
-    .logo {
-        display: flex;
-        flex-wrap: wrap;
-        flex-direction: column;
-        a{
-            margin: 1rem auto;
-            width: 90%;
-            img {
-                width: 100%;
-                display: block;
-                margin: 0 auto;
-            }
-        }
-        p {
-            margin: 5px;
-            text-align: center;
-        }
-        p.name {
-            font-size: 2rem;
-            font-weight: bold;
-        }
-        p.introduce {
-            color: #595959;
-            font-size: 1rem;
-        }
-    }
-}
-
-@media screen and (max-width: 700px) {
-    .pannel {
-        width: 90%;
-        background-color: rgba(255, 255, 255, 0.65);
-    }
-    .logo {
-        img {
-            width: 60%;
-        }
-    }
-}
-</style>

package/src/constants/index.ts

@@ -1,83 +0,0 @@
-/**
- * 用户状态
- */
-export enum USER_STATUS {
-  /**
-   * 正常
-   */
-  NORMAL,
-  /**
-   * 冻结
-   */
-  FREEZE,
-  /**
-   * 封禁
-   */
-  BAN
-}
-
-export enum WishStatus {
-  /**
-   * 审核中
-   */
-  REVIEW,
-  /**
-   * 待开始
-   */
-  WAIT,
-  /**
-   * 开发中
-   */
-  START,
-  /**
-   * 已上线
-   */
-  END,
-  /**
-   * 关闭
-   */
-  CLOSE
-}
-
-export enum ActionType {
-  /**
-   * 点赞
-   */
-  PRAISE,
-
-  /**
-   * 文件下载
-   */
-  Download,
-
-  /**
-   * 文件归档
-   */
-  Compress,
-
-  /**
-   * 路由禁用
-   */
-  DisabledRoute
-}
-
-export enum DownloadStatus {
-  /**
-   * 归档中
-   */
-  ARCHIVE,
-  /**
-   * 链接已失效
-   */
-  EXPIRED,
-  /**
-   * 可下载
-   */
-  SUCCESS,
-  /**
-   * 归档失败
-   */
-  FAIL
-}
-
-export const filenamePattern = /[\\/:*?"<>|]/g

package/src/env.d.ts

@@ -1,8 +0,0 @@
-interface ImportMetaEnv {
-  VITE_APP_TITLE: string
-  VITE_APP_AXIOS_BASE_URL: string
-  // 提交文件表单输入内容最大长度限制
-  VITE_APP_INPUT_MAX_LENGTH: string
-  // PV 上报路径
-  VITE_APP_PV_PATH: string
-}

package/src/main.ts

@@ -1,19 +0,0 @@
-import { createApp } from 'vue'
-import JsonViewer from 'vue-json-viewer'
-import router from './router'
-import store from './store'
-
-import App from './App.vue'
-import Axios from './apis/ajax'
-
-document.title = import.meta.env.VITE_APP_TITLE
-
-const app = createApp(App)
-
-app.provide('$http', Axios)
-
-app.use(router)
-app.use(store)
-app.use(JsonViewer)
-
-app.mount('#app')

package/src/pages/404/index.vue

@@ -1,59 +0,0 @@
-<template>
-  <div class="not-found">
-    <h1>404 Not Found</h1>
-    <h2>糟糕页面走丢了</h2>
-    <h3>{{ time }}s后<a @click="handleToHome">回到首页</a></h3>
-  </div>
-</template>
-<script lang="ts" setup>
-import { onMounted, ref } from 'vue'
-import { useRouter } from 'vue-router'
-
-const time = ref(3)
-const timer = ref(null)
-const router = useRouter()
-const handleToHome = () => {
-  clearInterval(timer.value)
-  router.replace('/')
-}
-onMounted(() => {
-  timer.value = setInterval(() => {
-    if (time.value === 1) {
-      clearInterval(timer.value)
-      router.replace('/')
-    }
-    time.value -= 1
-  }, 1000)
-})
-</script>
-<style lang="scss" scoped>
-.not-found {
-  font-family: 'Avenir', Helvetica, Arial, sans-serif;
-  background-image: linear-gradient(to top, #30cfd0 0%, #330867 100%);
-  min-height: 100vh;
-}
-h1,
-h2,
-h3,
-a {
-  color: aliceblue;
-  text-align: center;
-  font-weight: lighter;
-}
-a {
-  margin-left: 10px;
-  border-bottom: 2px solid aliceblue;
-}
-h1 {
-  font-size: 48px;
-  padding-top: 10%;
-}
-h2 {
-  font-size: 30px;
-  padding-top: 2vh;
-}
-h3 {
-  font-size: 28px;
-  padding-top: 1vh;
-}
-</style>