bkui-vue 0.0.2-beta.9 → 0.0.2-beta.90

package/lib/alert/index.js

@@ -1 +1,214 @@
-!function(e,t){if("object"==typeof exports&&"object"==typeof module)module.exports=t(require("../shared"),require("vue"),require("../config-provider"),require("../icon"));else if("function"==typeof define&&define.amd)define(["../shared","vue","../config-provider","../icon"],t);else{var r="object"==typeof exports?t(require("../shared"),require("vue"),require("../config-provider"),require("../icon")):t(e["../shared"],e.vue,e["../config-provider"],e["../icon"]);for(var o in r)("object"==typeof exports?exports:e)[o]=r[o]}}(self,((e,t,r,o)=>(()=>{"use strict";var i={2717:e=>{e.exports=r},6870:e=>{e.exports=o},4212:t=>{t.exports=e},748:e=>{e.exports=t}},n={};function s(e){var t=n[e];if(void 0!==t)return t.exports;var r=n[e]={exports:{}};return i[e](r,r.exports,s),r.exports}s.d=(e,t)=>{for(var r in t)s.o(t,r)&&!s.o(e,r)&&Object.defineProperty(e,r,{enumerable:!0,get:t[r]})},s.o=(e,t)=>Object.prototype.hasOwnProperty.call(e,t),s.r=e=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})};var l={};return(()=>{s.r(l),s.d(l,{default:()=>c});var e=s(4212);function t(e){return t="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},t(e)}function r(e,r,o){return(r=function(e){var r=function(e,r){if("object"!==t(e)||null===e)return e;var o=e[Symbol.toPrimitive];if(void 0!==o){var i=o.call(e,"string");if("object"!==t(i))return i;throw new TypeError("@@toPrimitive must return a primitive value.")}return String(e)}(e);return"symbol"===t(r)?r:String(r)}(r))in e?Object.defineProperty(e,r,{value:o,enumerable:!0,configurable:!0,writable:!0}):e[r]=o,e}var o=s(748),i=s(2717),n=s(6870);const a=(0,o.defineComponent)({name:"Alert",props:{theme:(0,e.TagThemeType)().def(e.TagThemeEnum.INFO),size:e.PropTypes.string,title:e.PropTypes.string,closable:e.PropTypes.bool.def(!1),closeText:e.PropTypes.string,showIcon:e.PropTypes.bool.def(!0)},emits:{close:function(e){return e}},setup:function(e,t){var r=(0,o.reactive)({visible:!0});return{state:r,handleClose:function(e){r.visible=!1,t.emit("close",e)}}},render:function(){var t,s,l,a;if(!this.state.visible)return null;var c=(0,i.usePrefix)().resolveClassName,u=Boolean(this.closeText),f=(0,e.classes)((r(t={},c("alert-close"),!0),r(t,"close-text",u),r(t,c("alert-close-icon"),!u),t)),p=(0,e.classes)((r(s={},c("alert"),!0),r(s,c("alert-".concat(this.theme)),!0),s));return(0,o.createVNode)("div",{class:p},[(0,o.createVNode)("div",{class:c("alert-wraper")},[this.showIcon&&(0,o.createVNode)(n.InfoLine,{class:c("alert-icon-info")},null),(0,o.createVNode)("div",{class:c("alert-content")},[(0,o.createVNode)("div",{class:c("alert-title")},[this.$slots.title?this.$slots.title():this.title]),(0,o.createVNode)("div",{class:c("alert-description")},[null===(a=(l=this.$slots).default)||void 0===a?void 0:a.call(l)])]),this.closable&&(0,o.createVNode)("span",{class:f,onClick:this.handleClose},[this.closeText?this.closeText:(0,o.createVNode)(n.CloseLine,null,null)])])])}}),c=(0,e.withInstall)(a)})(),l})()));
+import * as __WEBPACK_EXTERNAL_MODULE__shared_65459f0a__ from "../shared";
+import * as __WEBPACK_EXTERNAL_MODULE_vue__ from "vue";
+import * as __WEBPACK_EXTERNAL_MODULE__config_provider_9d0186d9__ from "../config-provider";
+import * as __WEBPACK_EXTERNAL_MODULE__icon_85385c3e__ from "../icon";
+/******/ // 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, ["TagThemeEnum"]: () => __WEBPACK_EXTERNAL_MODULE__shared_65459f0a__.TagThemeEnum, ["TagThemeType"]: () => __WEBPACK_EXTERNAL_MODULE__shared_65459f0a__.TagThemeType, ["classes"]: () => __WEBPACK_EXTERNAL_MODULE__shared_65459f0a__.classes, ["withInstall"]: () => __WEBPACK_EXTERNAL_MODULE__shared_65459f0a__.withInstall });
+;// CONCATENATED MODULE: ../../node_modules/@babel/runtime/helpers/esm/typeof.js
+function _typeof(obj) {
+  "@babel/helpers - typeof";
+
+  return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) {
+    return typeof obj;
+  } : function (obj) {
+    return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj;
+  }, _typeof(obj);
+}
+;// CONCATENATED MODULE: ../../node_modules/@babel/runtime/helpers/esm/toPrimitive.js
+
+function _toPrimitive(input, hint) {
+  if (_typeof(input) !== "object" || input === null) return input;
+  var prim = input[Symbol.toPrimitive];
+  if (prim !== undefined) {
+    var res = prim.call(input, hint || "default");
+    if (_typeof(res) !== "object") return res;
+    throw new TypeError("@@toPrimitive must return a primitive value.");
+  }
+  return (hint === "string" ? String : Number)(input);
+}
+;// CONCATENATED MODULE: ../../node_modules/@babel/runtime/helpers/esm/toPropertyKey.js
+
+
+function _toPropertyKey(arg) {
+  var key = _toPrimitive(arg, "string");
+  return _typeof(key) === "symbol" ? key : String(key);
+}
+;// CONCATENATED MODULE: ../../node_modules/@babel/runtime/helpers/esm/defineProperty.js
+
+function _defineProperty(obj, key, value) {
+  key = _toPropertyKey(key);
+  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({ ["createVNode"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.createVNode, ["defineComponent"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.defineComponent, ["reactive"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.reactive });
+;// CONCATENATED MODULE: external "../config-provider"
+var external_config_provider_x = y => { var x = {}; __webpack_require__.d(x, y); return x; }
+var external_config_provider_y = x => () => x
+const external_config_provider_namespaceObject = external_config_provider_x({ ["usePrefix"]: () => __WEBPACK_EXTERNAL_MODULE__config_provider_9d0186d9__.usePrefix });
+;// CONCATENATED MODULE: external "../icon"
+var external_icon_x = y => { var x = {}; __webpack_require__.d(x, y); return x; }
+var external_icon_y = x => () => x
+const external_icon_namespaceObject = external_icon_x({ ["CloseLine"]: () => __WEBPACK_EXTERNAL_MODULE__icon_85385c3e__.CloseLine, ["InfoLine"]: () => __WEBPACK_EXTERNAL_MODULE__icon_85385c3e__.InfoLine });
+;// CONCATENATED MODULE: ../../packages/alert/src/alert.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 src_alert = ((0,external_vue_namespaceObject.defineComponent)({
+  name: 'Alert',
+  props: {
+    theme: (0,external_shared_namespaceObject.TagThemeType)().def(external_shared_namespaceObject.TagThemeEnum.INFO),
+    size: external_shared_namespaceObject.PropTypes.string,
+    title: external_shared_namespaceObject.PropTypes.string,
+    closable: external_shared_namespaceObject.PropTypes.bool.def(false),
+    closeText: external_shared_namespaceObject.PropTypes.string,
+    showIcon: external_shared_namespaceObject.PropTypes.bool.def(true)
+  },
+  emits: {
+    close: function close(event) {
+      return event;
+    }
+  },
+  setup: function setup(_props, context) {
+    var state = (0,external_vue_namespaceObject.reactive)({
+      visible: true
+    });
+    var handleClose = function handleClose(event) {
+      state.visible = false;
+      context.emit('close', event);
+    };
+    return {
+      state: state,
+      handleClose: handleClose
+    };
+  },
+  render: function render() {
+    var _classes, _classes2, _this$$slots$default, _this$$slots;
+    if (!this.state.visible) {
+      return null;
+    }
+    var _usePrefix = (0,external_config_provider_namespaceObject.usePrefix)(),
+      resolveClassName = _usePrefix.resolveClassName;
+    var renderCloseText = Boolean(this.closeText);
+    var closeButtonClasses = (0,external_shared_namespaceObject.classes)((_classes = {}, _defineProperty(_classes, resolveClassName('alert-close'), true), _defineProperty(_classes, 'close-text', renderCloseText), _defineProperty(_classes, resolveClassName('alert-close-icon'), !renderCloseText), _classes));
+    var typeClass = (0,external_shared_namespaceObject.classes)((_classes2 = {}, _defineProperty(_classes2, resolveClassName('alert'), true), _defineProperty(_classes2, resolveClassName("alert-".concat(this.theme)), true), _classes2));
+    return (0,external_vue_namespaceObject.createVNode)("div", {
+      "class": typeClass
+    }, [(0,external_vue_namespaceObject.createVNode)("div", {
+      "class": resolveClassName('alert-wraper')
+    }, [this.showIcon && (0,external_vue_namespaceObject.createVNode)(external_icon_namespaceObject.InfoLine, {
+      "class": resolveClassName('alert-icon-info')
+    }, null), (0,external_vue_namespaceObject.createVNode)("div", {
+      "class": resolveClassName('alert-content')
+    }, [(0,external_vue_namespaceObject.createVNode)("div", {
+      "class": resolveClassName('alert-title')
+    }, [this.$slots.title ? this.$slots.title() : this.title]), (0,external_vue_namespaceObject.createVNode)("div", {
+      "class": resolveClassName('alert-description')
+    }, [(_this$$slots$default = (_this$$slots = this.$slots)["default"]) === null || _this$$slots$default === void 0 ? void 0 : _this$$slots$default.call(_this$$slots)])]), this.closable && (0,external_vue_namespaceObject.createVNode)("span", {
+      "class": closeButtonClasses,
+      "onClick": this.handleClose
+    }, [this.closeText ? this.closeText : (0,external_vue_namespaceObject.createVNode)(external_icon_namespaceObject.CloseLine, null, null)])])]);
+  }
+}));
+;// CONCATENATED MODULE: ../../packages/alert/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 BkAlert = (0,external_shared_namespaceObject.withInstall)(src_alert);
+/* harmony default export */ const src = (BkAlert);
+var __webpack_exports__default = __webpack_exports__.Z;
+export { __webpack_exports__default as default };

package/lib/animate-number/index.d.ts

@@ -7,8 +7,8 @@ declare const BkAnimateNumber: {
             digits?: number;
             class?: unknown;
             style?: unknown;
-            key?: string | number | symbol;
             ref?: import("vue").VNodeRef;
+            key?: string | number | symbol;
             ref_for?: boolean;
             ref_key?: string;
             onVnodeBeforeMount?: ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {

package/lib/animate-number/index.js

@@ -1 +1,155 @@
-!function(e,t){if("object"==typeof exports&&"object"==typeof module)module.exports=t(require("../shared"),require("vue"));else if("function"==typeof define&&define.amd)define(["../shared","vue"],t);else{var r="object"==typeof exports?t(require("../shared"),require("vue")):t(e["../shared"],e.vue);for(var o in r)("object"==typeof exports?exports:e)[o]=r[o]}}(self,((e,t)=>(()=>{"use strict";var r={4212:t=>{t.exports=e},748:e=>{e.exports=t}},o={};function n(e){var t=o[e];if(void 0!==t)return t.exports;var u=o[e]={exports:{}};return r[e](u,u.exports,n),u.exports}n.d=(e,t)=>{for(var r in t)n.o(t,r)&&!n.o(e,r)&&Object.defineProperty(e,r,{enumerable:!0,get:t[r]})},n.o=(e,t)=>Object.prototype.hasOwnProperty.call(e,t),n.r=e=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})};var u={};return(()=>{n.r(u),n.d(u,{default:()=>o});var e=n(4212),t=n(748);const r=(0,t.defineComponent)({name:"AnimateNumber",props:{value:e.PropTypes.number.def(0),digits:e.PropTypes.number.def(0)},setup:function(e){var r=-1,o=(0,t.ref)(0),n=(0,t.computed)((function(){return Number(o.value).toFixed(e.digits)})),u=function(t,n){if(Number.isNaN(+n))return 0;var u=Math.abs(n-t),i=n-t>0?1:-1,a=Math.ceil(u/30*Math.pow(10,e.digits))/Math.pow(10,e.digits),f=25/Math.ceil(u/a),s=1;!function e(){if(s<f)return r=requestAnimationFrame(e),void(s+=1);o.value+=a*i,(1===i?o.value<n:o.value>n)?(r=requestAnimationFrame(e),s=1):o.value=n}()};return(0,t.watch)((function(){return e.value}),(function(e,t){u(t,e)})),(0,t.onMounted)((function(){u(0,e.value)})),(0,t.onBeforeUnmount)((function(){cancelAnimationFrame(r)})),function(){return(0,t.createVNode)("span",null,[n.value])}}}),o=(0,e.withInstall)(r)})(),u})()));
+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, ["withInstall"]: () => __WEBPACK_EXTERNAL_MODULE__shared_65459f0a__.withInstall });
+;// 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, ["onBeforeUnmount"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.onBeforeUnmount, ["onMounted"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.onMounted, ["ref"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.ref, ["watch"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.watch });
+;// CONCATENATED MODULE: ../../packages/animate-number/src/animate-number.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 animate_number = ((0,external_vue_namespaceObject.defineComponent)({
+  name: 'AnimateNumber',
+  props: {
+    value: external_shared_namespaceObject.PropTypes.number.def(0),
+    digits: external_shared_namespaceObject.PropTypes.number.def(0)
+  },
+  setup: function setup(props) {
+    var rafId = -1;
+    var tweeningValue = (0,external_vue_namespaceObject.ref)(0);
+    var formatValue = (0,external_vue_namespaceObject.computed)(function () {
+      return Number(tweeningValue.value).toFixed(props.digits);
+    });
+    var tween = function tween(startValue, endValue) {
+      // 错误数据返回0
+      if (Number.isNaN(+endValue)) return 0;
+      var dis = Math.abs(endValue - startValue);
+      var isPositive = endValue - startValue > 0 ? 1 : -1;
+      var ticDis = Math.ceil(dis / 30 * Math.pow(10, props.digits)) / Math.pow(10, props.digits);
+      var ticTimes = Math.ceil(dis / ticDis);
+      // 算出每次计算需要间隔的时间，保证动画的流畅
+      var gapTime = 25 / ticTimes;
+      var tickGap = 1;
+      var animate = function animate() {
+        if (tickGap < gapTime) {
+          rafId = requestAnimationFrame(animate);
+          tickGap = tickGap + 1;
+          return;
+        }
+        tweeningValue.value += ticDis * isPositive;
+        var isUnDone = isPositive === 1 ? tweeningValue.value < endValue : tweeningValue.value > endValue;
+        if (isUnDone) {
+          rafId = requestAnimationFrame(animate);
+          tickGap = 1;
+        } else {
+          tweeningValue.value = endValue;
+        }
+      };
+      animate();
+    };
+    (0,external_vue_namespaceObject.watch)(function () {
+      return props.value;
+    }, function (newValue, oldValue) {
+      tween(oldValue, newValue);
+    });
+    (0,external_vue_namespaceObject.onMounted)(function () {
+      tween(0, props.value);
+    });
+    (0,external_vue_namespaceObject.onBeforeUnmount)(function () {
+      cancelAnimationFrame(rafId);
+    });
+    return function () {
+      return (0,external_vue_namespaceObject.createVNode)("span", null, [formatValue.value]);
+    };
+  }
+}));
+;// CONCATENATED MODULE: ../../packages/animate-number/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 BkAnimateNumber = (0,external_shared_namespaceObject.withInstall)(animate_number);
+/* harmony default export */ const src = (BkAnimateNumber);
+var __webpack_exports__default = __webpack_exports__.Z;
+export { __webpack_exports__default as default };

package/lib/backtop/backtop.css

@@ -11,12 +11,12 @@
     background-color: transparent;
   }
 }
-.bk-fade-transtion .bk-fade-enter-active,
-.bk-fade-transtion .bk-fade-leave-active {
+.bk-transition .bk-fade-enter-active,
+.bk-transition .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 {
+.bk-transition .bk-fade-enter,
+.bk-transition .bk-fade-leave-to {
   opacity: 0;
 }
 .bk-backtop {
@@ -40,11 +40,11 @@
   align-items: center;
   font-size: 26px;
 }
-.bk-fade-enter-active,
-.bk-fade-leave-active {
+.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-enter,
-.bk-fade-leave-to {
+.bk-fade-transtion .bk-fade-enter,
+.bk-fade-transtion .bk-fade-leave-to {
   opacity: 0;
 }

package/lib/backtop/backtop.less

@@ -23,4 +23,6 @@
   }
 }
 
-.bk-fade-transtion();
+.@{bk-prefix}-fade-transtion {
+  .fade-transition();
+};

package/lib/backtop/backtop.variable.css

@@ -133,12 +133,12 @@
     background-color: transparent;
   }
 }
-.bk-fade-transtion .bk-fade-enter-active,
-.bk-fade-transtion .bk-fade-leave-active {
+.bk-transition .bk-fade-enter-active,
+.bk-transition .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 {
+.bk-transition .bk-fade-enter,
+.bk-transition .bk-fade-leave-to {
   opacity: 0;
 }
 .bk-backtop {
@@ -147,26 +147,26 @@
   width: 52px;
   height: 52px;
   cursor: pointer;
-  background: var(--fixed-navbar-background);
+  background: #fff;
   border-radius: 50%;
   opacity: 1;
-  box-shadow: 0px 2px 6px 0px var(--fixed-navbar-boxshadow-color);
+  box-shadow: 0px 2px 6px 0px rgba(0, 0, 0, 0.1);
   align-items: center;
   justify-content: center;
 }
 .bk-backtop:hover .bk-backtop-icon {
-  color: var(--primary-color);
+  color: #3a84ff;
 }
 .bk-backtop .bk-backtop-icon {
   display: flex;
   align-items: center;
   font-size: 26px;
 }
-.bk-fade-enter-active,
-.bk-fade-leave-active {
+.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-enter,
-.bk-fade-leave-to {
+.bk-fade-transtion .bk-fade-enter,
+.bk-fade-transtion .bk-fade-leave-to {
   opacity: 0;
 }

package/lib/backtop/index.d.ts

@@ -10,8 +10,8 @@ declare const BkBacktop: {
             visibilityHeight?: number;
             class?: unknown;
             style?: unknown;
-            key?: string | number | symbol;
             ref?: import("vue").VNodeRef;
+            key?: string | number | symbol;
             ref_for?: boolean;
             ref_key?: string;
             onVnodeBeforeMount?: ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {