htui-yllkbz 1.5.5 → 1.5.7

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.
Files changed (10) hide show
  1. package/lib/htui.common.js +37 -35
  2. package/lib/htui.common.js.gz +0 -0
  3. package/lib/htui.umd.js +37 -35
  4. package/lib/htui.umd.js.gz +0 -0
  5. package/lib/htui.umd.min.js +1 -1
  6. package/lib/htui.umd.min.js.gz +0 -0
  7. package/package.json +1 -1
  8. package/src/packages/HtDrawer/index.vue +50 -25
  9. package/src/packages/HtSelectTimeSlot/index.vue +2 -2
  10. package/src/views/About.vue +8 -2
package/lib/htui.umd.min.js.gz CHANGED
Binary file
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "htui-yllkbz",
3
- "version": "1.5.5",
3
+ "version": "1.5.7",
4
4
  "port": "8082",
5
5
  "typings": "types/index.d.ts",
6
6
  "main": "lib/htui.common.js",
package/src/packages/HtDrawer/index.vue CHANGED
@@ -4,7 +4,7 @@
4
4
  * @Author: hutao
5
5
  * @Date: 2022-09-28 10:24:08
6
6
  * @LastEditors: hutao
7
- * @LastEditTime: 2023-05-12 10:08:26
7
+ * @LastEditTime: 2023-05-23 13:54:34
8
8
  -->
9
9
  <template>
10
10
  <el-drawer
@@ -25,14 +25,16 @@
25
25
  >
26
26
  <span slot="title">
27
27
  <slot name="title"
28
- ><span style="font-size:18px;font-weight:bold">{{ title }}</span></slot
28
+ ><span style="font-size:18px;font-weight:bold;color:#323433">{{
29
+ title
30
+ }}</span></slot
29
31
  >
30
32
  </span>
31
33
 
32
34
  <div
33
35
  style="overflow:hidden;padding:0 16px"
34
36
  :style="
35
- `height:calc(100vh - ${withFooter ? '90px' : '0px'} - ${
37
+ `height:calc(100vh - ${withFooter ? '56px' : '0px'} - ${
36
38
  withHeader ? (htClass === 'ht-new-drawer' ? '60px' : '90px') : '0px'
37
39
  })`
38
40
  "
@@ -41,39 +43,61 @@
41
43
  <slot></slot>
42
44
  </el-scrollbar>
43
45
  </div>
44
- <el-divider v-if="withFooter"></el-divider>
45
- <slot name="foot" v-if="withFooter">
46
- <div>
46
+ <!-- <el-divider v-if="withFooter"></el-divider> -->
47
+ <div style="margin-top:16px">
48
+ <slot name="foot" v-if="withFooter">
47
49
  <template v-if="!footerRight">
48
- <el-button style="margin-left:20px" @click="onCancel">{{
49
- cancelText
50
- }}</el-button>
50
+ <template v-if="!readonly">
51
+ <el-button
52
+ style="margin-left:24px"
53
+ :disabled="disabled"
54
+ :loading="loading"
55
+ type="primary"
56
+ @click="onOk"
57
+ >{{ okText }}</el-button
58
+ >
59
+ <el-button
60
+ :loading="loading"
61
+ style="margin-left:16px"
62
+ @click="onCancel"
63
+ >{{ cancelText }}</el-button
64
+ >
65
+ </template>
51
66
  <el-button
52
- style="margin-left:20px"
53
- :disabled="disabled"
54
- type="primary"
55
- @click="onOk"
56
- >{{ okText }}</el-button
67
+ v-else
68
+ :loading="loading"
69
+ style="margin-left:24px"
70
+ @click="onCancel"
71
+ >{{ cancelText }}</el-button
57
72
  >
58
73
  </template>
59
74
  <template v-else>
75
+ <template v-if="!readonly"
76
+ ><el-button
77
+ style="margin-right:24px;float:right"
78
+ type="primary"
79
+ :loading="loading"
80
+ :disabled="disabled"
81
+ @click="onOk"
82
+ >{{ okText }}</el-button
83
+ >
84
+ <el-button
85
+ :loading="loading"
86
+ style="margin-right:16px;float:right"
87
+ @click="onCancel"
88
+ >{{ cancelText }}</el-button
89
+ >
90
+ </template>
60
91
  <el-button
61
- style="margin-right:20px;float:right"
62
- type="primary"
92
+ v-else
63
93
  :loading="loading"
64
- :disabled="disabled"
65
- @click="onOk"
66
- >{{ okText }}</el-button
67
- >
68
- <el-button
69
- :loading="loading"
70
- style="margin-right:20px;float:right"
94
+ style="margin-left:24px"
71
95
  @click="onCancel"
72
96
  >{{ cancelText }}</el-button
73
97
  >
74
98
  </template>
75
- </div>
76
- </slot>
99
+ </slot>
100
+ </div>
77
101
  </el-drawer>
78
102
  </template>
79
103
  <script lang="ts">
@@ -95,6 +119,7 @@ export default class Index extends Vue {
95
119
  @Prop() title!: string;
96
120
  @Prop() htClass!: string;
97
121
  @Prop() loading!: boolean;
122
+ @Prop() readonly!: boolean;
98
123
  /** 是否显示隐藏来自父级传参 */
99
124
  @Prop() value!: boolean;
100
125
  /** 展开方式 参考elemen UI */
package/src/packages/HtSelectTimeSlot/index.vue CHANGED
@@ -4,7 +4,7 @@
4
4
  * @Author: hutao
5
5
  * @Date: 2022-06-07 10:26:42
6
6
  * @LastEditors: hutao
7
- * @LastEditTime: 2023-01-03 17:13:38
7
+ * @LastEditTime: 2023-05-30 17:31:26
8
8
  -->
9
9
  <template>
10
10
  <div style="display:flex">
@@ -85,7 +85,7 @@ interface State {
85
85
  SelectMonth,
86
86
  },
87
87
  })
88
- export default class Index extends Vue {
88
+ export default class HtSelectTimeSlot extends Vue {
89
89
  @Prop() value?: string;
90
90
  @Prop() readonly?: boolean;
91
91
  @Prop() disabled?: boolean;
package/src/views/About.vue CHANGED
@@ -4,7 +4,7 @@
4
4
  * @Author: hutao
5
5
  * @Date: 2021-11-15 14:41:40
6
6
  * @LastEditors: hutao
7
- * @LastEditTime: 2023-05-11 16:17:31
7
+ * @LastEditTime: 2023-05-23 13:57:00
8
8
  -->
9
9
  <template>
10
10
  <div>
@@ -68,7 +68,13 @@
68
68
  </template>
69
69
  </HtTable>
70
70
  </div>
71
- <HtDrawer @onOk="submitTest()" v-model="state.visible" :title="'买买买'">
71
+ <HtDrawer
72
+ htClass="ht-new-drawer"
73
+ @onOk="submitTest()"
74
+ :footerRight="true"
75
+ v-model="state.visible"
76
+ :title="'买买买'"
77
+ >
72
78
  考了多少会计数控了分手快乐
73
79
  </HtDrawer>
74
80
  </div>