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

package/lib/components/button/MxButton.css

@@ -0,0 +1,149 @@
+.mx-button[data-v-5d371584] {
+  position: relative;
+  display: inline-block;
+  height: fit-content;
+  font-size: 0;
+}
+.mx-button[data-v-5d371584] .el-button {
+  --el-button-font-weight: 400;
+  --el-button-bg-color: rgba(255, 255, 255, 0.05);
+  --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-button[data-v-5d371584] .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-button[data-v-5d371584] .el-button--large {
+  padding: 8px 24px;
+  font-size: 16px;
+}
+.mx-button[data-v-5d371584] .el-button--small {
+  --el-border-radius-base: 3px;
+  padding: 2px 12px;
+  font-size: 12px;
+}
+.mx-button[data-v-5d371584] .el-button.is-link {
+  --el-button-text-color: #4a90e2;
+  --el-button-hover-link-text-color: #75b3f0;
+  --el-button-active-color: #3570bd;
+  line-height: 22px;
+  box-shadow: none;
+  border: none;
+}
+.mx-button[data-v-5d371584] .el-button--large.el-button.is-link {
+  line-height: 24px;
+}
+.mx-button[data-v-5d371584] .el-button--small.el-button.is-link {
+  line-height: 16px;
+}
+.mx-button[data-v-5d371584] .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);
+}
+.mx-button[data-v-5d371584] .el-button--primary.is-disabled {
+  background: linear-gradient(90deg, #004173 0%, #0e78ad 100%);
+  color: rgba(255, 255, 255, 0.3);
+  box-shadow: none;
+}
+.mx-button[data-v-5d371584] .el-button.is-link.el-button--danger {
+  --el-button-text-color: #e64242;
+  --el-button-hover-link-text-color: #dc6864;
+  --el-button-active-color: #9d3232;
+}
+.mx-button[data-v-5d371584] .el-button--danger.is-link.is-disabled {
+  --el-color-danger-light-5: rgba(255, 255, 255, 0.3);
+}
+.mx-button[data-v-5d371584] .el-button--primary:hover {
+  --el-button-bg-color: linear-gradient(90deg, #2795cc 0%, #57d8ff 100%);
+}
+.mx-button[data-v-5d371584] .el-button--primary:active {
+  --el-button-bg-color: linear-gradient(90deg, #005c99 0%, #1c9cd4 100%);
+}
+.mx-button[data-v-5d371584] .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;
+  box-shadow: none;
+}
+.mx-button[data-v-5d371584] .el-button--danger.is-disabled {
+  --el-button-disabled-text-color: rgba(255, 255, 255, 0.45);
+  --el-button-disabled-bg-color: #e64242;
+}
+.mx-button[data-v-5d371584] .el-button [class*="el-icon"] + span {
+  margin-left: 4px;
+}
+.mx-button .mx-button--dashed[data-v-5d371584] {
+  border-style: dashed;
+  --el-button-bg-color: transparent;
+  --el-button-hover-bg-color: transparent;
+  --el-button-text-color: #4a90e2;
+  --el-button-border-color: #4a90e2;
+  --el-button-hover-text-color: #75b3f0;
+  --el-button-hover-border-color: #75b3f0;
+  --el-button-active-text-color: #3570bd;
+  --el-button-active-border-color: #3570bd;
+}
+.mx-button .line[data-v-5d371584] {
+  position: absolute;
+  opacity: 0.5;
+  border-radius: 1px;
+  width: 2px;
+  top: 0;
+  height: 100%;
+  background: #fff;
+}
+.mx-button .line--left[data-v-5d371584] {
+  left: 0;
+}
+.mx-button .line--right[data-v-5d371584] {
+  right: 0;
+}
+.mx-button .dot[data-v-5d371584] {
+  position: absolute;
+  width: 3px;
+  height: 3px;
+  border-radius: 2px;
+  background: #fff;
+  opacity: 0.5;
+}
+.mx-button .dot--top-left[data-v-5d371584] {
+  top: 2px;
+  left: 5px;
+}
+.mx-button .dot--top-right[data-v-5d371584] {
+  top: 2px;
+  right: 5px;
+}
+.mx-button .dot--bottom-left[data-v-5d371584] {
+  bottom: 2px;
+  left: 5px;
+}
+.mx-button .dot--bottom-right[data-v-5d371584] {
+  bottom: 2px;
+  right: 5px;
+}
+.mx-button .mx-button-dot--disabled .line[data-v-5d371584] {
+  background: rgba(255, 255, 255, 0.3);
+}
+.mx-button .mx-button-dot--disabled .dot[data-v-5d371584] {
+  background: rgba(255, 255, 255, 0.3);
+}

package/lib/components/button/MxButton.vue.d.ts

@@ -0,0 +1,107 @@
+import { type PropType } from 'vue';
+declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
+    type: {
+        type: PropType<"" | "default" | "text" | "success" | "warning" | "info" | "primary" | "danger" | "dashed">;
+        validator: (value: string) => boolean;
+        default: string;
+    };
+    wait: {
+        type: NumberConstructor;
+        default: number;
+    };
+    disabled: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    size: {
+        readonly type: PropType<import("element-plus/es/utils/index.js").EpPropMergeType<StringConstructor, "" | "default" | "small" | "large", never>>;
+        readonly required: false;
+        readonly validator: ((val: unknown) => boolean) | undefined;
+        __epPropKey: true;
+    };
+    icon: {
+        readonly type: PropType<import("element-plus/es/utils/index.js").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;
+    };
+    nativeType: import("element-plus/es/utils/index.js").EpPropFinalized<StringConstructor, "button" | "reset" | "submit", unknown, "button", boolean>;
+    loading: BooleanConstructor;
+    loadingIcon: import("element-plus/es/utils/index.js").EpPropFinalized<(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, () => import("vue").DefineComponent<{}, {}, {}, import("vue").ComputedOptions, import("vue").MethodOptions, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}, {}>, boolean>;
+    plain: BooleanConstructor;
+    text: BooleanConstructor;
+    link: BooleanConstructor;
+    bg: BooleanConstructor;
+    autofocus: BooleanConstructor;
+    round: BooleanConstructor;
+    circle: BooleanConstructor;
+    color: StringConstructor;
+    dark: BooleanConstructor;
+    autoInsertSpace: import("element-plus/es/utils/index.js").EpPropFinalized<BooleanConstructor, unknown, unknown, undefined, boolean>;
+    tag: import("element-plus/es/utils/index.js").EpPropFinalized<(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, "button", boolean>;
+}, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "click"[], "click", 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;
+    };
+    wait: {
+        type: NumberConstructor;
+        default: number;
+    };
+    disabled: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    size: {
+        readonly type: PropType<import("element-plus/es/utils/index.js").EpPropMergeType<StringConstructor, "" | "default" | "small" | "large", never>>;
+        readonly required: false;
+        readonly validator: ((val: unknown) => boolean) | undefined;
+        __epPropKey: true;
+    };
+    icon: {
+        readonly type: PropType<import("element-plus/es/utils/index.js").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;
+    };
+    nativeType: import("element-plus/es/utils/index.js").EpPropFinalized<StringConstructor, "button" | "reset" | "submit", unknown, "button", boolean>;
+    loading: BooleanConstructor;
+    loadingIcon: import("element-plus/es/utils/index.js").EpPropFinalized<(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, () => import("vue").DefineComponent<{}, {}, {}, import("vue").ComputedOptions, import("vue").MethodOptions, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}, {}>, boolean>;
+    plain: BooleanConstructor;
+    text: BooleanConstructor;
+    link: BooleanConstructor;
+    bg: BooleanConstructor;
+    autofocus: BooleanConstructor;
+    round: BooleanConstructor;
+    circle: BooleanConstructor;
+    color: StringConstructor;
+    dark: BooleanConstructor;
+    autoInsertSpace: import("element-plus/es/utils/index.js").EpPropFinalized<BooleanConstructor, unknown, unknown, undefined, boolean>;
+    tag: import("element-plus/es/utils/index.js").EpPropFinalized<(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, "button", boolean>;
+}>> & {
+    onClick?: ((...args: any[]) => any) | undefined;
+}, {
+    link: boolean;
+    circle: boolean;
+    text: boolean;
+    type: "" | "default" | "text" | "success" | "warning" | "info" | "primary" | "danger" | "dashed";
+    dark: boolean;
+    wait: number;
+    disabled: boolean;
+    nativeType: import("element-plus/es/utils/index.js").EpPropMergeType<StringConstructor, "button" | "reset" | "submit", unknown>;
+    loading: boolean;
+    loadingIcon: import("element-plus/es/utils/index.js").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>;
+    plain: boolean;
+    bg: boolean;
+    autofocus: boolean;
+    round: boolean;
+    autoInsertSpace: import("element-plus/es/utils/index.js").EpPropMergeType<BooleanConstructor, unknown, unknown>;
+    tag: import("element-plus/es/utils/index.js").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>;
+}, {}>, Partial<Record<NonNullable<string | number>, (_: {}) => any>>>;
+export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/lib/components/button/MxButton.vue.js

@@ -0,0 +1,75 @@
+"use strict";
+const vue = require("vue");
+const elementPlus = require("element-plus");
+require("element-plus/es/components/button/style/css");
+const _hoisted_1 = { class: "mx-button" };
+const _hoisted_2 = /* @__PURE__ */ vue.createStaticVNode('<div class="line line--left" data-v-5d371584></div><div class="line line--right" data-v-5d371584></div><div class="dot dot--top-left" data-v-5d371584></div><div class="dot dot--bottom-left" data-v-5d371584></div><div class="dot dot--top-right" data-v-5d371584></div><div class="dot dot--bottom-right" data-v-5d371584></div>', 6);
+const _hoisted_8 = [
+  _hoisted_2
+];
+const _sfc_main = /* @__PURE__ */ vue.defineComponent({
+  __name: "MxButton",
+  props: {
+    ...elementPlus.buttonProps,
+    type: {
+      type: String,
+      validator: (value) => ["", "default", "text", "success", "warning", "info", "primary", "danger", "dashed"].includes(value),
+      default: ""
+    },
+    wait: {
+      type: Number,
+      default: 300
+    },
+    disabled: {
+      type: Boolean,
+      default: false
+    }
+  },
+  emits: ["click"],
+  setup(__props, { emit: emits }) {
+    const buttonProps = __props;
+    const record = vue.ref(0);
+    const handleClick = () => {
+      let newTime = /* @__PURE__ */ new Date();
+      if (newTime.getTime() - record.value > buttonProps.wait) {
+        emits("click");
+      }
+      record.value = (/* @__PURE__ */ new Date()).getTime();
+    };
+    const buttonType = buttonProps.type === "dashed" ? "" : buttonProps.type;
+    const buttonDisabled = buttonProps.disabled ?? false;
+    return (_ctx, _cache) => {
+      return vue.openBlock(), vue.createElementBlock("div", _hoisted_1, [
+        vue.createVNode(vue.unref(elementPlus.ElButton), vue.mergeProps(buttonProps, {
+          type: vue.unref(buttonType),
+          disabled: vue.unref(buttonDisabled),
+          class: { "mx-button--dashed": buttonProps.type === "dashed" },
+          onClick: handleClick
+        }), vue.createSlots({ _: 2 }, [
+          vue.renderList(_ctx.$slots, (item, key, index) => {
+            return {
+              name: key,
+              fn: vue.withCtx(() => [
+                vue.renderSlot(_ctx.$slots, key, {}, void 0, true)
+              ])
+            };
+          })
+        ]), 1040, ["type", "disabled", "class"]),
+        buttonProps.type === "primary" ? (vue.openBlock(), vue.createElementBlock("div", {
+          key: 0,
+          class: vue.normalizeClass({ "mx-button-dot--disabled": vue.unref(buttonDisabled) })
+        }, _hoisted_8, 2)) : vue.createCommentVNode("", true)
+      ]);
+    };
+  }
+});
+const MxButton_vue_vue_type_style_index_0_scoped_5d371584_lang = "";
+const _export_sfc = (sfc, props) => {
+  const target = sfc.__vccOpts || sfc;
+  for (const [key, val] of props) {
+    target[key] = val;
+  }
+  return target;
+};
+const MxButton = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-5d371584"]]);
+module.exports = MxButton;

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

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

package/lib/components/button/index.js

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

package/lib/components/checkbox/MxCheckbox.css

@@ -0,0 +1,35 @@
+.mx-checkbox.el-checkbox[data-v-9157b884] {
+  --el-checkbox-text-color: rgba(255, 255, 255, 0.65);
+  --el-checkbox-checked-text-color: var(--el-checkbox-text-color);
+  --el-border-color: rgba(0, 173, 255, 0.5);
+  --el-color-primary: #4a90e2;
+  margin-right: 24px;
+}
+.mx-checkbox.el-checkbox[data-v-9157b884] .el-checkbox__inner {
+  --el-checkbox-bg-color: transparent;
+  --el-checkbox-disabled-input-fill: rgba(255, 255, 255, 0.05);
+  --el-checkbox-disabled-border-color: rgba(255, 255, 255, 0.2);
+  --el-checkbox-disabled-checked-input-fill: var(--el-checkbox-disabled-input-fill);
+  --el-checkbox-disabled-checked-input-border-color: var(--el-checkbox-disabled-border-color);
+  --el-checkbox-disabled-checked-icon-color: var(--el-checkbox-disabled-border-color);
+  --el-checkbox-input-border-color-hover: rgba(0, 173, 255, 0.8);
+  --el-checkbox-input-width: 16px;
+  --el-checkbox-input-height: 16px;
+  --el-border-color: rgba(0, 173, 255, 0.5);
+  --el-checkbox-input-border: 1px solid var(--el-border-color);
+}
+.mx-checkbox.el-checkbox[data-v-9157b884] .is-indeterminate {
+  --el-checkbox-checked-bg-color: transparent;
+  --el-checkbox-checked-input-border-color: rgba(0, 173, 255, 0.5);
+  --el-checkbox-checked-icon-color: var(--el-color-primary);
+}
+.mx-checkbox.el-checkbox[data-v-9157b884] .is-indeterminate .el-checkbox__inner::before {
+  top: 6px;
+}
+.mx-checkbox.el-checkbox[data-v-9157b884] .el-checkbox__inner::after {
+  left: 5px;
+  top: 2px;
+}
+.mx-checkbox.el-checkbox[data-v-9157b884] .el-checkbox__label {
+  --el-disabled-text-color: rgba(255, 255, 255, 0.3);
+}

package/lib/components/checkbox/MxCheckbox.vue.d.ts

@@ -0,0 +1,104 @@
+declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<import("lodash").Omit<{
+    modelValue: {
+        type: (BooleanConstructor | StringConstructor | NumberConstructor)[];
+        default: undefined;
+    };
+    label: {
+        type: (BooleanConstructor | StringConstructor | ObjectConstructor | NumberConstructor)[];
+    };
+    indeterminate: BooleanConstructor;
+    disabled: BooleanConstructor;
+    checked: BooleanConstructor;
+    name: {
+        type: StringConstructor;
+        default: undefined;
+    };
+    trueLabel: {
+        type: (StringConstructor | NumberConstructor)[];
+        default: undefined;
+    };
+    falseLabel: {
+        type: (StringConstructor | NumberConstructor)[];
+        default: undefined;
+    };
+    id: {
+        type: StringConstructor;
+        default: undefined;
+    };
+    controls: {
+        type: StringConstructor;
+        default: undefined;
+    };
+    border: BooleanConstructor;
+    size: {
+        readonly type: import("vue").PropType<import("element-plus/es/utils/index.js").EpPropMergeType<StringConstructor, "" | "default" | "small" | "large", never>>;
+        readonly required: false;
+        readonly validator: ((val: unknown) => boolean) | undefined;
+        __epPropKey: true;
+    };
+    tabindex: (StringConstructor | NumberConstructor)[];
+    validateEvent: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+}, "modelValue">, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<import("lodash").Omit<{
+    modelValue: {
+        type: (BooleanConstructor | StringConstructor | NumberConstructor)[];
+        default: undefined;
+    };
+    label: {
+        type: (BooleanConstructor | StringConstructor | ObjectConstructor | NumberConstructor)[];
+    };
+    indeterminate: BooleanConstructor;
+    disabled: BooleanConstructor;
+    checked: BooleanConstructor;
+    name: {
+        type: StringConstructor;
+        default: undefined;
+    };
+    trueLabel: {
+        type: (StringConstructor | NumberConstructor)[];
+        default: undefined;
+    };
+    falseLabel: {
+        type: (StringConstructor | NumberConstructor)[];
+        default: undefined;
+    };
+    id: {
+        type: StringConstructor;
+        default: undefined;
+    };
+    controls: {
+        type: StringConstructor;
+        default: undefined;
+    };
+    border: BooleanConstructor;
+    size: {
+        readonly type: import("vue").PropType<import("element-plus/es/utils/index.js").EpPropMergeType<StringConstructor, "" | "default" | "small" | "large", never>>;
+        readonly required: false;
+        readonly validator: ((val: unknown) => boolean) | undefined;
+        __epPropKey: true;
+    };
+    tabindex: (StringConstructor | NumberConstructor)[];
+    validateEvent: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+}, "modelValue">>>, {
+    id: string;
+    name: string;
+    disabled: boolean;
+    indeterminate: boolean;
+    checked: boolean;
+    trueLabel: string | number;
+    falseLabel: string | number;
+    controls: string;
+    border: boolean;
+    validateEvent: boolean;
+}, {}>, Partial<Record<NonNullable<string | number>, (_: {}) => any>>>;
+export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/lib/components/checkbox/MxCheckbox.vue.js

@@ -0,0 +1,34 @@
+"use strict";
+const vue = require("vue");
+const elementPlus = require("element-plus");
+require("element-plus/es/components/checkbox/style/css");
+const lodashEs = require("lodash-es");
+const _sfc_main = /* @__PURE__ */ vue.defineComponent({
+  __name: "MxCheckbox",
+  props: lodashEs.omit(elementPlus.checkboxProps, ["modelValue"]),
+  setup(__props) {
+    const props = __props;
+    return (_ctx, _cache) => {
+      return vue.openBlock(), vue.createBlock(vue.unref(elementPlus.ElCheckbox), vue.mergeProps({ class: "mx-checkbox" }, { ...props, ..._ctx.$attrs }), vue.createSlots({ _: 2 }, [
+        vue.renderList(_ctx.$slots, (item, key, index) => {
+          return {
+            name: key,
+            fn: vue.withCtx(() => [
+              vue.renderSlot(_ctx.$slots, key, {}, void 0, true)
+            ])
+          };
+        })
+      ]), 1040);
+    };
+  }
+});
+const MxCheckbox_vue_vue_type_style_index_0_scoped_9157b884_lang = "";
+const _export_sfc = (sfc, props) => {
+  const target = sfc.__vccOpts || sfc;
+  for (const [key, val] of props) {
+    target[key] = val;
+  }
+  return target;
+};
+const MxCheckbox = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-9157b884"]]);
+module.exports = MxCheckbox;

package/lib/components/checkbox/MxCheckboxGroup.vue.d.ts

@@ -0,0 +1,43 @@
+declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<import("lodash").Omit<{
+    readonly modelValue: import("element-plus/es/utils/index.js").EpPropFinalized<(new (...args: any[]) => import("element-plus").CheckboxGroupValueType) | (() => import("element-plus").CheckboxGroupValueType) | ((new (...args: any[]) => import("element-plus").CheckboxGroupValueType) | (() => import("element-plus").CheckboxGroupValueType))[], unknown, unknown, () => never[], boolean>;
+    readonly disabled: BooleanConstructor;
+    readonly min: NumberConstructor;
+    readonly max: NumberConstructor;
+    readonly size: {
+        readonly type: import("vue").PropType<import("element-plus/es/utils/index.js").EpPropMergeType<StringConstructor, "" | "default" | "small" | "large", never>>;
+        readonly required: false;
+        readonly validator: ((val: unknown) => boolean) | undefined;
+        __epPropKey: true;
+    };
+    readonly label: StringConstructor;
+    readonly fill: StringConstructor;
+    readonly textColor: StringConstructor;
+    readonly tag: import("element-plus/es/utils/index.js").EpPropFinalized<StringConstructor, unknown, unknown, "div", boolean>;
+    readonly validateEvent: import("element-plus/es/utils/index.js").EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
+}, "modelValue">, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<import("lodash").Omit<{
+    readonly modelValue: import("element-plus/es/utils/index.js").EpPropFinalized<(new (...args: any[]) => import("element-plus").CheckboxGroupValueType) | (() => import("element-plus").CheckboxGroupValueType) | ((new (...args: any[]) => import("element-plus").CheckboxGroupValueType) | (() => import("element-plus").CheckboxGroupValueType))[], unknown, unknown, () => never[], boolean>;
+    readonly disabled: BooleanConstructor;
+    readonly min: NumberConstructor;
+    readonly max: NumberConstructor;
+    readonly size: {
+        readonly type: import("vue").PropType<import("element-plus/es/utils/index.js").EpPropMergeType<StringConstructor, "" | "default" | "small" | "large", never>>;
+        readonly required: false;
+        readonly validator: ((val: unknown) => boolean) | undefined;
+        __epPropKey: true;
+    };
+    readonly label: StringConstructor;
+    readonly fill: StringConstructor;
+    readonly textColor: StringConstructor;
+    readonly tag: import("element-plus/es/utils/index.js").EpPropFinalized<StringConstructor, unknown, unknown, "div", boolean>;
+    readonly validateEvent: import("element-plus/es/utils/index.js").EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
+}, "modelValue">>>, {
+    readonly disabled: boolean;
+    readonly tag: string;
+    readonly validateEvent: import("element-plus/es/utils/index.js").EpPropMergeType<BooleanConstructor, unknown, unknown>;
+}, {}>, Partial<Record<NonNullable<string | number>, (_: {}) => any>>>;
+export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/lib/components/checkbox/MxCheckboxGroup.vue.js

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