🎨 improve doc

2025-12-11 01:12:49 +00:00 · 2021-06-21 23:47:23 +08:00 · 2021-06-21 23:47:23 +08:00 · cd5467ae77
commit cd5467ae77
parent 5471509fe8
360 changed files with 388213 additions and 7 deletions
--- a/.umirc.ts
+++ b/.umirc.ts
@ -10,7 +10,7 @@ export default defineConfig({
  },
  devtool: 'source-map',
  antd: {},
-  title: '趣谈前端-h5-dooring',
+  title: 'h5-dooring',
  // exportStatic: {},
  base: '/',
  publicPath: '/',
--- a/dist/0.js
+++ b/dist/0.js
--- a/dist/0.js.map
+++ b/dist/0.js.map
--- a/dist/1.chunk.css
+++ b/dist/1.chunk.css
@ -0,0 +1 @@
+.za-carousel{position:relative;overflow:hidden}.za-carousel__item{display:inline-block;width:100%;height:100%}.za-carousel__pagination{position:absolute}.za-carousel__pagination__item{background:var(--carousel-pagination-rect-color);cursor:pointer;border-radius:var(--carousel-pagination-rect-border-radius)}.za-carousel__pagination__item--active{background:var(--carousel-pagination-rect-color-active)}.za-carousel--horizontal .za-carousel__items{will-change:transform;white-space:nowrap}.za-carousel--horizontal .za-carousel__pagination{left:50%;bottom:var(--carousel-pagination-distance);transform:translate3d(-50%,0,0)}.za-carousel--horizontal .za-carousel__pagination__item{display:inline-block;width:var(--carousel-pagination-rect-width);height:var(--carousel-pagination-rect-height)}.za-carousel--horizontal .za-carousel__pagination__item:not(:last-child){margin-right:var(--carousel-pagination-rect-step)}.za-carousel--vertical .za-carousel__pagination{top:50%;right:var(--carousel-pagination-distance);transform:translate3d(0,-50%,0)}.za-carousel--vertical .za-carousel__pagination__item{width:var(--carousel-pagination-rect-height);height:var(--carousel-pagination-rect-width)}.za-carousel--vertical .za-carousel__pagination__item:not(:last-child){margin-bottom:var(--carousel-pagination-rect-step)}.za-tabs__header{position:relative;overflow:hidden}.za-tabs__tablist{position:relative;margin:0;padding:0;list-style-type:none}.za-tabs__panel{display:none;position:relative;transition:height .3s;height:100%}.za-tabs__panel--active{display:block}.za-tabs__tab{flex:1 1;text-align:center;color:var(--color-text);font-size:var(--tabs-item-font-size);overflow:hidden;white-space:nowrap;text-overflow:ellipsis;cursor:pointer}.za-tabs__tab--disabled{color:var(--color-text-disabled);cursor:not-allowed}.za-tabs__line{position:absolute;transition:transform .3s ease-out;background-color:var(--theme-primary)}.za-tabs__line__inner{display:block;margin:auto;height:100%;background-color:var(--theme-primary)}.za-tabs--scroll .za-tabs__tablist::-webkit-scrollbar{display:none}.za-tabs--horizontal .za-tabs__header{width:100%}.za-tabs--horizontal .za-tabs__header:after{content:"";pointer-events:none;position:absolute;width:100%;height:100%;left:0;top:0;border-radius:0;border-bottom:1px solid var(--border-color)}@media(-webkit-min-device-pixel-ratio:2),(min-resolution:2dppx){.za-tabs--horizontal .za-tabs__header:after{width:200%;height:200%;transform:scale(.5);transform-origin:0 0;border-radius:0}}.za-tabs--horizontal .za-tabs__tablist{display:flex;height:var(--tabs-height);line-height:var(--tabs-height)}.za-tabs--horizontal .za-tabs__line{height:var(--tabs-line-height);left:0;bottom:0}.za-tabs--horizontal.za-tabs--scroll .za-tabs__tablist{overflow-x:auto}.za-tabs--horizontal.za-tabs--scroll .za-tabs__tab{overflow:visible;padding:0 var(--tabs-item-horizontal-padding)}.za-tabs--vertical{display:flex;flex-direction:row}.za-tabs--vertical .za-tabs__header:after{content:"";pointer-events:none;position:absolute;width:100%;height:100%;left:0;top:0;border-radius:0;border-right:1px solid var(--border-color)}@media(-webkit-min-device-pixel-ratio:2),(min-resolution:2dppx){.za-tabs--vertical .za-tabs__header:after{width:200%;height:200%;transform:scale(.5);transform-origin:0 0;border-radius:0}}.za-tabs--vertical .za-tabs__tablist{height:100%}.za-tabs--vertical .za-tabs__tab{text-align:center;padding:var(--tabs-item-vertical-padding) var(--tabs-item-horizontal-padding)}.za-tabs--vertical .za-tabs__line{width:var(--tabs-line-height);top:0;right:0}.za-tabs--vertical .za-tabs__body{flex:1 1;position:relative}.za-tabs--vertical.za-tabs--scroll .za-tabs__tablist{overflow-y:auto}
--- a/dist/1.js
+++ b/dist/1.js
--- a/dist/1.js.map
+++ b/dist/1.js.map
--- a/dist/10.chunk.css
+++ b/dist/10.chunk.css
--- a/dist/10.js
+++ b/dist/10.js
@ -0,0 +1,532 @@
+(window.webpackJsonp = window.webpackJsonp || []).push([
+  [10],
+  {
+    '/mF5': function(E, u, l) {
+      'use strict';
+      l('1Ywk'), l('8Zyw'), l('85CK');
+    },
+    '85CK': function(E, u, l) {},
+    '8Zyw': function(E, u, l) {
+      'use strict';
+      l('1Ywk'), l('f+WC');
+    },
+    'f+WC': function(E, u, l) {},
+    r9WC: function(E, u, l) {
+      'use strict';
+      Object.defineProperty(u, '__esModule', { value: !0 }), (u.default = void 0);
+      var c = m(l('q1tI')),
+        C = x(l('TSYQ')),
+        I = x(l('tOMI'));
+      function x(e) {
+        return e && e.__esModule ? e : { default: e };
+      }
+      function S() {
+        if (typeof WeakMap != 'function') return null;
+        var e = new WeakMap();
+        return (
+          (S = function() {
+            return e;
+          }),
+          e
+        );
+      }
+      function m(e) {
+        if (e && e.__esModule) return e;
+        if (e === null || (v(e) !== 'object' && typeof e != 'function')) return { default: e };
+        var t = S();
+        if (t && t.has(e)) return t.get(e);
+        var n = {},
+          a = Object.defineProperty && Object.getOwnPropertyDescriptor;
+        for (var i in e)
+          if (Object.prototype.hasOwnProperty.call(e, i)) {
+            var o = a ? Object.getOwnPropertyDescriptor(e, i) : null;
+            o && (o.get || o.set) ? Object.defineProperty(n, i, o) : (n[i] = e[i]);
+          }
+        return (n.default = e), t && t.set(e, n), n;
+      }
+      function v(e) {
+        return (
+          typeof Symbol == 'function' && typeof Symbol.iterator == 'symbol'
+            ? (v = function(n) {
+                return typeof n;
+              })
+            : (v = function(n) {
+                return n &&
+                  typeof Symbol == 'function' &&
+                  n.constructor === Symbol &&
+                  n !== Symbol.prototype
+                  ? 'symbol'
+                  : typeof n;
+              }),
+          v(e)
+        );
+      }
+      function _() {
+        return (
+          (_ =
+            Object.assign ||
+            function(e) {
+              for (var t = 1; t < arguments.length; t++) {
+                var n = arguments[t];
+                for (var a in n) Object.prototype.hasOwnProperty.call(n, a) && (e[a] = n[a]);
+              }
+              return e;
+            }),
+          _.apply(this, arguments)
+        );
+      }
+      function d(e, t, n) {
+        return (
+          t in e
+            ? Object.defineProperty(e, t, {
+                value: n,
+                enumerable: !0,
+                configurable: !0,
+                writable: !0,
+              })
+            : (e[t] = n),
+          e
+        );
+      }
+      function O(e, t) {
+        if (e == null) return {};
+        var n = D(e, t),
+          a,
+          i;
+        if (Object.getOwnPropertySymbols) {
+          var o = Object.getOwnPropertySymbols(e);
+          for (i = 0; i < o.length; i++) {
+            if (((a = o[i]), t.indexOf(a) >= 0)) continue;
+            if (!Object.prototype.propertyIsEnumerable.call(e, a)) continue;
+            n[a] = e[a];
+          }
+        }
+        return n;
+      }
+      function D(e, t) {
+        if (e == null) return {};
+        var n = {},
+          a = Object.keys(e),
+          i,
+          o;
+        for (o = 0; o < a.length; o++) {
+          if (((i = a[o]), t.indexOf(i) >= 0)) continue;
+          n[i] = e[i];
+        }
+        return n;
+      }
+      function T(e, t) {
+        if (!(e instanceof t)) throw new TypeError('Cannot call a class as a function');
+      }
+      function N(e, t) {
+        for (var n = 0; n < t.length; n++) {
+          var a = t[n];
+          (a.enumerable = a.enumerable || !1),
+            (a.configurable = !0),
+            'value' in a && (a.writable = !0),
+            Object.defineProperty(e, a.key, a);
+        }
+      }
+      function W(e, t, n) {
+        return t && N(e.prototype, t), n && N(e, n), e;
+      }
+      function k(e, t) {
+        return t && (v(t) === 'object' || typeof t == 'function') ? t : s(e);
+      }
+      function s(e) {
+        if (e === void 0)
+          throw new ReferenceError("this hasn't been initialised - super() hasn't been called");
+        return e;
+      }
+      function R(e) {
+        return (
+          (R = Object.setPrototypeOf
+            ? Object.getPrototypeOf
+            : function(n) {
+                return n.__proto__ || Object.getPrototypeOf(n);
+              }),
+          R(e)
+        );
+      }
+      function q(e, t) {
+        if (typeof t != 'function' && t !== null)
+          throw new TypeError('Super expression must either be null or a function');
+        (e.prototype = Object.create(t && t.prototype, {
+          constructor: { value: e, writable: !0, configurable: !0 },
+        })),
+          t && b(e, t);
+      }
+      function b(e, t) {
+        return (
+          (b =
+            Object.setPrototypeOf ||
+            function(a, i) {
+              return (a.__proto__ = i), a;
+            }),
+          b(e, t)
+        );
+      }
+      var r = (function(e) {
+        q(t, e);
+        function t() {
+          var n, a;
+          T(this, t);
+          for (var i = arguments.length, o = new Array(i), f = 0; f < i; f++) o[f] = arguments[f];
+          return (
+            (a = k(this, (n = R(t)).call.apply(n, [this].concat(o)))),
+            (a.onClick = function(p) {
+              var h = a.props,
+                g = h.disabled,
+                y = h.onClick;
+              if (g) return;
+              typeof y == 'function' && y(p);
+            }),
+            a
+          );
+        }
+        return (
+          W(t, [
+            {
+              key: 'render',
+              value: function() {
+                var a,
+                  i = this.props,
+                  o = i.prefixCls,
+                  f = i.className,
+                  p = i.theme,
+                  h = i.size,
+                  g = i.shape,
+                  y = i.icon,
+                  P = i.block,
+                  M = i.ghost,
+                  B = i.shadow,
+                  A = i.disabled,
+                  Y = i.loading,
+                  j = i.onClick,
+                  J = i.children,
+                  w = O(i, [
+                    'prefixCls',
+                    'className',
+                    'theme',
+                    'size',
+                    'shape',
+                    'icon',
+                    'block',
+                    'ghost',
+                    'shadow',
+                    'disabled',
+                    'loading',
+                    'onClick',
+                    'children',
+                  ]),
+                  z = (0, C.default)(
+                    o,
+                    f,
+                    ((a = {}),
+                    d(a, ''.concat(o, '--').concat(p), !!p),
+                    d(a, ''.concat(o, '--').concat(h), !!h),
+                    d(a, ''.concat(o, '--').concat(g), !!g),
+                    d(a, ''.concat(o, '--block'), !!P),
+                    d(a, ''.concat(o, '--ghost'), !!M),
+                    d(a, ''.concat(o, '--shadow'), !!B),
+                    d(a, ''.concat(o, '--disabled'), !!A),
+                    a),
+                  ),
+                  $ = Y ? c.default.createElement(I.default, null) : y,
+                  K = J && c.default.createElement('span', null, J),
+                  Q =
+                    !!y || Y
+                      ? c.default.createElement(
+                          'div',
+                          { className: ''.concat(o, '__content') },
+                          $,
+                          K,
+                        )
+                      : K;
+                if (w.href !== void 0) {
+                  var ee = w.htmlType,
+                    F = O(w, ['htmlType']),
+                    U = F,
+                    L = U.mimeType,
+                    G = O(U, ['mimeType']);
+                  return (
+                    (z = (0, C.default)(z, ''.concat(o, '--link'))),
+                    c.default.createElement(
+                      'a',
+                      _({}, G, {
+                        type: L,
+                        'aria-disabled': A,
+                        className: z,
+                        onClick: this.onClick,
+                      }),
+                      Q,
+                    )
+                  );
+                }
+                var te = w.mimeType,
+                  ne = w.target,
+                  H = O(w, ['mimeType', 'target']),
+                  Z = H,
+                  V = Z.htmlType,
+                  X = O(Z, ['htmlType']);
+                return c.default.createElement(
+                  'button',
+                  _({}, X, { type: V, 'aria-disabled': A, className: z, onClick: this.onClick }),
+                  Q,
+                );
+              },
+            },
+          ]),
+          t
+        );
+      })(c.PureComponent);
+      (u.default = r),
+        (r.displayName = 'Button'),
+        (r.defaultProps = {
+          prefixCls: 'za-button',
+          theme: 'default',
+          size: 'md',
+          shape: 'radius',
+          block: !1,
+          ghost: !1,
+          shadow: !1,
+          disabled: !1,
+          loading: !1,
+          htmlType: 'button',
+        });
+    },
+    tOMI: function(E, u, l) {
+      'use strict';
+      Object.defineProperty(u, '__esModule', { value: !0 }), (u.default = void 0);
+      var c = S(l('q1tI')),
+        C = I(l('TSYQ'));
+      function I(r) {
+        return r && r.__esModule ? r : { default: r };
+      }
+      function x() {
+        if (typeof WeakMap != 'function') return null;
+        var r = new WeakMap();
+        return (
+          (x = function() {
+            return r;
+          }),
+          r
+        );
+      }
+      function S(r) {
+        if (r && r.__esModule) return r;
+        if (r === null || (m(r) !== 'object' && typeof r != 'function')) return { default: r };
+        var e = x();
+        if (e && e.has(r)) return e.get(r);
+        var t = {},
+          n = Object.defineProperty && Object.getOwnPropertyDescriptor;
+        for (var a in r)
+          if (Object.prototype.hasOwnProperty.call(r, a)) {
+            var i = n ? Object.getOwnPropertyDescriptor(r, a) : null;
+            i && (i.get || i.set) ? Object.defineProperty(t, a, i) : (t[a] = r[a]);
+          }
+        return (t.default = r), e && e.set(r, t), t;
+      }
+      function m(r) {
+        return (
+          typeof Symbol == 'function' && typeof Symbol.iterator == 'symbol'
+            ? (m = function(t) {
+                return typeof t;
+              })
+            : (m = function(t) {
+                return t &&
+                  typeof Symbol == 'function' &&
+                  t.constructor === Symbol &&
+                  t !== Symbol.prototype
+                  ? 'symbol'
+                  : typeof t;
+              }),
+          m(r)
+        );
+      }
+      function v(r, e) {
+        if (!(r instanceof e)) throw new TypeError('Cannot call a class as a function');
+      }
+      function _(r, e) {
+        for (var t = 0; t < e.length; t++) {
+          var n = e[t];
+          (n.enumerable = n.enumerable || !1),
+            (n.configurable = !0),
+            'value' in n && (n.writable = !0),
+            Object.defineProperty(r, n.key, n);
+        }
+      }
+      function d(r, e, t) {
+        return e && _(r.prototype, e), t && _(r, t), r;
+      }
+      function O(r, e) {
+        return e && (m(e) === 'object' || typeof e == 'function') ? e : D(r);
+      }
+      function D(r) {
+        if (r === void 0)
+          throw new ReferenceError("this hasn't been initialised - super() hasn't been called");
+        return r;
+      }
+      function T(r) {
+        return (
+          (T = Object.setPrototypeOf
+            ? Object.getPrototypeOf
+            : function(t) {
+                return t.__proto__ || Object.getPrototypeOf(t);
+              }),
+          T(r)
+        );
+      }
+      function N(r, e) {
+        if (typeof e != 'function' && e !== null)
+          throw new TypeError('Super expression must either be null or a function');
+        (r.prototype = Object.create(e && e.prototype, {
+          constructor: { value: r, writable: !0, configurable: !0 },
+        })),
+          e && W(r, e);
+      }
+      function W(r, e) {
+        return (
+          (W =
+            Object.setPrototypeOf ||
+            function(n, a) {
+              return (n.__proto__ = a), n;
+            }),
+          W(r, e)
+        );
+      }
+      function k(r, e, t) {
+        return (
+          e in r
+            ? Object.defineProperty(r, e, {
+                value: t,
+                enumerable: !0,
+                configurable: !0,
+                writable: !0,
+              })
+            : (r[e] = t),
+          r
+        );
+      }
+      var s = 62,
+        R = function(e) {
+          var t,
+            n = e.prefixCls,
+            a = e.className,
+            i = e.size,
+            o = e.percent,
+            f = e.strokeWidth,
+            p = e.loading,
+            h = e.style,
+            g = (0, C.default)(
+              a,
+              n,
+              ((t = {}),
+              k(t, ''.concat(n, '--').concat(i), !!i),
+              k(t, ''.concat(n, '--circular'), p),
+              t),
+            ),
+            y = s / 2,
+            P = y - f / 2,
+            M = 2 * Math.PI * P,
+            B = { strokeDasharray: ''.concat((M * o) / 100, ' ').concat(M), strokeWidth: f };
+          return p
+            ? c.default.createElement(
+                'span',
+                { className: g, style: h },
+                c.default.createElement(
+                  'svg',
+                  {
+                    viewBox: ''
+                      .concat(s / 2, ' ')
+                      .concat(s / 2, ' ')
+                      .concat(s, ' ')
+                      .concat(s),
+                  },
+                  c.default.createElement('circle', {
+                    cx: s,
+                    cy: s,
+                    r: P,
+                    fill: 'none',
+                    style: { strokeWidth: f },
+                  }),
+                ),
+              )
+            : c.default.createElement(
+                'span',
+                { className: g, style: h },
+                c.default.createElement(
+                  'svg',
+                  { viewBox: '0 0 '.concat(s, ' ').concat(s) },
+                  c.default.createElement('circle', {
+                    className: ''.concat(n, '__path'),
+                    cx: y,
+                    cy: y,
+                    r: P,
+                    fill: 'none',
+                    style: { strokeWidth: f },
+                  }),
+                  c.default.createElement('circle', {
+                    className: ''.concat(n, '__line'),
+                    cx: y,
+                    cy: y,
+                    r: P,
+                    fill: 'none',
+                    style: B,
+                  }),
+                ),
+              );
+        },
+        q = function(e) {
+          for (
+            var t = e.prefixCls,
+              n = e.className,
+              a = e.size,
+              i = e.style,
+              o = (0, C.default)(
+                t,
+                ''.concat(t, '--spinner'),
+                n,
+                k({}, ''.concat(t, '--').concat(a), !!a),
+              ),
+              f = [],
+              p = 0;
+            p < 12;
+            p++
+          )
+            f.push(c.default.createElement('div', { key: p }));
+          return c.default.createElement('div', { className: o, style: i }, f);
+        },
+        b = (function(r) {
+          N(e, r);
+          function e() {
+            return v(this, e), O(this, T(e).apply(this, arguments));
+          }
+          return (
+            d(e, [
+              {
+                key: 'render',
+                value: function() {
+                  var n = this.props.type;
+                  return n !== 'spinner'
+                    ? c.default.createElement(R, this.props)
+                    : c.default.createElement(q, this.props);
+                },
+              },
+            ]),
+            e
+          );
+        })(c.PureComponent);
+      (u.default = b),
+        (b.defaultProps = {
+          prefixCls: 'za-activity-indicator',
+          strokeWidth: 5,
+          percent: 20,
+          type: 'circular',
+          loading: !0,
+        });
+    },
+  },
+]);
+
+//# sourceMappingURL=10.js.map
--- a/dist/10.js.map
+++ b/dist/10.js.map
--- a/dist/100.js
+++ b/dist/100.js
@ -0,0 +1,40 @@
+(window.webpackJsonp = window.webpackJsonp || []).push([
+  [100],
+  {
+    hoyZ: function(r, e, t) {
+      'use strict';
+      t.r(e);
+      var n = {
+        editData: [
+          {
+            key: 'theme',
+            name: '主题',
+            type: 'Select',
+            range: [
+              { key: 'success', text: '成功' },
+              { key: 'warning', text: '警告' },
+              { key: 'danger', text: '危险' },
+            ],
+          },
+          {
+            key: 'shape',
+            name: '形状',
+            type: 'Radio',
+            range: [
+              { key: 'circle', text: '圆形' },
+              { key: 'line', text: '线形' },
+              { key: 'semi-circle', text: '半圆形' },
+            ],
+          },
+          { key: 'size', name: '大小', type: 'Number' },
+          { key: 'percent', name: '进度值', type: 'Number', range: [0, 100] },
+          { key: 'strokeWidth', name: '线条粗细', type: 'Number' },
+        ],
+        config: { theme: 'success', shape: 'circle', size: 200, percent: 30, strokeWidth: 10 },
+      };
+      e.default = n;
+    },
+  },
+]);
+
+//# sourceMappingURL=100.js.map
--- a/dist/100.js.map
+++ b/dist/100.js.map
@ -0,0 +1 @@
+{"version":3,"sources":["webpack:///./src/materials/visual/XProgress/schema.ts"],"names":["XProgress","editData","key","name","type","range","text","config","theme","shape","size","percent","strokeWidth"],"mappings":"6FA4BA,UAAMA,GAA8B,CAClCC,SAAU,CACR,CACEC,IAAK,QACLC,KAAM,KACNC,KAAM,SACNC,MAAO,CACL,CACEH,IAAK,UACLI,KAAM,MAER,CACEJ,IAAK,UACLI,KAAM,MAER,CACEJ,IAAK,SACLI,KAAM,QAIZ,CACEJ,IAAK,QACLC,KAAM,KACNC,KAAM,QACNC,MAAO,CACL,CACEH,IAAK,SACLI,KAAM,MAER,CACEJ,IAAK,OACLI,KAAM,MAER,CACEJ,IAAK,cACLI,KAAM,SAIZ,CACEJ,IAAK,OACLC,KAAM,KACNC,KAAM,UAER,CACEF,IAAK,UACLC,KAAM,MACNC,KAAM,SACNC,MAAO,CAAC,EAAG,MAEb,CACEH,IAAK,cACLC,KAAM,OACNC,KAAM,WAGVG,OAAQ,CACNC,MAAO,UACPC,MAAO,SACPC,KAAM,IACNC,QAAS,GACTC,YAAa,KAIFZ","file":"100.js","sourcesContent":["import {\n  INumberConfigType,\n  IRadioConfigType,\n  ISelectConfigType,\n  TNumberDefaultType,\n  TRadioDefaultType,\n  TSelectDefaultType,\n} from '@/components/FormComponents/types';\nexport type TXProgressSelectKeyType = 'success' | 'warning' | 'danger';\nexport type TXProgressRadiotKeyType = 'circle' | 'line' | 'semi-circle';\nexport type TXProgressEditData = Array<\n  | ISelectConfigType<TXProgressSelectKeyType>\n  | IRadioConfigType<TXProgressRadiotKeyType>\n  | INumberConfigType\n>;\nexport interface IXProgressConfig {\n  theme: TSelectDefaultType<TXProgressSelectKeyType>;\n  shape: TRadioDefaultType<TXProgressRadiotKeyType>;\n  size: TNumberDefaultType;\n  percent: TNumberDefaultType;\n  strokeWidth: TNumberDefaultType;\n}\n\nexport interface IXProgressSchema {\n  editData: TXProgressEditData;\n  config: IXProgressConfig;\n}\n\nconst XProgress: IXProgressSchema = {\n  editData: [\n    {\n      key: 'theme',\n      name: '主题',\n      type: 'Select',\n      range: [\n        {\n          key: 'success',\n          text: '成功',\n        },\n        {\n          key: 'warning',\n          text: '警告',\n        },\n        {\n          key: 'danger',\n          text: '危险',\n        },\n      ],\n    },\n    {\n      key: 'shape',\n      name: '形状',\n      type: 'Radio',\n      range: [\n        {\n          key: 'circle',\n          text: '圆形',\n        },\n        {\n          key: 'line',\n          text: '线形',\n        },\n        {\n          key: 'semi-circle',\n          text: '半圆形',\n        },\n      ],\n    },\n    {\n      key: 'size',\n      name: '大小',\n      type: 'Number',\n    },\n    {\n      key: 'percent',\n      name: '进度值',\n      type: 'Number',\n      range: [0, 100],\n    },\n    {\n      key: 'strokeWidth',\n      name: '线条粗细',\n      type: 'Number',\n    },\n  ],\n  config: {\n    theme: 'success',\n    shape: 'circle',\n    size: 200,\n    percent: 30,\n    strokeWidth: 10,\n  },\n};\n\nexport default XProgress;\n"],"sourceRoot":""}
--- a/dist/101.js
+++ b/dist/101.js
@ -0,0 +1,13 @@
+(window.webpackJsonp = window.webpackJsonp || []).push([
+  [101],
+  {
+    ESKU: function(t, e, a) {
+      'use strict';
+      a.r(e);
+      var o = { type: 'XProgress', h: 102, displayName: '进度条组件' };
+      e.default = o;
+    },
+  },
+]);
+
+//# sourceMappingURL=101.js.map
--- a/dist/101.js.map
+++ b/dist/101.js.map
@ -0,0 +1 @@
+{"version":3,"sources":["webpack:///./src/materials/visual/XProgress/template.ts"],"names":["template","type","h","displayName"],"mappings":"6FAAA,UAAMA,GAAW,CACfC,KAAM,YACNC,EAAG,IACHC,YAAa,SAEAH","file":"101.js","sourcesContent":["const template = {\n  type: 'XProgress',\n  h: 102,\n  displayName: '进度条组件',\n};\nexport default template;\n"],"sourceRoot":""}
--- a/dist/11.chunk.css
+++ b/dist/11.chunk.css
@ -0,0 +1 @@
+.za-calendar{background-color:var(--calendar-background);-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.za-calendar ul{list-style-type:disc;margin:0;padding:0}.za-calendar li{display:inline-block;width:14.28571%;text-align:center;vertical-align:middle}.za-calendar__bar{display:flex;flex-wrap:wrap;color:var(--calendar-week-bar-color);background-color:var(--calendar-week-bar-background);font-size:var(--calendar-week-bar-fontsize);margin:0;padding:0 var(--calendar-section-padding);list-style-type:disc}.za-calendar__bar__item{height:var(--calendar-day-height);line-height:var(--calendar-day-height)}.za-calendar__body{padding:10px 0;overflow:auto}.za-calendar__month{padding:0 var(--calendar-section-padding);color:var(--calendar-day-color)}.za-calendar__month:before{content:attr(title);display:block;margin:15px auto;font-size:var(--calendar-day-title-fontsize);font-weight:500;padding-left:15px}.za-calendar__day{margin:10px 0;position:relative;font-size:var(--calendar-day-fontsize);cursor:pointer}.za-calendar__day__content{width:30px;height:30px;background-color:transparent;border-radius:50%;display:flex;justify-content:center;align-items:center;margin:0 auto}.za-calendar__day.firstday-1{margin-left:14.28571%}.za-calendar__day.firstday-2{margin-left:28.57142%}.za-calendar__day.firstday-3{margin-left:42.85713%}.za-calendar__day.firstday-4{margin-left:57.14284%}.za-calendar__day.firstday-5{margin-left:71.42855%}.za-calendar__day.firstday-6{margin-left:85.71426%}.za-calendar__day--today .za-calendar__day__content{background-color:var(--calendar-day-today-background);color:var(--calendar-day-today-color)}.za-calendar__day--selected .za-calendar__day__content{background-color:var(--calendar-day-selected-background);color:var(--calendar-day-selected-color);box-shadow:0 2px 5px 0 var(--calendar-day-selected-shadow)}.za-calendar__day--disabled{cursor:auto}.za-calendar__day--disabled .za-calendar__day__content{color:var(--color-text-disabled)}.za-calendar__day--range{background-color:var(--calendar-day-range-background);color:var(--calendar-day-range-color)}.za-calendar__day--range .za-calendar__day__content{background-color:var(--calendar-day-range-background)}.za-calendar__day--range.d6{background-color:transparent;background-image:linear-gradient(270deg,transparent 0,transparent 50%,var(--theme-primary-lighter) 0)}.za-calendar__day--range.d7{background-color:transparent;background-image:linear-gradient(90deg,transparent 0,transparent 50%,var(--theme-primary-lighter) 0)}.za-calendar__day--range:first-child:not(.d6){background-color:transparent;background-image:linear-gradient(90deg,transparent 0,transparent 50%,var(--theme-primary-lighter) 0)}.za-calendar__day--range:last-child:not(.d7){background-color:transparent;background-image:linear-gradient(270deg,transparent 0,transparent 50%,var(--theme-primary-lighter) 0)}.za-calendar__day--range:first-child.d6,.za-calendar__day--range:last-child.d7{background-image:none}.za-calendar__day.range-start.range-end{background-image:none}.za-calendar__day.range-start:not(.range-end):not(.d6):not(:last-child){background-image:linear-gradient(90deg,transparent 0,transparent 50%,var(--theme-primary-lighter) 0)}.za-calendar__day.range-end:not(.range-start):not(.d7):not(:first-child){background-image:linear-gradient(270deg,transparent 0,transparent 50%,var(--theme-primary-lighter) 0)}
--- a/dist/11.js
+++ b/dist/11.js
@ -0,0 +1,757 @@
+(window.webpackJsonp = window.webpackJsonp || []).push([
+  [11],
+  {
+    '334+': function(I, M, b) {
+      'use strict';
+      Object.defineProperty(M, '__esModule', { value: !0 }), (M.default = void 0);
+      var O = P(b('q1tI')),
+        g = v(b('TSYQ')),
+        u = v(b('IEHy')),
+        s = v(b('laYN'));
+      function v(e) {
+        return e && e.__esModule ? e : { default: e };
+      }
+      function h() {
+        if (typeof WeakMap != 'function') return null;
+        var e = new WeakMap();
+        return (
+          (h = function() {
+            return e;
+          }),
+          e
+        );
+      }
+      function P(e) {
+        if (e && e.__esModule) return e;
+        if (e === null || (C(e) !== 'object' && typeof e != 'function')) return { default: e };
+        var n = h();
+        if (n && n.has(e)) return n.get(e);
+        var a = {},
+          t = Object.defineProperty && Object.getOwnPropertyDescriptor;
+        for (var o in e)
+          if (Object.prototype.hasOwnProperty.call(e, o)) {
+            var l = t ? Object.getOwnPropertyDescriptor(e, o) : null;
+            l && (l.get || l.set) ? Object.defineProperty(a, o, l) : (a[o] = e[o]);
+          }
+        return (a.default = e), n && n.set(e, a), a;
+      }
+      function C(e) {
+        return (
+          typeof Symbol == 'function' && typeof Symbol.iterator == 'symbol'
+            ? (C = function(a) {
+                return typeof a;
+              })
+            : (C = function(a) {
+                return a &&
+                  typeof Symbol == 'function' &&
+                  a.constructor === Symbol &&
+                  a !== Symbol.prototype
+                  ? 'symbol'
+                  : typeof a;
+              }),
+          C(e)
+        );
+      }
+      function N(e, n) {
+        var a = Object.keys(e);
+        if (Object.getOwnPropertySymbols) {
+          var t = Object.getOwnPropertySymbols(e);
+          n &&
+            (t = t.filter(function(o) {
+              return Object.getOwnPropertyDescriptor(e, o).enumerable;
+            })),
+            a.push.apply(a, t);
+        }
+        return a;
+      }
+      function E(e) {
+        for (var n = 1; n < arguments.length; n++) {
+          var a = arguments[n] != null ? arguments[n] : {};
+          n % 2
+            ? N(Object(a), !0).forEach(function(t) {
+                V(e, t, a[t]);
+              })
+            : Object.getOwnPropertyDescriptors
+            ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(a))
+            : N(Object(a)).forEach(function(t) {
+                Object.defineProperty(e, t, Object.getOwnPropertyDescriptor(a, t));
+              });
+        }
+        return e;
+      }
+      function V(e, n, a) {
+        return (
+          n in e
+            ? Object.defineProperty(e, n, {
+                value: a,
+                enumerable: !0,
+                configurable: !0,
+                writable: !0,
+              })
+            : (e[n] = a),
+          e
+        );
+      }
+      function T(e, n) {
+        if (!(e instanceof n)) throw new TypeError('Cannot call a class as a function');
+      }
+      function F(e, n) {
+        for (var a = 0; a < n.length; a++) {
+          var t = n[a];
+          (t.enumerable = t.enumerable || !1),
+            (t.configurable = !0),
+            'value' in t && (t.writable = !0),
+            Object.defineProperty(e, t.key, t);
+        }
+      }
+      function x(e, n, a) {
+        return n && F(e.prototype, n), a && F(e, a), e;
+      }
+      function W(e, n) {
+        return n && (C(n) === 'object' || typeof n == 'function') ? n : Y(e);
+      }
+      function Y(e) {
+        if (e === void 0)
+          throw new ReferenceError("this hasn't been initialised - super() hasn't been called");
+        return e;
+      }
+      function R(e) {
+        return (
+          (R = Object.setPrototypeOf
+            ? Object.getPrototypeOf
+            : function(a) {
+                return a.__proto__ || Object.getPrototypeOf(a);
+              }),
+          R(e)
+        );
+      }
+      function i(e, n) {
+        if (typeof n != 'function' && n !== null)
+          throw new TypeError('Super expression must either be null or a function');
+        (e.prototype = Object.create(n && n.prototype, {
+          constructor: { value: e, writable: !0, configurable: !0 },
+        })),
+          n && c(e, n);
+      }
+      function c(e, n) {
+        return (
+          (c =
+            Object.setPrototypeOf ||
+            function(t, o) {
+              return (t.__proto__ = o), t;
+            }),
+          c(e, n)
+        );
+      }
+      var d = ['日', '一', '二', '三', '四', '五', '六'],
+        r = function(n) {
+          var a = n.defaultValue,
+            t = n.multiple,
+            o = n.value,
+            l;
+          (o = o || a),
+            (o = Object.prototype.toString.call(o) === '[object Array]' ? o : (o && [o]) || []),
+            (l = o.slice(0, t ? 2 : 1).map(function(S) {
+              return s.default.parseDay(S);
+            })),
+            (l = l.sort(function(S, k) {
+              return +S - +k;
+            }));
+          var p = n.min ? s.default.parseDay(n.min) : new Date(),
+            y = s.default.cloneDate(p, 'dd', 1),
+            m = n.max ? s.default.parseDay(n.max) : s.default.cloneDate(p, 'y', 1),
+            w = s.default.cloneDate(m, 'dd', s.default.getDaysByDate(m)),
+            D = [p, m].sort(function(S, k) {
+              return +S - +k;
+            }),
+            _ = {
+              value: l,
+              min: D[0],
+              max: D[1],
+              startMonth: y,
+              endMonth: w,
+              refresh: !1,
+              steps: t ? 2 : 1,
+              multiple: t,
+            };
+          return _;
+        },
+        f = (function(e) {
+          i(n, e);
+          function n(a) {
+            var t;
+            return (
+              T(this, n),
+              (t = W(this, R(n).call(this, a))),
+              (t.nodes = void 0),
+              (t.state = E({}, r(t.props), { step: 1 })),
+              (t.handleDateClick = function(o) {
+                var l = t.state,
+                  p = l.step,
+                  y = l.steps,
+                  m = l.value,
+                  w = t.props.onChange;
+                p === 1 && m.splice(0, m.length),
+                  (m[p - 1] = o),
+                  m.sort(function(D, _) {
+                    return +D - +_;
+                  }),
+                  t.setState({ value: m, step: p >= y ? 1 : p + 1 }, function() {
+                    p >= y && typeof w == 'function' && w(m);
+                  });
+              }),
+              (t.anchor = function() {
+                var o = t.state.value,
+                  l = o[0] || n.now,
+                  p = ''.concat(l.getFullYear(), '-').concat(l.getMonth()),
+                  y = t.nodes[p];
+                y && Object.prototype.toString.call(y.anchor) === '[object Function]' && y.anchor();
+              }),
+              (t.renderWeekBar = function() {
+                var o = t.props.prefixCls,
+                  l = d.map(function(p) {
+                    return O.default.createElement(
+                      'li',
+                      { key: p, className: ''.concat(o, '__bar__item') },
+                      p,
+                    );
+                  });
+                return O.default.createElement('ul', { className: ''.concat(o, '__bar') }, l);
+              }),
+              (t.renderMonth = function(o) {
+                var l = t.state,
+                  p = l.value,
+                  y = l.min,
+                  m = l.max,
+                  w = t.props,
+                  D = w.prefixCls,
+                  _ = w.dateRender,
+                  S = w.disabledDate,
+                  k = ''.concat(o.getFullYear(), '-').concat(o.getMonth());
+                return O.default.createElement(u.default, {
+                  prefixCls: D,
+                  key: k,
+                  min: y,
+                  max: m,
+                  value: p,
+                  dateMonth: o,
+                  dateRender: _,
+                  disabledDate: S,
+                  onDateClick: t.handleDateClick,
+                  ref: function(q) {
+                    t.nodes[k] = q;
+                  },
+                });
+              }),
+              (t.nodes = {}),
+              t
+            );
+          }
+          return (
+            x(
+              n,
+              [
+                {
+                  key: 'componentDidMount',
+                  value: function() {
+                    this.anchor();
+                  },
+                },
+                {
+                  key: 'componentDidUpdate',
+                  value: function(t, o) {
+                    var l = this.state.refresh;
+                    l !== o.refresh && this.anchor();
+                  },
+                },
+                {
+                  key: 'renderMonths',
+                  value: function() {
+                    var t = this,
+                      o = this.props.prefixCls,
+                      l = this.state,
+                      p = l.startMonth,
+                      y = l.max,
+                      m = Array.from({ length: s.default.getMonthCount(p, y) }),
+                      w = m.map(function(D, _) {
+                        return t.renderMonth(s.default.cloneDate(p, 'm', _));
+                      });
+                    return O.default.createElement(
+                      'section',
+                      { className: ''.concat(o, '__body') },
+                      w,
+                    );
+                  },
+                },
+                {
+                  key: 'render',
+                  value: function() {
+                    var t = this.props,
+                      o = t.prefixCls,
+                      l = t.className;
+                    return O.default.createElement(
+                      'div',
+                      { className: (0, g.default)(o, l) },
+                      this.renderWeekBar(),
+                      this.renderMonths(),
+                    );
+                  },
+                },
+              ],
+              [
+                {
+                  key: 'getDerivedStateFromProps',
+                  value: function(t, o) {
+                    return ('value' in t && t.value !== o.prevValue) ||
+                      ('multiple' in t && t.multiple !== o.prevMultiple) ||
+                      ('min' in t && t.min !== o.prevMin) ||
+                      ('max' in t && t.max !== o.prevMax)
+                      ? E({}, r(t), {
+                          step: o.step ? 1 : o.step,
+                          refresh: !o.refresh,
+                          prevValue: t.value,
+                          prevMax: t.max,
+                          prevMin: t.min,
+                          prevMultiple: t.multiple,
+                        })
+                      : null;
+                  },
+                },
+              ],
+            ),
+            n
+          );
+        })(O.PureComponent);
+      (M.default = f),
+        (f.displayName = 'CalendarView'),
+        (f.defaultProps = {
+          prefixCls: 'za-calendar',
+          multiple: !1,
+          min: new Date(),
+          dateRender: function(n) {
+            return n.getDate();
+          },
+          disabledDate: function() {
+            return !1;
+          },
+        }),
+        (f.now = new Date()),
+        (f.cache = {
+          now: ''
+            .concat(f.now.getFullYear(), '-')
+            .concat(f.now.getMonth(), '-')
+            .concat(f.now.getDate()),
+        });
+    },
+    '7TMV': function(I, M, b) {},
+    IEHy: function(I, M, b) {
+      'use strict';
+      Object.defineProperty(M, '__esModule', { value: !0 }), (M.default = void 0);
+      var O = h(b('q1tI')),
+        g = s(b('TSYQ')),
+        u = s(b('laYN'));
+      function s(i) {
+        return i && i.__esModule ? i : { default: i };
+      }
+      function v() {
+        if (typeof WeakMap != 'function') return null;
+        var i = new WeakMap();
+        return (
+          (v = function() {
+            return i;
+          }),
+          i
+        );
+      }
+      function h(i) {
+        if (i && i.__esModule) return i;
+        if (i === null || (C(i) !== 'object' && typeof i != 'function')) return { default: i };
+        var c = v();
+        if (c && c.has(i)) return c.get(i);
+        var d = {},
+          r = Object.defineProperty && Object.getOwnPropertyDescriptor;
+        for (var f in i)
+          if (Object.prototype.hasOwnProperty.call(i, f)) {
+            var e = r ? Object.getOwnPropertyDescriptor(i, f) : null;
+            e && (e.get || e.set) ? Object.defineProperty(d, f, e) : (d[f] = i[f]);
+          }
+        return (d.default = i), c && c.set(i, d), d;
+      }
+      function P(i, c, d) {
+        return (
+          c in i
+            ? Object.defineProperty(i, c, {
+                value: d,
+                enumerable: !0,
+                configurable: !0,
+                writable: !0,
+              })
+            : (i[c] = d),
+          i
+        );
+      }
+      function C(i) {
+        return (
+          typeof Symbol == 'function' && typeof Symbol.iterator == 'symbol'
+            ? (C = function(d) {
+                return typeof d;
+              })
+            : (C = function(d) {
+                return d &&
+                  typeof Symbol == 'function' &&
+                  d.constructor === Symbol &&
+                  d !== Symbol.prototype
+                  ? 'symbol'
+                  : typeof d;
+              }),
+          C(i)
+        );
+      }
+      function N(i, c) {
+        if (!(i instanceof c)) throw new TypeError('Cannot call a class as a function');
+      }
+      function E(i, c) {
+        for (var d = 0; d < c.length; d++) {
+          var r = c[d];
+          (r.enumerable = r.enumerable || !1),
+            (r.configurable = !0),
+            'value' in r && (r.writable = !0),
+            Object.defineProperty(i, r.key, r);
+        }
+      }
+      function V(i, c, d) {
+        return c && E(i.prototype, c), d && E(i, d), i;
+      }
+      function T(i, c) {
+        return c && (C(c) === 'object' || typeof c == 'function') ? c : F(i);
+      }
+      function F(i) {
+        if (i === void 0)
+          throw new ReferenceError("this hasn't been initialised - super() hasn't been called");
+        return i;
+      }
+      function x(i) {
+        return (
+          (x = Object.setPrototypeOf
+            ? Object.getPrototypeOf
+            : function(d) {
+                return d.__proto__ || Object.getPrototypeOf(d);
+              }),
+          x(i)
+        );
+      }
+      function W(i, c) {
+        if (typeof c != 'function' && c !== null)
+          throw new TypeError('Super expression must either be null or a function');
+        (i.prototype = Object.create(c && c.prototype, {
+          constructor: { value: i, writable: !0, configurable: !0 },
+        })),
+          c && Y(i, c);
+      }
+      function Y(i, c) {
+        return (
+          (Y =
+            Object.setPrototypeOf ||
+            function(r, f) {
+              return (r.__proto__ = f), r;
+            }),
+          Y(i, c)
+        );
+      }
+      var R = (function(i) {
+        W(c, i);
+        function c(d) {
+          var r;
+          return (
+            N(this, c),
+            (r = T(this, x(c).call(this, d))),
+            (r.min = void 0),
+            (r.max = void 0),
+            (r.lastIn = !1),
+            (r.isRefresh = !0),
+            (r.node = void 0),
+            (r.anchor = function() {
+              r.node && r.node.scrollIntoViewIfNeeded && r.node.scrollIntoViewIfNeeded();
+            }),
+            (r.checkRefresh = function(f) {
+              var e = f.dateMonth,
+                n = f.value,
+                a = f.min,
+                t = f.max,
+                o = f.dateRender,
+                l = f.disabledDate,
+                p = r.props,
+                y = p.dateRender,
+                m = p.disabledDate,
+                w = r.state.dateMonth;
+              if (o !== y || l !== m) return !0;
+              if (+e - +w !== 0) return !0;
+              if (+a - +r.min !== 0 || +t - +r.max !== 0) return !0;
+              var D;
+              if (n.length > 0) {
+                var _ = u.default.cloneDate(e, 'dd', 1),
+                  S = u.default.cloneDate(n[0], 'dd', 1),
+                  k = u.default.cloneDate(n[n.length - 1], 'dd', 1);
+                D = _ >= S && _ <= k;
+              }
+              var $ = !(!D && !r.lastIn);
+              return (r.lastIn = D), $;
+            }),
+            (r.checkStatus = function(f) {
+              var e = r.props,
+                n = e.min,
+                a = e.max,
+                t = e.disabledDate,
+                o = r.state.value,
+                l = o === void 0 ? [] : o,
+                p = f < u.default.cloneDate(n, 'd', 0) || f > u.default.cloneDate(a, 'd', 0),
+                y = {
+                  disabled: p || (t && t(f)),
+                  isSelected: l.some(function(m) {
+                    return u.default.isOneDay(f, m);
+                  }),
+                  isRange: l.length > 1 && f > l[0] && f < l[l.length - 1],
+                  rangeStart: l.length > 1 && u.default.isOneDay(f, l[0]),
+                  rangeEnd: l.length > 1 && u.default.isOneDay(f, l[l.length - 1]),
+                };
+              return (r.lastIn = r.lastIn || y.isSelected || y.isRange), y;
+            }),
+            (r.renderDay = function(f, e, n, a) {
+              var t,
+                o = r.props,
+                l = o.prefixCls,
+                p = o.dateRender,
+                y = o.onDateClick,
+                m = new Date(e, n, f),
+                w =
+                  c.cache.now ===
+                  ''
+                    .concat(e, '-')
+                    .concat(n, '-')
+                    .concat(f),
+                D = r.checkStatus(m),
+                _ = (m && p && p(m)) || '';
+              C(_) === 'object' &&
+                ((0, O.isValidElement)(_) ||
+                  (console.warn('dateRender函数返回数据类型错误，请返回基本数据类型或者reactNode'),
+                  (_ = '')));
+              var S =
+                ((t = { d6: (f + a) % 7 === 0, d7: (f + a) % 7 === 1 }),
+                P(t, ''.concat(l, '__day--disabled'), D.disabled),
+                P(t, ''.concat(l, '__day--today'), w),
+                P(t, ''.concat(l, '__day--selected'), D.isSelected),
+                P(t, ''.concat(l, '__day--range'), D.isRange),
+                P(t, 'range-start', D.rangeStart),
+                P(t, 'range-end', D.rangeEnd),
+                P(t, 'firstday-'.concat(a), f === 1 && a),
+                t);
+              return O.default.createElement(
+                'li',
+                {
+                  key: ''
+                    .concat(e, '-')
+                    .concat(n, '-')
+                    .concat(f),
+                  className: (0, g.default)(''.concat(l, '__day'), S),
+                  onClick: function() {
+                    return !D.disabled && m && y && y(m);
+                  },
+                },
+                (_ &&
+                  O.default.createElement(
+                    'div',
+                    { className: ''.concat(l, '__day__content') },
+                    _,
+                  )) ||
+                  '',
+              );
+            }),
+            (r.renderContent = function(f, e) {
+              var n = u.default.getCurrMonthInfo(f, e),
+                a = n.firstDay,
+                t = n.dayCount;
+              return Array.from({ length: t }).map(function(o, l) {
+                return r.renderDay(l + 1, f, e, a);
+              });
+            }),
+            (r.min = d.min),
+            (r.max = d.max),
+            (r.state = { value: d.value, dateMonth: d.dateMonth }),
+            r
+          );
+        }
+        return (
+          V(
+            c,
+            [
+              {
+                key: 'shouldComponentUpdate',
+                value: function(r) {
+                  return (
+                    (this.isRefresh = this.checkRefresh(r)),
+                    this.isRefresh && ((this.min = r.min), (this.max = r.max)),
+                    this.isRefresh
+                  );
+                },
+              },
+              {
+                key: 'render',
+                value: function() {
+                  var r = this,
+                    f = this.props.prefixCls,
+                    e = this.state.dateMonth,
+                    n = e.getFullYear(),
+                    a = e.getMonth(),
+                    t = ''.concat(n, '-').concat(a);
+                  return O.default.createElement(
+                    'section',
+                    {
+                      key: t,
+                      className: ''.concat(f, '__month'),
+                      title: ''.concat(n, '年').concat(a + 1, '月'),
+                      ref: function(l) {
+                        r.node = l;
+                      },
+                    },
+                    O.default.createElement('ul', null, this.renderContent(n, a)),
+                  );
+                },
+              },
+            ],
+            [
+              {
+                key: 'getDerivedStateFromProps',
+                value: function(r, f) {
+                  return ('value' in r && r.value !== f.value) ||
+                    ('dateMonth' in r && r.dateMonth !== f.dateMonth)
+                    ? { value: r.value, dateMonth: r.dateMonth }
+                    : null;
+                },
+              },
+            ],
+          ),
+          c
+        );
+      })(O.Component);
+      (M.default = R),
+        (R.displayName = 'CalendarMonthView'),
+        (R.defaultProps = {
+          prefixCls: 'za-calendar',
+          value: [],
+          dateMonth: new Date(),
+          min: new Date(),
+          max: new Date(),
+          dateRender: function(c) {
+            return c.getDate();
+          },
+          disabledDate: function() {
+            return !1;
+          },
+        }),
+        (R.now = new Date()),
+        (R.cache = {
+          now: ''
+            .concat(R.now.getFullYear(), '-')
+            .concat(R.now.getMonth(), '-')
+            .concat(R.now.getDate()),
+        });
+    },
+    cYC7: function(I, M, b) {
+      'use strict';
+      b('1Ywk'), b('7TMV');
+    },
+    laYN: function(I, M, b) {
+      'use strict';
+      Object.defineProperty(M, '__esModule', { value: !0 }), (M.default = void 0);
+      var O = {
+        firstDayOfMonth: function(u) {
+          var s = u.constructor === Date ? u : this.cloneDate(u, 'dd', 1);
+          return s.getDay();
+        },
+        getDaysInMonth: function(u, s) {
+          return new Date(u, s, 0).getDate();
+        },
+        getDaysByDate: function(u) {
+          var s = this.parseDate(u);
+          return new Date(s.getFullYear(), s.getMonth() + 1, 0).getDate();
+        },
+        getCurrMonthInfo: function(u, s) {
+          return {
+            dayCount: new Date(u, s + 1, 0).getDate(),
+            firstDay: new Date(u, s, 1).getDay(),
+          };
+        },
+        isLeapYear: function(u) {
+          if (!+u) throw new Error('年份格式不正确');
+          if (+u < 1790) throw new Error('年份不能低于1790');
+          return (+u % 4 === 0 && +u % 100 !== 0) || +u % 400 === 0;
+        },
+        getMonthCount: function(u, s) {
+          var v = this.parseDate(u),
+            h = this.parseDate(s),
+            P = (h.getFullYear() - v.getFullYear()) * 12 + (h.getMonth() - v.getMonth());
+          return Math.abs(P) + 1;
+        },
+        isToday: function(u) {
+          return this.isOneDay(u, new Date());
+        },
+        isOneDay: function(u, s) {
+          if (!u || !s) return !1;
+          var v = this.parseDate(u),
+            h = this.parseDate(s);
+          return v.toDateString() === h.toDateString();
+        },
+        isOneMonth: function(u, s) {
+          if (!u || !s) return !1;
+          var v = this.parseDate(u),
+            h = this.parseDate(s);
+          return v.getFullYear() === h.getFullYear() && v.getMonth() === h.getMonth();
+        },
+        getDay: function(u, s) {
+          var v = this.cloneDate(u),
+            h = ['周日', '周一', '周二', '周三', '周四', '周五', '周六'];
+          return s && s instanceof Array && (h = s), h[v.getDay()];
+        },
+        parseDay: function(u) {
+          var s = this.parseDate(u);
+          return new Date(s.getFullYear(), s.getMonth(), s.getDate());
+        },
+        parseDate: function(u) {
+          return u.constructor === Date
+            ? u
+            : (u.constructor === String && (u = +u ? +u : u.replace(/-/gi, '/')), new Date(u));
+        },
+        cloneDate: function(u, s, v) {
+          var h = new Date(this.parseDate(u));
+          if (!s || !v) return h;
+          switch (s) {
+            case 'y':
+              h.setFullYear(h.getFullYear() + v);
+              break;
+            case 'yyyy':
+              h.setFullYear(v);
+              break;
+            case 'm':
+              h.setMonth(h.getMonth() + v);
+              break;
+            case 'mm':
+              h.setMonth(v);
+              break;
+            case 'd':
+              h.setDate(h.getDate() + v);
+              break;
+            case 'dd':
+              h.setDate(v);
+              break;
+            default:
+              break;
+          }
+          return h;
+        },
+      };
+      M.default = O;
+    },
+  },
+]);
+
+//# sourceMappingURL=11.js.map
--- a/dist/11.js.map
+++ b/dist/11.js.map
--- a/dist/115.chunk.css
+++ b/dist/115.chunk.css
@ -0,0 +1 @@
+.carousel__item__pic{display:inline-block;width:100%;max-height:220px;overflow:hidden;vertical-align:top}.carousel__item__pic img{width:100%}
--- a/dist/115.js
+++ b/dist/115.js
@ -0,0 +1,3 @@
+(window.webpackJsonp = window.webpackJsonp || []).push([[115], { EvUS: function(e, n, p) {} }]);
+
+//# sourceMappingURL=115.js.map
--- a/dist/115.js.map
+++ b/dist/115.js.map
@ -0,0 +1 @@
+{"version":3,"sources":[],"names":[],"mappings":"","file":"115.js","sourceRoot":""}
--- a/dist/116.chunk.css
+++ b/dist/116.chunk.css
@ -0,0 +1 @@
+.radioWrap{margin-bottom:10px}.radioWrap .radioTitle{padding:19px 14px}.radioWrap .radioItem{margin-top:10px}
--- a/dist/116.js
+++ b/dist/116.js
@ -0,0 +1,3 @@
+(window.webpackJsonp = window.webpackJsonp || []).push([[116], { ajKc: function(e, c, n) {} }]);
+
+//# sourceMappingURL=116.js.map
--- a/dist/116.js.map
+++ b/dist/116.js.map
@ -0,0 +1 @@
+{"version":3,"sources":[],"names":[],"mappings":"","file":"116.js","sourceRoot":""}
--- a/dist/117.chunk.css
+++ b/dist/117.chunk.css
@ -0,0 +1 @@
+.formWrap{margin:10px;padding:20px 16px;border-radius:6px;background-color:#fff;box-shadow:0 2px 6px #f0f0f0;width:calc(100% - 20px)}.formWrap .title{padding-bottom:20px;text-align:center}
--- a/dist/117.js
+++ b/dist/117.js
@ -0,0 +1,3 @@
+(window.webpackJsonp = window.webpackJsonp || []).push([[117], { vlDH: function(e, n, p) {} }]);
+
+//# sourceMappingURL=117.js.map
--- a/dist/117.js.map
+++ b/dist/117.js.map
@ -0,0 +1 @@
+{"version":3,"sources":[],"names":[],"mappings":"","file":"117.js","sourceRoot":""}
--- a/dist/118.chunk.css
+++ b/dist/118.chunk.css
@ -0,0 +1 @@
+.header{box-sizing:content-box;padding:3px 12px;display:flex;align-items:center;height:50px;background-color:#000}.header .logo{margin-right:10px;max-width:160px;max-height:46px;height:46px;overflow:hidden}.header .logo img{height:100%;object-fit:contain}.header .title{color:#fff}
--- a/dist/118.js
+++ b/dist/118.js
@ -0,0 +1,3 @@
+(window.webpackJsonp = window.webpackJsonp || []).push([[118], { IwQx: function(e, n, p) {} }]);
+
+//# sourceMappingURL=118.js.map
--- a/dist/118.js.map
+++ b/dist/118.js.map
@ -0,0 +1 @@
+{"version":3,"sources":[],"names":[],"mappings":"","file":"118.js","sourceRoot":""}
--- a/dist/119.chunk.css
+++ b/dist/119.chunk.css
@ -0,0 +1 @@
+.list{margin:20px auto;width:94%}.list .sourceList .sourceItem{display:flex;align-items:center;margin-bottom:16px}.list .sourceList .sourceItem .content{margin-left:12px}.list .sourceList .sourceItem .content .tit{line-height:2}
--- a/dist/119.js
+++ b/dist/119.js
@ -0,0 +1,3 @@
+(window.webpackJsonp = window.webpackJsonp || []).push([[119], { yDit: function(e, i, n) {} }]);
+
+//# sourceMappingURL=119.js.map
--- a/dist/119.js.map
+++ b/dist/119.js.map
@ -0,0 +1 @@
+{"version":3,"sources":[],"names":[],"mappings":"","file":"119.js","sourceRoot":""}
--- a/dist/12.chunk.css
+++ b/dist/12.chunk.css
@ -0,0 +1 @@
+.za-progress{display:inline-block;position:relative}.za-progress__outer{display:flex;align-items:center}.za-progress__text{display:inline-block;margin-left:5px;font-size:14px}.za-progress--line.za-progress--primary .za-progress__thumb{background-color:var(--theme-primary)}.za-progress--line.za-progress--success .za-progress__thumb{background-color:var(--theme-success)}.za-progress--line.za-progress--warning .za-progress__thumb{background-color:var(--theme-warning)}.za-progress--line.za-progress--danger .za-progress__thumb{background-color:var(--theme-danger)}.za-progress--line.za-progress--lg{width:var(--progress-width-lg)}.za-progress--line.za-progress--md{width:var(--progress-width-md)}.za-progress--line.za-progress--sm{width:var(--progress-width-sm)}.za-progress--line .za-progress__track{width:100%;height:100%;background:var(--progress-background);overflow:hidden}.za-progress--line .za-progress__thumb{height:100%;transition:width .6s ease,background-color .6s ease}.za-progress--circle{display:inline-block}.za-progress--circle .za-progress__track{stroke:var(--progress-background);fill-opacity:0}.za-progress--circle .za-progress__thumb{fill-opacity:0;transition:stroke-dashoffset .6s ease,stroke .6s ease}.za-progress--circle.za-progress--primary .za-progress__thumb{stroke:var(--theme-primary)}.za-progress--circle.za-progress--success .za-progress__thumb{stroke:var(--theme-success)}.za-progress--circle.za-progress--warning .za-progress__thumb{stroke:var(--theme-warning)}.za-progress--circle.za-progress--danger .za-progress__thumb{stroke:var(--theme-danger)}.za-progress--circle svg{width:100%;height:100%}.za-progress--circle .za-progress__text{display:block;position:absolute;top:50%;left:0;width:100%;margin:0;text-align:center;line-height:1;transform:translateY(-50%)}.za-progress--circle.za-progress--lg{width:var(--progress-size-lg);height:var(--progress-size-lg)}.za-progress--circle.za-progress--lg .za-progress__text{font-size:var(--progress-font-size-circle-lg)}.za-progress--circle.za-progress--md{width:var(--progress-size-md);height:var(--progress-size-md)}.za-progress--circle.za-progress--md .za-progress__text{font-size:var(--progress-font-size-circle-md)}.za-progress--circle.za-progress--sm{width:var(--progress-size-sm);height:var(--progress-size-sm)}.za-progress--circle.za-progress--sm .za-progress__text{font-size:var(--progress-font-size-circle-sm)}.za-progress--semi-circle{display:inline-block}.za-progress--semi-circle .za-progress__track{stroke:var(--progress-background);fill-opacity:0}.za-progress--semi-circle .za-progress__thumb{fill-opacity:0;transition:stroke-dashoffset .6s ease,stroke .6s ease}.za-progress--semi-circle.za-progress--primary .za-progress__thumb{stroke:var(--theme-primary)}.za-progress--semi-circle.za-progress--success .za-progress__thumb{stroke:var(--theme-success)}.za-progress--semi-circle.za-progress--warning .za-progress__thumb{stroke:var(--theme-warning)}.za-progress--semi-circle.za-progress--danger .za-progress__thumb{stroke:var(--theme-danger)}.za-progress--semi-circle svg{width:100%;height:100%}.za-progress--semi-circle .za-progress__text{display:block;position:absolute;bottom:0;left:0;width:100%;margin:0;text-align:center;line-height:1}.za-progress--semi-circle.za-progress--lg{width:var(--progress-size-lg);height:calc(var(--progress-size-lg)/2)}.za-progress--semi-circle.za-progress--lg .za-progress__text{font-size:var(--progress-font-size-circle-lg)}.za-progress--semi-circle.za-progress--md{width:var(--progress-size-md);height:calc(var(--progress-size-md)/2)}.za-progress--semi-circle.za-progress--md .za-progress__text{font-size:var(--progress-font-size-circle-md)}.za-progress--semi-circle.za-progress--sm{width:var(--progress-size-sm);height:calc(var(--progress-size-sm)/2)}.za-progress--semi-circle.za-progress--sm .za-progress__text{font-size:var(--progress-font-size-circle-sm)}
--- a/dist/12.js
+++ b/dist/12.js
@ -0,0 +1,425 @@
+(window.webpackJsonp = window.webpackJsonp || []).push([
+  [12],
+  {
+    EeA9: function(g, h) {
+      g.exports =
+        'data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGQAAABkCAYAAABw4pVUAAAFKUlEQVR4Xu2cf2jUdRjH33fb7vdtN20U/lH9lX9aBFFR+0OoyIQGsTDLSMowphus/IFi2R+tZaGi1hIrCPxj2ZKSoGaLEYZRgqtAmBIpsiZu0dbdbbvv/frG99ZUtks+973uuUd4f//cnu+e5/N6fZ/n87nbbR7btm3wUkPAQyFqXBQKoRBdPihEmQ8KoRBtBJTVwz2EQpQRUFYOO4RClBFQVg47hEKUEVBWDjuEQpQRUFYOO4RClBFQVg47hEKUEVBWDjuEQpQRUFYOO4RClBFQVg47hEKUEVBWDjuEQkon0H8yjaDfg+a763D8hzR+Pptd8EM614RQWwP8MZbH4E9prHjQj0UNnitxB/tmsPrRAKLhq18rvZLK36G+Q349l0VbVwKtD/vRvjqE4fM5jFzOXSEzmbDR8+k0Bg42YnQ8j237kuh4OoSuD6dwuKsBAR/w28UcPulPYfu6cOWJlplBtZC/kzY63krggbvqMJ2yC0LmXx8fSyExbWPDqiA+G7AQT9pY2xLAG4emsPweH+5bVofNe5LY9FwYTY26u8NZm2ohHbsSeL4liHMXcxgdyy0Q4nwq+fGOSby/ox5Lmrw4cTqDU2cycMbXpt1JrG8Nwumgk79ksPGpYJnPrsztaoV8cHQGAZ8Hz6wMoG/AKirk+6FMYRTt3xot0EqlgZ09STiiIiEPdrwYxsbuBN5sj2Dkch7HvrPwyP0+LLujVoauiywqhZw6k8WR/hTe7owUlvRfQhzYrQ8FCpv9tVc6A/jqgG9/TOPSeB6PNfvR1hXH7lei2H4gidfWR3DrLV4XuCp/i0oh7d0JjE/mEQnOzvyxiTzSaWDp7TXYu3m2G0bH8njh9Ti+3B+DtwjbXB7Y0JXAvq1RnDidxtBwFi8/G8KhozNoinnRstxfebouMqgU4oyeXO7qn618MWjh0p95vPRkCKHA7Cr3Hp5GOOjBuieK7w1931gI+IGVzX78PpLDgd7pQofs7JkqyLhzqc6xpVLI/Adr/shyRtKKtgn07orhptjCk1PKAjrfSeDdbVF4/v12z5EZnL2QxW1LagqHgxqdE0v3KctFx89u7hYwY9lorNd/zJ2/xhuiQ9yKuRHvoxBl1iiEQpQRUFYOO4RClBFQVg47hEKUEVBWDjuEQpQRUFYOO4RClBFQVg47hEKUEVBWzv/SIb1fW/h80MKF0SxSVnX+H9pX7y2uGlqvB6itReGXZ8EyfxFZlpCxCRtb9iQwNJypGoy5xNUUcu3i/T4gFgUcSW6usoSsfTWuQoazcC1CnFocKYvq3ego43NZzpjq/ijpLmsF7tIkxFme0yVuxpfrDlm1JY7h89UfVdpG1lw9zseQFjeU/uS5FnLvmr+qtoEXW6a2DnH2kJtdnDMopPSH2OgOcSEcWdf3Ij6yuKlfX4j4pu6Uw2NvcSlVOfY6pfCF4UIhVX1hOFcO3zpR8taJ0XGDQSURcH3sLSkLg40JUIgxKplACpHhbJyFQoxRyQRSiAxn4ywUYoxKJpBCZDgbZ6EQY1QygRQiw9k4C4UYo5IJpBAZzsZZKMQYlUwghchwNs5CIcaoZAIpRIazcRYKMUYlE0ghMpyNs1CIMSqZQAqR4WychUKMUckEUogMZ+MsFGKMSiaQQmQ4G2ehEGNUMoEUIsPZOAuFGKOSCaQQGc7GWSjEGJVMIIXIcDbOQiHGqGQCKUSGs3EWCjFGJRNIITKcjbNQiDEqmUAKkeFsnIVCjFHJBFKIDGfjLBRijEom8B9pouPz/ukQEwAAAABJRU5ErkJggg==';
+    },
+    HasT: function(g, h, i) {
+      'use strict';
+      i('1Ywk'), i('VRoH');
+    },
+    TzXF: function(g, h, i) {
+      'use strict';
+      i.r(h);
+      var c = i('HasT'),
+        G = i.n(c),
+        b = i('v+0w'),
+        R = i.n(b),
+        U = i('q1tI'),
+        s = i.n(U),
+        W = i('EeA9'),
+        w = i.n(W),
+        y = Object(U.memo)(_ => {
+          var S = _.theme,
+            D = _.size,
+            Q = _.shape,
+            A = _.percent,
+            E = _.strokeWidth,
+            M = _.isTpl;
+          return s.a.createElement(
+            s.a.Fragment,
+            null,
+            M
+              ? s.a.createElement('div', null, s.a.createElement('img', { src: w.a, alt: '' }))
+              : s.a.createElement(
+                  'div',
+                  { style: { textAlign: 'center' } },
+                  s.a.createElement(R.a, {
+                    shape: Q,
+                    size: D,
+                    percent: A,
+                    theme: S,
+                    strokeWidth: E,
+                  }),
+                ),
+          );
+        });
+      h.default = y;
+    },
+    VRoH: function(g, h, i) {},
+    'v+0w': function(g, h, i) {
+      'use strict';
+      Object.defineProperty(h, '__esModule', { value: !0 }), (h.default = void 0);
+      var c = U(i('q1tI')),
+        G = b(i('TSYQ'));
+      function b(e) {
+        return e && e.__esModule ? e : { default: e };
+      }
+      function R() {
+        if (typeof WeakMap != 'function') return null;
+        var e = new WeakMap();
+        return (
+          (R = function() {
+            return e;
+          }),
+          e
+        );
+      }
+      function U(e) {
+        if (e && e.__esModule) return e;
+        if (e === null || (s(e) !== 'object' && typeof e != 'function')) return { default: e };
+        var t = R();
+        if (t && t.has(e)) return t.get(e);
+        var r = {},
+          n = Object.defineProperty && Object.getOwnPropertyDescriptor;
+        for (var o in e)
+          if (Object.prototype.hasOwnProperty.call(e, o)) {
+            var a = n ? Object.getOwnPropertyDescriptor(e, o) : null;
+            a && (a.get || a.set) ? Object.defineProperty(r, o, a) : (r[o] = e[o]);
+          }
+        return (r.default = e), t && t.set(e, r), r;
+      }
+      function s(e) {
+        return (
+          typeof Symbol == 'function' && typeof Symbol.iterator == 'symbol'
+            ? (s = function(r) {
+                return typeof r;
+              })
+            : (s = function(r) {
+                return r &&
+                  typeof Symbol == 'function' &&
+                  r.constructor === Symbol &&
+                  r !== Symbol.prototype
+                  ? 'symbol'
+                  : typeof r;
+              }),
+          s(e)
+        );
+      }
+      function W(e, t) {
+        var r = Object.keys(e);
+        if (Object.getOwnPropertySymbols) {
+          var n = Object.getOwnPropertySymbols(e);
+          t &&
+            (n = n.filter(function(o) {
+              return Object.getOwnPropertyDescriptor(e, o).enumerable;
+            })),
+            r.push.apply(r, n);
+        }
+        return r;
+      }
+      function w(e) {
+        for (var t = 1; t < arguments.length; t++) {
+          var r = arguments[t] != null ? arguments[t] : {};
+          t % 2
+            ? W(Object(r), !0).forEach(function(n) {
+                y(e, n, r[n]);
+              })
+            : Object.getOwnPropertyDescriptors
+            ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(r))
+            : W(Object(r)).forEach(function(n) {
+                Object.defineProperty(e, n, Object.getOwnPropertyDescriptor(r, n));
+              });
+        }
+        return e;
+      }
+      function y(e, t, r) {
+        return (
+          t in e
+            ? Object.defineProperty(e, t, {
+                value: r,
+                enumerable: !0,
+                configurable: !0,
+                writable: !0,
+              })
+            : (e[t] = r),
+          e
+        );
+      }
+      function _(e, t) {
+        if (!(e instanceof t)) throw new TypeError('Cannot call a class as a function');
+      }
+      function S(e, t) {
+        for (var r = 0; r < t.length; r++) {
+          var n = t[r];
+          (n.enumerable = n.enumerable || !1),
+            (n.configurable = !0),
+            'value' in n && (n.writable = !0),
+            Object.defineProperty(e, n.key, n);
+        }
+      }
+      function D(e, t, r) {
+        return t && S(e.prototype, t), r && S(e, r), e;
+      }
+      function Q(e, t) {
+        return t && (s(t) === 'object' || typeof t == 'function') ? t : A(e);
+      }
+      function A(e) {
+        if (e === void 0)
+          throw new ReferenceError("this hasn't been initialised - super() hasn't been called");
+        return e;
+      }
+      function E(e) {
+        return (
+          (E = Object.setPrototypeOf
+            ? Object.getPrototypeOf
+            : function(r) {
+                return r.__proto__ || Object.getPrototypeOf(r);
+              }),
+          E(e)
+        );
+      }
+      function M(e, t) {
+        if (typeof t != 'function' && t !== null)
+          throw new TypeError('Super expression must either be null or a function');
+        (e.prototype = Object.create(t && t.prototype, {
+          constructor: { value: e, writable: !0, configurable: !0 },
+        })),
+          t && x(e, t);
+      }
+      function x(e, t) {
+        return (
+          (x =
+            Object.setPrototypeOf ||
+            function(n, o) {
+              return (n.__proto__ = o), n;
+            }),
+          x(e, t)
+        );
+      }
+      var B = (function(e) {
+        M(t, e);
+        function t(r) {
+          var n;
+          return (
+            _(this, t),
+            (n = Q(this, E(t).call(this, r))),
+            (n.progressElement = void 0),
+            (n.state = { svgStrokeWidth: n.strokeWidth }),
+            n
+          );
+        }
+        return (
+          D(t, [
+            {
+              key: 'componentDidMount',
+              value: function() {
+                this.useSVG && this.resetSVGStrokeWidth();
+              },
+            },
+            {
+              key: 'componentDidUpdate',
+              value: function(n) {
+                var o = this.props;
+                n.strokeWidth !== o.strokeWidth && this.resetSVGStrokeWidth();
+              },
+            },
+            {
+              key: 'resetSVGStrokeWidth',
+              value: function() {
+                var n = 32,
+                  o = this.progressElement.clientWidth;
+                this.setState({ svgStrokeWidth: (n / o) * this.strokeWidth });
+              },
+            },
+            {
+              key: 'render',
+              value: function() {
+                var n,
+                  o = this,
+                  a = this.props,
+                  v = a.theme,
+                  O = a.percent,
+                  I = a.strokeShape,
+                  u = a.shape,
+                  p = a.size,
+                  N = a.style,
+                  l = a.prefixCls,
+                  H = a.className,
+                  K = a.children,
+                  z = a.text,
+                  Z = this.state,
+                  d = this.useSVG ? Z.svgStrokeWidth : this.strokeWidth,
+                  V = p && p in t.strokeWeights,
+                  J = (0, G.default)(
+                    l,
+                    H,
+                    ((n = {}),
+                    y(n, ''.concat(l, '--').concat(u), !!u),
+                    y(n, ''.concat(l, '--').concat(v), !!v),
+                    y(n, ''.concat(l, '--').concat(p), V),
+                    n),
+                  ),
+                  P = {};
+                V ||
+                  ((P.width = p),
+                  u === 'circle' && (P.height = p),
+                  u === 'semi-circle' &&
+                    (typeof p == 'number'
+                      ? (P.height = ''.concat(p / 2, 'px'))
+                      : typeof p == 'string' &&
+                        (P.height = p.replace(/^(\d+)(.+)$/, function() {
+                          return (
+                            parseFloat(arguments.length <= 1 ? void 0 : arguments[1]) / 2 +
+                            (arguments.length <= 2 ? void 0 : arguments[2])
+                          );
+                        }))));
+                var f = 32,
+                  m = f / 2,
+                  k = m + d / 2,
+                  j = I === 'round' ? 'round' : 'butt',
+                  X =
+                    u === 'circle'
+                      ? '0 0 '.concat(f + d, ' ').concat(f + d)
+                      : '0 0 '.concat(f + d, ' ').concat((f + d) / 2),
+                  C =
+                    u === 'circle'
+                      ? `
+        M`
+                          .concat(k, ', ')
+                          .concat(
+                            k,
+                            `
+        m0 `,
+                          )
+                          .concat(
+                            -m,
+                            `
+        a`,
+                          )
+                          .concat(m, ' ')
+                          .concat(m, ' 0 1 1 0 ')
+                          .concat(
+                            f,
+                            `
+        a`,
+                          )
+                          .concat(m, ' ')
+                          .concat(m, ' 0 1 1 0 ')
+                          .concat(-f)
+                      : `
+        M`
+                          .concat(k, ', ')
+                          .concat(
+                            k,
+                            `
+        m`,
+                          )
+                          .concat(
+                            -m,
+                            ` 0
+        a`,
+                          )
+                          .concat(m, ' ')
+                          .concat(m, ' 0 0 1 ')
+                          .concat(f, ' 0'),
+                  T = u === 'circle' ? Math.PI * f : (Math.PI * f) / 2,
+                  L = I === 'round' ? ''.concat(this.strokeWidth, 'px') : '0',
+                  q = { height: ''.concat(d), borderRadius: L },
+                  $ = { width: ''.concat(O, '%'), height: ''.concat(d, 'px'), borderRadius: L },
+                  F = z ? z(O || 0) : null,
+                  Y = K || F,
+                  ee =
+                    (u === 'circle' || u === 'semi-circle') &&
+                    c.default.createElement(
+                      c.default.Fragment,
+                      null,
+                      c.default.createElement(
+                        'svg',
+                        { viewBox: X },
+                        c.default.createElement('path', {
+                          className: ''.concat(l, '__track'),
+                          d: C,
+                          strokeWidth: d,
+                          strokeLinecap: j,
+                        }),
+                        c.default.createElement('path', {
+                          className: ''.concat(l, '__thumb'),
+                          d: C,
+                          strokeWidth: d,
+                          strokeLinecap: j,
+                          strokeDasharray: T,
+                          strokeDashoffset: (T * (100 - O)) / 100,
+                        }),
+                      ),
+                      Y &&
+                        c.default.createElement(
+                          'div',
+                          { className: ''.concat(l, '__text') },
+                          K || F,
+                        ),
+                    ),
+                  te =
+                    u === 'line' &&
+                    c.default.createElement(
+                      'div',
+                      { className: ''.concat(l, '__outer') },
+                      c.default.createElement(
+                        'div',
+                        { className: ''.concat(l, '__track'), style: q },
+                        c.default.createElement('div', {
+                          className: ''.concat(l, '__thumb'),
+                          style: $,
+                        }),
+                      ),
+                      Y &&
+                        c.default.createElement(
+                          'div',
+                          { className: ''.concat(l, '__text') },
+                          K || F,
+                        ),
+                    );
+                return c.default.createElement(
+                  'div',
+                  {
+                    className: J,
+                    style: w({}, P, {}, N),
+                    ref: function(re) {
+                      o.progressElement = re;
+                    },
+                  },
+                  u === 'line' ? te : ee,
+                );
+              },
+            },
+            {
+              key: 'useSVG',
+              get: function() {
+                var n = this.props;
+                return n.shape === 'semi-circle' || n.shape === 'circle';
+              },
+            },
+            {
+              key: 'strokeWidth',
+              get: function() {
+                var n = this.props,
+                  o = n.strokeWidth,
+                  a = n.size,
+                  v = t.strokeWeights,
+                  O = v[a && a in v ? a : 'md'];
+                return Math.max(1, o || O);
+              },
+            },
+          ]),
+          t
+        );
+      })(c.PureComponent);
+      (h.default = B),
+        (B.defaultProps = {
+          prefixCls: 'za-progress',
+          theme: 'primary',
+          shape: 'line',
+          size: 'md',
+          percent: 0,
+          strokeShape: 'round',
+          text: function(t) {
+            return ''.concat(t, '%');
+          },
+        }),
+        (B.strokeWeights = { lg: 10, md: 8, sm: 4 });
+    },
+  },
+]);
+
+//# sourceMappingURL=12.js.map
--- a/dist/12.js.map
+++ b/dist/12.js.map
--- a/dist/120.chunk.css
+++ b/dist/120.chunk.css
@ -0,0 +1 @@
+.richTextWrap :global(p){margin-bottom:0}.richTextWrap :global(img){max-width:100%;text-align:center}.richTextWrap :global(blockquote){margin:0 0 10px;padding:12px 20px;background-color:#f1f2f3;border-left:5px solid #ccc;color:#666;font-style:italic}
--- a/dist/120.js
+++ b/dist/120.js
@ -0,0 +1,3 @@
+(window.webpackJsonp = window.webpackJsonp || []).push([[120], { 'OO/P': function(e, n, p) {} }]);
+
+//# sourceMappingURL=120.js.map
--- a/dist/120.js.map
+++ b/dist/120.js.map
@ -0,0 +1 @@
+{"version":3,"sources":[],"names":[],"mappings":"","file":"120.js","sourceRoot":""}
--- a/dist/121.chunk.css
+++ b/dist/121.chunk.css
@ -0,0 +1 @@
+.tabWrap{padding-top:16px;padding-bottom:16px}.tabWrap .content{display:flex;flex-wrap:wrap}.tabWrap .content .item{padding:20px 20px 0;width:50%;text-align:center;justify-content:center}.tabWrap .content .item .imgWrap{display:inline-block;width:80%}.tabWrap .content .item .imgWrap img{border-radius:6px;width:120px;height:120px;object-fit:cover}.tabWrap .content .item .imgWrap .title{line-height:2.4}
--- a/dist/121.js
+++ b/dist/121.js
@ -0,0 +1,3 @@
+(window.webpackJsonp = window.webpackJsonp || []).push([[121], { d24r: function(e, n, p) {} }]);
+
+//# sourceMappingURL=121.js.map
--- a/dist/121.js.map
+++ b/dist/121.js.map
@ -0,0 +1 @@
+{"version":3,"sources":[],"names":[],"mappings":"","file":"121.js","sourceRoot":""}
--- a/dist/122.chunk.css
+++ b/dist/122.chunk.css
@ -0,0 +1 @@
+.whiteTpl{text-align:center}.whiteTpl .title{color:#fff}
--- a/dist/122.js
+++ b/dist/122.js
@ -0,0 +1,3 @@
+(window.webpackJsonp = window.webpackJsonp || []).push([[122], { I8vC: function(e, n, p) {} }]);
+
+//# sourceMappingURL=122.js.map
--- a/dist/122.js.map
+++ b/dist/122.js.map
@ -0,0 +1 @@
+{"version":3,"sources":[],"names":[],"mappings":"","file":"122.js","sourceRoot":""}
--- a/dist/123.chunk.css
+++ b/dist/123.chunk.css
@ -0,0 +1 @@
+.audioWrap{height:100%;display:flex;align-items:center}
--- a/dist/123.js
+++ b/dist/123.js
@ -0,0 +1,3 @@
+(window.webpackJsonp = window.webpackJsonp || []).push([[123], { uPpY: function(e, p, n) {} }]);
+
+//# sourceMappingURL=123.js.map
--- a/dist/123.js.map
+++ b/dist/123.js.map
@ -0,0 +1 @@
+{"version":3,"sources":[],"names":[],"mappings":"","file":"123.js","sourceRoot":""}
--- a/dist/124.chunk.css
+++ b/dist/124.chunk.css
@ -0,0 +1 @@
+.calenderWrap{position:relative;overflow:hidden;background-color:#fff}.calenderWrap :global(.za-calendar__month){color:var(--color)!important}.calenderWrap :global(.za-calendar__day--today .za-calendar__day__content){color:var(--selectColor);background-color:hsla(0,0%,100%,.3)}.calenderWrap :global(.za-calendar__day--selected .za-calendar__day__content){background-color:var(--selectColor)!important}.calenderWrap :global(.za-calendar__day--range),.calenderWrap :global(.za-calendar__day--range .za-calendar__day__content),.calenderWrap :global(.za-calendar__day--selected .za-calendar__day__content){background-color:var(--selectBgColor)!important;background-image:linear-gradient(90deg,transparent,transparent 50%,var(--selectBgColor) 0)!important}.calenderWrap :global(.za-calendar__day--range){color:hsla(0,0%,100%,.7)!important}.calenderWrap :global(.za-calendar__day--range) :global(.za-calendar__day__content){color:hsla(0,0%,100%,.7)!important}.calenderWrap :global(.za-calendar__day.range-end) :global(.za-calendar__day__content),.calenderWrap :global(.za-calendar__day.range-start) :global(.za-calendar__day__content){color:#fff!important}.calenderWrap :global(.za-calendar__day.range-start:not(.range-end):not(.d6):not(:last-child)){background-image:linear-gradient(90deg,transparent,transparent 50%,var(--selectBgColor) 0)!important}.calenderWrap :global(.za-calendar__day.range-end:not(.range-start):not(.d7):not(:first-child)){background-image:linear-gradient(-90deg,transparent,transparent 50%,var(--selectBgColor) 0)!important}
--- a/dist/124.js
+++ b/dist/124.js
@ -0,0 +1,3 @@
+(window.webpackJsonp = window.webpackJsonp || []).push([[124], { cvEo: function(e, c, n) {} }]);
+
+//# sourceMappingURL=124.js.map
--- a/dist/124.js.map
+++ b/dist/124.js.map
@ -0,0 +1 @@
+{"version":3,"sources":[],"names":[],"mappings":"","file":"124.js","sourceRoot":""}
--- a/dist/125.chunk.css
+++ b/dist/125.chunk.css
@ -0,0 +1 @@
+.mapWrap{height:100%;display:flex;align-items:center}.mapWrap>div{width:100%}
--- a/dist/125.js
+++ b/dist/125.js
@ -0,0 +1,3 @@
+(window.webpackJsonp = window.webpackJsonp || []).push([[125], { ZK1i: function(e, i, n) {} }]);
+
+//# sourceMappingURL=125.js.map
--- a/dist/125.js.map
+++ b/dist/125.js.map
@ -0,0 +1 @@
+{"version":3,"sources":[],"names":[],"mappings":"","file":"125.js","sourceRoot":""}
--- a/dist/126.chunk.css
+++ b/dist/126.chunk.css
@ -0,0 +1 @@
+.topArea{padding:10px;display:flex;background:linear-gradient(45deg,#d4b00b,#f07b7b);align-items:center}.topArea .leftBox{max-width:72px;max-height:72px;overflow:hidden}.topArea .leftBox img{width:100%;height:100%;object-fit:contain}.topArea .rightBox{margin-left:6px}.topArea .rightBox .title{display:inline-block;border-radius:10px;font-size:12px}.topArea .rightBox .desc{margin-top:3px;font-size:12px;transform:scale(.8);transform-origin:left;color:#fff}
--- a/dist/126.js
+++ b/dist/126.js
@ -0,0 +1,3 @@
+(window.webpackJsonp = window.webpackJsonp || []).push([[126], { Atd1: function(e, n, p) {} }]);
+
+//# sourceMappingURL=126.js.map
--- a/dist/126.js.map
+++ b/dist/126.js.map
@ -0,0 +1 @@
+{"version":3,"sources":[],"names":[],"mappings":"","file":"126.js","sourceRoot":""}
--- a/dist/127.chunk.css
+++ b/dist/127.chunk.css
@ -0,0 +1 @@
+.topArea{padding:16px;display:flex;background-color:#e4a216}.topArea .leftBox{color:#fff}.topArea .leftBox span{font-size:30px}.topArea .rightBox{margin-left:auto}.topArea .rightBox .label{display:inline-block;padding:2px 8px;border-radius:10px;font-size:14px;color:#e4a216;background-color:#fff}.topArea .rightBox .time{margin-top:3px;font-size:12px;color:#fff}.ft{padding-left:16px;padding-right:16px;line-height:2;color:#757473}
--- a/dist/127.js
+++ b/dist/127.js
@ -0,0 +1,3 @@
+(window.webpackJsonp = window.webpackJsonp || []).push([[127], { CS6M: function(e, n, p) {} }]);
+
+//# sourceMappingURL=127.js.map
--- a/dist/127.js.map
+++ b/dist/127.js.map
@ -0,0 +1 @@
+{"version":3,"sources":[],"names":[],"mappings":"","file":"127.js","sourceRoot":""}
--- a/dist/128.chunk.css
+++ b/dist/128.chunk.css
@ -0,0 +1 @@
+.list{margin:20px auto;width:94%}.list .searchWrap{margin-bottom:16px;display:flex;width:100%;height:36px;border-radius:30px;background-color:#f0f0f0}.list .searchWrap input{display:inline-block;padding-left:12px;flex:1 1;border:none;background-color:transparent}.list .searchWrap .searchBtn{margin-left:10px;margin-right:10px;line-height:36px;font-size:18px;display:inline-block;cursor:pointer}.list .sourceList .sourceItem{position:relative;display:flex;align-items:center;margin-bottom:16px}.list .sourceList .sourceItem .content{margin-left:12px}.list .sourceList .sourceItem .content .tit{line-height:2}.list .sourceList .sourceItem .price{position:absolute;right:12px;bottom:0;color:red}
--- a/dist/128.js
+++ b/dist/128.js
@ -0,0 +1,3 @@
+(window.webpackJsonp = window.webpackJsonp || []).push([[128], { gddL: function(e, n, p) {} }]);
+
+//# sourceMappingURL=128.js.map
--- a/dist/128.js.map
+++ b/dist/128.js.map
@ -0,0 +1 @@
+{"version":3,"sources":[],"names":[],"mappings":"","file":"128.js","sourceRoot":""}
--- a/dist/129.chunk.css
+++ b/dist/129.chunk.css
@ -0,0 +1 @@
+.tabWrap{padding-top:16px;padding-bottom:16px}.tabWrap .content{display:flex;flex-wrap:wrap}.tabWrap .content .item{position:relative;padding:20px 20px 0;width:50%;text-align:center;justify-content:center}.tabWrap .content .item .imgWrap{display:inline-block;width:80%}.tabWrap .content .item .imgWrap img{border-radius:6px;width:120px;height:120px;object-fit:cover}.tabWrap .content .item .imgWrap .title{line-height:2.4}.tabWrap .content .item .price{position:absolute;right:26px;bottom:-12px;color:red}
--- a/dist/129.js
+++ b/dist/129.js
@ -0,0 +1,3 @@
+(window.webpackJsonp = window.webpackJsonp || []).push([[129], { qrVU: function(e, n, p) {} }]);
+
+//# sourceMappingURL=129.js.map
--- a/dist/129.js.map
+++ b/dist/129.js.map
@ -0,0 +1 @@
+{"version":3,"sources":[],"names":[],"mappings":"","file":"129.js","sourceRoot":""}
--- a/dist/13.chunk.css
+++ b/dist/13.chunk.css
@ -0,0 +1 @@
+.audioWrap___1o2Z1{height:100%;display:flex;align-items:center}
--- a/dist/13.js
+++ b/dist/13.js
@ -0,0 +1,517 @@
+(window.webpackJsonp = window.webpackJsonp || []).push([
+  [13],
+  {
+    '0uik': function(o, t) {
+      o.exports =
+        'data:image/png;base64,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';
+    },
+    '59XX': function(o, t, r) {
+      o.exports = { audioWrap: 'audioWrap___1o2Z1' };
+    },
+    LKa7: function(o, t, r) {
+      'use strict';
+      r.r(t);
+      var e = r('q1tI'),
+        n = r.n(e),
+        _ = r('lGKq'),
+        a = r.n(_),
+        u = r('59XX'),
+        l = r.n(u),
+        s = r('0uik'),
+        c = r.n(s),
+        p = Object(e.memo)(i => {
+          var d = i.height,
+            A = i.url,
+            E = i.isTpl;
+          return n.a.createElement(
+            n.a.Fragment,
+            null,
+            E
+              ? n.a.createElement(
+                  'div',
+                  null,
+                  n.a.createElement('img', {
+                    src: c.a,
+                    style: { width: '100%' },
+                    alt: 'h5-dooring音频播放组件',
+                  }),
+                )
+              : n.a.createElement(
+                  'div',
+                  { className: l.a.audioWrap },
+                  n.a.createElement(a.a, {
+                    src: A,
+                    autoPlay: !1,
+                    controls: !0,
+                    style: { width: '100%', height: d + 'px' },
+                  }),
+                ),
+          );
+        });
+      t.default = p;
+    },
+    lGKq: function(module, exports, __webpack_require__) {
+      module.exports = (function(o) {
+        var t = {};
+        function r(e) {
+          if (t[e]) return t[e].exports;
+          var n = (t[e] = { i: e, l: !1, exports: {} });
+          return o[e].call(n.exports, n, n.exports, r), (n.l = !0), n.exports;
+        }
+        return (
+          (r.m = o),
+          (r.c = t),
+          (r.d = function(e, n, _) {
+            r.o(e, n) || Object.defineProperty(e, n, { enumerable: !0, get: _ });
+          }),
+          (r.r = function(e) {
+            typeof Symbol != 'undefined' &&
+              Symbol.toStringTag &&
+              Object.defineProperty(e, Symbol.toStringTag, { value: 'Module' }),
+              Object.defineProperty(e, '__esModule', { value: !0 });
+          }),
+          (r.t = function(e, n) {
+            if ((1 & n && (e = r(e)), 8 & n)) return e;
+            if (4 & n && typeof e == 'object' && e && e.__esModule) return e;
+            var _ = Object.create(null);
+            if (
+              (r.r(_),
+              Object.defineProperty(_, 'default', { enumerable: !0, value: e }),
+              2 & n && typeof e != 'string')
+            )
+              for (var a in e)
+                r.d(
+                  _,
+                  a,
+                  function(u) {
+                    return e[u];
+                  }.bind(null, a),
+                );
+            return _;
+          }),
+          (r.n = function(e) {
+            var n =
+              e && e.__esModule
+                ? function() {
+                    return e.default;
+                  }
+                : function() {
+                    return e;
+                  };
+            return r.d(n, 'a', n), n;
+          }),
+          (r.o = function(e, n) {
+            return Object.prototype.hasOwnProperty.call(e, n);
+          }),
+          (r.p = ''),
+          r((r.s = 2))
+        );
+      })([
+        function(o, t) {
+          o.exports = __webpack_require__('17x9');
+        },
+        function(o, t) {
+          o.exports = __webpack_require__('q1tI');
+        },
+        function(module, __webpack_exports__, __webpack_require__) {
+          'use strict';
+          __webpack_require__.r(__webpack_exports__),
+            function(module) {
+              var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(1),
+                react__WEBPACK_IMPORTED_MODULE_0___default = __webpack_require__.n(
+                  react__WEBPACK_IMPORTED_MODULE_0__,
+                ),
+                prop_types__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(0),
+                prop_types__WEBPACK_IMPORTED_MODULE_1___default = __webpack_require__.n(
+                  prop_types__WEBPACK_IMPORTED_MODULE_1__,
+                ),
+                enterModule;
+              function _typeof(o) {
+                return (_typeof =
+                  typeof Symbol == 'function' && typeof Symbol.iterator == 'symbol'
+                    ? function(t) {
+                        return typeof t;
+                      }
+                    : function(t) {
+                        return t &&
+                          typeof Symbol == 'function' &&
+                          t.constructor === Symbol &&
+                          t !== Symbol.prototype
+                          ? 'symbol'
+                          : typeof t;
+                      })(o);
+              }
+              function _extends() {
+                return (_extends =
+                  Object.assign ||
+                  function(o) {
+                    for (var t = 1; t < arguments.length; t++) {
+                      var r = arguments[t];
+                      for (var e in r) Object.prototype.hasOwnProperty.call(r, e) && (o[e] = r[e]);
+                    }
+                    return o;
+                  }).apply(this, arguments);
+              }
+              function _classCallCheck(o, t) {
+                if (!(o instanceof t)) throw new TypeError('Cannot call a class as a function');
+              }
+              function _defineProperties(o, t) {
+                for (var r = 0; r < t.length; r++) {
+                  var e = t[r];
+                  (e.enumerable = e.enumerable || !1),
+                    (e.configurable = !0),
+                    'value' in e && (e.writable = !0),
+                    Object.defineProperty(o, e.key, e);
+                }
+              }
+              function _createClass(o, t, r) {
+                return t && _defineProperties(o.prototype, t), r && _defineProperties(o, r), o;
+              }
+              function _inherits(o, t) {
+                if (typeof t != 'function' && t !== null)
+                  throw new TypeError('Super expression must either be null or a function');
+                (o.prototype = Object.create(t && t.prototype, {
+                  constructor: { value: o, writable: !0, configurable: !0 },
+                })),
+                  t && _setPrototypeOf(o, t);
+              }
+              function _setPrototypeOf(o, t) {
+                return (_setPrototypeOf =
+                  Object.setPrototypeOf ||
+                  function(r, e) {
+                    return (r.__proto__ = e), r;
+                  })(o, t);
+              }
+              function _createSuper(o) {
+                return function() {
+                  var t,
+                    r = _getPrototypeOf(o);
+                  if (_isNativeReflectConstruct()) {
+                    var e = _getPrototypeOf(this).constructor;
+                    t = Reflect.construct(r, arguments, e);
+                  } else t = r.apply(this, arguments);
+                  return _possibleConstructorReturn(this, t);
+                };
+              }
+              function _possibleConstructorReturn(o, t) {
+                return !t || (_typeof(t) !== 'object' && typeof t != 'function')
+                  ? _assertThisInitialized(o)
+                  : t;
+              }
+              function _assertThisInitialized(o) {
+                if (o === void 0)
+                  throw new ReferenceError(
+                    "this hasn't been initialised - super() hasn't been called",
+                  );
+                return o;
+              }
+              function _isNativeReflectConstruct() {
+                if (typeof Reflect == 'undefined' || !Reflect.construct) return !1;
+                if (Reflect.construct.sham) return !1;
+                if (typeof Proxy == 'function') return !0;
+                try {
+                  return (
+                    Date.prototype.toString.call(Reflect.construct(Date, [], function() {})), !0
+                  );
+                } catch (o) {
+                  return !1;
+                }
+              }
+              function _getPrototypeOf(o) {
+                return (_getPrototypeOf = Object.setPrototypeOf
+                  ? Object.getPrototypeOf
+                  : function(t) {
+                      return t.__proto__ || Object.getPrototypeOf(t);
+                    })(o);
+              }
+              function _defineProperty(o, t, r) {
+                return (
+                  t in o
+                    ? Object.defineProperty(o, t, {
+                        value: r,
+                        enumerable: !0,
+                        configurable: !0,
+                        writable: !0,
+                      })
+                    : (o[t] = r),
+                  o
+                );
+              }
+              (enterModule =
+                typeof reactHotLoaderGlobal != 'undefined'
+                  ? reactHotLoaderGlobal.enterModule
+                  : void 0),
+                enterModule && enterModule(module);
+              var __signature__ =
+                  typeof reactHotLoaderGlobal != 'undefined'
+                    ? reactHotLoaderGlobal.default.signature
+                    : function(o) {
+                        return o;
+                      },
+                ReactAudioPlayer = (function(_Component) {
+                  _inherits(ReactAudioPlayer, _Component);
+                  var _super = _createSuper(ReactAudioPlayer);
+                  function ReactAudioPlayer() {
+                    var o;
+                    _classCallCheck(this, ReactAudioPlayer);
+                    for (var t = arguments.length, r = new Array(t), e = 0; e < t; e++)
+                      r[e] = arguments[e];
+                    return (
+                      _defineProperty(
+                        _assertThisInitialized((o = _super.call.apply(_super, [this].concat(r)))),
+                        'audioEl',
+                        react__WEBPACK_IMPORTED_MODULE_0___default.a.createRef(),
+                      ),
+                      _defineProperty(_assertThisInitialized(o), 'listenTracker', void 0),
+                      o
+                    );
+                  }
+                  return (
+                    _createClass(ReactAudioPlayer, [
+                      {
+                        key: 'componentDidMount',
+                        value: function() {
+                          var t = this,
+                            r = this.audioEl.current;
+                          r &&
+                            (this.updateVolume(this.props.volume),
+                            r.addEventListener('error', function(e) {
+                              t.props.onError(e);
+                            }),
+                            r.addEventListener('canplay', function(e) {
+                              t.props.onCanPlay(e);
+                            }),
+                            r.addEventListener('canplaythrough', function(e) {
+                              t.props.onCanPlayThrough(e);
+                            }),
+                            r.addEventListener('play', function(e) {
+                              t.setListenTrack(), t.props.onPlay(e);
+                            }),
+                            r.addEventListener('abort', function(e) {
+                              t.clearListenTrack(), t.props.onAbort(e);
+                            }),
+                            r.addEventListener('ended', function(e) {
+                              t.clearListenTrack(), t.props.onEnded(e);
+                            }),
+                            r.addEventListener('pause', function(e) {
+                              t.clearListenTrack(), t.props.onPause(e);
+                            }),
+                            r.addEventListener('seeked', function(e) {
+                              t.props.onSeeked(e);
+                            }),
+                            r.addEventListener('loadedmetadata', function(e) {
+                              t.props.onLoadedMetadata(e);
+                            }),
+                            r.addEventListener('volumechange', function(e) {
+                              t.props.onVolumeChanged(e);
+                            }));
+                        },
+                      },
+                      {
+                        key: 'componentDidUpdate',
+                        value: function(t) {
+                          this.updateVolume(this.props.volume);
+                        },
+                      },
+                      {
+                        key: 'setListenTrack',
+                        value: function() {
+                          var t = this;
+                          if (!this.listenTracker) {
+                            var r = this.props.listenInterval;
+                            this.listenTracker = window.setInterval(function() {
+                              t.audioEl.current && t.props.onListen(t.audioEl.current.currentTime);
+                            }, r);
+                          }
+                        },
+                      },
+                      {
+                        key: 'updateVolume',
+                        value: function(t) {
+                          var r = this.audioEl.current;
+                          r !== null &&
+                            typeof t == 'number' &&
+                            t !== (r == null ? void 0 : r.volume) &&
+                            (r.volume = t);
+                        },
+                      },
+                      {
+                        key: 'clearListenTrack',
+                        value: function() {
+                          this.listenTracker &&
+                            (clearInterval(this.listenTracker), delete this.listenTracker);
+                        },
+                      },
+                      {
+                        key: 'render',
+                        value: function() {
+                          var t =
+                              this.props.children ||
+                              react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(
+                                'p',
+                                null,
+                                'Your browser does not support the ',
+                                react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(
+                                  'code',
+                                  null,
+                                  'audio',
+                                ),
+                                ' element.',
+                              ),
+                            r = !(this.props.controls === !1),
+                            e = this.props.title ? this.props.title : this.props.src,
+                            n = {};
+                          return (
+                            this.props.controlsList && (n.controlsList = this.props.controlsList),
+                            react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(
+                              'audio',
+                              _extends(
+                                {
+                                  autoPlay: this.props.autoPlay,
+                                  className: 'react-audio-player '.concat(this.props.className),
+                                  controls: r,
+                                  crossOrigin: this.props.crossOrigin,
+                                  id: this.props.id,
+                                  loop: this.props.loop,
+                                  muted: this.props.muted,
+                                  preload: this.props.preload,
+                                  ref: this.audioEl,
+                                  src: this.props.src,
+                                  style: this.props.style,
+                                  title: e,
+                                },
+                                n,
+                              ),
+                              t,
+                            )
+                          );
+                        },
+                      },
+                      {
+                        key: '__reactstandin__regenerateByEval',
+                        value: function(key, code) {
+                          this[key] = eval(code);
+                        },
+                      },
+                    ]),
+                    ReactAudioPlayer
+                  );
+                })(react__WEBPACK_IMPORTED_MODULE_0__.Component);
+              _defineProperty(ReactAudioPlayer, 'propTypes', void 0),
+                _defineProperty(ReactAudioPlayer, 'defaultProps', void 0),
+                (ReactAudioPlayer.defaultProps = {
+                  autoPlay: !1,
+                  children: null,
+                  className: '',
+                  controls: !1,
+                  controlsList: '',
+                  id: '',
+                  listenInterval: 1e4,
+                  loop: !1,
+                  muted: !1,
+                  onAbort: function() {},
+                  onCanPlay: function() {},
+                  onCanPlayThrough: function() {},
+                  onEnded: function() {},
+                  onError: function() {},
+                  onListen: function() {},
+                  onPause: function() {},
+                  onPlay: function() {},
+                  onSeeked: function() {},
+                  onVolumeChanged: function() {},
+                  onLoadedMetadata: function() {},
+                  preload: 'metadata',
+                  style: {},
+                  title: '',
+                  volume: 1,
+                }),
+                (ReactAudioPlayer.propTypes = {
+                  autoPlay: prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.bool,
+                  children: prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.element,
+                  className: prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.string,
+                  controls: prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.bool,
+                  controlsList: prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.string,
+                  crossOrigin: prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.string,
+                  id: prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.string,
+                  listenInterval: prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.number,
+                  loop: prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.bool,
+                  muted: prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.bool,
+                  onAbort: prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.func,
+                  onCanPlay: prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.func,
+                  onCanPlayThrough: prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.func,
+                  onEnded: prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.func,
+                  onError: prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.func,
+                  onListen: prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.func,
+                  onLoadedMetadata: prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.func,
+                  onPause: prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.func,
+                  onPlay: prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.func,
+                  onSeeked: prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.func,
+                  onVolumeChanged: prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.func,
+                  preload: prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.oneOf([
+                    '',
+                    'none',
+                    'metadata',
+                    'auto',
+                  ]),
+                  src: prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.string,
+                  style: prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.objectOf(
+                    prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.string,
+                  ),
+                  title: prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.string,
+                  volume: prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.number,
+                });
+              var _default = ReactAudioPlayer,
+                reactHotLoader,
+                leaveModule;
+              (__webpack_exports__.default = _default),
+                (reactHotLoader =
+                  typeof reactHotLoaderGlobal != 'undefined'
+                    ? reactHotLoaderGlobal.default
+                    : void 0),
+                reactHotLoader &&
+                  (reactHotLoader.register(
+                    ReactAudioPlayer,
+                    'ReactAudioPlayer',
+                    '/home/justin/Projects/react-audio-player/src/index.tsx',
+                  ),
+                  reactHotLoader.register(
+                    _default,
+                    'default',
+                    '/home/justin/Projects/react-audio-player/src/index.tsx',
+                  )),
+                (leaveModule =
+                  typeof reactHotLoaderGlobal != 'undefined'
+                    ? reactHotLoaderGlobal.leaveModule
+                    : void 0),
+                leaveModule && leaveModule(module);
+            }.call(this, __webpack_require__(3)(module));
+        },
+        function(o, t) {
+          o.exports = function(r) {
+            if (!r.webpackPolyfill) {
+              var e = Object.create(r);
+              e.children || (e.children = []),
+                Object.defineProperty(e, 'loaded', {
+                  enumerable: !0,
+                  get: function() {
+                    return e.l;
+                  },
+                }),
+                Object.defineProperty(e, 'id', {
+                  enumerable: !0,
+                  get: function() {
+                    return e.i;
+                  },
+                }),
+                Object.defineProperty(e, 'exports', { enumerable: !0 }),
+                (e.webpackPolyfill = 1);
+            }
+            return e;
+          };
+        },
+      ]);
+    },
+  },
+]);
+
+//# sourceMappingURL=13.js.map
--- a/dist/13.js.map
+++ b/dist/13.js.map
--- a/dist/130.chunk.css
+++ b/dist/130.chunk.css
@ -0,0 +1 @@
+.topArea{display:flex}.topArea .tx{flex-shrink:0;width:72px;height:72px;border-radius:6px;background-color:#f0f0f0;overflow:hidden}.topArea .tx img{width:100%;height:100%;object-fit:cover}.topArea .textArea{margin-left:10px;margin-right:10px}.topArea .textArea .title{font-weight:700;line-height:2.4}.topArea .textArea .desc{opacity:.6}.topArea .btnArea{margin-left:auto;margin-top:3px;flex-shrink:0}.topArea .btnArea .btn{display:inline-block;padding:3px 8px;border-radius:4px;font-size:12px;color:#fff}.content{margin-top:16px}.content p{margin-bottom:2px;word-wrap:break-word}
--- a/dist/130.js
+++ b/dist/130.js
@ -0,0 +1,3 @@
+(window.webpackJsonp = window.webpackJsonp || []).push([[130], { NQol: function(e, n, o) {} }]);
+
+//# sourceMappingURL=130.js.map
--- a/dist/130.js.map
+++ b/dist/130.js.map
@ -0,0 +1 @@
+{"version":3,"sources":[],"names":[],"mappings":"","file":"130.js","sourceRoot":""}
--- a/dist/131.chunk.css
+++ b/dist/131.chunk.css
@ -0,0 +1 @@
+.chartWrap{position:relative;width:100%}.chartWrap .chartTitle{text-align:center}.chartWrap img{width:100%}.chartWrap canvas{width:100%}
--- a/dist/131.js
+++ b/dist/131.js
@ -0,0 +1,3 @@
+(window.webpackJsonp = window.webpackJsonp || []).push([[131], { z2BK: function(e, n, p) {} }]);
+
+//# sourceMappingURL=131.js.map
--- a/dist/131.js.map
+++ b/dist/131.js.map
@ -0,0 +1 @@
+{"version":3,"sources":[],"names":[],"mappings":"","file":"131.js","sourceRoot":""}
--- a/dist/132.chunk.css
+++ b/dist/132.chunk.css
@ -0,0 +1 @@
+.chartWrap{position:relative;width:100%}.chartWrap .chartTitle{text-align:center}.chartWrap img{width:100%}.chartWrap canvas{width:100%}
--- a/dist/132.js
+++ b/dist/132.js
@ -0,0 +1,3 @@
+(window.webpackJsonp = window.webpackJsonp || []).push([[132], { yheG: function(e, n, p) {} }]);
+
+//# sourceMappingURL=132.js.map
--- a/dist/132.js.map
+++ b/dist/132.js.map
@ -0,0 +1 @@
+{"version":3,"sources":[],"names":[],"mappings":"","file":"132.js","sourceRoot":""}
--- a/dist/133.chunk.css
+++ b/dist/133.chunk.css
@ -0,0 +1 @@
+.chartWrap{position:relative;width:100%}.chartWrap .chartTitle{text-align:center}.chartWrap img{width:100%}.chartWrap canvas{width:100%}
--- a/dist/133.js
+++ b/dist/133.js
@ -0,0 +1,3 @@
+(window.webpackJsonp = window.webpackJsonp || []).push([[133], { '/e9J': function(e, n, p) {} }]);
+
+//# sourceMappingURL=133.js.map
--- a/dist/133.js.map
+++ b/dist/133.js.map
@ -0,0 +1 @@
+{"version":3,"sources":[],"names":[],"mappings":"","file":"133.js","sourceRoot":""}
--- a/dist/134.chunk.css
+++ b/dist/134.chunk.css
@ -0,0 +1 @@
+.chartWrap{position:relative;width:100%}.chartWrap .chartTitle{text-align:center}.chartWrap img{width:100%}.chartWrap canvas{width:100%}
--- a/dist/134.js
+++ b/dist/134.js
@ -0,0 +1,3 @@
+(window.webpackJsonp = window.webpackJsonp || []).push([[134], { '92tZ': function(e, n, p) {} }]);
+
+//# sourceMappingURL=134.js.map
--- a/dist/134.js.map
+++ b/dist/134.js.map
@ -0,0 +1 @@
+{"version":3,"sources":[],"names":[],"mappings":"","file":"134.js","sourceRoot":""}
--- a/dist/14.chunk.css
+++ b/dist/14.chunk.css
@ -0,0 +1 @@
+.formWrap___3XfQZ{margin:10px;padding:20px 16px;border-radius:6px;background-color:#fff;box-shadow:0 2px 6px #f0f0f0;width:calc(100% - 20px)}.formWrap___3XfQZ .title___3GmRs{padding-bottom:20px;text-align:center}
--- a/dist/14.js
+++ b/dist/14.js
@ -0,0 +1,111 @@
+(window.webpackJsonp = window.webpackJsonp || []).push([
+  [14],
+  {
+    '/REC': function(n, r, t) {
+      'use strict';
+      t.r(r);
+      var u = t('/mF5'),
+        p = t.n(u),
+        s = t('r9WC'),
+        A = t.n(s),
+        R = t('0Owb'),
+        l = t('q1tI'),
+        o = t.n(l),
+        h = t('FLyv'),
+        g = t('IdzB'),
+        _ = t.n(g),
+        c = t('TcdT'),
+        f = t.n(c),
+        U = a => {
+          var E = a.title,
+            O = a.bgColor,
+            y = a.fontSize,
+            B = a.titColor,
+            d = a.btnColor,
+            C = a.titWeight,
+            I = a.btnTextColor,
+            P = a.api,
+            D = a.formControls,
+            m = {},
+            M = Object(l.useCallback)(
+              (e, i) => {
+                m[e.label] = i;
+              },
+              [m],
+            ),
+            Q = () => {
+              P &&
+                fetch(P, {
+                  body: JSON.stringify(m),
+                  cache: 'no-cache',
+                  headers: { 'content-type': 'application/json' },
+                  method: 'POST',
+                  mode: 'cors',
+                });
+            },
+            L = window.location.pathname.indexOf('editor') > -1;
+          return o.a.createElement(
+            o.a.Fragment,
+            null,
+            a.isTpl &&
+              o.a.createElement('div', null, o.a.createElement('img', { src: f.a, alt: '' })),
+            !a.isTpl &&
+              o.a.createElement(
+                'div',
+                {
+                  className: _.a.formWrap,
+                  style: {
+                    backgroundColor: O,
+                    overflow: 'hidden',
+                    position: 'absolute',
+                    pointerEvents: L ? 'none' : 'initial',
+                  },
+                },
+                E &&
+                  o.a.createElement(
+                    'div',
+                    { className: _.a.title, style: { fontSize: y, fontWeight: +C, color: B } },
+                    E,
+                  ),
+                o.a.createElement(
+                  'div',
+                  { className: _.a.formContent },
+                  D.map(e => {
+                    var i = h.default[e.type];
+                    return o.a.createElement(
+                      i,
+                      Object(R.a)({ onChange: K => M(e, K) }, e, { key: e.id }),
+                    );
+                  }),
+                  o.a.createElement(
+                    'div',
+                    { style: { textAlign: 'center', padding: '16px 0' } },
+                    o.a.createElement(
+                      A.a,
+                      {
+                        theme: 'primary',
+                        size: 'sm',
+                        block: !0,
+                        onClick: Q,
+                        style: { backgroundColor: d, borderColor: d, color: I },
+                      },
+                      '提交',
+                    ),
+                  ),
+                ),
+              ),
+          );
+        };
+      r.default = Object(l.memo)(U);
+    },
+    IdzB: function(n, r, t) {
+      n.exports = { formWrap: 'formWrap___3XfQZ', title: 'title___3GmRs' };
+    },
+    TcdT: function(n, r) {
+      n.exports =
+        'data:image/png;base64,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';
+    },
+  },
+]);
+
+//# sourceMappingURL=14.js.map
--- a/dist/14.js.map
+++ b/dist/14.js.map
--- a/dist/15.chunk.css
+++ b/dist/15.chunk.css
@ -0,0 +1 @@
+.header___aYfd0{box-sizing:content-box;padding:3px 12px;display:flex;align-items:center;height:50px;background-color:#000}.header___aYfd0 .logo___w7hai{margin-right:10px;max-width:160px;max-height:46px;height:46px;overflow:hidden}.header___aYfd0 .logo___w7hai img{height:100%;object-fit:contain}.header___aYfd0 .title___2sacU{color:#fff}
--- a/dist/15.js
+++ b/dist/15.js
@ -0,0 +1,76 @@
+(window.webpackJsonp = window.webpackJsonp || []).push([
+  [15],
+  {
+    '8mLh': function(t, A, a) {
+      t.exports = { header: 'header___aYfd0', logo: 'logo___w7hai', title: 'title___2sacU' };
+    },
+    MfcP: function(t, A) {
+      t.exports =
+        'data:image/png;base64,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';
+    },
+    lU1v: function(t, A, a) {
+      'use strict';
+      a.r(A);
+      var E = a('q1tI'),
+        o = a.n(E),
+        g = a('8mLh'),
+        i = a.n(g),
+        U = a('MfcP'),
+        l = a.n(U),
+        I = Object(E.memo)(e => {
+          var n = e.bgColor,
+            c = e.logo,
+            h = e.logoText,
+            R = e.fontSize,
+            r = e.color;
+          return o.a.createElement(
+            o.a.Fragment,
+            null,
+            e.isTpl &&
+              o.a.createElement('div', null, o.a.createElement('img', { src: l.a, alt: '' })),
+            !e.isTpl &&
+              o.a.createElement(
+                'header',
+                {
+                  className: i.a.header,
+                  style: {
+                    backgroundColor: n,
+                    overflow: 'hidden',
+                    position: 'absolute',
+                    width: ''.concat(e.baseWidth, '%'),
+                    height: ''.concat(e.baseHeight, '%'),
+                    borderRadius: e.baseRadius,
+                    transform: 'translate('
+                      .concat(e.baseLeft, 'px,')
+                      .concat(
+                        e.baseTop,
+                        `px) 
+        scale(`,
+                      )
+                      .concat(
+                        e.baseScale / 100,
+                        `) 
+        rotate(`,
+                      )
+                      .concat(e.baseRotate, 'deg)'),
+                  },
+                },
+                o.a.createElement(
+                  'div',
+                  { className: i.a.logo },
+                  o.a.createElement('img', { src: c && c[0].url, alt: h }),
+                ),
+                o.a.createElement(
+                  'div',
+                  { className: i.a.title, style: { fontSize: R, color: r } },
+                  h,
+                ),
+              ),
+          );
+        });
+      A.default = I;
+    },
+  },
+]);
+
+//# sourceMappingURL=15.js.map
--- a/dist/15.js.map
+++ b/dist/15.js.map
--- a/dist/16.chunk.css
+++ b/dist/16.chunk.css
@ -0,0 +1 @@
+.list___1d2Hk{margin:20px auto;width:94%}.list___1d2Hk .sourceList___3pjcQ .sourceItem___Pdzeu{display:flex;align-items:center;margin-bottom:16px}.list___1d2Hk .sourceList___3pjcQ .sourceItem___Pdzeu .content___Eou_U{margin-left:12px}.list___1d2Hk .sourceList___3pjcQ .sourceItem___Pdzeu .content___Eou_U .tit___2GsKZ{line-height:2}
--- a/dist/16.js
+++ b/dist/16.js
@ -0,0 +1,116 @@
+(window.webpackJsonp = window.webpackJsonp || []).push([
+  [16],
+  {
+    'CO/p': function(n, i, a) {
+      n.exports = {
+        list: 'list___1d2Hk',
+        sourceList: 'sourceList___3pjcQ',
+        sourceItem: 'sourceItem___Pdzeu',
+        content: 'content___Eou_U',
+        tit: 'tit___2GsKZ',
+      };
+    },
+    L8SK: function(n, i, a) {
+      'use strict';
+      a.r(i);
+      var E = a('q1tI'),
+        t = a.n(E),
+        c = a('CO/p'),
+        s = a.n(c),
+        _ = a('biz8'),
+        l = a.n(_),
+        m = Object(E.memo)(e => {
+          var u = e.round,
+            R = e.sourceData,
+            A = e.imgSize,
+            r = e.fontSize,
+            U = e.color;
+          return t.a.createElement(
+            t.a.Fragment,
+            null,
+            e.isTpl &&
+              t.a.createElement('div', null, t.a.createElement('img', { src: l.a, alt: '' })),
+            !e.isTpl &&
+              t.a.createElement(
+                'div',
+                {
+                  className: s.a.list,
+                  style: {
+                    overflow: 'hidden',
+                    position: 'absolute',
+                    width: ''.concat(e.baseWidth, '%'),
+                    height: ''.concat(e.baseHeight, '%'),
+                    borderRadius: e.baseRadius,
+                    transform: 'translate('
+                      .concat(e.baseLeft, 'px,')
+                      .concat(
+                        e.baseTop,
+                        `px) 
+      scale(`,
+                      )
+                      .concat(
+                        e.baseScale / 100,
+                        `) 
+      rotate(`,
+                      )
+                      .concat(e.baseRotate, 'deg)'),
+                  },
+                },
+                t.a.createElement(
+                  'div',
+                  { className: s.a.sourceList },
+                  R.map((o, g) =>
+                    t.a.createElement(
+                      'div',
+                      { className: s.a.sourceItem, key: g },
+                      t.a.createElement(
+                        'div',
+                        { className: s.a.imgWrap },
+                        t.a.createElement('img', {
+                          src: o.imgUrl[0] ? o.imgUrl[0].url : '',
+                          alt: o.desc,
+                          style: {
+                            width: parseFloat(A),
+                            height: A + 'px',
+                            objectFit: 'cover',
+                            borderRadius: u,
+                          },
+                        }),
+                      ),
+                      t.a.createElement(
+                        'div',
+                        { className: s.a.content },
+                        t.a.createElement(
+                          'a',
+                          {
+                            className: s.a.tit,
+                            style: { fontSize: r, color: U },
+                            href: o.link ? o.link : '#',
+                          },
+                          o.title,
+                          t.a.createElement(
+                            'div',
+                            {
+                              className: s.a.desc,
+                              style: { fontSize: r * 0.8, color: 'rgba(0,0,0, .3)' },
+                            },
+                            o.desc,
+                          ),
+                        ),
+                      ),
+                    ),
+                  ),
+                ),
+              ),
+          );
+        });
+      i.default = m;
+    },
+    biz8: function(n, i) {
+      n.exports =
+        'data:image/png;base64,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';
+    },
+  },
+]);
+
+//# sourceMappingURL=16.js.map
--- a/dist/16.js.map
+++ b/dist/16.js.map
--- a/dist/17.chunk.css
+++ b/dist/17.chunk.css
@ -0,0 +1 @@
+.richTextWrap___1Yin4 p{margin-bottom:0}.richTextWrap___1Yin4 img{max-width:100%;text-align:center}.richTextWrap___1Yin4 blockquote{margin:0 0 10px;padding:12px 20px;background-color:#f1f2f3;border-left:5px solid #ccc;color:#666;font-style:italic}
--- a/dist/17.js
+++ b/dist/17.js
@ -0,0 +1,50 @@
+(window.webpackJsonp = window.webpackJsonp || []).push([
+  [17],
+  {
+    '+X2g': function(e, r, _) {
+      'use strict';
+      _.r(r);
+      var a = _('q1tI'),
+        n = _.n(a),
+        o = _('TiL0'),
+        d = _.n(o),
+        i = _('6mIW'),
+        E = _.n(i),
+        l = Object(a.memo)(t => {
+          var m = t.isTpl,
+            s = t.borderColor,
+            c = t.borderWidth,
+            P = t.round,
+            h = t.padding,
+            x = t.content;
+          return m
+            ? n.a.createElement(
+                'div',
+                null,
+                n.a.createElement('img', { style: { width: '100%' }, src: E.a, alt: '' }),
+              )
+            : n.a.createElement(
+                'div',
+                {
+                  className: d.a.richTextWrap,
+                  style: {
+                    border: ''.concat(c, 'px solid ').concat(s),
+                    borderRadius: P + 'px',
+                    padding: h + 'px',
+                  },
+                },
+                n.a.createElement('div', { dangerouslySetInnerHTML: { __html: x } }),
+              );
+        });
+      r.default = l;
+    },
+    '6mIW': function(e, r, _) {
+      e.exports = _.p + 'static/richText.ea0d0d5c.png';
+    },
+    TiL0: function(e, r, _) {
+      e.exports = { richTextWrap: 'richTextWrap___1Yin4' };
+    },
+  },
+]);
+
+//# sourceMappingURL=17.js.map
--- a/dist/17.js.map
+++ b/dist/17.js.map
@ -0,0 +1 @@
+{"version":3,"sources":["webpack:///./src/materials/base/RichText/index.tsx","webpack:///./src/assets/richText.png","webpack:///./src/materials/base/RichText/index.less"],"names":["XButton","memo","props","isTpl","borderColor","borderWidth","round","padding","content","width","logo","styles","richTextWrap","border","borderRadius","__html"],"mappings":"8FAAA,0EASMA,EAAUC,eAAMC,IAAkB,GAC9BC,GAA6DD,EAA7DC,MAAOC,EAAsDF,EAAtDE,YAAaC,EAAyCH,EAAzCG,YAAaC,EAA4BJ,EAA5BI,MAAOC,EAAqBL,EAArBK,QAASC,EAAYN,EAAZM,QAEzD,MAAOL,GACL,6BACE,yBAAK,MAAO,CAAEM,MAAO,QAAU,IAAKC,IAAM,IAAI,MAGhD,yBACE,UAAWC,IAAOC,aAClB,MAAO,CACLC,OAAQ,GAAF,OAAKR,EAAL,oBAA4BD,GAClCU,aAAcR,EAAQ,KACtBC,QAASA,EAAU,OAGrB,yBAAK,wBAAyB,CAAEQ,OAAQP,QAI/BR,a,uBC7Bf,EAAO,QAAU,IAA0B,gC,qBCC3C,EAAO,QAAU,CAAC,aAAe","file":"17.js","sourcesContent":["import React, { memo, useState } from 'react';\nimport styles from './index.less';\nimport { IButtonConfig } from './schema';\nimport logo from '@/assets/richText.png';\n\ninterface IProps extends IButtonConfig {\n  isTpl: boolean;\n}\n\nconst XButton = memo((props: IProps) => {\n  const { isTpl, borderColor, borderWidth, round, padding, content } = props;\n\n  return isTpl ? (\n    <div>\n      <img style={{ width: '100%' }} src={logo} alt=\"\"></img>\n    </div>\n  ) : (\n    <div\n      className={styles.richTextWrap}\n      style={{\n        border: `${borderWidth}px solid ${borderColor}`,\n        borderRadius: round + 'px',\n        padding: padding + 'px',\n      }}\n    >\n      <div dangerouslySetInnerHTML={{ __html: content }}></div>\n    </div>\n  );\n});\nexport default XButton;\n","module.exports = __webpack_public_path__ + \"static/richText.ea0d0d5c.png\";","// extracted by mini-css-extract-plugin\nmodule.exports = {\"richTextWrap\":\"richTextWrap___1Yin4\"};"],"sourceRoot":""}
--- a/dist/18.chunk.css
+++ b/dist/18.chunk.css
@ -0,0 +1 @@
+.tabWrap___kU6_x{padding-top:16px;padding-bottom:16px}.tabWrap___kU6_x .content___T8_7a{display:flex;flex-wrap:wrap}.tabWrap___kU6_x .content___T8_7a .item___Rl-DR{padding:20px 20px 0;width:50%;text-align:center;justify-content:center}.tabWrap___kU6_x .content___T8_7a .item___Rl-DR .imgWrap___3Z-Xx{display:inline-block;width:80%}.tabWrap___kU6_x .content___T8_7a .item___Rl-DR .imgWrap___3Z-Xx img{border-radius:6px;width:120px;height:120px;object-fit:cover}.tabWrap___kU6_x .content___T8_7a .item___Rl-DR .imgWrap___3Z-Xx .title___zovul{line-height:2.4}
--- a/dist/18.js
+++ b/dist/18.js
@ -0,0 +1,101 @@
+(window.webpackJsonp = window.webpackJsonp || []).push([
+  [18],
+  {
+    TIh7: function(l, s, a) {
+      'use strict';
+      a.r(s);
+      var P = a('K1Qd'),
+        W = a.n(P),
+        I = a('4ivF'),
+        o = a.n(I),
+        n = a('q1tI'),
+        t = a.n(n),
+        d = a('smWw'),
+        r = a.n(d),
+        g = a('vaHT'),
+        R = a.n(g),
+        u = o.a.Panel,
+        U = e => {
+          var m = e.tabs,
+            L = m === void 0 ? ['分类一', '分类二'] : m,
+            A = e.activeColor,
+            D = e.color,
+            M = e.fontSize,
+            y = e.sourceData,
+            B = e.isTpl,
+            i = Object(n.useRef)(null);
+          return (
+            Object(n.useEffect)(() => {
+              if (i.current) {
+                var E = i.current.querySelector('.za-tabs__line');
+                E && (E.style.backgroundColor = A);
+              }
+            }, [A]),
+            t.a.createElement(
+              t.a.Fragment,
+              null,
+              B
+                ? t.a.createElement('div', null, t.a.createElement('img', { src: R.a, alt: '' }))
+                : t.a.createElement(
+                    'div',
+                    { className: r.a.tabWrap, ref: i },
+                    t.a.createElement(
+                      o.a,
+                      { scrollThreshold: 3 },
+                      L.map((E, c) =>
+                        t.a.createElement(
+                          u,
+                          { title: E, key: c },
+                          t.a.createElement(
+                            'div',
+                            { className: r.a.content },
+                            y
+                              .filter(_ => _.type === c)
+                              .map((_, O) =>
+                                t.a.createElement(
+                                  'div',
+                                  { className: r.a.item, key: O },
+                                  t.a.createElement(
+                                    'a',
+                                    { className: r.a.imgWrap, href: _.link, title: _.desc },
+                                    t.a.createElement('img', {
+                                      src: _.imgUrl[0]
+                                        ? _.imgUrl[0].url
+                                        : 'http://io.nainor.com/uploads/01_173e15d3493.png',
+                                      alt: _.title,
+                                    }),
+                                    t.a.createElement(
+                                      'div',
+                                      { className: r.a.title, style: { fontSize: M, color: D } },
+                                      _.title,
+                                    ),
+                                  ),
+                                ),
+                              ),
+                          ),
+                        ),
+                      ),
+                    ),
+                  ),
+            )
+          );
+        };
+      s.default = Object(n.memo)(U);
+    },
+    smWw: function(l, s, a) {
+      l.exports = {
+        tabWrap: 'tabWrap___kU6_x',
+        content: 'content___T8_7a',
+        item: 'item___Rl-DR',
+        imgWrap: 'imgWrap___3Z-Xx',
+        title: 'title___zovul',
+      };
+    },
+    vaHT: function(l, s) {
+      l.exports =
+        'data:image/png;base64,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';
+    },
+  },
+]);
+
+//# sourceMappingURL=18.js.map
--- a/dist/18.js.map
+++ b/dist/18.js.map
--- a/dist/19.chunk.css
+++ b/dist/19.chunk.css
@ -0,0 +1 @@
+.whiteTpl____jf7O{text-align:center}.whiteTpl____jf7O .title___3fGiA{color:#fff}
--- a/dist/19.js
+++ b/dist/19.js
@ -0,0 +1,51 @@
+(window.webpackJsonp = window.webpackJsonp || []).push([
+  [19],
+  {
+    '/aoT': function(i, E) {
+      i.exports =
+        'data:image/png;base64,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';
+    },
+    '5/Kd': function(i, E, t) {
+      i.exports = { whiteTpl: 'whiteTpl____jf7O', title: 'title___3fGiA' };
+    },
+    '5Mwj': function(i, E, t) {
+      'use strict';
+      t.r(E);
+      var _ = t('q1tI'),
+        e = t.n(_),
+        l = t('5/Kd'),
+        o = t.n(l),
+        n = t('/aoT'),
+        r = t.n(n),
+        g = Object(_.memo)(a => {
+          var s = a.bgColor,
+            m = a.text,
+            B = a.fontSize,
+            h = a.color,
+            A = a.height,
+            R = a.isTpl;
+          return e.a.createElement(
+            e.a.Fragment,
+            null,
+            R
+              ? e.a.createElement('div', null, e.a.createElement('img', { src: r.a, alt: '' }))
+              : e.a.createElement(
+                  'div',
+                  {
+                    className: o.a.whiteTpl,
+                    style: { backgroundColor: s, height: A, lineHeight: A + 'px' },
+                  },
+                  e.a.createElement(
+                    'div',
+                    { className: o.a.title, style: { fontSize: B, color: h } },
+                    m,
+                  ),
+                ),
+          );
+        });
+      E.default = g;
+    },
+  },
+]);
+
+//# sourceMappingURL=19.js.map
--- a/dist/19.js.map
+++ b/dist/19.js.map
@ -0,0 +1 @@
+{"version":3,"sources":["webpack:///./src/assets/white.png","webpack:///./src/materials/base/WhiteTpl/index.less","webpack:///./src/materials/base/WhiteTpl/index.tsx"],"names":["WhiteTpl","memo","props","bgColor","text","fontSize","color","height","isTpl","logo","styles","whiteTpl","backgroundColor","lineHeight","title"],"mappings":"+EAAA,EAAO,QAAU,8+D,uBCCjB,EAAO,QAAU,CAAC,SAAW,mBAAmB,MAAQ,kB,oCCDxD,0EASMA,EAAWC,eAAMC,IAAkB,GAC/BC,GAAkDD,EAAlDC,QAASC,EAAyCF,EAAzCE,KAAMC,EAAmCH,EAAnCG,SAAUC,EAAyBJ,EAAzBI,MAAOC,EAAkBL,EAAlBK,OAAQC,EAAUN,EAAVM,MAChD,MACE,qCACGA,EACC,6BACE,yBAAK,IAAKC,IAAM,IAAI,MAGtB,yBACE,UAAWC,IAAOC,SAClB,MAAO,CAAEC,gBAAiBT,EAASI,SAAQM,WAAYN,EAAS,OAEhE,yBAAK,UAAWG,IAAOI,MAAO,MAAO,CAAET,WAAUC,UAC9CF,OAQEJ","file":"19.js","sourcesContent":["module.exports = \"data:image/png;base64,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\"","// extracted by mini-css-extract-plugin\nmodule.exports = {\"whiteTpl\":\"whiteTpl____jf7O\",\"title\":\"title___3fGiA\"};","import { memo } from 'react';\nimport styles from './index.less';\nimport React from 'react';\nimport { IWhiteTplConfig } from './schema';\nimport logo from '@/assets/white.png';\ninterface IProps extends IWhiteTplConfig {\n  isTpl: boolean;\n}\n\nconst WhiteTpl = memo((props: IProps) => {\n  const { bgColor, text, fontSize, color, height, isTpl } = props;\n  return (\n    <>\n      {isTpl ? (\n        <div>\n          <img src={logo} alt=\"\"></img>\n        </div>\n      ) : (\n        <div\n          className={styles.whiteTpl}\n          style={{ backgroundColor: bgColor, height, lineHeight: height + 'px' }}\n        >\n          <div className={styles.title} style={{ fontSize, color }}>\n            {text}\n          </div>\n        </div>\n      )}\n    </>\n  );\n});\n\nexport default WhiteTpl;\n"],"sourceRoot":""}
--- a/Show More
+++ b/Show More
				`@ -0,0 +1 @@`
				.za-carousel{position:relative;overflow:hidden}.za-carousel__item{display:inline-block;width:100%;height:100%}.za-carousel__pagination{position:absolute}.za-carousel__pagination__item{background:var(--carousel-pagination-rect-color);cursor:pointer;border-radius:var(--carousel-pagination-rect-border-radius)}.za-carousel__pagination__item--active{background:var(--carousel-pagination-rect-color-active)}.za-carousel--horizontal .za-carousel__items{will-change:transform;white-space:nowrap}.za-carousel--horizontal .za-carousel__pagination{left:50%;bottom:var(--carousel-pagination-distance);transform:translate3d(-50%,0,0)}.za-carousel--horizontal .za-carousel__pagination__item{display:inline-block;width:var(--carousel-pagination-rect-width);height:var(--carousel-pagination-rect-height)}.za-carousel--horizontal .za-carousel__pagination__item:not(:last-child){margin-right:var(--carousel-pagination-rect-step)}.za-carousel--vertical .za-carousel__pagination{top:50%;right:var(--carousel-pagination-distance);transform:translate3d(0,-50%,0)}.za-carousel--vertical .za-carousel__pagination__item{width:var(--carousel-pagination-rect-height);height:var(--carousel-pagination-rect-width)}.za-carousel--vertical .za-carousel__pagination__item:not(:last-child){margin-bottom:var(--carousel-pagination-rect-step)}.za-tabs__header{position:relative;overflow:hidden}.za-tabs__tablist{position:relative;margin:0;padding:0;list-style-type:none}.za-tabs__panel{display:none;position:relative;transition:height .3s;height:100%}.za-tabs__panel--active{display:block}.za-tabs__tab{flex:1 1;text-align:center;color:var(--color-text);font-size:var(--tabs-item-font-size);overflow:hidden;white-space:nowrap;text-overflow:ellipsis;cursor:pointer}.za-tabs__tab--disabled{color:var(--color-text-disabled);cursor:not-allowed}.za-tabs__line{position:absolute;transition:transform .3s ease-out;background-color:var(--theme-primary)}.za-tabs__line__inner{display:block;margin:auto;height:100%;background-color:var(--theme-primary)}.za-tabs--scroll .za-tabs__tablist::-webkit-scrollbar{display:none}.za-tabs--horizontal .za-tabs__header{width:100%}.za-tabs--horizontal .za-tabs__header:after{content:"";pointer-events:none;position:absolute;width:100%;height:100%;left:0;top:0;border-radius:0;border-bottom:1px solid var(--border-color)}@media(-webkit-min-device-pixel-ratio:2),(min-resolution:2dppx){.za-tabs--horizontal .za-tabs__header:after{width:200%;height:200%;transform:scale(.5);transform-origin:0 0;border-radius:0}}.za-tabs--horizontal .za-tabs__tablist{display:flex;height:var(--tabs-height);line-height:var(--tabs-height)}.za-tabs--horizontal .za-tabs__line{height:var(--tabs-line-height);left:0;bottom:0}.za-tabs--horizontal.za-tabs--scroll .za-tabs__tablist{overflow-x:auto}.za-tabs--horizontal.za-tabs--scroll .za-tabs__tab{overflow:visible;padding:0 var(--tabs-item-horizontal-padding)}.za-tabs--vertical{display:flex;flex-direction:row}.za-tabs--vertical .za-tabs__header:after{content:"";pointer-events:none;position:absolute;width:100%;height:100%;left:0;top:0;border-radius:0;border-right:1px solid var(--border-color)}@media(-webkit-min-device-pixel-ratio:2),(min-resolution:2dppx){.za-tabs--vertical .za-tabs__header:after{width:200%;height:200%;transform:scale(.5);transform-origin:0 0;border-radius:0}}.za-tabs--vertical .za-tabs__tablist{height:100%}.za-tabs--vertical .za-tabs__tab{text-align:center;padding:var(--tabs-item-vertical-padding) var(--tabs-item-horizontal-padding)}.za-tabs--vertical .za-tabs__line{width:var(--tabs-line-height);top:0;right:0}.za-tabs--vertical .za-tabs__body{flex:1 1;position:relative}.za-tabs--vertical.za-tabs--scroll .za-tabs__tablist{overflow-y:auto}
				`@ -0,0 +1 @@`
				{"version":3,"sources":["webpack:///./src/materials/visual/XProgress/schema.ts"],"names":["XProgress","editData","key","name","type","range","text","config","theme","shape","size","percent","strokeWidth"],"mappings":"6FA4BA,UAAMA,GAA8B,CAClCC,SAAU,CACR,CACEC,IAAK,QACLC,KAAM,KACNC,KAAM,SACNC,MAAO,CACL,CACEH,IAAK,UACLI,KAAM,MAER,CACEJ,IAAK,UACLI,KAAM,MAER,CACEJ,IAAK,SACLI,KAAM,QAIZ,CACEJ,IAAK,QACLC,KAAM,KACNC,KAAM,QACNC,MAAO,CACL,CACEH,IAAK,SACLI,KAAM,MAER,CACEJ,IAAK,OACLI,KAAM,MAER,CACEJ,IAAK,cACLI,KAAM,SAIZ,CACEJ,IAAK,OACLC,KAAM,KACNC,KAAM,UAER,CACEF,IAAK,UACLC,KAAM,MACNC,KAAM,SACNC,MAAO,CAAC,EAAG,MAEb,CACEH,IAAK,cACLC,KAAM,OACNC,KAAM,WAGVG,OAAQ,CACNC,MAAO,UACPC,MAAO,SACPC,KAAM,IACNC,QAAS,GACTC,YAAa,KAIFZ","file":"100.js","sourcesContent":["import {\n INumberConfigType,\n IRadioConfigType,\n ISelectConfigType,\n TNumberDefaultType,\n TRadioDefaultType,\n TSelectDefaultType,\n} from '@/components/FormComponents/types';\nexport type TXProgressSelectKeyType = 'success' \| 'warning' \| 'danger';\nexport type TXProgressRadiotKeyType = 'circle' \| 'line' \| 'semi-circle';\nexport type TXProgressEditData = Array<\n \| ISelectConfigType<TXProgressSelectKeyType>\n \| IRadioConfigType<TXProgressRadiotKeyType>\n \| INumberConfigType\n>;\nexport interface IXProgressConfig {\n theme: TSelectDefaultType<TXProgressSelectKeyType>;\n shape: TRadioDefaultType<TXProgressRadiotKeyType>;\n size: TNumberDefaultType;\n percent: TNumberDefaultType;\n strokeWidth: TNumberDefaultType;\n}\n\nexport interface IXProgressSchema {\n editData: TXProgressEditData;\n config: IXProgressConfig;\n}\n\nconst XProgress: IXProgressSchema = {\n editData: [\n {\n key: 'theme',\n name: '主题',\n type: 'Select',\n range: [\n {\n key: 'success',\n text: '成功',\n },\n {\n key: 'warning',\n text: '警告',\n },\n {\n key: 'danger',\n text: '危险',\n },\n ],\n },\n {\n key: 'shape',\n name: '形状',\n type: 'Radio',\n range: [\n {\n key: 'circle',\n text: '圆形',\n },\n {\n key: 'line',\n text: '线形',\n },\n {\n key: 'semi-circle',\n text: '半圆形',\n },\n ],\n },\n {\n key: 'size',\n name: '大小',\n type: 'Number',\n },\n {\n key: 'percent',\n name: '进度值',\n type: 'Number',\n range: [0, 100],\n },\n {\n key: 'strokeWidth',\n name: '线条粗细',\n type: 'Number',\n },\n ],\n config: {\n theme: 'success',\n shape: 'circle',\n size: 200,\n percent: 30,\n strokeWidth: 10,\n },\n};\n\nexport default XProgress;\n"],"sourceRoot":""}
				`@ -0,0 +1 @@`
				`{"version":3,"sources":["webpack:///./src/materials/visual/XProgress/template.ts"],"names":["template","type","h","displayName"],"mappings":"6FAAA,UAAMA,GAAW,CACfC,KAAM,YACNC,EAAG,IACHC,YAAa,SAEAH","file":"101.js","sourcesContent":["const template = {\n type: 'XProgress',\n h: 102,\n displayName: '进度条组件',\n};\nexport default template;\n"],"sourceRoot":""}`
				`@ -0,0 +1 @@`
				.za-calendar{background-color:var(--calendar-background);-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.za-calendar ul{list-style-type:disc;margin:0;padding:0}.za-calendar li{display:inline-block;width:14.28571%;text-align:center;vertical-align:middle}.za-calendar__bar{display:flex;flex-wrap:wrap;color:var(--calendar-week-bar-color);background-color:var(--calendar-week-bar-background);font-size:var(--calendar-week-bar-fontsize);margin:0;padding:0 var(--calendar-section-padding);list-style-type:disc}.za-calendar__bar__item{height:var(--calendar-day-height);line-height:var(--calendar-day-height)}.za-calendar__body{padding:10px 0;overflow:auto}.za-calendar__month{padding:0 var(--calendar-section-padding);color:var(--calendar-day-color)}.za-calendar__month:before{content:attr(title);display:block;margin:15px auto;font-size:var(--calendar-day-title-fontsize);font-weight:500;padding-left:15px}.za-calendar__day{margin:10px 0;position:relative;font-size:var(--calendar-day-fontsize);cursor:pointer}.za-calendar__day__content{width:30px;height:30px;background-color:transparent;border-radius:50%;display:flex;justify-content:center;align-items:center;margin:0 auto}.za-calendar__day.firstday-1{margin-left:14.28571%}.za-calendar__day.firstday-2{margin-left:28.57142%}.za-calendar__day.firstday-3{margin-left:42.85713%}.za-calendar__day.firstday-4{margin-left:57.14284%}.za-calendar__day.firstday-5{margin-left:71.42855%}.za-calendar__day.firstday-6{margin-left:85.71426%}.za-calendar__day--today .za-calendar__day__content{background-color:var(--calendar-day-today-background);color:var(--calendar-day-today-color)}.za-calendar__day--selected .za-calendar__day__content{background-color:var(--calendar-day-selected-background);color:var(--calendar-day-selected-color);box-shadow:0 2px 5px 0 var(--calendar-day-selected-shadow)}.za-calendar__day--disabled{cursor:auto}.za-calendar__day--disabled .za-calendar__day__content{color:var(--color-text-disabled)}.za-calendar__day--range{background-color:var(--calendar-day-range-background);color:var(--calendar-day-range-color)}.za-calendar__day--range .za-calendar__day__content{background-color:var(--calendar-day-range-background)}.za-calendar__day--range.d6{background-color:transparent;background-image:linear-gradient(270deg,transparent 0,transparent 50%,var(--theme-primary-lighter) 0)}.za-calendar__day--range.d7{background-color:transparent;background-image:linear-gradient(90deg,transparent 0,transparent 50%,var(--theme-primary-lighter) 0)}.za-calendar__day--range:first-child:not(.d6){background-color:transparent;background-image:linear-gradient(90deg,transparent 0,transparent 50%,var(--theme-primary-lighter) 0)}.za-calendar__day--range:last-child:not(.d7){background-color:transparent;background-image:linear-gradient(270deg,transparent 0,transparent 50%,var(--theme-primary-lighter) 0)}.za-calendar__day--range:first-child.d6,.za-calendar__day--range:last-child.d7{background-image:none}.za-calendar__day.range-start.range-end{background-image:none}.za-calendar__day.range-start:not(.range-end):not(.d6):not(:last-child){background-image:linear-gradient(90deg,transparent 0,transparent 50%,var(--theme-primary-lighter) 0)}.za-calendar__day.range-end:not(.range-start):not(.d7):not(:first-child){background-image:linear-gradient(270deg,transparent 0,transparent 50%,var(--theme-primary-lighter) 0)}
				`@ -0,0 +1 @@`
				`.carousel__item__pic{display:inline-block;width:100%;max-height:220px;overflow:hidden;vertical-align:top}.carousel__item__pic img{width:100%}`
				`@ -0,0 +1 @@`
				`{"version":3,"sources":[],"names":[],"mappings":"","file":"115.js","sourceRoot":""}`
				`@ -0,0 +1 @@`
				`.radioWrap{margin-bottom:10px}.radioWrap .radioTitle{padding:19px 14px}.radioWrap .radioItem{margin-top:10px}`
				`@ -0,0 +1 @@`
				`.formWrap{margin:10px;padding:20px 16px;border-radius:6px;background-color:#fff;box-shadow:0 2px 6px #f0f0f0;width:calc(100% - 20px)}.formWrap .title{padding-bottom:20px;text-align:center}`
				`@ -0,0 +1 @@`
				`.header{box-sizing:content-box;padding:3px 12px;display:flex;align-items:center;height:50px;background-color:#000}.header .logo{margin-right:10px;max-width:160px;max-height:46px;height:46px;overflow:hidden}.header .logo img{height:100%;object-fit:contain}.header .title{color:#fff}`
				`@ -0,0 +1 @@`
				`.list{margin:20px auto;width:94%}.list .sourceList .sourceItem{display:flex;align-items:center;margin-bottom:16px}.list .sourceList .sourceItem .content{margin-left:12px}.list .sourceList .sourceItem .content .tit{line-height:2}`