@timus-networks/theme 2.4.117 → 2.4.121

package/dist/module.json

@@ -1,7 +1,7 @@
 {
   "name": "@timus-networks/theme",
   "configKey": "themeOptions",
-  "version": "2.4.116",
+  "version": "2.4.120",
   "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.116";
+const version = "2.4.120";
 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.number.vue

@@ -7,9 +7,10 @@
       <template #header> Basic usage </template>
       <div class="flex flex-col gap-7.5">
         <p>Bind a variable to <el-text tag="mark">v-model</el-text> in <span class="comment">el-input-number</span> element and you are set.</p>
+        <el-switch v-model="controls" /> Controls
         <section class="flex gap-7.5">
-          <el-input-number v-model="num" :min="1" :max="10" @change="handleChange" />
-          <el-input-number v-model="num" :disabled="true" />
+          <el-input-number v-model="num" :controls="controls" :min="1" :max="10" @change="handleChange" />
+          <el-input-number v-model="num" :controls="controls" :disabled="true" />
         </section>
       </div>
       <template #footer> <html-encode :tag="snippets.basic" /> </template>
@@ -23,14 +24,14 @@
           <el-form label-position="top">
             <div class="el-form-items items-start">
               <el-form-item v-for="size of sizes" :key="size" :label="size">
-                <el-input-number v-model="num" :min="1" :max="10" controls-position="right" :size="size" @change="handleChange" />
+                <el-input-number v-model="num" :controls="controls" :min="1" :max="10" controls-position="right" :size="size" @change="handleChange" />
               </el-form-item>
             </div>
           </el-form>
           <el-form label-position="top">
             <div class="el-form-items items-start">
               <el-form-item v-for="size of sizes" :key="size" :label="size">
-                <el-input-number v-model="num" :min="1" :max="10" controls-position="right" :size="size" :disabled="true" @change="handleChange" />
+                <el-input-number v-model="num" :controls="controls" :min="1" :max="10" controls-position="right" :size="size" :disabled="true" @change="handleChange" />
               </el-form-item>
             </div>
           </el-form>
@@ -44,8 +45,8 @@
       <div class="flex flex-col gap-7.5">
         <p>Set <el-text tag="mark">controls-position</el-text> to decide the position of control buttons.</p>
         <section class="flex gap-7.5">
-          <el-input-number v-model="num" :min="1" :max="10" controls-position="right" size="large" @change="handleChange" />
-          <el-input-number v-model="num" :min="1" :max="10" controls-position="right" size="large" :disabled="true" @change="handleChange" />
+          <el-input-number v-model="num" :controls="controls" :min="1" :max="10" controls-position="right" size="large" @change="handleChange" />
+          <el-input-number v-model="num" :controls="controls" :min="1" :max="10" controls-position="right" size="large" :disabled="true" @change="handleChange" />
         </section>
       </div>
       <template #footer> <html-encode :tag="snippets.content" /> </template>
@@ -58,6 +59,7 @@
 
   const sizes = ref(['default', 'large', 'medium', 'small', 'mini']);
   const num = ref(1);
+  const controls = ref(true);
 
   const handleChange = (value: number) => {
     console.log(value);

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

@@ -9739,10 +9739,13 @@ heights > $common-component-size
 
 .el-input-number.is-controls-right .el-input__wrapper {
   padding-left: 15px;
-  padding-right: 46px;
+  padding-right: 28px;
+}
+.el-input-number.is-controls-right .el-input__inner {
+  text-align: left;
 }
 .el-input-number.is-controls-right .el-input-number__increase, .el-input-number.is-controls-right .el-input-number__decrease {
-  --el-input-number-controls-height: 17px;
+  --el-input-number-controls-height: 18px;
   height: var(--el-input-number-controls-height);
   line-height: var(--el-input-number-controls-height);
 }
@@ -9776,19 +9779,19 @@ heights > $common-component-size
 
 .el-input-number.is-controls-right[class*=large] [class*=increase],
 .el-input-number.is-controls-right[class*=large] [class*=decrease] {
-  --el-input-number-controls-height: 19px;
+  --el-input-number-controls-height: 20px;
 }
 .el-input-number.is-controls-right[class*=medium] [class*=increase],
 .el-input-number.is-controls-right[class*=medium] [class*=decrease] {
-  --el-input-number-controls-height: 17px;
+  --el-input-number-controls-height: 18px;
 }
 .el-input-number.is-controls-right[class*=small] [class*=increase],
 .el-input-number.is-controls-right[class*=small] [class*=decrease] {
-  --el-input-number-controls-height: 15px;
+  --el-input-number-controls-height: 16px;
 }
 .el-input-number.is-controls-right[class*=mini] [class*=increase],
 .el-input-number.is-controls-right[class*=mini] [class*=decrease] {
-  --el-input-number-controls-height: 13px;
+  --el-input-number-controls-height: 14px;
 }
 
 h6,

package/dist/runtime/public/scss/element-plus/input-number.css

@@ -444,10 +444,13 @@ Bununla selectorun içerisine variable ekleyebiliyorsun
 
 .el-input-number.is-controls-right .el-input__wrapper {
   padding-left: 15px;
-  padding-right: 46px;
+  padding-right: 28px;
+}
+.el-input-number.is-controls-right .el-input__inner {
+  text-align: left;
 }
 .el-input-number.is-controls-right .el-input-number__increase, .el-input-number.is-controls-right .el-input-number__decrease {
-  --el-input-number-controls-height: 17px;
+  --el-input-number-controls-height: 18px;
   height: var(--el-input-number-controls-height);
   line-height: var(--el-input-number-controls-height);
 }
@@ -481,17 +484,17 @@ Bununla selectorun içerisine variable ekleyebiliyorsun
 
 .el-input-number.is-controls-right[class*=large] [class*=increase],
 .el-input-number.is-controls-right[class*=large] [class*=decrease] {
-  --el-input-number-controls-height: 19px;
+  --el-input-number-controls-height: 20px;
 }
 .el-input-number.is-controls-right[class*=medium] [class*=increase],
 .el-input-number.is-controls-right[class*=medium] [class*=decrease] {
-  --el-input-number-controls-height: 17px;
+  --el-input-number-controls-height: 18px;
 }
 .el-input-number.is-controls-right[class*=small] [class*=increase],
 .el-input-number.is-controls-right[class*=small] [class*=decrease] {
-  --el-input-number-controls-height: 15px;
+  --el-input-number-controls-height: 16px;
 }
 .el-input-number.is-controls-right[class*=mini] [class*=increase],
 .el-input-number.is-controls-right[class*=mini] [class*=decrease] {
-  --el-input-number-controls-height: 13px;
+  --el-input-number-controls-height: 14px;
 }

package/dist/runtime/public/scss/element-plus/input-number.scss

@@ -133,11 +133,15 @@
   @include when(controls-right) {
     .#{$namespace}-input__wrapper {
       padding-left: 15px;
-      padding-right: #{map.get($input-height, 'default') + 10};
+      padding-right: 28px;
+    }
+
+    .#{$namespace}-input__inner {
+      text-align: left;
     }
 
     @include e((increase, decrease)) {
-      @include set-css-var-value(('input', 'number-controls-height'), math.div(map.get($input-height, 'default') - 2, 2));
+      @include set-css-var-value(('input', 'number-controls-height'), math.div(map.get($input-height, 'default'), 2));
 
       height: getCssVar('input-number-controls-height');
       line-height: getCssVar('input-number-controls-height');
@@ -177,7 +181,7 @@
       &[class*='#{$size}'] {
         [class*='increase'],
         [class*='decrease'] {
-          @include set-css-var-value(('input', 'number-controls-height'), math.div(map.get($input-height, $size) - 2, 2));
+          @include set-css-var-value(('input', 'number-controls-height'), math.div(map.get($input-height, $size), 2));
         }
       }
     }

package/package.json

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