@oceanbase/ui 1.0.0-alpha.2 → 1.0.0-alpha.20

package/lib/Highlight/languages/xml.js

@@ -1,36 +1,9 @@
-var __create = Object.create;
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __getProtoOf = Object.getPrototypeOf;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __export = (target, all) => {
-  for (var name in all)
-    __defProp(target, name, { get: all[name], enumerable: true });
-};
-var __copyProps = (to, from, except, desc) => {
-  if (from && typeof from === "object" || typeof from === "function") {
-    for (let key of __getOwnPropNames(from))
-      if (!__hasOwnProp.call(to, key) && key !== except)
-        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
-  }
-  return to;
-};
-var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
-  // If the importer is in node compatibility mode or this is not an ESM
-  // file that has been converted to a CommonJS file using a Babel-
-  // compatible transform (i.e. "__esModule" has not been set), then set
-  // "default" to the CommonJS "module.exports" for node compatibility.
-  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
-  mod
-));
-var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+"use strict";
 
-// src/Highlight/languages/xml.js
-var xml_exports = {};
-__export(xml_exports, {
-  default: () => xml_default
+Object.defineProperty(exports, "__esModule", {
+  value: true
 });
-module.exports = __toCommonJS(xml_exports);
-var import_xml = __toESM(require("highlight.js/lib/languages/xml"));
-var xml_default = import_xml.default;
+exports.default = void 0;
+var _xml = _interopRequireDefault(require("highlight.js/lib/languages/xml"));
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+var _default = exports.default = _xml.default;

package/lib/Highlight/languages/yaml.js

@@ -1,36 +1,9 @@
-var __create = Object.create;
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __getProtoOf = Object.getPrototypeOf;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __export = (target, all) => {
-  for (var name in all)
-    __defProp(target, name, { get: all[name], enumerable: true });
-};
-var __copyProps = (to, from, except, desc) => {
-  if (from && typeof from === "object" || typeof from === "function") {
-    for (let key of __getOwnPropNames(from))
-      if (!__hasOwnProp.call(to, key) && key !== except)
-        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
-  }
-  return to;
-};
-var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
-  // If the importer is in node compatibility mode or this is not an ESM
-  // file that has been converted to a CommonJS file using a Babel-
-  // compatible transform (i.e. "__esModule" has not been set), then set
-  // "default" to the CommonJS "module.exports" for node compatibility.
-  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
-  mod
-));
-var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+"use strict";
 
-// src/Highlight/languages/yaml.js
-var yaml_exports = {};
-__export(yaml_exports, {
-  default: () => yaml_default
+Object.defineProperty(exports, "__esModule", {
+  value: true
 });
-module.exports = __toCommonJS(yaml_exports);
-var import_yaml = __toESM(require("highlight.js/lib/languages/yaml"));
-var yaml_default = import_yaml.default;
+exports.default = void 0;
+var _yaml = _interopRequireDefault(require("highlight.js/lib/languages/yaml"));
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+var _default = exports.default = _yaml.default;

package/lib/Highlight/locale/en-US.d.ts

@@ -1,4 +1,6 @@
 declare const _default: {
     copied: string;
+    copyCode: string;
+    copyCodeRegion: string;
 };
 export default _default;

package/lib/Highlight/locale/en-US.js

@@ -1,27 +1,11 @@
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __export = (target, all) => {
-  for (var name in all)
-    __defProp(target, name, { get: all[name], enumerable: true });
-};
-var __copyProps = (to, from, except, desc) => {
-  if (from && typeof from === "object" || typeof from === "function") {
-    for (let key of __getOwnPropNames(from))
-      if (!__hasOwnProp.call(to, key) && key !== except)
-        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
-  }
-  return to;
-};
-var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+"use strict";
 
-// src/Highlight/locale/en-US.ts
-var en_US_exports = {};
-__export(en_US_exports, {
-  default: () => en_US_default
+Object.defineProperty(exports, "__esModule", {
+  value: true
 });
-module.exports = __toCommonJS(en_US_exports);
-var en_US_default = {
-  copied: "Copied"
-};
+exports.default = void 0;
+var _default = exports.default = {
+  copied: 'Copied',
+  copyCode: 'Copy code',
+  copyCodeRegion: 'Code block'
+};

package/lib/Highlight/locale/ja-JP.d.ts

@@ -0,0 +1,6 @@
+declare const _default: {
+    copied: string;
+    copyCode: string;
+    copyCodeRegion: string;
+};
+export default _default;

package/lib/Highlight/locale/ja-JP.js

@@ -0,0 +1,11 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _default = exports.default = {
+  copied: 'コピー成功',
+  copyCode: 'コードをコピー',
+  copyCodeRegion: 'コードブロック'
+};

package/lib/Highlight/locale/zh-CN.d.ts

@@ -1,4 +1,6 @@
 declare const _default: {
     copied: string;
+    copyCode: string;
+    copyCodeRegion: string;
 };
 export default _default;

package/lib/Highlight/locale/zh-CN.js

@@ -1,27 +1,11 @@
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __export = (target, all) => {
-  for (var name in all)
-    __defProp(target, name, { get: all[name], enumerable: true });
-};
-var __copyProps = (to, from, except, desc) => {
-  if (from && typeof from === "object" || typeof from === "function") {
-    for (let key of __getOwnPropNames(from))
-      if (!__hasOwnProp.call(to, key) && key !== except)
-        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
-  }
-  return to;
-};
-var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+"use strict";
 
-// src/Highlight/locale/zh-CN.ts
-var zh_CN_exports = {};
-__export(zh_CN_exports, {
-  default: () => zh_CN_default
+Object.defineProperty(exports, "__esModule", {
+  value: true
 });
-module.exports = __toCommonJS(zh_CN_exports);
-var zh_CN_default = {
-  copied: "复制成功"
-};
+exports.default = void 0;
+var _default = exports.default = {
+  copied: '复制成功',
+  copyCode: '复制代码',
+  copyCodeRegion: '代码块'
+};

package/lib/Highlight/locale/zh-TW.d.ts

@@ -1,4 +1,6 @@
 declare const _default: {
     copied: string;
+    copyCode: string;
+    copyCodeRegion: string;
 };
 export default _default;

package/lib/Highlight/locale/zh-TW.js

@@ -1,27 +1,11 @@
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __export = (target, all) => {
-  for (var name in all)
-    __defProp(target, name, { get: all[name], enumerable: true });
-};
-var __copyProps = (to, from, except, desc) => {
-  if (from && typeof from === "object" || typeof from === "function") {
-    for (let key of __getOwnPropNames(from))
-      if (!__hasOwnProp.call(to, key) && key !== except)
-        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
-  }
-  return to;
-};
-var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+"use strict";
 
-// src/Highlight/locale/zh-TW.ts
-var zh_TW_exports = {};
-__export(zh_TW_exports, {
-  default: () => zh_TW_default
+Object.defineProperty(exports, "__esModule", {
+  value: true
 });
-module.exports = __toCommonJS(zh_TW_exports);
-var zh_TW_default = {
-  copied: "複製成功"
-};
+exports.default = void 0;
+var _default = exports.default = {
+  copied: '複製成功',
+  copyCode: '複製程式碼',
+  copyCodeRegion: '程式碼區塊'
+};

package/lib/Highlight/style/index.d.ts

@@ -0,0 +1,10 @@
+/// <reference types="react" />
+import type { GenerateStyle } from '@oceanbase/design/es/theme';
+import type { OBToken } from '../../_util/genComponentStyleHook';
+export type HighlightToken = OBToken;
+export declare const genHighlightStyle: GenerateStyle<HighlightToken>;
+declare const _default: (prefixCls: string) => {
+    wrapSSR: (node: import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>>) => import("react").JSX.Element;
+    hashId: string;
+};
+export default _default;

package/lib/Highlight/style/index.js

@@ -0,0 +1,277 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.genHighlightStyle = exports.default = void 0;
+var _genComponentStyleHook = require("../../_util/genComponentStyleHook");
+const genHighlightStyle = token => {
+  const {
+    componentCls,
+    borderRadius,
+    fontWeightStrong,
+    colorBgLayout
+  } = token;
+  return {
+    [`${componentCls}`]: {
+      boxSizing: 'border-box',
+      margin: 0,
+      padding: 0,
+      color: 'rgba(0, 0, 0, 0.88)',
+      fontSize: token.fontSize,
+      lineHeight: 1.5714285714285714,
+      listStyle: 'none',
+      borderRadius: borderRadius,
+      [`&:not(:hover) ${componentCls}-copy`]: {
+        visibility: 'hidden',
+        opacity: 0
+      },
+      '@keyframes copy-button-trans': {
+        '0%': {
+          opacity: 0.8,
+          marginBlockStart: 0
+        },
+        '10%': {
+          opacity: 0.8,
+          marginBlockStart: -16
+        },
+        '90%': {
+          opacity: 0.8,
+          marginBlockStart: -16
+        },
+        '100%': {
+          opacity: 0.8,
+          marginBlockStart: 0
+        }
+      },
+      [`${componentCls}-json-view`]: {
+        padding: 0,
+        '.react-json-view': {
+          padding: '0.5em',
+          overflow: 'auto',
+          '.icon-container svg': {
+            transform: 'translateY(5px)'
+          }
+        }
+      },
+      [`&.${componentCls}-light`]: {
+        '.react-json-view': {
+          background: colorBgLayout
+        },
+        [`${componentCls}-light-index`]: {
+          borderInlineEnd: '1px solid rgba(0, 0, 0, 0.05)'
+        },
+        display: 'block',
+        padding: '0.5em',
+        overflowX: 'auto',
+        color: '#383a42',
+        background: colorBgLayout,
+        '.hljs-comment, .hljs-quote': {
+          color: '#a0a1a7',
+          fontStyle: 'italic'
+        },
+        '.hljs-doctag, .hljs-keyword, .hljs-formula': {
+          color: '#a626a4'
+        },
+        '.hljs-section, .hljs-name, .hljs-selector-tag, .hljs-deletion, .hljs-subst': {
+          color: '#e45649'
+        },
+        '.hljs-literal': {
+          color: '#0184bb'
+        },
+        '.hljs-string, .hljs-regexp, .hljs-addition, .hljs-attribute, .hljs-meta-string': {
+          color: '#50a14f'
+        },
+        '.hljs-built_in, .hljs-class, .hljs-title': {
+          color: '#c18401'
+        },
+        '.hljs-attr, .hljs-variable, .hljs-template-variable, .hljs-type, .hljs-selector-class, .hljs-selector-attr, .hljs-selector-pseudo, .hljs-number': {
+          color: '#986801'
+        },
+        '.hljs-symbol, .hljs-bullet, .hljs-link, .hljs-meta, .hljs-selector-id, .hljs-title': {
+          color: '#4078f2'
+        },
+        '.hljs-emphasis': {
+          fontStyle: 'italic'
+        },
+        '.hljs-strong': {
+          fontWeight: fontWeightStrong
+        },
+        '.hljs-link': {
+          textDecoration: 'underline'
+        }
+      },
+      [`${componentCls}-index`]: {
+        boxSizing: 'border-box',
+        width: 40,
+        minWidth: 40,
+        color: '#aaa',
+        textAlign: 'end',
+        background: 'rgba(255, 255, 255, 0.03)',
+        userSelect: 'none',
+        paddingBlock: 2,
+        paddingInline: 8
+      },
+      [`${componentCls}-content`]: {
+        paddingBlock: 2,
+        paddingInline: 8
+      },
+      [`${componentCls}-copy`]: {
+        position: 'absolute',
+        display: 'flex',
+        flexDirection: 'column',
+        width: 16,
+        height: 16,
+        padding: 0,
+        overflow: 'hidden',
+        border: 0,
+        outline: 'none',
+        cursor: 'pointer',
+        opacity: 0.6,
+        transition: 'opacity 0.2s',
+        insetBlockStart: 16,
+        insetInlineEnd: 16,
+        '&:hover': {
+          opacity: 0.8
+        }
+      },
+      [`&:not(:hover) &.${componentCls}-copy`]: {
+        visibility: 'hidden',
+        opacity: 0
+      },
+      [`${componentCls}-copy-icon`]: {
+        width: 16,
+        height: 16,
+        fontSize: 16,
+        '&.scoll': {
+          animation: 'copy-button-trans 2s',
+          animationPlayState: 'running'
+        }
+      },
+      [`${componentCls}-dark`]: {
+        display: 'block',
+        padding: '0.5em',
+        overflowX: 'auto',
+        color: '#c0c5ce',
+        background: '#2b303b',
+        borderRadius: borderRadius,
+        [`&.${componentCls}-index`]: {
+          borderInlineEnd: '1px solid rgba(255, 255, 255, 0.05)'
+        },
+        '.hljs-comment, .hljs-quote': {
+          color: '#65737e'
+        },
+        '.hljs-variable, .hljs-template-variable, .hljs-tag, .hljs-name, .hljs-selector-id, .hljs-selector-class, .hljs-regexp, .hljs-deletion': {
+          color: '#bf616a'
+        },
+        '.hljs-number, .hljs-built_in, .hljs-builtin-name, .hljs-literal, .hljs-type, .hljs-params, .hljs-meta, .hljs-link': {
+          color: '#d08770'
+        },
+        '.hljs-attribute': {
+          color: '#ebcb8b'
+        },
+        '.hljs-string, .hljs-symbol, .hljs-bullet, .hljs-addition': {
+          color: '#a3be8c'
+        },
+        '.hljs-title, .hljs-section': {
+          color: '#8fa1b3'
+        },
+        '.hljs-keyword, .hljs-selector-tag': {
+          color: '#b48ead'
+        },
+        '.hljs-emphasis': {
+          fontStyle: 'italic'
+        },
+        '.hljs-strong': {
+          fontWeight: fontWeightStrong
+        }
+      },
+      [`&.${componentCls}-diff`]: {
+        overflowY: 'auto',
+        table: {
+          width: '100%',
+          fontFamily: "'SFMono-Regular, Consolas, Liberation Mono, Menlo, Courier, monospace'",
+          borderCollapse: 'collapse',
+          borderSpacing: 0,
+          td: {
+            verticalAlign: 'top'
+          }
+        },
+        [`${componentCls}-diff-index, ${componentCls}-diff-mark, ${componentCls}-diff-code`]: {
+          paddingBlock: 2,
+          paddingInline: 8
+        },
+        [`${componentCls}-diff-index, ${componentCls}-diff-mark`]: {
+          userSelect: 'none'
+        },
+        [`${componentCls}-diff-index`]: {
+          width: 40,
+          minWidth: 40,
+          textAlign: 'end',
+          fontVariantNumeric: 'tabular-nums'
+        },
+        [`${componentCls}-diff-mark`]: {
+          width: 10,
+          minWidth: 10,
+          textAlign: 'center'
+        },
+        [`${componentCls}-diff-code`]: {
+          whiteSpace: 'pre-wrap',
+          wordBreak: 'break-word'
+        },
+        [`&.${componentCls}-light`]: {
+          [`${componentCls}-diff-index, ${componentCls}-diff-mark`]: {
+            color: '#aaa'
+          },
+          [`${componentCls}-diff-index`]: {
+            background: 'rgba(0, 0, 0, 0.01)',
+            borderInlineEnd: '1px solid rgba(0, 0, 0, 0.05)',
+            borderInlineStart: '1px solid rgba(0, 0, 0, 0.1)',
+            '&:first-child': {
+              borderInlineStart: 'none'
+            }
+          },
+          [`${componentCls}-diff-cell-add`]: {
+            background: '#e7f1e2'
+          },
+          [`${componentCls}-diff-cell-remove`]: {
+            background: '#f6e3e4'
+          },
+          [`${componentCls}-diff-cell-empty`]: {
+            background: 'rgba(0, 0, 0, 0.03)'
+          }
+        },
+        [`&.${componentCls}-dark`]: {
+          [`${componentCls}-diff-index, ${componentCls}-diff-mark`]: {
+            color: '#aaa'
+          },
+          [`${componentCls}-diff-index`]: {
+            background: 'rgba(255, 255, 255, 0.01)',
+            borderInlineEnd: '1px solid rgba(255, 255, 255, 0.05)',
+            borderInlineStart: '1px solid rgba(255, 255, 255, 0.1)',
+            '&:first-child': {
+              borderInlineStart: 'none'
+            }
+          },
+          [`${componentCls}-diff-cell-add`]: {
+            background: '#305c29'
+          },
+          [`${componentCls}-diff-cell-remove`]: {
+            background: '#6d2431'
+          },
+          [`${componentCls}-diff-cell-empty`]: {
+            background: 'rgba(255, 255, 255, 0.03)'
+          }
+        }
+      }
+    }
+  };
+};
+exports.genHighlightStyle = genHighlightStyle;
+var _default = prefixCls => {
+  const useStyle = (0, _genComponentStyleHook.genComponentStyleHook)('Highlight', token => {
+    return [genHighlightStyle(token)];
+  });
+  return useStyle(prefixCls);
+};
+exports.default = _default;

package/lib/Highlight/useKeyDownCopyEvent.js

@@ -1,51 +1,31 @@
-var __create = Object.create;
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __getProtoOf = Object.getPrototypeOf;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __export = (target, all) => {
-  for (var name in all)
-    __defProp(target, name, { get: all[name], enumerable: true });
-};
-var __copyProps = (to, from, except, desc) => {
-  if (from && typeof from === "object" || typeof from === "function") {
-    for (let key of __getOwnPropNames(from))
-      if (!__hasOwnProp.call(to, key) && key !== except)
-        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
-  }
-  return to;
-};
-var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
-  // If the importer is in node compatibility mode or this is not an ESM
-  // file that has been converted to a CommonJS file using a Babel-
-  // compatible transform (i.e. "__esModule" has not been set), then set
-  // "default" to the CommonJS "module.exports" for node compatibility.
-  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
-  mod
-));
-var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
-
-// src/Highlight/useKeyDownCopyEvent.tsx
-var useKeyDownCopyEvent_exports = {};
-__export(useKeyDownCopyEvent_exports, {
-  useKeyDownCopyEvent: () => useKeyDownCopyEvent
+"use strict";
+"use client";
+Object.defineProperty(exports, "__esModule", {
+  value: true
 });
-module.exports = __toCommonJS(useKeyDownCopyEvent_exports);
-var import_react = __toESM(require("react"));
-var useKeyDownCopyEvent = (codeRef) => {
-  const focus = import_react.default.useRef();
+exports.useKeyDownCopyEvent = void 0;
+var _react = _interopRequireWildcard(require("react"));
+function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
+/**
+ * 为 Highlight 添加 focus 时可以按键全选的能力
+ * @param codeRef: React.RefObject<HTMLPreElement>
+ */
+
+const useKeyDownCopyEvent = codeRef => {
+  // focus能力支持
+  const focus = _react.default.useRef();
   function bindEvent(events, dom) {
-    Object.keys(events).forEach((key) => {
-      if (typeof events[key] === "object" && events[key].handle) {
+    Object.keys(events).forEach(key => {
+      if (typeof events[key] === 'object' && events[key].handle) {
         dom.addEventListener(key, events[key].handle, events[key].options);
       } else {
         dom.addEventListener(key, events[key]);
       }
     });
-    return function() {
-      Object.keys(events).forEach((key) => {
-        if (typeof events[key] === "object" && events[key].handle) {
+    return function () {
+      Object.keys(events).forEach(key => {
+        if (typeof events[key] === 'object' && events[key].handle) {
           dom.removeEventListener(key, events[key].handle, events[key].options);
         } else {
           dom.removeEventListener(key, events[key]);
@@ -53,34 +33,29 @@ var useKeyDownCopyEvent = (codeRef) => {
       });
     };
   }
-  (0, import_react.useEffect)(() => {
+  (0, _react.useEffect)(() => {
     if (codeRef.current) {
-      return bindEvent(
-        {
-          keydown: (ev) => {
-            const selection = window.getSelection();
-            if ((ev.ctrlKey || ev.metaKey) && ev.code === "KeyA" && focus.current && codeRef.current) {
-              const range = document.createRange();
-              range.selectNodeContents(codeRef.current);
-              selection.removeAllRanges();
-              selection.addRange(range);
-              ev.preventDefault();
-            }
-          },
-          focus: () => {
-            focus.current = true;
-          },
-          blur: () => {
-            focus.current = false;
+      return bindEvent({
+        keydown: ev => {
+          const selection = window.getSelection();
+          // 拦截ctrl + a 并判断是否 focus
+          if ((ev.ctrlKey || ev.metaKey) && ev.code === 'KeyA' && focus.current && codeRef.current) {
+            const range = document.createRange();
+            range.selectNodeContents(codeRef.current);
+            selection.removeAllRanges();
+            selection.addRange(range);
+            ev.preventDefault();
           }
         },
-        codeRef.current
-      );
+        focus: () => {
+          focus.current = true;
+        },
+        blur: () => {
+          focus.current = false;
+        }
+      }, codeRef.current);
     }
   }, [codeRef.current, codeRef]);
   return null;
 };
-// Annotate the CommonJS export names for ESM import in node:
-0 && (module.exports = {
-  useKeyDownCopyEvent
-});
+exports.useKeyDownCopyEvent = useKeyDownCopyEvent;