linkmore-design 1.0.58 → 1.0.59

package/dist/Form/container.d.ts

@@ -0,0 +1,8 @@
+import React from 'react';
+export interface IContainerProps {
+    className?: string;
+    style?: React.CSSProperties;
+    responsive?: Boolean;
+}
+declare const LMContainer: React.FC<IContainerProps>;
+export default LMContainer;

package/dist/Form/demos/responsive.d.ts

@@ -0,0 +1,2 @@
+declare const App: () => JSX.Element;
+export default App;

package/dist/Form/index.d.ts

@@ -3,6 +3,9 @@ import { Form as AntdForm, FormInstance, FormProps, List } from 'antd';
 import useFormInstance from 'antd/lib/form/hooks/useFormInstance';
 import { FormProvider } from 'antd/lib/form/context';
 import { useForm, useWatch } from 'antd/lib/form/Form';
+export interface LmFormProps extends FormProps {
+    responsive?: Boolean;
+}
 declare const Reform: <Values = any>(props: FormProps<Values> & {
     children?: React.ReactNode;
 } & {

package/dist/LmFilter/customFilter/index.d.ts

@@ -1,2 +1,4 @@
 export default LmFilterCustom;
-declare function LmFilterCustom(e: any): JSX.Element;
+declare function LmFilterCustom({ instance }: {
+    instance: any;
+}): JSX.Element;

package/dist/LmFilter/filterFns/index.d.ts

@@ -4,9 +4,12 @@ declare function CoreOptions({ state, dispatch, props }: {
     dispatch: any;
     props: any;
 }): {
-    setFilterValue: (item: any, field: any) => void;
+    getState: () => any;
+    getBasicFilter: () => any;
     getFilterValue: ({ field, type }: {
         field: any;
         type: any;
     }) => any;
+    setFilterValue: (item: any, field: any) => void;
+    setLocalization: (localization?: any) => void;
 };

package/dist/index.umd.js

@@ -88380,13 +88380,103 @@
 	  }, props));
 	};
 
-	var _excluded$1r = ["children", "className"];
+	var _excluded$1r = ["children", "className", "responsive"];
+	var prefixCls$c = 'lm_container';
+
+	var LMContainer = function LMContainer(props) {
+	  var children = props.children,
+	      className = props.className,
+	      responsive = props.responsive,
+	      others = _objectWithoutProperties(props, _excluded$1r);
+
+	  var _useState = React.useState({
+	    width: '100%',
+	    height: '100%'
+	  }),
+	      _useState2 = _slicedToArray(_useState, 2),
+	      containerSize = _useState2[0],
+	      setContainerSize = _useState2[1];
+
+	  var containerWrapRef = React.useRef(null);
+	  var throttleSize = React.useCallback(function () {
+	    var width = containerSize.width,
+	        height = containerSize.height;
+	    var responsiveCls = responsive && width !== '100%' ? 'responsive' : '';
+	    var lm_col = '';
+
+	    if (responsiveCls) {
+	      if (parseInt(width) < 990) {
+	        lm_col = 'lm_col_3';
+	      } else if (parseInt(width) < 1390) {
+	        lm_col = 'lm_col_4';
+	      } else {
+	        lm_col = 'lm_col_5';
+	      }
+	    }
+
+	    var classes = classnames(className, prefixCls$c, responsiveCls, lm_col);
+	    return /*#__PURE__*/React__default['default'].createElement("div", _objectSpread(_objectSpread({
+	      ref: containerWrapRef,
+	      className: classes
+	    }, others), {}, {
+	      style: {
+	        width: width,
+	        height: height
+	      }
+	    }), children);
+	  }, [containerSize, props]);
+
+	  var changeSize = function changeSize() {
+	    var _containerWrapRef$cur;
+
+	    var _ref = ((_containerWrapRef$cur = containerWrapRef.current) === null || _containerWrapRef$cur === void 0 ? void 0 : _containerWrapRef$cur.getBoundingClientRect()) || {},
+	        _ref$width = _ref.width,
+	        width = _ref$width === void 0 ? '100%' : _ref$width;
+
+	    setContainerSize({
+	      width: width,
+	      height: '100%'
+	    });
+	  };
+
+	  var handResize = lodash.throttle(changeSize, 600);
+	  React.useEffect(function () {
+	    setTimeout(function () {
+	      changeSize();
+	    }, 100);
+	    window.addEventListener('resize', handResize);
+	    return function () {
+	      window.removeEventListener('resize', handResize);
+	    };
+	  }, []);
+	  return /*#__PURE__*/React__default['default'].createElement("div", {
+	    className: "lm_container_wrapper",
+	    ref: containerWrapRef,
+	    style: {
+	      width: '100%',
+	      height: '100%'
+	    }
+	  }, throttleSize());
+	};
+
+	var _excluded$1s = ["children", "className", "responsive"];
 	var classNamePrefix = 'lm_form';
 
 	var LMForm = function LMForm(props, ref) {
 	  var children = props.children,
 	      className = props.className,
-	      restProps = _objectWithoutProperties(props, _excluded$1r);
+	      responsive = props.responsive,
+	      restProps = _objectWithoutProperties(props, _excluded$1s);
+
+	  if (responsive) {
+	    return /*#__PURE__*/React__default['default'].createElement(LMContainer, {
+	      responsive: true
+	    }, /*#__PURE__*/React__default['default'].createElement(_Form__default['default'], _objectSpread({
+	      ref: ref,
+	      className: classnames(classNamePrefix, className),
+	      colon: false
+	    }, restProps), children));
+	  }
 
 	  return /*#__PURE__*/React__default['default'].createElement(_Form__default['default'], _objectSpread({
 	    ref: ref,
@@ -88453,13 +88543,13 @@
 	  }, children);
 	};
 
-	var _excluded$1s = ["data-row-key", "children", "className"];
+	var _excluded$1t = ["data-row-key", "children", "className"];
 
 	var SortableItem$1 = function SortableItem(props) {
 	  var key = props['data-row-key'],
 	      children = props.children,
 	      className = props.className,
-	      resetField = _objectWithoutProperties(props, _excluded$1s);
+	      resetField = _objectWithoutProperties(props, _excluded$1t);
 
 	  var _useSortable = useSortable({
 	    id: key
@@ -88499,7 +88589,7 @@
 	  }));
 	};
 
-	var _excluded$1t = ["index"],
+	var _excluded$1u = ["index"],
 	    _excluded2$n = ["index"],
 	    _excluded3$7 = ["value", "onChange"],
 	    _excluded4$3 = ["record", "rowKey", "isEdit", "col", "handleTableRowDelete", "handleTableRowAdd", "getLength", "isHoverEdit", "editEnum", "valueType", "children", "handleSave", "handleAdd", "handleDelete", "itemProps", "setValid", "reWriteOriginSource"],
@@ -88510,7 +88600,7 @@
 
 	var EditableRow$1 = function EditableRow(_ref) {
 	  var index = _ref.index,
-	      props = _objectWithoutProperties(_ref, _excluded$1t);
+	      props = _objectWithoutProperties(_ref, _excluded$1u);
 
 	  var _Form$useForm = _Form__default['default'].useForm(),
 	      _Form$useForm2 = _slicedToArray(_Form$useForm, 1),
@@ -89348,7 +89438,7 @@
 	  return targetElement;
 	}
 
-	var prefixCls$c = 'lm_quick_menu';
+	var prefixCls$d = 'lm_quick_menu';
 
 	var LMQuickMenu = function LMQuickMenu(props) {
 	  var className = props.className,
@@ -89482,7 +89572,7 @@
 	    };
 	  }, []);
 	  return /*#__PURE__*/React__default['default'].createElement("div", {
-	    className: classnames(prefixCls$c),
+	    className: classnames(prefixCls$d),
 	    onMouseEnter: function onMouseEnter() {
 	      if (scrollTimeOut.current) {
 	        clearTimeout(scrollTimeOut.current);
@@ -95834,11 +95924,11 @@
 	});
 	MobilePopupInner.displayName = 'MobilePopupInner';
 
-	var _excluded$1u = ["visible", "mobile"];
+	var _excluded$1v = ["visible", "mobile"];
 	var Popup = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
 	  var visible = _ref.visible,
 	      mobile = _ref.mobile,
-	      props = _objectWithoutProperties$1(_ref, _excluded$1u);
+	      props = _objectWithoutProperties$1(_ref, _excluded$1v);
 
 	  var _useState = React.useState(visible),
 	      _useState2 = _slicedToArray$1(_useState, 2),
@@ -98886,7 +98976,7 @@
 	  }
 	}
 
-	var _excluded$1v = ["prefixCls", "getPopupContainer", "className", "placement", "size", "disabled", "bordered", "placeholder", "status"];
+	var _excluded$1w = ["prefixCls", "getPopupContainer", "className", "placement", "size", "disabled", "bordered", "placeholder", "status"];
 	function generateRangePicker(generateConfig) {
 	  var RangePicker$1 = /*#__PURE__*/React.forwardRef(function (props, ref) {
 	    var customizePrefixCls = props.prefixCls,
@@ -98899,7 +98989,7 @@
 	        bordered = _props$bordered === void 0 ? true : _props$bordered,
 	        placeholder = props.placeholder,
 	        customStatus = props.status,
-	        restProps = _objectWithoutProperties(props, _excluded$1v);
+	        restProps = _objectWithoutProperties(props, _excluded$1w);
 
 	    var innerRef = React.useRef(null);
 
@@ -99011,7 +99101,7 @@
 
 	var warning$5 = warning$4;
 
-	var _excluded$1w = ["prefixCls", "getPopupContainer", "className", "size", "bordered", "placement", "placeholder", "disabled", "status"];
+	var _excluded$1x = ["prefixCls", "getPopupContainer", "className", "size", "bordered", "placement", "placeholder", "disabled", "status"];
 	function generatePicker(generateConfig) {
 	  function getPicker(picker, displayName) {
 	    var Picker$1 = /*#__PURE__*/React.forwardRef(function (props, ref) {
@@ -99025,7 +99115,7 @@
 	          placeholder = props.placeholder,
 	          customDisabled = props.disabled,
 	          customStatus = props.status,
-	          restProps = _objectWithoutProperties(props, _excluded$1w);
+	          restProps = _objectWithoutProperties(props, _excluded$1x);
 
 	      console.log(restProps, '---restProps');
 	      warning$5(picker !== 'quarter', displayName, "DatePicker.".concat(displayName, " is legacy usage. Please use DatePicker[picker='").concat(picker, "'] directly."));