hisonvue 1.1.1 → 1.1.3

package/dist/HInput-DT2SixiY.mjs

@@ -1,1103 +0,0 @@
-import { defineComponent as _e, ref as a, computed as g, inject as re, onMounted as en, onBeforeUnmount as nn, watch as d, unref as tn, nextTick as ge, createElementBlock as C, openBlock as k, normalizeClass as M, normalizeStyle as F, createElementVNode as R, Fragment as Me, renderList as on, toDisplayString as be, withDirectives as ye, vShow as $e } from "vue";
-import { T as un, y as G, N as sn, h as f, g as ln, u as rn, O as i, l as r, P as x, w, e as an, t as dn, a as mn, b as Te, Q as ae, R as vn, U as pn, r as fn, c as gn, d as Mn } from "./index-CrciHSGg.mjs";
-import { _ as bn } from "./_plugin-vue_export-helper-CHgC5LLL.mjs";
-const yn = {
-  /**
-   * Unique identifier for the input.
-   * - You can later retrieve its methods via `hison.component.getInput(id)`
-   * - ⚠️ Duplicate `id` values will throw an error at mount time
-   */
-  id: { type: String, required: !1 },
-  /**
-   * HTML `name` attribute.
-   * - Default: same as `id` when omitted.
-   * - Radio usage (`inputType: 'radio'`):
-   *   - All `HInput` with the same `name` form one radio group.
-   *   - Each radio’s own `id` is treated as the group’s candidate value.
-   *   - The radio’s local `modelValue` is boolean (`true`/`false`) and drives its `checked` state.
-   *   - When wrapped by `HInputGroup`, radios are aggregated per `name` and exposed as
-   *     `{ [name]: selectedRadioId | null }` via `getDataObject()` / `v-model`.
-   *   - To set a selection programmatically (load/set), pass `{ [name]: <radioId> }` to `HInputGroup`.
-   *   - Changing `name` at runtime via `setName()` re-registers group membership with `HInputGroup`.
-   * - Non-radio inputs: `name` only sets the underlying HTML attribute (no grouping behavior).
-   */
-  name: { type: String, required: !1 },
-  /**
-   * Bound value for the input field.
-   * - Controlled via `v-model`
-   * - Supports multiple types depending on `inputType`:
-   *    - `text`, `email`, `mask`, `digit`, `textarea` → `string`
-   *    - `number` → `number`
-   *    - `checkbox` → `boolean`
-   *    - `select` → `string | number | boolean`
-   *    - `date`, `month`, `time` → `string` or `Date`
-   * - Internally processed and formatted based on `inputType` and `format`
-   */
-  modelValue: {
-    type: [String, Number, Boolean, Object, Array, Date],
-    default: null
-  },
-  /**
-   * Custom class string applied to the input container.
-   * - Supports responsive classes like `hison-col-*`, `hison-pos-*`, `hison-size-*`
-   * - Accepts string / array / object (Vue standard) form
-   */
-  class: {
-    type: [String, Array, Object],
-    required: !1
-  },
-  /**
-   * Inline style for the input element.
-   * - Accepts string, CSSProperties object, or an array of objects
-   * - Merged with internal dynamic styles
-   */
-  style: {
-    type: [String, Object, Array],
-    required: !1
-  },
-  /**
-   * Controls visibility of the input field.
-   * - Boolean only. Use `:visible="false"`
-   * - Default: `true`
-   */
-  visible: { type: Boolean, default: !0 },
-  /**
-   * Tooltip text shown on hover.
-   * - Maps to the `title` attribute
-   * - Modifiable at runtime via `HInputMethods.setTitle()`
-   */
-  title: { type: String, required: !1 },
-  /**
-   * Input type.
-   * - Available values: `'text'`, `'mask'`, `'number'`, `'digit'`, `'date'`, `'month'`, `'time'`, `'email'`, `'password'`, `'checkbox'`, `'range'`, `'color'`, `'textarea'`, `'select'`
-   * - Accepts enum `InputType` or its literal strings
-   * - Affects input formatting and behavior
-   */
-  inputType: {
-    type: String,
-    required: !1,
-    validator: (e) => sn.includes(e)
-  },
-  /**
-   * Format string used for displaying or formatting the value.
-   * - Used when `type` is `'number'`, `'mask'`, `'date'`, or `'month'`
-   */
-  format: { type: String, required: !1 },
-  /**
-   * Placeholder text to show when value is null or empty.
-   * - Used as a display fallback in span mode
-   */
-  nullText: { type: String, default: "" },
-  /**
-   * Maximum numeric value.
-   * - Only applicable when `type` is `'number'`
-   * - Enforced during input and formatting
-   * - Accepts string or number
-   */
-  maxNumber: { type: [String, Number], required: !1 },
-  /**
-   * Minimum numeric value.
-   * - Only applicable when `type` is `'number'`
-   * - Accepts string or number
-   */
-  minNumber: { type: [String, Number], required: !1 },
-  /**
-   * Rounding precision for numeric inputs.
-   * - Only applies when `type` is `'number'`
-   * - Accepts positive or negative integers (string or number)
-   */
-  roundNumber: { type: [String, Number], required: !1 },
-  /**
-   * Maximum number of characters allowed.
-   * - Truncates string if exceeded
-   * - Does not consider byte size
-   * - Accepts string or number
-   */
-  maxLength: { type: [String, Number], required: !1 },
-  /**
-   * Maximum number of bytes allowed.
-   * - Truncates string based on UTF-8 byte size
-   * - Uses `hison.utils.getCutByteLength()` internally
-   * - Accepts string or number
-   */
-  maxByte: { type: [String, Number], required: !1 },
-  /**
-   * Placeholder string shown inside the input when empty.
-   * - Maps to the `placeholder` attribute
-   */
-  placeholder: { type: String, required: !1 },
-  /**
-   * Edit mode of the input.
-   * - Values: `'editable'`, `'readonly'`, `'disable'`
-   * - Accepts enum `EditMode` or its literal strings
-   * - `'readonly'` and `'disable'` both prevent editing but differ in styling
-   */
-  editMode: {
-    type: String,
-    default: G.editable,
-    validator: (e) => ["editable", "disable", "readonly"].includes(e)
-  },
-  /**
-   * Whether the input is required.
-   * - Boolean only
-   * - Adds `hison-input-required` class when `true`
-   */
-  required: { type: Boolean, default: !1 },
-  /**
-   * Bold font style toggle.
-   * - Boolean only
-   * - Adds `hison-font-bold` class when enabled
-   */
-  fontBold: { type: Boolean, default: !1 },
-  /**
-   * Italic font style toggle.
-   * - Boolean only
-   * - Adds `hison-font-italic` class when enabled
-   */
-  fontItalic: { type: Boolean, default: !1 },
-  /**
-   * Strikethrough font style toggle.
-   * - Boolean only
-   * - Adds `hison-font-thruline` class when enabled
-   */
-  fontThruline: { type: Boolean, default: !1 },
-  /**
-   * Underline font style toggle.
-   * - Boolean only
-   * - Adds `hison-font-underline` class when enabled
-   */
-  fontUnderline: { type: Boolean, default: !1 },
-  /**
-   * Text alignment for the input’s display text.
-   * - 'left' | 'center' | 'right'
-   * - Accepts enum `TextAlign` or its literal strings
-   */
-  textAlign: {
-    type: String,
-    default: null,
-    validator: (e) => e == null || un.includes(e)
-  },
-  /**
-   * Whether to show border (rendered as subtle box-shadow).
-   * - Default: false (no border)
-   */
-  border: { type: Boolean, default: !0 },
-  /**
-   * List of selectable options for `inputType: 'select'`.
-   * - Each option should be an object with `text` (label shown to the user) and `value` (actual value to bind).
-   * - Used only when `inputType === 'select'`.
-   * example
-   * options: [
-   *   { text: 'Active', value: 'A' },
-   *   { text: 'Inactive', value: 'I' }
-   * ]
-   */
-  options: {
-    type: Array,
-    required: !1,
-    default: () => []
-  },
-  /**
-   * Output value when checkbox is checked (used in display mode).
-   * - Used only when `inputType === 'checkbox'`.
-   * - Affects the display text returned by `getText()` and the span view when not editing.
-   */
-  checkedText: { type: String, default: "Y" },
-  /**
-   * Output value when checkbox is unchecked (used in display mode).
-   * - Used only when `inputType === 'checkbox'`.
-   * - Affects the display text returned by `getText()` and the span view when not editing.
-   */
-  uncheckedText: { type: String, default: "N" },
-  /**
-   * Controls keyboard focus order of the element.
-   * - `0` enables natural tab navigation, positive numbers set custom order.
-   * - `null` or `''` removes tabindex (not focusable).
-   */
-  tabIndex: {
-    type: [Number, String],
-    default: null,
-    validator: (e) => e === null || e === "" || !isNaN(+e) && isFinite(+e)
-  },
-  /**
-   * Custom formatter function for display text (span text) of the input component.
-   *
-   * It overrides the default formatting logic based on `inputType`, allowing full control
-   * over the rendered text content of the input.
-   *
-   * If this prop is provided, it takes priority over any built-in format logic
-   * such as number/date formatting, checkbox label mapping, or select label resolution.
-   *
-   * @example
-   * // 1. Formatting numbers as currency
-   * <HInput
-   *   v-model="form.price"
-   *   inputTextdHandler={(val) => `$${Number(val).toLocaleString()}`}
-   * />
-   * // modelValue = 1200 => "$1,200"
-   *
-   * @example
-   * // 2. Showing 'Yes' or 'No' instead of true/false
-   * <HInput
-   *   v-model="form.enabled"
-   *   inputType="checkbox"
-   *   inputTextdHandler={(val) => val ? 'Yes' : 'No'}
-   * />
-   * // modelValue = true => "Yes"
-   *
-   * @example
-   * // 3. Applying custom date formatting
-   * <HInput
-   *   v-model="form.hireDate"
-   *   inputType="date"
-   *   inputTextdHandler={(val) => dayjs(val).format('MMMM D, YYYY')}
-   * />
-   * // modelValue = '2025-07-03' => "July 3, 2025"
-   *
-   * @remarks
-   * This only affects the `spanText` used in display mode. It does **not** modify the actual value
-   * bound via `v-model`, nor the value shown in the actual input box when in editing mode.
-   */
-  inputTextdHandler: {
-    type: Function,
-    default: void 0
-  }
-}, c = /* @__PURE__ */ new WeakSet(), _ = /* @__PURE__ */ new WeakSet(), Ce = (e) => {
-  const n = e.currentTarget;
-  if (f.event.cssEvent.input_onBeforeFocus(e) === !1) {
-    e.stopPropagation(), e.preventDefault();
-    return;
-  }
-  n.classList.add("hison-input-on-active"), f.event.cssEvent.input_onAfterFocus(e);
-}, ke = (e) => {
-  const n = e.currentTarget;
-  if (f.event.cssEvent.input_onBeforeBlur(e) === !1) {
-    e.stopPropagation(), e.preventDefault();
-    return;
-  }
-  n.classList.remove("hison-input-on-active"), n.classList.remove("hison-input-on-mouseover"), f.event.cssEvent.input_onAfterBlur(e);
-}, Ne = (e) => {
-  const n = e.currentTarget;
-  if (!n.readOnly) {
-    if (f.event.cssEvent.input_onBeforeMouseover(e) === !1) {
-      e.stopPropagation(), e.preventDefault();
-      return;
-    }
-    n.classList.add("hison-input-on-mouseover"), f.event.cssEvent.input_onAfterMouseover(e);
-  }
-}, he = (e) => {
-  const n = e.currentTarget;
-  if (!n.readOnly) {
-    if (f.event.cssEvent.input_onBeforeMouseout(e) === !1) {
-      e.stopPropagation(), e.preventDefault();
-      return;
-    }
-    n.classList.remove("hison-input-on-mouseover"), f.event.cssEvent.input_onAfterMouseout(e);
-  }
-}, we = (e) => {
-  const n = e.currentTarget;
-  if (!n.readOnly) {
-    if (f.event.cssEvent.input_onBeforeTouchstart(e) === !1) {
-      e.stopPropagation(), e.preventDefault();
-      return;
-    }
-    n.classList.add("hison-input-on-mouseover"), f.event.cssEvent.input_onAfterTouchstart(e);
-  }
-}, Le = (e) => {
-  const n = e.currentTarget;
-  if (!n.readOnly) {
-    if (f.event.cssEvent.input_onBeforeTouchend(e) === !1) {
-      e.stopPropagation(), e.preventDefault();
-      return;
-    }
-    n.classList.remove("hison-input-on-mouseover"), f.event.cssEvent.input_onAfterTouchend(e);
-  }
-}, Be = (e) => {
-  const n = e.currentTarget;
-  n.readOnly || n.classList.remove("hison-input-on-mouseover");
-}, $n = (e) => {
-  c.has(e) || (c.add(e), e.addEventListener("mouseenter", Ne), e.addEventListener("mouseleave", he), e.addEventListener("touchstart", we, { passive: !1, capture: !0 }), e.addEventListener("touchend", Le, { passive: !1, capture: !0 }), e.addEventListener("touchcancel", Be, { passive: !1, capture: !0 }));
-}, Tn = (e) => {
-  c.has(e) && (c.delete(e), e.removeEventListener("mouseenter", Ne), e.removeEventListener("mouseleave", he), e.removeEventListener("touchstart", we, { capture: !0 }), e.removeEventListener("touchend", Le, { capture: !0 }), e.removeEventListener("touchcancel", Be, { capture: !0 }), e.classList.remove("hison-input-on-mouseover"));
-}, Cn = (e) => {
-  _.has(e) || (_.add(e), e.addEventListener("focus", Ce), e.addEventListener("blur", ke));
-}, kn = (e) => {
-  _.has(e) && (_.delete(e), e.removeEventListener("focus", Ce), e.removeEventListener("blur", ke), e.classList.remove("hison-input-on-active"), e.classList.remove("hison-input-on-mouseover"));
-}, Nn = _e({
-  name: "HInput",
-  props: yn,
-  inheritAttrs: !1,
-  emits: [
-    "update:modelValue",
-    "mounted",
-    "responsive-change",
-    "click",
-    "dblclick",
-    "mousedown",
-    "mouseup",
-    "mouseenter",
-    "mouseleave",
-    "mouseover",
-    "mouseout",
-    "mousemove",
-    "pointerdown",
-    "pointerup",
-    "pointermove",
-    "pointerenter",
-    "pointerleave",
-    "touchstart",
-    "touchend",
-    "touchmove",
-    "touchcancel",
-    "focus",
-    "blur",
-    "input",
-    "change",
-    "compositionstart",
-    "compositionupdate",
-    "compositionend",
-    "keydown",
-    "keyup",
-    "dragstart",
-    "dragend",
-    "drag",
-    "drop",
-    "copy",
-    "cut",
-    "paste",
-    "wheel",
-    "contextmenu"
-  ],
-  setup(e, { emit: n }) {
-    const b = a(null), L = a(null), $ = a(null), p = e.id ? e.id : ln(), t = a(e.name ?? p), Ie = g(() => t.value), ee = `hinput:${p}`, de = rn(), S = a([]), ne = () => {
-      S.value = an(dn(e.class) || "", de.value), mn(S.value, "col") === -1 && S.value.push("hison-col-12"), Te(S.value, "size", f.componentStyle.size), Te(S.value, "color", "primary");
-    }, l = a(e.inputType ?? i.text), te = g(() => {
-      switch (l.value) {
-        case i.checkbox:
-          return "checkbox";
-        case i.radio:
-          return "radio";
-        case i.select:
-          return "select";
-        case i.range:
-          return "range";
-        case i.color:
-          return "color";
-        default:
-          return "text";
-      }
-    }), Fe = g(() => {
-      switch (l.value) {
-        case i.mask:
-        case i.digit:
-          return "text";
-        default:
-          return l.value;
-      }
-    }), N = a(e.format ?? null), B = a(r.utils.isNumeric(e.maxNumber) ? Number(e.maxNumber) : null), I = a(r.utils.isNumeric(e.minNumber) ? Number(e.minNumber) : null), D = a(r.utils.isInteger(e.roundNumber) || r.utils.isNegativeInteger(e.roundNumber) || e.roundNumber === "0" ? Number(e.roundNumber) : null), P = a(r.utils.isPositiveInteger(e.maxLength) ? Number(e.maxLength) : null), A = a(r.utils.isPositiveInteger(e.maxByte) ? Number(e.maxByte) : null), oe = (o) => {
-      switch (o) {
-        case i.number:
-        case i.digit:
-          return w.right;
-        case i.date:
-        case i.month:
-        case i.time:
-          return w.center;
-        default:
-          return w.left;
-      }
-    }, E = a(e.textAlign ?? oe(l.value)), Pe = g(() => ({ textAlign: E.value })), K = a(e.border ?? !0), Ae = (o) => (o = String(o), P.value && (o = o.substring(0, P.value)), A.value && (o = r.utils.getCutByteLength(o, A.value)), o), Ee = (o) => (o = Number(o), B.value && o > B.value && (o = B.value), I.value && o < I.value && (o = I.value), D.value && (o = r.utils.getRound(o, D.value)), o), ue = (o) => {
-      if (x(o))
-        return l.value === i.checkbox || l.value === i.radio ? !1 : o;
-      try {
-        switch (l.value) {
-          case i.text:
-          case i.password:
-          case i.email:
-          case i.mask:
-          case i.digit:
-          case i.textarea:
-            l.value === i.mask && (o = vn(o, N.value ?? "")), l.value === i.digit && (o = pn(o)), o = Ae(o);
-            break;
-          case i.number:
-            l.value === i.number && (o = Ee(o));
-            break;
-          case i.date:
-            o && (o = r.utils.getDateWithFormat(o, ae.DateFormat["yyyy-MM-dd"]));
-            break;
-          case i.month:
-            o && (o = r.utils.getDateWithFormat(o, ae.YearMonthFormat["yyyy-MM"]));
-            break;
-          case i.time:
-            o && (o = r.utils.getDateWithFormat(o, ae.TimeFormat["HH:mm:ss"]));
-            break;
-          case i.checkbox:
-          case i.radio:
-            o = !!o;
-          default:
-            break;
-        }
-      } catch (u) {
-        console.warn("[HInput] Failed to format value", o, u);
-      }
-      return o;
-    }, s = a(ue(e.modelValue)), Se = g(() => s.value), y = a(null), U = a(e.visible), H = a(e.title ?? ""), O = a(e.nullText ?? ""), T = a(e.editMode), De = g(() => T.value === G.disable), ie = g(() => T.value === G.readonly), Ve = g(() => K.value && !ie.value ? "hison-border" : ""), qe = g(() => T.value !== G.editable ? [`hison-input-${T.value}`, `hison-input-${te.value}-${T.value}`] : []), W = a(e.required), Re = g(() => W.value ? ["hison-input-required", `hison-input-${te.value}-required`] : []), j = a(e.placeholder ?? ""), z = a(e.fontBold), Ke = g(() => {
-      if (z.value) return "hison-font-bold";
-    }), Y = a(e.fontItalic), Ue = g(() => {
-      if (Y.value) return "hison-font-italic";
-    }), Q = a(e.fontThruline), He = g(() => {
-      if (Q.value) return "hison-font-thruline";
-    }), X = a(e.fontUnderline), Oe = g(() => {
-      if (X.value) return "hison-font-underline";
-    }), We = g(() => U.value ? "" : "hison-display-none"), se = a(!1), h = a(!1), J = a(
-      e.tabIndex !== null && e.tabIndex !== "" ? Number(e.tabIndex) : null
-    ), me = re("registerToInputGroup", null), m = re("notifyInputGroupStatus", null), V = re("radioMembershipChanged", null), le = (o) => {
-      if (l.value === i.checkbox || l.value === i.radio)
-        return o ? e.checkedText : e.uncheckedText;
-      if (x(o) || o === "") return O.value ?? "";
-      if (e.inputTextdHandler)
-        return e.inputTextdHandler(o);
-      let u = String(o);
-      try {
-        switch (l.value) {
-          case i.password:
-            u = "•".repeat(o.length);
-            break;
-          case i.number:
-            u = r.utils.getNumberFormat(o, N.value ?? r.getNumberFormat());
-            break;
-          case i.date:
-            u = r.utils.getDateWithFormat(o, N.value ?? r.getDateFormat());
-            break;
-          case i.month:
-            u = r.utils.getDateWithFormat(o, N.value ?? r.getYearMonthFormat());
-            break;
-          case i.time:
-            u = r.utils.getDateWithFormat(o, N.value ?? r.getTimeFormat());
-            break;
-          case i.select:
-            const q = b.value, fe = q.selectedIndex;
-            u = fe >= 0 ? q.options[fe].text : "";
-            break;
-        }
-      } catch (q) {
-        console.warn("[HInput] Failed to format value", o, q), u = "";
-      }
-      return u;
-    }, Z = a(""), je = (o) => {
-      T.value === G.editable && (se.value = !0), ge(() => {
-        var u;
-        (u = b.value) == null || u.focus();
-      });
-    }, ze = (o) => {
-      let u = b.value.value;
-      (l.value === i.mask || l.value === i.digit || (P.value || A.value) && (l.value === i.text || l.value === i.email || l.value === i.password || l.value === i.textarea)) && (u = ue(u), b.value.value = u), s.value = u, h.value = !0, m == null || m(p, s.value), n("input", o, $.value, s.value), n("update:modelValue", s.value);
-    }, Ye = (o) => {
-      y.value = s.value, n("focus", o, $.value);
-    }, Qe = (o) => {
-      y.value !== s.value && (v(s.value, !0, !0), h.value = !0, m == null || m(p, s.value)), se.value = !1, n("blur", o, $.value);
-    }, v = (o, u = !0, q = !1) => {
-      s.value = u ? ue(o) : o, Z.value = le(s.value), l.value === i.checkbox || l.value === i.radio ? b.value.checked = !!s.value : b.value.value = s.value, q && n("change", y.value, s.value, $.value);
-    }, Xe = (o) => {
-      const u = o.target;
-      v(u.value, !1, !0), h.value = !0, m == null || m(p, s.value), n("update:modelValue", s.value);
-    }, Je = (o) => {
-      const u = o.target;
-      v(u.value, !1, !0), h.value = !0, m == null || m(p, s.value), n("update:modelValue", s.value);
-    }, Ze = (o) => {
-      const u = o.target;
-      v(u.checked, !1, !0), h.value = !0, m == null || m(p, s.value), n("update:modelValue", s.value);
-    }, Ge = (o) => {
-      const u = o.target;
-      v(u.checked, !1, !0), h.value = !0, m && t.value ? m(t.value, u.checked ? p : null) : m == null || m(p, s.value), n("update:modelValue", s.value);
-    }, xe = (o) => {
-      const u = o.target;
-      v(u.value, !1, !0), h.value = !0, m == null || m(p, s.value), n("update:modelValue", s.value);
-    }, ce = (o) => {
-      if (ie.value && (o.code === "Space" || o.code === "Enter")) {
-        o.preventDefault(), o.stopPropagation();
-        return;
-      }
-      n("keydown", o, $.value);
-    }, ve = () => {
-      f.component.inputList[p] && f.component.inputList[p].isHisonvueComponent && console.warn(`[Hisonvue] The input ID is at risk of being duplicated. ${p}`), fn(ee, () => {
-        pe(), ge(ve);
-      }), b.value && (ne(), L.value && $n(L.value), l.value !== i.checkbox && l.value !== i.radio && l.value !== i.range && l.value !== i.color && Cn(b.value), v(s.value, !1), $.value = {
-        isHisonvueComponent: !0,
-        getId: () => p,
-        getType: () => "input",
-        getName: () => t.value,
-        setName: (o) => {
-          if (o === t.value) return;
-          const u = t.value;
-          t.value = o, l.value === i.radio && (V == null || V(p, u, o, !!s.value));
-        },
-        getText: () => Z.value,
-        getValue: () => s.value,
-        setValue: (o) => {
-          y.value = s.value, s.value = o, v(s.value);
-        },
-        getTitle: () => H.value,
-        setTitle: (o) => {
-          H.value = o;
-        },
-        isVisible: () => U.value,
-        setVisible: (o) => {
-          U.value = o;
-        },
-        getInputType: () => l.value,
-        setInputType: (o) => {
-          l.value = i[o], y.value = s.value, v(s.value), e.textAlign == null && (E.value = oe(l.value));
-        },
-        getFormat: () => N.value ?? "",
-        setFormat: (o) => {
-          N.value = o, y.value = s.value, v(s.value);
-        },
-        getNullText: () => O.value,
-        setNullText: (o) => {
-          O.value = o, (x(s.value) || s.value === "") && (Z.value = le(s.value));
-        },
-        getEditMode: () => T.value,
-        setEditMode: (o) => {
-          T.value = o;
-        },
-        getMaxNumber: () => B.value,
-        setMaxNumber: (o) => {
-          r.utils.isNumeric(o) && (B.value = o, y.value = s.value, l.value === i.number && v(s.value));
-        },
-        getMinNumber: () => I.value,
-        setMinNumber: (o) => {
-          r.utils.isNumeric(o) && (I.value = o, y.value = s.value, l.value === i.number && v(s.value));
-        },
-        getRoundNumber: () => D.value,
-        setRoundNumber: (o) => {
-          !r.utils.isPositiveInteger(o) && !r.utils.isNegativeInteger(o) && o !== 0 || (D.value = o, y.value = s.value, l.value === i.number && v(s.value));
-        },
-        getMaxLength: () => P.value,
-        setMaxLength: (o) => {
-          r.utils.isPositiveInteger(o) && (P.value = o), y.value = s.value, v(s.value);
-        },
-        getMaxByte: () => A.value,
-        setMaxByte: (o) => {
-          r.utils.isPositiveInteger(o) && (A.value = o), y.value = s.value, v(s.value);
-        },
-        getRequired: () => W.value,
-        setRequired: (o) => {
-          W.value = o;
-        },
-        getPlaceholder: () => j.value,
-        setPlaceholder: (o) => {
-          j.value = o;
-        },
-        isFontBold: () => z.value,
-        setFontBold: (o) => {
-          z.value = o;
-        },
-        isFontItalic: () => Y.value,
-        setFontItalic: (o) => {
-          Y.value = o;
-        },
-        isFontThruline: () => Q.value,
-        setFontThruline: (o) => {
-          Q.value = o;
-        },
-        isFontUnderline: () => X.value,
-        setFontUnderline: (o) => {
-          X.value = o;
-        },
-        getTextAlign: () => E.value,
-        setTextAlign: (o) => {
-          (o === w.left || o === w.center || o === w.right) && (E.value = o);
-        },
-        isBorder: () => K.value,
-        setBorder: (o) => {
-          K.value = o;
-        },
-        isModified: () => h.value,
-        setModified: (o) => {
-          h.value = o;
-        },
-        getTabIndex: () => J.value,
-        setTabIndex: (o) => {
-          J.value = o != null ? Number(o) : null;
-        },
-        focus: () => {
-          var o;
-          L.value ? L.value.focus() : (o = b.value) == null || o.focus();
-        },
-        reload: () => gn(ee)
-      }, f.component.inputList[p] = $.value, me && me(p), n("mounted", $.value));
-    }, pe = () => {
-      Mn(ee), delete f.component.inputList[p], l.value !== i.checkbox && l.value !== i.radio && l.value !== i.range && l.value !== i.color && kn(b.value), L.value && Tn(L.value);
-    };
-    return en(ve), nn(pe), d(de, (o) => {
-      ne(), n("responsive-change", o);
-    }), d(() => e.modelValue, (o) => {
-      v(o, !1);
-    }), d(() => e.name, (o) => {
-      if (o && o !== t.value) {
-        const u = t.value;
-        t.value = o, l.value === i.radio && (V == null || V(p, u, o, !!s.value));
-      }
-    }), d(() => e.visible, (o) => {
-      const u = !!o;
-      u !== U.value && (U.value = u);
-    }), d(() => e.title, (o) => {
-      const u = o ?? "";
-      u !== H.value && (H.value = u);
-    }), d(() => e.nullText, (o) => {
-      const u = o ?? "";
-      u !== O.value && (O.value = u, (x(s.value) || s.value === "") && (Z.value = le(s.value)));
-    }), d(() => e.inputType, (o) => {
-      o && o !== l.value && (l.value = o, e.textAlign == null && (E.value = oe(l.value)), v(s.value));
-    }), d(() => e.format, (o) => {
-      const u = o ?? null;
-      u !== N.value && (N.value = u, v(s.value));
-    }), d(() => e.maxNumber, (o) => {
-      const u = r.utils.isNumeric(o) ? Number(o) : null;
-      u !== B.value && (B.value = u, l.value === i.number && v(s.value));
-    }), d(() => e.minNumber, (o) => {
-      const u = r.utils.isNumeric(o) ? Number(o) : null;
-      u !== I.value && (I.value = u, l.value === i.number && v(s.value));
-    }), d(() => e.roundNumber, (o) => {
-      const u = r.utils.isInteger(o) || r.utils.isNegativeInteger(o) || o === "0" ? Number(o) : null;
-      u !== D.value && (D.value = u, l.value === i.number && v(s.value));
-    }), d(() => e.maxLength, (o) => {
-      const u = r.utils.isPositiveInteger(o) ? Number(o) : null;
-      u !== P.value && (P.value = u, v(s.value));
-    }), d(() => e.maxByte, (o) => {
-      const u = r.utils.isPositiveInteger(o) ? Number(o) : null;
-      u !== A.value && (A.value = u, v(s.value));
-    }), d(() => e.textAlign, (o) => {
-      o && o !== E.value && (o === w.left || o === w.center || o === w.right) && (E.value = o);
-    }), d(() => e.border, (o) => {
-      const u = !!o;
-      u !== K.value && (K.value = u);
-    }), d(() => e.placeholder, (o) => {
-      const u = o ?? "";
-      u !== j.value && (j.value = u);
-    }), d(() => e.required, (o) => {
-      const u = !!o;
-      u !== W.value && (W.value = u);
-    }), d(() => e.fontBold, (o) => {
-      const u = !!o;
-      u !== z.value && (z.value = u);
-    }), d(() => e.fontItalic, (o) => {
-      const u = !!o;
-      u !== Y.value && (Y.value = u);
-    }), d(() => e.fontThruline, (o) => {
-      const u = !!o;
-      u !== Q.value && (Q.value = u);
-    }), d(() => e.fontUnderline, (o) => {
-      const u = !!o;
-      u !== X.value && (X.value = u);
-    }), d(() => e.editMode, (o) => {
-      o && o !== T.value && (T.value = o);
-    }), d(() => e.tabIndex, (o) => {
-      const u = o === null || o === "" ? null : Number(o);
-      u !== J.value && (J.value = u);
-    }), d(() => e.class, () => {
-      ne();
-    }), {
-      inputRef: b,
-      inputTextRef: L,
-      inputMethods: g(() => tn($)),
-      inputValue: Se,
-      editing: se,
-      props: e,
-      id: p,
-      nameAttr: Ie,
-      responsiveClassList: S,
-      visibleClass: We,
-      editModeClassList: qe,
-      requiredClassList: Re,
-      fontBoldClass: Ke,
-      fontItalicClass: Ue,
-      fontThrulineClass: He,
-      fontUnderlineClass: Oe,
-      textAlignStyle: Pe,
-      borderClass: Ve,
-      disable: De,
-      readonly: ie,
-      inputType: l,
-      inputExpressionType: te,
-      inputAttrType: Fe,
-      title: H,
-      placeholder: j,
-      maxNumber: B,
-      minNumber: I,
-      spanText: Z,
-      tabIndex: J,
-      onInput: ze,
-      onTextInputFocus: je,
-      onFocus: Ye,
-      onBlur: Qe,
-      onRangeChange: Xe,
-      onColorChange: Je,
-      onCheckboxChange: Ze,
-      onRadioChange: Ge,
-      onSelectChange: xe,
-      onKeydown: ce
-    };
-  }
-}), hn = ["id", "name", "value", "disabled", "readonly", "title", "tabindex"], wn = ["id", "name", "value", "disabled", "readonly", "checked", "title", "tabindex"], Ln = ["id", "name", "disabled", "readonly", "checked", "title", "tabindex"], Bn = ["id", "name", "disabled", "readonly", "checked", "title", "tabindex"], In = ["id", "name", "value", "disabled", "readonly", "title", "tabindex"], Fn = ["value"], Pn = ["id", "name", "value", "disabled", "readonly", "placeholder", "title", "maxlength", "tabindex"], An = ["id", "name", "value", "disabled", "readonly", "title", "placeholder", "tabindex"], En = ["id", "name", "value", "disabled", "readonly", "type", "title", "placeholder", "max", "min", "tabindex"];
-function Sn(e, n, b, L, $, p) {
-  return k(), C("div", {
-    class: M([
-      "hison-wrapper",
-      "hison-s-input-margin-adjustment",
-      ...e.responsiveClassList,
-      e.visibleClass
-    ])
-  }, [
-    e.inputType === "range" ? (k(), C("div", {
-      key: 0,
-      class: M([
-        "hison-input",
-        "hison-input-range-div"
-      ]),
-      style: F([e.textAlignStyle, e.props.style])
-    }, [
-      R("input", {
-        ref: "inputRef",
-        id: `${e.id}`,
-        name: `${e.nameAttr}`,
-        type: "range",
-        class: M([
-          `hison-input-${e.inputType}`,
-          ...e.editModeClassList,
-          ...e.requiredClassList
-        ]),
-        value: e.inputValue,
-        disabled: e.disable,
-        readonly: e.readonly,
-        title: e.title || void 0,
-        tabindex: e.tabIndex ?? void 0,
-        onChange: n[0] || (n[0] = (...t) => e.onRangeChange && e.onRangeChange(...t)),
-        onFocus: n[1] || (n[1] = (...t) => e.onFocus && e.onFocus(...t)),
-        onBlur: n[2] || (n[2] = (...t) => e.onBlur && e.onBlur(...t)),
-        onKeydown: n[3] || (n[3] = (...t) => e.onKeydown && e.onKeydown(...t)),
-        onClick: n[4] || (n[4] = (t) => e.$emit("click", t, e.inputMethods)),
-        onDblclick: n[5] || (n[5] = (t) => e.$emit("dblclick", t, e.inputMethods)),
-        onMousedown: n[6] || (n[6] = (t) => e.$emit("mousedown", t, e.inputMethods)),
-        onMouseup: n[7] || (n[7] = (t) => e.$emit("mouseup", t, e.inputMethods)),
-        onMouseenter: n[8] || (n[8] = (t) => e.$emit("mouseenter", t, e.inputMethods)),
-        onMouseleave: n[9] || (n[9] = (t) => e.$emit("mouseleave", t, e.inputMethods)),
-        onMouseover: n[10] || (n[10] = (t) => e.$emit("mouseover", t, e.inputMethods)),
-        onMouseout: n[11] || (n[11] = (t) => e.$emit("mouseout", t, e.inputMethods)),
-        onPointerdown: n[12] || (n[12] = (t) => e.$emit("pointerdown", t, e.inputMethods)),
-        onPointerup: n[13] || (n[13] = (t) => e.$emit("pointerup", t, e.inputMethods)),
-        onPointermove: n[14] || (n[14] = (t) => e.$emit("pointermove", t, e.inputMethods)),
-        onPointerenter: n[15] || (n[15] = (t) => e.$emit("pointerenter", t, e.inputMethods)),
-        onPointerleave: n[16] || (n[16] = (t) => e.$emit("pointerleave", t, e.inputMethods)),
-        onTouchstart: n[17] || (n[17] = (t) => e.$emit("touchstart", t, e.inputMethods)),
-        onTouchend: n[18] || (n[18] = (t) => e.$emit("touchend", t, e.inputMethods)),
-        onTouchmove: n[19] || (n[19] = (t) => e.$emit("touchmove", t, e.inputMethods)),
-        onTouchcancel: n[20] || (n[20] = (t) => e.$emit("touchcancel", t, e.inputMethods)),
-        onContextmenu: n[21] || (n[21] = (t) => e.$emit("contextmenu", t, e.inputMethods))
-      }, null, 42, hn)
-    ], 4)) : e.inputType === "color" ? (k(), C("div", {
-      key: 1,
-      class: M([
-        "hison-input",
-        "hison-input-color-div"
-      ]),
-      style: F([e.textAlignStyle, e.props.style])
-    }, [
-      R("input", {
-        ref: "inputRef",
-        id: `${e.id}`,
-        name: `${e.nameAttr}`,
-        type: "color",
-        class: M([
-          `hison-input-${e.inputType}`,
-          ...e.editModeClassList,
-          ...e.requiredClassList
-        ]),
-        value: e.inputValue,
-        disabled: e.disable,
-        readonly: e.readonly,
-        checked: e.inputValue === !0,
-        title: e.title || void 0,
-        tabindex: e.tabIndex ?? void 0,
-        onChange: n[22] || (n[22] = (...t) => e.onColorChange && e.onColorChange(...t)),
-        onFocus: n[23] || (n[23] = (...t) => e.onFocus && e.onFocus(...t)),
-        onBlur: n[24] || (n[24] = (...t) => e.onBlur && e.onBlur(...t)),
-        onKeydown: n[25] || (n[25] = (...t) => e.onKeydown && e.onKeydown(...t)),
-        onClick: n[26] || (n[26] = (t) => e.$emit("click", t, e.inputMethods)),
-        onDblclick: n[27] || (n[27] = (t) => e.$emit("dblclick", t, e.inputMethods)),
-        onMousedown: n[28] || (n[28] = (t) => e.$emit("mousedown", t, e.inputMethods)),
-        onMouseup: n[29] || (n[29] = (t) => e.$emit("mouseup", t, e.inputMethods)),
-        onMouseenter: n[30] || (n[30] = (t) => e.$emit("mouseenter", t, e.inputMethods)),
-        onMouseleave: n[31] || (n[31] = (t) => e.$emit("mouseleave", t, e.inputMethods)),
-        onMouseover: n[32] || (n[32] = (t) => e.$emit("mouseover", t, e.inputMethods)),
-        onMouseout: n[33] || (n[33] = (t) => e.$emit("mouseout", t, e.inputMethods)),
-        onPointerdown: n[34] || (n[34] = (t) => e.$emit("pointerdown", t, e.inputMethods)),
-        onPointerup: n[35] || (n[35] = (t) => e.$emit("pointerup", t, e.inputMethods)),
-        onPointermove: n[36] || (n[36] = (t) => e.$emit("pointermove", t, e.inputMethods)),
-        onPointerenter: n[37] || (n[37] = (t) => e.$emit("pointerenter", t, e.inputMethods)),
-        onPointerleave: n[38] || (n[38] = (t) => e.$emit("pointerleave", t, e.inputMethods)),
-        onTouchstart: n[39] || (n[39] = (t) => e.$emit("touchstart", t, e.inputMethods)),
-        onTouchend: n[40] || (n[40] = (t) => e.$emit("touchend", t, e.inputMethods)),
-        onTouchmove: n[41] || (n[41] = (t) => e.$emit("touchmove", t, e.inputMethods)),
-        onTouchcancel: n[42] || (n[42] = (t) => e.$emit("touchcancel", t, e.inputMethods)),
-        onContextmenu: n[43] || (n[43] = (t) => e.$emit("contextmenu", t, e.inputMethods))
-      }, null, 42, wn)
-    ], 4)) : e.inputType === "checkbox" ? (k(), C("div", {
-      key: 2,
-      class: M([
-        "hison-input",
-        "hison-input-checkbox-div"
-      ]),
-      style: F([e.textAlignStyle, e.props.style])
-    }, [
-      R("input", {
-        ref: "inputRef",
-        id: `${e.id}`,
-        name: `${e.nameAttr}`,
-        type: "checkbox",
-        class: M([
-          `hison-input-${e.inputType}`,
-          ...e.editModeClassList,
-          ...e.requiredClassList
-        ]),
-        disabled: e.disable,
-        readonly: e.readonly,
-        checked: e.inputValue === !0,
-        title: e.title || void 0,
-        tabindex: e.tabIndex ?? void 0,
-        onChange: n[44] || (n[44] = (...t) => e.onCheckboxChange && e.onCheckboxChange(...t)),
-        onFocus: n[45] || (n[45] = (...t) => e.onFocus && e.onFocus(...t)),
-        onBlur: n[46] || (n[46] = (...t) => e.onBlur && e.onBlur(...t)),
-        onKeydown: n[47] || (n[47] = (...t) => e.onKeydown && e.onKeydown(...t)),
-        onClick: n[48] || (n[48] = (t) => e.$emit("click", t, e.inputMethods)),
-        onDblclick: n[49] || (n[49] = (t) => e.$emit("dblclick", t, e.inputMethods)),
-        onMousedown: n[50] || (n[50] = (t) => e.$emit("mousedown", t, e.inputMethods)),
-        onMouseup: n[51] || (n[51] = (t) => e.$emit("mouseup", t, e.inputMethods)),
-        onMouseenter: n[52] || (n[52] = (t) => e.$emit("mouseenter", t, e.inputMethods)),
-        onMouseleave: n[53] || (n[53] = (t) => e.$emit("mouseleave", t, e.inputMethods)),
-        onMouseover: n[54] || (n[54] = (t) => e.$emit("mouseover", t, e.inputMethods)),
-        onMouseout: n[55] || (n[55] = (t) => e.$emit("mouseout", t, e.inputMethods)),
-        onPointerdown: n[56] || (n[56] = (t) => e.$emit("pointerdown", t, e.inputMethods)),
-        onPointerup: n[57] || (n[57] = (t) => e.$emit("pointerup", t, e.inputMethods)),
-        onPointermove: n[58] || (n[58] = (t) => e.$emit("pointermove", t, e.inputMethods)),
-        onPointerenter: n[59] || (n[59] = (t) => e.$emit("pointerenter", t, e.inputMethods)),
-        onPointerleave: n[60] || (n[60] = (t) => e.$emit("pointerleave", t, e.inputMethods)),
-        onTouchstart: n[61] || (n[61] = (t) => e.$emit("touchstart", t, e.inputMethods)),
-        onTouchend: n[62] || (n[62] = (t) => e.$emit("touchend", t, e.inputMethods)),
-        onTouchmove: n[63] || (n[63] = (t) => e.$emit("touchmove", t, e.inputMethods)),
-        onTouchcancel: n[64] || (n[64] = (t) => e.$emit("touchcancel", t, e.inputMethods)),
-        onContextmenu: n[65] || (n[65] = (t) => e.$emit("contextmenu", t, e.inputMethods))
-      }, null, 42, Ln)
-    ], 4)) : e.inputType === "radio" ? (k(), C("div", {
-      key: 3,
-      class: M(["hison-input", "hison-input-radio-div"]),
-      style: F([e.textAlignStyle, e.props.style])
-    }, [
-      R("input", {
-        ref: "inputRef",
-        id: `${e.id}`,
-        name: `${e.nameAttr}`,
-        type: "radio",
-        class: M([
-          `hison-input-${e.inputType}`,
-          ...e.editModeClassList,
-          ...e.requiredClassList
-        ]),
-        disabled: e.disable,
-        readonly: e.readonly,
-        checked: e.inputValue === !0,
-        title: e.title || void 0,
-        tabindex: e.tabIndex ?? void 0,
-        onChange: n[66] || (n[66] = (...t) => e.onRadioChange && e.onRadioChange(...t)),
-        onFocus: n[67] || (n[67] = (...t) => e.onFocus && e.onFocus(...t)),
-        onBlur: n[68] || (n[68] = (...t) => e.onBlur && e.onBlur(...t)),
-        onKeydown: n[69] || (n[69] = (...t) => e.onKeydown && e.onKeydown(...t)),
-        onClick: n[70] || (n[70] = (t) => e.$emit("click", t, e.inputMethods)),
-        onDblclick: n[71] || (n[71] = (t) => e.$emit("dblclick", t, e.inputMethods)),
-        onMousedown: n[72] || (n[72] = (t) => e.$emit("mousedown", t, e.inputMethods)),
-        onMouseup: n[73] || (n[73] = (t) => e.$emit("mouseup", t, e.inputMethods)),
-        onMouseenter: n[74] || (n[74] = (t) => e.$emit("mouseenter", t, e.inputMethods)),
-        onMouseleave: n[75] || (n[75] = (t) => e.$emit("mouseleave", t, e.inputMethods)),
-        onMouseover: n[76] || (n[76] = (t) => e.$emit("mouseover", t, e.inputMethods)),
-        onMouseout: n[77] || (n[77] = (t) => e.$emit("mouseout", t, e.inputMethods)),
-        onPointerdown: n[78] || (n[78] = (t) => e.$emit("pointerdown", t, e.inputMethods)),
-        onPointerup: n[79] || (n[79] = (t) => e.$emit("pointerup", t, e.inputMethods)),
-        onPointermove: n[80] || (n[80] = (t) => e.$emit("pointermove", t, e.inputMethods)),
-        onPointerenter: n[81] || (n[81] = (t) => e.$emit("pointerenter", t, e.inputMethods)),
-        onPointerleave: n[82] || (n[82] = (t) => e.$emit("pointerleave", t, e.inputMethods)),
-        onTouchstart: n[83] || (n[83] = (t) => e.$emit("touchstart", t, e.inputMethods)),
-        onTouchend: n[84] || (n[84] = (t) => e.$emit("touchend", t, e.inputMethods)),
-        onTouchmove: n[85] || (n[85] = (t) => e.$emit("touchmove", t, e.inputMethods)),
-        onTouchcancel: n[86] || (n[86] = (t) => e.$emit("touchcancel", t, e.inputMethods)),
-        onContextmenu: n[87] || (n[87] = (t) => e.$emit("contextmenu", t, e.inputMethods))
-      }, null, 42, Bn)
-    ], 4)) : e.inputType === "select" ? (k(), C("select", {
-      key: 4,
-      ref: "inputRef",
-      id: `${e.id}`,
-      name: `${e.nameAttr}`,
-      style: F([e.textAlignStyle, e.props.style]),
-      class: M([
-        "hison-input",
-        `hison-input-${e.inputType}`,
-        ...e.editModeClassList,
-        ...e.requiredClassList,
-        e.fontBoldClass,
-        e.fontItalicClass,
-        e.fontThrulineClass,
-        e.fontUnderlineClass,
-        e.borderClass
-      ]),
-      value: e.inputValue,
-      disabled: e.disable,
-      readonly: e.readonly,
-      title: e.title || void 0,
-      tabindex: e.tabIndex ?? void 0,
-      onChange: n[88] || (n[88] = (...t) => e.onSelectChange && e.onSelectChange(...t)),
-      onFocus: n[89] || (n[89] = (...t) => e.onFocus && e.onFocus(...t)),
-      onBlur: n[90] || (n[90] = (...t) => e.onBlur && e.onBlur(...t)),
-      onKeydown: n[91] || (n[91] = (...t) => e.onKeydown && e.onKeydown(...t)),
-      onClick: n[92] || (n[92] = (t) => e.$emit("click", t, e.inputMethods)),
-      onDblclick: n[93] || (n[93] = (t) => e.$emit("dblclick", t, e.inputMethods)),
-      onMousedown: n[94] || (n[94] = (t) => e.$emit("mousedown", t, e.inputMethods)),
-      onMouseup: n[95] || (n[95] = (t) => e.$emit("mouseup", t, e.inputMethods)),
-      onMouseenter: n[96] || (n[96] = (t) => e.$emit("mouseenter", t, e.inputMethods)),
-      onMouseleave: n[97] || (n[97] = (t) => e.$emit("mouseleave", t, e.inputMethods)),
-      onMouseover: n[98] || (n[98] = (t) => e.$emit("mouseover", t, e.inputMethods)),
-      onMouseout: n[99] || (n[99] = (t) => e.$emit("mouseout", t, e.inputMethods)),
-      onPointerdown: n[100] || (n[100] = (t) => e.$emit("pointerdown", t, e.inputMethods)),
-      onPointerup: n[101] || (n[101] = (t) => e.$emit("pointerup", t, e.inputMethods)),
-      onPointermove: n[102] || (n[102] = (t) => e.$emit("pointermove", t, e.inputMethods)),
-      onPointerenter: n[103] || (n[103] = (t) => e.$emit("pointerenter", t, e.inputMethods)),
-      onPointerleave: n[104] || (n[104] = (t) => e.$emit("pointerleave", t, e.inputMethods)),
-      onTouchstart: n[105] || (n[105] = (t) => e.$emit("touchstart", t, e.inputMethods)),
-      onTouchend: n[106] || (n[106] = (t) => e.$emit("touchend", t, e.inputMethods)),
-      onTouchmove: n[107] || (n[107] = (t) => e.$emit("touchmove", t, e.inputMethods)),
-      onTouchcancel: n[108] || (n[108] = (t) => e.$emit("touchcancel", t, e.inputMethods)),
-      onContextmenu: n[109] || (n[109] = (t) => e.$emit("contextmenu", t, e.inputMethods))
-    }, [
-      (k(!0), C(Me, null, on(e.props.options, (t) => (k(), C("option", {
-        key: t.value,
-        value: t.value
-      }, be(t.text), 9, Fn))), 128))
-    ], 46, In)) : e.inputType === "textarea" ? (k(), C("textarea", {
-      key: 5,
-      ref: "inputRef",
-      id: `${e.id}`,
-      name: `${e.nameAttr}`,
-      class: M([
-        "hison-input",
-        `hison-input-${e.inputType}`,
-        ...e.editModeClassList,
-        ...e.requiredClassList,
-        e.fontBoldClass,
-        e.fontItalicClass,
-        e.fontThrulineClass,
-        e.fontUnderlineClass,
-        e.borderClass
-      ]),
-      value: e.inputValue,
-      style: F([e.textAlignStyle, e.props.style]),
-      disabled: e.disable,
-      readonly: e.readonly,
-      placeholder: e.placeholder || void 0,
-      title: e.title || void 0,
-      maxlength: e.maxLength || void 0,
-      tabindex: e.tabIndex ?? void 0,
-      onInput: n[110] || (n[110] = (...t) => e.onInput && e.onInput(...t)),
-      onFocus: n[111] || (n[111] = (...t) => e.onFocus && e.onFocus(...t)),
-      onBlur: n[112] || (n[112] = (...t) => e.onBlur && e.onBlur(...t))
-    }, be(e.inputValue), 47, Pn)) : (k(), C(Me, { key: 6 }, [
-      ye(R("input", {
-        ref: "inputTextRef",
-        id: `input_text_${e.id}`,
-        name: `input_text_${e.nameAttr}`,
-        class: M([
-          "hison-input",
-          `hison-input-text-${e.inputType}`,
-          ...e.editModeClassList,
-          ...e.requiredClassList,
-          e.fontBoldClass,
-          e.fontItalicClass,
-          e.fontThrulineClass,
-          e.fontUnderlineClass,
-          e.borderClass
-        ]),
-        type: "text",
-        value: e.spanText,
-        style: F([e.textAlignStyle, e.props.style]),
-        disabled: e.disable,
-        readonly: e.readonly,
-        title: e.title || void 0,
-        placeholder: e.placeholder || void 0,
-        tabindex: e.tabIndex ?? void 0,
-        onFocus: n[113] || (n[113] = (...t) => e.onTextInputFocus && e.onTextInputFocus(...t)),
-        onClick: n[114] || (n[114] = (t) => e.$emit("click", t, e.inputMethods)),
-        onDblclick: n[115] || (n[115] = (t) => e.$emit("dblclick", t, e.inputMethods)),
-        onMousedown: n[116] || (n[116] = (t) => e.$emit("mousedown", t, e.inputMethods)),
-        onMouseup: n[117] || (n[117] = (t) => e.$emit("mouseup", t, e.inputMethods)),
-        onMouseenter: n[118] || (n[118] = (t) => e.$emit("mouseenter", t, e.inputMethods)),
-        onMouseleave: n[119] || (n[119] = (t) => e.$emit("mouseleave", t, e.inputMethods)),
-        onMouseover: n[120] || (n[120] = (t) => e.$emit("mouseover", t, e.inputMethods)),
-        onMouseout: n[121] || (n[121] = (t) => e.$emit("mouseout", t, e.inputMethods)),
-        onMousemove: n[122] || (n[122] = (t) => e.$emit("mousemove", t, e.inputMethods)),
-        onPointerdown: n[123] || (n[123] = (t) => e.$emit("pointerdown", t, e.inputMethods)),
-        onPointerup: n[124] || (n[124] = (t) => e.$emit("pointerup", t, e.inputMethods)),
-        onPointermove: n[125] || (n[125] = (t) => e.$emit("pointermove", t, e.inputMethods)),
-        onPointerenter: n[126] || (n[126] = (t) => e.$emit("pointerenter", t, e.inputMethods)),
-        onPointerleave: n[127] || (n[127] = (t) => e.$emit("pointerleave", t, e.inputMethods)),
-        onTouchstart: n[128] || (n[128] = (t) => e.$emit("touchstart", t, e.inputMethods)),
-        onTouchend: n[129] || (n[129] = (t) => e.$emit("touchend", t, e.inputMethods)),
-        onTouchmove: n[130] || (n[130] = (t) => e.$emit("touchmove", t, e.inputMethods)),
-        onTouchcancel: n[131] || (n[131] = (t) => e.$emit("touchcancel", t, e.inputMethods))
-      }, null, 46, An), [
-        [$e, !e.editing]
-      ]),
-      ye(R("input", {
-        ref: "inputRef",
-        id: `${e.id}`,
-        name: `${e.nameAttr}`,
-        class: M([
-          "hison-input",
-          `hison-input-${e.inputType}`,
-          ...e.editModeClassList,
-          e.borderClass
-        ]),
-        value: e.inputValue,
-        style: F([e.textAlignStyle, e.props.style]),
-        disabled: e.disable,
-        readonly: e.readonly,
-        type: e.inputType,
-        title: e.title || void 0,
-        placeholder: e.placeholder || void 0,
-        max: e.maxNumber || void 0,
-        min: e.minNumber || void 0,
-        tabindex: e.tabIndex ?? void 0,
-        onFocus: n[132] || (n[132] = (...t) => e.onFocus && e.onFocus(...t)),
-        onBlur: n[133] || (n[133] = (...t) => e.onBlur && e.onBlur(...t)),
-        onInput: n[134] || (n[134] = (...t) => e.onInput && e.onInput(...t)),
-        onCompositionstart: n[135] || (n[135] = (t) => e.$emit("compositionstart", t, e.inputMethods)),
-        onCompositionupdate: n[136] || (n[136] = (t) => e.$emit("compositionupdate", t, e.inputMethods)),
-        onCompositionend: n[137] || (n[137] = (t) => e.$emit("compositionend", t, e.inputMethods)),
-        onKeydown: n[138] || (n[138] = (t) => e.$emit("keydown", t, e.inputMethods)),
-        onKeyup: n[139] || (n[139] = (t) => e.$emit("keyup", t, e.inputMethods)),
-        onDragstart: n[140] || (n[140] = (t) => e.$emit("dragstart", t, e.inputMethods)),
-        onDragend: n[141] || (n[141] = (t) => e.$emit("dragend", t, e.inputMethods)),
-        onDrag: n[142] || (n[142] = (t) => e.$emit("drag", t, e.inputMethods)),
-        onDrop: n[143] || (n[143] = (t) => e.$emit("drop", t, e.inputMethods)),
-        onCopy: n[144] || (n[144] = (t) => e.$emit("copy", t, e.inputMethods)),
-        onCut: n[145] || (n[145] = (t) => e.$emit("cut", t, e.inputMethods)),
-        onPaste: n[146] || (n[146] = (t) => e.$emit("paste", t, e.inputMethods)),
-        onWheel: n[147] || (n[147] = (t) => e.$emit("wheel", t, e.inputMethods)),
-        onContextmenu: n[148] || (n[148] = (t) => e.$emit("contextmenu", t, e.inputMethods))
-      }, null, 46, En), [
-        [$e, e.editing]
-      ])
-    ], 64))
-  ], 2);
-}
-const Rn = /* @__PURE__ */ bn(Nn, [["render", Sn]]);
-export {
-  Rn as default
-};