@bsgoal/common 2.9.1 → 2.10.0

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

@@ -0,0 +1,233 @@
+<!--
+ * @Author: canlong.shen
+ * @Date: 2023-06-20 09:20:44
+ * @LastEditors: canlong.shen
+ * @LastEditTime: 2023-06-20 19:33:51
+ * @FilePath: \common\src\components\bsgoal-base-tree-table\index.vue
+ * @Description: 树结构  + 列表
+ * 
+-->
+<script setup>
+/* setup模板
+---------------------------------------------------------------- */
+import { ref, useSlots, computed, provide, unref } from 'vue'
+import BsgoalBaseTree from '../bsgoal-base-tree/index.vue'
+import BsgoalBaseSearchTable from '../bsgoal-base-search-table/index.vue'
+
+defineOptions({
+  name: 'BsgoalBaseTreeTable'
+})
+
+const props = defineProps({
+  /**
+   * 树结构 的下边距
+   */
+  gasket: {
+    type: [String, Number],
+    default: 10
+  },
+  /**
+   * 数据
+   */
+  data: {
+    type: [Object, Array],
+    default: () => []
+  },
+  /**
+   * 配置
+   */
+  treeProps: {
+    type: [Object],
+    default: () => ({
+      label: 'label',
+      children: 'children',
+      disabled: 'disabled',
+      isLeaf: 'isLeaf',
+      class: 'class'
+    })
+  },
+  /**
+   * 懒加载数据方法
+   * () => {
+   *   return Promise(resolve =>  resolve([]))
+   * }
+   */
+  lazyLoad: {
+    type: [Function],
+    default: () => {}
+  },
+  /**
+   * 初始化树节点
+   * () => {
+   *   return Promise(resolve =>  resolve([]))
+   * }
+   */
+  initNode: {
+    type: [Function],
+    default: () => {}
+  },
+
+  configOptions: {
+    type: [Array],
+    default: () => []
+  },
+
+  /**
+   * 表格数据
+   */
+  tableData: {
+    type: [Array],
+    default: () => []
+  },
+  /**
+   * 是否多选
+   */
+  selection: {
+    type: [Boolean],
+    default: false
+  },
+  /**
+   * 是否配置操作列
+   */
+  operation: {
+    type: [Boolean],
+    default: false
+  },
+  /**
+   * 操作列宽度
+   */
+  operationWidth: {
+    type: [String, Number],
+    default: 100
+  },
+  /**
+   * 请求的 promise
+   */
+  fetch: {
+    type: [Object, Function],
+    default: null
+  },
+  /**
+   * 响应的 call
+   */
+  call: {
+    type: [Object, Function],
+    default: null
+  },
+  /**
+   * 表格高度 下边距值
+   */
+  expression: {
+    type: [Number],
+    default: 75
+  },
+  /**
+   * 映射字段
+   */
+  mapProps: {
+    type: [Object],
+    default: () => ({
+      currentPage: 'currentPage',
+      pageSize: 'pageSize',
+      rows: 'rows',
+      total: 'total'
+    })
+  },
+  /**
+   * 是否显示分页
+   */
+  hasPage: {
+    type: Boolean,
+    default: true
+  },
+  /**
+   * 是否显示查询
+   */
+  hasSearch: {
+    type: Boolean,
+    default: true
+  },
+
+  /**
+   * pageSize
+   */
+  pageSize: {
+    type: [Number],
+    default: 0
+  }
+})
+
+// ---> S 注入分页的值 <---
+const pageSizeValue = unref(props.pageSize)
+if (pageSizeValue) {
+  provide('PAGINATION_PAGE_SIZE', ref(props.pageSize))
+}
+// ---> E 注入分页的值 <---
+
+// ---> S 注入插槽 <---
+const slots = useSlots()
+const slotNames = ref(Object.keys(slots))
+// ---> E 注入插槽 <---
+
+// ---> S 树 <---
+const switchStatus = ref(true)
+const switchTree = (status = '') => {
+  switchStatus.value = status
+}
+provide('TREE_SWITCH_STATUS', switchStatus)
+
+// ---> E 树 <---
+
+const tableStyler = computed(() => {
+  const styler = {}
+  const switchStatusValue = switchStatus.value
+  if (switchStatusValue) {
+    styler.maxWidth = 'calc(100% - 250px)'
+  } else {
+    styler.maxWidth = 'calc(100%)'
+  }
+
+  return styler
+})
+</script>
+<template>
+  <div class="bsgoal-base-tree-table">
+    <div class="base_tree_table">
+      <div class="base_tree_table--tree">
+        <!-- S 树 -->
+        <BsgoalBaseTree
+          v-bind="$props"
+          class="base_tree_table--tree"
+          @on-switch="switchTree"
+        ></BsgoalBaseTree>
+        <!-- E 树 -->
+      </div>
+      <div class="base_tree_table--table" :style="tableStyler">
+        <!-- S 列表 -->
+        <BsgoalBaseSearchTable v-bind="$props">
+          <template v-for="slotName of slotNames" v-slot:[slotName]="{ row = {} }">
+            <slot :name="slotName" :row="row"></slot>
+          </template>
+        </BsgoalBaseSearchTable>
+        <!-- E 列表 -->
+      </div>
+    </div>
+  </div>
+</template>
+<style lang="scss">
+/* 覆盖样式
+---------------------------------------------------------------- */
+.bsgoal-base-tree-table {
+  .base_tree_table {
+    display: flex;
+  }
+  .base_tree_table--tree {
+    /* flex-basis: 221px; */
+    /* flex: auto; */
+  }
+  .base_tree_table--table {
+    /* flex: 1; */
+    overflow: hidden;
+  }
+}
+</style>

package/src/entry.js

@@ -2,7 +2,7 @@
  * @Author: canlong.shen
  * @Date: 2023-05-11 18:31:55
  * @LastEditors: canlong.shen
- * @LastEditTime: 2023-05-29 09:58:19
+ * @LastEditTime: 2023-06-20 10:10:26
  * @FilePath: \common\src\entry.js
  * @Description: 打包 入口文件
  * 
@@ -27,6 +27,7 @@ import BsgoalBaseTimeRange from '@/components/bsgoal-base-time-range/index.vue'
 import BsgoalBaseSwitch from '@/components/bsgoal-base-switch/index.vue'
 import BsgoalBaseItem from '@/components/bsgoal-base-item/index.vue'
 import BsgoalBaseInput from '@/components/bsgoal-base-input/index.vue'
+import BsgoalBaseTreeTable from '@/components/bsgoal-base-tree-table/index.vue'
 import componentTypeEnums from '@/enums/componentTypeEnums.js'
 import { useFetch } from '@/combines/useFetchs.js'
 
@@ -56,6 +57,7 @@ export default {
       BsgoalBaseSwitch,
       BsgoalBaseItem,
       BsgoalBaseInput,
+      BsgoalBaseTreeTable
     }
 
     for (const [name, component] of Object.entries(componentsMap)) {

package/src/router/index.js

@@ -2,7 +2,7 @@
  * @Author: canlong.shen
  * @Date: 2023-04-10 10:41:52
  * @LastEditors: canlong.shen
- * @LastEditTime: 2023-05-29 09:57:18
+ * @LastEditTime: 2023-06-20 10:07:27
  * @FilePath: \common\src\router\index.js
  * @Description: 路由配置
  * 
@@ -128,6 +128,11 @@ const router = createRouter({
           name: '表单项',
           component: import('@/components/bsgoal-base-item/demo.vue')
         },
+        {
+          path: 'bsgoal-base-tree-table-demo',
+          name: '树 + 查询 + 表格',
+          component: import('@/components/bsgoal-base-tree-table/demo.vue')
+        },
       ]
     }
   ]

package/src/components/bsgoal-base-search-table/debug.log

@@ -1,2 +0,0 @@
-[0531/134940.513:ERROR:registration_protocol_win.cc(107)] CreateFile: ϵͳ�Ҳ���ָ�����ļ��� (0x2)
-[0531/140033.816:ERROR:registration_protocol_win.cc(107)] CreateFile: ϵͳ�Ҳ���ָ�����ļ��� (0x2)