eoss-ui 0.5.23 → 0.5.25

package/packages/selector/src/main.vue

@@ -5,86 +5,134 @@
     :class="{ 'es-pointer': !readonly && !filterable }"
     v-clickoutside="handleClose"
   >
-    <div
-      :class="[
-        selectorSize ? 'el-select--' + selectorSize : 'es-selector-box',
-        { 'es-selector-search': filterable }
-      ]"
-      @click.stop="toggleMenu"
+    <el-button v-if="button" v-bind="button" @click.stop="openDialog"
+      ><slot>选择</slot></el-button
     >
+    <template v-else>
       <div
-        v-if="multiple"
-        ref="tags"
-        class="el-select__tags"
-        :class="{ 'es-selector-edit': !readonly }"
+        :class="[
+          selectorSize ? 'el-select--' + selectorSize : 'es-selector-box',
+          { 'es-selector-search': filterable }
+        ]"
+        @click.stop="toggleMenu"
       >
         <div
-          v-if="collapseTags && selected.length"
-          class="es-selector-tags"
-          :class="{ 'es-selector-more': selected.length > 1 }"
+          v-if="multiple"
+          ref="tags"
+          class="el-select__tags"
+          :class="{ 'es-selector-edit': !readonly }"
         >
-          <el-tag
-            :closable="!selectorDisabled && !readonly"
-            type="info"
-            disable-transitions
-            @close="deleteTag($event, selected[0])"
+          <div
+            v-if="collapseTags && selected.length"
+            class="es-selector-tags"
+            :class="{ 'es-selector-more': selected.length > 1 }"
           >
-            <span class="el-select__tags-text">
-              {{ isObject(selected[0]) ? selected[0][labelKey] : selected[0] }}
-            </span>
-          </el-tag>
-          <el-tag
-            v-if="selected.length > 1"
-            :closable="false"
-            type="info"
-            disable-transitions
-            class="es-tags-more"
-          >
-            <span class="el-select__tags-text"
-              >+ {{ selected.length - 1 }}</span
+            <el-tag
+              :closable="!selectorDisabled && !readonly"
+              type="info"
+              disable-transitions
+              @close="deleteTag($event, selected[0])"
+            >
+              <span class="el-select__tags-text">
+                {{
+                  isObject(selected[0]) ? selected[0][labelKey] : selected[0]
+                }}
+              </span>
+            </el-tag>
+            <el-tag
+              v-if="selected.length > 1"
+              :closable="false"
+              type="info"
+              disable-transitions
+              class="es-tags-more"
+            >
+              <span class="el-select__tags-text"
+                >+ {{ selected.length - 1 }}</span
+              >
+            </el-tag>
+          </div>
+          <transition-group @after-leave="resetInputHeight">
+            <el-tag
+              v-for="(item, index) in selected"
+              :key="getValueKey(item)"
+              :closable="!selectorDisabled && !readonly"
+              type="info"
+              disable-transitions
+              @close="deleteTag($event, item, index)"
             >
-          </el-tag>
+              <span class="el-select__tags-text">{{ getLabel(item) }}</span>
+            </el-tag>
+          </transition-group>
         </div>
-        <transition-group @after-leave="resetInputHeight">
-          <el-tag
-            v-for="(item, index) in selected"
-            :key="getValueKey(item)"
-            :closable="!selectorDisabled && !readonly"
-            type="info"
-            disable-transitions
-            @close="deleteTag($event, item, index)"
-          >
-            <span class="el-select__tags-text">{{ getLabel(item) }}</span>
-          </el-tag>
-        </transition-group>
-      </div>
-      <div ref="reference" class="es-input__inner" v-if="readonly">
-        <template v-if="!multiple">{{ selectedLabel }}</template>
-      </div>
-      <template v-else>
-        <template v-if="multiple">
+        <div ref="reference" class="es-input__inner" v-if="readonly">
+          <template v-if="!multiple">{{ selectedLabel }}</template>
+        </div>
+        <template v-else>
+          <template v-if="multiple">
+            <el-input
+              type="text"
+              ref="reference"
+              autocomplete="off"
+              v-model="words"
+              :readonly="filterable ? false : true"
+              :id="id"
+              :placeholder="currentPlaceholder"
+              :size="selectorSize"
+              :disabled="selectorDisabled"
+              :class="{
+                'is-focus': visible,
+                'es-plain': plain,
+                'es-pointer': !filterable,
+                'es-zindex-2': focus
+              }"
+              :tabindex="multiple ? '-1' : null"
+              v-popover:popover
+              @dblclick.native="openDialog"
+              @keyup.enter.native="handleSearch"
+              @focus="handleFocus"
+              @blur="handleBlur"
+            >
+              <template slot="append">
+                <el-button
+                  ref="openDialog"
+                  v-if="filterable || showButton"
+                  @click.stop="openDialog"
+                  ><slot>选择</slot></el-button
+                >
+              </template>
+            </el-input>
+            <el-input
+              v-model="selectedLabel"
+              readonly
+              :name="name"
+              type="text"
+              v-show="false"
+            ></el-input>
+          </template>
           <el-input
+            v-else
+            v-model="selectedLabel"
             type="text"
             ref="reference"
             autocomplete="off"
-            v-model="words"
+            clearable="clearable"
+            showClearIcon
+            :name="name"
             :readonly="filterable ? false : true"
+            :active="actived"
             :id="id"
             :placeholder="currentPlaceholder"
             :size="selectorSize"
             :disabled="selectorDisabled"
             :class="{
               'is-focus': visible,
-              'es-plain': plain,
-              'es-pointer': !filterable,
-              'es-zindex-2': focus
+              'es-plain': this.plain,
+              'es-pointer': !filterable
             }"
             :tabindex="multiple ? '-1' : null"
-            v-popover:popover
             @dblclick.native="openDialog"
             @keyup.enter.native="handleSearch"
-            @focus="handleFocus"
-            @blur="handleBlur"
+            @clear="handleClear"
           >
             <template slot="append">
               <el-button
@@ -95,82 +143,41 @@
               >
             </template>
           </el-input>
-          <el-input
-            v-model="selectedLabel"
-            readonly
-            :name="name"
-            type="text"
-            v-show="false"
-          ></el-input>
         </template>
-        <el-input
-          v-else
-          v-model="selectedLabel"
-          type="text"
-          ref="reference"
-          autocomplete="off"
-          clearable="clearable"
-          showClearIcon
-          :name="name"
-          :readonly="filterable ? false : true"
-          :active="actived"
-          :id="id"
-          :placeholder="currentPlaceholder"
-          :size="selectorSize"
-          :disabled="selectorDisabled"
-          :class="{
-            'is-focus': visible,
-            'es-plain': this.plain,
-            'es-pointer': !filterable
-          }"
-          :tabindex="multiple ? '-1' : null"
-          @dblclick.native="openDialog"
-          @keyup.enter.native="handleSearch"
-          @clear="handleClear"
-        >
-          <template slot="append">
-            <el-button
-              ref="openDialog"
-              v-if="filterable || showButton"
-              @click.stop="openDialog"
-              ><slot>选择</slot></el-button
-            >
-          </template>
-        </el-input>
-      </template>
-    </div>
-    <el-popover
-      v-model="show"
-      placement="bottom-start"
-      trigger="manual"
-      popper-class="es-selector-popover"
-      :width="minWidth"
-      :queryParent="true"
-      :reference="reference"
-      :arrow-offset="20"
-    >
-      <el-scrollbar
-        tag="ul"
-        wrap-class="es-selector-dropdown__wrap"
-        view-class="es-selector-dropdown__list"
-        ref="scrollbar"
-        v-show="options.length"
-        maxHeight="228"
+      </div>
+      <el-popover
+        v-model="show"
+        placement="bottom-start"
+        trigger="manual"
+        popper-class="es-selector-popover"
+        :width="minWidth"
+        :queryParent="true"
+        :reference="reference"
+        :arrow-offset="20"
       >
-        <li
-          v-for="item in options"
-          :key="item.id"
-          @click="handleSelect(item)"
-          class="es-selector-dropdown-item"
-          :class="{ 'es-selected': item.selected }"
+        <el-scrollbar
+          tag="ul"
+          wrap-class="es-selector-dropdown__wrap"
+          view-class="es-selector-dropdown__list"
+          ref="scrollbar"
+          v-show="options.length"
+          maxHeight="228"
         >
-          <span>{{ item[labelKey] }}</span>
-        </li>
-      </el-scrollbar>
-      <p v-if="options.length == 0" class="el-select-dropdown__empty">
-        {{ noMatchText }}
-      </p>
-    </el-popover>
+          <li
+            v-for="item in options"
+            :key="item.id"
+            @click="handleSelect(item)"
+            class="es-selector-dropdown-item"
+            :class="{ 'es-selected': item.selected }"
+          >
+            <span>{{ item[labelKey] }}</span>
+          </li>
+        </el-scrollbar>
+        <p v-if="options.length == 0" class="el-select-dropdown__empty">
+          {{ noMatchText }}
+        </p>
+      </el-popover>
+    </template>
     <es-dialog
       v-if="!readonly"
       :title="title"
@@ -297,6 +304,7 @@ export default {
       type: Boolean,
       default: false
     },
+    button: Object,
     active: String,
     keywords: {
       type: String,
@@ -537,11 +545,12 @@ export default {
         this.$emit('input', res);
       }
       this.$emit('confirm', res);
-      let inputChildNodes = this.$refs.reference.$el.childNodes;
-      let input = [].filter.call(
-        inputChildNodes,
-        (item) => item.tagName === 'INPUT'
-      )[0];
+      let inputChildNodes = this.$refs.reference
+        ? this.$refs.reference.$el.childNodes
+        : null;
+      let input = inputChildNodes
+        ? [].filter.call(inputChildNodes, (item) => item.tagName === 'INPUT')[0]
+        : null;
       if (input) {
         input.focus();
         input.blur();

package/packages/theme-chalk/lib/form.css

@@ -1 +1 @@
-@charset "UTF-8";.es-form .es-form-content .el-scrollbar__view,.es-form .es-form-content.es-form-padding{padding:12px 24px 0 12px}.es-form .es-form-content .el-scrollbar__view::after,.es-form .es-form-content::after{display:block;height:0;content:'';clear:both}.es-form{background-color:#fff}.es-form .es-form-item-caption{display:inline-block;width:100%;text-align:left;font-size:15px;font-weight:700;height:40px;line-height:42px;padding:0 8px;margin-top:-22px;margin-bottom:22px;border-bottom:1px solid #d9d9d9}.es-form .el-autocomplete,.es-form .el-cascader,.es-form .el-input-number,.es-form .el-select{width:100%;display:block}.es-form .is-without-controls .el-input__inner{text-align:left}.es-form .el-form-item .es-label-box{display:-webkit-box;display:-ms-flexbox;display:flex}.es-form .el-form-item.is-required:not(.is-no-asterisk) .required-after{position:relative}.es-form .el-form-item.is-required:not(.is-no-asterisk) .required-after::before{content:none!important}.es-form .el-form-item.is-required:not(.is-no-asterisk) .required-after::after{content:'*';color:#f5222d}.es-form .el-form-item.is-required:not(.is-no-asterisk) .required-after.required-position::after{position:absolute}.es-form .el-form-item.is-required:not(.is-no-asterisk) .required-after.es-label-box::after{right:4px}.es-form .el-form-item .es-toolbar{border:0}.es-form .es-input__inner{display:block;-webkit-box-flex:1;-ms-flex:1;flex:1;height:40px;line-height:40px;padding:0 10px;border:1px solid #d9d9d9;border-radius:3px;color:rgba(0,0,0,.75)}.es-form div.es-input__inner{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.es-form .es-textarea__inner{min-height:40px;padding:5px 15px;line-height:1.5;color:rgba(0,0,0,.75);border:1px solid #d9d9d9;border-radius:3px;word-wrap:break-word;word-break:break-all;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.es-form .es-collapse .es-collapse-item,.es-form .es-collapse .es-collapse-item.is-active.es-collapse-readonly{border-top:0}.es-form .es-input{display:block;line-height:40px}.es-form-item-label-hide .el-form-item__label,.es-form.es-form-group:not(.es-form-search-nobtn) .el-form-item .el-form-item__label{display:none}.es-form .es-textarea{min-height:40px}.es-form .el-form-item__content{line-height:normal}.es-form .el-form-item__content .el-upload{line-height:40px}.es-form .es-form-button{text-align:center;padding:8px 12px}.es-form.es-form-group:not(.es-form-search-nobtn) .el-form-item{margin-right:0;float:left}.es-form.es-form-group:not(.es-form-search-nobtn) .el-form-item .el-input__inner{border-radius:0;border-right:0}.es-form.es-form-group:not(.es-form-search-nobtn) .el-form-item:first-child .el-input__inner,.es-form.es-form-group:not(.es-form-search-nobtn) .el-form-item:first-child.es-toolbar-item-checkbox+.el-form-item .el-input__inner,.es-form.es-form-group:not(.es-form-search-nobtn) .el-form-item:first-child.es-toolbar-item-radio+.el-form-item .el-input__inner,.es-form.es-form-group:not(.es-form-search-nobtn) .el-form-item:first-child.es-toolbar-item-switch+.el-form-item .el-input__inner{border-top-left-radius:3px;border-bottom-left-radius:3px}.es-form.es-form-group:not(.es-form-search-nobtn) .el-form-item:last-child .el-input__inner{border-top-right-radius:3px;border-bottom-right-radius:3px}.es-form.es-form-group:not(.es-form-search-nobtn) .el-form-item:last-child .el-button:first-child{border-top-left-radius:0;border-bottom-left-radius:0}.es-form.es-form-group:not(.es-form-search-nobtn) .es-form-button{display:inline-block;text-align:center}.es-form .es-collapse{border:0}.es-form .es-collapse .es-collapse-item .el-collapse-item__header{padding-left:14px;font-size:16px;font-weight:700;border-bottom-color:#d9d9d9}.es-form .es-collapse .es-collapse-item .el-collapse-item__header::before{content:'';width:4px;height:18px;background-color:#1890ff;margin-right:2px}.es-form .es-table-form td.es-table-form-item .el-form-item .is-disabled .el-input__inner,.es-form .es-table-form td.es-table-form-item .el-form-item .is-disabled .el-textarea__inner,.es-form .es-table-form td.es-table-form-item.td-disabled{background-color:#f5f5f5}.es-form .es-collapse .es-collapse-item .el-collapse-item__wrap{padding-top:16px;border-bottom:0}.es-form .es-collapse .es-collapse-item.es-collapse-readonly .el-collapse-item__header{cursor:default}.es-form .es-collapse .es-collapse-item:last-child{margin-bottom:0}.es-form .es-collapse .es-collapse-item.es-collapse-caption .el-collapse-item__wrap{padding-top:0}.es-form .es-collapse .el-collapse-item__content{padding:0 12px}.es-form .es-collapse .el-collapse-item__content::after{content:'';display:table;clear:both}.es-form .es-plain,.es-form .es-plain .es-input__inner,.es-form .es-plain .es-textarea__inner{border:0}.es-form .es-form-item-table .el-scrollbar__view,.es-form .es-form-item-table .es-data-table-content{padding:0!important}.es-form .es-form-table-data .es-data-form{margin:-1px}.es-form .es-form-item-inline .el-form-item__content{display:-webkit-box;display:-ms-flexbox;display:flex}.es-form .es-form-item-inline .el-form-item__content .es-range{padding:0 8px;color:#c0c4cc;line-height:40px}.es-form .es-form-item-inline .el-form-item__content>div:not(.es-range):not(.es-flex-none){-webkit-box-flex:1;-ms-flex:1;flex:1}.es-form .es-form-item-inline .el-form-item__error{bottom:-16px}.es-form .es-form-item-inline>.el-form-item{-webkit-box-flex:1;-ms-flex:1;flex:1}.es-form .es-form-item-inline .es-button-inline{margin-left:12px}.es-form .es-form-item-onrow .el-form-item__content{margin-right:50%}.es-form .es-table-form{margin-bottom:24px;border:1px solid #d9d9d9}.es-form .es-table-form .es-table-caption{text-align:left;font-size:15px;font-weight:700;height:40px;line-height:42px;padding:0 8px}.es-form .es-table-form td.es-table-form-item{padding:0;position:relative;vertical-align:top}.es-form .es-table-form td.es-table-form-item .el-input__inner,.es-form .es-table-form td.es-table-form-item .el-textarea__inner{border-width:0}.es-form .es-table-form td.es-table-form-item .el-input-number__decrease,.es-form .es-table-form td.es-table-form-item .el-input-number__increase{top:0;bottom:0;border-radius:0}.es-form .es-table-form td.es-table-form-item .el-input-number__decrease{left:0}.es-form .es-table-form td.es-table-form-item .el-input-number__increase{right:0}.es-form .es-table-form td.es-table-form-item .el-form-item{margin:0}.es-form .es-table-form td.es-table-form-item .el-form-item.is-error .el-input__inner,.es-form .es-table-form td.es-table-form-item .el-form-item.is-error .el-textarea__inner{border-width:1px;border-radius:4px}.es-form .es-table-form td.es-table-form-item .el-form-item.is-error .el-input-number__decrease,.es-form .es-table-form td.es-table-form-item .el-form-item.is-error .el-input-number__increase{top:1px;bottom:1px}.es-form .es-table-form td.es-table-form-item .el-form-item.is-error .el-input-number__decrease{left:1px;border-radius:4px 0 0 4px}.es-form .es-table-form td.es-table-form-item .el-form-item.is-error .el-input-number__increase{border-radius:0 4px 4px 0;right:1px}.es-form .es-table-form td.es-table-form-item .el-form-item__error{z-index:1001;background-color:#e4e7ed}.es-form .es-table-form td.es-table-form-item .es-upload{padding:40px 8px 8px;position:relative}.es-form .es-table-form td.es-table-form-item .es-upload.es-upload-readonly{padding-top:8px}.es-form .es-table-form td.es-table-form-item .es-upload .el-upload{line-height:normal;position:absolute;right:8px;top:8px}.es-form .es-table-form td.es-table-form-item .es-upload .el-upload-list--text{margin-top:0}.es-form .es-table-form td.es-table-form-item .el-checkbox-group,.es-form .es-table-form td.es-table-form-item .el-radio-group,.es-form .es-table-form td.es-table-form-item .es-switch-content{padding:0 8px}.es-form .es-table-form td.es-table-form-item .es-input__inner,.es-form .es-table-form td.es-table-form-item .es-textarea__inner{border:0}.es-form .es-table-form td.es-table-form-item .es-select-ganged .el-select{margin-left:0}.es-form .es-table-form td.es-table-form-item .el-input-group__append,.es-form .es-table-form td.es-table-form-item .el-input-group__prepend{border:0;border-radius:0}.es-form .es-table-form td.es-align-middle{vertical-align:middle}.es-form .es-table-form td.es-table-form-data{padding:0}.es-form .es-table-form td.es-table-form-data .es-data-table .es-table{border:0}.es-form .es-table-form td.es-table-form-data .es-data-table .es-table::before{height:0}.es-form .es-table-form td.es-table-form-data .el-scrollbar__view{padding:0}.es-form .es-table-form td.es-table-td-caption{padding:0;position:relative;height:40px}.es-form .es-table-form td.es-table-td-caption .es-table-caption{position:absolute;left:-1px;top:0;right:-1px;border-left:1px solid #fff;border-right:1px solid #fff}.es-form .es-table-form .es-table-form-label{padding:2px 10px;line-height:36px;background-color:#fafafa}.es-form .es-table-form~.es-data-table{margin-bottom:24px}.es-form .el-input__prefix,.es-form .el-input__suffix{line-height:38px}.es-form.es-form-table .el-scrollbar__view,.es-form.es-form-table .es-form-padding{padding:12px 12px 0}.es-form.es-form-inside-dialog .es-form-button{text-align:right}.es-form-item-label-hide .el-form-item__content{margin-left:0!important}.es-collapse-title span~div,.es-collapse-title span~i,.es-collapse-title span~span,.es-collapse-title-handler span~div,.es-collapse-title-handler span~i,.es-collapse-title-handler span~span,.es-collapse-title-handler+.es-collapse-title-handler{margin-left:8px}.es-input-button-prefix .el-input__inner{padding-left:70px}.es-input-button-suffix .el-input__inner{padding-right:60px}.es-select-button-prefix .el-input__inner{padding-left:60px}.es-select-button-suffix .el-input__inner{padding-right:70px}.es-collapse-title,.es-collapse-title-handler{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.es-collapse-title .es-label,.es-collapse-title-handler .es-label{white-space:nowrap}.es-collapse-title .el-icon-delete,.es-collapse-title .es-icon-delete,.es-collapse-title-handler .el-icon-delete,.es-collapse-title-handler .es-icon-delete{color:#1890ff;cursor:pointer}.es-form-inline{display:-webkit-box;display:-ms-flexbox;display:flex}
+@charset "UTF-8";.es-form .es-form-content .el-scrollbar__view,.es-form .es-form-content.es-form-padding{padding:12px 24px 0 12px}.es-form .es-form-content .el-scrollbar__view::after,.es-form .es-form-content::after{display:block;height:0;content:'';clear:both}.es-form{background-color:#fff}.es-form .es-form-item-caption{display:inline-block;width:100%;text-align:left;font-size:15px;font-weight:700;height:40px;line-height:42px;padding:0 8px;margin-top:-22px;margin-bottom:22px;border-bottom:1px solid #d9d9d9}.es-form .el-autocomplete,.es-form .el-cascader,.es-form .el-input-number,.es-form .el-select{width:100%;display:block}.es-form .is-without-controls .el-input__inner{text-align:left}.es-form .el-form-item .es-label-box{display:-webkit-box;display:-ms-flexbox;display:flex}.es-form .el-form-item.is-required:not(.is-no-asterisk) .required-after{position:relative}.es-form .el-form-item.is-required:not(.is-no-asterisk) .required-after::before{content:none!important}.es-form .el-form-item.is-required:not(.is-no-asterisk) .required-after::after{content:'*';color:#f5222d}.es-form .el-form-item.is-required:not(.is-no-asterisk) .required-after.required-position::after{position:absolute}.es-form .el-form-item.is-required:not(.is-no-asterisk) .required-after.es-label-box::after{right:4px}.es-form .el-form-item .es-toolbar{border:0}.es-form .es-input__inner{display:block;-webkit-box-flex:1;-ms-flex:1;flex:1;height:40px;line-height:40px;padding:0 10px;border:1px solid #d9d9d9;border-radius:3px;color:rgba(0,0,0,.75)}.es-form div.es-input__inner{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.es-form .es-textarea__inner{min-height:40px;padding:5px 15px;line-height:1.5;color:rgba(0,0,0,.75);border:1px solid #d9d9d9;border-radius:3px;word-wrap:break-word;word-break:break-all;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.es-form .es-collapse .es-collapse-item,.es-form .es-collapse .es-collapse-item.is-active.es-collapse-readonly{border-top:0}.es-form .es-input{display:block;line-height:40px}.es-form-item-label-hide .el-form-item__label,.es-form.es-form-group:not(.es-form-search-nobtn) .el-form-item .el-form-item__label{display:none}.es-form .es-textarea{min-height:40px}.es-form .el-form-item__content{line-height:normal}.es-form .el-form-item__content .el-upload{line-height:40px}.es-form .es-form-button{text-align:center;padding:8px 12px}.es-form.es-form-group:not(.es-form-search-nobtn) .el-form-item{margin-right:0;float:left}.es-form.es-form-group:not(.es-form-search-nobtn) .el-form-item .el-input__inner{border-radius:0;border-right:0}.es-form.es-form-group:not(.es-form-search-nobtn) .el-form-item:first-child .el-input__inner,.es-form.es-form-group:not(.es-form-search-nobtn) .el-form-item:first-child.es-toolbar-item-checkbox+.el-form-item .el-input__inner,.es-form.es-form-group:not(.es-form-search-nobtn) .el-form-item:first-child.es-toolbar-item-radio+.el-form-item .el-input__inner,.es-form.es-form-group:not(.es-form-search-nobtn) .el-form-item:first-child.es-toolbar-item-switch+.el-form-item .el-input__inner{border-top-left-radius:3px;border-bottom-left-radius:3px}.es-form.es-form-group:not(.es-form-search-nobtn) .el-form-item:last-child .el-input__inner{border-top-right-radius:3px;border-bottom-right-radius:3px}.es-form.es-form-group:not(.es-form-search-nobtn) .el-form-item:last-child .el-button:first-child{border-top-left-radius:0;border-bottom-left-radius:0}.es-form.es-form-group:not(.es-form-search-nobtn) .es-form-button{display:inline-block;text-align:center}.es-form .es-collapse{border:0}.es-form .es-collapse .es-collapse-item .el-collapse-item__header{padding-left:14px;font-size:16px;font-weight:700;border-bottom-color:#d9d9d9}.es-form .es-collapse .es-collapse-item .el-collapse-item__header::before{content:'';width:4px;height:18px;background-color:#1890ff;margin-right:2px}.es-form .es-table-form td.es-table-form-item .el-form-item .is-disabled .el-input__inner,.es-form .es-table-form td.es-table-form-item .el-form-item .is-disabled .el-textarea__inner,.es-form .es-table-form td.es-table-form-item.td-disabled{background-color:#f5f5f5}.es-form .es-collapse .es-collapse-item .el-collapse-item__wrap{padding-top:16px;border-bottom:0}.es-form .es-collapse .es-collapse-item.es-collapse-readonly .el-collapse-item__header{cursor:default}.es-form .es-collapse .es-collapse-item:last-child{margin-bottom:0}.es-form .es-collapse .es-collapse-item.es-collapse-caption .el-collapse-item__wrap{padding-top:0}.es-form .es-collapse .el-collapse-item__content{padding:0 12px}.es-form .es-collapse .el-collapse-item__content::after{content:'';display:table;clear:both}.es-form .es-plain,.es-form .es-plain .es-input__inner,.es-form .es-plain .es-textarea__inner{border:0}.es-form .es-form-item-table .el-scrollbar__view,.es-form .es-form-item-table .es-data-table-content{padding:0!important}.es-form .es-form-table-data .es-data-form{margin:-1px}.es-form .es-form-item-inline .el-form-item__content{display:-webkit-box;display:-ms-flexbox;display:flex}.es-form .es-form-item-inline .el-form-item__content .es-range{padding:0 8px;color:#c0c4cc;line-height:40px}.es-form .es-form-item-inline .el-form-item__content>div:not(.es-range):not(.es-flex-none){-webkit-box-flex:1;-ms-flex:1;flex:1}.es-form .es-form-item-inline .el-form-item__error{bottom:-16px}.es-form .es-form-item-inline>.el-form-item{-webkit-box-flex:1;-ms-flex:1;flex:1}.es-form .es-form-item-inline .es-button-inline{margin-left:12px}.es-form .es-form-item-onrow .el-form-item__content{margin-right:50%}.es-form .es-table-form{margin-bottom:24px;border:1px solid #d9d9d9}.es-form .es-table-form .es-table-caption{text-align:left;font-size:15px;font-weight:700;height:40px;line-height:42px;padding:0 8px}.es-form .es-table-form td.es-table-form-item{padding:0;position:relative;vertical-align:top}.es-form .es-table-form td.es-table-form-item .el-input__inner,.es-form .es-table-form td.es-table-form-item .el-textarea__inner{border-width:0}.es-form .es-table-form td.es-table-form-item .el-input-number__decrease,.es-form .es-table-form td.es-table-form-item .el-input-number__increase{top:0;bottom:0;border-radius:0}.es-form .es-table-form td.es-table-form-item .el-input-number__decrease{left:0}.es-form .es-table-form td.es-table-form-item .el-input-number__increase{right:0}.es-form .es-table-form td.es-table-form-item .el-form-item{margin:0}.es-form .es-table-form td.es-table-form-item .el-form-item.is-error .el-input__inner,.es-form .es-table-form td.es-table-form-item .el-form-item.is-error .el-textarea__inner{border-width:1px;border-radius:4px}.es-form .es-table-form td.es-table-form-item .el-form-item.is-error .el-input-number__decrease,.es-form .es-table-form td.es-table-form-item .el-form-item.is-error .el-input-number__increase{top:1px;bottom:1px}.es-form .es-table-form td.es-table-form-item .el-form-item.is-error .el-input-number__decrease{left:1px;border-radius:4px 0 0 4px}.es-form .es-table-form td.es-table-form-item .el-form-item.is-error .el-input-number__increase{border-radius:0 4px 4px 0;right:1px}.es-form .es-table-form td.es-table-form-item .el-form-item__error{z-index:1001;background-color:#e4e7ed}.es-form .es-table-form td.es-table-form-item .es-upload{padding:40px 8px 8px;position:relative}.es-form .es-table-form td.es-table-form-item .es-upload.es-upload-readonly{padding-top:8px}.es-form .es-table-form td.es-table-form-item .es-upload .el-upload{line-height:normal;position:absolute;right:8px;top:8px}.es-form .es-table-form td.es-table-form-item .es-upload .el-upload-list--text{margin-top:0}.es-form .es-table-form td.es-table-form-item .el-checkbox-group,.es-form .es-table-form td.es-table-form-item .el-radio-group,.es-form .es-table-form td.es-table-form-item .es-switch-content{padding:0 8px}.es-form .es-table-form td.es-table-form-item .es-input__inner,.es-form .es-table-form td.es-table-form-item .es-textarea__inner{border:0}.es-form .es-table-form td.es-table-form-item .es-select-ganged .el-select{margin-left:0}.es-form .es-table-form td.es-table-form-item .el-input-group__append,.es-form .es-table-form td.es-table-form-item .el-input-group__prepend{border:0;border-radius:0}.es-form .es-table-form td.es-align-middle{vertical-align:middle}.es-form .es-table-form td.es-table-form-data{padding:0}.es-form .es-table-form td.es-table-form-data .es-data-table .es-table{border:0}.es-form .es-table-form td.es-table-form-data .es-data-table .es-table::before{height:0}.es-form .es-table-form td.es-table-form-data .el-scrollbar__view{padding:0}.es-form .es-table-form td.es-table-td-caption{padding:0;position:relative;height:40px}.es-form .es-table-form td.es-table-td-caption .es-table-caption{position:absolute;left:-1px;top:0;right:-1px;border-left:1px solid #fff;border-right:1px solid #fff}.es-form .es-table-form .es-table-form-label{padding:2px 10px;line-height:36px;background-color:#fafafa;position:relative}.es-form .es-table-form .es-table-form-label.is-required::after{content:'*';color:#f5222d;position:absolute;left:4px}.es-form .es-table-form .es-table-form-label.is-required.required-after::after{left:auto;right:4px}.es-form .es-table-form~.es-data-table{margin-bottom:24px}.es-form .el-input__prefix,.es-form .el-input__suffix{line-height:38px}.es-form.es-form-table .el-scrollbar__view,.es-form.es-form-table .es-form-padding{padding:12px 12px 0}.es-form.es-form-inside-dialog .es-form-button{text-align:right}.es-form-item-label-hide .el-form-item__content{margin-left:0!important}.es-collapse-title span~div,.es-collapse-title span~i,.es-collapse-title span~span,.es-collapse-title-handler span~div,.es-collapse-title-handler span~i,.es-collapse-title-handler span~span,.es-collapse-title-handler+.es-collapse-title-handler{margin-left:8px}.es-input-button-prefix .el-input__inner{padding-left:70px}.es-input-button-suffix .el-input__inner{padding-right:60px}.es-select-button-prefix .el-input__inner{padding-left:60px}.es-select-button-suffix .el-input__inner{padding-right:70px}.es-collapse-title,.es-collapse-title-handler{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.es-collapse-title .es-label,.es-collapse-title-handler .es-label{white-space:nowrap}.es-collapse-title .el-icon-delete,.es-collapse-title .es-icon-delete,.es-collapse-title-handler .el-icon-delete,.es-collapse-title-handler .es-icon-delete{color:#1890ff;cursor:pointer}.es-form-inline{display:-webkit-box;display:-ms-flexbox;display:flex}