linkmore-design 1.1.10 → 1.1.12

package/es/PageHeader/style/index.css

@@ -198,6 +198,7 @@
   --font-size-base: 14px;
   --font-size-lg: calc(var(--font-size-base) + 2px);
   --font-size-sm: 12px;
+  --border-radius: 2px;
   --color-contrast: #fff;
   --color-100: #000;
   --color-85: #262626;

package/es/Pagination/style/index.css

@@ -198,6 +198,7 @@
   --font-size-base: 14px;
   --font-size-lg: calc(var(--font-size-base) + 2px);
   --font-size-sm: 12px;
+  --border-radius: 2px;
   --color-contrast: #fff;
   --color-100: #000;
   --color-85: #262626;

package/es/Popconfirm/style/index.css

@@ -198,6 +198,7 @@
   --font-size-base: 14px;
   --font-size-lg: calc(var(--font-size-base) + 2px);
   --font-size-sm: 12px;
+  --border-radius: 2px;
   --color-contrast: #fff;
   --color-100: #000;
   --color-85: #262626;

package/es/Popover/style/index.css

@@ -198,6 +198,7 @@
   --font-size-base: 14px;
   --font-size-lg: calc(var(--font-size-base) + 2px);
   --font-size-sm: 12px;
+  --border-radius: 2px;
   --color-contrast: #fff;
   --color-100: #000;
   --color-85: #262626;

package/es/Progress/style/index.css

@@ -198,6 +198,7 @@
   --font-size-base: 14px;
   --font-size-lg: calc(var(--font-size-base) + 2px);
   --font-size-sm: 12px;
+  --border-radius: 2px;
   --color-contrast: #fff;
   --color-100: #000;
   --color-85: #262626;

package/es/QuickMenu/style/index.css

@@ -198,6 +198,7 @@
   --font-size-base: 14px;
   --font-size-lg: calc(var(--font-size-base) + 2px);
   --font-size-sm: 12px;
+  --border-radius: 2px;
   --color-contrast: #fff;
   --color-100: #000;
   --color-85: #262626;
@@ -516,6 +517,11 @@ p {
   z-index: 999;
   background-color: #fff;
 }
+.lm_quick_menu .ant-btn {
+  border: 0;
+  border-radius: 4px;
+  box-shadow: 0px 12px 48px 0px rgba(0, 0, 0, 0.03), 0px 9px 28px 0px rgba(0, 0, 0, 0.05), 0px 6px 16px 0px rgba(0, 0, 0, 0.08);
+}
 .lm_quick_menu .lm_menu_list {
   position: relative;
   width: 0;

package/es/QuickMenu/style/variables.css

@@ -5,6 +5,11 @@
   z-index: 999;
   background-color: #fff;
 }
+.lm_quick_menu .ant-btn {
+  border: 0;
+  border-radius: 4px;
+  box-shadow: 0px 12px 48px 0px rgba(0, 0, 0, 0.03), 0px 9px 28px 0px rgba(0, 0, 0, 0.05), 0px 6px 16px 0px rgba(0, 0, 0, 0.08);
+}
 .lm_quick_menu .lm_menu_list {
   position: relative;
   width: 0;

package/es/Rate/style/index.css

@@ -198,6 +198,7 @@
   --font-size-base: 14px;
   --font-size-lg: calc(var(--font-size-base) + 2px);
   --font-size-sm: 12px;
+  --border-radius: 2px;
   --color-contrast: #fff;
   --color-100: #000;
   --color-85: #262626;

package/es/Result/style/index.css

@@ -198,6 +198,7 @@
   --font-size-base: 14px;
   --font-size-lg: calc(var(--font-size-base) + 2px);
   --font-size-sm: 12px;
+  --border-radius: 2px;
   --color-contrast: #fff;
   --color-100: #000;
   --color-85: #262626;

package/es/Row/style/index.css

@@ -198,6 +198,7 @@
   --font-size-base: 14px;
   --font-size-lg: calc(var(--font-size-base) + 2px);
   --font-size-sm: 12px;
+  --border-radius: 2px;
   --color-contrast: #fff;
   --color-100: #000;
   --color-85: #262626;

package/es/Segmented/style/index.css

@@ -198,6 +198,7 @@
   --font-size-base: 14px;
   --font-size-lg: calc(var(--font-size-base) + 2px);
   --font-size-sm: 12px;
+  --border-radius: 2px;
   --color-contrast: #fff;
   --color-100: #000;
   --color-85: #262626;

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/Select/style/index.css

@@ -198,6 +198,7 @@
   --font-size-base: 14px;
   --font-size-lg: calc(var(--font-size-base) + 2px);
   --font-size-sm: 12px;
+  --border-radius: 2px;
   --color-contrast: #fff;
   --color-100: #000;
   --color-85: #262626;

package/es/Skeleton/style/index.css

@@ -198,6 +198,7 @@
   --font-size-base: 14px;
   --font-size-lg: calc(var(--font-size-base) + 2px);
   --font-size-sm: 12px;
+  --border-radius: 2px;
   --color-contrast: #fff;
   --color-100: #000;
   --color-85: #262626;

package/es/Slider/style/index.css

@@ -198,6 +198,7 @@
   --font-size-base: 14px;
   --font-size-lg: calc(var(--font-size-base) + 2px);
   --font-size-sm: 12px;
+  --border-radius: 2px;
   --color-contrast: #fff;
   --color-100: #000;
   --color-85: #262626;

package/es/Space/style/index.css

@@ -198,6 +198,7 @@
   --font-size-base: 14px;
   --font-size-lg: calc(var(--font-size-base) + 2px);
   --font-size-sm: 12px;
+  --border-radius: 2px;
   --color-contrast: #fff;
   --color-100: #000;
   --color-85: #262626;

package/es/Spin/style/index.css

@@ -198,6 +198,7 @@
   --font-size-base: 14px;
   --font-size-lg: calc(var(--font-size-base) + 2px);
   --font-size-sm: 12px;
+  --border-radius: 2px;
   --color-contrast: #fff;
   --color-100: #000;
   --color-85: #262626;

package/es/Statistic/style/index.css

@@ -198,6 +198,7 @@
   --font-size-base: 14px;
   --font-size-lg: calc(var(--font-size-base) + 2px);
   --font-size-sm: 12px;
+  --border-radius: 2px;
   --color-contrast: #fff;
   --color-100: #000;
   --color-85: #262626;

package/es/Steps/style/index.css

@@ -198,6 +198,7 @@
   --font-size-base: 14px;
   --font-size-lg: calc(var(--font-size-base) + 2px);
   --font-size-sm: 12px;
+  --border-radius: 2px;
   --color-contrast: #fff;
   --color-100: #000;
   --color-85: #262626;

package/es/Switch/style/index.css

@@ -198,6 +198,7 @@
   --font-size-base: 14px;
   --font-size-lg: calc(var(--font-size-base) + 2px);
   --font-size-sm: 12px;
+  --border-radius: 2px;
   --color-contrast: #fff;
   --color-100: #000;
   --color-85: #262626;

package/es/Table/style/index.css

@@ -198,6 +198,7 @@
   --font-size-base: 14px;
   --font-size-lg: calc(var(--font-size-base) + 2px);
   --font-size-sm: 12px;
+  --border-radius: 2px;
   --color-contrast: #fff;
   --color-100: #000;
   --color-85: #262626;

package/es/Tabs/style/index.css

@@ -198,6 +198,7 @@
   --font-size-base: 14px;
   --font-size-lg: calc(var(--font-size-base) + 2px);
   --font-size-sm: 12px;
+  --border-radius: 2px;
   --color-contrast: #fff;
   --color-100: #000;
   --color-85: #262626;

package/es/Tag/style/index.css

@@ -198,6 +198,7 @@
   --font-size-base: 14px;
   --font-size-lg: calc(var(--font-size-base) + 2px);
   --font-size-sm: 12px;
+  --border-radius: 2px;
   --color-contrast: #fff;
   --color-100: #000;
   --color-85: #262626;

package/es/TimePicker/style/index.css

@@ -198,6 +198,7 @@
   --font-size-base: 14px;
   --font-size-lg: calc(var(--font-size-base) + 2px);
   --font-size-sm: 12px;
+  --border-radius: 2px;
   --color-contrast: #fff;
   --color-100: #000;
   --color-85: #262626;

package/es/Timeline/style/index.css

@@ -198,6 +198,7 @@
   --font-size-base: 14px;
   --font-size-lg: calc(var(--font-size-base) + 2px);
   --font-size-sm: 12px;
+  --border-radius: 2px;
   --color-contrast: #fff;
   --color-100: #000;
   --color-85: #262626;

package/es/Tooltip/style/index.css

@@ -198,6 +198,7 @@
   --font-size-base: 14px;
   --font-size-lg: calc(var(--font-size-base) + 2px);
   --font-size-sm: 12px;
+  --border-radius: 2px;
   --color-contrast: #fff;
   --color-100: #000;
   --color-85: #262626;

package/es/Transfer/style/index.css

@@ -198,6 +198,7 @@
   --font-size-base: 14px;
   --font-size-lg: calc(var(--font-size-base) + 2px);
   --font-size-sm: 12px;
+  --border-radius: 2px;
   --color-contrast: #fff;
   --color-100: #000;
   --color-85: #262626;

package/es/Tree/style/index.css

@@ -198,6 +198,7 @@
   --font-size-base: 14px;
   --font-size-lg: calc(var(--font-size-base) + 2px);
   --font-size-sm: 12px;
+  --border-radius: 2px;
   --color-contrast: #fff;
   --color-100: #000;
   --color-85: #262626;

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/TreeSelect/style/index.css

@@ -198,6 +198,7 @@
   --font-size-base: 14px;
   --font-size-lg: calc(var(--font-size-base) + 2px);
   --font-size-sm: 12px;
+  --border-radius: 2px;
   --color-contrast: #fff;
   --color-100: #000;
   --color-85: #262626;

package/es/Typography/style/index.css

@@ -198,6 +198,7 @@
   --font-size-base: 14px;
   --font-size-lg: calc(var(--font-size-base) + 2px);
   --font-size-sm: 12px;
+  --border-radius: 2px;
   --color-contrast: #fff;
   --color-100: #000;
   --color-85: #262626;

package/es/Upload/style/index.css

@@ -198,6 +198,7 @@
   --font-size-base: 14px;
   --font-size-lg: calc(var(--font-size-base) + 2px);
   --font-size-sm: 12px;
+  --border-radius: 2px;
   --color-contrast: #fff;
   --color-100: #000;
   --color-85: #262626;

package/es/locale-provider/style/index.css

@@ -198,6 +198,7 @@
   --font-size-base: 14px;
   --font-size-lg: calc(var(--font-size-base) + 2px);
   --font-size-sm: 12px;
+  --border-radius: 2px;
   --color-contrast: #fff;
   --color-100: #000;
   --color-85: #262626;

package/es/message/style/index.css

@@ -198,6 +198,7 @@
   --font-size-base: 14px;
   --font-size-lg: calc(var(--font-size-base) + 2px);
   --font-size-sm: 12px;
+  --border-radius: 2px;
   --color-contrast: #fff;
   --color-100: #000;
   --color-85: #262626;

package/es/notification/style/index.css

@@ -198,6 +198,7 @@
   --font-size-base: 14px;
   --font-size-lg: calc(var(--font-size-base) + 2px);
   --font-size-sm: 12px;
+  --border-radius: 2px;
   --color-contrast: #fff;
   --color-100: #000;
   --color-85: #262626;

package/es/styles/main.css

@@ -198,6 +198,7 @@
   --font-size-base: 14px;
   --font-size-lg: calc(var(--font-size-base) + 2px);
   --font-size-sm: 12px;
+  --border-radius: 2px;
   --color-contrast: #fff;
   --color-100: #000;
   --color-85: #262626;

package/es/styles/variables.css

@@ -198,6 +198,7 @@
   --font-size-base: 14px;
   --font-size-lg: calc(var(--font-size-base) + 2px);
   --font-size-sm: 12px;
+  --border-radius: 2px;
   --color-contrast: #fff;
   --color-100: #000;
   --color-85: #262626;
@@ -746,7 +747,7 @@ p {
 }
 .ant-btn.lm-button {
   border: 0;
-  display: inline-flex;
+  display: inline-flex !important;
   flex-direction: row;
   align-items: center;
   justify-content: center;
@@ -855,6 +856,9 @@ p {
   border: 0 !important;
   background: transparent !important;
 }
+.ant-btn.ant-btn-text {
+  background: transparent;
+}
 .ant-btn.lm-button-icon-only .anticon {
   font-size: 16px;
 }
@@ -956,6 +960,7 @@ p {
   position: relative;
   width: 100%;
   border: 1px solid transparent;
+  border-radius: 4px;
   overflow: hidden;
   transition: 0.3s;
 }
@@ -983,7 +988,7 @@ p {
 .lm_card_table_container .lm_card_table_body_cell .card_checkbox .lm-checkbox {
   font-size: 0;
   border: 8px solid rgba(255, 255, 255, 0.625);
-  border-radius: 2px;
+  border-radius: var(--border-radius);
   line-height: 1;
 }
 .lm_card_table_container .lm_card_table_body_cell .card_checkbox .ant-checkbox {
@@ -996,7 +1001,7 @@ p {
   top: 8px;
   z-index: 1;
   background-color: rgba(255, 255, 255, 0.625);
-  border-radius: 2px;
+  border-radius: var(--border-radius);
   opacity: 0;
   transition: 0.3s;
 }
@@ -1053,7 +1058,6 @@ p {
   flex-flow: column;
   gap: 8px;
   height: 100%;
-  border-radius: 2px;
   background-color: var(--color-4);
   padding: calc(var(--gap) * 2);
   transition: 0.3s;
@@ -1064,7 +1068,7 @@ p {
   top: 8px;
   z-index: 1;
   background-color: rgba(255, 255, 255, 0.625);
-  border-radius: 2px;
+  border-radius: var(--border-radius);
   opacity: 0;
   transition: 0.3s;
 }
@@ -1081,7 +1085,7 @@ p {
 .card_PTC .card_PTC_container .card_PTC_top {
   position: relative;
   flex: 1;
-  border-radius: 2px;
+  border-radius: var(--border-radius);
   background: var(--color-15);
   overflow: hidden;
 }
@@ -1140,7 +1144,6 @@ p {
   height: 100%;
   display: flex;
   flex-flow: column;
-  border-radius: 2px;
   background-color: var(--background-color);
   transition: 0.3s;
 }
@@ -1156,7 +1159,7 @@ p {
   flex: 0 0 auto;
   width: 35%;
   min-width: 126px;
-  border-radius: 2px;
+  border-radius: var(--border-radius);
   background: var(--color-15);
   overflow: hidden;
 }
@@ -1270,7 +1273,6 @@ p {
   height: 100%;
   display: flex;
   flex-flow: column;
-  border-radius: 2px;
   background-color: var(--background-color);
   transition: 0.3s;
 }
@@ -1286,7 +1288,7 @@ p {
   flex: 0 0 auto;
   width: 40%;
   min-width: 126px;
-  border-radius: 2px;
+  border-radius: var(--border-radius);
   background: var(--color-15);
   overflow: hidden;
 }
@@ -1791,6 +1793,10 @@ p {
   display: none;
   color: var(--primary-color);
 }
+.lm_custom_option_columns .card_prompt .anticon {
+  font-size: 16px;
+  color: var(--warning-color);
+}
 .lm_custom_size_warp {
   display: flex;
   flex-direction: column;
@@ -2284,7 +2290,7 @@ p {
   background-color: var(--disabled-bg-color);
 }
 .lm_dropdown_button {
-  border-radius: 4px;
+  border-radius: 2px;
   border: 1px solid var(--color-15);
   box-sizing: content-box;
 }
@@ -2322,7 +2328,7 @@ p {
 .lm_dropdown_button:hover {
   color: var(--primary-hover-color) !important;
   border: 1px solid var(--primary-hover-color);
-  border-radius: 4px;
+  border-radius: 2px;
 }
 .lm_dropdown_button:hover .ant-btn {
   color: var(--primary-hover-color) !important;
@@ -9767,6 +9773,10 @@ p {
 .lm_editTable_warpper .ant-table .ant-table-tbody > .ant-table-measure-row > td {
   padding: 0 !important;
 }
+.lm_editTable_warpper .lm_edit_opetate {
+  padding-left: 8px;
+  padding-right: 8px;
+}
 .lm_editTable_warpper .ant-picker {
   height: 24px !important;
   padding: 2px 8px;
@@ -9792,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;
@@ -12077,6 +12105,11 @@ button.ant-table-row-expand-icon::after {
   z-index: 999;
   background-color: #fff;
 }
+.lm_quick_menu .ant-btn {
+  border: 0;
+  border-radius: 4px;
+  box-shadow: 0px 12px 48px 0px rgba(0, 0, 0, 0.03), 0px 9px 28px 0px rgba(0, 0, 0, 0.05), 0px 6px 16px 0px rgba(0, 0, 0, 0.08);
+}
 .lm_quick_menu .lm_menu_list {
   position: relative;
   width: 0;