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

package/es/ProUpload/FileItem.js

@@ -1,207 +0,0 @@
-import "antd/es/progress/style";
-import _Progress from "antd/es/progress";
-import "antd/es/button/style";
-import _Button from "antd/es/button";
-/*
- * @Author: wangshengqiang
- * @Date: 2023-02-11 19:03:05
- * @LastEditTime: 2023-04-25 11:30:33
- * @LastEditors: wangshengqiang
- * @Description: 上传文件列表项
- */
-import React from 'react';
-import { ReactSVG } from 'react-svg';
-import PDF from './style/icon-PDF.png';
-import TXT from './style/icon-TXT.png';
-import EXCEL from './style/icon-excel.png';
-import PIC from './style/icon-pic.png';
-import WORD from './style/icon-word.png';
-import lookSvg from './style/look.svg';
-import deleteSvg from './style/delete.svg';
-import downloadSvg from './style/download.svg';
-import './style/fileItem.less';
-/**
- * @description: b 转成 Kb
- * @param {*} num
- * @return {*}
- */
-export var bToKb = function bToKb(num) {
-  return num ? (num / 1024).toFixed(2) : '';
-};
-/**
- * @description: 获取文件后缀名
- * @param {*} fileName
- * @return {*}
- */
-export var getFileExt = function getFileExt(fileName) {
-  return fileName.substring(fileName.lastIndexOf('.'));
-};
-/**
- * @description: 根据文件扩展名获取图标地址
- * @param {string} fileExt
- * @return {*}
- */
-export var getFileIcon = function getFileIcon(fileExt) {
-  if (['.PDF'].includes(fileExt.toLocaleUpperCase())) return PDF;
-  if (['.TXT', '.JSON'].includes(fileExt.toLocaleUpperCase())) return TXT;
-  if (['.PNG', '.JPG', '.JPEG'].includes(fileExt.toLocaleUpperCase())) return PIC;
-  if (['.DOC', '.DOCX'].includes(fileExt.toLocaleUpperCase())) return WORD;
-  if (['.XLS', '.XLSX'].includes(fileExt.toLocaleUpperCase())) return EXCEL;
-  return TXT;
-};
-var FileItem = function FileItem(props) {
-  var file = props.file,
-    disabled = props.disabled,
-    _props$hideFileIcon = props.hideFileIcon,
-    hideFileIcon = _props$hideFileIcon === void 0 ? false : _props$hideFileIcon,
-    onRemove = props.onRemove,
-    onDownload = props.onDownload,
-    onPreview = props.onPreview,
-    _props$showRemoveIcon = props.showRemoveIcon,
-    showRemoveIcon = _props$showRemoveIcon === void 0 ? true : _props$showRemoveIcon;
-  var _onPreview = function _onPreview() {
-    if (onPreview) {
-      return onPreview(file);
-    }
-  };
-  var _onDownload = function _onDownload() {
-    if (onDownload) {
-      return onDownload(file);
-    }
-  };
-  var _onRemove = function _onRemove() {
-    if (onRemove) {
-      return onRemove(file);
-    }
-  };
-  var _fileExt = getFileExt(file.name);
-  var _fileSize = bToKb(file.size);
-  var _fileIcon = getFileIcon(_fileExt);
-  var _isShowDownloadIcon = file.status === 'done' && onDownload;
-  var _showPreViewIcon = file.status === 'done';
-  var _showRemoveIcon = showRemoveIcon;
-  return /*#__PURE__*/React.createElement("div", {
-    className: "filelist-item-wrapper"
-  }, /*#__PURE__*/React.createElement("div", {
-    className: "file-info-box ".concat(file.status === 'error' ? 'file-box-error' : '')
-  }, !hideFileIcon && /*#__PURE__*/React.createElement("div", {
-    className: "file-type-icon"
-  }, /*#__PURE__*/React.createElement("img", {
-    src: _fileIcon
-  })), /*#__PURE__*/React.createElement("div", {
-    className: "file-name ".concat(hideFileIcon ? 'file-name-pf0' : '')
-  }, file.name.replace(_fileExt, '')), /*#__PURE__*/React.createElement("div", {
-    className: "file-ext"
-  }, _fileExt), /*#__PURE__*/React.createElement("div", {
-    className: "file-size"
-  }, "(".concat(_fileSize || 0, "kb)")), /*#__PURE__*/React.createElement("div", {
-    className: "file-actions-wrap"
-  }, /*#__PURE__*/React.createElement("div", {
-    className: "file-actions"
-  }, _isShowDownloadIcon && /*#__PURE__*/React.createElement(_Button, {
-    type: "link",
-    className: "file-action-item",
-    disabled: disabled,
-    onClick: _onDownload
-  }, /*#__PURE__*/React.createElement(ReactSVG, {
-    className: "action-icon",
-    wrapper: "span",
-    src: downloadSvg
-  })), _showPreViewIcon && /*#__PURE__*/React.createElement(_Button, {
-    type: "link",
-    className: "file-action-item",
-    disabled: disabled,
-    onClick: _onPreview
-  }, /*#__PURE__*/React.createElement(ReactSVG, {
-    className: "action-icon",
-    wrapper: "span",
-    color: "#006aff",
-    src: lookSvg
-  })), _showRemoveIcon && /*#__PURE__*/React.createElement(_Button, {
-    type: "link",
-    className: "file-action-item",
-    disabled: disabled,
-    onClick: _onRemove
-  }, /*#__PURE__*/React.createElement(ReactSVG, {
-    className: "action-icon",
-    wrapper: "span",
-    src: deleteSvg
-  }))))), file.status === 'uploading' && /*#__PURE__*/React.createElement("div", {
-    className: "file-progress"
-  }, /*#__PURE__*/React.createElement(_Progress, {
-    percent: Math.ceil(file.percent),
-    size: "small",
-    strokeWidth: 2
-  })));
-};
-var DragSingleFileItem = function DragSingleFileItem(props) {
-  var file = props.file,
-    disabled = props.disabled,
-    onRemove = props.onRemove,
-    onDownload = props.onDownload,
-    onPreview = props.onPreview,
-    _props$showRemoveIcon2 = props.showRemoveIcon,
-    showRemoveIcon = _props$showRemoveIcon2 === void 0 ? true : _props$showRemoveIcon2;
-  var _onPreview = function _onPreview() {
-    if (onPreview) {
-      return onPreview(file);
-    }
-  };
-  var _onDownload = function _onDownload() {
-    if (onDownload) {
-      return onDownload(file);
-    }
-  };
-  var _onRemove = function _onRemove() {
-    if (onRemove) {
-      return onRemove(file);
-    }
-  };
-  var _fileExt = getFileExt(file.name);
-  var _fileSize = bToKb(file.size);
-  var _fileIcon = getFileIcon(_fileExt);
-  var _isShowDownloadIcon = file.status === 'done' && onDownload;
-  var _showPreViewIcon = file.status === 'done';
-  var _showRemoveIcon = showRemoveIcon;
-  return /*#__PURE__*/React.createElement("div", {
-    className: "drag-Single-item-wrapper"
-  }, /*#__PURE__*/React.createElement("div", {
-    className: "file-info-box ".concat(file.status === 'error' ? 'file-box-error' : '')
-  }, /*#__PURE__*/React.createElement("div", {
-    className: "file-name"
-  }, file.name.replace(_fileExt, '')), /*#__PURE__*/React.createElement("div", {
-    className: "file-ext"
-  }, _fileExt), /*#__PURE__*/React.createElement("div", {
-    className: "file-size"
-  }, "(".concat(_fileSize || 0, "kb)")), (_isShowDownloadIcon || _showPreViewIcon || _showRemoveIcon) && /*#__PURE__*/React.createElement("div", {
-    className: "file-actions-wrap"
-  }, /*#__PURE__*/React.createElement("div", {
-    className: "file-actions"
-  }, _isShowDownloadIcon && /*#__PURE__*/React.createElement(_Button, {
-    type: "link",
-    className: "file-action-item",
-    disabled: disabled,
-    onClick: _onDownload
-  }, /*#__PURE__*/React.createElement(ReactSVG, {
-    className: "action-icon",
-    wrapper: "span",
-    src: downloadSvg
-  })), _showPreViewIcon && /*#__PURE__*/React.createElement(_Button, {
-    type: "link",
-    className: "file-action-item",
-    disabled: disabled,
-    onClick: _onPreview
-  }, /*#__PURE__*/React.createElement(ReactSVG, {
-    className: "action-icon",
-    wrapper: "span",
-    color: "#006aff",
-    src: lookSvg
-  }))))), file.status === 'uploading' && /*#__PURE__*/React.createElement("div", {
-    className: "file-progress"
-  }, /*#__PURE__*/React.createElement(_Progress, {
-    percent: Math.ceil(file.percent),
-    size: "small",
-    strokeWidth: 2
-  })));
-};
-export { DragSingleFileItem, FileItem };

package/es/ProUpload/style/delete.svg

@@ -1 +0,0 @@
-<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg t="1678851089478" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="9199" xmlns:xlink="http://www.w3.org/1999/xlink" width="18" height="18"><path d="M662.08 121.472v64h-300.16v-64zM868.48 280.96v64H155.52v-64z" p-id="9200" fill="currentColor"></path><path d="M280.512 303.232l-0.064 530.816h460.096V303.232h64v594.88H216.512V303.232z" p-id="9201" fill="currentColor"></path><path d="M431.424 440.704v337.728h-64V440.704zM656.576 440.704v337.728h-64V440.704z" p-id="9202" fill="currentColor"></path></svg>

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

@@ -1,4 +0,0 @@
-import { FC } from 'react';
-import { LeftBodyPropsType } from './propsType';
-declare const LeftBody: FC<LeftBodyPropsType>;
-export default LeftBody;

package/es/old/ProCustomColumn/LeftBody.js

@@ -1,206 +0,0 @@
-import "antd/es/input/style";
-import _Input from "antd/es/input";
-import _toConsumableArray from "@babel/runtime/helpers/esm/toConsumableArray";
-import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
-import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
-import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
-import "antd/es/checkbox/style";
-import _Checkbox from "antd/es/checkbox";
-var _excluded = ["dataSource", "onChange", "value"];
-import { SearchOutlined } from '@ant-design/icons';
-import React, { useEffect, useState } from 'react';
-import emptyImg from '../../assets/empty.png';
-// import "./style/index.less";
-var CheckboxGroup = _Checkbox.Group;
-var ProColumnItem = function ProColumnItem(_ref) {
-  var itemKey = _ref.itemKey,
-    title = _ref.title,
-    columns = _ref.columns,
-    onChange = _ref.onChange,
-    value = _ref.value,
-    rightValue = _ref.rightValue,
-    getRightValue = _ref.getRightValue;
-  var _useState = useState(false),
-    _useState2 = _slicedToArray(_useState, 2),
-    indeterminate = _useState2[0],
-    setIndeterminate = _useState2[1];
-  var _useState3 = useState(false),
-    _useState4 = _slicedToArray(_useState3, 2),
-    checkAll = _useState4[0],
-    setCheckAll = _useState4[1];
-  var _useState5 = useState([]),
-    _useState6 = _slicedToArray(_useState5, 2),
-    plainOptions = _useState6[0],
-    setPlainOptions = _useState6[1];
-  var _useState7 = useState([]),
-    _useState8 = _slicedToArray(_useState7, 2),
-    checkedList = _useState8[0],
-    setCheckedList = _useState8[1];
-  var _useState9 = useState(false),
-    _useState10 = _slicedToArray(_useState9, 2),
-    allCheckDisabled = _useState10[0],
-    setAllCheckDisabled = _useState10[1];
-  useEffect(function () {
-    if (value) {
-      setCheckedList(value);
-      if (value.length === columns.length) {
-        setCheckAll(true);
-      } else {
-        setCheckAll(false);
-      }
-    } else {
-      setCheckedList([]);
-      setCheckAll(false);
-    }
-    setIndeterminate(!!(value === null || value === void 0 ? void 0 : value.length) && value.length < plainOptions.length);
-  }, [value, columns]);
-  useEffect(function () {
-    var options = columns.map(function (item) {
-      return item.value;
-    });
-    setPlainOptions(options);
-    setAllCheckDisabled(columns.some(function (item) {
-      return item.disabled;
-    }));
-  }, [columns]);
-  var handleRightValue = function handleRightValue(list) {
-    var nextRightValue = columns.filter(function (item) {
-      return list.includes(item.value);
-    });
-    getRightValue(nextRightValue.map(function (item) {
-      return _objectSpread({
-        key: itemKey
-      }, item);
-    }));
-  };
-  var _onChange = function _onChange(list) {
-    onChange(list);
-    setIndeterminate(!!list.length && list.length < plainOptions.length);
-    setCheckAll(list.length === plainOptions.length);
-    handleRightValue(list);
-  };
-  var onCheckAllChange = function onCheckAllChange(e) {
-    var selectOptions = e.target.checked ? plainOptions : [];
-    onChange(selectOptions);
-    setIndeterminate(false);
-    setCheckAll(e.target.checked);
-    handleRightValue(selectOptions);
-  };
-  return /*#__PURE__*/React.createElement("div", null, title && /*#__PURE__*/React.createElement("h4", null, title), /*#__PURE__*/React.createElement(_Checkbox, {
-    indeterminate: indeterminate,
-    onChange: onCheckAllChange,
-    checked: checkAll,
-    disabled: allCheckDisabled
-  }, "\u5168\u9009"), /*#__PURE__*/React.createElement(CheckboxGroup, {
-    options: columns,
-    onChange: _onChange,
-    value: checkedList
-  }));
-};
-var LeftBody = function LeftBody(_ref2) {
-  var dataSource = _ref2.dataSource,
-    onChange = _ref2.onChange,
-    value = _ref2.value,
-    rest = _objectWithoutProperties(_ref2, _excluded);
-  var _useState11 = useState([]),
-    _useState12 = _slicedToArray(_useState11, 2),
-    checkedItems = _useState12[0],
-    setCheckedItems = _useState12[1];
-  var _useState13 = useState([]),
-    _useState14 = _slicedToArray(_useState13, 2),
-    filteredItems = _useState14[0],
-    setFilteredItems = _useState14[1];
-  useEffect(function () {
-    if (value) {
-      setCheckedItems(value);
-    }
-  }, [value]);
-  useEffect(function () {
-    setFilteredItems(dataSource);
-  }, [dataSource]);
-  var handleSearch = function handleSearch(event) {
-    if (!event.target.value) {
-      setFilteredItems(dataSource);
-    } else {
-      var items = [];
-      dataSource.forEach(function (item) {
-        var _columns = [];
-        item.columns.forEach(function (i) {
-          if (i.label && i.label.toString().indexOf(event.target.value) > -1) {
-            _columns.push(i);
-          }
-        });
-        if (_columns.length > 0) {
-          items.push({
-            key: item.key,
-            title: item.title,
-            columns: _columns
-          });
-        }
-      });
-      setFilteredItems(items);
-    }
-  };
-  var _onChange = function _onChange(key) {
-    return function (values) {
-      var targetCategory = checkedItems.find(function (item) {
-        return item.key === key;
-      });
-      var nextCheckedItems = _toConsumableArray(checkedItems);
-      if (targetCategory) {
-        nextCheckedItems = checkedItems.map(function (item) {
-          if (item.key === key) {
-            return {
-              key: key,
-              value: values
-            };
-          }
-          return item;
-        });
-      } else {
-        nextCheckedItems.push({
-          key: key,
-          value: values
-        });
-      }
-      onChange(nextCheckedItems);
-    };
-  };
-  var columnsEles = filteredItems.map(function (item) {
-    var checkItem = checkedItems.find(function (i) {
-      return i.key === item.key;
-    });
-    var _ref3 = checkItem || {},
-      itemValue = _ref3.value;
-    return /*#__PURE__*/React.createElement("li", {
-      key: item.key,
-      className: "listItem"
-    }, /*#__PURE__*/React.createElement(ProColumnItem, _objectSpread(_objectSpread(_objectSpread({}, item), {}, {
-      onChange: _onChange(item.key),
-      value: itemValue
-    }, rest), {}, {
-      itemKey: item.key
-    })));
-  });
-  return /*#__PURE__*/React.createElement("div", {
-    className: "leftBody"
-  }, /*#__PURE__*/React.createElement("h4", null, "\u53EF\u6DFB\u52A0\u7684\u5217"), /*#__PURE__*/React.createElement(_Input, {
-    placeholder: "\u8BF7\u8F93\u5165\u5217\u540D\u79F0\u8FDB\u884C\u67E5\u8BE2",
-    prefix: /*#__PURE__*/React.createElement(SearchOutlined, {
-      style: {
-        color: '#bcbcbc'
-      }
-    }),
-    allowClear: true,
-    onChange: handleSearch
-  }), /*#__PURE__*/React.createElement("ul", {
-    className: "list"
-  }, (filteredItems === null || filteredItems === void 0 ? void 0 : filteredItems.length) > 0 ? columnsEles : /*#__PURE__*/React.createElement("div", {
-    className: "noData"
-  }, /*#__PURE__*/React.createElement("img", {
-    className: "emptyImg",
-    src: emptyImg,
-    alt: "\u6682\u65E0\u6570\u636E"
-  }), "\u672A\u627E\u5230\u76F8\u5173\u7ED3\u679C")));
-};
-export default LeftBody;

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

@@ -1,9 +0,0 @@
-import { FC } from 'react';
-import { RightValueItemPropsType } from './propsType';
-interface RightBodyPropsType {
-    value?: RightValueItemPropsType[];
-    getRightValue: (values: RightValueItemPropsType[]) => void;
-    onChange: (value: RightValueItemPropsType | []) => void;
-}
-declare const RightBody: FC<RightBodyPropsType>;
-export default RightBody;

package/es/old/ProCustomColumn/RightBody.js

@@ -1,145 +0,0 @@
-import "antd/es/button/style";
-import _Button from "antd/es/button";
-import _toConsumableArray from "@babel/runtime/helpers/esm/toConsumableArray";
-import "antd/es/tag/style";
-import _Tag from "antd/es/tag";
-import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
-import React from 'react';
-import { DndContext } from '@dnd-kit/core';
-import { arrayMove, useSortable, SortableContext, verticalListSortingStrategy } from '@dnd-kit/sortable';
-import { CSS } from '@dnd-kit/utilities';
-import { ReactSVG } from 'react-svg';
-import { ProTooltip } from '../../index';
-import disabledSvg from '../../assets/disabled.svg';
-import dragSvg from '../../assets/drag.svg';
-var SortableItem = function SortableItem(props) {
-  var label = props.label,
-    item = props.item,
-    _onClose = props.onClose;
-  var data = useSortable({
-    id: props['data-row-key'],
-    disabled: item.disabled
-  });
-  var attributes = data.attributes,
-    listeners = data.listeners,
-    setNodeRef = data.setNodeRef,
-    transform = data.transform,
-    transition = data.transition,
-    isDragging = data.isDragging;
-  var style = _objectSpread(_objectSpread({}, props.style), {}, {
-    transform: CSS.Transform.toString(transform && _objectSpread(_objectSpread({}, transform), {}, {
-      scaleY: 1
-    })),
-    transition: transition
-  }, isDragging ? {
-    position: 'relative',
-    zIndex: 9999
-  } : {});
-  return /*#__PURE__*/React.createElement("li", _objectSpread({
-    ref: item.disabled ? null : setNodeRef,
-    style: style,
-    className: "right-list-item ".concat(item.disabled ? 'disabled' : '')
-  }, item.disabled ? {} : attributes), /*#__PURE__*/React.createElement(_Tag, {
-    closable: true,
-    onClose: function onClose(e) {
-      return _onClose(e);
-    }
-  }, item.disabled ? /*#__PURE__*/React.createElement(ReactSVG, {
-    className: "disabled-icon",
-    src: disabledSvg
-  }) : /*#__PURE__*/React.createElement(ReactSVG, _objectSpread({
-    className: "drag-icon",
-    src: dragSvg
-  }, listeners)), /*#__PURE__*/React.createElement(ProTooltip, {
-    text: label
-  }, label)));
-};
-var RightBody = function RightBody(_ref) {
-  var value = _ref.value,
-    onChange = _ref.onChange,
-    getRightValue = _ref.getRightValue;
-  var min = -1;
-  var max = (value === null || value === void 0 ? void 0 : value.length) || 0;
-  var minFlag = false;
-  var maxFlag = false;
-  value === null || value === void 0 ? void 0 : value.forEach(function (item, index) {
-    if (item.disabled && !minFlag) {
-      min = index;
-    } else {
-      minFlag = true;
-    }
-    if (!item.disabled && !maxFlag) {
-      maxFlag = true;
-    } else if (maxFlag && item.disabled) {
-      max = index;
-      maxFlag = false;
-    }
-  });
-  var _onClose2 = function onClose(itemValue) {
-    var targetItem = value === null || value === void 0 ? void 0 : value.find(function (item) {
-      return item.value === itemValue;
-    });
-    if (targetItem) {
-      onChange(targetItem);
-    }
-    var nextValue = _toConsumableArray(value || []);
-    nextValue = nextValue.filter(function (item) {
-      return item.value !== itemValue;
-    });
-    getRightValue(nextValue);
-  };
-  var handleClear = function handleClear() {
-    var nextValue = _toConsumableArray(value || []);
-    nextValue = nextValue.filter(function (item) {
-      return !!item.disabled;
-    });
-    // @ts-ignore
-    onChange([]);
-    getRightValue(nextValue);
-  };
-  var onDragEnd = function onDragEnd(_ref2) {
-    var active = _ref2.active,
-      over = _ref2.over;
-    if (active.id !== (over === null || over === void 0 ? void 0 : over.id)) {
-      var activeIndex = value.findIndex(function (i) {
-        return i.value === active.id;
-      });
-      var overIndex = value.findIndex(function (i) {
-        return i.value === (over === null || over === void 0 ? void 0 : over.id);
-      });
-      if (overIndex <= min || overIndex >= max) {
-        return;
-      }
-      var nextValue = arrayMove(value, activeIndex, overIndex);
-      getRightValue(nextValue);
-    }
-  };
-  return /*#__PURE__*/React.createElement("div", {
-    className: "rightBody"
-  }, /*#__PURE__*/React.createElement("div", {
-    className: "header"
-  }, /*#__PURE__*/React.createElement("span", null, "\u5DF2\u9009", value ? value.length : 0, "\u5217"), /*#__PURE__*/React.createElement(_Button, {
-    type: "link",
-    onClick: handleClear
-  }, "\u6E05\u7A7A")), /*#__PURE__*/React.createElement("div", {
-    className: "list"
-  }, /*#__PURE__*/React.createElement(DndContext, {
-    onDragEnd: onDragEnd
-  }, /*#__PURE__*/React.createElement(SortableContext, {
-    items: value.map(function (i) {
-      return i.value;
-    }),
-    strategy: verticalListSortingStrategy
-  }, value === null || value === void 0 ? void 0 : value.map(function (item) {
-    return /*#__PURE__*/React.createElement(SortableItem, {
-      key: "item-".concat(item.value),
-      "data-row-key": item.value,
-      label: item.label,
-      item: item,
-      onClose: function onClose() {
-        return _onClose2(item.value);
-      }
-    });
-  })))));
-};
-export default RightBody;

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

@@ -1,4 +0,0 @@
-import { FC } from 'react';
-import { InnerModalPropsType, ProCustomColumnPropsType } from './propsType';
-declare const ProCustomColumn: FC<ProCustomColumnPropsType & InnerModalPropsType>;
-export default ProCustomColumn;