@oceanbase/ui 0.4.8 → 0.4.9

package/es/DateRanger/Ranger.d.ts

@@ -35,6 +35,9 @@ export interface DateRangerProps extends Omit<RangePickerProps, 'mode' | 'picker
     defaultValue?: RangeValue;
     size?: 'small' | 'large' | 'middle';
     tooltipProps?: TooltipProps;
+    autoAdjustOverflow?: boolean;
+    overlayClassName?: string;
+    overlayStyle?: React.CSSProperties;
     locale?: any;
 }
 declare const _default: React.ForwardRefExoticComponent<DateRangerProps & React.RefAttributes<unknown>>;

package/es/DateRanger/Ranger.js

@@ -1,5 +1,5 @@
 function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
-var _excluded = ["selects", "value", "defaultValue", "defaultQuickValue", "hasRewind", "hasPlay", "hasSync", "hasForward", "hasZoomOut", "hasTagInPicker", "pastOnly", "simpleMode", "hideYear", "hideSecond", "autoCalcRange", "onChange", "disabledDate", "locale", "size", "stickRangeName", "tooltipProps", "isMoment", "rules", "tip"];
+var _excluded = ["selects", "value", "defaultValue", "defaultQuickValue", "hasRewind", "hasPlay", "hasSync", "hasForward", "hasZoomOut", "hasTagInPicker", "pastOnly", "simpleMode", "hideYear", "hideSecond", "autoCalcRange", "onChange", "disabledDate", "locale", "size", "stickRangeName", "tooltipProps", "isMoment", "rules", "tip", "autoAdjustOverflow", "overlayClassName", "overlayStyle"];
 function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 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; }
@@ -69,6 +69,9 @@ var Ranger = /*#__PURE__*/React.forwardRef(function (props, ref) {
     isMomentProps = props.isMoment,
     rules = props.rules,
     tip = props.tip,
+    autoAdjustOverflow = props.autoAdjustOverflow,
+    overlayClassName = props.overlayClassName,
+    overlayStyle = props.overlayStyle,
     rest = _objectWithoutProperties(props, _excluded);
   var _theme$useToken = theme.useToken(),
     token = _theme$useToken.token;
@@ -255,7 +258,9 @@ var Ranger = /*#__PURE__*/React.forwardRef(function (props, ref) {
         className: classNames("".concat(prefix, "-wrapper"), _defineProperty({}, "".concat(prefix, "-wrapper-has-jumper"), hasRewind || hasForward)),
         children: [/*#__PURE__*/_jsx(Dropdown, {
           trigger: ['click'],
-          open: open
+          open: open,
+          placement: rest.placement,
+          autoAdjustOverflow: autoAdjustOverflow
           // 关闭后进行销毁，才可以将 Tooltip 进行同步关闭
           ,
           destroyPopupOnHide: true
@@ -269,7 +274,8 @@ var Ranger = /*#__PURE__*/React.forwardRef(function (props, ref) {
           },
           dropdownRender: function dropdownRender(originNode) {
             return /*#__PURE__*/_jsxs("div", {
-              className: "".concat(prefix, "-dropdown-picker"),
+              className: classNames("".concat(prefix, "-dropdown-picker"), overlayClassName),
+              style: overlayStyle,
               children: [originNode, /*#__PURE__*/_jsx(Divider, {
                 type: "vertical",
                 style: {

package/es/DateRanger/locale/en-US.d.ts

@@ -25,6 +25,7 @@ declare const _default: {
     dateSelect: string;
     weekSelect?: string;
     clear: string;
+    week: string;
     month: string;
     year: string;
     previousMonth: string;

package/es/DateRanger/locale/zh-CN.d.ts

@@ -25,6 +25,7 @@ declare const _default: {
     dateSelect: string;
     weekSelect?: string;
     clear: string;
+    week: string;
     month: string;
     year: string;
     previousMonth: string;

package/es/DateRanger/locale/zh-TW.d.ts

@@ -25,6 +25,7 @@ declare const _default: {
     dateSelect: string;
     weekSelect?: string;
     clear: string;
+    week: string;
     month: string;
     year: string;
     previousMonth: string;

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" | "go" | "css" | "java" | "json" | "bash" | "javascript" | "typescript" | "groovy" | "python" | "cpp" | "http" | "markdown" | "nginx" | "sql" | "xml" | "dockerfile" | "yaml" | "solidity" | "tsx" | "jsx")[];
+declare const supportedLanguages: ("ruby" | "css" | "go" | "bash" | "json" | "java" | "javascript" | "typescript" | "groovy" | "python" | "cpp" | "http" | "markdown" | "nginx" | "sql" | "xml" | "dockerfile" | "yaml" | "solidity" | "tsx" | "jsx")[];
 export type LanguageType = (typeof supportedLanguages)[number] | 'html';
 export interface HighlightProps extends LocaleWrapperProps {
     /**

package/es/ProCard/index.js

@@ -1,4 +1,4 @@
-var _excluded = ["title", "tabs", "headerBordered", "bodyStyle", "prefixCls", "className"];
+var _excluded = ["ghost", "title", "tabs", "headerBordered", "bodyStyle", "prefixCls", "className"];
 function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
@@ -15,7 +15,8 @@ import useStyle from "./style";
 import { jsx as _jsx } from "react/jsx-runtime";
 // @ts-ignore
 var ProCard = function ProCard(_ref) {
-  var title = _ref.title,
+  var ghost = _ref.ghost,
+    title = _ref.title,
     tabs = _ref.tabs,
     headerBordered = _ref.headerBordered,
     bodyStyle = _ref.bodyStyle,
@@ -29,10 +30,11 @@ var ProCard = function ProCard(_ref) {
     wrapSSR = _useStyle.wrapSSR;
   var zeroPaddingList = [0, '0', '0px'];
   // ProCard body has no padding
-  var noBodyPadding = zeroPaddingList.includes(bodyStyle === null || bodyStyle === void 0 ? void 0 : bodyStyle.padding);
+  var noBodyPadding = zeroPaddingList.includes(bodyStyle === null || bodyStyle === void 0 ? void 0 : bodyStyle.padding) || ghost;
   var proCardCls = classNames(_defineProperty(_defineProperty(_defineProperty(_defineProperty({}, "".concat(prefixCls, "-has-title"), !!title), "".concat(prefixCls, "-no-body-padding"), noBodyPadding), "".concat(prefixCls, "-no-divider"), !headerBordered), "".concat(prefixCls, "-contain-tabs"), !!tabs), className);
   return wrapSSR( /*#__PURE__*/_jsx(AntProCard, _objectSpread({
     prefixCls: customizePrefixCls,
+    ghost: ghost,
     title: title,
     tabs: _typeof(tabs) === 'object' ? _objectSpread({
       size: 'large'

package/es/ProCard/style/index.js

@@ -12,15 +12,20 @@ export var genProCardStyle = function genProCardStyle(token) {
     prefixCls = token.prefixCls;
   var tabsComponentCls = "".concat(antCls, "-tabs");
   var tabsPrefixCls = "".concat(prefixCls, "-tabs");
-  return _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty({}, "div".concat(componentCls), {
+  return _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty({}, "div".concat(componentCls), {
     borderRadius: token.borderRadiusLG
-  }), "".concat(componentCls, ":not(").concat(componentCls, "-border)"), {
+  }), "".concat(componentCls, ":not(").concat(componentCls, "-border):not(").concat(componentCls, "-ghost)"), {
     boxShadow: '0 1px 2px 0 rgba(0, 0, 0, 0.03),0 1px 6px -1px rgba(0, 0, 0, 0.02),0 2px 4px 0 rgba(0, 0, 0, 0.02)'
-  }), "".concat(componentCls, ":not(").concat(componentCls, "-size-small)"), _defineProperty(_defineProperty({}, "".concat(componentCls, "-body"), {
+  }), "".concat(componentCls, ":not(").concat(componentCls, "-size-small):not(").concat(componentCls, "-ghost)"), _defineProperty(_defineProperty({}, "".concat(componentCls, "-body"), {
     paddingBlock: token.paddingLG
   }), "&".concat(componentCls, "-has-title").concat(componentCls, "-no-divider"), _defineProperty({}, "".concat(componentCls, "-body"), {
     paddingBlockStart: token.padding
-  }))), "".concat(componentCls).concat(componentCls, "-no-body-padding:not(").concat(componentCls, "-contain-tabs)"), _objectSpread(_defineProperty({}, "".concat(componentCls, "-header"), {
+  }))), "".concat(componentCls).concat(componentCls, "-size-small").concat(componentCls, "-ghost"), _defineProperty(_defineProperty({}, "".concat(componentCls, "-header"), {
+    paddingInline: 0
+  }), "".concat(componentCls, "-body"), {
+    paddingBlock: 0,
+    paddingInline: 0
+  })), "".concat(componentCls).concat(componentCls, "-no-body-padding:not(").concat(componentCls, "-contain-tabs)"), _objectSpread(_defineProperty({}, "".concat(componentCls, "-header"), {
     paddingBlockEnd: token.padding
   }), Card.genTableStyle(token.paddingLG, token))), "".concat(componentCls).concat(componentCls, "-no-body-padding").concat(componentCls, "-size-small:not(").concat(componentCls, "-contain-tabs)"), _objectSpread(_defineProperty({}, "".concat(componentCls, "-header"), {
     paddingBlockEnd: token.paddingXS

package/lib/DateRanger/Ranger.d.ts

@@ -35,6 +35,9 @@ export interface DateRangerProps extends Omit<RangePickerProps, 'mode' | 'picker
     defaultValue?: RangeValue;
     size?: 'small' | 'large' | 'middle';
     tooltipProps?: TooltipProps;
+    autoAdjustOverflow?: boolean;
+    overlayClassName?: string;
+    overlayStyle?: React.CSSProperties;
     locale?: any;
 }
 declare const _default: React.ForwardRefExoticComponent<DateRangerProps & React.RefAttributes<unknown>>;

package/lib/DateRanger/Ranger.js

@@ -82,6 +82,9 @@ var Ranger = import_react.default.forwardRef((props, ref) => {
     isMoment: isMomentProps,
     rules,
     tip,
+    autoAdjustOverflow,
+    overlayClassName,
+    overlayStyle,
     ...rest
   } = props;
   const { token } = import_design.theme.useToken();
@@ -246,6 +249,8 @@ var Ranger = import_react.default.forwardRef((props, ref) => {
         {
           trigger: ["click"],
           open,
+          placement: rest.placement,
+          autoAdjustOverflow,
           destroyPopupOnHide: true,
           onOpenChange: (o) => {
             if (o === false && refState.current.tooltipOpen) {
@@ -254,30 +259,39 @@ var Ranger = import_react.default.forwardRef((props, ref) => {
             setOpen(o);
           },
           dropdownRender: (originNode) => {
-            return /* @__PURE__ */ import_react.default.createElement("div", { className: `${prefix}-dropdown-picker` }, originNode, /* @__PURE__ */ import_react.default.createElement(import_design.Divider, { type: "vertical", style: { height: "auto", margin: "0px 4px 0px 0px" } }), /* @__PURE__ */ import_react.default.createElement(
-              import_PickerPanel.default,
+            return /* @__PURE__ */ import_react.default.createElement(
+              "div",
               {
-                defaultValue: innerValue || [],
-                locale,
-                disabledDate: pastOnly ? disabledFuture : disabledDate,
-                tip,
-                isMoment,
-                rules,
-                onOk: (vList) => {
-                  setIsPlay(false);
-                  handleNameChange(import_constant.CUSTOMIZE);
-                  rangeChange(
-                    vList.map((v) => {
-                      return isMoment ? (0, import_moment.default)(v) : (0, import_dayjs.default)(v);
-                    })
-                  );
-                  closeTooltip();
-                },
-                onCancel: () => {
-                  closeTooltip();
+                className: (0, import_classnames.default)(`${prefix}-dropdown-picker`, overlayClassName),
+                style: overlayStyle
+              },
+              originNode,
+              /* @__PURE__ */ import_react.default.createElement(import_design.Divider, { type: "vertical", style: { height: "auto", margin: "0px 4px 0px 0px" } }),
+              /* @__PURE__ */ import_react.default.createElement(
+                import_PickerPanel.default,
+                {
+                  defaultValue: innerValue || [],
+                  locale,
+                  disabledDate: pastOnly ? disabledFuture : disabledDate,
+                  tip,
+                  isMoment,
+                  rules,
+                  onOk: (vList) => {
+                    setIsPlay(false);
+                    handleNameChange(import_constant.CUSTOMIZE);
+                    rangeChange(
+                      vList.map((v) => {
+                        return isMoment ? (0, import_moment.default)(v) : (0, import_dayjs.default)(v);
+                      })
+                    );
+                    closeTooltip();
+                  },
+                  onCancel: () => {
+                    closeTooltip();
+                  }
                 }
-              }
-            ));
+              )
+            );
           },
           menu: {
             selectable: true,

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

@@ -25,6 +25,7 @@ declare const _default: {
     dateSelect: string;
     weekSelect?: string;
     clear: string;
+    week: string;
     month: string;
     year: string;
     previousMonth: string;

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

@@ -25,6 +25,7 @@ declare const _default: {
     dateSelect: string;
     weekSelect?: string;
     clear: string;
+    week: string;
     month: string;
     year: string;
     previousMonth: string;

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

@@ -25,6 +25,7 @@ declare const _default: {
     dateSelect: string;
     weekSelect?: string;
     clear: string;
+    week: string;
     month: string;
     year: string;
     previousMonth: string;

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" | "go" | "css" | "java" | "json" | "bash" | "javascript" | "typescript" | "groovy" | "python" | "cpp" | "http" | "markdown" | "nginx" | "sql" | "xml" | "dockerfile" | "yaml" | "solidity" | "tsx" | "jsx")[];
+declare const supportedLanguages: ("ruby" | "css" | "go" | "java" | "json" | "bash" | "javascript" | "typescript" | "groovy" | "python" | "cpp" | "http" | "markdown" | "nginx" | "sql" | "xml" | "dockerfile" | "yaml" | "solidity" | "tsx" | "jsx")[];
 export type LanguageType = (typeof supportedLanguages)[number] | 'html';
 export interface HighlightProps extends LocaleWrapperProps {
     /**

package/lib/ProCard/index.js

@@ -38,6 +38,7 @@ var import_design = require("@oceanbase/design");
 var import_classnames = __toESM(require("classnames"));
 var import_style = __toESM(require("./style"));
 var ProCard = ({
+  ghost,
   title,
   tabs,
   headerBordered,
@@ -50,7 +51,7 @@ var ProCard = ({
   const prefixCls = getPrefixCls("pro-card", customizePrefixCls);
   const { wrapSSR } = (0, import_style.default)(prefixCls);
   const zeroPaddingList = [0, "0", "0px"];
-  const noBodyPadding = zeroPaddingList.includes(bodyStyle == null ? void 0 : bodyStyle.padding);
+  const noBodyPadding = zeroPaddingList.includes(bodyStyle == null ? void 0 : bodyStyle.padding) || ghost;
   const proCardCls = (0, import_classnames.default)(
     {
       [`${prefixCls}-has-title`]: !!title,
@@ -65,6 +66,7 @@ var ProCard = ({
       import_pro_components.ProCard,
       {
         prefixCls: customizePrefixCls,
+        ghost,
         title,
         tabs: typeof tabs === "object" ? {
           size: "large",

package/lib/ProCard/style/index.js

@@ -35,10 +35,10 @@ var genProCardStyle = (token) => {
     [`div${componentCls}`]: {
       borderRadius: token.borderRadiusLG
     },
-    [`${componentCls}:not(${componentCls}-border)`]: {
+    [`${componentCls}:not(${componentCls}-border):not(${componentCls}-ghost)`]: {
       boxShadow: "0 1px 2px 0 rgba(0, 0, 0, 0.03),0 1px 6px -1px rgba(0, 0, 0, 0.02),0 2px 4px 0 rgba(0, 0, 0, 0.02)"
     },
-    [`${componentCls}:not(${componentCls}-size-small)`]: {
+    [`${componentCls}:not(${componentCls}-size-small):not(${componentCls}-ghost)`]: {
       [`${componentCls}-body`]: {
         paddingBlock: token.paddingLG
       },
@@ -48,6 +48,16 @@ var genProCardStyle = (token) => {
         }
       }
     },
+    // need to handle style for small and ghost ProCard
+    [`${componentCls}${componentCls}-size-small${componentCls}-ghost`]: {
+      [`${componentCls}-header`]: {
+        paddingInline: 0
+      },
+      [`${componentCls}-body`]: {
+        paddingBlock: 0,
+        paddingInline: 0
+      }
+    },
     // no body padding card
     [`${componentCls}${componentCls}-no-body-padding:not(${componentCls}-contain-tabs)`]: {
       [`${componentCls}-header`]: {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@oceanbase/ui",
-  "version": "0.4.8",
+  "version": "0.4.9",
   "description": "The UI library based on OceanBase Design",
   "keywords": [
     "oceanbase",
@@ -39,11 +39,11 @@
     "build": "NODE_OPTIONS=--max_old_space_size=4096 father build"
   },
   "dependencies": {
-    "@ant-design/cssinjs": "^1.22.1",
-    "@ant-design/pro-components": "^2.8.3",
+    "@ant-design/cssinjs": "^1.23.0",
+    "@ant-design/pro-components": "^2.8.5",
     "@antv/g6": "3.4.10",
-    "@oceanbase/design": "^0.4.7",
-    "@oceanbase/icons": "^0.4.4",
+    "@oceanbase/design": "^0.4.8",
+    "@oceanbase/icons": "^0.4.5",
     "@oceanbase/util": "^0.4.2",
     "ahooks": "^2.10.14",
     "classnames": "^2.5.1",
@@ -56,20 +56,20 @@
     "moment": "^2.30.1",
     "path-to-regexp": "^7.2.0",
     "randexp": "^0.5.3",
-    "rc-picker": "^4.9.2",
-    "rc-util": "^5.44.3",
+    "rc-picker": "^4.11.1",
+    "rc-util": "^5.44.4",
     "react-copy-to-clipboard": "^5.1.0",
     "react-json-view": "^1.21.3",
     "react-split-pane": "^0.1.92",
     "screenfull": "^6.0.2"
   },
   "devDependencies": {
-    "@ant-design/pro-form": "^2.31.3",
-    "@ant-design/pro-layout": "^7.22.0"
+    "@ant-design/pro-form": "^2.31.5",
+    "@ant-design/pro-layout": "^7.22.2"
   },
   "peerDependencies": {
     "react": ">=16.9.0",
     "react-dom": ">=16.9.0"
   },
-  "gitHead": "9e1061a0ca29c3bc94c066f8920be6af39d44249"
+  "gitHead": "617efa9eb09833f74f0ab0065467b556b5b6843e"
 }