@tplc/business 0.2.18 → 0.2.20

package/CHANGELOG.md

@@ -2,6 +2,10 @@
 
 All notable changes to this project will be documented in this file. See [standard-version](https://github.com/conventional-changelog/standard-version) for commit guidelines.
 
+### [0.2.20](http://gitlab888.30jia.com.cn/bhBank/zero-code-pro/compare/v0.2.19...v0.2.20) (2024-12-06)
+
+### [0.2.19](http://gitlab888.30jia.com.cn/bhBank/zero-code-pro/compare/v0.2.18...v0.2.19) (2024-12-06)
+
 ### [0.2.18](http://gitlab888.30jia.com.cn/bhBank/zero-code-pro/compare/v0.2.14...v0.2.18) (2024-12-06)
 
 

package/components/lcb-action-view/lcb-action-view.vue

@@ -190,7 +190,7 @@ const onChooseAvatar = async (e) => {
   margin: 0;
   color: inherit;
   font-size: inherit;
-  display: inline-block;
+  // display: inline-block;
   line-height: normal;
   border-radius: inherit;
   overflow: inherit;

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

@@ -1,13 +1,24 @@
 <template>
   <view
     :class="{
-      center_mod: !left,
-      'pl-7': back && !left,
-      'pr-90px': hasCapsule,
+      '!flex-1': !left,
+      '!pl-7': back && !left,
+      '!pr-90px': hasCapsule,
+      'search-view': true,
     }"
   >
+    <lcb-action-view v-bind="link" v-if="link">
+      <wd-search
+        custom-class="search-input"
+        :placeholder="searchText"
+        placeholder-left
+        hide-cancel
+        :disabled="Boolean(link)"
+      />
+    </lcb-action-view>
     <wd-search
-      class="search-input !px-0"
+      v-else
+      custom-class="search-input"
       :placeholder="searchText"
       placeholder-left
       hide-cancel
@@ -19,8 +30,8 @@
 
 <script setup lang="ts">
 import { FORM_KEY } from '../../../constants'
-import { inject, Ref } from 'vue'
-
+import { inject, PropType, Ref } from 'vue'
+import { LcbActionViewProps } from '../../lcb-action-view/types'
 const hasCapsule = Boolean(uni.getMenuButtonBoundingClientRect)
 defineOptions({
   name: 'LcbNavSearch',
@@ -31,6 +42,9 @@ defineOptions({
   },
 })
 defineProps({
+  link: {
+    type: Object as PropType<LcbActionViewProps>,
+  },
   searchText: {
     type: String,
     default: '搜索',
@@ -54,17 +68,17 @@ const onSearch = ({ value }: { value: string }) => {
 .center_mod {
   flex: 1 1;
 }
-.search-input {
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  width: 100%;
-  height: 64rpx;
-  box-sizing: border-box;
-  font-size: 26rpx;
-  font-weight: 400;
-  color: #a1a1a1;
-  background: #f5f5f5;
-  border-radius: 32rpx;
+.search-view {
+  :deep(.search-input) {
+    width: 100%;
+    height: 64rpx;
+    box-sizing: border-box;
+    font-size: 26rpx;
+    font-weight: 400;
+    padding: 0rpx;
+    color: #a1a1a1;
+    background: #f5f5f5;
+    border-radius: 32rpx;
+  }
 }
 </style>

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

@@ -69,7 +69,11 @@
       </view>
       <!-- 中间布局 -->
       <view class="navbar-center">
-        <Search v-if="styleGroup === 2 && titleLocation === 'center'" :back="canBack" />
+        <Search
+          v-if="styleGroup === 2 && titleLocation === 'center'"
+          :back="canBack"
+          :link="searchLink"
+        />
         <Title v-bind="titleProps" v-else-if="styleGroup === 2 || titleLocation === 'center'" />
       </view>
     </view>

package/components/lcb-nav/types.ts

@@ -1,3 +1,5 @@
+import { LcbActionViewProps } from '../lcb-action-view/types'
+
 export interface ICapsule {
   icon: string
   action: 'translate' | 'scanCode' | 'search' | 'home' | 'setting' | 'back'
@@ -41,4 +43,5 @@ export interface NavProps extends NavTitleProps {
   capsuleMode?: 'light' | 'dark'
   /** 胶囊列表 */
   capsules?: ICapsule[]
+  searchLink?: LcbActionViewProps
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@tplc/business",
-  "version": "0.2.18",
+  "version": "0.2.20",
   "keywords": [
     "业务组件"
   ],

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

@@ -1,5 +1,10 @@
+import { PropType } from 'vue'
+import { LcbActionViewProps } from '../../lcb-action-view/types'
 declare const _default: import('vue').DefineComponent<
   {
+    link: {
+      type: PropType<LcbActionViewProps>
+    }
     searchText: {
       type: StringConstructor
       default: string
@@ -22,6 +27,9 @@ declare const _default: import('vue').DefineComponent<
   import('vue').PublicProps,
   Readonly<
     import('vue').ExtractPropTypes<{
+      link: {
+        type: PropType<LcbActionViewProps>
+      }
       searchText: {
         type: StringConstructor
         default: string

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

@@ -1,3 +1,4 @@
+import { LcbActionViewProps } from '../lcb-action-view/types'
 export interface ICapsule {
   icon: string
   action: 'translate' | 'scanCode' | 'search' | 'home' | 'setting' | 'back'
@@ -38,4 +39,5 @@ export interface NavProps extends NavTitleProps {
   capsuleMode?: 'light' | 'dark'
   /** 胶囊列表 */
   capsules?: ICapsule[]
+  searchLink?: LcbActionViewProps
 }