@tplc/business 0.0.8 → 0.0.10

package/components/lcb-banner/lcb-banner.vue

@@ -1,5 +1,10 @@
 <template>
-  <LcbBlock :marginTop :marginBottom>
+  <lcb-block
+    v-bind="{
+      marginTop,
+      marginBottom,
+    }"
+  >
     <wd-swiper
       value-key="url"
       v-bind="{
@@ -19,13 +24,12 @@
         ...supplementProps,
       }"
     />
-  </LcbBlock>
+  </lcb-block>
 </template>
 
 <script setup lang="ts">
 import { computed } from 'vue'
 import { LcbBannerProps } from './types'
-import LcbBlock from '../lcb-block/lcb-block.vue'
 import { transformValueUnit } from '../../utils/transform'
 defineOptions({
   name: 'LcbBanner',

package/components/lcb-banner-block/lcb-banner-block.vue

@@ -1,13 +1,15 @@
 <template>
-  <LcbBlock
-    :radius
-    :marginTop
-    :marginBottom
-    :backgroundColor
+  <lcb-block
+    v-bind="{
+      radius,
+      marginTop,
+      marginBottom,
+      backgroundColor,
+      marginLeft: 12,
+      marginRight: 12,
+      paddingBottom: styleGroup === 2 ? 0 : 24,
+    }"
     card
-    :marginLeft="12"
-    :marginRight="12"
-    :paddingBottom="styleGroup === 2 ? 0 : 24"
   >
     <view
       class="py-2 px-3 text-3.5 text-#333 flex justify-between items-center"
@@ -35,13 +37,12 @@
       <view>{{ title }}</view>
       <wd-icon name="arrow-right1" size="24" />
     </view>
-  </LcbBlock>
+  </lcb-block>
 </template>
 
 <script setup lang="ts">
 import lcbBanner from '../lcb-banner/lcb-banner.vue'
 import { LcbBannerListProps } from './types'
-import LcbBlock from '../lcb-block/lcb-block.vue'
 import { computed } from 'vue'
 import { LcbBannerProps } from 'components/lcb-banner/types'
 defineOptions({

package/components/lcb-block/lcb-block.vue

@@ -19,7 +19,7 @@
     :class="{
       card,
     }"
-    class="box-border overflow-hidden"
+    class="box-border overflow-hidden relative"
   >
     <slot />
   </view>

package/components/lcb-grid/lcb-grid.vue

@@ -1,5 +1,12 @@
 <template>
-  <LcbBlock :marginTop :marginBottom :marginLeft="12" :marginRight="12">
+  <lcb-block
+    v-bind="{
+      marginTop,
+      marginBottom,
+      marginLeft: 12,
+      marginRight: 12,
+    }"
+  >
     <view
       class="grid gap-2"
       :style="{
@@ -15,12 +22,11 @@
         mode="aspectFill"
       />
     </view>
-  </LcbBlock>
+  </lcb-block>
 </template>
 
 <script setup lang="ts">
 import { LcbGridProps } from './types'
-import LcbBlock from '../lcb-block/lcb-block.vue'
 defineOptions({
   name: 'Lcbtitle',
   options: {

package/components/lcb-home-search/lcb-home-search.vue

@@ -48,7 +48,6 @@
 
 <script setup lang="ts">
 import { ref } from 'vue'
-import LcbBlock from '../lcb-block/lcb-block.vue'
 defineProps<{ marginTop?: number }>()
 const tabs = ['全部', '酒店', '民宿']
 const current = ref(0)

package/components/lcb-nav/{lcb-nav-title.vue → Title/index.vue}

@@ -11,7 +11,7 @@
 </template>
 
 <script setup lang="ts">
-import { NavTitleProps } from './types'
+import { NavTitleProps } from '../types'
 
 defineProps<NavTitleProps>()
 </script>

package/components/lcb-nav/lcb-nav.vue

@@ -43,22 +43,21 @@
           <wd-icon name="arrow-left" custom-class="arrow-left" />
         </template>
         <view class="ml-2" v-if="titleLocation === 'left'">
-          <lcb-nav-search
-            :searchText
+          <Search
+            v-bind="{
+              searchText,
+              back,
+            }"
             left
             v-if="styleGroup === 2 && titleLocation === 'left'"
-            :back
           />
-          <lcb-nav-title v-bind="titleProps" v-else-if="topStyle !== 2" />
+          <Title v-bind="titleProps" v-else-if="topStyle !== 2" />
         </view>
       </view>
       <!-- 中间布局 -->
       <view class="navbar-center" v-if="topStyle === 1">
-        <lcb-nav-search v-if="styleGroup === 2 && titleLocation === 'center'" :back />
-        <lcb-nav-title
-          v-bind="titleProps"
-          v-else-if="styleGroup === 2 || titleLocation === 'center'"
-        />
+        <Search v-if="styleGroup === 2 && titleLocation === 'center'" :back="back" />
+        <Title v-bind="titleProps" v-else-if="styleGroup === 2 || titleLocation === 'center'" />
       </view>
       <!-- </template> -->
     </view>
@@ -69,8 +68,8 @@
 import { addUnit } from '@tplc/wot/components/common/util'
 import { computed, ref } from 'vue'
 import { ICapsule, NavProps } from './types'
-import lcbNavTitle from './lcb-nav-title.vue'
-import lcbNavSearch from './lcb-nav-search.vue'
+import Title from './Title/index.vue'
+import Search from './Search/index.vue'
 import { onPageScroll } from '@dcloudio/uni-app'
 
 const { statusBarHeight } = uni.getSystemInfoSync()

package/components/lcb-title/lcb-title.vue

@@ -1,5 +1,5 @@
 <template>
-  <LcbBlock
+  <lcb-block
     v-bind="{
       ...$props,
       title: undefined,
@@ -14,12 +14,11 @@
     >
       {{ title }}
     </text>
-  </LcbBlock>
+  </lcb-block>
 </template>
 
 <script setup lang="ts">
 import { LcbTitleProps } from './types'
-import LcbBlock from '../lcb-block/lcb-block.vue'
 defineOptions({
   name: 'Lcbtitle',
   options: {

package/global.d.ts

@@ -8,6 +8,7 @@ declare module 'vue' {
     'lcb-title': (typeof import('./types/components/lcb-title/lcb-title.vue'))['default']
     'lcb-grid': (typeof import('./types/components/lcb-grid/lcb-grid.vue'))['default']
     'lcb-home-search': (typeof import('./types/components/lcb-home-search/lcb-home-search.vue'))['default']
+    'lcb-block': (typeof import('./types/components/lcb-block/lcb-block.vue'))['default']
   }
 }
 

package/package.json

@@ -1,8 +1,8 @@
 {
   "name": "@tplc/business",
-  "version": "0.0.8",
+  "version": "0.0.10",
   "keywords": [
-    "业务组件i"
+    "业务组件"
   ],
   "publishConfig": {
     "access": "public",

package/types/components/lcb-banner/lcb-banner.vue.d.ts

@@ -30,8 +30,8 @@ declare const _default: import('vue').DefineComponent<
     >
   >,
   {
-    radius: number
     styleGroup: 1 | 2
+    radius: number
     slidingStyle: 1 | 2
   },
   {}

package/types/components/lcb-grid/lcb-grid.vue.d.ts

@@ -30,8 +30,8 @@ declare const _default: import('vue').DefineComponent<
     >
   >,
   {
-    radius: number
     height: number
+    radius: number
     cols: number
   },
   {}

package/types/components/lcb-nav/{lcb-nav-title.vue.d.ts → Title/index.vue.d.ts}

@@ -1,4 +1,4 @@
-import { NavTitleProps } from './types'
+import { NavTitleProps } from '../types'
 declare const _default: import('vue').DefineComponent<
   __VLS_TypePropsToOption<NavTitleProps>,
   {},

package/types/components/lcb-nav/lcb-nav.vue.d.ts

@@ -52,16 +52,16 @@ declare const _default: import('vue').DefineComponent<
     >
   >,
   {
+    styleGroup: 1 | 2 | 3 | 4
     fixed: boolean
     title: string
-    styleGroup: 1 | 2 | 3 | 4
-    back: boolean
     topStyle: 1 | 2
     immersionMode: 1 | 2
     colorMode: 'custom' | 'default'
     backColor: string
     backgroundType: 'img' | 'color'
     contentColor: string
+    back: boolean
     capsuleMode: 'light' | 'dark'
     titleMode: 'text' | 'img'
     logoImg: string

package/types/components/lcb-swiper/lcb-swiper.vue.d.ts

@@ -70,7 +70,6 @@ declare const _default: import('vue').DefineComponent<
     >
   >,
   {
-    borderRadius: number
     styleGroup: 1 | 2 | 3 | 4
     autoplay: boolean
     direction: 'horizontal' | 'vertical'
@@ -88,6 +87,7 @@ declare const _default: import('vue').DefineComponent<
       | 'bottom-right'
       | 'right'
     indicator: boolean
+    borderRadius: number
     indicatorType: 'dots' | 'dots-bar' | 'fraction'
   },
   {}