@zat-design/sisyphus-react 3.13.13-beta.6 → 4.0.0-beta.2

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

@@ -1,272 +0,0 @@
-import "antd/es/table/style";
-import _Table from "antd/es/table";
-import "antd/es/modal/style";
-import _Modal from "antd/es/modal";
-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";
-import _cloneDeep from "lodash/cloneDeep";
-var _excluded = ["value", "onChange", "disabled", "readOnly", "suffix", "handleFormat", "configOption", "proformmode"],
-  _excluded2 = ["title", "onOk"],
-  _excluded3 = ["rowKey", "columns"];
-import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
-import { CloseOutlined } from '@ant-design/icons';
-import { useSetState } from 'ahooks';
-import { 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';
-var defaultFormat = function defaultFormat(rowData) {
-  return "".concat(rowData.code, "-").concat(rowData.name);
-};
-var EnumSelect = /*#__PURE__*/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 = _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: conditionKey,
-      withPagination: withPagination,
-      handleFormatDataSource: handleFormatDataSource,
-      defaultParams: 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 = 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) {
-      _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 = _cloneDeep(state.selectedRows);
-    var tempSelectedRowKeys = _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
-      };
-    }
-  };
-  useEffect(function () {
-    if (defaultSelectedRows === null || defaultSelectedRows === void 0 ? void 0 : defaultSelectedRows.length) {
-      setState({
-        selectedRowKeys: defaultSelectedRows.map(function (item) {
-          return item[rowKey];
-        }),
-        selectedRows: defaultSelectedRows
-      });
-    }
-  }, [defaultSelectedRows]);
-  useEffect(function () {
-    if (state.onOff) {
-      onReset();
-      var nextState = {
-        visible: true
-      };
-      if (!value) {
-        nextState.selectedRowKeys = [];
-        nextState.selectedRows = [];
-      }
-      setState(nextState);
-    }
-  }, [state.onOff]);
-  var defaultSuffix = _jsxs(_Fragment, {
-    children: [value && !disabled && _jsx("span", {
-      className: "close-icon",
-      children: _jsx(CloseOutlined, {
-        onClick: handleClearValue
-      })
-    }), _jsx(ReactSVG, {
-      className: "search",
-      wrapper: "span",
-      src: viewSvg,
-      onClick: handleClick
-    })]
-  });
-  var forceSuffixRender = function forceSuffixRender() {
-    if (isView) {
-      return;
-    }
-    if (suffix) {
-      return _jsx("div", {
-        onClick: handleClick,
-        children: suffix
-      });
-    }
-    return defaultSuffix;
-  };
-  return _jsxs("div", {
-    className: "pro-enum-select",
-    children: [_jsx(InputWithSuffix, _objectSpread({
-      value: value,
-      readOnly: readOnly,
-      onClick: readOnly ? handleClick : undefined,
-      onChange: handleChangeValue,
-      disabled: disabled,
-      suffix: forceSuffixRender()
-    }, restInputProps)), state.onOff && _jsxs(_Modal, _objectSpread(_objectSpread({
-      className: "pro-enum-select-modal",
-      title: title,
-      width: "50%",
-      onOk: handleFinish,
-      onCancel: handleClose,
-      visible: state.visible
-    }, restModalProps), {}, {
-      children: [_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
-      }), _jsx(_Table, _objectSpread({
-        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))]
-    }))]
-  });
-});
-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;

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

@@ -1,100 +0,0 @@
-import "antd/es/input-number/style";
-import _InputNumber from "antd/es/input-number";
-import "antd/es/input/style";
-import _Input from "antd/es/input";
-import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
-import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-/* eslint-disable @typescript-eslint/no-shadow */
-/* eslint-disable no-param-reassign */
-import { useSetState } from 'ahooks';
-import classnames from 'classnames';
-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 = useSetState({
-      range: value,
-      positiveIntegerpValues: isPositiveInteger ? positiveInteger : {}
-    }),
-    _useSetState2 = _slicedToArray(_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(_objectSpread(_objectSpread({}, value), changedValue));
-  };
-  var onUpdate = function onUpdate() {
-    setState({
-      range: range
-    });
-    triggerChange(_objectSpread({}, value));
-  };
-  var cls = classnames({
-    'site-input-split': true,
-    'site-input-split-disabled': !!disabled
-  });
-  return _jsxs(_Input.Group, {
-    compact: true,
-    className: "site-input-group-wrapper",
-    children: [_jsx(_InputNumber, _objectSpread(_objectSpread({
-      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)), _jsx(_Input, {
-      className: cls,
-      style: {
-        width: 40,
-        borderLeft: 0,
-        pointerEvents: 'none'
-      },
-      placeholder: "~",
-      disabled: true
-    }), _jsx(_InputNumber, _objectSpread(_objectSpread({
-      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))]
-  });
-};
-export default InputRange;

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

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

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

@@ -1,46 +0,0 @@
-import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
-import "antd/es/input/style";
-import _Input from "antd/es/input";
-import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
-var _excluded = ["value", "onChange", "suffix", "formItemProps", "groupStyle", "InputStyle", "suffixWidth"];
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-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 = _objectWithoutProperties(props, _excluded);
-  var localSuffixWidht = suffixWidth || '36px';
-  return _jsxs(_Input.Group, {
-    compact: true,
-    style: {
-      display: 'flex'
-    },
-    children: [_jsx(_Input, _objectSpread(_objectSpread({
-      value: value,
-      style: {
-        flex: '1'
-      },
-      onChange: onChange
-    }, restProps), formItemProps)), suffix ? _jsx("div", {
-      style: {
-        width: localSuffixWidht,
-        cursor: 'pointer',
-        padding: '0px',
-        display: 'flex',
-        alignItems: 'center',
-        justifyContent: 'center',
-        border: '1px solid #DEE0E3',
-        backgroundColor: '#fff'
-      },
-      children: suffix
-    }) : null]
-  });
-};
-export default InputWithSuffix;

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

@@ -1,11 +0,0 @@
-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/es/ProForm/components/old/InputWithSuffix/propsTypes.js

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

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

@@ -1,27 +0,0 @@
-import type { 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): import("react/jsx-runtime").JSX.Element;
-export default ProAddress;