@zat-design/sisyphus-react 3.0.13

package/lib/ProForm/utils/useShouldUpdate.js

@@ -0,0 +1,192 @@
+"use strict";
+
+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 _react = require("react");
+var _lodash = require("lodash");
+var _index = require("./index");
+// 代理shouldUpdate事件, 执行函数值的[show, disabled], 当[show, disabled]与上一次值不相同时更新状态
+var useShouldUpdate = function useShouldUpdate(_ref) {
+  var show = _ref.show,
+    formItemProps = _ref.formItemProps,
+    form = _ref.form,
+    disabled = _ref.disabled,
+    rules = _ref.rules,
+    required = _ref.required,
+    fieldProps = _ref.fieldProps,
+    component = _ref.component,
+    originComponent = _ref.originComponent;
+  var _shouldUpdate = formItemProps.shouldUpdate,
+    name = formItemProps.name,
+    clearNotShow = formItemProps.clearNotShow,
+    index = formItemProps.index,
+    namePath = formItemProps.namePath;
+  var timerRef = (0, _react.useRef)();
+  var showRef = (0, _react.useRef)();
+  var disabledRef = (0, _react.useRef)();
+  var requiredRef = (0, _react.useRef)();
+  var rulesRef = (0, _react.useRef)();
+  var fieldPropsRef = (0, _react.useRef)();
+  var originComponentRef = (0, _react.useRef)();
+  var newComponent = originComponent || component; // 解决component默认赋值污染问题，需要使用originComponent
+  var _useState = (0, _react.useState)({}),
+    _useState2 = (0, _slicedToArray2.default)(_useState, 2),
+    reRender = _useState2[1];
+  var values = {};
+  if (namePath) {
+    // formList场景values取当前行数据
+    values = form.getFieldValue(namePath) || {};
+  } else {
+    values = form.getFieldsValue(true);
+  }
+  // 不是动态函数直接返回
+  if (!(0, _lodash.isFunction)(show) && !(0, _lodash.isFunction)(disabled) && !(0, _lodash.isFunction)(required) && !(0, _lodash.isFunction)(rules) && !(0, _lodash.isFunction)(fieldProps) && !(0, _lodash.isFunction)(originComponent)) {
+    return {
+      shouldUpdate: _shouldUpdate,
+      show: show,
+      disabled: disabled,
+      required: required,
+      rules: rules,
+      fieldProps: fieldProps,
+      component: newComponent
+    };
+  }
+  if ((0, _lodash.isFunction)(show)) {
+    showRef.current = Boolean(show(values, {
+      form: form,
+      index: index,
+      namePath: namePath
+    }));
+  } else {
+    showRef.current = show;
+  }
+  if ((0, _lodash.isFunction)(disabled)) {
+    disabledRef.current = Boolean(disabled(values, {
+      form: form,
+      index: index,
+      namePath: namePath
+    }));
+  } else {
+    disabledRef.current = disabled;
+  }
+  if ((0, _lodash.isFunction)(required)) {
+    requiredRef.current = Boolean(required(values, {
+      form: form,
+      index: index,
+      namePath: namePath
+    }));
+  } else {
+    requiredRef.current = required;
+  }
+  if ((0, _lodash.isFunction)(rules)) {
+    rulesRef.current = (0, _lodash.cloneDeep)(rules(values, {
+      form: form,
+      index: index,
+      namePath: namePath
+    }));
+  } else {
+    rulesRef.current = rules;
+  }
+  if ((0, _lodash.isFunction)(rules)) {
+    rulesRef.current = (0, _lodash.cloneDeep)(rules(values, {
+      form: form,
+      index: index,
+      namePath: namePath
+    }));
+  } else {
+    rulesRef.current = rules;
+  }
+  if ((0, _lodash.isFunction)(originComponent)) {
+    originComponentRef.current = (0, _lodash.cloneDeep)(originComponent(values, {
+      form: form,
+      index: index,
+      namePath: namePath
+    }));
+  } else {
+    originComponentRef.current = newComponent;
+  }
+  if ((0, _lodash.isFunction)(fieldProps)) {
+    fieldPropsRef.current = (0, _lodash.cloneDeep)(fieldProps(values, {
+      form: form,
+      index: index,
+      namePath: namePath
+    })); // index, namePath FormList才会有
+  } else {
+    fieldPropsRef.current = fieldProps;
+  }
+  return {
+    shouldUpdate: function shouldUpdate(prevValues, currentValues) {
+      // formList场景取当前行数据，不取shouldUpdate变更后值
+      var _currentValues = (namePath ? form.getFieldValue(namePath) : currentValues) || {};
+      var _show = (0, _lodash.isFunction)(show) ? Boolean(show(_currentValues, {
+        form: form,
+        index: index,
+        namePath: namePath
+      })) : show;
+      var _disabled = (0, _lodash.isFunction)(disabled) ? Boolean(disabled(_currentValues, {
+        form: form,
+        index: index,
+        namePath: namePath
+      })) : disabled;
+      var _required = (0, _lodash.isFunction)(required) ? Boolean(required(_currentValues, {
+        form: form,
+        index: index,
+        namePath: namePath
+      })) : required;
+      var _rules = (0, _lodash.isFunction)(rules) ? rules(_currentValues, {
+        form: form,
+        index: index,
+        namePath: namePath
+      }) : rules;
+      var _component = (0, _lodash.isFunction)(originComponent) ? originComponent(_currentValues, {
+        form: form,
+        index: index,
+        namePath: namePath
+      }) : newComponent;
+      var _fieldProps = (0, _lodash.isFunction)(fieldProps) ? fieldProps(_currentValues, {
+        form: form,
+        index: index,
+        namePath: namePath
+      }) : fieldProps;
+      // 清值防抖  多次刷新时以最后一次为准
+      if (clearNotShow !== false && name) {
+        if (_show === false) {
+          timerRef.current = setTimeout(function () {
+            form.resetFields([formItemProps.name]);
+          }, 5e2);
+        } else {
+          clearInterval(timerRef.current);
+        }
+      }
+      if (_show !== showRef.current || _disabled !== disabledRef.current || _required !== requiredRef.current || (0, _lodash.isEqualWith)(rulesRef.current, _rules, _index.customEqualForFun) || (0, _lodash.isEqualWith)(fieldPropsRef.current, _fieldProps, _index.customEqualForFun) || (0, _lodash.isEqualWith)(originComponentRef.current, _component, _index.customEqualForFun)) {
+        showRef.current = _show;
+        disabledRef.current = _disabled;
+        requiredRef.current = _required;
+        rulesRef.current = _rules || [];
+        originComponentRef.current = _component;
+        fieldPropsRef.current = _fieldProps;
+        reRender({});
+        return true;
+      }
+      if (typeof _shouldUpdate === 'function') {
+        for (var _len = arguments.length, rest = new Array(_len > 2 ? _len - 2 : 0), _key = 2; _key < _len; _key++) {
+          rest[_key - 2] = arguments[_key];
+        }
+        return _shouldUpdate.apply(void 0, [prevValues, currentValues].concat(rest));
+      }
+      return !!_shouldUpdate;
+    },
+    show: showRef.current,
+    disabled: disabledRef.current,
+    rules: rulesRef.current,
+    required: requiredRef.current,
+    component: originComponentRef.current,
+    fieldProps: fieldPropsRef.current
+  };
+};
+var _default = useShouldUpdate;
+exports.default = _default;

package/lib/ProForm/utils/valueType.d.ts

@@ -0,0 +1,64 @@
+declare const _default: {
+    /** 年月日 */
+    date: ({ type, toISOString }: {
+        type: any;
+        toISOString: any;
+    }) => {};
+    /** 年月日 时分秒 */
+    dateTime: ({ type, toISOString }: {
+        type: any;
+        toISOString: any;
+    }) => {};
+    /** 年月日 00:00:00 */
+    dateStartTime: ({ type, toISOString }: {
+        type: any;
+        toISOString: any;
+    }) => {};
+    /** 年月日 23:59:59 */
+    dateEndTime: ({ type, toISOString }: {
+        type: any;
+        toISOString: any;
+    }) => {};
+    /** 年月日 00:00:00 ~ 年月日 23:59:59 */
+    dateStartEndTime: ({ type, toISOString }: {
+        type: any;
+        toISOString: any;
+    }) => {};
+    /** 百分比 */
+    percentage: ({ type, valueType }: {
+        type: any;
+        valueType: any;
+    }) => {
+        normalize?: undefined;
+        getValueProps?: undefined;
+    } | {
+        normalize: (value: any) => number;
+        getValueProps: (value: any) => {
+            value: number;
+        };
+    };
+    /** 千分比 */
+    permillage: ({ type, valueType }: {
+        type: any;
+        valueType: any;
+    }) => {
+        normalize?: undefined;
+        getValueProps?: undefined;
+    } | {
+        normalize: (value: any) => number;
+        getValueProps: (value: any) => {
+            value: number;
+        };
+    };
+    /**  开关 YN转换 */
+    switch: ({ switchValue }: {
+        switchValue: any;
+    }) => Error | {
+        normalize: (value: boolean) => any;
+        getValueProps: (value: any) => {
+            checked: boolean;
+            value: any;
+        };
+    };
+};
+export default _default;

package/lib/ProForm/utils/valueType.js

@@ -0,0 +1,202 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _big = _interopRequireDefault(require("big.js"));
+var _utils = require("@zat-design-pro-component/utils");
+var transformDate = _utils.transforms.transformDate,
+  transformSwitch = _utils.transforms.transformSwitch;
+/**
+ *  表单信息比例精度转换 1 => 0.01
+ *  InputNumber
+ */
+var transformRatio = function transformRatio(_ref) {
+  var type = _ref.type,
+    _ref$precision = _ref.precision,
+    precision = _ref$precision === void 0 ? 2 : _ref$precision,
+    valueType = _ref.valueType;
+  if (type === 'ProNumberRange' && ['permillage', 'percentage'].includes(valueType)) {
+    console.error('Warning: ProNumberRange valueType can only be set to [thousandth]');
+    return {};
+  }
+  return {
+    normalize: function normalize(value) {
+      return (value || value === 0) && Number.isFinite(value - 0) ? (0, _big.default)(value - 0).div(Math.pow(10, precision)).toNumber() : null;
+    },
+    getValueProps: function getValueProps(value) {
+      return {
+        value: (value || value === 0) && Number.isFinite(value - 0) ? (0, _big.default)(value - 0).times(Math.pow(10, precision)).toNumber() : null
+      };
+    }
+  };
+};
+/**
+ *  switch转换
+ */
+var switchTransform = function switchTransform(switchValue) {
+  if (!switchValue) {
+    return transformSwitch(['Y', 'N']);
+  }
+  return transformSwitch(switchValue);
+};
+/**
+ *  日期转换
+ */
+var dateTransform = function dateTransform(_ref2) {
+  var type = _ref2.type,
+    _ref2$_valueType = _ref2._valueType,
+    _valueType = _ref2$_valueType === void 0 ? 'date' : _ref2$_valueType,
+    _ref2$toISOString = _ref2.toISOString,
+    toISOString = _ref2$toISOString === void 0 ? false : _ref2$toISOString;
+  var result = {};
+  if (type === 'RangePicker' && ['dateStartTime', 'dateEndTime'].includes(_valueType)) {
+    console.error('Warning: RangePicker valueType can only be set to [\'date\' | \'dateTime\' | \'dateStartEndTime\']');
+    return result;
+  }
+  if (type === 'DatePicker' && ['dateStartEndTime'].includes(_valueType)) {
+    console.error('Warning: DatePicker valueType can only be set to [\'date\' | \'dateTime\' | \'dateStartTime\'| \'dateEndTime\']');
+    return result;
+  }
+  switch (type) {
+    case 'DatePicker':
+      if (_valueType === 'date') {
+        result = transformDate({
+          type: 'DatePicker',
+          format: 'YYYY-MM-DD',
+          valueType: toISOString ? 'ISOString' : 'string'
+        });
+      }
+      if (_valueType === 'dateTime') {
+        result = transformDate({
+          type: 'DatePicker',
+          format: 'YYYY-MM-DD HH:mm:ss',
+          valueType: toISOString ? 'ISOString' : 'string'
+        });
+      }
+      if (_valueType === 'dateStartTime') {
+        result = transformDate({
+          type: 'DatePicker',
+          format: 'YYYY-MM-DD HH:mm:ss',
+          valueType: toISOString ? 'ISOString' : 'string',
+          timeType: 'startTime'
+        });
+      }
+      if (_valueType === 'dateEndTime') {
+        result = transformDate({
+          type: 'DatePicker',
+          format: 'YYYY-MM-DD HH:mm:ss',
+          valueType: toISOString ? 'ISOString' : 'string',
+          timeType: 'endTime'
+        });
+      }
+      break;
+    case 'RangePicker':
+      if (_valueType === 'date') {
+        result = transformDate({
+          type: 'RangePicker',
+          format: 'YYYY-MM-DD',
+          valueType: toISOString ? 'ISOString' : 'string'
+        });
+      }
+      if (_valueType === 'dateTime') {
+        result = transformDate({
+          type: 'RangePicker',
+          format: 'YYYY-MM-DD HH:mm:ss',
+          valueType: toISOString ? 'ISOString' : 'string'
+        });
+      }
+      if (_valueType === 'dateStartEndTime') {
+        result = transformDate({
+          type: 'RangePicker',
+          format: 'YYYY-MM-DD HH:mm:ss',
+          valueType: toISOString ? 'ISOString' : 'string',
+          timeType: 'startEndTime'
+        });
+      }
+      break;
+    default:
+      break;
+  }
+  return result;
+};
+var _default = {
+  /** 年月日 */
+  date: function date(_ref3) {
+    var type = _ref3.type,
+      toISOString = _ref3.toISOString;
+    return dateTransform({
+      type: type,
+      _valueType: 'date',
+      toISOString: toISOString
+    });
+  },
+  /** 年月日 时分秒 */
+  dateTime: function dateTime(_ref4) {
+    var type = _ref4.type,
+      toISOString = _ref4.toISOString;
+    return dateTransform({
+      type: type,
+      _valueType: 'dateTime',
+      toISOString: toISOString
+    });
+  },
+  /** 年月日 00:00:00 */
+  dateStartTime: function dateStartTime(_ref5) {
+    var type = _ref5.type,
+      toISOString = _ref5.toISOString;
+    return dateTransform({
+      type: type,
+      _valueType: 'dateStartTime',
+      toISOString: toISOString
+    });
+  },
+  /** 年月日 23:59:59 */
+  dateEndTime: function dateEndTime(_ref6) {
+    var type = _ref6.type,
+      toISOString = _ref6.toISOString;
+    return dateTransform({
+      type: type,
+      _valueType: 'dateEndTime',
+      toISOString: toISOString
+    });
+  },
+  /** 年月日 00:00:00 ~ 年月日 23:59:59 */
+  dateStartEndTime: function dateStartEndTime(_ref7) {
+    var type = _ref7.type,
+      toISOString = _ref7.toISOString;
+    return dateTransform({
+      type: type,
+      _valueType: 'dateStartEndTime',
+      toISOString: toISOString
+    });
+  },
+  /** 百分比 */
+  percentage: function percentage(_ref8) {
+    var type = _ref8.type,
+      valueType = _ref8.valueType;
+    return transformRatio({
+      type: type,
+      valueType: valueType,
+      precision: 2
+    });
+  },
+  /** 千分比 */
+  permillage: function permillage(_ref9) {
+    var type = _ref9.type,
+      valueType = _ref9.valueType;
+    return transformRatio({
+      type: type,
+      valueType: valueType,
+      precision: 3
+    });
+  },
+  /**  开关 YN转换 */
+  switch: function _switch(_ref10) {
+    var switchValue = _ref10.switchValue;
+    return switchTransform(switchValue);
+  }
+};
+exports.default = _default;

package/lib/ProIcon/index.d.ts

@@ -0,0 +1,5 @@
+import { FC } from 'react';
+import { ProIconProps } from './propsTypes';
+import './style/index.less';
+declare const ProIcon: FC<ProIconProps>;
+export default ProIcon;

package/lib/ProIcon/index.js

@@ -0,0 +1,68 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/objectSpread2"));
+var _react = _interopRequireDefault(require("react"));
+var _antd = require("antd");
+var _classnames = _interopRequireDefault(require("classnames"));
+require("./style/index.less");
+/*
+ * @Author: wangshengqiang
+ * @Date: 2023-02-02 17:47:35
+ * @LastEditTime: 2023-03-24 11:04:58
+ * @LastEditors: wangshengqiang
+ * @Description:
+ */
+
+var ProIcon = function ProIcon(props) {
+  var type = props.type,
+    onClick = props.onClick,
+    _props$size = props.size,
+    size = _props$size === void 0 ? 14 : _props$size,
+    color = props.color,
+    className = props.className,
+    _props$style = props.style,
+    style = _props$style === void 0 ? {} : _props$style,
+    _props$spin = props.spin,
+    spin = _props$spin === void 0 ? false : _props$spin,
+    rotate = props.rotate,
+    _props$theme = props.theme,
+    theme = _props$theme === void 0 ? false : _props$theme,
+    _props$disabled = props.disabled,
+    disabled = _props$disabled === void 0 ? false : _props$disabled;
+  var rotateStyle = rotate ? {
+    msTransform: "rotate(".concat(rotate, "deg)"),
+    transform: "rotate(".concat(rotate, "deg)")
+  } : undefined;
+  var proIconClassNames = (0, _classnames.default)(className, {
+    'pro-icon': true,
+    'pro-icon-spin': !!spin,
+    'pro-icon-with-theme': theme
+  });
+  var SvgElement = /*#__PURE__*/_react.default.createElement("svg", {
+    className: proIconClassNames,
+    "aria-hidden": "true",
+    onClick: onClick,
+    fill: "currentColor",
+    style: (0, _objectSpread2.default)((0, _objectSpread2.default)({
+      width: "".concat(size, "px"),
+      height: "".concat(size, "px")
+    }, rotateStyle), style)
+  }, /*#__PURE__*/_react.default.createElement("use", {
+    xlinkHref: "#icon-".concat(type)
+  }));
+  if (disabled) {
+    return /*#__PURE__*/_react.default.createElement(_antd.Button, {
+      type: "text",
+      icon: /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, SvgElement),
+      disabled: true
+    });
+  }
+  return SvgElement;
+};
+var _default = ProIcon;
+exports.default = _default;

package/lib/ProIcon/propsTypes.d.ts

@@ -0,0 +1,56 @@
+import React, { CSSProperties } from 'react';
+export interface ProIconProps {
+    /**
+     * @description       图标的名称
+     * @default           -
+     */
+    type: string;
+    /**
+     * @description       图标的大小,同时设置图标的width以及height
+     * @default           14
+     */
+    size?: number;
+    /**
+     * @description       图标旋转角度（IE9 无效）
+     *
+     * @default           -
+     */
+    rotate?: number;
+    /**
+     * @description       图标是否旋转loading
+     *
+     * @default           false
+     */
+    spin?: boolean;
+    /**
+     * @description       图标的颜色,svg的fill属性
+     *
+     * @default           -
+     */
+    color?: string;
+    /**
+   * @description      禁用
+   * @default           false
+   */
+    disabled?: boolean;
+    /**
+  * @description      是否跟随主题色
+  * @default           false
+  */
+    theme?: boolean;
+    /**
+      * @description       图标的点击事件
+      * @default           ()=>{}
+      */
+    onClick?: React.MouseEventHandler<SVGSVGElement>;
+    /**
+     * @description       图标的className
+     * @default           -
+     */
+    className?: string;
+    /**
+     * @description       计算后的 svg 元素样式,style的优先级高过size/color/rotate属性
+     * @default           -
+     */
+    style?: CSSProperties;
+}

package/lib/ProIcon/propsTypes.js

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

package/lib/ProIcon/style/index.less

@@ -0,0 +1,12 @@
+.pro-icon {
+  cursor: pointer;
+
+
+  &.pro-icon-with-theme {
+    fill: var(--zaui-brand, #006Aff);
+  }
+
+  &.pro-icon-spin {
+    animation: loadingCircle 1s infinite linear;
+  }
+}

package/lib/ProLayout/components/Layout/Header/index.d.ts

@@ -0,0 +1,4 @@
+import type { FC } from 'react';
+import type { ProLayoutProps } from '../../../propTypes';
+declare const Header: FC<ProLayoutProps>;
+export default Header;

package/lib/ProLayout/components/Layout/Header/index.js

@@ -0,0 +1,41 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _classnames = _interopRequireDefault(require("classnames"));
+var _logoImg = _interopRequireDefault(require("../../../images/logoImg.png"));
+var Header = function Header(props) {
+  var headerHeight = props.headerHeight,
+    pure = props.pure,
+    headerTitleRender = props.headerTitleRender,
+    headerContentRender = props.headerContentRender,
+    rightContentRender = props.rightContentRender,
+    title = props.title,
+    logo = props.logo;
+  if (pure === true || (pure === null || pure === void 0 ? void 0 : pure.topMenu)) {
+    return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null);
+  }
+  return /*#__PURE__*/_react.default.createElement("div", {
+    className: (0, _classnames.default)({
+      'pro-layout-header': true,
+      'pro-layout-header-pure': typeof pure !== 'boolean' ? pure.topMenu : pure
+    }),
+    style: {
+      height: headerHeight
+    }
+  }, headerTitleRender || /*#__PURE__*/_react.default.createElement("div", {
+    className: "pro-layout-header-logo"
+  }, /*#__PURE__*/_react.default.createElement("span", null, logo || /*#__PURE__*/_react.default.createElement("img", {
+    className: "default-logo",
+    src: _logoImg.default,
+    alt: "logo"
+  })), title ? /*#__PURE__*/_react.default.createElement("h4", null, title) : null), headerContentRender || null, rightContentRender ? /*#__PURE__*/_react.default.createElement("div", {
+    className: "pro-layout-header-actions"
+  }, rightContentRender) : null);
+};
+var _default = Header;
+exports.default = _default;