linkmore-design 1.0.26 → 1.0.29

package/es/CkFilter/customFilter/index.js

@@ -34,6 +34,8 @@ var Custom = function Custom() {
       state = _useStore.state,
       dispatch = _useStore.dispatch;
 
+  var size = state.instance.size;
+
   var _useState = (0, _react.useState)(false),
       _useState2 = (0, _slicedToArray2.default)(_useState, 2),
       visible = _useState2[0],
@@ -107,7 +109,8 @@ var Custom = function Custom() {
     }
   }, /*#__PURE__*/_react.default.createElement("div", {
     className: (0, _classnames.default)('filter_custom', {
-      active: visible
+      active: visible,
+      small: size === 'small'
     })
   }, /*#__PURE__*/_react.default.createElement("div", {
     className: "custom_label"

package/es/CkFilter/customFilter/radioGroup.js

@@ -24,7 +24,8 @@ var CustomGroup = function CustomGroup() {
 
   var _state$instance = state.instance,
       levelGroup = _state$instance.levelGroup,
-      levelGroupKey = _state$instance.levelGroupKey;
+      levelGroupKey = _state$instance.levelGroupKey,
+      size = _state$instance.size;
   var defaultValue = (0, _react.useMemo)(function () {
     var _levelGroup$find;
 
@@ -50,8 +51,8 @@ var CustomGroup = function CustomGroup() {
   return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_linkmoreDesign.Radio.Group, {
     defaultValue: defaultValue,
     onChange: onChange,
-    size: "small"
-  }, levelGroup.map(function (v) {
+    size: size
+  }, size, levelGroup.map(function (v) {
     return /*#__PURE__*/_react.default.createElement(_linkmoreDesign.Radio.Button, {
       key: v.value,
       value: v.value

package/es/CkFilter/style/style.css

@@ -511,7 +511,7 @@ html {
   display: inline-flex;
   align-items: center;
   justify-content: space-between;
-  height: 24px;
+  height: 32px;
   min-width: 100px;
   border: 1px solid var(--box-shadow-color);
   border-radius: 2px;
@@ -520,6 +520,9 @@ html {
   cursor: pointer;
   transition: 0.3s;
 }
+.lm_filter_base .filter_custom.small {
+  height: 24px;
+}
 .lm_filter_base .filter_custom .custom_label {
   padding-right: 16px;
 }
@@ -531,7 +534,7 @@ html {
 }
 .lm_filter_base .line {
   display: inline-block;
-  height: var(--basic-height);
+  height: 32px;
   border-right: 1px solid #eee;
 }
 .lm_filter_base .ant-radio-button-wrapper {
@@ -543,7 +546,7 @@ html {
 .lm_filter_base .filter_item {
   display: inline-flex;
   align-items: center;
-  height: 24px;
+  height: 32px;
   line-height: 1;
   border-radius: 1px;
   padding: 0 8px;
@@ -743,12 +746,22 @@ html {
 }
 .filter_dropdown .filter_empty {
   display: flex;
+  flex-flow: column;
   align-items: center;
   justify-content: center;
   font-size: 12px;
   min-height: 40px;
   color: #666;
-  padding: 0 8px;
+  padding: 16px 8px;
+  margin: auto;
+  gap: 4px;
+}
+.filter_dropdown .filter_empty .filter_empty_text {
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  min-height: 20px;
+  color: var(--font-color);
 }
 .filter_dropdown .ant-checkbox-wrapper {
   flex: 1;
@@ -807,6 +820,7 @@ html {
 .ant-drawer.lm_filter_drawer .filter_drawer_group_list .filter_drawer_group_item .item_box {
   line-height: 1;
   border: 1px solid transparent;
+  border-radius: 2px;
   background: var(--background-color);
   padding: calc(var(--gap) * 2);
   cursor: pointer;
@@ -821,6 +835,7 @@ html {
   justify-content: space-between;
 }
 .ant-drawer.lm_filter_drawer .filter_drawer_group_list .filter_drawer_group_item .item_box .item_header .item_header_title {
+  font-size: 12px;
   font-weight: 500;
 }
 .ant-drawer.lm_filter_drawer .filter_drawer_group_list .filter_drawer_group_item .item_box .item_header .item_header_icon {
@@ -850,6 +865,9 @@ html {
   border-style: dashed;
   cursor: pointer;
 }
+.ant-drawer.lm_filter_drawer .filter_drawer_group_list .filter_drawer_group_item .item_box .item_tags .ant-tag.site-tag-plus:hover {
+  border-color: var(--primary-color);
+}
 .ant-drawer.lm_filter_drawer .filter_drawer_group_list .filter_drawer_group_item .item_box .item_tags .tag-input {
   width: 78px;
   margin-right: 8px;
@@ -959,7 +977,7 @@ html {
 }
 .ant-drawer.lm_det_drawer .ant-select {
   font-size: 12px;
-  width: auto;
+  width: 100%;
 }
 .ant-drawer.lm_det_drawer .custom_form {
   display: flex;
@@ -1056,3 +1074,6 @@ html {
 .ant-select-dropdown.ant-cascader-dropdown {
   padding: 0;
 }
+.ant-select-dropdown.ant-cascader-dropdown .ant-cascader-menu-item {
+  padding: 5px 8px;
+}

package/es/Dropdown/index.d.ts

@@ -4,9 +4,11 @@ export interface IDropdownProps extends DropdownProps {
     className?: string;
     style?: React.CSSProperties;
     dropdownmatchwidth?: boolean;
+    onlyIcon?: boolean;
 }
 interface LmDropdownInterface extends React.FC<IDropdownProps> {
     Button?: typeof Dropdown.Button;
+    IconButton?: typeof Dropdown.Button;
 }
 declare const LMDropdown: LmDropdownInterface;
 export default LMDropdown;

package/es/Dropdown/index.js

@@ -25,7 +25,9 @@ var CLMDropdown = function CLMDropdown(props) {
       overlayClassName = props.overlayClassName,
       _props$dropdownmatchw = props.dropdownmatchwidth,
       dropdownmatchwidth = _props$dropdownmatchw === void 0 ? false : _props$dropdownmatchw,
-      others = __rest(props, ["children", "className", "overlayClassName", "dropdownmatchwidth"]);
+      _props$onlyIcon = props.onlyIcon,
+      onlyIcon = _props$onlyIcon === void 0 ? false : _props$onlyIcon,
+      others = __rest(props, ["children", "className", "overlayClassName", "dropdownmatchwidth", "onlyIcon"]);
 
   var dropdownRef = useRef(null);
 
@@ -35,21 +37,20 @@ var CLMDropdown = function CLMDropdown(props) {
       setMinWidth = _useState2[1];
 
   useEffect(function () {
-    var _a, _b, _c;
+    var _a, _b;
 
     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) || '');
+        setMinWidth(((_b = dropdown_dom.getBoundingClientRect()) === null || _b === void 0 ? void 0 : _b.width) || '');
       }
     }
   }, []);
 
   if (!dropdownmatchwidth) {
     return /*#__PURE__*/React.createElement(_Dropdown, Object.assign({
-      className: classNames(className, prefixCls)
+      className: classNames(className, prefixCls, onlyIcon && 'only_icon')
     }, others, {
       overlayClassName: classNames(overlayClassName, 'lm_dropdown_overlay')
     }), children);
@@ -58,7 +59,7 @@ var CLMDropdown = function CLMDropdown(props) {
   return /*#__PURE__*/React.createElement("div", {
     ref: dropdownRef
   }, /*#__PURE__*/React.createElement(_Dropdown, Object.assign({
-    className: classNames(className, prefixCls)
+    className: classNames(className, prefixCls, onlyIcon && 'only_icon')
   }, others, {
     overlayClassName: classNames(overlayClassName, 'lm_dropdown_overlay'),
     overlayStyle: minwidth ? Object.assign({
@@ -92,9 +93,7 @@ LMDropdown.Button = function (props) {
   }, []);
 
   if (!dropdownmatchwidth) {
-    return /*#__PURE__*/React.createElement(_Dropdown.Button, Object.assign({
-      size: 'small'
-    }, props, {
+    return /*#__PURE__*/React.createElement(_Dropdown.Button, Object.assign({}, props, {
       overlayClassName: classNames(props.overlayClassName, 'lm_dropdown_overlay'),
       className: classNames(props.className, 'lm_dropdown_button', props.disabled ? 'disabled' : '')
     }));
@@ -102,9 +101,7 @@ LMDropdown.Button = function (props) {
 
   return /*#__PURE__*/React.createElement("div", {
     ref: dropdownRef
-  }, /*#__PURE__*/React.createElement(_Dropdown.Button, Object.assign({
-    size: 'small'
-  }, props, {
+  }, /*#__PURE__*/React.createElement(_Dropdown.Button, Object.assign({}, props, {
     overlayClassName: classNames(props.overlayClassName, 'lm_dropdown_overlay'),
     overlayStyle: minwidth ? Object.assign({
       minWidth: minwidth

package/es/Dropdown/style/index.css

@@ -500,11 +500,19 @@ html {
 .card_cell_content:hover .card_cell_body .card_cell_checkbox {
   opacity: 1;
 }
+.lm_dropdown.only_icon {
+  padding: 6px 8px;
+}
+.lm_dropdown_overlay > * {
+  max-height: 552px;
+  max-width: 552px;
+  overflow-y: auto;
+}
 .lm_dropdown_overlay .ant-dropdown-menu {
   padding: 0;
 }
 .lm_dropdown_overlay .ant-dropdown-menu .ant-dropdown-menu-item {
-  height: 32px;
+  min-height: 32px;
   font-size: 12px;
 }
 .lm_dropdown_overlay .ant-dropdown-menu .ant-dropdown-menu-item:hover {
@@ -522,7 +530,7 @@ html {
   box-sizing: content-box;
 }
 .lm_dropdown_button .ant-btn {
-  height: 22px;
+  height: 30px;
   border-top: 0px;
   border-bottom: 0px;
 }
@@ -531,6 +539,8 @@ html {
 }
 .lm_dropdown_button .ant-btn:first-child {
   border-left: 0px;
+  padding-left: 12px;
+  padding-right: 12px;
 }
 .lm_dropdown_button .ant-btn:last-child {
   border-right: 0px;

package/es/Input/index.js

@@ -2,6 +2,8 @@
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
 
+var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
+
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
@@ -15,7 +17,7 @@ var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/exten
 
 var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/objectWithoutProperties"));
 
-var _react = _interopRequireDefault(require("react"));
+var _react = _interopRequireWildcard(require("react"));
 
 var _IconFont = _interopRequireDefault(require("../IconFont"));
 
@@ -35,8 +37,7 @@ var LmInput = function LmInput(props) {
 };
 
 LmInput.Group = _input.default.Group;
-
-LmInput.Search = function (props) {
+LmInput.Search = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
   var _props$allowClear2 = props.allowClear,
       allowClear = _props$allowClear2 === void 0 ? true : _props$allowClear2,
       rest = (0, _objectWithoutProperties2.default)(props, _excluded2);
@@ -45,11 +46,11 @@ LmInput.Search = function (props) {
       type: "lmweb-search"
     })
   }, rest, {
+    ref: ref,
     allowClear: true,
     className: "lm_input_search"
   }));
-};
-
+});
 LmInput.TextArea = _input.default.TextArea;
 
 LmInput.Password = function (props) {

package/es/LmTable/ImgList/imgCell.js

@@ -33,6 +33,8 @@ var _classnames = _interopRequireDefault(require("classnames"));
 
 var _linkmoreDesign = require("linkmore-design");
 
+var _context = _interopRequireDefault(require("./context"));
+
 var _react = _interopRequireWildcard(require("react"));
 
 var _EnlargeImg = _interopRequireDefault(require("../../EnlargeImg"));
@@ -71,7 +73,7 @@ var Cell = function Cell(props) {
       style = props.style,
       className = props.className;
 
-  var _useContext = (0, _react.useContext)(Context),
+  var _useContext = (0, _react.useContext)(_context.default),
       dispatch = _useContext.dispatch,
       defaultValue = _useContext.defaultValue,
       _useContext$rowKey = _useContext.rowKey,

package/es/LmTable/ImgList/imgTable.js

@@ -15,14 +15,14 @@ var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/h
 
 var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/objectSpread2"));
 
-var _react = _interopRequireWildcard(require("react"));
-
 var _classnames = _interopRequireDefault(require("classnames"));
 
-var _context = _interopRequireDefault(require("./context"));
+var _react = _interopRequireWildcard(require("react"));
 
 var _body = _interopRequireDefault(require("./body"));
 
+var _context = _interopRequireDefault(require("./context"));
+
 var _footer = _interopRequireDefault(require("./footer"));
 
 var _excluded = ["style", "defaultPage"];
@@ -96,7 +96,7 @@ var ImgTable = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
       defaultPage: defaultPage
     })
   }, /*#__PURE__*/_react.default.createElement("div", {
-    className: "lm_img_table",
+    className: "lm_pro_component_img_table",
     style: (0, _objectSpread2.default)({}, style)
   }, /*#__PURE__*/_react.default.createElement("div", {
     className: (0, _classnames.default)('lm_img_body', {