@kengic/core.react 0.0.2-beta.40 → 0.0.2-beta.42

package/kengic-core.react.js

@@ -24075,7 +24075,7 @@ function createStore$1(e, t, r) {
     [symbol_observable_default]: ie
   };
 }
-function warning$4(e) {
+function warning$5(e) {
   typeof console < "u" && typeof console.error == "function" && console.error(e);
   try {
     throw new Error(e);
@@ -24111,7 +24111,7 @@ function combineReducers(e) {
   const t = Object.keys(e), r = {};
   for (let u = 0; u < t.length; u++) {
     const p = t[u];
-    process.env.NODE_ENV !== "production" && typeof e[p] > "u" && warning$4(`No reducer provided for key "${p}"`), typeof e[p] == "function" && (r[p] = e[p]);
+    process.env.NODE_ENV !== "production" && typeof e[p] > "u" && warning$5(`No reducer provided for key "${p}"`), typeof e[p] == "function" && (r[p] = e[p]);
   }
   const n = Object.keys(r);
   let a;
@@ -24127,7 +24127,7 @@ function combineReducers(e) {
       throw s;
     if (process.env.NODE_ENV !== "production") {
       const G = getUnexpectedStateShapeWarningMessage(p, r, C, a);
-      G && warning$4(G);
+      G && warning$5(G);
     }
     let w = !1;
     const L = {};
@@ -25556,7 +25556,7 @@ function toArray$4(e) {
 var warned = {}, preWarningFns = [], preMessage = function(t) {
   preWarningFns.push(t);
 };
-function warning$3(e, t) {
+function warning$4(e, t) {
   if (process.env.NODE_ENV !== "production" && !e && console !== void 0) {
     var r = preWarningFns.reduce(function(n, a) {
       return a(n ?? "", "warning");
@@ -25579,7 +25579,7 @@ function call(e, t, r) {
   !t && !warned[r] && (e(!1, r), warned[r] = !0);
 }
 function warningOnce(e, t) {
-  call(warning$3, e, t);
+  call(warning$4, e, t);
 }
 function noteOnce(e, t) {
   call(note, e, t);
@@ -26141,7 +26141,7 @@ process.env.NODE_ENV !== "production" && (RefSingleObserver.displayName = "Singl
 var INTERNAL_PREFIX_KEY = "rc-observer-key";
 function ResizeObserver$1(e, t) {
   var r = e.children, n = typeof r == "function" ? [r] : toArray$4(r);
-  return process.env.NODE_ENV !== "production" && (n.length > 1 ? warning$3(!1, "Find more than one child node with `children` in ResizeObserver. Please use ResizeObserver.Collection instead.") : n.length === 0 && warning$3(!1, "`children` of ResizeObserver is empty. Nothing is in observe.")), n.map(function(a, s) {
+  return process.env.NODE_ENV !== "production" && (n.length > 1 ? warning$4(!1, "Find more than one child node with `children` in ResizeObserver. Please use ResizeObserver.Collection instead.") : n.length === 0 && warning$4(!1, "`children` of ResizeObserver is empty. Nothing is in observe.")), n.map(function(a, s) {
     var u = (a == null ? void 0 : a.key) || "".concat(INTERNAL_PREFIX_KEY, "-").concat(s);
     return /* @__PURE__ */ reactExports.createElement(RefSingleObserver, _extends({}, e, {
       key: u,
@@ -26569,7 +26569,7 @@ _defineProperty(ThemeCache, "MAX_CACHE_SIZE", 20);
 _defineProperty(ThemeCache, "MAX_CACHE_OFFSET", 5);
 var uuid$5 = 0, Theme = /* @__PURE__ */ function() {
   function e(t) {
-    _classCallCheck(this, e), _defineProperty(this, "derivatives", void 0), _defineProperty(this, "id", void 0), this.derivatives = Array.isArray(t) ? t : [t], this.id = uuid$5, t.length === 0 && warning$3(t.length > 0, "[Ant Design CSS-in-JS] Theme should have at least one derivative function."), uuid$5 += 1;
+    _classCallCheck(this, e), _defineProperty(this, "derivatives", void 0), _defineProperty(this, "id", void 0), this.derivatives = Array.isArray(t) ? t : [t], this.id = uuid$5, t.length === 0 && warning$4(t.length > 0, "[Ant Design CSS-in-JS] Theme should have at least one derivative function."), uuid$5 += 1;
   }
   return _createClass(e, [{
     key: "getDerivativeToken",
@@ -26666,7 +26666,7 @@ var token2CSSVar = function(t) {
   var r = [], n = !1;
   function a(s) {
     if (n) {
-      process.env.NODE_ENV !== "production" && warning$3(!1, "[Ant Design CSS-in-JS] You are registering a cleanup function after unmount, which will not have any effect.");
+      process.env.NODE_ENV !== "production" && warning$4(!1, "[Ant Design CSS-in-JS] You are registering a cleanup function after unmount, which will not have any effect.");
       return;
     }
     r.push(s);
@@ -27469,7 +27469,7 @@ const WarningContext = /* @__PURE__ */ reactExports.createContext({}), devUseWar
   const e = () => {
   };
   return e.deprecated = noop$3, e;
-}, ValidateMessagesContext = /* @__PURE__ */ reactExports.createContext(void 0);
+}, warning$3 = warning$2, ValidateMessagesContext = /* @__PURE__ */ reactExports.createContext(void 0);
 var locale$A = {
   // Options
   items_per_page: "/ page",
@@ -28696,7 +28696,7 @@ function getStyle$1(e, t) {
 }
 function registerTheme(e, t) {
   const r = getStyle$1(e, t);
-  canUseDom() ? updateCSS(r, `${dynamicStyleMark}-dynamic-theme`) : process.env.NODE_ENV !== "production" && warning$2(!1, "ConfigProvider", "SSR do not support dynamic theme with css variables.");
+  canUseDom() ? updateCSS(r, `${dynamicStyleMark}-dynamic-theme`) : process.env.NODE_ENV !== "production" && warning$3(!1, "ConfigProvider", "SSR do not support dynamic theme with css variables.");
 }
 const DisabledContext = /* @__PURE__ */ reactExports.createContext(!1), DisabledContextProvider = (e) => {
   let {
@@ -30064,7 +30064,7 @@ var __rest$z = function(e, t) {
 };
 let existThemeConfig = !1;
 const warnContext = process.env.NODE_ENV !== "production" ? (e) => {
-  process.env.NODE_ENV !== "production" && warning$2(!existThemeConfig, e, "Static function can not consume context like dynamic theme. Please use 'App' component instead.");
+  process.env.NODE_ENV !== "production" && warning$3(!existThemeConfig, e, "Static function can not consume context like dynamic theme. Please use 'App' component instead.");
 } : (
   /* istanbul ignore next */
   null
@@ -30086,7 +30086,7 @@ const setGlobalConfig = (e) => {
     theme: n,
     holderRender: a
   } = e;
-  t !== void 0 && (globalPrefixCls = t), r !== void 0 && (globalIconPrefixCls = r), "holderRender" in e && (globalHolderRender = a), n && (isLegacyTheme(n) ? (process.env.NODE_ENV !== "production" && warning$2(!1, "ConfigProvider", "`config` of css variable theme is not work in v5. Please use new `theme` config instead."), registerTheme(getGlobalPrefixCls(), n)) : globalTheme = n);
+  t !== void 0 && (globalPrefixCls = t), r !== void 0 && (globalIconPrefixCls = r), "holderRender" in e && (globalHolderRender = a), n && (isLegacyTheme(n) ? (process.env.NODE_ENV !== "production" && warning$3(!1, "ConfigProvider", "`config` of css variable theme is not work in v5. Please use new `theme` config instead."), registerTheme(getGlobalPrefixCls(), n)) : globalTheme = n);
 }, globalConfig = () => ({
   getPrefixCls: (e, t) => t || (e ? `${getGlobalPrefixCls()}-${e}` : getGlobalPrefixCls()),
   getIconPrefixCls: getGlobalIconPrefixCls,
@@ -30335,7 +30335,7 @@ ConfigProvider.SizeContext = SizeContext;
 ConfigProvider.config = setGlobalConfig;
 ConfigProvider.useConfig = useConfig;
 Object.defineProperty(ConfigProvider, "SizeContext", {
-  get: () => (process.env.NODE_ENV !== "production" && warning$2(!1, "ConfigProvider", "ConfigProvider.SizeContext is deprecated. Please use `ConfigProvider.useConfig().componentSize` instead."), SizeContext)
+  get: () => (process.env.NODE_ENV !== "production" && warning$3(!1, "ConfigProvider", "ConfigProvider.SizeContext is deprecated. Please use `ConfigProvider.useConfig().componentSize` instead."), SizeContext)
 });
 process.env.NODE_ENV !== "production" && (ConfigProvider.displayName = "ConfigProvider");
 var CheckCircleFilled$1 = { icon: { tag: "svg", attrs: { viewBox: "64 64 896 896", focusable: "false" }, children: [{ tag: "path", attrs: { d: "M512 64C264.6 64 64 264.6 64 512s200.6 448 448 448 448-200.6 448-448S759.4 64 512 64zm193.5 301.7l-210.6 292a31.8 31.8 0 01-51.7 0L318.5 484.9c-3.8-5.3 0-12.7 6.5-12.7h46.9c10.2 0 19.9 4.9 25.9 13.3l71.2 98.8 157.2-218c6-8.3 15.6-13.3 25.9-13.3H699c6.5 0 10.3 7.4 6.5 12.7z" } }] }, name: "check-circle", theme: "filled" };
@@ -34588,8 +34588,8 @@ var Mask$1 = function(t) {
 }, Dialog = function(t) {
   var r = t.prefixCls, n = r === void 0 ? "rc-dialog" : r, a = t.zIndex, s = t.visible, u = s === void 0 ? !1 : s, p = t.keyboard, C = p === void 0 ? !0 : p, w = t.focusTriggerAfterClose, L = w === void 0 ? !0 : w, G = t.wrapStyle, te = t.wrapClassName, oe = t.wrapProps, ie = t.onClose, ue = t.afterOpenChange, ae = t.afterClose, ut = t.transitionName, ea = t.animation, ct = t.closable, ra = ct === void 0 ? !0 : ct, ta = t.mask, oa = ta === void 0 ? !0 : ta, ia = t.maskTransitionName, ca = t.maskAnimation, sa = t.maskClosable, ha = sa === void 0 ? !0 : sa, Sa = t.maskStyle, ba = t.maskProps, ga = t.rootClassName, ma = t.classNames, $a = t.styles;
   process.env.NODE_ENV !== "production" && (["wrapStyle", "bodyStyle", "maskStyle"].forEach(function(za) {
-    warning$3(!(za in t), "".concat(za, " is deprecated, please use styles instead."));
-  }), "wrapClassName" in t && warning$3(!1, "wrapClassName is deprecated, please use classNames instead."));
+    warning$4(!(za in t), "".concat(za, " is deprecated, please use styles instead."));
+  }), "wrapClassName" in t && warning$4(!1, "wrapClassName is deprecated, please use classNames instead."));
   var va = reactExports.useRef(), ua = reactExports.useRef(), fa = reactExports.useRef(), ya = reactExports.useState(u), xa = _slicedToArray(ya, 2), pa = xa[0], Ta = xa[1], Pa = useId$1();
   function Ra() {
     contains(ua.current, document.activeElement) || (va.current = document.activeElement);
@@ -38109,7 +38109,7 @@ const ConfirmDialogWrapper = (e) => {
     direction: s
   } = e, u = getConfirmLocale(), p = reactExports.useContext(ConfigContext), C = getRootPrefixCls() || p.getPrefixCls(), w = n || `${C}-modal`;
   let L = a;
-  return L === !1 && (L = void 0, process.env.NODE_ENV !== "production" && process.env.NODE_ENV !== "production" && warning$2(!1, "Modal", "Static method not support `getContainer` to be `false` since it do not have context env.")), /* @__PURE__ */ React$1.createElement(ConfirmDialogWrapper$1, Object.assign({}, e, {
+  return L === !1 && (L = void 0, process.env.NODE_ENV !== "production" && process.env.NODE_ENV !== "production" && warning$3(!1, "Modal", "Static method not support `getContainer` to be `false` since it do not have context env.")), /* @__PURE__ */ React$1.createElement(ConfirmDialogWrapper$1, Object.assign({}, e, {
     rootPrefixCls: C,
     prefixCls: w,
     iconPrefixCls: p.iconPrefixCls,
@@ -38199,7 +38199,7 @@ function modalGlobalConfig(e) {
   let {
     rootPrefixCls: t
   } = e;
-  process.env.NODE_ENV !== "production" && warning$2(!1, "Modal", "Modal.config is deprecated. Please use ConfigProvider.config instead."), defaultRootPrefixCls = t;
+  process.env.NODE_ENV !== "production" && warning$3(!1, "Modal", "Modal.config is deprecated. Please use ConfigProvider.config instead."), defaultRootPrefixCls = t;
 }
 var __rest$t = function(e, t) {
   var r = {};
@@ -38718,7 +38718,7 @@ ForwardOverflow.RESPONSIVE = RESPONSIVE;
 ForwardOverflow.INVALIDATE = INVALIDATE;
 var Input$3 = function(t, r) {
   var n, a = t.prefixCls, s = t.id, u = t.inputElement, p = t.disabled, C = t.tabIndex, w = t.autoFocus, L = t.autoComplete, G = t.editable, te = t.activeDescendantId, oe = t.value, ie = t.maxLength, ue = t.onKeyDown, ae = t.onMouseDown, ut = t.onChange, ea = t.onPaste, ct = t.onCompositionStart, ra = t.onCompositionEnd, ta = t.open, oa = t.attrs, ia = u || /* @__PURE__ */ reactExports.createElement("input", null), ca = ia, sa = ca.ref, ha = ca.props, Sa = ha.onKeyDown, ba = ha.onChange, ga = ha.onMouseDown, ma = ha.onCompositionStart, $a = ha.onCompositionEnd, va = ha.style;
-  return warning$3(!("maxLength" in ia.props), "Passing 'maxLength' to input element directly may not work because input in BaseSelect is controlled."), ia = /* @__PURE__ */ reactExports.cloneElement(ia, _objectSpread2$8(_objectSpread2$8(_objectSpread2$8({
+  return warning$4(!("maxLength" in ia.props), "Passing 'maxLength' to input element directly may not work because input in BaseSelect is controlled."), ia = /* @__PURE__ */ reactExports.cloneElement(ia, _objectSpread2$8(_objectSpread2$8(_objectSpread2$8({
     type: "search"
   }, ha), {}, {
     // Override over origin props
@@ -39397,7 +39397,7 @@ function useWinClick(e, t, r, n, a, s, u, p) {
       var ie = getShadowRoot(r);
       if (ie && (ie.addEventListener("mousedown", te, !0), ie.addEventListener("contextmenu", te, !0)), process.env.NODE_ENV !== "production") {
         var ue, ae, ut = r == null || (ue = r.getRootNode) === null || ue === void 0 ? void 0 : ue.call(r), ea = (ae = n.getRootNode) === null || ae === void 0 ? void 0 : ae.call(n);
-        warning$3(ut === ea, "trigger element and popup element should in same shadow root.");
+        warning$4(ut === ea, "trigger element and popup element should in same shadow root.");
       }
       return function() {
         oe.removeEventListener("pointerdown", G, !0), oe.removeEventListener("mousedown", te, !0), oe.removeEventListener("contextmenu", te, !0), ie && (ie.removeEventListener("mousedown", te, !0), ie.removeEventListener("contextmenu", te, !0));
@@ -66667,24 +66667,411 @@ function doKgSqlClient(e = "") {
     }
   }), t;
 }
+var isFunction$3 = function(e) {
+  return typeof e == "function";
+}, isString = function(e) {
+  return typeof e == "string";
+}, isNumber = function(e) {
+  return typeof e == "number";
+}, isDev = process.env.NODE_ENV === "development" || process.env.NODE_ENV === "test";
+function depsAreSame(e, t) {
+  if (e === t) return !0;
+  for (var r = 0; r < e.length; r++)
+    if (!Object.is(e[r], t[r])) return !1;
+  return !0;
+}
+function useLatest(e) {
+  var t = reactExports.useRef(e);
+  return t.current = e, t;
+}
+var useUnmount = function(e) {
+  isDev && (isFunction$3(e) || console.error("useUnmount expected parameter is a function, got ".concat(typeof e)));
+  var t = useLatest(e);
+  reactExports.useEffect(function() {
+    return function() {
+      t.current();
+    };
+  }, []);
+}, isBrowser = !!(typeof window < "u" && window.document && window.document.createElement);
+function getTargetElement(e, t) {
+  if (isBrowser) {
+    if (!e)
+      return t;
+    var r;
+    return isFunction$3(e) ? r = e() : "current" in e ? r = e.current : r = e, r;
+  }
+}
+var createEffectWithTarget = function(e) {
+  var t = function(r, n, a) {
+    var s = reactExports.useRef(!1), u = reactExports.useRef([]), p = reactExports.useRef([]), C = reactExports.useRef();
+    e(function() {
+      var w, L = Array.isArray(a) ? a : [a], G = L.map(function(te) {
+        return getTargetElement(te);
+      });
+      if (!s.current) {
+        s.current = !0, u.current = G, p.current = n, C.current = r();
+        return;
+      }
+      (G.length !== u.current.length || !depsAreSame(u.current, G) || !depsAreSame(p.current, n)) && ((w = C.current) === null || w === void 0 || w.call(C), u.current = G, p.current = n, C.current = r());
+    }), useUnmount(function() {
+      var w;
+      (w = C.current) === null || w === void 0 || w.call(C), s.current = !1;
+    });
+  };
+  return t;
+}, useEffectWithTarget$1 = createEffectWithTarget(reactExports.useEffect), hasElementType = typeof Element < "u", hasMap = typeof Map == "function", hasSet = typeof Set == "function", hasArrayBuffer = typeof ArrayBuffer == "function" && !!ArrayBuffer.isView;
+function equal(e, t) {
+  if (e === t) return !0;
+  if (e && t && typeof e == "object" && typeof t == "object") {
+    if (e.constructor !== t.constructor) return !1;
+    var r, n, a;
+    if (Array.isArray(e)) {
+      if (r = e.length, r != t.length) return !1;
+      for (n = r; n-- !== 0; )
+        if (!equal(e[n], t[n])) return !1;
+      return !0;
+    }
+    var s;
+    if (hasMap && e instanceof Map && t instanceof Map) {
+      if (e.size !== t.size) return !1;
+      for (s = e.entries(); !(n = s.next()).done; )
+        if (!t.has(n.value[0])) return !1;
+      for (s = e.entries(); !(n = s.next()).done; )
+        if (!equal(n.value[1], t.get(n.value[0]))) return !1;
+      return !0;
+    }
+    if (hasSet && e instanceof Set && t instanceof Set) {
+      if (e.size !== t.size) return !1;
+      for (s = e.entries(); !(n = s.next()).done; )
+        if (!t.has(n.value[0])) return !1;
+      return !0;
+    }
+    if (hasArrayBuffer && ArrayBuffer.isView(e) && ArrayBuffer.isView(t)) {
+      if (r = e.length, r != t.length) return !1;
+      for (n = r; n-- !== 0; )
+        if (e[n] !== t[n]) return !1;
+      return !0;
+    }
+    if (e.constructor === RegExp) return e.source === t.source && e.flags === t.flags;
+    if (e.valueOf !== Object.prototype.valueOf && typeof e.valueOf == "function" && typeof t.valueOf == "function") return e.valueOf() === t.valueOf();
+    if (e.toString !== Object.prototype.toString && typeof e.toString == "function" && typeof t.toString == "function") return e.toString() === t.toString();
+    if (a = Object.keys(e), r = a.length, r !== Object.keys(t).length) return !1;
+    for (n = r; n-- !== 0; )
+      if (!Object.prototype.hasOwnProperty.call(t, a[n])) return !1;
+    if (hasElementType && e instanceof Element) return !1;
+    for (n = r; n-- !== 0; )
+      if (!((a[n] === "_owner" || a[n] === "__v" || a[n] === "__o") && e.$$typeof) && !equal(e[a[n]], t[a[n]]))
+        return !1;
+    return !0;
+  }
+  return e !== e && t !== t;
+}
+var reactFastCompare = function(t, r) {
+  try {
+    return equal(t, r);
+  } catch (n) {
+    if ((n.message || "").match(/stack|recursion/i))
+      return console.warn("react-fast-compare cannot handle circular refs"), !1;
+    throw n;
+  }
+};
+const isEqual = /* @__PURE__ */ getDefaultExportFromCjs(reactFastCompare);
+var depsEqual = function(e, t) {
+  return e === void 0 && (e = []), t === void 0 && (t = []), isEqual(e, t);
+}, useDeepCompareEffectWithTarget = function(e, t, r) {
+  var n = reactExports.useRef(), a = reactExports.useRef(0);
+  depsEqual(t, n.current) || (a.current += 1), n.current = t, useEffectWithTarget$1(e, [a.current], r);
+}, isAppleDevice = /(mac|iphone|ipod|ipad)/i.test(typeof navigator < "u" ? navigator == null ? void 0 : navigator.platform : ""), aliasKeyCodeMap = {
+  0: 48,
+  1: 49,
+  2: 50,
+  3: 51,
+  4: 52,
+  5: 53,
+  6: 54,
+  7: 55,
+  8: 56,
+  9: 57,
+  backspace: 8,
+  tab: 9,
+  enter: 13,
+  shift: 16,
+  ctrl: 17,
+  alt: 18,
+  pausebreak: 19,
+  capslock: 20,
+  esc: 27,
+  space: 32,
+  pageup: 33,
+  pagedown: 34,
+  end: 35,
+  home: 36,
+  leftarrow: 37,
+  uparrow: 38,
+  rightarrow: 39,
+  downarrow: 40,
+  insert: 45,
+  delete: 46,
+  a: 65,
+  b: 66,
+  c: 67,
+  d: 68,
+  e: 69,
+  f: 70,
+  g: 71,
+  h: 72,
+  i: 73,
+  j: 74,
+  k: 75,
+  l: 76,
+  m: 77,
+  n: 78,
+  o: 79,
+  p: 80,
+  q: 81,
+  r: 82,
+  s: 83,
+  t: 84,
+  u: 85,
+  v: 86,
+  w: 87,
+  x: 88,
+  y: 89,
+  z: 90,
+  leftwindowkey: 91,
+  rightwindowkey: 92,
+  meta: isAppleDevice ? [91, 93] : [91, 92],
+  selectkey: 93,
+  numpad0: 96,
+  numpad1: 97,
+  numpad2: 98,
+  numpad3: 99,
+  numpad4: 100,
+  numpad5: 101,
+  numpad6: 102,
+  numpad7: 103,
+  numpad8: 104,
+  numpad9: 105,
+  multiply: 106,
+  add: 107,
+  subtract: 109,
+  decimalpoint: 110,
+  divide: 111,
+  f1: 112,
+  f2: 113,
+  f3: 114,
+  f4: 115,
+  f5: 116,
+  f6: 117,
+  f7: 118,
+  f8: 119,
+  f9: 120,
+  f10: 121,
+  f11: 122,
+  f12: 123,
+  numlock: 144,
+  scrolllock: 145,
+  semicolon: 186,
+  equalsign: 187,
+  comma: 188,
+  dash: 189,
+  period: 190,
+  forwardslash: 191,
+  graveaccent: 192,
+  openbracket: 219,
+  backslash: 220,
+  closebracket: 221,
+  singlequote: 222
+}, modifierKey = {
+  ctrl: function(e) {
+    return e.ctrlKey;
+  },
+  shift: function(e) {
+    return e.shiftKey;
+  },
+  alt: function(e) {
+    return e.altKey;
+  },
+  meta: function(e) {
+    return e.type === "keyup" ? aliasKeyCodeMap.meta.includes(e.keyCode) : e.metaKey;
+  }
+};
+function isValidKeyType(e) {
+  return isString(e) || isNumber(e);
+}
+function countKeyByEvent(e) {
+  var t = Object.keys(modifierKey).reduce(function(r, n) {
+    return modifierKey[n](e) ? r + 1 : r;
+  }, 0);
+  return [16, 17, 18, 91, 92].includes(e.keyCode) ? t : t + 1;
+}
+function genFilterKey(e, t, r) {
+  var n, a;
+  if (!e.key)
+    return !1;
+  if (isNumber(t))
+    return e.keyCode === t ? t : !1;
+  var s = t.split("."), u = 0;
+  try {
+    for (var p = __values(s), C = p.next(); !C.done; C = p.next()) {
+      var w = C.value, L = modifierKey[w], G = aliasKeyCodeMap[w.toLowerCase()];
+      (L && L(e) || G && G === e.keyCode) && u++;
+    }
+  } catch (te) {
+    n = {
+      error: te
+    };
+  } finally {
+    try {
+      C && !C.done && (a = p.return) && a.call(p);
+    } finally {
+      if (n) throw n.error;
+    }
+  }
+  return r ? u === s.length && countKeyByEvent(e) === s.length ? t : !1 : u === s.length ? t : !1;
+}
+function genKeyFormatter(e, t) {
+  return isFunction$3(e) ? e : isValidKeyType(e) ? function(r) {
+    return genFilterKey(r, e, t);
+  } : Array.isArray(e) ? function(r) {
+    return e.find(function(n) {
+      return genFilterKey(r, n, t);
+    });
+  } : function() {
+    return !!e;
+  };
+}
+var defaultEvents = ["keydown"];
+function useKeyPress(e, t, r) {
+  var n = {}, a = n.events, s = a === void 0 ? defaultEvents : a, u = n.target, p = n.exactMatch, C = p === void 0 ? !1 : p, w = n.useCapture, L = w === void 0 ? !1 : w, G = useLatest(t), te = useLatest(e);
+  useDeepCompareEffectWithTarget(function() {
+    var oe, ie, ue, ae = getTargetElement(u, window);
+    if (ae) {
+      var ut = function(ta) {
+        var oa, ia = genKeyFormatter(te.current, C), ca = ia(ta), sa = isValidKeyType(ca) ? ca : ta.key;
+        if (ca)
+          return (oa = G.current) === null || oa === void 0 ? void 0 : oa.call(G, ta, sa);
+      };
+      try {
+        for (var ea = __values(s), ct = ea.next(); !ct.done; ct = ea.next()) {
+          var ra = ct.value;
+          (ue = ae == null ? void 0 : ae.addEventListener) === null || ue === void 0 || ue.call(ae, ra, ut, L);
+        }
+      } catch (ta) {
+        oe = {
+          error: ta
+        };
+      } finally {
+        try {
+          ct && !ct.done && (ie = ea.return) && ie.call(ea);
+        } finally {
+          if (oe) throw oe.error;
+        }
+      }
+      return function() {
+        var ta, oa, ia;
+        try {
+          for (var ca = __values(s), sa = ca.next(); !sa.done; sa = ca.next()) {
+            var ha = sa.value;
+            (ia = ae == null ? void 0 : ae.removeEventListener) === null || ia === void 0 || ia.call(ae, ha, ut, L);
+          }
+        } catch (Sa) {
+          ta = {
+            error: Sa
+          };
+        } finally {
+          try {
+            sa && !sa.done && (oa = ca.return) && oa.call(ca);
+          } finally {
+            if (ta) throw ta.error;
+          }
+        }
+      };
+    }
+  }, [s], u);
+}
+function useRafState(e) {
+  var t = reactExports.useRef(0), r = __read(reactExports.useState(e), 2), n = r[0], a = r[1], s = reactExports.useCallback(function(u) {
+    cancelAnimationFrame(t.current), t.current = requestAnimationFrame(function() {
+      a(u);
+    });
+  }, []);
+  return useUnmount(function() {
+    cancelAnimationFrame(t.current);
+  }), [n, s];
+}
+var useEffectWithTarget = createEffectWithTarget(reactExports.useLayoutEffect), useIsomorphicLayoutEffectWithTarget = isBrowser ? useEffectWithTarget : useEffectWithTarget$1;
+function useSize(e) {
+  var t = __read(useRafState(function() {
+    var a = getTargetElement(e);
+    return a ? {
+      width: a.clientWidth,
+      height: a.clientHeight
+    } : void 0;
+  }), 2), r = t[0], n = t[1];
+  return useIsomorphicLayoutEffectWithTarget(function() {
+    var a = getTargetElement(e);
+    if (a) {
+      var s = new index(function(u) {
+        u.forEach(function(p) {
+          var C = p.target, w = C.clientWidth, L = C.clientHeight;
+          n({
+            width: w,
+            height: L
+          });
+        });
+      });
+      return s.observe(a), function() {
+        s.disconnect();
+      };
+    }
+  }, [], e), r;
+}
+const KgSqlClientEditor = reactExports.forwardRef((e, t) => {
+  const [r, n] = reactExports.useState(""), a = reactExports.useRef(null);
+  useKeyPress(["ctrl.enter"], (u) => {
+    console.log("333", u);
+  });
+  function s() {
+    var p, C;
+    const u = (C = (p = a.current) == null ? void 0 : p.resizableTextArea) == null ? void 0 : C.textArea;
+    if (u) {
+      const w = u.selectionStart, L = u.selectionEnd, G = u.value.substring(w, L);
+      return G && G.trim().length > 0 ? G : r ?? "";
+    }
+    return "";
+  }
+  return reactExports.useImperativeHandle(t, () => ({ getSqlTextForExecute: s })), /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "editor", children: /* @__PURE__ */ jsxRuntimeExports.jsx(
+    Input.TextArea,
+    {
+      ref: a,
+      value: r,
+      onChange: (u) => n(u.target.value)
+    }
+  ) });
+});
 function KgSqlClientResultTab({ executeResult: e, index: t }) {
-  var L, G;
-  const [r, n] = reactExports.useState(!1), [a, s] = reactExports.useState(null), u = a ?? e, p = ((L = u == null ? void 0 : u.columns) == null ? void 0 : L.map((te) => ({
-    dataIndex: te.columnLabel,
+  var G, te;
+  const [r, n] = reactExports.useState(!1), [a, s] = reactExports.useState(null), u = a ?? e, p = ((G = u == null ? void 0 : u.columns) == null ? void 0 : G.map((oe) => ({
+    dataIndex: oe.columnLabel,
     title: /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { children: [
-      /* @__PURE__ */ jsxRuntimeExports.jsx("div", { children: te.columnLabel }),
-      /* @__PURE__ */ jsxRuntimeExports.jsx("div", { dangerouslySetInnerHTML: { __html: te.columnDesc ?? "&nbsp;" } })
+      /* @__PURE__ */ jsxRuntimeExports.jsx("div", { children: oe.columnLabel }),
+      /* @__PURE__ */ jsxRuntimeExports.jsx("div", { dangerouslySetInnerHTML: { __html: oe.columnDesc ?? "&nbsp;" } })
     ] }),
-    render: (oe) => oe
-  }))) ?? [];
-  async function C(te, oe) {
-    oe !== u.pageSize ? (u.pageIndex = 1, u.pageSize = oe) : u.pageIndex = te, await w(te, oe);
-  }
-  async function w(te, oe) {
-    const ie = await ExecutePage({
-      data: new ExecuteQuery({ sql: u.sql, pageIndex: te, pageSize: oe })
+    width: 120,
+    render: (ie) => ie
+  }))) ?? [], C = p.reduce(
+    (oe, ie) => oe + (typeof ie.width == "number" ? ie.width : Number(ie.width)),
+    0
+  );
+  async function w(oe, ie) {
+    ie !== u.pageSize ? (u.pageIndex = 1, u.pageSize = ie) : u.pageIndex = oe, await L(oe, ie);
+  }
+  async function L(oe, ie) {
+    const ue = await ExecutePage({
+      data: new ExecuteQuery({ sql: u.sql, pageIndex: oe, pageSize: ie })
     });
-    s(ie);
+    s(ue);
   }
   return /* @__PURE__ */ jsxRuntimeExports.jsxs(jsxRuntimeExports.Fragment, { children: [
     /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "info", children: [
@@ -66724,7 +67111,7 @@ function KgSqlClientResultTab({ executeResult: e, index: t }) {
         /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "value", children: u.message })
       ] })
     ] }),
-    (u == null ? void 0 : u.columns) && ((G = u == null ? void 0 : u.columns) == null ? void 0 : G.length) > 0 && /* @__PURE__ */ jsxRuntimeExports.jsxs(jsxRuntimeExports.Fragment, { children: [
+    (u == null ? void 0 : u.columns) && ((te = u == null ? void 0 : u.columns) == null ? void 0 : te.length) > 0 && /* @__PURE__ */ jsxRuntimeExports.jsxs(jsxRuntimeExports.Fragment, { children: [
       /* @__PURE__ */ jsxRuntimeExports.jsx(
         ForwardTable,
         {
@@ -66734,8 +67121,8 @@ function KgSqlClientResultTab({ executeResult: e, index: t }) {
           columns: p,
           size: "small",
           pagination: !1,
-          scroll: { y: "auto" },
-          rowKey: (te, oe) => oe
+          scroll: { x: C, y: "auto" },
+          rowKey: (oe, ie) => ie
         }
       ),
       /* @__PURE__ */ jsxRuntimeExports.jsx(
@@ -66749,91 +67136,76 @@ function KgSqlClientResultTab({ executeResult: e, index: t }) {
           showQuickJumper: !1,
           hideOnSinglePage: !1,
           locale: { page: "" },
-          showTotal: (te, oe) => /* @__PURE__ */ jsxRuntimeExports.jsx(
+          showTotal: (oe, ie) => /* @__PURE__ */ jsxRuntimeExports.jsx(
             MemoizedFormattedMessage,
             {
               id: "kg.KgTable.totalText",
               values: {
-                from: oe[0],
-                to: oe[1],
-                total: te
+                from: ie[0],
+                to: ie[1],
+                total: oe
               }
             }
           ),
-          onChange: (te, oe) => C(te, oe)
+          onChange: (oe, ie) => w(oe, ie)
         }
       )
     ] })
   ] });
 }
 function KgSqlClient() {
-  var L;
+  var p;
   const e = useSelector(kgOptionSelector);
-  if (!(((L = e == null ? void 0 : e.KgSqlClient) == null ? void 0 : L.isOn) !== !1))
+  if (!(((p = e == null ? void 0 : e.KgSqlClient) == null ? void 0 : p.isOn) !== !1))
     return null;
   const r = useID();
   useKg(), doKgSqlClient(r);
-  const [n, a] = reactExports.useState(""), [s, u] = reactExports.useState([]), p = reactExports.useRef(null);
-  async function C() {
-    const G = w();
-    if (!G)
+  const [n, a] = reactExports.useState([]), s = reactExports.useRef(null);
+  async function u() {
+    var L;
+    const C = (L = s.current) == null ? void 0 : L.getSqlTextForExecute();
+    if (!C)
       return;
-    const te = await Execute({ data: new ExecuteQuery({ sql: G }) });
-    u(te);
-  }
-  function w() {
-    var te, oe;
-    const G = (oe = (te = p.current) == null ? void 0 : te.resizableTextArea) == null ? void 0 : oe.textArea;
-    if (G) {
-      const ie = G.selectionStart, ue = G.selectionEnd, ae = G.value.substring(ie, ue);
-      return ae && ae.trim().length > 0 ? ae : n ?? "";
-    }
-    return "";
+    const w = await Execute({ data: new ExecuteQuery({ sql: C }) });
+    a(w);
   }
   return /* @__PURE__ */ jsxRuntimeExports.jsxs(jsxRuntimeExports.Fragment, { children: [
     /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "toolbar", children: /* @__PURE__ */ jsxRuntimeExports.jsxs(
       Button$1,
       {
         type: "primary",
-        onClick: C,
+        onClick: u,
         children: [
           /* @__PURE__ */ jsxRuntimeExports.jsx(Icon$2, { icon: "ant-design:caret-right-outlined" }),
           /* @__PURE__ */ jsxRuntimeExports.jsx(MemoizedFormattedMessage, { id: "kg.execute" })
         ]
       }
     ) }),
-    /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "editor", children: /* @__PURE__ */ jsxRuntimeExports.jsx(
-      Input.TextArea,
-      {
-        ref: p,
-        value: n,
-        onChange: (G) => a(G.target.value)
-      }
-    ) }),
-    s.length > 0 && /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "result", children: /* @__PURE__ */ jsxRuntimeExports.jsx(
+    /* @__PURE__ */ jsxRuntimeExports.jsx(KgSqlClientEditor, { ref: s }),
+    n.length > 0 && /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "result", children: /* @__PURE__ */ jsxRuntimeExports.jsx(
       Tabs,
       {
         type: "editable-card",
         hideAdd: !0,
-        children: s.map((G, te) => /* @__PURE__ */ jsxRuntimeExports.jsx(
+        children: n.map((C, w) => /* @__PURE__ */ jsxRuntimeExports.jsx(
           Tabs.TabPane,
           {
             tab: /* @__PURE__ */ jsxRuntimeExports.jsxs(jsxRuntimeExports.Fragment, { children: [
-              G.success && /* @__PURE__ */ jsxRuntimeExports.jsx(Badge, { status: "success" }),
-              !G.success && /* @__PURE__ */ jsxRuntimeExports.jsx(Badge, { status: "error" }),
+              C.success && /* @__PURE__ */ jsxRuntimeExports.jsx(Badge, { status: "success" }),
+              !C.success && /* @__PURE__ */ jsxRuntimeExports.jsx(Badge, { status: "error" }),
               /* @__PURE__ */ jsxRuntimeExports.jsx(MemoizedFormattedMessage, { id: "KgSqlClient.ResultTab.tabTitlePrefix" }),
-              te + 1
+              w + 1
             ] }),
             children: /* @__PURE__ */ jsxRuntimeExports.jsx(
               KgSqlClientResultTab,
               {
-                executeResult: G,
-                index: te
+                executeResult: C,
+                index: w
               },
-              te
+              w
             )
           },
-          te
+          w
         ))
       }
     ) })
@@ -66859,7 +67231,7 @@ var assign = make_assign(), create$1 = make_create(), trim$1 = make_trim(), Glob
   map,
   pluck: pluck$1,
   isList: isList$1,
-  isFunction: isFunction$3,
+  isFunction: isFunction$2,
   isObject: isObject$2,
   Global: Global$5
 };
@@ -66926,13 +67298,13 @@ function pluck$1(e, t) {
 function isList$1(e) {
   return e != null && typeof e != "function" && typeof e.length == "number";
 }
-function isFunction$3(e) {
+function isFunction$2(e) {
   return e && {}.toString.call(e) === "[object Function]";
 }
 function isObject$2(e) {
   return e && {}.toString.call(e) === "[object Object]";
 }
-var util$5 = util$6, slice = util$5.slice, pluck = util$5.pluck, each$6 = util$5.each, bind = util$5.bind, create = util$5.create, isList = util$5.isList, isFunction$2 = util$5.isFunction, isObject$1 = util$5.isObject, storeEngine = {
+var util$5 = util$6, slice = util$5.slice, pluck = util$5.pluck, each$6 = util$5.each, bind = util$5.bind, create = util$5.create, isList = util$5.isList, isFunction$1 = util$5.isFunction, isObject$1 = util$5.isObject, storeEngine = {
   createStore
 }, storeAPI = {
   version: "2.0.12",
@@ -67051,13 +67423,13 @@ function createStore(e, t, r) {
         return C === te;
       });
       if (!L) {
-        if (this.plugins.push(C), !isFunction$2(C))
+        if (this.plugins.push(C), !isFunction$1(C))
           throw new Error("Plugins must be function values that return objects");
         var G = C.call(this);
         if (!isObject$1(G))
           throw new Error("Plugins must return an object of function properties");
         each$6(G, function(te, oe) {
-          if (!isFunction$2(te))
+          if (!isFunction$1(te))
             throw new Error("Bad plugin property: " + oe + " from plugin " + C.name + ". Plugins should only return functions.");
           w._assignPluginFnProp(te, oe);
         });
@@ -67073,7 +67445,7 @@ function createStore(e, t, r) {
     plugins: []
   });
   return p.raw = {}, each$6(p, function(C, w) {
-    isFunction$2(C) && (p.raw[w] = bind(p, C));
+    isFunction$1(C) && (p.raw[w] = bind(p, C));
   }), each$6(e, function(C) {
     p._addStorage(C);
   }), each$6(t, function(C) {
@@ -67615,7 +67987,7 @@ function isObject(e) {
   return e != null && (t == "object" || t == "function");
 }
 var asyncTag = "[object AsyncFunction]", funcTag$2 = "[object Function]", genTag$1 = "[object GeneratorFunction]", proxyTag = "[object Proxy]";
-function isFunction$1(e) {
+function isFunction(e) {
   if (!isObject(e))
     return !1;
   var t = baseGetTag(e);
@@ -67648,7 +68020,7 @@ var reRegExpChar = /[\\^$.*+?()[\]{}|]/g, reIsHostCtor = /^\[object .+?Construct
 function baseIsNative(e) {
   if (!isObject(e) || isMasked(e))
     return !1;
-  var t = isFunction$1(e) ? reIsNative : reIsHostCtor;
+  var t = isFunction(e) ? reIsNative : reIsHostCtor;
   return t.test(toSource(e));
 }
 function getValue(e, t) {
@@ -67724,7 +68096,7 @@ function isLength(e) {
   return typeof e == "number" && e > -1 && e % 1 == 0 && e <= MAX_SAFE_INTEGER;
 }
 function isArrayLike(e) {
-  return e != null && isLength(e.length) && !isFunction$1(e);
+  return e != null && isLength(e.length) && !isFunction(e);
 }
 var objectProto$8 = Object.prototype;
 function isPrototype(e) {
@@ -68271,366 +68643,6 @@ class KgUtil {
   }
 }
 const KG_MODAL_BORDER_WIDTH = 1;
-var isFunction = function(e) {
-  return typeof e == "function";
-}, isString = function(e) {
-  return typeof e == "string";
-}, isNumber = function(e) {
-  return typeof e == "number";
-}, isDev = process.env.NODE_ENV === "development" || process.env.NODE_ENV === "test";
-function depsAreSame(e, t) {
-  if (e === t) return !0;
-  for (var r = 0; r < e.length; r++)
-    if (!Object.is(e[r], t[r])) return !1;
-  return !0;
-}
-function useLatest(e) {
-  var t = reactExports.useRef(e);
-  return t.current = e, t;
-}
-var useUnmount = function(e) {
-  isDev && (isFunction(e) || console.error("useUnmount expected parameter is a function, got ".concat(typeof e)));
-  var t = useLatest(e);
-  reactExports.useEffect(function() {
-    return function() {
-      t.current();
-    };
-  }, []);
-}, isBrowser = !!(typeof window < "u" && window.document && window.document.createElement);
-function getTargetElement(e, t) {
-  if (isBrowser) {
-    if (!e)
-      return t;
-    var r;
-    return isFunction(e) ? r = e() : "current" in e ? r = e.current : r = e, r;
-  }
-}
-var createEffectWithTarget = function(e) {
-  var t = function(r, n, a) {
-    var s = reactExports.useRef(!1), u = reactExports.useRef([]), p = reactExports.useRef([]), C = reactExports.useRef();
-    e(function() {
-      var w, L = Array.isArray(a) ? a : [a], G = L.map(function(te) {
-        return getTargetElement(te);
-      });
-      if (!s.current) {
-        s.current = !0, u.current = G, p.current = n, C.current = r();
-        return;
-      }
-      (G.length !== u.current.length || !depsAreSame(u.current, G) || !depsAreSame(p.current, n)) && ((w = C.current) === null || w === void 0 || w.call(C), u.current = G, p.current = n, C.current = r());
-    }), useUnmount(function() {
-      var w;
-      (w = C.current) === null || w === void 0 || w.call(C), s.current = !1;
-    });
-  };
-  return t;
-}, useEffectWithTarget$1 = createEffectWithTarget(reactExports.useEffect), hasElementType = typeof Element < "u", hasMap = typeof Map == "function", hasSet = typeof Set == "function", hasArrayBuffer = typeof ArrayBuffer == "function" && !!ArrayBuffer.isView;
-function equal(e, t) {
-  if (e === t) return !0;
-  if (e && t && typeof e == "object" && typeof t == "object") {
-    if (e.constructor !== t.constructor) return !1;
-    var r, n, a;
-    if (Array.isArray(e)) {
-      if (r = e.length, r != t.length) return !1;
-      for (n = r; n-- !== 0; )
-        if (!equal(e[n], t[n])) return !1;
-      return !0;
-    }
-    var s;
-    if (hasMap && e instanceof Map && t instanceof Map) {
-      if (e.size !== t.size) return !1;
-      for (s = e.entries(); !(n = s.next()).done; )
-        if (!t.has(n.value[0])) return !1;
-      for (s = e.entries(); !(n = s.next()).done; )
-        if (!equal(n.value[1], t.get(n.value[0]))) return !1;
-      return !0;
-    }
-    if (hasSet && e instanceof Set && t instanceof Set) {
-      if (e.size !== t.size) return !1;
-      for (s = e.entries(); !(n = s.next()).done; )
-        if (!t.has(n.value[0])) return !1;
-      return !0;
-    }
-    if (hasArrayBuffer && ArrayBuffer.isView(e) && ArrayBuffer.isView(t)) {
-      if (r = e.length, r != t.length) return !1;
-      for (n = r; n-- !== 0; )
-        if (e[n] !== t[n]) return !1;
-      return !0;
-    }
-    if (e.constructor === RegExp) return e.source === t.source && e.flags === t.flags;
-    if (e.valueOf !== Object.prototype.valueOf && typeof e.valueOf == "function" && typeof t.valueOf == "function") return e.valueOf() === t.valueOf();
-    if (e.toString !== Object.prototype.toString && typeof e.toString == "function" && typeof t.toString == "function") return e.toString() === t.toString();
-    if (a = Object.keys(e), r = a.length, r !== Object.keys(t).length) return !1;
-    for (n = r; n-- !== 0; )
-      if (!Object.prototype.hasOwnProperty.call(t, a[n])) return !1;
-    if (hasElementType && e instanceof Element) return !1;
-    for (n = r; n-- !== 0; )
-      if (!((a[n] === "_owner" || a[n] === "__v" || a[n] === "__o") && e.$$typeof) && !equal(e[a[n]], t[a[n]]))
-        return !1;
-    return !0;
-  }
-  return e !== e && t !== t;
-}
-var reactFastCompare = function e(t, r) {
-  try {
-    return equal(t, r);
-  } catch (n) {
-    if ((n.message || "").match(/stack|recursion/i))
-      return console.warn("react-fast-compare cannot handle circular refs"), !1;
-    throw n;
-  }
-};
-const isEqual = /* @__PURE__ */ getDefaultExportFromCjs(reactFastCompare);
-var depsEqual = function(e, t) {
-  return e === void 0 && (e = []), t === void 0 && (t = []), isEqual(e, t);
-}, useDeepCompareEffectWithTarget = function(e, t, r) {
-  var n = reactExports.useRef(), a = reactExports.useRef(0);
-  depsEqual(t, n.current) || (a.current += 1), n.current = t, useEffectWithTarget$1(e, [a.current], r);
-}, isAppleDevice = /(mac|iphone|ipod|ipad)/i.test(typeof navigator < "u" ? navigator == null ? void 0 : navigator.platform : ""), aliasKeyCodeMap = {
-  0: 48,
-  1: 49,
-  2: 50,
-  3: 51,
-  4: 52,
-  5: 53,
-  6: 54,
-  7: 55,
-  8: 56,
-  9: 57,
-  backspace: 8,
-  tab: 9,
-  enter: 13,
-  shift: 16,
-  ctrl: 17,
-  alt: 18,
-  pausebreak: 19,
-  capslock: 20,
-  esc: 27,
-  space: 32,
-  pageup: 33,
-  pagedown: 34,
-  end: 35,
-  home: 36,
-  leftarrow: 37,
-  uparrow: 38,
-  rightarrow: 39,
-  downarrow: 40,
-  insert: 45,
-  delete: 46,
-  a: 65,
-  b: 66,
-  c: 67,
-  d: 68,
-  e: 69,
-  f: 70,
-  g: 71,
-  h: 72,
-  i: 73,
-  j: 74,
-  k: 75,
-  l: 76,
-  m: 77,
-  n: 78,
-  o: 79,
-  p: 80,
-  q: 81,
-  r: 82,
-  s: 83,
-  t: 84,
-  u: 85,
-  v: 86,
-  w: 87,
-  x: 88,
-  y: 89,
-  z: 90,
-  leftwindowkey: 91,
-  rightwindowkey: 92,
-  meta: isAppleDevice ? [91, 93] : [91, 92],
-  selectkey: 93,
-  numpad0: 96,
-  numpad1: 97,
-  numpad2: 98,
-  numpad3: 99,
-  numpad4: 100,
-  numpad5: 101,
-  numpad6: 102,
-  numpad7: 103,
-  numpad8: 104,
-  numpad9: 105,
-  multiply: 106,
-  add: 107,
-  subtract: 109,
-  decimalpoint: 110,
-  divide: 111,
-  f1: 112,
-  f2: 113,
-  f3: 114,
-  f4: 115,
-  f5: 116,
-  f6: 117,
-  f7: 118,
-  f8: 119,
-  f9: 120,
-  f10: 121,
-  f11: 122,
-  f12: 123,
-  numlock: 144,
-  scrolllock: 145,
-  semicolon: 186,
-  equalsign: 187,
-  comma: 188,
-  dash: 189,
-  period: 190,
-  forwardslash: 191,
-  graveaccent: 192,
-  openbracket: 219,
-  backslash: 220,
-  closebracket: 221,
-  singlequote: 222
-}, modifierKey = {
-  ctrl: function(e) {
-    return e.ctrlKey;
-  },
-  shift: function(e) {
-    return e.shiftKey;
-  },
-  alt: function(e) {
-    return e.altKey;
-  },
-  meta: function(e) {
-    return e.type === "keyup" ? aliasKeyCodeMap.meta.includes(e.keyCode) : e.metaKey;
-  }
-};
-function isValidKeyType(e) {
-  return isString(e) || isNumber(e);
-}
-function countKeyByEvent(e) {
-  var t = Object.keys(modifierKey).reduce(function(r, n) {
-    return modifierKey[n](e) ? r + 1 : r;
-  }, 0);
-  return [16, 17, 18, 91, 92].includes(e.keyCode) ? t : t + 1;
-}
-function genFilterKey(e, t, r) {
-  var n, a;
-  if (!e.key)
-    return !1;
-  if (isNumber(t))
-    return e.keyCode === t ? t : !1;
-  var s = t.split("."), u = 0;
-  try {
-    for (var p = __values(s), C = p.next(); !C.done; C = p.next()) {
-      var w = C.value, L = modifierKey[w], G = aliasKeyCodeMap[w.toLowerCase()];
-      (L && L(e) || G && G === e.keyCode) && u++;
-    }
-  } catch (te) {
-    n = {
-      error: te
-    };
-  } finally {
-    try {
-      C && !C.done && (a = p.return) && a.call(p);
-    } finally {
-      if (n) throw n.error;
-    }
-  }
-  return r ? u === s.length && countKeyByEvent(e) === s.length ? t : !1 : u === s.length ? t : !1;
-}
-function genKeyFormatter(e, t) {
-  return isFunction(e) ? e : isValidKeyType(e) ? function(r) {
-    return genFilterKey(r, e, t);
-  } : Array.isArray(e) ? function(r) {
-    return e.find(function(n) {
-      return genFilterKey(r, n, t);
-    });
-  } : function() {
-    return !!e;
-  };
-}
-var defaultEvents = ["keydown"];
-function useKeyPress(e, t, r) {
-  var n = {}, a = n.events, s = a === void 0 ? defaultEvents : a, u = n.target, p = n.exactMatch, C = p === void 0 ? !1 : p, w = n.useCapture, L = w === void 0 ? !1 : w, G = useLatest(t), te = useLatest(e);
-  useDeepCompareEffectWithTarget(function() {
-    var oe, ie, ue, ae = getTargetElement(u, window);
-    if (ae) {
-      var ut = function(ta) {
-        var oa, ia = genKeyFormatter(te.current, C), ca = ia(ta), sa = isValidKeyType(ca) ? ca : ta.key;
-        if (ca)
-          return (oa = G.current) === null || oa === void 0 ? void 0 : oa.call(G, ta, sa);
-      };
-      try {
-        for (var ea = __values(s), ct = ea.next(); !ct.done; ct = ea.next()) {
-          var ra = ct.value;
-          (ue = ae == null ? void 0 : ae.addEventListener) === null || ue === void 0 || ue.call(ae, ra, ut, L);
-        }
-      } catch (ta) {
-        oe = {
-          error: ta
-        };
-      } finally {
-        try {
-          ct && !ct.done && (ie = ea.return) && ie.call(ea);
-        } finally {
-          if (oe) throw oe.error;
-        }
-      }
-      return function() {
-        var ta, oa, ia;
-        try {
-          for (var ca = __values(s), sa = ca.next(); !sa.done; sa = ca.next()) {
-            var ha = sa.value;
-            (ia = ae == null ? void 0 : ae.removeEventListener) === null || ia === void 0 || ia.call(ae, ha, ut, L);
-          }
-        } catch (Sa) {
-          ta = {
-            error: Sa
-          };
-        } finally {
-          try {
-            sa && !sa.done && (oa = ca.return) && oa.call(ca);
-          } finally {
-            if (ta) throw ta.error;
-          }
-        }
-      };
-    }
-  }, [s], u);
-}
-function useRafState(e) {
-  var t = reactExports.useRef(0), r = __read(reactExports.useState(e), 2), n = r[0], a = r[1], s = reactExports.useCallback(function(u) {
-    cancelAnimationFrame(t.current), t.current = requestAnimationFrame(function() {
-      a(u);
-    });
-  }, []);
-  return useUnmount(function() {
-    cancelAnimationFrame(t.current);
-  }), [n, s];
-}
-var useEffectWithTarget = createEffectWithTarget(reactExports.useLayoutEffect), useIsomorphicLayoutEffectWithTarget = isBrowser ? useEffectWithTarget : useEffectWithTarget$1;
-function useSize(e) {
-  var t = __read(useRafState(function() {
-    var a = getTargetElement(e);
-    return a ? {
-      width: a.clientWidth,
-      height: a.clientHeight
-    } : void 0;
-  }), 2), r = t[0], n = t[1];
-  return useIsomorphicLayoutEffectWithTarget(function() {
-    var a = getTargetElement(e);
-    if (a) {
-      var s = new index(function(u) {
-        u.forEach(function(p) {
-          var C = p.target, w = C.clientWidth, L = C.clientHeight;
-          n({
-            width: w,
-            height: L
-          });
-        });
-      });
-      return s.observe(a), function() {
-        s.disconnect();
-      };
-    }
-  }, [], e), r;
-}
 function useDragToMove(e) {
   const { domRef: t, kgIsDragToMove: r, open: n } = e ?? {}, { width: a, height: s } = useSize(document.documentElement) ?? { width: 0, height: 0 };
   let u = 0, p = 0, C = 0, w = 0, L = 0, G = 0, te = 0, oe = 0, ie = {

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@kengic/core.react",
-    "version": "0.0.2-beta.40",
+    "version": "0.0.2-beta.42",
     "type": "module",
     "main": "./kengic-core.react.js",
     "module": "./kengic-core.react.js",

package/src/component/Kg/index.store.d.ts

@@ -1,7 +1,7 @@
 import { PayloadAction, Slice, SliceSelectors } from '@reduxjs/toolkit';
 import { type IState } from '../../index.store';
 export interface IKgOption {
-    /** SQL 客户端. */
+    /** 数据库客户端. */
     KgSqlClient?: {
         /**
          * 是否启用功能.

package/src/component/KgSqlClient/KgSqlClient.Editor.d.ts

@@ -0,0 +1,12 @@
+import React from 'react';
+import './KgSqlClient.css';
+export interface KgSqlClientEditorRef {
+    /**
+     * 获取待执行的文本.
+     */
+    getSqlTextForExecute: () => string;
+}
+/**
+ * 数据库客户端:编辑器.
+ */
+export declare const KgSqlClientEditor: React.ForwardRefExoticComponent<React.RefAttributes<KgSqlClientEditorRef>>;

package/src/component/KgSqlClient/KgSqlClient.ResultTab.d.ts

@@ -12,6 +12,6 @@ export interface KgSqlClientResultTabProps {
     index: number;
 }
 /**
- * SQL 客户端 | 执行结果的标签页.
+ * 数据库客户端:执行结果的标签页.
  */
 export declare function KgSqlClientResultTab({ executeResult, index }: KgSqlClientResultTabProps): React.JSX.Element;

package/src/component/KgSqlClient/KgSqlClient.d.ts

@@ -1,6 +1,6 @@
 import React from 'react';
 import './KgSqlClient.css';
 /**
- * SQL 客户端.
+ * 数据库客户端.
  */
 export declare function KgSqlClient(): React.JSX.Element | null;