@shjjs/visual-ui 1.0.39 → 1.0.40

package/es/components/commons-loop-iterator/index.vue2.mjs

@@ -1,315 +1,315 @@
-import { defineComponent as f, onMounted as F, watch as l, createElementBlock as m, openBlock as e, normalizeStyle as c, unref as d, Fragment as h, renderList as s, withModifiers as O, createElementVNode as $, toDisplayString as V, ref as x } from "vue";
-import { isEqual as b, cloneDeep as j } from "lodash";
-import { nanoid as w } from "nanoid";
-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 "./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 "../interaction/tabs/index.mjs";
-import "../interaction/tabs-icon/index.mjs";
-import "../interaction/button/index.mjs";
-import "../interaction/date-picker/src/date-picker/index.mjs";
-import "../interaction/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";
-/* empty css                        */
-/* empty css                               */
-import { SHJDatasourceV2 as B } from "../../plugins/datasource/index.mjs";
-import { SHJParseEvent as g } from "../../plugins/event/index.mjs";
-import { autoInstallFont as H } from "../../commons/utils/json2css.mjs";
-const J = ["onClick"], M = ["src"], q = f({ name: "zv-commons-loop-iterator" }), fi = /* @__PURE__ */ f({
-  ...q,
-  props: {
-    basicOption: {},
-    sources: {},
-    useEvents: {},
-    uuid: {}
-  },
-  emits: ["on-change"],
-  setup(S, { expose: k, emit: v }) {
-    const t = S, I = () => {
-      const r = x(), i = x([]);
-      return {
-        init: () => {
-          B.parse({
-            tId: t.uuid,
-            sources: t.sources,
-            callback: (o) => {
-              try {
-                r.value = w(), o && o.data ? i.value = j(o.data[0].data) : i.value = [];
-              } catch {
-                g.parseEvents(t.useEvents, "dataListener", null), r.value = w(), i.value = [];
-              }
-            }
-          });
-        },
-        key: r,
-        loopData: i,
-        renderItemStyle: (o) => ({
-          gridTemplateColumns: `repeat(${o.columns}, 1fr)`,
-          alignItems: o.alignItems,
-          rowGap: o.rowGap + "px",
-          columnGap: o.columnGap + "px",
-          borderWidth: o.border.width + "px",
-          borderColor: o.border.color,
-          borderStyle: o.border.style,
-          background: o.background.type === "color" ? o.background.color : `no-repeat center/100% url(${o.background.image})`,
-          boxShadow: o.shadow.x + "px " + o.shadow.y + "px " + o.shadow.blur + "px " + o.shadow.diffus + "px " + o.shadow.color
-        }),
-        renderImageStyle: (o) => o ? {
-          width: o.width + "px",
-          height: o.height + "px",
-          objectFit: o.objectFit,
-          borderWidth: o.border.width + "px",
-          borderColor: o.border.color,
-          borderStyle: o.border.style,
-          boxShadow: o.shadow.x + "px " + o.shadow.y + "px " + o.shadow.blur + "px " + o.shadow.diffus + "px " + o.shadow.color,
-          padding: o.padding[0] + "px " + o.padding[1] + "px " + o.padding[2] + "px " + o.padding[3] + "px"
-        } : {},
-        renderTextStyle: (o) => (H(o.font), o ? {
-          width: o.width + "px",
-          height: o.height + "px",
-          color: o.color,
-          fontSize: o.size + "px",
-          fontFamily: o.font,
-          fontStyle: o.style,
-          // textAlign: style.align,
-          boxShadow: o.shadow.x + "px " + o.shadow.y + "px " + o.shadow.blur + "px " + o.shadow.diffus + "px " + o.shadow.color,
-          padding: o.padding[0] + "px " + o.padding[1] + "px " + o.padding[2] + "px " + o.padding[3] + "px"
-        } : {}),
-        renderLoopWrapStyle: (o) => ({
-          overflow: o.overflow,
-          gridTemplateColumns: `repeat(${o.columns}, 1fr)`,
-          rowGap: o.rowGap + "px",
-          columnGap: o.columnGap + "px",
-          borderWidth: o.border.width + "px",
-          borderColor: o.border.color,
-          borderStyle: o.border.style,
-          background: o.background.type === "color" ? o.background.color : `no-repeat center/100% url(${o.background.image})`,
-          boxShadow: o.shadow.x + "px " + o.shadow.y + "px " + o.shadow.blur + "px " + o.shadow.diffus + "px " + o.shadow.color
-        })
-      };
-    }, {
-      init: a,
-      key: _,
-      loopData: C,
-      renderImageStyle: E,
-      renderTextStyle: G,
-      renderItemStyle: D,
-      renderLoopWrapStyle: L
-    } = I(), W = v, T = (r) => {
-      W("on-change", r), g.parseEvents(t.useEvents, "on-change", { data: r });
-    };
-    return F(() => a()), l(() => t.basicOption, (r, i) => {
-      b(r, i) || a();
-    }, { deep: !0 }), l(() => t.sources, (r, i) => {
-      b(r, i) || a();
-    }, { deep: !0 }), k({
-      refresh: () => a(),
-      refreshView: () => a(),
-      refreshData: () => a()
-    }), (r, i) => (e(), m("div", {
-      key: d(_),
-      class: "zerov-widget loop-iterator-wrap",
-      style: c(d(L)(t.basicOption))
-    }, [
-      (e(!0), m(h, null, s(d(C), (n, u) => (e(), m("div", {
-        key: u,
-        class: "loop-iterator-item",
-        style: c(d(D)(t.basicOption.itemStyle)),
-        onClick: O((p) => T(n), ["stop"])
-      }, [
-        (e(!0), m(h, null, s(t.basicOption.itemContent, (p, z) => (e(), m("div", {
-          key: p.id
-        }, [
-          p.type === "image" ? (e(), m("div", {
-            key: 0,
-            class: "loop-iterator-item-image",
-            style: c(d(E)(p.style))
-          }, [
-            $("img", {
-              src: n[p.field],
-              alt: "图片"
-            }, null, 8, M)
-          ], 4)) : (e(), m("div", {
-            key: 1,
-            style: c(d(G)(p.style))
-          }, V(n[p.field]), 5))
-        ]))), 128))
-      ], 12, J))), 128))
-    ], 4));
-  }
-});
-export {
-  fi as default
-};
+import { defineComponent as f, onMounted as F, watch as l, createElementBlock as m, openBlock as e, normalizeStyle as c, unref as d, Fragment as h, renderList as s, withModifiers as O, createElementVNode as $, toDisplayString as V, ref as x } from "vue";
+import { isEqual as b, cloneDeep as j } from "lodash";
+import { nanoid as w } from "nanoid";
+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 "./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 "../interaction/tabs/index.mjs";
+import "../interaction/tabs-icon/index.mjs";
+import "../interaction/button/index.mjs";
+import "../interaction/date-picker/src/date-picker/index.mjs";
+import "../interaction/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";
+/* empty css                        */
+/* empty css                               */
+import { SHJDatasourceV2 as B } from "../../plugins/datasource/index.mjs";
+import { SHJParseEvent as g } from "../../plugins/event/index.mjs";
+import { autoInstallFont as H } from "../../commons/utils/json2css.mjs";
+const J = ["onClick"], M = ["src"], q = f({ name: "zv-commons-loop-iterator" }), fi = /* @__PURE__ */ f({
+  ...q,
+  props: {
+    basicOption: {},
+    sources: {},
+    useEvents: {},
+    uuid: {}
+  },
+  emits: ["on-change"],
+  setup(S, { expose: k, emit: v }) {
+    const t = S, I = () => {
+      const r = x(), i = x([]);
+      return {
+        init: () => {
+          B.parse({
+            tId: t.uuid,
+            sources: t.sources,
+            callback: (o) => {
+              try {
+                r.value = w(), o && o.data ? i.value = j(o.data[0].data) : i.value = [];
+              } catch {
+                g.parseEvents(t.useEvents, "dataListener", null), r.value = w(), i.value = [];
+              }
+            }
+          });
+        },
+        key: r,
+        loopData: i,
+        renderItemStyle: (o) => ({
+          gridTemplateColumns: `repeat(${o.columns}, 1fr)`,
+          alignItems: o.alignItems,
+          rowGap: o.rowGap + "px",
+          columnGap: o.columnGap + "px",
+          borderWidth: o.border.width + "px",
+          borderColor: o.border.color,
+          borderStyle: o.border.style,
+          background: o.background.type === "color" ? o.background.color : `no-repeat center/100% url(${o.background.image})`,
+          boxShadow: o.shadow.x + "px " + o.shadow.y + "px " + o.shadow.blur + "px " + o.shadow.diffus + "px " + o.shadow.color
+        }),
+        renderImageStyle: (o) => o ? {
+          width: o.width + "px",
+          height: o.height + "px",
+          objectFit: o.objectFit,
+          borderWidth: o.border.width + "px",
+          borderColor: o.border.color,
+          borderStyle: o.border.style,
+          boxShadow: o.shadow.x + "px " + o.shadow.y + "px " + o.shadow.blur + "px " + o.shadow.diffus + "px " + o.shadow.color,
+          padding: o.padding[0] + "px " + o.padding[1] + "px " + o.padding[2] + "px " + o.padding[3] + "px"
+        } : {},
+        renderTextStyle: (o) => (H(o.font), o ? {
+          width: o.width + "px",
+          height: o.height + "px",
+          color: o.color,
+          fontSize: o.size + "px",
+          fontFamily: o.font,
+          fontStyle: o.style,
+          // textAlign: style.align,
+          boxShadow: o.shadow.x + "px " + o.shadow.y + "px " + o.shadow.blur + "px " + o.shadow.diffus + "px " + o.shadow.color,
+          padding: o.padding[0] + "px " + o.padding[1] + "px " + o.padding[2] + "px " + o.padding[3] + "px"
+        } : {}),
+        renderLoopWrapStyle: (o) => ({
+          overflow: o.overflow,
+          gridTemplateColumns: `repeat(${o.columns}, 1fr)`,
+          rowGap: o.rowGap + "px",
+          columnGap: o.columnGap + "px",
+          borderWidth: o.border.width + "px",
+          borderColor: o.border.color,
+          borderStyle: o.border.style,
+          background: o.background.type === "color" ? o.background.color : `no-repeat center/100% url(${o.background.image})`,
+          boxShadow: o.shadow.x + "px " + o.shadow.y + "px " + o.shadow.blur + "px " + o.shadow.diffus + "px " + o.shadow.color
+        })
+      };
+    }, {
+      init: a,
+      key: _,
+      loopData: C,
+      renderImageStyle: E,
+      renderTextStyle: G,
+      renderItemStyle: D,
+      renderLoopWrapStyle: L
+    } = I(), W = v, T = (r) => {
+      W("on-change", r), g.parseEvents(t.useEvents, "on-change", { data: r });
+    };
+    return F(() => a()), l(() => t.basicOption, (r, i) => {
+      b(r, i) || a();
+    }, { deep: !0 }), l(() => t.sources, (r, i) => {
+      b(r, i) || a();
+    }, { deep: !0 }), k({
+      refresh: () => a(),
+      refreshView: () => a(),
+      refreshData: () => a()
+    }), (r, i) => (e(), m("div", {
+      key: d(_),
+      class: "zerov-widget loop-iterator-wrap",
+      style: c(d(L)(t.basicOption))
+    }, [
+      (e(!0), m(h, null, s(d(C), (n, u) => (e(), m("div", {
+        key: u,
+        class: "loop-iterator-item",
+        style: c(d(D)(t.basicOption.itemStyle)),
+        onClick: O((p) => T(n), ["stop"])
+      }, [
+        (e(!0), m(h, null, s(t.basicOption.itemContent, (p, z) => (e(), m("div", {
+          key: p.id
+        }, [
+          p.type === "image" ? (e(), m("div", {
+            key: 0,
+            class: "loop-iterator-item-image",
+            style: c(d(E)(p.style))
+          }, [
+            $("img", {
+              src: n[p.field],
+              alt: "图片"
+            }, null, 8, M)
+          ], 4)) : (e(), m("div", {
+            key: 1,
+            style: c(d(G)(p.style))
+          }, V(n[p.field]), 5))
+        ]))), 128))
+      ], 12, J))), 128))
+    ], 4));
+  }
+});
+export {
+  fi as default
+};