@maxtropy/v-components 0.1.12-beta.4 → 0.1.12-beta.6

package/es/components/ellipsisSpan/MxEllipsisSpan.vue.d.ts

@@ -0,0 +1,42 @@
+import { PropType, Component } from 'vue';
+declare const _default: import("vue").DefineComponent<{
+    value: {
+        type: PropType<string | Component<any, any, any, import("vue").ComputedOptions, import("vue").MethodOptions>>;
+        default: string;
+    };
+    className: {
+        type: StringConstructor;
+        default: string;
+    };
+    avatar: {
+        type: StringConstructor;
+        default: string;
+    };
+    defaultValue: {
+        type: PropType<string | Component<any, any, any, import("vue").ComputedOptions, import("vue").MethodOptions>>;
+        default: string;
+    };
+}, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    value: {
+        type: PropType<string | Component<any, any, any, import("vue").ComputedOptions, import("vue").MethodOptions>>;
+        default: string;
+    };
+    className: {
+        type: StringConstructor;
+        default: string;
+    };
+    avatar: {
+        type: StringConstructor;
+        default: string;
+    };
+    defaultValue: {
+        type: PropType<string | Component<any, any, any, import("vue").ComputedOptions, import("vue").MethodOptions>>;
+        default: string;
+    };
+}>>, {
+    defaultValue: string | Component<any, any, any, import("vue").ComputedOptions, import("vue").MethodOptions>;
+    value: string | Component<any, any, any, import("vue").ComputedOptions, import("vue").MethodOptions>;
+    className: string;
+    avatar: string;
+}, {}>;
+export default _default;

package/es/components/ellipsisSpan/MxEllipsisSpan.vue.js

@@ -0,0 +1,70 @@
+import { defineComponent, resolveComponent, openBlock, createElementBlock, createVNode, createCommentVNode, withCtx, createElementVNode, normalizeClass, toDisplayString } from "vue";
+const _hoisted_1 = { class: "mx-ellipsis-span" };
+const _hoisted_2 = { key: 0 };
+const _hoisted_3 = { key: 1 };
+const _hoisted_4 = { key: 2 };
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "MxEllipsisSpan",
+  props: {
+    value: {
+      type: String,
+      default: ""
+    },
+    className: {
+      type: String,
+      default: ""
+    },
+    avatar: {
+      type: String,
+      default: ""
+    },
+    defaultValue: {
+      type: String,
+      default: ""
+    }
+  },
+  setup(__props) {
+    const props = __props;
+    return (_ctx, _cache) => {
+      const _component_el_avatar = resolveComponent("el-avatar");
+      const _component_MxTooltip = resolveComponent("MxTooltip");
+      return openBlock(), createElementBlock("div", _hoisted_1, [
+        props.avatar ? (openBlock(), createElementBlock("span", _hoisted_2, [
+          createVNode(_component_el_avatar, {
+            size: 29,
+            src: props.avatar
+          }, null, 8, ["src"])
+        ])) : createCommentVNode("", true),
+        props.value !== void 0 && props.value !== null ? (openBlock(), createElementBlock("span", _hoisted_3, [
+          createVNode(_component_MxTooltip, {
+            content: props.value,
+            placement: "top-start"
+          }, {
+            default: withCtx(() => [
+              createElementVNode("span", {
+                class: normalizeClass(props.className)
+              }, toDisplayString(props.value), 3)
+            ]),
+            _: 1
+          }, 8, ["content"])
+        ])) : (openBlock(), createElementBlock("span", _hoisted_4, [
+          createElementVNode("span", {
+            class: normalizeClass(props.className)
+          }, toDisplayString(props.defaultValue ?? "--"), 3)
+        ]))
+      ]);
+    };
+  }
+});
+const MxEllipsisSpan_vue_vue_type_style_index_0_scoped_1e9cf788_lang = "";
+const _export_sfc = (sfc, props) => {
+  const target = sfc.__vccOpts || sfc;
+  for (const [key, val] of props) {
+    target[key] = val;
+  }
+  return target;
+};
+const MxEllipsisSpan = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-1e9cf788"]]);
+export {
+  MxEllipsisSpan as default
+};

package/es/components/ellipsisSpan/index.d.ts

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

package/es/components/ellipsisSpan/index.js

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

package/es/components/empty/MxEmpty.css

@@ -0,0 +1,10 @@
+.mx-empty.el-empty {
+  width: 100%;
+}
+.mx-empty.el-empty .el-empty__description {
+  margin-top: 8px;
+}
+.mx-empty.el-empty .el-empty__description p {
+  font-size: 14px;
+  color: rgba(255, 255, 255, 0.85);
+}

package/es/components/empty/MxEmpty.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/empty/MxEmpty.vue.js

@@ -0,0 +1,36 @@
+import { defineComponent, openBlock, createBlock, unref, withCtx, createVNode, mergeProps, createSlots, renderList, renderSlot } from "vue";
+import { ElConfigProvider, ElEmpty } from "element-plus";
+import "element-plus/es/components/empty/style/css";
+import "element-plus/es/components/config-provider/style/css";
+import noDataPic from "./no-data.png";
+import locale from "element-plus/es/locale/lang/zh-cn";
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "MxEmpty",
+  setup(__props) {
+    return (_ctx, _cache) => {
+      return openBlock(), createBlock(unref(ElConfigProvider), { locale: unref(locale) }, {
+        default: withCtx(() => [
+          createVNode(unref(ElEmpty), mergeProps(_ctx.$attrs, {
+            image: unref(noDataPic),
+            "image-size": 80,
+            class: "mx-empty"
+          }), createSlots({ _: 2 }, [
+            renderList(_ctx.$slots, (item, key, index) => {
+              return {
+                name: key,
+                fn: withCtx(() => [
+                  renderSlot(_ctx.$slots, key)
+                ])
+              };
+            })
+          ]), 1040, ["image"])
+        ]),
+        _: 3
+      }, 8, ["locale"]);
+    };
+  }
+});
+const MxEmpty_vue_vue_type_style_index_0_lang = "";
+export {
+  _sfc_main as default
+};

package/es/components/empty/index.d.ts

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

package/es/components/empty/index.js

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

package/es/components/form/MxForm.css

@@ -0,0 +1,26 @@
+.mx-form.el-form--label-left .el-form-item__label,
+.mx-form.el-form--label-right .el-form-item__label {
+  padding-right: 8px;
+}
+.mx-form.el-form--label-top .mx-form-item.el-form-item .el-form-item__label {
+  display: inline-flex;
+  min-height: 22px;
+  max-height: 22px;
+}
+.mx-form.mx-form-layout .el-row .el-col .el-form-item__content {
+  max-width: 464px;
+}
+.mx-form.mx-form-layout .el-row:has(.el-col-12) {
+  column-gap: 120px;
+}
+.mx-form.mx-form-layout .el-row:has(.el-col-12) .el-col-12 {
+  flex: auto;
+  width: calc((100% - 120px) / 2);
+}
+.mx-form.mx-form-layout .el-row:has(.el-col-8) {
+  column-gap: 72px;
+}
+.mx-form.mx-form-layout .el-row:has(.el-col-8) .el-col-8 {
+  flex: none;
+  width: calc((100% - 144px) / 3);
+}

package/es/components/form/MxForm.vue.d.ts

@@ -0,0 +1,123 @@
+import type { PropType } from 'vue';
+import { FormItemProp, FormValidateCallback } from 'element-plus';
+type Arrayable<T> = T | T[];
+declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
+    labelPosition: {
+        type: PropType<"top" | "right" | "left">;
+        default: string;
+    };
+    isOrigin: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    model: ObjectConstructor;
+    rules: {
+        readonly type: PropType<Partial<Record<string, import("element-plus/es/utils/typescript.js").Arrayable<import("element-plus").FormItemRule>>>>;
+        readonly required: false;
+        readonly validator: ((val: unknown) => boolean) | undefined;
+        __epPropKey: true;
+    };
+    requireAsteriskPosition: import("element-plus/es/utils/index.js").EpPropFinalized<StringConstructor, "right" | "left", unknown, "left", boolean>;
+    labelWidth: import("element-plus/es/utils/index.js").EpPropFinalized<readonly [StringConstructor, NumberConstructor], unknown, unknown, "", boolean>;
+    labelSuffix: import("element-plus/es/utils/index.js").EpPropFinalized<StringConstructor, unknown, unknown, "", boolean>;
+    inline: BooleanConstructor;
+    inlineMessage: BooleanConstructor;
+    statusIcon: BooleanConstructor;
+    showMessage: import("element-plus/es/utils/index.js").EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
+    validateOnRuleChange: import("element-plus/es/utils/index.js").EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
+    hideRequiredAsterisk: import("element-plus/es/utils/index.js").EpPropFinalized<BooleanConstructor, unknown, unknown, false, boolean>;
+    scrollToError: BooleanConstructor;
+    scrollIntoViewOptions: {
+        readonly type: PropType<import("element-plus/es/utils/index.js").EpPropMergeType<readonly [ObjectConstructor, BooleanConstructor], unknown, unknown>>;
+        readonly required: false;
+        readonly validator: ((val: unknown) => boolean) | undefined;
+        __epPropKey: true;
+    };
+    size: {
+        readonly type: PropType<import("element-plus/es/utils/index.js").EpPropMergeType<StringConstructor, "" | "default" | "small" | "large", unknown>>;
+        readonly required: false;
+        readonly validator: ((val: unknown) => boolean) | undefined;
+        __epPropKey: true;
+    };
+    disabled: BooleanConstructor;
+}, {
+    /**
+     * @description Validate the whole form. Receives a callback or returns `Promise`.
+     */
+    validate: (callback?: FormValidateCallback | undefined) => Promise<boolean | undefined>;
+    /**
+     * @description Validate specified fields.
+     */
+    validateField: (modelProps?: Arrayable<FormItemProp> | undefined, callback?: FormValidateCallback | undefined) => Promise<boolean | undefined>;
+    /**
+     * @description Reset specified fields and remove validation result.
+     */
+    resetFields: (props?: import("element-plus/es/utils/typescript.js").Arrayable<FormItemProp> | undefined) => void;
+    /**
+     * @description Clear validation message for specified fields.
+     */
+    clearValidate: (props?: import("element-plus/es/utils/typescript.js").Arrayable<FormItemProp> | undefined) => void;
+    /**
+     * @description Scroll to the specified fields.
+     */
+    scrollToField: (prop: FormItemProp) => void | undefined;
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    labelPosition: {
+        type: PropType<"top" | "right" | "left">;
+        default: string;
+    };
+    isOrigin: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    model: ObjectConstructor;
+    rules: {
+        readonly type: PropType<Partial<Record<string, import("element-plus/es/utils/typescript.js").Arrayable<import("element-plus").FormItemRule>>>>;
+        readonly required: false;
+        readonly validator: ((val: unknown) => boolean) | undefined;
+        __epPropKey: true;
+    };
+    requireAsteriskPosition: import("element-plus/es/utils/index.js").EpPropFinalized<StringConstructor, "right" | "left", unknown, "left", boolean>;
+    labelWidth: import("element-plus/es/utils/index.js").EpPropFinalized<readonly [StringConstructor, NumberConstructor], unknown, unknown, "", boolean>;
+    labelSuffix: import("element-plus/es/utils/index.js").EpPropFinalized<StringConstructor, unknown, unknown, "", boolean>;
+    inline: BooleanConstructor;
+    inlineMessage: BooleanConstructor;
+    statusIcon: BooleanConstructor;
+    showMessage: import("element-plus/es/utils/index.js").EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
+    validateOnRuleChange: import("element-plus/es/utils/index.js").EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
+    hideRequiredAsterisk: import("element-plus/es/utils/index.js").EpPropFinalized<BooleanConstructor, unknown, unknown, false, boolean>;
+    scrollToError: BooleanConstructor;
+    scrollIntoViewOptions: {
+        readonly type: PropType<import("element-plus/es/utils/index.js").EpPropMergeType<readonly [ObjectConstructor, BooleanConstructor], unknown, unknown>>;
+        readonly required: false;
+        readonly validator: ((val: unknown) => boolean) | undefined;
+        __epPropKey: true;
+    };
+    size: {
+        readonly type: PropType<import("element-plus/es/utils/index.js").EpPropMergeType<StringConstructor, "" | "default" | "small" | "large", unknown>>;
+        readonly required: false;
+        readonly validator: ((val: unknown) => boolean) | undefined;
+        __epPropKey: true;
+    };
+    disabled: BooleanConstructor;
+}>>, {
+    disabled: boolean;
+    labelPosition: "top" | "right" | "left";
+    isOrigin: boolean;
+    requireAsteriskPosition: import("element-plus/es/utils/index.js").EpPropMergeType<StringConstructor, "right" | "left", unknown>;
+    labelWidth: import("element-plus/es/utils/index.js").EpPropMergeType<readonly [StringConstructor, NumberConstructor], unknown, unknown>;
+    labelSuffix: string;
+    inline: boolean;
+    inlineMessage: boolean;
+    statusIcon: boolean;
+    showMessage: import("element-plus/es/utils/index.js").EpPropMergeType<BooleanConstructor, unknown, unknown>;
+    validateOnRuleChange: import("element-plus/es/utils/index.js").EpPropMergeType<BooleanConstructor, unknown, unknown>;
+    hideRequiredAsterisk: import("element-plus/es/utils/index.js").EpPropMergeType<BooleanConstructor, unknown, unknown>;
+    scrollToError: boolean;
+}, {}>, Partial<Record<NonNullable<string | number>, (_: {}) => any>>>;
+export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/es/components/form/MxForm.vue.js

@@ -0,0 +1,99 @@
+import { defineComponent, ref, watch, openBlock, createBlock, unref, mergeProps, createSlots, renderList, withCtx, renderSlot } from "vue";
+import { formProps, ElForm } from "element-plus";
+import "element-plus/es/components/form/style/css";
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "MxForm",
+  props: {
+    ...formProps,
+    labelPosition: {
+      type: String,
+      default: "left"
+    },
+    isOrigin: {
+      type: Boolean,
+      default: false
+    }
+  },
+  setup(__props, { expose: __expose }) {
+    const props = __props;
+    const labelWidth = ref();
+    const labelSuffix = ref();
+    watch(
+      () => props.labelPosition,
+      (newVal) => {
+        if (newVal !== "top") {
+          labelWidth.value = 128;
+          labelSuffix.value = ":";
+        }
+      },
+      { immediate: true }
+    );
+    const formRef = ref();
+    const validate = async (callback) => {
+      var _a, _b;
+      return (_b = (_a = formRef.value) == null ? void 0 : _a.validate) == null ? void 0 : _b.call(_a, callback);
+    };
+    const validateField = async (modelProps, callback) => {
+      var _a, _b;
+      return (_b = (_a = formRef.value) == null ? void 0 : _a.validateField) == null ? void 0 : _b.call(_a, modelProps, callback);
+    };
+    const resetFields = (properties = []) => {
+      var _a;
+      return (_a = formRef.value) == null ? void 0 : _a.resetFields(properties);
+    };
+    const clearValidate = (props2 = []) => {
+      var _a;
+      return (_a = formRef.value) == null ? void 0 : _a.clearValidate(props2);
+    };
+    const scrollToField = (prop) => {
+      var _a;
+      return (_a = formRef.value) == null ? void 0 : _a.scrollToField(prop);
+    };
+    __expose({
+      /**
+       * @description Validate the whole form. Receives a callback or returns `Promise`.
+       */
+      validate,
+      /**
+       * @description Validate specified fields.
+       */
+      validateField,
+      /**
+       * @description Reset specified fields and remove validation result.
+       */
+      resetFields,
+      /**
+       * @description Clear validation message for specified fields.
+       */
+      clearValidate,
+      /**
+       * @description Scroll to the specified fields.
+       */
+      scrollToField
+    });
+    return (_ctx, _cache) => {
+      return openBlock(), createBlock(unref(ElForm), mergeProps({
+        ref_key: "formRef",
+        ref: formRef,
+        class: ["mx-form", { "mx-form-layout": !__props.isOrigin }]
+      }, props, {
+        "label-position": __props.labelPosition,
+        "label-width": labelWidth.value,
+        "label-suffix": labelSuffix.value
+      }), createSlots({ _: 2 }, [
+        renderList(_ctx.$slots, (item, key, index) => {
+          return {
+            name: key,
+            fn: withCtx(() => [
+              renderSlot(_ctx.$slots, key)
+            ])
+          };
+        })
+      ]), 1040, ["class", "label-position", "label-width", "label-suffix"]);
+    };
+  }
+});
+const MxForm_vue_vue_type_style_index_0_lang = "";
+export {
+  _sfc_main as default
+};

package/es/components/form/MxFormItem.css

@@ -0,0 +1,23 @@
+.mx-form-item.el-form-item {
+  margin-bottom: 24px;
+}
+.mx-form-item.el-form-item .el-form-item__label {
+  color: rgba(255, 255, 255, 0.65);
+  line-height: 22px;
+  max-height: 44px;
+  min-height: 32px;
+  overflow: hidden;
+  height: min-content;
+  align-items: center;
+}
+.mx-form-item.el-form-item .el-form-item__label:before {
+  line-height: 22px;
+}
+.mx-form-item.el-form-item .el-form-item__label .el-icon {
+  margin: 0 4px;
+}
+.mx-form-item.el-form-item .el-form-item__error {
+  padding-top: 4px;
+  line-height: 20px;
+  position: static;
+}

package/es/components/form/MxFormItem.vue.d.ts

@@ -0,0 +1,94 @@
+import type { Component, PropType } from 'vue';
+export declare const iconPropType: PropType<boolean | Component<any, any, any, import("vue").ComputedOptions, import("vue").MethodOptions>>;
+declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
+    label: {
+        type: StringConstructor;
+        default: string;
+    };
+    icon: {
+        type: PropType<boolean | Component<any, any, any, import("vue").ComputedOptions, import("vue").MethodOptions>>;
+        default: boolean;
+    };
+    labelWidth: import("element-plus/es/utils").EpPropFinalized<readonly [StringConstructor, NumberConstructor], unknown, unknown, "", boolean>;
+    prop: {
+        readonly type: PropType<import("element-plus/es/utils").EpPropMergeType<(new (...args: any[]) => string | string[]) | (() => import("element-plus").FormItemProp) | ((new (...args: any[]) => string | string[]) | (() => import("element-plus").FormItemProp))[], unknown, unknown>>;
+        readonly required: false;
+        readonly validator: ((val: unknown) => boolean) | undefined;
+        __epPropKey: true;
+    };
+    required: import("element-plus/es/utils").EpPropFinalized<BooleanConstructor, unknown, unknown, undefined, boolean>;
+    rules: {
+        readonly type: PropType<import("element-plus/es/utils").EpPropMergeType<(new (...args: any[]) => import("element-plus").FormItemRule | import("element-plus").FormItemRule[]) | (() => import("element-plus/es/utils").Arrayable<import("element-plus").FormItemRule>) | ((new (...args: any[]) => import("element-plus").FormItemRule | import("element-plus").FormItemRule[]) | (() => import("element-plus/es/utils").Arrayable<import("element-plus").FormItemRule>))[], unknown, unknown>>;
+        readonly required: false;
+        readonly validator: ((val: unknown) => boolean) | undefined;
+        __epPropKey: true;
+    };
+    error: StringConstructor;
+    validateStatus: {
+        readonly type: PropType<import("element-plus/es/utils").EpPropMergeType<StringConstructor, "" | "success" | "error" | "validating", unknown>>;
+        readonly required: false;
+        readonly validator: ((val: unknown) => boolean) | undefined;
+        __epPropKey: true;
+    };
+    for: StringConstructor;
+    inlineMessage: import("element-plus/es/utils").EpPropFinalized<readonly [StringConstructor, BooleanConstructor], unknown, unknown, "", boolean>;
+    showMessage: import("element-plus/es/utils").EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
+    size: {
+        readonly type: PropType<import("element-plus/es/utils").EpPropMergeType<StringConstructor, "" | "default" | "small" | "large", unknown>>;
+        readonly required: false;
+        readonly validator: ((val: unknown) => boolean) | undefined;
+        __epPropKey: true;
+    };
+}, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    label: {
+        type: StringConstructor;
+        default: string;
+    };
+    icon: {
+        type: PropType<boolean | Component<any, any, any, import("vue").ComputedOptions, import("vue").MethodOptions>>;
+        default: boolean;
+    };
+    labelWidth: import("element-plus/es/utils").EpPropFinalized<readonly [StringConstructor, NumberConstructor], unknown, unknown, "", boolean>;
+    prop: {
+        readonly type: PropType<import("element-plus/es/utils").EpPropMergeType<(new (...args: any[]) => string | string[]) | (() => import("element-plus").FormItemProp) | ((new (...args: any[]) => string | string[]) | (() => import("element-plus").FormItemProp))[], unknown, unknown>>;
+        readonly required: false;
+        readonly validator: ((val: unknown) => boolean) | undefined;
+        __epPropKey: true;
+    };
+    required: import("element-plus/es/utils").EpPropFinalized<BooleanConstructor, unknown, unknown, undefined, boolean>;
+    rules: {
+        readonly type: PropType<import("element-plus/es/utils").EpPropMergeType<(new (...args: any[]) => import("element-plus").FormItemRule | import("element-plus").FormItemRule[]) | (() => import("element-plus/es/utils").Arrayable<import("element-plus").FormItemRule>) | ((new (...args: any[]) => import("element-plus").FormItemRule | import("element-plus").FormItemRule[]) | (() => import("element-plus/es/utils").Arrayable<import("element-plus").FormItemRule>))[], unknown, unknown>>;
+        readonly required: false;
+        readonly validator: ((val: unknown) => boolean) | undefined;
+        __epPropKey: true;
+    };
+    error: StringConstructor;
+    validateStatus: {
+        readonly type: PropType<import("element-plus/es/utils").EpPropMergeType<StringConstructor, "" | "success" | "error" | "validating", unknown>>;
+        readonly required: false;
+        readonly validator: ((val: unknown) => boolean) | undefined;
+        __epPropKey: true;
+    };
+    for: StringConstructor;
+    inlineMessage: import("element-plus/es/utils").EpPropFinalized<readonly [StringConstructor, BooleanConstructor], unknown, unknown, "", boolean>;
+    showMessage: import("element-plus/es/utils").EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
+    size: {
+        readonly type: PropType<import("element-plus/es/utils").EpPropMergeType<StringConstructor, "" | "default" | "small" | "large", unknown>>;
+        readonly required: false;
+        readonly validator: ((val: unknown) => boolean) | undefined;
+        __epPropKey: true;
+    };
+}>>, {
+    label: string;
+    required: import("element-plus/es/utils").EpPropMergeType<BooleanConstructor, unknown, unknown>;
+    icon: boolean | Component<any, any, any, import("vue").ComputedOptions, import("vue").MethodOptions>;
+    labelWidth: import("element-plus/es/utils").EpPropMergeType<readonly [StringConstructor, NumberConstructor], unknown, unknown>;
+    inlineMessage: import("element-plus/es/utils").EpPropMergeType<readonly [StringConstructor, BooleanConstructor], unknown, unknown>;
+    showMessage: import("element-plus/es/utils").EpPropMergeType<BooleanConstructor, unknown, unknown>;
+}, {}>, Partial<Record<NonNullable<string | number>, (_: {}) => any>> & Partial<Record<string, (_: {}) => any>>>;
+export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/es/components/form/MxFormItem.vue.js

@@ -0,0 +1,63 @@
+import { defineComponent, inject, resolveComponent, openBlock, createBlock, unref, mergeProps, createSlots, renderList, withCtx, renderSlot, createTextVNode, toDisplayString, resolveDynamicComponent, createCommentVNode } from "vue";
+import { formItemProps, formContextKey, ElFormItem } from "element-plus";
+import "element-plus/es/components/form-item/style/css";
+import InfoCircle from "../../assets/svg/InfoCircleSvg.vue";
+const definePropType = (val) => val;
+const iconPropType = definePropType([String, Object, Function]);
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "MxFormItem",
+  props: {
+    ...formItemProps,
+    label: {
+      type: String,
+      default: ""
+    },
+    icon: {
+      type: iconPropType,
+      default: false
+    }
+  },
+  setup(__props) {
+    const formContext = inject(formContextKey, void 0);
+    return (_ctx, _cache) => {
+      const _component_el_icon = resolveComponent("el-icon");
+      return openBlock(), createBlock(unref(ElFormItem), mergeProps({ class: "mx-form-item" }, _ctx.$attrs), createSlots({ _: 2 }, [
+        renderList(_ctx.$slots, (item, key, index) => {
+          return {
+            name: key,
+            fn: withCtx(() => [
+              renderSlot(_ctx.$slots, key)
+            ])
+          };
+        }),
+        __props.label ? {
+          name: "label",
+          fn: withCtx(() => [
+            renderSlot(_ctx.$slots, __props.label, {}, () => {
+              var _a;
+              return [
+                createTextVNode(toDisplayString(__props.label) + " ", 1),
+                __props.icon || _ctx.$slots.icon ? (openBlock(), createBlock(_component_el_icon, { key: 0 }, {
+                  default: withCtx(() => [
+                    __props.icon === true ? (openBlock(), createBlock(InfoCircle, {
+                      key: 0,
+                      color: "#FAAD14"
+                    })) : (openBlock(), createBlock(resolveDynamicComponent(__props.icon), { key: 1 }))
+                  ]),
+                  _: 1
+                })) : createCommentVNode("", true),
+                createTextVNode(" " + toDisplayString(((_a = unref(formContext)) == null ? void 0 : _a.labelSuffix) || ""), 1)
+              ];
+            })
+          ]),
+          key: "0"
+        } : void 0
+      ]), 1040);
+    };
+  }
+});
+const MxFormItem_vue_vue_type_style_index_0_lang = "";
+export {
+  _sfc_main as default,
+  iconPropType
+};