htui-yllkbz 1.5.3 → 1.5.5

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "htui-yllkbz",
-  "version": "1.5.3",
+  "version": "1.5.5",
   "port": "8082",
   "typings": "types/index.d.ts",
   "main": "lib/htui.common.js",

package/src/packages/HtDrawer/index.vue

@@ -4,11 +4,12 @@
  * @Author: hutao
  * @Date: 2022-09-28 10:24:08
  * @LastEditors: hutao
- * @LastEditTime: 2023-04-24 13:45:53
+ * @LastEditTime: 2023-05-12 10:08:26
 -->
 <template>
   <el-drawer
     :visible.sync="state.visible"
+    :class="htClass"
     :direction="direction"
     :custom-class="customClass"
     :append-to-body="appendToBody"
@@ -32,7 +33,7 @@
       style="overflow:hidden;padding:0 16px"
       :style="
         `height:calc(100vh - ${withFooter ? '90px' : '0px'} - ${
-          withHeader ? '100px' : '0px'
+          withHeader ? (htClass === 'ht-new-drawer' ? '60px' : '90px') : '0px'
         })`
       "
     >
@@ -92,6 +93,7 @@ export default class Index extends Vue {
   @Prop({ default: '50%' }) size!: string;
   /** 标题 */
   @Prop() title!: string;
+  @Prop() htClass!: string;
   @Prop() loading!: boolean;
   /** 是否显示隐藏来自父级传参 */
   @Prop() value!: boolean;

package/src/packages/HtMore/index.vue

@@ -4,10 +4,15 @@
  * @Author: hutao
  * @Date: 2022-09-28 10:24:08
  * @LastEditors: hutao
- * @LastEditTime: 2023-04-25 09:45:13
+ * @LastEditTime: 2023-05-19 09:23:16
 -->
 <template>
-  <el-dropdown :trigger="trigger" @command="handleCommand($event, 'command')">
+  <el-dropdown
+    @click="$emit('click', $event)"
+    @visible-change="(e) => $emit('visible-change', e)"
+    :trigger="trigger"
+    @command="handleCommand($event, 'command')"
+  >
     <span class="el-dropdown-link" style="cursor:pointer;color:var(--primary)">
       <slot>
         <i class="ht-icon-more el-icon-more"></i>
@@ -18,51 +23,7 @@
       <el-dropdown-item v-if="!!showTabs.includes('edit')" command="edit"
         >编辑</el-dropdown-item
       >
-      <!-- <el-popconfirm
-          @confirm="handleCommand('delete', 'confirm')"
-          v-if="!!showTabs.includes('delete')"
-          icon="el-icon-warning"
-          icon-color="var(--danger)"
-          :title="`删除后无法回复,请确认是否删除${tips ? `【${tips}】` : ''}?`"
-        >
-          <el-dropdown-item slot="reference" command="delete"
-            >删除</el-dropdown-item
-          >
-        </el-popconfirm> -->
-      <!-- <el-popover
-        width="200"
-        trigger="click"
-        v-model="state.visible"
-        v-if="!!showTabs.includes('delete')"
-      >
-        <div>
-          <div style="display:flex;margin-top:12px">
-            <i
-              class="el-icon-warning"
-              style="color:var(--danger);font-size:16px"
-            ></i>
-            <p style="padding:0 0 0 6px;margin:0">
-              {{ `删除后无法恢复,请确认是否删除${tips ? `【${tips}】` : ''}?` }}
-            </p>
-          </div>
-          <div style="text-align:right;width:100%;margin-top:16px">
-            <el-button
-              type="danger"
-              size="mini"
-              @click="handleCommand('delete', 'confirm')"
-              style=""
-              >确认删除</el-button
-            >
-            <el-button size="mini" @click="state.visible = false"
-              >取消</el-button
-            >
-          </div>
-        </div>
 
-        <el-dropdown-item slot="reference" command="delete"
-          >删除</el-dropdown-item
-        >
-      </el-popover> -->
       <ht-popover
         @confirm="handleCommand('delete', 'confirm')"
         :tips="`删除后无法恢复,请确认是否删除${tips ? `【${tips}】` : ''}?`"

package/src/views/About.vue

@@ -4,7 +4,7 @@
  * @Author: hutao
  * @Date: 2021-11-15 14:41:40
  * @LastEditors: hutao
- * @LastEditTime: 2023-05-09 10:26:56
+ * @LastEditTime: 2023-05-11 16:17:31
 -->
 <template>
   <div>
@@ -68,9 +68,9 @@
         </template>
       </HtTable>
     </div>
-    <HtModel @onOk="submitTest()" v-model="state.visible" :title="'买买买'">
+    <HtDrawer @onOk="submitTest()" v-model="state.visible" :title="'买买买'">
       考了多少会计数控了分手快乐
-    </HtModel>
+    </HtDrawer>
   </div>
 </template>
 <script lang="ts">
@@ -82,7 +82,7 @@ import HtSelectOrg from '@/packages/HtSelectOrg/index.vue';
 import HtRow from '@/packages/HtRow/index.vue';
 import HtCol from '@/packages/HtCol/index.vue';
 import { Column } from '@/packages/type';
-import HtModel from '@/packages/HtModel';
+import HtDrawer from '@/packages/HtDrawer';
 import HtBread from '@/packages/HtBread';
 import HtMore from '@/packages/HtMore';
 import { getSpanMethod } from '@/packages/HtTable/table-span-method';
@@ -106,7 +106,7 @@ interface State {
     HtRow,
     HtCol,
     HtBread,
-    HtModel,
+    HtDrawer,
     HtMore,
   },
 })