@zat-design/sisyphus-react 3.0.13

package/es/ProForm/components/combination/ProTimeLimit/index.js

@@ -0,0 +1,126 @@
+import "antd/es/checkbox/style";
+import _Checkbox from "antd/es/checkbox";
+import "antd/es/date-picker/style";
+import _DatePicker from "antd/es/date-picker";
+import "antd/es/input/style";
+import _Input from "antd/es/input";
+import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
+import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
+import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
+var _excluded = ["format", "disabled", "foreverTime", "foreverText", "valueType", "otherProps"],
+  _excluded2 = ["mode"];
+import classNames from 'classnames';
+import { isFunction, omit } from 'lodash';
+import moment, { isMoment } from 'moment';
+import React, { useMemo } from 'react';
+import { useProConfig } from '../../../../ProConfigProvider';
+import Container from '../../Container';
+import useControlled from './hooks/useControlled';
+import ProRangeLimit from '../ProRangeLimit';
+var momentFormat = function momentFormat(value, format) {
+  var _format = format;
+  if (Array.isArray(format)) {
+    var _format2 = _slicedToArray(format, 1);
+    _format = _format2[0];
+  }
+  if (isFunction(_format)) {
+    return _format(value);
+  }
+  if (value) {
+    return moment(value).format(format);
+  }
+};
+// 永久有效默认值
+export var ProTimeLimit = function ProTimeLimit(props) {
+  var _props$format = props.format,
+    format = _props$format === void 0 ? 'YYYY-MM-DD' : _props$format,
+    disabled = props.disabled,
+    foreverTime = props.foreverTime,
+    _props$foreverText = props.foreverText,
+    foreverText = _props$foreverText === void 0 ? '长期' : _props$foreverText,
+    _props$valueType = props.valueType,
+    valueType = _props$valueType === void 0 ? 'format' : _props$valueType,
+    otherProps = props.otherProps,
+    rest = _objectWithoutProperties(props, _excluded);
+  var _ref = otherProps || {},
+    isView = _ref.isView,
+    viewEmpty = _ref.viewEmpty;
+  var _useMemo = useMemo(function () {
+      var foreverMoment = foreverTime ? moment(foreverTime, format) : moment('9999-01-01', 'YYYY-MM-DD');
+      var foreverString = foreverTime || foreverMoment.format(format);
+      return [foreverString, foreverMoment];
+    }, [format, foreverTime]),
+    _useMemo2 = _slicedToArray(_useMemo, 2),
+    foreverString = _useMemo2[0],
+    foreverMoment = _useMemo2[1];
+  // 管理value的受控状态
+  var _useControlled = useControlled(_objectSpread({
+      format: format
+    }, props)),
+    _useControlled2 = _slicedToArray(_useControlled, 2),
+    value = _useControlled2[0],
+    onChange = _useControlled2[1];
+  var initialConfig = useProConfig('ProTimeLimit');
+  var isForever = useMemo(function () {
+    if (isMoment(value)) {
+      return foreverMoment.format(format) === value.format(format);
+    }
+    return false;
+  }, [foreverMoment, value]);
+  var foreverChange = function foreverChange(e) {
+    var checkedForever = e.target.checked;
+    if (checkedForever) {
+      onChange(moment(foreverString, format));
+    } else {
+      onChange(null);
+    }
+  };
+  if (isView) {
+    if (isForever) {
+      return /*#__PURE__*/React.createElement(Container, {
+        viewEmpty: viewEmpty
+      }, foreverText);
+    }
+    return /*#__PURE__*/React.createElement(Container, {
+      viewEmpty: viewEmpty
+    }, props.value);
+  }
+  var className = classNames({
+    'ant-input': true,
+    'ant-input-disabled': disabled,
+    'forever-checkbox': true
+  });
+  return /*#__PURE__*/React.createElement(_Input.Group, {
+    compact: true
+  }, /*#__PURE__*/React.createElement(_DatePicker, _objectSpread(_objectSpread(_objectSpread({
+    disabled: disabled || isForever,
+    style: {
+      width: 'calc(100% - 84px)'
+    }
+  }, initialConfig), omit(rest, ['placeholder'])), {}, {
+    value: value,
+    onChange: onChange
+  })), /*#__PURE__*/React.createElement("div", {
+    className: className,
+    style: {
+      width: '84px'
+    }
+  }, /*#__PURE__*/React.createElement(_Checkbox, {
+    checked: isForever,
+    disabled: disabled,
+    style: {
+      width: '60px'
+    },
+    onChange: foreverChange
+  }, foreverText)));
+};
+var LimitPick = function LimitPick(props) {
+  var _props$mode = props.mode,
+    mode = _props$mode === void 0 ? 'DatePicker' : _props$mode,
+    rest = _objectWithoutProperties(props, _excluded2);
+  if (mode === 'RangePicker') {
+    return /*#__PURE__*/React.createElement(ProRangeLimit, _objectSpread({}, rest));
+  }
+  return /*#__PURE__*/React.createElement(ProTimeLimit, _objectSpread({}, rest));
+};
+export default LimitPick;

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

@@ -0,0 +1,12 @@
+.ant-form-item-has-error {
+  .forever-checkbox:not(.ant-input-disabled):not(.ant-input-borderless).ant-input {
+    background: #fff;
+    border-color: var(--ant-error-color);
+  }
+  .forever-checkbox:not(.ant-input-disabled):not(.ant-input-borderless).ant-input:focus {
+    border-color: var(--ant-error-color-hover);
+    border-right-width: 1px;
+    outline: 0;
+    box-shadow: 0 0 0 2px var(--ant-error-color-outline);
+  }
+}

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

@@ -0,0 +1,30 @@
+export { default as Select } from './base/Select';
+export { default as DatePicker } from './base/DatePicker';
+export { default as RangePicker } from './base/RangePicker';
+export { default as TextArea } from './base/TextArea';
+export { default as Switch } from './base/Switch';
+export { default as Radio } from './base/Radio';
+export { default as Checkbox } from './base/Checkbox';
+export { default as Input } from './base/Input';
+export { default as InputNumber } from './base/InputNumber';
+export { default as SwitchCheckbox } from './base/SwitchCheckbox';
+export { default as FormList } from './base/FormList';
+export { default as ProEditTable } from '../../ProEditTable';
+export { default as ProAddressBar } from './combination/ProAddressBar';
+export { default as ProCombination } from './combination/ProCombination';
+export { default as ProNumberRange } from './combination/ProNumberRange';
+export { default as ProModalSelect } from './combination/ProModalSelect';
+export { default as ProTimeLimit } from './combination/ProTimeLimit';
+export { default as ProRangeLimit } from './combination/ProRangeLimit';
+export { default as ProEnum } from '../../ProEnum';
+export { default as ProSelect } from '../../ProSelect';
+export { default as ProUpload } from '../../ProUpload';
+export { default as FormFooter } from './FormFooter';
+export { default as ProAddress, transferAddressInfoToRegion } from './old/ProAddress';
+export { default as EnumSelect } from './old/EnumSelect';
+export { default as InputRange } from './old/InputRange';
+export { default as InputWithSuffix } from './old/InputWithSuffix';
+export { default as ProRangeBox } from './old/ProRangeBox';
+export { default as CertNo } from './old/CertNo';
+export { default as ProCertValidity } from './old/ProCertValidity';
+export { default as ProCertNo } from './old/ProCertNo';

package/es/ProForm/components/index.js

@@ -0,0 +1,34 @@
+// base 基于antd基础组件
+export { default as Select } from './base/Select';
+export { default as DatePicker } from './base/DatePicker';
+export { default as RangePicker } from './base/RangePicker';
+export { default as TextArea } from './base/TextArea';
+export { default as Switch } from './base/Switch';
+export { default as Radio } from './base/Radio';
+export { default as Checkbox } from './base/Checkbox';
+export { default as Input } from './base/Input';
+export { default as InputNumber } from './base/InputNumber';
+export { default as SwitchCheckbox } from './base/SwitchCheckbox';
+export { default as FormList } from './base/FormList';
+export { default as ProEditTable } from '../../ProEditTable';
+// combination 组合组件
+export { default as ProAddressBar } from './combination/ProAddressBar';
+export { default as ProCombination } from './combination/ProCombination';
+export { default as ProNumberRange } from './combination/ProNumberRange';
+export { default as ProModalSelect } from './combination/ProModalSelect';
+export { default as ProTimeLimit } from './combination/ProTimeLimit';
+export { default as ProRangeLimit } from './combination/ProRangeLimit';
+export { default as ProEnum } from '../../ProEnum';
+export { default as ProSelect } from '../../ProSelect';
+export { default as ProUpload } from '../../ProUpload';
+// footer组件
+export { default as FormFooter } from './FormFooter';
+// old 组件待移除
+export { default as ProAddress, transferAddressInfoToRegion } from './old/ProAddress';
+export { default as EnumSelect } from './old/EnumSelect';
+export { default as InputRange } from './old/InputRange';
+export { default as InputWithSuffix } from './old/InputWithSuffix';
+export { default as ProRangeBox } from './old/ProRangeBox';
+export { default as CertNo } from './old/CertNo';
+export { default as ProCertValidity } from './old/ProCertValidity';
+export { default as ProCertNo } from './old/ProCertNo';

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

@@ -0,0 +1,18 @@
+import { IProps } from './propsType';
+/**
+ * 证件号码 + 证件类型
+ * @date 2022-01-06
+ * @param {any} onChange
+ * @param {any} disabled=false
+ * @returns {any}
+ */
+export declare const CertNo: {
+    ({ value, onChange, dataSource, codeKey, nameKey, disabled }: IProps): JSX.Element;
+    defaultProps: {
+        dataSource: any[];
+        disabled: boolean;
+        codeKey: string;
+        nameKey: string;
+    };
+};
+export default CertNo;

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

@@ -0,0 +1,63 @@
+import "antd/es/select/style";
+import _Select from "antd/es/select";
+import "antd/es/input/style";
+import _Input from "antd/es/input";
+import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
+import React from 'react';
+/**
+ * 证件号码 + 证件类型
+ * @date 2022-01-06
+ * @param {any} onChange
+ * @param {any} disabled=false
+ * @returns {any}
+ */
+export var CertNo = function CertNo(_ref) {
+  var value = _ref.value,
+    onChange = _ref.onChange,
+    dataSource = _ref.dataSource,
+    codeKey = _ref.codeKey,
+    nameKey = _ref.nameKey,
+    disabled = _ref.disabled;
+  var handleChangeCertType = function handleChangeCertType(val, option) {
+    onChange(_objectSpread(_objectSpread({}, value), {}, {
+      certType: val,
+      certTypeName: option.children
+    }));
+  };
+  var handleChangeCertNo = function handleChangeCertNo(e) {
+    onChange(_objectSpread(_objectSpread({}, value), {}, {
+      certNo: e.target.value
+    }));
+  };
+  return /*#__PURE__*/React.createElement(_Input.Group, {
+    compact: true
+  }, /*#__PURE__*/React.createElement(_Select, {
+    value: value === null || value === void 0 ? void 0 : value.certType,
+    onChange: handleChangeCertType,
+    style: {
+      width: '40%'
+    },
+    placeholder: "\u8BF7\u9009\u62E9",
+    disabled: disabled
+  }, (dataSource === null || dataSource === void 0 ? void 0 : dataSource.length) && dataSource.map(function (item) {
+    return /*#__PURE__*/React.createElement(_Select.Option, {
+      key: item[codeKey],
+      value: item[codeKey]
+    }, item[nameKey]);
+  })), /*#__PURE__*/React.createElement(_Input, {
+    value: value === null || value === void 0 ? void 0 : value.certNo,
+    onChange: handleChangeCertNo,
+    style: {
+      width: '60%'
+    },
+    disabled: disabled,
+    placeholder: "\u8BF7\u8F93\u5165"
+  }));
+};
+CertNo.defaultProps = {
+  dataSource: [],
+  disabled: false,
+  codeKey: 'code',
+  nameKey: 'name'
+};
+export default CertNo;

package/es/ProForm/components/old/CertNo/propsType.d.ts

@@ -0,0 +1,13 @@
+export interface valueProps {
+    certType?: string | number;
+    certNo?: string;
+    certTypeName?: string;
+}
+export interface IProps {
+    value: valueProps;
+    onChange: (values: valueProps) => void;
+    dataSource: any[];
+    codeKey?: string;
+    nameKey?: string;
+    disabled?: boolean;
+}

package/es/ProForm/components/old/CertNo/propsType.js

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

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

@@ -0,0 +1,33 @@
+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

@@ -0,0 +1,108 @@
+import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
+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 = function defaultTransform(data) {
+  return data === null || data === void 0 ? void 0 : data.list;
+};
+var defaultPage = {
+  pageNum: 1,
+  pageSize: 10
+};
+var useDefaultOptions = function 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(function () {
+    var _condition = _objectSpread(_objectSpread({}, defaultParams), searchValues);
+    return withPagination ? _objectSpread(_objectSpread({}, page), {}, _defineProperty({}, 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(function () {
+    if (prevParams && !isEqual(prevParams, params)) {
+      // @ts-ignore
+      run(params);
+    }
+  }, [params]);
+  // 分页变更
+  var onChange = useCallback(function (current, pageSize) {
+    onPageChange({
+      pageNum: current,
+      pageSize: pageSize
+    });
+  }, [onPageChange]);
+  var onSearch = useCallback(function (values) {
+    if (!isEqual(prevSearchValues, values)) {
+      setSearchValues(function (p) {
+        return _objectSpread(_objectSpread(_objectSpread({}, p), values), {}, {
+          timestamp: Date.now()
+        });
+      });
+      onChange(defaultPage.pageNum, defaultPage.pageSize);
+    }
+  }, [onChange, prevSearchValues]);
+  // 重置查询条件
+  var onReset = useCallback(function () {
+    setSearchValues(undefined);
+    onChange(defaultPage.pageNum, defaultPage.pageSize);
+  }, [onChange]);
+  return _objectSpread(_objectSpread({}, result), {}, {
+    loading: loading,
+    data: handleFormatDataSource(data === null || data === void 0 ? void 0 : data.data),
+    onReset: onReset,
+    onSearch: onSearch,
+    params: params,
+    pagination: withPagination ? {
+      current: page.pageNum,
+      pageSize: page.pageSize,
+      onPaginationChange: true,
+      total: data === null || data === void 0 ? void 0 : (_data$data = data.data) === null || _data$data === void 0 ? void 0 : _data$data.total,
+      onChange: onChange,
+      pageSizeOptions: [10, 20, 50, 100],
+      showQuickJumper: true,
+      showSizeChanger: true,
+      onShowSizeChange: onChange,
+      showTotal: function showTotal(total) {
+        return "\u5171".concat(total, "\u6761");
+      }
+    } : false
+  });
+}

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

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