@farris/ui-vue 1.1.0 → 1.1.1

package/input-group/index.esm.js

@@ -1,831 +0,0 @@
-import { computed as v, ref as m, watch as k, createVNode as E, reactive as U, withDirectives as _, resolveDirective as z, defineComponent as V, onMounted as J } from "vue";
-import { cloneDeep as Q } from "lodash-es";
-const X = {}, Y = {};
-function F(e) {
-  const { properties: t, title: u } = e, n = Object.keys(t).reduce((a, c) => (a[c] = t[c].type === "object" && t[c].properties ? F(t[c]) : Q(t[c].default), a), {});
-  return n.id = `${u}-${Date.now()}`, n;
-}
-function Z(e, t) {
-  const u = F(t);
-  return Object.keys(e).reduce((n, a) => (n[a] = e[a], n), u), u;
-}
-function K(e, t) {
-  return Object.keys(e).filter((n) => e[n] != null).reduce((n, a) => {
-    if (t.has(a)) {
-      const c = t.get(a);
-      if (typeof c == "string")
-        n[c] = e[a];
-      else {
-        const p = c(a, e[a], e);
-        Object.assign(n, p);
-      }
-    } else
-      n[a] = e[a];
-    return n;
-  }, {});
-}
-function ee(e, t, u = /* @__PURE__ */ new Map()) {
-  const n = Z(e, t);
-  return K(n, u);
-}
-function te(e = {}) {
-  function t(o, l, r, i) {
-    if (typeof r == "number")
-      return i[o].length === r;
-    if (typeof r == "object") {
-      const f = Object.keys(r)[0], b = r[f];
-      if (f === "not")
-        return Number(i[o].length) !== Number(b);
-      if (f === "moreThan")
-        return Number(i[o].length) >= Number(b);
-      if (f === "lessThan")
-        return Number(i[o].length) <= Number(b);
-    }
-    return !1;
-  }
-  function u(o, l, r, i) {
-    return i[l] && i[l].propertyValue && String(i[l].propertyValue.value) === String(r);
-  }
-  const n = /* @__PURE__ */ new Map([
-    ["length", t],
-    ["getProperty", u]
-  ]);
-  Object.keys(e).reduce((o, l) => (o.set(l, e[l]), o), n);
-  function a(o, l) {
-    const r = o;
-    return typeof l == "number" ? [{ target: r, operator: "length", param: null, value: Number(l) }] : typeof l == "boolean" ? [{ target: r, operator: "getProperty", param: o, value: !!l }] : typeof l == "object" ? Object.keys(l).map((i) => {
-      if (i === "length")
-        return { target: r, operator: "length", param: null, value: l[i] };
-      const f = i, b = l[i];
-      return { target: r, operator: o, param: f, value: b };
-    }) : [];
-  }
-  function c(o) {
-    return Object.keys(o).reduce((r, i) => {
-      const f = a(i, o[i]);
-      return r.push(...f), r;
-    }, []);
-  }
-  function p(o, l) {
-    if (n.has(o.operator)) {
-      const r = n.get(o.operator);
-      return r && r(o.target, o.param, o.value, l) || !1;
-    }
-    return !1;
-  }
-  function y(o, l) {
-    return c(o).reduce((f, b) => f && p(b, l), !0);
-  }
-  function g(o, l) {
-    const r = Object.keys(o), i = r.includes("allOf"), f = r.includes("anyOf"), b = i || f, C = (b ? o[b ? i ? "allOf" : "anyOf" : "allOf"] : [o]).map((T) => y(T, l));
-    return i ? !C.includes(!1) : C.includes(!0);
-  }
-  return { parseValueSchema: g };
-}
-const ne = {}, oe = {};
-te();
-function ae(e, t, u = /* @__PURE__ */ new Map(), n = (p, y, g) => y, a = {}, c = (p) => p) {
-  return X[t.title] = t, Y[t.title] = n, ne[t.title] = a, oe[t.title] = c, (p = {}) => {
-    const y = ee(p, t, u), g = Object.keys(e).reduce((o, l) => (o[l] = e[l].default, o), {});
-    return Object.assign(g, y);
-  };
-}
-function ue(e, t) {
-  return { customClass: t.class };
-}
-const le = /* @__PURE__ */ new Map([
-  ["appearance", ue]
-]);
-function se(e, t, u) {
-  return t;
-}
-const ie = "https://json-schema.org/draft/2020-12/schema", re = "https://farris-design.gitee.io/input-group.schema.json", ce = "input-group", de = "A Farris Input Component", pe = "object", fe = {
-  id: {
-    description: "The unique identifier for a Input Group",
-    type: "string"
-  },
-  type: {
-    description: "The type string of Input Group component",
-    type: "string",
-    default: "input-group"
-  },
-  appearance: {
-    description: "",
-    type: "object",
-    properties: {
-      class: {
-        type: "string"
-      },
-      style: {
-        type: "string"
-      }
-    },
-    default: {}
-  },
-  binding: {
-    description: "",
-    type: "object",
-    default: {}
-  },
-  editable: {
-    description: "",
-    type: "boolean",
-    default: !0
-  },
-  enableLinkLabel: {
-    description: "",
-    type: "boolean",
-    default: !1
-  },
-  label: {
-    description: "",
-    type: "string",
-    default: ""
-  },
-  lableWidth: {
-    description: "",
-    type: "number"
-  },
-  placeHolder: {
-    description: "",
-    type: "string",
-    default: ""
-  },
-  readonly: {
-    description: "",
-    type: "boolean",
-    default: !1
-  },
-  required: {
-    description: "",
-    type: "boolean",
-    default: !1
-  },
-  tabindex: {
-    description: "",
-    type: "number",
-    default: -1
-  },
-  textAlign: {
-    description: "",
-    type: "string",
-    enum: [
-      "left",
-      "middle",
-      "right"
-    ],
-    default: "left"
-  },
-  visible: {
-    description: "",
-    type: "boolean",
-    default: !0
-  },
-  onBlur: {
-    description: "",
-    type: "string",
-    default: ""
-  },
-  onClickLinkLabel: {
-    description: "",
-    type: "sting",
-    default: ""
-  },
-  addonDisabled: {
-    description: "",
-    type: "boolean",
-    default: !1
-  },
-  addonContent: {
-    description: "",
-    type: "string",
-    default: ""
-  },
-  autoHeight: {
-    description: "",
-    type: "boolean",
-    default: !1
-  },
-  enableAddon: {
-    description: "",
-    type: "boolean",
-    default: !1
-  },
-  addonType: {
-    description: "",
-    type: "string",
-    enum: [
-      "button",
-      "static"
-    ],
-    default: "button"
-  },
-  enableClear: {
-    description: "",
-    type: "boolean",
-    default: !0
-  },
-  enableViewPassword: {
-    description: "",
-    type: "boolean",
-    default: !1
-  },
-  inputType: {
-    description: "",
-    type: "string",
-    enum: [
-      "input",
-      "password",
-      "text"
-    ],
-    default: "input"
-  },
-  maxHeight: {
-    description: "",
-    type: "number",
-    default: 500
-  },
-  popup: {
-    description: "",
-    type: "object",
-    properties: {
-      footerButtons: {
-        type: "array",
-        default: []
-      },
-      height: {
-        type: "number",
-        default: 600
-      },
-      dataMapping: {
-        type: "object"
-      },
-      contents: {
-        type: "array",
-        default: []
-      },
-      showMaxButton: {
-        type: "boolean",
-        default: !0
-      },
-      showCloseButton: {
-        type: "boolean",
-        default: !0
-      },
-      showFooter: {
-        type: "boolean",
-        default: !0
-      },
-      title: {
-        type: "string",
-        default: ""
-      },
-      width: {
-        type: "number",
-        default: 800
-      }
-    }
-  },
-  showButtonWhenDisabled: {
-    description: "",
-    type: "boolean",
-    default: !1
-  },
-  onClear: {
-    description: "",
-    type: "string",
-    default: ""
-  }
-}, ve = [
-  "id",
-  "type"
-], ge = {
-  $schema: ie,
-  $id: re,
-  title: ce,
-  description: de,
-  type: pe,
-  properties: fe,
-  required: ve
-}, ye = "input-group", be = "A Farris Component", me = "object", he = {
-  basic: {
-    description: "Basic Infomation",
-    title: "基本信息",
-    properties: {
-      id: {
-        description: "组件标识",
-        title: "标识",
-        type: "string",
-        readonly: !0
-      },
-      type: {
-        description: "类型",
-        title: "类型",
-        type: "string",
-        readonly: !0
-      }
-    }
-  },
-  behavior: {
-    description: "Basic Infomation",
-    title: "行为",
-    properties: {
-      editable: {
-        description: "",
-        title: "允许编辑",
-        type: "boolean"
-      },
-      readonly: {
-        description: "",
-        title: "只读",
-        type: "string"
-      },
-      required: {
-        description: "",
-        title: "必填",
-        type: "boolean"
-      },
-      visible: {
-        description: "",
-        title: "可见",
-        type: "boolean"
-      },
-      placeHolder: {
-        description: "",
-        title: "提示文本",
-        type: "string"
-      },
-      tabindex: {
-        description: "",
-        title: "tab索引",
-        type: "number"
-      },
-      textAlign: {
-        description: "",
-        title: "对齐方式",
-        type: "enum",
-        editor: {
-          type: "combo-select",
-          textField: "name",
-          valueField: "value",
-          data: [
-            {
-              value: "left",
-              name: "左对齐"
-            },
-            {
-              value: "center",
-              name: "居中对齐"
-            },
-            {
-              value: "right",
-              name: "右对齐"
-            }
-          ]
-        }
-      }
-    }
-  }
-}, Ce = {
-  title: ye,
-  description: be,
-  type: me,
-  categories: he
-}, j = {
-  /** 是否自动完成 */
-  autocomplete: { Type: String, default: "off" },
-  /** 自定义CLASS */
-  customClass: { Type: String, default: "" },
-  /** 禁用 */
-  disable: { Type: Boolean, default: !1 },
-  /** 允许编辑 */
-  editable: { Type: Boolean, default: !0 },
-  /** 启用清除按钮 */
-  enableClear: { Type: Boolean, default: !0 },
-  /** 启用提示文本 */
-  enableTitle: { Type: Boolean, default: !0 },
-  /** 启用密码 */
-  enableViewPassword: { Type: Boolean, default: !0 },
-  /** 始终显示占位符文本 */
-  forcePlaceholder: { Type: Boolean, default: !1 },
-  /** 扩展按钮 */
-  groupText: { Type: String, default: "" },
-  /** 密码模式 */
-  isPassword: { Type: Boolean, default: !1 },
-  /** 最大长度 */
-  maxLength: { Type: Number || void 0, default: void 0 },
-  /** 最小长度 */
-  minLength: { Type: Number || void 0, default: void 0 },
-  /** 组件值 */
-  modelValue: { Type: String || Boolean, default: "" },
-  /** 隐藏边线 */
-  noborder: { Type: Boolean, default: !1 },
-  /** 启用提示信息 */
-  placeholder: { Type: String, default: "" },
-  /** 只读 */
-  readonly: { Type: Boolean, default: !1 },
-  /** 当组件禁用或只读时显示后边的按钮 */
-  showButtonWhenDisabled: { Type: Boolean, default: !1 },
-  /** tab索引 */
-  tabIndex: { Type: Number || void 0, default: void 0 },
-  /** 文本在输入框中的对齐方式 */
-  textAlign: { Type: String, default: "left" },
-  /** 是否启用前置扩展信息；在输入框前面 显示 ① 图标鼠标滑过后显示 */
-  useExtendInfo: { Type: Boolean, default: !1 },
-  /** 前置扩展信息 */
-  extendInfo: { Type: String, default: "" },
-  /** 输入值 */
-  value: { Type: String, default: "" }
-}, L = ae(j, ge, le, se, Ce);
-function H(e, t) {
-  const u = v(() => e.groupText), n = v(() => e.showButtonWhenDisabled && (e.readonly || e.disabled)), a = v(() => e.enableClear || !!e.groupText);
-  return { appendedButtonClass: v(() => ({
-    "input-group-append": !0,
-    "append-force-show": n.value
-  })), appendedContent: u, shouldShowAppendedButton: a };
-}
-function G(e, t, u, n) {
-  const { appendedContent: a } = n, c = m(e.enableViewPassword), p = m(e.isPassword), y = '<span class="f-icon f-icon-eye" style="color: rgb(56, 143, 255);"></span>', g = '<span class="f-icon f-icon-eye"></span>', o = m(!1);
-  k(() => [e.readonly, e.disabled], ([i, f]) => {
-    p.value && (u.value = i || f ? "password" : u.value, a.value = i || f ? g : a.value);
-  });
-  function l() {
-    return o.value = !o.value, u.value = o.value ? "text" : "password", a.value = o.value ? y : g, !1;
-  }
-  function r() {
-    u.value = p.value ? "password" : "text", a.value = p.value ? c.value ? g : "" : a.value;
-  }
-  return r(), { isPassword: p, onClickAppendedButton: l };
-}
-function Be(e, t, u, n) {
-  const a = m(e.disable), c = m(!1), p = m("text"), y = m(e.noborder), g = m(e.textAlign), o = v(() => e.editable || !e.readonly), l = v(() => e.editable && !e.disable && !e.readonly), r = v(() => !e.disable && c.value), i = v(() => u.value === "" || u.value === null || u.value === void 0), f = v(() => (e.disable || e.readonly) && !e.forcePlaceholder ? "" : e.placeholder), b = v(() => e.readonly || !e.editable), h = v(() => e.enableTitle ? u.value : ""), B = v(() => ({
-    "form-control": !0,
-    "f-utils-fill": !0,
-    "text-left": g.value === "left",
-    "text-center": g.value === "center",
-    "text-right": g.value === "right"
-  })), C = v(() => {
-    const d = {
-      "f-cmp-inputgroup": !0,
-      "input-group": !0,
-      "f-state-disable": a.value,
-      "f-state-editable": l.value,
-      "f-state-readonly": b.value,
-      "f-state-focus": r.value
-    };
-    return (e.customClass || "").split(" ").reduce((O, W) => (O[W] = !0, O), d), d;
-  }), x = v(() => y.value ? "border-width : 0 " : "");
-  function T(d, A = !0) {
-    u.value !== d && (u.value = d, n.value !== d && (n.value = d), A && t.emit("change", d), t.emit("update:modelValue", d), t.emit("update:value", d));
-  }
-  k(
-    () => e.modelValue,
-    (d) => {
-      u.value !== e.modelValue && (u.value = d, n.value = d);
-    }
-  );
-  function P(d) {
-    return c.value = !1, t.emit("blur", d), d.stopPropagation(), !1;
-  }
-  function I(d) {
-    t.emit("click", d);
-  }
-  function M(d) {
-    e.disable || (y.value || (c.value = !0), o.value && t.emit("focus", d));
-  }
-  function s(d) {
-    t.emit("input", d.target.value);
-    const A = d.target.value;
-    n.value = A;
-  }
-  function w(d) {
-    t.emit("keydown", d);
-  }
-  function R(d) {
-    t.emit("keyup", d);
-  }
-  function $(d) {
-    d.target.tagName !== "INPUT" && d.preventDefault(), d.stopPropagation();
-  }
-  function q(d) {
-    const A = d.target.value;
-    d.stopPropagation(), T(A);
-  }
-  return {
-    changeTextBoxValue: T,
-    disable: a,
-    displayText: n,
-    editable: l,
-    hasFocused: r,
-    inputGroupClass: C,
-    inputType: p,
-    isEmpty: i,
-    modelValue: u,
-    readonly: b,
-    onBlur: P,
-    onClick: I,
-    onFocus: M,
-    onInput: s,
-    onKeydown: w,
-    onKeyup: R,
-    onMousedown: $,
-    onTextBoxValueChange: q,
-    placeholder: f,
-    textBoxClass: B,
-    textBoxTitle: h,
-    inputGroupStyle: x
-  };
-}
-function xe(e, t, u) {
-  const n = m(!1), a = v(() => e.enableClear && !e.readonly && !e.disable), { changeTextBoxValue: c, displayText: p, hasFocused: y, isEmpty: g } = u;
-  function o(h) {
-    n.value = h;
-  }
-  k(p, () => {
-    y.value ? o(!!p.value) : o(!1);
-  });
-  const l = v(() => ({
-    "input-group-text": !0,
-    "input-group-clear": !0
-  })), r = v(() => ({
-    width: "24px",
-    display: n.value ? "flex" : "none"
-  }));
-  function i(h) {
-    h.stopPropagation(), a.value && (c("", !0), o(!n.value), t.emit("clear"));
-  }
-  function f(h) {
-    a.value && !g.value && o(!0);
-  }
-  function b(h) {
-    a.value && o(!1);
-  }
-  return { clearButtonClass: l, clearButtonStyle: r, hasShownClearButton: n, onClearValue: i, onMouseEnter: f, onMouseLeave: b, shouldShowClearButton: a };
-}
-function D(e, t, u, n) {
-  const a = m(e.autocomplete), c = m(e.enableTitle), {
-    isPassword: p
-  } = u, y = m(e.minLength), g = m(e.maxLength), o = m(e.tabIndex), {
-    disable: l,
-    displayText: r,
-    inputType: i,
-    onBlur: f,
-    onFocus: b,
-    onInput: h,
-    onClick: B,
-    onKeydown: C,
-    onKeyup: x,
-    onMousedown: T,
-    onTextBoxValueChange: P,
-    readonly: I,
-    placeholder: M,
-    textBoxClass: s,
-    textBoxTitle: w
-  } = n;
-  return () => E("input", {
-    name: "input-group-value",
-    autocomplete: a.value,
-    class: s.value,
-    disabled: l.value,
-    maxlength: g.value,
-    minlength: y.value,
-    placeholder: M.value,
-    readonly: I.value,
-    tabindex: o.value,
-    title: c.value && !p.value ? w.value : "",
-    type: i.value,
-    value: r.value,
-    onBlur: f,
-    onClick: B,
-    onChange: P,
-    onFocus: b,
-    onInput: h,
-    onKeydown: C,
-    onKeyup: x,
-    onMousedown: T
-  }, null);
-}
-function N(e, t, u, n, a) {
-  const {
-    appendedButtonClass: c,
-    appendedContent: p
-  } = u, y = v(() => e.showButtonWhenDisabled && (!e.editable || !e.readonly) && !e.disabled), g = v(() => p.value && !t.slots.groupTextTemplate), o = v(() => !!t.slots.groupTextTemplate), {
-    clearButtonClass: l,
-    clearButtonStyle: r,
-    onClearValue: i,
-    shouldShowClearButton: f
-  } = n;
-  function b() {
-    return E("span", {
-      id: "clearIcon",
-      class: l.value,
-      style: r.value,
-      onClick: (s) => i(s)
-    }, [E("i", {
-      class: "f-icon modal_close"
-    }, null)]);
-  }
-  function h(s) {
-    t.emit("iconMouseEnter", s);
-  }
-  function B(s) {
-    t.emit("iconMouseLeave", s);
-  }
-  function C(s) {
-    y.value && t.emit("clickHandle", {
-      originalEvent: s
-    }), s.stopPropagation();
-  }
-  const x = e.isPassword ? a.onClickAppendedButton : C;
-  function T() {
-    return E("span", {
-      class: "input-group-text",
-      onMouseenter: (s) => h(s),
-      onMouseleave: (s) => B(s),
-      innerHTML: p.value,
-      onClick: (s) => x(s)
-    }, null);
-  }
-  function P() {
-    return t.slots.groupTextTemplate && t.slots.groupTextTemplate();
-  }
-  function I() {
-    return g.value ? T : o.value ? P : "";
-  }
-  const M = I();
-  return () => E("div", {
-    class: c.value
-  }, [f.value && b(), M && M()]);
-}
-function Te(e, t) {
-  const u = v(() => e.useExtendInfo && !!e.extendInfo), n = U({
-    content: e.extendInfo
-  });
-  function a() {
-    t.emit("updateExtendInfo");
-  }
-  return () => u.value && _(E("span", {
-    class: "input-group-before-tips",
-    onMouseenter: a
-  }, [E("i", {
-    class: "f-icon f-icon-info-circle"
-  }, null), E("b", {
-    class: "tips-arrow"
-  }, null)]), [[z("tooltip"), n]]);
-}
-const S = /* @__PURE__ */ V({
-  name: "FInputGroup",
-  props: j,
-  emits: ["clear", "change", "blur", "click", "clickHandle", "focus", "input", "keydown", "keyup", "iconMouseEnter", "iconMouseLeave", "update:modelValue", "update:value", "updateExtendInfo"],
-  setup(e, t) {
-    const u = m(e.modelValue), n = m(e.modelValue), a = Be(e, t, u, n), {
-      inputGroupClass: c,
-      inputType: p,
-      inputGroupStyle: y
-    } = a, g = H(e), {
-      shouldShowAppendedButton: o
-    } = g, l = xe(e, t, a), {
-      onMouseEnter: r,
-      onMouseLeave: i
-    } = l, f = G(e, t, p, g), b = D(e, t, f, a), h = N(e, t, g, l, f), B = Te(e, t);
-    return k(() => [e.value], ([C]) => {
-      u.value = C, n.value = C;
-    }), J(() => {
-      e.value && (u.value = e.value, n.value = e.value);
-    }), () => E("div", {
-      id: "inputGroup",
-      class: c.value,
-      style: y.value,
-      onMouseenter: r,
-      onMouseleave: i
-    }, [B(), b(), o.value && h()]);
-  }
-});
-function we(e, t) {
-  const u = m("text"), n = m(e.modelValue), a = m(e.modelValue), c = m(e.textAlign), p = m(e.noborder), y = v(() => (e.disabled || e.readonly) && !e.forcePlaceholder ? "" : e.placeholder), g = v(() => e.editable || !e.readonly), o = v(() => e.readonly || !e.editable), l = v(() => n.value === "" || n.value === null || n.value === void 0), r = m(e.disabled), i = m(e.editable), f = "f-state-focus", b = v(() => ({
-    "form-control": !0,
-    "f-utils-fill": !0,
-    "text-left": c.value === "left",
-    "text-center": c.value === "center",
-    "text-right": c.value === "right"
-  }));
-  function h(s) {
-    return document.documentElement.classList.remove(f), t.emit("blurHandle", s), s.stopPropagation(), !1;
-  }
-  function B(s) {
-    t.emit("enterHandle", { originalEvent: s });
-  }
-  function C(s) {
-    s.target.tagName !== "INPUT" && s.preventDefault(), s.stopPropagation();
-  }
-  function x(s, w = !0) {
-    n.value !== s && (n.value = s, w && t.emit("change", s), t.emit("update:modelValue", s), t.emit("update:value", s));
-  }
-  function T(s) {
-    t.emit("input", s.target.value);
-    const w = s.target.value;
-    n.value !== w && x(w, !1);
-  }
-  function P(s) {
-    e.disabled || (p.value || document.documentElement.classList.add(f), g.value && t.emit("focusHandle", s));
-  }
-  function I(s) {
-    t.emit("inputClick", s);
-  }
-  function M(s) {
-    const w = s.target.value;
-    s.stopPropagation(), x(w);
-  }
-  return k(
-    () => e.modelValue,
-    (s) => {
-      n.value = s;
-    }
-  ), {
-    changeTextBoxValue: x,
-    disabled: r,
-    displayText: a,
-    editable: i,
-    inputGroupEditorClass: b,
-    inputType: u,
-    isEmpty: l,
-    readonly: o,
-    modelValue: n,
-    onBlur: h,
-    onEnter: B,
-    onInput: T,
-    onInputClick: I,
-    onInputFocus: P,
-    onMousedown: C,
-    onTextBoxValueChange: M,
-    textBoxPlaceholder: y
-  };
-}
-function Ee(e, t, u) {
-  const n = m(!1), a = v(() => e.enableClear && !e.readonly && !e.disabled), { changeTextBoxValue: c, isEmpty: p } = u, y = v(() => ({
-    "input-group-text": !0,
-    "input-group-clear": !0
-  })), g = v(() => ({
-    width: "24px",
-    display: n.value ? "flex" : "none"
-  }));
-  function o(i) {
-    i.stopPropagation(), a.value && (c(""), n.value = !1, t.emit("clear"));
-  }
-  function l(i) {
-    a.value && !p.value && (n.value = !0);
-  }
-  function r(i) {
-    a.value && (n.value = !1);
-  }
-  return { clearButtonClass: y, clearButtonStyle: g, hasShownClearButton: n, onClearValue: o, onMouseEnter: l, onMouseLeave: r, shouldShowClearButton: a };
-}
-const Me = /* @__PURE__ */ V({
-  name: "FInputGroupDesign",
-  props: j,
-  emits: ["updateExtendInfo", "clear", "valueChange", "clickHandle", "blurHandle", "focusHandle", "enterHandle", "iconMouseEnter", "iconMouseLeave", "keyupHandle", "keydownHandle", "inputClick"],
-  setup(e, t) {
-    const u = we(e, t), {
-      disabled: n,
-      editable: a,
-      inputType: c,
-      readonly: p
-    } = u, y = H(e), {
-      shouldShowAppendedButton: g
-    } = y, o = Ee(e, t, u), {
-      onMouseEnter: l,
-      onMouseLeave: r
-    } = o, i = G(e, t, c, y), f = D(e, t, i, u), b = N(e, t, y, o, i), h = v(() => {
-      const B = {
-        "f-cmp-inputgroup": !0,
-        "input-group": !0,
-        "f-state-disabled": n.value,
-        "f-state-editable": a.value && !n.value && !p.value,
-        "f-state-readonly": p.value && !n.value
-      };
-      return (e.customClass || "").split(" ").reduce((x, T) => (x[T] = !0, x), B), B;
-    });
-    return () => E("div", {
-      id: "inputGroup",
-      class: h.value,
-      onMouseenter: l,
-      onMouseleave: r
-    }, [f(), g.value && b()]);
-  }
-}), Ae = {
-  install(e) {
-    e.component(S.name, S);
-  },
-  register(e, t, u) {
-    e["input-group"] = S, t["input-group"] = L;
-  },
-  registerDesigner(e, t, u) {
-    e["input-group"] = Me, t["input-group"] = L;
-  }
-};
-export {
-  S as InputGroup,
-  Ae as default,
-  j as inputGroupProps,
-  L as propsResolver
-};