linkmore-design 1.1.27-beta.5 → 1.1.28-alpha.5

package/lib/Filter/index.js

@@ -1,51 +1,71 @@
 "use strict";
 
 var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard");
+
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
+
 require("antd/es/space/style");
+
 var _space = _interopRequireDefault(require("antd/es/space"));
+
 require("antd/es/input/style");
+
 var _input = _interopRequireDefault(require("antd/es/input"));
+
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+
 var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
+
 var _objectSpread3 = _interopRequireDefault(require("@babel/runtime/helpers/objectSpread2"));
+
 var _react = _interopRequireWildcard(require("react"));
+
 var _icons = require("@ant-design/icons");
+
 var _context = _interopRequireDefault(require("./context"));
+
 var _remember = _interopRequireDefault(require("./remember"));
+
 var _baseFilter = _interopRequireDefault(require("./baseFilter"));
+
 var _ComplexFilter = _interopRequireDefault(require("./complex/ComplexFilter"));
+
 var initialState = {
   // 选中的数据(用于筛选记忆), {field: {...item}, ...}
   checked: {},
   // 抛出的值(用于查询)：对象结构{field: value, ...}
   checkValue: {}
 };
-
 /*
   checked: []
   checkValue：{ [field]: value }
 */
+
 var reducer = function reducer(state, action) {
   var checked = action.checked,
-    checkValue = action.checkValue;
+      checkValue = action.checkValue;
+
   switch (action.type) {
     case 'changeChecked':
       return (0, _objectSpread3.default)((0, _objectSpread3.default)({}, state), {}, {
         checked: checked
       });
+
     case 'changeCheckValue':
       return (0, _objectSpread3.default)((0, _objectSpread3.default)({}, state), {}, {
         checkValue: checkValue
       });
+
     default:
       throw new Error();
   }
 };
+
 var allList = [{
   id: '1',
   value: 'all',
@@ -67,27 +87,28 @@ var allList = [{
   label: '无供应商物料',
   isEdit: false
 }];
-
 /*
   data: 用来获取/展示最新数据(所有下拉框的数据)
   useList: 用来保留结构(不含动态获取的下拉框数据)
 */
+
 var Index = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
   var data = props.data,
-    getChange = props.getChange,
-    _props$rememberList = props.rememberList,
-    rememberList = _props$rememberList === void 0 ? allList : _props$rememberList,
-    custom = props.custom,
-    remember = props.remember,
-    defaultValue = props.defaultValue,
-    complex = props.complex;
+      getChange = props.getChange,
+      _props$rememberList = props.rememberList,
+      rememberList = _props$rememberList === void 0 ? allList : _props$rememberList,
+      custom = props.custom,
+      remember = props.remember,
+      defaultValue = props.defaultValue,
+      complex = props.complex;
+
   var _useReducer = (0, _react.useReducer)(reducer, initialState),
-    _useReducer2 = (0, _slicedToArray2.default)(_useReducer, 2),
-    state = _useReducer2[0],
-    dispatch = _useReducer2[1];
-  var inputRef = (0, _react.useRef)();
+      _useReducer2 = (0, _slicedToArray2.default)(_useReducer, 2),
+      state = _useReducer2[0],
+      dispatch = _useReducer2[1];
+
+  var inputRef = (0, _react.useRef)(); // 输入框输入筛选
 
-  // 输入框输入筛选
   var searchEvent = function searchEvent(value, field) {
     var checkValue = (0, _objectSpread3.default)((0, _objectSpread3.default)({}, state.checkValue), {}, (0, _defineProperty2.default)({}, field, value));
     dispatch({
@@ -95,21 +116,20 @@ var Index = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
       checkValue: checkValue
     });
     getChange === null || getChange === void 0 ? void 0 : getChange(checkValue);
-  };
+  }; // 高级筛选
+
 
-  // 高级筛选
   var onSearch = function onSearch(params) {
-    getChange === null || getChange === void 0 ? void 0 : getChange(params);
+    getChange === null || getChange === void 0 ? void 0 : getChange(params); // 清空基础筛选
 
-    // 清空基础筛选
     dispatch({
       type: 'changeCheckValue',
       checkValue: ''
     });
     inputRef.current.state.value = '';
-  };
+  }; // 设置过滤项的值
+
 
-  // 设置过滤项的值
   var setFilterValue = function setFilterValue(obj) {
     var checkValue = (0, _objectSpread3.default)((0, _objectSpread3.default)({}, state.checkValue), obj);
     dispatch({
@@ -117,11 +137,13 @@ var Index = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
       checkValue: checkValue
     });
   };
+
   _react.default.useImperativeHandle(ref, function () {
     return {
       setFilterValue: setFilterValue
     };
   });
+
   return /*#__PURE__*/_react.default.createElement(_context.default.Provider, {
     value: (0, _objectSpread3.default)({
       dispatch: dispatch,

package/lib/Filter/popContext.js

@@ -1,11 +1,15 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
+
 var _react = _interopRequireDefault(require("react"));
+
 var context = /*#__PURE__*/_react.default.createContext({});
+
 var _default = context;
 exports.default = _default;

package/lib/Filter/remember.js

@@ -1,61 +1,83 @@
 "use strict";
 
 var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard");
+
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
+
 require("antd/es/row/style");
+
 var _row = _interopRequireDefault(require("antd/es/row"));
+
 require("antd/es/col/style");
+
 var _col = _interopRequireDefault(require("antd/es/col"));
+
 require("antd/es/divider/style");
+
 var _divider = _interopRequireDefault(require("antd/es/divider"));
+
 var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/objectSpread2"));
+
 var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
+
 require("antd/es/select/style");
+
 var _select = _interopRequireDefault(require("antd/es/select"));
+
 var _react = _interopRequireWildcard(require("react"));
+
 var _icons = require("@ant-design/icons");
+
 var _editFilter = _interopRequireDefault(require("./edit/editFilter"));
-/* eslint-disable no-unused-vars */
 
+/* eslint-disable no-unused-vars */
 var Option = _select.default.Option;
+
 var Index = function Index(props) {
   var type = props.type,
-    list = props.list,
-    onChange = props.onChange,
-    _props$defaultValue = props.defaultValue,
-    defaultValue = _props$defaultValue === void 0 ? 'all' : _props$defaultValue;
+      list = props.list,
+      onChange = props.onChange,
+      _props$defaultValue = props.defaultValue,
+      defaultValue = _props$defaultValue === void 0 ? 'all' : _props$defaultValue;
+
   var _useState = (0, _react.useState)(false),
-    _useState2 = (0, _slicedToArray2.default)(_useState, 2),
-    useVisible = _useState2[0],
-    setVisible = _useState2[1];
-  // eslint-disable-next-line no-unused-vars
+      _useState2 = (0, _slicedToArray2.default)(_useState, 2),
+      useVisible = _useState2[0],
+      setVisible = _useState2[1]; // eslint-disable-next-line no-unused-vars
+
+
   var _useState3 = (0, _react.useState)(list.map(function (v) {
-      return (0, _objectSpread2.default)((0, _objectSpread2.default)({}, v), {}, {
-        isEdit: false
-      });
-    })),
-    _useState4 = (0, _slicedToArray2.default)(_useState3, 2),
-    useSaveList = _useState4[0],
-    setSaveList = _useState4[1];
+    return (0, _objectSpread2.default)((0, _objectSpread2.default)({}, v), {}, {
+      isEdit: false
+    });
+  })),
+      _useState4 = (0, _slicedToArray2.default)(_useState3, 2),
+      useSaveList = _useState4[0],
+      setSaveList = _useState4[1];
+
   var editList = function editList(e, item) {
     e === null || e === void 0 ? void 0 : e.stopPropagation();
     setVisible(true);
-  };
+  }; // 创建筛选
+
 
-  // 创建筛选
   var editFilter = function editFilter() {
     setVisible(true);
   };
+
   var onClose = function onClose() {
     setVisible(false);
   };
+
   var handleChange = function handleChange(e) {
     onChange === null || onChange === void 0 ? void 0 : onChange(e, 'levelSelect');
   };
+
   return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, type === 'select' ? /*#__PURE__*/_react.default.createElement(_select.default, {
     dropdownClassName: "first_select",
     defaultValue: defaultValue,
@@ -109,5 +131,6 @@ var Index = function Index(props) {
     onClose: onClose
   }));
 };
+
 var _default = Index;
 exports.default = _default;

package/lib/Form/ErrorList.js

@@ -1,21 +1,34 @@
 "use strict";
 
 var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard");
+
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = ErrorList;
+
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+
 var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray"));
+
 var _classnames = _interopRequireDefault(require("classnames"));
+
 var _rcMotion = _interopRequireWildcard(require("rc-motion"));
+
 var React = _interopRequireWildcard(require("react"));
+
 var _ConfigProvider = require("../ConfigProvider");
+
 var _motion = _interopRequireDefault(require("../_util/motion"));
+
 var _context = require("./context");
+
 var _useDebounce = _interopRequireDefault(require("./hooks/useDebounce"));
+
 var EMPTY_LIST = [];
+
 function toErrorEntity(error, errorStatus, prefix) {
   var index = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : 0;
   return {
@@ -24,29 +37,34 @@ function toErrorEntity(error, errorStatus, prefix) {
     errorStatus: errorStatus
   };
 }
+
 function ErrorList(_ref) {
   var help = _ref.help,
-    helpStatus = _ref.helpStatus,
-    _ref$errors = _ref.errors,
-    errors = _ref$errors === void 0 ? EMPTY_LIST : _ref$errors,
-    _ref$warnings = _ref.warnings,
-    warnings = _ref$warnings === void 0 ? EMPTY_LIST : _ref$warnings,
-    rootClassName = _ref.className,
-    onVisibleChanged = _ref.onVisibleChanged;
+      helpStatus = _ref.helpStatus,
+      _ref$errors = _ref.errors,
+      errors = _ref$errors === void 0 ? EMPTY_LIST : _ref$errors,
+      _ref$warnings = _ref.warnings,
+      warnings = _ref$warnings === void 0 ? EMPTY_LIST : _ref$warnings,
+      rootClassName = _ref.className,
+      onVisibleChanged = _ref.onVisibleChanged;
+
   var _React$useContext = React.useContext(_context.FormItemPrefixContext),
-    prefixCls = _React$useContext.prefixCls;
+      prefixCls = _React$useContext.prefixCls;
+
   var _React$useContext2 = React.useContext(_ConfigProvider.ConfigContext),
-    getPrefixCls = _React$useContext2.getPrefixCls;
+      getPrefixCls = _React$useContext2.getPrefixCls;
+
   var baseClassName = "".concat(prefixCls, "-item-explain");
-  var rootPrefixCls = getPrefixCls();
-  // We have to debounce here again since somewhere use ErrorList directly still need no shaking
+  var rootPrefixCls = getPrefixCls(); // We have to debounce here again since somewhere use ErrorList directly still need no shaking
   // ref: https://github.com/ant-design/ant-design/issues/36336
+
   var debounceErrors = (0, _useDebounce.default)(errors);
   var debounceWarnings = (0, _useDebounce.default)(warnings);
   var fullKeyList = React.useMemo(function () {
     if (help !== undefined && help !== null) {
       return [toErrorEntity(help, helpStatus, 'help')];
     }
+
     return [].concat((0, _toConsumableArray2.default)(debounceErrors.map(function (error, index) {
       return toErrorEntity(error, 'error', 'error', index);
     })), (0, _toConsumableArray2.default)(debounceWarnings.map(function (warning, index) {
@@ -60,7 +78,7 @@ function ErrorList(_ref) {
     onVisibleChanged: onVisibleChanged
   }, function (holderProps) {
     var holderClassName = holderProps.className,
-      holderStyle = holderProps.style;
+        holderStyle = holderProps.style;
     return /*#__PURE__*/React.createElement("div", {
       className: (0, _classnames.default)(baseClassName, holderClassName, rootClassName),
       style: holderStyle
@@ -71,10 +89,10 @@ function ErrorList(_ref) {
       component: false
     }), function (itemProps) {
       var key = itemProps.key,
-        error = itemProps.error,
-        errorStatus = itemProps.errorStatus,
-        itemClassName = itemProps.className,
-        itemStyle = itemProps.style;
+          error = itemProps.error,
+          errorStatus = itemProps.errorStatus,
+          itemClassName = itemProps.className,
+          itemStyle = itemProps.style;
       return /*#__PURE__*/React.createElement("div", {
         key: key,
         role: "alert",

package/lib/Form/Form.js

@@ -1,7 +1,9 @@
 "use strict";
 
 var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard");
+
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
@@ -24,78 +26,103 @@ Object.defineProperty(exports, "useWatch", {
     return _rcFieldForm.useWatch;
   }
 });
+
 var _typeof2 = _interopRequireDefault(require("@babel/runtime/helpers/typeof"));
+
 var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
+
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+
 var _classnames = _interopRequireDefault(require("classnames"));
+
 var _rcFieldForm = _interopRequireWildcard(require("rc-field-form"));
+
 var React = _interopRequireWildcard(require("react"));
+
 var _ConfigProvider = require("../ConfigProvider");
+
 var _DisabledContext = _interopRequireWildcard(require("../ConfigProvider/DisabledContext"));
+
 var _SizeContext = _interopRequireWildcard(require("../ConfigProvider/SizeContext"));
+
 var _context = require("./context");
+
 var _useForm3 = _interopRequireDefault(require("./hooks/useForm"));
+
 var _WrapperItem = _interopRequireDefault(require("./WrapperItem"));
+
 var __rest = void 0 && (void 0).__rest || function (s, e) {
   var t = {};
+
   for (var p in s) {
     if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0) t[p] = s[p];
   }
+
   if (s != null && typeof Object.getOwnPropertySymbols === "function") for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
     if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i])) t[p[i]] = s[p[i]];
   }
   return t;
 };
+
 var InternalForm = function InternalForm(props, ref) {
   var _classNames;
+
   var contextSize = React.useContext(_SizeContext.default);
   var contextDisabled = React.useContext(_DisabledContext.default);
+
   var _React$useContext = React.useContext(_ConfigProvider.ConfigContext),
-    getPrefixCls = _React$useContext.getPrefixCls,
-    direction = _React$useContext.direction,
-    contextForm = _React$useContext.form;
+      getPrefixCls = _React$useContext.getPrefixCls,
+      direction = _React$useContext.direction,
+      contextForm = _React$useContext.form;
+
   var customizePrefixCls = props.prefixCls,
-    _props$className = props.className,
-    className = _props$className === void 0 ? '' : _props$className,
-    _props$size = props.size,
-    size = _props$size === void 0 ? contextSize : _props$size,
-    _props$disabled = props.disabled,
-    disabled = _props$disabled === void 0 ? contextDisabled : _props$disabled,
-    form = props.form,
-    colon = props.colon,
-    labelAlign = props.labelAlign,
-    labelWrap = props.labelWrap,
-    labelCol = props.labelCol,
-    wrapperCol = props.wrapperCol,
-    hideRequiredMark = props.hideRequiredMark,
-    _props$layout = props.layout,
-    layout = _props$layout === void 0 ? 'horizontal' : _props$layout,
-    scrollToFirstError = props.scrollToFirstError,
-    requiredMark = props.requiredMark,
-    onFinishFailed = props.onFinishFailed,
-    name = props.name,
-    responsive = props.responsive,
-    customizeChildren = props.children,
-    restFormProps = __rest(props, ["prefixCls", "className", "size", "disabled", "form", "colon", "labelAlign", "labelWrap", "labelCol", "wrapperCol", "hideRequiredMark", "layout", "scrollToFirstError", "requiredMark", "onFinishFailed", "name", "responsive", "children"]);
+      _props$className = props.className,
+      className = _props$className === void 0 ? '' : _props$className,
+      _props$size = props.size,
+      size = _props$size === void 0 ? contextSize : _props$size,
+      _props$disabled = props.disabled,
+      disabled = _props$disabled === void 0 ? contextDisabled : _props$disabled,
+      form = props.form,
+      colon = props.colon,
+      labelAlign = props.labelAlign,
+      labelWrap = props.labelWrap,
+      labelCol = props.labelCol,
+      wrapperCol = props.wrapperCol,
+      hideRequiredMark = props.hideRequiredMark,
+      _props$layout = props.layout,
+      layout = _props$layout === void 0 ? 'horizontal' : _props$layout,
+      scrollToFirstError = props.scrollToFirstError,
+      requiredMark = props.requiredMark,
+      onFinishFailed = props.onFinishFailed,
+      name = props.name,
+      responsive = props.responsive,
+      customizeChildren = props.children,
+      restFormProps = __rest(props, ["prefixCls", "className", "size", "disabled", "form", "colon", "labelAlign", "labelWrap", "labelCol", "wrapperCol", "hideRequiredMark", "layout", "scrollToFirstError", "requiredMark", "onFinishFailed", "name", "responsive", "children"]);
+
   var children = customizeChildren;
   var mergedRequiredMark = (0, React.useMemo)(function () {
     if (requiredMark !== undefined) {
       return requiredMark;
     }
+
     if (contextForm && contextForm.requiredMark !== undefined) {
       return contextForm.requiredMark;
     }
+
     if (hideRequiredMark) {
       return false;
     }
+
     return true;
   }, [hideRequiredMark, requiredMark, contextForm]);
   var mergedColon = colon !== null && colon !== void 0 ? colon : contextForm === null || contextForm === void 0 ? void 0 : contextForm.colon;
   var prefixCls = getPrefixCls('form', customizePrefixCls);
   var formClassName = (0, _classnames.default)('lm_form', prefixCls, (_classNames = {}, (0, _defineProperty2.default)(_classNames, "".concat(prefixCls, "-").concat(layout), true), (0, _defineProperty2.default)(_classNames, "".concat(prefixCls, "-hide-required-mark"), mergedRequiredMark === false), (0, _defineProperty2.default)(_classNames, "".concat(prefixCls, "-rtl"), direction === 'rtl'), (0, _defineProperty2.default)(_classNames, "".concat(prefixCls, "-").concat(size), size), _classNames), className);
+
   var _useForm = (0, _useForm3.default)(form),
-    _useForm2 = (0, _slicedToArray2.default)(_useForm, 1),
-    wrapForm = _useForm2[0];
+      _useForm2 = (0, _slicedToArray2.default)(_useForm, 1),
+      wrapForm = _useForm2[0];
+
   var __INTERNAL__ = wrapForm.__INTERNAL__;
   __INTERNAL__.name = name;
   var formContextValue = (0, React.useMemo)(function () {
@@ -115,23 +142,28 @@ var InternalForm = function InternalForm(props, ref) {
   React.useImperativeHandle(ref, function () {
     return wrapForm;
   });
+
   var onInternalFinishFailed = function onInternalFinishFailed(errorInfo) {
     onFinishFailed === null || onFinishFailed === void 0 ? void 0 : onFinishFailed(errorInfo);
     var defaultScrollToFirstError = {
       block: 'nearest'
     };
+
     if (scrollToFirstError && errorInfo.errorFields.length) {
       if ((0, _typeof2.default)(scrollToFirstError) === 'object') {
         defaultScrollToFirstError = scrollToFirstError;
       }
+
       wrapForm.scrollToField(errorInfo.errorFields[0].name, defaultScrollToFirstError);
     }
   };
+
   if (responsive) {
     children = /*#__PURE__*/React.createElement(_WrapperItem.default, {
       children: children
     });
   }
+
   var formNode = /*#__PURE__*/React.createElement(_DisabledContext.DisabledContextProvider, {
     disabled: disabled
   }, /*#__PURE__*/React.createElement(_SizeContext.SizeContextProvider, {
@@ -147,13 +179,16 @@ var InternalForm = function InternalForm(props, ref) {
     form: wrapForm,
     className: formClassName
   })))));
+
   if (responsive) {
     return /*#__PURE__*/React.createElement("div", {
       className: "lm_form_responsive_box"
     }, formNode);
   }
+
   return formNode;
 };
+
 var Form = /*#__PURE__*/React.forwardRef(InternalForm);
 var _default = Form;
 exports.default = _default;