bl-common-vue3 3.8.133 → 3.8.134

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "bl-common-vue3",
-  "version": "3.8.133",
+  "version": "3.8.134",
   "main": "index.js",
   "module": "index.js",
   "description": "bailing vue3 common components lib",

package/src/components/PublicExtensionField/index.vue

@@ -1,10 +1,11 @@
 <template>
   <bl-drawer
     :title="t('ExtraManage.index.845270-0')"
-    :maskClosable="!editVisible"
+    :maskClosable="maskClosable && !editVisible"
     :visible="visible"
     :width="1040"
     :destroyOnClose="true"
+    :footer="false"
     :body-style="{ padding: '24px', background: '#f6f8fb', flex: 1 }"
     @close="closeModal"
   >
@@ -59,7 +60,6 @@
     </CustomTable>
     <div class="field-manager-hint">{{ t('components.ExtraManageEdit.301828-2') }}</div>
     </div>
-    <template #footer><div class="field-manager-footer"><a-button @click="closeModal">{{ t('common.switch.close') }}</a-button></div></template>
 
     <ExtraManageEdit
       v-if="editVisible"
@@ -104,6 +104,11 @@ export default defineComponent({
       type: Boolean,
       default: false,
     },
+    // 显式声明，避免外部透传属性覆盖编辑期间的防误关判断。
+    maskClosable: {
+      type: Boolean,
+      default: true,
+    },
     tableConfig: {
       type: Object,
       default: () => {},
@@ -373,6 +378,5 @@ export default defineComponent({
 .field-required { padding: 3px 8px; border-radius: 4px; color: #487ecc; background: #eef5ff; font-size: 12px; }
 .field-optional { color: #8c97a6; font-size: 12px; }
 .field-manager-hint { padding: 12px 8px; color: #8c97a6; font-size: 12px; }
-.field-manager-footer { display: flex; justify-content: flex-end; }
 @media (max-width: 767px) { .field-manager-title { gap: 8px; } .field-manager-search { width: 145px; } .field-manager-table { padding: 8px; } }
 </style>

package/test/publicExtensionField.test.js

@@ -7,13 +7,16 @@ const Vue = require('vue');
 const {parse, compileTemplate} = require('@vue/compiler-sfc');
 const {transformSync} = require('@babel/core');
 
-function loadScript(filename, mocks = {}) {
+function loadScript(filename, mocks = {}, withTemplate = false) {
   const source = readFileSync(filename, 'utf8');
   let scriptSource = source;
   if (filename.endsWith('.vue')) {
     const {descriptor} = parse(source);
     assert.deepEqual(compileTemplate({id: 'field-regression', filename, source: descriptor.template.content}).errors, []);
     scriptSource = descriptor.script.content;
+    if (withTemplate) {
+      scriptSource += '\n' + compileTemplate({id: 'field-regression', filename, source: descriptor.template.content}).code;
+    }
   }
   const loaded = new Module(filename, module);
   loaded.require = (name) => {
@@ -154,3 +157,39 @@ test('field deletion waits for the API, preserves the business alias and propaga
     await retried;
   } finally {app.unmount(); global.window = previousWindow;}
 });
+
+
+test('field list has no footer and mask closing remains disabled while editing with explicit parent props', async () => {
+  const previousWindow = global.window;
+  global.window = {addEventListener() {}, removeEventListener() {}};
+  const filename = path.resolve(__dirname, '../src/components/PublicExtensionField/index.vue');
+  const compiled = loadScript(filename, {}, true);
+  let drawerAttrs;
+  let drawerSlots;
+  const Drawer = {inheritAttrs: false, setup(_, {attrs, slots}) {
+    return () => {drawerAttrs = {...attrs}; drawerSlots = slots; return Vue.h('div');};
+  }};
+  const component = {...compiled.default, render: compiled.render, components: {...compiled.default.components, BlDrawer: Drawer}};
+  const instance = Vue.ref();
+  let closed = 0;
+  const app = renderer.createApp({render: () => Vue.h(component, {
+    ref: instance, visible: true, maskClosable: true, footer: false,
+    onCloseModal: () => {closed++;},
+  })});
+  app.config.warnHandler = () => {};
+  try {
+    app.mount({children: []});
+    await flush();
+    assert.equal(drawerAttrs.maskClosable, true);
+    assert.equal(drawerAttrs.footer, false);
+    assert.equal(drawerSlots.footer, undefined);
+    drawerAttrs.onClose();
+    assert.equal(closed, 1);
+    instance.value.handleEdit({id: 1});
+    await flush();
+    assert.equal(drawerAttrs.maskClosable, false);
+    instance.value.editVisible = false;
+    await flush();
+    assert.equal(drawerAttrs.maskClosable, true);
+  } finally {app.unmount(); global.window = previousWindow;}
+});