@maxtropy/v-components 0.1.12-beta.4 → 0.1.12-beta.6

package/es/components/basiclayout/BasicLayout.vue.js

@@ -0,0 +1,64 @@
+import { defineComponent, ref, resolveComponent, openBlock, createElementBlock, normalizeClass, createElementVNode, createVNode, renderSlot, createCommentVNode } from "vue";
+import { useIntegratedAuthorityList } from "../../utils/hooks";
+const _hoisted_1 = { class: "header-wrapper" };
+const _hoisted_2 = { class: "header-right" };
+const _hoisted_3 = { class: "content-wrapper" };
+const _hoisted_4 = { class: "page-content" };
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "BasicLayout",
+  props: {
+    customClass: { default: "" },
+    devMenu: { default: void 0 },
+    router: { default: () => ({}) }
+  },
+  setup(__props) {
+    const props = __props;
+    const contentShow = ref(false);
+    useIntegratedAuthorityList((list) => {
+      if (!list)
+        return;
+      contentShow.value = true;
+    });
+    return (_ctx, _cache) => {
+      const _component_SystemContent = resolveComponent("SystemContent");
+      const _component_HeadNavigation = resolveComponent("HeadNavigation");
+      const _component_SwitchStaff = resolveComponent("SwitchStaff");
+      const _component_el_divider = resolveComponent("el-divider");
+      const _component_UserContent = resolveComponent("UserContent");
+      const _component_SiderMenu = resolveComponent("SiderMenu");
+      return openBlock(), createElementBlock("div", {
+        class: normalizeClass([props == null ? void 0 : props.customClass, "maxtropy-basic-layout"])
+      }, [
+        createElementVNode("header", _hoisted_1, [
+          createVNode(_component_SystemContent, { router: _ctx.router }, null, 8, ["router"]),
+          createVNode(_component_HeadNavigation, {
+            "dev-menu": _ctx.devMenu,
+            "custom-class": "middle",
+            router: _ctx.router
+          }, null, 8, ["dev-menu", "router"]),
+          createElementVNode("div", _hoisted_2, [
+            createVNode(_component_SwitchStaff),
+            createVNode(_component_el_divider, {
+              direction: "vertical",
+              class: "divider"
+            }),
+            createVNode(_component_UserContent)
+          ])
+        ]),
+        createElementVNode("div", _hoisted_3, [
+          createVNode(_component_SiderMenu, {
+            "dev-menu": _ctx.devMenu,
+            router: _ctx.router
+          }, null, 8, ["dev-menu", "router"]),
+          createElementVNode("div", _hoisted_4, [
+            contentShow.value ? renderSlot(_ctx.$slots, "router-view", { key: 0 }) : createCommentVNode("", true)
+          ])
+        ])
+      ], 2);
+    };
+  }
+});
+const BasicLayout_vue_vue_type_style_index_0_lang = "";
+export {
+  _sfc_main as default
+};

package/es/components/basiclayout/index.d.ts

@@ -0,0 +1,7 @@
+import BasicLayout from './BasicLayout.vue';
+declare module 'vue' {
+    interface GlobalComponents {
+        BasicLayout: typeof BasicLayout;
+    }
+}
+export default BasicLayout;

package/es/components/basiclayout/index.js

@@ -0,0 +1,8 @@
+import BasicLayout from "./BasicLayout.vue";
+import { default as default2 } from "./BasicLayout.vue";
+BasicLayout.install = (app) => {
+  app.component(BasicLayout.__name, BasicLayout);
+};
+export {
+  default2 as default
+};

package/es/components/breadcrumb/BreadCrumb.css

@@ -0,0 +1,20 @@
+.maxtropy-bread-crumb .el-breadcrumb__item .el-breadcrumb__inner {
+  color: rgba(255, 255, 255, 0.45);
+}
+.maxtropy-bread-crumb .el-breadcrumb__item .el-breadcrumb__separator {
+  margin: 0 4px;
+  font-weight: 500;
+  color: rgba(255, 255, 255, 0.45);
+}
+.maxtropy-bread-crumb .el-breadcrumb__item:last-child .el-breadcrumb__inner {
+  color: rgba(255, 255, 255, 0.85);
+}
+.maxtropy-bread-crumb .breadcrumb-item-name {
+  padding: 0 4px;
+  line-height: 22px;
+}
+.maxtropy-bread-crumb .is-active:hover {
+  cursor: pointer;
+  color: rgba(255, 255, 255, 0.85);
+  background-color: rgba(255, 255, 255, 0.12);
+}

package/es/components/breadcrumb/BreadCrumb.vue.d.ts

@@ -0,0 +1,53 @@
+import { MenuItem } from '../../common/entity';
+import 'element-plus/es/components/breadcrumb/style/css';
+import 'element-plus/es/components/breadcrumb-item/style/css';
+interface BreadCrumbItemProps {
+    name: string;
+    path?: string;
+}
+interface Props {
+    customClass?: string;
+    devMenu?: MenuItem;
+    options?: BreadCrumbItemProps[];
+    reassign?: boolean;
+    itemClick?: (item: BreadCrumbItemProps) => void;
+}
+declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<Props>, {
+    customClass: string;
+    devMenu: undefined;
+    options: () => never[];
+    reassign: boolean;
+    itemClick: undefined;
+}>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "itemClick"[], "itemClick", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<Props>, {
+    customClass: string;
+    devMenu: undefined;
+    options: () => never[];
+    reassign: boolean;
+    itemClick: undefined;
+}>>> & {
+    onItemClick?: ((...args: any[]) => any) | undefined;
+}, {
+    customClass: string;
+    devMenu: MenuItem;
+    options: BreadCrumbItemProps[];
+    reassign: boolean;
+    itemClick: (item: BreadCrumbItemProps) => void;
+}, {}>;
+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: import('vue').PropType<__VLS_NonUndefinedable<T[K]>>;
+    } : {
+        type: import('vue').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];
+} & {};

package/es/components/breadcrumb/BreadCrumb.vue.js

@@ -0,0 +1,124 @@
+import { defineComponent, ref, computed, watch, openBlock, createBlock, unref, normalizeClass, withCtx, createElementBlock, Fragment, renderList, createElementVNode, toDisplayString } from "vue";
+import { cloneDeep } from "lodash-es";
+import { useRoute } from "vue-router";
+import { useMenuList } from "../../utils/hooks";
+import { getThirdLevelPathToNodeMap, getMenuMap, filterSearchWithKey, uniqueSearchKey } from "../../utils/lib";
+import "element-plus/es/components/breadcrumb/style/css";
+import "element-plus/es/components/breadcrumb-item/style/css";
+import { ElBreadcrumb, ElBreadcrumbItem } from "element-plus";
+import { getBase } from "../../utils/micro";
+const _hoisted_1 = ["onClick"];
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "BreadCrumb",
+  props: {
+    customClass: { default: "" },
+    devMenu: { default: void 0 },
+    options: { default: () => [] },
+    reassign: { type: Boolean, default: false },
+    itemClick: { type: Function, default: void 0 }
+  },
+  emits: ["itemClick"],
+  setup(__props, { emit }) {
+    const props = __props;
+    const route = useRoute();
+    let prodMenuList = ref([]);
+    useMenuList((list) => prodMenuList.value = list ?? []);
+    const menuList = computed(() => {
+      var _a;
+      if (props.devMenu && process.env.NODE_ENV === "development") {
+        const devMenuList = [];
+        const devMenu2List = (menu) => {
+          devMenuList.push(menu);
+          if (menu.children) {
+            menu.children.forEach((item) => {
+              devMenu2List(item);
+            });
+          }
+        };
+        devMenu2List(cloneDeep(props.devMenu));
+        return (_a = prodMenuList.value) == null ? void 0 : _a.concat(devMenuList);
+      }
+      return prodMenuList.value;
+    });
+    const path2Node = computed(() => {
+      return getThirdLevelPathToNodeMap(menuList.value);
+    });
+    const id2Node = computed(() => {
+      return getMenuMap(menuList.value ?? []);
+    });
+    const activeThirdKey = ref();
+    const generateRoutes = computed(() => {
+      if (activeThirdKey.value && !props.reassign) {
+        let activeThirdNode = path2Node.value[activeThirdKey.value] ?? path2Node.value["/" + activeThirdKey.value];
+        if (activeThirdNode) {
+          return [
+            { name: id2Node.value[activeThirdNode.rootId].name },
+            {
+              name: id2Node.value[activeThirdNode.parentId].name
+            },
+            {
+              name: activeThirdNode.name,
+              path: activeThirdKey.value
+            },
+            ...(props == null ? void 0 : props.options) ?? []
+          ];
+        }
+      }
+      return [...(props == null ? void 0 : props.options) ?? []];
+    });
+    watch(
+      route,
+      () => {
+        const { hash, pathname, search } = window.location;
+        let currentPath = pathname;
+        const base = getBase();
+        const sliceIndex = base ? [3, 6] : [0, 4];
+        if (hash) {
+          currentPath = hash.replace("#", "").split("/").slice(...sliceIndex).join("/");
+          const searchStartPos = hash.indexOf("?");
+          if (searchStartPos != -1)
+            currentPath += filterSearchWithKey(hash.substring(searchStartPos), uniqueSearchKey);
+        } else {
+          currentPath = pathname.split("/").slice(...sliceIndex).join("/");
+          currentPath += filterSearchWithKey(search, uniqueSearchKey);
+        }
+        console.log("currentPath", currentPath);
+        activeThirdKey.value = currentPath;
+      },
+      {
+        immediate: true,
+        deep: true
+      }
+    );
+    const clickItem = (item, index) => {
+      if (index === 2 && generateRoutes.value.length > 3) {
+        emit("itemClick", item);
+      }
+    };
+    return (_ctx, _cache) => {
+      return openBlock(), createBlock(unref(ElBreadcrumb), {
+        separator: "/",
+        class: normalizeClass(["maxtropy-bread-crumb", props == null ? void 0 : props.customClass])
+      }, {
+        default: withCtx(() => [
+          (openBlock(true), createElementBlock(Fragment, null, renderList(generateRoutes.value, (item, index) => {
+            return openBlock(), createBlock(unref(ElBreadcrumbItem), { key: index }, {
+              default: withCtx(() => [
+                createElementVNode("div", {
+                  class: normalizeClass(["breadcrumb-item-name", { "is-active": _ctx.reassign ? !!item.path : index === 2 && generateRoutes.value.length > 3 }]),
+                  onClick: ($event) => clickItem(item, index)
+                }, toDisplayString(item.name), 11, _hoisted_1)
+              ]),
+              _: 2
+            }, 1024);
+          }), 128))
+        ]),
+        _: 1
+      }, 8, ["class"]);
+    };
+  }
+});
+const BreadCrumb_vue_vue_type_style_index_0_lang = "";
+export {
+  _sfc_main as default
+};

package/es/components/breadcrumb/index.d.ts

@@ -0,0 +1,7 @@
+import BreadCrumb from './BreadCrumb.vue';
+declare module 'vue' {
+    interface GlobalComponents {
+        BreadCrumb: typeof BreadCrumb;
+    }
+}
+export default BreadCrumb;

package/es/components/breadcrumb/index.js

@@ -0,0 +1,8 @@
+import BreadCrumb from "./BreadCrumb.vue";
+import { default as default2 } from "./BreadCrumb.vue";
+BreadCrumb.install = (app) => {
+  app.component(BreadCrumb.__name, BreadCrumb);
+};
+export {
+  default2 as default
+};

package/es/components/button/MxButton.css

@@ -0,0 +1,149 @@
+.mx-button[data-v-5d371584] {
+  position: relative;
+  display: inline-block;
+  height: fit-content;
+  font-size: 0;
+}
+.mx-button[data-v-5d371584] .el-button {
+  --el-button-font-weight: 400;
+  --el-button-bg-color: rgba(255, 255, 255, 0.05);
+  --el-button-hover-text-color: #6ba3da;
+  --el-button-hover-border-color: #4a90e2;
+  --el-button-active-text-color: #37659a;
+  --el-button-active-border-color: #3570bd;
+  --el-button-border-color: rgba(255, 255, 255, 0.2);
+  --el-button-text-color: rgba(255, 255, 255, 0.85);
+  --el-fill-color-blank: #232324;
+  --el-button-hover-bg-color: rgba(255, 255, 255, 0.1);
+  padding: 5px 16px;
+  box-shadow: 0 2px 0 rgba(255, 255, 255, 0.04);
+  --el-border-radius-base: 2px;
+}
+.mx-button[data-v-5d371584] .el-button.is-disabled {
+  --el-button-disabled-text-color: rgba(255, 255, 255, 0.3);
+  --el-button-disabled-border-color: rgba(255, 255, 255, 0.2);
+}
+.mx-button[data-v-5d371584] .el-button--large {
+  padding: 8px 24px;
+  font-size: 16px;
+}
+.mx-button[data-v-5d371584] .el-button--small {
+  --el-border-radius-base: 3px;
+  padding: 2px 12px;
+  font-size: 12px;
+}
+.mx-button[data-v-5d371584] .el-button.is-link {
+  --el-button-text-color: #4a90e2;
+  --el-button-hover-link-text-color: #75b3f0;
+  --el-button-active-color: #3570bd;
+  line-height: 22px;
+  box-shadow: none;
+  border: none;
+}
+.mx-button[data-v-5d371584] .el-button--large.el-button.is-link {
+  line-height: 24px;
+}
+.mx-button[data-v-5d371584] .el-button--small.el-button.is-link {
+  line-height: 16px;
+}
+.mx-button[data-v-5d371584] .el-button--primary {
+  --el-button-text-color: #fff;
+  --el-button-hover-text-color: #fff;
+  --el-button-active-text-color: #fff;
+  box-shadow: 0 10px 15px #2cc4f942;
+  --el-button-bg-color: linear-gradient(90deg, #057abf 0%, #2cc4f9 100%);
+  --el-border: none;
+  background: var(--el-button-bg-color);
+}
+.mx-button[data-v-5d371584] .el-button--primary.is-disabled {
+  background: linear-gradient(90deg, #004173 0%, #0e78ad 100%);
+  color: rgba(255, 255, 255, 0.3);
+  box-shadow: none;
+}
+.mx-button[data-v-5d371584] .el-button.is-link.el-button--danger {
+  --el-button-text-color: #e64242;
+  --el-button-hover-link-text-color: #dc6864;
+  --el-button-active-color: #9d3232;
+}
+.mx-button[data-v-5d371584] .el-button--danger.is-link.is-disabled {
+  --el-color-danger-light-5: rgba(255, 255, 255, 0.3);
+}
+.mx-button[data-v-5d371584] .el-button--primary:hover {
+  --el-button-bg-color: linear-gradient(90deg, #2795cc 0%, #57d8ff 100%);
+}
+.mx-button[data-v-5d371584] .el-button--primary:active {
+  --el-button-bg-color: linear-gradient(90deg, #005c99 0%, #1c9cd4 100%);
+}
+.mx-button[data-v-5d371584] .el-button--danger {
+  --el-button-text-color: #fff;
+  --el-button-hover-text-color: #fff;
+  --el-button-active-text-color: #fff;
+  --el-button-bg-color: #e64242;
+  --el-border: none;
+  --el-button-hover-bg-color: #f2716d;
+  --el-button-active-bg-color: #bf2e33;
+  box-shadow: none;
+}
+.mx-button[data-v-5d371584] .el-button--danger.is-disabled {
+  --el-button-disabled-text-color: rgba(255, 255, 255, 0.45);
+  --el-button-disabled-bg-color: #e64242;
+}
+.mx-button[data-v-5d371584] .el-button [class*="el-icon"] + span {
+  margin-left: 4px;
+}
+.mx-button .mx-button--dashed[data-v-5d371584] {
+  border-style: dashed;
+  --el-button-bg-color: transparent;
+  --el-button-hover-bg-color: transparent;
+  --el-button-text-color: #4a90e2;
+  --el-button-border-color: #4a90e2;
+  --el-button-hover-text-color: #75b3f0;
+  --el-button-hover-border-color: #75b3f0;
+  --el-button-active-text-color: #3570bd;
+  --el-button-active-border-color: #3570bd;
+}
+.mx-button .line[data-v-5d371584] {
+  position: absolute;
+  opacity: 0.5;
+  border-radius: 1px;
+  width: 2px;
+  top: 0;
+  height: 100%;
+  background: #fff;
+}
+.mx-button .line--left[data-v-5d371584] {
+  left: 0;
+}
+.mx-button .line--right[data-v-5d371584] {
+  right: 0;
+}
+.mx-button .dot[data-v-5d371584] {
+  position: absolute;
+  width: 3px;
+  height: 3px;
+  border-radius: 2px;
+  background: #fff;
+  opacity: 0.5;
+}
+.mx-button .dot--top-left[data-v-5d371584] {
+  top: 2px;
+  left: 5px;
+}
+.mx-button .dot--top-right[data-v-5d371584] {
+  top: 2px;
+  right: 5px;
+}
+.mx-button .dot--bottom-left[data-v-5d371584] {
+  bottom: 2px;
+  left: 5px;
+}
+.mx-button .dot--bottom-right[data-v-5d371584] {
+  bottom: 2px;
+  right: 5px;
+}
+.mx-button .mx-button-dot--disabled .line[data-v-5d371584] {
+  background: rgba(255, 255, 255, 0.3);
+}
+.mx-button .mx-button-dot--disabled .dot[data-v-5d371584] {
+  background: rgba(255, 255, 255, 0.3);
+}

package/es/components/button/MxButton.vue.d.ts

@@ -0,0 +1,107 @@
+import { type PropType } from 'vue';
+declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
+    type: {
+        type: PropType<"" | "default" | "text" | "success" | "warning" | "info" | "primary" | "danger" | "dashed">;
+        validator: (value: string) => boolean;
+        default: string;
+    };
+    wait: {
+        type: NumberConstructor;
+        default: number;
+    };
+    disabled: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    size: {
+        readonly type: PropType<import("element-plus/es/utils/index.js").EpPropMergeType<StringConstructor, "" | "default" | "small" | "large", never>>;
+        readonly required: false;
+        readonly validator: ((val: unknown) => boolean) | undefined;
+        __epPropKey: true;
+    };
+    icon: {
+        readonly type: PropType<import("element-plus/es/utils/index.js").EpPropMergeType<(new (...args: any[]) => (string | import("vue").Component<any, any, any, import("vue").ComputedOptions, import("vue").MethodOptions>) & {}) | (() => string | import("vue").Component<any, any, any, import("vue").ComputedOptions, import("vue").MethodOptions>) | ((new (...args: any[]) => (string | import("vue").Component<any, any, any, import("vue").ComputedOptions, import("vue").MethodOptions>) & {}) | (() => string | import("vue").Component<any, any, any, import("vue").ComputedOptions, import("vue").MethodOptions>))[], unknown, unknown>>;
+        readonly required: false;
+        readonly validator: ((val: unknown) => boolean) | undefined;
+        __epPropKey: true;
+    };
+    nativeType: import("element-plus/es/utils/index.js").EpPropFinalized<StringConstructor, "button" | "reset" | "submit", unknown, "button", boolean>;
+    loading: BooleanConstructor;
+    loadingIcon: import("element-plus/es/utils/index.js").EpPropFinalized<(new (...args: any[]) => (string | import("vue").Component<any, any, any, import("vue").ComputedOptions, import("vue").MethodOptions>) & {}) | (() => string | import("vue").Component<any, any, any, import("vue").ComputedOptions, import("vue").MethodOptions>) | ((new (...args: any[]) => (string | import("vue").Component<any, any, any, import("vue").ComputedOptions, import("vue").MethodOptions>) & {}) | (() => string | import("vue").Component<any, any, any, import("vue").ComputedOptions, import("vue").MethodOptions>))[], unknown, unknown, () => import("vue").DefineComponent<{}, {}, {}, import("vue").ComputedOptions, import("vue").MethodOptions, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}, {}>, boolean>;
+    plain: BooleanConstructor;
+    text: BooleanConstructor;
+    link: BooleanConstructor;
+    bg: BooleanConstructor;
+    autofocus: BooleanConstructor;
+    round: BooleanConstructor;
+    circle: BooleanConstructor;
+    color: StringConstructor;
+    dark: BooleanConstructor;
+    autoInsertSpace: import("element-plus/es/utils/index.js").EpPropFinalized<BooleanConstructor, unknown, unknown, undefined, boolean>;
+    tag: import("element-plus/es/utils/index.js").EpPropFinalized<(new (...args: any[]) => (string | import("vue").Component<any, any, any, import("vue").ComputedOptions, import("vue").MethodOptions>) & {}) | (() => string | import("vue").Component<any, any, any, import("vue").ComputedOptions, import("vue").MethodOptions>) | ((new (...args: any[]) => (string | import("vue").Component<any, any, any, import("vue").ComputedOptions, import("vue").MethodOptions>) & {}) | (() => string | import("vue").Component<any, any, any, import("vue").ComputedOptions, import("vue").MethodOptions>))[], unknown, unknown, "button", boolean>;
+}, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "click"[], "click", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    type: {
+        type: PropType<"" | "default" | "text" | "success" | "warning" | "info" | "primary" | "danger" | "dashed">;
+        validator: (value: string) => boolean;
+        default: string;
+    };
+    wait: {
+        type: NumberConstructor;
+        default: number;
+    };
+    disabled: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    size: {
+        readonly type: PropType<import("element-plus/es/utils/index.js").EpPropMergeType<StringConstructor, "" | "default" | "small" | "large", never>>;
+        readonly required: false;
+        readonly validator: ((val: unknown) => boolean) | undefined;
+        __epPropKey: true;
+    };
+    icon: {
+        readonly type: PropType<import("element-plus/es/utils/index.js").EpPropMergeType<(new (...args: any[]) => (string | import("vue").Component<any, any, any, import("vue").ComputedOptions, import("vue").MethodOptions>) & {}) | (() => string | import("vue").Component<any, any, any, import("vue").ComputedOptions, import("vue").MethodOptions>) | ((new (...args: any[]) => (string | import("vue").Component<any, any, any, import("vue").ComputedOptions, import("vue").MethodOptions>) & {}) | (() => string | import("vue").Component<any, any, any, import("vue").ComputedOptions, import("vue").MethodOptions>))[], unknown, unknown>>;
+        readonly required: false;
+        readonly validator: ((val: unknown) => boolean) | undefined;
+        __epPropKey: true;
+    };
+    nativeType: import("element-plus/es/utils/index.js").EpPropFinalized<StringConstructor, "button" | "reset" | "submit", unknown, "button", boolean>;
+    loading: BooleanConstructor;
+    loadingIcon: import("element-plus/es/utils/index.js").EpPropFinalized<(new (...args: any[]) => (string | import("vue").Component<any, any, any, import("vue").ComputedOptions, import("vue").MethodOptions>) & {}) | (() => string | import("vue").Component<any, any, any, import("vue").ComputedOptions, import("vue").MethodOptions>) | ((new (...args: any[]) => (string | import("vue").Component<any, any, any, import("vue").ComputedOptions, import("vue").MethodOptions>) & {}) | (() => string | import("vue").Component<any, any, any, import("vue").ComputedOptions, import("vue").MethodOptions>))[], unknown, unknown, () => import("vue").DefineComponent<{}, {}, {}, import("vue").ComputedOptions, import("vue").MethodOptions, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}, {}>, boolean>;
+    plain: BooleanConstructor;
+    text: BooleanConstructor;
+    link: BooleanConstructor;
+    bg: BooleanConstructor;
+    autofocus: BooleanConstructor;
+    round: BooleanConstructor;
+    circle: BooleanConstructor;
+    color: StringConstructor;
+    dark: BooleanConstructor;
+    autoInsertSpace: import("element-plus/es/utils/index.js").EpPropFinalized<BooleanConstructor, unknown, unknown, undefined, boolean>;
+    tag: import("element-plus/es/utils/index.js").EpPropFinalized<(new (...args: any[]) => (string | import("vue").Component<any, any, any, import("vue").ComputedOptions, import("vue").MethodOptions>) & {}) | (() => string | import("vue").Component<any, any, any, import("vue").ComputedOptions, import("vue").MethodOptions>) | ((new (...args: any[]) => (string | import("vue").Component<any, any, any, import("vue").ComputedOptions, import("vue").MethodOptions>) & {}) | (() => string | import("vue").Component<any, any, any, import("vue").ComputedOptions, import("vue").MethodOptions>))[], unknown, unknown, "button", boolean>;
+}>> & {
+    onClick?: ((...args: any[]) => any) | undefined;
+}, {
+    link: boolean;
+    circle: boolean;
+    text: boolean;
+    type: "" | "default" | "text" | "success" | "warning" | "info" | "primary" | "danger" | "dashed";
+    dark: boolean;
+    wait: number;
+    disabled: boolean;
+    nativeType: import("element-plus/es/utils/index.js").EpPropMergeType<StringConstructor, "button" | "reset" | "submit", unknown>;
+    loading: boolean;
+    loadingIcon: import("element-plus/es/utils/index.js").EpPropMergeType<(new (...args: any[]) => (string | import("vue").Component<any, any, any, import("vue").ComputedOptions, import("vue").MethodOptions>) & {}) | (() => string | import("vue").Component<any, any, any, import("vue").ComputedOptions, import("vue").MethodOptions>) | ((new (...args: any[]) => (string | import("vue").Component<any, any, any, import("vue").ComputedOptions, import("vue").MethodOptions>) & {}) | (() => string | import("vue").Component<any, any, any, import("vue").ComputedOptions, import("vue").MethodOptions>))[], unknown, unknown>;
+    plain: boolean;
+    bg: boolean;
+    autofocus: boolean;
+    round: boolean;
+    autoInsertSpace: import("element-plus/es/utils/index.js").EpPropMergeType<BooleanConstructor, unknown, unknown>;
+    tag: import("element-plus/es/utils/index.js").EpPropMergeType<(new (...args: any[]) => (string | import("vue").Component<any, any, any, import("vue").ComputedOptions, import("vue").MethodOptions>) & {}) | (() => string | import("vue").Component<any, any, any, import("vue").ComputedOptions, import("vue").MethodOptions>) | ((new (...args: any[]) => (string | import("vue").Component<any, any, any, import("vue").ComputedOptions, import("vue").MethodOptions>) & {}) | (() => string | import("vue").Component<any, any, any, import("vue").ComputedOptions, import("vue").MethodOptions>))[], unknown, unknown>;
+}, {}>, Partial<Record<NonNullable<string | number>, (_: {}) => any>>>;
+export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/es/components/button/MxButton.vue.js

@@ -0,0 +1,76 @@
+import { defineComponent, ref, openBlock, createElementBlock, createVNode, unref, mergeProps, createSlots, renderList, withCtx, renderSlot, normalizeClass, createCommentVNode, createStaticVNode } from "vue";
+import { buttonProps, ElButton } from "element-plus";
+import "element-plus/es/components/button/style/css";
+const _hoisted_1 = { class: "mx-button" };
+const _hoisted_2 = /* @__PURE__ */ createStaticVNode('<div class="line line--left" data-v-5d371584></div><div class="line line--right" data-v-5d371584></div><div class="dot dot--top-left" data-v-5d371584></div><div class="dot dot--bottom-left" data-v-5d371584></div><div class="dot dot--top-right" data-v-5d371584></div><div class="dot dot--bottom-right" data-v-5d371584></div>', 6);
+const _hoisted_8 = [
+  _hoisted_2
+];
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "MxButton",
+  props: {
+    ...buttonProps,
+    type: {
+      type: String,
+      validator: (value) => ["", "default", "text", "success", "warning", "info", "primary", "danger", "dashed"].includes(value),
+      default: ""
+    },
+    wait: {
+      type: Number,
+      default: 300
+    },
+    disabled: {
+      type: Boolean,
+      default: false
+    }
+  },
+  emits: ["click"],
+  setup(__props, { emit: emits }) {
+    const buttonProps2 = __props;
+    const record = ref(0);
+    const handleClick = () => {
+      let newTime = /* @__PURE__ */ new Date();
+      if (newTime.getTime() - record.value > buttonProps2.wait) {
+        emits("click");
+      }
+      record.value = (/* @__PURE__ */ new Date()).getTime();
+    };
+    const buttonType = buttonProps2.type === "dashed" ? "" : buttonProps2.type;
+    const buttonDisabled = buttonProps2.disabled ?? false;
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("div", _hoisted_1, [
+        createVNode(unref(ElButton), mergeProps(buttonProps2, {
+          type: unref(buttonType),
+          disabled: unref(buttonDisabled),
+          class: { "mx-button--dashed": buttonProps2.type === "dashed" },
+          onClick: handleClick
+        }), createSlots({ _: 2 }, [
+          renderList(_ctx.$slots, (item, key, index) => {
+            return {
+              name: key,
+              fn: withCtx(() => [
+                renderSlot(_ctx.$slots, key, {}, void 0, true)
+              ])
+            };
+          })
+        ]), 1040, ["type", "disabled", "class"]),
+        buttonProps2.type === "primary" ? (openBlock(), createElementBlock("div", {
+          key: 0,
+          class: normalizeClass({ "mx-button-dot--disabled": unref(buttonDisabled) })
+        }, _hoisted_8, 2)) : createCommentVNode("", true)
+      ]);
+    };
+  }
+});
+const MxButton_vue_vue_type_style_index_0_scoped_5d371584_lang = "";
+const _export_sfc = (sfc, props) => {
+  const target = sfc.__vccOpts || sfc;
+  for (const [key, val] of props) {
+    target[key] = val;
+  }
+  return target;
+};
+const MxButton = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-5d371584"]]);
+export {
+  MxButton as default
+};

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

@@ -0,0 +1,7 @@
+import MxButton from './MxButton.vue';
+declare module 'vue' {
+    interface GlobalComponents {
+        MxButton: typeof MxButton;
+    }
+}
+export default MxButton;

package/es/components/button/index.js

@@ -0,0 +1,8 @@
+import MxButton from "./MxButton.vue";
+import { default as default2 } from "./MxButton.vue";
+MxButton.install = (app) => {
+  app.component(MxButton.__name, MxButton);
+};
+export {
+  default2 as default
+};