linkmore-design 1.1.11 → 1.1.12

package/dist/Cascader/demos/formItem.d.ts

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

package/dist/Select/demos/formItem.d.ts

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

package/dist/Select/index.d.ts

@@ -5,6 +5,7 @@ export interface ISelectProps extends SelectProps {
     style?: React.CSSProperties;
     Option?: typeof Select.Option;
     OptGroup?: typeof Select.OptGroup;
+    defaultLabel?: string;
 }
 declare type SelectType = typeof Select & typeof Select.Option & typeof Select.OptGroup;
 declare const LMSelect: SelectType;

package/dist/TreeSelect/demos/formItem.d.ts

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

package/dist/TreeSelect/index.d.ts

@@ -1,3 +1,8 @@
-import { TreeSelect } from 'antd';
-export type { TreeSelectProps } from 'antd';
-export default TreeSelect;
+import { TreeSelect, TreeSelectProps as OriginTreeSelectProps } from 'antd';
+export interface TreeSelectProps extends OriginTreeSelectProps {
+    defaultLabel?: string;
+    children?: any;
+}
+declare type TreeSelectType = typeof TreeSelect & typeof TreeSelect.TreeNode;
+declare const LMTreeSelect: TreeSelectType;
+export default LMTreeSelect;

package/dist/index.umd.js

@@ -288099,20 +288099,54 @@
 
   LMRadio.Button = Radio$1.Button;
 
-  var _excluded$2h = ["children", "className", "size", "dropdownClassName"];
+  var _excluded$2h = ["children", "className", "size", "dropdownClassName", "options", "value", "defaultLabel"];
   var prefixCls$7 = 'lm_select';
   var CLMSelect$1 = /*#__PURE__*/React.forwardRef(function (props, ref) {
     var children = props.children,
         className = props.className,
         customizeSize = props.size,
         dropdownClassName = props.dropdownClassName,
+        options = props.options,
+        value = props.value,
+        defaultLabel = props.defaultLabel,
         others = _objectWithoutProperties$1(props, _excluded$2h);
 
-    var size = customizeSize || React__default['default'].useContext(SizeContext$1) || 'middle';
+    var size = customizeSize || React__default['default'].useContext(SizeContext$1) || 'middle'; // 当前值是否存于选项中
+
+    var hasOption = React.useMemo(function () {
+      var flag = false;
+
+      if (children) {
+        React__default['default'].Children.forEach(children, function (child) {
+          if ( /*#__PURE__*/React__default['default'].isValidElement(child)) {
+            var childValue = child.props.value;
+
+            if (!flag) {
+              flag = childValue === value;
+            }
+          }
+        });
+      }
+
+      if (options) {
+        flag = !!options.some(function (v) {
+          return v.value === value;
+        });
+      }
+
+      return flag;
+    }, [children, value, options]); // 重组value: 传入value但找不到options项时，展示默认label
+
+    var resetValue = React.useMemo(function () {
+      if (value && !hasOption) return defaultLabel !== null && defaultLabel !== void 0 ? defaultLabel : value;
+      return value;
+    }, [value, hasOption]);
     return /*#__PURE__*/React__default['default'].createElement(Select$2, _objectSpread(_objectSpread({
       className: classnames(className, prefixCls$7),
       size: size,
-      ref: ref
+      ref: ref,
+      value: resetValue,
+      options: options
     }, others), {}, {
       dropdownClassName: classnames('lm_select_dropdown', dropdownClassName)
     }), children);
@@ -312253,6 +312287,15 @@
         options = _ref4$options === void 0 ? ['add', 'delete'] : _ref4$options,
         getLength = _ref4.getLength,
         quickOpetateClearAll = _ref4.quickOpetateClearAll;
+
+    var appendChildren = function appendChildren() {
+      handleAdd === null || handleAdd === void 0 ? void 0 : handleAdd(record, true);
+    };
+
+    var appendAdd = function appendAdd() {
+      handleAdd === null || handleAdd === void 0 ? void 0 : handleAdd(record);
+    };
+
     return /*#__PURE__*/React__default['default'].createElement("div", {
       style: {
         display: 'flex',
@@ -312273,7 +312316,27 @@
       onClick: function onClick() {
         return handleDelete(record[rowKey]);
       }
-    }), options.includes('add') && /*#__PURE__*/React__default['default'].createElement(LMButton, {
+    }), (options === null || options === void 0 ? void 0 : options.includes('add')) && (options === null || options === void 0 ? void 0 : options.includes('addInChildren')) ? /*#__PURE__*/React__default['default'].createElement(Popover$1, {
+      placement: "bottom",
+      overlayClassName: 'lm_table_append_add_popover',
+      open: open,
+      title: null,
+      content: /*#__PURE__*/React__default['default'].createElement("ul", null, /*#__PURE__*/React__default['default'].createElement("li", {
+        onClick: appendAdd
+      }, "\u6DFB\u52A0\u5E73\u7EA7"), /*#__PURE__*/React__default['default'].createElement("li", {
+        onClick: appendChildren
+      }, "\u6DFB\u52A0\u5B50\u7EA7")),
+      trigger: "hover"
+    }, /*#__PURE__*/React__default['default'].createElement(LMButton, {
+      type: "link",
+      size: "small",
+      icon: /*#__PURE__*/React__default['default'].createElement(IconFont, {
+        type: "lmweb-plus-circle-fill",
+        style: {
+          fontSize: 16
+        }
+      })
+    })) : /*#__PURE__*/React__default['default'].createElement(LMButton, {
       type: "link",
       size: "small",
       icon: /*#__PURE__*/React__default['default'].createElement(IconFont, {
@@ -312283,7 +312346,7 @@
         }
       }),
       onClick: function onClick() {
-        return handleAdd(record);
+        return handleAdd(record, (options === null || options === void 0 ? void 0 : options.includes('addInChildren')) ? true : false);
       }
     }));
   }; // const isValidValue = (verifyValue) => {
@@ -312964,7 +313027,7 @@
     /** 快捷添加 */
 
 
-    var handleTableRowAdd = function handleTableRowAdd(record) {
+    var handleTableRowAdd = function handleTableRowAdd(record, isAppendInChindren) {
       var _deepDataSourceRef$cu5, _deepDataSourceRef$cu6;
 
       var preKeys = deepDataSourceRef === null || deepDataSourceRef === void 0 ? void 0 : (_deepDataSourceRef$cu5 = deepDataSourceRef.current) === null || _deepDataSourceRef$cu5 === void 0 ? void 0 : (_deepDataSourceRef$cu6 = _deepDataSourceRef$cu5[record[_rowKey]]) === null || _deepDataSourceRef$cu6 === void 0 ? void 0 : _deepDataSourceRef$cu6.preKeys;
@@ -312974,7 +313037,19 @@
             children === null || children === void 0 ? void 0 : children.forEach(function (item, index) {
               if (preKeys === null || preKeys === void 0 ? void 0 : preKeys.includes(item[_rowKey])) {
                 if (item[_rowKey] === record[_rowKey]) {
-                  children.splice(index + 1, 0, _defineProperty$1({}, _rowKey, "".concat(Date.now())));
+                  if (isAppendInChindren) {
+                    if (item === null || item === void 0 ? void 0 : item.children) {
+                      var _item$children;
+
+                      item === null || item === void 0 ? void 0 : (_item$children = item.children) === null || _item$children === void 0 ? void 0 : _item$children.push(_defineProperty$1({}, _rowKey, "".concat(Date.now())));
+                    } else {
+                      item.children = [_defineProperty$1({}, _rowKey, "".concat(Date.now()))];
+                    }
+
+                    !expandedRowKeys.includes(item[_rowKey]) && setExpandedRowKeys([].concat(_toConsumableArray$1(expandedRowKeys), [item[_rowKey]]));
+                  } else {
+                    children.splice(index + 1, 0, _defineProperty$1({}, _rowKey, "".concat(Date.now())));
+                  }
                 } else if (item.children) {
                   deeps(item.children);
                 }
@@ -312989,7 +313064,21 @@
           });
 
           if (index !== -1) {
-            draft.splice(index + 1, 0, _defineProperty$1({}, _rowKey, "".concat(Date.now())));
+            if (isAppendInChindren) {
+              var _draft$index$children, _draft$index, _draft$index2;
+
+              if ((_draft$index$children = draft[index].children) === null || _draft$index$children === void 0 ? void 0 : _draft$index$children.length) {
+                var _draft$index$children2;
+
+                (_draft$index$children2 = draft[index].children) === null || _draft$index$children2 === void 0 ? void 0 : _draft$index$children2.push(_defineProperty$1({}, _rowKey, "".concat(Date.now())));
+              } else {
+                draft[index].children = [_defineProperty$1({}, _rowKey, "".concat(Date.now()))];
+              }
+
+              !expandedRowKeys.includes((_draft$index = draft[index]) === null || _draft$index === void 0 ? void 0 : _draft$index[_rowKey]) && setExpandedRowKeys([].concat(_toConsumableArray$1(expandedRowKeys), [(_draft$index2 = draft[index]) === null || _draft$index2 === void 0 ? void 0 : _draft$index2[_rowKey]]));
+            } else {
+              draft.splice(index + 1, 0, _defineProperty$1({}, _rowKey, "".concat(Date.now())));
+            }
           }
         }
       });
@@ -313026,9 +313115,9 @@
 
     var DisableOptions = React.useMemo(function () {
       var newColumns = columns === null || columns === void 0 ? void 0 : columns.map(function (item) {
-        var _ref6 = item.componentProps || {},
-            optionOnly = _ref6.optionOnly,
-            options = _ref6.options;
+        var _ref8 = item.componentProps || {},
+            optionOnly = _ref8.optionOnly,
+            options = _ref8.options;
 
         if (optionOnly && options) {
           var dataIndex = item.dataIndex;
@@ -313121,7 +313210,7 @@
                 editable = col.editable,
                 relevanceCols = col.relevanceCols;
 
-            if ((col === null || col === void 0 ? void 0 : col.fixed) || hasDisableOptions && hasDisableOptions.includes(dataIndex) || ((_col$componentProps2 = col.componentProps) === null || _col$componentProps2 === void 0 ? void 0 : _col$componentProps2.options) || editable === 'render' || !!relevanceCols || !!shouldUpdate) {
+            if ((col === null || col === void 0 ? void 0 : col.fixed) || hasDisableOptions && hasDisableOptions.includes(dataIndex) || ((_col$componentProps2 = col.componentProps) === null || _col$componentProps2 === void 0 ? void 0 : _col$componentProps2.options) || editable === 'render' || !!relevanceCols || !!shouldUpdate || !!record.children) {
               return true;
             }
 
@@ -313169,10 +313258,10 @@
       });
       return res;
     }, [columns, isAdd, sortOpen, useQuickOpetate, sortEditTable, dataSource, _toConsumableArray$1(memoOptions)]);
-    var DraggableContainer = React.useCallback(function (_ref7) {
+    var DraggableContainer = React.useCallback(function (_ref9) {
       var _dataSourceRef$curren2;
 
-      var props = _extends$2({}, _ref7);
+      var props = _extends$2({}, _ref9);
 
       return /*#__PURE__*/React__default['default'].createElement(DndContainer$1, {
         move: onSortEnd
@@ -313182,10 +313271,10 @@
         })
       }, /*#__PURE__*/React__default['default'].createElement("tbody", _objectSpread({}, props))));
     }, [sortEditTable]);
-    var colDraggableContainer = React.useCallback(function (_ref8) {
+    var colDraggableContainer = React.useCallback(function (_ref10) {
       var _React$Children;
 
-      var props = _extends$2({}, _ref8);
+      var props = _extends$2({}, _ref10);
 
       return /*#__PURE__*/React__default['default'].createElement("tr", null, (_React$Children = React__default['default'].Children) === null || _React$Children === void 0 ? void 0 : _React$Children.map(props.children, function (child) {
         var _child$props, _child$props$column;
@@ -316331,6 +316420,66 @@
   RefAutoComplete$1.Option = Option;
   RefAutoComplete$1.AntdAutoComplete = RefAutoComplete;
 
+  var _excluded$30 = ["children", "treeData", "value", "defaultLabel"];
+  var CLMTreeSelect = /*#__PURE__*/React.forwardRef(function (props, ref) {
+    var children = props.children,
+        treeData = props.treeData,
+        value = props.value,
+        defaultLabel = props.defaultLabel,
+        resetProps = _objectWithoutProperties$1(props, _excluded$30);
+
+    var deepChildren = React.useCallback(function (arr) {
+      var flag = false;
+      React__default['default'].Children.forEach(arr, function (child) {
+        if ( /*#__PURE__*/React__default['default'].isValidElement(child)) {
+          var _child$props = child.props,
+              childValue = _child$props.value,
+              childChildren = _child$props.children;
+
+          if (!flag) {
+            if (childValue === value) {
+              flag = true;
+            } else if (childChildren) {
+              flag = deepChildren(childChildren);
+            }
+          }
+        }
+      });
+      return flag;
+    }, [value]);
+    var hasOption = React.useMemo(function () {
+      var flag = false;
+
+      if (children) {
+        flag = deepChildren(children);
+      }
+
+      if (treeData) {
+        var deepFind = function deepFind(arr) {
+          return arr.some(function (v) {
+            if (v.value === value) return true;
+            return v.children && deepFind(v.children);
+          });
+        };
+
+        flag = deepFind(treeData);
+      }
+
+      return flag;
+    }, [children, value, deepChildren]); // 重组value: 传入value但找不到options项时，展示默认label
+
+    var resetValue = React.useMemo(function () {
+      if (value && !hasOption) return defaultLabel !== null && defaultLabel !== void 0 ? defaultLabel : value;
+      return value;
+    }, [value, hasOption]);
+    return /*#__PURE__*/React__default['default'].createElement(TreeSelect$1, _objectSpread({
+      ref: ref,
+      value: resetValue
+    }, resetProps), children);
+  });
+  var LMTreeSelect = CLMTreeSelect;
+  LMTreeSelect.TreeNode = TreeSelect$1.TreeNode;
+
   function getDataOrAriaProps$2(props) {
     return Object.keys(props).reduce(function (prev, key) {
       if ((key.startsWith('data-') || key.startsWith('aria-') || key === 'role') && !key.startsWith('data-__')) {
@@ -316402,7 +316551,7 @@
     return ErrorBoundary;
   }(React.Component);
 
-  var _excluded$30 = ["description", "prefixCls", "message", "banner", "className", "style", "onMouseEnter", "onMouseLeave", "onClick", "afterClose", "showIcon", "closable", "closeText", "closeIcon", "action", "duration"];
+  var _excluded$31 = ["description", "prefixCls", "message", "banner", "className", "style", "onMouseEnter", "onMouseLeave", "onClick", "afterClose", "showIcon", "closable", "closeText", "closeIcon", "action", "duration"];
   var iconMapFilled$1 = {
     success: CheckCircleFilled$2,
     info: InfoCircleFilled$2,
@@ -316475,7 +316624,7 @@
         closeIcon = _ref$closeIcon === void 0 ? /*#__PURE__*/React.createElement(CloseOutlined$2, null) : _ref$closeIcon,
         action = _ref.action,
         duration = _ref.duration,
-        props = _objectWithoutProperties$1(_ref, _excluded$30);
+        props = _objectWithoutProperties$1(_ref, _excluded$31);
 
     var _React$useState = React.useState(false),
         _React$useState2 = _slicedToArray$1(_React$useState, 2),
@@ -316905,7 +317054,7 @@
     };
   };
 
-  var _excluded$31 = ["className", "onUrge", "onDeleteComment"];
+  var _excluded$32 = ["className", "onUrge", "onDeleteComment"];
   var prefixCls$c = 'lm_approval';
   var colors = ['#36BCF1', '#AE86DC', '#8BD248', '#F5A173'];
   var cacheColorMap = new Map();
@@ -317313,7 +317462,7 @@
         onUrge = _props$onUrge === void 0 ? function () {} : _props$onUrge,
         _props$onDeleteCommen2 = props.onDeleteComment,
         onDeleteComment = _props$onDeleteCommen2 === void 0 ? function () {} : _props$onDeleteCommen2,
-        others = _objectWithoutProperties$1(props, _excluded$31);
+        others = _objectWithoutProperties$1(props, _excluded$32);
 
     var _useState = React.useState(false),
         _useState2 = _slicedToArray$1(_useState, 2),
@@ -319104,7 +319253,7 @@
     return nodes;
   }
 
-  var _excluded$32 = ["defaultExpandAll", "defaultExpandParent", "defaultExpandedKeys"],
+  var _excluded$33 = ["defaultExpandAll", "defaultExpandParent", "defaultExpandedKeys"],
       _excluded2$J = ["prefixCls", "className"];
   var ConfigContext$6 = ConfigProvider$1.ConfigContext;
 
@@ -319129,7 +319278,7 @@
     var defaultExpandAll = _ref2.defaultExpandAll,
         defaultExpandParent = _ref2.defaultExpandParent,
         defaultExpandedKeys = _ref2.defaultExpandedKeys,
-        props = _objectWithoutProperties$1(_ref2, _excluded$32);
+        props = _objectWithoutProperties$1(_ref2, _excluded$33);
 
     // Shift click usage
     var lastSelectedKey = React.useRef();
@@ -319627,11 +319776,11 @@
     blockNode: false
   };
 
-  var _excluded$33 = ["className"];
+  var _excluded$34 = ["className"];
   var prefixCls$d = 'lm_tree';
   var LmTree = /*#__PURE__*/React.forwardRef(function (props, ref) {
     var className = props.className,
-        rest = _objectWithoutProperties$1(props, _excluded$33);
+        rest = _objectWithoutProperties$1(props, _excluded$34);
 
     return /*#__PURE__*/React__default['default'].createElement(Tree$2, _objectSpread(_objectSpread({
       ref: ref
@@ -320690,7 +320839,7 @@
     }, unitNodes);
   }
 
-  var _excluded$34 = ["prefixCls", "count", "className", "motionClassName", "style", "title", "show", "component", "children"];
+  var _excluded$35 = ["prefixCls", "count", "className", "motionClassName", "style", "title", "show", "component", "children"];
 
   var ScrollNumber$1 = function ScrollNumber(_ref) {
     var customizePrefixCls = _ref.prefixCls,
@@ -320703,7 +320852,7 @@
         _ref$component = _ref.component,
         component = _ref$component === void 0 ? 'sup' : _ref$component,
         children = _ref.children,
-        restProps = _objectWithoutProperties$1(_ref, _excluded$34);
+        restProps = _objectWithoutProperties$1(_ref, _excluded$35);
 
     var _React$useContext = React.useContext(ConfigContext$1),
         getPrefixCls = _React$useContext.getPrefixCls;
@@ -320753,7 +320902,7 @@
     return /*#__PURE__*/React.createElement(component, newProps, numberNodes);
   };
 
-  var _excluded$35 = ["prefixCls", "scrollNumberPrefixCls", "children", "status", "text", "color", "count", "overflowCount", "dot", "size", "title", "offset", "style", "className", "showZero"];
+  var _excluded$36 = ["prefixCls", "scrollNumberPrefixCls", "children", "status", "text", "color", "count", "overflowCount", "dot", "size", "title", "offset", "style", "className", "showZero"];
 
   var Badge$1 = function Badge(_ref) {
     var _classNames, _classNames2;
@@ -320778,7 +320927,7 @@
         className = _ref.className,
         _ref$showZero = _ref.showZero,
         showZero = _ref$showZero === void 0 ? false : _ref$showZero,
-        restProps = _objectWithoutProperties$1(_ref, _excluded$35);
+        restProps = _objectWithoutProperties$1(_ref, _excluded$36);
 
     var _React$useContext = React.useContext(ConfigContext$1),
         getPrefixCls = _React$useContext.getPrefixCls,
@@ -320913,7 +321062,7 @@
 
   Badge$1.Ribbon = Ribbon$1;
 
-  var _excluded$36 = ["prefixCls", "type", "orientation", "orientationMargin", "className", "children", "dashed", "plain"];
+  var _excluded$37 = ["prefixCls", "type", "orientation", "orientationMargin", "className", "children", "dashed", "plain"];
 
   var Divider$5 = function Divider(props) {
     var _classNames;
@@ -320932,7 +321081,7 @@
         children = props.children,
         dashed = props.dashed,
         plain = props.plain,
-        restProps = _objectWithoutProperties$1(props, _excluded$36);
+        restProps = _objectWithoutProperties$1(props, _excluded$37);
 
     var prefixCls = getPrefixCls('divider', customizePrefixCls);
     var orientationPrefix = orientation.length > 0 ? "-".concat(orientation) : orientation;
@@ -323448,14 +323597,14 @@
 
   var Body$1 = /*#__PURE__*/React__default['default'].memo(Index$b);
 
-  var _excluded$37 = ["value", "onChange", "leftIcon", "rightIcon"];
+  var _excluded$38 = ["value", "onChange", "leftIcon", "rightIcon"];
 
   var ResetSlider = function ResetSlider(_ref) {
     var value = _ref.value,
         _onChange = _ref.onChange,
         leftIcon = _ref.leftIcon,
         rightIcon = _ref.rightIcon,
-        props = _objectWithoutProperties$1(_ref, _excluded$37);
+        props = _objectWithoutProperties$1(_ref, _excluded$38);
 
     // 减
     var decrement = function decrement() {
@@ -324235,7 +324384,7 @@
   exports.Tooltip = Tooltip$4;
   exports.Transfer = Transfer;
   exports.Tree = LmTree;
-  exports.TreeSelect = TreeSelect$1;
+  exports.TreeSelect = LMTreeSelect;
   exports.Typography = Typography$3;
   exports.Upload = LMUpload;
   exports.UploadOss = UploadOss;