@zat-design/sisyphus-react 3.0.13

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

@@ -0,0 +1,266 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/objectSpread2"));
+var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
+var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
+var _icons = require("@ant-design/icons");
+var _ahooks = require("ahooks");
+var _antd = require("antd");
+var _lodash = require("lodash");
+var _react = _interopRequireWildcard(require("react"));
+var _reactSvg = require("react-svg");
+var _zatDesignProComponent = require("zat-design-pro-component");
+var _InputWithSuffix = _interopRequireDefault(require("../InputWithSuffix"));
+var _useRequestList2 = _interopRequireDefault(require("./hooks/useRequestList"));
+var _view = _interopRequireDefault(require("../../../../assets/view.svg"));
+var _excluded = ["value", "onChange", "disabled", "readOnly", "suffix", "handleFormat", "configOption", "proformmode"],
+  _excluded2 = ["title", "onOk"],
+  _excluded3 = ["rowKey", "columns"];
+var defaultFormat = function defaultFormat(rowData) {
+  return "".concat(rowData.code, "-").concat(rowData.name);
+};
+var EnumSelect = /*#__PURE__*/(0, _react.forwardRef)(function (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 = (0, _objectWithoutProperties2.default)(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 = (0, _objectWithoutProperties2.default)(_ref, _excluded2);
+  var _ref2 = tableProps || {},
+    _ref2$rowKey = _ref2.rowKey,
+    rowKey = _ref2$rowKey === void 0 ? 'id' : _ref2$rowKey,
+    columns = _ref2.columns,
+    restTableProps = (0, _objectWithoutProperties2.default)(_ref2, _excluded3);
+  var _useSetState = (0, _ahooks.useSetState)({
+      onOff: false,
+      visible: false,
+      selectedRows: [],
+      selectedRowKeys: []
+    }),
+    _useSetState2 = (0, _slicedToArray2.default)(_useSetState, 2),
+    state = _useSetState2[0],
+    setState = _useSetState2[1];
+  var _Form$useForm = _antd.Form.useForm(),
+    _Form$useForm2 = (0, _slicedToArray2.default)(_Form$useForm, 1),
+    form = _Form$useForm2[0];
+  var _useRequestList = (0, _useRequestList2.default)(fetchOptions, {
+      conditionKey: conditionKey,
+      withPagination: withPagination,
+      handleFormatDataSource: handleFormatDataSource,
+      defaultParams: defaultParams
+    }, (0, _objectSpread2.default)({
+      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 = function handleChangeValue(e) {
+    onChange(e.target.value);
+  };
+  // 清空表单项
+  var handleClearValue = function handleClearValue() {
+    onChange('');
+    setState({
+      selectedRowKeys: [],
+      selectedRows: []
+    });
+  };
+  var handleClick = function handleClick() {
+    if (!disabled) {
+      setState({
+        onOff: true
+      });
+    }
+  };
+  var handleClose = function handleClose() {
+    setState({
+      onOff: false,
+      visible: false
+    });
+    form.resetFields();
+  };
+  var handleFinish = function handleFinish() {
+    if (!state.selectedRows.length) {
+      _antd.message.error('请先勾选');
+      return false;
+    }
+    var formatterValueArr = state.selectedRows.map(function (row) {
+      return handleFormat(row);
+    });
+    (formatterValueArr === null || formatterValueArr === void 0 ? void 0 : formatterValueArr.length) && onChange(formatterValueArr.join('、'));
+    onOk === null || onOk === void 0 ? void 0 : onOk(state.selectedRows);
+    handleClose();
+  };
+  var handleSearch = function handleSearch(values) {
+    onSearch(values);
+  };
+  // 点击行进行勾选
+  var handleClickRow = function handleClickRow(record) {
+    var selectedValue = record[rowKey];
+    var tempSelectedRows = (0, _lodash.cloneDeep)(state.selectedRows);
+    var tempSelectedRowKeys = (0, _lodash.cloneDeep)(state.selectedRowKeys);
+    if (isMultiple) {
+      var rowIndex = tempSelectedRows.findIndex(function (item) {
+        return item[rowKey] === selectedValue;
+      });
+      var rowKeyIndex = tempSelectedRowKeys.findIndex(function (item) {
+        return 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: function onChange(rowKeys, rows) {
+      setState({
+        selectedRowKeys: rowKeys,
+        selectedRows: rows
+      });
+    },
+    getCheckboxProps: function getCheckboxProps() {
+      return {
+        disabled: false
+      };
+    }
+  };
+  (0, _react.useEffect)(function () {
+    if (defaultSelectedRows === null || defaultSelectedRows === void 0 ? void 0 : defaultSelectedRows.length) {
+      setState({
+        selectedRowKeys: defaultSelectedRows.map(function (item) {
+          return item[rowKey];
+        }),
+        selectedRows: defaultSelectedRows
+      });
+    }
+  }, [defaultSelectedRows]);
+  (0, _react.useEffect)(function () {
+    if (state.onOff) {
+      onReset();
+      var nextState = {
+        visible: true
+      };
+      if (!value) {
+        nextState.selectedRowKeys = [];
+        nextState.selectedRows = [];
+      }
+      setState(nextState);
+    }
+  }, [state.onOff]);
+  var defaultSuffix = /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, value && !disabled && /*#__PURE__*/_react.default.createElement("span", {
+    className: "close-icon"
+  }, /*#__PURE__*/_react.default.createElement(_icons.CloseOutlined, {
+    onClick: handleClearValue
+  })), /*#__PURE__*/_react.default.createElement(_reactSvg.ReactSVG, {
+    className: "search",
+    wrapper: "span",
+    src: _view.default,
+    onClick: handleClick
+  }));
+  var forceSuffixRender = function forceSuffixRender() {
+    if (isView) {
+      return;
+    }
+    if (suffix) {
+      return /*#__PURE__*/_react.default.createElement("div", {
+        onClick: handleClick
+      }, suffix);
+    }
+    return defaultSuffix;
+  };
+  return /*#__PURE__*/_react.default.createElement("div", {
+    className: "pro-enum-select"
+  }, /*#__PURE__*/_react.default.createElement(_InputWithSuffix.default, (0, _objectSpread2.default)({
+    value: value,
+    readOnly: readOnly,
+    onClick: readOnly ? handleClick : undefined,
+    onChange: handleChangeValue,
+    disabled: disabled,
+    suffix: forceSuffixRender()
+  }, restInputProps)), state.onOff && /*#__PURE__*/_react.default.createElement(_antd.Modal, (0, _objectSpread2.default)({
+    className: "pro-enum-select-modal",
+    title: title,
+    width: "50%",
+    onOk: handleFinish,
+    onCancel: handleClose,
+    visible: state.visible
+  }, restModalProps), /*#__PURE__*/_react.default.createElement(_zatDesignProComponent.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__*/_react.default.createElement(_antd.Table, (0, _objectSpread2.default)({
+    onRow: function onRow(record) {
+      return {
+        onClick: function onClick() {
+          return handleClickRow(record);
+        }
+      };
+    },
+    rowKey: rowKey,
+    loading: loading,
+    scroll: {
+      y: '250px'
+    },
+    rowSelection: rowSelection,
+    columns: columns,
+    dataSource: data,
+    pagination: pagination
+  }, restTableProps))));
+});
+var _default = EnumSelect;
+exports.default = _default;

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

@@ -0,0 +1,29 @@
+/// <reference types="react" />
+import { InputProps, ModalProps } from 'antd';
+import { ProColumnProps } 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: ProColumnProps[];
+    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/lib/ProForm/components/old/EnumSelect/interface.js

@@ -0,0 +1,5 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});

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

@@ -0,0 +1,114 @@
+.pro-enum-select {
+  .close-icon {
+    position        : relative;
+    margin-left     : -31px;
+    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;
+      font-size       : 8px;
+      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: #F6F7F8;
+  }
+
+  .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: #FAFAFA;
+  }
+
+  .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: #FAFAFA;
+    }
+  }
+
+  .ant-table-fixed {
+
+    .ant-table-row-hover,
+    .ant-table-row-hover>td {
+      background: #FAFAFA;
+    }
+  }
+
+  .ant-table-fixed-header {
+    .ant-table-tbody tr:nth-child(n)>td {
+      background-color: #FAFAFA;
+    }
+
+    .ant-table-tbody tr:nth-child(2n)>td {
+      background-color: var(--zaui-base-bg);
+    }
+  }
+
+  .ant-modal-body {
+    padding-bottom: 0;
+  }
+
+  .ant-modal-footer {
+    padding: 16px;
+  }
+
+}

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

@@ -0,0 +1,16 @@
+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) => JSX.Element;
+export default InputRange;

package/lib/ProForm/components/old/InputRange/index.js

@@ -0,0 +1,105 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/objectSpread2"));
+var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
+var _ahooks = require("ahooks");
+var _antd = require("antd");
+var _classnames = _interopRequireDefault(require("classnames"));
+var _react = _interopRequireDefault(require("react"));
+/* eslint-disable @typescript-eslint/no-shadow */
+/* eslint-disable no-param-reassign */
+
+var positiveInteger = {
+  formatter: function formatter(value) {
+    return value.replace(/[^0-9]/g, '');
+  },
+  parser: function parser(value) {
+    return value.replace(/[^0-9]/g, '');
+  }
+};
+var InputRange = function InputRange(_ref) {
+  var _ref$value = _ref.value,
+    value = _ref$value === void 0 ? {} : _ref$value,
+    onChange = _ref.onChange,
+    _ref$min = _ref.min,
+    min = _ref$min === void 0 ? 0 : _ref$min,
+    max = _ref.max,
+    group = _ref.group,
+    disabled = _ref.disabled,
+    precision = _ref.precision,
+    _ref$isPositiveIntege = _ref.isPositiveInteger,
+    isPositiveInteger = _ref$isPositiveIntege === void 0 ? false : _ref$isPositiveIntege;
+  var _useSetState = (0, _ahooks.useSetState)({
+      range: value,
+      positiveIntegerpValues: isPositiveInteger ? positiveInteger : {}
+    }),
+    _useSetState2 = (0, _slicedToArray2.default)(_useSetState, 2),
+    state = _useSetState2[0],
+    setState = _useSetState2[1];
+  var range = state.range,
+    positiveIntegerpValues = state.positiveIntegerpValues;
+  var triggerChange = function triggerChange(changedValue) {
+    onChange === null || onChange === void 0 ? void 0 : onChange((0, _objectSpread2.default)((0, _objectSpread2.default)({}, value), changedValue));
+  };
+  var onUpdate = function onUpdate() {
+    setState({
+      range: range
+    });
+    triggerChange((0, _objectSpread2.default)({}, value));
+  };
+  var cls = (0, _classnames.default)({
+    'site-input-split': true,
+    'site-input-split-disabled': !!disabled
+  });
+  return /*#__PURE__*/_react.default.createElement(_antd.Input.Group, {
+    compact: true,
+    className: "site-input-group-wrapper"
+  }, /*#__PURE__*/_react.default.createElement(_antd.InputNumber, (0, _objectSpread2.default)((0, _objectSpread2.default)({
+    className: "site-input-left",
+    style: {
+      textAlign: 'center'
+    },
+    value: value === null || value === void 0 ? void 0 : value.min,
+    placeholder: "\u8BF7\u8F93\u5165",
+    min: min,
+    max: (value === null || value === void 0 ? void 0 : value.max) || max,
+    precision: precision,
+    disabled: disabled,
+    onChange: function onChange(e) {
+      value.min = e;
+      range.min = e;
+      onUpdate();
+    }
+  }, group === null || group === void 0 ? void 0 : group[0]), positiveIntegerpValues)), /*#__PURE__*/_react.default.createElement(_antd.Input, {
+    className: cls,
+    style: {
+      width: 40,
+      borderLeft: 0,
+      pointerEvents: 'none'
+    },
+    placeholder: "~",
+    disabled: true
+  }), /*#__PURE__*/_react.default.createElement(_antd.InputNumber, (0, _objectSpread2.default)((0, _objectSpread2.default)({
+    className: "site-input-right",
+    style: {
+      textAlign: 'center'
+    },
+    disabled: disabled,
+    value: value === null || value === void 0 ? void 0 : value.max,
+    min: (value === null || value === void 0 ? void 0 : value.min) || min,
+    max: max,
+    precision: precision,
+    placeholder: "\u8BF7\u8F93\u5165",
+    onChange: function onChange(e) {
+      value.max = e;
+      onUpdate();
+    }
+  }, group === null || group === void 0 ? void 0 : group[1]), positiveIntegerpValues)));
+};
+var _default = InputRange;
+exports.default = _default;

package/lib/ProForm/components/old/InputWithSuffix/index.d.ts

@@ -0,0 +1,3 @@
+import { comPropsType } from './propsTypes';
+declare const InputWithSuffix: (props: comPropsType) => JSX.Element;
+export default InputWithSuffix;

package/lib/ProForm/components/old/InputWithSuffix/index.js

@@ -0,0 +1,51 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/objectSpread2"));
+var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
+var _antd = require("antd");
+var _react = _interopRequireDefault(require("react"));
+var _excluded = ["value", "onChange", "suffix", "formItemProps", "groupStyle", "InputStyle", "suffixWidth"];
+var InputWithSuffix = function InputWithSuffix(props) {
+  var value = props.value,
+    onChange = props.onChange,
+    _props$suffix = props.suffix,
+    suffix = _props$suffix === void 0 ? null : _props$suffix,
+    _props$formItemProps = props.formItemProps,
+    formItemProps = _props$formItemProps === void 0 ? {} : _props$formItemProps,
+    groupStyle = props.groupStyle,
+    InputStyle = props.InputStyle,
+    _props$suffixWidth = props.suffixWidth,
+    suffixWidth = _props$suffixWidth === void 0 ? false : _props$suffixWidth,
+    restProps = (0, _objectWithoutProperties2.default)(props, _excluded);
+  var localSuffixWidht = suffixWidth || '36px';
+  return /*#__PURE__*/_react.default.createElement(_antd.Input.Group, {
+    compact: true,
+    style: {
+      display: 'flex'
+    }
+  }, /*#__PURE__*/_react.default.createElement(_antd.Input, (0, _objectSpread2.default)((0, _objectSpread2.default)({
+    value: value,
+    style: {
+      flex: '1'
+    },
+    onChange: onChange
+  }, restProps), formItemProps)), suffix ? /*#__PURE__*/_react.default.createElement("div", {
+    style: {
+      width: localSuffixWidht,
+      cursor: 'pointer',
+      padding: '0px',
+      display: 'flex',
+      alignItems: 'center',
+      justifyContent: 'center',
+      border: '1px solid #DEE0E3',
+      backgroundColor: '#fff'
+    }
+  }, suffix) : null);
+};
+var _default = InputWithSuffix;
+exports.default = _default;

package/lib/ProForm/components/old/InputWithSuffix/propsTypes.d.ts

@@ -0,0 +1,11 @@
+import { ReactNode } from "react";
+export interface comPropsType {
+    value?: any;
+    onChange?: any;
+    suffix?: ReactNode;
+    formItemProps?: object;
+    groupStyle?: CSSStyleDeclaration;
+    InputStyle?: CSSStyleDeclaration;
+    suffixWidth?: string;
+    [key: string]: any;
+}

package/lib/ProForm/components/old/InputWithSuffix/propsTypes.js

@@ -0,0 +1,5 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});

package/lib/ProForm/components/old/ProAddress/index.d.ts

@@ -0,0 +1,27 @@
+import { ProAddressPropsType } from "./propsTypes";
+export declare const transferAddressInfoToRegion: () => {
+    normalize: (value: any) => {
+        province: any;
+        city: any;
+        county: any;
+        detail: any;
+        address: any;
+    };
+    getValueProps: (value: any) => {
+        value: {
+            province: {
+                code: any;
+            };
+            city: {
+                code: any;
+            };
+            secondCity: {
+                code: any;
+            };
+            address: any;
+            detail: any;
+        };
+    };
+};
+export declare function ProAddress({ ...props }: ProAddressPropsType): JSX.Element;
+export default ProAddress;