fan-standard-comp 3.1.2 → 3.1.4

package/lib/StandardForm/index.js

@@ -1,197 +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 _tslib = require("tslib");
-
-var _react = _interopRequireWildcard(require("react"));
-
-var _classnames = _interopRequireDefault(require("classnames"));
-
-var _RenderItemGroup = _interopRequireDefault(require("../FormComp/RenderItemGroup"));
-
-var _data = require("../data");
-
-require("./style/index.less");
-
-var _ActionList = _interopRequireDefault(require("./ActionList"));
-
-function _getRequireWildcardCache() { if (typeof WeakMap !== "function") return null; var cache = new WeakMap(); _getRequireWildcardCache = function _getRequireWildcardCache() { return cache; }; return cache; }
-
-function _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
-function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
-
-function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure 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 _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 _iterableToArrayLimit(arr, i) { if (typeof Symbol === "undefined" || !(Symbol.iterator in Object(arr))) return; var _arr = []; var _n = true; var _d = false; var _e = undefined; try { for (var _i = arr[Symbol.iterator](), _s; !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i["return"] != null) _i["return"](); } finally { if (_d) throw _e; } } return _arr; }
-
-function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
-
-var StandardForm = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
-  var _props$formItemGroup = props.formItemGroup,
-      formItemGroup = _props$formItemGroup === void 0 ? [] : _props$formItemGroup,
-      className = props.className,
-      initialValues = props.initialValues,
-      _props$layout = props.layout,
-      layout = _props$layout === void 0 ? 'horizontal' : _props$layout,
-      _props$grid = props.grid,
-      grid = _props$grid === void 0 ? 1 : _props$grid,
-      getFormFields = props.getFormFields,
-      fieldStatus = props.fieldStatus,
-      onSubmit = props.onSubmit,
-      _props$confirmText = props.confirmText,
-      confirmText = _props$confirmText === void 0 ? '确认' : _props$confirmText,
-      onCancel = props.onCancel,
-      _props$cancelText = props.cancelText,
-      cancelText = _props$cancelText === void 0 ? '取消' : _props$cancelText,
-      actionAlign = props.actionAlign,
-      actionGroup = props.actionGroup,
-      onFinishFailed = props.onFinishFailed,
-      children = props.children,
-      prefix = props.prefix,
-      postfix = props.postfix,
-      fieldSize = props.fieldSize,
-      displayLayout = props.displayLayout,
-      baseProps = (0, _tslib.__rest)(props, ["formItemGroup", "className", "initialValues", "layout", "grid", "getFormFields", "fieldStatus", "onSubmit", "confirmText", "onCancel", "cancelText", "actionAlign", "actionGroup", "onFinishFailed", "children", "prefix", "postfix", "fieldSize", "displayLayout"]);
-
-  var _Form$useForm = _form.default.useForm(),
-      _Form$useForm2 = _slicedToArray(_Form$useForm, 1),
-      initForm = _Form$useForm2[0];
-
-  (0, _react.useEffect)(function () {
-    if (initForm) {
-      // <---- check ref before use the form instance
-      forceUpdateForm();
-    }
-  }, [initForm]); // 栅格尺寸
-
-  var gridSize = (0, _react.useMemo)(function () {
-    var sizeName = 'xs';
-    if (grid <= 1) sizeName = 'xs';
-    if (grid === 2) sizeName = 'md';
-    if (grid === 3) sizeName = 'lg';
-    if (grid > 3) sizeName = 'xlg';
-    return sizeName;
-  }, [grid]); // 按钮组对齐位置
-
-  var actionAlignCol = (0, _react.useMemo)(function () {
-    if (layout !== 'horizontal' || gridSize !== 'xs' || actionAlign && actionAlign !== 'default') {
-      return {};
-    }
-
-    return Object.assign(Object.assign({}, _data.general.modalSize[gridSize].formBlockLayout.wrapperCol), {
-      offset: _data.general.modalSize[gridSize].formBlockLayout.labelCol.span
-    });
-  }, [layout, gridSize, actionAlign]); // 强制更新表单值，用于赋初始化实例值
-
-  var forceUpdateForm = function forceUpdateForm() {
-    // @ts-ignore
-    getFormFields && getFormFields(initForm && initForm.getFieldsValue() || {}, initForm);
-  };
-
-  var onFormFinish = function onFormFinish(values) {
-    if (onSubmit) onSubmit(values);
-  };
-
-  var onFormFinishFailed = function onFormFinishFailed(_ref) {
-    var values = _ref.values,
-        errorFields = _ref.errorFields,
-        outOfDate = _ref.outOfDate;
-    // 定位到第一条表单异常的焦点
-    var errorCollection = Array.prototype.slice.call(document.getElementsByClassName('ant-form-item-has-error'));
-
-    if (errorCollection[0] && errorCollection[0].getElementsByTagName('input')) {
-      Array.prototype.slice.call(errorCollection[0].getElementsByTagName('input'))[0].focus();
-    }
-
-    if (onFinishFailed) onFinishFailed({
-      values: values,
-      errorFields: errorFields,
-      outOfDate: outOfDate
-    });
-  };
-
-  var onFormCancel = function onFormCancel() {
-    if (onCancel) onCancel();
-  }; // 按钮组
-
-
-  var renderActionGroup = function renderActionGroup() {
-    var groupNode = function groupNode() {
-      if (Array.isArray(actionGroup)) {
-        return actionGroup.length === 0 ? null : /*#__PURE__*/_react.default.createElement(_form.default.Item, {
-          wrapperCol: actionAlignCol
-        }, /*#__PURE__*/_react.default.createElement(_ActionList.default, {
-          list: actionGroup,
-          form: initForm,
-          align: actionAlign,
-          other: props
-        }));
-      }
-
-      return actionGroup;
-    };
-
-    if (Array.isArray(actionGroup) && actionGroup.length === 0) return null;
-    if (actionGroup) return groupNode();
-    return /*#__PURE__*/_react.default.createElement(_form.default.Item, {
-      className: "standardForm-actions",
-      style: {
-        'textAlign': !actionAlign || actionAlign === 'default' ? 'inherit' : actionAlign
-      },
-      wrapperCol: actionAlignCol
-    }, confirmText && /*#__PURE__*/_react.default.createElement(_button.default, {
-      type: "primary",
-      htmlType: "submit",
-      size: fieldSize
-    }, confirmText), cancelText && /*#__PURE__*/_react.default.createElement(_button.default, {
-      onClick: function onClick() {
-        return onFormCancel();
-      },
-      size: fieldSize
-    }, cancelText));
-  };
-
-  return /*#__PURE__*/_react.default.createElement(_form.default, Object.assign({
-    className: (0, _classnames.default)(className, 'standardForm'),
-    ref: ref,
-    form: initForm,
-    initialValues: initialValues,
-    layout: layout
-  }, baseProps, {
-    onFinish: onFormFinish,
-    onFinishFailed: onFormFinishFailed,
-    scrollToFirstError: true
-  }), prefix, children, /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, formItemGroup.length > 0 ? /*#__PURE__*/_react.default.createElement(_RenderItemGroup.default, {
-    itemGroup: formItemGroup,
-    fieldSize: fieldSize,
-    displayLayout: displayLayout,
-    // doUpdateFormFields={() => forceUpdateForm()}
-    size: gridSize,
-    layout: layout,
-    fieldStatus: fieldStatus
-  }) : null, renderActionGroup()), postfix);
-});
-
-var _default = StandardForm;
-exports.default = _default;

package/lib/StandardForm/style/index.less

@@ -1,58 +0,0 @@
-@root-entry-name: default;
-@import (reference) '~antd/es/style/themes/index';
-
-.standardForm {
-  &.ant-form-inline {
-    .ant-form-item {
-      margin-bottom: @padding-md;
-    }
-    .ant-form-item-explain, .ant-form-item-extra{
-      position: absolute;
-    }
-    .ant-slider {
-      min-width: 100px;
-    }
-  }
-  &.ant-form-horizontal {
-    &.ant-form-small {
-      .ant-form-item-label> label {
-        min-height: @input-height-sm;}
-    }
-    &.ant-form-large {
-      .ant-form-item-label> label {
-        min-height: @input-height-lg;}
-    }
-    .ant-form-item-label {
-      white-space: inherit;
-      > label {
-        min-height: @input-height-base;
-        height: auto;
-        &.ant-form-item-required{
-          padding-left: 8px;
-          &:before {
-            position: absolute;
-            left:1px;
-            margin-right: 0;
-          }
-        }
-      }
-    }
-  }
-
-  .standardForm-actions {
-    .ant-btn + .ant-btn {
-      margin-left: 8px;
-    }
-  }
-  .stepForm-content {
-    margin: @padding-md 0;
-  }
-  .tabForm-content-inline,
-  .stepForm-content-inline {
-    display: flex;
-    flex-wrap: wrap;
-    .ant-select {
-      min-width: 100px;
-    }
-  }
-}

package/lib/StandardModal/UpdateFormRef.js

@@ -1,32 +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;
-
-var _react = _interopRequireWildcard(require("react"));
-
-function _getRequireWildcardCache() { if (typeof WeakMap !== "function") return null; var cache = new WeakMap(); _getRequireWildcardCache = function _getRequireWildcardCache() { return cache; }; return cache; }
-
-function _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
-
-var updateModalForm = function updateModalForm(props) {
-  var getFormAndFields = props.getFormAndFields,
-      form = props.form;
-
-  var updateFormFields = function updateFormFields() {
-    if (getFormAndFields) getFormAndFields(form.current.getFieldsValue() || {}, form.current);
-  };
-
-  (0, _react.useEffect)(function () {
-    updateFormFields();
-  }, [form]);
-  return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null);
-  /* 如果是ReactNode则直接返回 */
-};
-
-var _default = updateModalForm;
-exports.default = _default;

package/lib/StandardModal/index.d.ts

@@ -1,44 +0,0 @@
-import React from 'react';
-import { ModalProps } from 'antd/es/modal';
-import PropTypes from 'prop-types';
-import { ItemGroupProps } from '../StandardForm/index';
-import './style/index.less';
-import 'ant-design-draggable-modal/dist/index.css';
-export interface StandardModalProps extends ModalProps {
-    children?: React.ReactNode;
-    title?: String;
-    type?: String;
-    size?: any;
-    formItemGroup?: ItemGroupProps[];
-    formPrefix?: (modalForm?: any, props?: StandardModalProps, forceUpdateForm?: () => void) => React.ReactNode;
-    formPostfix?: (modalForm?: any, props?: StandardModalProps, forceUpdateForm?: () => void) => React.ReactNode;
-    onSubmit?: (values?: any) => void;
-    confirmText?: String;
-    cancelText?: String;
-    onCancel?: () => void;
-    afterClose?: () => void;
-    initialValues?: object;
-    getFormFields?: (fields: any, form: any) => void;
-    fieldStatus?: 'default' | 'viewOnly' | 'disabled';
-    formLayout?: 'horizontal' | 'vertical' | 'inline';
-    tabsConfig?: any;
-    stepsConfig?: any;
-    className?: string;
-    style?: React.CSSProperties;
-    visible?: boolean;
-    bodyStyle?: React.CSSProperties;
-    hideRequiredMark?: boolean;
-    hideFooter?: Boolean;
-    footerButtonGroup?: ((modalForm?: any, props?: StandardModalProps) => React.ReactNode | PropTypes.ReactNodeArray | any) | any;
-    footer?: any;
-    displayLayout?: any;
-    confirmLoading?: boolean;
-    okText?: string;
-    okButtonProps?: any;
-    confirmButtonProps?: any;
-    cancelButtonProps?: any;
-    dragAble?: boolean;
-    [k: string]: any;
-}
-declare const StandardModal: (props: StandardModalProps) => JSX.Element;
-export default StandardModal;