bkui-vue 0.0.1-beta.132 → 0.0.1-beta.135

package/dist/index.esm.js

@@ -1163,7 +1163,7 @@ function isAnySideFullyClipped$1(overflow) {
     return overflow[side] >= 0;
   });
 }
-function hide$1(_ref) {
+function hide$2(_ref) {
   var state = _ref.state, name = _ref.name;
   var referenceRect = state.rects.reference;
   var popperRect = state.rects.popper;
@@ -1189,12 +1189,12 @@ function hide$1(_ref) {
     "data-popper-escaped": hasPopperEscaped
   });
 }
-var hide$2 = {
+var hide$3 = {
   name: "hide",
   enabled: true,
   phase: "main",
   requiresIfExists: ["preventOverflow"],
-  fn: hide$1
+  fn: hide$2
 };
 function distanceAndSkiddingToXY(placement, rects, offset2) {
   var basePlacement = getBasePlacement(placement);
@@ -1590,7 +1590,7 @@ function popperGenerator(generatorOptions) {
     return instance;
   };
 }
-var defaultModifiers = [eventListeners, popperOffsets$1, computeStyles$1, applyStyles$1, offset$2, flip$2, preventOverflow$1, arrow$2, hide$2];
+var defaultModifiers = [eventListeners, popperOffsets$1, computeStyles$1, applyStyles$1, offset$2, flip$2, preventOverflow$1, arrow$2, hide$3];
 var createPopper = /* @__PURE__ */ popperGenerator({
   defaultModifiers
 });
@@ -10231,12 +10231,12 @@ var Component$t = defineComponent({
           "class": "bk-dialog-footer",
           "style": `text-align: ${this.footerAlign}`
         }, [this.dialogType === "process" ? (_c = (_b = (_a = this.$slots).footer) == null ? void 0 : _b.call(_a)) != null ? _c : createVNode(Fragment, null, [this.current === 1 ? "" : createVNode(BkButton, {
-          "style": "float: left;margin-right: 8px",
+          "class": "bk-dialog-perv",
           "onClick": this.handlePrevStep
         }, {
           default: () => [this.prevText]
         }), this.current === this.totalStep ? "" : createVNode(BkButton, {
-          "style": "float: left",
+          "class": "bk-dialog-next",
           "onClick": this.handleNextStep
         }, {
           default: () => [this.nextText]
@@ -10247,8 +10247,9 @@ var Component$t = defineComponent({
         }, {
           default: () => [this.confirmText]
         }) : "", createVNode(BkButton, {
-          "style": "margin-left: 8px",
-          "onClick": this.handleClose
+          "class": "bk-dialog-cancel",
+          "onClick": this.handleClose,
+          "disabled": this.isLoading
         }, {
           default: () => [this.cancelText]
         })]) : "", this.dialogType === "operation" ? (_f = (_e = (_d = this.$slots).footer) == null ? void 0 : _e.call(_d)) != null ? _f : createVNode(Fragment, null, [createVNode(BkButton, {
@@ -10258,8 +10259,9 @@ var Component$t = defineComponent({
         }, {
           default: () => [this.confirmText]
         }), createVNode(BkButton, {
-          "style": "margin-left: 8px",
-          "onClick": this.handleClose
+          "class": "bk-dialog-cancel",
+          "onClick": this.handleClose,
+          "disabled": this.isLoading
         }, {
           default: () => [this.cancelText]
         })]) : "", this.dialogType === "confirm" ? (_i = (_h = (_g = this.$slots).footer) == null ? void 0 : _h.call(_g)) != null ? _i : createVNode(Fragment, null, [createVNode(BkButton, {
@@ -10834,11 +10836,11 @@ const isElement$1 = (e) => {
     return false;
   return e instanceof Element;
 };
-const nodeList = /* @__PURE__ */ new Map();
+const nodeList$1 = /* @__PURE__ */ new Map();
 let startClick;
 document.addEventListener("mousedown", (e) => startClick = e);
 document.addEventListener("mouseup", (e) => {
-  for (const handlers of nodeList.values()) {
+  for (const handlers of nodeList$1.values()) {
     for (const { documentHandler } of handlers) {
       documentHandler(e, startClick);
     }
@@ -10869,19 +10871,19 @@ function createDocumentHandler(el, binding) {
 }
 const ClickOutside = {
   beforeMount(el, binding) {
-    if (!nodeList.has(el)) {
-      nodeList.set(el, []);
+    if (!nodeList$1.has(el)) {
+      nodeList$1.set(el, []);
     }
-    nodeList.get(el).push({
+    nodeList$1.get(el).push({
       documentHandler: createDocumentHandler(el, binding),
       bindingFn: binding.value
     });
   },
   updated(el, binding) {
-    if (!nodeList.has(el)) {
-      nodeList.set(el, []);
+    if (!nodeList$1.has(el)) {
+      nodeList$1.set(el, []);
     }
-    const handlers = nodeList.get(el);
+    const handlers = nodeList$1.get(el);
     const oldHandlerIndex = handlers.findIndex((item) => item.bindingFn === binding.oldValue);
     const newHandler = {
       documentHandler: createDocumentHandler(el, binding),
@@ -10894,23 +10896,62 @@ const ClickOutside = {
     }
   },
   unmounted(el) {
-    nodeList.delete(el);
+    nodeList$1.delete(el);
   }
 };
+const nodeList = /* @__PURE__ */ new Map();
 const tooltips = {
-  mounted(el, binding) {
+  beforeMount(el, binding) {
     const opts = initOptions();
     if (typeof binding.value === "object") {
       Object.assign(opts, binding.value);
     } else {
       opts.content = binding.value;
     }
-    const { disabled, arrow: arrow2, theme, extCls } = opts;
+    const { disabled, trigger, content, arrow: arrow2, theme, extCls } = opts;
     if (disabled) {
       return;
     }
-    const popper2 = renderContent(opts.content, arrow2, theme === "light", extCls);
-    createPopperInstance(el, popper2, opts);
+    const popper2 = renderContent(content, arrow2, theme === "light", extCls);
+    if (trigger === "hover") {
+      let hideTimeout = null;
+      el.addEventListener("mouseenter", () => {
+        show(el);
+        clearTimeout(hideTimeout);
+      });
+      popper2.addEventListener("mouseenter", () => {
+        clearTimeout(hideTimeout);
+      });
+      el.addEventListener("mouseleave", () => {
+        hideTimeout = setTimeout(() => {
+          hide$1(el);
+        }, 100);
+      });
+      el.addEventListener("click", () => {
+        hide$1(el);
+      });
+      popper2.addEventListener("mouseleave", () => {
+        hideTimeout = setTimeout(() => {
+          hide$1(el);
+        }, 100);
+      });
+    } else if (trigger === "click") {
+      document.body.addEventListener("click", (event) => {
+        if (el.contains(event.target) && !popper2.hasAttribute("data-show")) {
+          show(el);
+        } else if (popper2.hasAttribute("data-show")) {
+          hide$1(el);
+        }
+      });
+    }
+    nodeList.set(el, {
+      opts,
+      popper: popper2,
+      popperInstance: null
+    });
+  },
+  unmounted(el) {
+    hide$1(el);
   }
 };
 function initOptions() {
@@ -10941,7 +10982,6 @@ function renderContent(value, hasArrow, isLight, extCls) {
     const arrow2 = renderArrow();
     content.appendChild(arrow2);
   }
-  document.body.appendChild(content);
   return content;
 }
 function renderArrow() {
@@ -10950,8 +10990,8 @@ function renderArrow() {
   arrow2.setAttribute("data-popper-arrow", "");
   return arrow2;
 }
-function createPopperInstance(el, popper2, options) {
-  const { placement, distance: distance2, trigger, showOnInit, onShow, onHide } = options;
+function createPopperInstance(el, popper2) {
+  const { placement, distance: distance2, showOnInit } = nodeList.get(el).opts;
   const popperInstance = createPopper(el, popper2, {
     placement,
     modifiers: [
@@ -10963,56 +11003,31 @@ function createPopperInstance(el, popper2, options) {
       }
     ]
   });
-  if (trigger === "hover") {
-    let hideTimeout = null;
-    el.addEventListener("mouseenter", () => {
-      show();
-      clearTimeout(hideTimeout);
-    });
-    popper2.addEventListener("mouseenter", () => {
-      clearTimeout(hideTimeout);
-    });
-    el.addEventListener("mouseleave", () => {
-      hideTimeout = setTimeout(hide2, 100);
-    });
-    el.addEventListener("click", () => {
-      hide2();
-    });
-    popper2.addEventListener("mouseleave", () => {
-      hideTimeout = setTimeout(hide2, 100);
-    });
-  } else if (trigger === "click") {
-    document.body.addEventListener("click", (event) => {
-      if (el.contains(event.target) && !popper2.hasAttribute("data-show")) {
-        show();
-      } else if (popper2.hasAttribute("data-show")) {
-        hide2();
-      }
-    });
-  }
   if (showOnInit)
-    show();
-  function show() {
-    popper2.setAttribute("data-show", "");
-    onShow();
-    popperInstance.setOptions((options2) => __spreadProps(__spreadValues({}, options2), {
-      modifiers: [
-        ...options2.modifiers,
-        { name: "eventListeners", enabled: true }
-      ]
-    }));
-    popperInstance.update();
-  }
-  function hide2() {
-    popper2.removeAttribute("data-show");
-    onHide();
-    popperInstance.setOptions((options2) => __spreadProps(__spreadValues({}, options2), {
-      modifiers: [
-        ...options2.modifiers,
-        { name: "eventListeners", enabled: false }
-      ]
-    }));
-  }
+    show(el);
+  return popperInstance;
+}
+function show(el) {
+  const { popper: popper2, opts: { onShow } } = nodeList.get(el);
+  document.body.appendChild(popper2);
+  const popperInstance = createPopperInstance(el, popper2);
+  onShow();
+  popper2.setAttribute("data-show", "");
+  popperInstance.setOptions((options) => __spreadProps(__spreadValues({}, options), {
+    modifiers: [
+      ...options.modifiers,
+      { name: "eventListeners", enabled: true }
+    ]
+  }));
+  popperInstance.forceUpdate();
+  nodeList.get(el).popperInstance = popperInstance;
+}
+function hide$1(el) {
+  const { popper: popper2, popperInstance, opts: { onHide } } = nodeList.get(el);
+  popper2.removeAttribute("data-show");
+  popperInstance == null ? void 0 : popperInstance.destroy();
+  popper2 && document.body.removeChild(popper2);
+  onHide();
 }
 var Arrow = defineComponent({
   name: "PopArrow",
@@ -12728,7 +12743,7 @@ var Component$o = defineComponent({
       cleanup,
       createPopInstance
     } = useFloating(props, ctx, refReference, refContent, refArrow, refRoot);
-    const show = () => {
+    const show2 = () => {
       showPopover();
     };
     const hide2 = () => {
@@ -12816,7 +12831,7 @@ var Component$o = defineComponent({
       document.body.removeEventListener("fullscreenchange", handleFullscrennChange);
     });
     ctx.expose({
-      show,
+      show: show2,
       hide: hide2
     });
     const handleClickOutside = (_e) => {
@@ -16471,7 +16486,7 @@ var Settings = defineComponent({
       default: () => createVNode("span", {
         "class": "table-head-settings"
       }, [createVNode(cogShape, {
-        "style": "color: rgba(99,101,110, 0.6);",
+        "style": "color: #c4c6cc;",
         "onClick": handleSettingClick
       }, null)]),
       content: () => {
@@ -17795,9 +17810,9 @@ var Component$b = defineComponent({
         popoverProps.isShow = false;
       }
     }, 150));
-    watch(() => popoverProps.isShow, (show) => {
+    watch(() => popoverProps.isShow, (show2) => {
       changePopoverOffset();
-      if (show) {
+      if (show2) {
         if (selectorListRef.value) {
           nextTick(() => {
             selectorListRef.value.scrollTop = 0;
@@ -27022,10 +27037,13 @@ var Component$3 = defineComponent({
     }, null), [[vShow, !this.disabled && (!this.collapsed || this.autoMinimize)]]), withDirectives(createVNode("i", {
       "class": ["bk-resize-proxy", this.placement],
       "ref": "resizeProxyRef"
-    }, null), [[vShow, !this.collapsed || this.autoMinimize]]), this.collapsible && (((_d = (_c = this.$slots)["collapse-trigger"]) == null ? void 0 : _d.call(_c)) || createVNode(angleLeft, {
+    }, null), [[vShow, !this.collapsed || this.autoMinimize]]), this.collapsible && (((_d = (_c = this.$slots)["collapse-trigger"]) == null ? void 0 : _d.call(_c)) || (this.collapsed ? createVNode(angleRight, {
+      "class": "bk-resize-collapse",
+      "onClick": this.setCollapse
+    }, null) : createVNode(angleLeft, {
       "class": "bk-resize-collapse",
       "onClick": this.setCollapse
-    }, null))]), createVNode("main", {
+    }, null)))]), createVNode("main", {
       "class": "bk-resize-layout-main"
     }, [(_f = (_e = this.$slots).main) == null ? void 0 : _f.call(_e)]), createVNode("div", {
       "class": "bk-resize-mask",