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

package/lib/rate/index.js

@@ -1 +1,354 @@
-import*as e from"../shared";import*as t from"vue";import*as r from"../config-provider";var o={d:(e,t)=>{for(var r in t)o.o(t,r)&&!o.o(e,r)&&Object.defineProperty(e,r,{enumerable:!0,get:t[r]})},o:(e,t)=>Object.prototype.hasOwnProperty.call(e,t)},n={};o.d(n,{Z:()=>f});const a=(i={PropTypes:()=>e.PropTypes,classes:()=>e.classes,useFormItem:()=>e.useFormItem,withInstall:()=>e.withInstall},l={},o.d(l,i),l);var i,l;function s(e){return s="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},s(e)}function c(e,t,r){return(t=function(e){var t=function(e,t){if("object"!==s(e)||null===e)return e;var r=e[Symbol.toPrimitive];if(void 0!==r){var o=r.call(e,"string");if("object"!==s(o))return o;throw new TypeError("@@toPrimitive must return a primitive value.")}return String(e)}(e);return"symbol"===s(t)?t:String(t)}(t))in e?Object.defineProperty(e,t,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[t]=r,e}const u=(e=>{var t={};return o.d(t,e),t})({computed:()=>t.computed,createVNode:()=>t.createVNode,defineComponent:()=>t.defineComponent,mergeProps:()=>t.mergeProps,ref:()=>t.ref,watch:()=>t.watch}),d=(e=>{var t={};return o.d(t,e),t})({usePrefix:()=>r.usePrefix}),p=(0,u.defineComponent)({name:"Star",props:{rate:a.PropTypes.number.def(0),width:a.PropTypes.number.def(15),height:a.PropTypes.number.def(16),editable:a.PropTypes.bool.def(!0),hoverRate:a.PropTypes.number.def(0),max:a.PropTypes.number.def(5)},emits:["chooseRate","changeHover"],setup:function(e,t){var r=t.emit,o=(0,d.usePrefix)().resolveClassName,n=function(t){var r;return(0,a.classes)((c(r={},"".concat(o("is-select")),t<Math.floor(i.value)),c(r,"".concat(o("is-edit")),e.editable),c(r,"".concat(o("rate-star")),!0),r))},i=(0,u.computed)((function(){return e.hoverRate||e.rate})),l={width:"".concat(e.width,"px"),height:"".concat(e.height,"px"),minWidth:"".concat(e.width,"px")};return function(){return(0,u.createVNode)("p",{class:"".concat(o("rate-stars"))},[Array(e.max).fill(1).map((function(t,o){return(0,u.createVNode)("svg",{class:n(o),style:l,x:"0px",y:"0px",viewBox:"0 0 64 64",onClick:function(){return function(t){e.editable&&r("chooseRate",t+1)}(o)},onMouseenter:function(){return function(t){e.editable&&r("changeHover",t+1)}(o)}},[(0,u.createVNode)("g",{transform:"translate(-143.000000, -635.000000)"},[(0,u.createVNode)("g",{transform:"translate(83.000000, 114.000000)"},[(0,u.createVNode)("g",{transform:"translate(15.000000, 384.000000)"},[(0,u.createVNode)("g",{transform:"translate(29.000000, 137.000000)"},[(0,u.createVNode)("polygon",{class:"st1",points:"48,53 28.2,63.9 32,40.8 16,24.4 38.1,21 48,-0.1 57.8,21 79.9,24.4 63.9,40.8 67.7,63.9"},null)])])])])])}))])}}}),m=(0,u.defineComponent)({name:"Rate",components:{star:p},props:{modelValue:a.PropTypes.number.def(0),size:a.PropTypes.size(),editable:a.PropTypes.bool.def(!0),withValidate:a.PropTypes.bool.def(!0)},emits:["change","hover-change","update:modelValue"],setup:function(e,t){var r=t.emit,o=(0,d.usePrefix)().resolveClassName,n=(0,a.useFormItem)(),i=(0,u.ref)(0),l=function(t){e.editable&&(r("update:modelValue",t),r("change",t))},s=function(e){i.value=e,r("hover-change",e)},m=(0,a.classes)(c({},"".concat(o("rate")),!0)),f={small:{width:12,height:12},large:{width:18,height:18}}[e.size]||{width:15,height:16},h=(0,u.computed)((function(){var t=Math.floor(e.modelValue),r=(f.width+3)*t,o=f.width*(e.modelValue-t);return{width:"".concat(r+o,"px")}})),v={width:f.width,height:f.height};return(0,u.watch)((function(){return e.modelValue}),(function(){var t;e.withValidate&&(null===(t=null==n?void 0:n.validate)||void 0===t||t.call(n,"change"))})),function(){return(0,u.createVNode)("p",{class:m},[e.editable?(0,u.createVNode)(p,(0,u.mergeProps)({rate:e.modelValue,"hover-rate":i.value,onChooseRate:l,onChangeHover:s,onMouseleave:function(){return s(0)}},v),null):[(0,u.createVNode)(p,(0,u.mergeProps)({rate:5,style:h.value,class:"".concat(o("score-real")),editable:!1},v),null),(0,u.createVNode)(p,(0,u.mergeProps)({rate:0,editable:!1},v),null)]])}}}),f=(0,a.withInstall)(m);var h=n.Z;export{h as default};
+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";
+/******/ // 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, ["useFormItem"]: () => __WEBPACK_EXTERNAL_MODULE__shared_65459f0a__.useFormItem, ["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({ ["computed"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.computed, ["createVNode"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.createVNode, ["defineComponent"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.defineComponent, ["mergeProps"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.mergeProps, ["nextTick"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.nextTick, ["ref"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.ref, ["watch"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.watch });
+;// 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: ../../packages/rate/src/star.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 star = ((0,external_vue_namespaceObject.defineComponent)({
+  name: 'Star',
+  props: {
+    rate: external_shared_namespaceObject.PropTypes.number.def(0),
+    width: external_shared_namespaceObject.PropTypes.number.def(16),
+    height: external_shared_namespaceObject.PropTypes.number.def(16),
+    editable: external_shared_namespaceObject.PropTypes.bool.def(true),
+    hoverRate: external_shared_namespaceObject.PropTypes.number.def(0),
+    max: external_shared_namespaceObject.PropTypes.number.def(5)
+  },
+  emits: ['chooseRate', 'changeHover'],
+  setup: function setup(props, _ref) {
+    var emit = _ref.emit;
+    var chooseRate = function chooseRate(index) {
+      if (!props.editable) return;
+      var rate = index + 1;
+      emit('chooseRate', rate);
+    };
+    var changeHover = function changeHover(index, e) {
+      if (!props.editable) return;
+      var rate = index + 1;
+      emit('changeHover', rate);
+      (0,external_vue_namespaceObject.nextTick)(function () {
+        e.target.classList.add(resolveClassName('is-hover'));
+      });
+    };
+    var handleMouseLeave = function handleMouseLeave(e) {
+      if (!props.editable) return;
+      (0,external_vue_namespaceObject.nextTick)(function () {
+        e.target.classList.remove(resolveClassName('is-hover'));
+      });
+    };
+    var _usePrefix = (0,external_config_provider_namespaceObject.usePrefix)(),
+      resolveClassName = _usePrefix.resolveClassName;
+    var starClass = function starClass(index) {
+      var _classes;
+      return (0,external_shared_namespaceObject.classes)((_classes = {}, _defineProperty(_classes, "".concat(resolveClassName('is-select')), index < Math.floor(displayRate.value)), _defineProperty(_classes, "".concat(resolveClassName('is-edit')), props.editable), _defineProperty(_classes, "".concat(resolveClassName('rate-star')), true), _classes));
+    };
+    var displayRate = (0,external_vue_namespaceObject.computed)(function () {
+      return props.hoverRate || props.rate;
+    });
+    var starStyle = {
+      width: "".concat(props.width, "px"),
+      height: "".concat(props.height, "px"),
+      minWidth: "".concat(props.width, "px")
+    };
+    return function () {
+      return (0,external_vue_namespaceObject.createVNode)("p", {
+        "class": "".concat(resolveClassName('rate-stars'))
+      }, [Array(props.max).fill(1).map(function (_, index) {
+        return (0,external_vue_namespaceObject.createVNode)("svg", {
+          "class": starClass(index),
+          "style": starStyle,
+          "x": "0px",
+          "y": "0px",
+          "viewBox": "0 0 64 64",
+          "onClick": function onClick() {
+            return chooseRate(index);
+          },
+          "onMouseenter": function onMouseenter(e) {
+            return changeHover(index, e);
+          },
+          "onMouseleave": function onMouseleave(e) {
+            return handleMouseLeave(e);
+          }
+        }, [(0,external_vue_namespaceObject.createVNode)("g", {
+          "transform": "translate(-143.000000, -635.000000)"
+        }, [(0,external_vue_namespaceObject.createVNode)("g", {
+          "transform": "translate(83.000000, 114.000000)"
+        }, [(0,external_vue_namespaceObject.createVNode)("g", {
+          "transform": "translate(15.000000, 384.000000)"
+        }, [(0,external_vue_namespaceObject.createVNode)("g", {
+          "transform": "translate(29.000000, 137.000000)"
+        }, [(0,external_vue_namespaceObject.createVNode)("polygon", {
+          "class": "st1",
+          "points": "48,53 28.2,63.9 32,40.8 16,24.4 38.1,21 48,-0.1 57.8,21 79.9,24.4 63.9,40.8 67.7,63.9"
+        }, null)])])])])]);
+      })]);
+    };
+  }
+}));
+;// CONCATENATED MODULE: ../../packages/rate/src/rate.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 rate = ((0,external_vue_namespaceObject.defineComponent)({
+  name: 'Rate',
+  components: {
+    star: star
+  },
+  props: {
+    modelValue: external_shared_namespaceObject.PropTypes.number.def(0),
+    size: external_shared_namespaceObject.PropTypes.size(),
+    editable: external_shared_namespaceObject.PropTypes.bool.def(true),
+    withValidate: external_shared_namespaceObject.PropTypes.bool.def(true)
+  },
+  emits: ['change', 'hover-change', 'update:modelValue'],
+  setup: function setup(props, _ref) {
+    var emit = _ref.emit;
+    var _usePrefix = (0,external_config_provider_namespaceObject.usePrefix)(),
+      resolveClassName = _usePrefix.resolveClassName;
+    var formItem = (0,external_shared_namespaceObject.useFormItem)();
+    var hoverRate = (0,external_vue_namespaceObject.ref)(0);
+    var chooseRate = function chooseRate(val) {
+      if (!props.editable) return;
+      emit('update:modelValue', val);
+      emit('change', val);
+    };
+    var changeHover = function changeHover(val) {
+      hoverRate.value = val;
+      emit('hover-change', val);
+    };
+    var rateClass = (0,external_shared_namespaceObject.classes)(_defineProperty({}, "".concat(resolveClassName('rate')), true));
+    var sizeMap = {
+      small: {
+        width: 12,
+        height: 12
+      },
+      large: {
+        width: 18,
+        height: 18
+      },
+      huge: {
+        width: 24,
+        height: 24
+      }
+    };
+    var rateSize = sizeMap[props.size] || {
+      width: 16,
+      height: 16
+    };
+    var starStyle = (0,external_vue_namespaceObject.computed)(function () {
+      var integer = Math.floor(props.modelValue);
+      var fixWidth = (rateSize.width + 3) * integer;
+      var rateWidth = rateSize.width * (props.modelValue - integer);
+      return {
+        width: "".concat(fixWidth + rateWidth, "px")
+      };
+    });
+    var commonAttrs = {
+      width: rateSize.width,
+      height: rateSize.height
+    };
+    (0,external_vue_namespaceObject.watch)(function () {
+      return props.modelValue;
+    }, function () {
+      if (props.withValidate) {
+        var _formItem$validate;
+        formItem === null || formItem === void 0 || (_formItem$validate = formItem.validate) === null || _formItem$validate === void 0 ? void 0 : _formItem$validate.call(formItem, 'change');
+      }
+    });
+    return function () {
+      return (0,external_vue_namespaceObject.createVNode)("p", {
+        "class": rateClass
+      }, [props.editable ? (0,external_vue_namespaceObject.createVNode)(star, (0,external_vue_namespaceObject.mergeProps)({
+        "rate": props.modelValue,
+        "hover-rate": hoverRate.value,
+        "onChooseRate": chooseRate,
+        "onChangeHover": changeHover,
+        "onMouseleave": function onMouseleave() {
+          return changeHover(0);
+        }
+      }, commonAttrs), null) : [(0,external_vue_namespaceObject.createVNode)(star, (0,external_vue_namespaceObject.mergeProps)({
+        "rate": 5,
+        "style": starStyle.value,
+        "class": "".concat(resolveClassName('score-real')),
+        "editable": false
+      }, commonAttrs), null), (0,external_vue_namespaceObject.createVNode)(star, (0,external_vue_namespaceObject.mergeProps)({
+        "rate": 0,
+        "editable": false
+      }, commonAttrs), null)]]);
+    };
+  }
+}));
+;// CONCATENATED MODULE: ../../packages/rate/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 BkRate = (0,external_shared_namespaceObject.withInstall)(rate);
+/* harmony default export */ const src = (BkRate);
+var __webpack_exports__default = __webpack_exports__.Z;
+export { __webpack_exports__default as default };

package/lib/rate/rate.d.ts

@@ -4,7 +4,7 @@ declare const _default: import("vue").DefineComponent<{
     } & {
         default: number;
     };
-    size: import("vue-types").VueTypeDef<"default" | "small" | "large">;
+    size: import("vue-types").VueTypeDef<"default" | "small" | "large" | "huge">;
     editable: import("vue-types").VueTypeValidableDef<boolean> & {
         default: boolean;
     } & {
@@ -21,7 +21,7 @@ declare const _default: import("vue").DefineComponent<{
     } & {
         default: number;
     };
-    size: import("vue-types").VueTypeDef<"default" | "small" | "large">;
+    size: import("vue-types").VueTypeDef<"default" | "small" | "large" | "huge">;
     editable: import("vue-types").VueTypeValidableDef<boolean> & {
         default: boolean;
     } & {

package/lib/rate/rate.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/rate/star.css

@@ -19,6 +19,9 @@
 .bk-rate-stars .bk-rate-star.bk-is-select {
   fill: #ffb848;
 }
+.bk-rate-stars .bk-rate-star.bk-is-hover {
+  transform: scale(1.2);
+}
 .bk-rate-stars .bk-rate-star:last-child {
   margin-right: 0;
 }

package/lib/rate/star.less

@@ -23,6 +23,9 @@
     &.@{bk-prefix}-is-select {
       fill: #ffb848;
     }
+    &.@{bk-prefix}-is-hover {
+      transform: scale(1.2);
+    }
 
     &:last-child {
       margin-right: 0;

package/lib/rate/star.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;
@@ -141,6 +145,9 @@
 .bk-rate-stars .bk-rate-star.bk-is-select {
   fill: #ffb848;
 }
+.bk-rate-stars .bk-rate-star.bk-is-hover {
+  transform: scale(1.2);
+}
 .bk-rate-stars .bk-rate-star:last-child {
   margin-right: 0;
 }