oga-ui 0.1.51 → 0.1.53

package/README.md

@@ -167,14 +167,14 @@ ColumnType.State
 ```html
 Simplified the usage of Element Plus Icons
 
-<el-icon name="apple"></el-icon>
+<el-icon name="apple" size="40"></el-icon>
 ```
 
 ## IconFont
 #### How to use
 ```html
 name: icon name
-<oga-icon name="package"></oga-icon>
+<oga-icon name="package" size="40"></oga-icon>
 ```
 #### ICON List
 ```js

package/icon/index.css

@@ -0,0 +1,2 @@
+.el-icon[data-v-42918fdb]{font-size:calc(var(--icon-size,16) * 1px)}
+/*$vite$:1*/

package/icon/index.es.ts

@@ -1,10 +1,14 @@
-import { createElementBlock, defineComponent, openBlock, ref, watch } from "vue";
-var __rolldown_dynamic_import_helper_default = (e, r, i) => {
-	let a = r.lastIndexOf("?"), o = e[a === -1 || a < r.lastIndexOf("/") ? r : r.slice(0, a)];
-	return o ? typeof o == "function" ? o() : Promise.resolve(o) : new Promise((e, a) => {
-		(typeof queueMicrotask == "function" ? queueMicrotask : setTimeout)(a.bind(null, /* @__PURE__ */ Error("Unknown variable dynamic import: " + r + (r.split("/").length === i ? "" : ". Note that variables only represent file names one level deep."))));
+import { createElementBlock, defineComponent, normalizeStyle, openBlock, ref, watch } from "vue";
+var __rolldown_dynamic_import_helper_default = (e, i, a) => {
+	let o = i.lastIndexOf("?"), s = e[o === -1 || o < i.lastIndexOf("/") ? i : i.slice(0, o)];
+	return s ? typeof s == "function" ? s() : Promise.resolve(s) : new Promise((e, o) => {
+		(typeof queueMicrotask == "function" ? queueMicrotask : setTimeout)(o.bind(null, /* @__PURE__ */ Error("Unknown variable dynamic import: " + i + (i.split("/").length === a ? "" : ". Note that variables only represent file names one level deep."))));
 	});
-}, _hoisted_1 = ["innerHTML"], src_default = /* @__PURE__ */ defineComponent({
+}, _hoisted_1 = ["innerHTML"], src_default = /* @__PURE__ */ ((e, i) => {
+	let a = e.__vccOpts || e;
+	for (let [e, o] of i) a[e] = o;
+	return a;
+})(/* @__PURE__ */ defineComponent({
 	__name: "index",
 	props: {
 		name: {
@@ -20,11 +24,10 @@ var __rolldown_dynamic_import_helper_default = (e, r, i) => {
 			default: 16
 		}
 	},
-	setup(r) {
-		let s = r, c = ref("");
-		return watch(() => s.name, async () => {
-			if (s.name) try {
-				c.value = (await __rolldown_dynamic_import_helper_default({
+	setup(i) {
+		let c = i, l = ref(""), u = async () => {
+			if (c.name) try {
+				l.value = (await __rolldown_dynamic_import_helper_default({
 					"../svg/add-location.svg": () => import("./add-location-C480UfBy.mjs"),
 					"../svg/aim.svg": () => import("./aim-CaTl3hc4.mjs"),
 					"../svg/alarm-clock.svg": () => import("./alarm-clock-CAZp6D0Y.mjs"),
@@ -318,16 +321,18 @@ var __rolldown_dynamic_import_helper_default = (e, r, i) => {
 					"../svg/wind-power.svg": () => import("./wind-power-BAMKTkkd.mjs"),
 					"../svg/zoom-in.svg": () => import("./zoom-in-DWcaHYok.mjs"),
 					"../svg/zoom-out.svg": () => import("./zoom-out-EIXLIt1v.mjs")
-				}, `../svg/${s.name}.svg?raw`, 3)).default;
+				}, `../svg/${c.name}.svg?raw`, 3)).default;
 			} catch {
-				console.warn(`SVG not found: ${s.name}`), c.value = "";
+				console.warn(`SVG not found: ${c.name}`), l.value = "";
 			}
-		}, { immediate: !0 }), (r, a) => (openBlock(), createElementBlock("i", {
+		}, d = ref({});
+		return c.size !== 16 && c.size > 0 && (d.value["--icon-size"] = c.size), watch(() => c.name, u, { immediate: !0 }), (i, s) => (openBlock(), createElementBlock("i", {
 			class: "el-icon",
-			innerHTML: c.value
-		}, null, 8, _hoisted_1));
+			style: normalizeStyle(d.value),
+			innerHTML: l.value
+		}, null, 12, _hoisted_1));
 	}
-}), icon_default = { install(e) {
+}), [["__scopeId", "data-v-42918fdb"]]), icon_default = { install(e) {
 	e.component("ElIcon", src_default);
 } };
 export { icon_default as default };