@ant-design/pro-components 2.8.10 → 3.0.0-beta.1

package/lib/card/components/TabPane/index.js

@@ -0,0 +1,111 @@
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __defProps = Object.defineProperties;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getOwnPropSymbols = Object.getOwnPropertySymbols;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __propIsEnum = Object.prototype.propertyIsEnumerable;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp.call(b, prop))
+      __defNormalProp(a, prop, b[prop]);
+  if (__getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(b)) {
+      if (__propIsEnum.call(b, prop))
+        __defNormalProp(a, prop, b[prop]);
+    }
+  return a;
+};
+var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
+var __objRest = (source, exclude) => {
+  var target = {};
+  for (var prop in source)
+    if (__hasOwnProp.call(source, prop) && exclude.indexOf(prop) < 0)
+      target[prop] = source[prop];
+  if (source != null && __getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(source)) {
+      if (exclude.indexOf(prop) < 0 && __propIsEnum.call(source, prop))
+        target[prop] = source[prop];
+    }
+  return target;
+};
+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/card/components/TabPane/index.tsx
+var TabPane_exports = {};
+__export(TabPane_exports, {
+  default: () => TabPane_default,
+  useLegacyItems: () => useLegacyItems
+});
+module.exports = __toCommonJS(TabPane_exports);
+var import_antd = require("antd");
+var import_toArray = __toESM(require("rc-util/lib/Children/toArray"));
+var import_warning = require("rc-util/lib/warning");
+var import_react = __toESM(require("react"));
+var import_Card = __toESM(require("../Card"));
+function filter(items) {
+  return items.filter((item) => item);
+}
+function useLegacyItems(items, children, tabs) {
+  if (items) {
+    return items.map((item) => {
+      return __spreadProps(__spreadValues({}, item), {
+        children: /* @__PURE__ */ import_react.default.createElement(import_Card.default, __spreadValues({}, tabs == null ? void 0 : tabs.cardProps), item.children)
+      });
+    });
+  }
+  (0, import_warning.noteOnce)(!tabs, "Tabs.TabPane is deprecated. Please use `items` directly.");
+  const childrenItems = (0, import_toArray.default)(children).map(
+    (node) => {
+      if (import_react.default.isValidElement(node)) {
+        const { key, props } = node;
+        const _a = props || {}, { tab, children: tempChild } = _a, restProps = __objRest(_a, ["tab", "children"]);
+        const item = __spreadProps(__spreadValues({
+          key: String(key)
+        }, restProps), {
+          children: /* @__PURE__ */ import_react.default.createElement(import_Card.default, __spreadValues({}, tabs == null ? void 0 : tabs.cardProps), tempChild),
+          label: tab
+        });
+        return item;
+      }
+      return null;
+    }
+  );
+  return filter(childrenItems);
+}
+var TabPane = (props) => {
+  const { getPrefixCls } = (0, import_react.useContext)(import_antd.ConfigProvider.ConfigContext);
+  if (import_antd.version.startsWith("5")) {
+    return /* @__PURE__ */ import_react.default.createElement(import_react.default.Fragment, null);
+  } else {
+    return null;
+  }
+};
+if (typeof process !== "undefined" && true) {
+  TabPane.displayName = "DeprecatedTabPane";
+}
+var TabPane_default = TabPane;

package/lib/card/index.d.ts

@@ -0,0 +1,12 @@
+import type { CheckCardGroupProps, CheckCardProps } from './components/CheckCard';
+import CheckCard from './components/CheckCard';
+import type { StatisticProps } from './components/Statistic';
+import Statistic from './components/Statistic';
+import type { StatisticCardProps, StatisticsCardProps } from './components/StatisticCard';
+import StatisticCard from './components/StatisticCard';
+import type { ProCardProps } from './ProCard';
+import ProCard from './ProCard';
+import type { ProCardTabsProps } from './typing';
+export { CheckCard, ProCard, Statistic, StatisticCard };
+export type { CheckCardGroupProps, CheckCardProps, ProCardProps, ProCardTabsProps, StatisticCardProps, StatisticProps, StatisticsCardProps, };
+export default ProCard;

package/lib/card/index.js

@@ -0,0 +1,43 @@
+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/card/index.tsx
+var card_exports = {};
+__export(card_exports, {
+  CheckCard: () => import_CheckCard.default,
+  ProCard: () => import_ProCard.default,
+  Statistic: () => import_Statistic.default,
+  StatisticCard: () => import_StatisticCard.default,
+  default: () => card_default
+});
+module.exports = __toCommonJS(card_exports);
+var import_CheckCard = __toESM(require("./components/CheckCard"));
+var import_Statistic = __toESM(require("./components/Statistic"));
+var import_StatisticCard = __toESM(require("./components/StatisticCard"));
+var import_ProCard = __toESM(require("./ProCard"));
+var card_default = import_ProCard.default;

package/lib/card/typing.d.ts

@@ -0,0 +1,91 @@
+import type { TabPaneProps, TabsProps } from 'antd';
+import type { LabelTooltipType } from 'antd/lib/form/FormItemLabel';
+import type { ReactNode } from 'react';
+export type Breakpoint = 'xxl' | 'xl' | 'lg' | 'md' | 'sm' | 'xs';
+export type Gutter = number | Partial<Record<Breakpoint, number>>;
+export type ColSpanType = number | string;
+type CollapsibleType = 'icon' | 'header' | boolean;
+type CardPropsBase = {
+    /** 标题样式 */
+    headStyle?: React.CSSProperties;
+    /** 内容样式 */
+    bodyStyle?: React.CSSProperties;
+    /** 页头是否有分割线 */
+    headerBordered?: boolean;
+    /** 卡片标题 */
+    title?: React.ReactNode;
+    /** 副标题 */
+    subTitle?: React.ReactNode;
+    /** 标题说明 */
+    tooltip?: string | LabelTooltipType;
+    /** 右上角自定义区域 */
+    extra?: React.ReactNode;
+    /** 布局，center 代表垂直居中 */
+    layout?: 'default' | 'center';
+    /** 卡片类型 */
+    type?: 'default' | 'inner';
+    /** 指定 Flex 方向，仅在嵌套子卡片时有效 */
+    direction?: 'column' | 'row';
+    /** 是否自动换行，仅在嵌套子卡片时有效 */
+    wrap?: boolean;
+    /** 尺寸 */
+    size?: 'default' | 'small';
+    /** 加载中 */
+    loading?: boolean | ReactNode;
+    /** 栅格布局宽度，24 栅格，支持指定宽度或百分，需要支持响应式 colSpan={{ xs: 12, sm: 6 }} */
+    colSpan?: ColSpanType | Partial<Record<Breakpoint, ColSpanType>>;
+    colStyle?: React.CSSProperties;
+    /** 栅格间距 */
+    gutter?: Gutter | Gutter[];
+    /** 操作按钮 */
+    actions?: React.ReactNode[] | React.ReactNode;
+    /** 拆分卡片方式 */
+    split?: 'vertical' | 'horizontal';
+    /** Card variants */
+    variant?: 'outlined' | 'borderless';
+    /**
+     * 鼠标移过时可浮起
+     *
+     * @default false
+     */
+    hoverable?: boolean;
+    /** 幽灵模式，即是否取消卡片内容区域的 padding 和 背景颜色。 */
+    ghost?: boolean;
+    /** 是否可折叠 */
+    collapsible?: CollapsibleType;
+    /** 受控 collapsed 属性 */
+    collapsed?: boolean;
+    /** 折叠按钮自定义节点 */
+    collapsibleIconRender?: ({ collapsed, }: {
+        collapsed: boolean;
+    }) => React.ReactNode;
+    /** 配置默认是否折叠 */
+    defaultCollapsed?: boolean;
+    /** 收起卡片的事件 */
+    onCollapse?: (collapsed: boolean) => void;
+    /** 前缀 */
+    prefixCls?: string;
+    /** ProCard 的 ref */
+    ref?: React.Ref<HTMLDivElement | undefined>;
+    /** 是否展示选中样式 */
+    checked?: boolean;
+    /** 选中改变 */
+    onChecked?: (e: React.MouseEvent<HTMLDivElement, MouseEvent>) => void;
+    /** card的阴影 */
+    boxShadow?: boolean;
+};
+export type ProCardTabsProps = {
+    cardProps?: CardPropsBase;
+} & TabsProps;
+export type CardProps = {
+    /** 标签栏配置 */
+    tabs?: ProCardTabsProps;
+} & CardPropsBase & Omit<React.HTMLAttributes<HTMLDivElement>, 'title'>;
+export type ProCardTabPaneProps = {
+    /** Key */
+    key?: string;
+    /** ProCard 相关属性透传 */
+    cardProps?: CardProps;
+} & TabPaneProps;
+export type CardType = React.ForwardRefExoticComponent<CardProps>;
+export {};

package/lib/card/typing.js

@@ -0,0 +1,17 @@
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+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/card/typing.ts
+var typing_exports = {};
+module.exports = __toCommonJS(typing_exports);

package/lib/descriptions/index.d.ts

@@ -0,0 +1,96 @@
+import type { DescriptionsProps, FormProps } from 'antd';
+import type { LabelTooltipType } from 'antd/lib/form/FormItemLabel';
+import React from 'react';
+import type { ProFieldFCMode } from '../provider';
+import type { ProCoreActionType, ProFieldValueType, ProSchema, ProSchemaComponentTypes, RowEditableConfig, UseEditableMapUtilType } from '../utils';
+import type { RequestData } from './useFetchData';
+export interface DescriptionsItemProps {
+    prefixCls?: string;
+    className?: string;
+    style?: React.CSSProperties;
+    label?: React.ReactNode;
+    labelStyle?: React.CSSProperties;
+    contentStyle?: React.CSSProperties;
+    children: React.ReactNode;
+    span?: number;
+}
+/**
+ * 定义列表属性的类型定义，用于定义列表的一列
+ * @typedef {Object} ProDescriptionsItemProps
+ * @property {ProSchema} schema - 用于生成表格项的 schema 配置对象
+ * @property {boolean} [hide] - 是否隐藏该列，可用于权限控制
+ * @property {boolean} [plain] - 是否只展示文本，不展示标签
+ * @property {boolean} [copyable] - 是否可以拷贝该列的内容
+ * @property {boolean | { showTitle?: boolean }} [ellipsis] - 是否展示省略号，如果是一个对象，可以设置鼠标悬浮时是否展示完整的内容
+ * @property {ProFieldFCMode} [mode] - ProField 组件的模式
+ * @property {React.ReactNode} [children] - 表格项的子组件
+ * @property {number} [order] - 表格项的排序
+ * @property {number} [index] - 表格项的索引
+ * @template T - 表格数据的类型
+ * @template ValueType - 表格项的值类型
+ */
+export type ProDescriptionsItemProps<T = Record<string, any>, ValueType = 'text'> = ProSchema<T, Omit<DescriptionsItemProps, 'children'> & {
+    hide?: boolean;
+    plain?: boolean;
+    copyable?: boolean;
+    ellipsis?: boolean | {
+        showTitle?: boolean;
+    };
+    mode?: ProFieldFCMode;
+    children?: React.ReactNode;
+    /**
+     * 子项的排序
+     */
+    order?: number;
+    /**
+     * 子项的索引
+     */
+    index?: number;
+}, ProSchemaComponentTypes, ValueType>;
+export type ProDescriptionsActionType = ProCoreActionType;
+export type ProDescriptionsProps<RecordType = Record<string, any>, ValueType = 'text'> = DescriptionsProps & {
+    /** Params 参数 params 改变的时候会触发 reload */
+    params?: Record<string, any>;
+    /** 网络请求报错 */
+    onRequestError?: (e: Error) => void;
+    /** 获取数据的方法 */
+    request?: (params: Record<string, any> | undefined) => Promise<RequestData>;
+    columns?: ProDescriptionsItemProps<RecordType, ValueType>[];
+    /** 一些简单的操作 */
+    actionRef?: React.MutableRefObject<ProCoreActionType<any> | undefined>;
+    loading?: boolean;
+    onLoadingChange?: (loading?: boolean) => void;
+    tooltip?: LabelTooltipType | string;
+    /** Form props 的相关配置 */
+    formProps?: FormProps;
+    /** @name 编辑相关的配置 */
+    editable?: RowEditableConfig<RecordType>;
+    /** 默认的数据源 */
+    dataSource?: RecordType;
+    /** 受控数据源改变 */
+    onDataSourceChange?: (value: RecordType) => void;
+    /**
+     *为空时候的默认值
+     */
+    emptyText?: React.ReactNode;
+};
+/**
+ * 这里会处理编辑的功能
+ *
+ * @param props
+ */
+export declare const FieldRender: React.FC<ProDescriptionsItemProps<any> & {
+    text: any;
+    valueType: ProFieldValueType;
+    entity: any;
+    action: ProCoreActionType<any>;
+    index: number;
+    editableUtils?: UseEditableMapUtilType;
+    emptyText?: React.ReactNode;
+}>;
+declare const ProDescriptions: {
+    <RecordType extends Record<string, any>, ValueType = "text">(props: ProDescriptionsProps<RecordType, ValueType>): import("react/jsx-runtime").JSX.Element;
+    Item: React.FC<ProDescriptionsItemProps<Record<string, any>, "text">>;
+};
+export { ProDescriptions };
+export default ProDescriptions;