@wujies/components 5.6.5 → 5.6.6

package/dist/index.js

@@ -1,7 +1,7 @@
-import { defineComponent, ref, computed, resolveComponent, openBlock, createBlock, normalizeStyle, unref, withCtx, createElementVNode, createVNode, mergeProps, createSlots, renderSlot, createElementBlock, isRef, Fragment, renderList, resolveDynamicComponent, toDisplayString, normalizeClass, createTextVNode, createCommentVNode, reactive, watch, withDirectives, vModelText, useModel, useTemplateRef, mergeModels, Transition, useAttrs, resolveDirective, toRefs, h as h$1, getCurrentInstance, onMounted, nextTick, onUnmounted, onBeforeUnmount } from "vue";
-import { Refresh, Search, Loading, FullScreen, Rank, Back, Right, Operation, Menu } from "@element-plus/icons-vue";
+import { defineComponent, ref, computed, resolveComponent, openBlock, createBlock, normalizeStyle, unref, withCtx, createElementVNode, createVNode, mergeProps, createSlots, renderSlot, createElementBlock, isRef, Fragment, renderList, resolveDynamicComponent, toDisplayString, normalizeClass, createTextVNode, createCommentVNode, reactive, watch, withDirectives, vModelText, useCssVars, onMounted, useModel, useTemplateRef, mergeModels, Transition, useAttrs, resolveDirective, toRefs, h as h$1, getCurrentInstance, nextTick, onUnmounted, onBeforeUnmount, hasInjectionContext, inject, getCurrentScope, onScopeDispose, shallowRef, toValue, watchEffect, withModifiers, vShow } from "vue";
+import { Refresh, Search, Loading, FullScreen, Rank, Back, Right, Operation, Menu, ArrowRight, ArrowLeft } from "@element-plus/icons-vue";
 import { ElForm, ElOption, ElCheckbox, ElRadio, ElTreeSelect, ElTimeSelect, ElTimePicker, ElCascader, ElDatePicker, ElRadioGroup, ElCheckboxGroup, ElSwitch, ElSelect, ElInputNumber, ElInput } from "element-plus";
-import { WUJIES_COMPONENT_NAMES } from "./names.js";
+import { WUJIES_COMPONENT_NAMES, WUJIES_HOST_ONLY_COMPONENT_NAMES } from "./names.js";
 const config = {
   silent: false,
   logLevel: "warn"
@@ -23,7 +23,7 @@ const typeDefaults = () => ({
   integer: 0
 });
 const ObjProto = Object.prototype;
-const toString = ObjProto.toString;
+const toString$1 = ObjProto.toString;
 const hasOwn = ObjProto.hasOwnProperty;
 const FN_MATCH_REGEXP = /^\s*function (\w+)/;
 function getType(fn) {
@@ -68,9 +68,9 @@ const isInteger = Number.isInteger || function isInteger2(value) {
   return typeof value === "number" && isFinite(value) && Math.floor(value) === value;
 };
 const isArray = Array.isArray || function isArray2(value) {
-  return toString.call(value) === "[object Array]";
+  return toString$1.call(value) === "[object Array]";
 };
-const isFunction = (value) => toString.call(value) === "[object Function]";
+const isFunction = (value) => toString$1.call(value) === "[object Function]";
 const isVueTypeDef = (value, name) => isPlainObject(value) && has(value, "_vueTypes_name") && (!name || value._vueTypes_name === name);
 const isComplexType = (value) => isPlainObject(value) && (has(value, "type") || ["_vueTypes_name", "validator", "default", "required"].some(
   (k) => has(value, k)
@@ -553,8 +553,8 @@ function createTypes(defs = typeDefaults()) {
 class VueTypes extends createTypes() {
 }
 const propTypes = VueTypes;
-const _hoisted_1$b = { class: "image-slot" };
-const _sfc_main$e = /* @__PURE__ */ defineComponent({
+const _hoisted_1$d = { class: "image-slot" };
+const _sfc_main$h = /* @__PURE__ */ defineComponent({
   __name: "ImagePreview",
   props: {
     src: propTypes.string.def(""),
@@ -723,7 +723,7 @@ const _sfc_main$e = /* @__PURE__ */ defineComponent({
           }, 1032, ["onClick"])
         ]),
         error: withCtx(() => [
-          createElementVNode("div", _hoisted_1$b, [
+          createElementVNode("div", _hoisted_1$d, [
             createVNode(_component_el_icon, null, {
               default: withCtx(() => [
                 createVNode(_component_picture_filled)
@@ -744,8 +744,8 @@ const _export_sfc = (sfc, props) => {
   }
   return target;
 };
-const ImagePreview = /* @__PURE__ */ _export_sfc(_sfc_main$e, [["__scopeId", "data-v-ed5d331b"]]);
-const _sfc_main$d = /* @__PURE__ */ defineComponent({
+const ImagePreview = /* @__PURE__ */ _export_sfc(_sfc_main$h, [["__scopeId", "data-v-81f8b791"]]);
+const _sfc_main$g = /* @__PURE__ */ defineComponent({
   ...{
     name: "KCard",
     inheritAttrs: false
@@ -778,12 +778,12 @@ const _sfc_main$d = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const KCard = /* @__PURE__ */ _export_sfc(_sfc_main$d, [["__scopeId", "data-v-cbf723b1"]]);
-const _hoisted_1$a = { class: "custom-tabs-wrapper" };
-const _hoisted_2$6 = { class: "custom-tab-label" };
-const _hoisted_3$5 = { class: "tab-text" };
-const _hoisted_4$3 = { class: "custom-tabs-content" };
-const _sfc_main$c = /* @__PURE__ */ defineComponent({
+const KCard = /* @__PURE__ */ _export_sfc(_sfc_main$g, [["__scopeId", "data-v-33e2619b"]]);
+const _hoisted_1$c = { class: "custom-tabs-wrapper" };
+const _hoisted_2$7 = { class: "custom-tab-label" };
+const _hoisted_3$6 = { class: "tab-text" };
+const _hoisted_4$4 = { class: "custom-tabs-content" };
+const _sfc_main$f = /* @__PURE__ */ defineComponent({
   __name: "KCustomTabs",
   props: {
     modelValue: {},
@@ -804,7 +804,7 @@ const _sfc_main$c = /* @__PURE__ */ defineComponent({
       const _component_el_icon = resolveComponent("el-icon");
       const _component_el_tab_pane = resolveComponent("el-tab-pane");
       const _component_el_tabs = resolveComponent("el-tabs");
-      return openBlock(), createElementBlock("div", _hoisted_1$a, [
+      return openBlock(), createElementBlock("div", _hoisted_1$c, [
         createVNode(_component_el_tabs, {
           modelValue: unref(activeTab),
           "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => isRef(activeTab) ? activeTab.value = $event : null),
@@ -820,14 +820,14 @@ const _sfc_main$c = /* @__PURE__ */ defineComponent({
                 name: tab.name
               }, {
                 label: withCtx(() => [
-                  createElementVNode("div", _hoisted_2$6, [
+                  createElementVNode("div", _hoisted_2$7, [
                     createVNode(_component_el_icon, { class: "tab-icon" }, {
                       default: withCtx(() => [
                         (openBlock(), createBlock(resolveDynamicComponent(tab.icon)))
                       ]),
                       _: 2
                     }, 1024),
-                    createElementVNode("span", _hoisted_3$5, toDisplayString(tab.label), 1)
+                    createElementVNode("span", _hoisted_3$6, toDisplayString(tab.label), 1)
                   ])
                 ]),
                 _: 2
@@ -836,19 +836,19 @@ const _sfc_main$c = /* @__PURE__ */ defineComponent({
           ]),
           _: 1
         }, 8, ["modelValue"]),
-        createElementVNode("div", _hoisted_4$3, [
+        createElementVNode("div", _hoisted_4$4, [
           renderSlot(_ctx.$slots, "default", {}, void 0, true)
         ])
       ]);
     };
   }
 });
-const KCustomTabs = /* @__PURE__ */ _export_sfc(_sfc_main$c, [["__scopeId", "data-v-1a3054fc"]]);
-const _hoisted_1$9 = {
+const KCustomTabs = /* @__PURE__ */ _export_sfc(_sfc_main$f, [["__scopeId", "data-v-0c28b114"]]);
+const _hoisted_1$b = {
   key: 0,
   class: "dict-tag__text"
 };
-const _sfc_main$b = /* @__PURE__ */ defineComponent({
+const _sfc_main$e = /* @__PURE__ */ defineComponent({
   __name: "KDictTag",
   props: {
     options: {},
@@ -934,7 +934,7 @@ const _sfc_main$b = /* @__PURE__ */ defineComponent({
           ], 64);
         }), 128)),
         unmatchedValues.value.length && _ctx.showValue ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [
-          displayMode.value === "text" ? (openBlock(), createElementBlock("span", _hoisted_1$9, toDisplayString(unmatchedText.value), 1)) : (openBlock(), createBlock(_component_el_tag, {
+          displayMode.value === "text" ? (openBlock(), createElementBlock("span", _hoisted_1$b, toDisplayString(unmatchedText.value), 1)) : (openBlock(), createBlock(_component_el_tag, {
             key: 1,
             class: "dict-tag__item dict-tag__item--fallback",
             "disable-transitions": true,
@@ -953,19 +953,19 @@ const _sfc_main$b = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const KDictTag = /* @__PURE__ */ _export_sfc(_sfc_main$b, [["__scopeId", "data-v-f24d054e"]]);
-const _hoisted_1$8 = { class: "ip-segment-input" };
-const _hoisted_2$5 = {
+const KDictTag = /* @__PURE__ */ _export_sfc(_sfc_main$e, [["__scopeId", "data-v-1cfd13b2"]]);
+const _hoisted_1$a = { class: "ip-segment-input" };
+const _hoisted_2$6 = {
   key: 0,
   class: "ip-prefix"
 };
-const _hoisted_3$4 = { class: "ip-inputs" };
-const _hoisted_4$2 = ["onUpdate:modelValue", "onInput", "onKeydown"];
-const _hoisted_5$2 = {
+const _hoisted_3$5 = { class: "ip-inputs" };
+const _hoisted_4$3 = ["onUpdate:modelValue", "onInput", "onKeydown"];
+const _hoisted_5$3 = {
   key: 0,
   class: "ip-dot"
 };
-const _sfc_main$a = /* @__PURE__ */ defineComponent({
+const _sfc_main$d = /* @__PURE__ */ defineComponent({
   __name: "KIpSegmentInput",
   props: {
     modelValue: {},
@@ -1058,9 +1058,9 @@ const _sfc_main$a = /* @__PURE__ */ defineComponent({
       focus
     });
     return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("div", _hoisted_1$8, [
-        _ctx.prefix ? (openBlock(), createElementBlock("div", _hoisted_2$5, toDisplayString(_ctx.prefix), 1)) : createCommentVNode("", true),
-        createElementVNode("div", _hoisted_3$4, [
+      return openBlock(), createElementBlock("div", _hoisted_1$a, [
+        _ctx.prefix ? (openBlock(), createElementBlock("div", _hoisted_2$6, toDisplayString(_ctx.prefix), 1)) : createCommentVNode("", true),
+        createElementVNode("div", _hoisted_3$5, [
           (openBlock(true), createElementBlock(Fragment, null, renderList(segments, (segment, index) => {
             return openBlock(), createElementBlock(Fragment, { key: index }, [
               withDirectives(createElementVNode("input", {
@@ -1073,10 +1073,10 @@ const _sfc_main$a = /* @__PURE__ */ defineComponent({
                 onInput: ($event) => handleInput(index, $event),
                 onKeydown: ($event) => handleKeydown(index, $event),
                 onPaste: _cache[0] || (_cache[0] = ($event) => handlePaste($event))
-              }, null, 40, _hoisted_4$2), [
+              }, null, 40, _hoisted_4$3), [
                 [vModelText, segment.value]
               ]),
-              index < segments.length - 1 ? (openBlock(), createElementBlock("span", _hoisted_5$2, ".")) : createCommentVNode("", true)
+              index < segments.length - 1 ? (openBlock(), createElementBlock("span", _hoisted_5$3, ".")) : createCommentVNode("", true)
             ], 64);
           }), 128))
         ])
@@ -1084,8 +1084,121 @@ const _sfc_main$a = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const KIpSegmentInput = /* @__PURE__ */ _export_sfc(_sfc_main$a, [["__scopeId", "data-v-a3d263a5"]]);
-const _sfc_main$9 = /* @__PURE__ */ defineComponent({
+const KIpSegmentInput = /* @__PURE__ */ _export_sfc(_sfc_main$d, [["__scopeId", "data-v-cc8f2ec6"]]);
+const easeInOutQuad = (t, b, c2, d) => {
+  t /= d / 2;
+  if (t < 1) {
+    return c2 / 2 * t * t + b;
+  }
+  t--;
+  return -c2 / 2 * (t * (t - 2) - 1) + b;
+};
+const requestAnimFrame = (function() {
+  return window.requestAnimationFrame || window.webkitRequestAnimationFrame || window.mozRequestAnimationFrame || function(callback) {
+    window.setTimeout(callback, 1e3 / 60);
+  };
+})();
+const move = (amount) => {
+  document.documentElement.scrollTop = amount;
+  document.body.parentNode.scrollTop = amount;
+  document.body.scrollTop = amount;
+};
+const position = () => {
+  return document.documentElement.scrollTop || document.body.parentNode.scrollTop || document.body.scrollTop;
+};
+const scrollTo = (to2, duration, callback) => {
+  const start = position();
+  const change = to2 - start;
+  const increment = 20;
+  let currentTime = 0;
+  duration = typeof duration === "undefined" ? 500 : duration;
+  const animateScroll = function() {
+    currentTime += increment;
+    const val = easeInOutQuad(currentTime, start, change, duration);
+    move(val);
+    if (currentTime < duration) {
+      requestAnimFrame(animateScroll);
+    }
+  };
+  animateScroll();
+};
+const _sfc_main$c = /* @__PURE__ */ defineComponent({
+  __name: "KPagination",
+  props: {
+    total: propTypes.number,
+    page: propTypes.number.def(1),
+    limit: propTypes.number.def(20),
+    pageSizes: { type: Array, default: () => [10, 20, 30, 50] },
+    // 移动端页码按钮数量默认值 5，桌面端默认值 7
+    pagerCount: propTypes.number.def(document.body.clientWidth < 992 ? 5 : 7),
+    layout: propTypes.string.def("total, sizes, prev, pager, next, jumper"),
+    background: propTypes.bool.def(true),
+    autoScroll: propTypes.bool.def(true),
+    hidden: propTypes.bool.def(false),
+    float: propTypes.string.def("right")
+  },
+  emits: ["update:page", "update:limit", "pagination"],
+  setup(__props, { emit: __emit }) {
+    useCssVars((_ctx) => ({
+      "c7f283a4": __props.float
+    }));
+    const props = __props;
+    const emit = __emit;
+    const currentPage = computed({
+      get() {
+        return props.page;
+      },
+      set(val) {
+        emit("update:page", val);
+      }
+    });
+    const pageSize = computed({
+      get() {
+        return props.limit;
+      },
+      set(val) {
+        emit("update:limit", val);
+      }
+    });
+    function handleSizeChange(val) {
+      if (currentPage.value * val > props.total) {
+        currentPage.value = 1;
+      }
+      emit("pagination", { page: currentPage.value, limit: val });
+      if (props.autoScroll) {
+        scrollTo(0, 800);
+      }
+    }
+    function handleCurrentChange(val) {
+      emit("pagination", { page: val, limit: pageSize.value });
+      if (props.autoScroll) {
+        scrollTo(0, 800);
+      }
+    }
+    return (_ctx, _cache) => {
+      const _component_el_pagination = resolveComponent("el-pagination");
+      return openBlock(), createElementBlock("div", {
+        class: normalizeClass([{ hidden: __props.hidden }, "pagination-container"])
+      }, [
+        createVNode(_component_el_pagination, {
+          "current-page": unref(currentPage),
+          "onUpdate:currentPage": _cache[0] || (_cache[0] = ($event) => isRef(currentPage) ? currentPage.value = $event : null),
+          "page-size": unref(pageSize),
+          "onUpdate:pageSize": _cache[1] || (_cache[1] = ($event) => isRef(pageSize) ? pageSize.value = $event : null),
+          background: __props.background,
+          layout: __props.layout,
+          "page-sizes": __props.pageSizes,
+          "pager-count": __props.pagerCount,
+          total: __props.total,
+          onSizeChange: handleSizeChange,
+          onCurrentChange: handleCurrentChange
+        }, null, 8, ["current-page", "page-size", "background", "layout", "page-sizes", "pager-count", "total"])
+      ], 2);
+    };
+  }
+});
+const KPagination = /* @__PURE__ */ _export_sfc(_sfc_main$c, [["__scopeId", "data-v-e09bceac"]]);
+const _sfc_main$b = /* @__PURE__ */ defineComponent({
   ...{
     name: "KPlainButton",
     inheritAttrs: false
@@ -1123,10 +1236,140 @@ const _sfc_main$9 = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const _hoisted_1$7 = { class: "k-search-bar__title" };
-const _hoisted_2$4 = { key: 1 };
-const _hoisted_3$3 = { class: "k-search-bar__actions" };
-const _sfc_main$8 = /* @__PURE__ */ defineComponent({
+const _hoisted_1$9 = { class: "show-btn" };
+const _sfc_main$a = /* @__PURE__ */ defineComponent({
+  __name: "KRightToolbar",
+  props: {
+    showSearch: propTypes.bool.def(true),
+    columns: { type: Array, default: void 0 },
+    search: propTypes.bool.def(true),
+    gutter: propTypes.number.def(10)
+  },
+  emits: ["update:showSearch", "queryTable"],
+  setup(__props, { emit: __emit }) {
+    const props = __props;
+    const columnRef = ref();
+    const emits = __emit;
+    const style = computed(() => {
+      const ret = {};
+      if (props.gutter) {
+        ret.marginRight = `${props.gutter / 2}px`;
+      }
+      return ret;
+    });
+    function toggleSearch() {
+      emits("update:showSearch", !props.showSearch);
+    }
+    function refresh() {
+      emits("queryTable");
+    }
+    function columnChange(...args) {
+      var _a;
+      (_a = props.columns) == null ? void 0 : _a.forEach((item) => {
+        item.visible = args[1].checkedKeys.includes(item.key);
+      });
+    }
+    onMounted(() => {
+      var _a;
+      (_a = props.columns) == null ? void 0 : _a.forEach((item) => {
+        var _a2;
+        if (item.visible) {
+          (_a2 = columnRef.value) == null ? void 0 : _a2.setChecked(item.key, true, false);
+        }
+      });
+    });
+    return (_ctx, _cache) => {
+      const _component_el_button = resolveComponent("el-button");
+      const _component_el_tooltip = resolveComponent("el-tooltip");
+      const _component_el_tree = resolveComponent("el-tree");
+      const _component_el_popover = resolveComponent("el-popover");
+      const _component_el_row = resolveComponent("el-row");
+      return openBlock(), createElementBlock("div", {
+        class: "top-right-btn",
+        style: normalizeStyle(unref(style))
+      }, [
+        createVNode(_component_el_row, null, {
+          default: withCtx(() => [
+            __props.search ? (openBlock(), createBlock(_component_el_tooltip, {
+              key: 0,
+              class: "item",
+              effect: "dark",
+              content: __props.showSearch ? "隐藏搜索" : "显示搜索",
+              placement: "top"
+            }, {
+              default: withCtx(() => [
+                createVNode(_component_el_button, {
+                  circle: "",
+                  icon: "Search",
+                  onClick: _cache[0] || (_cache[0] = ($event) => toggleSearch())
+                })
+              ]),
+              _: 1
+            }, 8, ["content"])) : createCommentVNode("", true),
+            createVNode(_component_el_tooltip, {
+              class: "item",
+              effect: "dark",
+              content: "刷新",
+              placement: "top"
+            }, {
+              default: withCtx(() => [
+                createVNode(_component_el_button, {
+                  circle: "",
+                  icon: "Refresh",
+                  onClick: _cache[1] || (_cache[1] = ($event) => refresh())
+                })
+              ]),
+              _: 1
+            }),
+            __props.columns ? (openBlock(), createBlock(_component_el_tooltip, {
+              key: 1,
+              class: "item",
+              effect: "dark",
+              content: "显示/隐藏列",
+              placement: "top"
+            }, {
+              default: withCtx(() => [
+                createElementVNode("div", _hoisted_1$9, [
+                  createVNode(_component_el_popover, {
+                    placement: "bottom",
+                    trigger: "click"
+                  }, {
+                    reference: withCtx(() => [
+                      createVNode(_component_el_button, {
+                        circle: "",
+                        icon: "Menu"
+                      })
+                    ]),
+                    default: withCtx(() => [
+                      _cache[2] || (_cache[2] = createElementVNode("div", { class: "tree-header" }, "显示/隐藏列", -1)),
+                      createVNode(_component_el_tree, {
+                        ref_key: "columnRef",
+                        ref: columnRef,
+                        data: __props.columns,
+                        "show-checkbox": "",
+                        "node-key": "key",
+                        props: { label: "label", children: "children" },
+                        onCheck: columnChange
+                      }, null, 8, ["data"])
+                    ]),
+                    _: 1
+                  })
+                ])
+              ]),
+              _: 1
+            })) : createCommentVNode("", true)
+          ]),
+          _: 1
+        })
+      ], 4);
+    };
+  }
+});
+const KRightToolbar = /* @__PURE__ */ _export_sfc(_sfc_main$a, [["__scopeId", "data-v-7c7062c5"]]);
+const _hoisted_1$8 = { class: "k-search-bar__title" };
+const _hoisted_2$5 = { key: 1 };
+const _hoisted_3$4 = { class: "k-search-bar__actions" };
+const _sfc_main$9 = /* @__PURE__ */ defineComponent({
   ...{
     name: "KSearchBar",
     inheritAttrs: false
@@ -1344,7 +1587,7 @@ const _sfc_main$8 = /* @__PURE__ */ defineComponent({
           default: withCtx(() => [
             createVNode(_component_el_collapse_item, { name: "search" }, {
               title: withCtx(() => [
-                createElementVNode("div", _hoisted_1$7, [
+                createElementVNode("div", _hoisted_1$8, [
                   createElementVNode("span", null, toDisplayString(_ctx.title), 1)
                 ])
               ]),
@@ -1423,7 +1666,7 @@ const _sfc_main$8 = /* @__PURE__ */ defineComponent({
                                 item.label ? {
                                   name: "label",
                                   fn: withCtx(() => [
-                                    typeof item.label !== "string" ? (openBlock(), createBlock(resolveDynamicComponent(item.label), { key: 0 })) : (openBlock(), createElementBlock("span", _hoisted_2$4, toDisplayString(item.label), 1))
+                                    typeof item.label !== "string" ? (openBlock(), createBlock(resolveDynamicComponent(item.label), { key: 0 })) : (openBlock(), createElementBlock("span", _hoisted_2$5, toDisplayString(item.label), 1))
                                   ]),
                                   key: "0"
                                 } : void 0
@@ -1441,7 +1684,7 @@ const _sfc_main$8 = /* @__PURE__ */ defineComponent({
                           class: "k-search-bar__actions-col"
                         }, {
                           default: withCtx(() => [
-                            createElementVNode("div", _hoisted_3$3, [
+                            createElementVNode("div", _hoisted_3$4, [
                               renderSlot(_ctx.$slots, "actions-before", { modelValue: modelValue.value }, void 0, true),
                               _ctx.showReset ? (openBlock(), createBlock(_component_el_button, {
                                 key: 0,
@@ -1485,16 +1728,16 @@ const _sfc_main$8 = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const KSearchBar = /* @__PURE__ */ _export_sfc(_sfc_main$8, [["__scopeId", "data-v-995c528d"]]);
-const _hoisted_1$6 = { class: "section-title" };
-const _sfc_main$7 = /* @__PURE__ */ defineComponent({
+const KSearchBar = /* @__PURE__ */ _export_sfc(_sfc_main$9, [["__scopeId", "data-v-af898010"]]);
+const _hoisted_1$7 = { class: "section-title" };
+const _sfc_main$8 = /* @__PURE__ */ defineComponent({
   __name: "KSectionTitle",
   props: {
     title: {}
   },
   setup(__props) {
     return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("div", _hoisted_1$6, [
+      return openBlock(), createElementBlock("div", _hoisted_1$7, [
         renderSlot(_ctx.$slots, "default", {}, () => [
           createTextVNode(toDisplayString(_ctx.title), 1)
         ], true)
@@ -1502,8 +1745,8 @@ const _sfc_main$7 = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const KSectionTitle = /* @__PURE__ */ _export_sfc(_sfc_main$7, [["__scopeId", "data-v-59cb5e35"]]);
-const _sfc_main$6 = /* @__PURE__ */ defineComponent({
+const KSectionTitle = /* @__PURE__ */ _export_sfc(_sfc_main$8, [["__scopeId", "data-v-0504fe3f"]]);
+const _sfc_main$7 = /* @__PURE__ */ defineComponent({
   ...{
     name: "KSegmented",
     inheritAttrs: false
@@ -1551,9 +1794,9 @@ const _sfc_main$6 = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const KSegmented = /* @__PURE__ */ _export_sfc(_sfc_main$6, [["__scopeId", "data-v-bdb6d72b"]]);
-const _hoisted_1$5 = { class: "title" };
-const _sfc_main$5 = /* @__PURE__ */ defineComponent({
+const KSegmented = /* @__PURE__ */ _export_sfc(_sfc_main$7, [["__scopeId", "data-v-9ee2c3c5"]]);
+const _hoisted_1$6 = { class: "title" };
+const _sfc_main$6 = /* @__PURE__ */ defineComponent({
   ...{ name: "KSelectedAlert" },
   __name: "KSelectedAlert",
   props: {
@@ -1571,7 +1814,7 @@ const _sfc_main$5 = /* @__PURE__ */ defineComponent({
         type: "primary"
       }, {
         title: withCtx(() => [
-          createElementVNode("span", _hoisted_1$5, toDisplayString(_ctx.count > 0 ? `已选择 ${_ctx.count} 条记录` : "未选中任何记录"), 1),
+          createElementVNode("span", _hoisted_1$6, toDisplayString(_ctx.count > 0 ? `已选择 ${_ctx.count} 条记录` : "未选中任何记录"), 1),
           _ctx.count > 0 ? (openBlock(), createBlock(_component_el_link, {
             key: 0,
             underline: false,
@@ -1589,13 +1832,13 @@ const _sfc_main$5 = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const KSelectedAlert = /* @__PURE__ */ _export_sfc(_sfc_main$5, [["__scopeId", "data-v-cf66b3b3"]]);
-const _hoisted_1$4 = { class: "k-spin__indicator" };
-const _hoisted_2$3 = {
+const KSelectedAlert = /* @__PURE__ */ _export_sfc(_sfc_main$6, [["__scopeId", "data-v-88969fb9"]]);
+const _hoisted_1$5 = { class: "k-spin__indicator" };
+const _hoisted_2$4 = {
   key: 0,
   class: "k-spin__description"
 };
-const _sfc_main$4 = /* @__PURE__ */ defineComponent({
+const _sfc_main$5 = /* @__PURE__ */ defineComponent({
   ...{ name: "KSpin" },
   __name: "KSpin",
   props: {
@@ -1628,7 +1871,7 @@ const _sfc_main$4 = /* @__PURE__ */ defineComponent({
               style: normalizeStyle(unref(maskStyle))
             }, [
               renderSlot(_ctx.$slots, "spin", {}, () => [
-                createElementVNode("div", _hoisted_1$4, [
+                createElementVNode("div", _hoisted_1$5, [
                   createVNode(_component_el_icon, {
                     class: "k-spin__icon is-loading",
                     size: _ctx.size
@@ -1638,7 +1881,7 @@ const _sfc_main$4 = /* @__PURE__ */ defineComponent({
                     ]),
                     _: 1
                   }, 8, ["size"]),
-                  _ctx.description ? (openBlock(), createElementBlock("p", _hoisted_2$3, toDisplayString(_ctx.description), 1)) : createCommentVNode("", true)
+                  _ctx.description ? (openBlock(), createElementBlock("p", _hoisted_2$4, toDisplayString(_ctx.description), 1)) : createCommentVNode("", true)
                 ])
               ], true)
             ], 4)) : createCommentVNode("", true)
@@ -1649,9 +1892,9 @@ const _sfc_main$4 = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const KSpin = /* @__PURE__ */ _export_sfc(_sfc_main$4, [["__scopeId", "data-v-92190b3d"]]);
-const _hoisted_1$3 = { key: 0 };
-const _sfc_main$3 = /* @__PURE__ */ defineComponent({
+const KSpin = /* @__PURE__ */ _export_sfc(_sfc_main$5, [["__scopeId", "data-v-d7f6a57b"]]);
+const _hoisted_1$4 = { key: 0 };
+const _sfc_main$4 = /* @__PURE__ */ defineComponent({
   ...{ name: "KTable", inheritAttrs: false },
   __name: "KTable",
   props: {
@@ -1767,7 +2010,7 @@ const _sfc_main$3 = /* @__PURE__ */ defineComponent({
           ref: elTableRef
         }, unref(mergedTableProps), { onSelectionChange: handleSelectionChange }), {
           empty: withCtx(() => [
-            _ctx.loading ? (openBlock(), createElementBlock("div", _hoisted_1$3)) : (openBlock(), createBlock(_component_el_empty, {
+            _ctx.loading ? (openBlock(), createElementBlock("div", _hoisted_1$4)) : (openBlock(), createBlock(_component_el_empty, {
               key: 1,
               description: _ctx.emptyText,
               "image-size": 120
@@ -1836,7 +2079,7 @@ const _sfc_main$3 = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const KTable = /* @__PURE__ */ _export_sfc(_sfc_main$3, [["__scopeId", "data-v-05ba2501"]]);
+const KTable = /* @__PURE__ */ _export_sfc(_sfc_main$4, [["__scopeId", "data-v-cf2daced"]]);
 var an = Object.defineProperty;
 var Pe = Object.getOwnPropertySymbols;
 var yt = Object.prototype.hasOwnProperty, wt = Object.prototype.propertyIsEnumerable;
@@ -3433,18 +3676,18 @@ const ft = [
     };
   }
 });
-const _hoisted_1$2 = { class: "k-table-header__left" };
-const _hoisted_2$2 = {
+const _hoisted_1$3 = { class: "k-table-header__left" };
+const _hoisted_2$3 = {
   key: 0,
   class: "k-table-header__title"
 };
-const _hoisted_3$2 = { class: "k-table-header__right" };
-const _hoisted_4$1 = { class: "column-panel" };
-const _hoisted_5$1 = { class: "column-panel__select-all" };
-const _hoisted_6 = { class: "column-item__main" };
-const _hoisted_7 = { class: "column-item__label" };
-const _hoisted_8 = ["disabled", "onClick"];
-const _sfc_main$2 = /* @__PURE__ */ defineComponent({
+const _hoisted_3$3 = { class: "k-table-header__right" };
+const _hoisted_4$2 = { class: "column-panel" };
+const _hoisted_5$2 = { class: "column-panel__select-all" };
+const _hoisted_6$1 = { class: "column-item__main" };
+const _hoisted_7$1 = { class: "column-item__label" };
+const _hoisted_8$1 = ["disabled", "onClick"];
+const _sfc_main$3 = /* @__PURE__ */ defineComponent({
   ...{ name: "KTableHeader" },
   __name: "KTableHeader",
   props: /* @__PURE__ */ mergeModels({
@@ -3574,12 +3817,12 @@ const _sfc_main$2 = /* @__PURE__ */ defineComponent({
         ref: headerRef,
         class: "k-table-header"
       }, [
-        createElementVNode("div", _hoisted_1$2, [
+        createElementVNode("div", _hoisted_1$3, [
           renderSlot(_ctx.$slots, "title", {}, () => [
-            _ctx.title ? (openBlock(), createElementBlock("div", _hoisted_2$2, toDisplayString(_ctx.title), 1)) : createCommentVNode("", true)
+            _ctx.title ? (openBlock(), createElementBlock("div", _hoisted_2$3, toDisplayString(_ctx.title), 1)) : createCommentVNode("", true)
           ], true)
         ]),
-        createElementVNode("div", _hoisted_3$2, [
+        createElementVNode("div", _hoisted_3$3, [
           renderSlot(_ctx.$slots, "right", {}, void 0, true),
           shouldShow("refresh") ? (openBlock(), createBlock(_component_KPlainButton, {
             key: 0,
@@ -3616,8 +3859,8 @@ const _sfc_main$2 = /* @__PURE__ */ defineComponent({
               }, 8, ["icon"])
             ]),
             default: withCtx(() => [
-              createElementVNode("div", _hoisted_4$1, [
-                createElementVNode("div", _hoisted_5$1, [
+              createElementVNode("div", _hoisted_4$2, [
+                createElementVNode("div", _hoisted_5$2, [
                   createVNode(_component_el_checkbox, {
                     disabled: unref(visibleStats).total === 0,
                     indeterminate: unref(selectAllIndeterminate),
@@ -3647,7 +3890,7 @@ const _sfc_main$2 = /* @__PURE__ */ defineComponent({
                         key: String(item.key),
                         class: "column-item"
                       }, [
-                        createElementVNode("div", _hoisted_6, [
+                        createElementVNode("div", _hoisted_6$1, [
                           createVNode(_component_el_icon, { class: "column-item__drag" }, {
                             default: withCtx(() => [
                               createVNode(unref(Rank))
@@ -3661,7 +3904,7 @@ const _sfc_main$2 = /* @__PURE__ */ defineComponent({
                             onChange: (value) => handleCheckedChange(item, value)
                           }, {
                             default: withCtx(() => [
-                              createElementVNode("span", _hoisted_7, toDisplayString(item.label), 1)
+                              createElementVNode("span", _hoisted_7$1, toDisplayString(item.label), 1)
                             ]),
                             _: 2
                           }, 1032, ["disabled", "model-value", "onChange"])
@@ -3688,7 +3931,7 @@ const _sfc_main$2 = /* @__PURE__ */ defineComponent({
                             ]),
                             _: 1
                           }))
-                        ], 10, _hoisted_8)
+                        ], 10, _hoisted_8$1)
                       ]);
                     }), 128))
                   ]),
@@ -3703,7 +3946,392 @@ const _sfc_main$2 = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const KTableHeader = /* @__PURE__ */ _export_sfc(_sfc_main$2, [["__scopeId", "data-v-b92b8ec9"]]);
+const KTableHeader = /* @__PURE__ */ _export_sfc(_sfc_main$3, [["__scopeId", "data-v-94c8dd86"]]);
+function tryOnScopeDispose(fn) {
+  if (getCurrentScope()) {
+    onScopeDispose(fn);
+    return true;
+  }
+  return false;
+}
+const localProvidedStateMap = /* @__PURE__ */ new WeakMap();
+const injectLocal = /* @__NO_SIDE_EFFECTS__ */ (...args) => {
+  var _a;
+  const key = args[0];
+  const instance = (_a = getCurrentInstance()) == null ? void 0 : _a.proxy;
+  if (instance == null && !hasInjectionContext())
+    throw new Error("injectLocal must be called in setup");
+  if (instance && localProvidedStateMap.has(instance) && key in localProvidedStateMap.get(instance))
+    return localProvidedStateMap.get(instance)[key];
+  return inject(...args);
+};
+const isClient = typeof window !== "undefined" && typeof document !== "undefined";
+typeof WorkerGlobalScope !== "undefined" && globalThis instanceof WorkerGlobalScope;
+const toString = Object.prototype.toString;
+const isObject = (val) => toString.call(val) === "[object Object]";
+function increaseWithUnit(target, delta) {
+  var _a;
+  if (typeof target === "number")
+    return target + delta;
+  const value = ((_a = target.match(/^-?\d+\.?\d*/)) == null ? void 0 : _a[0]) || "";
+  const unit = target.slice(value.length);
+  const result = Number.parseFloat(value) + delta;
+  if (Number.isNaN(result))
+    return target;
+  return result + unit;
+}
+function pxValue(px) {
+  return px.endsWith("rem") ? Number.parseFloat(px) * 16 : Number.parseFloat(px);
+}
+function toArray(value) {
+  return Array.isArray(value) ? value : [value];
+}
+function getLifeCycleTarget(target) {
+  return getCurrentInstance();
+}
+function tryOnMounted(fn, sync = true, target) {
+  const instance = getLifeCycleTarget();
+  if (instance)
+    onMounted(fn, target);
+  else if (sync)
+    fn();
+  else
+    nextTick(fn);
+}
+function watchImmediate(source, cb, options) {
+  return watch(
+    source,
+    cb,
+    {
+      ...options,
+      immediate: true
+    }
+  );
+}
+const defaultWindow = isClient ? window : void 0;
+function unrefElement(elRef) {
+  var _a;
+  const plain = toValue(elRef);
+  return (_a = plain == null ? void 0 : plain.$el) != null ? _a : plain;
+}
+function useEventListener(...args) {
+  const cleanups = [];
+  const cleanup = () => {
+    cleanups.forEach((fn) => fn());
+    cleanups.length = 0;
+  };
+  const register = (el, event, listener, options) => {
+    el.addEventListener(event, listener, options);
+    return () => el.removeEventListener(event, listener, options);
+  };
+  const firstParamTargets = computed(() => {
+    const test = toArray(toValue(args[0])).filter((e) => e != null);
+    return test.every((e) => typeof e !== "string") ? test : void 0;
+  });
+  const stopWatch = watchImmediate(
+    () => {
+      var _a, _b;
+      return [
+        (_b = (_a = firstParamTargets.value) == null ? void 0 : _a.map((e) => unrefElement(e))) != null ? _b : [defaultWindow].filter((e) => e != null),
+        toArray(toValue(firstParamTargets.value ? args[1] : args[0])),
+        toArray(unref(firstParamTargets.value ? args[2] : args[1])),
+        // @ts-expect-error - TypeScript gets the correct types, but somehow still complains
+        toValue(firstParamTargets.value ? args[3] : args[2])
+      ];
+    },
+    ([raw_targets, raw_events, raw_listeners, raw_options]) => {
+      cleanup();
+      if (!(raw_targets == null ? void 0 : raw_targets.length) || !(raw_events == null ? void 0 : raw_events.length) || !(raw_listeners == null ? void 0 : raw_listeners.length))
+        return;
+      const optionsClone = isObject(raw_options) ? { ...raw_options } : raw_options;
+      cleanups.push(
+        ...raw_targets.flatMap(
+          (el) => raw_events.flatMap(
+            (event) => raw_listeners.map((listener) => register(el, event, listener, optionsClone))
+          )
+        )
+      );
+    },
+    { flush: "post" }
+  );
+  const stop = () => {
+    stopWatch();
+    cleanup();
+  };
+  tryOnScopeDispose(cleanup);
+  return stop;
+}
+// @__NO_SIDE_EFFECTS__
+function useMounted() {
+  const isMounted = shallowRef(false);
+  const instance = getCurrentInstance();
+  if (instance) {
+    onMounted(() => {
+      isMounted.value = true;
+    }, instance);
+  }
+  return isMounted;
+}
+// @__NO_SIDE_EFFECTS__
+function useSupported(callback) {
+  const isMounted = /* @__PURE__ */ useMounted();
+  return computed(() => {
+    isMounted.value;
+    return Boolean(callback());
+  });
+}
+const ssrWidthSymbol = Symbol("vueuse-ssr-width");
+// @__NO_SIDE_EFFECTS__
+function useSSRWidth() {
+  const ssrWidth = hasInjectionContext() ? /* @__PURE__ */ injectLocal(ssrWidthSymbol, null) : null;
+  return typeof ssrWidth === "number" ? ssrWidth : void 0;
+}
+function useMediaQuery(query, options = {}) {
+  const { window: window2 = defaultWindow, ssrWidth = /* @__PURE__ */ useSSRWidth() } = options;
+  const isSupported = /* @__PURE__ */ useSupported(() => window2 && "matchMedia" in window2 && typeof window2.matchMedia === "function");
+  const ssrSupport = shallowRef(typeof ssrWidth === "number");
+  const mediaQuery = shallowRef();
+  const matches = shallowRef(false);
+  const handler = (event) => {
+    matches.value = event.matches;
+  };
+  watchEffect(() => {
+    if (ssrSupport.value) {
+      ssrSupport.value = !isSupported.value;
+      const queryStrings = toValue(query).split(",");
+      matches.value = queryStrings.some((queryString) => {
+        const not = queryString.includes("not all");
+        const minWidth = queryString.match(/\(\s*min-width:\s*(-?\d+(?:\.\d*)?[a-z]+\s*)\)/);
+        const maxWidth = queryString.match(/\(\s*max-width:\s*(-?\d+(?:\.\d*)?[a-z]+\s*)\)/);
+        let res = Boolean(minWidth || maxWidth);
+        if (minWidth && res) {
+          res = ssrWidth >= pxValue(minWidth[1]);
+        }
+        if (maxWidth && res) {
+          res = ssrWidth <= pxValue(maxWidth[1]);
+        }
+        return not ? !res : res;
+      });
+      return;
+    }
+    if (!isSupported.value)
+      return;
+    mediaQuery.value = window2.matchMedia(toValue(query));
+    matches.value = mediaQuery.value.matches;
+  });
+  useEventListener(mediaQuery, "change", handler, { passive: true });
+  return computed(() => matches.value);
+}
+const breakpointsTailwind = {
+  "sm": 640,
+  "md": 768,
+  "lg": 1024,
+  "xl": 1280,
+  "2xl": 1536
+};
+// @__NO_SIDE_EFFECTS__
+function useBreakpoints(breakpoints, options = {}) {
+  function getValue(k, delta) {
+    let v = toValue(breakpoints[toValue(k)]);
+    if (delta != null)
+      v = increaseWithUnit(v, delta);
+    if (typeof v === "number")
+      v = `${v}px`;
+    return v;
+  }
+  const { window: window2 = defaultWindow, strategy = "min-width", ssrWidth = /* @__PURE__ */ useSSRWidth() } = options;
+  const ssrSupport = typeof ssrWidth === "number";
+  const mounted = ssrSupport ? shallowRef(false) : { value: true };
+  if (ssrSupport) {
+    tryOnMounted(() => mounted.value = !!window2);
+  }
+  function match(query, size) {
+    if (!mounted.value && ssrSupport) {
+      return query === "min" ? ssrWidth >= pxValue(size) : ssrWidth <= pxValue(size);
+    }
+    if (!window2)
+      return false;
+    return window2.matchMedia(`(${query}-width: ${size})`).matches;
+  }
+  const greaterOrEqual = (k) => {
+    return useMediaQuery(() => `(min-width: ${getValue(k)})`, options);
+  };
+  const smallerOrEqual = (k) => {
+    return useMediaQuery(() => `(max-width: ${getValue(k)})`, options);
+  };
+  const shortcutMethods = Object.keys(breakpoints).reduce((shortcuts, k) => {
+    Object.defineProperty(shortcuts, k, {
+      get: () => strategy === "min-width" ? greaterOrEqual(k) : smallerOrEqual(k),
+      enumerable: true,
+      configurable: true
+    });
+    return shortcuts;
+  }, {});
+  function current() {
+    const points = Object.keys(breakpoints).map((k) => [k, shortcutMethods[k], pxValue(getValue(k))]).sort((a, b) => a[2] - b[2]);
+    return computed(() => points.filter(([, v]) => v.value).map(([k]) => k));
+  }
+  return Object.assign(shortcutMethods, {
+    greaterOrEqual,
+    smallerOrEqual,
+    greater(k) {
+      return useMediaQuery(() => `(min-width: ${getValue(k, 0.1)})`, options);
+    },
+    smaller(k) {
+      return useMediaQuery(() => `(max-width: ${getValue(k, -0.1)})`, options);
+    },
+    between(a, b) {
+      return useMediaQuery(() => `(min-width: ${getValue(a)}) and (max-width: ${getValue(b, -0.1)})`, options);
+    },
+    isGreater(k) {
+      return match("min", getValue(k, 0.1));
+    },
+    isGreaterOrEqual(k) {
+      return match("min", getValue(k));
+    },
+    isSmaller(k) {
+      return match("max", getValue(k, -0.1));
+    },
+    isSmallerOrEqual(k) {
+      return match("max", getValue(k));
+    },
+    isInBetween(a, b) {
+      return match("min", getValue(a)) && match("max", getValue(b, -0.1));
+    },
+    current,
+    active() {
+      const bps = current();
+      return computed(() => bps.value.length === 0 ? "" : bps.value.at(strategy === "min-width" ? -1 : 0));
+    }
+  });
+}
+const _hoisted_1$2 = {
+  key: 0,
+  class: "k-table-sider-layout k-table-sider-layout--collapse"
+};
+const _hoisted_2$2 = { class: "k-table-sider-layout__header" };
+const _hoisted_3$2 = { class: "k-table-sider-layout__title" };
+const _hoisted_4$1 = { class: "k-table-sider-layout__sider-body" };
+const _hoisted_5$1 = { class: "k-table-sider-layout__content" };
+const _hoisted_6 = { class: "k-table-sider-layout__sider" };
+const _hoisted_7 = { class: "k-table-sider-layout__header" };
+const _hoisted_8 = { class: "k-table-sider-layout__title" };
+const _hoisted_9 = { class: "k-table-sider-layout__extra" };
+const _hoisted_10 = { class: "k-table-sider-layout__sider-body" };
+const _hoisted_11 = { class: "k-table-sider-layout__content" };
+const _sfc_main$2 = /* @__PURE__ */ defineComponent({
+  ...{ name: "KTableSiderLayout" },
+  __name: "KTableSiderLayout",
+  props: {
+    siderTitle: {},
+    defaultExpanded: { type: Boolean }
+  },
+  setup(__props) {
+    const breakpoints = /* @__PURE__ */ useBreakpoints(breakpointsTailwind);
+    const isCollapsed = breakpoints.smaller("lg");
+    const collapseName = `k-table-sider-layout-${Date.now()}`;
+    const isSiderCollapsed = ref(false);
+    return (_ctx, _cache) => {
+      const _component_el_collapse_item = resolveComponent("el-collapse-item");
+      const _component_el_collapse = resolveComponent("el-collapse");
+      const _component_el_icon = resolveComponent("el-icon");
+      return unref(isCollapsed) ? (openBlock(), createElementBlock("div", _hoisted_1$2, [
+        createVNode(KCard, {
+          class: "k-table-sider-layout__card",
+          shadow: "never"
+        }, {
+          default: withCtx(() => [
+            createVNode(_component_el_collapse, null, {
+              default: withCtx(() => [
+                createVNode(_component_el_collapse_item, { name: collapseName }, {
+                  title: withCtx(() => [
+                    createElementVNode("div", _hoisted_2$2, [
+                      createElementVNode("div", _hoisted_3$2, [
+                        renderSlot(_ctx.$slots, "header", {}, () => [
+                          createTextVNode(toDisplayString(_ctx.siderTitle), 1)
+                        ], true)
+                      ]),
+                      createElementVNode("div", {
+                        class: "k-table-sider-layout__extra",
+                        onClick: _cache[0] || (_cache[0] = withModifiers(() => {
+                        }, ["stop"]))
+                      }, [
+                        renderSlot(_ctx.$slots, "header-extra", {}, void 0, true)
+                      ])
+                    ])
+                  ]),
+                  default: withCtx(() => [
+                    createElementVNode("div", _hoisted_4$1, [
+                      renderSlot(_ctx.$slots, "sider", {}, void 0, true)
+                    ])
+                  ]),
+                  _: 3
+                })
+              ]),
+              _: 3
+            })
+          ]),
+          _: 3
+        }),
+        createElementVNode("main", _hoisted_5$1, [
+          renderSlot(_ctx.$slots, "default", {}, void 0, true)
+        ])
+      ])) : (openBlock(), createElementBlock("div", {
+        key: 1,
+        class: normalizeClass([{ "k-table-sider-layout--sider-hidden": unref(isSiderCollapsed) }, "k-table-sider-layout"])
+      }, [
+        withDirectives(createElementVNode("div", _hoisted_6, [
+          createVNode(KCard, {
+            class: "k-table-sider-layout__card",
+            shadow: "never"
+          }, {
+            header: withCtx(() => [
+              createElementVNode("div", _hoisted_7, [
+                createElementVNode("div", _hoisted_8, [
+                  renderSlot(_ctx.$slots, "header", {}, () => [
+                    createTextVNode(toDisplayString(_ctx.siderTitle), 1)
+                  ], true)
+                ]),
+                createElementVNode("div", _hoisted_9, [
+                  renderSlot(_ctx.$slots, "header-extra", {}, void 0, true)
+                ])
+              ])
+            ]),
+            default: withCtx(() => [
+              createElementVNode("div", _hoisted_10, [
+                renderSlot(_ctx.$slots, "sider", {}, void 0, true)
+              ])
+            ]),
+            _: 3
+          })
+        ], 512), [
+          [vShow, !unref(isSiderCollapsed)]
+        ]),
+        createElementVNode("button", {
+          class: "k-table-sider-layout__toggle k-table-sider-layout__toggle--middle",
+          type: "button",
+          onClick: _cache[1] || (_cache[1] = ($event) => isSiderCollapsed.value = !unref(isSiderCollapsed))
+        }, [
+          unref(isSiderCollapsed) ? (openBlock(), createBlock(_component_el_icon, { key: 0 }, {
+            default: withCtx(() => [
+              createVNode(unref(ArrowRight))
+            ]),
+            _: 1
+          })) : (openBlock(), createBlock(_component_el_icon, { key: 1 }, {
+            default: withCtx(() => [
+              createVNode(unref(ArrowLeft))
+            ]),
+            _: 1
+          }))
+        ]),
+        createElementVNode("main", _hoisted_11, [
+          renderSlot(_ctx.$slots, "default", {}, void 0, true)
+        ])
+      ], 2));
+    };
+  }
+});
+const KTableSiderLayout = /* @__PURE__ */ _export_sfc(_sfc_main$2, [["__scopeId", "data-v-535bdadf"]]);
 const _hoisted_1$1 = { class: "setting-form" };
 const _hoisted_2$1 = { class: "form-content" };
 const _hoisted_3$1 = { class: "form-footer" };
@@ -3862,7 +4490,7 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const SettingForm = /* @__PURE__ */ _export_sfc(_sfc_main$1, [["__scopeId", "data-v-3296eadc"]]);
+const SettingForm = /* @__PURE__ */ _export_sfc(_sfc_main$1, [["__scopeId", "data-v-4c55aa01"]]);
 const _hoisted_1 = { class: "setting-tabs" };
 const _hoisted_2 = { class: "tabs-sidebar" };
 const _hoisted_3 = ["onClick"];
@@ -3907,14 +4535,29 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const SettingTabs = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-97bf5366"]]);
+const SettingTabs = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-a03c2629"]]);
+function hostOnlyComponent(name) {
+  return {
+    name,
+    render() {
+      throw new Error(`[wujies] ${name} 的实例只由宿主提供：请确认构建时 @wujies/components 是 external`);
+    }
+  };
+}
+const ImageUpload = hostOnlyComponent("ImageUpload");
+const ModuleBusinessSettings = hostOnlyComponent("ModuleBusinessSettings");
+const ModuleWebsiteSettings = hostOnlyComponent("ModuleWebsiteSettings");
+const UserDetail = hostOnlyComponent("UserDetail");
 export {
   ImagePreview,
+  ImageUpload,
   KCard,
   KCustomTabs,
   KDictTag,
   KIpSegmentInput,
-  _sfc_main$9 as KPlainButton,
+  KPagination,
+  _sfc_main$b as KPlainButton,
+  KRightToolbar,
   KSearchBar,
   KSectionTitle,
   KSegmented,
@@ -3922,8 +4565,13 @@ export {
   KSpin,
   KTable,
   KTableHeader,
+  KTableSiderLayout,
+  ModuleBusinessSettings,
+  ModuleWebsiteSettings,
   SettingForm,
   SettingTabs,
-  WUJIES_COMPONENT_NAMES
+  UserDetail,
+  WUJIES_COMPONENT_NAMES,
+  WUJIES_HOST_ONLY_COMPONENT_NAMES
 };
 //# sourceMappingURL=index.js.map