wt-antd 4.2.3

package/dist/esm/component/BiuTable/type.d.ts

@@ -0,0 +1,200 @@
+import type { FormInstance, TableProps, PopconfirmProps } from 'antd';
+import type { BaseButtonProps, ButtonType, NativeButtonProps } from 'antd/es/button/button';
+import type { ColumnProps } from 'antd/es/table';
+import type { CSSProperties, ForwardedRef, FunctionComponent, ReactNode } from 'react';
+import type { BiuFieldType } from "..";
+export type BiuTableContainerPropsType = {
+    rowKey?: string | ((row: any, index: number) => string);
+    dataAllocation?: (dataSource: any[]) => any[];
+    postData?: (params: Record<string, unknown>) => Record<string, unknown>;
+    request?: (data: any) => Promise<any>;
+    columns: BiuColumnType[];
+};
+export interface TableFilterOptions {
+    request?: (data?: any) => Promise<any>;
+}
+export type BiuTableInstancePropsType = {
+    /**
+     * 表格标识
+     */
+    tableId?: string;
+    /**
+     * 是否在表格初始化时直接请求数据，默认不请求
+     */
+    runFirst?: boolean;
+    /**
+     * 是否渲染查询表单，默认渲染
+     */
+    searchForm?: boolean;
+    /**
+     * 表格操作列的配置
+     */
+    tablePostfixOptions?: BiuTableColumnOpearType[];
+    /**
+     * 表格包裹容器 CSS 样式设计
+     */
+    containerStyle?: CSSProperties;
+    /**
+     * 表格顶部操作设置列
+     */
+    operationOptions?: BiuTableTopOperaType[];
+    /**
+     * 表格渲染列
+     */
+    columns?: BiuColumnType[];
+    /**
+     * 表格查询表单显示行数，默认 2
+     */
+    headLine?: number;
+    /**
+     * 表格查询表单span
+     */
+    headSpan?: number;
+    /**
+     * 隐藏分页
+     */
+    hidePagination?: boolean;
+    /**
+     * 请求完成之后的数据处理，表格会使用处理过后的数据
+     */
+    dataAllocation?: (baseDataSource: Record<string, any>[]) => Record<string, any>[];
+    /**
+     * 请求之前的处理，主要表现在对参数的处理之上
+     */
+    postData?: (baseDataSource: Record<string, any>) => Record<string, any>[];
+    request: (params: any) => Promise<any>;
+    /**
+     * 表格分页时触发的事件
+     */
+    onPageChange?: (page?: number, pageSize?: number) => void;
+    /**
+     * 表格分页 Size 发生变化时触发的事件
+     */
+    onPageShowSizeChange?: (page?: number, pageSize?: number) => void;
+    /**
+     * 表格 ID 列
+     */
+    rowKey?: string;
+    /**
+     * 是否页面调用
+     */
+    isPage?: boolean;
+    /**
+     * 重置方法
+     * @returns
+     */
+    onReset?: () => void;
+    pageSizeOptions?: string[];
+    defaultPageSize?: number;
+    showTotal?: any;
+    searchBtns?: any[];
+    filterStatusComponent?: FunctionComponent<any> & {
+        defaultProps?: any;
+    };
+    columnsConfig?: {
+        columnsIndex?: boolean;
+        showRowSelection?: boolean;
+    };
+} & Omit<TableProps<any>, 'columns'>;
+/**
+ *
+ * 顶部操作按钮类型定义
+ * @param title 按钮名称
+ * @param auth 按钮权限控制
+ * @param btnProps 兼容性按钮属性，不推荐使用，之后会删除
+ * @param callback 按钮点击回调事件
+ * @param render 自定义渲染，参数为表格 Ref
+ *
+ */
+interface DropItems {
+    label: string;
+    key: string;
+}
+export type BiuTableTopOperaType = {
+    title?: string;
+    auth?: string;
+    popconfirm?: PopconfirmProps;
+    btnProps?: Record<string, unknown>;
+    dropName?: string;
+    dropItems?: DropItems[];
+    callback?: (formValues?: Record<string, unknown>, dataSource?: any[], item?: any) => any;
+    render?: (actionRef?: ForwardedRef<BiuTableActionType> | null) => ReactNode;
+} & Partial<Pick<BaseButtonProps, 'type' | 'icon' | 'ghost' | 'loading' | 'danger'>>;
+/**
+ *
+ * @param dataIndex 表格列关联字段
+ * @param proxyField 映射取值时表格字段
+ * @param initialValue 当前列默认值
+ * @param type 表单渲染时，表单渲染类型
+ * @param deps 表单依赖列表，其它表单项 dataIndex，会自动取值并赋值到对应组件
+ * @param depsEnum 表单依赖字段映射方式
+ * @param restProps 表单填充时额外属性
+ * @param formOrder 渲染生成表单时，表单排序字段，从小到大
+ * @param noShow 只生成查询字段，不在表格内显示
+ * @param copyable 默认 false true/false 可复制/不显示复制
+ * @param ellipsis 默认 false true/false 自动缩略/不缩略
+ * @param noSearch 默认 false true/false 不渲染 form/渲染 form
+ * @param columnSort 表格列排序，在需要自定义改变顺序时使用
+ *
+ *
+ */
+export type BiuColumnType = {
+    proxyField?: string | string[];
+    initialValue?: any;
+    labelWidth?: number | string;
+    type?: BiuFieldType;
+    deps?: string[];
+    depsEnum?: Record<string, string>;
+    restProps?: any;
+    formOrder?: number;
+    noShow?: boolean;
+    copyable?: boolean;
+    noSearch?: boolean;
+    columnSort?: number;
+    span?: number;
+    rules?: any[];
+} & ColumnProps<any>;
+/**
+ *
+ * @param reload 重新加载表格
+ * @param setColumn 更新某一列
+ * @param getFieldsValue 获取表单关联字段
+ * @param resetFields 重置当前表单
+ * @param setFieldsValue 设置多个表单字段的值
+ * @param setFields 设置多个表单状态
+ *
+ */
+export type BiuTableActionType = {
+    reload: (values?: any) => void;
+    refresh: (values?: any) => void;
+    setColumn: (column: {
+        [index in number | string]: BiuColumnType;
+    }) => void;
+} & Pick<FormInstance, 'getFieldsValue' | 'resetFields' | 'setFieldsValue' | 'setFields' | 'validateFields'>;
+/**
+ * @param title 显示的文字信息
+ * @param icon 操作按钮显示的图标信息，有图标时默认会隐藏标题
+ * @param auth 操作按钮权限控制
+ * @param popconfirm 按钮提示弹窗
+ * @param onLinkClick 按钮点击后事件
+ * @param showToggle 在禁用启用类似状态时使用，弹出信息提示窗
+ */
+export type BiuTableColumnOpearType = {
+    title?: string;
+    icon?: string | React.ReactNode;
+    auth?: string;
+    popconfirm?: {
+        title: React.ReactNode | ((record: any) => React.ReactNode);
+        onConfirm?: (record: any, index: number) => void;
+        onCancel?: () => void;
+        okText?: React.ReactNode;
+        okType?: ButtonType;
+        cancelText?: React.ReactNode;
+        okButtonProps?: NativeButtonProps;
+        cancelButtonProps?: NativeButtonProps;
+        icon?: React.ReactNode;
+    };
+    onLinkClick?: (record: any, index: number) => void;
+    showToggle?: (record: any) => boolean;
+};
+export {};

package/dist/esm/component/BiuTable/type.js

@@ -0,0 +1 @@
+export {};

package/dist/esm/component/BiuTable/utils.d.ts

@@ -0,0 +1,12 @@
+import type { BiuColumnType, BiuTableColumnOpearType } from './type';
+/**
+ * 对表格进行排序、分组
+ * 在表格可进行复制的时候，不可进行配置
+ * 自定义 render 时不可以进行缩略，需要自己进行处理
+ * @param columns 已经和配置文件的数据合并过的列
+ * @param tablePostfixOptions 表格操作列
+ * @returns 表格最终展现的列
+ */
+export declare const stretchRestructureColumns: (columns?: BiuColumnType[], tablePostfixOptions?: BiuTableColumnOpearType[], options?: {
+    index?: boolean;
+}) => BiuColumnType[];

package/dist/esm/component/BiuTable/utils.js

@@ -0,0 +1,123 @@
+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); }
+var _excluded = ["ellipsis", "copyable", "render"];
+function _toConsumableArray(arr) { return _arrayWithoutHoles(arr) || _iterableToArray(arr) || _unsupportedIterableToArray(arr) || _nonIterableSpread(); }
+function _nonIterableSpread() { throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
+function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
+function _iterableToArray(iter) { if (typeof Symbol !== "undefined" && iter[Symbol.iterator] != null || iter["@@iterator"] != null) return Array.from(iter); }
+function _arrayWithoutHoles(arr) { if (Array.isArray(arr)) return _arrayLikeToArray(arr); }
+function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
+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); }
+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 { Tooltip, Typography } from 'antd';
+import { groupBy, isArray } from 'lodash';
+import { TableCellRender } from "./component";
+import { jsx as _jsx } from "react/jsx-runtime";
+/**
+ * 对表格进行排序、分组
+ * 在表格可进行复制的时候，不可进行配置
+ * 自定义 render 时不可以进行缩略，需要自己进行处理
+ * @param columns 已经和配置文件的数据合并过的列
+ * @param tablePostfixOptions 表格操作列
+ * @returns 表格最终展现的列
+ */
+export var stretchRestructureColumns = function stretchRestructureColumns(columns, tablePostfixOptions) {
+  var options = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : {
+    index: true
+  };
+  var _groupBy = groupBy((columns || []).filter(function (n) {
+      return !n.noShow;
+    }).map(function (_ref) {
+      var ellipsis = _ref.ellipsis,
+        copyable = _ref.copyable,
+        _render = _ref.render,
+        column = _objectWithoutProperties(_ref, _excluded);
+      if (copyable) {
+        return _objectSpread(_objectSpread({}, column), {}, {
+          ellipsis: false,
+          render: function render(text, record, index) {
+            var node = _render ? _render(text, record, index) : text;
+            if (text && text.length > 0) {
+              return /*#__PURE__*/_jsx(Typography.Text, {
+                copyable: {
+                  text: text
+                },
+                children: node
+              }, text);
+            }
+            return node;
+          }
+        });
+      }
+      if (ellipsis) {
+        return _objectSpread(_objectSpread({}, column), {}, {
+          ellipsis: false,
+          render: function render(text, record, index) {
+            var node = _render ? _render(text, record, index) : text;
+            return /*#__PURE__*/_jsx(Tooltip, {
+              placement: "topLeft",
+              title: text,
+              children: /*#__PURE__*/_jsx(Typography.Text, {
+                ellipsis: true,
+                style: {
+                  width: '100%'
+                },
+                children: node
+              })
+            }, text);
+          }
+        });
+      }
+      return _objectSpread(_objectSpread({}, column), {}, {
+        ellipsis: false,
+        render: function render(text, record, index) {
+          return _render ? _render(text, record, index) : text;
+        }
+      });
+    }), function (n) {
+      return n.fixed || 'normal';
+    }),
+    _groupBy$left = _groupBy.left,
+    left = _groupBy$left === void 0 ? [] : _groupBy$left,
+    _groupBy$normal = _groupBy.normal,
+    normal = _groupBy$normal === void 0 ? [] : _groupBy$normal,
+    _groupBy$right = _groupBy.right,
+    right = _groupBy$right === void 0 ? [] : _groupBy$right;
+  var tmpColumns = [].concat(_toConsumableArray(left), _toConsumableArray(normal), _toConsumableArray(right));
+  if (options.index) {
+    tmpColumns.unshift({
+      title: '行号',
+      dataIndex: 'index',
+      align: 'center',
+      noSearch: true,
+      render: function render(value, record, index) {
+        return index + 1;
+      },
+      width: 55,
+      fixed: 'left'
+    });
+  }
+  if (tablePostfixOptions && isArray(tablePostfixOptions) && tablePostfixOptions.length > 0) {
+    tmpColumns.push({
+      align: 'center',
+      dataIndex: 'action',
+      noSearch: true,
+      fixed: 'right',
+      title: '操作',
+      width: (tablePostfixOptions.length === 1 ? 2 : tablePostfixOptions.length) * 32,
+      render: function render(value, record, index) {
+        return /*#__PURE__*/_jsx(TableCellRender, {
+          actionList: tablePostfixOptions,
+          value: value,
+          record: record,
+          index: index
+        }, value);
+      }
+    });
+  }
+  return tmpColumns;
+};

package/dist/esm/component/BiuTableLink/index.d.ts

@@ -0,0 +1,11 @@
+import React from 'react';
+export interface TableLinkPropsType {
+    text: string;
+    onClick?: () => void;
+    onCancel?: () => void;
+    confirm?: string;
+    okText?: string;
+    cancelText?: string;
+    divider?: boolean;
+}
+export declare const BiuTableLink: React.MemoExoticComponent<(props: TableLinkPropsType) => import("react/jsx-runtime").JSX.Element>;

package/dist/esm/component/BiuTableLink/index.js

@@ -0,0 +1,54 @@
+import { Divider, Popconfirm } from 'antd';
+import React from 'react';
+import { jsx as _jsx } from "react/jsx-runtime";
+import { Fragment as _Fragment } from "react/jsx-runtime";
+import { jsxs as _jsxs } from "react/jsx-runtime";
+export var BiuTableLink = /*#__PURE__*/React.memo(function (props) {
+  var text = props.text,
+    _onClick = props.onClick,
+    confirm = props.confirm,
+    _onCancel = props.onCancel,
+    okText = props.okText,
+    cancelText = props.cancelText,
+    _props$divider = props.divider,
+    divider = _props$divider === void 0 ? false : _props$divider;
+  if (!confirm || confirm.trim().length === 0) {
+    return /*#__PURE__*/_jsxs(_Fragment, {
+      children: [/*#__PURE__*/_jsx("a", {
+        onClick: function onClick(e) {
+          if (_onClick) _onClick();
+          e.stopPropagation();
+          e.nativeEvent.stopImmediatePropagation();
+        },
+        children: text
+      }), divider ? /*#__PURE__*/_jsx(Divider, {
+        type: "vertical"
+      }) : null]
+    });
+  }
+  return /*#__PURE__*/_jsxs(_Fragment, {
+    children: [/*#__PURE__*/_jsx(Popconfirm, {
+      placement: "topRight",
+      title: confirm,
+      onConfirm: function onConfirm(e) {
+        if (e) e.stopPropagation();
+        if (_onClick) _onClick();
+      },
+      onCancel: function onCancel(e) {
+        e.stopPropagation();
+        if (_onCancel) _onCancel();
+      },
+      okText: okText || '确认',
+      cancelText: cancelText || '取消',
+      children: /*#__PURE__*/_jsx("a", {
+        onClick: function onClick(e) {
+          e.stopPropagation();
+          e.nativeEvent.stopImmediatePropagation();
+        },
+        children: text
+      })
+    }), divider ? /*#__PURE__*/_jsx(Divider, {
+      type: "vertical"
+    }) : null]
+  });
+});

package/dist/esm/component/BiuTableSelect/index.d.ts

@@ -0,0 +1,54 @@
+import type { SelectProps, TableProps } from 'antd';
+import React from 'react';
+import type { RequestConfig } from "../../package/requestWrapper/type";
+export declare const BiuTableSelect: React.MemoExoticComponent<React.ForwardRefExoticComponent<{
+    /**
+     * 初始值
+     */
+    initialValue: any;
+    /**
+     * 接口名称
+     */
+    interfaceName: string;
+    /**
+     * 接口查询参数
+     */
+    queryData?: Record<string, any> | undefined;
+    /**
+     * 下拉表格的列
+     */
+    columns: Record<string, any>[];
+    /**
+     * 绑定字段
+     */
+    bindField?: {
+        rowKey?: string | undefined;
+        rowLabel?: string | undefined;
+        queryField?: string | undefined;
+    } | undefined;
+    /**
+     * 组件绑定值
+     */
+    value?: string | undefined;
+    /**
+     * 无信息的情况下展示的组件
+     */
+    requestConfig?: RequestConfig | undefined;
+    /**
+     * 是否可以请求接口
+     */
+    onReady?: ((requestParams?: any) => boolean) | undefined;
+    /**
+     * 绑定接口的事件
+     */
+    onChangeData?: ((value: any, record: any) => void) | undefined;
+    /**
+     * 转换下绑定到组件上的数据源
+     */
+    dataOption?: ((value: Record<string, any>) => Record<string, any>[]) | undefined;
+    /**
+     * 是否多选
+     */
+    mode?: string | undefined;
+    ownflag?: boolean | undefined;
+} & Pick<SelectProps<any, import("antd/lib/select").DefaultOptionType>, "showSearch" | "allowClear"> & Pick<TableProps<any>, "dataSource" | "onRow"> & React.RefAttributes<unknown>>>;