fan-standard-comp 3.1.2 → 3.1.4

package/lib/StandardContent/style/index.less

@@ -1,80 +0,0 @@
-@root-entry-name: default;
-@import (reference) '~antd/es/style/themes/index';
-
-.scroll-bar(){
-  &::-webkit-scrollbar-track-piece {
-    background: fade(@primary-color, 10%);
-  }
-  &::-webkit-scrollbar {
-    width: 6px;
-    height: 6px;
-  }
-  &::-webkit-scrollbar-thumb {
-    background: fade(@primary-color, 50%);
-    border-radius: 20px;
-  }
-}
-.spec-wrapper-content {
-  position: relative;
-  padding: @padding-lg;
-  background: @background-color-base;
-  height: 100%;
-  overflow: auto;
-  & .light-block {
-    padding: @padding-lg;
-    background: @layout-body-background;
-  }
-}
-.spec-grid-content {
-  position: relative;
-  display: flex;
-  height: calc(100vh - @layout-header-height);
-  background:transparent; // @background-color-base;
-  .spec-grid-left {
-    height: calc(100vh - @layout-header-height);
-    padding: @padding-md @padding-sm;
-    background: @layout-body-background;
-    overflow-y: auto;
-    .scroll-bar();
-    .ant-tree-list,
-    .ant-tree {
-      max-height: 100%;
-    }
-  }
-  .spec-grid-right {
-    flex: 1;
-    height: calc(100vh - @layout-header-height);
-    padding: @padding-lg;
-    overflow-y: auto;
-    //margin-left: 200px
-  }
-}
-
-// 加载loading中状态样式
-.spec-wrapper-content-loading,
-.spec-grid-content-loading{
-  & > *:not(.ant-spin) {
-    opacity: .6;
-  }
-  & > .ant-spin.ant-spin-spinning{
-    position: absolute;
-    top: 0;
-    left: 0;
-    z-index: 4;
-    width: 100%;
-    height: 100%;
-    .ant-spin-dot {
-      position: absolute;
-      top: 25%;
-      left: 50%;
-      margin: -10px;
-    }
-    .ant-spin-text {
-      position: absolute;
-      top: 25%;
-      width: 100%;
-      padding-top: 5px;
-      margin-top: 10px;
-    }
-  }
-}

package/lib/StandardDragModal/index.d.ts

@@ -1,11 +0,0 @@
-import React from 'react';
-import 'ant-design-draggable-modal/dist/index.css';
-interface StandardDragModalProps {
-    visible: boolean;
-    title?: string | React.ReactNode;
-    initialWidth?: number;
-    initialHeight?: number;
-    [k: string]: any;
-}
-declare const StandardDragModal: (props: StandardDragModalProps) => JSX.Element;
-export default StandardDragModal;

package/lib/StandardDragModal/index.js

@@ -1,43 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-
-var _tslib = require("tslib");
-
-var _react = _interopRequireDefault(require("react"));
-
-var _antDesignDraggableModal = require("ant-design-draggable-modal");
-
-require("ant-design-draggable-modal/dist/index.css");
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
-var StandardDragModal = function StandardDragModal(props) {
-  var visible = props.visible,
-      onCancel = props.onCancel,
-      onSubmit = props.onSubmit,
-      children = props.children,
-      others = (0, _tslib.__rest)(props, ["visible", "onCancel", "onSubmit", "children"]);
-
-  var handleOk = function handleOk() {
-    onSubmit && onSubmit();
-  };
-
-  var handleCancel = function handleCancel() {
-    onCancel && onCancel();
-  };
-
-  return /*#__PURE__*/_react.default.createElement(_antDesignDraggableModal.DraggableModalProvider, null, /*#__PURE__*/_react.default.createElement(_antDesignDraggableModal.DraggableModal, Object.assign({
-    visible: visible,
-    onOk: handleOk,
-    onCancel: handleCancel
-  }, others, {
-    zIndex: 1001
-  }), children));
-};
-
-var _default = StandardDragModal;
-exports.default = _default;

package/lib/StandardFilter/index.d.ts

@@ -1,35 +0,0 @@
-import React from 'react';
-import { FieldComponentProps } from '../FormComp/FieldComponent';
-import { ButtonGroupOptionsProps } from '../ButtonGroup/index';
-import './style/index.less';
-export interface StandardFilterProps {
-    buttonGroup?: ButtonGroupOptionsProps[];
-    formItemGroup?: FieldComponentProps[];
-    confirmText?: string;
-    onFilterSearch?: (value?: object) => void;
-    onFilterReset?: (value?: object) => void;
-    cancelText?: string;
-    initialValues?: any;
-    getFormFields?: (fields: any, form: any) => void;
-    className?: string;
-    style?: React.CSSProperties;
-    min?: number;
-    codes?: any[];
-    permissionCodes?: string[];
-}
-declare class StandardFilter extends React.Component<StandardFilterProps, any> {
-    static getDerivedStateFromProps(nextProps: StandardFilterProps): {
-        reFormItemGroup: FieldComponentProps[];
-    };
-    private filterFormRef;
-    constructor(props: StandardFilterProps);
-    componentDidMount(): void;
-    componentDidUpdate(prevProps: StandardFilterProps): void;
-    updateFormFields: (newVal?: any, force?: boolean) => void;
-    handleSearch: (values: object) => void;
-    handleReset: () => void;
-    itemIsHide: (isHide: any) => any;
-    renderFormItemGroup: () => any;
-    render(): JSX.Element;
-}
-export default StandardFilter;

package/lib/StandardFilter/index.js

@@ -1,272 +0,0 @@
-"use strict";
-
-function _typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") { _typeof = function _typeof(obj) { return typeof obj; }; } else { _typeof = function _typeof(obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }; } return _typeof(obj); }
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-
-require("antd/es/button/style");
-
-var _button = _interopRequireDefault(require("antd/es/button"));
-
-require("antd/es/form/style");
-
-var _form = _interopRequireDefault(require("antd/es/form"));
-
-var _react = _interopRequireDefault(require("react"));
-
-var _FieldComponent = _interopRequireDefault(require("../FormComp/FieldComponent"));
-
-var _ValueFormat = _interopRequireDefault(require("../utils/ValueFormat.js"));
-
-var _index = _interopRequireDefault(require("../ButtonGroup/index"));
-
-var _index2 = require("../data/index");
-
-require("./style/index.less");
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
-function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
-
-function _toConsumableArray(arr) { return _arrayWithoutHoles(arr) || _iterableToArray(arr) || _unsupportedIterableToArray(arr) || _nonIterableSpread(); }
-
-function _nonIterableSpread() { throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
-
-function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
-
-function _iterableToArray(iter) { if (typeof Symbol !== "undefined" && Symbol.iterator in Object(iter)) return Array.from(iter); }
-
-function _arrayWithoutHoles(arr) { if (Array.isArray(arr)) return _arrayLikeToArray(arr); }
-
-function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }
-
-function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
-
-function _defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } }
-
-function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); return Constructor; }
-
-function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function"); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, writable: true, configurable: true } }); if (superClass) _setPrototypeOf(subClass, superClass); }
-
-function _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf || function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf(o, p); }
-
-function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }
-
-function _possibleConstructorReturn(self, call) { if (call && (_typeof(call) === "object" || typeof call === "function")) { return call; } return _assertThisInitialized(self); }
-
-function _assertThisInitialized(self) { if (self === void 0) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return self; }
-
-function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Date.prototype.toString.call(Reflect.construct(Date, [], function () {})); return true; } catch (e) { return false; } }
-
-function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf : function _getPrototypeOf(o) { return o.__proto__ || Object.getPrototypeOf(o); }; return _getPrototypeOf(o); }
-
-var FormItem = _form.default.Item;
-
-var StandardFilter = /*#__PURE__*/function (_React$Component) {
-  _inherits(StandardFilter, _React$Component);
-
-  var _super = _createSuper(StandardFilter);
-
-  function StandardFilter(props) {
-    var _this;
-
-    _classCallCheck(this, StandardFilter);
-
-    _this = _super.call(this, props);
-    _this.filterFormRef = /*#__PURE__*/_react.default.createRef(); // 更新表单控件值，用于外部获取当前表单实例(force是否强制清空表单)
-
-    _this.updateFormFields = function (newVal, force) {
-      var getFormFields = _this.props.getFormFields;
-      var resetValues = {};
-
-      if (force) {
-        // this.filterFormRef.current.resetFields()
-        // 先清空 再赋值
-        resetValues = _this.filterFormRef.current.getFieldsValue();
-        Object.keys(resetValues).forEach(function (item) {
-          resetValues[item] = undefined;
-        });
-      }
-
-      _this.filterFormRef.current.setFieldsValue(Object.assign(Object.assign({}, resetValues), newVal)); // 直接清空表单的赋值
-
-
-      if (getFormFields) getFormFields(_this.filterFormRef.current.getFieldsValue(), _this.filterFormRef);
-    };
-
-    _this.handleSearch = function (values) {
-      var _this$props = _this.props,
-          formItemGroup = _this$props.formItemGroup,
-          onFilterSearch = _this$props.onFilterSearch; // if (Object.prototype.hasOwnProperty.call(values, false)) {
-      //   delete values.false // TODO 自定义结构会莫名的出来一个false字段
-      // }
-
-      var resultValues = (0, _ValueFormat.default)(values, formItemGroup);
-
-      if (onFilterSearch) {
-        onFilterSearch(Object.assign({}, resultValues));
-      }
-    };
-
-    _this.handleReset = function () {
-      var onFilterReset = _this.props.onFilterReset; // 使用此方法，表单校验无法清空掉
-      // const resetValues = this.filterFormRef.current.getFieldsValue()
-      // Object.keys(resetValues).forEach((item) => {
-      //   resetValues[item] = undefined
-      // })
-      // this.filterFormRef.current.setFieldsValue({ ...resetValues }) // 直接清空表单的赋值
-
-      _this.filterFormRef.current.resetFields();
-
-      _this.setState({
-        reFormItemGroup: _this.props.formItemGroup // 重新渲染列表
-
-      });
-
-      if (onFilterReset) {
-        onFilterReset(_this.filterFormRef.current.getFieldsValue());
-      }
-    };
-
-    _this.itemIsHide = function (isHide) {
-      var current = _this.filterFormRef.current;
-      if (!isHide) return false;
-
-      if (typeof isHide === 'function') {
-        return isHide(current ? current.getFieldsValue() : {}, current);
-      }
-
-      return isHide;
-    }; // 表单列表组 formItemGroup 类型为数组或者React.Node
-
-
-    _this.renderFormItemGroup = function () {
-      var reFormItemGroup = _this.state.reFormItemGroup;
-
-      if (Array.isArray(reFormItemGroup)) {
-        return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, reFormItemGroup.map(function (item, index) {
-          var componentStyle = item.componentStyle,
-              isHide = item.isHide;
-          if (_this.itemIsHide(isHide)) return null;
-          return /*#__PURE__*/_react.default.createElement(FormItem, Object.assign({
-            key: item.filedName,
-            label: item.label,
-            name: item.type !== 'custom' && item.filedName,
-            rules: item.rules || (item.fieldOptions ? item.fieldOptions.rules : [])
-          }, item.protoFormItem), item.type === 'custom' && item.customRender ? item.customRender(_this.filterFormRef, Object.assign({}, item)) : /*#__PURE__*/_react.default.createElement(_FieldComponent.default, Object.assign({}, item, {
-            onChange: function onChange(val) {
-              var updateValue = val;
-
-              if (item.type === 'input' || item.type === 'textarea' || item.type === 'radio') {
-                updateValue = val.target.value;
-              }
-
-              if (Array.isArray(val)) {
-                updateValue = _toConsumableArray(val);
-              }
-
-              _this.updateFormFields(_defineProperty({}, item.filedName, updateValue));
-
-              for (var _len = arguments.length, otherParams = new Array(_len > 1 ? _len - 1 : 0), _key = 1; _key < _len; _key++) {
-                otherParams[_key - 1] = arguments[_key];
-              }
-
-              if (item.onChange) item.onChange.apply(item, [val, _this.filterFormRef].concat(otherParams));
-            },
-            style: Object.assign({
-              width: item.type === 'checkbox' || item.type === 'radio' ? 'auto' : _index2.general.formItemStyle.xsm.width
-            }, componentStyle)
-          })));
-        }));
-      }
-
-      return reFormItemGroup;
-    };
-
-    _this.state = {
-      // recombinationGroup: [],
-      reFormItemGroup: undefined
-    };
-    return _this;
-  }
-
-  _createClass(StandardFilter, [{
-    key: "componentDidMount",
-    value: function componentDidMount() {
-      var initialValues = this.props.initialValues;
-      this.updateFormFields(initialValues, true);
-    }
-  }, {
-    key: "componentDidUpdate",
-    value: function componentDidUpdate(prevProps) {
-      var initialValues = this.props.initialValues;
-
-      if (prevProps.initialValues !== initialValues) {
-        this.updateFormFields(initialValues, true);
-      }
-    }
-  }, {
-    key: "render",
-    value: function render() {
-      var _this$props2 = this.props,
-          className = _this$props2.className,
-          style = _this$props2.style,
-          onFilterReset = _this$props2.onFilterReset,
-          _this$props2$buttonGr = _this$props2.buttonGroup,
-          buttonGroup = _this$props2$buttonGr === void 0 ? [] : _this$props2$buttonGr,
-          min = _this$props2.min,
-          codes = _this$props2.codes,
-          permissionCodes = _this$props2.permissionCodes,
-          confirmText = _this$props2.confirmText,
-          cancelText = _this$props2.cancelText; // const { recombinationGroup } = this.state;
-
-      return /*#__PURE__*/_react.default.createElement(_form.default, {
-        name: "standard-filter-form",
-        ref: this.filterFormRef,
-        layout: "inline",
-        onFinish: this.handleSearch,
-        className: className,
-        style: style
-      }, /*#__PURE__*/_react.default.createElement("div", {
-        className: "filter-grid"
-      }, /*#__PURE__*/_react.default.createElement("div", {
-        className: "filter-form"
-      }, this.state.reFormItemGroup ? /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, this.renderFormItemGroup(), /*#__PURE__*/_react.default.createElement(FormItem, null, /*#__PURE__*/_react.default.createElement(_button.default, {
-        type: "primary",
-        htmlType: "submit"
-      }, "  ", confirmText || '查询'), onFilterReset && /*#__PURE__*/_react.default.createElement(_button.default, {
-        type: "primary",
-        style: {
-          marginLeft: 8
-        },
-        onClick: this.handleReset,
-        ghost: true
-      }, cancelText || '重置'))) : null), buttonGroup && buttonGroup.length > 0 ? /*#__PURE__*/_react.default.createElement("div", {
-        className: "filter-btns"
-      }, /*#__PURE__*/_react.default.createElement(_index.default, {
-        options: buttonGroup,
-        min: min,
-        codes: codes,
-        permissionCodes: permissionCodes
-      })) : null));
-    }
-  }], [{
-    key: "getDerivedStateFromProps",
-    value: function getDerivedStateFromProps(nextProps) {
-      var formItemGroup = nextProps.formItemGroup; // const restOptionList = removeNoPermission(buttonGroup, permissionCodes, codes) || []
-
-      return {
-        // recombinationGroup: restOptionList,
-        reFormItemGroup: formItemGroup
-      };
-    }
-  }]);
-
-  return StandardFilter;
-}(_react.default.Component);
-
-var _default = StandardFilter;
-exports.default = _default;

package/lib/StandardFilter/style/index.less

@@ -1,62 +0,0 @@
-@root-entry-name: default;
-@import (reference) '~antd/es/style/themes/index';
-
-.filter-grid {
-  display: flex;
-  width: 100%;
-  .filter-form {
-    flex: 1;
-    font-size: 0;
-    display: flex;
-    flex-wrap: wrap;
-    .ant-form-item {
-      margin-right: @padding-md; // 16px
-      margin-bottom: @padding-md;
-      .ant-form-item{
-        margin-bottom: 0;
-      }
-    }
-    .ant-form-item-control{
-      //width: 140px;
-    }
-    .ant-form-item-control,
-    .ant-form-item-label {
-      line-height: 32px;
-    }
-  }
-  .filter-btns {
-    //max-width: 340px;
-    text-align: right;
-    .spec-button-group {
-      padding-left: 80px;
-    }
-    .ant-btn {
-      margin-bottom: @padding-md;
-      margin-left: @padding-sm;
-    }
-  }
-  .ant-select-single:not(.ant-select-customize-input) .ant-select-selector{
-    line-height: @height-base - 2;
-  }
-
-}
-
-.toolbarBtn {
-  min-height: @btn-height-base;
-  margin-bottom: @padding-md;
-  .ant-btn {
-    margin-right: @padding-md;
-  }
-}
-.toolbar {
-  margin-bottom: @padding-md;
-  .toolbar-tForm {
-    //min-height: @btn-height-base;
-    //display: flex;
-    //justify-content: flex-end;
-    //align-items: center;
-  }
-}
-.searchForm{
-  margin-bottom: @padding-md;
-}

package/lib/StandardForm/ActionList.js

@@ -1,57 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-
-require("antd/es/button/style");
-
-var _button = _interopRequireDefault(require("antd/es/button"));
-
-var _react = _interopRequireDefault(require("react"));
-
-var _IconNode = _interopRequireDefault(require("../components/IconNode"));
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
-var ActionList = function ActionList(props) {
-  var list = props.list,
-      form = props.form,
-      _props$align = props.align,
-      align = _props$align === void 0 ? 'default' : _props$align,
-      other = props.other,
-      onStep = props.onStep;
-  return /*#__PURE__*/_react.default.createElement("div", {
-    className: "standardForm-actions",
-    style: {
-      textAlign: !align || align === 'default' ? 'inherit' : align
-    }
-  }, list.map(function (item, index) {
-    return /*#__PURE__*/_react.default.createElement(_button.default, {
-      key: index,
-      type: item.type ? item.type : 'primary',
-      icon: /*#__PURE__*/_react.default.createElement(_IconNode.default, {
-        icon: item.icon
-      }),
-      ghost: item.ghost,
-      disabled: item.disabled,
-      loading: item.loading,
-      onClick: function onClick(e) {
-        if (item.action) {
-          // 如果有配置默认执行方法，则优先以组件内部的步骤事件做处理
-          onStep && onStep(item.action, function () {
-            item.fn && item.fn(item, form, other, e);
-          });
-        } else if (item.fn) {
-          item.fn(item, form, other, e);
-        } else if (item.onClick) {
-          item.onClick(item, form, other, e);
-        }
-      }
-    }, item.name);
-  }));
-};
-
-var _default = ActionList;
-exports.default = _default;

package/lib/StandardForm/StepForm.d.ts

@@ -1,19 +0,0 @@
-import React from 'react';
-import { StandardFormProps, ItemGroupProps } from './index';
-import './style/index.less';
-export interface StepItemGroupProps extends ItemGroupProps {
-    icon?: any;
-    hideStep?: boolean;
-    title?: any;
-    status?: any;
-    subTitle?: any;
-    disabled?: any;
-}
-export interface StepFormProp extends StandardFormProps {
-    stepsConfig?: any;
-    actionHide?: boolean;
-    stepClick?: (type?: string, formChild?: any, values?: any) => void;
-    formItemGroup?: StepItemGroupProps[];
-}
-declare const StepForm: React.ForwardRefExoticComponent<Pick<StepFormProp, string | number> & React.RefAttributes<unknown>>;
-export default StepForm;