qc-ui-lit 0.2.6 → 0.3.0

package/dist/components/Replicable/Replicable.js

@@ -0,0 +1,151 @@
+import { r as e } from "../AMap/AMap.js";
+import { LitElement as t, css as n, html as r } from "lit";
+import { customElement as i, property as a, state as o } from "lit/decorators.js";
+import { classMap as s } from "lit/directives/class-map.js";
+//#region src/tools/clipboard/index.ts
+async function c(e, t) {
+	try {
+		if (navigator.clipboard && window.isSecureContext) {
+			await navigator.clipboard.writeText(e), t?.onSuccess?.();
+			return;
+		}
+		let n = document.createElement("textarea");
+		n.value = e, n.style.cssText = "position:fixed;left:-9999px;top:-9999px;opacity:0", document.body.appendChild(n), n.focus(), n.select();
+		let r = document.execCommand("copy");
+		if (document.body.removeChild(n), r) t?.onSuccess?.();
+		else throw Error("execCommand(\"copy\") failed");
+	} catch (e) {
+		throw t?.onError?.(e), e;
+	}
+}
+async function l() {
+	if (navigator.clipboard && window.isSecureContext) return navigator.clipboard.readText();
+	throw Error("Clipboard API not available");
+}
+var u = {
+	writeText: c,
+	readText: l
+};
+//#endregion
+//#region src/tools/document/domSelect/index.ts
+function d(e) {
+	return e ? typeof e == "string" ? document.querySelector(e) : e : null;
+}
+function f(e, t) {
+	if (e.nodeType === Node.TEXT_NODE) {
+		t.push(e);
+		return;
+	}
+	if (e.nodeType !== Node.ELEMENT_NODE) return;
+	let n = e;
+	if (n.tagName === "SLOT") {
+		n.assignedNodes({ flatten: !0 }).forEach((e) => f(e, t));
+		return;
+	}
+	Array.from(n.childNodes).forEach((e) => f(e, t));
+}
+function p(e) {
+	let t = d(e);
+	if (!t) return !1;
+	let n = window.getSelection();
+	if (!n) return !1;
+	n.removeAllRanges();
+	let r = [];
+	if (f(t, r), r.length === 0) {
+		let e = document.createRange();
+		return e.selectNodeContents(t), n.addRange(e), n.toString().length > 0;
+	}
+	let i = document.createRange(), a = r[0], o = r[r.length - 1];
+	return i.setStart(a, 0), i.setEnd(o, o.textContent?.length || 0), n.addRange(i), n.toString().length > 0;
+}
+function m() {
+	let e = window.getSelection();
+	e && e.removeAllRanges();
+}
+function h() {
+	let e = window.getSelection();
+	return e ? e.toString() : "";
+}
+function g() {
+	let e = window.getSelection();
+	return !!e && e.toString().length > 0;
+}
+function _(e) {
+	let t = d(e);
+	return t ? t instanceof HTMLInputElement || t instanceof HTMLTextAreaElement ? (t.focus(), t.select(), !0) : p(t) : !1;
+}
+var v = {
+	select: p,
+	clear: m,
+	getText: h,
+	hasSelection: g,
+	selectInput: _
+};
+//#endregion
+//#region src/tools/document/getDomText/index.ts
+function y(e) {
+	if (console.log("🚀 ~ getNodeText ~ node.nodeType:", e.nodeType), e.nodeType === Node.TEXT_NODE) return e.textContent || "";
+	if (e.nodeType === Node.ELEMENT_NODE) {
+		let t = e;
+		return t.tagName === "SLOT" ? t.assignedNodes({ flatten: !0 }).map(y).join("") : Array.from(t.childNodes).map(y).join("");
+	}
+	return "";
+}
+function b(e) {
+	let t = typeof e == "string" ? document.querySelector(e) : e;
+	return t ? y(t).replace(/\s+/g, "") : "";
+}
+//#endregion
+//#region src/components/Replicable/qc-replicable.ts
+var x = class extends t {
+	constructor(...e) {
+		super(...e), this.success = !1, this.classes = {
+			"qc-replicable": !0,
+			"qc-replicable-success": !1
+		};
+	}
+	willUpdate(e) {
+		e.has("success") && (this.classes["qc-replicable-success"] = this.success);
+	}
+	addSuccessClass() {
+		this.success = !0, setTimeout(() => {
+			this.success = !1;
+		}, 800);
+	}
+	copy() {
+		if (!this.shadowRoot) return;
+		let e = this.shadowRoot.querySelector("slot"), t = b(e);
+		this.addSuccessClass(), u.writeText(t), v.select(e);
+	}
+	render() {
+		return r`<span class=${s(this.classes)} @click=${this.copy}>
+      <slot></slot>
+    </span>`;
+	}
+	static {
+		this.styles = n`
+    .qc-replicable {
+      cursor: copy;
+      user-select: auto;
+      position: relative;
+    }
+    .qc-replicable-success::after {
+      content: '文本已复制到剪切板';
+      display: block;
+      position: absolute;
+      top: 0%;
+      left: 50%;
+      color: #fff;
+      background-color: rgba(0, 0, 0, 0.5);
+      padding: 2px 4px;
+      border-radius: 4px;
+      transform: translate(-50%, -100%);
+      white-space: nowrap;
+      font-size: 12px;
+    }
+  `;
+	}
+};
+e([a({ type: Boolean })], x.prototype, "success", void 0), e([o()], x.prototype, "classes", void 0), x = e([i("qc-replicable")], x);
+//#endregion
+export { g as a, l as c, h as i, c as l, b as n, _ as o, m as r, p as s, x as t };

package/dist/components/Replicable/qc-replicable.d.ts

@@ -0,0 +1,18 @@
+import { LitElement } from 'lit';
+declare global {
+    interface HTMLElementTagNameMap {
+        'qc-replicable': QCReplicable;
+    }
+}
+export declare class QCReplicable extends LitElement {
+    success: boolean;
+    classes: {
+        'qc-replicable': boolean;
+        'qc-replicable-success': boolean;
+    };
+    willUpdate(changedProperties: Map<string, any>): void;
+    addSuccessClass(): void;
+    copy(): void;
+    protected render(): import("lit-html").TemplateResult<1>;
+    static styles: import("lit").CSSResult;
+}

package/dist/components/index.d.ts

@@ -3,3 +3,4 @@ export * from './AMap/a-map';
 export * from './ECharts/qc-ECharts';
 export * from './Resize/qc-resize';
 export * from './Button/qc-button';
+export * from './Replicable/qc-replicable';

package/dist/index.js

@@ -3,12 +3,11 @@ import { t as n } from "./components/Loading/Loading.js";
 import { t as r } from "./components/ECharts/ECharts.js";
 import { n as i, t as a } from "./components/Resize/Resize.js";
 import { t as o } from "./components/Button/Button.js";
-import { t as s } from "./tools/throttle/throttle.js";
-import { t as c } from "./tools/date/date.js";
-import { t as l } from "./tools/deepClone/deepClone.js";
-import { n as u, t as d } from "./tools/clipboard/clipboard.js";
-import { a as f, i as p, n as m, o as h, r as g, t as _ } from "./tools/fullscreen/fullscreen.js";
-import { a as v, i as y, n as b, r as x, t as S } from "./tools/domSelect/domSelect.js";
-import { n as C, t as w } from "./tools/EventBus/EventBus.js";
-import { t as T } from "./tools/changeCoordinate/changeCoordinate.js";
-export { t as AMap, r as EChartsElement, w as EventBus, T as MapCorrect, o as QCButton, c as QCDate, n as QCLoading, a as QCResize, S as clearSelection, C as createEventBus, i as debounce, l as deepClone, _ as enterFullscreen, m as exitFullscreen, g as getFullscreenElement, b as getSelectedText, x as hasSelection, p as isFullscreen, e as loadAMap, f as onFullscreenChange, d as readText, y as selectInputText, v as selectText, s as throttle, h as toggleFullscreen, u as writeText };
+import { a as s, c, i as l, l as u, n as d, o as f, r as p, s as m, t as h } from "./components/Replicable/Replicable.js";
+import { t as g } from "./tools/throttle/throttle.js";
+import { t as _ } from "./tools/date/date.js";
+import { t as v } from "./tools/deepClone/deepClone.js";
+import { a as y, i as b, n as x, o as S, r as C, t as w } from "./tools/fullscreen/fullscreen.js";
+import { n as T, t as E } from "./tools/EventBus/EventBus.js";
+import { t as D } from "./tools/changeCoordinate/changeCoordinate.js";
+export { t as AMap, r as EChartsElement, E as EventBus, D as MapCorrect, o as QCButton, _ as QCDate, n as QCLoading, h as QCReplicable, a as QCResize, p as clearSelection, T as createEventBus, i as debounce, v as deepClone, w as enterFullscreen, x as exitFullscreen, d as getDomText, C as getFullscreenElement, l as getSelectedText, s as hasSelection, b as isFullscreen, e as loadAMap, y as onFullscreenChange, c as readText, f as selectInputText, m as selectText, g as throttle, S as toggleFullscreen, u as writeText };

package/dist/tools/{domSelect → document/domSelect}/index.d.ts

@@ -1,6 +1,6 @@
 export type SelectTarget = string | HTMLElement | null | undefined;
 /**
- * 选中元素内的所有文本
+ * 选中元素内的所有文本（支持 slot 内容）
  * @param target 目标元素（选择器字符串或 DOM 元素）
  * @returns boolean 是否选中成功
  */

package/dist/tools/document/getDomText/index.d.ts

@@ -0,0 +1,7 @@
+/**
+ * 获取目标元素内所有文本（包含嵌套子元素及 slot 内容），并去除所有空格与换行
+ * @param target 目标元素或选择器
+ * @returns 纯文本字符串
+ */
+export declare function getDomText(target: HTMLElement | string): string;
+export default getDomText;

package/dist/tools/index.d.ts

@@ -5,5 +5,6 @@ export * from './date';
 export * from './deepClone';
 export * from './clipboard';
 export * from './fullscreen';
-export * from './domSelect';
+export * from './document/domSelect';
+export * from './document/getDomText';
 export * from './EventBus';

package/package.json

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

package/dist/tools/clipboard/clipboard.js

@@ -1,22 +0,0 @@
-//#region src/tools/clipboard/index.ts
-async function e(e, t) {
-	try {
-		if (navigator.clipboard && window.isSecureContext) {
-			await navigator.clipboard.writeText(e), t?.onSuccess?.();
-			return;
-		}
-		let n = document.createElement("textarea");
-		n.value = e, n.style.cssText = "position:fixed;left:-9999px;top:-9999px;opacity:0", document.body.appendChild(n), n.focus(), n.select();
-		let r = document.execCommand("copy");
-		if (document.body.removeChild(n), r) t?.onSuccess?.();
-		else throw Error("execCommand(\"copy\") failed");
-	} catch (e) {
-		throw t?.onError?.(e), e;
-	}
-}
-async function t() {
-	if (navigator.clipboard && window.isSecureContext) return navigator.clipboard.readText();
-	throw Error("Clipboard API not available");
-}
-//#endregion
-export { e as n, t };

package/dist/tools/domSelect/domSelect.js

@@ -1,31 +0,0 @@
-//#region src/tools/domSelect/index.ts
-function e(e) {
-	return e ? typeof e == "string" ? document.querySelector(e) : e : null;
-}
-function t(t) {
-	let n = e(t);
-	if (!n) return !1;
-	let r = window.getSelection();
-	if (!r) return !1;
-	r.removeAllRanges();
-	let i = document.createRange();
-	return i.selectNodeContents(n), r.addRange(i), r.toString().length > 0;
-}
-function n() {
-	let e = window.getSelection();
-	e && e.removeAllRanges();
-}
-function r() {
-	let e = window.getSelection();
-	return e ? e.toString() : "";
-}
-function i() {
-	let e = window.getSelection();
-	return !!e && e.toString().length > 0;
-}
-function a(n) {
-	let r = e(n);
-	return r ? r instanceof HTMLInputElement || r instanceof HTMLTextAreaElement ? (r.focus(), r.select(), !0) : t(r) : !1;
-}
-//#endregion
-export { t as a, a as i, r as n, i as r, n as t };