DataManager.js

export default {
  methods: {
    dataFields(screen, definition) {
      const localVariables = this.variables.filter(
        (v) => !this.isComputedVariable(v.name, definition)
      );
      localVariables.forEach((v) => {
        const { component } = v.element;
        const dataFormat = v.config.dataFormat || null;
        const safeDotName = this.safeDotName(v.name);
        // For checkboxes, use explicit undefined checks to preserve false values
        const isCheckbox = component === "FormCheckbox";
        const vdataCheck = isCheckbox ? "vdataVal !== undefined" : "vdataVal";
        const dataCheck = isCheckbox ? "dataVal !== undefined" : "dataVal";
        this.addData(
          screen,
          safeDotName,
          `
            (() => {
              const vdataVal = this.getValue(${JSON.stringify(
                v.name
              )}, this.vdata);
              if (${vdataCheck}) return vdataVal;
              const dataVal = this.getValue(${JSON.stringify(v.name)}, data);
              if (${dataCheck}) return dataVal;
              return this.initialValue('${component}', '${dataFormat}', ${JSON.stringify(
            v.config
          )});
            })()
          `,
          v.name
        );
        this.addWatch(
          screen,
          `vdata.${v.name}`,
          `if (this.canUpdate("${safeDotName}")) {
            this.${safeDotName} = value;
          }`
        );
      });
      this.addProp(screen, "vdata", null);
    },
    /**
     * Replace `.` by `_DOT_` in a variable name
     * @param {string} name
     * @returns {string}
     */
    safeDotName(name) {
      // if starts with _parent returns as is
      if (name.startsWith("_parent")) {
        return name;
      }
      return name.replace(/\./g, "_DOT_");
    }
  },
  mounted() {
    this.extensions.push({
      onbuild({ screen, definition }) {
        this.dataFields(screen, definition);
      }
    });
  }
};