meixioacomponent 0.2.26 → 0.2.27

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "meixioacomponent",
3
- "version": "0.2.26",
3
+ "version": "0.2.27",
4
4
  "private": false,
5
5
  "author": "YuRi",
6
6
  "main": "lib/meixioacomponent.umd.min.js",
@@ -1,6 +1,6 @@
1
1
  <template>
2
2
  <div class="table-wrap">
3
- <el-table ref="elTable" :data="tableData">
3
+ <el-table ref="elTable" :data="tableData" :id="id" :height="height">
4
4
  <!-- 表格暂无数据 -->
5
5
  <template slot="empty">
6
6
  <baseDefaultSvgVue
@@ -44,7 +44,14 @@ import baseDefaultSvgVue from "../baseDefaultSvg/baseDefaultSvg.vue";
44
44
  export default {
45
45
  name: "basePlainTable",
46
46
  data() {
47
- return {};
47
+ return {
48
+ id: null,
49
+ };
50
+ },
51
+ created() {
52
+ if (this.$props.tableId) {
53
+ this.id = this.$props.tableId;
54
+ }
48
55
  },
49
56
  components: {
50
57
  baseDefaultSvgVue,
@@ -59,6 +66,13 @@ export default {
59
66
  type: Array,
60
67
  require: true,
61
68
  },
69
+
70
+ tableId: {
71
+ type: String,
72
+ },
73
+ heigth: {
74
+ default: "auto",
75
+ },
62
76
  },
63
77
  };
64
78
  </script>
@@ -70,14 +70,16 @@
70
70
  <div class="item-handle-wrap" :class="[`${config.type}`]" v-else>
71
71
  <!-- input输入框 -->
72
72
  <el-input
73
- v-if="config.type == 'input'"
73
+ ref="target"
74
74
  :size="size"
75
75
  v-model="module"
76
+ v-if="config.type == 'input'"
76
77
  style="width: 100%; height: 100%"
77
78
  >
78
79
  </el-input>
79
80
  <!-- 数字类型无小数 -->
80
81
  <el-input-number
82
+ ref="target"
81
83
  :size="size"
82
84
  v-else-if="config.type == 'number'"
83
85
  v-model.number="module"
@@ -86,6 +88,7 @@
86
88
  <!--数字类型两位小数 -->
87
89
  <el-input-number
88
90
  :size="size"
91
+ ref="target"
89
92
  :precision="2"
90
93
  v-model.number="module"
91
94
  :controls="false"
@@ -94,6 +97,7 @@
94
97
  <!-- select选择器 -->
95
98
  <el-select
96
99
  :size="size"
100
+ ref="target"
97
101
  v-model="module"
98
102
  placeholder="请选择"
99
103
  :multiple="multiple"
@@ -118,6 +122,7 @@
118
122
  align="right"
119
123
  v-model="module"
120
124
  :size="size"
125
+ ref="target"
121
126
  placeholder="选择日期"
122
127
  value-format="timestamp"
123
128
  :prefix-icon="`el-icon-time`"
@@ -158,6 +163,7 @@
158
163
  <!-- 文本输入框 -->
159
164
  <el-input
160
165
  autosize
166
+ ref="target"
161
167
  :size="size"
162
168
  type="textarea"
163
169
  v-model="module"
@@ -344,6 +350,9 @@ export default {
344
350
  switch (type) {
345
351
  case "edit":
346
352
  this.isEdit = !this.isEdit;
353
+ this.$nextTick(() => {
354
+ this.targetFocus();
355
+ });
347
356
  if (this.isEdit) {
348
357
  this.oldValue = this.value;
349
358
  } else {
@@ -364,6 +373,13 @@ export default {
364
373
  break;
365
374
  }
366
375
  },
376
+ targetFocus() {
377
+ let ref = this.$refs.target;
378
+ console.log(ref);
379
+ if (ref) {
380
+ ref.focus();
381
+ }
382
+ },
367
383
  handleConfirm() {
368
384
  this.isEdit = false;
369
385
  },