@wujies/components 5.6.4 → 5.6.6

package/dist/index.js

@@ -1,8 +1,7 @@
-import { defineComponent, ref, computed, resolveComponent, openBlock, createBlock, normalizeStyle, unref, withCtx, createElementVNode, createVNode, getCurrentInstance, watch, createElementBlock, normalizeClass, isRef, createCommentVNode, toDisplayString, mergeProps, createSlots, renderSlot, Fragment, renderList, createTextVNode, resolveDynamicComponent, useModel, useTemplateRef, mergeModels, useAttrs, resolveDirective, withDirectives, toRefs, reactive, h as h$1, onMounted, nextTick, onUnmounted, onBeforeUnmount } from "vue";
-import { Plus, ZoomIn, Delete, QuestionFilled, Refresh, Search, FullScreen, Rank, Back, Right, Operation, Menu, User } from "@element-plus/icons-vue";
-import { request, globalHeaders as globalHeaders$1 } from "@wujies/ui-shared";
+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"
@@ -24,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) {
@@ -69,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)
@@ -554,8 +553,8 @@ function createTypes(defs = typeDefaults()) {
 class VueTypes extends createTypes() {
 }
 const propTypes = VueTypes;
-const _hoisted_1$b = { class: "image-slot" };
-const _sfc_main$d = /* @__PURE__ */ defineComponent({
+const _hoisted_1$d = { class: "image-slot" };
+const _sfc_main$h = /* @__PURE__ */ defineComponent({
   __name: "ImagePreview",
   props: {
     src: propTypes.string.def(""),
@@ -724,7 +723,7 @@ const _sfc_main$d = /* @__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)
@@ -745,655 +744,8 @@ const _export_sfc = (sfc, props) => {
   }
   return target;
 };
-const ImagePreview = /* @__PURE__ */ _export_sfc(_sfc_main$d, [["__scopeId", "data-v-ed5d331b"]]);
-const globalHeaders = globalHeaders$1;
-function getBaseUrl() {
-  var _a;
-  return String(((_a = request.defaults) == null ? void 0 : _a.baseURL) ?? "");
-}
-function listByIds(ossId) {
-  return request({
-    url: "/resource/oss/listByIds/" + ossId,
-    method: "get"
-  });
-}
-function delOss(ossId) {
-  return request({
-    url: "/resource/oss/" + ossId,
-    method: "delete"
-  });
-}
-const oss = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
-  __proto__: null,
-  delOss,
-  listByIds
-}, Symbol.toStringTag, { value: "Module" }));
-var conversion$1 = { exports: {} };
-var conversion = conversion$1.exports;
-var hasRequiredConversion;
-function requireConversion() {
-  if (hasRequiredConversion) return conversion$1.exports;
-  hasRequiredConversion = 1;
-  (function(module, exports) {
-    !(function(t, e) {
-      module.exports = e();
-    })(conversion, (function() {
-      return (function(t) {
-        var e = {};
-        function n(r) {
-          if (e[r]) return e[r].exports;
-          var o = e[r] = { i: r, l: false, exports: {} };
-          return t[r].call(o.exports, o, o.exports, n), o.l = true, o.exports;
-        }
-        return n.m = t, n.c = e, n.d = function(t2, e2, r) {
-          n.o(t2, e2) || Object.defineProperty(t2, e2, { enumerable: true, get: r });
-        }, n.r = function(t2) {
-          "undefined" != typeof Symbol && Symbol.toStringTag && Object.defineProperty(t2, Symbol.toStringTag, { value: "Module" }), Object.defineProperty(t2, "__esModule", { value: true });
-        }, n.t = function(t2, e2) {
-          if (1 & e2 && (t2 = n(t2)), 8 & e2) return t2;
-          if (4 & e2 && "object" == typeof t2 && t2 && t2.__esModule) return t2;
-          var r = /* @__PURE__ */ Object.create(null);
-          if (n.r(r), Object.defineProperty(r, "default", { enumerable: true, value: t2 }), 2 & e2 && "string" != typeof t2) for (var o in t2) n.d(r, o, (function(e3) {
-            return t2[e3];
-          }).bind(null, o));
-          return r;
-        }, n.n = function(t2) {
-          var e2 = t2 && t2.__esModule ? function() {
-            return t2.default;
-          } : function() {
-            return t2;
-          };
-          return n.d(e2, "a", e2), e2;
-        }, n.o = function(t2, e2) {
-          return Object.prototype.hasOwnProperty.call(t2, e2);
-        }, n.p = "", n(n.s = 0);
-      })([function(t, e, n) {
-        var r;
-        function o(t2) {
-          return ["image/png", "image/jpeg", "image/gif"].some((e2) => e2 === t2);
-        }
-        n.r(e), n.d(e, "canvastoDataURL", (function() {
-          return a;
-        })), n.d(e, "canvastoFile", (function() {
-          return c2;
-        })), n.d(e, "dataURLtoFile", (function() {
-          return s;
-        })), n.d(e, "dataURLtoImage", (function() {
-          return l;
-        })), n.d(e, "downloadFile", (function() {
-          return d;
-        })), n.d(e, "filetoDataURL", (function() {
-          return f;
-        })), n.d(e, "imagetoCanvas", (function() {
-          return g2;
-        })), n.d(e, "urltoBlob", (function() {
-          return w;
-        })), n.d(e, "urltoImage", (function() {
-          return m;
-        })), n.d(e, "compress", (function() {
-          return p2;
-        })), n.d(e, "compressAccurately", (function() {
-          return b;
-        })), n.d(e, "EImageType", (function() {
-          return r;
-        })), (function(t2) {
-          t2.PNG = "image/png", t2.JPEG = "image/jpeg", t2.GIF = "image/gif";
-        })(r || (r = {}));
-        var i = function(t2, e2, n2, r2) {
-          return new (n2 || (n2 = Promise))((function(o2, i2) {
-            function a2(t3) {
-              try {
-                u2(r2.next(t3));
-              } catch (t4) {
-                i2(t4);
-              }
-            }
-            function c3(t3) {
-              try {
-                u2(r2.throw(t3));
-              } catch (t4) {
-                i2(t4);
-              }
-            }
-            function u2(t3) {
-              var e3;
-              t3.done ? o2(t3.value) : (e3 = t3.value, e3 instanceof n2 ? e3 : new n2((function(t4) {
-                t4(e3);
-              }))).then(a2, c3);
-            }
-            u2((r2 = r2.apply(t2, [])).next());
-          }));
-        };
-        function a(t2, e2 = 0.92, n2 = r.JPEG) {
-          return i(this, void 0, void 0, (function* () {
-            return o(n2) || (n2 = r.JPEG), t2.toDataURL(n2, e2);
-          }));
-        }
-        function c2(t2, e2 = 0.92, n2 = r.JPEG) {
-          return new Promise((r2) => t2.toBlob((t3) => r2(t3), n2, e2));
-        }
-        var u = function(t2, e2, n2, r2) {
-          return new (n2 || (n2 = Promise))((function(o2, i2) {
-            function a2(t3) {
-              try {
-                u2(r2.next(t3));
-              } catch (t4) {
-                i2(t4);
-              }
-            }
-            function c3(t3) {
-              try {
-                u2(r2.throw(t3));
-              } catch (t4) {
-                i2(t4);
-              }
-            }
-            function u2(t3) {
-              var e3;
-              t3.done ? o2(t3.value) : (e3 = t3.value, e3 instanceof n2 ? e3 : new n2((function(t4) {
-                t4(e3);
-              }))).then(a2, c3);
-            }
-            u2((r2 = r2.apply(t2, [])).next());
-          }));
-        };
-        function s(t2, e2) {
-          return u(this, void 0, void 0, (function* () {
-            const n2 = t2.split(",");
-            let r2 = n2[0].match(/:(.*?);/)[1];
-            const i2 = atob(n2[1]);
-            let a2 = i2.length;
-            const c3 = new Uint8Array(a2);
-            for (; a2--; ) c3[a2] = i2.charCodeAt(a2);
-            return o(e2) && (r2 = e2), new Blob([c3], { type: r2 });
-          }));
-        }
-        function l(t2) {
-          return new Promise((e2, n2) => {
-            const r2 = new Image();
-            r2.onload = () => e2(r2), r2.onerror = () => n2(new Error("dataURLtoImage(): dataURL is illegal")), r2.src = t2;
-          });
-        }
-        function d(t2, e2) {
-          const n2 = document.createElement("a");
-          n2.href = window.URL.createObjectURL(t2), n2.download = e2 || Date.now().toString(36), document.body.appendChild(n2);
-          const r2 = document.createEvent("MouseEvents");
-          r2.initEvent("click", false, false), n2.dispatchEvent(r2), document.body.removeChild(n2);
-        }
-        function f(t2) {
-          return new Promise((e2) => {
-            const n2 = new FileReader();
-            n2.onloadend = (t3) => e2(t3.target.result), n2.readAsDataURL(t2);
-          });
-        }
-        var h2 = function(t2, e2, n2, r2) {
-          return new (n2 || (n2 = Promise))((function(o2, i2) {
-            function a2(t3) {
-              try {
-                u2(r2.next(t3));
-              } catch (t4) {
-                i2(t4);
-              }
-            }
-            function c3(t3) {
-              try {
-                u2(r2.throw(t3));
-              } catch (t4) {
-                i2(t4);
-              }
-            }
-            function u2(t3) {
-              var e3;
-              t3.done ? o2(t3.value) : (e3 = t3.value, e3 instanceof n2 ? e3 : new n2((function(t4) {
-                t4(e3);
-              }))).then(a2, c3);
-            }
-            u2((r2 = r2.apply(t2, [])).next());
-          }));
-        };
-        function g2(t2, e2 = {}) {
-          return h2(this, void 0, void 0, (function* () {
-            const n2 = Object.assign({}, e2), r2 = document.createElement("canvas"), o2 = r2.getContext("2d");
-            let i2, a2;
-            for (const t3 in n2) Object.prototype.hasOwnProperty.call(n2, t3) && (n2[t3] = Number(n2[t3]));
-            if (n2.scale) {
-              const e3 = n2.scale > 0 && n2.scale < 10 ? n2.scale : 1;
-              a2 = t2.width * e3, i2 = t2.height * e3;
-            } else a2 = n2.width || n2.height * t2.width / t2.height || t2.width, i2 = n2.height || n2.width * t2.height / t2.width || t2.height;
-            switch ([5, 6, 7, 8].some((t3) => t3 === n2.orientation) ? (r2.height = a2, r2.width = i2) : (r2.height = i2, r2.width = a2), n2.orientation) {
-              case 3:
-                o2.rotate(180 * Math.PI / 180), o2.drawImage(t2, -r2.width, -r2.height, r2.width, r2.height);
-                break;
-              case 6:
-                o2.rotate(90 * Math.PI / 180), o2.drawImage(t2, 0, -r2.width, r2.height, r2.width);
-                break;
-              case 8:
-                o2.rotate(270 * Math.PI / 180), o2.drawImage(t2, -r2.height, 0, r2.height, r2.width);
-                break;
-              case 2:
-                o2.translate(r2.width, 0), o2.scale(-1, 1), o2.drawImage(t2, 0, 0, r2.width, r2.height);
-                break;
-              case 4:
-                o2.translate(r2.width, 0), o2.scale(-1, 1), o2.rotate(180 * Math.PI / 180), o2.drawImage(t2, -r2.width, -r2.height, r2.width, r2.height);
-                break;
-              case 5:
-                o2.translate(r2.width, 0), o2.scale(-1, 1), o2.rotate(90 * Math.PI / 180), o2.drawImage(t2, 0, -r2.width, r2.height, r2.width);
-                break;
-              case 7:
-                o2.translate(r2.width, 0), o2.scale(-1, 1), o2.rotate(270 * Math.PI / 180), o2.drawImage(t2, -r2.height, 0, r2.height, r2.width);
-                break;
-              default:
-                o2.drawImage(t2, 0, 0, r2.width, r2.height);
-            }
-            return r2;
-          }));
-        }
-        function w(t2) {
-          return fetch(t2).then((t3) => t3.blob());
-        }
-        function m(t2) {
-          return new Promise((e2, n2) => {
-            const r2 = new Image();
-            r2.onload = () => e2(r2), r2.onerror = () => n2(new Error("urltoImage(): Image failed to load, please check the image URL")), r2.src = t2;
-          });
-        }
-        var y = function(t2, e2, n2, r2) {
-          return new (n2 || (n2 = Promise))((function(o2, i2) {
-            function a2(t3) {
-              try {
-                u2(r2.next(t3));
-              } catch (t4) {
-                i2(t4);
-              }
-            }
-            function c3(t3) {
-              try {
-                u2(r2.throw(t3));
-              } catch (t4) {
-                i2(t4);
-              }
-            }
-            function u2(t3) {
-              var e3;
-              t3.done ? o2(t3.value) : (e3 = t3.value, e3 instanceof n2 ? e3 : new n2((function(t4) {
-                t4(e3);
-              }))).then(a2, c3);
-            }
-            u2((r2 = r2.apply(t2, [])).next());
-          }));
-        };
-        function p2(t2, e2 = {}) {
-          return y(this, void 0, void 0, (function* () {
-            if (!(t2 instanceof Blob)) throw new Error("compress(): First arg must be a Blob object or a File object.");
-            if ("object" != typeof e2 && (e2 = Object.assign({ quality: e2 })), e2.quality = Number(e2.quality), Number.isNaN(e2.quality)) return t2;
-            const n2 = yield f(t2);
-            let i2 = n2.split(",")[0].match(/:(.*?);/)[1], c3 = r.JPEG;
-            o(e2.type) && (c3 = e2.type, i2 = e2.type);
-            const u2 = yield l(n2), d2 = yield g2(u2, Object.assign({}, e2)), h3 = yield a(d2, e2.quality, c3), w2 = yield s(h3, i2);
-            return w2.size > t2.size ? t2 : w2;
-          }));
-        }
-        function b(t2, e2 = {}) {
-          return y(this, void 0, void 0, (function* () {
-            if (!(t2 instanceof Blob)) throw new Error("compressAccurately(): First arg must be a Blob object or a File object.");
-            if ("object" != typeof e2 && (e2 = Object.assign({ size: e2 })), e2.size = Number(e2.size), Number.isNaN(e2.size)) return t2;
-            if (1024 * e2.size > t2.size) return t2;
-            e2.accuracy = Number(e2.accuracy), (!e2.accuracy || e2.accuracy < 0.8 || e2.accuracy > 0.99) && (e2.accuracy = 0.95);
-            const n2 = e2.size * (2 - e2.accuracy) * 1024, i2 = 1024 * e2.size, c3 = e2.size * e2.accuracy * 1024, u2 = yield f(t2);
-            let d2 = u2.split(",")[0].match(/:(.*?);/)[1], h3 = r.JPEG;
-            o(e2.type) && (h3 = e2.type, d2 = e2.type);
-            const w2 = yield l(u2), m2 = yield g2(w2, Object.assign({}, e2));
-            let y2, p3 = 0.5;
-            const b2 = [null, null];
-            for (let t3 = 1; t3 <= 7; t3++) {
-              y2 = yield a(m2, p3, h3);
-              const e3 = 0.75 * y2.length;
-              if (7 === t3) {
-                (n2 < e3 || c3 > e3) && (y2 = [y2, ...b2].filter((t4) => t4).sort((t4, e4) => Math.abs(0.75 * t4.length - i2) - Math.abs(0.75 * e4.length - i2))[0]);
-                break;
-              }
-              if (n2 < e3) b2[1] = y2, p3 -= Math.pow(0.5, t3 + 1);
-              else {
-                if (!(c3 > e3)) break;
-                b2[0] = y2, p3 += Math.pow(0.5, t3 + 1);
-              }
-            }
-            const v = yield s(y2, d2);
-            return v.size > t2.size ? t2 : v;
-          }));
-        }
-      }]);
-    }));
-  })(conversion$1);
-  return conversion$1.exports;
-}
-var imageConversion;
-var hasRequiredImageConversion;
-function requireImageConversion() {
-  if (hasRequiredImageConversion) return imageConversion;
-  hasRequiredImageConversion = 1;
-  imageConversion = requireConversion();
-  return imageConversion;
-}
-var imageConversionExports = requireImageConversion();
-const _hoisted_1$a = { class: "component-upload-image" };
-const _hoisted_2$7 = { class: "naive-image-card" };
-const _hoisted_3$6 = ["src"];
-const _hoisted_4$4 = {
-  key: 1,
-  class: "naive-image-card__progress"
-};
-const _hoisted_5$4 = { class: "naive-image-card__action" };
-const _hoisted_6$3 = {
-  key: 0,
-  class: "naive-upload-tip"
-};
-const _hoisted_7$3 = {
-  key: 1,
-  class: "naive-upload-tip__text"
-};
-const _hoisted_8$2 = ["src"];
-const _sfc_main$c = /* @__PURE__ */ defineComponent({
-  __name: "ImageUpload",
-  props: {
-    modelValue: {
-      type: [String, Object, Array],
-      default: () => []
-    },
-    // 图片数量限制
-    limit: propTypes.number.def(5),
-    // 大小限制(MB)
-    fileSize: propTypes.number.def(5),
-    // 文件类型, 例如['png', 'jpg', 'jpeg']
-    fileType: propTypes.array.def(["png", "jpg", "jpeg"]),
-    // 是否显示提示
-    isShowTip: {
-      type: Boolean,
-      default: true
-    },
-    // 是否支持压缩，默认否
-    compressSupport: {
-      type: Boolean,
-      default: false
-    },
-    // 压缩目标大小，单位KB。默认300KB以上文件才压缩，并压缩至300KB以内
-    compressTargetSize: propTypes.number.def(300),
-    /**
-     * 提示展示方式。
-     * - inline：直接显示在组件下方（默认）
-     * - tooltip：收成一个问号图标，鼠标悬停才展示，适合表单很挤的场景
-     */
-    tipMode: {
-      type: String,
-      default: "inline"
-    },
-    // 自定义提示文案，传了则覆盖自动拼装的内容
-    tipText: propTypes.string.def(""),
-    // 推荐尺寸描述，例如 '256×256'，会拼进提示里
-    recommendSize: propTypes.string.def(""),
-    // 禁用组件（仅查看图片）
-    disabled: propTypes.bool.def(false),
-    // 自定义上传地址（默认走 OSS）
-    action: propTypes.string.def("")
-  },
-  emits: ["update:modelValue", "upload-success"],
-  setup(__props, { emit: __emit }) {
-    const props = __props;
-    const { proxy } = getCurrentInstance();
-    const emit = __emit;
-    const number2 = ref(0);
-    const uploadList = ref([]);
-    const dialogImageUrl = ref("");
-    const dialogVisible = ref(false);
-    const baseUrl = getBaseUrl();
-    const resolvedAction = computed(() => props.action || baseUrl + "/resource/oss/upload");
-    const headers = ref(globalHeaders());
-    const fileList = ref([]);
-    const showTip = computed(() => props.isShowTip && (props.fileType || props.fileSize));
-    const imageUploadRef = ref();
-    const fileAccept = computed(() => props.fileType.map((type) => `.${type}`).join(","));
-    const tipContent = computed(() => {
-      var _a;
-      if (props.tipText) {
-        return props.tipText;
-      }
-      const parts = [];
-      if (props.recommendSize) {
-        parts.push(`建议尺寸 ${props.recommendSize}`);
-      }
-      if (props.fileSize) {
-        parts.push(`大小不超过 ${props.fileSize}MB`);
-      }
-      if ((_a = props.fileType) == null ? void 0 : _a.length) {
-        parts.push(`格式为 ${props.fileType.join("/")}`);
-      }
-      parts.push(`最多 ${props.limit} 张`);
-      return `请上传${parts.join("、")}的图片`;
-    });
-    watch(
-      () => props.modelValue,
-      async (val) => {
-        if (val) {
-          let list = [];
-          if (Array.isArray(val)) {
-            list = val;
-          } else {
-            const res = await listByIds(val);
-            list = res.data;
-          }
-          fileList.value = list.map((item) => {
-            let itemData;
-            if (typeof item === "string") {
-              itemData = { name: item, url: item, uid: `${item}` };
-            } else {
-              itemData = { name: item.ossId, url: item.url, ossId: item.ossId, uid: `${item.ossId}` };
-            }
-            return itemData;
-          });
-        } else {
-          fileList.value = [];
-          return [];
-        }
-      },
-      { deep: true, immediate: true }
-    );
-    const handleBeforeUpload = (file) => {
-      let isImg = false;
-      if (props.fileType.length) {
-        let fileExtension = "";
-        if (file.name.lastIndexOf(".") > -1) {
-          fileExtension = file.name.slice(file.name.lastIndexOf(".") + 1);
-        }
-        isImg = props.fileType.some((type) => {
-          if (file.type.indexOf(type) > -1) return true;
-          if (fileExtension && fileExtension.indexOf(type) > -1) return true;
-          return false;
-        });
-      } else {
-        isImg = file.type.indexOf("image") > -1;
-      }
-      if (!isImg) {
-        proxy == null ? void 0 : proxy.$modal.msgError(`文件格式不正确, 请上传${props.fileType.join("/")}图片格式文件!`);
-        return false;
-      }
-      if (file.name.includes(",")) {
-        proxy == null ? void 0 : proxy.$modal.msgError("文件名不正确，不能包含英文逗号!");
-        return false;
-      }
-      if (props.fileSize) {
-        const isLt = file.size / 1024 / 1024 < props.fileSize;
-        if (!isLt) {
-          proxy == null ? void 0 : proxy.$modal.msgError(`上传头像图片大小不能超过 ${props.fileSize} MB!`);
-          return false;
-        }
-      }
-      if (props.compressSupport && file.size / 1024 > props.compressTargetSize) {
-        proxy == null ? void 0 : proxy.$modal.loading("正在上传图片，请稍候...");
-        number2.value++;
-        return imageConversionExports.compressAccurately(file, props.compressTargetSize);
-      } else {
-        proxy == null ? void 0 : proxy.$modal.loading("正在上传图片，请稍候...");
-        number2.value++;
-      }
-    };
-    const handleExceed = () => {
-      proxy == null ? void 0 : proxy.$modal.msgError(`上传文件数量不能超过 ${props.limit} 个!`);
-    };
-    const handleUploadSuccess = (res, file) => {
-      var _a;
-      if (res.code === 200) {
-        uploadList.value.push({ name: res.data.fileName, url: res.data.url, ossId: res.data.ossId });
-        emit("upload-success", res.data);
-        uploadedSuccessfully();
-      } else {
-        number2.value--;
-        proxy == null ? void 0 : proxy.$modal.closeLoading();
-        proxy == null ? void 0 : proxy.$modal.msgError(res.msg);
-        (_a = imageUploadRef.value) == null ? void 0 : _a.handleRemove(file);
-        uploadedSuccessfully();
-      }
-    };
-    const handleRemove = (file) => {
-      const findex = fileList.value.findIndex((f) => f.uid === file.uid || f.name === file.name);
-      if (findex === -1) {
-        return;
-      }
-      const ossId = fileList.value[findex].ossId;
-      if (ossId) {
-        delOss(ossId);
-      }
-      fileList.value.splice(findex, 1);
-      emit("update:modelValue", listToString(fileList.value));
-    };
-    const uploadedSuccessfully = () => {
-      if (number2.value > 0 && uploadList.value.length === number2.value) {
-        fileList.value = fileList.value.filter((f) => f.url !== void 0).concat(uploadList.value);
-        uploadList.value = [];
-        number2.value = 0;
-        emit("update:modelValue", listToString(fileList.value));
-        proxy == null ? void 0 : proxy.$modal.closeLoading();
-      }
-    };
-    const handleUploadError = () => {
-      number2.value--;
-      proxy == null ? void 0 : proxy.$modal.closeLoading();
-      proxy == null ? void 0 : proxy.$modal.msgError("上传图片失败");
-    };
-    const handlePreview = (file) => {
-      dialogImageUrl.value = file.url;
-      dialogVisible.value = true;
-    };
-    const listToString = (list, separator) => {
-      let strs = "";
-      separator = separator || ",";
-      for (const i in list) {
-        if (void 0 !== list[i].ossId && list[i].url.indexOf("blob:") !== 0) {
-          strs += list[i].ossId + separator;
-        }
-      }
-      return strs != "" ? strs.substring(0, strs.length - 1) : "";
-    };
-    return (_ctx, _cache) => {
-      const _component_el_icon = resolveComponent("el-icon");
-      const _component_el_button = resolveComponent("el-button");
-      const _component_el_upload = resolveComponent("el-upload");
-      const _component_el_tooltip = resolveComponent("el-tooltip");
-      const _component_el_dialog = resolveComponent("el-dialog");
-      return openBlock(), createElementBlock("div", _hoisted_1$a, [
-        createVNode(_component_el_upload, {
-          ref_key: "imageUploadRef",
-          ref: imageUploadRef,
-          "file-list": unref(fileList),
-          "onUpdate:fileList": _cache[0] || (_cache[0] = ($event) => isRef(fileList) ? fileList.value = $event : null),
-          accept: unref(fileAccept),
-          action: unref(resolvedAction),
-          "before-upload": handleBeforeUpload,
-          class: normalizeClass({ hide: unref(fileList).length >= __props.limit }),
-          headers: unref(headers),
-          limit: __props.limit,
-          multiple: __props.limit > 1,
-          "on-error": handleUploadError,
-          "on-exceed": handleExceed,
-          "on-success": handleUploadSuccess,
-          "list-type": "picture-card"
-        }, {
-          file: withCtx(({ file }) => [
-            createElementVNode("div", _hoisted_2$7, [
-              file.url ? (openBlock(), createElementBlock("img", {
-                key: 0,
-                alt: "",
-                class: "naive-image-card__img",
-                src: file.url
-              }, null, 8, _hoisted_3$6)) : createCommentVNode("", true),
-              file.status === "uploading" ? (openBlock(), createElementBlock("div", _hoisted_4$4, [
-                createElementVNode("div", {
-                  class: "naive-image-card__bar",
-                  style: normalizeStyle({ width: `${file.percentage || 0}%` })
-                }, null, 4)
-              ])) : createCommentVNode("", true),
-              createElementVNode("div", _hoisted_5$4, [
-                createVNode(_component_el_button, {
-                  link: "",
-                  icon: unref(ZoomIn),
-                  onClick: ($event) => handlePreview(file)
-                }, null, 8, ["icon", "onClick"]),
-                !__props.disabled ? (openBlock(), createBlock(_component_el_button, {
-                  key: 0,
-                  link: "",
-                  icon: unref(Delete),
-                  onClick: ($event) => handleRemove(file)
-                }, null, 8, ["icon", "onClick"])) : createCommentVNode("", true)
-              ])
-            ])
-          ]),
-          default: withCtx(() => [
-            createVNode(_component_el_icon, { class: "naive-image-card__plus" }, {
-              default: withCtx(() => [
-                createVNode(unref(Plus))
-              ]),
-              _: 1
-            })
-          ]),
-          _: 1
-        }, 8, ["file-list", "accept", "action", "class", "headers", "limit", "multiple"]),
-        unref(showTip) ? (openBlock(), createElementBlock("div", _hoisted_6$3, [
-          __props.tipMode === "tooltip" ? (openBlock(), createBlock(_component_el_tooltip, {
-            key: 0,
-            content: unref(tipContent),
-            placement: "top"
-          }, {
-            default: withCtx(() => [
-              createVNode(_component_el_icon, { class: "naive-upload-tip__icon" }, {
-                default: withCtx(() => [
-                  createVNode(unref(QuestionFilled))
-                ]),
-                _: 1
-              })
-            ]),
-            _: 1
-          }, 8, ["content"])) : (openBlock(), createElementBlock("span", _hoisted_7$3, toDisplayString(unref(tipContent)), 1))
-        ])) : createCommentVNode("", true),
-        createVNode(_component_el_dialog, {
-          modelValue: unref(dialogVisible),
-          "onUpdate:modelValue": _cache[1] || (_cache[1] = ($event) => isRef(dialogVisible) ? dialogVisible.value = $event : null),
-          "append-to-body": "",
-          title: "预览",
-          width: "800px"
-        }, {
-          default: withCtx(() => [
-            createElementVNode("img", {
-              src: unref(dialogImageUrl),
-              style: { "display": "block", "max-width": "100%", "margin": "0 auto" }
-            }, null, 8, _hoisted_8$2)
-          ]),
-          _: 1
-        }, 8, ["modelValue"])
-      ]);
-    };
-  }
-});
-const ImageUpload = /* @__PURE__ */ _export_sfc(_sfc_main$c, [["__scopeId", "data-v-ab47c3bc"]]);
-const _sfc_main$b = /* @__PURE__ */ defineComponent({
+const ImagePreview = /* @__PURE__ */ _export_sfc(_sfc_main$h, [["__scopeId", "data-v-81f8b791"]]);
+const _sfc_main$g = /* @__PURE__ */ defineComponent({
   ...{
     name: "KCard",
     inheritAttrs: false
@@ -1426,12 +778,77 @@ const _sfc_main$b = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const KCard = /* @__PURE__ */ _export_sfc(_sfc_main$b, [["__scopeId", "data-v-cbf723b1"]]);
-const _hoisted_1$9 = {
+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: {},
+    tabs: {}
+  },
+  emits: ["update:modelValue", "tab-click"],
+  setup(__props, { emit: __emit }) {
+    const props = __props;
+    const emit = __emit;
+    const activeTab = computed({
+      get: () => props.modelValue,
+      set: (val) => emit("update:modelValue", val)
+    });
+    const handleTabClick = (pane) => {
+      emit("tab-click", pane);
+    };
+    return (_ctx, _cache) => {
+      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$c, [
+        createVNode(_component_el_tabs, {
+          modelValue: unref(activeTab),
+          "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => isRef(activeTab) ? activeTab.value = $event : null),
+          class: "custom-tabs",
+          "tab-position": "left",
+          onTabClick: handleTabClick
+        }, {
+          default: withCtx(() => [
+            (openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.tabs, (tab) => {
+              return openBlock(), createBlock(_component_el_tab_pane, {
+                key: tab.name,
+                label: tab.label,
+                name: tab.name
+              }, {
+                label: withCtx(() => [
+                  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$6, toDisplayString(tab.label), 1)
+                  ])
+                ]),
+                _: 2
+              }, 1032, ["label", "name"]);
+            }), 128))
+          ]),
+          _: 1
+        }, 8, ["modelValue"]),
+        createElementVNode("div", _hoisted_4$4, [
+          renderSlot(_ctx.$slots, "default", {}, void 0, true)
+        ])
+      ]);
+    };
+  }
+});
+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$a = /* @__PURE__ */ defineComponent({
+const _sfc_main$e = /* @__PURE__ */ defineComponent({
   __name: "KDictTag",
   props: {
     options: {},
@@ -1517,7 +934,7 @@ const _sfc_main$a = /* @__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,
@@ -1536,54 +953,428 @@ const _sfc_main$a = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const KDictTag = /* @__PURE__ */ _export_sfc(_sfc_main$a, [["__scopeId", "data-v-f24d054e"]]);
-const _sfc_main$9 = /* @__PURE__ */ defineComponent({
-  ...{
-    name: "KPlainButton",
-    inheritAttrs: false
-  },
-  __name: "KPlainButton",
+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$5 = { class: "ip-inputs" };
+const _hoisted_4$3 = ["onUpdate:modelValue", "onInput", "onKeydown"];
+const _hoisted_5$3 = {
+  key: 0,
+  class: "ip-dot"
+};
+const _sfc_main$d = /* @__PURE__ */ defineComponent({
+  __name: "KIpSegmentInput",
   props: {
-    icon: {}
+    modelValue: {},
+    prefix: { default: "" },
+    segmentCount: { default: 1 }
   },
-  setup(__props) {
+  emits: ["update:modelValue"],
+  setup(__props, { expose: __expose, emit: __emit }) {
+    const props = __props;
+    const emit = __emit;
+    const inputRefs = ref([]);
+    const setInputRef = (el, index) => {
+      if (el) {
+        inputRefs.value[index] = el;
+      }
+    };
+    const segments = reactive(Array.from({ length: props.segmentCount }, () => ({ value: "" })));
+    watch(
+      () => props.modelValue,
+      (newVal) => {
+        if (newVal) {
+          const parts = newVal.split(".");
+          parts.forEach((part, index) => {
+            if (index < segments.length) {
+              segments[index].value = part;
+            }
+          });
+        } else {
+          segments.forEach((seg) => seg.value = "");
+        }
+      },
+      { immediate: true }
+    );
+    const updateValue = () => {
+      const value = segments.map((seg) => seg.value).join(".");
+      emit("update:modelValue", value);
+    };
+    const handleInput = (index, event) => {
+      var _a;
+      const input = event.target;
+      let value = input.value;
+      value = value.replace(/[^\d]/g, "");
+      if (value) {
+        const num = parseInt(value, 10);
+        if (num > 255) {
+          value = "255";
+        }
+      }
+      segments[index].value = value;
+      if (value.length === 3 && index < segments.length - 1) {
+        (_a = inputRefs.value[index + 1]) == null ? void 0 : _a.focus();
+      }
+      updateValue();
+    };
+    const handleKeydown = (index, event) => {
+      var _a, _b;
+      const input = event.target;
+      const value = input.value;
+      if ((event.key === "." || event.key === "ArrowRight") && index < segments.length - 1) {
+        event.preventDefault();
+        inputRefs.value[index + 1].focus();
+      }
+      if (event.key === "ArrowLeft" && index > 0 && input.selectionStart === 0) {
+        event.preventDefault();
+        (_a = inputRefs.value[index - 1]) == null ? void 0 : _a.focus();
+      }
+      if (event.key === "Backspace" && !value && index > 0) {
+        event.preventDefault();
+        (_b = inputRefs.value[index - 1]) == null ? void 0 : _b.focus();
+      }
+    };
+    const handlePaste = (event) => {
+      var _a;
+      event.preventDefault();
+      const pasteData = ((_a = event.clipboardData) == null ? void 0 : _a.getData("text")) || "";
+      const parts = pasteData.split(".").filter((p2) => /^\d+$/.test(p2));
+      parts.forEach((part, index) => {
+        if (index < segments.length) {
+          const num = parseInt(part, 10);
+          segments[index].value = num > 255 ? "255" : part;
+        }
+      });
+      updateValue();
+    };
+    const focus = () => {
+      var _a;
+      (_a = inputRefs.value[0]) == null ? void 0 : _a.focus();
+    };
+    __expose({
+      focus
+    });
     return (_ctx, _cache) => {
-      const _component_el_button = resolveComponent("el-button");
-      return openBlock(), createBlock(_component_el_button, mergeProps({
-        class: "k-plain-button",
-        plain: ""
-      }, _ctx.$attrs), createSlots({
-        default: withCtx(() => [
-          renderSlot(_ctx.$slots, "default")
-        ]),
-        _: 2
-      }, [
-        _ctx.$slots.icon ? {
-          name: "icon",
-          fn: withCtx(() => [
-            renderSlot(_ctx.$slots, "icon")
-          ]),
-          key: "0"
-        } : _ctx.icon ? {
-          name: "icon",
-          fn: withCtx(() => [
-            (openBlock(), createBlock(resolveDynamicComponent(_ctx.icon)))
-          ]),
-          key: "1"
-        } : void 0
-      ]), 1040);
+      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", {
+                ref_for: true,
+                ref: (el) => setInputRef(el, index),
+                "onUpdate:modelValue": ($event) => segment.value = $event,
+                maxlength: 3,
+                class: "ip-input",
+                type: "text",
+                onInput: ($event) => handleInput(index, $event),
+                onKeydown: ($event) => handleKeydown(index, $event),
+                onPaste: _cache[0] || (_cache[0] = ($event) => handlePaste($event))
+              }, null, 40, _hoisted_4$3), [
+                [vModelText, segment.value]
+              ]),
+              index < segments.length - 1 ? (openBlock(), createElementBlock("span", _hoisted_5$3, ".")) : createCommentVNode("", true)
+            ], 64);
+          }), 128))
+        ])
+      ]);
     };
   }
 });
-const _hoisted_1$8 = { class: "k-search-bar__title" };
-const _hoisted_2$6 = { key: 1 };
-const _hoisted_3$5 = { class: "k-search-bar__actions" };
-const _sfc_main$8 = /* @__PURE__ */ defineComponent({
-  ...{
-    name: "KSearchBar",
-    inheritAttrs: false
-  },
-  __name: "KSearchBar",
+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
+  },
+  __name: "KPlainButton",
+  props: {
+    icon: {}
+  },
+  setup(__props) {
+    return (_ctx, _cache) => {
+      const _component_el_button = resolveComponent("el-button");
+      return openBlock(), createBlock(_component_el_button, mergeProps({
+        class: "k-plain-button",
+        plain: ""
+      }, _ctx.$attrs), createSlots({
+        default: withCtx(() => [
+          renderSlot(_ctx.$slots, "default")
+        ]),
+        _: 2
+      }, [
+        _ctx.$slots.icon ? {
+          name: "icon",
+          fn: withCtx(() => [
+            renderSlot(_ctx.$slots, "icon")
+          ]),
+          key: "0"
+        } : _ctx.icon ? {
+          name: "icon",
+          fn: withCtx(() => [
+            (openBlock(), createBlock(resolveDynamicComponent(_ctx.icon)))
+          ]),
+          key: "1"
+        } : void 0
+      ]), 1040);
+    };
+  }
+});
+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
+  },
+  __name: "KSearchBar",
   props: /* @__PURE__ */ mergeModels({
     items: { default: () => [] },
     span: { default: 6 },
@@ -1875,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$6, 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
@@ -1893,7 +1684,7 @@ const _sfc_main$8 = /* @__PURE__ */ defineComponent({
                           class: "k-search-bar__actions-col"
                         }, {
                           default: withCtx(() => [
-                            createElementVNode("div", _hoisted_3$5, [
+                            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,
@@ -1937,9 +1728,75 @@ const _sfc_main$8 = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const KSearchBar = /* @__PURE__ */ _export_sfc(_sfc_main$8, [["__scopeId", "data-v-995c528d"]]);
-const _hoisted_1$7 = { class: "title" };
+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$7, [
+        renderSlot(_ctx.$slots, "default", {}, () => [
+          createTextVNode(toDisplayString(_ctx.title), 1)
+        ], true)
+      ]);
+    };
+  }
+});
+const KSectionTitle = /* @__PURE__ */ _export_sfc(_sfc_main$8, [["__scopeId", "data-v-0504fe3f"]]);
 const _sfc_main$7 = /* @__PURE__ */ defineComponent({
+  ...{
+    name: "KSegmented",
+    inheritAttrs: false
+  },
+  __name: "KSegmented",
+  props: {
+    modelValue: {
+      type: [String, Number, Boolean],
+      required: true
+    },
+    options: {
+      type: Array,
+      required: true
+    },
+    size: {
+      type: String,
+      default: "default"
+    },
+    block: {
+      type: Boolean,
+      default: false
+    },
+    disabled: {
+      type: Boolean,
+      default: false
+    }
+  },
+  emits: ["update:modelValue", "change"],
+  setup(__props, { emit: __emit }) {
+    const emit = __emit;
+    const handleUpdate = (value) => {
+      emit("update:modelValue", value);
+      emit("change", value);
+    };
+    return (_ctx, _cache) => {
+      const _component_el_segmented = resolveComponent("el-segmented");
+      return openBlock(), createBlock(_component_el_segmented, mergeProps({
+        block: __props.block,
+        disabled: __props.disabled,
+        "model-value": __props.modelValue,
+        options: __props.options,
+        size: __props.size,
+        class: "k-segmented"
+      }, _ctx.$attrs, { "onUpdate:modelValue": handleUpdate }), null, 16, ["block", "disabled", "model-value", "options", "size"]);
+    };
+  }
+});
+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: {
@@ -1957,7 +1814,7 @@ const _sfc_main$7 = /* @__PURE__ */ defineComponent({
         type: "primary"
       }, {
         title: withCtx(() => [
-          createElementVNode("span", _hoisted_1$7, 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,
@@ -1975,9 +1832,69 @@ const _sfc_main$7 = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const KSelectedAlert = /* @__PURE__ */ _export_sfc(_sfc_main$7, [["__scopeId", "data-v-cf66b3b3"]]);
-const _hoisted_1$6 = { key: 0 };
-const _sfc_main$6 = /* @__PURE__ */ defineComponent({
+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$5 = /* @__PURE__ */ defineComponent({
+  ...{ name: "KSpin" },
+  __name: "KSpin",
+  props: {
+    show: { type: Boolean, default: false },
+    size: { default: 28 },
+    description: { default: "" },
+    background: { default: "rgba(255, 255, 255, 0.72)" },
+    contentClass: { default: "" }
+  },
+  setup(__props) {
+    const props = __props;
+    const maskStyle = computed(() => ({
+      background: props.background
+    }));
+    return (_ctx, _cache) => {
+      const _component_el_icon = resolveComponent("el-icon");
+      return openBlock(), createElementBlock("div", {
+        class: normalizeClass(["k-spin", { "is-active": _ctx.show }])
+      }, [
+        createElementVNode("div", {
+          class: normalizeClass(["k-spin__content", _ctx.contentClass])
+        }, [
+          renderSlot(_ctx.$slots, "default", {}, void 0, true)
+        ], 2),
+        createVNode(Transition, { name: "k-spin-fade" }, {
+          default: withCtx(() => [
+            _ctx.show ? (openBlock(), createElementBlock("div", {
+              key: 0,
+              class: "k-spin__mask",
+              style: normalizeStyle(unref(maskStyle))
+            }, [
+              renderSlot(_ctx.$slots, "spin", {}, () => [
+                createElementVNode("div", _hoisted_1$5, [
+                  createVNode(_component_el_icon, {
+                    class: "k-spin__icon is-loading",
+                    size: _ctx.size
+                  }, {
+                    default: withCtx(() => [
+                      createVNode(unref(Loading))
+                    ]),
+                    _: 1
+                  }, 8, ["size"]),
+                  _ctx.description ? (openBlock(), createElementBlock("p", _hoisted_2$4, toDisplayString(_ctx.description), 1)) : createCommentVNode("", true)
+                ])
+              ], true)
+            ], 4)) : createCommentVNode("", true)
+          ]),
+          _: 3
+        })
+      ], 2);
+    };
+  }
+});
+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: {
@@ -2093,7 +2010,7 @@ const _sfc_main$6 = /* @__PURE__ */ defineComponent({
           ref: elTableRef
         }, unref(mergedTableProps), { onSelectionChange: handleSelectionChange }), {
           empty: withCtx(() => [
-            _ctx.loading ? (openBlock(), createElementBlock("div", _hoisted_1$6)) : (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
@@ -2162,7 +2079,7 @@ const _sfc_main$6 = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const KTable = /* @__PURE__ */ _export_sfc(_sfc_main$6, [["__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;
@@ -3759,18 +3676,18 @@ const ft = [
     };
   }
 });
-const _hoisted_1$5 = { class: "k-table-header__left" };
-const _hoisted_2$5 = {
+const _hoisted_1$3 = { class: "k-table-header__left" };
+const _hoisted_2$3 = {
   key: 0,
   class: "k-table-header__title"
 };
-const _hoisted_3$4 = { class: "k-table-header__right" };
-const _hoisted_4$3 = { class: "column-panel" };
-const _hoisted_5$3 = { class: "column-panel__select-all" };
-const _hoisted_6$2 = { class: "column-item__main" };
-const _hoisted_7$2 = { class: "column-item__label" };
+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$5 = /* @__PURE__ */ defineComponent({
+const _sfc_main$3 = /* @__PURE__ */ defineComponent({
   ...{ name: "KTableHeader" },
   __name: "KTableHeader",
   props: /* @__PURE__ */ mergeModels({
@@ -3900,12 +3817,12 @@ const _sfc_main$5 = /* @__PURE__ */ defineComponent({
         ref: headerRef,
         class: "k-table-header"
       }, [
-        createElementVNode("div", _hoisted_1$5, [
+        createElementVNode("div", _hoisted_1$3, [
           renderSlot(_ctx.$slots, "title", {}, () => [
-            _ctx.title ? (openBlock(), createElementBlock("div", _hoisted_2$5, 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$4, [
+        createElementVNode("div", _hoisted_3$3, [
           renderSlot(_ctx.$slots, "right", {}, void 0, true),
           shouldShow("refresh") ? (openBlock(), createBlock(_component_KPlainButton, {
             key: 0,
@@ -3942,8 +3859,8 @@ const _sfc_main$5 = /* @__PURE__ */ defineComponent({
               }, 8, ["icon"])
             ]),
             default: withCtx(() => [
-              createElementVNode("div", _hoisted_4$3, [
-                createElementVNode("div", _hoisted_5$3, [
+              createElementVNode("div", _hoisted_4$2, [
+                createElementVNode("div", _hoisted_5$2, [
                   createVNode(_component_el_checkbox, {
                     disabled: unref(visibleStats).total === 0,
                     indeterminate: unref(selectAllIndeterminate),
@@ -3973,7 +3890,7 @@ const _sfc_main$5 = /* @__PURE__ */ defineComponent({
                         key: String(item.key),
                         class: "column-item"
                       }, [
-                        createElementVNode("div", _hoisted_6$2, [
+                        createElementVNode("div", _hoisted_6$1, [
                           createVNode(_component_el_icon, { class: "column-item__drag" }, {
                             default: withCtx(() => [
                               createVNode(unref(Rank))
@@ -3987,7 +3904,7 @@ const _sfc_main$5 = /* @__PURE__ */ defineComponent({
                             onChange: (value) => handleCheckedChange(item, value)
                           }, {
                             default: withCtx(() => [
-                              createElementVNode("span", _hoisted_7$2, toDisplayString(item.label), 1)
+                              createElementVNode("span", _hoisted_7$1, toDisplayString(item.label), 1)
                             ]),
                             _: 2
                           }, 1032, ["disabled", "model-value", "onChange"])
@@ -4029,71 +3946,456 @@ const _sfc_main$5 = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const KTableHeader = /* @__PURE__ */ _export_sfc(_sfc_main$5, [["__scopeId", "data-v-b92b8ec9"]]);
-const _hoisted_1$4 = { class: "setting-form" };
-const _hoisted_2$4 = { class: "form-content" };
-const _hoisted_3$3 = { class: "form-footer" };
-const _sfc_main$4 = /* @__PURE__ */ defineComponent({
-  __name: "SettingForm",
-  props: {
-    title: { default: "" },
-    formData: {},
-    defaultData: { default: () => ({}) },
-    rules: { default: () => ({}) },
-    loading: { type: Boolean, default: false }
-  },
-  emits: ["save", "reset", "cancel", "reset-default"],
-  setup(__props, { expose: __expose, emit: __emit }) {
-    const props = __props;
-    const emit = __emit;
-    const formRef = ref();
-    const isEditing = ref(false);
-    const originalData = ref({});
-    const handleEdit = () => {
-      originalData.value = JSON.parse(JSON.stringify(props.formData));
-      isEditing.value = true;
-    };
-    const handleSave = async () => {
-      if (!formRef.value) return;
-      await formRef.value.validate((valid) => {
-        if (valid) {
-          emit("save", props.formData);
-        }
-      });
-    };
-    const handleReset = () => {
-      if (formRef.value) {
-        formRef.value.resetFields();
-      }
-      emit("reset");
-    };
-    const handleCancel = () => {
-      Object.assign(props.formData, originalData.value);
-      isEditing.value = false;
-      if (formRef.value) {
-        formRef.value.clearValidate();
-      }
-      emit("cancel");
-    };
-    const handleResetToDefault = () => {
-      emit("reset-default");
-    };
-    const exitEditMode = () => {
-      isEditing.value = false;
-    };
-    __expose({
-      exitEditMode
-    });
-    return (_ctx, _cache) => {
-      const _component_el_form = resolveComponent("el-form");
+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" };
+const _sfc_main$1 = /* @__PURE__ */ defineComponent({
+  __name: "SettingForm",
+  props: {
+    title: { default: "" },
+    formData: {},
+    defaultData: { default: () => ({}) },
+    rules: { default: () => ({}) },
+    loading: { type: Boolean, default: false }
+  },
+  emits: ["save", "reset", "cancel", "reset-default"],
+  setup(__props, { expose: __expose, emit: __emit }) {
+    const props = __props;
+    const emit = __emit;
+    const formRef = ref();
+    const isEditing = ref(false);
+    const originalData = ref({});
+    const handleEdit = () => {
+      originalData.value = JSON.parse(JSON.stringify(props.formData));
+      isEditing.value = true;
+    };
+    const handleSave = async () => {
+      if (!formRef.value) return;
+      await formRef.value.validate((valid) => {
+        if (valid) {
+          emit("save", props.formData);
+        }
+      });
+    };
+    const handleReset = () => {
+      if (formRef.value) {
+        formRef.value.resetFields();
+      }
+      emit("reset");
+    };
+    const handleCancel = () => {
+      Object.assign(props.formData, originalData.value);
+      isEditing.value = false;
+      if (formRef.value) {
+        formRef.value.clearValidate();
+      }
+      emit("cancel");
+    };
+    const handleResetToDefault = () => {
+      emit("reset-default");
+    };
+    const exitEditMode = () => {
+      isEditing.value = false;
+    };
+    __expose({
+      exitEditMode
+    });
+    return (_ctx, _cache) => {
+      const _component_el_form = resolveComponent("el-form");
       const _component_Edit = resolveComponent("Edit");
       const _component_el_icon = resolveComponent("el-icon");
       const _component_el_button = resolveComponent("el-button");
       const _component_RefreshLeft = resolveComponent("RefreshLeft");
       const _component_Check = resolveComponent("Check");
       const _component_Close = resolveComponent("Close");
-      return openBlock(), createElementBlock("div", _hoisted_1$4, [
-        createElementVNode("div", _hoisted_2$4, [
+      return openBlock(), createElementBlock("div", _hoisted_1$1, [
+        createElementVNode("div", _hoisted_2$1, [
           createVNode(_component_el_form, {
             ref_key: "formRef",
             ref: formRef,
@@ -4112,7 +4414,7 @@ const _sfc_main$4 = /* @__PURE__ */ defineComponent({
             _: 3
           }, 8, ["model", "rules", "disabled"])
         ]),
-        createElementVNode("div", _hoisted_3$3, [
+        createElementVNode("div", _hoisted_3$1, [
           !unref(isEditing) ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [
             createVNode(_component_el_button, {
               type: "primary",
@@ -4188,555 +4490,13 @@ const _sfc_main$4 = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const SettingForm = /* @__PURE__ */ _export_sfc(_sfc_main$4, [["__scopeId", "data-v-3296eadc"]]);
-function listConfig(query) {
-  return request({
-    url: "/system/config/list",
-    method: "get",
-    params: query
-  });
-}
-function updateConfigByKey(key, value) {
-  return request({
-    url: "/system/config/updateByKey",
-    method: "put",
-    data: {
-      configKey: key,
-      configValue: value
-    }
-  });
-}
-const _hoisted_1$3 = { class: "business-config-container" };
-const _hoisted_2$3 = {
-  key: 3,
-  class: "form-item-tip"
-};
-const _sfc_main$3 = /* @__PURE__ */ defineComponent({
-  __name: "ModuleBusinessSettings",
-  props: {
-    category: {},
-    moduleLabel: {}
-  },
-  setup(__props) {
-    const props = __props;
-    const { proxy } = getCurrentInstance();
-    const settingFormRef = ref();
-    const loading = ref(false);
-    const moduleFieldMap = {
-      mall: [
-        { key: "orderAutoCancelMinutes", label: "订单自动取消分钟", control: "number", min: 0, max: 10080, tip: "0 表示不自动取消" },
-        { key: "afterSaleDays", label: "售后申请天数", control: "number", min: 0, max: 365 },
-        { key: "minOrderAmount", label: "最低下单金额", control: "number", min: 0, max: 999999, precision: 2 },
-        { key: "buyButtonText", label: "购买按钮文案", placeholder: "请输入购买按钮文案", maxlength: 20 }
-      ],
-      im: [
-        { key: "friendRequestNeedVerify", label: "添加好友需验证", control: "switch" },
-        { key: "messageRecallMinutes", label: "消息撤回时限分钟", control: "number", min: 0, max: 1440, tip: "0 表示不可撤回" },
-        { key: "groupCreateEnabled", label: "允许创建群聊", control: "switch" },
-        { key: "maxFileSizeMb", label: "附件大小上限(MB)", control: "number", min: 1, max: 1024 }
-      ],
-      exam: [
-        { key: "practiceEnabled", label: "开启练习模式", control: "switch" },
-        { key: "showAnswerAfterSubmit", label: "交卷后显示答案", control: "switch" },
-        { key: "defaultDurationMinutes", label: "默认考试时长(分钟)", control: "number", min: 0, max: 1440 },
-        { key: "maxRetakeCount", label: "最大补考次数", control: "number", min: 0, max: 99 }
-      ],
-      gallery: [
-        { key: "uploadEnabled", label: "允许上传", control: "switch" },
-        { key: "reviewBeforePublish", label: "发布前需审核", control: "switch" },
-        { key: "maxUploadSizeMb", label: "单文件大小上限(MB)", control: "number", min: 1, max: 500 },
-        { key: "dailyUploadCountLimit", label: "用户日上传数量上限", control: "number", min: 0, max: 1e5, tip: "0 表示不限制" },
-        { key: "dailyUploadSizeLimitMb", label: "用户日上传容量上限(MB)", control: "number", min: 0, max: 1e6, tip: "0 表示不限制" }
-      ]
-    };
-    const moduleFields = computed(() => moduleFieldMap[props.category]);
-    const fieldKeys = computed(() => moduleFields.value.map((item) => item.key));
-    function createFieldState() {
-      return fieldKeys.value.reduce(
-        (result, key) => {
-          result[key] = "";
-          return result;
-        },
-        {}
-      );
-    }
-    const formData = reactive(createFieldState());
-    const originalData = reactive(createFieldState());
-    const defaultData = reactive(createFieldState());
-    const rules = {};
-    const configKeyMap = {
-      orderAutoCancelMinutes: "mall.orderAutoCancelMinutes",
-      afterSaleDays: "mall.afterSaleDays",
-      minOrderAmount: "mall.minOrderAmount",
-      buyButtonText: "mall.buyButtonText",
-      friendRequestNeedVerify: "im.friendRequestNeedVerify",
-      messageRecallMinutes: "im.messageRecallMinutes",
-      groupCreateEnabled: "im.groupCreateEnabled",
-      maxFileSizeMb: "im.maxFileSizeMb",
-      practiceEnabled: "exam.practiceEnabled",
-      showAnswerAfterSubmit: "exam.showAnswerAfterSubmit",
-      defaultDurationMinutes: "exam.defaultDurationMinutes",
-      maxRetakeCount: "exam.maxRetakeCount",
-      uploadEnabled: "gallery.uploadEnabled",
-      reviewBeforePublish: "gallery.reviewBeforePublish",
-      maxUploadSizeMb: "gallery.maxUploadSizeMb",
-      dailyUploadCountLimit: "gallery.dailyUploadCountLimit",
-      dailyUploadSizeLimitMb: "gallery.dailyUploadSizeLimitMb"
-    };
-    const reverseKeyMap = Object.entries(configKeyMap).reduce(
-      (result, [field, key]) => {
-        result[key] = field;
-        return result;
-      },
-      {}
-    );
-    const numberFieldSet = /* @__PURE__ */ new Set([
-      "orderAutoCancelMinutes",
-      "afterSaleDays",
-      "minOrderAmount",
-      "messageRecallMinutes",
-      "maxFileSizeMb",
-      "defaultDurationMinutes",
-      "maxRetakeCount",
-      "maxUploadSizeMb",
-      "dailyUploadCountLimit",
-      "dailyUploadSizeLimitMb"
-    ]);
-    function normalizeValue(field, value) {
-      if (numberFieldSet.has(field)) {
-        if (value === "" || value === null || value === void 0) return 0;
-        const parsed = Number(value);
-        return Number.isNaN(parsed) ? 0 : parsed;
-      }
-      return value ?? "";
-    }
-    function stringifyValue(field, value) {
-      if (numberFieldSet.has(field)) {
-        return String(value ?? 0);
-      }
-      return String(value ?? "");
-    }
-    async function loadConfig() {
-      loading.value = true;
-      try {
-        const res = await listConfig({
-          pageNum: 1,
-          pageSize: 100,
-          configCategory: props.category
-        });
-        fieldKeys.value.forEach((key) => {
-          formData[key] = normalizeValue(key, "");
-          originalData[key] = normalizeValue(key, "");
-          defaultData[key] = normalizeValue(key, "");
-        });
-        (res.rows || []).forEach((item) => {
-          const field = reverseKeyMap[item.configKey];
-          if (!field) return;
-          formData[field] = normalizeValue(field, item.configValue);
-          originalData[field] = normalizeValue(field, item.configValue);
-          defaultData[field] = normalizeValue(field, item.defaultValue);
-        });
-      } finally {
-        loading.value = false;
-      }
-    }
-    async function handleSave() {
-      var _a, _b, _c, _d;
-      loading.value = true;
-      try {
-        const changedKeys = fieldKeys.value.filter((key) => stringifyValue(key, formData[key]) !== stringifyValue(key, originalData[key]));
-        if (!changedKeys.length) {
-          proxy == null ? void 0 : proxy.$modal.msg("未检测到变更");
-          (_b = (_a = settingFormRef.value) == null ? void 0 : _a.exitEditMode) == null ? void 0 : _b.call(_a);
-          return;
-        }
-        for (const key of changedKeys) {
-          await updateConfigByKey(configKeyMap[key], stringifyValue(key, formData[key]));
-          originalData[key] = normalizeValue(key, formData[key]);
-        }
-        proxy == null ? void 0 : proxy.$modal.msgSuccess(`已保存 ${changedKeys.length} 项配置`);
-        (_d = (_c = settingFormRef.value) == null ? void 0 : _c.exitEditMode) == null ? void 0 : _d.call(_c);
-      } catch (error) {
-        console.error(`save ${props.category} business config failed`, error);
-        proxy == null ? void 0 : proxy.$modal.msgError("保存失败");
-      } finally {
-        loading.value = false;
-      }
-    }
-    function handleReset() {
-      loadConfig();
-    }
-    function handleCancel() {
-    }
-    function handleResetToDefault() {
-      proxy == null ? void 0 : proxy.$modal.confirm("确认恢复默认值吗？").then(() => {
-        fieldKeys.value.forEach((key) => {
-          formData[key] = normalizeValue(key, defaultData[key]);
-        });
-        proxy == null ? void 0 : proxy.$modal.msgSuccess("已恢复默认值，保存后生效。");
-      }).catch(() => {
-      });
-    }
-    onMounted(() => {
-      loadConfig();
-    });
-    return (_ctx, _cache) => {
-      const _component_el_switch = resolveComponent("el-switch");
-      const _component_el_input_number = resolveComponent("el-input-number");
-      const _component_el_input = resolveComponent("el-input");
-      const _component_el_form_item = resolveComponent("el-form-item");
-      return openBlock(), createElementBlock("div", _hoisted_1$3, [
-        createVNode(SettingForm, {
-          ref_key: "settingFormRef",
-          ref: settingFormRef,
-          "default-data": defaultData,
-          "form-data": formData,
-          loading: loading.value,
-          rules,
-          title: `${_ctx.moduleLabel}业务配置`,
-          onCancel: handleCancel,
-          onReset: handleReset,
-          onSave: handleSave,
-          onResetDefault: handleResetToDefault
-        }, {
-          default: withCtx(({ isEditing }) => [
-            (openBlock(true), createElementBlock(Fragment, null, renderList(moduleFields.value, (field) => {
-              return openBlock(), createBlock(_component_el_form_item, {
-                key: field.key,
-                label: field.label,
-                prop: field.key
-              }, {
-                default: withCtx(() => [
-                  field.control === "switch" ? (openBlock(), createBlock(_component_el_switch, {
-                    key: 0,
-                    modelValue: formData[field.key],
-                    "onUpdate:modelValue": ($event) => formData[field.key] = $event,
-                    "active-value": "true",
-                    "inactive-value": "false",
-                    disabled: !isEditing
-                  }, null, 8, ["modelValue", "onUpdate:modelValue", "disabled"])) : field.control === "number" ? (openBlock(), createBlock(_component_el_input_number, {
-                    key: 1,
-                    modelValue: formData[field.key],
-                    "onUpdate:modelValue": ($event) => formData[field.key] = $event,
-                    disabled: !isEditing,
-                    min: field.min,
-                    max: field.max,
-                    precision: field.precision,
-                    class: "w-full"
-                  }, null, 8, ["modelValue", "onUpdate:modelValue", "disabled", "min", "max", "precision"])) : (openBlock(), createBlock(_component_el_input, {
-                    key: 2,
-                    modelValue: formData[field.key],
-                    "onUpdate:modelValue": ($event) => formData[field.key] = $event,
-                    maxlength: field.maxlength,
-                    placeholder: field.placeholder,
-                    rows: field.rows,
-                    "show-word-limit": field.type === "textarea",
-                    type: field.type || "text",
-                    clearable: ""
-                  }, null, 8, ["modelValue", "onUpdate:modelValue", "maxlength", "placeholder", "rows", "show-word-limit", "type"])),
-                  field.tip ? (openBlock(), createElementBlock("div", _hoisted_2$3, toDisplayString(field.tip), 1)) : createCommentVNode("", true)
-                ]),
-                _: 2
-              }, 1032, ["label", "prop"]);
-            }), 128))
-          ]),
-          _: 1
-        }, 8, ["default-data", "form-data", "loading", "title"])
-      ]);
-    };
-  }
-});
-const ModuleBusinessSettings = /* @__PURE__ */ _export_sfc(_sfc_main$3, [["__scopeId", "data-v-1df6b0cb"]]);
-const _hoisted_1$2 = { class: "website-config-container" };
-const _hoisted_2$2 = { class: "form-section" };
-const _hoisted_3$2 = { class: "preview-section" };
-const _hoisted_4$2 = { class: "preview-container" };
-const _hoisted_5$2 = { class: "preview-header" };
-const _hoisted_6$1 = ["src"];
-const _hoisted_7$1 = {
-  key: 1,
-  class: "text-gray-400"
-};
-const _hoisted_8 = { class: "preview-content" };
-const _hoisted_9 = { class: "preview-name" };
-const _hoisted_10 = { class: "preview-desc" };
-const _hoisted_11 = {
-  key: 0,
-  class: "preview-meta"
-};
-const _hoisted_12 = { key: 0 };
-const _hoisted_13 = { key: 1 };
-const _sfc_main$2 = /* @__PURE__ */ defineComponent({
-  __name: "ModuleWebsiteSettings",
-  props: {
-    category: {},
-    moduleLabel: {}
-  },
-  setup(__props) {
-    const props = __props;
-    const { proxy } = getCurrentInstance();
-    const settingFormRef = ref();
-    const loading = ref(false);
-    const logoUrl = ref("");
-    const baseFields = [
-      { key: "name", label: "系统名称", placeholder: "请输入系统名称", maxlength: 50 },
-      { key: "nameEn", label: "英文名称", placeholder: "请输入英文名称", maxlength: 50 },
-      { key: "description", label: "站点描述", placeholder: "请输入站点描述", maxlength: 200, type: "textarea", rows: 3 },
-      { key: "copyright", label: "版权信息", placeholder: "请输入版权信息", maxlength: 200, type: "textarea", rows: 2 },
-      { key: "icp", label: "ICP备案号", placeholder: "请输入 ICP 备案号", maxlength: 50 }
-    ];
-    const fieldKeys = computed(() => ["logo", "favicon", "backgroundImage", ...baseFields.map((item) => item.key)]);
-    function createFieldState() {
-      return fieldKeys.value.reduce(
-        (result, key) => {
-          result[key] = "";
-          return result;
-        },
-        {}
-      );
-    }
-    const formData = reactive(createFieldState());
-    const originalData = reactive(createFieldState());
-    const defaultData = reactive(createFieldState());
-    const rules = {
-      name: [{ required: true, message: "请输入系统名称", trigger: "blur" }],
-      copyright: [{ required: true, message: "请输入版权信息", trigger: "blur" }]
-    };
-    const configKeyMap = computed(() => ({
-      logo: `${props.category}.logo`,
-      favicon: `${props.category}.favicon`,
-      name: `${props.category}.name`,
-      nameEn: `${props.category}.nameEn`,
-      backgroundImage: `${props.category}.backgroundImage`,
-      description: `${props.category}.description`,
-      copyright: `${props.category}.copyright`,
-      icp: `${props.category}.icp`
-    }));
-    const reverseKeyMap = computed(
-      () => Object.entries(configKeyMap.value).reduce(
-        (result, [field, key]) => {
-          result[key] = field;
-          return result;
-        },
-        {}
-      )
-    );
-    async function getImageUrl(value) {
-      var _a, _b;
-      if (!value) return "";
-      if (value.startsWith("http")) return value;
-      try {
-        const { listByIds: listByIds2 } = await Promise.resolve().then(() => oss);
-        const res = await listByIds2(value);
-        return ((_b = (_a = res.data) == null ? void 0 : _a[0]) == null ? void 0 : _b.url) || "";
-      } catch {
-        return "";
-      }
-    }
-    async function syncPreview() {
-      logoUrl.value = await getImageUrl(String(formData.logo || ""));
-    }
-    async function loadConfig() {
-      loading.value = true;
-      try {
-        const res = await listConfig({
-          pageNum: 1,
-          pageSize: 100,
-          configCategory: props.category
-        });
-        fieldKeys.value.forEach((key) => {
-          formData[key] = "";
-          originalData[key] = "";
-          defaultData[key] = "";
-        });
-        (res.rows || []).forEach((item) => {
-          const field = reverseKeyMap.value[item.configKey];
-          if (!field) return;
-          formData[field] = item.configValue || "";
-          originalData[field] = item.configValue || "";
-          defaultData[field] = item.defaultValue || "";
-        });
-        await syncPreview();
-      } finally {
-        loading.value = false;
-      }
-    }
-    function handleLogoUpload(data) {
-      formData.logo = String(data.ossId || "");
-      logoUrl.value = data.url || "";
-    }
-    function handleFaviconUpload(data) {
-      formData.favicon = String(data.ossId || "");
-    }
-    function handleBackgroundImageUpload(data) {
-      formData.backgroundImage = String(data.ossId || "");
-    }
-    async function handleSave() {
-      var _a, _b, _c, _d;
-      loading.value = true;
-      try {
-        const changedKeys = fieldKeys.value.filter((key) => formData[key] !== originalData[key]);
-        if (!changedKeys.length) {
-          proxy == null ? void 0 : proxy.$modal.msg("未检测到变更");
-          (_b = (_a = settingFormRef.value) == null ? void 0 : _a.exitEditMode) == null ? void 0 : _b.call(_a);
-          return;
-        }
-        for (const key of changedKeys) {
-          await updateConfigByKey(configKeyMap.value[key], formData[key]);
-          originalData[key] = formData[key];
-        }
-        proxy == null ? void 0 : proxy.$modal.msgSuccess(`已保存 ${changedKeys.length} 项配置`);
-        (_d = (_c = settingFormRef.value) == null ? void 0 : _c.exitEditMode) == null ? void 0 : _d.call(_c);
-        await syncPreview();
-      } catch (error) {
-        console.error(`save ${props.category} website config failed`, error);
-        proxy == null ? void 0 : proxy.$modal.msgError("保存失败");
-      } finally {
-        loading.value = false;
-      }
-    }
-    function handleReset() {
-      loadConfig();
-    }
-    function handleCancel() {
-    }
-    function handleResetToDefault() {
-      proxy == null ? void 0 : proxy.$modal.confirm("确认恢复默认值吗？").then(() => {
-        Object.assign(formData, defaultData);
-        proxy == null ? void 0 : proxy.$modal.msgSuccess("已恢复默认值，保存后生效。");
-      }).catch(() => {
-      });
-    }
-    onMounted(() => {
-      loadConfig();
-    });
-    return (_ctx, _cache) => {
-      const _component_el_form_item = resolveComponent("el-form-item");
-      const _component_el_input = resolveComponent("el-input");
-      return openBlock(), createElementBlock("div", _hoisted_1$2, [
-        createElementVNode("div", _hoisted_2$2, [
-          createVNode(SettingForm, {
-            ref_key: "settingFormRef",
-            ref: settingFormRef,
-            "default-data": defaultData,
-            "form-data": formData,
-            loading: loading.value,
-            rules,
-            title: `${_ctx.moduleLabel}网站配置`,
-            onCancel: handleCancel,
-            onReset: handleReset,
-            onSave: handleSave,
-            onResetDefault: handleResetToDefault
-          }, {
-            default: withCtx(({ isEditing }) => [
-              createVNode(_component_el_form_item, {
-                label: "系统 Logo",
-                prop: "logo"
-              }, {
-                default: withCtx(() => [
-                  createVNode(ImageUpload, {
-                    modelValue: formData.logo,
-                    "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => formData.logo = $event),
-                    disabled: !isEditing,
-                    "file-size": 2,
-                    "file-type": ["png", "jpg", "jpeg", "svg"],
-                    limit: 1,
-                    onUploadSuccess: handleLogoUpload
-                  }, null, 8, ["modelValue", "disabled"])
-                ]),
-                _: 2
-              }, 1024),
-              createVNode(_component_el_form_item, {
-                label: "系统图标",
-                prop: "favicon"
-              }, {
-                default: withCtx(() => [
-                  createVNode(ImageUpload, {
-                    modelValue: formData.favicon,
-                    "onUpdate:modelValue": _cache[1] || (_cache[1] = ($event) => formData.favicon = $event),
-                    disabled: !isEditing,
-                    "file-size": 2,
-                    "file-type": ["png", "jpg", "jpeg", "ico"],
-                    limit: 1,
-                    onUploadSuccess: handleFaviconUpload
-                  }, null, 8, ["modelValue", "disabled"])
-                ]),
-                _: 2
-              }, 1024),
-              createVNode(_component_el_form_item, {
-                label: "背景图",
-                prop: "backgroundImage"
-              }, {
-                default: withCtx(() => [
-                  createVNode(ImageUpload, {
-                    modelValue: formData.backgroundImage,
-                    "onUpdate:modelValue": _cache[2] || (_cache[2] = ($event) => formData.backgroundImage = $event),
-                    disabled: !isEditing,
-                    "file-size": 5,
-                    "file-type": ["png", "jpg", "jpeg", "webp"],
-                    limit: 1,
-                    onUploadSuccess: handleBackgroundImageUpload
-                  }, null, 8, ["modelValue", "disabled"])
-                ]),
-                _: 2
-              }, 1024),
-              (openBlock(), createElementBlock(Fragment, null, renderList(baseFields, (field) => {
-                return createVNode(_component_el_form_item, {
-                  key: field.key,
-                  label: field.label,
-                  prop: field.key
-                }, {
-                  default: withCtx(() => [
-                    createVNode(_component_el_input, {
-                      modelValue: formData[field.key],
-                      "onUpdate:modelValue": ($event) => formData[field.key] = $event,
-                      maxlength: field.maxlength,
-                      placeholder: field.placeholder,
-                      rows: field.rows,
-                      "show-word-limit": field.type === "textarea",
-                      type: field.type || "text",
-                      clearable: ""
-                    }, null, 8, ["modelValue", "onUpdate:modelValue", "maxlength", "placeholder", "rows", "show-word-limit", "type"])
-                  ]),
-                  _: 2
-                }, 1032, ["label", "prop"]);
-              }), 64))
-            ]),
-            _: 1
-          }, 8, ["default-data", "form-data", "loading", "title"])
-        ]),
-        createElementVNode("div", _hoisted_3$2, [
-          _cache[3] || (_cache[3] = createElementVNode("div", { class: "preview-title" }, "预览效果", -1)),
-          createElementVNode("div", _hoisted_4$2, [
-            createElementVNode("div", _hoisted_5$2, [
-              logoUrl.value ? (openBlock(), createElementBlock("img", {
-                key: 0,
-                src: logoUrl.value,
-                alt: "logo",
-                class: "preview-logo"
-              }, null, 8, _hoisted_6$1)) : (openBlock(), createElementBlock("span", _hoisted_7$1, "未上传 Logo"))
-            ]),
-            createElementVNode("div", _hoisted_8, [
-              createElementVNode("h2", _hoisted_9, toDisplayString(formData.name || `${_ctx.moduleLabel}名称`), 1),
-              createElementVNode("p", _hoisted_10, toDisplayString(formData.description || `${_ctx.moduleLabel}描述`), 1),
-              formData.copyright || formData.icp ? (openBlock(), createElementBlock("div", _hoisted_11, [
-                formData.copyright ? (openBlock(), createElementBlock("span", _hoisted_12, toDisplayString(formData.copyright), 1)) : createCommentVNode("", true),
-                formData.icp ? (openBlock(), createElementBlock("span", _hoisted_13, toDisplayString(formData.icp), 1)) : createCommentVNode("", true)
-              ])) : createCommentVNode("", true)
-            ])
-          ])
-        ])
-      ]);
-    };
-  }
-});
-const ModuleWebsiteSettings = /* @__PURE__ */ _export_sfc(_sfc_main$2, [["__scopeId", "data-v-d11a083d"]]);
-const _hoisted_1$1 = { class: "setting-tabs" };
-const _hoisted_2$1 = { class: "tabs-sidebar" };
-const _hoisted_3$1 = ["onClick"];
-const _hoisted_4$1 = { class: "tab-label" };
-const _hoisted_5$1 = { class: "tabs-content" };
-const _sfc_main$1 = /* @__PURE__ */ defineComponent({
+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"];
+const _hoisted_4 = { class: "tab-label" };
+const _hoisted_5 = { class: "tabs-content" };
+const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "SettingTabs",
   props: {
     modelValue: {},
@@ -4750,8 +4510,8 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
     };
     return (_ctx, _cache) => {
       const _component_el_icon = resolveComponent("el-icon");
-      return openBlock(), createElementBlock("div", _hoisted_1$1, [
-        createElementVNode("div", _hoisted_2$1, [
+      return openBlock(), createElementBlock("div", _hoisted_1, [
+        createElementVNode("div", _hoisted_2, [
           (openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.tabs, (tab) => {
             return openBlock(), createElementBlock("div", {
               key: tab.name,
@@ -4764,286 +4524,54 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
                 ]),
                 _: 2
               }, 1024),
-              createElementVNode("span", _hoisted_4$1, toDisplayString(tab.label), 1)
-            ], 10, _hoisted_3$1);
+              createElementVNode("span", _hoisted_4, toDisplayString(tab.label), 1)
+            ], 10, _hoisted_3);
           }), 128))
         ]),
-        createElementVNode("div", _hoisted_5$1, [
+        createElementVNode("div", _hoisted_5, [
           renderSlot(_ctx.$slots, "default", {}, void 0, true)
         ])
       ]);
     };
   }
 });
-const SettingTabs = /* @__PURE__ */ _export_sfc(_sfc_main$1, [["__scopeId", "data-v-97bf5366"]]);
-function getUser(userId) {
-  return request({
-    url: "/system/user/" + (userId ?? ""),
-    method: "get"
-  });
-}
-const UNBOUND_CONTACT_VALUES = /* @__PURE__ */ new Set(["", "-1", "null", "undefined"]);
-function normalizeContactValue(value) {
-  return `${value ?? ""}`.trim();
-}
-function isContactBound(value) {
-  return !UNBOUND_CONTACT_VALUES.has(normalizeContactValue(value).toLowerCase());
-}
-function sanitizeContactValue(value) {
-  return isContactBound(value) ? normalizeContactValue(value) : "";
-}
-function formatContactDisplay(value, fallback = "未绑定") {
-  return sanitizeContactValue(value) || fallback;
+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 _hoisted_1 = { class: "user-detail-container" };
-const _hoisted_2 = {
-  key: 1,
-  class: "detail-content"
-};
-const _hoisted_3 = { class: "user-avatar" };
-const _hoisted_4 = { class: "user-info" };
-const _hoisted_5 = { key: 2 };
-const _hoisted_6 = {
-  key: 0,
-  class: "roles-container"
-};
-const _hoisted_7 = { key: 1 };
-const _sfc_main = /* @__PURE__ */ defineComponent({
-  __name: "UserDetail",
-  props: {
-    modelValue: { type: Boolean },
-    userId: {}
-  },
-  emits: ["update:modelValue"],
-  setup(__props, { emit: __emit }) {
-    const props = __props;
-    const emit = __emit;
-    const visible = ref(false);
-    const loading = ref(false);
-    const userData = ref(null);
-    watch(
-      () => props.modelValue,
-      (val) => {
-        visible.value = val;
-        if (val && props.userId) {
-          loadUserDetail();
-        }
-      }
-    );
-    watch(visible, (val) => {
-      emit("update:modelValue", val);
-    });
-    const loadUserDetail = async () => {
-      if (!props.userId) return;
-      loading.value = true;
-      try {
-        const res = await getUser(props.userId);
-        if (res.code === 200) {
-          userData.value = res.data.user;
-        }
-      } catch (error) {
-        console.error("加载用户详情失败:", error);
-      } finally {
-        loading.value = false;
-      }
-    };
-    const handleClose = () => {
-      userData.value = null;
-    };
-    return (_ctx, _cache) => {
-      const _component_el_empty = resolveComponent("el-empty");
-      const _component_el_icon = resolveComponent("el-icon");
-      const _component_el_avatar = resolveComponent("el-avatar");
-      const _component_el_descriptions_item = resolveComponent("el-descriptions-item");
-      const _component_el_tag = resolveComponent("el-tag");
-      const _component_el_descriptions = resolveComponent("el-descriptions");
-      const _component_el_dialog = resolveComponent("el-dialog");
-      const _directive_loading = resolveDirective("loading");
-      return openBlock(), createBlock(_component_el_dialog, {
-        modelValue: visible.value,
-        "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => visible.value = $event),
-        title: "用户详情",
-        width: "600px",
-        onClose: handleClose
-      }, {
-        default: withCtx(() => [
-          withDirectives((openBlock(), createElementBlock("div", _hoisted_1, [
-            !userData.value ? (openBlock(), createBlock(_component_el_empty, {
-              key: 0,
-              description: "用户不存在"
-            })) : (openBlock(), createElementBlock("div", _hoisted_2, [
-              createElementVNode("div", _hoisted_3, [
-                createVNode(_component_el_avatar, {
-                  size: 80,
-                  src: userData.value.avatar
-                }, {
-                  default: withCtx(() => [
-                    createVNode(_component_el_icon, { size: 40 }, {
-                      default: withCtx(() => [
-                        createVNode(unref(User))
-                      ]),
-                      _: 1
-                    })
-                  ]),
-                  _: 1
-                }, 8, ["src"])
-              ]),
-              createElementVNode("div", _hoisted_4, [
-                createVNode(_component_el_descriptions, {
-                  column: 1,
-                  border: ""
-                }, {
-                  default: withCtx(() => [
-                    createVNode(_component_el_descriptions_item, { label: "用户ID" }, {
-                      default: withCtx(() => [
-                        createTextVNode(toDisplayString(userData.value.userId), 1)
-                      ]),
-                      _: 1
-                    }),
-                    createVNode(_component_el_descriptions_item, { label: "用户名" }, {
-                      default: withCtx(() => [
-                        createTextVNode(toDisplayString(userData.value.userName || "-"), 1)
-                      ]),
-                      _: 1
-                    }),
-                    createVNode(_component_el_descriptions_item, { label: "昵称" }, {
-                      default: withCtx(() => [
-                        createTextVNode(toDisplayString(userData.value.nickName || "-"), 1)
-                      ]),
-                      _: 1
-                    }),
-                    createVNode(_component_el_descriptions_item, { label: "邮箱" }, {
-                      default: withCtx(() => [
-                        createTextVNode(toDisplayString(unref(formatContactDisplay)(userData.value.email)), 1)
-                      ]),
-                      _: 1
-                    }),
-                    createVNode(_component_el_descriptions_item, { label: "手机号" }, {
-                      default: withCtx(() => [
-                        createTextVNode(toDisplayString(unref(formatContactDisplay)(userData.value.phonenumber)), 1)
-                      ]),
-                      _: 1
-                    }),
-                    createVNode(_component_el_descriptions_item, { label: "性别" }, {
-                      default: withCtx(() => [
-                        userData.value.sex === "0" ? (openBlock(), createBlock(_component_el_tag, {
-                          key: 0,
-                          size: "small",
-                          type: "info"
-                        }, {
-                          default: withCtx(() => _cache[1] || (_cache[1] = [
-                            createTextVNode("男")
-                          ])),
-                          _: 1
-                        })) : userData.value.sex === "1" ? (openBlock(), createBlock(_component_el_tag, {
-                          key: 1,
-                          size: "small",
-                          type: "warning"
-                        }, {
-                          default: withCtx(() => _cache[2] || (_cache[2] = [
-                            createTextVNode("女")
-                          ])),
-                          _: 1
-                        })) : (openBlock(), createElementBlock("span", _hoisted_5, "-"))
-                      ]),
-                      _: 1
-                    }),
-                    createVNode(_component_el_descriptions_item, { label: "部门" }, {
-                      default: withCtx(() => {
-                        var _a;
-                        return [
-                          createTextVNode(toDisplayString(((_a = userData.value.dept) == null ? void 0 : _a.deptName) || "-"), 1)
-                        ];
-                      }),
-                      _: 1
-                    }),
-                    createVNode(_component_el_descriptions_item, { label: "角色" }, {
-                      default: withCtx(() => [
-                        userData.value.roles && userData.value.roles.length > 0 ? (openBlock(), createElementBlock("div", _hoisted_6, [
-                          (openBlock(true), createElementBlock(Fragment, null, renderList(userData.value.roles, (role) => {
-                            return openBlock(), createBlock(_component_el_tag, {
-                              key: role.roleId,
-                              class: "mr-1",
-                              size: "small",
-                              type: "success"
-                            }, {
-                              default: withCtx(() => [
-                                createTextVNode(toDisplayString(role.roleName), 1)
-                              ]),
-                              _: 2
-                            }, 1024);
-                          }), 128))
-                        ])) : (openBlock(), createElementBlock("span", _hoisted_7, "-"))
-                      ]),
-                      _: 1
-                    }),
-                    createVNode(_component_el_descriptions_item, { label: "状态" }, {
-                      default: withCtx(() => [
-                        createVNode(_component_el_tag, {
-                          type: userData.value.status === "0" ? "success" : "danger",
-                          size: "small"
-                        }, {
-                          default: withCtx(() => [
-                            createTextVNode(toDisplayString(userData.value.status === "0" ? "正常" : "停用"), 1)
-                          ]),
-                          _: 1
-                        }, 8, ["type"])
-                      ]),
-                      _: 1
-                    }),
-                    createVNode(_component_el_descriptions_item, { label: "创建时间" }, {
-                      default: withCtx(() => [
-                        createTextVNode(toDisplayString(userData.value.createTime || "-"), 1)
-                      ]),
-                      _: 1
-                    }),
-                    createVNode(_component_el_descriptions_item, { label: "最后登录时间" }, {
-                      default: withCtx(() => [
-                        createTextVNode(toDisplayString(userData.value.loginDate || "-"), 1)
-                      ]),
-                      _: 1
-                    }),
-                    createVNode(_component_el_descriptions_item, { label: "最后登录IP" }, {
-                      default: withCtx(() => [
-                        createTextVNode(toDisplayString(userData.value.loginIp || "-"), 1)
-                      ]),
-                      _: 1
-                    }),
-                    createVNode(_component_el_descriptions_item, { label: "登录地点" }, {
-                      default: withCtx(() => [
-                        createTextVNode(toDisplayString(userData.value.loginLocation || "-"), 1)
-                      ]),
-                      _: 1
-                    })
-                  ]),
-                  _: 1
-                })
-              ])
-            ]))
-          ])), [
-            [_directive_loading, loading.value]
-          ])
-        ]),
-        _: 1
-      }, 8, ["modelValue"]);
-    };
-  }
-});
-const UserDetail = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-c0cb0304"]]);
+const ImageUpload = hostOnlyComponent("ImageUpload");
+const ModuleBusinessSettings = hostOnlyComponent("ModuleBusinessSettings");
+const ModuleWebsiteSettings = hostOnlyComponent("ModuleWebsiteSettings");
+const UserDetail = hostOnlyComponent("UserDetail");
 export {
   ImagePreview,
   ImageUpload,
   KCard,
+  KCustomTabs,
   KDictTag,
-  _sfc_main$9 as KPlainButton,
+  KIpSegmentInput,
+  KPagination,
+  _sfc_main$b as KPlainButton,
+  KRightToolbar,
   KSearchBar,
+  KSectionTitle,
+  KSegmented,
   KSelectedAlert,
+  KSpin,
   KTable,
   KTableHeader,
+  KTableSiderLayout,
   ModuleBusinessSettings,
   ModuleWebsiteSettings,
+  SettingForm,
   SettingTabs,
   UserDetail,
-  WUJIES_COMPONENT_NAMES
+  WUJIES_COMPONENT_NAMES,
+  WUJIES_HOST_ONLY_COMPONENT_NAMES
 };
 //# sourceMappingURL=index.js.map