fdb2 1.0.2 → 1.0.3

package/dist/public/layout.css

@@ -0,0 +1,318 @@
+
+/* 主布局样式 */
+.database-layout[data-v-db2714e7] {
+  height: 100vh;
+  display: flex;
+  flex-direction: column;
+  background: linear-gradient(135deg, #f8fafc 0%, #e2e8f0 100%);
+}
+
+/* 现代导航栏样式 */
+.navbar-modern[data-v-db2714e7] {
+  background: linear-gradient(135deg, #ffffff 0%, #f8fafc 100%);
+  border-bottom: 1px solid #e2e8f0;
+  box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
+  padding: 0.75rem 0;
+  position: sticky;
+  top: 0;
+  z-index: 1030;
+  backdrop-filter: blur(10px);
+}
+
+/* 品牌区域 */
+.navbar-brand-wrapper[data-v-db2714e7] {
+  margin-right: 2rem;
+}
+.navbar-brand-modern[data-v-db2714e7] {
+  display: flex;
+  align-items: center;
+  gap: 1rem;
+  text-decoration: none;
+  color: #1e293b;
+  transition: all 0.3s ease;
+}
+.navbar-brand-modern[data-v-db2714e7]:hover {
+  color: #667eea;
+  transform: translateX(2px);
+}
+.brand-icon[data-v-db2714e7] {
+  width: 45px;
+  height: 45px;
+  background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
+  border-radius: 12px;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  color: white;
+  font-size: 1.5rem;
+  box-shadow: 0 4px 12px rgba(102, 126, 234, 0.3);
+  transition: all 0.3s ease;
+}
+.brand-icon[data-v-db2714e7]:hover {
+  transform: rotate(5deg) scale(1.05);
+  box-shadow: 0 6px 16px rgba(102, 126, 234, 0.4);
+}
+.brand-text[data-v-db2714e7] {
+  display: flex;
+  flex-direction: column;
+  gap: 2px;
+}
+.brand-name[data-v-db2714e7] {
+  font-size: 1.25rem;
+  font-weight: 700;
+  color: #1e293b;
+  letter-spacing: -0.025em;
+}
+.brand-subtitle[data-v-db2714e7] {
+  font-size: 0.75rem;
+  color: #64748b;
+  font-weight: 500;
+  letter-spacing: 0.05em;
+  text-transform: uppercase;
+}
+
+/* 移动端切换按钮 */
+.navbar-toggler-modern[data-v-db2714e7] {
+  background: none;
+  border: none;
+  padding: 0.5rem;
+  cursor: pointer;
+  display: none;
+  flex-direction: column;
+  gap: 4px;
+}
+.navbar-toggler-line[data-v-db2714e7] {
+  width: 25px;
+  height: 3px;
+  background: linear-gradient(90deg, #667eea, #764ba2);
+  border-radius: 2px;
+  transition: all 0.3s ease;
+}
+
+/* 导航折叠区域 */
+.navbar-collapse-modern[data-v-db2714e7] {
+  background: transparent;
+}
+
+/* 主导航样式 */
+.navbar-nav-modern[data-v-db2714e7] {
+  display: flex;
+  align-items: center;
+  gap: 0.5rem;
+}
+.nav-item-modern[data-v-db2714e7] {
+  position: relative;
+}
+.nav-link-modern[data-v-db2714e7] {
+  display: flex;
+  align-items: center;
+  gap: 0.75rem;
+  padding: 0.75rem 1.25rem;
+  border-radius: 12px;
+  color: #64748b;
+  text-decoration: none;
+  font-weight: 500;
+  transition: all 0.3s ease;
+  position: relative;
+  overflow: hidden;
+}
+.nav-link-modern[data-v-db2714e7]:hover {
+  background: rgba(102, 126, 234, 0.1);
+  color: #667eea;
+  transform: translateY(-1px);
+}
+.nav-link-modern.active[data-v-db2714e7] {
+  background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
+  color: white;
+  box-shadow: 0 4px 12px rgba(102, 126, 234, 0.3);
+}
+.nav-icon[data-v-db2714e7] {
+  font-size: 1.25rem;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  min-width: 24px;
+}
+.nav-text[data-v-db2714e7] {
+  font-size: 0.95rem;
+  font-weight: 600;
+  letter-spacing: 0.025em;
+}
+.nav-indicator[data-v-db2714e7] {
+  position: absolute;
+  bottom: 0;
+  left: 50%;
+  transform: translateX(-50%);
+  width: 4px;
+  height: 4px;
+  background: white;
+  border-radius: 50%;
+  opacity: 0;
+  transition: all 0.3s ease;
+}
+.nav-link-modern.active .nav-indicator[data-v-db2714e7] {
+  opacity: 1;
+}
+
+/* 用户菜单样式 */
+.nav-icon-only[data-v-db2714e7] {
+  padding: 0.75rem;
+  min-width: auto;
+}
+.notification-dot[data-v-db2714e7] {
+  position: absolute;
+  top: 8px;
+  right: 8px;
+  width: 8px;
+  height: 8px;
+  background: #ef4444;
+  border-radius: 50%;
+  border: 2px solid white;
+  animation: pulse-db2714e7 2s ease-in-out infinite;
+}
+.user-menu-toggle[data-v-db2714e7] {
+  display: flex;
+  align-items: center;
+  gap: 0.75rem;
+  padding: 0.5rem;
+  border-radius: 12px;
+  transition: all 0.3s ease;
+}
+.user-menu-toggle[data-v-db2714e7]:hover {
+  background: rgba(102, 126, 234, 0.1);
+}
+.user-avatar[data-v-db2714e7] {
+  width: 40px;
+  height: 40px;
+  background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
+  border-radius: 50%;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  color: white;
+  font-size: 1.25rem;
+  box-shadow: 0 2px 8px rgba(102, 126, 234, 0.3);
+}
+.user-info[data-v-db2714e7] {
+  display: flex;
+  flex-direction: column;
+  gap: 2px;
+}
+.user-name[data-v-db2714e7] {
+  font-size: 0.9rem;
+  font-weight: 600;
+  color: #1e293b;
+}
+.user-role[data-v-db2714e7] {
+  font-size: 0.75rem;
+  color: #64748b;
+  font-weight: 500;
+}
+.dropdown-arrow[data-v-db2714e7] {
+  color: #94a3b8;
+  font-size: 0.75rem;
+  transition: all 0.3s ease;
+}
+.user-menu-toggle:hover .dropdown-arrow[data-v-db2714e7] {
+  color: #667eea;
+  transform: translateY(1px);
+}
+
+/* 现代下拉菜单样式 */
+.dropdown-menu-modern[data-v-db2714e7] {
+  background: white;
+  border: 1px solid #e2e8f0;
+  border-radius: 16px;
+  box-shadow: 0 10px 25px rgba(0, 0, 0, 0.1), 0 4px 10px rgba(0, 0, 0, 0.05);
+  padding: 0.75rem;
+  min-width: 280px;
+  backdrop-filter: blur(10px);
+  margin-top: 0.75rem;
+}
+.dropdown-header[data-v-db2714e7] {
+  padding: 0.5rem 0.75rem;
+  font-size: 0.75rem;
+  font-weight: 700;
+  color: #94a3b8;
+  text-transform: uppercase;
+  letter-spacing: 0.05em;
+  border-bottom: 1px solid #f1f5f9;
+  margin-bottom: 0.5rem;
+}
+.dropdown-item-modern[data-v-db2714e7] {
+  display: flex;
+  align-items: center;
+  gap: 0.75rem;
+  padding: 0.75rem;
+  border-radius: 8px;
+  color: #374151;
+  text-decoration: none;
+  transition: all 0.2s ease;
+  margin-bottom: 2px;
+}
+.dropdown-item-modern[data-v-db2714e7]:hover {
+  background: linear-gradient(135deg, #f8fafc 0%, #f1f5f9 100%);
+  color: #667eea;
+  transform: translateX(4px);
+}
+.dropdown-item-modern.text-danger[data-v-db2714e7]:hover {
+  background: linear-gradient(135deg, #fef2f2 0%, #fee2e2 100%);
+  color: #dc2626;
+}
+.dropdown-item-content[data-v-db2714e7] {
+  display: flex;
+  flex-direction: column;
+  gap: 2px;
+}
+.dropdown-item-title[data-v-db2714e7] {
+  font-size: 0.9rem;
+  font-weight: 600;
+  color: inherit;
+}
+.dropdown-item-desc[data-v-db2714e7] {
+  font-size: 0.75rem;
+  color: #94a3b8;
+}
+.dropdown-divider-modern[data-v-db2714e7] {
+  margin: 0.75rem -0.75rem;
+  border: none;
+  border-top: 1px solid #f1f5f9;
+}
+
+/* 主要内容区域 */
+.main-content-modern[data-v-db2714e7] {
+  flex: 1;
+  display: flex;
+  flex-direction: column;
+  background: transparent;
+  overflow: hidden;
+}
+.content-wrapper[data-v-db2714e7] {
+  flex: 1;
+  background: rgba(255, 255, 255, 0.3);
+  backdrop-filter: blur(8px);
+  overflow-y: auto;
+  height: 100%;
+}
+
+
+
+/* 动画效果 */
+@keyframes pulse-db2714e7 {
+0%, 100% { opacity: 1; transform: scale(1);
+}
+50% { opacity: 0.6; transform: scale(1.2);
+}
+}
+
+/* 响应式设计 */
+@media (max-width: 768px) {
+.content-wrapper[data-v-db2714e7] {
+    padding: 0.5rem;
+}
+}
+@media (max-width: 480px) {
+.content-wrapper[data-v-db2714e7] {
+    padding: 0.25rem;
+}
+}

package/dist/public/layout.js

@@ -0,0 +1,25 @@
+import { s as defineComponent, o as openBlock, v as createElementBlock, z as createBaseVNode, J as createVNode, r as resolveComponent } from "./vue.js";
+import { _ as _export_sfc } from "./index.js";
+import "./bootstrap.js";
+const _hoisted_1 = { class: "database-layout" };
+const _hoisted_2 = { class: "main-content-modern" };
+const _hoisted_3 = { class: "content-wrapper" };
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "layout",
+  setup(__props) {
+    return (_ctx, _cache) => {
+      const _component_router_view = resolveComponent("router-view");
+      return openBlock(), createElementBlock("div", _hoisted_1, [
+        createBaseVNode("main", _hoisted_2, [
+          createBaseVNode("div", _hoisted_3, [
+            createVNode(_component_router_view)
+          ])
+        ])
+      ]);
+    };
+  }
+});
+const layout = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-db2714e7"]]);
+export {
+  layout as default
+};

package/dist/public/vue.css

@@ -0,0 +1 @@
+.vjs-tree-brackets{cursor:pointer}.vjs-tree-brackets:hover{color:#1890ff}.vjs-check-controller{position:absolute;left:0}.vjs-check-controller.is-checked .vjs-check-controller-inner{background-color:#1890ff;border-color:#0076e4}.vjs-check-controller.is-checked .vjs-check-controller-inner.is-checkbox:after{transform:rotate(45deg) scaleY(1)}.vjs-check-controller.is-checked .vjs-check-controller-inner.is-radio:after{transform:translate(-50%,-50%) scale(1)}.vjs-check-controller .vjs-check-controller-inner{display:inline-block;position:relative;border:1px solid #bfcbd9;border-radius:2px;vertical-align:middle;box-sizing:border-box;width:16px;height:16px;background-color:#fff;z-index:1;cursor:pointer;transition:border-color .25s cubic-bezier(.71,-.46,.29,1.46),background-color .25s cubic-bezier(.71,-.46,.29,1.46)}.vjs-check-controller .vjs-check-controller-inner:after{box-sizing:content-box;content:"";border:2px solid #fff;border-left:0;border-top:0;height:8px;left:4px;position:absolute;top:1px;transform:rotate(45deg) scaleY(0);width:4px;transition:transform .15s cubic-bezier(.71,-.46,.88,.6) .05s;transform-origin:center}.vjs-check-controller .vjs-check-controller-inner.is-radio{border-radius:100%}.vjs-check-controller .vjs-check-controller-inner.is-radio:after{border-radius:100%;height:4px;background-color:#fff;left:50%;top:50%}.vjs-check-controller .vjs-check-controller-original{opacity:0;outline:none;position:absolute;z-index:-1;top:0;left:0;right:0;bottom:0;margin:0}.vjs-carets{position:absolute;right:0;cursor:pointer}.vjs-carets svg{transition:transform .3s}.vjs-carets:hover{color:#1890ff}.vjs-carets-close{transform:rotate(-90deg)}.vjs-tree-node{display:flex;position:relative;line-height:20px}.vjs-tree-node.has-carets{padding-left:15px}.vjs-tree-node.has-carets.has-selector,.vjs-tree-node.has-selector{padding-left:30px}.vjs-tree-node.is-highlight,.vjs-tree-node:hover{background-color:#e6f7ff;border-radius:4px}.vjs-tree-node.is-highlight .vjs-tree-node-actions,.vjs-tree-node:hover .vjs-tree-node-actions{display:block}.vjs-tree-node .vjs-indent{display:flex;position:relative}.vjs-tree-node .vjs-indent-unit.has-line{border-left:1px dashed #bfcbd9}.vjs-tree-node .vjs-tree-node-actions{display:none;position:absolute;right:0;top:0;padding:0 4px;background-color:#e6f7ff;border-radius:4px}.vjs-tree-node .vjs-tree-node-actions .vjs-tree-node-actions-item{cursor:pointer}.vjs-tree-node .vjs-tree-node-actions .vjs-tree-node-actions-item:hover{color:#1890ff}.vjs-tree-node.dark.is-highlight,.vjs-tree-node.dark .vjs-tree-node-actions,.vjs-tree-node.dark:hover{background-color:#2e4558}.vjs-node-index{position:absolute;right:100%;margin-right:4px;user-select:none}.vjs-colon{white-space:pre}.vjs-comment{color:#bfcbd9}.vjs-key{white-space:nowrap}.vjs-value{word-break:break-word}.vjs-tree-node.dynamic-height .vjs-value{white-space:pre-wrap}.vjs-value-null,.vjs-value-undefined{color:#d55fde}.vjs-value-boolean,.vjs-value-number{color:#1d8ce0}.vjs-value-string{color:#13ce66}.vjs-tree{font-family:Monaco,Menlo,Consolas,Bitstream Vera Sans Mono,monospace;font-size:14px;text-align:left}.vjs-tree.is-virtual{overflow:auto}.vjs-tree.is-virtual .vjs-tree-node{white-space:nowrap}