@oceanbase/ui 0.2.22 → 0.2.23

package/es/ContentWithQuestion/index.d.ts

@@ -0,0 +1,13 @@
+import React from 'react';
+import './index.less';
+export interface ContentWithQuestionProps {
+    content?: React.ReactNode;
+    tooltip?: any;
+    prefixIcon?: React.ReactNode | boolean;
+    suffixIcon?: React.ReactNode;
+    className?: string;
+    style?: React.CSSProperties;
+    onClick?: (e: React.SyntheticEvent) => void;
+}
+declare const ContentWithQuestion: React.FC<ContentWithQuestionProps>;
+export default ContentWithQuestion;

package/es/ContentWithQuestion/index.js

@@ -0,0 +1,56 @@
+function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
+var _excluded = ["content", "tooltip", "prefixIcon", "suffixIcon", "className", "children"];
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return _typeof(key) === "symbol" ? key : String(key); }
+function _toPrimitive(input, hint) { if (_typeof(input) !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (_typeof(res) !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
+function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
+function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
+import { QuestionCircleOutlined } from '@oceanbase/icons';
+import { Space, Tooltip } from '@oceanbase/design';
+import classNames from 'classnames';
+import React, { isValidElement } from 'react';
+import { getPrefix } from "../_util";
+import "./index.less";
+import { jsx as _jsx } from "react/jsx-runtime";
+import { jsxs as _jsxs } from "react/jsx-runtime";
+var prefix = getPrefix('content-with-question');
+var ContentWithQuestion = function ContentWithQuestion(_ref) {
+  var _classNames;
+  var content = _ref.content,
+    tooltip = _ref.tooltip,
+    _ref$prefixIcon = _ref.prefixIcon,
+    prefixIcon = _ref$prefixIcon === void 0 ? null : _ref$prefixIcon,
+    _ref$suffixIcon = _ref.suffixIcon,
+    suffixIcon = _ref$suffixIcon === void 0 ? /*#__PURE__*/_jsx(QuestionCircleOutlined, {
+      className: "".concat(prefix, "-help")
+    }) : _ref$suffixIcon,
+    className = _ref.className,
+    children = _ref.children,
+    restProps = _objectWithoutProperties(_ref, _excluded);
+  // FIXME: antd 已经废弃 icon type 的用法，该组件也需要做相应处理，后面将会是传入 Icon 的形式而非 type
+  var getIcon = function getIcon(iconConfig) {
+    return iconConfig ? /*#__PURE__*/_jsx(Tooltip, _objectSpread(_objectSpread({}, tooltip), {}, {
+      children: /*#__PURE__*/isValidElement(iconConfig) ? iconConfig : /*#__PURE__*/_jsx(QuestionCircleOutlined, {
+        className: "".concat(prefix, "-help")
+      })
+    })) : null;
+  };
+  return /*#__PURE__*/_jsx("span", _objectSpread(_objectSpread({
+    className: classNames((_classNames = {}, _defineProperty(_classNames, "".concat(prefix, "-item"), true), _defineProperty(_classNames, className, !!className), _classNames))
+  }, restProps), {}, {
+    children: /*#__PURE__*/_jsxs(Space, {
+      children: [getIcon(prefixIcon === true ? /*#__PURE__*/_jsx(QuestionCircleOutlined, {
+        className: "".concat(prefix, "-help"),
+        style: {
+          marginRight: 4
+        }
+      }) : prefixIcon), /*#__PURE__*/_jsx("span", {
+        "data-testid": "content",
+        children: content !== null && content !== void 0 ? content : children
+      }), getIcon(suffixIcon)]
+    })
+  }));
+};
+export default ContentWithQuestion;

package/es/ContentWithQuestion/index.less

@@ -0,0 +1,19 @@
+@prefix: ob-content-with-question;
+
+.@{prefix}-item {
+  display: inline-flex;
+  align-items: center;
+  .@{prefix}-prefix {
+    margin-right: 8px;
+  }
+  .@{prefix}-suffix {
+    margin-left: 8px;
+  }
+  .@{prefix}-help {
+    cursor: help;
+  }
+  .@{prefix}-color {
+    color: red;
+
+  }
+}

package/es/Highlight/index.d.ts

@@ -29,7 +29,7 @@ export declare const THEME_DARK = "dark";
 export declare const THEME_LIGHT = "light";
 declare const ThemeTypes: ["dark", "light"];
 export type ThemeType = (typeof ThemeTypes)[number];
-declare const supportedLanguages: ("ruby" | "css" | "go" | "javascript" | "typescript" | "groovy" | "java" | "python" | "bash" | "json" | "cpp" | "http" | "markdown" | "nginx" | "sql" | "xml" | "dockerfile" | "yaml" | "solidity" | "tsx" | "jsx")[];
+declare const supportedLanguages: ("ruby" | "json" | "css" | "sql" | "tsx" | "javascript" | "typescript" | "groovy" | "java" | "python" | "bash" | "cpp" | "http" | "markdown" | "nginx" | "xml" | "dockerfile" | "go" | "yaml" | "solidity" | "jsx")[];
 export type LanguageType = (typeof supportedLanguages)[number] | 'html';
 export interface HighlightProps extends LocaleWrapperProps {
     /**

package/es/_util/useNavigate.d.ts

@@ -1,2 +1,2 @@
-declare const _default: () => import("packages/design/es/config-provider").NavigateFunction;
+declare const _default: () => import("../../../design/src/config-provider").NavigateFunction;
 export default _default;

package/es/index.d.ts

@@ -8,6 +8,7 @@ export { default as BasicLayout } from './BasicLayout';
 export { default as BatchOperationBar } from './BatchOperationBar';
 export { default as Boundary } from './Boundary';
 export * from './constant';
+export { default as ContentWithQuestion } from './ContentWithQuestion';
 export { default as ContentWithIcon } from './ContentWithIcon';
 export { default as Dialog } from './Dialog';
 export { default as DocDialog } from './DocDialog';

package/es/index.js

@@ -7,6 +7,7 @@ export { default as BasicLayout } from "./BasicLayout";
 export { default as BatchOperationBar } from "./BatchOperationBar";
 export { default as Boundary } from "./Boundary";
 export * from "./constant";
+export { default as ContentWithQuestion } from "./ContentWithQuestion";
 export { default as ContentWithIcon } from "./ContentWithIcon";
 export { default as Dialog } from "./Dialog";
 export { default as DocDialog } from "./DocDialog";

package/lib/ContentWithQuestion/index.d.ts

@@ -0,0 +1,13 @@
+import React from 'react';
+import './index.less';
+export interface ContentWithQuestionProps {
+    content?: React.ReactNode;
+    tooltip?: any;
+    prefixIcon?: React.ReactNode | boolean;
+    suffixIcon?: React.ReactNode;
+    className?: string;
+    style?: React.CSSProperties;
+    onClick?: (e: React.SyntheticEvent) => void;
+}
+declare const ContentWithQuestion: React.FC<ContentWithQuestionProps>;
+export default ContentWithQuestion;

package/lib/ContentWithQuestion/index.js

@@ -0,0 +1,76 @@
+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/ContentWithQuestion/index.tsx
+var ContentWithQuestion_exports = {};
+__export(ContentWithQuestion_exports, {
+  default: () => ContentWithQuestion_default
+});
+module.exports = __toCommonJS(ContentWithQuestion_exports);
+var import_icons = require("@oceanbase/icons");
+var import_design = require("@oceanbase/design");
+var import_classnames = __toESM(require("classnames"));
+var import_react = __toESM(require("react"));
+var import_util = require("../_util");
+var import_index = require("./index.less");
+var prefix = (0, import_util.getPrefix)("content-with-question");
+var ContentWithQuestion = ({
+  content,
+  tooltip,
+  prefixIcon = null,
+  suffixIcon = /* @__PURE__ */ import_react.default.createElement(import_icons.QuestionCircleOutlined, { className: `${prefix}-help` }),
+  className,
+  children,
+  ...restProps
+}) => {
+  const getIcon = (iconConfig) => {
+    return iconConfig ? /* @__PURE__ */ import_react.default.createElement(import_design.Tooltip, { ...tooltip }, (0, import_react.isValidElement)(iconConfig) ? iconConfig : /* @__PURE__ */ import_react.default.createElement(import_icons.QuestionCircleOutlined, { className: `${prefix}-help` })) : null;
+  };
+  return /* @__PURE__ */ import_react.default.createElement(
+    "span",
+    {
+      className: (0, import_classnames.default)({
+        [`${prefix}-item`]: true,
+        [className]: !!className
+      }),
+      ...restProps
+    },
+    /* @__PURE__ */ import_react.default.createElement(import_design.Space, null, getIcon(
+      prefixIcon === true ? /* @__PURE__ */ import_react.default.createElement(
+        import_icons.QuestionCircleOutlined,
+        {
+          className: `${prefix}-help`,
+          style: {
+            marginRight: 4
+          }
+        }
+      ) : prefixIcon
+    ), /* @__PURE__ */ import_react.default.createElement("span", { "data-testid": "content" }, content ?? children), getIcon(suffixIcon))
+  );
+};
+var ContentWithQuestion_default = ContentWithQuestion;

package/lib/ContentWithQuestion/index.less

@@ -0,0 +1,19 @@
+@prefix: ob-content-with-question;
+
+.@{prefix}-item {
+  display: inline-flex;
+  align-items: center;
+  .@{prefix}-prefix {
+    margin-right: 8px;
+  }
+  .@{prefix}-suffix {
+    margin-left: 8px;
+  }
+  .@{prefix}-help {
+    cursor: help;
+  }
+  .@{prefix}-color {
+    color: red;
+
+  }
+}

package/lib/Highlight/index.d.ts

@@ -29,7 +29,7 @@ export declare const THEME_DARK = "dark";
 export declare const THEME_LIGHT = "light";
 declare const ThemeTypes: ["dark", "light"];
 export type ThemeType = (typeof ThemeTypes)[number];
-declare const supportedLanguages: ("ruby" | "css" | "go" | "javascript" | "typescript" | "groovy" | "java" | "python" | "bash" | "json" | "cpp" | "http" | "markdown" | "nginx" | "sql" | "xml" | "dockerfile" | "yaml" | "solidity" | "tsx" | "jsx")[];
+declare const supportedLanguages: ("ruby" | "json" | "css" | "sql" | "tsx" | "javascript" | "typescript" | "groovy" | "java" | "python" | "bash" | "cpp" | "http" | "markdown" | "nginx" | "xml" | "dockerfile" | "go" | "yaml" | "solidity" | "jsx")[];
 export type LanguageType = (typeof supportedLanguages)[number] | 'html';
 export interface HighlightProps extends LocaleWrapperProps {
     /**

package/lib/_util/useNavigate.d.ts

@@ -1,2 +1,2 @@
-declare const _default: () => import("packages/design/es/config-provider").NavigateFunction;
+declare const _default: () => import("../../../design/src/config-provider").NavigateFunction;
 export default _default;

package/lib/index.d.ts

@@ -8,6 +8,7 @@ export { default as BasicLayout } from './BasicLayout';
 export { default as BatchOperationBar } from './BatchOperationBar';
 export { default as Boundary } from './Boundary';
 export * from './constant';
+export { default as ContentWithQuestion } from './ContentWithQuestion';
 export { default as ContentWithIcon } from './ContentWithIcon';
 export { default as Dialog } from './Dialog';
 export { default as DocDialog } from './DocDialog';

package/lib/index.js

@@ -37,6 +37,7 @@ __export(src_exports, {
   BatchOperationBar: () => import_BatchOperationBar.default,
   Boundary: () => import_Boundary.default,
   ContentWithIcon: () => import_ContentWithIcon.default,
+  ContentWithQuestion: () => import_ContentWithQuestion.default,
   Dialog: () => import_Dialog.default,
   DocDialog: () => import_DocDialog.default,
   FullscreenBox: () => import_FullscreenBox.default,
@@ -66,6 +67,7 @@ var import_BasicLayout = __toESM(require("./BasicLayout"));
 var import_BatchOperationBar = __toESM(require("./BatchOperationBar"));
 var import_Boundary = __toESM(require("./Boundary"));
 __reExport(src_exports, require("./constant"), module.exports);
+var import_ContentWithQuestion = __toESM(require("./ContentWithQuestion"));
 var import_ContentWithIcon = __toESM(require("./ContentWithIcon"));
 var import_Dialog = __toESM(require("./Dialog"));
 var import_DocDialog = __toESM(require("./DocDialog"));
@@ -94,6 +96,7 @@ var import_TagSelect = __toESM(require("./TagSelect"));
   BatchOperationBar,
   Boundary,
   ContentWithIcon,
+  ContentWithQuestion,
   Dialog,
   DocDialog,
   FullscreenBox,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@oceanbase/ui",
-  "version": "0.2.22",
+  "version": "0.2.23",
   "description": "The UI library based on OceanBase Design",
   "keywords": [
     "oceanbase",
@@ -31,20 +31,20 @@
     "LICENSE"
   ],
   "scripts": {
-    "build": "father build"
+    "build": "NODE_OPTIONS=--max_old_space_size=4096 father build"
   },
   "dependencies": {
-    "@ant-design/cssinjs": "^1.17.0",
-    "@ant-design/pro-components": "^2.6.28",
-    "@ant-design/pro-layout": "^7.17.4",
-    "@oceanbase/design": "^0.2.21",
-    "@oceanbase/icons": "^0.2.7",
-    "@oceanbase/util": "^0.2.9",
+    "@ant-design/cssinjs": "^1.17.2",
+    "@ant-design/pro-components": "^2.6.30",
+    "@ant-design/pro-layout": "^7.17.8",
+    "@oceanbase/design": "^0.2.22",
+    "@oceanbase/icons": "^0.2.8",
+    "@oceanbase/util": "^0.2.10",
     "ahooks": "^2.10.14",
     "classnames": "^2.3.2",
     "dayjs": "^1.11.10",
     "diff": "^5.1.0",
-    "highlight.js": "^11.8.0",
+    "highlight.js": "^11.9.0",
     "highlightjs-solidity": "^2.0.6",
     "hoist-non-react-statics": "^3.3.2",
     "lodash": "^4.17.21",
@@ -52,7 +52,7 @@
     "moment": "^2.29.4",
     "path-to-regexp": "^6.2.1",
     "randexp": "^0.5.3",
-    "rc-util": "^5.37.0",
+    "rc-util": "^5.38.0",
     "react-copy-to-clipboard": "^5.1.0",
     "react-json-view": "^1.21.3",
     "react-split-pane": "^0.1.92",
@@ -66,5 +66,5 @@
     "react": ">=16.9.0",
     "react-dom": ">=16.9.0"
   },
-  "gitHead": "38becd333620011d0d084df62b1131135a396abb"
+  "gitHead": "265c33e6cc878f7b00c14518850c93c91749353b"
 }