@cclr/front 0.1.8 → 0.1.10

package/lib/cjs/index.js

@@ -1 +1 @@
-"use strict";var t=require("@cclr/lang");const e=(...s)=>{const o=[];for(let n=0;n<s.length;n++){const r=s[n];if(r)if("string"!=typeof r&&"number"!=typeof r){if(t.isArray(r)){const t=e(...r);t&&o.push(t)}else if("object"==typeof r){if(r.toString!==Object.prototype.toString){o.push(r.toString());continue}for(const e in r)t.hasOwn(r,e)&&r[e]&&o.push(e)}}else o.push(r)}return o.join(" ")};exports.classNames=e;
+"use strict";var t=require("@cclr/lang");function r(t,r){(null==r||r>t.length)&&(r=t.length);for(var e=0,n=Array(r);e<r;e++)n[e]=t[e];return n}function e(t){return function(t){if(Array.isArray(t))return r(t)}(t)||function(t){if("undefined"!=typeof Symbol&&null!=t[Symbol.iterator]||null!=t["@@iterator"])return Array.from(t)}(t)||function(t,e){if(t){if("string"==typeof t)return r(t,e);var n={}.toString.call(t).slice(8,-1);return"Object"===n&&t.constructor&&(n=t.constructor.name),"Map"===n||"Set"===n?Array.from(t):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?r(t,e):void 0}}(t)||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 n=function(){for(var r=[],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(t.isArray(i)){var a=n.apply(void 0,e(i));a&&r.push(a)}else if("object"==typeof i){if(i.toString!==Object.prototype.toString){r.push(i.toString());continue}for(var u in i)t.hasOwn(i,u)&&i[u]&&r.push(u)}}else r.push(i)}return r.join(" ")},o=function(r,e,n,o){if(!(r instanceof HTMLElement))throw new Error("The provided DOM element is not an HTMLElement.");if("string"!=typeof e)throw new Error("The event type must be a string.");if(!(t.isFunction(n)||n instanceof Object))throw new Error("The listener must be a function or an EventListenerObject.");return r.addEventListener(e,n,o),function(){r.removeEventListener(e,n,o)}};exports.addEventListener=o,exports.addEventListenerMultiple=function(t,r,e){var n=[];return Object.keys(r).forEach((function(i){n.push(o(t,i,r[i],e))})),function(){n.forEach((function(t){return null==t?void 0:t()}))}},exports.classNames=n;

package/lib/esm/index.js

@@ -1 +1 @@
-import{isArray as t,hasOwn as o}from"@cclr/lang";const n=(...e)=>{const r=[];for(let i=0;i<e.length;i++){const s=e[i];if(s)if("string"!=typeof s&&"number"!=typeof s){if(t(s)){const t=n(...s);t&&r.push(t)}else if("object"==typeof s){if(s.toString!==Object.prototype.toString){r.push(s.toString());continue}for(const t in s)o(s,t)&&s[t]&&r.push(t)}}else r.push(s)}return r.join(" ")};export{n as classNames};
+import{isArray as t,hasOwn as r,isFunction as n}from"@cclr/lang";function e(t,r){(null==r||r>t.length)&&(r=t.length);for(var n=0,e=Array(r);n<r;n++)e[n]=t[n];return e}function o(t){return function(t){if(Array.isArray(t))return e(t)}(t)||function(t){if("undefined"!=typeof Symbol&&null!=t[Symbol.iterator]||null!=t["@@iterator"])return Array.from(t)}(t)||function(t,r){if(t){if("string"==typeof t)return e(t,r);var n={}.toString.call(t).slice(8,-1);return"Object"===n&&t.constructor&&(n=t.constructor.name),"Map"===n||"Set"===n?Array.from(t):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?e(t,r):void 0}}(t)||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 i=function(){for(var n=[],e=0;e<arguments.length;e++){var a=e<0||arguments.length<=e?void 0:arguments[e];if(a)if("string"!=typeof a&&"number"!=typeof a){if(t(a)){var f=i.apply(void 0,o(a));f&&n.push(f)}else if("object"==typeof a){if(a.toString!==Object.prototype.toString){n.push(a.toString());continue}for(var u in a)r(a,u)&&a[u]&&n.push(u)}}else n.push(a)}return n.join(" ")},a=function(t,r,e,o){if(!(t instanceof HTMLElement))throw new Error("The provided DOM element is not an HTMLElement.");if("string"!=typeof r)throw new Error("The event type must be a string.");if(!(n(e)||e instanceof Object))throw new Error("The listener must be a function or an EventListenerObject.");return t.addEventListener(r,e,o),function(){t.removeEventListener(r,e,o)}},f=function(t,r,n){var e=[];return Object.keys(r).forEach((function(o){e.push(a(t,o,r[o],n))})),function(){e.forEach((function(t){return null==t?void 0:t()}))}};export{a as addEventListener,f as addEventListenerMultiple,i as classNames};

package/lib/type/index.d.ts

@@ -11,4 +11,80 @@ type ClassObject = Record<string, TAny>;
  */
 declare const classNames: (...args: ClassValue[]) => string;
 
-export { classNames };
+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 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;
+    /**
+     * 拖动元素开始触发
+     * dataTransfer.setData()方法设置数据类型和拖动的数据
+     * e.dataTransfer.setData("Text", event.target.id);
+     */
+    dragstart: (e: DragEvent) => void;
+    /**
+     * 拖动元素时触发
+     */
+    drag: (e: DragEvent) => void;
+    /**
+     * 拖动元素结束触发
+     */
+    dragend: (e: DragEvent) => void;
+    /**
+     * 接收元素，进入时触发
+     */
+    dragenter: (e: DragEvent) => void;
+    /**
+     * 接收元素，内部移动时触发
+     * 如果使用drop，必须防止元素的默认处理
+     * event.preventDefault();
+     */
+    dragover: (e: DragEvent) => void;
+    /**
+     * 接收元素，离开时触发
+     */
+    dragleave: (e: DragEvent) => void;
+    /**
+     * 接收元素，拖动完成后触发
+     * dataTransfer.getData()方法获得拖放数据
+     * e.dataTransfer.getData("Text");
+     */
+    drop: (e: DragEvent) => void;
+    scroll: (e: Event) => void;
+    wheel: (e: WheelEvent) => void;
+    resize: (e: Event) => void;
+}>;
+
+/**
+ * 添加事件监听
+ * @param dom 要绑定事件的 DOM 元素
+ * @param type 事件类型
+ * @param listener 事件监听器
+ * @param options 事件监听选项
+ * @returns 移除事件监听的函数
+ */
+declare const addEventListener: <T extends HTMLElement = HTMLElement>(dom: T, type: CommonDOMEventTypes, listener: (event: Event) => void, options?: EventListenerOptions) => (() => void);
+
+/**
+ * 添加事件监听
+ * @param dom 要绑定事件的 DOM 元素
+ * @param type 事件类型
+ * @param listener 事件监听器
+ * @param options 事件监听选项
+ * @returns 移除事件监听的函数
+ */
+declare const addEventListenerMultiple: <T extends HTMLElement = HTMLElement>(dom: T, listenerMap: TEventMap, options?: EventListenerOptions) => () => void;
+
+export { type CommonDOMEventTypes, type EventListenerOptions, type TEventMap, addEventListener, addEventListenerMultiple, classNames };

package/package.json

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