@zat-design/sisyphus-react 3.0.16-beta.2 → 3.1.4

package/es/old/ProEnumSelectModal/index.js

@@ -1,222 +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/button/style";
-import _Button from "antd/es/button";
-import "antd/es/input/style";
-import _Input from "antd/es/input";
-import "antd/es/message/style";
-import _message from "antd/es/message";
-import "antd/es/form/style";
-import _Form from "antd/es/form";
-import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
-import { CloseCircleOutlined } from '@ant-design/icons';
-import { cloneDeep } from 'lodash';
-import React, { forwardRef, useEffect, useState } from 'react';
-import { ProForm } from '../../index';
-import useRequestList from './hooks/useRequestList';
-/**
- * 枚举选择弹框
- * @param title 弹窗标题
- * @param placeholder 提示语
- * @param columns 提示语
- * @param service 数据请求
- * @param queryConditionColumns 查询条件表单配置
- */
-var ProEnumSelectModal = /*#__PURE__*/forwardRef(function (_ref, ref) {
-  var value = _ref.value,
-    onChange = _ref.onChange,
-    _ref$readOnly = _ref.readOnly,
-    readOnly = _ref$readOnly === void 0 ? true : _ref$readOnly,
-    disabled = _ref.disabled,
-    placeholder = _ref.placeholder,
-    formatter = _ref.formatter,
-    modalProps = _ref.modalProps;
-  var _useState = useState(false),
-    _useState2 = _slicedToArray(_useState, 2),
-    onOff = _useState2[0],
-    setOnOff = _useState2[1];
-  var _useState3 = useState(false),
-    _useState4 = _slicedToArray(_useState3, 2),
-    visible = _useState4[0],
-    setVisible = _useState4[1];
-  var _useState5 = useState([]),
-    _useState6 = _slicedToArray(_useState5, 2),
-    selectedRows = _useState6[0],
-    setSelectedRows = _useState6[1];
-  var _useState7 = useState([]),
-    _useState8 = _slicedToArray(_useState7, 2),
-    selectedRowKeys = _useState8[0],
-    setSelectedRowKeys = _useState8[1];
-  var title = modalProps.title,
-    _modalProps$rowKey = modalProps.rowKey,
-    rowKey = _modalProps$rowKey === void 0 ? 'id' : _modalProps$rowKey,
-    _modalProps$rowSelect = modalProps.rowSelectionType,
-    rowSelectionType = _modalProps$rowSelect === void 0 ? 'radio' : _modalProps$rowSelect,
-    _modalProps$checkedRo = modalProps.checkedRows,
-    checkedRows = _modalProps$checkedRo === void 0 ? [] : _modalProps$checkedRo,
-    columns = modalProps.columns,
-    service = modalProps.service,
-    onFinish = modalProps.onFinish,
-    queryConditionColumns = modalProps.queryConditionColumns,
-    otherServiceParams = modalProps.otherServiceParams,
-    transformDataSource = modalProps.transformDataSource,
-    withPagination = modalProps.withPagination;
-  var _Form$useForm = _Form.useForm(),
-    _Form$useForm2 = _slicedToArray(_Form$useForm, 1),
-    form = _Form$useForm2[0];
-  var _useRequestList = useRequestList(service, {
-      withPagination: withPagination,
-      transformDataSource: transformDataSource,
-      condition: otherServiceParams
-    }),
-    data = _useRequestList.data,
-    loading = _useRequestList.loading,
-    pagination = _useRequestList.pagination,
-    onSearch = _useRequestList.onSearch,
-    onReset = _useRequestList.onReset;
-  // 是否多选
-  var isMultiple = rowSelectionType === 'checkbox';
-  var handleChangeValue = function handleChangeValue(e) {
-    onChange(e.target.value);
-  };
-  // 清空表单项
-  var handleClearValue = function handleClearValue() {
-    onChange('');
-  };
-  var handleClick = function handleClick() {
-    if (disabled) return null;
-    setOnOff(true);
-  };
-  var handleClose = function handleClose() {
-    setOnOff(false);
-    setVisible(false);
-    // 重置已勾选选项
-    // setSelectedRows([]);
-    // setSelectedRowKeys([]);
-    form.resetFields();
-  };
-  var handleFinish = function handleFinish() {
-    if (!selectedRows.length) {
-      _message.error('请先勾选');
-      return false;
-    }
-    // @ts-ignore
-    var formatterValueArr = selectedRows.map(function (row) {
-      return formatter(row);
-    });
-    (formatterValueArr === null || formatterValueArr === void 0 ? void 0 : formatterValueArr.length) && onChange(formatterValueArr.join('，'));
-    onFinish === null || onFinish === void 0 ? void 0 : onFinish(selectedRows);
-    handleClose();
-  };
-  var handleSearch = function handleSearch(values) {
-    onSearch(values);
-  };
-  // 点击行进行勾选
-  var handleClickRow = function handleClickRow(record) {
-    var selectedValue = record[rowKey];
-    var tempSelectedRows = cloneDeep(selectedRows);
-    var tempSelectedRowKeys = cloneDeep(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];
-    }
-    setSelectedRows(tempSelectedRows);
-    setSelectedRowKeys(tempSelectedRowKeys);
-  };
-  var rowSelection = {
-    type: rowSelectionType,
-    selectedRowKeys: selectedRowKeys,
-    onChange: function onChange(rowKeys, rows) {
-      setSelectedRows(rows);
-      setSelectedRowKeys(rowKeys);
-    },
-    getCheckboxProps: function getCheckboxProps() {
-      return {
-        disabled: false
-      };
-    }
-  };
-  useEffect(function () {
-    if (checkedRows === null || checkedRows === void 0 ? void 0 : checkedRows.length) {
-      setSelectedRows(checkedRows);
-      setSelectedRowKeys(checkedRows.map(function (item) {
-        return item[rowKey];
-      }));
-    }
-  }, [checkedRows]);
-  useEffect(function () {
-    if (onOff) {
-      onReset();
-      setVisible(true);
-    }
-  }, [onOff]);
-  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(_Input, {
-    value: value,
-    readOnly: readOnly,
-    disabled: disabled,
-    placeholder: placeholder,
-    onClick: handleClick,
-    onChange: handleChangeValue,
-    className: "pro-enum-input",
-    suffix: /*#__PURE__*/React.createElement(React.Fragment, null, value && !disabled && /*#__PURE__*/React.createElement(CloseCircleOutlined, {
-      className: "close-icon",
-      onClick: handleClearValue
-    }), /*#__PURE__*/React.createElement(_Button, {
-      type: "link",
-      onClick: handleClick,
-      disabled: disabled,
-      style: {
-        padding: 0,
-        height: 'auto'
-      }
-    }, "\u9009\u62E9"))
-  }), onOff && /*#__PURE__*/React.createElement(_Modal, {
-    title: title,
-    width: "50%",
-    onOk: handleFinish,
-    onCancel: handleClose,
-    visible: visible,
-    className: "pro-enum-select"
-  }, /*#__PURE__*/React.createElement(ProForm, {
-    className: "pro-enum-select-modal-form",
-    form: form,
-    columns: queryConditionColumns,
-    onFinish: handleSearch
-  }), /*#__PURE__*/React.createElement(_Table, {
-    onRow: function onRow(record) {
-      return {
-        onClick: function onClick() {
-          return handleClickRow(record);
-        }
-      };
-    },
-    rowKey: rowKey,
-    loading: loading,
-    scroll: {
-      y: '250px'
-    },
-    // @ts-ignore
-    rowSelection: rowSelection,
-    columns: columns,
-    dataSource: data,
-    // @ts-ignore
-    pagination: pagination
-  })));
-});
-export default ProEnumSelectModal;

package/es/old/ProEnumSelectModal/propsType.d.ts

@@ -1,22 +0,0 @@
-import { ReactNode } from "react";
-export interface IPropsType {
-    value: string;
-    onChange: (value: string | undefined) => void;
-    readOnly?: boolean;
-    disabled?: boolean;
-    placeholder?: string;
-    formatter?: (value: object) => string;
-    modalProps: {
-        title: string | ReactNode;
-        rowKey: string;
-        rowSelectionType: string;
-        columns: any[];
-        service: any;
-        onFinish: (value: any) => void;
-        queryConditionColumns: any[];
-        otherServiceParams: any;
-        withPagination: boolean;
-        transformDataSource: (list: any[]) => any[];
-        checkedRows: any[];
-    };
-}

package/es/old/ProEnumSelectModal/style/index.less

@@ -1,98 +0,0 @@
-.pro-enum-input {
-  .close-icon {
-    margin          : 0 5px;
-    background-color: rgba(0, 0, 0, 0.25);
-    color           : white;
-    font-size       : var(--zaui-font-size-lg);
-    border          : none;
-    border-radius   : 50%;
-
-    &:hover {
-      transform: scale(1.2);
-    }
-  }
-}
-
-.pro-enum-select {
-  .pro-form {
-    .ant-form-item-label {
-      width       : var(--zaui-form-label-width, 112px);
-      max-width   : var(--zaui-form-label-width, 112px);
-      text-align  : left;
-      text-align  : var(--zaui-form-align, left);
-      white-space : pre-wrap;
-      line-height : 1;
-      overflow    : initial;
-      margin-right: 16px;
-      margin-right: calc(var(--zaui-height-size-md, 16px)*var(--zaui-size, 1))
-    }
-  }
-
-  :global {
-    .ant-table.ant-table-bordered>.ant-table-container {
-      border: 0;
-    }
-
-    .ant-table-thead>tr>th {
-      border          : 0;
-      white-space     : nowrap;
-      background-color: #F6F7F8;
-      padding         : var(--zaui-space-size-md);
-    }
-
-    .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);
-      }
-    }
-  }
-}

package/lib/ProDownload/DownloadHelper.d.ts

@@ -1,32 +0,0 @@
-interface PropsWithMakeFilePropsType {
-    blob?: Blob;
-    fileName: string;
-    url?: string;
-}
-interface PostDownloadFilePropsType {
-    url: string;
-    params: any;
-    cb: () => void;
-}
-interface IDownloadRequestPropsType {
-    url: string;
-    method: string;
-    payload?: Object;
-    headers?: any;
-    onFinish?: (response: object, params: object) => void;
-}
-/**
- * 下载Blob
- *
- * @param response
- * @param fileName
- * @param extendName
- * @constructor
- */
-export declare function BlobMakeFile({ blob, fileName, url }: PropsWithMakeFilePropsType): void;
-declare type DownloadRequestProps = (props: IDownloadRequestPropsType) => Promise<Response>;
-export declare const DownloadRequest: DownloadRequestProps;
-export declare function postDownloadFile({ url, params, cb }: PostDownloadFilePropsType): boolean;
-type convertBase64ToBlobType = (base64: string, fileType?: string, slice?: number) => Blob;
-export declare const convertBase64ToBlob: convertBase64ToBlobType;
-export {};

package/lib/ProEnum/getEnumLabel.d.ts

@@ -1,3 +0,0 @@
-import React from 'react';
-declare const getEnumLabel: (enumCode: string, value: any, compose?: boolean, code?: string, label?: string) => React.JSX.Element;
-export default getEnumLabel;

package/lib/ProEnum/getEnumLabel.js

@@ -1,70 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _react = _interopRequireDefault(require("react"));
-var _zatDesignProComponent = require("zat-design-pro-component");
-var EnumLabel = function EnumLabel(props) {
-  var label = '';
-  var fieldValue = '';
-  var _ref = (0, _zatDesignProComponent.useProConfig)('ProEnum') || {},
-    fieldNames = _ref.fieldNames,
-    _ref$clear = _ref.clear,
-    clear = _ref$clear === void 0 ? true : _ref$clear;
-  if (fieldNames && Object.keys(fieldNames).length) {
-    label = fieldNames === null || fieldNames === void 0 ? void 0 : fieldNames.label;
-    fieldValue = fieldNames === null || fieldNames === void 0 ? void 0 : fieldNames.value;
-  }
-  if (props.label) label = props.label;
-  if (props.code) fieldValue = props.code;
-  if (clear) {
-    label = 'label';
-    fieldValue = 'value';
-  }
-  var enumCode = props.enumCode,
-    value = props.value,
-    compose = props.compose;
-  var _useProConfig = (0, _zatDesignProComponent.useProConfig)('ProEnum'),
-    _useProConfig$dics = _useProConfig.dics,
-    dics = _useProConfig$dics === void 0 ? {} : _useProConfig$dics;
-  var enumList = (dics === null || dics === void 0 ? void 0 : dics[enumCode]) || [];
-  var transToLabel = function transToLabel(value) {
-    var labelList = value.map(function (v) {
-      var option = enumList.find(function (option) {
-        return option[fieldValue] === v;
-      });
-      if (option && option[label]) {
-        return compose ? "".concat(value, "-").concat(option[label]) : option[label];
-      }
-      return '';
-    });
-    return /*#__PURE__*/_react.default.createElement("span", null, labelList.join('，') || '-');
-  };
-  if (Array.isArray(enumList)) {
-    if (Array.isArray(value)) {
-      return transToLabel(value);
-    }
-    return transToLabel([value]);
-  }
-  return /*#__PURE__*/_react.default.createElement("span", null, "-");
-};
-var getEnumLabel = function getEnumLabel(enumCode, value) {
-  var compose = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : false;
-  var code = arguments.length > 3 ? arguments[3] : undefined;
-  var label = arguments.length > 4 ? arguments[4] : undefined;
-  if (!enumCode) {
-    return null;
-  }
-  return /*#__PURE__*/_react.default.createElement(EnumLabel, {
-    enumCode: enumCode,
-    value: value,
-    compose: compose,
-    code: code,
-    label: label
-  });
-};
-var _default = getEnumLabel;
-exports.default = _default;

package/lib/ProEnum/useEnum.d.ts

@@ -1,14 +0,0 @@
-import { DataOption } from './propsType';
-/**
- * 根据code 返回缓存枚举
- * @param codes 获取全局缓存的枚举 code
- * @param value 单个枚举值、用来回显
- * @param compose 是否返回 value-label 格式
- * @returns codes -> {code1:DataOption[],code2:DataOption[]}
- *          code ->[DataOption[],getEnumLabel]
- *          code、value -> [label,DataOption]
- */
-declare function useEnum(code: string): [DataOption[], (val: string, showCodeName?: boolean) => string];
-declare function useEnum(codes: string[]): Record<string, DataOption[]>;
-declare function useEnum(code: string, value?: string, compose?: boolean): [string, DataOption];
-export default useEnum;

package/lib/ProEnum/useEnumRequest.d.ts

@@ -1,3 +0,0 @@
-import { ProEnumConfig } from './propsType';
-declare const useEnum: (props: ProEnumConfig, dispatch: any) => void;
-export default useEnum;