@bsgoal/common 2.16.6 → 2.17.0

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

@@ -1,76 +0,0 @@
-<!--
- * @Author: canlong.shen
- * @Date: 2023-05-24 17:20:40
- * @LastEditors: canlong.shen
- * @LastEditTime: 2023-05-24 17:44:16
- * @FilePath: \common\src\components\bsgoal-base-switch\index.vue
- * @Description: switch 开关
- * 
--->
-
-<script setup>
-/* setup模板
----------------------------------------------------------------- */
-import { ref } from 'vue'
-
-defineOptions({
-  name: 'BsgoalBaseSwitch'
-})
-
-const props = defineProps({
-  /**
-   *  text 配置 选项
-   */
-  textRange: {
-    type: [Array],
-    default: () => ['是', '否']
-  },
-  /**
-   * value 配置 选项
-   */
-  valueRange: {
-    type: [Array],
-    default: () => ['1', '0']
-  },
-  /**
-   * value
-   */
-  modelValue: {
-    type: [],
-    default: ''
-  }
-})
-const emits = defineEmits(['update:modelValue'])
-
-/**
- * @Author: canlong.shen
- * @description: 触发 值变化
- * @default:
- * @return {*}
- */
-const triggerChange = (value = '') => {
-  emits('update:modelValue', value)
-}
-</script>
-
-<template>
-  <div class="bsgoal-base-switch">
-    <el-switch
-      class="base_switch"
-      :model-value="modelValue"
-      :active-value="valueRange[0]"
-      :inactive-value="valueRange[1]"
-      :active-text="textRange[0]"
-      :inactive-text="textRange[1]"
-      @change="triggerChange"
-    />
-  </div>
-</template>
-<style lang="scss" scoped>
-/* 自定义样式
----------------------------------------------------------------- */
-</style>
-<style lang="scss">
-/* 覆盖样式
----------------------------------------------------------------- */
-</style>

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

@@ -1,302 +0,0 @@
-<!--
- * @Author: canlong.shen
- * @Date: 2023-04-10 14:26:44
- * @LastEditors: canlong.shen
- * @LastEditTime: 2023-07-11 11:01:43
- * @FilePath: \common\src\components\bsgoal-base-table\demo.vue
- * @Description: 表格公共组件演示页面
- * 
--->
-<script setup>
-/* setup模板
----------------------------------------------------------------- */
-import { ref, computed, toRefs, watch, unref } from 'vue'
-import BsgoalBaseTable from './index.vue'
-import BsgoalBaseSearch from '../bsgoal-base-search/index.vue'
-import ComponentTypeEnums from '../../enums/componentTypeEnums.js'
-
-defineOptions({
-  name: 'BsgoalBaseTableDemo111'
-})
-
-let searchOptions = ref([
-  {
-    label: 'prop1',
-    // value: '111',
-    prop: 'prop1',
-    type: ComponentTypeEnums.INPUT
-  },
-  {
-    label: 'prop2',
-    value: 'select2',
-    type: ComponentTypeEnums.SELECT,
-    prop: 'prop2',
-    range: [
-      {
-        label: 'select1',
-        value: 'select1'
-      },
-      {
-        label: 'select2',
-        value: 'select2'
-      },
-      {
-        label: 'select3',
-        value: 'select3'
-      },
-      {
-        label: 'select4',
-        value: 'select5'
-      }
-    ]
-  },
-  {
-    label: 'prop3',
-    // value: '111',
-    type: ComponentTypeEnums.SLIDER,
-    prop: 'prop3'
-  },
-  {
-    label: 'prop4',
-    // value: '111',
-    type: ComponentTypeEnums.SWITCH,
-    prop: 'prop4'
-  },
-  {
-    label: 'prop5',
-    // value: '111',
-    type: ComponentTypeEnums.RADIO,
-    prop: 'prop5',
-    range: [
-      {
-        label: 'radio1',
-        value: 'radio1'
-      },
-      {
-        label: 'radio2',
-        value: 'radio2'
-      }
-    ]
-  },
-  {
-    label: 'prop6',
-    value: [],
-    type: ComponentTypeEnums.CHECKBOX,
-    prop: 'prop6',
-    range: [
-      {
-        label: 'checkbox1',
-        value: 'checkbox1'
-      },
-      {
-        label: 'checkbox2',
-        value: 'checkbox2'
-      }
-    ]
-  },
-  {
-    label: 'prop7',
-    // value: '111',
-    type: ComponentTypeEnums.DATE,
-    prop: 'prop7',
-    format: 'YYYY-MM-DD'
-  },
-  // {
-  //     label: 'prop8',
-  //     // value: '111',
-  //     type: ComponentTypeEnums.WEEK,
-  //     prop: 'prop8'
-
-  // },
-  {
-    label: 'prop9',
-    // value: '111',
-    type: ComponentTypeEnums.MONTH,
-    prop: 'prop9'
-  },
-  {
-    label: 'prop10',
-    // value: '111',
-    type: ComponentTypeEnums.YEAR,
-    prop: 'prop10'
-  },
-  {
-    label: 'prop11',
-    // value: '111',
-    type: ComponentTypeEnums.DATE_RANGE,
-    prop: 'prop11',
-    range: ['startDate', 'endDate']
-  },
-  {
-    label: 'prop12',
-    // value: '111',
-    type: ComponentTypeEnums.MONTH_RANGE,
-    prop: 'prop12'
-  },
-  {
-    label: 'prop13',
-    // value: '111',
-    type: ComponentTypeEnums.TIME,
-    prop: 'prop13'
-  },
-  {
-    label: 'prop14',
-    // value: '111',
-    type: ComponentTypeEnums.TIME_RANGE,
-    prop: 'prop14'
-  },
-  {
-    label: 'prop15',
-    // value: '111',
-    type: ComponentTypeEnums.DATE_TIME,
-    prop: 'prop15'
-  },
-  {
-    label: 'prop16',
-    // value: '111',
-    type: ComponentTypeEnums.DATE_TIME_RANGE,
-    prop: 'prop16'
-  }
-])
-const data = ref([])
-
-setTimeout(() => {
-  data.value = [
-    {
-      prop1: 1,
-      prop2: 2,
-      prop3: 3,
-      prop4: 4,
-      prop5: 5,
-      prop6: 6
-    },
-    {
-      prop1: 1,
-      prop2: 2,
-      prop3: 3,
-      prop4: 4,
-      prop5: 5,
-      prop6: 6
-    },
-    {
-      prop1: 1,
-      prop2: 2,
-      prop3: 3,
-      prop4: 4,
-      prop5: 5,
-      prop6: 6
-    },
-    {
-      prop1: 1,
-      prop2: 2,
-      prop3: 3,
-      prop4: 4,
-      prop5: 5,
-      prop6: 6
-    },
-    {
-      prop1: 1,
-      prop2: 2,
-      prop3: 3,
-      prop4: 4,
-      prop5: 5,
-      prop6: 6
-    },
-    {
-      prop1: 1,
-      prop2: 2,
-      prop3: 3,
-      prop4: 4,
-      prop5: 5,
-      prop6: 6
-    }
-  ]
-}, 3000)
-
-const configOptionsTable = ref([
-  {
-    label: '宽度',
-    prop: 'prop1'
-    // tooltip: true,
-    // limit: 3
-  },
-  {
-    label: '列列列列列列列列列',
-    prop: 'prop2'
-  },
-  {
-    label: '列列列列列列列列列3',
-    prop: 'prop3'
-  },
-  {
-    label: '列列列列列列列列列4',
-    prop: 'prop4'
-  },
-  {
-    label: '列列列列列列列列列5',
-    prop: 'prop5'
-  },
-  {
-    label: '列列列列列列列列列6',
-    prop: 'prop6'
-  }
-])
-
-const clearData = () => {
-  data.value = []
-}
-
-const triggerSelect = (selection, row) => {
-  console.log('select', selection, row)
-}
-const triggerSelectAll = (selection) => {
-  console.log('select-all', selection)
-}
-const triggerSelectionChange = (selection) => {
-  console.log('selection-change', selection)
-}
-
-const BSGOAL_EL_TABLE_REF = ref(null)
-
-const clearSelection = () => {
-  BSGOAL_EL_TABLE_REF.value.clearSelection()
-}
-</script>
-<template>
-  <div class="bsgoal-base-table-demo">
-    <el-button type="primary" @click="clearSelection">清空选择</el-button>
-    <!-- <BsgoalBaseSearch  :config-options="searchOptions" /> -->
-    <!-- <el-button type="primary" @click="clearData">设置为空数据</el-button> -->
-    <BsgoalBaseTable
-      ref="BSGOAL_EL_TABLE_REF"
-      operation-width="200"
-      operation
-      :showSummary="true"
-      :has-page="false"
-      :config-options="configOptionsTable"
-      :data="data"
-      :auto-height="false"
-      :summary-props="['prop1', 'prop2', 'prop3', 'prop4', 'prop5', 'prop6']"
-      @select="triggerSelect"
-      @select-all="triggerSelectAll"
-      @selection-change="triggerSelectionChange"
-    >
-      <!-- S 操作项 -->
-      <template v-slot:operation="{ row , index }">
-        <div>
-          <!-- {{ row }} -->
-          {{ index }}
-        </div>
-      </template>
-      <!-- E 操作项 -->
-    </BsgoalBaseTable>
-  </div>
-</template>
-<style lang="scss" scoped>
-/* 自定义样式
----------------------------------------------------------------- */
-</style>
-<style lang="scss">
-/* 覆盖样式
----------------------------------------------------------------- */
-</style>