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

package/vue2/index.es.min.js

@@ -1,5 +1,5 @@
 import * as __WEBPACK_EXTERNAL_MODULE_vue__ from "@blueking/bkui-library";
-import { ref, provide, onMounted, onBeforeUnmount, getCurrentScope, onScopeDispose, unref, computed, watch, getCurrentInstance, defineComponent, useSlots, inject, resolveDirective, openBlock, createElementBlock, normalizeClass, normalizeStyle, withDirectives, createElementVNode, renderSlot, createCommentVNode, createBlock, Fragment, renderList, withCtx, createTextVNode, toDisplayString, reactive, toRefs, h as h$1, mergeModels, useModel, useAttrs, createVNode, mergeProps, createSlots, nextTick, createApp } from "@blueking/bkui-library";
+import { ref, provide, onMounted, onBeforeUnmount, getCurrentScope, onScopeDispose, unref, computed, watch, getCurrentInstance, defineComponent, useSlots, inject, openBlock, createElementBlock, normalizeClass, normalizeStyle, createElementVNode, withDirectives, renderSlot, createCommentVNode, createBlock, Fragment, renderList, withCtx, createTextVNode, toDisplayString, reactive, toRefs, h as h$1, mergeModels, useModel, useAttrs, createVNode, mergeProps, createSlots, nextTick, createApp } from "@blueking/bkui-library";
 var commonjsGlobal = typeof globalThis !== "undefined" ? globalThis : typeof window !== "undefined" ? window : typeof global !== "undefined" ? global : typeof self !== "undefined" ? self : {};
 function getDefaultExportFromCjs(x3) {
   return x3 && x3.__esModule && Object.prototype.hasOwnProperty.call(x3, "default") ? x3["default"] : x3;
@@ -5527,10 +5527,8 @@ function useColumnResize(tableRef, tableColumnResizeRef, mouseupCallback) {
     if (!dragable) {
       return;
     }
-    const {
-      columnKey,
-      minWidth = 100
-    } = payload;
+    const { columnKey, minWidth = 100 } = payload;
+    const target = event.target.closest("th");
     const tableEl = tableRef.value;
     const columnEl = tableEl.querySelector(`th.column-${columnKey}`);
     const tableLeft = tableEl.getBoundingClientRect().left;
@@ -5560,6 +5558,7 @@ function useColumnResize(tableRef, tableColumnResizeRef, mouseupCallback) {
       resizeProxy.style.display = "block";
       resizeProxyLeft = Math.max(minLeft, proxyLeft);
       resizeProxy.style.left = `${resizeProxyLeft}px`;
+      target.classList.add("poiner-right");
     };
     const handleMouseUp = () => {
       if (dragging.value) {
@@ -5584,15 +5583,22 @@ function useColumnResize(tableRef, tableColumnResizeRef, mouseupCallback) {
     document.addEventListener("mouseup", handleMouseUp);
   };
   const handleMouseMove = (event) => {
+    var _a;
+    if (dragging.value) {
+      return;
+    }
     const target = event.target.closest("th");
     const rect = target.getBoundingClientRect();
     const bodyStyle = document.body.style;
     if (rect.width > 12 && rect.right - event.pageX < 8) {
       bodyStyle.cursor = "col-resize";
       dragable = true;
+      target.classList.add("poiner-right");
     } else if (!dragging.value) {
       bodyStyle.cursor = "";
       dragable = false;
+      target.classList.remove("poiner-right");
+      (_a = target.previousElementSibling) == null ? void 0 : _a.classList.remove("poiner-right");
     }
   };
   const handleOuterMousemove = _$1.throttle((event) => {
@@ -5622,375 +5628,6 @@ function useColumnResize(tableRef, tableColumnResizeRef, mouseupCallback) {
     handleMouseMove
   };
 }
-const random$1 = () => `${_$1.random(0, 999999)}_${Date.now()}_${_$1.random(0, 999999)}`;
-const encodeMult = (text) => {
-  const temp = document.createElement("textarea");
-  temp.value = text;
-  return temp.value;
-};
-function tryOnScopeDispose(fn2) {
-  if (getCurrentScope()) {
-    onScopeDispose(fn2);
-    return true;
-  }
-  return false;
-}
-function toValue(r2) {
-  return typeof r2 === "function" ? r2() : unref(r2);
-}
-const isClient = typeof window !== "undefined" && typeof document !== "undefined";
-typeof WorkerGlobalScope !== "undefined" && globalThis instanceof WorkerGlobalScope;
-function unrefElement(elRef) {
-  var _a;
-  const plain = toValue(elRef);
-  return (_a = plain == null ? void 0 : plain.$el) != null ? _a : plain;
-}
-const defaultWindow = isClient ? window : void 0;
-function useMounted() {
-  const isMounted = ref(false);
-  const instance2 = getCurrentInstance();
-  if (instance2) {
-    onMounted(() => {
-      isMounted.value = true;
-    }, instance2);
-  }
-  return isMounted;
-}
-function useSupported(callback) {
-  const isMounted = useMounted();
-  return computed(() => {
-    isMounted.value;
-    return Boolean(callback());
-  });
-}
-function useResizeObserver(target, callback, options = {}) {
-  const { window: window2 = defaultWindow, ...observerOptions } = options;
-  let observer;
-  const isSupported = useSupported(() => window2 && "ResizeObserver" in window2);
-  const cleanup = () => {
-    if (observer) {
-      observer.disconnect();
-      observer = void 0;
-    }
-  };
-  const targets = computed(() => Array.isArray(target) ? target.map((el) => unrefElement(el)) : [unrefElement(target)]);
-  const stopWatch = watch(
-    targets,
-    (els) => {
-      cleanup();
-      if (isSupported.value && window2) {
-        observer = new ResizeObserver(callback);
-        for (const _el of els)
-          _el && observer.observe(_el, observerOptions);
-      }
-    },
-    { immediate: true, flush: "post" }
-  );
-  const stop = () => {
-    cleanup();
-    stopWatch();
-  };
-  tryOnScopeDispose(stop);
-  return {
-    isSupported,
-    stop
-  };
-}
-const _hoisted_1$6 = ["data-fixed", "data-maxWidth", "data-minWidth", "data-width"];
-const _hoisted_2$2 = { class: "th-cell" };
-const _hoisted_3$1 = { style: { "display": "inline-block", "line-height": "40px", "vertical-align": "top" } };
-const _sfc_main$8 = /* @__PURE__ */ defineComponent({
-  __name: "head-column",
-  props: {
-    fixed: { default: void 0 },
-    maxWidth: { default: void 0 },
-    minWidth: { default: void 0 },
-    required: { type: Boolean, default: true },
-    width: { default: void 0 },
-    renderAppend: { type: Function, default: void 0 },
-    memo: { default: void 0 }
-  },
-  setup(__props) {
-    const props2 = __props;
-    const slots = useSlots();
-    const { rowWidth, isOverflow: isMinimize } = inject(renderTablekey);
-    const parentTable = inject(tableColumnResizekey);
-    const columnRef = ref();
-    const currentWidth = ref(0);
-    const columnKey = random$1();
-    let initWidthRate = 0;
-    let isDragedSelf = false;
-    const finalMinWidth = computed(() => props2.minWidth ? props2.minWidth : props2.width ?? 100);
-    const isFixedRight = computed(() => props2.fixed === "right");
-    const isFixedLeft = computed(() => props2.fixed === "left");
-    const styles = computed(() => {
-      if (props2.width && (rowWidth == null ? void 0 : rowWidth.value) && finalMinWidth.value) {
-        const newWidth = rowWidth.value * initWidthRate;
-        if (newWidth !== props2.width) {
-          let width = 0;
-          if (isMinimize == null ? void 0 : isMinimize.value) {
-            if (currentWidth.value !== 0 && (currentWidth.value !== finalMinWidth.value || currentWidth.value !== props2.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: props2.width ? `${props2.width}px` : "120px"
-      };
-    });
-    const RenderAppendElement = computed(() => props2.renderAppend && props2.renderAppend());
-    watch(
-      () => [props2.width, rowWidth == null ? void 0 : rowWidth.value, currentWidth.value],
-      ([width, rowWidth2, currentWidth2]) => {
-        if (!isDragedSelf) {
-          return;
-        }
-        if (width && rowWidth2 && currentWidth2 && finalMinWidth.value) {
-          isDragedSelf = false;
-          if (currentWidth2 !== 0 && (currentWidth2 !== finalMinWidth.value || currentWidth2 !== width)) {
-            initWidthRate = currentWidth2 / rowWidth2;
-          } else {
-            initWidthRate = (isMinimize == null ? void 0 : isMinimize.value) ? finalMinWidth.value / rowWidth2 : width / rowWidth2;
-          }
-        }
-      },
-      {
-        immediate: true
-      }
-    );
-    useResizeObserver(columnRef, () => {
-      if (!isDragedSelf) {
-        return;
-      }
-      const width = parseFloat(columnRef.value.style.width);
-      currentWidth.value = width;
-    });
-    const handleMouseDown = (event) => {
-      isDragedSelf = true;
-      parentTable == null ? void 0 : parentTable.columnMousedown(event, {
-        columnKey,
-        minWidth: finalMinWidth.value
-      });
-    };
-    const handleMouseMove = (event) => {
-      parentTable == null ? void 0 : parentTable.columnMouseMove(event);
-    };
-    return (_ctx, _cache) => {
-      const _directive_overflow_tips = resolveDirective("overflow-tips");
-      const _directive_bk_tooltips = resolveDirective("bk-tooltips");
-      return openBlock(), createElementBlock("th", {
-        ref_key: "columnRef",
-        ref: columnRef,
-        class: normalizeClass(["bk-ediatable-head-column", {
-          "is-required": _ctx.required,
-          [`column-${unref(columnKey)}`]: true,
-          "is-right-fixed": unref(isMinimize) && isFixedRight.value,
-          "is-left-fixed": unref(isMinimize) && isFixedLeft.value
-        }]),
-        "data-fixed": _ctx.fixed,
-        "data-maxWidth": _ctx.maxWidth,
-        "data-minWidth": finalMinWidth.value,
-        "data-width": _ctx.width,
-        style: normalizeStyle(styles.value),
-        onMousedown: handleMouseDown,
-        onMousemove: handleMouseMove
-      }, [
-        withDirectives((openBlock(), createElementBlock("div", _hoisted_2$2, [
-          createElementVNode(
-            "span",
-            {
-              class: normalizeClass({ "title-memo": _ctx.memo })
-            },
-            [
-              renderSlot(_ctx.$slots, "default")
-            ],
-            2
-            /* CLASS */
-          )
-        ])), [
-          [_directive_overflow_tips],
-          [_directive_bk_tooltips, {
-            content: _ctx.memo,
-            disabled: !_ctx.memo
-          }]
-        ]),
-        createElementVNode("div", _hoisted_3$1, [
-          slots.append && !_ctx.renderAppend ? renderSlot(_ctx.$slots, "append", { key: 0 }) : createCommentVNode("v-if", true),
-          _ctx.renderAppend ? (openBlock(), createBlock(unref(RenderAppendElement), { key: 1 })) : createCommentVNode("v-if", true)
-        ])
-      ], 46, _hoisted_1$6);
-    };
-  }
-});
-const renderTablekey = Symbol("renderTable");
-const _sfc_main$7 = /* @__PURE__ */ defineComponent({
-  __name: "ediatable",
-  props: {
-    theadList: { default: () => [] }
-  },
-  setup(__props) {
-    const slots = useSlots();
-    const checkTableScroll = () => {
-      rowWidth.value = tableRef.value.clientWidth;
-      isOverflow.value = tableOuterRef.value.clientWidth < tableRef.value.clientWidth;
-      initColumnWidth();
-    };
-    const tableOuterRef = ref();
-    const tableRef = ref();
-    const tableColumnResizeRef = ref();
-    const isOverflow = ref(false);
-    const rowWidth = ref(0);
-    const { initColumnWidth } = useColumnResize(tableOuterRef, tableColumnResizeRef, _$1.debounce(checkTableScroll));
-    provide(renderTablekey, {
-      isOverflow,
-      rowWidth
-    });
-    onMounted(() => {
-      window.addEventListener("resize", checkTableScroll);
-      checkTableScroll();
-      setTimeout(() => checkTableScroll());
-    });
-    onBeforeUnmount(() => window.removeEventListener("resize", checkTableScroll));
-    return (_ctx, _cache) => {
-      return openBlock(), createElementBlock(
-        "div",
-        {
-          id: "ediatableRenderTableKey",
-          ref_key: "tableOuterRef",
-          ref: tableOuterRef,
-          class: "bk-ediatable"
-        },
-        [
-          createElementVNode(
-            "table",
-            {
-              ref_key: "tableRef",
-              ref: tableRef
-            },
-            [
-              createElementVNode("thead", null, [
-                createElementVNode("tr", null, [
-                  slots.default && _ctx.theadList.length === 0 ? renderSlot(_ctx.$slots, "default", { key: 0 }) : (openBlock(true), createElementBlock(
-                    Fragment,
-                    { key: 1 },
-                    renderList(_ctx.theadList, (head, index2) => {
-                      return openBlock(), createBlock(_sfc_main$8, {
-                        key: index2,
-                        width: head.width,
-                        "min-width": head.minWidth,
-                        "max-width": head.maxWidth,
-                        fixed: head.fixed,
-                        required: head.required,
-                        "render-append": head.renderAppend,
-                        memo: head.memo
-                      }, {
-                        default: withCtx(() => [
-                          createTextVNode(
-                            toDisplayString(head.title),
-                            1
-                            /* TEXT */
-                          )
-                        ]),
-                        _: 2
-                        /* DYNAMIC */
-                      }, 1032, ["width", "min-width", "max-width", "fixed", "required", "render-append", "memo"]);
-                    }),
-                    128
-                    /* KEYED_FRAGMENT */
-                  ))
-                ])
-              ]),
-              createElementVNode("tbody", null, [
-                renderSlot(_ctx.$slots, "data")
-              ])
-            ],
-            512
-            /* NEED_PATCH */
-          ),
-          createElementVNode(
-            "div",
-            {
-              ref_key: "tableColumnResizeRef",
-              ref: tableColumnResizeRef,
-              class: "table-column-resize"
-            },
-            null,
-            512
-            /* NEED_PATCH */
-          )
-        ],
-        512
-        /* NEED_PATCH */
-      );
-    };
-  }
-});
-const getRuleMessage = (rule) => {
-  if (typeof rule.message === "function") {
-    return rule.message();
-  }
-  return rule.message;
-};
-function useValidtor(rules) {
-  const state = reactive({
-    loading: false,
-    error: false,
-    message: ""
-  });
-  const validator11 = (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((data2) => {
-              if (data2 === false) {
-                return Promise.reject(getRuleMessage(rule));
-              }
-            }).then(() => run(), () => {
-              state.error = true;
-              const message = getRuleMessage(rule);
-              state.message = message;
-              return Promise.reject(message);
-            });
-          }
-          if (!result) {
-            state.error = true;
-            const message = getRuleMessage(rule);
-            state.message = message;
-            return Promise.reject(message);
-          }
-          return run();
-        });
-      };
-    })();
-    return run();
-  };
-  return {
-    ...toRefs(state),
-    validator: validator11
-  };
-}
 var top = "top";
 var bottom = "bottom";
 var right = "right";
@@ -6006,7 +5643,7 @@ var reference$2 = "reference";
 var variationPlacements = /* @__PURE__ */ basePlacements.reduce(function(acc, placement) {
   return acc.concat([placement + "-" + start, placement + "-" + end]);
 }, []);
-var placements$2 = /* @__PURE__ */ [].concat(basePlacements, [auto]).reduce(function(acc, placement) {
+var placements$3 = /* @__PURE__ */ [].concat(basePlacements, [auto]).reduce(function(acc, placement) {
   return acc.concat([placement, placement + "-" + start, placement + "-" + end]);
 }, []);
 var beforeRead = "beforeRead";
@@ -6754,7 +6391,7 @@ function computeAutoPlacement(state, options) {
   if (options === void 0) {
     options = {};
   }
-  var _options = options, placement = _options.placement, boundary = _options.boundary, rootBoundary = _options.rootBoundary, padding = _options.padding, flipVariations = _options.flipVariations, _options$allowedAutoP = _options.allowedAutoPlacements, allowedAutoPlacements = _options$allowedAutoP === void 0 ? placements$2 : _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$3 : _options$allowedAutoP;
   var variation = getVariation(placement);
   var placements2 = variation ? flipVariations ? variationPlacements : variationPlacements.filter(function(placement2) {
     return getVariation(placement2) === variation;
@@ -6952,7 +6589,7 @@ function distanceAndSkiddingToXY(placement, rects, offset2) {
 function offset$2(_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 data2 = placements$2.reduce(function(acc, placement) {
+  var data2 = placements$3.reduce(function(acc, placement) {
     acc[placement] = distanceAndSkiddingToXY(placement, state.rects, offset2);
     return acc;
   }, {});
@@ -7976,7 +7613,7 @@ __webpack_require__$u.d(__webpack_exports__$u, {
   ),
   checkOverflow: () => (
     /* reexport */
-    checkOverflow
+    checkOverflow$1
   ),
   classes: () => (
     /* binding */
@@ -8128,7 +7765,7 @@ __webpack_require__$u.d(__webpack_exports__$u, {
   ),
   random: () => (
     /* reexport */
-    random
+    random$1
   ),
   renderDirectiveType: () => (
     /* reexport */
@@ -8895,7 +8532,7 @@ var throttle_x$1 = (y4) => {
 };
 const throttle_namespaceObject$1 = throttle_x$1({ ["default"]: () => throttle$1 });
 var lowerStr = "abcdefghijklmnopqrstuvwxyz0123456789";
-var random = function random2(n2) {
+var random$1 = function random(n2) {
   var str = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : lowerStr;
   var result = "";
   for (var i3 = 0; i3 < n2; i3++) {
@@ -8932,7 +8569,7 @@ var observerResize = function observerResize2(root2, callbackFn) {
 var capitalize = function capitalize2(str) {
   return str[0].toUpperCase() + str.slice(1);
 };
-function checkOverflow(el) {
+function checkOverflow$1(el) {
   if (!el) return false;
   var createDom = function createDom2(el2, css2) {
     var dom2 = document.createElement("div");
@@ -14650,7 +14287,7 @@ var isElement_x$1 = (y4) => {
 const isElement_namespaceObject$1 = isElement_x$1({ ["default"]: () => isElement$4 });
 const sides$1 = ["top", "right", "bottom", "left"];
 const alignments$1 = ["start", "end"];
-const placements$1 = /* @__PURE__ */ sides$1.reduce((acc, side) => acc.concat(side, side + "-" + alignments$1[0], side + "-" + alignments$1[1]), []);
+const placements$2 = /* @__PURE__ */ sides$1.reduce((acc, side) => acc.concat(side, side + "-" + alignments$1[0], side + "-" + alignments$1[1]), []);
 const floating_ui_utils_min$1 = Math.min;
 const floating_ui_utils_max$1 = Math.max;
 const round$1 = Math.round;
@@ -15053,14 +14690,14 @@ const autoPlacement$1 = function(options) {
       const {
         crossAxis = false,
         alignment,
-        allowedPlacements = placements$1,
+        allowedPlacements = placements$2,
         autoAlignment = true,
         ...detectOverflowOptions
       } = floating_ui_utils_evaluate$1(options, state);
-      const placements$1$1 = alignment !== void 0 || allowedPlacements === placements$1 ? getPlacementList$1(alignment || null, autoAlignment, allowedPlacements) : allowedPlacements;
+      const placements$12 = alignment !== void 0 || allowedPlacements === placements$2 ? getPlacementList$1(alignment || null, autoAlignment, allowedPlacements) : allowedPlacements;
       const overflow = await detectOverflow$1(state, detectOverflowOptions);
       const currentIndex = ((_middlewareData$autoP = middlewareData.autoPlacement) == null ? void 0 : _middlewareData$autoP.index) || 0;
-      const currentPlacement = placements$1$1[currentIndex];
+      const currentPlacement = placements$12[currentIndex];
       if (currentPlacement == null) {
         return {};
       }
@@ -15068,7 +14705,7 @@ const autoPlacement$1 = function(options) {
       if (placement !== currentPlacement) {
         return {
           reset: {
-            placement: placements$1$1[0]
+            placement: placements$12[0]
           }
         };
       }
@@ -15077,7 +14714,7 @@ const autoPlacement$1 = function(options) {
         placement: currentPlacement,
         overflows: currentOverflows
       }];
-      const nextPlacement = placements$1$1[currentIndex + 1];
+      const nextPlacement = placements$12[currentIndex + 1];
       if (nextPlacement) {
         return {
           data: {
@@ -17904,7 +17541,7 @@ var isElement_x = (y4) => {
 const isElement_namespaceObject = isElement_x({ ["default"]: () => isElement$4 });
 const sides = ["top", "right", "bottom", "left"];
 const alignments = ["start", "end"];
-const placements = /* @__PURE__ */ sides.reduce((acc, side) => acc.concat(side, side + "-" + alignments[0], side + "-" + alignments[1]), []);
+const placements$1 = /* @__PURE__ */ sides.reduce((acc, side) => acc.concat(side, side + "-" + alignments[0], side + "-" + alignments[1]), []);
 const floating_ui_utils_min = Math.min;
 const floating_ui_utils_max = Math.max;
 const round = Math.round;
@@ -18307,14 +17944,14 @@ const autoPlacement = function(options) {
       const {
         crossAxis = false,
         alignment,
-        allowedPlacements = placements,
+        allowedPlacements = placements$1,
         autoAlignment = true,
         ...detectOverflowOptions
       } = floating_ui_utils_evaluate(options, state);
-      const placements$12 = alignment !== void 0 || allowedPlacements === placements ? getPlacementList(alignment || null, autoAlignment, allowedPlacements) : allowedPlacements;
+      const placements$1$1 = alignment !== void 0 || allowedPlacements === placements$1 ? getPlacementList(alignment || null, autoAlignment, allowedPlacements) : allowedPlacements;
       const overflow = await detectOverflow(state, detectOverflowOptions);
       const currentIndex = ((_middlewareData$autoP = middlewareData.autoPlacement) == null ? void 0 : _middlewareData$autoP.index) || 0;
-      const currentPlacement = placements$12[currentIndex];
+      const currentPlacement = placements$1$1[currentIndex];
       if (currentPlacement == null) {
         return {};
       }
@@ -18322,7 +17959,7 @@ const autoPlacement = function(options) {
       if (placement !== currentPlacement) {
         return {
           reset: {
-            placement: placements$12[0]
+            placement: placements$1$1[0]
           }
         };
       }
@@ -18331,7 +17968,7 @@ const autoPlacement = function(options) {
         placement: currentPlacement,
         overflows: currentOverflows
       }];
-      const nextPlacement = placements$12[currentIndex + 1];
+      const nextPlacement = placements$1$1[currentIndex + 1];
       if (nextPlacement) {
         return {
           data: {
@@ -33318,7 +32955,7 @@ var __webpack_exports__$1 = {};
     setup: function setup26(props2) {
       var tagRef = (0, external_vue_namespaceObject2.ref)();
       var isOverflow = (0, external_vue_namespaceObject2.ref)(false);
-      var overflowTips = (0, external_vue_namespaceObject2.computed)(function() {
+      var overflowTips2 = (0, external_vue_namespaceObject2.computed)(function() {
         return tag_render_objectSpread({
           boundary: "window",
           theme: "light",
@@ -33331,7 +32968,7 @@ var __webpack_exports__$1 = {};
         isOverflow.value = (0, shared_namespaceObject2.checkOverflow)(tagRef.value);
       });
       return {
-        overflowTips,
+        overflowTips: overflowTips2,
         tagRef
       };
     },
@@ -40697,511 +40334,6 @@ var BkDatePicker = (0, shared_namespaceObject.withInstall)(date_picker);
 const src = BkDatePicker;
 __webpack_exports__.TimePicker;
 var __webpack_exports__default = __webpack_exports__["default"];
-const DbIcon = defineComponent({
-  name: "DbIcon",
-  props: {
-    type: {
-      type: String,
-      required: true
-    },
-    svg: {
-      type: Boolean,
-      default: false
-    }
-  },
-  render() {
-    if (this.svg) {
-      return h$1(
-        "svg",
-        {
-          class: {
-            "db-svg-icon": true
-          }
-        },
-        [
-          h$1("use", {
-            "xlink:href": `#db-icon-${this.type}`
-          })
-        ]
-      );
-    }
-    const classes2 = {
-      "ediatable-icon": true,
-      [`icon-${this.type}`]: true
-    };
-    return h$1("i", {
-      class: classes2
-    });
-  }
-});
-const _hoisted_1$5 = {
-  key: 0,
-  class: "input-error"
-};
-const _sfc_main$6 = /* @__PURE__ */ defineComponent({
-  __name: "date-time-picker-column",
-  props: /* @__PURE__ */ mergeModels({
-    placeholder: { default: "" },
-    rules: { default: void 0 },
-    type: { default: void 0 },
-    disabled: { type: Boolean, default: false }
-  }, {
-    "modelValue": {},
-    "modelModifiers": {}
-  }),
-  emits: /* @__PURE__ */ mergeModels(["change"], ["update:modelValue"]),
-  setup(__props, { expose: __expose, emit: __emit }) {
-    const props2 = __props;
-    const emits = __emit;
-    const modelValue = useModel(__props, "modelValue");
-    const attrs = useAttrs();
-    const slots = useSlots();
-    const { message: errorMessage, validator: validator11 } = useValidtor(props2.rules);
-    const handleChange = (value) => {
-      modelValue.value = value;
-      validator11(modelValue.value).then(() => {
-        emits("change", modelValue.value);
-      });
-    };
-    const handleOpenChange = (open) => {
-      if (!open) {
-        validator11(modelValue.value);
-      }
-    };
-    __expose({
-      getValue() {
-        return validator11(modelValue.value).then(() => modelValue.value);
-      }
-    });
-    return (_ctx, _cache) => {
-      const _directive_bk_tooltips = resolveDirective("bk-tooltips");
-      return openBlock(), createElementBlock(
-        "div",
-        {
-          class: normalizeClass(["bk-ediatable-time-picker", {
-            "is-error": Boolean(unref(errorMessage)),
-            "is-disabled": _ctx.disabled
-          }])
-        },
-        [
-          createVNode(unref(__webpack_exports__default), mergeProps({
-            "append-to-body": "",
-            clearable: false,
-            "model-value": modelValue.value,
-            placeholder: _ctx.placeholder,
-            style: { "width": "100%" },
-            type: _ctx.type
-          }, unref(attrs), {
-            onChange: handleChange,
-            onOpenChange: handleOpenChange
-          }), createSlots({
-            _: 2
-            /* DYNAMIC */
-          }, [
-            unref(slots).footer ? {
-              name: "footer",
-              fn: withCtx(() => [
-                renderSlot(_ctx.$slots, "footer")
-              ]),
-              key: "0"
-            } : void 0
-          ]), 1040, ["model-value", "placeholder", "type"]),
-          unref(errorMessage) ? (openBlock(), createElementBlock("div", _hoisted_1$5, [
-            withDirectives(createVNode(
-              unref(DbIcon),
-              { type: "exclamation-fill" },
-              null,
-              512
-              /* NEED_PATCH */
-            ), [
-              [_directive_bk_tooltips, unref(errorMessage)]
-            ])
-          ])) : createCommentVNode("v-if", true)
-        ],
-        2
-        /* CLASS */
-      );
-    };
-  }
-});
-const _hoisted_1$4 = {
-  key: 1,
-  class: "blur-dispaly-main"
-};
-const _sfc_main$5 = /* @__PURE__ */ defineComponent({
-  __name: "input-column",
-  props: /* @__PURE__ */ mergeModels({
-    placeholder: { default: "请输入" },
-    rules: { default: void 0 },
-    disabled: { type: Boolean, default: false },
-    type: { default: "text" },
-    min: { default: Number.MIN_SAFE_INTEGER },
-    max: { default: Number.MAX_SAFE_INTEGER },
-    isShowBlur: { type: Boolean, default: false },
-    precision: { default: 0 }
-  }, {
-    "modelValue": {
-      default: ""
-    },
-    "modelModifiers": {}
-  }),
-  emits: /* @__PURE__ */ mergeModels(["submit"], ["update:modelValue"]),
-  setup(__props, { expose: __expose, emit: __emit }) {
-    const props2 = __props;
-    const emits = __emit;
-    const modelValue = useModel(__props, "modelValue");
-    const rootRef = ref();
-    const isBlur = ref(true);
-    const isPassword = computed(() => props2.type === "password");
-    let oldInputText = "";
-    const {
-      message: errorMessage,
-      validator: validator11
-    } = useValidtor(props2.rules);
-    const handleInput = (value) => {
-      isBlur.value = false;
-      modelValue.value = value;
-    };
-    const handleBlur = (event) => {
-      isBlur.value = true;
-      if (props2.disabled) {
-        event.preventDefault();
-        return;
-      }
-      if (modelValue.value) {
-        if (oldInputText === modelValue.value) {
-          return;
-        }
-        oldInputText = modelValue.value;
-        validator11(modelValue.value).then(() => {
-          emits("submit", modelValue.value);
-        });
-        return;
-      }
-      emits("submit", modelValue.value);
-    };
-    const handleKeydown = (_value, event) => {
-      if (props2.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();
-        validator11(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 validator11(modelValue.value).then(() => modelValue.value);
-      },
-      focus() {
-        var _a;
-        (_a = rootRef.value.querySelector("input")) == null ? void 0 : _a.focus();
-      }
-    });
-    return (_ctx, _cache) => {
-      const _directive_bk_tooltips = resolveDirective("bk-tooltips");
-      return openBlock(), createElementBlock(
-        "div",
-        {
-          ref_key: "rootRef",
-          ref: rootRef,
-          class: normalizeClass(["bk-ediatable-input", {
-            "is-error": Boolean(unref(errorMessage)),
-            "is-disabled": _ctx.disabled,
-            "is-password": isPassword.value
-          }])
-        },
-        [
-          createVNode(unref(__webpack_exports__default$6), mergeProps({
-            class: "input-box",
-            disabled: _ctx.disabled,
-            max: _ctx.max,
-            min: _ctx.min,
-            "model-value": modelValue.value,
-            placeholder: _ctx.placeholder,
-            type: _ctx.type
-          }, _ctx.$attrs, {
-            precision: _ctx.precision,
-            onBlur: handleBlur,
-            onChange: handleInput,
-            onFocus: _cache[0] || (_cache[0] = () => isBlur.value = false),
-            onInput: handleInput,
-            onKeydown: handleKeydown,
-            onPaste: handlePaste
-          }), {
-            suffix: withCtx(() => []),
-            _: 1
-            /* STABLE */
-          }, 16, ["disabled", "max", "min", "model-value", "placeholder", "type", "precision"]),
-          unref(errorMessage) ? withDirectives((openBlock(), createBlock(
-            unref(DbIcon),
-            {
-              key: 0,
-              class: "error-icon",
-              type: "exclamation-fill"
-            },
-            null,
-            512
-            /* NEED_PATCH */
-          )), [
-            [_directive_bk_tooltips, unref(errorMessage)]
-          ]) : createCommentVNode("v-if", true),
-          _ctx.isShowBlur && isBlur.value ? (openBlock(), createElementBlock("div", _hoisted_1$4, [
-            renderSlot(_ctx.$slots, "blur")
-          ])) : createCommentVNode("v-if", true)
-        ],
-        2
-        /* CLASS */
-      );
-    };
-  }
-});
-const _sfc_main$4 = /* @__PURE__ */ defineComponent({
-  __name: "fixed-column",
-  props: {
-    fixed: { default: "right" }
-  },
-  setup(__props) {
-    const props2 = __props;
-    const { isOverflow: isFixed } = inject(renderTablekey);
-    const isFixedRight = computed(() => (isFixed == null ? void 0 : isFixed.value) && props2.fixed === "right");
-    const isFixedLeft = computed(() => (isFixed == null ? void 0 : isFixed.value) && props2.fixed === "left");
-    return (_ctx, _cache) => {
-      return openBlock(), createElementBlock(
-        "td",
-        {
-          class: normalizeClass({
-            "bk-ediatable-right-fixed-column": isFixedRight.value,
-            "bk-ediatable-left-fixed-column": isFixedLeft.value
-          })
-        },
-        [
-          renderSlot(_ctx.$slots, "default")
-        ],
-        2
-        /* CLASS */
-      );
-    };
-  }
-});
-const _hoisted_1$3 = { class: "bk-ediatable-operation" };
-const _sfc_main$3 = /* @__PURE__ */ defineComponent({
-  __name: "operation-column",
-  props: {
-    removeable: { type: Boolean, default: true },
-    showCopy: { type: Boolean, default: false },
-    showAdd: { type: Boolean, default: true },
-    showRemove: { type: Boolean, default: true }
-  },
-  emits: ["add", "copy", "remove"],
-  setup(__props, { emit: __emit }) {
-    const props2 = __props;
-    const emits = __emit;
-    const handleCopy = () => {
-      emits("copy");
-    };
-    const handleAppend = () => {
-      emits("add");
-    };
-    const handleRemove = () => {
-      if (props2.removeable) {
-        return;
-      }
-      emits("remove");
-    };
-    return (_ctx, _cache) => {
-      return openBlock(), createBlock(_sfc_main$4, null, {
-        default: withCtx(() => [
-          createElementVNode("div", _hoisted_1$3, [
-            _ctx.showCopy ? (openBlock(), createElementBlock("div", {
-              key: 0,
-              class: "action-btn",
-              onClick: handleCopy
-            }, [
-              createVNode(unref(DbIcon), { type: "copy" })
-            ])) : createCommentVNode("v-if", true),
-            _ctx.showAdd ? (openBlock(), createElementBlock("div", {
-              key: 1,
-              class: "action-btn",
-              onClick: handleAppend
-            }, [
-              createVNode(unref(DbIcon), { type: "plus-fill" })
-            ])) : createCommentVNode("v-if", true),
-            _ctx.showRemove ? (openBlock(), createElementBlock(
-              "div",
-              {
-                key: 2,
-                class: normalizeClass(["action-btn", {
-                  disabled: _ctx.removeable
-                }]),
-                onClick: handleRemove
-              },
-              [
-                createVNode(unref(DbIcon), { type: "minus-fill" })
-              ],
-              2
-              /* CLASS */
-            )) : createCommentVNode("v-if", true)
-          ])
-        ]),
-        _: 1
-        /* STABLE */
-      });
-    };
-  }
-});
-const _hoisted_1$2 = {
-  key: 0,
-  class: "select-error"
-};
-const _sfc_main$2 = /* @__PURE__ */ defineComponent({
-  __name: "select-column",
-  props: /* @__PURE__ */ mergeModels({
-    list: {},
-    placeholder: { default: "请选择" },
-    rules: { default: () => [] },
-    disabled: { type: Boolean, default: false },
-    multiple: { type: Boolean, default: false },
-    showSelectAll: { type: Boolean, default: false }
-  }, {
-    "modelValue": {},
-    "modelModifiers": {}
-  }),
-  emits: /* @__PURE__ */ mergeModels(["change"], ["update:modelValue"]),
-  setup(__props, { expose: __expose, emit: __emit }) {
-    const { Option } = __webpack_exports__default$2;
-    const props2 = __props;
-    const emits = __emit;
-    const modelValue = useModel(__props, "modelValue");
-    const rootRef = ref();
-    const localValue = ref("");
-    const rootHeight = ref(42);
-    const { message: errorMessage, validator: validator11 } = useValidtor(props2.rules);
-    watch(
-      modelValue,
-      (value) => {
-        if (value === void 0) {
-          return;
-        }
-        localValue.value = value;
-        if (typeof value !== "object" && value) {
-          validator11(value);
-          return;
-        }
-        if (Array.isArray(value) && value.length > 0) {
-          validator11(value);
-          return;
-        }
-      },
-      {
-        immediate: true
-      }
-    );
-    const handleSelect = (value) => {
-      localValue.value = value;
-      validator11(localValue.value).then(() => {
-        modelValue.value = value;
-        emits("change", localValue.value);
-      });
-    };
-    const handleRemove = () => {
-      localValue.value = "";
-      validator11(localValue.value).then(() => {
-        modelValue.value = localValue.value;
-        emits("change", localValue.value);
-      });
-    };
-    const checkRootHeight = () => {
-      rootHeight.value = rootRef.value.parentNode.clientHeight;
-    };
-    useResizeObserver(rootRef, _$1.throttle(checkRootHeight, 500));
-    __expose({
-      getValue() {
-        return validator11(localValue.value).then(() => localValue.value);
-      }
-    });
-    return (_ctx, _cache) => {
-      const _directive_bk_tooltips = resolveDirective("bk-tooltips");
-      return openBlock(), createElementBlock(
-        "div",
-        {
-          ref_key: "rootRef",
-          ref: rootRef,
-          class: normalizeClass(["bk-ediatable-select", {
-            "is-error": Boolean(unref(errorMessage)),
-            "is-disable": _ctx.disabled
-          }]),
-          style: normalizeStyle({ height: rootHeight.value + "px" })
-        },
-        [
-          createVNode(unref(__webpack_exports__default$2), mergeProps(_ctx.$attrs, {
-            "model-value": localValue.value,
-            "auto-focus": "",
-            class: "select-box",
-            clearable: false,
-            disabled: _ctx.disabled,
-            filterable: "",
-            "input-search": false,
-            multiple: _ctx.multiple,
-            placeholder: _ctx.placeholder,
-            "show-select-all": _ctx.showSelectAll,
-            onChange: handleSelect,
-            onClear: handleRemove
-          }), {
-            default: withCtx(() => [
-              (openBlock(true), createElementBlock(
-                Fragment,
-                null,
-                renderList(_ctx.list, (item, index2) => {
-                  return openBlock(), createBlock(unref(Option), {
-                    key: index2,
-                    label: item.label,
-                    value: item.value
-                  }, null, 8, ["label", "value"]);
-                }),
-                128
-                /* KEYED_FRAGMENT */
-              ))
-            ]),
-            _: 1
-            /* STABLE */
-          }, 16, ["model-value", "disabled", "multiple", "placeholder", "show-select-all"]),
-          unref(errorMessage) ? (openBlock(), createElementBlock("div", _hoisted_1$2, [
-            withDirectives(createVNode(
-              unref(DbIcon),
-              { type: "exclamation-fill" },
-              null,
-              512
-              /* NEED_PATCH */
-            ), [
-              [_directive_bk_tooltips, unref(errorMessage)]
-            ])
-          ])) : createCommentVNode("v-if", true)
-        ],
-        6
-        /* CLASS, STYLE */
-      );
-    };
-  }
-});
 var BOX_CLASS = "tippy-box";
 var CONTENT_CLASS = "tippy-content";
 var BACKDROP_CLASS = "tippy-backdrop";
@@ -41412,7 +40544,7 @@ var renderProps = {
   theme: "",
   zIndex: 9999
 };
-var defaultProps = Object.assign({
+var defaultProps$1 = Object.assign({
   appendTo: TIPPY_DEFAULT_APPEND_TO,
   aria: {
     content: "auto",
@@ -41461,11 +40593,11 @@ var defaultProps = Object.assign({
   trigger: "mouseenter focus",
   triggerTarget: null
 }, pluginProps, renderProps);
-var defaultKeys = Object.keys(defaultProps);
+var defaultKeys = Object.keys(defaultProps$1);
 var setDefaultProps = function setDefaultProps2(partialProps) {
   var keys2 = Object.keys(partialProps);
   keys2.forEach(function(key) {
-    defaultProps[key] = partialProps[key];
+    defaultProps$1[key] = partialProps[key];
   });
 };
 function getExtendedPassedProps(passedProps) {
@@ -41474,14 +40606,14 @@ function getExtendedPassedProps(passedProps) {
     var name = plugin.name, defaultValue = plugin.defaultValue;
     if (name) {
       var _name;
-      acc[name] = passedProps[name] !== void 0 ? passedProps[name] : (_name = defaultProps[name]) != null ? _name : defaultValue;
+      acc[name] = passedProps[name] !== void 0 ? passedProps[name] : (_name = defaultProps$1[name]) != null ? _name : defaultValue;
     }
     return acc;
   }, {});
   return Object.assign({}, passedProps, pluginProps2);
 }
 function getDataAttributeProps(reference2, plugins) {
-  var propKeys = plugins ? Object.keys(getExtendedPassedProps(Object.assign({}, defaultProps, {
+  var propKeys = plugins ? Object.keys(getExtendedPassedProps(Object.assign({}, defaultProps$1, {
     plugins
   }))) : defaultKeys;
   var props2 = propKeys.reduce(function(acc, key) {
@@ -41506,7 +40638,7 @@ function evaluateProps(reference2, props2) {
   var out = Object.assign({}, props2, {
     content: invokeWithArgsOrReturn(props2.content, [reference2])
   }, props2.ignoreAttributes ? {} : getDataAttributeProps(reference2, props2.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" ? props2.interactive : out.aria.expanded,
     content: out.aria.content === "auto" ? props2.interactive ? null : "describedby" : out.aria.content
@@ -41621,7 +40753,7 @@ var idCounter = 1;
 var mouseMoveListeners = [];
 var mountedInstances = [];
 function createTippy(reference2, passedProps) {
-  var props2 = evaluateProps(reference2, Object.assign({}, defaultProps, getExtendedPassedProps(removeUndefinedProps(passedProps))));
+  var props2 = evaluateProps(reference2, Object.assign({}, defaultProps$1, getExtendedPassedProps(removeUndefinedProps(passedProps))));
   var showTimeout;
   var hideTimeout;
   var scheduleHideAnimationFrame;
@@ -41727,7 +40859,7 @@ function createTippy(reference2, passedProps) {
     if (instance2.state.isMounted && !instance2.state.isVisible || currentInput.isTouch || lastTriggerEvent && lastTriggerEvent.type === "focus") {
       return 0;
     }
-    return getValueAtIndexOrReturn(instance2.props.delay, isShow ? 0 : 1, defaultProps.delay);
+    return getValueAtIndexOrReturn(instance2.props.delay, isShow ? 0 : 1, defaultProps$1.delay);
   }
   function handleStyles(fromHide) {
     if (fromHide === void 0) {
@@ -42191,7 +41323,7 @@ function createTippy(reference2, passedProps) {
     var isDestroyed = instance2.state.isDestroyed;
     var isDisabled = !instance2.state.isEnabled;
     var isTouchAndTouchDisabled = currentInput.isTouch && !instance2.props.touch;
-    var duration = getValueAtIndexOrReturn(instance2.props.duration, 0, defaultProps.duration);
+    var duration = getValueAtIndexOrReturn(instance2.props.duration, 0, defaultProps$1.duration);
     if (isAlreadyVisible || isDestroyed || isDisabled || isTouchAndTouchDisabled) {
       return;
     }
@@ -42246,7 +41378,7 @@ function createTippy(reference2, passedProps) {
     var isAlreadyHidden = !instance2.state.isVisible;
     var isDestroyed = instance2.state.isDestroyed;
     var isDisabled = !instance2.state.isEnabled;
-    var duration = getValueAtIndexOrReturn(instance2.props.duration, 1, defaultProps.duration);
+    var duration = getValueAtIndexOrReturn(instance2.props.duration, 1, defaultProps$1.duration);
     if (isAlreadyHidden || isDestroyed || isDisabled) {
       return;
     }
@@ -42322,7 +41454,7 @@ function tippy(targets, optionalProps) {
   if (optionalProps === void 0) {
     optionalProps = {};
   }
-  var plugins = defaultProps.plugins.concat(optionalProps.plugins || []);
+  var plugins = defaultProps$1.plugins.concat(optionalProps.plugins || []);
   bindGlobalEventListeners();
   var passedProps = Object.assign({}, optionalProps, {
     plugins
@@ -42337,7 +41469,7 @@ function tippy(targets, optionalProps) {
   }, []);
   return isElement5(targets) ? instances[0] : instances;
 }
-tippy.defaultProps = defaultProps;
+tippy.defaultProps = defaultProps$1;
 tippy.setDefaultProps = setDefaultProps;
 tippy.currentInput = currentInput;
 Object.assign({}, applyStyles$1, {
@@ -42365,6 +41497,1042 @@ Object.assign({}, applyStyles$1, {
 tippy.setDefaultProps({
   render: render27
 });
+const dbTheme = "db-tippy";
+const dbDefaultProps = { theme: dbTheme };
+function dbTippy(targets, optionalProps) {
+  const props2 = optionalProps ? { ...optionalProps } : optionalProps;
+  if (props2) {
+    const { theme } = props2;
+    props2.theme = theme ? `${dbTheme} ${props2.theme}` : dbTheme;
+  }
+  if (targets instanceof Element) {
+    const target = targets;
+    return tippy(target, props2 || dbDefaultProps);
+  }
+  return tippy(targets, props2 || 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;
+    }
+  } catch (e2) {
+    console.warn("There is an error when check element overflow state: ", e2);
+  }
+  return isOverflow;
+}
+function beforeShow(instance2) {
+  const { reference: reference2 } = instance2;
+  const { props: props2 } = reference2._bk_overflow_tips_;
+  const isOverflow = checkOverflow(reference2);
+  if (isOverflow) {
+    let { content: content2 } = props2;
+    if (!content2) {
+      content2 = props2.allowHTML ? reference2.innerHTML : reference2.textContent;
+    }
+    instance2.setContent(content2);
+    return true;
+  }
+  return false;
+}
+function setupOnShow(props2, customProps) {
+  props2.onShow = (instance2) => {
+    if (typeof customProps.onShow === "function") {
+      const result = customProps.onShow(instance2);
+      if (!result) return false;
+    }
+    const isShow = beforeShow(instance2);
+    if (!isShow) return false;
+  };
+}
+function setupTheme(props2, customProps) {
+  const theme = ["db-tippy bk-overflow-tips"];
+  if (customProps.theme) {
+    theme.push(customProps.theme);
+  }
+  props2.theme = theme.join(" ");
+}
+function formatModifiers(modifiers) {
+  const keys2 = Object.entries(modifiers).map((item) => item[0]);
+  if (keys2.length === 0) return {};
+  const props2 = {};
+  for (const key of keys2) {
+    if (placements.includes(key)) {
+      props2.placement = key;
+    }
+  }
+  return props2;
+}
+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 props2 = Object.assign({ ...defaultProps }, customProps);
+    setupOnShow(props2, customProps);
+    setupTheme(props2, customProps);
+    el._bk_overflow_tips_ = {
+      props: props2,
+      // 指令配置的props单独存储方便后续做判断
+      instance: dbTippy(el, props2)
+    };
+  },
+  updated(el, binding) {
+    const { props: props2, instance: instance2 } = el._bk_overflow_tips_;
+    const customProps = typeof binding.value === "object" ? binding.value : formatModifiers(binding.modifiers);
+    Object.assign(props2, customProps);
+    setupOnShow(props2, customProps);
+    setupTheme(props2, customProps);
+    instance2.setProps(props2);
+  },
+  beforeUnmount(el) {
+    el._tippy && el._tippy.destroy();
+    delete el._bk_overflow_tips_;
+  }
+};
+const random2 = () => `${_$1.random(0, 999999)}_${Date.now()}_${_$1.random(0, 999999)}`;
+const encodeMult = (text) => {
+  const temp = document.createElement("textarea");
+  temp.value = text;
+  return temp.value;
+};
+function tryOnScopeDispose(fn2) {
+  if (getCurrentScope()) {
+    onScopeDispose(fn2);
+    return true;
+  }
+  return false;
+}
+function toValue(r2) {
+  return typeof r2 === "function" ? r2() : unref(r2);
+}
+const isClient = typeof window !== "undefined" && typeof document !== "undefined";
+typeof WorkerGlobalScope !== "undefined" && globalThis instanceof WorkerGlobalScope;
+function unrefElement(elRef) {
+  var _a;
+  const plain = toValue(elRef);
+  return (_a = plain == null ? void 0 : plain.$el) != null ? _a : plain;
+}
+const defaultWindow = isClient ? window : void 0;
+function useMounted() {
+  const isMounted = ref(false);
+  const instance2 = getCurrentInstance();
+  if (instance2) {
+    onMounted(() => {
+      isMounted.value = true;
+    }, instance2);
+  }
+  return isMounted;
+}
+function useSupported(callback) {
+  const isMounted = useMounted();
+  return computed(() => {
+    isMounted.value;
+    return Boolean(callback());
+  });
+}
+function useResizeObserver(target, callback, options = {}) {
+  const { window: window2 = defaultWindow, ...observerOptions } = options;
+  let observer;
+  const isSupported = useSupported(() => window2 && "ResizeObserver" in window2);
+  const cleanup = () => {
+    if (observer) {
+      observer.disconnect();
+      observer = void 0;
+    }
+  };
+  const targets = computed(() => Array.isArray(target) ? target.map((el) => unrefElement(el)) : [unrefElement(target)]);
+  const stopWatch = watch(
+    targets,
+    (els) => {
+      cleanup();
+      if (isSupported.value && window2) {
+        observer = new ResizeObserver(callback);
+        for (const _el of els)
+          _el && observer.observe(_el, observerOptions);
+      }
+    },
+    { immediate: true, flush: "post" }
+  );
+  const stop = () => {
+    cleanup();
+    stopWatch();
+  };
+  tryOnScopeDispose(stop);
+  return {
+    isSupported,
+    stop
+  };
+}
+const _hoisted_1$6 = ["data-fixed", "data-maxWidth", "data-minWidth", "data-width"];
+const _hoisted_2$2 = { class: "th-cell" };
+const _hoisted_3$1 = { style: { "display": "inline-block", "line-height": "40px", "vertical-align": "top" } };
+const _sfc_main$8 = /* @__PURE__ */ defineComponent({
+  __name: "head-column",
+  props: {
+    fixed: { default: void 0 },
+    maxWidth: { default: void 0 },
+    minWidth: { default: void 0 },
+    required: { type: Boolean, default: true },
+    width: { default: void 0 },
+    renderAppend: { type: Function, default: void 0 },
+    memo: { default: void 0 }
+  },
+  setup(__props) {
+    const props2 = __props;
+    const slots = useSlots();
+    const { rowWidth, isOverflow: isMinimize, isScrollToLeft, isScrollToRight } = inject(renderTablekey);
+    const parentTable = inject(tableColumnResizekey);
+    const columnRef = ref();
+    const currentWidth = ref(0);
+    const vBkTooltips = __webpack_exports__bkTooltips;
+    const vOverflowTips = overflowTips;
+    const columnKey = random2();
+    let initWidthRate = 0;
+    let isDragedSelf = false;
+    const finalMinWidth = computed(() => props2.minWidth ? props2.minWidth : props2.width ?? 100);
+    const isFixedRight = computed(() => props2.fixed === "right");
+    const isFixedLeft = computed(() => props2.fixed === "left");
+    const styles = computed(() => {
+      if (props2.width && (rowWidth == null ? void 0 : rowWidth.value) && finalMinWidth.value) {
+        const newWidth = rowWidth.value * initWidthRate;
+        if (newWidth !== props2.width) {
+          let width = 0;
+          if (isMinimize == null ? void 0 : isMinimize.value) {
+            if (currentWidth.value !== 0 && (currentWidth.value !== finalMinWidth.value || currentWidth.value !== props2.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: props2.width ? `${props2.width}px` : "120px"
+      };
+    });
+    const RenderAppendElement = computed(() => props2.renderAppend && props2.renderAppend());
+    watch(
+      () => [props2.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) => {
+      return openBlock(), createElementBlock("th", {
+        ref_key: "columnRef",
+        ref: columnRef,
+        class: normalizeClass(["bk-ediatable-head-column", {
+          [`column-${unref(columnKey)}`]: true,
+          "is-right-fixed": unref(isMinimize) && isFixedRight.value && !unref(isScrollToRight),
+          "is-left-fixed": unref(isMinimize) && isFixedLeft.value && !unref(isScrollToLeft)
+        }]),
+        "data-fixed": _ctx.fixed,
+        "data-maxWidth": _ctx.maxWidth,
+        "data-minWidth": finalMinWidth.value,
+        "data-width": _ctx.width,
+        style: normalizeStyle(styles.value),
+        onMousedown: handleMouseDown,
+        onMousemove: handleMouseMove
+      }, [
+        createElementVNode(
+          "div",
+          {
+            class: normalizeClass({ "is-required": _ctx.required })
+          },
+          [
+            withDirectives((openBlock(), createElementBlock("div", _hoisted_2$2, [
+              withDirectives((openBlock(), createElementBlock(
+                "span",
+                {
+                  class: normalizeClass({ "title-memo": _ctx.memo })
+                },
+                [
+                  renderSlot(_ctx.$slots, "default")
+                ],
+                2
+                /* CLASS */
+              )), [
+                [unref(vBkTooltips), {
+                  content: _ctx.memo,
+                  disabled: !_ctx.memo
+                }]
+              ])
+            ])), [
+              [unref(vOverflowTips)]
+            ]),
+            createElementVNode("div", _hoisted_3$1, [
+              slots.append && !_ctx.renderAppend ? renderSlot(_ctx.$slots, "append", { key: 0 }) : createCommentVNode("v-if", true),
+              _ctx.renderAppend ? (openBlock(), createBlock(unref(RenderAppendElement), { key: 1 })) : createCommentVNode("v-if", true)
+            ])
+          ],
+          2
+          /* CLASS */
+        )
+      ], 46, _hoisted_1$6);
+    };
+  }
+});
+const renderTablekey = Symbol("renderTable");
+const _sfc_main$7 = /* @__PURE__ */ defineComponent({
+  __name: "ediatable",
+  props: {
+    theadList: { default: () => [] }
+  },
+  setup(__props) {
+    const slots = useSlots();
+    const checkTableScroll = () => {
+      rowWidth.value = tableRef.value.clientWidth;
+      isOverflow.value = tableOuterRef.value.clientWidth < tableRef.value.clientWidth;
+      initColumnWidth();
+    };
+    const tableOuterRef = ref();
+    const tableRef = ref();
+    const tableColumnResizeRef = ref();
+    const isOverflow = ref(false);
+    const rowWidth = ref(0);
+    const isScrollToLeft = ref(true);
+    const isScrollToRight = ref(false);
+    const { initColumnWidth } = useColumnResize(tableOuterRef, tableColumnResizeRef, _$1.debounce(checkTableScroll));
+    provide(renderTablekey, {
+      isOverflow,
+      rowWidth,
+      isScrollToLeft,
+      isScrollToRight
+    });
+    const handleScroll = _$1.throttle(() => {
+      isScrollToLeft.value = tableOuterRef.value.scrollLeft === 0;
+      isScrollToRight.value = tableOuterRef.value.scrollWidth - tableOuterRef.value.scrollLeft < tableOuterRef.value.clientWidth + 1;
+    }, 200);
+    onMounted(() => {
+      window.addEventListener("resize", checkTableScroll);
+      checkTableScroll();
+      setTimeout(() => checkTableScroll());
+      tableOuterRef.value.addEventListener("scroll", handleScroll);
+    });
+    onBeforeUnmount(() => {
+      window.removeEventListener("resize", checkTableScroll);
+      tableOuterRef.value.removeEventListener("scroll", handleScroll);
+    });
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock(
+        "div",
+        {
+          id: "ediatableRenderTableKey",
+          ref_key: "tableOuterRef",
+          ref: tableOuterRef,
+          class: normalizeClass(["bk-ediatable", { "scrollbar-exists": isOverflow.value }])
+        },
+        [
+          createElementVNode(
+            "table",
+            {
+              ref_key: "tableRef",
+              ref: tableRef
+            },
+            [
+              createElementVNode("thead", null, [
+                createElementVNode("tr", null, [
+                  slots.default && _ctx.theadList.length === 0 ? renderSlot(_ctx.$slots, "default", { key: 0 }) : (openBlock(true), createElementBlock(
+                    Fragment,
+                    { key: 1 },
+                    renderList(_ctx.theadList, (head, index2) => {
+                      return openBlock(), createBlock(_sfc_main$8, {
+                        key: index2,
+                        width: head.width,
+                        "min-width": head.minWidth,
+                        "max-width": head.maxWidth,
+                        fixed: head.fixed,
+                        required: head.required,
+                        "render-append": head.renderAppend,
+                        memo: head.memo
+                      }, {
+                        default: withCtx(() => [
+                          createTextVNode(
+                            toDisplayString(head.title),
+                            1
+                            /* TEXT */
+                          )
+                        ]),
+                        _: 2
+                        /* DYNAMIC */
+                      }, 1032, ["width", "min-width", "max-width", "fixed", "required", "render-append", "memo"]);
+                    }),
+                    128
+                    /* KEYED_FRAGMENT */
+                  ))
+                ])
+              ]),
+              renderSlot(_ctx.$slots, "data")
+            ],
+            512
+            /* NEED_PATCH */
+          ),
+          createElementVNode(
+            "div",
+            {
+              ref_key: "tableColumnResizeRef",
+              ref: tableColumnResizeRef,
+              class: "table-column-resize"
+            },
+            null,
+            512
+            /* NEED_PATCH */
+          )
+        ],
+        2
+        /* CLASS */
+      );
+    };
+  }
+});
+const getRuleMessage = (rule) => {
+  if (typeof rule.message === "function") {
+    return rule.message();
+  }
+  return rule.message;
+};
+function useValidtor(rules) {
+  const state = reactive({
+    loading: false,
+    error: false,
+    message: ""
+  });
+  const validator11 = (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((data2) => {
+              if (data2 === false) {
+                return Promise.reject(getRuleMessage(rule));
+              }
+            }).then(() => run(), () => {
+              state.error = true;
+              const message = getRuleMessage(rule);
+              state.message = message;
+              return Promise.reject(message);
+            });
+          }
+          if (!result) {
+            state.error = true;
+            const message = getRuleMessage(rule);
+            state.message = message;
+            return Promise.reject(message);
+          }
+          return run();
+        });
+      };
+    })();
+    return run();
+  };
+  return {
+    ...toRefs(state),
+    validator: validator11
+  };
+}
+const DbIcon = defineComponent({
+  name: "DbIcon",
+  props: {
+    type: {
+      type: String,
+      required: true
+    },
+    svg: {
+      type: Boolean,
+      default: false
+    }
+  },
+  render() {
+    if (this.svg) {
+      return h$1(
+        "svg",
+        {
+          class: {
+            "db-svg-icon": true
+          }
+        },
+        [
+          h$1("use", {
+            "xlink:href": `#db-icon-${this.type}`
+          })
+        ]
+      );
+    }
+    const classes2 = {
+      "ediatable-icon": true,
+      [`icon-${this.type}`]: true
+    };
+    return h$1("i", {
+      class: classes2
+    });
+  }
+});
+const _hoisted_1$5 = {
+  key: 0,
+  class: "input-error"
+};
+const _sfc_main$6 = /* @__PURE__ */ defineComponent({
+  __name: "date-time-picker-column",
+  props: /* @__PURE__ */ mergeModels({
+    placeholder: { default: "" },
+    rules: { default: void 0 },
+    type: { default: void 0 },
+    disabled: { type: Boolean, default: false }
+  }, {
+    "modelValue": {},
+    "modelModifiers": {}
+  }),
+  emits: /* @__PURE__ */ mergeModels(["change"], ["update:modelValue"]),
+  setup(__props, { expose: __expose, emit: __emit }) {
+    const props2 = __props;
+    const emits = __emit;
+    const modelValue = useModel(__props, "modelValue");
+    const attrs = useAttrs();
+    const slots = useSlots();
+    const { message: errorMessage, validator: validator11 } = useValidtor(props2.rules);
+    const vBkTooltips = __webpack_exports__bkTooltips;
+    const handleChange = (value) => {
+      modelValue.value = value;
+      validator11(modelValue.value).then(() => {
+        emits("change", modelValue.value);
+      });
+    };
+    const handleOpenChange = (open) => {
+      if (!open) {
+        validator11(modelValue.value);
+      }
+    };
+    __expose({
+      getValue() {
+        return validator11(modelValue.value).then(() => modelValue.value);
+      }
+    });
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock(
+        "div",
+        {
+          class: normalizeClass(["bk-ediatable-time-picker", {
+            "is-error": Boolean(unref(errorMessage)),
+            "is-disabled": _ctx.disabled
+          }])
+        },
+        [
+          createVNode(unref(__webpack_exports__default), mergeProps({
+            "append-to-body": "",
+            clearable: false,
+            "model-value": modelValue.value,
+            placeholder: _ctx.placeholder,
+            style: { "width": "100%" },
+            type: _ctx.type
+          }, unref(attrs), {
+            onChange: handleChange,
+            onOpenChange: handleOpenChange
+          }), createSlots({
+            _: 2
+            /* DYNAMIC */
+          }, [
+            unref(slots).footer ? {
+              name: "footer",
+              fn: withCtx(() => [
+                renderSlot(_ctx.$slots, "footer")
+              ]),
+              key: "0"
+            } : void 0
+          ]), 1040, ["model-value", "placeholder", "type"]),
+          unref(errorMessage) ? (openBlock(), createElementBlock("div", _hoisted_1$5, [
+            withDirectives(createVNode(
+              unref(DbIcon),
+              { type: "exclamation-fill" },
+              null,
+              512
+              /* NEED_PATCH */
+            ), [
+              [unref(vBkTooltips), unref(errorMessage)]
+            ])
+          ])) : createCommentVNode("v-if", true)
+        ],
+        2
+        /* CLASS */
+      );
+    };
+  }
+});
+const _hoisted_1$4 = {
+  key: 1,
+  class: "blur-dispaly-main"
+};
+const _sfc_main$5 = /* @__PURE__ */ defineComponent({
+  __name: "input-column",
+  props: /* @__PURE__ */ mergeModels({
+    placeholder: { default: "请输入" },
+    rules: { default: void 0 },
+    disabled: { type: Boolean, default: false },
+    type: { default: "text" },
+    min: { default: Number.MIN_SAFE_INTEGER },
+    max: { default: Number.MAX_SAFE_INTEGER },
+    isShowBlur: { type: Boolean, default: false },
+    precision: { default: 0 }
+  }, {
+    "modelValue": {
+      default: ""
+    },
+    "modelModifiers": {}
+  }),
+  emits: /* @__PURE__ */ mergeModels(["submit"], ["update:modelValue"]),
+  setup(__props, { expose: __expose, emit: __emit }) {
+    const props2 = __props;
+    const emits = __emit;
+    const modelValue = useModel(__props, "modelValue");
+    const rootRef = ref();
+    const isBlur = ref(true);
+    const isPassword = computed(() => props2.type === "password");
+    let oldInputText = "";
+    const vBkTooltips = __webpack_exports__bkTooltips;
+    const {
+      message: errorMessage,
+      validator: validator11
+    } = useValidtor(props2.rules);
+    const handleInput = (value) => {
+      isBlur.value = false;
+      modelValue.value = value;
+    };
+    const handleBlur = (event) => {
+      isBlur.value = true;
+      if (props2.disabled) {
+        event.preventDefault();
+        return;
+      }
+      if (modelValue.value) {
+        if (oldInputText === modelValue.value) {
+          return;
+        }
+        oldInputText = modelValue.value;
+        validator11(modelValue.value).then(() => {
+          emits("submit", modelValue.value);
+        });
+        return;
+      }
+      emits("submit", modelValue.value);
+    };
+    const handleKeydown = (_value, event) => {
+      if (props2.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();
+        validator11(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 validator11(modelValue.value).then(() => modelValue.value);
+      },
+      focus() {
+        var _a;
+        (_a = rootRef.value.querySelector("input")) == null ? void 0 : _a.focus();
+      }
+    });
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock(
+        "div",
+        {
+          ref_key: "rootRef",
+          ref: rootRef,
+          class: normalizeClass(["bk-ediatable-input", {
+            "is-error": Boolean(unref(errorMessage)),
+            "is-disabled": _ctx.disabled,
+            "is-password": isPassword.value
+          }])
+        },
+        [
+          createVNode(unref(__webpack_exports__default$6), mergeProps({
+            class: "input-box",
+            disabled: _ctx.disabled,
+            max: _ctx.max,
+            min: _ctx.min,
+            "model-value": modelValue.value,
+            placeholder: _ctx.placeholder,
+            type: _ctx.type
+          }, _ctx.$attrs, {
+            precision: _ctx.precision,
+            onBlur: handleBlur,
+            onChange: handleInput,
+            onFocus: _cache[0] || (_cache[0] = () => isBlur.value = false),
+            onInput: handleInput,
+            onKeydown: handleKeydown,
+            onPaste: handlePaste
+          }), {
+            suffix: withCtx(() => []),
+            _: 1
+            /* STABLE */
+          }, 16, ["disabled", "max", "min", "model-value", "placeholder", "type", "precision"]),
+          unref(errorMessage) ? withDirectives((openBlock(), createBlock(
+            unref(DbIcon),
+            {
+              key: 0,
+              class: "error-icon",
+              type: "exclamation-fill"
+            },
+            null,
+            512
+            /* NEED_PATCH */
+          )), [
+            [unref(vBkTooltips), unref(errorMessage)]
+          ]) : createCommentVNode("v-if", true),
+          _ctx.isShowBlur && isBlur.value ? (openBlock(), createElementBlock("div", _hoisted_1$4, [
+            renderSlot(_ctx.$slots, "blur")
+          ])) : createCommentVNode("v-if", true)
+        ],
+        2
+        /* CLASS */
+      );
+    };
+  }
+});
+const _sfc_main$4 = /* @__PURE__ */ defineComponent({
+  __name: "fixed-column",
+  props: {
+    fixed: { default: "right" }
+  },
+  setup(__props) {
+    const props2 = __props;
+    const { isOverflow: isFixed, isScrollToLeft, isScrollToRight } = inject(renderTablekey);
+    const isFixedRight = computed(() => (isFixed == null ? void 0 : isFixed.value) && props2.fixed === "right" && !isScrollToRight.value);
+    const isFixedLeft = computed(() => (isFixed == null ? void 0 : isFixed.value) && props2.fixed === "left" && !isScrollToLeft.value);
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock(
+        "td",
+        {
+          class: normalizeClass({
+            "bk-ediatable-right-fixed-column": isFixedRight.value,
+            "bk-ediatable-left-fixed-column": isFixedLeft.value
+          })
+        },
+        [
+          renderSlot(_ctx.$slots, "default")
+        ],
+        2
+        /* CLASS */
+      );
+    };
+  }
+});
+const _hoisted_1$3 = { class: "bk-ediatable-operation" };
+const _sfc_main$3 = /* @__PURE__ */ defineComponent({
+  __name: "operation-column",
+  props: {
+    removeable: { type: Boolean, default: true },
+    showCopy: { type: Boolean, default: false },
+    showAdd: { type: Boolean, default: true },
+    showRemove: { type: Boolean, default: true }
+  },
+  emits: ["add", "copy", "remove"],
+  setup(__props, { emit: __emit }) {
+    const props2 = __props;
+    const emits = __emit;
+    const handleCopy = () => {
+      emits("copy");
+    };
+    const handleAppend = () => {
+      emits("add");
+    };
+    const handleRemove = () => {
+      if (props2.removeable) {
+        return;
+      }
+      emits("remove");
+    };
+    return (_ctx, _cache) => {
+      return openBlock(), createBlock(_sfc_main$4, null, {
+        default: withCtx(() => [
+          createElementVNode("div", _hoisted_1$3, [
+            _ctx.showCopy ? (openBlock(), createElementBlock("div", {
+              key: 0,
+              class: "action-btn",
+              onClick: handleCopy
+            }, [
+              createVNode(unref(DbIcon), { type: "copy" })
+            ])) : createCommentVNode("v-if", true),
+            _ctx.showAdd ? (openBlock(), createElementBlock("div", {
+              key: 1,
+              class: "action-btn",
+              onClick: handleAppend
+            }, [
+              createVNode(unref(DbIcon), { type: "plus-fill" })
+            ])) : createCommentVNode("v-if", true),
+            _ctx.showRemove ? (openBlock(), createElementBlock(
+              "div",
+              {
+                key: 2,
+                class: normalizeClass(["action-btn", {
+                  disabled: _ctx.removeable
+                }]),
+                onClick: handleRemove
+              },
+              [
+                createVNode(unref(DbIcon), { type: "minus-fill" })
+              ],
+              2
+              /* CLASS */
+            )) : createCommentVNode("v-if", true)
+          ])
+        ]),
+        _: 1
+        /* STABLE */
+      });
+    };
+  }
+});
+const _hoisted_1$2 = {
+  key: 0,
+  class: "select-error"
+};
+const _sfc_main$2 = /* @__PURE__ */ defineComponent({
+  __name: "select-column",
+  props: /* @__PURE__ */ mergeModels({
+    list: {},
+    placeholder: { default: "请选择" },
+    rules: { default: () => [] },
+    disabled: { type: Boolean, default: false },
+    multiple: { type: Boolean, default: false },
+    showSelectAll: { type: Boolean, default: false }
+  }, {
+    "modelValue": {},
+    "modelModifiers": {}
+  }),
+  emits: /* @__PURE__ */ mergeModels(["change"], ["update:modelValue"]),
+  setup(__props, { expose: __expose, emit: __emit }) {
+    const { Option } = __webpack_exports__default$2;
+    const props2 = __props;
+    const emits = __emit;
+    const modelValue = useModel(__props, "modelValue");
+    const rootRef = ref();
+    const localValue = ref("");
+    const rootHeight = ref(42);
+    const { message: errorMessage, validator: validator11 } = useValidtor(props2.rules);
+    const vBkTooltips = __webpack_exports__bkTooltips;
+    watch(
+      modelValue,
+      (value) => {
+        if (value === void 0) {
+          return;
+        }
+        localValue.value = value;
+        if (typeof value !== "object" && value) {
+          validator11(value);
+          return;
+        }
+        if (Array.isArray(value) && value.length > 0) {
+          validator11(value);
+          return;
+        }
+      },
+      {
+        immediate: true
+      }
+    );
+    const handleSelect = (value) => {
+      localValue.value = value;
+      validator11(localValue.value).then(() => {
+        modelValue.value = value;
+        emits("change", localValue.value);
+      });
+    };
+    const handleRemove = () => {
+      localValue.value = "";
+      validator11(localValue.value).then(() => {
+        modelValue.value = localValue.value;
+        emits("change", localValue.value);
+      });
+    };
+    const checkRootHeight = () => {
+      rootHeight.value = rootRef.value.parentNode.clientHeight;
+    };
+    useResizeObserver(rootRef, _$1.throttle(checkRootHeight, 500));
+    __expose({
+      getValue() {
+        return validator11(localValue.value).then(() => localValue.value);
+      }
+    });
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock(
+        "div",
+        {
+          ref_key: "rootRef",
+          ref: rootRef,
+          class: normalizeClass(["bk-ediatable-select", {
+            "is-error": Boolean(unref(errorMessage)),
+            "is-disable": _ctx.disabled
+          }]),
+          style: normalizeStyle({ height: rootHeight.value + "px" })
+        },
+        [
+          createVNode(unref(__webpack_exports__default$2), mergeProps(_ctx.$attrs, {
+            "model-value": localValue.value,
+            "auto-focus": "",
+            class: "select-box",
+            clearable: false,
+            disabled: _ctx.disabled,
+            filterable: "",
+            "input-search": false,
+            multiple: _ctx.multiple,
+            placeholder: _ctx.placeholder,
+            "show-select-all": _ctx.showSelectAll,
+            onChange: handleSelect,
+            onClear: handleRemove
+          }), {
+            default: withCtx(() => [
+              (openBlock(true), createElementBlock(
+                Fragment,
+                null,
+                renderList(_ctx.list, (item, index2) => {
+                  return openBlock(), createBlock(unref(Option), {
+                    key: index2,
+                    label: item.label,
+                    value: item.value
+                  }, null, 8, ["label", "value"]);
+                }),
+                128
+                /* KEYED_FRAGMENT */
+              ))
+            ]),
+            _: 1
+            /* STABLE */
+          }, 16, ["model-value", "disabled", "multiple", "placeholder", "show-select-all"]),
+          unref(errorMessage) ? (openBlock(), createElementBlock("div", _hoisted_1$2, [
+            withDirectives(createVNode(
+              unref(DbIcon),
+              { type: "exclamation-fill" },
+              null,
+              512
+              /* NEED_PATCH */
+            ), [
+              [unref(vBkTooltips), unref(errorMessage)]
+            ])
+          ])) : createCommentVNode("v-if", true)
+        ],
+        6
+        /* CLASS, STYLE */
+      );
+    };
+  }
+});
 const _hoisted_1$1 = {
   key: 0,
   class: "input-error"
@@ -42393,6 +42561,7 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
     const popRef = ref();
     const isFocus = ref(false);
     let tippyIns;
+    const vBkTooltips = __webpack_exports__bkTooltips;
     const { message: errorMessage, validator: validator11 } = useValidtor(props2.rules);
     const tagInputPasteFn = (value) => value.split("\n").map((item) => ({ id: item }));
     const handleChange = (value) => {
@@ -42444,7 +42613,6 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
       }
     });
     return (_ctx, _cache) => {
-      const _directive_bk_tooltips = resolveDirective("bk-tooltips");
       return openBlock(), createElementBlock(
         "div",
         {
@@ -42481,7 +42649,7 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
                     512
                     /* NEED_PATCH */
                   ), [
-                    [_directive_bk_tooltips, unref(errorMessage)]
+                    [unref(vBkTooltips), unref(errorMessage)]
                   ])
                 ])) : createCommentVNode("v-if", true)
               ],
@@ -42552,6 +42720,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     const props2 = __props;
     const textRef = ref();
     const renderData = computed(() => props2.data);
+    const vBkTooltips = __webpack_exports__bkTooltips;
     const { isOverflow } = useIsWidthOverflow(textRef, renderData);
     const { message: errorMessage, validator: validator11 } = useValidtor(props2.rules);
     __expose({
@@ -42560,7 +42729,6 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       }
     });
     return (_ctx, _cache) => {
-      const _directive_bk_tooltips = resolveDirective("bk-tooltips");
       return openBlock(), createBlock(unref(__webpack_exports__default$a), { loading: _ctx.isLoading }, {
         default: withCtx(() => [
           withDirectives((openBlock(), createElementBlock(
@@ -42595,7 +42763,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                   512
                   /* NEED_PATCH */
                 ), [
-                  [_directive_bk_tooltips, unref(errorMessage)]
+                  [unref(vBkTooltips), unref(errorMessage)]
                 ])
               ])) : createCommentVNode("v-if", true),
               renderSlot(_ctx.$slots, "default")
@@ -42603,7 +42771,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
             2
             /* CLASS */
           )), [
-            [_directive_bk_tooltips, {
+            [unref(vBkTooltips), {
               content: _ctx.data || _ctx.placeholder,
               disabled: !unref(isOverflow)
             }]