qc-ui-lit 0.0.8 → 0.1.0

package/dist/components/Resize/Resize.js

@@ -1,14 +1,29 @@
 import { r as e } from "../AMap/AMap.js";
 import { LitElement as t, css as n, html as r } from "lit";
 import { customElement as i } from "lit/decorators.js";
+//#region src/tools/debounce/debounce.ts
+function a(e, t = 300, n = !1) {
+	let r = null, i, a = function(...a) {
+		let o = n && !r;
+		return r && clearTimeout(r), r = setTimeout(() => {
+			r = null, n || (i = e.apply(this, a));
+		}, t), o && (i = e.apply(this, a)), i;
+	};
+	return a.cancel = () => {
+		r &&= (clearTimeout(r), null);
+	}, a.flush = function() {
+		return r && (clearTimeout(r), r = null, i = e.apply(this)), i;
+	}, a;
+}
+//#endregion
 //#region src/components/Resize/qc-resize.ts
-var a = class extends t {
+var o = class extends t {
 	constructor(...e) {
 		super(...e), this.resizeObserver = new ResizeObserver((e) => {
-			setTimeout(() => {
-				this.dispatchEvent(new CustomEvent("resize", { detail: { rect: e[0].contentRect } }));
-			});
-		});
+			this.onResize(e[0].contentRect);
+		}), this.onResize = a((e) => {
+			this.dispatchEvent(new CustomEvent("resize", { detail: { rect: e } }));
+		}, 400);
 	}
 	firstUpdated() {
 		let e = this.renderRoot.querySelector("#qc-resize");
@@ -28,6 +43,6 @@ var a = class extends t {
   `;
 	}
 };
-a = e([i("qc-resize")], a);
+o = e([i("qc-resize")], o);
 //#endregion
-export { a as t };
+export { a as n, o as t };

package/dist/components/Resize/qc-resize.d.ts

@@ -6,6 +6,7 @@ declare global {
 }
 export declare class QCResize extends LitElement {
     resizeObserver: ResizeObserver;
+    onResize: import("@/tools").DebouncedFunction<(rect: DOMRectReadOnly) => void>;
     firstUpdated(): void;
     protected render(): import("lit-html").TemplateResult<1>;
     static styles: import("lit").CSSResult;

package/dist/index.js

@@ -1,5 +1,5 @@
 import { n as e, t } from "./components/AMap/AMap.js";
 import { t as n } from "./components/Loading/Loading.js";
-import { t as r } from "./components/ECharts/ECharts.js";
-import { t as i } from "./components/Resize/Resize.js";
-export { t as AMap, r as EChartsElement, n as QCLoading, i as QCResize, e as loadAMap };
+import { n as r, t as i } from "./components/Resize/Resize.js";
+import { t as a } from "./components/ECharts/ECharts.js";
+export { t as AMap, a as EChartsElement, n as QCLoading, i as QCResize, r as debounce, e as loadAMap };

package/dist/tools/debounce/debounce.d.ts

@@ -0,0 +1,7 @@
+export type DebouncedFunction<T extends (...args: any[]) => any> = {
+    (...args: Parameters<T>): ReturnType<T> | undefined;
+    cancel(): void;
+    flush(): ReturnType<T> | undefined;
+};
+export declare function debounce<T extends (...args: any[]) => any>(func: T, wait?: number, immediate?: boolean): DebouncedFunction<T>;
+export default debounce;

package/dist/tools/index.d.ts

@@ -1,5 +1,8 @@
+import debounce from './debounce/debounce';
 export * from './loadAMap/loadAMap';
+export * from './debounce/debounce';
 declare const _default: {
     loadAMap: (options: import(".").Options) => Promise<void>;
+    debounce: typeof debounce;
 };
 export default _default;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "qc-ui-lit",
-  "version": "0.0.8",
+  "version": "0.1.0",
   "description": "基于 Lit 的 Web Components 组件库",
   "author": "",
   "license": "MIT",