linkmore-design 1.1.11 → 1.1.13-alpha.0

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/hooks/useEvent/index.js

@@ -9,7 +9,7 @@ function useEvent(handler) {
 
   return useCallback(function () {
     var fn = handlerRef.current;
-    return fn.apply(void 0, arguments);
+    return fn === null || fn === void 0 ? void 0 : fn.apply(void 0, arguments);
   }, []);
 }
 

package/es/styles/variables.css

@@ -9742,6 +9742,9 @@ p {
   letter-spacing: 0px;
   color: var(--color-85);
 }
+.lm_editTable_warpper .lm_custom_cell_td {
+  position: relative;
+}
 .lm_editTable_warpper .lm_custom_cell_td .ant-form-item-control-input-content {
   display: flex;
   flex-direction: row;
@@ -9753,6 +9756,32 @@ p {
 .lm_editTable_warpper .lm_custom_cell_td .ant-table-row-expand-icon {
   margin-top: 6px;
 }
+.lm_editTable_warpper .lm_custom_cell_td .quick_copy_warp {
+  font-size: 8px;
+  position: absolute;
+  left: calc(50% - 10px);
+  z-index: 100;
+  width: 20px;
+  height: 10px;
+  background-color: var(--color-6);
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  color: #D8D8D8;
+}
+.lm_editTable_warpper .lm_custom_cell_td .quick_copy_warp:hover {
+  cursor: pointer;
+  background-color: var(--primary-color);
+  color: #fff;
+}
+.lm_editTable_warpper .lm_custom_cell_td .quick_copy_up {
+  top: -4px;
+  left: calc(50% - 10px);
+}
+.lm_editTable_warpper .lm_custom_cell_td .quick_copy_down {
+  bottom: -6px;
+  left: calc(50% - 10px);
+}
 .lm_editTable_warpper .lm_editTable_cell_edit {
   height: 40px;
   padding: 8px 8px !important;
@@ -9802,6 +9831,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/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/c/font_2966019_totaqlvhjak.js' // 在 iconfont.cn 上生成
+  scriptUrl: '//at.alicdn.com/t/c/font_2966019_neaxovtw4w.js' // 在 iconfont.cn 上生成
   // scriptUrl: require('./font/iconfont.js'),
 
 });

package/lib/LmEditTable/DndContainer.d.ts

@@ -1,5 +1,6 @@
-declare const DndContainer: ({ children, move }: {
+import React from 'react';
+declare const _default: React.MemoExoticComponent<({ children, move }: {
     children: any;
     move: any;
-}) => JSX.Element;
-export default DndContainer;
+}) => JSX.Element>;
+export default _default;

package/lib/LmEditTable/DndContainer.js

@@ -1,13 +1,13 @@
 "use strict";
 
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard");
 
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
 
-var _react = _interopRequireDefault(require("react"));
+var _react = _interopRequireWildcard(require("react"));
 
 var _core = require("@dnd-kit/core");
 
@@ -45,5 +45,6 @@ var DndContainer = function DndContainer(_ref) {
   }, children);
 };
 
-var _default = DndContainer;
+var _default = /*#__PURE__*/(0, _react.memo)(DndContainer);
+
 exports.default = _default;

package/lib/LmEditTable/EditTable.d.ts

@@ -36,9 +36,11 @@ interface ILmColumns extends TableColumnType<any> {
 export declare type TLmEditTable = {
     onChange?: (data: any[]) => void;
     columns: ILmColumns[];
+    virtual: boolean;
 } & ILmEditTable;
 declare const _default: React.MemoExoticComponent<React.ForwardRefExoticComponent<{
     onChange?: (data: any[]) => void;
     columns: ILmColumns[];
+    virtual: boolean;
 } & ILmEditTable & React.RefAttributes<unknown>>>;
 export default _default;