htui-yllkbz 1.2.3 → 1.2.7

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "htui-yllkbz",
-  "version": "1.2.3",
+  "version": "1.2.7",
   "typings": "types/index.d.ts",
   "main": "lib/htui.common.js",
   "style": "lib/htui.css",
@@ -22,6 +22,7 @@
     "axios": "^0.21.0",
     "core-js": "^3.6.5",
     "element-ui": "^2.14.1",
+    "htui-yllkbz": "^1.2.6",
     "vue": "^2.6.11",
     "vue-class-component": "^7.2.3",
     "vue-kst-auth": "^2.1.15",

package/src/App.vue

@@ -4,7 +4,7 @@
  * @Author: hutao
  * @Date: 2021-11-15 14:41:40
  * @LastEditors: hutao
- * @LastEditTime: 2021-11-30 10:27:08
+ * @LastEditTime: 2021-11-30 14:13:38
 -->
 <template>
   <div id="app">
@@ -22,6 +22,7 @@
            },  
          text:'name',
          })"></SelectTable>
+
     <router-view></router-view>
   </div>
 </template>
@@ -29,7 +30,7 @@
 <script lang="ts">
 import { Component, Vue } from "vue-property-decorator";
 import SelectTable from "@/packages/SelectTable/index.vue";
-console.log("HtSelectTable.name", SelectTable);
+
 @Component({
   components: { SelectTable },
 })

package/src/packages/SelectTable/index.ts

@@ -4,12 +4,13 @@
  * @Author: hutao
  * @Date: 2021-11-15 15:00:57
  * @LastEditors: hutao
- * @LastEditTime: 2021-11-30 10:52:06
+ * @LastEditTime: 2021-11-30 14:04:07
  */
 import HtSelectTable from "./index.vue";
-
+(HtSelectTable as any).name = "HtSelectTable";
 (HtSelectTable as any).install = function (Vue: any) {
 
-  Vue.component(HtSelectTable.name, HtSelectTable);
+  Vue.component("HtSelectTable", HtSelectTable);
 };
+
 export default HtSelectTable;

package/src/packages/SelectTable/index.vue

@@ -4,7 +4,7 @@
  * @Author: hutao
  * @Date: 2021-11-11 11:06:51
  * @LastEditors: hutao
- * @LastEditTime: 2021-11-30 10:32:57
+ * @LastEditTime: 2021-11-30 14:15:32
 -->
 <template>
   <el-popover placement="bottom"
@@ -45,8 +45,7 @@ import { Component, Prop, Vue, Watch } from "vue-property-decorator";
 import CommonTable from "@/packages/SelectTable/CommonTable.vue";
 import { ConfigProp } from "@/packages/type";
 import "@/packages/style.scss";
-import ElementUI from "element-ui";
-Vue.use(ElementUI);
+
 interface State {
   /** 数据状态 */
   loading: boolean;
@@ -150,7 +149,7 @@ export default class HtSelectTable extends Vue {
     } else {
       this.state.name = undefined;
     }
-    // console.log("change", row, type);
+
     this.$emit("change", row, type);
     if (type) {
       this.state.visible = false;

package/src/packages/index.ts

@@ -4,24 +4,24 @@
  * @Author: hutao
  * @Date: 2021-10-21 10:08:41
  * @LastEditors: hutao
- * @LastEditTime: 2021-11-30 10:52:01
+ * @LastEditTime: 2021-11-30 14:14:04
  */
 
-// 导入开关选择组件
+// 导入组件
 import HtSelectTable from './SelectTable/index'
 
 // 存储组件列表
 const components = [
   HtSelectTable
 ]
+const comString = ["HtSelectTable"]
 // 定义 install 方法，接收 Vue 作为参数。如果使用 use 注册插件，则所有的组件都将被注册
 const install = function (Vue: any) {
   // 判断是否安装
   if ((install as any).installed) return
   // 遍历注册全局组件
-  components.map(component => {
-    console.log('component.name', component);
-    return Vue.component(component.name, component)
+  components.map((component, index) => {
+    return Vue.component(comString[index], component)
   })
 }
 // 判断是否是直接引入文件

package/src/views/Index.vue

@@ -1,20 +1,21 @@
 <template>
   <div id="index">
-    <el-container style="height: 100vh" class="index">
+    <el-container style="height: 100vh"
+                  class="index">
       <el-header style="padding: 0; height: min-content">
         <xhkj-layout02>
-          <router-link to="/login" slot="navEnd">注销</router-link>
+          <router-link to="/login"
+                       slot="navEnd">注销</router-link>
         </xhkj-layout02>
       </el-header>
       <el-container class="body">
-        <el-aside :width="state.collapsed ? '66px' : '230px'" class="left">
+        <el-aside :width="state.collapsed ? '66px' : '230px'"
+                  class="left">
           <!--导航菜单-->
-          <el-menu
-            :default-active="state.defaultIndex"
-            router
-            :collapse="state.collapsed"
-            :collapse-transition="false"
-          >
+          <el-menu :default-active="state.defaultIndex"
+                   router
+                   :collapse="state.collapsed"
+                   :collapse-transition="false">
             <el-menu-item index="/">
               <i class="el-icon-s-check"></i>
               <span slot="title">导航1</span>
@@ -28,27 +29,24 @@
               <span slot="title">导航3</span>
             </el-menu-item>
           </el-menu>
-          <el-button
-            class="action-btn"
-            :title="state.collapsed ? '展开菜单' : '收起菜单'"
-            type="text"
-            size="medium"
-            :icon="state.collapsed ? 'el-icon-s-unfold' : 'el-icon-s-fold'"
-            @click="state.collapsed = !state.collapsed"
-            style="font-size: 16px"
-          ></el-button>
+          <el-button class="action-btn"
+                     :title="state.collapsed ? '展开菜单' : '收起菜单'"
+                     type="text"
+                     size="medium"
+                     :icon="state.collapsed ? 'el-icon-s-unfold' : 'el-icon-s-fold'"
+                     @click="state.collapsed = !state.collapsed"
+                     style="font-size: 16px"></el-button>
         </el-aside>
-        <el-main style="padding: 8px 0 0 15px" class="cont">
+        <el-main style="padding: 8px 0 0 15px"
+                 class="cont">
           <router-view v-if="state.loading"></router-view>
         </el-main>
       </el-container>
     </el-container>
-    <div
-      v-if="state.isLogin"
-      is="common-datas"
-      @commonDatas="commonDatas"
-      @error="error"
-    ></div>
+    <div v-if="state.isLogin"
+         is="common-datas"
+         @commonDatas="commonDatas"
+         @error="error"></div>
   </div>
 </template>
 
@@ -142,32 +140,9 @@ export default class App extends Vue {
         value: res.severityLevel,
       });
     }
-    // /** 基础数据 */
-    // if (res.baseData && res.baseData.items) {
-    //   const data: any[] = res.baseData.items;
-    //   // 资产分类
-    //   const assetTypes = data.filter(val => val.category == "AssetCategory");
-    //   this.$store.commit("setBaseDataApi", {
-    //     key: "assetTypes",
-    //     value: assetTypes
-    //   });
-    //   // 位置
-    //   const positions = data.filter(val => val.category == "positions");
-    //   this.$store.commit("setBaseDataApi", {
-    //     key: "positions",
-    //     value: positions
-    //   });
-    //   // 分组
-    //   const grids = data.filter(val => val.category == "AlertGroup");
-    //   this.$store.commit("setBaseDataApi", {
-    //     key: "grids",
-    //     value: grids
-    //   });
-    // }
   }
   error() {
     this.state.loading = true;
-    // console.log("获取基础信息错误");
   }
   /** 监听 */
   @Watch("$route.path", { deep: true })