@xilonglab/vue-main 1.6.6 → 1.6.7

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@xilonglab/vue-main",
-  "version": "1.6.6",
+  "version": "1.6.7",
   "description": "xilong vue main",
   "main": "packages/index.js",
   "scripts": {

package/packages/button/XlButton.vue

@@ -1,4 +1,3 @@
-<<<<<<< HEAD
 <script setup>
 defineOptions({ name: "XlButton" })
 
@@ -229,235 +228,3 @@ function handleClick(event) {
   }
 }
 </style>
-=======
-<script setup>
-defineOptions({ name: "XlButton" })
-
-const props = defineProps({
-    type: {},
-    l: {
-        type: String,
-        default: ''
-    },
-    size: {},
-    disabled: {},
-    loading: {},
-    icon: {},
-    trigger: {
-        type: Function,
-        default: null
-    }
-});
-
-function handleClick(event) {
-    if (props.trigger) {
-        props.trigger();
-    }
-}
-</script>
-
-
-<template>
-    <el-button
-        class="xl-button"
-        :size="size"
-        :type="type"
-        :disabled="disabled"
-        :loading="loading?.value ?? loading ?? false"
-        :icon="icon"
-        @click="handleClick"
-    >
-        <span>{{ l }}</span>
-        <slot />
-    </el-button>
-</template>
-
-
-<style lang="less">
-.xl-button {
-  position: relative;
-  overflow: hidden;
-  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
-  border-radius: 5px;
-  font-weight: 500;
-  
-  // 默认按钮科技感样式
-  &.el-button--default {
-    background: linear-gradient(135deg, #f8f9fa 0%, #e9ecef 100%);
-    border: 1px solid #dee2e6;
-    color: #495057;
-    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
-    
-    &:hover {
-      background: linear-gradient(135deg, #e9ecef 0%, #dee2e6 100%);
-      box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
-      transform: translateY(-1px);
-    }
-    
-    &:active {
-      transform: translateY(0);
-      box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
-    }
-  }
-  
-  // 主要按钮科技感样式
-  &.el-button--primary {
-    background: linear-gradient(135deg, #409eff 0%, #337ecc 100%);
-    border: 1px solid #409eff;
-    color: #ffffff;
-    box-shadow: 0 2px 8px rgba(64, 158, 255, 0.3);
-    
-    &:hover {
-      background: linear-gradient(135deg, #337ecc 0%, #2b6cb0 100%);
-      box-shadow: 0 4px 16px rgba(64, 158, 255, 0.4);
-      transform: translateY(-1px);
-    }
-    
-    &:active {
-      transform: translateY(0);
-      box-shadow: 0 2px 8px rgba(64, 158, 255, 0.3);
-    }
-  }
-  
-  // 成功按钮科技感样式
-  &.el-button--success {
-    background: linear-gradient(135deg, #67c23a 0%, #529b2e 100%);
-    border: 1px solid #67c23a;
-    color: #ffffff;
-    box-shadow: 0 2px 8px rgba(103, 194, 58, 0.3);
-    
-    &:hover {
-      background: linear-gradient(135deg, #529b2e 0%, #4a7c59 100%);
-      box-shadow: 0 4px 16px rgba(103, 194, 58, 0.4);
-      transform: translateY(-1px);
-    }
-    
-    &:active {
-      transform: translateY(0);
-      box-shadow: 0 2px 8px rgba(103, 194, 58, 0.3);
-    }
-  }
-  
-  // 警告按钮科技感样式
-  &.el-button--warning {
-    background: linear-gradient(135deg, #e6a23c 0%, #d4941e 100%);
-    border: 1px solid #e6a23c;
-    color: #ffffff;
-    box-shadow: 0 2px 8px rgba(230, 162, 60, 0.3);
-    
-    &:hover {
-      background: linear-gradient(135deg, #d4941e 0%, #b8860b 100%);
-      box-shadow: 0 4px 16px rgba(230, 162, 60, 0.4);
-      transform: translateY(-1px);
-    }
-    
-    &:active {
-      transform: translateY(0);
-      box-shadow: 0 2px 8px rgba(230, 162, 60, 0.3);
-    }
-  }
-  
-  // 危险按钮科技感样式
-  &.el-button--danger {
-    background: linear-gradient(135deg, #f56c6c 0%, #e53e3e 100%);
-    border: 1px solid #f56c6c;
-    color: #ffffff;
-    box-shadow: 0 2px 8px rgba(245, 108, 108, 0.3);
-    
-    &:hover {
-      background: linear-gradient(135deg, #e53e3e 0%, #c53030 100%);
-      box-shadow: 0 4px 16px rgba(245, 108, 108, 0.4);
-      transform: translateY(-1px);
-    }
-    
-    &:active {
-      transform: translateY(0);
-      box-shadow: 0 2px 8px rgba(245, 108, 108, 0.3);
-    }
-  }
-  
-  // 信息按钮科技感样式
-  &.el-button--info {
-    background: linear-gradient(135deg, #909399 0%, #73767a 100%);
-    border: 1px solid #909399;
-    color: #ffffff;
-    box-shadow: 0 2px 8px rgba(144, 147, 153, 0.3);
-    
-    &:hover {
-      background: linear-gradient(135deg, #73767a 0%, #5a5c5e 100%);
-      box-shadow: 0 4px 16px rgba(144, 147, 153, 0.4);
-      transform: translateY(-1px);
-    }
-    
-    &:active {
-      transform: translateY(0);
-      box-shadow: 0 2px 8px rgba(144, 147, 153, 0.3);
-    }
-  }
-  
-  // 禁用状态
-  &.is-disabled {
-    opacity: 0.6;
-    cursor: not-allowed;
-    transform: none !important;
-    box-shadow: none !important;
-    
-    &:hover {
-      transform: none !important;
-      box-shadow: none !important;
-    }
-  }
-  
-  // 加载状态
-  &.is-loading {
-    position: relative;
-    
-    &::before {
-      content: '';
-      position: absolute;
-      top: 0;
-      left: 0;
-      right: 0;
-      bottom: 0;
-      background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.2), transparent);
-      animation: shimmer 1.5s infinite;
-    }
-  }
-  
-  // 发光效果（用于特殊场景）
-  &.xl-button--glow {
-    &::after {
-      content: '';
-      position: absolute;
-      top: -2px;
-      left: -2px;
-      right: -2px;
-      bottom: -2px;
-      background: inherit;
-      border-radius: inherit;
-      filter: blur(4px);
-      opacity: 0.3;
-      z-index: -1;
-    }
-  }
-}
-
-// 闪烁动画
-@keyframes shimmer {
-  0% {
-    transform: translateX(-100%);
-  }
-  100% {
-    transform: translateX(100%);
-  }
-}
-
-// 响应式设计
-@media (max-width: 768px) {
-  .xl-button {
-    font-size: 14px;
-    padding: 8px 16px;
-  }
-}
-</style>
->>>>>>> 10f1033bebbe3355872fa734591c08b3ae78df9d

package/packages/else/XlBreadcrumb.vue

@@ -8,7 +8,7 @@ const route = useRoute();
 const router = useRouter();
 const breadcrumbData = ref([]);
 
-// 更新面包屑数�?
+// 更新面包屑数据
 const updateBreadcrumb = () => {
     // 过滤有name和title属性的有效路由
     breadcrumbData.value = route.matched
@@ -20,11 +20,11 @@ const updateBreadcrumb = () => {
         }));
 };
 
-// 处理面包屑点�?
+// 处理面包屑点击
 const handleClick = (path) => {
-    if (path === route.path) return; // 当前页面不跳�?
+    if (path === route.path) return; // 当前页面不跳转
     
-    // 查找对应的路由配�?
+    // 查找对应的路由配置
     const findRoute = (routes, targetPath) => {
         for (const r of routes) {
             if (r.path === targetPath) return r;