color-star-custom-components 0.0.15 → 0.0.16

package/es/chunks/GlassProxy.Dek3zo-k.js

@@ -0,0 +1,176 @@
+import { t as withInstall } from "./utils.BFFtVZUp.js";
+import { t as _plugin_vue_export_helper_default } from "./_plugin-vue_export-helper.BgwWMokO.js";
+import { computed, createCommentVNode, createElementBlock, createElementVNode, nextTick, normalizeClass, normalizeStyle, onMounted, onUnmounted, openBlock, ref, renderSlot, watch } from "vue";
+import '../assets/GlassProxy.css';var _hoisted_1 = ["width", "height"], _hoisted_2 = ["width", "height"], _hoisted_3 = ["width", "height"], _hoisted_4 = ["scale"], _hoisted_5 = ["stdDeviation"];
+const GlassProxy = withInstall(/* @__PURE__ */ _plugin_vue_export_helper_default(/* @__PURE__ */ Object.assign({ name: "GlassProxy" }, {
+	__name: "layout",
+	props: {
+		cornerRadius: {
+			type: Number,
+			default: 16
+		},
+		saturation: {
+			type: Number,
+			default: 100
+		},
+		blurAmount: {
+			type: Number,
+			default: 0
+		},
+		displacementScale: {
+			type: Number,
+			default: 20
+		},
+		padding: {
+			type: String,
+			default: "0"
+		},
+		customClass: {
+			type: String,
+			default: ""
+		},
+		background: {
+			type: String,
+			default: "transparent"
+		},
+		enableLiquidEffect: {
+			type: Boolean,
+			default: !0
+		}
+	},
+	setup(t) {
+		let r = t, b = `liquid-filter-${Math.random().toString(36).substr(2, 9)}`, x = ref(null), S = ref(null), C = ref(100), w = ref(100), T = null;
+		function E(t, r, i) {
+			return i = Math.max(0, Math.min(1, (i - t) / (r - t))), i * i * (3 - 2 * i);
+		}
+		function D(t, r) {
+			return Math.sqrt(t * t + r * r);
+		}
+		function O(t, r, i, a, o) {
+			let s = Math.abs(t) - i + o, c = Math.abs(r) - a + o;
+			return Math.min(Math.max(s, c), 0) + D(Math.max(s, 0), Math.max(c, 0)) - o;
+		}
+		let k = () => {
+			if (!x.value || !S.value || !r.enableLiquidEffect) return;
+			let t = x.value.getBoundingClientRect(), i = Math.floor(t.width), a = Math.floor(t.height);
+			if (i === 0 || a === 0) return;
+			C.value = i, w.value = a;
+			let o = window.devicePixelRatio || 1, s = Math.floor(i * o), c = Math.floor(a * o), l = document.createElement("canvas");
+			l.width = s, l.height = c;
+			let u = l.getContext("2d");
+			if (!u) return;
+			let d = u.createImageData(s, c), f = d.data, p = s / c, m = (p > 1 ? .5 * p : .5) - .02, h = (p > 1 ? .5 : .5 / p) - .02, g = Math.min(s, c), _ = r.cornerRadius * o / g;
+			for (let t = 0; t < s * c; t++) {
+				let r = t % s, i = Math.floor(t / s), a = r / s, o = i / c, l = a - .5, u = o - .5;
+				p > 1 ? l *= p : u /= p;
+				let d = E(.2, 0, O(l, u, m, h, _)), g = 127.5 + l * d * 255, v = 127.5 + u * d * 255, y = t * 4;
+				f[y] = g, f[y + 1] = v, f[y + 2] = 0, f[y + 3] = 255;
+			}
+			u.putImageData(d, 0, 0), S.value.setAttribute("href", l.toDataURL("image/png", 1));
+		}, A = computed(() => ({
+			padding: r.padding,
+			borderRadius: `${r.cornerRadius}px`,
+			position: "relative",
+			display: "block",
+			boxSizing: "border-box"
+		})), j = computed(() => ({
+			position: "absolute",
+			top: 0,
+			left: 0,
+			width: "100%",
+			height: "100%",
+			borderRadius: `${r.cornerRadius}px`,
+			background: r.background,
+			backdropFilter: `blur(10px) saturate(${r.saturation / 100})`,
+			boxShadow: "0 8px 32px 0 rgba(31, 38, 135, 0.07)",
+			zIndex: 0,
+			transform: "translateZ(0)"
+		})), M = computed(() => ({
+			position: "absolute",
+			top: 0,
+			left: 0,
+			width: "100%",
+			height: "100%",
+			borderRadius: `${r.cornerRadius}px`,
+			background: "transparent",
+			backdropFilter: "blur(12px)",
+			boxShadow: "0 4px 12px rgba(0,0,0,0.05)",
+			zIndex: 0
+		})), N = computed(() => ({
+			borderRadius: `${r.cornerRadius}px`,
+			"--corner-radius": `${r.cornerRadius}px`
+		}));
+		return onMounted(() => {
+			r.enableLiquidEffect && nextTick(() => {
+				k(), x.value && (T = new ResizeObserver(() => {
+					requestAnimationFrame(k);
+				}), T.observe(x.value));
+			});
+		}), onUnmounted(() => {
+			T && T.disconnect();
+		}), watch(() => r.enableLiquidEffect, (t) => {
+			t && nextTick(k);
+		}), (i, c) => (openBlock(), createElementBlock("div", {
+			ref_key: "containerRef",
+			ref: x,
+			class: normalizeClass(["aibox-glass-proxy", t.customClass]),
+			style: normalizeStyle(A.value)
+		}, [
+			t.enableLiquidEffect ? (openBlock(), createElementBlock("svg", {
+				key: 0,
+				class: "glass-svg-defs",
+				width: C.value,
+				height: w.value,
+				style: normalizeStyle({
+					position: "absolute",
+					pointerEvents: "none",
+					zIndex: -1,
+					top: 0,
+					left: 0,
+					clipPath: `inset(0 round ${r.cornerRadius}px)`
+				})
+			}, [createElementVNode("defs", null, [createElementVNode("filter", {
+				id: b,
+				filterUnits: "userSpaceOnUse",
+				x: "0",
+				y: "0",
+				width: C.value,
+				height: w.value,
+				"color-interpolation-filters": "sRGB"
+			}, [
+				createElementVNode("feImage", {
+					ref_key: "feImageRef",
+					ref: S,
+					result: "DISPLACEMENT_MAP",
+					width: C.value,
+					height: w.value,
+					preserveAspectRatio: "none",
+					"image-rendering": "optimizeQuality"
+				}, null, 8, _hoisted_3),
+				createElementVNode("feDisplacementMap", {
+					in: "SourceGraphic",
+					in2: "DISPLACEMENT_MAP",
+					scale: t.displacementScale,
+					xChannelSelector: "R",
+					yChannelSelector: "G"
+				}, null, 8, _hoisted_4),
+				createElementVNode("feGaussianBlur", { stdDeviation: t.blurAmount }, null, 8, _hoisted_5)
+			], 8, _hoisted_2)])], 12, _hoisted_1)) : createCommentVNode("", !0),
+			t.enableLiquidEffect ? (openBlock(), createElementBlock("div", {
+				key: 1,
+				class: "glass-liquid-bg",
+				style: normalizeStyle(j.value)
+			}, null, 4)) : (openBlock(), createElementBlock("div", {
+				key: 2,
+				class: "glass-fallback-bg",
+				style: normalizeStyle(M.value)
+			}, null, 4)),
+			createElementVNode("div", {
+				class: "glass-content-layer",
+				style: normalizeStyle(N.value)
+			}, [renderSlot(i.$slots, "default", {}, void 0, !0)], 4)
+		], 6));
+	}
+}), [["__scopeId", "data-v-f301f72e"]]));
+var GlassProxy_default = GlassProxy;
+export { GlassProxy_default as n, GlassProxy as t };

package/es/chunks/IconEmpty.DoCNu0jY.js

@@ -0,0 +1,5 @@
+import { t as withInstall } from "./utils.BFFtVZUp.js";
+import { t as layout_default } from "./layout.FqoRQKdx.js";
+const IconEmpty = withInstall(layout_default);
+var IconEmpty_default = IconEmpty;
+export { IconEmpty_default as n, IconEmpty as t };

package/es/chunks/IconRenderer.DbLSQXFZ.js

@@ -0,0 +1,60 @@
+import { t as withInstall } from "./utils.BFFtVZUp.js";
+import { t as _plugin_vue_export_helper_default } from "./_plugin-vue_export-helper.BgwWMokO.js";
+import { r as iconLibraryMap, t as getIconComponent } from "./config.t_HHFoB9.js";
+import { createBlock, createCommentVNode, mergeProps, onMounted, openBlock, ref, resolveDynamicComponent, shallowRef, unref, useCssVars, watch, withCtx } from "vue";
+import { ElIcon } from "element-plus";
+import '../assets/IconRenderer.css';const IconRenderer = withInstall(/* @__PURE__ */ _plugin_vue_export_helper_default(/* @__PURE__ */ Object.assign({ name: "IconRenderer" }, {
+	__name: "layout",
+	props: {
+		iconName: {
+			type: String,
+			default: ""
+		},
+		iconLibrary: {
+			type: String,
+			default: iconLibraryMap.lingyun,
+			validator: (e) => Object.values(iconLibraryMap).includes(e)
+		},
+		size: {
+			type: Number,
+			default: 16
+		},
+		color: {
+			type: String,
+			default: ""
+		}
+	},
+	setup(e) {
+		useCssVars((m) => ({ c078896a: e.color }));
+		let m = e, h = shallowRef(null), _ = ref(!1), v = async () => {
+			if (!m.iconName) {
+				h.value = null;
+				return;
+			}
+			if (!_.value) {
+				_.value = !0;
+				try {
+					h.value = await getIconComponent(m.iconLibrary, m.iconName);
+				} catch (e) {
+					console.error("Failed to load icon component:", e), h.value = null;
+				} finally {
+					_.value = !1;
+				}
+			}
+		};
+		return watch(() => [m.iconLibrary, m.iconName], () => {
+			v();
+		}, { immediate: !1 }), onMounted(() => {
+			v();
+		}), (m, g) => e.iconName && h.value ? (openBlock(), createBlock(unref(ElIcon), mergeProps({
+			key: 0,
+			size: e.size,
+			color: e.color
+		}, m.$attrs), {
+			default: withCtx(() => [(openBlock(), createBlock(resolveDynamicComponent(h.value)))]),
+			_: 1
+		}, 16, ["size", "color"])) : createCommentVNode("", !0);
+	}
+}), [["__scopeId", "data-v-563503ea"]]));
+var IconRenderer_default = IconRenderer;
+export { IconRenderer_default as n, IconRenderer as t };

package/es/chunks/IconSelect.DjNvTfvM.js

@@ -0,0 +1,162 @@
+import { t as withInstall } from "./utils.BFFtVZUp.js";
+import { t as _plugin_vue_export_helper_default } from "./_plugin-vue_export-helper.BgwWMokO.js";
+import { t as layout_default$1 } from "./layout.FqoRQKdx.js";
+import { n as getIconLibrary, r as iconLibraryMap, t as getIconComponent } from "./config.t_HHFoB9.js";
+import { Fragment, computed, createBlock, createCommentVNode, createElementBlock, createElementVNode, createSlots, createTextVNode, createVNode, markRaw, normalizeClass, onMounted, openBlock, ref, renderList, resolveDynamicComponent, shallowRef, unref, useCssVars, watch, withCtx } from "vue";
+import { ElIcon, ElInput, ElPopover } from "element-plus";
+import '../assets/IconSelect.css';var _hoisted_1 = { class: "icon-select-content flex flex-col overflow-hidden" }, _hoisted_2 = {
+	key: 0,
+	class: "no-data flex items-center justify-center w-full"
+}, _hoisted_3 = {
+	key: 1,
+	class: "icon-select-grid overflow-y-auto display-grid"
+}, _hoisted_4 = {
+	key: 0,
+	class: "loading-text flex items-center justify-center w-full"
+}, _hoisted_5 = ["title", "onClick"];
+const IconSelect = withInstall(/* @__PURE__ */ _plugin_vue_export_helper_default(/* @__PURE__ */ Object.assign({ name: "IconSelect" }, {
+	__name: "layout",
+	props: {
+		modelValue: {
+			type: String,
+			default: ""
+		},
+		placeholder: {
+			type: String,
+			default: "请选择图标"
+		},
+		width: {
+			type: Number,
+			default: 520
+		},
+		iconSize: {
+			type: Number,
+			default: 62
+		},
+		library: {
+			type: String,
+			default: iconLibraryMap.lingyun,
+			validator: (c) => Object.values(iconLibraryMap).includes(c)
+		},
+		iconSearch: {
+			type: Object,
+			default: null
+		},
+		iconAdd: {
+			type: Object,
+			default: null
+		},
+		iconEmpty: {
+			type: Object,
+			default: null
+		},
+		iconColor: {
+			type: String,
+			default: ""
+		}
+	},
+	emits: ["update:modelValue"],
+	setup(c, { emit: M }) {
+		useCssVars((M) => ({ v051e54a2: c.iconColor }));
+		let P = c, F = M, I = ref(!1), L = ref(""), R = ref(P.modelValue), z = ref(null), B = ref([]), V = ref(!1), H = shallowRef({
+			IconSearch: null,
+			IconAdd: null
+		}), U = async (c) => {
+			let M = c === "search" ? P.iconSearch : P.iconAdd;
+			if (M) return M;
+			try {
+				return (await import("color-message-lingyun-vue"))[c === "search" ? "IconSearch" : "IconAdd"];
+			} catch {
+				return console.warn(`color-message-lingyun-vue not found, ${c} icon will not be displayed`), null;
+			}
+		}, W = async () => {
+			let [c, M] = await Promise.all([U("search"), U("add")]);
+			return {
+				IconSearch: c,
+				IconAdd: M
+			};
+		}, G = async () => {
+			V.value = !0;
+			try {
+				let c = await getIconLibrary(P.library);
+				B.value = Object.entries(c).filter(([c]) => c.toLowerCase() && !["default", "icons"]?.includes(c)).map(([c, M]) => ({
+					name: c,
+					component: markRaw(M)
+				}));
+			} catch (c) {
+				console.error("Failed to load icons:", c), B.value = [];
+			} finally {
+				V.value = !1;
+			}
+		}, K = computed(() => L.value ? B.value.filter((c) => c.name.toLowerCase().includes(L.value.toLowerCase())) : B.value), q = async () => {
+			if (!R.value) {
+				z.value = null;
+				return;
+			}
+			let c = await getIconComponent(P.library, R.value);
+			z.value = c ? markRaw(c) : null;
+		}, J = (c) => {
+			R.value = c.name, F("update:modelValue", c.name), I.value = !1;
+		};
+		return watch(() => P.modelValue, (c) => {
+			R.value = c, q();
+		}), watch(() => P.library, () => {
+			G(), q();
+		}), watch(() => R.value, () => {
+			q();
+		}), onMounted(async () => {
+			H.value = await W(), G(), q();
+		}), (M, N) => (openBlock(), createBlock(unref(ElPopover), {
+			visible: I.value,
+			"onUpdate:visible": N[1] ||= (c) => I.value = c,
+			placement: "bottom-start",
+			width: c.width,
+			trigger: "click"
+		}, {
+			reference: withCtx(() => [createElementVNode("div", { class: normalizeClass(["flex items-center pointer radius-16 justify-center w-icon-item", {
+				"select-icon-box bg-fcfdff text-202434 fz-14 flex-col": !z.value,
+				"icon-item": R.value
+			}]) }, [z.value ? (openBlock(), createBlock(unref(ElIcon), {
+				key: 0,
+				size: c.iconSize
+			}, {
+				default: withCtx(() => [(openBlock(), createBlock(resolveDynamicComponent(z.value)))]),
+				_: 1
+			}, 8, ["size"])) : (openBlock(), createElementBlock(Fragment, { key: 1 }, [H.value.IconAdd ? (openBlock(), createBlock(unref(ElIcon), {
+				key: 0,
+				size: 16
+			}, {
+				default: withCtx(() => [(openBlock(), createBlock(resolveDynamicComponent(H.value.IconAdd)))]),
+				_: 1
+			})) : createCommentVNode("", !0), N[2] ||= createTextVNode(" 上传 ", -1)], 64))], 2)]),
+			default: withCtx(() => [createElementVNode("div", _hoisted_1, [createVNode(unref(ElInput), {
+				class: "mg-b-12",
+				modelValue: L.value,
+				"onUpdate:modelValue": N[0] ||= (c) => L.value = c,
+				placeholder: "搜索图标",
+				clearable: ""
+			}, createSlots({ _: 2 }, [H.value.IconSearch ? {
+				name: "prefix",
+				fn: withCtx(() => [createVNode(unref(ElIcon), { size: 16 }, {
+					default: withCtx(() => [(openBlock(), createBlock(resolveDynamicComponent(H.value.IconSearch)))]),
+					_: 1
+				})]),
+				key: "0"
+			} : void 0]), 1032, ["modelValue"]), K.value.length === 0 ? (openBlock(), createElementBlock("div", _hoisted_2, [createVNode(layout_default$1, {
+				icon: c.iconEmpty,
+				text: "未找到相关图标"
+			}, null, 8, ["icon"])])) : (openBlock(), createElementBlock("div", _hoisted_3, [V.value ? (openBlock(), createElementBlock("div", _hoisted_4, " 加载中... ")) : (openBlock(!0), createElementBlock(Fragment, { key: 1 }, renderList(K.value, (c) => (openBlock(), createElementBlock("div", {
+				key: c.name,
+				class: normalizeClass(["icon-item radius-8 justify-center items-center pointer flex w-icon-item", { active: R.value === c.name }]),
+				title: c.name,
+				onClick: (M) => J(c)
+			}, [createVNode(unref(ElIcon), { size: 50 }, {
+				default: withCtx(() => [(openBlock(), createBlock(resolveDynamicComponent(c.component)))]),
+				_: 2
+			}, 1024)], 10, _hoisted_5))), 128))]))])]),
+			_: 1
+		}, 8, ["visible", "width"]));
+	}
+}), [["__scopeId", "data-v-4106dcd4"]]));
+var IconSelect_default = IconSelect;
+export { IconSelect_default as n, IconSelect as t };