chore: add guid

ly525
1 parent 4228dbb7
Showing 2 changed files with 12 additions and 8 deletions
front-end/h5/src/components/core/models/element.js
front-end/h5/src/utils/element.js
-import { parsePx } from '@/utils/element.js'
+import { parsePx, guid } from '@/utils/element.js'
 // #! 编辑状态，不可以点击的按钮，因为点击按钮会触发一些默认行为，比如表单提交等
 const disabledPluginsForEditMode = ['lbp-form-input', 'lbp-form-button', 'lbp-video']
 const cloneObj = (value) => JSON.parse(JSON.stringify(value))
-var seed = 0
-var now = Date.now()
-
-function getUuid (ele) {
-  return `element_${ele.name}_${now}_${seed++}`
-}
 const defaultStyle = {
   top: 100,
   left: 100,
@@ -25,7 +19,7 @@ const defaultStyle = {
 class Element {
   constructor (ele) {
     this.name = ele.name
-    this.uuid = ele.uuid || getUuid(ele)
+    this.uuid = ele.uuid || guid()
     /**
      * #!zh:
      * 之前版本代码：https://github.com/ly525/luban-h5/blob/a7875cbc73c0d18bc2459985ca3ce1d4dc44f141/front-end/h5/src/components/core/models/element.js#L21
@@ -71,3 +71,13 @@ export const genUUID = () =&gt; {
   // http://stackoverflow.com/questions/105034/how-to-create-a-guid-uuid-in-javascript
   return Math.random().toString(36).substring(2, 15) + Math.random().toString(36).substring(2, 15)
 }
+
+// Generate four random hex digits.
+function S4 () {
+  return (((1 + Math.random()) * 0x10000) | 0).toString(16).substring(1)
+}
+
+// Generate a pseudo-GUID by concatenating random hexadecimal.
+export function guid () {
+  return (S4() + S4() + '-' + S4() + '-' + S4() + '-' + S4() + '-' + S4() + S4() + S4())
+}