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

package/es/old/ProCustomColumn/index.js

@@ -1,165 +0,0 @@
-import "antd/es/modal/style";
-import _Modal from "antd/es/modal";
-import "antd/es/button/style";
-import _Button from "antd/es/button";
-import _toConsumableArray from "@babel/runtime/helpers/esm/toConsumableArray";
-import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
-import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
-import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
-var _excluded = ["defaultValue", "dataSource", "width", "title", "cancelText", "okText", "onConfirm", "onOk", "onCancel"];
-import React, { useEffect, useState } from 'react';
-import { ReactSVG } from 'react-svg';
-import LeftBody from './LeftBody';
-import RightBody from './RightBody';
-import customColumnSvg from '../../assets/customColumn.svg';
-var ProCustomColumn = function ProCustomColumn(_ref) {
-  var _ref$defaultValue = _ref.defaultValue,
-    defaultValue = _ref$defaultValue === void 0 ? [] : _ref$defaultValue,
-    dataSource = _ref.dataSource,
-    _ref$width = _ref.width,
-    width = _ref$width === void 0 ? 800 : _ref$width,
-    _ref$title = _ref.title,
-    title = _ref$title === void 0 ? '自定义列' : _ref$title,
-    _ref$cancelText = _ref.cancelText,
-    cancelText = _ref$cancelText === void 0 ? '取消' : _ref$cancelText,
-    _ref$okText = _ref.okText,
-    okText = _ref$okText === void 0 ? '确定' : _ref$okText,
-    onConfirm = _ref.onConfirm,
-    onOk = _ref.onOk,
-    onCancel = _ref.onCancel,
-    rest = _objectWithoutProperties(_ref, _excluded);
-  var _useState = useState(false),
-    _useState2 = _slicedToArray(_useState, 2),
-    visible = _useState2[0],
-    setVisible = _useState2[1];
-  var _useState3 = useState([]),
-    _useState4 = _slicedToArray(_useState3, 2),
-    checkedItems = _useState4[0],
-    setCheckedItems = _useState4[1];
-  var _useState5 = useState([]),
-    _useState6 = _slicedToArray(_useState5, 2),
-    emptyCheckedItems = _useState6[0],
-    setEmptyCheckedItems = _useState6[1];
-  var _useState7 = useState([]),
-    _useState8 = _slicedToArray(_useState7, 2),
-    prevCheckedItems = _useState8[0],
-    setPrevCheckedItems = _useState8[1];
-  var _useState9 = useState([]),
-    _useState10 = _slicedToArray(_useState9, 2),
-    rightValue = _useState10[0],
-    setRightValue = _useState10[1];
-  var _useState11 = useState([]),
-    _useState12 = _slicedToArray(_useState11, 2),
-    prevRightValue = _useState12[0],
-    setPrevRightValue = _useState12[1];
-  useEffect(function () {
-    var checkedItems = [];
-    var emptyCheckedItems = [];
-    var rightValue = [];
-    defaultValue === null || defaultValue === void 0 ? void 0 : defaultValue.forEach(function (item) {
-      var _item$columns, _item$columns2, _item$columns2$filter, _item$columns3;
-      checkedItems.push({
-        key: item.key,
-        value: (_item$columns = item.columns) === null || _item$columns === void 0 ? void 0 : _item$columns.map(function (item) {
-          return item.value;
-        })
-      });
-      emptyCheckedItems.push({
-        key: item.key,
-        // @ts-ignore
-        value: (_item$columns2 = item.columns) === null || _item$columns2 === void 0 ? void 0 : (_item$columns2$filter = _item$columns2.filter(function (item) {
-          return item.disabled;
-        })) === null || _item$columns2$filter === void 0 ? void 0 : _item$columns2$filter.map(function (item) {
-          return item.value;
-        })
-      });
-      (_item$columns3 = item.columns) === null || _item$columns3 === void 0 ? void 0 : _item$columns3.forEach(function (subItem) {
-        rightValue.push(_objectSpread({
-          key: item.key
-        }, subItem));
-      });
-    });
-    setCheckedItems(checkedItems);
-    setPrevCheckedItems(checkedItems);
-    setRightValue(rightValue);
-    setPrevRightValue(rightValue);
-    setEmptyCheckedItems(emptyCheckedItems);
-  }, [defaultValue]);
-  var getRightValue = function getRightValue(values) {
-    setRightValue(values);
-  };
-  var onLeftChange = function onLeftChange(values) {
-    setCheckedItems(values);
-  };
-  var onRightChange = function onRightChange(value) {
-    if (Array.isArray(value)) {
-      setCheckedItems(emptyCheckedItems);
-    } else {
-      var key = value.key;
-      var nextCheckedItems = _toConsumableArray(checkedItems || []);
-      nextCheckedItems = nextCheckedItems.map(function (item) {
-        if (item.key === key) {
-          var nextItemValue = item.value.filter(function (i) {
-            return i !== value.value;
-          });
-          return {
-            key: key,
-            value: nextItemValue
-          };
-        }
-        return item;
-      });
-      setCheckedItems(nextCheckedItems);
-    }
-  };
-  var _onOk = function _onOk() {
-    onConfirm && onConfirm(rightValue);
-    setPrevRightValue(rightValue);
-    setPrevCheckedItems(checkedItems);
-    setVisible(false);
-  };
-  var _onCancel = function _onCancel(event) {
-    setVisible(false);
-    setRightValue(prevRightValue);
-    setCheckedItems(prevCheckedItems);
-    onCancel && onCancel(event);
-  };
-  return /*#__PURE__*/React.createElement("div", {
-    className: "pro-custom-column"
-  }, /*#__PURE__*/React.createElement(_Button, {
-    className: "custom-column-btn",
-    icon: /*#__PURE__*/React.createElement(ReactSVG, {
-      className: "anticon",
-      wrapper: "span",
-      src: customColumnSvg
-    }),
-    onClick: function onClick() {
-      return setVisible(true);
-    }
-  }, "\u81EA\u5B9A\u4E49\u5217"), /*#__PURE__*/React.createElement(_Modal, _objectSpread({
-    className: "pro-custom-column-modal",
-    width: width,
-    bodyStyle: {
-      paddingTop: 0
-    },
-    open: visible,
-    title: title,
-    okText: okText,
-    cancelText: cancelText,
-    onOk: _onOk,
-    onCancel: _onCancel
-  }, rest), /*#__PURE__*/React.createElement("div", {
-    className: "main"
-  }, /*#__PURE__*/React.createElement(LeftBody, {
-    dataSource: dataSource,
-    onChange: onLeftChange,
-    value: checkedItems,
-    rightValue: rightValue,
-    getRightValue: getRightValue
-  }), /*#__PURE__*/React.createElement(RightBody, {
-    onChange: onRightChange,
-    value: rightValue,
-    getRightValue: getRightValue
-  }))));
-};
-export default ProCustomColumn;

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

@@ -1,39 +0,0 @@
-import React from 'react';
-import { CheckboxOptionType, CheckboxValueType } from 'antd/lib/checkbox/Group';
-import { ModalProps } from 'antd/lib/modal';
-export interface RightValueItemPropsType extends CheckboxOptionType {
-    key: string | number;
-    value: any;
-}
-export interface ColumnsPropsType {
-    title: string;
-    key: number | string;
-    columns: CheckboxOptionType[];
-}
-export interface ProCustomColumnPropsType {
-    defaultValue: ColumnsPropsType[];
-    dataSource: ColumnsPropsType[];
-    onConfirm?: (value: RightValueItemPropsType[]) => void;
-    onCancel?: (value: RightValueItemPropsType[]) => void;
-}
-export interface InnerModalPropsType extends ModalProps {
-    onOk?: (value: RightValueItemPropsType | React.MouseEvent<HTMLElement, MouseEvent>) => void;
-}
-export interface CheckedItemsPropsType {
-    key: number | string;
-    value: CheckboxValueType[];
-}
-export interface ProColumnItemPropsType extends ColumnsPropsType {
-    itemKey: number | string;
-    value?: CheckboxValueType[];
-    rightValue: RightValueItemPropsType[];
-    getRightValue: (values: RightValueItemPropsType[]) => void;
-    onChange: (values: CheckboxValueType[]) => void;
-}
-export interface LeftBodyPropsType {
-    dataSource: ColumnsPropsType[];
-    value?: CheckedItemsPropsType[];
-    rightValue: RightValueItemPropsType[];
-    getRightValue: (values: RightValueItemPropsType[]) => void;
-    onChange: (values: CheckedItemsPropsType[]) => void;
-}

package/es/old/ProCustomColumn/style/LeftBody.less

@@ -1,74 +0,0 @@
-.pro-custom-column-modal {
-  .leftBody {
-    width: 70%;
-    flex-shrink: 0;
-    height: 100%;
-    border: 1px solid #DCDCDC;
-    border-radius: var(--zaui-border-radius, 4px);
-    .ant-input-affix-wrapper {
-      height: 40px;
-      padding: var(--zaui-space-size-xs, 4px) var(--zaui-space-size-md, 16px);
-      background: unset;
-      border: none;
-      border-bottom: 1px solid #DCDCDC;
-      border-radius: 0;
-      &:hover {
-        border-bottom: 1px solid #DCDCDC;
-      }
-    }
-    .ant-input {
-      background: unset;
-    }
-    .ant-input-affix-wrapper:focus,
-    .ant-input-affix-wrapper-focused {
-      box-shadow: none;
-    }
-    > h4 {
-      height: 40px;
-      padding-left: var(--zaui-space-size-md, 16px);
-      line-height: 40px;
-      background: #F6F7F8;
-      border-radius: var(--zaui-border-radius, 4px) var(--zaui-border-radius, 4px) 0 0;
-      color: #616161;
-    }
-    .list {
-      height: calc(100% - 86px);
-      padding: var(--zaui-space-size-sm, 8px) 0 var(--zaui-space-size-sm, 8px) var(--zaui-space-size-md, 16px);
-      overflow-y: auto;
-      .noData {
-        height: 100%;
-        display: flex;
-        align-items: center;
-        justify-content: center;
-        flex-direction: column;
-        color: #616161;
-        .emptyImg {
-          margin-bottom: var(--zaui-space-size-md, 16px);
-          width: 80px;
-        }
-      }
-      .listItem {
-        margin-bottom: var(--zaui-space-size-md, 16px);
-        list-style-type: none;
-        h4 {
-          margin-bottom: var(--zaui-space-size-sm, 8px);
-        }
-      }
-      .ant-checkbox-wrapper {
-        margin-bottom: var(--zaui-space-size-md, 16px);
-      }
-      .ant-checkbox-group {
-        display: block;
-        .ant-checkbox-group-item {
-          width: 29%;
-          margin-bottom: var(--zaui-space-size-md, 16px);
-          margin-right: var(--zaui-space-size-md, 16px);
-
-          .ant-checkbox + span {
-            word-break: break-all;
-          }
-        }
-      }
-    }
-  }
-}

package/es/old/ProCustomColumn/style/RightBody.less

@@ -1,25 +0,0 @@
-.pro-custom-column-modal {
-  .rightBody {
-    flex: 1;
-    margin-left: var(--zaui-space-size-md, 16px);
-    border: 1px solid #DCDCDC;
-    border-radius: var(--zaui-border-radius, 4px);
-    .header {
-      display: flex;
-      align-items: center;
-      justify-content: space-between;
-      height: 40px;
-      padding: 0 0 0 var(--zaui-space-size-md, 16px);
-      background: #F6F7F8;
-      color: #616161;
-    }
-
-    .list {
-      height: calc(100% - 40px);
-      overflow-y: auto;
-      overflow-x: hidden;
-      padding: var(--zaui-space-size-ms, 8px);
-      padding-bottom: 0;
-    }
-  }
-}

package/es/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/es/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/es/old/ProEnumSelectModal/hooks/useRequestList.js

@@ -1,110 +0,0 @@
-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$transformDat;
-  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,
-    transformDataSource: (_options$transformDat = options === null || options === void 0 ? void 0 : options.transformDataSource) !== null && _options$transformDat !== void 0 ? _options$transformDat : defaultTransform
-  });
-};
-export default 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 = useState(),
-    _useState4 = _slicedToArray(_useState3, 2),
-    searchValues = _useState4[0],
-    setSearchValues = _useState4[1];
-  // 当次执行service的请求,包括page参数
-  var params = useMemo(function () {
-    var _condition = _objectSpread(_objectSpread({}, condition), searchValues);
-    return withPagination ? _objectSpread(_objectSpread({}, page), {}, {
-      condition: _condition !== null && _condition !== void 0 ? _condition : {}
-    }) : _condition;
-  }, [condition, 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: 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/es/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;