@lambo-design/shared 1.0.0-beta.374 → 1.0.0-beta.376

package/directives/module/draggable-menu.js

@@ -0,0 +1,88 @@
+import {on} from '@lambo-design/shared/utils/dom'
+import {buildMenuUri} from '@lambo-design/shared/utils/platform'
+
+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
+    let hasMove = 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 (canMove) {
+        bodyDom.style.transform = `translate(${xOffset}px, ${yOffset}px)`
+        //bodyDom.style.position = `absolute`
+        //bodyDom.style.zIndex = `99999`
+        if (Math.abs(xOffset) > 50 || Math.abs(yOffset) > 30) {
+          hasMove = true;
+        }
+      }
+      if (hasMove) {
+        if (binding.value.recover) {
+          let bodyDom = document.querySelector(binding.value.body)
+          bodyDom.style.transform = ''
+          canMove = false
+          hasMove = false
+        }
+        if (binding.value.item) {
+          let item = binding.value.item;
+          if (item.uri) {
+            canMove = false
+            hasMove = false
+            if (binding.value.recover) {
+              let bodyDom = document.querySelector(binding.value.body)
+              bodyDom.style.transform = ''
+            }
+            window.open(buildMenuUri(item))
+          }
+        }
+      }
+    }
+    const handleMouseup = e => {
+      if (binding.value.item && hasMove) {
+        let item = binding.value.item;
+        if (item.uri) {
+          canMove = false
+          hasMove = false
+          if (binding.value.recover) {
+            let bodyDom = document.querySelector(binding.value.body)
+            bodyDom.style.transform = ''
+          }
+          window.open(buildMenuUri(item))
+        }
+      }
+      canMove = false
+      hasMove = false
+      if (binding.value.recover) {
+        let bodyDom = document.querySelector(binding.value.body)
+        bodyDom.style.transform = ''
+      }
+    }
+    on(triggerDom, 'mousedown', handleMousedown)
+    on(triggerDom, 'mousemove', handleMousemove)
+    on(triggerDom, 'mouseup', handleMouseup)
+  },
+  update: (el, binding, vnode) => {
+    if (!binding.value.recover) return
+    let bodyDom = document.querySelector(binding.value.body)
+    bodyDom.style.transform = ''
+  }
+}

package/package.json

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

package/utils/ajax/sseFetchUtil.js

@@ -1,7 +1,16 @@
+import headers from "./headers";
+import {guid} from "../number";
+
 class CustomEventSource {
   constructor(url, options) {
     this.url = url;
-    this.options = options || {};
+    options = options || {};
+    options.headers = {
+      ...options.headers,
+      [headers.ajaxHeader.HEADER_TIMESTAMP]: new Date().getTime(),
+      [headers.ajaxHeader.HEADER_NONCE]: guid(),
+    };
+    this.options = options;
     this.listeners = {};
     this.awaitConnect()
   }