@oceanbase/ui 0.4.6 → 0.4.7

package/lib/ProCard/style/index.js

@@ -0,0 +1,92 @@
+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/ProCard/style/index.ts
+var style_exports = {};
+__export(style_exports, {
+  default: () => style_default,
+  genProCardStyle: () => genProCardStyle
+});
+module.exports = __toCommonJS(style_exports);
+var import_design = require("@oceanbase/design");
+var import_genComponentStyleHook = require("../../_util/genComponentStyleHook");
+var genProCardStyle = (token) => {
+  const { componentCls, antCls, prefixCls } = token;
+  const tabsComponentCls = `${antCls}-tabs`;
+  const tabsPrefixCls = `${prefixCls}-tabs`;
+  return {
+    // follow Card style
+    // need add `div` to make style work
+    [`div${componentCls}`]: {
+      borderRadius: token.borderRadiusLG
+    },
+    [`${componentCls}:not(${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)"
+    },
+    [`${componentCls}:not(${componentCls}-size-small)`]: {
+      [`${componentCls}-body`]: {
+        paddingBlock: token.paddingLG
+      },
+      [`&${componentCls}-has-title${componentCls}-no-divider`]: {
+        [`${componentCls}-body`]: {
+          paddingBlockStart: token.padding
+        }
+      }
+    },
+    // no body padding card
+    [`${componentCls}${componentCls}-no-body-padding:not(${componentCls}-contain-tabs)`]: {
+      [`${componentCls}-header`]: {
+        paddingBlockEnd: token.padding
+      },
+      ...import_design.Card.genTableStyle(token.paddingLG, token)
+    },
+    // no body padding small card
+    [`${componentCls}${componentCls}-no-body-padding${componentCls}-size-small:not(${componentCls}-contain-tabs)`]: {
+      [`${componentCls}-header`]: {
+        paddingBlockEnd: token.paddingXS
+      },
+      ...import_design.Card.genTableStyle(token.paddingSM, token)
+    },
+    // custom ProCard tabs style
+    [`${componentCls}`]: {
+      [`${componentCls}-tabs`]: {
+        [`${tabsComponentCls}-top, ${tabsComponentCls}-bottom`]: {
+          [`>${tabsComponentCls}-nav ${tabsComponentCls}-nav-list`]: {
+            marginBlockStart: 0,
+            paddingInlineStart: token.marginLG
+          }
+        },
+        ...import_design.Tabs.genTabsStyle({
+          ...token,
+          componentCls: tabsComponentCls,
+          prefixCls: tabsPrefixCls
+        })
+      }
+    }
+  };
+};
+var style_default = (prefixCls) => {
+  const useStyle = (0, import_genComponentStyleHook.genComponentStyleHook)("ProCard", (token) => {
+    return [genProCardStyle(token)];
+  });
+  return useStyle(prefixCls);
+};
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  genProCardStyle
+});

package/lib/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/lib/_util/genComponentStyleHook.js

@@ -40,7 +40,7 @@ function genComponentStyleHook(componentName, styleFn) {
     const { getPrefixCls, iconPrefixCls } = import_react.default.useContext(import_design.ConfigProvider.ConfigContext);
     const rootPrefixCls = getPrefixCls();
     const componentCls = `.${prefixCls}`;
-    return (0, import_pro_components.useStyle)(componentName, (token) => {
+    return (0, import_pro_components.useStyle)(`OB-${componentName}`, (token) => {
       const mergedToken = {
         ...token,
         componentCls,

package/lib/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/lib/index.js

@@ -53,6 +53,7 @@ __export(src_exports, {
   PageContainer: () => import_PageContainer.default,
   PageLoading: () => import_PageLoading.default,
   Password: () => import_Password.default,
+  ProCard: () => import_ProCard.default,
   ProTable: () => import_ProTable.default,
   Ranger: () => import_Ranger.default,
   SideTip: () => import_SideTip.default,
@@ -87,6 +88,7 @@ var import_PageContainer = __toESM(require("./PageContainer"));
 var import_PageLoading = __toESM(require("./PageLoading"));
 var import_FooterToolbar = __toESM(require("./FooterToolbar"));
 var import_ProTable = __toESM(require("./ProTable"));
+var import_ProCard = __toESM(require("./ProCard"));
 var import_LightFilter = __toESM(require("./LightFilter"));
 var import_Password = __toESM(require("./Password"));
 var import_Ranger = __toESM(require("./Ranger"));
@@ -122,6 +124,7 @@ var import_BackgroundTaskManager = __toESM(require("./BackgroundTaskManager"));
   PageContainer,
   PageLoading,
   Password,
+  ProCard,
   ProTable,
   Ranger,
   SideTip,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@oceanbase/ui",
-  "version": "0.4.6",
+  "version": "0.4.7",
   "description": "The UI library based on OceanBase Design",
   "keywords": [
     "oceanbase",
@@ -40,10 +40,10 @@
   },
   "dependencies": {
     "@ant-design/cssinjs": "^1.22.1",
-    "@ant-design/pro-components": "^2.8.2",
+    "@ant-design/pro-components": "^2.8.3",
     "@antv/g6": "3.4.10",
-    "@oceanbase/design": "^0.4.5",
-    "@oceanbase/icons": "^0.4.3",
+    "@oceanbase/design": "^0.4.6",
+    "@oceanbase/icons": "^0.4.4",
     "@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.8.3",
-    "rc-util": "^5.44.2",
+    "rc-picker": "^4.9.2",
+    "rc-util": "^5.44.3",
     "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.2",
-    "@ant-design/pro-layout": "^7.21.2"
+    "@ant-design/pro-form": "^2.31.3",
+    "@ant-design/pro-layout": "^7.22.0"
   },
   "peerDependencies": {
     "react": ">=16.9.0",
     "react-dom": ">=16.9.0"
   },
-  "gitHead": "400af7f5551196d8e70774caf43a70d3fb5de617"
+  "gitHead": "8db06c5cc511bdbbb32a90a93d6d1e1ecd2a6f54"
 }