@bsgoal/common 2.16.4 → 2.17.0

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

@@ -1,351 +0,0 @@
-<!--
- * @Author: canlong.shen
- * @Date: 2023-06-20 09:20:44
- * @LastEditors: canlong.shen
- * @LastEditTime: 2023-07-11 11:07:55
- * @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
-  },
-  /**
-   * 数据
-   */
-  treeData: {
-    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: 20
-  },
-  /**
-   * 节点的 key
-   */
-  nodeKey: {
-    type: [String],
-    default: 'key'
-  },
-  /**
-   * 默认展开的节点
-   */
-  expandedKeys: {
-    type: [Array],
-    default: () => []
-  },
-  /**
-   * 是否显示合计
-   */
-  showSummary: {
-    type: [Boolean],
-    default: false
-  },
-  /**
-   *  合计的列
-   */
-  summaryProps: {
-    type: [Array],
-    default: () => []
-  },
-  /**
-   * 序号 列
-   */
-  serial: {
-    type: [Boolean],
-    default: false
-  }
-})
-
-const emits = defineEmits([
-  'on-click-tree',
-  'on-switch-tree',
-  'on-add-tree',
-  'on-select-table',
-  'on-select-all-table',
-  'on-selection-change-table',
-  'on-total-change-table'
-])
-
-// ---> S 注入插槽 <---
-const slots = useSlots()
-const slotNames = ref(Object.keys(slots))
-// ---> E 注入插槽 <---
-
-// ---> S 树 <---
-const switchStatus = ref(true)
-const triggerTreeSwitch = (status = '') => {
-  switchStatus.value = status
-}
-provide('TREE_SWITCH_STATUS', switchStatus)
-/**
- * @Author: canlong.shen
- * @description: 触发树 添加按钮 事件
- * @param {*} node
- * @param {*} data
- * @default:
- * @return {*}
- */
-const triggerTreeAdd = ({ node, data } = {}) => {
-  emits('on-add-tree', { node, data })
-}
-/**
- * @Author: canlong.shen
- * @description: 触发树 单击项事件
- * @param {*} value
- * @param {*} node
- * @param {*} treeNode
- * @param {*} event
- * @default:
- * @return {*}
- */
-const triggerTreeClick = (value, node, treeNode, event) => {
-  emits('on-click-tree', value, node, treeNode, event)
-}
-
-// ---> E 树 <---
-
-// ---> S 表 <---
-const BSGOAL_BASE_SEARCH_TABLE_REF = ref(null)
-const refreshList = (params = {}) => {
-  BSGOAL_BASE_SEARCH_TABLE_REF.value.refresh(params)
-}
-
-// ---> S 触发事件 <---
-const triggerSelect = (selection = {}, row = []) => {
-  emits('on-select-table', selection, row)
-}
-const triggerSelectAll = (selection = {}) => {
-  emits('on-select-all-table', selection)
-}
-const triggerSelectionChange = (selection = {}) => {
-  emits('on-selection-change-table', selection)
-}
-const triggerTotalChange = (total = 0) => {
-  emits('on-total-change-table', total)
-}
-// ---> E 触发事件 <---
-
-// ---> S 暴露事件 <---
-
-const clearSelection = () => {
-  BSGOAL_BASE_SEARCH_TABLE_REF.value.clearSelection()
-}
-
-// ---> E 暴露事件 <---
-
-// 暴露的属性
-defineExpose({
-  refreshList,
-  clearSelection
-})
-
-// ---> 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="triggerTreeSwitch"
-          @on-add="triggerTreeAdd"
-          @on-click="triggerTreeClick"
-        >
-          <template #default="{ data }">
-            <slot name="tree" :data="data"></slot>
-          </template>
-
-          <template #prefix="{ data }">
-            <slot name="tree-prefix" :data="data"></slot>
-          </template>
-        </BsgoalBaseTree>
-        <!-- E 树 -->
-      </div>
-      <div class="base_tree_table--table" :style="tableStyler">
-        <!-- S 列表 -->
-        <BsgoalBaseSearchTable
-          ref="BSGOAL_BASE_SEARCH_TABLE_REF"
-          v-bind="$props"
-          :show-summary="showSummary"
-          :summary-props="summaryProps"
-          @select="triggerSelect"
-          @select-all="triggerSelectAll"
-          @selection-change="triggerSelectionChange"
-          @on-total-change="triggerTotalChange"
-        >
-          <template v-for="slotName of slotNames" v-slot:[slotName]="{ row = {} , column={} , index = 0 }">
-            <slot :name="slotName" :row="row" :column="column" :index="index"></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/components/bsgoal-base-viewer/assets/upload_default.svg

@@ -1,13 +0,0 @@
-<svg width="70" height="70" viewBox="0 0 70 70" fill="none" xmlns="http://www.w3.org/2000/svg">
-<g id=".upload/&#229;&#141;&#160;&#228;&#189;&#141;&#229;&#155;&#190;" clip-path="url(#clip0_15278_44270)">
-<rect width="70" height="70" fill="#F0F2F5"/>
-<g id="&#229;&#155;&#190;&#231;&#137;&#135;&#229;&#141;&#160;&#228;&#189;&#141;&#229;&#155;&#190;">
-<path id="Vector" d="M33.54 35.432L41 23L57 53H15L29 27L33.54 35.432V35.432ZM35.78 39.476L40.974 49H50.334L40.794 31.116L35.78 39.476V39.476ZM21.696 49H36.304L29 35.438L21.696 49ZM22 27C20.6739 27 19.4021 26.4732 18.4645 25.5355C17.5268 24.5979 17 23.3261 17 22C17 20.6739 17.5268 19.4021 18.4645 18.4645C19.4021 17.5268 20.6739 17 22 17C23.3261 17 24.5979 17.5268 25.5355 18.4645C26.4732 19.4021 27 20.6739 27 22C27 23.3261 26.4732 24.5979 25.5355 25.5355C24.5979 26.4732 23.3261 27 22 27Z" fill="#DDDFE5"/>
-</g>
-</g>
-<defs>
-<clipPath id="clip0_15278_44270">
-<rect width="70" height="70" fill="white"/>
-</clipPath>
-</defs>
-</svg>

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

@@ -1,35 +0,0 @@
-<!--
- * @Author: canlong.shen
- * @Date: 2023-06-21 16:08:07
- * @LastEditors: canlong.shen
- * @LastEditTime: 2023-06-25 09:59:14
- * @FilePath: \common\src\components\bsgoal-base-viewer\demo.vue
- * @Description: 图片预览 演示
- * 
--->
-
-<script setup>
-/* setup模板
----------------------------------------------------------------- */
-import { ref } from 'vue'
-import BsgoalBaseViewer from './index.vue'
-defineOptions({
-  name: 'BsgoalBaseViewerDemo'
-})
-
-const props = defineProps({})
-const src = ref('https://img.phb123.com/uploads/allimg/200615/60-2006151H317-52.jpg')
-</script>
-<template>
-  <div class="bsgoal-base-viewer-demo">
-    <BsgoalBaseViewer :src="src" />
-  </div>
-</template>
-<style lang="scss" scoped>
-/* 自定义样式
----------------------------------------------------------------- */
-</style>
-<style lang="scss">
-/* 覆盖样式
----------------------------------------------------------------- */
-</style>

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

@@ -1,66 +0,0 @@
-<!--
- * @Author: canlong.shen
- * @Date: 2023-06-21 16:08:00
- * @LastEditors: canlong.shen
- * @LastEditTime: 2023-06-25 10:00:41
- * @FilePath: \common\src\components\bsgoal-base-viewer\index.vue
- * @Description: 图片 预览
- * 
--->
-<script setup>
-/* setup模板
----------------------------------------------------------------- */
-import { ref, computed } from 'vue'
-import { preview, vPreview, Vue3ImagePreview } from 'vue3-image-preview'
-import uploadDefaultIcon from './assets/upload_default.svg'
-defineOptions({
-  name: 'BsgoalBaseViewer'
-})
-
-const props = defineProps({
-  /**
-   * 宽度
-   */
-  width: {
-    type: [String, Number],
-    default: '48'
-  },
-  /**
-   * 宽度
-   */
-  height: {
-    type: [String, Number],
-    default: '48'
-  },
-  /**
-   * 预览图片路径
-   */
-  src: {
-    type: [String],
-    default: ''
-  }
-})
-
-const srcGet = computed(() => {
-  const { src = '' } = props
-  if (!src) {
-    return uploadDefaultIcon
-  }
-  return src
-})
-</script>
-<template>
-  <div class="bsgoal-base-viewer">
-    <div class="base_viewer">
-      <img v-preview :src="srcGet" :style="{ width: `${width}px`, height: `${height}px` }" />
-    </div>
-  </div>
-</template>
-<style lang="scss">
-.bsgoal-base-viewer {
-  display: inline-block;
-  .base_viewer {
-    margin: 4px 8px;
-  }
-}
-</style>

package/src/components/layout/layout-home.vue

@@ -1,60 +0,0 @@
-<!--
- * @Author: canlong.shen
- * @Date: 2023-04-10 13:41:13
- * @LastEditors: canlong.shen
- * @LastEditTime: 2023-05-26 16:09:56
- * @FilePath: \common\src\components\layout\layout-home.vue
- * @Description: 首页
- * 
--->
-
-<script setup>
-/* setup模板
----------------------------------------------------------------- */
-import LayoutLeftMenu from '@/components/layout/layout-left-menu.vue'
-import LayoutTopHeader from '@/components/layout/layout-top-header.vue'
-import LayoutRightContainer from '@/components/layout/layout-right-container.vue'
-
-defineOptions({
-  name: 'LayoutHome'
-})
-</script>
-
-<template>
-  <div class="layout-home">
-    <el-container>
-      <el-header class="layout_el_header">
-        <LayoutTopHeader />
-      </el-header>
-      <el-container>
-        <el-aside width="200px">
-          <LayoutLeftMenu />
-        </el-aside>
-        <el-main style="padding: 10px; background-color: #f0f2f5">
-          <LayoutRightContainer style="background-color: #fff">
-            <router-view />
-          </LayoutRightContainer>
-        </el-main>
-      </el-container>
-    </el-container>
-  </div>
-</template>
-<style lang="scss" scoped>
-/* 自定义样式
----------------------------------------------------------------- */
-.layout-home {
-  position: fixed;
-  top: 0;
-  bottom: 0;
-  left: 0;
-  right: 0;
-}
-.layout_el_header {
-  background-color: #409eff;
-  padding: 0px;
-}
-</style>
-<style lang="scss">
-/* 覆盖样式
----------------------------------------------------------------- */
-</style>

package/src/components/layout/layout-left-menu.vue

@@ -1,54 +0,0 @@
-<!--
- * @Author: canlong.shen
- * @Date: 2023-04-10 14:05:59
- * @LastEditors: canlong.shen
- * @LastEditTime: 2023-04-19 09:27:42
- * @FilePath: \common\src\components\layout\layout-left-menu.vue
- * @Description: 左侧菜单栏
- * 
--->
-
-
-<script setup>
-/* setup模板
----------------------------------------------------------------- */
-import { Menu as IconMenu } from '@element-plus/icons-vue'
-import { ref, computed, toRefs, watch, unref } from 'vue'
-import { useRouter } from 'vue-router'
-
-
-defineOptions({
-  name: 'LayoutLeftMenu'
-})
-
-const router = useRouter()
-const routes = router.getRoutes()
-const { children = [] } = routes.find((fi) => fi.name === 'home') || {}
-const menuList = ref(children)
-
-
-
-</script>
-
-<template>
-  <div class="layout-left-menu">
-    <el-menu default-active="0" style="height: calc(100vh - 60px) ;">
-      <template v-for=" (menu, index) of menuList" :key="index">
-        <el-menu-item :index="index">
-          <el-icon><icon-menu /></el-icon>
-          <router-link :to="menu.path">
-            <span>{{ menu.name }}</span>
-          </router-link>
-        </el-menu-item>
-      </template>
-    </el-menu>
-  </div>
-</template>
-<style lang="scss" scoped>
-/* 自定义样式
----------------------------------------------------------------- */
-</style>
-<style lang="scss">
-/* 覆盖样式
----------------------------------------------------------------- */
-</style>

package/src/components/layout/layout-right-container.vue

@@ -1,39 +0,0 @@
-<!--
- * @Author: canlong.shen
- * @Date: 2023-04-10 14:12:09
- * @LastEditors: canlong.shen
- * @LastEditTime: 2023-05-26 16:10:56
- * @FilePath: \common\src\components\layout\layout-right-container.vue
- * @Description: 主体内容容器
- * 
--->
-
-
-<script setup>
-/* setup模板
----------------------------------------------------------------- */
-import { ref, computed, toRefs, watch, unref } from 'vue'
-
-defineOptions({
-  name: 'LayoutRightContainer'
-})
-
-</script>
-<template>
-  <div class="layout-right-container">
-    <slot></slot>
-  </div>
-</template>
-<style lang="scss" scoped>
-/* 自定义样式
----------------------------------------------------------------- */
-.layout-right-container {
-  height: calc(100vh - 80px);
-  overflow-y: scroll;
-  position: relative;
-}
-</style>
-<style lang="scss">
-/* 覆盖样式
----------------------------------------------------------------- */
-</style>

package/src/components/layout/layout-top-header.vue

@@ -1,38 +0,0 @@
-<!--
- * @Author: canlong.shen
- * @Date: 2023-04-10 14:09:54
- * @LastEditors: canlong.shen
- * @LastEditTime: 2023-05-26 16:11:29
- * @FilePath: \common\src\components\layout\layout-top-header.vue
- * @Description: 头部
- * 
--->
-
-<script setup>
-/* setup模板
----------------------------------------------------------------- */
-import { ref, computed, toRefs, watch, unref } from 'vue'
-
-defineOptions({
-  name: 'LayoutTopHeader'
-})
-</script>
-<template>
-  <div class="layout-top-header">
-    <h1>公共组件演示</h1>
-  </div>
-</template>
-<style lang="scss" scoped>
-/* 自定义样式
----------------------------------------------------------------- */
-.layout-top-header {
-  height: 100%;
-  display: flex;
-  align-items: center;
-  justify-content: center;
-}
-</style>
-<style lang="scss">
-/* 覆盖样式
----------------------------------------------------------------- */
-</style>

package/src/debug.log

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