@blueking/ediatable 0.0.1-beta.3 → 0.0.1-beta.30

package/vue3/index.es.min.js

@@ -1,6 +1,5 @@
-import { ref, provide, onMounted, onBeforeUnmount, defineComponent, openBlock, createElementBlock, createElementVNode, renderSlot, reactive, toRefs, h, mergeModels, useModel, useAttrs, useSlots, resolveDirective, normalizeClass, unref, createVNode, mergeProps, createSlots, withCtx, withDirectives, createCommentVNode, computed, createBlock, inject, getCurrentScope, onScopeDispose, watch, getCurrentInstance, normalizeStyle, Fragment, renderList, nextTick, toDisplayString } from "vue";
-import "bkui-vue/dist/style.css";
-import { DatePicker, Input, Select, TagInput, Loading } from "bkui-vue";
+import { ref, provide, onMounted, onBeforeUnmount, getCurrentScope, onScopeDispose, unref, computed, watch, getCurrentInstance, defineComponent, useSlots, inject, openBlock, createElementBlock, normalizeStyle, normalizeClass, createElementVNode, withDirectives, renderSlot, createCommentVNode, createBlock, Fragment, renderList, withCtx, createTextVNode, toDisplayString, reactive, toRefs, h, mergeModels, useModel, useAttrs, createVNode, mergeProps, createSlots, nextTick } from "vue";
+import { bkTooltips, DatePicker, Input, Select, TagInput, Loading, Checkbox } from "bkui-vue";
 var commonjsGlobal = typeof globalThis !== "undefined" ? globalThis : typeof window !== "undefined" ? window : typeof global !== "undefined" ? global : typeof self !== "undefined" ? self : {};
 function getDefaultExportFromCjs(x) {
   return x && x.__esModule && Object.prototype.hasOwnProperty.call(x, "default") ? x["default"] : x;
@@ -5489,7 +5488,7 @@ lodash.exports;
 var lodashExports = lodash.exports;
 const _ = /* @__PURE__ */ getDefaultExportFromCjs(lodashExports);
 !function() {
-  var svgCode = '<svg xmlns="http://www.w3.org/2000/svg" data-name="ediatable" xmlns:xlink="http://www.w3.org/1999/xlink" style="position:absolute;width:0;height:0;visibility:hidden"><symbol id="icon-exclamation-fill" viewBox="0 0 64 64"><path fill="#737987" d="M32 4C16.5 4 4 16.5 4 32s12.5 28 28 28 28-12.5 28-28S47.5 4 32 4zm0 44c-1.7 0-3-1.3-3-3s1.3-3 3-3 3 1.3 3 3-1.3 3-3 3zm3-28.7L34 38c0 1.1-.9 2-2 2s-2-.9-2-2l-1-18.7V19c0-1.7 1.3-3 3-3s3 1.3 3 3v.3z"/></symbol><symbol id="icon-minus-fill" viewBox="0 0 1024 1024"><path d="M512 64C264 64 64 264 64 512s200 448 448 448 448-200 448-448S760 64 512 64zm224 480H288v-64h448v64z"/></symbol><symbol id="icon-plus-fill" viewBox="0 0 1024 1024"><path d="M512 64C264 64 64 264 64 512s200 448 448 448 448-200 448-448S760 64 512 64zm224 480H544v192h-64V544H288v-64h192V288h64v192h192v64z"/></symbol></svg>';
+  var svgCode = '<svg xmlns="http://www.w3.org/2000/svg" data-name="ediatable" xmlns:xlink="http://www.w3.org/1999/xlink" style="position:absolute;width:0;height:0;visibility:hidden"><symbol id="icon-exclamation-fill" viewBox="0 0 64 64"><path fill="#737987" d="M32 4C16.5 4 4 16.5 4 32s12.5 28 28 28 28-12.5 28-28S47.5 4 32 4zm0 44c-1.7 0-3-1.3-3-3s1.3-3 3-3 3 1.3 3 3-1.3 3-3 3zm3-28.7L34 38c0 1.1-.9 2-2 2s-2-.9-2-2l-1-18.7V19c0-1.7 1.3-3 3-3s3 1.3 3 3v.3z"/></symbol><symbol id="icon-close-circle-shape" viewBox="0 0 64 64"><path fill="#737987" d="M32 4C16.5 4 4 16.5 4 32s12.5 28 28 28 28-12.5 28-28S47.5 4 32 4zm11.3 36.5l-2.8 2.8-8.5-8.5-8.5 8.5-2.8-2.8 8.5-8.5-8.5-8.5 2.8-2.8 8.5 8.5 8.5-8.5 2.8 2.8-8.5 8.5 8.5 8.5z"/></symbol><symbol id="icon-copy" viewBox="0 0 1024 1024"><path d="M864 128H288c-17.6 0-32 14.4-32 32v96h-96c-17.6 0-32 14.4-32 32v576c0 17.6 14.4 32 32 32h576c17.6 0 32-14.4 32-32v-96h96c17.6 0 32-14.4 32-32V160c0-17.6-14.4-32-32-32zM704 704v128H192V320h512v384zm128 0h-64V288c0-17.6-14.4-32-32-32H320v-64h512v512z"/><path d="M275.2 419.2h336v64h-336zM272 544h336v64H272zM272 672h336v64H272z"/></symbol><symbol id="icon-minus-fill" viewBox="0 0 1024 1024"><path d="M512 64C264 64 64 264 64 512s200 448 448 448 448-200 448-448S760 64 512 64zm224 480H288v-64h448v64z"/></symbol><symbol id="icon-plus-fill" viewBox="0 0 1024 1024"><path d="M512 64C264 64 64 264 64 512s200 448 448 448 448-200 448-448S760 64 512 64zm224 480H544v192h-64V544H288v-64h192V288h64v192h192v64z"/></symbol></svg>';
   if (document.body) {
     document.body.insertAdjacentHTML("afterbegin", svgCode);
   } else {
@@ -5528,10 +5527,8 @@ function useColumnResize(tableRef, tableColumnResizeRef, mouseupCallback) {
     if (!dragable) {
       return;
     }
-    const {
-      columnKey,
-      minWidth = 100
-    } = payload;
+    const { columnKey, minWidth = 100 } = payload;
+    const target = event.target.closest("th");
     const tableEl = tableRef.value;
     const columnEl = tableEl.querySelector(`th.column-${columnKey}`);
     const tableLeft = tableEl.getBoundingClientRect().left;
@@ -5561,6 +5558,7 @@ function useColumnResize(tableRef, tableColumnResizeRef, mouseupCallback) {
       resizeProxy.style.display = "block";
       resizeProxyLeft = Math.max(minLeft, proxyLeft);
       resizeProxy.style.left = `${resizeProxyLeft}px`;
+      target.classList.add("poiner-right");
     };
     const handleMouseUp = () => {
       if (dragging.value) {
@@ -5585,15 +5583,22 @@ function useColumnResize(tableRef, tableColumnResizeRef, mouseupCallback) {
     document.addEventListener("mouseup", handleMouseUp);
   };
   const handleMouseMove = (event) => {
+    var _a;
+    if (dragging.value) {
+      return;
+    }
     const target = event.target.closest("th");
     const rect = target.getBoundingClientRect();
     const bodyStyle = document.body.style;
     if (rect.width > 12 && rect.right - event.pageX < 8) {
       bodyStyle.cursor = "col-resize";
       dragable = true;
+      target.classList.add("poiner-right");
     } else if (!dragging.value) {
       bodyStyle.cursor = "";
       dragable = false;
+      target.classList.remove("poiner-right");
+      (_a = target.previousElementSibling) == null ? void 0 : _a.classList.remove("poiner-right");
     }
   };
   const handleOuterMousemove = _.throttle((event) => {
@@ -5623,1052 +5628,310 @@ function useColumnResize(tableRef, tableColumnResizeRef, mouseupCallback) {
     handleMouseMove
   };
 }
-const _hoisted_1$7 = { style: { "position": "relative" } };
-const renderTablekey = Symbol("renderTable");
-const _sfc_main$8 = /* @__PURE__ */ defineComponent({
-  __name: "ediatable",
-  setup(__props) {
-    const checkTableScroll = () => {
-      rowWidth.value = tableRef.value.clientWidth;
-      isOverflow.value = tableOuterRef.value.clientWidth < tableRef.value.clientWidth;
-      initColumnWidth();
-    };
-    const tableOuterRef = ref();
-    const tableRef = ref();
-    const tableColumnResizeRef = ref();
-    const isOverflow = ref(false);
-    const rowWidth = ref(0);
-    const { initColumnWidth } = useColumnResize(tableOuterRef, tableColumnResizeRef, _.debounce(checkTableScroll));
-    provide(renderTablekey, {
-      isOverflow,
-      rowWidth
-    });
-    onMounted(() => {
-      window.addEventListener("resize", checkTableScroll);
-      checkTableScroll();
-      setTimeout(() => checkTableScroll());
-    });
-    onBeforeUnmount(() => window.removeEventListener("resize", checkTableScroll));
-    return (_ctx, _cache) => {
-      return openBlock(), createElementBlock(
-        "div",
-        {
-          id: "ediatableRenderTableKey",
-          ref_key: "tableOuterRef",
-          ref: tableOuterRef,
-          class: "bk-ediatable"
-        },
-        [
-          createElementVNode(
-            "table",
-            {
-              ref_key: "tableRef",
-              ref: tableRef
-            },
-            [
-              createElementVNode("thead", null, [
-                createElementVNode("tr", _hoisted_1$7, [
-                  renderSlot(_ctx.$slots, "default")
-                ])
-              ]),
-              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 */
-      );
-    };
+function tryOnScopeDispose(fn2) {
+  if (getCurrentScope()) {
+    onScopeDispose(fn2);
+    return true;
   }
-});
-const getRuleMessage = (rule) => {
-  if (typeof rule.message === "function") {
-    return rule.message();
+  return false;
+}
+function toValue(r) {
+  return typeof r === "function" ? r() : unref(r);
+}
+const isClient = typeof window !== "undefined" && typeof document !== "undefined";
+typeof WorkerGlobalScope !== "undefined" && globalThis instanceof WorkerGlobalScope;
+function unrefElement(elRef) {
+  var _a;
+  const plain = toValue(elRef);
+  return (_a = plain == null ? void 0 : plain.$el) != null ? _a : plain;
+}
+const defaultWindow = isClient ? window : void 0;
+function useMounted() {
+  const isMounted = ref(false);
+  const instance = getCurrentInstance();
+  if (instance) {
+    onMounted(() => {
+      isMounted.value = true;
+    }, instance);
   }
-  return rule.message;
-};
-function useValidtor(rules) {
-  const state = reactive({
-    loading: false,
-    error: false,
-    message: ""
+  return isMounted;
+}
+function useSupported(callback) {
+  const isMounted = useMounted();
+  return computed(() => {
+    isMounted.value;
+    return Boolean(callback());
   });
-  const validator = (targetValue) => {
-    state.error = false, state.message = "";
-    if (!rules) {
-      return Promise.resolve(true);
+}
+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 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();
   };
+  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 {
-    ...toRefs(state),
-    validator
+    isSupported,
+    stop
   };
 }
-const DbIcon = defineComponent({
-  name: "DbIcon",
-  props: {
-    type: {
-      type: String,
-      required: true
-    },
-    svg: {
-      type: Boolean,
-      default: false
-    }
-  },
-  render() {
-    if (this.svg) {
-      return h(
-        "svg",
-        {
-          class: {
-            "db-svg-icon": true
-          }
-        },
-        [
-          h("use", {
-            "xlink:href": `#db-icon-${this.type}`
-          })
-        ]
-      );
-    }
-    const classes = {
-      "ediatable-icon": true,
-      [`icon-${this.type}`]: true
-    };
-    return h("i", {
-      class: classes
-    });
+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;
   }
-});
-const _hoisted_1$6 = {
-  key: 0,
-  class: "input-error"
-};
-const _sfc_main$7 = /* @__PURE__ */ defineComponent({
-  __name: "date-time-picker",
-  props: /* @__PURE__ */ mergeModels({
-    placeholder: { default: "" },
-    rules: { default: void 0 },
-    type: { default: void 0 },
-    disabled: { type: Boolean, default: false }
-  }, {
-    "modelValue": {},
-    "modelModifiers": {}
-  }),
-  emits: /* @__PURE__ */ mergeModels(["change"], ["update:modelValue"]),
-  setup(__props, { expose: __expose, emit: __emit }) {
-    const props = __props;
-    const emits = __emit;
-    const modelValue = useModel(__props, "modelValue");
-    const attrs = useAttrs();
-    const slots = useSlots();
-    const { message: errorMessage, validator } = useValidtor(props.rules);
-    const handleChange = (value) => {
-      modelValue.value = value;
-      validator(modelValue.value).then(() => {
-        emits("change", modelValue.value);
-      });
-    };
-    const handleOpenChange = (open) => {
-      if (!open) {
-        validator(modelValue.value);
-      }
-    };
-    __expose({
-      getValue() {
-        return validator(modelValue.value).then(() => modelValue.value);
-      }
-    });
-    return (_ctx, _cache) => {
-      const _directive_bk_tooltips = resolveDirective("bk-tooltips");
-      return openBlock(), createElementBlock(
-        "div",
-        {
-          class: normalizeClass(["bk-ediatable-time-picker", {
-            "is-error": Boolean(unref(errorMessage)),
-            "is-disabled": _ctx.disabled
-          }])
-        },
-        [
-          createVNode(unref(DatePicker), mergeProps({
-            "append-to-body": "",
-            clearable: false,
-            "model-value": modelValue.value,
-            placeholder: _ctx.placeholder,
-            style: { "width": "100%" },
-            type: _ctx.type
-          }, unref(attrs), {
-            onChange: handleChange,
-            onOpenChange: handleOpenChange
-          }), createSlots({
-            _: 2
-            /* DYNAMIC */
-          }, [
-            unref(slots).footer ? {
-              name: "footer",
-              fn: withCtx(() => [
-                renderSlot(_ctx.$slots, "footer")
-              ]),
-              key: "0"
-            } : void 0
-          ]), 1040, ["model-value", "placeholder", "type"]),
-          unref(errorMessage) ? (openBlock(), createElementBlock("div", _hoisted_1$6, [
-            withDirectives(createVNode(
-              unref(DbIcon),
-              { type: "exclamation-fill" },
-              null,
-              512
-              /* NEED_PATCH */
-            ), [
-              [_directive_bk_tooltips, unref(errorMessage)]
-            ])
-          ])) : createCommentVNode("v-if", true)
-        ],
-        2
-        /* CLASS */
-      );
-    };
-  }
-});
-const random = () => `${_.random(0, 999999)}_${Date.now()}_${_.random(0, 999999)}`;
-const encodeMult = (text) => {
-  const temp = document.createElement("textarea");
-  temp.value = text;
-  return temp.value;
-};
-const _hoisted_1$5 = {
-  key: 1,
-  class: "blur-dispaly-main"
-};
-const _sfc_main$6 = /* @__PURE__ */ defineComponent({
-  __name: "input",
-  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 }
-  }, {
-    "modelValue": {
-      default: ""
-    },
-    "modelModifiers": {}
-  }),
-  emits: /* @__PURE__ */ mergeModels(["submit"], ["update:modelValue"]),
-  setup(__props, { expose: __expose, emit: __emit }) {
-    const props = __props;
-    const emits = __emit;
-    const modelValue = useModel(__props, "modelValue");
-    const rootRef = ref();
-    const isBlur = ref(true);
-    const isPassword = computed(() => props.type === "password");
-    let oldInputText = "";
-    const {
-      message: errorMessage,
-      validator
-    } = useValidtor(props.rules);
-    const handleInput = (value) => {
-      isBlur.value = false;
-      modelValue.value = value;
-    };
-    const handleBlur = (event) => {
-      isBlur.value = true;
-      if (props.disabled) {
-        event.preventDefault();
-        return;
-      }
-      if (modelValue.value) {
-        if (oldInputText === modelValue.value) {
-          return;
-        }
-        oldInputText = modelValue.value;
-        validator(modelValue.value).then(() => {
-          emits("submit", modelValue.value);
-        });
-        return;
-      }
-      emits("submit", modelValue.value);
-    };
-    const handleKeydown = (_value, event) => {
-      if (props.disabled) {
-        event.preventDefault();
-        return;
-      }
-      if (event.isComposing) {
-        return;
-      }
-      if (event.which === 13 || event.key === "Enter") {
-        if (oldInputText === modelValue.value) {
-          return;
-        }
-        oldInputText = modelValue.value;
-        event.preventDefault();
-        validator(modelValue.value).then((result) => {
-          if (result) {
-            emits("submit", modelValue.value);
-          }
-        });
-      }
-    };
-    const handlePaste = (_value, event) => {
-      event.preventDefault();
-      let paste = (event.clipboardData || window.clipboardData).getData("text");
-      paste = encodeMult(paste);
-      modelValue.value = paste.replace(/^\s+|\s+$/g, "");
-    };
-    __expose({
-      getValue() {
-        return validator(modelValue.value).then(() => modelValue.value);
-      },
-      focus() {
-        var _a;
-        (_a = rootRef.value.querySelector("input")) == null ? void 0 : _a.focus();
-      }
-    });
-    return (_ctx, _cache) => {
-      const _directive_bk_tooltips = resolveDirective("bk-tooltips");
-      return openBlock(), createElementBlock(
-        "div",
-        {
-          ref_key: "rootRef",
-          ref: rootRef,
-          class: normalizeClass(["bk-ediatable-input", {
-            "is-error": Boolean(unref(errorMessage)),
-            "is-disabled": _ctx.disabled,
-            "is-password": isPassword.value
-          }])
-        },
-        [
-          createVNode(unref(Input), {
-            class: "input-box",
-            disabled: _ctx.disabled,
-            max: _ctx.max,
-            min: _ctx.min,
-            "model-value": modelValue.value,
-            placeholder: _ctx.placeholder,
-            type: _ctx.type,
-            onBlur: handleBlur,
-            onChange: handleInput,
-            onFocus: _cache[0] || (_cache[0] = () => isBlur.value = false),
-            onInput: handleInput,
-            onKeydown: handleKeydown,
-            onPaste: handlePaste
-          }, {
-            suffix: withCtx(() => []),
-            _: 1
-            /* STABLE */
-          }, 8, ["disabled", "max", "min", "model-value", "placeholder", "type"]),
-          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$5, [
-            renderSlot(_ctx.$slots, "blur")
-          ])) : createCommentVNode("v-if", true)
-        ],
-        2
-        /* CLASS */
-      );
-    };
-  }
-});
-const _sfc_main$5 = /* @__PURE__ */ defineComponent({
-  __name: "fixed-column",
-  props: {
-    fixed: { default: "right" }
-  },
-  setup(__props) {
-    const props = __props;
-    const { isOverflow: isFixed } = inject(renderTablekey);
-    const isFixedRight = computed(() => (isFixed == null ? void 0 : isFixed.value) && props.fixed === "right");
-    const isFixedLeft = computed(() => (isFixed == null ? void 0 : isFixed.value) && props.fixed === "left");
-    return (_ctx, _cache) => {
-      return openBlock(), createElementBlock(
-        "td",
-        {
-          class: normalizeClass({
-            "bk-ediatable-right-fixed-column": isFixedRight.value,
-            "bk-ediatable-left-fixed-column": isFixedLeft.value
-          })
-        },
-        [
-          renderSlot(_ctx.$slots, "default")
-        ],
-        2
-        /* CLASS */
-      );
-    };
-  }
-});
-function tryOnScopeDispose(fn2) {
-  if (getCurrentScope()) {
-    onScopeDispose(fn2);
-    return true;
+  if (node.toString() !== "[object Window]") {
+    var ownerDocument = node.ownerDocument;
+    return ownerDocument ? ownerDocument.defaultView || window : window;
   }
-  return false;
+  return node;
 }
-function toValue(r) {
-  return typeof r === "function" ? r() : unref(r);
+function isElement$1(node) {
+  var OwnElement = getWindow(node).Element;
+  return node instanceof OwnElement || node instanceof Element;
 }
-const isClient = typeof window !== "undefined" && typeof document !== "undefined";
-typeof WorkerGlobalScope !== "undefined" && globalThis instanceof WorkerGlobalScope;
-function unrefElement(elRef) {
-  var _a;
-  const plain = toValue(elRef);
-  return (_a = plain == null ? void 0 : plain.$el) != null ? _a : plain;
+function isHTMLElement(node) {
+  var OwnElement = getWindow(node).HTMLElement;
+  return node instanceof OwnElement || node instanceof HTMLElement;
 }
-const defaultWindow = isClient ? window : void 0;
-function useMounted() {
-  const isMounted = ref(false);
-  const instance = getCurrentInstance();
-  if (instance) {
-    onMounted(() => {
-      isMounted.value = true;
-    }, instance);
+function isShadowRoot(node) {
+  if (typeof ShadowRoot === "undefined") {
+    return false;
   }
-  return isMounted;
+  var OwnElement = getWindow(node).ShadowRoot;
+  return node instanceof OwnElement || node instanceof ShadowRoot;
 }
-function useSupported(callback) {
-  const isMounted = useMounted();
-  return computed(() => {
-    isMounted.value;
-    return Boolean(callback());
+function applyStyles(_ref) {
+  var state = _ref.state;
+  Object.keys(state.elements).forEach(function(name) {
+    var style = state.styles[name] || {};
+    var attributes = state.attributes[name] || {};
+    var element = state.elements[name];
+    if (!isHTMLElement(element) || !getNodeName(element)) {
+      return;
+    }
+    Object.assign(element.style, style);
+    Object.keys(attributes).forEach(function(name2) {
+      var value = attributes[name2];
+      if (value === false) {
+        element.removeAttribute(name2);
+      } else {
+        element.setAttribute(name2, value === true ? "" : value);
+      }
+    });
   });
 }
-function useResizeObserver(target, callback, options = {}) {
-  const { window: window2 = defaultWindow, ...observerOptions } = options;
-  let observer;
-  const isSupported = useSupported(() => window2 && "ResizeObserver" in window2);
-  const cleanup = () => {
-    if (observer) {
-      observer.disconnect();
-      observer = void 0;
-    }
+function effect$2(_ref2) {
+  var state = _ref2.state;
+  var initialStyles = {
+    popper: {
+      position: state.options.strategy,
+      left: "0",
+      top: "0",
+      margin: "0"
+    },
+    arrow: {
+      position: "absolute"
+    },
+    reference: {}
   };
-  const targets = computed(() => Array.isArray(target) ? target.map((el) => unrefElement(el)) : [unrefElement(target)]);
-  const stopWatch = watch(
-    targets,
-    (els) => {
-      cleanup();
-      if (isSupported.value && window2) {
-        observer = new ResizeObserver(callback);
-        for (const _el of els)
-          _el && observer.observe(_el, observerOptions);
+  Object.assign(state.elements.popper.style, initialStyles.popper);
+  state.styles = initialStyles;
+  if (state.elements.arrow) {
+    Object.assign(state.elements.arrow.style, initialStyles.arrow);
+  }
+  return function() {
+    Object.keys(state.elements).forEach(function(name) {
+      var element = state.elements[name];
+      var attributes = state.attributes[name] || {};
+      var styleProperties = Object.keys(state.styles.hasOwnProperty(name) ? state.styles[name] : initialStyles[name]);
+      var style = styleProperties.reduce(function(style2, property) {
+        style2[property] = "";
+        return style2;
+      }, {});
+      if (!isHTMLElement(element) || !getNodeName(element)) {
+        return;
       }
-    },
-    { immediate: true, flush: "post" }
-  );
-  const stop = () => {
-    cleanup();
-    stopWatch();
+      Object.assign(element.style, style);
+      Object.keys(attributes).forEach(function(attribute) {
+        element.removeAttribute(attribute);
+      });
+    });
   };
-  tryOnScopeDispose(stop);
+}
+const applyStyles$1 = {
+  name: "applyStyles",
+  enabled: true,
+  phase: "write",
+  fn: applyStyles,
+  effect: effect$2,
+  requires: ["computeStyles"]
+};
+function getBasePlacement$1(placement) {
+  return placement.split("-")[0];
+}
+var max = Math.max;
+var min = Math.min;
+var round = Math.round;
+function getUAString() {
+  var uaData = navigator.userAgentData;
+  if (uaData != null && uaData.brands && Array.isArray(uaData.brands)) {
+    return uaData.brands.map(function(item) {
+      return item.brand + "/" + item.version;
+    }).join(" ");
+  }
+  return navigator.userAgent;
+}
+function isLayoutViewport() {
+  return !/^((?!chrome|android).)*safari/i.test(getUAString());
+}
+function getBoundingClientRect(element, includeScale, isFixedStrategy) {
+  if (includeScale === void 0) {
+    includeScale = false;
+  }
+  if (isFixedStrategy === void 0) {
+    isFixedStrategy = false;
+  }
+  var clientRect = element.getBoundingClientRect();
+  var scaleX = 1;
+  var scaleY = 1;
+  if (includeScale && isHTMLElement(element)) {
+    scaleX = element.offsetWidth > 0 ? round(clientRect.width) / element.offsetWidth || 1 : 1;
+    scaleY = element.offsetHeight > 0 ? round(clientRect.height) / element.offsetHeight || 1 : 1;
+  }
+  var _ref = isElement$1(element) ? getWindow(element) : window, visualViewport = _ref.visualViewport;
+  var addVisualOffsets = !isLayoutViewport() && isFixedStrategy;
+  var x = (clientRect.left + (addVisualOffsets && visualViewport ? visualViewport.offsetLeft : 0)) / scaleX;
+  var y = (clientRect.top + (addVisualOffsets && visualViewport ? visualViewport.offsetTop : 0)) / scaleY;
+  var width = clientRect.width / scaleX;
+  var height = clientRect.height / scaleY;
   return {
-    isSupported,
-    stop
+    width,
+    height,
+    top: y,
+    right: x + width,
+    bottom: y + height,
+    left: x,
+    x,
+    y
   };
 }
-const _hoisted_1$4 = ["data-fixed", "data-maxWidth", "data-minWidth", "data-width"];
-const _hoisted_2$2 = { class: "th-cell" };
-const _hoisted_3$1 = {
-  key: 0,
-  style: { "display": "inline-block", "line-height": "40px", "vertical-align": "top" }
-};
-const _sfc_main$4 = /* @__PURE__ */ defineComponent({
-  __name: "head-column",
-  props: {
-    width: { default: void 0 },
-    required: { type: Boolean, default: true },
-    minWidth: { default: void 0 },
-    maxWidth: { default: void 0 },
-    fixed: { default: void 0 }
-  },
-  setup(__props) {
-    const props = __props;
-    const { rowWidth, isOverflow: isMinimize } = inject(renderTablekey);
-    const parentTable = inject(tableColumnResizekey);
-    const slots = useSlots();
-    const columnRef = ref();
-    const currentWidth = ref(0);
-    const columnKey = random();
-    let initWidthRate = 0;
-    let isDragedSelf = false;
-    const finalMinWidth = computed(() => props.minWidth ? props.minWidth : props.width ?? 100);
-    const isFixedRight = computed(() => props.fixed === "right");
-    const isFixedLeft = computed(() => props.fixed === "left");
-    const styles = computed(() => {
-      if (props.width && (rowWidth == null ? void 0 : rowWidth.value) && finalMinWidth.value) {
-        const newWidth = rowWidth.value * initWidthRate;
-        if (newWidth !== props.width) {
-          let width = 0;
-          if (isMinimize == null ? void 0 : isMinimize.value) {
-            if (currentWidth.value !== 0 && (currentWidth.value !== finalMinWidth.value || currentWidth.value !== props.width)) {
-              width = currentWidth.value;
-            } else {
-              width = finalMinWidth.value;
-            }
-          } else if (newWidth > finalMinWidth.value) {
-            width = newWidth;
-          } else {
-            width = finalMinWidth.value;
-          }
-          return {
-            minWidth: `${width}px`
-          };
-        }
-      }
-      return {
-        minWidth: props.width ? `${props.width}px` : "120px"
-      };
-    });
-    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;
+function getLayoutRect(element) {
+  var clientRect = getBoundingClientRect(element);
+  var width = element.offsetWidth;
+  var height = element.offsetHeight;
+  if (Math.abs(clientRect.width - width) <= 1) {
+    width = clientRect.width;
+  }
+  if (Math.abs(clientRect.height - height) <= 1) {
+    height = clientRect.height;
+  }
+  return {
+    x: element.offsetLeft,
+    y: element.offsetTop,
+    width,
+    height
+  };
+}
+function contains(parent, child) {
+  var rootNode = child.getRootNode && child.getRootNode();
+  if (parent.contains(child)) {
+    return true;
+  } else if (rootNode && isShadowRoot(rootNode)) {
+    var next = child;
+    do {
+      if (next && parent.isSameNode(next)) {
+        return true;
       }
-      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");
-      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, [
-          renderSlot(_ctx.$slots, "default")
-        ])), [
-          [_directive_overflow_tips]
-        ]),
-        unref(slots).append ? (openBlock(), createElementBlock("div", _hoisted_3$1, [
-          renderSlot(_ctx.$slots, "append")
-        ])) : createCommentVNode("v-if", true)
-      ], 46, _hoisted_1$4);
-    };
+      next = next.parentNode || next.host;
+    } while (next);
   }
-});
-const _hoisted_1$3 = { class: "bk-ediatable-operation" };
-const _sfc_main$3 = /* @__PURE__ */ defineComponent({
-  __name: "operation",
-  props: {
-    showAdd: { type: Boolean, default: true },
-    showRemove: { type: Boolean, default: true },
-    removeable: { type: Boolean, default: true }
-  },
-  emits: ["add", "remove"],
-  setup(__props, { emit: __emit }) {
-    const props = __props;
-    const emits = __emit;
-    const handleAppend = () => {
-      emits("add");
-    };
-    const handleRemove = () => {
-      if (props.removeable) {
-        return;
-      }
-      emits("remove");
-    };
-    return (_ctx, _cache) => {
-      return openBlock(), createBlock(_sfc_main$5, null, {
-        default: withCtx(() => [
-          createElementVNode("div", _hoisted_1$3, [
-            _ctx.showAdd ? (openBlock(), createElementBlock("div", {
-              key: 0,
-              class: "action-btn",
-              onClick: handleAppend
-            }, [
-              createVNode(unref(DbIcon), { type: "plus-fill" })
-            ])) : createCommentVNode("v-if", true),
-            _ctx.showRemove ? (openBlock(), createElementBlock(
-              "div",
-              {
-                key: 1,
-                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",
-  props: /* @__PURE__ */ mergeModels({
-    list: {},
-    placeholder: { default: "请选择" },
-    rules: { default: () => [] },
-    disabled: { type: Boolean, default: false },
-    multiple: { type: Boolean, default: false },
-    showSelectAll: { type: Boolean, default: false }
-  }, {
-    "modelValue": {},
-    "modelModifiers": {}
-  }),
-  emits: /* @__PURE__ */ mergeModels(["change"], ["update:modelValue"]),
-  setup(__props, { expose: __expose, emit: __emit }) {
-    const { Option } = Select;
-    const props = __props;
-    const emits = __emit;
-    const modelValue = useModel(__props, "modelValue");
-    const rootRef = ref();
-    const localValue = ref("");
-    const rootHeight = ref(42);
-    const { message: errorMessage, validator } = useValidtor(props.rules);
-    watch(
-      modelValue,
-      (value) => {
-        if (value === void 0) {
-          return;
-        }
-        localValue.value = value;
-        if (typeof value !== "object" && value) {
-          validator(value);
-          return;
-        }
-        if (Array.isArray(value) && value.length > 0) {
-          validator(value);
-          return;
-        }
-      },
-      {
-        immediate: true
-      }
-    );
-    const handleSelect = (value) => {
-      localValue.value = value;
-      validator(localValue.value).then(() => {
-        modelValue.value = value;
-        emits("change", localValue.value);
-      });
-    };
-    const handleRemove = () => {
-      localValue.value = "";
-      validator(localValue.value).then(() => {
-        modelValue.value = localValue.value;
-        emits("change", localValue.value);
-      });
-    };
-    const checkRootHeight = () => {
-      rootHeight.value = rootRef.value.parentNode.clientHeight;
-    };
-    useResizeObserver(rootRef, _.throttle(checkRootHeight, 500));
-    __expose({
-      getValue() {
-        return validator(localValue.value).then(() => localValue.value);
-      }
-    });
-    return (_ctx, _cache) => {
-      const _directive_bk_tooltips = resolveDirective("bk-tooltips");
-      return openBlock(), createElementBlock(
-        "div",
-        {
-          ref_key: "rootRef",
-          ref: rootRef,
-          class: normalizeClass(["bk-ediatable-select", {
-            "is-error": Boolean(unref(errorMessage)),
-            "is-disable": _ctx.disabled
-          }]),
-          style: normalizeStyle({ height: rootHeight.value + "px" })
-        },
-        [
-          createVNode(unref(Select), {
-            "model-value": localValue.value,
-            "auto-focus": "",
-            class: "select-box",
-            clearable: false,
-            disabled: _ctx.disabled,
-            filterable: "",
-            "input-search": false,
-            multiple: _ctx.multiple,
-            placeholder: _ctx.placeholder,
-            "show-select-all": _ctx.showSelectAll,
-            onChange: handleSelect,
-            onClear: handleRemove
-          }, {
-            default: withCtx(() => [
-              (openBlock(true), createElementBlock(
-                Fragment,
-                null,
-                renderList(_ctx.list, (item, index) => {
-                  return openBlock(), createBlock(unref(Option), {
-                    key: index,
-                    label: item.label,
-                    value: item.value
-                  }, null, 8, ["label", "value"]);
-                }),
-                128
-                /* KEYED_FRAGMENT */
-              ))
-            ]),
-            _: 1
-            /* STABLE */
-          }, 8, ["model-value", "disabled", "multiple", "placeholder", "show-select-all"]),
-          unref(errorMessage) ? (openBlock(), createElementBlock("div", _hoisted_1$2, [
-            withDirectives(createVNode(
-              unref(DbIcon),
-              { type: "exclamation-fill" },
-              null,
-              512
-              /* NEED_PATCH */
-            ), [
-              [_directive_bk_tooltips, unref(errorMessage)]
-            ])
-          ])) : createCommentVNode("v-if", true)
-        ],
-        6
-        /* CLASS, STYLE */
-      );
-    };
-  }
-});
-var top = "top";
-var bottom = "bottom";
-var right = "right";
-var left = "left";
-var auto = "auto";
-var basePlacements = [top, bottom, right, left];
-var start = "start";
-var end = "end";
-var clippingParents = "clippingParents";
-var viewport = "viewport";
-var popper = "popper";
-var reference = "reference";
-var variationPlacements = /* @__PURE__ */ basePlacements.reduce(function(acc, placement) {
-  return acc.concat([placement + "-" + start, placement + "-" + end]);
-}, []);
-var placements = /* @__PURE__ */ [].concat(basePlacements, [auto]).reduce(function(acc, placement) {
-  return acc.concat([placement, placement + "-" + start, placement + "-" + end]);
-}, []);
-var beforeRead = "beforeRead";
-var read = "read";
-var afterRead = "afterRead";
-var beforeMain = "beforeMain";
-var main = "main";
-var afterMain = "afterMain";
-var beforeWrite = "beforeWrite";
-var write = "write";
-var afterWrite = "afterWrite";
-var modifierPhases = [beforeRead, read, afterRead, beforeMain, main, afterMain, beforeWrite, write, afterWrite];
-function getNodeName(element) {
-  return element ? (element.nodeName || "").toLowerCase() : null;
+  return false;
 }
-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 getComputedStyle(element) {
+  return getWindow(element).getComputedStyle(element);
 }
-function isElement$1(node) {
-  var OwnElement = getWindow(node).Element;
-  return node instanceof OwnElement || node instanceof Element;
+function isTableElement(element) {
+  return ["table", "td", "th"].indexOf(getNodeName(element)) >= 0;
 }
-function isHTMLElement(node) {
-  var OwnElement = getWindow(node).HTMLElement;
-  return node instanceof OwnElement || node instanceof HTMLElement;
+function getDocumentElement(element) {
+  return ((isElement$1(element) ? element.ownerDocument : (
+    // $FlowFixMe[prop-missing]
+    element.document
+  )) || window.document).documentElement;
 }
-function isShadowRoot(node) {
-  if (typeof ShadowRoot === "undefined") {
-    return false;
+function getParentNode(element) {
+  if (getNodeName(element) === "html") {
+    return element;
   }
-  var OwnElement = getWindow(node).ShadowRoot;
-  return node instanceof OwnElement || node instanceof ShadowRoot;
+  return (
+    // this is a quicker (but less type safe) way to save quite some bytes from the bundle
+    // $FlowFixMe[incompatible-return]
+    // $FlowFixMe[prop-missing]
+    element.assignedSlot || // step into the shadow DOM of the parent of a slotted node
+    element.parentNode || // DOM Element detected
+    (isShadowRoot(element) ? element.host : null) || // ShadowRoot detected
+    // $FlowFixMe[incompatible-call]: HTMLElement is a Node
+    getDocumentElement(element)
+  );
 }
-function applyStyles(_ref) {
-  var state = _ref.state;
-  Object.keys(state.elements).forEach(function(name) {
-    var style = state.styles[name] || {};
-    var attributes = state.attributes[name] || {};
-    var element = state.elements[name];
-    if (!isHTMLElement(element) || !getNodeName(element)) {
-      return;
-    }
-    Object.assign(element.style, style);
-    Object.keys(attributes).forEach(function(name2) {
-      var value = attributes[name2];
-      if (value === false) {
-        element.removeAttribute(name2);
-      } else {
-        element.setAttribute(name2, value === true ? "" : value);
-      }
-    });
-  });
-}
-function effect$2(_ref2) {
-  var state = _ref2.state;
-  var initialStyles = {
-    popper: {
-      position: state.options.strategy,
-      left: "0",
-      top: "0",
-      margin: "0"
-    },
-    arrow: {
-      position: "absolute"
-    },
-    reference: {}
-  };
-  Object.assign(state.elements.popper.style, initialStyles.popper);
-  state.styles = initialStyles;
-  if (state.elements.arrow) {
-    Object.assign(state.elements.arrow.style, initialStyles.arrow);
-  }
-  return function() {
-    Object.keys(state.elements).forEach(function(name) {
-      var element = state.elements[name];
-      var attributes = state.attributes[name] || {};
-      var styleProperties = Object.keys(state.styles.hasOwnProperty(name) ? state.styles[name] : initialStyles[name]);
-      var style = styleProperties.reduce(function(style2, property) {
-        style2[property] = "";
-        return style2;
-      }, {});
-      if (!isHTMLElement(element) || !getNodeName(element)) {
-        return;
-      }
-      Object.assign(element.style, style);
-      Object.keys(attributes).forEach(function(attribute) {
-        element.removeAttribute(attribute);
-      });
-    });
-  };
-}
-const applyStyles$1 = {
-  name: "applyStyles",
-  enabled: true,
-  phase: "write",
-  fn: applyStyles,
-  effect: effect$2,
-  requires: ["computeStyles"]
-};
-function getBasePlacement$1(placement) {
-  return placement.split("-")[0];
-}
-var max = Math.max;
-var min = Math.min;
-var round = Math.round;
-function getUAString() {
-  var uaData = navigator.userAgentData;
-  if (uaData != null && uaData.brands && Array.isArray(uaData.brands)) {
-    return uaData.brands.map(function(item) {
-      return item.brand + "/" + item.version;
-    }).join(" ");
-  }
-  return navigator.userAgent;
-}
-function isLayoutViewport() {
-  return !/^((?!chrome|android).)*safari/i.test(getUAString());
-}
-function getBoundingClientRect(element, includeScale, isFixedStrategy) {
-  if (includeScale === void 0) {
-    includeScale = false;
-  }
-  if (isFixedStrategy === void 0) {
-    isFixedStrategy = false;
-  }
-  var clientRect = element.getBoundingClientRect();
-  var scaleX = 1;
-  var scaleY = 1;
-  if (includeScale && isHTMLElement(element)) {
-    scaleX = element.offsetWidth > 0 ? round(clientRect.width) / element.offsetWidth || 1 : 1;
-    scaleY = element.offsetHeight > 0 ? round(clientRect.height) / element.offsetHeight || 1 : 1;
-  }
-  var _ref = isElement$1(element) ? getWindow(element) : window, visualViewport = _ref.visualViewport;
-  var addVisualOffsets = !isLayoutViewport() && isFixedStrategy;
-  var x = (clientRect.left + (addVisualOffsets && visualViewport ? visualViewport.offsetLeft : 0)) / scaleX;
-  var y = (clientRect.top + (addVisualOffsets && visualViewport ? visualViewport.offsetTop : 0)) / scaleY;
-  var width = clientRect.width / scaleX;
-  var height = clientRect.height / scaleY;
-  return {
-    width,
-    height,
-    top: y,
-    right: x + width,
-    bottom: y + height,
-    left: x,
-    x,
-    y
-  };
-}
-function getLayoutRect(element) {
-  var clientRect = getBoundingClientRect(element);
-  var width = element.offsetWidth;
-  var height = element.offsetHeight;
-  if (Math.abs(clientRect.width - width) <= 1) {
-    width = clientRect.width;
-  }
-  if (Math.abs(clientRect.height - height) <= 1) {
-    height = clientRect.height;
-  }
-  return {
-    x: element.offsetLeft,
-    y: element.offsetTop,
-    width,
-    height
-  };
-}
-function contains(parent, child) {
-  var rootNode = child.getRootNode && child.getRootNode();
-  if (parent.contains(child)) {
-    return true;
-  } else if (rootNode && isShadowRoot(rootNode)) {
-    var next = child;
-    do {
-      if (next && parent.isSameNode(next)) {
-        return true;
-      }
-      next = next.parentNode || next.host;
-    } while (next);
-  }
-  return false;
-}
-function getComputedStyle(element) {
-  return getWindow(element).getComputedStyle(element);
-}
-function isTableElement(element) {
-  return ["table", "td", "th"].indexOf(getNodeName(element)) >= 0;
-}
-function getDocumentElement(element) {
-  return ((isElement$1(element) ? element.ownerDocument : (
-    // $FlowFixMe[prop-missing]
-    element.document
-  )) || window.document).documentElement;
-}
-function getParentNode(element) {
-  if (getNodeName(element) === "html") {
-    return element;
-  }
-  return (
-    // this is a quicker (but less type safe) way to save quite some bytes from the bundle
-    // $FlowFixMe[incompatible-return]
-    // $FlowFixMe[prop-missing]
-    element.assignedSlot || // step into the shadow DOM of the parent of a slotted node
-    element.parentNode || // DOM Element detected
-    (isShadowRoot(element) ? element.host : null) || // ShadowRoot detected
-    // $FlowFixMe[incompatible-call]: HTMLElement is a Node
-    getDocumentElement(element)
-  );
-}
-function getTrueOffsetParent(element) {
-  if (!isHTMLElement(element) || // https://github.com/popperjs/popper-core/issues/837
-  getComputedStyle(element).position === "fixed") {
-    return null;
-  }
-  return element.offsetParent;
+function getTrueOffsetParent(element) {
+  if (!isHTMLElement(element) || // https://github.com/popperjs/popper-core/issues/837
+  getComputedStyle(element).position === "fixed") {
+    return null;
+  }
+  return element.offsetParent;
 }
 function getContainingBlock(element) {
   var isFirefox = /firefox/i.test(getUAString());
@@ -7196,16 +6459,16 @@ function computeAutoPlacement(state, options) {
   if (options === void 0) {
     options = {};
   }
-  var _options = options, placement = _options.placement, boundary = _options.boundary, rootBoundary = _options.rootBoundary, padding = _options.padding, flipVariations = _options.flipVariations, _options$allowedAutoP = _options.allowedAutoPlacements, allowedAutoPlacements = _options$allowedAutoP === void 0 ? placements : _options$allowedAutoP;
+  var _options = options, placement = _options.placement, boundary = _options.boundary, rootBoundary = _options.rootBoundary, padding = _options.padding, flipVariations = _options.flipVariations, _options$allowedAutoP = _options.allowedAutoPlacements, allowedAutoPlacements = _options$allowedAutoP === void 0 ? placements$1 : _options$allowedAutoP;
   var variation = getVariation(placement);
-  var placements$1 = variation ? flipVariations ? variationPlacements : variationPlacements.filter(function(placement2) {
+  var placements2 = variation ? flipVariations ? variationPlacements : variationPlacements.filter(function(placement2) {
     return getVariation(placement2) === variation;
   }) : basePlacements;
-  var allowedPlacements = placements$1.filter(function(placement2) {
+  var allowedPlacements = placements2.filter(function(placement2) {
     return allowedAutoPlacements.indexOf(placement2) >= 0;
   });
   if (allowedPlacements.length === 0) {
-    allowedPlacements = placements$1;
+    allowedPlacements = placements2;
   }
   var overflows = allowedPlacements.reduce(function(acc, placement2) {
     acc[placement2] = detectOverflow(state, {
@@ -7304,8 +6567,7 @@ function flip(_ref) {
     };
     for (var _i = numberOfChecks; _i > 0; _i--) {
       var _ret = _loop(_i);
-      if (_ret === "break")
-        break;
+      if (_ret === "break") break;
     }
   }
   if (state.placement !== firstFittingPlacement) {
@@ -7395,7 +6657,7 @@ function distanceAndSkiddingToXY(placement, rects, offset2) {
 function offset(_ref2) {
   var state = _ref2.state, options = _ref2.options, name = _ref2.name;
   var _options$offset = options.offset, offset2 = _options$offset === void 0 ? [0, 0] : _options$offset;
-  var data = placements.reduce(function(acc, placement) {
+  var data = placements$1.reduce(function(acc, placement) {
     acc[placement] = distanceAndSkiddingToXY(placement, state.rects, offset2);
     return acc;
   }, {});
@@ -7992,7 +7254,7 @@ var renderProps = {
   theme: "",
   zIndex: 9999
 };
-var defaultProps = Object.assign({
+var defaultProps$1 = Object.assign({
   appendTo: TIPPY_DEFAULT_APPEND_TO,
   aria: {
     content: "auto",
@@ -8041,11 +7303,11 @@ var defaultProps = Object.assign({
   trigger: "mouseenter focus",
   triggerTarget: null
 }, pluginProps, renderProps);
-var defaultKeys = Object.keys(defaultProps);
+var defaultKeys = Object.keys(defaultProps$1);
 var setDefaultProps = function setDefaultProps2(partialProps) {
   var keys = Object.keys(partialProps);
   keys.forEach(function(key) {
-    defaultProps[key] = partialProps[key];
+    defaultProps$1[key] = partialProps[key];
   });
 };
 function getExtendedPassedProps(passedProps) {
@@ -8054,14 +7316,14 @@ function getExtendedPassedProps(passedProps) {
     var name = plugin.name, defaultValue = plugin.defaultValue;
     if (name) {
       var _name;
-      acc[name] = passedProps[name] !== void 0 ? passedProps[name] : (_name = defaultProps[name]) != null ? _name : defaultValue;
+      acc[name] = passedProps[name] !== void 0 ? passedProps[name] : (_name = defaultProps$1[name]) != null ? _name : defaultValue;
     }
     return acc;
   }, {});
   return Object.assign({}, passedProps, pluginProps2);
 }
 function getDataAttributeProps(reference2, plugins) {
-  var propKeys = plugins ? Object.keys(getExtendedPassedProps(Object.assign({}, defaultProps, {
+  var propKeys = plugins ? Object.keys(getExtendedPassedProps(Object.assign({}, defaultProps$1, {
     plugins
   }))) : defaultKeys;
   var props = propKeys.reduce(function(acc, key) {
@@ -8086,7 +7348,7 @@ function evaluateProps(reference2, props) {
   var out = Object.assign({}, props, {
     content: invokeWithArgsOrReturn(props.content, [reference2])
   }, props.ignoreAttributes ? {} : getDataAttributeProps(reference2, props.plugins));
-  out.aria = Object.assign({}, defaultProps.aria, out.aria);
+  out.aria = Object.assign({}, defaultProps$1.aria, out.aria);
   out.aria = {
     expanded: out.aria.expanded === "auto" ? props.interactive : out.aria.expanded,
     content: out.aria.content === "auto" ? props.interactive ? null : "describedby" : out.aria.content
@@ -8201,7 +7463,7 @@ var idCounter = 1;
 var mouseMoveListeners = [];
 var mountedInstances = [];
 function createTippy(reference2, passedProps) {
-  var props = evaluateProps(reference2, Object.assign({}, defaultProps, getExtendedPassedProps(removeUndefinedProps(passedProps))));
+  var props = evaluateProps(reference2, Object.assign({}, defaultProps$1, getExtendedPassedProps(removeUndefinedProps(passedProps))));
   var showTimeout;
   var hideTimeout;
   var scheduleHideAnimationFrame;
@@ -8307,7 +7569,7 @@ function createTippy(reference2, passedProps) {
     if (instance.state.isMounted && !instance.state.isVisible || currentInput.isTouch || lastTriggerEvent && lastTriggerEvent.type === "focus") {
       return 0;
     }
-    return getValueAtIndexOrReturn(instance.props.delay, isShow ? 0 : 1, defaultProps.delay);
+    return getValueAtIndexOrReturn(instance.props.delay, isShow ? 0 : 1, defaultProps$1.delay);
   }
   function handleStyles(fromHide) {
     if (fromHide === void 0) {
@@ -8771,7 +8033,7 @@ function createTippy(reference2, passedProps) {
     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);
+    var duration = getValueAtIndexOrReturn(instance.props.duration, 0, defaultProps$1.duration);
     if (isAlreadyVisible || isDestroyed || isDisabled || isTouchAndTouchDisabled) {
       return;
     }
@@ -8820,167 +8082,1184 @@ function createTippy(reference2, passedProps) {
         });
       }
     };
-    mount();
-  }
-  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");
-      }
-    }
-    handleAriaContentAttribute();
-    handleAriaExpandedAttribute();
-    if (instance.props.animation) {
-      if (getIsDefaultRenderFn()) {
-        onTransitionedOut(duration, instance.unmount);
+    mount();
+  }
+  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;
+    }
+    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");
+      }
+    }
+    handleAriaContentAttribute();
+    handleAriaExpandedAttribute();
+    if (instance.props.animation) {
+      if (getIsDefaultRenderFn()) {
+        onTransitionedOut(duration, instance.unmount);
+      }
+    } 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$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);
+    }
+  }
+});
+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;
+    }
+  } 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;
+    }
+  }
+  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_;
+  }
+};
+const random = () => `${_.random(0, 999999)}_${Date.now()}_${_.random(0, 999999)}`;
+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$9 = /* @__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: "" }
+  },
+  setup(__props) {
+    const props = __props;
+    const slots = useSlots();
+    const { rowWidth, isOverflow: isMinimize, isScrollToLeft, isScrollToRight } = inject(renderTablekey);
+    const parentTable = inject(tableColumnResizekey);
+    const columnRef = ref();
+    const currentWidth = ref(0);
+    const vBkTooltips = bkTooltips;
+    const vOverflowTips = overflowTips;
+    const columnKey = random();
+    let initWidthRate = 0;
+    let isDragedSelf = false;
+    const finalMinWidth = computed(() => props.minWidth ? props.minWidth : props.width ?? 100);
+    const isFixedRight = computed(() => props.fixed === "right");
+    const isFixedLeft = computed(() => props.fixed === "left");
+    const styles = computed(() => {
+      if (props.width && (rowWidth == null ? void 0 : rowWidth.value) && finalMinWidth.value) {
+        const newWidth = rowWidth.value * initWidthRate;
+        if (newWidth !== props.width) {
+          let width = 0;
+          if (isMinimize == null ? void 0 : isMinimize.value) {
+            if (currentWidth.value !== 0 && (currentWidth.value !== finalMinWidth.value || currentWidth.value !== props.width)) {
+              width = currentWidth.value;
+            } else {
+              width = finalMinWidth.value;
+            }
+          } else if (newWidth > finalMinWidth.value) {
+            width = newWidth;
+          } else {
+            width = finalMinWidth.value;
+          }
+          return {
+            minWidth: `${width}px`
+          };
+        }
+      }
+      return {
+        minWidth: props.width ? `${props.width}px` : "120px"
+      };
+    });
+    const RenderAppendElement = computed(() => {
+      var _a;
+      return (_a = props.renderAppend) == null ? void 0 : _a.call(props);
+    });
+    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) => {
+      return openBlock(), createElementBlock("th", {
+        ref_key: "columnRef",
+        ref: columnRef,
+        style: normalizeStyle(styles.value),
+        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,
+        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 !== void 0 ? (openBlock(), createBlock(unref(RenderAppendElement), { key: 1 })) : createCommentVNode("v-if", true)
+            ])
+          ],
+          2
+          /* CLASS */
+        )
+      ], 46, _hoisted_1$6);
+    };
+  }
+});
+const renderTablekey = Symbol("renderTable");
+const _sfc_main$8 = /* @__PURE__ */ defineComponent({
+  __name: "ediatable",
+  props: {
+    theadList: { default: () => [] }
+  },
+  setup(__props) {
+    const slots = useSlots();
+    const checkTableScroll = () => {
+      rowWidth.value = tableRef.value.clientWidth;
+      isOverflow.value = tableOuterRef.value.clientWidth < tableRef.value.clientWidth;
+      initColumnWidth();
+    };
+    const tableOuterRef = ref();
+    const tableRef = ref();
+    const tableColumnResizeRef = ref();
+    const isOverflow = ref(false);
+    const rowWidth = ref(0);
+    const isScrollToLeft = ref(true);
+    const isScrollToRight = ref(false);
+    const { initColumnWidth } = useColumnResize(tableOuterRef, tableColumnResizeRef, _.debounce(checkTableScroll));
+    provide(renderTablekey, {
+      isOverflow,
+      rowWidth,
+      isScrollToLeft,
+      isScrollToRight
+    });
+    const handleScroll = _.throttle(() => {
+      isScrollToLeft.value = tableOuterRef.value.scrollLeft === 0;
+      isScrollToRight.value = tableOuterRef.value.scrollWidth - tableOuterRef.value.scrollLeft < tableOuterRef.value.clientWidth + 1;
+    }, 200);
+    onMounted(() => {
+      window.addEventListener("resize", checkTableScroll);
+      checkTableScroll();
+      setTimeout(() => checkTableScroll());
+      tableOuterRef.value.addEventListener("scroll", handleScroll);
+    });
+    onBeforeUnmount(() => {
+      window.removeEventListener("resize", checkTableScroll);
+      tableOuterRef.value.removeEventListener("scroll", handleScroll);
+    });
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock(
+        "div",
+        {
+          id: "ediatableRenderTableKey",
+          ref_key: "tableOuterRef",
+          ref: tableOuterRef,
+          class: normalizeClass(["bk-ediatable", { "scrollbar-exists": isOverflow.value }])
+        },
+        [
+          createElementVNode(
+            "table",
+            {
+              ref_key: "tableRef",
+              ref: tableRef
+            },
+            [
+              createElementVNode("thead", null, [
+                createElementVNode("tr", null, [
+                  slots.default && _ctx.theadList.length === 0 ? renderSlot(_ctx.$slots, "default", { key: 0 }) : (openBlock(true), createElementBlock(
+                    Fragment,
+                    { key: 1 },
+                    renderList(_ctx.theadList, (head, index) => {
+                      return openBlock(), createBlock(_sfc_main$9, {
+                        key: index,
+                        width: head.width,
+                        "min-width": head.minWidth,
+                        "max-width": head.maxWidth,
+                        fixed: head.fixed,
+                        required: head.required,
+                        "render-append": head.renderAppend,
+                        memo: head.memo
+                      }, {
+                        default: withCtx(() => [
+                          createTextVNode(
+                            toDisplayString(head.title),
+                            1
+                            /* TEXT */
+                          )
+                        ]),
+                        _: 2
+                        /* DYNAMIC */
+                      }, 1032, ["width", "min-width", "max-width", "fixed", "required", "render-append", "memo"]);
+                    }),
+                    128
+                    /* KEYED_FRAGMENT */
+                  ))
+                ])
+              ]),
+              renderSlot(_ctx.$slots, "data")
+            ],
+            512
+            /* NEED_PATCH */
+          ),
+          createElementVNode(
+            "div",
+            {
+              ref_key: "tableColumnResizeRef",
+              ref: tableColumnResizeRef,
+              class: "table-column-resize"
+            },
+            null,
+            512
+            /* NEED_PATCH */
+          )
+        ],
+        2
+        /* CLASS */
+      );
+    };
+  }
+});
+const getRuleMessage = (rule) => {
+  if (typeof rule.message === "function") {
+    return rule.message();
+  }
+  return rule.message;
+};
+function useValidtor(rules) {
+  const state = reactive({
+    loading: false,
+    error: false,
+    message: ""
+  });
+  const validator = (targetValue) => {
+    state.error = false, state.message = "";
+    if (!rules) {
+      return Promise.resolve(true);
+    }
+    const run = /* @__PURE__ */ (() => {
+      let stepIndex = -1;
+      return async () => {
+        stepIndex = stepIndex + 1;
+        if (stepIndex >= rules.length) {
+          return Promise.resolve(true);
+        }
+        const rule = rules[stepIndex];
+        return Promise.resolve().then(() => {
+          const result = rule.validator(targetValue);
+          if (typeof result !== "boolean" && typeof result.then === "function") {
+            return result.then((data) => {
+              if (data === false) {
+                return Promise.reject(getRuleMessage(rule));
+              }
+            }).then(() => run(), () => {
+              state.error = true;
+              const message = getRuleMessage(rule);
+              state.message = message;
+              return Promise.reject(message);
+            });
+          }
+          if (!result) {
+            state.error = true;
+            const message = getRuleMessage(rule);
+            state.message = message;
+            return Promise.reject(message);
+          }
+          return run();
+        });
+      };
+    })();
+    return run();
+  };
+  return {
+    ...toRefs(state),
+    validator
+  };
+}
+const DbIcon = defineComponent({
+  name: "DbIcon",
+  props: {
+    type: {
+      type: String,
+      required: true
+    },
+    svg: {
+      type: Boolean,
+      default: false
+    }
+  },
+  render() {
+    if (this.svg) {
+      return h(
+        "svg",
+        {
+          class: {
+            "db-svg-icon": true
+          }
+        },
+        [
+          h("use", {
+            "xlink:href": `#db-icon-${this.type}`
+          })
+        ]
+      );
+    }
+    const classes = {
+      "ediatable-icon": true,
+      [`icon-${this.type}`]: true
+    };
+    return h("i", {
+      class: classes
+    });
+  }
+});
+const _hoisted_1$5 = {
+  key: 0,
+  class: "input-error"
+};
+const _sfc_main$7 = /* @__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 },
+    clearable: { type: Boolean, default: true }
+  }, {
+    "modelValue": {},
+    "modelModifiers": {}
+  }),
+  emits: /* @__PURE__ */ mergeModels(["change", "error"], ["update:modelValue"]),
+  setup(__props, { expose: __expose, emit: __emit }) {
+    const props = __props;
+    const emits = __emit;
+    const modelValue = useModel(__props, "modelValue");
+    const attrs = useAttrs();
+    const slots = useSlots();
+    const { message: errorMessage, validator } = useValidtor(props.rules);
+    const vBkTooltips = bkTooltips;
+    const handleChange = (value) => {
+      modelValue.value = value;
+      validator(value).then(() => {
+        emits("error", false);
+        emits("change", modelValue.value);
+      }).catch(() => emits("error", true));
+    };
+    const handleOpenChange = (open) => {
+      if (!open) {
+        validator(modelValue.value).then(() => {
+          emits("error", false);
+        }).catch(() => emits("error", true));
+      }
+    };
+    __expose({
+      getValue() {
+        return validator(modelValue.value).then(() => modelValue.value);
+      }
+    });
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock(
+        "div",
+        {
+          class: normalizeClass(["bk-ediatable-time-picker", {
+            "is-error": Boolean(unref(errorMessage)),
+            "is-disabled": _ctx.disabled
+          }])
+        },
+        [
+          createVNode(unref(DatePicker), mergeProps({
+            style: { "width": "100%" },
+            clearable: _ctx.clearable,
+            "model-value": modelValue.value,
+            placeholder: _ctx.placeholder,
+            type: _ctx.type,
+            "append-to-body": ""
+          }, 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, ["clearable", "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: 2,
+  class: "blur-dispaly-main"
+};
+const _sfc_main$6 = /* @__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 },
+    maxlength: {},
+    clearable: { type: Boolean, default: true }
+  }, {
+    "modelValue": {
+      default: ""
+    },
+    "modelModifiers": {}
+  }),
+  emits: /* @__PURE__ */ mergeModels(["submit", "error", "clear", "focus"], ["update:modelValue"]),
+  setup(__props, { expose: __expose, emit: __emit }) {
+    const props = __props;
+    const emits = __emit;
+    const modelValue = useModel(__props, "modelValue");
+    const rootRef = ref();
+    const isBlur = ref(true);
+    const isPassword = computed(() => props.type === "password");
+    let oldInputText = "";
+    const vBkTooltips = bkTooltips;
+    const { message: errorMessage, validator } = useValidtor(props.rules);
+    const handleFocus = () => {
+      isBlur.value = false;
+      emits("focus");
+    };
+    const handleChange = (value) => {
+      isBlur.value = true;
+      modelValue.value = props.type === "number" ? Number(value) : value;
+      if (props.type === "number") {
+        validator(modelValue.value).then(() => {
+          emits("error", false);
+          emits("submit", value);
+        }).catch(() => emits("error", true));
+      }
+    };
+    const handleClear = () => {
+      modelValue.value = "";
+      validator("").catch(() => emits("error", true)).finally(() => {
+        emits("clear");
+      });
+    };
+    const handleInput = (value) => {
+      isBlur.value = false;
+      modelValue.value = value;
+    };
+    const handleBlur = (event) => {
+      setTimeout(() => {
+        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("error", false);
+            emits("submit", modelValue.value);
+          }).catch(() => emits("error", true));
+          return;
+        }
+        emits("submit", modelValue.value);
+      }, 100);
+    };
+    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("error", false);
+            emits("submit", modelValue.value);
+          }
+        }).catch(() => emits("error", true));
+      }
+    };
+    __expose({
+      getValue() {
+        return validator(modelValue.value).then(() => modelValue.value);
+      },
+      focus() {
+        var _a;
+        (_a = rootRef.value.querySelector("input")) == null ? void 0 : _a.focus();
+      }
+    });
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock(
+        "div",
+        {
+          ref_key: "rootRef",
+          ref: rootRef,
+          class: normalizeClass(["bk-ediatable-input", {
+            "is-error": Boolean(unref(errorMessage)),
+            "is-disabled": _ctx.disabled,
+            "is-password": isPassword.value
+          }])
+        },
+        [
+          createVNode(unref(Input), mergeProps({
+            class: "input-box",
+            clearable: false,
+            disabled: _ctx.disabled,
+            max: _ctx.max,
+            maxlength: _ctx.maxlength,
+            min: _ctx.min,
+            "model-value": modelValue.value,
+            placeholder: _ctx.placeholder,
+            type: _ctx.type
+          }, _ctx.$attrs, {
+            precision: _ctx.precision,
+            onBlur: handleBlur,
+            onChange: handleChange,
+            onFocus: handleFocus,
+            onInput: handleInput,
+            onKeydown: handleKeydown
+          }), null, 16, ["disabled", "max", "maxlength", "min", "model-value", "placeholder", "type", "precision"]),
+          _ctx.clearable && modelValue.value && _ctx.type !== "number" ? (openBlock(), createBlock(unref(DbIcon), {
+            key: 0,
+            class: "clear-icon",
+            type: "close-circle-shape",
+            onClick: handleClear
+          })) : createCommentVNode("v-if", true),
+          unref(errorMessage) ? withDirectives((openBlock(), createBlock(
+            unref(DbIcon),
+            {
+              key: 1,
+              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$5 = /* @__PURE__ */ defineComponent({
+  __name: "fixed-column",
+  props: {
+    fixed: { default: "right" }
+  },
+  setup(__props) {
+    const props = __props;
+    const { isOverflow: isFixed, isScrollToLeft, isScrollToRight } = inject(renderTablekey);
+    const isFixedRight = computed(() => (isFixed == null ? void 0 : isFixed.value) && props.fixed === "right" && !isScrollToRight.value);
+    const isFixedLeft = computed(() => (isFixed == null ? void 0 : isFixed.value) && props.fixed === "left" && !isScrollToLeft.value);
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock(
+        "td",
+        {
+          class: normalizeClass({
+            "bk-ediatable-right-fixed-column": isFixedRight.value,
+            "bk-ediatable-left-fixed-column": isFixedLeft.value
+          })
+        },
+        [
+          renderSlot(_ctx.$slots, "default")
+        ],
+        2
+        /* CLASS */
+      );
+    };
+  }
+});
+const _hoisted_1$3 = { class: "bk-ediatable-operation" };
+const _sfc_main$4 = /* @__PURE__ */ defineComponent({
+  __name: "operation-column",
+  props: {
+    removeable: { type: Boolean, default: true },
+    showCopy: { type: Boolean, default: false },
+    showAdd: { type: Boolean, default: true },
+    showRemove: { type: Boolean, default: true }
+  },
+  emits: ["add", "copy", "remove"],
+  setup(__props, { emit: __emit }) {
+    const props = __props;
+    const emits = __emit;
+    const handleCopy = () => {
+      emits("copy");
+    };
+    const handleAppend = () => {
+      emits("add");
+    };
+    const handleRemove = () => {
+      if (!props.removeable) {
+        return;
+      }
+      emits("remove");
+    };
+    return (_ctx, _cache) => {
+      return openBlock(), createBlock(_sfc_main$5, 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$3 = /* @__PURE__ */ defineComponent({
+  __name: "select-column",
+  props: /* @__PURE__ */ mergeModels({
+    list: { default: () => [] },
+    placeholder: { default: "请选择" },
+    rules: { default: () => [] },
+    disabled: { type: Boolean, default: false },
+    multiple: { type: Boolean, default: false },
+    multipleMode: { default: void 0 },
+    showSelectAll: { type: Boolean, default: false },
+    clearable: { type: Boolean, default: true },
+    displayKey: { default: "label" },
+    idKey: { default: "value" }
+  }, {
+    "modelValue": { type: [Boolean, Number, String, Array] },
+    "modelModifiers": {}
+  }),
+  emits: /* @__PURE__ */ mergeModels(["change", "error"], ["update:modelValue"]),
+  setup(__props, { expose: __expose, emit: __emit }) {
+    const { Option } = Select;
+    const slots = useSlots();
+    const props = __props;
+    const emits = __emit;
+    const modelValue = useModel(__props, "modelValue");
+    const rootRef = ref();
+    const localValue = ref("");
+    const rootHeight = ref(42);
+    const isOverflowVisible = computed(() => props.multipleMode === "tag");
+    const { message: errorMessage, validator } = useValidtor(props.rules);
+    const vBkTooltips = bkTooltips;
+    watch(
+      modelValue,
+      (value) => {
+        if (value === void 0) {
+          return;
+        }
+        localValue.value = value;
+        if (typeof value !== "object" && value) {
+          validator(value).then(() => {
+            emits("error", false);
+          }).catch(() => emits("error", true));
+          return;
+        }
+        if (Array.isArray(value) && value.length > 0) {
+          validator(value).then(() => {
+            emits("error", false);
+          }).catch(() => emits("error", true));
+          return;
+        }
+      },
+      {
+        immediate: true
+      }
+    );
+    const handleSelect = (value) => {
+      localValue.value = value;
+      validator(localValue.value).then(() => {
+        modelValue.value = value;
+        emits("error", false);
+        emits("change", localValue.value);
+      }).catch(() => emits("error", true));
+    };
+    const handleRemove = () => {
+      localValue.value = Array.isArray(localValue.value) ? [] : "";
+      validator(localValue.value).then(() => {
+        modelValue.value = localValue.value;
+        emits("error", false);
+        emits("change", localValue.value);
+      }).catch(() => emits("error", true));
+    };
+    const checkRootHeight = () => {
+      rootHeight.value = rootRef.value.parentNode.clientHeight;
+    };
+    useResizeObserver(rootRef, _.throttle(checkRootHeight, 500));
+    __expose({
+      getValue() {
+        return validator(localValue.value).then(() => localValue.value);
       }
-    } else {
-      instance.unmount();
-    }
-  }
-  function hideWithInteractivity(event) {
-    getDocument().addEventListener("mousemove", debouncedOnMouseMove);
-    pushIfUnique(mouseMoveListeners, debouncedOnMouseMove);
-    debouncedOnMouseMove(event);
-  }
-  function unmount() {
-    if (instance.state.isVisible) {
-      instance.hide();
-    }
-    if (!instance.state.isMounted) {
-      return;
-    }
-    destroyPopperInstance();
-    getNestedPopperTree().forEach(function(nestedPopper) {
-      nestedPopper._tippy.unmount();
-    });
-    if (popper2.parentNode) {
-      popper2.parentNode.removeChild(popper2);
-    }
-    mountedInstances = mountedInstances.filter(function(i) {
-      return i !== instance;
     });
-    instance.state.isMounted = false;
-    invokeHook("onHidden", [instance]);
-  }
-  function destroy() {
-    if (instance.state.isDestroyed) {
-      return;
-    }
-    instance.clearDelayTimeouts();
-    instance.unmount();
-    removeListeners();
-    delete reference2._tippy;
-    instance.state.isDestroyed = true;
-    invokeHook("onDestroy", [instance]);
-  }
-}
-function tippy(targets, optionalProps) {
-  if (optionalProps === void 0) {
-    optionalProps = {};
-  }
-  var plugins = defaultProps.plugins.concat(optionalProps.plugins || []);
-  bindGlobalEventListeners();
-  var passedProps = Object.assign({}, optionalProps, {
-    plugins
-  });
-  var elements = getArrayOfElements(targets);
-  var instances = elements.reduce(function(acc, reference2) {
-    var instance = reference2 && createTippy(reference2, passedProps);
-    if (instance) {
-      acc.push(instance);
-    }
-    return acc;
-  }, []);
-  return isElement(targets) ? instances[0] : instances;
-}
-tippy.defaultProps = defaultProps;
-tippy.setDefaultProps = setDefaultProps;
-tippy.currentInput = currentInput;
-Object.assign({}, applyStyles$1, {
-  effect: function effect2(_ref) {
-    var state = _ref.state;
-    var initialStyles = {
-      popper: {
-        position: state.options.strategy,
-        left: "0",
-        top: "0",
-        margin: "0"
-      },
-      arrow: {
-        position: "absolute"
-      },
-      reference: {}
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock(
+        "div",
+        {
+          ref_key: "rootRef",
+          ref: rootRef,
+          style: normalizeStyle({ height: rootHeight.value + "px" }),
+          class: normalizeClass(["bk-ediatable-select", {
+            "is-error": Boolean(unref(errorMessage)),
+            "is-disable": _ctx.disabled,
+            "is-overflow-visible": isOverflowVisible.value
+          }])
+        },
+        [
+          createVNode(unref(Select), mergeProps({
+            class: "select-box",
+            clearable: _ctx.clearable,
+            disabled: _ctx.disabled,
+            "display-key": _ctx.displayKey,
+            "id-key": _ctx.idKey,
+            "input-search": false,
+            list: slots.optionRender ? _ctx.list : [],
+            "model-value": localValue.value,
+            multiple: _ctx.multiple,
+            "multiple-mode": _ctx.multipleMode,
+            placeholder: _ctx.placeholder,
+            "show-select-all": _ctx.showSelectAll,
+            "auto-focus": "",
+            filterable: ""
+          }, _ctx.$attrs, {
+            onChange: handleSelect,
+            onClear: handleRemove
+          }), createSlots({
+            default: withCtx(() => [
+              !slots.optionRender ? (openBlock(true), createElementBlock(
+                Fragment,
+                { key: 0 },
+                renderList(_ctx.list, (item, index) => {
+                  return openBlock(), createBlock(unref(Option), {
+                    disabled: item.disabled,
+                    key: index,
+                    label: item[_ctx.displayKey],
+                    value: item[_ctx.idKey]
+                  }, null, 8, ["disabled", "label", "value"]);
+                }),
+                128
+                /* KEYED_FRAGMENT */
+              )) : createCommentVNode("v-if", true)
+            ]),
+            _: 2
+            /* DYNAMIC */
+          }, [
+            slots.optionRender ? {
+              name: "optionRender",
+              fn: withCtx(({ item }) => [
+                renderSlot(_ctx.$slots, "optionRender", { item })
+              ]),
+              key: "0"
+            } : void 0
+          ]), 1040, ["clearable", "disabled", "display-key", "id-key", "list", "model-value", "multiple", "multiple-mode", "placeholder", "show-select-all"]),
+          unref(errorMessage) ? (openBlock(), createElementBlock("div", _hoisted_1$2, [
+            withDirectives(createVNode(
+              unref(DbIcon),
+              { type: "exclamation-fill" },
+              null,
+              512
+              /* NEED_PATCH */
+            ), [
+              [unref(vBkTooltips), unref(errorMessage)]
+            ])
+          ])) : createCommentVNode("v-if", true)
+        ],
+        6
+        /* CLASS, STYLE */
+      );
     };
-    Object.assign(state.elements.popper.style, initialStyles.popper);
-    state.styles = initialStyles;
-    if (state.elements.arrow) {
-      Object.assign(state.elements.arrow.style, initialStyles.arrow);
-    }
   }
 });
-tippy.setDefaultProps({
-  render
-});
 const _hoisted_1$1 = {
   key: 0,
   class: "input-error"
 };
-const _hoisted_2$1 = {
-  key: 0,
-  style: { "display": "none" }
-};
-const _sfc_main$1 = /* @__PURE__ */ defineComponent({
-  __name: "tag-input",
+const _hoisted_2$1 = { style: { "display": "none" } };
+const _sfc_main$2 = /* @__PURE__ */ defineComponent({
+  __name: "tag-input-column",
   props: /* @__PURE__ */ mergeModels({
     placeholder: { default: "" },
     single: { type: Boolean, default: false },
     rules: { default: void 0 },
-    showTip: { type: Boolean, default: false }
+    clearable: { type: Boolean, default: true }
   }, {
     "modelValue": {},
     "modelModifiers": {}
   }),
-  emits: /* @__PURE__ */ mergeModels(["change"], ["update:modelValue"]),
+  emits: /* @__PURE__ */ mergeModels(["change", "error"], ["update:modelValue"]),
   setup(__props, { expose: __expose, emit: __emit }) {
     const props = __props;
     const emits = __emit;
     const modelValue = useModel(__props, "modelValue");
+    const slots = useSlots();
     const rootRef = ref();
     const popRef = ref();
     const isFocus = ref(false);
     let tippyIns;
+    const vBkTooltips = bkTooltips;
     const { message: errorMessage, validator } = useValidtor(props.rules);
     const tagInputPasteFn = (value) => value.split("\n").map((item) => ({ id: item }));
     const handleChange = (value) => {
       modelValue.value = value;
       nextTick(() => {
         validator(modelValue.value).then(() => {
+          emits("error", false);
           emits("change", value);
-        });
+        }).catch(() => emits("error", true));
       });
     };
     const handleShowTips = () => {
@@ -8993,25 +9272,24 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
       isFocus.value = false;
     };
     onMounted(() => {
-      if (!props.showTip) {
-        return;
+      if (slots.tip) {
+        tippyIns = tippy(rootRef.value, {
+          content: popRef.value,
+          placement: "top",
+          appendTo: () => document.body,
+          theme: "light",
+          maxWidth: "none",
+          trigger: "manual",
+          interactive: true,
+          arrow: true,
+          offset: [0, 18],
+          zIndex: 9998,
+          hideOnClick: true
+        });
       }
-      tippyIns = tippy(rootRef.value, {
-        content: popRef.value,
-        placement: "top",
-        appendTo: () => document.body,
-        theme: "light",
-        maxWidth: "none",
-        trigger: "manual",
-        interactive: true,
-        arrow: true,
-        offset: [0, 18],
-        zIndex: 9998,
-        hideOnClick: true
-      });
     });
     onBeforeUnmount(() => {
-      if (tippyIns) {
+      if (slots.tip && tippyIns) {
         tippyIns.hide();
         tippyIns.unmount();
         tippyIns.destroy();
@@ -9024,7 +9302,6 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
       }
     });
     return (_ctx, _cache) => {
-      const _directive_bk_tooltips = resolveDirective("bk-tooltips");
       return openBlock(), createElementBlock(
         "div",
         {
@@ -9040,11 +9317,10 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
                 class: normalizeClass(["bk-ediatable-tag-input", { ["is-error"]: Boolean(unref(errorMessage)) }])
               },
               [
-                createVNode(unref(TagInput), {
-                  "model-value": modelValue.value,
+                createVNode(unref(TagInput), mergeProps({ "model-value": modelValue.value }, _ctx.$attrs, {
                   "allow-auto-match": "",
                   "allow-create": "",
-                  clearable: false,
+                  clearable: _ctx.clearable,
                   "collapse-tags": "",
                   "has-delete-icon": "",
                   "max-data": _ctx.single ? 1 : -1,
@@ -9053,7 +9329,7 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
                   onBlur: handleBlur,
                   onChange: handleChange,
                   onFocus: handleFocus
-                }, null, 8, ["model-value", "max-data", "placeholder"]),
+                }), null, 16, ["model-value", "clearable", "max-data", "placeholder"]),
                 unref(errorMessage) ? (openBlock(), createElementBlock("div", _hoisted_1$1, [
                   withDirectives(createVNode(
                     unref(DbIcon),
@@ -9062,7 +9338,7 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
                     512
                     /* NEED_PATCH */
                   ), [
-                    [_directive_bk_tooltips, unref(errorMessage)]
+                    [unref(vBkTooltips), unref(errorMessage)]
                   ])
                 ])) : createCommentVNode("v-if", true)
               ],
@@ -9070,7 +9346,7 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
               /* CLASS */
             )
           ]),
-          _ctx.showTip ? (openBlock(), createElementBlock("div", _hoisted_2$1, [
+          createElementVNode("div", _hoisted_2$1, [
             createElementVNode(
               "div",
               {
@@ -9083,7 +9359,7 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
               512
               /* NEED_PATCH */
             )
-          ])) : createCommentVNode("v-if", true)
+          ])
         ],
         2
         /* CLASS */
@@ -9093,17 +9369,17 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
 });
 function useIsWidthOverflow(domRef, watchVariable) {
   const isOverflow = ref(false);
-  const checkOverflow = () => {
+  const checkOverflow2 = () => {
     if (domRef.value) {
       isOverflow.value = domRef.value.clientWidth < domRef.value.scrollWidth;
     }
   };
-  useResizeObserver(domRef, checkOverflow);
+  useResizeObserver(domRef, checkOverflow2);
   watch(
     watchVariable,
     () => {
       setTimeout(() => {
-        checkOverflow();
+        checkOverflow2();
       });
     },
     {
@@ -9121,8 +9397,8 @@ const _hoisted_3 = {
   key: 2,
   class: "input-error"
 };
-const _sfc_main = /* @__PURE__ */ defineComponent({
-  __name: "text-plain",
+const _sfc_main$1 = /* @__PURE__ */ defineComponent({
+  __name: "text-plain-column",
   props: {
     data: {},
     isLoading: { type: Boolean },
@@ -9133,6 +9409,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     const props = __props;
     const textRef = ref();
     const renderData = computed(() => props.data);
+    const vBkTooltips = bkTooltips;
     const { isOverflow } = useIsWidthOverflow(textRef, renderData);
     const { message: errorMessage, validator } = useValidtor(props.rules);
     __expose({
@@ -9141,7 +9418,6 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       }
     });
     return (_ctx, _cache) => {
-      const _directive_bk_tooltips = resolveDirective("bk-tooltips");
       return openBlock(), createBlock(unref(Loading), { loading: _ctx.isLoading }, {
         default: withCtx(() => [
           withDirectives((openBlock(), createElementBlock(
@@ -9176,7 +9452,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")
@@ -9184,7 +9460,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
             2
             /* CLASS */
           )), [
-            [_directive_bk_tooltips, {
+            [unref(vBkTooltips), {
               content: _ctx.data || _ctx.placeholder,
               disabled: !unref(isOverflow)
             }]
@@ -9196,15 +9472,80 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     };
   }
 });
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "checkbox-column",
+  props: /* @__PURE__ */ mergeModels({
+    rules: { default: void 0 },
+    disabled: { type: Boolean, default: false }
+  }, {
+    "modelValue": { type: Boolean, ...{
+      default: false
+    } },
+    "modelModifiers": {}
+  }),
+  emits: /* @__PURE__ */ mergeModels(["submit", "change", "error"], ["update:modelValue"]),
+  setup(__props, { expose: __expose, emit: __emit }) {
+    const props = __props;
+    const emits = __emit;
+    const modelValue = useModel(__props, "modelValue");
+    const vBkTooltips = bkTooltips;
+    const { message: errorMessage, validator } = useValidtor(props.rules);
+    const handleChange = (value) => {
+      modelValue.value = value;
+      emits("change", modelValue.value);
+      validator(modelValue.value).then(() => {
+        emits("error", false);
+        emits("submit", value);
+      }).catch(() => emits("error", true));
+    };
+    __expose({
+      getValue() {
+        return validator(modelValue.value).then(() => modelValue.value);
+      }
+    });
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock(
+        "div",
+        {
+          class: normalizeClass(["bk-ediatable-checkbox", {
+            "is-error": Boolean(unref(errorMessage))
+          }])
+        },
+        [
+          createVNode(unref(Checkbox), mergeProps({
+            "model-value": modelValue.value,
+            disabled: _ctx.disabled
+          }, _ctx.$attrs, { onChange: handleChange }), null, 16, ["model-value", "disabled"]),
+          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)
+        ],
+        2
+        /* CLASS */
+      );
+    };
+  }
+});
 export {
+  _sfc_main as CheckboxColumn,
   _sfc_main$7 as DateTimePickerColumn,
   _sfc_main$8 as Ediatable,
   _sfc_main$5 as FixedColumn,
-  _sfc_main$4 as HeadColumn,
+  _sfc_main$9 as HeadColumn,
   _sfc_main$6 as InputColumn,
-  _sfc_main$3 as OperationColumn,
-  _sfc_main$2 as SelectColumn,
-  _sfc_main$1 as TagInputColumn,
-  _sfc_main as TextPlainColumn,
+  _sfc_main$4 as OperationColumn,
+  _sfc_main$3 as SelectColumn,
+  _sfc_main$2 as TagInputColumn,
+  _sfc_main$1 as TextPlainColumn,
   _sfc_main$8 as default
 };