linkmore-design 1.1.10 → 1.1.12

package/lib/Modal/locale.js

@@ -0,0 +1,25 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.changeConfirmLocale = changeConfirmLocale;
+exports.getConfirmLocale = getConfirmLocale;
+
+var _default = _interopRequireDefault(require("../Locale/default"));
+
+var runtimeLocale = Object.assign({}, _default.default.Modal);
+
+function changeConfirmLocale(newLocale) {
+  if (newLocale) {
+    runtimeLocale = Object.assign(Object.assign({}, runtimeLocale), newLocale);
+  } else {
+    runtimeLocale = Object.assign({}, _default.default.Modal);
+  }
+}
+
+function getConfirmLocale() {
+  return runtimeLocale;
+}

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

package/lib/TreeSelect/index.js

@@ -1,5 +1,7 @@
 "use strict";
 
+var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard");
+
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
 
 Object.defineProperty(exports, "__esModule", {
@@ -11,5 +13,80 @@ require("antd/es/tree-select/style");
 
 var _treeSelect = _interopRequireDefault(require("antd/es/tree-select"));
 
-var _default = _treeSelect.default;
+var _react = _interopRequireWildcard(require("react"));
+
+var __rest = void 0 && (void 0).__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;
+};
+
+var CLMTreeSelect = /*#__PURE__*/(0, _react.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 = (0, _react.useCallback)(function (arr) {
+    var flag = false;
+
+    _react.default.Children.forEach(arr, function (child) {
+      if ( /*#__PURE__*/_react.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 = (0, _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 = (0, _react.useMemo)(function () {
+    if (value && !hasOption) return defaultLabel !== null && defaultLabel !== void 0 ? defaultLabel : value;
+    return value;
+  }, [value, hasOption]);
+  return /*#__PURE__*/_react.default.createElement(_treeSelect.default, Object.assign({
+    ref: ref,
+    value: resetValue
+  }, resetProps), children);
+});
+var LMTreeSelect = CLMTreeSelect;
+LMTreeSelect.TreeNode = _treeSelect.default.TreeNode;
+var _default = LMTreeSelect;
 exports.default = _default;

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