gi-component 0.0.44 → 0.0.45

package/dist/index.es.js

@@ -1,6 +1,6 @@
-import { defineComponent, createElementBlock, openBlock, createElementVNode, getCurrentInstance, useAttrs, computed, createBlock, unref, mergeProps, withCtx, renderSlot, createTextVNode, toDisplayString, useSlots, normalizeClass, createCommentVNode, normalizeStyle, createVNode, createSlots, Fragment, renderList, mergeModels, useModel, ref, resolveDynamicComponent, resolveComponent, h as h$1, createApp, watch, onMounted, onUpdated, onUnmounted, inject, toRefs, watchEffect, reactive, provide, normalizeProps, guardReactiveProps, useTemplateRef, nextTick, isRef } from "vue";
+import { defineComponent, createElementBlock, openBlock, createElementVNode, getCurrentInstance, onMounted, watch, toValue, toRef, nextTick, onUnmounted, useAttrs, computed, createBlock, unref, mergeProps, withCtx, renderSlot, createTextVNode, toDisplayString, useSlots, normalizeClass, createCommentVNode, normalizeStyle, createVNode, createSlots, Fragment, renderList, mergeModels, useModel, ref, resolveDynamicComponent, resolveComponent, h, createApp, onUpdated, inject, toRefs, watchEffect, reactive, provide, normalizeProps, guardReactiveProps, useTemplateRef } from "vue";
 import * as El from "element-plus";
-import El__default, { ElButton, ElSpace, ElDescriptions, ElDescriptionsItem, ElDialog, ElDrawer, ElInput, ElForm, ElTable, ElTableColumn, ElFormItem, ElText, ElMessage, ElIcon, ElSplitter, ElSplitterPanel, ElRow, ElPagination, ElTooltip, ElPopover, ElCheckbox, ElTabs, ElTabPane, ElScrollbar, ElTree, ElCheckboxGroup, ElEmpty } from "element-plus";
+import El__default, { ElButton, ElSpace, ElDescriptions, ElDescriptionsItem, ElDialog, ElDrawer, ElInput, ElForm, ElTable, ElTableColumn, ElFormItem, ElText, ElMessage, ElIcon, ElSplitter, ElSplitterPanel, ElRow, ElPagination, ElTabs, ElTabPane, ElCheckbox, ElScrollbar, ElTree, ElCheckboxGroup, ElEmpty } from "element-plus";
 /*! Element Plus Icons Vue v2.3.2 */
 var _sfc_main6 = /* @__PURE__ */ defineComponent({
   name: "ArrowDown",
@@ -122,21 +122,6 @@ var _sfc_main56 = /* @__PURE__ */ defineComponent({
     ]));
   }
 }), close_default = _sfc_main56;
-var _sfc_main74 = /* @__PURE__ */ defineComponent({
-  name: "DCaret",
-  __name: "d-caret",
-  setup(__props) {
-    return (_ctx, _cache) => (openBlock(), createElementBlock("svg", {
-      xmlns: "http://www.w3.org/2000/svg",
-      viewBox: "0 0 1024 1024"
-    }, [
-      createElementVNode("path", {
-        fill: "currentColor",
-        d: "m512 128 288 320H224zM224 576h576L512 896z"
-      })
-    ]));
-  }
-}), d_caret_default = _sfc_main74;
 var _sfc_main80 = /* @__PURE__ */ defineComponent({
   name: "Delete",
   __name: "delete",
@@ -186,36 +171,6 @@ var _sfc_main94 = /* @__PURE__ */ defineComponent({
     ]));
   }
 }), edit_default = _sfc_main94;
-var _sfc_main118 = /* @__PURE__ */ defineComponent({
-  name: "FullScreen",
-  __name: "full-screen",
-  setup(__props) {
-    return (_ctx, _cache) => (openBlock(), createElementBlock("svg", {
-      xmlns: "http://www.w3.org/2000/svg",
-      viewBox: "0 0 1024 1024"
-    }, [
-      createElementVNode("path", {
-        fill: "currentColor",
-        d: "m160 96.064 192 .192a32 32 0 0 1 0 64l-192-.192V352a32 32 0 0 1-64 0V96h64zm0 831.872V928H96V672a32 32 0 1 1 64 0v191.936l192-.192a32 32 0 1 1 0 64zM864 96.064V96h64v256a32 32 0 1 1-64 0V160.064l-192 .192a32 32 0 1 1 0-64zm0 831.872-192-.192a32 32 0 0 1 0-64l192 .192V672a32 32 0 1 1 64 0v256h-64z"
-      })
-    ]));
-  }
-}), full_screen_default = _sfc_main118;
-var _sfc_main127 = /* @__PURE__ */ defineComponent({
-  name: "Grid",
-  __name: "grid",
-  setup(__props) {
-    return (_ctx, _cache) => (openBlock(), createElementBlock("svg", {
-      xmlns: "http://www.w3.org/2000/svg",
-      viewBox: "0 0 1024 1024"
-    }, [
-      createElementVNode("path", {
-        fill: "currentColor",
-        d: "M640 384v256H384V384zm64 0h192v256H704zm-64 512H384V704h256zm64 0V704h192v192zm-64-768v192H384V128zm64 0h192v192H704zM320 384v256H128V384zm0 512H128V704h192zm0-768v192H128V128z"
-      })
-    ]));
-  }
-}), grid_default = _sfc_main127;
 var _sfc_main143 = /* @__PURE__ */ defineComponent({
   name: "InfoFilled",
   __name: "info-filled",
@@ -231,51 +186,6 @@ var _sfc_main143 = /* @__PURE__ */ defineComponent({
     ]));
   }
 }), info_filled_default = _sfc_main143;
-var _sfc_main149 = /* @__PURE__ */ defineComponent({
-  name: "List",
-  __name: "list",
-  setup(__props) {
-    return (_ctx, _cache) => (openBlock(), createElementBlock("svg", {
-      xmlns: "http://www.w3.org/2000/svg",
-      viewBox: "0 0 1024 1024"
-    }, [
-      createElementVNode("path", {
-        fill: "currentColor",
-        d: "M704 192h160v736H160V192h160v64h384zM288 512h448v-64H288zm0 256h448v-64H288zm96-576V96h256v96z"
-      })
-    ]));
-  }
-}), list_default = _sfc_main149;
-var _sfc_main169 = /* @__PURE__ */ defineComponent({
-  name: "Minus",
-  __name: "minus",
-  setup(__props) {
-    return (_ctx, _cache) => (openBlock(), createElementBlock("svg", {
-      xmlns: "http://www.w3.org/2000/svg",
-      viewBox: "0 0 1024 1024"
-    }, [
-      createElementVNode("path", {
-        fill: "currentColor",
-        d: "M128 544h768a32 32 0 1 0 0-64H128a32 32 0 0 0 0 64"
-      })
-    ]));
-  }
-}), minus_default = _sfc_main169;
-var _sfc_main187 = /* @__PURE__ */ defineComponent({
-  name: "Operation",
-  __name: "operation",
-  setup(__props) {
-    return (_ctx, _cache) => (openBlock(), createElementBlock("svg", {
-      xmlns: "http://www.w3.org/2000/svg",
-      viewBox: "0 0 1024 1024"
-    }, [
-      createElementVNode("path", {
-        fill: "currentColor",
-        d: "M389.44 768a96.064 96.064 0 0 1 181.12 0H896v64H570.56a96.064 96.064 0 0 1-181.12 0H128v-64zm192-288a96.064 96.064 0 0 1 181.12 0H896v64H762.56a96.064 96.064 0 0 1-181.12 0H128v-64zm-320-288a96.064 96.064 0 0 1 181.12 0H896v64H442.56a96.064 96.064 0 0 1-181.12 0H128v-64z"
-      })
-    ]));
-  }
-}), operation_default = _sfc_main187;
 var _sfc_main201 = /* @__PURE__ */ defineComponent({
   name: "Plus",
   __name: "plus",
@@ -321,21 +231,6 @@ var _sfc_main225 = /* @__PURE__ */ defineComponent({
     ]));
   }
 }), search_default = _sfc_main225;
-var _sfc_main231 = /* @__PURE__ */ defineComponent({
-  name: "Setting",
-  __name: "setting",
-  setup(__props) {
-    return (_ctx, _cache) => (openBlock(), createElementBlock("svg", {
-      xmlns: "http://www.w3.org/2000/svg",
-      viewBox: "0 0 1024 1024"
-    }, [
-      createElementVNode("path", {
-        fill: "currentColor",
-        d: "M600.704 64a32 32 0 0 1 30.464 22.208l35.2 109.376c14.784 7.232 28.928 15.36 42.432 24.512l112.384-24.192a32 32 0 0 1 34.432 15.36L944.32 364.8a32 32 0 0 1-4.032 37.504l-77.12 85.12a357 357 0 0 1 0 49.024l77.12 85.248a32 32 0 0 1 4.032 37.504l-88.704 153.6a32 32 0 0 1-34.432 15.296L708.8 803.904c-13.44 9.088-27.648 17.28-42.368 24.512l-35.264 109.376A32 32 0 0 1 600.704 960H423.296a32 32 0 0 1-30.464-22.208L357.696 828.48a352 352 0 0 1-42.56-24.64l-112.32 24.256a32 32 0 0 1-34.432-15.36L79.68 659.2a32 32 0 0 1 4.032-37.504l77.12-85.248a357 357 0 0 1 0-48.896l-77.12-85.248A32 32 0 0 1 79.68 364.8l88.704-153.6a32 32 0 0 1 34.432-15.296l112.32 24.256c13.568-9.152 27.776-17.408 42.56-24.64l35.2-109.312A32 32 0 0 1 423.232 64H600.64zm-23.424 64H446.72l-36.352 113.088-24.512 11.968a294 294 0 0 0-34.816 20.096l-22.656 15.36-116.224-25.088-65.28 113.152 79.68 88.192-1.92 27.136a293 293 0 0 0 0 40.192l1.92 27.136-79.808 88.192 65.344 113.152 116.224-25.024 22.656 15.296a294 294 0 0 0 34.816 20.096l24.512 11.968L446.72 896h130.688l36.48-113.152 24.448-11.904a288 288 0 0 0 34.752-20.096l22.592-15.296 116.288 25.024 65.28-113.152-79.744-88.192 1.92-27.136a293 293 0 0 0 0-40.256l-1.92-27.136 79.808-88.128-65.344-113.152-116.288 24.96-22.592-15.232a288 288 0 0 0-34.752-20.096l-24.448-11.904L577.344 128zM512 320a192 192 0 1 1 0 384 192 192 0 0 1 0-384m0 64a128 128 0 1 0 0 256 128 128 0 0 0 0-256"
-      })
-    ]));
-  }
-}), setting_default = _sfc_main231;
 var _sfc_main249 = /* @__PURE__ */ defineComponent({
   name: "SuccessFilled",
   __name: "success-filled",
@@ -389,6 +284,146 @@ function useBemClass() {
   const b = (name = "") => `${prefix}-${name ? `${name}` : ""}`;
   return { b };
 }
+function normalizeSelector(value) {
+  if (value.startsWith(".") || value.startsWith("#")) {
+    return value;
+  }
+  return `.${value}`;
+}
+function resolveElement(target, root) {
+  if (!target) {
+    return null;
+  }
+  if (typeof target !== "string") {
+    return target;
+  }
+  const scope = root ?? document;
+  return scope.querySelector(normalizeSelector(target));
+}
+function scrollItemToCenter(scrollEl, activeEl, behavior = "smooth") {
+  const maxScroll = scrollEl.scrollWidth - scrollEl.clientWidth;
+  if (maxScroll <= 0) {
+    return;
+  }
+  const target = activeEl.offsetLeft - (scrollEl.clientWidth - activeEl.offsetWidth) / 2;
+  scrollEl.scrollTo({
+    left: Math.max(0, Math.min(target, maxScroll)),
+    behavior
+  });
+}
+function useNavTabs(options) {
+  const {
+    tabEl,
+    tabScrollEl,
+    tabItemClassName,
+    activeValue,
+    activeClassSuffix = "--active",
+    wheelSpeed = 1
+  } = options;
+  const activeClassName = `${tabItemClassName}${activeClassSuffix}`;
+  const itemSelector = normalizeSelector(tabItemClassName);
+  let rootEl = null;
+  let scrollEl = null;
+  let resizeObserver = null;
+  const resolveElements = () => {
+    var _a, _b;
+    const instanceRoot = (_b = (_a = getCurrentInstance()) == null ? void 0 : _a.proxy) == null ? void 0 : _b.$el;
+    const fallbackRoot = instanceRoot instanceof HTMLElement ? instanceRoot : document;
+    rootEl = resolveElement(toValue(tabEl), fallbackRoot);
+    scrollEl = resolveElement(toValue(tabScrollEl), rootEl ?? fallbackRoot);
+    return Boolean(rootEl && scrollEl);
+  };
+  const findActiveItem = () => {
+    if (!scrollEl) {
+      return null;
+    }
+    const activeByClass = scrollEl.querySelector(normalizeSelector(activeClassName));
+    if (activeByClass instanceof HTMLElement) {
+      return activeByClass;
+    }
+    const value = activeValue !== void 0 ? toValue(activeValue) : void 0;
+    if (value === void 0) {
+      return null;
+    }
+    const items = scrollEl.querySelectorAll(itemSelector);
+    const matched = Array.from(items).find((item) => item.dataset.value === String(value));
+    return matched ?? null;
+  };
+  const scrollToActive = (behavior = "smooth") => {
+    if (!scrollEl) {
+      return;
+    }
+    const activeItem = findActiveItem();
+    if (activeItem) {
+      scrollItemToCenter(scrollEl, activeItem, behavior);
+    }
+  };
+  const handleWheel = (event) => {
+    if (!scrollEl) {
+      return;
+    }
+    const delta = Math.abs(event.deltaX) > Math.abs(event.deltaY) ? event.deltaX : event.deltaY;
+    if (delta === 0) {
+      return;
+    }
+    event.preventDefault();
+    scrollEl.scrollLeft += delta * wheelSpeed;
+  };
+  const bindWheel = () => {
+    scrollEl == null ? void 0 : scrollEl.addEventListener("wheel", handleWheel, { passive: false });
+  };
+  const unbindWheel = () => {
+    scrollEl == null ? void 0 : scrollEl.removeEventListener("wheel", handleWheel);
+  };
+  const bindResizeObserver = () => {
+    if (!scrollEl || typeof ResizeObserver === "undefined") {
+      return;
+    }
+    resizeObserver = new ResizeObserver(() => {
+      scrollToActive("auto");
+    });
+    resizeObserver.observe(scrollEl);
+  };
+  const unbindResizeObserver = () => {
+    resizeObserver == null ? void 0 : resizeObserver.disconnect();
+    resizeObserver = null;
+  };
+  const setup = async () => {
+    await nextTick();
+    if (!resolveElements()) {
+      return;
+    }
+    bindWheel();
+    bindResizeObserver();
+    scrollToActive("auto");
+  };
+  onMounted(() => {
+    setup();
+  });
+  watch(
+    () => [toValue(tabEl), toValue(tabScrollEl)],
+    () => {
+      unbindWheel();
+      unbindResizeObserver();
+      setup();
+    }
+  );
+  if (activeValue !== void 0) {
+    watch(toRef(activeValue), () => {
+      nextTick(() => scrollToActive());
+    });
+  }
+  onUnmounted(() => {
+    unbindWheel();
+    unbindResizeObserver();
+    rootEl = null;
+    scrollEl = null;
+  });
+  return {
+    scrollToActive,
+    getScrollEl: () => scrollEl
+  };
+}
 const _sfc_main$l = /* @__PURE__ */ defineComponent({
   __name: "button",
   props: {
@@ -856,7 +891,7 @@ function createDialog() {
             dialogApp.unmount();
             container.remove();
           };
-          return () => h$1(_sfc_main$i, {
+          return () => h(_sfc_main$i, {
             ...dialogOptions.value,
             "modelValue": visible.value,
             "onUpdate:modelValue": (val) => visible.value = val,
@@ -889,7 +924,7 @@ function createDialog() {
     info(options) {
       return this.create({
         ...options,
-        content: () => h$1(DialogContent, { type: "info", content: options.content }),
+        content: () => h(DialogContent, { type: "info", content: options.content }),
         simple: true,
         style: { maxWidth: "420px", ...options.style },
         lockScroll: false
@@ -898,7 +933,7 @@ function createDialog() {
     success(options) {
       return this.create({
         ...options,
-        content: () => h$1(DialogContent, { type: "success", content: options.content }),
+        content: () => h(DialogContent, { type: "success", content: options.content }),
         simple: true,
         style: { maxWidth: "420px", ...options.style },
         lockScroll: false
@@ -907,7 +942,7 @@ function createDialog() {
     warning(options) {
       return this.create({
         ...options,
-        content: () => h$1(DialogContent, { type: "warning", content: options.content }),
+        content: () => h(DialogContent, { type: "warning", content: options.content }),
         simple: true,
         style: { maxWidth: "420px", ...options.style },
         lockScroll: false
@@ -916,7 +951,7 @@ function createDialog() {
     error(options) {
       return this.create({
         ...options,
-        content: () => h$1(DialogContent, { type: "error", content: options.content }),
+        content: () => h(DialogContent, { type: "error", content: options.content }),
         simple: true,
         style: { maxWidth: "420px", ...options.style },
         lockScroll: false
@@ -1145,7 +1180,7 @@ function createDrawer() {
             drawerApp.unmount();
             container.remove();
           };
-          return () => h$1(_sfc_main$f, {
+          return () => h(_sfc_main$f, {
             ...dialogOptions.value,
             "modelValue": visible.value,
             "onUpdate:modelValue": (val) => visible.value = val,
@@ -1449,19 +1484,13 @@ const _sfc_main$b = /* @__PURE__ */ defineComponent({
   setup(__props) {
     const props = __props;
     const { b } = useBemClass();
-    const classNames = computed(() => [b("flex")]);
-    const gapMap = {
-      small: "8px",
-      middle: "12px",
-      large: "16px"
-    };
+    const classNames = computed(() => [b("flex"), b(`flex__size--${props.gap}`)]);
+    const SIZE_MAP = ["small", "middle", "large"];
     const resolvedGap = computed(() => {
-      if (props.gap === void 0 || props.gap === null || props.gap === "")
+      if (props.gap === void 0 || props.gap === null || props.gap === "" || SIZE_MAP.includes(props.gap))
         return void 0;
       if (typeof props.gap === "number")
         return `${props.gap}px`;
-      if (gapMap[props.gap])
-        return gapMap[props.gap];
       return String(props.gap);
     });
     const resolvedWrap = computed(() => {
@@ -1497,7 +1526,7 @@ const _sfc_main$b = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const Flex = /* @__PURE__ */ _export_sfc(_sfc_main$b, [["__scopeId", "data-v-aef567a0"]]);
+const Flex = /* @__PURE__ */ _export_sfc(_sfc_main$b, [["__scopeId", "data-v-efd62aed"]]);
 const GridContextInjectionKey = Symbol(
   "GridContextInjectionKey"
 );
@@ -2411,7 +2440,90 @@ const _sfc_main$8 = /* @__PURE__ */ defineComponent({
   }
 });
 const Form = /* @__PURE__ */ _export_sfc(_sfc_main$8, [["__scopeId", "data-v-85d6c1a1"]]);
+const _hoisted_1$1 = ["data-value", "onClick"];
 const _sfc_main$7 = /* @__PURE__ */ defineComponent({
+  __name: "nav-tabs",
+  props: /* @__PURE__ */ mergeModels({
+    data: { default: () => [] },
+    wheelSpeed: { default: 1 },
+    activeClassSuffix: { default: "--active" }
+  }, {
+    "modelValue": {},
+    "modelModifiers": {}
+  }),
+  emits: /* @__PURE__ */ mergeModels(["change"], ["update:modelValue"]),
+  setup(__props, { emit: __emit }) {
+    const model = useModel(__props, "modelValue");
+    const props = __props;
+    const emits = __emit;
+    const slots = useSlots();
+    const { b } = useBemClass();
+    const rootRef = ref(null);
+    const scrollRef = ref(null);
+    const tabItemClassName = b("nav-tabs-item");
+    useNavTabs({
+      tabEl: rootRef,
+      tabScrollEl: scrollRef,
+      tabItemClassName,
+      activeValue: model,
+      activeClassSuffix: props.activeClassSuffix,
+      wheelSpeed: props.wheelSpeed
+    });
+    function handleItemClick(item) {
+      if (item.disabled) {
+        return;
+      }
+      model.value = item.value;
+      emits("change", item.value);
+    }
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("div", {
+        ref_key: "rootRef",
+        ref: rootRef,
+        class: normalizeClass(unref(b)("nav-tabs"))
+      }, [
+        unref(slots)["left-extra"] ? (openBlock(), createElementBlock("div", {
+          key: 0,
+          class: normalizeClass(unref(b)("nav-tabs__left"))
+        }, [
+          renderSlot(_ctx.$slots, "left-extra", {}, void 0, true)
+        ], 2)) : createCommentVNode("", true),
+        createElementVNode("div", {
+          ref_key: "scrollRef",
+          ref: scrollRef,
+          class: normalizeClass(unref(b)("nav-tabs__scroll"))
+        }, [
+          renderSlot(_ctx.$slots, "default", {
+            data: props.data
+          }, () => [
+            (openBlock(true), createElementBlock(Fragment, null, renderList(props.data, (item) => {
+              return openBlock(), createElementBlock("div", {
+                key: item.value,
+                class: normalizeClass([
+                  unref(b)("nav-tabs-item"),
+                  {
+                    [unref(b)("nav-tabs-item--active")]: model.value === item.value,
+                    [unref(b)("nav-tabs-item--disabled")]: item.disabled
+                  }
+                ]),
+                "data-value": item.value,
+                onClick: ($event) => handleItemClick(item)
+              }, toDisplayString(item.label), 11, _hoisted_1$1);
+            }), 128))
+          ], true)
+        ], 2),
+        unref(slots)["right-extra"] ? (openBlock(), createElementBlock("div", {
+          key: 1,
+          class: normalizeClass(unref(b)("nav-tabs__right"))
+        }, [
+          renderSlot(_ctx.$slots, "right-extra", {}, void 0, true)
+        ], 2)) : createCommentVNode("", true)
+      ], 2);
+    };
+  }
+});
+const NavTabs = /* @__PURE__ */ _export_sfc(_sfc_main$7, [["__scopeId", "data-v-198d4dd6"]]);
+const _sfc_main$6 = /* @__PURE__ */ defineComponent({
   __name: "split-button",
   props: {
     collapsed: { type: Boolean, default: false },
@@ -2462,8 +2574,8 @@ const _sfc_main$7 = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const SplitButton = /* @__PURE__ */ _export_sfc(_sfc_main$7, [["__scopeId", "data-v-ad431228"]]);
-const _sfc_main$6 = /* @__PURE__ */ defineComponent({
+const SplitButton = /* @__PURE__ */ _export_sfc(_sfc_main$6, [["__scopeId", "data-v-ad431228"]]);
+const _sfc_main$5 = /* @__PURE__ */ defineComponent({
   __name: "page-layout",
   props: {
     size: { default: 270 },
@@ -2569,8 +2681,8 @@ const _sfc_main$6 = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const PageLayout = /* @__PURE__ */ _export_sfc(_sfc_main$6, [["__scopeId", "data-v-a35bb713"]]);
-const _sfc_main$5 = /* @__PURE__ */ defineComponent({
+const PageLayout = /* @__PURE__ */ _export_sfc(_sfc_main$5, [["__scopeId", "data-v-a35bb713"]]);
+const _sfc_main$4 = /* @__PURE__ */ defineComponent({
   __name: "TableColumn",
   props: {
     column: {}
@@ -2585,7 +2697,7 @@ const _sfc_main$5 = /* @__PURE__ */ defineComponent({
       return openBlock(), createBlock(unref(ElTableColumn), normalizeProps(guardReactiveProps(columnProps.value)), createSlots({
         default: withCtx(() => [
           _ctx.column.children && _ctx.column.children.length > 0 ? (openBlock(true), createElementBlock(Fragment, { key: 0 }, renderList(_ctx.column.children, (child) => {
-            return openBlock(), createBlock(_sfc_main$5, {
+            return openBlock(), createBlock(_sfc_main$4, {
               key: child.prop || child.label,
               column: child
             }, createSlots({ _: 2 }, [
@@ -2621,7 +2733,7 @@ const _sfc_main$5 = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const _sfc_main$4 = /* @__PURE__ */ defineComponent({
+const _sfc_main$3 = /* @__PURE__ */ defineComponent({
   __name: "table",
   props: {
     data: { default: () => [] },
@@ -2708,7 +2820,7 @@ const _sfc_main$4 = /* @__PURE__ */ defineComponent({
         }), {
           default: withCtx(() => [
             (openBlock(true), createElementBlock(Fragment, null, renderList(props.columns, (item) => {
-              return openBlock(), createBlock(_sfc_main$5, {
+              return openBlock(), createBlock(_sfc_main$4, {
                 key: item.prop || item.label,
                 column: item
               }, createSlots({ _: 2 }, [
@@ -2742,1880 +2854,7 @@ const _sfc_main$4 = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const GiTable$1 = /* @__PURE__ */ _export_sfc(_sfc_main$4, [["__scopeId", "data-v-763fcf58"]]);
-var an = Object.defineProperty;
-var Pe = Object.getOwnPropertySymbols;
-var yt = Object.prototype.hasOwnProperty, wt = Object.prototype.propertyIsEnumerable;
-var bt = (t, e, n) => e in t ? an(t, e, { enumerable: true, configurable: true, writable: true, value: n }) : t[e] = n, fe = (t, e) => {
-  for (var n in e || (e = {}))
-    yt.call(e, n) && bt(t, n, e[n]);
-  if (Pe)
-    for (var n of Pe(e))
-      wt.call(e, n) && bt(t, n, e[n]);
-  return t;
-};
-var $e = (t, e) => {
-  var n = {};
-  for (var o in t)
-    yt.call(t, o) && e.indexOf(o) < 0 && (n[o] = t[o]);
-  if (t != null && Pe)
-    for (var o of Pe(t))
-      e.indexOf(o) < 0 && wt.call(t, o) && (n[o] = t[o]);
-  return n;
-};
-const Ht = "[vue-draggable-plus]: ";
-function mn(t) {
-  console.warn(Ht + t);
-}
-function vn(t) {
-  console.error(Ht + t);
-}
-function St(t, e, n) {
-  return n >= 0 && n < t.length && t.splice(n, 0, t.splice(e, 1)[0]), t;
-}
-function bn(t) {
-  return t.replace(/-(\w)/g, (e, n) => n ? n.toUpperCase() : "");
-}
-function yn(t) {
-  return Object.keys(t).reduce((e, n) => (typeof t[n] != "undefined" && (e[bn(n)] = t[n]), e), {});
-}
-function Dt(t, e) {
-  return Array.isArray(t) && t.splice(e, 1), t;
-}
-function _t(t, e, n) {
-  return Array.isArray(t) && t.splice(e, 0, n), t;
-}
-function wn(t) {
-  return typeof t == "undefined";
-}
-function En(t) {
-  return typeof t == "string";
-}
-function Tt(t, e, n) {
-  const o = t.children[n];
-  t.insertBefore(e, o);
-}
-function Ke(t) {
-  t.parentNode && t.parentNode.removeChild(t);
-}
-function Sn(t, e = document) {
-  var o;
-  let n = null;
-  return typeof (e == null ? void 0 : e.querySelector) == "function" ? n = (o = e == null ? void 0 : e.querySelector) == null ? void 0 : o.call(e, t) : n = document.querySelector(t), n || mn(`Element not found: ${t}`), n;
-}
-function Dn(t, e, n = null) {
-  return function(...o) {
-    return t.apply(n, o), e.apply(n, o);
-  };
-}
-function _n(t, e) {
-  const n = fe({}, t);
-  return Object.keys(e).forEach((o) => {
-    n[o] ? n[o] = Dn(t[o], e[o]) : n[o] = e[o];
-  }), n;
-}
-function Tn(t) {
-  return t instanceof HTMLElement;
-}
-function Ct(t, e) {
-  Object.keys(t).forEach((n) => {
-    e(n, t[n]);
-  });
-}
-function Cn(t) {
-  return t.charCodeAt(0) === 111 && t.charCodeAt(1) === 110 && (t.charCodeAt(2) > 122 || t.charCodeAt(2) < 97);
-}
-const On = Object.assign;
-/**!
- * Sortable 1.15.2
- * @author	RubaXa   <trash@rubaxa.org>
- * @author	owenm    <owen23355@gmail.com>
- * @license MIT
- */
-function Ot(t, e) {
-  var n = Object.keys(t);
-  if (Object.getOwnPropertySymbols) {
-    var o = Object.getOwnPropertySymbols(t);
-    e && (o = o.filter(function(r) {
-      return Object.getOwnPropertyDescriptor(t, r).enumerable;
-    })), n.push.apply(n, o);
-  }
-  return n;
-}
-function ne(t) {
-  for (var e = 1; e < arguments.length; e++) {
-    var n = arguments[e] != null ? arguments[e] : {};
-    e % 2 ? Ot(Object(n), true).forEach(function(o) {
-      In(t, o, n[o]);
-    }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(t, Object.getOwnPropertyDescriptors(n)) : Ot(Object(n)).forEach(function(o) {
-      Object.defineProperty(t, o, Object.getOwnPropertyDescriptor(n, o));
-    });
-  }
-  return t;
-}
-function Ye(t) {
-  "@babel/helpers - typeof";
-  return typeof Symbol == "function" && typeof Symbol.iterator == "symbol" ? Ye = function(e) {
-    return typeof e;
-  } : Ye = function(e) {
-    return e && typeof Symbol == "function" && e.constructor === Symbol && e !== Symbol.prototype ? "symbol" : typeof e;
-  }, Ye(t);
-}
-function In(t, e, n) {
-  return e in t ? Object.defineProperty(t, e, {
-    value: n,
-    enumerable: true,
-    configurable: true,
-    writable: true
-  }) : t[e] = n, t;
-}
-function ie() {
-  return ie = Object.assign || function(t) {
-    for (var e = 1; e < arguments.length; e++) {
-      var n = arguments[e];
-      for (var o in n)
-        Object.prototype.hasOwnProperty.call(n, o) && (t[o] = n[o]);
-    }
-    return t;
-  }, ie.apply(this, arguments);
-}
-function An(t, e) {
-  if (t == null)
-    return {};
-  var n = {}, o = Object.keys(t), r, i;
-  for (i = 0; i < o.length; i++)
-    r = o[i], !(e.indexOf(r) >= 0) && (n[r] = t[r]);
-  return n;
-}
-function xn(t, e) {
-  if (t == null)
-    return {};
-  var n = An(t, e), o, r;
-  if (Object.getOwnPropertySymbols) {
-    var i = Object.getOwnPropertySymbols(t);
-    for (r = 0; r < i.length; r++)
-      o = i[r], !(e.indexOf(o) >= 0) && Object.prototype.propertyIsEnumerable.call(t, o) && (n[o] = t[o]);
-  }
-  return n;
-}
-var Nn = "1.15.2";
-function re(t) {
-  if (typeof window != "undefined" && window.navigator)
-    return !!/* @__PURE__ */ navigator.userAgent.match(t);
-}
-var ae = re(/(?:Trident.*rv[ :]?11\.|msie|iemobile|Windows Phone)/i), xe = re(/Edge/i), It = re(/firefox/i), Te = re(/safari/i) && !re(/chrome/i) && !re(/android/i), Lt = re(/iP(ad|od|hone)/i), Wt = re(/chrome/i) && re(/android/i), Gt = {
-  capture: false,
-  passive: false
-};
-function S(t, e, n) {
-  t.addEventListener(e, n, !ae && Gt);
-}
-function E(t, e, n) {
-  t.removeEventListener(e, n, !ae && Gt);
-}
-function We(t, e) {
-  if (e) {
-    if (e[0] === ">" && (e = e.substring(1)), t)
-      try {
-        if (t.matches)
-          return t.matches(e);
-        if (t.msMatchesSelector)
-          return t.msMatchesSelector(e);
-        if (t.webkitMatchesSelector)
-          return t.webkitMatchesSelector(e);
-      } catch (n) {
-        return false;
-      }
-    return false;
-  }
-}
-function Pn(t) {
-  return t.host && t !== document && t.host.nodeType ? t.host : t.parentNode;
-}
-function Q(t, e, n, o) {
-  if (t) {
-    n = n || document;
-    do {
-      if (e != null && (e[0] === ">" ? t.parentNode === n && We(t, e) : We(t, e)) || o && t === n)
-        return t;
-      if (t === n)
-        break;
-    } while (t = Pn(t));
-  }
-  return null;
-}
-var At = /\s+/g;
-function V(t, e, n) {
-  if (t && e)
-    if (t.classList)
-      t.classList[n ? "add" : "remove"](e);
-    else {
-      var o = (" " + t.className + " ").replace(At, " ").replace(" " + e + " ", " ");
-      t.className = (o + (n ? " " + e : "")).replace(At, " ");
-    }
-}
-function h(t, e, n) {
-  var o = t && t.style;
-  if (o) {
-    if (n === void 0)
-      return document.defaultView && document.defaultView.getComputedStyle ? n = document.defaultView.getComputedStyle(t, "") : t.currentStyle && (n = t.currentStyle), e === void 0 ? n : n[e];
-    !(e in o) && e.indexOf("webkit") === -1 && (e = "-webkit-" + e), o[e] = n + (typeof n == "string" ? "" : "px");
-  }
-}
-function ye(t, e) {
-  var n = "";
-  if (typeof t == "string")
-    n = t;
-  else
-    do {
-      var o = h(t, "transform");
-      o && o !== "none" && (n = o + " " + n);
-    } while (!e && (t = t.parentNode));
-  var r = window.DOMMatrix || window.WebKitCSSMatrix || window.CSSMatrix || window.MSCSSMatrix;
-  return r && new r(n);
-}
-function jt(t, e, n) {
-  if (t) {
-    var o = t.getElementsByTagName(e), r = 0, i = o.length;
-    if (n)
-      for (; r < i; r++)
-        n(o[r], r);
-    return o;
-  }
-  return [];
-}
-function te() {
-  var t = document.scrollingElement;
-  return t || document.documentElement;
-}
-function P(t, e, n, o, r) {
-  if (!(!t.getBoundingClientRect && t !== window)) {
-    var i, a, l, s, u, d, f;
-    if (t !== window && t.parentNode && t !== te() ? (i = t.getBoundingClientRect(), a = i.top, l = i.left, s = i.bottom, u = i.right, d = i.height, f = i.width) : (a = 0, l = 0, s = window.innerHeight, u = window.innerWidth, d = window.innerHeight, f = window.innerWidth), (e || n) && t !== window && (r = r || t.parentNode, !ae))
-      do
-        if (r && r.getBoundingClientRect && (h(r, "transform") !== "none" || n && h(r, "position") !== "static")) {
-          var m = r.getBoundingClientRect();
-          a -= m.top + parseInt(h(r, "border-top-width")), l -= m.left + parseInt(h(r, "border-left-width")), s = a + i.height, u = l + i.width;
-          break;
-        }
-      while (r = r.parentNode);
-    if (o && t !== window) {
-      var y = ye(r || t), b = y && y.a, w = y && y.d;
-      y && (a /= w, l /= b, f /= b, d /= w, s = a + d, u = l + f);
-    }
-    return {
-      top: a,
-      left: l,
-      bottom: s,
-      right: u,
-      width: f,
-      height: d
-    };
-  }
-}
-function xt(t, e, n) {
-  for (var o = ce(t, true), r = P(t)[e]; o; ) {
-    var i = P(o)[n], a = void 0;
-    if (a = r >= i, !a)
-      return o;
-    if (o === te())
-      break;
-    o = ce(o, false);
-  }
-  return false;
-}
-function we(t, e, n, o) {
-  for (var r = 0, i = 0, a = t.children; i < a.length; ) {
-    if (a[i].style.display !== "none" && a[i] !== p.ghost && (o || a[i] !== p.dragged) && Q(a[i], n.draggable, t, false)) {
-      if (r === e)
-        return a[i];
-      r++;
-    }
-    i++;
-  }
-  return null;
-}
-function ht(t, e) {
-  for (var n = t.lastElementChild; n && (n === p.ghost || h(n, "display") === "none" || e && !We(n, e)); )
-    n = n.previousElementSibling;
-  return n || null;
-}
-function J(t, e) {
-  var n = 0;
-  if (!t || !t.parentNode)
-    return -1;
-  for (; t = t.previousElementSibling; )
-    t.nodeName.toUpperCase() !== "TEMPLATE" && t !== p.clone && (!e || We(t, e)) && n++;
-  return n;
-}
-function Nt(t) {
-  var e = 0, n = 0, o = te();
-  if (t)
-    do {
-      var r = ye(t), i = r.a, a = r.d;
-      e += t.scrollLeft * i, n += t.scrollTop * a;
-    } while (t !== o && (t = t.parentNode));
-  return [e, n];
-}
-function Mn(t, e) {
-  for (var n in t)
-    if (t.hasOwnProperty(n)) {
-      for (var o in e)
-        if (e.hasOwnProperty(o) && e[o] === t[n][o])
-          return Number(n);
-    }
-  return -1;
-}
-function ce(t, e) {
-  if (!t || !t.getBoundingClientRect)
-    return te();
-  var n = t, o = false;
-  do
-    if (n.clientWidth < n.scrollWidth || n.clientHeight < n.scrollHeight) {
-      var r = h(n);
-      if (n.clientWidth < n.scrollWidth && (r.overflowX == "auto" || r.overflowX == "scroll") || n.clientHeight < n.scrollHeight && (r.overflowY == "auto" || r.overflowY == "scroll")) {
-        if (!n.getBoundingClientRect || n === document.body)
-          return te();
-        if (o || e)
-          return n;
-        o = true;
-      }
-    }
-  while (n = n.parentNode);
-  return te();
-}
-function Fn(t, e) {
-  if (t && e)
-    for (var n in e)
-      e.hasOwnProperty(n) && (t[n] = e[n]);
-  return t;
-}
-function Je(t, e) {
-  return Math.round(t.top) === Math.round(e.top) && Math.round(t.left) === Math.round(e.left) && Math.round(t.height) === Math.round(e.height) && Math.round(t.width) === Math.round(e.width);
-}
-var Ce;
-function zt(t, e) {
-  return function() {
-    if (!Ce) {
-      var n = arguments, o = this;
-      n.length === 1 ? t.call(o, n[0]) : t.apply(o, n), Ce = setTimeout(function() {
-        Ce = void 0;
-      }, e);
-    }
-  };
-}
-function Rn() {
-  clearTimeout(Ce), Ce = void 0;
-}
-function Ut(t, e, n) {
-  t.scrollLeft += e, t.scrollTop += n;
-}
-function Vt(t) {
-  var e = window.Polymer, n = window.jQuery || window.Zepto;
-  return e && e.dom ? e.dom(t).cloneNode(true) : n ? n(t).clone(true)[0] : t.cloneNode(true);
-}
-function $t(t, e, n) {
-  var o = {};
-  return Array.from(t.children).forEach(function(r) {
-    var i, a, l, s;
-    if (!(!Q(r, e.draggable, t, false) || r.animated || r === n)) {
-      var u = P(r);
-      o.left = Math.min((i = o.left) !== null && i !== void 0 ? i : 1 / 0, u.left), o.top = Math.min((a = o.top) !== null && a !== void 0 ? a : 1 / 0, u.top), o.right = Math.max((l = o.right) !== null && l !== void 0 ? l : -1 / 0, u.right), o.bottom = Math.max((s = o.bottom) !== null && s !== void 0 ? s : -1 / 0, u.bottom);
-    }
-  }), o.width = o.right - o.left, o.height = o.bottom - o.top, o.x = o.left, o.y = o.top, o;
-}
-var q = "Sortable" + (/* @__PURE__ */ new Date()).getTime();
-function Xn() {
-  var t = [], e;
-  return {
-    captureAnimationState: function() {
-      if (t = [], !!this.options.animation) {
-        var o = [].slice.call(this.el.children);
-        o.forEach(function(r) {
-          if (!(h(r, "display") === "none" || r === p.ghost)) {
-            t.push({
-              target: r,
-              rect: P(r)
-            });
-            var i = ne({}, t[t.length - 1].rect);
-            if (r.thisAnimationDuration) {
-              var a = ye(r, true);
-              a && (i.top -= a.f, i.left -= a.e);
-            }
-            r.fromRect = i;
-          }
-        });
-      }
-    },
-    addAnimationState: function(o) {
-      t.push(o);
-    },
-    removeAnimationState: function(o) {
-      t.splice(Mn(t, {
-        target: o
-      }), 1);
-    },
-    animateAll: function(o) {
-      var r = this;
-      if (!this.options.animation) {
-        clearTimeout(e), typeof o == "function" && o();
-        return;
-      }
-      var i = false, a = 0;
-      t.forEach(function(l) {
-        var s = 0, u = l.target, d = u.fromRect, f = P(u), m = u.prevFromRect, y = u.prevToRect, b = l.rect, w = ye(u, true);
-        w && (f.top -= w.f, f.left -= w.e), u.toRect = f, u.thisAnimationDuration && Je(m, f) && !Je(d, f) && // Make sure animatingRect is on line between toRect & fromRect
-        (b.top - f.top) / (b.left - f.left) === (d.top - f.top) / (d.left - f.left) && (s = Bn(b, m, y, r.options)), Je(f, d) || (u.prevFromRect = d, u.prevToRect = f, s || (s = r.options.animation), r.animate(u, b, f, s)), s && (i = true, a = Math.max(a, s), clearTimeout(u.animationResetTimer), u.animationResetTimer = setTimeout(function() {
-          u.animationTime = 0, u.prevFromRect = null, u.fromRect = null, u.prevToRect = null, u.thisAnimationDuration = null;
-        }, s), u.thisAnimationDuration = s);
-      }), clearTimeout(e), i ? e = setTimeout(function() {
-        typeof o == "function" && o();
-      }, a) : typeof o == "function" && o(), t = [];
-    },
-    animate: function(o, r, i, a) {
-      if (a) {
-        h(o, "transition", ""), h(o, "transform", "");
-        var l = ye(this.el), s = l && l.a, u = l && l.d, d = (r.left - i.left) / (s || 1), f = (r.top - i.top) / (u || 1);
-        o.animatingX = !!d, o.animatingY = !!f, h(o, "transform", "translate3d(" + d + "px," + f + "px,0)"), this.forRepaintDummy = Yn(o), h(o, "transition", "transform " + a + "ms" + (this.options.easing ? " " + this.options.easing : "")), h(o, "transform", "translate3d(0,0,0)"), typeof o.animated == "number" && clearTimeout(o.animated), o.animated = setTimeout(function() {
-          h(o, "transition", ""), h(o, "transform", ""), o.animated = false, o.animatingX = false, o.animatingY = false;
-        }, a);
-      }
-    }
-  };
-}
-function Yn(t) {
-  return t.offsetWidth;
-}
-function Bn(t, e, n, o) {
-  return Math.sqrt(Math.pow(e.top - t.top, 2) + Math.pow(e.left - t.left, 2)) / Math.sqrt(Math.pow(e.top - n.top, 2) + Math.pow(e.left - n.left, 2)) * o.animation;
-}
-var ge = [], Ze = {
-  initializeByDefault: true
-}, Ne = {
-  mount: function(e) {
-    for (var n in Ze)
-      Ze.hasOwnProperty(n) && !(n in e) && (e[n] = Ze[n]);
-    ge.forEach(function(o) {
-      if (o.pluginName === e.pluginName)
-        throw "Sortable: Cannot mount plugin ".concat(e.pluginName, " more than once");
-    }), ge.push(e);
-  },
-  pluginEvent: function(e, n, o) {
-    var r = this;
-    this.eventCanceled = false, o.cancel = function() {
-      r.eventCanceled = true;
-    };
-    var i = e + "Global";
-    ge.forEach(function(a) {
-      n[a.pluginName] && (n[a.pluginName][i] && n[a.pluginName][i](ne({
-        sortable: n
-      }, o)), n.options[a.pluginName] && n[a.pluginName][e] && n[a.pluginName][e](ne({
-        sortable: n
-      }, o)));
-    });
-  },
-  initializePlugins: function(e, n, o, r) {
-    ge.forEach(function(l) {
-      var s = l.pluginName;
-      if (!(!e.options[s] && !l.initializeByDefault)) {
-        var u = new l(e, n, e.options);
-        u.sortable = e, u.options = e.options, e[s] = u, ie(o, u.defaults);
-      }
-    });
-    for (var i in e.options)
-      if (e.options.hasOwnProperty(i)) {
-        var a = this.modifyOption(e, i, e.options[i]);
-        typeof a != "undefined" && (e.options[i] = a);
-      }
-  },
-  getEventProperties: function(e, n) {
-    var o = {};
-    return ge.forEach(function(r) {
-      typeof r.eventProperties == "function" && ie(o, r.eventProperties.call(n[r.pluginName], e));
-    }), o;
-  },
-  modifyOption: function(e, n, o) {
-    var r;
-    return ge.forEach(function(i) {
-      e[i.pluginName] && i.optionListeners && typeof i.optionListeners[n] == "function" && (r = i.optionListeners[n].call(e[i.pluginName], o));
-    }), r;
-  }
-};
-function kn(t) {
-  var e = t.sortable, n = t.rootEl, o = t.name, r = t.targetEl, i = t.cloneEl, a = t.toEl, l = t.fromEl, s = t.oldIndex, u = t.newIndex, d = t.oldDraggableIndex, f = t.newDraggableIndex, m = t.originalEvent, y = t.putSortable, b = t.extraEventProperties;
-  if (e = e || n && n[q], !!e) {
-    var w, L = e.options, G = "on" + o.charAt(0).toUpperCase() + o.substr(1);
-    window.CustomEvent && !ae && !xe ? w = new CustomEvent(o, {
-      bubbles: true,
-      cancelable: true
-    }) : (w = document.createEvent("Event"), w.initEvent(o, true, true)), w.to = a || n, w.from = l || n, w.item = r || n, w.clone = i, w.oldIndex = s, w.newIndex = u, w.oldDraggableIndex = d, w.newDraggableIndex = f, w.originalEvent = m, w.pullMode = y ? y.lastPutMode : void 0;
-    var R = ne(ne({}, b), Ne.getEventProperties(o, e));
-    for (var j in R)
-      w[j] = R[j];
-    n && n.dispatchEvent(w), L[G] && L[G].call(e, w);
-  }
-}
-var Hn = ["evt"], z = function(e, n) {
-  var o = arguments.length > 2 && arguments[2] !== void 0 ? arguments[2] : {}, r = o.evt, i = xn(o, Hn);
-  Ne.pluginEvent.bind(p)(e, n, ne({
-    dragEl: c,
-    parentEl: O,
-    ghostEl: g,
-    rootEl: T,
-    nextEl: pe,
-    lastDownEl: Be,
-    cloneEl: C,
-    cloneHidden: ue,
-    dragStarted: Se,
-    putSortable: Y,
-    activeSortable: p.active,
-    originalEvent: r,
-    oldIndex: be,
-    oldDraggableIndex: Oe,
-    newIndex: $,
-    newDraggableIndex: se,
-    hideGhostForTarget: Zt,
-    unhideGhostForTarget: Qt,
-    cloneNowHidden: function() {
-      ue = true;
-    },
-    cloneNowShown: function() {
-      ue = false;
-    },
-    dispatchSortableEvent: function(l) {
-      W({
-        sortable: n,
-        name: l,
-        originalEvent: r
-      });
-    }
-  }, i));
-};
-function W(t) {
-  kn(ne({
-    putSortable: Y,
-    cloneEl: C,
-    targetEl: c,
-    rootEl: T,
-    oldIndex: be,
-    oldDraggableIndex: Oe,
-    newIndex: $,
-    newDraggableIndex: se
-  }, t));
-}
-var c, O, g, T, pe, Be, C, ue, be, $, Oe, se, Me, Y, ve = false, Ge = false, je = [], de, Z, Qe, et, Pt, Mt, Se, me, Ie, Ae = false, Fe = false, ke, H, tt = [], lt = false, ze = [], Ve = typeof document != "undefined", Re = Lt, Ft = xe || ae ? "cssFloat" : "float", Ln = Ve && !Wt && !Lt && "draggable" in document.createElement("div"), qt = (function() {
-  if (Ve) {
-    if (ae)
-      return false;
-    var t = document.createElement("x");
-    return t.style.cssText = "pointer-events:auto", t.style.pointerEvents === "auto";
-  }
-})(), Kt = function(e, n) {
-  var o = h(e), r = parseInt(o.width) - parseInt(o.paddingLeft) - parseInt(o.paddingRight) - parseInt(o.borderLeftWidth) - parseInt(o.borderRightWidth), i = we(e, 0, n), a = we(e, 1, n), l = i && h(i), s = a && h(a), u = l && parseInt(l.marginLeft) + parseInt(l.marginRight) + P(i).width, d = s && parseInt(s.marginLeft) + parseInt(s.marginRight) + P(a).width;
-  if (o.display === "flex")
-    return o.flexDirection === "column" || o.flexDirection === "column-reverse" ? "vertical" : "horizontal";
-  if (o.display === "grid")
-    return o.gridTemplateColumns.split(" ").length <= 1 ? "vertical" : "horizontal";
-  if (i && l.float && l.float !== "none") {
-    var f = l.float === "left" ? "left" : "right";
-    return a && (s.clear === "both" || s.clear === f) ? "vertical" : "horizontal";
-  }
-  return i && (l.display === "block" || l.display === "flex" || l.display === "table" || l.display === "grid" || u >= r && o[Ft] === "none" || a && o[Ft] === "none" && u + d > r) ? "vertical" : "horizontal";
-}, Wn = function(e, n, o) {
-  var r = o ? e.left : e.top, i = o ? e.right : e.bottom, a = o ? e.width : e.height, l = o ? n.left : n.top, s = o ? n.right : n.bottom, u = o ? n.width : n.height;
-  return r === l || i === s || r + a / 2 === l + u / 2;
-}, Gn = function(e, n) {
-  var o;
-  return je.some(function(r) {
-    var i = r[q].options.emptyInsertThreshold;
-    if (!(!i || ht(r))) {
-      var a = P(r), l = e >= a.left - i && e <= a.right + i, s = n >= a.top - i && n <= a.bottom + i;
-      if (l && s)
-        return o = r;
-    }
-  }), o;
-}, Jt = function(e) {
-  function n(i, a) {
-    return function(l, s, u, d) {
-      var f = l.options.group.name && s.options.group.name && l.options.group.name === s.options.group.name;
-      if (i == null && (a || f))
-        return true;
-      if (i == null || i === false)
-        return false;
-      if (a && i === "clone")
-        return i;
-      if (typeof i == "function")
-        return n(i(l, s, u, d), a)(l, s, u, d);
-      var m = (a ? l : s).options.group.name;
-      return i === true || typeof i == "string" && i === m || i.join && i.indexOf(m) > -1;
-    };
-  }
-  var o = {}, r = e.group;
-  (!r || Ye(r) != "object") && (r = {
-    name: r
-  }), o.name = r.name, o.checkPull = n(r.pull, true), o.checkPut = n(r.put), o.revertClone = r.revertClone, e.group = o;
-}, Zt = function() {
-  !qt && g && h(g, "display", "none");
-}, Qt = function() {
-  !qt && g && h(g, "display", "");
-};
-Ve && !Wt && document.addEventListener("click", function(t) {
-  if (Ge)
-    return t.preventDefault(), t.stopPropagation && t.stopPropagation(), t.stopImmediatePropagation && t.stopImmediatePropagation(), Ge = false, false;
-}, true);
-var he = function(e) {
-  if (c) {
-    e = e.touches ? e.touches[0] : e;
-    var n = Gn(e.clientX, e.clientY);
-    if (n) {
-      var o = {};
-      for (var r in e)
-        e.hasOwnProperty(r) && (o[r] = e[r]);
-      o.target = o.rootEl = n, o.preventDefault = void 0, o.stopPropagation = void 0, n[q]._onDragOver(o);
-    }
-  }
-}, jn = function(e) {
-  c && c.parentNode[q]._isOutsideThisEl(e.target);
-};
-function p(t, e) {
-  if (!(t && t.nodeType && t.nodeType === 1))
-    throw "Sortable: `el` must be an HTMLElement, not ".concat({}.toString.call(t));
-  this.el = t, this.options = e = ie({}, e), t[q] = this;
-  var n = {
-    group: null,
-    sort: true,
-    disabled: false,
-    store: null,
-    handle: null,
-    draggable: /^[uo]l$/i.test(t.nodeName) ? ">li" : ">*",
-    swapThreshold: 1,
-    // percentage; 0 <= x <= 1
-    invertSwap: false,
-    // invert always
-    invertedSwapThreshold: null,
-    // will be set to same as swapThreshold if default
-    removeCloneOnHide: true,
-    direction: function() {
-      return Kt(t, this.options);
-    },
-    ghostClass: "sortable-ghost",
-    chosenClass: "sortable-chosen",
-    dragClass: "sortable-drag",
-    ignore: "a, img",
-    filter: null,
-    preventOnFilter: true,
-    animation: 0,
-    easing: null,
-    setData: function(a, l) {
-      a.setData("Text", l.textContent);
-    },
-    dropBubble: false,
-    dragoverBubble: false,
-    dataIdAttr: "data-id",
-    delay: 0,
-    delayOnTouchOnly: false,
-    touchStartThreshold: (Number.parseInt ? Number : window).parseInt(window.devicePixelRatio, 10) || 1,
-    forceFallback: false,
-    fallbackClass: "sortable-fallback",
-    fallbackOnBody: false,
-    fallbackTolerance: 0,
-    fallbackOffset: {
-      x: 0,
-      y: 0
-    },
-    supportPointer: p.supportPointer !== false && "PointerEvent" in window && !Te,
-    emptyInsertThreshold: 5
-  };
-  Ne.initializePlugins(this, t, n);
-  for (var o in n)
-    !(o in e) && (e[o] = n[o]);
-  Jt(e);
-  for (var r in this)
-    r.charAt(0) === "_" && typeof this[r] == "function" && (this[r] = this[r].bind(this));
-  this.nativeDraggable = e.forceFallback ? false : Ln, this.nativeDraggable && (this.options.touchStartThreshold = 1), e.supportPointer ? S(t, "pointerdown", this._onTapStart) : (S(t, "mousedown", this._onTapStart), S(t, "touchstart", this._onTapStart)), this.nativeDraggable && (S(t, "dragover", this), S(t, "dragenter", this)), je.push(this.el), e.store && e.store.get && this.sort(e.store.get(this) || []), ie(this, Xn());
-}
-p.prototype = /** @lends Sortable.prototype */
-{
-  constructor: p,
-  _isOutsideThisEl: function(e) {
-    !this.el.contains(e) && e !== this.el && (me = null);
-  },
-  _getDirection: function(e, n) {
-    return typeof this.options.direction == "function" ? this.options.direction.call(this, e, n, c) : this.options.direction;
-  },
-  _onTapStart: function(e) {
-    if (e.cancelable) {
-      var n = this, o = this.el, r = this.options, i = r.preventOnFilter, a = e.type, l = e.touches && e.touches[0] || e.pointerType && e.pointerType === "touch" && e, s = (l || e).target, u = e.target.shadowRoot && (e.path && e.path[0] || e.composedPath && e.composedPath()[0]) || s, d = r.filter;
-      if (Zn(o), !c && !(/mousedown|pointerdown/.test(a) && e.button !== 0 || r.disabled) && !u.isContentEditable && !(!this.nativeDraggable && Te && s && s.tagName.toUpperCase() === "SELECT") && (s = Q(s, r.draggable, o, false), !(s && s.animated) && Be !== s)) {
-        if (be = J(s), Oe = J(s, r.draggable), typeof d == "function") {
-          if (d.call(this, e, s, this)) {
-            W({
-              sortable: n,
-              rootEl: u,
-              name: "filter",
-              targetEl: s,
-              toEl: o,
-              fromEl: o
-            }), z("filter", n, {
-              evt: e
-            }), i && e.cancelable && e.preventDefault();
-            return;
-          }
-        } else if (d && (d = d.split(",").some(function(f) {
-          if (f = Q(u, f.trim(), o, false), f)
-            return W({
-              sortable: n,
-              rootEl: f,
-              name: "filter",
-              targetEl: s,
-              fromEl: o,
-              toEl: o
-            }), z("filter", n, {
-              evt: e
-            }), true;
-        }), d)) {
-          i && e.cancelable && e.preventDefault();
-          return;
-        }
-        r.handle && !Q(u, r.handle, o, false) || this._prepareDragStart(e, l, s);
-      }
-    }
-  },
-  _prepareDragStart: function(e, n, o) {
-    var r = this, i = r.el, a = r.options, l = i.ownerDocument, s;
-    if (o && !c && o.parentNode === i) {
-      var u = P(o);
-      if (T = i, c = o, O = c.parentNode, pe = c.nextSibling, Be = o, Me = a.group, p.dragged = c, de = {
-        target: c,
-        clientX: (n || e).clientX,
-        clientY: (n || e).clientY
-      }, Pt = de.clientX - u.left, Mt = de.clientY - u.top, this._lastX = (n || e).clientX, this._lastY = (n || e).clientY, c.style["will-change"] = "all", s = function() {
-        if (z("delayEnded", r, {
-          evt: e
-        }), p.eventCanceled) {
-          r._onDrop();
-          return;
-        }
-        r._disableDelayedDragEvents(), !It && r.nativeDraggable && (c.draggable = true), r._triggerDragStart(e, n), W({
-          sortable: r,
-          name: "choose",
-          originalEvent: e
-        }), V(c, a.chosenClass, true);
-      }, a.ignore.split(",").forEach(function(d) {
-        jt(c, d.trim(), nt);
-      }), S(l, "dragover", he), S(l, "mousemove", he), S(l, "touchmove", he), S(l, "mouseup", r._onDrop), S(l, "touchend", r._onDrop), S(l, "touchcancel", r._onDrop), It && this.nativeDraggable && (this.options.touchStartThreshold = 4, c.draggable = true), z("delayStart", this, {
-        evt: e
-      }), a.delay && (!a.delayOnTouchOnly || n) && (!this.nativeDraggable || !(xe || ae))) {
-        if (p.eventCanceled) {
-          this._onDrop();
-          return;
-        }
-        S(l, "mouseup", r._disableDelayedDrag), S(l, "touchend", r._disableDelayedDrag), S(l, "touchcancel", r._disableDelayedDrag), S(l, "mousemove", r._delayedDragTouchMoveHandler), S(l, "touchmove", r._delayedDragTouchMoveHandler), a.supportPointer && S(l, "pointermove", r._delayedDragTouchMoveHandler), r._dragStartTimer = setTimeout(s, a.delay);
-      } else
-        s();
-    }
-  },
-  _delayedDragTouchMoveHandler: function(e) {
-    var n = e.touches ? e.touches[0] : e;
-    Math.max(Math.abs(n.clientX - this._lastX), Math.abs(n.clientY - this._lastY)) >= Math.floor(this.options.touchStartThreshold / (this.nativeDraggable && window.devicePixelRatio || 1)) && this._disableDelayedDrag();
-  },
-  _disableDelayedDrag: function() {
-    c && nt(c), clearTimeout(this._dragStartTimer), this._disableDelayedDragEvents();
-  },
-  _disableDelayedDragEvents: function() {
-    var e = this.el.ownerDocument;
-    E(e, "mouseup", this._disableDelayedDrag), E(e, "touchend", this._disableDelayedDrag), E(e, "touchcancel", this._disableDelayedDrag), E(e, "mousemove", this._delayedDragTouchMoveHandler), E(e, "touchmove", this._delayedDragTouchMoveHandler), E(e, "pointermove", this._delayedDragTouchMoveHandler);
-  },
-  _triggerDragStart: function(e, n) {
-    n = n || e.pointerType == "touch" && e, !this.nativeDraggable || n ? this.options.supportPointer ? S(document, "pointermove", this._onTouchMove) : n ? S(document, "touchmove", this._onTouchMove) : S(document, "mousemove", this._onTouchMove) : (S(c, "dragend", this), S(T, "dragstart", this._onDragStart));
-    try {
-      document.selection ? He(function() {
-        document.selection.empty();
-      }) : window.getSelection().removeAllRanges();
-    } catch (o) {
-    }
-  },
-  _dragStarted: function(e, n) {
-    if (ve = false, T && c) {
-      z("dragStarted", this, {
-        evt: n
-      }), this.nativeDraggable && S(document, "dragover", jn);
-      var o = this.options;
-      !e && V(c, o.dragClass, false), V(c, o.ghostClass, true), p.active = this, e && this._appendGhost(), W({
-        sortable: this,
-        name: "start",
-        originalEvent: n
-      });
-    } else
-      this._nulling();
-  },
-  _emulateDragOver: function() {
-    if (Z) {
-      this._lastX = Z.clientX, this._lastY = Z.clientY, Zt();
-      for (var e = document.elementFromPoint(Z.clientX, Z.clientY), n = e; e && e.shadowRoot && (e = e.shadowRoot.elementFromPoint(Z.clientX, Z.clientY), e !== n); )
-        n = e;
-      if (c.parentNode[q]._isOutsideThisEl(e), n)
-        do {
-          if (n[q]) {
-            var o = void 0;
-            if (o = n[q]._onDragOver({
-              clientX: Z.clientX,
-              clientY: Z.clientY,
-              target: e,
-              rootEl: n
-            }), o && !this.options.dragoverBubble)
-              break;
-          }
-          e = n;
-        } while (n = n.parentNode);
-      Qt();
-    }
-  },
-  _onTouchMove: function(e) {
-    if (de) {
-      var n = this.options, o = n.fallbackTolerance, r = n.fallbackOffset, i = e.touches ? e.touches[0] : e, a = g && ye(g, true), l = g && a && a.a, s = g && a && a.d, u = Re && H && Nt(H), d = (i.clientX - de.clientX + r.x) / (l || 1) + (u ? u[0] - tt[0] : 0) / (l || 1), f = (i.clientY - de.clientY + r.y) / (s || 1) + (u ? u[1] - tt[1] : 0) / (s || 1);
-      if (!p.active && !ve) {
-        if (o && Math.max(Math.abs(i.clientX - this._lastX), Math.abs(i.clientY - this._lastY)) < o)
-          return;
-        this._onDragStart(e, true);
-      }
-      if (g) {
-        a ? (a.e += d - (Qe || 0), a.f += f - (et || 0)) : a = {
-          a: 1,
-          b: 0,
-          c: 0,
-          d: 1,
-          e: d,
-          f
-        };
-        var m = "matrix(".concat(a.a, ",").concat(a.b, ",").concat(a.c, ",").concat(a.d, ",").concat(a.e, ",").concat(a.f, ")");
-        h(g, "webkitTransform", m), h(g, "mozTransform", m), h(g, "msTransform", m), h(g, "transform", m), Qe = d, et = f, Z = i;
-      }
-      e.cancelable && e.preventDefault();
-    }
-  },
-  _appendGhost: function() {
-    if (!g) {
-      var e = this.options.fallbackOnBody ? document.body : T, n = P(c, true, Re, true, e), o = this.options;
-      if (Re) {
-        for (H = e; h(H, "position") === "static" && h(H, "transform") === "none" && H !== document; )
-          H = H.parentNode;
-        H !== document.body && H !== document.documentElement ? (H === document && (H = te()), n.top += H.scrollTop, n.left += H.scrollLeft) : H = te(), tt = Nt(H);
-      }
-      g = c.cloneNode(true), V(g, o.ghostClass, false), V(g, o.fallbackClass, true), V(g, o.dragClass, true), h(g, "transition", ""), h(g, "transform", ""), h(g, "box-sizing", "border-box"), h(g, "margin", 0), h(g, "top", n.top), h(g, "left", n.left), h(g, "width", n.width), h(g, "height", n.height), h(g, "opacity", "0.8"), h(g, "position", Re ? "absolute" : "fixed"), h(g, "zIndex", "100000"), h(g, "pointerEvents", "none"), p.ghost = g, e.appendChild(g), h(g, "transform-origin", Pt / parseInt(g.style.width) * 100 + "% " + Mt / parseInt(g.style.height) * 100 + "%");
-    }
-  },
-  _onDragStart: function(e, n) {
-    var o = this, r = e.dataTransfer, i = o.options;
-    if (z("dragStart", this, {
-      evt: e
-    }), p.eventCanceled) {
-      this._onDrop();
-      return;
-    }
-    z("setupClone", this), p.eventCanceled || (C = Vt(c), C.removeAttribute("id"), C.draggable = false, C.style["will-change"] = "", this._hideClone(), V(C, this.options.chosenClass, false), p.clone = C), o.cloneId = He(function() {
-      z("clone", o), !p.eventCanceled && (o.options.removeCloneOnHide || T.insertBefore(C, c), o._hideClone(), W({
-        sortable: o,
-        name: "clone"
-      }));
-    }), !n && V(c, i.dragClass, true), n ? (Ge = true, o._loopId = setInterval(o._emulateDragOver, 50)) : (E(document, "mouseup", o._onDrop), E(document, "touchend", o._onDrop), E(document, "touchcancel", o._onDrop), r && (r.effectAllowed = "move", i.setData && i.setData.call(o, r, c)), S(document, "drop", o), h(c, "transform", "translateZ(0)")), ve = true, o._dragStartId = He(o._dragStarted.bind(o, n, e)), S(document, "selectstart", o), Se = true, Te && h(document.body, "user-select", "none");
-  },
-  // Returns true - if no further action is needed (either inserted or another condition)
-  _onDragOver: function(e) {
-    var n = this.el, o = e.target, r, i, a, l = this.options, s = l.group, u = p.active, d = Me === s, f = l.sort, m = Y || u, y, b = this, w = false;
-    if (lt)
-      return;
-    function L(ee, Ee) {
-      z(ee, b, ne({
-        evt: e,
-        isOwner: d,
-        axis: y ? "vertical" : "horizontal",
-        revert: a,
-        dragRect: r,
-        targetRect: i,
-        canSort: f,
-        fromSortable: m,
-        target: o,
-        completed: R,
-        onMove: function(vt, rn) {
-          return Xe(T, n, c, r, vt, P(vt), e, rn);
-        },
-        changed: j
-      }, Ee));
-    }
-    function G() {
-      L("dragOverAnimationCapture"), b.captureAnimationState(), b !== m && m.captureAnimationState();
-    }
-    function R(ee) {
-      return L("dragOverCompleted", {
-        insertion: ee
-      }), ee && (d ? u._hideClone() : u._showClone(b), b !== m && (V(c, Y ? Y.options.ghostClass : u.options.ghostClass, false), V(c, l.ghostClass, true)), Y !== b && b !== p.active ? Y = b : b === p.active && Y && (Y = null), m === b && (b._ignoreWhileAnimating = o), b.animateAll(function() {
-        L("dragOverAnimationComplete"), b._ignoreWhileAnimating = null;
-      }), b !== m && (m.animateAll(), m._ignoreWhileAnimating = null)), (o === c && !c.animated || o === n && !o.animated) && (me = null), !l.dragoverBubble && !e.rootEl && o !== document && (c.parentNode[q]._isOutsideThisEl(e.target), !ee && he(e)), !l.dragoverBubble && e.stopPropagation && e.stopPropagation(), w = true;
-    }
-    function j() {
-      $ = J(c), se = J(c, l.draggable), W({
-        sortable: b,
-        name: "change",
-        toEl: n,
-        newIndex: $,
-        newDraggableIndex: se,
-        originalEvent: e
-      });
-    }
-    if (e.preventDefault !== void 0 && e.cancelable && e.preventDefault(), o = Q(o, l.draggable, n, true), L("dragOver"), p.eventCanceled)
-      return w;
-    if (c.contains(e.target) || o.animated && o.animatingX && o.animatingY || b._ignoreWhileAnimating === o)
-      return R(false);
-    if (Ge = false, u && !l.disabled && (d ? f || (a = O !== T) : Y === this || (this.lastPutMode = Me.checkPull(this, u, c, e)) && s.checkPut(this, u, c, e))) {
-      if (y = this._getDirection(e, o) === "vertical", r = P(c), L("dragOverValid"), p.eventCanceled)
-        return w;
-      if (a)
-        return O = T, G(), this._hideClone(), L("revert"), p.eventCanceled || (pe ? T.insertBefore(c, pe) : T.appendChild(c)), R(true);
-      var B = ht(n, l.draggable);
-      if (!B || $n(e, y, this) && !B.animated) {
-        if (B === c)
-          return R(false);
-        if (B && n === e.target && (o = B), o && (i = P(o)), Xe(T, n, c, r, o, i, e, !!o) !== false)
-          return G(), B && B.nextSibling ? n.insertBefore(c, B.nextSibling) : n.appendChild(c), O = n, j(), R(true);
-      } else if (B && Vn(e, y, this)) {
-        var X = we(n, 0, l, true);
-        if (X === c)
-          return R(false);
-        if (o = X, i = P(o), Xe(T, n, c, r, o, i, e, false) !== false)
-          return G(), n.insertBefore(c, X), O = n, j(), R(true);
-      } else if (o.parentNode === n) {
-        i = P(o);
-        var K = 0, oe, le = c.parentNode !== n, k = !Wn(c.animated && c.toRect || r, o.animated && o.toRect || i, y), v = y ? "top" : "left", D = xt(o, "top", "top") || xt(c, "top", "top"), A = D ? D.scrollTop : void 0;
-        me !== o && (oe = i[v], Ae = false, Fe = !k && l.invertSwap || le), K = qn(e, o, i, y, k ? 1 : l.swapThreshold, l.invertedSwapThreshold == null ? l.swapThreshold : l.invertedSwapThreshold, Fe, me === o);
-        var I;
-        if (K !== 0) {
-          var _ = J(c);
-          do
-            _ -= K, I = O.children[_];
-          while (I && (h(I, "display") === "none" || I === g));
-        }
-        if (K === 0 || I === o)
-          return R(false);
-        me = o, Ie = K;
-        var x = o.nextElementSibling, M = false;
-        M = K === 1;
-        var F = Xe(T, n, c, r, o, i, e, M);
-        if (F !== false)
-          return (F === 1 || F === -1) && (M = F === 1), lt = true, setTimeout(Un, 30), G(), M && !x ? n.appendChild(c) : o.parentNode.insertBefore(c, M ? x : o), D && Ut(D, 0, A - D.scrollTop), O = c.parentNode, oe !== void 0 && !Fe && (ke = Math.abs(oe - P(o)[v])), j(), R(true);
-      }
-      if (n.contains(c))
-        return R(false);
-    }
-    return false;
-  },
-  _ignoreWhileAnimating: null,
-  _offMoveEvents: function() {
-    E(document, "mousemove", this._onTouchMove), E(document, "touchmove", this._onTouchMove), E(document, "pointermove", this._onTouchMove), E(document, "dragover", he), E(document, "mousemove", he), E(document, "touchmove", he);
-  },
-  _offUpEvents: function() {
-    var e = this.el.ownerDocument;
-    E(e, "mouseup", this._onDrop), E(e, "touchend", this._onDrop), E(e, "pointerup", this._onDrop), E(e, "touchcancel", this._onDrop), E(document, "selectstart", this);
-  },
-  _onDrop: function(e) {
-    var n = this.el, o = this.options;
-    if ($ = J(c), se = J(c, o.draggable), z("drop", this, {
-      evt: e
-    }), O = c && c.parentNode, $ = J(c), se = J(c, o.draggable), p.eventCanceled) {
-      this._nulling();
-      return;
-    }
-    ve = false, Fe = false, Ae = false, clearInterval(this._loopId), clearTimeout(this._dragStartTimer), st(this.cloneId), st(this._dragStartId), this.nativeDraggable && (E(document, "drop", this), E(n, "dragstart", this._onDragStart)), this._offMoveEvents(), this._offUpEvents(), Te && h(document.body, "user-select", ""), h(c, "transform", ""), e && (Se && (e.cancelable && e.preventDefault(), !o.dropBubble && e.stopPropagation()), g && g.parentNode && g.parentNode.removeChild(g), (T === O || Y && Y.lastPutMode !== "clone") && C && C.parentNode && C.parentNode.removeChild(C), c && (this.nativeDraggable && E(c, "dragend", this), nt(c), c.style["will-change"] = "", Se && !ve && V(c, Y ? Y.options.ghostClass : this.options.ghostClass, false), V(c, this.options.chosenClass, false), W({
-      sortable: this,
-      name: "unchoose",
-      toEl: O,
-      newIndex: null,
-      newDraggableIndex: null,
-      originalEvent: e
-    }), T !== O ? ($ >= 0 && (W({
-      rootEl: O,
-      name: "add",
-      toEl: O,
-      fromEl: T,
-      originalEvent: e
-    }), W({
-      sortable: this,
-      name: "remove",
-      toEl: O,
-      originalEvent: e
-    }), W({
-      rootEl: O,
-      name: "sort",
-      toEl: O,
-      fromEl: T,
-      originalEvent: e
-    }), W({
-      sortable: this,
-      name: "sort",
-      toEl: O,
-      originalEvent: e
-    })), Y && Y.save()) : $ !== be && $ >= 0 && (W({
-      sortable: this,
-      name: "update",
-      toEl: O,
-      originalEvent: e
-    }), W({
-      sortable: this,
-      name: "sort",
-      toEl: O,
-      originalEvent: e
-    })), p.active && (($ == null || $ === -1) && ($ = be, se = Oe), W({
-      sortable: this,
-      name: "end",
-      toEl: O,
-      originalEvent: e
-    }), this.save()))), this._nulling();
-  },
-  _nulling: function() {
-    z("nulling", this), T = c = O = g = pe = C = Be = ue = de = Z = Se = $ = se = be = Oe = me = Ie = Y = Me = p.dragged = p.ghost = p.clone = p.active = null, ze.forEach(function(e) {
-      e.checked = true;
-    }), ze.length = Qe = et = 0;
-  },
-  handleEvent: function(e) {
-    switch (e.type) {
-      case "drop":
-      case "dragend":
-        this._onDrop(e);
-        break;
-      case "dragenter":
-      case "dragover":
-        c && (this._onDragOver(e), zn(e));
-        break;
-      case "selectstart":
-        e.preventDefault();
-        break;
-    }
-  },
-  /**
-   * Serializes the item into an array of string.
-   * @returns {String[]}
-   */
-  toArray: function() {
-    for (var e = [], n, o = this.el.children, r = 0, i = o.length, a = this.options; r < i; r++)
-      n = o[r], Q(n, a.draggable, this.el, false) && e.push(n.getAttribute(a.dataIdAttr) || Jn(n));
-    return e;
-  },
-  /**
-   * Sorts the elements according to the array.
-   * @param  {String[]}  order  order of the items
-   */
-  sort: function(e, n) {
-    var o = {}, r = this.el;
-    this.toArray().forEach(function(i, a) {
-      var l = r.children[a];
-      Q(l, this.options.draggable, r, false) && (o[i] = l);
-    }, this), n && this.captureAnimationState(), e.forEach(function(i) {
-      o[i] && (r.removeChild(o[i]), r.appendChild(o[i]));
-    }), n && this.animateAll();
-  },
-  /**
-   * Save the current sorting
-   */
-  save: function() {
-    var e = this.options.store;
-    e && e.set && e.set(this);
-  },
-  /**
-   * For each element in the set, get the first element that matches the selector by testing the element itself and traversing up through its ancestors in the DOM tree.
-   * @param   {HTMLElement}  el
-   * @param   {String}       [selector]  default: `options.draggable`
-   * @returns {HTMLElement|null}
-   */
-  closest: function(e, n) {
-    return Q(e, n || this.options.draggable, this.el, false);
-  },
-  /**
-   * Set/get option
-   * @param   {string} name
-   * @param   {*}      [value]
-   * @returns {*}
-   */
-  option: function(e, n) {
-    var o = this.options;
-    if (n === void 0)
-      return o[e];
-    var r = Ne.modifyOption(this, e, n);
-    typeof r != "undefined" ? o[e] = r : o[e] = n, e === "group" && Jt(o);
-  },
-  /**
-   * Destroy
-   */
-  destroy: function() {
-    z("destroy", this);
-    var e = this.el;
-    e[q] = null, E(e, "mousedown", this._onTapStart), E(e, "touchstart", this._onTapStart), E(e, "pointerdown", this._onTapStart), this.nativeDraggable && (E(e, "dragover", this), E(e, "dragenter", this)), Array.prototype.forEach.call(e.querySelectorAll("[draggable]"), function(n) {
-      n.removeAttribute("draggable");
-    }), this._onDrop(), this._disableDelayedDragEvents(), je.splice(je.indexOf(this.el), 1), this.el = e = null;
-  },
-  _hideClone: function() {
-    if (!ue) {
-      if (z("hideClone", this), p.eventCanceled)
-        return;
-      h(C, "display", "none"), this.options.removeCloneOnHide && C.parentNode && C.parentNode.removeChild(C), ue = true;
-    }
-  },
-  _showClone: function(e) {
-    if (e.lastPutMode !== "clone") {
-      this._hideClone();
-      return;
-    }
-    if (ue) {
-      if (z("showClone", this), p.eventCanceled)
-        return;
-      c.parentNode == T && !this.options.group.revertClone ? T.insertBefore(C, c) : pe ? T.insertBefore(C, pe) : T.appendChild(C), this.options.group.revertClone && this.animate(c, C), h(C, "display", ""), ue = false;
-    }
-  }
-};
-function zn(t) {
-  t.dataTransfer && (t.dataTransfer.dropEffect = "move"), t.cancelable && t.preventDefault();
-}
-function Xe(t, e, n, o, r, i, a, l) {
-  var s, u = t[q], d = u.options.onMove, f;
-  return window.CustomEvent && !ae && !xe ? s = new CustomEvent("move", {
-    bubbles: true,
-    cancelable: true
-  }) : (s = document.createEvent("Event"), s.initEvent("move", true, true)), s.to = e, s.from = t, s.dragged = n, s.draggedRect = o, s.related = r || e, s.relatedRect = i || P(e), s.willInsertAfter = l, s.originalEvent = a, t.dispatchEvent(s), d && (f = d.call(u, s, a)), f;
-}
-function nt(t) {
-  t.draggable = false;
-}
-function Un() {
-  lt = false;
-}
-function Vn(t, e, n) {
-  var o = P(we(n.el, 0, n.options, true)), r = $t(n.el, n.options, g), i = 10;
-  return e ? t.clientX < r.left - i || t.clientY < o.top && t.clientX < o.right : t.clientY < r.top - i || t.clientY < o.bottom && t.clientX < o.left;
-}
-function $n(t, e, n) {
-  var o = P(ht(n.el, n.options.draggable)), r = $t(n.el, n.options, g), i = 10;
-  return e ? t.clientX > r.right + i || t.clientY > o.bottom && t.clientX > o.left : t.clientY > r.bottom + i || t.clientX > o.right && t.clientY > o.top;
-}
-function qn(t, e, n, o, r, i, a, l) {
-  var s = o ? t.clientY : t.clientX, u = o ? n.height : n.width, d = o ? n.top : n.left, f = o ? n.bottom : n.right, m = false;
-  if (!a) {
-    if (l && ke < u * r) {
-      if (!Ae && (Ie === 1 ? s > d + u * i / 2 : s < f - u * i / 2) && (Ae = true), Ae)
-        m = true;
-      else if (Ie === 1 ? s < d + ke : s > f - ke)
-        return -Ie;
-    } else if (s > d + u * (1 - r) / 2 && s < f - u * (1 - r) / 2)
-      return Kn(e);
-  }
-  return m = m || a, m && (s < d + u * i / 2 || s > f - u * i / 2) ? s > d + u / 2 ? 1 : -1 : 0;
-}
-function Kn(t) {
-  return J(c) < J(t) ? 1 : -1;
-}
-function Jn(t) {
-  for (var e = t.tagName + t.className + t.src + t.href + t.textContent, n = e.length, o = 0; n--; )
-    o += e.charCodeAt(n);
-  return o.toString(36);
-}
-function Zn(t) {
-  ze.length = 0;
-  for (var e = t.getElementsByTagName("input"), n = e.length; n--; ) {
-    var o = e[n];
-    o.checked && ze.push(o);
-  }
-}
-function He(t) {
-  return setTimeout(t, 0);
-}
-function st(t) {
-  return clearTimeout(t);
-}
-Ve && S(document, "touchmove", function(t) {
-  (p.active || ve) && t.cancelable && t.preventDefault();
-});
-p.utils = {
-  on: S,
-  off: E,
-  css: h,
-  find: jt,
-  is: function(e, n) {
-    return !!Q(e, n, e, false);
-  },
-  extend: Fn,
-  throttle: zt,
-  closest: Q,
-  toggleClass: V,
-  clone: Vt,
-  index: J,
-  nextTick: He,
-  cancelNextTick: st,
-  detectDirection: Kt,
-  getChild: we
-};
-p.get = function(t) {
-  return t[q];
-};
-p.mount = function() {
-  for (var t = arguments.length, e = new Array(t), n = 0; n < t; n++)
-    e[n] = arguments[n];
-  e[0].constructor === Array && (e = e[0]), e.forEach(function(o) {
-    if (!o.prototype || !o.prototype.constructor)
-      throw "Sortable: Mounted plugin must be a constructor function, not ".concat({}.toString.call(o));
-    o.utils && (p.utils = ne(ne({}, p.utils), o.utils)), Ne.mount(o);
-  });
-};
-p.create = function(t, e) {
-  return new p(t, e);
-};
-p.version = Nn;
-var N = [], De, ut, ct = false, ot, rt, Ue, _e;
-function Qn() {
-  function t() {
-    this.defaults = {
-      scroll: true,
-      forceAutoScrollFallback: false,
-      scrollSensitivity: 30,
-      scrollSpeed: 10,
-      bubbleScroll: true
-    };
-    for (var e in this)
-      e.charAt(0) === "_" && typeof this[e] == "function" && (this[e] = this[e].bind(this));
-  }
-  return t.prototype = {
-    dragStarted: function(n) {
-      var o = n.originalEvent;
-      this.sortable.nativeDraggable ? S(document, "dragover", this._handleAutoScroll) : this.options.supportPointer ? S(document, "pointermove", this._handleFallbackAutoScroll) : o.touches ? S(document, "touchmove", this._handleFallbackAutoScroll) : S(document, "mousemove", this._handleFallbackAutoScroll);
-    },
-    dragOverCompleted: function(n) {
-      var o = n.originalEvent;
-      !this.options.dragOverBubble && !o.rootEl && this._handleAutoScroll(o);
-    },
-    drop: function() {
-      this.sortable.nativeDraggable ? E(document, "dragover", this._handleAutoScroll) : (E(document, "pointermove", this._handleFallbackAutoScroll), E(document, "touchmove", this._handleFallbackAutoScroll), E(document, "mousemove", this._handleFallbackAutoScroll)), Rt(), Le(), Rn();
-    },
-    nulling: function() {
-      Ue = ut = De = ct = _e = ot = rt = null, N.length = 0;
-    },
-    _handleFallbackAutoScroll: function(n) {
-      this._handleAutoScroll(n, true);
-    },
-    _handleAutoScroll: function(n, o) {
-      var r = this, i = (n.touches ? n.touches[0] : n).clientX, a = (n.touches ? n.touches[0] : n).clientY, l = document.elementFromPoint(i, a);
-      if (Ue = n, o || this.options.forceAutoScrollFallback || xe || ae || Te) {
-        it(n, this.options, l, o);
-        var s = ce(l, true);
-        ct && (!_e || i !== ot || a !== rt) && (_e && Rt(), _e = setInterval(function() {
-          var u = ce(document.elementFromPoint(i, a), true);
-          u !== s && (s = u, Le()), it(n, r.options, u, o);
-        }, 10), ot = i, rt = a);
-      } else {
-        if (!this.options.bubbleScroll || ce(l, true) === te()) {
-          Le();
-          return;
-        }
-        it(n, this.options, ce(l, false), false);
-      }
-    }
-  }, ie(t, {
-    pluginName: "scroll",
-    initializeByDefault: true
-  });
-}
-function Le() {
-  N.forEach(function(t) {
-    clearInterval(t.pid);
-  }), N = [];
-}
-function Rt() {
-  clearInterval(_e);
-}
-var it = zt(function(t, e, n, o) {
-  if (e.scroll) {
-    var r = (t.touches ? t.touches[0] : t).clientX, i = (t.touches ? t.touches[0] : t).clientY, a = e.scrollSensitivity, l = e.scrollSpeed, s = te(), u = false, d;
-    ut !== n && (ut = n, Le(), De = e.scroll, d = e.scrollFn, De === true && (De = ce(n, true)));
-    var f = 0, m = De;
-    do {
-      var y = m, b = P(y), w = b.top, L = b.bottom, G = b.left, R = b.right, j = b.width, B = b.height, X = void 0, K = void 0, oe = y.scrollWidth, le = y.scrollHeight, k = h(y), v = y.scrollLeft, D = y.scrollTop;
-      y === s ? (X = j < oe && (k.overflowX === "auto" || k.overflowX === "scroll" || k.overflowX === "visible"), K = B < le && (k.overflowY === "auto" || k.overflowY === "scroll" || k.overflowY === "visible")) : (X = j < oe && (k.overflowX === "auto" || k.overflowX === "scroll"), K = B < le && (k.overflowY === "auto" || k.overflowY === "scroll"));
-      var A = X && (Math.abs(R - r) <= a && v + j < oe) - (Math.abs(G - r) <= a && !!v), I = K && (Math.abs(L - i) <= a && D + B < le) - (Math.abs(w - i) <= a && !!D);
-      if (!N[f])
-        for (var _ = 0; _ <= f; _++)
-          N[_] || (N[_] = {});
-      (N[f].vx != A || N[f].vy != I || N[f].el !== y) && (N[f].el = y, N[f].vx = A, N[f].vy = I, clearInterval(N[f].pid), (A != 0 || I != 0) && (u = true, N[f].pid = setInterval((function() {
-        o && this.layer === 0 && p.active._onTouchMove(Ue);
-        var x = N[this.layer].vy ? N[this.layer].vy * l : 0, M = N[this.layer].vx ? N[this.layer].vx * l : 0;
-        typeof d == "function" && d.call(p.dragged.parentNode[q], M, x, t, Ue, N[this.layer].el) !== "continue" || Ut(N[this.layer].el, M, x);
-      }).bind({
-        layer: f
-      }), 24))), f++;
-    } while (e.bubbleScroll && m !== s && (m = ce(m, false)));
-    ct = u;
-  }
-}, 30), en = function(e) {
-  var n = e.originalEvent, o = e.putSortable, r = e.dragEl, i = e.activeSortable, a = e.dispatchSortableEvent, l = e.hideGhostForTarget, s = e.unhideGhostForTarget;
-  if (n) {
-    var u = o || i;
-    l();
-    var d = n.changedTouches && n.changedTouches.length ? n.changedTouches[0] : n, f = document.elementFromPoint(d.clientX, d.clientY);
-    s(), u && !u.el.contains(f) && (a("spill"), this.onSpill({
-      dragEl: r,
-      putSortable: o
-    }));
-  }
-};
-function pt() {
-}
-pt.prototype = {
-  startIndex: null,
-  dragStart: function(e) {
-    var n = e.oldDraggableIndex;
-    this.startIndex = n;
-  },
-  onSpill: function(e) {
-    var n = e.dragEl, o = e.putSortable;
-    this.sortable.captureAnimationState(), o && o.captureAnimationState();
-    var r = we(this.sortable.el, this.startIndex, this.options);
-    r ? this.sortable.el.insertBefore(n, r) : this.sortable.el.appendChild(n), this.sortable.animateAll(), o && o.animateAll();
-  },
-  drop: en
-};
-ie(pt, {
-  pluginName: "revertOnSpill"
-});
-function gt() {
-}
-gt.prototype = {
-  onSpill: function(e) {
-    var n = e.dragEl, o = e.putSortable, r = o || this.sortable;
-    r.captureAnimationState(), n.parentNode && n.parentNode.removeChild(n), r.animateAll();
-  },
-  drop: en
-};
-ie(gt, {
-  pluginName: "removeOnSpill"
-});
-p.mount(new Qn());
-p.mount(gt, pt);
-function eo(t) {
-  return t == null ? t : JSON.parse(JSON.stringify(t));
-}
-function to(t) {
-  getCurrentInstance() && onUnmounted(t);
-}
-function no(t) {
-  getCurrentInstance() ? onMounted(t) : nextTick(t);
-}
-let tn = null, nn = null;
-function Xt(t = null, e = null) {
-  tn = t, nn = e;
-}
-function oo() {
-  return {
-    data: tn,
-    clonedData: nn
-  };
-}
-const Yt = Symbol("cloneElement");
-function on(...t) {
-  var le, k;
-  const e = (le = getCurrentInstance()) == null ? void 0 : le.proxy;
-  let n = null;
-  const o = t[0];
-  let [, r, i] = t;
-  Array.isArray(unref(r)) || (i = r, r = null);
-  let a = null;
-  const {
-    immediate: l = true,
-    clone: s = eo,
-    forceFallback: u,
-    fallbackOnBody: d,
-    customUpdate: f
-  } = (k = unref(i)) != null ? k : {};
-  function m(v) {
-    var F;
-    const { from: D, oldIndex: A, item: I } = v, _ = Array.from(D.childNodes);
-    n = u && !d ? _.slice(0, -1) : _;
-    const x = unref((F = unref(r)) == null ? void 0 : F[A]), M = s(x);
-    Xt(x, M), I[Yt] = M;
-  }
-  function y(v) {
-    const D = v.item[Yt];
-    if (!wn(D)) {
-      if (Ke(v.item), isRef(r)) {
-        const A = [...unref(r)];
-        r.value = _t(A, v.newDraggableIndex, D);
-        return;
-      }
-      _t(unref(r), v.newDraggableIndex, D);
-    }
-  }
-  function b(v) {
-    const { from: D, item: A, oldIndex: I, oldDraggableIndex: _, pullMode: x, clone: M } = v;
-    if (Tt(D, A, I), x === "clone") {
-      Ke(M);
-      return;
-    }
-    if (isRef(r)) {
-      const F = [...unref(r)];
-      r.value = Dt(F, _);
-      return;
-    }
-    Dt(unref(r), _);
-  }
-  function w(v) {
-    if (f) {
-      f(v);
-      return;
-    }
-    const { from: D, item: A, oldIndex: I, oldDraggableIndex: _, newDraggableIndex: x } = v;
-    if (Ke(A), Tt(D, A, I), isRef(r)) {
-      const M = [...unref(r)];
-      r.value = St(
-        M,
-        _,
-        x
-      );
-      return;
-    }
-    St(unref(r), _, x);
-  }
-  function L(v) {
-    const { newIndex: D, oldIndex: A, from: I, to: _ } = v;
-    let x = null;
-    const M = D === A && I === _;
-    try {
-      if (M) {
-        let F = null;
-        n == null || n.some((ee, Ee) => {
-          if (F && (n == null ? void 0 : n.length) !== _.childNodes.length)
-            return I.insertBefore(F, ee.nextSibling), true;
-          const mt = _.childNodes[Ee];
-          F = _ == null ? void 0 : _.replaceChild(ee, mt);
-        });
-      }
-    } catch (F) {
-      x = F;
-    } finally {
-      n = null;
-    }
-    nextTick(() => {
-      if (Xt(), x)
-        throw x;
-    });
-  }
-  const G = {
-    onUpdate: w,
-    onStart: m,
-    onAdd: y,
-    onRemove: b,
-    onEnd: L
-  };
-  function R(v) {
-    const D = unref(o);
-    return v || (v = En(D) ? Sn(D, e == null ? void 0 : e.$el) : D), v && !Tn(v) && (v = v.$el), v || vn("Root element not found"), v;
-  }
-  function j() {
-    var I;
-    const _ = (I = unref(i)) != null ? I : {}, { immediate: v, clone: D } = _, A = $e(_, ["immediate", "clone"]);
-    return Ct(A, (x, M) => {
-      Cn(x) && (A[x] = (F, ...ee) => {
-        const Ee = oo();
-        return On(F, Ee), M(F, ...ee);
-      });
-    }), _n(
-      r === null ? {} : G,
-      A
-    );
-  }
-  const B = (v) => {
-    v = R(v), a && X.destroy(), a = new p(v, j());
-  };
-  watch(
-    () => i,
-    () => {
-      a && Ct(j(), (v, D) => {
-        a == null || a.option(v, D);
-      });
-    },
-    { deep: true }
-  );
-  const X = {
-    option: (v, D) => a == null ? void 0 : a.option(v, D),
-    destroy: () => {
-      a == null || a.destroy(), a = null;
-    },
-    save: () => a == null ? void 0 : a.save(),
-    toArray: () => a == null ? void 0 : a.toArray(),
-    closest: (...v) => a == null ? void 0 : a.closest(...v)
-  }, K = () => X == null ? void 0 : X.option("disabled", true), oe = () => X == null ? void 0 : X.option("disabled", false);
-  return no(() => {
-    l && B();
-  }), to(X.destroy), fe({ start: B, pause: K, resume: oe }, X);
-}
-const ft = [
-  "update",
-  "start",
-  "add",
-  "remove",
-  "choose",
-  "unchoose",
-  "end",
-  "sort",
-  "filter",
-  "clone",
-  "move",
-  "change"
-], ro = [
-  "clone",
-  "animation",
-  "ghostClass",
-  "group",
-  "sort",
-  "disabled",
-  "store",
-  "handle",
-  "draggable",
-  "swapThreshold",
-  "invertSwap",
-  "invertedSwapThreshold",
-  "removeCloneOnHide",
-  "direction",
-  "chosenClass",
-  "dragClass",
-  "ignore",
-  "filter",
-  "preventOnFilter",
-  "easing",
-  "setData",
-  "dropBubble",
-  "dragoverBubble",
-  "dataIdAttr",
-  "delay",
-  "delayOnTouchOnly",
-  "touchStartThreshold",
-  "forceFallback",
-  "fallbackClass",
-  "fallbackOnBody",
-  "fallbackTolerance",
-  "fallbackOffset",
-  "supportPointer",
-  "emptyInsertThreshold",
-  "scroll",
-  "forceAutoScrollFallback",
-  "scrollSensitivity",
-  "scrollSpeed",
-  "bubbleScroll",
-  "modelValue",
-  "tag",
-  "target",
-  "customUpdate",
-  ...ft.map((t) => `on${t.replace(/^\S/, (e) => e.toUpperCase())}`)
-], lo = defineComponent({
-  name: "VueDraggable",
-  model: {
-    prop: "modelValue",
-    event: "update:modelValue"
-  },
-  props: ro,
-  emits: ["update:modelValue", ...ft],
-  setup(t, { slots: e, emit: n, expose: o, attrs: r }) {
-    const i = ft.reduce((d, f) => {
-      const m = `on${f.replace(/^\S/, (y) => y.toUpperCase())}`;
-      return d[m] = (...y) => n(f, ...y), d;
-    }, {}), a = computed(() => {
-      const y = toRefs(t), { modelValue: d } = y, f = $e(y, ["modelValue"]), m = Object.entries(f).reduce((b, [w, L]) => {
-        const G = unref(L);
-        return G !== void 0 && (b[w] = G), b;
-      }, {});
-      return fe(fe({}, i), yn(fe(fe({}, r), m)));
-    }), l = computed({
-      get: () => t.modelValue,
-      set: (d) => n("update:modelValue", d)
-    }), s = ref(), u = reactive(
-      on(t.target || s, l, a)
-    );
-    return o(u), () => {
-      var d;
-      return h$1(t.tag || "div", { ref: s }, (d = e == null ? void 0 : e.default) == null ? void 0 : d.call(e, u));
-    };
-  }
-});
-const _hoisted_1$1 = { class: "drag-handle" };
-const _sfc_main$3 = /* @__PURE__ */ defineComponent({
-  __name: "table-pro",
-  props: {
-    columns: { default: () => [] }
-  },
-  emits: ["column-change"],
-  setup(__props, { expose: __expose, emit: __emit }) {
-    const props = __props;
-    const emit = __emit;
-    const { b } = useBemClass();
-    const tableRef = useTemplateRef("tableRef");
-    const isFullscreen = ref(false);
-    const isStripe = ref(false);
-    const isBorder = ref(false);
-    const showToolbar = ref(true);
-    const localColumns = ref([]);
-    const columnSettingVisible = ref(false);
-    const originalColumns = ref([]);
-    watch(() => props.columns, (val) => {
-      localColumns.value = val.map((col) => ({
-        ...col,
-        _visible: col._visible !== false
-      }));
-      originalColumns.value = val.map((col) => ({ ...col }));
-    }, { immediate: true, deep: true });
-    const mergedProps = computed(() => {
-      return {
-        stripe: isStripe.value,
-        border: isBorder.value
-      };
-    });
-    const computedColumns = computed(() => {
-      return localColumns.value.filter((col) => col._visible !== false);
-    });
-    const toggleFullscreen = () => {
-      isFullscreen.value = !isFullscreen.value;
-    };
-    const toggleStripe = () => {
-      isStripe.value = !isStripe.value;
-    };
-    const toggleBorder = () => {
-      isBorder.value = !isBorder.value;
-    };
-    const isLastVisibleColumn = (col) => {
-      const visibleColumns = localColumns.value.filter((c2) => c2._visible !== false && c2.label);
-      return visibleColumns.length <= 1 && col._visible !== false;
-    };
-    const toggleColumnVisible = (col, val) => {
-      const idx = localColumns.value.findIndex((c2) => c2.prop === col.prop || c2.label === col.label);
-      if (idx > -1) {
-        localColumns.value[idx] = { ...localColumns.value[idx], _visible: val };
-      }
-      emitColumnChange();
-    };
-    const getFixedTitle = (col) => {
-      if (col.fixed === "left") return "取消固定";
-      if (col.fixed === "right") return "固定在右侧";
-      return "固定在左侧";
-    };
-    const toggleColumnFixed = (col) => {
-      const idx = localColumns.value.findIndex((c2) => c2.prop === col.prop || c2.label === col.label);
-      if (idx > -1) {
-        const current = localColumns.value[idx];
-        let nextFixed;
-        if (!current.fixed) {
-          nextFixed = "left";
-        } else if (current.fixed === "left") {
-          nextFixed = "right";
-        } else {
-          nextFixed = false;
-        }
-        localColumns.value[idx] = { ...current, fixed: nextFixed };
-      }
-      emitColumnChange();
-    };
-    const resetColumns = () => {
-      localColumns.value = originalColumns.value.map((col) => ({
-        ...col,
-        _visible: true,
-        fixed: col.fixed
-      }));
-      emitColumnChange();
-    };
-    const emitColumnChange = () => {
-      emit("column-change", [...localColumns.value]);
-    };
-    __expose({
-      tableRef,
-      isFullscreen,
-      isStripe,
-      isBorder,
-      toggleFullscreen,
-      toggleStripe,
-      toggleBorder,
-      getColumns: () => localColumns.value,
-      setColumns: (cols) => {
-        localColumns.value = cols;
-      }
-    });
-    return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("div", {
-        class: normalizeClass([unref(b)("table-pro"), { [unref(b)("table-pro--fullscreen")]: isFullscreen.value }])
-      }, [
-        showToolbar.value ? (openBlock(), createElementBlock("div", {
-          key: 0,
-          class: normalizeClass(unref(b)("table-pro-toolbar"))
-        }, [
-          createElementVNode("div", {
-            class: normalizeClass(unref(b)("table-pro-toolbar-right"))
-          }, [
-            createVNode(unref(ElTooltip), {
-              content: "全屏",
-              "show-after": 500
-            }, {
-              default: withCtx(() => [
-                createVNode(unref(ElButton), {
-                  icon: unref(full_screen_default),
-                  circle: "",
-                  onClick: toggleFullscreen
-                }, null, 8, ["icon"])
-              ]),
-              _: 1
-            }),
-            createVNode(unref(ElTooltip), {
-              content: isStripe.value ? "关闭斑马纹" : "开启斑马纹",
-              "show-after": 500
-            }, {
-              default: withCtx(() => [
-                createVNode(unref(ElButton), {
-                  icon: unref(list_default),
-                  type: isStripe.value ? "primary" : "default",
-                  circle: "",
-                  onClick: toggleStripe
-                }, null, 8, ["icon", "type"])
-              ]),
-              _: 1
-            }, 8, ["content"]),
-            createVNode(unref(ElTooltip), {
-              content: isBorder.value ? "关闭边框" : "开启边框",
-              "show-after": 500
-            }, {
-              default: withCtx(() => [
-                createVNode(unref(ElButton), {
-                  icon: unref(grid_default),
-                  type: isBorder.value ? "primary" : "default",
-                  circle: "",
-                  onClick: toggleBorder
-                }, null, 8, ["icon", "type"])
-              ]),
-              _: 1
-            }, 8, ["content"]),
-            createVNode(unref(ElPopover), {
-              placement: "bottom-end",
-              width: 320,
-              trigger: "click",
-              visible: columnSettingVisible.value,
-              "onUpdate:visible": _cache[1] || (_cache[1] = ($event) => columnSettingVisible.value = $event),
-              "popper-class": "gi-table-pro-column-setting"
-            }, {
-              reference: withCtx(() => [
-                createVNode(unref(ElTooltip), {
-                  content: "列设置",
-                  "show-after": 500
-                }, {
-                  default: withCtx(() => [
-                    createVNode(unref(ElButton), {
-                      icon: unref(setting_default),
-                      type: columnSettingVisible.value ? "primary" : "default",
-                      circle: ""
-                    }, null, 8, ["icon", "type"])
-                  ]),
-                  _: 1
-                })
-              ]),
-              default: withCtx(() => [
-                createElementVNode("div", {
-                  class: normalizeClass(unref(b)("table-pro-column-panel"))
-                }, [
-                  createElementVNode("div", {
-                    class: normalizeClass(unref(b)("table-pro-column-panel-header"))
-                  }, [
-                    _cache[3] || (_cache[3] = createElementVNode("span", null, "列设置", -1)),
-                    createVNode(unref(ElButton), {
-                      text: "",
-                      size: "small",
-                      onClick: resetColumns
-                    }, {
-                      default: withCtx(() => [..._cache[2] || (_cache[2] = [
-                        createTextVNode("重置", -1)
-                      ])]),
-                      _: 1
-                    })
-                  ], 2),
-                  createVNode(unref(lo), {
-                    modelValue: localColumns.value,
-                    "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => localColumns.value = $event),
-                    animation: 200,
-                    ghostClass: "gi-table-pro-ghost",
-                    handle: ".drag-handle",
-                    itemKey: "prop"
-                  }, {
-                    item: withCtx(({ element }) => [
-                      createElementVNode("div", {
-                        class: normalizeClass(unref(b)("table-pro-column-item"))
-                      }, [
-                        createElementVNode("span", _hoisted_1$1, [
-                          createVNode(unref(ElIcon), null, {
-                            default: withCtx(() => [
-                              createVNode(unref(operation_default))
-                            ]),
-                            _: 1
-                          })
-                        ]),
-                        element.label ? (openBlock(), createBlock(unref(ElCheckbox), {
-                          key: 0,
-                          "model-value": element._visible !== false,
-                          disabled: isLastVisibleColumn(element),
-                          onChange: (val) => toggleColumnVisible(element, val)
-                        }, {
-                          default: withCtx(() => [
-                            createTextVNode(toDisplayString(element.label), 1)
-                          ]),
-                          _: 2
-                        }, 1032, ["model-value", "disabled", "onChange"])) : (openBlock(), createElementBlock("span", {
-                          key: 1,
-                          class: normalizeClass(unref(b)("table-pro-column-item-label"))
-                        }, toDisplayString(element.label || element.type), 3)),
-                        element.label ? (openBlock(), createBlock(unref(ElButton), {
-                          key: 2,
-                          link: "",
-                          size: "small",
-                          type: element.fixed === "left" ? "primary" : "default",
-                          title: getFixedTitle(element),
-                          onClick: ($event) => toggleColumnFixed(element)
-                        }, {
-                          default: withCtx(() => [
-                            createVNode(unref(ElIcon), null, {
-                              default: withCtx(() => [
-                                element.fixed === "left" ? (openBlock(), createBlock(unref(d_caret_default), { key: 0 })) : element.fixed === "right" ? (openBlock(), createBlock(unref(arrow_left_default), { key: 1 })) : (openBlock(), createBlock(unref(minus_default), { key: 2 }))
-                              ]),
-                              _: 2
-                            }, 1024)
-                          ]),
-                          _: 2
-                        }, 1032, ["type", "title", "onClick"])) : createCommentVNode("", true)
-                      ], 2)
-                    ]),
-                    _: 1
-                  }, 8, ["modelValue"])
-                ], 2)
-              ]),
-              _: 1
-            }, 8, ["visible"])
-          ], 2)
-        ], 2)) : createCommentVNode("", true),
-        createVNode(GiTable$1, mergeProps({
-          ref_key: "tableRef",
-          ref: tableRef
-        }, mergedProps.value, {
-          columns: computedColumns.value,
-          data: props.data
-        }), createSlots({ _: 2 }, [
-          renderList(_ctx.$slots, (_, slotName) => {
-            return {
-              name: slotName,
-              fn: withCtx((scope) => [
-                renderSlot(_ctx.$slots, slotName, normalizeProps(guardReactiveProps(scope)), void 0, true)
-              ])
-            };
-          })
-        ]), 1040, ["columns", "data"])
-      ], 2);
-    };
-  }
-});
-const TablePro = /* @__PURE__ */ _export_sfc(_sfc_main$3, [["__scopeId", "data-v-034d33bc"]]);
+const Table = /* @__PURE__ */ _export_sfc(_sfc_main$3, [["__scopeId", "data-v-763fcf58"]]);
 const _sfc_main$2 = /* @__PURE__ */ defineComponent({
   __name: "tabs",
   props: /* @__PURE__ */ mergeModels({
@@ -4656,7 +2895,7 @@ const _sfc_main$2 = /* @__PURE__ */ defineComponent({
               "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => model.value = $event),
               type: props.type,
               stretch: props.stretch,
-              onTabClick: _cache[1] || (_cache[1] = (p2, e) => emits("tab-click", p2, e)),
+              onTabClick: _cache[1] || (_cache[1] = (p, e) => emits("tab-click", p, e)),
               onTabChange: _cache[2] || (_cache[2] = ($event) => emits("tab-change", $event))
             }, {
               default: withCtx(() => [
@@ -4735,7 +2974,7 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
     }
     function hexToRgb(hex) {
       const body = hex.startsWith("#") ? hex.slice(1) : hex;
-      const full = body.length === 3 ? body.split("").map((c2) => c2 + c2).join("") : body;
+      const full = body.length === 3 ? body.split("").map((c) => c + c).join("") : body;
       return {
         r: Number.parseInt(full.slice(0, 2), 16),
         g: Number.parseInt(full.slice(2, 4), 16),
@@ -4743,7 +2982,7 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
       };
     }
     function stylesForType(type, color, rgb) {
-      const { r, g: g2, b: b2 } = rgb;
+      const { r, g, b: b2 } = rgb;
       const closeHoverVars = {
         "--tag-close-hover-color": "#fff",
         "--tag-close-hover-bg-color": color
@@ -4760,33 +2999,33 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
           return {
             color,
             backgroundColor: "transparent",
-            borderColor: `rgba(${r}, ${g2}, ${b2}, 0.6)`,
+            borderColor: `rgba(${r}, ${g}, ${b2}, 0.6)`,
             ...closeHoverVars
           };
         case "light-outline":
           return {
             color,
-            backgroundColor: `rgba(${r}, ${g2}, ${b2}, 0.1)`,
-            borderColor: `rgba(${r}, ${g2}, ${b2}, 0.2)`,
+            backgroundColor: `rgba(${r}, ${g}, ${b2}, 0.1)`,
+            borderColor: `rgba(${r}, ${g}, ${b2}, 0.2)`,
             ...closeHoverVars
           };
         case "light":
         default:
           return {
             color,
-            backgroundColor: `rgba(${r}, ${g2}, ${b2}, 0.1)`,
+            backgroundColor: `rgba(${r}, ${g}, ${b2}, 0.1)`,
             ...closeHoverVars
           };
       }
     }
     const className = computed(() => {
-      const c2 = props.color;
+      const c = props.color;
       return [
         b("tag"),
         props.type && b(`tag__type--${props.type}`),
         props.size && b(`tag__size--${props.size}`),
         props.round && b("tag--round"),
-        c2 && isSemanticThemeColor(c2) && b(`tag__color--${c2}`)
+        c && isSemanticThemeColor(c) && b(`tag__color--${c}`)
       ].filter(Boolean).join(" ");
     });
     const tagStyle = computed(() => {
@@ -6778,7 +5017,7 @@ function requireToStringDate() {
     var cacheItem = cacheFormatMaps[format];
     if (!cacheItem) {
       var posIndexs = [];
-      var re2 = format.replace(/([$(){}*+.?\\^|])/g, "\\$1").replace(customParseRes, function(text, val) {
+      var re = format.replace(/([$(){}*+.?\\^|])/g, "\\$1").replace(customParseRes, function(text, val) {
         var firstChar = text.charAt(0);
         if (firstChar === "[") {
           return val;
@@ -6788,7 +5027,7 @@ function requireToStringDate() {
       });
       cacheItem = cacheFormatMaps[format] = {
         _i: posIndexs,
-        _r: new RegExp(re2)
+        _r: new RegExp(re)
       };
     }
     var resMaps = {};
@@ -10522,10 +8761,10 @@ const createSelectDialog = (params) => {
     const DialogTableRef = ref();
     const { component, componentProps: componentPropsFromParams, tip, ...restParams } = params;
     Dialog.open({
-      bodyClass: "gi-p0",
+      bodyClass: "g-p0",
       ...restParams,
       title: params.title || options.title,
-      content: () => h$1(params.component, {
+      content: () => h(params.component, {
         ref: (e) => DialogTableRef.value = e,
         multiple,
         queryParams,
@@ -10564,6 +8803,7 @@ const components = {
   Tabs,
   InputGroup,
   InputSearch,
+  NavTabs,
   Flex,
   Grid,
   GridItem,
@@ -10571,8 +8811,7 @@ const components = {
   PageLayout,
   Dialog: _sfc_main$i,
   EditTable,
-  Table: GiTable$1,
-  TablePro,
+  Table,
   Tag,
   TreeTransfer
 };
@@ -10584,6 +8823,7 @@ const GiDot = Dot;
 const GiTabs = Tabs;
 const GiInputGroup = InputGroup;
 const GiInputSearch = InputSearch;
+const GiNavTabs = NavTabs;
 const GiFlex = Flex;
 const GiGrid = Grid;
 const GiGridItem = GridItem;
@@ -10591,8 +8831,7 @@ const GiForm = Form;
 const GiPageLayout = PageLayout;
 const GiDialog = _sfc_main$i;
 const GiEditTable = EditTable;
-const GiTable = GiTable$1;
-const GiTablePro = TablePro;
+const GiTable = Table;
 const GiTag = Tag;
 const GiTreeTransfer = TreeTransfer;
 function capitalizeWord(word) {
@@ -10626,9 +8865,9 @@ export {
   GiGridItem,
   GiInputGroup,
   GiInputSearch,
+  GiNavTabs,
   GiPageLayout,
   GiTable,
-  GiTablePro,
   GiTabs,
   GiTag,
   GiTreeTransfer,
@@ -10636,6 +8875,7 @@ export {
   createDrawer,
   createSelectDialog,
   index as default,
-  useBemClass
+  useBemClass,
+  useNavTabs
 };
 //# sourceMappingURL=index.es.js.map