linkmore-design 1.0.11 → 1.0.14

package/lib/Dropdown/index.d.ts

@@ -3,6 +3,7 @@ import { DropdownProps, Dropdown } from 'antd';
 export interface IDropdownProps extends DropdownProps {
     className?: string;
     style?: React.CSSProperties;
+    dropdownmatchwidth?: boolean;
 }
 interface LmDropdownInterface extends React.FC<IDropdownProps> {
     Button?: typeof Dropdown.Button;

package/lib/Dropdown/index.js

@@ -1,5 +1,7 @@
 "use strict";
 
+var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
+
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
 
 Object.defineProperty(exports, "__esModule", {
@@ -11,7 +13,9 @@ require("antd/es/dropdown/style");
 
 var _dropdown = _interopRequireDefault(require("antd/es/dropdown"));
 
-var _react = _interopRequireDefault(require("react"));
+var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
+
+var _react = _interopRequireWildcard(require("react"));
 
 var _classnames = _interopRequireDefault(require("classnames"));
 
@@ -34,24 +38,94 @@ var CLMDropdown = function CLMDropdown(props) {
   var children = props.children,
       className = props.className,
       overlayClassName = props.overlayClassName,
-      others = __rest(props, ["children", "className", "overlayClassName"]);
+      _props$dropdownmatchw = props.dropdownmatchwidth,
+      dropdownmatchwidth = _props$dropdownmatchw === void 0 ? false : _props$dropdownmatchw,
+      others = __rest(props, ["children", "className", "overlayClassName", "dropdownmatchwidth"]);
+
+  var dropdownRef = (0, _react.useRef)(null);
+
+  var _useState = (0, _react.useState)(''),
+      _useState2 = (0, _slicedToArray2.default)(_useState, 2),
+      minwidth = _useState2[0],
+      setMinWidth = _useState2[1];
+
+  (0, _react.useEffect)(function () {
+    var _a, _b, _c;
+
+    if (dropdownmatchwidth) {
+      var dropdown_dom = (_a = dropdownRef.current.getElementsByClassName("lm_dropdown")) === null || _a === void 0 ? void 0 : _a[0];
+
+      if (dropdown_dom) {
+        console.log((_b = dropdown_dom.getBoundingClientRect()) === null || _b === void 0 ? void 0 : _b.width);
+        setMinWidth(((_c = dropdown_dom.getBoundingClientRect()) === null || _c === void 0 ? void 0 : _c.width) || '');
+      }
+    }
+  }, []);
+
+  if (!dropdownmatchwidth) {
+    return /*#__PURE__*/_react.default.createElement(_dropdown.default, Object.assign({
+      className: (0, _classnames.default)(className, prefixCls)
+    }, others, {
+      overlayClassName: (0, _classnames.default)(overlayClassName, 'lm_dropdown_overlay')
+    }), children);
+  }
 
-  return /*#__PURE__*/_react.default.createElement(_dropdown.default, Object.assign({
+  return /*#__PURE__*/_react.default.createElement("div", {
+    ref: dropdownRef
+  }, /*#__PURE__*/_react.default.createElement(_dropdown.default, Object.assign({
     className: (0, _classnames.default)(className, prefixCls)
   }, others, {
-    overlayClassName: (0, _classnames.default)(overlayClassName, 'lm_dropdown_overlay')
-  }), children);
+    overlayClassName: (0, _classnames.default)(overlayClassName, 'lm_dropdown_overlay'),
+    overlayStyle: minwidth ? Object.assign({
+      minWidth: minwidth
+    }, others.overlayStyle) : Object.assign({}, others.overlayStyle)
+  }), children));
 };
 
 var LMDropdown = CLMDropdown;
 
 LMDropdown.Button = function (props) {
-  return /*#__PURE__*/_react.default.createElement(_dropdown.default.Button, Object.assign({
+  var _props$dropdownmatchw2 = props.dropdownmatchwidth,
+      dropdownmatchwidth = _props$dropdownmatchw2 === void 0 ? false : _props$dropdownmatchw2;
+  var dropdownRef = (0, _react.useRef)(null);
+
+  var _useState3 = (0, _react.useState)(''),
+      _useState4 = (0, _slicedToArray2.default)(_useState3, 2),
+      minwidth = _useState4[0],
+      setMinWidth = _useState4[1];
+
+  (0, _react.useEffect)(function () {
+    var _a, _b;
+
+    if (dropdownmatchwidth) {
+      var dropdown_dom = (_a = dropdownRef.current.getElementsByClassName("lm_dropdown_button")) === null || _a === void 0 ? void 0 : _a[0];
+
+      if (dropdown_dom) {
+        setMinWidth(((_b = dropdown_dom.getBoundingClientRect()) === null || _b === void 0 ? void 0 : _b.width) || '');
+      }
+    }
+  }, []);
+
+  if (!dropdownmatchwidth) {
+    return /*#__PURE__*/_react.default.createElement(_dropdown.default.Button, Object.assign({
+      size: 'small'
+    }, props, {
+      overlayClassName: (0, _classnames.default)(props.overlayClassName, 'lm_dropdown_overlay'),
+      className: (0, _classnames.default)(props.className, 'lm_dropdown_button')
+    }));
+  }
+
+  return /*#__PURE__*/_react.default.createElement("div", {
+    ref: dropdownRef
+  }, /*#__PURE__*/_react.default.createElement(_dropdown.default.Button, Object.assign({
     size: 'small'
   }, props, {
     overlayClassName: (0, _classnames.default)(props.overlayClassName, 'lm_dropdown_overlay'),
+    overlayStyle: minwidth ? Object.assign({
+      minWidth: minwidth
+    }, props.overlayStyle) : Object.assign({}, props.overlayStyle),
     className: (0, _classnames.default)(props.className, 'lm_dropdown_button')
-  }));
+  })));
 };
 
 var _default = LMDropdown;

package/lib/Dropdown/style/index.css

@@ -71,6 +71,9 @@
   padding: var(--gap);
   line-height: 1;
 }
+.ant-notification-notice .ant-notification-notice-content .ant-notification-notice-message {
+  font-weight: 500;
+}
 @font-face {
   font-family: 'iconfont';
   /* Project id 2966019 */

package/lib/EditTable/style/style.css

@@ -71,6 +71,9 @@
   padding: var(--gap);
   line-height: 1;
 }
+.ant-notification-notice .ant-notification-notice-content .ant-notification-notice-message {
+  font-weight: 500;
+}
 @font-face {
   font-family: 'iconfont';
   /* Project id 2966019 */

package/lib/Filter/Popover.js

@@ -23,10 +23,10 @@ var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/obje
 
 var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
 
-var _react = _interopRequireWildcard(require("react"));
-
 var _icons = require("@ant-design/icons");
 
+var _react = _interopRequireWildcard(require("react"));
+
 var _components = require("./components");
 
 var _popContext = _interopRequireDefault(require("./popContext"));

package/lib/Filter/style/style.css

@@ -71,6 +71,9 @@
   padding: var(--gap);
   line-height: 1;
 }
+.ant-notification-notice .ant-notification-notice-content .ant-notification-notice-message {
+  font-weight: 500;
+}
 @font-face {
   font-family: 'iconfont';
   /* Project id 2966019 */

package/lib/IconFont/index.js

@@ -8,7 +8,7 @@ exports.default = void 0;
 var _icons = require("@ant-design/icons");
 
 var IconFont = (0, _icons.createFromIconfontCN)({
-  scriptUrl: '//at.alicdn.com/t/font_2966019_r2sjvddyblq.js' // 在 iconfont.cn 上生成
+  scriptUrl: '//at.alicdn.com/t/font_2966019_8aij0300kjo.js' // 在 iconfont.cn 上生成
 
 });
 var _default = IconFont;