@timus-networks/theme 2.4.31 → 2.4.33

package/dist/module.json

@@ -1,7 +1,7 @@
 {
   "name": "@timus-networks/theme",
   "configKey": "themeOptions",
-  "version": "2.4.31",
+  "version": "2.4.33",
   "builder": {
     "@nuxt/module-builder": "0.8.4",
     "unbuild": "2.0.0"

package/dist/module.mjs

@@ -11,7 +11,7 @@ const __filename = __cjs_url__.fileURLToPath(import.meta.url);
 const __dirname = __cjs_path__.dirname(__filename);
 const require = __cjs_mod__.createRequire(import.meta.url);
 const name = "@timus-networks/theme";
-const version = "2.4.31";
+const version = "2.4.33";
 const description = "A comprehensive Nuxt.js module providing a tailored theme experience with integrated TailwindCSS support for applications.";
 const type = "module";
 const exports = {

package/dist/runtime/components/development/example.link.vue

@@ -32,7 +32,7 @@
         <h2>Underline</h2>
         <p>Underline of link</p>
         <div class="flex gap-2">
-          <el-link :underline="false">Without Underline</el-link>
+          Some text, <el-link :underline="false">Without Underline</el-link> no - underline....
           <el-link>With Underline</el-link>
         </div>
       </div>

package/dist/runtime/composables/useBreadcrumb.d.ts

@@ -1,7 +1,6 @@
 import type { TabsPaneContext } from 'element-plus';
 export declare function useBreadcrumb(): {
-    activeTab: import("vue").Ref<import("vue-router").LocationQueryValue | import("vue-router").LocationQueryValue[], import("vue-router").LocationQueryValue | import("vue-router").LocationQueryValue[] | import("vue-router").LocationQueryValue[]>;
-    tabChanged: (tab: TabsPaneContext, _event?: Event) => void;
-    setActiveTab: (tab: string, initial?: boolean) => void;
+    activeTab: import("vue").Ref<string, string>;
+    tabChanged: (tab: TabsPaneContext) => void;
     setupBreadcrumbs: (tabs: string[]) => void;
 };

package/dist/runtime/composables/useBreadcrumb.mjs

@@ -1,4 +1,4 @@
-import { onUnmounted, ref, watch } from "vue";
+import { onUnmounted, ref } from "vue";
 import { useRoute, useRouter } from "#app";
 export function useBreadcrumb() {
   const route = useRoute();
@@ -11,44 +11,32 @@ export function useBreadcrumb() {
       clearTimeout(breadcrumbTimeout.value);
     }
   });
-  const tabChanged = (tab, _event) => {
+  const tabChanged = (tab) => {
     if (breadcrumbTimeout.value) {
       clearTimeout(breadcrumbTimeout.value);
     }
-    router.push({
-      path: route.path,
-      query: {
-        ...route.query,
-        ...tab.paneName && { tab: tab.paneName },
-        ...route.query.page && { page: route.query?.tab !== tab.paneName ? 1 : route.query.page }
-      }
-    });
-  };
-  const setActiveTab = (tab, initial = true) => {
     breadcrumbTimeout.value = setTimeout(() => {
-      const found = tabList.value.find((item) => item === (tab || route.query.tab));
-      activeTab.value = found || tabList.value[0];
-      initial && tabChanged({ paneName: activeTab.value });
-    }, 111);
+      router.push({
+        path: route.path,
+        query: {
+          ...route.query,
+          tab: tab.paneName,
+          page: route.query.tab !== tab.paneName ? 1 : route.query.page
+        }
+      });
+    }, 0);
+  };
+  const setActiveTab = (tab) => {
+    activeTab.value = tabList.value.includes(tab) ? tab : tabList.value[0];
+    tabChanged({ paneName: activeTab.value });
   };
   const setupBreadcrumbs = (tabs) => {
-    console.log("CpMS");
     tabList.value = tabs;
-    !activeTab.value && setActiveTab(tabs[0], true);
+    setActiveTab(activeTab.value);
   };
-  watch(
-    () => route.query,
-    (current, before) => {
-      if (before && current.tab && before.tab && current.tab !== before.tab) {
-        setActiveTab(current.tab, false);
-      }
-    },
-    { deep: true, immediate: true }
-  );
   return {
     activeTab,
     tabChanged,
-    setActiveTab,
     setupBreadcrumbs
   };
 }

package/dist/runtime/public/scss/element-plus/form.css

@@ -478,6 +478,7 @@ Bununla selectorun içerisine variable ekleyebiliyorsun
 .el-form-item.is-error .el-select__wrapper:focus,
 .el-form-item.is-error .el-select__wrapper.is-focus {
   box-shadow: 0 0 0 1px var(--el-color-danger) inset;
+  z-index: 1;
 }
 .el-form-item.is-error .el-input-group__append .el-input__wrapper,
 .el-form-item.is-error .el-input-group__prepend .el-input__wrapper {

package/dist/runtime/public/scss/element-plus/form.scss

@@ -217,6 +217,7 @@ $form-item-label-top-margin-bottom: map.merge(
       &:focus,
       &.is-focus {
         box-shadow: 0 0 0 1px getCssVar('color-danger') inset;
+        z-index: 1;
       }
     }
 

package/dist/runtime/public/scss/element-plus/index.css

@@ -8890,6 +8890,7 @@ heights > $common-component-size
 .el-form-item.is-error .el-select__wrapper:focus,
 .el-form-item.is-error .el-select__wrapper.is-focus {
   box-shadow: 0 0 0 1px var(--el-color-danger) inset;
+  z-index: 1;
 }
 .el-form-item.is-error .el-input-group__append .el-input__wrapper,
 .el-form-item.is-error .el-input-group__prepend .el-input__wrapper {
@@ -9813,16 +9814,24 @@ heights > $common-component-size
   font-size: var(--el-link-font-size);
   font-weight: var(--el-link-font-weight);
   color: var(--el-link-text-color);
-  border-bottom: 1px solid transparent;
-  line-height: normal;
 }
 .el-link:hover {
   color: var(--el-link-hover-text-color);
-  border-bottom: 1px solid var(--el-link-hover-text-color);
 }
 .el-link:active {
   color: var(--el-link-active-text-color);
 }
+.el-link.is-underline:hover::after {
+  content: "";
+  position: absolute;
+  left: 0;
+  right: 0;
+  bottom: 2px;
+  border-bottom-width: 1px;
+  border-color: var(--el-color-primary-light-4);
+  border-style: solid;
+}
+
 .el-link.is-disabled {
   color: var(--el-link-disabled-text-color);
   cursor: not-allowed;
@@ -12524,6 +12533,7 @@ heights > $common-component-size
   gap: 8px;
   padding: 10px 12px;
   min-height: 40px;
+  height: 40px;
   line-height: 20px;
   font-size: 14px;
 }
@@ -12551,6 +12561,7 @@ heights > $common-component-size
   gap: 8px;
   padding: 8px 12px;
   min-height: 36px;
+  height: 36px;
   font-size: 14px;
 }
 
@@ -12573,6 +12584,7 @@ heights > $common-component-size
   gap: 4px;
   padding: 6px 12px;
   min-height: 30px;
+  height: 30px;
   line-height: 20px;
   font-size: 12px;
 }
@@ -12600,6 +12612,7 @@ heights > $common-component-size
   gap: 4px;
   padding: 5px 12px;
   min-height: 28px;
+  height: 28px;
   font-size: 12px;
 }
 

package/dist/runtime/public/scss/element-plus/link.css

@@ -324,16 +324,24 @@ Bununla selectorun içerisine variable ekleyebiliyorsun
   font-size: var(--el-link-font-size);
   font-weight: var(--el-link-font-weight);
   color: var(--el-link-text-color);
-  border-bottom: 1px solid transparent;
-  line-height: normal;
 }
 .el-link:hover {
   color: var(--el-link-hover-text-color);
-  border-bottom: 1px solid var(--el-link-hover-text-color);
 }
 .el-link:active {
   color: var(--el-link-active-text-color);
 }
+.el-link.is-underline:hover::after {
+  content: "";
+  position: absolute;
+  left: 0;
+  right: 0;
+  bottom: 2px;
+  border-bottom-width: 1px;
+  border-color: var(--el-color-primary-light-4);
+  border-style: solid;
+}
+
 .el-link.is-disabled {
   color: var(--el-link-disabled-text-color);
   cursor: not-allowed;

package/dist/runtime/public/scss/element-plus/link.scss

@@ -24,12 +24,11 @@
   font-size: getCssVar('link', 'font-size');
   font-weight: getCssVar('link', 'font-weight');
   color: getCssVar('link', 'text-color');
-  border-bottom: 1px solid transparent;
-  line-height: normal;
+  // border-bottom: 1px solid transparent;
 
   &:hover {
     color: getCssVar('link', 'hover-text-color');
-    border-bottom: 1px solid getCssVar('link', 'hover-text-color');
+    // border-bottom: 1px solid getCssVar('link', 'hover-text-color');
   }
 
   &:active {
@@ -37,15 +36,16 @@
   }
 
   @include when(underline) {
-    // &:hover::after {
-    //   content: '';
-    //   width: 100%;
-    //   position: absolute;
-    //   bottom: 0;
-    //   border-bottom-width: 1px;
-    //   border-color: getCssVar('color', 'primary', 'light-4');
-    //   border-style: solid;
-    // }
+    &:hover::after {
+      content: '';
+      position: absolute;
+      left: 0;
+      right: 0;
+      bottom: 2px;
+      border-bottom-width: 1px;
+      border-color: getCssVar('color', 'primary', 'light-4');
+      border-style: solid;
+    }
   }
 
   @include when(disabled) {

package/dist/runtime/public/scss/element-plus/select-v2.css

@@ -670,6 +670,7 @@ Bununla selectorun içerisine variable ekleyebiliyorsun
   gap: 8px;
   padding: 10px 12px;
   min-height: 40px;
+  height: 40px;
   line-height: 20px;
   font-size: 14px;
 }
@@ -697,6 +698,7 @@ Bununla selectorun içerisine variable ekleyebiliyorsun
   gap: 8px;
   padding: 8px 12px;
   min-height: 36px;
+  height: 36px;
   font-size: 14px;
 }
 
@@ -719,6 +721,7 @@ Bununla selectorun içerisine variable ekleyebiliyorsun
   gap: 4px;
   padding: 6px 12px;
   min-height: 30px;
+  height: 30px;
   line-height: 20px;
   font-size: 12px;
 }
@@ -746,6 +749,7 @@ Bununla selectorun içerisine variable ekleyebiliyorsun
   gap: 4px;
   padding: 5px 12px;
   min-height: 28px;
+  height: 28px;
   font-size: 12px;
 }
 

package/dist/runtime/public/scss/element-plus/select.css

@@ -670,6 +670,7 @@ Bununla selectorun içerisine variable ekleyebiliyorsun
   gap: 8px;
   padding: 10px 12px;
   min-height: 40px;
+  height: 40px;
   line-height: 20px;
   font-size: 14px;
 }
@@ -697,6 +698,7 @@ Bununla selectorun içerisine variable ekleyebiliyorsun
   gap: 8px;
   padding: 8px 12px;
   min-height: 36px;
+  height: 36px;
   font-size: 14px;
 }
 
@@ -719,6 +721,7 @@ Bununla selectorun içerisine variable ekleyebiliyorsun
   gap: 4px;
   padding: 6px 12px;
   min-height: 30px;
+  height: 30px;
   line-height: 20px;
   font-size: 12px;
 }
@@ -746,6 +749,7 @@ Bununla selectorun içerisine variable ekleyebiliyorsun
   gap: 4px;
   padding: 5px 12px;
   min-height: 28px;
+  height: 28px;
   font-size: 12px;
 }
 

package/dist/runtime/public/scss/element-plus/select.scss

@@ -249,6 +249,7 @@
         gap: map.get($select-item-gap, $size);
         padding: map.get($select-wrapper-padding, $size);
         min-height: map.get($input-height, $size);
+        height: map.get($input-height, $size);
         line-height: map.get($select-item-height, $size);
         font-size: map.get($input-font-size, $size);
       }

package/dist/runtime/public/scss/theme.css

@@ -1234,23 +1234,6 @@ body {
   justify-content: center;
 }
 
-.page-enter-active,
-.page-leave-active,
-.layout-enter-active,
-.layout-leave-active {
-  opacity: 1;
-  transition: opacity 0.4s;
-  transition-delay: 0.4s;
-}
-
-.page-enter-from,
-.page-leave-to,
-.layout-enter-from,
-.layout-leave-to {
-  opacity: 0;
-  transition: opacity 0.4s;
-}
-
 .el-icon.more-icon {
   align-items: center;
   color: var(--el-color-neutral-light-3);

package/dist/runtime/public/scss/theme.scss

@@ -44,23 +44,6 @@ body {
   }
 }
 
-.page-enter-active,
-.page-leave-active,
-.layout-enter-active,
-.layout-leave-active {
-  opacity: 1;
-  transition: opacity 0.4s;
-  transition-delay: 0.4s;
-}
-
-.page-enter-from,
-.page-leave-to,
-.layout-enter-from,
-.layout-leave-to {
-  opacity: 0;
-  transition: opacity 0.4s;
-}
-
 .el-icon {
   &.more-icon {
     align-items: center;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@timus-networks/theme",
-  "version": "2.4.31",
+  "version": "2.4.33",
   "description": "A comprehensive Nuxt.js module providing a tailored theme experience with integrated TailwindCSS support for applications.",
   "type": "module",
   "exports": {