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

package/es/components/headnavigation/MenuBar.css

@@ -1,113 +0,0 @@
-.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

@@ -1,35 +0,0 @@
-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

@@ -1,31 +0,0 @@
-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

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

package/es/components/headnavigation/index.js

@@ -1,8 +0,0 @@
-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

@@ -1,38 +0,0 @@
-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

@@ -1,171 +0,0 @@
-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

@@ -1,54 +0,0 @@
-.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

@@ -1,7 +0,0 @@
-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

@@ -1,24 +0,0 @@
-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

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

package/es/components/input/index.js

@@ -1,8 +0,0 @@
-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

@@ -1,7 +0,0 @@
-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

@@ -1,12 +0,0 @@
-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

@@ -1,31 +0,0 @@
-.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

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

package/es/components/message/message.js

@@ -1,42 +0,0 @@
-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

@@ -1,7 +0,0 @@
-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

@@ -1,13 +0,0 @@
-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
-};