@kdcloudjs/kdesign 1.7.46 → 1.7.47

package/lib/config-provider/compDefaultProps.d.ts

@@ -14,6 +14,10 @@ declare const compDefaultProps: {
         banner: boolean;
         bannerOffset: number[];
     };
+    Breadcrumb: {
+        colorModel: string;
+        separator: string;
+    };
     Button: {
         type: string;
         iconPlace: string;
@@ -114,6 +118,12 @@ declare const compDefaultProps: {
         minuteStep: number;
         secondStep: number;
     };
+    Divider: {
+        orientation: string;
+        orientationMargin: string;
+        type: string;
+        borderStyle: string;
+    };
     Drawer: {
         closable: boolean;
         destroyOnClose: boolean;

package/lib/config-provider/compDefaultProps.js

@@ -26,6 +26,10 @@ var compDefaultProps = {
     banner: false,
     bannerOffset: [0, 0]
   },
+  Breadcrumb: {
+    colorModel: 'emphasize',
+    separator: '/'
+  },
   Button: {
     type: 'second',
     iconPlace: 'left',
@@ -130,6 +134,12 @@ var compDefaultProps = {
     minuteStep: 1,
     secondStep: 1
   },
+  Divider: {
+    orientation: 'left',
+    orientationMargin: '74px',
+    type: 'horizontal',
+    borderStyle: 'solid'
+  },
   Drawer: {
     closable: true,
     destroyOnClose: false,

package/lib/divider/divider.d.ts

@@ -0,0 +1,22 @@
+import React, { FunctionComponentElement } from 'react';
+export declare const DividerTypes: ["horizontal", "vertical"];
+export declare type DividerType = typeof DividerTypes[number];
+export declare const DividerOrientations: ["left", "center", "right"];
+export declare type DividerOrientation = typeof DividerOrientations[number];
+export declare const DividerBorderStyles: ["solid", "dashed", "dotted"];
+export declare type DividerBorderStyle = typeof DividerBorderStyles[number];
+export interface IDividerProps {
+    style?: Record<string, unknown>;
+    className?: string;
+    prefixCls?: string;
+    children?: React.ReactNode;
+    borderStyle?: DividerBorderStyle;
+    type?: DividerType;
+    orientation?: DividerOrientation;
+    orientationMargin?: number | string;
+}
+declare const Divider: {
+    (props: IDividerProps): FunctionComponentElement<IDividerProps>;
+    displayName: string;
+};
+export default Divider;

package/lib/divider/divider.js

@@ -0,0 +1,82 @@
+"use strict";
+
+var _typeof = require("@babel/runtime-corejs3/helpers/typeof");
+var _WeakMap = require("@babel/runtime-corejs3/core-js-stable/weak-map");
+var _Object$getOwnPropertyDescriptor = require("@babel/runtime-corejs3/core-js-stable/object/get-own-property-descriptor");
+var _interopRequireDefault = require("@babel/runtime-corejs3/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = exports.DividerTypes = exports.DividerOrientations = exports.DividerBorderStyles = void 0;
+var _extends2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/extends"));
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/defineProperty"));
+var _getOwnPropertySymbols = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/object/get-own-property-symbols"));
+var _concat = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/instance/concat"));
+var _react = _interopRequireWildcard(require("react"));
+var _classnames = _interopRequireDefault(require("classnames"));
+var _ConfigContext = _interopRequireDefault(require("../config-provider/ConfigContext"));
+var _utils = require("../_utils");
+var _devwarning = _interopRequireDefault(require("../_utils/devwarning"));
+var _type = require("../_utils/type");
+function _getRequireWildcardCache(nodeInterop) { if (typeof _WeakMap !== "function") return null; var cacheBabelInterop = new _WeakMap(); var cacheNodeInterop = new _WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && _Object$getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? _Object$getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+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 _getOwnPropertySymbols.default === "function") for (var i = 0, p = (0, _getOwnPropertySymbols.default)(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 DividerTypes = (0, _type.tuple)('horizontal', 'vertical');
+exports.DividerTypes = DividerTypes;
+var DividerOrientations = (0, _type.tuple)('left', 'center', 'right');
+exports.DividerOrientations = DividerOrientations;
+var DividerBorderStyles = (0, _type.tuple)('solid', 'dashed', 'dotted');
+exports.DividerBorderStyles = DividerBorderStyles;
+var Divider = function Divider(props) {
+  var _context, _classNames;
+  var _useContext = (0, _react.useContext)(_ConfigContext.default),
+    getPrefixCls = _useContext.getPrefixCls,
+    prefixCls = _useContext.prefixCls,
+    userDefaultProps = _useContext.compDefaultProps;
+  var dividerProps = (0, _utils.getCompProps)('Divider', userDefaultProps, props);
+  var className = dividerProps.className,
+    customPrefixcls = dividerProps.prefixCls,
+    children = dividerProps.children,
+    type = dividerProps.type,
+    orientationMargin = dividerProps.orientationMargin,
+    orientation = dividerProps.orientation,
+    borderStyle = dividerProps.borderStyle,
+    others = __rest(dividerProps, ["className", "prefixCls", "children", "type", "orientationMargin", "orientation", "borderStyle"]);
+  var dividerPrefixCls = getPrefixCls(prefixCls, 'divider', customPrefixcls);
+  var orientationPrefix = orientation.length > 0 ? "-".concat(orientation) : orientation;
+  var hasChildren = !!children;
+  var isHorizontal = type === 'horizontal';
+  var isVertical = type === 'vertical';
+  var optimizedOrientationMargin = (0, _react.useMemo)(function () {
+    if (/^[0-9]+$/.test(orientationMargin)) {
+      return orientationMargin + 'px';
+    }
+    return '';
+  }, [orientationMargin]);
+  var dividerClass = (0, _classnames.default)(dividerPrefixCls, className, (_classNames = {}, (0, _defineProperty2.default)(_classNames, "".concat(dividerPrefixCls, "-with-text"), hasChildren && isHorizontal), (0, _defineProperty2.default)(_classNames, (0, _concat.default)(_context = "".concat(dividerPrefixCls, "-with-text")).call(_context, orientationPrefix), hasChildren && isHorizontal), (0, _defineProperty2.default)(_classNames, "".concat(dividerPrefixCls, "-solid"), borderStyle === 'solid'), (0, _defineProperty2.default)(_classNames, "".concat(dividerPrefixCls, "-dashed"), borderStyle === 'dashed'), (0, _defineProperty2.default)(_classNames, "".concat(dividerPrefixCls, "-dotted"), borderStyle === 'dotted'), (0, _defineProperty2.default)(_classNames, "".concat(dividerPrefixCls, "-vertical"), isVertical), (0, _defineProperty2.default)(_classNames, "".concat(dividerPrefixCls, "-margin-left"), isHorizontal && orientation === 'left' && optimizedOrientationMargin), (0, _defineProperty2.default)(_classNames, "".concat(dividerPrefixCls, "-margin-right"), isHorizontal && orientation === 'right' && optimizedOrientationMargin), _classNames));
+  var innerTextClass = (0, _classnames.default)("".concat(dividerPrefixCls, "-inner-text"));
+  var innerTextStyle = (0, _extends2.default)((0, _extends2.default)({}, orientation === 'left' && {
+    marginLeft: optimizedOrientationMargin
+  }), orientation === 'right' && {
+    marginRight: optimizedOrientationMargin
+  });
+  (0, _react.useEffect)(function () {
+    (0, _devwarning.default)(isVertical && children, 'divider', '`children` not working in `vertical` mode.');
+  }, [children, isVertical]);
+  return /*#__PURE__*/_react.default.createElement("div", (0, _extends2.default)({
+    className: dividerClass
+  }, others), isHorizontal && hasChildren && /*#__PURE__*/_react.default.createElement("div", {
+    className: innerTextClass,
+    style: innerTextStyle
+  }, children));
+};
+Divider.displayName = 'Divider';
+var _default = Divider;
+exports.default = _default;

package/lib/divider/index.d.ts

@@ -0,0 +1,3 @@
+import Divider from './divider';
+export * from './divider';
+export default Divider;

package/lib/divider/index.js

@@ -0,0 +1,27 @@
+"use strict";
+
+var _typeof = require("@babel/runtime-corejs3/helpers/typeof");
+var _WeakMap = require("@babel/runtime-corejs3/core-js-stable/weak-map");
+var _Object$getOwnPropertyDescriptor = require("@babel/runtime-corejs3/core-js-stable/object/get-own-property-descriptor");
+var _Object$keys = require("@babel/runtime-corejs3/core-js-stable/object/keys");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+var _exportNames = {};
+exports.default = void 0;
+var _divider = _interopRequireWildcard(require("./divider"));
+_Object$keys(_divider).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
+  if (key in exports && exports[key] === _divider[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function get() {
+      return _divider[key];
+    }
+  });
+});
+function _getRequireWildcardCache(nodeInterop) { if (typeof _WeakMap !== "function") return null; var cacheBabelInterop = new _WeakMap(); var cacheNodeInterop = new _WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && _Object$getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? _Object$getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+var _default = _divider.default;
+exports.default = _default;

package/lib/divider/style/css.js

@@ -0,0 +1,4 @@
+"use strict";
+
+require("../../style/index.css");
+require("./index.css");

package/lib/divider/style/index.css

@@ -0,0 +1,191 @@
+/* -----------  color  ——————---- start */
+/* -----------  color  ——————---- end */
+/* -----------  motion  ——————---- start */
+/* -----------  motion  ——————---- end */
+/* -----------  transition  ——————---- start */
+/* -----------  transition  ——————---- end */
+/* -----------  font  ——————---- start */
+/* -----------  font  ——————---- end */
+/* -----------  zIndex  ——————---- start */
+/*
+    普通组件内部自身层级应设置在0-100间
+*/
+/* -----------  zIndex  ——————---- end */
+/* -----------  Button  ——————---- start */
+/* -----------  Button  ——————---- end */
+/* -----------  Collapse  ——————---- start */
+/* -----------  Collapse  ——————---- end */
+/* -----------  Card  ——————---- start */
+/* -----------  Card  ——————---- end */
+/* -----------  Carousel  ——————---- start */
+/* -----------  Carousel  ——————---- end */
+/* -----------  Cascader  ——————---- start */
+/* -----------  Cascader  ——————---- end */
+/* -----------  Switch  ——————---- start */
+/* -----------  Switch  ——————---- end */
+/* -----------  Input  ——————---- start */
+/* -----------  Input  ——————---- end */
+/* -----------  InputNumber  ——————---- start */
+/* -----------  InputNumber  ——————---- end */
+/* -----------  checkbox  ——————---- start */
+/* -----------  checkbox  ——————---- start */
+/* -----------  checkbox  ——————---- end */
+/* -----------  Radio  ——————---- start */
+/* -----------  Radio  ——————---- end */
+/* -----------  icon  ——————---- start */
+/* -----------  icon  ——————---- end */
+/* -----------  Popconfirm  ——————---- start */
+/* -----------  Popconfirm  ——————---- end */
+/* -----------  Progress  ——————---- start */
+/* -----------  Progress  ——————---- end */
+/* -----------  Pagination  ——————---- start */
+/* -----------  Pagination  ——————---- end */
+/* -----------  Timeline  ——————---- start */
+/* -----------  Timeline  ——————---- end */
+/* -----------  Tabs  ——————---- start */
+/* -----------  Tabs  ——————---- end */
+/* -----------  Select  ——————---- start */
+/* -----------  Select  ——————---- end */
+/* -----------  Rate  ——————---- start */
+/* -----------  Rate  ——————---- end */
+/* -----------  Dropdown  ——————---- start */
+/* -----------  Dropdown  ——————---- end */
+/* -----------  Tooltip  ——————---- start */
+/* -----------  Tooltip  ——————---- end */
+/* -----------  Transfer  ——————---- start */
+/* -----------  Transfer  ——————---- end */
+/* -----------  DatePicker  ——————---- start */
+/* -----------  DatePicker  ——————---- end */
+/* -----------  ColorPicker  ——————---- start */
+/* -----------  ColorPicker  ——————---- end */
+/* -----------  Tree  ——————---- start */
+/* -----------  Tree  ——————---- end */
+/* -----------  Alert  ——————---- start */
+/* -----------  Alert  ——————---- end */
+/* -----------  Split-Panel ——————---- start */
+/* -----------  Split-Panel ——————---- end */
+/* -----------  Modal  ——————---- start */
+/* -----------  Modal  ——————---- end */
+/* -----------  Steps  ——————---- start */
+/* -----------  Steps  ——————---- end */
+/* -----------  Form  ——————---- start */
+/* -----------  Form  ——————---- end */
+/* -----------  Tag ——————---- start */
+/* -----------  Tag ——————---- end */
+/* -----------  Menu  ——————---- start */
+/* -----------  Menu  ——————---- end */
+/* -----------  notice  ——————---- start */
+/* -----------  message  ——————---- end */
+/* -----------  Spin  ——————---- start */
+/* -----------  Spin  ——————---- end */
+/* -----------  Spin  ——————---- start */
+/* -----------  Spin  ——————---- end */
+/* -----------  Layout  ——————---- start */
+/* -----------  Layout  ——————---- end */
+/* -----------  Typography  ——————---- start */
+/* -----------  Typography  ——————---- start */
+/* -----------  Search  ——————---- start */
+/* -----------  Search  ——————---- start */
+/* -----------  Badge  ——————---- start */
+/* -----------  Badge  ——————---- end */
+/* -----------  Anchor  ——————---- start */
+/* -----------  Anchor  ——————---- end */
+/* -----------  Avatar  ——————---- start */
+/* -----------  Avatar  ——————---- end */
+/* -----------  AdvancedSelector  ——————---- start */
+/* -----------  AdvancedSelector  ——————---- end */
+/* -----------  motion  ——————---- start */
+/* -----------  motion  ——————---- end */
+/* -----------  transition  ——————---- start */
+/* -----------  transition  ——————---- end */
+/* -----------  zIndex  ——————---- start */
+/*
+    普通组件内部自身层级应设置在0-100间
+*/
+/* -----------  zIndex  ——————---- end */
+.kd-divider {
+  color: var(--kd-c-divider-color-text, var(--kd-g-color-text-primary, #212121));
+  font-size: var(--kd-c-divider-font-size, var(--kd-g-font-size-small, 12px));
+  width: 900px;
+  padding: var(--kd-c-divider-spacing-padding-horizontal, 0px);
+  -webkit-border-before: 1px solid var(--kd-g-color-border-strong, #d9d9d9);
+          border-block-start: 1px solid var(--kd-g-color-border-strong, #d9d9d9);
+}
+.kd-divider-vertical {
+  display: inline-block;
+  -webkit-border-start: 1px solid var(--kd-g-color-border-strong, #d9d9d9);
+          border-inline-start: 1px solid var(--kd-g-color-border-strong, #d9d9d9);
+  width: 0;
+  height: 1em;
+}
+.kd-divider-solid {
+  border-block-start-style: solid;
+  border-inline-start-style: solid;
+}
+.kd-divider-solid .kd-divider-inner-text::before,
+.kd-divider-solid .kd-divider-inner-text::after {
+  border-block-start-style: solid !important;
+}
+.kd-divider-dashed {
+  border-block-start-style: dashed;
+  border-inline-start-style: dashed;
+}
+.kd-divider-dashed .kd-divider-inner-text::before,
+.kd-divider-dashed .kd-divider-inner-text::after {
+  border-block-start-style: dashed !important;
+}
+.kd-divider-dotted {
+  border-block-start-style: dotted;
+  border-inline-start-style: dotted;
+}
+.kd-divider-dotted .kd-divider-inner-text::before,
+.kd-divider-dotted .kd-divider-inner-text::after {
+  border-block-start-style: dotted !important;
+}
+.kd-divider-with-text {
+  border: unset;
+}
+.kd-divider-with-text .kd-divider-inner-text {
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-box-align: center;
+      -ms-flex-align: center;
+          align-items: center;
+}
+.kd-divider-with-text .kd-divider-inner-text::before {
+  content: '';
+  width: 74px;
+  margin-right: 8px;
+  -webkit-border-before: 1px solid var(--kd-g-color-border-strong, #d9d9d9);
+          border-block-start: 1px solid var(--kd-g-color-border-strong, #d9d9d9);
+}
+.kd-divider-with-text .kd-divider-inner-text::after {
+  content: '';
+  width: calc(100% - 74px);
+  margin-left: 8px;
+  -webkit-border-before: 1px solid var(--kd-g-color-border-strong, #d9d9d9);
+          border-block-start: 1px solid var(--kd-g-color-border-strong, #d9d9d9);
+}
+.kd-divider-with-text-center .kd-divider-inner-text::before,
+.kd-divider-with-text-center .kd-divider-inner-text::after {
+  width: 50%;
+}
+.kd-divider-with-text-right .kd-divider-inner-text::before {
+  width: calc(100% - 74px);
+}
+.kd-divider-with-text-right .kd-divider-inner-text::after {
+  width: 74px;
+}
+.kd-divider-margin-left .kd-divider-inner-text::before {
+  width: 0;
+}
+.kd-divider-margin-left .kd-divider-inner-text::after {
+  width: 100%;
+}
+.kd-divider-margin-right .kd-divider-inner-text::before {
+  width: 100%;
+}
+.kd-divider-margin-right .kd-divider-inner-text::after {
+  width: 0;
+}

package/lib/divider/style/index.d.ts

@@ -0,0 +1,2 @@
+import '../../style/index.less';
+import './index.less';

package/lib/divider/style/index.js

@@ -0,0 +1,4 @@
+"use strict";
+
+require("../../style/index.less");
+require("./index.less");

package/lib/divider/style/index.less

@@ -0,0 +1,105 @@
+@import '../../style/themes/index';
+@import './mixin.less';
+@divider-prefix-cls: ~'@{kd-prefix}-divider';
+
+.@{divider-prefix-cls} {
+  .divider;
+
+  width: 900px;
+  padding: @divider-spacing-padding-horizontal;
+  border-block-start: 1px solid @color-border-strong;
+
+  &-vertical {
+    display: inline-block;
+    border-inline-start: 1px solid @color-border-strong;
+    width: 0;
+    height: 1em;
+  }
+
+  &-solid {
+    .borderStyle(solid)
+  }
+
+  &-dashed {
+    .borderStyle(dashed)
+  }
+
+  &-dotted {
+    .borderStyle(dotted)
+  }
+
+  &-with-text {
+    border: unset;
+
+    .@{divider-prefix-cls}-inner-text {
+      display: flex;
+      align-items: center;
+
+      &::before {
+        content: '';
+        width: 74px;
+        margin-right: 8px;
+        border-block-start: 1px solid @color-border-strong;
+      }
+
+      &::after {
+        content: '';
+        width: calc(100% - 74px);
+        margin-left: 8px;
+        border-block-start: 1px solid @color-border-strong;
+      }
+    }
+  }
+
+  &-with-text-center {
+    .@{divider-prefix-cls}-inner-text {
+
+      &::before,
+      &::after {
+        width: 50%;
+      }
+    }
+  }
+
+  &-with-text-right {
+    .@{divider-prefix-cls}-inner-text {
+
+      &::before {
+        width: calc(100% - 74px);
+
+      }
+
+      &::after {
+        width: 74px;
+      }
+    }
+  }
+
+  &-margin-left {
+    .@{divider-prefix-cls}-inner-text {
+
+      &::before {
+        width: 0;
+
+      }
+
+      &::after {
+        width: 100%;
+      }
+    }
+  }
+
+  &-margin-right {
+    .@{divider-prefix-cls}-inner-text {
+
+      &::before {
+        width: 100%;
+
+      }
+
+      &::after {
+        width: 0;
+      }
+    }
+  }
+}

package/lib/divider/style/mixin.less

@@ -0,0 +1,19 @@
+@import './token.less';
+
+.divider() {
+  color: @divider-color-text;
+  font-size: @divider-font-size;
+}
+
+.borderStyle(@border-style) {
+  border-block-start-style: @border-style;
+  border-inline-start-style: @border-style;
+
+  .@{divider-prefix-cls}-inner-text {
+
+    &::before,
+    &::after {
+      border-block-start-style: @border-style !important
+    }
+  }
+}

package/lib/divider/style/token.less

@@ -0,0 +1,12 @@
+@import '../../style/themes/token.less';
+
+@divider-custom-prefix: ~'--@{kd-prefix}-c-divider';
+
+// color
+@divider-color-text: var(~'@{divider-custom-prefix}-color-text', @color-text-primary);
+
+// font
+@divider-font-size: var(~'@{divider-custom-prefix}-font-size', @font-size-small);
+
+// spacing
+@divider-spacing-padding-horizontal: var(~'@{divider-custom-prefix}-spacing-padding-horizontal', 0px);

package/lib/index.d.ts

@@ -57,3 +57,5 @@ export { default as TreeSelect } from './tree-select';
 export { default as ColorPicker } from './color-picker';
 export { default as Clipboard } from './clipboard';
 export { default as QRCode } from './qr-code';
+export { default as Divider } from './divider';
+export { default as Breadcrumb } from './breadcrumb';

package/lib/index.js

@@ -37,6 +37,12 @@ Object.defineProperty(exports, "BaseData", {
     return _baseData.default;
   }
 });
+Object.defineProperty(exports, "Breadcrumb", {
+  enumerable: true,
+  get: function get() {
+    return _breadcrumb.default;
+  }
+});
 Object.defineProperty(exports, "Button", {
   enumerable: true,
   get: function get() {
@@ -109,6 +115,12 @@ Object.defineProperty(exports, "DatePicker", {
     return _datePicker.default;
   }
 });
+Object.defineProperty(exports, "Divider", {
+  enumerable: true,
+  get: function get() {
+    return _divider.default;
+  }
+});
 Object.defineProperty(exports, "Drawer", {
   enumerable: true,
   get: function get() {
@@ -444,6 +456,8 @@ var _treeSelect = _interopRequireDefault(require("./tree-select"));
 var _colorPicker = _interopRequireDefault(require("./color-picker"));
 var _clipboard = _interopRequireDefault(require("./clipboard"));
 var _qrCode = _interopRequireDefault(require("./qr-code"));
+var _divider = _interopRequireDefault(require("./divider"));
+var _breadcrumb = _interopRequireDefault(require("./breadcrumb"));
 function _getRequireWildcardCache(nodeInterop) { if (typeof _WeakMap !== "function") return null; var cacheBabelInterop = new _WeakMap(); var cacheNodeInterop = new _WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && _Object$getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? _Object$getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
 /* @remove-on-es-build-begin */

package/lib/select/select.js

@@ -347,7 +347,7 @@ var InternalSelect = function InternalSelect(props, ref) {
           onDeselect && onDeselect(key); // 下拉项取消选中时调用，参数为选中项的value,多选模式下生效
         }
       } else {
-        props.visible === undefined && setOptionShow(false);
+        handleVisibleChange(false);
         initValue !== key && onChange && onChange(labelInValue ? {
           value: key,
           label: label
@@ -363,7 +363,7 @@ var InternalSelect = function InternalSelect(props, ref) {
       setSingleVal(getOptionLabel(obj) || key);
       multipleRef.current.selectedVal = key;
       setInitValue(key);
-      props.visible === undefined && setOptionShow(false);
+      handleVisibleChange(false);
       initValue !== key && onChange && onChange(labelInValue ? {
         value: key,
         label: label
@@ -461,12 +461,12 @@ var InternalSelect = function InternalSelect(props, ref) {
     onChange && onChange(labelInValue ? newSelectMulOpts : newSelectedVal, newSelectMulOpts);
   };
   // 输入框变化搜索内容
-  var handleSearchChange = (0, _react.useCallback)(function (event) {
+  var handleSearchChange = function handleSearchChange(event) {
     var val = event.currentTarget.value;
-    setOptionShow(true);
+    handleVisibleChange(true);
     setSearchValue(val);
     onSearch === null || onSearch === void 0 ? void 0 : onSearch(val);
-  }, [onSearch]);
+  };
   // 清除搜索内容
   var handleClear = (0, _react.useCallback)(function () {
     if (searchRef.current) {

package/lib/style/components.less

@@ -3,6 +3,7 @@
 @import "../avatar/style/index.less";
 @import "../badge/style/index.less";
 @import "../base-data/style/index.less";
+@import "../breadcrumb/style/index.less";
 @import "../button/style/index.less";
 @import "../card/style/index.less";
 @import "../carousel/style/index.less";
@@ -13,6 +14,7 @@
 @import "../collapse/style/index.less";
 @import "../color-picker/style/index.less";
 @import "../date-picker/style/index.less";
+@import "../divider/style/index.less";
 @import "../drawer/style/index.less";
 @import "../dropdown/style/index.less";
 @import "../empty/style/index.less";

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@kdcloudjs/kdesign",
-  "version": "1.7.46",
+  "version": "1.7.47",
   "description": "KDesign 金蝶前端react 组件库",
   "title": "kdesign",
   "keywords": [