@oceanbase/ui 0.3.1 → 0.3.3

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

@@ -0,0 +1,9 @@
+/// <reference types="react" />
+import type { LightFilterToken } from '@ant-design/pro-form/es/layouts/LightFilter/style';
+import type { GenerateStyle } from '@oceanbase/design/es/theme';
+export declare const genLightFilterStyle: GenerateStyle<LightFilterToken>;
+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/LightFilter/style/index.js

@@ -0,0 +1,60 @@
+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/LightFilter/style/index.ts
+var style_exports = {};
+__export(style_exports, {
+  default: () => style_default,
+  genLightFilterStyle: () => genLightFilterStyle
+});
+module.exports = __toCommonJS(style_exports);
+var import_genComponentStyleHook = require("../../_util/genComponentStyleHook");
+var genLightFilterStyle = (token) => {
+  const { componentCls, proComponentsCls } = token;
+  return {
+    [`${componentCls}`]: {
+      [`${proComponentsCls}-core-field-label`]: {
+        "&-active, &:hover": {
+          backgroundColor: token.controlItemBgActive
+        }
+      }
+    },
+    [`${componentCls}-middle`]: {
+      [`${proComponentsCls}-core-field-label`]: {
+        paddingInline: token.paddingSM,
+        borderRadius: token.borderRadius
+      }
+    },
+    [`${componentCls}${componentCls}-small`]: {
+      [`${proComponentsCls}-core-field-label`]: {
+        paddingInline: token.paddingXS,
+        borderRadius: token.borderRadiusSM
+      }
+    }
+  };
+};
+var style_default = (prefixCls) => {
+  const useStyle = (0, import_genComponentStyleHook.genComponentStyleHook)("LightFilter", (token) => {
+    return [genLightFilterStyle(token)];
+  });
+  return useStyle(prefixCls);
+};
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  genLightFilterStyle
+});

package/lib/ProTable/index.d.ts

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

package/lib/ProTable/index.js

@@ -0,0 +1,80 @@
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+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 __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/ProTable/index.tsx
+var ProTable_exports = {};
+__export(ProTable_exports, {
+  default: () => ProTable_default
+});
+module.exports = __toCommonJS(ProTable_exports);
+var import_react = __toESM(require("react"));
+var import_pro_components = require("@ant-design/pro-components");
+var import_classnames = __toESM(require("classnames"));
+var import_design = require("@oceanbase/design");
+var import_style = __toESM(require("../LightFilter/style"));
+var import_style2 = __toESM(require("./style"));
+var ProTable = ({
+  pagination: customPagination,
+  form,
+  prefixCls: customizePrefixCls,
+  className,
+  ...restProps
+}) => {
+  const { getPrefixCls } = (0, import_react.useContext)(import_design.ConfigProvider.ConfigContext);
+  const tablePrefixCls = getPrefixCls("table", customizePrefixCls);
+  const { wrapSSR: tableWrapSSR } = import_design.Table.useStyle(tablePrefixCls);
+  const pagination = import_design.Table.useDefaultPagination(customPagination);
+  const lightFilterPrefixCls = getPrefixCls("pro-form-light-filter", customizePrefixCls);
+  const { wrapSSR: lightFilterWrapSSR } = (0, import_style.default)(lightFilterPrefixCls);
+  const prefixCls = getPrefixCls("pro-table", customizePrefixCls);
+  const { wrapSSR } = (0, import_style2.default)(prefixCls);
+  const proTableCls = (0, import_classnames.default)(className);
+  return tableWrapSSR(
+    lightFilterWrapSSR(
+      wrapSSR(
+        /* @__PURE__ */ import_react.default.createElement(
+          import_pro_components.ProTable,
+          {
+            defaultSize: "large",
+            pagination,
+            form: {
+              // query form should remove required mark
+              requiredMark: false,
+              ...form
+            },
+            prefixCls: customizePrefixCls,
+            className: proTableCls,
+            ...restProps
+          }
+        )
+      )
+    )
+  );
+};
+ProTable.Summary = import_pro_components.ProTable.Summary;
+var ProTable_default = ProTable;

package/lib/ProTable/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 genProTableStyle: 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/ProTable/style/index.js

@@ -0,0 +1,39 @@
+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/ProTable/style/index.ts
+var style_exports = {};
+__export(style_exports, {
+  default: () => style_default,
+  genProTableStyle: () => genProTableStyle
+});
+module.exports = __toCommonJS(style_exports);
+var import_genComponentStyleHook = require("../../_util/genComponentStyleHook");
+var genProTableStyle = (token) => {
+  return {};
+};
+var style_default = (prefixCls) => {
+  const useStyle = (0, import_genComponentStyleHook.genComponentStyleHook)("ProTable", (token) => {
+    return [genProTableStyle(token)];
+  });
+  return useStyle(prefixCls);
+};
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  genProTableStyle
+});

package/lib/index.d.ts

@@ -38,6 +38,10 @@ export { default as PageLoading } from './PageLoading';
 export type { PageLoadingProps } from './PageLoading';
 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 LightFilter } from './LightFilter';
+export type { LightFilterProps } from './LightFilter';
 export { default as Password } from './Password';
 export type { PasswordProps } from './Password';
 export { default as Ranger } from './Ranger';

package/lib/index.js

@@ -45,12 +45,14 @@ __export(src_exports, {
   GraphToolbar: () => import_GraphToolbar.default,
   Highlight: () => import_Highlight.default,
   IconFont: () => import_IconFont.default,
+  LightFilter: () => import_LightFilter.default,
   Login: () => import_Login.default,
   Lottie: () => import_Lottie.default,
   NavMenu: () => import_NavMenu.default,
   PageContainer: () => import_PageContainer.default,
   PageLoading: () => import_PageLoading.default,
   Password: () => import_Password.default,
+  ProTable: () => import_ProTable.default,
   Ranger: () => import_Ranger.default,
   SideTip: () => import_SideTip.default,
   TagSelect: () => import_TagSelect.default,
@@ -83,6 +85,8 @@ var import_NavMenu = __toESM(require("./NavMenu"));
 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_LightFilter = __toESM(require("./LightFilter"));
 var import_Password = __toESM(require("./Password"));
 var import_Ranger = __toESM(require("./Ranger"));
 var import_SideTip = __toESM(require("./SideTip"));
@@ -108,12 +112,14 @@ var import_BackgroundTaskManager = __toESM(require("./BackgroundTaskManager"));
   GraphToolbar,
   Highlight,
   IconFont,
+  LightFilter,
   Login,
   Lottie,
   NavMenu,
   PageContainer,
   PageLoading,
   Password,
+  ProTable,
   Ranger,
   SideTip,
   TagSelect,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@oceanbase/ui",
-  "version": "0.3.1",
+  "version": "0.3.3",
   "description": "The UI library based on OceanBase Design",
   "keywords": [
     "oceanbase",
@@ -34,36 +34,36 @@
     "build": "NODE_OPTIONS=--max_old_space_size=4096 father build"
   },
   "dependencies": {
-    "@ant-design/cssinjs": "^1.18.4",
-    "@ant-design/pro-components": "^2.6.49",
-    "@ant-design/pro-layout": "^7.17.20",
-    "@oceanbase/design": "^0.3.1",
-    "@oceanbase/icons": "^0.3.0",
-    "@oceanbase/util": "^0.3.0",
+    "@ant-design/cssinjs": "^1.19.1",
+    "@ant-design/pro-components": "^2.7.0",
+    "@antv/g6": "3.4.10",
+    "@oceanbase/design": "^0.3.3",
+    "@oceanbase/icons": "^0.3.1",
+    "@oceanbase/util": "^0.3.1",
     "ahooks": "^2.10.14",
     "classnames": "^2.5.1",
     "dayjs": "^1.11.10",
-    "diff": "^5.1.0",
+    "diff": "^5.2.0",
     "highlight.js": "^11.9.0",
     "highlightjs-solidity": "^2.0.6",
     "hoist-non-react-statics": "^3.3.2",
     "lodash": "^4.17.21",
     "moment": "^2.30.1",
-    "path-to-regexp": "^6.2.1",
+    "path-to-regexp": "^6.2.2",
     "randexp": "^0.5.3",
-    "rc-util": "^5.38.1",
+    "rc-util": "^5.39.1",
     "react-copy-to-clipboard": "^5.1.0",
     "react-json-view": "^1.21.3",
     "react-split-pane": "^0.1.92",
     "screenfull": "^6.0.2"
   },
   "devDependencies": {
-    "@antv/g6": "3.4.10"
+    "@ant-design/pro-form": "^2.25.1",
+    "@ant-design/pro-layout": "^7.19.0"
   },
   "peerDependencies": {
-    "@antv/g6": "3.4.10",
     "react": ">=16.9.0",
     "react-dom": ">=16.9.0"
   },
-  "gitHead": "6493aa80578be3aca3d00cdc19b4d3349f3f8b46"
+  "gitHead": "862f7cbc51b348bac6166b8d61e20153c017d87e"
 }