cloud-web-corejs 1.1.0-dev.6 → 1.1.0-dev.61

package/src/components/xform/form-render/container-item/dynamicFieldMixin.js

@@ -10,7 +10,7 @@ import {
 /**
  * 表格布局容器(table/h5-table)专用混入。
  *
- * 提供两类「布局表格」特有能力(动态字段状态控制已统一收敛到表单设置，见 formDynamicFieldMixin)：
+ * 提供两类「布局表格」特有能力（动态字段状态控制由表单级 fieldControlMixin 统一处理）：
  *  1. 动态字段(dynamicSchemaSourceType)：字段定义由脚本或接口下发，运行时生成并插入到行布局中。
  *  2. 行折叠(默认行为)：整行字段均隐藏时折叠该行(响应式，随字段显隐自动更新)。
  *
@@ -108,6 +108,7 @@ const dynamicFieldMixin = {
         }
         return Promise.resolve(true);
       } catch (e) {
+        if (formRef.isFieldControlEnabled()) return Promise.reject(e);
         return Promise.resolve(false);
       }
     },
@@ -116,6 +117,12 @@ const dynamicFieldMixin = {
       if (this.designState || !this.widget) return;
       if (!this.supportsRowLayout()) return;
       if (this.getDynamicSchemaSourceType() === "none") return;
+      const formRef = this.getFormRef();
+      if (formRef && formRef.isFieldControlEnabled()) {
+        const task = this.$nextTick().then(() => this.resolveShouldInitDynamicSchema())
+          .then(shouldInit => shouldInit ? this.loadControlledDynamicSchema() : undefined);
+        return formRef.trackFieldControlSchema(task, () => this.loadDynamicSchema(), this);
+      }
       this.$nextTick(() => {
         this.resolveShouldInitDynamicSchema().then((shouldInit) => {
           if (shouldInit) {
@@ -125,7 +132,54 @@ const dynamicFieldMixin = {
       });
     },
 
+    loadControlledDynamicSchema() {
+      const formRef = this.getFormRef();
+      const runtime = formRef.getFieldControlRuntime();
+      const sequence = (this._dynamicSchemaRun || 0) + 1;
+      this._dynamicSchemaRun = sequence;
+      const current = () => this._dynamicSchemaRun === sequence &&
+        formRef.getFieldControlRuntime() === runtime && !runtime.destroyed && !this._isDestroyed;
+      const build = result => {
+        if (current()) this.buildDynamicRows(result);
+        return this.$nextTick();
+      };
+      const options = this.widget.options;
+      if (this.getDynamicSchemaSourceType() === "script") {
+        const code = getDynamicSchemaOption(options, "frontendScript");
+        if (!code) return Promise.reject(new Error("请配置动态字段脚本"));
+        return Promise.resolve().then(() => this.handleCustomEvent(code))
+          .then(result => build(this.normalizeSchemaScriptResult(result)));
+      }
+      const scriptCode = getDynamicSchemaOption(options, "scriptCode");
+      if (!scriptCode) return Promise.reject(new Error("请配置动态字段接口编码"));
+      return new Promise((resolve, reject) => {
+        try {
+          const task = this.formHttp({
+            scriptCode,
+            isLoading: false,
+            data: buildDynamicSchemaRequestData(this.formModel,
+              getDynamicSchemaOption(options, "scriptParam"), this.handleCustomEvent.bind(this)),
+            success: response => {
+              if (!current()) { resolve(); return; }
+              try { Promise.resolve(build(this.resolveSchemaDefs(response))).then(resolve, reject); }
+              catch (error) { reject(error); }
+            },
+            fail: () => current() ? reject(new Error("动态字段加载失败，请重试")) : resolve(),
+            error: error => current() ? reject(error) : resolve(),
+          });
+          if (task && task.catch) task.catch(reject);
+        } catch (error) { reject(error); }
+      });
+    },
+
     loadDynamicSchema() {
+      const formRef = this.getFormRef && this.getFormRef();
+      if (!this.designState && this.supportsRowLayout() &&
+          this.getDynamicSchemaSourceType() !== "none" &&
+          formRef && formRef.isFieldControlEnabled()) {
+        return formRef.trackFieldControlSchema(this.loadControlledDynamicSchema(),
+          () => this.loadDynamicSchema(), this);
+      }
       if (this.designState || !this.supportsRowLayout()) {
         return Promise.resolve();
       }