From 78ce11a336ed0c766651b4431df38dfa923e1b21 Mon Sep 17 00:00:00 2001 From: toesbieya <1647775459@qq.com> Date: Fri, 4 Dec 2020 11:39:11 +0800 Subject: [PATCH] =?UTF-8?q?=E7=AE=80=E6=98=93=E6=A8=A1=E6=9D=BF=E7=B2=BE?= =?UTF-8?q?=E7=AE=80?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- .../src/component/Empty/DefaultEmptyImage.vue | 51 ---- vue/template/src/component/Empty/index.vue | 40 --- vue/template/src/component/Empty/style.scss | 47 ---- .../component/abstract/Dialog/LoadingMask.vue | 24 -- .../src/component/abstract/Dialog/index.vue | 48 ---- .../src/component/abstract/Dialog/style.scss | 18 -- .../src/component/abstract/Form/index.vue | 24 -- .../src/component/abstract/Form/item.vue | 25 -- .../component/abstract/Pagination/index.vue | 28 --- .../src/component/abstract/Table/index.vue | 32 --- vue/template/src/globalMethod/Guide/index.js | 39 --- vue/template/src/globalMethod/Guide/main.vue | 237 ------------------ .../src/globalMethod/Guide/style.scss | 70 ------ vue/template/src/globalMethod/Guide/utils.js | 106 -------- .../src/globalMethod/SignautreBoard/index.js | 32 --- .../src/globalMethod/SignautreBoard/main.vue | 161 ------------ vue/template/src/globalMethod/index.js | 4 - .../src/layout/component/Navbar/index.vue | 45 +--- .../module/example/child/globalMethod.js | 10 - vue/template/src/util/tree.js | 31 --- vue/template/src/util/worker.js | 12 - .../view/example/globalMethod/guidePage.vue | 64 ----- .../example/globalMethod/signaturePage.vue | 31 --- 23 files changed, 3 insertions(+), 1176 deletions(-) delete mode 100644 vue/template/src/component/Empty/DefaultEmptyImage.vue delete mode 100644 vue/template/src/component/Empty/index.vue delete mode 100644 vue/template/src/component/Empty/style.scss delete mode 100644 vue/template/src/component/abstract/Dialog/LoadingMask.vue delete mode 100644 vue/template/src/component/abstract/Dialog/index.vue delete mode 100644 vue/template/src/component/abstract/Dialog/style.scss delete mode 100644 vue/template/src/component/abstract/Form/index.vue delete mode 100644 vue/template/src/component/abstract/Form/item.vue delete mode 100644 vue/template/src/component/abstract/Pagination/index.vue delete mode 100644 vue/template/src/component/abstract/Table/index.vue delete mode 100644 vue/template/src/globalMethod/Guide/index.js delete mode 100644 vue/template/src/globalMethod/Guide/main.vue delete mode 100644 vue/template/src/globalMethod/Guide/style.scss delete mode 100644 vue/template/src/globalMethod/Guide/utils.js delete mode 100644 vue/template/src/globalMethod/SignautreBoard/index.js delete mode 100644 vue/template/src/globalMethod/SignautreBoard/main.vue delete mode 100644 vue/template/src/util/worker.js delete mode 100644 vue/template/src/view/example/globalMethod/guidePage.vue delete mode 100644 vue/template/src/view/example/globalMethod/signaturePage.vue diff --git a/vue/template/src/component/Empty/DefaultEmptyImage.vue b/vue/template/src/component/Empty/DefaultEmptyImage.vue deleted file mode 100644 index 51ec843..0000000 --- a/vue/template/src/component/Empty/DefaultEmptyImage.vue +++ /dev/null @@ -1,51 +0,0 @@ - diff --git a/vue/template/src/component/Empty/index.vue b/vue/template/src/component/Empty/index.vue deleted file mode 100644 index 6da639f..0000000 --- a/vue/template/src/component/Empty/index.vue +++ /dev/null @@ -1,40 +0,0 @@ - - - diff --git a/vue/template/src/component/Empty/style.scss b/vue/template/src/component/Empty/style.scss deleted file mode 100644 index a9a891d..0000000 --- a/vue/template/src/component/Empty/style.scss +++ /dev/null @@ -1,47 +0,0 @@ -.ant-empty { - padding: 20px; - margin: 0 8px; - font-size: 14px; - line-height: 22px; - text-align: center; - - &-image { - height: 100px; - margin-bottom: 8px; - - img { - height: 100%; - } - - svg { - height: 100%; - margin: auto; - } - } - - &-description { - margin: 0; - } - - &-footer { - margin-top: 16px; - } - - &-normal { - margin: 32px 0; - color: rgba(0, 0, 0, .25); - - .ant-empty-image { - height: 40px; - } - } - - &-small { - margin: 8px 0; - color: rgba(0, 0, 0, .25); - - .ant-empty-image { - height: 35px; - } - } -} diff --git a/vue/template/src/component/abstract/Dialog/LoadingMask.vue b/vue/template/src/component/abstract/Dialog/LoadingMask.vue deleted file mode 100644 index 661f811..0000000 --- a/vue/template/src/component/abstract/Dialog/LoadingMask.vue +++ /dev/null @@ -1,24 +0,0 @@ - diff --git a/vue/template/src/component/abstract/Dialog/index.vue b/vue/template/src/component/abstract/Dialog/index.vue deleted file mode 100644 index e181b6a..0000000 --- a/vue/template/src/component/abstract/Dialog/index.vue +++ /dev/null @@ -1,48 +0,0 @@ - - - diff --git a/vue/template/src/component/abstract/Dialog/style.scss b/vue/template/src/component/abstract/Dialog/style.scss deleted file mode 100644 index 6789556..0000000 --- a/vue/template/src/component/abstract/Dialog/style.scss +++ /dev/null @@ -1,18 +0,0 @@ -.abstract-dialog { - .el-dialog__body { - padding: 0; - } - - .abstract-dialog-container { - position: relative; - width: 100%; - - .abstract-dialog-body { - padding: 24px 24px 0 - } - - .el-form { - padding: 0; - } - } -} diff --git a/vue/template/src/component/abstract/Form/index.vue b/vue/template/src/component/abstract/Form/index.vue deleted file mode 100644 index b719884..0000000 --- a/vue/template/src/component/abstract/Form/index.vue +++ /dev/null @@ -1,24 +0,0 @@ - diff --git a/vue/template/src/component/abstract/Form/item.vue b/vue/template/src/component/abstract/Form/item.vue deleted file mode 100644 index 86e3081..0000000 --- a/vue/template/src/component/abstract/Form/item.vue +++ /dev/null @@ -1,25 +0,0 @@ - diff --git a/vue/template/src/component/abstract/Pagination/index.vue b/vue/template/src/component/abstract/Pagination/index.vue deleted file mode 100644 index d33d97e..0000000 --- a/vue/template/src/component/abstract/Pagination/index.vue +++ /dev/null @@ -1,28 +0,0 @@ - diff --git a/vue/template/src/component/abstract/Table/index.vue b/vue/template/src/component/abstract/Table/index.vue deleted file mode 100644 index 744cd4c..0000000 --- a/vue/template/src/component/abstract/Table/index.vue +++ /dev/null @@ -1,32 +0,0 @@ - diff --git a/vue/template/src/globalMethod/Guide/index.js b/vue/template/src/globalMethod/Guide/index.js deleted file mode 100644 index 10db097..0000000 --- a/vue/template/src/globalMethod/Guide/index.js +++ /dev/null @@ -1,39 +0,0 @@ -import Vue from 'vue' -import Main from './main.vue' -import {mergeObj} from "@/util" - -const GuideConstructor = Vue.extend(Main) - -let instance - -const defaultOptions = { - stageBackground: '#ffffff', - doneBtnText: '完成', - closeBtnText: '关闭', - nextBtnText: '下一步', - prevBtnText: '上一步', -} - -const guide = function (steps, index, beforeExit) { - if (instance) instance.exit() - else { - instance = new GuideConstructor({data: {options: defaultOptions}}) - instance.$mount() - document.body.appendChild(instance.$el) - } - - instance.steps = steps - instance.beforeExit = beforeExit - - this.$nextTick(() => instance.start(index)) -} - -guide.config = function (config) { - mergeObj(defaultOptions, config) -} - -guide.exit = function (force) { - instance && instance.exit(force) -} - -export default guide diff --git a/vue/template/src/globalMethod/Guide/main.vue b/vue/template/src/globalMethod/Guide/main.vue deleted file mode 100644 index 2d261dc..0000000 --- a/vue/template/src/globalMethod/Guide/main.vue +++ /dev/null @@ -1,237 +0,0 @@ - - - - - diff --git a/vue/template/src/globalMethod/Guide/style.scss b/vue/template/src/globalMethod/Guide/style.scss deleted file mode 100644 index 8d784b5..0000000 --- a/vue/template/src/globalMethod/Guide/style.scss +++ /dev/null @@ -1,70 +0,0 @@ -.guide-highlighted-element { - z-index: 1002 !important; -} - -.guide-position-relative { - position: relative !important; -} - -.guide-fix-stacking { - z-index: auto !important; - opacity: 1.0 !important; - transform: none !important; - filter: none !important; - perspective: none !important; - transform-style: flat !important; - will-change: unset !important; -} - -.guide-popover-container { - min-width: 300px; - - .guide-popover-action { - position: relative; - height: 100%; - width: 100%; - margin-top: 20px; - - .action-close { - display: inline-block; - } - - .action-step { - display: inline-block; - right: 0; - position: absolute; - - .prev-btn { - position: absolute; - right: 90px; - } - } - } -} - -#guide-stage { - position: absolute; - background: white; - transition: all 0.3s; - z-index: 1001 !important; - border-radius: 2px; - /*background: transparent !important; - outline: 5000px solid rgba(0, 0, 0, 0.75);*/ -} - -#guide-overlay { - background: black; - position: fixed; - top: 0; - left: 0; - bottom: 0; - right: 0; - opacity: 0.75; - z-index: 1000 !important; -} - -#guide-highlight-element-cover { - position: absolute; - background: transparent !important; - z-index: 1003 !important; -} diff --git a/vue/template/src/globalMethod/Guide/utils.js b/vue/template/src/globalMethod/Guide/utils.js deleted file mode 100644 index 4f86e81..0000000 --- a/vue/template/src/globalMethod/Guide/utils.js +++ /dev/null @@ -1,106 +0,0 @@ -const CLASS_HIGHLIGHTED_ELEMENT = 'guide-highlighted-element' -const CLASS_POSITION_RELATIVE = 'guide-position-relative' -const CLASS_FIX_STACKING_CONTEXT = 'guide-fix-stacking' - -export function getStyleProperty(element, propertyName, prefixVendor = false) { - if (prefixVendor) { - const prefixes = ['', '-webkit-', '-ms-', 'moz-', '-o-'] - for (let counter = 0; counter < prefixes.length; counter++) { - const prefixedProperty = prefixes[counter] + propertyName - const foundValue = getStyleProperty(element, prefixedProperty) - - if (foundValue) return foundValue - } - - return '' - } - - let propertyValue = '' - - if (element.currentStyle) { - propertyValue = element.currentStyle[propertyName] - } - else if (document.defaultView && document.defaultView.getComputedStyle) { - propertyValue = - document - .defaultView - .getComputedStyle(element, null) - .getPropertyValue(propertyName) - } - - return propertyValue && propertyValue.toLowerCase ? propertyValue.toLowerCase() : propertyValue -} - -export function removeHighlightClasses(element) { - element.classList.remove(CLASS_HIGHLIGHTED_ELEMENT) - element.classList.remove(CLASS_POSITION_RELATIVE) - - const stackFixes = document.querySelectorAll(`.${CLASS_FIX_STACKING_CONTEXT}`) - for (let counter = 0; counter < stackFixes.length; counter++) { - stackFixes[counter].classList.remove(CLASS_FIX_STACKING_CONTEXT) - } -} - -export function addHighlightClasses(element) { - element.classList.add(CLASS_HIGHLIGHTED_ELEMENT) - - if (canMakeRelative(element)) { - element.classList.add(CLASS_POSITION_RELATIVE) - } - - fixStackingContext(element) -} - -export function getCalculatedPosition(element) { - const body = document.body - const documentElement = document.documentElement - - const scrollTop = window.pageYOffset || documentElement.scrollTop || body.scrollTop - const scrollLeft = window.pageXOffset || documentElement.scrollLeft || body.scrollLeft - const elementRect = element.getBoundingClientRect() - - return ({ - top: elementRect.top + scrollTop, - left: elementRect.left + scrollLeft, - right: elementRect.left + scrollLeft + elementRect.width, - bottom: elementRect.top + scrollTop + elementRect.height, - }) -} - -function canMakeRelative(element) { - const currentPosition = getStyleProperty(element, 'position') - const avoidPositionsList = ['absolute', 'fixed', 'relative'] - - return avoidPositionsList.indexOf(currentPosition) === -1 -} - -function fixStackingContext(element) { - let parentNode = element.parentNode - while (parentNode) { - if (!parentNode.tagName || parentNode.tagName.toLowerCase() === 'body') { - break - } - - const zIndex = getStyleProperty(parentNode, 'z-index') - const opacity = parseFloat(getStyleProperty(parentNode, 'opacity')) - const transform = getStyleProperty(parentNode, 'transform', true) - const transformStyle = getStyleProperty(parentNode, 'transform-style', true) - const transformBox = getStyleProperty(parentNode, 'transform-box', true) - const filter = getStyleProperty(parentNode, 'filter', true) - const perspective = getStyleProperty(parentNode, 'perspective', true) - - if ( - /[0-9]+/.test(zIndex) - || opacity < 1 - || (transform && transform !== 'none') - || (transformStyle && transformStyle !== 'flat') - || (transformBox && transformBox !== 'border-box') - || (filter && filter !== 'none') - || (perspective && perspective !== 'none') - ) { - parentNode.classList.add(CLASS_FIX_STACKING_CONTEXT) - } - - parentNode = parentNode.parentNode - } -} diff --git a/vue/template/src/globalMethod/SignautreBoard/index.js b/vue/template/src/globalMethod/SignautreBoard/index.js deleted file mode 100644 index 3efbd5c..0000000 --- a/vue/template/src/globalMethod/SignautreBoard/index.js +++ /dev/null @@ -1,32 +0,0 @@ -import Vue from 'vue' -import Main from './main.vue' - -const Constructor = Vue.extend(Main) - -let instance - -const signature = function ({image, lineWidth = 6, lineColor = '#000000', onConfirm}) { - if (instance) instance.close() - else { - instance = new Constructor().$mount() - document.body.appendChild(instance.$el) - } - - instance.image = image - instance.lineWidth = lineWidth - instance.lineColor = lineColor - instance.onConfirm = onConfirm - instance.init() - instance.visible = true - - return instance -} - -signature.close = function () { - if (instance) { - instance.close() - instance = null - } -} - -export default signature diff --git a/vue/template/src/globalMethod/SignautreBoard/main.vue b/vue/template/src/globalMethod/SignautreBoard/main.vue deleted file mode 100644 index ec35ce3..0000000 --- a/vue/template/src/globalMethod/SignautreBoard/main.vue +++ /dev/null @@ -1,161 +0,0 @@ - - - - - diff --git a/vue/template/src/globalMethod/index.js b/vue/template/src/globalMethod/index.js index 597e2b1..214ef9f 100644 --- a/vue/template/src/globalMethod/index.js +++ b/vue/template/src/globalMethod/index.js @@ -1,11 +1,7 @@ -import Guide from './Guide' import ImageViewer from './ImageViewer' import Verify from './Verify' -import Signature from './SignautreBoard' export default function (Vue) { - Vue.prototype.$guide = Guide Vue.prototype.$image = ImageViewer Vue.prototype.$verify = Verify - Vue.prototype.$signature = Signature } diff --git a/vue/template/src/layout/component/Navbar/index.vue b/vue/template/src/layout/component/Navbar/index.vue index 046eb85..baa8681 100644 --- a/vue/template/src/layout/component/Navbar/index.vue +++ b/vue/template/src/layout/component/Navbar/index.vue @@ -16,28 +16,6 @@ export default { components: {HeadMenu, Logo}, - data() { - return { - guideSteps: [ - { - element: '.setting-btn.navbar-item', - content: '这是个性设置按钮，可以根据自己喜好进行一些设置', - }, - { - element: '.navbar .el-dropdown.navbar-item', - content: '这是用户中心', - }, - { - element: '.tags-view-container', - content: `

这是tab栏，可以右键tab页进行相关操作

-

ctrl + ← → 可以进行tab页的左右切换

-

当tab过多时通过鼠标滚轮来滚动

-

双击可以关闭

`, - }, - ] - } - }, - computed: { ...mapState('user', ['avatar', 'name', 'prepareLogout']), @@ -65,20 +43,9 @@ export default { methods: { command(command) { - switch (command) { - case 'user': - const path = '/user' - this.$route.path !== path && this.$router.push(path) - break - case 'guide': - this.$guide(this.guideSteps) - break - case 'logout': - if (!this.prepareLogout) { - elConfirm('确认退出?') - .then(() => this.$store.dispatch('user/logout')) - } - break + if (!this.prepareLogout) { + elConfirm('确认退出?') + .then(() => this.$store.dispatch('user/logout')) } }, @@ -129,12 +96,6 @@ export default { class={navbarGetters.theme} visible-arrow={false} > - - 个人中心 - - 退出登录 diff --git a/vue/template/src/router/module/example/child/globalMethod.js b/vue/template/src/router/module/example/child/globalMethod.js index 6cba873..a13bf3b 100644 --- a/vue/template/src/router/module/example/child/globalMethod.js +++ b/vue/template/src/router/module/example/child/globalMethod.js @@ -7,21 +7,11 @@ export default { component: 'example/globalMethod/message', meta: {title: '消息提示'} }, - { - path: 'guide', - component: 'example/globalMethod/guide', - meta: {title: '导航'} - }, { path: 'imageViewer', component: 'example/globalMethod/imageViewer', meta: {title: '图片预览'} }, - { - path: 'signature', - component: 'example/globalMethod/signature', - meta: {title: '手写签名'} - }, { path: 'verify', component: 'example/globalMethod/verify', diff --git a/vue/template/src/util/tree.js b/vue/template/src/util/tree.js index eb4d9ca..2cd0d40 100644 --- a/vue/template/src/util/tree.js +++ b/vue/template/src/util/tree.js @@ -1,5 +1,4 @@ import {deepClone} from "@/util" -import {createWorker} from '@/util/worker' const DEFAULT_PROPS = { id: 'id', @@ -226,33 +225,3 @@ export function getNodesByBfs(node) { return nodes } - -//借助worker生成树 -export function createTreeByWorker(list) { - return new Promise(resolve => { - const worker = createWorker(workerTree, list, ({data}) => { - resolve(data) - worker.terminate() - }) - }) -} - -function workerTree() { - function createTree(list, rootSign = 0, idKey = 'id', pidKey = 'pid', childrenKey = 'children') { - if (!list || list.length <= 0) return [] - let info = {} - list.forEach(i => { - i[childrenKey] = [] - info[i[idKey]] = i - }) - return list.filter(node => { - const key = node[pidKey] - info[key] && info[key][childrenKey].push(node) - return key === rootSign - }) - } - - self.addEventListener('message', ({data}) => { - self.postMessage(createTree(data)) - }) -} diff --git a/vue/template/src/util/worker.js b/vue/template/src/util/worker.js deleted file mode 100644 index b176a6d..0000000 --- a/vue/template/src/util/worker.js +++ /dev/null @@ -1,12 +0,0 @@ -export function createWorker(func, data, callback) { - const blob = new Blob(['(' + func.toString() + ')()']) - const url = window.URL.createObjectURL(blob) - const worker = new Worker(url) - - worker.onmessage = callback - worker.postMessage(data) - - window.URL.revokeObjectURL(url) - - return worker -} diff --git a/vue/template/src/view/example/globalMethod/guidePage.vue b/vue/template/src/view/example/globalMethod/guidePage.vue deleted file mode 100644 index 2d86325..0000000 --- a/vue/template/src/view/example/globalMethod/guidePage.vue +++ /dev/null @@ -1,64 +0,0 @@ - - - - - diff --git a/vue/template/src/view/example/globalMethod/signaturePage.vue b/vue/template/src/view/example/globalMethod/signaturePage.vue deleted file mode 100644 index 1c74e3d..0000000 --- a/vue/template/src/view/example/globalMethod/signaturePage.vue +++ /dev/null @@ -1,31 +0,0 @@ - - -