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

package/vue3/index.umd.min.js

@@ -1,6 +1,6 @@
 (function(global2, factory) {
-  typeof exports === "object" && typeof module !== "undefined" ? factory(exports, require("vue"), require("bkui-vue/dist/style.css"), require("bkui-vue")) : typeof define === "function" && define.amd ? define(["exports", "vue", "bkui-vue/dist/style.css", "bkui-vue"], factory) : (global2 = typeof globalThis !== "undefined" ? globalThis : global2 || self, factory(global2.lesscodeCustomComponentLibrary = {}, global2.Vue, null, global2.bkuiVue));
-})(this, function(exports2, vue, style_css, bkuiVue) {
+  typeof exports === "object" && typeof module !== "undefined" ? factory(exports, require("vue"), require("bkui-vue")) : typeof define === "function" && define.amd ? define(["exports", "vue", "bkui-vue"], factory) : (global2 = typeof globalThis !== "undefined" ? globalThis : global2 || self, factory(global2.lesscodeCustomComponentLibrary = {}, global2.Vue, global2.bkuiVue));
+})(this, function(exports2, vue, bkuiVue) {
   "use strict";
   var __vite_style__ = document.createElement("style");
   __vite_style__.textContent = `@font-face {
@@ -40,13 +40,7 @@ url("data:application/vnd.ms-fontobject;base64,9AgAAEwIAAABAAIAAAAAAAIABQMAAAAAA
 .icon-plus-fill:before {
 	content: "\\e102";
 }
-.bk-ediatable-head-column .title-memo {
-  border-bottom: 1px dashed #979ba5;
-}
-.bk-ediatable-head-column.is-required {
-  position: relative;
-}
-.bk-ediatable-head-column.is-required::after {
+.bk-ediatable-head-column .is-required::after {
   position: absolute;
   top: 0;
   margin-left: 4px;
@@ -81,20 +75,38 @@ url("data:application/vnd.ms-fontobject;base64,9AgAAEwIAAABAAIAAAAAAAIABQMAAAAAA
   background: linear-gradient(to right, rgba(0, 0, 0, 0.12), transparent);
   content: '';
 }
+.bk-ediatable-head-column .title-memo {
+  border-bottom: 1px dashed #979ba5;
+}
 .tippy-box[data-animation=fade][data-state=hidden]{opacity:0}[data-tippy-root]{max-width:calc(100vw - 10px)}.tippy-box{position:relative;background-color:#333;color:#fff;border-radius:4px;font-size:14px;line-height:1.4;white-space:normal;outline:0;transition-property:transform,visibility,opacity}.tippy-box[data-placement^=top]>.tippy-arrow{bottom:0}.tippy-box[data-placement^=top]>.tippy-arrow:before{bottom:-7px;left:0;border-width:8px 8px 0;border-top-color:initial;transform-origin:center top}.tippy-box[data-placement^=bottom]>.tippy-arrow{top:0}.tippy-box[data-placement^=bottom]>.tippy-arrow:before{top:-7px;left:0;border-width:0 8px 8px;border-bottom-color:initial;transform-origin:center bottom}.tippy-box[data-placement^=left]>.tippy-arrow{right:0}.tippy-box[data-placement^=left]>.tippy-arrow:before{border-width:8px 0 8px 8px;border-left-color:initial;right:-7px;transform-origin:center left}.tippy-box[data-placement^=right]>.tippy-arrow{left:0}.tippy-box[data-placement^=right]>.tippy-arrow:before{left:-7px;border-width:8px 8px 8px 0;border-right-color:initial;transform-origin:center right}.tippy-box[data-inertia][data-state=visible]{transition-timing-function:cubic-bezier(.54,1.5,.38,1.11)}.tippy-arrow{width:16px;height:16px;color:#333}.tippy-arrow:before{content:"";position:absolute;border-color:transparent;border-style:solid}.tippy-content{position:relative;padding:5px 9px;z-index:1}.tippy-box[data-theme~=light]{color:#26323d;box-shadow:0 0 20px 4px rgba(154,161,177,.15),0 4px 80px -8px rgba(36,40,47,.25),0 4px 4px -2px rgba(91,94,105,.15);background-color:#fff}.tippy-box[data-theme~=light][data-placement^=top]>.tippy-arrow:before{border-top-color:#fff}.tippy-box[data-theme~=light][data-placement^=bottom]>.tippy-arrow:before{border-bottom-color:#fff}.tippy-box[data-theme~=light][data-placement^=left]>.tippy-arrow:before{border-left-color:#fff}.tippy-box[data-theme~=light][data-placement^=right]>.tippy-arrow:before{border-right-color:#fff}.tippy-box[data-theme~=light]>.tippy-backdrop{background-color:#fff}.tippy-box[data-theme~=light]>.tippy-svg-arrow{fill:#fff}.bk-ediatable {
   position: relative;
   width: 100%;
-  overflow-x: auto;
+  margin-bottom: -8px;
+  overflow-x: scroll;
 }
 .bk-ediatable::-webkit-scrollbar {
-  width: 4px;
-  height: 4px;
+  width: 8px;
+  height: 8px;
+  background: transparent;
 }
 .bk-ediatable::-webkit-scrollbar-thumb {
-  background: #ddd;
+  background: transparent;
+}
+.bk-ediatable:hover::-webkit-scrollbar {
+  width: 8px;
+  height: 8px;
+}
+.bk-ediatable:hover::-webkit-scrollbar-thumb {
+  background: #dcdee5;
   border-radius: 20px;
   box-shadow: inset 0 0 6px rgba(204, 204, 204, 0.3);
 }
+.bk-ediatable:hover::-webkit-scrollbar-thumb:hover {
+  background: #979ba5;
+}
+.bk-ediatable.scrollbar-exists:hover::-webkit-scrollbar {
+  background: #f0f1f5;
+}
 .bk-ediatable table {
   width: 100%;
   font-size: 12px;
@@ -118,6 +130,19 @@ url("data:application/vnd.ms-fontobject;base64,9AgAAEwIAAABAAIAAAAAAAIABQMAAAAAA
   line-height: 0;
   color: #313238;
   background: #f0f1f5;
+  position: relative;
+}
+.bk-ediatable table th.poiner-right::after {
+  content: '';
+  position: absolute;
+  top: 0;
+  bottom: 0;
+  right: -3px;
+  width: 6px;
+  background-color: #3785ff;
+  transform: translateX(1px);
+  pointer-events: none;
+  z-index: 1;
 }
 .bk-ediatable table th .th-cell {
   display: inline-block;
@@ -133,8 +158,38 @@ url("data:application/vnd.ms-fontobject;base64,9AgAAEwIAAABAAIAAAAAAAIABQMAAAAAA
   top: 0;
   bottom: 0;
   display: none;
-  width: 1px;
-  background: #dfe0e5;
+  width: 2px;
+  background: #3c96ff;
+}
+.bk-ediatable .bk-ediatable-right-fixed-column {
+  position: sticky;
+  right: 1px;
+  z-index: 1;
+  background-color: #fff;
+}
+.bk-ediatable .bk-ediatable-right-fixed-column::before {
+  position: absolute;
+  top: 0;
+  left: -10px;
+  width: 10px;
+  height: 100%;
+  background: linear-gradient(to left, rgba(0, 0, 0, 0.12), transparent);
+  content: '';
+}
+.bk-ediatable .bk-ediatable-left-fixed-column {
+  position: sticky;
+  left: 1px;
+  z-index: 1;
+  background-color: #fff;
+}
+.bk-ediatable .bk-ediatable-left-fixed-column::before {
+  position: absolute;
+  top: 0;
+  right: -10px;
+  width: 10px;
+  height: 100%;
+  background: linear-gradient(to right, rgba(0, 0, 0, 0.12), transparent);
+  content: '';
 }
 .db-svg-icon {
   width: 1em;
@@ -264,36 +319,6 @@ url("data:application/vnd.ms-fontobject;base64,9AgAAEwIAAABAAIAAAAAAAIABQMAAAAAA
 .bk-ediatable-input .blur-dispaly-main {
   padding: 0 16px;
 }
-.bk-ediatable-right-fixed-column {
-  position: sticky;
-  right: 1px;
-  z-index: 1;
-  background-color: #fff;
-}
-.bk-ediatable-right-fixed-column::before {
-  position: absolute;
-  top: 0;
-  left: -10px;
-  width: 10px;
-  height: 100%;
-  background: linear-gradient(to left, rgba(0, 0, 0, 0.12), transparent);
-  content: '';
-}
-.bk-ediatable-left-fixed-column {
-  position: sticky;
-  left: 1px;
-  z-index: 1;
-  background-color: #fff;
-}
-.bk-ediatable-left-fixed-column::before {
-  position: absolute;
-  top: 0;
-  right: -10px;
-  width: 10px;
-  height: 100%;
-  background: linear-gradient(to right, rgba(0, 0, 0, 0.12), transparent);
-  content: '';
-}
 .bk-ediatable-operation {
   display: flex;
   height: 42px;
@@ -367,7 +392,6 @@ url("data:application/vnd.ms-fontobject;base64,9AgAAEwIAAABAAIAAAAAAAIABQMAAAAAA
   top: 0;
   right: 0;
   bottom: 0;
-  z-index: 99;
   display: flex;
   padding-right: 6px;
   font-size: 14px;
@@ -5998,10 +6022,8 @@ url("data:application/vnd.ms-fontobject;base64,9AgAAEwIAAABAAIAAAAAAAIABQMAAAAAA
       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;
@@ -6031,6 +6053,7 @@ url("data:application/vnd.ms-fontobject;base64,9AgAAEwIAAABAAIAAAAAAAIABQMAAAAAA
         resizeProxy.style.display = "block";
         resizeProxyLeft = Math.max(minLeft, proxyLeft);
         resizeProxy.style.left = `${resizeProxyLeft}px`;
+        target.classList.add("poiner-right");
       };
       const handleMouseUp = () => {
         if (dragging.value) {
@@ -6055,15 +6078,22 @@ url("data:application/vnd.ms-fontobject;base64,9AgAAEwIAAABAAIAAAAAAAIABQMAAAAAA
       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) => {
@@ -6093,992 +6123,118 @@ url("data:application/vnd.ms-fontobject;base64,9AgAAEwIAAABAAIAAAAAAAIABQMAAAAAA
       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(fn) {
-    if (vue.getCurrentScope()) {
-      vue.onScopeDispose(fn);
-      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() : vue.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 = vue.ref(false);
-    const instance = vue.getCurrentInstance();
-    if (instance) {
-      vue.onMounted(() => {
-        isMounted.value = true;
-      }, instance);
+  function isShadowRoot(node) {
+    if (typeof ShadowRoot === "undefined") {
+      return false;
     }
-    return isMounted;
-  }
-  function useSupported(callback) {
-    const isMounted = useMounted();
-    return vue.computed(() => {
-      isMounted.value;
-      return Boolean(callback());
-    });
+    var OwnElement = getWindow(node).ShadowRoot;
+    return node instanceof OwnElement || node instanceof ShadowRoot;
   }
-  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 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;
       }
-    };
-    const targets = vue.computed(() => Array.isArray(target) ? target.map((el) => unrefElement(el)) : [unrefElement(target)]);
-    const stopWatch = vue.watch(
-      targets,
-      (els) => {
-        cleanup();
-        if (isSupported.value && window2) {
-          observer = new ResizeObserver(callback);
-          for (const _el of els)
-            _el && observer.observe(_el, observerOptions);
+      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"
       },
-      { immediate: true, flush: "post" }
-    );
-    const stop = () => {
-      cleanup();
-      stopWatch();
+      arrow: {
+        position: "absolute"
+      },
+      reference: {}
     };
-    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__ */ vue.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 = vue.useSlots();
-      const { rowWidth, isOverflow: isMinimize } = vue.inject(renderTablekey);
-      const parentTable = vue.inject(tableColumnResizekey);
-      const columnRef = vue.ref();
-      const currentWidth = vue.ref(0);
-      const columnKey = random();
-      let initWidthRate = 0;
-      let isDragedSelf = false;
-      const finalMinWidth = vue.computed(() => props.minWidth ? props.minWidth : props.width ?? 100);
-      const isFixedRight = vue.computed(() => props.fixed === "right");
-      const isFixedLeft = vue.computed(() => props.fixed === "left");
-      const styles = vue.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 = vue.computed(() => props.renderAppend && props.renderAppend());
-      vue.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 = vue.resolveDirective("overflow-tips");
-        const _directive_bk_tooltips = vue.resolveDirective("bk-tooltips");
-        return vue.openBlock(), vue.createElementBlock("th", {
-          ref_key: "columnRef",
-          ref: columnRef,
-          class: vue.normalizeClass(["bk-ediatable-head-column", {
-            "is-required": _ctx.required,
-            [`column-${vue.unref(columnKey)}`]: true,
-            "is-right-fixed": vue.unref(isMinimize) && isFixedRight.value,
-            "is-left-fixed": vue.unref(isMinimize) && isFixedLeft.value
-          }]),
-          "data-fixed": _ctx.fixed,
-          "data-maxWidth": _ctx.maxWidth,
-          "data-minWidth": finalMinWidth.value,
-          "data-width": _ctx.width,
-          style: vue.normalizeStyle(styles.value),
-          onMousedown: handleMouseDown,
-          onMousemove: handleMouseMove
-        }, [
-          vue.withDirectives((vue.openBlock(), vue.createElementBlock("div", _hoisted_2$2, [
-            vue.createElementVNode(
-              "span",
-              {
-                class: vue.normalizeClass({ "title-memo": _ctx.memo })
-              },
-              [
-                vue.renderSlot(_ctx.$slots, "default")
-              ],
-              2
-              /* CLASS */
-            )
-          ])), [
-            [_directive_overflow_tips],
-            [_directive_bk_tooltips, {
-              content: _ctx.memo,
-              disabled: !_ctx.memo
-            }]
-          ]),
-          vue.createElementVNode("div", _hoisted_3$1, [
-            slots.append && !_ctx.renderAppend ? vue.renderSlot(_ctx.$slots, "append", { key: 0 }) : vue.createCommentVNode("v-if", true),
-            _ctx.renderAppend ? (vue.openBlock(), vue.createBlock(vue.unref(RenderAppendElement), { key: 1 })) : vue.createCommentVNode("v-if", true)
-          ])
-        ], 46, _hoisted_1$6);
-      };
-    }
-  });
-  const renderTablekey = Symbol("renderTable");
-  const _sfc_main$7 = /* @__PURE__ */ vue.defineComponent({
-    __name: "ediatable",
-    props: {
-      theadList: { default: () => [] }
-    },
-    setup(__props) {
-      const slots = vue.useSlots();
-      const checkTableScroll = () => {
-        rowWidth.value = tableRef.value.clientWidth;
-        isOverflow.value = tableOuterRef.value.clientWidth < tableRef.value.clientWidth;
-        initColumnWidth();
-      };
-      const tableOuterRef = vue.ref();
-      const tableRef = vue.ref();
-      const tableColumnResizeRef = vue.ref();
-      const isOverflow = vue.ref(false);
-      const rowWidth = vue.ref(0);
-      const { initColumnWidth } = useColumnResize(tableOuterRef, tableColumnResizeRef, _.debounce(checkTableScroll));
-      vue.provide(renderTablekey, {
-        isOverflow,
-        rowWidth
-      });
-      vue.onMounted(() => {
-        window.addEventListener("resize", checkTableScroll);
-        checkTableScroll();
-        setTimeout(() => checkTableScroll());
-      });
-      vue.onBeforeUnmount(() => window.removeEventListener("resize", checkTableScroll));
-      return (_ctx, _cache) => {
-        return vue.openBlock(), vue.createElementBlock(
-          "div",
-          {
-            id: "ediatableRenderTableKey",
-            ref_key: "tableOuterRef",
-            ref: tableOuterRef,
-            class: "bk-ediatable"
-          },
-          [
-            vue.createElementVNode(
-              "table",
-              {
-                ref_key: "tableRef",
-                ref: tableRef
-              },
-              [
-                vue.createElementVNode("thead", null, [
-                  vue.createElementVNode("tr", null, [
-                    slots.default && _ctx.theadList.length === 0 ? vue.renderSlot(_ctx.$slots, "default", { key: 0 }) : (vue.openBlock(true), vue.createElementBlock(
-                      vue.Fragment,
-                      { key: 1 },
-                      vue.renderList(_ctx.theadList, (head, index) => {
-                        return vue.openBlock(), vue.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: vue.withCtx(() => [
-                            vue.createTextVNode(
-                              vue.toDisplayString(head.title),
-                              1
-                              /* TEXT */
-                            )
-                          ]),
-                          _: 2
-                          /* DYNAMIC */
-                        }, 1032, ["width", "min-width", "max-width", "fixed", "required", "render-append", "memo"]);
-                      }),
-                      128
-                      /* KEYED_FRAGMENT */
-                    ))
-                  ])
-                ]),
-                vue.createElementVNode("tbody", null, [
-                  vue.renderSlot(_ctx.$slots, "data")
-                ])
-              ],
-              512
-              /* NEED_PATCH */
-            ),
-            vue.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 = vue.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 {
-      ...vue.toRefs(state),
-      validator
-    };
-  }
-  const DbIcon = vue.defineComponent({
-    name: "DbIcon",
-    props: {
-      type: {
-        type: String,
-        required: true
-      },
-      svg: {
-        type: Boolean,
-        default: false
-      }
-    },
-    render() {
-      if (this.svg) {
-        return vue.h(
-          "svg",
-          {
-            class: {
-              "db-svg-icon": true
-            }
-          },
-          [
-            vue.h("use", {
-              "xlink:href": `#db-icon-${this.type}`
-            })
-          ]
-        );
-      }
-      const classes = {
-        "ediatable-icon": true,
-        [`icon-${this.type}`]: true
-      };
-      return vue.h("i", {
-        class: classes
-      });
-    }
-  });
-  const _hoisted_1$5 = {
-    key: 0,
-    class: "input-error"
-  };
-  const _sfc_main$6 = /* @__PURE__ */ vue.defineComponent({
-    __name: "date-time-picker-column",
-    props: /* @__PURE__ */ vue.mergeModels({
-      placeholder: { default: "" },
-      rules: { default: void 0 },
-      type: { default: void 0 },
-      disabled: { type: Boolean, default: false }
-    }, {
-      "modelValue": {},
-      "modelModifiers": {}
-    }),
-    emits: /* @__PURE__ */ vue.mergeModels(["change"], ["update:modelValue"]),
-    setup(__props, { expose: __expose, emit: __emit }) {
-      const props = __props;
-      const emits = __emit;
-      const modelValue = vue.useModel(__props, "modelValue");
-      const attrs = vue.useAttrs();
-      const slots = vue.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 = vue.resolveDirective("bk-tooltips");
-        return vue.openBlock(), vue.createElementBlock(
-          "div",
-          {
-            class: vue.normalizeClass(["bk-ediatable-time-picker", {
-              "is-error": Boolean(vue.unref(errorMessage)),
-              "is-disabled": _ctx.disabled
-            }])
-          },
-          [
-            vue.createVNode(vue.unref(bkuiVue.DatePicker), vue.mergeProps({
-              "append-to-body": "",
-              clearable: false,
-              "model-value": modelValue.value,
-              placeholder: _ctx.placeholder,
-              style: { "width": "100%" },
-              type: _ctx.type
-            }, vue.unref(attrs), {
-              onChange: handleChange,
-              onOpenChange: handleOpenChange
-            }), vue.createSlots({
-              _: 2
-              /* DYNAMIC */
-            }, [
-              vue.unref(slots).footer ? {
-                name: "footer",
-                fn: vue.withCtx(() => [
-                  vue.renderSlot(_ctx.$slots, "footer")
-                ]),
-                key: "0"
-              } : void 0
-            ]), 1040, ["model-value", "placeholder", "type"]),
-            vue.unref(errorMessage) ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_1$5, [
-              vue.withDirectives(vue.createVNode(
-                vue.unref(DbIcon),
-                { type: "exclamation-fill" },
-                null,
-                512
-                /* NEED_PATCH */
-              ), [
-                [_directive_bk_tooltips, vue.unref(errorMessage)]
-              ])
-            ])) : vue.createCommentVNode("v-if", true)
-          ],
-          2
-          /* CLASS */
-        );
-      };
-    }
-  });
-  const _hoisted_1$4 = {
-    key: 1,
-    class: "blur-dispaly-main"
-  };
-  const _sfc_main$5 = /* @__PURE__ */ vue.defineComponent({
-    __name: "input-column",
-    props: /* @__PURE__ */ vue.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__ */ vue.mergeModels(["submit"], ["update:modelValue"]),
-    setup(__props, { expose: __expose, emit: __emit }) {
-      const props = __props;
-      const emits = __emit;
-      const modelValue = vue.useModel(__props, "modelValue");
-      const rootRef = vue.ref();
-      const isBlur = vue.ref(true);
-      const isPassword = vue.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 = vue.resolveDirective("bk-tooltips");
-        return vue.openBlock(), vue.createElementBlock(
-          "div",
-          {
-            ref_key: "rootRef",
-            ref: rootRef,
-            class: vue.normalizeClass(["bk-ediatable-input", {
-              "is-error": Boolean(vue.unref(errorMessage)),
-              "is-disabled": _ctx.disabled,
-              "is-password": isPassword.value
-            }])
-          },
-          [
-            vue.createVNode(vue.unref(bkuiVue.Input), vue.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: vue.withCtx(() => []),
-              _: 1
-              /* STABLE */
-            }, 16, ["disabled", "max", "min", "model-value", "placeholder", "type", "precision"]),
-            vue.unref(errorMessage) ? vue.withDirectives((vue.openBlock(), vue.createBlock(
-              vue.unref(DbIcon),
-              {
-                key: 0,
-                class: "error-icon",
-                type: "exclamation-fill"
-              },
-              null,
-              512
-              /* NEED_PATCH */
-            )), [
-              [_directive_bk_tooltips, vue.unref(errorMessage)]
-            ]) : vue.createCommentVNode("v-if", true),
-            _ctx.isShowBlur && isBlur.value ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_1$4, [
-              vue.renderSlot(_ctx.$slots, "blur")
-            ])) : vue.createCommentVNode("v-if", true)
-          ],
-          2
-          /* CLASS */
-        );
-      };
-    }
-  });
-  const _sfc_main$4 = /* @__PURE__ */ vue.defineComponent({
-    __name: "fixed-column",
-    props: {
-      fixed: { default: "right" }
-    },
-    setup(__props) {
-      const props = __props;
-      const { isOverflow: isFixed } = vue.inject(renderTablekey);
-      const isFixedRight = vue.computed(() => (isFixed == null ? void 0 : isFixed.value) && props.fixed === "right");
-      const isFixedLeft = vue.computed(() => (isFixed == null ? void 0 : isFixed.value) && props.fixed === "left");
-      return (_ctx, _cache) => {
-        return vue.openBlock(), vue.createElementBlock(
-          "td",
-          {
-            class: vue.normalizeClass({
-              "bk-ediatable-right-fixed-column": isFixedRight.value,
-              "bk-ediatable-left-fixed-column": isFixedLeft.value
-            })
-          },
-          [
-            vue.renderSlot(_ctx.$slots, "default")
-          ],
-          2
-          /* CLASS */
-        );
-      };
-    }
-  });
-  const _hoisted_1$3 = { class: "bk-ediatable-operation" };
-  const _sfc_main$3 = /* @__PURE__ */ vue.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 vue.openBlock(), vue.createBlock(_sfc_main$4, null, {
-          default: vue.withCtx(() => [
-            vue.createElementVNode("div", _hoisted_1$3, [
-              _ctx.showCopy ? (vue.openBlock(), vue.createElementBlock("div", {
-                key: 0,
-                class: "action-btn",
-                onClick: handleCopy
-              }, [
-                vue.createVNode(vue.unref(DbIcon), { type: "copy" })
-              ])) : vue.createCommentVNode("v-if", true),
-              _ctx.showAdd ? (vue.openBlock(), vue.createElementBlock("div", {
-                key: 1,
-                class: "action-btn",
-                onClick: handleAppend
-              }, [
-                vue.createVNode(vue.unref(DbIcon), { type: "plus-fill" })
-              ])) : vue.createCommentVNode("v-if", true),
-              _ctx.showRemove ? (vue.openBlock(), vue.createElementBlock(
-                "div",
-                {
-                  key: 2,
-                  class: vue.normalizeClass(["action-btn", {
-                    disabled: _ctx.removeable
-                  }]),
-                  onClick: handleRemove
-                },
-                [
-                  vue.createVNode(vue.unref(DbIcon), { type: "minus-fill" })
-                ],
-                2
-                /* CLASS */
-              )) : vue.createCommentVNode("v-if", true)
-            ])
-          ]),
-          _: 1
-          /* STABLE */
-        });
-      };
-    }
-  });
-  const _hoisted_1$2 = {
-    key: 0,
-    class: "select-error"
-  };
-  const _sfc_main$2 = /* @__PURE__ */ vue.defineComponent({
-    __name: "select-column",
-    props: /* @__PURE__ */ vue.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__ */ vue.mergeModels(["change"], ["update:modelValue"]),
-    setup(__props, { expose: __expose, emit: __emit }) {
-      const { Option } = bkuiVue.Select;
-      const props = __props;
-      const emits = __emit;
-      const modelValue = vue.useModel(__props, "modelValue");
-      const rootRef = vue.ref();
-      const localValue = vue.ref("");
-      const rootHeight = vue.ref(42);
-      const { message: errorMessage, validator } = useValidtor(props.rules);
-      vue.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 = vue.resolveDirective("bk-tooltips");
-        return vue.openBlock(), vue.createElementBlock(
-          "div",
-          {
-            ref_key: "rootRef",
-            ref: rootRef,
-            class: vue.normalizeClass(["bk-ediatable-select", {
-              "is-error": Boolean(vue.unref(errorMessage)),
-              "is-disable": _ctx.disabled
-            }]),
-            style: vue.normalizeStyle({ height: rootHeight.value + "px" })
-          },
-          [
-            vue.createVNode(vue.unref(bkuiVue.Select), vue.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: vue.withCtx(() => [
-                (vue.openBlock(true), vue.createElementBlock(
-                  vue.Fragment,
-                  null,
-                  vue.renderList(_ctx.list, (item, index) => {
-                    return vue.openBlock(), vue.createBlock(vue.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"]),
-            vue.unref(errorMessage) ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_1$2, [
-              vue.withDirectives(vue.createVNode(
-                vue.unref(DbIcon),
-                { type: "exclamation-fill" },
-                null,
-                512
-                /* NEED_PATCH */
-              ), [
-                [_directive_bk_tooltips, vue.unref(errorMessage)]
-              ])
-            ])) : vue.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);
-        });
-      });
+    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 = {
@@ -7730,16 +6886,16 @@ url("data:application/vnd.ms-fontobject;base64,9AgAAEwIAAABAAIAAAAAAAIABQMAAAAAA
     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, {
@@ -7928,7 +7084,7 @@ url("data:application/vnd.ms-fontobject;base64,9AgAAEwIAAABAAIAAAAAAAIABQMAAAAAA
   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;
     }, {});
@@ -8525,7 +7681,7 @@ url("data:application/vnd.ms-fontobject;base64,9AgAAEwIAAABAAIAAAAAAAIABQMAAAAAA
     theme: "",
     zIndex: 9999
   };
-  var defaultProps = Object.assign({
+  var defaultProps$1 = Object.assign({
     appendTo: TIPPY_DEFAULT_APPEND_TO,
     aria: {
       content: "auto",
@@ -8574,11 +7730,11 @@ url("data:application/vnd.ms-fontobject;base64,9AgAAEwIAAABAAIAAAAAAAIABQMAAAAAA
     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) {
@@ -8587,14 +7743,14 @@ url("data:application/vnd.ms-fontobject;base64,9AgAAEwIAAABAAIAAAAAAAIABQMAAAAAA
       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) {
@@ -8619,7 +7775,7 @@ url("data:application/vnd.ms-fontobject;base64,9AgAAEwIAAABAAIAAAAAAAIABQMAAAAAA
     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
@@ -8734,7 +7890,7 @@ url("data:application/vnd.ms-fontobject;base64,9AgAAEwIAAABAAIAAAAAAAIABQMAAAAAA
   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;
@@ -8833,651 +7989,1687 @@ url("data:application/vnd.ms-fontobject;base64,9AgAAEwIAAABAAIAAAAAAAIABQMAAAAAA
       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(fn) {
+    if (vue.getCurrentScope()) {
+      vue.onScopeDispose(fn);
+      return true;
+    }
+    return false;
+  }
+  function toValue(r) {
+    return typeof r === "function" ? r() : vue.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 = vue.ref(false);
+    const instance = vue.getCurrentInstance();
+    if (instance) {
+      vue.onMounted(() => {
+        isMounted.value = true;
+      }, instance);
+    }
+    return isMounted;
+  }
+  function useSupported(callback) {
+    const isMounted = useMounted();
+    return vue.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 = vue.computed(() => Array.isArray(target) ? target.map((el) => unrefElement(el)) : [unrefElement(target)]);
+    const stopWatch = vue.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__ */ vue.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 = vue.useSlots();
+      const { rowWidth, isOverflow: isMinimize, isScrollToLeft, isScrollToRight } = vue.inject(renderTablekey);
+      const parentTable = vue.inject(tableColumnResizekey);
+      const columnRef = vue.ref();
+      const currentWidth = vue.ref(0);
+      const vBkTooltips = bkuiVue.bkTooltips;
+      const vOverflowTips = overflowTips;
+      const columnKey = random();
+      let initWidthRate = 0;
+      let isDragedSelf = false;
+      const finalMinWidth = vue.computed(() => props.minWidth ? props.minWidth : props.width ?? 100);
+      const isFixedRight = vue.computed(() => props.fixed === "right");
+      const isFixedLeft = vue.computed(() => props.fixed === "left");
+      const styles = vue.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 = vue.computed(() => props.renderAppend && props.renderAppend());
+      vue.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 vue.openBlock(), vue.createElementBlock("th", {
+          ref_key: "columnRef",
+          ref: columnRef,
+          class: vue.normalizeClass(["bk-ediatable-head-column", {
+            [`column-${vue.unref(columnKey)}`]: true,
+            "is-right-fixed": vue.unref(isMinimize) && isFixedRight.value && !vue.unref(isScrollToRight),
+            "is-left-fixed": vue.unref(isMinimize) && isFixedLeft.value && !vue.unref(isScrollToLeft)
+          }]),
+          "data-fixed": _ctx.fixed,
+          "data-maxWidth": _ctx.maxWidth,
+          "data-minWidth": finalMinWidth.value,
+          "data-width": _ctx.width,
+          style: vue.normalizeStyle(styles.value),
+          onMousedown: handleMouseDown,
+          onMousemove: handleMouseMove
+        }, [
+          vue.createElementVNode(
+            "div",
+            {
+              class: vue.normalizeClass({ "is-required": _ctx.required })
+            },
+            [
+              vue.withDirectives((vue.openBlock(), vue.createElementBlock("div", _hoisted_2$2, [
+                vue.withDirectives((vue.openBlock(), vue.createElementBlock(
+                  "span",
+                  {
+                    class: vue.normalizeClass({ "title-memo": _ctx.memo })
+                  },
+                  [
+                    vue.renderSlot(_ctx.$slots, "default")
+                  ],
+                  2
+                  /* CLASS */
+                )), [
+                  [vue.unref(vBkTooltips), {
+                    content: _ctx.memo,
+                    disabled: !_ctx.memo
+                  }]
+                ])
+              ])), [
+                [vue.unref(vOverflowTips)]
+              ]),
+              vue.createElementVNode("div", _hoisted_3$1, [
+                slots.append && !_ctx.renderAppend ? vue.renderSlot(_ctx.$slots, "append", { key: 0 }) : vue.createCommentVNode("v-if", true),
+                _ctx.renderAppend ? (vue.openBlock(), vue.createBlock(vue.unref(RenderAppendElement), { key: 1 })) : vue.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__ */ vue.defineComponent({
+    __name: "ediatable",
+    props: {
+      theadList: { default: () => [] }
+    },
+    setup(__props) {
+      const slots = vue.useSlots();
+      const checkTableScroll = () => {
+        rowWidth.value = tableRef.value.clientWidth;
+        isOverflow.value = tableOuterRef.value.clientWidth < tableRef.value.clientWidth;
+        initColumnWidth();
+      };
+      const tableOuterRef = vue.ref();
+      const tableRef = vue.ref();
+      const tableColumnResizeRef = vue.ref();
+      const isOverflow = vue.ref(false);
+      const rowWidth = vue.ref(0);
+      const isScrollToLeft = vue.ref(true);
+      const isScrollToRight = vue.ref(false);
+      const { initColumnWidth } = useColumnResize(tableOuterRef, tableColumnResizeRef, _.debounce(checkTableScroll));
+      vue.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);
+      vue.onMounted(() => {
+        window.addEventListener("resize", checkTableScroll);
+        checkTableScroll();
+        setTimeout(() => checkTableScroll());
+        tableOuterRef.value.addEventListener("scroll", handleScroll);
+      });
+      vue.onBeforeUnmount(() => {
+        window.removeEventListener("resize", checkTableScroll);
+        tableOuterRef.value.removeEventListener("scroll", handleScroll);
+      });
+      return (_ctx, _cache) => {
+        return vue.openBlock(), vue.createElementBlock(
+          "div",
+          {
+            id: "ediatableRenderTableKey",
+            ref_key: "tableOuterRef",
+            ref: tableOuterRef,
+            class: vue.normalizeClass(["bk-ediatable", { "scrollbar-exists": isOverflow.value }])
+          },
+          [
+            vue.createElementVNode(
+              "table",
+              {
+                ref_key: "tableRef",
+                ref: tableRef
+              },
+              [
+                vue.createElementVNode("thead", null, [
+                  vue.createElementVNode("tr", null, [
+                    slots.default && _ctx.theadList.length === 0 ? vue.renderSlot(_ctx.$slots, "default", { key: 0 }) : (vue.openBlock(true), vue.createElementBlock(
+                      vue.Fragment,
+                      { key: 1 },
+                      vue.renderList(_ctx.theadList, (head, index) => {
+                        return vue.openBlock(), vue.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: vue.withCtx(() => [
+                            vue.createTextVNode(
+                              vue.toDisplayString(head.title),
+                              1
+                              /* TEXT */
+                            )
+                          ]),
+                          _: 2
+                          /* DYNAMIC */
+                        }, 1032, ["width", "min-width", "max-width", "fixed", "required", "render-append", "memo"]);
+                      }),
+                      128
+                      /* KEYED_FRAGMENT */
+                    ))
+                  ])
+                ]),
+                vue.renderSlot(_ctx.$slots, "data")
+              ],
+              512
+              /* NEED_PATCH */
+            ),
+            vue.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 = vue.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 {
+      ...vue.toRefs(state),
+      validator
+    };
+  }
+  const DbIcon = vue.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 vue.h(
+          "svg",
+          {
+            class: {
+              "db-svg-icon": true
+            }
+          },
+          [
+            vue.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 vue.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__ */ vue.defineComponent({
+    __name: "date-time-picker-column",
+    props: /* @__PURE__ */ vue.mergeModels({
+      placeholder: { default: "" },
+      rules: { default: void 0 },
+      type: { default: void 0 },
+      disabled: { type: Boolean, default: false }
+    }, {
+      "modelValue": {},
+      "modelModifiers": {}
+    }),
+    emits: /* @__PURE__ */ vue.mergeModels(["change"], ["update:modelValue"]),
+    setup(__props, { expose: __expose, emit: __emit }) {
+      const props = __props;
+      const emits = __emit;
+      const modelValue = vue.useModel(__props, "modelValue");
+      const attrs = vue.useAttrs();
+      const slots = vue.useSlots();
+      const { message: errorMessage, validator } = useValidtor(props.rules);
+      const vBkTooltips = bkuiVue.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 vue.openBlock(), vue.createElementBlock(
+          "div",
+          {
+            class: vue.normalizeClass(["bk-ediatable-time-picker", {
+              "is-error": Boolean(vue.unref(errorMessage)),
+              "is-disabled": _ctx.disabled
+            }])
+          },
+          [
+            vue.createVNode(vue.unref(bkuiVue.DatePicker), vue.mergeProps({
+              "append-to-body": "",
+              clearable: false,
+              "model-value": modelValue.value,
+              placeholder: _ctx.placeholder,
+              style: { "width": "100%" },
+              type: _ctx.type
+            }, vue.unref(attrs), {
+              onChange: handleChange,
+              onOpenChange: handleOpenChange
+            }), vue.createSlots({
+              _: 2
+              /* DYNAMIC */
+            }, [
+              vue.unref(slots).footer ? {
+                name: "footer",
+                fn: vue.withCtx(() => [
+                  vue.renderSlot(_ctx.$slots, "footer")
+                ]),
+                key: "0"
+              } : void 0
+            ]), 1040, ["model-value", "placeholder", "type"]),
+            vue.unref(errorMessage) ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_1$5, [
+              vue.withDirectives(vue.createVNode(
+                vue.unref(DbIcon),
+                { type: "exclamation-fill" },
+                null,
+                512
+                /* NEED_PATCH */
+              ), [
+                [vue.unref(vBkTooltips), vue.unref(errorMessage)]
+              ])
+            ])) : vue.createCommentVNode("v-if", true)
+          ],
+          2
+          /* CLASS */
+        );
+      };
+    }
+  });
+  const _hoisted_1$4 = {
+    key: 1,
+    class: "blur-dispaly-main"
+  };
+  const _sfc_main$5 = /* @__PURE__ */ vue.defineComponent({
+    __name: "input-column",
+    props: /* @__PURE__ */ vue.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__ */ vue.mergeModels(["submit"], ["update:modelValue"]),
+    setup(__props, { expose: __expose, emit: __emit }) {
+      const props = __props;
+      const emits = __emit;
+      const modelValue = vue.useModel(__props, "modelValue");
+      const rootRef = vue.ref();
+      const isBlur = vue.ref(true);
+      const isPassword = vue.computed(() => props.type === "password");
+      let oldInputText = "";
+      const vBkTooltips = bkuiVue.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 vue.openBlock(), vue.createElementBlock(
+          "div",
+          {
+            ref_key: "rootRef",
+            ref: rootRef,
+            class: vue.normalizeClass(["bk-ediatable-input", {
+              "is-error": Boolean(vue.unref(errorMessage)),
+              "is-disabled": _ctx.disabled,
+              "is-password": isPassword.value
+            }])
+          },
+          [
+            vue.createVNode(vue.unref(bkuiVue.Input), vue.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: vue.withCtx(() => []),
+              _: 1
+              /* STABLE */
+            }, 16, ["disabled", "max", "min", "model-value", "placeholder", "type", "precision"]),
+            vue.unref(errorMessage) ? vue.withDirectives((vue.openBlock(), vue.createBlock(
+              vue.unref(DbIcon),
+              {
+                key: 0,
+                class: "error-icon",
+                type: "exclamation-fill"
+              },
+              null,
+              512
+              /* NEED_PATCH */
+            )), [
+              [vue.unref(vBkTooltips), vue.unref(errorMessage)]
+            ]) : vue.createCommentVNode("v-if", true),
+            _ctx.isShowBlur && isBlur.value ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_1$4, [
+              vue.renderSlot(_ctx.$slots, "blur")
+            ])) : vue.createCommentVNode("v-if", true)
+          ],
+          2
+          /* CLASS */
+        );
+      };
+    }
+  });
+  const _sfc_main$4 = /* @__PURE__ */ vue.defineComponent({
+    __name: "fixed-column",
+    props: {
+      fixed: { default: "right" }
+    },
+    setup(__props) {
+      const props = __props;
+      const { isOverflow: isFixed, isScrollToLeft, isScrollToRight } = vue.inject(renderTablekey);
+      const isFixedRight = vue.computed(() => (isFixed == null ? void 0 : isFixed.value) && props.fixed === "right" && !isScrollToRight.value);
+      const isFixedLeft = vue.computed(() => (isFixed == null ? void 0 : isFixed.value) && props.fixed === "left" && !isScrollToLeft.value);
+      return (_ctx, _cache) => {
+        return vue.openBlock(), vue.createElementBlock(
+          "td",
+          {
+            class: vue.normalizeClass({
+              "bk-ediatable-right-fixed-column": isFixedRight.value,
+              "bk-ediatable-left-fixed-column": isFixedLeft.value
+            })
+          },
+          [
+            vue.renderSlot(_ctx.$slots, "default")
+          ],
+          2
+          /* CLASS */
+        );
+      };
+    }
+  });
+  const _hoisted_1$3 = { class: "bk-ediatable-operation" };
+  const _sfc_main$3 = /* @__PURE__ */ vue.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 vue.openBlock(), vue.createBlock(_sfc_main$4, null, {
+          default: vue.withCtx(() => [
+            vue.createElementVNode("div", _hoisted_1$3, [
+              _ctx.showCopy ? (vue.openBlock(), vue.createElementBlock("div", {
+                key: 0,
+                class: "action-btn",
+                onClick: handleCopy
+              }, [
+                vue.createVNode(vue.unref(DbIcon), { type: "copy" })
+              ])) : vue.createCommentVNode("v-if", true),
+              _ctx.showAdd ? (vue.openBlock(), vue.createElementBlock("div", {
+                key: 1,
+                class: "action-btn",
+                onClick: handleAppend
+              }, [
+                vue.createVNode(vue.unref(DbIcon), { type: "plus-fill" })
+              ])) : vue.createCommentVNode("v-if", true),
+              _ctx.showRemove ? (vue.openBlock(), vue.createElementBlock(
+                "div",
+                {
+                  key: 2,
+                  class: vue.normalizeClass(["action-btn", {
+                    disabled: _ctx.removeable
+                  }]),
+                  onClick: handleRemove
+                },
+                [
+                  vue.createVNode(vue.unref(DbIcon), { type: "minus-fill" })
+                ],
+                2
+                /* CLASS */
+              )) : vue.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__ */ vue.defineComponent({
+    __name: "select-column",
+    props: /* @__PURE__ */ vue.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__ */ vue.mergeModels(["change"], ["update:modelValue"]),
+    setup(__props, { expose: __expose, emit: __emit }) {
+      const { Option } = bkuiVue.Select;
+      const props = __props;
+      const emits = __emit;
+      const modelValue = vue.useModel(__props, "modelValue");
+      const rootRef = vue.ref();
+      const localValue = vue.ref("");
+      const rootHeight = vue.ref(42);
+      const { message: errorMessage, validator } = useValidtor(props.rules);
+      const vBkTooltips = bkuiVue.bkTooltips;
+      vue.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 vue.openBlock(), vue.createElementBlock(
+          "div",
+          {
+            ref_key: "rootRef",
+            ref: rootRef,
+            class: vue.normalizeClass(["bk-ediatable-select", {
+              "is-error": Boolean(vue.unref(errorMessage)),
+              "is-disable": _ctx.disabled
+            }]),
+            style: vue.normalizeStyle({ height: rootHeight.value + "px" })
+          },
+          [
+            vue.createVNode(vue.unref(bkuiVue.Select), vue.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: vue.withCtx(() => [
+                (vue.openBlock(true), vue.createElementBlock(
+                  vue.Fragment,
+                  null,
+                  vue.renderList(_ctx.list, (item, index) => {
+                    return vue.openBlock(), vue.createBlock(vue.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"]),
+            vue.unref(errorMessage) ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_1$2, [
+              vue.withDirectives(vue.createVNode(
+                vue.unref(DbIcon),
+                { type: "exclamation-fill" },
+                null,
+                512
+                /* NEED_PATCH */
+              ), [
+                [vue.unref(vBkTooltips), vue.unref(errorMessage)]
+              ])
+            ])) : vue.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"
@@ -9506,6 +9698,7 @@ url("data:application/vnd.ms-fontobject;base64,9AgAAEwIAAABAAIAAAAAAAIABQMAAAAAA
       const popRef = vue.ref();
       const isFocus = vue.ref(false);
       let tippyIns;
+      const vBkTooltips = bkuiVue.bkTooltips;
       const { message: errorMessage, validator } = useValidtor(props.rules);
       const tagInputPasteFn = (value) => value.split("\n").map((item) => ({ id: item }));
       const handleChange = (value) => {
@@ -9557,7 +9750,6 @@ url("data:application/vnd.ms-fontobject;base64,9AgAAEwIAAABAAIAAAAAAAIABQMAAAAAA
         }
       });
       return (_ctx, _cache) => {
-        const _directive_bk_tooltips = vue.resolveDirective("bk-tooltips");
         return vue.openBlock(), vue.createElementBlock(
           "div",
           {
@@ -9594,7 +9786,7 @@ url("data:application/vnd.ms-fontobject;base64,9AgAAEwIAAABAAIAAAAAAAIABQMAAAAAA
                       512
                       /* NEED_PATCH */
                     ), [
-                      [_directive_bk_tooltips, vue.unref(errorMessage)]
+                      [vue.unref(vBkTooltips), vue.unref(errorMessage)]
                     ])
                   ])) : vue.createCommentVNode("v-if", true)
                 ],
@@ -9625,17 +9817,17 @@ url("data:application/vnd.ms-fontobject;base64,9AgAAEwIAAABAAIAAAAAAAIABQMAAAAAA
   });
   function useIsWidthOverflow(domRef, watchVariable) {
     const isOverflow = vue.ref(false);
-    const checkOverflow = () => {
+    const checkOverflow2 = () => {
       if (domRef.value) {
         isOverflow.value = domRef.value.clientWidth < domRef.value.scrollWidth;
       }
     };
-    useResizeObserver(domRef, checkOverflow);
+    useResizeObserver(domRef, checkOverflow2);
     vue.watch(
       watchVariable,
       () => {
         setTimeout(() => {
-          checkOverflow();
+          checkOverflow2();
         });
       },
       {
@@ -9665,6 +9857,7 @@ url("data:application/vnd.ms-fontobject;base64,9AgAAEwIAAABAAIAAAAAAAIABQMAAAAAA
       const props = __props;
       const textRef = vue.ref();
       const renderData = vue.computed(() => props.data);
+      const vBkTooltips = bkuiVue.bkTooltips;
       const { isOverflow } = useIsWidthOverflow(textRef, renderData);
       const { message: errorMessage, validator } = useValidtor(props.rules);
       __expose({
@@ -9673,7 +9866,6 @@ url("data:application/vnd.ms-fontobject;base64,9AgAAEwIAAABAAIAAAAAAAIABQMAAAAAA
         }
       });
       return (_ctx, _cache) => {
-        const _directive_bk_tooltips = vue.resolveDirective("bk-tooltips");
         return vue.openBlock(), vue.createBlock(vue.unref(bkuiVue.Loading), { loading: _ctx.isLoading }, {
           default: vue.withCtx(() => [
             vue.withDirectives((vue.openBlock(), vue.createElementBlock(
@@ -9708,7 +9900,7 @@ url("data:application/vnd.ms-fontobject;base64,9AgAAEwIAAABAAIAAAAAAAIABQMAAAAAA
                     512
                     /* NEED_PATCH */
                   ), [
-                    [_directive_bk_tooltips, vue.unref(errorMessage)]
+                    [vue.unref(vBkTooltips), vue.unref(errorMessage)]
                   ])
                 ])) : vue.createCommentVNode("v-if", true),
                 vue.renderSlot(_ctx.$slots, "default")
@@ -9716,7 +9908,7 @@ url("data:application/vnd.ms-fontobject;base64,9AgAAEwIAAABAAIAAAAAAAIABQMAAAAAA
               2
               /* CLASS */
             )), [
-              [_directive_bk_tooltips, {
+              [vue.unref(vBkTooltips), {
                 content: _ctx.data || _ctx.placeholder,
                 disabled: !vue.unref(isOverflow)
               }]