@maxtropy/v-components 0.1.12-beta.10 → 0.1.12-beta.11

package/es/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/es/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/es/components/headnavigation/MenuBar.vue.js

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

package/es/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/es/components/headnavigation/index.js

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

package/es/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/es/components/index.js

@@ -0,0 +1,171 @@
+import MxButton from "./button";
+import { default as default2 } from "./button";
+import MxInput from "./input";
+import { default as default3 } from "./input";
+import SwitchStaff from "./switchstaff";
+import { default as default4 } from "./switchstaff";
+import HeadNavigation from "./headnavigation";
+import { default as default5 } from "./headnavigation";
+import MxSwitch from "./switch";
+import { default as default6 } from "./switch";
+import MxSelect, { MxOption, MxOptionGroup } from "./select";
+import { MxOption as MxOption2, MxOptionGroup as MxOptionGroup2, default as default7 } from "./select";
+import MxRadio, { MxRadioGroup, MxRadioButton } from "./radio";
+import { default as default8, MxRadioButton as MxRadioButton2, MxRadioGroup as MxRadioGroup2 } from "./radio";
+import MxCheckbox, { MxCheckboxButton, MxCheckboxGroup } from "./checkbox";
+import { default as default9, MxCheckboxButton as MxCheckboxButton2, MxCheckboxGroup as MxCheckboxGroup2 } from "./checkbox";
+import SiderMenu from "./sidermenu";
+import { default as default10 } from "./sidermenu";
+import UserContent from "./usercontent";
+import { default as default11 } from "./usercontent";
+import SystemContent from "./systemcontent";
+import { default as default12 } from "./systemcontent";
+import BreadCrumb from "./breadcrumb";
+import { default as default13 } from "./breadcrumb";
+import BasicLayout from "./basiclayout";
+import { default as default14 } from "./basiclayout";
+import AuthorizedPermission from "./authorizedpermission";
+import { default as default15 } from "./authorizedpermission";
+import { useIntegratedAuthorityList, usePermission, useStaffTitle } from "../utils/hooks";
+import MxTooltip from "./tooltip";
+import { default as default16 } from "./tooltip";
+import MxDropdown from "./dropdown";
+import { default as default17 } from "./dropdown";
+import MxDialog from "./dialog";
+import { default as default18 } from "./dialog";
+import MxAlert from "./alert";
+import { default as default19 } from "./alert";
+import MxTabs from "./tabs/MxTabs.vue";
+import MxTabPane from "./tabs/MxTabPane.vue";
+import MxSlider from "./slider";
+import { default as default20 } from "./slider";
+import MxDatePicker from "./datePicker";
+import { default as default21 } from "./datePicker";
+import MxTimePicker from "./timePicker";
+import { default as default22 } from "./timePicker";
+import MxPopconfirm from "./popconfirm";
+import { default as default23 } from "./popconfirm";
+import MxTree from "./tree";
+import { default as default24 } from "./tree";
+import MxTreeSelect from "./treeselect";
+import { default as default25 } from "./treeselect";
+import MxUpload from "./upload";
+import { default as default26 } from "./upload";
+import MxEllipsisSpan from "./ellipsisSpan";
+import { default as default27 } from "./ellipsisSpan";
+import MxEmpty from "./empty";
+import { default as default28 } from "./empty";
+import MxSteps, { MxStep } from "./steps";
+import { MxStep as MxStep2, default as default29 } from "./steps";
+import MxTag from "./tag";
+import { default as default30 } from "./tag";
+import MxTable, { MxTableColumn } from "./table";
+import { default as default31, MxTableColumn as MxTableColumn2 } from "./table";
+import MxPagination from "./pagination";
+import { default as default32 } from "./pagination";
+import MxForm, { MxFormItem } from "./form";
+import { default as default33, MxFormItem as MxFormItem2 } from "./form";
+const components = {
+  MxInput,
+  MxButton,
+  MxSwitch,
+  MxRadio,
+  MxRadioGroup,
+  MxRadioButton,
+  MxCheckbox,
+  MxCheckboxButton,
+  MxCheckboxGroup,
+  MxSelect,
+  MxOption,
+  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,
+  MxTag,
+  MxTable,
+  MxTableColumn,
+  MxPagination,
+  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
+};
+export {
+  default15 as AuthorizedPermission,
+  default14 as BasicLayout,
+  default13 as BreadCrumb,
+  default5 as HeadNavigation,
+  default19 as MxAlert,
+  default2 as MxButton,
+  default9 as MxCheckbox,
+  MxCheckboxButton2 as MxCheckboxButton,
+  MxCheckboxGroup2 as MxCheckboxGroup,
+  default21 as MxDatePicker,
+  default18 as MxDialog,
+  default17 as MxDropdown,
+  default27 as MxEllipsisSpan,
+  default28 as MxEmpty,
+  default33 as MxForm,
+  MxFormItem2 as MxFormItem,
+  default3 as MxInput,
+  MxOption2 as MxOption,
+  MxOptionGroup2 as MxOptionGroup,
+  default32 as MxPagination,
+  default23 as MxPopconfirm,
+  default8 as MxRadio,
+  MxRadioButton2 as MxRadioButton,
+  MxRadioGroup2 as MxRadioGroup,
+  default7 as MxSelect,
+  default20 as MxSlider,
+  MxStep2 as MxStep,
+  default29 as MxSteps,
+  default6 as MxSwitch,
+  default31 as MxTable,
+  MxTableColumn2 as MxTableColumn,
+  default30 as MxTag,
+  default22 as MxTimePicker,
+  default16 as MxTooltip,
+  default24 as MxTree,
+  default25 as MxTreeSelect,
+  default26 as MxUpload,
+  default10 as SiderMenu,
+  default4 as SwitchStaff,
+  default12 as SystemContent,
+  default11 as UserContent,
+  index as default,
+  useIntegratedAuthorityList,
+  usePermission,
+  useStaffTitle
+};

package/es/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/es/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/es/components/input/MxInput.vue.js

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

package/es/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/es/components/input/index.js

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

package/es/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/es/components/message/index.js

@@ -0,0 +1,12 @@
+import Message from "./message";
+const withInstallFunction = (fn, name) => {
+  fn.install = (app) => {
+    fn._context = app._context;
+    app.config.globalProperties[name] = fn;
+  };
+  return fn;
+};
+const MxMessage = withInstallFunction(Message, "$mxMessage");
+export {
+  MxMessage
+};

package/es/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/es/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/es/components/message/message.js

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

package/es/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/es/components/messageBox/index.js

@@ -0,0 +1,13 @@
+import MessageBox from "./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;
+export {
+  MxMessageBox
+};