@aplus-frontend/ui 0.0.1-beta.3 → 0.0.1-beta.30

package/es/src/ap-action/style/item-dropdown.css

@@ -0,0 +1,11 @@
+.aplus-action-item-dropdown__item .aplus-action-item {
+  width: 100%;
+}
+.aplus-action-item-dropdown__wrapper {
+  display: inline-flex;
+  flex-direction: row;
+  align-items: center;
+}
+.aplus-action-item-dropdown__icon {
+  margin-left: 4px;
+}

package/es/src/ap-action/style/item.css

@@ -0,0 +1,33 @@
+.aplus-action-item {
+  display: inline-block;
+  font-size: 14px;
+  line-height: 22px;
+  cursor: pointer;
+}
+.aplus-action-item--primary {
+  color: #0070ff;
+}
+.aplus-action-item--primary:not(.aplus-action-item--disabled):hover {
+  color: #66a9ff;
+}
+.aplus-action-item--success {
+  color: #2ed1a3;
+}
+.aplus-action-item--error {
+  color: #FF4D4F;
+}
+.aplus-action-item--warn {
+  color: #FFA940;
+}
+.aplus-action-item--loading {
+  opacity: 0.35;
+  transition: opacity 0.2s;
+  cursor: default;
+}
+.aplus-action-item--loading .btn-loading-icon {
+  margin-right: 4px;
+}
+.aplus-action-item--disabled {
+  color: #CCE2FF;
+  cursor: not-allowed;
+}

package/es/src/ap-custom-column/column-select.vue.d.ts

@@ -0,0 +1,18 @@
+import { ColumnSelectProps, FieldInfo } from './interfaces';
+import { DefineComponent, ComponentOptionsMixin, PublicProps, ExtractPropTypes, PropType } from 'vue';
+
+declare const _default: DefineComponent<__VLS_TypePropsToRuntimeProps<ColumnSelectProps>, {}, unknown, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
+    updateColumns: (list: FieldInfo[]) => void;
+}, string, PublicProps, Readonly< ExtractPropTypes<__VLS_TypePropsToRuntimeProps<ColumnSelectProps>>> & {
+    onUpdateColumns?: ((list: FieldInfo[]) => any) | undefined;
+}, {}, {}>;
+export default _default;
+type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
+type __VLS_TypePropsToRuntimeProps<T> = {
+    [K in keyof T]-?: {} extends Pick<T, K> ? {
+        type: PropType<__VLS_NonUndefinedable<T[K]>>;
+    } : {
+        type: PropType<T[K]>;
+        required: true;
+    };
+};

package/es/src/ap-custom-column/column-select.vue.mjs

@@ -0,0 +1,102 @@
+import { defineComponent as w, ref as i, watch as m, computed as M, openBlock as V, createBlock as A, unref as a, normalizeClass as o, withCtx as r, createElementVNode as p, createVNode as d, createTextVNode as B, toDisplayString as f } from "vue";
+import { Flex as g, Checkbox as D, Divider as G, CheckboxGroup as S } from "ant-design-vue";
+import "../config-provider/index.mjs";
+import "./styles/column-select.css";
+import { useGlobalConfig as U } from "../config-provider/hooks/use-global-config.mjs";
+import { useNamespace as j } from "../config-provider/hooks/use-namespace.mjs";
+const H = /* @__PURE__ */ w({
+  __name: "column-select",
+  props: {
+    columns: {}
+  },
+  emits: ["updateColumns"],
+  setup(x, { emit: C }) {
+    const u = i(!1), v = i(!1), t = i([]), h = U("uiMode"), { b: k, e: c } = j(
+      h.value === "aplus" ? "column-select" : "column-select-admin"
+    ), { columns: n } = x, b = C, _ = (e) => {
+      const s = e.target.checked;
+      t.value = s ? n.map((l) => l.dataIndex) : n.filter((l) => l.disabled && l.selected).map((l) => l.dataIndex);
+    }, I = (e) => {
+      t.value = e;
+    };
+    m(
+      n,
+      () => {
+        t.value = n.filter((e) => e.selected).map((e) => e.dataIndex);
+      },
+      { deep: !0, immediate: !0 }
+    ), m(
+      t,
+      () => {
+        v.value = t.value.length > 0 && t.value.length !== n.length, console.log("uiMode", h.value), u.value = t.value.length === n.length;
+      },
+      { deep: !0, immediate: !0 }
+    ), m(
+      t,
+      () => {
+        const e = n.map((s) => ({
+          ...s,
+          selected: t.value.includes(s.dataIndex)
+        }));
+        b("updateColumns", e);
+      },
+      { deep: !0 }
+    );
+    const y = M(() => n.map((e) => ({
+      label: e.title,
+      value: e.dataIndex,
+      disabled: e.disabled
+    })));
+    return (e, s) => (V(), A(a(g), {
+      vertical: "",
+      class: o(a(k)())
+    }, {
+      default: r(() => [
+        p("p", {
+          class: o(a(c)("des"))
+        }, "请选择需要展示在表格的字段", 2),
+        d(a(g), {
+          class: o(a(c)("all")),
+          justify: "space-between",
+          align: "center"
+        }, {
+          default: r(() => {
+            var l;
+            return [
+              d(a(D), {
+                style: { padding: "0 6px;" },
+                checked: u.value,
+                "onUpdate:checked": s[0] || (s[0] = (N) => u.value = N),
+                indeterminate: v.value,
+                onChange: _
+              }, {
+                default: r(() => [
+                  B("全选")
+                ]),
+                _: 1
+              }, 8, ["checked", "indeterminate"]),
+              p("span", {
+                class: o(a(c)("statistics"))
+              }, f((l = t.value) == null ? void 0 : l.length) + "/" + f(e.columns.length), 3)
+            ];
+          }),
+          _: 1
+        }, 8, ["class"]),
+        d(a(G), { style: { margin: "12px 0 4px 0" } }),
+        p("div", {
+          class: o(a(c)("content"))
+        }, [
+          d(a(S), {
+            value: t.value,
+            "onUpdate:value": I,
+            options: y.value
+          }, null, 8, ["value", "options"])
+        ], 2)
+      ]),
+      _: 1
+    }, 8, ["class"]));
+  }
+});
+export {
+  H as default
+};

package/es/src/ap-custom-column/column-select.vue2.mjs

@@ -0,0 +1,4 @@
+import f from "./column-select.vue.mjs";
+export {
+  f as default
+};

package/es/src/ap-custom-column/custom-column.vue.d.ts

@@ -0,0 +1,18 @@
+import { CustomColumnProps, FieldInfo } from './interfaces';
+import { DefineComponent, ComponentOptionsMixin, PublicProps, ExtractPropTypes, PropType } from 'vue';
+
+declare const _default: DefineComponent<__VLS_TypePropsToRuntimeProps<CustomColumnProps>, {}, unknown, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
+    "update:columns": (list: FieldInfo[]) => void;
+}, string, PublicProps, Readonly< ExtractPropTypes<__VLS_TypePropsToRuntimeProps<CustomColumnProps>>> & {
+    "onUpdate:columns"?: ((list: FieldInfo[]) => any) | undefined;
+}, {}, {}>;
+export default _default;
+type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
+type __VLS_TypePropsToRuntimeProps<T> = {
+    [K in keyof T]-?: {} extends Pick<T, K> ? {
+        type: PropType<__VLS_NonUndefinedable<T[K]>>;
+    } : {
+        type: PropType<T[K]>;
+        required: true;
+    };
+};

package/es/src/ap-custom-column/custom-column.vue.mjs

@@ -0,0 +1,83 @@
+import { defineComponent as D, ref as m, computed as x, openBlock as H, createElementBlock as w, normalizeClass as B, unref as t, createVNode as o, withCtx as n, createTextVNode as E, normalizeStyle as b } from "vue";
+import { SettingOutlined as k, CloseOutlined as G } from "@ant-design/icons-vue";
+import { Tooltip as N, Button as T, Drawer as A } from "ant-design-vue";
+import "./column-select.vue2.mjs";
+import "./styles/custom-column.css";
+import "../config-provider/index.mjs";
+import { useGlobalConfig as I } from "../config-provider/hooks/use-global-config.mjs";
+import { useNamespace as O } from "../config-provider/hooks/use-namespace.mjs";
+import R from "./column-select.vue.mjs";
+const F = /* @__PURE__ */ D({
+  __name: "custom-column",
+  props: {
+    columns: {},
+    baseContainerSelector: {},
+    fullContentSelector: {}
+  },
+  emits: ["update:columns"],
+  setup(p, { emit: d }) {
+    const f = I("uiMode"), { b: C, e: _ } = O(
+      f.value === "aplus" ? "custom-column" : "custom-column-admin"
+    ), { baseContainerSelector: u, columns: M, fullContentSelector: h } = p, g = d, v = (e) => {
+      g("update:columns", e);
+    }, a = m(!1), l = m(0), S = () => {
+      var e, s;
+      if (u) {
+        const c = document.querySelector(u), r = document.querySelector(
+          h
+        );
+        c ? l.value = Math.max(
+          (e = c == null ? void 0 : c.getBoundingClientRect()) == null ? void 0 : e.top,
+          ((s = r == null ? void 0 : r.getBoundingClientRect()) == null ? void 0 : s.top) || 0
+        ) : l.value = 0;
+      }
+      a.value = !0;
+    }, i = () => {
+      a.value = !1;
+    }, y = x(() => window.innerHeight - l.value - 57 - 40);
+    return (e, s) => (H(), w("div", {
+      class: B(t(C)())
+    }, [
+      o(t(N), null, {
+        title: n(() => [
+          E("自定义表格")
+        ]),
+        default: n(() => [
+          o(t(T), { onClick: S }, {
+            icon: n(() => [
+              o(t(k))
+            ]),
+            _: 1
+          })
+        ]),
+        _: 1
+      }),
+      o(t(A), {
+        open: a.value,
+        width: 280,
+        title: "自定义表格",
+        closable: !1,
+        contentWrapperStyle: { top: `${l.value}px` },
+        bodyStyle: { overflow: "hidden", padding: "20px" },
+        mask: !0,
+        "root-class-name": t(_)("drawer"),
+        onClose: i
+      }, {
+        extra: n(() => [
+          o(t(G), { onClick: i })
+        ]),
+        default: n(() => [
+          o(R, {
+            style: b({ height: `${y.value}px` }),
+            columns: e.columns,
+            onUpdateColumns: v
+          }, null, 8, ["style", "columns"])
+        ]),
+        _: 1
+      }, 8, ["open", "contentWrapperStyle", "root-class-name"])
+    ], 2));
+  }
+});
+export {
+  F as default
+};

package/es/src/ap-custom-column/custom-column.vue2.mjs

@@ -0,0 +1,4 @@
+import f from "./custom-column.vue.mjs";
+export {
+  f as default
+};

package/es/src/ap-custom-column/index.d.ts

@@ -0,0 +1,7 @@
+import { default as ApCustomColumn } from './custom-column.vue';
+import { default as ApCustomSelect } from './column-select.vue';
+
+export * from './interfaces';
+export * from './utils';
+export * from './useCacheColumnSetting';
+export { ApCustomColumn, ApCustomSelect };

package/es/src/ap-custom-column/index.mjs

@@ -0,0 +1,9 @@
+import "./custom-column.vue2.mjs";
+import "./column-select.vue2.mjs";
+import "./interfaces.mjs";
+import { generateTableList as i } from "./utils.mjs";
+import { useCacheColumnSetting as a } from "./useCacheColumnSetting.mjs";
+export {
+  i as generateTableList,
+  a as useCacheColumnSetting
+};

package/es/src/ap-custom-column/interfaces.d.ts

@@ -0,0 +1,41 @@
+import { BasicColumn } from 'src/pro-table';
+
+/**
+ * 自定义列的字段信息
+ */
+export interface FieldInfo {
+    order?: number;
+    fixed?: 'left' | 'right' | null;
+    selected: boolean;
+    disabled: boolean;
+    dataIndex: string;
+    title: string;
+}
+/**
+ * 自定义列表组件 Props
+ */
+export interface CustomColumnProps {
+    columns: FieldInfo[];
+    /**
+     * 抽屉打开高度的基准 querySelector
+     */
+    baseContainerSelector?: string;
+    /**
+     * 当 `baseContainerSelector`因滚动隐藏时，需要固定位置的 `querySelector`
+     */
+    fullContentSelector?: string;
+}
+/**
+ * column select 的 props
+ */
+export interface ColumnSelectProps {
+    columns: FieldInfo[];
+}
+/**
+ * 生成 filedInfoList 函数的参数
+ */
+export interface GenerateTableInfo {
+    list: BasicColumn[];
+    fixedKeys?: string[];
+    defaultSelect?: string[];
+}

package/es/src/ap-custom-column/interfaces.mjs

@@ -0,0 +1 @@
+

package/es/src/ap-custom-column/storage.d.ts

@@ -0,0 +1,8 @@
+/**
+ * 判断str是否是json字符串
+ * @param str
+ */
+export declare const isJSON: (str: string | null) => boolean;
+export declare function setLocalStorage(key: string, value: any): void;
+export declare function getLocalStorage(key: string, defaultValue?: null): any;
+export declare function removeLocalStorage(key: string): void;

package/es/src/ap-custom-column/storage.mjs

@@ -0,0 +1,29 @@
+const l = (t) => {
+  if (typeof t == "string")
+    try {
+      const e = JSON.parse(t);
+      return !!(typeof e == "object" && e);
+    } catch {
+      return !1;
+    }
+  else
+    return !1;
+};
+function n(t, e) {
+  let r = "";
+  typeof e == "object" ? r = JSON.stringify(e) : r = e, localStorage.setItem(t, r);
+}
+function a(t, e = null) {
+  const r = localStorage.getItem(t);
+  let o = null;
+  return r && l(r) && (o = JSON.parse(r)), o !== null ? o : e;
+}
+function s(t) {
+  return localStorage.removeItem(t);
+}
+export {
+  a as getLocalStorage,
+  l as isJSON,
+  s as removeLocalStorage,
+  n as setLocalStorage
+};

package/es/src/ap-custom-column/styles/column-select.css

@@ -0,0 +1,44 @@
+.aplus-column-select-admin__des {
+  color: #999;
+  line-height: 18px;
+}
+.aplus-column-select-admin__statistics {
+  color: #666;
+}
+.aplus-column-select-admin__all .ant-checkbox-wrapper {
+  padding: 0 6px;
+}
+.aplus-column-select-admin__content {
+  flex: 1;
+  overflow-y: auto;
+}
+.aplus-column-select-admin__content .ant-checkbox-wrapper {
+  width: 100%;
+  margin: 2px 0;
+  padding: 6px;
+}
+.aplus-column-select-admin__content .ant-checkbox-wrapper:hover {
+  background: #f5f5f5;
+}
+.aplus-column-select__des {
+  line-height: 18px;
+  color: #8896b0;
+}
+.aplus-column-select__statistics {
+  color: #526a90;
+}
+.aplus-column-select__all .ant-checkbox-wrapper {
+  padding: 0 6px;
+}
+.aplus-column-select__content {
+  flex: 1;
+  overflow-y: auto;
+}
+.aplus-column-select__content .ant-checkbox-wrapper {
+  width: 100%;
+  margin: 2px 0;
+  padding: 6px;
+}
+.aplus-column-select__content .ant-checkbox-wrapper:hover {
+  background: #f6f9fa;
+}

package/es/src/ap-custom-column/styles/custom-column.css

@@ -0,0 +1,46 @@
+.aplus-custom-column-admin .ant-btn-default {
+  border-color: #d9d9d9;
+}
+.aplus-custom-column-admin .ant-btn-default:hover {
+  border-color: #d9d9d9;
+  background: #f5f5f5;
+}
+.aplus-custom-column-admin .ant-btn-default > .anticon {
+  color: #999;
+}
+.aplus-custom-column-admin__drawer .ant-drawer-content-wrapper {
+  border-left: 1px solid #d9d9d9;
+  box-shadow: -4px 0 12px 0 rgba(44, 54, 69, 0.1);
+}
+.aplus-custom-column-admin__drawer .ant-drawer-title {
+  color: #000;
+}
+.aplus-custom-column-admin__drawer .ant-drawer-mask {
+  background: transparent;
+}
+.aplus-custom-column-admin__drawer .ant-drawer-extra .anticon {
+  color: #999;
+}
+.aplus-custom-column .ant-btn-default {
+  border-color: #dee4ed;
+}
+.aplus-custom-column .ant-btn-default:hover {
+  background: #f6f9fa;
+  border-color: #dee4ed;
+}
+.aplus-custom-column .ant-btn-default > .anticon {
+  color: #8896b0;
+}
+.aplus-custom-column__drawer .ant-drawer-content-wrapper {
+  border-left: 1px solid #dee4ed;
+  box-shadow: -4px 0 12px 0 rgba(44, 54, 69, 0.1);
+}
+.aplus-custom-column__drawer .ant-drawer-title {
+  color: #182948;
+}
+.aplus-custom-column__drawer .ant-drawer-mask {
+  background: transparent;
+}
+.aplus-custom-column__drawer .ant-drawer-extra .anticon {
+  color: #8896b0;
+}

package/es/src/ap-custom-column/useCacheColumnSetting.d.ts

@@ -0,0 +1,10 @@
+import { FieldInfo } from './interfaces';
+
+/**
+ * 获取自定义列表存储的值
+ * @returns
+ */
+export declare function useCacheColumnSetting(): {
+    set: (path: string, list: FieldInfo[]) => void;
+    get: (path: string) => FieldInfo[];
+};

package/es/src/ap-custom-column/useCacheColumnSetting.mjs

@@ -0,0 +1,9 @@
+import { setLocalStorage as o, getLocalStorage as r } from "./storage.mjs";
+function s() {
+  return { set: (t, e) => {
+    o(t, e);
+  }, get: (t) => r(t) };
+}
+export {
+  s as useCacheColumnSetting
+};

package/es/src/ap-custom-column/utils.d.ts

@@ -0,0 +1,3 @@
+import { FieldInfo, GenerateTableInfo } from './interfaces';
+
+export declare const generateTableList: (params: GenerateTableInfo) => FieldInfo[];

package/es/src/ap-custom-column/utils.mjs

@@ -0,0 +1,17 @@
+const s = (e) => {
+  const {
+    list: n,
+    fixedKeys: d,
+    defaultSelect: t
+  } = e;
+  return n.map((a, r) => ({
+    order: r,
+    selected: t != null && t.length ? t.includes(a.dataIndex) : !0,
+    disabled: (d == null ? void 0 : d.includes(a.dataIndex)) || !1,
+    dataIndex: a.dataIndex,
+    title: a.title
+  }));
+};
+export {
+  s as generateTableList
+};

package/es/src/ap-download/ap-download.vue.d.ts

@@ -0,0 +1,41 @@
+import { ApDownLoadProps } from './interface';
+import { DefineComponent, ComponentOptionsMixin, PublicProps, ExtractPropTypes, PropType } from 'vue';
+
+declare const _default: __VLS_WithTemplateSlots< DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<ApDownLoadProps>, {
+    size: string;
+    color: string;
+    disabled: boolean;
+}>, {}, unknown, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly< ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<ApDownLoadProps>, {
+    size: string;
+    color: string;
+    disabled: boolean;
+}>>>, {
+    color: string;
+    disabled: boolean;
+    size: "small" | "middle" | "large";
+}, {}>, {
+    icon?(_: {}): any;
+}>;
+export default _default;
+type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
+type __VLS_TypePropsToRuntimeProps<T> = {
+    [K in keyof T]-?: {} extends Pick<T, K> ? {
+        type: PropType<__VLS_NonUndefinedable<T[K]>>;
+    } : {
+        type: PropType<T[K]>;
+        required: true;
+    };
+};
+type __VLS_WithDefaults<P, D> = {
+    [K in keyof Pick<P, keyof P>]: K extends keyof D ? __VLS_Prettify<P[K] & {
+        default: D[K];
+    }> : P[K];
+};
+type __VLS_Prettify<T> = {
+    [K in keyof T]: T[K];
+} & {};
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/es/src/ap-download/ap-download.vue.mjs

@@ -0,0 +1,56 @@
+import { defineComponent as _, computed as n, onMounted as y, openBlock as z, createElementBlock as I, normalizeStyle as O, normalizeClass as i, createElementVNode as a, renderSlot as v, toDisplayString as B } from "vue";
+import "../config-provider/index.mjs";
+import { useOssInit as M, useOss as N } from "./hooks/index.mjs";
+import "./style/ap-download.css";
+import { useGlobalConfig as k } from "../config-provider/hooks/use-global-config.mjs";
+import { useNamespace as A } from "../config-provider/hooks/use-namespace.mjs";
+const F = { class: "icon" }, W = { class: "text" }, q = /* @__PURE__ */ _({
+  name: "ApDownload",
+  __name: "ap-download",
+  props: {
+    text: {},
+    color: { default: "#0070FF" },
+    size: { default: "middle" },
+    disabled: { type: Boolean, default: !1 },
+    fileName: {},
+    getOssAccess: {}
+  },
+  setup(l) {
+    const t = l, p = k("uiMode"), { b: o, bm: s } = A("download");
+    function c(e, r) {
+      e.length === 4 && (e = `#${e[1]}${e[1]}${e[2]}${e[2]}${e[3]}${e[3]}`);
+      const w = parseInt(e.slice(1, 3), 16), S = parseInt(e.slice(3, 5), 16), $ = parseInt(e.slice(5, 7), 16), b = Math.round(r * 255).toString(16).padStart(2, "0");
+      return `#${w.toString(16).padStart(2, "0")}${S.toString(16).padStart(2, "0")}${$.toString(16).padStart(2, "0")}${b}`;
+    }
+    const d = n(() => ({
+      "--download-main-color": t.color,
+      "--download-main-color-opacity": c(t.color, 0.6)
+    })), u = n(() => [o("wrapper"), s("wrapper", t.size)].filter(Boolean)), m = n(() => {
+      const e = [o("inner-wrapper"), s("inner-wrapper", t.size)];
+      return t.disabled && (p.value === "aplus" ? e.push(s("inner-wrapper", "disabled")) : e.push(s("inner-wrapper", "disabled-admin"))), e;
+    });
+    y(() => {
+      t.disabled || M(t.getOssAccess);
+    });
+    const { client: f } = N(), g = () => {
+      t.disabled || f.downloadFile(t.fileName);
+    };
+    return (e, r) => (z(), I("span", {
+      style: O(d.value),
+      class: i(u.value),
+      onClick: g
+    }, [
+      a("span", {
+        class: i(m.value)
+      }, [
+        a("span", F, [
+          v(e.$slots, "icon")
+        ]),
+        a("span", W, B(e.text), 1)
+      ], 2)
+    ], 6));
+  }
+});
+export {
+  q as default
+};

package/es/src/ap-download/ap-download.vue2.mjs

@@ -0,0 +1,4 @@
+import f from "./ap-download.vue.mjs";
+export {
+  f as default
+};

package/es/src/ap-download/hooks/index.d.ts

@@ -0,0 +1,9 @@
+import { Oss } from '@aplus-frontend/oss';
+
+export type { Oss } from '@aplus-frontend/oss';
+export declare function useOss(): {
+    client: Oss;
+};
+export declare function useOssInit(getOssAccess: any): Promise<{
+    client: Oss;
+}>;

package/es/src/ap-download/hooks/index.mjs

@@ -0,0 +1,20 @@
+import { client as t } from "@aplus-frontend/oss";
+function i() {
+  return { client: t };
+}
+async function e(n) {
+  if (!n)
+    throw new Error("请传入getOssAccess");
+  return await t.initOssClient({
+    getOssAccess: n,
+    onFailure: (s) => {
+      throw new Error(
+        typeof (s == null ? void 0 : s.message) == "string" ? s.message : "获取oss临时权限失败"
+      );
+    }
+  }), i();
+}
+export {
+  i as useOss,
+  e as useOssInit
+};

package/es/src/ap-download/index.d.ts

@@ -0,0 +1,4 @@
+import { default as ApDownload } from './ap-download.vue';
+
+export * from './interface';
+export { ApDownload };

package/es/src/ap-download/index.mjs

@@ -0,0 +1,2 @@
+import "./ap-download.vue2.mjs";
+import "./interface.mjs";