import { defineComponent as v, computed as k, ref as a, onMounted as S, nextTick as I, withDirectives as w, createElementBlock as z, openBlock as C, withKeys as V, withModifiers as n, normalizeStyle as W, vModelDynamic as B } from "vue";
import { nanoid as c } from "nanoid";
/* empty css                                     */
/* empty css                                     */
import "../Tabs/index.mjs";
import "../Tabs-icon/index.mjs";
import "../Button/index.mjs";
import "../DatePicker/index.mjs";
import "../DatePickerRange/index.mjs";
import "../Switch/index.mjs";
import "./index.mjs";
import "../Select/index.mjs";
import "../Slider/index.mjs";
import "../../../Text/components/List/index.mjs";
import "../../../Text/components/Text/index.mjs";
import "../../../Text/components/TextDynamic/index.mjs";
import "../../../Text/components/TableBasic/index.mjs";
import "../../../Text/components/TableScroll/index.mjs";
import "../../../Text/components/RowScroll/index.mjs";
import "../../../Text/components/RealTime/index.mjs";
import "../../../Text/components/OverNumber/index.mjs";
import "../../../Text/components/CountDown/index.mjs";
import "../../../Text/components/TextCarousel/index.mjs";
import "../../../Media/components/Audio/index.mjs";
import "../../../Media/components/Video/index.mjs";
import "../../../Media/components/Carousel/index.mjs";
import "../../../Media/components/Flv/index.mjs";
import "../../../Media/components/Iframe/index.mjs";
import "../../../Media/components/IframeCarousel/index.mjs";
import "../../../Media/components/Image/index.mjs";
import "../../../Media/components/ImageDynamic/index.mjs";
import "../../../Media/components/M3u8/index.mjs";
import "../../../Media/components/Wavesurfer/index.mjs";
import "../../../Media/components/Weather/index.mjs";
import "../../../Media/components/Qrcode/index.mjs";
import "../../../Chart/components/bar/basic/index.mjs";
import "../../../Chart/components/bar/animation/index.mjs";
import "../../../Chart/components/bar/contrast/index.mjs";
import "../../../Chart/components/bar/contrast2/index.mjs";
import "../../../Chart/components/bar/contrast3/index.mjs";
import "../../../Chart/components/bar/gradient-column-chart/index.mjs";
import "../../../Chart/components/bar/horizontal/index.mjs";
import "../../../Chart/components/bar/horizontal-stack/index.mjs";
import "../../../Chart/components/bar/line-bar/index.mjs";
import "../../../Chart/components/bar/line-bar2/index.mjs";
import "../../../Chart/components/bar/loop/index.mjs";
import "../../../Chart/components/bar/mini/index.mjs";
import "../../../Chart/components/bar/polar/index.mjs";
import "../../../Chart/components/bar/polar-stack/index.mjs";
import "../../../Chart/components/bar/polar2/index.mjs";
import "../../../Chart/components/bar/radius-circle/index.mjs";
import "../../../Chart/components/bar/rank/index.mjs";
import "../../../Chart/components/bar/segmented-progress/index.mjs";
import "../../../Chart/components/bar/spire/index.mjs";
import "../../../Chart/components/bar/stack/index.mjs";
import "../../../Chart/components/bar/stack-line/index.mjs";
import "../../../Chart/components/bar/stack2/index.mjs";
import "../../../Chart/components/bar/stack3/index.mjs";
import "../../../Chart/components/bar/staggered/index.mjs";
import "../../../Chart/components/bar/three/index.mjs";
import "../../../Chart/components/bar/waterfall/index.mjs";
import "../../../Chart/components/bar/zebra/index.mjs";
import "../../../Chart/components/line/area-gradient/index.mjs";
import "../../../Chart/components/line/area-highlight/index.mjs";
import "../../../Chart/components/line/area-highlight2/index.mjs";
import "../../../Chart/components/line/basic/index.mjs";
import "../../../Chart/components/line/bump/index.mjs";
import "../../../Chart/components/line/dashed/index.mjs";
import "../../../Chart/components/line/ladder/index.mjs";
import "../../../Chart/components/line/logarithm/index.mjs";
import "../../../Chart/components/line/multix/index.mjs";
import "../../../Chart/components/line/polar-double/index.mjs";
import "../../../Chart/components/line/rain-flow/index.mjs";
import "../../../Chart/components/line/scale/index.mjs";
import "../../../Chart/components/line/smooth/index.mjs";
import "../../../Chart/components/line/smooth-area/index.mjs";
import "../../../Chart/components/line/stack/index.mjs";
import "../../../Chart/components/line/stack-area/index.mjs";
import "../../../Chart/components/line/temp/index.mjs";
import "../../../Chart/components/line/vertical/index.mjs";
import "../../../Chart/components/map/basic/index.mjs";
import "../../../Chart/components/map/bmap-basic/index.mjs";
import "../../../Chart/components/map/bmap-heatmap/index.mjs";
import "../../../Chart/components/map/bmap-rich/index.mjs";
import "../../../Chart/components/map/customize/index.mjs";
import "../../../Chart/components/map/lines/index.mjs";
import "../../../Chart/components/map/scatter/index.mjs";
import "../../../Chart/components/pie/3d/index.mjs";
import "../../../Chart/components/pie/basic/index.mjs";
import "../../../Chart/components/pie/basic2/index.mjs";
import "../../../Chart/components/pie/customized/index.mjs";
import "../../../Chart/components/pie/index/index.mjs";
import "../../../Chart/components/pie/interval/index.mjs";
import "../../../Chart/components/pie/legend-scroll/index.mjs";
import "../../../Chart/components/pie/radius/index.mjs";
import "../../../Chart/components/pie/rose/index.mjs";
import "../../../Chart/components/pie/round/index.mjs";
import "../../../Chart/components/pie/sunburst/index.mjs";
import "../../../Chart/components/scatter/basic/index.mjs";
import "../../../Chart/components/scatter/basic2/index.mjs";
import "../../../Chart/components/scatter/bubble/index.mjs";
import "../../../Chart/components/scatter/ripples/index.mjs";
import "../../../Chart/components/other/candlestick-basic/index.mjs";
import "../../../Chart/components/other/sunburst-basic/index.mjs";
import "../../../Chart/components/other/sunburst-basic2/index.mjs";
import "../../../Chart/components/other/sunburst-basic3/index.mjs";
import "../../../Chart/components/other/sunburst-basic4/index.mjs";
import "../../../Chart/components/other/sunburst-book/index.mjs";
import "../../../Chart/components/other/sunburst-flavors/index.mjs";
import "../../../Chart/components/other/sunburst-radius/index.mjs";
import "../../../Chart/components/other/funnel/index.mjs";
import "../../../Chart/components/other/funnel-contrast/index.mjs";
import "../../../Chart/components/other/funnel-split/index.mjs";
import "../../../Chart/components/other/funnel2/index.mjs";
import "../../../Chart/components/other/force/index.mjs";
import "../../../Chart/components/other/force2/index.mjs";
import "../../../Chart/components/other/gauge/index.mjs";
import "../../../Chart/components/other/gauge-grade/index.mjs";
import "../../../Chart/components/other/gauge-stage/index.mjs";
import "../../../Chart/components/other/graph-basic/index.mjs";
import "../../../Chart/components/other/graph-basic2/index.mjs";
import "../../../Chart/components/other/graph-calendar/index.mjs";
import "../../../Chart/components/other/circular-graph/index.mjs";
import "../../../Chart/components/other/heatmap/index.mjs";
import "../../../Chart/components/other/liquidfill/index.mjs";
import "../../../Chart/components/other/parallel-basic/index.mjs";
import "../../../Chart/components/other/parallel-mul/index.mjs";
import "../../../Chart/components/other/radar-stack/index.mjs";
import "../../../Chart/components/other/tree/index.mjs";
import "../../../Chart/components/other/tree-line/index.mjs";
import "../../../Chart/components/other/word-cloud/index.mjs";
import "../../../Chart/components/other/treemap/index.mjs";
import "../../../Chart/components/other/treemap-basic/index.mjs";
import "../../../Chart/components/other/label-gauge/index.mjs";
import "../../../Chart/components/other/grid-percentage/index.mjs";
import "../../../Chart/components/other/radar/index.mjs";
import "../../../Commons/components/CustomComponentRender/index.mjs";
import "../../../Commons/components/Graphical/index.mjs";
import "../../../Commons/components/Svg/index.mjs";
import "../../../Commons/components/ModelViewer/index.mjs";
import "../../../Commons/components/VrVideo/index.mjs";
import "../../../Commons/components/VrPhoto/index.mjs";
import "../../../Commons/components/Babylon/index.mjs";
import "../../../Commons/components/Echarts/index.mjs";
import "../../../Commons/components/GSViewer/index.mjs";
import "../../../Scene/components/Amap2d/index.mjs";
import "../../../Scene/components/Amap3d/index.mjs";
import "../../../Scene/components/Default/index.mjs";
import "../../../Scene/components/Map2d/index.mjs";
import "../../../Scene/components/Map3d/index.mjs";
import "../../../Scene/components/UeIframe/index.mjs";
import "../../../Scene/components/UeShj/index.mjs";
import "../../../Scene/components/UnityIframe/index.mjs";
import "../../../Scene/components/UnityWebgl/index.mjs";
import "../../../Scene/components/Vr/index.mjs";
import "../../../Scene/components/Earth/index.mjs";
import { SHJDatasourceV2 as D } from "../../../../commons/plugins/datasource/index.mjs";
import { SHJParseEvent as i } from "../../../../commons/plugins/event/index.mjs";
import "lodash";
import { upgradeInput as F } from "./version.mjs";
import { useWatch as K } from "./hooks/useWatch.mjs";
const M = ["tabindex", "type", "placeholder", "onKeyup"], R = v({ name: "ShjInput" }), Hr = /* @__PURE__ */ v({
  ...R,
  props: {
    option: {},
    sources: {},
    useEvents: {}
  },
  emits: [
    "on-blur",
    "on-focus",
    "on-input",
    "on-change",
    "on-enter"
  ],
  setup(e, { expose: f, emit: d }) {
    const t = k(() => F(e.option)), p = d, u = a(""), r = a(), l = a(), m = () => {
      D.parse({
        sources: e.sources,
        callback: ({ data: o }) => {
          try {
            i.parseEvents(e.useEvents, "dataListener", o), l.value = c(), u.value = o[0].data[0].value;
          } catch {
            i.parseEvents(e.useEvents, "dataListener", null), l.value = c();
          }
        }
      });
    }, y = (o) => {
      r.value && (p("on-blur", o, r.value.value), i.parseEvents(e.useEvents, "on-blur", {
        data: r.value.value,
        event: o
      }));
    }, h = (o) => {
      r.value && (p("on-focus", o, r.value.value), i.parseEvents(e.useEvents, "on-focus", {
        data: r.value.value,
        event: o
      }));
    }, b = (o) => {
      r.value && (p("on-input", o, r.value.value), i.parseEvents(e.useEvents, "on-input", {
        data: r.value.value,
        event: o
      }));
    }, E = (o) => {
      r.value && (p("on-change", o, r.value.value), i.parseEvents(e.useEvents, "on-change", {
        data: r.value.value,
        event: o
      }));
    }, g = (o) => {
      r.value && (p("on-enter", o, r.value.value), i.parseEvents(e.useEvents, "on-enter", {
        data: r.value.value,
        event: o
      }));
    };
    return S(() => {
      I(() => {
        m();
      });
    }), K({ option: t.value, sources: e.sources }, m), f({
      refresh: () => m(),
      refreshView: () => m(),
      refreshData: () => m()
    }), (o, s) => w((C(), z("input", {
      key: l.value,
      ref_key: "inputRef",
      ref: r,
      "onUpdate:modelValue": s[0] || (s[0] = (x) => u.value = x),
      tabindex: t.value.config.tabIndex,
      type: t.value.style.type || "text",
      class: "input",
      placeholder: t.value.config.placeholderValue,
      style: W({
        "--input-background-color": t.value.style.backgroundColor,
        "--input-border-color": t.value.style.borderColor,
        "--input-color": t.value.style.color,
        "--input-font-size": t.value.style.fontSize + "px",
        "--input-font-family": t.value.style.fontFamily,
        "--input-font-style": t.value.style.fontStyle,
        "--input-font-weight": t.value.style.fontWeight,
        "--input-border-radius": t.value.style.borderRadius + "px",
        "--input-border-width": t.value.style.borderWidth + "px",
        "--input-border-style": t.value.style.borderStyle,
        "--input-focus-background-color": t.value.style.focus.backgroundColor,
        "--input-focus-border-color": t.value.style.focus.borderColor,
        "--input-focus-font-family": t.value.style.focus.fontFamily,
        "--input-focus-color": t.value.style.focus.color,
        "--input-focus-border-width": t.value.style.focus.borderWidth + "px",
        "--input-focus-font-size": t.value.style.focus.fontSize + "px",
        "--input-focus-border-style": t.value.style.focus.borderStyle,
        "--input-focus-font-style": t.value.style.focus.fontStyle,
        "--input-focus-font-weight": t.value.style.focus.fontWeight,
        "--input-placeholder-color": t.value.style.placeholder.color,
        "--input-placeholder-font-size": t.value.style.placeholder.fontSize + "px"
      }),
      onBlur: n(y, ["stop"]),
      onFocus: n(h, ["stop"]),
      onInput: n(b, ["stop"]),
      onChange: n(E, ["stop"]),
      onKeyup: V(n(g, ["stop"]), ["enter"])
    }, null, 44, M)), [
      [B, u.value]
    ]);
  }
});
export {
  Hr as default
};
