@bsgoal/common 1.4.6 → 1.4.8

package/dist/style.css

@@ -1 +1 @@
-@charset "UTF-8";.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 .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-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 0 30px 30px}
+@charset "UTF-8";.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 0 30px 30px}

package/package.json

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

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

@@ -2,7 +2,7 @@
  * @Author: canlong.shen
  * @Date: 2023-04-18 17:04:47
  * @LastEditors: canlong.shen
- * @LastEditTime: 2023-04-27 14:16:07
+ * @LastEditTime: 2023-04-28 08:46:38
  * @FilePath: \common\src\components\bsgoal-base-search-table\index.vue
  * @Description: 查询+表格 基础组件
  * 
@@ -31,6 +31,8 @@ const props = defineProps({
    *
    *  value: '' // 初始值 (查询)
    *  type : '' // 查询组件的类型 (查询)
+   *  item : false // 只为查询项
+   *  single : false // 机构选择器配置为单个值输出
    *
    *
    *  width: 0  // 列宽度 (表格)

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

@@ -2,7 +2,7 @@
  * @Author: canlong.shen
  * @Date: 2023-04-10 14:26:44
  * @LastEditors: canlong.shen
- * @LastEditTime: 2023-04-25 11:06:42
+ * @LastEditTime: 2023-04-28 09:37:59
  * @FilePath: \common\src\components\bsgoal-base-table\demo.vue
  * @Description: 表格公共组件演示页面
  * 
@@ -246,10 +246,19 @@ const options = ref([
     prop: 'prop6'
   },
 ])
+
+const clearData = () => {
+
+    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>
@@ -257,6 +266,7 @@ const options = ref([
           </div>
          </template>
     </BsgoalBaseTable>
+    <hr />
     
   </div>
 </template>

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-27 18:02:13
+ * @LastEditTime: 2023-04-28 09:27:13
  * @FilePath: \common\src\components\bsgoal-base-table\index.vue
  * @Description: 
  * 
@@ -19,6 +19,7 @@ export default {
 import { ref, computed, unref, inject, watchEffect, watch } from 'vue'
 import BsgoalBaseTableContent from '../bsgoal-base-table-content/index.vue'
 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'
 
@@ -103,8 +104,8 @@ const props = defineProps({
   /**
    * 表格高度 下边距值
    */
-  expression:{
-    type:[Number],
+  expression: {
+    type: [Number],
     default: 75
   }
 })
@@ -137,7 +138,7 @@ const transferFoldStatus = inject('transferFoldStatus')
 watchEffect(() => {
   const status = transferFoldStatus ? transferFoldStatus.value : false
   const expressionVal = unref(props.expression)
-  useAutoHeight(EL_TABLE_WRAP_REF, { arg: status, expression:expressionVal })
+  useAutoHeight(EL_TABLE_WRAP_REF, { arg: status, expression: expressionVal })
 })
 
 // 触发搜索
@@ -221,7 +222,7 @@ defineExpose({
         >
           <!-- / 无数据展示内容 -->
           <template #empty>
-            <!-- <BsgBaseTableEmpty /> -->
+            <BsgoalBaseTableEmpty />
           </template>
           <!-- / 无数据展示内容 -->
           <!-- / 多选 -->
@@ -275,7 +276,11 @@ defineExpose({
     margin-bottom: 8px;
   }
   .el-table__body-wrapper {
-     overflow-y: hidden !important;
+    overflow-y: hidden !important;
+  }
+
+  .el-scrollbar__view {
+    height: 100%;
   }
 }
 </style>

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

@@ -0,0 +1,38 @@
+<!--
+ * @Author: canlong.shen
+ * @Date: 2023-04-28 08:47:41
+ * @LastEditors: canlong.shen
+ * @LastEditTime: 2023-04-28 09:21:12
+ * @FilePath: \common\src\components\bsgoal-base-table-empty\demo.vue
+ * @Description: 表格空数据 公共组件 展示
+ * 
+-->
+
+<script>
+export default {
+  name: 'BsgoalBaseTableEmptyDemo'
+}
+</script>
+<script setup>
+/* setup模板
+---------------------------------------------------------------- */
+import { ref } from 'vue'
+import BsgoalBaseTableEmpty from './index.vue'
+// props
+const props = defineProps({})
+</script>
+<template>
+  <div class="bsgoal-base-table-empty-demo">
+    <div class="base_table_empty_demo">
+      <BsgoalBaseTableEmpty />
+    </div>
+  </div>
+</template>
+<style lang="scss" scoped>
+/* 自定义样式
+---------------------------------------------------------------- */
+</style>
+<style lang="scss">
+/* 覆盖样式
+---------------------------------------------------------------- */
+</style>

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

@@ -0,0 +1,48 @@
+<!--
+ * @Author: canlong.shen
+ * @Date: 2023-04-28 08:47:31
+ * @LastEditors: canlong.shen
+ * @LastEditTime: 2023-04-28 09:21:54
+ * @FilePath: \common\src\components\bsgoal-base-table-empty\index.vue
+ * @Description: 表格 无数据展示内容
+ * 
+-->
+
+<script>
+export default {
+  name: 'BsgoalBaseTableEmpty'
+}
+</script>
+
+<template>
+  <div class="bsgoal-base-table-empty">
+    <div class="base_table_empty">
+      <div class="base_table_empty_img">
+        <img
+          src="data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNjQiIGhlaWdodD0iNDEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CiAgPGcgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMCAxKSIgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj4KICAgIDxlbGxpcHNlIGZpbGw9IiNGNUY1RjUiIGN4PSIzMiIgY3k9IjMzIiByeD0iMzIiIHJ5PSI3Ii8+CiAgICA8ZyBmaWxsLXJ1bGU9Im5vbnplcm8iIHN0cm9rZT0iI0Q5RDlEOSI+CiAgICAgIDxwYXRoIGQ9Ik01NSAxMi43Nkw0NC44NTQgMS4yNThDNDQuMzY3LjQ3NCA0My42NTYgMCA0Mi45MDcgMEgyMS4wOTNjLS43NDkgMC0xLjQ2LjQ3NC0xLjk0NyAxLjI1N0w5IDEyLjc2MVYyMmg0NnYtOS4yNHoiLz4KICAgICAgPHBhdGggZD0iTTQxLjYxMyAxNS45MzFjMC0xLjYwNS45OTQtMi45MyAyLjIyNy0yLjkzMUg1NXYxOC4xMzdDNTUgMzMuMjYgNTMuNjggMzUgNTIuMDUgMzVoLTQwLjFDMTAuMzIgMzUgOSAzMy4yNTkgOSAzMS4xMzdWMTNoMTEuMTZjMS4yMzMgMCAyLjIyNyAxLjMyMyAyLjIyNyAyLjkyOHYuMDIyYzAgMS42MDUgMS4wMDUgMi45MDEgMi4yMzcgMi45MDFoMTQuNzUyYzEuMjMyIDAgMi4yMzctMS4zMDggMi4yMzctMi45MTN2LS4wMDd6IiBmaWxsPSIjRkFGQUZBIi8+CiAgICA8L2c+CiAgPC9nPgo8L3N2Zz4K"
+          alt=""
+        />
+      </div>
+
+      <div class="base_table_empty_text">暂无数据</div>
+    </div>
+  </div>
+</template>
+<style lang="scss">
+/* 覆盖样式
+---------------------------------------------------------------- */
+.bsgoal-base-table-empty {
+  .base_table_empty {
+    text-align: center;
+  }
+
+  .base_table_empty_img {
+    padding-top: 16px;
+    line-height: initial;
+  }
+
+  .base_table_empty_text {
+    display: inline-block;
+  }
+}
+</style>

package/src/router/index.js

@@ -20,47 +20,52 @@ const router = createRouter({
       children: [
         {
           path: '/bsgoal-base-table-demo',
-          name: '表格公共组件',
+          name: '表格',
           component: import('@/components/bsgoal-base-table/demo.vue')
         },
+        {
+          path: '/bsgoal-base-table-empty-demo',
+          name: '表格空内容',
+          component: import('@/components/bsgoal-base-table-empty/demo.vue')
+        },
         {
           path: '/bsgoal-base-search-demo',
-          name: '查询公共组件',
+          name: '查询',
           component: import('@/components/bsgoal-base-search/demo.vue')
         },
         {
           path: '/bsgoal-base-search-table-demo',
-          name: '查询+表格公共组件',
+          name: '查询+表格',
           component: import('@/components/bsgoal-base-search-table/demo.vue')
         },
         {
           path: '/bsgoal-base-form-demo',
-          name: '表单公共组件',
+          name: '表单',
           component: import('@/components/bsgoal-base-form/demo.vue')
         },
         {
           path: '/bsgoal-base-frame-demo',
-          name: '内容框架公共组件',
+          name: '内容框架',
           component: import('@/components/bsgoal-base-frame/demo.vue')
         },
         {
           path: '/bsgoal-base-line-demo',
-          name: '分割线公共组件',
+          name: '分割线',
           component: import('@/components/bsgoal-base-line/demo.vue')
         },
         {
           path: '/bsgoal-base-tree-demo',
-          name: '虚拟结构树公共组件',
+          name: '虚拟结构树',
           component: import('@/components/bsgoal-base-tree/demo.vue')
         },
         {
           path: '/bsgoal-base-dialog-demo',
-          name: '弹窗公共组件',
+          name: '弹窗',
           component: import('@/components/bsgoal-base-dialog/demo.vue')
         },
         {
           path: '/bsgoal-base-cascader-demo',
-          name: '级联选择公共组件',
+          name: '级联选择',
           component: import('@/components/bsgoal-base-cascader/demo.vue')
         },
       ]