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

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

@@ -0,0 +1,76 @@
+import { defineComponent, ref, openBlock, createElementBlock, createVNode, unref, mergeProps, createSlots, renderList, withCtx, renderSlot, normalizeClass, createCommentVNode, createStaticVNode } from "vue";
+import { buttonProps, ElButton } from "element-plus";
+import "element-plus/es/components/button/style/css";
+const _hoisted_1 = { class: "mx-button" };
+const _hoisted_2 = /* @__PURE__ */ 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__ */ defineComponent({
+  __name: "MxButton",
+  props: {
+    ...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 buttonProps2 = __props;
+    const record = ref(0);
+    const handleClick = () => {
+      let newTime = /* @__PURE__ */ new Date();
+      if (newTime.getTime() - record.value > buttonProps2.wait) {
+        emits("click");
+      }
+      record.value = (/* @__PURE__ */ new Date()).getTime();
+    };
+    const buttonType = buttonProps2.type === "dashed" ? "" : buttonProps2.type;
+    const buttonDisabled = buttonProps2.disabled ?? false;
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("div", _hoisted_1, [
+        createVNode(unref(ElButton), mergeProps(buttonProps2, {
+          type: unref(buttonType),
+          disabled: unref(buttonDisabled),
+          class: { "mx-button--dashed": buttonProps2.type === "dashed" },
+          onClick: handleClick
+        }), createSlots({ _: 2 }, [
+          renderList(_ctx.$slots, (item, key, index) => {
+            return {
+              name: key,
+              fn: withCtx(() => [
+                renderSlot(_ctx.$slots, key, {}, void 0, true)
+              ])
+            };
+          })
+        ]), 1040, ["type", "disabled", "class"]),
+        buttonProps2.type === "primary" ? (openBlock(), createElementBlock("div", {
+          key: 0,
+          class: normalizeClass({ "mx-button-dot--disabled": unref(buttonDisabled) })
+        }, _hoisted_8, 2)) : 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"]]);
+export {
+  MxButton as default
+};

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

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

package/es/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/es/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/es/components/checkbox/MxCheckbox.vue.js

@@ -0,0 +1,35 @@
+import { defineComponent, openBlock, createBlock, unref, mergeProps, createSlots, renderList, withCtx, renderSlot } from "vue";
+import { checkboxProps, ElCheckbox } from "element-plus";
+import "element-plus/es/components/checkbox/style/css";
+import { omit } from "lodash-es";
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "MxCheckbox",
+  props: omit(checkboxProps, ["modelValue"]),
+  setup(__props) {
+    const props = __props;
+    return (_ctx, _cache) => {
+      return openBlock(), createBlock(unref(ElCheckbox), mergeProps({ class: "mx-checkbox" }, { ...props, ..._ctx.$attrs }), createSlots({ _: 2 }, [
+        renderList(_ctx.$slots, (item, key, index) => {
+          return {
+            name: key,
+            fn: withCtx(() => [
+              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"]]);
+export {
+  MxCheckbox as default
+};

package/es/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/es/components/checkbox/MxCheckboxGroup.vue.js

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