@timus-networks/theme 2.4.111 → 2.4.114

package/dist/module.json

@@ -1,7 +1,7 @@
 {
   "name": "@timus-networks/theme",
   "configKey": "themeOptions",
-  "version": "2.4.110",
+  "version": "2.4.113",
   "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.110";
+const version = "2.4.113";
 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.select.vue

@@ -11,7 +11,15 @@
           sizes <el-text tag="mark">{{ sizes.join(', ') }}</el-text>
         </p>
         <div class="flex gap-4 items-start">
-          <el-select v-for="(size, index) of sizes" :key="size + index" v-model="value" v-bind="size !== 'default' ? { size } : {}" placeholder="Select" style="width: 140px">
+          <el-select
+            v-for="(size, index) of sizes"
+            :key="size + index"
+            v-model="value"
+            filterable
+            v-bind="size !== 'default' ? { size } : {}"
+            placeholder="Select"
+            style="width: 140px"
+          >
             <el-option v-for="item in options" :key="item.value" :label="item.label" :value="item.value" />
           </el-select>
         </div>
@@ -101,7 +109,17 @@
             </div>
             <div class="flex gap-4 flex-col">
               <p>use max-collapse-tags</p>
-              <el-select v-model="multiple.four" multiple collapse-tags collapse-tags-tooltip :max-collapse-tags="3" placeholder="Select" style="width: 184px" :size="size">
+              <el-select
+                v-model="multiple.four"
+                filterable
+                multiple
+                collapse-tags
+                collapse-tags-tooltip
+                :max-collapse-tags="3"
+                placeholder="Select"
+                style="width: 184px"
+                :size="size"
+              >
                 <el-option v-for="item in options" :key="item.value" :label="item.label" :value="item.value" />
               </el-select>
             </div>

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

@@ -10,7 +10,7 @@
           Basic and concise tabs. Tabs provide a selective card functionality. By default the first tab is selected as active, and you can activate any tab by setting the value
           attribute.
         </p>
-        <el-tabs v-model="activeName" class="demo-tabs" style="width: 100%" @tab-click="handleClick">
+        <el-tabs v-model="activeName" class="demo-tabs" style="width: 100%">
           <el-tab-pane label="User" name="first">User</el-tab-pane>
           <el-tab-pane label="Config" name="second">Config</el-tab-pane>
           <el-tab-pane label="Role" name="third">Role</el-tab-pane>

package/dist/runtime/pages/theme.vue

@@ -1,5 +1,5 @@
 <template>
-  <el-tabs v-model="activeName" class="demo-tabs" @tab-click="handleClick">
+  <el-tabs v-model="activeName" class="demo-tabs">
     <el-tab-pane label="Alert" name="alert" lazy><example-alert /></el-tab-pane>
     <el-tab-pane label="Avatar" name="avatar" lazy><example-avatar /></el-tab-pane>
     <el-tab-pane label="Badge" name="badge" lazy><example-badge /></el-tab-pane>

package/dist/runtime/public/scss/element-plus/common/var.scss

@@ -489,11 +489,11 @@ $select-dropdown: map.merge(
 $select-wrapper-padding: () !default;
 $select-wrapper-padding: map.merge(
   (
-    'default': 8px 12px,
-    'large': 10px 12px,
-    'medium': 8px 12px,
-    'small': 6px 12px,
-    'mini': 5px 12px,
+    'default': 8px,
+    'large': 10px,
+    'medium': 8px,
+    'small': 6px,
+    'mini': 5px,
   ),
   $select-wrapper-padding
 );

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

@@ -12739,6 +12739,10 @@ h6,
   height: 20px;
 }
 
+.el-select--large .el-select__selected-item {
+  height: 20px;
+}
+
 .el-select--medium .el-select__wrapper {
   gap: 8px;
   padding: 8px 12px;
@@ -12766,6 +12770,10 @@ h6,
   height: 20px;
 }
 
+.el-select--medium .el-select__selected-item {
+  height: 20px;
+}
+
 .el-select--small .el-select__wrapper {
   gap: 4px;
   padding: 6px 12px;
@@ -12793,6 +12801,10 @@ h6,
   height: 20px;
 }
 
+.el-select--small .el-select__selected-item {
+  height: 20px;
+}
+
 .el-select--mini .el-select__wrapper {
   gap: 4px;
   padding: 5px 12px;
@@ -12815,6 +12827,10 @@ h6,
   gap: 4px;
 }
 
+.el-select--mini .el-select__selected-item {
+  height: 18px;
+}
+
 .el-skeleton {
   --el-skeleton-circle-size: var(--el-avatar-size);
 }
@@ -13956,6 +13972,10 @@ h6,
   font-weight: var(--el-table-font-weight-head);
   border-bottom: 1px solid var(--el-color-neutral-light-3);
 }
+.el-table thead th .el-table__cell .cell {
+  display: flex;
+  gap: 3px;
+}
 .el-table thead.is-group th.el-table__cell {
   background: var(--el-fill-color-light);
 }
@@ -15226,7 +15246,7 @@ h6,
 }
 
 .el-tabs--top {
-  flex-direction: column-reverse;
+  flex-direction: column;
 }
 
 .slideInRight-transition,

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

@@ -697,6 +697,10 @@ Bununla selectorun içerisine variable ekleyebiliyorsun
   height: 20px;
 }
 
+.el-select--large .el-select__selected-item {
+  height: 20px;
+}
+
 .el-select--medium .el-select__wrapper {
   gap: 8px;
   padding: 8px 12px;
@@ -724,6 +728,10 @@ Bununla selectorun içerisine variable ekleyebiliyorsun
   height: 20px;
 }
 
+.el-select--medium .el-select__selected-item {
+  height: 20px;
+}
+
 .el-select--small .el-select__wrapper {
   gap: 4px;
   padding: 6px 12px;
@@ -751,6 +759,10 @@ Bununla selectorun içerisine variable ekleyebiliyorsun
   height: 20px;
 }
 
+.el-select--small .el-select__selected-item {
+  height: 20px;
+}
+
 .el-select--mini .el-select__wrapper {
   gap: 4px;
   padding: 5px 12px;
@@ -771,4 +783,8 @@ Bununla selectorun içerisine variable ekleyebiliyorsun
 
 .el-select--mini .el-select__suffix {
   gap: 4px;
+}
+
+.el-select--mini .el-select__selected-item {
+  height: 18px;
 }

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

@@ -697,6 +697,10 @@ Bununla selectorun içerisine variable ekleyebiliyorsun
   height: 20px;
 }
 
+.el-select--large .el-select__selected-item {
+  height: 20px;
+}
+
 .el-select--medium .el-select__wrapper {
   gap: 8px;
   padding: 8px 12px;
@@ -724,6 +728,10 @@ Bununla selectorun içerisine variable ekleyebiliyorsun
   height: 20px;
 }
 
+.el-select--medium .el-select__selected-item {
+  height: 20px;
+}
+
 .el-select--small .el-select__wrapper {
   gap: 4px;
   padding: 6px 12px;
@@ -751,6 +759,10 @@ Bununla selectorun içerisine variable ekleyebiliyorsun
   height: 20px;
 }
 
+.el-select--small .el-select__selected-item {
+  height: 20px;
+}
+
 .el-select--mini .el-select__wrapper {
   gap: 4px;
   padding: 5px 12px;
@@ -771,4 +783,8 @@ Bununla selectorun içerisine variable ekleyebiliyorsun
 
 .el-select--mini .el-select__suffix {
   gap: 4px;
+}
+
+.el-select--mini .el-select__selected-item {
+  height: 18px;
 }

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

@@ -37,7 +37,7 @@
     cursor: pointer;
     text-align: left;
     font-size: map.get($input-font-size, 'default');
-    padding: map.get($select-wrapper-padding, 'default');
+    padding: map.get($select-wrapper-padding, 'default') 12px;
     gap: map.get($select-item-gap, 'default');
     // height: map.get($common-component-size, 'default');
     min-height: map.get($input-height, 'default');
@@ -255,7 +255,7 @@
     @include m($size) {
       @include e(wrapper) {
         gap: map.get($select-item-gap, $size);
-        padding: map.get($select-wrapper-padding, $size);
+        padding: map.get($select-wrapper-padding, $size) 12px;
         min-height: map.get($input-height, $size);
         // height: map.get($input-height, $size);
         line-height: map.get($select-item-height, $size);
@@ -281,6 +281,10 @@
       @include e(input) {
         height: map.get($select-item-height, $size);
       }
+
+      @include e(selected-item) {
+        height: map.get($input-height, $size) - map.get($select-wrapper-padding, $size) * 2;
+      }
     }
   }
 }

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

@@ -424,6 +424,10 @@ Bununla selectorun içerisine variable ekleyebiliyorsun
   font-weight: var(--el-table-font-weight-head);
   border-bottom: 1px solid var(--el-color-neutral-light-3);
 }
+.el-table thead th .el-table__cell .cell {
+  display: flex;
+  gap: 3px;
+}
 .el-table thead.is-group th.el-table__cell {
   background: var(--el-fill-color-light);
 }

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

@@ -156,6 +156,13 @@
     th {
       font-weight: getCssVar('table-font-weight-head');
       border-bottom: 1px solid getCssVar('color-neutral-light-3');
+
+      .#{$namespace}-table__cell {
+        .cell {
+          display: flex;
+          gap: 3px;
+        }
+      }
     }
 
     &.is-group {

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

@@ -811,7 +811,7 @@ Bununla selectorun içerisine variable ekleyebiliyorsun
 }
 
 .el-tabs--top {
-  flex-direction: column-reverse;
+  flex-direction: column;
 }
 
 .slideInRight-transition,

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

@@ -565,7 +565,7 @@
     }
   }
   @include m(top) {
-    flex-direction: column-reverse;
+    flex-direction: column;
   }
 }
 

package/package.json

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