@ioca/react 1.4.79 → 1.4.81

package/lib/es/components/form/useForm.js

@@ -1,121 +1,133 @@
-import { uid } from "/Users/iann/codes/ioca-react/node_modules/.pnpm/radash@12.1.1/node_modules/radash/dist/esm/index.mjs";
-import { useRef } from "react";
-import PubSub from "/Users/iann/codes/ioca-react/node_modules/.pnpm/pubsub-js@1.9.5/node_modules/pubsub-js/src/pubsub.js";
-//#region packages/components/form/useForm.ts
-var IFormInstance = class {
-	id;
-	data = {};
-	cacheData = {};
-	rules = {};
-	constructor() {
-		this.id = uid(8);
-		this.data = {};
-	}
-	get(field) {
-		return field ? this.data[field] : this.data;
-	}
-	set(field, value) {
-		const id = this.id;
-		if (!this.data) return;
-		if (typeof field === "string") {
-			this.data[field] = value;
-			this.cacheData[field] = value;
-			PubSub.publish(`${id}:set:${field}`, value);
-			return;
-		}
-		Object.keys(field).map((name) => {
-			this.data[name] = field[name];
-			this.cacheData[name] = field[name];
-			PubSub.publish(`${id}:set:${name}`, field[name]);
-		});
-	}
-	delete(field) {
-		delete this.data[field];
-	}
-	clear() {
-		if (!this.data) return;
-		this.cacheData = {};
-		Object.keys(this.data).map((name) => {
-			PubSub.publish(`${this.id}:set:${name}`, void 0);
-			this.data[name] = void 0;
-		});
-	}
-	async validate(field) {
-		const { id, rules, data } = this;
-		if (!rules) return data;
-		if (field) {
-			const o = rules[field];
-			const rule = {
-				validator: (v) => Array.isArray(v) ? v.length > 0 : ![
-					void 0,
-					null,
-					""
-				].includes(v),
-				message: void 0
-			};
-			if (typeof o === "function") rule.validator = o;
-			else if (o === true) {
-				rule.validator = (v) => ![
-					void 0,
-					null,
-					""
-				].includes(v);
-				rule.message = "required";
-			} else Object.assign(rule, o);
-			const isValid = rule.validator?.(data[field], this);
-			if (typeof isValid === "string") rule.message = isValid;
-			if (isValid !== true) {
-				PubSub.publish(`${id}:invalid:${field}`, {
-					message: rule.message,
-					status: "error"
-				});
-				return false;
-			}
-			PubSub.publish(`${id}:invalid:${name}`, {
-				message: null,
-				status: "normal"
-			});
-			return true;
-		}
-		let isAllValid = true;
-		Object.keys(data).map((name) => {
-			const o = rules[name];
-			if (o === void 0) return;
-			const rule = {
-				validator: (v) => Array.isArray(v) ? v.length > 0 : !!v,
-				message: void 0
-			};
-			if (typeof o === "function") rule.validator = o;
-			else if (o === true) {
-				rule.validator = (v) => ![
-					void 0,
-					null,
-					""
-				].includes(v);
-				rule.message = "required";
-			} else Object.assign(rule, o);
-			const isValid = rule.validator?.(data[name], this);
-			if (typeof isValid === "string") rule.message = isValid;
-			if (isValid !== true) {
-				PubSub.publish(`${id}:invalid:${name}`, {
-					message: rule.message,
-					status: "error"
-				});
-				isAllValid = false;
-			} else PubSub.publish(`${id}:invalid:${name}`, {
-				message: null,
-				status: "normal"
-			});
-		});
-		return isAllValid ? Promise.resolve(data) : false;
-	}
-};
+import PubSub from 'pubsub-js';
+import { uid } from 'radash';
+import { useRef } from 'react';
+
+class IFormInstance {
+    id;
+    data = {};
+    cacheData = {};
+    rules = {};
+    constructor() {
+        this.id = uid(8);
+        this.data = {};
+    }
+    get(field) {
+        return field ? this.data[field] : this.data;
+    }
+    set(field, value) {
+        const id = this.id;
+        if (!this.data)
+            return;
+        if (typeof field === "string") {
+            this.data[field] = value;
+            this.cacheData[field] = value;
+            PubSub.publish(`${id}:set:${field}`, value);
+            return;
+        }
+        Object.keys(field).map((name) => {
+            this.data[name] = field[name];
+            this.cacheData[name] = field[name];
+            PubSub.publish(`${id}:set:${name}`, field[name]);
+        });
+    }
+    delete(field) {
+        delete this.data[field];
+    }
+    clear() {
+        if (!this.data)
+            return;
+        this.cacheData = {};
+        Object.keys(this.data).map((name) => {
+            PubSub.publish(`${this.id}:set:${name}`, undefined);
+            this.data[name] = undefined;
+        });
+    }
+    async validate(field) {
+        const { id, rules, data } = this;
+        if (!rules)
+            return data;
+        if (field) {
+            const o = rules[field];
+            const rule = {
+                validator: (v) => Array.isArray(v)
+                    ? v.length > 0
+                    : ![undefined, null, ""].includes(v),
+                message: undefined,
+            };
+            if (typeof o === "function") {
+                rule.validator = o;
+            }
+            else if (o === true) {
+                rule.validator = (v) => ![undefined, null, ""].includes(v);
+                rule.message = "required";
+            }
+            else {
+                Object.assign(rule, o);
+            }
+            const isValid = rule.validator?.(data[field], this);
+            if (typeof isValid === "string") {
+                rule.message = isValid;
+            }
+            if (isValid !== true) {
+                PubSub.publish(`${id}:invalid:${field}`, {
+                    message: rule.message,
+                    status: "error",
+                });
+                return false;
+            }
+            PubSub.publish(`${id}:invalid:${name}`, {
+                message: null,
+                status: "normal",
+            });
+            return true;
+        }
+        let isAllValid = true;
+        Object.keys(data).map((name) => {
+            const o = rules[name];
+            if (o === undefined)
+                return;
+            const rule = {
+                validator: (v) => (Array.isArray(v) ? v.length > 0 : !!v),
+                message: undefined,
+            };
+            if (typeof o === "function") {
+                rule.validator = o;
+            }
+            else if (o === true) {
+                rule.validator = (v) => ![undefined, null, ""].includes(v);
+                rule.message = "required";
+            }
+            else {
+                Object.assign(rule, o);
+            }
+            const isValid = rule.validator?.(data[name], this);
+            if (typeof isValid === "string") {
+                rule.message = isValid;
+            }
+            if (isValid !== true) {
+                PubSub.publish(`${id}:invalid:${name}`, {
+                    message: rule.message,
+                    status: "error",
+                });
+                isAllValid = false;
+            }
+            else {
+                PubSub.publish(`${id}:invalid:${name}`, {
+                    message: null,
+                    status: "normal",
+                });
+            }
+        });
+        return isAllValid ? Promise.resolve(data) : false;
+    }
+}
 function useForm(form) {
-	const formRef = useRef(null);
-	if (!formRef.current) formRef.current = form ?? new IFormInstance();
-	return formRef.current;
+    const formRef = useRef(null);
+    if (!formRef.current) {
+        formRef.current = form ?? new IFormInstance();
+    }
+    return formRef.current;
 }
-//#endregion
-export { useForm as default };
 
-//# sourceMappingURL=useForm.js.map
+export { IFormInstance, useForm as default };
+//# sourceMappingURL=useForm.js.map

package/lib/es/components/form/useForm.js.map

@@ -1 +1 @@
-{"version":3,"file":"useForm.js","names":[],"sources":["../../../../packages/components/form/useForm.ts"],"sourcesContent":["import PubSub from \"pubsub-js\";\nimport { uid } from \"radash\";\nimport { useRef } from \"react\";\nimport { IForm, TRule } from \"./type\";\n\nexport class IFormInstance {\n\treadonly id?: string;\n\tdata: Record<string, any> = {};\n\tcacheData: Record<string, any> = {};\n\trules?: Pick<IForm, \"rules\"> = {};\n\n\tconstructor() {\n\t\tthis.id = uid(8);\n\t\tthis.data = {};\n\t}\n\n\tget(field?: string) {\n\t\treturn field ? this.data[field] : this.data;\n\t}\n\n\tset(field: any, value?: any) {\n\t\tconst id = this.id;\n\t\tif (!this.data) return;\n\n\t\tif (typeof field === \"string\") {\n\t\t\tthis.data[field] = value;\n\t\t\tthis.cacheData[field] = value;\n\t\t\tPubSub.publish(`${id}:set:${field}`, value);\n\t\t\treturn;\n\t\t}\n\n\t\tObject.keys(field).map((name) => {\n\t\t\tthis.data[name] = field[name];\n\t\t\tthis.cacheData[name] = field[name];\n\t\t\tPubSub.publish(`${id}:set:${name}`, field[name]);\n\t\t});\n\t}\n\n\tdelete(field) {\n\t\tdelete this.data[field];\n\t}\n\n\tclear() {\n\t\tif (!this.data) return;\n\t\tthis.cacheData = {};\n\n\t\tObject.keys(this.data).map((name) => {\n\t\t\tPubSub.publish(`${this.id}:set:${name}`, undefined);\n\t\t\tthis.data[name] = undefined;\n\t\t});\n\t}\n\n\tasync validate(field?: string) {\n\t\tconst { id, rules, data } = this;\n\t\tif (!rules) return data;\n\n\t\tif (field) {\n\t\t\tconst o = rules[field];\n\t\t\tconst rule: TRule = {\n\t\t\t\tvalidator: (v) =>\n\t\t\t\t\tArray.isArray(v)\n\t\t\t\t\t\t? v.length > 0\n\t\t\t\t\t\t: ![undefined, null, \"\"].includes(v),\n\t\t\t\tmessage: undefined,\n\t\t\t};\n\n\t\t\tif (typeof o === \"function\") {\n\t\t\t\trule.validator = o;\n\t\t\t} else if (o === true) {\n\t\t\t\trule.validator = (v) => ![undefined, null, \"\"].includes(v);\n\t\t\t\trule.message = \"required\";\n\t\t\t} else {\n\t\t\t\tObject.assign(rule, o);\n\t\t\t}\n\n\t\t\tconst isValid = rule.validator?.(data[field], this);\n\t\t\tif (typeof isValid === \"string\") {\n\t\t\t\trule.message = isValid;\n\t\t\t}\n\n\t\t\tif (isValid !== true) {\n\t\t\t\tPubSub.publish(`${id}:invalid:${field}`, {\n\t\t\t\t\tmessage: rule.message,\n\t\t\t\t\tstatus: \"error\",\n\t\t\t\t});\n\t\t\t\treturn false;\n\t\t\t}\n\n\t\t\tPubSub.publish(`${id}:invalid:${name}`, {\n\t\t\t\tmessage: null,\n\t\t\t\tstatus: \"normal\",\n\t\t\t});\n\t\t\treturn true;\n\t\t}\n\n\t\tlet isAllValid = true;\n\n\t\tObject.keys(data).map((name) => {\n\t\t\tconst o = rules[name];\n\t\t\tif (o === undefined) return;\n\n\t\t\tconst rule: TRule = {\n\t\t\t\tvalidator: (v) => (Array.isArray(v) ? v.length > 0 : !!v),\n\t\t\t\tmessage: undefined,\n\t\t\t};\n\n\t\t\tif (typeof o === \"function\") {\n\t\t\t\trule.validator = o;\n\t\t\t} else if (o === true) {\n\t\t\t\trule.validator = (v) => ![undefined, null, \"\"].includes(v);\n\t\t\t\trule.message = \"required\";\n\t\t\t} else {\n\t\t\t\tObject.assign(rule, o);\n\t\t\t}\n\n\t\t\tconst isValid = rule.validator?.(data[name], this);\n\t\t\tif (typeof isValid === \"string\") {\n\t\t\t\trule.message = isValid;\n\t\t\t}\n\n\t\t\tif (isValid !== true) {\n\t\t\t\tPubSub.publish(`${id}:invalid:${name}`, {\n\t\t\t\t\tmessage: rule.message,\n\t\t\t\t\tstatus: \"error\",\n\t\t\t\t});\n\t\t\t\tisAllValid = false;\n\t\t\t} else {\n\t\t\t\tPubSub.publish(`${id}:invalid:${name}`, {\n\t\t\t\t\tmessage: null,\n\t\t\t\t\tstatus: \"normal\",\n\t\t\t\t});\n\t\t\t}\n\t\t});\n\n\t\treturn isAllValid ? Promise.resolve(data) : false;\n\t}\n}\n\nexport default function useForm(form?: IFormInstance) {\n\tconst formRef = useRef<IFormInstance>(null);\n\n\tif (!formRef.current) {\n\t\tformRef.current = form ?? new IFormInstance();\n\t}\n\n\treturn formRef.current;\n}\n"],"mappings":"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"}
+{"version":3,"file":"useForm.js","sources":["../../../../packages/components/form/useForm.ts"],"sourcesContent":["import PubSub from \"pubsub-js\";\nimport { uid } from \"radash\";\nimport { useRef } from \"react\";\nimport { IForm, TRule } from \"./type\";\n\nexport class IFormInstance {\n\treadonly id?: string;\n\tdata: Record<string, any> = {};\n\tcacheData: Record<string, any> = {};\n\trules?: Pick<IForm, \"rules\"> = {};\n\n\tconstructor() {\n\t\tthis.id = uid(8);\n\t\tthis.data = {};\n\t}\n\n\tget(field?: string) {\n\t\treturn field ? this.data[field] : this.data;\n\t}\n\n\tset(field: any, value?: any) {\n\t\tconst id = this.id;\n\t\tif (!this.data) return;\n\n\t\tif (typeof field === \"string\") {\n\t\t\tthis.data[field] = value;\n\t\t\tthis.cacheData[field] = value;\n\t\t\tPubSub.publish(`${id}:set:${field}`, value);\n\t\t\treturn;\n\t\t}\n\n\t\tObject.keys(field).map((name) => {\n\t\t\tthis.data[name] = field[name];\n\t\t\tthis.cacheData[name] = field[name];\n\t\t\tPubSub.publish(`${id}:set:${name}`, field[name]);\n\t\t});\n\t}\n\n\tdelete(field) {\n\t\tdelete this.data[field];\n\t}\n\n\tclear() {\n\t\tif (!this.data) return;\n\t\tthis.cacheData = {};\n\n\t\tObject.keys(this.data).map((name) => {\n\t\t\tPubSub.publish(`${this.id}:set:${name}`, undefined);\n\t\t\tthis.data[name] = undefined;\n\t\t});\n\t}\n\n\tasync validate(field?: string) {\n\t\tconst { id, rules, data } = this;\n\t\tif (!rules) return data;\n\n\t\tif (field) {\n\t\t\tconst o = rules[field];\n\t\t\tconst rule: TRule = {\n\t\t\t\tvalidator: (v) =>\n\t\t\t\t\tArray.isArray(v)\n\t\t\t\t\t\t? v.length > 0\n\t\t\t\t\t\t: ![undefined, null, \"\"].includes(v),\n\t\t\t\tmessage: undefined,\n\t\t\t};\n\n\t\t\tif (typeof o === \"function\") {\n\t\t\t\trule.validator = o;\n\t\t\t} else if (o === true) {\n\t\t\t\trule.validator = (v) => ![undefined, null, \"\"].includes(v);\n\t\t\t\trule.message = \"required\";\n\t\t\t} else {\n\t\t\t\tObject.assign(rule, o);\n\t\t\t}\n\n\t\t\tconst isValid = rule.validator?.(data[field], this);\n\t\t\tif (typeof isValid === \"string\") {\n\t\t\t\trule.message = isValid;\n\t\t\t}\n\n\t\t\tif (isValid !== true) {\n\t\t\t\tPubSub.publish(`${id}:invalid:${field}`, {\n\t\t\t\t\tmessage: rule.message,\n\t\t\t\t\tstatus: \"error\",\n\t\t\t\t});\n\t\t\t\treturn false;\n\t\t\t}\n\n\t\t\tPubSub.publish(`${id}:invalid:${name}`, {\n\t\t\t\tmessage: null,\n\t\t\t\tstatus: \"normal\",\n\t\t\t});\n\t\t\treturn true;\n\t\t}\n\n\t\tlet isAllValid = true;\n\n\t\tObject.keys(data).map((name) => {\n\t\t\tconst o = rules[name];\n\t\t\tif (o === undefined) return;\n\n\t\t\tconst rule: TRule = {\n\t\t\t\tvalidator: (v) => (Array.isArray(v) ? v.length > 0 : !!v),\n\t\t\t\tmessage: undefined,\n\t\t\t};\n\n\t\t\tif (typeof o === \"function\") {\n\t\t\t\trule.validator = o;\n\t\t\t} else if (o === true) {\n\t\t\t\trule.validator = (v) => ![undefined, null, \"\"].includes(v);\n\t\t\t\trule.message = \"required\";\n\t\t\t} else {\n\t\t\t\tObject.assign(rule, o);\n\t\t\t}\n\n\t\t\tconst isValid = rule.validator?.(data[name], this);\n\t\t\tif (typeof isValid === \"string\") {\n\t\t\t\trule.message = isValid;\n\t\t\t}\n\n\t\t\tif (isValid !== true) {\n\t\t\t\tPubSub.publish(`${id}:invalid:${name}`, {\n\t\t\t\t\tmessage: rule.message,\n\t\t\t\t\tstatus: \"error\",\n\t\t\t\t});\n\t\t\t\tisAllValid = false;\n\t\t\t} else {\n\t\t\t\tPubSub.publish(`${id}:invalid:${name}`, {\n\t\t\t\t\tmessage: null,\n\t\t\t\t\tstatus: \"normal\",\n\t\t\t\t});\n\t\t\t}\n\t\t});\n\n\t\treturn isAllValid ? Promise.resolve(data) : false;\n\t}\n}\n\nexport default function useForm(form?: IFormInstance) {\n\tconst formRef = useRef<IFormInstance>(null);\n\n\tif (!formRef.current) {\n\t\tformRef.current = form ?? new IFormInstance();\n\t}\n\n\treturn formRef.current;\n}\n"],"names":[],"mappings":"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"}

package/lib/es/components/icon/icon.js

@@ -1,22 +1,23 @@
-import classNames from "classnames";
-import { cloneElement, isValidElement } from "react";
-//#region packages/components/icon/icon.tsx
+import classNames from 'classnames';
+import { isValidElement, cloneElement } from 'react';
+
 const Icon = (props) => {
-	const { ref, icon, size = "1.425em", rotate, style, className, ...restProps } = props;
-	if (!isValidElement(icon)) return icon;
-	return cloneElement(icon, {
-		ref,
-		style: {
-			transform: rotate ? `rotate(${rotate}deg)` : void 0,
-			...style,
-			width: size,
-			height: size
-		},
-		className: classNames("i-icon", className),
-		...restProps
-	});
+    const { ref, icon, size = "1.425em", rotate, style, className, ...restProps } = props;
+    if (!isValidElement(icon))
+        return icon;
+    const iconProps = {
+        ref,
+        style: {
+            transform: rotate ? `rotate(${rotate}deg)` : undefined,
+            ...style,
+            width: size,
+            height: size,
+        },
+        className: classNames("i-icon", className),
+        ...restProps,
+    };
+    return cloneElement(icon, iconProps);
 };
-//#endregion
-export { Icon as default };
 
-//# sourceMappingURL=icon.js.map
+export { Icon as default };
+//# sourceMappingURL=icon.js.map

package/lib/es/components/icon/icon.js.map

@@ -1 +1 @@
-{"version":3,"file":"icon.js","names":[],"sources":["../../../../packages/components/icon/icon.tsx"],"sourcesContent":["import classNames from \"classnames\";\nimport { cloneElement, isValidElement } from \"react\";\nimport \"./index.css\";\nimport { IIcon } from \"./type\";\n\nconst Icon = (props: IIcon) => {\n\tconst {\n\t\tref,\n\t\ticon,\n\t\tsize = \"1.425em\",\n\t\trotate,\n\t\tstyle,\n\t\tclassName,\n\t\t...restProps\n\t} = props;\n\n\tif (!isValidElement(icon)) return icon;\n\n\tconst iconProps = {\n\t\tref,\n\t\tstyle: {\n\t\t\ttransform: rotate ? `rotate(${rotate}deg)` : undefined,\n\t\t\t...style,\n\t\t\twidth: size,\n\t\t\theight: size,\n\t\t},\n\t\tclassName: classNames(\"i-icon\", className),\n\t\t...restProps,\n\t};\n\n\treturn cloneElement(icon, iconProps);\n};\n\nexport default Icon;\n"],"mappings":";;;;CAKA,MAAM,EACL,KACC,MACA,OAAI,WACJ,QACA,OACA,WACA,GAAA,cACG;;;EAKJ;EACC,OAAG;GACH,WAAO,SAAA,UAAA,OAAA,QAAA,KAAA;GACN,GAAA;GACA,OAAG;GACH,QAAO;GACP;EACD,WAAC,WAAA,UAAA,UAAA;EACD,GAAA;EACA,CAAA"}
+{"version":3,"file":"icon.js","sources":["../../../../packages/components/icon/icon.tsx"],"sourcesContent":["import classNames from \"classnames\";\nimport { cloneElement, isValidElement } from \"react\";\nimport \"./index.css\";\nimport { IIcon } from \"./type\";\n\nconst Icon = (props: IIcon) => {\n\tconst {\n\t\tref,\n\t\ticon,\n\t\tsize = \"1.425em\",\n\t\trotate,\n\t\tstyle,\n\t\tclassName,\n\t\t...restProps\n\t} = props;\n\n\tif (!isValidElement(icon)) return icon;\n\n\tconst iconProps = {\n\t\tref,\n\t\tstyle: {\n\t\t\ttransform: rotate ? `rotate(${rotate}deg)` : undefined,\n\t\t\t...style,\n\t\t\twidth: size,\n\t\t\theight: size,\n\t\t},\n\t\tclassName: classNames(\"i-icon\", className),\n\t\t...restProps,\n\t};\n\n\treturn cloneElement(icon, iconProps);\n};\n\nexport default Icon;\n"],"names":[],"mappings":";;;AAKA,MAAM,IAAI,GAAG,CAAC,KAAY,KAAI;IAC7B,MAAM,EACL,GAAG,EACH,IAAI,EACJ,IAAI,GAAG,SAAS,EAChB,MAAM,EACN,KAAK,EACL,SAAS,EACT,GAAG,SAAS,EACZ,GAAG,KAAK;AAET,IAAA,IAAI,CAAC,cAAc,CAAC,IAAI,CAAC;AAAE,QAAA,OAAO,IAAI;AAEtC,IAAA,MAAM,SAAS,GAAG;QACjB,GAAG;AACH,QAAA,KAAK,EAAE;YACN,SAAS,EAAE,MAAM,GAAG,CAAA,OAAA,EAAU,MAAM,CAAA,IAAA,CAAM,GAAG,SAAS;AACtD,YAAA,GAAG,KAAK;AACR,YAAA,KAAK,EAAE,IAAI;AACX,YAAA,MAAM,EAAE,IAAI;AACZ,SAAA;AACD,QAAA,SAAS,EAAE,UAAU,CAAC,QAAQ,EAAE,SAAS,CAAC;AAC1C,QAAA,GAAG,SAAS;KACZ;AAED,IAAA,OAAO,YAAY,CAAC,IAAI,EAAE,SAAS,CAAC;AACrC;;;;"}

package/lib/es/components/icon/index.js

@@ -1,7 +1,6 @@
-import Icon from "./icon.js";
-//#region packages/components/icon/index.tsx
-var icon_default = Icon;
-//#endregion
-export { icon_default as default };
+import Icon from './icon.js';
 
-//# sourceMappingURL=index.js.map
+
+
+export { Icon as default };
+//# sourceMappingURL=index.js.map

package/lib/es/components/icon/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":[],"sources":["../../../../packages/components/icon/index.tsx"],"sourcesContent":["import Icon from \"./icon\";\n\nexport default Icon;\n"],"mappings":";;AAEA,IAAA,eAAe"}
+{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;"}

package/lib/es/components/image/image.js

@@ -1,84 +1,79 @@
-import loading_default from "../loading/index.js";
-import { useIntersectionObserver, useReactive } from "../../js/hooks.js";
-import usePreview from "../../js/usePreview/index.js";
-import List from "./list.js";
-import classNames from "classnames";
-import { useEffect, useRef } from "react";
-import { Fragment as Fragment$1, jsx, jsxs } from "react/jsx-runtime";
-//#region packages/components/image/image.tsx
+import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
+import classNames from 'classnames';
+import { useRef, useEffect } from 'react';
+import { useReactive, useIntersectionObserver } from '../../js/hooks.js';
+import usePreview from '../../js/usePreview/index.js';
+import Loading from '../loading/loading.js';
+import List from './list.js';
+
 const Image = (props) => {
-	const { src, thumb, round, size, height, width, ratio, initSize, lazyload, fallback, fit, style, className, cover, coverClass, usePreview: previewable, onLoad, onError, onClick, ...restProps } = props;
-	const state = useReactive({ status: "loading" });
-	const ref = useRef(null);
-	const { observe, unobserve } = useIntersectionObserver();
-	const preview = usePreview();
-	const handleError = (err) => {
-		onError?.(err);
-		state.status = "error";
-	};
-	const handleLoad = (e) => {
-		onLoad?.(e);
-		state.status = void 0;
-	};
-	const handleClick = (e) => {
-		onClick?.(e);
-		if (!previewable || !src) return;
-		preview({
-			...typeof previewable === "boolean" ? {} : previewable,
-			items: [{
-				src,
-				type: "IMAGE"
-			}]
-		});
-	};
-	useEffect(() => {
-		if (!src || typeof window === "undefined") return;
-		const img = ref.current;
-		const hasSrcAttr = img?.getAttribute("src");
-		if (Boolean(img && (!lazyload || hasSrcAttr)) && img?.complete) state.status = img.naturalWidth > 0 ? void 0 : "error";
-		if (!ref.current?.complete && observe && lazyload) state.status = "loading";
-		if (!lazyload || !ref.current || !observe) return;
-		observe(ref.current, (tar, visible) => {
-			if (!visible) return;
-			tar.setAttribute("src", tar.dataset.src || "");
-			unobserve(tar);
-		});
-		return () => {
-			ref.current && unobserve(ref.current);
-		};
-	}, [src]);
-	restProps[lazyload ? "data-src" : "src"] = thumb ?? src;
-	const iSize = state.status === "loading" ? initSize : void 0;
-	return /* @__PURE__ */ jsx("div", {
-		style: {
-			width: width ?? size ?? iSize,
-			height: height ?? size ?? iSize,
-			aspectRatio: ratio,
-			...style
-		},
-		className: classNames("i-image", className, {
-			rounded: round,
-			[`i-image-${state.status}`]: state.status
-		}),
-		onClick: handleClick,
-		children: state.status === "error" ? fallback ?? null : /* @__PURE__ */ jsxs(Fragment$1, { children: [
-			src && /* @__PURE__ */ jsx("img", {
-				ref,
-				style: { objectFit: fit },
-				...restProps,
-				onLoad: handleLoad,
-				onError: handleError
-			}),
-			src && state.status === "loading" && /* @__PURE__ */ jsx(loading_default, { absolute: true }),
-			cover && /* @__PURE__ */ jsx("div", {
-				className: classNames("i-image-cover", coverClass),
-				children: cover
-			})
-		] })
-	});
+    const { src, thumb, round, size, height, width, ratio, initSize, lazyload, fallback, fit, style, className, cover, coverClass, usePreview: previewable, onLoad, onError, onClick, ...restProps } = props;
+    const state = useReactive({
+        status: "loading",
+    });
+    const ref = useRef(null);
+    const { observe, unobserve } = useIntersectionObserver();
+    const preview = usePreview();
+    const handleError = (err) => {
+        onError?.(err);
+        state.status = "error";
+    };
+    const handleLoad = (e) => {
+        onLoad?.(e);
+        state.status = undefined;
+    };
+    const handleClick = (e) => {
+        onClick?.(e);
+        if (!previewable || !src)
+            return;
+        const previewConfigs = typeof previewable === "boolean" ? {} : previewable;
+        preview({
+            ...previewConfigs,
+            items: [
+                {
+                    src,
+                    type: "IMAGE",
+                },
+            ],
+        });
+    };
+    useEffect(() => {
+        if (!src || typeof window === "undefined")
+            return;
+        const img = ref.current;
+        const hasSrcAttr = img?.getAttribute("src");
+        const canSyncStatus = Boolean(img && (!lazyload || hasSrcAttr));
+        if (canSyncStatus && img?.complete) {
+            state.status = img.naturalWidth > 0 ? undefined : "error";
+        }
+        if (!ref.current?.complete && observe && lazyload) {
+            state.status = "loading";
+        }
+        if (!lazyload || !ref.current || !observe)
+            return;
+        observe(ref.current, (tar, visible) => {
+            if (!visible)
+                return;
+            tar.setAttribute("src", tar.dataset.src || "");
+            unobserve(tar);
+        });
+        return () => {
+            ref.current && unobserve(ref.current);
+        };
+    }, [src]);
+    restProps[lazyload ? "data-src" : "src"] = thumb ?? src;
+    const iSize = state.status === "loading" ? initSize : undefined;
+    return (jsx("div", { style: {
+            width: width ?? size ?? iSize,
+            height: height ?? size ?? iSize,
+            aspectRatio: ratio,
+            ...style,
+        }, className: classNames("i-image", className, {
+            rounded: round,
+            [`i-image-${state.status}`]: state.status,
+        }), onClick: handleClick, children: state.status === "error" ? ((fallback ?? null)) : (jsxs(Fragment, { children: [src && (jsx("img", { ref: ref, style: { objectFit: fit }, ...restProps, onLoad: handleLoad, onError: handleError })), src && state.status === "loading" && jsx(Loading, { absolute: true }), cover && (jsx("div", { className: classNames("i-image-cover", coverClass), children: cover }))] })) }));
 };
 Image.List = List;
-//#endregion
-export { Image as default };
 
-//# sourceMappingURL=image.js.map
+export { Image as default };
+//# sourceMappingURL=image.js.map

package/lib/es/components/image/image.js.map

@@ -1 +1 @@
-{"version":3,"file":"image.js","names":[],"sources":["../../../../packages/components/image/image.tsx"],"sourcesContent":["import classNames from \"classnames\";\nimport { useEffect, useRef } from \"react\";\nimport { useIntersectionObserver, useReactive } from \"../../js/hooks\";\nimport usePreview from \"../../js/usePreview\";\nimport Loading from \"../loading\";\nimport \"./index.css\";\nimport List from \"./list\";\nimport type { CompositionImage, IImage } from \"./type\";\n\nconst Image = (props: IImage) => {\n\tconst {\n\t\tsrc,\n\t\tthumb,\n\t\tround,\n\t\tsize,\n\t\theight,\n\t\twidth,\n\t\tratio,\n\t\tinitSize,\n\t\tlazyload,\n\t\tfallback,\n\t\tfit,\n\t\tstyle,\n\t\tclassName,\n\t\tcover,\n\t\tcoverClass,\n\t\tusePreview: previewable,\n\t\tonLoad,\n\t\tonError,\n\t\tonClick,\n\t\t...restProps\n\t} = props;\n\n\tconst state = useReactive<{ status?: string }>({\n\t\tstatus: \"loading\",\n\t});\n\tconst ref = useRef<HTMLImageElement>(null);\n\n\tconst { observe, unobserve } = useIntersectionObserver();\n\tconst preview = usePreview();\n\n\tconst handleError = (err) => {\n\t\tonError?.(err);\n\t\tstate.status = \"error\";\n\t};\n\n\tconst handleLoad = (e) => {\n\t\tonLoad?.(e);\n\t\tstate.status = undefined;\n\t};\n\n\tconst handleClick = (e) => {\n\t\tonClick?.(e);\n\n\t\tif (!previewable || !src) return;\n\n\t\tconst previewConfigs =\n\t\t\ttypeof previewable === \"boolean\" ? {} : previewable;\n\n\t\tpreview({\n\t\t\t...previewConfigs,\n\t\t\titems: [\n\t\t\t\t{\n\t\t\t\t\tsrc,\n\t\t\t\t\ttype: \"IMAGE\",\n\t\t\t\t},\n\t\t\t],\n\t\t});\n\t};\n\n\tuseEffect(() => {\n\t\tif (!src || typeof window === \"undefined\") return;\n\n\t\tconst img = ref.current;\n\t\tconst hasSrcAttr = img?.getAttribute(\"src\");\n\t\tconst canSyncStatus = Boolean(img && (!lazyload || hasSrcAttr));\n\t\tif (canSyncStatus && img?.complete) {\n\t\t\tstate.status = img.naturalWidth > 0 ? undefined : \"error\";\n\t\t}\n\n\t\tif (!ref.current?.complete && observe && lazyload) {\n\t\t\tstate.status = \"loading\";\n\t\t}\n\n\t\tif (!lazyload || !ref.current || !observe) return;\n\n\t\tobserve(ref.current, (tar: HTMLElement, visible: boolean) => {\n\t\t\tif (!visible) return;\n\n\t\t\ttar.setAttribute(\"src\", tar.dataset.src || \"\");\n\t\t\tunobserve(tar);\n\t\t});\n\n\t\treturn () => {\n\t\t\tref.current && unobserve(ref.current);\n\t\t};\n\t}, [src]);\n\n\trestProps[lazyload ? \"data-src\" : \"src\"] = thumb ?? src;\n\tconst iSize = state.status === \"loading\" ? initSize : undefined;\n\n\treturn (\n\t\t<div\n\t\t\tstyle={{\n\t\t\t\twidth: width ?? size ?? iSize,\n\t\t\t\theight: height ?? size ?? iSize,\n\t\t\t\taspectRatio: ratio,\n\t\t\t\t...style,\n\t\t\t}}\n\t\t\tclassName={classNames(\"i-image\", className, {\n\t\t\t\trounded: round,\n\t\t\t\t[`i-image-${state.status}`]: state.status,\n\t\t\t})}\n\t\t\tonClick={handleClick}\n\t\t>\n\t\t\t{state.status === \"error\" ? (\n\t\t\t\t(fallback ?? null)\n\t\t\t) : (\n\t\t\t\t<>\n\t\t\t\t\t{src && (\n\t\t\t\t\t\t<img\n\t\t\t\t\t\t\tref={ref}\n\t\t\t\t\t\t\tstyle={{ objectFit: fit }}\n\t\t\t\t\t\t\t{...restProps}\n\t\t\t\t\t\t\tonLoad={handleLoad}\n\t\t\t\t\t\t\tonError={handleError}\n\t\t\t\t\t\t/>\n\t\t\t\t\t)}\n\n\t\t\t\t\t{src && state.status === \"loading\" && <Loading absolute />}\n\n\t\t\t\t\t{cover && (\n\t\t\t\t\t\t<div\n\t\t\t\t\t\t\tclassName={classNames(\"i-image-cover\", coverClass)}\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t{cover}\n\t\t\t\t\t\t</div>\n\t\t\t\t\t)}\n\t\t\t\t</>\n\t\t\t)}\n\t\t</div>\n\t);\n};\n\nImage.List = List;\n\nexport default Image as CompositionImage;\n"],"mappings":";;;;;;;;;CASA,MAAM,EACL,KACC,OACA,OACA,MACA,QACA,OACA,OACA,UACA,UACA,UACA,KACA,OACA,WACA,OACA,YACA,YAAU,aACV,QACA,SACA,SACA,GAAA,cACG;6BAGJ,QAAM,WACL,CAAA;CACD,MAAE,MAAA,OAAA,KAAA;;CAGF,MAAM,UAAU,YAAY;;AAG5B,YAAM,IAAA;AACL,QAAA,SAAc;;;AAIf,WAAM,EAAA;AACL,QAAM,SAAK,KAAA;;;AAIZ,YAAM,EAAA;;;GAQL,GAHA,OAAM,gBAAe,YAAA,EAAA,GAAA;GAIpB,OAAG,CACH;IACC;IACC,MAAG;IACH,CACD;GACD,CAAC;;;AAIH,MAAA,CAAA,OAAa,OAAG,WAAA,YAAA;;EAGf,MAAM,aAAU,KAAO,aAAA,MAAA;AAEvB,MADsB,QAAE,QAAc,CAAA,YAAK,YAAA,IACtB,KAAC,SACtB,OAAI,SAAA,IAAgB,eAAe,IAAC,KAAA,IAAA;oDAIpC,OAAK,SAAW;;;AAMhB,OAAA,CAAA,QAAY;;AAGX,aAAI,IAAA;IACJ;;AAGD,OAAA,WAAa,UAAA,IAAA,QAAA;;IAEZ,CAAA,IAAA,CAAA;;CAGF,MAAA,QAAU,MAAU,WAAW,YAAY,WAAS,KAAA;QAGpD,oBAAA,OAAA;EACE,OAAA;GACA,OAAO,SAAA,QAAA;GACN,QAAO,UAAS,QAAQ;GACxB,aAAQ;GACR,GAAA;GACA;EACD,WAAC,WAAA,WAAA,WAAA;GACD,SAAU;IACT,WAAS,MAAK,WAAA,MAAA;GACd,CAAC;EACF,SAAE;YAEH,MAAA,WAAA,UACE,YAAa,OAEb,qBAAA,YAAA,EAAA,UAAA;GACC,OACC,oBAAA,OAAA;IACC;IACA,OAAK,EAAG,WAAA,KAAA;IACR,GAAA;IACA,QAAI;IACJ,SAAQ;IACR,CAAA;;YAMD,oBAAA,OAAA;IACC,WAAA,WAAA,iBAAA,WAAA;cAED;IACE,CAAA;GAEF,EAAA,CAAA;EAEF,CAAA"}
+{"version":3,"file":"image.js","sources":["../../../../packages/components/image/image.tsx"],"sourcesContent":["import classNames from \"classnames\";\nimport { useEffect, useRef } from \"react\";\nimport { useIntersectionObserver, useReactive } from \"../../js/hooks\";\nimport usePreview from \"../../js/usePreview\";\nimport Loading from \"../loading\";\nimport \"./index.css\";\nimport List from \"./list\";\nimport type { CompositionImage, IImage } from \"./type\";\n\nconst Image = (props: IImage) => {\n\tconst {\n\t\tsrc,\n\t\tthumb,\n\t\tround,\n\t\tsize,\n\t\theight,\n\t\twidth,\n\t\tratio,\n\t\tinitSize,\n\t\tlazyload,\n\t\tfallback,\n\t\tfit,\n\t\tstyle,\n\t\tclassName,\n\t\tcover,\n\t\tcoverClass,\n\t\tusePreview: previewable,\n\t\tonLoad,\n\t\tonError,\n\t\tonClick,\n\t\t...restProps\n\t} = props;\n\n\tconst state = useReactive<{ status?: string }>({\n\t\tstatus: \"loading\",\n\t});\n\tconst ref = useRef<HTMLImageElement>(null);\n\n\tconst { observe, unobserve } = useIntersectionObserver();\n\tconst preview = usePreview();\n\n\tconst handleError = (err) => {\n\t\tonError?.(err);\n\t\tstate.status = \"error\";\n\t};\n\n\tconst handleLoad = (e) => {\n\t\tonLoad?.(e);\n\t\tstate.status = undefined;\n\t};\n\n\tconst handleClick = (e) => {\n\t\tonClick?.(e);\n\n\t\tif (!previewable || !src) return;\n\n\t\tconst previewConfigs =\n\t\t\ttypeof previewable === \"boolean\" ? {} : previewable;\n\n\t\tpreview({\n\t\t\t...previewConfigs,\n\t\t\titems: [\n\t\t\t\t{\n\t\t\t\t\tsrc,\n\t\t\t\t\ttype: \"IMAGE\",\n\t\t\t\t},\n\t\t\t],\n\t\t});\n\t};\n\n\tuseEffect(() => {\n\t\tif (!src || typeof window === \"undefined\") return;\n\n\t\tconst img = ref.current;\n\t\tconst hasSrcAttr = img?.getAttribute(\"src\");\n\t\tconst canSyncStatus = Boolean(img && (!lazyload || hasSrcAttr));\n\t\tif (canSyncStatus && img?.complete) {\n\t\t\tstate.status = img.naturalWidth > 0 ? undefined : \"error\";\n\t\t}\n\n\t\tif (!ref.current?.complete && observe && lazyload) {\n\t\t\tstate.status = \"loading\";\n\t\t}\n\n\t\tif (!lazyload || !ref.current || !observe) return;\n\n\t\tobserve(ref.current, (tar: HTMLElement, visible: boolean) => {\n\t\t\tif (!visible) return;\n\n\t\t\ttar.setAttribute(\"src\", tar.dataset.src || \"\");\n\t\t\tunobserve(tar);\n\t\t});\n\n\t\treturn () => {\n\t\t\tref.current && unobserve(ref.current);\n\t\t};\n\t}, [src]);\n\n\trestProps[lazyload ? \"data-src\" : \"src\"] = thumb ?? src;\n\tconst iSize = state.status === \"loading\" ? initSize : undefined;\n\n\treturn (\n\t\t<div\n\t\t\tstyle={{\n\t\t\t\twidth: width ?? size ?? iSize,\n\t\t\t\theight: height ?? size ?? iSize,\n\t\t\t\taspectRatio: ratio,\n\t\t\t\t...style,\n\t\t\t}}\n\t\t\tclassName={classNames(\"i-image\", className, {\n\t\t\t\trounded: round,\n\t\t\t\t[`i-image-${state.status}`]: state.status,\n\t\t\t})}\n\t\t\tonClick={handleClick}\n\t\t>\n\t\t\t{state.status === \"error\" ? (\n\t\t\t\t(fallback ?? null)\n\t\t\t) : (\n\t\t\t\t<>\n\t\t\t\t\t{src && (\n\t\t\t\t\t\t<img\n\t\t\t\t\t\t\tref={ref}\n\t\t\t\t\t\t\tstyle={{ objectFit: fit }}\n\t\t\t\t\t\t\t{...restProps}\n\t\t\t\t\t\t\tonLoad={handleLoad}\n\t\t\t\t\t\t\tonError={handleError}\n\t\t\t\t\t\t/>\n\t\t\t\t\t)}\n\n\t\t\t\t\t{src && state.status === \"loading\" && <Loading absolute />}\n\n\t\t\t\t\t{cover && (\n\t\t\t\t\t\t<div\n\t\t\t\t\t\t\tclassName={classNames(\"i-image-cover\", coverClass)}\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t{cover}\n\t\t\t\t\t\t</div>\n\t\t\t\t\t)}\n\t\t\t\t</>\n\t\t\t)}\n\t\t</div>\n\t);\n};\n\nImage.List = List;\n\nexport default Image as CompositionImage;\n"],"names":["_jsx","_jsxs","_Fragment"],"mappings":";;;;;;;;AASA,MAAM,KAAK,GAAG,CAAC,KAAa,KAAI;IAC/B,MAAM,EACL,GAAG,EACH,KAAK,EACL,KAAK,EACL,IAAI,EACJ,MAAM,EACN,KAAK,EACL,KAAK,EACL,QAAQ,EACR,QAAQ,EACR,QAAQ,EACR,GAAG,EACH,KAAK,EACL,SAAS,EACT,KAAK,EACL,UAAU,EACV,UAAU,EAAE,WAAW,EACvB,MAAM,EACN,OAAO,EACP,OAAO,EACP,GAAG,SAAS,EACZ,GAAG,KAAK;IAET,MAAM,KAAK,GAAG,WAAW,CAAsB;AAC9C,QAAA,MAAM,EAAE,SAAS;AACjB,KAAA,CAAC;AACF,IAAA,MAAM,GAAG,GAAG,MAAM,CAAmB,IAAI,CAAC;IAE1C,MAAM,EAAE,OAAO,EAAE,SAAS,EAAE,GAAG,uBAAuB,EAAE;AACxD,IAAA,MAAM,OAAO,GAAG,UAAU,EAAE;AAE5B,IAAA,MAAM,WAAW,GAAG,CAAC,GAAG,KAAI;AAC3B,QAAA,OAAO,GAAG,GAAG,CAAC;AACd,QAAA,KAAK,CAAC,MAAM,GAAG,OAAO;AACvB,IAAA,CAAC;AAED,IAAA,MAAM,UAAU,GAAG,CAAC,CAAC,KAAI;AACxB,QAAA,MAAM,GAAG,CAAC,CAAC;AACX,QAAA,KAAK,CAAC,MAAM,GAAG,SAAS;AACzB,IAAA,CAAC;AAED,IAAA,MAAM,WAAW,GAAG,CAAC,CAAC,KAAI;AACzB,QAAA,OAAO,GAAG,CAAC,CAAC;AAEZ,QAAA,IAAI,CAAC,WAAW,IAAI,CAAC,GAAG;YAAE;AAE1B,QAAA,MAAM,cAAc,GACnB,OAAO,WAAW,KAAK,SAAS,GAAG,EAAE,GAAG,WAAW;AAEpD,QAAA,OAAO,CAAC;AACP,YAAA,GAAG,cAAc;AACjB,YAAA,KAAK,EAAE;AACN,gBAAA;oBACC,GAAG;AACH,oBAAA,IAAI,EAAE,OAAO;AACb,iBAAA;AACD,aAAA;AACD,SAAA,CAAC;AACH,IAAA,CAAC;IAED,SAAS,CAAC,MAAK;AACd,QAAA,IAAI,CAAC,GAAG,IAAI,OAAO,MAAM,KAAK,WAAW;YAAE;AAE3C,QAAA,MAAM,GAAG,GAAG,GAAG,CAAC,OAAO;QACvB,MAAM,UAAU,GAAG,GAAG,EAAE,YAAY,CAAC,KAAK,CAAC;AAC3C,QAAA,MAAM,aAAa,GAAG,OAAO,CAAC,GAAG,KAAK,CAAC,QAAQ,IAAI,UAAU,CAAC,CAAC;AAC/D,QAAA,IAAI,aAAa,IAAI,GAAG,EAAE,QAAQ,EAAE;AACnC,YAAA,KAAK,CAAC,MAAM,GAAG,GAAG,CAAC,YAAY,GAAG,CAAC,GAAG,SAAS,GAAG,OAAO;QAC1D;QAEA,IAAI,CAAC,GAAG,CAAC,OAAO,EAAE,QAAQ,IAAI,OAAO,IAAI,QAAQ,EAAE;AAClD,YAAA,KAAK,CAAC,MAAM,GAAG,SAAS;QACzB;QAEA,IAAI,CAAC,QAAQ,IAAI,CAAC,GAAG,CAAC,OAAO,IAAI,CAAC,OAAO;YAAE;QAE3C,OAAO,CAAC,GAAG,CAAC,OAAO,EAAE,CAAC,GAAgB,EAAE,OAAgB,KAAI;AAC3D,YAAA,IAAI,CAAC,OAAO;gBAAE;AAEd,YAAA,GAAG,CAAC,YAAY,CAAC,KAAK,EAAE,GAAG,CAAC,OAAO,CAAC,GAAG,IAAI,EAAE,CAAC;YAC9C,SAAS,CAAC,GAAG,CAAC;AACf,QAAA,CAAC,CAAC;AAEF,QAAA,OAAO,MAAK;YACX,GAAG,CAAC,OAAO,IAAI,SAAS,CAAC,GAAG,CAAC,OAAO,CAAC;AACtC,QAAA,CAAC;AACF,IAAA,CAAC,EAAE,CAAC,GAAG,CAAC,CAAC;AAET,IAAA,SAAS,CAAC,QAAQ,GAAG,UAAU,GAAG,KAAK,CAAC,GAAG,KAAK,IAAI,GAAG;AACvD,IAAA,MAAM,KAAK,GAAG,KAAK,CAAC,MAAM,KAAK,SAAS,GAAG,QAAQ,GAAG,SAAS;IAE/D,QACCA,GAAA,CAAA,KAAA,EAAA,EACC,KAAK,EAAE;AACN,YAAA,KAAK,EAAE,KAAK,IAAI,IAAI,IAAI,KAAK;AAC7B,YAAA,MAAM,EAAE,MAAM,IAAI,IAAI,IAAI,KAAK;AAC/B,YAAA,WAAW,EAAE,KAAK;AAClB,YAAA,GAAG,KAAK;AACR,SAAA,EACD,SAAS,EAAE,UAAU,CAAC,SAAS,EAAE,SAAS,EAAE;AAC3C,YAAA,OAAO,EAAE,KAAK;YACd,CAAC,CAAA,QAAA,EAAW,KAAK,CAAC,MAAM,EAAE,GAAG,KAAK,CAAC,MAAM;AACzC,SAAA,CAAC,EACF,OAAO,EAAE,WAAW,EAAA,QAAA,EAEnB,KAAK,CAAC,MAAM,KAAK,OAAO,KACvB,QAAQ,IAAI,IAAI,MAEjBC,IAAA,CAAAC,QAAA,EAAA,EAAA,QAAA,EAAA,CACE,GAAG,KACHF,aACC,GAAG,EAAE,GAAG,EACR,KAAK,EAAE,EAAE,SAAS,EAAE,GAAG,EAAE,KACrB,SAAS,EACb,MAAM,EAAE,UAAU,EAClB,OAAO,EAAE,WAAW,EAAA,CACnB,CACF,EAEA,GAAG,IAAI,KAAK,CAAC,MAAM,KAAK,SAAS,IAAIA,GAAA,CAAC,OAAO,IAAC,QAAQ,EAAA,IAAA,EAAA,CAAG,EAEzD,KAAK,KACLA,GAAA,CAAA,KAAA,EAAA,EACC,SAAS,EAAE,UAAU,CAAC,eAAe,EAAE,UAAU,CAAC,EAAA,QAAA,EAEjD,KAAK,EAAA,CACD,CACN,IACC,CACH,EAAA,CACI;AAER;AAEA,KAAK,CAAC,IAAI,GAAG,IAAI;;;;"}

package/lib/es/components/image/index.js

@@ -1,7 +1,6 @@
-import Image from "./image.js";
-//#region packages/components/image/index.tsx
-var image_default = Image;
-//#endregion
-export { image_default as default };
+import Image from './image.js';
 
-//# sourceMappingURL=index.js.map
+
+
+export { Image as default };
+//# sourceMappingURL=index.js.map

package/lib/es/components/image/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":[],"sources":["../../../../packages/components/image/index.tsx"],"sourcesContent":["import Image from \"./image\";\n\nexport default Image;\n"],"mappings":";;AAEA,IAAA,gBAAe"}
+{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;"}