bkui-vue 2.0.1-beta.2 → 2.0.1-beta.21

package/lib/tree/props.d.ts

@@ -1,11 +1,11 @@
 import { ExtractPropTypes } from 'vue';
 declare enum TreeSearchMatchEnum {
-    FUZZY = "fuzzy",
-    FULL = "full"
+    FULL = "full",
+    FUZZY = "fuzzy"
 }
 declare enum TreeSearchResultEnum {
-    TREE = "tree",
-    LIST = "list"
+    LIST = "list",
+    TREE = "tree"
 }
 /**
  * Tree Prop: prefixIcon function
@@ -231,7 +231,7 @@ export declare const treeProps: {
 };
 type AsyncOption = {
     callback: (item: any, cb: any) => Promise<any>;
-    cache: Boolean;
+    cache: boolean;
     deepAutoOpen?: string;
 };
 export type IIntersectionObserver = {
@@ -239,7 +239,7 @@ export type IIntersectionObserver = {
     callback: (node: any, level: number, index: number) => void;
 };
 export type SearchOption = {
-    value: string | number | boolean;
+    value: boolean | number | string;
     match?: `${TreeSearchMatchEnum}` | Function;
     resultType?: `${TreeSearchResultEnum}`;
     showChildNodes?: boolean;

package/lib/tree/tree.d.ts

@@ -45,7 +45,7 @@ declare const _default: import("vue").DefineComponent<{
     };
     async: import("vue-types").VueTypeShape<{
         callback: (item: any, cb: any) => Promise<any>;
-        cache: Boolean;
+        cache: boolean;
         deepAutoOpen?: string;
     }>;
     offsetLeft: import("vue-types").VueTypeValidableDef<number> & {
@@ -60,10 +60,7 @@ declare const _default: import("vue").DefineComponent<{
         default: string;
     } & {
         default: string;
-    }; /**
-     * 将制定元素滚动到顶部
-     * @param option
-     */
+    };
     draggable: import("vue-types").VueTypeValidableDef<boolean> & {
         default: boolean;
     } & {
@@ -182,7 +179,7 @@ declare const _default: import("vue").DefineComponent<{
     };
     async: import("vue-types").VueTypeShape<{
         callback: (item: any, cb: any) => Promise<any>;
-        cache: Boolean;
+        cache: boolean;
         deepAutoOpen?: string;
     }>;
     offsetLeft: import("vue-types").VueTypeValidableDef<number> & {
@@ -197,10 +194,7 @@ declare const _default: import("vue").DefineComponent<{
         default: string;
     } & {
         default: string;
-    }; /**
-     * 将制定元素滚动到顶部
-     * @param option
-     */
+    };
     draggable: import("vue-types").VueTypeValidableDef<boolean> & {
         default: boolean;
     } & {
@@ -269,15 +263,15 @@ declare const _default: import("vue").DefineComponent<{
         default: boolean | (() => import("./props").IIntersectionObserver);
     };
 }>> & {
+    onNodeChecked?: (...args: any[]) => any;
     onNodeClick?: (...args: any[]) => any;
     onNodeCollapse?: (...args: any[]) => any;
-    onNodeExpand?: (...args: any[]) => any;
-    onNodeChecked?: (...args: any[]) => any;
-    onNodeDragStart?: (...args: any[]) => any;
-    onNodeDragOver?: (...args: any[]) => any;
     onNodeDragLeave?: (...args: any[]) => any;
+    onNodeDragOver?: (...args: any[]) => any;
+    onNodeDragStart?: (...args: any[]) => any;
     onNodeDrop?: (...args: any[]) => any;
     onNodeEnterView?: (...args: any[]) => any;
+    onNodeExpand?: (...args: any[]) => any;
 }, {
     data: any[];
     height: number;

package/lib/tree/tree.less

@@ -108,7 +108,7 @@
     }
   }
 
-  &-drag-disabled{
+  &-drag-disabled {
 
   }
 }

package/lib/tree/use-empty.d.ts

@@ -1,4 +1,4 @@
 declare const _default: (props: any) => {
-    renderEmpty: (type: '404' | '403' | '500' | 'building' | 'empty' | 'search-empty' | 'login') => JSX.Element;
+    renderEmpty: (type: '403' | '404' | '500' | 'building' | 'empty' | 'login' | 'search-empty') => JSX.Element;
 };
 export default _default;

package/lib/tree/use-node-action.d.ts

@@ -8,7 +8,7 @@ declare const _default: (props: TreePropTypes, ctx: any, flatData: IFlatData, _r
     setNodeAction: (args: any | any[], action: string, value: any) => void;
     setNodeOpened: (item: any, isOpen?: any, e?: MouseEvent, fireEmit?: boolean) => void;
     setSelect: (nodes: any, selected?: boolean, autoOpen?: boolean) => void;
-    setOpen: (item: any[] | any, isOpen?: boolean, autoOpenParents?: boolean) => void;
-    setNodeAttribute: (node: any, attrName: string | string[], value: string | number | boolean | (string | number | boolean)[], loopParent?: boolean) => void;
+    setOpen: (item: any | any[], isOpen?: boolean, autoOpenParents?: boolean) => void;
+    setNodeAttribute: (node: any, attrName: string | string[], value: (boolean | number | string)[] | boolean | number | string, loopParent?: boolean) => void;
 };
 export default _default;

package/lib/tree/use-search.d.ts

@@ -1,6 +1,6 @@
 import { SearchOption, TreePropTypes } from './props';
 declare const _default: (props: TreePropTypes) => {
-    searchFn: (itemValue: string | number, item: any) => any;
+    searchFn: (itemValue: number | string, item: any) => any;
     refSearch: import("vue").Ref<string | number | boolean | SearchOption>;
     isSearchActive: import("vue").ComputedRef<boolean>;
     isSearchDisabled: boolean;

package/lib/tree/util.d.ts

@@ -34,8 +34,8 @@ export declare const getNodeItemStyle: any;
  * @returns
  */
 export declare const getNodeItemClass: (item: any, schema: WeakMap<Object, any>, props: TreePropTypes, showTree?: boolean) => {
+    [x: string]: any;
     'is-root': any;
-    'bk-tree-node': boolean;
     'is-open': any;
     'is-virtual-render': boolean;
     'level-line': boolean;

package/lib/upload/index.js

@@ -1255,6 +1255,10 @@ const external_vue_namespaceObject = external_vue_x({ ["Fragment"]: () => __WEBP
 // EXTERNAL MODULE: ../../node_modules/@babel/runtime/regenerator/index.js
 var regenerator = __webpack_require__(2841);
 var regenerator_default = /*#__PURE__*/__webpack_require__.n(regenerator);
+;// CONCATENATED MODULE: external "../config-provider"
+var config_provider_x = y => { var x = {}; __webpack_require__.d(x, y); return x; }
+var config_provider_y = x => () => x
+const config_provider_namespaceObject = config_provider_x({ ["useLocale"]: () => __WEBPACK_EXTERNAL_MODULE_bkui_vue_lib_config_provider_fe8577a3__.useLocale, ["usePrefix"]: () => __WEBPACK_EXTERNAL_MODULE_bkui_vue_lib_config_provider_fe8577a3__.usePrefix });
 ;// CONCATENATED MODULE: ../../packages/upload/src/upload.type.ts
 /*
  * Tencent is pleased to support the open source community by making
@@ -1281,7 +1285,7 @@ var regenerator_default = /*#__PURE__*/__webpack_require__.n(regenerator);
  * CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS
  * IN THE SOFTWARE.
  */
-var CLASS_PREFIX = 'bk-upload';
+var CLASS_PREFIX = 'upload';
 var EThemes;
 (function (EThemes) {
   EThemes["BUTTON"] = "button";
@@ -1290,10 +1294,10 @@ var EThemes;
 })(EThemes || (EThemes = {}));
 var EUploadStatus;
 (function (EUploadStatus) {
+  EUploadStatus["FAIL"] = "fail";
   EUploadStatus["NEW"] = "new";
-  EUploadStatus["UPLOADING"] = "uploading";
   EUploadStatus["SUCCESS"] = "success";
-  EUploadStatus["FAIL"] = "fail";
+  EUploadStatus["UPLOADING"] = "uploading";
 })(EUploadStatus || (EUploadStatus = {}));
 ;// CONCATENATED MODULE: ../../packages/upload/src/props.ts
 /*
@@ -1517,10 +1521,6 @@ function _nonIterableRest() {
 function _slicedToArray(arr, i) {
   return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest();
 }
-;// CONCATENATED MODULE: external "../config-provider"
-var config_provider_x = y => { var x = {}; __webpack_require__.d(x, y); return x; }
-var config_provider_y = x => () => x
-const config_provider_namespaceObject = config_provider_x({ ["useLocale"]: () => __WEBPACK_EXTERNAL_MODULE_bkui_vue_lib_config_provider_fe8577a3__.useLocale });
 ;// CONCATENATED MODULE: external "../icon"
 var icon_x = y => { var x = {}; __webpack_require__.d(x, y); return x; }
 var icon_y = x => () => x
@@ -1586,11 +1586,13 @@ function _isSlot(s) {
     var slots = _ref.slots,
       emit = _ref.emit;
     var t = (0,config_provider_namespaceObject.useLocale)('upload');
+    var _usePrefix = (0,config_provider_namespaceObject.usePrefix)(),
+      resolveClassName = _usePrefix.resolveClassName;
     var _toRefs = (0,external_vue_namespaceObject.toRefs)(props),
       theme = _toRefs.theme,
       disabled = _toRefs.disabled,
       multiple = _toRefs.multiple;
-    var classBlock = "".concat(CLASS_PREFIX, "-list");
+    var classBlock = "".concat(resolveClassName(CLASS_PREFIX), "-list");
     var isPhotowall = (0,external_vue_namespaceObject.computed)(function () {
       return theme.value === EThemes.PICTURE;
     });
@@ -1632,19 +1634,19 @@ function _isSlot(s) {
     };
     var PhotoItem = function PhotoItem(file) {
       return [(0,external_vue_namespaceObject.withDirectives)((0,external_vue_namespaceObject.createVNode)("img", {
-        "src": file.url,
         "class": "".concat(classBlock, "__picture-item-thumbnail"),
-        "alt": ""
+        "alt": "",
+        "src": file.url
       }, null), [[external_vue_namespaceObject.vShow, file.status !== 'uploading']]), (0,external_vue_namespaceObject.createVNode)(external_vue_namespaceObject.Fragment, null, [file.status === 'uploading' && (0,external_vue_namespaceObject.createVNode)(progress_namespaceObject["default"], {
+        "width": 50,
         "class": "".concat(classBlock, "__picture-item-progress"),
-        "type": "circle",
-        "color": "#3a84ff",
         "bgColor": "#333",
-        "width": 50,
+        "color": "#3a84ff",
+        "percent": file.percentage,
         "titleStyle": {
           color: '#fff'
         },
-        "percent": file.percentage
+        "type": "circle"
       }, null)]), (0,external_vue_namespaceObject.createVNode)(external_vue_namespaceObject.Fragment, null, [!disabled.value && (0,external_vue_namespaceObject.createVNode)("div", {
         "class": "".concat(classBlock, "__picture-item-actions")
       }, [(0,external_vue_namespaceObject.createVNode)(icon_namespaceObject.Del, {
@@ -1698,9 +1700,9 @@ function _isSlot(s) {
       return [(0,external_vue_namespaceObject.createVNode)("div", {
         "class": "".concat(classBlock, "__item-icon")
       }, [file.isPic ? (0,external_vue_namespaceObject.createVNode)("img", {
-        "src": file.url,
         "class": "".concat(classBlock, "__item-thumbnail"),
-        "alt": ""
+        "alt": "",
+        "src": file.url
       }, null) : FileIcon(file)]), (0,external_vue_namespaceObject.createVNode)("div", {
         "class": "".concat(classBlock, "__item-summary")
       }, [(0,external_vue_namespaceObject.createVNode)("div", {
@@ -1713,8 +1715,8 @@ function _isSlot(s) {
         "class": "".concat(classBlock, "__item-message-success-icon")
       }, null), file.statusText || t.value.uploadSuccess]), file.status === 'fail' && (0,external_vue_namespaceObject.createVNode)(external_vue_namespaceObject.Fragment, null, [file.statusText || t.value.uploadFailed])]), file.status === 'uploading' && (0,external_vue_namespaceObject.createVNode)(progress_namespaceObject["default"], {
         "class": "".concat(classBlock, "__item-progress"),
-        "showText": false,
         "percent": file.percentage,
+        "showText": false,
         "size": "small"
       }, null), file.status !== 'fail' && (0,external_vue_namespaceObject.createVNode)("div", {
         "class": "".concat(classBlock, "__item-speed")
@@ -1807,13 +1809,15 @@ const button_less_namespaceObject = button_less_x({  });
     var slots = _ref.slots,
       emit = _ref.emit;
     var t = (0,config_provider_namespaceObject.useLocale)('upload');
+    var _usePrefix = (0,config_provider_namespaceObject.usePrefix)(),
+      resolveClassName = _usePrefix.resolveClassName;
     var _toRefs = (0,external_vue_namespaceObject.toRefs)(props),
       theme = _toRefs.theme,
       disabled = _toRefs.disabled,
       file = _toRefs.file,
       multiple = _toRefs.multiple,
       accept = _toRefs.accept;
-    var classBlock = "".concat(CLASS_PREFIX, "-trigger");
+    var classBlock = "".concat(resolveClassName(CLASS_PREFIX), "-trigger");
     var isButton = (0,external_vue_namespaceObject.computed)(function () {
       return theme.value === EThemes.BUTTON;
     });
@@ -1891,9 +1895,9 @@ const button_less_namespaceObject = button_less_x({  });
       var classNames = (0,shared_namespaceObject.classes)(_defineProperty({}, "".concat(classBlock, "__draggable"), true));
       return (0,external_vue_namespaceObject.createVNode)("div", {
         "class": classNames,
-        "onDrop": handleDrop,
+        "onDragleave": handleDragleave,
         "onDragover": handleDragover,
-        "onDragleave": handleDragleave
+        "onDrop": handleDrop
       }, [slots["default"] ? slots["default"]() : (0,external_vue_namespaceObject.createVNode)(external_vue_namespaceObject.Fragment, null, [(0,external_vue_namespaceObject.createVNode)(icon_namespaceObject.Upload, {
         "class": "".concat(classBlock, "__draggable-icon")
       }, null), (0,external_vue_namespaceObject.createVNode)("div", {
@@ -1916,19 +1920,19 @@ const button_less_namespaceObject = button_less_x({  });
     };
     var SinglePicture = function SinglePicture(file) {
       return [(0,external_vue_namespaceObject.withDirectives)((0,external_vue_namespaceObject.createVNode)("img", {
-        "src": file.url,
         "class": "".concat(classBlock, "__picture-thumbnail"),
-        "alt": ""
+        "alt": "",
+        "src": file.url
       }, null), [[external_vue_namespaceObject.vShow, file.status !== 'uploading']]), (0,external_vue_namespaceObject.createVNode)(external_vue_namespaceObject.Fragment, null, [file.status === 'uploading' && (0,external_vue_namespaceObject.createVNode)(progress_namespaceObject["default"], {
+        "width": 50,
         "class": "".concat(classBlock, "__picture-progress"),
-        "type": "circle",
-        "color": "#3a84ff",
         "bgColor": "#333",
-        "width": 50,
+        "color": "#3a84ff",
+        "percent": file.percentage,
         "titleStyle": {
           color: '#fff'
         },
-        "percent": file.percentage
+        "type": "circle"
       }, null)]), (0,external_vue_namespaceObject.createVNode)(external_vue_namespaceObject.Fragment, null, [!props.disabled && (0,external_vue_namespaceObject.createVNode)("div", {
         "class": "".concat(classBlock, "__picture-actions")
       }, [(0,external_vue_namespaceObject.createVNode)(icon_namespaceObject.Del, {
@@ -1966,12 +1970,12 @@ const button_less_namespaceObject = button_less_x({  });
       }, [slots.trigger ? [slots.trigger(), slots === null || slots === void 0 || (_slots$default = slots["default"]) === null || _slots$default === void 0 ? void 0 : _slots$default.call(slots)] : Trigger(), (0,external_vue_namespaceObject.createVNode)("input", {
         "ref": inputEl,
         "class": "".concat(classBlock, "__input-file"),
-        "tabindex": "-1",
-        "onChange": handleFileChange,
         "accept": acceptTypes.value,
-        "multiple": multiple.value,
         "disabled": disabled.value,
-        "type": "file"
+        "multiple": multiple.value,
+        "tabindex": "-1",
+        "type": "file",
+        "onChange": handleFileChange
       }, null)]);
     };
   }
@@ -2189,7 +2193,6 @@ var ajaxSliceUpload = /*#__PURE__*/function () {
 // 请求分片上传，保存在progressList中
 var sliceSend = function sliceSend(option, file, blockCount, hash, progressList, chunkSize) {
   var _loop = function _loop(i) {
-    // eslint-disable-next-line no-loop-func
     var pooltask = new Promise(function (resolve, reject) {
       var start = i * chunkSize;
       var end = Math.min(file.size, start + chunkSize);
@@ -2601,6 +2604,7 @@ function upload_arrayLikeToArray(arr, len) { if (len == null || len > arr.length
 
 
 
+
 /* harmony default export */ const upload = ((0,external_vue_namespaceObject.defineComponent)({
   name: 'Upload',
   props: props,
@@ -2609,6 +2613,8 @@ function upload_arrayLikeToArray(arr, len) { if (len == null || len > arr.length
     var slots = _ref.slots,
       emit = _ref.emit,
       expose = _ref.expose;
+    var _usePrefix = (0,config_provider_namespaceObject.usePrefix)(),
+      resolveClassName = _usePrefix.resolveClassName;
     var requests = (0,external_vue_namespaceObject.shallowRef)({});
     var isPhotowall = (0,external_vue_namespaceObject.computed)(function () {
       return props.theme === EThemes.PICTURE;
@@ -2618,7 +2624,7 @@ function upload_arrayLikeToArray(arr, len) { if (len == null || len > arr.length
     });
     var classNames = (0,external_vue_namespaceObject.computed)(function () {
       var _props$extCls;
-      return (0,shared_namespaceObject.classes)(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty({}, CLASS_PREFIX, true), "".concat(CLASS_PREFIX, "--").concat(props.theme), true), "".concat(CLASS_PREFIX, "--disabled"), props.disabled), "".concat(CLASS_PREFIX, "--single-picture"), isSinglePhoto.value), props.extCls, (_props$extCls = props.extCls) !== null && _props$extCls !== void 0 ? _props$extCls : false));
+      return (0,shared_namespaceObject.classes)(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty({}, "".concat(resolveClassName(CLASS_PREFIX)), true), "".concat(resolveClassName(CLASS_PREFIX), "--").concat(props.theme), true), "".concat(resolveClassName(CLASS_PREFIX), "--disabled"), props.disabled), "".concat(resolveClassName(CLASS_PREFIX), "--single-picture"), isSinglePhoto.value), props.extCls, (_props$extCls = props.extCls) !== null && _props$extCls !== void 0 ? _props$extCls : false));
     });
     var triggerProps = (0,external_vue_namespaceObject.computed)(function () {
       return {
@@ -2820,12 +2826,12 @@ function upload_arrayLikeToArray(arr, len) { if (len == null || len > arr.length
       }, [!isPhotowall.value && (0,external_vue_namespaceObject.createVNode)(upload_trigger, (0,external_vue_namespaceObject.mergeProps)(triggerProps.value, {
         "onChange": handleFiles
       }), slots), slots.tip ? slots.tip() : props.tip && (0,external_vue_namespaceObject.createVNode)("div", {
-        "class": "".concat(CLASS_PREFIX, "__tip")
+        "class": "".concat(resolveClassName(CLASS_PREFIX), "__tip")
       }, [props.tip]), (0,external_vue_namespaceObject.createVNode)(upload_list, {
-        "files": fileList.value,
-        "theme": props.theme,
         "disabled": props.disabled,
+        "files": fileList.value,
         "multiple": props.multiple,
+        "theme": props.theme,
         "onRemove": handleRemove,
         "onRetry": handleRetry
       }, {

package/lib/upload/props.d.ts

@@ -1,5 +1,5 @@
-import type { PropType } from 'vue';
 import { APIResponse, EThemes, ExtraFormData, FormDataAttr, HeaderDataAttr, MaxSize, UploadFile, UploadRawFile, UploadRequestHandler } from './upload.type';
+import type { PropType } from 'vue';
 declare const _default: {
     theme: {
         type: PropType<"button" | "picture" | "draggable">;

package/lib/upload/upload.type.d.ts

@@ -1,6 +1,6 @@
 import { ExtractPropTypes } from 'vue';
 import uploadProps from './props';
-export declare const CLASS_PREFIX = "bk-upload";
+export declare const CLASS_PREFIX = "upload";
 export declare const enum EThemes {
     BUTTON = "button",
     DRAGGABLE = "draggable",
@@ -8,21 +8,21 @@ export declare const enum EThemes {
 }
 export type Theme = Lowercase<keyof typeof EThemes>;
 export declare const enum EUploadStatus {
+    FAIL = "fail",
     NEW = "new",
-    UPLOADING = "uploading",
     SUCCESS = "success",
-    FAIL = "fail"
+    UPLOADING = "uploading"
 }
 export type UploadStatus = Lowercase<keyof typeof EUploadStatus>;
 export type FormDataAttr = {
     name: string;
-    value: string | Blob | [string | Blob, string];
+    value: [Blob | string, string] | Blob | string;
 };
 export type HeaderDataAttr = {
     name: string;
     value: string;
 };
-export type ExtraFormData = Record<string, string | Blob | [string | Blob, string]>;
+export type ExtraFormData = Record<string, [Blob | string, string] | Blob | string>;
 export type UploadFiles = UploadFile[];
 export type UploadFile = {
     name: string;
@@ -60,7 +60,7 @@ export interface UploadRequestOptions {
     formDataAttributes?: FormDataAttr | FormDataAttr[];
     filename: string;
     file: File;
-    headers?: Headers | Record<string, string | number | null | undefined>;
+    headers?: Headers | Record<string, null | number | string | undefined>;
     header?: HeaderDataAttr | HeaderDataAttr[];
     withCredentials: boolean;
     sliceUrl: string;
@@ -71,7 +71,7 @@ export interface UploadRequestOptions {
     onSuccess: (res: SuccessResponse) => void;
     onComplete: () => void;
 }
-export type UploadRequestHandler = (options: UploadRequestOptions) => XMLHttpRequest | Promise<unknown>;
+export type UploadRequestHandler = (options: UploadRequestOptions) => Promise<unknown> | XMLHttpRequest;
 export type HookHandler = (uploadFile: UploadFile, uploadFiles: UploadFiles) => void;
 export interface UploadHanderHooks {
     onRemove: HookHandler;

package/lib/upload/use-file-handler.d.ts

@@ -2,7 +2,7 @@ import { SuccessResponse, UploadFile, UploadHanderHooks, UploadProgressEvent, Up
 declare const _default: (props: UploadProps, hooks: UploadHanderHooks) => {
     fileList: import("vue").Ref<{
         name: string;
-        status: "success" | "new" | "uploading" | "fail";
+        status: "success" | "fail" | "new" | "uploading";
         statusText?: string;
         percentage?: number;
         response?: unknown;

package/lib/virtual-render/index.js

@@ -904,15 +904,14 @@ function virtual_render_objectSpread(e) { for (var r = 1; r < arguments.length;
         pos: pos
       });
       var start = pagination.startIndex * props.groupItemCount;
-      var end = (pagination.endIndex + props.preloadItemCount) * props.groupItemCount;
+      var end = pagination.endIndex * props.groupItemCount;
       var total = localList.value.length;
       if (total < end) {
-        calcList.value = localList.value.slice(start, total);
         end = total;
         start = end - Math.floor(refContent.value.offsetHeight / props.lineHeight);
         start = start < 0 ? 0 : start;
       }
-      var value = localList.value.slice(start, end);
+      var value = localList.value.slice(start, end + props.preloadItemCount * props.groupItemCount);
       calcList.value = value;
       if (event) {
         ctx.emit('content-scroll', [event, pagination, value]);

package/package.json

@@ -1,13 +1,11 @@
 {
   "name": "bkui-vue",
-  "version": "2.0.1-beta.2",
-  "workspaces": {
-    "packages": [
-      "packages/!(**.bak)*",
-      "scripts/cli",
-      "site"
-    ]
-  },
+  "version": "2.0.1-beta.21",
+  "workspaces": [
+    "packages/**",
+    "scripts/cli",
+    "site"
+  ],
   "files": [
     "lib",
     "dist"
@@ -17,9 +15,6 @@
     "*.css",
     "*.less"
   ],
-  "engines": {
-    "node": ">=14.0.0"
-  },
   "publishConfig": {
     "access": "public",
     "registry": "https://registry.npmjs.org/",
@@ -41,16 +36,11 @@
     "analyze:lib": "rimraf lib && lerna run --stream --scope cli lib -- -a",
     "generate:icon": "lerna run --scope @bkui-vue/icon build",
     "changelog": "conventional-changelog -c .changelog.config.js -p angular -i CHANGELOG.md -s -l",
-    "lint:packages": "eslint ./packages --ext .js,.ts,.tsx --cache",
-    "lint:site": "eslint ./site --ext .js,.ts,.tsx,.vue --cache",
-    "lint:scripts": "eslint ./scripts --ext .js,.ts,.tsx --cache",
+    "lint:packages": "npx eslint --fix ./packages",
+    "lint:site": "npx eslint --fix ./site",
+    "lint:scripts": "npx eslint --fix ./scripts",
     "lint": "run-p lint:site lint:packages lint:scripts",
-    "fix:packages": "eslint ./packages --ext .js,.ts,.tsx --fix --cache",
-    "fix:site": "eslint ./site --ext .js,.ts,.tsx,.vue --fix --cache",
-    "fix:scripts": "eslint ./scripts --ext .js,.ts,.tsx --fix --cache",
-    "lint:fix": "run-p lint:site lint:packages lint:scripts",
-    "stylelint": "stylelint ./{packages,site}/**/*.{vue,less} --custom-syntax",
-    "stylelint:fix": "stylelint --fix ./{packages,site}/**/*.{vue,less} --custom-syntax",
+    "stylelint": "stylelint --fix ./{packages,site}/**/*.{vue,less} --custom-syntax",
     "test:unit": "jest --passWithNoTests --config=./jest.config.js",
     "test:alert": "lerna run --scope @bkui-vue/alert test",
     "cz": "git-cz"
@@ -60,17 +50,14 @@
     "@babel/plugin-transform-runtime": "~7.22.9",
     "@babel/preset-env": "~7.22.9",
     "@babel/preset-typescript": "~7.22.5",
+    "@blueking/bkui-lint": "0.0.3",
     "@commitlint/cli": "~16.2.3",
     "@commitlint/config-conventional": "~16.2.1",
     "@types/jest": "~29.5.3",
     "@types/lodash": "~4.14.196",
     "@types/node": "~20.4.5",
     "@types/postcss-less": "~4.0.2",
-    "@typescript-eslint/eslint-plugin": "^5.20.0",
-    "@typescript-eslint/parser": "^5.20.0",
     "@vue/babel-plugin-jsx": "~1.1.5",
-    "@vue/eslint-config-standard": "~6.1.0",
-    "@vue/eslint-config-typescript": "~10.0.0",
     "@vue/test-utils": "~2.4.1",
     "@vue/vue3-jest": "~29.2.4",
     "babel-jest": "~29.6.2",
@@ -80,14 +67,6 @@
     "cross-env": "~7.0.3",
     "css-loader": "~6.8.1",
     "cz-lerna-changelog": "~2.0.3",
-    "eslint": "8.26.0",
-    "eslint-config-prettier": "^9.0.0",
-    "eslint-config-tencent": "~1.0.4",
-    "eslint-plugin-codecc": "~0.3.0",
-    "eslint-plugin-import": "~2.28.0",
-    "eslint-plugin-prettier": "~5.0.0",
-    "eslint-plugin-simple-import-sort": "~10.0.0",
-    "eslint-plugin-vue": "~9.17.0",
     "highlight.js": "~11.8.0",
     "husky": "~7.0.1",
     "jest": "~29.6.2",
@@ -101,24 +80,14 @@
     "npm-run-all": "~4.1.5",
     "plop": "~3.1.2",
     "postcss": "~8.4.27",
-    "postcss-html": "~1.5.0",
-    "postcss-less": "~6.0.0",
-    "prettier": "~3.0.3",
     "prismjs": "~1.29.0",
     "resize-observer-polyfill": "~1.5.1",
     "rimraf": "~5.0.1",
-    "stylelint": "^15.10.3",
-    "stylelint-config-recess-order": "^4.3.0",
-    "stylelint-config-recommended-vue": "1.5.0",
-    "stylelint-config-standard": "^34.0.0",
-    "stylelint-order": "^6.0.3",
-    "stylelint-scss": "^5.1.0",
     "ts-jest": "~29.1.1",
     "ts-node": "~10.9.1",
     "typescript": "~4.9.5",
     "uuid": "~9.0.1",
     "vue": "~3.3.4",
-    "vue-eslint-parser": "~9.3.1",
     "vue-types": "~4.1.1"
   },
   "peerDependencies": {
@@ -128,21 +97,14 @@
   "module": "lib/index.js",
   "typings": "lib/index.d.ts",
   "lint-staged": {
-    "scripts/**/*.(vue|ts|tsx|js)": [
-      "eslint ./scripts --ext .js,.tsx,.ts --cache --fix",
-      "git add"
-    ],
-    "site/**/*.(vue|ts|tsx|js)": [
-      "eslint ./site --ext .js,.tsx,.ts,.vue --cache --fix --ignore-pattern site/dist/",
-      "git add"
+    "*.{js,json}": [
+      "npx prettier --write"
     ],
-    "packages/**/*.(vue|ts|tsx|js)": [
-      "eslint ./packages --ext .js,.tsx,.ts --cache --fix",
-      "git add"
+    "*.{ts?(x)}": [
+      "npx eslint --fix --color"
     ],
-    "*.(vue|scss|css|sass|less)": [
-      "stylelint --cache --fix",
-      "git add"
+    "*.vue": [
+      "npx eslint --fix --color"
     ]
   },
   "config": {

package/lib/rate/star.css

@@ -1,27 +0,0 @@
-.bk-rate-stars {
-  padding: 0;
-  margin: 0;
-}
-.bk-rate-stars .bk-is-edit {
-  cursor: pointer;
-}
-.bk-rate-stars:after {
-  display: table;
-  clear: both;
-  content: '';
-}
-.bk-rate-stars .bk-rate-star {
-  float: left;
-  margin-right: 3px;
-  enable-background: new 0 0 64 64;
-  fill: #c5c7d1;
-}
-.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

@@ -1,34 +0,0 @@
-@import '../styles/themes/themes.less';
-
-.@{bk-prefix}-rate-stars {
-  padding: 0;
-  margin: 0;
-
-  .@{bk-prefix}-is-edit {
-    cursor: pointer;
-  }
-
-  &:after {
-    display: table;
-    clear: both;
-    content: '';
-  }
-
-  .@{bk-prefix}-rate-star {
-    float: left;
-    margin-right: 3px;
-    enable-background: new 0 0 64 64;
-    fill: #c5c7d1;
-
-    &.@{bk-prefix}-is-select {
-      fill: #ffb848;
-    }
-    &.@{bk-prefix}-is-hover {
-      transform: scale(1.2);
-    }
-
-    &:last-child {
-      margin-right: 0;
-    }
-  }
-}