bkui-vue 1.0.3-beta.3 → 1.0.3-beta.30

package/lib/divider/divider.variable.css

@@ -12,6 +12,7 @@
   --whitesmoke-color: #fafbfd;
   --disable-color: #dcdee5;
   --disable-bg-color: #f9fafd;
+  --border-color: #dcdee5;
   --font-size-base: 12px;
   --font-size-medium: 14px;
   --font-size-large: 16px;
@@ -123,6 +124,8 @@
   --search-select-placeholder-color: var(--light-gray);
   --search-select-message-color: var(--danger-color);
   --search-select-menu-border-color: var(--disable-color);
+  --select-active-color: #e1ecff;
+  --select-hover-color: #f5f7fa;
 }
 .bk-divider {
   position: relative;

package/lib/dropdown/dropdown.css

@@ -1,6 +1,5 @@
 .bk-popover.bk-pop2-content {
   position: absolute;
-  display: none;
   padding: 12px;
   font-size: 12px;
   color: #fff;
@@ -8,6 +7,9 @@
   border-radius: 4px;
   box-sizing: border-box;
 }
+.bk-popover.bk-pop2-content.hidden {
+  display: none;
+}
 .bk-popover.bk-pop2-content .bk-pop2-arrow {
   position: absolute;
   z-index: -1;

package/lib/dropdown/dropdown.variable.css

@@ -12,6 +12,7 @@
   --whitesmoke-color: #fafbfd;
   --disable-color: #dcdee5;
   --disable-bg-color: #f9fafd;
+  --border-color: #dcdee5;
   --font-size-base: 12px;
   --font-size-medium: 14px;
   --font-size-large: 16px;
@@ -123,10 +124,11 @@
   --search-select-placeholder-color: var(--light-gray);
   --search-select-message-color: var(--danger-color);
   --search-select-menu-border-color: var(--disable-color);
+  --select-active-color: #e1ecff;
+  --select-hover-color: #f5f7fa;
 }
 .bk-popover.bk-pop2-content {
   position: absolute;
-  display: none;
   padding: 12px;
   font-size: 12px;
   color: #fff;
@@ -134,6 +136,9 @@
   border-radius: 4px;
   box-sizing: border-box;
 }
+.bk-popover.bk-pop2-content.hidden {
+  display: none;
+}
 .bk-popover.bk-pop2-content .bk-pop2-arrow {
   position: absolute;
   z-index: -1;

package/lib/exception/exception.variable.css

@@ -12,6 +12,7 @@
   --whitesmoke-color: #fafbfd;
   --disable-color: #dcdee5;
   --disable-bg-color: #f9fafd;
+  --border-color: #dcdee5;
   --font-size-base: 12px;
   --font-size-medium: 14px;
   --font-size-large: 16px;
@@ -123,6 +124,8 @@
   --search-select-placeholder-color: var(--light-gray);
   --search-select-message-color: var(--danger-color);
   --search-select-menu-border-color: var(--disable-color);
+  --select-active-color: #e1ecff;
+  --select-hover-color: #f5f7fa;
 }
 .bk-exception {
   position: relative;

package/lib/fixed-navbar/fixed-navbar.variable.css

@@ -12,6 +12,7 @@
   --whitesmoke-color: #fafbfd;
   --disable-color: #dcdee5;
   --disable-bg-color: #f9fafd;
+  --border-color: #dcdee5;
   --font-size-base: 12px;
   --font-size-medium: 14px;
   --font-size-large: 16px;
@@ -123,6 +124,8 @@
   --search-select-placeholder-color: var(--light-gray);
   --search-select-message-color: var(--danger-color);
   --search-select-menu-border-color: var(--disable-color);
+  --select-active-color: #e1ecff;
+  --select-hover-color: #f5f7fa;
 }
 .bk-fixed-navbar {
   position: fixed;

package/lib/form/form.css

@@ -59,6 +59,7 @@
   color: #63656e;
   text-align: right;
   vertical-align: middle;
+  box-sizing: border-box;
 }
 .bk-form-label-description {
   cursor: pointer;

package/lib/form/form.less

@@ -24,6 +24,7 @@
       margin-bottom: 6px;
       line-height: 20px;
       text-align: left;
+
     }
 
     .@{bk-prefix}-form-content {
@@ -81,7 +82,7 @@
   text-align: right;
   text-align: right;
   vertical-align: middle;
-  // box-sizing: border-box;
+  box-sizing: border-box;
 }
 .@{bk-prefix}-form-label-description {
   cursor: pointer;

package/lib/form/form.variable.css

@@ -12,6 +12,7 @@
   --whitesmoke-color: #fafbfd;
   --disable-color: #dcdee5;
   --disable-bg-color: #f9fafd;
+  --border-color: #dcdee5;
   --font-size-base: 12px;
   --font-size-medium: 14px;
   --font-size-large: 16px;
@@ -123,6 +124,8 @@
   --search-select-placeholder-color: var(--light-gray);
   --search-select-message-color: var(--danger-color);
   --search-select-menu-border-color: var(--disable-color);
+  --select-active-color: #e1ecff;
+  --select-hover-color: #f5f7fa;
 }
 @keyframes form-error-appear-animation {
   from {
@@ -185,6 +188,7 @@
   color: #63656e;
   text-align: right;
   vertical-align: middle;
+  box-sizing: border-box;
 }
 .bk-form-label-description {
   cursor: pointer;

package/lib/hooks.js

@@ -23,11 +23,4 @@
  * CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS
  * IN THE SOFTWARE.
  */
-export {
-  useGlobalConfig,
-  provideGlobalConfig,
-  useLocale,
-  usePrefix,
-  defaultRootConfig,
-  rootProviderKey,
-} from './config-provider';
+export { useGlobalConfig, provideGlobalConfig, useLocale, usePrefix, defaultRootConfig, rootProviderKey, } from './config-provider';

package/lib/icon/index.d.ts

@@ -72,6 +72,7 @@ export { default as Share } from '../icon/share';
 export { default as Spinner } from '../icon/spinner';
 export { default as Success } from '../icon/success';
 export { default as SwitcherLoading } from '../icon/switcher-loading';
+export { default as TextAll } from '../icon/text-all';
 export { default as TextFile } from '../icon/text-file';
 export { default as TextFill } from '../icon/text-fill';
 export { default as Transfer } from '../icon/transfer';

package/lib/icon/index.js

@@ -727,6 +727,34 @@ switcherLoading.inheritAttrs = false;
 
 /***/ }),
 
+/***/ 6729:
+/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
+
+/* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   "default": () => (__WEBPACK_DEFAULT_EXPORT__)
+/* harmony export */ });
+/* harmony import */ var _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(6666);
+/* harmony import */ var vue__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(6609);
+/* harmony import */ var _icon__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(5226);
+
+
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { (0,_babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_1__["default"])(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+
+var data = JSON.parse('{"type":"element","name":"svg","attributes":{"xmlns":"http://www.w3.org/2000/svg","viewBox":"0 0 1024 1024","style":"width: 1em; height: 1em; vertical-align: middle;fill: currentColor;overflow: hidden;"},"elements":[{"type":"element","name":"path","attributes":{"d":"M896 64C966.692448 64 1024 121.307552 1024 192L1024 857.7635776C1024 928.4560256 966.692448 985.7635776 896 985.7635776L128 985.7635776C57.307552 985.7635776 5.7233980032e-14 928.4560256 0 857.7635776L0 192C-2.286818272e-14 121.307552 57.307552 64 128 64L896 64ZM408.94568768 320.00000064L102.2364224 320.00000064 102.2364224 729.7635776 204.47284416 729.7635776 204.47284416 576.00000064 306.70926592 576.00000064 306.70926592 729.7635776 408.94568768 729.7635776 408.94568768 320.00000064ZM562.70926528 320.00000064L460.47284416 320.00000064 460.47284416 729.7635776 664.9456896 729.7635776 664.9456896 678.2364224 562.70926528 678.2364224 562.70926528 320.00000064ZM818.7092672 320.00000064L716.4728448 320.00000064 716.4728448 729.7635776 920.9456896 729.7635776 920.9456896 678.2364224 818.7092672 678.2364224 818.7092672 320.00000064ZM306.70926464 396.8L306.70926464 499.03642176 204.47284352 499.03642176 204.47284352 396.8 306.70926464 396.8Z"}}]}');
+var textAll = function textAll(props, context) {
+  var p = _objectSpread(_objectSpread({}, props), context.attrs);
+  return (0,vue__WEBPACK_IMPORTED_MODULE_0__.createVNode)(_icon__WEBPACK_IMPORTED_MODULE_2__["default"], (0,vue__WEBPACK_IMPORTED_MODULE_0__.mergeProps)(p, {
+    "data": data,
+    "name": "textAll"
+  }), null);
+};
+textAll.displayName = 'textAll';
+textAll.inheritAttrs = false;
+/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (textAll);
+
+/***/ }),
+
 /***/ 7312:
 /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
 
@@ -1278,6 +1306,7 @@ __webpack_require__.d(__webpack_exports__, {
   Spinner: () => (/* reexport */ spinner["default"]),
   Success: () => (/* reexport */ success["default"]),
   SwitcherLoading: () => (/* reexport */ switcher_loading["default"]),
+  TextAll: () => (/* reexport */ text_all["default"]),
   TextFile: () => (/* reexport */ text_file["default"]),
   TextFill: () => (/* reexport */ text_fill["default"]),
   Transfer: () => (/* reexport */ transfer["default"]),
@@ -2226,6 +2255,8 @@ var spinner = __webpack_require__(2927);
 var success = __webpack_require__(8305);
 // EXTERNAL MODULE: ../../packages/icon/icons/switcher-loading.tsx
 var switcher_loading = __webpack_require__(6798);
+// EXTERNAL MODULE: ../../packages/icon/icons/text-all.tsx
+var text_all = __webpack_require__(6729);
 // EXTERNAL MODULE: ../../packages/icon/icons/text-file.tsx
 var text_file = __webpack_require__(7312);
 // EXTERNAL MODULE: ../../packages/icon/icons/text-fill.tsx
@@ -2360,6 +2391,7 @@ var weixin = __webpack_require__(4273);
 
 
 
+
 
 
 })();
@@ -2438,6 +2470,7 @@ var __webpack_exports__Share = __webpack_exports__.Share;
 var __webpack_exports__Spinner = __webpack_exports__.Spinner;
 var __webpack_exports__Success = __webpack_exports__.Success;
 var __webpack_exports__SwitcherLoading = __webpack_exports__.SwitcherLoading;
+var __webpack_exports__TextAll = __webpack_exports__.TextAll;
 var __webpack_exports__TextFile = __webpack_exports__.TextFile;
 var __webpack_exports__TextFill = __webpack_exports__.TextFill;
 var __webpack_exports__Transfer = __webpack_exports__.Transfer;
@@ -2450,4 +2483,4 @@ var __webpack_exports__VideoFill = __webpack_exports__.VideoFill;
 var __webpack_exports__Warn = __webpack_exports__.Warn;
 var __webpack_exports__Weixin = __webpack_exports__.Weixin;
 var __webpack_exports__WeixinPro = __webpack_exports__.WeixinPro;
-export { __webpack_exports__AngleDoubleDownLine as AngleDoubleDownLine, __webpack_exports__AngleDoubleLeft as AngleDoubleLeft, __webpack_exports__AngleDoubleLeftLine as AngleDoubleLeftLine, __webpack_exports__AngleDoubleRight as AngleDoubleRight, __webpack_exports__AngleDoubleRightLine as AngleDoubleRightLine, __webpack_exports__AngleDoubleUpLine as AngleDoubleUpLine, __webpack_exports__AngleDown as AngleDown, __webpack_exports__AngleDownFill as AngleDownFill, __webpack_exports__AngleDownLine as AngleDownLine, __webpack_exports__AngleLeft as AngleLeft, __webpack_exports__AngleRight as AngleRight, __webpack_exports__AngleUp as AngleUp, __webpack_exports__AngleUpFill as AngleUpFill, __webpack_exports__ArchiveFill as ArchiveFill, __webpack_exports__ArrowsLeft as ArrowsLeft, __webpack_exports__ArrowsRight as ArrowsRight, __webpack_exports__Assistant as Assistant, __webpack_exports__AudioFill as AudioFill, __webpack_exports__Bk as Bk, __webpack_exports__Circle as Circle, __webpack_exports__Close as Close, __webpack_exports__CloseLine as CloseLine, __webpack_exports__Code as Code, __webpack_exports__CogShape as CogShape, __webpack_exports__CollapseLeft as CollapseLeft, __webpack_exports__Copy as Copy, __webpack_exports__CopyShape as CopyShape, __webpack_exports__DataShape as DataShape, __webpack_exports__Del as Del, __webpack_exports__DocFill as DocFill, __webpack_exports__Done as Done, __webpack_exports__DownShape as DownShape, __webpack_exports__DownSmall as DownSmall, __webpack_exports__EditLine as EditLine, __webpack_exports__Ellipsis as Ellipsis, __webpack_exports__EnlargeLine as EnlargeLine, __webpack_exports__Error as Error, __webpack_exports__ExcelFill as ExcelFill, __webpack_exports__ExclamationCircleShape as ExclamationCircleShape, __webpack_exports__Eye as Eye, __webpack_exports__FilliscreenLine as FilliscreenLine, __webpack_exports__FixLine as FixLine, __webpack_exports__FixShape as FixShape, __webpack_exports__Folder as Folder, __webpack_exports__FolderOpen as FolderOpen, __webpack_exports__FolderShape as FolderShape, __webpack_exports__FolderShapeOpen as FolderShapeOpen, __webpack_exports__Funnel as Funnel, __webpack_exports__GragFill as GragFill, __webpack_exports__Help as Help, __webpack_exports__HelpDocumentFill as HelpDocumentFill, __webpack_exports__HelpFill as HelpFill, __webpack_exports__ImageFill as ImageFill, __webpack_exports__ImgError as ImgError, __webpack_exports__ImgPlacehoulder as ImgPlacehoulder, __webpack_exports__Info as Info, __webpack_exports__InfoLine as InfoLine, __webpack_exports__LeftShape as LeftShape, __webpack_exports__LeftTurnLine as LeftTurnLine, __webpack_exports__Loading as Loading, __webpack_exports__NarrowLine as NarrowLine, __webpack_exports__Original as Original, __webpack_exports__PdfFill as PdfFill, __webpack_exports__PlayShape as PlayShape, __webpack_exports__Plus as Plus, __webpack_exports__PptFill as PptFill, __webpack_exports__Qq as Qq, __webpack_exports__RightShape as RightShape, __webpack_exports__RightTurnLine as RightTurnLine, __webpack_exports__Search as Search, __webpack_exports__Share as Share, __webpack_exports__Spinner as Spinner, __webpack_exports__Success as Success, __webpack_exports__SwitcherLoading as SwitcherLoading, __webpack_exports__TextFile as TextFile, __webpack_exports__TextFill as TextFill, __webpack_exports__Transfer as Transfer, __webpack_exports__TreeApplicationShape as TreeApplicationShape, __webpack_exports__UnfullScreen as UnfullScreen, __webpack_exports__Unvisible as Unvisible, __webpack_exports__UpShape as UpShape, __webpack_exports__Upload as Upload, __webpack_exports__VideoFill as VideoFill, __webpack_exports__Warn as Warn, __webpack_exports__Weixin as Weixin, __webpack_exports__WeixinPro as WeixinPro };
+export { __webpack_exports__AngleDoubleDownLine as AngleDoubleDownLine, __webpack_exports__AngleDoubleLeft as AngleDoubleLeft, __webpack_exports__AngleDoubleLeftLine as AngleDoubleLeftLine, __webpack_exports__AngleDoubleRight as AngleDoubleRight, __webpack_exports__AngleDoubleRightLine as AngleDoubleRightLine, __webpack_exports__AngleDoubleUpLine as AngleDoubleUpLine, __webpack_exports__AngleDown as AngleDown, __webpack_exports__AngleDownFill as AngleDownFill, __webpack_exports__AngleDownLine as AngleDownLine, __webpack_exports__AngleLeft as AngleLeft, __webpack_exports__AngleRight as AngleRight, __webpack_exports__AngleUp as AngleUp, __webpack_exports__AngleUpFill as AngleUpFill, __webpack_exports__ArchiveFill as ArchiveFill, __webpack_exports__ArrowsLeft as ArrowsLeft, __webpack_exports__ArrowsRight as ArrowsRight, __webpack_exports__Assistant as Assistant, __webpack_exports__AudioFill as AudioFill, __webpack_exports__Bk as Bk, __webpack_exports__Circle as Circle, __webpack_exports__Close as Close, __webpack_exports__CloseLine as CloseLine, __webpack_exports__Code as Code, __webpack_exports__CogShape as CogShape, __webpack_exports__CollapseLeft as CollapseLeft, __webpack_exports__Copy as Copy, __webpack_exports__CopyShape as CopyShape, __webpack_exports__DataShape as DataShape, __webpack_exports__Del as Del, __webpack_exports__DocFill as DocFill, __webpack_exports__Done as Done, __webpack_exports__DownShape as DownShape, __webpack_exports__DownSmall as DownSmall, __webpack_exports__EditLine as EditLine, __webpack_exports__Ellipsis as Ellipsis, __webpack_exports__EnlargeLine as EnlargeLine, __webpack_exports__Error as Error, __webpack_exports__ExcelFill as ExcelFill, __webpack_exports__ExclamationCircleShape as ExclamationCircleShape, __webpack_exports__Eye as Eye, __webpack_exports__FilliscreenLine as FilliscreenLine, __webpack_exports__FixLine as FixLine, __webpack_exports__FixShape as FixShape, __webpack_exports__Folder as Folder, __webpack_exports__FolderOpen as FolderOpen, __webpack_exports__FolderShape as FolderShape, __webpack_exports__FolderShapeOpen as FolderShapeOpen, __webpack_exports__Funnel as Funnel, __webpack_exports__GragFill as GragFill, __webpack_exports__Help as Help, __webpack_exports__HelpDocumentFill as HelpDocumentFill, __webpack_exports__HelpFill as HelpFill, __webpack_exports__ImageFill as ImageFill, __webpack_exports__ImgError as ImgError, __webpack_exports__ImgPlacehoulder as ImgPlacehoulder, __webpack_exports__Info as Info, __webpack_exports__InfoLine as InfoLine, __webpack_exports__LeftShape as LeftShape, __webpack_exports__LeftTurnLine as LeftTurnLine, __webpack_exports__Loading as Loading, __webpack_exports__NarrowLine as NarrowLine, __webpack_exports__Original as Original, __webpack_exports__PdfFill as PdfFill, __webpack_exports__PlayShape as PlayShape, __webpack_exports__Plus as Plus, __webpack_exports__PptFill as PptFill, __webpack_exports__Qq as Qq, __webpack_exports__RightShape as RightShape, __webpack_exports__RightTurnLine as RightTurnLine, __webpack_exports__Search as Search, __webpack_exports__Share as Share, __webpack_exports__Spinner as Spinner, __webpack_exports__Success as Success, __webpack_exports__SwitcherLoading as SwitcherLoading, __webpack_exports__TextAll as TextAll, __webpack_exports__TextFile as TextFile, __webpack_exports__TextFill as TextFill, __webpack_exports__Transfer as Transfer, __webpack_exports__TreeApplicationShape as TreeApplicationShape, __webpack_exports__UnfullScreen as UnfullScreen, __webpack_exports__Unvisible as Unvisible, __webpack_exports__UpShape as UpShape, __webpack_exports__Upload as Upload, __webpack_exports__VideoFill as VideoFill, __webpack_exports__Warn as Warn, __webpack_exports__Weixin as Weixin, __webpack_exports__WeixinPro as WeixinPro };

package/lib/icon/text-all.d.ts

@@ -0,0 +1,4 @@
+import { FunctionalComponent } from 'vue';
+import { IIconBaseProps } from './icon';
+declare const textAll: FunctionalComponent<IIconBaseProps>;
+export default textAll;

package/lib/icon/text-all.js

@@ -0,0 +1,276 @@
+import * as __WEBPACK_EXTERNAL_MODULE_vue__ from "vue";
+/******/ var __webpack_modules__ = ({
+
+/***/ 5226:
+/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
+
+
+// EXPORTS
+__webpack_require__.d(__webpack_exports__, {
+  "default": () => (/* binding */ icon)
+});
+
+;// CONCATENATED MODULE: ../../node_modules/@babel/runtime/helpers/esm/objectWithoutPropertiesLoose.js
+function _objectWithoutPropertiesLoose(source, excluded) {
+  if (source == null) return {};
+  var target = {};
+  var sourceKeys = Object.keys(source);
+  var key, i;
+  for (i = 0; i < sourceKeys.length; i++) {
+    key = sourceKeys[i];
+    if (excluded.indexOf(key) >= 0) continue;
+    target[key] = source[key];
+  }
+  return target;
+}
+;// CONCATENATED MODULE: ../../node_modules/@babel/runtime/helpers/esm/objectWithoutProperties.js
+
+function _objectWithoutProperties(source, excluded) {
+  if (source == null) return {};
+  var target = _objectWithoutPropertiesLoose(source, excluded);
+  var key, i;
+  if (Object.getOwnPropertySymbols) {
+    var sourceSymbolKeys = Object.getOwnPropertySymbols(source);
+    for (i = 0; i < sourceSymbolKeys.length; i++) {
+      key = sourceSymbolKeys[i];
+      if (excluded.indexOf(key) >= 0) continue;
+      if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue;
+      target[key] = source[key];
+    }
+  }
+  return target;
+}
+// EXTERNAL MODULE: ../../node_modules/@babel/runtime/helpers/esm/defineProperty.js
+var defineProperty = __webpack_require__(6666);
+// EXTERNAL MODULE: external "vue"
+var external_vue_ = __webpack_require__(6609);
+;// CONCATENATED MODULE: ../../packages/icon/icons/icon.tsx
+
+
+var _excluded = ["data", "name", "width", "height", "fill"];
+
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { (0,defineProperty["default"])(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+/*
+ * 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.
+ */
+
+function generate(node, key, rootAttrs) {
+  return (0,external_vue_.h)(node.name, _objectSpread(_objectSpread({
+    key: key
+  }, node.attributes), {}, {
+    style: "".concat(node.attributes.style, " ").concat(rootAttrs || '')
+  }), (node.elements || []).map(function (element, index) {
+    return generate(element, "".concat(key, "-").concat(node.name, "-").concat(index));
+  }));
+}
+var bkIcon = function bkIcon(props, context) {
+  var _context$attrs$props = _objectSpread(_objectSpread({}, context.attrs), props),
+    data = _context$attrs$props.data,
+    name = _context$attrs$props.name,
+    width = _context$attrs$props.width,
+    height = _context$attrs$props.height,
+    fill = _context$attrs$props.fill,
+    restProps = _objectWithoutProperties(_context$attrs$props, _excluded);
+  var rootAttrs = "width: ".concat(width, "; height: ").concat(height, "; fill: ").concat(fill);
+  var iconBoxStyle = {
+    display: 'inline-flex',
+    'align-items': 'center',
+    'justify-content': 'center'
+  };
+  return (0,external_vue_.createVNode)("span", (0,external_vue_.mergeProps)({
+    "style": iconBoxStyle
+  }, restProps), [generate(data, name, rootAttrs)]);
+};
+bkIcon.inheritAttrs = false;
+bkIcon.displayName = 'bkIcon';
+/* harmony default export */ const icon = (bkIcon);
+
+/***/ }),
+
+/***/ 6609:
+/***/ ((module, __unused_webpack_exports, __webpack_require__) => {
+
+var x = y => { var x = {}; __webpack_require__.d(x, y); return x; }
+var y = x => () => x
+module.exports = x({ ["createVNode"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.createVNode, ["h"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.h, ["mergeProps"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.mergeProps });
+
+/***/ }),
+
+/***/ 6666:
+/***/ ((__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) => {
+
+/* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   "default": () => (/* binding */ _defineProperty)
+/* harmony export */ });
+/* harmony import */ var _toPropertyKey_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(3795);
+
+function _defineProperty(obj, key, value) {
+  key = (0,_toPropertyKey_js__WEBPACK_IMPORTED_MODULE_0__["default"])(key);
+  if (key in obj) {
+    Object.defineProperty(obj, key, {
+      value: value,
+      enumerable: true,
+      configurable: true,
+      writable: true
+    });
+  } else {
+    obj[key] = value;
+  }
+  return obj;
+}
+
+/***/ }),
+
+/***/ 9745:
+/***/ ((__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) => {
+
+/* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   "default": () => (/* binding */ toPrimitive)
+/* harmony export */ });
+/* harmony import */ var _typeof_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(6522);
+
+function toPrimitive(t, r) {
+  if ("object" != (0,_typeof_js__WEBPACK_IMPORTED_MODULE_0__["default"])(t) || !t) return t;
+  var e = t[Symbol.toPrimitive];
+  if (void 0 !== e) {
+    var i = e.call(t, r || "default");
+    if ("object" != (0,_typeof_js__WEBPACK_IMPORTED_MODULE_0__["default"])(i)) return i;
+    throw new TypeError("@@toPrimitive must return a primitive value.");
+  }
+  return ("string" === r ? String : Number)(t);
+}
+
+/***/ }),
+
+/***/ 3795:
+/***/ ((__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) => {
+
+/* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   "default": () => (/* binding */ toPropertyKey)
+/* harmony export */ });
+/* harmony import */ var _typeof_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(6522);
+/* harmony import */ var _toPrimitive_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(9745);
+
+
+function toPropertyKey(t) {
+  var i = (0,_toPrimitive_js__WEBPACK_IMPORTED_MODULE_0__["default"])(t, "string");
+  return "symbol" == (0,_typeof_js__WEBPACK_IMPORTED_MODULE_1__["default"])(i) ? i : String(i);
+}
+
+/***/ }),
+
+/***/ 6522:
+/***/ ((__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) => {
+
+/* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   "default": () => (/* binding */ _typeof)
+/* harmony export */ });
+function _typeof(o) {
+  "@babel/helpers - typeof";
+
+  return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) {
+    return typeof o;
+  } : function (o) {
+    return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o;
+  }, _typeof(o);
+}
+
+/***/ })
+
+/******/ });
+/************************************************************************/
+/******/ // The module cache
+/******/ var __webpack_module_cache__ = {};
+/******/ 
+/******/ // The require function
+/******/ function __webpack_require__(moduleId) {
+/******/ 	// Check if module is in cache
+/******/ 	var cachedModule = __webpack_module_cache__[moduleId];
+/******/ 	if (cachedModule !== undefined) {
+/******/ 		return cachedModule.exports;
+/******/ 	}
+/******/ 	// Create a new module (and put it into the cache)
+/******/ 	var module = __webpack_module_cache__[moduleId] = {
+/******/ 		// no module.id needed
+/******/ 		// no module.loaded needed
+/******/ 		exports: {}
+/******/ 	};
+/******/ 
+/******/ 	// Execute the module function
+/******/ 	__webpack_modules__[moduleId](module, module.exports, __webpack_require__);
+/******/ 
+/******/ 	// Return the exports of the module
+/******/ 	return module.exports;
+/******/ }
+/******/ 
+/************************************************************************/
+/******/ /* 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__ = {};
+// This entry need to be wrapped in an IIFE because it need to be isolated against other modules in the chunk.
+(() => {
+/* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   "default": () => (__WEBPACK_DEFAULT_EXPORT__)
+/* harmony export */ });
+/* harmony import */ var _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(6666);
+/* harmony import */ var vue__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(6609);
+/* harmony import */ var _icon__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(5226);
+
+
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { (0,_babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_1__["default"])(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+
+var data = JSON.parse('{"type":"element","name":"svg","attributes":{"xmlns":"http://www.w3.org/2000/svg","viewBox":"0 0 1024 1024","style":"width: 1em; height: 1em; vertical-align: middle;fill: currentColor;overflow: hidden;"},"elements":[{"type":"element","name":"path","attributes":{"d":"M896 64C966.692448 64 1024 121.307552 1024 192L1024 857.7635776C1024 928.4560256 966.692448 985.7635776 896 985.7635776L128 985.7635776C57.307552 985.7635776 5.7233980032e-14 928.4560256 0 857.7635776L0 192C-2.286818272e-14 121.307552 57.307552 64 128 64L896 64ZM408.94568768 320.00000064L102.2364224 320.00000064 102.2364224 729.7635776 204.47284416 729.7635776 204.47284416 576.00000064 306.70926592 576.00000064 306.70926592 729.7635776 408.94568768 729.7635776 408.94568768 320.00000064ZM562.70926528 320.00000064L460.47284416 320.00000064 460.47284416 729.7635776 664.9456896 729.7635776 664.9456896 678.2364224 562.70926528 678.2364224 562.70926528 320.00000064ZM818.7092672 320.00000064L716.4728448 320.00000064 716.4728448 729.7635776 920.9456896 729.7635776 920.9456896 678.2364224 818.7092672 678.2364224 818.7092672 320.00000064ZM306.70926464 396.8L306.70926464 499.03642176 204.47284352 499.03642176 204.47284352 396.8 306.70926464 396.8Z"}}]}');
+var textAll = function textAll(props, context) {
+  var p = _objectSpread(_objectSpread({}, props), context.attrs);
+  return (0,vue__WEBPACK_IMPORTED_MODULE_0__.createVNode)(_icon__WEBPACK_IMPORTED_MODULE_2__["default"], (0,vue__WEBPACK_IMPORTED_MODULE_0__.mergeProps)(p, {
+    "data": data,
+    "name": "textAll"
+  }), null);
+};
+textAll.displayName = 'textAll';
+textAll.inheritAttrs = false;
+/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (textAll);
+})();
+
+var __webpack_exports__default = __webpack_exports__["default"];
+export { __webpack_exports__default as default };

package/lib/image/image-viewer.variable.css

@@ -12,6 +12,7 @@
   --whitesmoke-color: #fafbfd;
   --disable-color: #dcdee5;
   --disable-bg-color: #f9fafd;
+  --border-color: #dcdee5;
   --font-size-base: 12px;
   --font-size-medium: 14px;
   --font-size-large: 16px;
@@ -123,6 +124,8 @@
   --search-select-placeholder-color: var(--light-gray);
   --search-select-message-color: var(--danger-color);
   --search-select-menu-border-color: var(--disable-color);
+  --select-active-color: #e1ecff;
+  --select-hover-color: #f5f7fa;
 }
 .bk-image-viewer-wrapper {
   position: fixed;

package/lib/image/image.variable.css

@@ -12,6 +12,7 @@
   --whitesmoke-color: #fafbfd;
   --disable-color: #dcdee5;
   --disable-bg-color: #f9fafd;
+  --border-color: #dcdee5;
   --font-size-base: 12px;
   --font-size-medium: 14px;
   --font-size-large: 16px;
@@ -123,6 +124,8 @@
   --search-select-placeholder-color: var(--light-gray);
   --search-select-message-color: var(--danger-color);
   --search-select-menu-border-color: var(--disable-color);
+  --select-active-color: #e1ecff;
+  --select-hover-color: #f5f7fa;
 }
 .bk-image-viewer-wrapper {
   position: fixed;

package/lib/image/index.js

@@ -40,7 +40,7 @@ __webpack_require__.d(__webpack_exports__, {
 ;// CONCATENATED MODULE: external "../shared"
 var x = y => { var x = {}; __webpack_require__.d(x, y); return x; }
 var y = x => () => x
-const shared_namespaceObject = x({ ["PropTypes"]: () => __WEBPACK_EXTERNAL_MODULE_bkui_vue_lib_shared_edbdfb03__.PropTypes, ["bkZIndexManager"]: () => __WEBPACK_EXTERNAL_MODULE_bkui_vue_lib_shared_edbdfb03__.bkZIndexManager, ["withInstall"]: () => __WEBPACK_EXTERNAL_MODULE_bkui_vue_lib_shared_edbdfb03__.withInstall });
+const shared_namespaceObject = x({ ["PropTypes"]: () => __WEBPACK_EXTERNAL_MODULE_bkui_vue_lib_shared_edbdfb03__.PropTypes, ["bkZIndexManager"]: () => __WEBPACK_EXTERNAL_MODULE_bkui_vue_lib_shared_edbdfb03__.bkZIndexManager, ["getFullscreenRoot"]: () => __WEBPACK_EXTERNAL_MODULE_bkui_vue_lib_shared_edbdfb03__.getFullscreenRoot, ["withInstall"]: () => __WEBPACK_EXTERNAL_MODULE_bkui_vue_lib_shared_edbdfb03__.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
@@ -524,9 +524,12 @@ function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t =
     }
     var _usePrefix = (0,config_provider_namespaceObject.usePrefix)(),
       resolveClassName = _usePrefix.resolveClassName;
+    var teleportTo = (0,external_vue_namespaceObject.computed)(function () {
+      return (0,shared_namespaceObject.getFullscreenRoot)();
+    });
     return function () {
       return (0,external_vue_namespaceObject.createVNode)(external_vue_namespaceObject.Teleport, {
-        "to": "body"
+        "to": teleportTo.value
       }, {
         "default": function _default() {
           return [(0,external_vue_namespaceObject.createVNode)(external_vue_namespaceObject.Transition, null, {

package/lib/index.js

@@ -24,7 +24,6 @@
  * IN THE SOFTWARE.
  */
 // import './styles';
-
 export { default } from './preset';
 export * from './components';
 export * from './directives';