pro-design-vue 1.1.3 → 1.2.0

package/dist/index.full.js

@@ -1,8 +1,8 @@
-/*! Pro Design Vue v1.1.3 */
+/*! Pro Design Vue v1.2.0 */
 
 (function (global, factory) {
-  typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('ant-design-vue'), require('vue'), require('ant-design-vue/es/locale/zh_CN')) :
-  typeof define === 'function' && define.amd ? define(['exports', 'ant-design-vue', 'vue', 'ant-design-vue/es/locale/zh_CN'], factory) :
+  typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('ant-design-vue'), require('vue'), require('ant-design-vue/es/locale/zh_CN.js')) :
+  typeof define === 'function' && define.amd ? define(['exports', 'ant-design-vue', 'vue', 'ant-design-vue/es/locale/zh_CN.js'], factory) :
   (global = typeof globalThis !== 'undefined' ? globalThis : global || self, factory(global.ProDesignVue = {}, global.AntDesignVue, global.Vue, global.antdDefaultLocale));
 })(this, (function (exports, antDesignVue, vue, antdDefaultLocale) { 'use strict';
 
@@ -32,7 +32,7 @@
   const DEFAULT_NAMESPACE = "pro";
   const DEFAULT_LOCALE = "zh-CN";
 
-  const version$1 = "1.1.3";
+  const version$1 = "1.2.0";
 
   const makeInstaller = (components = []) => {
     const install = (app) => {
@@ -46,11 +46,11 @@
     };
   };
 
-  function bound01(n, max) {
-    if (isOnePointZero(n)) {
+  function bound01$1(n, max) {
+    if (isOnePointZero$1(n)) {
       n = "100%";
     }
-    var isPercent = isPercentage(n);
+    var isPercent = isPercentage$1(n);
     n = max === 360 ? n : Math.min(max, Math.max(0, parseFloat(n)));
     if (isPercent) {
       n = parseInt(String(n * max), 10) / 100;
@@ -65,37 +65,37 @@
     }
     return n;
   }
-  function isOnePointZero(n) {
+  function isOnePointZero$1(n) {
     return typeof n === "string" && n.indexOf(".") !== -1 && parseFloat(n) === 1;
   }
-  function isPercentage(n) {
+  function isPercentage$1(n) {
     return typeof n === "string" && n.indexOf("%") !== -1;
   }
-  function boundAlpha(a) {
+  function boundAlpha$1(a) {
     a = parseFloat(a);
     if (isNaN(a) || a < 0 || a > 1) {
       a = 1;
     }
     return a;
   }
-  function convertToPercentage(n) {
+  function convertToPercentage$1(n) {
     if (n <= 1) {
       return "".concat(Number(n) * 100, "%");
     }
     return n;
   }
-  function pad2(c) {
+  function pad2$1(c) {
     return c.length === 1 ? "0" + c : String(c);
   }
 
-  function rgbToRgb(r, g, b) {
+  function rgbToRgb$1(r, g, b) {
     return {
-      r: bound01(r, 255) * 255,
-      g: bound01(g, 255) * 255,
-      b: bound01(b, 255) * 255
+      r: bound01$1(r, 255) * 255,
+      g: bound01$1(g, 255) * 255,
+      b: bound01$1(b, 255) * 255
     };
   }
-  function hue2rgb(p, q, t) {
+  function hue2rgb$1(p, q, t) {
     if (t < 0) {
       t += 1;
     }
@@ -113,13 +113,13 @@
     }
     return p;
   }
-  function hslToRgb(h, s, l) {
+  function hslToRgb$1(h, s, l) {
     var r;
     var g;
     var b;
-    h = bound01(h, 360);
-    s = bound01(s, 100);
-    l = bound01(l, 100);
+    h = bound01$1(h, 360);
+    s = bound01$1(s, 100);
+    l = bound01$1(l, 100);
     if (s === 0) {
       g = l;
       b = l;
@@ -127,16 +127,16 @@
     } else {
       var q = l < 0.5 ? l * (1 + s) : l + s - l * s;
       var p = 2 * l - q;
-      r = hue2rgb(p, q, h + 1 / 3);
-      g = hue2rgb(p, q, h);
-      b = hue2rgb(p, q, h - 1 / 3);
+      r = hue2rgb$1(p, q, h + 1 / 3);
+      g = hue2rgb$1(p, q, h);
+      b = hue2rgb$1(p, q, h - 1 / 3);
     }
     return { r: r * 255, g: g * 255, b: b * 255 };
   }
-  function rgbToHsv(r, g, b) {
-    r = bound01(r, 255);
-    g = bound01(g, 255);
-    b = bound01(b, 255);
+  function rgbToHsv$1(r, g, b) {
+    r = bound01$1(r, 255);
+    g = bound01$1(g, 255);
+    b = bound01$1(b, 255);
     var max = Math.max(r, g, b);
     var min = Math.min(r, g, b);
     var h = 0;
@@ -161,10 +161,10 @@
     }
     return { h, s, v };
   }
-  function hsvToRgb(h, s, v) {
-    h = bound01(h, 360) * 6;
-    s = bound01(s, 100);
-    v = bound01(v, 100);
+  function hsvToRgb$1(h, s, v) {
+    h = bound01$1(h, 360) * 6;
+    s = bound01$1(s, 100);
+    v = bound01$1(v, 100);
     var i = Math.floor(h);
     var f = h - i;
     var p = v * (1 - s);
@@ -176,22 +176,22 @@
     var b = [p, p, t, v, v, q][mod];
     return { r: r * 255, g: g * 255, b: b * 255 };
   }
-  function rgbToHex(r, g, b, allow3Char) {
+  function rgbToHex$1(r, g, b, allow3Char) {
     var hex = [
-      pad2(Math.round(r).toString(16)),
-      pad2(Math.round(g).toString(16)),
-      pad2(Math.round(b).toString(16))
+      pad2$1(Math.round(r).toString(16)),
+      pad2$1(Math.round(g).toString(16)),
+      pad2$1(Math.round(b).toString(16))
     ];
     return hex.join("");
   }
-  function convertHexToDecimal(h) {
-    return parseIntFromHex(h) / 255;
+  function convertHexToDecimal$1(h) {
+    return parseIntFromHex$1(h) / 255;
   }
-  function parseIntFromHex(val) {
+  function parseIntFromHex$1(val) {
     return parseInt(val, 16);
   }
 
-  var names = {
+  var names$1 = {
     aliceblue: "#f0f8ff",
     antiquewhite: "#faebd7",
     aqua: "#00ffff",
@@ -342,7 +342,7 @@
     yellowgreen: "#9acd32"
   };
 
-  function inputToRGB(color) {
+  function inputToRGB$1(color) {
     var rgb = { r: 0, g: 0, b: 0 };
     var a = 1;
     var s = null;
@@ -351,23 +351,23 @@
     var ok = false;
     var format = false;
     if (typeof color === "string") {
-      color = stringInputToObject(color);
+      color = stringInputToObject$1(color);
     }
     if (typeof color === "object") {
-      if (isValidCSSUnit(color.r) && isValidCSSUnit(color.g) && isValidCSSUnit(color.b)) {
-        rgb = rgbToRgb(color.r, color.g, color.b);
+      if (isValidCSSUnit$1(color.r) && isValidCSSUnit$1(color.g) && isValidCSSUnit$1(color.b)) {
+        rgb = rgbToRgb$1(color.r, color.g, color.b);
         ok = true;
         format = String(color.r).substr(-1) === "%" ? "prgb" : "rgb";
-      } else if (isValidCSSUnit(color.h) && isValidCSSUnit(color.s) && isValidCSSUnit(color.v)) {
-        s = convertToPercentage(color.s);
-        v = convertToPercentage(color.v);
-        rgb = hsvToRgb(color.h, s, v);
+      } else if (isValidCSSUnit$1(color.h) && isValidCSSUnit$1(color.s) && isValidCSSUnit$1(color.v)) {
+        s = convertToPercentage$1(color.s);
+        v = convertToPercentage$1(color.v);
+        rgb = hsvToRgb$1(color.h, s, v);
         ok = true;
         format = "hsv";
-      } else if (isValidCSSUnit(color.h) && isValidCSSUnit(color.s) && isValidCSSUnit(color.l)) {
-        s = convertToPercentage(color.s);
-        l = convertToPercentage(color.l);
-        rgb = hslToRgb(color.h, s, l);
+      } else if (isValidCSSUnit$1(color.h) && isValidCSSUnit$1(color.s) && isValidCSSUnit$1(color.l)) {
+        s = convertToPercentage$1(color.s);
+        l = convertToPercentage$1(color.l);
+        rgb = hslToRgb$1(color.h, s, l);
         ok = true;
         format = "hsl";
       }
@@ -375,7 +375,7 @@
         a = color.a;
       }
     }
-    a = boundAlpha(a);
+    a = boundAlpha$1(a);
     return {
       ok,
       format: color.format || format,
@@ -385,102 +385,102 @@
       a
     };
   }
-  var CSS_INTEGER = "[-\\+]?\\d+%?";
-  var CSS_NUMBER = "[-\\+]?\\d*\\.\\d+%?";
-  var CSS_UNIT = "(?:".concat(CSS_NUMBER, ")|(?:").concat(CSS_INTEGER, ")");
-  var PERMISSIVE_MATCH3 = "[\\s|\\(]+(".concat(CSS_UNIT, ")[,|\\s]+(").concat(CSS_UNIT, ")[,|\\s]+(").concat(CSS_UNIT, ")\\s*\\)?");
-  var PERMISSIVE_MATCH4 = "[\\s|\\(]+(".concat(CSS_UNIT, ")[,|\\s]+(").concat(CSS_UNIT, ")[,|\\s]+(").concat(CSS_UNIT, ")[,|\\s]+(").concat(CSS_UNIT, ")\\s*\\)?");
-  var matchers = {
-    CSS_UNIT: new RegExp(CSS_UNIT),
-    rgb: new RegExp("rgb" + PERMISSIVE_MATCH3),
-    rgba: new RegExp("rgba" + PERMISSIVE_MATCH4),
-    hsl: new RegExp("hsl" + PERMISSIVE_MATCH3),
-    hsla: new RegExp("hsla" + PERMISSIVE_MATCH4),
-    hsv: new RegExp("hsv" + PERMISSIVE_MATCH3),
-    hsva: new RegExp("hsva" + PERMISSIVE_MATCH4),
+  var CSS_INTEGER$1 = "[-\\+]?\\d+%?";
+  var CSS_NUMBER$1 = "[-\\+]?\\d*\\.\\d+%?";
+  var CSS_UNIT$1 = "(?:".concat(CSS_NUMBER$1, ")|(?:").concat(CSS_INTEGER$1, ")");
+  var PERMISSIVE_MATCH3$1 = "[\\s|\\(]+(".concat(CSS_UNIT$1, ")[,|\\s]+(").concat(CSS_UNIT$1, ")[,|\\s]+(").concat(CSS_UNIT$1, ")\\s*\\)?");
+  var PERMISSIVE_MATCH4$1 = "[\\s|\\(]+(".concat(CSS_UNIT$1, ")[,|\\s]+(").concat(CSS_UNIT$1, ")[,|\\s]+(").concat(CSS_UNIT$1, ")[,|\\s]+(").concat(CSS_UNIT$1, ")\\s*\\)?");
+  var matchers$1 = {
+    CSS_UNIT: new RegExp(CSS_UNIT$1),
+    rgb: new RegExp("rgb" + PERMISSIVE_MATCH3$1),
+    rgba: new RegExp("rgba" + PERMISSIVE_MATCH4$1),
+    hsl: new RegExp("hsl" + PERMISSIVE_MATCH3$1),
+    hsla: new RegExp("hsla" + PERMISSIVE_MATCH4$1),
+    hsv: new RegExp("hsv" + PERMISSIVE_MATCH3$1),
+    hsva: new RegExp("hsva" + PERMISSIVE_MATCH4$1),
     hex3: /^#?([0-9a-fA-F]{1})([0-9a-fA-F]{1})([0-9a-fA-F]{1})$/,
     hex6: /^#?([0-9a-fA-F]{2})([0-9a-fA-F]{2})([0-9a-fA-F]{2})$/,
     hex4: /^#?([0-9a-fA-F]{1})([0-9a-fA-F]{1})([0-9a-fA-F]{1})([0-9a-fA-F]{1})$/,
     hex8: /^#?([0-9a-fA-F]{2})([0-9a-fA-F]{2})([0-9a-fA-F]{2})([0-9a-fA-F]{2})$/
   };
-  function stringInputToObject(color) {
+  function stringInputToObject$1(color) {
     color = color.trim().toLowerCase();
     if (color.length === 0) {
       return false;
     }
     var named = false;
-    if (names[color]) {
-      color = names[color];
+    if (names$1[color]) {
+      color = names$1[color];
       named = true;
     } else if (color === "transparent") {
       return { r: 0, g: 0, b: 0, a: 0, format: "name" };
     }
-    var match = matchers.rgb.exec(color);
+    var match = matchers$1.rgb.exec(color);
     if (match) {
       return { r: match[1], g: match[2], b: match[3] };
     }
-    match = matchers.rgba.exec(color);
+    match = matchers$1.rgba.exec(color);
     if (match) {
       return { r: match[1], g: match[2], b: match[3], a: match[4] };
     }
-    match = matchers.hsl.exec(color);
+    match = matchers$1.hsl.exec(color);
     if (match) {
       return { h: match[1], s: match[2], l: match[3] };
     }
-    match = matchers.hsla.exec(color);
+    match = matchers$1.hsla.exec(color);
     if (match) {
       return { h: match[1], s: match[2], l: match[3], a: match[4] };
     }
-    match = matchers.hsv.exec(color);
+    match = matchers$1.hsv.exec(color);
     if (match) {
       return { h: match[1], s: match[2], v: match[3] };
     }
-    match = matchers.hsva.exec(color);
+    match = matchers$1.hsva.exec(color);
     if (match) {
       return { h: match[1], s: match[2], v: match[3], a: match[4] };
     }
-    match = matchers.hex8.exec(color);
+    match = matchers$1.hex8.exec(color);
     if (match) {
       return {
-        r: parseIntFromHex(match[1]),
-        g: parseIntFromHex(match[2]),
-        b: parseIntFromHex(match[3]),
-        a: convertHexToDecimal(match[4]),
+        r: parseIntFromHex$1(match[1]),
+        g: parseIntFromHex$1(match[2]),
+        b: parseIntFromHex$1(match[3]),
+        a: convertHexToDecimal$1(match[4]),
         format: named ? "name" : "hex8"
       };
     }
-    match = matchers.hex6.exec(color);
+    match = matchers$1.hex6.exec(color);
     if (match) {
       return {
-        r: parseIntFromHex(match[1]),
-        g: parseIntFromHex(match[2]),
-        b: parseIntFromHex(match[3]),
+        r: parseIntFromHex$1(match[1]),
+        g: parseIntFromHex$1(match[2]),
+        b: parseIntFromHex$1(match[3]),
         format: named ? "name" : "hex"
       };
     }
-    match = matchers.hex4.exec(color);
+    match = matchers$1.hex4.exec(color);
     if (match) {
       return {
-        r: parseIntFromHex(match[1] + match[1]),
-        g: parseIntFromHex(match[2] + match[2]),
-        b: parseIntFromHex(match[3] + match[3]),
-        a: convertHexToDecimal(match[4] + match[4]),
+        r: parseIntFromHex$1(match[1] + match[1]),
+        g: parseIntFromHex$1(match[2] + match[2]),
+        b: parseIntFromHex$1(match[3] + match[3]),
+        a: convertHexToDecimal$1(match[4] + match[4]),
         format: named ? "name" : "hex8"
       };
     }
-    match = matchers.hex3.exec(color);
+    match = matchers$1.hex3.exec(color);
     if (match) {
       return {
-        r: parseIntFromHex(match[1] + match[1]),
-        g: parseIntFromHex(match[2] + match[2]),
-        b: parseIntFromHex(match[3] + match[3]),
+        r: parseIntFromHex$1(match[1] + match[1]),
+        g: parseIntFromHex$1(match[2] + match[2]),
+        b: parseIntFromHex$1(match[3] + match[3]),
         format: named ? "name" : "hex"
       };
     }
     return false;
   }
-  function isValidCSSUnit(color) {
-    return Boolean(matchers.CSS_UNIT.exec(String(color)));
+  function isValidCSSUnit$1(color) {
+    return Boolean(matchers$1.CSS_UNIT.exec(String(color)));
   }
 
   var hueStep = 2;
@@ -523,7 +523,7 @@
   }];
   function toHsv(_ref) {
     var r = _ref.r, g = _ref.g, b = _ref.b;
-    var hsv = rgbToHsv(r, g, b);
+    var hsv = rgbToHsv$1(r, g, b);
     return {
       h: hsv.h * 360,
       s: hsv.s,
@@ -532,7 +532,7 @@
   }
   function toHex(_ref2) {
     var r = _ref2.r, g = _ref2.g, b = _ref2.b;
-    return "#".concat(rgbToHex(r, g, b));
+    return "#".concat(rgbToHex$1(r, g, b));
   }
   function mix(rgb1, rgb2, amount) {
     var p = amount / 100;
@@ -595,10 +595,10 @@
   function generate$1(color) {
     var opts = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : {};
     var patterns = [];
-    var pColor = inputToRGB(color);
+    var pColor = inputToRGB$1(color);
     for (var i = lightColorCount; i > 0; i -= 1) {
       var hsv = toHsv(pColor);
-      var colorString = toHex(inputToRGB({
+      var colorString = toHex(inputToRGB$1({
         h: getHue(hsv, i, true),
         s: getSaturation(hsv, i, true),
         v: getValue$1(hsv, i, true)
@@ -608,7 +608,7 @@
     patterns.push(toHex(pColor));
     for (var _i = 1; _i <= darkColorCount; _i += 1) {
       var _hsv = toHsv(pColor);
-      var _colorString = toHex(inputToRGB({
+      var _colorString = toHex(inputToRGB$1({
         h: getHue(_hsv, _i),
         s: getSaturation(_hsv, _i),
         v: getValue$1(_hsv, _i)
@@ -618,7 +618,7 @@
     if (opts.theme === "dark") {
       return darkColorMap.map(function(_ref3) {
         var index = _ref3.index, opacity = _ref3.opacity;
-        var darkColorString = toHex(mix(inputToRGB(opts.backgroundColor || "#141414"), inputToRGB(patterns[index]), opacity * 100));
+        var darkColorString = toHex(mix(inputToRGB$1(opts.backgroundColor || "#141414"), inputToRGB$1(patterns[index]), opacity * 100));
         return darkColorString;
       });
     }
@@ -2286,6 +2286,1114 @@
     });
   };
 
+  function bound01(n, max) {
+    if (isOnePointZero(n)) {
+      n = "100%";
+    }
+    const isPercent = isPercentage(n);
+    n = max === 360 ? n : Math.min(max, Math.max(0, parseFloat(n)));
+    if (isPercent) {
+      n = parseInt(String(n * max), 10) / 100;
+    }
+    if (Math.abs(n - max) < 1e-6) {
+      return 1;
+    }
+    if (max === 360) {
+      n = (n < 0 ? n % max + max : n % max) / parseFloat(String(max));
+    } else {
+      n = n % max / parseFloat(String(max));
+    }
+    return n;
+  }
+  function clamp01(val) {
+    return Math.min(1, Math.max(0, val));
+  }
+  function isOnePointZero(n) {
+    return typeof n === "string" && n.indexOf(".") !== -1 && parseFloat(n) === 1;
+  }
+  function isPercentage(n) {
+    return typeof n === "string" && n.indexOf("%") !== -1;
+  }
+  function boundAlpha(a) {
+    a = parseFloat(a);
+    if (isNaN(a) || a < 0 || a > 1) {
+      a = 1;
+    }
+    return a;
+  }
+  function convertToPercentage(n) {
+    if (Number(n) <= 1) {
+      return `${Number(n) * 100}%`;
+    }
+    return n;
+  }
+  function pad2(c) {
+    return c.length === 1 ? "0" + c : String(c);
+  }
+
+  function rgbToRgb(r, g, b) {
+    return {
+      r: bound01(r, 255) * 255,
+      g: bound01(g, 255) * 255,
+      b: bound01(b, 255) * 255
+    };
+  }
+  function rgbToHsl(r, g, b) {
+    r = bound01(r, 255);
+    g = bound01(g, 255);
+    b = bound01(b, 255);
+    const max = Math.max(r, g, b);
+    const min = Math.min(r, g, b);
+    let h = 0;
+    let s = 0;
+    const l = (max + min) / 2;
+    if (max === min) {
+      s = 0;
+      h = 0;
+    } else {
+      const d = max - min;
+      s = l > 0.5 ? d / (2 - max - min) : d / (max + min);
+      switch (max) {
+        case r:
+          h = (g - b) / d + (g < b ? 6 : 0);
+          break;
+        case g:
+          h = (b - r) / d + 2;
+          break;
+        case b:
+          h = (r - g) / d + 4;
+          break;
+      }
+      h /= 6;
+    }
+    return { h, s, l };
+  }
+  function hue2rgb(p, q, t) {
+    if (t < 0) {
+      t += 1;
+    }
+    if (t > 1) {
+      t -= 1;
+    }
+    if (t < 1 / 6) {
+      return p + (q - p) * (6 * t);
+    }
+    if (t < 1 / 2) {
+      return q;
+    }
+    if (t < 2 / 3) {
+      return p + (q - p) * (2 / 3 - t) * 6;
+    }
+    return p;
+  }
+  function hslToRgb(h, s, l) {
+    let r;
+    let g;
+    let b;
+    h = bound01(h, 360);
+    s = bound01(s, 100);
+    l = bound01(l, 100);
+    if (s === 0) {
+      g = l;
+      b = l;
+      r = l;
+    } else {
+      const q = l < 0.5 ? l * (1 + s) : l + s - l * s;
+      const p = 2 * l - q;
+      r = hue2rgb(p, q, h + 1 / 3);
+      g = hue2rgb(p, q, h);
+      b = hue2rgb(p, q, h - 1 / 3);
+    }
+    return { r: r * 255, g: g * 255, b: b * 255 };
+  }
+  function rgbToHsv(r, g, b) {
+    r = bound01(r, 255);
+    g = bound01(g, 255);
+    b = bound01(b, 255);
+    const max = Math.max(r, g, b);
+    const min = Math.min(r, g, b);
+    let h = 0;
+    const v = max;
+    const d = max - min;
+    const s = max === 0 ? 0 : d / max;
+    if (max === min) {
+      h = 0;
+    } else {
+      switch (max) {
+        case r:
+          h = (g - b) / d + (g < b ? 6 : 0);
+          break;
+        case g:
+          h = (b - r) / d + 2;
+          break;
+        case b:
+          h = (r - g) / d + 4;
+          break;
+      }
+      h /= 6;
+    }
+    return { h, s, v };
+  }
+  function hsvToRgb(h, s, v) {
+    h = bound01(h, 360) * 6;
+    s = bound01(s, 100);
+    v = bound01(v, 100);
+    const i = Math.floor(h);
+    const f = h - i;
+    const p = v * (1 - s);
+    const q = v * (1 - f * s);
+    const t = v * (1 - (1 - f) * s);
+    const mod = i % 6;
+    const r = [v, q, p, p, t, v][mod];
+    const g = [t, v, v, q, p, p][mod];
+    const b = [p, p, t, v, v, q][mod];
+    return { r: r * 255, g: g * 255, b: b * 255 };
+  }
+  function rgbToHex(r, g, b, allow3Char) {
+    const hex = [
+      pad2(Math.round(r).toString(16)),
+      pad2(Math.round(g).toString(16)),
+      pad2(Math.round(b).toString(16))
+    ];
+    if (allow3Char && hex[0].startsWith(hex[0].charAt(1)) && hex[1].startsWith(hex[1].charAt(1)) && hex[2].startsWith(hex[2].charAt(1))) {
+      return hex[0].charAt(0) + hex[1].charAt(0) + hex[2].charAt(0);
+    }
+    return hex.join("");
+  }
+  function rgbaToHex(r, g, b, a, allow4Char) {
+    const hex = [
+      pad2(Math.round(r).toString(16)),
+      pad2(Math.round(g).toString(16)),
+      pad2(Math.round(b).toString(16)),
+      pad2(convertDecimalToHex(a))
+    ];
+    if (allow4Char && hex[0].startsWith(hex[0].charAt(1)) && hex[1].startsWith(hex[1].charAt(1)) && hex[2].startsWith(hex[2].charAt(1)) && hex[3].startsWith(hex[3].charAt(1))) {
+      return hex[0].charAt(0) + hex[1].charAt(0) + hex[2].charAt(0) + hex[3].charAt(0);
+    }
+    return hex.join("");
+  }
+  function cmykToRgb(c, m, y, k) {
+    const cConv = c / 100;
+    const mConv = m / 100;
+    const yConv = y / 100;
+    const kConv = k / 100;
+    const r = 255 * (1 - cConv) * (1 - kConv);
+    const g = 255 * (1 - mConv) * (1 - kConv);
+    const b = 255 * (1 - yConv) * (1 - kConv);
+    return { r, g, b };
+  }
+  function rgbToCmyk(r, g, b) {
+    let c = 1 - r / 255;
+    let m = 1 - g / 255;
+    let y = 1 - b / 255;
+    let k = Math.min(c, m, y);
+    if (k === 1) {
+      c = 0;
+      m = 0;
+      y = 0;
+    } else {
+      c = (c - k) / (1 - k) * 100;
+      m = (m - k) / (1 - k) * 100;
+      y = (y - k) / (1 - k) * 100;
+    }
+    k *= 100;
+    return {
+      c: Math.round(c),
+      m: Math.round(m),
+      y: Math.round(y),
+      k: Math.round(k)
+    };
+  }
+  function convertDecimalToHex(d) {
+    return Math.round(parseFloat(d) * 255).toString(16);
+  }
+  function convertHexToDecimal(h) {
+    return parseIntFromHex(h) / 255;
+  }
+  function parseIntFromHex(val) {
+    return parseInt(val, 16);
+  }
+  function numberInputToObject(color) {
+    return {
+      r: color >> 16,
+      g: (color & 65280) >> 8,
+      b: color & 255
+    };
+  }
+
+  const names = {
+    aliceblue: "#f0f8ff",
+    antiquewhite: "#faebd7",
+    aqua: "#00ffff",
+    aquamarine: "#7fffd4",
+    azure: "#f0ffff",
+    beige: "#f5f5dc",
+    bisque: "#ffe4c4",
+    black: "#000000",
+    blanchedalmond: "#ffebcd",
+    blue: "#0000ff",
+    blueviolet: "#8a2be2",
+    brown: "#a52a2a",
+    burlywood: "#deb887",
+    cadetblue: "#5f9ea0",
+    chartreuse: "#7fff00",
+    chocolate: "#d2691e",
+    coral: "#ff7f50",
+    cornflowerblue: "#6495ed",
+    cornsilk: "#fff8dc",
+    crimson: "#dc143c",
+    cyan: "#00ffff",
+    darkblue: "#00008b",
+    darkcyan: "#008b8b",
+    darkgoldenrod: "#b8860b",
+    darkgray: "#a9a9a9",
+    darkgreen: "#006400",
+    darkgrey: "#a9a9a9",
+    darkkhaki: "#bdb76b",
+    darkmagenta: "#8b008b",
+    darkolivegreen: "#556b2f",
+    darkorange: "#ff8c00",
+    darkorchid: "#9932cc",
+    darkred: "#8b0000",
+    darksalmon: "#e9967a",
+    darkseagreen: "#8fbc8f",
+    darkslateblue: "#483d8b",
+    darkslategray: "#2f4f4f",
+    darkslategrey: "#2f4f4f",
+    darkturquoise: "#00ced1",
+    darkviolet: "#9400d3",
+    deeppink: "#ff1493",
+    deepskyblue: "#00bfff",
+    dimgray: "#696969",
+    dimgrey: "#696969",
+    dodgerblue: "#1e90ff",
+    firebrick: "#b22222",
+    floralwhite: "#fffaf0",
+    forestgreen: "#228b22",
+    fuchsia: "#ff00ff",
+    gainsboro: "#dcdcdc",
+    ghostwhite: "#f8f8ff",
+    goldenrod: "#daa520",
+    gold: "#ffd700",
+    gray: "#808080",
+    green: "#008000",
+    greenyellow: "#adff2f",
+    grey: "#808080",
+    honeydew: "#f0fff0",
+    hotpink: "#ff69b4",
+    indianred: "#cd5c5c",
+    indigo: "#4b0082",
+    ivory: "#fffff0",
+    khaki: "#f0e68c",
+    lavenderblush: "#fff0f5",
+    lavender: "#e6e6fa",
+    lawngreen: "#7cfc00",
+    lemonchiffon: "#fffacd",
+    lightblue: "#add8e6",
+    lightcoral: "#f08080",
+    lightcyan: "#e0ffff",
+    lightgoldenrodyellow: "#fafad2",
+    lightgray: "#d3d3d3",
+    lightgreen: "#90ee90",
+    lightgrey: "#d3d3d3",
+    lightpink: "#ffb6c1",
+    lightsalmon: "#ffa07a",
+    lightseagreen: "#20b2aa",
+    lightskyblue: "#87cefa",
+    lightslategray: "#778899",
+    lightslategrey: "#778899",
+    lightsteelblue: "#b0c4de",
+    lightyellow: "#ffffe0",
+    lime: "#00ff00",
+    limegreen: "#32cd32",
+    linen: "#faf0e6",
+    magenta: "#ff00ff",
+    maroon: "#800000",
+    mediumaquamarine: "#66cdaa",
+    mediumblue: "#0000cd",
+    mediumorchid: "#ba55d3",
+    mediumpurple: "#9370db",
+    mediumseagreen: "#3cb371",
+    mediumslateblue: "#7b68ee",
+    mediumspringgreen: "#00fa9a",
+    mediumturquoise: "#48d1cc",
+    mediumvioletred: "#c71585",
+    midnightblue: "#191970",
+    mintcream: "#f5fffa",
+    mistyrose: "#ffe4e1",
+    moccasin: "#ffe4b5",
+    navajowhite: "#ffdead",
+    navy: "#000080",
+    oldlace: "#fdf5e6",
+    olive: "#808000",
+    olivedrab: "#6b8e23",
+    orange: "#ffa500",
+    orangered: "#ff4500",
+    orchid: "#da70d6",
+    palegoldenrod: "#eee8aa",
+    palegreen: "#98fb98",
+    paleturquoise: "#afeeee",
+    palevioletred: "#db7093",
+    papayawhip: "#ffefd5",
+    peachpuff: "#ffdab9",
+    peru: "#cd853f",
+    pink: "#ffc0cb",
+    plum: "#dda0dd",
+    powderblue: "#b0e0e6",
+    purple: "#800080",
+    rebeccapurple: "#663399",
+    red: "#ff0000",
+    rosybrown: "#bc8f8f",
+    royalblue: "#4169e1",
+    saddlebrown: "#8b4513",
+    salmon: "#fa8072",
+    sandybrown: "#f4a460",
+    seagreen: "#2e8b57",
+    seashell: "#fff5ee",
+    sienna: "#a0522d",
+    silver: "#c0c0c0",
+    skyblue: "#87ceeb",
+    slateblue: "#6a5acd",
+    slategray: "#708090",
+    slategrey: "#708090",
+    snow: "#fffafa",
+    springgreen: "#00ff7f",
+    steelblue: "#4682b4",
+    tan: "#d2b48c",
+    teal: "#008080",
+    thistle: "#d8bfd8",
+    tomato: "#ff6347",
+    turquoise: "#40e0d0",
+    violet: "#ee82ee",
+    wheat: "#f5deb3",
+    white: "#ffffff",
+    whitesmoke: "#f5f5f5",
+    yellow: "#ffff00",
+    yellowgreen: "#9acd32"
+  };
+
+  function inputToRGB(color) {
+    let rgb = { r: 0, g: 0, b: 0 };
+    let a = 1;
+    let s = null;
+    let v = null;
+    let l = null;
+    let ok = false;
+    let format = false;
+    if (typeof color === "string") {
+      color = stringInputToObject(color);
+    }
+    if (typeof color === "object") {
+      if (isValidCSSUnit(color.r) && isValidCSSUnit(color.g) && isValidCSSUnit(color.b)) {
+        rgb = rgbToRgb(color.r, color.g, color.b);
+        ok = true;
+        format = String(color.r).substr(-1) === "%" ? "prgb" : "rgb";
+      } else if (isValidCSSUnit(color.h) && isValidCSSUnit(color.s) && isValidCSSUnit(color.v)) {
+        s = convertToPercentage(color.s);
+        v = convertToPercentage(color.v);
+        rgb = hsvToRgb(color.h, s, v);
+        ok = true;
+        format = "hsv";
+      } else if (isValidCSSUnit(color.h) && isValidCSSUnit(color.s) && isValidCSSUnit(color.l)) {
+        s = convertToPercentage(color.s);
+        l = convertToPercentage(color.l);
+        rgb = hslToRgb(color.h, s, l);
+        ok = true;
+        format = "hsl";
+      } else if (isValidCSSUnit(color.c) && isValidCSSUnit(color.m) && isValidCSSUnit(color.y) && isValidCSSUnit(color.k)) {
+        rgb = cmykToRgb(color.c, color.m, color.y, color.k);
+        ok = true;
+        format = "cmyk";
+      }
+      if (Object.prototype.hasOwnProperty.call(color, "a")) {
+        a = color.a;
+      }
+    }
+    a = boundAlpha(a);
+    return {
+      ok,
+      format: color.format || format,
+      r: Math.min(255, Math.max(rgb.r, 0)),
+      g: Math.min(255, Math.max(rgb.g, 0)),
+      b: Math.min(255, Math.max(rgb.b, 0)),
+      a
+    };
+  }
+  const CSS_INTEGER = "[-\\+]?\\d+%?";
+  const CSS_NUMBER = "[-\\+]?\\d*\\.\\d+%?";
+  const CSS_UNIT = "(?:" + CSS_NUMBER + ")|(?:" + CSS_INTEGER + ")";
+  const PERMISSIVE_MATCH3 = "[\\s|\\(]+(" + CSS_UNIT + ")[,|\\s]+(" + CSS_UNIT + ")[,|\\s]+(" + CSS_UNIT + ")\\s*\\)?";
+  const PERMISSIVE_MATCH4 = (
+    // eslint-disable-next-line prettier/prettier
+    "[\\s|\\(]+(" + CSS_UNIT + ")[,|\\s]+(" + CSS_UNIT + ")[,|\\s]+(" + CSS_UNIT + ")[,|\\s]+(" + CSS_UNIT + ")\\s*\\)?"
+  );
+  const matchers = {
+    CSS_UNIT: new RegExp(CSS_UNIT),
+    rgb: new RegExp("rgb" + PERMISSIVE_MATCH3),
+    rgba: new RegExp("rgba" + PERMISSIVE_MATCH4),
+    hsl: new RegExp("hsl" + PERMISSIVE_MATCH3),
+    hsla: new RegExp("hsla" + PERMISSIVE_MATCH4),
+    hsv: new RegExp("hsv" + PERMISSIVE_MATCH3),
+    hsva: new RegExp("hsva" + PERMISSIVE_MATCH4),
+    cmyk: new RegExp("cmyk" + PERMISSIVE_MATCH4),
+    hex3: /^#?([0-9a-fA-F]{1})([0-9a-fA-F]{1})([0-9a-fA-F]{1})$/,
+    hex6: /^#?([0-9a-fA-F]{2})([0-9a-fA-F]{2})([0-9a-fA-F]{2})$/,
+    hex4: /^#?([0-9a-fA-F]{1})([0-9a-fA-F]{1})([0-9a-fA-F]{1})([0-9a-fA-F]{1})$/,
+    hex8: /^#?([0-9a-fA-F]{2})([0-9a-fA-F]{2})([0-9a-fA-F]{2})([0-9a-fA-F]{2})$/
+  };
+  function stringInputToObject(color) {
+    color = color.trim().toLowerCase();
+    if (color.length === 0) {
+      return false;
+    }
+    let named = false;
+    if (names[color]) {
+      color = names[color];
+      named = true;
+    } else if (color === "transparent") {
+      return { r: 0, g: 0, b: 0, a: 0, format: "name" };
+    }
+    let match = matchers.rgb.exec(color);
+    if (match) {
+      return { r: match[1], g: match[2], b: match[3] };
+    }
+    match = matchers.rgba.exec(color);
+    if (match) {
+      return { r: match[1], g: match[2], b: match[3], a: match[4] };
+    }
+    match = matchers.hsl.exec(color);
+    if (match) {
+      return { h: match[1], s: match[2], l: match[3] };
+    }
+    match = matchers.hsla.exec(color);
+    if (match) {
+      return { h: match[1], s: match[2], l: match[3], a: match[4] };
+    }
+    match = matchers.hsv.exec(color);
+    if (match) {
+      return { h: match[1], s: match[2], v: match[3] };
+    }
+    match = matchers.hsva.exec(color);
+    if (match) {
+      return { h: match[1], s: match[2], v: match[3], a: match[4] };
+    }
+    match = matchers.cmyk.exec(color);
+    if (match) {
+      return {
+        c: match[1],
+        m: match[2],
+        y: match[3],
+        k: match[4]
+      };
+    }
+    match = matchers.hex8.exec(color);
+    if (match) {
+      return {
+        r: parseIntFromHex(match[1]),
+        g: parseIntFromHex(match[2]),
+        b: parseIntFromHex(match[3]),
+        a: convertHexToDecimal(match[4]),
+        format: named ? "name" : "hex8"
+      };
+    }
+    match = matchers.hex6.exec(color);
+    if (match) {
+      return {
+        r: parseIntFromHex(match[1]),
+        g: parseIntFromHex(match[2]),
+        b: parseIntFromHex(match[3]),
+        format: named ? "name" : "hex"
+      };
+    }
+    match = matchers.hex4.exec(color);
+    if (match) {
+      return {
+        r: parseIntFromHex(match[1] + match[1]),
+        g: parseIntFromHex(match[2] + match[2]),
+        b: parseIntFromHex(match[3] + match[3]),
+        a: convertHexToDecimal(match[4] + match[4]),
+        format: named ? "name" : "hex8"
+      };
+    }
+    match = matchers.hex3.exec(color);
+    if (match) {
+      return {
+        r: parseIntFromHex(match[1] + match[1]),
+        g: parseIntFromHex(match[2] + match[2]),
+        b: parseIntFromHex(match[3] + match[3]),
+        format: named ? "name" : "hex"
+      };
+    }
+    return false;
+  }
+  function isValidCSSUnit(color) {
+    if (typeof color === "number") {
+      return !Number.isNaN(color);
+    }
+    return matchers.CSS_UNIT.test(color);
+  }
+
+  class TinyColor {
+    constructor(color = "", opts = {}) {
+      var _a;
+      if (color instanceof TinyColor) {
+        return color;
+      }
+      if (typeof color === "number") {
+        color = numberInputToObject(color);
+      }
+      this.originalInput = color;
+      const rgb = inputToRGB(color);
+      this.originalInput = color;
+      this.r = rgb.r;
+      this.g = rgb.g;
+      this.b = rgb.b;
+      this.a = rgb.a;
+      this.roundA = Math.round(100 * this.a) / 100;
+      this.format = (_a = opts.format) != null ? _a : rgb.format;
+      this.gradientType = opts.gradientType;
+      if (this.r < 1) {
+        this.r = Math.round(this.r);
+      }
+      if (this.g < 1) {
+        this.g = Math.round(this.g);
+      }
+      if (this.b < 1) {
+        this.b = Math.round(this.b);
+      }
+      this.isValid = rgb.ok;
+    }
+    isDark() {
+      return this.getBrightness() < 128;
+    }
+    isLight() {
+      return !this.isDark();
+    }
+    /**
+     * Returns the perceived brightness of the color, from 0-255.
+     */
+    getBrightness() {
+      const rgb = this.toRgb();
+      return (rgb.r * 299 + rgb.g * 587 + rgb.b * 114) / 1e3;
+    }
+    /**
+     * Returns the perceived luminance of a color, from 0-1.
+     */
+    getLuminance() {
+      const rgb = this.toRgb();
+      let R;
+      let G;
+      let B;
+      const RsRGB = rgb.r / 255;
+      const GsRGB = rgb.g / 255;
+      const BsRGB = rgb.b / 255;
+      if (RsRGB <= 0.03928) {
+        R = RsRGB / 12.92;
+      } else {
+        R = Math.pow((RsRGB + 0.055) / 1.055, 2.4);
+      }
+      if (GsRGB <= 0.03928) {
+        G = GsRGB / 12.92;
+      } else {
+        G = Math.pow((GsRGB + 0.055) / 1.055, 2.4);
+      }
+      if (BsRGB <= 0.03928) {
+        B = BsRGB / 12.92;
+      } else {
+        B = Math.pow((BsRGB + 0.055) / 1.055, 2.4);
+      }
+      return 0.2126 * R + 0.7152 * G + 0.0722 * B;
+    }
+    /**
+     * Returns the alpha value of a color, from 0-1.
+     */
+    getAlpha() {
+      return this.a;
+    }
+    /**
+     * Sets the alpha value on the current color.
+     *
+     * @param alpha - The new alpha value. The accepted range is 0-1.
+     */
+    setAlpha(alpha) {
+      this.a = boundAlpha(alpha);
+      this.roundA = Math.round(100 * this.a) / 100;
+      return this;
+    }
+    /**
+     * Returns whether the color is monochrome.
+     */
+    isMonochrome() {
+      const { s } = this.toHsl();
+      return s === 0;
+    }
+    /**
+     * Returns the object as a HSVA object.
+     */
+    toHsv() {
+      const hsv = rgbToHsv(this.r, this.g, this.b);
+      return { h: hsv.h * 360, s: hsv.s, v: hsv.v, a: this.a };
+    }
+    /**
+     * Returns the hsva values interpolated into a string with the following format:
+     * "hsva(xxx, xxx, xxx, xx)".
+     */
+    toHsvString() {
+      const hsv = rgbToHsv(this.r, this.g, this.b);
+      const h = Math.round(hsv.h * 360);
+      const s = Math.round(hsv.s * 100);
+      const v = Math.round(hsv.v * 100);
+      return this.a === 1 ? `hsv(${h}, ${s}%, ${v}%)` : `hsva(${h}, ${s}%, ${v}%, ${this.roundA})`;
+    }
+    /**
+     * Returns the object as a HSLA object.
+     */
+    toHsl() {
+      const hsl = rgbToHsl(this.r, this.g, this.b);
+      return { h: hsl.h * 360, s: hsl.s, l: hsl.l, a: this.a };
+    }
+    /**
+     * Returns the hsla values interpolated into a string with the following format:
+     * "hsla(xxx, xxx, xxx, xx)".
+     */
+    toHslString() {
+      const hsl = rgbToHsl(this.r, this.g, this.b);
+      const h = Math.round(hsl.h * 360);
+      const s = Math.round(hsl.s * 100);
+      const l = Math.round(hsl.l * 100);
+      return this.a === 1 ? `hsl(${h}, ${s}%, ${l}%)` : `hsla(${h}, ${s}%, ${l}%, ${this.roundA})`;
+    }
+    /**
+     * Returns the hex value of the color.
+     * @param allow3Char will shorten hex value to 3 char if possible
+     */
+    toHex(allow3Char = false) {
+      return rgbToHex(this.r, this.g, this.b, allow3Char);
+    }
+    /**
+     * Returns the hex value of the color -with a # prefixed.
+     * @param allow3Char will shorten hex value to 3 char if possible
+     */
+    toHexString(allow3Char = false) {
+      return "#" + this.toHex(allow3Char);
+    }
+    /**
+     * Returns the hex 8 value of the color.
+     * @param allow4Char will shorten hex value to 4 char if possible
+     */
+    toHex8(allow4Char = false) {
+      return rgbaToHex(this.r, this.g, this.b, this.a, allow4Char);
+    }
+    /**
+     * Returns the hex 8 value of the color -with a # prefixed.
+     * @param allow4Char will shorten hex value to 4 char if possible
+     */
+    toHex8String(allow4Char = false) {
+      return "#" + this.toHex8(allow4Char);
+    }
+    /**
+     * Returns the shorter hex value of the color depends on its alpha -with a # prefixed.
+     * @param allowShortChar will shorten hex value to 3 or 4 char if possible
+     */
+    toHexShortString(allowShortChar = false) {
+      return this.a === 1 ? this.toHexString(allowShortChar) : this.toHex8String(allowShortChar);
+    }
+    /**
+     * Returns the object as a RGBA object.
+     */
+    toRgb() {
+      return {
+        r: Math.round(this.r),
+        g: Math.round(this.g),
+        b: Math.round(this.b),
+        a: this.a
+      };
+    }
+    /**
+     * Returns the RGBA values interpolated into a string with the following format:
+     * "RGBA(xxx, xxx, xxx, xx)".
+     */
+    toRgbString() {
+      const r = Math.round(this.r);
+      const g = Math.round(this.g);
+      const b = Math.round(this.b);
+      return this.a === 1 ? `rgb(${r}, ${g}, ${b})` : `rgba(${r}, ${g}, ${b}, ${this.roundA})`;
+    }
+    /**
+     * Returns the object as a RGBA object.
+     */
+    toPercentageRgb() {
+      const fmt = (x) => `${Math.round(bound01(x, 255) * 100)}%`;
+      return {
+        r: fmt(this.r),
+        g: fmt(this.g),
+        b: fmt(this.b),
+        a: this.a
+      };
+    }
+    /**
+     * Returns the RGBA relative values interpolated into a string
+     */
+    toPercentageRgbString() {
+      const rnd = (x) => Math.round(bound01(x, 255) * 100);
+      return this.a === 1 ? `rgb(${rnd(this.r)}%, ${rnd(this.g)}%, ${rnd(this.b)}%)` : `rgba(${rnd(this.r)}%, ${rnd(this.g)}%, ${rnd(this.b)}%, ${this.roundA})`;
+    }
+    toCmyk() {
+      return {
+        ...rgbToCmyk(this.r, this.g, this.b)
+      };
+    }
+    toCmykString() {
+      const { c, m, y, k } = rgbToCmyk(this.r, this.g, this.b);
+      return `cmyk(${c}, ${m}, ${y}, ${k})`;
+    }
+    /**
+     * The 'real' name of the color -if there is one.
+     */
+    toName() {
+      if (this.a === 0) {
+        return "transparent";
+      }
+      if (this.a < 1) {
+        return false;
+      }
+      const hex = "#" + rgbToHex(this.r, this.g, this.b, false);
+      for (const [key, value] of Object.entries(names)) {
+        if (hex === value) {
+          return key;
+        }
+      }
+      return false;
+    }
+    toString(format) {
+      const formatSet = Boolean(format);
+      format = format != null ? format : this.format;
+      let formattedString = false;
+      const hasAlpha = this.a < 1 && this.a >= 0;
+      const needsAlphaFormat = !formatSet && hasAlpha && (format.startsWith("hex") || format === "name");
+      if (needsAlphaFormat) {
+        if (format === "name" && this.a === 0) {
+          return this.toName();
+        }
+        return this.toRgbString();
+      }
+      if (format === "rgb") {
+        formattedString = this.toRgbString();
+      }
+      if (format === "prgb") {
+        formattedString = this.toPercentageRgbString();
+      }
+      if (format === "hex" || format === "hex6") {
+        formattedString = this.toHexString();
+      }
+      if (format === "hex3") {
+        formattedString = this.toHexString(true);
+      }
+      if (format === "hex4") {
+        formattedString = this.toHex8String(true);
+      }
+      if (format === "hex8") {
+        formattedString = this.toHex8String();
+      }
+      if (format === "name") {
+        formattedString = this.toName();
+      }
+      if (format === "hsl") {
+        formattedString = this.toHslString();
+      }
+      if (format === "hsv") {
+        formattedString = this.toHsvString();
+      }
+      if (format === "cmyk") {
+        formattedString = this.toCmykString();
+      }
+      return formattedString || this.toHexString();
+    }
+    toNumber() {
+      return (Math.round(this.r) << 16) + (Math.round(this.g) << 8) + Math.round(this.b);
+    }
+    clone() {
+      return new TinyColor(this.toString());
+    }
+    /**
+     * Lighten the color a given amount. Providing 100 will always return white.
+     * @param amount - valid between 1-100
+     */
+    lighten(amount = 10) {
+      const hsl = this.toHsl();
+      hsl.l += amount / 100;
+      hsl.l = clamp01(hsl.l);
+      return new TinyColor(hsl);
+    }
+    /**
+     * Brighten the color a given amount, from 0 to 100.
+     * @param amount - valid between 1-100
+     */
+    brighten(amount = 10) {
+      const rgb = this.toRgb();
+      rgb.r = Math.max(0, Math.min(255, rgb.r - Math.round(255 * -(amount / 100))));
+      rgb.g = Math.max(0, Math.min(255, rgb.g - Math.round(255 * -(amount / 100))));
+      rgb.b = Math.max(0, Math.min(255, rgb.b - Math.round(255 * -(amount / 100))));
+      return new TinyColor(rgb);
+    }
+    /**
+     * Darken the color a given amount, from 0 to 100.
+     * Providing 100 will always return black.
+     * @param amount - valid between 1-100
+     */
+    darken(amount = 10) {
+      const hsl = this.toHsl();
+      hsl.l -= amount / 100;
+      hsl.l = clamp01(hsl.l);
+      return new TinyColor(hsl);
+    }
+    /**
+     * Mix the color with pure white, from 0 to 100.
+     * Providing 0 will do nothing, providing 100 will always return white.
+     * @param amount - valid between 1-100
+     */
+    tint(amount = 10) {
+      return this.mix("white", amount);
+    }
+    /**
+     * Mix the color with pure black, from 0 to 100.
+     * Providing 0 will do nothing, providing 100 will always return black.
+     * @param amount - valid between 1-100
+     */
+    shade(amount = 10) {
+      return this.mix("black", amount);
+    }
+    /**
+     * Desaturate the color a given amount, from 0 to 100.
+     * Providing 100 will is the same as calling greyscale
+     * @param amount - valid between 1-100
+     */
+    desaturate(amount = 10) {
+      const hsl = this.toHsl();
+      hsl.s -= amount / 100;
+      hsl.s = clamp01(hsl.s);
+      return new TinyColor(hsl);
+    }
+    /**
+     * Saturate the color a given amount, from 0 to 100.
+     * @param amount - valid between 1-100
+     */
+    saturate(amount = 10) {
+      const hsl = this.toHsl();
+      hsl.s += amount / 100;
+      hsl.s = clamp01(hsl.s);
+      return new TinyColor(hsl);
+    }
+    /**
+     * Completely desaturates a color into greyscale.
+     * Same as calling `desaturate(100)`
+     */
+    greyscale() {
+      return this.desaturate(100);
+    }
+    /**
+     * Spin takes a positive or negative amount within [-360, 360] indicating the change of hue.
+     * Values outside of this range will be wrapped into this range.
+     */
+    spin(amount) {
+      const hsl = this.toHsl();
+      const hue = (hsl.h + amount) % 360;
+      hsl.h = hue < 0 ? 360 + hue : hue;
+      return new TinyColor(hsl);
+    }
+    /**
+     * Mix the current color a given amount with another color, from 0 to 100.
+     * 0 means no mixing (return current color).
+     */
+    mix(color, amount = 50) {
+      const rgb1 = this.toRgb();
+      const rgb2 = new TinyColor(color).toRgb();
+      const p = amount / 100;
+      const rgba = {
+        r: (rgb2.r - rgb1.r) * p + rgb1.r,
+        g: (rgb2.g - rgb1.g) * p + rgb1.g,
+        b: (rgb2.b - rgb1.b) * p + rgb1.b,
+        a: (rgb2.a - rgb1.a) * p + rgb1.a
+      };
+      return new TinyColor(rgba);
+    }
+    analogous(results = 6, slices = 30) {
+      const hsl = this.toHsl();
+      const part = 360 / slices;
+      const ret = [this];
+      for (hsl.h = (hsl.h - (part * results >> 1) + 720) % 360; --results; ) {
+        hsl.h = (hsl.h + part) % 360;
+        ret.push(new TinyColor(hsl));
+      }
+      return ret;
+    }
+    /**
+     * taken from https://github.com/infusion/jQuery-xcolor/blob/master/jquery.xcolor.js
+     */
+    complement() {
+      const hsl = this.toHsl();
+      hsl.h = (hsl.h + 180) % 360;
+      return new TinyColor(hsl);
+    }
+    monochromatic(results = 6) {
+      const hsv = this.toHsv();
+      const { h } = hsv;
+      const { s } = hsv;
+      let { v } = hsv;
+      const res = [];
+      const modification = 1 / results;
+      while (results--) {
+        res.push(new TinyColor({ h, s, v }));
+        v = (v + modification) % 1;
+      }
+      return res;
+    }
+    splitcomplement() {
+      const hsl = this.toHsl();
+      const { h } = hsl;
+      return [
+        this,
+        new TinyColor({ h: (h + 72) % 360, s: hsl.s, l: hsl.l }),
+        new TinyColor({ h: (h + 216) % 360, s: hsl.s, l: hsl.l })
+      ];
+    }
+    /**
+     * Compute how the color would appear on a background
+     */
+    onBackground(background) {
+      const fg = this.toRgb();
+      const bg = new TinyColor(background).toRgb();
+      const alpha = fg.a + bg.a * (1 - fg.a);
+      return new TinyColor({
+        r: (fg.r * fg.a + bg.r * bg.a * (1 - fg.a)) / alpha,
+        g: (fg.g * fg.a + bg.g * bg.a * (1 - fg.a)) / alpha,
+        b: (fg.b * fg.a + bg.b * bg.a * (1 - fg.a)) / alpha,
+        a: alpha
+      });
+    }
+    /**
+     * Alias for `polyad(3)`
+     */
+    triad() {
+      return this.polyad(3);
+    }
+    /**
+     * Alias for `polyad(4)`
+     */
+    tetrad() {
+      return this.polyad(4);
+    }
+    /**
+     * Get polyad colors, like (for 1, 2, 3, 4, 5, 6, 7, 8, etc...)
+     * monad, dyad, triad, tetrad, pentad, hexad, heptad, octad, etc...
+     */
+    polyad(n) {
+      const hsl = this.toHsl();
+      const { h } = hsl;
+      const result = [this];
+      const increment = 360 / n;
+      for (let i = 1; i < n; i++) {
+        result.push(new TinyColor({ h: (h + i * increment) % 360, s: hsl.s, l: hsl.l }));
+      }
+      return result;
+    }
+    /**
+     * compare color vs current color
+     */
+    equals(color) {
+      const comparedColor = new TinyColor(color);
+      if (this.format === "cmyk" || comparedColor.format === "cmyk") {
+        return this.toCmykString() === comparedColor.toCmykString();
+      }
+      return this.toRgbString() === comparedColor.toRgbString();
+    }
+  }
+
+  function convertToHslCssVar(color) {
+    const { a, h, l, s } = new TinyColor(color).toHsl();
+    const hsl = `${Math.round(h)} ${Math.round(s * 100)}% ${Math.round(l * 100)}%`;
+    return a < 1 ? `${hsl} / ${a}` : hsl;
+  }
+
+  function parseColor(color = "") {
+    if (typeof color !== "string") {
+      throw new TypeError("Color should be string!");
+    }
+    const hexMatch = /^#?([\da-f]{2})([\da-f]{2})([\da-f]{2})$/i.exec(color);
+    if (hexMatch) {
+      return hexMatch.splice(1).map((c) => Number.parseInt(c, 16));
+    }
+    const hexMatchShort = /^#?([\da-f])([\da-f])([\da-f])$/i.exec(color);
+    if (hexMatchShort) {
+      return hexMatchShort.splice(1).map((c) => Number.parseInt(c + c, 16));
+    }
+    if (color.includes(",")) {
+      return color.split(",").map((p) => Number.parseInt(p));
+    }
+    throw new Error("Invalid color format! Use #ABC or #AABBCC or r,g,b");
+  }
+  function hexValue(components) {
+    return "#" + components.map((c) => `0${c.toString(16).toUpperCase()}`.slice(-2)).join("");
+  }
+  function tint(components, intensity) {
+    return components.map((c) => Math.round(c + (255 - c) * intensity));
+  }
+  function shade(components, intensity) {
+    return components.map((c) => Math.round(c * intensity));
+  }
+  const withTint = (intensity) => (hex) => tint(hex, intensity);
+  const withShade = (intensity) => (hex) => shade(hex, intensity);
+
+  const _variants = {
+    50: withTint(0.95),
+    100: withTint(0.9),
+    200: withTint(0.75),
+    300: withTint(0.6),
+    400: withTint(0.3),
+    500: (c) => c,
+    600: withShade(0.9),
+    700: withShade(0.6),
+    800: withShade(0.45),
+    900: withShade(0.3),
+    950: withShade(0.2)
+  };
+  function getColors(color, variants = _variants) {
+    const colors = {};
+    const components = parseColor(color);
+    for (const [name, fn] of Object.entries(variants)) {
+      colors[name] = hexValue(fn(components));
+    }
+    return colors;
+  }
+
+  function generatorColorVariables(colorItems, namespace) {
+    const colorVariables = {};
+    colorItems.forEach(({ alias, color, name }) => {
+      if (color) {
+        const colorsMap = getColors(new TinyColor(color).toHexString());
+        let mainColor = colorsMap["500"];
+        const colorKeys = Object.keys(colorsMap);
+        colorKeys.forEach((key) => {
+          const colorValue = colorsMap[key];
+          if (colorValue) {
+            const hslColor = convertToHslCssVar(colorValue);
+            colorVariables[`--${namespace}-${name}-${key}`] = hslColor;
+            if (alias) {
+              colorVariables[`--${namespace}-${alias}-${key}`] = hslColor;
+            }
+            if (key === "500") {
+              mainColor = hslColor;
+            }
+          }
+        });
+        if (alias && mainColor) {
+          colorVariables[`--${namespace}-${alias}`] = mainColor;
+        }
+      }
+    });
+    return colorVariables;
+  }
+
   function omitUndefined(obj) {
     const newObj = {};
     Object.keys(obj || {}).forEach((key) => {
@@ -7147,7 +8255,86 @@
     return vue.inject(proConfigProviderContextKey, {});
   };
 
-  var _sfc_main$X = /* @__PURE__ */ vue.defineComponent({
+  function updateCSSVariables(variables, id = "__pro-styles__") {
+    const styleElement = document.querySelector(`#${id}`) || document.createElement("style");
+    styleElement.id = id;
+    let cssText = ":root {";
+    for (const key in variables) {
+      if (Object.prototype.hasOwnProperty.call(variables, key)) {
+        cssText += `${key}: ${variables[key]};`;
+      }
+    }
+    cssText += "}";
+    styleElement.textContent = cssText;
+    if (!document.querySelector(`#${id}`)) {
+      setTimeout(() => {
+        document.head.append(styleElement);
+      });
+    }
+  }
+
+  const defaultToken = {
+    colorPrimary: "#006be6",
+    colorSuccess: "#57d188",
+    colorWarning: "#efbd48",
+    colorError: "#ff4d4f",
+    colorInfo: "#006be6",
+    borderRadius: 6
+  };
+  const defaultDarkToken = {
+    colorPrimary: "#035ec7",
+    colorSuccess: "#4db577",
+    colorWarning: "#cea440",
+    colorError: "#dc4446",
+    colorInfo: "#035ec7",
+    borderRadius: 6
+  };
+
+  function useCssVariables(isDark) {
+    const { useToken } = antDesignVue.theme;
+    const { token } = useToken();
+    vue.watch(
+      [token, isDark],
+      ([newToken, dark]) => {
+        const colorVariables = generatorColorVariables(
+          [
+            { color: newToken.colorPrimary, name: "primary", key: "colorPrimary" },
+            { alias: "warning", color: newToken.colorWarning, name: "yellow", key: "colorWarning" },
+            { alias: "success", color: newToken.colorSuccess, name: "green", key: "colorSuccess" },
+            { alias: "destructive", color: newToken.colorError, name: "red", key: "colorError" }
+          ].filter((item) => {
+            const defaultColor = dark ? defaultDarkToken[item.key] : defaultToken[item.key];
+            return newToken[item.key] !== defaultColor;
+          }),
+          DEFAULT_NAMESPACE
+        );
+        const colorMappings = {
+          [`--${DEFAULT_NAMESPACE}-green-500`]: `--${DEFAULT_NAMESPACE}-success`,
+          [`--${DEFAULT_NAMESPACE}-primary-500`]: `--${DEFAULT_NAMESPACE}-primary`,
+          [`--${DEFAULT_NAMESPACE}-red-500`]: `--${DEFAULT_NAMESPACE}-destructive`,
+          [`--${DEFAULT_NAMESPACE}-yellow-500`]: `--${DEFAULT_NAMESPACE}-warning`
+        };
+        Object.entries(colorMappings).forEach(([sourceVar, targetVar]) => {
+          const colorValue = colorVariables[sourceVar];
+          if (colorValue) {
+            document.documentElement.style.setProperty(targetVar, colorValue);
+          }
+        });
+        updateCSSVariables(colorVariables);
+        if (defaultToken.borderRadius !== newToken.borderRadius) {
+          document.documentElement.style.setProperty(
+            `--${DEFAULT_NAMESPACE}-radius`,
+            `${newToken.borderRadius}px`
+          );
+        }
+      },
+      {
+        immediate: true
+      }
+    );
+  }
+
+  var _sfc_main$Y = /* @__PURE__ */ vue.defineComponent({
     ...{
       name: "ConfigProviderContainer"
     },
@@ -7156,8 +8343,14 @@
       intl: { type: Object, required: false },
       proPrefixCls: { type: String, required: false },
       contentOffsetTop: { type: Number, required: false },
+      dark: { type: Boolean, required: false },
+      token: { type: Object, required: false },
+      compact: { type: Boolean, required: false },
       table: { type: Object, required: false },
-      pro: { type: Object, required: false },
+      form: { type: Object, required: false },
+      modal: { type: Object, required: false },
+      drawer: { type: Object, required: false },
+      app: { type: Object, required: false },
       iconPrefixCls: { type: String, required: false },
       getTargetContainer: { type: Function, required: false },
       getPopupContainer: { type: Function, required: false },
@@ -7176,7 +8369,6 @@
       space: { type: Object, required: false },
       virtual: { type: Boolean, required: false },
       dropdownMatchSelectWidth: { type: null, required: false },
-      form: { type: Object, required: false },
       pagination: { type: Object, required: false },
       theme: { type: Object, required: false },
       select: { type: Object, required: false },
@@ -7185,8 +8377,13 @@
     setup(__props) {
       const props = __props;
       const contentOffsetTop = vue.ref(props.contentOffsetTop);
+      useCssVariables(vue.computed(() => props.dark));
       useProConfigProvide({
-        pro: vue.computed(() => props.pro),
+        table: vue.computed(() => props.table),
+        form: vue.computed(() => props.form),
+        modal: vue.computed(() => props.modal),
+        drawer: vue.computed(() => props.drawer),
+        componentSize: vue.computed(() => props.componentSize),
         proPrefixCls: vue.computed(() => props.proPrefixCls),
         intl: vue.computed(() => props.intl),
         locale: vue.computed(() => props.locale),
@@ -7201,7 +8398,7 @@
     }
   });
 
-  var _sfc_main$W = /* @__PURE__ */ vue.defineComponent({
+  var _sfc_main$X = /* @__PURE__ */ vue.defineComponent({
     ...{
       name: "ProConfigProvider"
     },
@@ -7213,8 +8410,14 @@
       }) },
       proPrefixCls: { type: String, required: false, default: "pro" },
       contentOffsetTop: { type: Number, required: false },
+      dark: { type: Boolean, required: false, default: false },
+      token: { type: Object, required: false },
+      compact: { type: Boolean, required: false, default: false },
       table: { type: Object, required: false },
-      pro: { type: Object, required: false },
+      form: { type: Object, required: false },
+      modal: { type: Object, required: false },
+      drawer: { type: Object, required: false },
+      app: { type: Object, required: false },
       iconPrefixCls: { type: String, required: false },
       getTargetContainer: { type: Function, required: false },
       getPopupContainer: { type: Function, required: false },
@@ -7233,48 +8436,92 @@
       space: { type: Object, required: false },
       virtual: { type: Boolean, required: false },
       dropdownMatchSelectWidth: { type: null, required: false },
-      form: { type: Object, required: false },
       pagination: { type: Object, required: false },
       theme: { type: Object, required: false },
       select: { type: Object, required: false },
       wave: { type: Object, required: false }
     },
     setup(__props) {
-      const rest = vue.createPropsRestProxy(__props, ["intl", "pro", "proPrefixCls", "locale"]);
+      const rest = vue.createPropsRestProxy(__props, ["intl", "proPrefixCls", "dark", "compact", "token", "locale", "theme", "table", "drawer", "modal", "form", "app", "componentSize"]);
       if (__props.locale.locale === DEFAULT_LOCALE.toLocaleLowerCase()) {
         Promise.resolve().then(function () { return zhCn$1; }).then((value) => {
           dayjs.locale(value);
         });
       }
+      const mergerTheme = vue.computed(() => {
+        var _a, _b, _c, _d, _e;
+        const algorithm = __props.dark ? [antDesignVue.theme.darkAlgorithm] : [antDesignVue.theme.defaultAlgorithm];
+        if (__props.compact) {
+          algorithm.push(antDesignVue.theme.compactAlgorithm);
+        }
+        if ((_a = __props.theme) == null ? void 0 : _a.algorithm) {
+          if (isArray$2((_b = __props.theme) == null ? void 0 : _b.algorithm)) {
+            algorithm.push(...(_c = __props.theme) == null ? void 0 : _c.algorithm);
+          } else {
+            algorithm.push((_d = __props.theme) == null ? void 0 : _d.algorithm);
+          }
+        }
+        return {
+          ...__props.theme,
+          algorithm,
+          token: {
+            ...defaultToken,
+            ...(_e = __props.theme) == null ? void 0 : _e.token,
+            ...__props.token
+          }
+        };
+      });
+      vue.watchEffect(async () => {
+        await vue.nextTick();
+        const root = document.documentElement;
+        root.classList.toggle("dark", __props.dark);
+      });
       antDesignVue.ConfigProvider.config({
         prefixCls: rest.prefixCls
       });
       return (_ctx, _cache) => {
-        return vue.openBlock(), vue.createBlock(vue.unref(antDesignVue.ConfigProvider), vue.mergeProps(rest, { locale: _ctx.locale }), {
+        var _a;
+        return vue.openBlock(), vue.createBlock(vue.unref(antDesignVue.ConfigProvider), vue.mergeProps(rest, {
+          locale: _ctx.locale,
+          theme: mergerTheme.value,
+          componentSize: _ctx.componentSize,
+          form: vue.unref(omit)((_a = _ctx.form) != null ? _a : {}, ["resetOnSubmit", "labelWidth", "resetText", "searchText", "labelWidth"])
+        }), {
           default: vue.withCtx(() => [
-            vue.createVNode(vue.unref(antDesignVue.App), null, {
-              default: vue.withCtx(() => [
-                vue.createVNode(_sfc_main$X, {
-                  contentOffsetTop: _ctx.contentOffsetTop,
-                  intl: _ctx.intl,
-                  proPrefixCls: _ctx.proPrefixCls,
-                  pro: _ctx.pro,
-                  locale: _ctx.locale
-                }, {
-                  default: vue.withCtx(() => [
-                    vue.renderSlot(_ctx.$slots, "default")
-                  ]),
-                  _: 3
-                  /* FORWARDED */
-                }, 8, ["contentOffsetTop", "intl", "proPrefixCls", "pro", "locale"])
-              ]),
-              _: 3
-              /* FORWARDED */
-            })
+            vue.createVNode(
+              vue.unref(antDesignVue.App),
+              vue.normalizeProps(vue.guardReactiveProps(_ctx.app)),
+              {
+                default: vue.withCtx(() => [
+                  vue.createVNode(_sfc_main$Y, {
+                    contentOffsetTop: _ctx.contentOffsetTop,
+                    intl: _ctx.intl,
+                    dark: _ctx.dark,
+                    proPrefixCls: _ctx.proPrefixCls,
+                    table: _ctx.table,
+                    form: _ctx.form,
+                    locale: _ctx.locale,
+                    drawer: _ctx.drawer,
+                    modal: _ctx.modal,
+                    componentSize: _ctx.componentSize
+                  }, {
+                    default: vue.withCtx(() => [
+                      vue.renderSlot(_ctx.$slots, "default")
+                    ]),
+                    _: 3
+                    /* FORWARDED */
+                  }, 8, ["contentOffsetTop", "intl", "dark", "proPrefixCls", "table", "form", "locale", "drawer", "modal", "componentSize"])
+                ]),
+                _: 3
+                /* FORWARDED */
+              },
+              16
+              /* FULL_PROPS */
+            )
           ]),
           _: 3
           /* FORWARDED */
-        }, 16, ["locale"]);
+        }, 16, ["locale", "theme", "componentSize", "form"]);
       };
     }
   });
@@ -7291,7 +8538,7 @@
     return zhCNIntl;
   }
 
-  const ProConfigProvider = withInstall(_sfc_main$W);
+  const ProConfigProvider = withInstall(_sfc_main$X);
 
   function usePrefixCls(name) {
     const { proPrefixCls } = useProConfigInject();
@@ -8780,7 +10027,7 @@
   }
 
   const _hoisted_1$g = ["src"];
-  var _sfc_main$V = /* @__PURE__ */ vue.defineComponent({
+  var _sfc_main$W = /* @__PURE__ */ vue.defineComponent({
     __name: "icon",
     props: {
       fallback: { type: Boolean, required: false },
@@ -8875,7 +10122,7 @@
     }
   });
 
-  const ProIcon = withInstall(_sfc_main$V);
+  const ProIcon = withInstall(_sfc_main$W);
 
   function _isSlot$9(s) {
     return typeof s === "function" || Object.prototype.toString.call(s) === "[object Object]" && !vue.isVNode(s);
@@ -9111,7 +10358,7 @@
 
   const ProClipboard = withInstall(Clipboard);
 
-  var _sfc_main$U = /* @__PURE__ */ vue.defineComponent({
+  var _sfc_main$V = /* @__PURE__ */ vue.defineComponent({
     ...{ name: "ProCounter" },
     __name: "counter",
     props: {
@@ -9201,7 +10448,7 @@
     }
   });
 
-  const ProCounter = withInstall(_sfc_main$U);
+  const ProCounter = withInstall(_sfc_main$V);
 
   function ownKeys(e, r) {
     var t = Object.keys(e);
@@ -11945,7 +13192,7 @@
   */
 
   const _hoisted_1$f = ["src"];
-  var _sfc_main$T = /* @__PURE__ */ vue.defineComponent({
+  var _sfc_main$U = /* @__PURE__ */ vue.defineComponent({
     ...{
       name: "ProCropper"
     },
@@ -12055,16 +13302,16 @@
     }
   });
 
-  const ProCropper = withInstall(_sfc_main$T);
+  const ProCropper = withInstall(_sfc_main$U);
 
-  var _sfc_main$S = /* @__PURE__ */ vue.defineComponent({
+  var _sfc_main$T = /* @__PURE__ */ vue.defineComponent({
     ...{
       name: "ProDrawer"
     },
     __name: "drawer",
     props: {
       description: { type: String, required: false },
-      showFullscreen: { type: Boolean, required: false, default: false },
+      showFullscreen: { type: Boolean, required: false, default: void 0 },
       defaultFullscreen: { type: Boolean, required: false },
       autofocus: { type: Boolean, required: false, default: false },
       closable: { type: Boolean, required: false, default: true },
@@ -12111,8 +13358,13 @@
       const emit = __emit;
       const prefixCls = usePrefixCls("drawer");
       const { isMobile } = useIsMobile();
+      const { drawer } = useProConfigInject();
       const fullscreen = vue.ref(props.defaultFullscreen);
       const hasFullscreen = vue.computed(() => isMobile.value || fullscreen.value);
+      const mergeShowFullscreen = vue.computed(() => {
+        var _a, _b;
+        return (_b = props.showFullscreen) != null ? _b : (_a = drawer == null ? void 0 : drawer.value) == null ? void 0 : _a.showFullscreen;
+      });
       const drawerProps = vue.computed(
         () => omitKeysAndUndefined(props, ["rootClassName", "closable", "onClose", "title", "width", "height"])
       );
@@ -12175,7 +13427,7 @@
           ]),
           extra: vue.withCtx(() => [
             vue.renderSlot(_ctx.$slots, "extra"),
-            _ctx.showFullscreen && !vue.unref(isMobile) ? (vue.openBlock(), vue.createBlock(vue.unref(ProButton), {
+            mergeShowFullscreen.value && !vue.unref(isMobile) ? (vue.openBlock(), vue.createBlock(vue.unref(ProButton), {
               key: 0,
               class: vue.normalizeClass(`${vue.unref(prefixCls)}-fullscreen`),
               size: "small",
@@ -12222,7 +13474,7 @@
     }
   });
 
-  const ProDrawer = withInstall(_sfc_main$S);
+  const ProDrawer = withInstall(_sfc_main$T);
 
   const ContextKey$1 = Symbol("FormSlotsContext");
   const useInjectSlots$1 = () => {
@@ -12474,10 +13726,16 @@
     defaultFormItemsNumber: Number,
     labelWidth: {
       type: [String, Number],
-      default: "80"
+      default: void 0
+    },
+    searchText: {
+      type: String,
+      default: void 0
+    },
+    resetText: {
+      type: String,
+      default: void 0
     },
-    searchText: String,
-    resetText: String,
     searchGutter: {
       type: Number,
       default: 24
@@ -12488,7 +13746,10 @@
     // span: definePropType<SpanConfig>([Number, String]),
     showHiddenNum: Boolean,
     ignoreRules: Boolean,
-    resetOnSubmit: Boolean,
+    resetOnSubmit: {
+      type: Boolean,
+      default: void 0
+    },
     onCollapse: {
       type: Function,
       default: void 0
@@ -14971,7 +16232,7 @@
     }
   });
 
-  var _sfc_main$R = /* @__PURE__ */ vue.defineComponent({
+  var _sfc_main$S = /* @__PURE__ */ vue.defineComponent({
     ...{
       name: "ProModal",
       inheritAttrs: false
@@ -14979,9 +16240,9 @@
     __name: "modal",
     props: {
       description: { type: String, required: false },
-      showFullscreen: { type: Boolean, required: false, default: false },
+      showFullscreen: { type: Boolean, required: false, default: void 0 },
       defaultFullscreen: { type: Boolean, required: false },
-      draggable: { type: Boolean, required: false, default: false },
+      draggable: { type: Boolean, required: false, default: void 0 },
       top: { type: Number, required: false, default: 100 },
       prefixCls: { type: String, required: false },
       open: { type: Boolean, required: false, default: false },
@@ -15030,6 +16291,7 @@
       const isDrag = vue.ref(false);
       const fullscreen = vue.ref(props.defaultFullscreen);
       const { isMobile } = useIsMobile();
+      const { modal } = useProConfigInject();
       const bodyWidth = vue.ref(0);
       const modalHeaderEl = vue.useTemplateRef("modalHeaderRef");
       const { width } = useElementBounding(modalHeaderEl);
@@ -15038,8 +16300,16 @@
         const { width: width2 } = (entry == null ? void 0 : entry.contentRect) || {};
         bodyWidth.value = width2;
       });
+      const mergeShowFullscreen = vue.computed(() => {
+        var _a, _b;
+        return (_b = props.showFullscreen) != null ? _b : (_a = modal == null ? void 0 : modal.value) == null ? void 0 : _a.showFullscreen;
+      });
+      const mergeDraggable = vue.computed(() => {
+        var _a, _b;
+        return (_b = props.draggable) != null ? _b : (_a = modal == null ? void 0 : modal.value) == null ? void 0 : _a.draggable;
+      });
       const hasFullscreen = vue.computed(() => isMobile.value || fullscreen.value);
-      const hasDraggable = vue.computed(() => props.draggable && !hasFullscreen.value);
+      const hasDraggable = vue.computed(() => mergeDraggable.value && !hasFullscreen.value);
       const { style } = useDraggable(modalHeaderEl, {
         disabled: vue.computed(() => !hasDraggable.value),
         onMove() {
@@ -15133,7 +16403,7 @@
                     class: vue.normalizeClass(`${vue.unref(prefixCls)}-extra`)
                   },
                   [
-                    _ctx.showFullscreen && !vue.unref(isMobile) ? (vue.openBlock(), vue.createBlock(vue.unref(ProButton), {
+                    mergeShowFullscreen.value && !vue.unref(isMobile) ? (vue.openBlock(), vue.createBlock(vue.unref(ProButton), {
                       key: 0,
                       class: vue.normalizeClass(`${vue.unref(prefixCls)}-fullscreen`),
                       size: "small",
@@ -15188,7 +16458,7 @@
     }
   });
 
-  const ProModal = withInstall(_sfc_main$R);
+  const ProModal = withInstall(_sfc_main$S);
 
   const defaultCropperProps = {
     aspectRatio: 1,
@@ -17107,6 +18377,9 @@
       expose,
       attrs
     }) {
+      const {
+        form
+      } = useProConfigInject();
       const totalSpan = vue.ref(0);
       const totalSize = vue.ref(0);
       const currentSpan = vue.ref(0);
@@ -17154,14 +18427,16 @@
         return 24 - offsetSpan;
       });
       const formItemFixStyle = vue.computed(() => {
-        if (props.labelWidth && spanSize.value.layout !== "vertical" && props.labelWidth !== "auto") {
+        var _a2, _b, _c;
+        const labelWidth = (_c = (_b = props.labelWidth) != null ? _b : (_a2 = form == null ? void 0 : form.value) == null ? void 0 : _a2.labelWidth) != null ? _c : "80";
+        if (labelWidth && spanSize.value.layout !== "vertical" && labelWidth !== "auto") {
           return {
             labelCol: {
-              flex: `0 0 ${props.labelWidth}px`
+              flex: `0 0 ${labelWidth}px`
             },
             wrapperCol: {
               style: {
-                maxWidth: `calc(100% - ${props.labelWidth}px)`
+                maxWidth: `calc(100% - ${labelWidth}px)`
               }
             },
             style: {
@@ -17208,6 +18483,7 @@
         };
       });
       const submitterConfig = vue.computed(() => {
+        var _a2, _b, _c, _d, _e, _f;
         if (props.submitter === false) {
           return false;
         }
@@ -17217,8 +18493,8 @@
           },
           reverse: true,
           searchConfig: {
-            submitText: props.searchText || intl.getMessage("form.search", "\u641C\u7D22"),
-            resetText: props.resetText || intl.getMessage("form.reset", "\u91CD\u7F6E")
+            submitText: (_c = (_b = props.searchText) != null ? _b : (_a2 = form == null ? void 0 : form.value) == null ? void 0 : _a2.searchText) != null ? _c : intl.getMessage("form.search", "\u641C\u7D22"),
+            resetText: (_f = (_e = props.resetText) != null ? _e : (_d = form == null ? void 0 : form.value) == null ? void 0 : _d.resetText) != null ? _f : intl.getMessage("form.reset", "\u91CD\u7F6E")
           },
           colProps: {
             span: spanSize.value.span,
@@ -17312,11 +18588,12 @@
           "items": processedList.value,
           "layout": spanSize.value.layout,
           "onReset": (values) => {
-            var _a3, _b;
-            if (props.resetOnSubmit) {
-              (_a3 = formRef.value) == null ? void 0 : _a3.submit();
+            var _a3, _b, _c, _d;
+            const resetOnSubmit = (_b = props.resetOnSubmit) != null ? _b : (_a3 = form == null ? void 0 : form.value) == null ? void 0 : _a3.resetOnSubmit;
+            if (resetOnSubmit) {
+              (_c = formRef.value) == null ? void 0 : _c.submit();
             }
-            (_b = props.onReset) == null ? void 0 : _b.call(props, values);
+            (_d = props.onReset) == null ? void 0 : _d.call(props, values);
           }
         }), {
           ...slots,
@@ -17801,7 +19078,7 @@
     };
   }
 
-  var _sfc_main$Q = /* @__PURE__ */ vue.defineComponent({
+  var _sfc_main$R = /* @__PURE__ */ vue.defineComponent({
     __name: "menu-icon",
     setup(__props) {
       return (_ctx, _cache) => {
@@ -17869,7 +19146,7 @@
     }
   });
 
-  var _sfc_main$P = /* @__PURE__ */ vue.defineComponent({
+  var _sfc_main$Q = /* @__PURE__ */ vue.defineComponent({
     __name: "pin-icon",
     setup(__props) {
       return (_ctx, _cache) => {
@@ -17923,7 +19200,7 @@
     }
   });
 
-  var _sfc_main$O = /* @__PURE__ */ vue.defineComponent({
+  var _sfc_main$P = /* @__PURE__ */ vue.defineComponent({
     __name: "pin-off-icon",
     setup(__props) {
       return (_ctx, _cache) => {
@@ -18005,7 +19282,7 @@
     }
   });
 
-  var _sfc_main$N = /* @__PURE__ */ vue.defineComponent({
+  var _sfc_main$O = /* @__PURE__ */ vue.defineComponent({
     __name: "chevrons-left-icon",
     setup(__props) {
       return (_ctx, _cache) => {
@@ -18059,7 +19336,7 @@
     }
   });
 
-  var _sfc_main$M = /* @__PURE__ */ vue.defineComponent({
+  var _sfc_main$N = /* @__PURE__ */ vue.defineComponent({
     __name: "chevrons-right-icon",
     setup(__props) {
       return (_ctx, _cache) => {
@@ -18136,7 +19413,7 @@
 
   const ProSlot = withInstall(Slot);
 
-  var _sfc_main$L = /* @__PURE__ */ vue.defineComponent({
+  var _sfc_main$M = /* @__PURE__ */ vue.defineComponent({
     __name: "layout-content",
     props: {
       contentCompact: { type: String, required: true },
@@ -18192,7 +19469,7 @@
     }
   });
 
-  var _sfc_main$K = /* @__PURE__ */ vue.defineComponent({
+  var _sfc_main$L = /* @__PURE__ */ vue.defineComponent({
     __name: "layout-footer",
     props: {
       fixed: { type: Boolean, required: false },
@@ -18231,7 +19508,7 @@
     }
   });
 
-  var _sfc_main$J = /* @__PURE__ */ vue.defineComponent({
+  var _sfc_main$K = /* @__PURE__ */ vue.defineComponent({
     __name: "layout-header",
     props: {
       fullWidth: { type: Boolean, required: true },
@@ -18291,7 +19568,7 @@
     }
   });
 
-  var _sfc_main$I = /* @__PURE__ */ vue.defineComponent({
+  var _sfc_main$J = /* @__PURE__ */ vue.defineComponent({
     __name: "sidebar-collapse-button",
     props: {
       "collapsed": { type: Boolean },
@@ -18312,10 +19589,10 @@
             onClick: vue.withModifiers(handleCollapsed, ["stop"])
           },
           [
-            collapsed.value ? (vue.openBlock(), vue.createBlock(vue.unref(_sfc_main$M), {
+            collapsed.value ? (vue.openBlock(), vue.createBlock(vue.unref(_sfc_main$N), {
               key: 0,
               style: { "font-size": "16px" }
-            })) : (vue.openBlock(), vue.createBlock(vue.unref(_sfc_main$N), {
+            })) : (vue.openBlock(), vue.createBlock(vue.unref(_sfc_main$O), {
               key: 1,
               style: { "font-size": "16px" }
             }))
@@ -18327,7 +19604,7 @@
     }
   });
 
-  var _sfc_main$H = /* @__PURE__ */ vue.defineComponent({
+  var _sfc_main$I = /* @__PURE__ */ vue.defineComponent({
     __name: "sidebar-fixed-button",
     props: {
       "expandOnHover": { type: Boolean },
@@ -18348,10 +19625,10 @@
             onClick: toggleFixed
           },
           [
-            !expandOnHover.value ? (vue.openBlock(), vue.createBlock(vue.unref(_sfc_main$O), {
+            !expandOnHover.value ? (vue.openBlock(), vue.createBlock(vue.unref(_sfc_main$P), {
               key: 0,
               style: { "font-size": "14px" }
-            })) : (vue.openBlock(), vue.createBlock(vue.unref(_sfc_main$P), {
+            })) : (vue.openBlock(), vue.createBlock(vue.unref(_sfc_main$Q), {
               key: 1,
               style: { "font-size": "14px" }
             }))
@@ -18363,7 +19640,7 @@
     }
   });
 
-  var _sfc_main$G = /* @__PURE__ */ vue.defineComponent({
+  var _sfc_main$H = /* @__PURE__ */ vue.defineComponent({
     __name: "layout-sidebar",
     props: /* @__PURE__ */ vue.mergeModels({
       collapseHeight: { type: Number, required: false, default: 42 },
@@ -18547,7 +19824,7 @@
                 onMouseleave: handleMouseleave
               },
               [
-                !collapse.value && !_ctx.isSidebarMixed && _ctx.showFixedButton ? (vue.openBlock(), vue.createBlock(vue.unref(_sfc_main$H), {
+                !collapse.value && !_ctx.isSidebarMixed && _ctx.showFixedButton ? (vue.openBlock(), vue.createBlock(vue.unref(_sfc_main$I), {
                   key: 0,
                   "expand-on-hover": expandOnHover.value,
                   "onUpdate:expandOnHover": _cache[0] || (_cache[0] = ($event) => expandOnHover.value = $event)
@@ -18595,7 +19872,7 @@
                   4
                   /* STYLE */
                 ),
-                _ctx.showCollapseButton && !_ctx.isSidebarMixed ? (vue.openBlock(), vue.createBlock(vue.unref(_sfc_main$I), {
+                _ctx.showCollapseButton && !_ctx.isSidebarMixed ? (vue.openBlock(), vue.createBlock(vue.unref(_sfc_main$J), {
                   key: 2,
                   collapsed: collapse.value,
                   "onUpdate:collapsed": _cache[1] || (_cache[1] = ($event) => collapse.value = $event)
@@ -18613,12 +19890,12 @@
                     style: vue.normalizeStyle(extraStyle.value)
                   },
                   [
-                    _ctx.isSidebarMixed && expandOnHover.value && _ctx.showCollapseButton ? (vue.openBlock(), vue.createBlock(vue.unref(_sfc_main$I), {
+                    _ctx.isSidebarMixed && expandOnHover.value && _ctx.showCollapseButton ? (vue.openBlock(), vue.createBlock(vue.unref(_sfc_main$J), {
                       key: 0,
                       collapsed: extraCollapse.value,
                       "onUpdate:collapsed": _cache[2] || (_cache[2] = ($event) => extraCollapse.value = $event)
                     }, null, 8, ["collapsed"])) : vue.createCommentVNode("v-if", true),
-                    !extraCollapse.value && _ctx.showFixedButton ? (vue.openBlock(), vue.createBlock(vue.unref(_sfc_main$H), {
+                    !extraCollapse.value && _ctx.showFixedButton ? (vue.openBlock(), vue.createBlock(vue.unref(_sfc_main$I), {
                       key: 1,
                       "expand-on-hover": expandOnHover.value,
                       "onUpdate:expandOnHover": _cache[3] || (_cache[3] = ($event) => expandOnHover.value = $event)
@@ -18674,7 +19951,7 @@
     }
   });
 
-  var _sfc_main$F = /* @__PURE__ */ vue.defineComponent({
+  var _sfc_main$G = /* @__PURE__ */ vue.defineComponent({
     __name: "layout-tabbar",
     props: {
       height: { type: Number, required: true }
@@ -18734,7 +20011,7 @@
     return vue.inject(LayoutContextKey, {});
   };
 
-  var _sfc_main$E = /* @__PURE__ */ vue.defineComponent({
+  var _sfc_main$F = /* @__PURE__ */ vue.defineComponent({
     ...{
       name: "ProLayout"
     },
@@ -19082,7 +20359,7 @@
             style: vue.normalizeStyle(layoutStyle.value)
           },
           [
-            sidebarEnableState.value ? (vue.openBlock(), vue.createBlock(vue.unref(_sfc_main$G), {
+            sidebarEnableState.value ? (vue.openBlock(), vue.createBlock(vue.unref(_sfc_main$H), {
               key: 0,
               collapse: sidebarCollapse.value,
               "onUpdate:collapse": _cache[0] || (_cache[0] = ($event) => sidebarCollapse.value = $event),
@@ -19153,7 +20430,7 @@
                     style: vue.normalizeStyle(headerWrapperStyle.value)
                   },
                   [
-                    _ctx.headerVisible ? (vue.openBlock(), vue.createBlock(vue.unref(_sfc_main$J), {
+                    _ctx.headerVisible ? (vue.openBlock(), vue.createBlock(vue.unref(_sfc_main$K), {
                       key: 0,
                       "full-width": !isSideMode.value,
                       height: _ctx.headerHeight,
@@ -19170,7 +20447,7 @@
                           type: "text",
                           shape: "circle",
                           style: { "margin-right": "4px", "font-size": "14px", "color": "hsl(var(--pro-foreground))" },
-                          icon: vue.h(vue.unref(_sfc_main$Q)),
+                          icon: vue.h(vue.unref(_sfc_main$R)),
                           onClick: handleHeaderToggle
                         }, null, 8, ["icon"])) : vue.createCommentVNode("v-if", true)
                       ]),
@@ -19188,7 +20465,7 @@
                         key: "0"
                       } : void 0
                     ]), 1032, ["full-width", "height", "is-mobile", "show", "sidebar-width", "theme", "width", "z-index"])) : vue.createCommentVNode("v-if", true),
-                    _ctx.tabbarEnable ? (vue.openBlock(), vue.createBlock(vue.unref(_sfc_main$F), {
+                    _ctx.tabbarEnable ? (vue.openBlock(), vue.createBlock(vue.unref(_sfc_main$G), {
                       key: 1,
                       height: _ctx.tabbarHeight,
                       style: vue.normalizeStyle(tabbarStyle.value)
@@ -19203,7 +20480,7 @@
                   6
                   /* CLASS, STYLE */
                 ),
-                vue.createVNode(vue.unref(_sfc_main$L), {
+                vue.createVNode(vue.unref(_sfc_main$M), {
                   id: vue.unref(idMainContent),
                   "content-compact": _ctx.contentCompact,
                   "content-compact-width": _ctx.contentCompactWidth,
@@ -19223,7 +20500,7 @@
                   _: 3
                   /* FORWARDED */
                 }, 8, ["id", "content-compact", "content-compact-width", "padding", "padding-bottom", "padding-left", "padding-right", "padding-top", "style"]),
-                _ctx.footerEnable ? (vue.openBlock(), vue.createBlock(vue.unref(_sfc_main$K), {
+                _ctx.footerEnable ? (vue.openBlock(), vue.createBlock(vue.unref(_sfc_main$L), {
                   key: 0,
                   fixed: _ctx.footerFixed,
                   height: _ctx.footerHeight,
@@ -19262,9 +20539,9 @@
     }
   });
 
-  const ProLayout = withInstall(_sfc_main$E);
+  const ProLayout = withInstall(_sfc_main$F);
 
-  var _sfc_main$D = /* @__PURE__ */ vue.defineComponent({
+  var _sfc_main$E = /* @__PURE__ */ vue.defineComponent({
     ...{
       name: "ProLoading"
     },
@@ -19357,7 +20634,7 @@
     }
   });
 
-  const ProLoading = withInstall(_sfc_main$D);
+  const ProLoading = withInstall(_sfc_main$E);
 
   const animateRows = vue.shallowRef(true);
   const theme = vue.shallowRef("light");
@@ -20108,11 +21385,11 @@
     },
     size: {
       type: String,
-      default: "middle"
+      default: void 0
     },
     bordered: {
       type: Boolean,
-      default: false
+      default: void 0
     },
     wrapText: {
       type: Boolean,
@@ -20265,7 +21542,7 @@
     },
     summaryFixed: {
       type: [Boolean, String],
-      default: false
+      default: void 0
     },
     hasContextmenuPopup: Boolean,
     formatRangeCellText: {
@@ -20327,7 +21604,7 @@
     },
     columnEmptyText: {
       type: [String, Boolean],
-      default: "-"
+      default: void 0
     },
     toolBar: { type: Boolean, default: void 0 },
     options: { type: [Object, Boolean], default: void 0 },
@@ -20372,7 +21649,7 @@
     /** @name 是否要高亮选择行	 */
     highlightSelectRow: {
       type: Boolean,
-      default: false
+      default: void 0
     },
     paginationSticky: {
       type: [Boolean, Object],
@@ -20469,7 +21746,7 @@
     const pollingLoading = vue.ref(false);
     const keyword = vue.ref("");
     const intl = useIntl();
-    const { pro } = useProConfigInject();
+    const { table } = useProConfigInject();
     const innerParams = vue.ref({});
     const sorters = vue.ref();
     const filter = vue.ref();
@@ -20498,19 +21775,19 @@
         // }
       }
     );
-    const contextTable = vue.computed(() => {
-      var _a2, _b;
-      return (_b = (_a2 = pro == null ? void 0 : pro.value) == null ? void 0 : _a2.table) != null ? _b : {};
+    const contextPagination = vue.computed(() => {
+      var _a2;
+      return (_a2 = table == null ? void 0 : table.value) == null ? void 0 : _a2.pagination;
     });
     const contextTablePagination = vue.computed(() => {
-      var _a2, _b;
+      var _a2;
       if (props.pagination === false) {
         return false;
       }
-      if (props.pagination && ((_a2 = contextTable.value) == null ? void 0 : _a2.pagination)) {
-        return merge(contextTable.value.pagination, props.pagination);
+      if (props.pagination && contextPagination.value) {
+        return merge(contextPagination.value, props.pagination);
       } else {
-        return (_b = props.pagination) != null ? _b : contextTable.value.pagination;
+        return (_a2 = props.pagination) != null ? _a2 : contextPagination.value;
       }
     });
     const [pagination, setPagination] = useMergedState$1(
@@ -20806,11 +22083,20 @@
   const ContainerContextKey = Symbol("ContainerContextKey");
   const useContainer = (props) => {
     var _a;
+    const rootDomRef = vue.ref();
+    const { componentSize } = useProConfigInject();
+    console.log("\u{1F680} ~ useContainer ~ componentSize:", componentSize == null ? void 0 : componentSize.value);
     const sortKeyColumns = vue.ref([]);
-    const [tableSize, setTableSize] = useMergedState$1(() => props.size || "middle", {
-      value: vue.computed(() => props.size),
-      onChange: props.onSizeChange
-    });
+    const [tableSize, setTableSize] = useMergedState$1(
+      () => {
+        var _a2, _b;
+        return (_b = (_a2 = props.size) != null ? _a2 : componentSize == null ? void 0 : componentSize.value) != null ? _b : "middle";
+      },
+      {
+        value: vue.computed(() => props.size),
+        onChange: props.onSizeChange
+      }
+    );
     const defaultColumnKeyMap = vue.computed(() => {
       var _a2, _b, _c;
       if ((_a2 = props == null ? void 0 : props.columnsState) == null ? void 0 : _a2.defaultValue) {
@@ -20939,6 +22225,7 @@
     );
     const context = {
       props,
+      rootDomRef,
       tableSize,
       setTableSize,
       sortKeyColumns,
@@ -24921,7 +26208,7 @@
     }
   });
 
-  var _sfc_main$C = vue.defineComponent({
+  var _sfc_main$D = vue.defineComponent({
     name: "MeasureWidth",
     inheritAttrs: false
   });
@@ -24935,10 +26222,10 @@
   };
 
   const _hoisted_1$e = { style: { "position": "absolute", "top": "0", "left": "0", "z-index": "-999", "width": "1px", "height": "0", "padding": "0", "margin": "0", "overflow": "hidden", "pointer-events": "none" } };
-  function _sfc_render$y(_ctx, _cache, $props, $setup, $data, $options) {
+  function _sfc_render$z(_ctx, _cache, $props, $setup, $data, $options) {
     return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$e);
   }
-  var MeasureWidth = /* @__PURE__ */ _export_sfc(_sfc_main$C, [["render", _sfc_render$y]]);
+  var MeasureWidth = /* @__PURE__ */ _export_sfc(_sfc_main$D, [["render", _sfc_render$z]]);
 
   const defaultWindow = typeof window != "undefined" ? window : void 0;
   function unrefElement(elRef) {
@@ -24997,7 +26284,7 @@
     return clear;
   }
 
-  var _sfc_main$B = vue.defineComponent({
+  var _sfc_main$C = vue.defineComponent({
     name: "PopupContainer",
     directives: { resize },
     props: { prefixCls: { type: String } },
@@ -25083,7 +26370,7 @@
     }
   });
 
-  function _sfc_render$x(_ctx, _cache, $props, $setup, $data, $options) {
+  function _sfc_render$y(_ctx, _cache, $props, $setup, $data, $options) {
     const _directive_resize = vue.resolveDirective("resize");
     return vue.openBlock(), vue.createElementBlock(
       "div",
@@ -25126,7 +26413,7 @@
       /* CLASS, NEED_HYDRATION */
     );
   }
-  var PopupContainer = /* @__PURE__ */ _export_sfc(_sfc_main$B, [["render", _sfc_render$x]]);
+  var PopupContainer = /* @__PURE__ */ _export_sfc(_sfc_main$C, [["render", _sfc_render$y]]);
 
   const HeaderContextKey = Symbol("HeaderContextProps");
   const useProvideHeader = (props) => {
@@ -25793,7 +27080,7 @@
     });
   };
 
-  var _sfc_main$A = vue.defineComponent({
+  var _sfc_main$B = vue.defineComponent({
     name: "HeaderCellTitle",
     components: { ExclamationCircleOutlined, InfoCircleOutlined, Popover: antDesignVue.Popover, Tooltip: antDesignVue.Tooltip, RenderVNode: RenderVNode$1 },
     props: {
@@ -25866,7 +27153,7 @@
   });
 
   const _hoisted_1$d = ["title"];
-  function _sfc_render$w(_ctx, _cache, $props, $setup, $data, $options) {
+  function _sfc_render$x(_ctx, _cache, $props, $setup, $data, $options) {
     var _a;
     const _component_RenderVNode = vue.resolveComponent("RenderVNode");
     const _component_ExclamationCircleOutlined = vue.resolveComponent("ExclamationCircleOutlined");
@@ -25949,9 +27236,9 @@
       })) : vue.createCommentVNode("v-if", true)
     ], 14, _hoisted_1$d);
   }
-  var HeaderCellTitle = /* @__PURE__ */ _export_sfc(_sfc_main$A, [["render", _sfc_render$w]]);
+  var HeaderCellTitle = /* @__PURE__ */ _export_sfc(_sfc_main$B, [["render", _sfc_render$x]]);
 
-  var _sfc_main$z = vue.defineComponent({
+  var _sfc_main$A = vue.defineComponent({
     name: "TableHeaderSorter",
     components: {
       CaretDownOutlined,
@@ -26004,7 +27291,7 @@
     }
   });
 
-  function _sfc_render$v(_ctx, _cache, $props, $setup, $data, $options) {
+  function _sfc_render$w(_ctx, _cache, $props, $setup, $data, $options) {
     const _component_HeaderCellTitle = vue.resolveComponent("HeaderCellTitle");
     const _component_CaretUpOutlined = vue.resolveComponent("CaretUpOutlined");
     const _component_CaretDownOutlined = vue.resolveComponent("CaretDownOutlined");
@@ -26056,7 +27343,7 @@
       /* CLASS */
     );
   }
-  var Sorter = /* @__PURE__ */ _export_sfc(_sfc_main$z, [["render", _sfc_render$v]]);
+  var Sorter = /* @__PURE__ */ _export_sfc(_sfc_main$A, [["render", _sfc_render$w]]);
 
   let supportsPassive = false;
   try {
@@ -26098,7 +27385,7 @@
       stop: "touchend"
     }
   };
-  var _sfc_main$y = vue.defineComponent({
+  var _sfc_main$z = vue.defineComponent({
     name: "DragHandle",
     props: {
       prefixCls: String,
@@ -26186,7 +27473,7 @@
     }
   });
 
-  function _sfc_render$u(_ctx, _cache, $props, $setup, $data, $options) {
+  function _sfc_render$v(_ctx, _cache, $props, $setup, $data, $options) {
     return vue.openBlock(), vue.createElementBlock(
       "div",
       {
@@ -26213,7 +27500,7 @@
       /* CLASS, NEED_HYDRATION */
     );
   }
-  var DragHandle = /* @__PURE__ */ _export_sfc(_sfc_main$y, [["render", _sfc_render$u]]);
+  var DragHandle = /* @__PURE__ */ _export_sfc(_sfc_main$z, [["render", _sfc_render$v]]);
 
   const FilterDropdownMenuWrapper = (_props, { slots }) => {
     var _a;
@@ -26324,7 +27611,7 @@
   Radio.props = checkboxProps();
   Radio.emits = ["change"];
 
-  var _sfc_main$x = vue.defineComponent({
+  var _sfc_main$y = vue.defineComponent({
     name: "FilterItems",
     inheritAttrs: false,
     components: {
@@ -26378,7 +27665,7 @@
     key: 1,
     style: { "margin": "16px 0" }
   };
-  function _sfc_render$t(_ctx, _cache, $props, $setup, $data, $options) {
+  function _sfc_render$u(_ctx, _cache, $props, $setup, $data, $options) {
     const _component_FilterItems = vue.resolveComponent("FilterItems", true);
     const _component_SubMenu = vue.resolveComponent("SubMenu");
     const _component_MenuItem = vue.resolveComponent("MenuItem");
@@ -26470,9 +27757,9 @@
       /* FULL_PROPS */
     );
   }
-  var FilterItems = /* @__PURE__ */ _export_sfc(_sfc_main$x, [["render", _sfc_render$t]]);
+  var FilterItems = /* @__PURE__ */ _export_sfc(_sfc_main$y, [["render", _sfc_render$u]]);
 
-  var _sfc_main$w = vue.defineComponent({
+  var _sfc_main$x = vue.defineComponent({
     name: "FilterDropdown",
     components: {
       FilterFilled,
@@ -26632,7 +27919,7 @@
     }
   });
 
-  function _sfc_render$s(_ctx, _cache, $props, $setup, $data, $options) {
+  function _sfc_render$t(_ctx, _cache, $props, $setup, $data, $options) {
     const _component_RenderVNode = vue.resolveComponent("RenderVNode");
     const _component_FilterItems = vue.resolveComponent("FilterItems");
     const _component_ProButton = vue.resolveComponent("ProButton");
@@ -26740,9 +28027,9 @@
       /* STABLE */
     }, 8, ["open", "get-popup-container", "overlay-class-name", "onOpenChange"]);
   }
-  var FilterDropdown = /* @__PURE__ */ _export_sfc(_sfc_main$w, [["render", _sfc_render$s]]);
+  var FilterDropdown = /* @__PURE__ */ _export_sfc(_sfc_main$x, [["render", _sfc_render$t]]);
 
-  var _sfc_main$v = vue.defineComponent({
+  var _sfc_main$w = vue.defineComponent({
     name: "TableHeaderCell",
     components: {
       Sorter,
@@ -26981,7 +28268,7 @@
   });
 
   const _hoisted_1$b = ["data-tip"];
-  function _sfc_render$r(_ctx, _cache, $props, $setup, $data, $options) {
+  function _sfc_render$s(_ctx, _cache, $props, $setup, $data, $options) {
     const _component_Sorter = vue.resolveComponent("Sorter");
     const _component_Tooltip = vue.resolveComponent("Tooltip");
     const _component_FilterDropdown = vue.resolveComponent("FilterDropdown");
@@ -27088,9 +28375,9 @@
       /* STABLE */
     }, 16, ["class", "style"])) : vue.createCommentVNode("v-if", true);
   }
-  var HeaderCell = /* @__PURE__ */ _export_sfc(_sfc_main$v, [["render", _sfc_render$r]]);
+  var HeaderCell = /* @__PURE__ */ _export_sfc(_sfc_main$w, [["render", _sfc_render$s]]);
 
-  var _sfc_main$u = vue.defineComponent({
+  var _sfc_main$v = vue.defineComponent({
     name: "HeaderExtraCell",
     components: {
       Checkbox,
@@ -27241,7 +28528,7 @@
     }
   });
 
-  function _sfc_render$q(_ctx, _cache, $props, $setup, $data, $options) {
+  function _sfc_render$r(_ctx, _cache, $props, $setup, $data, $options) {
     const _component_Checkbox = vue.resolveComponent("Checkbox");
     const _component_DownOutlined = vue.resolveComponent("DownOutlined");
     const _component_MenuItem = vue.resolveComponent("MenuItem");
@@ -27367,9 +28654,9 @@
       /* STABLE */
     }, 16, ["class", "style"]);
   }
-  var HeaderExtraCell = /* @__PURE__ */ _export_sfc(_sfc_main$u, [["render", _sfc_render$q]]);
+  var HeaderExtraCell = /* @__PURE__ */ _export_sfc(_sfc_main$v, [["render", _sfc_render$r]]);
 
-  var _sfc_main$t = vue.defineComponent({
+  var _sfc_main$u = vue.defineComponent({
     name: "HeaderRow",
     components: { HeaderExtraCell, HeaderCell },
     props: {
@@ -27383,7 +28670,7 @@
     }
   });
 
-  function _sfc_render$p(_ctx, _cache, $props, $setup, $data, $options) {
+  function _sfc_render$q(_ctx, _cache, $props, $setup, $data, $options) {
     const _component_HeaderExtraCell = vue.resolveComponent("HeaderExtraCell");
     const _component_HeaderCell = vue.resolveComponent("HeaderCell");
     return vue.openBlock(), vue.createElementBlock("tr", null, [
@@ -27433,9 +28720,9 @@
       ))
     ]);
   }
-  var HeaderRow = /* @__PURE__ */ _export_sfc(_sfc_main$t, [["render", _sfc_render$p]]);
+  var HeaderRow = /* @__PURE__ */ _export_sfc(_sfc_main$u, [["render", _sfc_render$q]]);
 
-  var _sfc_main$s = vue.defineComponent({
+  var _sfc_main$t = vue.defineComponent({
     name: "TableHeader",
     components: { XScroll, ColGroup, HeaderRow },
     inheritAttrs: false,
@@ -27525,7 +28812,7 @@
     }
   });
 
-  function _sfc_render$o(_ctx, _cache, $props, $setup, $data, $options) {
+  function _sfc_render$p(_ctx, _cache, $props, $setup, $data, $options) {
     const _component_ColGroup = vue.resolveComponent("ColGroup");
     const _component_HeaderRow = vue.resolveComponent("HeaderRow");
     const _component_XScroll = vue.resolveComponent("XScroll");
@@ -27673,9 +28960,9 @@
       /* STABLE_FRAGMENT */
     );
   }
-  var AutoHeightHeader = /* @__PURE__ */ _export_sfc(_sfc_main$s, [["render", _sfc_render$o]]);
+  var AutoHeightHeader = /* @__PURE__ */ _export_sfc(_sfc_main$t, [["render", _sfc_render$p]]);
 
-  var _sfc_main$r = vue.defineComponent({
+  var _sfc_main$s = vue.defineComponent({
     name: "TableHeaderCellGroup",
     components: { HeaderCellTitle },
     props: {
@@ -27700,7 +28987,7 @@
     }
   });
 
-  function _sfc_render$n(_ctx, _cache, $props, $setup, $data, $options) {
+  function _sfc_render$o(_ctx, _cache, $props, $setup, $data, $options) {
     const _component_HeaderCellTitle = vue.resolveComponent("HeaderCellTitle");
     return vue.openBlock(), vue.createElementBlock(
       "div",
@@ -27724,9 +29011,9 @@
       /* CLASS, STYLE */
     );
   }
-  var HeaderGroupCell = /* @__PURE__ */ _export_sfc(_sfc_main$r, [["render", _sfc_render$n]]);
+  var HeaderGroupCell = /* @__PURE__ */ _export_sfc(_sfc_main$s, [["render", _sfc_render$o]]);
 
-  var _sfc_main$q = vue.defineComponent({
+  var _sfc_main$r = vue.defineComponent({
     name: "TableHeaderRows",
     components: { HeaderGroupCell, HeaderCell, HeaderExtraCell },
     props: {
@@ -27764,7 +29051,7 @@
   });
 
   const _hoisted_1$a = ["data-left", "data-left-gap"];
-  function _sfc_render$m(_ctx, _cache, $props, $setup, $data, $options) {
+  function _sfc_render$n(_ctx, _cache, $props, $setup, $data, $options) {
     const _component_HeaderExtraCell = vue.resolveComponent("HeaderExtraCell");
     const _component_HeaderGroupCell = vue.resolveComponent("HeaderGroupCell");
     const _component_TableHeaderRows = vue.resolveComponent("TableHeaderRows");
@@ -27843,9 +29130,9 @@
       /* KEYED_FRAGMENT */
     );
   }
-  var HeaderRows = /* @__PURE__ */ _export_sfc(_sfc_main$q, [["render", _sfc_render$m]]);
+  var HeaderRows = /* @__PURE__ */ _export_sfc(_sfc_main$r, [["render", _sfc_render$n]]);
 
-  var _sfc_main$p = vue.defineComponent({
+  var _sfc_main$q = vue.defineComponent({
     name: "TableHeaderWrap",
     components: { HeaderRows },
     directives: { resize },
@@ -27937,7 +29224,7 @@
     }
   });
 
-  function _sfc_render$l(_ctx, _cache, $props, $setup, $data, $options) {
+  function _sfc_render$m(_ctx, _cache, $props, $setup, $data, $options) {
     const _component_HeaderRows = vue.resolveComponent("HeaderRows");
     return "center" === _ctx.type && _ctx.centerColumns.length || "center" !== _ctx.type ? (vue.openBlock(), vue.createElementBlock(
       "div",
@@ -28063,9 +29350,9 @@
       /* CLASS, STYLE */
     )) : vue.createCommentVNode("v-if", true);
   }
-  var HeaderRowsWrap = /* @__PURE__ */ _export_sfc(_sfc_main$p, [["render", _sfc_render$l]]);
+  var HeaderRowsWrap = /* @__PURE__ */ _export_sfc(_sfc_main$q, [["render", _sfc_render$m]]);
 
-  var _sfc_main$o = vue.defineComponent({
+  var _sfc_main$p = vue.defineComponent({
     name: "TableHeader",
     components: { XScroll, HeaderRowsWrap },
     inheritAttrs: false,
@@ -28133,7 +29420,7 @@
     }
   });
 
-  function _sfc_render$k(_ctx, _cache, $props, $setup, $data, $options) {
+  function _sfc_render$l(_ctx, _cache, $props, $setup, $data, $options) {
     const _component_HeaderRowsWrap = vue.resolveComponent("HeaderRowsWrap");
     const _component_XScroll = vue.resolveComponent("XScroll");
     const _directive_resize = vue.resolveDirective("resize");
@@ -28220,7 +29507,7 @@
       /* STABLE_FRAGMENT */
     );
   }
-  var Header = /* @__PURE__ */ _export_sfc(_sfc_main$o, [["render", _sfc_render$k]]);
+  var Header = /* @__PURE__ */ _export_sfc(_sfc_main$p, [["render", _sfc_render$l]]);
 
   const BodyContextKey = Symbol("BodyContextProps");
   const useProvideBody = (props) => {
@@ -28388,7 +29675,7 @@
     return eventCache[eventName = "on" + eventName] = eventName in dom;
   };
 
-  var _sfc_main$n = vue.defineComponent({
+  var _sfc_main$o = vue.defineComponent({
     name: "RowDragHandler",
     props: {
       columnKey: [String, Number],
@@ -28790,7 +30077,7 @@
   });
 
   const _hoisted_1$9 = ["aria-grabbed", "data-scroll-top", "data-height", "data-row-key", "data-row-key-type", "innerHTML"];
-  function _sfc_render$j(_ctx, _cache, $props, $setup, $data, $options) {
+  function _sfc_render$k(_ctx, _cache, $props, $setup, $data, $options) {
     return vue.openBlock(), vue.createElementBlock("span", {
       ref: "spanRef",
       class: vue.normalizeClass(_ctx.className),
@@ -28806,7 +30093,7 @@
       "on:touchstartPassive": _cache[1] || (_cache[1] = (...args) => _ctx.onTouchStart && _ctx.onTouchStart(...args))
     }, null, 42, _hoisted_1$9);
   }
-  var RowHandler = /* @__PURE__ */ _export_sfc(_sfc_main$n, [["render", _sfc_render$j]]);
+  var RowHandler = /* @__PURE__ */ _export_sfc(_sfc_main$o, [["render", _sfc_render$k]]);
 
   var BodyCellTooltip = /* @__PURE__ */ vue.defineComponent({
     inheritAttrs: false,
@@ -28912,7 +30199,7 @@
     }
   });
 
-  var _sfc_main$m = vue.defineComponent({
+  var _sfc_main$n = vue.defineComponent({
     inheritAttrs: false,
     props: {
       prefixCls: { type: String },
@@ -29053,7 +30340,7 @@
   });
 
   const _hoisted_1$8 = ["data-cell-auto"];
-  function _sfc_render$i(_ctx, _cache, $props, $setup, $data, $options) {
+  function _sfc_render$j(_ctx, _cache, $props, $setup, $data, $options) {
     return vue.openBlock(), vue.createElementBlock("div", {
       class: vue.normalizeClass(`${_ctx.prefixCls}-cell-edit-inner`),
       "data-cell-auto": _ctx.autoHeight
@@ -29092,7 +30379,7 @@
       ])
     ], 10, _hoisted_1$8);
   }
-  var EditInput = /* @__PURE__ */ _export_sfc(_sfc_main$m, [["render", _sfc_render$i]]);
+  var EditInput = /* @__PURE__ */ _export_sfc(_sfc_main$n, [["render", _sfc_render$j]]);
 
   const cellProps = {
     prefixCls: String,
@@ -29126,7 +30413,8 @@
     warning: "#eb8903"
   };
   const BodyCell = (props, { slots, emit }) => {
-    var _a, _b, _c, _d, _e;
+    var _a, _b, _c, _d, _e, _f, _g, _h;
+    const { table } = useProConfigInject();
     const tableSlotsContext = useInjectSlots();
     const tableContext = useInjectTable();
     const { onBodyCellContextmenu } = useInjectBody();
@@ -29201,7 +30489,7 @@
       [getRangeCellClass(cellPosition)]: true
     };
     const openEditor = () => {
-      var _a2, _b2, _c2, _d2, _e2, _f, _g;
+      var _a2, _b2, _c2, _d2, _e2, _f2, _g2;
       const oldValue = (_c2 = (_b2 = (_a2 = props.column) == null ? void 0 : _a2.valueGetter) == null ? void 0 : _b2.call(_a2, {
         value,
         record: item,
@@ -29220,7 +30508,7 @@
       } else {
         if (false !== beforeOpen) {
           emit("openEditor", key, { [key]: oldValue });
-          (_g = (_f = tableContext.props) == null ? void 0 : _f.onOpenEditor) == null ? void 0 : _g.call(_f, cellRenderArgs);
+          (_g2 = (_f2 = tableContext.props) == null ? void 0 : _f2.onOpenEditor) == null ? void 0 : _g2.call(_f2, cellRenderArgs);
         }
       }
     };
@@ -29264,7 +30552,7 @@
       closeEditor
     };
     let bodyCell = recordIndexs && ((_c = tableSlotsContext.bodyCell) == null ? void 0 : _c.call(tableSlotsContext, cellRenderArgs)) || [];
-    const emptyText = tableContext.props.columnEmptyText !== false ? tableContext.props.columnEmptyText : "";
+    const emptyText = tableContext.props.columnEmptyText !== false ? (_f = (_e = tableContext.props.columnEmptyText) != null ? _e : (_d = table == null ? void 0 : table.value) == null ? void 0 : _d.columnEmptyText) != null ? _f : "-" : "";
     if (!ensureValidVNode(bodyCell)) {
       let cellValue;
       if (cellRender.children) {
@@ -29312,7 +30600,7 @@
       "div",
       {
         class: cellInnerClass,
-        style: ((_d = cellProps2 == null ? void 0 : cellProps2.style) == null ? void 0 : _d.height) ? "" : `height: ${props.height}px`,
+        style: ((_g = cellProps2 == null ? void 0 : cellProps2.style) == null ? void 0 : _g.height) ? "" : `height: ${props.height}px`,
         "data-cell-auto": autoHeight
       },
       [
@@ -29326,7 +30614,7 @@
             },
             cellKeyProps
           ),
-          [hasAppendNode ? (_e = slots.appendNode) == null ? void 0 : _e.call(slots) : null, bodyCell]
+          [hasAppendNode ? (_h = slots.appendNode) == null ? void 0 : _h.call(slots) : null, bodyCell]
         )
       ]
     );
@@ -29480,7 +30768,7 @@
   };
   BodyCell.props = cellProps;
 
-  var _sfc_main$l = vue.defineComponent({
+  var _sfc_main$m = vue.defineComponent({
     name: "TableExpandedRow",
     directives: { cellResize },
     components: { RenderVNode },
@@ -29559,7 +30847,7 @@
   });
 
   const _hoisted_1$7 = ["data-cell-auto"];
-  function _sfc_render$h(_ctx, _cache, $props, $setup, $data, $options) {
+  function _sfc_render$i(_ctx, _cache, $props, $setup, $data, $options) {
     const _component_RenderVNode = vue.resolveComponent("RenderVNode");
     const _directive_cell_resize = vue.resolveDirective("cell-resize");
     return vue.openBlock(), vue.createElementBlock(
@@ -29598,9 +30886,9 @@
       /* FULL_PROPS */
     );
   }
-  var ExpandedRow = /* @__PURE__ */ _export_sfc(_sfc_main$l, [["render", _sfc_render$h]]);
+  var ExpandedRow = /* @__PURE__ */ _export_sfc(_sfc_main$m, [["render", _sfc_render$i]]);
 
-  var _sfc_main$k = vue.defineComponent({
+  var _sfc_main$l = vue.defineComponent({
     name: "ProTableExpandIcon",
     props: {
       prefixCls: String,
@@ -29642,7 +30930,7 @@
   });
 
   const _hoisted_1$6 = ["aria-label"];
-  function _sfc_render$g(_ctx, _cache, $props, $setup, $data, $options) {
+  function _sfc_render$h(_ctx, _cache, $props, $setup, $data, $options) {
     return _ctx.expandIcon ? (vue.openBlock(), vue.createElementBlock("span", {
       key: 0,
       onClick: _cache[0] || (_cache[0] = vue.withModifiers(() => {
@@ -29657,9 +30945,9 @@
       onClick: _cache[1] || (_cache[1] = vue.withModifiers((...args) => _ctx.handleClick && _ctx.handleClick(...args), ["stop"]))
     }, null, 10, _hoisted_1$6));
   }
-  var ExpandIcon = /* @__PURE__ */ _export_sfc(_sfc_main$k, [["render", _sfc_render$g]]);
+  var ExpandIcon = /* @__PURE__ */ _export_sfc(_sfc_main$l, [["render", _sfc_render$h]]);
 
-  var _sfc_main$j = vue.defineComponent({
+  var _sfc_main$k = vue.defineComponent({
     name: "BodyExtraCell",
     components: { Checkbox, Radio, ExpandIcon, MenuOutlined },
     props: {
@@ -29858,7 +31146,7 @@
     key: 2,
     draggable: true
   };
-  function _sfc_render$f(_ctx, _cache, $props, $setup, $data, $options) {
+  function _sfc_render$g(_ctx, _cache, $props, $setup, $data, $options) {
     const _component_Radio = vue.resolveComponent("Radio");
     const _component_Checkbox = vue.resolveComponent("Checkbox");
     const _component_ExpandIcon = vue.resolveComponent("ExpandIcon");
@@ -29918,10 +31206,10 @@
       ])) : vue.createCommentVNode("v-if", true)
     ], 16, _hoisted_1$5);
   }
-  var BodyExtraCell = /* @__PURE__ */ _export_sfc(_sfc_main$j, [["render", _sfc_render$f]]);
+  var BodyExtraCell = /* @__PURE__ */ _export_sfc(_sfc_main$k, [["render", _sfc_render$g]]);
 
   let uniIdCount = 0;
-  var _sfc_main$i = vue.defineComponent({
+  var _sfc_main$j = vue.defineComponent({
     name: "ProTableBodyRow",
     components: {
       ExpandIcon,
@@ -29949,6 +31237,7 @@
       const rowUniId = "row_uni_id_" + uniIdCount++;
       const tableContext = useInjectTable();
       const rowInstance = vue.getCurrentInstance();
+      const { table } = useProConfigInject();
       const { editCellKeys, closeEditor, openEditor } = useEditInject();
       let isUnmount = false;
       const bodyRow = vue.ref();
@@ -30054,9 +31343,11 @@
       const mergedRowHeights = vue.computed(() => tableContext.mergedRowHeights.value);
       const height = eagerComputed(() => mergedRowHeights.value[props.rowKey]);
       const cellHeight = eagerComputed(() => tableContext.rowHeights.value[props.rowKey]);
-      const isSelected = vue.computed(
-        () => tableContext.props.highlightSelectRow && tableContext.selection.derivedSelectedKeySet.value.has(props.rowKey)
-      );
+      const isSelected = vue.computed(() => {
+        var _a, _b;
+        const highlightSelectRow = (_b = tableContext.props.highlightSelectRow) != null ? _b : (_a = table == null ? void 0 : table.value) == null ? void 0 : _a.highlightSelectRow;
+        return highlightSelectRow && tableContext.selection.derivedSelectedKeySet.value.has(props.rowKey);
+      });
       const rowClass = vue.computed(() => {
         var _a;
         const { prefixCls, record, rowIndex, indent } = props;
@@ -30156,7 +31447,9 @@
         handleCellBlur,
         handleCellHover,
         handleClick: (event) => {
-          tableContext.props.expandRowByClick && mergedExpandable.value && onInternalTriggerExpand(props.record, event);
+          var _a, _b;
+          const expandRowByClick = (_b = tableContext.props.expandRowByClick) != null ? _b : (_a = table == null ? void 0 : table.value) == null ? void 0 : _a.expandRowByClick;
+          expandRowByClick && mergedExpandable.value && onInternalTriggerExpand(props.record, event);
         },
         rowSelectionType,
         nestExpandable,
@@ -30194,7 +31487,7 @@
 
   const _hoisted_1$4 = ["data-row-key"];
   const _hoisted_2 = ["data-row-key"];
-  function _sfc_render$e(_ctx, _cache, $props, $setup, $data, $options) {
+  function _sfc_render$f(_ctx, _cache, $props, $setup, $data, $options) {
     const _component_ExpandedRow = vue.resolveComponent("ExpandedRow");
     const _component_BodyExtraCell = vue.resolveComponent("BodyExtraCell");
     const _component_ExpandIcon = vue.resolveComponent("ExpandIcon");
@@ -30340,9 +31633,9 @@
       )) : vue.createCommentVNode("v-if", true)
     ], 16, _hoisted_2));
   }
-  var Row = /* @__PURE__ */ _export_sfc(_sfc_main$i, [["render", _sfc_render$e]]);
+  var Row = /* @__PURE__ */ _export_sfc(_sfc_main$j, [["render", _sfc_render$f]]);
 
-  var _sfc_main$h = vue.defineComponent({
+  var _sfc_main$i = vue.defineComponent({
     name: "TableBodyRows",
     components: { Row },
     inheritAttrs: false,
@@ -30384,7 +31677,7 @@
     }
   });
 
-  function _sfc_render$d(_ctx, _cache, $props, $setup, $data, $options) {
+  function _sfc_render$e(_ctx, _cache, $props, $setup, $data, $options) {
     const _component_Row = vue.resolveComponent("Row");
     return vue.openBlock(true), vue.createElementBlock(
       vue.Fragment,
@@ -30417,7 +31710,7 @@
       /* KEYED_FRAGMENT */
     );
   }
-  var BodyRows = /* @__PURE__ */ _export_sfc(_sfc_main$h, [["render", _sfc_render$d]]);
+  var BodyRows = /* @__PURE__ */ _export_sfc(_sfc_main$i, [["render", _sfc_render$e]]);
 
   var YScroll = /* @__PURE__ */ vue.defineComponent({
     props: {
@@ -30521,7 +31814,7 @@
     }
   });
 
-  var _sfc_main$g = vue.defineComponent({
+  var _sfc_main$h = vue.defineComponent({
     name: "TableBody",
     components: {
       BodyRows,
@@ -30987,7 +32280,7 @@
     position: "relative",
     transform: "translateZ(0)"
   } };
-  function _sfc_render$c(_ctx, _cache, $props, $setup, $data, $options) {
+  function _sfc_render$d(_ctx, _cache, $props, $setup, $data, $options) {
     const _component_RenderVNode = vue.resolveComponent("RenderVNode");
     const _component_RenderSlot = vue.resolveComponent("RenderSlot");
     const _component_BodyRows = vue.resolveComponent("BodyRows");
@@ -31535,10 +32828,10 @@
       /* STABLE_FRAGMENT */
     );
   }
-  var Body = /* @__PURE__ */ _export_sfc(_sfc_main$g, [["render", _sfc_render$c]]);
+  var Body = /* @__PURE__ */ _export_sfc(_sfc_main$h, [["render", _sfc_render$d]]);
 
   const EMPTY_LIST = [];
-  var _sfc_main$f = vue.defineComponent({
+  var _sfc_main$g = vue.defineComponent({
     name: "ProTable",
     inheritAttrs: false,
     directives: { resize },
@@ -31569,9 +32862,10 @@
     ],
     slots: {},
     setup(props, { expose, emit, slots }) {
+      const { table } = useProConfigInject();
       const rowKey = vue.computed(() => {
-        var _a;
-        return (_a = props.rowKey) != null ? _a : "id";
+        var _a, _b, _c;
+        return (_c = (_b = props.rowKey) != null ? _b : (_a = table == null ? void 0 : table.value) == null ? void 0 : _a.rowKey) != null ? _c : "id";
       });
       const popupContainer = vue.shallowRef(null);
       const customUiCls = usePrefixCls("custom-ui");
@@ -31586,7 +32880,10 @@
       const draggingColumnKey = vue.ref("");
       const latestRangeStartCell = vue.shallowRef(null);
       const mergedSummaryFixed = vue.computed(
-        () => props.summaryFixed === true || props.summaryFixed === "" ? "bottom" : props.summaryFixed
+        () => {
+          var _a, _b, _c;
+          return props.summaryFixed === true || props.summaryFixed === "" ? "bottom" : (_c = (_b = props.summaryFixed) != null ? _b : (_a = table == null ? void 0 : table.value) == null ? void 0 : _a.summaryFixed) != null ? _c : false;
+        }
       );
       const realHeaderHeight = vue.ref(0);
       vue.watchEffect(() => {
@@ -31678,7 +32975,12 @@
         },
         { immediate: true, deep: !!props.deepWatchColumns }
       );
-      const childrenColumnName = vue.computed(() => props.childrenColumnName || "children");
+      const childrenColumnName = vue.computed(
+        () => {
+          var _a, _b, _c;
+          return (_c = (_b = props.childrenColumnName) != null ? _b : (_a = table == null ? void 0 : table.value) == null ? void 0 : _a.childrenColumnName) != null ? _c : "children";
+        }
+      );
       const { getRecordByKey, getIndexsByKey, getKeyByIndexs, allDataRowKeys, allDataRootRowKeys } = useKVMap(rawData, childrenColumnName, getRowKey);
       const defaultExpandedRowKeys = vue.shallowRef([]);
       vue.watchEffect(() => {
@@ -31860,13 +33162,13 @@
         }
       };
       const useAnimate = vue.ref(false);
-      const animateRows$1 = vue.computed(() => {
-        var _a;
-        return !!((_a = props.animateRows) != null ? _a : animateRows.value);
+      const animateRows = vue.computed(() => {
+        var _a, _b;
+        return !!((_b = props.animateRows) != null ? _b : (_a = table == null ? void 0 : table.value) == null ? void 0 : _a.animateRows);
       });
       let timer;
       vue.watch(
-        animateRows$1,
+        animateRows,
         (newVal) => {
           useAnimate.value = newVal;
         },
@@ -31876,7 +33178,7 @@
         useAnimate.value = false;
         clearTimeout(timer);
         timer = setTimeout(() => {
-          useAnimate.value = animateRows$1.value;
+          useAnimate.value = animateRows.value;
         }, 100);
       };
       const maxScrollLeft = vue.computed(() => bodyMaxWidth.value - bodyWidth.value);
@@ -31906,17 +33208,20 @@
         noPinged.value = !pingedLeft.value && !pingedRight.value;
       });
       const rootClass = vue.computed(
-        () => classNames({
-          [`${props.prefixCls}`]: true,
-          [`${props.prefixCls}-support-sticky`]: supportSticky$1,
-          [`${props.prefixCls}-stripe`]: props.stripe,
-          [`${props.prefixCls}-bordered`]: props.bordered,
-          [`${props.prefixCls}-${props.size}`]: true,
-          [`${props.prefixCls}-ping-left`]: pingedLeft.value,
-          [`${props.prefixCls}-ping-right`]: pingedRight.value,
-          [`${props.prefixCls}-no-ping`]: noPinged.value,
-          [`${props.prefixCls}-has-animate`]: animateRows$1.value
-        })
+        () => {
+          var _a, _b;
+          return classNames({
+            [`${props.prefixCls}`]: true,
+            [`${props.prefixCls}-support-sticky`]: supportSticky$1,
+            [`${props.prefixCls}-stripe`]: props.stripe,
+            [`${props.prefixCls}-bordered`]: (_b = props.bordered) != null ? _b : (_a = table == null ? void 0 : table.value) == null ? void 0 : _a.bordered,
+            [`${props.prefixCls}-${props.size}`]: true,
+            [`${props.prefixCls}-ping-left`]: pingedLeft.value,
+            [`${props.prefixCls}-ping-right`]: pingedRight.value,
+            [`${props.prefixCls}-no-ping`]: noPinged.value,
+            [`${props.prefixCls}-has-animate`]: animateRows.value
+          });
+        }
       );
       const rootStyle = vue.computed(() => ({
         height: typeof props.height == "number" ? `${props.height}px` : props.height,
@@ -32022,7 +33327,7 @@
         insertToRowKey,
         status,
         useAnimate,
-        animateRows: animateRows$1,
+        animateRows,
         watermarkMsg,
         onResizeColumn: (w, col, action) => {
           var _a;
@@ -32392,7 +33697,7 @@
     }
   });
 
-  function _sfc_render$b(_ctx, _cache, $props, $setup, $data, $options) {
+  function _sfc_render$c(_ctx, _cache, $props, $setup, $data, $options) {
     const _component_Pagination = vue.resolveComponent("Pagination");
     const _component_AutoHeightHeader = vue.resolveComponent("AutoHeightHeader");
     const _component_ProHeader = vue.resolveComponent("ProHeader");
@@ -32547,9 +33852,9 @@
       /* FORWARDED */
     }, 8, ["value"]);
   }
-  var InteralTable = /* @__PURE__ */ _export_sfc(_sfc_main$f, [["render", _sfc_render$b]]);
+  var InteralTable = /* @__PURE__ */ _export_sfc(_sfc_main$g, [["render", _sfc_render$c]]);
 
-  var _sfc_main$e = vue.defineComponent({
+  var _sfc_main$f = vue.defineComponent({
     name: "TableToolBarSearch",
     inheritAttrs: false,
     components: { AInputSearch: antDesignVue.InputSearch },
@@ -32570,7 +33875,7 @@
     }
   });
 
-  function _sfc_render$a(_ctx, _cache, $props, $setup, $data, $options) {
+  function _sfc_render$b(_ctx, _cache, $props, $setup, $data, $options) {
     var _a;
     const _component_AInputSearch = vue.resolveComponent("AInputSearch");
     return vue.openBlock(), vue.createBlock(_component_AInputSearch, vue.mergeProps({
@@ -32583,9 +33888,9 @@
       onSearch: _ctx.onSearch
     }), null, 16, ["placeholder", "style", "value", "onSearch"]);
   }
-  var Search = /* @__PURE__ */ _export_sfc(_sfc_main$e, [["render", _sfc_render$a]]);
+  var Search = /* @__PURE__ */ _export_sfc(_sfc_main$f, [["render", _sfc_render$b]]);
 
-  var _sfc_main$d = vue.defineComponent({
+  var _sfc_main$e = vue.defineComponent({
     name: "DensityIcon",
     inheritAttrs: false,
     components: { Dropdown: antDesignVue.Dropdown, Tooltip: antDesignVue.Tooltip, AMenu: antDesignVue.Menu, ColumnHeightOutlined },
@@ -32602,7 +33907,7 @@
           },
           items: [
             {
-              key: "default",
+              key: "large",
               label: intl.getMessage("tableToolBar.densityLarger", "\u5BBD\u677E")
             },
             {
@@ -32625,7 +33930,7 @@
     }
   });
 
-  function _sfc_render$9(_ctx, _cache, $props, $setup, $data, $options) {
+  function _sfc_render$a(_ctx, _cache, $props, $setup, $data, $options) {
     const _component_ColumnHeightOutlined = vue.resolveComponent("ColumnHeightOutlined");
     const _component_Tooltip = vue.resolveComponent("Tooltip");
     const _component_AMenu = vue.resolveComponent("AMenu");
@@ -32668,7 +33973,77 @@
       /* STABLE */
     });
   }
-  var DensityIcon = /* @__PURE__ */ _export_sfc(_sfc_main$d, [["render", _sfc_render$9]]);
+  var DensityIcon = /* @__PURE__ */ _export_sfc(_sfc_main$e, [["render", _sfc_render$a]]);
+
+  var _sfc_main$d = vue.defineComponent({
+    name: "FullscreenIcon",
+    inheritAttrs: false,
+    components: { Tooltip: antDesignVue.Tooltip, FullscreenExitOutlined, FullscreenOutlined },
+    props: { prefixCls: String },
+    setup() {
+      const intl = useIntl();
+      const fullscreen = vue.ref(false);
+      vue.onMounted(() => {
+        if (!isBrowser$1()) {
+          return;
+        }
+        document.onfullscreenchange = () => {
+          fullscreen.value = !!document.fullscreenElement;
+        };
+      });
+      return {
+        h: vue.h,
+        intl,
+        fullscreen
+      };
+    }
+  });
+
+  function _sfc_render$9(_ctx, _cache, $props, $setup, $data, $options) {
+    const _component_FullscreenExitOutlined = vue.resolveComponent("FullscreenExitOutlined");
+    const _component_Tooltip = vue.resolveComponent("Tooltip");
+    const _component_FullscreenOutlined = vue.resolveComponent("FullscreenOutlined");
+    return _ctx.fullscreen ? (vue.openBlock(), vue.createBlock(_component_Tooltip, {
+      key: 0,
+      title: _ctx.intl.getMessage("tableToolBar.exitFullScreen", "\u9000\u51FA\u5168\u5C4F")
+    }, {
+      default: vue.withCtx(() => [
+        vue.createElementVNode(
+          "div",
+          {
+            class: vue.normalizeClass(`${_ctx.prefixCls}-toolbar-actions-item`)
+          },
+          [
+            vue.createVNode(_component_FullscreenExitOutlined)
+          ],
+          2
+          /* CLASS */
+        )
+      ]),
+      _: 1
+      /* STABLE */
+    }, 8, ["title"])) : (vue.openBlock(), vue.createBlock(_component_Tooltip, {
+      key: 1,
+      title: _ctx.intl.getMessage("tableToolBar.fullScreen", "\u5168\u5C4F")
+    }, {
+      default: vue.withCtx(() => [
+        vue.createElementVNode(
+          "div",
+          {
+            class: vue.normalizeClass(`${_ctx.prefixCls}-toolbar-actions-item`)
+          },
+          [
+            vue.createVNode(_component_FullscreenOutlined)
+          ],
+          2
+          /* CLASS */
+        )
+      ]),
+      _: 1
+      /* STABLE */
+    }, 8, ["title"]));
+  }
+  var FullscreenIcon = /* @__PURE__ */ _export_sfc(_sfc_main$d, [["render", _sfc_render$9]]);
 
   var _sfc_main$c = vue.defineComponent({
     name: "CheckboxListItem",
@@ -33277,7 +34652,8 @@
       Tooltip: antDesignVue.Tooltip,
       ColumnSetting,
       ReloadOutlined,
-      InfoCircleOutlined
+      InfoCircleOutlined,
+      FullscreenIcon
     },
     props: {
       prefixCls: String,
@@ -33313,7 +34689,11 @@
         density: true,
         setting: true,
         filter: false,
-        search: false
+        search: false,
+        fullScreen: () => {
+          var _a;
+          return (_a = props.actionsRef) == null ? void 0 : _a.fullScreen();
+        }
       };
       const mergeOptions = vue.computed(() => {
         if (props.options === false) {
@@ -33358,10 +34738,20 @@
       };
       const onReload = (e) => {
         var _a, _b;
-        if (mergeOptions.value.reload !== false && typeof mergeOptions.value.reload !== "boolean") {
+        if (mergeOptions.value.reload === true) {
+          defaultOptions.reload();
+        } else if (typeof mergeOptions.value.reload === "function") {
           (_b = (_a = mergeOptions.value).reload) == null ? void 0 : _b.call(_a, e, props.actionsRef);
         }
       };
+      const onFullScreen = (e) => {
+        var _a, _b;
+        if (mergeOptions.value.fullScreen === true) {
+          defaultOptions.fullScreen();
+        } else if (typeof mergeOptions.value.fullScreen === "function") {
+          (_b = (_a = mergeOptions.value).fullScreen) == null ? void 0 : _b.call(_a, e, props.actionsRef);
+        }
+      };
       vue.onMounted(() => {
         if (searchConfig.value.value || searchConfig.value.defaultValue) {
           props.actionsRef.keyword.value = searchConfig.value.value || searchConfig.value.defaultValue;
@@ -33376,7 +34766,8 @@
         SettingOutlined,
         ColumnHeightOutlined,
         onSearch,
-        onReload
+        onReload,
+        onFullScreen
       };
     }
   });
@@ -33389,6 +34780,7 @@
     const _component_ReloadOutlined = vue.resolveComponent("ReloadOutlined");
     const _component_DensityIcon = vue.resolveComponent("DensityIcon");
     const _component_ColumnSetting = vue.resolveComponent("ColumnSetting");
+    const _component_FullscreenIcon = vue.resolveComponent("FullscreenIcon");
     return vue.openBlock(), vue.createElementBlock(
       "div",
       {
@@ -33533,7 +34925,13 @@
                             key: 2,
                             "prefix-cls": _ctx.prefixCls,
                             columns: _ctx.tableColumn
-                          }, null, 8, ["prefix-cls", "columns"])) : vue.createCommentVNode("v-if", true)
+                          }, null, 8, ["prefix-cls", "columns"])) : vue.createCommentVNode("v-if", true),
+                          _ctx.mergeOptions.fullScreen !== false ? (vue.openBlock(), vue.createElementBlock("span", {
+                            key: 3,
+                            onClick: _cache[0] || (_cache[0] = (...args) => _ctx.onFullScreen && _ctx.onFullScreen(...args))
+                          }, [
+                            vue.createVNode(_component_FullscreenIcon, { prefixCls: _ctx.prefixCls }, null, 8, ["prefixCls"])
+                          ])) : vue.createCommentVNode("v-if", true)
                         ],
                         64
                         /* STABLE_FRAGMENT */
@@ -33806,14 +35204,19 @@
       emit
     }) {
       var _a;
-      const table = vue.ref();
-      const wrapperRef = vue.ref();
+      const tableRef = vue.ref();
+      const {
+        table
+      } = useProConfigInject();
       const prefixCls = usePrefixCls("table");
       const {
         hoverRowKey
       } = useProvideHover({
         rowHoverDelay: vue.computed(() => props.rowHoverDelay),
-        rowHover: vue.computed(() => props.rowHover)
+        rowHover: vue.computed(() => {
+          var _a2, _b;
+          return (_b = props.rowHover) != null ? _b : (_a2 = table == null ? void 0 : table.value) == null ? void 0 : _a2.rowHover;
+        })
       });
       const mergedPrefixCls = vue.computed(() => {
         var _a2;
@@ -33821,9 +35224,9 @@
       });
       useProvideLevel();
       vue.watch(hoverRowKey, (newValue, oldValue) => {
-        if (wrapperRef.value) {
-          wrapperRef.value.style.removeProperty(`--${mergedPrefixCls.value}-row-bg-${oldValue}`);
-          wrapperRef.value.style.setProperty(`--${mergedPrefixCls.value}-row-bg-${newValue}`, `hsl(var(--pro-accent))`);
+        if (counter.rootDomRef.value) {
+          counter.rootDomRef.value.style.removeProperty(`--${mergedPrefixCls.value}-row-bg-${oldValue}`);
+          counter.rootDomRef.value.style.setProperty(`--${mergedPrefixCls.value}-row-bg-${newValue}`, `hsl(var(--pro-accent))`);
         }
       }, {
         flush: "post"
@@ -34046,52 +35449,52 @@
       expose({
         scrollTo: (pos, behavior) => {
           var _a2;
-          (_a2 = table.value) == null ? void 0 : _a2.scrollTo(pos, behavior);
+          (_a2 = tableRef.value) == null ? void 0 : _a2.scrollTo(pos, behavior);
         },
         scrollLeft: vue.computed(() => {
           var _a2;
-          return vue.unref((_a2 = table.value) == null ? void 0 : _a2.scrollLeft);
+          return vue.unref((_a2 = tableRef.value) == null ? void 0 : _a2.scrollLeft);
         }),
         scrollTop: vue.computed(() => {
           var _a2;
-          return vue.unref((_a2 = table.value) == null ? void 0 : _a2.scrollTop);
+          return vue.unref((_a2 = tableRef.value) == null ? void 0 : _a2.scrollTop);
         }),
         bodyRef: vue.computed(() => {
           var _a2;
-          return vue.unref((_a2 = table.value) == null ? void 0 : _a2.bodyRef);
+          return vue.unref((_a2 = tableRef.value) == null ? void 0 : _a2.bodyRef);
         }),
         copySelectedRange: () => {
           var _a2;
-          return (_a2 = table.value) == null ? void 0 : _a2.copySelectedRange();
+          return (_a2 = tableRef.value) == null ? void 0 : _a2.copySelectedRange();
         },
         getSelectedRange: () => {
           var _a2;
-          return (_a2 = table.value) == null ? void 0 : _a2.getSelectedRange();
+          return (_a2 = tableRef.value) == null ? void 0 : _a2.getSelectedRange();
         },
         clearAllSelectedRange: () => {
           var _a2;
-          return (_a2 = table.value) == null ? void 0 : _a2.clearAllSelectedRange();
+          return (_a2 = tableRef.value) == null ? void 0 : _a2.clearAllSelectedRange();
         },
         clearDataSource: () => {
           dataSource.value = [];
         },
         appendCellToSelectedRange: (params) => {
           var _a2;
-          return (_a2 = table.value) == null ? void 0 : _a2.appendCellToSelectedRange(params);
+          return (_a2 = tableRef.value) == null ? void 0 : _a2.appendCellToSelectedRange(params);
         },
         openEditor: (cellInfos) => {
           var _a2;
-          return (_a2 = table.value) == null ? void 0 : _a2.openEditor(cellInfos);
+          return (_a2 = tableRef.value) == null ? void 0 : _a2.openEditor(cellInfos);
         },
         closeEditor: (cellInfos) => {
           var _a2;
-          return (_a2 = table.value) == null ? void 0 : _a2.closeEditor(cellInfos);
+          return (_a2 = tableRef.value) == null ? void 0 : _a2.closeEditor(cellInfos);
         },
         reload,
         reset
       });
       return () => {
-        var _a2, _b, _c;
+        var _a2, _b;
         const {
           expandIcon = slots.expandIcon,
           expandedRowRender = slots.expandedRowRender
@@ -34103,7 +35506,21 @@
           "tooltip": props.tooltip,
           "prefixCls": mergedPrefixCls.value,
           "options": props.options,
-          "actionsRef": actions,
+          "actionsRef": {
+            ...actions,
+            fullScreen: () => {
+              var _a3;
+              if (!counter.rootDomRef.value || !document.fullscreenEnabled) {
+                return;
+              }
+              console.log("q234234", document.fullscreenElement);
+              if (document.fullscreenElement) {
+                document.exitFullscreen();
+              } else {
+                (_a3 = counter.rootDomRef.value) == null ? void 0 : _a3.requestFullscreen();
+              }
+            }
+          },
           "tableColumn": tableColumn.value,
           "selectedRowKeys": selectedRowKeys.value,
           "selectedRows": selectedRows.value,
@@ -34127,7 +35544,7 @@
           info: slots.alertInfo,
           actions: slots.alertActions
         }), vue.createVNode(InteralTable, vue.mergeProps({
-          "ref": table
+          "ref": tableRef
         }, omit(props, ["onChange", "onUpdate:pagination", "onUpdate:selectedRowKeys", "onUpdate:columns"]), {
           "prefixCls": mergedPrefixCls.value,
           "columns": mergeColumns || [],
@@ -34156,30 +35573,39 @@
             default: () => [_tableDom]
           });
         }
-        return vue.createVNode("div", vue.mergeProps({
-          "ref": wrapperRef
-        }, attrs, {
-          "class": [`${mergedPrefixCls.value}-wrapper ${props.bordered ? mergedPrefixCls.value + "-wrapper-bordered" : ""} ${"dark" === theme.value ? mergedPrefixCls.value + "-wrapper-dark" : ""} ${pollingLoading.value ? mergedPrefixCls.value + "-wrapper-polling" : ""}`, attrs.class],
-          "onKeydown": onKeydown
-        }), [props.search !== false && !!((_c = formItems.value) == null ? void 0 : _c.length) && vue.createVNode(FormRender, {
-          "prefixCls": mergedPrefixCls.value,
-          "items": formItems.value,
-          "cardBordered": props.cardBordered,
-          "search": props.search,
-          "tableShowCard": props.cardProps !== false,
-          "loading": formSubmitLoading.value,
-          "beforeSearchSubmit": props.beforeSearchSubmit,
-          "manual": props.manual || props.manualRequest,
-          "onReset": props.onReset,
-          "onSubmit": props.onSubmit,
-          "onFormSearchSubmit": onFormSearchSubmit,
-          "onSearchTabChange": (newValues) => {
-            actions.setFormSearch({
-              ...actions.formSearch.value,
-              ...newValues
-            });
+        return vue.createVNode(antDesignVue.ConfigProvider, {
+          "getPopupContainer": () => {
+            return counter.rootDomRef.value || document.body;
+          }
+        }, {
+          default: () => {
+            var _a3;
+            return [vue.createVNode("div", vue.mergeProps({
+              "ref": counter.rootDomRef
+            }, attrs, {
+              "class": [`${mergedPrefixCls.value}-wrapper ${props.bordered ? mergedPrefixCls.value + "-wrapper-bordered" : ""} ${"dark" === theme.value ? mergedPrefixCls.value + "-wrapper-dark" : ""} ${pollingLoading.value ? mergedPrefixCls.value + "-wrapper-polling" : ""}`, attrs.class],
+              "onKeydown": onKeydown
+            }), [props.search !== false && !!((_a3 = formItems.value) == null ? void 0 : _a3.length) && vue.createVNode(FormRender, {
+              "prefixCls": mergedPrefixCls.value,
+              "items": formItems.value,
+              "cardBordered": props.cardBordered,
+              "search": props.search,
+              "tableShowCard": props.cardProps !== false,
+              "loading": formSubmitLoading.value,
+              "beforeSearchSubmit": props.beforeSearchSubmit,
+              "manual": props.manual || props.manualRequest,
+              "onReset": props.onReset,
+              "onSubmit": props.onSubmit,
+              "onFormSearchSubmit": onFormSearchSubmit,
+              "onSearchTabChange": (newValues) => {
+                actions.setFormSearch({
+                  ...actions.formSearch.value,
+                  ...newValues
+                });
+              }
+            }, slots), tableDom])];
           }
-        }, slots), tableDom]);
+        });
       };
     }
   });