lw-cdp-ui 1.5.1 → 1.5.3

package/dist/components/lwFormMini/ViewItem.vue

@@ -37,9 +37,7 @@
 
     <!-- input -->
     <template v-if="item.component == 'input'">
-      <template v-if="item?.options?.prepend">{{ item?.options.prepend }}</template>
-      <textToPassword v-model="objItem.value" :password="item?.options?.password" />
-      <template v-if="item?.options?.append">{{ item?.options.append }}</template>
+      <textToPassword v-model="objItem.value" :password="item?.options?.password" :append="item?.options?.append" />
     </template>
     <!-- upload -->
     <template v-else-if="item.component == 'upload'">
@@ -284,7 +282,7 @@ export default {
       return items?.map((item) => item.label).join('、') || val || '--'
     },
     // 根据 value 从树形数据中查找 label（支持自定义 props）
-    getLabelByValue(data, value, props = {}) {
+    getLabelByValue(data, val, props = {}) {
       const {
         value: valueKey = 'value', // 默认字段名：value
         label: labelKey = 'label', // 默认字段名：label
@@ -293,13 +291,14 @@ export default {
 
       const findNode = (nodes) => {
         for (const node of nodes) {
-          if (node[valueKey] === value) return node[labelKey]
-          if (node[childrenKey]) {
+          if (node[valueKey] == val) return node[labelKey]
+
+          if (node[childrenKey] && node[childrenKey].length > 0) {
             const result = findNode(node[childrenKey])
-            if (result) return result
+            if (result !== '--') return result
           }
         }
-        return '--' // 未匹配时显示占位符
+        return '--'
       }
 
       return findNode(data)

package/dist/components/lwFormMini/textToPassword.vue

@@ -6,6 +6,7 @@
     </el-tooltip>
     <!-- 切换加密/解密按钮 -->
     <el-icon v-if="password" class="primary" @click="toggleEncryption"><el-icon-view /></el-icon>
+    <span v-if="append" class="text">{{ append }}</span>
   </span>
 </template>
 
@@ -14,6 +15,7 @@ export default {
   props: {
     modelValue: { type: [String, Array, Boolean], default: '' }, // 传入的字符串或数组
     width: { type: String, default: '' },
+    append: { type: String, default: '' },
     password: { type: Boolean, default: false } // 是否需要加密显示
   },
   data() {

package/dist/components/lwTour/index.vue

@@ -1,118 +1,118 @@
-<template>
-  <el-tour v-model="isOpen" :current="currentStep">
-    <el-tour-step
-      v-for="(step, index) in formattedSteps"
-      :key="index"
-      :target="step.target"
-      :title="step.title"
-      :description="step.description" />
-  </el-tour>
-</template>
-
-<script>
-import { ref, getCurrentInstance, onMounted, nextTick, onUnmounted } from 'vue'
-import { useRouter } from 'vue-router'
-
-export default {
-  name: 'LwTour',
-  props: {
-    steps: {
-      type: Array,
-      required: true,
-      validator: (value) => {
-        return value.every((step) => {
-          return step.css && step.title && step.description
-        })
-      }
-    },
-    // 是否在组件挂载后自动开始引导
-    autoStart: {
-      type: Boolean,
-      default: false
-    },
-    currentStep: {
-      type: Number,
-      default: 0
-    }
-  },
-  setup(props, { emit }) {
-    const {
-      proxy: { $api, $expression, t, $tool, $bus }
-    } = getCurrentInstance()
-    const router = useRouter()
-    $bus.$on(`lwTourChange`, () => {
-      startTour()
-    })
-
-    onUnmounted(() => {
-      $bus.$emit(`lwTourOpen`, false)
-    })
-
-    const isOpen = ref(false)
-    const formattedSteps = ref([])
-
-    // 开始引导
-    const startTour = () => {
-      // 如果 router 未初始化，延迟执行
-      if (!router) {
-        setTimeout(() => {
-          startTour()
-        }, 100)
-        return
-      }
-
-      const allElementsExist = props.steps.every((step) => {
-        return document.querySelector(step.css)
-      })
-
-      if (!allElementsExist) {
-        console.warn('元素未加载完成')
-        setTimeout(() => {
-          startTour()
-        }, 100)
-        return
-      }
-
-      formattedSteps.value = props.steps.map((step) => {
-        const targetElement = document.querySelector(step.css)
-        return {
-          target: targetElement || undefined,
-          title: step.title,
-          description: step.description,
-          placement: 'bottom'
-        }
-      })
-      isOpen.value = true
-
-      let LwTour = $tool.data.get('LwTour') || {}
-      const currentRoute = router?.currentRoute?.value
-      if (currentRoute) {
-        const { path, meta } = currentRoute
-        LwTour[`${meta?.title || ''}${path}`] = true
-        $tool.data.set('LwTour', LwTour)
-      }
-    }
-
-    // 组件挂载后自动开始引导
-    onMounted(() => {
-      let LwTour = $tool.data.get('LwTour') || {}
-      const currentRoute = router?.currentRoute?.value
-      if (currentRoute) {
-        const { path, meta } = currentRoute
-        if (!LwTour[`${meta?.title || ''}${path}`]) {
-          nextTick(() => {
-            startTour()
-          })
-        }
-      }
-      $bus.$emit(`lwTourOpen`, true)
-    })
-
-    return {
-      formattedSteps,
-      isOpen,
-      startTour
-    }
-  }
-}
-</script>
+<template>
+  <el-tour v-model="isOpen" :current="currentStep">
+    <el-tour-step
+      v-for="(step, index) in formattedSteps"
+      :key="index"
+      :target="step.target"
+      :title="step.title"
+      :description="step.description" />
+  </el-tour>
+</template>
+
+<script>
+import { ref, getCurrentInstance, onMounted, nextTick, onUnmounted } from 'vue'
+import { useRouter } from 'vue-router'
+
+export default {
+  name: 'LwTour',
+  props: {
+    steps: {
+      type: Array,
+      required: true,
+      validator: (value) => {
+        return value.every((step) => {
+          return step.css && step.title && step.description
+        })
+      }
+    },
+    // 是否在组件挂载后自动开始引导
+    autoStart: {
+      type: Boolean,
+      default: false
+    },
+    currentStep: {
+      type: Number,
+      default: 0
+    }
+  },
+  setup(props, { emit }) {
+    const {
+      proxy: { $api, $expression, t, $tool, $bus }
+    } = getCurrentInstance()
+    const router = useRouter()
+    $bus.$on(`lwTourChange`, () => {
+      startTour()
+    })
+
+    onUnmounted(() => {
+      $bus.$emit(`lwTourOpen`, false)
+    })
+
+    const isOpen = ref(false)
+    const formattedSteps = ref([])
+
+    // 开始引导
+    const startTour = () => {
+      // 如果 router 未初始化，延迟执行
+      if (!router) {
+        setTimeout(() => {
+          startTour()
+        }, 100)
+        return
+      }
+
+      const allElementsExist = props.steps.every((step) => {
+        return document.querySelector(step.css)
+      })
+
+      if (!allElementsExist) {
+        console.warn('元素未加载完成')
+        setTimeout(() => {
+          startTour()
+        }, 100)
+        return
+      }
+
+      formattedSteps.value = props.steps.map((step) => {
+        const targetElement = document.querySelector(step.css)
+        return {
+          target: targetElement || undefined,
+          title: step.title,
+          description: step.description,
+          placement: 'bottom'
+        }
+      })
+      isOpen.value = true
+
+      let LwTour = $tool.data.get('LwTour') || {}
+      const currentRoute = router?.currentRoute?.value
+      if (currentRoute) {
+        const { path, meta } = currentRoute
+        LwTour[`${meta?.title || ''}${path}`] = true
+        $tool.data.set('LwTour', LwTour)
+      }
+    }
+
+    // 组件挂载后自动开始引导
+    onMounted(() => {
+      let LwTour = $tool.data.get('LwTour') || {}
+      const currentRoute = router?.currentRoute?.value
+      if (currentRoute) {
+        const { path, meta } = currentRoute
+        if (!LwTour[`${meta?.title || ''}${path}`]) {
+          nextTick(() => {
+            startTour()
+          })
+        }
+      }
+      $bus.$emit(`lwTourOpen`, true)
+    })
+
+    return {
+      formattedSteps,
+      isOpen,
+      startTour
+    }
+  }
+}
+</script>