bkui-vue 0.0.1-beta.39 → 0.0.1-beta.391

package/lib/badge/index.d.ts

@@ -0,0 +1,267 @@
+declare const BkBadge: {
+    new (...args: any[]): {
+        $: import("vue").ComponentInternalInstance;
+        $data: {};
+        $props: Partial<{
+            theme: string;
+            visible: boolean;
+            position: string;
+            dot: boolean;
+            extCls: string;
+            count: string | number;
+            radius: string;
+            valLength: number;
+            overflowCount: number;
+        }> & Omit<Readonly<import("vue").ExtractPropTypes<{
+            theme: import("vue-types").VueTypeValidableDef<string> & {
+                default: string;
+            } & {
+                default: string;
+            };
+            count: import("vue-types").VueTypeDef<string | number> & {
+                default: string | number;
+            };
+            position: import("vue-types").VueTypeValidableDef<string> & {
+                default: string;
+            } & {
+                default: string;
+            };
+            radius: import("vue-types").VueTypeValidableDef<string> & {
+                default: string;
+            };
+            valLength: import("vue-types").VueTypeValidableDef<number> & {
+                default: number;
+            } & {
+                default: number;
+            };
+            overflowCount: import("vue-types").VueTypeValidableDef<number> & {
+                default: number;
+            } & {
+                default: number;
+            };
+            dot: import("vue-types").VueTypeValidableDef<boolean> & {
+                default: boolean;
+            } & {
+                default: boolean;
+            };
+            visible: import("vue-types").VueTypeValidableDef<boolean> & {
+                default: boolean;
+            } & {
+                default: boolean;
+            };
+            extCls: import("vue-types").VueTypeValidableDef<string> & {
+                default: string;
+            };
+        }>> & {
+            onHover?: (...args: any[]) => any;
+            onLeave?: (...args: any[]) => any;
+        } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "theme" | "visible" | "position" | "dot" | "extCls" | "count" | "radius" | "valLength" | "overflowCount">;
+        $attrs: {
+            [x: string]: unknown;
+        };
+        $refs: {
+            [x: string]: unknown;
+        };
+        $slots: Readonly<{
+            [name: string]: import("vue").Slot;
+        }>;
+        $root: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}>>;
+        $parent: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}>>;
+        $emit: (event: "hover" | "leave", ...args: any[]) => void;
+        $el: any;
+        $options: import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
+            theme: import("vue-types").VueTypeValidableDef<string> & {
+                default: string;
+            } & {
+                default: string;
+            };
+            count: import("vue-types").VueTypeDef<string | number> & {
+                default: string | number;
+            };
+            position: import("vue-types").VueTypeValidableDef<string> & {
+                default: string;
+            } & {
+                default: string;
+            };
+            radius: import("vue-types").VueTypeValidableDef<string> & {
+                default: string;
+            };
+            valLength: import("vue-types").VueTypeValidableDef<number> & {
+                default: number;
+            } & {
+                default: number;
+            };
+            overflowCount: import("vue-types").VueTypeValidableDef<number> & {
+                default: number;
+            } & {
+                default: number;
+            };
+            dot: import("vue-types").VueTypeValidableDef<boolean> & {
+                default: boolean;
+            } & {
+                default: boolean;
+            };
+            visible: import("vue-types").VueTypeValidableDef<boolean> & {
+                default: boolean;
+            } & {
+                default: boolean;
+            };
+            extCls: import("vue-types").VueTypeValidableDef<string> & {
+                default: string;
+            };
+        }>> & {
+            onHover?: (...args: any[]) => any;
+            onLeave?: (...args: any[]) => any;
+        }, {
+            numberCount: import("vue").ComputedRef<string | number>;
+            handleHover: () => void;
+            handleLeave: () => void;
+            radiusStyle: import("vue").ComputedRef<{
+                borderRadius: string;
+            }>;
+        }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("hover" | "leave")[], string, {
+            theme: string;
+            visible: boolean;
+            position: string;
+            dot: boolean;
+            extCls: string;
+            count: string | number;
+            radius: string;
+            valLength: number;
+            overflowCount: number;
+        }> & {
+            beforeCreate?: (() => void) | (() => void)[];
+            created?: (() => void) | (() => void)[];
+            beforeMount?: (() => void) | (() => void)[];
+            mounted?: (() => void) | (() => void)[];
+            beforeUpdate?: (() => void) | (() => void)[];
+            updated?: (() => void) | (() => void)[];
+            activated?: (() => void) | (() => void)[];
+            deactivated?: (() => void) | (() => void)[];
+            beforeDestroy?: (() => void) | (() => void)[];
+            beforeUnmount?: (() => void) | (() => void)[];
+            destroyed?: (() => void) | (() => void)[];
+            unmounted?: (() => void) | (() => void)[];
+            renderTracked?: ((e: import("vue").DebuggerEvent) => void) | ((e: import("vue").DebuggerEvent) => void)[];
+            renderTriggered?: ((e: import("vue").DebuggerEvent) => void) | ((e: import("vue").DebuggerEvent) => void)[];
+            errorCaptured?: ((err: unknown, instance: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}>>, info: string) => boolean | void) | ((err: unknown, instance: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}>>, info: string) => boolean | void)[];
+        };
+        $forceUpdate: () => void;
+        $nextTick: typeof import("vue").nextTick;
+        $watch(source: string | Function, cb: Function, options?: import("vue").WatchOptions<boolean>): import("vue").WatchStopHandle;
+    } & Readonly<import("vue").ExtractPropTypes<{
+        theme: import("vue-types").VueTypeValidableDef<string> & {
+            default: string;
+        } & {
+            default: string;
+        };
+        count: import("vue-types").VueTypeDef<string | number> & {
+            default: string | number;
+        };
+        position: import("vue-types").VueTypeValidableDef<string> & {
+            default: string;
+        } & {
+            default: string;
+        };
+        radius: import("vue-types").VueTypeValidableDef<string> & {
+            default: string;
+        };
+        valLength: import("vue-types").VueTypeValidableDef<number> & {
+            default: number;
+        } & {
+            default: number;
+        };
+        overflowCount: import("vue-types").VueTypeValidableDef<number> & {
+            default: number;
+        } & {
+            default: number;
+        };
+        dot: import("vue-types").VueTypeValidableDef<boolean> & {
+            default: boolean;
+        } & {
+            default: boolean;
+        };
+        visible: import("vue-types").VueTypeValidableDef<boolean> & {
+            default: boolean;
+        } & {
+            default: boolean;
+        };
+        extCls: import("vue-types").VueTypeValidableDef<string> & {
+            default: string;
+        };
+    }>> & {
+        onHover?: (...args: any[]) => any;
+        onLeave?: (...args: any[]) => any;
+    } & import("vue").ShallowUnwrapRef<{
+        numberCount: import("vue").ComputedRef<string | number>;
+        handleHover: () => void;
+        handleLeave: () => void;
+        radiusStyle: import("vue").ComputedRef<{
+            borderRadius: string;
+        }>;
+    }> & {} & {} & import("vue").ComponentCustomProperties;
+    __isFragment?: never;
+    __isTeleport?: never;
+    __isSuspense?: never;
+} & import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
+    theme: import("vue-types").VueTypeValidableDef<string> & {
+        default: string;
+    } & {
+        default: string;
+    };
+    count: import("vue-types").VueTypeDef<string | number> & {
+        default: string | number;
+    };
+    position: import("vue-types").VueTypeValidableDef<string> & {
+        default: string;
+    } & {
+        default: string;
+    };
+    radius: import("vue-types").VueTypeValidableDef<string> & {
+        default: string;
+    };
+    valLength: import("vue-types").VueTypeValidableDef<number> & {
+        default: number;
+    } & {
+        default: number;
+    };
+    overflowCount: import("vue-types").VueTypeValidableDef<number> & {
+        default: number;
+    } & {
+        default: number;
+    };
+    dot: import("vue-types").VueTypeValidableDef<boolean> & {
+        default: boolean;
+    } & {
+        default: boolean;
+    };
+    visible: import("vue-types").VueTypeValidableDef<boolean> & {
+        default: boolean;
+    } & {
+        default: boolean;
+    };
+    extCls: import("vue-types").VueTypeValidableDef<string> & {
+        default: string;
+    };
+}>> & {
+    onHover?: (...args: any[]) => any;
+    onLeave?: (...args: any[]) => any;
+}, {
+    numberCount: import("vue").ComputedRef<string | number>;
+    handleHover: () => void;
+    handleLeave: () => void;
+    radiusStyle: import("vue").ComputedRef<{
+        borderRadius: string;
+    }>;
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("hover" | "leave")[], "hover" | "leave", {
+    theme: string;
+    visible: boolean;
+    position: string;
+    dot: boolean;
+    extCls: string;
+    count: string | number;
+    radius: string;
+    valLength: number;
+    overflowCount: number;
+}> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & import("@vue/runtime-core").Plugin;
+export default BkBadge;

package/lib/badge/index.js

@@ -0,0 +1,210 @@
+import * as __WEBPACK_EXTERNAL_MODULE__shared_65459f0a__ from "../shared";
+import * as __WEBPACK_EXTERNAL_MODULE_vue__ from "vue";
+/******/ // The require scope
+/******/ var __webpack_require__ = {};
+/******/ 
+/************************************************************************/
+/******/ /* webpack/runtime/define property getters */
+/******/ (() => {
+/******/ 	// define getter functions for harmony exports
+/******/ 	__webpack_require__.d = (exports, definition) => {
+/******/ 		for(var key in definition) {
+/******/ 			if(__webpack_require__.o(definition, key) && !__webpack_require__.o(exports, key)) {
+/******/ 				Object.defineProperty(exports, key, { enumerable: true, get: definition[key] });
+/******/ 			}
+/******/ 		}
+/******/ 	};
+/******/ })();
+/******/ 
+/******/ /* webpack/runtime/hasOwnProperty shorthand */
+/******/ (() => {
+/******/ 	__webpack_require__.o = (obj, prop) => (Object.prototype.hasOwnProperty.call(obj, prop))
+/******/ })();
+/******/ 
+/************************************************************************/
+var __webpack_exports__ = {};
+
+// EXPORTS
+__webpack_require__.d(__webpack_exports__, {
+  "Z": () => (/* binding */ src)
+});
+
+;// CONCATENATED MODULE: external "../shared"
+var x = y => { var x = {}; __webpack_require__.d(x, y); return x; }
+var y = x => () => x
+const external_shared_namespaceObject = x({ ["PropTypes"]: () => __WEBPACK_EXTERNAL_MODULE__shared_65459f0a__.PropTypes, ["classes"]: () => __WEBPACK_EXTERNAL_MODULE__shared_65459f0a__.classes, ["withInstall"]: () => __WEBPACK_EXTERNAL_MODULE__shared_65459f0a__.withInstall });
+;// CONCATENATED MODULE: ../../node_modules/@babel/runtime/helpers/esm/defineProperty.js
+function _defineProperty(obj, key, value) {
+  if (key in obj) {
+    Object.defineProperty(obj, key, {
+      value: value,
+      enumerable: true,
+      configurable: true,
+      writable: true
+    });
+  } else {
+    obj[key] = value;
+  }
+
+  return obj;
+}
+;// CONCATENATED MODULE: external "vue"
+var external_vue_x = y => { var x = {}; __webpack_require__.d(x, y); return x; }
+var external_vue_y = x => () => x
+const external_vue_namespaceObject = external_vue_x({ ["computed"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.computed, ["createVNode"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.createVNode, ["defineComponent"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.defineComponent });
+;// CONCATENATED MODULE: ../../packages/badge/src/badge.tsx
+
+
+
+/*
+ * Tencent is pleased to support the open source community by making
+ * 蓝鲸智云PaaS平台社区版 (BlueKing PaaS Community Edition) available.
+ *
+ * Copyright (C) 2021 THL A29 Limited, a Tencent company.  All rights reserved.
+ *
+ * 蓝鲸智云PaaS平台社区版 (BlueKing PaaS Community Edition) is licensed under the MIT License.
+ *
+ * License for 蓝鲸智云PaaS平台社区版 (BlueKing PaaS Community Edition):
+ *
+ * ---------------------------------------------------
+ * Permission is hereby granted, free of charge, to any person obtaining a copy of this software and associated
+ * documentation files (the "Software"), to deal in the Software without restriction, including without limitation
+ * the rights to use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of the Software, and
+ * to permit persons to whom the Software is furnished to do so, subject to the following conditions:
+ *
+ * The above copyright notice and this permission notice shall be included in all copies or substantial portions of
+ * the Software.
+ *
+ * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO
+ * THE WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+ * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF
+ * CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS
+ * IN THE SOFTWARE.
+*/
+
+
+/* harmony default export */ const badge = ((0,external_vue_namespaceObject.defineComponent)({
+  name: 'Badge',
+  props: {
+    /** badge theme */
+    theme: external_shared_namespaceObject.PropTypes.string.def('primary'),
+
+    /** Number to show in badge */
+    count: external_shared_namespaceObject.PropTypes.oneOfType([String, Number]).def(1),
+    position: external_shared_namespaceObject.PropTypes.string.def('top-right'),
+    radius: external_shared_namespaceObject.PropTypes.string,
+    valLength: external_shared_namespaceObject.PropTypes.number.def(3),
+
+    /** Show capped numeric value */
+    overflowCount: external_shared_namespaceObject.PropTypes.number.def(99),
+
+    /** Whether to show red dots with no content */
+    dot: external_shared_namespaceObject.PropTypes.bool.def(false),
+    visible: external_shared_namespaceObject.PropTypes.bool.def(false),
+
+    /** 外部设置的 class name */
+    extCls: external_shared_namespaceObject.PropTypes.string
+  },
+  emits: ['hover', 'leave'],
+  setup: function setup(props, _ref) {
+    var emit = _ref.emit;
+    var numberCount = (0,external_vue_namespaceObject.computed)(function () {
+      if (typeof props.count === 'string') {
+        var valueText = props.count;
+        valueText += '';
+        var output = [];
+        var count = 0;
+        valueText.split('').forEach(function (_char) {
+          if (count < Number(props.valLength)) {
+            count += /[\u4e00-\u9fa5]/.test(_char) ? 2 : 1;
+            output.push(_char);
+          }
+        });
+        return output.join('');
+      }
+
+      return props.count > props.overflowCount ? "".concat(props.overflowCount, "+") : props.count;
+    });
+    var radiusStyle = (0,external_vue_namespaceObject.computed)(function () {
+      var isRadius = props.radius !== undefined && /^\d+(%|px|em|rem|vh|vw)?$/.test(props.radius);
+      var radiusValue = isRadius && /^\d+$/.test(props.radius) && "".concat(props.radius, "px") || props.radius;
+      return {
+        borderRadius: radiusValue
+      };
+    });
+
+    var handleHover = function handleHover() {
+      /**
+       * Hover event.
+       * @event hover
+       */
+      emit('hover');
+    };
+
+    var handleLeave = function handleLeave() {
+      /**
+       * Leave event.
+       * @event Leave
+       */
+      emit('leave');
+    };
+
+    return {
+      numberCount: numberCount,
+      handleHover: handleHover,
+      handleLeave: handleLeave,
+      radiusStyle: radiusStyle
+    };
+  },
+  render: function render() {
+    var _classes;
+
+    var _a, _b, _c, _d, _e, _f;
+
+    var wrapperClasses = (0,external_shared_namespaceObject.classes)({
+      'bk-badge-main': true
+    }, this.$props.extCls);
+    var badgeClass = (0,external_shared_namespaceObject.classes)((_classes = {}, _defineProperty(_classes, "bk-badge bk-".concat(this.$props.theme), !!this.$props.theme), _defineProperty(_classes, 'pinned ', this.$slots["default"]), _defineProperty(_classes, 'dot', this.$props.dot), _defineProperty(_classes, "".concat(this.$props.position), this.$slots["default"]), _defineProperty(_classes, 'bk-badge-icon is-icon', this.$slots.icon), _classes), '');
+    var number = !this.$props.dot ? (0,external_vue_namespaceObject.createVNode)("span", null, [this.numberCount]) : '';
+    return (0,external_vue_namespaceObject.createVNode)("div", {
+      "class": wrapperClasses
+    }, [(_c = (_b = (_a = this.$slots)["default"]) === null || _b === void 0 ? void 0 : _b.call(_a)) !== null && _c !== void 0 ? _c : '', !this.$props.visible ? (0,external_vue_namespaceObject.createVNode)("span", {
+      "class": badgeClass,
+      "style": this.radiusStyle,
+      "onMouseenter": this.handleHover,
+      "onMouseleave": this.handleLeave
+    }, [(_f = (_e = (_d = this.$slots).icon) === null || _e === void 0 ? void 0 : _e.call(_d)) !== null && _f !== void 0 ? _f : number]) : '']);
+  }
+}));
+;// CONCATENATED MODULE: ../../packages/badge/src/index.ts
+/*
+ * Tencent is pleased to support the open source community by making
+ * 蓝鲸智云PaaS平台社区版 (BlueKing PaaS Community Edition) available.
+ *
+ * Copyright (C) 2021 THL A29 Limited, a Tencent company.  All rights reserved.
+ *
+ * 蓝鲸智云PaaS平台社区版 (BlueKing PaaS Community Edition) is licensed under the MIT License.
+ *
+ * License for 蓝鲸智云PaaS平台社区版 (BlueKing PaaS Community Edition):
+ *
+ * ---------------------------------------------------
+ * Permission is hereby granted, free of charge, to any person obtaining a copy of this software and associated
+ * documentation files (the "Software"), to deal in the Software without restriction, including without limitation
+ * the rights to use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of the Software, and
+ * to permit persons to whom the Software is furnished to do so, subject to the following conditions:
+ *
+ * The above copyright notice and this permission notice shall be included in all copies or substantial portions of
+ * the Software.
+ *
+ * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO
+ * THE WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+ * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF
+ * CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS
+ * IN THE SOFTWARE.
+*/
+
+
+var BkBadge = (0,external_shared_namespaceObject.withInstall)(badge);
+/* harmony default export */ const src = (BkBadge);
+var __webpack_exports__default = __webpack_exports__.Z;
+export { __webpack_exports__default as default };

package/lib/breadcrumb/breadcrumb-item.d.ts

@@ -0,0 +1,38 @@
+declare const _default: import("vue").DefineComponent<{
+    extCls: import("vue-types").VueTypeValidableDef<string> & {
+        default: string;
+    };
+    to: import("vue-types").VueTypeDef<string | {
+        [key: string]: any;
+    }> & {
+        default: string | (() => {
+            [key: string]: any;
+        });
+    };
+    replace: import("vue-types").VueTypeValidableDef<boolean> & {
+        default: boolean;
+    };
+}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "click"[], "click", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    extCls: import("vue-types").VueTypeValidableDef<string> & {
+        default: string;
+    };
+    to: import("vue-types").VueTypeDef<string | {
+        [key: string]: any;
+    }> & {
+        default: string | (() => {
+            [key: string]: any;
+        });
+    };
+    replace: import("vue-types").VueTypeValidableDef<boolean> & {
+        default: boolean;
+    };
+}>> & {
+    onClick?: (...args: any[]) => any;
+}, {
+    replace: boolean;
+    to: string | {
+        [key: string]: any;
+    };
+    extCls: string;
+}>;
+export default _default;

package/lib/breadcrumb/breadcrumb.css

@@ -0,0 +1,119 @@
+@keyframes loading-scale-animate {
+  0% {
+    transform: scale(1);
+  }
+  100% {
+    transform: scale(0.6);
+  }
+}
+@keyframes fade {
+  100% {
+    background-color: transparent;
+  }
+}
+.bk-fade-transtion .bk-fade-enter-active,
+.bk-fade-transtion .bk-fade-leave-active {
+  transition: all 0.3s cubic-bezier(0.55, 0, 0.1, 1);
+}
+.bk-fade-transtion .bk-fade-enter,
+.bk-fade-transtion .bk-fade-leave-to {
+  opacity: 0;
+}
+.clearfix-style::after {
+  display: block;
+  height: 0;
+  clear: both;
+  font-size: 0;
+  content: '';
+  visibility: hidden;
+}
+.bk-popper {
+  display: none;
+  padding: 7px 14px;
+  font-size: 12px;
+  color: #fff;
+  background: #333;
+  border-radius: 4px;
+}
+.bk-popper.light {
+  color: #63656e;
+  background: #fff;
+  box-shadow: #dcdee5 0 0 6px 0;
+}
+.bk-popper .bk-popper-arrow,
+.bk-popper .bk-popper-arrow::before {
+  position: absolute;
+  width: 8px;
+  height: 8px;
+  background: inherit;
+}
+.bk-popper .bk-popper-arrow {
+  visibility: hidden;
+}
+.bk-popper .bk-popper-arrow::before {
+  content: '';
+  visibility: visible;
+  transform: rotate(45deg);
+}
+.bk-popper[data-show] {
+  display: block;
+}
+.bk-popper[data-popper-placement^='top'] > .bk-popper-arrow {
+  bottom: -4px;
+}
+.bk-popper[data-popper-placement^='bottom'] > .bk-popper-arrow {
+  top: -4px;
+}
+.bk-popper[data-popper-placement^='left'] > .bk-popper-arrow {
+  right: -4px;
+}
+.bk-popper[data-popper-placement^='right'] > .bk-popper-arrow {
+  left: -4px;
+}
+.bk-breadcrumb {
+  display: flex;
+  font-size: 14px;
+  color: #979ba5;
+  align-items: center;
+}
+.bk-breadcrumb::after {
+  clear: both;
+}
+.bk-breadcrumb-separator {
+  margin: 0 9px;
+  font-weight: bold;
+}
+.bk-breadcrumb-separator[class*=icon] {
+  margin: 0 6px;
+  font-weight: normal;
+}
+.bk-breadcrumb-goback {
+  margin-right: 12px;
+  color: #0082ff;
+  cursor: pointer;
+}
+.bk-breadcrumb-goback svg {
+  font-size: 26px;
+}
+.bk-breadcrumb-item-inner.is-link,
+.bk-breadcrumb-item-inner a {
+  color: #63656e;
+  text-decoration: none;
+}
+.bk-breadcrumb-item-inner.is-link:hover,
+.bk-breadcrumb-item-inner a:hover {
+  color: #0082ff;
+  cursor: pointer;
+}
+.bk-breadcrumb-item:last-child {
+  color: #979ba5;
+}
+.bk-breadcrumb-item:last-child .el-breadcrumb__inner,
+.bk-breadcrumb-item:last-child .el-breadcrumb__inner a,
+.bk-breadcrumb-item:last-child .el-breadcrumb__inner:hover,
+.bk-breadcrumb-item:last-child .el-breadcrumb__inner a:hover {
+  cursor: text;
+}
+.bk-breadcrumb-item:last-child .bk-breadcrumb-separator {
+  display: none;
+}

package/lib/breadcrumb/breadcrumb.d.ts

@@ -0,0 +1,54 @@
+declare const _default: import("vue").DefineComponent<{
+    extCls: import("vue-types").VueTypeValidableDef<string> & {
+        default: string;
+    };
+    separator: import("vue-types").VueTypeValidableDef<string> & {
+        default: string;
+    } & {
+        default: string;
+    };
+    separatorClass: import("vue-types").VueTypeValidableDef<string> & {
+        default: string;
+    };
+    replace: import("vue-types").VueTypeValidableDef<boolean> & {
+        default: boolean;
+    };
+    backRouter: import("vue-types").VueTypeDef<string | {
+        [key: string]: any;
+    }> & {
+        default: string | (() => {
+            [key: string]: any;
+        });
+    };
+}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    extCls: import("vue-types").VueTypeValidableDef<string> & {
+        default: string;
+    };
+    separator: import("vue-types").VueTypeValidableDef<string> & {
+        default: string;
+    } & {
+        default: string;
+    };
+    separatorClass: import("vue-types").VueTypeValidableDef<string> & {
+        default: string;
+    };
+    replace: import("vue-types").VueTypeValidableDef<boolean> & {
+        default: boolean;
+    };
+    backRouter: import("vue-types").VueTypeDef<string | {
+        [key: string]: any;
+    }> & {
+        default: string | (() => {
+            [key: string]: any;
+        });
+    };
+}>>, {
+    replace: boolean;
+    separator: string;
+    extCls: string;
+    separatorClass: string;
+    backRouter: string | {
+        [key: string]: any;
+    };
+}>;
+export default _default;