@bsgoal/common 2.5.7 → 2.7.0

package/dist/style.css

@@ -1 +1 @@
-@charset "UTF-8";.base_tooltip_popper{max-width:20em}.bsgoal-base-form .base_form{padding:16px 6px 8px 16px}.bsgoal-base-form .base_form .el-form-item{margin-right:10px}.bsgoal-base-form .base_form div.el-input,.bsgoal-base-form .base_form div.el-select{width:100%}.bsgoal-base-form .base_form--visible{width:0px;height:0px;overflow:hidden}.bsgoal-base-table-pagination{text-align:right}.bsgoal-base-table-pagination .base_table_pagination{display:inline-block;margin-top:16px}.bsgoal-base-table-empty .base_table_empty{text-align:center}.bsgoal-base-table-empty .base_table_empty_img{padding-top:16px;line-height:initial}.bsgoal-base-table-empty .base_table_empty_text{display:inline-block}.bsgoal-base-table .base_table{padding:16px}.bsgoal-base-table .base_table_menu{margin-bottom:8px}.bsgoal-base-table .el-table__body-wrapper{overflow-y:hidden!important}.bsgoal-base-table .el-scrollbar__view{height:100%}.bsgoal-base-line .base_line{height:10px;background-color:#f0f2f5}.bsgoal-base-line .bsgoal-base-line__vertical{display:inline-block;height:100%}.bsgoal-base-line .base_line__vertical{width:10px;height:100%}.bsgoal-base-search-operation{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.bsgoal-base-search-operation .operation_fold{margin-left:12px;cursor:pointer;min-width:3em}.bsgoal-base-cascader{width:100%}.bsgoal-base-cascader .base_cascader{width:inherit}.bsgoal-base-search .base_search{padding:16px 6px 8px 16px}.bsgoal-base-search .base_search .el-form-item{margin-bottom:8px;margin-right:10px}.bsgoal-base-search .base_search div.el-input,.bsgoal-base-search .base_search div.el-select{width:100%}.bsgoal-base-tree-fold .base_tree_fold{position:absolute;top:0;bottom:0;right:10px;margin:auto;width:14px;height:38px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;border-radius:10px;background-color:#409eff}.bsgoal-base-tree-fold .base_tree_fold--hide{right:0px}.bsgoal-base-tree{display:inline-block}.bsgoal-base-tree .base_tree{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-sizing:border-box;box-sizing:border-box;position:relative;min-width:14px}.bsgoal-base-tree .base_tree_main{width:221px;padding:16px;scrollbar-width:none;-ms-overflow-style:none;overflow-x:hidden;overflow-y:auto}.bsgoal-base-tree .base_tree_main::-webkit-scrollbar{width:6px;height:6px}.bsgoal-base-tree .base_tree_main::-webkit-scrollbar-thumb{border-radius:10px;background:rgba(0,0,0,.2);width:20px}.bsgoal-base-tree .base_tree_main::-webkit-scrollbar-track{background-color:#fff}.bsgoal-base-tree .base_tree_main_input{margin-bottom:10px}.bsgoal-base-tree .base_tree .el-tree-node__content>i.el-tree-node__expand-icon{padding-left:0}.bsgoal-base-dialog .base_dialog_header{font-weight:500;color:#303133;font-size:16px}.bsgoal-base-dialog .bsgoal-dialog__footer--conceal .el-dialog__footer{display:none}.bsgoal-base-dialog .bsgoal_base_dialog_main .el-dialog__header{padding:16px 30px;margin-right:0;background-color:#f5f7fa}.bsgoal-base-dialog .bsgoal_base_dialog_main .el-dialog__header .el-dialog__headerbtn{top:0px;right:8px}.bsgoal-base-dialog .bsgoal_base_dialog_main .el-dialog__body{padding:0}.bsgoal-base-dialog .bsgoal_base_dialog_main .base_dialog_content{padding:30px}.bsgoal-base-dialog .bsgoal_base_dialog_main .base_dialog_content--form{padding:0 0 30px 30px}.bsgoal-base-button,.bsgoal-base-button .base_button{display:inline-block}.bsgoal-base-alert .el-alert,.bsgoal-base-item .base_item{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.bsgoal-base-item .base_item_label{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;font-size:14px;color:#606266;height:32px;line-height:32px;padding-right:12px}
+@charset "UTF-8";.base_tooltip_popper{max-width:20em}.bsgoal-base-form .base_form{padding:16px 6px 8px 16px}.bsgoal-base-form .base_form .el-form-item{margin-right:10px}.bsgoal-base-form .base_form div.el-input,.bsgoal-base-form .base_form div.el-select{width:100%}.bsgoal-base-form .base_form--visible{width:0px;height:0px;overflow:hidden}.bsgoal-base-table-pagination{text-align:right}.bsgoal-base-table-pagination .base_table_pagination{display:inline-block;margin-top:16px}.bsgoal-base-table-empty .base_table_empty{text-align:center}.bsgoal-base-table-empty .base_table_empty_img{padding-top:16px;line-height:initial}.bsgoal-base-table-empty .base_table_empty_text{display:inline-block}.bsgoal-base-table .base_table{padding:16px}.bsgoal-base-table .base_table_menu{margin-bottom:8px}.bsgoal-base-table .el-table__body-wrapper{overflow-y:hidden!important}.bsgoal-base-table .el-scrollbar__view{height:100%}.bsgoal-base-line .base_line{height:10px;background-color:#f0f2f5}.bsgoal-base-line .bsgoal-base-line__vertical{display:inline-block;height:100%}.bsgoal-base-line .base_line__vertical{width:10px;height:100%}.bsgoal-base-search-operation{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.bsgoal-base-search-operation .operation_fold{margin-left:12px;cursor:pointer;min-width:3em}.bsgoal-base-cascader{width:100%}.bsgoal-base-cascader .base_cascader{width:inherit}.bsgoal-base-search .base_search{padding:16px 6px 8px 16px}.bsgoal-base-search .base_search .el-form-item{margin-bottom:8px;margin-right:10px}.bsgoal-base-search .base_search div.el-input,.bsgoal-base-search .base_search div.el-select{width:100%}.bsgoal-base-tree-fold .base_tree_fold{position:absolute;top:0;bottom:0;right:10px;margin:auto;width:14px;height:38px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;border-radius:10px;background-color:#409eff}.bsgoal-base-tree-fold .base_tree_fold--hide{right:0px}.bsgoal-base-tree{display:inline-block}.bsgoal-base-tree .base_tree{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-sizing:border-box;box-sizing:border-box;position:relative;min-width:14px}.bsgoal-base-tree .base_tree_main{width:221px;padding:16px;scrollbar-width:none;-ms-overflow-style:none;overflow-x:hidden;overflow-y:auto}.bsgoal-base-tree .base_tree_main::-webkit-scrollbar{width:6px;height:6px}.bsgoal-base-tree .base_tree_main::-webkit-scrollbar-thumb{border-radius:10px;background:rgba(0,0,0,.2);width:20px}.bsgoal-base-tree .base_tree_main::-webkit-scrollbar-track{background-color:#fff}.bsgoal-base-tree .base_tree_main_input{margin-bottom:10px}.bsgoal-base-tree .base_tree .el-tree-node__content>i.el-tree-node__expand-icon{padding-left:0}.bsgoal-base-dialog .base_dialog_header{font-weight:500;color:#303133;font-size:16px}.bsgoal-base-dialog .bsgoal-dialog__footer--conceal .el-dialog__footer{display:none}.bsgoal-base-dialog .bsgoal_base_dialog_main .el-dialog__header{padding:16px 30px;margin-right:0;background-color:#f5f7fa}.bsgoal-base-dialog .bsgoal_base_dialog_main .el-dialog__header .el-dialog__headerbtn{top:0px;right:8px}.bsgoal-base-dialog .bsgoal_base_dialog_main .el-dialog__body{padding:0}.bsgoal-base-dialog .bsgoal_base_dialog_main .base_dialog_content{padding:30px}.bsgoal-base-dialog .bsgoal_base_dialog_main .base_dialog_content--form{padding:0 0 30px 30px}.bsgoal-base-dialog .bsgoal_base_dialog_main .base_dialog_content--form .bsgoal-base-form .base_form{padding:initial;padding-top:16px}.bsgoal-base-button,.bsgoal-base-button .base_button{display:inline-block}.bsgoal-base-alert .el-alert,.bsgoal-base-item .base_item{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.bsgoal-base-item .base_item_label{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;font-size:14px;color:#606266;height:32px;line-height:32px;padding-right:12px}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@bsgoal/common",
-  "version": "2.5.7",
+  "version": "2.7.0",
   "private": false,
   "files": [
     "dist",
@@ -27,7 +27,7 @@
   },
   "dependencies": {
     "element-plus": "^2.3.3",
-    "vue": "^3.2.47",
+    "vue": "^3.3.4",
     "vue-router": "^4.1.6"
   },
   "devDependencies": {

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

@@ -2,7 +2,7 @@
  * @Author: canlong.shen
  * @Date: 2023-05-24 09:13:02
  * @LastEditors: canlong.shen
- * @LastEditTime: 2023-05-24 10:08:48
+ * @LastEditTime: 2023-05-26 15:51:21
  * @FilePath: \common\src\components\bsgoal-base-alert\demo.vue
  * @Description: alert 提示演示
  * 
@@ -12,12 +12,12 @@
 ---------------------------------------------------------------- */
 import { ref } from 'vue'
 import BsgoalBaseAlert from './index.vue'
-const props = defineProps({})
-</script>
-<script>
-export default {
+
+defineOptions({
   name: 'BsgoalBaseAlertDemo'
-}
+})
+
+const props = defineProps({})
 </script>
 <template>
   <div class="$bsgoal-base-alert-demo">

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

@@ -2,7 +2,7 @@
  * @Author: canlong.shen
  * @Date: 2023-05-24 09:12:54
  * @LastEditors: canlong.shen
- * @LastEditTime: 2023-05-24 10:06:36
+ * @LastEditTime: 2023-05-26 15:52:34
  * @FilePath: \common\src\components\bsgoal-base-alert\index.vue
  * @Description: alert 提示组件
  * 
@@ -12,7 +12,11 @@
 /* setup模板
 ---------------------------------------------------------------- */
 import { ref } from 'vue'
-// props
+
+defineOptions({
+  name: 'BsgoalBaseAlert'
+})
+
 const props = defineProps({
   /**
    * 类型
@@ -24,11 +28,6 @@ const props = defineProps({
   }
 })
 </script>
-<script>
-export default {
-  name: 'BsgoalBaseAlert'
-}
-</script>
 <template>
   <div class="bsgoal-base-alert">
     <el-alert class="base_alert" :type="type" show-icon>

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

@@ -13,26 +13,24 @@
 ---------------------------------------------------------------- */
 import { ref } from 'vue'
 import BsgoalBaseButton from './index.vue'
-// props
-const props = defineProps({})
 
+defineOptions({
+  name: 'BsgoalBaseButtonDemo'
+})
+
+const props = defineProps({})
 const task = (done) => {
   setTimeout(() => {
     done()
   }, 3000)
 }
 </script>
-<script>
-export default {
-  name: 'BsgoalBaseButtonDemo'
-}
-</script>
 <template>
   <div class="bsgoal-base-button-demo">
-    <BsgoalBaseButton :task="task" mode="cancel"  content="取消" > </BsgoalBaseButton>
-    <BsgoalBaseButton :task="task" mode="confirm"  content="取消" > </BsgoalBaseButton>
+    <BsgoalBaseButton :task="task" mode="cancel" content="取消"> </BsgoalBaseButton>
+    <BsgoalBaseButton :task="task" mode="confirm" content="取消"> </BsgoalBaseButton>
 
-    <BsgoalBaseButton :task="task" plain > </BsgoalBaseButton>
+    <BsgoalBaseButton :task="task" plain> </BsgoalBaseButton>
     <BsgoalBaseButton :task="task" mode="add"> </BsgoalBaseButton>
     <BsgoalBaseButton :task="task" mode="delete"> </BsgoalBaseButton>
     <BsgoalBaseButton :task="task" #default="{ loading }">

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

@@ -2,7 +2,7 @@
  * @Author: canlong.shen
  * @Date: 2023-05-18 16:24:25
  * @LastEditors: canlong.shen
- * @LastEditTime: 2023-05-25 09:49:24
+ * @LastEditTime: 2023-05-26 15:53:36
  * @FilePath: \common\src\components\bsgoal-base-button\index.vue
  * @Description: 统一按钮 
  * 
@@ -14,7 +14,11 @@
 import { ref, unref, computed } from 'vue'
 import { Delete, Plus, CloseBold, Select } from '@element-plus/icons-vue'
 
-// props
+
+defineOptions({
+  name: 'BsgoalBaseButton'
+})
+
 const props = defineProps({
   task: {
     type: [Object, Function],
@@ -111,11 +115,6 @@ const contentGet = computed(() => {
 
 // ---> E 模式 <---
 </script>
-<script>
-export default {
-  name: 'BsgoalBaseButton'
-}
-</script>
 <template>
   <div class="bsgoal-base-button">
     <div class="base_button" @click="triggerClick">

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

@@ -8,17 +8,16 @@
  * 
 -->
 
-<script>
-export default {
-  name: "BsgoalBaseCascaderDemo",
-};
-</script>
 <script setup>
 /* setup模板
 ---------------------------------------------------------------- */
 import { ref ,watch ,toRaw} from 'vue';
 import  BsgoalBaseCascader from './index.vue'
-// props
+
+defineOptions({
+  name: 'BsgoalBaseCascaderDemo'
+})
+
  const props = defineProps({
 
 })

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

@@ -2,21 +2,20 @@
  * @Author: canlong.shen
  * @Date: 2023-04-25 15:29:27
  * @LastEditors: canlong.shen
- * @LastEditTime: 2023-04-27 16:59:13
+ * @LastEditTime: 2023-05-26 15:54:39
  * @FilePath: \common\src\components\bsgoal-base-cascader\index.vue
  * @Description: 级联选择 公共组件
  * 
 -->
-<script>
-export default {
-  name: 'BsgoalBaseCascader'
-}
-</script>
 <script setup>
 /* setup模板
 ---------------------------------------------------------------- */
 import { ref, toRaw } from 'vue'
-// props
+
+defineOptions({
+  name: 'BsgoalBaseCascader'
+})
+
 const props = defineProps({
   /**
    * 绑定的值

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

@@ -8,11 +8,6 @@
  * 
 -->
 
-<script>
-export default {
-  name: 'BsgoalBaseDialogDemo'
-}
-</script>
 <script setup>
 /* setup模板
 ---------------------------------------------------------------- */
@@ -20,7 +15,10 @@ import { ref } from 'vue'
 import BsgoalBaseDialog from './index.vue'
 import BsgoalBaseTabs from '../bsgoal-base-tabs/index.vue'
 
-// props
+defineOptions({
+  name: 'BsgoalBaseDialogDemo'
+})
+
 const props = defineProps({})
 
 const dialogVisible = ref(false)

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

@@ -2,22 +2,21 @@
  * @Author: canlong.shen
  * @Date: 2023-04-23 16:35:19
  * @LastEditors: canlong.shen
- * @LastEditTime: 2023-05-18 14:54:15
+ * @LastEditTime: 2023-05-26 15:39:08
  * @FilePath: \common\src\components\bsgoal-base-dialog\index.vue
  * @Description:  弹窗公共组件
  * 
 -->
 
-<script>
-export default {
-  name: 'BsgoalBaseDialog'
-}
-</script>
 <script setup>
 /* setup模板
 ---------------------------------------------------------------- */
 import { ref, watch, computed } from 'vue'
-// props
+
+defineOptions({
+  name: 'BsgoalBaseDialog'
+})
+
 const props = defineProps({
   /**
    * 弹窗状态
@@ -203,6 +202,11 @@ const widthGet = computed(() => {
 
     .base_dialog_content--form {
       padding: 0px 0px 30px 30px;
+
+      .bsgoal-base-form .base_form {
+        padding: initial;
+        padding-top: 16px;
+      }
     }
   }
 }

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

@@ -2,7 +2,7 @@
  * @Author: canlong.shen
  * @Date: 2023-04-10 15:00:00
  * @LastEditors: canlong.shen
- * @LastEditTime: 2023-05-23 15:31:46
+ * @LastEditTime: 2023-05-26 15:55:40
  * @FilePath: \common\src\components\bsgoal-base-form\demo.vue
  * @Description: 表单公共组件演示组件
  * 
@@ -15,6 +15,10 @@ import BsgoalBaseForm from './index.vue'
 import { ref, computed, toRefs, watch, unref } from 'vue'
 import ComponentTypeEnums from '../../enums/componentTypeEnums.js'
 
+defineOptions({
+  name: 'BsgoalBaseFormDemo'
+})
+
 const values = ref({
   prop1: '222',
   prop2: 'select1',
@@ -233,11 +237,6 @@ const configOptions = ref([
   }
 ])
 </script>
-<script>
-export default {
-  name: 'BsgoalBaseFormDemo'
-}
-</script>
 <template>
   <div class="bsgoal-base-form-demo">
     {{ bindModel }}

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

@@ -8,11 +8,6 @@
  * 
 -->
 
-<script>
-export default {
-  name: 'BsgoalBaseForm'
-}
-</script>
 <script setup>
 /* setup模板
 ---------------------------------------------------------------- */
@@ -23,7 +18,11 @@ import BsgoalBaseTooltip from '../bsgoal-base-tooltip/index.vue'
 import { ElMessage } from 'element-plus'
 import { isObject } from '../../utils/common.js'
 import { isBoolean } from 'lodash'
-// props
+
+defineOptions({
+  name: 'BsgoalBaseForm'
+})
+
 const props = defineProps({
   /**
    * >----------props----------<

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

@@ -13,17 +13,17 @@
       <BsgoalBaseFrame />
   </div>
 </template>
-<script>
-export default {
-  name: "BsgoalBaseFrameDemo",
-};
-</script>
 <script setup>
 /* setup模板
 ---------------------------------------------------------------- */
 import BsgoalBaseFrame from './index.vue'
 import { ref, computed, toRefs, watch, unref
 } from 'vue';
+
+defineOptions({
+  name: 'BsgoalBaseFrameDemo'
+})
+
 </script>
 <style lang="scss" scoped>
 /* 自定义样式

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

@@ -12,16 +12,15 @@
       
   </div>
 </template>
-<script>
-export default {
-  name: "BsgoalBaseFrame",
-};
-</script>
 <script setup>
 /* setup模板
 ---------------------------------------------------------------- */
 import { ref, computed, toRefs, watch, unref
 } from 'vue';
+
+defineOptions({
+  name: 'BsgoalBaseFrame'
+})
 </script>
 <style lang="scss">
 /* 覆盖样式

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

@@ -0,0 +1,38 @@
+<!--
+ * @Author: canlong.shen
+ * @Date: 2023-05-29 09:38:59
+ * @LastEditors: canlong.shen
+ * @LastEditTime: 2023-05-29 10:00:37
+ * @FilePath: \common\src\components\bsgoal-base-input\demo.vue
+ * @Description: Input 输入框 演示
+ * 
+-->
+<script setup>
+/* setup模板
+---------------------------------------------------------------- */
+import { ref } from 'vue'
+import BsgoalBaseInput from './index.vue'
+defineOptions({
+  name: 'BsgoalBaseInputDemo'
+})
+const props = defineProps({})
+
+const inputValue = ref('')
+
+</script>
+<template>
+  <div class="bsgoal-base-input-demo">
+    <div class="base_input_demo">
+        {{ inputValue }}
+      <BsgoalBaseInput v-model="inputValue"/>
+    </div>
+  </div>
+</template>
+<style lang="scss" scoped>
+/* 自定义样式
+---------------------------------------------------------------- */
+</style>
+<style lang="scss">
+/* 覆盖样式
+---------------------------------------------------------------- */
+</style>

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

@@ -0,0 +1,109 @@
+<!--
+ * @Author: canlong.shen
+ * @Date: 2023-05-29 09:38:52
+ * @LastEditors: canlong.shen
+ * @LastEditTime: 2023-05-29 11:41:48
+ * @FilePath: \common\src\components\bsgoal-base-input\index.vue
+ * @Description:  Input 输入框
+ * 
+-->
+
+<script setup>
+/* setup模板
+---------------------------------------------------------------- */
+import { ref, watch } from 'vue'
+
+defineOptions({
+  name: 'BsgoalBaseInput'
+})
+
+const props = defineProps({
+  /**
+   * value
+   */
+  modelValue: {
+    type: [String, Number],
+    default: ''
+  },
+  /**
+   * placeholder
+   */
+  placeholder: {
+    type: [String],
+    default: '请输入'
+  },
+  /**
+   * 禁用状态
+   */
+  disabled: {
+    type: [Boolean],
+    default: false
+  },
+  /**
+   * 输入值格式
+   */
+  formatter: {
+    type: [Function],
+    default: () => {
+      return (v) => v
+    }
+  },
+  /**
+   * 提取值
+   */
+  parser: {
+    type: [Function],
+    default: () => {
+      return (v) => v
+    }
+  }
+})
+
+const emits = defineEmits(['update:modelValue', 'change'])
+
+// ---> S 值绑定 <---
+
+const inputValue = ref(props.modelValue)
+watch(inputValue, (value = '') => {
+  emits('update:modelValue', value)
+})
+
+// ---> E 值绑定 <---
+
+// ---> S 事件  <---
+
+/**
+ * @Author: canlong.shen
+ * @description: 值变动
+ * @default:
+ * @return {*}
+ */
+const change = (value = '') => {
+  emits('change', value)
+}
+
+// ---> E 事件  <---
+</script>
+
+<template>
+  <div class="bsgoal-base-input">
+    <el-input
+      v-model="inputValue"
+      clearable
+      class="base_input"
+      :placeholder="placeholder"
+      :disabled="disabled"
+      :formatter="formatter"
+      :parser="parser"
+      @change="change"
+    />
+  </div>
+</template>
+<style lang="scss" scoped>
+/* 自定义样式
+---------------------------------------------------------------- */
+</style>
+<style lang="scss">
+/* 覆盖样式
+---------------------------------------------------------------- */
+</style>

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

@@ -14,13 +14,12 @@
 import { ref } from 'vue'
 import BsgoalBaseItem from './index.vue'
 import BsgoalBaseSwitch  from '../bsgoal-base-switch/index.vue';
-const props = defineProps({})
 
-</script>
-<script>
-export default {
+defineOptions({
   name: 'BsgoalBaseItemDemo'
-}
+})
+
+const props = defineProps({})
 
 const switchModelValue = ref('0')
 </script>

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

@@ -11,6 +11,11 @@
 /* setup模板
 ---------------------------------------------------------------- */
 import { ref } from 'vue'
+
+defineOptions({
+  name: 'BsgoalBaseItem'
+})
+
 const props = defineProps({
   /**
    * label 后缀
@@ -28,11 +33,6 @@ const props = defineProps({
   }
 })
 </script>
-<script>
-export default {
-  name: 'BsgoalBaseItem'
-}
-</script>
 <template>
   <div class="bsgoal-base-item">
     <div class="base_item">

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

@@ -13,13 +13,12 @@
 ---------------------------------------------------------------- */
 import { ref } from 'vue'
 import BsgoalBaseLayout from './index.vue'
-// props
-const props = defineProps({})
-</script>
-<script>
-export default {
+
+defineOptions({
   name: 'BsgoalBaseLayoutDemo'
-}
+})
+
+const props = defineProps({})
 </script>
 <template>
   <div class="bsgoal-base-layout-demo">

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

@@ -12,7 +12,10 @@
 /* setup模板
 ---------------------------------------------------------------- */
 import { ref, useSlots } from 'vue'
-// props
+
+defineOptions({
+  name: 'BsgoalBaseLayout'
+})
 const props = defineProps({
   /**
    * 间隔
@@ -35,11 +38,6 @@ const slots = useSlots()
 const slotNames = ref(Object.keys(slots))
 // ---> E 插槽 <---
 </script>
-<script>
-export default {
-  name: 'BsgoalBaseLayout'
-}
-</script>
 <template>
   <div class="bsgoal-base-layout">
     <el-row class="base_layout" :gutter="gutter">

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

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

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

@@ -2,22 +2,21 @@
  * @Author: canlong.shen
  * @Date: 2023-04-13 17:12:43
  * @LastEditors: canlong.shen
- * @LastEditTime: 2023-04-25 09:07:18
+ * @LastEditTime: 2023-05-26 15:59:36
  * @FilePath: \common\src\components\bsgoal-base-line\index.vue
  * @Description: 分割线公共组件
  * 
 -->
 
-<script>
-export default {
-  name: 'BsgoalBaseLine'
-}
-</script>
 <script setup>
 /* setup模板
 ---------------------------------------------------------------- */
 import { ref } from 'vue'
-// props
+
+defineOptions({
+  name: 'BsgoalBaseLine'
+})
+
 const props = defineProps({
   /**
    * 是否为垂直