lw-cdp-ui 1.2.24 → 1.2.26

package/dist/components/lwFormJson/index.vue

@@ -216,7 +216,12 @@ export default {
               if (!existingValue) {
                 existingValue = []
               } else {
-                existingValue = form?.[item.name][listIndex] || {}
+                if (form?.[item.name] && form?.[item.name][listIndex]) {
+                  existingValue = form?.[item.name][listIndex] || {}
+                } else {
+                  existingValue = {}
+                }
+
               }
               return parse(list, existingValue)
             }) || [];

package/dist/components/lwFormMini/FormItem.vue

@@ -4,15 +4,18 @@
        class="title-name title-name-divider"
        :id="'divider-' + index"
        :data-index="index">
-    {{ item.label }}
-    <el-tooltip v-if="item.tips">
-      <template #content>
-        <span style="max-width: 300px; display: inline-block;">
-          {{ item.tips }}
-        </span>
-      </template>
-      <el-icon><el-icon-question-filled /></el-icon>
-    </el-tooltip>
+    <span>
+      {{ item.label }}
+      <el-tooltip v-if="item.tips">
+        <template #content>
+          <span style="max-width: 300px; display: inline-block;">
+            {{ item.tips }}
+          </span>
+        </template>
+        <el-icon><el-icon-question-filled /></el-icon>
+      </el-tooltip>
+    </span>
+    <slot :name="item?.options?.component"></slot>
   </div>
 
   <!-- 表单内容 -->
@@ -385,7 +388,6 @@ export default {
   padding-top: 20px;
 }
 
-
 .form-mini {
   display: flex;
   width: 100%;
@@ -400,7 +402,6 @@ export default {
   width: 100px;
 }
 
-
 :deep(.form-item-name-null) {
   > .el-form-item__label {
     display: none !important;

package/dist/components/lwFormMini/ViewItem.vue

@@ -4,15 +4,19 @@
        class="title-name title-name-divider"
        :id="'divider-' + index"
        :data-index="index">
-    {{ item.label }}
-    <el-tooltip v-if="item.tips">
-      <template #content>
-        <span style="max-width: 300px; display: inline-block;">
-          {{ item.tips }}
-        </span>
-      </template>
-      <el-icon><el-icon-question-filled /></el-icon>
-    </el-tooltip>
+    <span>
+      {{ item.label }}
+      <el-tooltip v-if="item.tips">
+        <template #content>
+          <span style="max-width: 300px; display: inline-block;">
+            {{ item.tips }}
+          </span>
+        </template>
+        <el-icon><el-icon-question-filled /></el-icon>
+      </el-tooltip>
+    </span>
+    <slot :name="item?.options?.component"></slot>
+
   </div>
 
   <!-- 表单内容 -->
@@ -97,23 +101,14 @@
     </template>
     <!-- date -->
     <template v-else-if="item.component == 'date'">
-      {{ dayjs(objItem.value).format(item?.options.valueFormat || 'YYYY-MM-DD HH:mm:ss') }}
+      {{ dayjs(objItem.value).format(item?.options?.valueFormat || 'YYYY-MM-DD HH:mm:ss') }}
     </template>
     <!-- number -->
     <template v-else-if="item.component == 'number'">
-      <el-input-number v-model="objItem.value"
-                       :disabled="item?.options?.disabled"
-                       :min="item?.options?.min"
-                       :max="item?.options?.max"
-                       :step="item?.options?.step || 1"
-                       :precision="item?.options?.precision"
-                       :placeholder="item?.options?.placeholder || ''"
-                       :controls-position="item?.options?.controlsPosition || 'right'">
-        <template v-if="item?.options?.suffix"
-                  #suffix>
-          <span>{{ item?.options.suffix }}</span>
-        </template>
-      </el-input-number>
+      {{ objItem.value }}
+      <template v-if="item?.options?.suffix">
+        <span>{{ item?.options.suffix }}</span>
+      </template>
     </template>
     <!-- color -->
     <template v-else-if="item.component == 'color'">
@@ -313,6 +308,9 @@ export default {
   margin-top: 25px;
   border-top: 10px solid #f5f7fa;
   padding-top: 20px;
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
 }
 
 .form-mini {

package/dist/components/lwFormMini/index.vue

@@ -24,7 +24,6 @@
            :label-width="config.labelWidth"
            :label-position="$i18n.locale == 'en-us' ? 'top' : config.labelPosition"
            v-loading="loading"
-           :disabled="isView"
            element-loading-text="Loading...">
     <el-row :gutter="15">
 
@@ -36,7 +35,7 @@
                     :form="form"
                     :index="index">
             <!-- 没有组件是component值 就是插槽名称 -->
-            <template v-if="!['input', 'upload', 'checkbox', 'checkboxGroup', 'switch', 'select', 'treeSelect', 'cascader', 'date', 'number', 'radio', 'color', 'rate', 'slider','tags'].includes(item.component)"
+            <template v-if="!['input', 'upload', 'checkbox', 'checkboxGroup', 'switch', 'select', 'treeSelect', 'cascader', 'date', 'number', 'radio', 'color', 'rate', 'slider','tags', 'divider'].includes(item.component)"
                       v-slot:[item.component]>
               <slot :name="item.component"
                     :itemCur="item"
@@ -45,13 +44,18 @@
                   没有这个默认组件也未自定义插槽内容</el-tag>
               </slot>
             </template>
+            <template v-if="item?.options?.component"
+                      v-slot:[item?.options?.component]>
+              <slot :name="item?.options?.component"></slot>
+            </template>
+
           </ViewItem>
           <FormItem v-else
                     :item="item"
                     :form="form"
                     :index="index">
             <!-- 没有组件是component值 就是插槽名称 -->
-            <template v-if="!['input', 'upload', 'checkbox', 'checkboxGroup', 'switch', 'select', 'treeSelect', 'cascader', 'date', 'number', 'radio', 'color', 'rate', 'slider','tags'].includes(item.component)"
+            <template v-if="!['input', 'upload', 'checkbox', 'checkboxGroup', 'switch', 'select', 'treeSelect', 'cascader', 'date', 'number', 'radio', 'color', 'rate', 'slider','tags', 'divider'].includes(item.component)"
                       v-slot:[item.component]>
               <slot :name="item.component"
                     :itemCur="item"
@@ -60,10 +64,15 @@
                   没有这个默认组件也未自定义插槽内容</el-tag>
               </slot>
             </template>
+            <template v-if="item?.options?.component"
+                      v-slot:[item?.options?.component]>
+              <slot :name="item?.options?.component"></slot>
+            </template>
           </FormItem>
         </el-col>
       </template>
-      <el-col v-if="!isView" :span="24">
+      <el-col v-if="!isView"
+              :span="24">
         <el-form-item>
           <slot>
             <el-button type="primary"
@@ -241,6 +250,7 @@ export default {
         });
 
         delete obj[key]
+
       }
       return result;
     },
@@ -248,8 +258,13 @@ export default {
     //处理动态隐藏
     hideHandle(item) {
       if (typeof item?.hideHandle === 'string') {
-        const func = new Function('form', `return ${item?.hideHandle.replace(/\$/g, "form")}`);
-        return func(this.form);
+        try {
+          // 构造一个函数并执行，同时捕获潜在的异常
+          const func = new Function('form', `return ${item?.hideHandle.replace(/\$/g, "form")}`);
+          return func(this.form);
+        } catch (error) {
+          return false; // 或根据需求返回默认值
+        }
       } else if (typeof item?.hideHandle === 'boolean') {
         return item.hideHandle
       }