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

package/lib/popover/index.js

@@ -383,10 +383,13 @@ var EMIT_EVENT_TYPES = _defineProperty(_defineProperty(_defineProperty(_definePr
     };
     var _usePrefix = (0,config_provider_namespaceObject.usePrefix)(),
       resolveClassName = _usePrefix.resolveClassName;
+    var contentClassName = (0,external_vue_namespaceObject.computed)(function () {
+      return [resolveClassName('popover'), resolveClassName('pop2-content'), props.visible ? 'visible' : 'hidden', props.extCls];
+    });
     return {
       style: style,
       refContent: refContent,
-      resolveClassName: resolveClassName,
+      contentClassName: contentClassName,
       resetPointerEvent: resetPointerEvent,
       setContentPointerEvent: setContentPointerEvent
     };
@@ -401,7 +404,6 @@ var EMIT_EVENT_TYPES = _defineProperty(_defineProperty(_defineProperty(_definePr
       _this$$slots$default2,
       _this$$slots$default3,
       _this$$slots3;
-    var className = [this.resolveClassName('popover'), this.resolveClassName('pop2-content'), this.extCls];
     var resolveContentStyle = function resolveContentStyle(slot) {
       var _slot$;
       if (external_vue_namespaceObject.Fragment === (slot === null || slot === void 0 || (_slot$ = slot[0]) === null || _slot$ === void 0 ? void 0 : _slot$.type)) {
@@ -414,7 +416,7 @@ var EMIT_EVENT_TYPES = _defineProperty(_defineProperty(_defineProperty(_definePr
     };
     var style = resolveContentStyle((_this$$slots$default = (_this$$slots = this.$slots)["default"]) === null || _this$$slots$default === void 0 ? void 0 : _this$$slots$default.call(_this$$slots));
     return (0,external_vue_namespaceObject.createVNode)("div", {
-      "class": className,
+      "class": this.contentClassName,
       "style": style,
       "ref": "refContent"
     }, [(_this$$slots$arrow = (_this$$slots$arrow2 = (_this$$slots2 = this.$slots).arrow) === null || _this$$slots$arrow2 === void 0 ? void 0 : _this$$slots$arrow2.call(_this$$slots2)) !== null && _this$$slots$arrow !== void 0 ? _this$$slots$arrow : '', (_this$$slots$default2 = (_this$$slots$default3 = (_this$$slots3 = this.$slots)["default"]) === null || _this$$slots$default3 === void 0 ? void 0 : _this$$slots$default3.call(_this$$slots3)) !== null && _this$$slots$default2 !== void 0 ? _this$$slots$default2 : '']);
@@ -3088,9 +3090,9 @@ function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t =
     var delay = resolvePopoverDelay()[0];
     // 设置settimeout避免hidePopover导致显示问题
     popShowTimerId = setTimeout(function () {
-      if (popHideTimerId) {
-        clearTimeout(popHideTimerId);
-      }
+      // if (popHideTimerId) {
+      //   clearTimeout(popHideTimerId);
+      // }
       if (!props.disabled) {
         localIsShow.value = true;
       }
@@ -3427,14 +3429,19 @@ var parentNodeReferId = null;
       storeEvents = null;
     }
   };
+  var getClosestFullscreenElement = function getClosestFullscreenElement(elment) {
+    var _elment$closest;
+    return (_elment$closest = elment === null || elment === void 0 ? void 0 : elment.closest('[data-fllsrn-id]')) !== null && _elment$closest !== void 0 ? _elment$closest : elment;
+  };
   var updateBoundary = function updateBoundary() {
     var _resolvePopElements3 = resolvePopElements(),
       elReference = _resolvePopElements3.elReference,
       root = _resolvePopElements3.root;
     if (isFullscreen.value) {
+      var _fullScreenTarget$val;
       var _ref6 = elReference || root || {},
         parentNode = _ref6.parentNode;
-      boundary.value = (fullScreenTarget === null || fullScreenTarget === void 0 ? void 0 : fullScreenTarget.value) || parentNode;
+      boundary.value = (_fullScreenTarget$val = fullScreenTarget === null || fullScreenTarget === void 0 ? void 0 : fullScreenTarget.value) !== null && _fullScreenTarget$val !== void 0 ? _fullScreenTarget$val : getClosestFullscreenElement(parentNode);
       return;
     }
     boundary.value = getPrefixId(root || elReference);
@@ -3442,13 +3449,13 @@ var parentNodeReferId = null;
   var _usePopperId = use_popper_id(props, '#'),
     getPrefixId = _usePopperId.getPrefixId;
   var setFullscreenTag = function setFullscreenTag() {
-    var _fullScreenTarget$val;
-    fullScreenTarget === null || fullScreenTarget === void 0 || (_fullScreenTarget$val = fullScreenTarget.value) === null || _fullScreenTarget$val === void 0 || _fullScreenTarget$val.setAttribute('data-fllsrn-id', fullscreenReferId);
+    var _fullScreenTarget$val2;
+    fullScreenTarget === null || fullScreenTarget === void 0 || (_fullScreenTarget$val2 = fullScreenTarget.value) === null || _fullScreenTarget$val2 === void 0 || _fullScreenTarget$val2.setAttribute('data-fllsrn-id', fullscreenReferId);
   };
   var clearFullscreenTag = function clearFullscreenTag() {
-    var _fullScreenTarget$val2, _fullScreenTarget$val3;
+    var _fullScreenTarget$val3, _fullScreenTarget$val4;
     var query = "[data-fllsrn-id=".concat(fullscreenReferId, "]");
-    ((_fullScreenTarget$val2 = fullScreenTarget === null || fullScreenTarget === void 0 || (_fullScreenTarget$val3 = fullScreenTarget.value) === null || _fullScreenTarget$val3 === void 0 ? void 0 : _fullScreenTarget$val3.querySelectorAll(query)) !== null && _fullScreenTarget$val2 !== void 0 ? _fullScreenTarget$val2 : []).forEach(function (element) {
+    ((_fullScreenTarget$val3 = fullScreenTarget === null || fullScreenTarget === void 0 || (_fullScreenTarget$val4 = fullScreenTarget.value) === null || _fullScreenTarget$val4 === void 0 ? void 0 : _fullScreenTarget$val4.querySelectorAll(query)) !== null && _fullScreenTarget$val3 !== void 0 ? _fullScreenTarget$val3 : []).forEach(function (element) {
       element === null || element === void 0 || element.removeAttribute('data-fllsrn-id');
     });
   };
@@ -3626,7 +3633,7 @@ function _isSlot(s) {
     (0,external_vue_namespaceObject.onMounted)(onMountedFn);
     (0,external_vue_namespaceObject.onBeforeUnmount)(onUnmountedFn);
     var transBoundary = (0,external_vue_namespaceObject.computed)(function () {
-      return !props.disableTeleport;
+      return localIsShow.value && !props.disableTeleport;
     });
     var show = function show() {
       showFn();
@@ -3765,9 +3772,11 @@ function plugin_popover_objectSpread(e) { for (var r = 1; r < arguments.length;
 
 
 function createPopoverComponent(options) {
+  var _options$immediate;
   var $PopoverInstance = null;
   var $PopoverInstanceVm = null;
   var $PopoverInstanceEl = null;
+  var immediate = (_options$immediate = options.immediate) !== null && _options$immediate !== void 0 ? _options$immediate : true;
   var resolvedOptions = plugin_popover_objectSpread(plugin_popover_objectSpread({
     boundary: 'body',
     placement: 'top',
@@ -3860,37 +3869,52 @@ function createPopoverComponent(options) {
     }
     return document.body;
   }
-  if ($PopoverInstance === null) {
-    $PopoverInstanceEl = document.createElement('div');
-    getBoundaryDom(resolvedOptions.boundary).append($PopoverInstanceEl);
-    $PopoverInstance = (0,external_vue_namespaceObject.createApp)(popoverComponent);
-    $PopoverInstanceVm = $PopoverInstance.mount($PopoverInstanceEl);
-  }
-  function close() {
-    if ($PopoverInstance) {
-      $PopoverInstance.unmount();
-      $PopoverInstanceVm = null;
-      $PopoverInstance = null;
-      $PopoverInstanceEl.remove();
+  var install = function install() {
+    if ($PopoverInstance === null) {
+      $PopoverInstanceEl = document.createElement('div');
+      getBoundaryDom(resolvedOptions.boundary).append($PopoverInstanceEl);
+      $PopoverInstance = (0,external_vue_namespaceObject.createApp)(popoverComponent);
+      $PopoverInstanceVm = $PopoverInstance.mount($PopoverInstanceEl);
+    }
+  };
+  var uninstall = function uninstall() {
+    var _$PopoverInstanceEl;
+    if (utils_isElement(options.content)) {
+      options.content.remove();
     }
+    $PopoverInstance.unmount();
+    $PopoverInstance = null;
+    (_$PopoverInstanceEl = $PopoverInstanceEl) === null || _$PopoverInstanceEl === void 0 || _$PopoverInstanceEl.remove();
+  };
+  function close() {
+    uninstall();
+    $PopoverInstanceVm = null;
   }
-  function show() {
-    var _$PopoverInstanceVm;
-    (_$PopoverInstanceVm = $PopoverInstanceVm) === null || _$PopoverInstanceVm === void 0 || _$PopoverInstanceVm.show();
+  function show(target) {
+    var _$PopoverInstanceVm2;
+    install();
+    if (target) {
+      var _$PopoverInstanceVm;
+      (_$PopoverInstanceVm = $PopoverInstanceVm) === null || _$PopoverInstanceVm === void 0 || _$PopoverInstanceVm.updateTarget(target);
+    }
+    (_$PopoverInstanceVm2 = $PopoverInstanceVm) === null || _$PopoverInstanceVm2 === void 0 || _$PopoverInstanceVm2.show();
   }
   function update(e) {
-    var _$PopoverInstanceVm2;
-    (_$PopoverInstanceVm2 = $PopoverInstanceVm) === null || _$PopoverInstanceVm2 === void 0 || _$PopoverInstanceVm2.updateTarget(e);
+    var _$PopoverInstanceVm3;
+    (_$PopoverInstanceVm3 = $PopoverInstanceVm) === null || _$PopoverInstanceVm3 === void 0 || _$PopoverInstanceVm3.updateTarget(e);
   }
   function hide() {
-    var _$PopoverInstanceVm3;
-    (_$PopoverInstanceVm3 = $PopoverInstanceVm) === null || _$PopoverInstanceVm3 === void 0 || _$PopoverInstanceVm3.hide();
+    var _$PopoverInstanceVm4;
+    (_$PopoverInstanceVm4 = $PopoverInstanceVm) === null || _$PopoverInstanceVm4 === void 0 || _$PopoverInstanceVm4.hide();
   }
+  immediate && install();
   return {
+    install: install,
     close: close,
     show: show,
     hide: hide,
     update: update,
+    uninstall: uninstall,
     get vm() {
       return $PopoverInstanceVm;
     },

package/lib/popover/plugin-popover.d.ts

@@ -1,12 +1,15 @@
 import { PopoverPropTypes } from './props';
 export type $Popover = PopoverPropTypes & {
     target: HTMLElement | HTMLElement | MouseEvent;
+    immediate: boolean;
 };
 export default function createPopoverComponent(options: $Popover): {
+    install: () => void;
     close: () => void;
-    show: () => void;
+    show: (target?: MouseEvent | HTMLElement) => void;
     hide: () => void;
     update: (e: MouseEvent) => void;
+    uninstall: () => void;
     readonly vm: any;
     readonly $el: HTMLElement;
 };

package/lib/popover/popover.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/popover/popover.less

@@ -4,7 +4,10 @@
 .@{bk-prefix}-popover {
   &.@{bk-prefix}-pop2-content {
     position: absolute;
-    display: none;
+
+    &.hidden {
+      display: none;
+    }
 
     padding: 12px;
 

package/lib/popover/popover.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/preset.d.ts

@@ -118,6 +118,7 @@ declare const _default: {
                 };
                 input: {
                     placeholder: string;
+                    maxlengthLimitTips: string;
                 };
                 tagInput: {
                     placeholder: string;
@@ -261,6 +262,7 @@ declare const _default: {
                 };
                 input: {
                     placeholder: string;
+                    maxlengthLimitTips: string;
                 };
                 tagInput: {
                     placeholder: string;

package/lib/preset.js

@@ -23,31 +23,25 @@
  * CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS
  * IN THE SOFTWARE.
  */
-
-import { App } from 'vue';
-
-import { ConfigProviderProps, provideGlobalConfig } from './config-provider';
-
+import { provideGlobalConfig } from './config-provider';
 import * as components from './components';
-
-const createInstall =
-  (prefix = 'Bk') =>
-  (app, options) => {
+const createInstall = (prefix = 'Bk') => (app, options) => {
     const pre = app.config.globalProperties.bkUIPrefix || prefix;
     Object.keys(components).forEach(key => {
-      const component = components[key];
-      if ('install' in component) {
-        app.use(component, { prefix: pre });
-      } else {
-        app.component(pre + key, components[key]);
-      }
+        const component = components[key];
+        if ('install' in component) {
+            app.use(component, { prefix: pre });
+        }
+        else {
+            app.component(pre + key, components[key]);
+        }
     });
     if (options) {
-      provideGlobalConfig(options, app);
+        provideGlobalConfig(options, app);
     }
-  };
+};
 export default {
-  createInstall,
-  install: createInstall(),
-  version: '0.0.1',
+    createInstall,
+    install: createInstall(),
+    version: '0.0.1',
 };

package/lib/process/process.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;
 }
 * {
   box-sizing: border-box;

package/lib/progress/progress.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 loading-scale-animate {
   0% {

package/lib/radio/radio.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-radio-group {
   display: inline-flex;

package/lib/rate/rate.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-rate {
   position: relative;

package/lib/rate/star.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-rate-stars {
   padding: 0;

package/lib/resize-layout/resize-layout.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-resize-layout {
   display: flex;

package/lib/search-select/search-select.variable.css

@@ -13,6 +13,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;
@@ -124,6 +125,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 loading-scale-animate {
   0% {