@skyfox2000/webui 1.4.18 → 1.4.19

package/package.json

@@ -1,6 +1,6 @@
 {
    "name": "@skyfox2000/webui",
-   "version": "1.4.18",
+   "version": "1.4.19",
    "description": "后台前端通用组件定义",
    "type": "module",
    "keywords": [],

package/src/components/form/propEditor/index.vue

@@ -12,6 +12,10 @@ const props = defineProps<{
     * 配置项
     */
    selectList?: PropConfigItem[];
+   /**
+    * 忽略项
+    */
+   ignoreList?: string[];
    /**
     * 配置名宽度%
     */
@@ -56,11 +60,13 @@ const initConfigList = () => {
    } else {
       // 没有selectList的情况：基于value动态生成配置项
       if (props.value && Object.keys(props.value).length > 0) {
-         configList.value = Object.entries(props.value).map(([field, value]) => ({
-            id: Date.now() + Math.random(),
-            field,
-            value,
-         }));
+         configList.value = Object.entries(props.value)
+            .filter(([field]) => !props.ignoreList || !props.ignoreList.includes(field))
+            .map(([field, value]) => ({
+               id: Date.now() + Math.random(),
+               field,
+               value,
+            }));
       } else {
          // value为空时，初始化为空数组
          configList.value = [];
@@ -81,7 +87,7 @@ watch(
 
 const updateConfig = () => {
    let newConfig: Record<string, string>;
-   
+
    if (props.selectList && props.selectList.length > 0) {
       // 有selectList时，只更新selectList中定义的字段，保留其他字段不变
       newConfig = { ...props.value };
@@ -91,7 +97,7 @@ const updateConfig = () => {
          }
       });
    } else {
-      // 没有selectList时，更新所有字段
+      // 没有selectList时，更新所有字段，包括ignoreList中的字段
       newConfig = configList.value.reduce(
          (acc: Record<string, string>, item: PropConfigItem) => {
             if (item.field) {
@@ -101,8 +107,17 @@ const updateConfig = () => {
          },
          {} as Record<string, string>,
       );
+      
+      // 保留ignoreList中的字段
+      if (props.ignoreList && props.ignoreList.length > 0) {
+         props.ignoreList.forEach((field) => {
+            if (props.value[field] !== undefined) {
+               newConfig[field] = props.value[field];
+            }
+         });
+      }
    }
-   
+
    isInnerChange = true;
    emit('update:value', newConfig);
 };
@@ -124,15 +139,9 @@ const handleInputChange = () => {
    <div class="flex flex-col gap-2">
       <div v-for="item in configList" :key="item.id" class="flex items-center gap-2">
          <div :class="[fieldWidth ? `w-[${fieldWidth}%]` : 'w-[33%]']">
-            <Input
-               v-if="!selectList || selectList.length === 0"
-               v-model:value="item.field"
-               :title="item.text || item.field"
-               class="w-full"
-               :placeholder="item.text || labelHolder || '配置名'"
-               @input="handleInputChange"
-               :disabled="!addMore"
-            />
+            <Input v-if="!selectList || selectList.length === 0" v-model:value="item.field"
+               :title="item.text || item.field" class="w-full" :placeholder="item.text || labelHolder || '配置名'"
+               @input="handleInputChange" :disabled="!addMore" />
             <div v-else>
                <Input v-model:value="item.text" :title="item.text" :disabled="true" class="w-[100%]" />
                <Input type="hidden" v-model:value="item.field" />
@@ -140,20 +149,13 @@ const handleInputChange = () => {
          </div>
          <div class="w-[3%]">=</div>
          <div :class="[fieldWidth ? `w-[${97 - fieldWidth}%]` : 'w-[64%]']">
-            <Input
-               v-model:value="item.value"
-               :placeholder="valueHolder || '请输入' + item.text || '请输入配置值'"
-               @input="handleInputChange"
-               :title="item.value"
-            />
+            <Input v-model:value="item.value" :placeholder="valueHolder || '请输入' + item.text || '请输入配置值'"
+               @input="handleInputChange" :title="item.value" />
          </div>
       </div>
-      <Button
-         v-if="addMore"
-         @click="addNewLine"
+      <Button v-if="addMore" @click="addNewLine"
          class="mt-1 w-[80px] !text-[12px] text-[#666] bg-[#e6f7ff] border-[#b3e0ff] hover:bg-[#b3e0ff] hover:border-[#8abeff]"
-         size="small"
-      >
+         size="small">
          新增配置行
       </Button>
    </div>