cloud-web-corejs 1.1.0-dev.20 → 1.1.0-dev.21

package/src/components/xform/form-render/formDynamicFieldMixin.js

@@ -1,133 +0,0 @@
-/**
- * 表单级「动态字段规则」运行时混入(挂载于 VFormRender 根组件)。
- *
- * 配置来源：formConfig.dynamicFieldEnabled / dynamicFieldSourceType / dynamicFieldRules /
- *           dynamicFieldScriptCode / dynamicFieldScriptParam(额外参数) / dynamicFieldTriggerFields
- * 作用范围：整个表单内任意字段 / 命名容器的 显隐/必填/只读/禁用/取值。
- *
- * 依赖根组件(indexMixin)已提供：formConfig、widgetList、formModel、getWidgetRef、formHttp。
- */
-import {
-  buildFormTargetMap,
-  computeLocalStates,
-  applyTargetState,
-} from "./container-item/dynamicFieldEngine";
-
-export default {
-  created() {
-    // 目标key -> { widget, refKey, isContainer }
-    this._fdfMap = {};
-    // 设计期基线，未命中规则时还原
-    this._fdfBaseline = {};
-    this._fdfWatcher = null;
-    this._fdfTimer = null;
-    this._fdfInited = false;
-  },
-  watch: {
-    showFormContent(val) {
-      // 表单内容渲染(字段ref注册)完成后再初始化
-      if (val && !this._fdfInited) {
-        this.$nextTick(() => this.initFormDynamicFields());
-      }
-    },
-  },
-  beforeDestroy() {
-    if (this._fdfWatcher) {
-      this._fdfWatcher();
-      this._fdfWatcher = null;
-    }
-    if (this._fdfTimer) {
-      clearTimeout(this._fdfTimer);
-      this._fdfTimer = null;
-    }
-  },
-  methods: {
-    initFormDynamicFields() {
-      if (this.isFieldControlV2 && this.isFieldControlV2()) return;
-      const cfg = this.formConfig || {};
-      if (!cfg.dynamicFieldEnabled) return;
-      this._fdfInited = true;
-      const { map, baseline } = buildFormTargetMap(this.widgetList);
-      this._fdfMap = map;
-      this._fdfBaseline = baseline;
-      this.applyFormDynamicFields();
-      this.setupFormDynamicWatcher();
-    },
-
-    applyFormDynamicFields() {
-      if (this.isFieldControlV2 && this.isFieldControlV2()) return this.refreshFieldControl();
-      const cfg = this.formConfig || {};
-      if (!cfg.dynamicFieldEnabled) return;
-      if (cfg.dynamicFieldSourceType === "script") {
-        this.applyFormScriptStates();
-      } else {
-        const states = computeLocalStates(
-          cfg.dynamicFieldRules || [],
-          this._fdfBaseline,
-          this.formModel
-        );
-        Object.keys(states).forEach((key) =>
-          this.applyFormFieldState(key, states[key])
-        );
-      }
-    },
-
-    applyFormFieldState(targetKey, state) {
-      const entry = this._fdfMap[targetKey];
-      if (!entry) return;
-      applyTargetState(entry, state, (name) => this.getWidgetRef(name));
-    },
-
-    setupFormDynamicWatcher() {
-      const cfg = this.formConfig || {};
-      if (cfg.dynamicFieldSourceType === "script") {
-        const triggers = cfg.dynamicFieldTriggerFields || [];
-        if (!triggers.length) return;
-        this._fdfWatcher = this.$watch(
-          () =>
-            triggers
-              .map((f) => this.formModel && this.formModel[f])
-              .join("\u0001"),
-          () => this.debouncedFormApply()
-        );
-      } else {
-        this._fdfWatcher = this.$watch(
-          () => this.formModel,
-          () => this.debouncedFormApply(),
-          { deep: true }
-        );
-      }
-    },
-
-    debouncedFormApply() {
-      if (this._fdfTimer) clearTimeout(this._fdfTimer);
-      this._fdfTimer = setTimeout(() => this.applyFormDynamicFields(), 120);
-    },
-
-    applyFormScriptStates() {
-      const cfg = this.formConfig || {};
-      if (!cfg.dynamicFieldScriptCode) return;
-      const extra = this.handleCustomEvent(cfg.dynamicFieldScriptParam) || {};
-      this.formHttp({
-        scriptCode: cfg.dynamicFieldScriptCode,
-        isLoading: false,
-        data: {
-          formData: this.formModel,
-          ...extra,
-        },
-        success: (res) => {
-          const result = (res && res.objx) || {};
-          const fieldStates = result.fieldStates || {};
-          Object.keys(this._fdfBaseline).forEach((key) => {
-            if (!fieldStates[key]) {
-              this.applyFormFieldState(key, this._fdfBaseline[key]);
-            }
-          });
-          Object.keys(fieldStates).forEach((key) =>
-            this.applyFormFieldState(key, fieldStates[key])
-          );
-        },
-      });
-    },
-  },
-};