pubo-web 1.0.21 → 1.0.24

package/dist/pubo-web.js

@@ -1 +1 @@
-!function(t,e){"object"==typeof exports&&"object"==typeof module?module.exports=e():"function"==typeof define&&define.amd?define([],e):"object"==typeof exports?exports["pubo-web"]=e():t["pubo-web"]=e()}(this,(function(){return function(t){var e={};function n(r){if(e[r])return e[r].exports;var o=e[r]={i:r,l:!1,exports:{}};return t[r].call(o.exports,o,o.exports,n),o.l=!0,o.exports}return n.m=t,n.c=e,n.d=function(t,e,r){n.o(t,e)||Object.defineProperty(t,e,{enumerable:!0,get:r})},n.r=function(t){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(t,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(t,"__esModule",{value:!0})},n.t=function(t,e){if(1&e&&(t=n(t)),8&e)return t;if(4&e&&"object"==typeof t&&t&&t.__esModule)return t;var r=Object.create(null);if(n.r(r),Object.defineProperty(r,"default",{enumerable:!0,value:t}),2&e&&"string"!=typeof t)for(var o in t)n.d(r,o,function(e){return t[e]}.bind(null,o));return r},n.n=function(t){var e=t&&t.__esModule?function(){return t.default}:function(){return t};return n.d(e,"a",e),e},n.o=function(t,e){return Object.prototype.hasOwnProperty.call(t,e)},n.p="",n(n.s=0)}([function(t,e,n){"use strict";n.r(e),n.d(e,"loadScript",(function(){return o})),n.d(e,"blob2text",(function(){return i})),n.d(e,"blob2base64",(function(){return u})),n.d(e,"blob2file",(function(){return a})),n.d(e,"downloadFile",(function(){return c})),n.d(e,"WebStorage",(function(){return l})),n.d(e,"WebsocketClient",(function(){return v}));var r=function(t){var e="function"==typeof Symbol&&Symbol.iterator,n=e&&t[e],r=0;if(n)return n.call(t);if(t&&"number"==typeof t.length)return{next:function(){return t&&r>=t.length&&(t=void 0),{value:t&&t[r++],done:!t}}};throw new TypeError(e?"Object is not iterable.":"Symbol.iterator is not defined.")},o=function(t,e){void 0===e&&(e={});return new Promise((function(n){var o,i;if(function(){var e,n,o=document.getElementsByTagName("script");try{for(var i=r(o),u=i.next();!u.done;u=i.next()){var a=u.value;if(a.src===t)return a}}catch(t){e={error:t}}finally{try{u&&!u.done&&(n=i.return)&&n.call(i)}finally{if(e)throw e.error}}return null}())return n(t);var u=document.createElement("script");try{for(var a=r(Object.keys(e)),c=a.next();!c.done;c=a.next()){var s=c.value;u[s]=e[s]}}catch(t){o={error:t}}finally{try{c&&!c.done&&(i=a.return)&&i.call(a)}finally{if(o)throw o.error}}return u.src=t,u.onload=function(){return n(t)},document.body.appendChild(u),"success"}))},i=function(t){return new Promise((function(e){var n=new FileReader;n.onload=function(t){return e(t.target.result)},n.readAsText(t)}))},u=function(t){return new Promise((function(e,n){var r=new FileReader;t?(r.onload=function(t){return e(t.target.result)},r.onabort=function(){return n()},r.readAsDataURL(t)):n("文件爲空!")}))},a=function(t,e,n){return new File(t,e,{type:n})},c=function(t,e){var n=document.createElement("a");n.href=t,e&&(n.download=e),n.style.position="fixed",n.style.visibility="hidden",document.body.appendChild(n),n.click(),document.body.removeChild(n)},s=function(){return(s=Object.assign||function(t){for(var e,n=1,r=arguments.length;n<r;n++)for(var o in e=arguments[n])Object.prototype.hasOwnProperty.call(e,o)&&(t[o]=e[o]);return t}).apply(this,arguments)},l=function(){function t(t){var e=t.type,n=void 0===e?"sessionStorage":e,r=t.key;this._key=r,this.storage=window[n]}return Object.defineProperty(t.prototype,"state",{get:function(){var t=this.storage.getItem(this._key);return t?JSON.parse(t):null},set:function(t){var e=JSON.stringify(t);this.storage.setItem(this._key,e)},enumerable:!1,configurable:!0}),Object.defineProperty(t.prototype,"key",{get:function(){return this._key},enumerable:!1,configurable:!0}),t.prototype.merge=function(t){var e=this.state;this.state=s(s({},e),t)},t.prototype.clear=function(){this.storage.removeItem(this._key)},t}(),f=function(t,e,n,r){return new(n||(n=Promise))((function(o,i){function u(t){try{c(r.next(t))}catch(t){i(t)}}function a(t){try{c(r.throw(t))}catch(t){i(t)}}function c(t){var e;t.done?o(t.value):(e=t.value,e instanceof n?e:new n((function(t){t(e)}))).then(u,a)}c((r=r.apply(t,e||[])).next())}))},p=function(t,e){var n,r,o,i,u={label:0,sent:function(){if(1&o[0])throw o[1];return o[1]},trys:[],ops:[]};return i={next:a(0),throw:a(1),return:a(2)},"function"==typeof Symbol&&(i[Symbol.iterator]=function(){return this}),i;function a(i){return function(a){return function(i){if(n)throw new TypeError("Generator is already executing.");for(;u;)try{if(n=1,r&&(o=2&i[0]?r.return:i[0]?r.throw||((o=r.return)&&o.call(r),0):r.next)&&!(o=o.call(r,i[1])).done)return o;switch(r=0,o&&(i=[2&i[0],o.value]),i[0]){case 0:case 1:o=i;break;case 4:return u.label++,{value:i[1],done:!1};case 5:u.label++,r=i[1],i=[0];continue;case 7:i=u.ops.pop(),u.trys.pop();continue;default:if(!(o=u.trys,(o=o.length>0&&o[o.length-1])||6!==i[0]&&2!==i[0])){u=0;continue}if(3===i[0]&&(!o||i[1]>o[0]&&i[1]<o[3])){u.label=i[1];break}if(6===i[0]&&u.label<o[1]){u.label=o[1],o=i;break}if(o&&u.label<o[2]){u.label=o[2],u.ops.push(i);break}o[2]&&u.ops.pop(),u.trys.pop();continue}i=e.call(t,u)}catch(t){i=[6,t],r=0}finally{n=o=0}if(5&i[0])throw i[1];return{value:i[0]?i[1]:void 0,done:!0}}([i,a])}}},y=function(t){var e="function"==typeof Symbol&&Symbol.iterator,n=e&&t[e],r=0;if(n)return n.call(t);if(t&&"number"==typeof t.length)return{next:function(){return t&&r>=t.length&&(t=void 0),{value:t&&t[r++],done:!t}}};throw new TypeError(e?"Object is not iterable.":"Symbol.iterator is not defined.")},d=function(t,e){var n="function"==typeof Symbol&&t[Symbol.iterator];if(!n)return t;var r,o,i=n.call(t),u=[];try{for(;(void 0===e||e-- >0)&&!(r=i.next()).done;)u.push(r.value)}catch(t){o={error:t}}finally{try{r&&!r.done&&(n=i.return)&&n.call(i)}finally{if(o)throw o.error}}return u},h=function(){for(var t=[],e=0;e<arguments.length;e++)t=t.concat(d(arguments[e]));return t},b=function(){function t(){this.state={},this.ids={}}return t.prototype.on=function(t,e){if(this.state[t]||(this.state[t]=[]),"function"!=typeof e)throw new Error("第二个参数必须为function!");var n=this.state[t].push(e)-1,r=function(t){void 0===t&&(t=8);var e=function(t){return Math.random().toString(32).slice(2,2+t)};if(t<=8)return e(t);for(var n="",r=8;r<=t;r+=8)n+=e(t-r>8?8:t-r);return n}(40);return this.ids[r]={event:t,index:n},r},t.prototype.cancel=function(t){if(t){var e=this.ids[t]||{},n=e.event,r=e.index;n&&Array.isArray(this.state[n])&&this.state[n].splice(r,1)}else this.clear()},t.prototype.clear=function(){this.state.length=0},t.prototype.emit=function(t){for(var e=[],n=1;n<arguments.length;n++)e[n-1]=arguments[n];return f(this,void 0,void 0,(function(){var n,r,o,i,u,a;return p(this,(function(c){switch(c.label){case 0:if(!Array.isArray(this.state[t]))return[3,8];c.label=1;case 1:c.trys.push([1,6,7,8]),n=y(this.state[t]),r=n.next(),c.label=2;case 2:return r.done?[3,5]:"function"!=typeof(o=r.value)?[3,4]:[4,o.apply(void 0,h(e))];case 3:c.sent(),c.label=4;case 4:return r=n.next(),[3,2];case 5:return[3,8];case 6:return i=c.sent(),u={error:i},[3,8];case 7:try{r&&!r.done&&(a=n.return)&&a.call(n)}finally{if(u)throw u.error}return[7];case 8:return[2]}}))}))},t}(),v=function(){function t(t){var e=t.url;this._status=0,this.url="",this.emitter=new b,this.url=e,this.connect()}return t.prototype.reconnect=function(){var t=this;3===this._status&&setTimeout((function(){t.connect()}),1e3)},t.prototype.onClose=function(){2!==this._status&&(this._status=3),this.reconnect()},t.prototype.onMessage=function(t){this.emitter.emit("message",t.data)},t.prototype.connect=function(){var t=this;this.client=new WebSocket(this.url),this.client.onclose=this.onClose.bind(this),this.client.onmessage=this.onMessage.bind(this),this.client.onopen=function(){t._status=1}},t.prototype.close=function(){this.client&&(this.client.close(),this.client=null,this._status=2)},t.prototype.send=function(t,e){var n,r=t;e&&(r=JSON.stringify(t)),null===(n=this.client)||void 0===n||n.send(r)},t}()}])}));
+!function(t,e){"object"==typeof exports&&"object"==typeof module?module.exports=e():"function"==typeof define&&define.amd?define([],e):"object"==typeof exports?exports["pubo-web"]=e():t["pubo-web"]=e()}(this,(function(){return function(t){var e={};function n(o){if(e[o])return e[o].exports;var r=e[o]={i:o,l:!1,exports:{}};return t[o].call(r.exports,r,r.exports,n),r.l=!0,r.exports}return n.m=t,n.c=e,n.d=function(t,e,o){n.o(t,e)||Object.defineProperty(t,e,{enumerable:!0,get:o})},n.r=function(t){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(t,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(t,"__esModule",{value:!0})},n.t=function(t,e){if(1&e&&(t=n(t)),8&e)return t;if(4&e&&"object"==typeof t&&t&&t.__esModule)return t;var o=Object.create(null);if(n.r(o),Object.defineProperty(o,"default",{enumerable:!0,value:t}),2&e&&"string"!=typeof t)for(var r in t)n.d(o,r,function(e){return t[e]}.bind(null,r));return o},n.n=function(t){var e=t&&t.__esModule?function(){return t.default}:function(){return t};return n.d(e,"a",e),e},n.o=function(t,e){return Object.prototype.hasOwnProperty.call(t,e)},n.p="",n(n.s=1)}([,function(t,e,n){"use strict";n.r(e),n.d(e,"loadScript",(function(){return r})),n.d(e,"blob2text",(function(){return i})),n.d(e,"blob2base64",(function(){return u})),n.d(e,"blob2file",(function(){return s})),n.d(e,"downloadFile",(function(){return a})),n.d(e,"WebStorage",(function(){return l})),n.d(e,"WebsocketClient",(function(){return b})),n.d(e,"DragMethod",(function(){return w}));var o=function(t){var e="function"==typeof Symbol&&Symbol.iterator,n=e&&t[e],o=0;if(n)return n.call(t);if(t&&"number"==typeof t.length)return{next:function(){return t&&o>=t.length&&(t=void 0),{value:t&&t[o++],done:!t}}};throw new TypeError(e?"Object is not iterable.":"Symbol.iterator is not defined.")},r=function(t,e){void 0===e&&(e={});return new Promise((function(n){var r,i;if(function(){var e,n,r=document.getElementsByTagName("script");try{for(var i=o(r),u=i.next();!u.done;u=i.next()){var s=u.value;if(s.src===t)return s}}catch(t){e={error:t}}finally{try{u&&!u.done&&(n=i.return)&&n.call(i)}finally{if(e)throw e.error}}return null}())return n(t);var u=document.createElement("script");try{for(var s=o(Object.keys(e)),a=s.next();!a.done;a=s.next()){var c=a.value;u[c]=e[c]}}catch(t){r={error:t}}finally{try{a&&!a.done&&(i=s.return)&&i.call(s)}finally{if(r)throw r.error}}return u.src=t,u.onload=function(){return n(t)},document.body.appendChild(u),"success"}))},i=function(t){return new Promise((function(e){var n=new FileReader;n.onload=function(t){return e(t.target.result)},n.readAsText(t)}))},u=function(t){return new Promise((function(e,n){var o=new FileReader;t?(o.onload=function(t){return e(t.target.result)},o.onabort=function(){return n()},o.readAsDataURL(t)):n("文件爲空!")}))},s=function(t,e,n){return new File(t,e,{type:n})},a=function(t,e){var n=document.createElement("a");n.href=t,e&&(n.download=e),n.style.position="fixed",n.style.visibility="hidden",document.body.appendChild(n),n.click(),document.body.removeChild(n)},c=function(){return(c=Object.assign||function(t){for(var e,n=1,o=arguments.length;n<o;n++)for(var r in e=arguments[n])Object.prototype.hasOwnProperty.call(e,r)&&(t[r]=e[r]);return t}).apply(this,arguments)},l=function(){function t(t){var e=t.type,n=void 0===e?"sessionStorage":e,o=t.key;this._key=o,this.storage=window[n]}return Object.defineProperty(t.prototype,"state",{get:function(){var t=this.storage.getItem(this._key);return t?JSON.parse(t):null},set:function(t){var e=JSON.stringify(t);this.storage.setItem(this._key,e)},enumerable:!1,configurable:!0}),Object.defineProperty(t.prototype,"key",{get:function(){return this._key},enumerable:!1,configurable:!0}),t.prototype.merge=function(t){var e=this.state;this.state=c(c({},e),t)},t.prototype.clear=function(){this.storage.removeItem(this._key)},t}(),f=function(t,e,n,o){return new(n||(n=Promise))((function(r,i){function u(t){try{a(o.next(t))}catch(t){i(t)}}function s(t){try{a(o.throw(t))}catch(t){i(t)}}function a(t){var e;t.done?r(t.value):(e=t.value,e instanceof n?e:new n((function(t){t(e)}))).then(u,s)}a((o=o.apply(t,e||[])).next())}))},h=function(t,e){var n,o,r,i,u={label:0,sent:function(){if(1&r[0])throw r[1];return r[1]},trys:[],ops:[]};return i={next:s(0),throw:s(1),return:s(2)},"function"==typeof Symbol&&(i[Symbol.iterator]=function(){return this}),i;function s(i){return function(s){return function(i){if(n)throw new TypeError("Generator is already executing.");for(;u;)try{if(n=1,o&&(r=2&i[0]?o.return:i[0]?o.throw||((r=o.return)&&r.call(o),0):o.next)&&!(r=r.call(o,i[1])).done)return r;switch(o=0,r&&(i=[2&i[0],r.value]),i[0]){case 0:case 1:r=i;break;case 4:return u.label++,{value:i[1],done:!1};case 5:u.label++,o=i[1],i=[0];continue;case 7:i=u.ops.pop(),u.trys.pop();continue;default:if(!(r=u.trys,(r=r.length>0&&r[r.length-1])||6!==i[0]&&2!==i[0])){u=0;continue}if(3===i[0]&&(!r||i[1]>r[0]&&i[1]<r[3])){u.label=i[1];break}if(6===i[0]&&u.label<r[1]){u.label=r[1],r=i;break}if(r&&u.label<r[2]){u.label=r[2],u.ops.push(i);break}r[2]&&u.ops.pop(),u.trys.pop();continue}i=e.call(t,u)}catch(t){i=[6,t],o=0}finally{n=r=0}if(5&i[0])throw i[1];return{value:i[0]?i[1]:void 0,done:!0}}([i,s])}}},p=function(t){var e="function"==typeof Symbol&&Symbol.iterator,n=e&&t[e],o=0;if(n)return n.call(t);if(t&&"number"==typeof t.length)return{next:function(){return t&&o>=t.length&&(t=void 0),{value:t&&t[o++],done:!t}}};throw new TypeError(e?"Object is not iterable.":"Symbol.iterator is not defined.")},d=function(t,e){var n="function"==typeof Symbol&&t[Symbol.iterator];if(!n)return t;var o,r,i=n.call(t),u=[];try{for(;(void 0===e||e-- >0)&&!(o=i.next()).done;)u.push(o.value)}catch(t){r={error:t}}finally{try{o&&!o.done&&(n=i.return)&&n.call(i)}finally{if(r)throw r.error}}return u},y=function(){for(var t=[],e=0;e<arguments.length;e++)t=t.concat(d(arguments[e]));return t},v=function(){function t(){this.state={},this.ids={}}return t.prototype.on=function(t,e){if(this.state[t]||(this.state[t]=[]),"function"!=typeof e)throw new Error("第二个参数必须为function!");var n=this.state[t].push(e)-1,o=function(t){void 0===t&&(t=8);var e=function(t){return Math.random().toString(32).slice(2,2+t)};if(t<=8)return e(t);for(var n="",o=8;o<=t;o+=8)n+=e(t-o>8?8:t-o);return n}(40);return this.ids[o]={event:t,index:n},o},t.prototype.cancel=function(t){if(t){var e=this.ids[t]||{},n=e.event,o=e.index;n&&Array.isArray(this.state[n])&&this.state[n].splice(o,1)}else this.clear()},t.prototype.clear=function(){this.state.length=0},t.prototype.emit=function(t){for(var e=[],n=1;n<arguments.length;n++)e[n-1]=arguments[n];return f(this,void 0,void 0,(function(){var n,o,r,i,u,s;return h(this,(function(a){switch(a.label){case 0:if(!Array.isArray(this.state[t]))return[3,8];a.label=1;case 1:a.trys.push([1,6,7,8]),n=p(this.state[t]),o=n.next(),a.label=2;case 2:return o.done?[3,5]:"function"!=typeof(r=o.value)?[3,4]:[4,r.apply(void 0,y(e))];case 3:a.sent(),a.label=4;case 4:return o=n.next(),[3,2];case 5:return[3,8];case 6:return i=a.sent(),u={error:i},[3,8];case 7:try{o&&!o.done&&(s=n.return)&&s.call(n)}finally{if(u)throw u.error}return[7];case 8:return[2]}}))}))},t}(),b=function(){function t(t){var e=t.url;this._status=0,this.url="",this.emitter=new v,this.url=e,this.connect()}return t.prototype.reconnect=function(){var t=this;3===this._status&&setTimeout((function(){t.connect()}),1e3)},t.prototype.onClose=function(){2!==this._status&&(this._status=3),this.reconnect()},t.prototype.onMessage=function(t){this.emitter.emit("message",t.data)},t.prototype.connect=function(){var t=this;this.client=new WebSocket(this.url),this.client.onclose=this.onClose.bind(this),this.client.onmessage=this.onMessage.bind(this),this.client.onopen=function(){t._status=1}},t.prototype.close=function(){this.client&&(this.client.close(),this.client=null,this._status=2)},t.prototype.send=function(t,e){var n,o=t;e&&(o=JSON.stringify(t)),null===(n=this.client)||void 0===n||n.send(o)},t}(),m=function(t,e){var n="function"==typeof Symbol&&t[Symbol.iterator];if(!n)return t;var o,r,i=n.call(t),u=[];try{for(;(void 0===e||e-- >0)&&!(o=i.next()).done;)u.push(o.value)}catch(t){r={error:t}}finally{try{o&&!o.done&&(n=i.return)&&n.call(i)}finally{if(r)throw r.error}}return u},g=function(){for(var t=[],e=0;e<arguments.length;e++)t=t.concat(m(arguments[e]));return t};var w=function(){function t(t){var e,n,o,r,i=void 0===t?{}:t,u=i.key,s=void 0===u?"":u,a=i.onMove,c=i.onMoveEnd;this.key="",this.cache={pageX:0,pageY:0},this.key=s,this.onMouseDown=this._onMouseDown.bind(this),this.onMouseMove=(e=this._onMouseMove.bind(this),n=10,r=!0,function(){for(var t=[],i=0;i<arguments.length;i++)t[i]=arguments[i];o||(o=setTimeout((function(){r=!0,o=null}),n)),r&&(r=!1,e.apply(void 0,g(t)))}),this.onMouseUp=this._onMouseUp.bind(this),this.onMove=a,this.onMoveEnd=c}return t.prototype._onMouseMove=function(t){"function"==typeof this.onMove&&(this.onMove({offsetX:t.pageX-this.cache.pageX,offsetY:t.pageY-this.cache.pageY,key:this.key}),this.cache.pageX=t.pageX,this.cache.pageY=t.pageY)},t.prototype._onMouseUp=function(){window.removeEventListener("mousemove",this.onMouseMove),window.removeEventListener("mouseup",this.onMouseUp),"function"==typeof this.onMoveEnd&&this.onMoveEnd()},t.prototype._onMouseDown=function(t){"function"==typeof this.onMove&&(this.cache.pageX=t.pageX,this.cache.pageY=t.pageY,window.addEventListener("mousemove",this.onMouseMove),window.addEventListener("mouseup",this.onMouseUp))},t}()}])}));

package/es/dom/drag.d.ts

@@ -0,0 +1,25 @@
+declare type OnMove = (n: {
+    offsetX: number;
+    offsetY: number;
+    key?: string;
+}) => void;
+declare type OnMoveEnd = () => void;
+interface DragMethodProps {
+    key?: string;
+    onMove?: OnMove;
+    onMoveEnd?: OnMoveEnd;
+}
+export declare class DragMethod {
+    private readonly key?;
+    private readonly cache;
+    private readonly onMouseMove;
+    private readonly onMouseUp;
+    readonly onMouseDown: any;
+    onMove?: OnMove;
+    onMoveEnd?: OnMoveEnd;
+    constructor({ key, onMove, onMoveEnd }?: DragMethodProps);
+    private _onMouseMove;
+    private _onMouseUp;
+    private _onMouseDown;
+}
+export {};

package/es/dom/drag.js

@@ -0,0 +1,63 @@
+import { throttle } from 'pubo-utils';
+
+var DragMethod =
+/** @class */
+function () {
+  function DragMethod(_a) {
+    var _b = _a === void 0 ? {} : _a,
+        _c = _b.key,
+        key = _c === void 0 ? '' : _c,
+        onMove = _b.onMove,
+        onMoveEnd = _b.onMoveEnd;
+
+    this.key = '';
+    this.cache = {
+      pageX: 0,
+      pageY: 0
+    };
+    this.key = key;
+    this.onMouseDown = this._onMouseDown.bind(this);
+    this.onMouseMove = throttle(this._onMouseMove.bind(this), 1000 / 100);
+    this.onMouseUp = this._onMouseUp.bind(this);
+    this.onMove = onMove;
+    this.onMoveEnd = onMoveEnd;
+  }
+
+  DragMethod.prototype._onMouseMove = function (e) {
+    if (typeof this.onMove !== 'function') {
+      return;
+    }
+
+    this.onMove({
+      offsetX: e.pageX - this.cache.pageX,
+      offsetY: e.pageY - this.cache.pageY,
+      key: this.key
+    });
+    this.cache.pageX = e.pageX;
+    this.cache.pageY = e.pageY;
+  };
+
+  DragMethod.prototype._onMouseUp = function () {
+    window.removeEventListener('mousemove', this.onMouseMove);
+    window.removeEventListener('mouseup', this.onMouseUp);
+
+    if (typeof this.onMoveEnd === 'function') {
+      this.onMoveEnd();
+    }
+  };
+
+  DragMethod.prototype._onMouseDown = function (e) {
+    if (typeof this.onMove !== 'function') {
+      return;
+    }
+
+    this.cache.pageX = e.pageX;
+    this.cache.pageY = e.pageY;
+    window.addEventListener('mousemove', this.onMouseMove);
+    window.addEventListener('mouseup', this.onMouseUp);
+  };
+
+  return DragMethod;
+}();
+
+export { DragMethod };

package/es/index.d.ts

@@ -3,4 +3,5 @@ import { blob2text, blob2base64, blob2file } from './file/parser';
 import { downloadFile } from './file/download';
 import { WebStorage } from './storage';
 import WebsocketClient from './websocket/client';
-export { loadScript, blob2text, blob2base64, blob2file, downloadFile, WebStorage, WebsocketClient };
+import { DragMethod } from './dom/drag';
+export { loadScript, blob2text, blob2base64, blob2file, downloadFile, WebStorage, WebsocketClient, DragMethod };

package/es/index.js

@@ -3,4 +3,5 @@ import { blob2text, blob2base64, blob2file } from './file/parser';
 import { downloadFile } from './file/download';
 import { WebStorage } from './storage';
 import WebsocketClient from './websocket/client';
-export { loadScript, blob2text, blob2base64, blob2file, downloadFile, WebStorage, WebsocketClient };
+import { DragMethod } from './dom/drag';
+export { loadScript, blob2text, blob2base64, blob2file, downloadFile, WebStorage, WebsocketClient, DragMethod };

package/lib/dom/drag.d.ts

@@ -0,0 +1,25 @@
+declare type OnMove = (n: {
+    offsetX: number;
+    offsetY: number;
+    key?: string;
+}) => void;
+declare type OnMoveEnd = () => void;
+interface DragMethodProps {
+    key?: string;
+    onMove?: OnMove;
+    onMoveEnd?: OnMoveEnd;
+}
+export declare class DragMethod {
+    private readonly key?;
+    private readonly cache;
+    private readonly onMouseMove;
+    private readonly onMouseUp;
+    readonly onMouseDown: any;
+    onMove?: OnMove;
+    onMoveEnd?: OnMoveEnd;
+    constructor({ key, onMove, onMoveEnd }?: DragMethodProps);
+    private _onMouseMove;
+    private _onMouseUp;
+    private _onMouseDown;
+}
+export {};

package/lib/dom/drag.js

@@ -0,0 +1,70 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.DragMethod = void 0;
+
+var pubo_utils_1 = require("pubo-utils");
+
+var DragMethod =
+/** @class */
+function () {
+  function DragMethod(_a) {
+    var _b = _a === void 0 ? {} : _a,
+        _c = _b.key,
+        key = _c === void 0 ? '' : _c,
+        onMove = _b.onMove,
+        onMoveEnd = _b.onMoveEnd;
+
+    this.key = '';
+    this.cache = {
+      pageX: 0,
+      pageY: 0
+    };
+    this.key = key;
+    this.onMouseDown = this._onMouseDown.bind(this);
+    this.onMouseMove = pubo_utils_1.throttle(this._onMouseMove.bind(this), 1000 / 100);
+    this.onMouseUp = this._onMouseUp.bind(this);
+    this.onMove = onMove;
+    this.onMoveEnd = onMoveEnd;
+  }
+
+  DragMethod.prototype._onMouseMove = function (e) {
+    if (typeof this.onMove !== 'function') {
+      return;
+    }
+
+    this.onMove({
+      offsetX: e.pageX - this.cache.pageX,
+      offsetY: e.pageY - this.cache.pageY,
+      key: this.key
+    });
+    this.cache.pageX = e.pageX;
+    this.cache.pageY = e.pageY;
+  };
+
+  DragMethod.prototype._onMouseUp = function () {
+    window.removeEventListener('mousemove', this.onMouseMove);
+    window.removeEventListener('mouseup', this.onMouseUp);
+
+    if (typeof this.onMoveEnd === 'function') {
+      this.onMoveEnd();
+    }
+  };
+
+  DragMethod.prototype._onMouseDown = function (e) {
+    if (typeof this.onMove !== 'function') {
+      return;
+    }
+
+    this.cache.pageX = e.pageX;
+    this.cache.pageY = e.pageY;
+    window.addEventListener('mousemove', this.onMouseMove);
+    window.addEventListener('mouseup', this.onMouseUp);
+  };
+
+  return DragMethod;
+}();
+
+exports.DragMethod = DragMethod;

package/lib/index.d.ts

@@ -3,4 +3,5 @@ import { blob2text, blob2base64, blob2file } from './file/parser';
 import { downloadFile } from './file/download';
 import { WebStorage } from './storage';
 import WebsocketClient from './websocket/client';
-export { loadScript, blob2text, blob2base64, blob2file, downloadFile, WebStorage, WebsocketClient };
+import { DragMethod } from './dom/drag';
+export { loadScript, blob2text, blob2base64, blob2file, downloadFile, WebStorage, WebsocketClient, DragMethod };

package/lib/index.js

@@ -9,7 +9,7 @@ var __importDefault = this && this.__importDefault || function (mod) {
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.WebsocketClient = exports.WebStorage = exports.downloadFile = exports.blob2file = exports.blob2base64 = exports.blob2text = exports.loadScript = void 0;
+exports.DragMethod = exports.WebsocketClient = exports.WebStorage = exports.downloadFile = exports.blob2file = exports.blob2base64 = exports.blob2text = exports.loadScript = void 0;
 
 var load_script_1 = require("./load-script");
 
@@ -61,4 +61,13 @@ Object.defineProperty(exports, "WebStorage", {
 
 var client_1 = __importDefault(require("./websocket/client"));
 
-exports.WebsocketClient = client_1["default"];
+exports.WebsocketClient = client_1["default"];
+
+var drag_1 = require("./dom/drag");
+
+Object.defineProperty(exports, "DragMethod", {
+  enumerable: true,
+  get: function get() {
+    return drag_1.DragMethod;
+  }
+});

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "pubo-web",
-  "version": "1.0.21",
+  "version": "1.0.24",
   "main": "./lib/index.js",
   "module": "./es/index.js",
   "types": "./lib/index.d.ts",
@@ -19,8 +19,8 @@
     "node": ">=8.0.0"
   },
   "dependencies": {
-    "pubo-utils": "^1.0.18",
+    "pubo-utils": "^1.0.24",
     "roslib": "^1.2.0"
   },
-  "gitHead": "b7797c001d418b142d9d4321a5f83236c0266f0c"
+  "gitHead": "ab542b78f98cfab6319cc8eceedcef446eea8cf8"
 }