gi-component 0.0.42 → 0.0.44

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, createApp, watch, onMounted, onUpdated, onUnmounted, inject, toRefs, watchEffect, reactive, provide, normalizeProps, guardReactiveProps, useTemplateRef } from "vue";
+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 * 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, ElTabs, ElTabPane, ElCheckbox, 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, ElTooltip, ElPopover, ElCheckbox, ElTabs, ElTabPane, ElScrollbar, ElTree, ElCheckboxGroup, ElEmpty } from "element-plus";
 /*! Element Plus Icons Vue v2.3.2 */
 var _sfc_main6 = /* @__PURE__ */ defineComponent({
   name: "ArrowDown",
@@ -122,6 +122,21 @@ 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",
@@ -171,6 +186,36 @@ 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",
@@ -186,6 +231,51 @@ 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",
@@ -231,6 +321,21 @@ 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",
@@ -284,7 +389,7 @@ function useBemClass() {
   const b = (name = "") => `${prefix}-${name ? `${name}` : ""}`;
   return { b };
 }
-const _sfc_main$k = /* @__PURE__ */ defineComponent({
+const _sfc_main$l = /* @__PURE__ */ defineComponent({
   __name: "button",
   props: {
     type: { default: "" },
@@ -349,7 +454,7 @@ const _sfc_main$k = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const _sfc_main$j = /* @__PURE__ */ defineComponent({
+const _sfc_main$k = /* @__PURE__ */ defineComponent({
   __name: "card",
   props: {
     title: { default: "" },
@@ -370,10 +475,10 @@ const _sfc_main$j = /* @__PURE__ */ defineComponent({
       if (props.bordered) {
         arr.push(b("card--bordered"));
       }
+      arr.push(b(`card--${props.size}`));
       if (props.inner) {
         arr.push(b("card--inner"));
       }
-      arr.push(b(`card--${props.size}`));
       return arr.join(" ");
     });
     const getHeaderClass = computed(() => {
@@ -434,9 +539,9 @@ const _export_sfc = (sfc, props) => {
   }
   return target;
 };
-const Card = /* @__PURE__ */ _export_sfc(_sfc_main$j, [["__scopeId", "data-v-0733140b"]]);
-const _hoisted_1$5 = { key: 2 };
-const _sfc_main$i = /* @__PURE__ */ defineComponent({
+const Card = /* @__PURE__ */ _export_sfc(_sfc_main$k, [["__scopeId", "data-v-c3534379"]]);
+const _hoisted_1$6 = { key: 2 };
+const _sfc_main$j = /* @__PURE__ */ defineComponent({
   __name: "descriptions",
   props: {
     columns: { default: () => [] },
@@ -503,7 +608,7 @@ const _sfc_main$i = /* @__PURE__ */ defineComponent({
                 }) : col.render && _ctx.data ? (openBlock(), createBlock(unref(NodeRenderer), {
                   key: 1,
                   "get-node": () => col.render({ value: getFieldValue(col), data: _ctx.data, column: col })
-                }, null, 8, ["get-node"])) : (openBlock(), createElementBlock("span", _hoisted_1$5, toDisplayString(getFieldValue(col)), 1))
+                }, null, 8, ["get-node"])) : (openBlock(), createElementBlock("span", _hoisted_1$6, toDisplayString(getFieldValue(col)), 1))
               ]),
               _: 2
             }, [
@@ -539,8 +644,8 @@ const _sfc_main$i = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const _hoisted_1$4 = { key: 0 };
-const _sfc_main$h = /* @__PURE__ */ defineComponent({
+const _hoisted_1$5 = { key: 0 };
+const _sfc_main$i = /* @__PURE__ */ defineComponent({
   __name: "dialog",
   props: /* @__PURE__ */ mergeModels({
     content: {},
@@ -656,7 +761,7 @@ const _sfc_main$h = /* @__PURE__ */ defineComponent({
           renderSlot(_ctx.$slots, "default", {}, () => {
             var _a;
             return [
-              typeof props.content === "string" ? (openBlock(), createElementBlock("p", _hoisted_1$4, toDisplayString(props.content), 1)) : createCommentVNode("", true),
+              typeof props.content === "string" ? (openBlock(), createElementBlock("p", _hoisted_1$5, toDisplayString(props.content), 1)) : createCommentVNode("", true),
               typeof props.content === "function" ? (openBlock(), createBlock(resolveDynamicComponent((_a = props == null ? void 0 : props.content) == null ? void 0 : _a.call(props)), { key: 1 })) : createCommentVNode("", true)
             ];
           })
@@ -698,8 +803,8 @@ const _sfc_main$h = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const _hoisted_1$3 = { class: "el-message-box__message" };
-const _sfc_main$g = /* @__PURE__ */ defineComponent({
+const _hoisted_1$4 = { class: "el-message-box__message" };
+const _sfc_main$h = /* @__PURE__ */ defineComponent({
   __name: "dialog-content",
   props: {
     type: { default: "info" },
@@ -721,14 +826,14 @@ const _sfc_main$g = /* @__PURE__ */ defineComponent({
           ]),
           _: 1
         }, 8, ["class"]),
-        createElementVNode("div", _hoisted_1$3, [
+        createElementVNode("div", _hoisted_1$4, [
           createElementVNode("p", null, toDisplayString(props.content), 1)
         ])
       ], 2);
     };
   }
 });
-const DialogContent = /* @__PURE__ */ _export_sfc(_sfc_main$g, [["__scopeId", "data-v-2a6a2293"]]);
+const DialogContent = /* @__PURE__ */ _export_sfc(_sfc_main$h, [["__scopeId", "data-v-2a6a2293"]]);
 const DEF_OPTIONS$1 = {
   // width: '600px',
   // center: false,
@@ -751,7 +856,7 @@ function createDialog() {
             dialogApp.unmount();
             container.remove();
           };
-          return () => h(_sfc_main$h, {
+          return () => h$1(_sfc_main$i, {
             ...dialogOptions.value,
             "modelValue": visible.value,
             "onUpdate:modelValue": (val) => visible.value = val,
@@ -784,7 +889,7 @@ function createDialog() {
     info(options) {
       return this.create({
         ...options,
-        content: () => h(DialogContent, { type: "info", content: options.content }),
+        content: () => h$1(DialogContent, { type: "info", content: options.content }),
         simple: true,
         style: { maxWidth: "420px", ...options.style },
         lockScroll: false
@@ -793,7 +898,7 @@ function createDialog() {
     success(options) {
       return this.create({
         ...options,
-        content: () => h(DialogContent, { type: "success", content: options.content }),
+        content: () => h$1(DialogContent, { type: "success", content: options.content }),
         simple: true,
         style: { maxWidth: "420px", ...options.style },
         lockScroll: false
@@ -802,7 +907,7 @@ function createDialog() {
     warning(options) {
       return this.create({
         ...options,
-        content: () => h(DialogContent, { type: "warning", content: options.content }),
+        content: () => h$1(DialogContent, { type: "warning", content: options.content }),
         simple: true,
         style: { maxWidth: "420px", ...options.style },
         lockScroll: false
@@ -811,7 +916,7 @@ function createDialog() {
     error(options) {
       return this.create({
         ...options,
-        content: () => h(DialogContent, { type: "error", content: options.content }),
+        content: () => h$1(DialogContent, { type: "error", content: options.content }),
         simple: true,
         style: { maxWidth: "420px", ...options.style },
         lockScroll: false
@@ -822,7 +927,7 @@ function createDialog() {
 }
 const Dialog = createDialog();
 void [Dialog.info, Dialog.success, Dialog.warning, Dialog.error];
-const _sfc_main$f = /* @__PURE__ */ defineComponent({
+const _sfc_main$g = /* @__PURE__ */ defineComponent({
   __name: "dot",
   props: {
     type: { default: "circle" },
@@ -862,9 +967,9 @@ const _sfc_main$f = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const Dot = /* @__PURE__ */ _export_sfc(_sfc_main$f, [["__scopeId", "data-v-575d79dc"]]);
-const _hoisted_1$2 = { key: 0 };
-const _sfc_main$e = /* @__PURE__ */ defineComponent({
+const Dot = /* @__PURE__ */ _export_sfc(_sfc_main$g, [["__scopeId", "data-v-575d79dc"]]);
+const _hoisted_1$3 = { key: 0 };
+const _sfc_main$f = /* @__PURE__ */ defineComponent({
   __name: "drawer",
   props: /* @__PURE__ */ mergeModels({
     content: {},
@@ -981,7 +1086,7 @@ const _sfc_main$e = /* @__PURE__ */ defineComponent({
           renderSlot(_ctx.$slots, "default", {}, () => {
             var _a;
             return [
-              typeof props.content === "string" ? (openBlock(), createElementBlock("p", _hoisted_1$2, toDisplayString(props.content), 1)) : createCommentVNode("", true),
+              typeof props.content === "string" ? (openBlock(), createElementBlock("p", _hoisted_1$3, toDisplayString(props.content), 1)) : createCommentVNode("", true),
               typeof props.content === "function" ? (openBlock(), createBlock(resolveDynamicComponent((_a = props == null ? void 0 : props.content) == null ? void 0 : _a.call(props)), { key: 1 })) : createCommentVNode("", true)
             ];
           })
@@ -1040,7 +1145,7 @@ function createDrawer() {
             drawerApp.unmount();
             container.remove();
           };
-          return () => h(_sfc_main$e, {
+          return () => h$1(_sfc_main$f, {
             ...dialogOptions.value,
             "modelValue": visible.value,
             "onUpdate:modelValue": (val) => visible.value = val,
@@ -1074,7 +1179,7 @@ function createDrawer() {
   return Drawer2;
 }
 const Drawer = createDrawer();
-const _sfc_main$d = /* @__PURE__ */ defineComponent({
+const _sfc_main$e = /* @__PURE__ */ defineComponent({
   __name: "input-group",
   setup(__props) {
     const { b } = useBemClass();
@@ -1087,8 +1192,8 @@ const _sfc_main$d = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const InputGroup = /* @__PURE__ */ _export_sfc(_sfc_main$d, [["__scopeId", "data-v-edd7f8aa"]]);
-const _sfc_main$c = /* @__PURE__ */ defineComponent({
+const InputGroup = /* @__PURE__ */ _export_sfc(_sfc_main$e, [["__scopeId", "data-v-edd7f8aa"]]);
+const _sfc_main$d = /* @__PURE__ */ defineComponent({
   __name: "input-search",
   props: /* @__PURE__ */ mergeModels({
     disabled: { type: Boolean, default: false },
@@ -1142,9 +1247,9 @@ const _sfc_main$c = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const InputSearch = /* @__PURE__ */ _export_sfc(_sfc_main$c, [["__scopeId", "data-v-bb801bd6"]]);
+const InputSearch = /* @__PURE__ */ _export_sfc(_sfc_main$d, [["__scopeId", "data-v-bb801bd6"]]);
 const clearable = false;
-const _sfc_main$b = /* @__PURE__ */ defineComponent({
+const _sfc_main$c = /* @__PURE__ */ defineComponent({
   __name: "edit-table",
   props: {
     rowKey: { default: "id" },
@@ -1329,10 +1434,11 @@ const _sfc_main$b = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const EditTable = /* @__PURE__ */ _export_sfc(_sfc_main$b, [["__scopeId", "data-v-b88099ba"]]);
-const _sfc_main$a = /* @__PURE__ */ defineComponent({
+const EditTable = /* @__PURE__ */ _export_sfc(_sfc_main$c, [["__scopeId", "data-v-b88099ba"]]);
+const _sfc_main$b = /* @__PURE__ */ defineComponent({
   __name: "flex",
   props: {
+    column: { type: Boolean },
     vertical: { type: Boolean, default: false },
     wrap: { type: [String, Boolean], default: false },
     justify: { default: "normal" },
@@ -1346,8 +1452,8 @@ const _sfc_main$a = /* @__PURE__ */ defineComponent({
     const classNames = computed(() => [b("flex")]);
     const gapMap = {
       small: "8px",
-      middle: "16px",
-      large: "24px"
+      middle: "12px",
+      large: "16px"
     };
     const resolvedGap = computed(() => {
       if (props.gap === void 0 || props.gap === null || props.gap === "")
@@ -1368,7 +1474,7 @@ const _sfc_main$a = /* @__PURE__ */ defineComponent({
     const style = computed(() => {
       const obj = {
         display: "flex",
-        flexDirection: props.vertical ? "column" : "row",
+        flexDirection: props.column || props.vertical ? "column" : "row",
         flexWrap: resolvedWrap.value,
         justifyContent: props.justify,
         alignItems: props.align
@@ -1391,7 +1497,7 @@ const _sfc_main$a = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const Flex = /* @__PURE__ */ _export_sfc(_sfc_main$a, [["__scopeId", "data-v-959cee10"]]);
+const Flex = /* @__PURE__ */ _export_sfc(_sfc_main$b, [["__scopeId", "data-v-aef567a0"]]);
 const GridContextInjectionKey = Symbol(
   "GridContextInjectionKey"
 );
@@ -1646,7 +1752,7 @@ function getPrefixCls(name) {
   const { b } = useBemClass();
   return b(name);
 }
-const _sfc_main$9 = defineComponent({
+const _sfc_main$a = defineComponent({
   name: "GridItem",
   props: {
     /**
@@ -1764,8 +1870,8 @@ function _sfc_render$1(_ctx, _cache, $props, $setup, $data, $options) {
     renderSlot(_ctx.$slots, "default", { overflow: _ctx.overflow })
   ], 6);
 }
-const GridItem = /* @__PURE__ */ _export_sfc(_sfc_main$9, [["render", _sfc_render$1]]);
-const _sfc_main$8 = defineComponent({
+const GridItem = /* @__PURE__ */ _export_sfc(_sfc_main$a, [["render", _sfc_render$1]]);
+const _sfc_main$9 = defineComponent({
   name: "Grid",
   props: {
     /**
@@ -1879,12 +1985,12 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
     renderSlot(_ctx.$slots, "default", {}, void 0, true)
   ], 6);
 }
-const Grid = /* @__PURE__ */ _export_sfc(_sfc_main$8, [["render", _sfc_render], ["__scopeId", "data-v-6eabaf75"]]);
-const _hoisted_1$1 = {
+const Grid = /* @__PURE__ */ _export_sfc(_sfc_main$9, [["render", _sfc_render], ["__scopeId", "data-v-6eabaf75"]]);
+const _hoisted_1$2 = {
   key: 0,
   class: "w-full"
 };
-const _sfc_main$7 = /* @__PURE__ */ defineComponent({
+const _sfc_main$8 = /* @__PURE__ */ defineComponent({
   __name: "form",
   props: {
     modelValue: {},
@@ -2206,7 +2312,7 @@ const _sfc_main$7 = /* @__PURE__ */ defineComponent({
                 }, {
                   ref_for: true
                 }, item.formItemProps), createSlots({
-                  default: withCtx(() => [item.type === "slot" ? (openBlock(), createElementBlock("div", _hoisted_1$1, [renderSlot(_ctx.$slots, item.field, {
+                  default: withCtx(() => [item.type === "slot" ? (openBlock(), createElementBlock("div", _hoisted_1$2, [renderSlot(_ctx.$slots, item.field, {
                     item
                   }, void 0, true)])) : (openBlock(), createElementBlock("div", {
                     key: 1,
@@ -2304,8 +2410,8 @@ const _sfc_main$7 = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const Form = /* @__PURE__ */ _export_sfc(_sfc_main$7, [["__scopeId", "data-v-85d6c1a1"]]);
-const _sfc_main$6 = /* @__PURE__ */ defineComponent({
+const Form = /* @__PURE__ */ _export_sfc(_sfc_main$8, [["__scopeId", "data-v-85d6c1a1"]]);
+const _sfc_main$7 = /* @__PURE__ */ defineComponent({
   __name: "split-button",
   props: {
     collapsed: { type: Boolean, default: false },
@@ -2356,8 +2462,8 @@ const _sfc_main$6 = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const SplitButton = /* @__PURE__ */ _export_sfc(_sfc_main$6, [["__scopeId", "data-v-ad431228"]]);
-const _sfc_main$5 = /* @__PURE__ */ defineComponent({
+const SplitButton = /* @__PURE__ */ _export_sfc(_sfc_main$7, [["__scopeId", "data-v-ad431228"]]);
+const _sfc_main$6 = /* @__PURE__ */ defineComponent({
   __name: "page-layout",
   props: {
     size: { default: 270 },
@@ -2463,8 +2569,8 @@ const _sfc_main$5 = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const PageLayout = /* @__PURE__ */ _export_sfc(_sfc_main$5, [["__scopeId", "data-v-a35bb713"]]);
-const _sfc_main$4 = /* @__PURE__ */ defineComponent({
+const PageLayout = /* @__PURE__ */ _export_sfc(_sfc_main$6, [["__scopeId", "data-v-a35bb713"]]);
+const _sfc_main$5 = /* @__PURE__ */ defineComponent({
   __name: "TableColumn",
   props: {
     column: {}
@@ -2479,7 +2585,7 @@ const _sfc_main$4 = /* @__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$4, {
+            return openBlock(), createBlock(_sfc_main$5, {
               key: child.prop || child.label,
               column: child
             }, createSlots({ _: 2 }, [
@@ -2515,7 +2621,7 @@ const _sfc_main$4 = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const _sfc_main$3 = /* @__PURE__ */ defineComponent({
+const _sfc_main$4 = /* @__PURE__ */ defineComponent({
   __name: "table",
   props: {
     data: { default: () => [] },
@@ -2602,7 +2708,7 @@ const _sfc_main$3 = /* @__PURE__ */ defineComponent({
         }), {
           default: withCtx(() => [
             (openBlock(true), createElementBlock(Fragment, null, renderList(props.columns, (item) => {
-              return openBlock(), createBlock(_sfc_main$4, {
+              return openBlock(), createBlock(_sfc_main$5, {
                 key: item.prop || item.label,
                 column: item
               }, createSlots({ _: 2 }, [
@@ -2636,127 +2742,1881 @@ const _sfc_main$3 = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const Table = /* @__PURE__ */ _export_sfc(_sfc_main$3, [["__scopeId", "data-v-763fcf58"]]);
-const _sfc_main$2 = /* @__PURE__ */ defineComponent({
-  __name: "tag",
-  props: {
-    type: { default: "light" },
-    status: { default: "primary" },
-    color: { default: "" },
-    size: { default: "small" },
-    closable: { type: Boolean, default: false }
-  },
-  emits: ["click", "close"],
-  setup(__props, { emit: __emit }) {
-    const props = __props;
-    const emit = __emit;
-    const BASE_COLORS = {
-      red: "#FF0000",
-      orangered: "#f77234",
-      orange: "#ff7d00",
-      gold: "#f7ba1e",
-      lime: "#9fdb1d",
-      green: "#00b42a",
-      cyan: "#14c9c9",
-      blue: "#3491fa",
-      purple: "#722ed1",
-      pink: "#f5319d",
-      gray: "#86909c"
+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 resolveColorToken(input) {
-      return BASE_COLORS[input] || input;
+  }
+}
+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++;
     }
-    function hexToRgb(hex) {
-      const body = hex.startsWith("#") ? hex.slice(1) : hex;
-      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),
-        b: Number.parseInt(full.slice(4, 6), 16)
-      };
+    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 stylesForType(type, color, rgb) {
-      const { r, g, b } = rgb;
-      const bgTint = `rgba(${r}, ${g}, ${b}, 0.1)`;
-      const borderTint = `rgba(${r}, ${g}, ${b}, 0.2)`;
-      const closeHoverBg = { "--tag-close-hover-bg-color": color };
-      switch (type) {
-        case "dark":
-          return {
-            color: "#fff",
-            backgroundColor: color,
-            "--tag-close-hover-color": color,
-            "--tag-close-hover-bg-color": "rgba(255, 255, 255, 0.9)"
-          };
-        case "outline":
-          return {
-            color,
-            backgroundColor: "transparent",
-            borderColor: color,
-            ...closeHoverBg
-          };
-        case "light-outline":
-          return {
-            color,
-            backgroundColor: bgTint,
-            borderColor: borderTint,
-            ...closeHoverBg
-          };
-        case "light":
-        default:
-          return {
-            color,
-            backgroundColor: bgTint,
-            ...closeHoverBg
-          };
+  };
+}
+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);
       }
     }
-    const className = computed(
-      () => [
-        "gi-tag",
-        props.type && `gi-tag__type--${props.type}`,
-        props.size && `gi-tag__size--${props.size}`,
-        props.status && `gi-tag__status--${props.status}`
-      ].filter(Boolean).join(" ")
-    );
-    const tagStyle = computed(() => {
-      if (!props.color)
-        return {};
-      const color = resolveColorToken(props.color);
-      return stylesForType(props.type ?? "light", color, hexToRgb(color));
+  };
+}
+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)));
     });
-    function handleClick() {
-      emit("click");
-    }
-    function handleClose(event) {
-      event.stopPropagation();
-      emit("close");
+  },
+  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
+      });
     }
-    return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("span", {
-        class: normalizeClass(className.value),
-        style: normalizeStyle(tagStyle.value),
-        onClick: handleClick
-      }, [
-        renderSlot(_ctx.$slots, "default", {}, void 0, true),
-        _ctx.closable ? (openBlock(), createElementBlock("span", {
-          key: 0,
-          class: "gi-tag-close-btn",
-          onClick: handleClose
+  }, 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"))
         }, [
-          createVNode(unref(ElIcon), { class: "close-icon" }, {
-            default: withCtx(() => [
-              createVNode(unref(close_default))
-            ]),
-            _: 1
+          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)
+              ])
+            };
           })
-        ])) : createCommentVNode("", true)
-      ], 6);
+        ]), 1040, ["columns", "data"])
+      ], 2);
     };
   }
 });
-const Tag = /* @__PURE__ */ _export_sfc(_sfc_main$2, [["__scopeId", "data-v-d4945925"]]);
-const _sfc_main$1 = /* @__PURE__ */ defineComponent({
+const TablePro = /* @__PURE__ */ _export_sfc(_sfc_main$3, [["__scopeId", "data-v-034d33bc"]]);
+const _sfc_main$2 = /* @__PURE__ */ defineComponent({
   __name: "tabs",
   props: /* @__PURE__ */ mergeModels({
     type: { default: "" },
@@ -2796,7 +4656,7 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
               "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => model.value = $event),
               type: props.type,
               stretch: props.stretch,
-              onTabClick: _cache[1] || (_cache[1] = (p, e) => emits("tab-click", p, e)),
+              onTabClick: _cache[1] || (_cache[1] = (p2, e) => emits("tab-click", p2, e)),
               onTabChange: _cache[2] || (_cache[2] = ($event) => emits("tab-change", $event))
             }, {
               default: withCtx(() => [
@@ -2829,7 +4689,157 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const Tabs = /* @__PURE__ */ _export_sfc(_sfc_main$1, [["__scopeId", "data-v-bf74c707"]]);
+const Tabs = /* @__PURE__ */ _export_sfc(_sfc_main$2, [["__scopeId", "data-v-bf74c707"]]);
+const _sfc_main$1 = /* @__PURE__ */ defineComponent({
+  __name: "tag",
+  props: {
+    type: { default: "light" },
+    color: { default: "info" },
+    size: { default: "default" },
+    icon: {},
+    round: { type: Boolean, default: false },
+    closable: { type: Boolean, default: false }
+  },
+  emits: ["click", "close"],
+  setup(__props, { emit: __emit }) {
+    const props = __props;
+    const emit = __emit;
+    const slots = useSlots();
+    const hasIcon = computed(() => Boolean(slots.icon) || Boolean(props.icon));
+    const SEMANTIC_THEME_COLORS = [
+      "primary",
+      "success",
+      "warning",
+      "danger",
+      "info"
+    ];
+    function isSemanticThemeColor(value) {
+      return SEMANTIC_THEME_COLORS.includes(value);
+    }
+    const { b } = useBemClass();
+    const BASE_COLORS = {
+      red: "#FF0000",
+      orangered: "#f77234",
+      orange: "#ff7d00",
+      gold: "#f7ba1e",
+      lime: "#9fdb1d",
+      green: "#00b42a",
+      cyan: "#14c9c9",
+      blue: "#3491fa",
+      purple: "#722ed1",
+      pink: "#f5319d",
+      gray: "#86909c"
+    };
+    function resolveColorToken(input) {
+      return BASE_COLORS[input] || input;
+    }
+    function hexToRgb(hex) {
+      const body = hex.startsWith("#") ? hex.slice(1) : hex;
+      const full = body.length === 3 ? body.split("").map((c2) => c2 + c2).join("") : body;
+      return {
+        r: Number.parseInt(full.slice(0, 2), 16),
+        g: Number.parseInt(full.slice(2, 4), 16),
+        b: Number.parseInt(full.slice(4, 6), 16)
+      };
+    }
+    function stylesForType(type, color, rgb) {
+      const { r, g: g2, b: b2 } = rgb;
+      const closeHoverVars = {
+        "--tag-close-hover-color": "#fff",
+        "--tag-close-hover-bg-color": color
+      };
+      switch (type) {
+        case "dark":
+          return {
+            "color": "#fff",
+            "backgroundColor": color,
+            "--tag-close-hover-color": color,
+            "--tag-close-hover-bg-color": "rgba(255, 255, 255, 0.9)"
+          };
+        case "outline":
+          return {
+            color,
+            backgroundColor: "transparent",
+            borderColor: `rgba(${r}, ${g2}, ${b2}, 0.6)`,
+            ...closeHoverVars
+          };
+        case "light-outline":
+          return {
+            color,
+            backgroundColor: `rgba(${r}, ${g2}, ${b2}, 0.1)`,
+            borderColor: `rgba(${r}, ${g2}, ${b2}, 0.2)`,
+            ...closeHoverVars
+          };
+        case "light":
+        default:
+          return {
+            color,
+            backgroundColor: `rgba(${r}, ${g2}, ${b2}, 0.1)`,
+            ...closeHoverVars
+          };
+      }
+    }
+    const className = computed(() => {
+      const c2 = 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}`)
+      ].filter(Boolean).join(" ");
+    });
+    const tagStyle = computed(() => {
+      const raw = props.color;
+      if (!raw || isSemanticThemeColor(raw))
+        return {};
+      const color = resolveColorToken(raw);
+      return stylesForType(props.type ?? "light", color, hexToRgb(color));
+    });
+    function handleClick() {
+      emit("click");
+    }
+    function handleClose(event) {
+      event.stopPropagation();
+      emit("close");
+    }
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("span", {
+        class: normalizeClass(className.value),
+        style: normalizeStyle(tagStyle.value),
+        onClick: handleClick
+      }, [
+        hasIcon.value ? (openBlock(), createElementBlock("span", {
+          key: 0,
+          class: normalizeClass(unref(b)("tag__icon"))
+        }, [
+          renderSlot(_ctx.$slots, "icon", {}, () => [
+            _ctx.icon ? (openBlock(), createBlock(unref(ElIcon), { key: 0 }, {
+              default: withCtx(() => [
+                (openBlock(), createBlock(resolveDynamicComponent(_ctx.icon)))
+              ]),
+              _: 1
+            })) : createCommentVNode("", true)
+          ], true)
+        ], 2)) : createCommentVNode("", true),
+        renderSlot(_ctx.$slots, "default", {}, void 0, true),
+        _ctx.closable ? (openBlock(), createElementBlock("span", {
+          key: 1,
+          class: "gi-tag-close-btn",
+          onClick: handleClose
+        }, [
+          createVNode(unref(ElIcon), { class: "close-icon" }, {
+            default: withCtx(() => [
+              createVNode(unref(close_default))
+            ]),
+            _: 1
+          })
+        ])) : createCommentVNode("", true)
+      ], 6);
+    };
+  }
+});
+const Tag = /* @__PURE__ */ _export_sfc(_sfc_main$1, [["__scopeId", "data-v-9d73e3e2"]]);
 function getDefaultExportFromCjs(x) {
   return x && x.__esModule && Object.prototype.hasOwnProperty.call(x, "default") ? x["default"] : x;
 }
@@ -4768,7 +6778,7 @@ function requireToStringDate() {
     var cacheItem = cacheFormatMaps[format];
     if (!cacheItem) {
       var posIndexs = [];
-      var re = format.replace(/([$(){}*+.?\\^|])/g, "\\$1").replace(customParseRes, function(text, val) {
+      var re2 = format.replace(/([$(){}*+.?\\^|])/g, "\\$1").replace(customParseRes, function(text, val) {
         var firstChar = text.charAt(0);
         if (firstChar === "[") {
           return val;
@@ -4778,7 +6788,7 @@ function requireToStringDate() {
       });
       cacheItem = cacheFormatMaps[format] = {
         _i: posIndexs,
-        _r: new RegExp(re)
+        _r: new RegExp(re2)
       };
     }
     var resMaps = {};
@@ -8515,7 +10525,7 @@ const createSelectDialog = (params) => {
       bodyClass: "gi-p0",
       ...restParams,
       title: params.title || options.title,
-      content: () => h(params.component, {
+      content: () => h$1(params.component, {
         ref: (e) => DialogTableRef.value = e,
         multiple,
         queryParams,
@@ -8546,10 +10556,10 @@ const createSelectDialog = (params) => {
 };
 void [Dialog.info, Dialog.success, Dialog.warning, Dialog.error];
 const components = {
-  Button: _sfc_main$k,
+  Button: _sfc_main$l,
   Card,
-  Descriptions: _sfc_main$i,
-  Drawer: _sfc_main$e,
+  Descriptions: _sfc_main$j,
+  Drawer: _sfc_main$f,
   Dot,
   Tabs,
   InputGroup,
@@ -8559,16 +10569,17 @@ const components = {
   GridItem,
   Form,
   PageLayout,
-  Dialog: _sfc_main$h,
+  Dialog: _sfc_main$i,
   EditTable,
-  Table,
+  Table: GiTable$1,
+  TablePro,
   Tag,
   TreeTransfer
 };
-const GiButton = _sfc_main$k;
+const GiButton = _sfc_main$l;
 const GiCard = Card;
-const GiDescriptions = _sfc_main$i;
-const GiDrawer = _sfc_main$e;
+const GiDescriptions = _sfc_main$j;
+const GiDrawer = _sfc_main$f;
 const GiDot = Dot;
 const GiTabs = Tabs;
 const GiInputGroup = InputGroup;
@@ -8578,9 +10589,10 @@ const GiGrid = Grid;
 const GiGridItem = GridItem;
 const GiForm = Form;
 const GiPageLayout = PageLayout;
-const GiDialog = _sfc_main$h;
+const GiDialog = _sfc_main$i;
 const GiEditTable = EditTable;
-const GiTable = Table;
+const GiTable = GiTable$1;
+const GiTablePro = TablePro;
 const GiTag = Tag;
 const GiTreeTransfer = TreeTransfer;
 function capitalizeWord(word) {
@@ -8616,6 +10628,7 @@ export {
   GiInputSearch,
   GiPageLayout,
   GiTable,
+  GiTablePro,
   GiTabs,
   GiTag,
   GiTreeTransfer,