bkui-vue 0.0.1-beta.133 → 0.0.1-beta.136

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
 });
@@ -9211,7 +9211,7 @@ const inputType = {
   showControl: PropTypes.bool.def(true),
   showClearOnlyHover: PropTypes.bool.def(false),
   precision: PropTypes.number.def(0).validate((val) => val >= 0 && val < 20),
-  modelValue: PropTypes.oneOfType([PropTypes.string, PropTypes.number]).def(""),
+  modelValue: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
   size: PropTypes.size(),
   rows: PropTypes.number
 };
@@ -9232,11 +9232,8 @@ let EVENTS$2;
   EVENTS2["COMPOSITIONUPDATE"] = "compositionupdate";
   EVENTS2["COMPOSITIONEND"] = "compositionend";
 })(EVENTS$2 || (EVENTS$2 = {}));
-function EventFunction(value, evt) {
-  return {
-    value,
-    evt
-  };
+function EventFunction(_value, _evt) {
+  return true;
 }
 function CompositionEventFunction(evt) {
   return evt;
@@ -9275,6 +9272,7 @@ var Component$y = defineComponent({
       "class",
       "style"
     ]);
+    console.log(inputAttrs, 333, ctx.attrs);
     const inputRef = ref();
     const inputCls = computed(() => classes({
       [`${inputClsPrefix.value}--${props.size}`]: !!props.size,
@@ -9350,6 +9348,7 @@ var Component$y = defineComponent({
     function eventHandler(eventName) {
       return (e) => {
         var _a2;
+        e.stopPropagation();
         if (eventName === EVENTS$2.KEYDOWN && (e.code === "Enter" || e.key === "Enter" || e.keyCode === 13)) {
           ctx.emit(EVENTS$2.ENTER, e.target.value, e);
         }
@@ -9404,12 +9403,18 @@ var Component$y = defineComponent({
     function handleVisibleChange() {
       pwdVisible.value = !pwdVisible.value;
     }
-    const bindProps = computed(() => ({
-      value: props.modelValue,
-      maxlength: props.maxlength,
-      placeholder: props.placeholder,
-      readonly: props.readonly,
-      disabled: props.disabled,
+    const bindProps = computed(() => {
+      const val = typeof props.modelValue === "undefined" || props.modelValue === null ? {} : {
+        value: props.modelValue
+      };
+      return __spreadProps(__spreadValues({}, val), {
+        maxlength: props.maxlength,
+        placeholder: props.placeholder,
+        readonly: props.readonly,
+        disabled: props.disabled
+      });
+    });
+    const eventListener = {
       onInput: handleInput,
       onFocus: handleFocus,
       onBlur: handleBlur,
@@ -9420,7 +9425,7 @@ var Component$y = defineComponent({
       onKeyup: handleKeyup,
       onCompositionstart: handleCompositionStart,
       onCompositionend: handleCompositionEnd
-    }));
+    };
     return () => {
       var _a2, _b, _c, _d, _e, _f;
       return createVNode("div", {
@@ -9433,7 +9438,7 @@ var Component$y = defineComponent({
       }, [props.prefix])]), isTextArea.value ? createVNode("textarea", mergeProps({
         "ref": inputRef,
         "spellcheck": false
-      }, inputAttrs, bindProps.value, {
+      }, inputAttrs, eventListener, bindProps.value, {
         "rows": props.rows
       }), null) : createVNode("input", mergeProps({
         "spellcheck": false
@@ -9444,7 +9449,7 @@ var Component$y = defineComponent({
         "step": props.step,
         "max": props.max,
         "min": props.min
-      }, bindProps.value), null), !isTextArea.value && props.clearable && !!props.modelValue && createVNode(close$1, {
+      }, eventListener, bindProps.value), null), !isTextArea.value && props.clearable && !!props.modelValue && createVNode(close$1, {
         "onClick": clear,
         "class": clearCls.value
       }, null), suffixIcon.value, typeof props.maxlength === "number" && (props.showWordLimit || isTextArea.value) && createVNode("p", {
@@ -10231,12 +10236,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 +10252,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 +10264,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 +10841,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 +10876,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 +10901,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 +10987,6 @@ function renderContent(value, hasArrow, isLight, extCls) {
     const arrow2 = renderArrow();
     content.appendChild(arrow2);
   }
-  document.body.appendChild(content);
   return content;
 }
 function renderArrow() {
@@ -10950,8 +10995,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,55 +11008,32 @@ 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() {
+    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);
+  if (popper2 && document.body.contains(popper2)) {
     popper2.removeAttribute("data-show");
+    popperInstance == null ? void 0 : popperInstance.destroy();
+    document.body.removeChild(popper2);
     onHide();
-    popperInstance.setOptions((options2) => __spreadProps(__spreadValues({}, options2), {
-      modifiers: [
-        ...options2.modifiers,
-        { name: "eventListeners", enabled: false }
-      ]
-    }));
   }
 }
 var Arrow = defineComponent({
@@ -12728,7 +12750,7 @@ var Component$o = defineComponent({
       cleanup,
       createPopInstance
     } = useFloating(props, ctx, refReference, refContent, refArrow, refRoot);
-    const show = () => {
+    const show2 = () => {
       showPopover();
     };
     const hide2 = () => {
@@ -12816,7 +12838,7 @@ var Component$o = defineComponent({
       document.body.removeEventListener("fullscreenchange", handleFullscrennChange);
     });
     ctx.expose({
-      show,
+      show: show2,
       hide: hide2
     });
     const handleClickOutside = (_e) => {
@@ -16471,7 +16493,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 +17817,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;