lw-cdp-ui 1.2.5 → 1.2.6

package/dist/components/lwFormJson/JsonItem.vue

@@ -73,10 +73,12 @@
              class="tool-list">
           <el-icon class="btn"
                    size="14"
-                   @click="copyItem(item, index)"><el-icon-copy-document /></el-icon>
+                   @click="copyItem(item, index)"
+                   title="复制"><el-icon-copy-document /></el-icon>
           <el-icon class="btn"
                    size="14"
-                   @click="deleteItem(index)"><el-icon-delete /></el-icon>
+                   @click="deleteItem(index)"
+                   title="删除"><el-icon-delete /></el-icon>
         </div>
 
       </el-col>
@@ -248,7 +250,8 @@ export default {
   z-index: 9;
   position: absolute;
 }
-:deep(.el-form-item--label-right),:deep(.el-form-item--label-left) {
+:deep(.el-form-item--label-right),
+:deep(.el-form-item--label-left) {
   .el-form-item__label {
     position: relative;
     .add-btn {

package/dist/components/lwFormJson/StatsConfig.vue

@@ -307,27 +307,22 @@
 
       <div class="form-title">表单校验</div>
       <div class="form-body">
-        <el-form-item label="输入校验">
-          <el-input v-model="item.rules"
-                    placeholder="请输入"
-                    clearable />
+        <el-form-item label="提交校验">
+          <el-select v-model="item.rules"
+                     multiple
+                     clearable
+                     placeholder="请选择">
+            <el-option v-for="item in rules"
+                       :label="item.label"
+                       :value="item.value" />
+          </el-select>
         </el-form-item>
         <el-form-item label="隐藏校验">
           <el-input v-model="item.hideHandle"
                     placeholder="请输入"
                     clearable />
         </el-form-item>
-        <el-form-item label="标题位置">
-          <el-select v-model="item.labelPosition"
-                     placeholder="请选择">
-            <el-option label="顶部"
-                       value="top" />
-            <el-option label="左"
-                       value="left" />
-            <el-option label="右"
-                       value="right" />
-          </el-select>
-        </el-form-item>
+
       </div>
     </template>
     <template v-else>
@@ -365,11 +360,11 @@ export default {
       rules: [
         {
           label: '必填',
-          value: {  required: true, message: '请输入', trigger: 'blur' }
+          value: { required: true, message: '请输入', trigger: 'blur' }
         },
         {
           label: '必选',
-          value: {  required: true, message: '请选择', trigger: 'change' }
+          value: { required: true, message: '请选择', trigger: 'change' }
         },
       ]
     }

package/dist/components/lwFormJson/index.vue

@@ -1,5 +1,5 @@
 <template>
-  <el-container>
+  <el-container :style="{ maxHeight }">
     <el-aside v-if="hideTool"
               width="200px"
               class="form-json-body">
@@ -109,6 +109,8 @@ export default {
      * }
      * **/
     config: { type: Object, default: () => { return {} } },
+    // 最大高度
+    maxHeight: { type: String, default: 'calc(100vh - 137px)' },
     // 自定义组件
     custom: { type: Array, default: () => [] },
     // 是否显示加载中
@@ -141,9 +143,11 @@ export default {
       deep: true
     },
     config: {
-      handler() {
+      handler(val) {
         this.render()
+        this.localConfig = JSON.parse(JSON.stringify(val))
       },
+      immediate: true,
       deep: true
     },
     localConfig: {
@@ -240,9 +244,6 @@ export default {
       }
       this.form = this.parseNestedObject(form)
       this.$emit("update:modelValue", this.form);
-      this.localConfig = config;
-
-
     },
     parseNestedObject(obj) {
       const result = {};
@@ -305,7 +306,7 @@ export default {
 
 <style lang="scss" scoped>
 .menu-list {
-  :deep(.el-collapse){
+  :deep(.el-collapse) {
     border-top: 0;
   }
   .menu-list-title {

package/dist/components/lwFormMini/FormItem.vue

@@ -279,6 +279,7 @@ export default {
   },
   methods: {
     flattenObject(obj, key, defaultValue = '') {
+      console.log(obj, key)
       if (!key || !obj) { return false }
       const keys = key.split('.');  // 将路径拆分成数组
 
@@ -296,6 +297,7 @@ export default {
       return current;
     },
     unflattenObject(obj, path, value) {
+      if (!path || !obj) { return false }
       const keys = path.split('.'); // 按点分隔路径
       let current = obj; // 指向传入的对象（如 this.form）
 

package/dist/components/lwFormMini/index.vue

@@ -127,14 +127,16 @@ export default {
       deep: true
     },
     config: {
-      handler() {
+      handler(val) {
         this.render()
         if (this.showMenu) {
           this.$nextTick(() => {
             this.handleScroll()
           })
         }
+        this.localConfig = JSON.parse(JSON.stringify(val))
       },
+      immediate: true,
       deep: true
     },
     localConfig: {
@@ -213,7 +215,6 @@ export default {
       }
       this.form = this.parseNestedObject(form)
       this.$emit("update:modelValue", this.form);
-      this.localConfig = config;
     },
 
     parseNestedObject(obj) {

package/dist/components/lwTable/index.vue

@@ -34,6 +34,14 @@
         <template #header="{ column, $index }">
           <template v-if="!t?.header">
             {{ t.title }}
+            <el-tooltip v-if="t.tips">
+              <template #content>
+                <span style="max-width: 300px; display: inline-block;">
+                  {{ t.tips }}
+                </span>
+              </template>
+              <el-icon><component :is="t.icon || 'el-icon-question-filled'" /></el-icon>
+            </el-tooltip>
           </template>
           <slot v-else
                 :name="t.header"