geekplus-digital-ui 0.1.40 → 0.1.41

package/components/index.d.ts

@@ -5,3 +5,5 @@ export * from './icon';
 export * from './icon-tip';
 export * from './inline-edit';
 export * from './upload';
+export * from './search-form';
+export * from './search-item';

package/components/index.js

@@ -6,15 +6,19 @@ import i from "./icon/index.js";
 import a from "./icon-tip/index.js";
 import o from "./inline-edit/index.js";
 import s from "./upload/index.js";
+import c from "./search-form/index.js";
+import l from "./search-item/index.js";
 //#region packages/components/index.js
-var c = /* @__PURE__ */ e({
+var u = /* @__PURE__ */ e({
 	DCopy: () => t,
 	DEditor: () => n,
 	DFoldText: () => r,
 	DIcon: () => i,
 	DIconTip: () => a,
 	DInlineEdit: () => o,
+	DSearchForm: () => c,
+	DSearchItem: () => l,
 	DUpload: () => s
 });
 //#endregion
-export { t as DCopy, n as DEditor, r as DFoldText, i as DIcon, a as DIconTip, o as DInlineEdit, s as DUpload, c as components_exports };
+export { t as DCopy, n as DEditor, r as DFoldText, i as DIcon, a as DIconTip, o as DInlineEdit, c as DSearchForm, l as DSearchItem, s as DUpload, u as components_exports };

package/components/search-form/index.d.ts

@@ -0,0 +1,55 @@
+export const DSearchForm: {
+    new (...args: any[]): import('vue').CreateComponentPublicInstanceWithMixins<Readonly<{}> & Readonly<{}>, {
+        getTrackText: () => string;
+        $emit: (event: "reset" | "search", ...args: any[]) => void;
+        loading: boolean;
+        enterClick: boolean;
+        noLabel: boolean;
+        $props: {
+            readonly loading?: boolean | undefined;
+            readonly enterClick?: boolean | undefined;
+            readonly noLabel?: boolean | undefined;
+        };
+    }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, import('vue').PublicProps, {}, true, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {
+        rowRef: HTMLDivElement;
+    }, HTMLDivElement, import('vue').ComponentProvideOptions, {
+        P: {};
+        B: {};
+        D: {};
+        C: {};
+        M: {};
+        Defaults: {};
+    }, Readonly<{}> & Readonly<{}>, {
+        getTrackText: () => string;
+        $emit: (event: "reset" | "search", ...args: any[]) => void;
+        loading: boolean;
+        enterClick: boolean;
+        noLabel: boolean;
+        $props: {
+            readonly loading?: boolean | undefined;
+            readonly enterClick?: boolean | undefined;
+            readonly noLabel?: boolean | undefined;
+        };
+    }, {}, {}, {}, {}>;
+    __isFragment?: never;
+    __isTeleport?: never;
+    __isSuspense?: never;
+} & import('vue').ComponentOptionsBase<Readonly<{}> & Readonly<{}>, {
+    getTrackText: () => string;
+    $emit: (event: "reset" | "search", ...args: any[]) => void;
+    loading: boolean;
+    enterClick: boolean;
+    noLabel: boolean;
+    $props: {
+        readonly loading?: boolean | undefined;
+        readonly enterClick?: boolean | undefined;
+        readonly noLabel?: boolean | undefined;
+    };
+}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, {}, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & (new () => {
+    $slots: {
+        default?(_: {
+            isOpen: boolean;
+        }): any;
+    };
+});
+export default DSearchForm;

package/components/search-form/index.js

@@ -0,0 +1,5 @@
+import e from "./src/search-form.js";
+//#region packages/components/search-form/index.js
+var t = e;
+//#endregion
+export { t as default };

package/components/search-form/src/search-form.js

@@ -0,0 +1,111 @@
+import { useLocale as e } from "../../../hooks/use-locale/index.js";
+import "../../../hooks/index.js";
+import t from "../../../_virtual/_plugin-vue_export-helper.js";
+import n from "../../icons/angle-down-light.js";
+import r from "../../icons/angle-up-light.js";
+import i from "../../icon/index.js";
+import './search-form.vue_vue_type_style_index_0_scoped_cea05b8f_lang.css';/* empty css                                                            */
+import "../../index.js";
+import { Fragment as a, computed as o, createBlock as s, createCommentVNode as c, createElementBlock as l, createElementVNode as u, createTextVNode as d, createVNode as f, normalizeClass as p, normalizeStyle as m, openBlock as h, provide as g, ref as _, renderSlot as v, toDisplayString as y, unref as b, useTemplateRef as x, withCtx as S, withKeys as C } from "vue";
+import { useResizeObserver as w } from "@vueuse/core";
+import { ElButton as T, ElRow as E } from "element-plus";
+var D = /* @__PURE__ */ t(/* @__PURE__ */ Object.assign({ name: "DSearchForm" }, {
+	__name: "search-form",
+	props: {
+		loading: {
+			type: Boolean,
+			default: !1
+		},
+		enterClick: {
+			type: Boolean,
+			default: !0
+		},
+		noLabel: {
+			type: Boolean,
+			default: !1
+		}
+	},
+	emits: ["reset", "search"],
+	setup(t, { expose: D, emit: O }) {
+		let k = t, A = O, j = x("rowRef"), M = _(!1), N = _(0), { t: P } = e();
+		g("searchFormNoLabel", o(() => k.noLabel));
+		let F = _([]);
+		g("registerTrackItem", (e, t) => {
+			let n = {
+				label: e,
+				value: t
+			};
+			return F.value.push(n), () => {
+				let e = F.value.indexOf(n);
+				e !== -1 && F.value.splice(e, 1);
+			};
+		});
+		let I = () => F.value.filter((e) => e.label && e.value != null && e.value !== "").map((e) => `${e.label}=${e.value}`).join(","), L = o(() => k.noLabel ? 32 : 64), R = o(() => N.value > L.value + 2), z = o(() => M.value ? {} : { height: `${L.value}px` }), B = o(() => ({ top: `${k.noLabel ? 0 : 32}px` })), V = () => {
+			M.value = !M.value;
+		}, H = () => {
+			k.loading || A("reset");
+		}, U = () => {
+			k.loading || A("search");
+		}, W = () => {
+			k.enterClick && U();
+		};
+		return w(j, (e) => {
+			N.value = e[0].contentRect.height;
+		}), D({ getTrackText: I }), (e, o) => (h(), l("div", {
+			class: p(["d-search-form", { "is-open": M.value }]),
+			style: m(z.value),
+			onKeyup: C(W, ["enter"])
+		}, [u("div", {
+			ref_key: "rowRef",
+			ref: j,
+			class: "search-row"
+		}, [f(b(E), { gutter: 12 }, {
+			default: S(() => [v(e.$slots, "default", { isOpen: M.value }, void 0, !0)]),
+			_: 3
+		})], 512), u("div", {
+			class: "search-btns",
+			style: m(B.value)
+		}, [
+			f(b(T), {
+				loading: t.loading,
+				onClick: H
+			}, {
+				default: S(() => [d(y(b(P)("d.searchForm.reset")), 1)]),
+				_: 1
+			}, 8, ["loading"]),
+			f(b(T), {
+				type: "primary",
+				loading: t.loading,
+				onClick: U
+			}, {
+				default: S(() => [d(y(b(P)("d.searchForm.search")), 1)]),
+				_: 1
+			}, 8, ["loading"]),
+			R.value ? (h(), l(a, { key: 0 }, [M.value ? (h(), s(b(T), {
+				key: 0,
+				link: "",
+				type: "primary",
+				onClick: V
+			}, {
+				default: S(() => [d(y(b(P)("d.searchForm.collapse")) + " ", 1), f(b(i), null, {
+					default: S(() => [f(r)]),
+					_: 1
+				})]),
+				_: 1
+			})) : (h(), s(b(T), {
+				key: 1,
+				link: "",
+				type: "primary",
+				onClick: V
+			}, {
+				default: S(() => [d(y(b(P)("d.searchForm.expand")) + " ", 1), f(b(i), null, {
+					default: S(() => [f(n)]),
+					_: 1
+				})]),
+				_: 1
+			}))], 64)) : c("", !0)
+		], 4)], 38));
+	}
+}), [["__scopeId", "data-v-cea05b8f"]]);
+//#endregion
+export { D as default };

package/components/search-form/src/search-form.vue.d.ts

@@ -0,0 +1,31 @@
+declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
+export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & (new () => {
+    $slots: S;
+});
+declare const __VLS_component: import('vue').DefineComponent<{}, {
+    getTrackText: () => string;
+    $emit: (event: "reset" | "search", ...args: any[]) => void;
+    loading: boolean;
+    enterClick: boolean;
+    noLabel: boolean;
+    $props: {
+        readonly loading?: boolean | undefined;
+        readonly enterClick?: boolean | undefined;
+        readonly noLabel?: boolean | undefined;
+    };
+}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {
+    rowRef: HTMLDivElement;
+}, HTMLDivElement>;
+type __VLS_TemplateResult = {
+    attrs: Partial<{}>;
+    slots: {
+        default?(_: {
+            isOpen: boolean;
+        }): any;
+    };
+    refs: {
+        rowRef: HTMLDivElement;
+    };
+    rootEl: HTMLDivElement;
+};

package/components/search-form/src/search-form.vue_vue_type_style_index_0_scoped_cea05b8f_lang.css

@@ -0,0 +1 @@
+.d-search-form[data-v-cea05b8f]{align-items:flex-start;gap:12px;display:flex;overflow:hidden}.d-search-form.is-open[data-v-cea05b8f]{overflow:visible}.d-search-form .search-row[data-v-cea05b8f]{flex:1}.d-search-form .search-row[data-v-cea05b8f] .el-row{flex-wrap:wrap;gap:12px 0}.d-search-form .search-btns[data-v-cea05b8f]{flex-shrink:0;align-items:center;gap:12px;display:flex;position:relative}.d-search-form .search-btns[data-v-cea05b8f] .el-button{margin:0}.d-search-form .search-btns[data-v-cea05b8f] .el-button .d-icon{margin-left:4px}

package/components/search-item/index.d.ts

@@ -0,0 +1,51 @@
+export const DSearchItem: {
+    new (...args: any[]): import('vue').CreateComponentPublicInstanceWithMixins<Readonly<{}> & Readonly<{}>, {
+        label: string;
+        span: number;
+        trackLabel: string;
+        trackValue: null;
+        $props: {
+            readonly label?: string | undefined;
+            readonly span?: number | undefined;
+            readonly trackLabel?: string | undefined;
+            readonly trackValue?: null | undefined;
+        };
+    }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, import('vue').PublicProps, {}, true, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {}, any, import('vue').ComponentProvideOptions, {
+        P: {};
+        B: {};
+        D: {};
+        C: {};
+        M: {};
+        Defaults: {};
+    }, Readonly<{}> & Readonly<{}>, {
+        label: string;
+        span: number;
+        trackLabel: string;
+        trackValue: null;
+        $props: {
+            readonly label?: string | undefined;
+            readonly span?: number | undefined;
+            readonly trackLabel?: string | undefined;
+            readonly trackValue?: null | undefined;
+        };
+    }, {}, {}, {}, {}>;
+    __isFragment?: never;
+    __isTeleport?: never;
+    __isSuspense?: never;
+} & import('vue').ComponentOptionsBase<Readonly<{}> & Readonly<{}>, {
+    label: string;
+    span: number;
+    trackLabel: string;
+    trackValue: null;
+    $props: {
+        readonly label?: string | undefined;
+        readonly span?: number | undefined;
+        readonly trackLabel?: string | undefined;
+        readonly trackValue?: null | undefined;
+    };
+}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, {}, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & (new () => {
+    $slots: {
+        default?(_: {}): any;
+    };
+});
+export default DSearchItem;

package/components/search-item/index.js

@@ -0,0 +1,5 @@
+import e from "./src/search-item.js";
+//#region packages/components/search-item/index.js
+var t = e;
+//#endregion
+export { t as default };

package/components/search-item/src/search-item.js

@@ -0,0 +1,45 @@
+import e from "../../../_virtual/_plugin-vue_export-helper.js";
+import './search-item.vue_vue_type_style_index_0_scoped_27c41622_lang.css';/* empty css                                                            */
+import { computed as t, createBlock as n, createCommentVNode as r, createElementBlock as i, createElementVNode as a, inject as o, onMounted as s, onUnmounted as c, openBlock as l, renderSlot as u, toDisplayString as d, toRef as f, unref as p, withCtx as m } from "vue";
+import { ElCol as h } from "element-plus";
+//#region packages/components/search-item/src/search-item.vue
+var g = {
+	key: 0,
+	class: "item-label"
+}, _ = { class: "item-content" }, v = /* @__PURE__ */ e(/* @__PURE__ */ Object.assign({ name: "DSearchItem" }, {
+	__name: "search-item",
+	props: {
+		label: {
+			type: String,
+			default: ""
+		},
+		span: {
+			type: Number,
+			default: 6
+		},
+		trackLabel: {
+			type: String,
+			default: ""
+		},
+		trackValue: { default: null }
+	},
+	setup(e) {
+		let v = e, y = t(() => {
+			let e = Math.trunc(v.span);
+			return Math.min(24, Math.max(1, Number.isNaN(e) ? 6 : e));
+		}), b = o("searchFormNoLabel", t(() => !1)), x = o("registerTrackItem", null), S = null;
+		return s(() => {
+			x && (S = x(f(v, "trackLabel"), f(v, "trackValue")));
+		}), c(() => {
+			S?.();
+		}), (t, o) => (l(), n(p(h), {
+			span: y.value,
+			class: "d-search-item"
+		}, {
+			default: m(() => [e.label && !p(b) ? (l(), i("div", g, d(e.label), 1)) : r("", !0), a("div", _, [u(t.$slots, "default", {}, void 0, !0)])]),
+			_: 3
+		}, 8, ["span"]));
+	}
+}), [["__scopeId", "data-v-27c41622"]]);
+//#endregion
+export { v as default };

package/components/search-item/src/search-item.vue.d.ts

@@ -0,0 +1,25 @@
+declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
+export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & (new () => {
+    $slots: S;
+});
+declare const __VLS_component: import('vue').DefineComponent<{}, {
+    label: string;
+    span: number;
+    trackLabel: string;
+    trackValue: null;
+    $props: {
+        readonly label?: string | undefined;
+        readonly span?: number | undefined;
+        readonly trackLabel?: string | undefined;
+        readonly trackValue?: null | undefined;
+    };
+}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+type __VLS_TemplateResult = {
+    attrs: Partial<{}>;
+    slots: {
+        default?(_: {}): any;
+    };
+    refs: {};
+    rootEl: any;
+};

package/components/search-item/src/search-item.vue_vue_type_style_index_0_scoped_27c41622_lang.css

@@ -0,0 +1 @@
+.d-search-item .item-label[data-v-27c41622]{text-overflow:ellipsis;white-space:nowrap;height:32px;line-height:32px;overflow:hidden}.d-search-item .item-content[data-v-27c41622] .el-select,.d-search-item .item-content[data-v-27c41622] .el-input,.d-search-item .item-content[data-v-27c41622] .el-date-editor{width:100%}

package/index.js

@@ -8,10 +8,12 @@ import a from "./components/icon/index.js";
 import o from "./components/icon-tip/index.js";
 import s from "./components/inline-edit/index.js";
 import c from "./components/upload/index.js";
+import l from "./components/search-form/index.js";
+import u from "./components/search-item/index.js";
 import "./components/index.js";
-import { setComponentRegistry as l, setGlobalConfig as u } from "./config/index.js";
-import { install as d } from "./install.js";
+import { setComponentRegistry as d, setGlobalConfig as f } from "./config/index.js";
+import { install as p } from "./install.js";
 //#region packages/index.js
-var f = { install: d };
+var m = { install: p };
 //#endregion
-export { n as DCopy, r as DEditor, i as DFoldText, a as DIcon, o as DIconTip, s as DInlineEdit, c as DUpload, f as default, d as install, l as setComponentRegistry, u as setGlobalConfig, t as useActivated, e as useLocale };
+export { n as DCopy, r as DEditor, i as DFoldText, a as DIcon, o as DIconTip, s as DInlineEdit, l as DSearchForm, u as DSearchItem, c as DUpload, m as default, p as install, d as setComponentRegistry, f as setGlobalConfig, t as useActivated, e as useLocale };

package/locale/lang/en.d.ts

@@ -15,6 +15,14 @@ declare namespace _default {
             let collapse_1: string;
             export { collapse_1 as collapse };
         }
+        namespace searchForm {
+            export let search: string;
+            export let reset: string;
+            let expand_2: string;
+            export { expand_2 as expand };
+            let collapse_2: string;
+            export { collapse_2 as collapse };
+        }
         namespace upload {
             export let lessThan: string;
             export let format: string;
@@ -27,10 +35,10 @@ declare namespace _default {
             export let comma: string;
             export let preview: string;
             export let close: string;
-            let expand_2: string;
-            export { expand_2 as expand };
-            let collapse_2: string;
-            export { collapse_2 as collapse };
+            let expand_3: string;
+            export { expand_3 as expand };
+            let collapse_3: string;
+            export { collapse_3 as collapse };
             let upload_1: string;
             export { upload_1 as upload };
             export let downloadAll: string;

package/locale/lang/en.js

@@ -12,6 +12,12 @@ var e = {
 			expand: "Expand",
 			collapse: "Collapse"
 		},
+		searchForm: {
+			search: "Search",
+			reset: "Reset",
+			expand: "Expand",
+			collapse: "Collapse"
+		},
 		upload: {
 			lessThan: "Less than {size}MB",
 			format: "Format {format}",

package/locale/lang/ja.d.ts

@@ -15,6 +15,14 @@ declare namespace _default {
             let collapse_1: string;
             export { collapse_1 as collapse };
         }
+        namespace searchForm {
+            export let search: string;
+            export let reset: string;
+            let expand_2: string;
+            export { expand_2 as expand };
+            let collapse_2: string;
+            export { collapse_2 as collapse };
+        }
         namespace upload {
             export let lessThan: string;
             export let format: string;
@@ -27,10 +35,10 @@ declare namespace _default {
             export let comma: string;
             export let preview: string;
             export let close: string;
-            let expand_2: string;
-            export { expand_2 as expand };
-            let collapse_2: string;
-            export { collapse_2 as collapse };
+            let expand_3: string;
+            export { expand_3 as expand };
+            let collapse_3: string;
+            export { collapse_3 as collapse };
             let upload_1: string;
             export { upload_1 as upload };
             export let downloadAll: string;

package/locale/lang/ja.js

@@ -12,6 +12,12 @@ var e = {
 			expand: "展開",
 			collapse: "折りたたむ"
 		},
+		searchForm: {
+			search: "検索",
+			reset: "リセット",
+			expand: "展開",
+			collapse: "折りたたむ"
+		},
 		upload: {
 			lessThan: "{size}MB 未満",
 			format: "形式 {format}",

package/locale/lang/ko.d.ts

@@ -15,6 +15,14 @@ declare namespace _default {
             let collapse_1: string;
             export { collapse_1 as collapse };
         }
+        namespace searchForm {
+            export let search: string;
+            export let reset: string;
+            let expand_2: string;
+            export { expand_2 as expand };
+            let collapse_2: string;
+            export { collapse_2 as collapse };
+        }
         namespace upload {
             export let lessThan: string;
             export let format: string;
@@ -27,10 +35,10 @@ declare namespace _default {
             export let comma: string;
             export let preview: string;
             export let close: string;
-            let expand_2: string;
-            export { expand_2 as expand };
-            let collapse_2: string;
-            export { collapse_2 as collapse };
+            let expand_3: string;
+            export { expand_3 as expand };
+            let collapse_3: string;
+            export { collapse_3 as collapse };
             let upload_1: string;
             export { upload_1 as upload };
             export let downloadAll: string;

package/locale/lang/ko.js

@@ -12,6 +12,12 @@ var e = {
 			expand: "펼치기",
 			collapse: "접기"
 		},
+		searchForm: {
+			search: "조회",
+			reset: "초기화",
+			expand: "펼치기",
+			collapse: "접기"
+		},
 		upload: {
 			lessThan: "{size}MB 이하",
 			format: "형식 {format}",

package/locale/lang/zh-cn.d.ts

@@ -15,6 +15,14 @@ declare namespace _default {
             let collapse_1: string;
             export { collapse_1 as collapse };
         }
+        namespace searchForm {
+            export let search: string;
+            export let reset: string;
+            let expand_2: string;
+            export { expand_2 as expand };
+            let collapse_2: string;
+            export { collapse_2 as collapse };
+        }
         namespace upload {
             export let lessThan: string;
             export let format: string;
@@ -27,10 +35,10 @@ declare namespace _default {
             export let comma: string;
             export let preview: string;
             export let close: string;
-            let expand_2: string;
-            export { expand_2 as expand };
-            let collapse_2: string;
-            export { collapse_2 as collapse };
+            let expand_3: string;
+            export { expand_3 as expand };
+            let collapse_3: string;
+            export { collapse_3 as collapse };
             let upload_1: string;
             export { upload_1 as upload };
             export let downloadAll: string;

package/locale/lang/zh-cn.js

@@ -12,6 +12,12 @@ var e = {
 			expand: "展开",
 			collapse: "收起"
 		},
+		searchForm: {
+			search: "查询",
+			reset: "重置",
+			expand: "展开",
+			collapse: "收起"
+		},
 		upload: {
 			lessThan: "小于 {size}MB",
 			format: "格式 {format}",

package/locale/lang/zh-tw.d.ts

@@ -15,6 +15,14 @@ declare namespace _default {
             let collapse_1: string;
             export { collapse_1 as collapse };
         }
+        namespace searchForm {
+            export let search: string;
+            export let reset: string;
+            let expand_2: string;
+            export { expand_2 as expand };
+            let collapse_2: string;
+            export { collapse_2 as collapse };
+        }
         namespace upload {
             export let lessThan: string;
             export let format: string;
@@ -27,10 +35,10 @@ declare namespace _default {
             export let comma: string;
             export let preview: string;
             export let close: string;
-            let expand_2: string;
-            export { expand_2 as expand };
-            let collapse_2: string;
-            export { collapse_2 as collapse };
+            let expand_3: string;
+            export { expand_3 as expand };
+            let collapse_3: string;
+            export { collapse_3 as collapse };
             let upload_1: string;
             export { upload_1 as upload };
             export let downloadAll: string;

package/locale/lang/zh-tw.js

@@ -12,6 +12,12 @@ var e = {
 			expand: "展開",
 			collapse: "收起"
 		},
+		searchForm: {
+			search: "查詢",
+			reset: "重置",
+			expand: "展開",
+			collapse: "收起"
+		},
 		upload: {
 			lessThan: "小於 {size}MB",
 			format: "格式 {format}",

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "geekplus-digital-ui",
-  "version": "0.1.40",
+  "version": "0.1.41",
   "homepage": "https://ui.geekplus.cc/static/ui/",
   "type": "module",
   "main": "index.js",