jky-component-lib 0.0.56 → 0.0.61

package/dist/umd/index.js

@@ -1,3966 +0,0 @@
-(function(global, factory) {
-  typeof exports === "object" && typeof module !== "undefined" ? factory(exports, require("vue"), require("element-plus"), require("@codemirror/lang-css"), require("@codemirror/lang-html"), require("@codemirror/lang-javascript"), require("@codemirror/lang-json"), require("@codemirror/lang-markdown"), require("@codemirror/lang-vue"), require("@codemirror/state"), require("@codemirror/theme-one-dark"), require("@codemirror/view"), require("codemirror")) : typeof define === "function" && define.amd ? define(["exports", "vue", "element-plus", "@codemirror/lang-css", "@codemirror/lang-html", "@codemirror/lang-javascript", "@codemirror/lang-json", "@codemirror/lang-markdown", "@codemirror/lang-vue", "@codemirror/state", "@codemirror/theme-one-dark", "@codemirror/view", "codemirror"], factory) : (global = typeof globalThis !== "undefined" ? globalThis : global || self, factory(global.JkyComponentLib = {}, global.Vue, global.ElementPlus, global.langCss, global.langHtml, global.langJavascript, global.langJson, global.langMarkdown, global.langVue, global.state, global.themeOneDark, global.view, global.codemirror));
-})(this, (function(exports2, vue, ElementPlus, langCss, langHtml, langJavascript, langJson, langMarkdown, langVue, state, themeOneDark, view, codemirror) {
-  "use strict";var __defProp = Object.defineProperty;
-var __defProps = Object.defineProperties;
-var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
-var __getOwnPropSymbols = Object.getOwnPropertySymbols;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __propIsEnum = Object.prototype.propertyIsEnumerable;
-var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
-var __spreadValues = (a, b) => {
-  for (var prop in b || (b = {}))
-    if (__hasOwnProp.call(b, prop))
-      __defNormalProp(a, prop, b[prop]);
-  if (__getOwnPropSymbols)
-    for (var prop of __getOwnPropSymbols(b)) {
-      if (__propIsEnum.call(b, prop))
-        __defNormalProp(a, prop, b[prop]);
-    }
-  return a;
-};
-var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
-var __objRest = (source, exclude) => {
-  var target = {};
-  for (var prop in source)
-    if (__hasOwnProp.call(source, prop) && exclude.indexOf(prop) < 0)
-      target[prop] = source[prop];
-  if (source != null && __getOwnPropSymbols)
-    for (var prop of __getOwnPropSymbols(source)) {
-      if (exclude.indexOf(prop) < 0 && __propIsEnum.call(source, prop))
-        target[prop] = source[prop];
-    }
-  return target;
-};
-var __async = (__this, __arguments, generator) => {
-  return new Promise((resolve, reject) => {
-    var fulfilled = (value) => {
-      try {
-        step(generator.next(value));
-      } catch (e) {
-        reject(e);
-      }
-    };
-    var rejected = (value) => {
-      try {
-        step(generator.throw(value));
-      } catch (e) {
-        reject(e);
-      }
-    };
-    var step = (x) => x.done ? resolve(x.value) : Promise.resolve(x.value).then(fulfilled, rejected);
-    step((generator = generator.apply(__this, __arguments)).next());
-  });
-};
-
-  var __vite_style__ = document.createElement("style");
-  __vite_style__.textContent = `
-/* 禁止使用 @apply，所有 TailwindCSS 工具类直接写在 class 中 */
-/* 样式文件仅用于定义组件特定的自定义纯 CSS 样式 */
-/* Button 组件样式 - 使用 CSS 变量实现主题化 */
-/* 1. 定义 CSS 变量 */
-:root {
-  /* 颜色变量 */
-  --jky-button-primary-bg: #007bff;
-  --jky-button-primary-text: #ffffff;
-  --jky-button-primary-hover-bg: #0056b3;
-  
-  --jky-button-success-bg: #28a745;
-  --jky-button-success-text: #ffffff;
-  --jky-button-success-hover-bg: #1e7e34;
-  
-  --jky-button-warning-bg: #ffc107;
-  --jky-button-warning-text: #ffffff;
-  --jky-button-warning-hover-bg: #e0a800;
-  
-  --jky-button-danger-bg: #dc3545;
-  --jky-button-danger-text: #ffffff;
-  --jky-button-danger-hover-bg: #c82333;
-  
-  --jky-button-info-bg: #6c757d;
-  --jky-button-info-text: #ffffff;
-  --jky-button-info-hover-bg: #5a6268;
-  
-  /* 默认样式 */
-  --jky-button-default-bg: #ffffff;
-  --jky-button-default-text: #606266;
-  --jky-button-default-border: #dcdfe6;
-  --jky-button-default-hover-bg: #f5f7fa;
-  
-  /* 尺寸变量 */
-  --jky-button-font-size: 14px;
-  --jky-button-font-size-small: 12px;
-  --jky-button-font-size-large: 16px;
-  
-  --jky-button-padding: 0 16px;
-  --jky-button-padding-small: 0 12px;
-  --jky-button-padding-large: 0 20px;
-  
-  --jky-button-height: 40px;
-  --jky-button-height-small: 32px;
-  --jky-button-height-large: 48px;
-  
-  /* 圆角 */
-  --jky-button-border-radius: 0.375rem;
-  
-  /* 状态变量 */
-  --jky-button-disabled-opacity: 0.5;
-  --jky-button-disabled-bg: #f5f7fa;
-  --jky-button-disabled-text: #c0c4cc;
-  --jky-button-loading-opacity: 0.7;
-  
-  /* 图标 */
-  --jky-button-icon-size: 1.25rem;
-  --jky-button-icon-margin: 0.5rem;
-}
-/* 2. 基础样式 */
-.jky-button {
-  display: inline-flex;
-  align-items: center;
-  justify-content: center;
-  height: var(--jky-button-height);
-  padding: var(--jky-button-padding);
-  font-size: var(--jky-button-font-size);
-  font-weight: 500;
-  border-radius: var(--jky-button-border-radius);
-  background-color: var(--jky-button-default-bg);
-  color: var(--jky-button-default-text);
-  border: 1px solid var(--jky-button-default-border);
-  transition: color 200ms, background-color 200ms;
-  cursor: pointer;
-}
-/* 3. 类型变体 */
-.jky-button--primary {
-  background-color: var(--jky-button-primary-bg);
-  color: var(--jky-button-primary-text);
-  border: none;
-}
-.jky-button--primary:hover {
-  background-color: var(--jky-button-primary-hover-bg);
-}
-.jky-button--success {
-  background-color: var(--jky-button-success-bg);
-  color: var(--jky-button-success-text);
-  border: none;
-}
-.jky-button--success:hover {
-  background-color: var(--jky-button-success-hover-bg);
-}
-.jky-button--warning {
-  background-color: var(--jky-button-warning-bg);
-  color: var(--jky-button-warning-text);
-  border: none;
-}
-.jky-button--warning:hover {
-  background-color: var(--jky-button-warning-hover-bg);
-}
-.jky-button--danger {
-  background-color: var(--jky-button-danger-bg);
-  color: var(--jky-button-danger-text);
-  border: none;
-}
-.jky-button--danger:hover {
-  background-color: var(--jky-button-danger-hover-bg);
-}
-.jky-button--info {
-  background-color: var(--jky-button-info-bg);
-  color: var(--jky-button-info-text);
-  border: none;
-}
-.jky-button--info:hover {
-  background-color: var(--jky-button-info-hover-bg);
-}
-/* 4. 尺寸变体 */
-.jky-button--small {
-  height: var(--jky-button-height-small);
-  font-size: var(--jky-button-font-size-small);
-  padding: var(--jky-button-padding-small);
-}
-.jky-button--large {
-  height: var(--jky-button-height-large);
-  font-size: var(--jky-button-font-size-large);
-  padding: var(--jky-button-padding-large);
-}
-/* 5. 状态样式 */
-.jky-button.is-disabled {
-  opacity: var(--jky-button-disabled-opacity);
-  pointer-events: none;
-  cursor: not-allowed;
-  background-color: var(--jky-button-disabled-bg);
-  color: var(--jky-button-disabled-text);
-}
-.jky-button.is-loading {
-  position: relative;
-  opacity: var(--jky-button-loading-opacity);
-  pointer-events: none;
-}
-.jky-button__loading {
-  position: absolute;
-  inset: 0;
-  display: flex;
-  align-items: center;
-  justify-content: center;
-}
-/* 6. 图标样式 */
-.jky-button__icon {
-  display: inline-flex;
-  align-items: center;
-  justify-content: center;
-  font-size: 1em;
-  margin-right: var(--jky-button-icon-margin);
-}
-.jky-button__icon:only-child {
-  margin-right: 0;
-}
-.jky-button--suffix .jky-button__icon {
-  margin-right: 0;
-  margin-left: var(--jky-button-icon-margin);
-}
-/* 7. 焦点样式 */
-.jky-button:focus-visible {
-  outline: 2px solid transparent;
-  outline-offset: 2px;
-  box-shadow: 0 0 0 2px white, 0 0 0 4px #000;
-}
-/* 8. 加载动画 */
-.loading-spinner {
-  width: var(--jky-button-icon-size);
-  height: var(--jky-button-icon-size);
-  animation: spin 1s linear infinite;
-}
-@keyframes spin {
-from {
-    transform: rotate(0deg);
-}
-to {
-    transform: rotate(360deg);
-}
-}
-/* ButtonNav 组件样式 */
-:root {
-  /* 选中状态的颜色变量 */
-  --jky-button-nav-active-bg: var(--el-color-primary);
-  --jky-button-nav-active-text: #ffffff;
-  --jky-button-nav-inactive-bg: var(--el-fill-color-light);
-  --jky-button-nav-inactive-text: var(--el-text-color-regular);
-  
-  /* Dropdown 间距 */
-  --el-dropdown-menu-margin-left: 12px;
-}
-.jky-button-nav {
-  /* 使用纯 CSS 定义容器样式 */
-  display: flex;
-  flex-wrap: wrap;
-  align-items: center;
-.el-dropdown {
-    margin-left: var(--el-dropdown-menu-margin-left);
-}
-}
-
-/* 按钮选中状态 - 通过 CSS 变量控制 */
-.jky-button-nav-item {
-  /* 默认状态（未选中） */
-  background-color: var(--jky-button-nav-inactive-bg);
-  color: var(--jky-button-nav-inactive-text);
-  
-  /* 选中状态 */
-&[aria-pressed="true"],
-  &.is-active {
-    background-color: var(--jky-button-nav-active-bg);
-    color: var(--jky-button-nav-active-text);
-}
-}
-
-/* Dropdown 菜单保持 Element Plus 原始样式 */
-.jky-button-nav-dropdown {
-  /* 不覆盖任何样式，保持 el-dropdown-menu 默认样式 */
-}
-:root {
-  /* CodeMirror 编辑器基础样式变量 */
-  --j-code-mirror-border-color: #dcdfe6;
-  --j-code-mirror-border-radius: 4px;
-  --j-code-mirror-height: 400px;
-}
-.j-code-mirror-editor {
-  width: 100%;
-  height: var(--j-code-mirror-height);
-  /* border: 1px solid var(--j-code-mirror-border-color); */
-  border-radius: var(--j-code-mirror-border-radius);
-  overflow: hidden;
-}
-.code-mirror-container {
-  height: 100%;
-  width: 100%;
-  overflow: auto;
-}
-
-/* CodeMirror 基础样式覆盖 */
-.code-mirror-container .cm-editor {
-  height: 100%;
-}
-.code-mirror-container .cm-scroller {
-  overflow: auto;
-  font-family: 'Consolas', 'Monaco', 'Courier New', monospace;
-  font-size: 14px;
-  line-height: 1.5;
-}
-.code-mirror-container .cm-gutters {
-  background-color: #2c2d2d;
-  border-color: #4c4d4f;
-  color: #909399;
-}
-
-/* 暗黑模式支持 */
-html.dark .j-code-mirror-editor {
-  /* border-color: #4c4d4f; */
-}
-html.dark .code-mirror-container .cm-gutters {
-  /* background-color: #2c2d2d;
-  border-color: #4c4d4f;
-  color: #909399; */
-}
-:root {
-  /* 表单组件间距 */
-  /* --jky-form-item-gap: 12px; */
-  --jky-form-item-border-width: 4px;
-  --jky-form-item-border-color: var(--el-color-primary);
-  --jky-form-item-bg-color: rgba(var(--el-color-primary-rgb), 0.5);
-}
-
-
-/* Form 组件样式 */
-.jky-form {
-  /* 表单容器样式 */
-}
-.jky-form__title {
-  /* 表单标题样式 */
-}
-
-
-/* FormItem 组件样式 */
-.jky-form-item {
-  /* 表单项容器样式 */
-}
-.jky-form-item--no-label {
-  /* 表单项标题样式（无 label 时） */
-  /* border-left: var(--jky-form-item-border-width) solid var(--jky-form-item-border-color); */
-  /* background-color: var(--jky-form-item-bg-color); */
-  /* padding-left: var(--jky-form-item-border-width); */
-}
-.jky-form-item__title {
-  /* 表单项标题样式（无 label 时） */
-}
-.jky-form-item__title--no-label {
-}
-:root {
-  /* 表单组件间距 */
-  /* --jky-form-item-gap: 12px; */
-  --jky-form-item-border-width: 4px;
-  --jky-form-item-border-color: var(--el-color-primary);
-  --jky-form-item-bg-color: rgba(var(--el-color-primary-rgb), 0.5);
-}
-
-
-/* Form 组件样式 */
-.jky-form {
-  /* 表单容器样式 */
-}
-.jky-form__title {
-  /* 表单标题样式 */
-}
-
-
-/* FormItem 组件样式 */
-.jky-form-item {
-  /* 表单项容器样式 */
-}
-.jky-form-item--no-label {
-  /* 表单项标题样式（无 label 时） */
-  /* border-left: var(--jky-form-item-border-width) solid var(--jky-form-item-border-color); */
-  /* background-color: var(--jky-form-item-bg-color); */
-  /* padding-left: var(--jky-form-item-border-width); */
-}
-.jky-form-item__title {
-  /* 表单项标题样式（无 label 时） */
-}
-.jky-form-item__title--no-label {
-}
-/* Menu 组件样式 - 使用 CSS 变量实现主题化 */
-
-/* 1. 定义 CSS 变量 */
-:root {
-  /* 颜色变量 */
-  --jky-menu-bg-color: #ffffff;
-  --jky-menu-text-color: #303133;
-  --jky-menu-active-color: #409eff;
-  --jky-menu-hover-bg-color: #f5f7fa;
-  --jky-menu-hover-text-color: #606266;
-  
-  /* 尺寸变量 */
-  --jky-menu-item-height: 56px;
-  --jky-menu-item-padding: 0 20px;
-  --jky-menu-item-font-size: 14px;
-  
-  /* 图标 */
-  --jky-menu-icon-size: 18px;
-  --jky-menu-icon-margin: 8px;
-  
-  /* 边框 */
-  --jky-menu-border-color: #e4e7ed;
-  
-  /* 状态变量 */
-  --jky-menu-disabled-opacity: 0.5;
-  --jky-menu-disabled-text-color: #c0c4cc;
-}
-
-/* 2. 基础样式 */
-.jky-menu {
-.el-sub-menu.is-active {
-}
-.el-sub-menu__title {
-}
-}
-
-/* 3. 菜单项容器样式 - 确保统一高度 */
-.jky-menu {
-li + li {
-    margin-top: 0;
-}
-}
-
-/* 4. 菜单项图标样式 */
-.jky-menu-item__icon {
-  display: inline-flex;
-  align-items: center;
-  justify-content: center;
-  width: var(--jky-menu-icon-size);
-  height: var(--jky-menu-icon-size);
-  margin-right: var(--jky-menu-icon-margin);
-  font-size: var(--jky-menu-icon-size);
-  flex-shrink: 0;
-}
-
-/* 5. 菜单项标题样式 */
-.jky-menu-item__title {
-}
-
-/* 6. 禁用状态 */
-.jky-menu-item.is-disabled {
-  /* 禁用状态下的样式 */
-}
-/* PageHeader 组件样式变量 */
-:root {
-  /* 背景 */
-  --jky-page-header-bg-color: #1890ff;
-  --jky-page-header-bg-size: cover;
-  --jky-page-header-bg-position: center;
-  --jky-page-header-box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
-  
-  /* 布局 */
-  --jky-page-header-padding-x: 24px;
-  --jky-page-header-padding-x-mobile: 16px;
-  --jky-page-header-gap: 16px;
-  --jky-page-header-gap-mobile: 12px;
-  --jky-page-header-gap-left: 12px;
-  --jky-page-header-gap-status: 12px;
-  --jky-page-header-gap-center: 24px;
-  --jky-page-header-gap-center-mobile: 12px;
-  
-  /* 文字 */
-  --jky-page-header-title-color: #ffffff;
-  --jky-page-header-title-size: 20px;
-  --jky-page-header-title-size-mobile: 16px;
-  --jky-page-header-title-weight: 600;
-  --jky-page-header-text-color: rgba(255, 255, 255, 0.85);
-  --jky-page-header-text-size: 16px;
-  
-  /* 图标 */
-  --jky-page-header-icon-color: #ffffff;
-  --jky-page-header-icon-size: 20px;
-  --jky-page-header-icon-hover-opacity: 0.8;
-  
-  /* Logo */
-  --jky-page-header-logo-height: 40px;
-  
-  /* 用户头像 */
-  --jky-page-header-avatar-size: 32px;
-}
-.jky-page-header {
-  width: 100%;
-  background-color: var(--jky-page-header-bg-color);
-  background-size: var(--jky-page-header-bg-size);
-  background-position: var(--jky-page-header-bg-position);
-  box-shadow: var(--jky-page-header-box-shadow);
-}
-.jky-page-header__container {
-  display: flex;
-  align-items: center;
-  justify-content: space-between;
-  height: 100%;
-  padding: 0 var(--jky-page-header-padding-x);
-  margin: 0 auto;
-  max-width: 100%;
-}
-/* 左侧区域 */
-.jky-page-header__left {
-  display: flex;
-  align-items: center;
-  gap: var(--jky-page-header-gap-left);
-  flex-shrink: 0;
-}
-.jky-page-header__logo {
-  height: var(--jky-page-header-logo-height);
-  width: auto;
-  object-fit: contain;
-}
-.jky-page-header__title {
-  font-size: var(--jky-page-header-title-size);
-  font-weight: var(--jky-page-header-title-weight);
-  color: var(--jky-page-header-title-color);
-  white-space: nowrap;
-}
-/* 中间区域 */
-.jky-page-header__center {
-  flex: 1;
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  min-width: 0;
-  margin: 0 var(--jky-page-header-gap-center);
-}
-/* 右侧区域 */
-.jky-page-header__right {
-  display: flex;
-  align-items: center;
-  gap: var(--jky-page-header-gap);
-  flex-shrink: 0;
-}
-.jky-page-header__status-icons {
-  display: flex;
-  align-items: center;
-  gap: var(--jky-page-header-gap-status);
-}
-.jky-page-header__status-icon {
-  color: var(--jky-page-header-icon-color);
-  cursor: pointer;
-  transition: opacity 0.2s;
-&:hover {
-    opacity: var(--jky-page-header-icon-hover-opacity);
-}
-}
-.jky-page-header__time {
-  color: var(--jky-page-header-text-color);
-  font-size: var(--jky-page-header-text-size);
-  white-space: nowrap;
-}
-.jky-page-header__user {
-  display: flex;
-  align-items: center;
-  gap: 8px;
-  cursor: pointer;
-  color: var(--jky-page-header-text-color);
-}
-.jky-page-header__avatar {
-  color: var(--jky-page-header-icon-color);
-img {
-    width: 100%;
-    height: 100%;
-    object-fit: cover;
-}
-}
-.jky-page-header__username {
-  font-size: var(--jky-page-header-text-size);
-  color: var(--jky-page-header-text-color);
-  white-space: nowrap;
-}
-.jky-page-header__logout {
-  font-size: var(--jky-page-header-text-size);
-  color: var(--jky-page-header-text-color);
-}
-/* 响应式设计 */
-@media (max-width: 768px) {
-.jky-page-header__container {
-    padding: 0 var(--jky-page-header-padding-x-mobile);
-}
-.jky-page-header__title {
-    font-size: var(--jky-page-header-title-size-mobile);
-}
-.jky-page-header__center {
-    margin: 0 var(--jky-page-header-gap-center-mobile);
-}
-.jky-page-header__right {
-    gap: var(--jky-page-header-gap-mobile);
-}
-}
-/* SayHello 组件样式 - 使用 CSS 变量实现主题化 */
-
-/* 1. 定义 CSS 变量 */
-:root {
-  /* 颜色变量 */
-  --jky-say-hello-bg: #42b883;
-  --jky-say-hello-text: #ffffff;
-  --jky-say-hello-hover-bg: #3aa876;
-  
-  /* 尺寸变量 */
-  --jky-say-hello-font-size: 16px;
-  --jky-say-hello-padding: 8px 20px;
-  --jky-say-hello-margin: 4px 2px;
-  
-  /* 圆角 */
-  --jky-say-hello-border-radius: 6px;
-}
-
-/* 2. 基础样式 */
-.jky-say-hello {
-  display: inline-block;
-  padding: var(--jky-say-hello-padding);
-  margin: var(--jky-say-hello-margin);
-  font-size: var(--jky-say-hello-font-size);
-  background-color: var(--jky-say-hello-bg);
-  color: var(--jky-say-hello-text);
-  text-align: center;
-  text-decoration: none;
-  border-radius: var(--jky-say-hello-border-radius);
-  cursor: pointer;
-  transition: background-color 200ms ease;
-}
-
-/* 3. 悬停状态 */
-.jky-say-hello:hover {
-  background-color: var(--jky-say-hello-hover-bg);
-}
-/*! tailwindcss v4.2.2 | MIT License | https://tailwindcss.com */
-@layer properties {
-  @supports (((-webkit-hyphens: none)) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color: rgb(from red r g b)))) {
-    *, :before, :after, ::backdrop {
-      --tw-translate-x: 0;
-      --tw-translate-y: 0;
-      --tw-translate-z: 0;
-      --tw-rotate-x: initial;
-      --tw-rotate-y: initial;
-      --tw-rotate-z: initial;
-      --tw-skew-x: initial;
-      --tw-skew-y: initial;
-      --tw-space-y-reverse: 0;
-      --tw-border-style: solid;
-      --tw-font-weight: initial;
-      --tw-outline-style: solid;
-      --tw-blur: initial;
-      --tw-brightness: initial;
-      --tw-contrast: initial;
-      --tw-grayscale: initial;
-      --tw-hue-rotate: initial;
-      --tw-invert: initial;
-      --tw-opacity: initial;
-      --tw-saturate: initial;
-      --tw-sepia: initial;
-      --tw-drop-shadow: initial;
-      --tw-drop-shadow-color: initial;
-      --tw-drop-shadow-alpha: 100%;
-      --tw-drop-shadow-size: initial;
-      --tw-shadow: 0 0 #0000;
-      --tw-shadow-color: initial;
-      --tw-shadow-alpha: 100%;
-      --tw-inset-shadow: 0 0 #0000;
-      --tw-inset-shadow-color: initial;
-      --tw-inset-shadow-alpha: 100%;
-      --tw-ring-color: initial;
-      --tw-ring-shadow: 0 0 #0000;
-      --tw-inset-ring-color: initial;
-      --tw-inset-ring-shadow: 0 0 #0000;
-      --tw-ring-inset: initial;
-      --tw-ring-offset-width: 0px;
-      --tw-ring-offset-color: #fff;
-      --tw-ring-offset-shadow: 0 0 #0000;
-    }
-  }
-}
-
-@layer theme {
-  :root, :host {
-    --font-sans: ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji",
-      "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
-    --font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono",
-      "Courier New", monospace;
-    --color-red-500: oklch(63.7% .237 25.331);
-    --color-yellow-50: oklch(98.7% .026 102.212);
-    --color-yellow-600: oklch(68.1% .162 75.834);
-    --color-yellow-800: oklch(47.6% .114 61.907);
-    --color-green-50: oklch(98.2% .018 155.826);
-    --color-green-500: oklch(72.3% .219 149.579);
-    --color-green-600: oklch(62.7% .194 149.214);
-    --color-green-800: oklch(44.8% .119 151.328);
-    --color-blue-50: oklch(97% .014 254.604);
-    --color-blue-500: oklch(62.3% .214 259.815);
-    --color-blue-600: oklch(54.6% .245 262.881);
-    --color-blue-800: oklch(42.4% .199 265.638);
-    --color-indigo-50: oklch(96.2% .018 272.314);
-    --color-indigo-600: oklch(51.1% .262 276.966);
-    --color-indigo-800: oklch(39.8% .195 277.366);
-    --color-purple-50: oklch(97.7% .014 308.299);
-    --color-purple-500: oklch(62.7% .265 303.9);
-    --color-purple-600: oklch(55.8% .288 302.321);
-    --color-purple-800: oklch(43.8% .218 303.724);
-    --color-gray-100: oklch(96.7% .003 264.542);
-    --color-gray-300: oklch(87.2% .01 258.338);
-    --color-gray-400: oklch(70.7% .022 261.325);
-    --color-gray-500: oklch(55.1% .027 264.364);
-    --color-gray-600: oklch(44.6% .03 256.802);
-    --color-white: #fff;
-    --spacing: .25rem;
-    --text-xs: .75rem;
-    --text-xs--line-height: calc(1 / .75);
-    --text-sm: .875rem;
-    --text-sm--line-height: calc(1.25 / .875);
-    --text-base: 1rem;
-    --text-base--line-height: calc(1.5 / 1);
-    --text-lg: 1.125rem;
-    --text-lg--line-height: calc(1.75 / 1.125);
-    --text-xl: 1.25rem;
-    --text-xl--line-height: calc(1.75 / 1.25);
-    --text-2xl: 1.5rem;
-    --text-2xl--line-height: calc(2 / 1.5);
-    --font-weight-medium: 500;
-    --font-weight-semibold: 600;
-    --font-weight-bold: 700;
-    --radius-md: .375rem;
-    --radius-lg: .5rem;
-    --default-transition-duration: .15s;
-    --default-transition-timing-function: cubic-bezier(.4, 0, .2, 1);
-    --default-font-family: var(--font-sans);
-    --default-mono-font-family: var(--font-mono);
-  }
-}
-
-@layer base {
-  *, :after, :before, ::backdrop {
-    box-sizing: border-box;
-    border: 0 solid;
-    margin: 0;
-    padding: 0;
-  }
-
-  ::file-selector-button {
-    box-sizing: border-box;
-    border: 0 solid;
-    margin: 0;
-    padding: 0;
-  }
-
-  html, :host {
-    -webkit-text-size-adjust: 100%;
-    tab-size: 4;
-    line-height: 1.5;
-    font-family: var(--default-font-family, ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");
-    font-feature-settings: var(--default-font-feature-settings, normal);
-    font-variation-settings: var(--default-font-variation-settings, normal);
-    -webkit-tap-highlight-color: transparent;
-  }
-
-  hr {
-    height: 0;
-    color: inherit;
-    border-top-width: 1px;
-  }
-
-  abbr:where([title]) {
-    -webkit-text-decoration: underline dotted;
-    text-decoration: underline dotted;
-  }
-
-  h1, h2, h3, h4, h5, h6 {
-    font-size: inherit;
-    font-weight: inherit;
-  }
-
-  a {
-    color: inherit;
-    -webkit-text-decoration: inherit;
-    -webkit-text-decoration: inherit;
-    -webkit-text-decoration: inherit;
-    text-decoration: inherit;
-  }
-
-  b, strong {
-    font-weight: bolder;
-  }
-
-  code, kbd, samp, pre {
-    font-family: var(--default-mono-font-family, ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);
-    font-feature-settings: var(--default-mono-font-feature-settings, normal);
-    font-variation-settings: var(--default-mono-font-variation-settings, normal);
-    font-size: 1em;
-  }
-
-  small {
-    font-size: 80%;
-  }
-
-  sub, sup {
-    vertical-align: baseline;
-    font-size: 75%;
-    line-height: 0;
-    position: relative;
-  }
-
-  sub {
-    bottom: -.25em;
-  }
-
-  sup {
-    top: -.5em;
-  }
-
-  table {
-    text-indent: 0;
-    border-color: inherit;
-    border-collapse: collapse;
-  }
-
-  :-moz-focusring {
-    outline: auto;
-  }
-
-  progress {
-    vertical-align: baseline;
-  }
-
-  summary {
-    display: list-item;
-  }
-
-  ol, ul, menu {
-    list-style: none;
-  }
-
-  img, svg, video, canvas, audio, iframe, embed, object {
-    vertical-align: middle;
-    display: block;
-  }
-
-  img, video {
-    max-width: 100%;
-    height: auto;
-  }
-
-  button, input, select, optgroup, textarea {
-    font: inherit;
-    font-feature-settings: inherit;
-    font-variation-settings: inherit;
-    letter-spacing: inherit;
-    color: inherit;
-    opacity: 1;
-    background-color: #0000;
-    border-radius: 0;
-  }
-
-  ::file-selector-button {
-    font: inherit;
-    font-feature-settings: inherit;
-    font-variation-settings: inherit;
-    letter-spacing: inherit;
-    color: inherit;
-    opacity: 1;
-    background-color: #0000;
-    border-radius: 0;
-  }
-
-  :where(select:is([multiple], [size])) optgroup {
-    font-weight: bolder;
-  }
-
-  :where(select:is([multiple], [size])) optgroup option {
-    padding-inline-start: 20px;
-  }
-
-  ::file-selector-button {
-    margin-inline-end: 4px;
-  }
-
-  ::placeholder {
-    opacity: 1;
-  }
-
-  @supports (not ((-webkit-appearance: -apple-pay-button))) or (contain-intrinsic-size: 1px) {
-    ::placeholder {
-      color: currentColor;
-    }
-
-    @supports (color: color-mix(in lab, red, red)) {
-      ::placeholder {
-        color: color-mix(in oklab, currentcolor 50%, transparent);
-      }
-    }
-  }
-
-  textarea {
-    resize: vertical;
-  }
-
-  ::-webkit-search-decoration {
-    -webkit-appearance: none;
-  }
-
-  ::-webkit-date-and-time-value {
-    min-height: 1lh;
-    text-align: inherit;
-  }
-
-  ::-webkit-datetime-edit {
-    display: inline-flex;
-  }
-
-  ::-webkit-datetime-edit-fields-wrapper {
-    padding: 0;
-  }
-
-  ::-webkit-datetime-edit {
-    padding-block: 0;
-  }
-
-  ::-webkit-datetime-edit-year-field {
-    padding-block: 0;
-  }
-
-  ::-webkit-datetime-edit-month-field {
-    padding-block: 0;
-  }
-
-  ::-webkit-datetime-edit-day-field {
-    padding-block: 0;
-  }
-
-  ::-webkit-datetime-edit-hour-field {
-    padding-block: 0;
-  }
-
-  ::-webkit-datetime-edit-minute-field {
-    padding-block: 0;
-  }
-
-  ::-webkit-datetime-edit-second-field {
-    padding-block: 0;
-  }
-
-  ::-webkit-datetime-edit-millisecond-field {
-    padding-block: 0;
-  }
-
-  ::-webkit-datetime-edit-meridiem-field {
-    padding-block: 0;
-  }
-
-  ::-webkit-calendar-picker-indicator {
-    line-height: 1;
-  }
-
-  :-moz-ui-invalid {
-    box-shadow: none;
-  }
-
-  button, input:where([type="button"], [type="reset"], [type="submit"]) {
-    appearance: button;
-  }
-
-  ::file-selector-button {
-    appearance: button;
-  }
-
-  ::-webkit-inner-spin-button {
-    height: auto;
-  }
-
-  ::-webkit-outer-spin-button {
-    height: auto;
-  }
-
-  [hidden]:where(:not([hidden="until-found"])) {
-    display: none !important;
-  }
-}
-
-@layer components;
-
-@layer utilities {
-  .collapse {
-    visibility: collapse;
-  }
-
-  .absolute {
-    position: absolute;
-  }
-
-  .fixed {
-    position: fixed;
-  }
-
-  .relative {
-    position: relative;
-  }
-
-  .static {
-    position: static;
-  }
-
-  .sticky {
-    position: sticky;
-  }
-
-  .start {
-    inset-inline-start: var(--spacing);
-  }
-
-  .end {
-    inset-inline-end: var(--spacing);
-  }
-
-  .top-0 {
-    top: calc(var(--spacing) * 0);
-  }
-
-  .top-1\\/2 {
-    top: 50%;
-  }
-
-  .top-2 {
-    top: calc(var(--spacing) * 2);
-  }
-
-  .right-3 {
-    right: calc(var(--spacing) * 3);
-  }
-
-  .left-0 {
-    left: calc(var(--spacing) * 0);
-  }
-
-  .z-999 {
-    z-index: 999;
-  }
-
-  .col-span-4 {
-    grid-column: span 4 / span 4;
-  }
-
-  .col-span-6 {
-    grid-column: span 6 / span 6;
-  }
-
-  .col-span-8 {
-    grid-column: span 8 / span 8;
-  }
-
-  .col-span-12 {
-    grid-column: span 12 / span 12;
-  }
-
-  .col-span-24 {
-    grid-column: span 24 / span 24;
-  }
-
-  .container {
-    width: 100%;
-  }
-
-  @media (min-width: 40rem) {
-    .container {
-      max-width: 40rem;
-    }
-  }
-
-  @media (min-width: 48rem) {
-    .container {
-      max-width: 48rem;
-    }
-  }
-
-  @media (min-width: 64rem) {
-    .container {
-      max-width: 64rem;
-    }
-  }
-
-  @media (min-width: 80rem) {
-    .container {
-      max-width: 80rem;
-    }
-  }
-
-  @media (min-width: 96rem) {
-    .container {
-      max-width: 96rem;
-    }
-  }
-
-  .mt-1 {
-    margin-top: calc(var(--spacing) * 1);
-  }
-
-  .mt-2 {
-    margin-top: calc(var(--spacing) * 2);
-  }
-
-  .mt-4 {
-    margin-top: calc(var(--spacing) * 4);
-  }
-
-  .mt-6 {
-    margin-top: calc(var(--spacing) * 6);
-  }
-
-  .mr-2 {
-    margin-right: calc(var(--spacing) * 2);
-  }
-
-  .mb-2 {
-    margin-bottom: calc(var(--spacing) * 2);
-  }
-
-  .mb-3 {
-    margin-bottom: calc(var(--spacing) * 3);
-  }
-
-  .mb-4 {
-    margin-bottom: calc(var(--spacing) * 4);
-  }
-
-  .ml-0\\! {
-    margin-left: calc(var(--spacing) * 0) !important;
-  }
-
-  .ml-1 {
-    margin-left: calc(var(--spacing) * 1);
-  }
-
-  .ml-2 {
-    margin-left: calc(var(--spacing) * 2);
-  }
-
-  .icon-\\[ant-design--menu-fold-outlined\\] {
-    width: 1em;
-    height: 1em;
-    -webkit-mask-image: var(--svg);
-    -webkit-mask-image: var(--svg);
-    -webkit-mask-image: var(--svg);
-    mask-image: var(--svg);
-    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1024 1024' width='1024' height='1024'%3E%3Cpath fill='black' d='M408 442h480c4.4 0 8-3.6 8-8v-56c0-4.4-3.6-8-8-8H408c-4.4 0-8 3.6-8 8v56c0 4.4 3.6 8 8 8m-8 204c0 4.4 3.6 8 8 8h480c4.4 0 8-3.6 8-8v-56c0-4.4-3.6-8-8-8H408c-4.4 0-8 3.6-8 8zm504-486H120c-4.4 0-8 3.6-8 8v56c0 4.4 3.6 8 8 8h784c4.4 0 8-3.6 8-8v-56c0-4.4-3.6-8-8-8m0 632H120c-4.4 0-8 3.6-8 8v56c0 4.4 3.6 8 8 8h784c4.4 0 8-3.6 8-8v-56c0-4.4-3.6-8-8-8M115.4 518.9L271.7 642c5.8 4.6 14.4.5 14.4-6.9V388.9c0-7.4-8.5-11.5-14.4-6.9L115.4 505.1a8.74 8.74 0 0 0 0 13.8'/%3E%3C/svg%3E");
-    background-color: currentColor;
-    display: inline-block;
-    -webkit-mask-size: 100% 100%;
-    mask-size: 100% 100%;
-    -webkit-mask-repeat: no-repeat;
-    mask-repeat: no-repeat;
-  }
-
-  .icon-\\[carbon--arrow-right\\] {
-    width: 1em;
-    height: 1em;
-    -webkit-mask-image: var(--svg);
-    -webkit-mask-image: var(--svg);
-    -webkit-mask-image: var(--svg);
-    mask-image: var(--svg);
-    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32' width='32' height='32'%3E%3Cpath fill='black' d='m18 6l-1.43 1.393L24.15 15H4v2h20.15l-7.58 7.573L18 26l10-10z'/%3E%3C/svg%3E");
-    background-color: currentColor;
-    display: inline-block;
-    -webkit-mask-size: 100% 100%;
-    mask-size: 100% 100%;
-    -webkit-mask-repeat: no-repeat;
-    mask-repeat: no-repeat;
-  }
-
-  .icon-\\[carbon--close\\] {
-    width: 1em;
-    height: 1em;
-    -webkit-mask-image: var(--svg);
-    -webkit-mask-image: var(--svg);
-    -webkit-mask-image: var(--svg);
-    mask-image: var(--svg);
-    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32' width='32' height='32'%3E%3Cpath fill='black' d='M17.414 16L24 9.414L22.586 8L16 14.586L9.414 8L8 9.414L14.586 16L8 22.586L9.414 24L16 17.414L22.586 24L24 22.586z'/%3E%3C/svg%3E");
-    background-color: currentColor;
-    display: inline-block;
-    -webkit-mask-size: 100% 100%;
-    mask-size: 100% 100%;
-    -webkit-mask-repeat: no-repeat;
-    mask-repeat: no-repeat;
-  }
-
-  .icon-\\[carbon--home\\] {
-    width: 1em;
-    height: 1em;
-    -webkit-mask-image: var(--svg);
-    -webkit-mask-image: var(--svg);
-    -webkit-mask-image: var(--svg);
-    mask-image: var(--svg);
-    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32' width='32' height='32'%3E%3Cpath fill='black' d='M16.612 2.214a1.01 1.01 0 0 0-1.242 0L1 13.419l1.243 1.572L4 13.621V26a2.004 2.004 0 0 0 2 2h20a2.004 2.004 0 0 0 2-2V13.63L29.757 15L31 13.428ZM18 26h-4v-8h4Zm2 0v-8a2 2 0 0 0-2-2h-4a2 2 0 0 0-2 2v8H6V12.062l10-7.79l10 7.8V26Z'/%3E%3C/svg%3E");
-    background-color: currentColor;
-    display: inline-block;
-    -webkit-mask-size: 100% 100%;
-    mask-size: 100% 100%;
-    -webkit-mask-repeat: no-repeat;
-    mask-repeat: no-repeat;
-  }
-
-  .icon-\\[carbon--search\\] {
-    width: 1em;
-    height: 1em;
-    -webkit-mask-image: var(--svg);
-    -webkit-mask-image: var(--svg);
-    -webkit-mask-image: var(--svg);
-    mask-image: var(--svg);
-    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32' width='32' height='32'%3E%3Cpath fill='black' d='m29 27.586l-7.552-7.552a11.018 11.018 0 1 0-1.414 1.414L27.586 29ZM4 13a9 9 0 1 1 9 9a9.01 9.01 0 0 1-9-9'/%3E%3C/svg%3E");
-    background-color: currentColor;
-    display: inline-block;
-    -webkit-mask-size: 100% 100%;
-    mask-size: 100% 100%;
-    -webkit-mask-repeat: no-repeat;
-    mask-repeat: no-repeat;
-  }
-
-  .icon-\\[carbon--star\\] {
-    width: 1em;
-    height: 1em;
-    -webkit-mask-image: var(--svg);
-    -webkit-mask-image: var(--svg);
-    -webkit-mask-image: var(--svg);
-    mask-image: var(--svg);
-    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32' width='32' height='32'%3E%3Cpath fill='black' d='m16 6.52l2.76 5.58l.46 1l1 .15l6.16.89l-4.38 4.3l-.75.73l.18 1l1.05 6.13l-5.51-2.89L16 23l-.93.49l-5.51 2.85l1-6.13l.18-1l-.74-.77l-4.42-4.35l6.16-.89l1-.15l.46-1zM16 2l-4.55 9.22l-10.17 1.47l7.36 7.18L6.9 30l9.1-4.78L25.1 30l-1.74-10.13l7.36-7.17l-10.17-1.48Z'/%3E%3C/svg%3E");
-    background-color: currentColor;
-    display: inline-block;
-    -webkit-mask-size: 100% 100%;
-    mask-size: 100% 100%;
-    -webkit-mask-repeat: no-repeat;
-    mask-repeat: no-repeat;
-  }
-
-  .icon-\\[heroicons--arrow-down\\] {
-    width: 1em;
-    height: 1em;
-    -webkit-mask-image: var(--svg);
-    -webkit-mask-image: var(--svg);
-    -webkit-mask-image: var(--svg);
-    mask-image: var(--svg);
-    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M19.5 13.5L12 21m0 0l-7.5-7.5M12 21V3'/%3E%3C/svg%3E");
-    background-color: currentColor;
-    display: inline-block;
-    -webkit-mask-size: 100% 100%;
-    mask-size: 100% 100%;
-    -webkit-mask-repeat: no-repeat;
-    mask-repeat: no-repeat;
-  }
-
-  .icon-\\[heroicons--arrow-right-on-rectangle\\] {
-    width: 1em;
-    height: 1em;
-    -webkit-mask-image: var(--svg);
-    -webkit-mask-image: var(--svg);
-    -webkit-mask-image: var(--svg);
-    mask-image: var(--svg);
-    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M15.75 9V5.25A2.25 2.25 0 0 0 13.5 3h-6a2.25 2.25 0 0 0-2.25 2.25v13.5A2.25 2.25 0 0 0 7.5 21h6a2.25 2.25 0 0 0 2.25-2.25V15m3 0l3-3m0 0l-3-3m3 3H9'/%3E%3C/svg%3E");
-    background-color: currentColor;
-    display: inline-block;
-    -webkit-mask-size: 100% 100%;
-    mask-size: 100% 100%;
-    -webkit-mask-repeat: no-repeat;
-    mask-repeat: no-repeat;
-  }
-
-  .icon-\\[heroicons--arrow-right\\] {
-    width: 1em;
-    height: 1em;
-    -webkit-mask-image: var(--svg);
-    -webkit-mask-image: var(--svg);
-    -webkit-mask-image: var(--svg);
-    mask-image: var(--svg);
-    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M13.5 4.5L21 12m0 0l-7.5 7.5M21 12H3'/%3E%3C/svg%3E");
-    background-color: currentColor;
-    display: inline-block;
-    -webkit-mask-size: 100% 100%;
-    mask-size: 100% 100%;
-    -webkit-mask-repeat: no-repeat;
-    mask-repeat: no-repeat;
-  }
-
-  .icon-\\[heroicons--arrow-top-right-on-square\\] {
-    width: 1em;
-    height: 1em;
-    -webkit-mask-image: var(--svg);
-    -webkit-mask-image: var(--svg);
-    -webkit-mask-image: var(--svg);
-    mask-image: var(--svg);
-    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M13.5 6H5.25A2.25 2.25 0 0 0 3 8.25v10.5A2.25 2.25 0 0 0 5.25 21h10.5A2.25 2.25 0 0 0 18 18.75V10.5m-10.5 6L21 3m0 0h-5.25M21 3v5.25'/%3E%3C/svg%3E");
-    background-color: currentColor;
-    display: inline-block;
-    -webkit-mask-size: 100% 100%;
-    mask-size: 100% 100%;
-    -webkit-mask-repeat: no-repeat;
-    mask-repeat: no-repeat;
-  }
-
-  .icon-\\[heroicons--bell\\] {
-    width: 1em;
-    height: 1em;
-    -webkit-mask-image: var(--svg);
-    -webkit-mask-image: var(--svg);
-    -webkit-mask-image: var(--svg);
-    mask-image: var(--svg);
-    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M14.857 17.082a24 24 0 0 0 5.454-1.31A8.97 8.97 0 0 1 18 9.75V9A6 6 0 0 0 6 9v.75a8.97 8.97 0 0 1-2.312 6.022c1.733.64 3.56 1.085 5.455 1.31m5.714 0a24.3 24.3 0 0 1-5.714 0m5.714 0a3 3 0 1 1-5.714 0'/%3E%3C/svg%3E");
-    background-color: currentColor;
-    display: inline-block;
-    -webkit-mask-size: 100% 100%;
-    mask-size: 100% 100%;
-    -webkit-mask-repeat: no-repeat;
-    mask-repeat: no-repeat;
-  }
-
-  .icon-\\[heroicons--chart-bar\\] {
-    width: 1em;
-    height: 1em;
-    -webkit-mask-image: var(--svg);
-    -webkit-mask-image: var(--svg);
-    -webkit-mask-image: var(--svg);
-    mask-image: var(--svg);
-    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M3 13.125C3 12.504 3.504 12 4.125 12h2.25c.621 0 1.125.504 1.125 1.125v6.75C7.5 20.496 6.996 21 6.375 21h-2.25A1.125 1.125 0 0 1 3 19.875zm6.75-4.5c0-.621.504-1.125 1.125-1.125h2.25c.621 0 1.125.504 1.125 1.125v11.25c0 .621-.504 1.125-1.125 1.125h-2.25a1.125 1.125 0 0 1-1.125-1.125zm6.75-4.5c0-.621.504-1.125 1.125-1.125h2.25C20.496 3 21 3.504 21 4.125v15.75c0 .621-.504 1.125-1.125 1.125h-2.25a1.125 1.125 0 0 1-1.125-1.125z'/%3E%3C/svg%3E");
-    background-color: currentColor;
-    display: inline-block;
-    -webkit-mask-size: 100% 100%;
-    mask-size: 100% 100%;
-    -webkit-mask-repeat: no-repeat;
-    mask-repeat: no-repeat;
-  }
-
-  .icon-\\[heroicons--check\\] {
-    width: 1em;
-    height: 1em;
-    -webkit-mask-image: var(--svg);
-    -webkit-mask-image: var(--svg);
-    -webkit-mask-image: var(--svg);
-    mask-image: var(--svg);
-    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='m4.5 12.75l6 6l9-13.5'/%3E%3C/svg%3E");
-    background-color: currentColor;
-    display: inline-block;
-    -webkit-mask-size: 100% 100%;
-    mask-size: 100% 100%;
-    -webkit-mask-repeat: no-repeat;
-    mask-repeat: no-repeat;
-  }
-
-  .icon-\\[heroicons--cog-6-tooth\\] {
-    width: 1em;
-    height: 1em;
-    -webkit-mask-image: var(--svg);
-    -webkit-mask-image: var(--svg);
-    -webkit-mask-image: var(--svg);
-    mask-image: var(--svg);
-    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cg fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5'%3E%3Cpath d='M9.594 3.94c.09-.542.56-.94 1.11-.94h2.593c.55 0 1.02.398 1.11.94l.213 1.281c.063.374.313.686.645.87q.11.06.22.127c.325.196.72.257 1.075.124l1.217-.456a1.125 1.125 0 0 1 1.37.49l1.296 2.247a1.125 1.125 0 0 1-.26 1.431l-1.003.827c-.293.241-.438.613-.43.992a8 8 0 0 1 0 .255c-.008.378.137.75.43.991l1.004.827c.424.35.534.955.26 1.43l-1.298 2.247a1.125 1.125 0 0 1-1.369.491l-1.217-.456c-.355-.133-.75-.072-1.076.124a7 7 0 0 1-.22.128c-.331.183-.581.495-.644.869l-.213 1.281c-.09.543-.56.94-1.11.94h-2.594c-.55 0-1.019-.398-1.11-.94l-.213-1.281c-.062-.374-.312-.686-.644-.87a7 7 0 0 1-.22-.127c-.325-.196-.72-.257-1.076-.124l-1.217.456a1.125 1.125 0 0 1-1.369-.49l-1.297-2.247a1.125 1.125 0 0 1 .26-1.431l1.004-.827c.292-.24.437-.613.43-.991a7 7 0 0 1 0-.255c.007-.38-.138-.751-.43-.992l-1.004-.827a1.125 1.125 0 0 1-.26-1.43l1.297-2.247a1.125 1.125 0 0 1 1.37-.491l1.216.456c.356.133.751.072 1.076-.124q.108-.066.22-.128c.332-.183.582-.495.644-.869z'/%3E%3Cpath d='M15 12a3 3 0 1 1-6 0a3 3 0 0 1 6 0'/%3E%3C/g%3E%3C/svg%3E");
-    background-color: currentColor;
-    display: inline-block;
-    -webkit-mask-size: 100% 100%;
-    mask-size: 100% 100%;
-    -webkit-mask-repeat: no-repeat;
-    mask-repeat: no-repeat;
-  }
-
-  .icon-\\[heroicons--cog\\] {
-    width: 1em;
-    height: 1em;
-    -webkit-mask-image: var(--svg);
-    -webkit-mask-image: var(--svg);
-    -webkit-mask-image: var(--svg);
-    mask-image: var(--svg);
-    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M4.5 12a7.5 7.5 0 0 0 15 0m-15 0a7.5 7.5 0 1 1 15 0m-15 0H3m16.5 0H21m-1.5 0H12m-8.457 3.077l1.41-.513m14.095-5.13l1.41-.513M5.106 17.785l1.15-.964m11.49-9.642l1.149-.964M7.501 19.795l.75-1.3m7.5-12.99l.75-1.3m-6.063 16.658l.26-1.477m2.605-14.772l.26-1.477m0 17.726l-.26-1.477M10.698 4.614l-.26-1.477M16.5 19.794l-.75-1.299M7.5 4.205L12 12m6.894 5.785l-1.149-.964M6.256 7.178l-1.15-.964m15.352 8.864l-1.41-.513M4.954 9.435l-1.41-.514M12.002 12l-3.75 6.495'/%3E%3C/svg%3E");
-    background-color: currentColor;
-    display: inline-block;
-    -webkit-mask-size: 100% 100%;
-    mask-size: 100% 100%;
-    -webkit-mask-repeat: no-repeat;
-    mask-repeat: no-repeat;
-  }
-
-  .icon-\\[heroicons--cube\\] {
-    width: 1em;
-    height: 1em;
-    -webkit-mask-image: var(--svg);
-    -webkit-mask-image: var(--svg);
-    -webkit-mask-image: var(--svg);
-    mask-image: var(--svg);
-    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='m21 7.5l-9-5.25L3 7.5m18 0l-9 5.25m9-5.25v9l-9 5.25M3 7.5l9 5.25M3 7.5v9l9 5.25m0-9v9'/%3E%3C/svg%3E");
-    background-color: currentColor;
-    display: inline-block;
-    -webkit-mask-size: 100% 100%;
-    mask-size: 100% 100%;
-    -webkit-mask-repeat: no-repeat;
-    mask-repeat: no-repeat;
-  }
-
-  .icon-\\[heroicons--document-text\\] {
-    width: 1em;
-    height: 1em;
-    -webkit-mask-image: var(--svg);
-    -webkit-mask-image: var(--svg);
-    -webkit-mask-image: var(--svg);
-    mask-image: var(--svg);
-    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M19.5 14.25v-2.625a3.375 3.375 0 0 0-3.375-3.375h-1.5A1.125 1.125 0 0 1 13.5 7.125v-1.5a3.375 3.375 0 0 0-3.375-3.375H8.25m0 12.75h7.5m-7.5 3H12M10.5 2.25H5.625c-.621 0-1.125.504-1.125 1.125v17.25c0 .621.504 1.125 1.125 1.125h12.75c.621 0 1.125-.504 1.125-1.125V11.25a9 9 0 0 0-9-9'/%3E%3C/svg%3E");
-    background-color: currentColor;
-    display: inline-block;
-    -webkit-mask-size: 100% 100%;
-    mask-size: 100% 100%;
-    -webkit-mask-repeat: no-repeat;
-    mask-repeat: no-repeat;
-  }
-
-  .icon-\\[heroicons--ellipsis-horizontal\\] {
-    width: 1em;
-    height: 1em;
-    -webkit-mask-image: var(--svg);
-    -webkit-mask-image: var(--svg);
-    -webkit-mask-image: var(--svg);
-    mask-image: var(--svg);
-    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M6.75 12a.75.75 0 1 1-1.5 0a.75.75 0 0 1 1.5 0m6 0a.75.75 0 1 1-1.5 0a.75.75 0 0 1 1.5 0m6 0a.75.75 0 1 1-1.5 0a.75.75 0 0 1 1.5 0'/%3E%3C/svg%3E");
-    background-color: currentColor;
-    display: inline-block;
-    -webkit-mask-size: 100% 100%;
-    mask-size: 100% 100%;
-    -webkit-mask-repeat: no-repeat;
-    mask-repeat: no-repeat;
-  }
-
-  .icon-\\[heroicons--exclamation-triangle\\] {
-    width: 1em;
-    height: 1em;
-    -webkit-mask-image: var(--svg);
-    -webkit-mask-image: var(--svg);
-    -webkit-mask-image: var(--svg);
-    mask-image: var(--svg);
-    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M12 9v3.75m-9.303 3.376c-.866 1.5.217 3.374 1.948 3.374h14.71c1.73 0 2.813-1.874 1.948-3.374L13.949 3.378c-.866-1.5-3.032-1.5-3.898 0zM12 15.75h.007v.008H12z'/%3E%3C/svg%3E");
-    background-color: currentColor;
-    display: inline-block;
-    -webkit-mask-size: 100% 100%;
-    mask-size: 100% 100%;
-    -webkit-mask-repeat: no-repeat;
-    mask-repeat: no-repeat;
-  }
-
-  .icon-\\[heroicons--home\\] {
-    width: 1em;
-    height: 1em;
-    -webkit-mask-image: var(--svg);
-    -webkit-mask-image: var(--svg);
-    -webkit-mask-image: var(--svg);
-    mask-image: var(--svg);
-    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='m2.25 12l8.955-8.955a1.124 1.124 0 0 1 1.59 0L21.75 12M4.5 9.75v10.125c0 .621.504 1.125 1.125 1.125H9.75v-4.875c0-.621.504-1.125 1.125-1.125h2.25c.621 0 1.125.504 1.125 1.125V21h4.125c.621 0 1.125-.504 1.125-1.125V9.75M8.25 21h8.25'/%3E%3C/svg%3E");
-    background-color: currentColor;
-    display: inline-block;
-    -webkit-mask-size: 100% 100%;
-    mask-size: 100% 100%;
-    -webkit-mask-repeat: no-repeat;
-    mask-repeat: no-repeat;
-  }
-
-  .icon-\\[heroicons--key\\] {
-    width: 1em;
-    height: 1em;
-    -webkit-mask-image: var(--svg);
-    -webkit-mask-image: var(--svg);
-    -webkit-mask-image: var(--svg);
-    mask-image: var(--svg);
-    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M15.75 5.25a3 3 0 0 1 3 3m3 0a6 6 0 0 1-7.029 5.912c-.563-.097-1.159.026-1.563.43L10.5 17.25H8.25v2.25H6v2.25H2.25v-2.818c0-.597.237-1.17.659-1.591l6.499-6.499c.404-.404.527-1 .43-1.563A6 6 0 1 1 21.75 8.25'/%3E%3C/svg%3E");
-    background-color: currentColor;
-    display: inline-block;
-    -webkit-mask-size: 100% 100%;
-    mask-size: 100% 100%;
-    -webkit-mask-repeat: no-repeat;
-    mask-repeat: no-repeat;
-  }
-
-  .icon-\\[heroicons--share\\] {
-    width: 1em;
-    height: 1em;
-    -webkit-mask-image: var(--svg);
-    -webkit-mask-image: var(--svg);
-    -webkit-mask-image: var(--svg);
-    mask-image: var(--svg);
-    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M7.217 10.907a2.25 2.25 0 1 0 0 2.186m0-2.186c.18.324.283.696.283 1.093s-.103.77-.283 1.093m0-2.186l9.566-5.314m-9.566 7.5l9.566 5.314m0 0a2.25 2.25 0 1 0 3.935 2.186a2.25 2.25 0 0 0-3.935-2.186m0-12.814a2.25 2.25 0 1 0 3.933-2.185a2.25 2.25 0 0 0-3.933 2.185'/%3E%3C/svg%3E");
-    background-color: currentColor;
-    display: inline-block;
-    -webkit-mask-size: 100% 100%;
-    mask-size: 100% 100%;
-    -webkit-mask-repeat: no-repeat;
-    mask-repeat: no-repeat;
-  }
-
-  .icon-\\[heroicons--shield-check\\] {
-    width: 1em;
-    height: 1em;
-    -webkit-mask-image: var(--svg);
-    -webkit-mask-image: var(--svg);
-    -webkit-mask-image: var(--svg);
-    mask-image: var(--svg);
-    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M9 12.75L11.25 15L15 9.75m-3-7.036A11.96 11.96 0 0 1 3.598 6A12 12 0 0 0 3 9.749c0 5.592 3.824 10.29 9 11.623c5.176-1.332 9-6.03 9-11.622c0-1.31-.21-2.571-.598-3.751h-.152c-3.196 0-6.1-1.248-8.25-3.285'/%3E%3C/svg%3E");
-    background-color: currentColor;
-    display: inline-block;
-    -webkit-mask-size: 100% 100%;
-    mask-size: 100% 100%;
-    -webkit-mask-repeat: no-repeat;
-    mask-repeat: no-repeat;
-  }
-
-  .icon-\\[heroicons--star\\] {
-    width: 1em;
-    height: 1em;
-    -webkit-mask-image: var(--svg);
-    -webkit-mask-image: var(--svg);
-    -webkit-mask-image: var(--svg);
-    mask-image: var(--svg);
-    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M11.48 3.499a.562.562 0 0 1 1.04 0l2.125 5.111a.56.56 0 0 0 .475.345l5.518.442c.499.04.701.663.321.988l-4.204 3.602a.56.56 0 0 0-.182.557l1.285 5.385a.562.562 0 0 1-.84.61l-4.725-2.885a.56.56 0 0 0-.586 0L6.982 20.54a.562.562 0 0 1-.84-.61l1.285-5.386a.56.56 0 0 0-.182-.557l-4.204-3.602a.562.562 0 0 1 .321-.988l5.518-.442a.56.56 0 0 0 .475-.345z'/%3E%3C/svg%3E");
-    background-color: currentColor;
-    display: inline-block;
-    -webkit-mask-size: 100% 100%;
-    mask-size: 100% 100%;
-    -webkit-mask-repeat: no-repeat;
-    mask-repeat: no-repeat;
-  }
-
-  .icon-\\[heroicons--trash\\] {
-    width: 1em;
-    height: 1em;
-    -webkit-mask-image: var(--svg);
-    -webkit-mask-image: var(--svg);
-    -webkit-mask-image: var(--svg);
-    mask-image: var(--svg);
-    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='m14.74 9l-.346 9m-4.788 0L9.26 9m9.968-3.21q.512.078 1.022.166m-1.022-.165L18.16 19.673a2.25 2.25 0 0 1-2.244 2.077H8.084a2.25 2.25 0 0 1-2.244-2.077L4.772 5.79m14.456 0a48 48 0 0 0-3.478-.397m-12 .562q.51-.088 1.022-.165m0 0a48 48 0 0 1 3.478-.397m7.5 0v-.916c0-1.18-.91-2.164-2.09-2.201a52 52 0 0 0-3.32 0c-1.18.037-2.09 1.022-2.09 2.201v.916m7.5 0a49 49 0 0 0-7.5 0'/%3E%3C/svg%3E");
-    background-color: currentColor;
-    display: inline-block;
-    -webkit-mask-size: 100% 100%;
-    mask-size: 100% 100%;
-    -webkit-mask-repeat: no-repeat;
-    mask-repeat: no-repeat;
-  }
-
-  .icon-\\[heroicons--user\\] {
-    width: 1em;
-    height: 1em;
-    -webkit-mask-image: var(--svg);
-    -webkit-mask-image: var(--svg);
-    -webkit-mask-image: var(--svg);
-    mask-image: var(--svg);
-    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M15.75 6a3.75 3.75 0 1 1-7.5 0a3.75 3.75 0 0 1 7.5 0M4.501 20.118a7.5 7.5 0 0 1 14.998 0A17.9 17.9 0 0 1 12 21.75c-2.676 0-5.216-.584-7.499-1.632'/%3E%3C/svg%3E");
-    background-color: currentColor;
-    display: inline-block;
-    -webkit-mask-size: 100% 100%;
-    mask-size: 100% 100%;
-    -webkit-mask-repeat: no-repeat;
-    mask-repeat: no-repeat;
-  }
-
-  .icon-\\[heroicons--users\\] {
-    width: 1em;
-    height: 1em;
-    -webkit-mask-image: var(--svg);
-    -webkit-mask-image: var(--svg);
-    -webkit-mask-image: var(--svg);
-    mask-image: var(--svg);
-    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M15 19.128a9.4 9.4 0 0 0 2.625.372a9.3 9.3 0 0 0 4.121-.952q.004-.086.004-.173a4.125 4.125 0 0 0-7.536-2.32M15 19.128v-.003c0-1.113-.285-2.16-.786-3.07M15 19.128v.106A12.3 12.3 0 0 1 8.624 21c-2.331 0-4.512-.645-6.374-1.766l-.001-.109a6.375 6.375 0 0 1 11.964-3.07M12 6.375a3.375 3.375 0 1 1-6.75 0a3.375 3.375 0 0 1 6.75 0m8.25 2.25a2.625 2.625 0 1 1-5.25 0a2.625 2.625 0 0 1 5.25 0'/%3E%3C/svg%3E");
-    background-color: currentColor;
-    display: inline-block;
-    -webkit-mask-size: 100% 100%;
-    mask-size: 100% 100%;
-    -webkit-mask-repeat: no-repeat;
-    mask-repeat: no-repeat;
-  }
-
-  .icon-\\[mdi--account\\] {
-    width: 1em;
-    height: 1em;
-    -webkit-mask-image: var(--svg);
-    -webkit-mask-image: var(--svg);
-    -webkit-mask-image: var(--svg);
-    mask-image: var(--svg);
-    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='black' d='M12 4a4 4 0 0 1 4 4a4 4 0 0 1-4 4a4 4 0 0 1-4-4a4 4 0 0 1 4-4m0 10c4.42 0 8 1.79 8 4v2H4v-2c0-2.21 3.58-4 8-4'/%3E%3C/svg%3E");
-    background-color: currentColor;
-    display: inline-block;
-    -webkit-mask-size: 100% 100%;
-    mask-size: 100% 100%;
-    -webkit-mask-repeat: no-repeat;
-    mask-repeat: no-repeat;
-  }
-
-  .icon-\\[mdi--format-list-bulleted\\] {
-    width: 1em;
-    height: 1em;
-    -webkit-mask-image: var(--svg);
-    -webkit-mask-image: var(--svg);
-    -webkit-mask-image: var(--svg);
-    mask-image: var(--svg);
-    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='black' d='M7 5h14v2H7zm0 8v-2h14v2zM4 4.5A1.5 1.5 0 0 1 5.5 6A1.5 1.5 0 0 1 4 7.5A1.5 1.5 0 0 1 2.5 6A1.5 1.5 0 0 1 4 4.5m0 6A1.5 1.5 0 0 1 5.5 12A1.5 1.5 0 0 1 4 13.5A1.5 1.5 0 0 1 2.5 12A1.5 1.5 0 0 1 4 10.5M7 19v-2h14v2zm-3-2.5A1.5 1.5 0 0 1 5.5 18A1.5 1.5 0 0 1 4 19.5A1.5 1.5 0 0 1 2.5 18A1.5 1.5 0 0 1 4 16.5'/%3E%3C/svg%3E");
-    background-color: currentColor;
-    display: inline-block;
-    -webkit-mask-size: 100% 100%;
-    mask-size: 100% 100%;
-    -webkit-mask-repeat: no-repeat;
-    mask-repeat: no-repeat;
-  }
-
-  .icon-\\[ri--logout-circle-line\\] {
-    width: 1em;
-    height: 1em;
-    -webkit-mask-image: var(--svg);
-    -webkit-mask-image: var(--svg);
-    -webkit-mask-image: var(--svg);
-    mask-image: var(--svg);
-    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='black' d='M5 11h8v2H5v3l-5-4l5-4zm-1 7h2.708a8 8 0 1 0 0-12H4a9.99 9.99 0 0 1 8-4c5.523 0 10 4.477 10 10s-4.477 10-10 10a9.99 9.99 0 0 1-8-4'/%3E%3C/svg%3E");
-    background-color: currentColor;
-    display: inline-block;
-    -webkit-mask-size: 100% 100%;
-    mask-size: 100% 100%;
-    -webkit-mask-repeat: no-repeat;
-    mask-repeat: no-repeat;
-  }
-
-  .contents {
-    display: contents;
-  }
-
-  .flex {
-    display: flex;
-  }
-
-  .grid {
-    display: grid;
-  }
-
-  .hidden {
-    display: none;
-  }
-
-  .inline {
-    display: inline;
-  }
-
-  .h-4 {
-    height: calc(var(--spacing) * 4);
-  }
-
-  .h-5 {
-    height: calc(var(--spacing) * 5);
-  }
-
-  .h-6 {
-    height: calc(var(--spacing) * 6);
-  }
-
-  .h-20 {
-    height: calc(var(--spacing) * 20);
-  }
-
-  .h-fit\\! {
-    height: fit-content !important;
-  }
-
-  .h-full {
-    height: 100%;
-  }
-
-  .w-4 {
-    width: calc(var(--spacing) * 4);
-  }
-
-  .w-5 {
-    width: calc(var(--spacing) * 5);
-  }
-
-  .w-6 {
-    width: calc(var(--spacing) * 6);
-  }
-
-  .w-20 {
-    width: calc(var(--spacing) * 20);
-  }
-
-  .w-100 {
-    width: calc(var(--spacing) * 100);
-  }
-
-  .w-fit {
-    width: fit-content;
-  }
-
-  .w-fit\\! {
-    width: fit-content !important;
-  }
-
-  .w-full {
-    width: 100%;
-  }
-
-  .w-full\\! {
-    width: 100% !important;
-  }
-
-  .flex-1 {
-    flex: 1;
-  }
-
-  .-translate-y-1\\/2 {
-    --tw-translate-y: calc(calc(1 / 2 * 100%) * -1);
-    translate: var(--tw-translate-x) var(--tw-translate-y);
-  }
-
-  .transform {
-    transform: var(--tw-rotate-x, ) var(--tw-rotate-y, ) var(--tw-rotate-z, ) var(--tw-skew-x, ) var(--tw-skew-y, );
-  }
-
-  .cursor-pointer {
-    cursor: pointer;
-  }
-
-  .list-inside {
-    list-style-position: inside;
-  }
-
-  .list-disc {
-    list-style-type: disc;
-  }
-
-  .grid-cols-3 {
-    grid-template-columns: repeat(3, minmax(0, 1fr));
-  }
-
-  .flex-col {
-    flex-direction: column;
-  }
-
-  .flex-wrap {
-    flex-wrap: wrap;
-  }
-
-  .items-center {
-    align-items: center;
-  }
-
-  .justify-around {
-    justify-content: space-around;
-  }
-
-  .justify-end {
-    justify-content: flex-end;
-  }
-
-  .gap-2 {
-    gap: calc(var(--spacing) * 2);
-  }
-
-  .gap-4 {
-    gap: calc(var(--spacing) * 4);
-  }
-
-  :where(.space-y-4 > :not(:last-child)) {
-    --tw-space-y-reverse: 0;
-    margin-block-start: calc(calc(var(--spacing) * 4) * var(--tw-space-y-reverse));
-    margin-block-end: calc(calc(var(--spacing) * 4) * calc(1 - var(--tw-space-y-reverse)));
-  }
-
-  :where(.space-y-6 > :not(:last-child)) {
-    --tw-space-y-reverse: 0;
-    margin-block-start: calc(calc(var(--spacing) * 6) * var(--tw-space-y-reverse));
-    margin-block-end: calc(calc(var(--spacing) * 6) * calc(1 - var(--tw-space-y-reverse)));
-  }
-
-  .self-center {
-    align-self: center;
-  }
-
-  .rounded {
-    border-radius: .25rem;
-  }
-
-  .rounded-full {
-    border-radius: 3.40282e38px;
-  }
-
-  .rounded-lg {
-    border-radius: var(--radius-lg);
-  }
-
-  .rounded-md {
-    border-radius: var(--radius-md);
-  }
-
-  .border {
-    border-style: var(--tw-border-style);
-    border-width: 1px;
-  }
-
-  .border-l-4 {
-    border-left-style: var(--tw-border-style);
-    border-left-width: 4px;
-  }
-
-  .border-solid {
-    --tw-border-style: solid;
-    border-style: solid;
-  }
-
-  .border-gray-300 {
-    border-color: var(--color-gray-300);
-  }
-
-  .border-l-\\(--el-color-primary\\) {
-    border-left-color: var(--el-color-primary);
-  }
-
-  .bg-\\(--el-color-error\\)\\/10 {
-    background-color: var(--el-color-error);
-  }
-
-  @supports (color: color-mix(in lab, red, red)) {
-    .bg-\\(--el-color-error\\)\\/10 {
-      background-color: color-mix(in oklab, var(--el-color-error) 10%, transparent);
-    }
-  }
-
-  .bg-\\(--el-color-info\\)\\/10 {
-    background-color: var(--el-color-info);
-  }
-
-  @supports (color: color-mix(in lab, red, red)) {
-    .bg-\\(--el-color-info\\)\\/10 {
-      background-color: color-mix(in oklab, var(--el-color-info) 10%, transparent);
-    }
-  }
-
-  .bg-\\(--el-color-primary\\)\\/50 {
-    background-color: var(--el-color-primary);
-  }
-
-  @supports (color: color-mix(in lab, red, red)) {
-    .bg-\\(--el-color-primary\\)\\/50 {
-      background-color: color-mix(in oklab, var(--el-color-primary) 50%, transparent);
-    }
-  }
-
-  .bg-\\(--el-color-success\\)\\/10 {
-    background-color: var(--el-color-success);
-  }
-
-  @supports (color: color-mix(in lab, red, red)) {
-    .bg-\\(--el-color-success\\)\\/10 {
-      background-color: color-mix(in oklab, var(--el-color-success) 10%, transparent);
-    }
-  }
-
-  .bg-\\(--el-color-warning\\)\\/10 {
-    background-color: var(--el-color-warning);
-  }
-
-  @supports (color: color-mix(in lab, red, red)) {
-    .bg-\\(--el-color-warning\\)\\/10 {
-      background-color: color-mix(in oklab, var(--el-color-warning) 10%, transparent);
-    }
-  }
-
-  .bg-\\(--my-var\\), .bg-\\[var\\(--my-var\\)\\] {
-    background-color: var(--my-var);
-  }
-
-  .bg-blue-50 {
-    background-color: var(--color-blue-50);
-  }
-
-  .bg-gray-100 {
-    background-color: var(--color-gray-100);
-  }
-
-  .bg-gray-100\\! {
-    background-color: var(--color-gray-100) !important;
-  }
-
-  .bg-green-50 {
-    background-color: var(--color-green-50);
-  }
-
-  .bg-green-500\\! {
-    background-color: var(--color-green-500) !important;
-  }
-
-  .bg-indigo-50 {
-    background-color: var(--color-indigo-50);
-  }
-
-  .bg-purple-50 {
-    background-color: var(--color-purple-50);
-  }
-
-  .bg-purple-500\\! {
-    background-color: var(--color-purple-500) !important;
-  }
-
-  .bg-red-500\\! {
-    background-color: var(--color-red-500) !important;
-  }
-
-  .bg-white {
-    background-color: var(--color-white);
-  }
-
-  .bg-yellow-50 {
-    background-color: var(--color-yellow-50);
-  }
-
-  .p-2 {
-    padding: calc(var(--spacing) * 2);
-  }
-
-  .p-4 {
-    padding: calc(var(--spacing) * 4);
-  }
-
-  .px-2 {
-    padding-inline: calc(var(--spacing) * 2);
-  }
-
-  .px-4 {
-    padding-inline: calc(var(--spacing) * 4);
-  }
-
-  .py-1\\.5 {
-    padding-block: calc(var(--spacing) * 1.5);
-  }
-
-  .py-2 {
-    padding-block: calc(var(--spacing) * 2);
-  }
-
-  .pr-0 {
-    padding-right: calc(var(--spacing) * 0);
-  }
-
-  .pb-0 {
-    padding-bottom: calc(var(--spacing) * 0);
-  }
-
-  .pl-1\\.5 {
-    padding-left: calc(var(--spacing) * 1.5);
-  }
-
-  .text-center {
-    text-align: center;
-  }
-
-  .text-2xl {
-    font-size: var(--text-2xl);
-    line-height: var(--tw-leading, var(--text-2xl--line-height));
-  }
-
-  .text-base {
-    font-size: var(--text-base);
-    line-height: var(--tw-leading, var(--text-base--line-height));
-  }
-
-  .text-lg {
-    font-size: var(--text-lg);
-    line-height: var(--tw-leading, var(--text-lg--line-height));
-  }
-
-  .text-sm {
-    font-size: var(--text-sm);
-    line-height: var(--tw-leading, var(--text-sm--line-height));
-  }
-
-  .text-xl {
-    font-size: var(--text-xl);
-    line-height: var(--tw-leading, var(--text-xl--line-height));
-  }
-
-  .text-xs {
-    font-size: var(--text-xs);
-    line-height: var(--tw-leading, var(--text-xs--line-height));
-  }
-
-  .font-bold {
-    --tw-font-weight: var(--font-weight-bold);
-    font-weight: var(--font-weight-bold);
-  }
-
-  .font-medium {
-    --tw-font-weight: var(--font-weight-medium);
-    font-weight: var(--font-weight-medium);
-  }
-
-  .font-semibold {
-    --tw-font-weight: var(--font-weight-semibold);
-    font-weight: var(--font-weight-semibold);
-  }
-
-  .text-\\(--el-color-error\\) {
-    color: var(--el-color-error);
-  }
-
-  .text-\\(--el-color-info\\) {
-    color: var(--el-color-info);
-  }
-
-  .text-\\(--el-color-success\\) {
-    color: var(--el-color-success);
-  }
-
-  .text-\\(--el-color-warning\\) {
-    color: var(--el-color-warning);
-  }
-
-  .text-\\[white\\] {
-    color: #fff;
-  }
-
-  .text-blue-500 {
-    color: var(--color-blue-500);
-  }
-
-  .text-blue-600 {
-    color: var(--color-blue-600);
-  }
-
-  .text-blue-800 {
-    color: var(--color-blue-800);
-  }
-
-  .text-gray-400 {
-    color: var(--color-gray-400);
-  }
-
-  .text-gray-500 {
-    color: var(--color-gray-500);
-  }
-
-  .text-gray-600 {
-    color: var(--color-gray-600);
-  }
-
-  .text-gray-600\\! {
-    color: var(--color-gray-600) !important;
-  }
-
-  .text-green-600 {
-    color: var(--color-green-600);
-  }
-
-  .text-green-800 {
-    color: var(--color-green-800);
-  }
-
-  .text-indigo-600 {
-    color: var(--color-indigo-600);
-  }
-
-  .text-indigo-800 {
-    color: var(--color-indigo-800);
-  }
-
-  .text-purple-600 {
-    color: var(--color-purple-600);
-  }
-
-  .text-purple-800 {
-    color: var(--color-purple-800);
-  }
-
-  .text-red-500 {
-    color: var(--color-red-500);
-  }
-
-  .text-white {
-    color: var(--color-white);
-  }
-
-  .text-white\\! {
-    color: var(--color-white) !important;
-  }
-
-  .text-yellow-600 {
-    color: var(--color-yellow-600);
-  }
-
-  .text-yellow-800 {
-    color: var(--color-yellow-800);
-  }
-
-  .lowercase {
-    text-transform: lowercase;
-  }
-
-  .outline {
-    outline-style: var(--tw-outline-style);
-    outline-width: 1px;
-  }
-
-  .blur {
-    --tw-blur: blur(8px);
-    filter: var(--tw-blur, ) var(--tw-brightness, ) var(--tw-contrast, ) var(--tw-grayscale, ) var(--tw-hue-rotate, ) var(--tw-invert, ) var(--tw-saturate, ) var(--tw-sepia, ) var(--tw-drop-shadow, );
-  }
-
-  .transition {
-    transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to, opacity, box-shadow, transform, translate, scale, rotate, filter, -webkit-backdrop-filter, backdrop-filter, display, content-visibility, overlay, pointer-events;
-    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
-    transition-duration: var(--tw-duration, var(--default-transition-duration));
-  }
-
-  @media (hover: hover) {
-    .hover\\:opacity-80:hover {
-      opacity: .8;
-    }
-  }
-
-  .focus\\:border-transparent:focus {
-    border-color: #0000;
-  }
-
-  .focus\\:ring-2:focus {
-    --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
-    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
-  }
-
-  .focus\\:ring-blue-500:focus {
-    --tw-ring-color: var(--color-blue-500);
-  }
-
-  @media (min-width: 48rem) {
-    .md\\:col-span-6 {
-      grid-column: span 6 / span 6;
-    }
-
-    .md\\:col-span-8 {
-      grid-column: span 8 / span 8;
-    }
-
-    .md\\:col-span-12 {
-      grid-column: span 12 / span 12;
-    }
-
-    .md\\:block {
-      display: block;
-    }
-
-    .md\\:flex {
-      display: flex;
-    }
-
-    .md\\:hidden {
-      display: none;
-    }
-  }
-
-  @media (min-width: 64rem) {
-    .lg\\:col-span-4 {
-      grid-column: span 4 / span 4;
-    }
-
-    .lg\\:col-span-6 {
-      grid-column: span 6 / span 6;
-    }
-
-    .lg\\:col-span-8 {
-      grid-column: span 8 / span 8;
-    }
-  }
-}
-
-@property --tw-translate-x {
-  syntax: "*";
-  inherits: false;
-  initial-value: 0;
-}
-
-@property --tw-translate-y {
-  syntax: "*";
-  inherits: false;
-  initial-value: 0;
-}
-
-@property --tw-translate-z {
-  syntax: "*";
-  inherits: false;
-  initial-value: 0;
-}
-
-@property --tw-rotate-x {
-  syntax: "*";
-  inherits: false
-}
-
-@property --tw-rotate-y {
-  syntax: "*";
-  inherits: false
-}
-
-@property --tw-rotate-z {
-  syntax: "*";
-  inherits: false
-}
-
-@property --tw-skew-x {
-  syntax: "*";
-  inherits: false
-}
-
-@property --tw-skew-y {
-  syntax: "*";
-  inherits: false
-}
-
-@property --tw-space-y-reverse {
-  syntax: "*";
-  inherits: false;
-  initial-value: 0;
-}
-
-@property --tw-border-style {
-  syntax: "*";
-  inherits: false;
-  initial-value: solid;
-}
-
-@property --tw-font-weight {
-  syntax: "*";
-  inherits: false
-}
-
-@property --tw-outline-style {
-  syntax: "*";
-  inherits: false;
-  initial-value: solid;
-}
-
-@property --tw-blur {
-  syntax: "*";
-  inherits: false
-}
-
-@property --tw-brightness {
-  syntax: "*";
-  inherits: false
-}
-
-@property --tw-contrast {
-  syntax: "*";
-  inherits: false
-}
-
-@property --tw-grayscale {
-  syntax: "*";
-  inherits: false
-}
-
-@property --tw-hue-rotate {
-  syntax: "*";
-  inherits: false
-}
-
-@property --tw-invert {
-  syntax: "*";
-  inherits: false
-}
-
-@property --tw-opacity {
-  syntax: "*";
-  inherits: false
-}
-
-@property --tw-saturate {
-  syntax: "*";
-  inherits: false
-}
-
-@property --tw-sepia {
-  syntax: "*";
-  inherits: false
-}
-
-@property --tw-drop-shadow {
-  syntax: "*";
-  inherits: false
-}
-
-@property --tw-drop-shadow-color {
-  syntax: "*";
-  inherits: false
-}
-
-@property --tw-drop-shadow-alpha {
-  syntax: "<percentage>";
-  inherits: false;
-  initial-value: 100%;
-}
-
-@property --tw-drop-shadow-size {
-  syntax: "*";
-  inherits: false
-}
-
-@property --tw-shadow {
-  syntax: "*";
-  inherits: false;
-  initial-value: 0 0 #0000;
-}
-
-@property --tw-shadow-color {
-  syntax: "*";
-  inherits: false
-}
-
-@property --tw-shadow-alpha {
-  syntax: "<percentage>";
-  inherits: false;
-  initial-value: 100%;
-}
-
-@property --tw-inset-shadow {
-  syntax: "*";
-  inherits: false;
-  initial-value: 0 0 #0000;
-}
-
-@property --tw-inset-shadow-color {
-  syntax: "*";
-  inherits: false
-}
-
-@property --tw-inset-shadow-alpha {
-  syntax: "<percentage>";
-  inherits: false;
-  initial-value: 100%;
-}
-
-@property --tw-ring-color {
-  syntax: "*";
-  inherits: false
-}
-
-@property --tw-ring-shadow {
-  syntax: "*";
-  inherits: false;
-  initial-value: 0 0 #0000;
-}
-
-@property --tw-inset-ring-color {
-  syntax: "*";
-  inherits: false
-}
-
-@property --tw-inset-ring-shadow {
-  syntax: "*";
-  inherits: false;
-  initial-value: 0 0 #0000;
-}
-
-@property --tw-ring-inset {
-  syntax: "*";
-  inherits: false
-}
-
-@property --tw-ring-offset-width {
-  syntax: "<length>";
-  inherits: false;
-  initial-value: 0;
-}
-
-@property --tw-ring-offset-color {
-  syntax: "*";
-  inherits: false;
-  initial-value: #fff;
-}
-
-@property --tw-ring-offset-shadow {
-  syntax: "*";
-  inherits: false;
-  initial-value: 0 0 #0000;
-}
-/*$vite$:1*/`;
-  document.head.appendChild(__vite_style__);
-  const version$1 = "0.0.56";
-  const INSTALLED_KEY = Symbol("INSTALLED_KEY");
-  function createInstaller(components2 = []) {
-    const install2 = (app, options) => {
-      if (app[INSTALLED_KEY])
-        return;
-      app[INSTALLED_KEY] = true;
-      app.use(ElementPlus, options == null ? void 0 : options.elementPlusOptions);
-      components2.forEach((c) => app.use(c));
-    };
-    return {
-      install: install2,
-      version: version$1
-    };
-  }
-  function installWithSFC(main, extra) {
-    main.install = ((app, ..._options) => {
-      for (const comp of [main, ...Object.values({})]) {
-        if (comp && comp.name) {
-          app.component(comp.name, comp);
-        }
-      }
-      return app;
-    });
-    return main;
-  }
-  const _hoisted_1$5 = ["disabled"];
-  const _hoisted_2$4 = {
-    key: 0,
-    class: "jky-button__loading"
-  };
-  const _hoisted_3$3 = {
-    key: 0,
-    class: "jky-button__icon"
-  };
-  const _hoisted_4$3 = {
-    key: 1,
-    class: "jky-button__icon"
-  };
-  const _sfc_main$9 = /* @__PURE__ */ vue.defineComponent(__spreadProps(__spreadValues({}, {
-    name: "JkyButton"
-  }), {
-    __name: "Button",
-    props: {
-      type: { default: "primary" },
-      size: { default: "default" },
-      disabled: { type: Boolean, default: false },
-      loading: { type: Boolean, default: false },
-      icon: {},
-      iconPosition: { default: "prefix" }
-    },
-    emits: ["click"],
-    setup(__props, { emit: __emit }) {
-      const emit = __emit;
-      function handleClick() {
-        if (!__props.disabled && !__props.loading) {
-          emit("click");
-        }
-      }
-      return (_ctx, _cache) => {
-        return vue.openBlock(), vue.createElementBlock("button", {
-          class: vue.normalizeClass(["jky-button", [
-            `jky-button--${__props.type}`,
-            `jky-button--${__props.size}`,
-            {
-              "is-disabled": __props.disabled,
-              "is-loading": __props.loading
-            }
-          ]]),
-          disabled: __props.disabled || __props.loading,
-          onClick: handleClick
-        }, [
-          __props.loading ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_2$4, [..._cache[0] || (_cache[0] = [
-            vue.createElementVNode("svg", {
-              class: "loading-spinner",
-              viewBox: "0 0 50 50"
-            }, [
-              vue.createElementVNode("circle", {
-                cx: "25",
-                cy: "25",
-                r: "20",
-                fill: "none",
-                stroke: "currentColor",
-                "stroke-width": "4",
-                "stroke-dasharray": "80",
-                "stroke-dashoffset": "0"
-              }, [
-                vue.createElementVNode("animateTransform", {
-                  attributeName: "transform",
-                  type: "rotate",
-                  from: "0 25 25",
-                  to: "360 25 25",
-                  dur: "1s",
-                  repeatCount: "indefinite"
-                })
-              ])
-            ], -1)
-          ])])) : __props.icon ? (vue.openBlock(), vue.createElementBlock(vue.Fragment, { key: 1 }, [
-            __props.iconPosition === "prefix" ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_3$3, [
-              vue.renderSlot(_ctx.$slots, "icon", {}, () => [
-                vue.createElementVNode("span", {
-                  class: vue.normalizeClass(__props.icon)
-                }, null, 2)
-              ])
-            ])) : vue.createCommentVNode("", true),
-            vue.renderSlot(_ctx.$slots, "default"),
-            __props.iconPosition === "suffix" ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_4$3, [
-              vue.renderSlot(_ctx.$slots, "icon", {}, () => [
-                vue.createElementVNode("span", {
-                  class: vue.normalizeClass(__props.icon)
-                }, null, 2)
-              ])
-            ])) : vue.createCommentVNode("", true)
-          ], 64)) : (vue.openBlock(), vue.createElementBlock(vue.Fragment, { key: 2 }, [
-            vue.renderSlot(_ctx.$slots, "icon"),
-            vue.renderSlot(_ctx.$slots, "default")
-          ], 64))
-        ], 10, _hoisted_1$5);
-      };
-    }
-  }));
-  const JkyButton = installWithSFC(_sfc_main$9);
-  const _hoisted_1$4 = { class: "jky-button-nav flex flex-wrap items-center gap-2" };
-  const _sfc_main$8 = /* @__PURE__ */ vue.defineComponent(__spreadProps(__spreadValues({}, {
-    name: "JkyButtonNav"
-  }), {
-    __name: "ButtonNav",
-    props: {
-      modelValue: {},
-      items: { default: () => [] },
-      limit: { default: 2 },
-      size: { default: "default" },
-      type: { default: "primary" },
-      plain: { type: Boolean, default: false },
-      buttonWidth: {},
-      route: { type: Boolean, default: false }
-    },
-    emits: ["update:modelValue", "change", "navClick"],
-    setup(__props, { emit: __emit }) {
-      const props = __props;
-      const emit = __emit;
-      const router = vue.inject("router", null);
-      const route = vue.inject("route", null);
-      const visibleItems = vue.computed(() => props.items.slice(0, props.limit));
-      const hiddenItems = vue.computed(() => props.items.slice(props.limit));
-      const hasMore = vue.computed(() => props.items.length > props.limit);
-      function isActiveItem(item) {
-        if (props.route && item.to && route) {
-          const targetPath = typeof item.to === "string" ? item.to : item.to.path;
-          return route.path === targetPath;
-        }
-        return props.modelValue === item.value;
-      }
-      function handleClick(item) {
-        emit("update:modelValue", item.value);
-        emit("change", item.value);
-        emit("navClick", item);
-        if (props.route && item.to) {
-          if (router) {
-            router.push(item.to);
-          }
-        }
-      }
-      return (_ctx, _cache) => {
-        return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$4, [
-          (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(visibleItems.value, (item) => {
-            return vue.openBlock(), vue.createBlock(vue.unref(ElementPlus.ElButton), {
-              key: item.value,
-              type: isActiveItem(item) ? props.type : "default",
-              size: props.size,
-              disabled: item.disabled,
-              link: props.plain && !isActiveItem(item),
-              style: vue.normalizeStyle({ width: props.buttonWidth }),
-              class: vue.normalizeClass({
-                "is-active": isActiveItem(item)
-              }),
-              onClick: ($event) => handleClick(item)
-            }, vue.createSlots({
-              default: vue.withCtx(() => [
-                vue.createTextVNode(" " + vue.toDisplayString(item.label), 1)
-              ]),
-              _: 2
-            }, [
-              item.icon ? {
-                name: "icon",
-                fn: vue.withCtx(() => [
-                  vue.createElementVNode("span", {
-                    class: vue.normalizeClass(item.icon)
-                  }, null, 2)
-                ]),
-                key: "0"
-              } : void 0
-            ]), 1032, ["type", "size", "disabled", "link", "style", "class", "onClick"]);
-          }), 128)),
-          hasMore.value ? (vue.openBlock(), vue.createBlock(vue.unref(ElementPlus.ElDropdown), {
-            key: 0,
-            trigger: "click"
-          }, {
-            dropdown: vue.withCtx(() => [
-              vue.createVNode(vue.unref(ElementPlus.ElDropdownMenu), { class: "jky-button-nav-dropdown" }, {
-                default: vue.withCtx(() => [
-                  (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(hiddenItems.value, (item) => {
-                    return vue.openBlock(), vue.createBlock(vue.unref(ElementPlus.ElDropdownItem), {
-                      key: item.value,
-                      disabled: item.disabled,
-                      onClick: ($event) => handleClick(item)
-                    }, {
-                      default: vue.withCtx(() => [
-                        item.icon ? (vue.openBlock(), vue.createElementBlock("span", {
-                          key: 0,
-                          class: vue.normalizeClass([item.icon, "mr-2"])
-                        }, null, 2)) : vue.createCommentVNode("", true),
-                        vue.createTextVNode(" " + vue.toDisplayString(item.label), 1)
-                      ]),
-                      _: 2
-                    }, 1032, ["disabled", "onClick"]);
-                  }), 128))
-                ]),
-                _: 1
-              })
-            ]),
-            default: vue.withCtx(() => [
-              vue.createVNode(vue.unref(ElementPlus.ElButton), {
-                type: hiddenItems.value.some((item) => isActiveItem(item)) ? props.type : "default",
-                size: props.size,
-                link: props.plain && !hiddenItems.value.some((item) => isActiveItem(item)),
-                style: vue.normalizeStyle({ width: props.buttonWidth }),
-                class: vue.normalizeClass({
-                  "is-active": hiddenItems.value.some((item) => isActiveItem(item))
-                })
-              }, {
-                default: vue.withCtx(() => [..._cache[0] || (_cache[0] = [
-                  vue.createTextVNode(" 更多 ", -1),
-                  vue.createElementVNode("span", { class: "ml-1" }, "▼", -1)
-                ])]),
-                _: 1
-              }, 8, ["type", "size", "link", "style", "class"])
-            ]),
-            _: 1
-          })) : vue.createCommentVNode("", true)
-        ]);
-      };
-    }
-  }));
-  const JkyButtonNav = installWithSFC(_sfc_main$8);
-  const _sfc_main$7 = /* @__PURE__ */ vue.defineComponent(__spreadProps(__spreadValues({}, {
-    name: "JkyCodeMirrorEditor"
-  }), {
-    __name: "CodeMirrorEditor",
-    props: {
-      modelValue: { default: "" },
-      height: { default: "400px" },
-      disabled: { type: Boolean, default: false },
-      readonly: { type: Boolean, default: false },
-      language: { default: "javascript" },
-      theme: { default: "oneDark" },
-      lineNumbers: { type: Boolean, default: true },
-      lineWrapping: { type: Boolean, default: false }
-    },
-    emits: ["update:modelValue", "change"],
-    setup(__props, { expose: __expose, emit: __emit }) {
-      var _a;
-      const props = __props;
-      const emit = __emit;
-      const editorRef = vue.ref();
-      let editorView = null;
-      let innerValue = (_a = props.modelValue) != null ? _a : "";
-      function getLanguageExtension(language) {
-        switch (language) {
-          case "typescript":
-          case "javascript":
-            return langJavascript.javascript({
-              jsx: true,
-              typescript: language === "typescript"
-            });
-          case "json":
-            return langJson.json();
-          case "css":
-            return langCss.css();
-          case "markdown":
-            return langMarkdown.markdown();
-          case "html":
-            return langHtml.html();
-          case "vue":
-            return langVue.vue();
-          default:
-            return langJavascript.javascript();
-        }
-      }
-      function initializeEditor() {
-        if (!editorRef.value)
-          return;
-        const extensions = [
-          codemirror.basicSetup,
-          getLanguageExtension(props.language),
-          view.EditorView.updateListener.of((update) => {
-            if (update.docChanged) {
-              const newValue = update.state.doc.toString();
-              innerValue = newValue;
-              emit("change", newValue);
-              emit("update:modelValue", newValue);
-            }
-          }),
-          view.EditorView.editable.of(!props.disabled && !props.readonly),
-          state.EditorState.readOnly.of(props.readonly)
-        ];
-        if (props.theme === "oneDark") {
-          extensions.push(themeOneDark.oneDark);
-        }
-        if (!props.lineNumbers) {
-          extensions.push(view.lineNumbers());
-        }
-        if (props.lineWrapping) {
-          extensions.push(view.EditorView.lineWrapping);
-        }
-        try {
-          editorView = new view.EditorView({
-            state: state.EditorState.create({
-              doc: innerValue,
-              extensions
-            }),
-            parent: editorRef.value
-          });
-        } catch (error) {
-          console.error("Failed to initialize CodeMirror Editor:", error);
-        }
-      }
-      vue.watch(() => props.modelValue, (newValue) => {
-        if (newValue !== innerValue && editorView) {
-          const currentContent = editorView.state.doc.toString();
-          if (currentContent !== newValue) {
-            editorView.dispatch({
-              changes: {
-                from: 0,
-                to: currentContent.length,
-                insert: newValue
-              }
-            });
-            innerValue = newValue;
-          }
-        }
-      });
-      vue.watch(() => props.language, () => {
-        if (editorView) {
-          const currentValue = editorView.state.doc.toString();
-          editorView.destroy();
-          innerValue = currentValue;
-          initializeEditor();
-        }
-      });
-      vue.watch([() => props.disabled, () => props.readonly], () => {
-        if (editorView) {
-          const currentValue = editorView.state.doc.toString();
-          editorView.destroy();
-          innerValue = currentValue;
-          initializeEditor();
-        }
-      });
-      vue.onMounted(() => {
-        initializeEditor();
-      });
-      vue.onUnmounted(() => {
-        if (editorView) {
-          editorView.destroy();
-          editorView = null;
-        }
-      });
-      __expose({
-        getEditor: () => editorView,
-        getContent: () => {
-          var _a2;
-          return (_a2 = editorView == null ? void 0 : editorView.state.doc.toString()) != null ? _a2 : "";
-        },
-        setContent: (content) => {
-          if (editorView) {
-            editorView.dispatch({
-              changes: {
-                from: 0,
-                to: editorView.state.doc.length,
-                insert: content
-              }
-            });
-          }
-        }
-      });
-      return (_ctx, _cache) => {
-        return vue.openBlock(), vue.createElementBlock("div", {
-          class: "j-code-mirror-editor",
-          style: vue.normalizeStyle({ height: __props.height })
-        }, [
-          vue.createElementVNode("div", {
-            ref_key: "editorRef",
-            ref: editorRef,
-            class: "code-mirror-container"
-          }, null, 512)
-        ], 4);
-      };
-    }
-  }));
-  const JkyCodeMirrorEditor = installWithSFC(_sfc_main$7);
-  /*! Element Plus Icons Vue v2.3.2 */
-  var _sfc_main48 = /* @__PURE__ */ vue.defineComponent({
-    name: "CircleCheckFilled",
-    __name: "circle-check-filled",
-    setup(__props) {
-      return (_ctx, _cache) => (vue.openBlock(), vue.createElementBlock("svg", {
-        xmlns: "http://www.w3.org/2000/svg",
-        viewBox: "0 0 1024 1024"
-      }, [
-        vue.createElementVNode("path", {
-          fill: "currentColor",
-          d: "M512 64a448 448 0 1 1 0 896 448 448 0 0 1 0-896m-55.808 536.384-99.52-99.584a38.4 38.4 0 1 0-54.336 54.336l126.72 126.72a38.27 38.27 0 0 0 54.336 0l262.4-262.464a38.4 38.4 0 1 0-54.272-54.336z"
-        })
-      ]));
-    }
-  }), circle_check_filled_default = _sfc_main48;
-  var _sfc_main50 = /* @__PURE__ */ vue.defineComponent({
-    name: "CircleCloseFilled",
-    __name: "circle-close-filled",
-    setup(__props) {
-      return (_ctx, _cache) => (vue.openBlock(), vue.createElementBlock("svg", {
-        xmlns: "http://www.w3.org/2000/svg",
-        viewBox: "0 0 1024 1024"
-      }, [
-        vue.createElementVNode("path", {
-          fill: "currentColor",
-          d: "M512 64a448 448 0 1 1 0 896 448 448 0 0 1 0-896m0 393.664L407.936 353.6a38.4 38.4 0 1 0-54.336 54.336L457.664 512 353.6 616.064a38.4 38.4 0 1 0 54.336 54.336L512 566.336 616.064 670.4a38.4 38.4 0 1 0 54.336-54.336L566.336 512 670.4 407.936a38.4 38.4 0 1 0-54.336-54.336z"
-        })
-      ]));
-    }
-  }), circle_close_filled_default = _sfc_main50;
-  var _sfc_main201 = /* @__PURE__ */ vue.defineComponent({
-    name: "Plus",
-    __name: "plus",
-    setup(__props) {
-      return (_ctx, _cache) => (vue.openBlock(), vue.createElementBlock("svg", {
-        xmlns: "http://www.w3.org/2000/svg",
-        viewBox: "0 0 1024 1024"
-      }, [
-        vue.createElementVNode("path", {
-          fill: "currentColor",
-          d: "M480 480V128a32 32 0 0 1 64 0v352h352a32 32 0 1 1 0 64H544v352a32 32 0 1 1-64 0V544H128a32 32 0 0 1 0-64z"
-        })
-      ]));
-    }
-  }), plus_default = _sfc_main201;
-  var _sfc_main211 = /* @__PURE__ */ vue.defineComponent({
-    name: "QuestionFilled",
-    __name: "question-filled",
-    setup(__props) {
-      return (_ctx, _cache) => (vue.openBlock(), vue.createElementBlock("svg", {
-        xmlns: "http://www.w3.org/2000/svg",
-        viewBox: "0 0 1024 1024"
-      }, [
-        vue.createElementVNode("path", {
-          fill: "currentColor",
-          d: "M512 64a448 448 0 1 1 0 896 448 448 0 0 1 0-896m23.744 191.488c-52.096 0-92.928 14.784-123.2 44.352-30.976 29.568-45.76 70.4-45.76 122.496h80.256c0-29.568 5.632-52.8 17.6-68.992 13.376-19.712 35.2-28.864 66.176-28.864 23.936 0 42.944 6.336 56.32 19.712 12.672 13.376 19.712 31.68 19.712 54.912 0 17.6-6.336 34.496-19.008 49.984l-8.448 9.856c-45.76 40.832-73.216 70.4-82.368 89.408-9.856 19.008-14.08 42.24-14.08 68.992v9.856h80.96v-9.856c0-16.896 3.52-31.68 10.56-45.76 6.336-12.672 15.488-24.64 28.16-35.2 33.792-29.568 54.208-48.576 60.544-55.616 16.896-22.528 26.048-51.392 26.048-86.592q0-64.416-42.24-101.376c-28.16-25.344-65.472-37.312-111.232-37.312m-12.672 406.208a54.27 54.27 0 0 0-38.72 14.784 49.4 49.4 0 0 0-15.488 38.016c0 15.488 4.928 28.16 15.488 38.016A54.85 54.85 0 0 0 523.072 768c15.488 0 28.16-4.928 38.72-14.784a51.52 51.52 0 0 0 16.192-38.72 51.97 51.97 0 0 0-15.488-38.016 55.94 55.94 0 0 0-39.424-14.784"
-        })
-      ]));
-    }
-  }), question_filled_default = _sfc_main211;
-  var _sfc_main287 = /* @__PURE__ */ vue.defineComponent({
-    name: "WarningFilled",
-    __name: "warning-filled",
-    setup(__props) {
-      return (_ctx, _cache) => (vue.openBlock(), vue.createElementBlock("svg", {
-        xmlns: "http://www.w3.org/2000/svg",
-        viewBox: "0 0 1024 1024"
-      }, [
-        vue.createElementVNode("path", {
-          fill: "currentColor",
-          d: "M512 64a448 448 0 1 1 0 896 448 448 0 0 1 0-896m0 192a58.43 58.43 0 0 0-58.24 63.744l23.36 256.384a35.072 35.072 0 0 0 69.76 0l23.296-256.384A58.43 58.43 0 0 0 512 256m0 512a51.2 51.2 0 1 0 0-102.4 51.2 51.2 0 0 0 0 102.4"
-        })
-      ]));
-    }
-  }), warning_filled_default = _sfc_main287;
-  const _hoisted_1$3 = {
-    key: 0,
-    style: { "display": "none" }
-  };
-  const _hoisted_2$3 = { class: "jky-form-item__title text-base font-medium flex items-center" };
-  const _hoisted_3$2 = { class: "flex items-center" };
-  const _hoisted_4$2 = {
-    key: 0,
-    class: "flex items-center"
-  };
-  const _hoisted_5$2 = {
-    key: 0,
-    class: "mr-2"
-  };
-  const _hoisted_6$1 = {
-    key: 1,
-    class: "ml-2"
-  };
-  const _sfc_main$6 = /* @__PURE__ */ vue.defineComponent(__spreadProps(__spreadValues({}, {
-    name: "JkyFormItem",
-    inheritAttrs: false
-  }), {
-    __name: "FormItem",
-    props: {
-      field: {},
-      config: {},
-      model: {},
-      readonly: { type: Boolean, default: false },
-      disabled: { type: Boolean, default: false },
-      label: {},
-      labelWidth: {},
-      labelPosition: {},
-      prop: {},
-      required: { type: Boolean },
-      rules: {},
-      error: {},
-      validateStatus: {},
-      for: {},
-      inlineMessage: { type: Boolean },
-      showMessage: { type: Boolean },
-      size: {}
-    },
-    setup(__props) {
-      const props = __props;
-      const loading = vue.ref(false);
-      const componentProps = vue.ref({});
-      function loadComponentProps() {
-        return __async(this, null, function* () {
-          const configProps = props.config.componentProps;
-          if (!configProps) {
-            componentProps.value = {};
-            return;
-          }
-          if (typeof configProps === "function") {
-            loading.value = true;
-            try {
-              const result = yield configProps({
-                model: props.model,
-                field: props.field,
-                $form: props.model
-              });
-              componentProps.value = result || {};
-            } catch (error) {
-              console.error("Failed to load component props:", error);
-              componentProps.value = {};
-            } finally {
-              loading.value = false;
-            }
-            return;
-          }
-          componentProps.value = configProps;
-        });
-      }
-      vue.watch(
-        () => props.model,
-        () => {
-          loadComponentProps();
-        },
-        { deep: true }
-      );
-      loadComponentProps();
-      const modelValue = vue.computed({
-        get: () => props.model[props.field],
-        set: (val) => {
-          props.model[props.field] = val;
-        }
-      });
-      const isHidden = vue.computed(() => {
-        if (typeof props.config.hidden === "function") {
-          return props.config.hidden({
-            model: props.model,
-            field: props.field,
-            $form: props.model
-          });
-        }
-        return props.config.hidden || false;
-      });
-      const formItemProps = vue.computed(() => {
-        const config = props.config;
-        const _a = config, {
-          field,
-          type,
-          title,
-          placeholder,
-          componentProps: componentProps2,
-          hidden,
-          className,
-          customStyle,
-          children,
-          render,
-          prepend,
-          append,
-          prefixIcon,
-          suffixIcon,
-          clearable,
-          filterable,
-          multiple,
-          options,
-          formatValue,
-          formatModel,
-          noLabelMargin,
-          titleRender
-        } = _a, rest = __objRest(_a, [
-          "field",
-          "type",
-          "title",
-          "placeholder",
-          "componentProps",
-          "hidden",
-          "className",
-          "customStyle",
-          "children",
-          "render",
-          "prepend",
-          "append",
-          "prefixIcon",
-          "suffixIcon",
-          "clearable",
-          "filterable",
-          "multiple",
-          "options",
-          "formatValue",
-          "formatModel",
-          "noLabelMargin",
-          "titleRender"
-        ]);
-        return rest;
-      });
-      function renderComponent(type) {
-        var _a, _b;
-        if (type === "divider") {
-          const dividerProps = __spreadValues({}, componentProps.value);
-          return vue.h(ElementPlus.ElDivider, dividerProps, {
-            default: () => props.config.children || null
-          });
-        }
-        const commonProps = __spreadValues({
-          "modelValue": modelValue.value,
-          "onUpdate:modelValue": (val) => {
-            props.model[props.field] = val;
-          },
-          "placeholder": props.config.placeholder,
-          "disabled": props.disabled,
-          "clearable": props.config.clearable
-        }, componentProps.value);
-        switch (type) {
-          case "input":
-            return vue.h(ElementPlus.ElInput, __spreadProps(__spreadValues({}, commonProps), {
-              prefixIcon: props.config.prefixIcon,
-              suffixIcon: props.config.suffixIcon
-            }));
-          case "textarea":
-            return vue.h(ElementPlus.ElInput, __spreadProps(__spreadValues({}, commonProps), {
-              type: "textarea",
-              rows: 4
-            }));
-          case "select": {
-            const selectProps = __spreadValues(__spreadValues({}, commonProps), componentProps.value);
-            return vue.h(ElementPlus.ElSelect, selectProps);
-          }
-          case "autocomplete": {
-            const autocompleteProps = __spreadValues(__spreadValues({}, commonProps), componentProps.value);
-            return vue.h(ElementPlus.ElAutocomplete, autocompleteProps);
-          }
-          case "datepicker":
-            return vue.h(ElementPlus.ElDatePicker, __spreadValues(__spreadValues({}, commonProps), componentProps.value));
-          case "datetime-picker":
-            return vue.h(ElementPlus.ElDatePicker, __spreadValues(__spreadValues({}, commonProps), componentProps.value));
-          case "time-picker":
-            return vue.h(ElementPlus.ElTimePicker, __spreadValues(__spreadValues({}, commonProps), componentProps.value));
-          case "time-select":
-            return vue.h(ElementPlus.ElTimeSelect, __spreadValues(__spreadValues({}, commonProps), componentProps.value));
-          case "radio-group": {
-            const radioGroupProps = __spreadValues(__spreadValues({}, commonProps), componentProps.value);
-            return vue.h(
-              ElementPlus.ElRadioGroup,
-              radioGroupProps,
-              {
-                default: () => {
-                  const options = componentProps.value.options || props.config.options || [];
-                  return options.map(
-                    (option) => vue.h(ElementPlus.ElRadio, {
-                      key: option.value,
-                      value: option.value,
-                      disabled: option.disabled
-                    }, {
-                      default: () => option.label
-                    })
-                  );
-                }
-              }
-            );
-          }
-          case "checkbox-group": {
-            const arrayModelValue = Array.isArray(modelValue.value) ? modelValue.value : [];
-            const checkboxGroupProps = __spreadValues(__spreadProps(__spreadValues({}, commonProps), {
-              modelValue: arrayModelValue
-            }), componentProps.value);
-            return vue.h(
-              ElementPlus.ElCheckboxGroup,
-              checkboxGroupProps,
-              {
-                default: () => {
-                  const options = componentProps.value.options || props.config.options || [];
-                  return options.map(
-                    (option) => vue.h(ElementPlus.ElCheckbox, {
-                      key: option.value,
-                      value: option.value,
-                      disabled: option.disabled
-                    }, {
-                      default: () => option.label
-                    })
-                  );
-                }
-              }
-            );
-          }
-          case "switch":
-            return vue.h(ElementPlus.ElSwitch, __spreadValues(__spreadValues({}, commonProps), componentProps.value));
-          case "slider":
-            return vue.h(ElementPlus.ElSlider, __spreadValues(__spreadValues({}, commonProps), componentProps.value));
-          case "cascader": {
-            const cascaderProps = __spreadValues(__spreadValues({}, commonProps), componentProps.value);
-            return vue.h(ElementPlus.ElCascader, cascaderProps);
-          }
-          case "tree-select": {
-            const treeSelectProps = __spreadValues(__spreadValues({}, commonProps), componentProps.value);
-            return vue.h(ElementPlus.ElTreeSelect, treeSelectProps);
-          }
-          case "color-picker":
-            return vue.h(ElementPlus.ElColorPicker, __spreadValues(__spreadValues({}, commonProps), componentProps.value));
-          case "rate":
-            return vue.h(ElementPlus.ElRate, __spreadValues(__spreadValues({}, commonProps), componentProps.value));
-          case "input-number": {
-            const numberModelValue = modelValue.value === "" || modelValue.value === null || modelValue.value === void 0 ? null : Number(modelValue.value);
-            const inputNumberProps = __spreadValues(__spreadProps(__spreadValues({}, commonProps), {
-              "modelValue": numberModelValue,
-              "onUpdate:modelValue": (val) => {
-                props.model[props.field] = val;
-              }
-            }), componentProps.value);
-            return vue.h(ElementPlus.ElInputNumber, inputNumberProps);
-          }
-          // 图片上传
-          case "image-upload": {
-            const uploadProps = __spreadValues(__spreadProps(__spreadValues({}, commonProps), {
-              "action": componentProps.value.action || "#",
-              "file-list": componentProps.value.fileList || [],
-              "list-type": componentProps.value.listType || "picture-card",
-              "onPreview": componentProps.value.onPreview,
-              "onRemove": componentProps.value.onRemove
-            }), componentProps.value);
-            if (uploadProps["list-type"] === "picture-card") {
-              return vue.h(ElementPlus.ElUpload, uploadProps, {
-                default: () => vue.h("div", { class: "el-upload__picture-card-wrapper" }, [
-                  vue.h(ElementPlus.ElIcon, { size: 24 }, { default: () => vue.h(plus_default) })
-                ])
-              });
-            }
-            if (uploadProps["list-type"] === "picture") {
-              return vue.h(ElementPlus.ElUpload, uploadProps, {
-                default: () => vue.h(ElementPlus.ElButton, { type: "primary" }, { default: () => "点击上传" })
-              });
-            }
-            return vue.h(ElementPlus.ElUpload, uploadProps);
-          }
-          // 文件上传
-          case "file-upload": {
-            const uploadProps = __spreadValues(__spreadProps(__spreadValues({}, commonProps), {
-              "action": componentProps.value.action || "#",
-              "file-list": componentProps.value.fileList || [],
-              "list-type": componentProps.value.listType || "text",
-              "onPreview": componentProps.value.onPreview,
-              "onRemove": componentProps.value.onRemove
-            }), componentProps.value);
-            if (uploadProps["list-type"] === "text") {
-              return vue.h(ElementPlus.ElUpload, uploadProps, {
-                default: () => vue.h(ElementPlus.ElButton, { type: "primary" }, { default: () => "点击上传" })
-              });
-            }
-            return vue.h(ElementPlus.ElUpload, uploadProps);
-          }
-          // CodeMirror 编辑器
-          case "code-mirror-editor": {
-            const codeMirrorProps = __spreadValues(__spreadValues({}, commonProps), componentProps.value);
-            return vue.h(JkyCodeMirrorEditor, codeMirrorProps);
-          }
-          case "custom":
-            return (_b = (_a = props.config).render) == null ? void 0 : _b.call(_a, commonProps);
-          default:
-            return vue.h(ElementPlus.ElInput, commonProps);
-        }
-      }
-      function renderHelpTooltip() {
-        if (!props.config.help)
-          return null;
-        const { help } = props.config;
-        const { text, type = "info", position = "top" } = help;
-        const iconMap = {
-          info: { icon: question_filled_default, color: "var(--el-color-info)" },
-          warning: { icon: warning_filled_default, color: "var(--el-color-warning)" },
-          success: { icon: circle_check_filled_default, color: "var(--el-color-success)" },
-          error: { icon: circle_close_filled_default, color: "var(--el-color-error)" }
-        };
-        const { icon, color } = iconMap[type];
-        return vue.h(
-          ElementPlus.ElTooltip,
-          {
-            content: text,
-            placement: position
-          },
-          {
-            default: () => vue.h(
-              ElementPlus.ElIcon,
-              {
-                style: { color, cursor: "pointer", marginLeft: "4px" },
-                size: 16
-              },
-              { default: () => vue.h(icon) }
-            )
-          }
-        );
-      }
-      function renderHelpText() {
-        if (!props.config.help || props.config.help.tooltip)
-          return null;
-        const { text, type = "info" } = props.config.help;
-        const typeStyles = {
-          info: "bg-(--el-color-info)/10 text-(--el-color-info)",
-          warning: "bg-(--el-color-warning)/10 text-(--el-color-warning)",
-          success: "bg-(--el-color-success)/10 text-(--el-color-success)",
-          error: "bg-(--el-color-error)/10 text-(--el-color-error)"
-        };
-        return vue.h(
-          "div",
-          {
-            class: `jky-form-item__help mt-2 text-xs px-2 py-1.5 rounded ${typeStyles[type]}`
-          },
-          { default: () => text }
-        );
-      }
-      return (_ctx, _cache) => {
-        return isHidden.value ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_1$3)) : __props.config.title && !__props.config.label ? (vue.openBlock(), vue.createBlock(vue.unref(ElementPlus.ElFormItem), vue.mergeProps({
-          key: 1,
-          prop: __props.field
-        }, __spreadValues(__spreadValues({}, formItemProps.value), _ctx.$attrs), {
-          class: ["jky-form-item jky-form-item--no-label", [__props.config.useDefaultBorderClass ? "border-l-4 border-solid border-l-(--el-color-primary) bg-(--el-color-primary)/50 pl-1.5" : "", __props.config.className]],
-          style: [__props.config.customStyle]
-        }), {
-          default: vue.withCtx(() => [
-            vue.createElementVNode("div", _hoisted_2$3, [
-              __props.config.titleRender ? (vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent(__props.config.titleRender({ model: modelValue.value, field: __props.field })), { key: 0 })) : (vue.openBlock(), vue.createElementBlock(vue.Fragment, { key: 1 }, [
-                vue.createTextVNode(vue.toDisplayString(__props.config.title), 1)
-              ], 64)),
-              __props.config.help && __props.config.help.tooltip ? (vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent(renderHelpTooltip()), { key: 2 })) : vue.createCommentVNode("", true)
-            ]),
-            (vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent(renderComponent(__props.config.type || "input")))),
-            __props.config.help && !__props.config.help.tooltip ? (vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent(renderHelpText()), { key: 0 })) : vue.createCommentVNode("", true)
-          ]),
-          _: 1
-        }, 16, ["prop", "class", "style"])) : (vue.openBlock(), vue.createBlock(vue.unref(ElementPlus.ElFormItem), vue.mergeProps({
-          key: 2,
-          label: __props.config.label,
-          prop: __props.field
-        }, __spreadValues(__spreadValues({}, formItemProps.value), _ctx.$attrs), {
-          class: ["jky-form-item", [__props.config.className]]
-        }), vue.createSlots({
-          default: vue.withCtx(() => [
-            __props.config.prepend || __props.config.append ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_4$2, [
-              __props.config.prepend ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_5$2, vue.toDisplayString(__props.config.prepend), 1)) : vue.createCommentVNode("", true),
-              (vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent(renderComponent(__props.config.type || "input")))),
-              __props.config.append ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_6$1, vue.toDisplayString(__props.config.append), 1)) : vue.createCommentVNode("", true)
-            ])) : (vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent(renderComponent(__props.config.type || "input")), { key: 1 })),
-            __props.config.help && !__props.config.help.tooltip ? (vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent(renderHelpText()), { key: 2 })) : vue.createCommentVNode("", true)
-          ]),
-          _: 2
-        }, [
-          __props.config.help && __props.config.help.tooltip ? {
-            name: "label",
-            fn: vue.withCtx(() => [
-              vue.createElementVNode("div", _hoisted_3$2, [
-                vue.createElementVNode("span", null, vue.toDisplayString(__props.config.label), 1),
-                (vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent(renderHelpTooltip())))
-              ])
-            ]),
-            key: "0"
-          } : void 0
-        ]), 1040, ["label", "prop", "class"]));
-      };
-    }
-  }));
-  const _hoisted_1$2 = {
-    key: 0,
-    class: "jky-form__title mb-4 text-xl font-semibold"
-  };
-  const _hoisted_2$2 = {
-    key: 1,
-    class: "jky-form__footer mt-6 flex justify-end gap-2"
-  };
-  const _sfc_main$5 = /* @__PURE__ */ vue.defineComponent(__spreadProps(__spreadValues({}, {
-    name: "JkyForm"
-  }), {
-    __name: "Form",
-    props: /* @__PURE__ */ vue.mergeModels({
-      modelValue: {},
-      items: {},
-      showTitle: { type: Boolean, default: false },
-      title: {},
-      gutter: { default: 0 },
-      defaultSpan: { default: 24 },
-      responsive: { type: Boolean, default: true },
-      className: {},
-      readonly: { type: Boolean },
-      disabled: { type: Boolean },
-      watchDeep: { type: Boolean, default: true },
-      showFooter: { type: Boolean, default: false },
-      submitText: { default: "提交" },
-      cancelText: { default: "取消" },
-      submitDisabled: { type: Boolean },
-      cancelDisabled: { type: Boolean },
-      onValidate: {},
-      onSubmit: {},
-      onReset: {},
-      model: {},
-      rules: {},
-      labelPosition: { default: "right" },
-      requireAsteriskPosition: {},
-      labelWidth: { default: "100" },
-      labelSuffix: {},
-      inline: { type: Boolean },
-      inlineMessage: { type: Boolean },
-      statusIcon: { type: Boolean },
-      showMessage: { type: Boolean },
-      validateOnRuleChange: { type: Boolean },
-      hideRequiredAsterisk: { type: Boolean },
-      scrollToError: { type: Boolean },
-      scrollIntoViewOptions: { type: Boolean },
-      size: { default: "default" }
-    }, {
-      "modelValue": { required: true, default: () => ({}) },
-      "modelModifiers": {}
-    }),
-    emits: /* @__PURE__ */ vue.mergeModels(["change", "validate", "submit", "reset"], ["update:modelValue"]),
-    setup(__props, { expose: __expose, emit: __emit }) {
-      const props = __props;
-      const emit = __emit;
-      const modelValue = vue.useModel(__props, "modelValue");
-      const formRef = vue.ref();
-      const formClass = vue.computed(() => {
-        return [
-          "jky-form",
-          props.className
-        ].filter(Boolean).join(" ");
-      });
-      vue.watch(
-        () => props.modelValue,
-        (newVal, oldVal) => {
-          if (newVal !== oldVal) {
-            emit("change", __spreadValues({}, newVal));
-          }
-        },
-        { deep: props.watchDeep }
-      );
-      function validate(callback) {
-        return __async(this, null, function* () {
-          var _a;
-          try {
-            yield (_a = formRef.value) == null ? void 0 : _a.validate();
-            emit("validate", { valid: true });
-            callback == null ? void 0 : callback(true, void 0);
-            return true;
-          } catch (error) {
-            emit("validate", { valid: false, fields: error.fields });
-            callback == null ? void 0 : callback(false, error.fields);
-            return false;
-          }
-        });
-      }
-      function resetFields() {
-        var _a, _b;
-        (_a = formRef.value) == null ? void 0 : _a.resetFields();
-        emit("reset");
-        (_b = props.onReset) == null ? void 0 : _b.call(props);
-      }
-      function clearValidate(props2) {
-        var _a;
-        (_a = formRef.value) == null ? void 0 : _a.clearValidate(props2);
-      }
-      function getFormInstance() {
-        return formRef.value;
-      }
-      function handleSubmit() {
-        return __async(this, null, function* () {
-          var _a, _b;
-          try {
-            yield (_a = formRef.value) == null ? void 0 : _a.validate();
-            emit("submit", __spreadValues({}, modelValue.value));
-            (_b = props.onSubmit) == null ? void 0 : _b.call(props, __spreadValues({}, modelValue.value));
-          } catch (error) {
-            emit("validate", { valid: false, fields: error.fields });
-          }
-        });
-      }
-      function handleCancel() {
-        resetFields();
-      }
-      __expose({
-        validate,
-        resetFields,
-        clearValidate,
-        getFormInstance,
-        formRef
-      });
-      return (_ctx, _cache) => {
-        return vue.openBlock(), vue.createElementBlock("div", {
-          class: vue.normalizeClass(formClass.value)
-        }, [
-          __props.showTitle && __props.title ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_1$2, vue.toDisplayString(__props.title), 1)) : vue.createCommentVNode("", true),
-          vue.createVNode(vue.unref(ElementPlus.ElForm), vue.mergeProps({
-            ref_key: "formRef",
-            ref: formRef,
-            model: modelValue.value,
-            "label-width": __props.labelWidth,
-            "label-position": __props.labelPosition,
-            size: __props.size
-          }, _ctx.$attrs), {
-            default: vue.withCtx(() => [
-              (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(__props.items, (item) => {
-                return vue.openBlock(), vue.createBlock(_sfc_main$6, {
-                  key: item.field,
-                  field: item.field,
-                  config: item,
-                  model: modelValue.value,
-                  readonly: __props.readonly,
-                  disabled: __props.disabled
-                }, null, 8, ["field", "config", "model", "readonly", "disabled"]);
-              }), 128))
-            ]),
-            _: 1
-          }, 16, ["model", "label-width", "label-position", "size"]),
-          props.showFooter ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_2$2, [
-            vue.createVNode(vue.unref(ElementPlus.ElButton), {
-              disabled: __props.cancelDisabled || __props.disabled,
-              onClick: handleCancel
-            }, {
-              default: vue.withCtx(() => [
-                vue.createTextVNode(vue.toDisplayString(__props.cancelText), 1)
-              ]),
-              _: 1
-            }, 8, ["disabled"]),
-            vue.createVNode(vue.unref(ElementPlus.ElButton), {
-              type: "primary",
-              disabled: __props.submitDisabled || __props.disabled,
-              loading: false,
-              onClick: handleSubmit
-            }, {
-              default: vue.withCtx(() => [
-                vue.createTextVNode(vue.toDisplayString(__props.submitText), 1)
-              ]),
-              _: 1
-            }, 8, ["disabled"])
-          ])) : vue.createCommentVNode("", true)
-        ], 2);
-      };
-    }
-  }));
-  const JkyForm = installWithSFC(_sfc_main$5);
-  const _sfc_main$4 = /* @__PURE__ */ vue.defineComponent(__spreadProps(__spreadValues({}, {
-    name: "JkyAside"
-  }), {
-    __name: "Aside",
-    setup(__props) {
-      return (_ctx, _cache) => {
-        return vue.openBlock(), vue.createBlock(vue.unref(ElementPlus.ElAside), { class: "w-fit pr-0 pb-0 h-full" }, {
-          default: vue.withCtx(() => [
-            vue.createVNode(vue.unref(ElementPlus.ElScrollbar), { class: "bg-white rounded-md" }, {
-              default: vue.withCtx(() => [
-                vue.renderSlot(_ctx.$slots, "default")
-              ]),
-              _: 3
-            })
-          ]),
-          _: 3
-        });
-      };
-    }
-  }));
-  const _sfc_main$3 = /* @__PURE__ */ vue.defineComponent(__spreadProps(__spreadValues({}, {
-    name: "JkyMenu"
-  }), {
-    __name: "Menu",
-    props: {
-      aside: { type: Boolean, default: false },
-      menuData: { default: () => [] },
-      mode: {},
-      defaultActive: {},
-      defaultOpeneds: {},
-      uniqueOpened: { type: Boolean },
-      router: { type: Boolean },
-      menuTrigger: {},
-      collapse: { type: Boolean },
-      backgroundColor: {},
-      textColor: {},
-      activeTextColor: {},
-      closeOnClickOutside: { type: Boolean },
-      collapseTransition: { type: Boolean },
-      ellipsis: { type: Boolean },
-      popperOffset: {},
-      ellipsisIcon: {},
-      popperEffect: {},
-      popperClass: {},
-      popperStyle: {},
-      showTimeout: {},
-      hideTimeout: {},
-      persistent: { type: Boolean }
-    },
-    setup(__props) {
-      const props = __props;
-      function renderMenuItem(item) {
-        var _a;
-        return vue.h(
-          ElementPlus.ElMenuItem,
-          {
-            index: item.index || item.id || "",
-            disabled: (_a = item.disabled) != null ? _a : false,
-            route: item.route
-          },
-          {
-            default: () => [
-              item.icon ? vue.h("span", { class: "jky-menu-item__icon" }, [vue.h("span", { class: item.icon })]) : null,
-              item.title ? vue.h("span", { class: "jky-menu-item__title" }, item.title) : null
-            ]
-          }
-        );
-      }
-      function renderSubMenu(item) {
-        var _a;
-        const children = item.children || [];
-        return vue.h(
-          ElementPlus.ElSubMenu,
-          {
-            index: item.index || item.id || "",
-            disabled: (_a = item.disabled) != null ? _a : false,
-            popperOffset: item.popperOffset
-          },
-          {
-            title: () => [
-              item.icon ? vue.h("span", { class: "jky-menu-item__icon" }, [vue.h("span", { class: item.icon })]) : null,
-              item.title ? vue.h("span", { class: "jky-menu-item__title" }, item.title) : null
-            ],
-            default: () => children.map((child) => renderMenuNode(child))
-          }
-        );
-      }
-      function renderMenuNode(item) {
-        if (item.children && item.children.length > 0) {
-          return renderSubMenu(item);
-        }
-        return renderMenuItem(item);
-      }
-      return (_ctx, _cache) => {
-        return props.aside ? (vue.openBlock(), vue.createBlock(_sfc_main$4, { key: 0 }, {
-          default: vue.withCtx(() => [
-            vue.createVNode(vue.unref(ElementPlus.ElMenu), vue.mergeProps({ class: "jky-menu" }, __spreadValues(__spreadValues({}, props), _ctx.$attrs)), {
-              default: vue.withCtx(() => [
-                props.menuData && props.menuData.length > 0 ? (vue.openBlock(true), vue.createElementBlock(vue.Fragment, { key: 0 }, vue.renderList(props.menuData, (item) => {
-                  return vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent(renderMenuNode(item)), {
-                    key: item.index || item.id
-                  });
-                }), 128)) : vue.renderSlot(_ctx.$slots, "default", { key: 1 })
-              ]),
-              _: 3
-            }, 16)
-          ]),
-          _: 3
-        })) : (vue.openBlock(), vue.createBlock(vue.unref(ElementPlus.ElMenu), vue.mergeProps({
-          key: 1,
-          class: "jky-menu"
-        }, __spreadValues(__spreadValues({}, props), _ctx.$attrs)), {
-          default: vue.withCtx(() => [
-            props.menuData && props.menuData.length > 0 ? (vue.openBlock(true), vue.createElementBlock(vue.Fragment, { key: 0 }, vue.renderList(props.menuData, (item) => {
-              return vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent(renderMenuNode(item)), {
-                key: item.index || item.id
-              });
-            }), 128)) : vue.renderSlot(_ctx.$slots, "default", { key: 1 })
-          ]),
-          _: 3
-        }, 16));
-      };
-    }
-  }));
-  const JkyMenu = installWithSFC(_sfc_main$3);
-  const _hoisted_1$1 = {
-    key: 0,
-    class: "jky-page-header__popover mr-2 h-full flex items-center text-white"
-  };
-  const _hoisted_2$1 = { class: "flex items-center" };
-  const _hoisted_3$1 = {
-    key: 0,
-    class: "text-white ml-2"
-  };
-  const _hoisted_4$1 = { class: "grid grid-cols-3 gap-2 p-2" };
-  const _hoisted_5$1 = { class: "text-sm text-center" };
-  const _sfc_main$2 = /* @__PURE__ */ vue.defineComponent({
-    __name: "PopoverMenu",
-    props: {
-      refIconClass: {},
-      refName: {},
-      menus: { default: () => [] },
-      buttonClass: { default: "w-20 h-20" },
-      elButtonClass: {},
-      elButtonType: {},
-      width: { default: 400 },
-      trigger: { default: "click" },
-      highlightCurrent: { type: Boolean, default: true },
-      placement: { default: "bottom-start" }
-    },
-    setup(__props) {
-      const props = __props;
-      const popoverIndex = vue.ref("");
-      function onPopoverButtonClick(item) {
-        var _a;
-        if (props.highlightCurrent) {
-          popoverIndex.value = item.value;
-        }
-        (_a = item.onClick) == null ? void 0 : _a.call(item);
-      }
-      return (_ctx, _cache) => {
-        var _a;
-        return ((_a = __props.menus) == null ? void 0 : _a.length) ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_1$1, [
-          vue.createVNode(vue.unref(ElementPlus.ElPopover), {
-            placement: __props.placement,
-            class: "h-full",
-            trigger: __props.trigger,
-            width: __props.width
-          }, {
-            reference: vue.withCtx(() => [
-              vue.createElementVNode("div", _hoisted_2$1, [
-                vue.createElementVNode("span", {
-                  class: vue.normalizeClass(["icon-[ant-design--menu-fold-outlined] text-[white] text-2xl cursor-pointer hover:opacity-80", __props.refIconClass])
-                }, null, 2),
-                __props.refName ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_3$1, vue.toDisplayString(__props.refName), 1)) : vue.createCommentVNode("", true)
-              ])
-            ]),
-            default: vue.withCtx(() => [
-              vue.createElementVNode("div", _hoisted_4$1, [
-                (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(__props.menus, (item) => {
-                  return vue.openBlock(), vue.createBlock(vue.unref(ElementPlus.ElButton), {
-                    key: item.value,
-                    disabled: item.disabled,
-                    class: vue.normalizeClass(["w-fit! h-fit! ml-0!", [__props.elButtonClass, item.elButtonClass]]),
-                    type: vue.unref(popoverIndex) === item.value ? "primary" : __props.elButtonType || "default",
-                    onClick: ($event) => onPopoverButtonClick(item)
-                  }, {
-                    default: vue.withCtx(() => [
-                      vue.createElementVNode("div", {
-                        class: vue.normalizeClass(["jky-page-header__popover-inner flex flex-col justify-around items-center", __props.buttonClass])
-                      }, [
-                        item.icon ? (vue.openBlock(), vue.createElementBlock("span", {
-                          key: 0,
-                          class: vue.normalizeClass(["text-xl mr-2", [item.icon]])
-                        }, null, 2)) : vue.createCommentVNode("", true),
-                        vue.createElementVNode("span", _hoisted_5$1, vue.toDisplayString(item.label), 1)
-                      ], 2)
-                    ]),
-                    _: 2
-                  }, 1032, ["disabled", "class", "type", "onClick"]);
-                }), 128))
-              ])
-            ]),
-            _: 1
-          }, 8, ["placement", "trigger", "width"])
-        ])) : vue.createCommentVNode("", true);
-      };
-    }
-  });
-  const _hoisted_1 = { class: "jky-page-header__container" };
-  const _hoisted_2 = { class: "jky-page-header__left" };
-  const _hoisted_3 = ["src", "alt"];
-  const _hoisted_4 = {
-    key: 1,
-    class: "jky-page-header__title"
-  };
-  const _hoisted_5 = { class: "jky-page-header__center" };
-  const _hoisted_6 = { class: "jky-page-header__right" };
-  const _hoisted_7 = { class: "jky-page-header__status-icons hidden md:flex" };
-  const _hoisted_8 = {
-    xmlns: "http://www.w3.org/2000/svg",
-    style: { "color": "white" },
-    fill: "none",
-    viewBox: "0 0 24 24",
-    stroke: "currentColor"
-  };
-  const _hoisted_9 = { class: "jky-page-header__time hidden md:block" };
-  const _hoisted_10 = { class: "jky-page-header__user" };
-  const _hoisted_11 = ["src", "alt"];
-  const _hoisted_12 = {
-    key: 0,
-    class: "jky-page-header__username text-base hidden md:block"
-  };
-  const _sfc_main$1 = /* @__PURE__ */ vue.defineComponent(__spreadProps(__spreadValues({}, {
-    name: "JkyPageHeader"
-  }), {
-    __name: "PageHeader",
-    props: {
-      logo: {},
-      title: {},
-      height: { default: 76 },
-      background: {},
-      backgroundImage: {},
-      statusIcons: { default: () => [] },
-      userName: {},
-      userAvatar: {},
-      popover: {},
-      showMore: { type: Boolean },
-      showPopover: { type: Boolean },
-      showLogout: { type: Boolean },
-      userDropdownItems: { default: () => [
-        { label: "个人信息", value: "profile", icon: "icon-[heroicons--user]" },
-        { label: "清理缓存", value: "clear", icon: "icon-[heroicons--trash]" },
-        { label: "注销", value: "logout", icon: "icon-[heroicons--arrow-right-on-rectangle]" }
-      ] }
-    },
-    emits: ["logout", "command"],
-    setup(__props, { emit: __emit }) {
-      const props = __props;
-      const emit = __emit;
-      function handleCommand(command) {
-        emit("command", command);
-      }
-      const heightValue = vue.computed(() => {
-        if (typeof props.height === "number") {
-          return `${props.height}px`;
-        }
-        return props.height;
-      });
-      const backgroundStyle = vue.computed(() => {
-        const style = {};
-        if (props.backgroundImage) {
-          style.backgroundImage = `url(${props.backgroundImage})`;
-          style.backgroundSize = "cover";
-          style.backgroundPosition = "center";
-        }
-        if (props.background) {
-          style.backgroundColor = props.background;
-        }
-        return style;
-      });
-      return (_ctx, _cache) => {
-        var _a, _b, _c, _d;
-        return vue.openBlock(), vue.createElementBlock("header", {
-          class: "jky-page-header",
-          style: vue.normalizeStyle([vue.unref(backgroundStyle), { height: vue.unref(heightValue) }])
-        }, [
-          vue.createElementVNode("div", _hoisted_1, [
-            __props.showPopover && ((_b = (_a = __props.popover) == null ? void 0 : _a.menus) == null ? void 0 : _b.length) ? (vue.openBlock(), vue.createBlock(_sfc_main$2, vue.normalizeProps(vue.mergeProps({ key: 0 }, __props.popover)), null, 16)) : vue.createCommentVNode("", true),
-            vue.createElementVNode("div", _hoisted_2, [
-              __props.logo ? (vue.openBlock(), vue.createElementBlock("img", {
-                key: 0,
-                src: __props.logo,
-                alt: __props.title || "Logo",
-                class: "jky-page-header__logo"
-              }, null, 8, _hoisted_3)) : vue.createCommentVNode("", true),
-              __props.title ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_4, vue.toDisplayString(__props.title), 1)) : vue.createCommentVNode("", true)
-            ]),
-            vue.createElementVNode("div", _hoisted_5, [
-              vue.renderSlot(_ctx.$slots, "center")
-            ]),
-            vue.createElementVNode("div", _hoisted_6, [
-              vue.createElementVNode("div", _hoisted_7, [
-                (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(__props.statusIcons, (icon, index) => {
-                  return vue.openBlock(), vue.createElementBlock(vue.Fragment, { key: index }, [
-                    typeof icon.icon === "string" ? (vue.openBlock(), vue.createElementBlock("span", {
-                      key: 0,
-                      class: vue.normalizeClass(["jky-page-header__status-icon text-white cursor-pointer", [icon.icon]])
-                    }, null, 2)) : (vue.openBlock(), vue.createBlock(vue.unref(ElementPlus.ElIcon), {
-                      key: 1,
-                      size: 20,
-                      title: icon.label,
-                      color: icon.color || "white",
-                      class: "jky-page-header__status-icon cursor-pointer",
-                      onClick: icon.onClick
-                    }, {
-                      default: vue.withCtx(() => [
-                        (vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent(icon.icon)))
-                      ]),
-                      _: 2
-                    }, 1032, ["title", "color", "onClick"]))
-                  ], 64);
-                }), 128))
-              ]),
-              __props.statusIcons.length > 0 ? (vue.openBlock(), vue.createBlock(vue.unref(ElementPlus.ElDropdown), {
-                key: 0,
-                trigger: "click",
-                class: "md:hidden"
-              }, {
-                dropdown: vue.withCtx(() => [
-                  vue.createVNode(vue.unref(ElementPlus.ElDropdownMenu), null, {
-                    default: vue.withCtx(() => [
-                      (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(__props.statusIcons, (icon, index) => {
-                        return vue.openBlock(), vue.createBlock(vue.unref(ElementPlus.ElDropdownItem), {
-                          key: index,
-                          onClick: icon.onClick
-                        }, {
-                          default: vue.withCtx(() => [
-                            typeof icon.icon === "string" ? (vue.openBlock(), vue.createElementBlock("span", {
-                              key: 0,
-                              class: vue.normalizeClass(["text-white", [icon.icon]])
-                            }, null, 2)) : (vue.openBlock(), vue.createBlock(vue.unref(ElementPlus.ElIcon), {
-                              key: 1,
-                              size: 16,
-                              class: "mr-2"
-                            }, {
-                              default: vue.withCtx(() => [
-                                (vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent(icon.icon)))
-                              ]),
-                              _: 2
-                            }, 1024)),
-                            vue.createTextVNode(" " + vue.toDisplayString(icon.label), 1)
-                          ]),
-                          _: 2
-                        }, 1032, ["onClick"]);
-                      }), 128))
-                    ]),
-                    _: 1
-                  })
-                ]),
-                default: vue.withCtx(() => [
-                  vue.createVNode(vue.unref(ElementPlus.ElIcon), {
-                    size: 20,
-                    class: "jky-page-header__status-icon text-white"
-                  }, {
-                    default: vue.withCtx(() => [
-                      (vue.openBlock(), vue.createElementBlock("svg", _hoisted_8, [..._cache[1] || (_cache[1] = [
-                        vue.createElementVNode("path", {
-                          "stroke-linecap": "round",
-                          "stroke-linejoin": "round",
-                          "stroke-width": "2",
-                          d: "M4 6h16M4 12h16M4 18h16"
-                        }, null, -1)
-                      ])]))
-                    ]),
-                    _: 1
-                  })
-                ]),
-                _: 1
-              })) : vue.createCommentVNode("", true),
-              vue.createElementVNode("div", _hoisted_9, [
-                vue.renderSlot(_ctx.$slots, "time", {}, () => [
-                  vue.createElementVNode("span", null, vue.toDisplayString((/* @__PURE__ */ new Date()).toLocaleString("zh-CN")), 1)
-                ])
-              ]),
-              __props.showMore && ((_d = (_c = __props.popover) == null ? void 0 : _c.menus) == null ? void 0 : _d.length) ? (vue.openBlock(), vue.createBlock(_sfc_main$2, vue.mergeProps({
-                key: 1,
-                "ref-name": "更多",
-                "ref-icon-class": "icon-[mdi--format-list-bulleted]"
-              }, __props.popover, { placement: "bottom" }), null, 16)) : vue.createCommentVNode("", true),
-              vue.createVNode(vue.unref(ElementPlus.ElDropdown), {
-                trigger: "hover",
-                onCommand: handleCommand
-              }, {
-                dropdown: vue.withCtx(() => [
-                  vue.createVNode(vue.unref(ElementPlus.ElDropdownMenu), null, {
-                    default: vue.withCtx(() => [
-                      (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(__props.userDropdownItems, (item) => {
-                        return vue.openBlock(), vue.createBlock(vue.unref(ElementPlus.ElDropdownItem), {
-                          key: item.value,
-                          command: item.value,
-                          disabled: item.disabled,
-                          divided: item.divided
-                        }, {
-                          default: vue.withCtx(() => [
-                            vue.createElementVNode("span", {
-                              class: vue.normalizeClass(["mr-2", item.icon])
-                            }, null, 2),
-                            vue.createTextVNode(" " + vue.toDisplayString(item.label), 1)
-                          ]),
-                          _: 2
-                        }, 1032, ["command", "disabled", "divided"]);
-                      }), 128))
-                    ]),
-                    _: 1
-                  })
-                ]),
-                default: vue.withCtx(() => [
-                  vue.createElementVNode("div", _hoisted_10, [
-                    vue.renderSlot(_ctx.$slots, "userIcon", {}, () => [
-                      __props.userAvatar ? (vue.openBlock(), vue.createBlock(vue.unref(ElementPlus.ElIcon), {
-                        key: 0,
-                        size: 24,
-                        class: "jky-page-header__avatar"
-                      }, {
-                        default: vue.withCtx(() => [
-                          vue.createElementVNode("img", {
-                            src: __props.userAvatar,
-                            alt: __props.userName,
-                            class: "rounded-full"
-                          }, null, 8, _hoisted_11)
-                        ]),
-                        _: 1
-                      })) : (vue.openBlock(), vue.createBlock(vue.unref(ElementPlus.ElIcon), {
-                        key: 1,
-                        size: 24,
-                        class: "jky-page-header__avatar"
-                      }, {
-                        default: vue.withCtx(() => [..._cache[2] || (_cache[2] = [
-                          vue.createElementVNode("span", { class: "icon-[heroicons--user]" }, null, -1)
-                        ])]),
-                        _: 1
-                      }))
-                    ]),
-                    __props.userName ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_12, vue.toDisplayString(__props.userName), 1)) : vue.createCommentVNode("", true)
-                  ])
-                ]),
-                _: 3
-              }),
-              __props.showLogout ? (vue.openBlock(), vue.createElementBlock("div", {
-                key: 2,
-                class: "jky-page-header__logout h-full flex items-center text-white",
-                onClick: _cache[0] || (_cache[0] = ($event) => _ctx.$emit("logout"))
-              }, [..._cache[3] || (_cache[3] = [
-                vue.createElementVNode("span", { class: "icon-[ri--logout-circle-line] mr-2" }, null, -1),
-                vue.createElementVNode("span", null, "退出登录", -1)
-              ])])) : vue.createCommentVNode("", true)
-            ])
-          ])
-        ], 4);
-      };
-    }
-  }));
-  const JkyPageHeader = installWithSFC(_sfc_main$1);
-  const _sfc_main = /* @__PURE__ */ vue.defineComponent(__spreadProps(__spreadValues({}, {
-    name: "JkySayHello"
-  }), {
-    __name: "SayHello",
-    props: {
-      name: {}
-    },
-    setup(__props) {
-      function sayHello() {
-        alert(`Hello, ${__props.name}!`);
-      }
-      return (_ctx, _cache) => {
-        return vue.openBlock(), vue.createElementBlock("button", {
-          class: "jky-component-lib-say-hello",
-          onClick: _cache[0] || (_cache[0] = ($event) => sayHello())
-        }, " Say, hi! ");
-      };
-    }
-  }));
-  const JkySayHello = installWithSFC(_sfc_main);
-  const components = [
-    JkySayHello,
-    JkyButton,
-    JkyButtonNav,
-    JkyPageHeader,
-    JkyMenu,
-    JkyForm,
-    JkyCodeMirrorEditor
-  ];
-  function JkyComponentLibResolver() {
-    return {
-      type: "component",
-      resolve: (name) => {
-        if (name.match(/^Jky[A-Z]/)) {
-          return {
-            name,
-            from: "jky-component-lib",
-            sideEffects: [
-              `jky-component-lib/dist/es/${name.replace("Jky", "").replace(/([A-Z])/g, "-$1").replace(/^-/, "").toLowerCase()}/style.css`
-            ]
-          };
-        }
-      }
-    };
-  }
-  const installer = createInstaller(components);
-  const install = installer.install;
-  const version = installer.version;
-  exports2.JkyButton = JkyButton;
-  exports2.JkyButtonNav = JkyButtonNav;
-  exports2.JkyCodeMirrorEditor = JkyCodeMirrorEditor;
-  exports2.JkyComponentLibResolver = JkyComponentLibResolver;
-  exports2.JkyForm = JkyForm;
-  exports2.JkyMenu = JkyMenu;
-  exports2.JkyPageHeader = JkyPageHeader;
-  exports2.JkySayHello = JkySayHello;
-  exports2.components = components;
-  exports2.default = installer;
-  exports2.install = install;
-  exports2.version = version;
-  Object.defineProperties(exports2, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
-}));