@bsgoal/common 2.16.4 → 2.17.0

package/package.json

@@ -1,10 +1,9 @@
 {
   "name": "@bsgoal/common",
-  "version": "2.16.4",
+  "version": "2.17.0",
   "private": false,
   "files": [
-    "dist",
-    "src"
+    "dist"
   ],
   "main": "dist/index.umd.js",
   "module": "dist/index.mjs",

package/src/App.vue

@@ -1,9 +0,0 @@
-<script setup>
-
- 
-</script>
-<template>
-  <RouterView />
-</template>
-<style scoped>
-</style>

package/src/combines/useComs.js

@@ -1,41 +0,0 @@
-/*
- * @Author: canlong.shen
- * @Date: 2023-04-19 09:10:00
- * @LastEditors: canlong.shen
- * @LastEditTime: 2023-05-08 14:14:46
- * @FilePath: \common\src\combines\useComs.js
- * @Description: 组件相关的组合函数
- *
- */
-
-import { unref, nextTick } from 'vue'
-
-/**
- * @Author: canlong.shen
- * @description: 自动计算表格高度
- * @param {*} el
- * @param {*} expression
- * @default:
- * @return {*}
- */
-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()
-        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/combines/useFetchs.js

@@ -1,55 +0,0 @@
-/*
- * @Author: canlong.shen
- * @Date: 2023-04-18 16:46:18
- * @LastEditors: canlong.shen
- * @LastEditTime: 2023-04-19 17:45:09
- * @FilePath: \common\src\combines\useFetchs.js
- * @Description: 请求组合函数
- *
- */
-
-import { ref } from 'vue'
-
-/**
- * @Author: canlong.shen
- * @description: 请求的组合函数
- * @param {*} request
- * @default:
- * @return {*}
- */
-export const useFetch = (
-  request = Promise.resolve(),
-  call = null,
-  loading = ref(false),
-  data = ref(null)
-) => {
-  const message = ref('')
-  loading.value = true
-  request
-    .then((res = {}) => {
-      const { data: resData = {}, message: resMessage = '' } = res
-      data.value = resData
-      message.value = resMessage
-      if (call) {
-        call(true, resData)
-      }
-      loading.value = false
-    })
-    .catch((err = {}) => {
-      if (typeof err === 'object') {
-        const { message: errMessage = '' } = err
-        message.value = errMessage
-      } else {
-        message.value = err
-      }
-      if (call) {
-        call(false, err)
-      }
-      loading.value = false
-    })
-    .finally(() => {
-      loading.value = false
-    })
-
-  return { data, message, loading }
-}

package/src/components/bsgoal-baes-popover/demo.vue

@@ -1,35 +0,0 @@
-<!--
- * @Author: canlong.shen
- * @Date: 2023-06-21 15:12:45
- * @LastEditors: canlong.shen
- * @LastEditTime: 2023-06-21 15:41:54
- * @FilePath: \common\src\components\bsgoal-baes-popover\demo.vue
- * @Description: 弹出框 演示
- * 
--->
-<script setup>
-/* setup模板
----------------------------------------------------------------- */
-import { ref } from 'vue'
-import BsgoalBaesPopover from './index.vue';
-defineOptions({
-  name: 'BsgoalBaesPopoverDemo'
-})
-
-const props = defineProps({})
-</script>
-<template>
-  <div class="bsgoal-baes-popover-demo">
-     <BsgoalBaesPopover content="这是内容" :width="300">
-         <span>愚蠢的地球人</span>
-     </BsgoalBaesPopover>
-  </div>
-</template>
-<style lang="scss" scoped>
-/* 自定义样式
----------------------------------------------------------------- */
-</style>
-<style lang="scss">
-/* 覆盖样式
----------------------------------------------------------------- */
-</style>

package/src/components/bsgoal-baes-popover/index.vue

@@ -1,66 +0,0 @@
-<!--
- * @Author: canlong.shen
- * @Date: 2023-06-21 15:12:28
- * @LastEditors: canlong.shen
- * @LastEditTime: 2023-06-21 15:38:11
- * @FilePath: \common\src\components\bsgoal-baes-popover\index.vue
- * @Description: 弹出框 公共组件 
- * 
--->
-<script setup>
-/* setup模板
----------------------------------------------------------------- */
-import { ref } from 'vue'
-
-defineOptions({
-  name: 'BsgoalBaesPopover'
-})
-
-const props = defineProps({
-  /**
-   * 内容
-   */
-  content: {
-    type: [String],
-    default: ''
-  },
-  /**
-   * 标题
-   */
-  title: {
-    type: [String],
-    default: ''
-  },
-  /**
-   * 宽度
-   */
-  width: {
-    type: [Number],
-    default: 200
-  }
-})
-</script>
-<template>
-  <div class="bsgoal-baes-popover">
-    <el-popover
-      class="baes_popover"
-      placement="top-start"
-      trigger="hover"
-      :width="width"
-      :title="title"
-      :content="content"
-    >
-      <template #reference>
-        <slot></slot>
-      </template>
-    </el-popover>
-  </div>
-</template>
-<style lang="scss" scoped>
-/* 自定义样式
----------------------------------------------------------------- */
-</style>
-<style lang="scss">
-/* 覆盖样式
----------------------------------------------------------------- */
-</style>

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

@@ -1,39 +0,0 @@
-<!--
- * @Author: canlong.shen
- * @Date: 2023-05-24 09:13:02
- * @LastEditors: canlong.shen
- * @LastEditTime: 2023-05-26 15:51:21
- * @FilePath: \common\src\components\bsgoal-base-alert\demo.vue
- * @Description: alert 提示演示
- * 
--->
-<script setup>
-/* setup模板
----------------------------------------------------------------- */
-import { ref } from 'vue'
-import BsgoalBaseAlert from './index.vue'
-
-defineOptions({
-  name: 'BsgoalBaseAlertDemo'
-})
-
-const props = defineProps({})
-</script>
-<template>
-  <div class="$bsgoal-base-alert-demo">
-    <div class="base_alert_demo">
-      <BsgoalBaseAlert> 我就是我 </BsgoalBaseAlert>
-      <BsgoalBaseAlert type="success"> 我就是我 </BsgoalBaseAlert>
-      <BsgoalBaseAlert type="error"> 我就是我 </BsgoalBaseAlert>
-      <BsgoalBaseAlert type="warning"> 我就是我 </BsgoalBaseAlert>
-    </div>
-  </div>
-</template>
-<style lang="scss" scoped>
-/* 自定义样式
----------------------------------------------------------------- */
-</style>
-<style lang="scss">
-/* 覆盖样式
----------------------------------------------------------------- */
-</style>

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

@@ -1,49 +0,0 @@
-<!--
- * @Author: canlong.shen
- * @Date: 2023-05-24 09:12:54
- * @LastEditors: canlong.shen
- * @LastEditTime: 2023-05-26 15:52:34
- * @FilePath: \common\src\components\bsgoal-base-alert\index.vue
- * @Description: alert 提示组件
- * 
--->
-
-<script setup>
-/* setup模板
----------------------------------------------------------------- */
-import { ref } from 'vue'
-
-defineOptions({
-  name: 'BsgoalBaseAlert'
-})
-
-const props = defineProps({
-  /**
-   * 类型
-   */
-  type: {
-    type: [String],
-    default: 'info',
-    validator: (v) => ['success', 'warning', 'info', 'error'].includes(v)
-  }
-})
-</script>
-<template>
-  <div class="bsgoal-base-alert">
-    <el-alert class="base_alert" :type="type" show-icon>
-      <template #title>
-        <slot></slot>
-      </template>
-    </el-alert>
-  </div>
-</template>
-<style lang="scss">
-/* 覆盖样式
----------------------------------------------------------------- */
-.bsgoal-base-alert {
-  .el-alert {
-    display: flex;
-    align-items: center;
-  }
-}
-</style>

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

@@ -1,54 +0,0 @@
-<!--
- * @Author: canlong.shen
- * @Date: 2023-05-18 16:24:31
- * @LastEditors: canlong.shen
- * @LastEditTime: 2023-07-07 17:09:38
- * @FilePath: \common\src\components\bsgoal-base-button\demo.vue
- * @Description:  按钮 演示
- * 
--->
-
-<script setup>
-/* setup模板
----------------------------------------------------------------- */
-import { ref } from 'vue'
-import BsgoalBaseButton from './index.vue'
-
-defineOptions({
-  name: 'BsgoalBaseButtonDemo'
-})
-
-const props = defineProps({})
-const task = (done) => {
-  setTimeout(() => {
-    done()
-  }, 3000)
-}
-</script>
-<template>
-  <div class="bsgoal-base-button-demo">
-    <BsgoalBaseButton :task="task"  mode="detail" disabled > </BsgoalBaseButton>
-
-    <BsgoalBaseButton :task="task" mode="edit" plain > </BsgoalBaseButton>
-    <BsgoalBaseButton :task="task" mode="cancel" > </BsgoalBaseButton>
-    <BsgoalBaseButton :task="task" mode="confirm" content="取消"> </BsgoalBaseButton>
-
-    <BsgoalBaseButton :task="task"  mode="add" plain  content="取消"> </BsgoalBaseButton>
-    <BsgoalBaseButton :task="task" mode="add"> </BsgoalBaseButton>
-    <BsgoalBaseButton :task="task" mode="delete"> </BsgoalBaseButton>
-    <BsgoalBaseButton :task="task" #default="{ loading }">
-      <div>
-        {{ loading }}
-        <el-button type="danger" :loading="loading">外部</el-button>
-      </div>
-    </BsgoalBaseButton>
-  </div>
-</template>
-<style lang="scss" scoped>
-/* 自定义样式
----------------------------------------------------------------- */
-</style>
-<style lang="scss">
-/* 覆盖样式
----------------------------------------------------------------- */
-</style>

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

@@ -1,166 +0,0 @@
-<!--
- * @Author: canlong.shen
- * @Date: 2023-05-18 16:24:25
- * @LastEditors: canlong.shen
- * @LastEditTime: 2023-07-11 18:04:43
- * @FilePath: \common\src\components\bsgoal-base-button\index.vue
- * @Description: 统一按钮 
- * 
--->
-
-<script setup>
-/* setup模板
----------------------------------------------------------------- */
-import { ref, unref, computed } from 'vue'
-import { Delete, Plus, CloseBold, Select } from '@element-plus/icons-vue'
-
-defineOptions({
-  name: 'BsgoalBaseButton'
-})
-
-const props = defineProps({
-  task: {
-    type: [Object, Function],
-    default: () => {
-      Promise.resolve()
-    }
-  },
-  type: {
-    type: [String],
-    default: '',
-    validator: (v) => ['primary', 'success', 'warning', 'danger', 'info'].includes(v)
-  },
-  icon: {
-    type: [String, Object, Boolean],
-    default: ''
-  },
-  content: {
-    type: [String],
-    default: ''
-  },
-  mode: {
-    type: [String],
-    default: 'default',
-    validator: (v) => ['add', 'delete', 'edit', 'detail', 'default', 'cancel'].includes(v)
-  },
-  values: {
-    type: [Array, Object],
-    default: () => ({})
-  },
-  plain: {
-    type: [Boolean],
-    default: false
-  },
-  /**
-   * 是否有 loading
-   */
-  hasLoading: {
-    type: [Boolean],
-    default: true
-  },
-  /**
-   * disabled
-   */
-  disabled: {
-    type: [Boolean],
-    default: false
-  }
-})
-
-// ---> S 触发按钮 <---
-const loading = ref(false)
-const triggerClick = () => {
-  // 默认 loading 是打开的
-  if (props.hasLoading) {
-    loading.value = true
-  }
-  const { task } = props
-  const taskValue = unref(task)
-  taskValue(() => {
-    loading.value = false
-  }, props.values)
-}
-// ---> E 触发按钮 <---
-
-// ---> S 模式 <---
-
-const typeGet = computed(() => {
-  const { mode = '', type = '' } = props
-
-  switch (mode) {
-    case 'delete':
-      return 'danger'
-    case 'cancel':
-      return ''
-    case 'confirm':
-    case 'add':
-    case 'edit':
-      return 'primary'
-  }
-  return type
-})
-const iconGet = computed(() => {
-  const { mode = '', icon = '' } = props
-  if (icon !== false) {
-    switch (mode) {
-      case 'delete':
-        return Delete
-      case 'add':
-        return Plus
-      case 'cancel':
-        return CloseBold
-      case 'confirm':
-        return Select
-    }
-  }
-
-  return icon
-})
-const contentGet = computed(() => {
-  const { mode = '', content = '' } = props
-
-  switch (mode) {
-    case 'cancel':
-      return '取消'
-    case 'confirm':
-      return '确认'
-    case 'add':
-      return '新增'
-    case 'edit':
-      return '编辑'
-    case 'delete':
-      return '删除'
-    case 'detail':
-      return '详情'
-  }
-  return content
-})
-
-// ---> E 模式 <---
-</script>
-<template>
-  <div class="bsgoal-base-button">
-    <div class="base_button" @click="triggerClick">
-      <slot :loading="loading">
-        <el-button
-          :type="typeGet"
-          :icon="iconGet"
-          :loading="loading"
-          :plain="plain"
-          :disabled="disabled"
-          >{{ contentGet }}</el-button
-        >
-      </slot>
-    </div>
-  </div>
-</template>
-<style lang="scss">
-/* 覆盖样式
----------------------------------------------------------------- */
-.bsgoal-base-button {
-  &,
-  .base_button {
-    display: inline-block;
-  }
-}
-</style>

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

@@ -1,128 +0,0 @@
-<!--
- * @Author: canlong.shen
- * @Date: 2023-04-25 15:29:36
- * @LastEditors: canlong.shen
- * @LastEditTime: 2023-04-27 16:05:33
- * @FilePath: \common\src\components\bsgoal-base-cascader\demo.vue
- * @Description: 级联选择公共组件 演示
- * 
--->
-
-<script setup>
-/* setup模板
----------------------------------------------------------------- */
-import { ref ,watch ,toRaw} from 'vue';
-import  BsgoalBaseCascader from './index.vue'
-
-defineOptions({
-  name: 'BsgoalBaseCascaderDemo'
-})
-
- const props = defineProps({
-
-})
-
-const  cascaderValue = ref([])
-
-watch(cascaderValue,(val) => {
-  console.log('cascaderValue >>', toRaw(val) );
-})
-
-const  cascaderData = ref([
-    {
-        "id": 354,
-        "institutionName": "深圳市博思高科技有限公司",
-        "parentInstitutionId": 354,
-        "parentId": 2,
-        "userName": "卢阳万",
-        "phone": "13249398733",
-        "province": null,
-        "city": "深圳市",
-        "district": "光明区",
-        "detailsAddress": "百艺盛大厦9楼",
-        "provinceCode": null,
-        "cityCode": "430200",
-        "districtCode": null,
-        "systemAccount": null,
-        "children": [
-            {
-                "id": 2831,
-                "institutionName": "子机构",
-                "parentInstitutionId": 354,
-                "parentId": 3,
-                "userName": "成都",
-                "phone": "14548454545",
-                "province": null,
-                "city": "",
-                "district": "",
-                "detailsAddress": "",
-                "provinceCode": "",
-                "cityCode": "",
-                "districtCode": "",
-                "systemAccount": "479502",
-                "children": [],
-                "label": "子机构",
-                "value": 2831
-            },
-            {
-                "id": 3302,
-                "institutionName": "新权限机构",
-                "parentInstitutionId": 354,
-                "parentId": 3,
-                "userName": "孙先生",
-                "phone": "18851450010",
-                "province": null,
-                "city": "",
-                "district": "",
-                "detailsAddress": "",
-                "provinceCode": "",
-                "cityCode": "",
-                "districtCode": "",
-                "systemAccount": "479608",
-                "children": [],
-                "label": "新权限机构",
-                "value": 3302
-            },
-            {
-                "id": 3307,
-                "institutionName": "测试机构-shencanlong",
-                "parentInstitutionId": 354,
-                "parentId": 3,
-                "userName": "沈灿龙",
-                "phone": "15099836861",
-                "province": null,
-                "city": "深圳市",
-                "district": "光明区",
-                "detailsAddress": "xxx",
-                "provinceCode": "440000",
-                "cityCode": "440300",
-                "districtCode": "440311",
-                "systemAccount": "370259",
-                "children": [],
-                "label": "测试机构-shencanlong",
-                "value": 3307
-            }
-        ],
-        "label": "深圳市博思高科技有限公司",
-        "value": 354
-    }
-])
-
-</script>
-<template>
-  <div class="bsgoal-base-cascader-demo"> 
-    {{ cascaderValue }}
-    <BsgoalBaseCascader v-model="cascaderValue" :data-options="cascaderData"  />
-  </div>
-</template>
-<style lang="scss" scoped>
-/* 自定义样式
----------------------------------------------------------------- */
-.bsgoal-base-cascader-demo {
-
-}
-</style>
-<style lang="scss">
-/* 覆盖样式
----------------------------------------------------------------- */
-</style>