@sugarat/easypicker2-client 2.4.1

package/docs/src/components/WishPanel.vue

@@ -0,0 +1,170 @@
+<template>
+  <div class="wish-panel" v-show="data.length">
+    <div class="tips">
+      <div>
+        <i class="circle"></i>
+        <span>规划中</span>
+      </div>
+      <div>
+        <i class="circle start"></i>
+        <span>开发中</span>
+      </div>
+      <div>
+        <i class="circle end"></i>
+        <span>已上线</span>
+      </div>
+    </div>
+    <ul>
+      <li v-for="d in showData" :key="d.id">
+        <hr />
+        <div class="wish">
+          <div class="content">
+            <div class="title">
+              <i class="circle" :class="d.status" />
+              <span>{{ d.title }}</span>
+            </div>
+            <div class="des">
+              <span>{{ d.des }}</span>
+            </div>
+          </div>
+          <el-button type="primary" @click="praise(d.id, d.alreadyPraise)">
+            <el-icon>
+              <Flag />
+            </el-icon>
+            {{ d.count }}票
+          </el-button>
+        </div>
+      </li>
+      <!-- 已上线 -->
+      <li><hr /></li>
+      <details class="details custom-block">
+        <summary>💐 已处理完毕的反馈归档 💐</summary>
+        <li v-for="d in successData" :key="d.id">
+          <hr />
+          <div class="wish">
+            <div class="content">
+              <div class="title">
+                <i class="circle" :class="d.status" />
+                <span>{{ d.title }}</span>
+              </div>
+              <div class="des">
+                <span>{{ d.des }}</span>
+              </div>
+            </div>
+            <el-button type="primary" @click="praise(d.id, d.alreadyPraise)">
+              <el-icon>
+                <Flag />
+              </el-icon>
+              {{ d.count }}票
+            </el-button>
+          </div>
+        </li>
+      </details>
+    </ul>
+  </div>
+</template>
+<script lang="ts" setup>
+import { computed, onMounted, reactive } from 'vue'
+import { ElButton, ElIcon, ElMessage } from 'element-plus'
+import { Flag } from '@element-plus/icons-vue'
+import { WishStatus } from '@/constants'
+import { WishApi } from '../apis'
+
+const data = reactive<WishApiTypes.DocsWishItem[]>([])
+
+const showData = computed(() =>
+  data
+    .map((v) => ({
+      ...v,
+      status: WishStatus[v.status].toLowerCase()
+    }))
+    .filter((v) => v.status !== 'end')
+)
+const successData = computed(() =>
+  data
+    .map((v) => ({
+      ...v,
+      status: WishStatus[v.status].toLowerCase()
+    }))
+    .filter((v) => v.status === 'end')
+)
+
+const praise = (id: string, alreadyPraise: boolean) => {
+  if (alreadyPraise) {
+    ElMessage.error('你已经投过票了')
+    return
+  }
+  const wish = data.find((v) => v.id === id)!
+  wish.alreadyPraise = true
+  WishApi.praiseWish(id)
+    .then(() => {
+      ElMessage.success('投票成功')
+      wish.count += 1
+    })
+    .catch(() => {
+      ElMessage.error('你已经投过票了')
+    })
+}
+
+onMounted(() => {
+  WishApi.getDocsWish().then((res) => {
+    data.push(...res.data)
+  })
+})
+</script>
+<style lang="scss" scoped>
+.wish-panel {
+  ul {
+    list-style: none;
+  }
+
+  .wish {
+    display: flex;
+    align-items: center;
+    justify-content: space-between;
+    min-height: 40px;
+
+    .content {
+      display: flex;
+      flex-direction: column;
+      max-width: 70%;
+
+      .title {
+        display: flex;
+        align-items: center;
+      }
+
+      .des {
+        margin-top: 5px;
+        font-size: 14px;
+        color: #999;
+      }
+    }
+  }
+
+  .circle {
+    display: inline-block;
+    background-color: #f5222d;
+    min-width: 10px;
+    width: 10px;
+    height: 10px;
+    border-radius: 50%;
+    margin-right: 10px;
+
+    &.end {
+      background-color: #52c41a;
+    }
+
+    &.start {
+      background-color: #1890ff;
+    }
+  }
+
+  .tips {
+    display: flex;
+    justify-content: space-around;
+    flex-wrap: wrap;
+    margin-top: 10px;
+  }
+}
+</style>

package/docs/src/components/callme/index.vue

@@ -0,0 +1,72 @@
+<template>
+    <div class="callme">
+        <!-- 一堆二维码 -->
+        <div class="qq-wechat">
+            <ul>
+                <li v-for="(qrcode, idx) in qrCOdes" :key="idx">
+                    <div class="title">{{ qrcode.text }}</div>
+                    <div class="content">
+                        <img :src="qrcode.img" />
+                    </div>
+                </li>
+            </ul>
+        </div>
+        <div class="description">
+            <p>如遇无法解决的账号/使用问题,欢迎小窗联系我</p>
+        </div>
+    </div>
+</template>
+<script lang="ts" setup>
+
+const qrCOdes = [
+  {
+    text: '微信',
+    img: 'https://img.cdn.sugarat.top/mdImg/MTYxOTE1NTk3MTkyNA==619155971925',
+  },
+  {
+    text: '公众号',
+    img: 'https://img.cdn.sugarat.top/mdImg/MTYxOTE1NTYwNzQ5MQ==619155607491',
+  },
+  {
+    text: 'QQ',
+    img: 'https://img.cdn.sugarat.top/mdImg/MTYxOTE1NjQ5ODczOQ==619156498739',
+  },
+  {
+    text: '交流群',
+    img: 'https://img.cdn.sugarat.top/mdImg/MTY0Nzc2MTE2MTE2NA==ep-group.png',
+  },
+]
+
+</script>
+<style lang="scss" scoped>
+
+.qq-wechat ul {
+    list-style: none;
+    display: flex;
+    flex-wrap: wrap;
+    margin-bottom: 10px;
+    align-items: center;
+    justify-content: center;
+    li {
+        text-align: center;
+
+        .title {
+            font-weight: 600;
+        }
+
+        .content {
+            padding: 0.5em;
+        }
+
+        img {
+            width: 150px;
+        }
+    }
+}
+
+.description {
+    font-size: 15px;
+    margin-bottom: 10px;
+    text-align: center;
+}
+</style>

package/docs/vite.config.ts

@@ -0,0 +1,42 @@
+import { defineConfig } from 'vite'
+import Components from 'unplugin-vue-components/vite'
+import AutoImport from 'unplugin-auto-import/vite'
+import { ElementPlusResolver } from 'unplugin-vue-components/resolvers'
+import path from 'path'
+
+// https://vitejs.dev/config/
+export default defineConfig({
+  plugins: [
+    Components({
+      include: [/\.vue/, /\.md/],
+      dts: true,
+    }),
+    AutoImport({
+      resolvers: [ElementPlusResolver()],
+    }),
+    Components({
+      resolvers: [ElementPlusResolver()],
+    }),
+  ],
+  optimizeDeps: {
+    include: [
+      'vue',
+      'element-plus',
+    ],
+  },
+  server: {
+    proxy: {
+      '/api/': {
+        target: 'http://localhost:3000',
+        changeOrigin: true,
+        rewrite: (p) => p.replace(/^\/api/, ''),
+      },
+    },
+  },
+  resolve: {
+    alias: {
+      '@': path.resolve(__dirname, './../src'),
+      '@components': path.resolve(__dirname, './../src/components'),
+    },
+  },
+})

package/index.html

@@ -0,0 +1,127 @@
+<!DOCTYPE html>
+<html lang="en">
+
+<head>
+  <meta charset="UTF-8" />
+  <link rel="icon" href="/logo.png" />
+  <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
+  <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+  <meta name="description"
+    content="EasyPicker-轻取，方便的在线文件收取助手,文件收取, 轻取, 在线文件收取, EasyPicker, 文件搜集, 文件收取, 文档收取, 在线文档收取,EasyPicker简洁实用且方便的在线文件收取Web应用 " />
+  <meta name="keywords" content="文件收取, 轻取, 在线文件收取, EasyPicker, 文件搜集, 文件收取, 文档收取, 在线文档收取" />
+  <title>EasyPicker-轻取</title>
+  <link rel="dns-prefetch" href="//img.cdn.sugarat.top">
+  <link rel="dns-prefetch" href="//sdk.51.la">
+  <link rel="dns-prefetch" href="//collect-v6.51.la">
+  <link rel="dns-prefetch" href="//frontjs-static.pgyer.com">
+  <!-- 垫片服务 -->
+  <!-- <script
+    src="https://polyfill.alicdn.com/polyfill.min.js?features=es2019%2Ces2018%2Ces2017%2Ces5%2Ces6%2Ces7%2Cdefault"></script> -->
+  <!-- 七牛云 -->
+  <script defer src="https://img.cdn.sugarat.top/qiniu-js/3.4.0/qiniu.min.js"></script>
+  <!-- 二维码 -->
+  <script defer src="https://img.cdn.sugarat.top/arale-qrcode/3.0.5/index.js"></script>
+  <!-- frontjs监控 -->
+  <script type="text/javascript">
+    (function (w) {
+      w.frontjsConfig = {
+        token:
+          'a2fb9a863532b2da4c2052404a3a9684',
+        behaviour: 15,
+        captureConsoleLog: true,
+        trustVendor: true,
+        useHistory: true,
+        FPSThreshold: 10,
+      };
+      w.frontjsTmpData = {
+        r: [],
+        e: [],
+        l: [],
+      };
+      w.frontjsTmpCollector =
+        function (ev) {
+          (ev.message
+            ? window.frontjsTmpData.e
+            : window.frontjsTmpData.r
+          ).push([
+            new Date().getTime(),
+            ev,
+          ]);
+        };
+      w.FrontJS = {
+        addEventListener: function (
+          t,
+          f
+        ) {
+          w.frontjsTmpData.l.push([
+            t,
+            f,
+          ]);
+          return f;
+        },
+        removeEventListener:
+          function (t, f) {
+            for (
+              var i = 0;
+              i <
+              w.frontjsTmpData.l
+                .length;
+              i++
+            ) {
+              t ===
+                w.frontjsTmpData.l[
+                i
+                ][0] &&
+                f ===
+                w.frontjsTmpData.l[
+                i
+                ][1] &&
+                w.frontjsTmpData.l.splice(
+                  i,
+                  1
+                );
+            }
+            return f;
+          },
+      };
+      w.document.addEventListener(
+        'error',
+        w.frontjsTmpCollector,
+        true
+      );
+      w.addEventListener(
+        'error',
+        w.frontjsTmpCollector,
+        true
+      );
+      w.addEventListener(
+        'load',
+        function () {
+          var n =
+            w.document.createElement(
+              'script'
+            );
+          n.src =
+            'https://frontjs-static.pgyer.com/dist/current/frontjs.web.min.js';
+          w.document.body.appendChild(
+            n
+          );
+        },
+        true
+      );
+    })(window);
+  </script>
+  <!-- 统计分析 -->
+  <script>
+    !function (p) { "use strict"; !function (t) { var s = window, e = document, i = p, c = "".concat("https:" === e.location.protocol ? "https://" : "http://", "sdk.51.la/js-sdk-pro.min.js"), n = e.createElement("script"), r = e.getElementsByTagName("script")[0]; n.type = "text/javascript", n.setAttribute("charset", "UTF-8"), n.async = !0, n.src = c, n.id = "LA_COLLECT", i.d = n; var o = function () { s.LA.ids.push(i) }; s.LA ? s.LA.ids && o() : (s.LA = p, s.LA.ids = [], o()), r.parentNode.insertBefore(n, r) }() }({ id: "JecPaSrYsEHrPGjw", ck: "JecPaSrYsEHrPGjw", hashMode: true });
+  </script>
+  <!-- xlsx支持 -->
+  <script src="https://lf26-cdn-tos.bytecdntp.com/cdn/expire-1-M/xlsx/0.18.2/xlsx.full.min.js"></script>
+</head>
+
+<body>
+  <div id="app"></div>
+  <script defer type="module" src="/src/main.ts"></script>
+</body>
+
+</html>

package/package.json

@@ -0,0 +1,52 @@
+{
+  "name": "@sugarat/easypicker2-client",
+  "version": "2.4.1",
+  "scripts": {
+    "dev": "vite",
+    "dev:test": "VITE_APP_AXIOS_BASE_URL=/api-test/ vite --mode test",
+    "build": "vite build",
+    "serve": "vite preview",
+    "lint": "eslint src --fix",
+    "docs:dev": "vitepress dev docs",
+    "docs:build": "vitepress build docs",
+    "docs:serve": "vitepress serve docs",
+    "docs:deploy": "zx scripts/deploy/docs.mjs",
+    "deploy:prod": "zx scripts/deploy/prod.mjs",
+    "deploy:test": "zx scripts/deploy/test.mjs"
+  },
+  "dependencies": {
+    "@element-plus/icons-vue": "^1.1.4",
+    "@sugarat/theme": "^0.1.5",
+    "axios": "^0.27.2",
+    "clipboard-copy": "^4.0.1",
+    "element-plus": "^2.2.13",
+    "spark-md5": "^3.0.2",
+    "vitepress": "^1.0.0-alpha.46",
+    "vue": "^3.2.37",
+    "vue-json-viewer": "^3.0.4",
+    "vue-router": "^4.1.2",
+    "vuex": "^4.0.2"
+  },
+  "devDependencies": {
+    "@types/node": "^16.11.45",
+    "@typescript-eslint/eslint-plugin": "^4.33.0",
+    "@typescript-eslint/parser": "^4.33.0",
+    "@vitejs/plugin-legacy": "^2.0.0",
+    "@vitejs/plugin-vue": "^3.0.1",
+    "eslint": "^7.32.0",
+    "eslint-config-airbnb-base": "^14.2.1",
+    "eslint-config-prettier": "^8.5.0",
+    "eslint-plugin-import": "^2.26.0",
+    "eslint-plugin-prettier": "^4.2.1",
+    "eslint-plugin-todo-ddl": "^1.1.1",
+    "eslint-plugin-vue": "^7.20.0",
+    "prettier": "^2.7.1",
+    "sass": "^1.54.0",
+    "terser": "^5.14.2",
+    "typescript": "^4.7.4",
+    "unplugin-auto-import": "^0.6.9",
+    "unplugin-element-plus": "^0.4.1",
+    "unplugin-vue-components": "^0.17.21",
+    "vite": "^3.0.9"
+  }
+}

package/scripts/deploy/docs.mjs

@@ -0,0 +1,24 @@
+#!/usr/bin/env zx
+
+// user config
+const originName = 'docs.ep'
+
+// not care
+const compressPkgName = `${originName}.tar.gz`
+const user = 'root'
+const origin = 'sugarat.top'
+const fullOrigin = `${originName}.${origin}`
+const baseServerDir = '/www/wwwroot'
+const destDir = ''
+
+await $`pnpm docs:build`
+
+await $`echo ==🔧 压缩dist ==`
+await $`cd docs/.vitepress && tar -zvcf ${compressPkgName} dist && rm -rf dist && mv ${compressPkgName} ./../../`
+
+await $`echo ==🚀 上传到服务器 ==`
+await $`scp ${compressPkgName} ${user}@${origin}:./`
+await $`rm -rf ${compressPkgName}`
+
+await $`echo ==✅ 部署代码 ==`
+await $`ssh -p22 ${user}@${origin} "tar -xf ${compressPkgName} -C ${baseServerDir}/${fullOrigin}/${destDir}"`

package/scripts/deploy/prod.mjs

@@ -0,0 +1,24 @@
+#!/usr/bin/env zx
+
+// user config
+const originName = 'ep'
+
+// not care
+const compressPkgName = `${originName}.tar.gz`
+const user = 'root'
+const origin = 'sugarat.top'
+const fullOrigin = `${originName}.${origin}`
+const baseServerDir = '/www/wwwroot'
+const destDir = ''
+
+await $`pnpm build`
+
+await $`echo ==🔧 压缩dist ==`
+await $`tar -zvcf ${compressPkgName} dist && rm -rf dist`
+
+await $`echo ==🚀 上传到服务器 ==`
+await $`scp ${compressPkgName} ${user}@${origin}:./`
+await $`rm -rf ${compressPkgName}`
+
+await $`echo ==✅ 部署代码 ==`
+await $`ssh -p22 ${user}@${origin} "tar -xf ${compressPkgName} -C ${baseServerDir}/${fullOrigin}/${destDir}"`

package/scripts/deploy/test.mjs

@@ -0,0 +1,26 @@
+#!/usr/bin/env zx
+/* eslint-disable no-await-in-loop */
+
+// user config
+const originName = ['ep.test', 'ep.dev']
+
+// not care
+const compressPkgName = `${originName}.tar.gz`
+const user = 'root'
+const origin = 'sugarat.top'
+const baseServerDir = '/www/wwwroot'
+const destDir = ''
+
+await $`pnpm build`
+
+await $`echo ==🔧 压缩dist ==`
+await $`tar -zvcf ${compressPkgName} dist && rm -rf dist`
+
+await $`echo ==🚀 上传到服务器 ==`
+await $`scp ${compressPkgName} ${user}@${origin}:./`
+await $`rm -rf ${compressPkgName}`
+
+await $`echo ==✅ 部署代码 ==`
+for (const name of originName) {
+  await $`ssh -p22 ${user}@${origin} "tar -xf ${compressPkgName} -C ${baseServerDir}/${name}.${origin}/${destDir}"`
+}

package/src/@types/ajax.d.ts

@@ -0,0 +1,5 @@
+interface BaseResponse<T = any> {
+  code: number
+  errMsg: string
+  data: T
+}