package.json

@@ -1,7 +1,7 @@
 {
   "name": "ag-element-ui",
-  "version": "0.1.1", 
-  "main": "lib/ag-element-ui.common.js",
+  "version": "0.1.3", 
+  "main": "packages/index.js",
   "scripts": {
     "dev": "vue-cli-service serve",
     "build": "vue-cli-service build",

packages/agForm/src/index.vue

@@ -39,7 +39,7 @@
             </el-form-item>  
         </ag-col>  
     </ag-row> 
-    <div class="footerbox">
+    <div class="footerbox" v-if="$listeners.onSubmit">
         <el-form-item >   
             <slot name="button" :value="formValue">
                   <el-button @click="onSubmit" type="primary" size="small" class="submitbtn">

packages/agQuery/src/index.vue

@@ -13,14 +13,12 @@
                     <ag-input :placeholder="item.placeholder" :value="item.value||''" closeable v-if="item.elem=='el-input'" @change="onSelect($event,item,index)"/>
                     <ag-select :placeholder="item.placeholder" :value="item.value||''" closeable v-if="item.elem=='el-select'" :options="item.options" style="width:100%" @change="onSelect($event,item,index)"/>
                 </el-form-item> 
-            </ag-col>
-            <ag-col :offset="16" :span="8">
-              <el-form-item > 
-                <el-button size="small" @click="onCancel">取消</el-button>
-                <el-button size="small" type="primary" @click="onQuery">查询</el-button>
-                </el-form-item>
-            </ag-col>
+            </ag-col> 
          </ag-row>
+         <div class="footerbox">
+          <el-button size="small" @click="onCancel">取消</el-button>
+          <el-button size="small" type="primary" @click="onQuery">查询</el-button>
+         </div>
         </el-form>
       </el-popover>
     </div>
@@ -129,6 +127,12 @@
         caret-color: transparent; /* 隐藏光标 */
     } 
   }
+  .footerbox{
+    display: flex;
+    align-items: center;
+    justify-content: flex-end;
+    margin-top:5px;
+  }
   ::v-deep {
     .el-form-item--small .el-form-item__label{
       line-height: 40px;

packages/agTable/src/index.vue

@@ -69,6 +69,9 @@
   .agtablebox{
     background: #fff;
     width: 100%;
+    height:100%;
+    display: flex;
+    flex-direction: column;
     .agtablefooter{
       display: flex;
       justify-content: flex-end;