htui-yllkbz 1.5.17 → 1.5.19

package/src/views/About.vue

@@ -4,19 +4,19 @@
  * @Author: hutao
  * @Date: 2021-11-15 14:41:40
  * @LastEditors: hutao
- * @LastEditTime: 2023-08-10 16:41:07
+ * @LastEditTime: 2024-08-03 14:28:13
 -->
 <template>
   <div>
     <el-button @click="state.visible = true">打开</el-button>
-    <ht-row :gutter="16" :copies="10" colMinHeight="56px">
+    <!-- <ht-row :gutter="16" :copies="10" colMinHeight="56px">
       <ht-col :span="2">iii</ht-col>
       <ht-col style="height:30px;border:1px solid #ccc" :span="4">iii</ht-col>
       <ht-col :span="2">iii</ht-col>
       <ht-col style="height:30px;border:1px solid #ccc" :span="4">iii</ht-col>
-    </ht-row>
-    <HtBread></HtBread>
-    <HtMore>操作</HtMore>
+    </ht-row> -->
+    <!-- <HtBread></HtBread>
+    <HtMore>操作</HtMore> -->
     <!-- <HtSelectOrg :multiple="false"></HtSelectOrg> -->
     <!-- <el-button type=""
                @click="test">test</el-button> -->
@@ -34,56 +34,51 @@
         </template>
       </ht-count-down> -->
 
-    <ht-md v-model="state.content" :subfield="true"></ht-md>
-    <!-- <div ref="ht-pdf">
-      <HtTable
-        :data="state.data"
-        :checked="true"
-        :isExpand="true"
-        :spanMethodProps="{
-          colRows: ['name', 'age'],
-          sameColRows: [],
-          relateProps: { age: 'test.title,id' },
-        }"
-        :height="500"
-        :columns="state.columns"
-      >
+    <!-- <ht-md v-model="state.content" :subfield="true"></ht-md> -->
+    <div ref="ht-pdf">
+      <HtTable :data="state.data"
+               :showFilter="true"
+               :uuId="'dhjsgdshg8989354'"
+               :configShow="true"
+               :checked="false"
+               :isExpand="false"
+               :height="500"
+               :columns="state.columns">
         <template slot="header_time1">
           次数
         </template>
         <template slot="header_selectable">
           是否看一下
         </template>
-        <template slot="selectable" slot-scope="{ row }">
+        <template slot="selectable"
+                  slot-scope="{ row }">
           ----{{ row.selectable }}----yy
         </template>
       </HtTable>
-    </div> -->
-    <HtDrawer
-      htClass="ht-new-drawer"
-      @onOk="submitTest()"
-      :footerRight="true"
-      v-model="state.visible"
-      :title="'买买买'"
-    >
+    </div>
+    <HtDrawer htClass="ht-new-drawer"
+              @onOk="submitTest()"
+              :footerRight="true"
+              v-model="state.visible"
+              :title="'买买买'">
       考了多少会计数控了分手快乐
     </HtDrawer>
   </div>
 </template>
 <script lang="ts">
-import { Component, Vue } from 'vue-property-decorator';
-import HtTable from '@/packages/HtTable/index.vue';
-import HtCountDown from '@/packages/HtCountDown/index.vue';
-import HtSelectUser from '@/packages/HtSelectUser/index.vue';
-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 HtDrawer from '@/packages/HtDrawer';
-import HtBread from '@/packages/HtBread';
-import HtMore from '@/packages/HtMore';
-import { getSpanMethod } from '@/packages/HtTable/table-span-method';
-import HtMd from '@/packages/HtMd';
+import { Component, Vue } from "vue-property-decorator";
+import HtTable from "@/packages/HtTable/index.vue";
+import HtCountDown from "@/packages/HtCountDown/index.vue";
+import HtSelectUser from "@/packages/HtSelectUser/index.vue";
+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 HtDrawer from "@/packages/HtDrawer";
+import HtBread from "@/packages/HtBread";
+import HtMore from "@/packages/HtMore";
+import { getSpanMethod } from "@/packages/HtTable/table-span-method";
+import HtMd from "@/packages/HtMd";
 
 interface State {
   /** 数据状态 */
@@ -115,117 +110,115 @@ export default class Index extends Vue {
     loading: false,
     visible: false,
     start: false,
-    content: '',
+    content: "",
     colData: [],
     data: [
       {
-        name: '胡涛',
-        userId: 'f6f09c3c-cf45-863a-d625-3a0955dccc4c',
+        name: "胡涛",
+        userId: "f6f09c3c-cf45-863a-d625-3a0955dccc4c",
         selectable: true,
         times: 1,
 
         age: 12,
-        sex:
-          'e49961a4f385e5d341ce3a01ee674c90ea9e037b734228fe26753a01ee674c90,e49961a4f385e5d341ce3a01ee674c90ea9e037b734228fe26753a01ee674c90',
+        sex: "e49961a4f385e5d341ce3a01ee674c90ea9e037b734228fe26753a01ee674c90,e49961a4f385e5d341ce3a01ee674c90ea9e037b734228fe26753a01ee674c90",
         id: 1,
-        test: { title: '33476c23-9faa-22d3-3ee6-39f97d173566' },
-        time: '2022-01-20T00:00:00+08:00',
+        test: { title: "33476c23-9faa-22d3-3ee6-39f97d173566" },
+        time: "2022-01-20T00:00:00+08:00",
       },
       {
-        name: '胡涛',
-        userId: 'f6f09c3c-cf45-863a-d625-3a0955dccc4c',
+        name: "胡涛",
+        userId: "f6f09c3c-cf45-863a-d625-3a0955dccc4c",
         times: 1,
         age: 12,
         selectable: false,
-        sex: 'e49961a4f385e5d341ce3a01ee674c90ea9e037b734228fe26753a01ee674c90',
+        sex: "e49961a4f385e5d341ce3a01ee674c90ea9e037b734228fe26753a01ee674c90",
         id: 2,
-        test: { title: '测试' },
-        time: '2022-01-20T00:00:00+08:00',
+        test: { title: "测试" },
+        time: "2022-01-20T00:00:00+08:00",
       },
       {
-        name: '胡涛1',
-        userId: 'f6f09c3c-cf45-863a-d625-3a0955dccc4c',
+        name: "胡涛1",
+        userId: "f6f09c3c-cf45-863a-d625-3a0955dccc4c",
         age: 13,
         times: 1,
-        sex: 'tt',
+        sex: "tt",
         id: 3,
-        test: { title: '测试' },
-        time: '2022-01-20T00:00:00+08:00',
+        test: { title: "测试" },
+        time: "2022-01-20T00:00:00+08:00",
       },
       {
-        name: '胡涛',
-        userId: 'f6f09c3c-cf45-863a-d625-3a0955dccc4c',
+        name: "胡涛",
+        userId: "f6f09c3c-cf45-863a-d625-3a0955dccc4c",
         age: 13,
         times: 4,
         file: [],
-        sex: 'tt',
+        sex: "tt",
         id: 4,
-        test: { title: '测试' },
-        time: '2022-01-20T00:00:00+08:00',
+        test: { title: "测试" },
+        time: "2022-01-20T00:00:00+08:00",
       },
       {
-        name: '胡涛',
-        userId: 'f6f09c3c-cf45-863a-d625-3a0955dccc4c',
+        name: "胡涛",
+        userId: "f6f09c3c-cf45-863a-d625-3a0955dccc4c",
         age: 12,
         times: 8,
-        sex: 'tt',
+        sex: "tt",
         id: 41,
-        test: { title: '测试' },
-        time: '2022-01-20T00:00:00+08:00',
+        test: { title: "测试" },
+        time: "2022-01-20T00:00:00+08:00",
       },
     ],
     columns: [
       {
-        title: '姓名',
-        key: 'test.title',
-        width: '300px',
-        property: 'base',
+        title: "姓名",
+        key: "test.title",
+        width: "300px",
+        property: "base",
         disabled: true,
-        deafaultShow: true,
-        style: 'color:red',
+
+        style: "color:red",
       },
       {
-        title: 'userId',
-        key: 'userId',
-        width: '300px',
-        type: 'userId',
+        title: "userId",
+        key: "userId",
+        width: "300px",
+        type: "userId",
       },
       {
-        title: '姓额外名',
-        key: 'namey',
+        title: "姓额外名",
+        key: "namey",
         children: [
           {
-            title: '姓',
-            key: 'name',
+            title: "姓",
+            key: "name",
           },
           {
-            title: '名',
-            key: 'times',
+            title: "名",
+            key: "times",
 
-            align: 'center',
+            align: "center",
           },
         ],
       },
       {
-        title: 'age',
-        key: 'age',
+        title: "age",
+        key: "age",
       },
       {
-        title: 'file',
-        key: 'file',
-        type: 'file',
+        title: "file",
+        key: "file",
+        type: "file",
       },
       {
-        title: 'time',
-        type: 'time',
+        title: "time",
+        type: "time",
         spread: true,
-        key: 'time',
-        deafaultShow: true,
+        key: "time",
       },
       {
-        title: '性别',
-        key: 'sex',
-        type: 'file',
+        title: "性别",
+        key: "sex",
+        type: "file",
       },
     ],
   };
@@ -234,7 +227,7 @@ export default class Index extends Vue {
     //this.rewriteGetComputedStyle();
   }
   submitTest() {
-    console.log('00000');
+    console.log("00000");
   }
   /** 方法 */
   // test(e) {

package/lib/demo.html

@@ -1,10 +0,0 @@
-<meta charset="utf-8">
-<title>htui demo</title>
-<script src="./htui.umd.js"></script>
-
-<link rel="stylesheet" href="./htui.css">
-
-
-<script>
-console.log(htui)
-</script>