@minilo/ui 0.0.1

package/minilo/es/components/button/index.d.ts

@@ -0,0 +1,47 @@
+export declare const MlButton: {
+    new (...args: any[]): import('vue').CreateComponentPublicInstanceWithMixins<Readonly<import('./type').MlButtonSelfProps> & Readonly<{
+        onClick?: ((...args: any[]) => any) | undefined;
+    }>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+        click: (...args: any[]) => void;
+    }, import('vue').PublicProps, {
+        time: number;
+        placement: string;
+        tip: string;
+        tipProps: Record<string, any>;
+        isDebounce: boolean;
+    }, false, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {}, any, import('vue').ComponentProvideOptions, {
+        P: {};
+        B: {};
+        D: {};
+        C: {};
+        M: {};
+        Defaults: {};
+    }, Readonly<import('./type').MlButtonSelfProps> & Readonly<{
+        onClick?: ((...args: any[]) => any) | undefined;
+    }>, {}, {}, {}, {}, {
+        time: number;
+        placement: string;
+        tip: string;
+        tipProps: Record<string, any>;
+        isDebounce: boolean;
+    }>;
+    __isFragment?: never;
+    __isTeleport?: never;
+    __isSuspense?: never;
+} & import('vue').ComponentOptionsBase<Readonly<import('./type').MlButtonSelfProps> & Readonly<{
+    onClick?: ((...args: any[]) => any) | undefined;
+}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    click: (...args: any[]) => void;
+}, string, {
+    time: number;
+    placement: string;
+    tip: string;
+    tipProps: Record<string, any>;
+    isDebounce: boolean;
+}, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & (new () => {
+    $slots: {
+        default?(_: {}): any;
+        default?(_: {}): any;
+    };
+});
+export default MlButton;

package/minilo/es/components/button/index.mjs

@@ -0,0 +1,6 @@
+import { withInstall } from '../../utils/index.mjs';
+import _sfc_main from './index.vue2.mjs';
+
+const MlButton = withInstall(_sfc_main);
+
+export { MlButton, MlButton as default };

package/minilo/es/components/button/index.vue.d.ts

@@ -0,0 +1,29 @@
+import { MlButtonSelfProps as MlButtonProps } from './type';
+declare function __VLS_template(): {
+    attrs: Partial<{}>;
+    slots: {
+        default?(_: {}): any;
+        default?(_: {}): any;
+    };
+    refs: {};
+    rootEl: any;
+};
+type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
+declare const __VLS_component: import('vue').DefineComponent<MlButtonProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    click: (...args: any[]) => void;
+}, string, import('vue').PublicProps, Readonly<MlButtonProps> & Readonly<{
+    onClick?: ((...args: any[]) => any) | undefined;
+}>, {
+    time: number;
+    placement: string;
+    tip: string;
+    tipProps: Record<string, any>;
+    isDebounce: boolean;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
+export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/minilo/es/components/button/index.vue.mjs

@@ -0,0 +1,5 @@
+import _sfc_main from './index.vue2.mjs';
+
+
+
+export { _sfc_main as default };

package/minilo/es/components/button/index.vue2.mjs

@@ -0,0 +1,67 @@
+import { defineComponent, ref, createBlock, openBlock, unref, mergeProps, withCtx, createVNode, renderSlot } from 'vue';
+import { bem } from '../../utils/index.mjs';
+import { ElTooltip, ElButton } from 'element-plus';
+
+var _sfc_main = /* @__PURE__ */ defineComponent({
+  ...{
+    name: "MlButton"
+  },
+  __name: "index",
+  props: {
+    time: { type: Number, required: false, default: 1e3 },
+    tip: { type: String, required: false, default: "" },
+    placement: { type: String, required: false, default: "top" },
+    tipProps: { type: Object, required: false, default: () => ({}) },
+    isDebounce: { type: Boolean, required: false, default: true }
+  },
+  emits: ["click"],
+  setup(__props, { emit: __emit }) {
+    const props = __props;
+    const emits = __emit;
+    const record = ref(0);
+    const handleClick = () => {
+      if (!props.isDebounce) return emits("click");
+      const newTime = /* @__PURE__ */ new Date();
+      if (newTime.getTime() - record.value > props.time) {
+        emits("click");
+      }
+      record.value = newTime.getTime();
+    };
+    return (_ctx, _cache) => {
+      return __props.tip ? (openBlock(), createBlock(unref(ElTooltip), mergeProps({
+        key: 0,
+        content: __props.tip,
+        placement: __props.placement
+      }, __props.tipProps), {
+        default: withCtx(() => [
+          createVNode(unref(ElButton), mergeProps(_ctx.$attrs, {
+            class: unref(bem)("button", "tip"),
+            onClick: handleClick
+          }), {
+            default: withCtx(() => [
+              renderSlot(_ctx.$slots, "default")
+            ]),
+            _: 3
+            /* FORWARDED */
+          }, 16, ["class"])
+        ]),
+        _: 3
+        /* FORWARDED */
+      }, 16, ["content", "placement"])) : (openBlock(), createBlock(
+        unref(ElButton),
+        mergeProps({ key: 1 }, _ctx.$attrs, { onClick: handleClick }),
+        {
+          default: withCtx(() => [
+            renderSlot(_ctx.$slots, "default")
+          ]),
+          _: 3
+          /* FORWARDED */
+        },
+        16
+        /* FULL_PROPS */
+      ));
+    };
+  }
+});
+
+export { _sfc_main as default };

package/minilo/es/components/button/type.d.ts

@@ -0,0 +1,10 @@
+import { ButtonProps } from 'element-plus';
+import { Mutable } from 'element-plus/es/utils';
+export interface MlButtonSelfProps {
+    time?: number;
+    tip?: string;
+    placement?: string;
+    tipProps?: Record<string, any>;
+    isDebounce?: boolean;
+}
+export type MlButtonProps = MlButtonSelfProps & Partial<Mutable<ButtonProps>>;

package/minilo/es/components/button/type.mjs

@@ -0,0 +1 @@
+

package/minilo/es/components/chart/index.d.ts

@@ -0,0 +1,49 @@
+export declare const MlChart: {
+    new (...args: any[]): import('vue').CreateComponentPublicInstanceWithMixins<Readonly<import('./type').MlChartProps> & Readonly<{
+        [x: `on${Capitalize<string>}`]: ((...args: unknown[] & []) => any) | undefined;
+    }>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+        [x: string]: ((...args: unknown[]) => any) | (() => any);
+    }, import('vue').PublicProps, {
+        options: Record<string, any>;
+        id: string;
+        theme: string;
+        isEmpty: boolean | ((options: Record<string, any>) => boolean);
+        description: string;
+    }, false, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {
+        echartRef: HTMLDivElement;
+    }, HTMLDivElement, import('vue').ComponentProvideOptions, {
+        P: {};
+        B: {};
+        D: {};
+        C: {};
+        M: {};
+        Defaults: {};
+    }, Readonly<import('./type').MlChartProps> & Readonly<{
+        [x: `on${Capitalize<string>}`]: ((...args: unknown[] & []) => any) | undefined;
+    }>, {}, {}, {}, {}, {
+        options: Record<string, any>;
+        id: string;
+        theme: string;
+        isEmpty: boolean | ((options: Record<string, any>) => boolean);
+        description: string;
+    }>;
+    __isFragment?: never;
+    __isTeleport?: never;
+    __isSuspense?: never;
+} & import('vue').ComponentOptionsBase<Readonly<import('./type').MlChartProps> & Readonly<{
+    [x: `on${Capitalize<string>}`]: ((...args: unknown[] & []) => any) | undefined;
+}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    [x: string]: ((...args: unknown[]) => any) | (() => any);
+}, string, {
+    options: Record<string, any>;
+    id: string;
+    theme: string;
+    isEmpty: boolean | ((options: Record<string, any>) => boolean);
+    description: string;
+}, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & (new () => {
+    $slots: {
+        empty?(_: {}): any;
+        default?(_: {}): any;
+    };
+});
+export default MlChart;

package/minilo/es/components/chart/index.mjs

@@ -0,0 +1,6 @@
+import { withInstall } from '../../utils/index.mjs';
+import _sfc_main from './index.vue2.mjs';
+
+const MlChart = withInstall(_sfc_main);
+
+export { MlChart, MlChart as default };

package/minilo/es/components/chart/index.vue.d.ts

@@ -0,0 +1,33 @@
+import { MlChartProps } from './type';
+declare function __VLS_template(): {
+    attrs: Partial<{}>;
+    slots: {
+        empty?(_: {}): any;
+        default?(_: {}): any;
+    };
+    refs: {
+        echartRef: HTMLDivElement;
+    };
+    rootEl: HTMLDivElement;
+};
+type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
+declare const __VLS_component: import('vue').DefineComponent<MlChartProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    [x: string]: ((...args: unknown[]) => any) | (() => any);
+}, string, import('vue').PublicProps, Readonly<MlChartProps> & Readonly<{
+    [x: `on${Capitalize<string>}`]: ((...args: unknown[] & []) => any) | undefined;
+}>, {
+    options: Record<string, any>;
+    id: string;
+    theme: string;
+    isEmpty: boolean | ((options: Record<string, any>) => boolean);
+    description: string;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
+    echartRef: HTMLDivElement;
+}, HTMLDivElement>;
+declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
+export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/minilo/es/components/chart/index.vue.mjs

@@ -0,0 +1,5 @@
+import _sfc_main from './index.vue2.mjs';
+
+
+
+export { _sfc_main as default };

package/minilo/es/components/chart/index.vue2.mjs

@@ -0,0 +1,124 @@
+import { defineComponent, getCurrentInstance, ref, useAttrs, computed, watch, nextTick, onMounted, onBeforeUnmount, createElementBlock, openBlock, mergeProps, unref, withDirectives, renderSlot, createCommentVNode, createElementVNode, normalizeClass, vShow, createVNode, markRaw } from 'vue';
+import { ElEmpty } from 'element-plus';
+import { useResizeObserver } from '../../node_modules/.pnpm/@vueuse_core@13.6.0_vue@3.5.17_typescript@5.9.3_/node_modules/@vueuse/core/index.mjs';
+import { bem } from '../../utils/index.mjs';
+import { useDebounceFn } from '../../node_modules/.pnpm/@vueuse_shared@13.6.0_vue@3.5.17_typescript@5.9.3_/node_modules/@vueuse/shared/index.mjs';
+
+const _hoisted_1 = ["id"];
+var _sfc_main = /* @__PURE__ */ defineComponent({
+  ...{
+    name: "MlChart"
+  },
+  __name: "index",
+  props: {
+    options: { type: Object, required: false, default: () => ({}) },
+    id: { type: String, required: false, default: () => Math.random().toString(36).substring(2, 8) },
+    theme: { type: String, required: false, default: "" },
+    isEmpty: { type: [Boolean, Function], required: false, default: false },
+    description: { type: String, required: false, default: "\u6682\u65E0\u6570\u636E" }
+  },
+  emits: ["chart"],
+  setup(__props, { emit: __emit }) {
+    const { proxy } = getCurrentInstance();
+    const props = __props;
+    const echartRef = ref();
+    const chart = ref();
+    const emits = __emit;
+    const events = Object.entries(useAttrs());
+    const renderChart = async () => {
+      await nextTick();
+      if (!echartRef.value) return;
+      const { clientWidth, clientHeight } = echartRef.value;
+      if (clientWidth === 0 || clientHeight === 0) {
+        console.warn("[MlChart] DOM width or height is 0, waiting for next frame...");
+        requestAnimationFrame(() => {
+          requestAnimationFrame(() => {
+            initChart();
+          });
+        });
+        return;
+      }
+      initChart();
+    };
+    const initChart = () => {
+      if (!echartRef.value) return;
+      chart.value = markRaw(proxy.$echarts.init(echartRef.value, props.theme));
+      setOption(props.options);
+      emits("chart", chart.value);
+      events.forEach(([key]) => {
+        if (key.startsWith("on") && !key.startsWith("onChart")) {
+          const on = key.toLowerCase().substring(2);
+          chart.value.on(on, (...args) => emits(on, ...args));
+        }
+      });
+      useResizeObserver(echartRef.value, resizeChart);
+    };
+    const resizeChart = useDebounceFn(() => {
+      chart.value?.resize();
+    }, 300);
+    const setOption = useDebounceFn(async (data) => {
+      if (!chart.value) return;
+      chart.value.setOption(data, true, true);
+      await nextTick();
+      resizeChart();
+    }, 300);
+    const formatEmpty = computed(() => {
+      if (typeof props.isEmpty === "function") {
+        return props.isEmpty(props.options);
+      }
+      return props.isEmpty;
+    });
+    watch(
+      () => props.options,
+      async (nw) => {
+        await nextTick();
+        setOption(nw);
+      },
+      { deep: true }
+    );
+    watch(
+      () => props.theme,
+      async () => {
+        if (chart.value) {
+          chart.value.dispose();
+        }
+        await renderChart();
+      }
+    );
+    onMounted(async () => {
+      await renderChart();
+    });
+    onBeforeUnmount(() => {
+      if (chart.value) {
+        chart.value.dispose();
+        chart.value = null;
+      }
+    });
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock(
+        "div",
+        mergeProps({
+          class: unref(bem)("chart")
+        }, _ctx.$attrs),
+        [
+          withDirectives(createElementVNode("div", {
+            class: normalizeClass(unref(bem)("chart", "container")),
+            id: __props.id,
+            ref_key: "echartRef",
+            ref: echartRef
+          }, null, 10, _hoisted_1), [
+            [vShow, !formatEmpty.value]
+          ]),
+          formatEmpty.value ? renderSlot(_ctx.$slots, "empty", { key: 0 }, () => [
+            createVNode(unref(ElEmpty), mergeProps(_ctx.$attrs, { description: __props.description }), null, 16, ["description"])
+          ]) : createCommentVNode("v-if", true),
+          renderSlot(_ctx.$slots, "default")
+        ],
+        16
+        /* FULL_PROPS */
+      );
+    };
+  }
+});
+
+export { _sfc_main as default };

package/minilo/es/components/chart/type.d.ts

@@ -0,0 +1,7 @@
+export interface MlChartProps {
+    options?: Record<string, any>;
+    id?: string;
+    theme?: string;
+    isEmpty?: boolean | ((options: Record<string, any>) => boolean);
+    description?: string;
+}

package/minilo/es/components/chart/type.mjs

@@ -0,0 +1 @@
+

package/minilo/es/components/detail/index.d.ts

@@ -0,0 +1,37 @@
+export declare const MlDetail: {
+    new (...args: any[]): import('vue').CreateComponentPublicInstanceWithMixins<Readonly<import('./type').MlDetailProps> & Readonly<{}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, import('vue').PublicProps, {
+        descColumn: number;
+        dataList: Record<string, any>;
+        listTypeInfo: Record<string, any>;
+        descData: import('./type').DescItem[];
+        isColon: boolean;
+        isLabelBold: boolean;
+    }, false, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {}, any, import('vue').ComponentProvideOptions, {
+        P: {};
+        B: {};
+        D: {};
+        C: {};
+        M: {};
+        Defaults: {};
+    }, Readonly<import('./type').MlDetailProps> & Readonly<{}>, {}, {}, {}, {}, {
+        descColumn: number;
+        dataList: Record<string, any>;
+        listTypeInfo: Record<string, any>;
+        descData: import('./type').DescItem[];
+        isColon: boolean;
+        isLabelBold: boolean;
+    }>;
+    __isFragment?: never;
+    __isTeleport?: never;
+    __isSuspense?: never;
+} & import('vue').ComponentOptionsBase<Readonly<import('./type').MlDetailProps> & Readonly<{}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, {
+    descColumn: number;
+    dataList: Record<string, any>;
+    listTypeInfo: Record<string, any>;
+    descData: import('./type').DescItem[];
+    isColon: boolean;
+    isLabelBold: boolean;
+}, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & (new () => {
+    $slots: Partial<Record<string, (_: {}) => any>>;
+});
+export default MlDetail;

package/minilo/es/components/detail/index.mjs

@@ -0,0 +1,6 @@
+import { withInstall } from '../../utils/index.mjs';
+import _sfc_main from './index.vue2.mjs';
+
+const MlDetail = withInstall(_sfc_main);
+
+export { MlDetail, MlDetail as default };

package/minilo/es/components/detail/index.vue.d.ts

@@ -0,0 +1,23 @@
+import { MlDetailProps } from './type';
+declare function __VLS_template(): {
+    attrs: Partial<{}>;
+    slots: Partial<Record<string, (_: {}) => any>>;
+    refs: {};
+    rootEl: any;
+};
+type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
+declare const __VLS_component: import('vue').DefineComponent<MlDetailProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<MlDetailProps> & Readonly<{}>, {
+    descColumn: number;
+    dataList: Record<string, any>;
+    listTypeInfo: Record<string, any>;
+    descData: import('./type').DescItem[];
+    isColon: boolean;
+    isLabelBold: boolean;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
+export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/minilo/es/components/detail/index.vue.mjs

@@ -0,0 +1,5 @@
+import _sfc_main from './index.vue2.mjs';
+
+
+
+export { _sfc_main as default };