@zat-design/sisyphus-react 3.0.13

package/es/ProForm/components/combination/ProModalSelect/style/index.less

@@ -0,0 +1,57 @@
+.pro-modal-select {
+  .ant-input-group {
+    .ant-input {
+      padding-right: 25px;
+    }
+  }
+
+  .pro-modal-select-init {
+    display: inline-block;
+  }
+
+  .close-icon {
+    position        : relative;
+    margin-left     : -31px;
+    margin-right    : var(--zaui-space-size-md, 14px);
+    color           : #FFFFFF;
+    height          : 12px;
+    width           : 12px;
+    display         : flex;
+    align-items     : center;
+    justify-content : center;
+    background-color: rgba(0, 0, 0, 0.25);
+    border          : none;
+    border-radius   : 50%;
+    z-index         : 3;
+
+    >span {
+      position     : relative;
+      font-size    : 8px;
+      border       : none;
+      border-radius: 50%;
+
+    }
+
+    &:hover {
+      background-color: rgba(0, 0, 0, 0.5);
+    }
+  }
+
+  .viewSvg {
+    height: 24px;
+    cursor: pointer;
+    fill  : #C5C7CD;
+  }
+
+  .ant-input-group-addon {
+    padding         : 0px 8px;
+    background-color: var(--zaui-base-bg, #FFFFFF);
+    cursor          : pointer;
+
+    .pro-enum-input-addonAfter {
+      display    : flex;
+      align-items: center;
+    }
+  }
+
+}

package/es/ProForm/components/combination/ProNumberRange/index.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+import { ProNumberRangeProps } from './propsType';
+declare const ProNumberRange: (props: ProNumberRangeProps) => React.ReactNode;
+export default ProNumberRange;

package/es/ProForm/components/combination/ProNumberRange/index.js

@@ -0,0 +1,182 @@
+import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
+import "antd/es/input-number/style";
+import _InputNumber from "antd/es/input-number";
+import "antd/es/input/style";
+import _Input from "antd/es/input";
+import _toConsumableArray from "@babel/runtime/helpers/esm/toConsumableArray";
+import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
+import { useSetState, useDeepCompareEffect } from 'ahooks';
+import { isEmpty } from 'lodash';
+import classnames from 'classnames';
+import React from 'react';
+import { tools } from '@zat-design-pro-component/utils';
+import Container from '../../Container';
+var formatAmount = tools.formatAmount,
+  formatPercent = tools.formatPercent,
+  formatPerMill = tools.formatPerMill;
+var ProNumberRange = function ProNumberRange(props) {
+  var _props$value = props.value,
+    value = _props$value === void 0 ? [] : _props$value,
+    _props$onChange = props.onChange,
+    onChange = _props$onChange === void 0 ? function () {} : _props$onChange,
+    _props$min = props.min,
+    min = _props$min === void 0 ? 0 : _props$min,
+    max = props.max,
+    className = props.className,
+    disabled = props.disabled,
+    _props$decimal = props.decimal,
+    decimal = _props$decimal === void 0 ? 2 : _props$decimal,
+    _props$precision = props.precision,
+    precision = _props$precision === void 0 ? 2 : _props$precision,
+    childProps = props.childProps,
+    otherProps = props.otherProps,
+    addonBefore = props.addonBefore,
+    addonAfter = props.addonAfter;
+  var _ref = otherProps || {},
+    _ref$isView = _ref.isView,
+    isView = _ref$isView === void 0 ? false : _ref$isView,
+    valueType = _ref.valueType,
+    viewEmpty = _ref.viewEmpty;
+  var _useSetState = useSetState({
+      range: value || []
+    }),
+    _useSetState2 = _slicedToArray(_useSetState, 2),
+    range = _useSetState2[0].range,
+    setState = _useSetState2[1];
+  var valueProps = {};
+  useDeepCompareEffect(function () {
+    // 同步value值
+    if (Array.isArray(value)) {
+      setState({
+        range: value
+      });
+    }
+  }, [value]);
+  var firstHandleChange = function firstHandleChange(val) {
+    range[0] = val;
+    var isEmptyArray = range.every(function (item) {
+      return !item && item !== 0;
+    });
+    if (isEmptyArray) {
+      onChange([]);
+    } else {
+      onChange(_toConsumableArray(range));
+    }
+    setState({
+      range: range
+    });
+  };
+  var lastHandleChange = function lastHandleChange(val) {
+    range[1] = val;
+    var isEmptyArray = range.every(function (item) {
+      return !item && item !== 0;
+    });
+    if (isEmptyArray) {
+      onChange([]);
+    } else {
+      onChange(_toConsumableArray(range));
+    }
+    setState({
+      range: range
+    });
+  };
+  var cls = classnames({
+    'pro-number-range': true,
+    className: className
+  });
+  // 查看模式
+  if (isView || props.isView) {
+    if (isEmpty(value)) {
+      return otherProps.viewEmpty;
+    }
+    switch (valueType) {
+      // 百分比
+      case 'percent':
+      case 'percentage':
+        return /*#__PURE__*/React.createElement(Container, {
+          viewEmpty: viewEmpty
+        }, "".concat(formatPercent(value[0], precision || decimal), " ~ ").concat(formatPercent(value[1], precision || decimal)));
+      // 千分比
+      case 'permillage':
+        return /*#__PURE__*/React.createElement(Container, {
+          viewEmpty: viewEmpty
+        }, "".concat(formatPerMill(value[0], precision || decimal), " ~ ").concat(formatPerMill(value[1], precision || decimal)));
+      // 千分位
+      case 'amount':
+      case 'thousandth':
+        return /*#__PURE__*/React.createElement(Container, {
+          viewEmpty: viewEmpty
+        }, "".concat(formatAmount(value[0], precision || decimal), " ~ ").concat(formatAmount(value[1], precision || decimal)));
+      default:
+        return /*#__PURE__*/React.createElement(Container, {
+          viewEmpty: viewEmpty
+        }, "".concat(value[0] || '-', " ~ ").concat(value[1] || '-'));
+    }
+  }
+  // 值类型模式
+  if (valueType) {
+    switch (valueType) {
+      case 'thousandth':
+      case 'amount':
+        valueProps = {
+          formatter: function formatter(value) {
+            return "".concat(value).replace(/\B(?=(\d{3})+(?!\d))/g, ',');
+          },
+          parser: function parser(value) {
+            return value.replace(/\$\s?|(,*)/g, '');
+          }
+        };
+        break;
+      default:
+        valueProps = {};
+    }
+  }
+  /**
+   * 计算范围禁用值
+   * @param disabled 禁用值
+   * @param index 位置
+   */
+  var getDisabled = function getDisabled(disabled, index) {
+    var result = disabled;
+    if (Array.isArray(disabled)) {
+      result = disabled[index];
+    }
+    return result;
+  };
+  return /*#__PURE__*/React.createElement(_Input.Group, {
+    compact: true,
+    className: cls
+  }, /*#__PURE__*/React.createElement(_InputNumber, _objectSpread(_objectSpread({
+    className: "range-left",
+    value: (value === null || value === void 0 ? void 0 : value[0]) || range[0],
+    placeholder: "\u8BF7\u8F93\u5165",
+    min: min,
+    max: (value === null || value === void 0 ? void 0 : value[1]) || max || range[1],
+    precision: precision,
+    disabled: getDisabled(disabled, 0),
+    onChange: function onChange(e) {
+      firstHandleChange(e);
+    },
+    addonBefore: addonBefore
+  }, valueProps), childProps === null || childProps === void 0 ? void 0 : childProps[0])), /*#__PURE__*/React.createElement(_Input, {
+    className: classnames({
+      'range-split': true,
+      'range-split-disabled': !!disabled
+    }),
+    placeholder: "~",
+    disabled: true
+  }), /*#__PURE__*/React.createElement(_InputNumber, _objectSpread(_objectSpread({
+    className: "range-right",
+    value: (value === null || value === void 0 ? void 0 : value[1]) || range[1],
+    placeholder: "\u8BF7\u8F93\u5165",
+    min: (value === null || value === void 0 ? void 0 : value[0]) || min || range[0],
+    max: max,
+    precision: precision,
+    disabled: getDisabled(disabled, 1),
+    onChange: function onChange(e) {
+      lastHandleChange(e);
+    },
+    addonAfter: addonAfter
+  }, valueProps), childProps === null || childProps === void 0 ? void 0 : childProps[1])));
+};
+export default ProNumberRange;

package/es/ProForm/components/combination/ProNumberRange/propsType.d.ts

@@ -0,0 +1,76 @@
+import React from 'react';
+import { ProFormOtherProps } from '../../../propsType';
+export type ValueTypeEnum = 'percentage' | 'permillage' | 'thousandth';
+export interface ProNumberRangeProps {
+    /**
+     * @description       组件的值,[最小值，最大值]
+     * @default           []
+     */
+    value?: number[];
+    /**
+     * @description       onChange
+     * @default           ()=>{}
+     */
+    onChange?: (values: number[]) => void;
+    /**
+     * @description       最小值
+     * @default           -
+     */
+    min?: number;
+    /**
+     * @description       最大值
+     * @default           -
+     */
+    max?: number;
+    /**
+     * @description       禁用状态
+     * @default           false
+     */
+    disabled?: boolean | boolean[];
+    /**
+     * @description       精度
+     * @default           '2'
+     */
+    precision?: number;
+    /**
+     * @description       class类名
+     * @default           -
+     */
+    className?: string;
+    /**
+     * @description       是否查看模式
+     * @default           'false'
+     */
+    isView?: boolean;
+    /**
+     * @description       值类型，回显时区分金额与百分比
+     * @default           '-'
+     */
+    valueType?: ValueTypeEnum;
+    /**
+     * @description       空值查看时默认展示内容
+     * @default           '-'
+     */
+    viewEmpty?: React.ReactNode;
+    /**
+     * @description       保留小数点几位
+     * @default           '2'
+     */
+    decimal?: number;
+    /**
+    * @description     带标签的 input，设置前置标签
+    * @default           '-'
+    */
+    addonBefore?: React.ReactNode | string;
+    /**
+    * @description     带标签的 input，设置后置标签
+    * @default           '-'
+    */
+    addonAfter?: React.ReactNode | string;
+    /**
+     * @description       InputNumber属性
+     * @default           '-'
+     */
+    childProps?: any[];
+    otherProps?: ProFormOtherProps;
+}

package/es/ProForm/components/combination/ProNumberRange/propsType.js

@@ -0,0 +1 @@
+export {};

package/es/ProForm/components/combination/ProNumberRange/style/index.less

@@ -0,0 +1,79 @@
+.pro-number-range {
+
+  .range-split {
+    width         : 40px !important;
+    border-left   : 0px;
+    border-right  : 0px;
+    pointer-events: none;
+    text-align    : center !important;
+  }
+
+  .ant-input-status-error {
+    &.range-split {
+      border-color: #ff4d4f;
+    }
+  }
+
+
+
+  & .ant-input-rtl.range-right {
+    border-right-width: 0;
+  }
+
+  & .ant-input-rtl.range-right:hover,
+  & .ant-input-rtl.range-right:focus {
+    border-right-width: 1px;
+  }
+
+  .ant-form-item {
+    margin-bottom: 0;
+  }
+
+  .range-left,
+  .range-right {
+    width     : calc(50% - 20px);
+    text-align: center;
+  }
+
+  .range-left {
+    .ant-input-number {
+      border-right: none;
+    }
+  }
+
+  .range-right {
+    .ant-input-number {
+      border-left: none;
+    }
+
+    .range-right {
+      width                    : 100%;
+      border-top-left-radius   : 0;
+      border-bottom-left-radius: 0;
+    }
+  }
+
+  &.ant-input-group.ant-input-group-compact>*:not(:last-child) {
+    margin-right: 0;
+  }
+
+  >*:first-child {
+    border-top-right-radius   : 0 !important;
+    border-bottom-right-radius: 0 !important;
+
+    >.ant-select-selector {
+      border-top-right-radius   : 0 !important;
+      border-bottom-right-radius: 0 !important;
+    }
+  }
+
+  >*:last-child {
+    border-top-left-radius   : 0 !important;
+    border-bottom-left-radius: 0 !important;
+
+    >.ant-select-selector {
+      border-top-left-radius   : 0 !important;
+      border-bottom-left-radius: 0 !important;
+    }
+  }
+}

package/es/ProForm/components/combination/ProRangeLimit/index.d.ts

@@ -0,0 +1,17 @@
+import React from 'react';
+import { RangePickerProps } from 'antd/lib/date-picker';
+import { Moment } from 'moment';
+export type Props = Omit<RangePickerProps, 'value' | 'onChange' | 'format'> & {
+    disabled?: boolean;
+    foreverText?: string;
+    foreverDate?: string;
+    otherProps?: any;
+    onChange?: HandleChange;
+    value?: ValueStr;
+    format?: string;
+};
+type Value = [Moment?, Moment?, boolean?];
+type ValueStr = [string?, string?, string?];
+type HandleChange = (value: ValueStr | null, valueStr: Value | null) => void;
+declare const ProRangeLimit: React.FC<Props>;
+export default ProRangeLimit;

package/es/ProForm/components/combination/ProRangeLimit/index.js

@@ -0,0 +1,142 @@
+import "antd/es/checkbox/style";
+import _Checkbox from "antd/es/checkbox";
+import "antd/es/input/style";
+import _Input from "antd/es/input";
+import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
+import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
+import "antd/es/date-picker/style";
+import _DatePicker from "antd/es/date-picker";
+import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
+var _excluded = ["disabled", "foreverText", "foreverDate", "format", "otherProps"];
+import React, { useMemo, useState } from 'react';
+import { useProConfig } from 'zat-design-pro-component';
+import { omit } from 'lodash';
+import classNames from 'classnames';
+import moment from 'moment';
+import Container from '../../Container';
+var defaultPickerValue = [moment(), moment()];
+var useControlled = function useControlled(props) {
+  var _useState = useState(),
+    _useState2 = _slicedToArray(_useState, 2),
+    value = _useState2[0],
+    setValue = _useState2[1];
+  if ('value' in props) {
+    var _props$value, _props$value2, _props$value3;
+    var internalValue = [((_props$value = props.value) === null || _props$value === void 0 ? void 0 : _props$value[0]) && moment(props.value[0], props.format), ((_props$value2 = props.value) === null || _props$value2 === void 0 ? void 0 : _props$value2[1]) && moment(props.value[1], props.format), ((_props$value3 = props.value) === null || _props$value3 === void 0 ? void 0 : _props$value3[2]) === 'Y'];
+    var handleChange = function handleChange(value, other) {
+      var _value = _slicedToArray(value, 3),
+        start = _value[0],
+        end = _value[1],
+        isForever = _value[2];
+      if (props === null || props === void 0 ? void 0 : props.onChange) {
+        var valueStr = [start === null || start === void 0 ? void 0 : start.format(props.format), end === null || end === void 0 ? void 0 : end.format(props.format), isForever ? 'Y' : 'N'];
+        props === null || props === void 0 ? void 0 : props.onChange(valueStr, value);
+      }
+    };
+    return [internalValue, handleChange];
+  }
+  // @ts-ignore
+  return [value, setValue];
+};
+var RangePicker = _DatePicker.RangePicker;
+var ProRangeLimit = function ProRangeLimit(props) {
+  var disabled = props.disabled,
+    _props$foreverText = props.foreverText,
+    foreverText = _props$foreverText === void 0 ? '长期' : _props$foreverText,
+    _props$foreverDate = props.foreverDate,
+    foreverDate = _props$foreverDate === void 0 ? '9999-01-01' : _props$foreverDate,
+    _props$format = props.format,
+    format = _props$format === void 0 ? 'YYYY-MM-DD' : _props$format,
+    otherProps = props.otherProps,
+    rest = _objectWithoutProperties(props, _excluded);
+  var _ref = otherProps || {},
+    isView = _ref.isView,
+    viewEmpty = _ref.viewEmpty;
+  var _useControlled = useControlled(_objectSpread(_objectSpread({}, props), {}, {
+      format: format
+    })),
+    _useControlled2 = _slicedToArray(_useControlled, 2),
+    value = _useControlled2[0],
+    onChange = _useControlled2[1];
+  var _ref2 = value || [],
+    _ref3 = _slicedToArray(_ref2, 3),
+    startDate = _ref3[0],
+    endDate = _ref3[1],
+    isForever = _ref3[2];
+  var initialConfig = useProConfig('ProTimeLimit');
+  var className = classNames({
+    'ant-input': true,
+    'ant-input-disabled': disabled,
+    'forever-checkbox': true
+  });
+  var _isForever = useMemo(function () {
+    return isForever || moment(foreverDate, format).isSame(endDate);
+  }, [value]);
+  var foreverMoment = useMemo(function () {
+    return moment(foreverDate, format);
+  }, [foreverDate, format]);
+  if (isView) {
+    var _props$value4, _props$value5;
+    if (isForever) {
+      return /*#__PURE__*/React.createElement(Container, {
+        viewEmpty: viewEmpty
+      }, value === null || value === void 0 ? void 0 : value[0].format(format), "~", foreverText);
+    }
+    return /*#__PURE__*/React.createElement(Container, {
+      viewEmpty: viewEmpty
+    }, (_props$value4 = props.value) === null || _props$value4 === void 0 ? void 0 : _props$value4[0], "~", (_props$value5 = props.value) === null || _props$value5 === void 0 ? void 0 : _props$value5[1]);
+  }
+  // 时间范围change
+  var handleRangeChange = function handleRangeChange(date, dateStr) {
+    var _ref4 = date || [],
+      _ref5 = _slicedToArray(_ref4, 2),
+      start = _ref5[0],
+      end = _ref5[1];
+    var _ref6 = dateStr || [],
+      _ref7 = _slicedToArray(_ref6, 2),
+      startStr = _ref7[0],
+      endStr = _ref7[1];
+    onChange([start, end, isForever], [startStr, endStr, (value === null || value === void 0 ? void 0 : value[2]) ? 'Y' : 'N']);
+  };
+  // 长期选择框change
+  var handleForeverChange = function handleForeverChange(e) {
+    var _start, _end;
+    var foreverStr = e.target.checked ? 'Y' : 'N';
+    var _ref8 = value || [],
+      _ref9 = _slicedToArray(_ref8, 2),
+      start = _ref9[0],
+      end = _ref9[1];
+    if (e.target.checked) {
+      start = start || moment().startOf('day');
+      end = foreverMoment;
+    } else {
+      start = undefined;
+      end = undefined;
+    }
+    onChange([start, end, e.target.checked], [(_start = start) === null || _start === void 0 ? void 0 : _start.format(format), (_end = end) === null || _end === void 0 ? void 0 : _end.format(format), foreverStr]);
+  };
+  return /*#__PURE__*/React.createElement(_Input.Group, {
+    compact: true
+  }, /*#__PURE__*/React.createElement(RangePicker, _objectSpread(_objectSpread(_objectSpread({
+    allowClear: true,
+    disabled: [disabled, disabled || _isForever],
+    style: {
+      width: 'calc(100% - 84px)'
+    },
+    defaultPickerValue: defaultPickerValue
+  }, initialConfig), omit(rest, ['placeholder'])), {}, {
+    format: format,
+    value: value,
+    onChange: handleRangeChange
+  })), /*#__PURE__*/React.createElement("div", {
+    className: className,
+    style: {
+      width: '84px'
+    }
+  }, /*#__PURE__*/React.createElement(_Checkbox, {
+    checked: _isForever,
+    disabled: disabled,
+    onChange: handleForeverChange
+  }, foreverText)));
+};
+export default ProRangeLimit;

package/es/ProForm/components/combination/ProTimeLimit/hooks/useControlled.d.ts

@@ -0,0 +1,8 @@
+import moment, { Moment } from 'moment';
+interface Props<T = any> {
+    value?: T;
+    onChange?: (value: T, ...rest: any[]) => void;
+    format?: string;
+}
+declare const useControlled: (props: Props) => [moment.Moment, (value: Moment | undefined) => void];
+export default useControlled;

package/es/ProForm/components/combination/ProTimeLimit/hooks/useControlled.js

@@ -0,0 +1,25 @@
+import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
+import moment from 'moment';
+import { useState } from 'react';
+var useControlled = function useControlled(props) {
+  var value = props.value,
+    _props$onChange = props.onChange,
+    onChange = _props$onChange === void 0 ? function () {} : _props$onChange,
+    format = props.format;
+  var _useState = useState(value),
+    _useState2 = _slicedToArray(_useState, 2),
+    valueState = _useState2[0],
+    setValueState = _useState2[1];
+  var handleChange = function handleChange(value) {
+    var _value = value && value.startOf('day').format(format);
+    if (!('value' in props)) {
+      setValueState(value);
+    }
+    onChange(_value, value);
+  };
+  if ('value' in props) {
+    return [value && moment(value, format).startOf('day'), handleChange];
+  }
+  return [valueState, handleChange];
+};
+export default useControlled;

package/es/ProForm/components/combination/ProTimeLimit/hooks/useTransformDate.d.ts

@@ -0,0 +1,12 @@
+import type { Moment } from 'moment';
+import type { Props } from '../index';
+interface Params {
+    value: any;
+    valueType: Props['valueType'];
+    format?: string;
+    onChange?: Props['onChange'];
+}
+type Value = [Moment | null, string];
+type OnChange = (value: Value, valueStr: string[]) => void;
+declare const useTransformDate: ({ value, valueType, format, onChange }: Params) => [Value, OnChange];
+export default useTransformDate;

package/es/ProForm/components/combination/ProTimeLimit/hooks/useTransformDate.js

@@ -0,0 +1,36 @@
+import moment from 'moment';
+var useTransformDate = function useTransformDate(_ref) {
+  var value = _ref.value,
+    valueType = _ref.valueType,
+    format = _ref.format,
+    onChange = _ref.onChange;
+  var _onChange = function _onChange(value) {
+    for (var _len = arguments.length, rest = new Array(_len > 1 ? _len - 1 : 0), _key = 1; _key < _len; _key++) {
+      rest[_key - 1] = arguments[_key];
+    }
+    if (!value[0] || valueType === 'moment') {
+      // @ts-ignore
+      onChange.apply(void 0, [value].concat(rest));
+      return;
+    }
+    if (valueType === 'format') {
+      // @ts-ignore
+      onChange.apply(void 0, [[value[0].format(format), value[1]]].concat(rest));
+    }
+    if (valueType === 'ISO') {
+      // @ts-ignore
+      onChange.apply(void 0, [[moment(value[0]).toString(), value[1]]].concat(rest));
+    }
+  };
+  var dateValue = value[0];
+  if (dateValue) {
+    if (valueType === 'format') {
+      dateValue = moment(value[0], format);
+    }
+    if (valueType === 'ISO') {
+      dateValue = moment(value[0]);
+    }
+  }
+  return [[dateValue, value[1]], _onChange];
+};
+export default useTransformDate;

package/es/ProForm/components/combination/ProTimeLimit/index.d.ts

@@ -0,0 +1,19 @@
+import { DatePickerProps } from 'antd';
+import { Moment } from 'moment';
+import React from 'react';
+import { ProFormOtherProps } from '../../../propsType';
+export type DateType = DatePickerProps['value'];
+export interface Props<ValueType extends DateType | string | null = DateType> extends Omit<DatePickerProps, 'value' | 'onChange'> {
+    value?: string;
+    onChange?: (value: Props['value'] | null, valueData: Moment) => void;
+    disabled?: boolean;
+    foreverTime?: string;
+    foreverText?: string;
+    viewEmpty?: React.ReactNode;
+    format?: string;
+    valueType?: 'moment' | 'format' | 'ISO';
+    otherProps?: ProFormOtherProps;
+}
+export declare const ProTimeLimit: React.FC<Props>;
+declare const LimitPick: (props: any) => JSX.Element;
+export default LimitPick;