h5-Dooring/dist/32.js

(window.webpackJsonp = window.webpackJsonp || []).push([
  [32],
  {
    QR3Y: function(r, i, e) {
      r.exports = e.p + 'static/pie.31be0e63.png';
    },
    Td7I: function(r, i, e) {
      r.exports = { chartWrap: 'chartWrap___NsW4Q', chartTitle: 'chartTitle___3j9w1' };
    },
    zjKH: function(r, i, e) {
      'use strict';
      e.r(i);
      var o = e('k1fw'),
        d = e('4ASp'),
        M = e.n(d),
        l = e('q1tI'),
        s = e.n(l),
        c = e('QR3Y'),
        C = e.n(c),
        P = e('Td7I'),
        u = e.n(P),
        O = n => {
          var m = n.isTpl,
            E = n.data,
            v = n.color,
            R = n.size,
            h = n.paddingTop,
            D = n.title,
            f = Object(l.useRef)(null);
          return (
            Object(l.useEffect)(() => {
              if (!m) {
                var _ = new d.Chart({
                    el: f.current || void 0,
                    pixelRatio: window.devicePixelRatio,
                  }),
                  p = E.map(t =>
                    Object(o.a)(Object(o.a)({}, t), {}, { value: Number(t.value), a: '1' }),
                  );
                _.source(p, {
                  percent: {
                    formatter: function(a) {
                      return a * 100 + '%';
                    },
                  },
                });
                var U = p.reduce((t, a) =>
                  t.name
                    ? Object(o.a)({ [t.name]: t.value }, { [a.name]: a.value })
                    : Object(o.a)(Object(o.a)({}, t), { [a.name]: a.value }),
                );
                _.legend({
                  position: 'right',
                  itemFormatter: function(a) {
                    return a + '  ' + U[a] + '%';
                  },
                }),
                  _.tooltip(!1),
                  _.coord('polar', { transposed: !0, radius: 0.85 }),
                  _.axis(!1),
                  _.interval()
                    .position('a*value')
                    .color('name', [
                      '#1890FF',
                      '#13C2C2',
                      '#2FC25B',
                      '#FACC14',
                      '#00CC99',
                      '#CC3366',
                      '#CC6600',
                      '#CC66CC',
                      '#FF3366',
                      '#0066CC',
                    ])
                    .adjust('stack')
                    .style({ lineWidth: 1, stroke: '#fff', lineJoin: 'round', lineCap: 'round' })
                    .animate({ appear: { duration: 1200, easing: 'bounceOut' } }),
                  _.render();
              }
            }, [E, m]),
            s.a.createElement(
              'div',
              { className: u.a.chartWrap },
              s.a.createElement(
                'div',
                { className: u.a.chartTitle, style: { color: v, fontSize: R, paddingTop: h } },
                D,
              ),
              m
                ? s.a.createElement('img', { src: C.a, alt: 'dooring chart' })
                : s.a.createElement('canvas', { ref: f }),
            )
          );
        };
      i.default = Object(l.memo)(O);
    },
  },
]);

//# sourceMappingURL=32.js.map