@taufik-nurrohman/text-editor.key 1.0.4 → 1.0.6
Sign up to get free protection for your applications and to get access to all the features.
- package/index.js +56 -42
- package/index.min.js +1 -1
- package/index.mjs +5 -2
- package/package.json +1 -1
package/index.js
CHANGED
|
@@ -101,52 +101,60 @@
|
|
|
101
101
|
|
|
102
102
|
function Key(self) {
|
|
103
103
|
var $ = this;
|
|
104
|
-
var queue = {};
|
|
105
|
-
$.command = function (v) {
|
|
106
|
-
if (isString(v)) {
|
|
107
|
-
return v === $.toString();
|
|
108
|
-
}
|
|
109
|
-
var command = $.keys[$.toString()];
|
|
110
|
-
return isSet(command) ? command : false;
|
|
111
|
-
};
|
|
112
104
|
$.commands = {};
|
|
113
|
-
$.fire = function (command) {
|
|
114
|
-
var self = $.self || $,
|
|
115
|
-
value,
|
|
116
|
-
exist;
|
|
117
|
-
if (isFunction(command)) {
|
|
118
|
-
value = command.call(self);
|
|
119
|
-
exist = true;
|
|
120
|
-
} else if (isString(command) && (command = $.commands[command])) {
|
|
121
|
-
value = command.call(self);
|
|
122
|
-
exist = true;
|
|
123
|
-
} else if (isArray(command)) {
|
|
124
|
-
var data = command[1] || [];
|
|
125
|
-
if (command = $.commands[command[0]]) {
|
|
126
|
-
value = command.apply(self, data);
|
|
127
|
-
exist = true;
|
|
128
|
-
}
|
|
129
|
-
}
|
|
130
|
-
return exist ? isSet(value) ? value : true : null;
|
|
131
|
-
};
|
|
132
105
|
$.key = null;
|
|
133
106
|
$.keys = {};
|
|
134
|
-
$.
|
|
135
|
-
|
|
136
|
-
if (!isSet(key)) {
|
|
137
|
-
return queue = {}, $;
|
|
138
|
-
}
|
|
139
|
-
return delete queue[key], $;
|
|
140
|
-
};
|
|
141
|
-
$.push = function (key) {
|
|
142
|
-
return queue[$.key = key] = 1, $;
|
|
143
|
-
};
|
|
144
|
-
$.self = self;
|
|
145
|
-
$.toString = function () {
|
|
146
|
-
return toObjectKeys(queue).join('-');
|
|
147
|
-
};
|
|
107
|
+
$.queue = {};
|
|
108
|
+
$.self = self || $;
|
|
148
109
|
return $;
|
|
149
110
|
}
|
|
111
|
+
var $$ = Key.prototype;
|
|
112
|
+
$$.command = function (v) {
|
|
113
|
+
var $ = this;
|
|
114
|
+
if (isString(v)) {
|
|
115
|
+
return v === $.toString();
|
|
116
|
+
}
|
|
117
|
+
var command = $.keys[$.toString()];
|
|
118
|
+
return isSet(command) ? command : false;
|
|
119
|
+
};
|
|
120
|
+
$$.fire = function (command) {
|
|
121
|
+
var $ = this;
|
|
122
|
+
var self = $.self || $,
|
|
123
|
+
value,
|
|
124
|
+
exist;
|
|
125
|
+
if (isFunction(command)) {
|
|
126
|
+
value = command.call(self);
|
|
127
|
+
exist = true;
|
|
128
|
+
} else if (isString(command) && (command = $.commands[command])) {
|
|
129
|
+
value = command.call(self);
|
|
130
|
+
exist = true;
|
|
131
|
+
} else if (isArray(command)) {
|
|
132
|
+
var data = command[1] || [];
|
|
133
|
+
if (command = $.commands[command[0]]) {
|
|
134
|
+
value = command.apply(self, data);
|
|
135
|
+
exist = true;
|
|
136
|
+
}
|
|
137
|
+
}
|
|
138
|
+
return exist ? isSet(value) ? value : true : null;
|
|
139
|
+
};
|
|
140
|
+
$$.pull = function (key) {
|
|
141
|
+
var $ = this;
|
|
142
|
+
$.key = null;
|
|
143
|
+
if (!isSet(key)) {
|
|
144
|
+
return $.queue = {}, $;
|
|
145
|
+
}
|
|
146
|
+
return delete $.queue[key], $;
|
|
147
|
+
};
|
|
148
|
+
$$.push = function (key) {
|
|
149
|
+
var $ = this;
|
|
150
|
+
return $.queue[$.key = key] = 1, $;
|
|
151
|
+
};
|
|
152
|
+
$$.toString = function () {
|
|
153
|
+
return toObjectKeys(this.queue).join('-');
|
|
154
|
+
};
|
|
155
|
+
Object.defineProperty(Key, 'name', {
|
|
156
|
+
value: 'Key'
|
|
157
|
+
});
|
|
150
158
|
var debounce = function debounce(then, time) {
|
|
151
159
|
var timer;
|
|
152
160
|
return function () {
|
|
@@ -161,6 +169,9 @@
|
|
|
161
169
|
var offEventDefault = function offEventDefault(e) {
|
|
162
170
|
return e && e.preventDefault();
|
|
163
171
|
};
|
|
172
|
+
var offEventPropagation = function offEventPropagation(e) {
|
|
173
|
+
return e && e.stopPropagation();
|
|
174
|
+
};
|
|
164
175
|
var bounce = debounce(function (map) {
|
|
165
176
|
return map.pull();
|
|
166
177
|
}, 1000);
|
|
@@ -176,14 +187,17 @@
|
|
|
176
187
|
}
|
|
177
188
|
|
|
178
189
|
function onKeyDown(e) {
|
|
190
|
+
var $ = this;
|
|
179
191
|
var command,
|
|
180
|
-
map =
|
|
192
|
+
map = $[id],
|
|
181
193
|
v;
|
|
182
194
|
map.push(e.key); // Add current key to the queue
|
|
195
|
+
$._event = e;
|
|
183
196
|
if (command = map.command()) {
|
|
184
197
|
v = map.fire(command);
|
|
185
198
|
if (false === v) {
|
|
186
199
|
offEventDefault(e);
|
|
200
|
+
offEventPropagation(e);
|
|
187
201
|
} else if (null === v) {
|
|
188
202
|
console.warn('Unknown command: `' + command + '`');
|
|
189
203
|
}
|
package/index.min.js
CHANGED
|
@@ -23,4 +23,4 @@
|
|
|
23
23
|
* SOFTWARE.
|
|
24
24
|
*
|
|
25
25
|
*/
|
|
26
|
-
!function(n,t){"object"==typeof exports&&"undefined"!=typeof module?module.exports=t():"function"==typeof define&&define.amd?define(t):((n="undefined"!=typeof globalThis?globalThis:n||self).TextEditor=n.TextEditor||{},n.TextEditor.Key=t())}(this,(function(){"use strict";var n=function(n){return Array.isArray(n)},t=function(n){return"function"==typeof n},e=function(n,t){return void 0===t&&(t=!0),"object"==typeof n&&(!t||function(n,t){return n&&r(t)&&n instanceof t}(n,Object))},r=function(n){return function(n){return void 0!==n}(n)&&!function(n){return null===n}(n)},o=function(n){return"string"==typeof n},u=function t(){for(var o=arguments.length,u=Array(o),f=0;f<o;f++)u[f]=arguments[f];for(var c,s=u.shift(),
|
|
26
|
+
!function(n,t){"object"==typeof exports&&"undefined"!=typeof module?module.exports=t():"function"==typeof define&&define.amd?define(t):((n="undefined"!=typeof globalThis?globalThis:n||self).TextEditor=n.TextEditor||{},n.TextEditor.Key=t())}(this,(function(){"use strict";var n=function(n){return Array.isArray(n)},t=function(n){return"function"==typeof n},e=function(n,t){return void 0===t&&(t=!0),"object"==typeof n&&(!t||function(n,t){return n&&r(t)&&n instanceof t}(n,Object))},r=function(n){return function(n){return void 0!==n}(n)&&!function(n){return null===n}(n)},o=function(n){return"string"==typeof n},u=function t(){for(var o=arguments.length,u=Array(o),f=0;f<o;f++)u[f]=arguments[f];for(var c,s=u.shift(),a=0,l=i(u);a<l;++a)for(var y in u[a])if(r(s[y]))if(n(s[y])&&n(u[a][y])){s[y]=[].concat(s[y]);for(var d=0,p=i(u[a][y]);d<p;++d)c=u[a][y][d],-1===s[y].indexOf(c)&&s[y].push(u[a][y][d])}else e(s[y])&&e(u[a][y])?s[y]=t({},s[y],u[a][y]):s[y]=u[a][y];else s[y]=u[a][y];return s},i=function(n){return n.length};function f(n){var t=this;return t.commands={},t.key=null,t.keys={},t.queue={},t.self=n||t,t}var c=f.prototype;c.command=function(n){var t=this;if(o(n))return n===t.toString();var e=t.keys[t.toString()];return!!r(e)&&e},c.fire=function(e){var u,i,f=this,c=f.self||f;if(t(e))u=e.call(c),i=!0;else if(o(e)&&(e=f.commands[e]))u=e.call(c),i=!0;else if(n(e)){var s=e[1]||[];(e=f.commands[e[0]])&&(u=e.apply(c,s),i=!0)}return i?!r(u)||u:null},c.pull=function(n){var t=this;return t.key=null,r(n)?(delete t.queue[n],t):(t.queue={},t)},c.push=function(n){var t=this;return t.queue[t.key=n]=1,t},c.toString=function(){return(n=this.queue,Object.keys(n)).join("-");var n},Object.defineProperty(f,"name",{value:"Key"});var s,a,l,y=function(n){return n&&n.preventDefault()},d=function(n){return n&&n.stopPropagation()},p=(s=function(n){return n.pull()},a=1e3,function(){var n=arguments,t=this;l&&clearTimeout(l),l=setTimeout((function(){return s.apply(t,n)}),a)}),m="_Key";function h(n){this[m].pull()}function v(n){h.call(this)}function k(n){var t,e,r=this[m];r.push(n.key),this._event=n,(t=r.command())&&(!1===(e=r.fire(t))?(y(n),d(n)):null===e&&console.warn("Unknown command: `"+t+"`")),p(r)}function b(n){this[m].pull(n.key)}var g={attach:function(){var n=this,e=n.constructor.prototype,o=new f(n);return n.commands=u(n.commands=o.commands,n.state.commands||{}),n.keys=u(n.keys=o.keys,n.state.keys||{}),!t(e.command)&&(e.command=function(n,t){return this.commands[n]=t,this}),!t(e.k)&&(e.k=function(n){var t,e=this[m]+"";return r(n)&&"-"!==n&&(t=""!==e?e.split(/-(?!$)/):[],!1!==n)?t.join(n):!1===n?"-"===e?[e]:t:e}),!t(e.key)&&(e.key=function(n,t){return this.keys[n]=t,this}),n.on("blur",h),n.on("input",v),n.on("key.down",k),n.on("key.up",b),n[m]=o,n},detach:function(){var n=this;return n[m].pull(),n.off("blur",h),n.off("input",v),n.off("key.down",k),n.off("key.up",b),delete n[m],n},name:"TextEditor.Key"};return g}));
|
package/index.mjs
CHANGED
|
@@ -2,7 +2,7 @@ import Key from '@taufik-nurrohman/key';
|
|
|
2
2
|
import {debounce} from '@taufik-nurrohman/tick';
|
|
3
3
|
import {fromStates} from '@taufik-nurrohman/from';
|
|
4
4
|
import {isFunction, isSet} from '@taufik-nurrohman/is';
|
|
5
|
-
import {offEventDefault} from '@taufik-nurrohman/event';
|
|
5
|
+
import {offEventDefault, offEventPropagation} from '@taufik-nurrohman/event';
|
|
6
6
|
|
|
7
7
|
const bounce = debounce(map => map.pull(), 1000);
|
|
8
8
|
const name = 'TextEditor.Key';
|
|
@@ -18,12 +18,15 @@ function onInput(e) {
|
|
|
18
18
|
}
|
|
19
19
|
|
|
20
20
|
function onKeyDown(e) {
|
|
21
|
-
let
|
|
21
|
+
let $ = this;
|
|
22
|
+
let command, map = $[id], v;
|
|
22
23
|
map.push(e.key); // Add current key to the queue
|
|
24
|
+
$._event = e;
|
|
23
25
|
if (command = map.command()) {
|
|
24
26
|
v = map.fire(command);
|
|
25
27
|
if (false === v) {
|
|
26
28
|
offEventDefault(e);
|
|
29
|
+
offEventPropagation(e);
|
|
27
30
|
} else if (null === v) {
|
|
28
31
|
console.warn('Unknown command: `' + command + '`');
|
|
29
32
|
}
|
package/package.json
CHANGED