@timus-networks/theme 2.4.123 → 2.4.124

package/dist/module.json

@@ -1,7 +1,7 @@
 {
   "name": "@timus-networks/theme",
   "configKey": "themeOptions",
-  "version": "2.4.122",
+  "version": "2.4.123",
   "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.122";
+const version = "2.4.123";
 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

@@ -1,6 +1,6 @@
 <template>
   <div class="flex flex-col gap-8 mb-16">
-    <h1 class="">Description - (Coding Not Started)</h1>
+    <h1 class="">Description</h1>
     <p>Display multiple fields in list form.</p>
 
     <el-card>
@@ -42,6 +42,23 @@
       <template #footer> <html-encode :tag="snippets.basic" /> </template>
     </el-card>
 
+    <el-card>
+      <template #header>Space between items</template>
+      <div class="flex flex-col gap-7.5">
+        <p>Give space between items by adding class <span class="comment">strech</span> to the <span class="comment">&lt;el-descriptions&gt;</span> element.</p>
+        <section class="flex flex-col gap-7.5">
+          <el-descriptions class="strech" :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>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>
+      </div>
+      <template #footer> <html-encode :tag="snippets.basic" /> </template>
+    </el-card>
+
     <el-card>
       <template #header>Seperated Columns</template>
       <div class="flex flex-col gap-7.5">

package/dist/runtime/pages/theme.vue

@@ -1,36 +1,36 @@
 <template>
   <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>
-    <el-tab-pane label="Breadcrumb" name="breadcrumb" lazy><example-breadcrumb /></el-tab-pane>
-    <el-tab-pane label="Button" name="button"><example-button /></el-tab-pane>
-    <el-tab-pane label="Card" name="card" lazy><example-card /></el-tab-pane>
-    <el-tab-pane label="Checkbox" name="checkbox" lazy><example-checkbox /></el-tab-pane>
-    <el-tab-pane label="Collapse" name="collapse" lazy><example-collapse /></el-tab-pane>
-    <el-tab-pane label="DatePicker" name="datepicker" lazy><example-datepicker /></el-tab-pane>
-    <el-tab-pane label="Description" name="description" lazy><example-description /></el-tab-pane>
-    <el-tab-pane label="Dialog" name="dialog" lazy><example-dialog /></el-tab-pane>
-    <el-tab-pane label="Dropdown" name="dropdown" lazy><example-dropdown /></el-tab-pane>
-    <el-tab-pane label="Form" name="form" lazy><example-form /></el-tab-pane>
-    <el-tab-pane label="Input" name="input"><example-input /></el-tab-pane>
-    <el-tab-pane label="Link" name="link" lazy><example-link /></el-tab-pane>
-    <el-tab-pane label="Message" name="message" lazy><example-message /></el-tab-pane>
-    <el-tab-pane label="Number" name="number" lazy><example-number /></el-tab-pane>
-    <el-tab-pane label="Notification" name="notification" lazy><example-notification /></el-tab-pane>
-    <el-tab-pane label="Pagination" name="pagination" lazy><example-pagination /></el-tab-pane>
-    <el-tab-pane label="Popover" name="popover" lazy><example-popover /></el-tab-pane>
-    <el-tab-pane label="Radio" name="radio" lazy><example-radio /></el-tab-pane>
-    <el-tab-pane label="Select" name="select" lazy><example-select /></el-tab-pane>
-    <el-tab-pane label="Sidebar" name="sidebar" lazy><example-sidebar /></el-tab-pane>
-    <el-tab-pane label="Static" name="static" lazy><example-static /></el-tab-pane>
-    <el-tab-pane label="Switch" name="switch" lazy><example-switch /></el-tab-pane>
-    <el-tab-pane label="Tab" name="tab" lazy><example-tab /></el-tab-pane>
-    <el-tab-pane label="Table" name="table" lazy><example-table /></el-tab-pane>
-    <el-tab-pane label="Tag" name="tag" lazy><example-tag /></el-tab-pane>
-    <el-tab-pane label="TimePicker" name="time" lazy><example-timepicker /></el-tab-pane>
-    <el-tab-pane label="Tooltip" name="tooltip" lazy><example-tooltip /></el-tab-pane>
-    <el-tab-pane label="Upload" name="upload" lazy><example-upload /></el-tab-pane>
+    <el-tab-pane class="mt-4" label="Alert" name="alert" lazy><example-alert /></el-tab-pane>
+    <el-tab-pane class="mt-4" label="Avatar" name="avatar" lazy><example-avatar /></el-tab-pane>
+    <el-tab-pane class="mt-4" label="Badge" name="badge" lazy><example-badge /></el-tab-pane>
+    <el-tab-pane class="mt-4" label="Breadcrumb" name="breadcrumb" lazy><example-breadcrumb /></el-tab-pane>
+    <el-tab-pane class="mt-4" label="Button" name="button"><example-button /></el-tab-pane>
+    <el-tab-pane class="mt-4" label="Card" name="card" lazy><example-card /></el-tab-pane>
+    <el-tab-pane class="mt-4" label="Checkbox" name="checkbox" lazy><example-checkbox /></el-tab-pane>
+    <el-tab-pane class="mt-4" label="Collapse" name="collapse" lazy><example-collapse /></el-tab-pane>
+    <el-tab-pane class="mt-4" label="DatePicker" name="datepicker" lazy><example-datepicker /></el-tab-pane>
+    <el-tab-pane class="mt-4" label="Description" name="description" lazy><example-description /></el-tab-pane>
+    <el-tab-pane class="mt-4" label="Dialog" name="dialog" lazy><example-dialog /></el-tab-pane>
+    <el-tab-pane class="mt-4" label="Dropdown" name="dropdown" lazy><example-dropdown /></el-tab-pane>
+    <el-tab-pane class="mt-4" label="Form" name="form" lazy><example-form /></el-tab-pane>
+    <el-tab-pane class="mt-4" label="Input" name="input"><example-input /></el-tab-pane>
+    <el-tab-pane class="mt-4" label="Link" name="link" lazy><example-link /></el-tab-pane>
+    <el-tab-pane class="mt-4" label="Message" name="message" lazy><example-message /></el-tab-pane>
+    <el-tab-pane class="mt-4" label="Number" name="number" lazy><example-number /></el-tab-pane>
+    <el-tab-pane class="mt-4" label="Notification" name="notification" lazy><example-notification /></el-tab-pane>
+    <el-tab-pane class="mt-4" label="Pagination" name="pagination" lazy><example-pagination /></el-tab-pane>
+    <el-tab-pane class="mt-4" label="Popover" name="popover" lazy><example-popover /></el-tab-pane>
+    <el-tab-pane class="mt-4" label="Radio" name="radio" lazy><example-radio /></el-tab-pane>
+    <el-tab-pane class="mt-4" label="Select" name="select" lazy><example-select /></el-tab-pane>
+    <el-tab-pane class="mt-4" label="Sidebar" name="sidebar" lazy><example-sidebar /></el-tab-pane>
+    <el-tab-pane class="mt-4" label="Static" name="static" lazy><example-static /></el-tab-pane>
+    <el-tab-pane class="mt-4" label="Switch" name="switch" lazy><example-switch /></el-tab-pane>
+    <el-tab-pane class="mt-4" label="Tab" name="tab" lazy><example-tab /></el-tab-pane>
+    <el-tab-pane class="mt-4" label="Table" name="table" lazy><example-table /></el-tab-pane>
+    <el-tab-pane class="mt-4" label="Tag" name="tag" lazy><example-tag /></el-tab-pane>
+    <el-tab-pane class="mt-4" label="TimePicker" name="time" lazy><example-timepicker /></el-tab-pane>
+    <el-tab-pane class="mt-4" label="Tooltip" name="tooltip" lazy><example-tooltip /></el-tab-pane>
+    <el-tab-pane class="mt-4" label="Upload" name="upload" lazy><example-upload /></el-tab-pane>
   </el-tabs>
 </template>
 <script lang="ts" setup>

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

@@ -407,4 +407,9 @@ Bununla selectorun içerisine variable ekleyebiliyorsun
 .el-descriptions--mini .el-descriptions__body .el-descriptions__table .el-descriptions__cell {
   font-size: 10px;
   height: 28px;
+}
+.el-descriptions.strech .el-descriptions__table .el-descriptions__cell {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
 }

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

@@ -172,4 +172,14 @@ $descriptions-cell-font-size: map.merge(
       }
     }
   }
+
+  &.strech {
+    .#{$namespace}-descriptions__table {
+      .#{$namespace}-descriptions__cell {
+        display: flex;
+        align-items: center;
+        justify-content: space-between;
+      }
+    }
+  }
 }

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

@@ -335,6 +335,7 @@ Bununla selectorun içerisine variable ekleyebiliyorsun
   display: flex;
   --font-size: 14px;
   margin-bottom: 16px;
+  align-items: flex-start;
 }
 .el-form-item .el-form-item {
   margin-bottom: 0;
@@ -427,6 +428,7 @@ Bununla selectorun içerisine variable ekleyebiliyorsun
 
 .el-form-item__label {
   display: inline-flex;
+  white-space: nowrap;
   flex: 0 0 auto;
   font-size: var(--el-form-label-font-size);
   font-weight: var(--el-form-label-font-weight);

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

@@ -96,6 +96,7 @@ $form-item-label-top-margin-bottom: map.merge(
   display: flex;
   --font-size: #{map.get($input-font-size, 'default')};
   margin-bottom: #{map.get($form-item-margin-bottom, 'default')};
+  align-items: flex-start;
 
   &:last-child {
     // margin-bottom: 0;
@@ -153,6 +154,7 @@ $form-item-label-top-margin-bottom: map.merge(
 
   @include e(label) {
     display: inline-flex;
+    white-space: nowrap;
     // justify-content: flex-end;
     // align-items: flex-start;
 

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

@@ -8023,6 +8023,12 @@ heights > $common-component-size
   font-size: 10px;
   height: 28px;
 }
+.el-descriptions.strech .el-descriptions__table .el-descriptions__cell {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+}
+
 .el-descriptions__label.el-descriptions__cell.is-bordered-label {
   color: var(--el-color-neutral-light-6);
 }
@@ -8732,6 +8738,7 @@ heights > $common-component-size
   display: flex;
   --font-size: 14px;
   margin-bottom: 16px;
+  align-items: flex-start;
 }
 .el-form-item .el-form-item {
   margin-bottom: 0;
@@ -8824,6 +8831,7 @@ heights > $common-component-size
 
 .el-form-item__label {
   display: inline-flex;
+  white-space: nowrap;
   flex: 0 0 auto;
   font-size: var(--el-form-label-font-size);
   font-weight: var(--el-form-label-font-weight);

package/package.json

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