0.4.1

examples/view/base/table.vue

@@ -6,7 +6,7 @@
             <NoobSelect v-model="example.ccc" stateProp="test" :width="120"></NoobSelect>
         </template>
     </SearchRow>
-    <ListTable :data="data" :props="prop" :page="true"></ListTable>
+    <ListTable :data="data" :props="prop" :page="true" :border="true"></ListTable>
     <br />
     <br />
     <Infomation :num="100" title="总数" icon="DataAnalysis"></Infomation>

package.json

@@ -1,6 +1,6 @@
 {
     "name": "noob-mengyxu",
-    "version": "0.4.0",
+    "version": "0.4.1",
     "main": "index.ts",
     "module": "index.ts",
     "keywords": [

packages/base/data/list-table.vue

@@ -1,7 +1,7 @@
 <template>
     <div class="my-table">
         <el-table ref="table" :size="state.size.size" :data="page ? data.data : data"
-            @selection-change="selectionChange"
+            @selection-change="selectionChange" :border="border"
             :height="height || (page ? state.size.pTableHeight : state.size.tableHeight)" highlight-current-row
             :row-key="rowKey" :tree-porps="treeProps" :lazy="lazy" :load="load">
 
@@ -76,6 +76,10 @@ const prop = defineProps({
         type: Boolean,
         default: false,
     },
+    border: {
+        type: Boolean,
+        default: false,
+    },
 });
 
 const emit = defineEmits(["query", "selection-change"]);
@@ -194,6 +198,10 @@ onUpdated(() => {
     background: v-bind('state.style.tableChildBg') !important;
 }
 
+::v-deep .el-table .el-table__cell {
+    padding: v-bind('state.size.tablePad') 0px;
+}
+
 .my-pagination * {
     --el-pagination-bg-color: v-bind('state.style.bodyBg') !important;
     --el-pagination-disabled-bg-color: v-bind('state.style.bodyBg') !important;

packages/manage/common/login.vue

@@ -23,7 +23,7 @@
 
 <script lang="ts" setup>
 import { useStore } from "vuex";
-import { onBeforeMount, onMounted, ref } from "vue";
+import { onBeforeMount,onBeforeUnmount, onMounted, ref } from "vue";
 import { useRouter } from "vue-router";
 import { FormInstance } from "element-plus";
 import { Api, NoobInput, NoobButton, Element } from "noob-mengyxu";
@@ -68,6 +68,7 @@ const loginConfirm = user => {
             commit("initSize");
             dispatch("getMenus");
             router.back();
+            document.removeEventListener('keyup', enter_up);
         }
     })
 };
@@ -81,8 +82,21 @@ const login = () => {
         }
     });
 }
+const enter_up = (e) => {
+    console.log(e);
     
-onMounted(() => { });
+    if (e.keyCode == 13 || e.keyCode == 100) {
+        login();
+    }
+}
+
+onMounted(() => {
+    document.addEventListener('keyup', enter_up);
+});
+
+onBeforeUnmount(() => {
+    document.removeEventListener('keyup', enter_up);
+});
 </script>
 <style lang="scss" scoped>
 .login {

packages/manage/common/login2.vue

@@ -22,7 +22,7 @@
 
 <script lang="ts" setup>
 import { useStore } from "vuex";
-import { onBeforeMount, onMounted, ref } from "vue";
+import { onBeforeMount, onMounted, ref, onBeforeUnmount } from "vue";
 import { useRouter } from "vue-router";
 import { FormInstance } from "element-plus";
 import { Api, NoobInput, NoobButton, Element } from "noob-mengyxu";
@@ -67,6 +67,7 @@ const loginConfirm = user => {
             commit("initSize");
             dispatch("getMenus");
             router.back();
+            document.removeEventListener('keyup', enter_up);
         }
     })
 };
@@ -81,7 +82,22 @@ const login = () => {
     });
 }
 
-onMounted(() => { });
+const enter_up = (e) => {
+    console.log(e);
+    
+    if (e.keyCode == 13 || e.keyCode == 100) {
+        login();
+    }
+}
+
+onMounted(() => {
+    document.addEventListener('keyup', enter_up);
+});
+
+onBeforeUnmount(() => {
+    document.removeEventListener('keyup', enter_up);
+});
+
 </script>
 <style lang="scss" scoped>
 .login {

plugs/api/base.ts

@@ -36,6 +36,19 @@ export const queryList = (url, example?) => {
   });
 };
 
+export const getById = (url, id) => {
+  return new Promise((resolve, reject) => {
+    get(url + '/' + id).then(
+      (rsp: any) => {
+        resolve(rsp || {});
+      },
+      (err) => {
+        resolve({});
+      }
+    );
+  });
+};
+
 export const save = (url, role) => {
   return new Promise((resolve, reject) => {
     post(url, role).then(

plugs/config/size/large.ts

@@ -17,4 +17,6 @@ export default class Small extends Normal {
   searchRowHeight = '45px'; //查询行高
   searchRowPad = '12px'; //查询行内间距
   searchWidth = '190px'; //查询元素默认宽度
+
+  tablePad = '8px';
 }

plugs/config/size/normal.ts

@@ -26,4 +26,5 @@ export default class Normal {
   tableHeight = 0; //表格默认高度
   pTableHeight = 0; //带分页表格默认高度
   pageHeight = 36; //分页插件高度
+  tablePad = '4px';
 }

plugs/config/size/small.ts

@@ -19,4 +19,5 @@ export default class Small extends Normal {
   searchWidth = '150px'; //查询元素默认宽度
 
   pageHeight = 28; //分页插件高度
+  tablePad = '2px';
 }

plugs/i18n/zh.ts

@@ -35,7 +35,7 @@ export default class Zh {
     noSpace: '密码不能包含空格',
     required: '密码至少包含大小写字母和数字',
   };
-  styles = ['默认', '明亮', '黑夜', '默认2'];
+  styles = ['青', '明亮', '黑夜', '蓝'];
 
   head = {
     center: '个人中心',