@blueking/ediatable 0.0.1-beta.8 → 0.0.1-beta.9

package/vue3/index.es.min.js

@@ -1,6 +1,5 @@
-import { ref, provide, onMounted, onBeforeUnmount, getCurrentScope, onScopeDispose, unref, computed, watch, getCurrentInstance, defineComponent, useSlots, inject, resolveDirective, openBlock, createElementBlock, normalizeClass, normalizeStyle, withDirectives, createElementVNode, renderSlot, createCommentVNode, createBlock, Fragment, renderList, withCtx, createTextVNode, toDisplayString, reactive, toRefs, h, mergeModels, useModel, useAttrs, createVNode, mergeProps, createSlots, nextTick } from "vue";
-import "bkui-vue/dist/style.css";
-import { DatePicker, Input, Select, TagInput, Loading } from "bkui-vue";
+import { ref, provide, onMounted, onBeforeUnmount, getCurrentScope, onScopeDispose, unref, computed, watch, getCurrentInstance, defineComponent, useSlots, inject, openBlock, createElementBlock, normalizeClass, normalizeStyle, createElementVNode, withDirectives, renderSlot, createCommentVNode, createBlock, Fragment, renderList, withCtx, createTextVNode, toDisplayString, reactive, toRefs, h, mergeModels, useModel, useAttrs, createVNode, mergeProps, createSlots, nextTick } from "vue";
+import { bkTooltips, DatePicker, Input, Select, TagInput, Loading } from "bkui-vue";
 var commonjsGlobal = typeof globalThis !== "undefined" ? globalThis : typeof window !== "undefined" ? window : typeof global !== "undefined" ? global : typeof self !== "undefined" ? self : {};
 function getDefaultExportFromCjs(x) {
   return x && x.__esModule && Object.prototype.hasOwnProperty.call(x, "default") ? x["default"] : x;
@@ -5528,10 +5527,8 @@ function useColumnResize(tableRef, tableColumnResizeRef, mouseupCallback) {
     if (!dragable) {
       return;
     }
-    const {
-      columnKey,
-      minWidth = 100
-    } = payload;
+    const { columnKey, minWidth = 100 } = payload;
+    const target = event.target.closest("th");
     const tableEl = tableRef.value;
     const columnEl = tableEl.querySelector(`th.column-${columnKey}`);
     const tableLeft = tableEl.getBoundingClientRect().left;
@@ -5561,6 +5558,7 @@ function useColumnResize(tableRef, tableColumnResizeRef, mouseupCallback) {
       resizeProxy.style.display = "block";
       resizeProxyLeft = Math.max(minLeft, proxyLeft);
       resizeProxy.style.left = `${resizeProxyLeft}px`;
+      target.classList.add("poiner-right");
     };
     const handleMouseUp = () => {
       if (dragging.value) {
@@ -5585,15 +5583,22 @@ function useColumnResize(tableRef, tableColumnResizeRef, mouseupCallback) {
     document.addEventListener("mouseup", handleMouseUp);
   };
   const handleMouseMove = (event) => {
+    var _a;
+    if (dragging.value) {
+      return;
+    }
     const target = event.target.closest("th");
     const rect = target.getBoundingClientRect();
     const bodyStyle = document.body.style;
     if (rect.width > 12 && rect.right - event.pageX < 8) {
       bodyStyle.cursor = "col-resize";
       dragable = true;
+      target.classList.add("poiner-right");
     } else if (!dragging.value) {
       bodyStyle.cursor = "";
       dragable = false;
+      target.classList.remove("poiner-right");
+      (_a = target.previousElementSibling) == null ? void 0 : _a.classList.remove("poiner-right");
     }
   };
   const handleOuterMousemove = _.throttle((event) => {
@@ -5623,1049 +5628,175 @@ function useColumnResize(tableRef, tableColumnResizeRef, mouseupCallback) {
     handleMouseMove
   };
 }
-const random = () => `${_.random(0, 999999)}_${Date.now()}_${_.random(0, 999999)}`;
-const encodeMult = (text) => {
-  const temp = document.createElement("textarea");
-  temp.value = text;
-  return temp.value;
-};
-function tryOnScopeDispose(fn2) {
-  if (getCurrentScope()) {
-    onScopeDispose(fn2);
-    return true;
+var top = "top";
+var bottom = "bottom";
+var right = "right";
+var left = "left";
+var auto = "auto";
+var basePlacements = [top, bottom, right, left];
+var start = "start";
+var end = "end";
+var clippingParents = "clippingParents";
+var viewport = "viewport";
+var popper = "popper";
+var reference = "reference";
+var variationPlacements = /* @__PURE__ */ basePlacements.reduce(function(acc, placement) {
+  return acc.concat([placement + "-" + start, placement + "-" + end]);
+}, []);
+var placements$1 = /* @__PURE__ */ [].concat(basePlacements, [auto]).reduce(function(acc, placement) {
+  return acc.concat([placement, placement + "-" + start, placement + "-" + end]);
+}, []);
+var beforeRead = "beforeRead";
+var read = "read";
+var afterRead = "afterRead";
+var beforeMain = "beforeMain";
+var main = "main";
+var afterMain = "afterMain";
+var beforeWrite = "beforeWrite";
+var write = "write";
+var afterWrite = "afterWrite";
+var modifierPhases = [beforeRead, read, afterRead, beforeMain, main, afterMain, beforeWrite, write, afterWrite];
+function getNodeName(element) {
+  return element ? (element.nodeName || "").toLowerCase() : null;
+}
+function getWindow(node) {
+  if (node == null) {
+    return window;
   }
-  return false;
+  if (node.toString() !== "[object Window]") {
+    var ownerDocument = node.ownerDocument;
+    return ownerDocument ? ownerDocument.defaultView || window : window;
+  }
+  return node;
 }
-function toValue(r) {
-  return typeof r === "function" ? r() : unref(r);
+function isElement$1(node) {
+  var OwnElement = getWindow(node).Element;
+  return node instanceof OwnElement || node instanceof Element;
 }
-const isClient = typeof window !== "undefined" && typeof document !== "undefined";
-typeof WorkerGlobalScope !== "undefined" && globalThis instanceof WorkerGlobalScope;
-function unrefElement(elRef) {
-  var _a;
-  const plain = toValue(elRef);
-  return (_a = plain == null ? void 0 : plain.$el) != null ? _a : plain;
+function isHTMLElement(node) {
+  var OwnElement = getWindow(node).HTMLElement;
+  return node instanceof OwnElement || node instanceof HTMLElement;
 }
-const defaultWindow = isClient ? window : void 0;
-function useMounted() {
-  const isMounted = ref(false);
-  const instance = getCurrentInstance();
-  if (instance) {
-    onMounted(() => {
-      isMounted.value = true;
-    }, instance);
+function isShadowRoot(node) {
+  if (typeof ShadowRoot === "undefined") {
+    return false;
   }
-  return isMounted;
+  var OwnElement = getWindow(node).ShadowRoot;
+  return node instanceof OwnElement || node instanceof ShadowRoot;
 }
-function useSupported(callback) {
-  const isMounted = useMounted();
-  return computed(() => {
-    isMounted.value;
-    return Boolean(callback());
+function applyStyles(_ref) {
+  var state = _ref.state;
+  Object.keys(state.elements).forEach(function(name) {
+    var style = state.styles[name] || {};
+    var attributes = state.attributes[name] || {};
+    var element = state.elements[name];
+    if (!isHTMLElement(element) || !getNodeName(element)) {
+      return;
+    }
+    Object.assign(element.style, style);
+    Object.keys(attributes).forEach(function(name2) {
+      var value = attributes[name2];
+      if (value === false) {
+        element.removeAttribute(name2);
+      } else {
+        element.setAttribute(name2, value === true ? "" : value);
+      }
+    });
   });
 }
-function useResizeObserver(target, callback, options = {}) {
-  const { window: window2 = defaultWindow, ...observerOptions } = options;
-  let observer;
-  const isSupported = useSupported(() => window2 && "ResizeObserver" in window2);
-  const cleanup = () => {
-    if (observer) {
-      observer.disconnect();
-      observer = void 0;
-    }
+function effect$2(_ref2) {
+  var state = _ref2.state;
+  var initialStyles = {
+    popper: {
+      position: state.options.strategy,
+      left: "0",
+      top: "0",
+      margin: "0"
+    },
+    arrow: {
+      position: "absolute"
+    },
+    reference: {}
   };
-  const targets = computed(() => Array.isArray(target) ? target.map((el) => unrefElement(el)) : [unrefElement(target)]);
-  const stopWatch = watch(
-    targets,
-    (els) => {
-      cleanup();
-      if (isSupported.value && window2) {
-        observer = new ResizeObserver(callback);
-        for (const _el of els)
-          _el && observer.observe(_el, observerOptions);
+  Object.assign(state.elements.popper.style, initialStyles.popper);
+  state.styles = initialStyles;
+  if (state.elements.arrow) {
+    Object.assign(state.elements.arrow.style, initialStyles.arrow);
+  }
+  return function() {
+    Object.keys(state.elements).forEach(function(name) {
+      var element = state.elements[name];
+      var attributes = state.attributes[name] || {};
+      var styleProperties = Object.keys(state.styles.hasOwnProperty(name) ? state.styles[name] : initialStyles[name]);
+      var style = styleProperties.reduce(function(style2, property) {
+        style2[property] = "";
+        return style2;
+      }, {});
+      if (!isHTMLElement(element) || !getNodeName(element)) {
+        return;
       }
-    },
-    { immediate: true, flush: "post" }
-  );
-  const stop = () => {
-    cleanup();
-    stopWatch();
+      Object.assign(element.style, style);
+      Object.keys(attributes).forEach(function(attribute) {
+        element.removeAttribute(attribute);
+      });
+    });
   };
-  tryOnScopeDispose(stop);
+}
+const applyStyles$1 = {
+  name: "applyStyles",
+  enabled: true,
+  phase: "write",
+  fn: applyStyles,
+  effect: effect$2,
+  requires: ["computeStyles"]
+};
+function getBasePlacement$1(placement) {
+  return placement.split("-")[0];
+}
+var max = Math.max;
+var min = Math.min;
+var round = Math.round;
+function getUAString() {
+  var uaData = navigator.userAgentData;
+  if (uaData != null && uaData.brands && Array.isArray(uaData.brands)) {
+    return uaData.brands.map(function(item) {
+      return item.brand + "/" + item.version;
+    }).join(" ");
+  }
+  return navigator.userAgent;
+}
+function isLayoutViewport() {
+  return !/^((?!chrome|android).)*safari/i.test(getUAString());
+}
+function getBoundingClientRect(element, includeScale, isFixedStrategy) {
+  if (includeScale === void 0) {
+    includeScale = false;
+  }
+  if (isFixedStrategy === void 0) {
+    isFixedStrategy = false;
+  }
+  var clientRect = element.getBoundingClientRect();
+  var scaleX = 1;
+  var scaleY = 1;
+  if (includeScale && isHTMLElement(element)) {
+    scaleX = element.offsetWidth > 0 ? round(clientRect.width) / element.offsetWidth || 1 : 1;
+    scaleY = element.offsetHeight > 0 ? round(clientRect.height) / element.offsetHeight || 1 : 1;
+  }
+  var _ref = isElement$1(element) ? getWindow(element) : window, visualViewport = _ref.visualViewport;
+  var addVisualOffsets = !isLayoutViewport() && isFixedStrategy;
+  var x = (clientRect.left + (addVisualOffsets && visualViewport ? visualViewport.offsetLeft : 0)) / scaleX;
+  var y = (clientRect.top + (addVisualOffsets && visualViewport ? visualViewport.offsetTop : 0)) / scaleY;
+  var width = clientRect.width / scaleX;
+  var height = clientRect.height / scaleY;
   return {
-    isSupported,
-    stop
-  };
-}
-const _hoisted_1$6 = ["data-fixed", "data-maxWidth", "data-minWidth", "data-width"];
-const _hoisted_2$2 = { class: "th-cell" };
-const _hoisted_3$1 = { style: { "display": "inline-block", "line-height": "40px", "vertical-align": "top" } };
-const _sfc_main$8 = /* @__PURE__ */ defineComponent({
-  __name: "head-column",
-  props: {
-    fixed: { default: void 0 },
-    maxWidth: { default: void 0 },
-    minWidth: { default: void 0 },
-    required: { type: Boolean, default: true },
-    width: { default: void 0 },
-    renderAppend: { type: Function, default: void 0 },
-    memo: { default: void 0 }
-  },
-  setup(__props) {
-    const props = __props;
-    const slots = useSlots();
-    const { rowWidth, isOverflow: isMinimize } = inject(renderTablekey);
-    const parentTable = inject(tableColumnResizekey);
-    const columnRef = ref();
-    const currentWidth = ref(0);
-    const columnKey = random();
-    let initWidthRate = 0;
-    let isDragedSelf = false;
-    const finalMinWidth = computed(() => props.minWidth ? props.minWidth : props.width ?? 100);
-    const isFixedRight = computed(() => props.fixed === "right");
-    const isFixedLeft = computed(() => props.fixed === "left");
-    const styles = computed(() => {
-      if (props.width && (rowWidth == null ? void 0 : rowWidth.value) && finalMinWidth.value) {
-        const newWidth = rowWidth.value * initWidthRate;
-        if (newWidth !== props.width) {
-          let width = 0;
-          if (isMinimize == null ? void 0 : isMinimize.value) {
-            if (currentWidth.value !== 0 && (currentWidth.value !== finalMinWidth.value || currentWidth.value !== props.width)) {
-              width = currentWidth.value;
-            } else {
-              width = finalMinWidth.value;
-            }
-          } else if (newWidth > finalMinWidth.value) {
-            width = newWidth;
-          } else {
-            width = finalMinWidth.value;
-          }
-          return {
-            minWidth: `${width}px`
-          };
-        }
-      }
-      return {
-        minWidth: props.width ? `${props.width}px` : "120px"
-      };
-    });
-    const RenderAppendElement = computed(() => props.renderAppend && props.renderAppend());
-    watch(
-      () => [props.width, rowWidth == null ? void 0 : rowWidth.value, currentWidth.value],
-      ([width, rowWidth2, currentWidth2]) => {
-        if (!isDragedSelf) {
-          return;
-        }
-        if (width && rowWidth2 && currentWidth2 && finalMinWidth.value) {
-          isDragedSelf = false;
-          if (currentWidth2 !== 0 && (currentWidth2 !== finalMinWidth.value || currentWidth2 !== width)) {
-            initWidthRate = currentWidth2 / rowWidth2;
-          } else {
-            initWidthRate = (isMinimize == null ? void 0 : isMinimize.value) ? finalMinWidth.value / rowWidth2 : width / rowWidth2;
-          }
-        }
-      },
-      {
-        immediate: true
-      }
-    );
-    useResizeObserver(columnRef, () => {
-      if (!isDragedSelf) {
-        return;
-      }
-      const width = parseFloat(columnRef.value.style.width);
-      currentWidth.value = width;
-    });
-    const handleMouseDown = (event) => {
-      isDragedSelf = true;
-      parentTable == null ? void 0 : parentTable.columnMousedown(event, {
-        columnKey,
-        minWidth: finalMinWidth.value
-      });
-    };
-    const handleMouseMove = (event) => {
-      parentTable == null ? void 0 : parentTable.columnMouseMove(event);
-    };
-    return (_ctx, _cache) => {
-      const _directive_overflow_tips = resolveDirective("overflow-tips");
-      const _directive_bk_tooltips = resolveDirective("bk-tooltips");
-      return openBlock(), createElementBlock("th", {
-        ref_key: "columnRef",
-        ref: columnRef,
-        class: normalizeClass(["bk-ediatable-head-column", {
-          "is-required": _ctx.required,
-          [`column-${unref(columnKey)}`]: true,
-          "is-right-fixed": unref(isMinimize) && isFixedRight.value,
-          "is-left-fixed": unref(isMinimize) && isFixedLeft.value
-        }]),
-        "data-fixed": _ctx.fixed,
-        "data-maxWidth": _ctx.maxWidth,
-        "data-minWidth": finalMinWidth.value,
-        "data-width": _ctx.width,
-        style: normalizeStyle(styles.value),
-        onMousedown: handleMouseDown,
-        onMousemove: handleMouseMove
-      }, [
-        withDirectives((openBlock(), createElementBlock("div", _hoisted_2$2, [
-          createElementVNode(
-            "span",
-            {
-              class: normalizeClass({ "title-memo": _ctx.memo })
-            },
-            [
-              renderSlot(_ctx.$slots, "default")
-            ],
-            2
-            /* CLASS */
-          )
-        ])), [
-          [_directive_overflow_tips],
-          [_directive_bk_tooltips, {
-            content: _ctx.memo,
-            disabled: !_ctx.memo
-          }]
-        ]),
-        createElementVNode("div", _hoisted_3$1, [
-          slots.append && !_ctx.renderAppend ? renderSlot(_ctx.$slots, "append", { key: 0 }) : createCommentVNode("v-if", true),
-          _ctx.renderAppend ? (openBlock(), createBlock(unref(RenderAppendElement), { key: 1 })) : createCommentVNode("v-if", true)
-        ])
-      ], 46, _hoisted_1$6);
-    };
-  }
-});
-const renderTablekey = Symbol("renderTable");
-const _sfc_main$7 = /* @__PURE__ */ defineComponent({
-  __name: "ediatable",
-  props: {
-    theadList: { default: () => [] }
-  },
-  setup(__props) {
-    const slots = useSlots();
-    const checkTableScroll = () => {
-      rowWidth.value = tableRef.value.clientWidth;
-      isOverflow.value = tableOuterRef.value.clientWidth < tableRef.value.clientWidth;
-      initColumnWidth();
-    };
-    const tableOuterRef = ref();
-    const tableRef = ref();
-    const tableColumnResizeRef = ref();
-    const isOverflow = ref(false);
-    const rowWidth = ref(0);
-    const { initColumnWidth } = useColumnResize(tableOuterRef, tableColumnResizeRef, _.debounce(checkTableScroll));
-    provide(renderTablekey, {
-      isOverflow,
-      rowWidth
-    });
-    onMounted(() => {
-      window.addEventListener("resize", checkTableScroll);
-      checkTableScroll();
-      setTimeout(() => checkTableScroll());
-    });
-    onBeforeUnmount(() => window.removeEventListener("resize", checkTableScroll));
-    return (_ctx, _cache) => {
-      return openBlock(), createElementBlock(
-        "div",
-        {
-          id: "ediatableRenderTableKey",
-          ref_key: "tableOuterRef",
-          ref: tableOuterRef,
-          class: "bk-ediatable"
-        },
-        [
-          createElementVNode(
-            "table",
-            {
-              ref_key: "tableRef",
-              ref: tableRef
-            },
-            [
-              createElementVNode("thead", null, [
-                createElementVNode("tr", null, [
-                  slots.default && _ctx.theadList.length === 0 ? renderSlot(_ctx.$slots, "default", { key: 0 }) : (openBlock(true), createElementBlock(
-                    Fragment,
-                    { key: 1 },
-                    renderList(_ctx.theadList, (head, index) => {
-                      return openBlock(), createBlock(_sfc_main$8, {
-                        key: index,
-                        width: head.width,
-                        "min-width": head.minWidth,
-                        "max-width": head.maxWidth,
-                        fixed: head.fixed,
-                        required: head.required,
-                        "render-append": head.renderAppend,
-                        memo: head.memo
-                      }, {
-                        default: withCtx(() => [
-                          createTextVNode(
-                            toDisplayString(head.title),
-                            1
-                            /* TEXT */
-                          )
-                        ]),
-                        _: 2
-                        /* DYNAMIC */
-                      }, 1032, ["width", "min-width", "max-width", "fixed", "required", "render-append", "memo"]);
-                    }),
-                    128
-                    /* KEYED_FRAGMENT */
-                  ))
-                ])
-              ]),
-              createElementVNode("tbody", null, [
-                renderSlot(_ctx.$slots, "data")
-              ])
-            ],
-            512
-            /* NEED_PATCH */
-          ),
-          createElementVNode(
-            "div",
-            {
-              ref_key: "tableColumnResizeRef",
-              ref: tableColumnResizeRef,
-              class: "table-column-resize"
-            },
-            null,
-            512
-            /* NEED_PATCH */
-          )
-        ],
-        512
-        /* NEED_PATCH */
-      );
-    };
-  }
-});
-const getRuleMessage = (rule) => {
-  if (typeof rule.message === "function") {
-    return rule.message();
-  }
-  return rule.message;
-};
-function useValidtor(rules) {
-  const state = reactive({
-    loading: false,
-    error: false,
-    message: ""
-  });
-  const validator = (targetValue) => {
-    state.error = false, state.message = "";
-    if (!rules) {
-      return Promise.resolve(true);
-    }
-    const run = /* @__PURE__ */ (() => {
-      let stepIndex = -1;
-      return async () => {
-        stepIndex = stepIndex + 1;
-        if (stepIndex >= rules.length) {
-          return Promise.resolve(true);
-        }
-        const rule = rules[stepIndex];
-        return Promise.resolve().then(() => {
-          const result = rule.validator(targetValue);
-          if (typeof result !== "boolean" && typeof result.then === "function") {
-            return result.then((data) => {
-              if (data === false) {
-                return Promise.reject(getRuleMessage(rule));
-              }
-            }).then(() => run(), () => {
-              state.error = true;
-              const message = getRuleMessage(rule);
-              state.message = message;
-              return Promise.reject(message);
-            });
-          }
-          if (!result) {
-            state.error = true;
-            const message = getRuleMessage(rule);
-            state.message = message;
-            return Promise.reject(message);
-          }
-          return run();
-        });
-      };
-    })();
-    return run();
-  };
-  return {
-    ...toRefs(state),
-    validator
-  };
-}
-const DbIcon = defineComponent({
-  name: "DbIcon",
-  props: {
-    type: {
-      type: String,
-      required: true
-    },
-    svg: {
-      type: Boolean,
-      default: false
-    }
-  },
-  render() {
-    if (this.svg) {
-      return h(
-        "svg",
-        {
-          class: {
-            "db-svg-icon": true
-          }
-        },
-        [
-          h("use", {
-            "xlink:href": `#db-icon-${this.type}`
-          })
-        ]
-      );
-    }
-    const classes = {
-      "ediatable-icon": true,
-      [`icon-${this.type}`]: true
-    };
-    return h("i", {
-      class: classes
-    });
-  }
-});
-const _hoisted_1$5 = {
-  key: 0,
-  class: "input-error"
-};
-const _sfc_main$6 = /* @__PURE__ */ defineComponent({
-  __name: "date-time-picker-column",
-  props: /* @__PURE__ */ mergeModels({
-    placeholder: { default: "" },
-    rules: { default: void 0 },
-    type: { default: void 0 },
-    disabled: { type: Boolean, default: false }
-  }, {
-    "modelValue": {},
-    "modelModifiers": {}
-  }),
-  emits: /* @__PURE__ */ mergeModels(["change"], ["update:modelValue"]),
-  setup(__props, { expose: __expose, emit: __emit }) {
-    const props = __props;
-    const emits = __emit;
-    const modelValue = useModel(__props, "modelValue");
-    const attrs = useAttrs();
-    const slots = useSlots();
-    const { message: errorMessage, validator } = useValidtor(props.rules);
-    const handleChange = (value) => {
-      modelValue.value = value;
-      validator(modelValue.value).then(() => {
-        emits("change", modelValue.value);
-      });
-    };
-    const handleOpenChange = (open) => {
-      if (!open) {
-        validator(modelValue.value);
-      }
-    };
-    __expose({
-      getValue() {
-        return validator(modelValue.value).then(() => modelValue.value);
-      }
-    });
-    return (_ctx, _cache) => {
-      const _directive_bk_tooltips = resolveDirective("bk-tooltips");
-      return openBlock(), createElementBlock(
-        "div",
-        {
-          class: normalizeClass(["bk-ediatable-time-picker", {
-            "is-error": Boolean(unref(errorMessage)),
-            "is-disabled": _ctx.disabled
-          }])
-        },
-        [
-          createVNode(unref(DatePicker), mergeProps({
-            "append-to-body": "",
-            clearable: false,
-            "model-value": modelValue.value,
-            placeholder: _ctx.placeholder,
-            style: { "width": "100%" },
-            type: _ctx.type
-          }, unref(attrs), {
-            onChange: handleChange,
-            onOpenChange: handleOpenChange
-          }), createSlots({
-            _: 2
-            /* DYNAMIC */
-          }, [
-            unref(slots).footer ? {
-              name: "footer",
-              fn: withCtx(() => [
-                renderSlot(_ctx.$slots, "footer")
-              ]),
-              key: "0"
-            } : void 0
-          ]), 1040, ["model-value", "placeholder", "type"]),
-          unref(errorMessage) ? (openBlock(), createElementBlock("div", _hoisted_1$5, [
-            withDirectives(createVNode(
-              unref(DbIcon),
-              { type: "exclamation-fill" },
-              null,
-              512
-              /* NEED_PATCH */
-            ), [
-              [_directive_bk_tooltips, unref(errorMessage)]
-            ])
-          ])) : createCommentVNode("v-if", true)
-        ],
-        2
-        /* CLASS */
-      );
-    };
-  }
-});
-const _hoisted_1$4 = {
-  key: 1,
-  class: "blur-dispaly-main"
-};
-const _sfc_main$5 = /* @__PURE__ */ defineComponent({
-  __name: "input-column",
-  props: /* @__PURE__ */ mergeModels({
-    placeholder: { default: "请输入" },
-    rules: { default: void 0 },
-    disabled: { type: Boolean, default: false },
-    type: { default: "text" },
-    min: { default: Number.MIN_SAFE_INTEGER },
-    max: { default: Number.MAX_SAFE_INTEGER },
-    isShowBlur: { type: Boolean, default: false },
-    precision: { default: 0 }
-  }, {
-    "modelValue": {
-      default: ""
-    },
-    "modelModifiers": {}
-  }),
-  emits: /* @__PURE__ */ mergeModels(["submit"], ["update:modelValue"]),
-  setup(__props, { expose: __expose, emit: __emit }) {
-    const props = __props;
-    const emits = __emit;
-    const modelValue = useModel(__props, "modelValue");
-    const rootRef = ref();
-    const isBlur = ref(true);
-    const isPassword = computed(() => props.type === "password");
-    let oldInputText = "";
-    const {
-      message: errorMessage,
-      validator
-    } = useValidtor(props.rules);
-    const handleInput = (value) => {
-      isBlur.value = false;
-      modelValue.value = value;
-    };
-    const handleBlur = (event) => {
-      isBlur.value = true;
-      if (props.disabled) {
-        event.preventDefault();
-        return;
-      }
-      if (modelValue.value) {
-        if (oldInputText === modelValue.value) {
-          return;
-        }
-        oldInputText = modelValue.value;
-        validator(modelValue.value).then(() => {
-          emits("submit", modelValue.value);
-        });
-        return;
-      }
-      emits("submit", modelValue.value);
-    };
-    const handleKeydown = (_value, event) => {
-      if (props.disabled) {
-        event.preventDefault();
-        return;
-      }
-      if (event.isComposing) {
-        return;
-      }
-      if (event.which === 13 || event.key === "Enter") {
-        if (oldInputText === modelValue.value) {
-          return;
-        }
-        oldInputText = modelValue.value;
-        event.preventDefault();
-        validator(modelValue.value).then((result) => {
-          if (result) {
-            emits("submit", modelValue.value);
-          }
-        });
-      }
-    };
-    const handlePaste = (_value, event) => {
-      event.preventDefault();
-      let paste = (event.clipboardData || window.clipboardData).getData("text");
-      paste = encodeMult(paste);
-      modelValue.value += paste.replace(/^\s+|\s+$/g, "");
-    };
-    __expose({
-      getValue() {
-        return validator(modelValue.value).then(() => modelValue.value);
-      },
-      focus() {
-        var _a;
-        (_a = rootRef.value.querySelector("input")) == null ? void 0 : _a.focus();
-      }
-    });
-    return (_ctx, _cache) => {
-      const _directive_bk_tooltips = resolveDirective("bk-tooltips");
-      return openBlock(), createElementBlock(
-        "div",
-        {
-          ref_key: "rootRef",
-          ref: rootRef,
-          class: normalizeClass(["bk-ediatable-input", {
-            "is-error": Boolean(unref(errorMessage)),
-            "is-disabled": _ctx.disabled,
-            "is-password": isPassword.value
-          }])
-        },
-        [
-          createVNode(unref(Input), mergeProps({
-            class: "input-box",
-            disabled: _ctx.disabled,
-            max: _ctx.max,
-            min: _ctx.min,
-            "model-value": modelValue.value,
-            placeholder: _ctx.placeholder,
-            type: _ctx.type
-          }, _ctx.$attrs, {
-            precision: _ctx.precision,
-            onBlur: handleBlur,
-            onChange: handleInput,
-            onFocus: _cache[0] || (_cache[0] = () => isBlur.value = false),
-            onInput: handleInput,
-            onKeydown: handleKeydown,
-            onPaste: handlePaste
-          }), {
-            suffix: withCtx(() => []),
-            _: 1
-            /* STABLE */
-          }, 16, ["disabled", "max", "min", "model-value", "placeholder", "type", "precision"]),
-          unref(errorMessage) ? withDirectives((openBlock(), createBlock(
-            unref(DbIcon),
-            {
-              key: 0,
-              class: "error-icon",
-              type: "exclamation-fill"
-            },
-            null,
-            512
-            /* NEED_PATCH */
-          )), [
-            [_directive_bk_tooltips, unref(errorMessage)]
-          ]) : createCommentVNode("v-if", true),
-          _ctx.isShowBlur && isBlur.value ? (openBlock(), createElementBlock("div", _hoisted_1$4, [
-            renderSlot(_ctx.$slots, "blur")
-          ])) : createCommentVNode("v-if", true)
-        ],
-        2
-        /* CLASS */
-      );
-    };
-  }
-});
-const _sfc_main$4 = /* @__PURE__ */ defineComponent({
-  __name: "fixed-column",
-  props: {
-    fixed: { default: "right" }
-  },
-  setup(__props) {
-    const props = __props;
-    const { isOverflow: isFixed } = inject(renderTablekey);
-    const isFixedRight = computed(() => (isFixed == null ? void 0 : isFixed.value) && props.fixed === "right");
-    const isFixedLeft = computed(() => (isFixed == null ? void 0 : isFixed.value) && props.fixed === "left");
-    return (_ctx, _cache) => {
-      return openBlock(), createElementBlock(
-        "td",
-        {
-          class: normalizeClass({
-            "bk-ediatable-right-fixed-column": isFixedRight.value,
-            "bk-ediatable-left-fixed-column": isFixedLeft.value
-          })
-        },
-        [
-          renderSlot(_ctx.$slots, "default")
-        ],
-        2
-        /* CLASS */
-      );
-    };
-  }
-});
-const _hoisted_1$3 = { class: "bk-ediatable-operation" };
-const _sfc_main$3 = /* @__PURE__ */ defineComponent({
-  __name: "operation-column",
-  props: {
-    removeable: { type: Boolean, default: true },
-    showCopy: { type: Boolean, default: false },
-    showAdd: { type: Boolean, default: true },
-    showRemove: { type: Boolean, default: true }
-  },
-  emits: ["add", "copy", "remove"],
-  setup(__props, { emit: __emit }) {
-    const props = __props;
-    const emits = __emit;
-    const handleCopy = () => {
-      emits("copy");
-    };
-    const handleAppend = () => {
-      emits("add");
-    };
-    const handleRemove = () => {
-      if (props.removeable) {
-        return;
-      }
-      emits("remove");
-    };
-    return (_ctx, _cache) => {
-      return openBlock(), createBlock(_sfc_main$4, null, {
-        default: withCtx(() => [
-          createElementVNode("div", _hoisted_1$3, [
-            _ctx.showCopy ? (openBlock(), createElementBlock("div", {
-              key: 0,
-              class: "action-btn",
-              onClick: handleCopy
-            }, [
-              createVNode(unref(DbIcon), { type: "copy" })
-            ])) : createCommentVNode("v-if", true),
-            _ctx.showAdd ? (openBlock(), createElementBlock("div", {
-              key: 1,
-              class: "action-btn",
-              onClick: handleAppend
-            }, [
-              createVNode(unref(DbIcon), { type: "plus-fill" })
-            ])) : createCommentVNode("v-if", true),
-            _ctx.showRemove ? (openBlock(), createElementBlock(
-              "div",
-              {
-                key: 2,
-                class: normalizeClass(["action-btn", {
-                  disabled: _ctx.removeable
-                }]),
-                onClick: handleRemove
-              },
-              [
-                createVNode(unref(DbIcon), { type: "minus-fill" })
-              ],
-              2
-              /* CLASS */
-            )) : createCommentVNode("v-if", true)
-          ])
-        ]),
-        _: 1
-        /* STABLE */
-      });
-    };
-  }
-});
-const _hoisted_1$2 = {
-  key: 0,
-  class: "select-error"
-};
-const _sfc_main$2 = /* @__PURE__ */ defineComponent({
-  __name: "select-column",
-  props: /* @__PURE__ */ mergeModels({
-    list: {},
-    placeholder: { default: "请选择" },
-    rules: { default: () => [] },
-    disabled: { type: Boolean, default: false },
-    multiple: { type: Boolean, default: false },
-    showSelectAll: { type: Boolean, default: false }
-  }, {
-    "modelValue": {},
-    "modelModifiers": {}
-  }),
-  emits: /* @__PURE__ */ mergeModels(["change"], ["update:modelValue"]),
-  setup(__props, { expose: __expose, emit: __emit }) {
-    const { Option } = Select;
-    const props = __props;
-    const emits = __emit;
-    const modelValue = useModel(__props, "modelValue");
-    const rootRef = ref();
-    const localValue = ref("");
-    const rootHeight = ref(42);
-    const { message: errorMessage, validator } = useValidtor(props.rules);
-    watch(
-      modelValue,
-      (value) => {
-        if (value === void 0) {
-          return;
-        }
-        localValue.value = value;
-        if (typeof value !== "object" && value) {
-          validator(value);
-          return;
-        }
-        if (Array.isArray(value) && value.length > 0) {
-          validator(value);
-          return;
-        }
-      },
-      {
-        immediate: true
-      }
-    );
-    const handleSelect = (value) => {
-      localValue.value = value;
-      validator(localValue.value).then(() => {
-        modelValue.value = value;
-        emits("change", localValue.value);
-      });
-    };
-    const handleRemove = () => {
-      localValue.value = "";
-      validator(localValue.value).then(() => {
-        modelValue.value = localValue.value;
-        emits("change", localValue.value);
-      });
-    };
-    const checkRootHeight = () => {
-      rootHeight.value = rootRef.value.parentNode.clientHeight;
-    };
-    useResizeObserver(rootRef, _.throttle(checkRootHeight, 500));
-    __expose({
-      getValue() {
-        return validator(localValue.value).then(() => localValue.value);
-      }
-    });
-    return (_ctx, _cache) => {
-      const _directive_bk_tooltips = resolveDirective("bk-tooltips");
-      return openBlock(), createElementBlock(
-        "div",
-        {
-          ref_key: "rootRef",
-          ref: rootRef,
-          class: normalizeClass(["bk-ediatable-select", {
-            "is-error": Boolean(unref(errorMessage)),
-            "is-disable": _ctx.disabled
-          }]),
-          style: normalizeStyle({ height: rootHeight.value + "px" })
-        },
-        [
-          createVNode(unref(Select), mergeProps(_ctx.$attrs, {
-            "model-value": localValue.value,
-            "auto-focus": "",
-            class: "select-box",
-            clearable: false,
-            disabled: _ctx.disabled,
-            filterable: "",
-            "input-search": false,
-            multiple: _ctx.multiple,
-            placeholder: _ctx.placeholder,
-            "show-select-all": _ctx.showSelectAll,
-            onChange: handleSelect,
-            onClear: handleRemove
-          }), {
-            default: withCtx(() => [
-              (openBlock(true), createElementBlock(
-                Fragment,
-                null,
-                renderList(_ctx.list, (item, index) => {
-                  return openBlock(), createBlock(unref(Option), {
-                    key: index,
-                    label: item.label,
-                    value: item.value
-                  }, null, 8, ["label", "value"]);
-                }),
-                128
-                /* KEYED_FRAGMENT */
-              ))
-            ]),
-            _: 1
-            /* STABLE */
-          }, 16, ["model-value", "disabled", "multiple", "placeholder", "show-select-all"]),
-          unref(errorMessage) ? (openBlock(), createElementBlock("div", _hoisted_1$2, [
-            withDirectives(createVNode(
-              unref(DbIcon),
-              { type: "exclamation-fill" },
-              null,
-              512
-              /* NEED_PATCH */
-            ), [
-              [_directive_bk_tooltips, unref(errorMessage)]
-            ])
-          ])) : createCommentVNode("v-if", true)
-        ],
-        6
-        /* CLASS, STYLE */
-      );
-    };
-  }
-});
-var top = "top";
-var bottom = "bottom";
-var right = "right";
-var left = "left";
-var auto = "auto";
-var basePlacements = [top, bottom, right, left];
-var start = "start";
-var end = "end";
-var clippingParents = "clippingParents";
-var viewport = "viewport";
-var popper = "popper";
-var reference = "reference";
-var variationPlacements = /* @__PURE__ */ basePlacements.reduce(function(acc, placement) {
-  return acc.concat([placement + "-" + start, placement + "-" + end]);
-}, []);
-var placements = /* @__PURE__ */ [].concat(basePlacements, [auto]).reduce(function(acc, placement) {
-  return acc.concat([placement, placement + "-" + start, placement + "-" + end]);
-}, []);
-var beforeRead = "beforeRead";
-var read = "read";
-var afterRead = "afterRead";
-var beforeMain = "beforeMain";
-var main = "main";
-var afterMain = "afterMain";
-var beforeWrite = "beforeWrite";
-var write = "write";
-var afterWrite = "afterWrite";
-var modifierPhases = [beforeRead, read, afterRead, beforeMain, main, afterMain, beforeWrite, write, afterWrite];
-function getNodeName(element) {
-  return element ? (element.nodeName || "").toLowerCase() : null;
-}
-function getWindow(node) {
-  if (node == null) {
-    return window;
-  }
-  if (node.toString() !== "[object Window]") {
-    var ownerDocument = node.ownerDocument;
-    return ownerDocument ? ownerDocument.defaultView || window : window;
-  }
-  return node;
-}
-function isElement$1(node) {
-  var OwnElement = getWindow(node).Element;
-  return node instanceof OwnElement || node instanceof Element;
-}
-function isHTMLElement(node) {
-  var OwnElement = getWindow(node).HTMLElement;
-  return node instanceof OwnElement || node instanceof HTMLElement;
-}
-function isShadowRoot(node) {
-  if (typeof ShadowRoot === "undefined") {
-    return false;
-  }
-  var OwnElement = getWindow(node).ShadowRoot;
-  return node instanceof OwnElement || node instanceof ShadowRoot;
-}
-function applyStyles(_ref) {
-  var state = _ref.state;
-  Object.keys(state.elements).forEach(function(name) {
-    var style = state.styles[name] || {};
-    var attributes = state.attributes[name] || {};
-    var element = state.elements[name];
-    if (!isHTMLElement(element) || !getNodeName(element)) {
-      return;
-    }
-    Object.assign(element.style, style);
-    Object.keys(attributes).forEach(function(name2) {
-      var value = attributes[name2];
-      if (value === false) {
-        element.removeAttribute(name2);
-      } else {
-        element.setAttribute(name2, value === true ? "" : value);
-      }
-    });
-  });
-}
-function effect$2(_ref2) {
-  var state = _ref2.state;
-  var initialStyles = {
-    popper: {
-      position: state.options.strategy,
-      left: "0",
-      top: "0",
-      margin: "0"
-    },
-    arrow: {
-      position: "absolute"
-    },
-    reference: {}
-  };
-  Object.assign(state.elements.popper.style, initialStyles.popper);
-  state.styles = initialStyles;
-  if (state.elements.arrow) {
-    Object.assign(state.elements.arrow.style, initialStyles.arrow);
-  }
-  return function() {
-    Object.keys(state.elements).forEach(function(name) {
-      var element = state.elements[name];
-      var attributes = state.attributes[name] || {};
-      var styleProperties = Object.keys(state.styles.hasOwnProperty(name) ? state.styles[name] : initialStyles[name]);
-      var style = styleProperties.reduce(function(style2, property) {
-        style2[property] = "";
-        return style2;
-      }, {});
-      if (!isHTMLElement(element) || !getNodeName(element)) {
-        return;
-      }
-      Object.assign(element.style, style);
-      Object.keys(attributes).forEach(function(attribute) {
-        element.removeAttribute(attribute);
-      });
-    });
-  };
-}
-const applyStyles$1 = {
-  name: "applyStyles",
-  enabled: true,
-  phase: "write",
-  fn: applyStyles,
-  effect: effect$2,
-  requires: ["computeStyles"]
-};
-function getBasePlacement$1(placement) {
-  return placement.split("-")[0];
-}
-var max = Math.max;
-var min = Math.min;
-var round = Math.round;
-function getUAString() {
-  var uaData = navigator.userAgentData;
-  if (uaData != null && uaData.brands && Array.isArray(uaData.brands)) {
-    return uaData.brands.map(function(item) {
-      return item.brand + "/" + item.version;
-    }).join(" ");
-  }
-  return navigator.userAgent;
-}
-function isLayoutViewport() {
-  return !/^((?!chrome|android).)*safari/i.test(getUAString());
-}
-function getBoundingClientRect(element, includeScale, isFixedStrategy) {
-  if (includeScale === void 0) {
-    includeScale = false;
-  }
-  if (isFixedStrategy === void 0) {
-    isFixedStrategy = false;
-  }
-  var clientRect = element.getBoundingClientRect();
-  var scaleX = 1;
-  var scaleY = 1;
-  if (includeScale && isHTMLElement(element)) {
-    scaleX = element.offsetWidth > 0 ? round(clientRect.width) / element.offsetWidth || 1 : 1;
-    scaleY = element.offsetHeight > 0 ? round(clientRect.height) / element.offsetHeight || 1 : 1;
-  }
-  var _ref = isElement$1(element) ? getWindow(element) : window, visualViewport = _ref.visualViewport;
-  var addVisualOffsets = !isLayoutViewport() && isFixedStrategy;
-  var x = (clientRect.left + (addVisualOffsets && visualViewport ? visualViewport.offsetLeft : 0)) / scaleX;
-  var y = (clientRect.top + (addVisualOffsets && visualViewport ? visualViewport.offsetTop : 0)) / scaleY;
-  var width = clientRect.width / scaleX;
-  var height = clientRect.height / scaleY;
-  return {
-    width,
-    height,
-    top: y,
-    right: x + width,
-    bottom: y + height,
-    left: x,
-    x,
-    y
+    width,
+    height,
+    top: y,
+    right: x + width,
+    bottom: y + height,
+    left: x,
+    x,
+    y
   };
 }
 function getLayoutRect(element) {
@@ -7260,16 +6391,16 @@ function computeAutoPlacement(state, options) {
   if (options === void 0) {
     options = {};
   }
-  var _options = options, placement = _options.placement, boundary = _options.boundary, rootBoundary = _options.rootBoundary, padding = _options.padding, flipVariations = _options.flipVariations, _options$allowedAutoP = _options.allowedAutoPlacements, allowedAutoPlacements = _options$allowedAutoP === void 0 ? placements : _options$allowedAutoP;
+  var _options = options, placement = _options.placement, boundary = _options.boundary, rootBoundary = _options.rootBoundary, padding = _options.padding, flipVariations = _options.flipVariations, _options$allowedAutoP = _options.allowedAutoPlacements, allowedAutoPlacements = _options$allowedAutoP === void 0 ? placements$1 : _options$allowedAutoP;
   var variation = getVariation(placement);
-  var placements$1 = variation ? flipVariations ? variationPlacements : variationPlacements.filter(function(placement2) {
+  var placements2 = variation ? flipVariations ? variationPlacements : variationPlacements.filter(function(placement2) {
     return getVariation(placement2) === variation;
   }) : basePlacements;
-  var allowedPlacements = placements$1.filter(function(placement2) {
+  var allowedPlacements = placements2.filter(function(placement2) {
     return allowedAutoPlacements.indexOf(placement2) >= 0;
   });
   if (allowedPlacements.length === 0) {
-    allowedPlacements = placements$1;
+    allowedPlacements = placements2;
   }
   var overflows = allowedPlacements.reduce(function(acc, placement2) {
     acc[placement2] = detectOverflow(state, {
@@ -7458,7 +6589,7 @@ function distanceAndSkiddingToXY(placement, rects, offset2) {
 function offset(_ref2) {
   var state = _ref2.state, options = _ref2.options, name = _ref2.name;
   var _options$offset = options.offset, offset2 = _options$offset === void 0 ? [0, 0] : _options$offset;
-  var data = placements.reduce(function(acc, placement) {
+  var data = placements$1.reduce(function(acc, placement) {
     acc[placement] = distanceAndSkiddingToXY(placement, state.rects, offset2);
     return acc;
   }, {});
@@ -8055,7 +7186,7 @@ var renderProps = {
   theme: "",
   zIndex: 9999
 };
-var defaultProps = Object.assign({
+var defaultProps$1 = Object.assign({
   appendTo: TIPPY_DEFAULT_APPEND_TO,
   aria: {
     content: "auto",
@@ -8104,11 +7235,11 @@ var defaultProps = Object.assign({
   trigger: "mouseenter focus",
   triggerTarget: null
 }, pluginProps, renderProps);
-var defaultKeys = Object.keys(defaultProps);
+var defaultKeys = Object.keys(defaultProps$1);
 var setDefaultProps = function setDefaultProps2(partialProps) {
   var keys = Object.keys(partialProps);
   keys.forEach(function(key) {
-    defaultProps[key] = partialProps[key];
+    defaultProps$1[key] = partialProps[key];
   });
 };
 function getExtendedPassedProps(passedProps) {
@@ -8117,14 +7248,14 @@ function getExtendedPassedProps(passedProps) {
     var name = plugin.name, defaultValue = plugin.defaultValue;
     if (name) {
       var _name;
-      acc[name] = passedProps[name] !== void 0 ? passedProps[name] : (_name = defaultProps[name]) != null ? _name : defaultValue;
+      acc[name] = passedProps[name] !== void 0 ? passedProps[name] : (_name = defaultProps$1[name]) != null ? _name : defaultValue;
     }
     return acc;
   }, {});
   return Object.assign({}, passedProps, pluginProps2);
 }
 function getDataAttributeProps(reference2, plugins) {
-  var propKeys = plugins ? Object.keys(getExtendedPassedProps(Object.assign({}, defaultProps, {
+  var propKeys = plugins ? Object.keys(getExtendedPassedProps(Object.assign({}, defaultProps$1, {
     plugins
   }))) : defaultKeys;
   var props = propKeys.reduce(function(acc, key) {
@@ -8149,7 +7280,7 @@ function evaluateProps(reference2, props) {
   var out = Object.assign({}, props, {
     content: invokeWithArgsOrReturn(props.content, [reference2])
   }, props.ignoreAttributes ? {} : getDataAttributeProps(reference2, props.plugins));
-  out.aria = Object.assign({}, defaultProps.aria, out.aria);
+  out.aria = Object.assign({}, defaultProps$1.aria, out.aria);
   out.aria = {
     expanded: out.aria.expanded === "auto" ? props.interactive : out.aria.expanded,
     content: out.aria.content === "auto" ? props.interactive ? null : "describedby" : out.aria.content
@@ -8264,7 +7395,7 @@ var idCounter = 1;
 var mouseMoveListeners = [];
 var mountedInstances = [];
 function createTippy(reference2, passedProps) {
-  var props = evaluateProps(reference2, Object.assign({}, defaultProps, getExtendedPassedProps(removeUndefinedProps(passedProps))));
+  var props = evaluateProps(reference2, Object.assign({}, defaultProps$1, getExtendedPassedProps(removeUndefinedProps(passedProps))));
   var showTimeout;
   var hideTimeout;
   var scheduleHideAnimationFrame;
@@ -8363,651 +7494,1687 @@ function createTippy(reference2, passedProps) {
     var parent = getCurrentTarget().parentNode;
     return parent ? getOwnerDocument(parent) : document;
   }
-  function getDefaultTemplateChildren() {
-    return getChildren(popper2);
+  function getDefaultTemplateChildren() {
+    return getChildren(popper2);
+  }
+  function getDelay(isShow) {
+    if (instance.state.isMounted && !instance.state.isVisible || currentInput.isTouch || lastTriggerEvent && lastTriggerEvent.type === "focus") {
+      return 0;
+    }
+    return getValueAtIndexOrReturn(instance.props.delay, isShow ? 0 : 1, defaultProps$1.delay);
+  }
+  function handleStyles(fromHide) {
+    if (fromHide === void 0) {
+      fromHide = false;
+    }
+    popper2.style.pointerEvents = instance.props.interactive && !fromHide ? "" : "none";
+    popper2.style.zIndex = "" + instance.props.zIndex;
+  }
+  function invokeHook(hook, args, shouldInvokePropsHook) {
+    if (shouldInvokePropsHook === void 0) {
+      shouldInvokePropsHook = true;
+    }
+    pluginsHooks.forEach(function(pluginHooks) {
+      if (pluginHooks[hook]) {
+        pluginHooks[hook].apply(pluginHooks, args);
+      }
+    });
+    if (shouldInvokePropsHook) {
+      var _instance$props;
+      (_instance$props = instance.props)[hook].apply(_instance$props, args);
+    }
+  }
+  function handleAriaContentAttribute() {
+    var aria = instance.props.aria;
+    if (!aria.content) {
+      return;
+    }
+    var attr = "aria-" + aria.content;
+    var id2 = popper2.id;
+    var nodes = normalizeToArray(instance.props.triggerTarget || reference2);
+    nodes.forEach(function(node) {
+      var currentValue = node.getAttribute(attr);
+      if (instance.state.isVisible) {
+        node.setAttribute(attr, currentValue ? currentValue + " " + id2 : id2);
+      } else {
+        var nextValue = currentValue && currentValue.replace(id2, "").trim();
+        if (nextValue) {
+          node.setAttribute(attr, nextValue);
+        } else {
+          node.removeAttribute(attr);
+        }
+      }
+    });
+  }
+  function handleAriaExpandedAttribute() {
+    if (hasAriaExpanded || !instance.props.aria.expanded) {
+      return;
+    }
+    var nodes = normalizeToArray(instance.props.triggerTarget || reference2);
+    nodes.forEach(function(node) {
+      if (instance.props.interactive) {
+        node.setAttribute("aria-expanded", instance.state.isVisible && node === getCurrentTarget() ? "true" : "false");
+      } else {
+        node.removeAttribute("aria-expanded");
+      }
+    });
+  }
+  function cleanupInteractiveMouseListeners() {
+    getDocument().removeEventListener("mousemove", debouncedOnMouseMove);
+    mouseMoveListeners = mouseMoveListeners.filter(function(listener) {
+      return listener !== debouncedOnMouseMove;
+    });
+  }
+  function onDocumentPress(event) {
+    if (currentInput.isTouch) {
+      if (didTouchMove || event.type === "mousedown") {
+        return;
+      }
+    }
+    var actualTarget = event.composedPath && event.composedPath()[0] || event.target;
+    if (instance.props.interactive && actualContains(popper2, actualTarget)) {
+      return;
+    }
+    if (normalizeToArray(instance.props.triggerTarget || reference2).some(function(el) {
+      return actualContains(el, actualTarget);
+    })) {
+      if (currentInput.isTouch) {
+        return;
+      }
+      if (instance.state.isVisible && instance.props.trigger.indexOf("click") >= 0) {
+        return;
+      }
+    } else {
+      invokeHook("onClickOutside", [instance, event]);
+    }
+    if (instance.props.hideOnClick === true) {
+      instance.clearDelayTimeouts();
+      instance.hide();
+      didHideDueToDocumentMouseDown = true;
+      setTimeout(function() {
+        didHideDueToDocumentMouseDown = false;
+      });
+      if (!instance.state.isMounted) {
+        removeDocumentPress();
+      }
+    }
+  }
+  function onTouchMove() {
+    didTouchMove = true;
+  }
+  function onTouchStart() {
+    didTouchMove = false;
+  }
+  function addDocumentPress() {
+    var doc = getDocument();
+    doc.addEventListener("mousedown", onDocumentPress, true);
+    doc.addEventListener("touchend", onDocumentPress, TOUCH_OPTIONS);
+    doc.addEventListener("touchstart", onTouchStart, TOUCH_OPTIONS);
+    doc.addEventListener("touchmove", onTouchMove, TOUCH_OPTIONS);
+  }
+  function removeDocumentPress() {
+    var doc = getDocument();
+    doc.removeEventListener("mousedown", onDocumentPress, true);
+    doc.removeEventListener("touchend", onDocumentPress, TOUCH_OPTIONS);
+    doc.removeEventListener("touchstart", onTouchStart, TOUCH_OPTIONS);
+    doc.removeEventListener("touchmove", onTouchMove, TOUCH_OPTIONS);
+  }
+  function onTransitionedOut(duration, callback) {
+    onTransitionEnd(duration, function() {
+      if (!instance.state.isVisible && popper2.parentNode && popper2.parentNode.contains(popper2)) {
+        callback();
+      }
+    });
+  }
+  function onTransitionedIn(duration, callback) {
+    onTransitionEnd(duration, callback);
+  }
+  function onTransitionEnd(duration, callback) {
+    var box = getDefaultTemplateChildren().box;
+    function listener(event) {
+      if (event.target === box) {
+        updateTransitionEndListener(box, "remove", listener);
+        callback();
+      }
+    }
+    if (duration === 0) {
+      return callback();
+    }
+    updateTransitionEndListener(box, "remove", currentTransitionEndListener);
+    updateTransitionEndListener(box, "add", listener);
+    currentTransitionEndListener = listener;
+  }
+  function on(eventType, handler, options) {
+    if (options === void 0) {
+      options = false;
+    }
+    var nodes = normalizeToArray(instance.props.triggerTarget || reference2);
+    nodes.forEach(function(node) {
+      node.addEventListener(eventType, handler, options);
+      listeners.push({
+        node,
+        eventType,
+        handler,
+        options
+      });
+    });
+  }
+  function addListeners() {
+    if (getIsCustomTouchBehavior()) {
+      on("touchstart", onTrigger2, {
+        passive: true
+      });
+      on("touchend", onMouseLeave, {
+        passive: true
+      });
+    }
+    splitBySpaces(instance.props.trigger).forEach(function(eventType) {
+      if (eventType === "manual") {
+        return;
+      }
+      on(eventType, onTrigger2);
+      switch (eventType) {
+        case "mouseenter":
+          on("mouseleave", onMouseLeave);
+          break;
+        case "focus":
+          on(isIE11 ? "focusout" : "blur", onBlurOrFocusOut);
+          break;
+        case "focusin":
+          on("focusout", onBlurOrFocusOut);
+          break;
+      }
+    });
+  }
+  function removeListeners() {
+    listeners.forEach(function(_ref) {
+      var node = _ref.node, eventType = _ref.eventType, handler = _ref.handler, options = _ref.options;
+      node.removeEventListener(eventType, handler, options);
+    });
+    listeners = [];
   }
-  function getDelay(isShow) {
-    if (instance.state.isMounted && !instance.state.isVisible || currentInput.isTouch || lastTriggerEvent && lastTriggerEvent.type === "focus") {
-      return 0;
+  function onTrigger2(event) {
+    var _lastTriggerEvent;
+    var shouldScheduleClickHide = false;
+    if (!instance.state.isEnabled || isEventListenerStopped(event) || didHideDueToDocumentMouseDown) {
+      return;
     }
-    return getValueAtIndexOrReturn(instance.props.delay, isShow ? 0 : 1, defaultProps.delay);
-  }
-  function handleStyles(fromHide) {
-    if (fromHide === void 0) {
-      fromHide = false;
+    var wasFocused = ((_lastTriggerEvent = lastTriggerEvent) == null ? void 0 : _lastTriggerEvent.type) === "focus";
+    lastTriggerEvent = event;
+    currentTarget = event.currentTarget;
+    handleAriaExpandedAttribute();
+    if (!instance.state.isVisible && isMouseEvent(event)) {
+      mouseMoveListeners.forEach(function(listener) {
+        return listener(event);
+      });
+    }
+    if (event.type === "click" && (instance.props.trigger.indexOf("mouseenter") < 0 || isVisibleFromClick) && instance.props.hideOnClick !== false && instance.state.isVisible) {
+      shouldScheduleClickHide = true;
+    } else {
+      scheduleShow(event);
+    }
+    if (event.type === "click") {
+      isVisibleFromClick = !shouldScheduleClickHide;
+    }
+    if (shouldScheduleClickHide && !wasFocused) {
+      scheduleHide(event);
     }
-    popper2.style.pointerEvents = instance.props.interactive && !fromHide ? "" : "none";
-    popper2.style.zIndex = "" + instance.props.zIndex;
   }
-  function invokeHook(hook, args, shouldInvokePropsHook) {
-    if (shouldInvokePropsHook === void 0) {
-      shouldInvokePropsHook = true;
+  function onMouseMove(event) {
+    var target = event.target;
+    var isCursorOverReferenceOrPopper = getCurrentTarget().contains(target) || popper2.contains(target);
+    if (event.type === "mousemove" && isCursorOverReferenceOrPopper) {
+      return;
     }
-    pluginsHooks.forEach(function(pluginHooks) {
-      if (pluginHooks[hook]) {
-        pluginHooks[hook].apply(pluginHooks, args);
+    var popperTreeData = getNestedPopperTree().concat(popper2).map(function(popper22) {
+      var _instance$popperInsta;
+      var instance2 = popper22._tippy;
+      var state2 = (_instance$popperInsta = instance2.popperInstance) == null ? void 0 : _instance$popperInsta.state;
+      if (state2) {
+        return {
+          popperRect: popper22.getBoundingClientRect(),
+          popperState: state2,
+          props
+        };
       }
-    });
-    if (shouldInvokePropsHook) {
-      var _instance$props;
-      (_instance$props = instance.props)[hook].apply(_instance$props, args);
+      return null;
+    }).filter(Boolean);
+    if (isCursorOutsideInteractiveBorder(popperTreeData, event)) {
+      cleanupInteractiveMouseListeners();
+      scheduleHide(event);
     }
   }
-  function handleAriaContentAttribute() {
-    var aria = instance.props.aria;
-    if (!aria.content) {
+  function onMouseLeave(event) {
+    var shouldBail = isEventListenerStopped(event) || instance.props.trigger.indexOf("click") >= 0 && isVisibleFromClick;
+    if (shouldBail) {
       return;
     }
-    var attr = "aria-" + aria.content;
-    var id2 = popper2.id;
-    var nodes = normalizeToArray(instance.props.triggerTarget || reference2);
-    nodes.forEach(function(node) {
-      var currentValue = node.getAttribute(attr);
-      if (instance.state.isVisible) {
-        node.setAttribute(attr, currentValue ? currentValue + " " + id2 : id2);
-      } else {
-        var nextValue = currentValue && currentValue.replace(id2, "").trim();
-        if (nextValue) {
-          node.setAttribute(attr, nextValue);
-        } else {
-          node.removeAttribute(attr);
-        }
-      }
-    });
+    if (instance.props.interactive) {
+      instance.hideWithInteractivity(event);
+      return;
+    }
+    scheduleHide(event);
   }
-  function handleAriaExpandedAttribute() {
-    if (hasAriaExpanded || !instance.props.aria.expanded) {
+  function onBlurOrFocusOut(event) {
+    if (instance.props.trigger.indexOf("focusin") < 0 && event.target !== getCurrentTarget()) {
       return;
     }
-    var nodes = normalizeToArray(instance.props.triggerTarget || reference2);
-    nodes.forEach(function(node) {
-      if (instance.props.interactive) {
-        node.setAttribute("aria-expanded", instance.state.isVisible && node === getCurrentTarget() ? "true" : "false");
-      } else {
-        node.removeAttribute("aria-expanded");
-      }
-    });
+    if (instance.props.interactive && event.relatedTarget && popper2.contains(event.relatedTarget)) {
+      return;
+    }
+    scheduleHide(event);
   }
-  function cleanupInteractiveMouseListeners() {
-    getDocument().removeEventListener("mousemove", debouncedOnMouseMove);
-    mouseMoveListeners = mouseMoveListeners.filter(function(listener) {
-      return listener !== debouncedOnMouseMove;
-    });
+  function isEventListenerStopped(event) {
+    return currentInput.isTouch ? getIsCustomTouchBehavior() !== event.type.indexOf("touch") >= 0 : false;
   }
-  function onDocumentPress(event) {
-    if (currentInput.isTouch) {
-      if (didTouchMove || event.type === "mousedown") {
-        return;
+  function createPopperInstance() {
+    destroyPopperInstance();
+    var _instance$props2 = instance.props, popperOptions = _instance$props2.popperOptions, placement = _instance$props2.placement, offset2 = _instance$props2.offset, getReferenceClientRect = _instance$props2.getReferenceClientRect, moveTransition = _instance$props2.moveTransition;
+    var arrow2 = getIsDefaultRenderFn() ? getChildren(popper2).arrow : null;
+    var computedReference = getReferenceClientRect ? {
+      getBoundingClientRect: getReferenceClientRect,
+      contextElement: getReferenceClientRect.contextElement || getCurrentTarget()
+    } : reference2;
+    var tippyModifier = {
+      name: "$$tippy",
+      enabled: true,
+      phase: "beforeWrite",
+      requires: ["computeStyles"],
+      fn: function fn5(_ref2) {
+        var state2 = _ref2.state;
+        if (getIsDefaultRenderFn()) {
+          var _getDefaultTemplateCh = getDefaultTemplateChildren(), box = _getDefaultTemplateCh.box;
+          ["placement", "reference-hidden", "escaped"].forEach(function(attr) {
+            if (attr === "placement") {
+              box.setAttribute("data-placement", state2.placement);
+            } else {
+              if (state2.attributes.popper["data-popper-" + attr]) {
+                box.setAttribute("data-" + attr, "");
+              } else {
+                box.removeAttribute("data-" + attr);
+              }
+            }
+          });
+          state2.attributes.popper = {};
+        }
+      }
+    };
+    var modifiers = [{
+      name: "offset",
+      options: {
+        offset: offset2
+      }
+    }, {
+      name: "preventOverflow",
+      options: {
+        padding: {
+          top: 2,
+          bottom: 2,
+          left: 5,
+          right: 5
+        }
+      }
+    }, {
+      name: "flip",
+      options: {
+        padding: 5
+      }
+    }, {
+      name: "computeStyles",
+      options: {
+        adaptive: !moveTransition
       }
+    }, tippyModifier];
+    if (getIsDefaultRenderFn() && arrow2) {
+      modifiers.push({
+        name: "arrow",
+        options: {
+          element: arrow2,
+          padding: 3
+        }
+      });
+    }
+    modifiers.push.apply(modifiers, (popperOptions == null ? void 0 : popperOptions.modifiers) || []);
+    instance.popperInstance = createPopper(computedReference, popper2, Object.assign({}, popperOptions, {
+      placement,
+      onFirstUpdate,
+      modifiers
+    }));
+  }
+  function destroyPopperInstance() {
+    if (instance.popperInstance) {
+      instance.popperInstance.destroy();
+      instance.popperInstance = null;
+    }
+  }
+  function mount() {
+    var appendTo = instance.props.appendTo;
+    var parentNode;
+    var node = getCurrentTarget();
+    if (instance.props.interactive && appendTo === TIPPY_DEFAULT_APPEND_TO || appendTo === "parent") {
+      parentNode = node.parentNode;
+    } else {
+      parentNode = invokeWithArgsOrReturn(appendTo, [node]);
+    }
+    if (!parentNode.contains(popper2)) {
+      parentNode.appendChild(popper2);
+    }
+    instance.state.isMounted = true;
+    createPopperInstance();
+  }
+  function getNestedPopperTree() {
+    return arrayFrom(popper2.querySelectorAll("[data-tippy-root]"));
+  }
+  function scheduleShow(event) {
+    instance.clearDelayTimeouts();
+    if (event) {
+      invokeHook("onTrigger", [instance, event]);
+    }
+    addDocumentPress();
+    var delay = getDelay(true);
+    var _getNormalizedTouchSe = getNormalizedTouchSettings(), touchValue = _getNormalizedTouchSe[0], touchDelay = _getNormalizedTouchSe[1];
+    if (currentInput.isTouch && touchValue === "hold" && touchDelay) {
+      delay = touchDelay;
+    }
+    if (delay) {
+      showTimeout = setTimeout(function() {
+        instance.show();
+      }, delay);
+    } else {
+      instance.show();
+    }
+  }
+  function scheduleHide(event) {
+    instance.clearDelayTimeouts();
+    invokeHook("onUntrigger", [instance, event]);
+    if (!instance.state.isVisible) {
+      removeDocumentPress();
+      return;
     }
-    var actualTarget = event.composedPath && event.composedPath()[0] || event.target;
-    if (instance.props.interactive && actualContains(popper2, actualTarget)) {
+    if (instance.props.trigger.indexOf("mouseenter") >= 0 && instance.props.trigger.indexOf("click") >= 0 && ["mouseleave", "mousemove"].indexOf(event.type) >= 0 && isVisibleFromClick) {
       return;
     }
-    if (normalizeToArray(instance.props.triggerTarget || reference2).some(function(el) {
-      return actualContains(el, actualTarget);
-    })) {
-      if (currentInput.isTouch) {
-        return;
-      }
-      if (instance.state.isVisible && instance.props.trigger.indexOf("click") >= 0) {
-        return;
-      }
+    var delay = getDelay(false);
+    if (delay) {
+      hideTimeout = setTimeout(function() {
+        if (instance.state.isVisible) {
+          instance.hide();
+        }
+      }, delay);
     } else {
-      invokeHook("onClickOutside", [instance, event]);
-    }
-    if (instance.props.hideOnClick === true) {
-      instance.clearDelayTimeouts();
-      instance.hide();
-      didHideDueToDocumentMouseDown = true;
-      setTimeout(function() {
-        didHideDueToDocumentMouseDown = false;
+      scheduleHideAnimationFrame = requestAnimationFrame(function() {
+        instance.hide();
       });
-      if (!instance.state.isMounted) {
-        removeDocumentPress();
-      }
     }
   }
-  function onTouchMove() {
-    didTouchMove = true;
-  }
-  function onTouchStart() {
-    didTouchMove = false;
-  }
-  function addDocumentPress() {
-    var doc = getDocument();
-    doc.addEventListener("mousedown", onDocumentPress, true);
-    doc.addEventListener("touchend", onDocumentPress, TOUCH_OPTIONS);
-    doc.addEventListener("touchstart", onTouchStart, TOUCH_OPTIONS);
-    doc.addEventListener("touchmove", onTouchMove, TOUCH_OPTIONS);
-  }
-  function removeDocumentPress() {
-    var doc = getDocument();
-    doc.removeEventListener("mousedown", onDocumentPress, true);
-    doc.removeEventListener("touchend", onDocumentPress, TOUCH_OPTIONS);
-    doc.removeEventListener("touchstart", onTouchStart, TOUCH_OPTIONS);
-    doc.removeEventListener("touchmove", onTouchMove, TOUCH_OPTIONS);
+  function enable() {
+    instance.state.isEnabled = true;
   }
-  function onTransitionedOut(duration, callback) {
-    onTransitionEnd(duration, function() {
-      if (!instance.state.isVisible && popper2.parentNode && popper2.parentNode.contains(popper2)) {
-        callback();
-      }
-    });
+  function disable() {
+    instance.hide();
+    instance.state.isEnabled = false;
   }
-  function onTransitionedIn(duration, callback) {
-    onTransitionEnd(duration, callback);
+  function clearDelayTimeouts() {
+    clearTimeout(showTimeout);
+    clearTimeout(hideTimeout);
+    cancelAnimationFrame(scheduleHideAnimationFrame);
   }
-  function onTransitionEnd(duration, callback) {
-    var box = getDefaultTemplateChildren().box;
-    function listener(event) {
-      if (event.target === box) {
-        updateTransitionEndListener(box, "remove", listener);
-        callback();
-      }
+  function setProps(partialProps) {
+    if (instance.state.isDestroyed) {
+      return;
     }
-    if (duration === 0) {
-      return callback();
+    invokeHook("onBeforeUpdate", [instance, partialProps]);
+    removeListeners();
+    var prevProps = instance.props;
+    var nextProps = evaluateProps(reference2, Object.assign({}, prevProps, removeUndefinedProps(partialProps), {
+      ignoreAttributes: true
+    }));
+    instance.props = nextProps;
+    addListeners();
+    if (prevProps.interactiveDebounce !== nextProps.interactiveDebounce) {
+      cleanupInteractiveMouseListeners();
+      debouncedOnMouseMove = debounce(onMouseMove, nextProps.interactiveDebounce);
     }
-    updateTransitionEndListener(box, "remove", currentTransitionEndListener);
-    updateTransitionEndListener(box, "add", listener);
-    currentTransitionEndListener = listener;
-  }
-  function on(eventType, handler, options) {
-    if (options === void 0) {
-      options = false;
+    if (prevProps.triggerTarget && !nextProps.triggerTarget) {
+      normalizeToArray(prevProps.triggerTarget).forEach(function(node) {
+        node.removeAttribute("aria-expanded");
+      });
+    } else if (nextProps.triggerTarget) {
+      reference2.removeAttribute("aria-expanded");
     }
-    var nodes = normalizeToArray(instance.props.triggerTarget || reference2);
-    nodes.forEach(function(node) {
-      node.addEventListener(eventType, handler, options);
-      listeners.push({
-        node,
-        eventType,
-        handler,
-        options
+    handleAriaExpandedAttribute();
+    handleStyles();
+    if (onUpdate) {
+      onUpdate(prevProps, nextProps);
+    }
+    if (instance.popperInstance) {
+      createPopperInstance();
+      getNestedPopperTree().forEach(function(nestedPopper) {
+        requestAnimationFrame(nestedPopper._tippy.popperInstance.forceUpdate);
       });
+    }
+    invokeHook("onAfterUpdate", [instance, partialProps]);
+  }
+  function setContent2(content) {
+    instance.setProps({
+      content
     });
   }
-  function addListeners() {
-    if (getIsCustomTouchBehavior()) {
-      on("touchstart", onTrigger2, {
-        passive: true
-      });
-      on("touchend", onMouseLeave, {
-        passive: true
-      });
+  function show() {
+    var isAlreadyVisible = instance.state.isVisible;
+    var isDestroyed = instance.state.isDestroyed;
+    var isDisabled = !instance.state.isEnabled;
+    var isTouchAndTouchDisabled = currentInput.isTouch && !instance.props.touch;
+    var duration = getValueAtIndexOrReturn(instance.props.duration, 0, defaultProps$1.duration);
+    if (isAlreadyVisible || isDestroyed || isDisabled || isTouchAndTouchDisabled) {
+      return;
     }
-    splitBySpaces(instance.props.trigger).forEach(function(eventType) {
-      if (eventType === "manual") {
+    if (getCurrentTarget().hasAttribute("disabled")) {
+      return;
+    }
+    invokeHook("onShow", [instance], false);
+    if (instance.props.onShow(instance) === false) {
+      return;
+    }
+    instance.state.isVisible = true;
+    if (getIsDefaultRenderFn()) {
+      popper2.style.visibility = "visible";
+    }
+    handleStyles();
+    addDocumentPress();
+    if (!instance.state.isMounted) {
+      popper2.style.transition = "none";
+    }
+    if (getIsDefaultRenderFn()) {
+      var _getDefaultTemplateCh2 = getDefaultTemplateChildren(), box = _getDefaultTemplateCh2.box, content = _getDefaultTemplateCh2.content;
+      setTransitionDuration([box, content], 0);
+    }
+    onFirstUpdate = function onFirstUpdate2() {
+      var _instance$popperInsta2;
+      if (!instance.state.isVisible || ignoreOnFirstUpdate) {
         return;
       }
-      on(eventType, onTrigger2);
-      switch (eventType) {
-        case "mouseenter":
-          on("mouseleave", onMouseLeave);
-          break;
-        case "focus":
-          on(isIE11 ? "focusout" : "blur", onBlurOrFocusOut);
-          break;
-        case "focusin":
-          on("focusout", onBlurOrFocusOut);
-          break;
+      ignoreOnFirstUpdate = true;
+      void popper2.offsetHeight;
+      popper2.style.transition = instance.props.moveTransition;
+      if (getIsDefaultRenderFn() && instance.props.animation) {
+        var _getDefaultTemplateCh3 = getDefaultTemplateChildren(), _box = _getDefaultTemplateCh3.box, _content = _getDefaultTemplateCh3.content;
+        setTransitionDuration([_box, _content], duration);
+        setVisibilityState([_box, _content], "visible");
       }
-    });
-  }
-  function removeListeners() {
-    listeners.forEach(function(_ref) {
-      var node = _ref.node, eventType = _ref.eventType, handler = _ref.handler, options = _ref.options;
-      node.removeEventListener(eventType, handler, options);
-    });
-    listeners = [];
+      handleAriaContentAttribute();
+      handleAriaExpandedAttribute();
+      pushIfUnique(mountedInstances, instance);
+      (_instance$popperInsta2 = instance.popperInstance) == null ? void 0 : _instance$popperInsta2.forceUpdate();
+      invokeHook("onMount", [instance]);
+      if (instance.props.animation && getIsDefaultRenderFn()) {
+        onTransitionedIn(duration, function() {
+          instance.state.isShown = true;
+          invokeHook("onShown", [instance]);
+        });
+      }
+    };
+    mount();
   }
-  function onTrigger2(event) {
-    var _lastTriggerEvent;
-    var shouldScheduleClickHide = false;
-    if (!instance.state.isEnabled || isEventListenerStopped(event) || didHideDueToDocumentMouseDown) {
+  function hide2() {
+    var isAlreadyHidden = !instance.state.isVisible;
+    var isDestroyed = instance.state.isDestroyed;
+    var isDisabled = !instance.state.isEnabled;
+    var duration = getValueAtIndexOrReturn(instance.props.duration, 1, defaultProps$1.duration);
+    if (isAlreadyHidden || isDestroyed || isDisabled) {
       return;
     }
-    var wasFocused = ((_lastTriggerEvent = lastTriggerEvent) == null ? void 0 : _lastTriggerEvent.type) === "focus";
-    lastTriggerEvent = event;
-    currentTarget = event.currentTarget;
-    handleAriaExpandedAttribute();
-    if (!instance.state.isVisible && isMouseEvent(event)) {
-      mouseMoveListeners.forEach(function(listener) {
-        return listener(event);
-      });
+    invokeHook("onHide", [instance], false);
+    if (instance.props.onHide(instance) === false) {
+      return;
     }
-    if (event.type === "click" && (instance.props.trigger.indexOf("mouseenter") < 0 || isVisibleFromClick) && instance.props.hideOnClick !== false && instance.state.isVisible) {
-      shouldScheduleClickHide = true;
-    } else {
-      scheduleShow(event);
+    instance.state.isVisible = false;
+    instance.state.isShown = false;
+    ignoreOnFirstUpdate = false;
+    isVisibleFromClick = false;
+    if (getIsDefaultRenderFn()) {
+      popper2.style.visibility = "hidden";
     }
-    if (event.type === "click") {
-      isVisibleFromClick = !shouldScheduleClickHide;
+    cleanupInteractiveMouseListeners();
+    removeDocumentPress();
+    handleStyles(true);
+    if (getIsDefaultRenderFn()) {
+      var _getDefaultTemplateCh4 = getDefaultTemplateChildren(), box = _getDefaultTemplateCh4.box, content = _getDefaultTemplateCh4.content;
+      if (instance.props.animation) {
+        setTransitionDuration([box, content], duration);
+        setVisibilityState([box, content], "hidden");
+      }
     }
-    if (shouldScheduleClickHide && !wasFocused) {
-      scheduleHide(event);
+    handleAriaContentAttribute();
+    handleAriaExpandedAttribute();
+    if (instance.props.animation) {
+      if (getIsDefaultRenderFn()) {
+        onTransitionedOut(duration, instance.unmount);
+      }
+    } else {
+      instance.unmount();
     }
   }
-  function onMouseMove(event) {
-    var target = event.target;
-    var isCursorOverReferenceOrPopper = getCurrentTarget().contains(target) || popper2.contains(target);
-    if (event.type === "mousemove" && isCursorOverReferenceOrPopper) {
+  function hideWithInteractivity(event) {
+    getDocument().addEventListener("mousemove", debouncedOnMouseMove);
+    pushIfUnique(mouseMoveListeners, debouncedOnMouseMove);
+    debouncedOnMouseMove(event);
+  }
+  function unmount() {
+    if (instance.state.isVisible) {
+      instance.hide();
+    }
+    if (!instance.state.isMounted) {
       return;
     }
-    var popperTreeData = getNestedPopperTree().concat(popper2).map(function(popper22) {
-      var _instance$popperInsta;
-      var instance2 = popper22._tippy;
-      var state2 = (_instance$popperInsta = instance2.popperInstance) == null ? void 0 : _instance$popperInsta.state;
-      if (state2) {
-        return {
-          popperRect: popper22.getBoundingClientRect(),
-          popperState: state2,
-          props
-        };
-      }
-      return null;
-    }).filter(Boolean);
-    if (isCursorOutsideInteractiveBorder(popperTreeData, event)) {
-      cleanupInteractiveMouseListeners();
-      scheduleHide(event);
+    destroyPopperInstance();
+    getNestedPopperTree().forEach(function(nestedPopper) {
+      nestedPopper._tippy.unmount();
+    });
+    if (popper2.parentNode) {
+      popper2.parentNode.removeChild(popper2);
     }
+    mountedInstances = mountedInstances.filter(function(i) {
+      return i !== instance;
+    });
+    instance.state.isMounted = false;
+    invokeHook("onHidden", [instance]);
   }
-  function onMouseLeave(event) {
-    var shouldBail = isEventListenerStopped(event) || instance.props.trigger.indexOf("click") >= 0 && isVisibleFromClick;
-    if (shouldBail) {
+  function destroy() {
+    if (instance.state.isDestroyed) {
       return;
     }
-    if (instance.props.interactive) {
-      instance.hideWithInteractivity(event);
-      return;
+    instance.clearDelayTimeouts();
+    instance.unmount();
+    removeListeners();
+    delete reference2._tippy;
+    instance.state.isDestroyed = true;
+    invokeHook("onDestroy", [instance]);
+  }
+}
+function tippy(targets, optionalProps) {
+  if (optionalProps === void 0) {
+    optionalProps = {};
+  }
+  var plugins = defaultProps$1.plugins.concat(optionalProps.plugins || []);
+  bindGlobalEventListeners();
+  var passedProps = Object.assign({}, optionalProps, {
+    plugins
+  });
+  var elements = getArrayOfElements(targets);
+  var instances = elements.reduce(function(acc, reference2) {
+    var instance = reference2 && createTippy(reference2, passedProps);
+    if (instance) {
+      acc.push(instance);
+    }
+    return acc;
+  }, []);
+  return isElement(targets) ? instances[0] : instances;
+}
+tippy.defaultProps = defaultProps$1;
+tippy.setDefaultProps = setDefaultProps;
+tippy.currentInput = currentInput;
+Object.assign({}, applyStyles$1, {
+  effect: function effect2(_ref) {
+    var state = _ref.state;
+    var initialStyles = {
+      popper: {
+        position: state.options.strategy,
+        left: "0",
+        top: "0",
+        margin: "0"
+      },
+      arrow: {
+        position: "absolute"
+      },
+      reference: {}
+    };
+    Object.assign(state.elements.popper.style, initialStyles.popper);
+    state.styles = initialStyles;
+    if (state.elements.arrow) {
+      Object.assign(state.elements.arrow.style, initialStyles.arrow);
     }
-    scheduleHide(event);
   }
-  function onBlurOrFocusOut(event) {
-    if (instance.props.trigger.indexOf("focusin") < 0 && event.target !== getCurrentTarget()) {
-      return;
+});
+tippy.setDefaultProps({
+  render
+});
+const dbTheme = "db-tippy";
+const dbDefaultProps = { theme: dbTheme };
+function dbTippy(targets, optionalProps) {
+  const props = optionalProps ? { ...optionalProps } : optionalProps;
+  if (props) {
+    const { theme } = props;
+    props.theme = theme ? `${dbTheme} ${props.theme}` : dbTheme;
+  }
+  if (targets instanceof Element) {
+    const target = targets;
+    return tippy(target, props || dbDefaultProps);
+  }
+  return tippy(targets, props || dbDefaultProps);
+}
+const placements = [
+  "top",
+  "bottom",
+  "right",
+  "left",
+  "auto",
+  "auto-start",
+  "auto-end",
+  "top-start",
+  "top-end",
+  "bottom-start",
+  "bottom-end",
+  "right-start",
+  "right-end",
+  "left-start",
+  "left-end"
+];
+function checkOverflow(el) {
+  if (!el) return false;
+  const createDom = (el2, css) => {
+    const dom = document.createElement("div");
+    const width = parseFloat(css.width) ? `${Math.ceil(parseFloat(css.width))}px` : css.width;
+    dom.style.cssText = `
+      width: ${width};
+      line-height: ${css.lineHeight};
+      font-size: ${css.fontSize};
+      word-break: ${css.wordBreak};
+      padding: ${css.padding};
+    `;
+    dom.textContent = el2.textContent;
+    return dom;
+  };
+  let isOverflow = false;
+  try {
+    const css = window.getComputedStyle(el, null);
+    const lineClamp = css.webkitLineClamp;
+    if (lineClamp !== "none") {
+      const targetHeight = parseFloat(css.height);
+      const dom = createDom(el, css);
+      document.body.appendChild(dom);
+      const domHeight = window.getComputedStyle(dom, null).height;
+      document.body.removeChild(dom);
+      isOverflow = targetHeight < parseFloat(domHeight);
+    } else {
+      isOverflow = el.clientWidth < el.scrollWidth || el.clientHeight < el.scrollHeight;
     }
-    if (instance.props.interactive && event.relatedTarget && popper2.contains(event.relatedTarget)) {
-      return;
+  } catch (e) {
+    console.warn("There is an error when check element overflow state: ", e);
+  }
+  return isOverflow;
+}
+function beforeShow(instance) {
+  const { reference: reference2 } = instance;
+  const { props } = reference2._bk_overflow_tips_;
+  const isOverflow = checkOverflow(reference2);
+  if (isOverflow) {
+    let { content } = props;
+    if (!content) {
+      content = props.allowHTML ? reference2.innerHTML : reference2.textContent;
+    }
+    instance.setContent(content);
+    return true;
+  }
+  return false;
+}
+function setupOnShow(props, customProps) {
+  props.onShow = (instance) => {
+    if (typeof customProps.onShow === "function") {
+      const result = customProps.onShow(instance);
+      if (!result) return false;
+    }
+    const isShow = beforeShow(instance);
+    if (!isShow) return false;
+  };
+}
+function setupTheme(props, customProps) {
+  const theme = ["db-tippy bk-overflow-tips"];
+  if (customProps.theme) {
+    theme.push(customProps.theme);
+  }
+  props.theme = theme.join(" ");
+}
+function formatModifiers(modifiers) {
+  const keys = Object.entries(modifiers).map((item) => item[0]);
+  if (keys.length === 0) return {};
+  const props = {};
+  for (const key of keys) {
+    if (placements.includes(key)) {
+      props.placement = key;
     }
-    scheduleHide(event);
   }
-  function isEventListenerStopped(event) {
-    return currentInput.isTouch ? getIsCustomTouchBehavior() !== event.type.indexOf("touch") >= 0 : false;
+  return props;
+}
+const defaultProps = {
+  arrow: true,
+  interactive: true,
+  delay: 150,
+  allowHTML: false,
+  maxWidth: 600,
+  // boundary: 'window',
+  placement: "top",
+  appendTo: () => document.body
+};
+const overflowTips = {
+  mounted(el, binding) {
+    const customProps = typeof binding.value === "object" ? binding.value : formatModifiers(binding.modifiers);
+    const props = Object.assign({ ...defaultProps }, customProps);
+    setupOnShow(props, customProps);
+    setupTheme(props, customProps);
+    el._bk_overflow_tips_ = {
+      props,
+      // 指令配置的props单独存储方便后续做判断
+      instance: dbTippy(el, props)
+    };
+  },
+  updated(el, binding) {
+    const { props, instance } = el._bk_overflow_tips_;
+    const customProps = typeof binding.value === "object" ? binding.value : formatModifiers(binding.modifiers);
+    Object.assign(props, customProps);
+    setupOnShow(props, customProps);
+    setupTheme(props, customProps);
+    instance.setProps(props);
+  },
+  beforeUnmount(el) {
+    el._tippy && el._tippy.destroy();
+    delete el._bk_overflow_tips_;
   }
-  function createPopperInstance() {
-    destroyPopperInstance();
-    var _instance$props2 = instance.props, popperOptions = _instance$props2.popperOptions, placement = _instance$props2.placement, offset2 = _instance$props2.offset, getReferenceClientRect = _instance$props2.getReferenceClientRect, moveTransition = _instance$props2.moveTransition;
-    var arrow2 = getIsDefaultRenderFn() ? getChildren(popper2).arrow : null;
-    var computedReference = getReferenceClientRect ? {
-      getBoundingClientRect: getReferenceClientRect,
-      contextElement: getReferenceClientRect.contextElement || getCurrentTarget()
-    } : reference2;
-    var tippyModifier = {
-      name: "$$tippy",
-      enabled: true,
-      phase: "beforeWrite",
-      requires: ["computeStyles"],
-      fn: function fn5(_ref2) {
-        var state2 = _ref2.state;
-        if (getIsDefaultRenderFn()) {
-          var _getDefaultTemplateCh = getDefaultTemplateChildren(), box = _getDefaultTemplateCh.box;
-          ["placement", "reference-hidden", "escaped"].forEach(function(attr) {
-            if (attr === "placement") {
-              box.setAttribute("data-placement", state2.placement);
+};
+const random = () => `${_.random(0, 999999)}_${Date.now()}_${_.random(0, 999999)}`;
+const encodeMult = (text) => {
+  const temp = document.createElement("textarea");
+  temp.value = text;
+  return temp.value;
+};
+function tryOnScopeDispose(fn2) {
+  if (getCurrentScope()) {
+    onScopeDispose(fn2);
+    return true;
+  }
+  return false;
+}
+function toValue(r) {
+  return typeof r === "function" ? r() : unref(r);
+}
+const isClient = typeof window !== "undefined" && typeof document !== "undefined";
+typeof WorkerGlobalScope !== "undefined" && globalThis instanceof WorkerGlobalScope;
+function unrefElement(elRef) {
+  var _a;
+  const plain = toValue(elRef);
+  return (_a = plain == null ? void 0 : plain.$el) != null ? _a : plain;
+}
+const defaultWindow = isClient ? window : void 0;
+function useMounted() {
+  const isMounted = ref(false);
+  const instance = getCurrentInstance();
+  if (instance) {
+    onMounted(() => {
+      isMounted.value = true;
+    }, instance);
+  }
+  return isMounted;
+}
+function useSupported(callback) {
+  const isMounted = useMounted();
+  return computed(() => {
+    isMounted.value;
+    return Boolean(callback());
+  });
+}
+function useResizeObserver(target, callback, options = {}) {
+  const { window: window2 = defaultWindow, ...observerOptions } = options;
+  let observer;
+  const isSupported = useSupported(() => window2 && "ResizeObserver" in window2);
+  const cleanup = () => {
+    if (observer) {
+      observer.disconnect();
+      observer = void 0;
+    }
+  };
+  const targets = computed(() => Array.isArray(target) ? target.map((el) => unrefElement(el)) : [unrefElement(target)]);
+  const stopWatch = watch(
+    targets,
+    (els) => {
+      cleanup();
+      if (isSupported.value && window2) {
+        observer = new ResizeObserver(callback);
+        for (const _el of els)
+          _el && observer.observe(_el, observerOptions);
+      }
+    },
+    { immediate: true, flush: "post" }
+  );
+  const stop = () => {
+    cleanup();
+    stopWatch();
+  };
+  tryOnScopeDispose(stop);
+  return {
+    isSupported,
+    stop
+  };
+}
+const _hoisted_1$6 = ["data-fixed", "data-maxWidth", "data-minWidth", "data-width"];
+const _hoisted_2$2 = { class: "th-cell" };
+const _hoisted_3$1 = { style: { "display": "inline-block", "line-height": "40px", "vertical-align": "top" } };
+const _sfc_main$8 = /* @__PURE__ */ defineComponent({
+  __name: "head-column",
+  props: {
+    fixed: { default: void 0 },
+    maxWidth: { default: void 0 },
+    minWidth: { default: void 0 },
+    required: { type: Boolean, default: true },
+    width: { default: void 0 },
+    renderAppend: { type: Function, default: void 0 },
+    memo: { default: void 0 }
+  },
+  setup(__props) {
+    const props = __props;
+    const slots = useSlots();
+    const { rowWidth, isOverflow: isMinimize, isScrollToLeft, isScrollToRight } = inject(renderTablekey);
+    const parentTable = inject(tableColumnResizekey);
+    const columnRef = ref();
+    const currentWidth = ref(0);
+    const vBkTooltips = bkTooltips;
+    const vOverflowTips = overflowTips;
+    const columnKey = random();
+    let initWidthRate = 0;
+    let isDragedSelf = false;
+    const finalMinWidth = computed(() => props.minWidth ? props.minWidth : props.width ?? 100);
+    const isFixedRight = computed(() => props.fixed === "right");
+    const isFixedLeft = computed(() => props.fixed === "left");
+    const styles = computed(() => {
+      if (props.width && (rowWidth == null ? void 0 : rowWidth.value) && finalMinWidth.value) {
+        const newWidth = rowWidth.value * initWidthRate;
+        if (newWidth !== props.width) {
+          let width = 0;
+          if (isMinimize == null ? void 0 : isMinimize.value) {
+            if (currentWidth.value !== 0 && (currentWidth.value !== finalMinWidth.value || currentWidth.value !== props.width)) {
+              width = currentWidth.value;
             } else {
-              if (state2.attributes.popper["data-popper-" + attr]) {
-                box.setAttribute("data-" + attr, "");
-              } else {
-                box.removeAttribute("data-" + attr);
-              }
+              width = finalMinWidth.value;
             }
-          });
-          state2.attributes.popper = {};
+          } else if (newWidth > finalMinWidth.value) {
+            width = newWidth;
+          } else {
+            width = finalMinWidth.value;
+          }
+          return {
+            minWidth: `${width}px`
+          };
         }
       }
-    };
-    var modifiers = [{
-      name: "offset",
-      options: {
-        offset: offset2
-      }
-    }, {
-      name: "preventOverflow",
-      options: {
-        padding: {
-          top: 2,
-          bottom: 2,
-          left: 5,
-          right: 5
+      return {
+        minWidth: props.width ? `${props.width}px` : "120px"
+      };
+    });
+    const RenderAppendElement = computed(() => props.renderAppend && props.renderAppend());
+    watch(
+      () => [props.width, rowWidth == null ? void 0 : rowWidth.value, currentWidth.value],
+      ([width, rowWidth2, currentWidth2]) => {
+        if (!isDragedSelf) {
+          return;
         }
+        if (width && rowWidth2 && currentWidth2 && finalMinWidth.value) {
+          isDragedSelf = false;
+          if (currentWidth2 !== 0 && (currentWidth2 !== finalMinWidth.value || currentWidth2 !== width)) {
+            initWidthRate = currentWidth2 / rowWidth2;
+          } else {
+            initWidthRate = (isMinimize == null ? void 0 : isMinimize.value) ? finalMinWidth.value / rowWidth2 : width / rowWidth2;
+          }
+        }
+      },
+      {
+        immediate: true
       }
-    }, {
-      name: "flip",
-      options: {
-        padding: 5
-      }
-    }, {
-      name: "computeStyles",
-      options: {
-        adaptive: !moveTransition
+    );
+    useResizeObserver(columnRef, () => {
+      if (!isDragedSelf) {
+        return;
       }
-    }, tippyModifier];
-    if (getIsDefaultRenderFn() && arrow2) {
-      modifiers.push({
-        name: "arrow",
-        options: {
-          element: arrow2,
-          padding: 3
-        }
-      });
-    }
-    modifiers.push.apply(modifiers, (popperOptions == null ? void 0 : popperOptions.modifiers) || []);
-    instance.popperInstance = createPopper(computedReference, popper2, Object.assign({}, popperOptions, {
-      placement,
-      onFirstUpdate,
-      modifiers
-    }));
-  }
-  function destroyPopperInstance() {
-    if (instance.popperInstance) {
-      instance.popperInstance.destroy();
-      instance.popperInstance = null;
-    }
-  }
-  function mount() {
-    var appendTo = instance.props.appendTo;
-    var parentNode;
-    var node = getCurrentTarget();
-    if (instance.props.interactive && appendTo === TIPPY_DEFAULT_APPEND_TO || appendTo === "parent") {
-      parentNode = node.parentNode;
-    } else {
-      parentNode = invokeWithArgsOrReturn(appendTo, [node]);
-    }
-    if (!parentNode.contains(popper2)) {
-      parentNode.appendChild(popper2);
-    }
-    instance.state.isMounted = true;
-    createPopperInstance();
-  }
-  function getNestedPopperTree() {
-    return arrayFrom(popper2.querySelectorAll("[data-tippy-root]"));
-  }
-  function scheduleShow(event) {
-    instance.clearDelayTimeouts();
-    if (event) {
-      invokeHook("onTrigger", [instance, event]);
-    }
-    addDocumentPress();
-    var delay = getDelay(true);
-    var _getNormalizedTouchSe = getNormalizedTouchSettings(), touchValue = _getNormalizedTouchSe[0], touchDelay = _getNormalizedTouchSe[1];
-    if (currentInput.isTouch && touchValue === "hold" && touchDelay) {
-      delay = touchDelay;
-    }
-    if (delay) {
-      showTimeout = setTimeout(function() {
-        instance.show();
-      }, delay);
-    } else {
-      instance.show();
-    }
-  }
-  function scheduleHide(event) {
-    instance.clearDelayTimeouts();
-    invokeHook("onUntrigger", [instance, event]);
-    if (!instance.state.isVisible) {
-      removeDocumentPress();
-      return;
-    }
-    if (instance.props.trigger.indexOf("mouseenter") >= 0 && instance.props.trigger.indexOf("click") >= 0 && ["mouseleave", "mousemove"].indexOf(event.type) >= 0 && isVisibleFromClick) {
-      return;
-    }
-    var delay = getDelay(false);
-    if (delay) {
-      hideTimeout = setTimeout(function() {
-        if (instance.state.isVisible) {
-          instance.hide();
-        }
-      }, delay);
-    } else {
-      scheduleHideAnimationFrame = requestAnimationFrame(function() {
-        instance.hide();
+      const width = parseFloat(columnRef.value.style.width);
+      currentWidth.value = width;
+    });
+    const handleMouseDown = (event) => {
+      isDragedSelf = true;
+      parentTable == null ? void 0 : parentTable.columnMousedown(event, {
+        columnKey,
+        minWidth: finalMinWidth.value
       });
-    }
-  }
-  function enable() {
-    instance.state.isEnabled = true;
+    };
+    const handleMouseMove = (event) => {
+      parentTable == null ? void 0 : parentTable.columnMouseMove(event);
+    };
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("th", {
+        ref_key: "columnRef",
+        ref: columnRef,
+        class: normalizeClass(["bk-ediatable-head-column", {
+          [`column-${unref(columnKey)}`]: true,
+          "is-right-fixed": unref(isMinimize) && isFixedRight.value && !unref(isScrollToRight),
+          "is-left-fixed": unref(isMinimize) && isFixedLeft.value && !unref(isScrollToLeft)
+        }]),
+        "data-fixed": _ctx.fixed,
+        "data-maxWidth": _ctx.maxWidth,
+        "data-minWidth": finalMinWidth.value,
+        "data-width": _ctx.width,
+        style: normalizeStyle(styles.value),
+        onMousedown: handleMouseDown,
+        onMousemove: handleMouseMove
+      }, [
+        createElementVNode(
+          "div",
+          {
+            class: normalizeClass({ "is-required": _ctx.required })
+          },
+          [
+            withDirectives((openBlock(), createElementBlock("div", _hoisted_2$2, [
+              withDirectives((openBlock(), createElementBlock(
+                "span",
+                {
+                  class: normalizeClass({ "title-memo": _ctx.memo })
+                },
+                [
+                  renderSlot(_ctx.$slots, "default")
+                ],
+                2
+                /* CLASS */
+              )), [
+                [unref(vBkTooltips), {
+                  content: _ctx.memo,
+                  disabled: !_ctx.memo
+                }]
+              ])
+            ])), [
+              [unref(vOverflowTips)]
+            ]),
+            createElementVNode("div", _hoisted_3$1, [
+              slots.append && !_ctx.renderAppend ? renderSlot(_ctx.$slots, "append", { key: 0 }) : createCommentVNode("v-if", true),
+              _ctx.renderAppend ? (openBlock(), createBlock(unref(RenderAppendElement), { key: 1 })) : createCommentVNode("v-if", true)
+            ])
+          ],
+          2
+          /* CLASS */
+        )
+      ], 46, _hoisted_1$6);
+    };
   }
-  function disable() {
-    instance.hide();
-    instance.state.isEnabled = false;
+});
+const renderTablekey = Symbol("renderTable");
+const _sfc_main$7 = /* @__PURE__ */ defineComponent({
+  __name: "ediatable",
+  props: {
+    theadList: { default: () => [] }
+  },
+  setup(__props) {
+    const slots = useSlots();
+    const checkTableScroll = () => {
+      rowWidth.value = tableRef.value.clientWidth;
+      isOverflow.value = tableOuterRef.value.clientWidth < tableRef.value.clientWidth;
+      initColumnWidth();
+    };
+    const tableOuterRef = ref();
+    const tableRef = ref();
+    const tableColumnResizeRef = ref();
+    const isOverflow = ref(false);
+    const rowWidth = ref(0);
+    const isScrollToLeft = ref(true);
+    const isScrollToRight = ref(false);
+    const { initColumnWidth } = useColumnResize(tableOuterRef, tableColumnResizeRef, _.debounce(checkTableScroll));
+    provide(renderTablekey, {
+      isOverflow,
+      rowWidth,
+      isScrollToLeft,
+      isScrollToRight
+    });
+    const handleScroll = _.throttle(() => {
+      isScrollToLeft.value = tableOuterRef.value.scrollLeft === 0;
+      isScrollToRight.value = tableOuterRef.value.scrollWidth - tableOuterRef.value.scrollLeft < tableOuterRef.value.clientWidth + 1;
+    }, 200);
+    onMounted(() => {
+      window.addEventListener("resize", checkTableScroll);
+      checkTableScroll();
+      setTimeout(() => checkTableScroll());
+      tableOuterRef.value.addEventListener("scroll", handleScroll);
+    });
+    onBeforeUnmount(() => {
+      window.removeEventListener("resize", checkTableScroll);
+      tableOuterRef.value.removeEventListener("scroll", handleScroll);
+    });
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock(
+        "div",
+        {
+          id: "ediatableRenderTableKey",
+          ref_key: "tableOuterRef",
+          ref: tableOuterRef,
+          class: normalizeClass(["bk-ediatable", { "scrollbar-exists": isOverflow.value }])
+        },
+        [
+          createElementVNode(
+            "table",
+            {
+              ref_key: "tableRef",
+              ref: tableRef
+            },
+            [
+              createElementVNode("thead", null, [
+                createElementVNode("tr", null, [
+                  slots.default && _ctx.theadList.length === 0 ? renderSlot(_ctx.$slots, "default", { key: 0 }) : (openBlock(true), createElementBlock(
+                    Fragment,
+                    { key: 1 },
+                    renderList(_ctx.theadList, (head, index) => {
+                      return openBlock(), createBlock(_sfc_main$8, {
+                        key: index,
+                        width: head.width,
+                        "min-width": head.minWidth,
+                        "max-width": head.maxWidth,
+                        fixed: head.fixed,
+                        required: head.required,
+                        "render-append": head.renderAppend,
+                        memo: head.memo
+                      }, {
+                        default: withCtx(() => [
+                          createTextVNode(
+                            toDisplayString(head.title),
+                            1
+                            /* TEXT */
+                          )
+                        ]),
+                        _: 2
+                        /* DYNAMIC */
+                      }, 1032, ["width", "min-width", "max-width", "fixed", "required", "render-append", "memo"]);
+                    }),
+                    128
+                    /* KEYED_FRAGMENT */
+                  ))
+                ])
+              ]),
+              renderSlot(_ctx.$slots, "data")
+            ],
+            512
+            /* NEED_PATCH */
+          ),
+          createElementVNode(
+            "div",
+            {
+              ref_key: "tableColumnResizeRef",
+              ref: tableColumnResizeRef,
+              class: "table-column-resize"
+            },
+            null,
+            512
+            /* NEED_PATCH */
+          )
+        ],
+        2
+        /* CLASS */
+      );
+    };
   }
-  function clearDelayTimeouts() {
-    clearTimeout(showTimeout);
-    clearTimeout(hideTimeout);
-    cancelAnimationFrame(scheduleHideAnimationFrame);
+});
+const getRuleMessage = (rule) => {
+  if (typeof rule.message === "function") {
+    return rule.message();
   }
-  function setProps(partialProps) {
-    if (instance.state.isDestroyed) {
-      return;
-    }
-    invokeHook("onBeforeUpdate", [instance, partialProps]);
-    removeListeners();
-    var prevProps = instance.props;
-    var nextProps = evaluateProps(reference2, Object.assign({}, prevProps, removeUndefinedProps(partialProps), {
-      ignoreAttributes: true
-    }));
-    instance.props = nextProps;
-    addListeners();
-    if (prevProps.interactiveDebounce !== nextProps.interactiveDebounce) {
-      cleanupInteractiveMouseListeners();
-      debouncedOnMouseMove = debounce(onMouseMove, nextProps.interactiveDebounce);
-    }
-    if (prevProps.triggerTarget && !nextProps.triggerTarget) {
-      normalizeToArray(prevProps.triggerTarget).forEach(function(node) {
-        node.removeAttribute("aria-expanded");
-      });
-    } else if (nextProps.triggerTarget) {
-      reference2.removeAttribute("aria-expanded");
+  return rule.message;
+};
+function useValidtor(rules) {
+  const state = reactive({
+    loading: false,
+    error: false,
+    message: ""
+  });
+  const validator = (targetValue) => {
+    state.error = false, state.message = "";
+    if (!rules) {
+      return Promise.resolve(true);
     }
-    handleAriaExpandedAttribute();
-    handleStyles();
-    if (onUpdate) {
-      onUpdate(prevProps, nextProps);
+    const run = /* @__PURE__ */ (() => {
+      let stepIndex = -1;
+      return async () => {
+        stepIndex = stepIndex + 1;
+        if (stepIndex >= rules.length) {
+          return Promise.resolve(true);
+        }
+        const rule = rules[stepIndex];
+        return Promise.resolve().then(() => {
+          const result = rule.validator(targetValue);
+          if (typeof result !== "boolean" && typeof result.then === "function") {
+            return result.then((data) => {
+              if (data === false) {
+                return Promise.reject(getRuleMessage(rule));
+              }
+            }).then(() => run(), () => {
+              state.error = true;
+              const message = getRuleMessage(rule);
+              state.message = message;
+              return Promise.reject(message);
+            });
+          }
+          if (!result) {
+            state.error = true;
+            const message = getRuleMessage(rule);
+            state.message = message;
+            return Promise.reject(message);
+          }
+          return run();
+        });
+      };
+    })();
+    return run();
+  };
+  return {
+    ...toRefs(state),
+    validator
+  };
+}
+const DbIcon = defineComponent({
+  name: "DbIcon",
+  props: {
+    type: {
+      type: String,
+      required: true
+    },
+    svg: {
+      type: Boolean,
+      default: false
     }
-    if (instance.popperInstance) {
-      createPopperInstance();
-      getNestedPopperTree().forEach(function(nestedPopper) {
-        requestAnimationFrame(nestedPopper._tippy.popperInstance.forceUpdate);
-      });
+  },
+  render() {
+    if (this.svg) {
+      return h(
+        "svg",
+        {
+          class: {
+            "db-svg-icon": true
+          }
+        },
+        [
+          h("use", {
+            "xlink:href": `#db-icon-${this.type}`
+          })
+        ]
+      );
     }
-    invokeHook("onAfterUpdate", [instance, partialProps]);
-  }
-  function setContent2(content) {
-    instance.setProps({
-      content
+    const classes = {
+      "ediatable-icon": true,
+      [`icon-${this.type}`]: true
+    };
+    return h("i", {
+      class: classes
     });
   }
-  function show() {
-    var isAlreadyVisible = instance.state.isVisible;
-    var isDestroyed = instance.state.isDestroyed;
-    var isDisabled = !instance.state.isEnabled;
-    var isTouchAndTouchDisabled = currentInput.isTouch && !instance.props.touch;
-    var duration = getValueAtIndexOrReturn(instance.props.duration, 0, defaultProps.duration);
-    if (isAlreadyVisible || isDestroyed || isDisabled || isTouchAndTouchDisabled) {
-      return;
-    }
-    if (getCurrentTarget().hasAttribute("disabled")) {
-      return;
-    }
-    invokeHook("onShow", [instance], false);
-    if (instance.props.onShow(instance) === false) {
-      return;
-    }
-    instance.state.isVisible = true;
-    if (getIsDefaultRenderFn()) {
-      popper2.style.visibility = "visible";
-    }
-    handleStyles();
-    addDocumentPress();
-    if (!instance.state.isMounted) {
-      popper2.style.transition = "none";
-    }
-    if (getIsDefaultRenderFn()) {
-      var _getDefaultTemplateCh2 = getDefaultTemplateChildren(), box = _getDefaultTemplateCh2.box, content = _getDefaultTemplateCh2.content;
-      setTransitionDuration([box, content], 0);
-    }
-    onFirstUpdate = function onFirstUpdate2() {
-      var _instance$popperInsta2;
-      if (!instance.state.isVisible || ignoreOnFirstUpdate) {
+});
+const _hoisted_1$5 = {
+  key: 0,
+  class: "input-error"
+};
+const _sfc_main$6 = /* @__PURE__ */ defineComponent({
+  __name: "date-time-picker-column",
+  props: /* @__PURE__ */ mergeModels({
+    placeholder: { default: "" },
+    rules: { default: void 0 },
+    type: { default: void 0 },
+    disabled: { type: Boolean, default: false }
+  }, {
+    "modelValue": {},
+    "modelModifiers": {}
+  }),
+  emits: /* @__PURE__ */ mergeModels(["change"], ["update:modelValue"]),
+  setup(__props, { expose: __expose, emit: __emit }) {
+    const props = __props;
+    const emits = __emit;
+    const modelValue = useModel(__props, "modelValue");
+    const attrs = useAttrs();
+    const slots = useSlots();
+    const { message: errorMessage, validator } = useValidtor(props.rules);
+    const vBkTooltips = bkTooltips;
+    const handleChange = (value) => {
+      modelValue.value = value;
+      validator(modelValue.value).then(() => {
+        emits("change", modelValue.value);
+      });
+    };
+    const handleOpenChange = (open) => {
+      if (!open) {
+        validator(modelValue.value);
+      }
+    };
+    __expose({
+      getValue() {
+        return validator(modelValue.value).then(() => modelValue.value);
+      }
+    });
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock(
+        "div",
+        {
+          class: normalizeClass(["bk-ediatable-time-picker", {
+            "is-error": Boolean(unref(errorMessage)),
+            "is-disabled": _ctx.disabled
+          }])
+        },
+        [
+          createVNode(unref(DatePicker), mergeProps({
+            "append-to-body": "",
+            clearable: false,
+            "model-value": modelValue.value,
+            placeholder: _ctx.placeholder,
+            style: { "width": "100%" },
+            type: _ctx.type
+          }, unref(attrs), {
+            onChange: handleChange,
+            onOpenChange: handleOpenChange
+          }), createSlots({
+            _: 2
+            /* DYNAMIC */
+          }, [
+            unref(slots).footer ? {
+              name: "footer",
+              fn: withCtx(() => [
+                renderSlot(_ctx.$slots, "footer")
+              ]),
+              key: "0"
+            } : void 0
+          ]), 1040, ["model-value", "placeholder", "type"]),
+          unref(errorMessage) ? (openBlock(), createElementBlock("div", _hoisted_1$5, [
+            withDirectives(createVNode(
+              unref(DbIcon),
+              { type: "exclamation-fill" },
+              null,
+              512
+              /* NEED_PATCH */
+            ), [
+              [unref(vBkTooltips), unref(errorMessage)]
+            ])
+          ])) : createCommentVNode("v-if", true)
+        ],
+        2
+        /* CLASS */
+      );
+    };
+  }
+});
+const _hoisted_1$4 = {
+  key: 1,
+  class: "blur-dispaly-main"
+};
+const _sfc_main$5 = /* @__PURE__ */ defineComponent({
+  __name: "input-column",
+  props: /* @__PURE__ */ mergeModels({
+    placeholder: { default: "请输入" },
+    rules: { default: void 0 },
+    disabled: { type: Boolean, default: false },
+    type: { default: "text" },
+    min: { default: Number.MIN_SAFE_INTEGER },
+    max: { default: Number.MAX_SAFE_INTEGER },
+    isShowBlur: { type: Boolean, default: false },
+    precision: { default: 0 }
+  }, {
+    "modelValue": {
+      default: ""
+    },
+    "modelModifiers": {}
+  }),
+  emits: /* @__PURE__ */ mergeModels(["submit"], ["update:modelValue"]),
+  setup(__props, { expose: __expose, emit: __emit }) {
+    const props = __props;
+    const emits = __emit;
+    const modelValue = useModel(__props, "modelValue");
+    const rootRef = ref();
+    const isBlur = ref(true);
+    const isPassword = computed(() => props.type === "password");
+    let oldInputText = "";
+    const vBkTooltips = bkTooltips;
+    const {
+      message: errorMessage,
+      validator
+    } = useValidtor(props.rules);
+    const handleInput = (value) => {
+      isBlur.value = false;
+      modelValue.value = value;
+    };
+    const handleBlur = (event) => {
+      isBlur.value = true;
+      if (props.disabled) {
+        event.preventDefault();
         return;
       }
-      ignoreOnFirstUpdate = true;
-      void popper2.offsetHeight;
-      popper2.style.transition = instance.props.moveTransition;
-      if (getIsDefaultRenderFn() && instance.props.animation) {
-        var _getDefaultTemplateCh3 = getDefaultTemplateChildren(), _box = _getDefaultTemplateCh3.box, _content = _getDefaultTemplateCh3.content;
-        setTransitionDuration([_box, _content], duration);
-        setVisibilityState([_box, _content], "visible");
+      if (modelValue.value) {
+        if (oldInputText === modelValue.value) {
+          return;
+        }
+        oldInputText = modelValue.value;
+        validator(modelValue.value).then(() => {
+          emits("submit", modelValue.value);
+        });
+        return;
       }
-      handleAriaContentAttribute();
-      handleAriaExpandedAttribute();
-      pushIfUnique(mountedInstances, instance);
-      (_instance$popperInsta2 = instance.popperInstance) == null ? void 0 : _instance$popperInsta2.forceUpdate();
-      invokeHook("onMount", [instance]);
-      if (instance.props.animation && getIsDefaultRenderFn()) {
-        onTransitionedIn(duration, function() {
-          instance.state.isShown = true;
-          invokeHook("onShown", [instance]);
+      emits("submit", modelValue.value);
+    };
+    const handleKeydown = (_value, event) => {
+      if (props.disabled) {
+        event.preventDefault();
+        return;
+      }
+      if (event.isComposing) {
+        return;
+      }
+      if (event.which === 13 || event.key === "Enter") {
+        if (oldInputText === modelValue.value) {
+          return;
+        }
+        oldInputText = modelValue.value;
+        event.preventDefault();
+        validator(modelValue.value).then((result) => {
+          if (result) {
+            emits("submit", modelValue.value);
+          }
         });
       }
     };
-    mount();
+    const handlePaste = (_value, event) => {
+      event.preventDefault();
+      let paste = (event.clipboardData || window.clipboardData).getData("text");
+      paste = encodeMult(paste);
+      modelValue.value += paste.replace(/^\s+|\s+$/g, "");
+    };
+    __expose({
+      getValue() {
+        return validator(modelValue.value).then(() => modelValue.value);
+      },
+      focus() {
+        var _a;
+        (_a = rootRef.value.querySelector("input")) == null ? void 0 : _a.focus();
+      }
+    });
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock(
+        "div",
+        {
+          ref_key: "rootRef",
+          ref: rootRef,
+          class: normalizeClass(["bk-ediatable-input", {
+            "is-error": Boolean(unref(errorMessage)),
+            "is-disabled": _ctx.disabled,
+            "is-password": isPassword.value
+          }])
+        },
+        [
+          createVNode(unref(Input), mergeProps({
+            class: "input-box",
+            disabled: _ctx.disabled,
+            max: _ctx.max,
+            min: _ctx.min,
+            "model-value": modelValue.value,
+            placeholder: _ctx.placeholder,
+            type: _ctx.type
+          }, _ctx.$attrs, {
+            precision: _ctx.precision,
+            onBlur: handleBlur,
+            onChange: handleInput,
+            onFocus: _cache[0] || (_cache[0] = () => isBlur.value = false),
+            onInput: handleInput,
+            onKeydown: handleKeydown,
+            onPaste: handlePaste
+          }), {
+            suffix: withCtx(() => []),
+            _: 1
+            /* STABLE */
+          }, 16, ["disabled", "max", "min", "model-value", "placeholder", "type", "precision"]),
+          unref(errorMessage) ? withDirectives((openBlock(), createBlock(
+            unref(DbIcon),
+            {
+              key: 0,
+              class: "error-icon",
+              type: "exclamation-fill"
+            },
+            null,
+            512
+            /* NEED_PATCH */
+          )), [
+            [unref(vBkTooltips), unref(errorMessage)]
+          ]) : createCommentVNode("v-if", true),
+          _ctx.isShowBlur && isBlur.value ? (openBlock(), createElementBlock("div", _hoisted_1$4, [
+            renderSlot(_ctx.$slots, "blur")
+          ])) : createCommentVNode("v-if", true)
+        ],
+        2
+        /* CLASS */
+      );
+    };
+  }
+});
+const _sfc_main$4 = /* @__PURE__ */ defineComponent({
+  __name: "fixed-column",
+  props: {
+    fixed: { default: "right" }
+  },
+  setup(__props) {
+    const props = __props;
+    const { isOverflow: isFixed, isScrollToLeft, isScrollToRight } = inject(renderTablekey);
+    const isFixedRight = computed(() => (isFixed == null ? void 0 : isFixed.value) && props.fixed === "right" && !isScrollToRight.value);
+    const isFixedLeft = computed(() => (isFixed == null ? void 0 : isFixed.value) && props.fixed === "left" && !isScrollToLeft.value);
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock(
+        "td",
+        {
+          class: normalizeClass({
+            "bk-ediatable-right-fixed-column": isFixedRight.value,
+            "bk-ediatable-left-fixed-column": isFixedLeft.value
+          })
+        },
+        [
+          renderSlot(_ctx.$slots, "default")
+        ],
+        2
+        /* CLASS */
+      );
+    };
+  }
+});
+const _hoisted_1$3 = { class: "bk-ediatable-operation" };
+const _sfc_main$3 = /* @__PURE__ */ defineComponent({
+  __name: "operation-column",
+  props: {
+    removeable: { type: Boolean, default: true },
+    showCopy: { type: Boolean, default: false },
+    showAdd: { type: Boolean, default: true },
+    showRemove: { type: Boolean, default: true }
+  },
+  emits: ["add", "copy", "remove"],
+  setup(__props, { emit: __emit }) {
+    const props = __props;
+    const emits = __emit;
+    const handleCopy = () => {
+      emits("copy");
+    };
+    const handleAppend = () => {
+      emits("add");
+    };
+    const handleRemove = () => {
+      if (props.removeable) {
+        return;
+      }
+      emits("remove");
+    };
+    return (_ctx, _cache) => {
+      return openBlock(), createBlock(_sfc_main$4, null, {
+        default: withCtx(() => [
+          createElementVNode("div", _hoisted_1$3, [
+            _ctx.showCopy ? (openBlock(), createElementBlock("div", {
+              key: 0,
+              class: "action-btn",
+              onClick: handleCopy
+            }, [
+              createVNode(unref(DbIcon), { type: "copy" })
+            ])) : createCommentVNode("v-if", true),
+            _ctx.showAdd ? (openBlock(), createElementBlock("div", {
+              key: 1,
+              class: "action-btn",
+              onClick: handleAppend
+            }, [
+              createVNode(unref(DbIcon), { type: "plus-fill" })
+            ])) : createCommentVNode("v-if", true),
+            _ctx.showRemove ? (openBlock(), createElementBlock(
+              "div",
+              {
+                key: 2,
+                class: normalizeClass(["action-btn", {
+                  disabled: _ctx.removeable
+                }]),
+                onClick: handleRemove
+              },
+              [
+                createVNode(unref(DbIcon), { type: "minus-fill" })
+              ],
+              2
+              /* CLASS */
+            )) : createCommentVNode("v-if", true)
+          ])
+        ]),
+        _: 1
+        /* STABLE */
+      });
+    };
   }
-  function hide2() {
-    var isAlreadyHidden = !instance.state.isVisible;
-    var isDestroyed = instance.state.isDestroyed;
-    var isDisabled = !instance.state.isEnabled;
-    var duration = getValueAtIndexOrReturn(instance.props.duration, 1, defaultProps.duration);
-    if (isAlreadyHidden || isDestroyed || isDisabled) {
-      return;
-    }
-    invokeHook("onHide", [instance], false);
-    if (instance.props.onHide(instance) === false) {
-      return;
-    }
-    instance.state.isVisible = false;
-    instance.state.isShown = false;
-    ignoreOnFirstUpdate = false;
-    isVisibleFromClick = false;
-    if (getIsDefaultRenderFn()) {
-      popper2.style.visibility = "hidden";
-    }
-    cleanupInteractiveMouseListeners();
-    removeDocumentPress();
-    handleStyles(true);
-    if (getIsDefaultRenderFn()) {
-      var _getDefaultTemplateCh4 = getDefaultTemplateChildren(), box = _getDefaultTemplateCh4.box, content = _getDefaultTemplateCh4.content;
-      if (instance.props.animation) {
-        setTransitionDuration([box, content], duration);
-        setVisibilityState([box, content], "hidden");
+});
+const _hoisted_1$2 = {
+  key: 0,
+  class: "select-error"
+};
+const _sfc_main$2 = /* @__PURE__ */ defineComponent({
+  __name: "select-column",
+  props: /* @__PURE__ */ mergeModels({
+    list: {},
+    placeholder: { default: "请选择" },
+    rules: { default: () => [] },
+    disabled: { type: Boolean, default: false },
+    multiple: { type: Boolean, default: false },
+    showSelectAll: { type: Boolean, default: false }
+  }, {
+    "modelValue": {},
+    "modelModifiers": {}
+  }),
+  emits: /* @__PURE__ */ mergeModels(["change"], ["update:modelValue"]),
+  setup(__props, { expose: __expose, emit: __emit }) {
+    const { Option } = Select;
+    const props = __props;
+    const emits = __emit;
+    const modelValue = useModel(__props, "modelValue");
+    const rootRef = ref();
+    const localValue = ref("");
+    const rootHeight = ref(42);
+    const { message: errorMessage, validator } = useValidtor(props.rules);
+    const vBkTooltips = bkTooltips;
+    watch(
+      modelValue,
+      (value) => {
+        if (value === void 0) {
+          return;
+        }
+        localValue.value = value;
+        if (typeof value !== "object" && value) {
+          validator(value);
+          return;
+        }
+        if (Array.isArray(value) && value.length > 0) {
+          validator(value);
+          return;
+        }
+      },
+      {
+        immediate: true
       }
-    }
-    handleAriaContentAttribute();
-    handleAriaExpandedAttribute();
-    if (instance.props.animation) {
-      if (getIsDefaultRenderFn()) {
-        onTransitionedOut(duration, instance.unmount);
+    );
+    const handleSelect = (value) => {
+      localValue.value = value;
+      validator(localValue.value).then(() => {
+        modelValue.value = value;
+        emits("change", localValue.value);
+      });
+    };
+    const handleRemove = () => {
+      localValue.value = "";
+      validator(localValue.value).then(() => {
+        modelValue.value = localValue.value;
+        emits("change", localValue.value);
+      });
+    };
+    const checkRootHeight = () => {
+      rootHeight.value = rootRef.value.parentNode.clientHeight;
+    };
+    useResizeObserver(rootRef, _.throttle(checkRootHeight, 500));
+    __expose({
+      getValue() {
+        return validator(localValue.value).then(() => localValue.value);
       }
-    } else {
-      instance.unmount();
-    }
-  }
-  function hideWithInteractivity(event) {
-    getDocument().addEventListener("mousemove", debouncedOnMouseMove);
-    pushIfUnique(mouseMoveListeners, debouncedOnMouseMove);
-    debouncedOnMouseMove(event);
-  }
-  function unmount() {
-    if (instance.state.isVisible) {
-      instance.hide();
-    }
-    if (!instance.state.isMounted) {
-      return;
-    }
-    destroyPopperInstance();
-    getNestedPopperTree().forEach(function(nestedPopper) {
-      nestedPopper._tippy.unmount();
-    });
-    if (popper2.parentNode) {
-      popper2.parentNode.removeChild(popper2);
-    }
-    mountedInstances = mountedInstances.filter(function(i) {
-      return i !== instance;
     });
-    instance.state.isMounted = false;
-    invokeHook("onHidden", [instance]);
-  }
-  function destroy() {
-    if (instance.state.isDestroyed) {
-      return;
-    }
-    instance.clearDelayTimeouts();
-    instance.unmount();
-    removeListeners();
-    delete reference2._tippy;
-    instance.state.isDestroyed = true;
-    invokeHook("onDestroy", [instance]);
-  }
-}
-function tippy(targets, optionalProps) {
-  if (optionalProps === void 0) {
-    optionalProps = {};
-  }
-  var plugins = defaultProps.plugins.concat(optionalProps.plugins || []);
-  bindGlobalEventListeners();
-  var passedProps = Object.assign({}, optionalProps, {
-    plugins
-  });
-  var elements = getArrayOfElements(targets);
-  var instances = elements.reduce(function(acc, reference2) {
-    var instance = reference2 && createTippy(reference2, passedProps);
-    if (instance) {
-      acc.push(instance);
-    }
-    return acc;
-  }, []);
-  return isElement(targets) ? instances[0] : instances;
-}
-tippy.defaultProps = defaultProps;
-tippy.setDefaultProps = setDefaultProps;
-tippy.currentInput = currentInput;
-Object.assign({}, applyStyles$1, {
-  effect: function effect2(_ref) {
-    var state = _ref.state;
-    var initialStyles = {
-      popper: {
-        position: state.options.strategy,
-        left: "0",
-        top: "0",
-        margin: "0"
-      },
-      arrow: {
-        position: "absolute"
-      },
-      reference: {}
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock(
+        "div",
+        {
+          ref_key: "rootRef",
+          ref: rootRef,
+          class: normalizeClass(["bk-ediatable-select", {
+            "is-error": Boolean(unref(errorMessage)),
+            "is-disable": _ctx.disabled
+          }]),
+          style: normalizeStyle({ height: rootHeight.value + "px" })
+        },
+        [
+          createVNode(unref(Select), mergeProps(_ctx.$attrs, {
+            "model-value": localValue.value,
+            "auto-focus": "",
+            class: "select-box",
+            clearable: false,
+            disabled: _ctx.disabled,
+            filterable: "",
+            "input-search": false,
+            multiple: _ctx.multiple,
+            placeholder: _ctx.placeholder,
+            "show-select-all": _ctx.showSelectAll,
+            onChange: handleSelect,
+            onClear: handleRemove
+          }), {
+            default: withCtx(() => [
+              (openBlock(true), createElementBlock(
+                Fragment,
+                null,
+                renderList(_ctx.list, (item, index) => {
+                  return openBlock(), createBlock(unref(Option), {
+                    key: index,
+                    label: item.label,
+                    value: item.value
+                  }, null, 8, ["label", "value"]);
+                }),
+                128
+                /* KEYED_FRAGMENT */
+              ))
+            ]),
+            _: 1
+            /* STABLE */
+          }, 16, ["model-value", "disabled", "multiple", "placeholder", "show-select-all"]),
+          unref(errorMessage) ? (openBlock(), createElementBlock("div", _hoisted_1$2, [
+            withDirectives(createVNode(
+              unref(DbIcon),
+              { type: "exclamation-fill" },
+              null,
+              512
+              /* NEED_PATCH */
+            ), [
+              [unref(vBkTooltips), unref(errorMessage)]
+            ])
+          ])) : createCommentVNode("v-if", true)
+        ],
+        6
+        /* CLASS, STYLE */
+      );
     };
-    Object.assign(state.elements.popper.style, initialStyles.popper);
-    state.styles = initialStyles;
-    if (state.elements.arrow) {
-      Object.assign(state.elements.arrow.style, initialStyles.arrow);
-    }
   }
 });
-tippy.setDefaultProps({
-  render
-});
 const _hoisted_1$1 = {
   key: 0,
   class: "input-error"
@@ -9036,6 +9203,7 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
     const popRef = ref();
     const isFocus = ref(false);
     let tippyIns;
+    const vBkTooltips = bkTooltips;
     const { message: errorMessage, validator } = useValidtor(props.rules);
     const tagInputPasteFn = (value) => value.split("\n").map((item) => ({ id: item }));
     const handleChange = (value) => {
@@ -9087,7 +9255,6 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
       }
     });
     return (_ctx, _cache) => {
-      const _directive_bk_tooltips = resolveDirective("bk-tooltips");
       return openBlock(), createElementBlock(
         "div",
         {
@@ -9124,7 +9291,7 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
                     512
                     /* NEED_PATCH */
                   ), [
-                    [_directive_bk_tooltips, unref(errorMessage)]
+                    [unref(vBkTooltips), unref(errorMessage)]
                   ])
                 ])) : createCommentVNode("v-if", true)
               ],
@@ -9155,17 +9322,17 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
 });
 function useIsWidthOverflow(domRef, watchVariable) {
   const isOverflow = ref(false);
-  const checkOverflow = () => {
+  const checkOverflow2 = () => {
     if (domRef.value) {
       isOverflow.value = domRef.value.clientWidth < domRef.value.scrollWidth;
     }
   };
-  useResizeObserver(domRef, checkOverflow);
+  useResizeObserver(domRef, checkOverflow2);
   watch(
     watchVariable,
     () => {
       setTimeout(() => {
-        checkOverflow();
+        checkOverflow2();
       });
     },
     {
@@ -9195,6 +9362,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     const props = __props;
     const textRef = ref();
     const renderData = computed(() => props.data);
+    const vBkTooltips = bkTooltips;
     const { isOverflow } = useIsWidthOverflow(textRef, renderData);
     const { message: errorMessage, validator } = useValidtor(props.rules);
     __expose({
@@ -9203,7 +9371,6 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       }
     });
     return (_ctx, _cache) => {
-      const _directive_bk_tooltips = resolveDirective("bk-tooltips");
       return openBlock(), createBlock(unref(Loading), { loading: _ctx.isLoading }, {
         default: withCtx(() => [
           withDirectives((openBlock(), createElementBlock(
@@ -9238,7 +9405,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                   512
                   /* NEED_PATCH */
                 ), [
-                  [_directive_bk_tooltips, unref(errorMessage)]
+                  [unref(vBkTooltips), unref(errorMessage)]
                 ])
               ])) : createCommentVNode("v-if", true),
               renderSlot(_ctx.$slots, "default")
@@ -9246,7 +9413,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
             2
             /* CLASS */
           )), [
-            [_directive_bk_tooltips, {
+            [unref(vBkTooltips), {
               content: _ctx.data || _ctx.placeholder,
               disabled: !unref(isOverflow)
             }]