onesight-charts 2.0.2 → 2.0.4

package/es/components/gauge/demo/base.js

@@ -0,0 +1,41 @@
+import React from 'react';
+import Gauge from "../index";
+function App() {
+  return /*#__PURE__*/React.createElement("div", {
+    style: {
+      display: 'flex',
+      gap: 24,
+      flexWrap: 'wrap'
+    }
+  }, /*#__PURE__*/React.createElement("div", {
+    style: {
+      width: 360,
+      height: 322
+    }
+  }, /*#__PURE__*/React.createElement(Gauge, {
+    value: 12
+  })), /*#__PURE__*/React.createElement("div", {
+    style: {
+      width: 360,
+      height: 322
+    }
+  }, /*#__PURE__*/React.createElement(Gauge, {
+    value: -68
+  })), /*#__PURE__*/React.createElement("div", {
+    style: {
+      width: 360,
+      height: 322
+    }
+  }, /*#__PURE__*/React.createElement(Gauge, {
+    value: 85
+  })), /*#__PURE__*/React.createElement("div", {
+    style: {
+      width: 360,
+      height: 322
+    }
+  }, /*#__PURE__*/React.createElement(Gauge, {
+    value: 0,
+    showInfo: false
+  })));
+}
+export default App;

package/es/components/gauge/index.js

@@ -0,0 +1,371 @@
+function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : String(i); }
+function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
+import React from 'react';
+import { Tooltip } from 'antd';
+import "./style.scss";
+
+/**
+ * 仪表盘 Gauge
+ * 一个纯展示型的组件：接收 -100 ~ 100 之间的分值，
+ * 用半环形仪表盘 + 指针 + 底部标签展示情绪/得分。
+ */
+function Gauge(props) {
+  var _props$width = props.width,
+    width = _props$width === void 0 ? '100%' : _props$width,
+    _props$height = props.height,
+    height = _props$height === void 0 ? '100%' : _props$height,
+    _props$value = props.value,
+    value = _props$value === void 0 ? 0 : _props$value,
+    _props$min = props.min,
+    min = _props$min === void 0 ? -100 : _props$min,
+    _props$max = props.max,
+    max = _props$max === void 0 ? 100 : _props$max,
+    _props$positiveThresh = props.positiveThreshold,
+    positiveThreshold = _props$positiveThresh === void 0 ? 0 : _props$positiveThresh,
+    _props$negativeThresh = props.negativeThreshold,
+    negativeThreshold = _props$negativeThresh === void 0 ? 0 : _props$negativeThresh,
+    label = props.label,
+    _props$showTag = props.showTag,
+    showTag = _props$showTag === void 0 ? true : _props$showTag,
+    _props$showInfo = props.showInfo,
+    showInfo = _props$showInfo === void 0 ? true : _props$showInfo,
+    colorProp = props.colors,
+    onInfoClick = props.onInfoClick,
+    _props$tip = props.tip,
+    tip = _props$tip === void 0 ? '' : _props$tip;
+  var colors = _objectSpread({
+    negative: '#EF7B7B',
+    positive: '#4CBFA6',
+    neutral: '#9CA3AF',
+    arcMiddle: '#ECECEC',
+    tick: '#D4D4D4',
+    pointer: '#D2D3D7'
+  }, colorProp || {});
+
+  // 数值处理
+  var clamped = Math.max(min, Math.min(max, Number(value) || 0));
+  // 指针角度：min -> -90°，max -> +90°
+  var pointerAngle = (clamped - min) / (max - min) * 180 - 90;
+
+  // 情绪判定
+  var mood = getMood(clamped, positiveThreshold, negativeThreshold, colors);
+  var displayLabel = label !== null && label !== void 0 ? label : mood.label;
+
+  // 数值颜色
+  var valueColor = clamped > 0 ? colors.positive : clamped < 0 ? colors.negative : colors.neutral;
+
+  // 坐标常量
+  var VB_W = 400;
+  var VB_H = 230;
+  var CX = 200;
+  var CY = 210;
+  var OUTER_R = 180;
+  var INNER_R = 152;
+  var EMOJI_R = (OUTER_R + INNER_R) / 2;
+
+  // 极坐标 -> 直角坐标（0° 指向正上，顺时针为正）
+  var pt = function pt(r, deg) {
+    var rad = deg * Math.PI / 180;
+    return {
+      x: CX + r * Math.sin(rad),
+      y: CY - r * Math.cos(rad)
+    };
+  };
+
+  // 半环形路径
+  var so = pt(OUTER_R, -90);
+  var eo = pt(OUTER_R, 90);
+  var si = pt(INNER_R, -90);
+  var ei = pt(INNER_R, 90);
+  var arcPath = "M ".concat(so.x, " ").concat(so.y, " ") + "A ".concat(OUTER_R, " ").concat(OUTER_R, " 0 0 1 ").concat(eo.x, " ").concat(eo.y, " ") + "L ".concat(ei.x, " ").concat(ei.y, " ") + "A ".concat(INNER_R, " ").concat(INNER_R, " 0 0 0 ").concat(si.x, " ").concat(si.y, " Z");
+
+  // 刻度
+  var TICK_COUNT = 31;
+  var EMOJI_ANGLES = [-60, 0, 60];
+  var ticks = [];
+  var _loop = function _loop() {
+    var angle = -90 + i * 180 / (TICK_COUNT - 1);
+    // 表情附近让出空间
+    if (EMOJI_ANGLES.some(function (a) {
+      return Math.abs(angle - a) < 7;
+    })) return 1; // continue
+    var p1 = pt(INNER_R - 4, angle);
+    var p2 = pt(INNER_R - 14, angle);
+    ticks.push({
+      p1: p1,
+      p2: p2,
+      key: i
+    });
+  };
+  for (var i = 0; i < TICK_COUNT; i++) {
+    if (_loop()) continue;
+  }
+
+  // 三个表情位置
+  var emojis = [{
+    angle: -60,
+    mood: 'sad'
+  }, {
+    angle: 0,
+    mood: 'neutral'
+  }, {
+    angle: 60,
+    mood: 'happy'
+  }];
+  var label0Pos = pt(EMOJI_R - 28, 0);
+  var labelMinPos = pt(OUTER_R, -90);
+  var labelMaxPos = pt(OUTER_R, 90);
+  return /*#__PURE__*/React.createElement("div", {
+    className: "onesight-gauge",
+    style: {
+      width: width,
+      height: height
+    }
+  }, /*#__PURE__*/React.createElement("div", {
+    className: "onesight-gauge__inner"
+  }, /*#__PURE__*/React.createElement("svg", {
+    viewBox: "0 0 ".concat(VB_W, " ").concat(VB_H),
+    preserveAspectRatio: "xMidYMid meet",
+    xmlns: "http://www.w3.org/2000/svg",
+    className: "onesight-gauge__svg"
+  }, /*#__PURE__*/React.createElement("defs", null, /*#__PURE__*/React.createElement("linearGradient", {
+    id: "onesight-gauge-arc",
+    x1: "0",
+    y1: "0",
+    x2: "1",
+    y2: "0"
+  }, /*#__PURE__*/React.createElement("stop", {
+    offset: "0%",
+    stopColor: colors.negative
+  }), /*#__PURE__*/React.createElement("stop", {
+    offset: "18%",
+    stopColor: colors.negative
+  }), /*#__PURE__*/React.createElement("stop", {
+    offset: "38%",
+    stopColor: "#F5C7C7"
+  }), /*#__PURE__*/React.createElement("stop", {
+    offset: "50%",
+    stopColor: colors.arcMiddle
+  }), /*#__PURE__*/React.createElement("stop", {
+    offset: "62%",
+    stopColor: "#BFE3D8"
+  }), /*#__PURE__*/React.createElement("stop", {
+    offset: "82%",
+    stopColor: colors.positive
+  }), /*#__PURE__*/React.createElement("stop", {
+    offset: "100%",
+    stopColor: colors.positive
+  }))), /*#__PURE__*/React.createElement("path", {
+    d: arcPath,
+    fill: "url(#onesight-gauge-arc)"
+  }), ticks.map(function (t) {
+    return /*#__PURE__*/React.createElement("line", {
+      key: t.key,
+      x1: t.p1.x,
+      y1: t.p1.y,
+      x2: t.p2.x,
+      y2: t.p2.y,
+      stroke: colors.tick,
+      strokeWidth: 1.5,
+      strokeLinecap: "round"
+    });
+  }), emojis.map(function (e) {
+    var c = pt(EMOJI_R, e.angle);
+    return /*#__PURE__*/React.createElement(MoodFace, {
+      key: e.mood,
+      mood: e.mood,
+      size: 18,
+      color: '#ffffff',
+      x: c.x - 10,
+      y: c.y - 10
+    });
+  }), /*#__PURE__*/React.createElement("text", {
+    // x={labelMinPos.x + 16}
+    x: 72
+    // y={labelMinPos.y + 20}
+    ,
+    y: 214,
+    fill: colors.negative,
+    fontSize: "14",
+    fontWeight: "500",
+    textAnchor: "middle"
+  }, min), /*#__PURE__*/React.createElement("text", {
+    x: CX,
+    y: label0Pos.y,
+    fill: "#666",
+    fontSize: "14",
+    textAnchor: "middle"
+  }, "0"), /*#__PURE__*/React.createElement("text", {
+    x: 322,
+    y: 214,
+    fill: colors.positive,
+    fontSize: "14",
+    fontWeight: "500",
+    textAnchor: "middle"
+  }, max), /*#__PURE__*/React.createElement("g", {
+    transform: "rotate(".concat(pointerAngle, " ").concat(CX, " ").concat(CY, ")")
+  }, /*#__PURE__*/React.createElement("path", {
+    d: "M ".concat(CX - 4, " ").concat(CY - 79, " ") + "A 4 4 0 0 1 ".concat(CX + 4, " ").concat(CY - 79, " ") + "L ".concat(CX + 11, " ").concat(CY, " ") + "L ".concat(CX - 11, " ").concat(CY, " Z"),
+    fill: colors.pointer
+  }), /*#__PURE__*/React.createElement("circle", {
+    cx: 200,
+    cy: 208,
+    r: 11,
+    fill: colors.pointer
+  }), /*#__PURE__*/React.createElement("circle", {
+    cx: CX,
+    cy: 208,
+    r: 5.5,
+    fill: "#ffffff"
+  }))), /*#__PURE__*/React.createElement("div", {
+    className: "onesight-gauge__value",
+    style: {
+      color: valueColor
+    }
+  }, clamped), showTag && /*#__PURE__*/React.createElement("div", {
+    className: "onesight-gauge__tag",
+    style: {
+      borderColor: mood.color,
+      color: mood.color,
+      backgroundColor: withAlpha(mood.color, 0.08)
+    }
+  }, /*#__PURE__*/React.createElement("span", {
+    className: "onesight-gauge__tag-icon"
+  }, /*#__PURE__*/React.createElement(MoodFace, {
+    mood: mood.face,
+    size: 16
+  })), /*#__PURE__*/React.createElement("span", {
+    className: "onesight-gauge__tag-label"
+  }, displayLabel), showInfo && /*#__PURE__*/React.createElement(Tooltip, {
+    title: tip
+  }, /*#__PURE__*/React.createElement("span", {
+    className: "onesight-gauge__tag-info",
+    onClick: onInfoClick,
+    role: onInfoClick ? 'button' : undefined
+  }, /*#__PURE__*/React.createElement(InfoIcon, {
+    color: mood.color
+  }))))));
+}
+
+/* ------------ 内部小组件 ------------ */
+
+/**
+ * 三种情绪表情的默认填充色与 path 数据（14x14 视口）
+ */
+var MOOD_FACE_CONFIG = {
+  happy: {
+    fill: '#1DA9A0',
+    d: 'M7,0 C10.8654,0 14,3.1339 14,7 C14,10.8661 10.8654,14 7,14 C3.1346,14 0,10.8661 0,7 C0,3.1339 3.1346,0 7,0 Z M9.8875,8.52684 L4.1125,8.52684 C3.8094,8.52684 3.577,8.81594 3.6603,9.10714 C4.0453,10.44414 5.3928,11.43254 7,11.43254 C8.6072,11.43254 9.9547,10.44414 10.3397,9.10714 C10.423,8.81594 10.1906,8.52684 9.8875,8.52684 Z M4.59606,4.67124 C4.11866,4.67124 3.73086,5.05764 3.73086,5.53574 C3.73086,6.01314 4.11866,6.40024 4.59606,6.40024 C5.07346,6.40024 5.46056,6.01314 5.46056,5.53574 C5.46056,5.05764 5.07346,4.67124 4.59606,4.67124 Z M9.40443,4.67124 C8.92633,4.67124 8.53923,5.05764 8.53923,5.53574 C8.53923,6.01314 8.92633,6.40024 9.40443,6.40024 C9.88113,6.40024 10.26893,6.01314 10.26893,5.53574 C10.26893,5.05764 9.88113,4.67124 9.40443,4.67124 Z'
+  },
+  sad: {
+    fill: '#EE6666',
+    d: 'M7,0 C10.8661,0 14,3.1339 14,7 C14,10.8661 10.8661,14 7,14 C3.1346,14 0,10.8661 0,7 C0,3.1339 3.1346,0 7,0 Z M7.82369,8.19399 C6.32919,7.88249 4.76749,8.45789 3.83439,9.65839 C3.66849,9.87189 3.70699,10.17989 3.92049,10.34649 C4.13469,10.51169 4.44199,10.47459 4.60789,10.25969 C5.31349,9.35249 6.49789,8.91779 7.62279,9.15299 C8.32279,9.29929 8.95069,9.69199 9.39169,10.25969 C9.48829,10.38429 9.63319,10.4494007 9.77949,10.4494007 C9.88379,10.4494007 9.99019,10.41579 10.07979,10.34649 C10.29259,10.17989 10.33179,9.87259 10.16589,9.65839 C9.58209,8.90729 8.74979,8.38719 7.82369,8.19399 Z M4.59669,4.67124 C4.11859,4.67124 3.73149,5.05764 3.73149,5.53574 C3.73149,6.01314 4.11859,6.40024 4.59669,6.40024 C5.07339,6.40024 5.46119,6.01314 5.46119,5.53574 C5.46119,5.05764 5.07339,4.67124 4.59669,4.67124 Z M9.40443,4.67124 C8.92633,4.67124 8.53923,5.05764 8.53923,5.53574 C8.53923,6.01314 8.92633,6.40024 9.40443,6.40024 C9.88113,6.40024 10.26893,6.01314 10.26893,5.53574 C10.26893,5.05764 9.88113,4.67124 9.40443,4.67124 Z'
+  },
+  neutral: {
+    fill: '#CCCCCC',
+    d: 'M7,0 C10.8661,0 14,3.1339 14,7 C14,10.8661 10.8661,14 7,14 C3.1346,14 0,10.8661 0,7 C0,3.1339 3.1346,0 7,0 Z M9.17728,9.41962 L4.82328,9.41962 C4.51458,9.41962 4.26328,9.67022 4.26328,9.97962 C4.26328,10.28902 4.51458,10.53962 4.82328,10.53962 L9.17728,10.53962 C9.48598,10.53962 9.73728,10.28902 9.73728,9.97962 C9.73728,9.67022 9.48598,9.41962 9.17728,9.41962 Z M4.59676,4.67124 C4.11866,4.67124 3.73156,5.05764 3.73156,5.53574 C3.73156,6.01314 4.11866,6.40024 4.59676,6.40024 C5.07416,6.40024 5.46126,6.01314 5.46126,5.53574 C5.46126,5.05764 5.07416,4.67124 4.59676,4.67124 Z M9.40443,4.67124 C8.92633,4.67124 8.53923,5.05764 8.53923,5.53574 C8.53923,6.01314 8.92633,6.40024 9.40443,6.40024 C9.88183,6.40024 10.26893,6.01314 10.26893,5.53574 C10.26893,5.05764 9.88183,4.67124 9.40443,4.67124 Z'
+  }
+};
+
+/**
+ * 情绪表情组件
+ *
+ * @param {'happy'|'sad'|'neutral'} mood 情绪类型
+ * @param {number} [size=16]             渲染尺寸（像素）
+ * @param {string} [color]               覆盖默认填充色，不传则使用 MOOD_FACE_CONFIG 中的默认色
+ * @param {number} [x]                   svg 元素 x 坐标（嵌入到外层 svg 中时使用）
+ * @param {number} [y]                   svg 元素 y 坐标（嵌入到外层 svg 中时使用）
+ */
+function MoodFace(_ref) {
+  var mood = _ref.mood,
+    _ref$size = _ref.size,
+    size = _ref$size === void 0 ? 16 : _ref$size,
+    color = _ref.color,
+    x = _ref.x,
+    y = _ref.y;
+  var cfg = MOOD_FACE_CONFIG[mood] || MOOD_FACE_CONFIG.neutral;
+  var fill = color || cfg.fill;
+  var svgProps = {
+    width: size,
+    height: size,
+    viewBox: '0 0 14 14',
+    'aria-hidden': true
+  };
+  if (x !== undefined) svgProps.x = x;
+  if (y !== undefined) svgProps.y = y;
+  return /*#__PURE__*/React.createElement("svg", svgProps, /*#__PURE__*/React.createElement("g", {
+    stroke: "none",
+    strokeWidth: "1",
+    fill: "none",
+    fillRule: "evenodd"
+  }, /*#__PURE__*/React.createElement("g", {
+    fill: fill
+  }, /*#__PURE__*/React.createElement("path", {
+    d: cfg.d
+  }))));
+}
+function InfoIcon(_ref2) {
+  var color = _ref2.color;
+  return /*#__PURE__*/React.createElement("svg", {
+    width: "14",
+    height: "14",
+    viewBox: "0 0 14 14",
+    "aria-hidden": "true"
+  }, /*#__PURE__*/React.createElement("circle", {
+    cx: "7",
+    cy: "7",
+    r: "6",
+    stroke: color,
+    strokeWidth: "1.1",
+    fill: "none"
+  }), /*#__PURE__*/React.createElement("circle", {
+    cx: "7",
+    cy: "4.3",
+    r: "0.9",
+    fill: color
+  }), /*#__PURE__*/React.createElement("line", {
+    x1: "7",
+    y1: "6.4",
+    x2: "7",
+    y2: "10.2",
+    stroke: color,
+    strokeWidth: "1.2",
+    strokeLinecap: "round"
+  }));
+}
+
+/* ------------ 工具函数 ------------ */
+
+function getMood(v, posT, negT, colors) {
+  if (v > posT) return {
+    label: '积极',
+    color: colors.positive,
+    face: 'happy'
+  };
+  if (v < negT) return {
+    label: '消极',
+    color: colors.negative,
+    face: 'sad'
+  };
+  return {
+    label: '中性',
+    color: colors.neutral,
+    face: 'neutral'
+  };
+}
+function withAlpha(hex, alpha) {
+  var h = String(hex || '').replace('#', '');
+  if (h.length === 3) h = h.split('').map(function (c) {
+    return c + c;
+  }).join('');
+  if (h.length !== 6) return hex;
+  var r = parseInt(h.substring(0, 2), 16);
+  var g = parseInt(h.substring(2, 4), 16);
+  var b = parseInt(h.substring(4, 6), 16);
+  return "rgba(".concat(r, ", ").concat(g, ", ").concat(b, ", ").concat(alpha, ")");
+}
+export default Gauge;

package/es/components/gauge/style.scss

@@ -0,0 +1,67 @@
+.onesight-gauge {
+  width: 100%;
+  height: 100%;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+
+  &__inner {
+    width: 100%;
+    max-width: 640px;
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+  }
+
+  &__svg {
+    width: 100%;
+    height: auto;
+    display: block;
+  }
+
+  &__value {
+    margin-top: 4px;
+    font-size: 28px;
+    font-weight: 700;
+    line-height: 1;
+    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
+  }
+
+  &__tag {
+    margin-top: 12px;
+    display: inline-flex;
+    align-items: center;
+    gap: 6px;
+    padding: 3px 10px 3px 4px;
+    border: 1px solid;
+    border-radius: 999px;
+    font-size: 13px;
+    line-height: 1;
+
+    &-icon {
+      width: 20px;
+      height: 20px;
+      border-radius: 50%;
+      display: inline-flex;
+      align-items: center;
+      justify-content: center;
+      flex-shrink: 0;
+    }
+
+    &-label {
+      font-weight: 500;
+    }
+
+    &-info {
+      display: inline-flex;
+      align-items: center;
+      cursor: pointer;
+      opacity: 0.85;
+      transition: opacity 0.2s;
+
+      &:hover {
+        opacity: 1;
+      }
+    }
+  }
+}

package/es/components/vertical-stacked-bar/index.js

@@ -919,6 +919,38 @@ function VerticalStackedBar(props) {
         dataIndex: event.dataIndex
       });
       currentIndex = event.dataIndex;
+
+      // 首次 showTip 后 ECharts 才会创建 tooltip DOM
+      // 给 tooltip DOM 绑定一次鼠标进出事件：
+      // - 鼠标进入自定义 tooltip 时，隐藏 axisPointer 阴影
+      // - 鼠标离开时，ECharts 会自行隐藏 tooltip，同时把阴影也置为透明
+      setTimeout(function () {
+        var chartDom = myChart.getDom();
+        var parentElement = (chartDom === null || chartDom === void 0 ? void 0 : chartDom.parentElement) || chartDom;
+        var tooltipEl = parentElement === null || parentElement === void 0 ? void 0 : parentElement.querySelector(".".concat(tooltipClassNameRef.current));
+        if (tooltipEl && !tooltipEl.dataset.axisPointerBound) {
+          tooltipEl.addEventListener('mouseenter', function () {
+            toggleAxisPointer(myChart, false);
+          });
+          tooltipEl.addEventListener('mouseleave', function () {
+            toggleAxisPointer(myChart, false);
+            myChart.dispatchAction({
+              type: 'hideTip'
+            });
+            myChart.dispatchAction({
+              type: 'downplay',
+              dataIndex: currentIndex
+            });
+          });
+          tooltipEl.dataset.axisPointerBound = 'true';
+        }
+      }, 0);
+    });
+
+    // tooltip 隐藏时，重置 axisPointer 阴影为透明，避免残留
+    myChart.off('hideTip');
+    myChart.on('hideTip', function () {
+      toggleAxisPointer(myChart, false);
     });
     myChart.setOption(option, true);
 

package/es/index.js

@@ -7,6 +7,7 @@ export { default as Pie } from "./components/pie";
 export { default as RadioTabs } from "./components/radio-tabs";
 export { default as StackedBar } from "./components/stacked-bar";
 export { default as StandardCustomLine } from "./components/standard-custom-line";
+export { default as Gauge } from "./components/gauge";
 export { default as StandardLine } from "./components/standard-line";
 export { default as VerticalStackedBar } from "./components/vertical-stacked-bar";
 export { default as WordCloud } from "./components/word-cloud";

package/lib/components/gauge/demo/base.js

@@ -0,0 +1,40 @@
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/components/gauge/demo/base.jsx
+var base_exports = {};
+__export(base_exports, {
+  default: () => base_default
+});
+module.exports = __toCommonJS(base_exports);
+var import_react = __toESM(require("react"));
+var import__ = __toESM(require("../index"));
+function App() {
+  return /* @__PURE__ */ import_react.default.createElement("div", { style: { display: "flex", gap: 24, flexWrap: "wrap" } }, /* @__PURE__ */ import_react.default.createElement("div", { style: { width: 360, height: 322 } }, /* @__PURE__ */ import_react.default.createElement(import__.default, { value: 12 })), /* @__PURE__ */ import_react.default.createElement("div", { style: { width: 360, height: 322 } }, /* @__PURE__ */ import_react.default.createElement(import__.default, { value: -68 })), /* @__PURE__ */ import_react.default.createElement("div", { style: { width: 360, height: 322 } }, /* @__PURE__ */ import_react.default.createElement(import__.default, { value: 85 })), /* @__PURE__ */ import_react.default.createElement("div", { style: { width: 360, height: 322 } }, /* @__PURE__ */ import_react.default.createElement(import__.default, { value: 0, showInfo: false })));
+}
+var base_default = App;