linkmore-design 1.0.14 → 1.0.17

package/es/ProTable/detectElementResize.js

@@ -0,0 +1,225 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = createDetectElementResize;
+
+/**
+ * Detect Element Resize.
+ * https://github.com/sdecima/javascript-detect-element-resize
+ * Sebastian Decima
+ *
+ * Forked from version 0.5.3; includes the following modifications:
+ * 1) Guard against unsafe 'window' and 'document' references (to support SSR).
+ * 2) Defer initialization code via a top-level function wrapper (to support SSR).
+ * 3) Avoid unnecessary reflows by not measuring size for scroll events bubbling from children.
+ * 4) Add nonce for style element.
+ * 5) Added support for injecting custom window object
+ **/
+function createDetectElementResize(nonce, hostWindow) {
+  // Check `document` and `window` in case of server-side rendering
+  var _window;
+
+  if (typeof hostWindow !== 'undefined') {
+    _window = hostWindow;
+  } else if (typeof window !== 'undefined') {
+    _window = window;
+  } else if (typeof self !== 'undefined') {
+    _window = self;
+  } else {
+    _window = global;
+  }
+
+  var attachEvent = typeof _window.document !== 'undefined' && _window.document.attachEvent;
+
+  if (!attachEvent) {
+    var requestFrame = function () {
+      var raf = _window.requestAnimationFrame || _window.mozRequestAnimationFrame || _window.webkitRequestAnimationFrame || function (fn) {
+        return _window.setTimeout(fn, 20);
+      };
+
+      return function (fn) {
+        return raf(fn);
+      };
+    }();
+
+    var cancelFrame = function () {
+      var cancel = _window.cancelAnimationFrame || _window.mozCancelAnimationFrame || _window.webkitCancelAnimationFrame || _window.clearTimeout;
+      return function (id) {
+        return cancel(id);
+      };
+    }();
+
+    var resetTriggers = function resetTriggers(element) {
+      var triggers = element.__resizeTriggers__,
+          expand = triggers.firstElementChild,
+          contract = triggers.lastElementChild,
+          expandChild = expand.firstElementChild;
+      contract.scrollLeft = contract.scrollWidth;
+      contract.scrollTop = contract.scrollHeight;
+      expandChild.style.width = expand.offsetWidth + 1 + 'px';
+      expandChild.style.height = expand.offsetHeight + 1 + 'px';
+      expand.scrollLeft = expand.scrollWidth;
+      expand.scrollTop = expand.scrollHeight;
+    };
+
+    var checkTriggers = function checkTriggers(element) {
+      return element.offsetWidth != element.__resizeLast__.width || element.offsetHeight != element.__resizeLast__.height;
+    };
+
+    var scrollListener = function scrollListener(e) {
+      // Don't measure (which forces) reflow for scrolls that happen inside of children!
+      if (e.target.className && typeof e.target.className.indexOf === 'function' && e.target.className.indexOf('contract-trigger') < 0 && e.target.className.indexOf('expand-trigger') < 0) {
+        return;
+      }
+
+      var element = this;
+      resetTriggers(this);
+
+      if (this.__resizeRAF__) {
+        cancelFrame(this.__resizeRAF__);
+      }
+
+      this.__resizeRAF__ = requestFrame(function () {
+        if (checkTriggers(element)) {
+          element.__resizeLast__.width = element.offsetWidth;
+          element.__resizeLast__.height = element.offsetHeight;
+
+          element.__resizeListeners__.forEach(function (fn) {
+            fn.call(element, e);
+          });
+        }
+      });
+    };
+    /* Detect CSS Animations support to detect element display/re-attach */
+
+
+    var animation = false,
+        keyframeprefix = '',
+        animationstartevent = 'animationstart',
+        domPrefixes = 'Webkit Moz O ms'.split(' '),
+        startEvents = 'webkitAnimationStart animationstart oAnimationStart MSAnimationStart'.split(' '),
+        pfx = '';
+    {
+      var elm = _window.document.createElement('fakeelement');
+
+      if (elm.style.animationName !== undefined) {
+        animation = true;
+      }
+
+      if (animation === false) {
+        for (var i = 0; i < domPrefixes.length; i++) {
+          if (elm.style[domPrefixes[i] + 'AnimationName'] !== undefined) {
+            pfx = domPrefixes[i];
+            keyframeprefix = '-' + pfx.toLowerCase() + '-';
+            animationstartevent = startEvents[i];
+            animation = true;
+            break;
+          }
+        }
+      }
+    }
+    var animationName = 'resizeanim';
+    var animationKeyframes = '@' + keyframeprefix + 'keyframes ' + animationName + ' { from { opacity: 0; } to { opacity: 0; } } ';
+    var animationStyle = keyframeprefix + 'animation: 1ms ' + animationName + '; ';
+  }
+
+  var createStyles = function createStyles(doc) {
+    if (!doc.getElementById('detectElementResize')) {
+      //opacity:0 works around a chrome bug https://code.google.com/p/chromium/issues/detail?id=286360
+      var css = (animationKeyframes ? animationKeyframes : '') + '.resize-triggers { ' + (animationStyle ? animationStyle : '') + 'visibility: hidden; opacity: 0; } ' + '.resize-triggers, .resize-triggers > div, .contract-trigger:before { content: " "; display: block; position: absolute; top: 0; left: 0; height: 100%; width: 100%; overflow: hidden; z-index: -1; } .resize-triggers > div { background: #eee; overflow: auto; } .contract-trigger:before { width: 200%; height: 200%; }',
+          head = doc.head || doc.getElementsByTagName('head')[0],
+          style = doc.createElement('style');
+      style.id = 'detectElementResize';
+      style.type = 'text/css';
+
+      if (nonce != null) {
+        style.setAttribute('nonce', nonce);
+      }
+
+      if (style.styleSheet) {
+        style.styleSheet.cssText = css;
+      } else {
+        style.appendChild(doc.createTextNode(css));
+      }
+
+      head.appendChild(style);
+    }
+  };
+
+  var addResizeListener = function addResizeListener(element, fn) {
+    if (attachEvent) {
+      element.attachEvent('onresize', fn);
+    } else {
+      if (!element.__resizeTriggers__) {
+        var doc = element.ownerDocument;
+
+        var elementStyle = _window.getComputedStyle(element);
+
+        if (elementStyle && elementStyle.position == 'static') {
+          element.style.position = 'relative';
+        }
+
+        createStyles(doc);
+        element.__resizeLast__ = {};
+        element.__resizeListeners__ = [];
+        (element.__resizeTriggers__ = doc.createElement('div')).className = 'resize-triggers';
+        var expandTrigger = doc.createElement('div');
+        expandTrigger.className = 'expand-trigger';
+        expandTrigger.appendChild(doc.createElement('div'));
+        var contractTrigger = doc.createElement('div');
+        contractTrigger.className = 'contract-trigger';
+
+        element.__resizeTriggers__.appendChild(expandTrigger);
+
+        element.__resizeTriggers__.appendChild(contractTrigger);
+
+        element.appendChild(element.__resizeTriggers__);
+        resetTriggers(element);
+        element.addEventListener('scroll', scrollListener, true);
+        /* Listen for a css animation to detect element display/re-attach */
+
+        if (animationstartevent) {
+          element.__resizeTriggers__.__animationListener__ = function animationListener(e) {
+            if (e.animationName == animationName) {
+              resetTriggers(element);
+            }
+          };
+
+          element.__resizeTriggers__.addEventListener(animationstartevent, element.__resizeTriggers__.__animationListener__);
+        }
+      }
+
+      element.__resizeListeners__.push(fn);
+    }
+  };
+
+  var removeResizeListener = function removeResizeListener(element, fn) {
+    if (attachEvent) {
+      element.detachEvent('onresize', fn);
+    } else {
+      element.__resizeListeners__.splice(element.__resizeListeners__.indexOf(fn), 1);
+
+      if (!element.__resizeListeners__.length) {
+        element.removeEventListener('scroll', scrollListener, true);
+
+        if (element.__resizeTriggers__.__animationListener__) {
+          element.__resizeTriggers__.removeEventListener(animationstartevent, element.__resizeTriggers__.__animationListener__);
+
+          element.__resizeTriggers__.__animationListener__ = null;
+        }
+
+        try {
+          element.__resizeTriggers__ = !element.removeChild(element.__resizeTriggers__);
+        } catch (e) {// Preact compat; see developit/preact-compat/issues/228
+        }
+      }
+    }
+  };
+
+  return {
+    addResizeListener: addResizeListener,
+    removeResizeListener: removeResizeListener
+  };
+}

package/es/ProTable/style/style.css

@@ -1062,3 +1062,10 @@ html {
 .lm_img_table .lm_card_cell_content:hover .card_cell_body .card_cell_checkbox {
   opacity: 1;
 }
+.lm_customCheck {
+  position: absolute;
+  bottom: 0;
+  left: 0;
+  max-width: 50%;
+  font-size: 12px;
+}

package/es/Radio/style/style.css

@@ -34,6 +34,13 @@
   color: var(--font-color);
   vertical-align: middle;
 }
+.lm-radio-group .ant-radio-button-wrapper .anticon {
+  font-size: 16px;
+  vertical-align: middle;
+}
+.lm-radio-group .ant-radio-button-wrapper:hover {
+  color: var(--primary-color);
+}
 .lm-radio-group .ant-radio-button-wrapper > span:last-child {
   display: inline-block;
   font-size: 12px;

package/es/TabBar/style/style.css

@@ -15,7 +15,6 @@
   list-style: none;
 }
 .lm-tabbar-list-item {
-  height: 40px;
   display: flex;
   flex-direction: row;
   align-items: center;

package/lib/Button/index.js

@@ -41,7 +41,9 @@ var LMButton = function LMButton(props) {
       hover = _props$hover === void 0 ? false : _props$hover,
       restProps = __rest(props, ["children", "className", "size", "type", "hover"]);
 
-  var classs = (0, _classnames.default)('lm-button', className, (0, _defineProperty2.default)({}, "lm-button-".concat(size), size), (0, _defineProperty2.default)({}, "lm-button-".concat(type), type), (0, _defineProperty2.default)({}, "lm-button-".concat(type, "-hover"), type && hover));
+  var classs = (0, _classnames.default)('lm-button', className, {
+    'lm-button-icon-only': !children
+  }, (0, _defineProperty2.default)({}, "lm-button-".concat(size), size), (0, _defineProperty2.default)({}, "lm-button-".concat(type), type), (0, _defineProperty2.default)({}, "lm-button-".concat(type, "-hover"), type && hover));
   return /*#__PURE__*/_react.default.createElement(_button.default, Object.assign({}, restProps, {
     className: classs,
     size: size,

package/lib/Button/style/style.css

@@ -7,7 +7,7 @@
   vertical-align: middle;
 }
 .ant-btn.lm-button .anticon {
-  font-size: 16px;
+  font-size: 12px;
   line-height: 0;
 }
 .ant-btn.lm-button .anticon + span {
@@ -96,3 +96,6 @@
   border: 0 !important;
   background: transparent !important;
 }
+.ant-btn.lm-button-icon-only .anticon {
+  font-size: 16px;
+}

package/lib/CkFilter/baseFilter/filterMenu.js

@@ -160,6 +160,17 @@ var FilterMenu = function FilterMenu(props) {
     }
   };
 
+  if (['cascader'].includes(type)) {
+    return /*#__PURE__*/_react.default.createElement(_filterTypes.default, (0, _extends2.default)({}, props, {
+      itemProps: comProps,
+      filters: data,
+      isFiltering: isFiltering,
+      getFilterValue: filterValue,
+      setFilterValue: setFilterValue,
+      handleClear: handleClear
+    }));
+  }
+
   if (type === 'date') {
     return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement("div", {
       className: (0, _classnames.default)('filter_item', {

package/lib/CkFilter/complexFilter/drawer.js

@@ -27,6 +27,8 @@ var _linkmoreDesign = require("linkmore-design");
 
 var _react = _interopRequireWildcard(require("react"));
 
+var _modal = _interopRequireDefault(require("../components/modal"));
+
 var _IconFont = _interopRequireDefault(require("../../IconFont"));
 
 var _VirtualList = _interopRequireDefault(require("../../VirtualList"));
@@ -54,17 +56,55 @@ var ListItemChecked = function ListItemChecked(props) {
     return fullData.find(function (v) {
       return v.field === field;
     });
-  }, [field, fullData]); // 选中的数据
+  }, [field, fullData]); // 级联选择器的选中值
+
+  var cascaderValue = (0, _react.useMemo)(function () {
+    if (getItem.type === 'cascader') {
+      return value.value.map(function (v) {
+        return v[v.length - 1];
+      });
+    }
+
+    return value.value;
+  }, [props]); // 遍历树结构
+
+  var deepChildren = function deepChildren(arr, preArr) {
+    arr.forEach(function (item) {
+      var _item$children;
+
+      if (cascaderValue.includes(item.value)) {
+        preArr.push(item);
+      }
+
+      if ((_item$children = item.children) === null || _item$children === void 0 ? void 0 : _item$children.length) {
+        deepChildren(item.children, preArr);
+      }
+    });
+  }; // 选中的数据
+
 
   var checkedValues = (0, _react.useMemo)(function () {
     var checkedValue = value.value;
 
     if (Array.isArray(checkedValue)) {
+      if (getItem.type === 'cascader') {
+        var arr = [];
+        deepChildren(getItem.data, arr);
+        return arr;
+      }
+
       return getItem.data.filter(function (v) {
         return checkedValue.includes(v.value);
       });
     }
 
+    if (getItem.type === 'input') {
+      return cascaderValue ? [{
+        value: cascaderValue,
+        label: cascaderValue
+      }] : [];
+    }
+
     var filterValue = getItem.data.find(function (v) {
       return v.value === checkedValue;
     });
@@ -317,7 +357,7 @@ var Index = function Index() {
     return /*#__PURE__*/_react.default.createElement("div", (0, _extends2.default)({}, resetProps, {
       className: "filter_drawer_group_item"
     }), /*#__PURE__*/_react.default.createElement(ListItemChecked, item));
-  })), /*#__PURE__*/_react.default.createElement(ListGroup, null))));
+  })), /*#__PURE__*/_react.default.createElement(ListGroup, null)), /*#__PURE__*/_react.default.createElement(_modal.default, null)));
 };
 
 var _default = Index;

package/lib/CkFilter/components/CascaderFilter.js

@@ -0,0 +1,132 @@
+"use strict";
+
+var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+require("antd/es/cascader/style");
+
+var _cascader = _interopRequireDefault(require("antd/es/cascader"));
+
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+
+require("antd/es/button/style");
+
+var _button = _interopRequireDefault(require("antd/es/button"));
+
+require("antd/es/input/style");
+
+var _input = _interopRequireDefault(require("antd/es/input"));
+
+var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
+
+var _react = _interopRequireWildcard(require("react"));
+
+var _lodash = require("lodash");
+
+var CascaderFilter = function CascaderFilter(_ref) {
+  var visible = _ref.visible,
+      filters = _ref.options,
+      getFilterValue = _ref.value,
+      setFilterValue = _ref.onChange,
+      _ref$props = _ref.props,
+      props = _ref$props === void 0 ? {} : _ref$props;
+
+  var _useState = (0, _react.useState)(filters),
+      _useState2 = (0, _slicedToArray2.default)(_useState, 2),
+      options = _useState2[0],
+      setOptions = _useState2[1];
+
+  var _useState3 = (0, _react.useState)(props.multiple ? [] : ''),
+      _useState4 = (0, _slicedToArray2.default)(_useState3, 2),
+      defaultValue = _useState4[0],
+      setDefaultValue = _useState4[1];
+
+  var _useState5 = (0, _react.useState)(getFilterValue || (props.multiple ? [] : '')),
+      _useState6 = (0, _slicedToArray2.default)(_useState5, 2),
+      checkedValues = _useState6[0],
+      setCheckedValues = _useState6[1];
+
+  var isSearch = (0, _react.useMemo)(function () {
+    return filters.length > 8;
+  }, [filters.length]);
+
+  var handleFilter = function handleFilter(val) {
+    setOptions(filters.filter(function (v) {
+      return v.label.indexOf(val) > -1;
+    }));
+  };
+
+  var dropdownRender = function dropdownRender(menus) {
+    var inputRef = (0, _react.useRef)(null); // 确定
+
+    var handleSure = function handleSure() {
+      setFilterValue(checkedValues);
+    }; // 清空
+
+
+    var handleReset = function handleReset() {
+      inputRef.current.input.value = '';
+      setFilterValue(undefined);
+    };
+
+    return /*#__PURE__*/_react.default.createElement("div", {
+      className: "filter_cascader_container filter_dropdown",
+      style: {
+        width: 392
+      }
+    }, /*#__PURE__*/_react.default.createElement("div", {
+      className: "filter_header"
+    }, /*#__PURE__*/_react.default.createElement(_input.default.Search, {
+      ref: inputRef,
+      allowClear: true,
+      size: "small",
+      placeholder: "\u8BF7\u8F93\u5165",
+      onSearch: handleFilter // onChange={debounce((e) => handleFilter(e.target.value), 500)}
+
+    })), menus, isSearch && /*#__PURE__*/_react.default.createElement("div", {
+      className: "filter_footer"
+    }, /*#__PURE__*/_react.default.createElement("div", {
+      className: "footer_clear",
+      onClick: handleReset
+    }, "\u6E05\u7A7A"), /*#__PURE__*/_react.default.createElement(_button.default, {
+      type: "primary",
+      size: "small",
+      onClick: handleSure
+    }, "\u786E\u5B9A")));
+  };
+
+  var onChange = function onChange(item, selectedOptions) {
+    if (props.multiple) {
+      setFilterValue(item); // setFilterValue(item.map((v) => v[v.length - 1]));
+
+      setCheckedValues(item);
+    } else {
+      setFilterValue(item);
+      setCheckedValues(item);
+    }
+  };
+
+  (0, _react.useEffect)(function () {
+    if (visible) {
+      setCheckedValues(getFilterValue || (props.multiple ? [] : ''));
+    }
+  }, [visible]);
+  return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_cascader.default, (0, _extends2.default)({
+    allowClear: true
+  }, props, {
+    options: options,
+    defaultValue: defaultValue,
+    value: checkedValues,
+    onChange: onChange,
+    dropdownRender: dropdownRender
+  })));
+};
+
+var _default = CascaderFilter;
+exports.default = _default;

package/lib/CkFilter/components/CheckboxTags.js

@@ -0,0 +1,53 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray"));
+
+var _react = _interopRequireDefault(require("react"));
+
+var _classnames = _interopRequireDefault(require("classnames"));
+
+var _linkmoreDesign = require("linkmore-design");
+
+// 复选标签组件，选中字段，多选
+var CheckboxTags = function CheckboxTags(_ref) {
+  var value = _ref.value,
+      onChange = _ref.onChange,
+      options = _ref.options;
+
+  var handleClick = function handleClick(item) {
+    var oriValue = value || []; // 源数据
+
+    var has = oriValue === null || oriValue === void 0 ? void 0 : oriValue.includes(item.value); // 是否已被选中
+
+    var nValue = has ? oriValue.filter(function (v) {
+      return v !== item.value;
+    }) : [].concat((0, _toConsumableArray2.default)(oriValue), [item.value]);
+    onChange === null || onChange === void 0 ? void 0 : onChange(nValue); // 返回选中的数据
+  };
+
+  return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_linkmoreDesign.Space, {
+    size: 8,
+    wrap: true,
+    className: "auto_height"
+  }, options === null || options === void 0 ? void 0 : options.map(function (v) {
+    return /*#__PURE__*/_react.default.createElement("div", {
+      key: v.value,
+      className: (0, _classnames.default)('checkbox_tag', {
+        active: value === null || value === void 0 ? void 0 : value.includes(v.value)
+      }),
+      onClick: function onClick() {
+        return handleClick(v);
+      }
+    }, v.label);
+  })));
+};
+
+var _default = CheckboxTags;
+exports.default = _default;

package/lib/CkFilter/components/Controls.js

@@ -0,0 +1,43 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+require("antd/es/input/style");
+
+var _input = _interopRequireDefault(require("antd/es/input"));
+
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+
+var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
+
+var _react = _interopRequireDefault(require("react"));
+
+var _CheckboxTags = _interopRequireDefault(require("./CheckboxTags"));
+
+var _CascaderFilter = _interopRequireDefault(require("./CascaderFilter"));
+
+var _excluded = ["type", "options"];
+
+var Controls = function Controls(props) {
+  var type = props.type,
+      options = props.options,
+      resetProps = (0, _objectWithoutProperties2.default)(props, _excluded);
+  var obj = {
+    'select': /*#__PURE__*/_react.default.createElement(_CheckboxTags.default, (0, _extends2.default)({
+      options: options
+    }, resetProps)),
+    'cascader': /*#__PURE__*/_react.default.createElement(_CascaderFilter.default, (0, _extends2.default)({
+      options: options
+    }, resetProps)),
+    'input': /*#__PURE__*/_react.default.createElement(_input.default, resetProps)
+  };
+  return obj[type] || null;
+};
+
+var _default = Controls;
+exports.default = _default;