bkui-vue 0.0.1-beta.98 → 0.0.1

package/lib/virtual-render/virtual-render.variable.css

@@ -1,3 +1,142 @@
+:root {
+  --bk-prefix: bk;
+  --popover-max-height: 216px;
+  --primary-color: #3a84ff;
+  --success-color: #2dcb56;
+  --warning-color: #ff9c01;
+  --danger-color: #ea3636;
+  --default-color: #63656e;
+  --gray-color: #979ba5;
+  --light-gray: #c4c6cc;
+  --white-color: white;
+  --whitesmoke-color: #fafbfd;
+  --disable-color: #dcdee5;
+  --font-size-base: 12px;
+  --font-size-medium: 14px;
+  --font-size-large: 16px;
+  --line-height-base: 16px;
+  --line-height-medium: 16px;
+  --line-height-large: 18px;
+  --component-size-small: 26px;
+  --component-size-base: 32px;
+  --component-size-large: 40px;
+  --border-width-base: 1px;
+  --border-style-base: solid;
+  --border-radius-base: 2px;
+  --border-style-color: var(--light-gray);
+  --input-disabled-bg: #fafbfd;
+  --input-disabled-border: var(--disable-color);
+  --input-height-base: var(--component-size-base);
+  --input-color: var(--default-color);
+  --input-bg: white;
+  --input-border-color: var(--light-gray);
+  --input-broder-radius: 3px;
+  --input-shadow-color: #a3c5fd;
+  --input-horizontal-padding: 10px;
+  --input-block-color: #f5f7fa;
+  --input-block-hover-color: #eaebf0;
+  --input-icon-size: var(--font-size-medium);
+  --input-maxlength-color: #979ba5;
+  --button-primary-hover-color: #5594fa;
+  --button-danger-hover-color: #ff5656;
+  --button-success-hover-color: #45e35f;
+  --button-warning-hover-color: #ffb848;
+  --button-default-hover-border-color: #979ba5;
+  --button-primary-active-color: #2c77f4;
+  --button-danger-active-color: #db2626;
+  --button-success-active-color: #1ab943;
+  --button-warning-active-color: #eb9000;
+  --button-selected-bg-color: #e1ecff;
+  --button-disabled-selected-bg-color: #f0f1f5;
+  --radio-font-color: #63656e;
+  --radio-active-color: #5594fa;
+  --radio-hover-border-color: #979ba5;
+  --radio-disabled-border: #dcdee5;
+  --radio-disabled-font-color: #c4c6cc;
+  --radio-disabled-checked-bg: #a3c5fd;
+  --radio-button-checked-bg: #e1ecff;
+  --radio-button-disabled-checked-bg: #fafbfd;
+  --checkbox-disabled-checked-bg: #a3c5fd;
+  --fixed-navbar-background: #fff;
+  --fixed-navbar-boxshadow-color: rgba(0, 0, 0, 0.1);
+  --switch-default-color: #fff;
+  --switch-grey-color: #c4c6cc;
+  --breadcrumb-black-color: #979ba5;
+  --breadcrumb-primary-hover-color: #0082ff;
+  --breadcrumb-fn-main-color: #63656e;
+  --link-default-hover-color: #979ba5;
+  --link-primary-hover-color: #699df4;
+  --link-success-hover-color: #45e35f;
+  --link-warning-hover-color: #ffb848;
+  --link-danger-hover-color: #ff5656;
+  --link-default-disabled-color: #dcdee5;
+  --link-primary-disabled-color: #a3c5fd;
+  --link-success-disabled-color: #94f5a4;
+  --link-warning-disabled-color: #ffd695;
+  --link-danger-disabled-color: #fd9c9c;
+  --message-color: var(--default-color);
+  --message-primary-bg-color: #f0f8ff;
+  --message-primary-border-color: #e1ecff;
+  --message-primary-shadow-color: #e1e8f4;
+  --message-warning-bg-color: #fff4e2;
+  --message-warning-border-color: #ffe8c3;
+  --message-warning-shadow-color: #ede6db;
+  --message-success-bg-color: #f2fff4;
+  --message-success-border-color: #dcffe2;
+  --message-success-shadow-color: #cef0d7;
+  --message-danger-bg-color: #ffeded;
+  --message-danger-border-color: #ffdddd;
+  --message-danger-shadow-color: #f6dada;
+  --slider-default-bg: #dcdee5;
+  --slider-disable-bar-bg: #979ba5;
+  --menu-bg-color: #182132;
+  --submenu-bg-color: #151d2c;
+  --menu-active-bg-color: linear-gradient(90deg, #3f87ff 0%, #3a84ff 100%);
+  --menu-color: #96a2b9;
+  --menu-group-color: var(--default-color);
+  --menu-width: 260px;
+  --menu-collapse-width: 60px;
+  --menu-active-color: white;
+  --nav-header-bg-color: #182132;
+  --nav-bg-color: #182132;
+  --date-picker-disabled-bg: #fafbfd;
+  --date-picker-dropdown-mb: 4px;
+  --date-picker-dropdown-bg: #fff;
+  --table-bg-color: var(--white-color);
+  --table-border-color: #dcdee5;
+  --table-head-bg-color: #fafbfd;
+  --table-head-font-color: #313238;
+  --table-body-font-color: #63656E;
+  --table-row-hover-bg-color: #f5f7fa;
+  --table-row-active-bg-color: #f0f1f5;
+  --cascader-panel-border-color: #dcdee5;
+  --cascader-panel-hover: #f5f7fa;
+  --cascader-panel-active: #e1ecff;
+  --cascader-panel-disabled-bg: #fff;
+  --search-select-focus-border-color: var(--primary-color);
+  --search-select-focus-color: #3c96ff;
+  --search-select-font-color: var(--default-color);
+  --search-select-placeholder-color: var(--light-gray);
+  --search-select-message-color: var(--danger-color);
+  --search-select-menu-border-color: var(--disable-color);
+}
+.bk-F-scroll-x {
+  overflow-x: auto;
+  scrollbar-color: #a0a0a0 transparent;
+  scrollbar-width: thin;
+}
+.bk-F-scroll-x::-webkit-scrollbar {
+  height: 6px;
+}
+.bk-F-scroll-y {
+  overflow-y: auto;
+}
+.bk-F-scroll-y::-webkit-scrollbar {
+  width: 4px;
+}
+.bk-F-scroll-y::-webkit-scrollbar-thumb {
+  border-radius: 4px;
+}
 .bk-virtual-render {
   position: relative;
 }
@@ -14,20 +153,3 @@
   width: 1px;
   background: transparent;
 }
-.bk-virtual-render.bk-scroll-x {
-  overflow-x: auto;
-  scrollbar-color: #a0a0a0 transparent;
-  scrollbar-width: thin;
-}
-.bk-virtual-render.bk-scroll-x::-webkit-scrollbar {
-  height: 6px;
-}
-.bk-virtual-render.bk-scroll-y {
-  overflow-y: auto;
-}
-.bk-virtual-render.bk-scroll-y::-webkit-scrollbar {
-  width: 4px;
-}
-.bk-virtual-render.bk-scroll-y::-webkit-scrollbar-thumb {
-  border-radius: 4px;
-}

package/lib/volar.components.d.ts

@@ -0,0 +1,102 @@
+/*
+* 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.
+*/
+declare module '@vue/runtime-core' {
+  interface GlobalComponents {
+    BkBreadcrumbItem: typeof import('./breadcrumb/breadcrumb-item').default;
+    BkButtonGroup: typeof import('./button/button-group').default;
+    BkCascaderPanel: typeof import('./cascader/cascader-panel').default;
+    BkCheckboxGroup: typeof import('./checkbox/checkbox-group').default;
+    BkRow: typeof import('./container/row').default;
+    BkCol: typeof import('./container/col').default;
+    BkDropdownMenu: typeof import('./dropdown/dropdown-menu').default;
+    BkDropdownItem: typeof import('./dropdown/dropdown-item').default;
+    BkFormItem: typeof import('./form/form-item').default;
+    BkComposeFormItem: typeof import('./form/compose-form-item').default;
+    BkMenuItem: typeof import('./menu/menu-item').default;
+    BkSubmenu: typeof import('./menu/submenu').default;
+    BkMenuGroup: typeof import('./menu/menu-group').default;
+    BkRadioGroup: typeof import('./radio/radio-group').default;
+    BkRadioButton: typeof import('./radio/radio-button').default;
+    BkOption: typeof import('./select/option').default;
+    BkOptionGroup: typeof import('./select/optionGroup').default;
+    BkTabPanel: typeof import('./tab/tab-panel').default;
+    BkAlert: typeof import('./alert/alert').default;
+    BkAnimateNumber: typeof import('./animate-number/animate-number').default;
+    BkAffix: typeof import('./affix/affix').default;
+    BkBacktop: typeof import('./backtop/backtop').default;
+    BkBadge: typeof import('./badge/badge').default;
+    BkBreadcrumb: typeof import('./breadcrumb/breadcrumb').default;
+    BkButton: typeof import('./button/button').default;
+    BkCard: typeof import('./card/card').default;
+    BkCheckbox: typeof import('./checkbox/checkbox').default;
+    BkCollapse: typeof import('./collapse/collapse').default;
+    BkDialog: typeof import('./dialog/dialog').default;
+    BkException: typeof import('./exception/exception').default;
+    BkFixedNavbar: typeof import('./fixed-navbar/fixed-navbar').default;
+    BkInput: typeof import('./input/input').default;
+    BkLink: typeof import('./link/link').default;
+    BkLoading: typeof import('./loading/loading').default;
+    BkModal: typeof import('./modal/modal').default;
+    BkPopover: typeof import('./popover/popover').default;
+    BkPopover2: typeof import('./popover/popover').default;
+    BkProgress: typeof import('./progress/progress').default;
+    BkRadio: typeof import('./radio/radio').default;
+    BkRate: typeof import('./rate/rate').default;
+    BkSwiper: typeof import('./swiper/swiper').default;
+    BkSelect: typeof import('./select/select').default;
+    BkSideslider: typeof import('./sideslider/sideslider').default;
+    BkSteps: typeof import('./steps/steps').default;
+    BkSwitcher: typeof import('./switcher/switcher').default;
+    BkTable: typeof import('./table/table').default;
+    BkTag: typeof import('./tag/tag').default;
+    BkTagInput: typeof import('./tag-input/tag-input').default;
+    BkDivider: typeof import('./divider/divider').default;
+    BkTab: typeof import('./tab/tab').default;
+    BkMessage: typeof import('./message/messageConstructor').default;
+    BkNotify: typeof import('./notify/notifyConstructor').default;
+    BkMenu: typeof import('./menu/menu').default;
+    BkNavigation: typeof import('./navigation/navigation').default;
+    BkDatePicker: typeof import('./date-picker/date-picker').default;
+    BkTransfer: typeof import('./transfer/transfer').default;
+    BkTree: typeof import('./tree/tree').default;
+    BkVirtualRender: typeof import('./virtual-render/virtual-render').default;
+    BkForm: typeof import('./form/form').default;
+    BkPagination: typeof import('./pagination/pagination').default;
+    BkContainer: typeof import('./container/container').default;
+    BkcontainerProps: typeof import('./container/container').default;
+    BkDropdown: typeof import('./dropdown/dropdown').default;
+    BkCascader: typeof import('./cascader/cascader').default;
+    BkSlider: typeof import('./slider/slider').default;
+    BkResizeLayout: typeof import('./resize-layout/resize-layout').default;
+    BkTimeLine: typeof import('./timeline/timeline').default;
+    BkProcess: typeof import('./process/process').default;
+    BkUpload: typeof import('./upload/upload').default;
+    BkCodeDiff: typeof import('./code-diff/code-diff').default;
+    BkSearchSelect: typeof import('./search-select/search-select').default;
+    BkConfigProvider: typeof import('./config-provider/config-provider').default;
+  }
+}
+export {};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "bkui-vue",
-  "version": "0.0.1-beta.98",
+  "version": "0.0.1",
   "workspaces": {
     "packages": [
       "packages/!(**.bak)*",
@@ -13,8 +13,8 @@
   ],
   "scripts": {
     "prepare": "husky install",
-    "dev": "vite serve site",
-    "build": "run-p build:dist build:lib",
+    "dev": "vite serve site --force",
+    "build": "run-s build:dist build:lib",
     "build:site": "vite build site --mode production && cp -r ./site/views/ ./site/dist/views",
     "build:dist": "rimraf dist && lerna run --stream --scope cli dist",
     "build:lib": "rimraf lib && lerna run --stream --scope cli lib",
@@ -38,43 +38,46 @@
     "cz": "git-cz"
   },
   "devDependencies": {
-    "@babel/core": "~7.17.9",
-    "@babel/plugin-transform-runtime": "~7.17.0",
-    "@babel/preset-env": "~7.16.11",
-    "@babel/preset-typescript": "~7.16.7",
+    "@babel/core": "~7.22.9",
+    "@babel/plugin-transform-runtime": "~7.22.9",
+    "@babel/preset-env": "~7.22.9",
+    "@babel/preset-typescript": "~7.22.5",
+    "@blueking/magicbox-header": "~1.1.60",
     "@commitlint/cli": "~16.2.3",
     "@commitlint/config-conventional": "~16.2.1",
-    "@types/jest": "~27.4.1",
-    "@types/node": "~17.0.23",
+    "@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.19.0",
     "@typescript-eslint/parser": "~5.19.0",
-    "@vitejs/plugin-vue": "~2.3.1",
-    "@vitejs/plugin-vue-jsx": "~1.3.9",
-    "@vue/babel-plugin-jsx": "~1.1.1",
+    "@vitejs/plugin-vue": "~4.2.3",
+    "@vitejs/plugin-vue-jsx": "~3.0.1",
+    "@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.0.0-rc.12",
-    "@vue/vue3-jest": "~27.0.0-alpha.4",
-    "babel-jest": "~27.5.1",
+    "@vue/test-utils": "~2.4.1",
+    "@vue/vue3-jest": "~29.2.4",
+    "babel-jest": "~29.6.2",
     "clipboard": "~2.0.8",
-    "commitizen": "~4.2.4",
+    "commitizen": "~4.3.0",
     "conventional-changelog-cli": "~2.2.2",
     "cross-env": "~7.0.3",
-    "css-loader": "~6.7.1",
+    "css-loader": "~6.8.1",
     "cz-lerna-changelog": "~2.0.3",
-    "eslint": "~8.13.0",
+    "eslint": "~8.46.0",
     "eslint-config-tencent": "~1.0.4",
-    "eslint-plugin-codecc": "~0.1.0",
-    "eslint-plugin-import": "~2.26.0",
+    "eslint-plugin-codecc": "~0.2.0",
+    "eslint-plugin-import": "~2.28.0",
     "eslint-plugin-node": "~11.1.0",
     "eslint-plugin-prettier": "~4.0.0",
-    "eslint-plugin-promise": "~6.0.0",
+    "eslint-plugin-promise": "~6.1.1",
     "eslint-plugin-simple-import-sort": "~7.0.0",
     "eslint-plugin-vue": "~8.6.0",
-    "highlight.js": "~11.5.1",
+    "highlight.js": "~11.8.0",
     "husky": "~7.0.1",
-    "jest": "~27.5.1",
+    "jest": "~29.6.2",
+    "jest-environment-jsdom": "~29.6.2",
     "jest-transform-stub": "~2.0.0",
     "lerna": "~4.0.0",
     "less-loader": "~10.2.0",
@@ -82,33 +85,34 @@
     "markdown-it-container": "~3.0.0",
     "normalize-wheel": "~1.0.1",
     "npm-run-all": "~4.1.5",
-    "plop": "~3.0.5",
-    "postcss": "~8.4.12",
-    "postcss-html": "~1.4.1",
+    "plop": "~3.1.2",
+    "postcss": "~8.4.27",
+    "postcss-html": "~1.5.0",
     "postcss-less": "~6.0.0",
     "prettier": "~2.6.2",
-    "prismjs": "~1.27.0",
-    "rimraf": "~3.0.2",
+    "prismjs": "~1.29.0",
+    "resize-observer-polyfill": "~1.5.1",
+    "rimraf": "~5.0.1",
     "stylelint": "~14.6.1",
-    "stylelint-config-recommended-vue": "~1.4.0",
+    "stylelint-config-recommended-vue": "~1.5.0",
     "stylelint-order": "~5.0.0",
     "stylelint-scss": "~4.2.0",
-    "ts-jest": "~27.1.4",
-    "ts-node": "~10.7.0",
-    "typescript": "~4.6.3",
-    "vite": "~2.9.1",
-    "vite-plugin-md": "~0.12.4",
-    "vue": "^3.2.0",
+    "ts-jest": "~29.1.1",
+    "ts-node": "~10.9.1",
+    "typescript": "~4.9.5",
+    "vite": "~4.4.7",
+    "vite-plugin-vue-markdown": "~0.23.7",
+    "vue": "~3.3.4",
     "vue-eslint-parser": "~8.3.0",
-    "vue-router": "~4.0.14",
+    "vue-i18n": "~9.2.2",
+    "vue-router": "~4.2.4",
     "vue-types": "~4.1.1"
   },
   "peerDependencies": {
     "highlight.js": "~11.5.0",
     "vue": "^3.2.0"
   },
-  "main": "lib/index.js",
-  "module": "lib/index.js",
+  "main": "dist/index.esm.js",
   "typings": "lib/index.d.ts",
   "lint-staged": {
     "scripts/**/*.(vue|ts|tsx|js)": [
@@ -134,10 +138,13 @@
     }
   },
   "dependencies": {
-    "@popperjs/core": "~2.11.5",
-    "date-fns": "~2.28.0",
+    "@floating-ui/dom": "~1.5.0",
+    "@popperjs/core": "~2.11.8",
+    "date-fns": "~2.30.0",
     "js-calendar": "~1.2.3",
+    "json-formatter-js": "~2.3.4",
     "lodash": "~4.17.21",
+    "tinycolor2": "~1.6.0",
     "vue-types": "~4.1.1"
   }
 }

package/LICENSE.txt

@@ -1,22 +0,0 @@
-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.