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

package/lib/Highlight/languages/sql.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/sql.js
-var sql_exports = {};
-__export(sql_exports, {
-  default: () => sql_default
+Object.defineProperty(exports, "__esModule", {
+  value: true
 });
-module.exports = __toCommonJS(sql_exports);
-var import_sql = __toESM(require("highlight.js/lib/languages/sql"));
-var sql_default = import_sql.default;
+exports.default = void 0;
+var _sql = _interopRequireDefault(require("highlight.js/lib/languages/sql"));
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+var _default = exports.default = _sql.default;

package/lib/Highlight/languages/typescript.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/typescript.js
-var typescript_exports = {};
-__export(typescript_exports, {
-  default: () => typescript_default
+Object.defineProperty(exports, "__esModule", {
+  value: true
 });
-module.exports = __toCommonJS(typescript_exports);
-var import_typescript = __toESM(require("highlight.js/lib/languages/typescript"));
-var typescript_default = import_typescript.default;
+exports.default = void 0;
+var _typescript = _interopRequireDefault(require("highlight.js/lib/languages/typescript"));
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+var _default = exports.default = _typescript.default;

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.js

@@ -1,27 +1,9 @@
-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'
+};

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

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

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

@@ -0,0 +1,9 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _default = exports.default = {
+  copied: 'コピー成功'
+};

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

@@ -1,27 +1,9 @@
-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: '复制成功'
+};

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

@@ -1,27 +1,9 @@
-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: '複製成功'
+};

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: 14,
+      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;