@oceanbase/ui 0.4.6 → 0.4.7

package/es/DateRanger/index.less

@@ -14,11 +14,23 @@
     // FIXED: 存在不生效情况
     .@{prefix}-picker {
       padding-left: 0px;
+      padding-right: 16px;
       border: 0px;
-      pointer-events: none;
+      &:focus,
+      &:focus-within {
+        box-shadow: none;
+      }
       input {
         text-align: center;
       }
+      // 覆盖默认 antd 样式，定制出 RangerPicker 整体的感觉
+      .@{prefixCls}-picker-active-bar {
+        height: 0;
+      }
+
+      .@{prefixCls}-picker-input > input {
+        cursor: pointer;
+      }
     }
 
     &:hover {
@@ -99,6 +111,9 @@
   }
 
   .@{prefix}-playback-control {
+    display: flex;
+    flex-wrap: nowrap;
+
     .@{prefixCls}-radio-button-wrapper {
       padding-inline: 8px;
       color: @colorTextSecondary;

package/es/DateRanger/locale/en-US.js

@@ -8,13 +8,13 @@ import en_US from 'rc-picker/es/locale/en_US';
 export default _objectSpread({
   customize: 'Custom',
   customTime: 'Custom Time',
-  startDate: 'Start date',
-  startTime: 'Start time',
-  endDate: 'End date',
-  endTime: 'End time',
-  cancel: 'cancel',
-  confirm: 'confirm',
-  current: 'current',
+  startDate: 'Start Date',
+  startTime: 'Start Time',
+  endDate: 'End Date',
+  endTime: 'End Time',
+  cancel: 'Cancel',
+  confirm: 'Confirm',
+  current: 'Current',
   jumpBack: 'Previous Interval',
   jumpForward: 'Next Interval'
 }, en_US);

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" | "javascript" | "typescript" | "groovy" | "java" | "python" | "bash" | "json" | "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/es/ProCard/index.d.ts

@@ -0,0 +1,5 @@
+import { ProCard as AntProCard } from '@ant-design/pro-components';
+import type { ProCardProps } from '@ant-design/pro-components';
+export { ProCardProps };
+declare const ProCard: typeof AntProCard;
+export default ProCard;

package/es/ProCard/index.js

@@ -0,0 +1,52 @@
+var _excluded = ["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); }
+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(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : String(i); }
+function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
+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 React, { useContext } from 'react';
+import { ProCard as AntProCard } from '@ant-design/pro-components';
+import { ConfigProvider } from '@oceanbase/design';
+import classNames from 'classnames';
+import useStyle from "./style";
+import { jsx as _jsx } from "react/jsx-runtime";
+// @ts-ignore
+var ProCard = function ProCard(_ref) {
+  var title = _ref.title,
+    tabs = _ref.tabs,
+    headerBordered = _ref.headerBordered,
+    bodyStyle = _ref.bodyStyle,
+    customizePrefixCls = _ref.prefixCls,
+    className = _ref.className,
+    restProps = _objectWithoutProperties(_ref, _excluded);
+  var _useContext = useContext(ConfigProvider.ConfigContext),
+    getPrefixCls = _useContext.getPrefixCls;
+  var prefixCls = getPrefixCls('pro-card', customizePrefixCls);
+  var _useStyle = useStyle(prefixCls),
+    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 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,
+    title: title,
+    tabs: _typeof(tabs) === 'object' ? _objectSpread({
+      size: 'large'
+    }, tabs) : tabs,
+    headerBordered: headerBordered,
+    bodyStyle: bodyStyle,
+    className: proCardCls
+  }, restProps)));
+};
+if (process.env.NODE_ENV !== 'production') {
+  ProCard.displayName = AntProCard.displayName;
+}
+ProCard.isProCard = AntProCard.isProCard;
+ProCard.Divider = AntProCard.Divider;
+ProCard.TabPane = AntProCard.TabPane;
+ProCard.Group = AntProCard.Group;
+export default ProCard;

package/es/ProCard/style/index.d.ts

@@ -0,0 +1,9 @@
+/// <reference types="react" />
+import type { GenerateStyle } from '@oceanbase/design/es/theme';
+import type { OBToken } from '../../_util/genComponentStyleHook';
+export declare const genProCardStyle: GenerateStyle<OBToken>;
+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/es/ProCard/style/index.js

@@ -0,0 +1,40 @@
+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); }
+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; }
+function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : String(i); }
+function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
+import { Card, Tabs } from '@oceanbase/design';
+import { genComponentStyleHook } from "../../_util/genComponentStyleHook";
+export var genProCardStyle = function genProCardStyle(token) {
+  var componentCls = token.componentCls,
+    antCls = token.antCls,
+    prefixCls = token.prefixCls;
+  var tabsComponentCls = "".concat(antCls, "-tabs");
+  var tabsPrefixCls = "".concat(prefixCls, "-tabs");
+  return _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty({}, "div".concat(componentCls), {
+    borderRadius: token.borderRadiusLG
+  }), "".concat(componentCls, ":not(").concat(componentCls, "-border)"), {
+    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"), {
+    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"), {
+    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
+  }), Card.genTableStyle(token.paddingSM, token))), "".concat(componentCls), _defineProperty({}, "".concat(componentCls, "-tabs"), _objectSpread(_defineProperty({}, "".concat(tabsComponentCls, "-top, ").concat(tabsComponentCls, "-bottom"), _defineProperty({}, ">".concat(tabsComponentCls, "-nav ").concat(tabsComponentCls, "-nav-list"), {
+    marginBlockStart: 0,
+    paddingInlineStart: token.marginLG
+  })), Tabs.genTabsStyle(_objectSpread(_objectSpread({}, token), {}, {
+    componentCls: tabsComponentCls,
+    prefixCls: tabsPrefixCls
+  })))));
+};
+export default (function (prefixCls) {
+  var useStyle = genComponentStyleHook('ProCard', function (token) {
+    return [genProCardStyle(token)];
+  });
+  return useStyle(prefixCls);
+});

package/es/TagSelect/style/index.d.ts

@@ -1,7 +1,8 @@
 /// <reference types="react" />
-import type { FullToken, GenerateStyle } from '@oceanbase/design/es/theme';
+import type { CSSObject } from '@ant-design/cssinjs';
+import type { FullToken } from '@oceanbase/design/es/theme';
 export type TagSelectToken = FullToken<any>;
-export declare const genTagSelectStyle: GenerateStyle<TagSelectToken>;
+export declare const genTagSelectStyle: (token: TagSelectToken) => CSSObject;
 declare const _default: (prefixCls: string) => {
     wrapSSR: (node: import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>>) => import("react").JSX.Element;
     hashId: string;

package/es/_util/genComponentStyleHook.js

@@ -14,7 +14,7 @@ export function genComponentStyleHook(componentName, styleFn) {
       iconPrefixCls = _React$useContext.iconPrefixCls;
     var rootPrefixCls = getPrefixCls();
     var componentCls = ".".concat(prefixCls);
-    return useStyle(componentName, function (token) {
+    return useStyle("OB-".concat(componentName), function (token) {
       var mergedToken = _objectSpread(_objectSpread({}, token), {}, {
         componentCls: componentCls,
         prefixCls: prefixCls,

package/es/index.d.ts

@@ -40,6 +40,8 @@ export { default as FooterToolbar } from './FooterToolbar';
 export type { FooterToolbarProps } from './FooterToolbar';
 export { default as ProTable } from './ProTable';
 export type { ProTableProps } from './ProTable';
+export { default as ProCard } from './ProCard';
+export type { ProCardProps } from './ProCard';
 export { default as LightFilter } from './LightFilter';
 export type { LightFilterProps } from './LightFilter';
 export { default as Password } from './Password';

package/es/index.js

@@ -22,6 +22,7 @@ export { default as PageContainer } from "./PageContainer";
 export { default as PageLoading } from "./PageLoading";
 export { default as FooterToolbar } from "./FooterToolbar";
 export { default as ProTable } from "./ProTable";
+export { default as ProCard } from "./ProCard";
 export { default as LightFilter } from "./LightFilter";
 export { default as Password } from "./Password";
 export { default as Ranger } from "./Ranger";

package/lib/Action/Group.d.ts

@@ -1,7 +1,8 @@
-import type { ButtonSize } from '@oceanbase/design/es/button';
 import React from 'react';
+import type { ButtonSize } from '@oceanbase/design/es/button';
 import type { BaseProps } from './Item';
 export interface GroupProps {
+    prefixCls?: string;
     size?: number;
     dropDownPlacement?: 'topLeft' | 'topCenter' | 'topRight' | 'bottomLeft' | 'bottomCenter' | 'bottomRight';
     children: React.ReactElement<BaseProps> | React.ReactElement<BaseProps>[];
@@ -12,5 +13,5 @@ export interface GroupProps {
     moreType?: 'button' | 'link';
     buttonSize?: ButtonSize;
 }
-declare const _default: ({ size, children, dropDownPlacement, shouldVisible, shouldDisabled, enableLoading, moreText, moreType, buttonSize, }: GroupProps) => import("@emotion/react/types/jsx-namespace").EmotionJSX.Element;
+declare const _default: ({ prefixCls: customizePrefixCls, size, children, dropDownPlacement, shouldVisible, shouldDisabled, enableLoading, moreText, moreType, buttonSize, }: GroupProps) => React.JSX.Element;
 export default _default;

package/lib/Action/Group.js

@@ -32,10 +32,11 @@ __export(Group_exports, {
   default: () => Group_default
 });
 module.exports = __toCommonJS(Group_exports);
+var import_react = __toESM(require("react"));
 var import_design = require("@oceanbase/design");
 var import_icons = require("@oceanbase/icons");
 var import_lodash = require("lodash");
-var import_react = __toESM(require("react"));
+var import_style = __toESM(require("./style"));
 var getOrder = ({ type, fixed }) => {
   const ORDER_SET = { primary: 3, fixed: 2, default: 0 };
   let order = ORDER_SET.default;
@@ -48,6 +49,7 @@ var getOrder = ({ type, fixed }) => {
   return order;
 };
 var Group_default = ({
+  prefixCls: customizePrefixCls,
   size = 3,
   children,
   dropDownPlacement,
@@ -58,6 +60,9 @@ var Group_default = ({
   moreType,
   buttonSize
 }) => {
+  const { getPrefixCls } = (0, import_react.useContext)(import_design.ConfigProvider.ConfigContext);
+  const prefixCls = getPrefixCls("action", customizePrefixCls);
+  const { wrapSSR } = (0, import_style.default)(prefixCls);
   const visibleActions = Array.isArray(children) ? children.filter((c) => {
     if ((0, import_lodash.isBoolean)(c.props.visible) && shouldVisible)
       return c.props.visible && shouldVisible(c.key);
@@ -90,50 +95,58 @@ var Group_default = ({
   const getDefaultDisabled = (key) => (shouldDisabled == null ? void 0 : shouldDisabled(key)) ?? false;
   let moreDom;
   if (ellipsisType === "button") {
-    moreDom = /* @__PURE__ */ import_react.default.createElement(import_design.Button, { size: buttonSize }, moreText ?? /* @__PURE__ */ import_react.default.createElement(import_icons.EllipsisOutlined, { style: { cursor: "pointer" } }));
+    moreDom = /* @__PURE__ */ import_react.default.createElement(
+      import_design.Button,
+      {
+        size: buttonSize,
+        icon: moreText ? void 0 : /* @__PURE__ */ import_react.default.createElement(import_icons.EllipsisOutlined, { style: { cursor: "pointer" } })
+      },
+      moreText
+    );
   } else {
     moreDom = /* @__PURE__ */ import_react.default.createElement(import_design.Typography.Link, null, moreText ?? /* @__PURE__ */ import_react.default.createElement(import_icons.EllipsisOutlined, { style: { cursor: "pointer" } }));
   }
-  return /* @__PURE__ */ import_react.default.createElement(import_design.Space, { size: 8 }, mainActions.map((action) => {
-    return import_react.default.cloneElement(action, {
-      // size should be covered by action props
-      size: buttonSize,
-      ...action.props,
-      key: action.key,
-      enableLoading,
-      disabled: (0, import_lodash.isBoolean)(action.props.disabled) ? action.props.disabled : getDefaultDisabled(action.key)
-    });
-  }), ellipsisActions.length > 0 && /* @__PURE__ */ import_react.default.createElement(
-    import_design.Dropdown,
-    {
-      placement: dropDownPlacement,
-      overlay: /* @__PURE__ */ import_react.default.createElement(import_design.Menu, null, ellipsisActions.map((action, index) => {
-        const actionKey = action.key;
-        let disabled = false;
-        if ((0, import_lodash.isBoolean)(action.props.disabled))
-          disabled = action.props.disabled;
-        else if (shouldDisabled)
-          disabled = shouldDisabled(action.key);
-        const actionDisabled = action.props.loading || ((0, import_lodash.isBoolean)(action.props.disabled) ? action.props.disabled : getDefaultDisabled(action.key));
-        return (
-          // @ts-ignore
-          /* @__PURE__ */ import_react.default.createElement(
-            import_design.Menu.Item,
-            {
-              key: actionKey ?? index.toString(),
-              onClick: ({ domEvent }) => {
-                var _a, _b;
-                (_b = (_a = action.props).onClick) == null ? void 0 : _b.call(_a, domEvent);
+  return wrapSSR(
+    /* @__PURE__ */ import_react.default.createElement(import_design.Space, { size: ellipsisType === "button" ? 8 : 16 }, mainActions.map((action) => {
+      return import_react.default.cloneElement(action, {
+        // size should be covered by action props
+        size: buttonSize,
+        ...action.props,
+        key: action.key,
+        enableLoading,
+        disabled: (0, import_lodash.isBoolean)(action.props.disabled) ? action.props.disabled : getDefaultDisabled(action.key)
+      });
+    }), ellipsisActions.length > 0 && /* @__PURE__ */ import_react.default.createElement(
+      import_design.Dropdown,
+      {
+        placement: dropDownPlacement,
+        overlay: /* @__PURE__ */ import_react.default.createElement(import_design.Menu, { className: `${prefixCls}-more-menu` }, ellipsisActions.map((action, index) => {
+          const actionKey = action.key;
+          let disabled = false;
+          if ((0, import_lodash.isBoolean)(action.props.disabled))
+            disabled = action.props.disabled;
+          else if (shouldDisabled)
+            disabled = shouldDisabled(action.key);
+          const actionDisabled = action.props.loading || ((0, import_lodash.isBoolean)(action.props.disabled) ? action.props.disabled : getDefaultDisabled(action.key));
+          return (
+            // @ts-ignore
+            /* @__PURE__ */ import_react.default.createElement(
+              import_design.Menu.Item,
+              {
+                key: actionKey ?? index.toString(),
+                onClick: ({ domEvent }) => {
+                  var _a, _b;
+                  (_b = (_a = action.props).onClick) == null ? void 0 : _b.call(_a, domEvent);
+                },
+                ...(0, import_lodash.omit)(action.props, "disabled"),
+                disabled: actionDisabled
               },
-              style: { minWidth: 120 },
-              ...(0, import_lodash.omit)(action.props, "disabled"),
-              disabled: actionDisabled
-            },
-            /* @__PURE__ */ import_react.default.createElement(import_design.Tooltip, { title: action.props.tooltip }, action.props.loading && /* @__PURE__ */ import_react.default.createElement(import_icons.LoadingOutlined, null), " ", action.props.children)
-          )
-        );
-      }))
-    },
-    moreDom
-  ));
+              /* @__PURE__ */ import_react.default.createElement(import_design.Tooltip, { title: action.props.tooltip }, action.props.loading && /* @__PURE__ */ import_react.default.createElement(import_icons.LoadingOutlined, null), " ", action.props.children || action)
+            )
+          );
+        }))
+      },
+      moreDom
+    ))
+  );
 };

package/lib/Action/Item.d.ts

@@ -6,7 +6,7 @@ export interface BaseProps extends ButtonProps {
     /** 固定展示、不会被折叠 */
     fixed?: boolean;
     onClick?: (e: React.MouseEvent<HTMLElement, MouseEvent>) => Promise<void> | void;
-    children?: React.ReactElement | string;
+    children?: React.ReactElement | React.ReactNode | string;
     enableLoading?: boolean;
     tooltip?: string;
     loading?: boolean;

package/lib/Action/index.d.ts

@@ -1,7 +1,8 @@
+/// <reference types="react" />
 import { ActionButton, ActionLink } from './Item';
 export type { GroupProps as ActionGroupProps } from './Group';
 declare const _default: {
-    Group: ({ size, children, dropDownPlacement, shouldVisible, shouldDisabled, enableLoading, moreText, moreType, buttonSize, }: import("./Group").GroupProps) => import("@emotion/react/types/jsx-namespace").EmotionJSX.Element;
+    Group: ({ prefixCls: customizePrefixCls, size, children, dropDownPlacement, shouldVisible, shouldDisabled, enableLoading, moreText, moreType, buttonSize, }: import("./Group").GroupProps) => import("react").JSX.Element;
     Button: typeof ActionButton;
     Link: typeof ActionLink;
 };

package/lib/Action/style/index.d.ts

@@ -0,0 +1,9 @@
+/// <reference types="react" />
+import type { GenerateStyle } from '@oceanbase/design/es/theme';
+import type { OBToken } from '../../_util/genComponentStyleHook';
+export declare const genActionStyle: GenerateStyle<OBToken>;
+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/Action/style/index.js

@@ -0,0 +1,78 @@
+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);
+
+// src/Action/style/index.ts
+var style_exports = {};
+__export(style_exports, {
+  default: () => style_default,
+  genActionStyle: () => genActionStyle
+});
+module.exports = __toCommonJS(style_exports);
+var import_genComponentStyleHook = require("../../_util/genComponentStyleHook");
+var genActionStyle = (token) => {
+  const { componentCls, antCls } = token;
+  const paddingVertical = (token.controlHeight - token.fontSize * token.lineHeight) / 2;
+  const paddingHorizontal = token.paddingSM;
+  const padding = `${paddingVertical}px ${paddingHorizontal}px`;
+  const margin = `-${paddingVertical}px -${paddingHorizontal}px`;
+  return {
+    [`${componentCls}-more-menu`]: {
+      background: "red",
+      [`${antCls}-dropdown-menu-item`]: {
+        [`${antCls}-typography`]: {
+          display: "block",
+          margin,
+          padding: `${padding} !important`,
+          [`&:not(${antCls}-typography-disabled)`]: {
+            color: token.colorText
+          }
+        },
+        [`${antCls}-btn`]: {
+          padding,
+          margin,
+          border: "none",
+          display: "block",
+          width: `calc(100% + ${paddingHorizontal * 2}px)`,
+          textAlign: "left",
+          height: "inherit",
+          background: "transparent",
+          [`&:not(:disabled):not(${antCls}-btn-disabled)`]: {
+            color: token.colorText,
+            [`&:hover`]: {
+              background: "transparent"
+            }
+          },
+          // remove button click animation
+          [`${antCls}-wave`]: {
+            display: "none"
+          }
+        }
+      }
+    }
+  };
+};
+var style_default = (prefixCls) => {
+  const useStyle = (0, import_genComponentStyleHook.genComponentStyleHook)("Action", (token) => {
+    return [genActionStyle(token)];
+  });
+  return useStyle(prefixCls);
+};
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  genActionStyle
+});

package/lib/DateRanger/PickerPanel.d.ts

@@ -1,18 +1,16 @@
-import type { Dayjs } from 'dayjs';
-import type { Moment } from 'moment';
-type RangeValue = [Moment, Moment] | [Dayjs, Dayjs];
+import type { RangeValue } from './Ranger';
 type ValidateTrigger = 'submit' | 'valueChange';
 type MaybeArray<T> = T | T[];
-type ErrorType = 'endDate' | 'startDate' | 'endTime' | 'startTime';
+type ErrorType = 'endDate' | 'startDate' | 'endTime' | 'startTime' | 'all';
 export type Rule = {
     message: string;
-    validate: (value: string) => MaybeArray<ErrorType>;
+    validator: (value: [string, string] | []) => MaybeArray<ErrorType> | null | undefined;
 };
 export interface PickerPanelProps {
     value?: RangeValue;
     defaultValue?: RangeValue;
     tip?: string;
-    require?: boolean;
+    required?: boolean;
     rules?: Rule[];
     validateTrigger?: ValidateTrigger;
     onCancel: () => void;