From f3df6bc33cfaa6dab1004f161d5083b7ff1f843c Mon Sep 17 00:00:00 2001
From: RDMStreet <RDMStreetOne@gmail.com>
Date: Fri, 26 Feb 2021 06:02:18 +0000
Subject: [PATCH 1/2] Add size parameter to select

---
 src/components/Select/SSelect.vue     | 16 ++++++++++++++--
 src/stories/Select/SSelect.stories.ts |  6 +++++-
 2 files changed, 19 insertions(+), 3 deletions(-)

diff --git a/src/components/Select/SSelect.vue b/src/components/Select/SSelect.vue
index 885e4c63..73eefae6 100644
--- a/src/components/Select/SSelect.vue
+++ b/src/components/Select/SSelect.vue
@@ -7,6 +7,7 @@
       :placeholder="placeholder"
       :disabled="disabled"
       :loading="loading"
+      :size="size"
       :multiple="multiple"
       :loading-text="loadingText"
       :clearable="clearable"
@@ -26,14 +27,17 @@
 </template>
 
 <script lang="ts">
-import { Component, Mixins, Prop, Watch, Ref } from 'vue-property-decorator'
+import { Component, Mixins, Prop, Watch, Ref, Inject } from 'vue-property-decorator'
+import { ElForm } from 'element-ui/types/form'
+import { ElFormItem } from 'element-ui/types/form-item'
 
+import SizeMixin from '../../mixins/SizeMixin'
 import BorderRadiusMixin from '../../mixins/BorderRadiusMixin'
 import { Autocomplete } from '../Input'
 import { InputTypes } from './consts'
 
 @Component
-export default class SSelect extends Mixins(BorderRadiusMixin) {
+export default class SSelect extends Mixins(SizeMixin, BorderRadiusMixin) {
   /**
    * Selected value. Can be used with `v-model`
    */
@@ -113,6 +117,9 @@ export default class SSelect extends Mixins(BorderRadiusMixin) {
 
   @Ref('select') select!: any
 
+  @Inject({ default: '', from: 'elForm' }) elForm!: ElForm
+  @Inject({ default: '', from: 'elFormItem' }) elFormItem!: ElFormItem
+
   model = this.value
   focused = false
 
@@ -157,6 +164,11 @@ export default class SSelect extends Mixins(BorderRadiusMixin) {
 
   get computedClasses (): Array<string> {
     const cssClasses: Array<string> = []
+    if ((this.elForm || this.elFormItem || {}).size) {
+      cssClasses.push(`s-${(this.elForm || this.elFormItem).size}`)
+    } else if (this.isStandardSize) {
+      cssClasses.push(`s-${this.size}`)
+    }
     if ((Object.values(InputTypes) as Array<string>).includes(this.inputType)) {
       cssClasses.push(`s-${this.inputType}-type`)
     }
diff --git a/src/stories/Select/SSelect.stories.ts b/src/stories/Select/SSelect.stories.ts
index b901094f..55959c2c 100644
--- a/src/stories/Select/SSelect.stories.ts
+++ b/src/stories/Select/SSelect.stories.ts
@@ -1,7 +1,7 @@
 import { text, withKnobs, boolean, number, select } from '@storybook/addon-knobs'
 
 import { SSelect, SRow, SCol, SOption } from '../../components'
-import { BorderRadius } from '../../types'
+import { Size, BorderRadius } from '../../types'
 import { InputTypes } from '../../components/Select'
 
 export default {
@@ -28,6 +28,7 @@ export const configurable = () => ({
                    :disabled="disabled"
                    :border-radius="borderRadius"
                    :loading="loading"
+                   :size="size"
                    :multiple="multiple"
                    :input-type="item.inputType"
                    :clearable="clearable"
@@ -63,6 +64,9 @@ export const configurable = () => ({
     loading: {
       default: boolean('Loading', false)
     },
+    size: {
+      default: select('Size', Object.values(Size), Size.BIG)
+    },
     multiple: {
       default: boolean('Multiple', false)
     },

From 45c99a24b488239ec5848cc16e18adeba964811a Mon Sep 17 00:00:00 2001
From: RDMStreet <RDMStreetOne@gmail.com>
Date: Fri, 26 Feb 2021 08:15:28 +0000
Subject: [PATCH 2/2] Disable size for 'input' type of select and style fix

---
 src/components/Select/SSelect.vue | 12 +++++++-----
 src/styles/select.scss            |  9 +++++++++
 2 files changed, 16 insertions(+), 5 deletions(-)

diff --git a/src/components/Select/SSelect.vue b/src/components/Select/SSelect.vue
index 73eefae6..65765d4e 100644
--- a/src/components/Select/SSelect.vue
+++ b/src/components/Select/SSelect.vue
@@ -7,7 +7,7 @@
       :placeholder="placeholder"
       :disabled="disabled"
       :loading="loading"
-      :size="size"
+      :size="inputType === 'select' ? size : undefined"
       :multiple="multiple"
       :loading-text="loadingText"
       :clearable="clearable"
@@ -164,10 +164,12 @@ export default class SSelect extends Mixins(SizeMixin, BorderRadiusMixin) {
 
   get computedClasses (): Array<string> {
     const cssClasses: Array<string> = []
-    if ((this.elForm || this.elFormItem || {}).size) {
-      cssClasses.push(`s-${(this.elForm || this.elFormItem).size}`)
-    } else if (this.isStandardSize) {
-      cssClasses.push(`s-${this.size}`)
+    if (this.inputType === 'select') {
+      if ((this.elForm || this.elFormItem || {}).size) {
+        cssClasses.push(`s-${(this.elForm || this.elFormItem).size}`)
+      } else if (this.isStandardSize) {
+        cssClasses.push(`s-${this.size}`)
+      }
     }
     if ((Object.values(InputTypes) as Array<string>).includes(this.inputType)) {
       cssClasses.push(`s-${this.inputType}-type`)
diff --git a/src/styles/select.scss b/src/styles/select.scss
index bc9cdce0..e1e1db04 100644
--- a/src/styles/select.scss
+++ b/src/styles/select.scss
@@ -27,6 +27,15 @@ $select-prefix-height: $s-size-mini;
   @include select-border-radius("medium", var(--s-border-radius-medium));
   @include select-border-radius("small", var(--s-border-radius-small));
   @include select-border-radius("mini", var(--s-border-radius-mini));
+  &.s-big .el-input__inner {
+    height: $s-size-big;
+  }
+  &.s-medium .el-input__inner {
+    height: $s-size-medium;
+  }
+  &.s-small .el-input__inner {
+    height: $s-size-small;
+  }
   .el-select {
     width: 100%;
     i.el-icon-arrow-up {