@minilo/ui 0.0.7 → 0.0.8

package/minilo/lib/components/chart/index.vue2.js

@@ -1,128 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var vue = require('vue');
-var elementPlus = require('element-plus');
-var index$2 = require('../../node_modules/.pnpm/@vueuse_core@13.9.0_vue@3.5.26_typescript@5.9.3_/node_modules/@vueuse/core/index.js');
-var index$1 = require('../../utils/index.js');
-var index = require('../../node_modules/.pnpm/@vueuse_shared@13.9.0_vue@3.5.26_typescript@5.9.3_/node_modules/@vueuse/shared/index.js');
-
-const _hoisted_1 = ["id"];
-var _sfc_main = /* @__PURE__ */ vue.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 } = vue.getCurrentInstance();
-    const props = __props;
-    const echartRef = vue.ref();
-    const chart = vue.ref();
-    const emits = __emit;
-    const events = Object.entries(vue.useAttrs());
-    const renderChart = async () => {
-      await vue.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 = vue.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));
-        }
-      });
-      index$2.useResizeObserver(echartRef.value, resizeChart);
-    };
-    const resizeChart = index.useDebounceFn(() => {
-      chart.value?.resize();
-    }, 300);
-    const setOption = index.useDebounceFn(async (data) => {
-      if (!chart.value) return;
-      chart.value.setOption(data, true, true);
-      await vue.nextTick();
-      resizeChart();
-    }, 300);
-    const formatEmpty = vue.computed(() => {
-      if (typeof props.isEmpty === "function") {
-        return props.isEmpty(props.options);
-      }
-      return props.isEmpty;
-    });
-    vue.watch(
-      () => props.options,
-      async (nw) => {
-        await vue.nextTick();
-        setOption(nw);
-      },
-      { deep: true }
-    );
-    vue.watch(
-      () => props.theme,
-      async () => {
-        if (chart.value) {
-          chart.value.dispose();
-        }
-        await renderChart();
-      }
-    );
-    vue.onMounted(async () => {
-      await renderChart();
-    });
-    vue.onBeforeUnmount(() => {
-      if (chart.value) {
-        chart.value.dispose();
-        chart.value = null;
-      }
-    });
-    return (_ctx, _cache) => {
-      return vue.openBlock(), vue.createElementBlock(
-        "div",
-        vue.mergeProps({
-          class: vue.unref(index$1.bem)("chart")
-        }, _ctx.$attrs),
-        [
-          vue.withDirectives(vue.createElementVNode("div", {
-            class: vue.normalizeClass(vue.unref(index$1.bem)("chart", "container")),
-            id: __props.id,
-            ref_key: "echartRef",
-            ref: echartRef
-          }, null, 10, _hoisted_1), [
-            [vue.vShow, !formatEmpty.value]
-          ]),
-          formatEmpty.value ? vue.renderSlot(_ctx.$slots, "empty", { key: 0 }, () => [
-            vue.createVNode(vue.unref(elementPlus.ElEmpty), vue.mergeProps(_ctx.$attrs, { description: __props.description }), null, 16, ["description"])
-          ]) : vue.createCommentVNode("v-if", true),
-          vue.renderSlot(_ctx.$slots, "default")
-        ],
-        16
-        /* FULL_PROPS */
-      );
-    };
-  }
-});
-
-exports.default = _sfc_main;

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

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

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

@@ -1,37 +0,0 @@
-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/lib/components/detail/index.js

@@ -1,11 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var index = require('../../utils/index.js');
-var index_vue_vue_type_script_setup_true_lang = require('./index.vue2.js');
-
-const MlDetail = index.withInstall(index_vue_vue_type_script_setup_true_lang.default);
-
-exports.MlDetail = MlDetail;
-exports.default = MlDetail;

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

@@ -1,23 +0,0 @@
-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/lib/components/detail/index.vue.js

@@ -1,9 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var index_vue_vue_type_script_setup_true_lang = require('./index.vue2.js');
-
-
-
-exports.default = index_vue_vue_type_script_setup_true_lang.default;

package/minilo/lib/components/detail/index.vue2.js

@@ -1,198 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var vue = require('vue');
-var elementPlus = require('element-plus');
-var renderTooltip_vue_vue_type_script_setup_true_lang = require('./renderTooltip.vue2.js');
-var renderLabel_vue_vue_type_script_setup_true_lang = require('./renderLabel.vue2.js');
-var index$1 = require('../../node_modules/.pnpm/@element-plus_icons-vue@2.3.1_vue@3.5.26_typescript@5.9.3_/node_modules/@element-plus/icons-vue/dist/index.js');
-var index = require('../../utils/index.js');
-
-const _hoisted_1 = { key: 0 };
-const _hoisted_2 = { key: 0 };
-const _hoisted_3 = { key: 1 };
-const _hoisted_4 = { key: 0 };
-const _hoisted_5 = { key: 0 };
-const _hoisted_6 = { key: 1 };
-const _hoisted_7 = { key: 0 };
-const _hoisted_8 = { key: 1 };
-const _hoisted_9 = { key: 0 };
-var _sfc_main = /* @__PURE__ */ vue.defineComponent({
-  ...{
-    name: "MlDetail"
-  },
-  __name: "index",
-  props: {
-    descColumn: { type: Number, required: false, default: 4 },
-    dataList: { type: Object, required: false, default: () => ({}) },
-    listTypeInfo: { type: Object, required: false, default: () => ({}) },
-    descData: { type: Array, required: true, default: () => [] },
-    isColon: { type: Boolean, required: false, default: true },
-    isLabelBold: { type: Boolean, required: false, default: true }
-  },
-  setup(__props) {
-    const constantEscape = (value, list, key = "value", label = "label") => {
-      const res = list.find((item) => item[key] === value);
-      return res?.[label];
-    };
-    return (_ctx, _cache) => {
-      const _component_el_icon = vue.resolveComponent("el-icon");
-      const _component_el_tooltip = vue.resolveComponent("el-tooltip");
-      return vue.openBlock(), vue.createBlock(vue.unref(elementPlus.ElDescriptions), vue.mergeProps({
-        class: vue.unref(index.bem)("detail")
-      }, _ctx.$attrs, { column: __props.descColumn }), {
-        default: vue.withCtx(() => [
-          (vue.openBlock(true), vue.createElementBlock(
-            vue.Fragment,
-            null,
-            vue.renderList(__props.descData, (item, key) => {
-              return vue.openBlock(), vue.createBlock(vue.unref(elementPlus.ElDescriptionsItem), vue.mergeProps({
-                key,
-                span: item.span || 1
-              }, { ref_for: true }, { ...item.bind, ..._ctx.$attrs }), {
-                label: vue.withCtx(() => [
-                  item.labelRender ? (vue.openBlock(), vue.createBlock(renderLabel_vue_vue_type_script_setup_true_lang.default, {
-                    key: 0,
-                    render: item.labelRender,
-                    item
-                  }, null, 8, ["render", "item"])) : (vue.openBlock(), vue.createElementBlock(
-                    "span",
-                    {
-                      key: 1,
-                      style: vue.normalizeStyle({ fontWeight: __props.isLabelBold ? "bold" : "" })
-                    },
-                    [
-                      vue.createTextVNode(
-                        vue.toDisplayString(item.label),
-                        1
-                        /* TEXT */
-                      ),
-                      __props.isColon ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_1, "\uFF1A")) : vue.createCommentVNode("v-if", true)
-                    ],
-                    4
-                    /* STYLE */
-                  ))
-                ]),
-                default: vue.withCtx(() => [
-                  item.slotName ? vue.renderSlot(_ctx.$slots, item.slotName, { key: 0 }) : (vue.openBlock(), vue.createElementBlock(
-                    "span",
-                    {
-                      key: 1,
-                      class: vue.normalizeClass(vue.unref(index.bem)("detail", "tip"))
-                    },
-                    [
-                      item.tooltip ? (vue.openBlock(), vue.createBlock(_component_el_tooltip, vue.mergeProps({
-                        key: 0,
-                        ref_for: true
-                      }, _ctx.$attrs, {
-                        placement: item.placement || "bottom"
-                      }), vue.createSlots({
-                        default: vue.withCtx(() => [
-                          vue.createElementVNode("span", null, [
-                            item.filters && item.filters.list ? (vue.openBlock(), vue.createElementBlock(
-                              "span",
-                              _hoisted_2,
-                              vue.toDisplayString(constantEscape(
-                                item.fieldName ? __props.dataList[item.fieldName] : void 0,
-                                __props.listTypeInfo[item.filters.list],
-                                item.filters.key || "value",
-                                item.filters.label || "label"
-                              )),
-                              1
-                              /* TEXT */
-                            )) : (vue.openBlock(), vue.createElementBlock("span", _hoisted_3, [
-                              vue.createTextVNode(
-                                vue.toDisplayString(item.value),
-                                1
-                                /* TEXT */
-                              ),
-                              item.unit && item.value ? (vue.openBlock(), vue.createElementBlock(
-                                "span",
-                                _hoisted_4,
-                                vue.toDisplayString(item.unit),
-                                1
-                                /* TEXT */
-                              )) : vue.createCommentVNode("v-if", true)
-                            ])),
-                            vue.createVNode(_component_el_icon, {
-                              size: item.iconSize,
-                              color: item.iconColor,
-                              style: { "cursor": "pointer", "margin-left": "2px", "top": "1px" }
-                            }, {
-                              default: vue.withCtx(() => [
-                                vue.createVNode(vue.unref(index$1.Warning))
-                              ]),
-                              _: 1
-                              /* STABLE */
-                            }, 8, ["size", "color"])
-                          ])
-                        ]),
-                        _: 2
-                        /* DYNAMIC */
-                      }, [
-                        item.tooltip ? {
-                          name: "content",
-                          fn: vue.withCtx(() => [
-                            typeof item.tooltip === "string" ? (vue.openBlock(), vue.createElementBlock(
-                              "span",
-                              _hoisted_5,
-                              vue.toDisplayString(item.tooltip),
-                              1
-                              /* TEXT */
-                            )) : typeof item.tooltip === "function" ? (vue.openBlock(), vue.createBlock(renderTooltip_vue_vue_type_script_setup_true_lang.default, {
-                              key: 1,
-                              render: item.tooltip,
-                              item
-                            }, null, 8, ["render", "item"])) : vue.createCommentVNode("v-if", true)
-                          ]),
-                          key: "0"
-                        } : void 0
-                      ]), 1040, ["placement"])) : (vue.openBlock(), vue.createElementBlock("span", _hoisted_6, [
-                        item.filters && item.filters.list ? (vue.openBlock(), vue.createElementBlock(
-                          "span",
-                          _hoisted_7,
-                          vue.toDisplayString(constantEscape(
-                            item.fieldName ? __props.dataList[item.fieldName] : void 0,
-                            __props.listTypeInfo[item.filters.list],
-                            item.filters.key || "value",
-                            item.filters.label || "label"
-                          )),
-                          1
-                          /* TEXT */
-                        )) : (vue.openBlock(), vue.createElementBlock("span", _hoisted_8, [
-                          vue.createTextVNode(
-                            vue.toDisplayString(item.value),
-                            1
-                            /* TEXT */
-                          ),
-                          item.unit && item.value ? (vue.openBlock(), vue.createElementBlock(
-                            "span",
-                            _hoisted_9,
-                            vue.toDisplayString(item.unit),
-                            1
-                            /* TEXT */
-                          )) : vue.createCommentVNode("v-if", true)
-                        ]))
-                      ]))
-                    ],
-                    2
-                    /* CLASS */
-                  ))
-                ]),
-                _: 2
-                /* DYNAMIC */
-              }, 1040, ["span"]);
-            }),
-            128
-            /* KEYED_FRAGMENT */
-          ))
-        ]),
-        _: 3
-        /* FORWARDED */
-      }, 16, ["class", "column"]);
-    };
-  }
-});
-
-exports.default = _sfc_main;

package/minilo/lib/components/detail/renderLabel.vue.d.ts

@@ -1,8 +0,0 @@
-declare const _default: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
-    render: FunctionConstructor;
-    item: ObjectConstructor;
-}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
-    render: FunctionConstructor;
-    item: ObjectConstructor;
-}>> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
-export default _default;

package/minilo/lib/components/detail/renderLabel.vue.js

@@ -1,9 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var renderLabel_vue_vue_type_script_setup_true_lang = require('./renderLabel.vue2.js');
-
-
-
-exports.default = renderLabel_vue_vue_type_script_setup_true_lang.default;

package/minilo/lib/components/detail/renderLabel.vue2.js

@@ -1,27 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var vue = require('vue');
-
-var _sfc_main = /* @__PURE__ */ vue.defineComponent({
-  ...{
-    name: "RenderLabel"
-  },
-  __name: "renderLabel",
-  props: {
-    render: Function,
-    item: Object
-  },
-  setup(__props) {
-    const props = __props;
-    const renderComponent = () => {
-      return props.render(props?.item);
-    };
-    return (_ctx, _cache) => {
-      return vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent(renderComponent));
-    };
-  }
-});
-
-exports.default = _sfc_main;

package/minilo/lib/components/detail/renderTooltip.vue.d.ts

@@ -1,8 +0,0 @@
-declare const _default: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
-    render: FunctionConstructor;
-    item: ObjectConstructor;
-}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
-    render: FunctionConstructor;
-    item: ObjectConstructor;
-}>> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
-export default _default;

package/minilo/lib/components/detail/renderTooltip.vue.js

@@ -1,9 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var renderTooltip_vue_vue_type_script_setup_true_lang = require('./renderTooltip.vue2.js');
-
-
-
-exports.default = renderTooltip_vue_vue_type_script_setup_true_lang.default;

package/minilo/lib/components/detail/renderTooltip.vue2.js

@@ -1,27 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var vue = require('vue');
-
-var _sfc_main = /* @__PURE__ */ vue.defineComponent({
-  ...{
-    name: "RenderTooltip"
-  },
-  __name: "renderTooltip",
-  props: {
-    render: Function,
-    item: Object
-  },
-  setup(__props) {
-    const props = __props;
-    const renderComponent = () => {
-      return props.render(props?.item);
-    };
-    return (_ctx, _cache) => {
-      return vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent(renderComponent));
-    };
-  }
-});
-
-exports.default = _sfc_main;

package/minilo/lib/components/detail/type.d.ts

@@ -1,27 +0,0 @@
-export interface DescItem {
-    span?: number;
-    bind?: Record<string, any>;
-    label?: string;
-    labelRender?: (item: any) => any;
-    slotName?: string;
-    tooltip?: string | ((item: any) => any);
-    placement?: string;
-    filters?: {
-        list: string;
-        key?: string;
-        label?: string;
-    };
-    value?: string | number;
-    unit?: string;
-    iconSize?: number;
-    iconColor?: string;
-    fieldName?: string;
-}
-export interface MlDetailProps {
-    descColumn?: number;
-    dataList?: Record<string, any>;
-    listTypeInfo?: Record<string, any>;
-    descData: DescItem[];
-    isColon?: boolean;
-    isLabelBold?: boolean;
-}