bkui-vue 0.0.2-table-refactor.9 → 0.0.3-beta.2

package/lib/animate-number/index.js

@@ -1 +1,155 @@
-import*as e from"../shared";import*as n from"vue";var t={d:(e,n)=>{for(var o in n)t.o(n,o)&&!t.o(e,o)&&Object.defineProperty(e,o,{enumerable:!0,get:n[o]})},o:(e,n)=>Object.prototype.hasOwnProperty.call(e,n)},o={};t.d(o,{Z:()=>d});const r=(a={PropTypes:()=>e.PropTypes,withInstall:()=>e.withInstall},u={},t.d(u,a),u);var a,u;const i=(e=>{var n={};return t.d(n,e),n})({computed:()=>n.computed,createVNode:()=>n.createVNode,defineComponent:()=>n.defineComponent,onBeforeUnmount:()=>n.onBeforeUnmount,onMounted:()=>n.onMounted,ref:()=>n.ref,watch:()=>n.watch}),c=(0,i.defineComponent)({name:"AnimateNumber",props:{value:r.PropTypes.number.def(0),digits:r.PropTypes.number.def(0)},setup:function(e){var n=-1,t=(0,i.ref)(0),o=(0,i.computed)((function(){return Number(t.value).toFixed(e.digits)})),r=function(o,r){if(Number.isNaN(+r))return 0;var a=Math.abs(r-o),u=r-o>0?1:-1,i=Math.ceil(a/30*Math.pow(10,e.digits))/Math.pow(10,e.digits),c=25/Math.ceil(a/i),d=1;!function e(){if(d<c)return n=requestAnimationFrame(e),void(d+=1);t.value+=i*u,(1===u?t.value<r:t.value>r)?(n=requestAnimationFrame(e),d=1):t.value=r}()};return(0,i.watch)((function(){return e.value}),(function(e,n){r(n,e)})),(0,i.onMounted)((function(){r(0,e.value)})),(0,i.onBeforeUnmount)((function(){cancelAnimationFrame(n)})),function(){return(0,i.createVNode)("span",null,[o.value])}}}),d=(0,r.withInstall)(c);var f=o.Z;export{f as default};
+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.variable.css

@@ -11,6 +11,7 @@
   --white-color: white;
   --whitesmoke-color: #fafbfd;
   --disable-color: #dcdee5;
+  --disable-bg-color: #f9fafd;
   --font-size-base: 12px;
   --font-size-medium: 14px;
   --font-size-large: 16px;
@@ -20,6 +21,9 @@
   --component-size-small: 26px;
   --component-size-base: 32px;
   --component-size-large: 40px;
+  --component-size-small-padding: 0 12px;
+  --component-size-base-padding: 0 14px;
+  --component-size-large-padding: 0 16px;
   --border-width-base: 1px;
   --border-style-base: solid;
   --border-radius-base: 2px;
@@ -32,7 +36,7 @@
   --input-border-color: var(--light-gray);
   --input-broder-radius: 3px;
   --input-shadow-color: #a3c5fd;
-  --input-horizontal-padding: 10px;
+  --input-horizontal-padding: 8px;
   --input-block-color: #f5f7fa;
   --input-block-hover-color: #eaebf0;
   --input-icon-size: var(--font-size-medium);
@@ -49,7 +53,7 @@
   --button-selected-bg-color: #e1ecff;
   --button-disabled-selected-bg-color: #f0f1f5;
   --radio-font-color: #63656e;
-  --radio-active-color: #5594fa;
+  --radio-active-color: #3a84ff;
   --radio-hover-border-color: #979ba5;
   --radio-disabled-border: #dcdee5;
   --radio-disabled-font-color: #c4c6cc;

package/lib/backtop/index.js

@@ -1 +1,188 @@
-import*as e from"../shared";import*as t from"vue";import*as o from"lodash";import*as n from"../config-provider";import*as r from"../icon";var a={d:(e,t)=>{for(var o in t)a.o(t,o)&&!a.o(e,o)&&Object.defineProperty(e,o,{enumerable:!0,get:t[o]})},o:(e,t)=>Object.prototype.hasOwnProperty.call(e,t)},l={};a.d(l,{Z:()=>m});const i=(u={PropTypes:()=>e.PropTypes,bkZIndexManager:()=>e.bkZIndexManager,withInstall:()=>e.withInstall},s={},a.d(s,u),s);var u,s;const c=(e=>{var t={};return a.d(t,e),t})({Transition:()=>t.Transition,createVNode:()=>t.createVNode,defineComponent:()=>t.defineComponent,onBeforeUnmount:()=>t.onBeforeUnmount,onMounted:()=>t.onMounted,ref:()=>t.ref,watch:()=>t.watch}),d=(e=>{var t={};return a.d(t,e),t})({throttle:()=>o.throttle}),f=(e=>{var t={};return a.d(t,e),t})({usePrefix:()=>n.usePrefix}),p=(e=>{var t={};return a.d(t,e),t})({AngleUp:()=>r.AngleUp}),v=(0,c.defineComponent)({name:"Backtop",props:{visibilityHeight:i.PropTypes.number.def(200),target:i.PropTypes.string.def(""),right:i.PropTypes.number.def(40),bottom:i.PropTypes.number.def(40),extCls:i.PropTypes.string.def("")},setup:function(e,t){var o=t.slots,n=(0,c.ref)(null),r=(0,c.ref)(null),a=(0,c.ref)(!1),l=(0,c.ref)(i.bkZIndexManager.getModalNextIndex()),u="".concat(e.bottom,"px"),s="".concat(e.right,"px"),v=(0,d.throttle)((function(){a.value=r.value.scrollTop>=e.visibilityHeight}),30),m=function(){r.value.scrollTo({top:0,behavior:"smooth"})};(0,c.watch)((function(){return a}),(function(){l.value=i.bkZIndexManager.getModalNextIndex()})),(0,c.onMounted)((function(){if(n.value=document,r.value=document.documentElement,e.target){if(r.value=document.querySelector(e.target),!r.value)throw new Error("target does not exist");n.value=r.value}n.value.addEventListener("scroll",v)})),(0,c.onBeforeUnmount)((function(){n.value.removeEventListener("scroll",v)}));var g=(0,f.usePrefix)().resolveClassName;return function(){var t,n;return(0,c.createVNode)(c.Transition,{name:"bk-fade"},{default:function(){return[a.value?(0,c.createVNode)("div",{class:"".concat(g("backtop")," ").concat(e.extCls),style:{right:s,bottom:u,zIndex:l.value},onClick:m},[null!==(n=null===(t=o.default)||void 0===t?void 0:t.call(o))&&void 0!==n?n:(0,c.createVNode)(p.AngleUp,{class:"".concat(g("backtop-icon"))},null)]):""]}})}}}),m=(0,i.withInstall)(v);var g=l.Z;export{g as default};
+import * as __WEBPACK_EXTERNAL_MODULE__shared_65459f0a__ from "../shared";
+import * as __WEBPACK_EXTERNAL_MODULE_vue__ from "vue";
+import * as __WEBPACK_EXTERNAL_MODULE_lodash_throttle_a7b7506a__ from "lodash/throttle";
+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, ["bkZIndexManager"]: () => __WEBPACK_EXTERNAL_MODULE__shared_65459f0a__.bkZIndexManager, ["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({ ["Transition"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.Transition, ["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: external "lodash/throttle"
+var throttle_x = y => { var x = {}; __webpack_require__.d(x, y); return x; }
+var throttle_y = x => () => x
+const throttle_namespaceObject = throttle_x({ ["default"]: () => __WEBPACK_EXTERNAL_MODULE_lodash_throttle_a7b7506a__["default"] });
+;// 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({ ["AngleUp"]: () => __WEBPACK_EXTERNAL_MODULE__icon_85385c3e__.AngleUp });
+;// CONCATENATED MODULE: ../../packages/backtop/src/backtop.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 backtop = ((0,external_vue_namespaceObject.defineComponent)({
+  name: 'Backtop',
+  props: {
+    visibilityHeight: external_shared_namespaceObject.PropTypes.number.def(200),
+    target: external_shared_namespaceObject.PropTypes.string.def(''),
+    right: external_shared_namespaceObject.PropTypes.number.def(40),
+    bottom: external_shared_namespaceObject.PropTypes.number.def(40),
+    extCls: external_shared_namespaceObject.PropTypes.string.def('')
+  },
+  setup: function setup(props, _ref) {
+    var slots = _ref.slots;
+    var container = (0,external_vue_namespaceObject.ref)(null);
+    var el = (0,external_vue_namespaceObject.ref)(null);
+    var visible = (0,external_vue_namespaceObject.ref)(false);
+    var zIndex = (0,external_vue_namespaceObject.ref)(external_shared_namespaceObject.bkZIndexManager.getModalNextIndex());
+    var styleBottom = "".concat(props.bottom, "px");
+    var styleRight = "".concat(props.right, "px");
+    var scrollHandler = (0,throttle_namespaceObject["default"])(function () {
+      visible.value = el.value.scrollTop >= props.visibilityHeight;
+    }, 30);
+    var scrollTop = function scrollTop() {
+      el.value.scrollTo({
+        top: 0,
+        behavior: 'smooth'
+      });
+    };
+    (0,external_vue_namespaceObject.watch)(function () {
+      return visible;
+    }, function () {
+      zIndex.value = external_shared_namespaceObject.bkZIndexManager.getModalNextIndex();
+    });
+    (0,external_vue_namespaceObject.onMounted)(function () {
+      container.value = document;
+      el.value = document.documentElement;
+      if (props.target) {
+        el.value = document.querySelector(props.target);
+        if (!el.value) {
+          throw new Error('target does not exist');
+        }
+        container.value = el.value;
+      }
+      container.value.addEventListener('scroll', scrollHandler);
+    });
+    (0,external_vue_namespaceObject.onBeforeUnmount)(function () {
+      container.value.removeEventListener('scroll', scrollHandler);
+    });
+    var _usePrefix = (0,external_config_provider_namespaceObject.usePrefix)(),
+      resolveClassName = _usePrefix.resolveClassName;
+    return function () {
+      var _slots$default, _slots$default2;
+      return (0,external_vue_namespaceObject.createVNode)(external_vue_namespaceObject.Transition, {
+        "name": "bk-fade"
+      }, {
+        "default": function _default() {
+          return [visible.value ? (0,external_vue_namespaceObject.createVNode)("div", {
+            "class": "".concat(resolveClassName('backtop'), " ").concat(props.extCls),
+            "style": {
+              right: styleRight,
+              bottom: styleBottom,
+              zIndex: zIndex.value
+            },
+            "onClick": scrollTop
+          }, [(_slots$default = (_slots$default2 = slots["default"]) === null || _slots$default2 === void 0 ? void 0 : _slots$default2.call(slots)) !== null && _slots$default !== void 0 ? _slots$default : (0,external_vue_namespaceObject.createVNode)(external_icon_namespaceObject.AngleUp, {
+            "class": "".concat(resolveClassName('backtop-icon'))
+          }, null)]) : ''];
+        }
+      });
+    };
+  }
+}));
+;// CONCATENATED MODULE: ../../packages/backtop/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 BkBacktop = (0,external_shared_namespaceObject.withInstall)(backtop);
+/* harmony default export */ const src = (BkBacktop);
+var __webpack_exports__default = __webpack_exports__.Z;
+export { __webpack_exports__default as default };

package/lib/badge/badge.css

@@ -38,10 +38,12 @@
 .bk-badge-main .bk-badge.pinned.bottom-right {
   right: 0;
   bottom: 0;
+  transform: translate(50%, 50%) scale(1, 1);
 }
 .bk-badge-main .bk-badge.pinned.bottom-right.fade-center-enter,
 .bk-badge-main .bk-badge.pinned.bottom-right.fade-center-leave-active {
   opacity: 0;
+  transform: translate(50%, 50%) scale(0, 0);
 }
 .bk-badge-main .bk-badge.pinned.top-left {
   top: 0;
@@ -111,8 +113,12 @@
   border: 1px solid white;
 }
 .bk-badge-main .bk-badge.bk-badge-icon {
-  display: inline-block;
+  margin: 0;
   padding: 0;
-  padding-bottom: 1px;
   font-size: 16px;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  height: 16px;
+  width: 16px;
 }

package/lib/badge/badge.less

@@ -55,12 +55,12 @@
       &.bottom-right {
         right: 0;
         bottom: 0;
-        //transform: translate(50%, 50%) scale(1, 1);
+        transform: translate(50%, 50%) scale(1, 1);
 
         &.fade-center-enter,
         &.fade-center-leave-active {
           opacity: 0;
-          //transform: translate(50%, 50%) scale(0, 0);
+          transform: translate(50%, 50%) scale(0, 0);
         }
       }
 
@@ -126,10 +126,14 @@
       border: 1px solid @white-color;
     }
     &.@{bk-prefix}-badge-icon {
-      display: inline-block;
+      margin: 0;
       padding: 0;
-      padding-bottom: 1px;
       font-size: 16px;
+      display: flex;
+      align-items: center;
+      justify-content: center;
+      height: 16px;
+      width: 16px;
     }
   }
 }

package/lib/badge/badge.variable.css

@@ -11,6 +11,7 @@
   --white-color: white;
   --whitesmoke-color: #fafbfd;
   --disable-color: #dcdee5;
+  --disable-bg-color: #f9fafd;
   --font-size-base: 12px;
   --font-size-medium: 14px;
   --font-size-large: 16px;
@@ -20,6 +21,9 @@
   --component-size-small: 26px;
   --component-size-base: 32px;
   --component-size-large: 40px;
+  --component-size-small-padding: 0 12px;
+  --component-size-base-padding: 0 14px;
+  --component-size-large-padding: 0 16px;
   --border-width-base: 1px;
   --border-style-base: solid;
   --border-radius-base: 2px;
@@ -32,7 +36,7 @@
   --input-border-color: var(--light-gray);
   --input-broder-radius: 3px;
   --input-shadow-color: #a3c5fd;
-  --input-horizontal-padding: 10px;
+  --input-horizontal-padding: 8px;
   --input-block-color: #f5f7fa;
   --input-block-hover-color: #eaebf0;
   --input-icon-size: var(--font-size-medium);
@@ -49,7 +53,7 @@
   --button-selected-bg-color: #e1ecff;
   --button-disabled-selected-bg-color: #f0f1f5;
   --radio-font-color: #63656e;
-  --radio-active-color: #5594fa;
+  --radio-active-color: #3a84ff;
   --radio-hover-border-color: #979ba5;
   --radio-disabled-border: #dcdee5;
   --radio-disabled-font-color: #c4c6cc;
@@ -160,10 +164,12 @@
 .bk-badge-main .bk-badge.pinned.bottom-right {
   right: 0;
   bottom: 0;
+  transform: translate(50%, 50%) scale(1, 1);
 }
 .bk-badge-main .bk-badge.pinned.bottom-right.fade-center-enter,
 .bk-badge-main .bk-badge.pinned.bottom-right.fade-center-leave-active {
   opacity: 0;
+  transform: translate(50%, 50%) scale(0, 0);
 }
 .bk-badge-main .bk-badge.pinned.top-left {
   top: 0;
@@ -233,8 +239,12 @@
   border: 1px solid var(--white-color);
 }
 .bk-badge-main .bk-badge.bk-badge-icon {
-  display: inline-block;
+  margin: 0;
   padding: 0;
-  padding-bottom: 1px;
   font-size: 16px;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  height: 16px;
+  width: 16px;
 }