ai-form-designer/dist/index-BAsJ4AfL.js

vue3+adv的设计器,可视化开发页面表单

import { c as S } from "./_commonjsHelpers-BVfed4GL.js";
import { q as Do, c as qe, r as Fe, a as xe, _ as _e, b as De, f as Io, e as To, p as Ao, i as Oo } from "./index-CFbzusj4.js";
import { r as le } from "./_vue_commonjs-external-NwvjgbHK.js";
import { _ as jo, i as Wo } from "./index-B5s4z2wp.js";
function Vo(t, u) {
  for (var b = 0; b < u.length; b++) {
    const v = u[b];
    if (typeof v != "string" && !Array.isArray(v)) {
      for (const h in v)
        if (h !== "default" && !(h in t)) {
          const s = Object.getOwnPropertyDescriptor(v, h);
          s && Object.defineProperty(t, h, s.get ? s : {
            enumerable: !0,
            get: () => v[h]
          });
        }
    }
  }
  return Object.freeze(Object.defineProperty(t, Symbol.toStringTag, { value: "Module" }));
}
var Xe = {}, Ye = {}, Je = {};
(function(t) {
  Object.defineProperty(t, "__esModule", { value: !0 }), t.isSafari = t.isFirefox = t.isChrome = void 0;
  const u = Do;
  t.isChrome = u.isBrowser && "chrome" in window, t.isFirefox = u.isBrowser && navigator.userAgent.includes("Firefox"), t.isSafari = u.isBrowser && navigator.userAgent.includes("Safari") && !t.isChrome;
})(Je);
var Ie = {}, Te = {}, ye = {};
Object.defineProperty(ye, "__esModule", { value: !0 });
ye.default = {
  paddingTiny: "0 8px",
  paddingSmall: "0 10px",
  paddingMedium: "0 12px",
  paddingLarge: "0 14px",
  clearSize: "16px"
};
var ko = S && S.__importDefault || function(t) {
  return t && t.__esModule ? t : { default: t };
};
Object.defineProperty(Te, "__esModule", { value: !0 });
const Z = Fe, Lo = qe, Ho = ko(ye), No = {
  name: "Input",
  common: Lo.commonDark,
  self(t) {
    const { textColor2: u, textColor3: b, textColorDisabled: v, primaryColor: h, primaryColorHover: s, inputColor: w, inputColorDisabled: c, warningColor: o, warningColorHover: M, errorColor: _, errorColorHover: D, borderRadius: $, lineHeight: I, fontSizeTiny: d, fontSizeSmall: L, fontSizeMedium: H, fontSizeLarge: N, heightTiny: W, heightSmall: O, heightMedium: V, heightLarge: n, clearColor: g, clearColorHover: a, clearColorPressed: R, placeholderColor: T, placeholderColorDisabled: A, iconColor: B, iconColorDisabled: E, iconColorHover: C, iconColorPressed: p, fontWeight: f } = t;
    return Object.assign(Object.assign({}, Ho.default), {
      fontWeight: f,
      countTextColorDisabled: v,
      countTextColor: b,
      heightTiny: W,
      heightSmall: O,
      heightMedium: V,
      heightLarge: n,
      fontSizeTiny: d,
      fontSizeSmall: L,
      fontSizeMedium: H,
      fontSizeLarge: N,
      lineHeight: I,
      lineHeightTextarea: I,
      borderRadius: $,
      iconSize: "16px",
      groupLabelColor: w,
      textColor: u,
      textColorDisabled: v,
      textDecorationColor: u,
      groupLabelTextColor: u,
      caretColor: h,
      placeholderColor: T,
      placeholderColorDisabled: A,
      color: w,
      colorDisabled: c,
      colorFocus: (0, Z.changeColor)(h, { alpha: 0.1 }),
      groupLabelBorder: "1px solid #0000",
      border: "1px solid #0000",
      borderHover: `1px solid ${s}`,
      borderDisabled: "1px solid #0000",
      borderFocus: `1px solid ${s}`,
      boxShadowFocus: `0 0 8px 0 ${(0, Z.changeColor)(h, { alpha: 0.3 })}`,
      loadingColor: h,
      // warning
      loadingColorWarning: o,
      borderWarning: `1px solid ${o}`,
      borderHoverWarning: `1px solid ${M}`,
      colorFocusWarning: (0, Z.changeColor)(o, { alpha: 0.1 }),
      borderFocusWarning: `1px solid ${M}`,
      boxShadowFocusWarning: `0 0 8px 0 ${(0, Z.changeColor)(o, {
        alpha: 0.3
      })}`,
      caretColorWarning: o,
      // error
      loadingColorError: _,
      borderError: `1px solid ${_}`,
      borderHoverError: `1px solid ${D}`,
      colorFocusError: (0, Z.changeColor)(_, { alpha: 0.1 }),
      borderFocusError: `1px solid ${D}`,
      boxShadowFocusError: `0 0 8px 0 ${(0, Z.changeColor)(_, {
        alpha: 0.3
      })}`,
      caretColorError: _,
      clearColor: g,
      clearColorHover: a,
      clearColorPressed: R,
      iconColor: B,
      iconColorDisabled: E,
      iconColorHover: C,
      iconColorPressed: p,
      suffixTextColor: u
    });
  }
};
Te.default = No;
var Ae = {}, Go = S && S.__importDefault || function(t) {
  return t && t.__esModule ? t : { default: t };
};
Object.defineProperty(Ae, "__esModule", { value: !0 });
const Re = Fe, Ko = qe, Uo = Go(ye);
function qo(t) {
  const { textColor2: u, textColor3: b, textColorDisabled: v, primaryColor: h, primaryColorHover: s, inputColor: w, inputColorDisabled: c, borderColor: o, warningColor: M, warningColorHover: _, errorColor: D, errorColorHover: $, borderRadius: I, lineHeight: d, fontSizeTiny: L, fontSizeSmall: H, fontSizeMedium: N, fontSizeLarge: W, heightTiny: O, heightSmall: V, heightMedium: n, heightLarge: g, actionColor: a, clearColor: R, clearColorHover: T, clearColorPressed: A, placeholderColor: B, placeholderColorDisabled: E, iconColor: C, iconColorDisabled: p, iconColorHover: f, iconColorPressed: z, fontWeight: F } = t;
  return Object.assign(Object.assign({}, Uo.default), {
    fontWeight: F,
    countTextColorDisabled: v,
    countTextColor: b,
    heightTiny: O,
    heightSmall: V,
    heightMedium: n,
    heightLarge: g,
    fontSizeTiny: L,
    fontSizeSmall: H,
    fontSizeMedium: N,
    fontSizeLarge: W,
    lineHeight: d,
    lineHeightTextarea: d,
    borderRadius: I,
    iconSize: "16px",
    groupLabelColor: a,
    groupLabelTextColor: u,
    textColor: u,
    textColorDisabled: v,
    textDecorationColor: u,
    caretColor: h,
    placeholderColor: B,
    placeholderColorDisabled: E,
    color: w,
    colorDisabled: c,
    colorFocus: w,
    groupLabelBorder: `1px solid ${o}`,
    border: `1px solid ${o}`,
    borderHover: `1px solid ${s}`,
    borderDisabled: `1px solid ${o}`,
    borderFocus: `1px solid ${s}`,
    boxShadowFocus: `0 0 0 2px ${(0, Re.changeColor)(h, { alpha: 0.2 })}`,
    loadingColor: h,
    // warning
    loadingColorWarning: M,
    borderWarning: `1px solid ${M}`,
    borderHoverWarning: `1px solid ${_}`,
    colorFocusWarning: w,
    borderFocusWarning: `1px solid ${_}`,
    boxShadowFocusWarning: `0 0 0 2px ${(0, Re.changeColor)(M, {
      alpha: 0.2
    })}`,
    caretColorWarning: M,
    // error
    loadingColorError: D,
    borderError: `1px solid ${D}`,
    borderHoverError: `1px solid ${$}`,
    colorFocusError: w,
    borderFocusError: `1px solid ${$}`,
    boxShadowFocusError: `0 0 0 2px ${(0, Re.changeColor)(D, {
      alpha: 0.2
    })}`,
    caretColorError: D,
    clearColor: R,
    clearColorHover: T,
    clearColorPressed: A,
    iconColor: C,
    iconColorDisabled: p,
    iconColorHover: f,
    iconColorPressed: z,
    suffixTextColor: u
  });
}
const Xo = {
  name: "Input",
  common: Ko.commonLight,
  self: qo
};
Ae.default = Xo;
var we = {}, Oe = {};
Object.defineProperty(Oe, "__esModule", {
  value: !0
});
const X = xe;
Oe.default = (0, X.cB)("input", [(0, X.cM)("rtl", `
 direction: rtl;
 `, [(0, X.cE)("prefix", {
  marginRight: 0,
  marginLeft: "4px"
}), (0, X.cE)("suffix", {
  marginRight: "4px",
  marginLeft: 0
}), (0, X.cM)("textarea", "width: 100%;", [(0, X.cB)("input-word-count", `
 left: var(--n-padding-right);
 right: unset;
 `)]), (0, X.cB)("input-word-count", `
 margin-left: 0;
 margin-right: 4px;
 `)])]);
var Yo = S && S.__importDefault || function(t) {
  return t && t.__esModule ? t : { default: t };
};
Object.defineProperty(we, "__esModule", { value: !0 });
we.inputRtl = void 0;
const Jo = Yo(Oe);
we.inputRtl = {
  name: "Input",
  style: Jo.default
};
(function(t) {
  var u = S && S.__importDefault || function(s) {
    return s && s.__esModule ? s : { default: s };
  };
  Object.defineProperty(t, "__esModule", { value: !0 }), t.inputRtl = t.inputLight = t.inputDark = void 0;
  var b = Te;
  Object.defineProperty(t, "inputDark", { enumerable: !0, get: function() {
    return u(b).default;
  } });
  var v = Ae;
  Object.defineProperty(t, "inputLight", { enumerable: !0, get: function() {
    return u(v).default;
  } });
  var h = we;
  Object.defineProperty(t, "inputRtl", { enumerable: !0, get: function() {
    return h.inputRtl;
  } });
})(Ie);
var se = {};
Object.defineProperty(se, "__esModule", { value: !0 });
se.inputInjectionKey = void 0;
const Qo = _e;
se.inputInjectionKey = (0, Qo.createInjectionKey)("n-input");
var ue = {};
Object.defineProperty(ue, "__esModule", {
  value: !0
});
ue.safariStyle = void 0;
const i = xe;
ue.default = (0, i.cB)("input", `
 max-width: 100%;
 cursor: text;
 line-height: 1.5;
 z-index: auto;
 outline: none;
 box-sizing: border-box;
 position: relative;
 display: inline-flex;
 border-radius: var(--n-border-radius);
 background-color: var(--n-color);
 transition: background-color .3s var(--n-bezier);
 font-size: var(--n-font-size);
 font-weight: var(--n-font-weight);
 --n-padding-vertical: calc((var(--n-height) - 1.5 * var(--n-font-size)) / 2);
`, [
  // common
  (0, i.cE)("input, textarea", `
 overflow: hidden;
 flex-grow: 1;
 position: relative;
 `),
  (0, i.cE)("input-el, textarea-el, input-mirror, textarea-mirror, separator, placeholder", `
 box-sizing: border-box;
 font-size: inherit;
 line-height: 1.5;
 font-family: inherit;
 border: none;
 outline: none;
 background-color: #0000;
 text-align: inherit;
 transition:
 -webkit-text-fill-color .3s var(--n-bezier),
 caret-color .3s var(--n-bezier),
 color .3s var(--n-bezier),
 text-decoration-color .3s var(--n-bezier);
 `),
  (0, i.cE)("input-el, textarea-el", `
 -webkit-appearance: none;
 scrollbar-width: none;
 width: 100%;
 min-width: 0;
 text-decoration-color: var(--n-text-decoration-color);
 color: var(--n-text-color);
 caret-color: var(--n-caret-color);
 background-color: transparent;
 `, [(0, i.c)("&::-webkit-scrollbar, &::-webkit-scrollbar-track-piece, &::-webkit-scrollbar-thumb", `
 width: 0;
 height: 0;
 display: none;
 `), (0, i.c)("&::placeholder", `
 color: #0000;
 -webkit-text-fill-color: transparent !important;
 `), (0, i.c)("&:-webkit-autofill ~", [(0, i.cE)("placeholder", "display: none;")])]),
  (0, i.cM)("round", [(0, i.cNotM)("textarea", "border-radius: calc(var(--n-height) / 2);")]),
  (0, i.cE)("placeholder", `
 pointer-events: none;
 position: absolute;
 left: 0;
 right: 0;
 top: 0;
 bottom: 0;
 overflow: hidden;
 color: var(--n-placeholder-color);
 `, [(0, i.c)("span", `
 width: 100%;
 display: inline-block;
 `)]),
  (0, i.cM)("textarea", [(0, i.cE)("placeholder", "overflow: visible;")]),
  (0, i.cNotM)("autosize", "width: 100%;"),
  (0, i.cM)("autosize", [(0, i.cE)("textarea-el, input-el", `
 position: absolute;
 top: 0;
 left: 0;
 height: 100%;
 `)]),
  // input
  (0, i.cB)("input-wrapper", `
 overflow: hidden;
 display: inline-flex;
 flex-grow: 1;
 position: relative;
 padding-left: var(--n-padding-left);
 padding-right: var(--n-padding-right);
 `),
  (0, i.cE)("input-mirror", `
 padding: 0;
 height: var(--n-height);
 line-height: var(--n-height);
 overflow: hidden;
 visibility: hidden;
 position: static;
 white-space: pre;
 pointer-events: none;
 `),
  (0, i.cE)("input-el", `
 padding: 0;
 height: var(--n-height);
 line-height: var(--n-height);
 `, [(0, i.c)("&[type=password]::-ms-reveal", "display: none;"), (0, i.c)("+", [(0, i.cE)("placeholder", `
 display: flex;
 align-items: center; 
 `)])]),
  (0, i.cNotM)("textarea", [(0, i.cE)("placeholder", "white-space: nowrap;")]),
  (0, i.cE)("eye", `
 display: flex;
 align-items: center;
 justify-content: center;
 transition: color .3s var(--n-bezier);
 `),
  // textarea
  (0, i.cM)("textarea", "width: 100%;", [(0, i.cB)("input-word-count", `
 position: absolute;
 right: var(--n-padding-right);
 bottom: var(--n-padding-vertical);
 `), (0, i.cM)("resizable", [(0, i.cB)("input-wrapper", `
 resize: vertical;
 min-height: var(--n-height);
 `)]), (0, i.cE)("textarea-el, textarea-mirror, placeholder", `
 height: 100%;
 padding-left: 0;
 padding-right: 0;
 padding-top: var(--n-padding-vertical);
 padding-bottom: var(--n-padding-vertical);
 word-break: break-word;
 display: inline-block;
 vertical-align: bottom;
 box-sizing: border-box;
 line-height: var(--n-line-height-textarea);
 margin: 0;
 resize: none;
 white-space: pre-wrap;
 scroll-padding-block-end: var(--n-padding-vertical);
 `), (0, i.cE)("textarea-mirror", `
 width: 100%;
 pointer-events: none;
 overflow: hidden;
 visibility: hidden;
 position: static;
 white-space: pre-wrap;
 overflow-wrap: break-word;
 `)]),
  // pair
  (0, i.cM)("pair", [(0, i.cE)("input-el, placeholder", "text-align: center;"), (0, i.cE)("separator", `
 display: flex;
 align-items: center;
 transition: color .3s var(--n-bezier);
 color: var(--n-text-color);
 white-space: nowrap;
 `, [(0, i.cB)("icon", `
 color: var(--n-icon-color);
 `), (0, i.cB)("base-icon", `
 color: var(--n-icon-color);
 `)])]),
  (0, i.cM)("disabled", `
 cursor: not-allowed;
 background-color: var(--n-color-disabled);
 `, [(0, i.cE)("border", "border: var(--n-border-disabled);"), (0, i.cE)("input-el, textarea-el", `
 cursor: not-allowed;
 color: var(--n-text-color-disabled);
 text-decoration-color: var(--n-text-color-disabled);
 `), (0, i.cE)("placeholder", "color: var(--n-placeholder-color-disabled);"), (0, i.cE)("separator", "color: var(--n-text-color-disabled);", [(0, i.cB)("icon", `
 color: var(--n-icon-color-disabled);
 `), (0, i.cB)("base-icon", `
 color: var(--n-icon-color-disabled);
 `)]), (0, i.cB)("input-word-count", `
 color: var(--n-count-text-color-disabled);
 `), (0, i.cE)("suffix, prefix", "color: var(--n-text-color-disabled);", [(0, i.cB)("icon", `
 color: var(--n-icon-color-disabled);
 `), (0, i.cB)("internal-icon", `
 color: var(--n-icon-color-disabled);
 `)])]),
  (0, i.cNotM)("disabled", [(0, i.cE)("eye", `
 color: var(--n-icon-color);
 cursor: pointer;
 `, [(0, i.c)("&:hover", `
 color: var(--n-icon-color-hover);
 `), (0, i.c)("&:active", `
 color: var(--n-icon-color-pressed);
 `)]), (0, i.c)("&:hover", [(0, i.cE)("state-border", "border: var(--n-border-hover);")]), (0, i.cM)("focus", "background-color: var(--n-color-focus);", [(0, i.cE)("state-border", `
 border: var(--n-border-focus);
 box-shadow: var(--n-box-shadow-focus);
 `)])]),
  (0, i.cE)("border, state-border", `
 box-sizing: border-box;
 position: absolute;
 left: 0;
 right: 0;
 top: 0;
 bottom: 0;
 pointer-events: none;
 border-radius: inherit;
 border: var(--n-border);
 transition:
 box-shadow .3s var(--n-bezier),
 border-color .3s var(--n-bezier);
 `),
  (0, i.cE)("state-border", `
 border-color: #0000;
 z-index: 1;
 `),
  (0, i.cE)("prefix", "margin-right: 4px;"),
  (0, i.cE)("suffix", `
 margin-left: 4px;
 `),
  (0, i.cE)("suffix, prefix", `
 transition: color .3s var(--n-bezier);
 flex-wrap: nowrap;
 flex-shrink: 0;
 line-height: var(--n-height);
 white-space: nowrap;
 display: inline-flex;
 align-items: center;
 justify-content: center;
 color: var(--n-suffix-text-color);
 `, [(0, i.cB)("base-loading", `
 font-size: var(--n-icon-size);
 margin: 0 2px;
 color: var(--n-loading-color);
 `), (0, i.cB)("base-clear", `
 font-size: var(--n-icon-size);
 `, [(0, i.cE)("placeholder", [(0, i.cB)("base-icon", `
 transition: color .3s var(--n-bezier);
 color: var(--n-icon-color);
 font-size: var(--n-icon-size);
 `)])]), (0, i.c)(">", [(0, i.cB)("icon", `
 transition: color .3s var(--n-bezier);
 color: var(--n-icon-color);
 font-size: var(--n-icon-size);
 `)]), (0, i.cB)("base-icon", `
 font-size: var(--n-icon-size);
 `)]),
  (0, i.cB)("input-word-count", `
 pointer-events: none;
 line-height: 1.5;
 font-size: .85em;
 color: var(--n-count-text-color);
 transition: color .3s var(--n-bezier);
 margin-left: 4px;
 font-variant: tabular-nums;
 `),
  ["warning", "error"].map((t) => (0, i.cM)(`${t}-status`, [(0, i.cNotM)("disabled", [(0, i.cB)("base-loading", `
 color: var(--n-loading-color-${t})
 `), (0, i.cE)("input-el, textarea-el", `
 caret-color: var(--n-caret-color-${t});
 `), (0, i.cE)("state-border", `
 border: var(--n-border-${t});
 `), (0, i.c)("&:hover", [(0, i.cE)("state-border", `
 border: var(--n-border-hover-${t});
 `)]), (0, i.c)("&:focus", `
 background-color: var(--n-color-focus-${t});
 `, [(0, i.cE)("state-border", `
 box-shadow: var(--n-box-shadow-focus-${t});
 border: var(--n-border-focus-${t});
 `)]), (0, i.cM)("focus", `
 background-color: var(--n-color-focus-${t});
 `, [(0, i.cE)("state-border", `
 box-shadow: var(--n-box-shadow-focus-${t});
 border: var(--n-border-focus-${t});
 `)])])]))
]);
ue.safariStyle = (0, i.cB)("input", [(0, i.cM)("disabled", [(0, i.cE)("input-el, textarea-el", `
 -webkit-text-fill-color: var(--n-text-color-disabled);
 `)])]);
var ee = {};
Object.defineProperty(ee, "__esModule", { value: !0 });
ee.len = Zo;
ee.isEmptyInputValue = et;
ee.useCursor = rt;
const Ke = le;
function Zo(t) {
  let u = 0;
  for (const b of t)
    u++;
  return u;
}
function et(t) {
  return t === "" || t == null;
}
function rt(t) {
  const u = (0, Ke.ref)(null);
  function b() {
    const { value: s } = t;
    if (!(s != null && s.focus)) {
      h();
      return;
    }
    const { selectionStart: w, selectionEnd: c, value: o } = s;
    if (w == null || c == null) {
      h();
      return;
    }
    u.value = {
      start: w,
      end: c,
      beforeText: o.slice(0, w),
      afterText: o.slice(c)
    };
  }
  function v() {
    var s;
    const { value: w } = u, { value: c } = t;
    if (!w || !c)
      return;
    const { value: o } = c, { start: M, beforeText: _, afterText: D } = w;
    let $ = o.length;
    if (o.endsWith(D))
      $ = o.length - D.length;
    else if (o.startsWith(_))
      $ = _.length;
    else {
      const I = _[M - 1], d = o.indexOf(I, M - 1);
      d !== -1 && ($ = d + 1);
    }
    (s = c.setSelectionRange) === null || s === void 0 || s.call(c, $, $);
  }
  function h() {
    u.value = null;
  }
  return (0, Ke.watch)(t, h), {
    recordCursor: b,
    restoreCursor: v
  };
}
var je = {};
Object.defineProperty(je, "__esModule", { value: !0 });
const me = le, ot = _e, tt = se, nt = ee;
je.default = (0, me.defineComponent)({
  name: "InputWordCount",
  setup(t, { slots: u }) {
    const { mergedValueRef: b, maxlengthRef: v, mergedClsPrefixRef: h, countGraphemesRef: s } = (0, me.inject)(tt.inputInjectionKey), w = (0, me.computed)(() => {
      const { value: c } = b;
      return c === null || Array.isArray(c) ? 0 : (s.value || nt.len)(c);
    });
    return () => {
      const { value: c } = v, { value: o } = b;
      return (0, me.h)("span", { class: `${h.value}-input-word-count` }, (0, ot.resolveSlotWithTypedProps)(u.default, {
        value: o === null || Array.isArray(o) ? "" : o
      }, () => [
        c === void 0 ? w.value : `${w.value} / ${c}`
      ]));
    };
  }
});
(function(t) {
  var u = S && S.__createBinding || (Object.create ? function(n, g, a, R) {
    R === void 0 && (R = a);
    var T = Object.getOwnPropertyDescriptor(g, a);
    (!T || ("get" in T ? !g.__esModule : T.writable || T.configurable)) && (T = { enumerable: !0, get: function() {
      return g[a];
    } }), Object.defineProperty(n, R, T);
  } : function(n, g, a, R) {
    R === void 0 && (R = a), n[R] = g[a];
  }), b = S && S.__setModuleDefault || (Object.create ? function(n, g) {
    Object.defineProperty(n, "default", { enumerable: !0, value: g });
  } : function(n, g) {
    n.default = g;
  }), v = S && S.__importStar || function(n) {
    if (n && n.__esModule) return n;
    var g = {};
    if (n != null) for (var a in n) a !== "default" && Object.prototype.hasOwnProperty.call(n, a) && u(g, n, a);
    return b(g, n), g;
  }, h = S && S.__importDefault || function(n) {
    return n && n.__esModule ? n : { default: n };
  };
  Object.defineProperty(t, "__esModule", { value: !0 }), t.inputProps = void 0;
  const s = Oo, w = Fe, c = To, o = le, M = Io, _ = jo, D = Wo, $ = De, I = Ao, d = _e, L = Je, H = Ie, N = se, W = v(ue), O = ee, V = h(je);
  t.inputProps = Object.assign(Object.assign({}, $.useTheme.props), {
    bordered: {
      type: Boolean,
      default: void 0
    },
    type: {
      type: String,
      default: "text"
    },
    placeholder: [Array, String],
    defaultValue: {
      type: [String, Array],
      default: null
    },
    value: [String, Array],
    disabled: {
      type: Boolean,
      default: void 0
    },
    size: String,
    rows: {
      type: [Number, String],
      default: 3
    },
    round: Boolean,
    minlength: [String, Number],
    maxlength: [String, Number],
    clearable: Boolean,
    autosize: {
      type: [Boolean, Object],
      default: !1
    },
    pair: Boolean,
    separator: String,
    readonly: {
      type: [String, Boolean],
      default: !1
    },
    passivelyActivated: Boolean,
    showPasswordOn: String,
    stateful: {
      type: Boolean,
      default: !0
    },
    autofocus: Boolean,
    inputProps: Object,
    resizable: {
      type: Boolean,
      default: !0
    },
    showCount: Boolean,
    loading: {
      type: Boolean,
      default: void 0
    },
    allowInput: Function,
    renderCount: Function,
    onMousedown: Function,
    onKeydown: Function,
    onKeyup: [Function, Array],
    onInput: [Function, Array],
    onFocus: [Function, Array],
    onBlur: [Function, Array],
    onClick: [Function, Array],
    onChange: [Function, Array],
    onClear: [Function, Array],
    countGraphemes: Function,
    status: String,
    "onUpdate:value": [Function, Array],
    onUpdateValue: [Function, Array],
    /** private */
    textDecoration: [String, Array],
    attrSize: {
      type: Number,
      default: 20
    },
    onInputBlur: [Function, Array],
    onInputFocus: [Function, Array],
    onDeactivate: [Function, Array],
    onActivate: [Function, Array],
    onWrapperFocus: [Function, Array],
    onWrapperBlur: [Function, Array],
    internalDeactivateOnEnter: Boolean,
    internalForceFocus: Boolean,
    internalLoadingBeforeSuffix: {
      type: Boolean,
      default: !0
    },
    /** deprecated */
    showPasswordToggle: Boolean
  }), t.default = (0, o.defineComponent)({
    name: "Input",
    props: t.inputProps,
    slots: Object,
    setup(n) {
      process.env.NODE_ENV !== "production" && (0, o.watchEffect)(() => {
        n.showPasswordToggle && (0, d.warnOnce)("input", '`show-password-toggle` is deprecated, please use `showPasswordOn="click"` instead');
      });
      const { mergedClsPrefixRef: g, mergedBorderedRef: a, inlineThemeDisabled: R, mergedRtlRef: T } = (0, $.useConfig)(n), A = (0, $.useTheme)("Input", "-input", W.default, H.inputLight, n, g);
      L.isSafari && (0, $.useStyle)("-input-safari", W.safariStyle, g);
      const B = (0, o.ref)(null), E = (0, o.ref)(null), C = (0, o.ref)(null), p = (0, o.ref)(null), f = (0, o.ref)(null), z = (0, o.ref)(null), F = (0, o.ref)(null), ce = (0, O.useCursor)(F), G = (0, o.ref)(null), { localeRef: er } = (0, $.useLocale)("Input"), de = (0, o.ref)(n.defaultValue), rr = (0, o.toRef)(n, "value"), j = (0, c.useMergedState)(rr, de), re = (0, $.useFormItem)(n), { mergedSizeRef: Ce, mergedDisabledRef: Y, mergedStatusRef: or } = re, J = (0, o.ref)(!1), oe = (0, o.ref)(!1), k = (0, o.ref)(!1), te = (0, o.ref)(!1);
      let Ee = null;
      const Pe = (0, o.computed)(() => {
        const { placeholder: e, pair: r } = n;
        return r ? Array.isArray(e) ? e : e === void 0 ? ["", ""] : [e, e] : e === void 0 ? [er.value.placeholder] : [e];
      }), tr = (0, o.computed)(() => {
        const { value: e } = k, { value: r } = j, { value: l } = Pe;
        return !e && ((0, O.isEmptyInputValue)(r) || Array.isArray(r) && (0, O.isEmptyInputValue)(r[0])) && l[0];
      }), nr = (0, o.computed)(() => {
        const { value: e } = k, { value: r } = j, { value: l } = Pe;
        return !e && l[1] && ((0, O.isEmptyInputValue)(r) || Array.isArray(r) && (0, O.isEmptyInputValue)(r[1]));
      }), Se = (0, c.useMemo)(() => n.internalForceFocus || J.value), ir = (0, c.useMemo)(() => {
        if (Y.value || n.readonly || !n.clearable || !Se.value && !oe.value)
          return !1;
        const { value: e } = j, { value: r } = Se;
        return n.pair ? !!(Array.isArray(e) && (e[0] || e[1])) && (oe.value || r) : !!e && (oe.value || r);
      }), $e = (0, o.computed)(() => {
        const { showPasswordOn: e } = n;
        if (e)
          return e;
        if (n.showPasswordToggle)
          return "click";
      }), ne = (0, o.ref)(!1), ar = (0, o.computed)(() => {
        const { textDecoration: e } = n;
        return e ? Array.isArray(e) ? e.map((r) => ({
          textDecoration: r
        })) : [
          {
            textDecoration: e
          }
        ] : ["", ""];
      }), ke = (0, o.ref)(void 0), lr = () => {
        var e, r;
        if (n.type === "textarea") {
          const { autosize: l } = n;
          if (l && (ke.value = (r = (e = G.value) === null || e === void 0 ? void 0 : e.$el) === null || r === void 0 ? void 0 : r.offsetWidth), !E.value || typeof l == "boolean")
            return;
          const { paddingTop: x, paddingBottom: P, lineHeight: m } = window.getComputedStyle(E.value), K = Number(x.slice(0, -2)), U = Number(P.slice(0, -2)), q = Number(m.slice(0, -2)), { value: ie } = C;
          if (!ie)
            return;
          if (l.minRows) {
            const ae = Math.max(l.minRows, 1), Me = `${K + U + q * ae}px`;
            ie.style.minHeight = Me;
          }
          if (l.maxRows) {
            const ae = `${K + U + q * l.maxRows}px`;
            ie.style.maxHeight = ae;
          }
        }
      }, sr = (0, o.computed)(() => {
        const { maxlength: e } = n;
        return e === void 0 ? void 0 : Number(e);
      });
      (0, o.onMounted)(() => {
        const { value: e } = j;
        Array.isArray(e) || ze(e);
      });
      const ur = (0, o.getCurrentInstance)().proxy;
      function fe(e, r) {
        const { onUpdateValue: l, "onUpdate:value": x, onInput: P } = n, { nTriggerFormInput: m } = re;
        l && (0, d.call)(l, e, r), x && (0, d.call)(x, e, r), P && (0, d.call)(P, e, r), de.value = e, m();
      }
      function pe(e, r) {
        const { onChange: l } = n, { nTriggerFormChange: x } = re;
        l && (0, d.call)(l, e, r), de.value = e, x();
      }
      function cr(e) {
        const { onBlur: r } = n, { nTriggerFormBlur: l } = re;
        r && (0, d.call)(r, e), l();
      }
      function dr(e) {
        const { onFocus: r } = n, { nTriggerFormFocus: l } = re;
        r && (0, d.call)(r, e), l();
      }
      function fr(e) {
        const { onClear: r } = n;
        r && (0, d.call)(r, e);
      }
      function pr(e) {
        const { onInputBlur: r } = n;
        r && (0, d.call)(r, e);
      }
      function hr(e) {
        const { onInputFocus: r } = n;
        r && (0, d.call)(r, e);
      }
      function vr() {
        const { onDeactivate: e } = n;
        e && (0, d.call)(e);
      }
      function br() {
        const { onActivate: e } = n;
        e && (0, d.call)(e);
      }
      function gr(e) {
        const { onClick: r } = n;
        r && (0, d.call)(r, e);
      }
      function mr(e) {
        const { onWrapperFocus: r } = n;
        r && (0, d.call)(r, e);
      }
      function xr(e) {
        const { onWrapperBlur: r } = n;
        r && (0, d.call)(r, e);
      }
      function _r() {
        k.value = !0;
      }
      function yr(e) {
        k.value = !1, e.target === z.value ? he(e, 1) : he(e, 0);
      }
      function he(e, r = 0, l = "input") {
        const x = e.target.value;
        if (ze(x), e instanceof InputEvent && !e.isComposing && (k.value = !1), n.type === "textarea") {
          const { value: m } = G;
          m && m.syncUnifiedContainer();
        }
        if (Ee = x, k.value)
          return;
        ce.recordCursor();
        const P = wr(x);
        if (P)
          if (!n.pair)
            l === "input" ? fe(x, { source: r }) : pe(x, { source: r });
          else {
            let { value: m } = j;
            Array.isArray(m) ? m = [m[0], m[1]] : m = ["", ""], m[r] = x, l === "input" ? fe(m, { source: r }) : pe(m, { source: r });
          }
        ur.$forceUpdate(), P || (0, o.nextTick)(ce.restoreCursor);
      }
      function wr(e) {
        const { countGraphemes: r, maxlength: l, minlength: x } = n;
        if (r) {
          let m;
          if (l !== void 0 && (m === void 0 && (m = r(e)), m > Number(l)) || x !== void 0 && (m === void 0 && (m = r(e)), m < Number(l)))
            return !1;
        }
        const { allowInput: P } = n;
        return typeof P == "function" ? P(e) : !0;
      }
      function Cr(e) {
        pr(e), e.relatedTarget === B.value && vr(), e.relatedTarget !== null && (e.relatedTarget === f.value || e.relatedTarget === z.value || e.relatedTarget === E.value) || (te.value = !1), ve(e, "blur"), F.value = null;
      }
      function Er(e, r) {
        hr(e), J.value = !0, te.value = !0, br(), ve(e, "focus"), r === 0 ? F.value = f.value : r === 1 ? F.value = z.value : r === 2 && (F.value = E.value);
      }
      function Pr(e) {
        n.passivelyActivated && (xr(e), ve(e, "blur"));
      }
      function Sr(e) {
        n.passivelyActivated && (J.value = !0, mr(e), ve(e, "focus"));
      }
      function ve(e, r) {
        e.relatedTarget !== null && (e.relatedTarget === f.value || e.relatedTarget === z.value || e.relatedTarget === E.value || e.relatedTarget === B.value) || (r === "focus" ? (dr(e), J.value = !0) : r === "blur" && (cr(e), J.value = !1));
      }
      function $r(e, r) {
        he(e, r, "change");
      }
      function Br(e) {
        gr(e);
      }
      function zr(e) {
        fr(e), Le();
      }
      function Le() {
        n.pair ? (fe(["", ""], { source: "clear" }), pe(["", ""], { source: "clear" })) : (fe("", { source: "clear" }), pe("", { source: "clear" }));
      }
      function Mr(e) {
        const { onMousedown: r } = n;
        r && r(e);
        const { tagName: l } = e.target;
        if (l !== "INPUT" && l !== "TEXTAREA") {
          if (n.resizable) {
            const { value: x } = B;
            if (x) {
              const { left: P, top: m, width: K, height: U } = x.getBoundingClientRect(), q = 14;
              if (P + K - q < e.clientX && e.clientX < P + K && m + U - q < e.clientY && e.clientY < m + U)
                return;
            }
          }
          e.preventDefault(), J.value || He();
        }
      }
      function Rr() {
        var e;
        oe.value = !0, n.type === "textarea" && ((e = G.value) === null || e === void 0 || e.handleMouseEnterWrapper());
      }
      function Fr() {
        var e;
        oe.value = !1, n.type === "textarea" && ((e = G.value) === null || e === void 0 || e.handleMouseLeaveWrapper());
      }
      function Dr() {
        Y.value || $e.value === "click" && (ne.value = !ne.value);
      }
      function Ir(e) {
        if (Y.value)
          return;
        e.preventDefault();
        const r = (x) => {
          x.preventDefault(), (0, s.off)("mouseup", document, r);
        };
        if ((0, s.on)("mouseup", document, r), $e.value !== "mousedown")
          return;
        ne.value = !0;
        const l = () => {
          ne.value = !1, (0, s.off)("mouseup", document, l);
        };
        (0, s.on)("mouseup", document, l);
      }
      function Tr(e) {
        n.onKeyup && (0, d.call)(n.onKeyup, e);
      }
      function Ar(e) {
        switch (n.onKeydown && (0, d.call)(n.onKeydown, e), e.key) {
          case "Escape":
            Be();
            break;
          case "Enter":
            Or(e);
            break;
        }
      }
      function Or(e) {
        var r, l;
        if (n.passivelyActivated) {
          const { value: x } = te;
          if (x) {
            n.internalDeactivateOnEnter && Be();
            return;
          }
          e.preventDefault(), n.type === "textarea" ? (r = E.value) === null || r === void 0 || r.focus() : (l = f.value) === null || l === void 0 || l.focus();
        }
      }
      function Be() {
        n.passivelyActivated && (te.value = !1, (0, o.nextTick)(() => {
          var e;
          (e = B.value) === null || e === void 0 || e.focus();
        }));
      }
      function He() {
        var e, r, l;
        Y.value || (n.passivelyActivated ? (e = B.value) === null || e === void 0 || e.focus() : ((r = E.value) === null || r === void 0 || r.focus(), (l = f.value) === null || l === void 0 || l.focus()));
      }
      function jr() {
        var e;
        !((e = B.value) === null || e === void 0) && e.contains(document.activeElement) && document.activeElement.blur();
      }
      function Wr() {
        var e, r;
        (e = E.value) === null || e === void 0 || e.select(), (r = f.value) === null || r === void 0 || r.select();
      }
      function Vr() {
        Y.value || (E.value ? E.value.focus() : f.value && f.value.focus());
      }
      function kr() {
        const { value: e } = B;
        e != null && e.contains(document.activeElement) && e !== document.activeElement && Be();
      }
      function Lr(e) {
        if (n.type === "textarea") {
          const { value: r } = E;
          r == null || r.scrollTo(e);
        } else {
          const { value: r } = f;
          r == null || r.scrollTo(e);
        }
      }
      function ze(e) {
        const { type: r, pair: l, autosize: x } = n;
        if (!l && x)
          if (r === "textarea") {
            const { value: P } = C;
            P && (P.textContent = `${e ?? ""}\r
`);
          } else {
            const { value: P } = p;
            P && (e ? P.textContent = e : P.innerHTML = "&nbsp;");
          }
      }
      function Hr() {
        lr();
      }
      const Ne = (0, o.ref)({
        top: "0"
      });
      function Nr(e) {
        var r;
        const { scrollTop: l } = e.target;
        Ne.value.top = `${-l}px`, (r = G.value) === null || r === void 0 || r.syncUnifiedContainer();
      }
      let be = null;
      (0, o.watchEffect)(() => {
        const { autosize: e, type: r } = n;
        e && r === "textarea" ? be = (0, o.watch)(j, (l) => {
          !Array.isArray(l) && l !== Ee && ze(l);
        }) : be == null || be();
      });
      let ge = null;
      (0, o.watchEffect)(() => {
        n.type === "textarea" ? ge = (0, o.watch)(j, (e) => {
          var r;
          !Array.isArray(e) && e !== Ee && ((r = G.value) === null || r === void 0 || r.syncUnifiedContainer());
        }) : ge == null || ge();
      }), (0, o.provide)(N.inputInjectionKey, {
        mergedValueRef: j,
        maxlengthRef: sr,
        mergedClsPrefixRef: g,
        countGraphemesRef: (0, o.toRef)(n, "countGraphemes")
      });
      const Gr = {
        wrapperElRef: B,
        inputElRef: f,
        textareaElRef: E,
        isCompositing: k,
        clear: Le,
        focus: He,
        blur: jr,
        select: Wr,
        deactivate: kr,
        activate: Vr,
        scrollTo: Lr
      }, Kr = (0, I.useRtl)("Input", T, g), Ge = (0, o.computed)(() => {
        const { value: e } = Ce, { common: { cubicBezierEaseInOut: r }, self: { color: l, borderRadius: x, textColor: P, caretColor: m, caretColorError: K, caretColorWarning: U, textDecorationColor: q, border: ie, borderDisabled: ae, borderHover: Me, borderFocus: Ur, placeholderColor: qr, placeholderColorDisabled: Xr, lineHeightTextarea: Yr, colorDisabled: Jr, colorFocus: Qr, textColorDisabled: Zr, boxShadowFocus: eo, iconSize: ro, colorFocusWarning: oo, boxShadowFocusWarning: to, borderWarning: no, borderFocusWarning: io, borderHoverWarning: ao, colorFocusError: lo, boxShadowFocusError: so, borderError: uo, borderFocusError: co, borderHoverError: fo, clearSize: po, clearColor: ho, clearColorHover: vo, clearColorPressed: bo, iconColor: go, iconColorDisabled: mo, suffixTextColor: xo, countTextColor: _o, countTextColorDisabled: yo, iconColorHover: wo, iconColorPressed: Co, loadingColor: Eo, loadingColorError: Po, loadingColorWarning: So, fontWeight: $o, [(0, d.createKey)("padding", e)]: Bo, [(0, d.createKey)("fontSize", e)]: zo, [(0, d.createKey)("height", e)]: Mo } } = A.value, { left: Ro, right: Fo } = (0, w.getPadding)(Bo);
        return {
          "--n-bezier": r,
          "--n-count-text-color": _o,
          "--n-count-text-color-disabled": yo,
          "--n-color": l,
          "--n-font-size": zo,
          "--n-font-weight": $o,
          "--n-border-radius": x,
          "--n-height": Mo,
          "--n-padding-left": Ro,
          "--n-padding-right": Fo,
          "--n-text-color": P,
          "--n-caret-color": m,
          "--n-text-decoration-color": q,
          "--n-border": ie,
          "--n-border-disabled": ae,
          "--n-border-hover": Me,
          "--n-border-focus": Ur,
          "--n-placeholder-color": qr,
          "--n-placeholder-color-disabled": Xr,
          "--n-icon-size": ro,
          "--n-line-height-textarea": Yr,
          "--n-color-disabled": Jr,
          "--n-color-focus": Qr,
          "--n-text-color-disabled": Zr,
          "--n-box-shadow-focus": eo,
          "--n-loading-color": Eo,
          // form warning
          "--n-caret-color-warning": U,
          "--n-color-focus-warning": oo,
          "--n-box-shadow-focus-warning": to,
          "--n-border-warning": no,
          "--n-border-focus-warning": io,
          "--n-border-hover-warning": ao,
          "--n-loading-color-warning": So,
          // form error
          "--n-caret-color-error": K,
          "--n-color-focus-error": lo,
          "--n-box-shadow-focus-error": so,
          "--n-border-error": uo,
          "--n-border-focus-error": co,
          "--n-border-hover-error": fo,
          "--n-loading-color-error": Po,
          // clear-button
          "--n-clear-color": ho,
          "--n-clear-size": po,
          "--n-clear-color-hover": vo,
          "--n-clear-color-pressed": bo,
          "--n-icon-color": go,
          "--n-icon-color-hover": wo,
          "--n-icon-color-pressed": Co,
          "--n-icon-color-disabled": mo,
          "--n-suffix-text-color": xo
        };
      }), Q = R ? (0, $.useThemeClass)("input", (0, o.computed)(() => {
        const { value: e } = Ce;
        return e[0];
      }), Ge, n) : void 0;
      return Object.assign(Object.assign({}, Gr), {
        // DOM ref
        wrapperElRef: B,
        inputElRef: f,
        inputMirrorElRef: p,
        inputEl2Ref: z,
        textareaElRef: E,
        textareaMirrorElRef: C,
        textareaScrollbarInstRef: G,
        // value
        rtlEnabled: Kr,
        uncontrolledValue: de,
        mergedValue: j,
        passwordVisible: ne,
        mergedPlaceholder: Pe,
        showPlaceholder1: tr,
        showPlaceholder2: nr,
        mergedFocus: Se,
        isComposing: k,
        activated: te,
        showClearButton: ir,
        mergedSize: Ce,
        mergedDisabled: Y,
        textDecorationStyle: ar,
        mergedClsPrefix: g,
        mergedBordered: a,
        mergedShowPasswordOn: $e,
        placeholderStyle: Ne,
        mergedStatus: or,
        textAreaScrollContainerWidth: ke,
        // methods
        handleTextAreaScroll: Nr,
        handleCompositionStart: _r,
        handleCompositionEnd: yr,
        handleInput: he,
        handleInputBlur: Cr,
        handleInputFocus: Er,
        handleWrapperBlur: Pr,
        handleWrapperFocus: Sr,
        handleMouseEnter: Rr,
        handleMouseLeave: Fr,
        handleMouseDown: Mr,
        handleChange: $r,
        handleClick: Br,
        handleClear: zr,
        handlePasswordToggleClick: Dr,
        handlePasswordToggleMousedown: Ir,
        handleWrapperKeydown: Ar,
        handleWrapperKeyup: Tr,
        handleTextAreaMirrorResize: Hr,
        getTextareaScrollContainer: () => E.value,
        mergedTheme: A,
        cssVars: R ? void 0 : Ge,
        themeClass: Q == null ? void 0 : Q.themeClass,
        onRender: Q == null ? void 0 : Q.onRender
      });
    },
    render() {
      var n, g;
      const { mergedClsPrefix: a, mergedStatus: R, themeClass: T, type: A, countGraphemes: B, onRender: E } = this, C = this.$slots;
      return E == null || E(), (0, o.h)(
        "div",
        { ref: "wrapperElRef", class: [
          `${a}-input`,
          T,
          R && `${a}-input--${R}-status`,
          {
            [`${a}-input--rtl`]: this.rtlEnabled,
            [`${a}-input--disabled`]: this.mergedDisabled,
            [`${a}-input--textarea`]: A === "textarea",
            [`${a}-input--resizable`]: this.resizable && !this.autosize,
            [`${a}-input--autosize`]: this.autosize,
            [`${a}-input--round`]: this.round && A !== "textarea",
            [`${a}-input--pair`]: this.pair,
            [`${a}-input--focus`]: this.mergedFocus,
            [`${a}-input--stateful`]: this.stateful
          }
        ], style: this.cssVars, tabindex: !this.mergedDisabled && this.passivelyActivated && !this.activated ? 0 : void 0, onFocus: this.handleWrapperFocus, onBlur: this.handleWrapperBlur, onClick: this.handleClick, onMousedown: this.handleMouseDown, onMouseenter: this.handleMouseEnter, onMouseleave: this.handleMouseLeave, onCompositionstart: this.handleCompositionStart, onCompositionend: this.handleCompositionEnd, onKeyup: this.handleWrapperKeyup, onKeydown: this.handleWrapperKeydown },
        (0, o.h)(
          "div",
          { class: `${a}-input-wrapper` },
          (0, d.resolveWrappedSlot)(C.prefix, (p) => p && (0, o.h)("div", { class: `${a}-input__prefix` }, p)),
          A === "textarea" ? (0, o.h)(_.NScrollbar, { ref: "textareaScrollbarInstRef", class: `${a}-input__textarea`, container: this.getTextareaScrollContainer, triggerDisplayManually: !0, useUnifiedContainer: !0, internalHoistYRail: !0 }, {
            default: () => {
              var p, f;
              const { textAreaScrollContainerWidth: z } = this, F = {
                width: this.autosize && z && `${z}px`
              };
              return (0, o.h)(
                o.Fragment,
                null,
                (0, o.h)("textarea", Object.assign({}, this.inputProps, { ref: "textareaElRef", class: [
                  `${a}-input__textarea-el`,
                  (p = this.inputProps) === null || p === void 0 ? void 0 : p.class
                ], autofocus: this.autofocus, rows: Number(this.rows), placeholder: this.placeholder, value: this.mergedValue, disabled: this.mergedDisabled, maxlength: B ? void 0 : this.maxlength, minlength: B ? void 0 : this.minlength, readonly: this.readonly, tabindex: this.passivelyActivated && !this.activated ? -1 : void 0, style: [
                  this.textDecorationStyle[0],
                  (f = this.inputProps) === null || f === void 0 ? void 0 : f.style,
                  F
                ], onBlur: this.handleInputBlur, onFocus: (ce) => {
                  this.handleInputFocus(ce, 2);
                }, onInput: this.handleInput, onChange: this.handleChange, onScroll: this.handleTextAreaScroll })),
                this.showPlaceholder1 ? (0, o.h)("div", { class: `${a}-input__placeholder`, style: [
                  this.placeholderStyle,
                  F
                ], key: "placeholder" }, this.mergedPlaceholder[0]) : null,
                this.autosize ? (0, o.h)(M.VResizeObserver, { onResize: this.handleTextAreaMirrorResize }, {
                  default: () => (0, o.h)("div", { ref: "textareaMirrorElRef", class: `${a}-input__textarea-mirror`, key: "mirror" })
                }) : null
              );
            }
          }) : (0, o.h)(
            "div",
            { class: `${a}-input__input` },
            (0, o.h)("input", Object.assign({ type: A === "password" && this.mergedShowPasswordOn && this.passwordVisible ? "text" : A }, this.inputProps, { ref: "inputElRef", class: [
              `${a}-input__input-el`,
              (n = this.inputProps) === null || n === void 0 ? void 0 : n.class
            ], style: [
              this.textDecorationStyle[0],
              (g = this.inputProps) === null || g === void 0 ? void 0 : g.style
            ], tabindex: this.passivelyActivated && !this.activated ? -1 : void 0, placeholder: this.mergedPlaceholder[0], disabled: this.mergedDisabled, maxlength: B ? void 0 : this.maxlength, minlength: B ? void 0 : this.minlength, value: Array.isArray(this.mergedValue) ? this.mergedValue[0] : this.mergedValue, readonly: this.readonly, autofocus: this.autofocus, size: this.attrSize, onBlur: this.handleInputBlur, onFocus: (p) => {
              this.handleInputFocus(p, 0);
            }, onInput: (p) => {
              this.handleInput(p, 0);
            }, onChange: (p) => {
              this.handleChange(p, 0);
            } })),
            this.showPlaceholder1 ? (0, o.h)(
              "div",
              { class: `${a}-input__placeholder` },
              (0, o.h)("span", null, this.mergedPlaceholder[0])
            ) : null,
            this.autosize ? (0, o.h)("div", { class: `${a}-input__input-mirror`, key: "mirror", ref: "inputMirrorElRef" }, " ") : null
          ),
          !this.pair && (0, d.resolveWrappedSlot)(C.suffix, (p) => p || this.clearable || this.showCount || this.mergedShowPasswordOn || this.loading !== void 0 ? (0, o.h)("div", { class: `${a}-input__suffix` }, [
            (0, d.resolveWrappedSlot)(C["clear-icon-placeholder"], (f) => (this.clearable || f) && (0, o.h)(_.NBaseClear, { clsPrefix: a, show: this.showClearButton, onClear: this.handleClear }, {
              placeholder: () => f,
              icon: () => {
                var z, F;
                return (F = (z = this.$slots)["clear-icon"]) === null || F === void 0 ? void 0 : F.call(z);
              }
            })),
            this.internalLoadingBeforeSuffix ? null : p,
            this.loading !== void 0 ? (0, o.h)(_.NBaseSuffix, { clsPrefix: a, loading: this.loading, showArrow: !1, showClear: !1, style: this.cssVars }) : null,
            this.internalLoadingBeforeSuffix ? p : null,
            this.showCount && this.type !== "textarea" ? (0, o.h)(V.default, null, {
              default: (f) => {
                var z;
                const { renderCount: F } = this;
                return F ? F(f) : (z = C.count) === null || z === void 0 ? void 0 : z.call(C, f);
              }
            }) : null,
            this.mergedShowPasswordOn && this.type === "password" ? (0, o.h)("div", { class: `${a}-input__eye`, onMousedown: this.handlePasswordToggleMousedown, onClick: this.handlePasswordToggleClick }, this.passwordVisible ? (0, d.resolveSlot)(C["password-visible-icon"], () => [
              (0, o.h)(_.NBaseIcon, { clsPrefix: a }, { default: () => (0, o.h)(D.EyeIcon, null) })
            ]) : (0, d.resolveSlot)(C["password-invisible-icon"], () => [
              (0, o.h)(_.NBaseIcon, { clsPrefix: a }, { default: () => (0, o.h)(D.EyeOffIcon, null) })
            ])) : null
          ]) : null)
        ),
        this.pair ? (0, o.h)("span", { class: `${a}-input__separator` }, (0, d.resolveSlot)(C.separator, () => [this.separator])) : null,
        this.pair ? (0, o.h)(
          "div",
          { class: `${a}-input-wrapper` },
          (0, o.h)(
            "div",
            { class: `${a}-input__input` },
            (0, o.h)("input", { ref: "inputEl2Ref", type: this.type, class: `${a}-input__input-el`, tabindex: this.passivelyActivated && !this.activated ? -1 : void 0, placeholder: this.mergedPlaceholder[1], disabled: this.mergedDisabled, maxlength: B ? void 0 : this.maxlength, minlength: B ? void 0 : this.minlength, value: Array.isArray(this.mergedValue) ? this.mergedValue[1] : void 0, readonly: this.readonly, style: this.textDecorationStyle[1], onBlur: this.handleInputBlur, onFocus: (p) => {
              this.handleInputFocus(p, 1);
            }, onInput: (p) => {
              this.handleInput(p, 1);
            }, onChange: (p) => {
              this.handleChange(p, 1);
            } }),
            this.showPlaceholder2 ? (0, o.h)(
              "div",
              { class: `${a}-input__placeholder` },
              (0, o.h)("span", null, this.mergedPlaceholder[1])
            ) : null
          ),
          (0, d.resolveWrappedSlot)(C.suffix, (p) => (this.clearable || p) && (0, o.h)("div", { class: `${a}-input__suffix` }, [
            this.clearable && (0, o.h)(_.NBaseClear, { clsPrefix: a, show: this.showClearButton, onClear: this.handleClear }, {
              icon: () => {
                var f;
                return (f = C["clear-icon"]) === null || f === void 0 ? void 0 : f.call(C);
              },
              placeholder: () => {
                var f;
                return (f = C["clear-icon-placeholder"]) === null || f === void 0 ? void 0 : f.call(C);
              }
            }),
            p
          ]))
        ) : null,
        this.mergedBordered ? (0, o.h)("div", { class: `${a}-input__border` }) : null,
        this.mergedBordered ? (0, o.h)("div", { class: `${a}-input__state-border` }) : null,
        this.showCount && A === "textarea" ? (0, o.h)(V.default, null, {
          default: (p) => {
            var f;
            const { renderCount: z } = this;
            return z ? z(p) : (f = C.count) === null || f === void 0 ? void 0 : f.call(C, p);
          }
        }) : null
      );
    }
  });
})(Ye);
var Qe = {}, We = {};
Object.defineProperty(We, "__esModule", {
  value: !0
});
const y = xe;
We.default = (0, y.cB)("input-group", `
 display: inline-flex;
 width: 100%;
 flex-wrap: nowrap;
 vertical-align: bottom;
`, [(0, y.c)(">", [(0, y.cB)("input", [(0, y.c)("&:not(:last-child)", `
 border-top-right-radius: 0!important;
 border-bottom-right-radius: 0!important;
 `), (0, y.c)("&:not(:first-child)", `
 border-top-left-radius: 0!important;
 border-bottom-left-radius: 0!important;
 margin-left: -1px!important;
 `)]), (0, y.cB)("button", [(0, y.c)("&:not(:last-child)", `
 border-top-right-radius: 0!important;
 border-bottom-right-radius: 0!important;
 `, [(0, y.cE)("state-border, border", `
 border-top-right-radius: 0!important;
 border-botto