@timus-networks/theme 2.4.109 → 2.4.111

package/dist/module.json

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

@@ -23,13 +23,18 @@
           <el-select v-model="column_count" class="!w-32" size="mini">
             <el-option v-for="index of [1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11, 12]" :key="index" :value="index" />
           </el-select>
+          <el-radio-group v-model="bordered" size="mini">
+            <el-radio-button plain value="false">Border: False</el-radio-button>
+            <el-radio-button plain value="true">Border: True</el-radio-button>
+          </el-radio-group>
         </div>
-        <section class="flex gap-7.5">
-          <el-descriptions :size="size" :column="column_count">
+        <section class="flex flex-col gap-7.5">
+          <h3>Border: {{ bordered }}</h3>
+          <el-descriptions :size="size" :column="column_count" :border="bordered">
             <el-descriptions-item label="Username:">kooriookami</el-descriptions-item>
             <el-descriptions-item label="Telephone:">18100000000</el-descriptions-item>
             <el-descriptions-item label="Place:">Suzhou</el-descriptions-item>
-            <el-descriptions-item label="Remarks:"> <el-tag size="small">School</el-tag> </el-descriptions-item>
+            <el-descriptions-item label="Remarks:"> <el-tag>School</el-tag> </el-descriptions-item>
             <el-descriptions-item label="Address"> No.1188, Wuzhong Avenue, Wuzhong District, Suzhou, Jiangsu Province </el-descriptions-item>
           </el-descriptions>
         </section>
@@ -56,14 +61,32 @@
           <el-select v-model="column_count" class="!w-32" size="mini">
             <el-option v-for="index of [1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11, 12]" :key="index" :value="index" />
           </el-select>
+          <el-radio-group v-model="bordered" size="mini">
+            <el-radio-button plain value="false">Border: False</el-radio-button>
+            <el-radio-button plain value="true">Border: True</el-radio-button>
+          </el-radio-group>
         </div>
-        <section class="flex gap-7.5">
-          <el-descriptions title="Seperated Columns" border :size="size" :column="column_count">
+        <section class="flex flex-col gap-7.5">
+          <h3>Border: {{ bordered }}</h3>
+          <el-descriptions title="Seperated Columns" :border="true" :size="size" :column="column_count">
             <el-descriptions-item label="Username:">kooriookami</el-descriptions-item>
             <el-descriptions-item label="Telephone:">18100000000</el-descriptions-item>
             <el-descriptions-item label="Place:">Suzhou</el-descriptions-item>
             <el-descriptions-item label="Remarks:">
-              <el-tag size="small">School</el-tag>
+              <el-tag>School</el-tag>
+            </el-descriptions-item>
+            <el-descriptions-item label="Address"> No.1188, Wuzhong Avenue, Wuzhong District, Suzhou, Jiangsu Province </el-descriptions-item>
+          </el-descriptions>
+
+          <el-descriptions class="margin-top" title="Without border" :column="3" :size="size">
+            <template #extra>
+              <el-button type="primary">Operation</el-button>
+            </template>
+            <el-descriptions-item label="Username">kooriookami</el-descriptions-item>
+            <el-descriptions-item label="Telephone">18100000000</el-descriptions-item>
+            <el-descriptions-item label="Place">Suzhou</el-descriptions-item>
+            <el-descriptions-item label="Remarks">
+              <el-tag>School</el-tag>
             </el-descriptions-item>
             <el-descriptions-item label="Address"> No.1188, Wuzhong Avenue, Wuzhong District, Suzhou, Jiangsu Province </el-descriptions-item>
           </el-descriptions>
@@ -79,17 +102,26 @@
 
   const size = ref('default');
   const column_count = ref(3);
+  const bordered = ref(false);
 
   const snippets = ref({
     basic: `
-      <el-tooltip class="box-item" effect="dark" content="Left Bottom prompts info" placement="left-end">
-        <el-button>left-end</el-button>
-      </el-tooltip>`,
-    content: `
-      <el-tooltip placement="top">
-        <template #content> multiple lines<br />second line </template>
-        <el-button>Top center</el-button>
-      </el-tooltip>
+      <el-descriptions :size="size" :column="2" :border="false">
+        <el-descriptions-item label="Username:">kooriookami</el-descriptions-item>
+        <el-descriptions-item label="Telephone:">18100000000</el-descriptions-item>
+        <el-descriptions-item label="Place:">Suzhou</el-descriptions-item>
+        <el-descriptions-item label="Remarks:"> <el-tag>School</el-tag> </el-descriptions-item>
+        <el-descriptions-item label="Address"> No.1188, Wuzhong Avenue, Wuzhong District, Suzhou, Jiangsu Province </el-descriptions-item>
+      </el-descriptions>
+      `,
+    bordered: `
+      <el-descriptions :size="size" :column="1" :border="true">
+        <el-descriptions-item label="Username:">kooriookami</el-descriptions-item>
+        <el-descriptions-item label="Telephone:">18100000000</el-descriptions-item>
+        <el-descriptions-item label="Place:">Suzhou</el-descriptions-item>
+        <el-descriptions-item label="Remarks:"> <el-tag>School</el-tag> </el-descriptions-item>
+        <el-descriptions-item label="Address"> No.1188, Wuzhong Avenue, Wuzhong District, Suzhou, Jiangsu Province </el-descriptions-item>
+      </el-descriptions>
     `,
   });
 </script>

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

@@ -1532,7 +1532,7 @@ $empty: map.merge(
 $descriptions: () !default;
 $descriptions: map.merge(
   (
-    'table-border': none,
+    'table-border': getCssVar('fill-color', 'light'),
     // 1px solid getCssVar('border-color-lighter'),
     'item-bordered-label-background': getCssVar('fill-color', 'light'),
   ),

package/dist/runtime/public/scss/element-plus/descriptions-item.css

@@ -301,14 +301,14 @@ Bununla selectorun içerisine variable ekleyebiliyorsun
 }
 **/
 .el-descriptions__label.el-descriptions__cell.is-bordered-label {
-  color: var(--el-color-neutral-light-7);
+  color: var(--el-color-neutral-light-6);
 }
 .el-descriptions__label:not(.is-bordered-label) {
-  color: var(--el-color-neutral-light-7);
+  color: var(--el-color-neutral-light-6);
   margin-right: 6px;
 }
 .el-descriptions__label.el-descriptions__cell:not(.is-bordered-label).is-vertical-label {
-  padding-bottom: 8px;
+  padding-bottom: 10px;
 }
 
 .el-descriptions__content.el-descriptions__cell.is-bordered-content {
@@ -322,26 +322,26 @@ Bununla selectorun içerisine variable ekleyebiliyorsun
   margin-right: 6px;
 }
 .el-descriptions--large .el-descriptions__label.el-descriptions__cell:not(.is-bordered-label).is-vertical-label {
-  padding-bottom: 8px;
+  padding-bottom: 12px;
 }
 
 .el-descriptions--medium .el-descriptions__label:not(.is-bordered-label) {
   margin-right: 6px;
 }
 .el-descriptions--medium .el-descriptions__label.el-descriptions__cell:not(.is-bordered-label).is-vertical-label {
-  padding-bottom: 6px;
+  padding-bottom: 10px;
 }
 
 .el-descriptions--small .el-descriptions__label:not(.is-bordered-label) {
   margin-right: 6px;
 }
 .el-descriptions--small .el-descriptions__label.el-descriptions__cell:not(.is-bordered-label).is-vertical-label {
-  padding-bottom: 4px;
+  padding-bottom: 8px;
 }
 
 .el-descriptions--mini .el-descriptions__label:not(.is-bordered-label) {
   margin-right: 6px;
 }
 .el-descriptions--mini .el-descriptions__label.el-descriptions__cell:not(.is-bordered-label).is-vertical-label {
-  padding-bottom: 2px;
+  padding-bottom: 4px;
 }

package/dist/runtime/public/scss/element-plus/descriptions-item.scss

@@ -18,11 +18,11 @@ $descriptions-item-label-margin-right: map.merge(
 $descriptions-item-vertical-label-padding-bottom: () !default;
 $descriptions-item-vertical-label-padding-bottom: map.merge(
   (
-    'default': 8px,
-    'large': 8px,
-    'medium': 6px,
-    'small': 4px,
-    'mini': 2px,
+    'default': 10px,
+    'large': 12px,
+    'medium': 10px,
+    'small': 8px,
+    'mini': 4px,
   ),
   $descriptions-item-vertical-label-padding-bottom
 );
@@ -30,11 +30,11 @@ $descriptions-item-vertical-label-padding-bottom: map.merge(
 @include b(descriptions) {
   @include e(label) {
     &.#{$namespace}-descriptions__cell.is-bordered-label {
-      color: getCssVar('color-neutral-light-7');
+      color: getCssVar('color-neutral-light-6');
     }
 
     &:not(.is-bordered-label) {
-      color: getCssVar('color', 'neutral-light-7');
+      color: getCssVar('color', 'neutral-light-6');
       margin-right: map.get($descriptions-item-label-margin-right, 'default');
     }
 

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

@@ -301,7 +301,7 @@ Bununla selectorun içerisine variable ekleyebiliyorsun
 }
 **/
 .el-descriptions {
-  --el-descriptions-table-border: none;
+  --el-descriptions-table-border: var(--el-fill-color-light);
   --el-descriptions-item-bordered-label-background: var(--el-fill-color-light);
   box-sizing: border-box;
   font-size: var(--el-font-size-base);
@@ -331,8 +331,8 @@ Bununla selectorun içerisine variable ekleyebiliyorsun
   box-sizing: border-box;
   text-align: left;
   font-weight: normal;
-  line-height: 24px;
-  font-size: 14px;
+  font-size: 12px;
+  height: 36px;
 }
 .el-descriptions__body .el-descriptions__table .el-descriptions__cell.is-left {
   text-align: left;
@@ -347,13 +347,11 @@ Bununla selectorun içerisine variable ekleyebiliyorsun
 }
 
 .el-descriptions__body .el-descriptions__table.is-bordered .el-descriptions__cell {
-  border: var(--el-descriptions-table-border);
-  padding: 8px 12px 8px 0;
+  border-bottom: 1px solid var(--el-descriptions-table-border);
 }
-.el-descriptions__body .el-descriptions__table:not(.is-bordered) .el-descriptions__cell {
-  padding: 8px 12px 8px 0;
+.el-descriptions__body .el-descriptions__table.is-bordered tr:last-child .el-descriptions__cell {
+  border-bottom: none;
 }
-
 .el-descriptions--large {
   font-size: 14px;
 }
@@ -365,15 +363,9 @@ Bununla selectorun içerisine variable ekleyebiliyorsun
 }
 
 .el-descriptions--large .el-descriptions__body .el-descriptions__table .el-descriptions__cell {
-  font-size: 14px;
-}
-.el-descriptions--large .el-descriptions__body .el-descriptions__table.is-bordered .el-descriptions__cell {
-  padding: 8px 12px 8px 0;
+  font-size: 16px;
+  height: 40px;
 }
-.el-descriptions--large .el-descriptions__body .el-descriptions__table:not(.is-bordered) .el-descriptions__cell {
-  padding: 8px 12px 8px 0;
-}
-
 .el-descriptions--medium {
   font-size: 14px;
 }
@@ -385,15 +377,9 @@ Bununla selectorun içerisine variable ekleyebiliyorsun
 }
 
 .el-descriptions--medium .el-descriptions__body .el-descriptions__table .el-descriptions__cell {
-  font-size: 14px;
-}
-.el-descriptions--medium .el-descriptions__body .el-descriptions__table.is-bordered .el-descriptions__cell {
-  padding: 6px 12px 6px 0;
-}
-.el-descriptions--medium .el-descriptions__body .el-descriptions__table:not(.is-bordered) .el-descriptions__cell {
-  padding: 6px 12px 6px 0;
+  font-size: 12px;
+  height: 36px;
 }
-
 .el-descriptions--small {
   font-size: 12px;
 }
@@ -405,15 +391,9 @@ Bununla selectorun içerisine variable ekleyebiliyorsun
 }
 
 .el-descriptions--small .el-descriptions__body .el-descriptions__table .el-descriptions__cell {
-  font-size: 14px;
-}
-.el-descriptions--small .el-descriptions__body .el-descriptions__table.is-bordered .el-descriptions__cell {
-  padding: 3px 12px 3px 0;
-}
-.el-descriptions--small .el-descriptions__body .el-descriptions__table:not(.is-bordered) .el-descriptions__cell {
-  padding: 3px 12px 3px 0;
+  font-size: 12px;
+  height: 32px;
 }
-
 .el-descriptions--mini {
   font-size: 12px;
 }
@@ -425,11 +405,6 @@ Bununla selectorun içerisine variable ekleyebiliyorsun
 }
 
 .el-descriptions--mini .el-descriptions__body .el-descriptions__table .el-descriptions__cell {
-  font-size: 14px;
-}
-.el-descriptions--mini .el-descriptions__body .el-descriptions__table.is-bordered .el-descriptions__cell {
-  padding: 2px 12px 2px 0;
-}
-.el-descriptions--mini .el-descriptions__body .el-descriptions__table:not(.is-bordered) .el-descriptions__cell {
-  padding: 2px 12px 2px 0;
+  font-size: 10px;
+  height: 28px;
 }

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

@@ -32,11 +32,11 @@ $descriptions-title-font-size: map.merge(
 $descriptions-cell-padding-bottom: () !default;
 $descriptions-cell-padding-bottom: map.merge(
   (
-    'default': 16px,
-    'large': 16px,
-    'medium': 12px,
-    'small': 6px,
-    'mini': 4px,
+    'default': 18px,
+    'large': 20px,
+    'medium': 18px,
+    'small': 14px,
+    'mini': 10px,
   ),
   $descriptions-cell-padding-bottom
 );
@@ -44,11 +44,11 @@ $descriptions-cell-padding-bottom: map.merge(
 $descriptions-bordered-cell-padding: () !default;
 $descriptions-bordered-cell-padding: map.merge(
   (
-    'default': 8px 12px 8px 0,
-    'large': 8px 12px 8px 0,
-    'medium': 6px 12px 6px 0,
-    'small': 3px 12px 3px 0,
-    'mini': 2px 12px 2px 0,
+    'default': 9px 12px 9px 0,
+    'large': 10px 12px 10px 0,
+    'medium': 9px 12px 9px 0,
+    'small': 7px 12px 7px 0,
+    'mini': 5px 12px 5px 0,
   ),
   $descriptions-bordered-cell-padding
 );
@@ -56,11 +56,13 @@ $descriptions-bordered-cell-padding: map.merge(
 $descriptions-cell-font-size: () !default;
 $descriptions-cell-font-size: map.merge(
   (
-    'large': 14px,
-    'default': 14px,
-    'medium': 14px,
-    'small': 14px,
-    'mini': 14px,
+    'huge': 18px,
+    'large': 16px,
+    'medium': 12px,
+    'default': 12px,
+    'small': 12px,
+    'mini': 10px,
+    'tiny': 8px,
   ),
   $descriptions-cell-font-size
 );
@@ -97,8 +99,8 @@ $descriptions-cell-font-size: map.merge(
         box-sizing: border-box;
         text-align: left;
         font-weight: normal;
-        line-height: 24px;
         font-size: map.get($descriptions-cell-font-size, 'default');
+        height: map.get($common-component-size, 'default');
 
         @include when(left) {
           text-align: left;
@@ -115,15 +117,21 @@ $descriptions-cell-font-size: map.merge(
 
       &.is-bordered {
         .#{$namespace}-descriptions__cell {
-          border: getCssVar('descriptions-table-border');
-          padding: map.get($descriptions-bordered-cell-padding, 'default');
+          border-bottom: 1px solid getCssVar('descriptions-table-border');
+          // padding: map.get($descriptions-bordered-cell-padding, 'default');
+        }
+
+        tr:last-child {
+          .#{$namespace}-descriptions__cell {
+            border-bottom: none;
+          }
         }
       }
 
       &:not(.is-bordered) {
         .#{$namespace}-descriptions__cell {
-          $padding: math.div(map.get($descriptions-cell-padding-bottom, 'default'), 2);
-          padding: $padding 12px $padding 0;
+          // $padding: math.div(map.get($descriptions-cell-padding-bottom, 'default'), 2);
+          // padding: $padding 12px $padding 0;
         }
       }
     }
@@ -145,18 +153,19 @@ $descriptions-cell-font-size: map.merge(
         .#{$namespace}-descriptions__table {
           .#{$namespace}-descriptions__cell {
             font-size: map.get($descriptions-cell-font-size, $size);
+            height: map.get($common-component-size, $size);
           }
 
           &.is-bordered {
             .#{$namespace}-descriptions__cell {
-              padding: map.get($descriptions-bordered-cell-padding, $size);
+              // padding: map.get($descriptions-bordered-cell-padding, $size);
             }
           }
 
           &:not(.is-bordered) {
             .#{$namespace}-descriptions__cell {
-              $padding: math.div(map.get($descriptions-cell-padding-bottom, $size), 2);
-              padding: $padding 12px $padding 0;
+              // $padding: math.div(map.get($descriptions-cell-padding-bottom, $size), 2);
+              // padding: $padding 12px $padding 0;
             }
           }
         }

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

@@ -7916,7 +7916,7 @@ heights > $common-component-size
 }
 
 .el-descriptions {
-  --el-descriptions-table-border: none;
+  --el-descriptions-table-border: var(--el-fill-color-light);
   --el-descriptions-item-bordered-label-background: var(--el-fill-color-light);
   box-sizing: border-box;
   font-size: var(--el-font-size-base);
@@ -7946,8 +7946,8 @@ heights > $common-component-size
   box-sizing: border-box;
   text-align: left;
   font-weight: normal;
-  line-height: 24px;
-  font-size: 14px;
+  font-size: 12px;
+  height: 36px;
 }
 .el-descriptions__body .el-descriptions__table .el-descriptions__cell.is-left {
   text-align: left;
@@ -7962,13 +7962,11 @@ heights > $common-component-size
 }
 
 .el-descriptions__body .el-descriptions__table.is-bordered .el-descriptions__cell {
-  border: var(--el-descriptions-table-border);
-  padding: 8px 12px 8px 0;
+  border-bottom: 1px solid var(--el-descriptions-table-border);
 }
-.el-descriptions__body .el-descriptions__table:not(.is-bordered) .el-descriptions__cell {
-  padding: 8px 12px 8px 0;
+.el-descriptions__body .el-descriptions__table.is-bordered tr:last-child .el-descriptions__cell {
+  border-bottom: none;
 }
-
 .el-descriptions--large {
   font-size: 14px;
 }
@@ -7980,15 +7978,9 @@ heights > $common-component-size
 }
 
 .el-descriptions--large .el-descriptions__body .el-descriptions__table .el-descriptions__cell {
-  font-size: 14px;
-}
-.el-descriptions--large .el-descriptions__body .el-descriptions__table.is-bordered .el-descriptions__cell {
-  padding: 8px 12px 8px 0;
-}
-.el-descriptions--large .el-descriptions__body .el-descriptions__table:not(.is-bordered) .el-descriptions__cell {
-  padding: 8px 12px 8px 0;
+  font-size: 16px;
+  height: 40px;
 }
-
 .el-descriptions--medium {
   font-size: 14px;
 }
@@ -8000,15 +7992,9 @@ heights > $common-component-size
 }
 
 .el-descriptions--medium .el-descriptions__body .el-descriptions__table .el-descriptions__cell {
-  font-size: 14px;
-}
-.el-descriptions--medium .el-descriptions__body .el-descriptions__table.is-bordered .el-descriptions__cell {
-  padding: 6px 12px 6px 0;
-}
-.el-descriptions--medium .el-descriptions__body .el-descriptions__table:not(.is-bordered) .el-descriptions__cell {
-  padding: 6px 12px 6px 0;
+  font-size: 12px;
+  height: 36px;
 }
-
 .el-descriptions--small {
   font-size: 12px;
 }
@@ -8020,15 +8006,9 @@ heights > $common-component-size
 }
 
 .el-descriptions--small .el-descriptions__body .el-descriptions__table .el-descriptions__cell {
-  font-size: 14px;
-}
-.el-descriptions--small .el-descriptions__body .el-descriptions__table.is-bordered .el-descriptions__cell {
-  padding: 3px 12px 3px 0;
-}
-.el-descriptions--small .el-descriptions__body .el-descriptions__table:not(.is-bordered) .el-descriptions__cell {
-  padding: 3px 12px 3px 0;
+  font-size: 12px;
+  height: 32px;
 }
-
 .el-descriptions--mini {
   font-size: 12px;
 }
@@ -8040,24 +8020,18 @@ heights > $common-component-size
 }
 
 .el-descriptions--mini .el-descriptions__body .el-descriptions__table .el-descriptions__cell {
-  font-size: 14px;
-}
-.el-descriptions--mini .el-descriptions__body .el-descriptions__table.is-bordered .el-descriptions__cell {
-  padding: 2px 12px 2px 0;
-}
-.el-descriptions--mini .el-descriptions__body .el-descriptions__table:not(.is-bordered) .el-descriptions__cell {
-  padding: 2px 12px 2px 0;
+  font-size: 10px;
+  height: 28px;
 }
-
 .el-descriptions__label.el-descriptions__cell.is-bordered-label {
-  color: var(--el-color-neutral-light-7);
+  color: var(--el-color-neutral-light-6);
 }
 .el-descriptions__label:not(.is-bordered-label) {
-  color: var(--el-color-neutral-light-7);
+  color: var(--el-color-neutral-light-6);
   margin-right: 6px;
 }
 .el-descriptions__label.el-descriptions__cell:not(.is-bordered-label).is-vertical-label {
-  padding-bottom: 8px;
+  padding-bottom: 10px;
 }
 
 .el-descriptions__content.el-descriptions__cell.is-bordered-content {
@@ -8071,28 +8045,28 @@ heights > $common-component-size
   margin-right: 6px;
 }
 .el-descriptions--large .el-descriptions__label.el-descriptions__cell:not(.is-bordered-label).is-vertical-label {
-  padding-bottom: 8px;
+  padding-bottom: 12px;
 }
 
 .el-descriptions--medium .el-descriptions__label:not(.is-bordered-label) {
   margin-right: 6px;
 }
 .el-descriptions--medium .el-descriptions__label.el-descriptions__cell:not(.is-bordered-label).is-vertical-label {
-  padding-bottom: 6px;
+  padding-bottom: 10px;
 }
 
 .el-descriptions--small .el-descriptions__label:not(.is-bordered-label) {
   margin-right: 6px;
 }
 .el-descriptions--small .el-descriptions__label.el-descriptions__cell:not(.is-bordered-label).is-vertical-label {
-  padding-bottom: 4px;
+  padding-bottom: 8px;
 }
 
 .el-descriptions--mini .el-descriptions__label:not(.is-bordered-label) {
   margin-right: 6px;
 }
 .el-descriptions--mini .el-descriptions__label.el-descriptions__cell:not(.is-bordered-label).is-vertical-label {
-  padding-bottom: 2px;
+  padding-bottom: 4px;
 }
 
 :root {

package/package.json

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