@lambo-design/shared 1.0.0-beta.17 → 1.0.0-beta.19

package/directives/index.js

@@ -0,0 +1,23 @@
+const importDirective = Vue => {
+    const requireDirective = require.context(
+        // 其组件目录的相对路径
+        './module',
+        // 是否查询其子目录
+        false,
+        // 匹配基础组件文件名的正则表达式
+        /[a-zA-Z]\w+\.(vue|js)$/
+    )
+    requireDirective.keys().forEach(fileName => {
+        // 获取组件配置
+        const directiveConfig = requireDirective(fileName)
+
+        // 获取组件的 PascalCase 命名
+        const directiveName = fileName
+            .split('/')
+            .pop()
+            .replace(/\.\w+$/, '')
+        Vue.directive(directiveName.toLowerCase(), directiveConfig.default || directiveConfig);
+    });
+}
+
+export default importDirective

package/directives/module/draggable.js

@@ -0,0 +1,56 @@
+import {on} from '../../utils/dom'
+/**
+ * 拖拽指令 v-draggable="options"
+ * options = {
+ *  trigger: /这里传入作为拖拽触发器的CSS选择器/,
+ *  body:    /这里传入需要移动容器的CSS选择器/,
+ *  recover: /拖动结束之后是否恢复到原来的位置/
+ * }
+ */
+export default {
+  inserted: (el, binding, vnode) => {
+    let triggerDom = document.querySelector(binding.value.trigger)
+    triggerDom.style.cursor = 'move'
+    let bodyDom = document.querySelector(binding.value.body)
+    let pageX = 0
+    let pageY = 0
+    let transformX = 0
+    let transformY = 0
+    let canMove = false
+    const handleMousedown = e => {
+      let transform = /\(.*\)/.exec(bodyDom.style.transform)
+      if (transform) {
+        transform = transform[0].slice(1, transform[0].length - 1)
+        let splitxy = transform.split('px, ')
+        transformX = parseFloat(splitxy[0])
+        transformY = parseFloat(splitxy[1].split('px')[0])
+      }
+      pageX = e.pageX
+      pageY = e.pageY
+      canMove = true
+    }
+    const handleMousemove = e => {
+      let xOffset = e.pageX - pageX + transformX
+      let yOffset = e.pageY - pageY + transformY
+      /*if (e.pageX <= 0) {
+        xOffset = pageX
+      }*/
+      if (e.pageY <= 0) {
+        yOffset = transformY - pageY
+      }
+
+      if (canMove) bodyDom.style.transform = `translate(${xOffset}px, ${yOffset}px)`
+    }
+    const handleMouseup = e => {
+      canMove = false
+    }
+    on(triggerDom, 'mousedown', handleMousedown)
+    on(document, 'mousemove', handleMousemove)
+    on(document, 'mouseup', handleMouseup)
+  },
+  update: (el, binding, vnode) => {
+    if (!binding.value.recover) return
+    let bodyDom = document.querySelector(binding.value.body)
+    bodyDom.style.transform = ''
+  }
+}

package/directives/module/permission.js

@@ -0,0 +1,49 @@
+import config from "../../config/config";
+
+const checkPermission = function (el, binding) {
+    el.style.display = "none"
+    const value = binding.value
+    const permissionInStore = sessionStorage.getItem(config.routerBase + "-permission");
+    if (permissionInStore) {
+        const permissionObj = JSON.parse(permissionInStore);
+        //判断是否以'/'为开头结尾
+        if (/(^\/.*\/$)/.test(value)) {
+            //去掉开头结尾的'/'
+            let regexStr = value.replace(/(^\/)|(\/$)/g,"");
+
+            regExCheck(el, permissionObj, regexStr)
+        } else {
+            normalCheck(el, permissionObj, value)
+        }
+    }
+};
+
+const regExCheck = function (el, permissionObj, value) {
+    let regex = new RegExp(value,"i");
+    for (const item of permissionObj) {
+        if (item.permissionValue) {
+            if(regex.test(item.permissionValue)){
+                console.log(item.permissionValue)
+                el.style.display = '';
+            }
+        }
+    }
+}
+
+const normalCheck = function (el, permissionObj, value) {
+    let permission = {};
+    for (const item of permissionObj) {
+        if (item.permissionValue) {
+            permission[item.permissionValue] = true;
+        }
+    }
+    const have = permission[value]
+    if (have || value === "all") {
+        el.style.display = '';
+    }
+}
+
+export default {
+    bind: checkPermission,
+    update: checkPermission
+}

package/index.js

@@ -1,3 +1,4 @@
 import * as config from "./config";
 import * as utils from "./utils";
-export { config, utils };
+import importDirective from  "./directives"
+export { config, utils, importDirective };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@lambo-design/shared",
-  "version": "1.0.0-beta.17",
+  "version": "1.0.0-beta.19",
   "description": "",
   "main": "index.js",
   "author": "lambo",