@zat-design/sisyphus-react 3.0.13

package/lib/old/ProCertValidity/index.js

@@ -0,0 +1,188 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = exports.ProCertValidity = void 0;
+var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/objectSpread2"));
+var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
+var _antd = require("antd");
+var _moment = _interopRequireDefault(require("moment"));
+var _react = _interopRequireWildcard(require("react"));
+var _excluded = ["value", "onChange", "disabled", "isRange", "getPopupContainer", "showForever", "proformmode"];
+var RangePicker = _antd.DatePicker.RangePicker;
+var defaultFormatDate = "YYYY-MM-DD";
+var defaultPopupContainer = function defaultPopupContainer(triggerNode) {
+  return triggerNode.parentNode || document.body;
+};
+// 校验当前时间是否永久
+var checkIsForever = function checkIsForever(date) {
+  return date === "9999-01-01";
+};
+/**
+ * 继承了antd原本DatePicker 与 RangePicker接口，
+ * 可以在这里使用所有原有antd DatePicker的属性和事件，
+ * 并根据自身需要进行扩展
+ */
+var ProCertValidity = /*#__PURE__*/(0, _react.forwardRef)(function (_ref, ref) {
+  var _value3;
+  var value = _ref.value,
+    onChange = _ref.onChange,
+    _ref$disabled = _ref.disabled,
+    disabled = _ref$disabled === void 0 ? false : _ref$disabled,
+    _ref$isRange = _ref.isRange,
+    isRange = _ref$isRange === void 0 ? false : _ref$isRange,
+    _ref$getPopupContaine = _ref.getPopupContainer,
+    getPopupContainer = _ref$getPopupContaine === void 0 ? defaultPopupContainer : _ref$getPopupContaine,
+    _ref$showForever = _ref.showForever,
+    showForever = _ref$showForever === void 0 ? true : _ref$showForever,
+    proformmode = _ref.proformmode,
+    restProps = (0, _objectWithoutProperties2.default)(_ref, _excluded);
+  var isChange = (0, _react.useRef)(false);
+  var rangeTime = (0, _react.useMemo)(function () {
+    value = value || {};
+    if (isRange) {
+      var _value = value,
+        startTime = _value.startTime,
+        endTime = _value.endTime,
+        forever = _value.forever;
+      if (forever === "Y") {
+        return {
+          range: [(0, _moment.default)("9999-01-01"), (0, _moment.default)("9999-01-01")],
+          forever: true
+        };
+      }
+      if (startTime && endTime) {
+        var tempStartDate = (0, _moment.default)(startTime).format(defaultFormatDate);
+        var tempEndDate = (0, _moment.default)(endTime).format(defaultFormatDate);
+        if ((!forever || forever === "N") && !checkIsForever(tempStartDate) && !checkIsForever(tempEndDate)) {
+          return {
+            range: [(0, _moment.default)(startTime), (0, _moment.default)(endTime)],
+            forever: false
+          };
+        }
+        if (checkIsForever(tempStartDate) && checkIsForever(tempEndDate) && !isChange.current) {
+          return {
+            range: [(0, _moment.default)("9999-01-01"), (0, _moment.default)("9999-01-01")],
+            forever: true
+          };
+        }
+      }
+    } else {
+      if (typeof value === "string" || value._isAMomentObject) {
+        var tempDate = (0, _moment.default)(value).format(defaultFormatDate);
+        if (tempDate && tempDate === "9999-01-01") {
+          return {
+            range: (0, _moment.default)("9999-01-01"),
+            forever: true
+          };
+        } else {
+          return {
+            range: (0, _moment.default)(value),
+            forever: false
+          };
+        }
+      }
+      var _value2 = value,
+        dateTime = _value2.dateTime,
+        _forever = _value2.forever;
+      if (_forever === "Y") {
+        return {
+          range: (0, _moment.default)("9999-01-01"),
+          forever: true
+        };
+      }
+      if (dateTime) {
+        var _tempDate = (0, _moment.default)(dateTime).format(defaultFormatDate);
+        if ((!_forever || _forever === "N") && _tempDate !== "9999-01-01") {
+          return {
+            range: (0, _moment.default)(dateTime),
+            forever: false
+          };
+        }
+        if (_tempDate && _tempDate === "9999-01-01" && !isChange.current) {
+          return {
+            range: (0, _moment.default)("9999-01-01"),
+            forever: true
+          };
+        }
+      }
+    }
+    return {};
+  }, [value, (_value3 = value) === null || _value3 === void 0 ? void 0 : _value3.dateTime]);
+  var changeRangeTime = function changeRangeTime(values) {
+    onChange({
+      startTime: values ? (0, _moment.default)(values === null || values === void 0 ? void 0 : values[0]).format(defaultFormatDate) : null,
+      endTime: values ? (0, _moment.default)(values === null || values === void 0 ? void 0 : values[1]).format(defaultFormatDate) : null,
+      forever: "N"
+    });
+  };
+  var changeDateTime = function changeDateTime(values) {
+    onChange({
+      dateTime: values ? values.format(defaultFormatDate) : null,
+      forever: "N"
+    });
+  };
+  var changeForever = function changeForever(e) {
+    var tempValue = isRange ? {
+      dateTime: e.target.checked ? "9999-01-01" : null,
+      forever: e.target.checked ? "Y" : "N",
+      isLong: e.target.checked ? "Y" : "N"
+    } : {
+      startTime: "9999-01-01",
+      endTime: "9999-01-01",
+      forever: e.target.checked ? "Y" : "N"
+    };
+    isChange.current = true;
+    onChange(tempValue);
+  };
+  if (proformmode === "view") {
+    var _value4 = "";
+    if (rangeTime.forever) {
+      _value4 = "长期";
+    } else {
+      _value4 = rangeTime.range ? (0, _moment.default)(rangeTime.range).format(defaultFormatDate) : null;
+    }
+    return /*#__PURE__*/_react.default.createElement(_antd.Input, {
+      value: _value4,
+      disabled: true,
+      bordered: false
+    });
+  }
+  return /*#__PURE__*/_react.default.createElement(_antd.Input.Group, {
+    compact: true
+  }, isRange ? /*#__PURE__*/_react.default.createElement(RangePicker, (0, _objectSpread2.default)({
+    value: rangeTime.range,
+    onChange: changeRangeTime,
+    getPopupContainer: getPopupContainer,
+    disabled: disabled || rangeTime.forever,
+    style: {
+      width: "calc(100% - 84px)"
+    }
+  }, restProps)) : /*#__PURE__*/_react.default.createElement(_antd.DatePicker, (0, _objectSpread2.default)({
+    value: rangeTime.range,
+    onChange: changeDateTime,
+    getPopupContainer: getPopupContainer,
+    disabled: disabled || rangeTime.forever,
+    style: {
+      width: "calc(100% - 84px)"
+    }
+  }, restProps)), showForever && /*#__PURE__*/_react.default.createElement("div", {
+    className: "ant-input",
+    style: {
+      width: "84px"
+    }
+  }, /*#__PURE__*/_react.default.createElement(_antd.Checkbox, {
+    checked: rangeTime.forever,
+    onChange: changeForever,
+    disabled: disabled,
+    style: {
+      width: "60px"
+    }
+  }, "\u957F\u671F")));
+});
+exports.ProCertValidity = ProCertValidity;
+var _default = ProCertValidity;
+exports.default = _default;

package/lib/old/ProCertValidity/propsType.d.ts

@@ -0,0 +1,19 @@
+import { DatePickerProps, RangePickerProps } from "antd/lib/date-picker";
+import moment from "moment";
+interface ICertValidityValuePropsType {
+    dateTime?: moment.Moment | string;
+    forever?: string;
+}
+interface ICertValidityRangeValuePropsType {
+    startTime?: moment.Moment | string;
+    endTime?: moment.Moment | string;
+    forever?: string;
+}
+interface IProCertValidityExtraPropsType {
+    value: ICertValidityValuePropsType | ICertValidityRangeValuePropsType | string;
+    disabled?: boolean;
+    isRange?: boolean;
+    getPopupContainer?: ((node: HTMLElement) => HTMLElement) & ((node: HTMLElement) => Node & ParentNode);
+}
+export declare type ProCertValidityPropsType = (DatePickerProps & IProCertValidityExtraPropsType) | (RangePickerProps & IProCertValidityExtraPropsType);
+export {};

package/lib/old/ProCertValidity/propsType.js

@@ -0,0 +1,5 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});

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

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

package/lib/old/ProCustomColumn/LeftBody.js

@@ -0,0 +1,212 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray"));
+var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
+var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/objectSpread2"));
+var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
+var _icons = require("@ant-design/icons");
+var _antd = require("antd");
+var _react = _interopRequireWildcard(require("react"));
+var _empty = _interopRequireDefault(require("../../assets/empty.png"));
+var _excluded = ["dataSource", "onChange", "value"];
+// import "./style/index.less";
+var CheckboxGroup = _antd.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 = (0, _react.useState)(false),
+    _useState2 = (0, _slicedToArray2.default)(_useState, 2),
+    indeterminate = _useState2[0],
+    setIndeterminate = _useState2[1];
+  var _useState3 = (0, _react.useState)(false),
+    _useState4 = (0, _slicedToArray2.default)(_useState3, 2),
+    checkAll = _useState4[0],
+    setCheckAll = _useState4[1];
+  var _useState5 = (0, _react.useState)([]),
+    _useState6 = (0, _slicedToArray2.default)(_useState5, 2),
+    plainOptions = _useState6[0],
+    setPlainOptions = _useState6[1];
+  var _useState7 = (0, _react.useState)([]),
+    _useState8 = (0, _slicedToArray2.default)(_useState7, 2),
+    checkedList = _useState8[0],
+    setCheckedList = _useState8[1];
+  var _useState9 = (0, _react.useState)(false),
+    _useState10 = (0, _slicedToArray2.default)(_useState9, 2),
+    allCheckDisabled = _useState10[0],
+    setAllCheckDisabled = _useState10[1];
+  (0, _react.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]);
+  (0, _react.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 (0, _objectSpread2.default)({
+        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.default.createElement("div", null, title && /*#__PURE__*/_react.default.createElement("h4", null, title), /*#__PURE__*/_react.default.createElement(_antd.Checkbox, {
+    indeterminate: indeterminate,
+    onChange: onCheckAllChange,
+    checked: checkAll,
+    disabled: allCheckDisabled
+  }, "\u5168\u9009"), /*#__PURE__*/_react.default.createElement(CheckboxGroup, {
+    options: columns,
+    onChange: _onChange,
+    value: checkedList
+  }));
+};
+var LeftBody = function LeftBody(_ref2) {
+  var dataSource = _ref2.dataSource,
+    onChange = _ref2.onChange,
+    value = _ref2.value,
+    rest = (0, _objectWithoutProperties2.default)(_ref2, _excluded);
+  var _useState11 = (0, _react.useState)([]),
+    _useState12 = (0, _slicedToArray2.default)(_useState11, 2),
+    checkedItems = _useState12[0],
+    setCheckedItems = _useState12[1];
+  var _useState13 = (0, _react.useState)([]),
+    _useState14 = (0, _slicedToArray2.default)(_useState13, 2),
+    filteredItems = _useState14[0],
+    setFilteredItems = _useState14[1];
+  (0, _react.useEffect)(function () {
+    if (value) {
+      setCheckedItems(value);
+    }
+  }, [value]);
+  (0, _react.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 = (0, _toConsumableArray2.default)(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.default.createElement("li", {
+      key: item.key,
+      className: "listItem"
+    }, /*#__PURE__*/_react.default.createElement(ProColumnItem, (0, _objectSpread2.default)((0, _objectSpread2.default)((0, _objectSpread2.default)({}, item), {}, {
+      onChange: _onChange(item.key),
+      value: itemValue
+    }, rest), {}, {
+      itemKey: item.key
+    })));
+  });
+  return /*#__PURE__*/_react.default.createElement("div", {
+    className: "leftBody"
+  }, /*#__PURE__*/_react.default.createElement("h4", null, "\u53EF\u6DFB\u52A0\u7684\u5217"), /*#__PURE__*/_react.default.createElement(_antd.Input, {
+    placeholder: "\u8BF7\u8F93\u5165\u5217\u540D\u79F0\u8FDB\u884C\u67E5\u8BE2",
+    prefix: /*#__PURE__*/_react.default.createElement(_icons.SearchOutlined, {
+      style: {
+        color: '#bcbcbc'
+      }
+    }),
+    allowClear: true,
+    onChange: handleSearch
+  }), /*#__PURE__*/_react.default.createElement("ul", {
+    className: "list"
+  }, (filteredItems === null || filteredItems === void 0 ? void 0 : filteredItems.length) > 0 ? columnsEles : /*#__PURE__*/_react.default.createElement("div", {
+    className: "noData"
+  }, /*#__PURE__*/_react.default.createElement("img", {
+    className: "emptyImg",
+    src: _empty.default,
+    alt: "\u6682\u65E0\u6570\u636E"
+  }), "\u672A\u627E\u5230\u76F8\u5173\u7ED3\u679C")));
+};
+var _default = LeftBody;
+exports.default = _default;

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

@@ -0,0 +1,9 @@
+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/lib/old/ProCustomColumn/RightBody.js

@@ -0,0 +1,150 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray"));
+var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/objectSpread2"));
+var _antd = require("antd");
+var _react = _interopRequireDefault(require("react"));
+var _core = require("@dnd-kit/core");
+var _sortable = require("@dnd-kit/sortable");
+var _utilities = require("@dnd-kit/utilities");
+var _reactSvg = require("react-svg");
+var _index = require("../../index");
+var _disabled = _interopRequireDefault(require("../../assets/disabled.svg"));
+var _drag = _interopRequireDefault(require("../../assets/drag.svg"));
+var SortableItem = function SortableItem(props) {
+  var label = props.label,
+    item = props.item,
+    _onClose = props.onClose;
+  var data = (0, _sortable.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 = (0, _objectSpread2.default)((0, _objectSpread2.default)({}, props.style), {}, {
+    transform: _utilities.CSS.Transform.toString(transform && (0, _objectSpread2.default)((0, _objectSpread2.default)({}, transform), {}, {
+      scaleY: 1
+    })),
+    transition: transition
+  }, isDragging ? {
+    position: 'relative',
+    zIndex: 9999
+  } : {});
+  return /*#__PURE__*/_react.default.createElement("li", (0, _objectSpread2.default)({
+    ref: item.disabled ? null : setNodeRef,
+    style: style,
+    className: "right-list-item ".concat(item.disabled ? 'disabled' : '')
+  }, item.disabled ? {} : attributes), /*#__PURE__*/_react.default.createElement(_antd.Tag, {
+    closable: true,
+    onClose: function onClose(e) {
+      return _onClose(e);
+    }
+  }, item.disabled ? /*#__PURE__*/_react.default.createElement(_reactSvg.ReactSVG, {
+    className: "disabled-icon",
+    src: _disabled.default
+  }) : /*#__PURE__*/_react.default.createElement(_reactSvg.ReactSVG, (0, _objectSpread2.default)({
+    className: "drag-icon",
+    src: _drag.default
+  }, listeners)), /*#__PURE__*/_react.default.createElement(_index.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 = (0, _toConsumableArray2.default)(value || []);
+    nextValue = nextValue.filter(function (item) {
+      return item.value !== itemValue;
+    });
+    getRightValue(nextValue);
+  };
+  var handleClear = function handleClear() {
+    var nextValue = (0, _toConsumableArray2.default)(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 = (0, _sortable.arrayMove)(value, activeIndex, overIndex);
+      getRightValue(nextValue);
+    }
+  };
+  return /*#__PURE__*/_react.default.createElement("div", {
+    className: "rightBody"
+  }, /*#__PURE__*/_react.default.createElement("div", {
+    className: "header"
+  }, /*#__PURE__*/_react.default.createElement("span", null, "\u5DF2\u9009", value ? value.length : 0, "\u5217"), /*#__PURE__*/_react.default.createElement(_antd.Button, {
+    type: "link",
+    onClick: handleClear
+  }, "\u6E05\u7A7A")), /*#__PURE__*/_react.default.createElement("div", {
+    className: "list"
+  }, /*#__PURE__*/_react.default.createElement(_core.DndContext, {
+    onDragEnd: onDragEnd
+  }, /*#__PURE__*/_react.default.createElement(_sortable.SortableContext, {
+    items: value.map(function (i) {
+      return i.value;
+    }),
+    strategy: _sortable.verticalListSortingStrategy
+  }, value === null || value === void 0 ? void 0 : value.map(function (item) {
+    return /*#__PURE__*/_react.default.createElement(SortableItem, {
+      key: "item-".concat(item.value),
+      "data-row-key": item.value,
+      label: item.label,
+      item: item,
+      onClose: function onClose() {
+        return _onClose2(item.value);
+      }
+    });
+  })))));
+};
+var _default = RightBody;
+exports.default = _default;

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

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