@bsgoal/common 2.5.6 → 2.6.0

package/src/components/bsgoal-base-search-operation/index.vue

@@ -2,22 +2,21 @@
  * @Author: canlong.shen
  * @Date: 2023-04-13 18:09:43
  * @LastEditors: canlong.shen
- * @LastEditTime: 2023-04-25 13:49:56
+ * @LastEditTime: 2023-05-26 16:01:16
  * @FilePath: \common\src\components\bsgoal-base-search-operation\index.vue
  * @Description:  表格查询操作项 组件
  * 
 -->
-
-<script>
-export default {
-  name: "BsgoalBaseSearchOperation",
-};
-</script>
 <script setup>
 /* setup模板
 ---------------------------------------------------------------- */
 import { Delete, Search, ArrowDown, ArrowUp } from '@element-plus/icons-vue'
 import { ref, unref } from 'vue'
+
+defineOptions({
+  name: 'BsgoalBaseSearchOperation'
+})
+
 defineProps({
   /**
    * 是否显示折叠按钮

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

@@ -8,21 +8,18 @@
  * 
 -->
 
-<script>
-export default {
-  name: 'BsgoalSearchTableDemo'
-}
-</script>
 <script setup>
 /* setup模板
 ---------------------------------------------------------------- */
 import { ref, unref } from 'vue'
 import ComponentTypeEnums from '../../enums/componentTypeEnums.js'
 import BsgoalBaseSearchTable from './index.vue'
-import DemoTable from './demo-table.vue'
 import BsgoalBaseButton from '../bsgoal-base-button/index.vue'
 
-// props
+defineOptions({
+  name: 'BsgoalSearchTableDemo'
+})
+
 const props = defineProps({})
 
 const configOptions = ref([

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

@@ -8,18 +8,17 @@
  * 
 -->
 
-<script>
-export default {
-  name: 'BsgoalBaseSearchTable'
-}
-</script>
 <script setup>
 /* setup模板
 ---------------------------------------------------------------- */
 import { ref, computed, unref, provide, useSlots } from 'vue'
 import BsgoalBaseSearch from '../bsgoal-base-search/index.vue'
 import BsgoalBaseTable from '../bsgoal-base-table/index.vue'
-// props
+
+defineOptions({
+  name: 'BsgoalBaseSearchTable'
+})
+
 const props = defineProps({
   /**
    * >----------props----------<

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

@@ -14,6 +14,10 @@
 import { ref } from 'vue'
 import BsgoalBaseSelect from './index.vue'
 
+defineOptions({
+  name: 'BsgoalBaseSelectDemo'
+})
+
 const props = defineProps({})
 
 const selectValue = ref('11')
@@ -44,11 +48,6 @@ const change = (value = '', data = {}) => {
   console.log('data', data)
 }
 </script>
-<script>
-export default {
-  name: 'BsgoalBaseSelectDemo'
-}
-</script>
 <template>
   <div class="bsgoal-base-select-demo">
     <div class="base_select_demo">

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

@@ -12,6 +12,11 @@
 /* setup模板
 ---------------------------------------------------------------- */
 import { ref } from 'vue'
+
+defineOptions({
+  name: 'BsgoalBaseSelect'
+})
+
 const props = defineProps({
   /**
    * 占位提示符
@@ -64,11 +69,6 @@ const triggerChange = (value = '') => {
 
 // ---> E 触发 方法 <---
 </script>
-<script>
-export default {
-  name: 'BsgoalBaseSelect'
-}
-</script>
 <template>
   <div class="bsgoal-base-select">
     <el-select

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

@@ -12,15 +12,15 @@
 ---------------------------------------------------------------- */
 import { ref } from 'vue'
 import BsgoalBaseSwitch from './index.vue'
+
+defineOptions({
+  name: 'BsgoalBaseSwitchDemo'
+})
+
 const props = defineProps({})
 
 const modelValue = ref('0')
 </script>
-<script>
-export default {
-  name: 'BsgoalBaseSwitchDemo'
-}
-</script>
 <template>
   <div class="bsgoal-base-switch-demo">
     <div class="base_switch_demo">

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

@@ -12,6 +12,11 @@
 /* setup模板
 ---------------------------------------------------------------- */
 import { ref } from 'vue'
+
+defineOptions({
+  name: 'BsgoalBaseSwitch'
+})
+
 const props = defineProps({
   /**
    *  text 配置 选项
@@ -48,11 +53,6 @@ const triggerChange = (value = '') => {
 }
 </script>
 
-<script>
-export default {
-  name: 'BsgoalBaseSwitch'
-}
-</script>
 <template>
   <div class="bsgoal-base-switch">
     <el-switch

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

@@ -2,24 +2,23 @@
  * @Author: canlong.shen
  * @Date: 2023-04-10 14:26:44
  * @LastEditors: canlong.shen
- * @LastEditTime: 2023-05-19 14:39:05
+ * @LastEditTime: 2023-05-26 14:26:06
  * @FilePath: \common\src\components\bsgoal-base-table\demo.vue
  * @Description: 表格公共组件演示页面
  * 
 -->
-<script>
-export default {
-  name: 'BsgoalBaseTableDemo'
-}
-</script>
 <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',

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

@@ -8,11 +8,6 @@
  * 
 -->
 
-<script>
-export default {
-  name: 'BsgoalBaseTable'
-}
-</script>
 <script setup>
 /* setup模板
 ---------------------------------------------------------------- */
@@ -24,6 +19,10 @@ import { useAutoHeight } from '../../combines/useComs.js'
 import { useFetch } from '../../combines/useFetchs.js'
 import { isBoolean } from '@/utils/common.js'
 
+defineOptions({
+  name: 'BsgoalBaseTable'
+})
+
 const props = defineProps({
   /**
    * >----------props----------<

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

@@ -8,17 +8,16 @@
  * 
 -->
 
-<script>
-export default {
-    name: "BsgoalBaseTableContent",
-};
-</script>
 <script setup>
 /* setup模板
 ---------------------------------------------------------------- */
 import { ref } from 'vue';
 import BsgoalBaseTooltip from '../bsgoal-base-tooltip/index.vue'
-// props
+
+defineOptions({
+  name: 'BsgoalBaseTableContent'
+})
+
 const props = defineProps({
     /**
      * 数据

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

@@ -8,17 +8,16 @@
  * 
 -->
 
-<script>
-export default {
-  name: 'BsgoalBaseTableEmptyDemo'
-}
-</script>
 <script setup>
 /* setup模板
 ---------------------------------------------------------------- */
 import { ref } from 'vue'
 import BsgoalBaseTableEmpty from './index.vue'
-// props
+
+defineOptions({
+  name: 'BsgoalBaseTableEmptyDemo'
+})
+
 const props = defineProps({})
 </script>
 <template>

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

@@ -8,10 +8,10 @@
  * 
 -->
 
-<script>
-export default {
+<script setup>
+defineOptions({
   name: 'BsgoalBaseTableEmpty'
-}
+})
 </script>
 
 <template>

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

@@ -8,17 +8,16 @@
  * 
 -->
 
-<script>
-export default {
-  name: 'BsgoalBaseTablePagination'
-}
-</script>
 <script setup>
 /* setup模板
 ---------------------------------------------------------------- */
 import { ref, computed } from 'vue'
 import zhCn from 'element-plus/dist/locale/zh-cn.mjs'
-// props
+
+defineOptions({
+  name: 'BsgoalBaseTablePagination'
+})
+
 const props = defineProps({
   /**
    * 当前页数

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

@@ -6,17 +6,16 @@
  * @FilePath: \common\src\components\bsgoal-base-tabs\demo.vue
  * @Description: tabs 标签切页 公共组件演示
 -->
-<script>
-export default {
-  name: 'BsgoalBaseTabsDemo'
-}
-</script>
 <script setup>
 /* setup模板
 ---------------------------------------------------------------- */
 import { ref } from 'vue'
 import BsgoalBaseTabs from './index.vue'
-// props
+
+defineOptions({
+  name: 'BsgoalBaseTabsDemo'
+})
+
 const props = defineProps({})
 const activeTabName = ref('tab1')
 const  config = ref([

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

@@ -8,15 +8,15 @@
  * 
 -->
 
-<script>
-export default {
-  name: 'BsgoalBaseTabs'
-}
-</script>
 <script setup>
 /* setup模板
 ---------------------------------------------------------------- */
 import { ref, unref, computed } from 'vue'
+
+defineOptions({
+  name: 'BsgoalBaseTabs'
+})
+
 const props = defineProps({
   /**
    * 配置项

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

@@ -12,18 +12,18 @@
 ---------------------------------------------------------------- */
 import { ref } from 'vue'
 import BsgoalBaseTime from './index.vue'
+
+defineOptions({
+  name: 'BsgoalBaseTimeDemo'
+})
+
 const props = defineProps({})
 const time = ref('11:22')
 </script>
-<script>
-export default {
-  name: 'BsgoalBaseTimeDemo'
-}
-</script>
 <template>
   <div class="bsgoal-base-time-demo">
     <div class="base_time_demo">
-        {{ time }}
+      {{ time }}
       <BsgoalBaseTime v-model="time" />
     </div>
   </div>

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

@@ -15,6 +15,11 @@ 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({
   /**
    * 绑定的值
@@ -85,11 +90,6 @@ const triggerChange = (date = new Date()) => {
 // ---> E 绑定值 <---
 </script>
 
-<script>
-export default {
-  name: 'BsgoalBaseTime'
-}
-</script>
 <template>
   <div class="bsgoal-base-time">
     <el-config-provider :locale="zhCn">

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

@@ -13,6 +13,11 @@
 ---------------------------------------------------------------- */
 import { ref } from 'vue'
 import BsgoalBaseTimeRange from './index.vue'
+
+defineOptions({
+  name: 'BsgoalBaseTimeDemoRange'
+})
+
 const props = defineProps({})
 
 const timeRange = ref(['11:00', '12:12'])
@@ -20,11 +25,6 @@ const timeRange = ref(['11:00', '12:12'])
 const startTime = ref('12:11')
 const endTime = ref('13:55')
 </script>
-<script>
-export default {
-  name: 'BsgoalBaseTimeDemoRange'
-}
-</script>
 <template>
   <div class="bsgoal-base-time-range-demo">
     <div>{{ timeRange }}</div>

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

@@ -2,7 +2,7 @@
  * @Author: canlong.shen
  * @Date: 2023-05-24 14:09:57
  * @LastEditors: canlong.shen
- * @LastEditTime: 2023-05-24 16:54:26
+ * @LastEditTime: 2023-05-25 11:20:07
  * @FilePath: \common\src\components\bsgoal-base-time-range\index.vue
  * @Description: 时间选择 公共组件
  * 
@@ -14,6 +14,11 @@
 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
@@ -96,7 +101,7 @@ watchEffect(() => {
  * @return {*}
  */
 const triggerChange = (range = []) => {
-  const { startTime = '', endTime = ''  } = props
+  const { startTime = '', endTime = '' } = props
 
   const { 0: startDate, 1: endDate } = range
   const startDateFormat = dateToString(startDate)
@@ -109,12 +114,19 @@ const triggerChange = (range = []) => {
   }
 }
 
-// ---> E 值绑定 <---
-</script>
-<script>
-export default {
-  name: 'BsgoalBaseTimeRange'
+/**
+ * @Author: canlong.shen
+ * @description: 触发 面板显隐事件
+ * @default:
+ * @return {*}
+ */
+const triggerVisibleChange = (visibility = false) => {
+  if (!visibility) {
+    triggerChange(unref(bindValue))
+  }
 }
+
+// ---> E 值绑定 <---
 </script>
 <template>
   <div class="bsgoal-base-time-range">
@@ -128,6 +140,7 @@ export default {
         start-placeholder="开始时间"
         end-placeholder="结束时间"
         @change="triggerChange"
+        @visible-change="triggerVisibleChange"
       />
     </el-config-provider>
   </div>

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

@@ -7,18 +7,16 @@
  * @Description: 文字提示公共组件演示
  * 
 -->
-
-<script>
-export default {
-  name: "BsgoalBaseTooltipDemo",
-};
-</script>
 <script setup>
 /* setup模板
 ---------------------------------------------------------------- */
 import { ref } from 'vue';
 import  BsgoalBaseTooltip from './index.vue'
-// props
+
+defineOptions({
+  name: 'BsgoalBaseTooltipDemo'
+})
+
  const props = defineProps({
 
 })

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

@@ -8,16 +8,15 @@
  * 
 -->
 
-<script>
-export default {
-  name: 'BsgoalBaseTooltip'
-}
-</script>
 <script setup>
 /* setup模板
 ---------------------------------------------------------------- */
 import { ref, computed, unref } from 'vue'
-// props
+
+defineOptions({
+  name: 'BsgoalBaseTooltip'
+})
+
 const props = defineProps({
   /**
    * 文字提示内容

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

@@ -8,18 +8,17 @@
  * 
 -->
 
-<script>
-export default {
-  name: 'BsgoalBaseTreeDemo'
-}
-</script>
 <script setup>
 /* setup模板
 ---------------------------------------------------------------- */
 import BsgoalBaseTree from './index.vue'
 
 import { ref } from 'vue'
-// props
+
+defineOptions({
+  name: 'BsgoalBaseTreeDemo'
+})
+
 const props = defineProps({})
 
 const treeData = ref([])

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

@@ -7,11 +7,6 @@
  * @Description: 虚拟化树型结构 公共组件
  * 
 -->
-<script>
-export default {
-  name: 'BsgoalBaseTree'
-}
-</script>
 <script setup>
 /* setup模板
 ---------------------------------------------------------------- */
@@ -19,7 +14,11 @@ import { ref, watch } from 'vue'
 import directiveBase from '../../directives/directiveBase.js'
 import BsgoalBaseLine from '../bsgoal-base-line/index.vue'
 import BsgoalBaseTreeFold from '../bsgoal-base-tree-fold/index.vue'
-// props
+
+defineOptions({
+  name: 'BsgoalBaseTree'
+})
+
 const props = defineProps({
   /**
    * 树结构 的下边距

package/src/components/bsgoal-base-tree-fold/index.vue

@@ -2,23 +2,22 @@
  * @Author: canlong.shen
  * @Date: 2023-04-21 14:30:43
  * @LastEditors: canlong.shen
- * @LastEditTime: 2023-04-25 09:11:19
+ * @LastEditTime: 2023-05-26 16:09:24
  * @FilePath: \common\src\components\bsgoal-base-tree-fold\index.vue
  * @Description:  树结构折叠按钮
  * 
 -->
 
-<script>
-export default {
-  name: 'BsgoalBaseTreeFold'
-}
-</script>
 <script setup>
 /* setup模板
 ---------------------------------------------------------------- */
 import { ref } from 'vue'
 import { ArrowLeft, ArrowRight } from '@element-plus/icons-vue'
 
+defineOptions({
+  name: 'BsgoalBaseTreeFold'
+})
+
 defineProps(['modelValue'])
 const emits = defineEmits(['update:modelValue'])
 

package/src/components/layout/layout-home.vue

@@ -2,12 +2,24 @@
  * @Author: canlong.shen
  * @Date: 2023-04-10 13:41:13
  * @LastEditors: canlong.shen
- * @LastEditTime: 2023-04-15 11:20:10
+ * @LastEditTime: 2023-05-26 16:09:56
  * @FilePath: \common\src\components\layout\layout-home.vue
  * @Description: 首页
  * 
 -->
 
+<script setup>
+/* setup模板
+---------------------------------------------------------------- */
+import LayoutLeftMenu from '@/components/layout/layout-left-menu.vue'
+import LayoutTopHeader from '@/components/layout/layout-top-header.vue'
+import LayoutRightContainer from '@/components/layout/layout-right-container.vue'
+
+defineOptions({
+  name: 'LayoutHome'
+})
+</script>
+
 <template>
   <div class="layout-home">
     <el-container>
@@ -18,8 +30,8 @@
         <el-aside width="200px">
           <LayoutLeftMenu />
         </el-aside>
-        <el-main style="padding:10px; background-color:#f0f2f5 ;">
-          <LayoutRightContainer  style="background-color: #fff;">
+        <el-main style="padding: 10px; background-color: #f0f2f5">
+          <LayoutRightContainer style="background-color: #fff">
             <router-view />
           </LayoutRightContainer>
         </el-main>
@@ -27,18 +39,6 @@
     </el-container>
   </div>
 </template>
-<script>
-export default {
-  name: 'LayoutHome'
-}
-</script>
-<script setup>
-/* setup模板
----------------------------------------------------------------- */
-import LayoutLeftMenu from '@/components/layout/layout-left-menu.vue'
-import LayoutTopHeader from '@/components/layout/layout-top-header.vue'
-import LayoutRightContainer from '@/components/layout/layout-right-container.vue'
-</script>
 <style lang="scss" scoped>
 /* 自定义样式
 ---------------------------------------------------------------- */
@@ -57,4 +57,4 @@ import LayoutRightContainer from '@/components/layout/layout-right-container.vue
 <style lang="scss">
 /* 覆盖样式
 ---------------------------------------------------------------- */
-</style>
+</style>