@zat-design/sisyphus-react 3.14.0-beta.2 → 4.0.0-beta.10

package/es/ProForm/components/combination/ProCombination/propsType.d.ts

@@ -1,68 +0,0 @@
-import { FieldNames } from 'rc-select/lib/Select';
-import { FormInstance } from 'antd';
-import React from 'react';
-import * as componentMap from '../../index';
-import type { ProFormOtherType } from '../../../propsType';
-export interface ChildPropsItemType {
-    /**
-     * @description       要显示什么组件，支持Input/Select
-     * @default           Input
-     */
-    renderType?: keyof typeof componentMap;
-    /**
-     * @description        如果type为Select时,dataSource为下拉数据的数组
-     * @default           []
-     */
-    dataSource?: Array<object>;
-    /**
-     * @description        如果type为Select时,fieldNames可以设置对应dataSource下拉属性名
-     * @default           {label:'label',value:'value'}
-     */
-    fieldNames?: FieldNames;
-    onChange?: (value: any, option: any, form: FormInstance) => void;
-    [name: string]: any;
-}
-export interface ProCombinationType {
-    /**
-     * @description       组件的值,[第一个组件的值,第二个组件的值,]
-     * @default           []
-     */
-    value: Array<any>;
-    /**
-     * @description       onChange
-     * @default           ()=>{}
-     */
-    onChange: (values: Array<string>) => void;
-    /**
-     * @description       禁用状态
-     * @default           false
-     */
-    disabled?: boolean;
-    /**
-     * @description       子组件内部组件可配置属性,按照数组顺序注入到内部组件中
-     * @default           [{},{}]
-     */
-    childProps?: Array<ChildPropsItemType>;
-    /**
-     * @description       是否视图模式
-     * @default           false
-     */
-    isView?: boolean;
-    /**
-     * @description       查看空值时默认展示
-     * @default           '-'
-     */
-    viewEmpty?: React.ReactNode;
-    /**
-     * @description       分隔符  不传则不显示分割组件
-     * @default           '-'
-     */
-    separator?: string;
-    otherProps?: ProFormOtherType;
-    id?: string;
-}
-/**
- * 兼容旧命名导出
- */
-export type ChildPropsItemProps = ChildPropsItemType;
-export type ProCombinationProps = ProCombinationType;

package/es/ProForm/components/combination/ProCombination/style/index.less

@@ -1,18 +0,0 @@
-@root-entry-name: 'default';
-@import (reference) '~antd/es/style/themes/index.less';
-
-.pro-combination.@{ant-prefix}-input-group.@{ant-prefix}-input-group-compact {
-  display: flex;
-
-  & > * {
-    max-width: 50%;
-  }
-
-  div.pro-form-view-container {
-    flex: none;
-  }
-
-  & > *:not(.@{ant-prefix}-btn) {
-    flex: 1;
-  }
-}

package/es/ProForm/components/old/EnumSelect/hooks/useRequestList.d.ts

@@ -1,33 +0,0 @@
-import { useRequest } from 'ahooks';
-declare interface PaginationProp {
-    pageNum: number;
-    pageSize: number;
-}
-declare interface IListReq<T = any> extends PaginationProp {
-    defaultParams?: T;
-    [key: string]: any;
-}
-declare interface IRes<T = any> {
-    data: T;
-    status: number;
-    message: string;
-}
-declare interface IListProp<T> {
-    pageNum: number;
-    pageSize: number;
-    total: number;
-    list: T[];
-}
-declare type IResList<T> = IRes<IListProp<T>>;
-declare type IListService<Req, Res> = (params?: IListReq<Req>) => Promise<IResList<Res>>;
-export interface RequestListOptions<T, R> {
-    defaultParams?: Partial<T>;
-    page?: PaginationProp;
-    customizePage?: PaginationProp;
-    withPagination?: boolean;
-    conditionKey: any;
-    onPageChange?: (page: PaginationProp) => any;
-    handleFormatDataSource?: (data: any) => R[];
-}
-export default function useRequestList<I, R extends Record<string, any>, S extends IListService<I, R>>(service: S, options?: RequestListOptions<I, R>, useRequestOptions?: Parameters<typeof useRequest>[1]): any;
-export {};

package/es/ProForm/components/old/EnumSelect/hooks/useRequestList.js

@@ -1,110 +0,0 @@
-import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
-import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
-import { usePrevious, useRequest } from 'ahooks';
-import { isEqual } from 'lodash';
-import { useCallback, useEffect, useMemo, useState } from 'react';
-var defaultTransform = data => data === null || data === void 0 ? void 0 : data.list;
-var defaultPage = {
-  pageNum: 1,
-  pageSize: 10
-};
-var useDefaultOptions = options => {
-  var _options$withPaginati, _options$handleFormat;
-  var customizePage = options === null || options === void 0 ? void 0 : options.customizePage;
-  var _useState = useState(customizePage || defaultPage),
-    _useState2 = _slicedToArray(_useState, 2),
-    page = _useState2[0],
-    onPageChange = _useState2[1];
-  return _objectSpread(_objectSpread({}, options), {}, {
-    withPagination: (_options$withPaginati = options === null || options === void 0 ? void 0 : options.withPagination) !== null && _options$withPaginati !== void 0 ? _options$withPaginati : true,
-    page: (options === null || options === void 0 ? void 0 : options.page) || page,
-    onPageChange: (options === null || options === void 0 ? void 0 : options.onPageChange) || onPageChange,
-    handleFormatDataSource: (_options$handleFormat = options === null || options === void 0 ? void 0 : options.handleFormatDataSource) !== null && _options$handleFormat !== void 0 ? _options$handleFormat : defaultTransform
-  });
-};
-export default function useRequestList(service, options, useRequestOptions) {
-  var _data$data;
-  var _useDefaultOptions = useDefaultOptions(options),
-    page = _useDefaultOptions.page,
-    withPagination = _useDefaultOptions.withPagination,
-    onPageChange = _useDefaultOptions.onPageChange,
-    defaultParams = _useDefaultOptions.defaultParams,
-    conditionKey = _useDefaultOptions.conditionKey,
-    handleFormatDataSource = _useDefaultOptions.handleFormatDataSource;
-  // 搜索表单里的值
-  var _useState3 = useState(),
-    _useState4 = _slicedToArray(_useState3, 2),
-    searchValues = _useState4[0],
-    setSearchValues = _useState4[1];
-
-  // 当次执行service的请求,包括page参数
-  var params = useMemo(() => {
-    var _condition = _objectSpread(_objectSpread({}, defaultParams), searchValues);
-    return withPagination ? _objectSpread(_objectSpread({}, page), {}, {
-      [conditionKey]: _condition !== null && _condition !== void 0 ? _condition : {}
-    }) : _condition;
-  }, [defaultParams, page, searchValues]);
-
-  // 调接口
-  // @ts-ignore
-  var result = useRequest(service, _objectSpread(_objectSpread({}, useRequestOptions), {}, {
-    // @ts-ignore
-    defaultParams: [params]
-  }));
-  var data = result.data,
-    run = result.run,
-    loading = result.loading;
-
-  // 搜索条件变化时触发
-  var prevParams = usePrevious(params);
-  var prevSearchValues = usePrevious(searchValues);
-  useEffect(() => {
-    if (prevParams && !isEqual(prevParams, params)) {
-      // @ts-ignore
-      run(params);
-    }
-  }, [params]);
-
-  // 分页变更
-  var onChange = useCallback((current, pageSize) => {
-    onPageChange({
-      pageNum: current,
-      pageSize
-    });
-  }, [onPageChange]);
-  var onSearch = useCallback(values => {
-    if (!isEqual(prevSearchValues, values)) {
-      setSearchValues(p => _objectSpread(_objectSpread(_objectSpread({}, p), values), {}, {
-        timestamp: Date.now()
-      }));
-      onChange(defaultPage.pageNum, defaultPage.pageSize);
-    }
-  }, [onChange, prevSearchValues]);
-
-  // 重置查询条件
-  var onReset = useCallback(() => {
-    setSearchValues(undefined);
-    onChange(defaultPage.pageNum, defaultPage.pageSize);
-  }, [onChange]);
-  return _objectSpread(_objectSpread({}, result), {}, {
-    loading,
-    data: handleFormatDataSource(data === null || data === void 0 ? void 0 : data.data),
-    onReset,
-    onSearch,
-    params,
-    pagination: withPagination ? {
-      current: page.pageNum,
-      pageSize: page.pageSize,
-      onPaginationChange: true,
-      total: data === null || data === void 0 || (_data$data = data.data) === null || _data$data === void 0 ? void 0 : _data$data.total,
-      onChange,
-      pageSizeOptions: [10, 20, 50, 100],
-      showQuickJumper: true,
-      showSizeChanger: true,
-      onShowSizeChange: onChange,
-      showTotal: total => {
-        return `共${total}条`;
-      }
-    } : false
-  });
-}

package/es/ProForm/components/old/EnumSelect/index.d.ts

@@ -1,4 +0,0 @@
-import { FC } from 'react';
-import type { IProps } from './interface';
-declare const EnumSelect: FC<IProps>;
-export default EnumSelect;

package/es/ProForm/components/old/EnumSelect/index.js

@@ -1,265 +0,0 @@
-import "antd/es/modal/style";
-import _Modal from "antd/es/modal";
-import "antd/es/table/style";
-import _Table from "antd/es/table";
-import "antd/es/message/style";
-import _message from "antd/es/message";
-import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
-import "antd/es/form/style";
-import _Form from "antd/es/form";
-import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
-import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
-var _excluded = ["value", "onChange", "disabled", "readOnly", "suffix", "handleFormat", "configOption", "proformmode"],
-  _excluded2 = ["title", "onOk"],
-  _excluded3 = ["rowKey", "columns"];
-import { CloseOutlined } from '@ant-design/icons';
-import { useSetState } from 'ahooks';
-import { cloneDeep } from 'lodash';
-import React, { forwardRef, useEffect } from 'react';
-import { ReactSVG } from 'react-svg';
-import ProForm from "../../../../ProForm";
-import InputWithSuffix from "../InputWithSuffix";
-import useRequestList from "./hooks/useRequestList";
-import viewSvg from "../../../../assets/view.svg";
-import { jsx as _jsx } from "react/jsx-runtime";
-import { Fragment as _Fragment } from "react/jsx-runtime";
-import { jsxs as _jsxs } from "react/jsx-runtime";
-var defaultFormat = rowData => {
-  return `${rowData.code}-${rowData.name}`;
-};
-var EnumSelect = /*#__PURE__*/forwardRef((props, ref) => {
-  var value = props.value,
-    onChange = props.onChange,
-    disabled = props.disabled,
-    _props$readOnly = props.readOnly,
-    readOnly = _props$readOnly === void 0 ? true : _props$readOnly,
-    suffix = props.suffix,
-    _props$handleFormat = props.handleFormat,
-    handleFormat = _props$handleFormat === void 0 ? defaultFormat : _props$handleFormat,
-    configOption = props.configOption,
-    proformmode = props.proformmode,
-    restInputProps = _objectWithoutProperties(props, _excluded);
-  if (!configOption || Object.prototype.toString.call(configOption) !== '[object Object]') {
-    throw new Error('error: 请检查枚举选择弹框的配置项【configOption】');
-  }
-  var _configOption$mode = configOption.mode,
-    mode = _configOption$mode === void 0 ? 'radio' : _configOption$mode,
-    fetchOptions = configOption.fetchOptions,
-    useRequestOptions = configOption.useRequestOptions,
-    _configOption$conditi = configOption.conditionKey,
-    conditionKey = _configOption$conditi === void 0 ? 'queryBean' : _configOption$conditi,
-    conditionColumns = configOption.conditionColumns,
-    defaultParams = configOption.defaultParams,
-    _configOption$withPag = configOption.withPagination,
-    withPagination = _configOption$withPag === void 0 ? true : _configOption$withPag,
-    _configOption$paginat = configOption.paginationPosition,
-    paginationPosition = _configOption$paginat === void 0 ? 'modalBottom' : _configOption$paginat,
-    handleFormatDataSource = configOption.handleFormatDataSource,
-    defaultSelectedRows = configOption.defaultSelectedRows,
-    modalProps = configOption.modalProps,
-    tableProps = configOption.tableProps;
-  var isView = proformmode === 'view';
-  var isModalBottom = paginationPosition === 'modalBottom';
-  var _ref = modalProps || {},
-    title = _ref.title,
-    onOk = _ref.onOk,
-    restModalProps = _objectWithoutProperties(_ref, _excluded2);
-  var _ref2 = tableProps || {},
-    _ref2$rowKey = _ref2.rowKey,
-    rowKey = _ref2$rowKey === void 0 ? 'id' : _ref2$rowKey,
-    columns = _ref2.columns,
-    restTableProps = _objectWithoutProperties(_ref2, _excluded3);
-  var _useSetState = useSetState({
-      onOff: false,
-      visible: false,
-      selectedRows: [],
-      selectedRowKeys: []
-    }),
-    _useSetState2 = _slicedToArray(_useSetState, 2),
-    state = _useSetState2[0],
-    setState = _useSetState2[1];
-  var _Form$useForm = _Form.useForm(),
-    _Form$useForm2 = _slicedToArray(_Form$useForm, 1),
-    form = _Form$useForm2[0];
-  var _useRequestList = useRequestList(fetchOptions, {
-      conditionKey,
-      withPagination,
-      handleFormatDataSource,
-      defaultParams
-    }, _objectSpread({
-      ready: state.onOff
-    }, useRequestOptions)),
-    data = _useRequestList.data,
-    loading = _useRequestList.loading,
-    pagination = _useRequestList.pagination,
-    onSearch = _useRequestList.onSearch,
-    onReset = _useRequestList.onReset;
-
-  // 是否多选
-  var isMultiple = mode === 'checkbox';
-  var handleChangeValue = e => {
-    onChange(e.target.value);
-  };
-
-  // 清空表单项
-  var handleClearValue = () => {
-    onChange('');
-    setState({
-      selectedRowKeys: [],
-      selectedRows: []
-    });
-  };
-  var handleClick = () => {
-    if (!disabled) {
-      setState({
-        onOff: true
-      });
-    }
-  };
-  var handleClose = () => {
-    setState({
-      onOff: false,
-      visible: false
-    });
-    form.resetFields();
-  };
-  var handleFinish = () => {
-    if (!state.selectedRows.length) {
-      _message.error('请先勾选');
-      return false;
-    }
-    var formatterValueArr = state.selectedRows.map(row => handleFormat(row));
-    (formatterValueArr === null || formatterValueArr === void 0 ? void 0 : formatterValueArr.length) && onChange(formatterValueArr.join('、'));
-    onOk === null || onOk === void 0 || onOk(state.selectedRows);
-    handleClose();
-  };
-  var handleSearch = values => {
-    onSearch(values);
-  };
-
-  // 点击行进行勾选
-  var handleClickRow = record => {
-    var selectedValue = record[rowKey];
-    var tempSelectedRows = cloneDeep(state.selectedRows);
-    var tempSelectedRowKeys = cloneDeep(state.selectedRowKeys);
-    if (isMultiple) {
-      var rowIndex = tempSelectedRows.findIndex(item => item[rowKey] === selectedValue);
-      var rowKeyIndex = tempSelectedRowKeys.findIndex(item => item === selectedValue);
-      if (rowKeyIndex > -1) {
-        tempSelectedRows.splice(rowIndex, 1);
-        tempSelectedRowKeys.splice(rowKeyIndex, 1);
-      } else {
-        tempSelectedRows.push(record);
-        tempSelectedRowKeys.push(selectedValue);
-      }
-    } else {
-      tempSelectedRows = [record];
-      tempSelectedRowKeys = [selectedValue];
-    }
-    setState({
-      selectedRows: tempSelectedRows,
-      selectedRowKeys: tempSelectedRowKeys
-    });
-  };
-  var rowSelection = {
-    type: mode,
-    selectedRowKeys: state.selectedRowKeys,
-    onChange: (rowKeys, rows) => {
-      setState({
-        selectedRowKeys: rowKeys,
-        selectedRows: rows
-      });
-    },
-    getCheckboxProps: () => ({
-      disabled: false
-    })
-  };
-  useEffect(() => {
-    if (defaultSelectedRows !== null && defaultSelectedRows !== void 0 && defaultSelectedRows.length) {
-      setState({
-        selectedRowKeys: defaultSelectedRows.map(item => item[rowKey]),
-        selectedRows: defaultSelectedRows
-      });
-    }
-  }, [defaultSelectedRows]);
-  useEffect(() => {
-    if (state.onOff) {
-      onReset();
-      var nextState = {
-        visible: true
-      };
-      if (!value) {
-        nextState.selectedRowKeys = [];
-        nextState.selectedRows = [];
-      }
-      setState(nextState);
-    }
-  }, [state.onOff]);
-  var defaultSuffix = /*#__PURE__*/_jsxs(_Fragment, {
-    children: [value && !disabled && /*#__PURE__*/_jsx("span", {
-      className: "close-icon",
-      children: /*#__PURE__*/_jsx(CloseOutlined, {
-        onClick: handleClearValue
-      })
-    }), /*#__PURE__*/_jsx(ReactSVG, {
-      className: "search",
-      wrapper: "span",
-      src: viewSvg,
-      onClick: handleClick
-    })]
-  });
-  var forceSuffixRender = () => {
-    if (isView) {
-      return;
-    }
-    if (suffix) {
-      return /*#__PURE__*/_jsx("div", {
-        onClick: handleClick,
-        children: suffix
-      });
-    }
-    return defaultSuffix;
-  };
-  return /*#__PURE__*/_jsxs("div", {
-    className: "pro-enum-select",
-    children: [/*#__PURE__*/_jsx(InputWithSuffix, _objectSpread({
-      value: value,
-      readOnly: readOnly,
-      onClick: readOnly ? handleClick : undefined,
-      onChange: handleChangeValue,
-      disabled: disabled,
-      suffix: forceSuffixRender()
-    }, restInputProps)), state.onOff && /*#__PURE__*/_jsxs(_Modal, _objectSpread(_objectSpread({
-      className: "pro-enum-select-modal",
-      title: title,
-      width: "50%",
-      onOk: handleFinish,
-      onCancel: handleClose,
-      visible: state.visible
-    }, restModalProps), {}, {
-      children: [/*#__PURE__*/_jsx(ProForm, {
-        className: "pro-enum-select-Modal-form",
-        form: form,
-        columns: conditionColumns,
-        onFinish: handleSearch,
-        footer: (conditionColumns === null || conditionColumns === void 0 ? void 0 : conditionColumns.length) > 1
-      }), /*#__PURE__*/_jsx(_Table, _objectSpread({
-        onRow: record => {
-          return {
-            onClick: () => handleClickRow(record)
-          };
-        },
-        rowKey: rowKey,
-        loading: loading,
-        scroll: {
-          y: '250px'
-        },
-        rowSelection: rowSelection,
-        columns: columns,
-        dataSource: data,
-        pagination: pagination
-      }, restTableProps))]
-    }))]
-  });
-});
-export default EnumSelect;

package/es/ProForm/components/old/EnumSelect/interface.d.ts

@@ -1,29 +0,0 @@
-import { InputProps, ModalProps } from 'antd';
-import React from 'react';
-import type { ProFormColumnType } from '../../render/propsType';
-type RequestFunction<P = Record<string, any> | void, R = any> = (params: P, ...args: any[]) => Promise<R>;
-type OnOkFunction = (list: Record<string, any>[]) => boolean;
-interface IConfigOption {
-    mode: 'radio' | 'checkbox';
-    fetchOptions: RequestFunction;
-    useRequestOptions: object;
-    conditionKey: string;
-    conditionColumns: ProFormColumnType[];
-    defaultParams: Record<string, any>;
-    withPagination: boolean;
-    paginationPosition: 'tableBottom' | 'modalBottom';
-    handleFormatDataSource: (dataSource: Object[]) => Object[];
-    defaultSelectedRows: Object[];
-    modalProps: ModalProps & {
-        onOk: OnOkFunction;
-    };
-    tableProps: Record<string, any>;
-}
-interface IEnumSelect {
-    onChange: (event: string | React.ChangeEvent<HTMLInputElement>) => void;
-    handleFormat: (value: Object) => string;
-    proformmode: string;
-    configOption: IConfigOption;
-}
-export declare type IProps = InputProps & IEnumSelect;
-export {};

package/es/ProForm/components/old/EnumSelect/interface.js

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

package/es/ProForm/components/old/EnumSelect/style/index.less

@@ -1,113 +0,0 @@
-.pro-enum-select {
-  .close-icon {
-    position        : relative;
-    margin-left     : calc(0px - @zaui-space-size-lg);
-    margin-right    : var(--zaui-space-size-md, 14px);
-    color           : #FFFFFF;
-    height: 12px;
-    width: 12px;
-    display: flex;
-    align-items: center;
-    justify-content: center;
-    background-color: rgba(0, 0, 0, 0.25);
-    border          : none;
-    border-radius   : 50%;
-    z-index         : 3;
-
-    > span {
-      position        : relative;
-      border          : none;
-      border-radius   : 50%;
-
-    }
-    &:hover {
-      background-color: rgba(0, 0, 0, 0.5);
-    }
-  }
-
-  .search {
-    span {
-      display        : flex;
-      justify-content: center;
-      align-items    : center;
-      cursor: pointer;
-      fill: #C5C7CD;
-    }
-  }
-}
-
-.pro-enum-select-modal {
-  .ant-table.ant-table-bordered>.ant-table-container {
-    border: 0;
-  }
-
-  .ant-table-thead>tr>th {
-    border          : 0;
-    white-space     : nowrap;
-    background-color: @zaui-table-header-bg;
-  }
-
-  .ant-table-thead>tr>th:not(:last-child):not(.ant-table-selection-column):not(.ant-table-row-expand-icon-cell):not([colspan])::before {
-    height: 0;
-  }
-
-  .ant-table-tbody>tr:not(.ant-table-placeholder)>td {
-    border-bottom: 0;
-    border-right : 0;
-    border-top   : 0;
-  }
-
-  .ant-table-tbody>tr:not(.ant-table-measure-row)>td {
-    border-bottom : 0;
-    vertical-align: top;
-    padding       : var(--zaui-space-size-md);
-  }
-
-  .ant-table-tbody tr:nth-child(n)>td {
-    background-color: var(--zaui-base-bg);
-  }
-
-  .ant-table-tbody tr:nth-child(2n)>td {
-    background-color: @zaui-table-strip-bg;
-  }
-
-  .ant-table-tbody>.ant-table-placeholder>td {
-    background-color: var(--zaui-base-bg);
-  }
-
-  .ant-table-tbody {
-
-    >tr:hover:not(.ant-table-expanded-row, .ant-table-placeholder)>td,
-    .ant-table-row-hover,
-    .ant-table-row-hover>td {
-      background: @zaui-table-hover-bg;
-    }
-  }
-
-  .ant-table-fixed {
-
-    .ant-table-row-hover,
-    .ant-table-row-hover>td {
-      background: @zaui-table-hover-bg;
-    }
-  }
-
-  .ant-table-fixed-header {
-    .ant-table-tbody tr:nth-child(n)>td {
-      background-color: @zaui-table-strip-bg;
-    }
-
-    .ant-table-tbody tr:nth-child(2n)>td {
-      background-color: var(--zaui-base-bg);
-    }
-  }
-
-  .ant-modal-body {
-    padding-bottom: 0;
-  }
-
-  .ant-modal-footer {
-    padding: @zaui-space-size-md;
-  }
-
-}

package/es/ProForm/components/old/InputRange/index.d.ts

@@ -1,16 +0,0 @@
-interface ValueProps {
-    min?: any;
-    max?: any;
-}
-export interface InputRangeProps {
-    value?: ValueProps;
-    onChange?: (value: ValueProps) => void;
-    min?: number;
-    max?: number;
-    group?: any[];
-    disabled?: boolean;
-    isPositiveInteger?: boolean;
-    precision?: number;
-}
-declare const InputRange: ({ value, onChange, min, max, group, disabled, precision, isPositiveInteger, }: InputRangeProps) => import("react/jsx-runtime").JSX.Element;
-export default InputRange;