@bsgoal/common 2.16.6 → 2.17.0

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

@@ -1,110 +0,0 @@
-<!--
- * @Author: canlong.shen
- * @Date: 2023-04-15 16:34:57
- * @LastEditors: canlong.shen
- * @LastEditTime: 2023-06-28 10:12:16
- * @FilePath: \common\src\components\bsgoal-base-table-pagination\index.vue
- * @Description: 表格的分页按钮
- * 
--->
-
-<script setup>
-/* setup模板
----------------------------------------------------------------- */
-import { ref, computed, inject, unref } from 'vue'
-import zhCn from 'element-plus/dist/locale/zh-cn.mjs'
-import BsgoalBaseSizes from '../bsgoal-base-sizes/index.vue'
-defineOptions({
-  name: 'BsgoalBaseTablePagination'
-})
-
-const props = defineProps({
-  /**
-   * 当前页数
-   */
-  currentPage: {
-    type: [Number],
-    default: 1
-  },
-  /**
-   * 可选页数集合
-   */
-  pageSizes: {
-    type: [Array],
-    default: () => [10, 20, 30, 40, 50, 100]
-  },
-  /**
-   * 每页显示条目个数
-   */
-  pageSize: {
-    type: [Number],
-    default: 20
-  },
-  /**
-   * 总条目
-   */
-  total: {
-    type: [Number],
-    default: 0
-  }
-})
-
-const emits = defineEmits(['on-size-change', 'on-current-change'])
-
-/**
- * @Author: canlong.shen
- * @description: page-size 改变时触发
- * @default:
- * @return {*}
- */
-const triggerSizeChange = (size = 0) => {
-  emits('on-size-change', size)
-}
-/**
- * @Author: canlong.shen
- * @description: current-change
- * @default:
- * @return {*}
- */
-const triggerCurrentChange = (current = 1) => {
-  emits('on-current-change', current)
-}
-const page = ref(1)
-</script>
-<template>
-  <div class="bsgoal-base-table-pagination">
-    <div class="base_table_pagination">
-      <el-config-provider :locale="zhCn">
-        <el-pagination
-          background
-          layout="total, slot, prev, pager, next, jumper"
-          v-model:current-page="page"
-          :page-sizes="pageSizes"
-          :page-size="pageSize"
-          :total="total"
-          @size-change="triggerSizeChange"
-          @current-change="triggerCurrentChange"
-        >
-          <template #default="">
-            <BsgoalBaseSizes
-              :page-sizes="pageSizes"
-              :page-size="pageSize"
-              @on-size-change="triggerSizeChange"
-            />
-          </template>
-        </el-pagination>
-      </el-config-provider>
-    </div>
-  </div>
-</template>
-<style lang="scss">
-/* 覆盖样式
----------------------------------------------------------------- */
-.bsgoal-base-table-pagination {
-  text-align: right;
-  .base_table_pagination {
-    display: inline-block;
-    margin-top: 16px;
-  }
-}
-</style>

package/src/components/bsgoal-base-tabs/debug.log

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

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

@@ -1,65 +0,0 @@
-<!--
- * @Author: canlong.shen
- * @Date: 2023-04-28 16:01:11
- * @LastEditors: canlong.shen
- * @LastEditTime: 2023-06-01 11:03:24
- * @FilePath: \common\src\components\bsgoal-base-tabs\demo.vue
- * @Description: tabs 标签切页 公共组件演示
--->
-<script setup>
-/* setup模板
----------------------------------------------------------------- */
-import { ref } from 'vue'
-import BsgoalBaseTabs from './index.vue'
-
-defineOptions({
-  name: 'BsgoalBaseTabsDemo'
-})
-
-const props = defineProps({})
-const activeTabName = ref('tab1')
-const config = ref([
-  {
-    label: 'tab1',
-    value: 'tab1'
-  },
-  {
-    label: 'tab2',
-    value: 'tab2'
-  },
-  {
-    label: 'tab3',
-    value: 'tab3'
-  },
-  {
-    label: 'tab4',
-    value: 'tab4'
-  }
-])
-</script>
-<template>
-  <div class="bsgoal-base-tabs-demo">
-    <div class="base_tabs_demo">
-      <BsgoalBaseTabs :config-options="config" stretch fill>
-        <template #tab1>
-          <div>这是 tab1</div>
-        </template>
-      </BsgoalBaseTabs>
-    </div>
-  </div>
-</template>
-<style lang="scss" scoped>
-/* 自定义样式
----------------------------------------------------------------- */
-.base_tabs_demo {
-  position: absolute;
-  top: 0;
-  bottom: 0;
-  right: 0;
-  left: 0;
-}
-</style>
-<style lang="scss">
-/* 覆盖样式
----------------------------------------------------------------- */
-</style>

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

@@ -1,122 +0,0 @@
-<!--
- * @Author: canlong.shen
- * @Date: 2023-04-28 16:01:06
- * @LastEditors: canlong.shen
- * @LastEditTime: 2023-06-01 10:43:54
- * @FilePath: \common\src\components\bsgoal-base-tabs\index.vue
- * @Description: tabs 标签页公共组件
- * 
--->
-
-<script setup>
-/* setup模板
----------------------------------------------------------------- */
-import { ref, unref, computed } from 'vue'
-
-defineOptions({
-  name: 'BsgoalBaseTabs'
-})
-
-const props = defineProps({
-  /**
-   * 配置项
-   *  [
-   *   {
-   *     label: '' // 对应 label值
-   *     value: '' // 对应 name值
-   *   }
-   *  ]
-   */
-  configOptions: {
-    type: [Array],
-    default: () => []
-  },
-  /**
-   * 风格
-   * card : 卡片风格
-   * border-card : 带有边框的卡片风格
-   */
-  type: {
-    type: [String],
-    default: '',
-    validator: (v) => ['card', 'border-card', ''].includes(v)
-  },
-  /**
-   * 组件绑定的值
-   */
-  modelValue: {
-    type: [String],
-    default: ''
-  },
-  /**
-   * 是否自动撑开
-   */
-  stretch: {
-    type: [Boolean],
-    default: false
-  },
-  /**
-   * fill 自动填满高度
-   */
-  fill: {
-    type: [Boolean],
-    default: false
-  }
-})
-
-const emits = defineEmits(['update:modelValue'])
-
-// ---> S modelValue Get <---
-const modelValueGet = computed(() => {
-  const { modelValue = '', configOptions = [] } = props
-  const nameList = unref(configOptions).map((mi) => mi.value)
-  const actionName = unref(modelValue)
-  return actionName || nameList[0]
-})
-// ---> E modelValue Get <---
-
-// ---> S tab的切换 <---
-const changeTab = (activeValue = '') => {
-  emits('update:modelValue', activeValue)
-}
-// ---> E tab的切换 <---
-</script>
-<template>
-  <div class="bsgoal-base-tabs">
-    <el-tabs
-      class="base_tabs"
-      :class="{
-        'base_tabs--fill': fill
-      }"
-      :stretch="stretch"
-      :type="type"
-      :model-value="modelValueGet"
-      @tab-change="changeTab"
-    >
-      <template v-for="({ label, value }, key) of configOptions" :key="key">
-        <el-tab-pane :label="label" :name="value">
-          <slot :name="value">{{ label }}</slot>
-        </el-tab-pane>
-      </template>
-    </el-tabs>
-  </div>
-</template>
-<style lang="scss">
-/* 覆盖样式
----------------------------------------------------------------- */
-.bsgoal-base-tabs {
-  .base_tabs--fill {
-    position: absolute;
-    top: 8px;
-    bottom: 0;
-    left: 16px;
-    right: 16px;
-    display: flex;
-    flex-direction: column;
-    & > div.el-tabs__content {
-      flex: 1;
-      position: relative;
-    }
-  }
-}
-</style>

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

@@ -1,69 +0,0 @@
-<!--
- * @Author: canlong.shen
- * @Date: 2023-05-24 14:58:50
- * @LastEditors: canlong.shen
- * @LastEditTime: 2023-07-11 13:40:53
- * @FilePath: \common\src\components\bsgoal-base-time\demo.vue
- * @Description: 时间选择器
- * 
--->
-<script setup>
-/* setup模板
----------------------------------------------------------------- */
-import { ref } from 'vue'
-import BsgoalBaseTime from './index.vue'
-
-defineOptions({
-  name: 'BsgoalBaseTimeDemo'
-})
-
-const props = defineProps({})
-const time = ref('11:22')
-
-const makeRange = (start, end) => {
-  const result = []
-  for (let i = start; i <= end; i++) {
-    result.push(i)
-  }
-
-  // console.log('makeRange',result);
-  return result
-}
-const disabledHours = () => {
-  return [16]
-}
-const disabledMinutes = (hour) => {
-  if (hour === 17) {
-    return makeRange(0, 29)
-  }
-  if (hour === 18) {
-    return makeRange(31, 59)
-  }
-}
-const disabledSeconds = (hour, minute) => {
-  if (hour === 18 && minute === 30) {
-    return makeRange(1, 59)
-  }
-}
-</script>
-<template>
-  <div class="bsgoal-base-time-demo">
-    <div class="base_time_demo">
-      {{ time }}
-      <BsgoalBaseTime
-        v-model="time"
-        :disabled-hours="disabledHours"
-        :disabled-minutes="disabledMinutes"
-        :disabled-seconds="disabledSeconds"
-      />
-    </div>
-  </div>
-</template>
-<style lang="scss" scoped>
-/* 自定义样式
----------------------------------------------------------------- */
-</style>
-<style lang="scss">
-/* 覆盖样式
----------------------------------------------------------------- */
-</style>

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

@@ -1,177 +0,0 @@
-<!--
- * @Author: canlong.shen
- * @Date: 2023-05-24 14:58:44
- * @LastEditors: canlong.shen
- * @LastEditTime: 2023-07-11 12:00:53
- * @FilePath: \common\src\components\bsgoal-base-time\index.vue
- * @Description: 时间选择器 
- * 
--->
-
-<script setup>
-/* setup模板
----------------------------------------------------------------- */
-import { ref, unref, watchEffect } from 'vue'
-import zhCn from 'element-plus/dist/locale/zh-cn.mjs'
-import { dayjs } from 'element-plus'
-const emits = defineEmits(['update:modelValue'])
-
-defineOptions({
-  name: 'BsgoalBaseTime'
-})
-
-const props = defineProps({
-  /**
-   * 绑定的值
-   */
-  modelValue: {
-    type: [String],
-    default: ''
-  },
-  /**
-   * 提示占位符
-   */
-  placeholder: {
-    type: [String],
-    default: '请选择'
-  },
-  /**
-   * 格式 HH:mm:ss
-   */
-  format: {
-    type: [String],
-    default: 'HH:mm'
-  },
-  /**
-   * 箭头进行选择
-   */
-  arrowControl: {
-    type: [Boolean],
-    default: false
-  },
-  /**
-   *  禁止选择部分小时选项
-   */
-  disabledHours: {
-    type: [Function],
-    default: () => {}
-  },
-  /**
-   *  禁止选择部分分钟选项
-   */
-  disabledMinutes: {
-    type: [Function],
-    default: () => {}
-  },
-  /**
-   *  禁止选择部分秒选项
-   */
-  disabledSeconds: {
-    type: [Function],
-    default: () => {}
-  },
-  /**
-   * 完全只读
-   */
-  readonly: {
-    type: [Boolean],
-    default: false
-  },
-  /**
-   * 禁用
-   */
-   disabled: {
-    type: [Boolean],
-    default: false
-  },
-  /**
-   * 文本框可输入
-   */
-   editable: {
-    type: [Boolean],
-    default: false
-  },
-  /**
-   * 是否显示清除按钮
-   */
-   clearable: {
-    type: [Boolean],
-    default: false
-  },
-})
-
-// ---> 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 { modelValue } = props
-  const timeValue = unref(modelValue)
-  if (timeValue) {
-    bindValue.value = stringToDate(timeValue)
-  }
-})
-
-/**
- * @Author: canlong.shen
- * @description: 触发 值变化
- * @default:
- * @return {*}
- */
-const triggerChange = (date = new Date()) => {
-  const formatValue = dateToString(date)
-  emits('update:modelValue', formatValue)
-}
-
-// ---> E 绑定值 <---
-</script>
-
-<template>
-  <div class="bsgoal-base-time">
-    <el-config-provider :locale="zhCn">
-      <el-time-picker
-        v-model="bindValue"
-        class="base_time"
-        :arrow-control="arrowControl"
-        :format="format"
-        :clearable="clearable"
-        :readonly="readonly"
-        :disabled="disabled"
-        :editable="editable"
-        :placeholder="placeholder"
-        :disabled-hours="disabledHours"
-        :disabled-minutes="disabledMinutes"
-        :disabled-seconds="disabledSeconds"
-        @change="triggerChange"
-      />
-    </el-config-provider>
-  </div>
-</template>
-<style lang="scss" scoped>
-/* 自定义样式
----------------------------------------------------------------- */
-</style>
-<style lang="scss">
-/* 覆盖样式
----------------------------------------------------------------- */
-</style>

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

@@ -1,62 +0,0 @@
-<!--
- * @Author: canlong.shen
- * @Date: 2023-05-24 14:10:03
- * @LastEditors: canlong.shen
- * @LastEditTime: 2023-07-11 10:34:27
- * @FilePath: \common\src\components\bsgoal-base-time-range\demo.vue
- * @Description: 时间选择 演示 
- * 
--->
-
-<script setup>
-/* setup模板
----------------------------------------------------------------- */
-import { ref } from 'vue'
-import BsgoalBaseTimeRange from './index.vue'
-
-defineOptions({
-  name: 'BsgoalBaseTimeDemoRange'
-})
-
-const props = defineProps({})
-
-const timeRange = ref(['11:00', '12:12'])
-
-const timeList = ref([
-  {
-    startTime: '00:00',
-    endTime: '01:00'
-  }
-])
-
-const startTime = ref('12:11')
-const endTime = ref('13:55')
-
-const changeTime = (start = '' , end = '') => {
-    console.log('start',start);
-    console.log('end',end);
-}
-</script>
-<template>
-  <div class="bsgoal-base-time-range-demo">
-    <div>{{ timeRange }}</div>
-    <div>{{ startTime }}</div>
-    <div>{{ endTime }}</div>
-    <div>{{ timeList[0]['startTime'] }}</div>
-    <div>{{ timeList[0]['endTime'] }}</div>
-    <BsgoalBaseTimeRange
-      :body-style="{ width: '100%' }"
-      :modelValue="[timeList[0]['startTime'], timeList[0]['endTime']]"
-      class="base_time_range_demo"
-      @on-change="changeTime"
-    />
-  </div>
-</template>
-<style lang="scss" scoped>
-/* 自定义样式
----------------------------------------------------------------- */
-</style>
-<style lang="scss">
-/* 覆盖样式
----------------------------------------------------------------- */
-</style>