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

package/lib/components/datePicker/MxDatePicker.vue.js

@@ -0,0 +1,78 @@
+"use strict";
+const vue = require("vue");
+const elementPlus = require("element-plus");
+require("element-plus/es/components/date-picker/style/css");
+require("element-plus/es/components/config-provider/style/css");
+require("element-plus/es/components/button/style/css");
+const iconsVue = require("@element-plus/icons-vue");
+const locale = require("element-plus/lib/locale/lang/zh-cn");
+const _sfc_main = /* @__PURE__ */ vue.defineComponent({
+  __name: "MxDatePicker",
+  props: {
+    placeholder: {
+      type: String,
+      default: ""
+    },
+    startPlaceholder: {
+      type: String,
+      default: ""
+    },
+    endPlaceholder: {
+      type: String,
+      default: ""
+    },
+    showSwitch: {
+      type: Boolean,
+      default: false
+    }
+  },
+  emits: ["click-left", "click-right"],
+  setup(__props, { emit }) {
+    const props = __props;
+    const onClickLeft = () => {
+      emit("click-left");
+    };
+    const onClickRight = () => {
+      emit("click-right");
+    };
+    return (_ctx, _cache) => {
+      return vue.openBlock(), vue.createBlock(vue.unref(elementPlus.ElConfigProvider), { locale: vue.unref(locale) }, {
+        default: vue.withCtx(() => [
+          vue.createVNode(vue.unref(elementPlus.ElDatePicker), vue.mergeProps({
+            placeholder: props.placeholder ? props.placeholder : "请选择开始时间",
+            "start-placeholder": props.startPlaceholder ? props.startPlaceholder : "开始时间",
+            "end-placeholder": props.endPlaceholder ? props.endPlaceholder : "结束时间",
+            "range-separator": "⇀",
+            "clear-icon": "CircleCloseFilled",
+            class: "mx-date-picker",
+            "popper-class": "mx-date-picker-popper"
+          }, _ctx.$attrs), vue.createSlots({ _: 2 }, [
+            vue.renderList(_ctx.$slots, (item, key, index) => {
+              return {
+                name: key,
+                fn: vue.withCtx(() => [
+                  vue.renderSlot(_ctx.$slots, key)
+                ])
+              };
+            })
+          ]), 1040, ["placeholder", "start-placeholder", "end-placeholder"]),
+          props.showSwitch ? (vue.openBlock(), vue.createBlock(vue.unref(elementPlus.ElButton), {
+            key: 0,
+            class: "mx-date-picker-range-switch-btn",
+            icon: vue.unref(iconsVue.ArrowLeftBold),
+            onClick: onClickLeft
+          }, null, 8, ["icon"])) : vue.createCommentVNode("", true),
+          props.showSwitch ? (vue.openBlock(), vue.createBlock(vue.unref(elementPlus.ElButton), {
+            key: 1,
+            class: "mx-date-picker-range-switch-btn",
+            icon: vue.unref(iconsVue.ArrowRightBold),
+            onClick: onClickRight
+          }, null, 8, ["icon"])) : vue.createCommentVNode("", true)
+        ]),
+        _: 3
+      }, 8, ["locale"]);
+    };
+  }
+});
+const MxDatePicker_vue_vue_type_style_index_0_lang = "";
+module.exports = _sfc_main;

package/lib/components/datePicker/index.d.ts

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

package/lib/components/datePicker/index.js

@@ -0,0 +1,6 @@
+"use strict";
+const MxDatePicker = require("./MxDatePicker.vue");
+MxDatePicker.install = (app) => {
+  app.component(MxDatePicker.__name, MxDatePicker);
+};
+module.exports = MxDatePicker;

package/lib/components/dialog/MxDialog.css

@@ -0,0 +1,62 @@
+.mx-dialog.el-dialog {
+  margin: 100px auto auto;
+  --el-dialog-bg-color: linear-gradient(180deg, #2a2a2a 0%, #1f1f1f 100%);
+}
+.mx-dialog.el-dialog::before {
+  display: block;
+  content: "";
+  height: 2px;
+  background: linear-gradient(90deg, #057abf 0%, #2cc4f9 100%);
+}
+.mx-dialog.el-dialog .el-dialog__header {
+  --el-dialog-padding-primary: 16px 24px;
+  padding-bottom: 16px;
+  margin-right: 0;
+  border-bottom: 1px solid rgba(255, 255, 255, 0.1);
+  height: 56px;
+}
+.mx-dialog.el-dialog .el-dialog__header .el-dialog__title {
+  --el-dialog-font-line-height: 24px;
+  --el-dialog-title-font-size: 16px;
+  --el-text-color-primary: rgba(255, 255, 255, 0.85);
+  font-weight: 500;
+}
+.mx-dialog.el-dialog .el-dialog__header .el-dialog__headerbtn {
+  width: 16px;
+  height: 16px;
+  right: 24px;
+  top: 20px;
+}
+.mx-dialog.el-dialog .el-dialog__header .el-dialog__headerbtn .el-dialog__close {
+  color: rgba(255, 255, 255, 0.45);
+}
+.mx-dialog.el-dialog .el-dialog__header .el-dialog__headerbtn .el-dialog__close:hover {
+  color: rgba(255, 255, 255, 0.85);
+}
+.mx-dialog.el-dialog .el-dialog__body {
+  --el-text-color-regular: rgba(255, 255, 255, 0.85);
+  padding: 24px;
+  min-height: 212px;
+  overflow-y: auto;
+}
+.mx-dialog.el-dialog.small .el-dialog__body {
+  max-height: 288px;
+}
+.mx-dialog.el-dialog.normal .el-dialog__body {
+  max-height: 452px;
+}
+.mx-dialog.el-dialog.large .el-dialog__body {
+  max-height: 532px;
+}
+.mx-dialog.el-dialog.big .el-dialog__body {
+  max-height: 612px;
+}
+.mx-dialog.el-dialog .el-dialog__footer {
+  --el-dialog-padding-primary: 10px;
+  height: 52px;
+  border-top: 1px solid rgba(255, 255, 255, 0.1);
+  padding: 10px 16px;
+}
+.mx-dialog.el-dialog .el-dialog__footer .mx-button {
+  margin-left: 8px;
+}

package/lib/components/dialog/MxDialog.vue.d.ts

@@ -0,0 +1,164 @@
+import { PropType } from 'vue';
+export type ModalSizeType = 'small' | 'normal' | 'large' | 'big';
+declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
+    size: {
+        type: PropType<ModalSizeType>;
+        default: string;
+    };
+    bodyScroll: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    confirmButtonText: {
+        type: StringConstructor;
+        default: string;
+    };
+    cancelButtonText: {
+        type: StringConstructor;
+        default: string;
+    };
+    title: import("element-plus/es/utils").EpPropFinalized<StringConstructor, unknown, unknown, "", boolean>;
+    width: {
+        readonly type: PropType<import("element-plus/es/utils").EpPropMergeType<readonly [StringConstructor, NumberConstructor], unknown, unknown>>;
+        readonly required: false;
+        readonly validator: ((val: unknown) => boolean) | undefined;
+        __epPropKey: true;
+    };
+    center: import("element-plus/es/utils").EpPropFinalized<BooleanConstructor, unknown, unknown, false, boolean>;
+    draggable: import("element-plus/es/utils").EpPropFinalized<BooleanConstructor, unknown, unknown, false, boolean>;
+    customClass: import("element-plus/es/utils").EpPropFinalized<StringConstructor, unknown, unknown, "", boolean>;
+    showClose: import("element-plus/es/utils").EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
+    zIndex: {
+        readonly type: PropType<number>;
+        readonly required: false;
+        readonly validator: ((val: unknown) => boolean) | undefined;
+        __epPropKey: true;
+    };
+    appendToBody: import("element-plus/es/utils").EpPropFinalized<BooleanConstructor, unknown, unknown, false, boolean>;
+    beforeClose: {
+        readonly type: PropType<import("element-plus").DialogBeforeCloseFn>;
+        readonly required: false;
+        readonly validator: ((val: unknown) => boolean) | undefined;
+        __epPropKey: true;
+    };
+    destroyOnClose: import("element-plus/es/utils").EpPropFinalized<BooleanConstructor, unknown, unknown, false, boolean>;
+    closeOnClickModal: import("element-plus/es/utils").EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
+    closeOnPressEscape: import("element-plus/es/utils").EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
+    lockScroll: import("element-plus/es/utils").EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
+    modal: import("element-plus/es/utils").EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
+    openDelay: import("element-plus/es/utils").EpPropFinalized<NumberConstructor, unknown, unknown, 0, boolean>;
+    closeDelay: import("element-plus/es/utils").EpPropFinalized<NumberConstructor, unknown, unknown, 0, boolean>;
+    top: {
+        readonly type: PropType<string>;
+        readonly required: false;
+        readonly validator: ((val: unknown) => boolean) | undefined;
+        __epPropKey: true;
+    };
+    modalClass: StringConstructor;
+    trapFocus: import("element-plus/es/utils").EpPropFinalized<BooleanConstructor, unknown, unknown, false, boolean>;
+    alignCenter: import("element-plus/es/utils").EpPropFinalized<BooleanConstructor, unknown, unknown, false, boolean>;
+    closeIcon: {
+        readonly type: PropType<import("element-plus/es/utils").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;
+    };
+    fullscreen: import("element-plus/es/utils").EpPropFinalized<BooleanConstructor, unknown, unknown, false, boolean>;
+}, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("confirm" | "cancel")[], "confirm" | "cancel", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    size: {
+        type: PropType<ModalSizeType>;
+        default: string;
+    };
+    bodyScroll: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    confirmButtonText: {
+        type: StringConstructor;
+        default: string;
+    };
+    cancelButtonText: {
+        type: StringConstructor;
+        default: string;
+    };
+    title: import("element-plus/es/utils").EpPropFinalized<StringConstructor, unknown, unknown, "", boolean>;
+    width: {
+        readonly type: PropType<import("element-plus/es/utils").EpPropMergeType<readonly [StringConstructor, NumberConstructor], unknown, unknown>>;
+        readonly required: false;
+        readonly validator: ((val: unknown) => boolean) | undefined;
+        __epPropKey: true;
+    };
+    center: import("element-plus/es/utils").EpPropFinalized<BooleanConstructor, unknown, unknown, false, boolean>;
+    draggable: import("element-plus/es/utils").EpPropFinalized<BooleanConstructor, unknown, unknown, false, boolean>;
+    customClass: import("element-plus/es/utils").EpPropFinalized<StringConstructor, unknown, unknown, "", boolean>;
+    showClose: import("element-plus/es/utils").EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
+    zIndex: {
+        readonly type: PropType<number>;
+        readonly required: false;
+        readonly validator: ((val: unknown) => boolean) | undefined;
+        __epPropKey: true;
+    };
+    appendToBody: import("element-plus/es/utils").EpPropFinalized<BooleanConstructor, unknown, unknown, false, boolean>;
+    beforeClose: {
+        readonly type: PropType<import("element-plus").DialogBeforeCloseFn>;
+        readonly required: false;
+        readonly validator: ((val: unknown) => boolean) | undefined;
+        __epPropKey: true;
+    };
+    destroyOnClose: import("element-plus/es/utils").EpPropFinalized<BooleanConstructor, unknown, unknown, false, boolean>;
+    closeOnClickModal: import("element-plus/es/utils").EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
+    closeOnPressEscape: import("element-plus/es/utils").EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
+    lockScroll: import("element-plus/es/utils").EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
+    modal: import("element-plus/es/utils").EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
+    openDelay: import("element-plus/es/utils").EpPropFinalized<NumberConstructor, unknown, unknown, 0, boolean>;
+    closeDelay: import("element-plus/es/utils").EpPropFinalized<NumberConstructor, unknown, unknown, 0, boolean>;
+    top: {
+        readonly type: PropType<string>;
+        readonly required: false;
+        readonly validator: ((val: unknown) => boolean) | undefined;
+        __epPropKey: true;
+    };
+    modalClass: StringConstructor;
+    trapFocus: import("element-plus/es/utils").EpPropFinalized<BooleanConstructor, unknown, unknown, false, boolean>;
+    alignCenter: import("element-plus/es/utils").EpPropFinalized<BooleanConstructor, unknown, unknown, false, boolean>;
+    closeIcon: {
+        readonly type: PropType<import("element-plus/es/utils").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;
+    };
+    fullscreen: import("element-plus/es/utils").EpPropFinalized<BooleanConstructor, unknown, unknown, false, boolean>;
+}>> & {
+    onConfirm?: ((...args: any[]) => any) | undefined;
+    onCancel?: ((...args: any[]) => any) | undefined;
+}, {
+    title: string;
+    center: import("element-plus/es/utils").EpPropMergeType<BooleanConstructor, unknown, unknown>;
+    draggable: import("element-plus/es/utils").EpPropMergeType<BooleanConstructor, unknown, unknown>;
+    confirmButtonText: string;
+    cancelButtonText: string;
+    customClass: string;
+    showClose: import("element-plus/es/utils").EpPropMergeType<BooleanConstructor, unknown, unknown>;
+    size: ModalSizeType;
+    appendToBody: import("element-plus/es/utils").EpPropMergeType<BooleanConstructor, unknown, unknown>;
+    destroyOnClose: import("element-plus/es/utils").EpPropMergeType<BooleanConstructor, unknown, unknown>;
+    closeOnClickModal: import("element-plus/es/utils").EpPropMergeType<BooleanConstructor, unknown, unknown>;
+    closeOnPressEscape: import("element-plus/es/utils").EpPropMergeType<BooleanConstructor, unknown, unknown>;
+    lockScroll: import("element-plus/es/utils").EpPropMergeType<BooleanConstructor, unknown, unknown>;
+    modal: import("element-plus/es/utils").EpPropMergeType<BooleanConstructor, unknown, unknown>;
+    openDelay: number;
+    closeDelay: number;
+    trapFocus: import("element-plus/es/utils").EpPropMergeType<BooleanConstructor, unknown, unknown>;
+    alignCenter: import("element-plus/es/utils").EpPropMergeType<BooleanConstructor, unknown, unknown>;
+    fullscreen: import("element-plus/es/utils").EpPropMergeType<BooleanConstructor, unknown, unknown>;
+    bodyScroll: boolean;
+}, {}>, {
+    default?(_: {}): any;
+    footer?(_: {}): any;
+}>;
+export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/lib/components/dialog/MxDialog.vue.js

@@ -0,0 +1,89 @@
+"use strict";
+const vue = require("vue");
+const elementPlus = require("element-plus");
+require("element-plus/es/components/dialog/style/css");
+const lodashEs = require("lodash-es");
+const MxButton = require("../button");
+const _hoisted_1 = {
+  key: 0,
+  class: "dialog-footer"
+};
+const _sfc_main = /* @__PURE__ */ vue.defineComponent({
+  __name: "MxDialog",
+  props: {
+    ...lodashEs.omit(elementPlus.dialogProps, "modelValue"),
+    size: {
+      type: String,
+      default: "normal"
+    },
+    bodyScroll: {
+      type: Boolean,
+      default: true
+    },
+    confirmButtonText: {
+      type: String,
+      default: "确定"
+    },
+    cancelButtonText: {
+      type: String,
+      default: "取消"
+    }
+  },
+  emits: ["confirm", "cancel"],
+  setup(__props) {
+    const props = __props;
+    const sizeWidthMap = {
+      small: 480,
+      normal: 640,
+      large: 800,
+      big: 1024
+    };
+    const width = vue.ref(sizeWidthMap["normal"]);
+    const heightCls = vue.ref("");
+    vue.watch(
+      () => props.size,
+      (val) => {
+        width.value = sizeWidthMap[val];
+        if (props.bodyScroll && props.size) {
+          heightCls.value = props.size;
+        }
+      },
+      { immediate: true }
+    );
+    return (_ctx, _cache) => {
+      return vue.openBlock(), vue.createBlock(vue.unref(elementPlus.ElDialog), vue.mergeProps({ ...props, ..._ctx.$attrs }, {
+        class: ["mx-dialog", heightCls.value],
+        width: width.value
+      }), {
+        footer: vue.withCtx(() => [
+          vue.renderSlot(_ctx.$slots, "footer"),
+          !_ctx.$slots.footer ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_1, [
+            vue.createVNode(vue.unref(MxButton), {
+              onClick: _cache[0] || (_cache[0] = ($event) => _ctx.$emit("cancel"))
+            }, {
+              default: vue.withCtx(() => [
+                vue.createTextVNode(vue.toDisplayString(props.cancelButtonText), 1)
+              ]),
+              _: 1
+            }),
+            vue.createVNode(vue.unref(MxButton), {
+              type: "primary",
+              onClick: _cache[1] || (_cache[1] = ($event) => _ctx.$emit("confirm"))
+            }, {
+              default: vue.withCtx(() => [
+                vue.createTextVNode(vue.toDisplayString(props.confirmButtonText), 1)
+              ]),
+              _: 1
+            })
+          ])) : vue.createCommentVNode("", true)
+        ]),
+        default: vue.withCtx(() => [
+          vue.renderSlot(_ctx.$slots, "default")
+        ]),
+        _: 3
+      }, 16, ["class", "width"]);
+    };
+  }
+});
+const MxDialog_vue_vue_type_style_index_0_lang = "";
+module.exports = _sfc_main;

package/lib/components/dialog/index.d.ts

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

package/lib/components/dialog/index.js

@@ -0,0 +1,6 @@
+"use strict";
+const MxDialog = require("./MxDialog.vue");
+MxDialog.install = (app) => {
+  app.component(MxDialog.__name, MxDialog);
+};
+module.exports = MxDialog;

package/lib/components/dropdown/MxDropdown.css

@@ -0,0 +1,30 @@
+.mx-dropdown .arrow-down[data-v-adb0885f] {
+  margin-left: 4px;
+}
+.mx-dropdown :hover .arrow-down[data-v-adb0885f] {
+  transform: rotate(180deg);
+  transition: transform 0.5s ease;
+}
+.mx-dropdown[data-v-adb0885f] .el-popper__arrow {
+  display: none;
+}.mx-dropdown-menu.el-popper.el-dropdown__popper.is-pure.is-light {
+  border: 1px solid #1f1f1f;
+}
+.mx-dropdown-menu.el-popper.el-dropdown__popper.is-pure.is-light .el-dropdown-menu {
+  background: #1f1f1f;
+  border-radius: 0px 0px 2px 2px;
+  box-shadow: 0px 9px 28px 8px rgba(0, 0, 0, 0.2), 0px 6px 16px 0px rgba(0, 0, 0, 0.32), 0px 3px 6px -4px rgba(0, 0, 0, 0.48);
+}
+.mx-dropdown-menu.el-popper.el-dropdown__popper.is-pure.is-light .el-dropdown-menu .el-dropdown-menu__item {
+  color: rgba(255, 255, 255, 0.65);
+}
+.mx-dropdown-menu.el-popper.el-dropdown__popper.is-pure.is-light .el-dropdown-menu .el-dropdown-menu__item:not(.is-disabled):focus {
+  background: rgba(255, 255, 255, 0.05);
+  color: rgba(255, 255, 255, 0.85);
+}
+.mx-dropdown-menu.el-popper.el-dropdown__popper.is-pure.is-light .el-dropdown-menu .el-dropdown-menu__item.is-disabled {
+  color: rgba(255, 255, 255, 0.3);
+}
+.mx-dropdown-menu.el-popper.el-dropdown__popper.is-pure.is-light .el-popper__arrow {
+  display: none;
+}

package/lib/components/dropdown/MxDropdown.vue.d.ts

@@ -0,0 +1,71 @@
+import { Component, PropType } from 'vue';
+declare const _default: import("vue").DefineComponent<{
+    type: {
+        type: PropType<"" | "default" | "text" | "success" | "warning" | "info" | "primary" | "danger" | "dashed">;
+        validator: (value: string) => boolean;
+        default: string;
+    };
+    link: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    menuName: {
+        type: StringConstructor;
+        default: string;
+    };
+    options: {
+        type: PropType<{
+            name: string;
+            command: string | number | object;
+            disabled: boolean;
+            divided: boolean;
+            icon: string | Component<any, any, any, import("vue").ComputedOptions, import("vue").MethodOptions>;
+        }[]>;
+        default: () => never[];
+    };
+    perIcon: {
+        type: PropType<string | Component<any, any, any, import("vue").ComputedOptions, import("vue").MethodOptions>>;
+        default: string;
+    };
+}, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, 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;
+    };
+    link: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    menuName: {
+        type: StringConstructor;
+        default: string;
+    };
+    options: {
+        type: PropType<{
+            name: string;
+            command: string | number | object;
+            disabled: boolean;
+            divided: boolean;
+            icon: string | Component<any, any, any, import("vue").ComputedOptions, import("vue").MethodOptions>;
+        }[]>;
+        default: () => never[];
+    };
+    perIcon: {
+        type: PropType<string | Component<any, any, any, import("vue").ComputedOptions, import("vue").MethodOptions>>;
+        default: string;
+    };
+}>>, {
+    link: boolean;
+    type: "" | "default" | "text" | "success" | "warning" | "info" | "primary" | "danger" | "dashed";
+    options: {
+        name: string;
+        command: string | number | object;
+        disabled: boolean;
+        divided: boolean;
+        icon: string | Component<any, any, any, import("vue").ComputedOptions, import("vue").MethodOptions>;
+    }[];
+    menuName: string;
+    perIcon: string | Component<any, any, any, import("vue").ComputedOptions, import("vue").MethodOptions>;
+}, {}>;
+export default _default;

package/lib/components/dropdown/MxDropdown.vue.js

@@ -0,0 +1,96 @@
+"use strict";
+const vue = require("vue");
+const elementPlus = require("element-plus");
+require("element-plus/es/components/dropdown/style/css");
+const iconsVue = require("@element-plus/icons-vue");
+const _sfc_main = /* @__PURE__ */ vue.defineComponent({
+  __name: "MxDropdown",
+  props: {
+    type: {
+      type: String,
+      validator: (value) => ["", "default", "text", "success", "warning", "info", "primary", "danger", "dashed"].includes(value),
+      default: ""
+    },
+    link: {
+      type: Boolean,
+      default: false
+    },
+    menuName: {
+      type: String,
+      default: ""
+    },
+    options: {
+      type: Array,
+      default: () => []
+    },
+    perIcon: {
+      type: String,
+      default: ""
+    }
+  },
+  setup(__props) {
+    const buttonProps = __props;
+    return (_ctx, _cache) => {
+      const _component_el_icon = vue.resolveComponent("el-icon");
+      const _component_mx_button = vue.resolveComponent("mx-button");
+      const _component_el_dropdown_item = vue.resolveComponent("el-dropdown-item");
+      const _component_el_dropdown_menu = vue.resolveComponent("el-dropdown-menu");
+      return vue.openBlock(), vue.createBlock(vue.unref(elementPlus.ElDropdown), vue.mergeProps({
+        class: "mx-dropdown",
+        "popper-class": "mx-dropdown-menu"
+      }, _ctx.$attrs), {
+        dropdown: vue.withCtx(() => [
+          vue.createVNode(_component_el_dropdown_menu, null, {
+            default: vue.withCtx(() => [
+              (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(buttonProps.options, (item, index) => {
+                return vue.openBlock(), vue.createBlock(_component_el_dropdown_item, {
+                  key: index,
+                  command: item.command,
+                  disabled: item.disabled,
+                  divided: item.divided,
+                  icon: item.icon
+                }, {
+                  default: vue.withCtx(() => [
+                    vue.createTextVNode(vue.toDisplayString(item.name), 1)
+                  ]),
+                  _: 2
+                }, 1032, ["command", "disabled", "divided", "icon"]);
+              }), 128))
+            ]),
+            _: 1
+          })
+        ]),
+        default: vue.withCtx(() => [
+          vue.createVNode(_component_mx_button, {
+            icon: buttonProps.perIcon,
+            type: buttonProps.type,
+            link: buttonProps.link
+          }, {
+            default: vue.withCtx(() => [
+              vue.createTextVNode(vue.toDisplayString(buttonProps.menuName) + " ", 1),
+              vue.createVNode(_component_el_icon, { class: "arrow-down" }, {
+                default: vue.withCtx(() => [
+                  vue.createVNode(vue.unref(iconsVue.ArrowDown))
+                ]),
+                _: 1
+              })
+            ]),
+            _: 1
+          }, 8, ["icon", "type", "link"])
+        ]),
+        _: 1
+      }, 16);
+    };
+  }
+});
+const MxDropdown_vue_vue_type_style_index_0_scoped_adb0885f_lang = "";
+const MxDropdown_vue_vue_type_style_index_1_lang = "";
+const _export_sfc = (sfc, props) => {
+  const target = sfc.__vccOpts || sfc;
+  for (const [key, val] of props) {
+    target[key] = val;
+  }
+  return target;
+};
+const MxDropdown = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-adb0885f"]]);
+module.exports = MxDropdown;

package/lib/components/dropdown/index.d.ts

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

package/lib/components/dropdown/index.js

@@ -0,0 +1,6 @@
+"use strict";
+const MxDropdown = require("./MxDropdown.vue");
+MxDropdown.install = (app) => {
+  app.component(MxDropdown.__name, MxDropdown);
+};
+module.exports = MxDropdown;

package/lib/components/ellipsisSpan/MxEllipsisSpan.css

@@ -0,0 +1,3 @@
+.mx-ellipsis-span[data-v-1e9cf788] {
+  display: flex;
+}