@tplc/business 0.3.95 → 0.3.97

package/CHANGELOG.md

@@ -2,6 +2,20 @@
 
 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.3.97](http://gitlab888.30jia.com.cn/bhBank/zero-code-pro/compare/v0.3.96...v0.3.97) (2025-03-21)
+
+
+### ✨ Features | 新功能
+
+* 新增tag ([74b9c29](http://gitlab888.30jia.com.cn/bhBank/zero-code-pro/commit/74b9c2971b69986c6c0428406eeca0a57d66eef4))
+
+### [0.3.96](http://gitlab888.30jia.com.cn/bhBank/zero-code-pro/compare/v0.3.95...v0.3.96) (2025-03-21)
+
+
+### ✨ Features | 新功能
+
+* 调整底部数据 ([9f72871](http://gitlab888.30jia.com.cn/bhBank/zero-code-pro/commit/9f72871c2c3b3a70c2140828182cd3ecd527a3f7))
+
 ### [0.3.95](http://gitlab888.30jia.com.cn/bhBank/zero-code-pro/compare/v0.3.93...v0.3.95) (2025-03-21)
 
 

package/components/lcb-form/lcb-form.vue

@@ -10,11 +10,7 @@
             :label="field.fieldCustomName"
             :required="field.requiredFlag"
             :prop="field.field"
-            :rules="
-              field.requiredFlag
-                ? [{ required: true, message: t('请输入') + field.fieldCustomName }]
-                : []
-            "
+            :rules="field.requiredFlag ? [{ required: true, message: t('内容不能为空') }] : []"
             v-bind="field.props"
           />
           <wd-textarea
@@ -24,11 +20,7 @@
             :label="field.fieldCustomName"
             :required="field.requiredFlag"
             :prop="field.field"
-            :rules="
-              field.requiredFlag
-                ? [{ required: true, message: t('请输入') + field.fieldCustomName }]
-                : []
-            "
+            :rules="field.requiredFlag ? [{ required: true, message: t('内容不能为空') }] : []"
             v-bind="field.props"
           />
           <wd-picker
@@ -38,11 +30,7 @@
             v-model="form[field.field]"
             :required="field.requiredFlag"
             :prop="field.field"
-            :rules="
-              field.requiredFlag
-                ? [{ required: true, message: t('请选择') + field.fieldCustomName }]
-                : []
-            "
+            :rules="field.requiredFlag ? [{ required: true, message: t('内容不能为空') }] : []"
             v-bind="field.props"
           />
           <wd-datetime-picker
@@ -52,11 +40,7 @@
             :required="field.requiredFlag"
             :prop="field.field"
             :type="getDateType(field.frontInputTypeValue)"
-            :rules="
-              field.requiredFlag
-                ? [{ required: true, message: t('请选择') + field.fieldCustomName }]
-                : []
-            "
+            :rules="field.requiredFlag ? [{ required: true, message: t('内容不能为空') }] : []"
             v-bind="{
               ...field.props,
               ...getDateOptions(field.frontInputContent),
@@ -69,6 +53,16 @@
             :required="field.requiredFlag"
             :prop="field.field"
             title-width="230rpx"
+            :rules="
+              field.requiredFlag
+                ? [
+                    {
+                      required: true,
+                      message: t('内容不能为空'),
+                    },
+                  ]
+                : []
+            "
           >
             <wd-radio-group
               v-if="field.frontInputType === 'radio'"
@@ -235,12 +229,7 @@ const submit = () => {
     if (!valid) return
     if (props.submitUrl) {
       const values = fields.value?.reduce((acc, cur) => {
-        if (cur.frontInputType === 'img') {
-          const imgInfo = imgList.value[cur.field]?.[0]
-          acc[cur.field] = imgInfo?.response || imgInfo?.url
-        } else {
-          acc[cur.field] = form.value[cur.field]
-        }
+        acc[cur.field] = form.value[cur.field]
         return acc
       }, {})
       await uni.$lcb.http.post(props.submitUrl, {
@@ -265,12 +254,22 @@ const getDateOptions = (frontInputContent: string) => {
     defaultValue: data.defaultDate,
   }
 }
+watch(
+  imgList,
+  (newVal) => {
+    Object.keys(newVal).forEach((key) => {
+      form.value[key] = newVal[key][0]?.url || newVal[key][0]?.response
+    })
+  },
+  { deep: true },
+)
 </script>
 
 <style lang="scss">
 .lcb-form {
   :deep(.wd-radio) {
     line-height: inherit !important;
+    padding: 0px;
   }
   :deep(.wd-radio-group) {
     text-align: left !important;

package/components/lcb-list/hooks/useSelect.ts

@@ -26,7 +26,7 @@ const useSelect = (
   onMounted(async () => {
     if (props.apiPath) {
       // 调用接口获取数据
-      const { data } = await uni.$lcb.http.get<Option[]>(props.apiPath)
+      const { data } = await uni.$lcb.http.post<Option[]>(props.apiPath, props.apiParams || {})
       options.value = data
     }
   })

package/components/lcb-list/types.ts

@@ -31,6 +31,7 @@ export interface Option {
 export interface FilterItemProps {
   mode?: 'multiple' | 'single'
   apiPath?: string
+  apiParams?: Record<string, any>
   options?: Option[]
   test?: 1
 }

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

@@ -59,7 +59,7 @@ defineProps({
 const form = inject<Ref<Record<string, any>>>(FORM_KEY)
 const onSearch = ({ value }: { value: string }) => {
   if (form) {
-    form.value.search = value
+    form.value.keywords = value
   }
 }
 </script>

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

@@ -108,7 +108,7 @@ getLocation()
 const form = inject<Ref<Record<string, any>>>(FORM_KEY)
 const onSearch = (e: { detail: { value: string } }) => {
   if (form) {
-    form.value.search = e.detail.value
+    form.value.keywords = e.detail.value
   }
 }
 </script>

package/components/lcb-tabs/components/Tags/index.vue

@@ -0,0 +1,75 @@
+<template>
+  <view class="w-100vw">
+    <lcb-block v-bind="$props">
+      <view
+        :class="{
+          'flex flex-wrap': tagsMode === 'tiled',
+          'flex whitespace-nowrap overflow-x-auto': tagsMode === 'scroll',
+        }"
+        :style="{
+          gap: transformValueUnit(gap),
+        }"
+      >
+        <view
+          v-for="(item, index) in items"
+          :key="index"
+          class="lcb-tag"
+          :class="{
+            'lcb-tag-active': current === index,
+            'inline-block': tagsMode === 'scroll',
+          }"
+          :style="{
+            fontSize: transformValueUnit(itemFontSize),
+          }"
+          @click="handleTagClick(item.name, index)"
+        >
+          {{ item.title }}
+        </view>
+      </view>
+    </lcb-block>
+  </view>
+</template>
+
+<script setup lang="ts">
+import { FORM_KEY } from '../../../../constants'
+import { LcbTabsProps } from '../../types'
+import { inject, ref, Ref } from 'vue'
+import { transformValueUnit } from '../../../../utils/transform'
+
+withDefaults(defineProps<LcbTabsProps>(), {})
+const form = inject<Ref<Record<string, any>>>(FORM_KEY)
+const current = ref()
+defineOptions({
+  name: 'LcbTagsItem',
+  options: {
+    addGlobalClass: true,
+    virtualHost: true,
+    styleIsolation: 'shared',
+  },
+})
+const handleTagClick = (name: string, index: number) => {
+  current.value = index
+  try {
+    const params = JSON.parse(name)
+    form!.value = {
+      ...form!.value,
+      ...params,
+    }
+  } catch (error) {
+    console.error(error)
+  }
+}
+</script>
+
+<style lang="scss" scoped>
+@import '@tplc/wot/components/common/abstracts/variable';
+.lcb-tag {
+  padding: 8rpx 32rpx;
+  border-radius: 10000rpx;
+  background-color: #eeeeee;
+}
+.lcb-tag-active {
+  background-color: $-color-theme;
+  color: #ffffff;
+}
+</style>

package/components/lcb-tabs/lcb-tabs.vue

@@ -1,13 +1,16 @@
 <template>
   <wd-sticky v-if="sticky">
-    <Tabs v-bind="$props" />
+    <Tabs v-bind="$props" v-if="mode === 'tabs'" />
+    <Tags v-bind="$props" v-else />
   </wd-sticky>
-  <Tabs v-else v-bind="$props" />
+  <Tabs v-else-if="mode === 'tabs'" v-bind="$props" />
+  <Tags v-else v-bind="$props" />
 </template>
 
 <script setup lang="ts">
 import { LcbTabsProps } from './types'
 import Tabs from './components/Tabs/index.vue'
+import Tags from './components/Tags/index.vue'
 defineOptions({
   name: 'LcbTabs',
   options: {
@@ -18,6 +21,8 @@ defineOptions({
 })
 withDefaults(defineProps<LcbTabsProps>(), {
   itemFontSize: 28,
+  tagsMode: 'tiled',
+  gap: 16,
 })
 </script>
 

package/components/lcb-tabs/types.ts

@@ -12,4 +12,7 @@ export interface LcbTabsProps extends LcbBlockProps {
   slidable?: 'always' | 'auto'
   slidableNum?: number
   itemFontSize?: number
+  mode?: 'tabs' | 'block'
+  tagsMode?: 'scroll' | 'tiled'
+  gap?: number
 }

package/package.json

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

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

@@ -29,6 +29,7 @@ export interface Option {
 export interface FilterItemProps {
   mode?: 'multiple' | 'single'
   apiPath?: string
+  apiParams?: Record<string, any>
   options?: Option[]
   test?: 1
 }

package/types/components/{lcb-tags/Tag → lcb-tabs/components/Tags}/index.vue.d.ts

@@ -1,6 +1,6 @@
-import type { LcbTagsItemProps } from '../types'
+import { LcbTabsProps } from '../../types'
 declare const _default: import('vue').DefineComponent<
-  __VLS_WithDefaults<__VLS_TypePropsToOption<LcbTagsItemProps>, {}>,
+  __VLS_WithDefaults<__VLS_TypePropsToOption<LcbTabsProps>, {}>,
   {},
   unknown,
   {},
@@ -11,9 +11,7 @@ declare const _default: import('vue').DefineComponent<
   string,
   import('vue').PublicProps,
   Readonly<
-    import('vue').ExtractPropTypes<
-      __VLS_WithDefaults<__VLS_TypePropsToOption<LcbTagsItemProps>, {}>
-    >
+    import('vue').ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToOption<LcbTabsProps>, {}>>
   >,
   {},
   {}

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

@@ -4,6 +4,8 @@ declare const _default: import('vue').DefineComponent<
     __VLS_TypePropsToOption<LcbTabsProps>,
     {
       itemFontSize: number
+      tagsMode: string
+      gap: number
     }
   >,
   {},
@@ -21,12 +23,16 @@ declare const _default: import('vue').DefineComponent<
         __VLS_TypePropsToOption<LcbTabsProps>,
         {
           itemFontSize: number
+          tagsMode: string
+          gap: number
         }
       >
     >
   >,
   {
+    gap: number
     itemFontSize: number
+    tagsMode: 'scroll' | 'tiled'
   },
   {}
 >

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

@@ -11,4 +11,7 @@ export interface LcbTabsProps extends LcbBlockProps {
   slidable?: 'always' | 'auto'
   slidableNum?: number
   itemFontSize?: number
+  mode?: 'tabs' | 'block'
+  tagsMode?: 'scroll' | 'tiled'
+  gap?: number
 }

package/components/lcb-tags/Tag/index.vue

@@ -1,28 +0,0 @@
-<template>
-  <view v-for="(item, index) in items" :key="index" class="px-8rpx py-5rpx">
-    <view
-      class="border-solid border-1 flex py-4rpx px-6rpx leading-none"
-      :style="{
-        borderRadius: transformValueUnit(tagRadius),
-        fontSize: transformValueUnit(fontSize),
-        color: tagColor,
-        borderColor: tagColor,
-      }"
-    >
-      <view>{{ item }}</view>
-    </view>
-  </view>
-</template>
-
-<script setup lang="ts">
-import type { LcbTagsItemProps } from '../types'
-import { transformValueUnit } from '../../../utils/transform'
-
-// defineProps<LcbImageProps>() @click="onClickItem(each.urlObj)"
-
-const props = withDefaults(defineProps<LcbTagsItemProps>(), {})
-</script>
-<style lang="scss" scoped>
-.tag {
-}
-</style>

package/components/lcb-tags/lcb-tags.vue

@@ -1,42 +0,0 @@
-<template>
-  <lcb-block v-bind="$props">
-    <scroll-view v-if="mode == 1" scroll-x class="w-full whitespace-nowrap">
-      <view class="flex shrink-0 h-46rpx relative -mx-8rpx">
-        <Tag v-bind="itemProps" />
-      </view>
-    </scroll-view>
-    <view v-if="mode == 2" class="flex flex-wrap relative -mx-8rpx">
-      <Tag v-bind="itemProps" />
-    </view>
-  </lcb-block>
-</template>
-
-<script setup lang="ts">
-import { LcbTagsProps } from './types'
-import Tag from './Tag/index.vue'
-import { computed } from 'vue'
-import { formatJson } from '../../utils/utils'
-defineOptions({
-  name: 'LcbTags',
-  options: {
-    addGlobalClass: true,
-    virtualHost: true,
-    styleIsolation: 'shared',
-  },
-})
-const props = withDefaults(defineProps<LcbTagsProps>(), {
-  fontSize: 24,
-  tagColor: '#000',
-})
-const itemProps = computed(() => {
-  const data = props.items
-  return {
-    items: typeof data === 'object' ? data : formatJson(data, []),
-    fontSize: props.fontSize,
-    tagRadius: props.tagRadius,
-    tagColor: props.tagColor,
-  }
-})
-</script>
-
-<style lang="scss" scoped></style>

package/components/lcb-tags/types.ts

@@ -1,30 +0,0 @@
-// interface ActionView {
-//   title: string
-//   icon?: string
-//   link: LcbActionViewProps
-//   url?: string
-//   mode: number
-//   hotSpot?: {
-//     x: number
-//     y: number
-//     width: number
-//     height: number
-//     urlObj: LcbActionViewProps
-//   }[]
-// }
-
-export interface LcbTagsProps {
-  // Define the component's prop types here
-  items?: any
-  mode?: 1 | 2 // 1是不换行滚动 这是加在大部分产品里的用法 2是自然换行
-  tagRadius?: number
-  fontSize?: number
-  tagColor?: string
-}
-
-export interface LcbTagsItemProps {
-  items: object[]
-  tagRadius?: number
-  fontSize?: number
-  tagColor?: string
-}

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

@@ -1,59 +0,0 @@
-import { LcbTagsProps } from './types'
-declare const _default: import('vue').DefineComponent<
-  __VLS_WithDefaults<
-    __VLS_TypePropsToOption<LcbTagsProps>,
-    {
-      fontSize: number
-      tagColor: string
-    }
-  >,
-  {},
-  unknown,
-  {},
-  {},
-  import('vue').ComponentOptionsMixin,
-  import('vue').ComponentOptionsMixin,
-  {},
-  string,
-  import('vue').PublicProps,
-  Readonly<
-    import('vue').ExtractPropTypes<
-      __VLS_WithDefaults<
-        __VLS_TypePropsToOption<LcbTagsProps>,
-        {
-          fontSize: number
-          tagColor: string
-        }
-      >
-    >
-  >,
-  {
-    fontSize: number
-    tagColor: string
-  },
-  {}
->
-export default _default
-type __VLS_WithDefaults<P, D> = {
-  [K in keyof Pick<P, keyof P>]: K extends keyof D
-    ? __VLS_Prettify<
-        P[K] & {
-          default: D[K]
-        }
-      >
-    : P[K]
-}
-type __VLS_Prettify<T> = {
-  [K in keyof T]: T[K]
-} & {}
-type __VLS_NonUndefinedable<T> = T extends undefined ? never : T
-type __VLS_TypePropsToOption<T> = {
-  [K in keyof T]-?: {} extends Pick<T, K>
-    ? {
-        type: import('vue').PropType<__VLS_NonUndefinedable<T[K]>>
-      }
-    : {
-        type: import('vue').PropType<T[K]>
-        required: true
-      }
-}

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

@@ -1,13 +0,0 @@
-export interface LcbTagsProps {
-  items?: any
-  mode?: 1 | 2
-  tagRadius?: number
-  fontSize?: number
-  tagColor?: string
-}
-export interface LcbTagsItemProps {
-  items: object[]
-  tagRadius?: number
-  fontSize?: number
-  tagColor?: string
-}