@blueking/ediatable 0.0.1-beta.4 → 0.0.1-beta.6

package/vue3/index.umd.min.js

@@ -40,6 +40,44 @@ url("data:application/vnd.ms-fontobject;base64,9AgAAEwIAAABAAIAAAAAAAIABQMAAAAAA
 .icon-plus-fill:before {
 	content: "\\e102";
 }
+.bk-ediatable-head-column.is-required {
+  position: relative;
+}
+.bk-ediatable-head-column.is-required::after {
+  position: absolute;
+  top: 0;
+  margin-left: 4px;
+  font-size: 12px;
+  line-height: 40px;
+  color: #ea3636;
+  content: '*';
+}
+.bk-ediatable-head-column.is-right-fixed {
+  position: sticky;
+  right: 1px;
+}
+.bk-ediatable-head-column.is-right-fixed::before {
+  position: absolute;
+  top: 0;
+  left: -10px;
+  width: 10px;
+  height: 100%;
+  background: linear-gradient(to left, rgba(0, 0, 0, 0.12), transparent);
+  content: '';
+}
+.bk-ediatable-head-column.is-left-fixed {
+  position: sticky;
+  left: 1px;
+}
+.bk-ediatable-head-column.is-left-fixed::before {
+  position: absolute;
+  top: 0;
+  right: -10px;
+  width: 10px;
+  height: 100%;
+  background: linear-gradient(to right, rgba(0, 0, 0, 0.12), transparent);
+  content: '';
+}
 .tippy-box[data-animation=fade][data-state=hidden]{opacity:0}[data-tippy-root]{max-width:calc(100vw - 10px)}.tippy-box{position:relative;background-color:#333;color:#fff;border-radius:4px;font-size:14px;line-height:1.4;white-space:normal;outline:0;transition-property:transform,visibility,opacity}.tippy-box[data-placement^=top]>.tippy-arrow{bottom:0}.tippy-box[data-placement^=top]>.tippy-arrow:before{bottom:-7px;left:0;border-width:8px 8px 0;border-top-color:initial;transform-origin:center top}.tippy-box[data-placement^=bottom]>.tippy-arrow{top:0}.tippy-box[data-placement^=bottom]>.tippy-arrow:before{top:-7px;left:0;border-width:0 8px 8px;border-bottom-color:initial;transform-origin:center bottom}.tippy-box[data-placement^=left]>.tippy-arrow{right:0}.tippy-box[data-placement^=left]>.tippy-arrow:before{border-width:8px 0 8px 8px;border-left-color:initial;right:-7px;transform-origin:center left}.tippy-box[data-placement^=right]>.tippy-arrow{left:0}.tippy-box[data-placement^=right]>.tippy-arrow:before{left:-7px;border-width:8px 8px 8px 0;border-right-color:initial;transform-origin:center right}.tippy-box[data-inertia][data-state=visible]{transition-timing-function:cubic-bezier(.54,1.5,.38,1.11)}.tippy-arrow{width:16px;height:16px;color:#333}.tippy-arrow:before{content:"";position:absolute;border-color:transparent;border-style:solid}.tippy-content{position:relative;padding:5px 9px;z-index:1}.tippy-box[data-theme~=light]{color:#26323d;box-shadow:0 0 20px 4px rgba(154,161,177,.15),0 4px 80px -8px rgba(36,40,47,.25),0 4px 4px -2px rgba(91,94,105,.15);background-color:#fff}.tippy-box[data-theme~=light][data-placement^=top]>.tippy-arrow:before{border-top-color:#fff}.tippy-box[data-theme~=light][data-placement^=bottom]>.tippy-arrow:before{border-bottom-color:#fff}.tippy-box[data-theme~=light][data-placement^=left]>.tippy-arrow:before{border-left-color:#fff}.tippy-box[data-theme~=light][data-placement^=right]>.tippy-arrow:before{border-right-color:#fff}.tippy-box[data-theme~=light]>.tippy-backdrop{background-color:#fff}.tippy-box[data-theme~=light]>.tippy-svg-arrow{fill:#fff}.bk-ediatable {
   position: relative;
   width: 100%;
@@ -253,44 +291,6 @@ url("data:application/vnd.ms-fontobject;base64,9AgAAEwIAAABAAIAAAAAAAIABQMAAAAAA
   background: linear-gradient(to right, rgba(0, 0, 0, 0.12), transparent);
   content: '';
 }
-.bk-ediatable-head-column.is-required {
-  position: relative;
-}
-.bk-ediatable-head-column.is-required::after {
-  position: absolute;
-  top: 0;
-  margin-left: 4px;
-  font-size: 12px;
-  line-height: 40px;
-  color: #ea3636;
-  content: '*';
-}
-.bk-ediatable-head-column.is-right-fixed {
-  position: sticky;
-  right: 1px;
-}
-.bk-ediatable-head-column.is-right-fixed::before {
-  position: absolute;
-  top: 0;
-  left: -10px;
-  width: 10px;
-  height: 100%;
-  background: linear-gradient(to left, rgba(0, 0, 0, 0.12), transparent);
-  content: '';
-}
-.bk-ediatable-head-column.is-left-fixed {
-  position: sticky;
-  left: 1px;
-}
-.bk-ediatable-head-column.is-left-fixed::before {
-  position: absolute;
-  top: 0;
-  right: -10px;
-  width: 10px;
-  height: 100%;
-  background: linear-gradient(to right, rgba(0, 0, 0, 0.12), transparent);
-  content: '';
-}
 .bk-ediatable-operation {
   display: flex;
   height: 42px;
@@ -6090,11 +6090,208 @@ url("data:application/vnd.ms-fontobject;base64,9AgAAEwIAAABAAIAAAAAAAIABQMAAAAAA
       handleMouseMove
     };
   }
-  const _hoisted_1$7 = { style: { "position": "relative" } };
-  const renderTablekey = Symbol("renderTable");
+  const random = () => `${_.random(0, 999999)}_${Date.now()}_${_.random(0, 999999)}`;
+  const encodeMult = (text) => {
+    const temp = document.createElement("textarea");
+    temp.value = text;
+    return temp.value;
+  };
+  function tryOnScopeDispose(fn) {
+    if (vue.getCurrentScope()) {
+      vue.onScopeDispose(fn);
+      return true;
+    }
+    return false;
+  }
+  function toValue(r) {
+    return typeof r === "function" ? r() : vue.unref(r);
+  }
+  const isClient = typeof window !== "undefined" && typeof document !== "undefined";
+  typeof WorkerGlobalScope !== "undefined" && globalThis instanceof WorkerGlobalScope;
+  function unrefElement(elRef) {
+    var _a;
+    const plain = toValue(elRef);
+    return (_a = plain == null ? void 0 : plain.$el) != null ? _a : plain;
+  }
+  const defaultWindow = isClient ? window : void 0;
+  function useMounted() {
+    const isMounted = vue.ref(false);
+    const instance = vue.getCurrentInstance();
+    if (instance) {
+      vue.onMounted(() => {
+        isMounted.value = true;
+      }, instance);
+    }
+    return isMounted;
+  }
+  function useSupported(callback) {
+    const isMounted = useMounted();
+    return vue.computed(() => {
+      isMounted.value;
+      return Boolean(callback());
+    });
+  }
+  function useResizeObserver(target, callback, options = {}) {
+    const { window: window2 = defaultWindow, ...observerOptions } = options;
+    let observer;
+    const isSupported = useSupported(() => window2 && "ResizeObserver" in window2);
+    const cleanup = () => {
+      if (observer) {
+        observer.disconnect();
+        observer = void 0;
+      }
+    };
+    const targets = vue.computed(() => Array.isArray(target) ? target.map((el) => unrefElement(el)) : [unrefElement(target)]);
+    const stopWatch = vue.watch(
+      targets,
+      (els) => {
+        cleanup();
+        if (isSupported.value && window2) {
+          observer = new ResizeObserver(callback);
+          for (const _el of els)
+            _el && observer.observe(_el, observerOptions);
+        }
+      },
+      { immediate: true, flush: "post" }
+    );
+    const stop = () => {
+      cleanup();
+      stopWatch();
+    };
+    tryOnScopeDispose(stop);
+    return {
+      isSupported,
+      stop
+    };
+  }
+  const _hoisted_1$6 = ["data-fixed", "data-maxWidth", "data-minWidth", "data-width"];
+  const _hoisted_2$2 = { class: "th-cell" };
+  const _hoisted_3$1 = { style: { "display": "inline-block", "line-height": "40px", "vertical-align": "top" } };
   const _sfc_main$8 = /* @__PURE__ */ vue.defineComponent({
+    __name: "head-column",
+    props: {
+      fixed: { default: void 0 },
+      maxWidth: { default: void 0 },
+      minWidth: { default: void 0 },
+      required: { type: Boolean, default: true },
+      width: { default: void 0 },
+      renderAppend: { type: Function, default: void 0 }
+    },
+    setup(__props) {
+      const props = __props;
+      const slots = vue.useSlots();
+      const { rowWidth, isOverflow: isMinimize } = vue.inject(renderTablekey);
+      const parentTable = vue.inject(tableColumnResizekey);
+      const columnRef = vue.ref();
+      const currentWidth = vue.ref(0);
+      const columnKey = random();
+      let initWidthRate = 0;
+      let isDragedSelf = false;
+      const finalMinWidth = vue.computed(() => props.minWidth ? props.minWidth : props.width ?? 100);
+      const isFixedRight = vue.computed(() => props.fixed === "right");
+      const isFixedLeft = vue.computed(() => props.fixed === "left");
+      const styles = vue.computed(() => {
+        if (props.width && (rowWidth == null ? void 0 : rowWidth.value) && finalMinWidth.value) {
+          const newWidth = rowWidth.value * initWidthRate;
+          if (newWidth !== props.width) {
+            let width = 0;
+            if (isMinimize == null ? void 0 : isMinimize.value) {
+              if (currentWidth.value !== 0 && (currentWidth.value !== finalMinWidth.value || currentWidth.value !== props.width)) {
+                width = currentWidth.value;
+              } else {
+                width = finalMinWidth.value;
+              }
+            } else if (newWidth > finalMinWidth.value) {
+              width = newWidth;
+            } else {
+              width = finalMinWidth.value;
+            }
+            return {
+              minWidth: `${width}px`
+            };
+          }
+        }
+        return {
+          minWidth: props.width ? `${props.width}px` : "120px"
+        };
+      });
+      const RenderAppendElement = vue.computed(() => props.renderAppend && props.renderAppend());
+      vue.watch(
+        () => [props.width, rowWidth == null ? void 0 : rowWidth.value, currentWidth.value],
+        ([width, rowWidth2, currentWidth2]) => {
+          if (!isDragedSelf) {
+            return;
+          }
+          if (width && rowWidth2 && currentWidth2 && finalMinWidth.value) {
+            isDragedSelf = false;
+            if (currentWidth2 !== 0 && (currentWidth2 !== finalMinWidth.value || currentWidth2 !== width)) {
+              initWidthRate = currentWidth2 / rowWidth2;
+            } else {
+              initWidthRate = (isMinimize == null ? void 0 : isMinimize.value) ? finalMinWidth.value / rowWidth2 : width / rowWidth2;
+            }
+          }
+        },
+        {
+          immediate: true
+        }
+      );
+      useResizeObserver(columnRef, () => {
+        if (!isDragedSelf) {
+          return;
+        }
+        const width = parseFloat(columnRef.value.style.width);
+        currentWidth.value = width;
+      });
+      const handleMouseDown = (event) => {
+        isDragedSelf = true;
+        parentTable == null ? void 0 : parentTable.columnMousedown(event, {
+          columnKey,
+          minWidth: finalMinWidth.value
+        });
+      };
+      const handleMouseMove = (event) => {
+        parentTable == null ? void 0 : parentTable.columnMouseMove(event);
+      };
+      return (_ctx, _cache) => {
+        const _directive_overflow_tips = vue.resolveDirective("overflow-tips");
+        return vue.openBlock(), vue.createElementBlock("th", {
+          ref_key: "columnRef",
+          ref: columnRef,
+          class: vue.normalizeClass(["bk-ediatable-head-column", {
+            "is-required": _ctx.required,
+            [`column-${vue.unref(columnKey)}`]: true,
+            "is-right-fixed": vue.unref(isMinimize) && isFixedRight.value,
+            "is-left-fixed": vue.unref(isMinimize) && isFixedLeft.value
+          }]),
+          "data-fixed": _ctx.fixed,
+          "data-maxWidth": _ctx.maxWidth,
+          "data-minWidth": finalMinWidth.value,
+          "data-width": _ctx.width,
+          style: vue.normalizeStyle(styles.value),
+          onMousedown: handleMouseDown,
+          onMousemove: handleMouseMove
+        }, [
+          vue.withDirectives((vue.openBlock(), vue.createElementBlock("div", _hoisted_2$2, [
+            vue.renderSlot(_ctx.$slots, "default")
+          ])), [
+            [_directive_overflow_tips]
+          ]),
+          vue.createElementVNode("div", _hoisted_3$1, [
+            vue.unref(slots).append && !_ctx.renderAppend ? vue.renderSlot(_ctx.$slots, "append", { key: 0 }) : vue.createCommentVNode("v-if", true),
+            _ctx.renderAppend ? (vue.openBlock(), vue.createBlock(vue.unref(RenderAppendElement), { key: 1 })) : vue.createCommentVNode("v-if", true)
+          ])
+        ], 46, _hoisted_1$6);
+      };
+    }
+  });
+  const renderTablekey = Symbol("renderTable");
+  const _sfc_main$7 = /* @__PURE__ */ vue.defineComponent({
     __name: "ediatable",
+    props: {
+      theadList: { default: () => [] }
+    },
     setup(__props) {
+      const slots = vue.useSlots();
       const checkTableScroll = () => {
         rowWidth.value = tableRef.value.clientWidth;
         isOverflow.value = tableOuterRef.value.clientWidth < tableRef.value.clientWidth;
@@ -6134,8 +6331,34 @@ url("data:application/vnd.ms-fontobject;base64,9AgAAEwIAAABAAIAAAAAAAIABQMAAAAAA
               },
               [
                 vue.createElementVNode("thead", null, [
-                  vue.createElementVNode("tr", _hoisted_1$7, [
-                    vue.renderSlot(_ctx.$slots, "default")
+                  vue.createElementVNode("tr", null, [
+                    vue.unref(slots).default && _ctx.theadList.length === 0 ? vue.renderSlot(_ctx.$slots, "default", { key: 0 }) : (vue.openBlock(true), vue.createElementBlock(
+                      vue.Fragment,
+                      { key: 1 },
+                      vue.renderList(_ctx.theadList, (head, index) => {
+                        return vue.openBlock(), vue.createBlock(_sfc_main$8, {
+                          key: index,
+                          width: head.width,
+                          "min-width": head.minWidth,
+                          "max-width": head.maxWidth,
+                          fixed: head.fixed,
+                          required: head.required,
+                          "render-append": head.renderAppend
+                        }, {
+                          default: vue.withCtx(() => [
+                            vue.createTextVNode(
+                              vue.toDisplayString(head.title),
+                              1
+                              /* TEXT */
+                            )
+                          ]),
+                          _: 2
+                          /* DYNAMIC */
+                        }, 1032, ["width", "min-width", "max-width", "fixed", "required", "render-append"]);
+                      }),
+                      128
+                      /* KEYED_FRAGMENT */
+                    ))
                   ])
                 ]),
                 vue.createElementVNode("tbody", null, [
@@ -6256,12 +6479,12 @@ url("data:application/vnd.ms-fontobject;base64,9AgAAEwIAAABAAIAAAAAAAIABQMAAAAAA
       });
     }
   });
-  const _hoisted_1$6 = {
+  const _hoisted_1$5 = {
     key: 0,
     class: "input-error"
   };
-  const _sfc_main$7 = /* @__PURE__ */ vue.defineComponent({
-    __name: "date-time-picker",
+  const _sfc_main$6 = /* @__PURE__ */ vue.defineComponent({
+    __name: "date-time-picker-column",
     props: /* @__PURE__ */ vue.mergeModels({
       placeholder: { default: "" },
       rules: { default: void 0 },
@@ -6328,7 +6551,7 @@ url("data:application/vnd.ms-fontobject;base64,9AgAAEwIAAABAAIAAAAAAAIABQMAAAAAA
                 key: "0"
               } : void 0
             ]), 1040, ["model-value", "placeholder", "type"]),
-            vue.unref(errorMessage) ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_1$6, [
+            vue.unref(errorMessage) ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_1$5, [
               vue.withDirectives(vue.createVNode(
                 vue.unref(DbIcon),
                 { type: "exclamation-fill" },
@@ -6346,18 +6569,12 @@ url("data:application/vnd.ms-fontobject;base64,9AgAAEwIAAABAAIAAAAAAAIABQMAAAAAA
       };
     }
   });
-  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 = {
+  const _hoisted_1$4 = {
     key: 1,
     class: "blur-dispaly-main"
   };
-  const _sfc_main$6 = /* @__PURE__ */ vue.defineComponent({
-    __name: "input",
+  const _sfc_main$5 = /* @__PURE__ */ vue.defineComponent({
+    __name: "input-column",
     props: /* @__PURE__ */ vue.mergeModels({
       placeholder: { default: "请输入" },
       rules: { default: void 0 },
@@ -6492,7 +6709,7 @@ url("data:application/vnd.ms-fontobject;base64,9AgAAEwIAAABAAIAAAAAAAIABQMAAAAAA
             )), [
               [_directive_bk_tooltips, vue.unref(errorMessage)]
             ]) : vue.createCommentVNode("v-if", true),
-            _ctx.isShowBlur && isBlur.value ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_1$5, [
+            _ctx.isShowBlur && isBlur.value ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_1$4, [
               vue.renderSlot(_ctx.$slots, "blur")
             ])) : vue.createCommentVNode("v-if", true)
           ],
@@ -6502,7 +6719,7 @@ url("data:application/vnd.ms-fontobject;base64,9AgAAEwIAAABAAIAAAAAAAIABQMAAAAAA
       };
     }
   });
-  const _sfc_main$5 = /* @__PURE__ */ vue.defineComponent({
+  const _sfc_main$4 = /* @__PURE__ */ vue.defineComponent({
     __name: "fixed-column",
     props: {
       fixed: { default: "right" }
@@ -6530,200 +6747,16 @@ url("data:application/vnd.ms-fontobject;base64,9AgAAEwIAAABAAIAAAAAAAIABQMAAAAAA
       };
     }
   });
-  function tryOnScopeDispose(fn) {
-    if (vue.getCurrentScope()) {
-      vue.onScopeDispose(fn);
-      return true;
-    }
-    return false;
-  }
-  function toValue(r) {
-    return typeof r === "function" ? r() : vue.unref(r);
-  }
-  const isClient = typeof window !== "undefined" && typeof document !== "undefined";
-  typeof WorkerGlobalScope !== "undefined" && globalThis instanceof WorkerGlobalScope;
-  function unrefElement(elRef) {
-    var _a;
-    const plain = toValue(elRef);
-    return (_a = plain == null ? void 0 : plain.$el) != null ? _a : plain;
-  }
-  const defaultWindow = isClient ? window : void 0;
-  function useMounted() {
-    const isMounted = vue.ref(false);
-    const instance = vue.getCurrentInstance();
-    if (instance) {
-      vue.onMounted(() => {
-        isMounted.value = true;
-      }, instance);
-    }
-    return isMounted;
-  }
-  function useSupported(callback) {
-    const isMounted = useMounted();
-    return vue.computed(() => {
-      isMounted.value;
-      return Boolean(callback());
-    });
-  }
-  function useResizeObserver(target, callback, options = {}) {
-    const { window: window2 = defaultWindow, ...observerOptions } = options;
-    let observer;
-    const isSupported = useSupported(() => window2 && "ResizeObserver" in window2);
-    const cleanup = () => {
-      if (observer) {
-        observer.disconnect();
-        observer = void 0;
-      }
-    };
-    const targets = vue.computed(() => Array.isArray(target) ? target.map((el) => unrefElement(el)) : [unrefElement(target)]);
-    const stopWatch = vue.watch(
-      targets,
-      (els) => {
-        cleanup();
-        if (isSupported.value && window2) {
-          observer = new ResizeObserver(callback);
-          for (const _el of els)
-            _el && observer.observe(_el, observerOptions);
-        }
-      },
-      { immediate: true, flush: "post" }
-    );
-    const stop = () => {
-      cleanup();
-      stopWatch();
-    };
-    tryOnScopeDispose(stop);
-    return {
-      isSupported,
-      stop
-    };
-  }
-  const _hoisted_1$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__ */ vue.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 } = vue.inject(renderTablekey);
-      const parentTable = vue.inject(tableColumnResizekey);
-      const slots = vue.useSlots();
-      const columnRef = vue.ref();
-      const currentWidth = vue.ref(0);
-      const columnKey = random();
-      let initWidthRate = 0;
-      let isDragedSelf = false;
-      const finalMinWidth = vue.computed(() => props.minWidth ? props.minWidth : props.width ?? 100);
-      const isFixedRight = vue.computed(() => props.fixed === "right");
-      const isFixedLeft = vue.computed(() => props.fixed === "left");
-      const styles = vue.computed(() => {
-        if (props.width && (rowWidth == null ? void 0 : rowWidth.value) && finalMinWidth.value) {
-          const newWidth = rowWidth.value * initWidthRate;
-          if (newWidth !== props.width) {
-            let width = 0;
-            if (isMinimize == null ? void 0 : isMinimize.value) {
-              if (currentWidth.value !== 0 && (currentWidth.value !== finalMinWidth.value || currentWidth.value !== props.width)) {
-                width = currentWidth.value;
-              } else {
-                width = finalMinWidth.value;
-              }
-            } else if (newWidth > finalMinWidth.value) {
-              width = newWidth;
-            } else {
-              width = finalMinWidth.value;
-            }
-            return {
-              minWidth: `${width}px`
-            };
-          }
-        }
-        return {
-          minWidth: props.width ? `${props.width}px` : "120px"
-        };
-      });
-      vue.watch(() => [props.width, rowWidth == null ? void 0 : rowWidth.value, currentWidth.value], ([width, rowWidth2, currentWidth2]) => {
-        if (!isDragedSelf) {
-          return;
-        }
-        if (width && rowWidth2 && currentWidth2 && finalMinWidth.value) {
-          isDragedSelf = false;
-          if (currentWidth2 !== 0 && (currentWidth2 !== finalMinWidth.value || currentWidth2 !== width)) {
-            initWidthRate = currentWidth2 / rowWidth2;
-          } else {
-            initWidthRate = (isMinimize == null ? void 0 : isMinimize.value) ? finalMinWidth.value / rowWidth2 : width / rowWidth2;
-          }
-        }
-      }, {
-        immediate: true
-      });
-      useResizeObserver(columnRef, () => {
-        if (!isDragedSelf) {
-          return;
-        }
-        const width = parseFloat(columnRef.value.style.width);
-        currentWidth.value = width;
-      });
-      const handleMouseDown = (event) => {
-        isDragedSelf = true;
-        parentTable == null ? void 0 : parentTable.columnMousedown(event, {
-          columnKey,
-          minWidth: finalMinWidth.value
-        });
-      };
-      const handleMouseMove = (event) => {
-        parentTable == null ? void 0 : parentTable.columnMouseMove(event);
-      };
-      return (_ctx, _cache) => {
-        const _directive_overflow_tips = vue.resolveDirective("overflow-tips");
-        return vue.openBlock(), vue.createElementBlock("th", {
-          ref_key: "columnRef",
-          ref: columnRef,
-          class: vue.normalizeClass(["bk-ediatable-head-column", {
-            "is-required": _ctx.required,
-            [`column-${vue.unref(columnKey)}`]: true,
-            "is-right-fixed": vue.unref(isMinimize) && isFixedRight.value,
-            "is-left-fixed": vue.unref(isMinimize) && isFixedLeft.value
-          }]),
-          "data-fixed": _ctx.fixed,
-          "data-maxWidth": _ctx.maxWidth,
-          "data-minWidth": finalMinWidth.value,
-          "data-width": _ctx.width,
-          style: vue.normalizeStyle(styles.value),
-          onMousedown: handleMouseDown,
-          onMousemove: handleMouseMove
-        }, [
-          vue.withDirectives((vue.openBlock(), vue.createElementBlock("div", _hoisted_2$2, [
-            vue.renderSlot(_ctx.$slots, "default")
-          ])), [
-            [_directive_overflow_tips]
-          ]),
-          vue.unref(slots).append ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_3$1, [
-            vue.renderSlot(_ctx.$slots, "append")
-          ])) : vue.createCommentVNode("v-if", true)
-        ], 46, _hoisted_1$4);
-      };
-    }
-  });
   const _hoisted_1$3 = { class: "bk-ediatable-operation" };
   const _sfc_main$3 = /* @__PURE__ */ vue.defineComponent({
-    __name: "operation",
+    __name: "operation-column",
     props: {
+      removeable: { type: Boolean, default: true },
       showCopy: { type: Boolean, default: false },
       showAdd: { type: Boolean, default: true },
-      showRemove: { type: Boolean, default: true },
-      removeable: { type: Boolean, default: true }
+      showRemove: { type: Boolean, default: true }
     },
-    emits: ["copy", "add", "remove"],
+    emits: ["add", "copy", "remove"],
     setup(__props, { emit: __emit }) {
       const props = __props;
       const emits = __emit;
@@ -6740,7 +6773,7 @@ url("data:application/vnd.ms-fontobject;base64,9AgAAEwIAAABAAIAAAAAAAIABQMAAAAAA
         emits("remove");
       };
       return (_ctx, _cache) => {
-        return vue.openBlock(), vue.createBlock(_sfc_main$5, null, {
+        return vue.openBlock(), vue.createBlock(_sfc_main$4, null, {
           default: vue.withCtx(() => [
             vue.createElementVNode("div", _hoisted_1$3, [
               _ctx.showCopy ? (vue.openBlock(), vue.createElementBlock("div", {
@@ -6785,7 +6818,7 @@ url("data:application/vnd.ms-fontobject;base64,9AgAAEwIAAABAAIAAAAAAAIABQMAAAAAA
     class: "select-error"
   };
   const _sfc_main$2 = /* @__PURE__ */ vue.defineComponent({
-    __name: "select",
+    __name: "select-column",
     props: /* @__PURE__ */ vue.mergeModels({
       list: {},
       placeholder: { default: "请选择" },
@@ -9435,7 +9468,7 @@ url("data:application/vnd.ms-fontobject;base64,9AgAAEwIAAABAAIAAAAAAAIABQMAAAAAA
     style: { "display": "none" }
   };
   const _sfc_main$1 = /* @__PURE__ */ vue.defineComponent({
-    __name: "tag-input",
+    __name: "tag-input-column",
     props: /* @__PURE__ */ vue.mergeModels({
       placeholder: { default: "" },
       single: { type: Boolean, default: false },
@@ -9602,7 +9635,7 @@ url("data:application/vnd.ms-fontobject;base64,9AgAAEwIAAABAAIAAAAAAAIABQMAAAAAA
     class: "input-error"
   };
   const _sfc_main = /* @__PURE__ */ vue.defineComponent({
-    __name: "text-plain",
+    __name: "text-plain-column",
     props: {
       data: {},
       isLoading: { type: Boolean },
@@ -9676,15 +9709,15 @@ url("data:application/vnd.ms-fontobject;base64,9AgAAEwIAAABAAIAAAAAAAIABQMAAAAAA
       };
     }
   });
-  exports2.DateTimePickerColumn = _sfc_main$7;
-  exports2.Ediatable = _sfc_main$8;
-  exports2.FixedColumn = _sfc_main$5;
-  exports2.HeadColumn = _sfc_main$4;
-  exports2.InputColumn = _sfc_main$6;
+  exports2.DateTimePickerColumn = _sfc_main$6;
+  exports2.Ediatable = _sfc_main$7;
+  exports2.FixedColumn = _sfc_main$4;
+  exports2.HeadColumn = _sfc_main$8;
+  exports2.InputColumn = _sfc_main$5;
   exports2.OperationColumn = _sfc_main$3;
   exports2.SelectColumn = _sfc_main$2;
   exports2.TagInputColumn = _sfc_main$1;
   exports2.TextPlainColumn = _sfc_main;
-  exports2.default = _sfc_main$8;
+  exports2.default = _sfc_main$7;
   Object.defineProperties(exports2, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
 });