@bsgoal/common 2.15.7 → 2.15.9

package/package.json

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

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

@@ -2,7 +2,7 @@
  * @Author: canlong.shen
  * @Date: 2023-04-23 16:35:24
  * @LastEditors: canlong.shen
- * @LastEditTime: 2023-06-29 11:13:20
+ * @LastEditTime: 2023-06-30 09:17:44
  * @FilePath: \common\src\components\bsgoal-base-dialog\demo.vue
  * @Description: 弹窗公共组件 演示
  * 
@@ -51,12 +51,19 @@ const tabsConfigOptions = ref([
   }
 ])
 
-const triggerConfirm = (done  ) => {
+const triggerConfirm = (done) => {
   setTimeout(() => {
     done(false)
   }, 3000)
   console.log('关闭前')
 }
+
+const triggerShow = (status = '') => {
+  console.log(status, '显示')
+}
+const triggerHide = (status = '') => {
+  console.log(status, '关闭')
+}
 </script>
 <template>
   <div class="bsgoal-base-dialog-demo">
@@ -72,6 +79,8 @@ const triggerConfirm = (done  ) => {
         size="max"
         type="blank"
         @on-confirm="triggerConfirm"
+        @on-show="triggerShow"
+        @on-hide="triggerHide"
       >
         <BsgoalBaseTabs v-memo="activeTabName" :config-options="tabsConfigOptions" />
       </BsgoalBaseDialog>

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-06-29 10:41:56
+ * @LastEditTime: 2023-06-30 09:13:34
  * @FilePath: \common\src\components\bsgoal-base-dialog\index.vue
  * @Description:  弹窗公共组件
  * 
@@ -78,7 +78,7 @@ const props = defineProps({
   }
 })
 
-const emits = defineEmits(['update:modelValue', 'on-confirm'])
+const emits = defineEmits(['update:modelValue', 'on-confirm','on-show','on-hide'])
 const dialogVisible = ref(props.modelValue.value)
 
 /**
@@ -98,7 +98,7 @@ const cancel = () => {
  */
 const confirm = (done = () => {}) => {
   emits('on-confirm', (close = true) => {
-    if(close){
+    if (close) {
       dialogVisible.value = false
     }
     done()
@@ -114,6 +114,11 @@ watch(
 
 watch(dialogVisible, (v) => {
   emits('update:modelValue', v)
+  if (v) {
+    emits('on-show', v)
+  } else {
+    emits('on-hide', v)
+  }
 })
 
 //  设置不同尺寸

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

@@ -2,7 +2,7 @@
  * @Author: canlong.shen
  * @Date: 2023-04-10 15:00:00
  * @LastEditors: canlong.shen
- * @LastEditTime: 2023-06-26 09:20:07
+ * @LastEditTime: 2023-06-30 08:59:19
  * @FilePath: \common\src\components\bsgoal-base-form\demo.vue
  * @Description: 表单公共组件演示组件
  * 
@@ -32,6 +32,9 @@ const confirm = () => {
     console.log('res', res)
   })
 }
+const resetFields = () => {
+  BSGOAL_BASE_FORM_REF.value.resetFields()
+}
 
 const bindModel = ref({ prop1: '111', prop99: 1, prop101: '否', prop102: '0', _prop104: '' })
 
@@ -265,6 +268,7 @@ const configOptions = ref([
       <template #_prop104> 6666 </template>
     </BsgoalBaseForm>
     <el-button type="primary" @click="confirm">提交</el-button>
+    <el-button type="primary" @click="resetFields">重置</el-button>
   </div>
 </template>
 <style lang="scss" scoped>

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

@@ -2,7 +2,7 @@
  * @Author: canlong.shen
  * @Date: 2023-04-17 11:44:29
  * @LastEditors: canlong.shen
- * @LastEditTime: 2023-06-29 11:13:00
+ * @LastEditTime: 2023-06-30 09:19:56
  * @FilePath: \common\src\components\bsgoal-base-form\index.vue
  * @Description:  表单公共组件 
  * 
@@ -341,7 +341,8 @@ const filterSlotProps = (model = {}) => {
   for (const prop of Object.keys(model)) {
     if (!prop.startsWith('_')) {
       const value = model[prop]
-      rebuildModel[prop] = parseInt(value) ? +value : value
+      const valueInt = Number.parseInt(value);
+      rebuildModel[prop] = valueInt || ['0', 0].includes(value) ? valueInt : value;
     }
   }
   return rebuildModel
@@ -407,7 +408,8 @@ const setActiveValueText = (range = [], type = '') => {
 defineExpose({
   triggerOperationClear,
   triggerOperationForm,
-  validateForm
+  validateForm,
+  resetFields:triggerOperationClear
 })
 </script>
 <template>

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

@@ -2,7 +2,7 @@
  * @Author: canlong.shen
  * @Date: 2023-04-18 17:04:53
  * @LastEditors: canlong.shen
- * @LastEditTime: 2023-06-26 11:52:21
+ * @LastEditTime: 2023-06-29 14:43:56
  * @FilePath: \common\src\components\bsgoal-base-search-table\demo.vue
  * @Description: 查询 + 表格 组合公共组件
  * 
@@ -743,6 +743,7 @@ const task = (done = () => {}, rows = {}) => {
         ref="BSGOAL_BASE_SEARCH_TABLE_REF"
         selection
         operation
+        :show-summary="true"
         :call="call"
         :fetch="fetch"
         :config-options="configOptions"

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-06-28 14:19:38
+ * @LastEditTime: 2023-06-30 10:12:43
  * @FilePath: \common\src\components\bsgoal-base-search-table\index.vue
  * @Description: 查询+表格 基础组件
  * 
@@ -130,6 +130,20 @@ const props = defineProps({
   pageSize: {
     type: [Number],
     default: 20
+  },
+  /**
+   * 是否显示合计
+   */
+  showSummary: {
+    type: [Boolean],
+    default: false
+  },
+  /**
+   *  合计的列
+   */
+   summaryProps: {
+    type: [Array],
+    default: () => []
   }
 })
 
@@ -234,6 +248,7 @@ defineExpose({
       <!-- S 表格 -->
       <BsgoalBaseTable
         ref="BSGOAL_BASE_TABLE_REF"
+        :show-summary="showSummary"
         :page-size="pageSize"
         :map-props="mapProps"
         :operationWidth="operationWidth"
@@ -245,6 +260,7 @@ defineExpose({
         :fetch="fetch"
         :call="call"
         :has-page="hasPage"
+        :summary-props="summaryProps"
         @select="triggerSelect"
         @select-all="triggerSelectAll"
         @selection-change="triggerSelectionChange"

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-06-28 13:53:43
+ * @LastEditTime: 2023-06-30 10:04:04
  * @FilePath: \common\src\components\bsgoal-base-table\demo.vue
  * @Description: 表格公共组件演示页面
  * 
@@ -163,52 +163,52 @@ const data = ref([])
 setTimeout(() => {
   data.value = [
     {
-      prop1: 'prop1',
-      prop2: 'prop2',
-      prop3: 'prop3',
-      prop4: 'prop4',
-      prop5: 'prop5',
-      prop6: 'prop6'
+      prop1: 1,
+      prop2: 2,
+      prop3: 3,
+      prop4: 4,
+      prop5: 5,
+      prop6: 6
     },
     {
-      prop1: 'prop1',
-      prop2: 'prop2',
-      prop3: 'prop3',
-      prop4: 'prop4',
-      prop5: 'prop5',
-      prop6: 'prop6'
+      prop1: 1,
+      prop2: 2,
+      prop3: 3,
+      prop4: 4,
+      prop5: 5,
+      prop6: 6
     },
     {
-      prop1: 'prop1',
-      prop2: 'prop2',
-      prop3: 'prop3',
-      prop4: 'prop4',
-      prop5: 'prop5',
-      prop6: 'prop6'
+      prop1: 1,
+      prop2: 2,
+      prop3: 3,
+      prop4: 4,
+      prop5: 5,
+      prop6: 6
     },
     {
-      prop1: 'prop1',
-      prop2: 'prop2',
-      prop3: 'prop3',
-      prop4: 'prop4',
-      prop5: 'prop5',
-      prop6: 'prop6'
+      prop1: 1,
+      prop2: 2,
+      prop3: 3,
+      prop4: 4,
+      prop5: 5,
+      prop6: 6
     },
     {
-      prop1: 'prop1',
-      prop2: 'prop2',
-      prop3: 'prop3',
-      prop4: 'prop4',
-      prop5: 'prop5',
-      prop6: 'prop6'
+      prop1: 1,
+      prop2: 2,
+      prop3: 3,
+      prop4: 4,
+      prop5: 5,
+      prop6: 6
     },
     {
-      prop1: 'prop1',
-      prop2: 'prop2',
-      prop3: 'prop3',
-      prop4: 'prop4',
-      prop5: 'prop5',
-      prop6: 'prop6'
+      prop1: 1,
+      prop2: 2,
+      prop3: 3,
+      prop4: 4,
+      prop5: 5,
+      prop6: 6
     }
   ]
 }, 3000)
@@ -271,11 +271,12 @@ const clearSelection = () => {
       ref="BSGOAL_EL_TABLE_REF"
       operation-width="200"
       operation
-      selection
+      :showSummary="true"
       :has-page="false"
       :config-options="configOptionsTable"
       :data="data"
       :auto-height="false"
+      :summary-props="['prop1', 'prop2', 'prop3', 'prop4', 'prop5', 'prop6']"
       @select="triggerSelect"
       @select-all="triggerSelectAll"
       @selection-change="triggerSelectionChange"
@@ -283,7 +284,7 @@ const clearSelection = () => {
       <!-- S 操作项 -->
       <template v-slot:operation="{ row }">
         <div>
-          {{ row }}
+          <!-- {{ row }} -->
         </div>
       </template>
       <!-- E 操作项 -->

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-06-28 15:50:58
+ * @LastEditTime: 2023-06-30 09:56:18
  * @FilePath: \common\src\components\bsgoal-base-table\index.vue
  * @Description: 
  * 
@@ -133,6 +133,20 @@ const props = defineProps({
   pageSize: {
     type: [Number],
     default: 20
+  },
+  /**
+   * 是否显示合计
+   */
+  showSummary: {
+    type: [Boolean],
+    default: false
+  },
+  /**
+   *  合计的列
+   */
+  summaryProps: {
+    type: [Array],
+    default: () => []
   }
 })
 
@@ -268,6 +282,30 @@ const clearSelection = () => {
 
 // ---> E 暴露事件 <---
 
+// ---> S 表格绑定的方法 <---
+
+const summaryMethod = (columns = '') => {
+  const { summaryProps = [] } = props
+  const dataList = columns.data
+  const calcResultList = []
+
+  summaryProps.forEach((prop = '', index = 0) => {
+    let sum = 0
+    const propDataList = dataList.map((mi) => mi[prop])
+    propDataList.forEach((pfi) => {
+      const valueInt = parseInt(pfi) || 0
+      sum += valueInt
+    })
+    calcResultList[index] = sum
+  })
+
+  console.log('calcResultList',calcResultList);
+
+  return ['合计', ...calcResultList.slice(1)]
+}
+
+// ---> E 表格绑定的方法 <---
+
 // ---> S 兼容微前端 <---
 const isMicroApp = window.__MICRO_APP_ENVIRONMENT__
 // ---> E 兼容微前端 <---
@@ -299,6 +337,9 @@ defineExpose({
           highlight-current-row
           style="width: 100%"
           v-loading="tableLoading"
+          sum-text="合计"
+          :summary-method="summaryMethod"
+          :show-summary="showSummary"
           :data="tableData"
           :header-cell-style="{
             fontWeight: 'bold',

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

@@ -2,7 +2,7 @@
  * @Author: canlong.shen
  * @Date: 2023-06-20 09:20:51
  * @LastEditors: canlong.shen
- * @LastEditTime: 2023-06-28 14:22:20
+ * @LastEditTime: 2023-06-30 08:42:21
  * @FilePath: \common\src\components\bsgoal-base-tree-table\demo.vue
  * @Description:  树 + 列表 + 演示
  * 
@@ -826,6 +826,7 @@ const clearSelection = () => {
         ref="BSGOAL_BASE_TREE_TABLE_REF"
         selection
         operation
+        showSummary
         :expandedKeys="expandedKeys"
         :tree-data="treeData"
         :page-size="40"

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

@@ -2,7 +2,7 @@
  * @Author: canlong.shen
  * @Date: 2023-06-20 09:20:44
  * @LastEditors: canlong.shen
- * @LastEditTime: 2023-06-28 14:21:32
+ * @LastEditTime: 2023-06-30 10:13:58
  * @FilePath: \common\src\components\bsgoal-base-tree-table\index.vue
  * @Description: 树结构  + 列表
  * 
@@ -168,6 +168,20 @@ const props = defineProps({
   expandedKeys: {
     type: [Array],
     default: () => []
+  },
+  /**
+   * 是否显示合计
+   */
+  showSummary: {
+    type: [Boolean],
+    default: false
+  },
+  /**
+   *  合计的列
+   */
+  summaryProps: {
+    type: [Array],
+    default: () => []
   }
 })
 
@@ -226,7 +240,7 @@ const refreshList = (params = {}) => {
 }
 
 // ---> S 触发事件 <---
-const triggerSelect = (selection = {}, row =[]) => {
+const triggerSelect = (selection = {}, row = []) => {
   emits('on-select-table', selection, row)
 }
 const triggerSelectAll = (selection = {}) => {
@@ -295,6 +309,8 @@ const tableStyler = computed(() => {
         <BsgoalBaseSearchTable
           ref="BSGOAL_BASE_SEARCH_TABLE_REF"
           v-bind="$props"
+          :show-summary="showSummary"
+          :summary-props="summaryProps"
           @select="triggerSelect"
           @select-all="triggerSelectAll"
           @selection-change="triggerSelectionChange"

package/src/entry.js

@@ -2,7 +2,7 @@
  * @Author: canlong.shen
  * @Date: 2023-05-11 18:31:55
  * @LastEditors: canlong.shen
- * @LastEditTime: 2023-06-25 17:21:19
+ * @LastEditTime: 2023-06-29 13:42:31
  * @FilePath: \common\src\entry.js
  * @Description: 打包 入口文件
  * 
@@ -30,6 +30,7 @@ import BsgoalBaseInput from '@/components/bsgoal-base-input/index.vue'
 import BsgoalBaseTreeTable from '@/components/bsgoal-base-tree-table/index.vue'
 import BsgoalBaesPopover from '@/components/bsgoal-baes-popover/index.vue'
 import BsgoalBaseViewer from '@/components/bsgoal-base-viewer/index.vue'
+import BsgoalBaseTooltip from '@/components/bsgoal-base-tooltip/index.vue'
 import componentTypeEnums from '@/enums/componentTypeEnums.js'
 import { useFetch } from '@/combines/useFetchs.js'
 
@@ -61,7 +62,8 @@ export default {
       BsgoalBaseInput,
       BsgoalBaseTreeTable,
       BsgoalBaesPopover,
-      BsgoalBaseViewer
+      BsgoalBaseViewer,
+      BsgoalBaseTooltip
     }
 
     for (const [name, component] of Object.entries(componentsMap)) {