@oceanbase/design 0.4.18 → 0.4.19

package/es/button/index.d.ts

@@ -2,7 +2,7 @@ import type { ButtonProps as AntButtonProps } from 'antd/es/button';
 import React from 'react';
 export * from 'antd/es/button';
 export type ButtonProps = AntButtonProps;
-declare const _default: React.ForwardRefExoticComponent<AntButtonProps & React.RefAttributes<HTMLAnchorElement | HTMLButtonElement>> & {
+declare const _default: React.ForwardRefExoticComponent<AntButtonProps & React.RefAttributes<HTMLButtonElement | HTMLAnchorElement>> & {
     Group: React.FC<import("antd/es/button").ButtonGroupProps>;
     __ANT_BUTTON: boolean;
 };

package/es/descriptions/hooks/useItems.d.ts

@@ -5,17 +5,17 @@ export default function useItems(items?: DescriptionsItemType[], children?: Reac
     key?: React.Key;
     label?: React.ReactNode;
     span?: number | "filled" | {
-        xxl?: number;
-        xl?: number;
-        lg?: number;
-        md?: number;
-        sm?: number;
         xs?: number;
+        sm?: number;
+        md?: number;
+        lg?: number;
+        xl?: number;
+        xxl?: number;
     };
     style?: React.CSSProperties;
-    className?: string;
     classNames?: Partial<Record<"label" | "content", string>>;
     styles?: Partial<Record<"label" | "content", React.CSSProperties>>;
+    className?: string;
     labelStyle?: React.CSSProperties;
     contentStyle?: React.CSSProperties;
 }[];

package/es/form/FormItem.d.ts

@@ -4,7 +4,7 @@ import type { FormItemProps as AntFormItemProps } from 'antd/es/form';
 import type { TooltipProps } from '../tooltip';
 declare const AntFormItem: (<Values = any>(props: AntFormItemProps<Values>) => React.ReactElement<any, string | React.JSXElementConstructor<any>>) & {
     useStatus: () => {
-        status?: "" | "error" | "warning" | "success" | "validating";
+        status?: "" | "success" | "warning" | "error" | "validating";
         errors: React.ReactNode[];
         warnings: React.ReactNode[];
     };

package/es/locale/ja-JP.js

@@ -13,12 +13,12 @@ export default _objectSpread(_objectSpread({}, jaJP), {}, {
     total: '合計 ${total} 件'
   }),
   Drawer: {
-    okText: '確定',
+    okText: 'OK',
     cancelText: 'キャンセル'
   },
   Table: _objectSpread(_objectSpread({}, jaJP.Table), {}, {
     batchOperationBar: {
-      selected: '選択済み',
+      selected: '選択中',
       object: '件',
       cancel: 'キャンセル',
       collapse: '折りたたむ',

package/es/segmented/index.d.ts

@@ -6,6 +6,7 @@ import type { SegmentedRawOption } from 'rc-segmented';
 export * from 'antd/es/segmented';
 type BadgeType = BadgeProps | BadgeProps['count'];
 export type SegmentedLabeledOption = AntSegmentedLabeledOption & {
+    icon?: React.ReactNode;
     ellipsis?: EllipsisConfig;
     badge?: BadgeType;
 };

package/es/segmented/index.js

@@ -1,5 +1,5 @@
 var _excluded = ["prefixCls", "options"],
-  _excluded2 = ["label", "badge"];
+  _excluded2 = ["label", "icon", "badge", "ellipsis"];
 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; }
@@ -39,16 +39,24 @@ var Segmented = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
   }, []);
   var newOptions = options === null || options === void 0 ? void 0 : options.map(function (item) {
     if (_typeof(item) === 'object') {
-      var label = item.label,
-        badge = item.badge,
-        restItem = _objectWithoutProperties(item, _excluded2);
+      var _ref2 = item,
+        label = _ref2.label,
+        icon = _ref2.icon,
+        badge = _ref2.badge,
+        _ref2$ellipsis = _ref2.ellipsis,
+        ellipsis = _ref2$ellipsis === void 0 ? {
+          tooltip: true
+        } : _ref2$ellipsis,
+        restItem = _objectWithoutProperties(_ref2, _excluded2);
       return _objectSpread(_objectSpread({}, restItem), {}, {
         label: /*#__PURE__*/_jsxs(Flex, {
-          gap: 4,
           align: "center",
           justify: "center",
-          children: [item !== null && item !== void 0 && item.ellipsis ? /*#__PURE__*/_jsx(Typography.Text, {
-            ellipsis: item.ellipsis,
+          children: [icon && /*#__PURE__*/_jsx("span", {
+            className: "".concat(prefixCls, "-item-icon"),
+            children: icon
+          }), ellipsis ? /*#__PURE__*/_jsx(Typography.Text, {
+            ellipsis: ellipsis,
             children: label
           }) : label, badge && renderBadge(badge)]
         })

package/es/segmented/style/index.js

@@ -13,6 +13,7 @@ export var genSegmentedStyle = function genSegmentedStyle(token) {
   })), '&:active', _defineProperty({}, "".concat(antCls, "-badge >").concat(antCls, "-badge-count"), {
     backgroundColor: colorFillSecondary
   })))), ">".concat(componentCls, "-item"), _defineProperty({}, ">".concat(componentCls, "-item-label"), _defineProperty({}, "".concat(antCls, "-badge >").concat(antCls, "-badge-count"), {
+    marginInlineStart: 4,
     backgroundColor: colorFillSecondary,
     color: 'inherit',
     boxShadow: 'none'

package/es/table/index.d.ts

@@ -38,8 +38,8 @@ declare const _default: (<RecordType extends AnyObject = AnyObject>(props: Table
     SELECTION_ALL: "SELECT_ALL";
     SELECTION_INVERT: "SELECT_INVERT";
     SELECTION_NONE: "SELECT_NONE";
-    Column: <RecordType_1 extends import("antd/es/_util/type").AnyObject>(_: import("antd").TableColumnProps<RecordType_1>) => null;
-    ColumnGroup: <RecordType_2 extends import("antd/es/_util/type").AnyObject>(_: import("antd/es/table/ColumnGroup").ColumnGroupProps<RecordType_2>) => null;
+    Column: <RecordType extends import("antd/es/_util/type").AnyObject>(_: import("antd").TableColumnProps<RecordType>) => null;
+    ColumnGroup: <RecordType_1 extends import("antd/es/_util/type").AnyObject>(_: import("antd/es/table/ColumnGroup").ColumnGroupProps<RecordType_1>) => null;
     Summary: typeof Summary;
     useStyle: (prefixCls: string) => {
         wrapSSR: (node: ReactNode) => ReactElement<any, string | React.JSXElementConstructor<any>>;

package/es/typography/style/index.js

@@ -41,14 +41,17 @@ export var genTypographyStyle = function genTypographyStyle(token) {
     }
   }), "".concat(componentCls).concat(componentCls, "-edit-content"), _defineProperty(_defineProperty(_defineProperty({}, "".concat(componentCls, "-div&"), {
     insetInlineStart: -token.paddingSM,
+    insetBlockStart: 0,
     marginTop: -marginOffset,
     marginBottom: "calc(1em - ".concat(marginOffset, "px)")
   }), "".concat(componentCls, "-span&"), {
     insetInlineStart: -token.paddingSM,
+    insetBlockStart: 0,
     marginTop: -marginOffset,
     marginBottom: -marginOffset
   }), "".concat(componentCls, "-h1&, ").concat(componentCls, "-h2&, ").concat(componentCls, "-h3&, ").concat(componentCls, "-h4&, ").concat(componentCls, "-h5&"), {
     insetInlineStart: -token.paddingSM,
+    insetBlockStart: 0,
     marginTop: "".concat(-marginOffset, "px !important"),
     marginBottom: "".concat(-marginOffset, "px !important")
   }));

package/lib/button/index.d.ts

@@ -2,7 +2,7 @@ import type { ButtonProps as AntButtonProps } from 'antd/es/button';
 import React from 'react';
 export * from 'antd/es/button';
 export type ButtonProps = AntButtonProps;
-declare const _default: React.ForwardRefExoticComponent<AntButtonProps & React.RefAttributes<HTMLAnchorElement | HTMLButtonElement>> & {
+declare const _default: React.ForwardRefExoticComponent<AntButtonProps & React.RefAttributes<HTMLButtonElement | HTMLAnchorElement>> & {
     Group: React.FC<import("antd/es/button").ButtonGroupProps>;
     __ANT_BUTTON: boolean;
 };

package/lib/descriptions/hooks/useItems.d.ts

@@ -5,17 +5,17 @@ export default function useItems(items?: DescriptionsItemType[], children?: Reac
     key?: React.Key;
     label?: React.ReactNode;
     span?: number | "filled" | {
-        xxl?: number;
-        xl?: number;
-        lg?: number;
-        md?: number;
-        sm?: number;
         xs?: number;
+        sm?: number;
+        md?: number;
+        lg?: number;
+        xl?: number;
+        xxl?: number;
     };
     style?: React.CSSProperties;
-    className?: string;
     classNames?: Partial<Record<"label" | "content", string>>;
     styles?: Partial<Record<"label" | "content", React.CSSProperties>>;
+    className?: string;
     labelStyle?: React.CSSProperties;
     contentStyle?: React.CSSProperties;
 }[];

package/lib/form/FormItem.d.ts

@@ -4,7 +4,7 @@ import type { FormItemProps as AntFormItemProps } from 'antd/es/form';
 import type { TooltipProps } from '../tooltip';
 declare const AntFormItem: (<Values = any>(props: AntFormItemProps<Values>) => React.ReactElement<any, string | React.JSXElementConstructor<any>>) & {
     useStatus: () => {
-        status?: "" | "error" | "warning" | "success" | "validating";
+        status?: "" | "success" | "warning" | "error" | "validating";
         errors: React.ReactNode[];
         warnings: React.ReactNode[];
     };

package/lib/locale/ja-JP.js

@@ -44,13 +44,13 @@ var ja_JP_default = {
     total: "合計 ${total} 件"
   },
   Drawer: {
-    okText: "確定",
+    okText: "OK",
     cancelText: "キャンセル"
   },
   Table: {
     ...import_ja_JP.default.Table,
     batchOperationBar: {
-      selected: "選択済み",
+      selected: "選択中",
       object: "件",
       cancel: "キャンセル",
       collapse: "折りたたむ",

package/lib/segmented/index.d.ts

@@ -6,6 +6,7 @@ import type { SegmentedRawOption } from 'rc-segmented';
 export * from 'antd/es/segmented';
 type BadgeType = BadgeProps | BadgeProps['count'];
 export type SegmentedLabeledOption = AntSegmentedLabeledOption & {
+    icon?: React.ReactNode;
     ellipsis?: EllipsisConfig;
     badge?: BadgeType;
 };

package/lib/segmented/index.js

@@ -57,11 +57,18 @@ var Segmented = import_react.default.forwardRef(
     }, []);
     const newOptions = options == null ? void 0 : options.map((item) => {
       if (typeof item === "object") {
-        const { label, badge, ...restItem } = item;
+        const {
+          label,
+          icon,
+          badge,
+          ellipsis = { tooltip: true },
+          ...restItem
+        } = item;
         return {
           ...restItem,
-          label: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_antd.Flex, { gap: 4, align: "center", justify: "center", children: [
-            (item == null ? void 0 : item.ellipsis) ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_typography.default.Text, { ellipsis: item.ellipsis, children: label }) : label,
+          label: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_antd.Flex, { align: "center", justify: "center", children: [
+            icon && /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { className: `${prefixCls}-item-icon`, children: icon }),
+            ellipsis ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_typography.default.Text, { ellipsis, children: label }) : label,
             badge && renderBadge(badge)
           ] })
         };

package/lib/segmented/style/index.js

@@ -45,6 +45,7 @@ var genSegmentedStyle = (token) => {
       [`>${componentCls}-item`]: {
         [`>${componentCls}-item-label`]: {
           [`${antCls}-badge >${antCls}-badge-count`]: {
+            marginInlineStart: 4,
             backgroundColor: colorFillSecondary,
             color: "inherit",
             boxShadow: "none"

package/lib/table/index.d.ts

@@ -38,8 +38,8 @@ declare const _default: (<RecordType extends AnyObject = AnyObject>(props: Table
     SELECTION_ALL: "SELECT_ALL";
     SELECTION_INVERT: "SELECT_INVERT";
     SELECTION_NONE: "SELECT_NONE";
-    Column: <RecordType_1 extends import("antd/es/_util/type").AnyObject>(_: import("antd").TableColumnProps<RecordType_1>) => null;
-    ColumnGroup: <RecordType_2 extends import("antd/es/_util/type").AnyObject>(_: import("antd/es/table/ColumnGroup").ColumnGroupProps<RecordType_2>) => null;
+    Column: <RecordType extends import("antd/es/_util/type").AnyObject>(_: import("antd").TableColumnProps<RecordType>) => null;
+    ColumnGroup: <RecordType_1 extends import("antd/es/_util/type").AnyObject>(_: import("antd/es/table/ColumnGroup").ColumnGroupProps<RecordType_1>) => null;
     Summary: typeof Summary;
     useStyle: (prefixCls: string) => {
         wrapSSR: (node: ReactNode) => ReactElement<any, string | React.JSXElementConstructor<any>>;

package/lib/typography/style/index.js

@@ -65,16 +65,19 @@ var genTypographyStyle = (token) => {
     [`${componentCls}${componentCls}-edit-content`]: {
       [`${componentCls}-div&`]: {
         insetInlineStart: -token.paddingSM,
+        insetBlockStart: 0,
         marginTop: -marginOffset,
         marginBottom: `calc(1em - ${marginOffset}px)`
       },
       [`${componentCls}-span&`]: {
         insetInlineStart: -token.paddingSM,
+        insetBlockStart: 0,
         marginTop: -marginOffset,
         marginBottom: -marginOffset
       },
       [`${componentCls}-h1&, ${componentCls}-h2&, ${componentCls}-h3&, ${componentCls}-h4&, ${componentCls}-h5&`]: {
         insetInlineStart: -token.paddingSM,
+        insetBlockStart: 0,
         marginTop: `${-marginOffset}px !important`,
         marginBottom: `${-marginOffset}px !important`
       }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@oceanbase/design",
-  "version": "0.4.18",
+  "version": "0.4.19",
   "description": "The Design System of OceanBase",
   "keywords": [
     "oceanbase",
@@ -65,5 +65,5 @@
     "react": ">=16.9.0",
     "react-dom": ">=16.9.0"
   },
-  "gitHead": "0cbec46be9880f5620e5a9420ca4d09a60f009f3"
+  "gitHead": "ca53c6686a0e6b1b16c84672d8bdd15a720d9a03"
 }