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

package/lib/components/headnavigation/MenuBar.css

@@ -0,0 +1,113 @@
+.menu-item-bar {
+  -webkit-font-smoothing: initial;
+}
+.menu-item-bar .menu-content {
+  width: 5px;
+  background-color: #1b1b1b;
+  pointer-events: none;
+  position: relative;
+}
+.menu-item-bar .menu-dropdown-trigger {
+  color: rgba(255, 255, 255, 0.8);
+}
+.menu-item-bar .menu-dropdown-trigger:hover {
+  color: white;
+}
+.menu-actived-bar {
+  height: 30px;
+  line-height: 30px;
+  position: relative;
+  display: flex;
+  box-sizing: border-box;
+  margin: 0 -20px;
+}
+.menu-actived-bar::before, .menu-actived-bar::after {
+  content: "";
+  position: absolute;
+  opacity: 0.5;
+  width: 7px;
+  top: 0;
+  bottom: 0;
+  border: 1px solid #fff;
+  z-index: 1;
+}
+.menu-actived-bar::before {
+  left: 10px;
+  border-right: none;
+}
+.menu-actived-bar::after {
+  right: 10px;
+  border-left: none;
+}
+.menu-actived-bar .menu-content:first-child::before, .menu-actived-bar .menu-content:last-child::after {
+  content: "";
+  position: absolute;
+  opacity: 0.5;
+  width: 4px;
+  height: 4px;
+  top: 50%;
+  background: #fff;
+  border-radius: 50%;
+  z-index: 10;
+  margin-top: -2px;
+}
+.menu-actived-bar .menu-content:first-child::before {
+  left: 8px;
+}
+.menu-actived-bar .menu-content:last-child::after {
+  left: -8px;
+}
+.menu-actived-bar .menu-dropdown-trigger {
+  background-color: #4a90e2 !important;
+  color: #fff !important;
+  padding: 0 20px;
+  border-radius: 3px;
+  background: linear-gradient(270deg, #2cc4f9 0%, #0277bd 100%);
+  box-shadow: 0px 10px 15px 0px rgba(44, 196, 249, 0.26);
+  border-radius: 2px;
+  text-shadow: 0px 1px 2px rgba(0, 0, 0, 0.16);
+  font-weight: 600;
+  position: relative;
+}
+.menu-actived-bar .menu-dropdown-trigger::before, .menu-actived-bar .menu-dropdown-trigger::after {
+  content: "";
+  position: absolute;
+  opacity: 0.5;
+  border-radius: 1px;
+  width: 2px;
+  top: 0;
+  height: 100%;
+  background: #fff;
+}
+.menu-actived-bar .menu-dropdown-trigger::before {
+  left: 0;
+}
+.menu-actived-bar .menu-dropdown-trigger::after {
+  right: 0;
+}
+.el-menu--popup .menu-actived-bar {
+  background-color: #4a90e2;
+  width: 100%;
+  margin: 0;
+  height: 40px;
+  line-height: 40px;
+}
+.el-menu--popup .menu-actived-bar::before, .el-menu--popup .menu-actived-bar::after {
+  display: none;
+}
+.el-menu--popup .menu-actived-bar .menu-content {
+  background: transparent;
+}
+.el-menu--popup .menu-actived-bar .menu-content:first-child::before, .el-menu--popup .menu-actived-bar .menu-content:last-child::after {
+  display: none;
+}
+.el-menu--popup .menu-actived-bar .menu-dropdown-trigger {
+  background: transparent !important;
+  padding: 0 !important;
+}
+.el-menu--popup .menu-actived-bar .menu-dropdown-trigger::before, .el-menu--popup .menu-actived-bar .menu-dropdown-trigger::after {
+  display: none;
+}
+.el-menu--popup .menu-actived-bar .menu-dropdown-trigger:hover {
+  color: rgba(255, 255, 255, 0.8);
+}

package/lib/components/headnavigation/MenuBar.vue.d.ts

@@ -0,0 +1,35 @@
+interface Props {
+    actived?: boolean;
+}
+declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<Props>, {
+    actived: boolean;
+}>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<Props>, {
+    actived: boolean;
+}>>>, {
+    actived: boolean;
+}, {}>, {
+    default?(_: {}): any;
+}>;
+export default _default;
+type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
+type __VLS_TypePropsToRuntimeProps<T> = {
+    [K in keyof T]-?: {} extends Pick<T, K> ? {
+        type: 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_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};
+type __VLS_Prettify<T> = {
+    [K in keyof T]: T[K];
+} & {};

package/lib/components/headnavigation/MenuBar.vue.js

@@ -0,0 +1,30 @@
+"use strict";
+const vue = require("vue");
+const _hoisted_1 = { style: { "display": "flex" } };
+const _hoisted_2 = /* @__PURE__ */ vue.createElementVNode("div", { class: "menu-content" }, null, -1);
+const _hoisted_3 = { class: "menu-dropdown-trigger menu-link" };
+const _hoisted_4 = /* @__PURE__ */ vue.createElementVNode("div", { class: "menu-content" }, null, -1);
+const _sfc_main = /* @__PURE__ */ vue.defineComponent({
+  __name: "MenuBar",
+  props: {
+    actived: { type: Boolean, default: false }
+  },
+  setup(__props) {
+    const props = __props;
+    return (_ctx, _cache) => {
+      return vue.openBlock(), vue.createElementBlock("span", {
+        class: vue.normalizeClass(["menu-item-bar", { "menu-actived-bar": props.actived }])
+      }, [
+        vue.createElementVNode("span", _hoisted_1, [
+          _hoisted_2,
+          vue.createElementVNode("span", _hoisted_3, [
+            vue.renderSlot(_ctx.$slots, "default")
+          ]),
+          _hoisted_4
+        ])
+      ], 2);
+    };
+  }
+});
+const MenuBar_vue_vue_type_style_index_0_lang = "";
+module.exports = _sfc_main;

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

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

package/lib/components/headnavigation/index.js

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

package/lib/components/index.d.ts

@@ -0,0 +1,38 @@
+import MxButton from './button';
+import MxInput from './input';
+import SwitchStaff from './switchstaff';
+import HeadNavigation from './headnavigation';
+import MxSwitch from './switch';
+import MxSelect, { MxOption, MxOptionGroup } from './select';
+import MxRadio, { MxRadioButton, MxRadioGroup } from './radio';
+import MxCheckbox, { MxCheckboxButton, MxCheckboxGroup } from './checkbox';
+import SiderMenu from './sidermenu';
+import UserContent from './usercontent';
+import SystemContent from './systemcontent';
+import BreadCrumb from './breadcrumb';
+import BasicLayout from './basiclayout';
+import AuthorizedPermission from './authorizedpermission';
+import { usePermission, useStaffTitle, useIntegratedAuthorityList } from '../utils/hooks';
+import MxTooltip from './tooltip';
+import MxDropdown from './dropdown';
+import MxDialog from './dialog';
+import MxAlert from './alert';
+import MxSlider from './slider';
+import MxDatePicker from './datePicker';
+import MxTimePicker from './timePicker';
+import MxPopconfirm from './popconfirm';
+import MxTree from './tree';
+import MxTreeSelect from './treeselect';
+import MxUpload from './upload';
+import MxEllipsisSpan from './ellipsisSpan';
+import MxEmpty from './empty';
+import MxSteps, { MxStep } from './steps';
+import MxTag from './tag';
+import MxTable, { MxTableColumn } from './table';
+import MxPagination from './pagination';
+import MxForm, { MxFormItem } from './form';
+export { MxInput, MxButton, MxSwitch, MxSelect, MxOption, MxOptionGroup, MxRadio, MxRadioGroup, MxRadioButton, MxCheckbox, MxCheckboxButton, MxCheckboxGroup, SwitchStaff, HeadNavigation, SiderMenu, UserContent, SystemContent, BreadCrumb, BasicLayout, AuthorizedPermission, usePermission, useStaffTitle, useIntegratedAuthorityList, MxTooltip, MxDropdown, MxAlert, MxDialog, MxSlider, MxDatePicker, MxTimePicker, MxPopconfirm, MxTree, MxTreeSelect, MxUpload, MxEllipsisSpan, MxEmpty, MxSteps, MxStep, MxTag, MxTable, MxTableColumn, MxPagination, MxForm, MxFormItem, };
+declare const _default: {
+    install: any;
+};
+export default _default;

package/lib/components/index.js

@@ -0,0 +1,175 @@
+"use strict";
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
+const MxButton = require("./button");
+const MxInput = require("./input");
+const SwitchStaff = require("./switchstaff");
+const HeadNavigation = require("./headnavigation");
+const MxSwitch = require("./switch");
+const MxSelect = require("./select");
+const MxRadio = require("./radio");
+const MxCheckbox = require("./checkbox");
+const SiderMenu = require("./sidermenu");
+const UserContent = require("./usercontent");
+const SystemContent = require("./systemcontent");
+const BreadCrumb = require("./breadcrumb");
+const BasicLayout = require("./basiclayout");
+const AuthorizedPermission = require("./authorizedpermission");
+const hooks = require("../utils/hooks");
+const MxTooltip = require("./tooltip");
+const MxDropdown = require("./dropdown");
+const MxDialog = require("./dialog");
+const MxAlert = require("./alert");
+const MxTabs = require("./tabs/MxTabs.vue");
+const MxTabPane = require("./tabs/MxTabPane.vue");
+const MxSlider = require("./slider");
+const MxDatePicker = require("./datePicker");
+const MxTimePicker = require("./timePicker");
+const MxPopconfirm = require("./popconfirm");
+const MxTree = require("./tree");
+const MxTreeSelect = require("./treeselect");
+const MxUpload = require("./upload");
+const MxEllipsisSpan = require("./ellipsisSpan");
+const MxEmpty = require("./empty");
+const MxSteps = require("./steps");
+const MxTag = require("./tag");
+const MxTable = require("./table");
+const MxPagination = require("./pagination");
+const MxForm = require("./form");
+const components = {
+  MxInput,
+  MxButton,
+  MxSwitch,
+  MxRadio,
+  MxRadioGroup: MxRadio.MxRadioGroup,
+  MxRadioButton: MxRadio.MxRadioButton,
+  MxCheckbox,
+  MxCheckboxButton: MxCheckbox.MxCheckboxButton,
+  MxCheckboxGroup: MxCheckbox.MxCheckboxGroup,
+  MxSelect,
+  MxOption: MxSelect.MxOption,
+  MxOptionGroup: MxSelect.MxOptionGroup,
+  SwitchStaff,
+  HeadNavigation,
+  SiderMenu,
+  UserContent,
+  SystemContent,
+  BreadCrumb,
+  BasicLayout,
+  AuthorizedPermission,
+  MxTooltip,
+  MxDropdown,
+  MxDialog,
+  MxAlert,
+  MxTabs,
+  MxTabPane,
+  MxSlider,
+  MxDatePicker,
+  MxTimePicker,
+  MxPopconfirm,
+  MxTree,
+  MxTreeSelect,
+  MxUpload,
+  MxEllipsisSpan,
+  MxEmpty,
+  MxSteps,
+  MxStep: MxSteps.MxStep,
+  MxTag,
+  MxTable,
+  MxTableColumn: MxTable.MxTableColumn,
+  MxPagination,
+  MxForm,
+  MxFormItem: MxForm.MxFormItem
+};
+const installComponents = (app) => {
+  for (const key in components) {
+    app.component(key, components[key]);
+  }
+};
+const install = (app, router) => {
+  installComponents(app);
+};
+const index = {
+  // 导出的对象必须具有 install，才能被 Vue.use() 方法安装
+  install
+};
+exports.MxButton = MxButton;
+exports.MxInput = MxInput;
+exports.SwitchStaff = SwitchStaff;
+exports.HeadNavigation = HeadNavigation;
+exports.MxSwitch = MxSwitch;
+Object.defineProperty(exports, "MxOption", {
+  enumerable: true,
+  get: () => MxSelect.MxOption
+});
+Object.defineProperty(exports, "MxOptionGroup", {
+  enumerable: true,
+  get: () => MxSelect.MxOptionGroup
+});
+exports.MxSelect = MxSelect;
+exports.MxRadio = MxRadio;
+Object.defineProperty(exports, "MxRadioButton", {
+  enumerable: true,
+  get: () => MxRadio.MxRadioButton
+});
+Object.defineProperty(exports, "MxRadioGroup", {
+  enumerable: true,
+  get: () => MxRadio.MxRadioGroup
+});
+exports.MxCheckbox = MxCheckbox;
+Object.defineProperty(exports, "MxCheckboxButton", {
+  enumerable: true,
+  get: () => MxCheckbox.MxCheckboxButton
+});
+Object.defineProperty(exports, "MxCheckboxGroup", {
+  enumerable: true,
+  get: () => MxCheckbox.MxCheckboxGroup
+});
+exports.SiderMenu = SiderMenu;
+exports.UserContent = UserContent;
+exports.SystemContent = SystemContent;
+exports.BreadCrumb = BreadCrumb;
+exports.BasicLayout = BasicLayout;
+exports.AuthorizedPermission = AuthorizedPermission;
+Object.defineProperty(exports, "useIntegratedAuthorityList", {
+  enumerable: true,
+  get: () => hooks.useIntegratedAuthorityList
+});
+Object.defineProperty(exports, "usePermission", {
+  enumerable: true,
+  get: () => hooks.usePermission
+});
+Object.defineProperty(exports, "useStaffTitle", {
+  enumerable: true,
+  get: () => hooks.useStaffTitle
+});
+exports.MxTooltip = MxTooltip;
+exports.MxDropdown = MxDropdown;
+exports.MxDialog = MxDialog;
+exports.MxAlert = MxAlert;
+exports.MxSlider = MxSlider;
+exports.MxDatePicker = MxDatePicker;
+exports.MxTimePicker = MxTimePicker;
+exports.MxPopconfirm = MxPopconfirm;
+exports.MxTree = MxTree;
+exports.MxTreeSelect = MxTreeSelect;
+exports.MxUpload = MxUpload;
+exports.MxEllipsisSpan = MxEllipsisSpan;
+exports.MxEmpty = MxEmpty;
+Object.defineProperty(exports, "MxStep", {
+  enumerable: true,
+  get: () => MxSteps.MxStep
+});
+exports.MxSteps = MxSteps;
+exports.MxTag = MxTag;
+exports.MxTable = MxTable;
+Object.defineProperty(exports, "MxTableColumn", {
+  enumerable: true,
+  get: () => MxTable.MxTableColumn
+});
+exports.MxPagination = MxPagination;
+exports.MxForm = MxForm;
+Object.defineProperty(exports, "MxFormItem", {
+  enumerable: true,
+  get: () => MxForm.MxFormItem
+});
+exports.default = index;

package/lib/components/input/MxInput.css

@@ -0,0 +1,54 @@
+.mx-input.el-input,
+.mx-input.el-textarea {
+  --el-input-border-color: rgba(0, 173, 255, 0.5);
+  --el-input-border-radius: 2px;
+  --el-input-bg-color: rgba(74, 144, 226, 0.16);
+  --el-input-hover-border-color: rgba(0, 173, 255, 0.8);
+  --el-input-text-color: rgba(255, 255, 255, 0.85);
+  --el-input-border-radius: 2px;
+}
+.mx-input.el-input.is-disabled {
+  --el-disabled-bg-color: rgba(255, 255, 255, 0.1);
+  --el-disabled-border-color: rgba(0, 173, 255, 0.5);
+  box-shadow: none;
+}
+.mx-input input::placeholder {
+  color: rgba(255, 255, 255, 0.45);
+}
+.mx-input .el-input-group__append {
+  --el-fill-color-light: #4a90e24d;
+  --el-color-info: rgba(255, 255, 255, 0.85);
+  padding: 0 12px;
+}
+.mx-input .el-input-group__prepend {
+  --el-fill-color-light: #4a90e24d;
+  --el-color-info: rgba(255, 255, 255, 0.85);
+}
+.mx-input .el-select {
+  --el-input-text-color: rgba(255, 255, 255, 0.85);
+}
+.mx-input .el-select:hover .el-input__wrapper {
+  --el-input-hover-border-color: #4a90e2;
+}
+.mx-input .el-select .el-input__wrapper {
+  --el-input-border-color: transparent;
+}
+.mx-input .el-input-group__append .el-select .el-input .el-input__wrapper {
+  box-shadow: none;
+}
+.mx-input .el-input-group__append .el-button,
+.mx-input .el-input-group__append .el-select {
+  margin: 0 -12px;
+}
+.mx-input.el-textarea {
+  margin-bottom: 28px;
+  position: relative;
+}
+.mx-input.el-textarea .el-input__count {
+  position: absolute;
+  bottom: -24px;
+  right: 0px;
+  background-color: transparent;
+  color: rgba(255, 255, 255, 0.45);
+  line-height: 20px;
+}

package/lib/components/input/MxInput.vue.d.ts

@@ -0,0 +1,7 @@
+declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}, {}>, Partial<Record<NonNullable<string | number>, (_: {}) => any>>>;
+export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/lib/components/input/MxInput.vue.js

@@ -0,0 +1,23 @@
+"use strict";
+const vue = require("vue");
+const elementPlus = require("element-plus");
+require("element-plus/es/components/input/style/css");
+const _sfc_main = /* @__PURE__ */ vue.defineComponent({
+  __name: "MxInput",
+  setup(__props) {
+    return (_ctx, _cache) => {
+      return vue.openBlock(), vue.createBlock(vue.unref(elementPlus.ElInput), vue.mergeProps({ class: "mx-input" }, _ctx.$attrs), vue.createSlots({ _: 2 }, [
+        vue.renderList(_ctx.$slots, (item, key, index) => {
+          return {
+            name: key,
+            fn: vue.withCtx(() => [
+              vue.renderSlot(_ctx.$slots, key)
+            ])
+          };
+        })
+      ]), 1040);
+    };
+  }
+});
+const MxInput_vue_vue_type_style_index_0_lang = "";
+module.exports = _sfc_main;

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

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

package/lib/components/input/index.js

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

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

@@ -0,0 +1,7 @@
+import type { AppContext, Plugin } from 'vue';
+type SFCWithInstall<T> = T & Plugin;
+type SFCInstallWithContext<T> = SFCWithInstall<T> & {
+    _context: AppContext | null;
+};
+export declare const MxMessage: SFCInstallWithContext<import("element-plus").Message>;
+export {};

package/lib/components/message/index.js

@@ -0,0 +1,12 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const Message = require("./message");
+const withInstallFunction = (fn, name) => {
+  fn.install = (app) => {
+    fn._context = app._context;
+    app.config.globalProperties[name] = fn;
+  };
+  return fn;
+};
+const MxMessage = withInstallFunction(Message, "$mxMessage");
+exports.MxMessage = MxMessage;

package/lib/components/message/message.css

@@ -0,0 +1,31 @@
+.mx-message.el-message {
+  max-width: 480px;
+  width: max-content;
+  padding: 9px 16px;
+  background: #1f1f1f;
+  border-color: #1f1f1f;
+  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-message.el-message .el-message__icon {
+  align-self: flex-start;
+  height: 22px;
+  font-size: 16px;
+  margin-right: 8px;
+}
+.mx-message.el-message .el-message-icon--error {
+  color: #e64242;
+}
+.mx-message.el-message .el-message-icon--success {
+  color: #52c41a;
+}
+.mx-message.el-message .el-message-icon--info {
+  color: #4a90e2;
+}
+.mx-message.el-message .el-message-icon--warning {
+  color: #faad14;
+}
+.mx-message.el-message .el-message__content {
+  font-size: 14px;
+  line-height: 22px;
+  color: rgba(255, 255, 255, 0.65);
+}

package/lib/components/message/message.d.ts

@@ -0,0 +1,4 @@
+import type { Message } from 'element-plus';
+import './index.scss';
+declare const _default: Message;
+export default _default;

package/lib/components/message/message.js

@@ -0,0 +1,41 @@
+"use strict";
+const vue = require("vue");
+const elementPlus = require("element-plus");
+require("element-plus/es/components/message/style/css");
+const lodashEs = require("lodash-es");
+const InfoSvg = require("../../assets/svg/InfoSvg.vue");
+const index = "";
+function transOptions(options) {
+  let content = options;
+  if (lodashEs.isString(options) || vue.isVNode(options) || lodashEs.isFunction(options)) {
+    content = { message: content, customClass: "mx-message" };
+  } else if (Object.prototype.toString.call(options) === "[object Object]") {
+    if (content.type === "info") {
+      content.icon = vue.markRaw(InfoSvg);
+    }
+    content.customClass = options.customClass ? `mx-message ${options.customClass}` : "mx-message";
+  }
+  return content;
+}
+const MxMessage = (options = {}, context) => {
+  return elementPlus.ElMessage(transOptions(options), context);
+};
+const info = (options, appContext) => {
+  return elementPlus.ElMessage.info(transOptions(options), appContext);
+};
+const success = (options, appContext) => {
+  return elementPlus.ElMessage.success(transOptions(options), appContext);
+};
+const warning = (options, appContext) => {
+  return elementPlus.ElMessage.warning(transOptions(options), appContext);
+};
+const error = (options, appContext) => {
+  return elementPlus.ElMessage.error(transOptions(options), appContext);
+};
+MxMessage.info = info;
+MxMessage.success = success;
+MxMessage.warning = warning;
+MxMessage.error = error;
+MxMessage.closeAll = elementPlus.ElMessage.closeAll;
+MxMessage._context = elementPlus.ElMessage._context;
+module.exports = MxMessage;

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

@@ -0,0 +1,7 @@
+import type { AppContext, Plugin } from 'vue';
+type SFCWithInstall<T> = T & Plugin;
+type SFCInstallWithContext<T> = SFCWithInstall<T> & {
+    _context: AppContext | null;
+};
+export declare const MxMessageBox: SFCInstallWithContext<import("element-plus").IElMessageBox>;
+export {};

package/lib/components/messageBox/index.js

@@ -0,0 +1,13 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const MessageBox = require("./messageBox");
+const withInstallFunction = (fn, name) => {
+  fn.install = (app) => {
+    fn._context = app._context;
+    app.config.globalProperties[name] = fn;
+  };
+  return fn;
+};
+const _MxMessageBox = withInstallFunction(MessageBox, "$mxMessageBox");
+const MxMessageBox = _MxMessageBox;
+exports.MxMessageBox = MxMessageBox;