@oceanbase/ui 0.4.13 → 0.4.15

package/es/Boundary/index.d.ts

@@ -2,7 +2,7 @@
 import './index.less';
 declare const _default: {
     Code: any;
-    Function: import("react").FC<import("./Components").IBoundaryFunction>;
+    Function: import("react").FC<import("./Components/Function").IBoundaryFunction>;
     Exception: any;
 };
 export default _default;

package/es/DateRanger/PickerPanel.d.ts

@@ -17,6 +17,7 @@ export interface PickerPanelProps {
     onOk: (v: RangeValue) => void;
     isMoment: boolean;
     disabledDate: any;
+    hideSecond?: boolean;
     locale: any;
 }
 declare const InternalPickerPanel: (props: PickerPanelProps) => import("@emotion/react/jsx-runtime").JSX.Element;

package/es/DateRanger/PickerPanel.js

@@ -61,7 +61,8 @@ var InternalPickerPanel = function InternalPickerPanel(props) {
     onOk = _props$onOk === void 0 ? noop : _props$onOk,
     _props$onCancel = props.onCancel,
     onCancel = _props$onCancel === void 0 ? noop : _props$onCancel,
-    disabledDate = props.disabledDate;
+    disabledDate = props.disabledDate,
+    hideSecond = props.hideSecond;
   var rootCls = useCSSVarCls(prefixCls);
   var _useStyle = useStyle(prefixCls, rootCls),
     _useStyle2 = _slicedToArray(_useStyle, 3),
@@ -247,7 +248,7 @@ var InternalPickerPanel = function InternalPickerPanel(props) {
                   width: '100%'
                 },
                 format: {
-                  format: 'HH:mm:ss',
+                  format: hideSecond ? 'HH:mm' : 'HH:mm:ss',
                   type: 'mask'
                 }
               })
@@ -323,7 +324,7 @@ var InternalPickerPanel = function InternalPickerPanel(props) {
                   width: '100%'
                 },
                 format: {
-                  format: 'HH:mm:ss',
+                  format: hideSecond ? 'HH:mm' : 'HH:mm:ss',
                   type: 'mask'
                 }
               })

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", "autoAdjustOverflow", "overlayClassName", "overlayStyle"];
+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", "getPopupContainer"];
 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; }
@@ -72,6 +72,7 @@ var Ranger = /*#__PURE__*/React.forwardRef(function (props, ref) {
     autoAdjustOverflow = props.autoAdjustOverflow,
     overlayClassName = props.overlayClassName,
     overlayStyle = props.overlayStyle,
+    getPopupContainer = props.getPopupContainer,
     rest = _objectWithoutProperties(props, _excluded);
   var _theme$useToken = theme.useToken(),
     token = _theme$useToken.token;
@@ -260,10 +261,11 @@ var Ranger = /*#__PURE__*/React.forwardRef(function (props, ref) {
           trigger: ['click'],
           open: open,
           placement: rest.placement,
-          autoAdjustOverflow: autoAdjustOverflow
+          autoAdjustOverflow: autoAdjustOverflow,
+          getPopupContainer: getPopupContainer
           // 关闭后进行销毁，才可以将 Tooltip 进行同步关闭
           ,
-          destroyPopupOnHide: true
+          destroyOnHidden: true
           // 存在缓存，会锁死里面的值
           ,
           onOpenChange: function onOpenChange(o) {
@@ -272,7 +274,7 @@ var Ranger = /*#__PURE__*/React.forwardRef(function (props, ref) {
             }
             setOpen(o);
           },
-          dropdownRender: function dropdownRender(originNode) {
+          popupRender: function popupRender(originNode) {
             return /*#__PURE__*/_jsxs("div", {
               className: classNames("".concat(prefix, "-dropdown-picker"), overlayClassName),
               style: overlayStyle,
@@ -291,6 +293,7 @@ var Ranger = /*#__PURE__*/React.forwardRef(function (props, ref) {
                 tip: tip,
                 isMoment: isMoment,
                 rules: rules,
+                hideSecond: hideSecond,
                 onOk: function onOk(vList) {
                   setIsPlay(false);
                   handleNameChange(CUSTOMIZE);

package/es/DateRanger/index.less

@@ -6,6 +6,7 @@
   cursor: pointer;
 
   .@{prefix}-wrapper {
+    background-color: @colorBgContainer;
     border: 1px solid @colorBorder;
     box-sizing: border-box;
     display: flex;
@@ -71,7 +72,7 @@
   display: flex;
   padding: 4px;
   gap: 4px;
-  background-color: #ffffff;
+  background-color: @colorBgContainer;
   background-clip: padding-box;
   border-radius: 8px;
   outline: none;
@@ -82,7 +83,7 @@
 
   .@{prefixCls}-dropdown-menu {
     padding: 0;
-    box-shadow: none;
+    box-shadow: none !important;
   }
 
   .@{prefixCls}-picker-time-panel-container {

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

package/es/Login/index.less

@@ -15,6 +15,7 @@
     height: 100%;
     background-repeat: no-repeat;
     background-size: cover;
+    background-position: center;
 
     .@{prefix}-info {
       margin: 185px 48px 0 48px;

package/es/Password/index.d.ts

@@ -15,6 +15,7 @@ export interface PasswordLocale {
 export interface PasswordProps extends LocaleWrapperProps, Omit<InputPasswordProps, 'onChange'> {
     value?: string;
     onChange?: (value?: string) => void;
+    generatePassword?: () => string;
     rules?: Validator[];
     onValidate?: (passed: boolean) => void;
     generatePasswordRegex?: RegExp;

package/es/Password/index.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 = ["value", "locale", "rules", "onChange", "onValidate", "generatePasswordRegex"];
+var _excluded = ["value", "locale", "rules", "onChange", "generatePassword", "onValidate", "generatePasswordRegex"];
 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; }
@@ -29,6 +29,7 @@ var Password = function Password(_ref) {
     locale = _ref.locale,
     rules = _ref.rules,
     onChange = _ref.onChange,
+    generatePassword = _ref.generatePassword,
     onValidate = _ref.onValidate,
     generatePasswordRegex = _ref.generatePasswordRegex,
     restProps = _objectWithoutProperties(_ref, _excluded);
@@ -135,7 +136,11 @@ var Password = function Password(_ref) {
         }, restProps))
       }), generatePasswordRegex && /*#__PURE__*/_jsx(Button, {
         onClick: function onClick() {
-          handleChange(getRandomPassword());
+          if (generatePassword instanceof Function) {
+            handleChange(generatePassword());
+          } else {
+            handleChange(getRandomPassword());
+          }
         },
         style: {
           marginLeft: 8

package/lib/Boundary/index.d.ts

@@ -2,7 +2,7 @@
 import './index.less';
 declare const _default: {
     Code: any;
-    Function: import("react").FC<import("./Components").IBoundaryFunction>;
+    Function: import("react").FC<import("./Components/Function").IBoundaryFunction>;
     Exception: any;
 };
 export default _default;

package/lib/DateRanger/PickerPanel.d.ts

@@ -17,6 +17,7 @@ export interface PickerPanelProps {
     onOk: (v: RangeValue) => void;
     isMoment: boolean;
     disabledDate: any;
+    hideSecond?: boolean;
     locale: any;
 }
 declare const InternalPickerPanel: (props: PickerPanelProps) => import("@emotion/react/jsx-runtime").JSX.Element;

package/lib/DateRanger/PickerPanel.js

@@ -72,7 +72,8 @@ var InternalPickerPanel = (props) => {
     required = true,
     onOk = import_lodash.noop,
     onCancel = import_lodash.noop,
-    disabledDate
+    disabledDate,
+    hideSecond
   } = props;
   const rootCls = (0, import_useCSSVarCls.default)(prefixCls);
   const [wrapCSSVar, hashId, cssVarCls] = (0, import_style.default)(prefixCls, rootCls);
@@ -200,7 +201,7 @@ var InternalPickerPanel = (props) => {
           getPopupContainer: (triggerNode) => triggerNode.parentNode,
           style: { width: "100%" },
           format: {
-            format: "HH:mm:ss",
+            format: hideSecond ? "HH:mm" : "HH:mm:ss",
             type: "mask"
           }
         }
@@ -258,7 +259,7 @@ var InternalPickerPanel = (props) => {
           getPopupContainer: (triggerNode) => triggerNode.parentNode,
           style: { width: "100%" },
           format: {
-            format: "HH:mm:ss",
+            format: hideSecond ? "HH:mm" : "HH:mm:ss",
             type: "mask"
           }
         }

package/lib/DateRanger/Ranger.js

@@ -85,6 +85,7 @@ var Ranger = import_react.default.forwardRef((props, ref) => {
     autoAdjustOverflow,
     overlayClassName,
     overlayStyle,
+    getPopupContainer,
     ...rest
   } = props;
   const { token } = import_design.theme.useToken();
@@ -251,14 +252,15 @@ var Ranger = import_react.default.forwardRef((props, ref) => {
           open,
           placement: rest.placement,
           autoAdjustOverflow,
-          destroyPopupOnHide: true,
+          getPopupContainer,
+          destroyOnHidden: true,
           onOpenChange: (o) => {
             if (o === false && refState.current.tooltipOpen) {
               return;
             }
             setOpen(o);
           },
-          dropdownRender: (originNode) => {
+          popupRender: (originNode) => {
             return /* @__PURE__ */ import_react.default.createElement(
               "div",
               {
@@ -276,6 +278,7 @@ var Ranger = import_react.default.forwardRef((props, ref) => {
                   tip,
                   isMoment,
                   rules,
+                  hideSecond,
                   onOk: (vList) => {
                     setIsPlay(false);
                     handleNameChange(import_constant.CUSTOMIZE);

package/lib/DateRanger/index.less

@@ -6,6 +6,7 @@
   cursor: pointer;
 
   .@{prefix}-wrapper {
+    background-color: @colorBgContainer;
     border: 1px solid @colorBorder;
     box-sizing: border-box;
     display: flex;
@@ -71,7 +72,7 @@
   display: flex;
   padding: 4px;
   gap: 4px;
-  background-color: #ffffff;
+  background-color: @colorBgContainer;
   background-clip: padding-box;
   border-radius: 8px;
   outline: none;
@@ -82,7 +83,7 @@
 
   .@{prefixCls}-dropdown-menu {
     padding: 0;
-    box-shadow: none;
+    box-shadow: none !important;
   }
 
   .@{prefixCls}-picker-time-panel-container {

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

package/lib/Login/index.less

@@ -15,6 +15,7 @@
     height: 100%;
     background-repeat: no-repeat;
     background-size: cover;
+    background-position: center;
 
     .@{prefix}-info {
       margin: 185px 48px 0 48px;

package/lib/Password/index.d.ts

@@ -15,6 +15,7 @@ export interface PasswordLocale {
 export interface PasswordProps extends LocaleWrapperProps, Omit<InputPasswordProps, 'onChange'> {
     value?: string;
     onChange?: (value?: string) => void;
+    generatePassword?: () => string;
     rules?: Validator[];
     onValidate?: (passed: boolean) => void;
     generatePasswordRegex?: RegExp;

package/lib/Password/index.js

@@ -45,6 +45,7 @@ var Password = ({
   locale,
   rules,
   onChange,
+  generatePassword,
   onValidate,
   generatePasswordRegex,
   ...restProps
@@ -134,7 +135,11 @@ var Password = ({
     import_design.Button,
     {
       onClick: () => {
-        handleChange(getRandomPassword());
+        if (generatePassword instanceof Function) {
+          handleChange(generatePassword());
+        } else {
+          handleChange(getRandomPassword());
+        }
       },
       style: { marginLeft: 8 }
     },

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@oceanbase/ui",
-  "version": "0.4.13",
+  "version": "0.4.15",
   "description": "The UI library based on OceanBase Design",
   "keywords": [
     "oceanbase",
@@ -40,11 +40,11 @@
   },
   "dependencies": {
     "@ant-design/cssinjs": "^1.23.0",
-    "@ant-design/pro-components": "^2.8.7",
+    "@ant-design/pro-components": "^2.8.9",
     "@antv/g6": "3.4.10",
-    "@oceanbase/design": "^0.4.10",
-    "@oceanbase/icons": "^0.4.6",
-    "@oceanbase/util": "^0.4.2",
+    "@oceanbase/design": "^0.4.12",
+    "@oceanbase/icons": "^0.4.7",
+    "@oceanbase/util": "^0.4.4",
     "ahooks": "^2.10.14",
     "classnames": "^2.5.1",
     "dayjs": "^1.11.13",
@@ -64,12 +64,12 @@
     "screenfull": "^6.0.2"
   },
   "devDependencies": {
-    "@ant-design/pro-form": "^2.31.7",
-    "@ant-design/pro-layout": "^7.22.4"
+    "@ant-design/pro-form": "^2.31.9",
+    "@ant-design/pro-layout": "^7.22.6"
   },
   "peerDependencies": {
     "react": ">=16.9.0",
     "react-dom": ">=16.9.0"
   },
-  "gitHead": "84305961875cebaf02361d907dc1db3a1871d1f5"
+  "gitHead": "eea14051a255a8820d64e80e4c0d08527002477f"
 }