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

package/lib/old/ProCustomColumn/style/index.less

@@ -1,88 +0,0 @@
-@import "./LeftBody";
-@import "./RightBody";
-
-.pro-custom-column {
-  .custom-column-btn {
-    display    : inline-flex;
-    align-items: center;
-
-    &:hover,
-    &:visited,
-    &:focus {
-      color     : unset;
-      border    : 1px solid #d9d9d9;
-      background: unset;
-    }
-
-    .anticon {
-      height: 16px;
-    }
-  }
-}
-
-.pro-custom-column-modal {
-
-  .ant-modal-header,
-  .ant-modal-footer {
-    border: none;
-  }
-
-  .ant-modal-footer {
-    padding: 0 var(--zaui-space-size-md, 16px) var(--zaui-space-size-md, 16px) var(--zaui-space-size-md, 16px);
-  }
-
-  .main {
-    display: flex;
-    height : 360px;
-  }
-}
-
-.right-list-item {
-  width         : 100%;
-  padding-bottom: var(--zaui-space-size-sm, 8px);
-
-  .ant-tag {
-    display        : flex;
-    align-items    : center;
-    justify-content: space-between;
-    width          : 100%;
-    height         : 32px;
-    background     : #F2F2F2;
-    border-radius  : var(--zaui-border-radius, 4px);
-    border         : none;
-    color          : #343434;
-    font-size      : var(--zaui-font-size, 14px);
-
-    .drag-icon {
-      height: 20px;
-      cursor: move;
-    }
-
-    .disabled-icon {
-      height: 20px;
-    }
-
-    .anticon-close {
-      color    : #DCDCDC;
-      font-size: var(--zaui-font-size-sm, 12px);
-    }
-  }
-
-  &.disabled {
-    cursor: not-allowed;
-
-    .pro-tooltip,
-    .anticon {
-      cursor: not-allowed;
-    }
-
-    .anticon {
-      pointer-events: none;
-    }
-  }
-}
-
-.sortable-helper {
-  list-style-type: none;
-  z-index        : 9999;
-}

package/lib/old/ProEnumSelectModal/hooks/useRequestList.d.ts

@@ -1,32 +0,0 @@
-import { useRequest } from 'ahooks';
-declare interface PaginationProp {
-    pageNum: number;
-    pageSize: number;
-}
-declare interface IListReq<T = any> extends PaginationProp {
-    condition?: 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> {
-    condition?: Partial<T>;
-    page?: PaginationProp;
-    customizePage?: PaginationProp;
-    withPagination?: boolean;
-    onPageChange?: (page: PaginationProp) => any;
-    transformDataSource?: (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/lib/old/ProEnumSelectModal/hooks/useRequestList.js

@@ -1,117 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = useRequestList;
-var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/objectSpread2"));
-var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
-var _ahooks = require("ahooks");
-var _lodash = require("lodash");
-var _react = require("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$transformDat;
-  var customizePage = options === null || options === void 0 ? void 0 : options.customizePage;
-  var _useState = (0, _react.useState)(customizePage || defaultPage),
-    _useState2 = (0, _slicedToArray2.default)(_useState, 2),
-    page = _useState2[0],
-    onPageChange = _useState2[1];
-  return (0, _objectSpread2.default)((0, _objectSpread2.default)({}, 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,
-    transformDataSource: (_options$transformDat = options === null || options === void 0 ? void 0 : options.transformDataSource) !== null && _options$transformDat !== void 0 ? _options$transformDat : defaultTransform
-  });
-};
-function useRequestList(service, options, useRequestOptions) {
-  var _data$data;
-  var _useDefaultOptions = useDefaultOptions(options),
-    page = _useDefaultOptions.page,
-    withPagination = _useDefaultOptions.withPagination,
-    onPageChange = _useDefaultOptions.onPageChange,
-    condition = _useDefaultOptions.condition,
-    transformDataSource = _useDefaultOptions.transformDataSource;
-  // 搜索表单里的值
-  var _useState3 = (0, _react.useState)(),
-    _useState4 = (0, _slicedToArray2.default)(_useState3, 2),
-    searchValues = _useState4[0],
-    setSearchValues = _useState4[1];
-  // 当次执行service的请求,包括page参数
-  var params = (0, _react.useMemo)(function () {
-    var _condition = (0, _objectSpread2.default)((0, _objectSpread2.default)({}, condition), searchValues);
-    return withPagination ? (0, _objectSpread2.default)((0, _objectSpread2.default)({}, page), {}, {
-      condition: _condition !== null && _condition !== void 0 ? _condition : {}
-    }) : _condition;
-  }, [condition, page, searchValues]);
-  // 调接口
-  // @ts-ignore
-  var result = (0, _ahooks.useRequest)(service, (0, _objectSpread2.default)((0, _objectSpread2.default)({}, useRequestOptions), {}, {
-    // @ts-ignore
-    defaultParams: [params]
-  }));
-  var data = result.data,
-    run = result.run,
-    loading = result.loading;
-  // 搜索条件变化时触发
-  var prevParams = (0, _ahooks.usePrevious)(params);
-  var prevSearchValues = (0, _ahooks.usePrevious)(searchValues);
-  (0, _react.useEffect)(function () {
-    if (prevParams && !(0, _lodash.isEqual)(prevParams, params)) {
-      // @ts-ignore
-      run(params);
-    }
-  }, [params]);
-  // 分页变更
-  var onChange = (0, _react.useCallback)(function (current, pageSize) {
-    onPageChange({
-      pageNum: current,
-      pageSize: pageSize
-    });
-  }, [onPageChange]);
-  var onSearch = (0, _react.useCallback)(function (values) {
-    if (!(0, _lodash.isEqual)(prevSearchValues, values)) {
-      setSearchValues(function (p) {
-        return (0, _objectSpread2.default)((0, _objectSpread2.default)((0, _objectSpread2.default)({}, p), values), {}, {
-          timestamp: Date.now()
-        });
-      });
-      onChange(defaultPage.pageNum, defaultPage.pageSize);
-    }
-  }, [onChange, prevSearchValues]);
-  // 重置查询条件
-  var onReset = (0, _react.useCallback)(function () {
-    setSearchValues(undefined);
-    onChange(defaultPage.pageNum, defaultPage.pageSize);
-  }, [onChange]);
-  return (0, _objectSpread2.default)((0, _objectSpread2.default)({}, result), {}, {
-    loading: loading,
-    data: transformDataSource(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],
-      showSizeChanger: true,
-      onShowSizeChange: onChange,
-      hideOnSinglePage: page.pageSize == 10,
-      showTotal: function showTotal(total) {
-        var _data$data2, _data$data3;
-        if (!total || !(data === null || data === void 0 ? void 0 : (_data$data2 = data.data) === null || _data$data2 === void 0 ? void 0 : _data$data2.pageNum)) return;
-        return "\u5171\u6709".concat(total, "\u6761\u8BB0\u5F55 \u7B2C").concat(data === null || data === void 0 ? void 0 : (_data$data3 = data.data) === null || _data$data3 === void 0 ? void 0 : _data$data3.pageNum, "/").concat(Math.ceil(total / page.pageSize), "\u9875");
-      }
-    } : false
-  });
-}

package/lib/old/ProEnumSelectModal/index.d.ts

@@ -1,12 +0,0 @@
-import { FC } from 'react';
-import { IPropsType } from './propsType';
-/**
- * 枚举选择弹框
- * @param title 弹窗标题
- * @param placeholder 提示语
- * @param columns 提示语
- * @param service 数据请求
- * @param queryConditionColumns 查询条件表单配置
- */
-declare const ProEnumSelectModal: FC<IPropsType>;
-export default ProEnumSelectModal;

package/lib/old/ProEnumSelectModal/index.js

@@ -1,220 +0,0 @@
-"use strict";
-
-var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
-var _icons = require("@ant-design/icons");
-var _antd = require("antd");
-var _lodash = require("lodash");
-var _react = _interopRequireWildcard(require("react"));
-var _index = require("../../index");
-var _useRequestList2 = _interopRequireDefault(require("./hooks/useRequestList"));
-/**
- * 枚举选择弹框
- * @param title 弹窗标题
- * @param placeholder 提示语
- * @param columns 提示语
- * @param service 数据请求
- * @param queryConditionColumns 查询条件表单配置
- */
-var ProEnumSelectModal = /*#__PURE__*/(0, _react.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 = (0, _react.useState)(false),
-    _useState2 = (0, _slicedToArray2.default)(_useState, 2),
-    onOff = _useState2[0],
-    setOnOff = _useState2[1];
-  var _useState3 = (0, _react.useState)(false),
-    _useState4 = (0, _slicedToArray2.default)(_useState3, 2),
-    visible = _useState4[0],
-    setVisible = _useState4[1];
-  var _useState5 = (0, _react.useState)([]),
-    _useState6 = (0, _slicedToArray2.default)(_useState5, 2),
-    selectedRows = _useState6[0],
-    setSelectedRows = _useState6[1];
-  var _useState7 = (0, _react.useState)([]),
-    _useState8 = (0, _slicedToArray2.default)(_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 = _antd.Form.useForm(),
-    _Form$useForm2 = (0, _slicedToArray2.default)(_Form$useForm, 1),
-    form = _Form$useForm2[0];
-  var _useRequestList = (0, _useRequestList2.default)(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) {
-      _antd.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 = (0, _lodash.cloneDeep)(selectedRows);
-    var tempSelectedRowKeys = (0, _lodash.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
-      };
-    }
-  };
-  (0, _react.useEffect)(function () {
-    if (checkedRows === null || checkedRows === void 0 ? void 0 : checkedRows.length) {
-      setSelectedRows(checkedRows);
-      setSelectedRowKeys(checkedRows.map(function (item) {
-        return item[rowKey];
-      }));
-    }
-  }, [checkedRows]);
-  (0, _react.useEffect)(function () {
-    if (onOff) {
-      onReset();
-      setVisible(true);
-    }
-  }, [onOff]);
-  return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_antd.Input, {
-    value: value,
-    readOnly: readOnly,
-    disabled: disabled,
-    placeholder: placeholder,
-    onClick: handleClick,
-    onChange: handleChangeValue,
-    className: "pro-enum-input",
-    suffix: /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, value && !disabled && /*#__PURE__*/_react.default.createElement(_icons.CloseCircleOutlined, {
-      className: "close-icon",
-      onClick: handleClearValue
-    }), /*#__PURE__*/_react.default.createElement(_antd.Button, {
-      type: "link",
-      onClick: handleClick,
-      disabled: disabled,
-      style: {
-        padding: 0,
-        height: 'auto'
-      }
-    }, "\u9009\u62E9"))
-  }), onOff && /*#__PURE__*/_react.default.createElement(_antd.Modal, {
-    title: title,
-    width: "50%",
-    onOk: handleFinish,
-    onCancel: handleClose,
-    visible: visible,
-    className: "pro-enum-select"
-  }, /*#__PURE__*/_react.default.createElement(_index.ProForm, {
-    className: "pro-enum-select-modal-form",
-    form: form,
-    columns: queryConditionColumns,
-    onFinish: handleSearch
-  }), /*#__PURE__*/_react.default.createElement(_antd.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
-  })));
-});
-var _default = ProEnumSelectModal;
-exports.default = _default;

package/lib/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/lib/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);
-      }
-    }
-  }
-}