@bsgoal/common 1.5.8 → 1.5.10

package/dist/style.css

@@ -1 +1 @@
-@charset "UTF-8";.base_tooltip_popper{max-width:20em}.bsgoal-base-form .base_form{padding:16px 6px 8px 16px}.bsgoal-base-form .base_form .el-form-item{margin-right:10px}.bsgoal-base-form .base_form div.el-input,.bsgoal-base-form .base_form div.el-select{width:100%}.bsgoal-base-table-pagination{text-align:right}.bsgoal-base-table-pagination .base_table_pagination{display:inline-block;margin-top:16px}.bsgoal-base-table-empty .base_table_empty{text-align:center}.bsgoal-base-table-empty .base_table_empty_img{padding-top:16px;line-height:initial}.bsgoal-base-table-empty .base_table_empty_text{display:inline-block}.bsgoal-base-table .base_table{padding:16px}.bsgoal-base-table .base_table_menu{margin-bottom:8px}.bsgoal-base-table .el-table__body-wrapper{overflow-y:hidden!important}.bsgoal-base-table .el-scrollbar__view{height:100%}.bsgoal-base-line .base_line{height:10px;background-color:#f0f2f5}.bsgoal-base-line .bsgoal-base-line__vertical{display:inline-block;height:100%}.bsgoal-base-line .base_line__vertical{width:10px;height:100%}.bsgoal-base-search-operation{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.bsgoal-base-search-operation .operation_fold{margin-left:12px;cursor:pointer;min-width:3em}.bsgoal-base-cascader{width:100%}.bsgoal-base-cascader .base_cascader{width:inherit}.bsgoal-base-search .base_search{padding:16px 6px 8px 16px}.bsgoal-base-search .base_search .el-form-item{margin-bottom:8px;margin-right:10px}.bsgoal-base-search .base_search div.el-input,.bsgoal-base-search .base_search div.el-select{width:100%}.bsgoal-base-tree-fold .base_tree_fold{position:absolute;top:0;bottom:0;right:10px;margin:auto;width:14px;height:38px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;border-radius:10px;background-color:#409eff}.bsgoal-base-tree-fold .base_tree_fold--hide{right:0px}.bsgoal-base-tree{display:inline-block}.bsgoal-base-tree .base_tree{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-sizing:border-box;box-sizing:border-box;position:relative;min-width:14px}.bsgoal-base-tree .base_tree_main{width:221px;padding:16px;scrollbar-width:none;-ms-overflow-style:none;overflow-x:hidden;overflow-y:auto}.bsgoal-base-tree .base_tree_main::-webkit-scrollbar{width:6px;height:6px}.bsgoal-base-tree .base_tree_main::-webkit-scrollbar-thumb{border-radius:10px;background:rgba(0,0,0,.2);width:20px}.bsgoal-base-tree .base_tree_main::-webkit-scrollbar-track{background-color:#fff}.bsgoal-base-tree .base_tree_main_input{margin-bottom:10px}.bsgoal-base-tree .base_tree .el-tree-node__content>i.el-tree-node__expand-icon{padding-left:0}.bsgoal-base-dialog .base_dialog_header{font-weight:500;color:#303133;font-size:16px}.bsgoal-base-dialog .bsgoal_base_dialog_main .el-dialog__header{padding:16px 30px;margin-right:0;background-color:#f5f7fa}.bsgoal-base-dialog .bsgoal_base_dialog_main .el-dialog__header .el-dialog__headerbtn{top:0px;right:8px}.bsgoal-base-dialog .bsgoal_base_dialog_main .el-dialog__body{padding:0}.bsgoal-base-dialog .bsgoal_base_dialog_main .base_dialog_content{padding:30px}.bsgoal-base-dialog .bsgoal_base_dialog_main .base_dialog_content--form{padding:0 0 30px 30px}
+@charset "UTF-8";.base_tooltip_popper{max-width:20em}.bsgoal-base-form .base_form{padding:16px 6px 8px 16px}.bsgoal-base-form .base_form .el-form-item{margin-right:10px}.bsgoal-base-form .base_form div.el-input,.bsgoal-base-form .base_form div.el-select{width:100%}.bsgoal-base-table-pagination{text-align:right}.bsgoal-base-table-pagination .base_table_pagination{display:inline-block;margin-top:16px}.bsgoal-base-table-empty .base_table_empty{text-align:center}.bsgoal-base-table-empty .base_table_empty_img{padding-top:16px;line-height:initial}.bsgoal-base-table-empty .base_table_empty_text{display:inline-block}.bsgoal-base-table .base_table{padding:16px}.bsgoal-base-table .base_table_menu{margin-bottom:8px}.bsgoal-base-table .el-table__body-wrapper{overflow-y:hidden!important}.bsgoal-base-table .el-scrollbar__view{height:100%}.bsgoal-base-line .base_line{height:10px;background-color:#f0f2f5}.bsgoal-base-line .bsgoal-base-line__vertical{display:inline-block;height:100%}.bsgoal-base-line .base_line__vertical{width:10px;height:100%}.bsgoal-base-search-operation{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.bsgoal-base-search-operation .operation_fold{margin-left:12px;cursor:pointer;min-width:3em}.bsgoal-base-cascader{width:100%}.bsgoal-base-cascader .base_cascader{width:inherit}.bsgoal-base-search .base_search{padding:16px 6px 8px 16px}.bsgoal-base-search .base_search .el-form-item{margin-bottom:8px;margin-right:10px}.bsgoal-base-search .base_search div.el-input,.bsgoal-base-search .base_search div.el-select{width:100%}.bsgoal-base-tree-fold .base_tree_fold{position:absolute;top:0;bottom:0;right:10px;margin:auto;width:14px;height:38px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;border-radius:10px;background-color:#409eff}.bsgoal-base-tree-fold .base_tree_fold--hide{right:0px}.bsgoal-base-tree{display:inline-block}.bsgoal-base-tree .base_tree{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-sizing:border-box;box-sizing:border-box;position:relative;min-width:14px}.bsgoal-base-tree .base_tree_main{width:221px;padding:16px;scrollbar-width:none;-ms-overflow-style:none;overflow-x:hidden;overflow-y:auto}.bsgoal-base-tree .base_tree_main::-webkit-scrollbar{width:6px;height:6px}.bsgoal-base-tree .base_tree_main::-webkit-scrollbar-thumb{border-radius:10px;background:rgba(0,0,0,.2);width:20px}.bsgoal-base-tree .base_tree_main::-webkit-scrollbar-track{background-color:#fff}.bsgoal-base-tree .base_tree_main_input{margin-bottom:10px}.bsgoal-base-tree .base_tree .el-tree-node__content>i.el-tree-node__expand-icon{padding-left:0}.bsgoal-base-dialog .base_dialog_header{font-weight:500;color:#303133;font-size:16px}.bsgoal-base-dialog .bsgoal-dialog__footer--conceal .el-dialog__footer{display:none}.bsgoal-base-dialog .bsgoal_base_dialog_main .el-dialog__header{padding:16px 30px;margin-right:0;background-color:#f5f7fa}.bsgoal-base-dialog .bsgoal_base_dialog_main .el-dialog__header .el-dialog__headerbtn{top:0px;right:8px}.bsgoal-base-dialog .bsgoal_base_dialog_main .el-dialog__body{padding:0}.bsgoal-base-dialog .bsgoal_base_dialog_main .base_dialog_content{padding:30px}.bsgoal-base-dialog .bsgoal_base_dialog_main .base_dialog_content--form{padding:0 0 30px 30px}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@bsgoal/common",
-  "version": "1.5.8",
+  "version": "1.5.10",
   "private": false,
   "files": [
     "dist",

package/src/combines/useComs.js

@@ -2,7 +2,7 @@
  * @Author: canlong.shen
  * @Date: 2023-04-19 09:10:00
  * @LastEditors: canlong.shen
- * @LastEditTime: 2023-04-25 10:45:14
+ * @LastEditTime: 2023-05-08 14:14:46
  * @FilePath: \common\src\combines\useComs.js
  * @Description: 组件相关的组合函数
  *
@@ -18,14 +18,23 @@ import { unref, nextTick } from 'vue'
  * @default:
  * @return {*}
  */
-export const useAutoHeight = (el = null, { expression = 75 , arg ={}} = {}) => {
+export const useAutoHeight = (el = null, { expression = 75, arg = {}, height = '' } = {}) => {
   const elValue = unref(el)
   if (elValue) {
     const elTable = elValue.querySelector('.el-table')
     if (elTable) {
       nextTick(() => {
         const { y = 0 } = elTable.getBoundingClientRect()
-        elTable.style.height = `calc(100vh - ${y + expression}px)`
+        let tableHeight = `calc(100vh - ${y + expression}px)`
+        const intHeight = Number.parseInt(height)
+        if (height) {
+          if (intHeight) {
+            tableHeight = `${height}px`
+          } else {
+            tableHeight = height
+          }
+        }
+        elTable.style.height = tableHeight
       })
     }
   }

package/src/components/bsgoal-base-dialog/index.vue

@@ -2,7 +2,7 @@
  * @Author: canlong.shen
  * @Date: 2023-04-23 16:35:19
  * @LastEditors: canlong.shen
- * @LastEditTime: 2023-05-04 10:07:14
+ * @LastEditTime: 2023-05-10 11:56:01
  * @FilePath: \common\src\components\bsgoal-base-dialog\index.vue
  * @Description:  弹窗公共组件
  * 
@@ -141,7 +141,8 @@ const widthGet = computed(() => {
   <div class="bsgoal-base-dialog">
     <div class="base_dialog">
       <!-- S 组件实体 -->
-      <el-dialog v-model="dialogVisible" custom-class="bsgoal_base_dialog_main" :width="widthGet">
+      <el-dialog v-model="dialogVisible" custom-class="bsgoal_base_dialog_main"
+        :class="{ 'bsgoal-dialog__footer--conceal': !footer }" :width="widthGet">
         <template #header>
           <div class="base_dialog_header">{{ title }}</div>
         </template>
@@ -171,16 +172,22 @@ const widthGet = computed(() => {
     font-size: 16px;
   }
 
+  .bsgoal-dialog__footer--conceal .el-dialog__footer {
+    display: none;
+  }
+
   .bsgoal_base_dialog_main {
     .el-dialog__header {
       padding: 16px 30px;
       margin-right: 0px;
       background-color: #f5f7fa;
+
       .el-dialog__headerbtn {
         top: 0px;
         right: 8px;
       }
     }
+
     .el-dialog__body {
       padding: 0px;
     }
@@ -193,5 +200,4 @@ const widthGet = computed(() => {
       padding: 0px 0px 30px 30px;
     }
   }
-}
-</style>
+}</style>

package/src/components/bsgoal-base-table/demo.vue

@@ -2,172 +2,162 @@
  * @Author: canlong.shen
  * @Date: 2023-04-10 14:26:44
  * @LastEditors: canlong.shen
- * @LastEditTime: 2023-04-28 09:37:59
+ * @LastEditTime: 2023-05-08 15:15:07
  * @FilePath: \common\src\components\bsgoal-base-table\demo.vue
  * @Description: 表格公共组件演示页面
  * 
 -->
 <script>
 export default {
-  name: "BsgoalBaseTableDemo",
-};
+  name: 'BsgoalBaseTableDemo'
+}
 </script>
 <script setup>
 /* setup模板
 ---------------------------------------------------------------- */
-import {
-  ref, computed, toRefs, watch, unref
-} from 'vue';
+import { ref, computed, toRefs, watch, unref } from 'vue'
 
 import BsgoalBaseTable from './index.vue'
-import  BsgoalBaseSearch  from '../bsgoal-base-search/index.vue'
+import BsgoalBaseSearch from '../bsgoal-base-search/index.vue'
 import EnumType from '../../enums/enumType.js'
 let searchOptions = ref([
-    {
-        label: 'prop1',
-        // value: '111',
-        prop: 'prop1',
-        type: EnumType.INPUT,
-    },
-    {
-        label: 'prop2',
-        value: 'select2',
-        type: EnumType.SELECT,
-        prop: 'prop2',
-        range: [
-            {
-                label: 'select1',
-                value: 'select1'
-            },
-            {
-                label: 'select2',
-                value: 'select2'
-            },
-            {
-                label: 'select3',
-                value: 'select3'
-            },
-            {
-                label: 'select4',
-                value: 'select5'
-            },
-        ]
-
-    },
-    {
-        label: 'prop3',
-        // value: '111',
-        type: EnumType.SLIDER,
-        prop: 'prop3'
-
-    },
-    {
-        label: 'prop4',
-        // value: '111',
-        type: EnumType.SWITCH,
-        prop: 'prop4'
-
-    },
-    {
-        label: 'prop5',
-        // value: '111',
-        type: EnumType.RADIO,
-        prop: 'prop5',
-        range: [
-            {
-                label: 'radio1',
-                value: "radio1"
-            },
-            {
-                label: 'radio2',
-                value: "radio2"
-            },
-        ],
-
-    },
-    {
-        label: 'prop6',
-        value: [],
-        type: EnumType.CHECKBOX,
-        prop: 'prop6',
-        range: [
-            {
-                label: 'checkbox1',
-                value: "checkbox1"
-            },
-            {
-                label: 'checkbox2',
-                value: "checkbox2"
-            },
-        ],
-
-    },
-    {
-        label: 'prop7',
-        // value: '111',
-        type: EnumType.DATE,
-        prop: 'prop7',
-        format: 'YYYY-MM-DD'
-
-    },
-    // {
-    //     label: 'prop8',
-    //     // value: '111',
-    //     type: EnumType.WEEK,
-    //     prop: 'prop8'
-
-    // },
-    {
-        label: 'prop9',
-        // value: '111',
-        type: EnumType.MONTH,
-        prop: 'prop9'
-
-    },
-    {
-        label: 'prop10',
-        // value: '111',
-        type: EnumType.YEAR,
-        prop: 'prop10'
+  {
+    label: 'prop1',
+    // value: '111',
+    prop: 'prop1',
+    type: EnumType.INPUT
+  },
+  {
+    label: 'prop2',
+    value: 'select2',
+    type: EnumType.SELECT,
+    prop: 'prop2',
+    range: [
+      {
+        label: 'select1',
+        value: 'select1'
+      },
+      {
+        label: 'select2',
+        value: 'select2'
+      },
+      {
+        label: 'select3',
+        value: 'select3'
+      },
+      {
+        label: 'select4',
+        value: 'select5'
+      }
+    ]
+  },
+  {
+    label: 'prop3',
+    // value: '111',
+    type: EnumType.SLIDER,
+    prop: 'prop3'
+  },
+  {
+    label: 'prop4',
+    // value: '111',
+    type: EnumType.SWITCH,
+    prop: 'prop4'
+  },
+  {
+    label: 'prop5',
+    // value: '111',
+    type: EnumType.RADIO,
+    prop: 'prop5',
+    range: [
+      {
+        label: 'radio1',
+        value: 'radio1'
+      },
+      {
+        label: 'radio2',
+        value: 'radio2'
+      }
+    ]
+  },
+  {
+    label: 'prop6',
+    value: [],
+    type: EnumType.CHECKBOX,
+    prop: 'prop6',
+    range: [
+      {
+        label: 'checkbox1',
+        value: 'checkbox1'
+      },
+      {
+        label: 'checkbox2',
+        value: 'checkbox2'
+      }
+    ]
+  },
+  {
+    label: 'prop7',
+    // value: '111',
+    type: EnumType.DATE,
+    prop: 'prop7',
+    format: 'YYYY-MM-DD'
+  },
+  // {
+  //     label: 'prop8',
+  //     // value: '111',
+  //     type: EnumType.WEEK,
+  //     prop: 'prop8'
 
-    },
-    {
-        label: 'prop11',
-        // value: '111',
-        type: EnumType.DATE_RANGE,
-        prop: 'prop11',
-        range: ['startDate', 'endDate']
-    },
-    {
-        label: 'prop12',
-        // value: '111',
-        type: EnumType.MONTH_RANGE,
-        prop: 'prop12'
-    },
-    {
-        label: 'prop13',
-        // value: '111',
-        type: EnumType.TIME,
-        prop: 'prop13'
-    },
-    {
-        label: 'prop14',
-        // value: '111',
-        type: EnumType.TIME_RANGE,
-        prop: 'prop14'
-    },
-    {
-        label: 'prop15',
-        // value: '111',
-        type: EnumType.DATE_TIME,
-        prop: 'prop15'
-    },
-    {
-        label: 'prop16',
-        // value: '111',
-        type: EnumType.DATE_TIME_RANGE,
-        prop: 'prop16'
-    },
+  // },
+  {
+    label: 'prop9',
+    // value: '111',
+    type: EnumType.MONTH,
+    prop: 'prop9'
+  },
+  {
+    label: 'prop10',
+    // value: '111',
+    type: EnumType.YEAR,
+    prop: 'prop10'
+  },
+  {
+    label: 'prop11',
+    // value: '111',
+    type: EnumType.DATE_RANGE,
+    prop: 'prop11',
+    range: ['startDate', 'endDate']
+  },
+  {
+    label: 'prop12',
+    // value: '111',
+    type: EnumType.MONTH_RANGE,
+    prop: 'prop12'
+  },
+  {
+    label: 'prop13',
+    // value: '111',
+    type: EnumType.TIME,
+    prop: 'prop13'
+  },
+  {
+    label: 'prop14',
+    // value: '111',
+    type: EnumType.TIME_RANGE,
+    prop: 'prop14'
+  },
+  {
+    label: 'prop15',
+    // value: '111',
+    type: EnumType.DATE_TIME,
+    prop: 'prop15'
+  },
+  {
+    label: 'prop16',
+    // value: '111',
+    type: EnumType.DATE_TIME_RANGE,
+    prop: 'prop16'
+  }
 ])
 const data = ref([
   {
@@ -176,7 +166,7 @@ const data = ref([
     prop3: 'prop3',
     prop4: 'prop4',
     prop5: 'prop5',
-    prop6: 'prop6',
+    prop6: 'prop6'
   },
   {
     prop1: 'prop1',
@@ -184,7 +174,7 @@ const data = ref([
     prop3: 'prop3',
     prop4: 'prop4',
     prop5: 'prop5',
-    prop6: 'prop6',
+    prop6: 'prop6'
   },
   {
     prop1: 'prop1',
@@ -192,7 +182,7 @@ const data = ref([
     prop3: 'prop3',
     prop4: 'prop4',
     prop5: 'prop5',
-    prop6: 'prop6',
+    prop6: 'prop6'
   },
   {
     prop1: 'prop1',
@@ -200,7 +190,7 @@ const data = ref([
     prop3: 'prop3',
     prop4: 'prop4',
     prop5: 'prop5',
-    prop6: 'prop6',
+    prop6: 'prop6'
   },
   {
     prop1: 'prop1',
@@ -208,7 +198,7 @@ const data = ref([
     prop3: 'prop3',
     prop4: 'prop4',
     prop5: 'prop5',
-    prop6: 'prop6',
+    prop6: 'prop6'
   },
   {
     prop1: 'prop1',
@@ -216,8 +206,8 @@ const data = ref([
     prop3: 'prop3',
     prop4: 'prop4',
     prop5: 'prop5',
-    prop6: 'prop6',
-  },
+    prop6: 'prop6'
+  }
 ])
 
 const options = ref([
@@ -244,30 +234,32 @@ const options = ref([
   {
     label: '列列列列列列列列列6',
     prop: 'prop6'
-  },
+  }
 ])
 
 const clearData = () => {
-
-    data.value =  []
+  data.value = []
 }
-
-
-
 </script>
 <template>
   <div class="bsgoal-base-table-demo">
     <!-- <BsgoalBaseSearch  :config-options="searchOptions" /> -->
     <el-button type="primary" @click="clearData">设置为空数据</el-button>
-    <BsgoalBaseTable operation  operationWidth="200" selection :config-options="options" :data="data" >
-         <template v-slot:operation="{ row }">
-          <div>
-            <el-button type="primary" >操作按钮</el-button>
-          </div>
-         </template>
+    <BsgoalBaseTable
+      operation
+      operation-width="200"
+      selection
+      :config-options="options"
+      :data="data"
+      :auto-height="false"
+    >
+      <template v-slot:operation="{ row }">
+        <div>
+          <el-button type="primary">操作按钮</el-button>
+        </div>
+      </template>
     </BsgoalBaseTable>
     <hr />
-    
   </div>
 </template>
 <style lang="scss" scoped>
@@ -277,4 +269,4 @@ const clearData = () => {
 <style lang="scss">
 /* 覆盖样式
 ---------------------------------------------------------------- */
-</style>
+</style>

package/src/components/bsgoal-base-table/index.vue

@@ -2,7 +2,7 @@
  * @Author: canlong.shen
  * @Date: 2023-04-10 11:29:04
  * @LastEditors: canlong.shen
- * @LastEditTime: 2023-04-28 09:27:13
+ * @LastEditTime: 2023-05-08 15:19:02
  * @FilePath: \common\src\components\bsgoal-base-table\index.vue
  * @Description: 
  * 
@@ -22,6 +22,7 @@ import BsgoalBaseTablePagination from '../bsgoal-base-table-pagination/index.vue
 import BsgoalBaseTableEmpty from '../bsgoal-base-table-empty/index.vue'
 import { useAutoHeight } from '../../combines/useComs.js'
 import { useFetch } from '../../combines/useFetchs.js'
+import { isBoolean } from '@/utils/common.js'
 
 const props = defineProps({
   /**
@@ -107,6 +108,18 @@ const props = defineProps({
   expression: {
     type: [Number],
     default: 75
+  },
+  /**
+   * 表格高度
+   * 
+   *  默认 : 自动计算
+   *  布尔值 : 默认表格高度
+   *  字符串 : 直接赋值给 height
+   *  数字   : 直接赋值给 height + 'px'
+   */
+  height: {
+    type: [Number, String, Boolean],
+    default: ''
   }
 })
 
@@ -136,9 +149,13 @@ const EL_TABLE_WRAP_REF = ref(null)
 // 折叠状态响应值
 const transferFoldStatus = inject('transferFoldStatus')
 watchEffect(() => {
+  const { height } = props
   const status = transferFoldStatus ? transferFoldStatus.value : false
   const expressionVal = unref(props.expression)
-  useAutoHeight(EL_TABLE_WRAP_REF, { arg: status, expression: expressionVal })
+  // 默认是打开表格高度自动计算的
+  if (!isBoolean(height)) {
+    useAutoHeight(EL_TABLE_WRAP_REF, { arg: status, expression: expressionVal, height })
+  }
 })
 
 // 触发搜索

package/src/components/bsgoal-base-tooltip/index.vue

@@ -54,15 +54,15 @@ const props = defineProps({
   none: {
     type: [String],
     default: '无'
-  }
+  },
 })
 
 // ---> S 字符数限制 <---
 const contentGet = computed(() => {
-  const { content = '', limit = 0 , none =''} = props
+  const { content = '', limit = 0, none = '' } = props
   let contentString = content
   const contentLength = content.length
-  if ( limit && contentLength > limit) {
+  if (limit && contentLength > limit) {
     contentString = `${content.substring(0, limit)}...`
   }
   return contentString || none

package/src/utils/common.js

@@ -0,0 +1,53 @@
+/*
+ * @Author: canlong.shen
+ * @Date: 2023-05-08 15:11:05
+ * @LastEditors: canlong.shen
+ * @LastEditTime: 2023-05-08 15:11:11
+ * @FilePath: \common\src\utils\common.js
+ * @Description: 常用的工具方法
+ * 
+ */
+
+
+export const getInstanceType = (instance = null) => {
+  const type = toString.apply(instance)
+
+  switch (type) {
+    case '[object Object]':
+      return 'object'
+    case '[object Function]':
+      return 'function'
+    case '[object String]':
+      return 'string'
+    case '[object Number]':
+      return 'number'
+    case '[object Null]':
+      return 'null'
+    case '[object Boolean]':
+      return 'boolean'
+    case '[object Undefind]':
+      return 'undefind'
+  }
+}
+
+export const isObject = (tar) => {
+  return getInstanceType(tar) === 'object'
+}
+export const isFunction = (tar) => {
+  return getInstanceType(tar) === 'function'
+}
+export const isString = (tar) => {
+  return getInstanceType(tar) === 'string'
+}
+export const isNumber = (tar) => {
+  return getInstanceType(tar) === 'number'
+}
+export const isNull = (tar) => {
+  return getInstanceType(tar) === 'null'
+}
+export const isBoolean = (tar) => {
+  return getInstanceType(tar) === 'boolean'
+}
+export const isUndefind = (tar) => {
+  return getInstanceType(tar) === 'undefind'
+}