@transsionfe/semi-ui-vue 0.0.5 → 0.0.7

package/lib/es/components/dropdown/Dropdown.vue.js

@@ -1,245 +0,0 @@
-import { defineComponent as S, useSlots as V, ref as g, computed as m, Comment as $, Text as F, onMounted as I, watch as L, openBlock as O, createBlock as z, withCtx as M, createElementVNode as R, normalizeClass as j, renderSlot as G, h as r, isVNode as H } from "vue";
-import v from "classnames";
-import { cssClasses as U, strings as X, numbers as C } from "@douyinfe/semi-foundation/dropdown/constants";
-import { numbers as W } from "@douyinfe/semi-foundation/tooltip/constants";
-import Y from "@douyinfe/semi-foundation/dropdown/foundation";
-import Z from "../tooltip/Tooltip.vue.js";
-import q from "./DropdownMenu.vue.js";
-import J from "./DropdownItem.vue.js";
-import Q from "./DropdownDivider.vue.js";
-import ee from "./DropdownTitle.vue.js";
-import d from "./ContextProvider.vue.js";
-import { useDropdownContext as oe, provideDropdownContext as te } from "./context.js";
-const ne = ["aria-expanded"], ge = /* @__PURE__ */ S({
-  __name: "Dropdown",
-  props: {
-    render: {},
-    visible: { type: Boolean },
-    position: { default: "bottom" },
-    getPopupContainer: {},
-    mouseEnterDelay: {},
-    mouseLeaveDelay: { default: X.DEFAULT_LEAVE_DELAY },
-    menu: {},
-    trigger: { default: "hover" },
-    zIndex: { default: W.DEFAULT_Z_INDEX },
-    motion: { type: Boolean, default: !0 },
-    className: {},
-    contentClassName: {},
-    style: {},
-    rePosKey: {},
-    showTick: { type: Boolean, default: !1 },
-    closeOnEsc: { type: Boolean, default: !0 },
-    children: {},
-    autoAdjustOverflow: { type: Boolean },
-    clickToHide: { type: Boolean },
-    prefixCls: { default: U.PREFIX },
-    onVisibleChange: {},
-    onClickOutSide: {},
-    spacing: {},
-    margin: {},
-    showArrow: { type: [Boolean, Object] },
-    role: {},
-    arrowBounding: {},
-    transformFromCenter: { type: Boolean },
-    arrowPointAtCenter: { type: Boolean },
-    wrapWhenSpecial: { type: Boolean },
-    stopPropagation: { type: Boolean },
-    clickTriggerToHide: { type: Boolean },
-    wrapperClassName: {},
-    guardFocus: { type: Boolean },
-    returnFocusOnClose: { type: Boolean },
-    onEscKeyDown: {},
-    disableArrowKeyDown: { type: Boolean },
-    wrapperId: {},
-    preventScroll: { type: Boolean },
-    disableFocusListener: { type: Boolean },
-    afterClose: {},
-    keepDOM: { type: Boolean }
-  },
-  emits: ["visibleChange", "escKeyDown"],
-  setup(w, { emit: h }) {
-    const e = w, f = h, c = V(), u = oe(), { level: x = 0 } = u, D = {
-      showTick: e.showTick,
-      level: x + 1,
-      trigger: e.trigger
-    };
-    te(D);
-    const y = g(null), l = g(e.visible ?? !1);
-    let i;
-    const _ = {
-      setPopVisible: (o) => {
-        l.value = o;
-      },
-      notifyVisibleChange: (o) => {
-        f("visibleChange", o);
-      },
-      getPopupId: () => {
-        var o, t;
-        return ((t = (o = y.value) == null ? void 0 : o.getPopupId) == null ? void 0 : t.call(o)) || "";
-      },
-      getProps: () => e,
-      getProp: (o) => e[o],
-      getState: (o) => ({
-        visible: l.value
-      })[o],
-      getStates: () => ({
-        visible: l.value
-      })
-    }, b = m(() => {
-      var s;
-      return (((s = c.default) == null ? void 0 : s.call(c)) || []).find((n) => !n || n.type === $ ? !1 : n.type === F ? (typeof n.children == "string" ? n.children : "").trim().length > 0 : !0) || null;
-    }), B = m(() => v({
-      [`${e.prefixCls}-showing`]: l.value
-    })), T = m(() => {
-      const { level: o = 0 } = u;
-      return o > 0 ? typeof e.spacing == "number" ? e.spacing : C.NESTED_SPACING : e.spacing === null || typeof e.spacing > "u" ? C.SPACING : e.spacing;
-    }), k = () => {
-      if (!Array.isArray(e.menu))
-        return null;
-      const o = e.menu.map((t, s) => {
-        switch (t.node) {
-          case "title": {
-            const { name: n, node: a, ...p } = t;
-            return r(ee, { ...p, key: a + n + s }, () => n);
-          }
-          case "item": {
-            const { node: n, name: a, ...p } = t;
-            return r(J, { ...p, key: n + a + s }, () => a);
-          }
-          case "divider":
-            return r(Q, { key: t.node + s });
-          default:
-            return null;
-        }
-      });
-      return r(q, {}, () => o);
-    }, E = (o) => {
-      const t = v(e.prefixCls, e.contentClassName), { level: s = 0 } = u, n = {
-        showTick: e.showTick,
-        level: s + 1,
-        trigger: e.trigger
-      }, a = c.menu;
-      if (a)
-        return r(
-          d,
-          {
-            value: n
-          },
-          () => r(
-            "div",
-            {
-              class: t,
-              style: { ...e.style, marginTop: 0, paddingTop: 0 }
-            },
-            r(
-              "div",
-              {
-                class: `${e.prefixCls}-content`,
-                "x-semi-prop": "menu"
-              },
-              a()
-            )
-          )
-        );
-      if (typeof e.render == "function") {
-        const P = e.render;
-        return r(
-          d,
-          { value: n },
-          () => r(
-            "div",
-            {
-              class: t,
-              style: { ...e.style, marginTop: 0, paddingTop: 0 }
-            },
-            r(
-              "div",
-              {
-                class: `${e.prefixCls}-content`,
-                "x-semi-prop": "render"
-              },
-              P(o)
-            )
-          )
-        );
-      }
-      let p = null;
-      return e.render && H(e.render) ? p = e.render : Array.isArray(e.menu) && (p = k()), r(
-        d,
-        {
-          value: n
-        },
-        () => r(
-          "div",
-          {
-            class: t,
-            style: { ...e.style, marginTop: 0, paddingTop: 0 }
-          },
-          r(
-            "div",
-            {
-              class: `${e.prefixCls}-content`,
-              "x-semi-prop": "render"
-            },
-            p
-          )
-        )
-      );
-    }, N = (o) => {
-      i == null || i.handleVisibleChange(o);
-    }, A = (o) => {
-      f("escKeyDown", o);
-    }, K = (o) => {
-      var n, a;
-      i == null || i.handleKeyDown(o);
-      const t = b.value, s = ((n = t == null ? void 0 : t.props) == null ? void 0 : n.onKeydown) || ((a = t == null ? void 0 : t.props) == null ? void 0 : a.onKeyDown);
-      s && typeof s == "function" && s(o);
-    };
-    return I(() => {
-      i = new Y(_);
-    }), L(
-      () => e.visible,
-      (o) => {
-        o !== void 0 && o !== l.value && (l.value = o);
-      },
-      { immediate: !0 }
-    ), (o, t) => (O(), z(Z, {
-      ref_key: "tooltipRef",
-      ref: y,
-      "z-index": e.zIndex,
-      motion: e.motion,
-      margin: e.margin,
-      content: E,
-      className: e.className,
-      prefixCls: e.prefixCls,
-      spacing: T.value,
-      position: e.position,
-      trigger: e.trigger,
-      "show-arrow": !1,
-      "return-focus-on-close": !0,
-      "close-on-esc": e.closeOnEsc,
-      "get-popup-container": e.getPopupContainer,
-      "mouse-enter-delay": e.mouseEnterDelay,
-      "mouse-leave-delay": e.mouseLeaveDelay,
-      visible: e.visible,
-      "re-pos-key": e.rePosKey,
-      onVisibleChange: N,
-      onEscKeyDown: A
-    }, {
-      default: M(() => [
-        R("span", {
-          class: j(B.value),
-          "aria-haspopup": "true",
-          "aria-expanded": l.value,
-          onKeydown: K
-        }, [
-          G(o.$slots, "default")
-        ], 42, ne)
-      ]),
-      _: 3
-    }, 8, ["z-index", "motion", "margin", "className", "prefixCls", "spacing", "position", "trigger", "close-on-esc", "get-popup-container", "mouse-enter-delay", "mouse-leave-delay", "visible", "re-pos-key"]));
-  }
-});
-export {
-  ge as default
-};

package/lib/es/components/dropdown/DropdownDivider.vue.js

@@ -1,20 +0,0 @@
-import { defineComponent as r, computed as t, openBlock as a, createElementBlock as c, normalizeStyle as n, normalizeClass as m } from "vue";
-import i from "classnames";
-import { cssClasses as p } from "@douyinfe/semi-foundation/dropdown/constants";
-const C = /* @__PURE__ */ r({
-  __name: "DropdownDivider",
-  props: {
-    className: {},
-    style: {}
-  },
-  setup(s) {
-    const e = s, o = p.PREFIX, l = t(() => i(`${o}-divider`, e.className));
-    return (d, f) => (a(), c("div", {
-      class: m(l.value),
-      style: n(e.style)
-    }, null, 6));
-  }
-});
-export {
-  C as default
-};

package/lib/es/components/dropdown/DropdownItem.vue.js

@@ -1,88 +0,0 @@
-import { defineComponent as _, computed as i, openBlock as n, createElementBlock as r, mergeProps as E, createBlock as u, resolveDynamicComponent as d, unref as a, normalizeClass as m, createCommentVNode as v, isVNode as N, Fragment as T, createTextVNode as K, toDisplayString as R, renderSlot as g } from "vue";
-import L from "classnames";
-import { cssClasses as I } from "@douyinfe/semi-foundation/dropdown/constants";
-import { useDropdownContext as S } from "./context.js";
-import y from "../icons/icons/IconTick.vue.js";
-const V = ["aria-disabled"], q = /* @__PURE__ */ _({
-  __name: "DropdownItem",
-  props: {
-    disabled: { type: Boolean, default: !1 },
-    selected: { type: Boolean, default: !1 },
-    className: {},
-    style: {},
-    type: {},
-    active: { type: Boolean },
-    icon: {},
-    showTick: { type: Boolean },
-    hover: { type: Boolean },
-    onClick: {},
-    onMouseEnter: {},
-    onMouseLeave: {},
-    onContextMenu: {},
-    onKeyDown: {},
-    forwardRef: {}
-  },
-  emits: ["click", "mouseenter", "mouseleave", "contextmenu"],
-  setup(k, { emit: w }) {
-    const e = k, s = w, t = I.PREFIX, f = S(), l = i(() => f.showTick ?? e.showTick), c = i(() => e.active || e.selected), C = i(
-      () => L(e.className, {
-        [`${t}-item`]: !0,
-        [`${t}-item-disabled`]: e.disabled,
-        [`${t}-item-hover`]: e.hover,
-        [`${t}-item-withTick`]: l.value,
-        [`${t}-item-${e.type}`]: e.type,
-        [`${t}-item-active`]: c.value
-      })
-    ), p = i(() => (f.level || 0) > 1), h = (o) => {
-      e.disabled || p.value || s("click", o);
-    }, M = (o) => {
-      e.disabled || p.value && o.button === 0 && (o.preventDefault(), s("click", o), e.onClick && e.onClick(o));
-    }, b = (o) => {
-      e.disabled || (s("mouseenter", o), e.onMouseEnter && e.onMouseEnter(o));
-    }, $ = (o) => {
-      e.disabled || (s("mouseleave", o), e.onMouseLeave && e.onMouseLeave(o));
-    }, x = (o) => {
-      e.disabled || (s("contextmenu", o), e.onContextMenu && e.onContextMenu(o));
-    }, D = (o) => {
-      e.onKeyDown && e.onKeyDown(o);
-    }, B = (o) => {
-      e.forwardRef && e.forwardRef(o);
-    };
-    return (o, A) => (n(), r("li", E({
-      ref: B,
-      role: "menuitem",
-      tabindex: "-1",
-      "aria-disabled": e.disabled,
-      class: C.value,
-      style: e.style
-    }, o.$attrs, {
-      onClick: h,
-      onMousedown: M,
-      onMouseenter: b,
-      onMouseleave: $,
-      onContextmenu: x,
-      onKeydown: D
-    }), [
-      l.value && c.value ? (n(), u(d(a(y)), {
-        key: 0,
-        class: m(`${a(t)}-item-tick`)
-      }, null, 8, ["class"])) : l.value && !c.value ? (n(), u(d(a(y)), {
-        key: 1,
-        class: m(`${a(t)}-item-tick`),
-        style: { color: "transparent" }
-      }, null, 8, ["class"])) : v("", !0),
-      e.icon ? (n(), r("div", {
-        key: 2,
-        class: m(`${a(t)}-item-icon`)
-      }, [
-        N(e.icon) || typeof e.icon != "string" ? (n(), u(d(e.icon), { key: 0 })) : (n(), r(T, { key: 1 }, [
-          K(R(e.icon), 1)
-        ], 64))
-      ], 2)) : v("", !0),
-      g(o.$slots, "default")
-    ], 16, V));
-  }
-});
-export {
-  q as default
-};

package/lib/es/components/dropdown/DropdownMenu.vue.js

@@ -1,35 +0,0 @@
-import { defineComponent as c, computed as p, onMounted as u, openBlock as i, createElementBlock as d, normalizeStyle as f, normalizeClass as w, renderSlot as y } from "vue";
-import C from "classnames";
-import { cssClasses as x } from "@douyinfe/semi-foundation/dropdown/constants";
-import _ from "@douyinfe/semi-foundation/dropdown/menuFoundation";
-import { useDropdownContext as D } from "./context.js";
-const z = /* @__PURE__ */ c({
-  __name: "DropdownMenu",
-  props: {
-    className: {},
-    style: {}
-  },
-  setup(t) {
-    const n = t, s = x.PREFIX, r = D();
-    let o;
-    const a = p(() => C(`${s}-menu`, n.className)), l = {
-      getContext: (e) => r[e]
-    }, m = (e) => {
-      o && o.onMenuKeydown(e);
-    };
-    return u(() => {
-      o = new _(l);
-    }), (e, M) => (i(), d("ul", {
-      role: "menu",
-      "aria-orientation": "vertical",
-      class: w(a.value),
-      style: f(n.style),
-      onKeydown: m
-    }, [
-      y(e.$slots, "default")
-    ], 38));
-  }
-});
-export {
-  z as default
-};

package/lib/es/components/dropdown/DropdownTitle.vue.js

@@ -1,31 +0,0 @@
-import { defineComponent as n, computed as c, openBlock as a, createElementBlock as m, normalizeStyle as i, normalizeClass as p, renderSlot as f } from "vue";
-import u from "classnames";
-import { cssClasses as d } from "@douyinfe/semi-foundation/dropdown/constants";
-import { useDropdownContext as C } from "./context.js";
-const h = /* @__PURE__ */ n({
-  __name: "DropdownTitle",
-  props: {
-    className: {},
-    style: {}
-  },
-  setup(s) {
-    const e = s, t = d.PREFIX, o = C(), l = c(
-      () => u(
-        {
-          [`${t}-title`]: !0,
-          [`${t}-title-withTick`]: o.showTick
-        },
-        e.className
-      )
-    );
-    return (r, _) => (a(), m("div", {
-      class: p(l.value),
-      style: i(e.style)
-    }, [
-      f(r.$slots, "default")
-    ], 6));
-  }
-});
-export {
-  h as default
-};

package/lib/es/components/dropdown/context.js

@@ -1,13 +0,0 @@
-import { inject as t, provide as e } from "vue";
-const o = Symbol("DropdownContext");
-function p() {
-  return t(o, { level: 0 });
-}
-function d(n) {
-  e(o, n);
-}
-export {
-  o as DropdownContextKey,
-  d as provideDropdownContext,
-  p as useDropdownContext
-};

package/lib/es/components/empty/Empty.vue.js

@@ -1,101 +0,0 @@
-import { defineComponent as B, ref as V, onMounted as x, onUnmounted as z, computed as g, h as p, openBlock as o, createElementBlock as r, normalizeStyle as v, normalizeClass as n, createElementVNode as M, unref as a, createBlock as m, resolveDynamicComponent as k, createCommentVNode as u, withCtx as D, renderSlot as $, Fragment as N, createTextVNode as S, toDisplayString as I } from "vue";
-import F from "classnames";
-import { cssClasses as P } from "@douyinfe/semi-foundation/empty/constants";
-import j from "../typography/Title.vue.js";
-const T = /* @__PURE__ */ B({
-  name: "Empty",
-  __name: "Empty",
-  props: {
-    layout: { default: "vertical" },
-    imageStyle: {},
-    title: {},
-    description: {},
-    image: {},
-    darkModeImage: {},
-    style: {},
-    className: {}
-  },
-  setup(i) {
-    const l = P.PREFIX, s = i, h = (e) => typeof e == "string", y = V(null);
-    let d = null, c = null;
-    const b = () => {
-      if (d) {
-        const e = d.getAttribute("theme-mode");
-        e !== y.value && (y.value = e);
-      }
-    }, w = (e) => {
-      for (const t of e)
-        t.type === "attributes" && t.attributeName === "theme-mode" && b();
-    };
-    x(() => {
-      if (s.darkModeImage) {
-        d = window.document.body, b();
-        const e = { attributes: !0, childList: !1, subtree: !1 };
-        c = new MutationObserver(w), c.observe(d, e);
-      }
-    }), z(() => {
-      c && c.disconnect();
-    });
-    const f = g(() => {
-      const e = typeof s.description == "string" ? s.description : "empty", t = y.value === "dark" && s.darkModeImage ? s.darkModeImage : s.image;
-      return typeof t == "string" ? p("img", { alt: e, src: t }) : t && typeof t == "object" && "id" in t ? p("svg", { "aria-hidden": "true" }, [p("use", { "xlink:href": `#${t.id}` })]) : t || null;
-    }), E = g(() => F(s.className, l, {
-      [`${l}-${s.layout}`]: s.layout
-    })), C = g(() => f.value ? {
-      heading: 4,
-      style: void 0
-    } : {
-      heading: 6,
-      style: { fontWeight: 400 }
-    });
-    return (e, t) => (o(), r("div", {
-      class: n(E.value),
-      style: v(i.style)
-    }, [
-      M("div", {
-        class: n(`${a(l)}-image`),
-        style: v(i.imageStyle),
-        "x-semi-prop": "image,darkModeImage"
-      }, [
-        f.value ? (o(), m(k(f.value), { key: 0 })) : u("", !0)
-      ], 6),
-      M("div", {
-        class: n(`${a(l)}-content`)
-      }, [
-        i.title || e.$slots.title ? (o(), m(j, {
-          key: 0,
-          class: n(`${a(l)}-title`),
-          heading: C.value.heading,
-          style: v(C.value.style),
-          "x-semi-prop": "title"
-        }, {
-          default: D(() => [
-            e.$slots.title ? $(e.$slots, "title", { key: 0 }) : h(i.title) ? (o(), r(N, { key: 1 }, [
-              S(I(i.title), 1)
-            ], 64)) : (o(), m(k(() => i.title), { key: 2 }))
-          ]),
-          _: 3
-        }, 8, ["class", "heading", "style"])) : u("", !0),
-        i.description || e.$slots.description ? (o(), r("div", {
-          key: 1,
-          class: n(`${a(l)}-description`),
-          "x-semi-prop": "description"
-        }, [
-          e.$slots.description ? $(e.$slots, "description", { key: 0 }) : h(i.description) ? (o(), r(N, { key: 1 }, [
-            S(I(i.description), 1)
-          ], 64)) : (o(), m(k(() => i.description), { key: 2 }))
-        ], 2)) : u("", !0),
-        e.$slots.default ? (o(), r("div", {
-          key: 2,
-          class: n(`${a(l)}-footer`),
-          "x-semi-prop": "children"
-        }, [
-          $(e.$slots, "default")
-        ], 2)) : u("", !0)
-      ], 2)
-    ], 6));
-  }
-});
-export {
-  T as default
-};

package/lib/es/components/form/ArrayField.vue.js

@@ -1,85 +0,0 @@
-import { defineComponent as R, ref as p, computed as o, provide as E, onMounted as $, onUnmounted as D, watch as N, renderSlot as O } from "vue";
-import { getUuidv4 as y } from "@douyinfe/semi-foundation/utils/uuid";
-import v from "fast-copy";
-import { ArrayFieldContextKey as P } from "./context.js";
-import b from "@douyinfe/semi-foundation/utils/warning";
-import x from "./hooks/useFormUpdater.js";
-const G = /* @__PURE__ */ R({
-  name: "SemiFormArrayField",
-  inheritAttrs: !1,
-  __name: "ArrayField",
-  props: {
-    initValue: {},
-    field: {},
-    children: { type: Function }
-  },
-  setup(V) {
-    const t = V, a = x(), A = (e) => e.map(() => y()), F = (e) => {
-      if (e && e && e.updateKey)
-        return e.updateKey;
-    }, g = (e) => {
-      const r = [];
-      return Array.isArray(e) ? e : (b(
-        e !== void 0,
-        "[Semi Form ArrayField] initValue of ArrayField must be an array. Please check the type of your props"
-      ), r);
-    }, s = (e, r) => {
-      const l = g(e);
-      return A(l).map((k, m) => r && r[m] ? r[m] : k);
-    }, i = p([]), n = p(null), d = p(!0), h = t.initValue, U = o(() => a.getValue(t.field)), f = o(() => h || U.value), w = o(() => !a.getArrayField(t.field || "") || d.value), K = o(() => ({
-      shouldUseInitValue: w.value
-    }));
-    E(P, K), $(() => {
-      if (!t.field) return;
-      const e = a.getValue(t.field) || f.value;
-      i.value = s(e);
-      const r = v(f.value), l = v(f.value);
-      a.registerArrayField(t.field, l), a.updateStateValue(t.field, r, { notNotify: !0, notUpdate: !0 });
-    }), D(() => {
-      t.field && a.unRegisterArrayField(t.field);
-    }), N(
-      () => {
-        if (!t.field) return null;
-        const e = a.getValue(t.field), r = a.getArrayField(t.field), l = F(r);
-        return { fieldValue: e, updateKey: l };
-      },
-      (e) => {
-        if (!t.field || !e) return;
-        const { fieldValue: r, updateKey: l } = e;
-        l !== n.value && (Array.isArray(r) && (i.value = s(r, i.value)), n.value = l, n.value !== null && n.value !== void 0 && (d.value = !1));
-      },
-      { immediate: !0 }
-    );
-    const S = () => {
-      if (!t.field) return;
-      i.value.push(y()), d.value = !0;
-      const e = (/* @__PURE__ */ new Date()).valueOf();
-      a.updateArrayField(t.field, { updateKey: e }), n.value = e;
-    }, I = (e) => {
-      if (!t.field) return;
-      let r = a.getError(t.field);
-      const l = { notNotify: !0, notUpdate: !0 };
-      Array.isArray(r) && (r = [...r], r.splice(e, 1), a.updateStateError(t.field, r, l));
-      let u = a.getValue(t.field);
-      Array.isArray(u) ? (u = [...u], u.splice(e, 1), a.updateStateValue(t.field, u), i.value = s(u)) : i.value = [];
-    }, C = (e) => {
-      if (!t.field) return;
-      const r = a.getValue(t.field) || [], l = v(e), u = [...r, l];
-      i.value.push(y()), d.value = !0;
-      const c = (/* @__PURE__ */ new Date()).valueOf();
-      a.updateStateValue(t.field, u, {}), a.updateArrayField(t.field, { updateKey: c }), n.value = c;
-    }, _ = o(() => i.value.map((e, r) => ({
-      key: e,
-      field: `${t.field}[${r}]`,
-      remove: () => I(r)
-    })));
-    return (e, r) => O(e.$slots, "default", {
-      arrayFields: _.value,
-      add: S,
-      addWithInitValue: C
-    });
-  }
-});
-export {
-  G as default
-};

package/lib/es/components/form/ErrorMessage.vue.js

@@ -1,60 +0,0 @@
-import { defineComponent as g, computed as r, openBlock as o, createElementBlock as n, normalizeStyle as B, normalizeClass as u, createBlock as T, resolveDynamicComponent as k, createCommentVNode as l, toDisplayString as m } from "vue";
-import C from "classnames";
-import { cssClasses as S } from "@douyinfe/semi-foundation/form/constants";
-import p from "../icons/icons/IconAlertCircle.vue.js";
-import M from "../icons/icons/IconAlertTriangle.vue.js";
-const $ = ["id"], w = ["id"], V = /* @__PURE__ */ g({
-  name: "SemiFormErrorMessage",
-  inheritAttrs: !1,
-  __name: "ErrorMessage",
-  props: {
-    error: { type: [Boolean, String, Array] },
-    className: {},
-    style: {},
-    showValidateIcon: { type: Boolean, default: !0 },
-    validateStatus: { default: "default" },
-    helpText: {},
-    isInInputGroup: { type: Boolean },
-    errorMessageId: {},
-    helpTextId: {}
-  },
-  setup(t) {
-    const e = t, s = S.PREFIX, d = r(() => {
-      if (typeof e.error == "string")
-        return e.error;
-      if (Array.isArray(e.error)) {
-        const a = e.error.filter((c) => c);
-        return a.length ? a.join(", ") : "";
-      }
-      return "";
-    }), i = r(() => e.error || e.helpText), f = r(() => e.isInInputGroup ? !!e.error : e.showValidateIcon && !!i.value), h = r(() => e.isInInputGroup ? p : e.validateStatus === "warning" ? M : e.validateStatus === "error" ? p : null), y = r(
-      () => C(
-        {
-          [`${s}-field-error-message`]: !!e.error,
-          [`${s}-field-help-text`]: !!e.helpText
-        },
-        e.className
-      )
-    ), I = r(() => `${s}-field-validate-status-icon`), v = r(() => e.errorMessageId), x = r(() => e.helpTextId);
-    return (a, c) => t.error || t.helpText ? (o(), n("div", {
-      key: 0,
-      class: u(y.value),
-      style: B(e.style)
-    }, [
-      f.value && i.value ? (o(), T(k(h.value), {
-        key: 0,
-        class: u(I.value)
-      }, null, 8, ["class"])) : l("", !0),
-      t.error ? (o(), n("span", {
-        key: 1,
-        id: v.value
-      }, m(d.value), 9, $)) : t.helpText ? (o(), n("span", {
-        key: 2,
-        id: x.value
-      }, m(t.helpText), 9, w)) : l("", !0)
-    ], 6)) : l("", !0);
-  }
-});
-export {
-  V as default
-};