From 906ecd9b57d78b889129e4cf0c445e4c93efb785 Mon Sep 17 00:00:00 2001 From: Ryan Wang Date: Tue, 17 May 2022 16:45:30 +0800 Subject: [PATCH] feat: add post settings modal Signed-off-by: Ryan Wang --- package.json | 19 +- pnpm-lock.yaml | 264 +++++++++++++----------- src/components/base/modal/Modal.vue | 3 +- src/core/icons.ts | 3 + src/views/contents/posts/PostList.vue | 271 ++++++++++++++++++++++++- src/views/contents/posts/posts-mock.ts | 153 +++++++------- 6 files changed, 503 insertions(+), 210 deletions(-) diff --git a/package.json b/package.json index 02b6779e..559632c7 100644 --- a/package.json +++ b/package.json @@ -18,7 +18,8 @@ "story:build": "histoire build" }, "dependencies": { - "@vueuse/core": "^8.4.2", + "@halo-dev/admin-api": "^1.0.0", + "@vueuse/core": "^8.5.0", "pinia": "^2.0.14", "tailwindcss-safe-area": "^0.2.2", "tippy.js": "^6.3.7", @@ -30,21 +31,21 @@ "@rushstack/eslint-patch": "^1.1.3", "@tailwindcss/aspect-ratio": "^0.4.0", "@types/jsdom": "^16.2.14", - "@types/node": "^17.0.31", - "@vitejs/plugin-vue": "^2.3.2", + "@types/node": "^17.0.34", + "@vitejs/plugin-vue": "^2.3.3", "@vitejs/plugin-vue-jsx": "^1.3.10", - "@vitest/ui": "^0.12.3", + "@vitest/ui": "^0.12.6", "@vue/eslint-config-prettier": "^7.0.0", "@vue/eslint-config-typescript": "^10.0.0", "@vue/test-utils": "^2.0.0-rc.21", "@vue/tsconfig": "^0.1.3", "autoprefixer": "^10.4.7", - "c8": "^7.11.2", + "c8": "^7.11.3", "cypress": "^9.6.1", "eslint": "^8.15.0", "eslint-plugin-cypress": "^2.12.1", "eslint-plugin-vue": "^8.7.1", - "histoire": "^0.4.5", + "histoire": "^0.4.6", "husky": "^8.0.1", "jsdom": "^19.0.0", "postcss": "^8.4.13", @@ -55,11 +56,11 @@ "tailwindcss-themeable": "^1.3.0", "typescript": "~4.6.4", "unplugin-icons": "^0.14.3", - "vite": "^2.9.8", + "vite": "^2.9.9", "vite-compression-plugin": "^0.0.3", "vite-plugin-dts": "^1.1.1", "vite-plugin-pwa": "^0.12.0", - "vitest": "^0.12.3", - "vue-tsc": "^0.34.11" + "vitest": "^0.12.6", + "vue-tsc": "^0.34.15" } } diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml index ffb48e48..cf4e63ed 100644 --- a/pnpm-lock.yaml +++ b/pnpm-lock.yaml @@ -1,26 +1,27 @@ lockfileVersion: 5.4 specifiers: + '@halo-dev/admin-api': ^1.0.0 '@iconify-json/ri': ^1.1.1 '@rushstack/eslint-patch': ^1.1.3 '@tailwindcss/aspect-ratio': ^0.4.0 '@types/jsdom': ^16.2.14 - '@types/node': ^17.0.31 - '@vitejs/plugin-vue': ^2.3.2 + '@types/node': ^17.0.34 + '@vitejs/plugin-vue': ^2.3.3 '@vitejs/plugin-vue-jsx': ^1.3.10 - '@vitest/ui': ^0.12.3 + '@vitest/ui': ^0.12.6 '@vue/eslint-config-prettier': ^7.0.0 '@vue/eslint-config-typescript': ^10.0.0 '@vue/test-utils': ^2.0.0-rc.21 '@vue/tsconfig': ^0.1.3 - '@vueuse/core': ^8.4.2 + '@vueuse/core': ^8.5.0 autoprefixer: ^10.4.7 - c8: ^7.11.2 + c8: ^7.11.3 cypress: ^9.6.1 eslint: ^8.15.0 eslint-plugin-cypress: ^2.12.1 eslint-plugin-vue: ^8.7.1 - histoire: ^0.4.5 + histoire: ^0.4.6 husky: ^8.0.1 jsdom: ^19.0.0 pinia: ^2.0.14 @@ -34,17 +35,18 @@ specifiers: tippy.js: ^6.3.7 typescript: ~4.6.4 unplugin-icons: ^0.14.3 - vite: ^2.9.8 + vite: ^2.9.9 vite-compression-plugin: ^0.0.3 vite-plugin-dts: ^1.1.1 vite-plugin-pwa: ^0.12.0 - vitest: ^0.12.3 + vitest: ^0.12.6 vue: ^3.2.33 vue-router: ^4.0.15 - vue-tsc: ^0.34.11 + vue-tsc: ^0.34.15 dependencies: - '@vueuse/core': 8.4.2_vue@3.2.33 + '@halo-dev/admin-api': 1.0.0 + '@vueuse/core': 8.5.0_vue@3.2.33 pinia: 2.0.14_ytvqwwdyss532bvoq2clv4ed5m tailwindcss-safe-area: 0.2.2 tippy.js: 6.3.7 @@ -56,21 +58,21 @@ devDependencies: '@rushstack/eslint-patch': 1.1.3 '@tailwindcss/aspect-ratio': 0.4.0_tailwindcss@3.0.24 '@types/jsdom': 16.2.14 - '@types/node': 17.0.31 - '@vitejs/plugin-vue': 2.3.2_vite@2.9.8+vue@3.2.33 + '@types/node': 17.0.34 + '@vitejs/plugin-vue': 2.3.3_vite@2.9.9+vue@3.2.33 '@vitejs/plugin-vue-jsx': 1.3.10 - '@vitest/ui': 0.12.3 + '@vitest/ui': 0.12.6 '@vue/eslint-config-prettier': 7.0.0_bppm6sp3oxoychvfagx6tcd7pe '@vue/eslint-config-typescript': 10.0.0_p4if3q7l2moozcc73o6tbvomjq '@vue/test-utils': 2.0.0-rc.21_vue@3.2.33 - '@vue/tsconfig': 0.1.3_@types+node@17.0.31 + '@vue/tsconfig': 0.1.3_@types+node@17.0.34 autoprefixer: 10.4.7_postcss@8.4.13 - c8: 7.11.2 + c8: 7.11.3 cypress: 9.6.1 eslint: 8.15.0 eslint-plugin-cypress: 2.12.1_eslint@8.15.0 eslint-plugin-vue: 8.7.1_eslint@8.15.0 - histoire: 0.4.5_vmi6nhjwm35b7so4eamehfslgu + histoire: 0.4.6_gfrfffqr3ji5b3kcyxmqf57s3m husky: 8.0.1 jsdom: 19.0.0 postcss: 8.4.13 @@ -80,13 +82,13 @@ devDependencies: tailwindcss: 3.0.24 tailwindcss-themeable: 1.3.0 typescript: 4.6.4 - unplugin-icons: 0.14.3_vite@2.9.8 - vite: 2.9.8_sass@1.51.0 + unplugin-icons: 0.14.3_vite@2.9.9 + vite: 2.9.9_sass@1.51.0 vite-compression-plugin: 0.0.3 - vite-plugin-dts: 1.1.1_vite@2.9.8 - vite-plugin-pwa: 0.12.0_vite@2.9.8 - vitest: 0.12.3_ztzjud4kquuh6gaaxlqfogd3mq - vue-tsc: 0.34.11_typescript@4.6.4 + vite-plugin-dts: 1.1.1_vite@2.9.9 + vite-plugin-pwa: 0.12.0_vite@2.9.9 + vitest: 0.12.6_pfh5lnme5kp6b474lb3mo7jsri + vue-tsc: 0.34.15_typescript@4.6.4 packages: @@ -1410,6 +1412,37 @@ packages: '@floating-ui/core': 0.3.1 dev: true + /@halo-dev/admin-api/1.0.0: + resolution: {integrity: sha512-DkuNK91Let+jPLx9YclhaU0XWKMA96LJNzGtYUq3e5VGuvPYqPY8AJKfQ8DNLA/3gmkF2b20nUCSDsZRz/ZObQ==} + engines: {node: '>=12'} + dependencies: + '@halo-dev/rest-api-client': 1.0.0 + tslib: 2.3.1 + transitivePeerDependencies: + - debug + dev: false + + /@halo-dev/logger/1.0.0: + resolution: {integrity: sha512-i/bD4GlumEtaJ2Z8o1XutgnLCV8Xa02kQvgjCn8cVxphG4BBDES1JN3TNlmzuGHBowzFwbaC9Qu4O95qGLvkOw==} + engines: {node: '>=12.0.0'} + dependencies: + tslib: 2.3.1 + dev: false + + /@halo-dev/rest-api-client/1.0.0: + resolution: {integrity: sha512-6zD57CiKWtSthpfAUgkyQfDG8Zck/23Z1r6UjrJf8h2M7/Up/KWNsaYNmsaK/7BvR4TLY9vRQst+0JNAWzMwaA==} + engines: {node: '>=12'} + dependencies: + '@halo-dev/logger': 1.0.0 + axios: 0.24.0 + form-data: 4.0.0 + js-base64: 3.7.2 + qs: 6.10.3 + tslib: 2.3.1 + transitivePeerDependencies: + - debug + dev: false + /@hapi/hoek/9.2.1: resolution: {integrity: sha512-gfta+H8aziZsm8pZa0vj04KO6biEiisppNgA1kbJvFrrWu9Vm7eaUEy76DIxsuTaWvti5fkJVhllWc6ZTE+Mdw==} dev: true @@ -1420,11 +1453,11 @@ packages: '@hapi/hoek': 9.2.1 dev: true - /@histoire/controls/0.4.5_vue@3.2.33: - resolution: {integrity: sha512-hicOfvIYIN+Ad8vk2/5qHCUthVXv/xqWSBZkS7x0II3PV7KMrAl0UOcxyMFf4AVKSMwmM1DtClkOMGXKQ/jxjw==} + /@histoire/controls/0.4.6_vue@3.2.33: + resolution: {integrity: sha512-Wdd2dGIs8a6+T+G3ufOecuo4oMSF4zgVaMtAMJQlWDsgmeIULKnzXA2khQgRAL07YXTPlCpdfGbnSl2LWc5GeQ==} dependencies: '@iconify/vue': 3.2.1_vue@3.2.33 - '@vueuse/core': 8.4.2_vue@3.2.33 + '@vueuse/core': 8.5.0_vue@3.2.33 floating-vue: 2.0.0-beta.16_vue@3.2.33 transitivePeerDependencies: - '@vue/composition-api' @@ -1731,7 +1764,7 @@ packages: /@types/concat-stream/1.6.1: resolution: {integrity: sha512-eHE4cQPoj6ngxBZMvVf6Hw7Mh4jMW4U9lpGmS5GBPB9RYxlFg+CHaVN7ErNY4W9XfLIEn20b4VDYaIrbq0q4uA==} dependencies: - '@types/node': 17.0.31 + '@types/node': 17.0.34 dev: true /@types/estree/0.0.39: @@ -1741,7 +1774,7 @@ packages: /@types/form-data/0.0.33: resolution: {integrity: sha1-yayFsqX9GENbjIXZ7LUObWyJP/g=} dependencies: - '@types/node': 17.0.31 + '@types/node': 17.0.34 dev: true /@types/istanbul-lib-coverage/2.0.4: @@ -1751,7 +1784,7 @@ packages: /@types/jsdom/16.2.14: resolution: {integrity: sha512-6BAy1xXEmMuHeAJ4Fv4yXKwBDTGTOseExKE3OaHiNycdHdZw59KfYzrt0DkDluvwmik1HRt6QS7bImxUmpSy+w==} dependencies: - '@types/node': 17.0.31 + '@types/node': 17.0.34 '@types/parse5': 6.0.3 '@types/tough-cookie': 4.0.1 dev: true @@ -1787,8 +1820,8 @@ packages: resolution: {integrity: sha512-q4jlIR71hUpWTnGhXWcakgkZeHa3CCjcQcnuzU8M891BAWA2jHiziiWEPEkdS5pFsz7H9HJiy8BrK7tBRNrY7A==} dev: true - /@types/node/17.0.31: - resolution: {integrity: sha512-AR0x5HbXGqkEx9CadRH3EBYx/VkiUgZIhP4wvPn/+5KIsgpNoyFaRlVe0Zlx9gRtg8fA06a9tskE2MSN7TcG4Q==} + /@types/node/17.0.34: + resolution: {integrity: sha512-XImEz7XwTvDBtzlTnm8YvMqGW/ErMWBsKZ+hMTvnDIjGCKxwK5Xpc+c/oQjOauwq8M4OS11hEkpjX8rrI/eEgA==} dev: true /@types/node/8.10.66: @@ -1806,7 +1839,7 @@ packages: /@types/resolve/1.17.1: resolution: {integrity: sha512-yy7HuzQhj0dhGpD8RLXSZWEkLsV9ibvxvi6EiJ3bkqLAO1RGo0WbkWQiwpRlSFymTJRz0d3k5LM3kkx8ArDbLw==} dependencies: - '@types/node': 17.0.31 + '@types/node': 17.0.34 dev: true /@types/sinonjs__fake-timers/8.1.1: @@ -1829,7 +1862,7 @@ packages: resolution: {integrity: sha512-8uALY5LTvSuHgloDVUvWP3pIauILm+8/0pDMokuDYIoNsOkSwd5AiHBTSEJjKTDcZr5z8UpgOWZkxBF4iJftoA==} requiresBuild: true dependencies: - '@types/node': 17.0.31 + '@types/node': 17.0.34 dev: true optional: true @@ -1973,49 +2006,49 @@ packages: - supports-color dev: true - /@vitejs/plugin-vue/2.3.2_vite@2.9.8+vue@3.2.33: - resolution: {integrity: sha512-umyypfSHS4kQLdYAnJHhaASq7FRzNCdvcRoQ3uYGNk1/M4a+hXUd7ysN7BLhCrWH6uBokyCkFeUAaFDzSaaSrQ==} + /@vitejs/plugin-vue/2.3.3_vite@2.9.9+vue@3.2.33: + resolution: {integrity: sha512-SmQLDyhz+6lGJhPELsBdzXGc+AcaT8stgkbiTFGpXPe8Tl1tJaBw1A6pxDqDuRsVkD8uscrkx3hA7QDOoKYtyw==} engines: {node: '>=12.0.0'} peerDependencies: vite: ^2.5.10 vue: ^3.2.25 dependencies: - vite: 2.9.8_sass@1.51.0 + vite: 2.9.9_sass@1.51.0 vue: 3.2.33 dev: true - /@vitest/ui/0.12.3: - resolution: {integrity: sha512-S+PfmE8ha4FXRZ6x6qfZDFPXGdER6UXYU/9XWL4qOyAwP28+a0OcI0GW7kobqY2EDs3ABfltsEr3Cbs57f06NQ==} + /@vitest/ui/0.12.6: + resolution: {integrity: sha512-3qHt0YWveaEmZEp7yr23Sn4nCWdDSAYjBLSoBHbnDXwpNhryLQz2KVR5XkJ74mQnOInXd+mh//GPMeLrJi7LJA==} dependencies: sirv: 2.0.2 dev: true - /@volar/code-gen/0.34.11: - resolution: {integrity: sha512-A4w+y+zP8qCDFyZ0KIm2oydRerp14a+IAYXro9wLt0LLvvqUGHEu/6y87uAj6TDqiX4OL/W8r1cEdhOJqFrBlA==} + /@volar/code-gen/0.34.15: + resolution: {integrity: sha512-g30glPo5N9bJocf1NBt802UcmqgZ3UtPst9b/Tangj+zR+K2RV5S2Un/suR6ZRiETXtg3nmrUcCgsTSJ6PC29A==} dependencies: - '@volar/source-map': 0.34.11 + '@volar/source-map': 0.34.15 dev: true - /@volar/source-map/0.34.11: - resolution: {integrity: sha512-ZsNZqFPUDDL1y6hK0ok7EriFb3CnCeapTLQrziTAbi3yOhcE4yM4G59XtRzc1i9EB+RXscm9a6Q6TgzD5KvoeA==} + /@volar/source-map/0.34.15: + resolution: {integrity: sha512-Y3sENK/kqsgD7Vtve6gq6/Dor6JuoJWR+s9iwHcHTcA4VDkJnJRGHcvP8S3SVBsWl7T9qtlnvH3WCbFj7WlXrw==} dev: true - /@volar/vue-code-gen/0.34.11: - resolution: {integrity: sha512-r/tnLd1eyy/PI0fBUYU7hKXkCyHb0JqBidTiADrazzkYMraRcwL6JNLOj/D7Pk75W0ObzlMUfHJdrAuxKvAHRg==} + /@volar/vue-code-gen/0.34.15: + resolution: {integrity: sha512-GglGsHxPPb7mW2v//5MUrkzxAO68YEIL5bRwpZD0Cp9np34keQdd1SHB5DXdoyU38cnfHJWjBlqCYpTnz2CR/w==} dependencies: - '@volar/code-gen': 0.34.11 - '@volar/source-map': 0.34.11 + '@volar/code-gen': 0.34.15 + '@volar/source-map': 0.34.15 '@vue/compiler-core': 3.2.33 '@vue/compiler-dom': 3.2.33 '@vue/shared': 3.2.33 dev: true - /@volar/vue-typescript/0.34.11: - resolution: {integrity: sha512-pZkIeCPIjRRc/Oj9uxyOk6UvE43ecD71B/CSbmtiMU9sqrSwpP8cdDr/B/cqm1jwebkChTaa1gLodNHS8BOLuw==} + /@volar/vue-typescript/0.34.15: + resolution: {integrity: sha512-7jwhYl1NQB0uYgTO74x+OBSD4SPF7bI3m1KFQ98Wt/NOTXr57YcUyOkDBImcTKRLX3PHG9ex6OfT7u3jiZ2Zzg==} dependencies: - '@volar/code-gen': 0.34.11 - '@volar/source-map': 0.34.11 - '@volar/vue-code-gen': 0.34.11 + '@volar/code-gen': 0.34.15 + '@volar/source-map': 0.34.15 + '@volar/vue-code-gen': 0.34.15 '@vue/compiler-sfc': 3.2.33 '@vue/reactivity': 3.2.33 dev: true @@ -2158,7 +2191,7 @@ packages: vue: 3.2.33 dev: true - /@vue/tsconfig/0.1.3_@types+node@17.0.31: + /@vue/tsconfig/0.1.3_@types+node@17.0.34: resolution: {integrity: sha512-kQVsh8yyWPvHpb8gIc9l/HIDiiVUy1amynLNpCy8p+FoCiZXCo6fQos5/097MmnNZc9AtseDsCrfkhqCrJ8Olg==} peerDependencies: '@types/node': '*' @@ -2166,11 +2199,11 @@ packages: '@types/node': optional: true dependencies: - '@types/node': 17.0.31 + '@types/node': 17.0.34 dev: true - /@vueuse/core/8.4.2_vue@3.2.33: - resolution: {integrity: sha512-dUVU96lii1ZdWoNJXauQNt+4QrHz1DKbuW+y6pDR2N10q7rGZJMDU7pQeMcC2XeosX7kMODfaBuqsF03NozzLg==} + /@vueuse/core/8.5.0_vue@3.2.33: + resolution: {integrity: sha512-VEJ6sGNsPlUp0o9BGda2YISvDZbhWJSOJu5zlp2TufRGVrLcYUKr31jyFEOj6RXzG3k/H4aCYeZyjpItfU8glw==} peerDependencies: '@vue/composition-api': ^1.1.0 vue: ^2.6.0 || ^3.2.0 @@ -2180,16 +2213,16 @@ packages: vue: optional: true dependencies: - '@vueuse/metadata': 8.4.2 - '@vueuse/shared': 8.4.2_vue@3.2.33 + '@vueuse/metadata': 8.5.0 + '@vueuse/shared': 8.5.0_vue@3.2.33 vue: 3.2.33 vue-demi: 0.12.1_vue@3.2.33 - /@vueuse/metadata/8.4.2: - resolution: {integrity: sha512-2BIj++7P0/I5dfMsEe8q7Kw0HqVAjVcyNOd9+G22/ILUC9TVLTeYOuJ1kwa1Gpr+0LWKHc6GqHiLWNL33+exoQ==} + /@vueuse/metadata/8.5.0: + resolution: {integrity: sha512-WxsD+Cd+bn+HcjpY6Dl9FJ8ywTRTT9pTwk3bCQpzEhXVYAyNczKDSahk50fCfIJKeWHhyI4B2+/ZEOxQAkUr0g==} - /@vueuse/shared/8.4.2_vue@3.2.33: - resolution: {integrity: sha512-hILXMEjL8YQhj1LHN/HZ49UThyfk8irTjhele2nW+L3N55ElFUBGB/f4w0rg8EW+/suhqv7kJJPTZzvHCqxlIw==} + /@vueuse/shared/8.5.0_vue@3.2.33: + resolution: {integrity: sha512-qKG+SZb44VvGD4dU5cQ63z4JE2Yk39hQUecR0a9sEdJA01cx+XrxAvFKJfPooxwoiqalAVw/ktWK6xbyc/jS3g==} peerDependencies: '@vue/composition-api': ^1.1.0 vue: ^2.6.0 || ^3.2.0 @@ -2358,7 +2391,7 @@ packages: dev: true /asap/2.0.6: - resolution: {integrity: sha1-5QNHYR1+aQlDIIu9r+vLwvuGbUY=} + resolution: {integrity: sha512-BSHWgDSAiKs50o2Re8ppvp3seVHXSRM44cdSsT9FfNEUUZLOGWVCsiWaRPWM1Znn+mqZ1OfVZ3z3DWEzSp7hRA==} dev: true /asn1/0.2.6: @@ -2387,7 +2420,6 @@ packages: /asynckit/0.4.0: resolution: {integrity: sha1-x57Zf380y48robyXkLzDZkdLS3k=} - dev: true /at-least-node/1.0.0: resolution: {integrity: sha512-+q/t7Ekv1EDY2l6Gda6LLiX14rU9TV20Wa3ofeQmwPFZbOMo9DXrLbOjFaaclkXKWidIaopwAObQDqwWtGUjqg==} @@ -2421,11 +2453,19 @@ packages: /axios/0.21.4_debug@4.3.2: resolution: {integrity: sha512-ut5vewkiu8jjGBdqpM44XxjuCjq9LAKeHVmoVfHVzy8eHgxxq8SbAVQNovDA8mVi05kP0Ea/n/UzcSHcTJQfNg==} dependencies: - follow-redirects: 1.14.9_debug@4.3.2 + follow-redirects: 1.14.9 transitivePeerDependencies: - debug dev: true + /axios/0.24.0: + resolution: {integrity: sha512-Q6cWsys88HoPgAaFAVUb0WpPk0O8iTeisR9IMqy9G8AbO4NlpVknrnQS03zzF9PGAWgO3cgletO3VjV/P7VztA==} + dependencies: + follow-redirects: 1.14.9 + transitivePeerDependencies: + - debug + dev: false + /babel-plugin-dynamic-import-node/2.3.3: resolution: {integrity: sha512-jZVI+s9Zg3IqA/kdi0i6UDCybUI3aSBLnglhYbSSjKlV7yF1F/5LWv8MakQmvYpnbJDS6fcBL2KzHSxNCMtWSQ==} dependencies: @@ -2571,8 +2611,8 @@ packages: engines: {node: '>=6'} dev: true - /c8/7.11.2: - resolution: {integrity: sha512-6ahJSrhS6TqSghHm+HnWt/8Y2+z0hM/FQyB1ybKhAR30+NYL9CTQ1uwHxuWw6U7BHlHv6wvhgOrH81I+lfCkxg==} + /c8/7.11.3: + resolution: {integrity: sha512-6YBmsaNmqRm9OS3ZbIiL2EZgi1+Xc4O24jL3vMYGE6idixYuGdy76rIfIdltSKDj9DpLNrcXSonUTR1miBD0wA==} engines: {node: '>=10.12.0'} hasBin: true dependencies: @@ -2600,7 +2640,6 @@ packages: dependencies: function-bind: 1.1.1 get-intrinsic: 1.1.1 - dev: true /callsites/3.1.0: resolution: {integrity: sha512-P8BjAsXvZS+VIDUI11hHCQEv74YT67YUi5JJFNWIqL235sBmjX4+qx9Muvls5ivyNENctx46xQLQ3aTuE7ssaQ==} @@ -2665,7 +2704,7 @@ packages: dev: true /check-error/1.0.2: - resolution: {integrity: sha1-V00xLt2Iu13YkS6Sht1sCu1KrII=} + resolution: {integrity: sha512-BrgHpW9NURQgzoNyjfq0Wu6VFO6D7IZEmJNdtgNqpzGG8RuNFHt2jQxWlAs4HMe119chBnv+34syEZtc6IhLtA==} dev: true /check-more-types/2.24.0: @@ -2777,7 +2816,6 @@ packages: engines: {node: '>= 0.8'} dependencies: delayed-stream: 1.0.0 - dev: true /commander/2.20.3: resolution: {integrity: sha512-GpVkmM8vF2vQUkj2LvZmD35JxeJOLCwJ9cUkugyk2nuhbv3+mJvpLYYt+0+USMxE+oj+ey/lJEnhZw75x/OMcQ==} @@ -3063,7 +3101,6 @@ packages: /delayed-stream/1.0.0: resolution: {integrity: sha1-3zrhmayt+31ECqrgsp4icrJOxhk=} engines: {node: '>=0.4.0'} - dev: true /detective/5.2.0: resolution: {integrity: sha512-6SsIx+nUUbuK0EthKjv0zrdnajCCXVYGmbYYiYjFVpzcjwEs/JMDZ8tPRG29J/HhN56t3GJp2cGSWDRjjot8Pg==} @@ -3826,7 +3863,7 @@ packages: vue-resize: 2.0.0-alpha.1_vue@3.2.33 dev: true - /follow-redirects/1.14.9_debug@4.3.2: + /follow-redirects/1.14.9: resolution: {integrity: sha512-MQDfihBQYMcyy5dhRDJUHcw7lb2Pv/TuE6xP1vyraLukNDHKbDxDNaOE3NbCAdKQApno+GPRyo1YAp89yCjK4w==} engines: {node: '>=4.0'} peerDependencies: @@ -3834,9 +3871,6 @@ packages: peerDependenciesMeta: debug: optional: true - dependencies: - debug: 4.3.2 - dev: true /foreground-child/2.0.0: resolution: {integrity: sha512-dCIq9FpEcyQyXKCkyzmlPTFNgrCzPudOe+mhvJU5zAtlBnGVy2yKxtfsxK2tQBThwq225jcvBjpw1Gr40uzZCA==} @@ -3866,7 +3900,6 @@ packages: asynckit: 0.4.0 combined-stream: 1.0.8 mime-types: 2.1.34 - dev: true /fraction.js/4.2.0: resolution: {integrity: sha512-MhLuK+2gUcnZe8ZHlaaINnQLl0xRIGRfcGk2yl8xoQAfHrSsL3rYu6FCmBdkdbhc9EPlwyGHewaRsvwRMJtAlA==} @@ -3918,7 +3951,6 @@ packages: /function-bind/1.1.1: resolution: {integrity: sha512-yIovAzMX49sF8Yl58fSCWJ5svSLuaibPxXQJFLmBObTuCr0Mf1KiPopGM9NiFjiYBCbfaa2Fh6breQ6ANVTI0A==} - dev: true /function.prototype.name/1.1.5: resolution: {integrity: sha512-uN7m/BzVKQnCUF/iW8jYea67v++2u7m5UgENbHRtdDVclOUP+FMPlCNdmk0h/ysGyo2tavMJEDqJAkJdRa1vMA==} @@ -3958,7 +3990,6 @@ packages: function-bind: 1.1.1 has: 1.0.3 has-symbols: 1.0.3 - dev: true /get-own-enumerable-property-symbols/3.0.2: resolution: {integrity: sha512-I0UBV/XOz1XkIJHEUDMZAbzCThU/H8DxmSfmdGcKPnVhu2VfFqr34jr9777IyaTYvxjedWhqVIilEDsCdP5G6g==} @@ -4109,7 +4140,6 @@ packages: /has-symbols/1.0.3: resolution: {integrity: sha512-l3LCuF6MgDNwTDKkdYGEihYjt5pRPbEg46rtlmnSPlUbgmB8LOIrKJbYYFBSbnPaJexMKtiPO8hmeRjRz2Td+A==} engines: {node: '>= 0.4'} - dev: true /has-tostringtag/1.0.0: resolution: {integrity: sha512-kFjcSNhnlGV1kyoGk7OXKSawH5JOb/LzUc5w9B02hOTO0dfFRjbHQKvg1d6cf3HbeUmtU9VbbV3qzZ2Teh97WQ==} @@ -4123,7 +4153,6 @@ packages: engines: {node: '>= 0.4.0'} dependencies: function-bind: 1.1.1 - dev: true /hash-sum/2.0.0: resolution: {integrity: sha512-WdZTbAByD+pHfl/g9QSsBIIwy8IT+EsPiKDs0KNX+zSHhdDLFKdZu0BQHljvO+0QI/BasbMSUa8wYNCZTvhslg==} @@ -4134,16 +4163,16 @@ packages: hasBin: true dev: true - /histoire/0.4.5_vmi6nhjwm35b7so4eamehfslgu: - resolution: {integrity: sha512-JaCuoNjlygcUHKcTdzbDb7lmyKRvnKitSFi6IsSmLlRM0dztEX9U8qBAr3dKAjAJNieiJN5PMfoI4UsrAV0nVQ==} + /histoire/0.4.6_gfrfffqr3ji5b3kcyxmqf57s3m: + resolution: {integrity: sha512-TYghH+wvepQp6RgMag+yyEi6G+gaZQq45w7R8aaA++dxJcUhRIlgtibz4nP9luKO5F8E91J+85Ssuym8FjfH1w==} hasBin: true peerDependencies: vite: ^2.9.0 dependencies: - '@histoire/controls': 0.4.5_vue@3.2.33 + '@histoire/controls': 0.4.6_vue@3.2.33 '@iconify/vue': 3.2.1_vue@3.2.33 '@types/markdown-it': 12.2.3 - '@vueuse/core': 8.4.2_vue@3.2.33 + '@vueuse/core': 8.5.0_vue@3.2.33 birpc: 0.1.1 case: 1.6.3 chokidar: 3.5.3 @@ -4168,7 +4197,7 @@ packages: shiki: 0.10.1 sirv: 2.0.2 tinypool: 0.1.3 - vite: 2.9.8_sass@1.51.0 + vite: 2.9.9_sass@1.51.0 vite-node: 0.12.1_sass@1.51.0 vue: 3.2.33 vue-router: 4.0.15_vue@3.2.33 @@ -4540,7 +4569,7 @@ packages: resolution: {integrity: sha512-KWYVV1c4i+jbMpaBC+U++4Va0cp8OisU185o73T1vo99hqi7w8tSJfUXYswwqqrjzwxa6KpRK54WhPvwf5w6PQ==} engines: {node: '>= 10.13.0'} dependencies: - '@types/node': 17.0.31 + '@types/node': 17.0.34 merge-stream: 2.0.0 supports-color: 7.2.0 dev: true @@ -4559,6 +4588,10 @@ packages: '@sideway/pinpoint': 2.0.0 dev: true + /js-base64/3.7.2: + resolution: {integrity: sha512-NnRs6dsyqUXejqk/yv2aiXlAvOs56sLkX6nUdeaNezI5LFFLlsZjOThmwnrcwh5ZZRwZlCMnVAY3CvhIhoVEKQ==} + dev: false + /js-tokens/4.0.0: resolution: {integrity: sha512-RdJUflcE3cUzKiMqQgsCu06FPu9UdIJO0beYbPhHN4k6apgJtifcoCtT9bcxOpYBtpD2kCM6Sbzg4CausW/PKQ==} dev: true @@ -4892,14 +4925,12 @@ packages: /mime-db/1.51.0: resolution: {integrity: sha512-5y8A56jg7XVQx2mbv1lu49NR4dokRnhZYTtL+KGfaa27uq4pSTXkwQkFJl4pkRMyNFz/EtYDSkiiEHx3F7UN6g==} engines: {node: '>= 0.6'} - dev: true /mime-types/2.1.34: resolution: {integrity: sha512-6cP692WwGIs9XXdOO4++N+7qjqv0rqxxVvJ3VHPh/Sc9mVZcQP+ZGhkKiTvWMQRr2tbHkJP/Yn7Y0npb3ZBs4A==} engines: {node: '>= 0.6'} dependencies: mime-db: 1.51.0 - dev: true /mimic-fn/2.1.0: resolution: {integrity: sha512-OqbOk5oEQeAZ8WXWydlu9HJjz9WVdEIvamMCcXmuqUYjTknH/sqsWvhQ3vgwKFRR1HpjvNBKQ37nbJgYzGqGcg==} @@ -5029,7 +5060,6 @@ packages: /object-inspect/1.12.0: resolution: {integrity: sha512-Ho2z80bVIvJloH+YzRmpZVQe87+qASmBUKZDWgx9cu+KDrX2ZDH/3tMy+gXbZETVGs2M8YdxObOh7XAtim9Y0g==} - dev: true /object-keys/1.1.1: resolution: {integrity: sha512-NuAESUOUMrlIXOfHKzD6bpPu3tYt3xvjNdRIQ+FeT0lNb4K8WR70CaDxhuNguS2XG+GjkyMwOzsN5ZktImfhLA==} @@ -5351,6 +5381,12 @@ packages: engines: {node: '>=6'} dev: true + /qs/6.10.3: + resolution: {integrity: sha512-wr7M2E0OFRfIfJZjKGieI8lBKb7fRCH4Fv5KNPEs7gJ8jadvotdsS08PzOKR7opXhZ/Xkjtt3WF9g38drmyRqQ==} + engines: {node: '>=0.6'} + dependencies: + side-channel: 1.0.4 + /qs/6.5.3: resolution: {integrity: sha512-qxXIEh4pCGfHICj1mAJQ2/2XVZkjCDTcEgfoSQxc/fYivUZxTkk7L3bDBJSoNrEzXI17oUO5Dp07ktqE5KzczA==} engines: {node: '>=0.6'} @@ -5527,14 +5563,6 @@ packages: terser: 5.13.1 dev: true - /rollup/2.69.0: - resolution: {integrity: sha512-kjER91tHyek8gAkuz7+558vSnTQ+pITEok1P0aNOS45ZXyngaqPsXJmSel4QPQnJo7EJMjXUU1/GErWkWiKORg==} - engines: {node: '>=10.0.0'} - hasBin: true - optionalDependencies: - fsevents: 2.3.2 - dev: true - /rollup/2.72.1: resolution: {integrity: sha512-NTc5UGy/NWFGpSqF1lFY8z9Adri6uhyMLI6LvPAXdBKoPRFhIIiBUpt+Qg2awixqO3xvzSijjhnb4+QEZwJmxA==} engines: {node: '>=10.0.0'} @@ -5647,7 +5675,6 @@ packages: call-bind: 1.0.2 get-intrinsic: 1.1.1 object-inspect: 1.12.0 - dev: true /signal-exit/3.0.7: resolution: {integrity: sha512-wnD2ZE+l+SPC/uoS0vXeE9L1+0wuaMqKlfz9AMUo38JsyLSBWSFcHR1Rri62LZc12vLr1gb3jl7iwQhgwpAbGQ==} @@ -5993,7 +6020,7 @@ packages: http-basic: 8.1.3 http-response-object: 3.0.2 promise: 8.1.0 - qs: 6.5.3 + qs: 6.10.3 dev: true /throttleit/1.0.0: @@ -6094,7 +6121,6 @@ packages: /tslib/2.3.1: resolution: {integrity: sha512-77EbyPPpMz+FRFRuAFlWMtmgUWGe9UOG2Z25NqCwiIjRhOf5iKGuzSe5P2w1laq+FkRy4p+PCuVkJSGkzTEKVw==} - dev: true /tsutils/3.21.0_typescript@4.6.4: resolution: {integrity: sha512-mHKK3iUXL+3UF6xL5k0PEhKRUBKPBCv/+RkEOpjRWxxx27KKRBmmA60A9pgOUvMi8GKhRMPEmjBRPzs2W7O1OA==} @@ -6218,7 +6244,7 @@ packages: engines: {node: '>= 0.8'} dev: true - /unplugin-icons/0.14.3_vite@2.9.8: + /unplugin-icons/0.14.3_vite@2.9.9: resolution: {integrity: sha512-PyyNMACpZ/EAiG3B6K1wPGZ151VGdlHIEx8/utgP546yVmPpV/xC1k1V2eEebf71fGm3WD6gzPrERNsbMgIVgg==} peerDependencies: '@svgr/core': '>=5.5.0' @@ -6241,7 +6267,7 @@ packages: debug: 4.3.4 kolorist: 1.5.1 local-pkg: 0.4.1 - unplugin: 0.6.2_vite@2.9.8 + unplugin: 0.6.2_vite@2.9.9 transitivePeerDependencies: - esbuild - rollup @@ -6250,7 +6276,7 @@ packages: - webpack dev: true - /unplugin/0.6.2_vite@2.9.8: + /unplugin/0.6.2_vite@2.9.9: resolution: {integrity: sha512-+QONc2uBFQbeo4x5mlJHjTKjR6pmuchMpGVrWhwdGFFMb4ttFZ4E9KqhOOrNcm3Q8NNyB1vJ4s5e36IZC7UWYw==} peerDependencies: esbuild: '>=0.13' @@ -6268,7 +6294,7 @@ packages: optional: true dependencies: chokidar: 3.5.3 - vite: 2.9.8_sass@1.51.0 + vite: 2.9.9_sass@1.51.0 webpack-sources: 3.2.3 webpack-virtual-modules: 0.4.3 dev: true @@ -6346,14 +6372,14 @@ packages: kolorist: 1.5.1 mlly: 0.5.2 pathe: 0.2.0 - vite: 2.9.8_sass@1.51.0 + vite: 2.9.9_sass@1.51.0 transitivePeerDependencies: - less - sass - stylus dev: true - /vite-plugin-dts/1.1.1_vite@2.9.8: + /vite-plugin-dts/1.1.1_vite@2.9.9: resolution: {integrity: sha512-2aRLBppGCDhtrj+7uV3/Muvn4Pa35CQpZ5Js+z8HQRsTM1YMuvEkSGGQwHkSQdDSyaFv6O1zBqN0ln6hgqHvyw==} engines: {node: '>=12.0.0'} peerDependencies: @@ -6366,12 +6392,12 @@ packages: fast-glob: 3.2.11 fs-extra: 10.0.1 ts-morph: 14.0.0 - vite: 2.9.8_sass@1.51.0 + vite: 2.9.9_sass@1.51.0 transitivePeerDependencies: - supports-color dev: true - /vite-plugin-pwa/0.12.0_vite@2.9.8: + /vite-plugin-pwa/0.12.0_vite@2.9.9: resolution: {integrity: sha512-KYD+cnS5ExLF3T28NkfzBLZ53ehHlp+qMhHGFNh0zlVGpFHrJkL2v9wd4AMi7ZkBTffgeNatIFiv8rhCsMSxBQ==} peerDependencies: vite: ^2.0.0 @@ -6380,7 +6406,7 @@ packages: fast-glob: 3.2.11 pretty-bytes: 6.0.0 rollup: 2.72.1 - vite: 2.9.8_sass@1.51.0 + vite: 2.9.9_sass@1.51.0 workbox-build: 6.5.3 workbox-window: 6.5.3 transitivePeerDependencies: @@ -6388,8 +6414,8 @@ packages: - supports-color dev: true - /vite/2.9.8_sass@1.51.0: - resolution: {integrity: sha512-zsBGwn5UT3YS0NLSJ7hnR54+vUKfgzMUh/Z9CxF1YKEBVIe213+63jrFLmZphgGI5zXwQCSmqIdbPuE8NJywPw==} + /vite/2.9.9_sass@1.51.0: + resolution: {integrity: sha512-ffaam+NgHfbEmfw/Vuh6BHKKlI/XIAhxE5QSS7gFLIngxg171mg1P3a4LSRME0z2ZU1ScxoKzphkipcYwSD5Ew==} engines: {node: '>=12.2.0'} hasBin: true peerDependencies: @@ -6407,14 +6433,14 @@ packages: esbuild: 0.14.29 postcss: 8.4.13 resolve: 1.22.0 - rollup: 2.69.0 + rollup: 2.72.1 sass: 1.51.0 optionalDependencies: fsevents: 2.3.2 dev: true - /vitest/0.12.3_ztzjud4kquuh6gaaxlqfogd3mq: - resolution: {integrity: sha512-Dc4uJAcnUampdJ6+C8IasrmL+Px+oDhS9gxeHlL9uwUzoM0ae2WydAK9UF2THxHszfZogLGT37atQwOkj1Lqvg==} + /vitest/0.12.6_pfh5lnme5kp6b474lb3mo7jsri: + resolution: {integrity: sha512-YWbCTv0XKBuBw5YtuW/iufuguoi8QhGpYyi2g57Oo7akpscMkkWTAaZGgY0ux1oJJtO/pc/8GFt0EF32WFBUUQ==} engines: {node: '>=v14.16.0'} hasBin: true peerDependencies: @@ -6434,14 +6460,14 @@ packages: dependencies: '@types/chai': 4.3.1 '@types/chai-subset': 1.3.3 - '@vitest/ui': 0.12.3 - c8: 7.11.2 + '@vitest/ui': 0.12.6 + c8: 7.11.3 chai: 4.3.6 jsdom: 19.0.0 local-pkg: 0.4.1 tinypool: 0.1.3 tinyspy: 0.3.2 - vite: 2.9.8_sass@1.51.0 + vite: 2.9.9_sass@1.51.0 transitivePeerDependencies: - less - sass @@ -6504,13 +6530,13 @@ packages: '@vue/devtools-api': 6.1.4 vue: 3.2.33 - /vue-tsc/0.34.11_typescript@4.6.4: - resolution: {integrity: sha512-5NM4oR8U/c3mTlJ9aNXbXkAGT2bhq+FJpCgZDqOKPpCjW5QDx1BXPC+nrBXNMwg8TRL6pK4fl+x+hrK97Siq/Q==} + /vue-tsc/0.34.15_typescript@4.6.4: + resolution: {integrity: sha512-xRNaOpg/UCHnRcz9vOdbIjB7uCQ0mifHpqNaejAho7em4WLOzNdJx4R9HMJrqWek44keg7AblIiwM+86QfXx9g==} hasBin: true peerDependencies: typescript: '*' dependencies: - '@volar/vue-typescript': 0.34.11 + '@volar/vue-typescript': 0.34.15 typescript: 4.6.4 dev: true diff --git a/src/components/base/modal/Modal.vue b/src/components/base/modal/Modal.vue index c93d4b11..fb3f549e 100644 --- a/src/components/base/modal/Modal.vue +++ b/src/components/base/modal/Modal.vue @@ -79,7 +79,8 @@ function handleClose() { >
{{ title }}
-
+
+
diff --git a/src/core/icons.ts b/src/core/icons.ts index 5aaa3594..1e5aeb0d 100644 --- a/src/core/icons.ts +++ b/src/core/icons.ts @@ -1,6 +1,8 @@ // @ts-ignore import IconDashboard from "~icons/ri/dashboard-3-line"; // @ts-ignore +import IconArrowLeft from "~icons/ri/arrow-left-s-line"; +// @ts-ignore import IconArrowRight from "~icons/ri/arrow-right-s-line"; // @ts-ignore import IconBookRead from "~icons/ri/book-read-line"; @@ -41,6 +43,7 @@ import IconDeleteBin from "~icons/ri/delete-bin-2-line"; export { IconDashboard, + IconArrowLeft, IconArrowRight, IconBookRead, IconPages, diff --git a/src/views/contents/posts/PostList.vue b/src/views/contents/posts/PostList.vue index e073a6e9..3551e268 100644 --- a/src/views/contents/posts/PostList.vue +++ b/src/views/contents/posts/PostList.vue @@ -5,12 +5,22 @@ import { VSpace } from "@/components/base/space"; import { VTag } from "@/components/base/tag"; import { VInput } from "@/components/base/input"; import { VPageHeader } from "@/components/base/header"; -import { IconBookRead, IconSettings } from "@/core/icons"; +import { VModal } from "@/components/base/modal"; +import { VTabItem, VTabs } from "@/components/base/tabs"; +import { VTextarea } from "@/components/base/textarea"; +import { + IconArrowLeft, + IconArrowRight, + IconBookRead, + IconSettings, +} from "@/core/icons"; import { posts } from "./posts-mock"; import { ref } from "vue"; +import type { Post } from "@halo-dev/admin-api"; const postsRef = ref( - posts.map((item) => { + // eslint-disable-next-line + posts.map((item: any) => { return { ...item, checked: false, @@ -19,21 +29,268 @@ const postsRef = ref( ); const checkAll = ref(false); +const postSettings = ref(false); +const settingActiveId = ref("general"); +// eslint-disable-next-line +const selected = ref>({}); +const saving = ref(false); const handleCheckAll = () => { postsRef.value.forEach((item) => { item.checked = checkAll.value; }); }; + +// eslint-disable-next-line +const handleSelect = (post: any) => { + selected.value = post; + postSettings.value = true; +}; + +const handleSelectPrevious = () => { + const currentIndex = posts.findIndex((post) => post.id === selected.value.id); + if (currentIndex > 0) { + selected.value = posts[currentIndex - 1]; + } +}; + +const handleSelectNext = () => { + const currentIndex = posts.findIndex((post) => post.id === selected.value.id); + if (currentIndex < posts.length - 1) { + selected.value = posts[currentIndex + 1]; + } +}; handleCheckAll();