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

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

@@ -0,0 +1,48 @@
+import { VNode } from 'vue';
+interface Props {
+    message: string | VNode;
+    showCancelButton?: boolean;
+    showConfirmButton?: boolean;
+    confirmButtonText?: string;
+    cancelButtonText?: string;
+    closeOnClickModal?: boolean;
+    onVanish: () => void;
+    close: () => void;
+}
+declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<Props>, {
+    showCancelButton: boolean;
+    showConfirmButton: boolean;
+    confirmButtonText: string;
+    cancelButtonText: string;
+    closeOnClickModal: 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>, {
+    showCancelButton: boolean;
+    showConfirmButton: boolean;
+    confirmButtonText: string;
+    cancelButtonText: string;
+    closeOnClickModal: boolean;
+}>>>, {
+    confirmButtonText: string;
+    cancelButtonText: string;
+    closeOnClickModal: boolean;
+    showCancelButton: boolean;
+    showConfirmButton: boolean;
+}, {}>;
+export default _default;
+type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
+type __VLS_TypePropsToRuntimeProps<T> = {
+    [K in keyof T]-?: {} extends Pick<T, K> ? {
+        type: import('vue').PropType<__VLS_NonUndefinedable<T[K]>>;
+    } : {
+        type: import('vue').PropType<T[K]>;
+        required: true;
+    };
+};
+type __VLS_WithDefaults<P, D> = {
+    [K in keyof Pick<P, keyof P>]: K extends keyof D ? __VLS_Prettify<P[K] & {
+        default: D[K];
+    }> : P[K];
+};
+type __VLS_Prettify<T> = {
+    [K in keyof T]: T[K];
+} & {};

package/lib/components/messageBox/message.vue.js

@@ -0,0 +1,57 @@
+"use strict";
+const vue = require("vue");
+const ElButton = require("../button");
+const _hoisted_1 = { class: "mx-message-box-footer" };
+const _sfc_main = /* @__PURE__ */ vue.defineComponent({
+  __name: "message",
+  props: {
+    message: {},
+    showCancelButton: { type: Boolean, default: false },
+    showConfirmButton: { type: Boolean, default: true },
+    confirmButtonText: { default: "确定" },
+    cancelButtonText: { default: "取消" },
+    closeOnClickModal: { type: Boolean, default: false },
+    onVanish: {},
+    close: {}
+  },
+  setup(__props) {
+    const props = __props;
+    const handleAction = (action) => {
+      var _a;
+      (_a = props.close) == null ? void 0 : _a.call(props);
+      console.log("====================================");
+      console.log(props);
+      console.log("====================================");
+    };
+    return (_ctx, _cache) => {
+      return vue.openBlock(), vue.createElementBlock(vue.Fragment, null, [
+        vue.createTextVNode(vue.toDisplayString(_ctx.message) + " ", 1),
+        vue.createElementVNode("div", _hoisted_1, [
+          _ctx.showCancelButton ? (vue.openBlock(), vue.createBlock(vue.unref(ElButton), {
+            key: 0,
+            onClick: _cache[0] || (_cache[0] = ($event) => handleAction()),
+            onKeydown: _cache[1] || (_cache[1] = vue.withKeys(vue.withModifiers(($event) => handleAction(), ["prevent"]), ["enter"]))
+          }, {
+            default: vue.withCtx(() => [
+              vue.createTextVNode(vue.toDisplayString(_ctx.cancelButtonText), 1)
+            ]),
+            _: 1
+          })) : vue.createCommentVNode("", true),
+          vue.withDirectives(vue.createVNode(vue.unref(ElButton), {
+            type: "primary",
+            onClick: _cache[2] || (_cache[2] = ($event) => handleAction()),
+            onKeydown: _cache[3] || (_cache[3] = vue.withKeys(vue.withModifiers(($event) => handleAction(), ["prevent"]), ["enter"]))
+          }, {
+            default: vue.withCtx(() => [
+              vue.createTextVNode(vue.toDisplayString(_ctx.confirmButtonText), 1)
+            ]),
+            _: 1
+          }, 512), [
+            [vue.vShow, _ctx.showConfirmButton]
+          ])
+        ])
+      ], 64);
+    };
+  }
+});
+module.exports = _sfc_main;

package/lib/components/messageBox/messageBox.css

@@ -0,0 +1,160 @@
+.mx-message-box.el-message-box {
+  position: relative;
+  top: 84px;
+  vertical-align: top;
+  color: rgba(255, 255, 255, 0.85);
+  padding: 32px 16px 16px 32px;
+  border: none;
+  width: 380px;
+  border-radius: 2px;
+  background: linear-gradient(180deg, #2a2a2a 0%, #1f1f1f 100%);
+  box-shadow: 0px 12px 48px 16px rgba(0, 0, 0, 0.12), 0px 9px 28px 0px rgba(0, 0, 0, 0.2), 0px 6px 16px -8px rgba(0, 0, 0, 0.32);
+}
+.mx-message-box.el-message-box .el-icon .el-message-box__status {
+  align-self: flex-start;
+  height: 24px;
+  font-size: 21px;
+  margin-right: 8px;
+}
+.mx-message-box.el-message-box .el-message-box-icon--error {
+  color: #e64242;
+}
+.mx-message-box.el-message-box .el-message-box-icon--success {
+  color: #52c41a;
+}
+.mx-message-box.el-message-box .el-message-box-icon--info {
+  color: #4a90e2;
+}
+.mx-message-box.el-message-box .el-message-box-icon--warning {
+  color: #faad14;
+}
+.mx-message-box.el-message-box.mx-message-box-confirm {
+  padding-right: 32px;
+  padding-bottom: 24px;
+  width: 480px;
+  max-width: 480px;
+}
+.mx-message-box.el-message-box::before {
+  display: block;
+  content: "";
+  height: 2px;
+  position: absolute;
+  top: 0;
+  left: 0;
+  width: 100%;
+  background: linear-gradient(90deg, #057abf 0%, #2cc4f9 100%);
+}
+.mx-message-box.el-message-box .el-message-box__header {
+  padding: 0 0 12px 40px;
+}
+.mx-message-box.el-message-box .el-message-box__title {
+  color: rgba(255, 255, 255, 0.85);
+  font-size: 16px;
+  font-weight: 500;
+  line-height: 24px;
+}
+.mx-message-box.el-message-box .el-message-box__status.el-icon {
+  top: -24px;
+}
+.mx-message-box.el-message-box .el-message-box__content {
+  padding: 0;
+  color: rgba(255, 255, 255, 0.65);
+}
+.mx-message-box.el-message-box .el-message-box__message p {
+  line-height: 22px;
+}
+.mx-message-box.el-message-box .mx-message-box-footer {
+  padding: 16px 0 0;
+  display: flex;
+  justify-content: flex-end;
+  align-items: center;
+}
+.mx-message-box.el-message-box .mx-message-box-footer .mx-button {
+  margin-left: 8px;
+}
+.mx-message-box.el-message-box .el-message-box__btns {
+  padding: 18px 0 0 0;
+}
+.mx-message-box.el-message-box .el-message-box__btns .el-button {
+  --el-button-hover-text-color: #6ba3da;
+  --el-button-hover-border-color: #4a90e2;
+  --el-button-active-text-color: #37659a;
+  --el-button-active-border-color: #3570bd;
+  --el-button-border-color: rgba(255, 255, 255, 0.2);
+  --el-button-text-color: rgba(255, 255, 255, 0.85);
+  --el-fill-color-blank: #232324;
+  --el-button-hover-bg-color: rgba(255, 255, 255, 0.1);
+  padding: 5px 16px;
+  box-shadow: 0 2px 0 rgba(255, 255, 255, 0.04);
+  --el-border-radius-base: 2px;
+}
+.mx-message-box.el-message-box .el-message-box__btns .el-button.is-disabled {
+  --el-button-disabled-text-color: rgba(255, 255, 255, 0.3);
+  --el-button-disabled-border-color: rgba(255, 255, 255, 0.2);
+}
+.mx-message-box.el-message-box .el-message-box__btns .el-button--primary {
+  --el-button-text-color: #fff;
+  --el-button-hover-text-color: #fff;
+  --el-button-active-text-color: #fff;
+  box-shadow: 0 10px 15px #2cc4f942;
+  --el-button-bg-color: linear-gradient(90deg, #057abf 0%, #2cc4f9 100%);
+  --el-border: none;
+  background: var(--el-button-bg-color);
+  padding: 5px 14px;
+}
+.mx-message-box.el-message-box .el-message-box__btns .el-button--primary.is-disabled {
+  background: linear-gradient(90deg, #004173 0%, #0e78ad 100%);
+  color: rgba(255, 255, 255, 0.3);
+  box-shadow: none;
+}
+.mx-message-box.el-message-box .el-message-box__btns .el-button--primary:hover {
+  --el-button-bg-color: linear-gradient(90deg, #2795cc 0%, #57d8ff 100%);
+}
+.mx-message-box.el-message-box .el-message-box__btns .el-button--primary:active {
+  --el-button-bg-color: linear-gradient(90deg, #005c99 0%, #1c9cd4 100%);
+}
+.mx-message-box.el-message-box .el-message-box__btns .el-button--danger {
+  --el-button-text-color: #fff;
+  --el-button-hover-text-color: #fff;
+  --el-button-active-text-color: #fff;
+  --el-button-bg-color: #e64242;
+  --el-border: none;
+  --el-button-hover-bg-color: #f2716d;
+  --el-button-active-bg-color: #bf2e33;
+}
+.mx-message-box.el-message-box .el-message-box__btns .el-button--danger.is-disabled {
+  --el-button-disabled-text-color: rgba(255, 255, 255, 0.45);
+  --el-button-disabled-bg-color: #e64242;
+}
+.mx-message-box.el-message-box .el-message-box__btns .el-button.el-button--primary {
+  position: relative;
+  border-left: 2px solid rgba(255, 255, 255, 0.5);
+  border-right: 2px solid rgba(255, 255, 255, 0.5);
+}
+.mx-message-box.el-message-box .el-message-box__btns .el-button.el-button--primary::after, .mx-message-box.el-message-box .el-message-box__btns .el-button.el-button--primary::before,
+.mx-message-box.el-message-box .el-message-box__btns .el-button.el-button--primary span::after,
+.mx-message-box.el-message-box .el-message-box__btns .el-button.el-button--primary span::before {
+  position: absolute;
+  display: block;
+  content: "";
+  width: 3px;
+  height: 3px;
+  border-radius: 2px;
+  background: rgba(255, 255, 255, 0.5);
+}
+.mx-message-box.el-message-box .el-message-box__btns .el-button.el-button--primary::before {
+  top: 2px;
+  left: 4px;
+}
+.mx-message-box.el-message-box .el-message-box__btns .el-button.el-button--primary::after {
+  top: 2px;
+  right: 4px;
+}
+.mx-message-box.el-message-box .el-message-box__btns .el-button.el-button--primary span::before {
+  bottom: 2px;
+  left: 4px;
+}
+.mx-message-box.el-message-box .el-message-box__btns .el-button.el-button--primary span::after {
+  bottom: 2px;
+  right: 4px;
+}

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

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

package/lib/components/messageBox/messageBox.js

@@ -0,0 +1,38 @@
+"use strict";
+const elementPlus = require("element-plus");
+require("element-plus/es/components/message-box/style/css");
+const lodashEs = require("lodash-es");
+const vue = require("vue");
+const InfoSvg = require("../../assets/svg/InfoSvg.vue");
+const index = "";
+function transOptions(options) {
+  let cloneOptions = lodashEs.cloneDeep(options);
+  if (lodashEs.isString(options) || vue.isVNode(options)) {
+    cloneOptions = { message: options, customClass: "mx-message-box" };
+  } else if (Object.prototype.toString.call(cloneOptions) === "[object Object]") {
+    if (options.type === "info") {
+      cloneOptions.icon = vue.markRaw(InfoSvg);
+    }
+    cloneOptions.customClass = options.customClass ? `mx-message-box ${options.customClass}` : "mx-message-box";
+    cloneOptions.showClose = options.showClose ?? false;
+    cloneOptions.closeOnClickModal = options.closeOnClickModal ?? false;
+  }
+  return cloneOptions;
+}
+const MxMessageBox = (options, appContext) => {
+  return elementPlus.ElMessageBox(transOptions(options), appContext);
+};
+const confirm = (message, title, options, appContext) => {
+  const cloneOptions = options || {};
+  const defaultClass = "mx-message-box mx-message-box-confirm";
+  cloneOptions.customClass = (options == null ? void 0 : options.customClass) ? `${defaultClass} ${options.customClass}` : defaultClass;
+  cloneOptions.closeOnClickModal = (options == null ? void 0 : options.closeOnClickModal) ?? false;
+  cloneOptions.showClose = (options == null ? void 0 : options.showClose) ?? false;
+  return elementPlus.ElMessageBox.confirm(message, title, { ...cloneOptions }, appContext);
+};
+MxMessageBox.confirm = confirm;
+MxMessageBox.alert = elementPlus.ElMessageBox.alert;
+MxMessageBox.prompt = elementPlus.ElMessageBox.prompt;
+MxMessageBox.close = elementPlus.ElMessageBox.close;
+MxMessageBox._context = elementPlus.ElMessageBox._context;
+module.exports = MxMessageBox;

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

@@ -0,0 +1,3 @@
+import Notify from './notification';
+export declare const MxNotification: import("element-plus").Notify;
+export default Notify;

package/lib/components/notification/index.js

@@ -0,0 +1,6 @@
+"use strict";
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
+const Notify = require("./notification");
+const MxNotification = Notify;
+exports.default = Notify;
+exports.MxNotification = MxNotification;

package/lib/components/notification/notification.css

@@ -0,0 +1,58 @@
+.mx-notification.el-notification {
+  background: linear-gradient(180deg, #2a2a2a 0%, #1f1f1f 100%);
+  border: none;
+  padding: 24px;
+  width: 380px;
+  border-radius: 2px;
+  box-shadow: 0px 12px 48px 16px rgba(0, 0, 0, 0.12), 0px 9px 28px 0px rgba(0, 0, 0, 0.2), 0px 6px 16px -8px rgba(0, 0, 0, 0.32);
+}
+.mx-notification.el-notification::before {
+  display: block;
+  content: "";
+  height: 2px;
+  position: absolute;
+  top: 0;
+  left: 0;
+  width: 100%;
+  background: linear-gradient(90deg, #057abf 0%, #2cc4f9 100%);
+}
+.mx-notification.el-notification .el-notification__icon {
+  align-self: flex-start;
+  line-height: 24px;
+  font-size: 21px;
+}
+.mx-notification.el-notification .el-notification--error {
+  color: #e64242;
+}
+.mx-notification.el-notification .el-notification--success {
+  color: #52c41a;
+}
+.mx-notification.el-notification .el-notification--info {
+  color: #4a90e2;
+}
+.mx-notification.el-notification .el-notification--warning {
+  color: #faad14;
+}
+.mx-notification.el-notification .el-notification__group {
+  margin: 0 0 0 16px;
+}
+.mx-notification.el-notification .el-notification__title {
+  font-size: 16px;
+  color: rgba(255, 255, 255, 0.85);
+  line-height: 24px;
+  padding-right: 16px;
+}
+.mx-notification.el-notification .el-notification__content {
+  font-size: 14px;
+  color: rgba(255, 255, 255, 0.65);
+  line-height: 22px;
+  margin-top: 8px;
+}
+.mx-notification.el-notification .el-notification__closeBtn {
+  top: 28px;
+  right: 24px;
+  color: rgba(255, 255, 255, 0.45);
+}
+.mx-notification.el-notification .el-notification__closeBtn:hover {
+  color: rgba(255, 255, 255, 0.85);
+}

package/lib/components/notification/notification.d.ts

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

package/lib/components/notification/notification.js

@@ -0,0 +1,27 @@
+"use strict";
+const elementPlus = require("element-plus");
+require("element-plus/es/components/notification/style/css");
+const vue = require("vue");
+const InfoSvg = require("../../assets/svg/InfoSvg.vue");
+const index = "";
+function transOptions(options) {
+  let newOptions = {};
+  if (typeof options === "string" || vue.isVNode(options)) {
+    newOptions = { message: options, customClass: "mx-notification" };
+  } else if (Object.prototype.toString.call(options) === "[object Object]") {
+    newOptions = { ...options };
+    newOptions.customClass = `mx-notification  ${options.customClass}`;
+    if (options.type === "info") {
+      newOptions.icon = vue.markRaw(InfoSvg);
+      newOptions.type = null;
+    }
+  }
+  return {
+    ...newOptions
+  };
+}
+const MxNotify = function(options = {}) {
+  return elementPlus.ElNotification(transOptions(options));
+};
+MxNotify.closeAll = elementPlus.ElNotification.closeAll;
+module.exports = MxNotify;

package/lib/components/pagination/MxPagination.css

@@ -0,0 +1,110 @@
+.el-pagination.is-background.mx-pagination .btn-prev,
+.el-pagination.is-background.mx-pagination .btn-next {
+  background-color: #232324;
+}
+.el-pagination.is-background.mx-pagination .btn-prev .el-icon,
+.el-pagination.is-background.mx-pagination .btn-next .el-icon {
+  font-size: 14px;
+  color: rgba(255, 255, 255, 0.65);
+}
+.el-pagination.is-background.mx-pagination .btn-prev:hover,
+.el-pagination.is-background.mx-pagination .btn-next:hover {
+  transition: all 0.2s;
+  background-color: rgba(255, 255, 255, 0.12);
+}
+.el-pagination.is-background.mx-pagination .btn-prev.is-first {
+  background-color: #232324;
+}
+.el-pagination.is-background.mx-pagination .btn-prev.is-first .el-icon {
+  font-size: 14px;
+  color: rgba(255, 255, 255, 0.65);
+}
+.el-pagination.is-background.mx-pagination .el-pager .number {
+  background-color: #232324;
+  font-weight: 400;
+  font-size: 14px;
+  color: rgba(255, 255, 255, 0.65);
+  line-height: 22px;
+}
+.el-pagination.is-background.mx-pagination .el-pager .number:hover {
+  transition: all 0.2s;
+  background-color: rgba(255, 255, 255, 0.12);
+}
+.el-pagination.is-background.mx-pagination .el-pager .number.is-active {
+  background: #4a90e2;
+  font-weight: 500;
+  color: #ffffff;
+}
+.el-pagination.is-background.mx-pagination .el-pager .more.btn-quickprev.el-icon,
+.el-pagination.is-background.mx-pagination .el-pager .more.btn-quicknext.el-icon {
+  background-color: #232324;
+  color: rgba(255, 255, 255, 0.3);
+}
+.el-pagination.is-background.mx-pagination .el-pager .more.btn-quickprev.el-icon:hover,
+.el-pagination.is-background.mx-pagination .el-pager .more.btn-quicknext.el-icon:hover {
+  color: #4a90e2;
+}
+.el-pagination.is-background.mx-pagination .el-pagination__sizes .el-input {
+  --el-input-bg-color: rgba(74, 144, 226, 0.16);
+  --el-input-border-color: rgba(0, 173, 255, 0.5);
+  --el-input-border-radius: 2px;
+}
+.el-pagination.is-background.mx-pagination .el-pagination__sizes .el-select {
+  --el-select-border-color-hover: rgba(0, 173, 255, 0.8);
+}
+.el-pagination.is-background.mx-pagination .el-pagination__sizes .el-select.el-select--default .el-input__wrapper {
+  padding: 1px 12px 1px 0;
+}
+.el-pagination.is-background.mx-pagination .el-pagination__sizes .el-select.el-select--default .el-input__wrapper .el-input__inner {
+  font-weight: 400;
+  font-size: 14px;
+  color: rgba(255, 255, 255, 0.85);
+}
+.el-pagination.is-background.mx-pagination .el-pagination__total {
+  font-weight: 400;
+  font-size: 14px;
+  color: rgba(255, 255, 255, 0.65);
+}
+.el-pagination.is-background.mx-pagination .el-pagination__jump .el-pagination__classifier,
+.el-pagination.is-background.mx-pagination .el-pagination__jump .el-pagination__goto {
+  font-weight: 400;
+  font-size: 14px;
+  color: rgba(255, 255, 255, 0.65);
+}
+.el-pagination.is-background.mx-pagination .el-pagination__jump .el-input {
+  --el-input-bg-color: rgba(74, 144, 226, 0.16);
+  --el-input-border-color: rgba(0, 173, 255, 0.5);
+  --el-input-hover-border-color: rgba(0, 173, 255, 0.8);
+  --el-input-border-radius: 2px;
+}
+.el-pagination.is-background.mx-pagination .el-pagination__jump .el-input .el-input__wrapper .el-input__inner {
+  font-weight: 400;
+  font-size: 14px;
+  color: rgba(255, 255, 255, 0.85);
+}
+.mx-pagination-popper.el-popper.is-pure.is-light.el-select__popper {
+  background: #1f1f1f;
+}
+.mx-pagination-popper.el-popper.is-pure.is-light.el-select__popper .el-select-dropdown.mx-pagination-popper .el-scrollbar .el-select-dropdown__wrap.el-scrollbar__wrap.el-scrollbar__wrap--hidden-default .el-scrollbar__view.el-select-dropdown__list .el-select-dropdown__item {
+  color: rgba(255, 255, 255, 0.85);
+  font-weight: normal;
+  font-size: 14px;
+}
+.mx-pagination-popper.el-popper.is-pure.is-light.el-select__popper .el-select-dropdown.mx-pagination-popper .el-scrollbar .el-select-dropdown__wrap.el-scrollbar__wrap.el-scrollbar__wrap--hidden-default .el-scrollbar__view.el-select-dropdown__list .el-select-dropdown__item.hover {
+  background: rgba(255, 255, 255, 0.05);
+}
+.mx-pagination-popper.el-popper.is-pure.is-light.el-select__popper .el-select-dropdown.mx-pagination-popper .el-scrollbar .el-select-dropdown__wrap.el-scrollbar__wrap.el-scrollbar__wrap--hidden-default .el-scrollbar__view.el-select-dropdown__list .el-select-dropdown__item.selected {
+  background: #111d2c;
+}
+.mx-pagination-popper.el-popper.is-pure.is-light.el-select__popper .el-popper__arrow {
+  display: none;
+}
+.el-pagination.is-background .btn-next:disabled,
+.el-pagination.is-background .btn-prev:disabled {
+  background-color: #232324 !important;
+}
+.el-pagination.is-background .btn-next:disabled .el-icon,
+.el-pagination.is-background .btn-prev:disabled .el-icon {
+  font-size: 14px;
+  color: rgba(255, 255, 255, 0.65);
+}

package/lib/components/pagination/MxPagination.vue.d.ts

@@ -0,0 +1,38 @@
+import { PropType } from 'vue';
+declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
+    totalCount: {
+        type: NumberConstructor;
+        default: null;
+    };
+    layout: {
+        type: StringConstructor;
+        default: string;
+    };
+    pageSizes: {
+        type: PropType<number[]>;
+        default: () => number[];
+    };
+}, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    totalCount: {
+        type: NumberConstructor;
+        default: null;
+    };
+    layout: {
+        type: StringConstructor;
+        default: string;
+    };
+    pageSizes: {
+        type: PropType<number[]>;
+        default: () => number[];
+    };
+}>>, {
+    totalCount: number;
+    layout: string;
+    pageSizes: number[];
+}, {}>, Partial<Record<NonNullable<string | number>, (_: {}) => any>>>;
+export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/lib/components/pagination/MxPagination.vue.js

@@ -0,0 +1,52 @@
+"use strict";
+const vue = require("vue");
+const elementPlus = require("element-plus");
+require("element-plus/es/components/pagination/style/css");
+require("element-plus/es/components/config-provider/style/css");
+const locale = require("element-plus/lib/locale/lang/zh-cn");
+const _sfc_main = /* @__PURE__ */ vue.defineComponent({
+  __name: "MxPagination",
+  props: {
+    totalCount: {
+      type: Number,
+      default: null
+    },
+    layout: {
+      type: String,
+      default: "total, prev, pager, next, sizes"
+    },
+    pageSizes: {
+      type: Array,
+      default: () => [10, 20, 30, 50, 100]
+    }
+  },
+  setup(__props) {
+    const props = __props;
+    return (_ctx, _cache) => {
+      return vue.openBlock(), vue.createBlock(vue.unref(elementPlus.ElConfigProvider), { locale: vue.unref(locale) }, {
+        default: vue.withCtx(() => [
+          vue.createVNode(vue.unref(elementPlus.ElPagination), vue.mergeProps({
+            class: "mx-pagination",
+            "popper-class": "mx-pagination-popper"
+          }, _ctx.$attrs, {
+            background: "",
+            layout: props.layout,
+            "page-sizes": props.pageSizes
+          }), vue.createSlots({ _: 2 }, [
+            vue.renderList(_ctx.$slots, (item, key, index) => {
+              return {
+                name: key,
+                fn: vue.withCtx(() => [
+                  vue.renderSlot(_ctx.$slots, key)
+                ])
+              };
+            })
+          ]), 1040, ["layout", "page-sizes"])
+        ]),
+        _: 3
+      }, 8, ["locale"]);
+    };
+  }
+});
+const MxPagination_vue_vue_type_style_index_0_lang = "";
+module.exports = _sfc_main;

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

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

package/lib/components/pagination/index.js

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

package/lib/components/popconfirm/MxPopconfirm.css

@@ -0,0 +1,26 @@
+.mx-popconfirm.el-popper {
+  --el-text-color-primary: #1f1f1f;
+  min-width: 180px;
+  max-width: 240px;
+  padding: 16px;
+  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-popconfirm.el-popper .mx-popconfirm-main {
+  display: inline-flex;
+  font-size: 14px;
+  color: rgba(255, 255, 255, 0.65);
+  line-height: 22px;
+  align-items: flex-start;
+}
+.mx-popconfirm.el-popper .mx-popconfirm-main .el-icon {
+  font-size: 16px;
+  height: 22px;
+  margin-right: 4px;
+}
+.mx-popconfirm.el-popper .mx-popconfirm-footer {
+  margin-top: 16px;
+  text-align: right;
+}
+.mx-popconfirm.el-popper .mx-popconfirm-footer .mx-button {
+  margin-left: 8px;
+}