@timus-networks/theme 2.4.117 → 2.4.120

package/dist/module.json

@@ -1,7 +1,7 @@
 {
   "name": "@timus-networks/theme",
   "configKey": "themeOptions",
-  "version": "2.4.116",
+  "version": "2.4.119",
   "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.119";
 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,7 +9739,10 @@ heights > $common-component-size
 
 .el-input-number.is-controls-right .el-input__wrapper {
   padding-left: 15px;
-  padding-right: 46px;
+  padding-right: 24px;
+}
+.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;

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

@@ -444,7 +444,10 @@ Bununla selectorun içerisine variable ekleyebiliyorsun
 
 .el-input-number.is-controls-right .el-input__wrapper {
   padding-left: 15px;
-  padding-right: 46px;
+  padding-right: 24px;
+}
+.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;

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

@@ -133,7 +133,11 @@
   @include when(controls-right) {
     .#{$namespace}-input__wrapper {
       padding-left: 15px;
-      padding-right: #{map.get($input-height, 'default') + 10};
+      padding-right: 24px;
+    }
+
+    .#{$namespace}-input__inner {
+      text-align: left;
     }
 
     @include e((increase, decrease)) {

package/package.json

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