import { defineComponent as s, useCssVars as a, ref as d, onMounted as l, createElementBlock as x, openBlock as v, normalizeStyle as r, unref as m, createElementVNode as b, toDisplayString as h } from "vue";
import { useButtonWatch as f } from "./hooks/useButtonWatch.mjs";
import "../../text-text-basic/index.mjs";
import "../../text-table-basic/index.mjs";
import "../../chart-other-gauge/index.mjs";
import "../../chart-other-gauge-stage/index.mjs";
import "../../chart-other-gauge-grade/index.mjs";
import "../../chart-other-word-cloud/index.mjs";
import "../../chart-other-liquidfill/index.mjs";
import "../../chart-other-funnel/index.mjs";
import "../../chart-other-force/index.mjs";
import "../../chart-other-radar/index.mjs";
import "../../chart-other-funnel-split/index.mjs";
import "../../chart-other-funnel-contrast/index.mjs";
import "../../chart-other-candlestick-basic/index.mjs";
import "../../chart-other-candlestick-shanghai/index.mjs";
import "../../chart-other-candlestick-demo/index.mjs";
import "../../chart-other-heatmap/index.mjs";
import "../../chart-other-force2/index.mjs";
import "../../chart-other-graph-basic/index.mjs";
import "../../chart-other-graph-basic2/index.mjs";
import "../../chart-other-graph-calendar/index.mjs";
import "../../chart-other-tree-line/index.mjs";
import "../../chart-other-treemap-basic/index.mjs";
import "../../chart-other-sunburst-basic/index.mjs";
import "../../chart-other-sunburst-basic2/index.mjs";
import "../../chart-other-sunburst-basic3/index.mjs";
import "../../chart-other-sunburst-basic4/index.mjs";
import "../../chart-other-sunburst-book/index.mjs";
import "../../chart-other-sunburst-radius/index.mjs";
import "../../chart-other-sunburst-flavors/index.mjs";
import "../../chart-other-parallel-basic/index.mjs";
import "../../chart-other-parallel-mul/index.mjs";
import "../../chart-other-circular-graph/index.mjs";
import "../../map-earth-basic/index.mjs";
import "../../map-earth-cool-tech/index.mjs";
import "../../map-earth-particle/index.mjs";
import "../../map-earth-hacker/index.mjs";
import "../../map-earth-fly-line/index.mjs";
import "../../chart-other-grid-percentage/index.mjs";
import "../../chart-other-radar-stack/index.mjs";
import "../../chart-other-funnel2/index.mjs";
import "../../chart-other-label-gauge/index.mjs";
import "../../chart-other-theme-river/index.mjs";
import "../../chart-other-tree/index.mjs";
import "../../chart-other-treemap/index.mjs";
import "../../commons-product-model/index.mjs";
import "../../commons-vr-photo/index.mjs";
import "../../commons-vr-video/index.mjs";
import "../../commons-three-loader/index.mjs";
import "../../commons-three-loader3/index.mjs";
import "../../commons-loop-iterator/index.mjs";
import "../../commons-gaussian-splatting-view/index.mjs";
import "../../commons-babylon/index.mjs";
import "../../commons-svg/index.mjs";
import "../../commons-weather/index.mjs";
import "../../commons-weather-dynamic/index.mjs";
import "../../media-wavesurfer/index.mjs";
import "../../interaction-tabs/index.mjs";
import "../../interaction-tabs2/index.mjs";
import "../../interaction-button/index.mjs";
import "../../interaction-button-image/index.mjs";
import "../../interaction-select/index.mjs";
import "../../interaction-input/index.mjs";
import "../../interaction-radio/index.mjs";
import "../../interaction-slider/index.mjs";
import "../../interaction-switch/index.mjs";
import "../../interaction-data-picker/index.mjs";
import "../../interaction-button-refresh/index.mjs";
import "../../media-image/index.mjs";
import "../../text-title/index.mjs";
import "../../commons-qrcode/index.mjs";
import "../../media-video/index.mjs";
import "../../media-audio/index.mjs";
import "../../text-real-time/index.mjs";
import "../../media-carousel/index.mjs";
import "../../media-carousel-slides/index.mjs";
import "../../media-iframe-carousel/index.mjs";
import "../../media-iframe/index.mjs";
import "../../media-m3u8/index.mjs";
import "../../media-m3u8-dynamic/index.mjs";
import "../../media-audio-dynamic/index.mjs";
import "../../media-video-dynamic/index.mjs";
import "../../media-image-dynamic/index.mjs";
import "../../media-iframe-dynamic/index.mjs";
import "../../media-flv/index.mjs";
import "../../commons-echarts/index.mjs";
import "../../text-over-number/index.mjs";
import "../../text-table-scroll/index.mjs";
import "../../text-carousel/index.mjs";
import "../../text-row-scroll/index.mjs";
import "../../text-text-dynamic/index.mjs";
import "../../text-count-down/index.mjs";
import "../../graphical-circle/index.mjs";
import "../../graphical-diamond/index.mjs";
import "../../graphical-hexagon/index.mjs";
import "../../graphical-isosceles-triangle/index.mjs";
import "../../graphical-pentagon/index.mjs";
import "../../graphical-rect/index.mjs";
import "../../graphical-right-triangle/index.mjs";
import "../../scene-map3d/index.mjs";
import "../../scene-amap2d/index.mjs";
import "../../scene-amap3d/index.mjs";
import "../../scene-vr/index.mjs";
import "../../scene-unity-iframe/index.mjs";
import "../../scene-unity-webgl/index.mjs";
import "../../scene-ue-iframe/index.mjs";
import "../../scene-ue-shj/index.mjs";
import "../../scene-default/index.mjs";
import "../tabs/index.mjs";
import "../tabs-icon/index.mjs";
import "./index.mjs";
import "../date-picker/src/date-picker/index.mjs";
import "../date-picker/src/date-picker-range/index.mjs";
import "../../text/list/index.mjs";
import "../../chart/src/bar/basic/index.mjs";
import "../../chart/src/bar/animation/index.mjs";
import "../../chart/src/bar/contrast/index.mjs";
import "../../chart/src/bar/contrast2/index.mjs";
import "../../chart/src/bar/contrast3/index.mjs";
import "../../chart/src/bar/gradient-column-chart/index.mjs";
import "../../chart/src/bar/horizontal/index.mjs";
import "../../chart/src/bar/horizontal-stack/index.mjs";
import "../../chart/src/bar/line-bar/index.mjs";
import "../../chart/src/bar/line-bar2/index.mjs";
import "../../chart/src/bar/loop/index.mjs";
import "../../chart/src/bar/mini/index.mjs";
import "../../chart/src/bar/polar/index.mjs";
import "../../chart/src/bar/polar-stack/index.mjs";
import "../../chart/src/bar/polar2/index.mjs";
import "../../chart/src/bar/radius-circle/index.mjs";
import "../../chart/src/bar/rank/index.mjs";
import "../../chart/src/bar/segmented-progress/index.mjs";
import "../../chart/src/bar/spire/index.mjs";
import "../../chart/src/bar/stack/index.mjs";
import "../../chart/src/bar/stack-line/index.mjs";
import "../../chart/src/bar/stack2/index.mjs";
import "../../chart/src/bar/stack3/index.mjs";
import "../../chart/src/bar/staggered/index.mjs";
import "../../chart/src/bar/three/index.mjs";
import "../../chart/src/bar/waterfall/index.mjs";
import "../../chart/src/bar/zebra/index.mjs";
import "../../chart/src/line/area-gradient/index.mjs";
import "../../chart/src/line/area-highlight/index.mjs";
import "../../chart/src/line/area-highlight2/index.mjs";
import "../../chart/src/line/basic/index.mjs";
import "../../chart/src/line/bump/index.mjs";
import "../../chart/src/line/dashed/index.mjs";
import "../../chart/src/line/ladder/index.mjs";
import "../../chart/src/line/logarithm/index.mjs";
import "../../chart/src/line/multix/index.mjs";
import "../../chart/src/line/polar-double/index.mjs";
import "../../chart/src/line/rain-flow/index.mjs";
import "../../chart/src/line/scale/index.mjs";
import "../../chart/src/line/smooth/index.mjs";
import "../../chart/src/line/smooth-area/index.mjs";
import "../../chart/src/line/stack/index.mjs";
import "../../chart/src/line/stack-area/index.mjs";
import "../../chart/src/line/temp/index.mjs";
import "../../chart/src/line/vertical/index.mjs";
import "../../chart/src/map/basic/index.mjs";
import "../../chart/src/map/bmap-basic/index.mjs";
import "../../chart/src/map/bmap-heatmap/index.mjs";
import "../../chart/src/map/bmap-rich/index.mjs";
import "../../chart/src/map/customize/index.mjs";
import "../../chart/src/map/lines/index.mjs";
import "../../chart/src/map/scatter/index.mjs";
import "../../chart/src/pie/3d/index.mjs";
import "../../chart/src/pie/basic/index.mjs";
import "../../chart/src/pie/basic2/index.mjs";
import "../../chart/src/pie/customized/index.mjs";
import "../../chart/src/pie/index/index.mjs";
import "../../chart/src/pie/interval/index.mjs";
import "../../chart/src/pie/legend-scroll/index.mjs";
import "../../chart/src/pie/radius/index.mjs";
import "../../chart/src/pie/rose/index.mjs";
import "../../chart/src/pie/round/index.mjs";
import "../../chart/src/pie/sunburst/index.mjs";
import "../../chart/src/scatter/basic/index.mjs";
import "../../chart/src/scatter/basic2/index.mjs";
import "../../chart/src/scatter/bubble/index.mjs";
import "../../chart/src/scatter/ripples/index.mjs";
import "../../commons/custom-component-render/index.mjs";
import "../../hj-componets/zv-hj-tree-list/index.mjs";
import "../../hj-componets/zv-hj-model-resource/index.mjs";
import "../../hj-componets/zv-hj-one-map-config/index.mjs";
import "../../hj-componets/zv-hj-video-control/index.mjs";
import "../../hj-componets/zv-hj-video-page/index.mjs";
import "../../hj-componets/zv-hj-password-input/index.mjs";
import "../../hj-componets/zv-hj-carousel/index.mjs";
import "../../hj-componets/zv-hj-video-monitor/index.mjs";
import "../../hj-componets/zv-hj-scene-amap2d/index.mjs";
import "../../hj-componets/zv-hj-scene-amap3d/index.mjs";
import "../../hj-componets/zv-hj-person-face/index.mjs";
import "../../hj-componets/zv-hj-resource-type-phone/index.mjs";
import "../../hj-componets/zv-hj-tree-list-phone/index.mjs";
import "../../hj-componets/zv-hj-video-page-phone/index.mjs";
import "../../hj-componets/zv-hj-model-resource-phone/index.mjs";
import "../../hj-componets/zv-hj-bottom-suspend/index.mjs";
import "../../hj-componets/zv-hj-pagination/index.mjs";
import "../../hj-componets/zv-hj-password-input-phone/index.mjs";
/* empty css                           */
/* empty css                                  */
import { SHJDatasourceV2 as u } from "../../../plugins/datasource/index.mjs";
import "lodash";
import "../../../plugins/event/actions/fullScreenAction.mjs";
import { Utils as e } from "../../../commons/utils/utils.mjs";
const S = s({ name: "shj-button" }), vp = /* @__PURE__ */ s({
  ...S,
  props: {
    option: {},
    sources: {},
    useEvents: {},
    uuid: {}
  },
  emits: ["on-click-item", "on-change"],
  setup(c, { expose: n, emit: g }) {
    a((i) => ({
      "40e53e5c": t.option.css.hover.backgroundColor,
      "0308d6e8": t.option.css.hover.borderRadius + "px",
      "9edcad54": t.option.css.hover.borderWidth + "px",
      "2f656562": t.option.css.hover.borderStyle,
      "2e817714": t.option.css.hover.borderColor,
      "403e4a6c": t.option.css.hover.backgroundImage,
      f9c7769c: t.option.css.hover.backgroundSize,
      "2b2c2a0c": t.option.css.hover.backgroundRepeat,
      "2e4a92af": t.option.css.hover.backgroundPositionX + "px",
      d3a880e4: t.option.css.hover.backgroundPositionY + "px",
      "5a034650": t.option.css.hover.paddingLeft + "px",
      "1bbc2982": t.option.css.hover.paddingRight + "px",
      "206cbd66": t.option.css.hover.paddingTop + "px",
      "7dae9498": t.option.css.hover.paddingBottom + "px",
      "76df3935": t.option.css.hover.textStyle.fontStyle,
      "4dc7b060": t.option.css.hover.textStyle.fontFamily,
      "7b27a114": t.option.css.hover.textStyle.color,
      11959810: t.option.css.hover.textStyle.fontSize + "px",
      "6b009774": t.option.css.hover.textStyle.fontWeight,
      "57670f88": t.option.css.hover.textStyle.alignItems,
      "6135c516": t.option.css.hover.textStyle.justifyContent,
      "020780ba": t.option.css.hover.textStyle["-webkit-text-stroke-color"],
      "1237d6a7": t.option.css.hover.textStyle["-webkit-text-stroke-width"] + "px",
      "6a5a6a5d": t.option.css.hover.textStyle.letterSpacing + "px",
      "78087a08": t.option.css.hover.textStyle.lineHeight,
      "261e231e": t.option.css.active.backgroundColor,
      "2f0a50d8": t.option.css.active.borderRadius + "px",
      "7854338a": t.option.css.active.borderWidth + "px",
      "39eb2dae": t.option.css.active.borderStyle,
      "39073f60": t.option.css.active.borderColor,
      "26719d16": t.option.css.active.backgroundImage,
      "098408e6": t.option.css.active.backgroundSize,
      "92989d80": t.option.css.active.backgroundRepeat,
      "15c9a8e3": t.option.css.active.backgroundPositionX + "px",
      "7daad5c2": t.option.css.active.backgroundPositionY + "px",
      ca7e31e8: t.option.css.active.paddingLeft + "px",
      "22b0a78b": t.option.css.active.paddingRight + "px",
      "05d61cb2": t.option.css.active.paddingTop + "px",
      bb1cfa30: t.option.css.active.paddingBottom + "px",
      b12414fe: t.option.css.active.textStyle.fontStyle,
      "2f107d94": t.option.css.active.textStyle.fontFamily,
      "08fcf1c2": t.option.css.active.textStyle.color,
      "30fe2948": t.option.css.active.textStyle.fontSize + "px",
      "4c4964a8": t.option.css.active.textStyle.fontWeight,
      "38afdcbc": t.option.css.active.textStyle.alignItems,
      aba64f6c: t.option.css.active.textStyle.justifyContent,
      "5527a7d7": t.option.css.active.textStyle["-webkit-text-stroke-color"],
      "19a48bf3": t.option.css.active.textStyle["-webkit-text-stroke-width"] + "px",
      "998972de": t.option.css.active.textStyle.letterSpacing + "px",
      "5951473c": t.option.css.active.textStyle.lineHeight
    }));
    const t = c, p = d(""), o = () => {
      u.parse({
        tId: t.uuid,
        sources: t.sources,
        callback: ({ data: i }) => {
          p.value = i[0].data[0].data;
        }
      });
    };
    return l(() => o()), f(t, o), n({
      refresh: () => o(),
      refreshView: () => {
      },
      // 刷新视图 无需刷新
      refreshData: () => o()
    }), (i, y) => (v(), x("button", {
      class: "height-100 transition-all",
      style: r(m(e).json2cssObject(t.option.css))
    }, [
      b("p", {
        class: "flex width-100 height-100 transition-all",
        style: r(m(e).json2cssObject(t.option.css.textStyle))
      }, h(p.value), 5)
    ], 4));
  }
});
export {
  vp as default
};
