crud-page-react 0.0.1 → 0.0.4

package/dist/index.js

@@ -1,1512 +1,12 @@
 'use strict';
 
 var jsxRuntime = require('react/jsx-runtime');
-var React = require('react');
+var react = require('react');
 var antd = require('antd');
+var icons = require('@ant-design/icons');
 var dayjs = require('dayjs');
 var customParseFormat = require('dayjs/plugin/customParseFormat');
 
-function _interopNamespaceDefault(e) {
-  var n = Object.create(null);
-  if (e) {
-    Object.keys(e).forEach(function (k) {
-      if (k !== 'default') {
-        var d = Object.getOwnPropertyDescriptor(e, k);
-        Object.defineProperty(n, k, d.get ? d : {
-          enumerable: true,
-          get: function () { return e[k]; }
-        });
-      }
-    });
-  }
-  n.default = e;
-  return Object.freeze(n);
-}
-
-var React__namespace = /*#__PURE__*/_interopNamespaceDefault(React);
-
-var IconContext = /*#__PURE__*/React.createContext({});
-
-function _extends() {
-  return _extends = Object.assign ? Object.assign.bind() : function (n) {
-    for (var e = 1; e < arguments.length; e++) {
-      var t = arguments[e];
-      for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]);
-    }
-    return n;
-  }, _extends.apply(null, arguments);
-}
-
-function _arrayWithHoles(r) {
-  if (Array.isArray(r)) return r;
-}
-
-function _iterableToArrayLimit(r, l) {
-  var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"];
-  if (null != t) {
-    var e,
-      n,
-      i,
-      u,
-      a = [],
-      f = true,
-      o = false;
-    try {
-      if (i = (t = t.call(r)).next, 0 === l) ; else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0);
-    } catch (r) {
-      o = true, n = r;
-    } finally {
-      try {
-        if (!f && null != t["return"] && (u = t["return"](), Object(u) !== u)) return;
-      } finally {
-        if (o) throw n;
-      }
-    }
-    return a;
-  }
-}
-
-function _arrayLikeToArray(r, a) {
-  (null == a || a > r.length) && (a = r.length);
-  for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e];
-  return n;
-}
-
-function _unsupportedIterableToArray(r, a) {
-  if (r) {
-    if ("string" == typeof r) return _arrayLikeToArray(r, a);
-    var t = {}.toString.call(r).slice(8, -1);
-    return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray(r, a) : void 0;
-  }
-}
-
-function _nonIterableRest() {
-  throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
-}
-
-function _slicedToArray(r, e) {
-  return _arrayWithHoles(r) || _iterableToArrayLimit(r, e) || _unsupportedIterableToArray(r, e) || _nonIterableRest();
-}
-
-function _typeof(o) {
-  "@babel/helpers - typeof";
-
-  return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) {
-    return typeof o;
-  } : function (o) {
-    return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o;
-  }, _typeof(o);
-}
-
-function toPrimitive(t, r) {
-  if ("object" != _typeof(t) || !t) return t;
-  var e = t[Symbol.toPrimitive];
-  if (void 0 !== e) {
-    var i = e.call(t, r);
-    if ("object" != _typeof(i)) return i;
-    throw new TypeError("@@toPrimitive must return a primitive value.");
-  }
-  return ("string" === r ? String : Number)(t);
-}
-
-function toPropertyKey(t) {
-  var i = toPrimitive(t, "string");
-  return "symbol" == _typeof(i) ? i : i + "";
-}
-
-function _defineProperty(e, r, t) {
-  return (r = toPropertyKey(r)) in e ? Object.defineProperty(e, r, {
-    value: t,
-    enumerable: true,
-    configurable: true,
-    writable: true
-  }) : e[r] = t, e;
-}
-
-function _objectWithoutPropertiesLoose(r, e) {
-  if (null == r) return {};
-  var t = {};
-  for (var n in r) if ({}.hasOwnProperty.call(r, n)) {
-    if (-1 !== e.indexOf(n)) continue;
-    t[n] = r[n];
-  }
-  return t;
-}
-
-function _objectWithoutProperties(e, t) {
-  if (null == e) return {};
-  var o,
-    r,
-    i = _objectWithoutPropertiesLoose(e, t);
-  if (Object.getOwnPropertySymbols) {
-    var n = Object.getOwnPropertySymbols(e);
-    for (r = 0; r < n.length; r++) o = n[r], -1 === t.indexOf(o) && {}.propertyIsEnumerable.call(e, o) && (i[o] = e[o]);
-  }
-  return i;
-}
-
-function getDefaultExportFromCjs (x) {
-	return x && x.__esModule && Object.prototype.hasOwnProperty.call(x, 'default') ? x['default'] : x;
-}
-
-var classnames = {exports: {}};
-
-/*!
-	Copyright (c) 2018 Jed Watson.
-	Licensed under the MIT License (MIT), see
-	http://jedwatson.github.io/classnames
-*/
-
-(function (module) {
-	/* global define */
-
-	(function () {
-
-		var hasOwn = {}.hasOwnProperty;
-
-		function classNames () {
-			var classes = '';
-
-			for (var i = 0; i < arguments.length; i++) {
-				var arg = arguments[i];
-				if (arg) {
-					classes = appendClass(classes, parseValue(arg));
-				}
-			}
-
-			return classes;
-		}
-
-		function parseValue (arg) {
-			if (typeof arg === 'string' || typeof arg === 'number') {
-				return arg;
-			}
-
-			if (typeof arg !== 'object') {
-				return '';
-			}
-
-			if (Array.isArray(arg)) {
-				return classNames.apply(null, arg);
-			}
-
-			if (arg.toString !== Object.prototype.toString && !arg.toString.toString().includes('[native code]')) {
-				return arg.toString();
-			}
-
-			var classes = '';
-
-			for (var key in arg) {
-				if (hasOwn.call(arg, key) && arg[key]) {
-					classes = appendClass(classes, key);
-				}
-			}
-
-			return classes;
-		}
-
-		function appendClass (value, newClass) {
-			if (!newClass) {
-				return value;
-			}
-		
-			if (value) {
-				return value + ' ' + newClass;
-			}
-		
-			return value + newClass;
-		}
-
-		if (module.exports) {
-			classNames.default = classNames;
-			module.exports = classNames;
-		} else {
-			window.classNames = classNames;
-		}
-	}()); 
-} (classnames));
-
-var classnamesExports = classnames.exports;
-var classNames = /*@__PURE__*/getDefaultExportFromCjs(classnamesExports);
-
-const round = Math.round;
-
-/**
- * Support format, alpha unit will check the % mark:
- * - rgba(102, 204, 255, .5)      -> [102, 204, 255, 0.5]
- * - rgb(102 204 255 / .5)        -> [102, 204, 255, 0.5]
- * - rgb(100%, 50%, 0% / 50%)     -> [255, 128, 0, 0.5]
- * - hsl(270, 60, 40, .5)         -> [270, 60, 40, 0.5]
- * - hsl(270deg 60% 40% / 50%)   -> [270, 60, 40, 0.5]
- *
- * When `base` is provided, the percentage value will be divided by `base`.
- */
-function splitColorStr(str, parseNum) {
-  const match = str
-  // Remove str before `(`
-  .replace(/^[^(]*\((.*)/, '$1')
-  // Remove str after `)`
-  .replace(/\).*/, '').match(/\d*\.?\d+%?/g) || [];
-  const numList = match.map(item => parseFloat(item));
-  for (let i = 0; i < 3; i += 1) {
-    numList[i] = parseNum(numList[i] || 0, match[i] || '', i);
-  }
-
-  // For alpha. 50% should be 0.5
-  if (match[3]) {
-    numList[3] = match[3].includes('%') ? numList[3] / 100 : numList[3];
-  } else {
-    // By default, alpha is 1
-    numList[3] = 1;
-  }
-  return numList;
-}
-const parseHSVorHSL = (num, _, index) => index === 0 ? num : num / 100;
-
-/** round and limit number to integer between 0-255 */
-function limitRange(value, max) {
-  const mergedMax = max || 255;
-  if (value > mergedMax) {
-    return mergedMax;
-  }
-  if (value < 0) {
-    return 0;
-  }
-  return value;
-}
-class FastColor {
-  constructor(input) {
-    /**
-     * All FastColor objects are valid. So isValid is always true. This property is kept to be compatible with TinyColor.
-     */
-    _defineProperty(this, "isValid", true);
-    /**
-     * Red, R in RGB
-     */
-    _defineProperty(this, "r", 0);
-    /**
-     * Green, G in RGB
-     */
-    _defineProperty(this, "g", 0);
-    /**
-     * Blue, B in RGB
-     */
-    _defineProperty(this, "b", 0);
-    /**
-     * Alpha/Opacity, A in RGBA/HSLA
-     */
-    _defineProperty(this, "a", 1);
-    // HSV privates
-    _defineProperty(this, "_h", void 0);
-    _defineProperty(this, "_s", void 0);
-    _defineProperty(this, "_l", void 0);
-    _defineProperty(this, "_v", void 0);
-    // intermediate variables to calculate HSL/HSV
-    _defineProperty(this, "_max", void 0);
-    _defineProperty(this, "_min", void 0);
-    _defineProperty(this, "_brightness", void 0);
-    /**
-     * Always check 3 char in the object to determine the format.
-     * We not use function in check to save bundle size.
-     * e.g. 'rgb' -> { r: 0, g: 0, b: 0 }.
-     */
-    function matchFormat(str) {
-      return str[0] in input && str[1] in input && str[2] in input;
-    }
-    if (!input) ; else if (typeof input === 'string') {
-      const trimStr = input.trim();
-      function matchPrefix(prefix) {
-        return trimStr.startsWith(prefix);
-      }
-      if (/^#?[A-F\d]{3,8}$/i.test(trimStr)) {
-        this.fromHexString(trimStr);
-      } else if (matchPrefix('rgb')) {
-        this.fromRgbString(trimStr);
-      } else if (matchPrefix('hsl')) {
-        this.fromHslString(trimStr);
-      } else if (matchPrefix('hsv') || matchPrefix('hsb')) {
-        this.fromHsvString(trimStr);
-      }
-    } else if (input instanceof FastColor) {
-      this.r = input.r;
-      this.g = input.g;
-      this.b = input.b;
-      this.a = input.a;
-      this._h = input._h;
-      this._s = input._s;
-      this._l = input._l;
-      this._v = input._v;
-    } else if (matchFormat('rgb')) {
-      this.r = limitRange(input.r);
-      this.g = limitRange(input.g);
-      this.b = limitRange(input.b);
-      this.a = typeof input.a === 'number' ? limitRange(input.a, 1) : 1;
-    } else if (matchFormat('hsl')) {
-      this.fromHsl(input);
-    } else if (matchFormat('hsv')) {
-      this.fromHsv(input);
-    } else {
-      throw new Error('@ant-design/fast-color: unsupported input ' + JSON.stringify(input));
-    }
-  }
-
-  // ======================= Setter =======================
-
-  setR(value) {
-    return this._sc('r', value);
-  }
-  setG(value) {
-    return this._sc('g', value);
-  }
-  setB(value) {
-    return this._sc('b', value);
-  }
-  setA(value) {
-    return this._sc('a', value, 1);
-  }
-  setHue(value) {
-    const hsv = this.toHsv();
-    hsv.h = value;
-    return this._c(hsv);
-  }
-
-  // ======================= Getter =======================
-  /**
-   * Returns the perceived luminance of a color, from 0-1.
-   * @see http://www.w3.org/TR/2008/REC-WCAG20-20081211/#relativeluminancedef
-   */
-  getLuminance() {
-    function adjustGamma(raw) {
-      const val = raw / 255;
-      return val <= 0.03928 ? val / 12.92 : Math.pow((val + 0.055) / 1.055, 2.4);
-    }
-    const R = adjustGamma(this.r);
-    const G = adjustGamma(this.g);
-    const B = adjustGamma(this.b);
-    return 0.2126 * R + 0.7152 * G + 0.0722 * B;
-  }
-  getHue() {
-    if (typeof this._h === 'undefined') {
-      const delta = this.getMax() - this.getMin();
-      if (delta === 0) {
-        this._h = 0;
-      } else {
-        this._h = round(60 * (this.r === this.getMax() ? (this.g - this.b) / delta + (this.g < this.b ? 6 : 0) : this.g === this.getMax() ? (this.b - this.r) / delta + 2 : (this.r - this.g) / delta + 4));
-      }
-    }
-    return this._h;
-  }
-  getSaturation() {
-    if (typeof this._s === 'undefined') {
-      const delta = this.getMax() - this.getMin();
-      if (delta === 0) {
-        this._s = 0;
-      } else {
-        this._s = delta / this.getMax();
-      }
-    }
-    return this._s;
-  }
-  getLightness() {
-    if (typeof this._l === 'undefined') {
-      this._l = (this.getMax() + this.getMin()) / 510;
-    }
-    return this._l;
-  }
-  getValue() {
-    if (typeof this._v === 'undefined') {
-      this._v = this.getMax() / 255;
-    }
-    return this._v;
-  }
-
-  /**
-   * Returns the perceived brightness of the color, from 0-255.
-   * Note: this is not the b of HSB
-   * @see http://www.w3.org/TR/AERT#color-contrast
-   */
-  getBrightness() {
-    if (typeof this._brightness === 'undefined') {
-      this._brightness = (this.r * 299 + this.g * 587 + this.b * 114) / 1000;
-    }
-    return this._brightness;
-  }
-
-  // ======================== Func ========================
-
-  darken(amount = 10) {
-    const h = this.getHue();
-    const s = this.getSaturation();
-    let l = this.getLightness() - amount / 100;
-    if (l < 0) {
-      l = 0;
-    }
-    return this._c({
-      h,
-      s,
-      l,
-      a: this.a
-    });
-  }
-  lighten(amount = 10) {
-    const h = this.getHue();
-    const s = this.getSaturation();
-    let l = this.getLightness() + amount / 100;
-    if (l > 1) {
-      l = 1;
-    }
-    return this._c({
-      h,
-      s,
-      l,
-      a: this.a
-    });
-  }
-
-  /**
-   * Mix the current color a given amount with another color, from 0 to 100.
-   * 0 means no mixing (return current color).
-   */
-  mix(input, amount = 50) {
-    const color = this._c(input);
-    const p = amount / 100;
-    const calc = key => (color[key] - this[key]) * p + this[key];
-    const rgba = {
-      r: round(calc('r')),
-      g: round(calc('g')),
-      b: round(calc('b')),
-      a: round(calc('a') * 100) / 100
-    };
-    return this._c(rgba);
-  }
-
-  /**
-   * Mix the color with pure white, from 0 to 100.
-   * Providing 0 will do nothing, providing 100 will always return white.
-   */
-  tint(amount = 10) {
-    return this.mix({
-      r: 255,
-      g: 255,
-      b: 255,
-      a: 1
-    }, amount);
-  }
-
-  /**
-   * Mix the color with pure black, from 0 to 100.
-   * Providing 0 will do nothing, providing 100 will always return black.
-   */
-  shade(amount = 10) {
-    return this.mix({
-      r: 0,
-      g: 0,
-      b: 0,
-      a: 1
-    }, amount);
-  }
-  onBackground(background) {
-    const bg = this._c(background);
-    const alpha = this.a + bg.a * (1 - this.a);
-    const calc = key => {
-      return round((this[key] * this.a + bg[key] * bg.a * (1 - this.a)) / alpha);
-    };
-    return this._c({
-      r: calc('r'),
-      g: calc('g'),
-      b: calc('b'),
-      a: alpha
-    });
-  }
-
-  // ======================= Status =======================
-  isDark() {
-    return this.getBrightness() < 128;
-  }
-  isLight() {
-    return this.getBrightness() >= 128;
-  }
-
-  // ======================== MISC ========================
-  equals(other) {
-    return this.r === other.r && this.g === other.g && this.b === other.b && this.a === other.a;
-  }
-  clone() {
-    return this._c(this);
-  }
-
-  // ======================= Format =======================
-  toHexString() {
-    let hex = '#';
-    const rHex = (this.r || 0).toString(16);
-    hex += rHex.length === 2 ? rHex : '0' + rHex;
-    const gHex = (this.g || 0).toString(16);
-    hex += gHex.length === 2 ? gHex : '0' + gHex;
-    const bHex = (this.b || 0).toString(16);
-    hex += bHex.length === 2 ? bHex : '0' + bHex;
-    if (typeof this.a === 'number' && this.a >= 0 && this.a < 1) {
-      const aHex = round(this.a * 255).toString(16);
-      hex += aHex.length === 2 ? aHex : '0' + aHex;
-    }
-    return hex;
-  }
-
-  /** CSS support color pattern */
-  toHsl() {
-    return {
-      h: this.getHue(),
-      s: this.getSaturation(),
-      l: this.getLightness(),
-      a: this.a
-    };
-  }
-
-  /** CSS support color pattern */
-  toHslString() {
-    const h = this.getHue();
-    const s = round(this.getSaturation() * 100);
-    const l = round(this.getLightness() * 100);
-    return this.a !== 1 ? `hsla(${h},${s}%,${l}%,${this.a})` : `hsl(${h},${s}%,${l}%)`;
-  }
-
-  /** Same as toHsb */
-  toHsv() {
-    return {
-      h: this.getHue(),
-      s: this.getSaturation(),
-      v: this.getValue(),
-      a: this.a
-    };
-  }
-  toRgb() {
-    return {
-      r: this.r,
-      g: this.g,
-      b: this.b,
-      a: this.a
-    };
-  }
-  toRgbString() {
-    return this.a !== 1 ? `rgba(${this.r},${this.g},${this.b},${this.a})` : `rgb(${this.r},${this.g},${this.b})`;
-  }
-  toString() {
-    return this.toRgbString();
-  }
-
-  // ====================== Privates ======================
-  /** Return a new FastColor object with one channel changed */
-  _sc(rgb, value, max) {
-    const clone = this.clone();
-    clone[rgb] = limitRange(value, max);
-    return clone;
-  }
-  _c(input) {
-    return new this.constructor(input);
-  }
-  getMax() {
-    if (typeof this._max === 'undefined') {
-      this._max = Math.max(this.r, this.g, this.b);
-    }
-    return this._max;
-  }
-  getMin() {
-    if (typeof this._min === 'undefined') {
-      this._min = Math.min(this.r, this.g, this.b);
-    }
-    return this._min;
-  }
-  fromHexString(trimStr) {
-    const withoutPrefix = trimStr.replace('#', '');
-    function connectNum(index1, index2) {
-      return parseInt(withoutPrefix[index1] + withoutPrefix[index2 || index1], 16);
-    }
-    if (withoutPrefix.length < 6) {
-      // #rgb or #rgba
-      this.r = connectNum(0);
-      this.g = connectNum(1);
-      this.b = connectNum(2);
-      this.a = withoutPrefix[3] ? connectNum(3) / 255 : 1;
-    } else {
-      // #rrggbb or #rrggbbaa
-      this.r = connectNum(0, 1);
-      this.g = connectNum(2, 3);
-      this.b = connectNum(4, 5);
-      this.a = withoutPrefix[6] ? connectNum(6, 7) / 255 : 1;
-    }
-  }
-  fromHsl({
-    h,
-    s,
-    l,
-    a
-  }) {
-    this._h = h % 360;
-    this._s = s;
-    this._l = l;
-    this.a = typeof a === 'number' ? a : 1;
-    if (s <= 0) {
-      const rgb = round(l * 255);
-      this.r = rgb;
-      this.g = rgb;
-      this.b = rgb;
-    }
-    let r = 0,
-      g = 0,
-      b = 0;
-    const huePrime = h / 60;
-    const chroma = (1 - Math.abs(2 * l - 1)) * s;
-    const secondComponent = chroma * (1 - Math.abs(huePrime % 2 - 1));
-    if (huePrime >= 0 && huePrime < 1) {
-      r = chroma;
-      g = secondComponent;
-    } else if (huePrime >= 1 && huePrime < 2) {
-      r = secondComponent;
-      g = chroma;
-    } else if (huePrime >= 2 && huePrime < 3) {
-      g = chroma;
-      b = secondComponent;
-    } else if (huePrime >= 3 && huePrime < 4) {
-      g = secondComponent;
-      b = chroma;
-    } else if (huePrime >= 4 && huePrime < 5) {
-      r = secondComponent;
-      b = chroma;
-    } else if (huePrime >= 5 && huePrime < 6) {
-      r = chroma;
-      b = secondComponent;
-    }
-    const lightnessModification = l - chroma / 2;
-    this.r = round((r + lightnessModification) * 255);
-    this.g = round((g + lightnessModification) * 255);
-    this.b = round((b + lightnessModification) * 255);
-  }
-  fromHsv({
-    h,
-    s,
-    v,
-    a
-  }) {
-    this._h = h % 360;
-    this._s = s;
-    this._v = v;
-    this.a = typeof a === 'number' ? a : 1;
-    const vv = round(v * 255);
-    this.r = vv;
-    this.g = vv;
-    this.b = vv;
-    if (s <= 0) {
-      return;
-    }
-    const hh = h / 60;
-    const i = Math.floor(hh);
-    const ff = hh - i;
-    const p = round(v * (1.0 - s) * 255);
-    const q = round(v * (1.0 - s * ff) * 255);
-    const t = round(v * (1.0 - s * (1.0 - ff)) * 255);
-    switch (i) {
-      case 0:
-        this.g = t;
-        this.b = p;
-        break;
-      case 1:
-        this.r = q;
-        this.b = p;
-        break;
-      case 2:
-        this.r = p;
-        this.b = t;
-        break;
-      case 3:
-        this.r = p;
-        this.g = q;
-        break;
-      case 4:
-        this.r = t;
-        this.g = p;
-        break;
-      case 5:
-      default:
-        this.g = p;
-        this.b = q;
-        break;
-    }
-  }
-  fromHsvString(trimStr) {
-    const cells = splitColorStr(trimStr, parseHSVorHSL);
-    this.fromHsv({
-      h: cells[0],
-      s: cells[1],
-      v: cells[2],
-      a: cells[3]
-    });
-  }
-  fromHslString(trimStr) {
-    const cells = splitColorStr(trimStr, parseHSVorHSL);
-    this.fromHsl({
-      h: cells[0],
-      s: cells[1],
-      l: cells[2],
-      a: cells[3]
-    });
-  }
-  fromRgbString(trimStr) {
-    const cells = splitColorStr(trimStr, (num, txt) =>
-    // Convert percentage to number. e.g. 50% -> 128
-    txt.includes('%') ? round(num / 100 * 255) : num);
-    this.r = cells[0];
-    this.g = cells[1];
-    this.b = cells[2];
-    this.a = cells[3];
-  }
-}
-
-var hueStep = 2; // 色相阶梯
-var saturationStep = 0.16; // 饱和度阶梯，浅色部分
-var saturationStep2 = 0.05; // 饱和度阶梯，深色部分
-var brightnessStep1 = 0.05; // 亮度阶梯，浅色部分
-var brightnessStep2 = 0.15; // 亮度阶梯，深色部分
-var lightColorCount = 5; // 浅色数量，主色上
-var darkColorCount = 4; // 深色数量，主色下
-
-// 暗色主题颜色映射关系表
-var darkColorMap = [{
-  index: 7,
-  amount: 15
-}, {
-  index: 6,
-  amount: 25
-}, {
-  index: 5,
-  amount: 30
-}, {
-  index: 5,
-  amount: 45
-}, {
-  index: 5,
-  amount: 65
-}, {
-  index: 5,
-  amount: 85
-}, {
-  index: 4,
-  amount: 90
-}, {
-  index: 3,
-  amount: 95
-}, {
-  index: 2,
-  amount: 97
-}, {
-  index: 1,
-  amount: 98
-}];
-function getHue(hsv, i, light) {
-  var hue;
-  // 根据色相不同，色相转向不同
-  if (Math.round(hsv.h) >= 60 && Math.round(hsv.h) <= 240) {
-    hue = light ? Math.round(hsv.h) - hueStep * i : Math.round(hsv.h) + hueStep * i;
-  } else {
-    hue = light ? Math.round(hsv.h) + hueStep * i : Math.round(hsv.h) - hueStep * i;
-  }
-  if (hue < 0) {
-    hue += 360;
-  } else if (hue >= 360) {
-    hue -= 360;
-  }
-  return hue;
-}
-function getSaturation(hsv, i, light) {
-  // grey color don't change saturation
-  if (hsv.h === 0 && hsv.s === 0) {
-    return hsv.s;
-  }
-  var saturation;
-  if (light) {
-    saturation = hsv.s - saturationStep * i;
-  } else if (i === darkColorCount) {
-    saturation = hsv.s + saturationStep;
-  } else {
-    saturation = hsv.s + saturationStep2 * i;
-  }
-  // 边界值修正
-  if (saturation > 1) {
-    saturation = 1;
-  }
-  // 第一格的 s 限制在 0.06-0.1 之间
-  if (light && i === lightColorCount && saturation > 0.1) {
-    saturation = 0.1;
-  }
-  if (saturation < 0.06) {
-    saturation = 0.06;
-  }
-  return Math.round(saturation * 100) / 100;
-}
-function getValue(hsv, i, light) {
-  var value;
-  if (light) {
-    value = hsv.v + brightnessStep1 * i;
-  } else {
-    value = hsv.v - brightnessStep2 * i;
-  }
-  // Clamp value between 0 and 1
-  value = Math.max(0, Math.min(1, value));
-  return Math.round(value * 100) / 100;
-}
-function generate$1(color) {
-  var opts = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
-  var patterns = [];
-  var pColor = new FastColor(color);
-  var hsv = pColor.toHsv();
-  for (var i = lightColorCount; i > 0; i -= 1) {
-    var c = new FastColor({
-      h: getHue(hsv, i, true),
-      s: getSaturation(hsv, i, true),
-      v: getValue(hsv, i, true)
-    });
-    patterns.push(c);
-  }
-  patterns.push(pColor);
-  for (var _i = 1; _i <= darkColorCount; _i += 1) {
-    var _c = new FastColor({
-      h: getHue(hsv, _i),
-      s: getSaturation(hsv, _i),
-      v: getValue(hsv, _i)
-    });
-    patterns.push(_c);
-  }
-
-  // dark theme patterns
-  if (opts.theme === 'dark') {
-    return darkColorMap.map(function (_ref) {
-      var index = _ref.index,
-        amount = _ref.amount;
-      return new FastColor(opts.backgroundColor || '#141414').mix(patterns[index], amount).toHexString();
-    });
-  }
-  return patterns.map(function (c) {
-    return c.toHexString();
-  });
-}
-
-// Generated by script. Do NOT modify!
-
-var blue = ["#e6f4ff", "#bae0ff", "#91caff", "#69b1ff", "#4096ff", "#1677ff", "#0958d9", "#003eb3", "#002c8c", "#001d66"];
-blue.primary = blue[5];
-
-function ownKeys(e, r) {
-  var t = Object.keys(e);
-  if (Object.getOwnPropertySymbols) {
-    var o = Object.getOwnPropertySymbols(e);
-    r && (o = o.filter(function (r) {
-      return Object.getOwnPropertyDescriptor(e, r).enumerable;
-    })), t.push.apply(t, o);
-  }
-  return t;
-}
-function _objectSpread2(e) {
-  for (var r = 1; r < arguments.length; r++) {
-    var t = null != arguments[r] ? arguments[r] : {};
-    r % 2 ? ownKeys(Object(t), true).forEach(function (r) {
-      _defineProperty(e, r, t[r]);
-    }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) {
-      Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r));
-    });
-  }
-  return e;
-}
-
-function canUseDom() {
-  return !!(typeof window !== 'undefined' && window.document && window.document.createElement);
-}
-
-function contains(root, n) {
-  if (!root) {
-    return false;
-  }
-
-  // Use native if support
-  if (root.contains) {
-    return root.contains(n);
-  }
-
-  // `document.contains` not support with IE11
-  var node = n;
-  while (node) {
-    if (node === root) {
-      return true;
-    }
-    node = node.parentNode;
-  }
-  return false;
-}
-
-var APPEND_ORDER = 'data-rc-order';
-var APPEND_PRIORITY = 'data-rc-priority';
-var MARK_KEY = "rc-util-key";
-var containerCache = new Map();
-function getMark() {
-  var _ref = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {},
-    mark = _ref.mark;
-  if (mark) {
-    return mark.startsWith('data-') ? mark : "data-".concat(mark);
-  }
-  return MARK_KEY;
-}
-function getContainer(option) {
-  if (option.attachTo) {
-    return option.attachTo;
-  }
-  var head = document.querySelector('head');
-  return head || document.body;
-}
-function getOrder(prepend) {
-  if (prepend === 'queue') {
-    return 'prependQueue';
-  }
-  return prepend ? 'prepend' : 'append';
-}
-
-/**
- * Find style which inject by rc-util
- */
-function findStyles(container) {
-  return Array.from((containerCache.get(container) || container).children).filter(function (node) {
-    return node.tagName === 'STYLE';
-  });
-}
-function injectCSS(css) {
-  var option = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
-  if (!canUseDom()) {
-    return null;
-  }
-  var csp = option.csp,
-    prepend = option.prepend,
-    _option$priority = option.priority,
-    priority = _option$priority === void 0 ? 0 : _option$priority;
-  var mergedOrder = getOrder(prepend);
-  var isPrependQueue = mergedOrder === 'prependQueue';
-  var styleNode = document.createElement('style');
-  styleNode.setAttribute(APPEND_ORDER, mergedOrder);
-  if (isPrependQueue && priority) {
-    styleNode.setAttribute(APPEND_PRIORITY, "".concat(priority));
-  }
-  if (csp !== null && csp !== void 0 && csp.nonce) {
-    styleNode.nonce = csp === null || csp === void 0 ? void 0 : csp.nonce;
-  }
-  styleNode.innerHTML = css;
-  var container = getContainer(option);
-  var firstChild = container.firstChild;
-  if (prepend) {
-    // If is queue `prepend`, it will prepend first style and then append rest style
-    if (isPrependQueue) {
-      var existStyle = (option.styles || findStyles(container)).filter(function (node) {
-        // Ignore style which not injected by rc-util with prepend
-        if (!['prepend', 'prependQueue'].includes(node.getAttribute(APPEND_ORDER))) {
-          return false;
-        }
-
-        // Ignore style which priority less then new style
-        var nodePriority = Number(node.getAttribute(APPEND_PRIORITY) || 0);
-        return priority >= nodePriority;
-      });
-      if (existStyle.length) {
-        container.insertBefore(styleNode, existStyle[existStyle.length - 1].nextSibling);
-        return styleNode;
-      }
-    }
-
-    // Use `insertBefore` as `prepend`
-    container.insertBefore(styleNode, firstChild);
-  } else {
-    container.appendChild(styleNode);
-  }
-  return styleNode;
-}
-function findExistNode(key) {
-  var option = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
-  var container = getContainer(option);
-  return (option.styles || findStyles(container)).find(function (node) {
-    return node.getAttribute(getMark(option)) === key;
-  });
-}
-
-/**
- * qiankun will inject `appendChild` to insert into other
- */
-function syncRealContainer(container, option) {
-  var cachedRealContainer = containerCache.get(container);
-
-  // Find real container when not cached or cached container removed
-  if (!cachedRealContainer || !contains(document, cachedRealContainer)) {
-    var placeholderStyle = injectCSS('', option);
-    var parentNode = placeholderStyle.parentNode;
-    containerCache.set(container, parentNode);
-    container.removeChild(placeholderStyle);
-  }
-}
-function updateCSS(css, key) {
-  var originOption = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : {};
-  var container = getContainer(originOption);
-  var styles = findStyles(container);
-  var option = _objectSpread2(_objectSpread2({}, originOption), {}, {
-    styles: styles
-  });
-
-  // Sync real parent
-  syncRealContainer(container, option);
-  var existNode = findExistNode(key, option);
-  if (existNode) {
-    var _option$csp, _option$csp2;
-    if ((_option$csp = option.csp) !== null && _option$csp !== void 0 && _option$csp.nonce && existNode.nonce !== ((_option$csp2 = option.csp) === null || _option$csp2 === void 0 ? void 0 : _option$csp2.nonce)) {
-      var _option$csp3;
-      existNode.nonce = (_option$csp3 = option.csp) === null || _option$csp3 === void 0 ? void 0 : _option$csp3.nonce;
-    }
-    if (existNode.innerHTML !== css) {
-      existNode.innerHTML = css;
-    }
-    return existNode;
-  }
-  var newNode = injectCSS(css, option);
-  newNode.setAttribute(getMark(option), key);
-  return newNode;
-}
-
-function getRoot(ele) {
-  var _ele$getRootNode;
-  return ele === null || ele === void 0 || (_ele$getRootNode = ele.getRootNode) === null || _ele$getRootNode === void 0 ? void 0 : _ele$getRootNode.call(ele);
-}
-
-/**
- * Check if is in shadowRoot
- */
-function inShadow(ele) {
-  return getRoot(ele) instanceof ShadowRoot;
-}
-
-/**
- * Return shadowRoot if possible
- */
-function getShadowRoot(ele) {
-  return inShadow(ele) ? getRoot(ele) : null;
-}
-
-/* eslint-disable no-console */
-var warned = {};
-var preWarningFns = [];
-
-/**
- * Pre warning enable you to parse content before console.error.
- * Modify to null will prevent warning.
- */
-var preMessage = function preMessage(fn) {
-  preWarningFns.push(fn);
-};
-
-/**
- * Warning if condition not match.
- * @param valid Condition
- * @param message Warning message
- * @example
- * ```js
- * warning(false, 'some error'); // print some error
- * warning(true, 'some error'); // print nothing
- * warning(1 === 2, 'some error'); // print some error
- * ```
- */
-function warning$1(valid, message) {
-  if (process.env.NODE_ENV !== 'production' && !valid && console !== undefined) {
-    var finalMessage = preWarningFns.reduce(function (msg, preMessageFn) {
-      return preMessageFn(msg !== null && msg !== void 0 ? msg : '', 'warning');
-    }, message);
-    if (finalMessage) {
-      console.error("Warning: ".concat(finalMessage));
-    }
-  }
-}
-
-/** @see Similar to {@link warning} */
-function note(valid, message) {
-  if (process.env.NODE_ENV !== 'production' && !valid && console !== undefined) {
-    var finalMessage = preWarningFns.reduce(function (msg, preMessageFn) {
-      return preMessageFn(msg !== null && msg !== void 0 ? msg : '', 'note');
-    }, message);
-    if (finalMessage) {
-      console.warn("Note: ".concat(finalMessage));
-    }
-  }
-}
-function resetWarned() {
-  warned = {};
-}
-function call(method, valid, message) {
-  if (!valid && !warned[message]) {
-    method(false, message);
-    warned[message] = true;
-  }
-}
-
-/** @see Same as {@link warning}, but only warn once for the same message */
-function warningOnce(valid, message) {
-  call(warning$1, valid, message);
-}
-
-/** @see Same as {@link warning}, but only warn once for the same message */
-function noteOnce(valid, message) {
-  call(note, valid, message);
-}
-warningOnce.preMessage = preMessage;
-warningOnce.resetWarned = resetWarned;
-warningOnce.noteOnce = noteOnce;
-
-function camelCase(input) {
-  return input.replace(/-(.)/g, function (match, g) {
-    return g.toUpperCase();
-  });
-}
-function warning(valid, message) {
-  warningOnce(valid, "[@ant-design/icons] ".concat(message));
-}
-function isIconDefinition(target) {
-  return _typeof(target) === 'object' && typeof target.name === 'string' && typeof target.theme === 'string' && (_typeof(target.icon) === 'object' || typeof target.icon === 'function');
-}
-function normalizeAttrs() {
-  var attrs = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
-  return Object.keys(attrs).reduce(function (acc, key) {
-    var val = attrs[key];
-    switch (key) {
-      case 'class':
-        acc.className = val;
-        delete acc.class;
-        break;
-      default:
-        delete acc[key];
-        acc[camelCase(key)] = val;
-    }
-    return acc;
-  }, {});
-}
-function generate(node, key, rootProps) {
-  if (!rootProps) {
-    return /*#__PURE__*/React.createElement(node.tag, _objectSpread2({
-      key: key
-    }, normalizeAttrs(node.attrs)), (node.children || []).map(function (child, index) {
-      return generate(child, "".concat(key, "-").concat(node.tag, "-").concat(index));
-    }));
-  }
-  return /*#__PURE__*/React.createElement(node.tag, _objectSpread2(_objectSpread2({
-    key: key
-  }, normalizeAttrs(node.attrs)), rootProps), (node.children || []).map(function (child, index) {
-    return generate(child, "".concat(key, "-").concat(node.tag, "-").concat(index));
-  }));
-}
-function getSecondaryColor(primaryColor) {
-  // choose the second color
-  return generate$1(primaryColor)[0];
-}
-function normalizeTwoToneColors(twoToneColor) {
-  if (!twoToneColor) {
-    return [];
-  }
-  return Array.isArray(twoToneColor) ? twoToneColor : [twoToneColor];
-}
-var iconStyles = "\n.anticon {\n  display: inline-flex;\n  align-items: center;\n  color: inherit;\n  font-style: normal;\n  line-height: 0;\n  text-align: center;\n  text-transform: none;\n  vertical-align: -0.125em;\n  text-rendering: optimizeLegibility;\n  -webkit-font-smoothing: antialiased;\n  -moz-osx-font-smoothing: grayscale;\n}\n\n.anticon > * {\n  line-height: 1;\n}\n\n.anticon svg {\n  display: inline-block;\n}\n\n.anticon::before {\n  display: none;\n}\n\n.anticon .anticon-icon {\n  display: block;\n}\n\n.anticon[tabindex] {\n  cursor: pointer;\n}\n\n.anticon-spin::before,\n.anticon-spin {\n  display: inline-block;\n  -webkit-animation: loadingCircle 1s infinite linear;\n  animation: loadingCircle 1s infinite linear;\n}\n\n@-webkit-keyframes loadingCircle {\n  100% {\n    -webkit-transform: rotate(360deg);\n    transform: rotate(360deg);\n  }\n}\n\n@keyframes loadingCircle {\n  100% {\n    -webkit-transform: rotate(360deg);\n    transform: rotate(360deg);\n  }\n}\n";
-var useInsertStyles = function useInsertStyles(eleRef) {
-  var _useContext = React.useContext(IconContext),
-    csp = _useContext.csp,
-    prefixCls = _useContext.prefixCls,
-    layer = _useContext.layer;
-  var mergedStyleStr = iconStyles;
-  if (prefixCls) {
-    mergedStyleStr = mergedStyleStr.replace(/anticon/g, prefixCls);
-  }
-  if (layer) {
-    mergedStyleStr = "@layer ".concat(layer, " {\n").concat(mergedStyleStr, "\n}");
-  }
-  React.useEffect(function () {
-    var ele = eleRef.current;
-    var shadowRoot = getShadowRoot(ele);
-    updateCSS(mergedStyleStr, '@ant-design-icons', {
-      prepend: !layer,
-      csp: csp,
-      attachTo: shadowRoot
-    });
-  }, []);
-};
-
-var _excluded$1 = ["icon", "className", "onClick", "style", "primaryColor", "secondaryColor"];
-var twoToneColorPalette = {
-  primaryColor: '#333',
-  secondaryColor: '#E6E6E6',
-  calculated: false
-};
-function setTwoToneColors(_ref) {
-  var primaryColor = _ref.primaryColor,
-    secondaryColor = _ref.secondaryColor;
-  twoToneColorPalette.primaryColor = primaryColor;
-  twoToneColorPalette.secondaryColor = secondaryColor || getSecondaryColor(primaryColor);
-  twoToneColorPalette.calculated = !!secondaryColor;
-}
-function getTwoToneColors() {
-  return _objectSpread2({}, twoToneColorPalette);
-}
-var IconBase = function IconBase(props) {
-  var icon = props.icon,
-    className = props.className,
-    onClick = props.onClick,
-    style = props.style,
-    primaryColor = props.primaryColor,
-    secondaryColor = props.secondaryColor,
-    restProps = _objectWithoutProperties(props, _excluded$1);
-  var svgRef = React__namespace.useRef();
-  var colors = twoToneColorPalette;
-  if (primaryColor) {
-    colors = {
-      primaryColor: primaryColor,
-      secondaryColor: secondaryColor || getSecondaryColor(primaryColor)
-    };
-  }
-  useInsertStyles(svgRef);
-  warning(isIconDefinition(icon), "icon should be icon definiton, but got ".concat(icon));
-  if (!isIconDefinition(icon)) {
-    return null;
-  }
-  var target = icon;
-  if (target && typeof target.icon === 'function') {
-    target = _objectSpread2(_objectSpread2({}, target), {}, {
-      icon: target.icon(colors.primaryColor, colors.secondaryColor)
-    });
-  }
-  return generate(target.icon, "svg-".concat(target.name), _objectSpread2(_objectSpread2({
-    className: className,
-    onClick: onClick,
-    style: style,
-    'data-icon': target.name,
-    width: '1em',
-    height: '1em',
-    fill: 'currentColor',
-    'aria-hidden': 'true'
-  }, restProps), {}, {
-    ref: svgRef
-  }));
-};
-IconBase.displayName = 'IconReact';
-IconBase.getTwoToneColors = getTwoToneColors;
-IconBase.setTwoToneColors = setTwoToneColors;
-
-function setTwoToneColor(twoToneColor) {
-  var _normalizeTwoToneColo = normalizeTwoToneColors(twoToneColor),
-    _normalizeTwoToneColo2 = _slicedToArray(_normalizeTwoToneColo, 2),
-    primaryColor = _normalizeTwoToneColo2[0],
-    secondaryColor = _normalizeTwoToneColo2[1];
-  return IconBase.setTwoToneColors({
-    primaryColor: primaryColor,
-    secondaryColor: secondaryColor
-  });
-}
-function getTwoToneColor() {
-  var colors = IconBase.getTwoToneColors();
-  if (!colors.calculated) {
-    return colors.primaryColor;
-  }
-  return [colors.primaryColor, colors.secondaryColor];
-}
-
-var _excluded = ["className", "icon", "spin", "rotate", "tabIndex", "onClick", "twoToneColor"];
-// Initial setting
-// should move it to antd main repo?
-setTwoToneColor(blue.primary);
-
-// https://github.com/DefinitelyTyped/DefinitelyTyped/issues/34757#issuecomment-488848720
-
-var Icon = /*#__PURE__*/React__namespace.forwardRef(function (props, ref) {
-  var className = props.className,
-    icon = props.icon,
-    spin = props.spin,
-    rotate = props.rotate,
-    tabIndex = props.tabIndex,
-    onClick = props.onClick,
-    twoToneColor = props.twoToneColor,
-    restProps = _objectWithoutProperties(props, _excluded);
-  var _React$useContext = React__namespace.useContext(IconContext),
-    _React$useContext$pre = _React$useContext.prefixCls,
-    prefixCls = _React$useContext$pre === void 0 ? 'anticon' : _React$useContext$pre,
-    rootClassName = _React$useContext.rootClassName;
-  var classString = classNames(rootClassName, prefixCls, _defineProperty(_defineProperty({}, "".concat(prefixCls, "-").concat(icon.name), !!icon.name), "".concat(prefixCls, "-spin"), !!spin || icon.name === 'loading'), className);
-  var iconTabIndex = tabIndex;
-  if (iconTabIndex === undefined && onClick) {
-    iconTabIndex = -1;
-  }
-  var svgStyle = rotate ? {
-    msTransform: "rotate(".concat(rotate, "deg)"),
-    transform: "rotate(".concat(rotate, "deg)")
-  } : undefined;
-  var _normalizeTwoToneColo = normalizeTwoToneColors(twoToneColor),
-    _normalizeTwoToneColo2 = _slicedToArray(_normalizeTwoToneColo, 2),
-    primaryColor = _normalizeTwoToneColo2[0],
-    secondaryColor = _normalizeTwoToneColo2[1];
-  return /*#__PURE__*/React__namespace.createElement("span", _extends({
-    role: "img",
-    "aria-label": icon.name
-  }, restProps, {
-    ref: ref,
-    tabIndex: iconTabIndex,
-    onClick: onClick,
-    className: classString
-  }), /*#__PURE__*/React__namespace.createElement(IconBase, {
-    icon: icon,
-    primaryColor: primaryColor,
-    secondaryColor: secondaryColor,
-    style: svgStyle
-  }));
-});
-Icon.displayName = 'AntdIcon';
-Icon.getTwoToneColor = getTwoToneColor;
-Icon.setTwoToneColor = setTwoToneColor;
-
-// This icon file is generated automatically.
-var CodeOutlined$1 = { "icon": { "tag": "svg", "attrs": { "viewBox": "64 64 896 896", "focusable": "false" }, "children": [{ "tag": "path", "attrs": { "d": "M516 673c0 4.4 3.4 8 7.5 8h185c4.1 0 7.5-3.6 7.5-8v-48c0-4.4-3.4-8-7.5-8h-185c-4.1 0-7.5 3.6-7.5 8v48zm-194.9 6.1l192-161c3.8-3.2 3.8-9.1 0-12.3l-192-160.9A7.95 7.95 0 00308 351v62.7c0 2.4 1 4.6 2.9 6.1L420.7 512l-109.8 92.2a8.1 8.1 0 00-2.9 6.1V673c0 6.8 7.9 10.5 13.1 6.1zM880 112H144c-17.7 0-32 14.3-32 32v736c0 17.7 14.3 32 32 32h736c17.7 0 32-14.3 32-32V144c0-17.7-14.3-32-32-32zm-40 728H184V184h656v656z" } }] }, "name": "code", "theme": "outlined" };
-
-var CodeOutlined = function CodeOutlined(props, ref) {
-  return /*#__PURE__*/React__namespace.createElement(Icon, _extends({}, props, {
-    ref: ref,
-    icon: CodeOutlined$1
-  }));
-};
-
-/**![code](data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNTAiIGhlaWdodD0iNTAiIGZpbGw9IiNjYWNhY2EiIHZpZXdCb3g9IjY0IDY0IDg5NiA4OTYiIGZvY3VzYWJsZT0iZmFsc2UiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTUxNiA2NzNjMCA0LjQgMy40IDggNy41IDhoMTg1YzQuMSAwIDcuNS0zLjYgNy41LTh2LTQ4YzAtNC40LTMuNC04LTcuNS04aC0xODVjLTQuMSAwLTcuNSAzLjYtNy41IDh2NDh6bS0xOTQuOSA2LjFsMTkyLTE2MWMzLjgtMy4yIDMuOC05LjEgMC0xMi4zbC0xOTItMTYwLjlBNy45NSA3Ljk1IDAgMDAzMDggMzUxdjYyLjdjMCAyLjQgMSA0LjYgMi45IDYuMUw0MjAuNyA1MTJsLTEwOS44IDkyLjJhOC4xIDguMSAwIDAwLTIuOSA2LjFWNjczYzAgNi44IDcuOSAxMC41IDEzLjEgNi4xek04ODAgMTEySDE0NGMtMTcuNyAwLTMyIDE0LjMtMzIgMzJ2NzM2YzAgMTcuNyAxNC4zIDMyIDMyIDMyaDczNmMxNy43IDAgMzItMTQuMyAzMi0zMlYxNDRjMC0xNy43LTE0LjMtMzItMzItMzJ6bS00MCA3MjhIMTg0VjE4NGg2NTZ2NjU2eiIgLz48L3N2Zz4=) */
-var RefIcon$8 = /*#__PURE__*/React__namespace.forwardRef(CodeOutlined);
-if (process.env.NODE_ENV !== 'production') {
-  RefIcon$8.displayName = 'CodeOutlined';
-}
-
-// This icon file is generated automatically.
-var CopyOutlined$1 = { "icon": { "tag": "svg", "attrs": { "viewBox": "64 64 896 896", "focusable": "false" }, "children": [{ "tag": "path", "attrs": { "d": "M832 64H296c-4.4 0-8 3.6-8 8v56c0 4.4 3.6 8 8 8h496v688c0 4.4 3.6 8 8 8h56c4.4 0 8-3.6 8-8V96c0-17.7-14.3-32-32-32zM704 192H192c-17.7 0-32 14.3-32 32v530.7c0 8.5 3.4 16.6 9.4 22.6l173.3 173.3c2.2 2.2 4.7 4 7.4 5.5v1.9h4.2c3.5 1.3 7.2 2 11 2H704c17.7 0 32-14.3 32-32V224c0-17.7-14.3-32-32-32zM350 856.2L263.9 770H350v86.2zM664 888H414V746c0-22.1-17.9-40-40-40H232V264h432v624z" } }] }, "name": "copy", "theme": "outlined" };
-
-var CopyOutlined = function CopyOutlined(props, ref) {
-  return /*#__PURE__*/React__namespace.createElement(Icon, _extends({}, props, {
-    ref: ref,
-    icon: CopyOutlined$1
-  }));
-};
-
-/**![copy](data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNTAiIGhlaWdodD0iNTAiIGZpbGw9IiNjYWNhY2EiIHZpZXdCb3g9IjY0IDY0IDg5NiA4OTYiIGZvY3VzYWJsZT0iZmFsc2UiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTgzMiA2NEgyOTZjLTQuNCAwLTggMy42LTggOHY1NmMwIDQuNCAzLjYgOCA4IDhoNDk2djY4OGMwIDQuNCAzLjYgOCA4IDhoNTZjNC40IDAgOC0zLjYgOC04Vjk2YzAtMTcuNy0xNC4zLTMyLTMyLTMyek03MDQgMTkySDE5MmMtMTcuNyAwLTMyIDE0LjMtMzIgMzJ2NTMwLjdjMCA4LjUgMy40IDE2LjYgOS40IDIyLjZsMTczLjMgMTczLjNjMi4yIDIuMiA0LjcgNCA3LjQgNS41djEuOWg0LjJjMy41IDEuMyA3LjIgMiAxMSAySDcwNGMxNy43IDAgMzItMTQuMyAzMi0zMlYyMjRjMC0xNy43LTE0LjMtMzItMzItMzJ6TTM1MCA4NTYuMkwyNjMuOSA3NzBIMzUwdjg2LjJ6TTY2NCA4ODhINDE0Vjc0NmMwLTIyLjEtMTcuOS00MC00MC00MEgyMzJWMjY0aDQzMnY2MjR6IiAvPjwvc3ZnPg==) */
-var RefIcon$7 = /*#__PURE__*/React__namespace.forwardRef(CopyOutlined);
-if (process.env.NODE_ENV !== 'production') {
-  RefIcon$7.displayName = 'CopyOutlined';
-}
-
-// This icon file is generated automatically.
-var DeleteOutlined$1 = { "icon": { "tag": "svg", "attrs": { "viewBox": "64 64 896 896", "focusable": "false" }, "children": [{ "tag": "path", "attrs": { "d": "M360 184h-8c4.4 0 8-3.6 8-8v8h304v-8c0 4.4 3.6 8 8 8h-8v72h72v-80c0-35.3-28.7-64-64-64H352c-35.3 0-64 28.7-64 64v80h72v-72zm504 72H160c-17.7 0-32 14.3-32 32v32c0 4.4 3.6 8 8 8h60.4l24.7 523c1.6 34.1 29.8 61 63.9 61h454c34.2 0 62.3-26.8 63.9-61l24.7-523H888c4.4 0 8-3.6 8-8v-32c0-17.7-14.3-32-32-32zM731.3 840H292.7l-24.2-512h487l-24.2 512z" } }] }, "name": "delete", "theme": "outlined" };
-
-var DeleteOutlined = function DeleteOutlined(props, ref) {
-  return /*#__PURE__*/React__namespace.createElement(Icon, _extends({}, props, {
-    ref: ref,
-    icon: DeleteOutlined$1
-  }));
-};
-
-/**![delete](data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNTAiIGhlaWdodD0iNTAiIGZpbGw9IiNjYWNhY2EiIHZpZXdCb3g9IjY0IDY0IDg5NiA4OTYiIGZvY3VzYWJsZT0iZmFsc2UiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTM2MCAxODRoLThjNC40IDAgOC0zLjYgOC04djhoMzA0di04YzAgNC40IDMuNiA4IDggOGgtOHY3Mmg3MnYtODBjMC0zNS4zLTI4LjctNjQtNjQtNjRIMzUyYy0zNS4zIDAtNjQgMjguNy02NCA2NHY4MGg3MnYtNzJ6bTUwNCA3MkgxNjBjLTE3LjcgMC0zMiAxNC4zLTMyIDMydjMyYzAgNC40IDMuNiA4IDggOGg2MC40bDI0LjcgNTIzYzEuNiAzNC4xIDI5LjggNjEgNjMuOSA2MWg0NTRjMzQuMiAwIDYyLjMtMjYuOCA2My45LTYxbDI0LjctNTIzSDg4OGM0LjQgMCA4LTMuNiA4LTh2LTMyYzAtMTcuNy0xNC4zLTMyLTMyLTMyek03MzEuMyA4NDBIMjkyLjdsLTI0LjItNTEyaDQ4N2wtMjQuMiA1MTJ6IiAvPjwvc3ZnPg==) */
-var RefIcon$6 = /*#__PURE__*/React__namespace.forwardRef(DeleteOutlined);
-if (process.env.NODE_ENV !== 'production') {
-  RefIcon$6.displayName = 'DeleteOutlined';
-}
-
-// This icon file is generated automatically.
-var EditOutlined$1 = { "icon": { "tag": "svg", "attrs": { "viewBox": "64 64 896 896", "focusable": "false" }, "children": [{ "tag": "path", "attrs": { "d": "M257.7 752c2 0 4-.2 6-.5L431.9 722c2-.4 3.9-1.3 5.3-2.8l423.9-423.9a9.96 9.96 0 000-14.1L694.9 114.9c-1.9-1.9-4.4-2.9-7.1-2.9s-5.2 1-7.1 2.9L256.8 538.8c-1.5 1.5-2.4 3.3-2.8 5.3l-29.5 168.2a33.5 33.5 0 009.4 29.8c6.6 6.4 14.9 9.9 23.8 9.9zm67.4-174.4L687.8 215l73.3 73.3-362.7 362.6-88.9 15.7 15.6-89zM880 836H144c-17.7 0-32 14.3-32 32v36c0 4.4 3.6 8 8 8h784c4.4 0 8-3.6 8-8v-36c0-17.7-14.3-32-32-32z" } }] }, "name": "edit", "theme": "outlined" };
-
-var EditOutlined = function EditOutlined(props, ref) {
-  return /*#__PURE__*/React__namespace.createElement(Icon, _extends({}, props, {
-    ref: ref,
-    icon: EditOutlined$1
-  }));
-};
-
-/**![edit](data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNTAiIGhlaWdodD0iNTAiIGZpbGw9IiNjYWNhY2EiIHZpZXdCb3g9IjY0IDY0IDg5NiA4OTYiIGZvY3VzYWJsZT0iZmFsc2UiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTI1Ny43IDc1MmMyIDAgNC0uMiA2LS41TDQzMS45IDcyMmMyLS40IDMuOS0xLjMgNS4zLTIuOGw0MjMuOS00MjMuOWE5Ljk2IDkuOTYgMCAwMDAtMTQuMUw2OTQuOSAxMTQuOWMtMS45LTEuOS00LjQtMi45LTcuMS0yLjlzLTUuMiAxLTcuMSAyLjlMMjU2LjggNTM4LjhjLTEuNSAxLjUtMi40IDMuMy0yLjggNS4zbC0yOS41IDE2OC4yYTMzLjUgMzMuNSAwIDAwOS40IDI5LjhjNi42IDYuNCAxNC45IDkuOSAyMy44IDkuOXptNjcuNC0xNzQuNEw2ODcuOCAyMTVsNzMuMyA3My4zLTM2Mi43IDM2Mi42LTg4LjkgMTUuNyAxNS42LTg5ek04ODAgODM2SDE0NGMtMTcuNyAwLTMyIDE0LjMtMzIgMzJ2MzZjMCA0LjQgMy42IDggOCA4aDc4NGM0LjQgMCA4LTMuNiA4LTh2LTM2YzAtMTcuNy0xNC4zLTMyLTMyLTMyeiIgLz48L3N2Zz4=) */
-var RefIcon$5 = /*#__PURE__*/React__namespace.forwardRef(EditOutlined);
-if (process.env.NODE_ENV !== 'production') {
-  RefIcon$5.displayName = 'EditOutlined';
-}
-
-// This icon file is generated automatically.
-var EyeOutlined$1 = { "icon": { "tag": "svg", "attrs": { "viewBox": "64 64 896 896", "focusable": "false" }, "children": [{ "tag": "path", "attrs": { "d": "M942.2 486.2C847.4 286.5 704.1 186 512 186c-192.2 0-335.4 100.5-430.2 300.3a60.3 60.3 0 000 51.5C176.6 737.5 319.9 838 512 838c192.2 0 335.4-100.5 430.2-300.3 7.7-16.2 7.7-35 0-51.5zM512 766c-161.3 0-279.4-81.8-362.7-254C232.6 339.8 350.7 258 512 258c161.3 0 279.4 81.8 362.7 254C791.5 684.2 673.4 766 512 766zm-4-430c-97.2 0-176 78.8-176 176s78.8 176 176 176 176-78.8 176-176-78.8-176-176-176zm0 288c-61.9 0-112-50.1-112-112s50.1-112 112-112 112 50.1 112 112-50.1 112-112 112z" } }] }, "name": "eye", "theme": "outlined" };
-
-var EyeOutlined = function EyeOutlined(props, ref) {
-  return /*#__PURE__*/React__namespace.createElement(Icon, _extends({}, props, {
-    ref: ref,
-    icon: EyeOutlined$1
-  }));
-};
-
-/**![eye](data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNTAiIGhlaWdodD0iNTAiIGZpbGw9IiNjYWNhY2EiIHZpZXdCb3g9IjY0IDY0IDg5NiA4OTYiIGZvY3VzYWJsZT0iZmFsc2UiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTk0Mi4yIDQ4Ni4yQzg0Ny40IDI4Ni41IDcwNC4xIDE4NiA1MTIgMTg2Yy0xOTIuMiAwLTMzNS40IDEwMC41LTQzMC4yIDMwMC4zYTYwLjMgNjAuMyAwIDAwMCA1MS41QzE3Ni42IDczNy41IDMxOS45IDgzOCA1MTIgODM4YzE5Mi4yIDAgMzM1LjQtMTAwLjUgNDMwLjItMzAwLjMgNy43LTE2LjIgNy43LTM1IDAtNTEuNXpNNTEyIDc2NmMtMTYxLjMgMC0yNzkuNC04MS44LTM2Mi43LTI1NEMyMzIuNiAzMzkuOCAzNTAuNyAyNTggNTEyIDI1OGMxNjEuMyAwIDI3OS40IDgxLjggMzYyLjcgMjU0Qzc5MS41IDY4NC4yIDY3My40IDc2NiA1MTIgNzY2em0tNC00MzBjLTk3LjIgMC0xNzYgNzguOC0xNzYgMTc2czc4LjggMTc2IDE3NiAxNzYgMTc2LTc4LjggMTc2LTE3Ni03OC44LTE3Ni0xNzYtMTc2em0wIDI4OGMtNjEuOSAwLTExMi01MC4xLTExMi0xMTJzNTAuMS0xMTIgMTEyLTExMiAxMTIgNTAuMSAxMTIgMTEyLTUwLjEgMTEyLTExMiAxMTJ6IiAvPjwvc3ZnPg==) */
-var RefIcon$4 = /*#__PURE__*/React__namespace.forwardRef(EyeOutlined);
-if (process.env.NODE_ENV !== 'production') {
-  RefIcon$4.displayName = 'EyeOutlined';
-}
-
-// This icon file is generated automatically.
-var FormOutlined$1 = { "icon": { "tag": "svg", "attrs": { "viewBox": "64 64 896 896", "focusable": "false" }, "children": [{ "tag": "path", "attrs": { "d": "M904 512h-56c-4.4 0-8 3.6-8 8v320H184V184h320c4.4 0 8-3.6 8-8v-56c0-4.4-3.6-8-8-8H144c-17.7 0-32 14.3-32 32v736c0 17.7 14.3 32 32 32h736c17.7 0 32-14.3 32-32V520c0-4.4-3.6-8-8-8z" } }, { "tag": "path", "attrs": { "d": "M355.9 534.9L354 653.8c-.1 8.9 7.1 16.2 16 16.2h.4l118-2.9c2-.1 4-.9 5.4-2.3l415.9-415c3.1-3.1 3.1-8.2 0-11.3L785.4 114.3c-1.6-1.6-3.6-2.3-5.7-2.3s-4.1.8-5.7 2.3l-415.8 415a8.3 8.3 0 00-2.3 5.6zm63.5 23.6L779.7 199l45.2 45.1-360.5 359.7-45.7 1.1.7-46.4z" } }] }, "name": "form", "theme": "outlined" };
-
-var FormOutlined = function FormOutlined(props, ref) {
-  return /*#__PURE__*/React__namespace.createElement(Icon, _extends({}, props, {
-    ref: ref,
-    icon: FormOutlined$1
-  }));
-};
-
-/**![form](data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNTAiIGhlaWdodD0iNTAiIGZpbGw9IiNjYWNhY2EiIHZpZXdCb3g9IjY0IDY0IDg5NiA4OTYiIGZvY3VzYWJsZT0iZmFsc2UiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTkwNCA1MTJoLTU2Yy00LjQgMC04IDMuNi04IDh2MzIwSDE4NFYxODRoMzIwYzQuNCAwIDgtMy42IDgtOHYtNTZjMC00LjQtMy42LTgtOC04SDE0NGMtMTcuNyAwLTMyIDE0LjMtMzIgMzJ2NzM2YzAgMTcuNyAxNC4zIDMyIDMyIDMyaDczNmMxNy43IDAgMzItMTQuMyAzMi0zMlY1MjBjMC00LjQtMy42LTgtOC04eiIgLz48cGF0aCBkPSJNMzU1LjkgNTM0LjlMMzU0IDY1My44Yy0uMSA4LjkgNy4xIDE2LjIgMTYgMTYuMmguNGwxMTgtMi45YzItLjEgNC0uOSA1LjQtMi4zbDQxNS45LTQxNWMzLjEtMy4xIDMuMS04LjIgMC0xMS4zTDc4NS40IDExNC4zYy0xLjYtMS42LTMuNi0yLjMtNS43LTIuM3MtNC4xLjgtNS43IDIuM2wtNDE1LjggNDE1YTguMyA4LjMgMCAwMC0yLjMgNS42em02My41IDIzLjZMNzc5LjcgMTk5bDQ1LjIgNDUuMS0zNjAuNSAzNTkuNy00NS43IDEuMS43LTQ2LjR6IiAvPjwvc3ZnPg==) */
-var RefIcon$3 = /*#__PURE__*/React__namespace.forwardRef(FormOutlined);
-if (process.env.NODE_ENV !== 'production') {
-  RefIcon$3.displayName = 'FormOutlined';
-}
-
-// This icon file is generated automatically.
-var PlusOutlined$1 = { "icon": { "tag": "svg", "attrs": { "viewBox": "64 64 896 896", "focusable": "false" }, "children": [{ "tag": "path", "attrs": { "d": "M482 152h60q8 0 8 8v704q0 8-8 8h-60q-8 0-8-8V160q0-8 8-8z" } }, { "tag": "path", "attrs": { "d": "M192 474h672q8 0 8 8v60q0 8-8 8H160q-8 0-8-8v-60q0-8 8-8z" } }] }, "name": "plus", "theme": "outlined" };
-
-var PlusOutlined = function PlusOutlined(props, ref) {
-  return /*#__PURE__*/React__namespace.createElement(Icon, _extends({}, props, {
-    ref: ref,
-    icon: PlusOutlined$1
-  }));
-};
-
-/**![plus](data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNTAiIGhlaWdodD0iNTAiIGZpbGw9IiNjYWNhY2EiIHZpZXdCb3g9IjY0IDY0IDg5NiA4OTYiIGZvY3VzYWJsZT0iZmFsc2UiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTQ4MiAxNTJoNjBxOCAwIDggOHY3MDRxMCA4LTggOGgtNjBxLTggMC04LThWMTYwcTAtOCA4LTh6IiAvPjxwYXRoIGQ9Ik0xOTIgNDc0aDY3MnE4IDAgOCA4djYwcTAgOC04IDhIMTYwcS04IDAtOC04di02MHEwLTggOC04eiIgLz48L3N2Zz4=) */
-var RefIcon$2 = /*#__PURE__*/React__namespace.forwardRef(PlusOutlined);
-if (process.env.NODE_ENV !== 'production') {
-  RefIcon$2.displayName = 'PlusOutlined';
-}
-
-// This icon file is generated automatically.
-var ReloadOutlined$1 = { "icon": { "tag": "svg", "attrs": { "viewBox": "64 64 896 896", "focusable": "false" }, "children": [{ "tag": "path", "attrs": { "d": "M909.1 209.3l-56.4 44.1C775.8 155.1 656.2 92 521.9 92 290 92 102.3 279.5 102 511.5 101.7 743.7 289.8 932 521.9 932c181.3 0 335.8-115 394.6-276.1 1.5-4.2-.7-8.9-4.9-10.3l-56.7-19.5a8 8 0 00-10.1 4.8c-1.8 5-3.8 10-5.9 14.9-17.3 41-42.1 77.8-73.7 109.4A344.77 344.77 0 01655.9 829c-42.3 17.9-87.4 27-133.8 27-46.5 0-91.5-9.1-133.8-27A341.5 341.5 0 01279 755.2a342.16 342.16 0 01-73.7-109.4c-17.9-42.4-27-87.4-27-133.9s9.1-91.5 27-133.9c17.3-41 42.1-77.8 73.7-109.4 31.6-31.6 68.4-56.4 109.3-73.8 42.3-17.9 87.4-27 133.8-27 46.5 0 91.5 9.1 133.8 27a341.5 341.5 0 01109.3 73.8c9.9 9.9 19.2 20.4 27.8 31.4l-60.2 47a8 8 0 003 14.1l175.6 43c5 1.2 9.9-2.6 9.9-7.7l.8-180.9c-.1-6.6-7.8-10.3-13-6.2z" } }] }, "name": "reload", "theme": "outlined" };
-
-var ReloadOutlined = function ReloadOutlined(props, ref) {
-  return /*#__PURE__*/React__namespace.createElement(Icon, _extends({}, props, {
-    ref: ref,
-    icon: ReloadOutlined$1
-  }));
-};
-
-/**![reload](data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNTAiIGhlaWdodD0iNTAiIGZpbGw9IiNjYWNhY2EiIHZpZXdCb3g9IjY0IDY0IDg5NiA4OTYiIGZvY3VzYWJsZT0iZmFsc2UiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTkwOS4xIDIwOS4zbC01Ni40IDQ0LjFDNzc1LjggMTU1LjEgNjU2LjIgOTIgNTIxLjkgOTIgMjkwIDkyIDEwMi4zIDI3OS41IDEwMiA1MTEuNSAxMDEuNyA3NDMuNyAyODkuOCA5MzIgNTIxLjkgOTMyYzE4MS4zIDAgMzM1LjgtMTE1IDM5NC42LTI3Ni4xIDEuNS00LjItLjctOC45LTQuOS0xMC4zbC01Ni43LTE5LjVhOCA4IDAgMDAtMTAuMSA0LjhjLTEuOCA1LTMuOCAxMC01LjkgMTQuOS0xNy4zIDQxLTQyLjEgNzcuOC03My43IDEwOS40QTM0NC43NyAzNDQuNzcgMCAwMTY1NS45IDgyOWMtNDIuMyAxNy45LTg3LjQgMjctMTMzLjggMjctNDYuNSAwLTkxLjUtOS4xLTEzMy44LTI3QTM0MS41IDM0MS41IDAgMDEyNzkgNzU1LjJhMzQyLjE2IDM0Mi4xNiAwIDAxLTczLjctMTA5LjRjLTE3LjktNDIuNC0yNy04Ny40LTI3LTEzMy45czkuMS05MS41IDI3LTEzMy45YzE3LjMtNDEgNDIuMS03Ny44IDczLjctMTA5LjQgMzEuNi0zMS42IDY4LjQtNTYuNCAxMDkuMy03My44IDQyLjMtMTcuOSA4Ny40LTI3IDEzMy44LTI3IDQ2LjUgMCA5MS41IDkuMSAxMzMuOCAyN2EzNDEuNSAzNDEuNSAwIDAxMTA5LjMgNzMuOGM5LjkgOS45IDE5LjIgMjAuNCAyNy44IDMxLjRsLTYwLjIgNDdhOCA4IDAgMDAzIDE0LjFsMTc1LjYgNDNjNSAxLjIgOS45LTIuNiA5LjktNy43bC44LTE4MC45Yy0uMS02LjYtNy44LTEwLjMtMTMtNi4yeiIgLz48L3N2Zz4=) */
-var RefIcon$1 = /*#__PURE__*/React__namespace.forwardRef(ReloadOutlined);
-if (process.env.NODE_ENV !== 'production') {
-  RefIcon$1.displayName = 'ReloadOutlined';
-}
-
-// This icon file is generated automatically.
-var SearchOutlined$1 = { "icon": { "tag": "svg", "attrs": { "viewBox": "64 64 896 896", "focusable": "false" }, "children": [{ "tag": "path", "attrs": { "d": "M909.6 854.5L649.9 594.8C690.2 542.7 712 479 712 412c0-80.2-31.3-155.4-87.9-212.1-56.6-56.7-132-87.9-212.1-87.9s-155.5 31.3-212.1 87.9C143.2 256.5 112 331.8 112 412c0 80.1 31.3 155.5 87.9 212.1C256.5 680.8 331.8 712 412 712c67 0 130.6-21.8 182.7-62l259.7 259.6a8.2 8.2 0 0011.6 0l43.6-43.5a8.2 8.2 0 000-11.6zM570.4 570.4C528 612.7 471.8 636 412 636s-116-23.3-158.4-65.6C211.3 528 188 471.8 188 412s23.3-116.1 65.6-158.4C296 211.3 352.2 188 412 188s116.1 23.2 158.4 65.6S636 352.2 636 412s-23.3 116.1-65.6 158.4z" } }] }, "name": "search", "theme": "outlined" };
-
-var SearchOutlined = function SearchOutlined(props, ref) {
-  return /*#__PURE__*/React__namespace.createElement(Icon, _extends({}, props, {
-    ref: ref,
-    icon: SearchOutlined$1
-  }));
-};
-
-/**![search](data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNTAiIGhlaWdodD0iNTAiIGZpbGw9IiNjYWNhY2EiIHZpZXdCb3g9IjY0IDY0IDg5NiA4OTYiIGZvY3VzYWJsZT0iZmFsc2UiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTkwOS42IDg1NC41TDY0OS45IDU5NC44QzY5MC4yIDU0Mi43IDcxMiA0NzkgNzEyIDQxMmMwLTgwLjItMzEuMy0xNTUuNC04Ny45LTIxMi4xLTU2LjYtNTYuNy0xMzItODcuOS0yMTIuMS04Ny45cy0xNTUuNSAzMS4zLTIxMi4xIDg3LjlDMTQzLjIgMjU2LjUgMTEyIDMzMS44IDExMiA0MTJjMCA4MC4xIDMxLjMgMTU1LjUgODcuOSAyMTIuMUMyNTYuNSA2ODAuOCAzMzEuOCA3MTIgNDEyIDcxMmM2NyAwIDEzMC42LTIxLjggMTgyLjctNjJsMjU5LjcgMjU5LjZhOC4yIDguMiAwIDAwMTEuNiAwbDQzLjYtNDMuNWE4LjIgOC4yIDAgMDAwLTExLjZ6TTU3MC40IDU3MC40QzUyOCA2MTIuNyA0NzEuOCA2MzYgNDEyIDYzNnMtMTE2LTIzLjMtMTU4LjQtNjUuNkMyMTEuMyA1MjggMTg4IDQ3MS44IDE4OCA0MTJzMjMuMy0xMTYuMSA2NS42LTE1OC40QzI5NiAyMTEuMyAzNTIuMiAxODggNDEyIDE4OHMxMTYuMSAyMy4yIDE1OC40IDY1LjZTNjM2IDM1Mi4yIDYzNiA0MTJzLTIzLjMgMTE2LjEtNjUuNiAxNTguNHoiIC8+PC9zdmc+) */
-var RefIcon = /*#__PURE__*/React__namespace.forwardRef(SearchOutlined);
-if (process.env.NODE_ENV !== 'production') {
-  RefIcon.displayName = 'SearchOutlined';
-}
-
 /* ─── 工具函数 ──────────────────────────────────────── */
 /**
  * 根据数据类型推导默认 UI 组件
@@ -1621,7 +121,7 @@ function renderFilterInput(field, cfg) {
 }
 function DynamicFilter({ schema, onSearch, onReset }) {
     const [form] = antd.Form.useForm();
-    const [expanded, setExpanded] = React.useState(false);
+    const [expanded, setExpanded] = react.useState(false);
     const filterFields = schema.fields.filter((f) => f.filter !== false && f.filter !== undefined && f.type !== 'objectArray');
     const handleFinish = (values) => {
         onSearch(values);
@@ -1638,7 +138,7 @@ function DynamicFilter({ schema, onSearch, onReset }) {
                     // inputNumber 数字范围：name 不放在 Form.Item 上，由内部子 Form.Item 承载
                     const isNumberRange = widget === 'inputNumber' && (cfg === null || cfg === void 0 ? void 0 : cfg.range);
                     return (jsxRuntime.jsx(antd.Col, Object.assign({}, colSpan, { children: jsxRuntime.jsx(antd.Form.Item, { label: field.label, name: isNumberRange ? undefined : field.key, valuePropName: widget === 'switch' ? 'checked' : 'value', children: renderFilterInput(field, cfg) }) }), field.key));
-                }), jsxRuntime.jsx(antd.Col, Object.assign({}, colSpan, { children: jsxRuntime.jsx(antd.Form.Item, { label: " ", children: jsxRuntime.jsxs(antd.Space, { children: [jsxRuntime.jsx(antd.Button, { type: "primary", htmlType: "submit", icon: jsxRuntime.jsx(RefIcon, {}), children: "\u641C\u7D22" }), jsxRuntime.jsx(antd.Button, { onClick: handleReset, icon: jsxRuntime.jsx(RefIcon$1, {}), children: "\u91CD\u7F6E" }), filterFields.length > 4 && (jsxRuntime.jsx(antd.Button, { type: "link", onClick: () => setExpanded(!expanded), children: expanded ? '收起' : '展开' }))] }) }) }))] }) }));
+                }), jsxRuntime.jsx(antd.Col, Object.assign({}, colSpan, { children: jsxRuntime.jsx(antd.Form.Item, { label: " ", children: jsxRuntime.jsxs(antd.Space, { children: [jsxRuntime.jsx(antd.Button, { type: "primary", htmlType: "submit", icon: jsxRuntime.jsx(icons.SearchOutlined, {}), children: "\u641C\u7D22" }), jsxRuntime.jsx(antd.Button, { onClick: handleReset, icon: jsxRuntime.jsx(icons.ReloadOutlined, {}), children: "\u91CD\u7F6E" }), filterFields.length > 4 && (jsxRuntime.jsx(antd.Button, { type: "link", onClick: () => setExpanded(!expanded), children: expanded ? '收起' : '展开' }))] }) }) }))] }) }));
 }
 
 function getTableConfig(field) {
@@ -1752,16 +252,16 @@ function DynamicTable({ schema, data, loading, pagination, onView, onEdit, onDel
             return (jsxRuntime.jsxs(antd.Space, { size: 4, children: [((_a = schema.actions) !== null && _a !== void 0 ? _a : []).map((action) => {
                         var _a, _b, _c;
                         if (action.type === 'view') {
-                            return (jsxRuntime.jsx(antd.Tooltip, { title: action.label, children: jsxRuntime.jsx(antd.Button, { type: "link", size: "small", icon: jsxRuntime.jsx(RefIcon$4, {}), onClick: () => onView(record) }) }, action.key));
+                            return (jsxRuntime.jsx(antd.Tooltip, { title: action.label, children: jsxRuntime.jsx(antd.Button, { type: "link", size: "small", icon: jsxRuntime.jsx(icons.EyeOutlined, {}), onClick: () => onView(record) }) }, action.key));
                         }
                         if (action.type === 'edit') {
-                            return (jsxRuntime.jsx(antd.Tooltip, { title: action.label, children: jsxRuntime.jsx(antd.Button, { type: "link", size: "small", icon: jsxRuntime.jsx(RefIcon$5, {}), onClick: () => onEdit(record) }) }, action.key));
+                            return (jsxRuntime.jsx(antd.Tooltip, { title: action.label, children: jsxRuntime.jsx(antd.Button, { type: "link", size: "small", icon: jsxRuntime.jsx(icons.EditOutlined, {}), onClick: () => onEdit(record) }) }, action.key));
                         }
                         if (action.type === 'delete') {
-                            return (jsxRuntime.jsx(antd.Popconfirm, { title: (_b = (_a = action.confirm) === null || _a === void 0 ? void 0 : _a.title) !== null && _b !== void 0 ? _b : '确定删除？', description: (_c = action.confirm) === null || _c === void 0 ? void 0 : _c.content, onConfirm: () => onDelete(record), okText: "\u786E\u5B9A", cancelText: "\u53D6\u6D88", okButtonProps: { danger: true }, children: jsxRuntime.jsx(antd.Tooltip, { title: action.label, children: jsxRuntime.jsx(antd.Button, { type: "link", size: "small", danger: true, icon: jsxRuntime.jsx(RefIcon$6, {}) }) }) }, action.key));
+                            return (jsxRuntime.jsx(antd.Popconfirm, { title: (_b = (_a = action.confirm) === null || _a === void 0 ? void 0 : _a.title) !== null && _b !== void 0 ? _b : '确定删除？', description: (_c = action.confirm) === null || _c === void 0 ? void 0 : _c.content, onConfirm: () => onDelete(record), okText: "\u786E\u5B9A", cancelText: "\u53D6\u6D88", okButtonProps: { danger: true }, children: jsxRuntime.jsx(antd.Tooltip, { title: action.label, children: jsxRuntime.jsx(antd.Button, { type: "link", size: "small", danger: true, icon: jsxRuntime.jsx(icons.DeleteOutlined, {}) }) }) }, action.key));
                         }
                         return (jsxRuntime.jsx(antd.Tooltip, { title: action.label, children: jsxRuntime.jsx(antd.Button, { type: "link", size: "small", onClick: () => onCustomAction === null || onCustomAction === void 0 ? void 0 : onCustomAction(action.key, record), children: action.label }) }, action.key));
-                    }), jsxRuntime.jsx(antd.Tooltip, { title: "\u590D\u5236 JSON", children: jsxRuntime.jsx(antd.Button, { type: "link", size: "small", icon: jsxRuntime.jsx(RefIcon$7, {}), onClick: () => copyJson(record) }) })] }));
+                    }), jsxRuntime.jsx(antd.Tooltip, { title: "\u590D\u5236 JSON", children: jsxRuntime.jsx(antd.Button, { type: "link", size: "small", icon: jsxRuntime.jsx(icons.CopyOutlined, {}), onClick: () => copyJson(record) }) })] }));
         },
     });
     return (jsxRuntime.jsx(antd.Table, { rowKey: (_c = schema.rowKey) !== null && _c !== void 0 ? _c : 'id', columns: columns, dataSource: data, loading: loading, scroll: { x: 'max-content' }, pagination: {
@@ -2083,11 +583,11 @@ function renderFormInput(field, cfg, disabled) {
                             ? [{
                                     title: '',
                                     width: 50,
-                                    render: (_, record) => (jsxRuntime.jsx(antd.Button, { type: "text", danger: true, icon: jsxRuntime.jsx(RefIcon$6, {}), onClick: () => remove(record.name) })),
+                                    render: (_, record) => (jsxRuntime.jsx(antd.Button, { type: "text", danger: true, icon: jsxRuntime.jsx(icons.DeleteOutlined, {}), onClick: () => remove(record.name) })),
                                 }]
                             : []),
                     ];
-                    return (jsxRuntime.jsxs("div", { children: [jsxRuntime.jsx(antd.Table, { size: "small", dataSource: listFields.map((f) => (Object.assign(Object.assign({}, f), { _key: f.key }))), rowKey: "_key", columns: columns, pagination: false, style: { marginBottom: 8 } }), !disabled && (jsxRuntime.jsx(antd.Button, { type: "dashed", icon: jsxRuntime.jsx(RefIcon$2, {}), onClick: () => add({}), block: true, children: "\u6DFB\u52A0\u4E00\u884C" }))] }));
+                    return (jsxRuntime.jsxs("div", { children: [jsxRuntime.jsx(antd.Table, { size: "small", dataSource: listFields.map((f) => (Object.assign(Object.assign({}, f), { _key: f.key }))), rowKey: "_key", columns: columns, pagination: false, style: { marginBottom: 8 } }), !disabled && (jsxRuntime.jsx(antd.Button, { type: "dashed", icon: jsxRuntime.jsx(icons.PlusOutlined, {}), onClick: () => add({}), block: true, children: "\u6DFB\u52A0\u4E00\u884C" }))] }));
                 } }));
         }
         default:
@@ -2189,9 +689,9 @@ function renderField(field, disabled) {
 }
 function DynamicForm({ schema, mode, visible, initialValues, onSubmit, onCancel, }) {
     const [form] = antd.Form.useForm();
-    const [rawJsonMode, setRawJsonMode] = React.useState(false);
-    const [rawJsonText, setRawJsonText] = React.useState('');
-    const [rawJsonError, setRawJsonError] = React.useState('');
+    const [rawJsonMode, setRawJsonMode] = react.useState(false);
+    const [rawJsonText, setRawJsonText] = react.useState('');
+    const [rawJsonError, setRawJsonError] = react.useState('');
     const disabled = mode === 'view';
     const entityName = schema.title.replace(/管理$/, '');
     const titleMap = {
@@ -2204,7 +704,7 @@ function DynamicForm({ schema, mode, visible, initialValues, onSubmit, onCancel,
             return f.table !== false && f.table !== undefined;
         return f.form !== false && f.form !== undefined;
     });
-    React.useEffect(() => {
+    react.useEffect(() => {
         if (!visible) {
             form.resetFields();
             setRawJsonMode(false);
@@ -2216,7 +716,10 @@ function DynamicForm({ schema, mode, visible, initialValues, onSubmit, onCancel,
             if (mode === 'create') {
                 // 新增模式：清空表单并确保没有残留数据
                 form.resetFields();
-                form.setFieldsValue({});
+                // 延迟一下确保resetFields完成
+                setTimeout(() => {
+                    form.setFieldsValue({});
+                }, 0);
             }
             else {
                 // 编辑/查看模式设置初始值
@@ -2224,7 +727,7 @@ function DynamicForm({ schema, mode, visible, initialValues, onSubmit, onCancel,
                 form.setFieldsValue(normalized);
             }
         }
-    }, [visible, mode, initialValues]);
+    }, [visible, mode, initialValues, form, formFields]);
     const switchToRaw = () => {
         // getFieldsValue(true) 返回 store 全量数据（含 id 等非 Form.Item 字段）
         const rawValues = disabled
@@ -2304,14 +807,17 @@ function DynamicForm({ schema, mode, visible, initialValues, onSubmit, onCancel,
             .then(() => void antd.message.success('已复制 JSON'))
             .catch(() => void antd.message.error('复制失败'));
     };
-    const modalTitle = (jsxRuntime.jsxs("div", { style: { display: 'flex', alignItems: 'center', justifyContent: 'space-between', paddingRight: 32 }, children: [jsxRuntime.jsx("span", { children: titleMap[mode] }), jsxRuntime.jsx(antd.Space, { size: 8, children: jsxRuntime.jsx(antd.Button, { size: "small", type: "text", icon: rawJsonMode ? jsxRuntime.jsx(RefIcon$3, {}) : jsxRuntime.jsx(RefIcon$8, {}), onClick: rawJsonMode ? switchToForm : switchToRaw, children: rawJsonMode ? '表单视图' : 'Raw JSON' }) })] }));
-    return (jsxRuntime.jsxs(antd.Modal, { title: modalTitle, open: visible, onOk: handleOk, onCancel: onCancel, okText: disabled ? '关闭' : '确认', cancelText: "\u53D6\u6D88", cancelButtonProps: disabled ? { style: { display: 'none' } } : {}, width: 720, destroyOnClose: true, children: [jsxRuntime.jsx("div", { style: { display: rawJsonMode ? 'none' : undefined }, children: jsxRuntime.jsx(antd.Form, { form: form, layout: "vertical", initialValues: mode === 'create' ? {} : normalizeInitialValues(formFields, initialValues), children: renderFieldGroups() }) }), rawJsonMode && (jsxRuntime.jsxs("div", { children: [jsxRuntime.jsx(antd.Input.TextArea, { value: rawJsonText, onChange: disabled ? undefined : (e) => { setRawJsonText(e.target.value); setRawJsonError(''); }, readOnly: disabled, rows: 20, style: { fontFamily: 'monospace', fontSize: 12, resize: 'vertical' }, status: rawJsonError ? 'error' : undefined }), rawJsonError && (jsxRuntime.jsx("div", { style: { color: '#ff4d4f', fontSize: 12, marginTop: 4 }, children: rawJsonError })), !disabled && (jsxRuntime.jsx("div", { style: { marginTop: 8, textAlign: 'right' }, children: jsxRuntime.jsx(antd.Button, { size: "small", icon: jsxRuntime.jsx(RefIcon$8, {}), onClick: copyRawJson, children: "\u590D\u5236 JSON" }) }))] }))] }));
+    const modalTitle = (jsxRuntime.jsxs("div", { style: { display: 'flex', alignItems: 'center', justifyContent: 'space-between', paddingRight: 32 }, children: [jsxRuntime.jsx("span", { children: titleMap[mode] }), jsxRuntime.jsx(antd.Space, { size: 8, children: jsxRuntime.jsx(antd.Button, { size: "small", type: "text", icon: rawJsonMode ? jsxRuntime.jsx(icons.FormOutlined, {}) : jsxRuntime.jsx(icons.CodeOutlined, {}), onClick: rawJsonMode ? switchToForm : switchToRaw, children: rawJsonMode ? '表单视图' : 'Raw JSON' }) })] }));
+    return (jsxRuntime.jsxs(antd.Modal, { title: modalTitle, open: visible, onOk: handleOk, onCancel: onCancel, okText: disabled ? '关闭' : '确认', cancelText: "\u53D6\u6D88", cancelButtonProps: disabled ? { style: { display: 'none' } } : {}, width: 720, destroyOnClose: true, children: [jsxRuntime.jsx("div", { style: { display: rawJsonMode ? 'none' : undefined }, children: jsxRuntime.jsx(antd.Form, { form: form, layout: "vertical", initialValues: {}, children: renderFieldGroups() }) }), rawJsonMode && (jsxRuntime.jsxs("div", { children: [jsxRuntime.jsx(antd.Input.TextArea, { value: rawJsonText, onChange: disabled ? undefined : (e) => { setRawJsonText(e.target.value); setRawJsonError(''); }, readOnly: disabled, rows: 20, style: { fontFamily: 'monospace', fontSize: 12, resize: 'vertical' }, status: rawJsonError ? 'error' : undefined }), rawJsonError && (jsxRuntime.jsx("div", { style: { color: '#ff4d4f', fontSize: 12, marginTop: 4 }, children: rawJsonError })), !disabled && (jsxRuntime.jsx("div", { style: { marginTop: 8, textAlign: 'right' }, children: jsxRuntime.jsx(antd.Button, { size: "small", icon: jsxRuntime.jsx(icons.CodeOutlined, {}), onClick: copyRawJson, children: "\u590D\u5236 JSON" }) }))] }))] }));
 }
 
 const { Title } = antd.Typography;
-/** 替换 URL 模板中的 :id */
-function buildUrl(template, id) {
-    return template.replace(/:id/, String(id));
+/** 动态替换 URL 模板中的占位符 */
+function buildUrl(template, record) {
+    return template.replace(/:(\w+)/g, (match, fieldName) => {
+        const value = record[fieldName];
+        return value !== undefined ? String(value) : match;
+    });
 }
 /** 通用请求封装 */
 async function apiRequest(url, options) {
@@ -2343,17 +849,17 @@ const CrudPage = ({ schema, initialData = [], apiRequest: customApiRequest }) =>
     // 使用传入的apiRequest或默认的
     const request = customApiRequest || apiRequest;
     // 本地兜底数据（API 失败时使用）
-    const localDataRef = React.useRef(initialData);
-    const [data, setData] = React.useState([]);
-    const [loading, setLoading] = React.useState(false);
-    const [total, setTotal] = React.useState(0);
-    const [filterParams, setFilterParams] = React.useState({});
-    const [page, setPage] = React.useState(1);
-    const [pageSize, setPageSize] = React.useState(((_a = schema.pagination) === null || _a === void 0 ? void 0 : _a.pageSize) || 10);
-    const [modalState, setModalState] = React.useState({ open: false, mode: 'create' });
+    const localDataRef = react.useRef(initialData);
+    const [data, setData] = react.useState([]);
+    const [loading, setLoading] = react.useState(false);
+    const [total, setTotal] = react.useState(0);
+    const [filterParams, setFilterParams] = react.useState({});
+    const [page, setPage] = react.useState(1);
+    const [pageSize, setPageSize] = react.useState(((_a = schema.pagination) === null || _a === void 0 ? void 0 : _a.pageSize) || 10);
+    const [modalState, setModalState] = react.useState({ open: false, mode: 'create' });
     const [messageApi, contextHolder] = antd.message.useMessage();
     // ---------- 本地过滤（API 失败时兜底） ----------
-    const localFilter = React.useCallback((params, p, ps) => {
+    const localFilter = react.useCallback((params, p, ps) => {
         const filtered = localDataRef.current.filter(row => {
             return Object.entries(params).every(([key, val]) => {
                 if (val === undefined || val === null || val === '')
@@ -2378,7 +884,7 @@ const CrudPage = ({ schema, initialData = [], apiRequest: customApiRequest }) =>
         setTotal(filtered.length);
     }, []);
     // ---------- 获取列表 ----------
-    const fetchList = React.useCallback(async (params = filterParams, p = page, ps = pageSize) => {
+    const fetchList = react.useCallback(async (params = filterParams, p = page, ps = pageSize) => {
         setLoading(true);
         try {
             const query = new URLSearchParams({ page: String(p), pageSize: String(ps) });
@@ -2400,26 +906,26 @@ const CrudPage = ({ schema, initialData = [], apiRequest: customApiRequest }) =>
         }
     }, [request, schema.api.list, filterParams, page, pageSize, localFilter]);
     // 初始加载 & 参数变化时重新请求
-    React.useEffect(() => {
+    react.useEffect(() => {
         fetchList(filterParams, page, pageSize);
         // eslint-disable-next-line react-hooks/exhaustive-deps
     }, [filterParams, page, pageSize]);
     // ---------- 搜索 ----------
-    const handleSearch = React.useCallback((params) => {
+    const handleSearch = react.useCallback((params) => {
         setFilterParams(params);
         setPage(1);
     }, []);
     // ---------- 翻页 ----------
-    const handlePageChange = React.useCallback((p, ps) => {
+    const handlePageChange = react.useCallback((p, ps) => {
         setPage(p);
         setPageSize(ps);
     }, []);
     // ---------- 删除 ----------
-    const handleDelete = React.useCallback(async (record) => {
+    const handleDelete = react.useCallback(async (record) => {
         const id = record[rowKey];
         if (schema.api.delete) {
             try {
-                await request(buildUrl(schema.api.delete, id), { method: 'DELETE' });
+                await request(buildUrl(schema.api.delete, record), { method: 'DELETE' });
                 messageApi.success('删除成功');
                 fetchList();
                 return;
@@ -2433,7 +939,7 @@ const CrudPage = ({ schema, initialData = [], apiRequest: customApiRequest }) =>
         messageApi.success('删除成功（演示模式）');
     }, [request, schema.api.delete, rowKey, fetchList, localFilter, filterParams, page, pageSize, messageApi]);
     // ---------- 操作列点击 ----------
-    const handleAction = React.useCallback((action, record) => {
+    const handleAction = react.useCallback(async (action, record) => {
         if (action.type === 'view') {
             setModalState({ open: true, mode: 'view', record });
         }
@@ -2443,9 +949,62 @@ const CrudPage = ({ schema, initialData = [], apiRequest: customApiRequest }) =>
         else if (action.type === 'delete') {
             handleDelete(record);
         }
-    }, [handleDelete]);
+        else if (action.type === 'custom' && action.api) {
+            // 处理自定义 action 的 API 调用
+            try {
+                // 构建 URL，动态替换占位符
+                let url = action.api.url;
+                // 替换所有 :fieldName 格式的占位符
+                url = url.replace(/:(\w+)/g, (match, fieldName) => {
+                    const value = record[fieldName];
+                    return value !== undefined ? String(value) : match;
+                });
+                // 构建请求选项
+                const options = {
+                    method: action.api.method,
+                    headers: Object.assign({ 'Content-Type': 'application/json' }, action.api.headers)
+                };
+                // 添加请求体数据
+                if (action.api.data && ['POST', 'PUT', 'PATCH'].includes(action.api.method)) {
+                    options.body = JSON.stringify(Object.assign(Object.assign({}, action.api.data), { 
+                        // 可以添加动态数据
+                        recordId: record[rowKey], timestamp: new Date().toISOString() }));
+                }
+                // 调用 API
+                const response = await request(url, options);
+                // 处理特殊响应类型
+                if (action.api.responseType === 'blob') {
+                    // 处理文件下载
+                    const blob = new Blob([response]);
+                    const downloadUrl = URL.createObjectURL(blob);
+                    const a = document.createElement('a');
+                    a.href = downloadUrl;
+                    a.download = `${action.key}.pdf`;
+                    a.click();
+                    URL.revokeObjectURL(downloadUrl);
+                    messageApi.success(`${action.label}成功`);
+                }
+                else {
+                    // 处理 JSON 响应
+                    const result = response;
+                    if (result.success !== false) {
+                        messageApi.success(`${action.label}成功`);
+                        // 刷新数据
+                        await fetchList();
+                    }
+                    else {
+                        messageApi.error(result.message || `${action.label}失败`);
+                    }
+                }
+            }
+            catch (error) {
+                console.error(`Action ${action.key} failed:`, error);
+                messageApi.error(`${action.label}失败`);
+            }
+        }
+    }, [handleDelete, rowKey, request, messageApi, fetchList]);
     // ---------- 新增 / 编辑提交 ----------
-    const handleFormOk = React.useCallback(async (values) => {
+    const handleFormOk = react.useCallback(async (values) => {
         const isCreate = modalState.mode === 'create';
         if (isCreate) {
             if (schema.api.create) {
@@ -2473,7 +1032,7 @@ const CrudPage = ({ schema, initialData = [], apiRequest: customApiRequest }) =>
             const id = values[rowKey];
             if (schema.api.update) {
                 try {
-                    await request(buildUrl(schema.api.update, id), {
+                    await request(buildUrl(schema.api.update, values), {
                         method: 'PUT',
                         body: JSON.stringify(values),
                     });
@@ -2495,7 +1054,7 @@ const CrudPage = ({ schema, initialData = [], apiRequest: customApiRequest }) =>
         request, modalState.mode, schema.api, rowKey,
         fetchList, localFilter, filterParams, page, pageSize, messageApi,
     ]);
-    return (jsxRuntime.jsxs("div", { style: { padding: 24, background: '#f5f6fa', minHeight: '100vh' }, children: [contextHolder, jsxRuntime.jsxs("div", { style: { display: 'flex', justifyContent: 'space-between', alignItems: 'center', marginBottom: 16 }, children: [jsxRuntime.jsx(Title, { level: 4, style: { margin: 0 }, children: schema.title }), schema.api.create && (jsxRuntime.jsx(antd.Button, { type: "primary", icon: jsxRuntime.jsx(RefIcon$2, {}), onClick: () => setModalState({ open: true, mode: 'create', record: undefined }), children: schema.createButtonLabel || '新增' }))] }), jsxRuntime.jsx(DynamicFilter, { schema: schema, onSearch: handleSearch, onReset: () => handleSearch({}) }), jsxRuntime.jsx(DynamicTable, { schema: schema, data: data, loading: loading, pagination: {
+    return (jsxRuntime.jsxs("div", { style: { padding: 24, background: '#f5f6fa', minHeight: '100vh' }, children: [contextHolder, jsxRuntime.jsxs("div", { style: { display: 'flex', justifyContent: 'space-between', alignItems: 'center', marginBottom: 16 }, children: [jsxRuntime.jsx(Title, { level: 4, style: { margin: 0 }, children: schema.title }), schema.api.create && (jsxRuntime.jsx(antd.Button, { type: "primary", icon: jsxRuntime.jsx(icons.PlusOutlined, {}), onClick: () => setModalState({ open: true, mode: 'create', record: undefined }), children: schema.createButtonLabel || '新增' }))] }), jsxRuntime.jsx(DynamicFilter, { schema: schema, onSearch: handleSearch, onReset: () => handleSearch({}) }), jsxRuntime.jsx(DynamicTable, { schema: schema, data: data, loading: loading, pagination: {
                     current: page,
                     pageSize,
                     total,