@tplc/business 0.4.145 → 0.4.146

package/CHANGELOG.md

@@ -2,6 +2,8 @@
 
 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.4.146](http://gitlab888.30jia.com.cn/bhBank/zero-code-pro/compare/v0.1.88...v0.4.146) (2025-06-27)
+
 ### [0.4.145](http://gitlab888.30jia.com.cn/bhBank/zero-code-pro/compare/v0.4.137...v0.4.145) (2025-06-26)
 
 

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

@@ -1,58 +1,15 @@
 <template>
   <lcb-block v-bind="$props">
-    <wd-form custom-class="lcb-form" ref="formRef" :model="form">
+    <wd-form :custom-class="`lcb-form ${vertical ? 'vertical' : ''}`" ref="formRef" :model="form">
       <wd-cell-group border>
         <block v-for="field in fields" :key="field.entryFormFieldConfigId">
-          <wd-input
-            v-if="field.frontInputType === 'input'"
-            :placeholder="field.frontPlaceholder || t('请输入') + field.fieldCustomName"
-            v-model="form[field.field]"
-            :label="field.fieldCustomName"
-            :required="field.requiredFlag"
-            :prop="field.field"
-            :rules="field.requiredFlag ? [{ required: true, message: t('内容不能为空') }] : []"
-            v-bind="field.props"
-          />
-          <wd-textarea
-            v-else-if="field.frontInputType === 'inputArea'"
-            :placeholder="field.frontPlaceholder || t('请输入') + field.fieldCustomName"
-            v-model="form[field.field]"
-            :label="field.fieldCustomName"
-            :required="field.requiredFlag"
-            :prop="field.field"
-            :rules="field.requiredFlag ? [{ required: true, message: t('内容不能为空') }] : []"
-            v-bind="field.props"
-          />
-          <wd-picker
-            v-else-if="field.frontInputType === 'selector'"
-            :columns="getColumns(field.frontInputContent)"
-            :label="field.fieldCustomName"
-            v-model="form[field.field]"
-            :required="field.requiredFlag"
-            :prop="field.field"
-            :rules="field.requiredFlag ? [{ required: true, message: t('内容不能为空') }] : []"
-            v-bind="field.props"
-          />
-          <wd-datetime-picker
-            v-else-if="field.frontInputType === 'date'"
-            :label="field.fieldCustomName"
-            v-model="form[field.field]"
-            :required="field.requiredFlag"
-            :prop="field.field"
-            :type="getDateType(field.frontInputTypeValue)"
-            :rules="field.requiredFlag ? [{ required: true, message: t('内容不能为空') }] : []"
-            v-bind="{
-              ...field.props,
-              ...getDateOptions(field.frontInputContent),
-            }"
-          />
           <!-- radio -->
           <wd-cell
-            v-else
             :title="field.fieldCustomName"
             :required="field.requiredFlag"
             :prop="field.field"
-            title-width="230rpx"
+            :title-width="!vertical ? '230rpx' : '100%'"
+            :vertical="vertical"
             :rules="
               field.requiredFlag
                 ? [
@@ -64,11 +21,40 @@
                 : []
             "
           >
+            <wd-input
+              v-if="field.frontInputType === 'input'"
+              :placeholder="field.frontPlaceholder || t('请输入') + field.fieldCustomName"
+              v-model="form[field.field]"
+              v-bind="field.props"
+              no-border
+            />
+            <wd-textarea
+              v-else-if="field.frontInputType === 'inputArea'"
+              :placeholder="field.frontPlaceholder || t('请输入') + field.fieldCustomName"
+              v-model="form[field.field]"
+              v-bind="field.props"
+            />
+
+            <wd-picker
+              v-else-if="field.frontInputType === 'selector'"
+              :columns="getColumns(field.frontInputContent)"
+              v-model="form[field.field]"
+              v-bind="field.props"
+            />
+            <wd-datetime-picker
+              v-else-if="field.frontInputType === 'date'"
+              v-model="form[field.field]"
+              :type="getDateType(field.frontInputTypeValue)"
+              v-bind="{
+                ...field.props,
+                ...getDateOptions(field.frontInputContent),
+              }"
+            />
             <wd-radio-group
-              v-if="field.frontInputType === 'radio'"
+              v-else-if="field.frontInputType === 'radio'"
               v-model="form[field.field]"
               v-bind="field.props"
-              inline
+              :inline="!vertical"
               shape="dot"
             >
               <wd-radio
@@ -78,6 +64,17 @@
               >
                 {{ item }}
               </wd-radio>
+              <template v-if="field.frontInputTypeValue === '1'">
+                <wd-radio :value="customField" key="custom">其他</wd-radio>
+                <view class="custom-input" v-if="form[field.field] === customField">
+                  <wd-input
+                    :placeholder="`请输入自定义内容`"
+                    v-model="customInputs[field.field]"
+                    size="small"
+                    :no-border="true"
+                  />
+                </view>
+              </template>
             </wd-radio-group>
             <wd-radio-group
               v-else-if="field.frontInputType === 'radioTag'"
@@ -92,6 +89,17 @@
               >
                 {{ item }}
               </wd-radio>
+              <template v-if="field.frontInputTypeValue === '1'">
+                <wd-radio :value="customField" key="custom">其他</wd-radio>
+                <view class="custom-input" v-if="form[field.field] === customField">
+                  <wd-input
+                    :placeholder="`请输入自定义内容`"
+                    v-model="customInputs[field.field]"
+                    size="small"
+                    :no-border="true"
+                  />
+                </view>
+              </template>
             </wd-radio-group>
             <!-- checkbox -->
             <wd-checkbox-group
@@ -106,6 +114,17 @@
               >
                 {{ item }}
               </wd-checkbox>
+              <template v-if="field.frontInputTypeValue === '1'">
+                <wd-checkbox :modelValue="customField" key="custom">其他</wd-checkbox>
+                <view class="custom-input" v-if="form[field.field]?.includes(customField)">
+                  <wd-input
+                    :placeholder="`请输入自定义内容`"
+                    v-model="customInputs[field.field]"
+                    size="small"
+                    :no-border="true"
+                  />
+                </view>
+              </template>
             </wd-checkbox-group>
             <!-- checkboxTag -->
             <wd-checkbox-group
@@ -121,6 +140,17 @@
               >
                 {{ item }}
               </wd-checkbox>
+              <template v-if="field.frontInputTypeValue === '1'">
+                <wd-checkbox :modelValue="customField" key="custom">其他</wd-checkbox>
+                <view class="custom-input" v-if="form[field.field]?.includes(customField)">
+                  <wd-input
+                    :placeholder="`请输入自定义内容`"
+                    v-model="customInputs[field.field]"
+                    size="small"
+                    :no-border="true"
+                  />
+                </view>
+              </template>
             </wd-checkbox-group>
             <wd-upload
               v-else-if="field.frontInputType === 'img'"
@@ -191,23 +221,34 @@ const props = withDefaults(defineProps<LcbFormProps>(), {
   submitText: '提交',
   affirmText: '同意',
   bottomFixed: true,
+  vertical: false,
 })
 const fields = ref<LcbFormField[]>()
+const customInputs = ref<Record<string, string>>({})
+const customField = 'custom'
 watch(
   () => props.formType,
   async (newVal) => {
     if (newVal) {
       const {
-        data: { entryFormFieldConfigList },
+        data: { entryFormFieldConfigList = [], extra = '{}' },
       } = await uni.$lcb.http.post<any>('/entryFormCustom/detail', {
         entryFormConfigId: newVal,
       })
+      const extraData = JSON.parse(extra)
+      customInputs.value = extraData
+
       entryFormFieldConfigList.forEach((item) => {
         if (item.value) {
           if (item.frontInputType === 'img') {
             imgList.value[item.field] = [{ url: item.value }]
           } else if (item.frontInputType === 'checkboxTag' || item.frontInputType === 'checkbox') {
-            form.value[item.field] = JSON.parse(item.value)
+            const values = JSON.parse(item.value)
+            form.value[item.field] = values.map((val) =>
+              val === extraData[item.field] ? customField : val,
+            )
+          } else if (item.frontInputType === 'radioTag' || item.frontInputType === 'radio') {
+            form.value[item.field] = extraData[item.field] === item.value ? customField : item.value
           } else if (item.frontInputType === 'date') {
             switch (item.frontInputTypeValue) {
               case 'day':
@@ -244,7 +285,10 @@ const submit = () => {
   }
   formRef.value.validate().then(async ({ valid }) => {
     if (!valid) return
+
     if (props.submitUrl) {
+      // 用户自定义内容集合
+      const extra = {}
       const values = fields.value?.reduce((acc, cur) => {
         if (cur.frontInputType === 'date') {
           switch (cur.frontInputTypeValue) {
@@ -259,13 +303,34 @@ const submit = () => {
               break
           }
         } else {
-          acc[cur.field] = form.value[cur.field]
+          const customValue = customInputs.value[cur.field] || ''
+          let fieldValue = form.value[cur.field]
+
+          // 处理自定义输入值
+          if (['radio', 'radioTag'].includes(cur.frontInputType) && fieldValue === customField) {
+            fieldValue = customValue
+            extra[cur.field] = customValue
+          } else if (
+            ['checkbox', 'checkboxTag'].includes(cur.frontInputType) &&
+            Array.isArray(fieldValue)
+          ) {
+            const haveCustom = fieldValue.includes(customField)
+            if (haveCustom) {
+              extra[cur.field] = customValue
+            }
+            fieldValue = [...fieldValue, haveCustom ? customValue : '']
+              .map((val) => (val === customField ? '' : val))
+              .filter((val) => val !== '')
+          }
+
+          acc[cur.field] = fieldValue
         }
         return acc
       }, {})
       await uni.$lcb.http.post(props.submitUrl, {
         entryFormConfigId: props.formType,
         allField: JSON.stringify(values),
+        extra: JSON.stringify(extra),
       })
     }
   })
@@ -308,6 +373,7 @@ watch(
     display: flex;
     flex-wrap: wrap;
     gap: 8rpx;
+    // flex-direction: column;
   }
   :deep(.wd-checkbox) {
     line-height: inherit !important;
@@ -319,8 +385,40 @@ watch(
     display: flex;
     flex-wrap: wrap;
     gap: 8rpx;
+    // flex-direction: column;
+  }
+  :deep(.wd-picker) {
+    .wd-picker__cell {
+      padding: 0;
+      &:after {
+        display: none !important;
+      }
+    }
+  }
+  :deep(.wd-textarea) {
+    padding: 0;
+  }
+}
+
+.vertical {
+  :deep(.wd-radio-group) {
+    flex-direction: column !important;
+  }
+  :deep(.wd-checkbox-group) {
+    flex-direction: column !important;
+    .is-button-box {
+      width: 100%;
+      box-sizing: border-box;
+    }
+    .wd-checkbox__txt {
+      white-space: break-spaces;
+    }
+    .wd-checkbox__label {
+      height: auto !important;
+    }
   }
 }
+
 .bottom-fixed {
   position: fixed;
   bottom: 0;
@@ -330,4 +428,12 @@ watch(
   z-index: 5;
   box-shadow: 0 0 10rpx rgba(0, 0, 0, 0.1);
 }
+.custom-input {
+  margin-top: 8rpx;
+  width: 100%;
+  border: 1rpx solid #e5e5e5;
+  border-radius: 4rpx;
+  padding: 8rpx;
+  box-sizing: border-box;
+}
 </style>

package/components/lcb-form/types.ts

@@ -80,4 +80,5 @@ export interface LcbFormProps extends LcbBlockProps {
   affirmText?: string
   // 底部悬浮
   bottomFixed?: boolean
+  vertical?: boolean
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@tplc/business",
-  "version": "0.4.145",
+  "version": "0.4.146",
   "keywords": [
     "业务组件"
   ],
@@ -11,7 +11,7 @@
   },
   "peerDependencies": {
     "vue": ">=3.2.47",
-    "@tplc/wot": "0.1.87"
+    "@tplc/wot": "0.1.88"
   },
   "engines": {
     "node": ">=18",

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

@@ -6,6 +6,7 @@ declare const _default: import('vue').DefineComponent<
       submitText: string
       affirmText: string
       bottomFixed: boolean
+      vertical: boolean
     }
   >,
   {},
@@ -25,11 +26,13 @@ declare const _default: import('vue').DefineComponent<
           submitText: string
           affirmText: string
           bottomFixed: boolean
+          vertical: boolean
         }
       >
     >
   >,
   {
+    vertical: boolean
     submitText: string
     affirmText: string
     bottomFixed: boolean

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

@@ -78,4 +78,5 @@ export interface LcbFormProps extends LcbBlockProps {
   agreementType?: string
   affirmText?: string
   bottomFixed?: boolean
+  vertical?: boolean
 }