linkmore-design 1.1.11 → 1.1.12

package/dist/variables.css

@@ -9802,6 +9802,24 @@ p {
   color: var(--color-85);
   margin-left: 0 !important;
 }
+.lm_table_append_add_popover .ant-popover-inner-content {
+  padding: 0px;
+}
+.lm_table_append_add_popover .ant-popover-inner-content ul {
+  margin: 0;
+}
+.lm_table_append_add_popover .ant-popover-inner-content ul li {
+  font-size: 12px;
+  padding: 4px 8px;
+  height: 24px;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  cursor: pointer;
+}
+.lm_table_append_add_popover .ant-popover-inner-content ul li:hover {
+  background-color: var(--color-15);
+}
 .lm_filter_wrapper .lm_filter_container .lm_filter {
   display: flex;
   flex-wrap: wrap;

package/es/LmEditTable/EditTable.js

@@ -53,7 +53,7 @@ var __rest = this && this.__rest || function (s, e) {
 import { PlusCircleOutlined } from '@ant-design/icons';
 import moment from 'moment';
 import { arrayMove } from '@dnd-kit/sortable';
-import { Button, Checkbox, IconFont, Input, InputNumber, Radio, Select, Table, Switch, DatePicker, Form } from 'linkmore-design';
+import { Button, Checkbox, IconFont, Input, InputNumber, Radio, Select, Table, Switch, DatePicker, Form, Popover } from 'linkmore-design';
 import { get, set, isFunction, omit } from 'lodash';
 import React, { forwardRef, useContext, useEffect, useImperativeHandle, useMemo, useRef, useState, memo, useCallback } from 'react';
 import { useControllableValue } from 'ahooks';
@@ -238,6 +238,15 @@ var Opetate = function Opetate(_ref) {
       options = _ref$options === void 0 ? ['add', 'delete'] : _ref$options,
       getLength = _ref.getLength,
       quickOpetateClearAll = _ref.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.createElement("div", {
     style: {
       display: 'flex',
@@ -258,7 +267,27 @@ var Opetate = function Opetate(_ref) {
     onClick: function onClick() {
       return handleDelete(record[rowKey]);
     }
-  }), options.includes('add') && /*#__PURE__*/React.createElement(Button, {
+  }), (options === null || options === void 0 ? void 0 : options.includes('add')) && (options === null || options === void 0 ? void 0 : options.includes('addInChildren')) ? /*#__PURE__*/React.createElement(Popover, {
+    placement: "bottom",
+    overlayClassName: 'lm_table_append_add_popover',
+    open: open,
+    title: null,
+    content: /*#__PURE__*/React.createElement("ul", null, /*#__PURE__*/React.createElement("li", {
+      onClick: appendAdd
+    }, "\u6DFB\u52A0\u5E73\u7EA7"), /*#__PURE__*/React.createElement("li", {
+      onClick: appendChildren
+    }, "\u6DFB\u52A0\u5B50\u7EA7")),
+    trigger: "hover"
+  }, /*#__PURE__*/React.createElement(Button, {
+    type: "link",
+    size: "small",
+    icon: /*#__PURE__*/React.createElement(IconFont, {
+      type: "lmweb-plus-circle-fill",
+      style: {
+        fontSize: 16
+      }
+    })
+  })) : /*#__PURE__*/React.createElement(Button, {
     type: "link",
     size: "small",
     icon: /*#__PURE__*/React.createElement(IconFont, {
@@ -268,7 +297,7 @@ var Opetate = function Opetate(_ref) {
       }
     }),
     onClick: function onClick() {
-      return handleAdd(record);
+      return handleAdd(record, (options === null || options === void 0 ? void 0 : options.includes('addInChildren')) ? true : false);
     }
   }));
 }; // const isValidValue = (verifyValue) => {
@@ -944,17 +973,31 @@ var EditTable = /*#__PURE__*/forwardRef(function (props, ref) {
   /** 快捷添加 */
 
 
-  var handleTableRowAdd = function handleTableRowAdd(record) {
+  var handleTableRowAdd = function handleTableRowAdd(record, isAppendInChindren) {
     var _a, _b;
 
     var preKeys = (_b = (_a = deepDataSourceRef === null || deepDataSourceRef === void 0 ? void 0 : deepDataSourceRef.current) === null || _a === void 0 ? void 0 : _a[record[_rowKey]]) === null || _b === void 0 ? void 0 : _b.preKeys;
     var res = produce(dataSourceRef.current, function (draft) {
+      var _a, _b, _c, _d;
+
       if (preKeys.length > 1) {
         var deeps = function deeps(children) {
           children === null || children === void 0 ? void 0 : children.forEach(function (item, index) {
+            var _a;
+
             if (preKeys === null || preKeys === void 0 ? void 0 : preKeys.includes(item[_rowKey])) {
               if (item[_rowKey] === record[_rowKey]) {
-                children.splice(index + 1, 0, _defineProperty({}, _rowKey, "".concat(Date.now())));
+                if (isAppendInChindren) {
+                  if (item === null || item === void 0 ? void 0 : item.children) {
+                    (_a = item === null || item === void 0 ? void 0 : item.children) === null || _a === void 0 ? void 0 : _a.push(_defineProperty({}, _rowKey, "".concat(Date.now())));
+                  } else {
+                    item.children = [_defineProperty({}, _rowKey, "".concat(Date.now()))];
+                  }
+
+                  !expandedRowKeys.includes(item[_rowKey]) && setExpandedRowKeys([].concat(_toConsumableArray(expandedRowKeys), [item[_rowKey]]));
+                } else {
+                  children.splice(index + 1, 0, _defineProperty({}, _rowKey, "".concat(Date.now())));
+                }
               } else if (item.children) {
                 deeps(item.children);
               }
@@ -969,7 +1012,17 @@ var EditTable = /*#__PURE__*/forwardRef(function (props, ref) {
         });
 
         if (index !== -1) {
-          draft.splice(index + 1, 0, _defineProperty({}, _rowKey, "".concat(Date.now())));
+          if (isAppendInChindren) {
+            if ((_a = draft[index].children) === null || _a === void 0 ? void 0 : _a.length) {
+              (_b = draft[index].children) === null || _b === void 0 ? void 0 : _b.push(_defineProperty({}, _rowKey, "".concat(Date.now())));
+            } else {
+              draft[index].children = [_defineProperty({}, _rowKey, "".concat(Date.now()))];
+            }
+
+            !expandedRowKeys.includes((_c = draft[index]) === null || _c === void 0 ? void 0 : _c[_rowKey]) && setExpandedRowKeys([].concat(_toConsumableArray(expandedRowKeys), [(_d = draft[index]) === null || _d === void 0 ? void 0 : _d[_rowKey]]));
+          } else {
+            draft.splice(index + 1, 0, _defineProperty({}, _rowKey, "".concat(Date.now())));
+          }
         }
       }
     });
@@ -1006,9 +1059,9 @@ var EditTable = /*#__PURE__*/forwardRef(function (props, ref) {
 
   var DisableOptions = useMemo(function () {
     var newColumns = columns === null || columns === void 0 ? void 0 : columns.map(function (item) {
-      var _ref3 = item.componentProps || {},
-          optionOnly = _ref3.optionOnly,
-          options = _ref3.options;
+      var _ref5 = item.componentProps || {},
+          optionOnly = _ref5.optionOnly,
+          options = _ref5.options;
 
       if (optionOnly && options) {
         var dataIndex = item.dataIndex;
@@ -1099,7 +1152,7 @@ var EditTable = /*#__PURE__*/forwardRef(function (props, ref) {
               editable = col.editable,
               relevanceCols = col.relevanceCols;
 
-          if ((col === null || col === void 0 ? void 0 : col.fixed) || hasDisableOptions && hasDisableOptions.includes(dataIndex) || ((_a = col.componentProps) === null || _a === void 0 ? void 0 : _a.options) || editable === 'render' || !!relevanceCols || !!shouldUpdate) {
+          if ((col === null || col === void 0 ? void 0 : col.fixed) || hasDisableOptions && hasDisableOptions.includes(dataIndex) || ((_a = col.componentProps) === null || _a === void 0 ? void 0 : _a.options) || editable === 'render' || !!relevanceCols || !!shouldUpdate || !!record.children) {
             return true;
           }
 

package/es/LmEditTable/style/index.css

@@ -609,3 +609,21 @@ p {
   color: var(--color-85);
   margin-left: 0 !important;
 }
+.lm_table_append_add_popover .ant-popover-inner-content {
+  padding: 0px;
+}
+.lm_table_append_add_popover .ant-popover-inner-content ul {
+  margin: 0;
+}
+.lm_table_append_add_popover .ant-popover-inner-content ul li {
+  font-size: 12px;
+  padding: 4px 8px;
+  height: 24px;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  cursor: pointer;
+}
+.lm_table_append_add_popover .ant-popover-inner-content ul li:hover {
+  background-color: var(--color-15);
+}

package/es/LmEditTable/style/variables.css

@@ -97,3 +97,21 @@
   color: var(--color-85);
   margin-left: 0 !important;
 }
+.lm_table_append_add_popover .ant-popover-inner-content {
+  padding: 0px;
+}
+.lm_table_append_add_popover .ant-popover-inner-content ul {
+  margin: 0;
+}
+.lm_table_append_add_popover .ant-popover-inner-content ul li {
+  font-size: 12px;
+  padding: 4px 8px;
+  height: 24px;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  cursor: pointer;
+}
+.lm_table_append_add_popover .ant-popover-inner-content ul li:hover {
+  background-color: var(--color-15);
+}

package/es/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/es/Select/index.js

@@ -14,7 +14,7 @@ var __rest = this && this.__rest || function (s, e) {
   return t;
 };
 
-import React, { forwardRef } from 'react';
+import React, { forwardRef, useMemo } from 'react';
 import classNames from 'classnames';
 import SizeContext from '../ConfigProvider/SizeContext';
 var prefixCls = 'lm_select';
@@ -23,13 +23,47 @@ var CLMSelect = /*#__PURE__*/forwardRef(function (props, ref) {
       className = props.className,
       customizeSize = props.size,
       dropdownClassName = props.dropdownClassName,
-      others = __rest(props, ["children", "className", "size", "dropdownClassName"]);
+      options = props.options,
+      value = props.value,
+      defaultLabel = props.defaultLabel,
+      others = __rest(props, ["children", "className", "size", "dropdownClassName", "options", "value", "defaultLabel"]);
 
-  var size = customizeSize || React.useContext(SizeContext) || 'middle';
+  var size = customizeSize || React.useContext(SizeContext) || 'middle'; // 当前值是否存于选项中
+
+  var hasOption = useMemo(function () {
+    var flag = false;
+
+    if (children) {
+      React.Children.forEach(children, function (child) {
+        if ( /*#__PURE__*/React.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 = useMemo(function () {
+    if (value && !hasOption) return defaultLabel !== null && defaultLabel !== void 0 ? defaultLabel : value;
+    return value;
+  }, [value, hasOption]);
   return /*#__PURE__*/React.createElement(_Select, Object.assign({
     className: classNames(className, prefixCls),
     size: size,
-    ref: ref
+    ref: ref,
+    value: resetValue,
+    options: options
   }, others, {
     dropdownClassName: classNames('lm_select_dropdown', dropdownClassName)
   }), children);

package/es/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/es/TreeSelect/index.js

@@ -1,3 +1,76 @@
 import "antd/es/tree-select/style";
 import _TreeSelect from "antd/es/tree-select";
-export default _TreeSelect;
+
+var __rest = this && this.__rest || function (s, e) {
+  var t = {};
+
+  for (var p in s) {
+    if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0) t[p] = s[p];
+  }
+
+  if (s != null && typeof Object.getOwnPropertySymbols === "function") for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+    if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i])) t[p[i]] = s[p[i]];
+  }
+  return t;
+};
+
+import React, { forwardRef, useCallback, useMemo } from 'react';
+var CLMTreeSelect = /*#__PURE__*/forwardRef(function (props, ref) {
+  var children = props.children,
+      treeData = props.treeData,
+      value = props.value,
+      defaultLabel = props.defaultLabel,
+      resetProps = __rest(props, ["children", "treeData", "value", "defaultLabel"]);
+
+  var deepChildren = useCallback(function (arr) {
+    var flag = false;
+    React.Children.forEach(arr, function (child) {
+      if ( /*#__PURE__*/React.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 = 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 = useMemo(function () {
+    if (value && !hasOption) return defaultLabel !== null && defaultLabel !== void 0 ? defaultLabel : value;
+    return value;
+  }, [value, hasOption]);
+  return /*#__PURE__*/React.createElement(_TreeSelect, Object.assign({
+    ref: ref,
+    value: resetValue
+  }, resetProps), children);
+});
+var LMTreeSelect = CLMTreeSelect;
+LMTreeSelect.TreeNode = _TreeSelect.TreeNode;
+export default LMTreeSelect;

package/es/styles/variables.css

@@ -9802,6 +9802,24 @@ p {
   color: var(--color-85);
   margin-left: 0 !important;
 }
+.lm_table_append_add_popover .ant-popover-inner-content {
+  padding: 0px;
+}
+.lm_table_append_add_popover .ant-popover-inner-content ul {
+  margin: 0;
+}
+.lm_table_append_add_popover .ant-popover-inner-content ul li {
+  font-size: 12px;
+  padding: 4px 8px;
+  height: 24px;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  cursor: pointer;
+}
+.lm_table_append_add_popover .ant-popover-inner-content ul li:hover {
+  background-color: var(--color-15);
+}
 .lm_filter_wrapper .lm_filter_container .lm_filter {
   display: flex;
   flex-wrap: wrap;

package/lib/LmEditTable/EditTable.js

@@ -271,6 +271,15 @@ var Opetate = function Opetate(_ref) {
       options = _ref$options === void 0 ? ['add', 'delete'] : _ref$options,
       getLength = _ref.getLength,
       quickOpetateClearAll = _ref.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.createElement("div", {
     style: {
       display: 'flex',
@@ -291,7 +300,27 @@ var Opetate = function Opetate(_ref) {
     onClick: function onClick() {
       return handleDelete(record[rowKey]);
     }
-  }), options.includes('add') && /*#__PURE__*/_react.default.createElement(_linkmoreDesign.Button, {
+  }), (options === null || options === void 0 ? void 0 : options.includes('add')) && (options === null || options === void 0 ? void 0 : options.includes('addInChildren')) ? /*#__PURE__*/_react.default.createElement(_linkmoreDesign.Popover, {
+    placement: "bottom",
+    overlayClassName: 'lm_table_append_add_popover',
+    open: open,
+    title: null,
+    content: /*#__PURE__*/_react.default.createElement("ul", null, /*#__PURE__*/_react.default.createElement("li", {
+      onClick: appendAdd
+    }, "\u6DFB\u52A0\u5E73\u7EA7"), /*#__PURE__*/_react.default.createElement("li", {
+      onClick: appendChildren
+    }, "\u6DFB\u52A0\u5B50\u7EA7")),
+    trigger: "hover"
+  }, /*#__PURE__*/_react.default.createElement(_linkmoreDesign.Button, {
+    type: "link",
+    size: "small",
+    icon: /*#__PURE__*/_react.default.createElement(_linkmoreDesign.IconFont, {
+      type: "lmweb-plus-circle-fill",
+      style: {
+        fontSize: 16
+      }
+    })
+  })) : /*#__PURE__*/_react.default.createElement(_linkmoreDesign.Button, {
     type: "link",
     size: "small",
     icon: /*#__PURE__*/_react.default.createElement(_linkmoreDesign.IconFont, {
@@ -301,7 +330,7 @@ var Opetate = function Opetate(_ref) {
       }
     }),
     onClick: function onClick() {
-      return handleAdd(record);
+      return handleAdd(record, (options === null || options === void 0 ? void 0 : options.includes('addInChildren')) ? true : false);
     }
   }));
 }; // const isValidValue = (verifyValue) => {
@@ -976,17 +1005,31 @@ var EditTable = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
   /** 快捷添加 */
 
 
-  var handleTableRowAdd = function handleTableRowAdd(record) {
+  var handleTableRowAdd = function handleTableRowAdd(record, isAppendInChindren) {
     var _a, _b;
 
     var preKeys = (_b = (_a = deepDataSourceRef === null || deepDataSourceRef === void 0 ? void 0 : deepDataSourceRef.current) === null || _a === void 0 ? void 0 : _a[record[_rowKey]]) === null || _b === void 0 ? void 0 : _b.preKeys;
     var res = (0, _immer.produce)(dataSourceRef.current, function (draft) {
+      var _a, _b, _c, _d;
+
       if (preKeys.length > 1) {
         var deeps = function deeps(children) {
           children === null || children === void 0 ? void 0 : children.forEach(function (item, index) {
+            var _a;
+
             if (preKeys === null || preKeys === void 0 ? void 0 : preKeys.includes(item[_rowKey])) {
               if (item[_rowKey] === record[_rowKey]) {
-                children.splice(index + 1, 0, (0, _defineProperty2.default)({}, _rowKey, "".concat(Date.now())));
+                if (isAppendInChindren) {
+                  if (item === null || item === void 0 ? void 0 : item.children) {
+                    (_a = item === null || item === void 0 ? void 0 : item.children) === null || _a === void 0 ? void 0 : _a.push((0, _defineProperty2.default)({}, _rowKey, "".concat(Date.now())));
+                  } else {
+                    item.children = [(0, _defineProperty2.default)({}, _rowKey, "".concat(Date.now()))];
+                  }
+
+                  !expandedRowKeys.includes(item[_rowKey]) && setExpandedRowKeys([].concat((0, _toConsumableArray2.default)(expandedRowKeys), [item[_rowKey]]));
+                } else {
+                  children.splice(index + 1, 0, (0, _defineProperty2.default)({}, _rowKey, "".concat(Date.now())));
+                }
               } else if (item.children) {
                 deeps(item.children);
               }
@@ -1001,7 +1044,17 @@ var EditTable = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
         });
 
         if (index !== -1) {
-          draft.splice(index + 1, 0, (0, _defineProperty2.default)({}, _rowKey, "".concat(Date.now())));
+          if (isAppendInChindren) {
+            if ((_a = draft[index].children) === null || _a === void 0 ? void 0 : _a.length) {
+              (_b = draft[index].children) === null || _b === void 0 ? void 0 : _b.push((0, _defineProperty2.default)({}, _rowKey, "".concat(Date.now())));
+            } else {
+              draft[index].children = [(0, _defineProperty2.default)({}, _rowKey, "".concat(Date.now()))];
+            }
+
+            !expandedRowKeys.includes((_c = draft[index]) === null || _c === void 0 ? void 0 : _c[_rowKey]) && setExpandedRowKeys([].concat((0, _toConsumableArray2.default)(expandedRowKeys), [(_d = draft[index]) === null || _d === void 0 ? void 0 : _d[_rowKey]]));
+          } else {
+            draft.splice(index + 1, 0, (0, _defineProperty2.default)({}, _rowKey, "".concat(Date.now())));
+          }
         }
       }
     });
@@ -1038,9 +1091,9 @@ var EditTable = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
 
   var DisableOptions = (0, _react.useMemo)(function () {
     var newColumns = columns === null || columns === void 0 ? void 0 : columns.map(function (item) {
-      var _ref3 = item.componentProps || {},
-          optionOnly = _ref3.optionOnly,
-          options = _ref3.options;
+      var _ref5 = item.componentProps || {},
+          optionOnly = _ref5.optionOnly,
+          options = _ref5.options;
 
       if (optionOnly && options) {
         var dataIndex = item.dataIndex;
@@ -1131,7 +1184,7 @@ var EditTable = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
               editable = col.editable,
               relevanceCols = col.relevanceCols;
 
-          if ((col === null || col === void 0 ? void 0 : col.fixed) || hasDisableOptions && hasDisableOptions.includes(dataIndex) || ((_a = col.componentProps) === null || _a === void 0 ? void 0 : _a.options) || editable === 'render' || !!relevanceCols || !!shouldUpdate) {
+          if ((col === null || col === void 0 ? void 0 : col.fixed) || hasDisableOptions && hasDisableOptions.includes(dataIndex) || ((_a = col.componentProps) === null || _a === void 0 ? void 0 : _a.options) || editable === 'render' || !!relevanceCols || !!shouldUpdate || !!record.children) {
             return true;
           }
 

package/lib/LmEditTable/style/index.css

@@ -609,3 +609,21 @@ p {
   color: var(--color-85);
   margin-left: 0 !important;
 }
+.lm_table_append_add_popover .ant-popover-inner-content {
+  padding: 0px;
+}
+.lm_table_append_add_popover .ant-popover-inner-content ul {
+  margin: 0;
+}
+.lm_table_append_add_popover .ant-popover-inner-content ul li {
+  font-size: 12px;
+  padding: 4px 8px;
+  height: 24px;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  cursor: pointer;
+}
+.lm_table_append_add_popover .ant-popover-inner-content ul li:hover {
+  background-color: var(--color-15);
+}

package/lib/LmEditTable/style/variables.css

@@ -97,3 +97,21 @@
   color: var(--color-85);
   margin-left: 0 !important;
 }
+.lm_table_append_add_popover .ant-popover-inner-content {
+  padding: 0px;
+}
+.lm_table_append_add_popover .ant-popover-inner-content ul {
+  margin: 0;
+}
+.lm_table_append_add_popover .ant-popover-inner-content ul li {
+  font-size: 12px;
+  padding: 4px 8px;
+  height: 24px;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  cursor: pointer;
+}
+.lm_table_append_add_popover .ant-popover-inner-content ul li:hover {
+  background-color: var(--color-15);
+}

package/lib/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/lib/Select/index.js

@@ -38,13 +38,47 @@ var CLMSelect = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
       className = props.className,
       customizeSize = props.size,
       dropdownClassName = props.dropdownClassName,
-      others = __rest(props, ["children", "className", "size", "dropdownClassName"]);
+      options = props.options,
+      value = props.value,
+      defaultLabel = props.defaultLabel,
+      others = __rest(props, ["children", "className", "size", "dropdownClassName", "options", "value", "defaultLabel"]);
 
-  var size = customizeSize || _react.default.useContext(_SizeContext.default) || 'middle';
+  var size = customizeSize || _react.default.useContext(_SizeContext.default) || 'middle'; // 当前值是否存于选项中
+
+  var hasOption = (0, _react.useMemo)(function () {
+    var flag = false;
+
+    if (children) {
+      _react.default.Children.forEach(children, function (child) {
+        if ( /*#__PURE__*/_react.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 = (0, _react.useMemo)(function () {
+    if (value && !hasOption) return defaultLabel !== null && defaultLabel !== void 0 ? defaultLabel : value;
+    return value;
+  }, [value, hasOption]);
   return /*#__PURE__*/_react.default.createElement(_select.default, Object.assign({
     className: (0, _classnames.default)(className, prefixCls),
     size: size,
-    ref: ref
+    ref: ref,
+    value: resetValue,
+    options: options
   }, others, {
     dropdownClassName: (0, _classnames.default)('lm_select_dropdown', dropdownClassName)
   }), children);

package/lib/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;