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

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

@@ -1,2 +1,5 @@
-declare const _default: {};
+declare const _default: {
+    enterFullscreen: string;
+    exitFullscreen: string;
+};
 export default _default;

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

@@ -1,25 +1,10 @@
-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/FullscreenBox/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 = {};
+exports.default = void 0;
+var _default = exports.default = {
+  enterFullscreen: '进入全屏',
+  exitFullscreen: '退出全屏'
+};

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

@@ -1,2 +1,5 @@
-declare const _default: {};
+declare const _default: {
+    enterFullscreen: string;
+    exitFullscreen: string;
+};
 export default _default;

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

@@ -1,25 +1,10 @@
-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/FullscreenBox/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 = {};
+exports.default = void 0;
+var _default = exports.default = {
+  enterFullscreen: '進入全螢幕',
+  exitFullscreen: '退出全螢幕'
+};

package/lib/FullscreenBox/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 FullscreenBoxToken = OBToken;
+export declare const genFullscreenBoxStyle: GenerateStyle<FullscreenBoxToken>;
+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/FullscreenBox/style/index.js

@@ -0,0 +1,90 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.genFullscreenBoxStyle = exports.default = void 0;
+var _genComponentStyleHook = require("../../_util/genComponentStyleHook");
+const genFullscreenBoxStyle = token => {
+  const {
+    componentCls,
+    fontWeightStrong,
+    colorText,
+    colorBgContainer,
+    prefixCls
+  } = token;
+  return {
+    [componentCls]: {
+      boxSizing: 'border-box',
+      margin: 0,
+      padding: 0,
+      color: colorText,
+      fontSize: 14,
+      lineHeight: 1.5714285714285714,
+      listStyle: 'none',
+      [`&.${prefixCls}-fullscreen`]: {
+        position: 'fixed',
+        zIndex: 900,
+        background: colorBgContainer,
+        insetBlockStart: 0,
+        insetInlineEnd: 0,
+        insetBlockEnd: 0,
+        insetInlineStart: 0
+      },
+      [`& ${componentCls}-header`]: {
+        display: 'flex',
+        alignItems: 'center',
+        height: 64,
+        [`& ${componentCls}-header-left`]: {
+          display: 'flex',
+          flex: 1,
+          alignItems: 'center',
+          paddingBlock: 20,
+          paddingInline: 24
+        },
+        [`& ${componentCls}-header-icon-btn`]: {
+          display: 'inline-flex',
+          alignItems: 'center',
+          justifyContent: 'center',
+          minWidth: 24,
+          minHeight: 24,
+          padding: 0,
+          margin: 0,
+          border: 'none',
+          background: 'transparent',
+          color: colorText,
+          cursor: 'pointer',
+          verticalAlign: 'middle'
+        },
+        [`& ${componentCls}-header-icon`]: {
+          display: 'inline-flex',
+          fontSize: 16,
+          lineHeight: 1
+        },
+        [`& ${componentCls}-header-title`]: {
+          fontWeight: fontWeightStrong,
+          fontSize: 16,
+          lineHeight: 24,
+          marginInlineStart: 24
+        },
+        [`& ${componentCls}-header-extra`]: {
+          flex: 2,
+          lineHeight: 64,
+          textAlign: 'end',
+          paddingInlineEnd: 24
+        }
+      }
+    },
+    [`${componentCls}-body-overflow-hidden`]: {
+      overflow: 'hidden'
+    }
+  };
+};
+exports.genFullscreenBoxStyle = genFullscreenBoxStyle;
+var _default = prefixCls => {
+  const useStyle = (0, _genComponentStyleHook.genComponentStyleHook)('FullscreenBox', token => {
+    return [genFullscreenBoxStyle(token)];
+  });
+  return useStyle(prefixCls);
+};
+exports.default = _default;

package/lib/Highlight/DiffView/DiffCells.js

@@ -1,39 +1,15 @@
-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/DiffView/DiffCells.tsx
-var DiffCells_exports = {};
-__export(DiffCells_exports, {
-  default: () => DiffCells
+"use strict";
+"use client";
+Object.defineProperty(exports, "__esModule", {
+  value: true
 });
-module.exports = __toCommonJS(DiffCells_exports);
-var import_classnames = __toESM(require("classnames"));
-var React = __toESM(require("react"));
+exports.default = DiffCells;
+var _classnames = _interopRequireDefault(require("classnames"));
+var React = _interopRequireWildcard(require("react"));
+var _jsxRuntime = require("react/jsx-runtime");
+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; }
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 function DiffCells({
   diffPrefixCls,
   data,
@@ -47,24 +23,34 @@ function DiffCells({
   const cellEmptyClassName = `${diffPrefixCls}-cell-empty`;
   const cellAddClassName = `${diffPrefixCls}-cell-add`;
   const cellRemoveClassName = `${diffPrefixCls}-cell-remove`;
-  const add = (data == null ? void 0 : data.type) === "add";
-  const remove = (data == null ? void 0 : data.type) === "remove";
+  const add = data?.type === 'add';
+  const remove = data?.type === 'remove';
   const mergedClassName = {
     [cellEmptyClassName]: !data,
     [cellAddClassName]: add,
     [cellRemoveClassName]: remove
   };
-  let rowIndex = data == null ? void 0 : data.index;
-  if (rowIndex !== void 0) {
+  let rowIndex = data?.index;
+  if (rowIndex !== undefined) {
     rowIndex += rowOffset;
   }
-  return /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement("td", { className: (0, import_classnames.default)(`${diffPrefixCls}-index`, mergedClassName, hashId) }, rowIndex), /* @__PURE__ */ React.createElement("td", { className: (0, import_classnames.default)(`${diffPrefixCls}-mark`, mergedClassName, hashId) }, add && "+", remove && "-"), /* @__PURE__ */ React.createElement(
-    "td",
-    {
-      onMouseDown,
-      style: { width, userSelect: lock ? "none" : void 0 },
-      className: (0, import_classnames.default)(`${diffPrefixCls}-code`, mergedClassName, hashId),
-      dangerouslySetInnerHTML: { __html: (data == null ? void 0 : data.value) ?? (emptyText || "") }
-    }
-  ));
-}
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("td", {
+      className: (0, _classnames.default)(`${diffPrefixCls}-index`, mergedClassName, hashId),
+      children: rowIndex
+    }), /*#__PURE__*/(0, _jsxRuntime.jsxs)("td", {
+      className: (0, _classnames.default)(`${diffPrefixCls}-mark`, mergedClassName, hashId),
+      children: [add && '+', remove && '-']
+    }), /*#__PURE__*/(0, _jsxRuntime.jsx)("td", {
+      onMouseDown: onMouseDown,
+      style: {
+        width,
+        userSelect: lock ? 'none' : undefined
+      },
+      className: (0, _classnames.default)(`${diffPrefixCls}-code`, mergedClassName, hashId),
+      dangerouslySetInnerHTML: {
+        __html: data?.value ?? (emptyText || '')
+      }
+    })]
+  });
+}

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

@@ -1,6 +1,5 @@
 import React from 'react';
 import type { HighlightProps } from '..';
-import '../index.less';
 export interface DiffViewProps extends Omit<HighlightProps, 'children' | 'innerHTML'> {
     /**
      * @description 自定义前缀