crud-page-react 0.0.1

package/dist/index.js

@@ -0,0 +1,2526 @@
+'use strict';
+
+var jsxRuntime = require('react/jsx-runtime');
+var React = require('react');
+var antd = require('antd');
+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 组件
+ *
+ * string      → input
+ * number      → inputNumber
+ * boolean     → switch
+ * date        → datePicker
+ * datetime    → datePicker
+ * array       → multiselect
+ * objectArray → editableTable
+ */
+function defaultWidgetForType(type) {
+    switch (type) {
+        case 'number': return 'inputNumber';
+        case 'boolean': return 'switch';
+        case 'date':
+        case 'datetime': return 'datePicker';
+        case 'array': return 'multiselect';
+        case 'objectArray': return 'editableTable';
+        default: return 'input'; // string
+    }
+}
+/** 获取实际生效的组件类型（context.widget > field.widget > type 推导） */
+function getEffectiveWidget(field, config) {
+    if (config === null || config === void 0 ? void 0 : config.widget)
+        return config.widget;
+    if (field.widget)
+        return field.widget;
+    return defaultWidgetForType(field.type);
+}
+/**
+ * 从嵌套对象按点分路径取值
+ *
+ * getNestedValue({ a: { b: 1 } }, 'a.b') → 1
+ * getNestedValue({ x: [1, 2] }, 'x')      → [1, 2]
+ */
+function getNestedValue(obj, path) {
+    return path.split('.').reduce((acc, key) => {
+        if (acc != null && typeof acc === 'object' && !Array.isArray(acc)) {
+            return acc[key];
+        }
+        return undefined;
+    }, obj);
+}
+/**
+ * 从点分路径 key 中提取分组前缀（第一个 segment）。
+ * 无前缀的顶层字段返回 null。
+ *
+ * 'emergencyContact.name' → 'emergencyContact'
+ * 'name'                  → null
+ */
+function getFieldGroupPrefix(key) {
+    const idx = key.indexOf('.');
+    return idx >= 0 ? key.slice(0, idx) : null;
+}
+
+const { RangePicker } = antd.DatePicker;
+/** 解析 FilterConfig */
+function getFilterConfig(field) {
+    if (!field.filter || typeof field.filter === 'boolean')
+        return undefined;
+    return field.filter;
+}
+/** 获取选项列表（从 field.config 读取） */
+function getOptions$2(field) {
+    var _a, _b;
+    return (_b = (_a = field.config) === null || _a === void 0 ? void 0 : _a.options) !== null && _b !== void 0 ? _b : [];
+}
+/** 渲染单个筛选组件 */
+function renderFilterInput(field, cfg) {
+    var _a, _b;
+    const widget = getEffectiveWidget(field, cfg);
+    const placeholder = (_a = field.config) === null || _a === void 0 ? void 0 : _a.placeholder;
+    const dateFormat = (_b = field.config) === null || _b === void 0 ? void 0 : _b.dateFormat;
+    const options = getOptions$2(field);
+    const style = { width: '100%' };
+    switch (widget) {
+        case 'input':
+            return jsxRuntime.jsx(antd.Input, { placeholder: placeholder !== null && placeholder !== void 0 ? placeholder : `请输入 ${field.label}`, style: style });
+        case 'textarea':
+            return jsxRuntime.jsx(antd.Input.TextArea, { placeholder: placeholder !== null && placeholder !== void 0 ? placeholder : `请输入 ${field.label}`, style: style });
+        case 'inputNumber': {
+            if (cfg === null || cfg === void 0 ? void 0 : cfg.range) {
+                return (jsxRuntime.jsxs(antd.Space, { children: [jsxRuntime.jsx(antd.Form.Item, { name: `${field.key}_min`, noStyle: true, children: jsxRuntime.jsx(antd.InputNumber, { placeholder: "\u6700\u5C0F\u503C" }) }), jsxRuntime.jsx("span", { children: "~" }), jsxRuntime.jsx(antd.Form.Item, { name: `${field.key}_max`, noStyle: true, children: jsxRuntime.jsx(antd.InputNumber, { placeholder: "\u6700\u5927\u503C" }) })] }));
+            }
+            return jsxRuntime.jsx(antd.InputNumber, { placeholder: placeholder !== null && placeholder !== void 0 ? placeholder : `请输入 ${field.label}`, style: style });
+        }
+        case 'select':
+            return (jsxRuntime.jsx(antd.Select, { allowClear: true, placeholder: placeholder !== null && placeholder !== void 0 ? placeholder : `请选择 ${field.label}`, style: style, children: options.map((o) => (jsxRuntime.jsx(antd.Select.Option, { value: o.value, children: o.label }, String(o.value)))) }));
+        case 'multiselect':
+            return (jsxRuntime.jsx(antd.Select, { mode: "multiple", allowClear: true, placeholder: placeholder !== null && placeholder !== void 0 ? placeholder : `请选择 ${field.label}`, style: style, children: options.map((o) => (jsxRuntime.jsx(antd.Select.Option, { value: o.value, children: o.label }, String(o.value)))) }));
+        case 'radio':
+            return (jsxRuntime.jsx(antd.Radio.Group, { style: style, children: options.map((o) => (jsxRuntime.jsx(antd.Radio, { value: o.value, children: o.label }, String(o.value)))) }));
+        case 'switch':
+            return jsxRuntime.jsx(antd.Switch, {});
+        case 'datePicker': {
+            const showTime = field.type === 'datetime';
+            return jsxRuntime.jsx(antd.DatePicker, { showTime: showTime, format: dateFormat, style: style });
+        }
+        case 'rangePicker': {
+            const showTime = field.type === 'datetime';
+            return jsxRuntime.jsx(RangePicker, { showTime: showTime, format: dateFormat, style: style });
+        }
+        case 'timePicker':
+            return jsxRuntime.jsx(antd.DatePicker, { picker: "time", format: dateFormat !== null && dateFormat !== void 0 ? dateFormat : 'HH:mm:ss', style: style });
+        case 'jsonInput':
+            return jsxRuntime.jsx(antd.Input, { placeholder: placeholder !== null && placeholder !== void 0 ? placeholder : `搜索 ${field.label}`, style: style });
+        default:
+            return jsxRuntime.jsx(antd.Input, { placeholder: placeholder !== null && placeholder !== void 0 ? placeholder : `请输入 ${field.label}`, style: style });
+    }
+}
+function DynamicFilter({ schema, onSearch, onReset }) {
+    const [form] = antd.Form.useForm();
+    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);
+    };
+    const handleReset = () => {
+        form.resetFields();
+        onReset();
+    };
+    const colSpan = { xs: 24, sm: 12, md: 12, lg: 8, xl: 6, xxl: 6 };
+    const visibleFields = expanded ? filterFields : filterFields.slice(0, 4);
+    return (jsxRuntime.jsx(antd.Form, { form: form, onFinish: handleFinish, layout: "vertical", children: jsxRuntime.jsxs(antd.Row, { gutter: [16, 0], children: [visibleFields.map((field) => {
+                    const cfg = getFilterConfig(field);
+                    const widget = getEffectiveWidget(field, cfg);
+                    // 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 ? '收起' : '展开' }))] }) }) }))] }) }));
+}
+
+function getTableConfig(field) {
+    if (!field.table || typeof field.table === 'boolean')
+        return undefined;
+    return field.table;
+}
+function getOptions$1(field) {
+    var _a, _b;
+    return (_b = (_a = field.config) === null || _a === void 0 ? void 0 : _a.options) !== null && _b !== void 0 ? _b : [];
+}
+/** 格式化单元格显示值 */
+function renderCell(field, value) {
+    var _a, _b, _c, _d, _e, _f;
+    if (value == null || value === '')
+        return jsxRuntime.jsx("span", { style: { color: '#ccc' }, children: "-" });
+    const widget = getEffectiveWidget(field);
+    // ── 布尔类 ──────────────────────────────────────────────
+    if (field.type === 'boolean' || widget === 'switch') {
+        return jsxRuntime.jsx(antd.Switch, { checked: Boolean(value), disabled: true, size: "small" });
+    }
+    // ── 下拉/单选（有 options） ──────────────────────────────
+    if (widget === 'select' || widget === 'radio') {
+        const options = getOptions$1(field);
+        const opt = options.find((o) => o.value === value);
+        if (opt) {
+            return opt.color ? jsxRuntime.jsx(antd.Tag, { color: opt.color, children: opt.label }) : jsxRuntime.jsx("span", { children: opt.label });
+        }
+        return jsxRuntime.jsx("span", { children: String(value) });
+    }
+    // ── 多选（multiselect / checkbox，值为数组） ─────────────
+    if (widget === 'multiselect' || widget === 'checkbox') {
+        const arr = Array.isArray(value) ? value : [value];
+        const options = getOptions$1(field);
+        return (jsxRuntime.jsx(antd.Space, { size: 4, wrap: true, children: arr.map((v) => {
+                const opt = options.find((o) => o.value === v);
+                return opt ? (jsxRuntime.jsx(antd.Tag, { color: opt.color, children: opt.label }, String(v))) : (jsxRuntime.jsx(antd.Tag, { children: String(v) }, String(v)));
+            }) }));
+    }
+    // ── 日期/时间 ────────────────────────────────────────────
+    if (widget === 'datePicker') {
+        const fmt = (_b = (_a = field.config) === null || _a === void 0 ? void 0 : _a.dateFormat) !== null && _b !== void 0 ? _b : (field.type === 'datetime' ? 'YYYY-MM-DD HH:mm:ss' : 'YYYY-MM-DD');
+        const d = dayjs(value);
+        return d.isValid() ? jsxRuntime.jsx("span", { children: d.format(fmt) }) : jsxRuntime.jsx("span", { children: String(value) });
+    }
+    if (widget === 'rangePicker') {
+        if (Array.isArray(value)) {
+            const fmt = (_d = (_c = field.config) === null || _c === void 0 ? void 0 : _c.dateFormat) !== null && _d !== void 0 ? _d : 'YYYY-MM-DD';
+            return jsxRuntime.jsx("span", { children: value.map((v) => (v ? dayjs(v).format(fmt) : '-')).join(' ~ ') });
+        }
+    }
+    if (widget === 'timePicker') {
+        const fmt = (_f = (_e = field.config) === null || _e === void 0 ? void 0 : _e.dateFormat) !== null && _f !== void 0 ? _f : 'HH:mm:ss';
+        const d = dayjs(value);
+        return d.isValid() ? jsxRuntime.jsx("span", { children: d.format(fmt) }) : jsxRuntime.jsx("span", { children: String(value) });
+    }
+    // ── 普通数组（array 基本类型） ───────────────────────────
+    if (field.type === 'array' && Array.isArray(value)) {
+        return (jsxRuntime.jsx(antd.Space, { size: 4, wrap: true, children: value.map((v, i) => (jsxRuntime.jsx(antd.Tag, { children: String(v) }, i))) }));
+    }
+    // ── objectArray / editableTable：显示 N 条记录 ──────────
+    if (field.type === 'objectArray' || widget === 'editableTable') {
+        const arr = Array.isArray(value) ? value : [];
+        return jsxRuntime.jsxs("span", { style: { color: '#888' }, children: [arr.length, " \u6761\u8BB0\u5F55"] });
+    }
+    // ── jsonInput（对象序列化为字符串） ──────────────────────
+    if (widget === 'jsonInput') {
+        if (typeof value === 'object') {
+            const str = JSON.stringify(value);
+            return (jsxRuntime.jsx(antd.Tooltip, { title: jsxRuntime.jsx("pre", { style: { margin: 0, fontSize: 11 }, children: JSON.stringify(value, null, 2) }), children: jsxRuntime.jsx("span", { style: { cursor: 'help', fontFamily: 'monospace', fontSize: 12 }, children: str.length > 40 ? str.slice(0, 40) + '…' : str }) }));
+        }
+        return jsxRuntime.jsx("span", { children: String(value) });
+    }
+    return jsxRuntime.jsx("span", { children: String(value) });
+}
+function DynamicTable({ schema, data, loading, pagination, onView, onEdit, onDelete, onCustomAction, }) {
+    var _a, _b, _c, _d, _e, _f;
+    const tableFields = schema.fields.filter((f) => f.table !== false && f.table !== undefined);
+    const columns = tableFields.map((field) => {
+        const cfg = getTableConfig(field);
+        const isNested = field.key.includes('.');
+        return {
+            title: field.label,
+            // 点分路径使用数组形式，Ant Design Table 支持嵌套取值
+            dataIndex: isNested ? field.key.split('.') : field.key,
+            key: field.key,
+            width: cfg === null || cfg === void 0 ? void 0 : cfg.width,
+            fixed: cfg === null || cfg === void 0 ? void 0 : cfg.fixed,
+            ellipsis: cfg === null || cfg === void 0 ? void 0 : cfg.ellipsis,
+            sorter: cfg === null || cfg === void 0 ? void 0 : cfg.sortable,
+            render: (_value, record) => {
+                // 统一使用 getNestedValue 以支持多层点分路径
+                const actualValue = isNested ? getNestedValue(record, field.key) : _value;
+                return renderCell(field, actualValue);
+            },
+        };
+    });
+    const copyJson = (record) => {
+        navigator.clipboard.writeText(JSON.stringify(record, null, 2))
+            .then(() => void antd.message.success('已复制 JSON'))
+            .catch(() => void antd.message.error('复制失败'));
+    };
+    // 操作列（有 schema.actions 或始终存在，以便展示复制按钮）
+    columns.push({
+        title: '操作',
+        key: '__actions',
+        fixed: 'right',
+        width: ((_b = (_a = schema.actions) === null || _a === void 0 ? void 0 : _a.length) !== null && _b !== void 0 ? _b : 0) * 60 + 60,
+        render: (_, record) => {
+            var _a;
+            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));
+                        }
+                        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));
+                        }
+                        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.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) }) })] }));
+        },
+    });
+    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: {
+            current: pagination.current,
+            pageSize: pagination.pageSize,
+            total: pagination.total,
+            showSizeChanger: true,
+            showTotal: ((_d = schema.pagination) === null || _d === void 0 ? void 0 : _d.showTotal)
+                ? (total) => `共 ${total} 条`
+                : undefined,
+            onChange: pagination.onChange,
+            pageSizeOptions: (_f = (_e = schema.pagination) === null || _e === void 0 ? void 0 : _e.pageSizeOptions) !== null && _f !== void 0 ? _f : [10, 20, 50],
+        } }));
+}
+
+/** 内置规则集 */
+const BUILTIN_RULES = [
+    {
+        key: 'phone_cn',
+        label: '手机号（中国大陆）',
+        description: '1 开头的 11 位数字',
+        message: '请输入正确的手机号',
+        pattern: '^1[3-9]\\d{9}$',
+        builtin: true,
+    },
+    {
+        key: 'email',
+        label: '邮箱地址',
+        description: '标准电子邮箱格式',
+        message: '请输入正确的邮箱地址',
+        type: 'email',
+        builtin: true,
+    },
+    {
+        key: 'url',
+        label: 'URL 链接',
+        description: '以 http/https 开头的合法 URL',
+        message: '请输入正确的 URL 地址',
+        type: 'url',
+        builtin: true,
+    },
+    {
+        key: 'id_card_cn',
+        label: '居民身份证（中国）',
+        description: '18 位二代身份证号码',
+        message: '请输入正确的身份证号',
+        pattern: '^[1-9]\\d{5}(18|19|20)\\d{2}(0[1-9]|1[0-2])(0[1-9]|[12]\\d|3[01])\\d{3}[\\dXx]$',
+        builtin: true,
+    },
+    {
+        key: 'positive_integer',
+        label: '正整数',
+        description: '大于 0 的整数',
+        message: '请输入正整数',
+        pattern: '^[1-9]\\d*$',
+        builtin: true,
+    },
+    {
+        key: 'non_negative_integer',
+        label: '非负整数',
+        description: '0 或大于 0 的整数',
+        message: '请输入非负整数',
+        pattern: '^\\d+$',
+        builtin: true,
+    },
+    {
+        key: 'chinese',
+        label: '纯中文',
+        description: '只能包含中文字符',
+        message: '只能输入中文字符',
+        pattern: '^[\\u4e00-\\u9fa5]+$',
+        builtin: true,
+    },
+    {
+        key: 'alphanumeric',
+        label: '字母和数字',
+        description: '只能包含英文字母和数字',
+        message: '只能输入字母和数字',
+        pattern: '^[a-zA-Z0-9]+$',
+        builtin: true,
+    },
+    {
+        key: 'no_special_chars',
+        label: '无特殊字符',
+        description: '只允许中文、字母、数字、下划线、短横线',
+        message: '不能包含特殊字符',
+        pattern: '^[a-zA-Z0-9\\u4e00-\\u9fa5_-]+$',
+        builtin: true,
+    },
+    {
+        key: 'ip_address',
+        label: 'IPv4 地址',
+        description: '标准 IPv4 地址格式',
+        message: '请输入正确的 IP 地址',
+        pattern: '^((25[0-5]|2[0-4]\\d|[01]?\\d\\d?)\\.){3}(25[0-5]|2[0-4]\\d|[01]?\\d\\d?)$',
+        builtin: true,
+    },
+    {
+        key: 'date_format',
+        label: '日期格式 (YYYY-MM-DD)',
+        description: '格式如 2024-01-01',
+        message: '请输入正确的日期格式，如 2024-01-01',
+        pattern: '^\\d{4}-(0[1-9]|1[0-2])-(0[1-9]|[12]\\d|3[01])$',
+        builtin: true,
+    },
+    {
+        key: 'no_whitespace',
+        label: '不含空格',
+        description: '不允许包含任何空白字符',
+        message: '不能包含空格',
+        pattern: '^\\S+$',
+        builtin: true,
+    },
+    {
+        key: 'min_len_2',
+        label: '最少 2 个字符',
+        description: '字符串长度不少于 2',
+        message: '长度不能少于 2 个字符',
+        min: 2,
+        builtin: true,
+    },
+    {
+        key: 'max_len_50',
+        label: '最多 50 个字符',
+        description: '字符串长度不超过 50',
+        message: '长度不能超过 50 个字符',
+        max: 50,
+        builtin: true,
+    },
+    {
+        key: 'max_len_200',
+        label: '最多 200 个字符',
+        description: '字符串长度不超过 200',
+        message: '长度不能超过 200 个字符',
+        max: 200,
+        builtin: true,
+    },
+    {
+        key: 'bank_card',
+        label: '银行卡号',
+        description: '16-19 位纯数字',
+        message: '请输入正确的银行卡号',
+        pattern: '^\\d{16,19}$',
+        builtin: true,
+    },
+    {
+        key: 'plate_cn',
+        label: '车牌号（中国）',
+        description: '含新能源车牌在内的中国大陆车牌',
+        message: '请输入正确的车牌号',
+        pattern: '^[京津沪渝冀豫云辽黑湘皖鲁新苏浙赣鄂桂甘晋蒙陕吉闽贵粤川青藏琼宁夏][A-Z][A-HJ-NP-Z0-9]{4,5}[A-HJ-NP-Z0-9挂学警港澳]$',
+        builtin: true,
+    },
+    {
+        key: 'postal_code_cn',
+        label: '邮政编码（中国）',
+        description: '6 位数字邮编',
+        message: '请输入正确的邮政编码',
+        pattern: '^\\d{6}$',
+        builtin: true,
+    },
+];
+const CUSTOM_RULES_STORAGE_KEY = 'dynamic_crud_custom_rules';
+function loadCustomRules() {
+    try {
+        const raw = localStorage.getItem(CUSTOM_RULES_STORAGE_KEY);
+        return raw ? JSON.parse(raw) : [];
+    }
+    catch (_a) {
+        return [];
+    }
+}
+function saveCustomRules(rules) {
+    try {
+        localStorage.setItem(CUSTOM_RULES_STORAGE_KEY, JSON.stringify(rules));
+    }
+    catch ( /* ignore */_a) { /* ignore */ }
+}
+/** 获取所有规则（内置 + 自定义） */
+function getAllRules() {
+    return [...BUILTIN_RULES, ...loadCustomRules()];
+}
+/** 根据 key 查找规则 */
+function getRuleByKey(key) {
+    return getAllRules().find(r => r.key === key);
+}
+/** 将规则配置转为 Ant Design Form Rule */
+function ruleConfigToAntdRule(config) {
+    const rule = { message: config.message };
+    if (config.pattern) {
+        rule.pattern = new RegExp(config.pattern);
+    }
+    if (config.type) {
+        rule.type = config.type;
+    }
+    if (config.min !== undefined) {
+        rule.min = config.min;
+    }
+    if (config.max !== undefined) {
+        rule.max = config.max;
+    }
+    if (config.whitespace !== undefined) {
+        rule.whitespace = config.whitespace;
+    }
+    return rule;
+}
+/** 将一组规则 key 转为 Ant Design Form Rules 数组 */
+function keysToAntdRules(keys) {
+    return keys
+        .map(k => getRuleByKey(k))
+        .filter((c) => c !== undefined)
+        .map(ruleConfigToAntdRule);
+}
+
+dayjs.extend(customParseFormat);
+function getFormConfig(field) {
+    if (!field.form || typeof field.form === 'boolean')
+        return undefined;
+    return field.form;
+}
+function getOptions(field) {
+    var _a, _b;
+    return (_b = (_a = field.config) === null || _a === void 0 ? void 0 : _a.options) !== null && _b !== void 0 ? _b : [];
+}
+/** 将 camelCase 前缀转为可读标签（仅首字母大写） */
+function prefixToLabel(prefix) {
+    return prefix.replace(/([A-Z])/g, ' $1').replace(/^./, (s) => s.toUpperCase()).trim();
+}
+/** 设置嵌套对象指定路径的值（修改原对象） */
+function setNestedValue(obj, path, value) {
+    let cur = obj;
+    for (let i = 0; i < path.length - 1; i++) {
+        const k = path[i];
+        if (cur[k] == null || typeof cur[k] !== 'object' || Array.isArray(cur[k])) {
+            cur[k] = {};
+        }
+        cur = cur[k];
+    }
+    cur[path[path.length - 1]] = value;
+}
+/** 行内可编辑表格 cell 组件 */
+function EditableCellInput({ itemField, disabled, value, onChange, }) {
+    var _a, _b, _c, _d, _e, _f;
+    const ph = (_b = (_a = itemField.config) === null || _a === void 0 ? void 0 : _a.placeholder) !== null && _b !== void 0 ? _b : `请输入${itemField.label}`;
+    switch (itemField.type) {
+        case 'number':
+            return (jsxRuntime.jsx(antd.InputNumber, { disabled: disabled, placeholder: ph, value: value, onChange: (v) => onChange === null || onChange === void 0 ? void 0 : onChange(v), style: { width: '100%' } }));
+        case 'boolean':
+            // Form.Item 默认 valuePropName="value"，这里手动映射到 checked
+            return (jsxRuntime.jsx(antd.Switch, { disabled: disabled, checked: value, onChange: (checked) => onChange === null || onChange === void 0 ? void 0 : onChange(checked) }));
+        case 'date':
+        case 'datetime': {
+            const fmt = (_d = (_c = itemField.config) === null || _c === void 0 ? void 0 : _c.dateFormat) !== null && _d !== void 0 ? _d : (itemField.type === 'datetime' ? 'YYYY-MM-DD HH:mm:ss' : 'YYYY-MM-DD');
+            // value 可能是字符串（来自 initialValues）或 dayjs 对象（用户选择后）
+            const pickerValue = value != null
+                ? (dayjs.isDayjs(value) ? value : dayjs(value))
+                : null;
+            return (jsxRuntime.jsx(antd.DatePicker, { disabled: disabled, format: fmt, value: pickerValue, onChange: (v) => onChange === null || onChange === void 0 ? void 0 : onChange(v), style: { width: '100%' } }));
+        }
+        case 'string': {
+            if (itemField.widget === 'select' && ((_f = (_e = itemField.config) === null || _e === void 0 ? void 0 : _e.options) === null || _f === void 0 ? void 0 : _f.length)) {
+                return (jsxRuntime.jsx(antd.Select, { disabled: disabled, allowClear: true, placeholder: ph, value: value, onChange: (v) => onChange === null || onChange === void 0 ? void 0 : onChange(v), style: { width: '100%' }, children: itemField.config.options.map((o) => (jsxRuntime.jsx(antd.Select.Option, { value: o.value, children: o.label }, String(o.value)))) }));
+            }
+            return (jsxRuntime.jsx(antd.Input, { disabled: disabled, placeholder: ph, value: value, onChange: (e) => onChange === null || onChange === void 0 ? void 0 : onChange(e.target.value) }));
+        }
+        default:
+            return (jsxRuntime.jsx(antd.Input, { disabled: disabled, placeholder: ph, value: value, onChange: (e) => onChange === null || onChange === void 0 ? void 0 : onChange(e.target.value) }));
+    }
+}
+function renderFormInput(field, cfg, disabled) {
+    var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k;
+    const widget = getEffectiveWidget(field, cfg);
+    const options = getOptions(field);
+    const placeholder = (_a = field.config) === null || _a === void 0 ? void 0 : _a.placeholder;
+    const rows = (_b = field.config) === null || _b === void 0 ? void 0 : _b.rows;
+    const style = { width: '100%' };
+    switch (widget) {
+        case 'input':
+            return jsxRuntime.jsx(antd.Input, { disabled: disabled, placeholder: placeholder !== null && placeholder !== void 0 ? placeholder : `请输入 ${field.label}`, style: style });
+        case 'textarea':
+            return (jsxRuntime.jsx(antd.Input.TextArea, { disabled: disabled, rows: rows !== null && rows !== void 0 ? rows : 4, placeholder: placeholder !== null && placeholder !== void 0 ? placeholder : `请输入 ${field.label}`, style: style }));
+        case 'jsonInput':
+            return (jsxRuntime.jsx(antd.Input.TextArea, { disabled: disabled, rows: rows !== null && rows !== void 0 ? rows : 5, placeholder: placeholder !== null && placeholder !== void 0 ? placeholder : '请输入 JSON', style: Object.assign(Object.assign({}, style), { fontFamily: 'monospace', fontSize: 12 }) }));
+        case 'inputNumber':
+            return (jsxRuntime.jsx(antd.InputNumber, { disabled: disabled, min: cfg === null || cfg === void 0 ? void 0 : cfg.min, max: cfg === null || cfg === void 0 ? void 0 : cfg.max, step: (_c = cfg === null || cfg === void 0 ? void 0 : cfg.step) !== null && _c !== void 0 ? _c : 1, placeholder: placeholder !== null && placeholder !== void 0 ? placeholder : `请输入 ${field.label}`, style: style }));
+        case 'select':
+            return (jsxRuntime.jsx(antd.Select, { disabled: disabled, allowClear: true, placeholder: placeholder !== null && placeholder !== void 0 ? placeholder : `请选择 ${field.label}`, style: style, children: options.map((o) => (jsxRuntime.jsx(antd.Select.Option, { value: o.value, children: o.label }, String(o.value)))) }));
+        case 'multiselect':
+            return (jsxRuntime.jsx(antd.Select, { mode: "multiple", disabled: disabled, allowClear: true, placeholder: placeholder !== null && placeholder !== void 0 ? placeholder : `请选择 ${field.label}`, style: style, children: options.map((o) => (jsxRuntime.jsx(antd.Select.Option, { value: o.value, children: o.label }, String(o.value)))) }));
+        case 'radio':
+            return (jsxRuntime.jsx(antd.Radio.Group, { disabled: disabled, children: options.map((o) => (jsxRuntime.jsx(antd.Radio, { value: o.value, children: o.label }, String(o.value)))) }));
+        case 'checkbox':
+            return (jsxRuntime.jsx(antd.Checkbox.Group, { disabled: disabled, children: jsxRuntime.jsx(antd.Space, { wrap: true, children: options.map((o) => (jsxRuntime.jsx(antd.Checkbox, { value: o.value, children: o.label }, String(o.value)))) }) }));
+        case 'switch':
+            return jsxRuntime.jsx(antd.Switch, { disabled: disabled });
+        case 'datePicker': {
+            const showTime = field.type === 'datetime';
+            const format = (_e = (_d = field.config) === null || _d === void 0 ? void 0 : _d.dateFormat) !== null && _e !== void 0 ? _e : (showTime ? 'YYYY-MM-DD HH:mm:ss' : 'YYYY-MM-DD');
+            return jsxRuntime.jsx(antd.DatePicker, { disabled: disabled, showTime: showTime, format: format, style: style });
+        }
+        case 'rangePicker': {
+            const showTime = field.type === 'datetime';
+            const format = (_g = (_f = field.config) === null || _f === void 0 ? void 0 : _f.dateFormat) !== null && _g !== void 0 ? _g : (showTime ? 'YYYY-MM-DD HH:mm:ss' : 'YYYY-MM-DD');
+            return jsxRuntime.jsx(antd.DatePicker.RangePicker, { disabled: disabled, showTime: showTime, format: format, style: style });
+        }
+        case 'timePicker':
+            return (jsxRuntime.jsx(antd.DatePicker, { picker: "time", disabled: disabled, format: (_j = (_h = field.config) === null || _h === void 0 ? void 0 : _h.dateFormat) !== null && _j !== void 0 ? _j : 'HH:mm:ss', style: style }));
+        case 'editableTable': {
+            const itemFields = (_k = field.itemFields) !== null && _k !== void 0 ? _k : [];
+            return (jsxRuntime.jsx(antd.Form.List, { name: field.key, children: (listFields, { add, remove }) => {
+                    const columns = [
+                        ...itemFields.map((itemField) => ({
+                            title: itemField.label,
+                            dataIndex: itemField.key,
+                            width: itemField.width,
+                            render: (_, record) => (jsxRuntime.jsx(antd.Form.Item, { name: [record.name, itemField.key], rules: itemField.required ? [{ required: true, message: `${itemField.label}必填` }] : undefined, style: { margin: 0 }, children: jsxRuntime.jsx(EditableCellInput, { itemField: itemField, disabled: disabled }) })),
+                        })),
+                        ...(!disabled
+                            ? [{
+                                    title: '',
+                                    width: 50,
+                                    render: (_, record) => (jsxRuntime.jsx(antd.Button, { type: "text", danger: true, icon: jsxRuntime.jsx(RefIcon$6, {}), 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" }))] }));
+                } }));
+        }
+        default:
+            return jsxRuntime.jsx(antd.Input, { disabled: disabled, placeholder: placeholder !== null && placeholder !== void 0 ? placeholder : `请输入 ${field.label}`, style: style });
+    }
+}
+/**
+ * 将接口数据转为 Form 使用的初始值。
+ *
+ * - 顶层字段：直接展开（与原来相同）
+ * - dot-path 字段（如 `emergencyContact.name`）：
+ *   API 返回的数据已是嵌套结构，form.setFieldsValue 可直接识别
+ * - 日期字段：将字符串转为 dayjs 对象
+ */
+function normalizeInitialValues(fields, values) {
+    if (!values)
+        return {};
+    // 深拷贝，避免修改原对象
+    const result = JSON.parse(JSON.stringify(values));
+    fields.forEach((field) => {
+        var _a, _b;
+        const cfg = getFormConfig(field);
+        const widget = getEffectiveWidget(field, cfg);
+        if (widget !== 'datePicker' && widget !== 'rangePicker' && widget !== 'timePicker')
+            return;
+        const path = field.key.split('.');
+        const val = path.length > 1 ? getNestedValue(result, field.key) : result[field.key];
+        if (val == null)
+            return;
+        if (widget === 'rangePicker' && Array.isArray(val)) {
+            setNestedValue(result, path, val.map((v) => {
+                if (!v)
+                    return null;
+                return dayjs.isDayjs(v) ? v : dayjs(v);
+            }));
+        }
+        else if (val) {
+            // 检查是否已经是 dayjs 对象，避免重复转换
+            if (dayjs.isDayjs(val)) {
+                setNestedValue(result, path, val);
+            }
+            else {
+                // timePicker 存储的是纯时间字符串（如 "09:30:00"），需要带 format 解析
+                const fmt = widget === 'timePicker'
+                    ? ((_b = (_a = field.config) === null || _a === void 0 ? void 0 : _a.dateFormat) !== null && _b !== void 0 ? _b : 'HH:mm:ss')
+                    : undefined;
+                setNestedValue(result, path, fmt ? dayjs(val, fmt) : dayjs(val));
+            }
+        }
+    });
+    return result;
+}
+/** 将 Form 值序列化为提交数据（dayjs → ISO string） */
+function serializeValues(fields, values) {
+    const result = JSON.parse(JSON.stringify(values));
+    fields.forEach((field) => {
+        var _a, _b;
+        const cfg = getFormConfig(field);
+        const widget = getEffectiveWidget(field, cfg);
+        if (widget !== 'datePicker' && widget !== 'rangePicker' && widget !== 'timePicker')
+            return;
+        const path = field.key.split('.');
+        // 必须从原始 values 读（dayjs 对象仍存在），
+        // 不能从 result 读——JSON.parse(JSON.stringify) 已把 dayjs 序列化为 ISO 字符串，
+        // 导致 dayjs.isDayjs() 全部失败（rangePicker 变成 [null, null]）。
+        const val = path.length > 1 ? getNestedValue(values, field.key) : values[field.key];
+        if (val == null)
+            return;
+        if (widget === 'timePicker' && dayjs.isDayjs(val)) {
+            const fmt = (_b = (_a = field.config) === null || _a === void 0 ? void 0 : _a.dateFormat) !== null && _b !== void 0 ? _b : 'HH:mm:ss';
+            setNestedValue(result, path, val.format(fmt));
+        }
+        else if (widget === 'datePicker' && dayjs.isDayjs(val)) {
+            setNestedValue(result, path, val.toISOString());
+        }
+        else if (widget === 'rangePicker' && Array.isArray(val)) {
+            setNestedValue(result, path, val.map((v) => (v && dayjs.isDayjs(v) ? v.toISOString() : null)));
+        }
+    });
+    return result;
+}
+/** 渲染单个 Form.Item */
+function renderField(field, disabled) {
+    var _a;
+    const cfg = getFormConfig(field);
+    const widget = getEffectiveWidget(field, cfg);
+    const required = !disabled && ((_a = cfg === null || cfg === void 0 ? void 0 : cfg.required) !== null && _a !== void 0 ? _a : false);
+    // editableTable 使用 Form.List，不能再套 Form.Item name
+    if (widget === 'editableTable') {
+        return (jsxRuntime.jsx(antd.Form.Item, { label: field.label, style: { marginBottom: 14 }, children: renderFormInput(field, cfg, disabled) }, field.key));
+    }
+    const namePath = field.key.includes('.') ? field.key.split('.') : field.key;
+    const extraRules = field.rules && !disabled ? keysToAntdRules(field.rules) : [];
+    const validationRules = [
+        ...(required ? [{ required: true, message: `请输入 ${field.label}` }] : []),
+        ...extraRules,
+    ];
+    return (jsxRuntime.jsx(antd.Form.Item, { label: field.label, name: namePath, valuePropName: widget === 'switch' ? 'checked' : 'value', rules: validationRules, style: { marginBottom: 14 }, children: renderFormInput(field, cfg, disabled) }, field.key));
+}
+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 disabled = mode === 'view';
+    const entityName = schema.title.replace(/管理$/, '');
+    const titleMap = {
+        create: `新增${entityName}`,
+        edit: `编辑${entityName}`,
+        view: `查看${entityName}`,
+    };
+    const formFields = schema.fields.filter((f) => {
+        if (mode === 'view')
+            return f.table !== false && f.table !== undefined;
+        return f.form !== false && f.form !== undefined;
+    });
+    React.useEffect(() => {
+        if (!visible) {
+            form.resetFields();
+            setRawJsonMode(false);
+            setRawJsonText('');
+            setRawJsonError('');
+        }
+        else {
+            // 模态框打开时，根据模式设置表单值
+            if (mode === 'create') {
+                // 新增模式：清空表单并确保没有残留数据
+                form.resetFields();
+                form.setFieldsValue({});
+            }
+            else {
+                // 编辑/查看模式设置初始值
+                const normalized = normalizeInitialValues(formFields, initialValues);
+                form.setFieldsValue(normalized);
+            }
+        }
+    }, [visible, mode, initialValues]);
+    const switchToRaw = () => {
+        // getFieldsValue(true) 返回 store 全量数据（含 id 等非 Form.Item 字段）
+        const rawValues = disabled
+            ? (initialValues !== null && initialValues !== void 0 ? initialValues : {})
+            : form.getFieldsValue(true);
+        const serialized = disabled ? rawValues : serializeValues(formFields, rawValues);
+        setRawJsonText(JSON.stringify(serialized, null, 2));
+        setRawJsonError('');
+        setRawJsonMode(true);
+    };
+    const switchToForm = () => {
+        if (!disabled) {
+            try {
+                const parsed = JSON.parse(rawJsonText);
+                form.setFieldsValue(normalizeInitialValues(formFields, parsed));
+                setRawJsonError('');
+            }
+            catch (_a) {
+                setRawJsonError('JSON 格式错误，请修正后再切换');
+                return;
+            }
+        }
+        setRawJsonMode(false);
+    };
+    const handleOk = async () => {
+        if (disabled) {
+            onCancel();
+            return;
+        }
+        if (rawJsonMode) {
+            try {
+                const parsed = JSON.parse(rawJsonText);
+                onSubmit(parsed);
+            }
+            catch (_a) {
+                setRawJsonError('JSON 格式错误，无法提交');
+            }
+            return;
+        }
+        const values = await form.validateFields();
+        onSubmit(serializeValues(formFields, values));
+    };
+    /**
+     * 将字段列表按 dot-path 前缀分组渲染：
+     * - 无前缀字段：直接渲染
+     * - 有前缀的字段：相同前缀聚合到一个带标题的 Card 中
+     */
+    const renderFieldGroups = () => {
+        const nodes = [];
+        let i = 0;
+        while (i < formFields.length) {
+            const field = formFields[i];
+            const prefix = getFieldGroupPrefix(field.key);
+            if (!prefix) {
+                nodes.push(renderField(field, disabled));
+                i++;
+            }
+            else {
+                // 收集相同前缀的连续字段
+                const groupFields = [];
+                while (i < formFields.length && getFieldGroupPrefix(formFields[i].key) === prefix) {
+                    groupFields.push(formFields[i]);
+                    i++;
+                }
+                nodes.push(jsxRuntime.jsxs("div", { style: { marginBottom: 16 }, children: [jsxRuntime.jsx(antd.Divider, { style: { fontSize: 13, color: '#666', margin: '8px 0 12px' }, children: prefixToLabel(prefix) }), jsxRuntime.jsx(antd.Card, { size: "small", style: { background: '#fafafa', borderRadius: 6 }, styles: { body: { paddingBottom: 4 } }, children: groupFields.map((gf) => renderField(gf, disabled)) })] }, prefix));
+            }
+        }
+        return nodes;
+    };
+    const copyRawJson = () => {
+        const json = rawJsonMode
+            ? rawJsonText
+            : JSON.stringify(disabled
+                ? (initialValues !== null && initialValues !== void 0 ? initialValues : {})
+                : serializeValues(formFields, form.getFieldsValue(true)), null, 2);
+        navigator.clipboard.writeText(json)
+            .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 { Title } = antd.Typography;
+/** 替换 URL 模板中的 :id */
+function buildUrl(template, id) {
+    return template.replace(/:id/, String(id));
+}
+/** 通用请求封装 */
+async function apiRequest(url, options) {
+    const res = await fetch(url, Object.assign({ headers: { 'Content-Type': 'application/json' } }, options));
+    if (!res.ok)
+        throw new Error(`HTTP ${res.status}`);
+    return res.json();
+}
+/** 从接口响应中提取列表和总数（兼容常见结构） */
+function extractListResponse(json) {
+    var _a, _b, _c, _d, _e, _f, _g;
+    if (!json || typeof json !== 'object')
+        return { list: [], total: 0 };
+    const obj = json;
+    const data = (_b = (_a = obj.data) !== null && _a !== void 0 ? _a : obj.result) !== null && _b !== void 0 ? _b : obj;
+    if (Array.isArray(data))
+        return { list: data, total: data.length };
+    if (data && typeof data === 'object') {
+        const inner = data;
+        const list = ((_e = (_d = (_c = inner.list) !== null && _c !== void 0 ? _c : inner.records) !== null && _d !== void 0 ? _d : inner.data) !== null && _e !== void 0 ? _e : []);
+        const total = Number((_g = (_f = inner.total) !== null && _f !== void 0 ? _f : inner.count) !== null && _g !== void 0 ? _g : list.length);
+        return { list, total };
+    }
+    return { list: [], total: 0 };
+}
+const CrudPage = ({ schema, initialData = [], apiRequest: customApiRequest }) => {
+    var _a;
+    const rowKey = schema.rowKey || 'id';
+    // 使用传入的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 [messageApi, contextHolder] = antd.message.useMessage();
+    // ---------- 本地过滤（API 失败时兜底） ----------
+    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 === '')
+                    return true;
+                if (key.endsWith('_min'))
+                    return Number(row[key.slice(0, -4)]) >= Number(val);
+                if (key.endsWith('_max'))
+                    return Number(row[key.slice(0, -4)]) <= Number(val);
+                if (key.endsWith('_start') || key.endsWith('_end'))
+                    return true;
+                const rowVal = row[key];
+                if (Array.isArray(rowVal)) {
+                    return Array.isArray(val) ? val.some(v => rowVal.includes(v)) : rowVal.includes(val);
+                }
+                if (typeof val === 'string')
+                    return String(rowVal).toLowerCase().includes(val.toLowerCase());
+                return rowVal === val;
+            });
+        });
+        const start = (p - 1) * ps;
+        setData(filtered.slice(start, start + ps));
+        setTotal(filtered.length);
+    }, []);
+    // ---------- 获取列表 ----------
+    const fetchList = React.useCallback(async (params = filterParams, p = page, ps = pageSize) => {
+        setLoading(true);
+        try {
+            const query = new URLSearchParams({ page: String(p), pageSize: String(ps) });
+            Object.entries(params).forEach(([k, v]) => {
+                if (v !== undefined && v !== null && v !== '')
+                    query.set(k, String(v));
+            });
+            const json = await request(`${schema.api.list}?${query}`);
+            const { list, total: tot } = extractListResponse(json);
+            setData(list);
+            setTotal(tot);
+        }
+        catch (_a) {
+            // API 不可用 → 本地演示模式
+            localFilter(params, p, ps);
+        }
+        finally {
+            setLoading(false);
+        }
+    }, [request, schema.api.list, filterParams, page, pageSize, localFilter]);
+    // 初始加载 & 参数变化时重新请求
+    React.useEffect(() => {
+        fetchList(filterParams, page, pageSize);
+        // eslint-disable-next-line react-hooks/exhaustive-deps
+    }, [filterParams, page, pageSize]);
+    // ---------- 搜索 ----------
+    const handleSearch = React.useCallback((params) => {
+        setFilterParams(params);
+        setPage(1);
+    }, []);
+    // ---------- 翻页 ----------
+    const handlePageChange = React.useCallback((p, ps) => {
+        setPage(p);
+        setPageSize(ps);
+    }, []);
+    // ---------- 删除 ----------
+    const handleDelete = React.useCallback(async (record) => {
+        const id = record[rowKey];
+        if (schema.api.delete) {
+            try {
+                await request(buildUrl(schema.api.delete, id), { method: 'DELETE' });
+                messageApi.success('删除成功');
+                fetchList();
+                return;
+            }
+            catch (_a) {
+                // 降级本地
+            }
+        }
+        localDataRef.current = localDataRef.current.filter(r => r[rowKey] !== id);
+        localFilter(filterParams, page, pageSize);
+        messageApi.success('删除成功（演示模式）');
+    }, [request, schema.api.delete, rowKey, fetchList, localFilter, filterParams, page, pageSize, messageApi]);
+    // ---------- 操作列点击 ----------
+    const handleAction = React.useCallback((action, record) => {
+        if (action.type === 'view') {
+            setModalState({ open: true, mode: 'view', record });
+        }
+        else if (action.type === 'edit') {
+            setModalState({ open: true, mode: 'edit', record });
+        }
+        else if (action.type === 'delete') {
+            handleDelete(record);
+        }
+    }, [handleDelete]);
+    // ---------- 新增 / 编辑提交 ----------
+    const handleFormOk = React.useCallback(async (values) => {
+        const isCreate = modalState.mode === 'create';
+        if (isCreate) {
+            if (schema.api.create) {
+                try {
+                    await request(schema.api.create, {
+                        method: 'POST',
+                        body: JSON.stringify(values),
+                    });
+                    messageApi.success('新增成功');
+                    setModalState({ open: false, mode: 'create' });
+                    fetchList();
+                    return;
+                }
+                catch (_a) {
+                    // 降级本地
+                }
+            }
+            const newRecord = Object.assign({ [rowKey]: `local-${Date.now()}` }, values);
+            localDataRef.current = [newRecord, ...localDataRef.current];
+            localFilter(filterParams, 1, pageSize);
+            setPage(1);
+            messageApi.success('新增成功（演示模式）');
+        }
+        else {
+            const id = values[rowKey];
+            if (schema.api.update) {
+                try {
+                    await request(buildUrl(schema.api.update, id), {
+                        method: 'PUT',
+                        body: JSON.stringify(values),
+                    });
+                    messageApi.success('编辑成功');
+                    setModalState({ open: false, mode: 'create' });
+                    fetchList();
+                    return;
+                }
+                catch (_b) {
+                    // 降级本地
+                }
+            }
+            localDataRef.current = localDataRef.current.map(r => r[rowKey] === id ? Object.assign(Object.assign({}, r), values) : r);
+            localFilter(filterParams, page, pageSize);
+            messageApi.success('编辑成功（演示模式）');
+        }
+        setModalState({ open: false, mode: 'create' });
+    }, [
+        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: {
+                    current: page,
+                    pageSize,
+                    total,
+                    onChange: handlePageChange,
+                }, onView: (record) => handleAction({ key: 'view', label: '查看', type: 'view' }, record), onEdit: (record) => handleAction({ key: 'edit', label: '编辑', type: 'edit' }, record), onDelete: (record) => handleDelete(record), onCustomAction: (actionKey, record) => {
+                    var _a;
+                    const action = (_a = schema.actions) === null || _a === void 0 ? void 0 : _a.find(a => a.key === actionKey);
+                    if (action)
+                        handleAction(action, record);
+                } }), jsxRuntime.jsx(DynamicForm, { schema: schema, visible: modalState.open, mode: modalState.mode, initialValues: modalState.record, onSubmit: handleFormOk, onCancel: () => setModalState({ open: false, mode: 'create' }) })] }));
+};
+
+exports.BUILTIN_RULES = BUILTIN_RULES;
+exports.CrudPage = CrudPage;
+exports.DynamicFilter = DynamicFilter;
+exports.DynamicForm = DynamicForm;
+exports.DynamicTable = DynamicTable;
+exports.defaultWidgetForType = defaultWidgetForType;
+exports.getAllRules = getAllRules;
+exports.getEffectiveWidget = getEffectiveWidget;
+exports.getFieldGroupPrefix = getFieldGroupPrefix;
+exports.getNestedValue = getNestedValue;
+exports.getRuleByKey = getRuleByKey;
+exports.keysToAntdRules = keysToAntdRules;
+exports.loadCustomRules = loadCustomRules;
+exports.ruleConfigToAntdRule = ruleConfigToAntdRule;
+exports.saveCustomRules = saveCustomRules;
+//# sourceMappingURL=index.js.map