@bsgoal/common 2.5.7 → 2.7.0

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>

package/src/components/layout/layout-left-menu.vue

@@ -8,6 +8,28 @@
  * 
 -->
 
+
+<script setup>
+/* setup模板
+---------------------------------------------------------------- */
+import { Menu as IconMenu } from '@element-plus/icons-vue'
+import { ref, computed, toRefs, watch, unref } from 'vue'
+import { useRouter } from 'vue-router'
+
+
+defineOptions({
+  name: 'LayoutLeftMenu'
+})
+
+const router = useRouter()
+const routes = router.getRoutes()
+const { children = [] } = routes.find((fi) => fi.name === 'home') || {}
+const menuList = ref(children)
+
+
+
+</script>
+
 <template>
   <div class="layout-left-menu">
     <el-menu default-active="0" style="height: calc(100vh - 60px) ;">
@@ -22,22 +44,6 @@
     </el-menu>
   </div>
 </template>
-<script>
-export default {
-  name: 'LayoutLeftMenu'
-}
-</script>
-<script setup>
-/* setup模板
----------------------------------------------------------------- */
-import { Menu as IconMenu } from '@element-plus/icons-vue'
-import { ref, computed, toRefs, watch, unref } from 'vue'
-import { useRouter } from 'vue-router'
-const router = useRouter()
-const routes = router.getRoutes()
-const { children = [] } = routes.find((fi) => fi.name === 'home') || {}
-const menuList = ref(children)
-</script>
 <style lang="scss" scoped>
 /* 自定义样式
 ---------------------------------------------------------------- */

package/src/components/layout/layout-right-container.vue

@@ -2,27 +2,28 @@
  * @Author: canlong.shen
  * @Date: 2023-04-10 14:12:09
  * @LastEditors: canlong.shen
- * @LastEditTime: 2023-05-22 14:55:53
+ * @LastEditTime: 2023-05-26 16:10:56
  * @FilePath: \common\src\components\layout\layout-right-container.vue
  * @Description: 主体内容容器
  * 
 -->
 
-<template>
-  <div class="layout-right-container">
-    <slot></slot>
-  </div>
-</template>
-<script>
-export default {
-  name: 'LayoutRightContainer'
-}
-</script>
+
 <script setup>
 /* setup模板
 ---------------------------------------------------------------- */
 import { ref, computed, toRefs, watch, unref } from 'vue'
+
+defineOptions({
+  name: 'LayoutRightContainer'
+})
+
 </script>
+<template>
+  <div class="layout-right-container">
+    <slot></slot>
+  </div>
+</template>
 <style lang="scss" scoped>
 /* 自定义样式
 ---------------------------------------------------------------- */

package/src/components/layout/layout-top-header.vue

@@ -2,28 +2,26 @@
  * @Author: canlong.shen
  * @Date: 2023-04-10 14:09:54
  * @LastEditors: canlong.shen
- * @LastEditTime: 2023-04-10 16:27:12
+ * @LastEditTime: 2023-05-26 16:11:29
  * @FilePath: \common\src\components\layout\layout-top-header.vue
  * @Description: 头部
  * 
 -->
 
+<script setup>
+/* setup模板
+---------------------------------------------------------------- */
+import { ref, computed, toRefs, watch, unref } from 'vue'
+
+defineOptions({
+  name: 'LayoutTopHeader'
+})
+</script>
 <template>
   <div class="layout-top-header">
     <h1>公共组件演示</h1>
   </div>
 </template>
-<script>
-export default {
-  name: "LayoutTopHeader",
-};
-</script>
-<script setup>
-/* setup模板
----------------------------------------------------------------- */
-import { ref, computed, toRefs, watch, unref
-} from 'vue';
-</script>
 <style lang="scss" scoped>
 /* 自定义样式
 ---------------------------------------------------------------- */
@@ -37,4 +35,4 @@ import { ref, computed, toRefs, watch, unref
 <style lang="scss">
 /* 覆盖样式
 ---------------------------------------------------------------- */
-</style>
+</style>

package/src/entry.js

@@ -1,3 +1,15 @@
+/*
+ * @Author: canlong.shen
+ * @Date: 2023-05-11 18:31:55
+ * @LastEditors: canlong.shen
+ * @LastEditTime: 2023-05-29 09:58:19
+ * @FilePath: \common\src\entry.js
+ * @Description: 打包 入口文件
+ * 
+ */
+
+
+
 import BsgoalBaseForm from '@/components/bsgoal-base-form/index.vue'
 import BsgoalBaseTable from '@/components/bsgoal-base-table/index.vue'
 import BsgoalBaseLine from '@/components/bsgoal-base-line/index.vue'
@@ -14,6 +26,7 @@ import BsgoalBaseTime from '@/components/bsgoal-base-time/index.vue'
 import BsgoalBaseTimeRange from '@/components/bsgoal-base-time-range/index.vue'
 import BsgoalBaseSwitch from '@/components/bsgoal-base-switch/index.vue'
 import BsgoalBaseItem from '@/components/bsgoal-base-item/index.vue'
+import BsgoalBaseInput from '@/components/bsgoal-base-input/index.vue'
 import componentTypeEnums from '@/enums/componentTypeEnums.js'
 import { useFetch } from '@/combines/useFetchs.js'
 
@@ -42,6 +55,7 @@ export default {
       BsgoalBaseTimeRange,
       BsgoalBaseSwitch,
       BsgoalBaseItem,
+      BsgoalBaseInput,
     }
 
     for (const [name, component] of Object.entries(componentsMap)) {

package/src/router/index.js

@@ -2,7 +2,7 @@
  * @Author: canlong.shen
  * @Date: 2023-04-10 10:41:52
  * @LastEditors: canlong.shen
- * @LastEditTime: 2023-05-24 17:43:27
+ * @LastEditTime: 2023-05-29 09:57:18
  * @FilePath: \common\src\router\index.js
  * @Description: 路由配置
  * 
@@ -18,6 +18,11 @@ const router = createRouter({
       name: 'home',
       component: LayoutHome,
       children: [
+        {
+          path: '/bsgoal-base-input-demo',
+          name: '输入框',
+          component: import('@/components/bsgoal-base-input/demo.vue')
+        },
         {
           path: '/bsgoal-base-table-demo',
           name: '表格',

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

@@ -1,52 +0,0 @@
-<template>
-  <el-table :data="tableData" style="width: 100%">
-    <el-table-column type="index" :index="indexMethod" />
-    <el-table-column prop="date" label="Date" width="180" />
-    <el-table-column prop="name" label="Name" width="180" />
-    <el-table-column prop="address" label="Address" />
-  </el-table>
-</template>
-
-<script  setup>
-const indexMethod = (index) => {
-  return index * 2
-}
-const tableData = [
-  {
-    date: '2016-05-03',
-    name: 'Tom',
-    state: 'California',
-    city: 'Los Angeles',
-    address: 'No. 189, Grove St, Los Angeles',
-    zip: 'CA 90036',
-    tag: 'Home',
-  },
-  {
-    date: '2016-05-02',
-    name: 'Tom',
-    state: 'California',
-    city: 'Los Angeles',
-    address: 'No. 189, Grove St, Los Angeles',
-    zip: 'CA 90036',
-    tag: 'Office',
-  },
-  {
-    date: '2016-05-04',
-    name: 'Tom',
-    state: 'California',
-    city: 'Los Angeles',
-    address: 'No. 189, Grove St, Los Angeles',
-    zip: 'CA 90036',
-    tag: 'Home',
-  },
-  {
-    date: '2016-05-01',
-    name: 'Tom',
-    state: 'California',
-    city: 'Los Angeles',
-    address: 'No. 189, Grove St, Los Angeles',
-    zip: 'CA 90036',
-    tag: 'Office',
-  },
-]
-</script>