@bsgoal/common 2.16.6 → 2.17.0

package/src/directives/directiveBase.js

@@ -1,96 +0,0 @@
-/*
- * @Author: canlong.shen
- * @Date: 2023-04-14 10:50:11
- * @LastEditors: canlong.shen
- * @LastEditTime: 2023-07-01 09:22:49
- * @FilePath: \common\src\directives\directiveBase.js
- * @Description: 常用的公共指令
- *
- */
-
-const autoAlign = (el) => {
-   let timeoutID = null
-  //指令所在组件的 VNode 及其子 VNode 全部更新后调用。
-  /**
-   * label集合
-   */
-  const labelElLeftList = []
-  const labelElRightList = []
-
-  /**
-   * 计算lable长度
-   */
-  const calcLabelWidth = (elInfoList = []) => {
-    const widthList = elInfoList.map((mi) => mi.width)
-    const maxWidth = Math.max(...widthList)
-    elInfoList.forEach((fi) => {
-      const { labelEl } = fi
-      labelEl.style.width = `${maxWidth}px`
-    })
-  }
-  /**
-   * 过来出左侧lable集合,和右侧的label集合
-   */
-  const sortingLabelEl = () => {
-    if (el) {
-      const labelElList = el.querySelectorAll('.el-form-item__label')
-      if (labelElList && labelElList.length) {
-        let firstXPosition = 0
-        labelElList.forEach((labelEl, index) => {
-          labelEl.style.width = 'initial'
-          labelEl.style.whiteSpace = 'nowrap'
-          const { x = 0, width = 0 } = labelEl.getBoundingClientRect()
-          const elementInfo = { x, width, labelEl }
-          if (index === 0) {
-            firstXPosition = x
-          }
-          if (x === firstXPosition) {
-            labelElLeftList.push(elementInfo)
-          } else {
-            labelElRightList.push(elementInfo)
-          }
-        })
-      }
-    }
-  }
-
-  if (timeoutID) {
-    clearTimeout(timeoutID)
-  }
-  // 开始计算
-   timeoutID = setTimeout(() => {
-    sortingLabelEl()
-    calcLabelWidth(labelElLeftList)
-    calcLabelWidth(labelElRightList)
-  }, 50)
-}
-
-export default {
-  /**
-   * 表单自动左对齐
-   */
-  align: {
-    created(el) {
-      window.addEventListener('resize', () => {
-        autoAlign(el)
-      })
-    },
-    mounted(el) {
-      setTimeout(() => {
-      autoAlign(el)
-      }, 100);
-    },
-    unmounted(el) {
-      window.removeEventListener('resize', autoAlign(el))
-    }
-  },
-  /**
-   * 表格自动高度
-   */
-  height: (el, { value = 65, arg = '' }) => {
-    if (el) {
-      const { y = 0 } = el.getBoundingClientRect()
-      el.style.height = `calc(100vh - ${y + value}px)`
-    }
-  }
-}

package/src/entry.js

@@ -1,77 +0,0 @@
-/*
- * @Author: canlong.shen
- * @Date: 2023-05-11 18:31:55
- * @LastEditors: canlong.shen
- * @LastEditTime: 2023-06-29 13:42:31
- * @FilePath: \common\src\entry.js
- * @Description: 打包 入口文件
- * 
- */
-
-
-
-import BsgoalBaseForm from '@/components/bsgoal-base-form/index.vue'
-import BsgoalBaseTable from '@/components/bsgoal-base-table/index.vue'
-import BsgoalBaseLine from '@/components/bsgoal-base-line/index.vue'
-import BsgoalBaseSearchTable from '@/components/bsgoal-base-search-table/index.vue'
-import BsgoalBaseTree from '@/components/bsgoal-base-tree/index.vue'
-import BsgoalBaseDialog from '@/components/bsgoal-base-dialog/index.vue'
-import BsgoalBaseTabs from '@/components/bsgoal-base-tabs/index.vue'
-import BsgoalBaseLink from '@/components/bsgoal-base-link/index.vue'
-import BsgoalBaseButton from '@/components/bsgoal-base-button/index.vue'
-import BsgoalBaseLayout from '@/components/bsgoal-base-layout/index.vue'
-import BsgoalBaseAlert from '@/components/bsgoal-base-alert/index.vue'
-import BsgoalBaseSelect from '@/components/bsgoal-base-select/index.vue'
-import BsgoalBaseTime from '@/components/bsgoal-base-time/index.vue'
-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 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'
-
-
-export const ComponentTypeEnums = componentTypeEnums
-export const useFetchApi = useFetch
-
-export default {
-  install(Vue, options = {}) {
-    const { exclude = [] } = options
-
-    const componentsMap = {
-      BsgoalBaseForm,
-      BsgoalBaseTable,
-      BsgoalBaseLine,
-      BsgoalBaseSearchTable,
-      BsgoalBaseTree,
-      BsgoalBaseDialog,
-      BsgoalBaseTabs,
-      BsgoalBaseLink,
-      BsgoalBaseButton,
-      BsgoalBaseLayout,
-      BsgoalBaseAlert,
-      BsgoalBaseSelect,
-      BsgoalBaseTime,
-      BsgoalBaseTimeRange,
-      BsgoalBaseSwitch,
-      BsgoalBaseItem,
-      BsgoalBaseInput,
-      BsgoalBaseTreeTable,
-      BsgoalBaesPopover,
-      BsgoalBaseViewer,
-      BsgoalBaseTooltip
-    }
-
-    for (const [name, component] of Object.entries(componentsMap)) {
-      if (!exclude.includes(name)) {
-        Vue.component(name, component)
-      }
-    }
-  },
-  ComponentTypeEnums,
-  useFetch
-}

package/src/enums/componentTypeEnums.js

@@ -1,35 +0,0 @@
-/*
- * @Author: canlong.shen
- * @Date: 2023-04-13 16:20:09
- * @LastEditors: canlong.shen
- * @LastEditTime: 2023-05-22 14:29:02
- * @FilePath: \common\src\enums\componentTypeEnums.js
- * @Description: 组件类型 枚举
- * 
- */
-
-
-
-export default class ComponentTypeEnums {
-  static get INPUT(){ return 'text'}
-  static get INPUT_NUMBER(){ return 'number'}
-  static get INPUT_TEXT_AREA(){ return 'textarea'}
-  static get SELECT(){ return 'select'}
-  static get SLIDER(){ return 'slider'}
-  static get SWITCH(){ return 'switch'}
-  static get RADIO(){ return 'radio'}
-  static get CHECKBOX(){ return 'checkbox'}
-  static get DATE(){ return 'date'}
-  static get WEEK(){ return 'week'}
-  static get MONTH(){ return 'month'}
-  static get YEAR(){ return 'year'}
-  static get DATE_RANGE(){ return 'daterange'}
-  static get MONTH_RANGE(){ return 'monthrange'}
-  static get TIME(){ return 'time'}
-  static get TIME_RANGE(){ return 'timerange'}
-  static get DATE_TIME(){ return 'datetime'}
-  static get DATE_TIME_RANGE(){ return 'datetimerange'}
-  static get OPERATION(){ return 'operation'}
-  static get CASCADER(){ return 'cascader'}
-  static get CHECKBOX_SINGLE(){ return 'checkboxsingle'}
-}

package/src/main.js

@@ -1,11 +0,0 @@
-import { createApp } from 'vue'
-import App from './App.vue'
-import router from './router'
-import ElementPlus from 'element-plus'
-import 'element-plus/dist/index.css'
-import '@/styles/index.css'
-
-const app = createApp(App)
-app.use(ElementPlus)
-app.use(router)
-app.mount('#app')

package/src/router/index.js

@@ -1,161 +0,0 @@
-/*
- * @Author: canlong.shen
- * @Date: 2023-04-10 10:41:52
- * @LastEditors: canlong.shen
- * @LastEditTime: 2023-06-27 17:17:30
- * @FilePath: \common\src\router\index.js
- * @Description: 路由配置
- * 
- */
-
-import { createRouter, createWebHistory } from 'vue-router'
-import LayoutHome from '@/components/layout/layout-home.vue'
-const router = createRouter({
-  history: createWebHistory(import.meta.env.BASE_URL),
-  routes: [
-    {
-      path: '/',
-      name: 'home',
-      component: LayoutHome,
-      children: [
-        {
-          path: '/bsgoal-base-sizes-demo',
-          name: '页数切换',
-          component: import('@/components/bsgoal-base-sizes/demo.vue')
-        },
-        {
-          path: '/bsgoal-base-table-pagination-demo',
-          name: '表格分页',
-          component: import('@/components/bsgoal-base-table-pagination/demo.vue')
-        },
-        {
-          path: '/bsgoal-base-viewer-demo',
-          name: '图片预览',
-          component: import('@/components/bsgoal-base-viewer/demo.vue')
-        },
-        {
-          path: '/bsgoal-baes-popover-demo',
-          name: '弹出框',
-          component: import('@/components/bsgoal-baes-popover/demo.vue')
-        },
-        {
-          path: '/bsgoal-base-input-demo',
-          name: '输入框',
-          component: import('@/components/bsgoal-base-input/demo.vue')
-        },
-        {
-          path: '/bsgoal-base-table-demo',
-          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: '查询',
-          component: import('@/components/bsgoal-base-search/demo.vue')
-        },
-        {
-          path: '/bsgoal-base-search-table-demo',
-          name: '查询+表格',
-          component: import('@/components/bsgoal-base-search-table/demo.vue')
-        },
-        {
-          path: '/bsgoal-base-form-demo',
-          name: '表单',
-          component: import('@/components/bsgoal-base-form/demo.vue')
-        },
-        {
-          path: '/bsgoal-base-frame-demo',
-          name: '内容框架',
-          component: import('@/components/bsgoal-base-frame/demo.vue')
-        },
-        {
-          path: '/bsgoal-base-line-demo',
-          name: '分割线',
-          component: import('@/components/bsgoal-base-line/demo.vue')
-        },
-        {
-          path: '/bsgoal-base-tree-demo',
-          name: '虚拟结构树',
-          component: import('@/components/bsgoal-base-tree/demo.vue')
-        },
-        {
-          path: '/bsgoal-base-dialog-demo',
-          name: '弹窗',
-          component: import('@/components/bsgoal-base-dialog/demo.vue')
-        },
-        {
-          path: '/bsgoal-base-cascader-demo',
-          name: '级联选择',
-          component: import('@/components/bsgoal-base-cascader/demo.vue')
-        },
-        {
-          path: '/bsgoal-base-tabs-demo',
-          name: 'tabs标签',
-          component: import('@/components/bsgoal-base-tabs/demo.vue')
-        },
-        {
-          path: '/bsgoal-base-tooltip-demo',
-          name: '文字提示',
-          component: import('@/components/bsgoal-base-tooltip/demo.vue')
-        },
-        {
-          path: 'bsgoal-base-link-demo',
-          name: '链接',
-          component: import('@/components/bsgoal-base-link/demo.vue')
-        },
-        {
-          path: 'bsgoal-base-button-demo',
-          name: '按钮',
-          component: import('@/components/bsgoal-base-button/demo.vue')
-        },
-        {
-          path: 'bsgoal-base-layout-demo',
-          name: '布局',
-          component: import('@/components/bsgoal-base-layout/demo.vue')
-        },
-        {
-          path: 'bsgoal-base-alert-demo',
-          name: 'alert提示',
-          component: import('@/components/bsgoal-base-alert/demo.vue')
-        },
-        {
-          path: 'bsgoal-base-select-demo',
-          name: '下拉选择器',
-          component: import('@/components/bsgoal-base-select/demo.vue')
-        },
-        {
-          path: 'bsgoal-base-time-range-demo',
-          name: '时间范围选择器',
-          component: import('@/components/bsgoal-base-time-range/demo.vue')
-        },
-        {
-          path: 'bsgoal-base-time-demo',
-          name: '时间选择器',
-          component: import('@/components/bsgoal-base-time/demo.vue')
-        },
-        {
-          path: 'bsgoal-base-switch-demo',
-          name: '开关',
-          component: import('@/components/bsgoal-base-switch/demo.vue')
-        },
-        {
-          path: 'bsgoal-base-item-demo',
-          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')
-        },
-      ]
-    }
-  ]
-})
-
-export default router

package/src/styles/index.css

@@ -1,14 +0,0 @@
-/*
- * @Author: canlong.shen
- * @Date: 2023-04-10 16:13:00
- * @LastEditors: canlong.shen
- * @LastEditTime: 2023-04-10 16:15:52
- * @FilePath: \common\src\styles\index.css
- * @Description:  全局样式
- * 
- */
-
-
-body {
-    margin: 0;
-}

package/src/utils/common.js

@@ -1,56 +0,0 @@
-/*
- * @Author: canlong.shen
- * @Date: 2023-05-08 15:11:05
- * @LastEditors: canlong.shen
- * @LastEditTime: 2023-06-21 14:07:09
- * @FilePath: \common\src\utils\common.js
- * @Description: 常用的工具方法
- * 
- */
-
-
-export const getInstanceType = (instance = null) => {
-  const type = toString.apply(instance)
-
-  switch (type) {
-    case '[object Object]':
-      return 'object'
-    case '[object Function]':
-      return 'function'
-    case '[object String]':
-      return 'string'
-    case '[object Number]':
-      return 'number'
-    case '[object Null]':
-      return 'null'
-    case '[object Boolean]':
-      return 'boolean'
-    case '[object Undefind]':
-      return 'undefind'
-  }
-}
-
-export const isObject = (tar) => {
-  return getInstanceType(tar) === 'object'
-}
-export const isFunction = (tar) => {
-  return getInstanceType(tar) === 'function'
-}
-export const isString = (tar) => {
-  return getInstanceType(tar) === 'string'
-}
-export const isNumber = (tar) => {
-  return getInstanceType(tar) === 'number'
-}
-export const isNull = (tar) => {
-  return getInstanceType(tar) === 'null'
-}
-export const isBoolean = (tar) => {
-  return getInstanceType(tar) === 'boolean'
-}
-export const isUndefind = (tar) => {
-  return getInstanceType(tar) === 'undefind'
-}
-export const isArray = (tar) => {
-  return Array.isArray(tar)
-};