@oceanbase/ui 1.0.0-alpha.10 → 1.0.0-alpha.11

package/lib/Highlight/style/index.js

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

package/lib/Highlight/useKeyDownCopyEvent.js

@@ -1,51 +1,32 @@
-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/useKeyDownCopyEvent.tsx
-var useKeyDownCopyEvent_exports = {};
-__export(useKeyDownCopyEvent_exports, {
-  useKeyDownCopyEvent: () => useKeyDownCopyEvent
+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; }
+"use client";
+/**
+ * 为 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 +34,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;

package/lib/IconFont/index.js

@@ -1,31 +1,26 @@
-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/IconFont/index.tsx
-var IconFont_exports = {};
-__export(IconFont_exports, {
-  default: () => IconFont_default
+Object.defineProperty(exports, "__esModule", {
+  value: true
 });
-module.exports = __toCommonJS(IconFont_exports);
-var import_iconfont = require("./font/iconfont.css");
-var import_jsx_runtime = require("react/jsx-runtime");
-var IconFont = (props) => {
-  const { type, className, ...restProps } = props;
-  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("i", { className: `iconfont ${type} ${className}`, ...restProps });
+exports.default = void 0;
+var _react = _interopRequireDefault(require("react"));
+require("./font/iconfont.css");
+var _jsxRuntime = require("react/jsx-runtime");
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+"use client";
+/**
+ * @deprecated Please use `@oceanbase/icons` instead.
+ */
+const IconFont = props => {
+  const {
+    type,
+    className,
+    ...restProps
+  } = props;
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)("i", {
+    className: `iconfont ${type} ${className}`,
+    ...restProps
+  });
 };
-var IconFont_default = IconFont;
+var _default = exports.default = IconFont;