@cclr/front 0.1.16 → 0.1.18

package/lib/cjs/index.js

@@ -1 +1 @@
-"use strict";var e=require("@cclr/lang");function t(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,r=Array(t);n<t;n++)r[n]=e[n];return r}function n(e){return function(e){if(Array.isArray(e))return t(e)}(e)||function(e){if("undefined"!=typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)}(e)||function(e,n){if(e){if("string"==typeof e)return t(e,n);var r={}.toString.call(e).slice(8,-1);return"Object"===r&&e.constructor&&(r=e.constructor.name),"Map"===r||"Set"===r?Array.from(e):"Arguments"===r||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(r)?t(e,n):void 0}}(e)||function(){throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}var r=function(){for(var t=[],o=0;o<arguments.length;o++){var i=o<0||arguments.length<=o?void 0:arguments[o];if(i)if("string"!=typeof i&&"number"!=typeof i){if(e.isArray(i)){var a=r.apply(void 0,n(i));a&&t.push(a)}else if("object"==typeof i){if(i.toString!==Object.prototype.toString){t.push(i.toString());continue}for(var s in i)e.hasOwn(i,s)&&i[s]&&t.push(s)}}else t.push(i)}return t.join(" ")},o="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7",i=function(t,n,r,o){if(null==t||!t.addEventListener)throw new Error("The provided DOM element is not have addEventListener.");if("string"!=typeof n)throw new Error("The event type must be a string.");if(!(e.isFunction(r)||r instanceof Object))throw new Error("The listener must be a function or an EventListenerObject.");return t.addEventListener(n,r,o),function(){t.removeEventListener(n,r,o)}};exports.addEventListener=i,exports.addEventListenerMultiple=function(e,t,n){var r=[];return Object.keys(t).forEach((function(o){r.push(i(e,o,t[o],n))})),function(){r.forEach((function(e){return null==e?void 0:e()}))}},exports.addStyleSheet=function(t){var n=document.createElement("style");if(n.setAttribute("type","text/css"),n.styleSheet)n.styleSheet.cssText=t;else{var r=document.createTextNode(t);n.appendChild(r)}var o=document.getElementsByTagName("head"),i=e.noop;return o.length?(o[0].appendChild(n),i=function(){o[0].removeChild(n)}):(document.documentElement.appendChild(n),i=function(){document.documentElement.removeChild(n)}),i},exports.classNames=r,exports.emptyImgBase64=o,exports.getEmptyImage=function(){var e=new Image;return e.src=o,e};
+"use strict";var e=require("@cclr/lang");function t(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,r=Array(t);n<t;n++)r[n]=e[n];return r}function n(e){return function(e){if(Array.isArray(e))return t(e)}(e)||function(e){if("undefined"!=typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)}(e)||function(e,n){if(e){if("string"==typeof e)return t(e,n);var r={}.toString.call(e).slice(8,-1);return"Object"===r&&e.constructor&&(r=e.constructor.name),"Map"===r||"Set"===r?Array.from(e):"Arguments"===r||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(r)?t(e,n):void 0}}(e)||function(){throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}var r=function(){for(var t=[],o=0;o<arguments.length;o++){var i=o<0||arguments.length<=o?void 0:arguments[o];if(i)if("string"!=typeof i&&"number"!=typeof i){if(e.isArray(i)){var a=r.apply(void 0,n(i));a&&t.push(a)}else if("object"==typeof i){if(i.toString!==Object.prototype.toString){t.push(i.toString());continue}for(var u in i)e.hasOwn(i,u)&&i[u]&&t.push(u)}}else t.push(i)}return t.join(" ")},o="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7",i=function(t,n,r,o){if(null==t||!t.addEventListener)throw new Error("The provided DOM element is not have addEventListener.");if("string"!=typeof n)throw new Error("The event type must be a string.");if(!(e.isFunction(r)||r instanceof Object))throw new Error("The listener must be a function or an EventListenerObject.");return t.addEventListener(n,r,o),function(){t.removeEventListener(n,r,o)}};exports.addEventListener=i,exports.addEventListenerMultiple=function(e,t,n){var r=[];return Object.keys(t).forEach((function(o){r.push(i(e,o,t[o],n))})),function(){r.forEach((function(e){return null==e?void 0:e()}))}},exports.addStyleSheet=function(t){var n=document.createElement("style");if(n.setAttribute("type","text/css"),n.styleSheet)n.styleSheet.cssText=t;else{var r=document.createTextNode(t);n.appendChild(r)}var o=document.getElementsByTagName("head"),i=e.noop;return o.length?(o[0].appendChild(n),i=function(){o[0].removeChild(n)}):(document.documentElement.appendChild(n),i=function(){document.documentElement.removeChild(n)}),i},exports.classNames=r,exports.delDom=function(e){e&&(null!=e&&e.remove?e.remove():null!=e&&e.parentNode&&e.parentNode.removeChild(e))},exports.emptyImgBase64=o,exports.getEmptyImage=function(){var e=new Image;return e.src=o,e};

package/lib/esm/index.js

@@ -1 +1 @@
-import{isArray as e,hasOwn as t,isFunction as n,noop as r}from"@cclr/lang";function o(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,r=Array(t);n<t;n++)r[n]=e[n];return r}function i(e){return function(e){if(Array.isArray(e))return o(e)}(e)||function(e){if("undefined"!=typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)}(e)||function(e,t){if(e){if("string"==typeof e)return o(e,t);var n={}.toString.call(e).slice(8,-1);return"Object"===n&&e.constructor&&(n=e.constructor.name),"Map"===n||"Set"===n?Array.from(e):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?o(e,t):void 0}}(e)||function(){throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}var a=function(){for(var n=[],r=0;r<arguments.length;r++){var o=r<0||arguments.length<=r?void 0:arguments[r];if(o)if("string"!=typeof o&&"number"!=typeof o){if(e(o)){var u=a.apply(void 0,i(o));u&&n.push(u)}else if("object"==typeof o){if(o.toString!==Object.prototype.toString){n.push(o.toString());continue}for(var c in o)t(o,c)&&o[c]&&n.push(c)}}else n.push(o)}return n.join(" ")},u="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7",c=function(){var e=new Image;return e.src=u,e},f=function(e,t,r,o){if(null==e||!e.addEventListener)throw new Error("The provided DOM element is not have addEventListener.");if("string"!=typeof t)throw new Error("The event type must be a string.");if(!(n(r)||r instanceof Object))throw new Error("The listener must be a function or an EventListenerObject.");return e.addEventListener(t,r,o),function(){e.removeEventListener(t,r,o)}},l=function(e,t,n){var r=[];return Object.keys(t).forEach((function(o){r.push(f(e,o,t[o],n))})),function(){r.forEach((function(e){return null==e?void 0:e()}))}};function s(e){var t=document.createElement("style");if(t.setAttribute("type","text/css"),t.styleSheet)t.styleSheet.cssText=e;else{var n=document.createTextNode(e);t.appendChild(n)}var o=document.getElementsByTagName("head"),i=r;return o.length?(o[0].appendChild(t),i=function(){o[0].removeChild(t)}):(document.documentElement.appendChild(t),i=function(){document.documentElement.removeChild(t)}),i}export{f as addEventListener,l as addEventListenerMultiple,s as addStyleSheet,a as classNames,u as emptyImgBase64,c as getEmptyImage};
+import{isArray as e,hasOwn as t,isFunction as n,noop as r}from"@cclr/lang";function o(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,r=Array(t);n<t;n++)r[n]=e[n];return r}function i(e){return function(e){if(Array.isArray(e))return o(e)}(e)||function(e){if("undefined"!=typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)}(e)||function(e,t){if(e){if("string"==typeof e)return o(e,t);var n={}.toString.call(e).slice(8,-1);return"Object"===n&&e.constructor&&(n=e.constructor.name),"Map"===n||"Set"===n?Array.from(e):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?o(e,t):void 0}}(e)||function(){throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}var a=function(){for(var n=[],r=0;r<arguments.length;r++){var o=r<0||arguments.length<=r?void 0:arguments[r];if(o)if("string"!=typeof o&&"number"!=typeof o){if(e(o)){var u=a.apply(void 0,i(o));u&&n.push(u)}else if("object"==typeof o){if(o.toString!==Object.prototype.toString){n.push(o.toString());continue}for(var l in o)t(o,l)&&o[l]&&n.push(l)}}else n.push(o)}return n.join(" ")},u="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7",l=function(e){e&&(null!=e&&e.remove?e.remove():null!=e&&e.parentNode&&e.parentNode.removeChild(e))},c=function(){var e=new Image;return e.src=u,e},f=function(e,t,r,o){if(null==e||!e.addEventListener)throw new Error("The provided DOM element is not have addEventListener.");if("string"!=typeof t)throw new Error("The event type must be a string.");if(!(n(r)||r instanceof Object))throw new Error("The listener must be a function or an EventListenerObject.");return e.addEventListener(t,r,o),function(){e.removeEventListener(t,r,o)}},s=function(e,t,n){var r=[];return Object.keys(t).forEach((function(o){r.push(f(e,o,t[o],n))})),function(){r.forEach((function(e){return null==e?void 0:e()}))}};function d(e){var t=document.createElement("style");if(t.setAttribute("type","text/css"),t.styleSheet)t.styleSheet.cssText=e;else{var n=document.createTextNode(e);t.appendChild(n)}var o=document.getElementsByTagName("head"),i=r;return o.length?(o[0].appendChild(t),i=function(){o[0].removeChild(t)}):(document.documentElement.appendChild(t),i=function(){document.documentElement.removeChild(t)}),i}export{f as addEventListener,s as addEventListenerMultiple,d as addStyleSheet,a as classNames,l as delDom,u as emptyImgBase64,c as getEmptyImage};

package/lib/type/index.d.ts

@@ -16,66 +16,187 @@ declare const classNames: (...args: ClassValue[]) => string;
  */
 declare const emptyImgBase64 = "data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7";
 
+/**
+ * 删除一个dom节点
+ * @param dom
+ * @returns
+ */
+declare const delDom: (dom: Element) => void;
+
 /**
  * 获取 1*1 像素的透明图片
  * @returns dom
  */
 declare const getEmptyImage: () => HTMLImageElement;
 
-type CommonDOMEventTypes = 'click' | 'dblclick' | 'mousedown' | 'mouseup' | 'mousemove' | 'mouseover' | 'mouseout' | 'keydown' | 'keyup' | 'keypress' | 'touchstart' | 'touchend' | 'touchmove' | 'touchcancel' | 'dragstart' | 'drag' | 'dragend' | 'dragenter' | 'dragover' | 'dragleave' | 'drop' | 'scroll' | 'scroll' | 'scroll' | 'wheel' | 'resize';
+type CommonDOMEventTypes = 'click' | 'dblclick' | 'mousedown' | 'mouseup' | 'mousemove' | 'mouseover' | 'mouseout' | 'keydown' | 'keyup' | 'keypress' | 'touchstart' | 'touchend' | 'touchmove' | 'touchcancel' | 'dragstart' | 'drag' | 'dragend' | 'dragenter' | 'dragover' | 'dragleave' | 'drop' | 'scroll' | 'wheel' | 'resize' | 'mouseenter' | 'mouseleave' | 'contextmenu' | 'focus' | 'blur' | 'input' | 'change' | 'submit' | 'reset' | 'focusin' | 'focusout' | 'select' | 'pointerdown' | 'pointerup' | 'pointermove' | 'pointerover' | 'pointerout' | 'pointerenter' | 'pointerleave' | 'pointercancel' | 'gotpointercapture' | 'lostpointercapture';
 type EventListenerOptions = boolean | AddEventListenerOptions;
-type TEventMap = Partial<{
-    click: (e: MouseEvent) => void;
-    dblclick: (e: MouseEvent) => void;
-    mousedown: (e: MouseEvent) => void;
-    mouseup: (e: MouseEvent) => void;
-    mousemove: (e: MouseEvent) => void;
-    mouseover: (e: MouseEvent) => void;
-    mouseout: (e: MouseEvent) => void;
-    keydown: (e: KeyboardEvent) => void;
-    keyup: (e: KeyboardEvent) => void;
-    keypress: (e: KeyboardEvent) => void;
-    touchstart: (e: TouchEvent) => void;
-    touchend: (e: TouchEvent) => void;
-    touchmove: (e: TouchEvent) => void;
-    touchcancel: (e: TouchEvent) => void;
+type TEventMap<T = HTMLElement> = Partial<{
+    click: (e: MouseEvent & {
+        target: T;
+    }) => void;
+    dblclick: (e: MouseEvent & {
+        target: T;
+    }) => void;
+    mousedown: (e: MouseEvent & {
+        target: T;
+    }) => void;
+    mouseup: (e: MouseEvent & {
+        target: T;
+    }) => void;
+    mousemove: (e: MouseEvent & {
+        target: T;
+    }) => void;
+    mouseover: (e: MouseEvent & {
+        target: T;
+    }) => void;
+    mouseout: (e: MouseEvent & {
+        target: T;
+    }) => void;
+    mouseenter: (e: MouseEvent & {
+        target: T;
+    }) => void;
+    mouseleave: (e: MouseEvent & {
+        target: T;
+    }) => void;
+    keydown: (e: KeyboardEvent & {
+        target: T;
+    }) => void;
+    keyup: (e: KeyboardEvent & {
+        target: T;
+    }) => void;
+    keypress: (e: KeyboardEvent & {
+        target: T;
+    }) => void;
+    touchstart: (e: TouchEvent & {
+        target: T;
+    }) => void;
+    touchend: (e: TouchEvent & {
+        target: T;
+    }) => void;
+    touchmove: (e: TouchEvent & {
+        target: T;
+    }) => void;
+    touchcancel: (e: TouchEvent & {
+        target: T;
+    }) => void;
     /**
      * 拖动元素开始触发
      * dataTransfer.setData()方法设置数据类型和拖动的数据
      * e.dataTransfer.setData("Text", event.target.id);
      */
-    dragstart: (e: DragEvent) => void;
+    dragstart: (e: DragEvent & {
+        target: T;
+    }) => void;
     /**
      * 拖动元素时触发
      */
-    drag: (e: DragEvent) => void;
+    drag: (e: DragEvent & {
+        target: T;
+    }) => void;
     /**
      * 拖动元素结束触发
      */
-    dragend: (e: DragEvent) => void;
+    dragend: (e: DragEvent & {
+        target: T;
+    }) => void;
     /**
      * 接收元素，进入时触发
      */
-    dragenter: (e: DragEvent) => void;
+    dragenter: (e: DragEvent & {
+        target: T;
+    }) => void;
     /**
      * 接收元素，内部移动时触发
      * 如果使用drop，必须防止元素的默认处理
      * event.preventDefault();
      */
-    dragover: (e: DragEvent) => void;
+    dragover: (e: DragEvent & {
+        target: T;
+    }) => void;
     /**
      * 接收元素，离开时触发
      */
-    dragleave: (e: DragEvent) => void;
+    dragleave: (e: DragEvent & {
+        target: T;
+    }) => void;
     /**
      * 接收元素，拖动完成后触发
      * dataTransfer.getData()方法获得拖放数据
      * e.dataTransfer.getData("Text");
      */
-    drop: (e: DragEvent) => void;
-    scroll: (e: Event) => void;
-    wheel: (e: WheelEvent) => void;
-    resize: (e: Event) => void;
+    drop: (e: DragEvent & {
+        target: T;
+    }) => void;
+    scroll: (e: Event & {
+        target: T;
+    }) => void;
+    wheel: (e: WheelEvent & {
+        target: T;
+    }) => void;
+    resize: (e: Event & {
+        target: T;
+    }) => void;
+    contextmenu: (e: MouseEvent & {
+        target: T;
+    }) => void;
+    focus: (e: FocusEvent & {
+        target: T;
+    }) => void;
+    blur: (e: FocusEvent & {
+        target: T;
+    }) => void;
+    input: (e: InputEvent & {
+        target: T;
+    }) => void;
+    change: (e: Event & {
+        target: T;
+    }) => void;
+    submit: (e: Event & {
+        target: T;
+    }) => void;
+    reset: (e: Event & {
+        target: T;
+    }) => void;
+    focusin: (e: FocusEvent & {
+        target: T;
+    }) => void;
+    focusout: (e: FocusEvent & {
+        target: T;
+    }) => void;
+    select: (e: Event & {
+        target: T;
+    }) => void;
+    pointerdown: (e: PointerEvent & {
+        target: T;
+    }) => void;
+    pointerup: (e: PointerEvent & {
+        target: T;
+    }) => void;
+    pointermove: (e: PointerEvent & {
+        target: T;
+    }) => void;
+    pointerover: (e: PointerEvent & {
+        target: T;
+    }) => void;
+    pointerout: (e: PointerEvent & {
+        target: T;
+    }) => void;
+    pointerenter: (e: PointerEvent & {
+        target: T;
+    }) => void;
+    pointerleave: (e: PointerEvent & {
+        target: T;
+    }) => void;
+    pointercancel: (e: PointerEvent & {
+        target: T;
+    }) => void;
+    gotpointercapture: (e: PointerEvent & {
+        target: T;
+    }) => void;
+    lostpointercapture: (e: PointerEvent & {
+        target: T;
+    }) => void;
 }>;
 
 /**
@@ -96,7 +217,7 @@ declare const addEventListener: <T extends HTMLElement = HTMLElement>(dom: T, ty
  * @param options 事件监听选项
  * @returns 移除事件监听的函数
  */
-declare const addEventListenerMultiple: <T extends HTMLElement = HTMLElement>(dom: T, listenerMap: TEventMap, options?: EventListenerOptions) => () => void;
+declare const addEventListenerMultiple: <T extends HTMLElement = HTMLElement>(dom: T, listenerMap: TEventMap<T>, options?: EventListenerOptions) => () => void;
 
 /**
  * 添加样式表
@@ -105,4 +226,4 @@ declare const addEventListenerMultiple: <T extends HTMLElement = HTMLElement>(do
  */
 declare function addStyleSheet(cssStr: string): () => void;
 
-export { type CommonDOMEventTypes, type EventListenerOptions, type TEventMap, addEventListener, addEventListenerMultiple, addStyleSheet, classNames, emptyImgBase64, getEmptyImage };
+export { type CommonDOMEventTypes, type EventListenerOptions, type TEventMap, addEventListener, addEventListenerMultiple, addStyleSheet, classNames, delDom, emptyImgBase64, getEmptyImage };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@cclr/front",
-  "version": "0.1.16",
+  "version": "0.1.18",
   "description": "前端开发使用工具",
   "author": "cclr <18843152354@163.com>",
   "homepage": "",
@@ -27,9 +27,9 @@
     "g:test": "vitest run",
     "g:build": "ccf build"
   },
-  "gitHead": "8960f7c796054f1f0bbf0e7d0064af5f6abc4e05",
+  "gitHead": "f0b2dc8e54b6ddfcca0ff36488c17df73a658e49",
   "dependencies": {
-    "@cclr/lang": "0.1.16",
-    "@cclr/utils": "0.1.16"
+    "@cclr/lang": "0.1.18",
+    "@cclr/utils": "0.1.18"
   }
 }