qiushanhe/dm-manage-web
1
0
Fork 1
Code Issues Pull Requests Packages Projects Releases Wiki Activity

eslint

Browse Source
This commit is contained in:
qsh
2023-03-21 00:53:28 +08:00
parent 953377e655
commit 955687d473
171 changed files with 7149 additions and 7341 deletions
Download Patch File Download Diff File Expand all files Collapse all files

6
src/directive/click/throttle.js
View File

@@ -1,8 +1,8 @@
import { throttleTime } from "@/global/global";
import { throttleTime } from '@/global/global';
export default {
inserted: function (el, binding) {
el.addEventListener("click", () => {
el.addEventListener('click', () => {
if (!el.disabled) {
el.disabled = true;
@@ -11,5 +11,5 @@ export default {
}, binding.value || throttleTime);
}
});
},
}
};

21
src/directive/dialog/drag.js
View File

@@ -1,12 +1,12 @@
/**
* v-dialogDrag 弹窗拖拽
* Copyright (c) 2019 ruoyi
*/
* v-dialogDrag 弹窗拖拽
* Copyright (c) 2019 ruoyi
*/
export default {
bind(el, binding, vnode, oldVnode) {
const value = binding.value
if (value == false) return
const value = binding.value;
if (!value) return;
// 获取拖拽内容头部
const dialogHeaderEl = el.querySelector('.el-dialog__header');
const dragDom = el.querySelector('.el-dialog');
@@ -38,7 +38,7 @@ export default {
} else {
styL = +sty.left.replace(/\px/g, '');
styT = +sty.top.replace(/\px/g, '');
};
}
// 鼠标拖拽事件
document.onmousemove = function (e) {
@@ -46,19 +46,18 @@ export default {
const l = e.clientX - disX;
const t = e.clientY - disY;
let finallyL = l + styL
let finallyT = t + styT
const finallyL = l + styL;
const finallyT = t + styT;
// 移动当前元素
dragDom.style.left = `${finallyL}px`;
dragDom.style.top = `${finallyT}px`;
};
document.onmouseup = function (e) {
document.onmousemove = null;
document.onmouseup = null;
};
}
};
}
};
};

66
src/directive/dialog/dragHeight.js
View File

@@ -1,34 +1,38 @@
/**
* v-dialogDragWidth 可拖动弹窗高度（右下角）
* Copyright (c) 2019 ruoyi
*/
* v-dialogDragWidth 可拖动弹窗高度（右下角）
* Copyright (c) 2019 ruoyi
*/
export default {
bind(el) {
const dragDom = el.querySelector('.el-dialog');
const lineEl = document.createElement('div');
lineEl.style = 'width: 6px; background: inherit; height: 10px; position: absolute; right: 0; bottom: 0; margin: auto; z-index: 1; cursor: nwse-resize;';
lineEl.addEventListener('mousedown',
function(e) {
// 鼠标按下，计算当前元素距离可视区的距离
const disX = e.clientX - el.offsetLeft;
const disY = e.clientY - el.offsetTop;
// 当前宽度 高度
const curWidth = dragDom.offsetWidth;
const curHeight = dragDom.offsetHeight;
document.onmousemove = function(e) {
e.preventDefault(); // 移动时禁用默认事件
// 通过事件委托，计算移动的距离
const xl = e.clientX - disX;
const yl = e.clientY - disY
dragDom.style.width = `${curWidth + xl}px`;
dragDom.style.height = `${curHeight + yl}px`;
};
document.onmouseup = function(e) {
document.onmousemove = null;
document.onmouseup = null;
};
}, false);
dragDom.appendChild(lineEl);
}
}
bind(el) {
const dragDom = el.querySelector('.el-dialog');
const lineEl = document.createElement('div');
lineEl.style =
'width: 6px; background: inherit; height: 10px; position: absolute; right: 0; bottom: 0; margin: auto; z-index: 1; cursor: nwse-resize;';
lineEl.addEventListener(
'mousedown',
function (e) {
// 鼠标按下，计算当前元素距离可视区的距离
const disX = e.clientX - el.offsetLeft;
const disY = e.clientY - el.offsetTop;
// 当前宽度 高度
const curWidth = dragDom.offsetWidth;
const curHeight = dragDom.offsetHeight;
document.onmousemove = function (e) {
e.preventDefault(); // 移动时禁用默认事件
// 通过事件委托，计算移动的距离
const xl = e.clientX - disX;
const yl = e.clientY - disY;
dragDom.style.width = `${curWidth + xl}px`;
dragDom.style.height = `${curHeight + yl}px`;
};
document.onmouseup = function (e) {
document.onmousemove = null;
document.onmouseup = null;
};
},
false
);
dragDom.appendChild(lineEl);
}
};

58
src/directive/dialog/dragWidth.js
View File

@@ -1,30 +1,34 @@
/**
* v-dialogDragWidth 可拖动弹窗宽度（右侧边）
* Copyright (c) 2019 ruoyi
*/
* v-dialogDragWidth 可拖动弹窗宽度（右侧边）
* Copyright (c) 2019 ruoyi
*/
export default {
bind(el) {
const dragDom = el.querySelector('.el-dialog');
const lineEl = document.createElement('div');
lineEl.style = 'width: 5px; background: inherit; height: 80%; position: absolute; right: 0; top: 0; bottom: 0; margin: auto; z-index: 1; cursor: w-resize;';
lineEl.addEventListener('mousedown',
function (e) {
// 鼠标按下，计算当前元素距离可视区的距离
const disX = e.clientX - el.offsetLeft;
// 当前宽度
const curWidth = dragDom.offsetWidth;
document.onmousemove = function (e) {
e.preventDefault(); // 移动时禁用默认事件
// 通过事件委托，计算移动的距离
const l = e.clientX - disX;
dragDom.style.width = `${curWidth + l}px`;
};
document.onmouseup = function (e) {
document.onmousemove = null;
document.onmouseup = null;
};
}, false);
dragDom.appendChild(lineEl);
}
}
bind(el) {
const dragDom = el.querySelector('.el-dialog');
const lineEl = document.createElement('div');
lineEl.style =
'width: 5px; background: inherit; height: 80%; position: absolute; right: 0; top: 0; bottom: 0; margin: auto; z-index: 1; cursor: w-resize;';
lineEl.addEventListener(
'mousedown',
function (e) {
// 鼠标按下，计算当前元素距离可视区的距离
const disX = e.clientX - el.offsetLeft;
// 当前宽度
const curWidth = dragDom.offsetWidth;
document.onmousemove = function (e) {
e.preventDefault(); // 移动时禁用默认事件
// 通过事件委托，计算移动的距离
const l = e.clientX - disX;
dragDom.style.width = `${curWidth + l}px`;
};
document.onmouseup = function (e) {
document.onmousemove = null;
document.onmouseup = null;
};
},
false
);
dragDom.appendChild(lineEl);
}
};

40
src/directive/index.js
View File

@@ -1,28 +1,28 @@
import hasRole from "./permission/hasRole";
import hasPermi from "./permission/hasPermi";
import dialogDrag from "./dialog/drag";
import dialogDragWidth from "./dialog/dragWidth";
import dialogDragHeight from "./dialog/dragHeight";
import clipboard from "./module/clipboard";
import phone from "./input/phone";
import trim from "./input/trim";
import throttle from "./click/throttle";
import hasRole from './permission/hasRole';
import hasPermi from './permission/hasPermi';
import dialogDrag from './dialog/drag';
import dialogDragWidth from './dialog/dragWidth';
import dialogDragHeight from './dialog/dragHeight';
import clipboard from './module/clipboard';
import phone from './input/phone';
import trim from './input/trim';
import throttle from './click/throttle';
const install = function (Vue) {
Vue.directive("hasRole", hasRole);
Vue.directive("hasPermi", hasPermi);
Vue.directive("clipboard", clipboard);
Vue.directive("dialogDrag", dialogDrag);
Vue.directive("dialogDragWidth", dialogDragWidth);
Vue.directive("dialogDragHeight", dialogDragHeight);
Vue.directive("phone", phone);
Vue.directive("jtrim", trim); // 禁止输入空格
Vue.directive("jclick", throttle); // 节流只支持Button按钮
Vue.directive('hasRole', hasRole);
Vue.directive('hasPermi', hasPermi);
Vue.directive('clipboard', clipboard);
Vue.directive('dialogDrag', dialogDrag);
Vue.directive('dialogDragWidth', dialogDragWidth);
Vue.directive('dialogDragHeight', dialogDragHeight);
Vue.directive('phone', phone);
Vue.directive('jtrim', trim); // 禁止输入空格
Vue.directive('jclick', throttle); // 节流只支持Button按钮
};
if (window.Vue) {
window["hasRole"] = hasRole;
window["hasPermi"] = hasPermi;
window['hasRole'] = hasRole;
window['hasPermi'] = hasPermi;
Vue.use(install); // eslint-disable-line
}

19
src/directive/input/trim.js
View File

@@ -1,3 +1,4 @@
/* eslint-disable indent */
/*
* @Author: riverQiu
* @Date: 2022-11-04
@@ -9,25 +10,27 @@
export default {
inserted(el, bind, vnode, prevVnode) {
const input =
el.nodeName.toLowerCase() === "input"
el.nodeName.toLowerCase() === 'input'
? el
: el.getElementsByTagName("input")[0] ? el.getElementsByTagName("input")[0] : el.getElementsByTagName("textarea")[0];
: el.getElementsByTagName('input')[0]
? el.getElementsByTagName('input')[0]
: el.getElementsByTagName('textarea')[0];
// 改变值过后，需要主动触发input时间，组件绑定的值才会改变
let triggerBySelf = false;
if (input) {
input.addEventListener("input", () => {
input.addEventListener('input', () => {
if (triggerBySelf) {
triggerBySelf = false;
return;
}
let val = input.value.replace(/[ ]/g, "");
if (val === "") {
input.value = "";
const val = input.value.replace(/[ ]/g, '');
if (val === '') {
input.value = '';
return;
}
try {
// 改变值过后，需要主动触发input时间，组件绑定的值才会改变
const ev = new Event("input", { bubbles: true });
const ev = new Event('input', { bubbles: true });
input.value = val;
triggerBySelf = true;
input.dispatchEvent(ev);
@@ -37,5 +40,5 @@ export default {
}
});
}
},
}
};

24
src/directive/module/clipboard.js
View File

@@ -1,9 +1,9 @@
/**
* v-clipboard 文字复制剪贴
* Copyright (c) 2021 ruoyi
*/
* v-clipboard 文字复制剪贴
* Copyright (c) 2021 ruoyi
*/
import Clipboard from 'clipboard'
import Clipboard from 'clipboard';
export default {
bind(el, binding, vnode) {
switch (binding.arg) {
@@ -16,13 +16,13 @@ export default {
default: {
const clipboard = new Clipboard(el, {
text: () => binding.value,
action: () => binding.arg === 'cut' ? 'cut' : 'copy'
action: () => (binding.arg === 'cut' ? 'cut' : 'copy')
});
clipboard.on('success', e => {
clipboard.on('success', (e) => {
const callback = el._vClipBoard_success;
callback && callback(e);
});
clipboard.on('error', e => {
clipboard.on('error', (e) => {
const callback = el._vClipBoard_error;
callback && callback(e);
});
@@ -36,12 +36,14 @@ export default {
} else if (binding.arg === 'error') {
el._vClipBoard_error = binding.value;
} else {
el._vClipBoard.text = function () { return binding.value; };
el._vClipBoard.action = () => binding.arg === 'cut' ? 'cut' : 'copy';
el._vClipBoard.text = function () {
return binding.value;
};
el._vClipBoard.action = () => (binding.arg === 'cut' ? 'cut' : 'copy');
}
},
unbind(el, binding) {
if (!el._vClipboard) return
if (!el._vClipboard) return;
if (binding.arg === 'success') {
delete el._vClipBoard_success;
} else if (binding.arg === 'error') {
@@ -51,4 +53,4 @@ export default {
delete el._vClipBoard;
}
}
}
};

26
src/directive/permission/hasPermi.js
View File

@@ -1,28 +1,28 @@
/**
/**
* v-hasPermi 操作权限处理
* Copyright (c) 2019 ruoyi
*/
import store from '@/store'
import store from '@/store';
export default {
inserted(el, binding, vnode) {
const { value } = binding
const all_permission = "*:*:*";
const permissions = store.getters && store.getters.permissions
const { value } = binding;
const all_permission = '*:*:*';
const permissions = store.getters && store.getters.permissions;
if (value && value instanceof Array && value.length > 0) {
const permissionFlag = value
const permissionFlag = value;
const hasPermissions = permissions.some(permission => {
return all_permission === permission || permissionFlag.includes(permission)
})
const hasPermissions = permissions.some((permission) => {
return all_permission === permission || permissionFlag.includes(permission);
});
if (!hasPermissions) {
el.parentNode && el.parentNode.removeChild(el)
el.parentNode && el.parentNode.removeChild(el);
}
} else {
throw new Error(`请设置操作权限标签值`)
throw new Error(`请设置操作权限标签值`);
}
}
}
};

26
src/directive/permission/hasRole.js
View File

@@ -1,28 +1,28 @@
/**
/**
* v-hasRole 角色权限处理
* Copyright (c) 2019 ruoyi
*/
import store from '@/store'
import store from '@/store';
export default {
inserted(el, binding, vnode) {
const { value } = binding
const super_admin = "admin";
const roles = store.getters && store.getters.roles
const { value } = binding;
const super_admin = 'admin';
const roles = store.getters && store.getters.roles;
if (value && value instanceof Array && value.length > 0) {
const roleFlag = value
const roleFlag = value;
const hasRole = roles.some(role => {
return super_admin === role || roleFlag.includes(role)
})
const hasRole = roles.some((role) => {
return super_admin === role || roleFlag.includes(role);
});
if (!hasRole) {
el.parentNode && el.parentNode.removeChild(el)
el.parentNode && el.parentNode.removeChild(el);
}
} else {
throw new Error(`请设置角色权限标签值"`)
throw new Error(`请设置角色权限标签值"`);
}
}
}
};