react-big-screen 0.0.0 → 0.0.3

package/es/index-BvJsCGUq.mjs

@@ -0,0 +1,62 @@
+import { jsxs as a, jsx as l } from "/Users/tangjiahui/Desktop/big-screen-demo/node_modules/.pnpm/react@18.3.1/node_modules/react/jsx-runtime.js";
+import { n as t } from "./index-BVm2ihs2.mjs";
+import "/Users/tangjiahui/Desktop/big-screen-demo/node_modules/.pnpm/localforage@1.10.0/node_modules/localforage/dist/localforage.js";
+import "/Users/tangjiahui/Desktop/big-screen-demo/node_modules/.pnpm/react@18.3.1/node_modules/react/index.js";
+import "/Users/tangjiahui/Desktop/big-screen-demo/node_modules/.pnpm/react-dom@18.3.1_react@18.3.1/node_modules/react-dom/index.js";
+import "/Users/tangjiahui/Desktop/big-screen-demo/node_modules/.pnpm/react-dom@18.3.1_react@18.3.1/node_modules/react-dom/client.js";
+import "/Users/tangjiahui/Desktop/big-screen-demo/node_modules/.pnpm/driver.js@1.3.6/node_modules/driver.js/dist/driver.js.mjs";
+import "/Users/tangjiahui/Desktop/big-screen-demo/node_modules/.pnpm/driver.js@1.3.6/node_modules/driver.js/dist/driver.css";
+import { DEFAULT_OPTIONS as d } from "./attributes-B0TGeGwd.mjs";
+const k = t((r) => {
+  const { options: e, width: _, height: g } = r;
+  return /* @__PURE__ */ a(
+    "div",
+    {
+      style: {
+        width: _,
+        height: g
+      },
+      children: [
+        (e == null ? void 0 : e.value_1) && /* @__PURE__ */ l(
+          "div",
+          {
+            style: {
+              background: e == null ? void 0 : e.background_1,
+              wordBreak: "break-all",
+              textAlign: e == null ? void 0 : e.textAlign_1,
+              color: e == null ? void 0 : e.color_1,
+              fontWeight: e == null ? void 0 : e.fontWeight_1,
+              fontStyle: e == null ? void 0 : e.fontStyle_1,
+              fontSize: e == null ? void 0 : e.fontSize_1,
+              lineHeight: e != null && e.lineHeight_1 ? `${e == null ? void 0 : e.lineHeight_1}px` : void 0
+            },
+            dangerouslySetInnerHTML: {
+              __html: e == null ? void 0 : e.value_1
+            }
+          }
+        ),
+        (e == null ? void 0 : e.value_2) && /* @__PURE__ */ l(
+          "div",
+          {
+            style: {
+              background: e == null ? void 0 : e.background_2,
+              wordBreak: "break-all",
+              textAlign: e == null ? void 0 : e.textAlign_2,
+              color: e == null ? void 0 : e.color_2,
+              fontWeight: e == null ? void 0 : e.fontWeight_2,
+              fontStyle: e == null ? void 0 : e.fontStyle_2,
+              fontSize: e == null ? void 0 : e.fontSize_2,
+              lineHeight: e != null && e.lineHeight_2 ? `${e == null ? void 0 : e.lineHeight_2}px` : void 0
+            },
+            dangerouslySetInnerHTML: {
+              __html: e == null ? void 0 : e.value_2
+            }
+          }
+        )
+      ]
+    }
+  );
+}, d);
+export {
+  k as default
+};

package/es/index-BvMSWX7-.mjs

@@ -0,0 +1,25 @@
+import { jsx as r, Fragment as a } from "/Users/tangjiahui/Desktop/big-screen-demo/node_modules/.pnpm/react@18.3.1/node_modules/react/jsx-runtime.js";
+import { n } from "./index-BVm2ihs2.mjs";
+import "/Users/tangjiahui/Desktop/big-screen-demo/node_modules/.pnpm/localforage@1.10.0/node_modules/localforage/dist/localforage.js";
+import m from "/Users/tangjiahui/Desktop/big-screen-demo/node_modules/.pnpm/react@18.3.1/node_modules/react/index.js";
+import "/Users/tangjiahui/Desktop/big-screen-demo/node_modules/.pnpm/react-dom@18.3.1_react@18.3.1/node_modules/react-dom/index.js";
+import "/Users/tangjiahui/Desktop/big-screen-demo/node_modules/.pnpm/react-dom@18.3.1_react@18.3.1/node_modules/react-dom/client.js";
+import "/Users/tangjiahui/Desktop/big-screen-demo/node_modules/.pnpm/driver.js@1.3.6/node_modules/driver.js/dist/driver.js.mjs";
+import "/Users/tangjiahui/Desktop/big-screen-demo/node_modules/.pnpm/driver.js@1.3.6/node_modules/driver.js/dist/driver.css";
+import { DEFAULT_OPTIONS as c } from "./attributes-DprEERBw.mjs";
+const b = /* @__PURE__ */ Object.assign({ "./assets/base-1.png": () => import("./base-1-Bxyjxg2p.mjs"), "./assets/base-2.png": () => import("./base-2-DwwJwZna.mjs"), "./assets/base-3.png": () => import("./base-3-Cgpni-Ls.mjs"), "./assets/base-4.png": () => import("./base-4-B347HMAK.mjs"), "./assets/bg-theme-1.jpeg": () => import("./bg-theme-1-C6_IGFfb.mjs"), "./assets/bg-theme-2.jpg": () => import("./bg-theme-2-CUzHZf9k.mjs"), "./assets/bg-theme-3.jpg": () => import("./bg-theme-3-D8JmxCmu.mjs"), "./assets/bg-theme-4.jpg": () => import("./bg-theme-4-DSDHPL-t.mjs"), "./assets/bg-theme-5.jpg": () => import("./bg-theme-5-CSy6VFVO.mjs"), "./assets/bg-theme-6.jpg": () => import("./bg-theme-6-rNDMxpbu.mjs"), "./assets/bg-theme-7.jpg": () => import("./bg-theme-7-X9aTr92s.mjs"), "./assets/clock.png": () => import("./clock-DnKpmpR_.mjs"), "./assets/com-bg-1.png": () => import("./com-bg-1-CziqISRC.mjs"), "./assets/com-bg-2.png": () => import("./com-bg-2-CJpBMT0l.mjs"), "./assets/com-bg-3.png": () => import("./com-bg-3--MVO0Zy-.mjs"), "./assets/com-bg-4.png": () => import("./com-bg-4-CtztvOjH.mjs"), "./assets/com-bg-5.png": () => import("./com-bg-5-Dn0jCJgl.mjs"), "./assets/com-bg-6.png": () => import("./com-bg-6-DerMFR5l.mjs"), "./assets/title-1.png": () => import("./title-1-d6ywbVeM.mjs"), "./assets/title-2.png": () => import("./title-2-D71Ygwgt.mjs"), "./assets/title-3.png": () => import("./title-3-X8ry0PXo.mjs"), "./assets/title-4.png": () => import("./title-4-HL43GPvP.mjs") });
+async function h(e) {
+  if (e)
+    return b[`./assets/${e}`]().then((s) => (s == null ? void 0 : s.default) || void 0);
+}
+const O = n((e) => {
+  const { width: s, height: i, options: t } = e, [p, o] = m.useState();
+  return m.useEffect(() => {
+    h(t == null ? void 0 : t.id).then((g) => {
+      o(g);
+    });
+  }, [t == null ? void 0 : t.id]), p ? /* @__PURE__ */ r("img", { style: { width: s, height: i, pointerEvents: "none" }, alt: "预制图片", src: p }) : /* @__PURE__ */ r(a, {});
+}, c);
+export {
+  O as default
+};

package/es/index-C9x-zwVC.mjs

@@ -0,0 +1,139 @@
+import { jsx as o, Fragment as f } from "/Users/tangjiahui/Desktop/big-screen-demo/node_modules/.pnpm/react@18.3.1/node_modules/react/jsx-runtime.js";
+import g, { useState as w, useMemo as m, useEffect as y, useRef as l, Suspense as C } from "/Users/tangjiahui/Desktop/big-screen-demo/node_modules/.pnpm/react@18.3.1/node_modules/react/index.js";
+import { u as R } from "./index-BVm2ihs2.mjs";
+import "/Users/tangjiahui/Desktop/big-screen-demo/node_modules/.pnpm/localforage@1.10.0/node_modules/localforage/dist/localforage.js";
+import "/Users/tangjiahui/Desktop/big-screen-demo/node_modules/.pnpm/react-dom@18.3.1_react@18.3.1/node_modules/react-dom/index.js";
+import "/Users/tangjiahui/Desktop/big-screen-demo/node_modules/.pnpm/react-dom@18.3.1_react@18.3.1/node_modules/react-dom/client.js";
+import "/Users/tangjiahui/Desktop/big-screen-demo/node_modules/.pnpm/driver.js@1.3.6/node_modules/driver.js/dist/driver.js.mjs";
+import "/Users/tangjiahui/Desktop/big-screen-demo/node_modules/.pnpm/driver.js@1.3.6/node_modules/driver.js/dist/driver.css";
+import { d as S, e as v, f as x, h as N, u as H, l as q, c as B, b as P, P as _ } from "./index-DCssRFM_.mjs";
+import $ from "/Users/tangjiahui/Desktop/big-screen-demo/node_modules/.pnpm/classnames@2.5.1/node_modules/classnames/index.js";
+import { u as b } from "./useResizeDom-CwFwXEqh.mjs";
+function k(e) {
+  const [n, t] = w(e == null ? void 0 : e.componentNode), r = (n == null ? void 0 : n.show) ?? !0, { engine: c } = R(), s = m(() => c.component.get(n.cId), [n == null ? void 0 : n.cId, e == null ? void 0 : e.packages]);
+  return y(() => c.componentNode.onChange(n.id, ({ payload: i }) => {
+    t({ ...i });
+  }), []), s && r ? /* @__PURE__ */ o(E, { componentNode: n, component: s }) : /* @__PURE__ */ o(f, {});
+}
+function E(e) {
+  const { component: n, componentNode: t } = e, r = l(), c = l(null), { dataSource: s, requestInstance: i } = S(t), u = v(t.id), a = x(t.id);
+  return N({
+    id: t.id,
+    // 经过实例
+    handleHover() {
+    },
+    // 离开实例
+    handleUnHover() {
+    },
+    // 选中实例样式
+    handleSelected() {
+    },
+    // 取消选中实例样式
+    handleUnSelected() {
+    },
+    // 获取容器dom
+    getContainerDom() {
+      return c.current;
+    },
+    // 获取对应的 componentNode
+    getComponentNode() {
+      return r.current;
+    },
+    // 获取实例的 component
+    getComponent() {
+      return n;
+    },
+    // 重新载入request配置
+    reloadRequest() {
+      i.reload();
+    },
+    // 立刻请求一次
+    request: (d, h) => i.request(d, h)
+  }), /* @__PURE__ */ o(
+    "div",
+    {
+      ref: c,
+      style: {
+        position: "absolute",
+        left: t.x,
+        top: t.y,
+        width: t.width,
+        height: t.height,
+        zIndex: t.level
+      },
+      children: /* @__PURE__ */ o(C, { children: /* @__PURE__ */ o(
+        n.component,
+        {
+          handleTrigger: u,
+          useExpose: a,
+          dataSource: s,
+          componentNode: t,
+          options: t.options,
+          width: t.width,
+          height: t.height
+        }
+      ) })
+    }
+  );
+}
+const I = "_fitScreenBody_1qzud_59", D = {
+  fitScreenBody: I
+};
+function z(e) {
+  const { dw: n = 1920, dh: t = 1080 } = e, r = l(null), c = l(null), s = m(() => n / t, [n, t]);
+  return b(r, () => {
+    if (!r.current || !c.current)
+      return;
+    const i = r.current.getBoundingClientRect();
+    if (i.width / i.height > s) {
+      const a = i.height / t, d = a * n, h = (i.width - d) / 2;
+      c.current.style.transform = `scale(${a}) translate3d(${h / a}px, 0, 0)`;
+    } else {
+      const a = i.width / n;
+      c.current.style.transform = `scale(${a})`;
+    }
+    c.current.style.width = `${n}px`, c.current.style.height = `${t}px`;
+  }), /* @__PURE__ */ o("div", { className: e == null ? void 0 : e.className, ref: r, style: e == null ? void 0 : e.style, children: /* @__PURE__ */ o(
+    "div",
+    {
+      className: $(e == null ? void 0 : e.bodyClassName, D.fitScreenBody),
+      style: e == null ? void 0 : e.bodyStyle,
+      ref: c,
+      children: e == null ? void 0 : e.children
+    }
+  ) });
+}
+const U = "_preview_x6h89_59", j = {
+  preview: U
+};
+function V(e) {
+  const { engine: n, json: t } = e, r = H(), { options: c } = q() || {}, s = B(), i = P(), u = m(() => {
+    var a;
+    return s.length ? (a = i == null ? void 0 : i.map) == null ? void 0 : a.call(i, (d) => /* @__PURE__ */ o(
+      k,
+      {
+        componentNode: d,
+        packages: s
+      },
+      d == null ? void 0 : d.id
+    )) : [];
+  }, [i, s]);
+  return g.useEffect(() => {
+    n.loadJSON(t).then(() => {
+      var a;
+      (a = e == null ? void 0 : e.onJSONLoad) == null || a.call(e);
+    });
+  }, []), /* @__PURE__ */ o(
+    z,
+    {
+      className: j.preview,
+      dw: (r == null ? void 0 : r.width) || 1920,
+      dh: (r == null ? void 0 : r.height) || 1080,
+      style: { background: c == null ? void 0 : c.whiteBoardColor },
+      children: /* @__PURE__ */ o(_, { preview: !0, style: { width: "100%", height: "100%" }, children: u })
+    }
+  );
+}
+export {
+  V as default
+};

package/es/index-CGPWZMnx.mjs

@@ -0,0 +1,101 @@
+import { jsx as b } from "/Users/tangjiahui/Desktop/big-screen-demo/node_modules/.pnpm/react@18.3.1/node_modules/react/jsx-runtime.js";
+import { n as h } from "./index-BVm2ihs2.mjs";
+import "/Users/tangjiahui/Desktop/big-screen-demo/node_modules/.pnpm/localforage@1.10.0/node_modules/localforage/dist/localforage.js";
+import { useState as f, useMemo as g } from "/Users/tangjiahui/Desktop/big-screen-demo/node_modules/.pnpm/react@18.3.1/node_modules/react/index.js";
+import "/Users/tangjiahui/Desktop/big-screen-demo/node_modules/.pnpm/react-dom@18.3.1_react@18.3.1/node_modules/react-dom/index.js";
+import "/Users/tangjiahui/Desktop/big-screen-demo/node_modules/.pnpm/react-dom@18.3.1_react@18.3.1/node_modules/react-dom/client.js";
+import "/Users/tangjiahui/Desktop/big-screen-demo/node_modules/.pnpm/driver.js@1.3.6/node_modules/driver.js/dist/driver.js.mjs";
+import "/Users/tangjiahui/Desktop/big-screen-demo/node_modules/.pnpm/driver.js@1.3.6/node_modules/driver.js/dist/driver.css";
+import { u as d } from "./useEffectOnce-DrBvWFlm.mjs";
+import { R as y } from "./index-D-MRie5y.mjs";
+const n = [
+  "rgb(28, 172, 255)",
+  "rgb(69, 201, 235)",
+  "rgb(69, 201, 235)",
+  "rgb(31, 205, 234)",
+  "rgb(124, 219, 225)",
+  "rgb(172,202,178)",
+  "rgb(184, 140, 212)"
+], w = ["私有化项目", "tjh项目", "xxx项目", "xyz项目", "zz项目", "演示项目", "培训项目"], o = [900, 100, 150, 250, 800, 1100, 200], k = h((l) => {
+  const { width: c, height: m } = l, [a, p] = f(o), u = g(() => ({
+    tooltip: {
+      trigger: "axis",
+      axisPointer: {
+        type: "shadow"
+      }
+    },
+    legend: {
+      show: !1
+    },
+    grid: {
+      top: "3%",
+      left: "3%",
+      right: "4%",
+      bottom: "3%",
+      containLabel: !0
+    },
+    xAxis: {
+      type: "value",
+      boundaryGap: [0, 0.01],
+      splitLine: {
+        show: !1
+      },
+      axisLine: {
+        show: !0
+      },
+      axisLabel: {
+        color: "#b1b1b1"
+      },
+      axisTick: {
+        show: !1
+      }
+    },
+    yAxis: {
+      inverse: !0,
+      // 从上到下，从大到小
+      type: "category",
+      data: w,
+      axisLabel: {
+        color: "#b1b1b1"
+      },
+      axisTick: {
+        show: !1
+      },
+      axisLine: {
+        show: !0
+      }
+    },
+    series: [
+      {
+        name: "人员数量",
+        type: "bar",
+        barWidth: 8,
+        data: a,
+        realtimeSort: !0,
+        // 自动排列
+        itemStyle: {
+          // 颜色循环展示
+          normal: {
+            color: function(t) {
+              return n[t.dataIndex % n.length];
+            }
+          }
+        }
+      }
+    ]
+  }), [a]);
+  return d(() => {
+    function t() {
+      e = e.slice(1).concat(e.slice(0, 1)), p(e.map((s) => o[s]));
+    }
+    let e = Array(o.length).fill(null).map((s, x) => x), r, i = setTimeout(() => {
+      t(), r = setInterval(t, 2e3);
+    }, 500);
+    return () => {
+      i && clearTimeout(i), r && clearInterval(r);
+    };
+  }), /* @__PURE__ */ b(y, { style: { width: c, height: m }, options: u });
+});
+export {
+  k as default
+};

package/es/index-CPJZOGYB.mjs

@@ -0,0 +1,217 @@
+import { jsx as n, jsxs as g } from "/Users/tangjiahui/Desktop/big-screen-demo/node_modules/.pnpm/react@18.3.1/node_modules/react/jsx-runtime.js";
+import { C as l } from "./index-BVm2ihs2.mjs";
+import { I as u } from "./index-CaDgVbYl.mjs";
+import "/Users/tangjiahui/Desktop/big-screen-demo/node_modules/.pnpm/react@18.3.1/node_modules/react/index.js";
+import "/Users/tangjiahui/Desktop/big-screen-demo/node_modules/.pnpm/react-dom@18.3.1_react@18.3.1/node_modules/react-dom/client.js";
+import "/Users/tangjiahui/Desktop/big-screen-demo/node_modules/.pnpm/react-color@2.19.3_react@18.3.1/node_modules/react-color/es/index.js";
+import { I as v, b as C } from "./Line-_Oh8Pbbj.mjs";
+import "/Users/tangjiahui/Desktop/big-screen-demo/node_modules/.pnpm/classnames@2.5.1/node_modules/classnames/index.js";
+import { I as f, a as m } from "./IInputNumber-D1VHHCf0.mjs";
+import { Tooltip as o, Checkbox as h, Slider as b } from "/Users/tangjiahui/Desktop/big-screen-demo/node_modules/.pnpm/antd@4.24.1_react-dom@18.3.1_react@18.3.1__react@18.3.1/node_modules/antd/es/index.js";
+import { ReloadOutlined as x } from "/Users/tangjiahui/Desktop/big-screen-demo/node_modules/.pnpm/@ant-design+icons@5.6.1_react-dom@18.3.1_react@18.3.1__react@18.3.1/node_modules/@ant-design/icons/es/index.js";
+import { useTranslation as r } from "/Users/tangjiahui/Desktop/big-screen-demo/node_modules/.pnpm/react-i18next@15.7.4_i18next@24.2.3_typescript@5.9.3__react-dom@18.3.1_react@18.3.1__react@18.3.1_typescript@5.9.3/node_modules/react-i18next/dist/es/index.js";
+const y = () => {
+  l.register("select", (e) => /* @__PURE__ */ n(
+    u,
+    {
+      style: { width: "100%" },
+      ...e == null ? void 0 : e.options,
+      value: e.value,
+      onChange: e.onChange
+    }
+  ));
+};
+function k(e) {
+  return /* @__PURE__ */ n(
+    u,
+    {
+      ...e,
+      size: "small",
+      allowClear: !0,
+      requestFn: async () => [
+        { label: "细", value: "lighter" },
+        { label: "正常", value: "normal" },
+        { label: "粗", value: "bold" }
+      ],
+      optionRender: (t) => /* @__PURE__ */ n("div", { style: { fontWeight: t == null ? void 0 : t.value }, children: t == null ? void 0 : t.label })
+    }
+  );
+}
+function I(e) {
+  return /* @__PURE__ */ n(
+    u,
+    {
+      ...e,
+      requestFn: async () => [
+        { label: "左对齐", value: "left" },
+        { label: "居中对齐", value: "center" },
+        { label: "右对齐", value: "right" }
+      ]
+    }
+  );
+}
+function d(e) {
+  const [t] = r();
+  return /* @__PURE__ */ n(o, { title: t("reset"), children: /* @__PURE__ */ n(x, { className: "icon_clickable", onClick: e == null ? void 0 : e.onClick }) });
+}
+const S = () => {
+  l.register("input", (e) => /* @__PURE__ */ n(v, { ...e == null ? void 0 : e.options, value: e.value, onChange: e.onChange }));
+}, w = () => {
+  l.register("inputNumber", (e) => /* @__PURE__ */ n(
+    f,
+    {
+      style: { width: "100%" },
+      ...e == null ? void 0 : e.options,
+      value: e.value,
+      onChange: e.onChange
+    }
+  ));
+}, T = () => {
+  l.register("textarea", (e) => /* @__PURE__ */ n(
+    m,
+    {
+      ...e == null ? void 0 : e.options,
+      value: e.value,
+      onChange: e.onChange
+    }
+  ));
+}, N = () => {
+  l.register("fontWeightSelect", (e) => /* @__PURE__ */ n(
+    k,
+    {
+      style: { width: "100%" },
+      ...e == null ? void 0 : e.options,
+      value: e.value,
+      onChange: e.onChange
+    }
+  ));
+}, P = () => {
+  l.register("colorPicker", (e) => {
+    const {
+      defaultColor: t = "white",
+      // 默认颜色（resetColor默认重置此）
+      reset: a,
+      // 是否支持重置
+      resetColor: c
+      // 重置颜色
+    } = (e == null ? void 0 : e.options) || {}, i = /* @__PURE__ */ n(
+      C,
+      {
+        style: { width: "100%" },
+        ...e == null ? void 0 : e.options,
+        value: e.value || t,
+        onChange: e.onChange
+      }
+    );
+    return a ? /* @__PURE__ */ g("div", { style: { display: "flex", alignItems: "center", gap: 6 }, children: [
+      i,
+      /* @__PURE__ */ n(
+        d,
+        {
+          onClick: () => {
+            e.onChange(c || t || "#fff");
+          }
+        }
+      )
+    ] }) : i;
+  });
+}, A = () => {
+  l.register("checkbox", (e) => /* @__PURE__ */ n(
+    h,
+    {
+      ...e == null ? void 0 : e.options,
+      checked: e.value,
+      onChange: (t) => {
+        var a;
+        return (a = e.onChange) == null ? void 0 : a.call(e, t.target.checked);
+      }
+    }
+  ));
+}, B = () => {
+  l.register("checkboxValue", (e) => {
+    const { value: t = "", empty: a = void 0 } = (e == null ? void 0 : e.options) || {};
+    return /* @__PURE__ */ n(
+      h,
+      {
+        ...e == null ? void 0 : e.options,
+        checked: e.value === t,
+        onChange: (c) => {
+          var i;
+          (i = e.onChange) == null || i.call(e, c.target.checked ? t : a);
+        }
+      }
+    );
+  });
+}, F = () => {
+  l.register("textAlignSelect", (e) => /* @__PURE__ */ n(
+    I,
+    {
+      style: { width: "100%" },
+      ...e == null ? void 0 : e.options,
+      value: e.value,
+      onChange: e == null ? void 0 : e.onChange
+    }
+  ));
+}, R = () => {
+  const e = [
+    { label: "主按钮", value: "primary" },
+    { label: "默认", value: "default" },
+    { label: "虚线", value: "dashed" },
+    { label: "幽灵", value: "ghost" },
+    { label: "文字", value: "text" },
+    { label: "链接", value: "link" }
+  ];
+  l.register("antdButtonTypeSelect", (t) => /* @__PURE__ */ n(
+    u,
+    {
+      style: { width: "100%" },
+      ...t == null ? void 0 : t.options,
+      requestFn: async () => e,
+      value: t.value,
+      onChange: t == null ? void 0 : t.onChange
+    }
+  ));
+}, W = () => {
+  l.register("slider", (e) => {
+    const { reset: t = !0 } = e;
+    return /* @__PURE__ */ g(
+      "div",
+      {
+        style: {
+          width: "100%",
+          paddingLeft: 4,
+          display: "flex",
+          alignItems: "center",
+          gap: 8
+        },
+        children: [
+          /* @__PURE__ */ n(
+            b,
+            {
+              style: { flex: 1, margin: "4px 8px" },
+              min: 0,
+              max: 100,
+              ...e == null ? void 0 : e.options,
+              value: e == null ? void 0 : e.value,
+              onChange: e == null ? void 0 : e.onChange
+            }
+          ),
+          t && /* @__PURE__ */ n(
+            d,
+            {
+              onClick: () => {
+                e.onChange(0);
+              }
+            }
+          )
+        ]
+      }
+    );
+  });
+};
+function J() {
+  y(), S(), w(), T(), N(), P(), A(), B(), F(), R(), W();
+}
+export {
+  J as default
+};