pro-design-vue 1.1.4 → 1.2.1

package/dist/index.full.mjs

@@ -1,7 +1,7 @@
-/*! Pro Design Vue v1.1.4 */
+/*! Pro Design Vue v1.2.1 */
 
-import { Modal, ConfigProvider, App, Button as Button$1, Tooltip, Popconfirm, Dropdown, Menu, Slider, Drawer, Input, InputNumber, Form as Form$1, Space, Textarea, Select, TreeSelect, Checkbox as Checkbox$1, CheckboxGroup, RadioGroup, Radio as Radio$1, Cascader, Switch, Rate, DatePicker, RangePicker, TimePicker, TimeRangePicker, Upload, theme as theme$1, FormItemRest, Spin, message, Row as Row$1, Col, FormItem as FormItem$3, Steps, Popover, MenuItem, SubMenu, Empty, Badge, Tag, Pagination, InputSearch, Tree, Card, Tabs, TabPane } from 'ant-design-vue';
-import { inject, ref, getCurrentInstance, nextTick, h, reactive, defineComponent, createVNode, isVNode, Fragment, cloneVNode, provide, computed, renderSlot, createPropsRestProxy, createBlock, openBlock, unref, mergeProps, withCtx, shallowRef, shallowReadonly, toValue, getCurrentScope, onScopeDispose, watch, onMounted, hasInjectionContext, isRef, toRefs as toRefs$1, customRef, toRef as toRef$1, readonly, watchEffect, toRaw, createElementBlock, createCommentVNode, resolveDynamicComponent, normalizeProps, createElementVNode, normalizeStyle, toDisplayString, normalizeClass, createSlots, useAttrs, useTemplateRef, defineAsyncComponent, Teleport, onUnmounted, Comment as Comment$1, useSlots, useModel, withModifiers, mergeModels, renderList, camelize, isReactive, onActivated, onDeactivated, onBeforeUnmount, triggerRef, resolveDirective, withDirectives, vShow, render as render$1, resolveComponent, createTextVNode, guardReactiveProps, vModelText } from 'vue';
+import { Modal, theme as theme$1, ConfigProvider, App, Button as Button$1, Tooltip, Popconfirm, Dropdown, Menu, Slider, Drawer, Input, InputNumber, Form as Form$1, Space, Textarea, Select, TreeSelect, Checkbox as Checkbox$1, CheckboxGroup, RadioGroup, Radio as Radio$1, Cascader, Switch, Rate, DatePicker, RangePicker, TimePicker, TimeRangePicker, Upload, FormItemRest, Spin, message, Row as Row$1, Col, FormItem as FormItem$3, Steps, Popover, MenuItem, SubMenu, Empty, Badge, Tag, Pagination, InputSearch, Tree, Card, Tabs, TabPane } from 'ant-design-vue';
+import { inject, ref, getCurrentInstance, nextTick, h, reactive, defineComponent, createVNode, isVNode, Fragment, cloneVNode, provide, watch, computed, renderSlot, createPropsRestProxy, createBlock, openBlock, unref, mergeProps, withCtx, normalizeProps, guardReactiveProps, shallowRef, shallowReadonly, toValue, getCurrentScope, onScopeDispose, onMounted, hasInjectionContext, isRef, toRefs as toRefs$1, customRef, toRef as toRef$1, readonly, watchEffect, toRaw, createElementBlock, createCommentVNode, resolveDynamicComponent, createElementVNode, normalizeStyle, toDisplayString, normalizeClass, createSlots, useAttrs, useTemplateRef, defineAsyncComponent, Teleport, onUnmounted, Comment as Comment$1, useSlots, useModel, withModifiers, mergeModels, renderList, camelize, isReactive, onActivated, onDeactivated, onBeforeUnmount, triggerRef, resolveDirective, withDirectives, vShow, render as render$1, resolveComponent, createTextVNode, vModelText } from 'vue';
 import antdDefaultLocale from 'ant-design-vue/es/locale/zh_CN.js';
 
 function _mergeNamespaces(n, m) {
@@ -30,7 +30,7 @@ const SCROLL_FIXED_CLASS = `_scroll__fixed_`;
 const DEFAULT_NAMESPACE = "pro";
 const DEFAULT_LOCALE = "zh-CN";
 
-const version$1 = "1.1.4";
+const version$1 = "1.2.1";
 
 const makeInstaller = (components = []) => {
   const install = (app) => {
@@ -44,11 +44,11 @@ const makeInstaller = (components = []) => {
   };
 };
 
-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;
@@ -63,37 +63,37 @@ function bound01(n, max) {
   }
   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;
   }
@@ -111,13 +111,13 @@ function hue2rgb(p, q, t) {
   }
   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;
@@ -125,16 +125,16 @@ function hslToRgb(h, s, l) {
   } 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;
@@ -159,10 +159,10 @@ function rgbToHsv(r, g, b) {
   }
   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);
@@ -174,22 +174,22 @@ function hsvToRgb(h, s, v) {
   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",
@@ -340,7 +340,7 @@ var names = {
   yellowgreen: "#9acd32"
 };
 
-function inputToRGB(color) {
+function inputToRGB$1(color) {
   var rgb = { r: 0, g: 0, b: 0 };
   var a = 1;
   var s = null;
@@ -349,23 +349,23 @@ function inputToRGB(color) {
   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";
     }
@@ -373,7 +373,7 @@ function inputToRGB(color) {
       a = color.a;
     }
   }
-  a = boundAlpha(a);
+  a = boundAlpha$1(a);
   return {
     ok,
     format: color.format || format,
@@ -383,102 +383,102 @@ function inputToRGB(color) {
     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;
@@ -521,7 +521,7 @@ var darkColorMap = [{
 }];
 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,
@@ -530,7 +530,7 @@ function toHsv(_ref) {
 }
 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;
@@ -593,10 +593,10 @@ function getValue$1(hsv, i, light) {
 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)
@@ -606,7 +606,7 @@ function generate$1(color) {
   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)
@@ -616,7 +616,7 @@ function generate$1(color) {
   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;
     });
   }
@@ -2284,6 +2284,1114 @@ const confirm = (props) => {
   });
 };
 
+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) => {
@@ -7145,7 +8253,86 @@ const useProConfigInject = () => {
   return inject(proConfigProviderContextKey, {});
 };
 
-var _sfc_main$X = /* @__PURE__ */ 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 } = theme$1;
+  const { token } = useToken();
+  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__ */ defineComponent({
   ...{
     name: "ConfigProviderContainer"
   },
@@ -7154,8 +8341,14 @@ var _sfc_main$X = /* @__PURE__ */ defineComponent({
     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 },
@@ -7174,7 +8367,6 @@ var _sfc_main$X = /* @__PURE__ */ defineComponent({
     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 },
@@ -7183,8 +8375,13 @@ var _sfc_main$X = /* @__PURE__ */ defineComponent({
   setup(__props) {
     const props = __props;
     const contentOffsetTop = ref(props.contentOffsetTop);
+    useCssVariables(computed(() => props.dark));
     useProConfigProvide({
-      pro: computed(() => props.pro),
+      table: computed(() => props.table),
+      form: computed(() => props.form),
+      modal: computed(() => props.modal),
+      drawer: computed(() => props.drawer),
+      componentSize: computed(() => props.componentSize),
       proPrefixCls: computed(() => props.proPrefixCls),
       intl: computed(() => props.intl),
       locale: computed(() => props.locale),
@@ -7199,7 +8396,7 @@ var _sfc_main$X = /* @__PURE__ */ defineComponent({
   }
 });
 
-var _sfc_main$W = /* @__PURE__ */ defineComponent({
+var _sfc_main$X = /* @__PURE__ */ defineComponent({
   ...{
     name: "ProConfigProvider"
   },
@@ -7211,8 +8408,14 @@ var _sfc_main$W = /* @__PURE__ */ defineComponent({
     }) },
     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 },
@@ -7231,48 +8434,98 @@ var _sfc_main$W = /* @__PURE__ */ defineComponent({
     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 = createPropsRestProxy(__props, ["intl", "pro", "proPrefixCls", "locale"]);
+    const rest = 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 = computed(() => {
+      var _a, _b, _c, _d, _e;
+      const algorithm = __props.dark ? [theme$1.darkAlgorithm] : [theme$1.defaultAlgorithm];
+      if (__props.compact) {
+        algorithm.push(theme$1.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
+        }
+      };
+    });
+    watch(
+      () => __props.dark,
+      async () => {
+        await nextTick();
+        const root = document.documentElement;
+        root.classList.toggle("dark", __props.dark);
+      },
+      {
+        immediate: true
+      }
+    );
     ConfigProvider.config({
       prefixCls: rest.prefixCls
     });
     return (_ctx, _cache) => {
-      return openBlock(), createBlock(unref(ConfigProvider), mergeProps(rest, { locale: _ctx.locale }), {
+      var _a;
+      return openBlock(), createBlock(unref(ConfigProvider), mergeProps(rest, {
+        locale: _ctx.locale,
+        theme: mergerTheme.value,
+        componentSize: _ctx.componentSize,
+        form: unref(omit)((_a = _ctx.form) != null ? _a : {}, ["resetOnSubmit", "labelWidth", "resetText", "searchText", "labelWidth"])
+      }), {
         default: withCtx(() => [
-          createVNode(unref(App), null, {
-            default: withCtx(() => [
-              createVNode(_sfc_main$X, {
-                contentOffsetTop: _ctx.contentOffsetTop,
-                intl: _ctx.intl,
-                proPrefixCls: _ctx.proPrefixCls,
-                pro: _ctx.pro,
-                locale: _ctx.locale
-              }, {
-                default: withCtx(() => [
-                  renderSlot(_ctx.$slots, "default")
-                ]),
-                _: 3
-                /* FORWARDED */
-              }, 8, ["contentOffsetTop", "intl", "proPrefixCls", "pro", "locale"])
-            ]),
-            _: 3
-            /* FORWARDED */
-          })
+          createVNode(
+            unref(App),
+            normalizeProps(guardReactiveProps(_ctx.app)),
+            {
+              default: withCtx(() => [
+                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: withCtx(() => [
+                    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"]);
     };
   }
 });
@@ -7289,7 +8542,7 @@ function useIntl() {
   return zhCNIntl;
 }
 
-const ProConfigProvider = withInstall(_sfc_main$W);
+const ProConfigProvider = withInstall(_sfc_main$X);
 
 function usePrefixCls(name) {
   const { proPrefixCls } = useProConfigInject();
@@ -8778,7 +10031,7 @@ function useState(defaultStateValue) {
 }
 
 const _hoisted_1$g = ["src"];
-var _sfc_main$V = /* @__PURE__ */ defineComponent({
+var _sfc_main$W = /* @__PURE__ */ defineComponent({
   __name: "icon",
   props: {
     fallback: { type: Boolean, required: false },
@@ -8873,7 +10126,7 @@ var _sfc_main$V = /* @__PURE__ */ defineComponent({
   }
 });
 
-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]" && !isVNode(s);
@@ -9109,7 +10362,7 @@ var Clipboard = /* @__PURE__ */ defineComponent({
 
 const ProClipboard = withInstall(Clipboard);
 
-var _sfc_main$U = /* @__PURE__ */ defineComponent({
+var _sfc_main$V = /* @__PURE__ */ defineComponent({
   ...{ name: "ProCounter" },
   __name: "counter",
   props: {
@@ -9199,7 +10452,7 @@ var _sfc_main$U = /* @__PURE__ */ defineComponent({
   }
 });
 
-const ProCounter = withInstall(_sfc_main$U);
+const ProCounter = withInstall(_sfc_main$V);
 
 function ownKeys(e, r) {
   var t = Object.keys(e);
@@ -11943,7 +13196,7 @@ cropperjs/dist/cropper.esm.js:
 */
 
 const _hoisted_1$f = ["src"];
-var _sfc_main$T = /* @__PURE__ */ defineComponent({
+var _sfc_main$U = /* @__PURE__ */ defineComponent({
   ...{
     name: "ProCropper"
   },
@@ -12053,16 +13306,16 @@ var _sfc_main$T = /* @__PURE__ */ defineComponent({
   }
 });
 
-const ProCropper = withInstall(_sfc_main$T);
+const ProCropper = withInstall(_sfc_main$U);
 
-var _sfc_main$S = /* @__PURE__ */ defineComponent({
+var _sfc_main$T = /* @__PURE__ */ 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 },
@@ -12109,8 +13362,13 @@ var _sfc_main$S = /* @__PURE__ */ defineComponent({
     const emit = __emit;
     const prefixCls = usePrefixCls("drawer");
     const { isMobile } = useIsMobile();
+    const { drawer } = useProConfigInject();
     const fullscreen = ref(props.defaultFullscreen);
     const hasFullscreen = computed(() => isMobile.value || fullscreen.value);
+    const mergeShowFullscreen = computed(() => {
+      var _a, _b;
+      return (_b = props.showFullscreen) != null ? _b : (_a = drawer == null ? void 0 : drawer.value) == null ? void 0 : _a.showFullscreen;
+    });
     const drawerProps = computed(
       () => omitKeysAndUndefined(props, ["rootClassName", "closable", "onClose", "title", "width", "height"])
     );
@@ -12173,7 +13431,7 @@ var _sfc_main$S = /* @__PURE__ */ defineComponent({
         ]),
         extra: withCtx(() => [
           renderSlot(_ctx.$slots, "extra"),
-          _ctx.showFullscreen && !unref(isMobile) ? (openBlock(), createBlock(unref(ProButton), {
+          mergeShowFullscreen.value && !unref(isMobile) ? (openBlock(), createBlock(unref(ProButton), {
             key: 0,
             class: normalizeClass(`${unref(prefixCls)}-fullscreen`),
             size: "small",
@@ -12220,7 +13478,7 @@ var _sfc_main$S = /* @__PURE__ */ defineComponent({
   }
 });
 
-const ProDrawer = withInstall(_sfc_main$S);
+const ProDrawer = withInstall(_sfc_main$T);
 
 const ContextKey$1 = Symbol("FormSlotsContext");
 const useInjectSlots$1 = () => {
@@ -12472,10 +13730,16 @@ const queryFilterProps = () => ({
   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
@@ -12486,7 +13750,10 @@ const queryFilterProps = () => ({
   // span: definePropType<SpanConfig>([Number, String]),
   showHiddenNum: Boolean,
   ignoreRules: Boolean,
-  resetOnSubmit: Boolean,
+  resetOnSubmit: {
+    type: Boolean,
+    default: void 0
+  },
   onCollapse: {
     type: Function,
     default: void 0
@@ -14969,7 +16236,7 @@ var FieldUploadDragger = /* @__PURE__ */ defineComponent({
   }
 });
 
-var _sfc_main$R = /* @__PURE__ */ defineComponent({
+var _sfc_main$S = /* @__PURE__ */ defineComponent({
   ...{
     name: "ProModal",
     inheritAttrs: false
@@ -14977,9 +16244,9 @@ var _sfc_main$R = /* @__PURE__ */ defineComponent({
   __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 },
@@ -15028,6 +16295,7 @@ var _sfc_main$R = /* @__PURE__ */ defineComponent({
     const isDrag = ref(false);
     const fullscreen = ref(props.defaultFullscreen);
     const { isMobile } = useIsMobile();
+    const { modal } = useProConfigInject();
     const bodyWidth = ref(0);
     const modalHeaderEl = useTemplateRef("modalHeaderRef");
     const { width } = useElementBounding(modalHeaderEl);
@@ -15036,8 +16304,16 @@ var _sfc_main$R = /* @__PURE__ */ defineComponent({
       const { width: width2 } = (entry == null ? void 0 : entry.contentRect) || {};
       bodyWidth.value = width2;
     });
+    const mergeShowFullscreen = computed(() => {
+      var _a, _b;
+      return (_b = props.showFullscreen) != null ? _b : (_a = modal == null ? void 0 : modal.value) == null ? void 0 : _a.showFullscreen;
+    });
+    const mergeDraggable = computed(() => {
+      var _a, _b;
+      return (_b = props.draggable) != null ? _b : (_a = modal == null ? void 0 : modal.value) == null ? void 0 : _a.draggable;
+    });
     const hasFullscreen = computed(() => isMobile.value || fullscreen.value);
-    const hasDraggable = computed(() => props.draggable && !hasFullscreen.value);
+    const hasDraggable = computed(() => mergeDraggable.value && !hasFullscreen.value);
     const { style } = useDraggable(modalHeaderEl, {
       disabled: computed(() => !hasDraggable.value),
       onMove() {
@@ -15131,7 +16407,7 @@ var _sfc_main$R = /* @__PURE__ */ defineComponent({
                   class: normalizeClass(`${unref(prefixCls)}-extra`)
                 },
                 [
-                  _ctx.showFullscreen && !unref(isMobile) ? (openBlock(), createBlock(unref(ProButton), {
+                  mergeShowFullscreen.value && !unref(isMobile) ? (openBlock(), createBlock(unref(ProButton), {
                     key: 0,
                     class: normalizeClass(`${unref(prefixCls)}-fullscreen`),
                     size: "small",
@@ -15186,7 +16462,7 @@ var _sfc_main$R = /* @__PURE__ */ defineComponent({
   }
 });
 
-const ProModal = withInstall(_sfc_main$R);
+const ProModal = withInstall(_sfc_main$S);
 
 const defaultCropperProps = {
   aspectRatio: 1,
@@ -17105,6 +18381,9 @@ var QueryFilter = /* @__PURE__ */ defineComponent({
     expose,
     attrs
   }) {
+    const {
+      form
+    } = useProConfigInject();
     const totalSpan = ref(0);
     const totalSize = ref(0);
     const currentSpan = ref(0);
@@ -17152,14 +18431,16 @@ var QueryFilter = /* @__PURE__ */ defineComponent({
       return 24 - offsetSpan;
     });
     const formItemFixStyle = 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: {
@@ -17206,6 +18487,7 @@ var QueryFilter = /* @__PURE__ */ defineComponent({
       };
     });
     const submitterConfig = computed(() => {
+      var _a2, _b, _c, _d, _e, _f;
       if (props.submitter === false) {
         return false;
       }
@@ -17215,8 +18497,8 @@ var QueryFilter = /* @__PURE__ */ defineComponent({
         },
         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,
@@ -17310,11 +18592,12 @@ var QueryFilter = /* @__PURE__ */ defineComponent({
         "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,
@@ -17799,7 +19082,7 @@ function useLayoutFooterStyle() {
   };
 }
 
-var _sfc_main$Q = /* @__PURE__ */ defineComponent({
+var _sfc_main$R = /* @__PURE__ */ defineComponent({
   __name: "menu-icon",
   setup(__props) {
     return (_ctx, _cache) => {
@@ -17867,7 +19150,7 @@ var _sfc_main$Q = /* @__PURE__ */ defineComponent({
   }
 });
 
-var _sfc_main$P = /* @__PURE__ */ defineComponent({
+var _sfc_main$Q = /* @__PURE__ */ defineComponent({
   __name: "pin-icon",
   setup(__props) {
     return (_ctx, _cache) => {
@@ -17921,7 +19204,7 @@ var _sfc_main$P = /* @__PURE__ */ defineComponent({
   }
 });
 
-var _sfc_main$O = /* @__PURE__ */ defineComponent({
+var _sfc_main$P = /* @__PURE__ */ defineComponent({
   __name: "pin-off-icon",
   setup(__props) {
     return (_ctx, _cache) => {
@@ -18003,7 +19286,7 @@ var _sfc_main$O = /* @__PURE__ */ defineComponent({
   }
 });
 
-var _sfc_main$N = /* @__PURE__ */ defineComponent({
+var _sfc_main$O = /* @__PURE__ */ defineComponent({
   __name: "chevrons-left-icon",
   setup(__props) {
     return (_ctx, _cache) => {
@@ -18057,7 +19340,7 @@ var _sfc_main$N = /* @__PURE__ */ defineComponent({
   }
 });
 
-var _sfc_main$M = /* @__PURE__ */ defineComponent({
+var _sfc_main$N = /* @__PURE__ */ defineComponent({
   __name: "chevrons-right-icon",
   setup(__props) {
     return (_ctx, _cache) => {
@@ -18134,7 +19417,7 @@ var Slot = defineComponent({
 
 const ProSlot = withInstall(Slot);
 
-var _sfc_main$L = /* @__PURE__ */ defineComponent({
+var _sfc_main$M = /* @__PURE__ */ defineComponent({
   __name: "layout-content",
   props: {
     contentCompact: { type: String, required: true },
@@ -18190,7 +19473,7 @@ var _sfc_main$L = /* @__PURE__ */ defineComponent({
   }
 });
 
-var _sfc_main$K = /* @__PURE__ */ defineComponent({
+var _sfc_main$L = /* @__PURE__ */ defineComponent({
   __name: "layout-footer",
   props: {
     fixed: { type: Boolean, required: false },
@@ -18229,7 +19512,7 @@ var _sfc_main$K = /* @__PURE__ */ defineComponent({
   }
 });
 
-var _sfc_main$J = /* @__PURE__ */ defineComponent({
+var _sfc_main$K = /* @__PURE__ */ defineComponent({
   __name: "layout-header",
   props: {
     fullWidth: { type: Boolean, required: true },
@@ -18289,7 +19572,7 @@ var _sfc_main$J = /* @__PURE__ */ defineComponent({
   }
 });
 
-var _sfc_main$I = /* @__PURE__ */ defineComponent({
+var _sfc_main$J = /* @__PURE__ */ defineComponent({
   __name: "sidebar-collapse-button",
   props: {
     "collapsed": { type: Boolean },
@@ -18310,10 +19593,10 @@ var _sfc_main$I = /* @__PURE__ */ defineComponent({
           onClick: withModifiers(handleCollapsed, ["stop"])
         },
         [
-          collapsed.value ? (openBlock(), createBlock(unref(_sfc_main$M), {
+          collapsed.value ? (openBlock(), createBlock(unref(_sfc_main$N), {
             key: 0,
             style: { "font-size": "16px" }
-          })) : (openBlock(), createBlock(unref(_sfc_main$N), {
+          })) : (openBlock(), createBlock(unref(_sfc_main$O), {
             key: 1,
             style: { "font-size": "16px" }
           }))
@@ -18325,7 +19608,7 @@ var _sfc_main$I = /* @__PURE__ */ defineComponent({
   }
 });
 
-var _sfc_main$H = /* @__PURE__ */ defineComponent({
+var _sfc_main$I = /* @__PURE__ */ defineComponent({
   __name: "sidebar-fixed-button",
   props: {
     "expandOnHover": { type: Boolean },
@@ -18346,10 +19629,10 @@ var _sfc_main$H = /* @__PURE__ */ defineComponent({
           onClick: toggleFixed
         },
         [
-          !expandOnHover.value ? (openBlock(), createBlock(unref(_sfc_main$O), {
+          !expandOnHover.value ? (openBlock(), createBlock(unref(_sfc_main$P), {
             key: 0,
             style: { "font-size": "14px" }
-          })) : (openBlock(), createBlock(unref(_sfc_main$P), {
+          })) : (openBlock(), createBlock(unref(_sfc_main$Q), {
             key: 1,
             style: { "font-size": "14px" }
           }))
@@ -18361,7 +19644,7 @@ var _sfc_main$H = /* @__PURE__ */ defineComponent({
   }
 });
 
-var _sfc_main$G = /* @__PURE__ */ defineComponent({
+var _sfc_main$H = /* @__PURE__ */ defineComponent({
   __name: "layout-sidebar",
   props: /* @__PURE__ */ mergeModels({
     collapseHeight: { type: Number, required: false, default: 42 },
@@ -18545,7 +19828,7 @@ var _sfc_main$G = /* @__PURE__ */ defineComponent({
               onMouseleave: handleMouseleave
             },
             [
-              !collapse.value && !_ctx.isSidebarMixed && _ctx.showFixedButton ? (openBlock(), createBlock(unref(_sfc_main$H), {
+              !collapse.value && !_ctx.isSidebarMixed && _ctx.showFixedButton ? (openBlock(), createBlock(unref(_sfc_main$I), {
                 key: 0,
                 "expand-on-hover": expandOnHover.value,
                 "onUpdate:expandOnHover": _cache[0] || (_cache[0] = ($event) => expandOnHover.value = $event)
@@ -18593,7 +19876,7 @@ var _sfc_main$G = /* @__PURE__ */ defineComponent({
                 4
                 /* STYLE */
               ),
-              _ctx.showCollapseButton && !_ctx.isSidebarMixed ? (openBlock(), createBlock(unref(_sfc_main$I), {
+              _ctx.showCollapseButton && !_ctx.isSidebarMixed ? (openBlock(), createBlock(unref(_sfc_main$J), {
                 key: 2,
                 collapsed: collapse.value,
                 "onUpdate:collapsed": _cache[1] || (_cache[1] = ($event) => collapse.value = $event)
@@ -18611,12 +19894,12 @@ var _sfc_main$G = /* @__PURE__ */ defineComponent({
                   style: normalizeStyle(extraStyle.value)
                 },
                 [
-                  _ctx.isSidebarMixed && expandOnHover.value && _ctx.showCollapseButton ? (openBlock(), createBlock(unref(_sfc_main$I), {
+                  _ctx.isSidebarMixed && expandOnHover.value && _ctx.showCollapseButton ? (openBlock(), createBlock(unref(_sfc_main$J), {
                     key: 0,
                     collapsed: extraCollapse.value,
                     "onUpdate:collapsed": _cache[2] || (_cache[2] = ($event) => extraCollapse.value = $event)
                   }, null, 8, ["collapsed"])) : createCommentVNode("v-if", true),
-                  !extraCollapse.value && _ctx.showFixedButton ? (openBlock(), createBlock(unref(_sfc_main$H), {
+                  !extraCollapse.value && _ctx.showFixedButton ? (openBlock(), createBlock(unref(_sfc_main$I), {
                     key: 1,
                     "expand-on-hover": expandOnHover.value,
                     "onUpdate:expandOnHover": _cache[3] || (_cache[3] = ($event) => expandOnHover.value = $event)
@@ -18672,7 +19955,7 @@ var _sfc_main$G = /* @__PURE__ */ defineComponent({
   }
 });
 
-var _sfc_main$F = /* @__PURE__ */ defineComponent({
+var _sfc_main$G = /* @__PURE__ */ defineComponent({
   __name: "layout-tabbar",
   props: {
     height: { type: Number, required: true }
@@ -18732,7 +20015,7 @@ const useProLayoutInject = () => {
   return inject(LayoutContextKey, {});
 };
 
-var _sfc_main$E = /* @__PURE__ */ defineComponent({
+var _sfc_main$F = /* @__PURE__ */ defineComponent({
   ...{
     name: "ProLayout"
   },
@@ -19080,7 +20363,7 @@ var _sfc_main$E = /* @__PURE__ */ defineComponent({
           style: normalizeStyle(layoutStyle.value)
         },
         [
-          sidebarEnableState.value ? (openBlock(), createBlock(unref(_sfc_main$G), {
+          sidebarEnableState.value ? (openBlock(), createBlock(unref(_sfc_main$H), {
             key: 0,
             collapse: sidebarCollapse.value,
             "onUpdate:collapse": _cache[0] || (_cache[0] = ($event) => sidebarCollapse.value = $event),
@@ -19151,7 +20434,7 @@ var _sfc_main$E = /* @__PURE__ */ defineComponent({
                   style: normalizeStyle(headerWrapperStyle.value)
                 },
                 [
-                  _ctx.headerVisible ? (openBlock(), createBlock(unref(_sfc_main$J), {
+                  _ctx.headerVisible ? (openBlock(), createBlock(unref(_sfc_main$K), {
                     key: 0,
                     "full-width": !isSideMode.value,
                     height: _ctx.headerHeight,
@@ -19168,7 +20451,7 @@ var _sfc_main$E = /* @__PURE__ */ defineComponent({
                         type: "text",
                         shape: "circle",
                         style: { "margin-right": "4px", "font-size": "14px", "color": "hsl(var(--pro-foreground))" },
-                        icon: h(unref(_sfc_main$Q)),
+                        icon: h(unref(_sfc_main$R)),
                         onClick: handleHeaderToggle
                       }, null, 8, ["icon"])) : createCommentVNode("v-if", true)
                     ]),
@@ -19186,7 +20469,7 @@ var _sfc_main$E = /* @__PURE__ */ defineComponent({
                       key: "0"
                     } : void 0
                   ]), 1032, ["full-width", "height", "is-mobile", "show", "sidebar-width", "theme", "width", "z-index"])) : createCommentVNode("v-if", true),
-                  _ctx.tabbarEnable ? (openBlock(), createBlock(unref(_sfc_main$F), {
+                  _ctx.tabbarEnable ? (openBlock(), createBlock(unref(_sfc_main$G), {
                     key: 1,
                     height: _ctx.tabbarHeight,
                     style: normalizeStyle(tabbarStyle.value)
@@ -19201,7 +20484,7 @@ var _sfc_main$E = /* @__PURE__ */ defineComponent({
                 6
                 /* CLASS, STYLE */
               ),
-              createVNode(unref(_sfc_main$L), {
+              createVNode(unref(_sfc_main$M), {
                 id: unref(idMainContent),
                 "content-compact": _ctx.contentCompact,
                 "content-compact-width": _ctx.contentCompactWidth,
@@ -19221,7 +20504,7 @@ var _sfc_main$E = /* @__PURE__ */ defineComponent({
                 _: 3
                 /* FORWARDED */
               }, 8, ["id", "content-compact", "content-compact-width", "padding", "padding-bottom", "padding-left", "padding-right", "padding-top", "style"]),
-              _ctx.footerEnable ? (openBlock(), createBlock(unref(_sfc_main$K), {
+              _ctx.footerEnable ? (openBlock(), createBlock(unref(_sfc_main$L), {
                 key: 0,
                 fixed: _ctx.footerFixed,
                 height: _ctx.footerHeight,
@@ -19260,9 +20543,9 @@ var _sfc_main$E = /* @__PURE__ */ defineComponent({
   }
 });
 
-const ProLayout = withInstall(_sfc_main$E);
+const ProLayout = withInstall(_sfc_main$F);
 
-var _sfc_main$D = /* @__PURE__ */ defineComponent({
+var _sfc_main$E = /* @__PURE__ */ defineComponent({
   ...{
     name: "ProLoading"
   },
@@ -19355,7 +20638,7 @@ var _sfc_main$D = /* @__PURE__ */ defineComponent({
   }
 });
 
-const ProLoading = withInstall(_sfc_main$D);
+const ProLoading = withInstall(_sfc_main$E);
 
 const animateRows = shallowRef(true);
 const theme = shallowRef("light");
@@ -20106,11 +21389,11 @@ const baseTableProps = () => ({
   },
   size: {
     type: String,
-    default: "middle"
+    default: void 0
   },
   bordered: {
     type: Boolean,
-    default: false
+    default: void 0
   },
   wrapText: {
     type: Boolean,
@@ -20263,7 +21546,7 @@ const baseTableProps = () => ({
   },
   summaryFixed: {
     type: [Boolean, String],
-    default: false
+    default: void 0
   },
   hasContextmenuPopup: Boolean,
   formatRangeCellText: {
@@ -20325,7 +21608,7 @@ const baseTableProps = () => ({
   },
   columnEmptyText: {
     type: [String, Boolean],
-    default: "-"
+    default: void 0
   },
   toolBar: { type: Boolean, default: void 0 },
   options: { type: [Object, Boolean], default: void 0 },
@@ -20370,7 +21653,7 @@ const baseTableProps = () => ({
   /** @name 是否要高亮选择行	 */
   highlightSelectRow: {
     type: Boolean,
-    default: false
+    default: void 0
   },
   paginationSticky: {
     type: [Boolean, Object],
@@ -20467,7 +21750,7 @@ const useFetchData = (getData, props) => {
   const pollingLoading = ref(false);
   const keyword = ref("");
   const intl = useIntl();
-  const { pro } = useProConfigInject();
+  const { table } = useProConfigInject();
   const innerParams = ref({});
   const sorters = ref();
   const filter = ref();
@@ -20496,19 +21779,19 @@ const useFetchData = (getData, props) => {
       // }
     }
   );
-  const contextTable = computed(() => {
-    var _a2, _b;
-    return (_b = (_a2 = pro == null ? void 0 : pro.value) == null ? void 0 : _a2.table) != null ? _b : {};
+  const contextPagination = computed(() => {
+    var _a2;
+    return (_a2 = table == null ? void 0 : table.value) == null ? void 0 : _a2.pagination;
   });
   const contextTablePagination = 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(
@@ -20804,11 +22087,20 @@ const useFetchData = (getData, props) => {
 const ContainerContextKey = Symbol("ContainerContextKey");
 const useContainer = (props) => {
   var _a;
+  const rootDomRef = ref();
+  const { componentSize } = useProConfigInject();
+  console.log("\u{1F680} ~ useContainer ~ componentSize:", componentSize == null ? void 0 : componentSize.value);
   const sortKeyColumns = ref([]);
-  const [tableSize, setTableSize] = useMergedState$1(() => props.size || "middle", {
-    value: 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: computed(() => props.size),
+      onChange: props.onSizeChange
+    }
+  );
   const defaultColumnKeyMap = computed(() => {
     var _a2, _b, _c;
     if ((_a2 = props == null ? void 0 : props.columnsState) == null ? void 0 : _a2.defaultValue) {
@@ -20937,6 +22229,7 @@ const useContainer = (props) => {
   );
   const context = {
     props,
+    rootDomRef,
     tableSize,
     setTableSize,
     sortKeyColumns,
@@ -24919,7 +26212,7 @@ var TableSlotsContextProvider = defineComponent({
   }
 });
 
-var _sfc_main$C = defineComponent({
+var _sfc_main$D = defineComponent({
   name: "MeasureWidth",
   inheritAttrs: false
 });
@@ -24933,10 +26226,10 @@ var _export_sfc = (sfc, props) => {
 };
 
 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 openBlock(), 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) {
@@ -24995,7 +26288,7 @@ function onClickOutside(target, handler, options = {}) {
   return clear;
 }
 
-var _sfc_main$B = defineComponent({
+var _sfc_main$C = defineComponent({
   name: "PopupContainer",
   directives: { resize },
   props: { prefixCls: { type: String } },
@@ -25081,7 +26374,7 @@ var _sfc_main$B = defineComponent({
   }
 });
 
-function _sfc_render$x(_ctx, _cache, $props, $setup, $data, $options) {
+function _sfc_render$y(_ctx, _cache, $props, $setup, $data, $options) {
   const _directive_resize = resolveDirective("resize");
   return openBlock(), createElementBlock(
     "div",
@@ -25124,7 +26417,7 @@ function _sfc_render$x(_ctx, _cache, $props, $setup, $data, $options) {
     /* 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) => {
@@ -25791,7 +27084,7 @@ const useColumnDragHandler = ({ columnKey, disabled, column, domRef }) => {
   });
 };
 
-var _sfc_main$A = defineComponent({
+var _sfc_main$B = defineComponent({
   name: "HeaderCellTitle",
   components: { ExclamationCircleOutlined, InfoCircleOutlined, Popover, Tooltip, RenderVNode: RenderVNode$1 },
   props: {
@@ -25864,7 +27157,7 @@ var _sfc_main$A = defineComponent({
 });
 
 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 = resolveComponent("RenderVNode");
   const _component_ExclamationCircleOutlined = resolveComponent("ExclamationCircleOutlined");
@@ -25947,9 +27240,9 @@ function _sfc_render$w(_ctx, _cache, $props, $setup, $data, $options) {
     })) : 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 = defineComponent({
+var _sfc_main$A = defineComponent({
   name: "TableHeaderSorter",
   components: {
     CaretDownOutlined,
@@ -26002,7 +27295,7 @@ var _sfc_main$z = defineComponent({
   }
 });
 
-function _sfc_render$v(_ctx, _cache, $props, $setup, $data, $options) {
+function _sfc_render$w(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_HeaderCellTitle = resolveComponent("HeaderCellTitle");
   const _component_CaretUpOutlined = resolveComponent("CaretUpOutlined");
   const _component_CaretDownOutlined = resolveComponent("CaretDownOutlined");
@@ -26054,7 +27347,7 @@ function _sfc_render$v(_ctx, _cache, $props, $setup, $data, $options) {
     /* 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 {
@@ -26096,7 +27389,7 @@ const events = {
     stop: "touchend"
   }
 };
-var _sfc_main$y = defineComponent({
+var _sfc_main$z = defineComponent({
   name: "DragHandle",
   props: {
     prefixCls: String,
@@ -26184,7 +27477,7 @@ var _sfc_main$y = defineComponent({
   }
 });
 
-function _sfc_render$u(_ctx, _cache, $props, $setup, $data, $options) {
+function _sfc_render$v(_ctx, _cache, $props, $setup, $data, $options) {
   return openBlock(), createElementBlock(
     "div",
     {
@@ -26211,7 +27504,7 @@ function _sfc_render$u(_ctx, _cache, $props, $setup, $data, $options) {
     /* 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;
@@ -26322,7 +27615,7 @@ Radio.displayName = "Radio";
 Radio.props = checkboxProps();
 Radio.emits = ["change"];
 
-var _sfc_main$x = defineComponent({
+var _sfc_main$y = defineComponent({
   name: "FilterItems",
   inheritAttrs: false,
   components: {
@@ -26376,7 +27669,7 @@ const _hoisted_1$c = {
   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 = resolveComponent("FilterItems", true);
   const _component_SubMenu = resolveComponent("SubMenu");
   const _component_MenuItem = resolveComponent("MenuItem");
@@ -26468,9 +27761,9 @@ function _sfc_render$t(_ctx, _cache, $props, $setup, $data, $options) {
     /* 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 = defineComponent({
+var _sfc_main$x = defineComponent({
   name: "FilterDropdown",
   components: {
     FilterFilled,
@@ -26630,7 +27923,7 @@ var _sfc_main$w = defineComponent({
   }
 });
 
-function _sfc_render$s(_ctx, _cache, $props, $setup, $data, $options) {
+function _sfc_render$t(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_RenderVNode = resolveComponent("RenderVNode");
   const _component_FilterItems = resolveComponent("FilterItems");
   const _component_ProButton = resolveComponent("ProButton");
@@ -26738,9 +28031,9 @@ function _sfc_render$s(_ctx, _cache, $props, $setup, $data, $options) {
     /* 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 = defineComponent({
+var _sfc_main$w = defineComponent({
   name: "TableHeaderCell",
   components: {
     Sorter,
@@ -26979,7 +28272,7 @@ var _sfc_main$v = defineComponent({
 });
 
 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 = resolveComponent("Sorter");
   const _component_Tooltip = resolveComponent("Tooltip");
   const _component_FilterDropdown = resolveComponent("FilterDropdown");
@@ -27086,9 +28379,9 @@ function _sfc_render$r(_ctx, _cache, $props, $setup, $data, $options) {
     /* STABLE */
   }, 16, ["class", "style"])) : 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 = defineComponent({
+var _sfc_main$v = defineComponent({
   name: "HeaderExtraCell",
   components: {
     Checkbox,
@@ -27239,7 +28532,7 @@ var _sfc_main$u = defineComponent({
   }
 });
 
-function _sfc_render$q(_ctx, _cache, $props, $setup, $data, $options) {
+function _sfc_render$r(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_Checkbox = resolveComponent("Checkbox");
   const _component_DownOutlined = resolveComponent("DownOutlined");
   const _component_MenuItem = resolveComponent("MenuItem");
@@ -27365,9 +28658,9 @@ function _sfc_render$q(_ctx, _cache, $props, $setup, $data, $options) {
     /* 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 = defineComponent({
+var _sfc_main$u = defineComponent({
   name: "HeaderRow",
   components: { HeaderExtraCell, HeaderCell },
   props: {
@@ -27381,7 +28674,7 @@ var _sfc_main$t = defineComponent({
   }
 });
 
-function _sfc_render$p(_ctx, _cache, $props, $setup, $data, $options) {
+function _sfc_render$q(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_HeaderExtraCell = resolveComponent("HeaderExtraCell");
   const _component_HeaderCell = resolveComponent("HeaderCell");
   return openBlock(), createElementBlock("tr", null, [
@@ -27431,9 +28724,9 @@ function _sfc_render$p(_ctx, _cache, $props, $setup, $data, $options) {
     ))
   ]);
 }
-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 = defineComponent({
+var _sfc_main$t = defineComponent({
   name: "TableHeader",
   components: { XScroll, ColGroup, HeaderRow },
   inheritAttrs: false,
@@ -27523,7 +28816,7 @@ var _sfc_main$s = defineComponent({
   }
 });
 
-function _sfc_render$o(_ctx, _cache, $props, $setup, $data, $options) {
+function _sfc_render$p(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_ColGroup = resolveComponent("ColGroup");
   const _component_HeaderRow = resolveComponent("HeaderRow");
   const _component_XScroll = resolveComponent("XScroll");
@@ -27671,9 +28964,9 @@ function _sfc_render$o(_ctx, _cache, $props, $setup, $data, $options) {
     /* 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 = defineComponent({
+var _sfc_main$s = defineComponent({
   name: "TableHeaderCellGroup",
   components: { HeaderCellTitle },
   props: {
@@ -27698,7 +28991,7 @@ var _sfc_main$r = defineComponent({
   }
 });
 
-function _sfc_render$n(_ctx, _cache, $props, $setup, $data, $options) {
+function _sfc_render$o(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_HeaderCellTitle = resolveComponent("HeaderCellTitle");
   return openBlock(), createElementBlock(
     "div",
@@ -27722,9 +29015,9 @@ function _sfc_render$n(_ctx, _cache, $props, $setup, $data, $options) {
     /* 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 = defineComponent({
+var _sfc_main$r = defineComponent({
   name: "TableHeaderRows",
   components: { HeaderGroupCell, HeaderCell, HeaderExtraCell },
   props: {
@@ -27762,7 +29055,7 @@ var _sfc_main$q = defineComponent({
 });
 
 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 = resolveComponent("HeaderExtraCell");
   const _component_HeaderGroupCell = resolveComponent("HeaderGroupCell");
   const _component_TableHeaderRows = resolveComponent("TableHeaderRows");
@@ -27841,9 +29134,9 @@ function _sfc_render$m(_ctx, _cache, $props, $setup, $data, $options) {
     /* 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 = defineComponent({
+var _sfc_main$q = defineComponent({
   name: "TableHeaderWrap",
   components: { HeaderRows },
   directives: { resize },
@@ -27935,7 +29228,7 @@ var _sfc_main$p = defineComponent({
   }
 });
 
-function _sfc_render$l(_ctx, _cache, $props, $setup, $data, $options) {
+function _sfc_render$m(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_HeaderRows = resolveComponent("HeaderRows");
   return "center" === _ctx.type && _ctx.centerColumns.length || "center" !== _ctx.type ? (openBlock(), createElementBlock(
     "div",
@@ -28061,9 +29354,9 @@ function _sfc_render$l(_ctx, _cache, $props, $setup, $data, $options) {
     /* CLASS, STYLE */
   )) : 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 = defineComponent({
+var _sfc_main$p = defineComponent({
   name: "TableHeader",
   components: { XScroll, HeaderRowsWrap },
   inheritAttrs: false,
@@ -28131,7 +29424,7 @@ var _sfc_main$o = defineComponent({
   }
 });
 
-function _sfc_render$k(_ctx, _cache, $props, $setup, $data, $options) {
+function _sfc_render$l(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_HeaderRowsWrap = resolveComponent("HeaderRowsWrap");
   const _component_XScroll = resolveComponent("XScroll");
   const _directive_resize = resolveDirective("resize");
@@ -28218,7 +29511,7 @@ function _sfc_render$k(_ctx, _cache, $props, $setup, $data, $options) {
     /* 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) => {
@@ -28386,7 +29679,7 @@ const isEventSupported = (eventName) => {
   return eventCache[eventName = "on" + eventName] = eventName in dom;
 };
 
-var _sfc_main$n = defineComponent({
+var _sfc_main$o = defineComponent({
   name: "RowDragHandler",
   props: {
     columnKey: [String, Number],
@@ -28788,7 +30081,7 @@ var _sfc_main$n = defineComponent({
 });
 
 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 openBlock(), createElementBlock("span", {
     ref: "spanRef",
     class: normalizeClass(_ctx.className),
@@ -28804,7 +30097,7 @@ function _sfc_render$j(_ctx, _cache, $props, $setup, $data, $options) {
     "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__ */ defineComponent({
   inheritAttrs: false,
@@ -28910,7 +30203,7 @@ var BodyCellTooltip = /* @__PURE__ */ defineComponent({
   }
 });
 
-var _sfc_main$m = defineComponent({
+var _sfc_main$n = defineComponent({
   inheritAttrs: false,
   props: {
     prefixCls: { type: String },
@@ -29051,7 +30344,7 @@ var _sfc_main$m = defineComponent({
 });
 
 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 openBlock(), createElementBlock("div", {
     class: normalizeClass(`${_ctx.prefixCls}-cell-edit-inner`),
     "data-cell-auto": _ctx.autoHeight
@@ -29090,7 +30383,7 @@ function _sfc_render$i(_ctx, _cache, $props, $setup, $data, $options) {
     ])
   ], 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,
@@ -29124,7 +30417,8 @@ const ValueStatusEnum = {
   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();
@@ -29199,7 +30493,7 @@ const BodyCell = (props, { slots, emit }) => {
     [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,
@@ -29218,7 +30512,7 @@ const BodyCell = (props, { slots, emit }) => {
     } 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);
       }
     }
   };
@@ -29262,7 +30556,7 @@ const BodyCell = (props, { slots, emit }) => {
     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) {
@@ -29310,7 +30604,7 @@ const BodyCell = (props, { slots, emit }) => {
     "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
     },
     [
@@ -29324,7 +30618,7 @@ const BodyCell = (props, { slots, emit }) => {
           },
           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]
       )
     ]
   );
@@ -29478,7 +30772,7 @@ const BodyCell = (props, { slots, emit }) => {
 };
 BodyCell.props = cellProps;
 
-var _sfc_main$l = defineComponent({
+var _sfc_main$m = defineComponent({
   name: "TableExpandedRow",
   directives: { cellResize },
   components: { RenderVNode },
@@ -29557,7 +30851,7 @@ var _sfc_main$l = defineComponent({
 });
 
 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 = resolveComponent("RenderVNode");
   const _directive_cell_resize = resolveDirective("cell-resize");
   return openBlock(), createElementBlock(
@@ -29596,9 +30890,9 @@ function _sfc_render$h(_ctx, _cache, $props, $setup, $data, $options) {
     /* 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 = defineComponent({
+var _sfc_main$l = defineComponent({
   name: "ProTableExpandIcon",
   props: {
     prefixCls: String,
@@ -29640,7 +30934,7 @@ var _sfc_main$k = defineComponent({
 });
 
 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 ? (openBlock(), createElementBlock("span", {
     key: 0,
     onClick: _cache[0] || (_cache[0] = withModifiers(() => {
@@ -29655,9 +30949,9 @@ function _sfc_render$g(_ctx, _cache, $props, $setup, $data, $options) {
     onClick: _cache[1] || (_cache[1] = 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 = defineComponent({
+var _sfc_main$k = defineComponent({
   name: "BodyExtraCell",
   components: { Checkbox, Radio, ExpandIcon, MenuOutlined },
   props: {
@@ -29856,7 +31150,7 @@ const _hoisted_2$1 = {
   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 = resolveComponent("Radio");
   const _component_Checkbox = resolveComponent("Checkbox");
   const _component_ExpandIcon = resolveComponent("ExpandIcon");
@@ -29916,10 +31210,10 @@ function _sfc_render$f(_ctx, _cache, $props, $setup, $data, $options) {
     ])) : 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 = defineComponent({
+var _sfc_main$j = defineComponent({
   name: "ProTableBodyRow",
   components: {
     ExpandIcon,
@@ -29947,6 +31241,7 @@ var _sfc_main$i = defineComponent({
     const rowUniId = "row_uni_id_" + uniIdCount++;
     const tableContext = useInjectTable();
     const rowInstance = getCurrentInstance();
+    const { table } = useProConfigInject();
     const { editCellKeys, closeEditor, openEditor } = useEditInject();
     let isUnmount = false;
     const bodyRow = ref();
@@ -30052,9 +31347,11 @@ var _sfc_main$i = defineComponent({
     const mergedRowHeights = computed(() => tableContext.mergedRowHeights.value);
     const height = eagerComputed(() => mergedRowHeights.value[props.rowKey]);
     const cellHeight = eagerComputed(() => tableContext.rowHeights.value[props.rowKey]);
-    const isSelected = computed(
-      () => tableContext.props.highlightSelectRow && tableContext.selection.derivedSelectedKeySet.value.has(props.rowKey)
-    );
+    const isSelected = 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 = computed(() => {
       var _a;
       const { prefixCls, record, rowIndex, indent } = props;
@@ -30154,7 +31451,9 @@ var _sfc_main$i = defineComponent({
       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,
@@ -30192,7 +31491,7 @@ var _sfc_main$i = defineComponent({
 
 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 = resolveComponent("ExpandedRow");
   const _component_BodyExtraCell = resolveComponent("BodyExtraCell");
   const _component_ExpandIcon = resolveComponent("ExpandIcon");
@@ -30338,9 +31637,9 @@ function _sfc_render$e(_ctx, _cache, $props, $setup, $data, $options) {
     )) : 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 = defineComponent({
+var _sfc_main$i = defineComponent({
   name: "TableBodyRows",
   components: { Row },
   inheritAttrs: false,
@@ -30382,7 +31681,7 @@ var _sfc_main$h = defineComponent({
   }
 });
 
-function _sfc_render$d(_ctx, _cache, $props, $setup, $data, $options) {
+function _sfc_render$e(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_Row = resolveComponent("Row");
   return openBlock(true), createElementBlock(
     Fragment,
@@ -30415,7 +31714,7 @@ function _sfc_render$d(_ctx, _cache, $props, $setup, $data, $options) {
     /* 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__ */ defineComponent({
   props: {
@@ -30519,7 +31818,7 @@ var YScroll = /* @__PURE__ */ defineComponent({
   }
 });
 
-var _sfc_main$g = defineComponent({
+var _sfc_main$h = defineComponent({
   name: "TableBody",
   components: {
     BodyRows,
@@ -30985,7 +32284,7 @@ const _hoisted_1$3 = { style: {
   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 = resolveComponent("RenderVNode");
   const _component_RenderSlot = resolveComponent("RenderSlot");
   const _component_BodyRows = resolveComponent("BodyRows");
@@ -31533,10 +32832,10 @@ function _sfc_render$c(_ctx, _cache, $props, $setup, $data, $options) {
     /* 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 = defineComponent({
+var _sfc_main$g = defineComponent({
   name: "ProTable",
   inheritAttrs: false,
   directives: { resize },
@@ -31567,9 +32866,10 @@ var _sfc_main$f = defineComponent({
   ],
   slots: {},
   setup(props, { expose, emit, slots }) {
+    const { table } = useProConfigInject();
     const rowKey = 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 = shallowRef(null);
     const customUiCls = usePrefixCls("custom-ui");
@@ -31584,7 +32884,10 @@ var _sfc_main$f = defineComponent({
     const draggingColumnKey = ref("");
     const latestRangeStartCell = shallowRef(null);
     const mergedSummaryFixed = 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 = ref(0);
     watchEffect(() => {
@@ -31676,7 +32979,12 @@ var _sfc_main$f = defineComponent({
       },
       { immediate: true, deep: !!props.deepWatchColumns }
     );
-    const childrenColumnName = computed(() => props.childrenColumnName || "children");
+    const childrenColumnName = 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 = shallowRef([]);
     watchEffect(() => {
@@ -31858,13 +33166,13 @@ var _sfc_main$f = defineComponent({
       }
     };
     const useAnimate = ref(false);
-    const animateRows$1 = computed(() => {
-      var _a;
-      return !!((_a = props.animateRows) != null ? _a : animateRows.value);
+    const animateRows = computed(() => {
+      var _a, _b;
+      return !!((_b = props.animateRows) != null ? _b : (_a = table == null ? void 0 : table.value) == null ? void 0 : _a.animateRows);
     });
     let timer;
     watch(
-      animateRows$1,
+      animateRows,
       (newVal) => {
         useAnimate.value = newVal;
       },
@@ -31874,7 +33182,7 @@ var _sfc_main$f = defineComponent({
       useAnimate.value = false;
       clearTimeout(timer);
       timer = setTimeout(() => {
-        useAnimate.value = animateRows$1.value;
+        useAnimate.value = animateRows.value;
       }, 100);
     };
     const maxScrollLeft = computed(() => bodyMaxWidth.value - bodyWidth.value);
@@ -31904,17 +33212,20 @@ var _sfc_main$f = defineComponent({
       noPinged.value = !pingedLeft.value && !pingedRight.value;
     });
     const rootClass = 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 = computed(() => ({
       height: typeof props.height == "number" ? `${props.height}px` : props.height,
@@ -32020,7 +33331,7 @@ var _sfc_main$f = defineComponent({
       insertToRowKey,
       status,
       useAnimate,
-      animateRows: animateRows$1,
+      animateRows,
       watermarkMsg,
       onResizeColumn: (w, col, action) => {
         var _a;
@@ -32390,7 +33701,7 @@ var _sfc_main$f = defineComponent({
   }
 });
 
-function _sfc_render$b(_ctx, _cache, $props, $setup, $data, $options) {
+function _sfc_render$c(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_Pagination = resolveComponent("Pagination");
   const _component_AutoHeightHeader = resolveComponent("AutoHeightHeader");
   const _component_ProHeader = resolveComponent("ProHeader");
@@ -32545,9 +33856,9 @@ function _sfc_render$b(_ctx, _cache, $props, $setup, $data, $options) {
     /* 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 = defineComponent({
+var _sfc_main$f = defineComponent({
   name: "TableToolBarSearch",
   inheritAttrs: false,
   components: { AInputSearch: InputSearch },
@@ -32568,7 +33879,7 @@ var _sfc_main$e = defineComponent({
   }
 });
 
-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 = resolveComponent("AInputSearch");
   return openBlock(), createBlock(_component_AInputSearch, mergeProps({
@@ -32581,9 +33892,9 @@ function _sfc_render$a(_ctx, _cache, $props, $setup, $data, $options) {
     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 = defineComponent({
+var _sfc_main$e = defineComponent({
   name: "DensityIcon",
   inheritAttrs: false,
   components: { Dropdown, Tooltip, AMenu: Menu, ColumnHeightOutlined },
@@ -32600,7 +33911,7 @@ var _sfc_main$d = defineComponent({
         },
         items: [
           {
-            key: "default",
+            key: "large",
             label: intl.getMessage("tableToolBar.densityLarger", "\u5BBD\u677E")
           },
           {
@@ -32623,7 +33934,7 @@ var _sfc_main$d = defineComponent({
   }
 });
 
-function _sfc_render$9(_ctx, _cache, $props, $setup, $data, $options) {
+function _sfc_render$a(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_ColumnHeightOutlined = resolveComponent("ColumnHeightOutlined");
   const _component_Tooltip = resolveComponent("Tooltip");
   const _component_AMenu = resolveComponent("AMenu");
@@ -32666,7 +33977,77 @@ function _sfc_render$9(_ctx, _cache, $props, $setup, $data, $options) {
     /* 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 = defineComponent({
+  name: "FullscreenIcon",
+  inheritAttrs: false,
+  components: { Tooltip, FullscreenExitOutlined, FullscreenOutlined },
+  props: { prefixCls: String },
+  setup() {
+    const intl = useIntl();
+    const fullscreen = ref(false);
+    onMounted(() => {
+      if (!isBrowser$1()) {
+        return;
+      }
+      document.onfullscreenchange = () => {
+        fullscreen.value = !!document.fullscreenElement;
+      };
+    });
+    return {
+      h,
+      intl,
+      fullscreen
+    };
+  }
+});
+
+function _sfc_render$9(_ctx, _cache, $props, $setup, $data, $options) {
+  const _component_FullscreenExitOutlined = resolveComponent("FullscreenExitOutlined");
+  const _component_Tooltip = resolveComponent("Tooltip");
+  const _component_FullscreenOutlined = resolveComponent("FullscreenOutlined");
+  return _ctx.fullscreen ? (openBlock(), createBlock(_component_Tooltip, {
+    key: 0,
+    title: _ctx.intl.getMessage("tableToolBar.exitFullScreen", "\u9000\u51FA\u5168\u5C4F")
+  }, {
+    default: withCtx(() => [
+      createElementVNode(
+        "div",
+        {
+          class: normalizeClass(`${_ctx.prefixCls}-toolbar-actions-item`)
+        },
+        [
+          createVNode(_component_FullscreenExitOutlined)
+        ],
+        2
+        /* CLASS */
+      )
+    ]),
+    _: 1
+    /* STABLE */
+  }, 8, ["title"])) : (openBlock(), createBlock(_component_Tooltip, {
+    key: 1,
+    title: _ctx.intl.getMessage("tableToolBar.fullScreen", "\u5168\u5C4F")
+  }, {
+    default: withCtx(() => [
+      createElementVNode(
+        "div",
+        {
+          class: normalizeClass(`${_ctx.prefixCls}-toolbar-actions-item`)
+        },
+        [
+          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 = defineComponent({
   name: "CheckboxListItem",
@@ -33275,7 +34656,8 @@ var _sfc_main$8 = defineComponent({
     Tooltip,
     ColumnSetting,
     ReloadOutlined,
-    InfoCircleOutlined
+    InfoCircleOutlined,
+    FullscreenIcon
   },
   props: {
     prefixCls: String,
@@ -33311,7 +34693,11 @@ var _sfc_main$8 = defineComponent({
       density: true,
       setting: true,
       filter: false,
-      search: false
+      search: false,
+      fullScreen: () => {
+        var _a;
+        return (_a = props.actionsRef) == null ? void 0 : _a.fullScreen();
+      }
     };
     const mergeOptions = computed(() => {
       if (props.options === false) {
@@ -33356,10 +34742,20 @@ var _sfc_main$8 = defineComponent({
     };
     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);
+      }
+    };
     onMounted(() => {
       if (searchConfig.value.value || searchConfig.value.defaultValue) {
         props.actionsRef.keyword.value = searchConfig.value.value || searchConfig.value.defaultValue;
@@ -33374,7 +34770,8 @@ var _sfc_main$8 = defineComponent({
       SettingOutlined,
       ColumnHeightOutlined,
       onSearch,
-      onReload
+      onReload,
+      onFullScreen
     };
   }
 });
@@ -33387,6 +34784,7 @@ function _sfc_render$4(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_ReloadOutlined = resolveComponent("ReloadOutlined");
   const _component_DensityIcon = resolveComponent("DensityIcon");
   const _component_ColumnSetting = resolveComponent("ColumnSetting");
+  const _component_FullscreenIcon = resolveComponent("FullscreenIcon");
   return openBlock(), createElementBlock(
     "div",
     {
@@ -33531,7 +34929,13 @@ function _sfc_render$4(_ctx, _cache, $props, $setup, $data, $options) {
                           key: 2,
                           "prefix-cls": _ctx.prefixCls,
                           columns: _ctx.tableColumn
-                        }, null, 8, ["prefix-cls", "columns"])) : createCommentVNode("v-if", true)
+                        }, null, 8, ["prefix-cls", "columns"])) : createCommentVNode("v-if", true),
+                        _ctx.mergeOptions.fullScreen !== false ? (openBlock(), createElementBlock("span", {
+                          key: 3,
+                          onClick: _cache[0] || (_cache[0] = (...args) => _ctx.onFullScreen && _ctx.onFullScreen(...args))
+                        }, [
+                          createVNode(_component_FullscreenIcon, { prefixCls: _ctx.prefixCls }, null, 8, ["prefixCls"])
+                        ])) : createCommentVNode("v-if", true)
                       ],
                       64
                       /* STABLE_FRAGMENT */
@@ -33804,14 +35208,19 @@ var Table = /* @__PURE__ */ defineComponent({
     emit
   }) {
     var _a;
-    const table = ref();
-    const wrapperRef = ref();
+    const tableRef = ref();
+    const {
+      table
+    } = useProConfigInject();
     const prefixCls = usePrefixCls("table");
     const {
       hoverRowKey
     } = useProvideHover({
       rowHoverDelay: computed(() => props.rowHoverDelay),
-      rowHover: computed(() => props.rowHover)
+      rowHover: computed(() => {
+        var _a2, _b;
+        return (_b = props.rowHover) != null ? _b : (_a2 = table == null ? void 0 : table.value) == null ? void 0 : _a2.rowHover;
+      })
     });
     const mergedPrefixCls = computed(() => {
       var _a2;
@@ -33819,9 +35228,9 @@ var Table = /* @__PURE__ */ defineComponent({
     });
     useProvideLevel();
     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"
@@ -34044,52 +35453,52 @@ var Table = /* @__PURE__ */ defineComponent({
     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: computed(() => {
         var _a2;
-        return unref((_a2 = table.value) == null ? void 0 : _a2.scrollLeft);
+        return unref((_a2 = tableRef.value) == null ? void 0 : _a2.scrollLeft);
       }),
       scrollTop: computed(() => {
         var _a2;
-        return unref((_a2 = table.value) == null ? void 0 : _a2.scrollTop);
+        return unref((_a2 = tableRef.value) == null ? void 0 : _a2.scrollTop);
       }),
       bodyRef: computed(() => {
         var _a2;
-        return unref((_a2 = table.value) == null ? void 0 : _a2.bodyRef);
+        return 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
@@ -34101,7 +35510,21 @@ var Table = /* @__PURE__ */ defineComponent({
         "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,
@@ -34125,7 +35548,7 @@ var Table = /* @__PURE__ */ defineComponent({
         info: slots.alertInfo,
         actions: slots.alertActions
       }), createVNode(InteralTable, mergeProps({
-        "ref": table
+        "ref": tableRef
       }, omit(props, ["onChange", "onUpdate:pagination", "onUpdate:selectedRowKeys", "onUpdate:columns"]), {
         "prefixCls": mergedPrefixCls.value,
         "columns": mergeColumns || [],
@@ -34154,30 +35577,39 @@ var Table = /* @__PURE__ */ defineComponent({
           default: () => [_tableDom]
         });
       }
-      return createVNode("div", 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) && 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 createVNode(ConfigProvider, {
+        "getPopupContainer": () => {
+          return counter.rootDomRef.value || document.body;
+        }
+      }, {
+        default: () => {
+          var _a3;
+          return [createVNode("div", 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) && 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]);
+      });
     };
   }
 });