htui-yllkbz 2.0.0 → 2.0.2

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "htui-yllkbz",
-  "version": "2.0.0",
+  "version": "2.0.2",
   "port": "8082",
   "typings": "types/index.d.ts",
   "main": "lib/htui.common.js",
@@ -54,4 +54,4 @@
     "typescript": "~3.9.3",
     "vue-template-compiler": "^2.6.11"
   }
-}
+}

package/src/App.vue

@@ -4,11 +4,16 @@
  * @Author: hutao
  * @Date: 2021-11-15 14:41:40
  * @LastEditors: hutao
- * @LastEditTime: 2024-12-17 17:38:28
+ * @LastEditTime: 2025-03-31 15:31:29
 -->
 <template>
   <div id="app">
-    <HtSelectUser :isTag="true" v-model="state.value" :readonly="true">
+    <HtButtonText @click="handelClick">编辑</HtButtonText>
+
+    <HtButtonText type='delete'>编辑</HtButtonText>
+    <HtSelectUser :isTag="true"
+                  v-model="state.value"
+                  :readonly="true">
     </HtSelectUser>
     <!-- <iframe
       id="mainFrame"
@@ -76,8 +81,11 @@
       v-model="state.value"
       data-type-id="SeverityLevel"
     ></ht-select-base-data>  -->
-    <ht-select-base-data :onlyParent="true" v-model="state.value" :dataTypeId="'TextList'"></ht-select-base-data>
-    <ht-select-base-data :parentId="state.value" :dataTypeId="'TextList'"></ht-select-base-data>
+    <ht-select-base-data :onlyParent="true"
+                         v-model="state.value"
+                         :dataTypeId="'TextList'"></ht-select-base-data>
+    <ht-select-base-data :parentId="state.value"
+                         :dataTypeId="'TextList'"></ht-select-base-data>
 
     <router-view></router-view>
   </div>
@@ -92,6 +100,7 @@ import HtShowBaseType from "@/packages/HtShowBaseType";
 import HtSelectTimeSlot from "@/packages/HtSelectTimeSlot";
 import HtSelectPosition from "@/packages/HtSelectPosition";
 import HtSelectCategory from "@/packages/HtSelectCategory";
+import HtButtonText from "@/packages/HtButtonText";
 import HtMore from "@/packages/HtMore";
 import HtSelectUnit from "@/packages/HtSelectUnit";
 import HtTimeLine from "@/packages/HtTimeLine";
@@ -113,11 +122,15 @@ import HtMd from "./packages/HtMd";
     HtSelectCategory,
     HtTimeLineItem,
     HtTimeLine,
+    HtButtonText,
   },
 })
 export default class App extends Vue {
   state = {
-    value: ['a4222291-5a01-1f58-9f1a-3a0c8ea5966d', '50eb2d57-8529-00fb-4244-3a0c8ec117b0'],
+    value: [
+      "a4222291-5a01-1f58-9f1a-3a0c8ea5966d",
+      "50eb2d57-8529-00fb-4244-3a0c8ec117b0",
+    ],
     timeValue: undefined,
     options: [
       {
@@ -408,6 +421,10 @@ export default class App extends Vue {
   change() {
     // console.log("eeee", e);
   }
+  handelClick() {
+    // alert(333);
+    // console.log("44444444444444444444");
+  }
   testuser(e: any, data: any) {
     //console.log('eee', e, data);
   }

package/src/packages/HtButtonText/index.ts

@@ -0,0 +1,15 @@
+/*
+ * @Descripttion: 基础数据展示组件
+ * @version: 
+ * @Author: hutao
+ * @Date: 2022-04-12 17:34:51
+ * @LastEditors: hutao
+ * @LastEditTime: 2025-03-31 15:28:54
+ */
+
+import HtButtonText from "./index.vue";
+(HtButtonText as any).install = function (Vue: any) {
+
+  Vue.component("HtButtonText", HtButtonText);
+};
+export default HtButtonText;

package/src/packages/HtButtonText/index.vue

@@ -0,0 +1,47 @@
+<!--
+ * @Descripttion: 更多
+ * @version: 
+ * @Author: hutao
+ * @Date: 2022-09-28 10:24:08
+ * @LastEditors: hutao
+ * @LastEditTime: 2025-03-31 15:29:34
+-->
+<template>
+  <el-button :loading="loading"
+             @click="$emit('click')"
+             :disabled="disabled"
+             :class="type=='delete'?'ht-btn-text-delete':''"
+             class="ht-btn-text"
+             type="text">
+    <slot>编辑</slot>
+  </el-button>
+</template>
+<script lang="ts">
+import { Component, Prop, Vue } from "vue-property-decorator";
+
+interface State {
+  visible: boolean;
+}
+@Component({
+  name: "HtButtonText",
+})
+export default class HtButtonText extends Vue {
+  @Prop({ default: false }) loading?: boolean;
+  @Prop({ default: false }) disabled?: boolean;
+  @Prop({ default: "" }) type?: string;
+
+  /** 数据 */
+  state: State = {
+    visible: false,
+  };
+}
+</script>
+<style lang="scss" scoped>
+.ht-btn-text {
+  padding-top: 0;
+  padding-bottom: 0;
+}
+.ht-btn-text-delete {
+  color: var(--danger) !important;
+}
+</style>

package/src/packages/HtDrawer/index.vue

@@ -32,9 +32,11 @@
     </span>
     <div
       style="overflow: hidden; padding: 0 16px"
-      :style="`height:calc(100vh - ${withFooter ? '72px' : '0px'} - ${
-        withHeader ? (htClass === 'ht-new-drawer' ? '60px' : '56px') : '0px'
-      })`"
+      :style="
+        `height:calc(100vh - ${withFooter ? '72px' : '0px'} - ${
+          withHeader ? (htClass === 'ht-new-drawer' ? '60px' : '56px') : '0px'
+        })`
+      "
     >
       <el-scrollbar style="height: calc(100% + 17px)">
         <slot></slot>
@@ -54,11 +56,7 @@
             >
               {{ okText }}
             </el-button>
-            <el-button
-              :loading="loading"
-              style="margin-right: 16px"
-              @click="onCancel"
-            >
+            <el-button :loading="loading" @click="onCancel">
               {{ cancelText }}
             </el-button>
           </template>

package/src/packages/HtTable/index.vue

@@ -4,11 +4,11 @@
  * @Author: hutao
  * @Date: 2021-11-11 11:23:24
  * @LastEditors: hutao
- * @LastEditTime: 2025-02-21 17:24:17
+ * @LastEditTime: 2025-03-18 14:15:22
 -->
 <template>
   <div v-loading="state.loading"
-       style="background:#fff">
+       >
     <article>
       <el-table ref="comTable"
                 :height="height"
@@ -20,7 +20,7 @@
                 :default-expand-all="defaultExpandAll"
                 :expand-row-keys="expandRowKeys"
                 :stripe="stripe !== undefined ? stripe : true"
-                :size="size || 'small'"
+                :size="size"
                 :fit="fit"
                 :span-method="spanMethodCom"
                 :header-row-style="headerRowStyle || { background: 'var(--primary-92)' }
@@ -169,11 +169,8 @@
     </article>
     <footer v-if="!hidePage"
             class="ht-table-footer">
-      <el-row name="footer">
-        <!-- 此处建议使用el-col -->
-        <slot name="footerLeft"></slot>
-
-        <el-col :span="$slots['footerLeft'] ? 12 : 24">
+      <el-row name="footer" style="margin-top:16px">
+        <el-col :span="$slots['footerRight'] ? 12 : 24">
           <!-- <p style="width:90px;float:left">共{{data.length}}条</p> -->
           <PageInfo :hide-on-single-page="pagination && pagination.hideOnSinglePage"
                     :small="pagination && pagination.small"
@@ -182,6 +179,10 @@
                     :page-sizes="pagination && pagination.pageSizes"
                     :page-info="state.pageInfo"></PageInfo>
         </el-col>
+        <!-- 此处建议使用el-col -->
+        <slot name="footerRight"></slot>
+
+       
       </el-row>
     </footer>
     <!-- 详情弹框 -->

package/src/packages/index.ts

@@ -4,7 +4,7 @@
  * @Author: hutao
  * @Date: 2021-10-21 10:08:41
  * @LastEditors: hutao
- * @LastEditTime: 2025-03-12 17:07:44
+ * @LastEditTime: 2025-03-31 15:33:16
  */
 
 // 导入组件
@@ -16,6 +16,7 @@ import HtPagination from './PageInfo/index'
 import HtTable from './HtTable/index'
 import HtExport from './HtExport/index'
 import HtUpload from './HtUpload/index'
+import HtButtonText from './HtButtonText/index'
 import HtMd from './HtMd/index'
 import HtCountDown from './HtCountDown/index'
 import HtUploadFiles from './HtUploadFiles/index'
@@ -51,7 +52,7 @@ import HtRealTime from './HtRealTime'
 
 
 // 存储组件列表
-const components = [HtRealTime, HtDialog,HtRow, HtTimeLineItem, HtCol, HtTimeLine, HtBread, HtPopover, HtModel, HtMenu, HtSelectCategory, HtSelectUnit, HtSelectPosition, HtMore, HtSelectTimeSlot, HtSelectCron, HtBaseData, HtDrawer, HtShowBaseType, HtSelectTable, HtPagination, HtTable, HtExport, HtUpload, HtMd, HtCountDown, HtUploadFiles, HtSelectBaseData, HtSelectOrg, HtSelectUser, HtShowBaseData, HtOrgInfo]
+const components = [HtRealTime,HtButtonText, HtDialog,HtRow, HtTimeLineItem, HtCol, HtTimeLine, HtBread, HtPopover, HtModel, HtMenu, HtSelectCategory, HtSelectUnit, HtSelectPosition, HtMore, HtSelectTimeSlot, HtSelectCron, HtBaseData, HtDrawer, HtShowBaseType, HtSelectTable, HtPagination, HtTable, HtExport, HtUpload, HtMd, HtCountDown, HtUploadFiles, HtSelectBaseData, HtSelectOrg, HtSelectUser, HtShowBaseData, HtOrgInfo]
 // 定义 install 方法，接收 Vue 作为参数。如果使用 use 注册插件，则所有的组件都将被注册
 const install = function (Vue: any) {
   // 判断是否安装
@@ -67,7 +68,7 @@ export default {
   // 导出的对象必须具有 install，才能被 Vue.use() 方法安装
   install,
   // 以下是具体的组件列表
-  HtRow, HtCol, HtRealTime, HtModel, HtBread, HtPopover,
+  HtRow,HtButtonText, HtCol, HtRealTime, HtModel, HtBread, HtPopover,
   HtSelectTable, HtSelectPosition, HtPagination, HtShowBaseType, HtTable, HtExport, HtUpload, HtMd, HtCountDown, HtUploadFiles, HtMore,
   HtSelectUnit, HtSelectCategory, HtMenu,
   HtSelectBaseData, HtSelectOrg,HtDialog, HtTimeLine, HtTimeLineItem, HtSelectUser, HtShowBaseData, HtOrgInfo, HtBaseData, HtDrawer, HtSelectCron, HtSelectTimeSlot