bkui-vue 1.0.3-beta.26 → 1.0.3-beta.28

package/lib/form/form.variable.css

@@ -12,13 +12,13 @@
   --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;
   --line-height-base: 16px;
   --line-height-medium: 16px;
   --line-height-large: 18px;
-  --border-color: #dcdee5;
   --component-size-small: 26px;
   --component-size-base: 32px;
   --component-size-large: 40px;
@@ -111,7 +111,7 @@
   --table-border-color: #dcdee5;
   --table-head-bg-color: #fafbfd;
   --table-head-font-color: #313238;
-  --table-body-font-color: #63656e;
+  --table-body-font-color: #63656E;
   --table-row-hover-bg-color: #f5f7fa;
   --table-row-active-bg-color: #f0f1f5;
   --cascader-panel-border-color: #dcdee5;
@@ -137,10 +137,10 @@
     transform: translateY(0);
   }
 }
-:where(.bk-form) {
+.bk-form {
   text-align: left;
 }
-:where(.bk-form) .bk-form--vertical .bk-form-label {
+.bk-form--vertical .bk-form-label {
   float: unset;
   width: auto;
   padding-right: 0;
@@ -148,13 +148,13 @@
   line-height: 20px;
   text-align: left;
 }
-:where(.bk-form) .bk-form--vertical .bk-form-content {
+.bk-form--vertical .bk-form-content {
   text-align: left;
 }
-:where(.bk-form-item) {
+.bk-form-item {
   margin-bottom: 24px;
 }
-:where(.bk-form-item).is-required .bk-form-label:after {
+.bk-form-item.is-required .bk-form-label:after {
   position: absolute;
   top: 0;
   width: 14px;
@@ -162,23 +162,23 @@
   text-align: center;
   content: '*';
 }
-:where(.bk-form-item).is-error .bk-input,
-:where(.bk-form-item).is-error .bk-textarea,
-:where(.bk-form-item).is-error .bk-cascader,
-:where(.bk-form-item).is-error .bk-date-picker-editor,
-:where(.bk-form-item).is-error .bk-tag-input {
+.bk-form-item.is-error .bk-input,
+.bk-form-item.is-error .bk-textarea,
+.bk-form-item.is-error .bk-cascader,
+.bk-form-item.is-error .bk-date-picker-editor,
+.bk-form-item.is-error .bk-tag-input {
   border-color: #ea3636;
   transition: all 0.15s;
 }
-:where(.bk-form-item):after,
-:where(.bk-form-item):before {
+.bk-form-item:after,
+.bk-form-item:before {
   display: table;
   content: '';
 }
-:where(.bk-form-item):after {
+.bk-form-item:after {
   clear: both;
 }
-:where(.bk-form-label) {
+.bk-form-label {
   position: relative;
   float: left;
   padding-right: 22px;
@@ -190,18 +190,18 @@
   vertical-align: middle;
   box-sizing: border-box;
 }
-:where(.bk-form-label-description) {
+.bk-form-label-description {
   cursor: pointer;
   border-bottom: 1px dashed #979ba5;
 }
-:where(.bk-form-label-description-popper) {
+.bk-form-label-description-popper {
   max-width: 400px;
 }
-:where(.bk-form-content) {
+.bk-form-content {
   position: relative;
   line-height: 32px;
 }
-:where(.bk-form-error) {
+.bk-form-error {
   position: absolute;
   left: 0;
   padding-top: 4px;
@@ -211,7 +211,7 @@
   text-align: left;
   animation: form-error-appear-animation 0.15s;
 }
-:where(.bk-form-error-tips) {
+.bk-form-error-tips {
   position: absolute;
   top: 8px;
   right: 8px;
@@ -219,65 +219,65 @@
   line-height: 1;
   color: #ea3636;
 }
-:where(.bk-compose-form-item) {
+.bk-compose-form-item {
   display: inline-block;
 }
-:where(.bk-compose-form-item) > .bk-input,
-:where(.bk-compose-form-item) > .bk-textarea,
-:where(.bk-compose-form-item) > .bk-select,
-:where(.bk-compose-form-item) > .bk-cascade,
-:where(.bk-compose-form-item) > .bk-color-picker,
-:where(.bk-compose-form-item) > .bk-date-picker,
-:where(.bk-compose-form-item) > .bk-tag-input,
-:where(.bk-compose-form-item) > .bk-tag-selector,
-:where(.bk-compose-form-item) > .bk-search-select {
+.bk-compose-form-item > .bk-input,
+.bk-compose-form-item > .bk-textarea,
+.bk-compose-form-item > .bk-select,
+.bk-compose-form-item > .bk-cascade,
+.bk-compose-form-item > .bk-color-picker,
+.bk-compose-form-item > .bk-date-picker,
+.bk-compose-form-item > .bk-tag-input,
+.bk-compose-form-item > .bk-tag-selector,
+.bk-compose-form-item > .bk-search-select {
   float: left;
   width: auto;
   margin-left: -1px;
 }
-:where(.bk-compose-form-item) .bk-input,
-:where(.bk-compose-form-item) .bk-form-password,
-:where(.bk-compose-form-item) .bk-textarea,
-:where(.bk-compose-form-item) .bk-select,
-:where(.bk-compose-form-item) .bk-cascade,
-:where(.bk-compose-form-item) .bk-color-picker,
-:where(.bk-compose-form-item) .bk-date-picker .bk-date-picker-editor,
-:where(.bk-compose-form-item) .bk-tag-input,
-:where(.bk-compose-form-item) .bk-search-select {
+.bk-compose-form-item .bk-input,
+.bk-compose-form-item .bk-form-password,
+.bk-compose-form-item .bk-textarea,
+.bk-compose-form-item .bk-select,
+.bk-compose-form-item .bk-cascade,
+.bk-compose-form-item .bk-color-picker,
+.bk-compose-form-item .bk-date-picker .bk-date-picker-editor,
+.bk-compose-form-item .bk-tag-input,
+.bk-compose-form-item .bk-search-select {
   border-radius: 0;
 }
-:where(.bk-compose-form-item) .bk-input.control-active,
-:where(.bk-compose-form-item) .bk-select.is-focus,
-:where(.bk-compose-form-item) .bk-cascade.is-focus,
-:where(.bk-compose-form-item) .bk-color-picker.bk-color-picker-show-dropdown,
-:where(.bk-compose-form-item) .bk-color-picker:hover,
-:where(.bk-compose-form-item) .bk-date-picker .bk-date-picker-editor:focus,
-:where(.bk-compose-form-item) .bk-tag-input.active,
-:where(.bk-compose-form-item) .bk-tag-selector,
-:where(.bk-compose-form-item) .bk-search-select.is-focus {
+.bk-compose-form-item .bk-input.control-active,
+.bk-compose-form-item .bk-select.is-focus,
+.bk-compose-form-item .bk-cascade.is-focus,
+.bk-compose-form-item .bk-color-picker.bk-color-picker-show-dropdown,
+.bk-compose-form-item .bk-color-picker:hover,
+.bk-compose-form-item .bk-date-picker .bk-date-picker-editor:focus,
+.bk-compose-form-item .bk-tag-input.active,
+.bk-compose-form-item .bk-tag-selector,
+.bk-compose-form-item .bk-search-select.is-focus {
   z-index: 1;
   opacity: 1;
 }
-:where(.bk-compose-form-item) .bk-compose-form-item-head.bk-input,
-:where(.bk-compose-form-item) .bk-compose-form-item-head.bk-select,
-:where(.bk-compose-form-item) .bk-compose-form-item-head.bk-cascade,
-:where(.bk-compose-form-item) .bk-compose-form-item-head.bk-color-picker,
-:where(.bk-compose-form-item) .bk-compose-form-item-head.bk-date-picker .bk-date-picker-editor,
-:where(.bk-compose-form-item) .bk-compose-form-item-head.bk-tag-input,
-:where(.bk-compose-form-item) .bk-compose-form-item-head.bk-tag-input,
-:where(.bk-compose-form-item) .bk-compose-form-item-head.bk-search-select {
+.bk-compose-form-item .bk-compose-form-item-head.bk-input,
+.bk-compose-form-item .bk-compose-form-item-head.bk-select,
+.bk-compose-form-item .bk-compose-form-item-head.bk-cascade,
+.bk-compose-form-item .bk-compose-form-item-head.bk-color-picker,
+.bk-compose-form-item .bk-compose-form-item-head.bk-date-picker .bk-date-picker-editor,
+.bk-compose-form-item .bk-compose-form-item-head.bk-tag-input,
+.bk-compose-form-item .bk-compose-form-item-head.bk-tag-input,
+.bk-compose-form-item .bk-compose-form-item-head.bk-search-select {
   margin-left: 0;
   border-top-right-radius: 0px;
   border-bottom-right-radius: 0px;
 }
-:where(.bk-compose-form-item) .bk-compose-form-item-tail.bk-input,
-:where(.bk-compose-form-item) .bk-compose-form-item-tail.bk-select,
-:where(.bk-compose-form-item) .bk-compose-form-item-tail.bk-cascade,
-:where(.bk-compose-form-item) .bk-compose-form-item-tail.bk-color-picker,
-:where(.bk-compose-form-item) .bk-compose-form-item-tail.bk-date-picker,
-:where(.bk-compose-form-item) .bk-compose-form-item-tail.bk-tag-input,
-:where(.bk-compose-form-item) .bk-compose-form-item-tail.bk-tag-input,
-:where(.bk-compose-form-item) .bk-compose-form-item-tail.bk-search-select {
+.bk-compose-form-item .bk-compose-form-item-tail.bk-input,
+.bk-compose-form-item .bk-compose-form-item-tail.bk-select,
+.bk-compose-form-item .bk-compose-form-item-tail.bk-cascade,
+.bk-compose-form-item .bk-compose-form-item-tail.bk-color-picker,
+.bk-compose-form-item .bk-compose-form-item-tail.bk-date-picker,
+.bk-compose-form-item .bk-compose-form-item-tail.bk-tag-input,
+.bk-compose-form-item .bk-compose-form-item-tail.bk-tag-input,
+.bk-compose-form-item .bk-compose-form-item-tail.bk-search-select {
   border-top-right-radius: 2px;
   border-bottom-right-radius: 2px;
 }

package/lib/form/index.js

@@ -1,14 +1,12 @@
-import "../styles/reset.css";
-import "./form.less";
-import * as __WEBPACK_EXTERNAL_MODULE_bkui_vue_lib_shared_edbdfb03__ from "../shared";
+import * as __WEBPACK_EXTERNAL_MODULE__shared_65459f0a__ from "../shared";
 import * as __WEBPACK_EXTERNAL_MODULE_vue__ from "vue";
-import * as __WEBPACK_EXTERNAL_MODULE_bkui_vue_lib_config_provider_fe8577a3__ from "../config-provider";
+import * as __WEBPACK_EXTERNAL_MODULE__config_provider_9d0186d9__ from "../config-provider";
 import * as __WEBPACK_EXTERNAL_MODULE_lodash_isBoolean_dcb66997__ from "lodash/isBoolean";
 import * as __WEBPACK_EXTERNAL_MODULE_lodash_isString_e6fa8a5b__ from "lodash/isString";
 import * as __WEBPACK_EXTERNAL_MODULE_lodash_get_9427f899__ from "lodash/get";
 import * as __WEBPACK_EXTERNAL_MODULE_lodash_isFunction_f90b20d6__ from "lodash/isFunction";
-import * as __WEBPACK_EXTERNAL_MODULE_bkui_vue_lib_directives_45d4776f__ from "../directives";
-import * as __WEBPACK_EXTERNAL_MODULE_bkui_vue_lib_icon_a97c79c3__ from "../icon";
+import * as __WEBPACK_EXTERNAL_MODULE__directives_9cc9ba10__ from "../directives";
+import * as __WEBPACK_EXTERNAL_MODULE__icon_85385c3e__ from "../icon";
 import * as __WEBPACK_EXTERNAL_MODULE_lodash_isDate_b457317b__ from "lodash/isDate";
 import * as __WEBPACK_EXTERNAL_MODULE_lodash_isEmpty_e109fd6b__ from "lodash/isEmpty";
 /******/ // The require scope
@@ -41,23 +39,23 @@ __webpack_require__.d(__webpack_exports__, {
   BkForm: () => (/* binding */ BkForm),
   BkFormItem: () => (/* reexport */ form_item),
   "default": () => (/* binding */ src),
-  formItemKey: () => (/* reexport */ shared_namespaceObject.formItemKey),
-  formKey: () => (/* reexport */ shared_namespaceObject.formKey),
-  useFormItem: () => (/* reexport */ shared_namespaceObject.useFormItem)
+  formItemKey: () => (/* reexport */ external_shared_namespaceObject.formItemKey),
+  formKey: () => (/* reexport */ external_shared_namespaceObject.formKey),
+  useFormItem: () => (/* reexport */ external_shared_namespaceObject.useFormItem)
 });
 
 ;// 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, ["classes"]: () => __WEBPACK_EXTERNAL_MODULE_bkui_vue_lib_shared_edbdfb03__.classes, ["formItemKey"]: () => __WEBPACK_EXTERNAL_MODULE_bkui_vue_lib_shared_edbdfb03__.formItemKey, ["formKey"]: () => __WEBPACK_EXTERNAL_MODULE_bkui_vue_lib_shared_edbdfb03__.formKey, ["useForm"]: () => __WEBPACK_EXTERNAL_MODULE_bkui_vue_lib_shared_edbdfb03__.useForm, ["useFormItem"]: () => __WEBPACK_EXTERNAL_MODULE_bkui_vue_lib_shared_edbdfb03__.useFormItem, ["withInstallProps"]: () => __WEBPACK_EXTERNAL_MODULE_bkui_vue_lib_shared_edbdfb03__.withInstallProps });
+const external_shared_namespaceObject = x({ ["PropTypes"]: () => __WEBPACK_EXTERNAL_MODULE__shared_65459f0a__.PropTypes, ["classes"]: () => __WEBPACK_EXTERNAL_MODULE__shared_65459f0a__.classes, ["formItemKey"]: () => __WEBPACK_EXTERNAL_MODULE__shared_65459f0a__.formItemKey, ["formKey"]: () => __WEBPACK_EXTERNAL_MODULE__shared_65459f0a__.formKey, ["useForm"]: () => __WEBPACK_EXTERNAL_MODULE__shared_65459f0a__.useForm, ["useFormItem"]: () => __WEBPACK_EXTERNAL_MODULE__shared_65459f0a__.useFormItem, ["withInstallProps"]: () => __WEBPACK_EXTERNAL_MODULE__shared_65459f0a__.withInstallProps });
 ;// 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, ["getCurrentInstance"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.getCurrentInstance, ["h"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.h, ["onBeforeUnmount"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.onBeforeUnmount, ["onMounted"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.onMounted, ["provide"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.provide, ["reactive"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.reactive, ["resolveDirective"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.resolveDirective, ["toRefs"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.toRefs, ["withDirectives"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.withDirectives });
 ;// 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 });
+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({ ["useLocale"]: () => __WEBPACK_EXTERNAL_MODULE__config_provider_9d0186d9__.useLocale, ["usePrefix"]: () => __WEBPACK_EXTERNAL_MODULE__config_provider_9d0186d9__.usePrefix });
 ;// CONCATENATED MODULE: ../../packages/form/src/compose-form-item.tsx
 /*
  * Tencent is pleased to support the open source community by making
@@ -99,7 +97,7 @@ var isCustomComponent = function isCustomComponent(node) {
     tailBackgroundColor: String
   },
   setup: function setup() {
-    var _usePrefix = (0,config_provider_namespaceObject.usePrefix)(),
+    var _usePrefix = (0,external_config_provider_namespaceObject.usePrefix)(),
       resolveClassName = _usePrefix.resolveClassName;
     return {
       resolveClassName: resolveClassName
@@ -253,11 +251,11 @@ function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t =
 
 
 var formProps = {
-  formType: shared_namespaceObject.PropTypes.oneOf(['default', 'vertical']).def('default'),
-  labelWidth: shared_namespaceObject.PropTypes.oneOfType([Number, String]).def(150),
-  labelPosition: shared_namespaceObject.PropTypes.oneOf(['left', 'center', 'right']),
-  model: shared_namespaceObject.PropTypes.object,
-  rules: shared_namespaceObject.PropTypes.object
+  formType: external_shared_namespaceObject.PropTypes.oneOf(['default', 'vertical']).def('default'),
+  labelWidth: external_shared_namespaceObject.PropTypes.oneOfType([Number, String]).def(150),
+  labelPosition: external_shared_namespaceObject.PropTypes.oneOf(['left', 'center', 'right']),
+  model: external_shared_namespaceObject.PropTypes.object,
+  rules: external_shared_namespaceObject.PropTypes.object
 };
 var formEvents = {
   submit: null,
@@ -292,7 +290,7 @@ var formEvents = {
         return result;
       }, []);
     };
-    (0,external_vue_namespaceObject.provide)(shared_namespaceObject.formKey, {
+    (0,external_vue_namespaceObject.provide)(external_shared_namespaceObject.formKey, {
       props: props,
       emit: context.emit,
       register: register,
@@ -364,7 +362,7 @@ var formEvents = {
         return fieldMap[formItem.property] && formItem.clearValidate();
       });
     };
-    var _usePrefix = (0,config_provider_namespaceObject.usePrefix)(),
+    var _usePrefix = (0,external_config_provider_namespaceObject.usePrefix)(),
       resolveClassName = _usePrefix.resolveClassName;
     return {
       handleSubmit: handleSubmit,
@@ -376,7 +374,7 @@ var formEvents = {
   },
   render: function render() {
     var _this$$slots$default, _this$$slots;
-    var formClasses = (0,shared_namespaceObject.classes)(_defineProperty(_defineProperty({}, "".concat(this.resolveClassName('form')), true), "".concat(this.resolveClassName("form--".concat(this.formType))), true));
+    var formClasses = (0,external_shared_namespaceObject.classes)(_defineProperty(_defineProperty({}, "".concat(this.resolveClassName('form')), true), "".concat(this.resolveClassName("form--".concat(this.formType))), true));
     return (0,external_vue_namespaceObject.createVNode)("form", {
       "class": formClasses,
       "onSubmit": this.handleSubmit
@@ -429,13 +427,13 @@ var isFunction_x = y => { var x = {}; __webpack_require__.d(x, y); return x; }
 var isFunction_y = x => () => x
 const isFunction_namespaceObject = isFunction_x({ ["default"]: () => __WEBPACK_EXTERNAL_MODULE_lodash_isFunction_f90b20d6__["default"] });
 ;// CONCATENATED MODULE: external "../directives"
-var directives_x = y => { var x = {}; __webpack_require__.d(x, y); return x; }
-var directives_y = x => () => x
-const directives_namespaceObject = directives_x({ ["bkTooltips"]: () => __WEBPACK_EXTERNAL_MODULE_bkui_vue_lib_directives_45d4776f__.bkTooltips });
+var external_directives_x = y => { var x = {}; __webpack_require__.d(x, y); return x; }
+var external_directives_y = x => () => x
+const external_directives_namespaceObject = external_directives_x({ ["bkTooltips"]: () => __WEBPACK_EXTERNAL_MODULE__directives_9cc9ba10__.bkTooltips });
 ;// CONCATENATED MODULE: external "../icon"
-var icon_x = y => { var x = {}; __webpack_require__.d(x, y); return x; }
-var icon_y = x => () => x
-const icon_namespaceObject = icon_x({ ["ExclamationCircleShape"]: () => __WEBPACK_EXTERNAL_MODULE_bkui_vue_lib_icon_a97c79c3__.ExclamationCircleShape });
+var external_icon_x = y => { var x = {}; __webpack_require__.d(x, y); return x; }
+var external_icon_y = x => () => x
+const external_icon_namespaceObject = external_icon_x({ ["ExclamationCircleShape"]: () => __WEBPACK_EXTERNAL_MODULE__icon_85385c3e__.ExclamationCircleShape });
 ;// CONCATENATED MODULE: ../../packages/form/src/utils.ts
 /*
  * Tencent is pleased to support the open source community by making
@@ -568,19 +566,19 @@ function form_item_objectSpread(e) { for (var r = 1; r < arguments.length; r++)
 
 
 var formItemProps = {
-  label: shared_namespaceObject.PropTypes.string,
-  labelWidth: shared_namespaceObject.PropTypes.oneOfType([Number, String]),
-  labelPosition: shared_namespaceObject.PropTypes.oneOf(['left', 'center', 'right']),
-  property: shared_namespaceObject.PropTypes.string.def(''),
-  required: shared_namespaceObject.PropTypes.bool.def(false),
-  email: shared_namespaceObject.PropTypes.bool.def(false),
-  max: shared_namespaceObject.PropTypes.number,
-  min: shared_namespaceObject.PropTypes.number,
-  maxlength: shared_namespaceObject.PropTypes.number,
-  rules: shared_namespaceObject.PropTypes.array,
-  autoCheck: shared_namespaceObject.PropTypes.bool.def(false),
-  description: shared_namespaceObject.PropTypes.string,
-  errorDisplayType: shared_namespaceObject.PropTypes.oneOf(['tooltips', 'normal']).def('normal')
+  label: external_shared_namespaceObject.PropTypes.string,
+  labelWidth: external_shared_namespaceObject.PropTypes.oneOfType([Number, String]),
+  labelPosition: external_shared_namespaceObject.PropTypes.oneOf(['left', 'center', 'right']),
+  property: external_shared_namespaceObject.PropTypes.string.def(''),
+  required: external_shared_namespaceObject.PropTypes.bool.def(false),
+  email: external_shared_namespaceObject.PropTypes.bool.def(false),
+  max: external_shared_namespaceObject.PropTypes.number,
+  min: external_shared_namespaceObject.PropTypes.number,
+  maxlength: external_shared_namespaceObject.PropTypes.number,
+  rules: external_shared_namespaceObject.PropTypes.array,
+  autoCheck: external_shared_namespaceObject.PropTypes.bool.def(false),
+  description: external_shared_namespaceObject.PropTypes.string,
+  errorDisplayType: external_shared_namespaceObject.PropTypes.oneOf(['tooltips', 'normal']).def('normal')
 };
 var hasOwn = function hasOwn(obj, key) {
   return Object.prototype.hasOwnProperty.call(obj, key);
@@ -705,14 +703,14 @@ var isValid = function isValid(value) {
 /* harmony default export */ const form_item = ((0,external_vue_namespaceObject.defineComponent)({
   name: 'FormItem',
   directives: {
-    bkTooltips: directives_namespaceObject.bkTooltips
+    bkTooltips: external_directives_namespaceObject.bkTooltips
   },
   props: formItemProps,
   setup: function setup(props, context) {
-    var t = (0,config_provider_namespaceObject.useLocale)('form');
-    var form = (0,shared_namespaceObject.useForm)();
+    var t = (0,external_config_provider_namespaceObject.useLocale)('form');
+    var form = (0,external_shared_namespaceObject.useForm)();
     var isForm = Boolean(form);
-    var parentFormItem = (0,shared_namespaceObject.useFormItem)();
+    var parentFormItem = (0,external_shared_namespaceObject.useFormItem)();
     var isNested = Boolean(parentFormItem);
     var currentInstance = (0,external_vue_namespaceObject.getCurrentInstance)();
     var state = (0,external_vue_namespaceObject.reactive)({
@@ -838,7 +836,7 @@ var isValid = function isValid(value) {
       state.isError = false;
       state.errorMessage = '';
     };
-    (0,external_vue_namespaceObject.provide)(shared_namespaceObject.formItemKey, form_item_objectSpread(form_item_objectSpread({}, props), {}, {
+    (0,external_vue_namespaceObject.provide)(external_shared_namespaceObject.formItemKey, form_item_objectSpread(form_item_objectSpread({}, props), {}, {
       validate: validate,
       clearValidate: clearValidate
     }));
@@ -852,7 +850,7 @@ var isValid = function isValid(value) {
         form.unregister(currentInstance.proxy);
       }
     });
-    var _usePrefix = (0,config_provider_namespaceObject.usePrefix)(),
+    var _usePrefix = (0,external_config_provider_namespaceObject.usePrefix)(),
       resolveClassName = _usePrefix.resolveClassName;
     return form_item_objectSpread(form_item_objectSpread({}, (0,external_vue_namespaceObject.toRefs)(state)), {}, {
       isShowLabel: isShowLabel,
@@ -870,7 +868,7 @@ var isValid = function isValid(value) {
       _this$$slots,
       _this$$slots$default,
       _this$$slots2;
-    var itemClassees = (0,shared_namespaceObject.classes)(_defineProperty(_defineProperty(_defineProperty({}, "".concat(this.resolveClassName('form-item')), true), 'is-error', this.isError), 'is-required', this.required));
+    var itemClassees = (0,external_shared_namespaceObject.classes)(_defineProperty(_defineProperty(_defineProperty({}, "".concat(this.resolveClassName('form-item')), true), 'is-error', this.isError), 'is-required', this.required));
     var renderLabel = function renderLabel() {
       if (_this.$slots.label) {
         return (0,external_vue_namespaceObject.createVNode)("span", null, [_this.$slots.label()]);
@@ -892,7 +890,7 @@ var isValid = function isValid(value) {
       if (_this.errorDisplayType === 'tooltips') {
         return (0,external_vue_namespaceObject.withDirectives)((0,external_vue_namespaceObject.createVNode)("div", {
           "class": "".concat(_this.resolveClassName('form-error-tips'))
-        }, [(0,external_vue_namespaceObject.createVNode)(icon_namespaceObject.ExclamationCircleShape, null, null)]), [[(0,external_vue_namespaceObject.resolveDirective)("bk-tooltips"), _this.errorMessage]]);
+        }, [(0,external_vue_namespaceObject.createVNode)(external_icon_namespaceObject.ExclamationCircleShape, null, null)]), [[(0,external_vue_namespaceObject.resolveDirective)("bk-tooltips"), _this.errorMessage]]);
       }
       return (0,external_vue_namespaceObject.createVNode)("div", {
         "class": "".concat(_this.resolveClassName('form-error'))
@@ -940,7 +938,7 @@ var isValid = function isValid(value) {
 
 
 
-var BkForm = (0,shared_namespaceObject.withInstallProps)(src_form, {
+var BkForm = (0,external_shared_namespaceObject.withInstallProps)(src_form, {
   FormItem: form_item,
   ComposeFormItem: compose_form_item
 });

package/lib/hooks.js

@@ -1,3 +1,43 @@
+import * as __WEBPACK_EXTERNAL_MODULE__config_provider_e8e4cbd4__ 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__, {
+  defaultRootConfig: () => (/* reexport */ external_config_provider_namespaceObject.defaultRootConfig),
+  provideGlobalConfig: () => (/* reexport */ external_config_provider_namespaceObject.provideGlobalConfig),
+  rootProviderKey: () => (/* reexport */ external_config_provider_namespaceObject.rootProviderKey),
+  useGlobalConfig: () => (/* reexport */ external_config_provider_namespaceObject.useGlobalConfig),
+  useLocale: () => (/* reexport */ external_config_provider_namespaceObject.useLocale),
+  usePrefix: () => (/* reexport */ external_config_provider_namespaceObject.usePrefix)
+});
+
+;// CONCATENATED MODULE: external "./config-provider"
+var x = y => { var x = {}; __webpack_require__.d(x, y); return x; }
+var y = x => () => x
+const external_config_provider_namespaceObject = x({ ["defaultRootConfig"]: () => __WEBPACK_EXTERNAL_MODULE__config_provider_e8e4cbd4__.defaultRootConfig, ["provideGlobalConfig"]: () => __WEBPACK_EXTERNAL_MODULE__config_provider_e8e4cbd4__.provideGlobalConfig, ["rootProviderKey"]: () => __WEBPACK_EXTERNAL_MODULE__config_provider_e8e4cbd4__.rootProviderKey, ["useGlobalConfig"]: () => __WEBPACK_EXTERNAL_MODULE__config_provider_e8e4cbd4__.useGlobalConfig, ["useLocale"]: () => __WEBPACK_EXTERNAL_MODULE__config_provider_e8e4cbd4__.useLocale, ["usePrefix"]: () => __WEBPACK_EXTERNAL_MODULE__config_provider_e8e4cbd4__.usePrefix });
+;// CONCATENATED MODULE: ../../packages/bkui-vue/hooks.ts
 /*
  * Tencent is pleased to support the open source community by making
  * 蓝鲸智云PaaS平台社区版 (BlueKing PaaS Community Edition) available.
@@ -23,4 +63,11 @@
  * 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';
+
+var __webpack_exports__defaultRootConfig = __webpack_exports__.defaultRootConfig;
+var __webpack_exports__provideGlobalConfig = __webpack_exports__.provideGlobalConfig;
+var __webpack_exports__rootProviderKey = __webpack_exports__.rootProviderKey;
+var __webpack_exports__useGlobalConfig = __webpack_exports__.useGlobalConfig;
+var __webpack_exports__useLocale = __webpack_exports__.useLocale;
+var __webpack_exports__usePrefix = __webpack_exports__.usePrefix;
+export { __webpack_exports__defaultRootConfig as defaultRootConfig, __webpack_exports__provideGlobalConfig as provideGlobalConfig, __webpack_exports__rootProviderKey as rootProviderKey, __webpack_exports__useGlobalConfig as useGlobalConfig, __webpack_exports__useLocale as useLocale, __webpack_exports__usePrefix as usePrefix };

package/lib/icon/index.js

@@ -1,4 +1,3 @@
-import "../styles/reset.css";
 import * as __WEBPACK_EXTERNAL_MODULE_vue__ from "vue";
 /******/ var __webpack_modules__ = ({
 

package/lib/image/image-viewer.css

@@ -1,4 +1,4 @@
-:where(.bk-image-viewer) .bk-image-viewer-wrapper {
+.bk-image-viewer-wrapper {
   position: fixed;
   top: 0;
   right: 0;
@@ -8,14 +8,14 @@
   background: rgba(0, 0, 0, 0.6);
   flex-direction: column;
 }
-:where(.bk-image-viewer) .bk-image-viewer-mask {
+.bk-image-viewer-mask {
   position: absolute;
   top: 0;
   right: 0;
   bottom: 0;
   left: 0;
 }
-:where(.bk-image-viewer) .bk-image-viewer-header {
+.bk-image-viewer-header {
   position: absolute;
   top: 0;
   left: 0;
@@ -28,7 +28,7 @@
   justify-content: space-between;
   align-items: center;
 }
-:where(.bk-image-viewer) .bk-image-viewer-header > div {
+.bk-image-viewer-header > div {
   padding: 0 25px;
   overflow: hidden;
   font-size: 14px;
@@ -36,16 +36,16 @@
   white-space: nowrap;
   flex: 1;
 }
-:where(.bk-image-viewer) .bk-image-viewer-header .quit-box {
+.bk-image-viewer-header .quit-box {
   display: flex;
   align-items: center;
   justify-content: flex-end;
 }
-:where(.bk-image-viewer) .bk-image-viewer-header .quit-tips {
+.bk-image-viewer-header .quit-tips {
   font-size: 14px;
   color: #979ba5;
 }
-:where(.bk-image-viewer) .bk-image-viewer-btn {
+.bk-image-viewer-btn {
   position: absolute;
   z-index: 1;
   display: flex;
@@ -58,11 +58,11 @@
   align-items: center;
   justify-content: center;
 }
-:where(.bk-image-viewer) .bk-image-viewer-btn:hover {
+.bk-image-viewer-btn:hover {
   color: #fff;
   background-color: rgba(0, 0, 0, 0.4);
 }
-:where(.bk-image-viewer) .bk-image-viewer-close {
+.bk-image-viewer-close {
   height: 52px;
   font-size: 32px;
   line-height: 48px;
@@ -70,30 +70,30 @@
   text-align: center;
   cursor: pointer;
 }
-:where(.bk-image-viewer) .bk-image-viewer-close:hover {
+.bk-image-viewer-close:hover {
   color: #fff;
 }
-:where(.bk-image-viewer) .bk-image-viewer-canvas {
+.bk-image-viewer-canvas {
   display: flex;
   width: 100%;
   height: 100%;
   justify-content: center;
   align-items: center;
 }
-:where(.bk-image-viewer) .bk-image-viewer-has-header {
+.bk-image-viewer-has-header {
   padding-top: 52px;
 }
-:where(.bk-image-viewer) .bk-image-viewer-error {
+.bk-image-viewer-error {
   font-size: 14px;
   color: #313238;
   text-align: center;
 }
-:where(.bk-image-viewer) .bk-image-viewer-error .bk-icon {
+.bk-image-viewer-error .bk-icon {
   margin-bottom: 15px;
   font-size: 85px;
   line-height: 1;
 }
-:where(.bk-image-viewer) .bk-image-viewer-actions {
+.bk-image-viewer-actions {
   bottom: 30px;
   left: 50%;
   width: 282px;
@@ -104,10 +104,10 @@
   border-radius: 22px;
   transform: translateX(-50%);
 }
-:where(.bk-image-viewer) .bk-image-viewer-actions:hover {
+.bk-image-viewer-actions:hover {
   background: rgba(0, 0, 0, 0.5);
 }
-:where(.bk-image-viewer) .bk-image-viewer-actions-inner {
+.bk-image-viewer-actions-inner {
   display: flex;
   width: 100%;
   height: 100%;
@@ -117,25 +117,25 @@
   align-items: center;
   justify-content: space-around;
 }
-:where(.bk-image-viewer) .bk-image-viewer-actions-inner .bk-icon {
+.bk-image-viewer-actions-inner .bk-icon {
   cursor: pointer;
 }
-:where(.bk-image-viewer) .bk-image-viewer-actions-inner .bk-icon:hover {
+.bk-image-viewer-actions-inner .bk-icon:hover {
   color: #fff;
 }
-:where(.bk-image-viewer) .bk-image-viewer-next,
-:where(.bk-image-viewer) .bk-image-viewer-prev {
+.bk-image-viewer-next,
+.bk-image-viewer-prev {
   top: 50%;
   width: 80px;
   height: 80px;
   font-size: 40px;
   cursor: pointer;
 }
-:where(.bk-image-viewer) .bk-image-viewer-prev {
+.bk-image-viewer-prev {
   left: 40px;
   transform: translateY(-50%);
 }
-:where(.bk-image-viewer) .bk-image-viewer-next {
+.bk-image-viewer-next {
   right: 40px;
   text-indent: 2px;
   transform: translateY(-50%);