efront 3.25.3 → 3.25.8

package/apps/_index.html

@@ -9,7 +9,7 @@
     <meta charset="utf-8" />
     <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
     <link rel="Shortcut Icon" href="/favicon.ico" type="image/x-icon" />
-    <meta name="viewport" content="initial-scale=1,maximum-scale=1,width=device-width" />
+    <meta name="viewport" content="initial-scale=1,maximum-scale=1,width=device-width,user-scalable=no,initial-scale=1" />
     <title>efront 项目</title>
     <script deleteoncompile efrontloader>
         // 若要在开发环境使用内置组件，请保留此script标签中的代码，在编译发布时，这里的代码会自动删除

package/apps/pivot/log/count.html

@@ -1,5 +1,5 @@
 <div class="searchbox">
-    <input @input="filter" -model="searchText" />
+    <input -model="searchText" />
 </div>
-<table -src="[fields,items]">
+<table -src="[fields,items]" _find="searchText">
 </talbe>

package/coms/basic/Field.js

@@ -0,0 +1,5 @@
+class Field {
+    key = '';
+    name = '';
+    sort = 0;
+}

package/coms/basic/Item.js

@@ -1,5 +1,6 @@
 var id = 0;
 class Item extends Array {
+    extended = false;
     constructor(value) {
         super();
         this.children = this;
@@ -7,10 +8,11 @@ class Item extends Array {
         this.total = 0;//子项中的节点数
         this.crack = 0;
         this.id = ++id;
-        this.extends(value);
+        this.extends(value, false);
     }
-    extends(value) {
-        if (value instanceof Item) this.value = value.value;
+    extends(value, mark) {
+        this.extended = mark !== false;
+        if (value && value.constructor === Item) this.value = value.value;
         else this.value = value;
         if (value.children instanceof Array) {
             var children = value.children.map(item => new Item(item));
@@ -33,12 +35,20 @@ class Item extends Array {
             this.tab = 1;
         }
     }
+    get disabled() {
+        if (isObject(this.value)) return this.value.disabled || this.value.enabled === false;
+
+        return false;
+    }
+    get hotkey() {
+        if (isObject(this.value)) return this.value.hotkey;
+    }
 
     valueOf() {
         return this.value;
     }
     toString() {
-        return String(this.value);
+        return String(this.name);
     }
     get warn() {
         if (isObject(this.value)) {
@@ -47,8 +57,8 @@ class Item extends Array {
         return false;
     }
     get name() {
-        if (isObject(this.value)) return this.value.name;
-        return this.value;
+        if (isObject(this.value)) return getName(this.value);
+        return String(this.value);
     }
 
     isClosed() {

package/coms/basic/Speed.js

@@ -1,18 +1,25 @@
 function inertia(gun) {
     var _decreased = 0, spd = new Speed;
+    var lastTime = 0;
     var _decrease = function () {
+        lastTime = Speed.now() - 1;
+        _decrease0();
+    }
+    var _decrease0 = function () {
         if (
             decrease instanceof Function
         ) {
             if (!spd.length || _decreased > 0 && spd.filter(a => a !== 0).length === 0) return;
             var id = smooth_timer;
-            var res = decrease(_decreased++, spd);
+            var now = Speed.now();
+            var res = decrease(now - lastTime, spd);
+            lastTime = now;
             if (smooth_timer !== id) return;
             if (res === false || isEmpty(res)) {
                 spd.unset();
                 return;
             }
-            smooth_timer = requestAnimationFrame(_decrease);
+            smooth_timer = requestAnimationFrame(_decrease0);
         }
     };
     var _cancel = function () {
@@ -26,7 +33,7 @@ function inertia(gun) {
             _decrease();
             return;
         }
-        if (args.filter(a => Math.abs(a) > .5).length === 0) {
+        if (!decrease && args.filter(a => Math.abs(a) > .5).length === 0) {
             spd.reset();
             return;
         }
@@ -63,6 +70,7 @@ function inertia(gun) {
 class Speed extends Array {
     cache = [];
     stamp = 0;
+    deltat = 0;
     static now() {
         return performance.now ? performance.now() : Date.now();
     }
@@ -103,20 +111,26 @@ class Speed extends Array {
         if (this.stamp) ratio = now - this.stamp;
         else ratio = deltat;
         if (ratio > 160) ratio = 1e-3;
+        if (this.deltat) {
+            if (deltat > this.deltat * 10) {
+                ratio = 1e-3;
+            }
+        }
+        this.deltat = deltat;
         this.stamp = now;
         var sum = 0;
         for (var v of values) sum += v * v;
         v = Math.sqrt(sum) * ratio;
         if (v > 1) {
-            v = Math.sqrt(v * (v - 1)) / v;
+            v = Math.sqrt(v * (v - .996)) / v;
         }
         else {
-            v = 1e-7;
+            v = .9;
         }
         var r = ratio * v;
         for (var cx = 0, dx = values.length; cx < dx; cx++) {
             values[cx] *= r;
-            this[cx] *= v;
+            if (Math.abs(this[cx]) > .1) this[cx] *= v;
         }
         return values;
     }

package/coms/basic/Table.js

@@ -0,0 +1,120 @@
+
+function minusPower(a, b) {
+    return a.power - b.power >= 0;
+}
+function returnName() {
+    return this.name;
+}
+function searchThis(field) {
+    return /^$|text|input|html/i.test(field.type);
+}
+class Table extends Array {
+    searchText = null;
+    sortFields = [];
+    searchFields = null;
+    fields = [];
+    sorted = null;
+    source = null;
+    complete = true;
+    searched = 0;
+    searchid = 0;
+    coverCount = 0;
+    hasFullmatch = false;
+    callback = null;
+    static from(fields, data) {
+        var t = new Table;
+        t.fields = fields;
+        t.source = data;
+        t.searchFields = fields.filter(searchThis);
+        t.update();
+        return t;
+    }
+    /**
+     * @param {Field} field
+     */
+    sort(field) {
+        removeFromList(this.sortFields, field);
+        this.sortFields.push(field);
+        var sorted = this.sorted || this.source.slice(0);
+        field.sort = field.sort > 0 ? -1 : 1;
+        this.sorted = sorted.sort(function (a, b) {
+            a = seek(a, field.key);
+            b = seek(b, field.key);
+            if (a > b) return field.sort;
+            if (a < b) return -field.sort;
+            return 0;
+        });
+        this.update();
+    }
+    unsort() {
+        this.sorted = null;
+        this.update();
+    }
+    addItem(o) {
+        if (isEmpty(o)) return;
+        var searchtext = this.searchText;
+        var fields = this.searchFields ? this.searchFields : this.fields;
+        var power = 0;
+        if (isNode(o)) {
+            o = extend({
+                name: o.name,
+                title: o.title,
+                value: o.value,
+                key: o.key,
+                nodeType: o.nodeType,
+                tagName: o.tagName,
+                nodeValue: o.nodeValue,
+            }, o);
+        }
+        else o = isObject(o) ? Object.create(o) : new o.constructor(o);
+        for (var f of fields) {
+            var name = seek(o, f.key);
+            if (isEmpty(name) || !isString(name)) continue;
+            if (name === searchtext) this.hasFullmatch = true;
+            var [p, m] = mark.power(name, searchtext);
+            power += p;
+            if (p >= searchtext.length) this.coverCount++;
+            if (isString(f.key)) o[f.key] = m;
+            else o.name = m, o.toString = returnName, o.valueOf = returnName;
+        }
+        o.power = power;
+        if (o.power > 0) {
+            saveToOrderedArray(this, o, minusPower);
+        }
+    }
+    search(text, callback) {
+        if (isFunction(callback)) this.callback = callback;
+        if (text === this.searchText) return;
+        this.searchText = text;
+        this.update();
+    }
+    async update() {
+        this.searched = 0;
+        this.splice(0, this.length);
+        var source = this.sorted ? this.sorted : this.source;
+        var searchid = ++this.searchid;
+        this.complete = false;
+        this.coverCount = 0;
+        if (this.searchText) for (var o of source) {
+            this.addItem(o);
+            if (++this.searched % 600 === 0) {
+                if (isFunction(this.callback)) this.callback();
+                await new Promise(function (ok) {
+                    requestAnimationFrame(ok)
+                });
+                if (this.searchid !== searchid) break;
+            }
+        }
+        else {
+            while (this.searched < source.length) {
+                this.push.apply(this, source.slice(this.searched, this.searched += 6000));
+            }
+            this.searched = source.length;
+        }
+        this.complete = true;
+        if (isFunction(this.callback)) this.callback();
+    }
+    abort() {
+        this.searchid++;
+    }
+}

package/coms/basic/Tree.js

@@ -6,7 +6,7 @@ class Tree extends Array {
     count = 0;
     total = 0;
     constructor(src) {
-        if (src instanceof Tree) return src;
+        if (src && src.coustructor === Tree) return src;
         if (src instanceof Array && src[0] && ('tab' in src[0] || 'deep' in src[0])) {
             return Tree.fromArray(src);
         }
@@ -20,7 +20,7 @@ class Tree extends Array {
         this.root = this;
     }
     static fromData(array) {
-        if (array instanceof Tree) return array;
+        if (array && array.coustructor === Tree) return array;
         var root = new Tree;
         root.tab = -Infinity;
         root.count = 0;
@@ -82,7 +82,7 @@ class Tree extends Array {
         return root;
     }
     static fromArray(array) {
-        if (array instanceof Tree) return array;
+        if (array && array.constructor === Tree) return array;
         var root = new Tree;
         root.tab = -Infinity;
         root.count = 0;
@@ -162,7 +162,7 @@ class Tree extends Array {
         var datas = [];
         for (var cx = 1, dx = arguments.length; cx < dx; cx++) {
             var arg = arguments[cx];
-            if (arg instanceof Item) datas.push(arg);
+            if (arg && arg.constructor === Item) datas.push(arg);
             else if (arg instanceof Array) datas.push.apply(datas, arg);
             else datas.push(arg);
         }

package/coms/basic/loader.js

@@ -40,6 +40,7 @@ if (PREVENT_FRAMEWORK_MODE !== false) {
         return;
     }
 }
+var efront_time = +new Date;
 var _devicePixelRatio = devicePixelRatio;
 var request = window.request || function (url, onload, onerror, version) {
     var xhr = new (XMLHttpRequest || ActiveXObject)("Microsoft.XMLHTTP");
@@ -653,12 +654,7 @@ var removeGlobalProperty = function (property) {
 };
 
 var renderPixelRatio = !/win/i.test(navigator.platform) && devicePixelRatio > 1 && window.innerWidth > 360 && window.innerHeight > 360 ? .86 : .75;
-if (document.querySelector && devicePixelRatio > 1 && /Linux/.test(navigator.platform) && navigator.maxTouchPoints > 0) {
-    let ratio = +(1000000 / devicePixelRatio + .5 | 0) / 1000000;
-    document.querySelector("meta[name=viewport]").setAttribute("content", `width=device-width,target-densitydpi=device-dpi,user-scalable=no,initial-scale=1,maximum-scale=${ratio}`);
-    renderPixelRatio *= devicePixelRatio;
-    devicePixelRatio = 1;
-}
+
 var initPixelDecoder = function () {
     if (pixelDecoder instanceof Function) {
         modules.fromPixel = pixelDecoder;
@@ -832,8 +828,7 @@ var loadResponseTreeFromStorage = function () {
     };
 };
 var preLoad = function () { };
-
-var start_time = +new Date / 1000 | 0;
+var start_time = efront_time / 1000 | 0;
 var errored = {};
 var modules = {
     isProduction,
@@ -868,6 +863,14 @@ var hook = function (requires_count) {
     modules.Promise = Promise;
     modules.hook_time = +new Date;
     if (!efrontPath) efrontPath = document.body.getAttribute("main-path") || document.body.getAttribute("path") || document.body.getAttribute("main") || "zimoli";
+    if (modules.hook_time - efront_time < (isProduction ? 30 : 5) && document.querySelector && devicePixelRatio > 1 && /Linux/.test(navigator.platform) && navigator.maxTouchPoints > 0) {
+        let ratio = +(1000000 / devicePixelRatio + .5 | 0) / 1000000;
+        document.querySelector("meta[name=viewport]").setAttribute("content", `width=device-width,target-densitydpi=device-dpi,user-scalable=no,initial-scale=1,maximum-scale=${ratio}`);
+        renderPixelRatio *= devicePixelRatio;
+        modules.renderPixelRatio = renderPixelRatio;
+        devicePixelRatio = modules.devicePixelRatio = 1;
+    }
+
     init(efrontPath, function (zimoli) {
         if (zimoli instanceof Function) zimoli();
     });

package/coms/basic/mark.js

@@ -57,8 +57,8 @@ var power = function (source, search) {
     var match_start2 = matchers[1];
     if (search.length === 1) {
         var p = 0;
-        var res = source.replace(new RegExp(search.replace(/[\\\*\?\+\(\)\[]/g, "\\$&"), "g"), () => {
-            if (!p) p = 1;
+        var res = source.replace(new RegExp(search.replace(/[\\\*\?\+\(\)\[]/g, "\\$&"), "g"), (m, i) => {
+            if (!p) p = .1 / (1 + i);
             return MARK_PRE1 + search + MARK_AFT1;
         });
         return [p, res];
@@ -68,15 +68,17 @@ var power = function (source, search) {
         var match_text_aft = source.slice(match_start2 + match_text.length);
         var pp = 0, ap = 0;
         var p = match_text.length;
-        if (match_text_pre.length) p += .1 / match_text_pre.length - .2;
-        if (match_text_aft.length) p += .1 / match_text_aft.length - .1;
+        p = match_text.length;
+        if (match_start2) p += .1 / match_start2;
         if (match_text_pre.length > 1) {
             [pp, match_text_pre] = power(match_text_pre, search);
         }
         if (match_text_aft.length > 1) {
             [ap, match_text_aft] = power(match_text_aft, search);
         }
-        p += (pp + ap) * .01;
+        if (match_text.length !== search.length) {
+            p += (pp + ap) / source.length / search.length * .01 - .2;
+        }
         return [p, match_text_pre.concat(MARK_PRE1, match_text, MARK_AFT1, match_text_aft)];
     }
     return [0, source];

package/coms/basic/parseKV.js

@@ -25,7 +25,7 @@ function parseKV(string) {
             if (index < 0) index = kv.length;
             var k = kv.slice(0, index);
             var v = kv.slice(index + 1);
-            if (isFunction(decode)) {
+            if (typeof decode === 'function') {
                 k = decode(k);
                 v = decode(v);
             }

package/coms/basic/with_.js

@@ -0,0 +1,6 @@
+function with_(k, objlist) {
+    for (var o of objlist) {
+        if (k in o) return o;
+    }
+    return;
+}

package/coms/basic/withget_.js

@@ -0,0 +1,6 @@
+function withget_(k, objlist, v) {
+    for (var o of objlist) {
+        if (k in o) return o[k];
+    }
+    return v;
+}

package/coms/frame/route.js

@@ -108,6 +108,8 @@
                 if (path) item.path = path;
                 if (data) item.params = parseKV(data);
                 item.closed = true;
+                if (filter) var item0 = filter(item);
+                if (item0) item = item0;
                 return item;
             });
             return items;
@@ -231,10 +233,14 @@
         result.then = then;
         return result;
     };
-    result.parse = function (items) {
+    var filter = null;
+    result.parse = function (items, f) {
+        filter = f;
         keymap = {};
         items = parseMenuList(items);
         items.keymap = keymap;
+        filter = null;
+        keymap = null;
         return items;
     };
     var then = function (ok, oh) {

package/coms/kugou/playList.less

@@ -13,6 +13,12 @@
     transition: margin .2s ease-out;
 }
 
+>list.body {
+    overflow-x: hidden;
+    overflow-y: scroll;
+    padding: 0;
+}
+
 
 list>padding {
     display: block;

package/coms/random//350/272/253/344/273/275/350/257/201.js

@@ -96,7 +96,8 @@ var parse = function (r) {
         case 18:
             s = r.slice(17, 18);
         case 17:
-            o = r.slice(14, 17);
+            o = r.slice(14, 17) >> 1;
+            x = r.slice(16, 17) & 1;
         case 14:
             d = r.slice(12, 14);
         case 12:
@@ -117,7 +118,7 @@ var parse = function (r) {
         case 3:
             o = r >> 1;
         case 1:
-            x = o & 1;
+            x = r & 1;
             break;
         case 2:
             m = r;
@@ -135,7 +136,7 @@ function 身份证(r) {
         var q = r0 * 20220309 | 0;
         var d = birth(q);
         var [p = code(q), y = d.getFullYear(), m = d.getMonth() + 1, d = d.getDate(), o = order(r0), x = sex(r0)] = parse(r);
-        middle = (y * 10000 + m * 100 + d) * 1000 + (o << 1 | x);
+        middle = (y * 10000 + m * 100 + +d) * 1000 + (o << 1 | x);
         p17 = p + middle;
     }
     if (!p17) {

package/coms/zimoli/alert.js

@@ -8,7 +8,7 @@ styles.success = styles.pass = styles.green;
 styles.info = styles.blue;
 styles.error = styles.danger = styles.red;
 styles.warn = styles.orange;
-styles.default = '#000';
+styles.default = '#000a';
 var alerts = [];
 var clean = Cleanup(alerts);
 var build = function () {
@@ -24,14 +24,13 @@ var fontSize = 16;
 var singleHeight = fontSize * 3.125 | 0;
 var _text = function (bgcolor, parameters) {
     var box = div();
-    css(box, `top:${fromPixel(alerts.length ? Math.max.apply(Math, alerts.map(e => e.offsetTop + e.children[0].offsetHeight)) : 0)};height:0;line-height:${fromPixel(singleHeight - 20)};left:0;right:0;font-size:${fromPixel(fontSize)}; transition: all 0.2s ease-out;position:absolute;color:#fff;text-align:center;`);
-    box.innerHTML = `<div style='width: 720px;white-space:pre-wrap;max-width:100%;display:inline-block;height:auto;padding:${fromPixel(10)} ${fromPixel(20)};background-color:${bgcolor};color:${color.pair(bgcolor)};'>${[].slice.call(parameters, 0).join(", ")}</div>`;
+    css(box, `top:${fromPixel(alerts.length ? Math.max.apply(Math, alerts.map(e => e.offsetTop + e.children[0].offsetHeight)) : 0)};height:0;line-height:${fromPixel(singleHeight - 20)};left:0;right:0;font-size:${fromPixel(fontSize)}; transition: all 0.2s ease-out;position:absolute;text-align:center;`);
+    box.innerHTML = `<div style='width: 720px;white-space:pre-wrap;max-width:100%;display:inline-block;height:auto;padding:${fromPixel(10)} ${fromPixel(20)};background-color:${bgcolor};color:${color.pair(bgcolor, 1)};'>${[].slice.call(parameters, 0).join(", ")}</div>`;
     box.initialStyle = `margin:-${fromPixel(singleHeight)} auto;opacity:0;`;
     return box;
 };
 function alert() {
-    var color = String(isString(this) && this || styles.default), text, autoclose = true, onclose;
-    var color_reg = /^#(?:\w{6}|\w{3})$/;
+    var clr = String(isString(this) && this || styles.default), text, autoclose = true, onclose;
     [].map.call(arguments, function (arg) {
         switch (typeof arg) {
             case "string":
@@ -39,16 +38,16 @@ function alert() {
                 arg = String(arg);
                 if (!text) {
                     text = arg;
-                } else if (color_reg.test(text)) {
-                    color = text;
+                } else if (color.isColor(text)) {
+                    clr = text;
                     text = arg;
                 } else if (text in styles) {
-                    color = styles[text];
+                    clr = styles[text];
                     text = arg;
                 } else if (arg in styles) {
-                    color = styles[arg];
-                } else if (color_reg.test(arg)) {
-                    color = arg;
+                    clr = styles[arg];
+                } else if (color.isColor(arg)) {
+                    clr = arg;
                 }
                 break;
             case "boolean":
@@ -61,8 +60,8 @@ function alert() {
     });
     var elem;
 
-    if (color_reg.test(color)) {
-        elem = _text(color, [text]);
+    if (color.isColor(clr)) {
+        elem = _text(clr, [text]);
     } else {
         elem = _text(styles.log, [text]);
     }

package/coms/zimoli/autodragchildren.js

@@ -331,13 +331,16 @@ var hooka = function (matcher, move, event, targetChild, isMovingSource) {
         followedElements.splice(0, followedElements.length);
         previousElements.push.apply(previousElements, _previousElements);
         followedElements.push.apply(followedElements, _followedElements);
-        setOpacity(targetBox, draggingSourceOpacity);
         appendChild(document.body, previousElements);
         appendChild(document.body, followedElements);
         var offall = function () {
+            offdragstart();
             offdragmove();
             offdragend();
         };
+        var offdragstart = on('dragstart')(targetChild, function () {
+            setOpacity(targetBox, draggingSourceOpacity);
+        });
         var offdragend = on("dragend")(targetChild, function () {
             offall();
             dragfire();

package/coms/zimoli/cloneVisible.js

@@ -71,9 +71,12 @@ var cloneChildren = function (td, copy, clone) {
     if (after) copy.appendChild(after);
 
 };
+/**
+ * @param {Node}
+ */
 var isMaybeVisible = function (node) {
     if (!node || !node.parentNode || node.nodeType > 3 || node.nodeType === 2) return;
-    if (/^(style|link|script|meta)$/i.test(node)) return;
+    if (/^(style|link|script|meta)$/i.test(node.tagName)) return;
     var style = node.style;
     if (!style) {
         node = node.parentNode;
@@ -88,7 +91,6 @@ var isMaybeVisible = function (node) {
     }
     if (node.offsetParent) {
         var parent = node.offsetParent;
-        if (!isMaybeVisible(parent)) return false;
         if (getComputedStyle(parent).overflow === 'visible') return true;
         return !(node.offsetLeft + node.offsetWidth - parent.scrollLeft <= parent.clientLeft ||
             node.offsetTop + node.offsetHeight - parent.scrollTop <= parent.clientTop ||
@@ -128,9 +130,13 @@ var cloneCanvas = function (canvas) {
 };
 var cloneVisible = function (td) {
     var result = document.createElement("clone");
+    if (!isMaybeVisible(td.offsetParent)) return result;
     var _left, _top, _right, _bottom;
     var span = document.createElement("x");
     var hasSvg = false;
+    /**
+     * @param {Node} td
+     */
     var clone = function (td) {
         if (!isMaybeVisible(td)) return;
         if (td.nodeType === 3) {

package/coms/zimoli/color.js

@@ -346,7 +346,7 @@ var v2rgb = function (v, r, g, b) {
 	return [r, g, b];
 };
 
-var gray4 = function (RGBA, S) {
+var gray4 = function (RGBA, A) {
 	var [r, g, b, a] = RGBA;
 	var v = rgb2v(r, g, b);
 	var s = rgb2s(r, g, b);
@@ -358,13 +358,18 @@ var gray4 = function (RGBA, S) {
 	else if (v > .6 * 255) {
 		v = v - p * s - p;
 		s = 1;
+		if (v < 0) v = - v;
 	}
 	else {
 		v = 255;
 	}
+	if (s > .8) {
+		r = 255 + r >> 1, g = 255 + g >> 1, b = 255 + b >> 1;
+		s = .3;
+	}
 	[r, g, b] = rgb4s(r, g, b, s);
 	[r, g, b] = rgb4v(r, g, b, v);
-	return [r, g, b, a];
+	return [r, g, b, A || a];
 };
 
 
@@ -391,8 +396,8 @@ extend(color, {
 	parse,
 	equal,
 	stringify,
-	pair(c, s) {
-		return doWith(gray4, c, s);
+	pair(c, alpha) {
+		return doWith(gray4, c, alpha);
 	},
 	isColor,
 	transform(text) {

package/coms/zimoli/contextmenu.js

@@ -39,7 +39,6 @@ function contextmenu(target, menuItems) {
     bindtouch(target, {
         start(event) {
             if (event.defaultPrevented) return;
-            event.preventDefault();
             clearTimeout(menuHandle);
             if (tm) remove(tm), tm = null;
             menuHandle = setTimeout(function () {
@@ -66,6 +65,7 @@ function contextmenu(target, menuItems) {
         event.preventDefault();
         if (tm) remove(tm), tm = null;
         tm = showContext(event);
+        if (!tm) return;
         tm.focus();
         onblur(tm, lazy(e => remove(tm)));
     });

package/coms/zimoli/drag.js

@@ -62,7 +62,6 @@ function drag(target, initialEvent, preventOverflow, isMovingSource) {
             if (!onclick.preventClick) return;
             saved_delta.ing = true;
             drag.target = target;
-            dispatch("dragstart", target);
             if (isElement(target) && !/absolute|fixed/.test(getComputedStyle(target).position)) {
                 clone = toCloneTarget(target, isMovingSource);
                 z = zIndex(0) + 1;
@@ -79,6 +78,7 @@ function drag(target, initialEvent, preventOverflow, isMovingSource) {
             extraClones.map(c => document.body.appendChild(c));
             saved_delta.x += clone_left - target_left;
             saved_delta.y += clone_top - target_top;
+            dispatch("dragstart", target);
         }
         event.moveLocked = true;
         drag.target = clone;