@bsgoal/common 2.16.4 → 2.17.0

package/src/components/bsgoal-base-time-range/index.vue

@@ -1,170 +0,0 @@
-<!--
- * @Author: canlong.shen
- * @Date: 2023-05-24 14:09:57
- * @LastEditors: canlong.shen
- * @LastEditTime: 2023-07-11 10:13:39
- * @FilePath: \common\src\components\bsgoal-base-time-range\index.vue
- * @Description: 时间选择 公共组件
- * 
--->
-
-<script setup>
-/* setup模板
----------------------------------------------------------------- */
-import { ref, unref, watch, watchEffect } from 'vue'
-import zhCn from 'element-plus/dist/locale/zh-cn.mjs'
-import { dayjs } from 'element-plus'
-
-defineOptions({
-  name: 'BsgoalBaseTimeRange'
-})
-
-const props = defineProps({
-  /**
-   * value
-   */
-  modelValue: {
-    type: [Array],
-    default: () => [new Date(), new Date()]
-  },
-
-  /**
-   * 开始时间 绑定的值
-   */
-  startTime: {
-    type: [String],
-    default: ''
-  },
-  /**
-   * 结束时间 绑定的值
-   */
-  endTime: {
-    type: [String],
-    default: ''
-  },
-  /**
-   * 格式 HH:mm:ss
-   */
-  format: {
-    type: [String],
-    default: 'HH:mm'
-  },
-  /**
-   * 格式 HH:mm:ss
-   */
-   bodyStyle: {
-    type: [Object],
-    default: () => ({})
-  }
-})
-
-const emits = defineEmits(['update:modelValue', 'update:startTime', 'update:endTime','on-change'])
-// ---> S 值绑定 <---
-const bindValue = ref([])
-
-/**
- * @Author: canlong.shen
- * @description: 转换 字符串 time 为 Date
- * @default:
- * @return {*}
- */
-const stringToDate = (timeString = '') => {
-  return dayjs(`0000-00-00 ${timeString}`)
-}
-
-/**
- * @Author: canlong.shen
- * @description: 格式化 Date 为  time 字符串
- * @default:
- * @return {*}
- */
-const dateToString = (date = new Date()) => {
-  return dayjs(date).format(props.format)
-}
-
-watchEffect(() => {
-  const { startTime = '', endTime = '', modelValue = [] } = props
-  let startDate = new Date()
-  let endDate = new Date()
-  const startTimeValue = unref(startTime)
-  const endTimeValue = unref(endTime)
-  const modelValueList = unref(modelValue)
-  if (startTimeValue && endTimeValue) {
-    startDate = stringToDate(startTimeValue)
-    endDate = stringToDate(endTimeValue)
-  } else if (Array.isArray(modelValueList) && modelValueList.length === 2) {
-    const { 0: startValue = '', 1: endValue = '' } = modelValueList
-    startDate = stringToDate(startValue)
-    endDate = stringToDate(endValue)
-  }
-
-  bindValue.value = [startDate, endDate]
-})
-
-/**
- * @Author: canlong.shen
- * @description: 触发 值变化
- * @default:
- * @return {*}
- */
-const triggerChange = (range = []) => {
-  const { startTime = '', endTime = '' } = props
-
-  const { 0: startDate, 1: endDate } = range
-  const startDateFormat = dateToString(startDate)
-  const endDateFormat = dateToString(endDate)
-  if (unref(startTime) && unref(endTime)) {
-    emits('update:startTime', startDateFormat)
-    emits('update:endTime', endDateFormat)
-  } else {
-    emits('update:modelValue', [startDateFormat, endDateFormat])
-  }
-
-  emits('on-change',startDateFormat, endDateFormat)
-}
-
-/**
- * @Author: canlong.shen
- * @description: 触发 面板显隐事件
- * @default:
- * @return {*}
- */
-const triggerVisibleChange = (visibility = false) => {
-  if (!visibility) {
-    triggerChange(unref(bindValue))
-  }
-}
-
-// ---> E 值绑定 <---
-</script>
-<template>
-  <div class="bsgoal-base-time-range">
-    <el-config-provider :locale="zhCn">
-      <el-time-picker
-        v-model="bindValue"
-        is-range
-        class="base_time_range"
-        range-separator="至"
-        start-placeholder="开始时间"
-        end-placeholder="结束时间"
-        :style="bodyStyle"
-        :format="format"
-        @change="triggerChange"
-        @visible-change="triggerVisibleChange"
-      />
-    </el-config-provider>
-  </div>
-</template>
-<style lang="scss" scoped>
-/* 自定义样式
----------------------------------------------------------------- */
-.bsgoal-base-time-range {
-   .base_time_range {
-    width: 100%;
-   }
-}
-</style>
-<style lang="scss">
-/* 覆盖样式
----------------------------------------------------------------- */
-</style>

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

@@ -1,38 +0,0 @@
-<!--
- * @Author: canlong.shen
- * @Date: 2023-05-04 10:59:33
- * @LastEditors: canlong.shen
- * @LastEditTime: 2023-05-04 11:19:39
- * @FilePath: \common\src\components\bsgoal-base-tooltip\demo.vue
- * @Description: 文字提示公共组件演示
- * 
--->
-<script setup>
-/* setup模板
----------------------------------------------------------------- */
-import { ref } from 'vue';
-import  BsgoalBaseTooltip from './index.vue'
-
-defineOptions({
-  name: 'BsgoalBaseTooltipDemo'
-})
-
- const props = defineProps({
-
-})
-</script>
-<template>
-  <div class="bsgoal-base-tooltip-demo">
-    <div class="base_tooltip_demo">
-        <BsgoalBaseTooltip content="愚蠢的地球人愚蠢的地球人愚蠢的地球人愚蠢的地球人愚蠢的地球人愚蠢的地球人愚蠢的地球人愚蠢的地球人愚蠢的地球人愚蠢的地球人愚蠢的地球人愚蠢的地球人愚蠢的地球人愚蠢的地球人愚蠢的地球人愚蠢的地球人愚蠢的地球人愚蠢的地球人" />
-    </div>
-  </div>
-</template>
-<style lang="scss" scoped>
-/* 自定义样式
----------------------------------------------------------------- */
-</style>
-<style lang="scss">
-/* 覆盖样式
----------------------------------------------------------------- */
-</style>

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

@@ -1,103 +0,0 @@
-<!--
- * @Author: canlong.shen
- * @Date: 2023-05-04 10:59:25
- * @LastEditors: canlong.shen
- * @LastEditTime: 2023-05-06 11:47:17
- * @FilePath: \common\src\components\bsgoal-base-tooltip\index.vue
- * @Description:  文字提示公共组件 
- * 
--->
-
-<script setup>
-/* setup模板
----------------------------------------------------------------- */
-import { ref, computed, unref } from 'vue'
-
-defineOptions({
-  name: 'BsgoalBaseTooltip'
-})
-
-const props = defineProps({
-  /**
-   * 文字提示内容
-   */
-  content: {
-    type: [String],
-    default: ''
-  },
-  /**
-   * 类型
-   */
-  type: {
-    type: [String],
-    default: 'text',
-    validator: (v) => ['text', 'custom'].includes(v)
-  },
-  /**
-   * 限定显示的字符
-   */
-  limit: {
-    type: [Number],
-    default: 10
-  },
-  /**
-   *  最大内容宽度
-   */
-  max: {
-    type: [Number, String],
-    default: '10em'
-  },
-  /**
-   * 空字段 默认值
-   */
-  none: {
-    type: [String],
-    default: '无'
-  },
-})
-
-// ---> S 字符数限制 <---
-const contentGet = computed(() => {
-  const { content = '', limit = 0, none = '' } = props
-  let contentString = content
-  const contentLength = content.length
-  if (limit && contentLength > limit) {
-    contentString = `${content.substring(0, limit)}...`
-  }
-  return contentString || none
-})
-// ---> E 字符数限制 <---
-
-// ---> S 禁用tooltip <---
-const disabledGet = computed(() => {
-  const { content = '', limit = 0 } = props
-  return content.length < limit || !limit
-})
-// ---> E 禁用tooltip <---
-</script>
-<template>
-  <div class="bsgoal-base-tooltip">
-    <el-tooltip
-      class="base_tooltip"
-      effect="dark"
-      popper-class="base_tooltip_popper"
-      placement="top-start"
-      :content="content"
-      :disabled="disabledGet"
-    >
-      <slot>
-        {{ contentGet }}
-      </slot>
-    </el-tooltip>
-  </div>
-</template>
-<style lang="scss">
-/* 覆盖样式
----------------------------------------------------------------- */
-.bsgoal-base-tooltip {
-}
-
-.base_tooltip_popper {
-  max-width: 20em;
-}
-</style>

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

@@ -1,141 +0,0 @@
-<!--
- * @Author: canlong.shen
- * @Date: 2023-04-21 08:43:39
- * @LastEditors: canlong.shen
- * @LastEditTime: 2023-06-27 11:49:24
- * @FilePath: \common\src\components\bsgoal-base-tree\demo.vue
- * @Description: 左侧树的演示
- * 
--->
-
-<script setup>
-/* setup模板
----------------------------------------------------------------- */
-import BsgoalBaseTree from './index.vue'
-
-import { ref } from 'vue'
-
-defineOptions({
-  name: 'BsgoalBaseTreeDemo'
-})
-
-const props = defineProps({})
-
-const treeData = ref([])
-const getKey = (prefix, id) => {
-  return `${prefix}-${id}`
-}
-const createData = (maxDeep, maxChildren, minNodesNumber, deep = 1, key = 'node') => {
-  let id = 0
-  return Array.from({ length: minNodesNumber })
-    .fill(deep)
-    .map(() => {
-      const childrenNumber = deep === maxDeep ? 0 : Math.round(Math.random() * maxChildren)
-      const nodeKey = getKey(key, ++id)
-      return {
-        id: nodeKey,
-        value: nodeKey,
-        label: nodeKey,
-        children: childrenNumber
-          ? createData(maxDeep, maxChildren, childrenNumber, deep + 1, nodeKey)
-          : undefined
-      }
-    })
-}
-treeData.value = createData(4, 4, 4)
-
-const triggerTreeClick = (value, node, treeNode, event) => {
-  console.log('triggerTreeClick ================')
-  // console.log('value', value)
-  // console.log('node', node)
-  // console.log('treeNode', treeNode)
-  // console.log('event', event)
-}
-
-const treeLazyLoad = (node) => {
-  console.log('treeLazyLoad', node)
-  return new Promise((resove, reject) => {
-    setTimeout(() => {
-      resove([
-        {
-          label: 'label2-1',
-          isLeaf: true,
-          hasIcon: true
-        },
-        {
-          label: 'label2-2',
-          key: 'label2-2',
-
-          children: [
-            {
-              label: 'label2-2-1'
-            }
-          ]
-        },
-        {
-          label: 'label2-3'
-        }
-      ])
-    }, 1000)
-  })
-}
-
-const treeInitNode = (node) => {
-  console.log('treeInitNode', node)
-
-  return new Promise((resolve, reject) => {
-    setTimeout(() => {
-      resolve([
-        {
-          value: 'value1',
-          label: 'label1',
-          nodeKey:'label1'
-        }
-      ])
-    }, 1000)
-  })
-}
-
-const triggerAddClick = (params = '') => {
-  console.log('triggerAddClick', params)
-}
-
-</script>
-<template>
-  <div class="bsgoal-base-tree-demo">
-    <div class="base_tree_demo">
-      <BsgoalBaseTree
-        :data="[
-          {
-            value: 'value999',
-            label: 'label999',
-            children: [
-              {
-                label: '8888',
-                key: '8888'
-              }
-            ]
-          }
-        ]"
-        node-key="nodeKey"
-        :lazy-load="treeLazyLoad"
-        :init-node="treeInitNode"
-        :expanded-keys="['label1']"
-        @on-click="triggerTreeClick"
-        @on-click-add="triggerAddClick"
-      >
-        <template #prefix="{data}">
-          <div>66</div>
-        </template>
-      </BsgoalBaseTree>
-    </div>
-  </div>
-</template>
-<style lang="scss" scoped>
-/* 自定义样式
----------------------------------------------------------------- */
-</style>
-<style lang="scss">
-/* 覆盖样式
----------------------------------------------------------------- */
-</style>