@cniot/mdd-editor 0.2.0-beta.8 → 0.3.0

package/src/components/dynamic-value/date/formily.jsx

@@ -1,6 +1,6 @@
 import React from 'react';
 import { formilyReact, formilyCore } from '@cainiaofe/cn-ui';
-import { mapSize, mapStatus } from '@src/utils/formilyHook';
+import { mapSize, mapStatus } from '$src/utils/formilyHook';
 import DynamicValueDate from './index';
 
 const { connect, mapReadPretty, mapProps } = formilyReact;

package/src/components/formily-select/index.tsx

@@ -86,7 +86,7 @@ const patchDataSource = (dataSource: any = []) => {
     if (!result.children || result.children.length === 0) {
       delete result.children;
     } else {
-      result.children = result.children.map(removeEmptyChildren);
+      result.children = result.children?.map?.(removeEmptyChildren);
     }
     return result;
   };

package/src/components/params-select/formily.jsx

@@ -1,6 +1,6 @@
 import React from 'react';
 import { formilyReact, formilyCore } from '@cainiaofe/cn-ui';
-import { mapSize, mapStatus } from '@src/utils/formilyHook';
+import { mapSize, mapStatus } from '$src/utils/formilyHook';
 import DataSourceSelect from './index';
 
 const { connect, mapReadPretty, mapProps } = formilyReact;

package/src/components/time-range/formily.jsx

@@ -1,6 +1,6 @@
 import React from 'react';
 import { formilyReact, formilyCore } from '@cainiaofe/cn-ui';
-import { mapSize, mapStatus } from '@src/utils/formilyHook';
+import { mapSize, mapStatus } from '$src/utils/formilyHook';
 import TimeRange from './index';
 
 const { connect, mapReadPretty, mapProps } = formilyReact;

package/src/hooks/useSchema.jsx

@@ -1,10 +1,10 @@
 import { useState } from 'react';
 import { createModel } from 'hox';
-import storage from '@src/utils/persistentStorage';
-import useSwagger from '@src/hooks/useSwagger';
-import { MDD_SCHEMA_LS_KEY } from '@src/common/const';
-import { Util } from '@src/schema';
-import { IS_VSCODE } from '@src/utils/vscode';
+import storage from '$src/utils/persistentStorage';
+import useSwagger from '$src/hooks/useSwagger';
+import { MDD_SCHEMA_LS_KEY } from '$src/common/const';
+import { Util } from '$src/schema';
+import { IS_VSCODE } from '$src/utils/vscode';
 
 function useSchema() {
   const { fetchSwaggerInfo } = useSwagger();

package/src/hooks/useSwagger.jsx

@@ -1,7 +1,7 @@
 import { useState } from 'react';
-import { getSwaggerInfo } from '@src/services';
+import { getSwaggerInfo } from '$src/services';
 import { createModel } from 'hox';
-import { getSwaggerInfoFromJson, buildSwaggerApiJson, buildFieldsToCompJson } from '@src/utils';
+import { getSwaggerInfoFromJson, buildSwaggerApiJson, buildFieldsToCompJson } from '$src/utils';
 
 /**
  * @returns 缓存swagger元数据信息, 方便后面匹配接口选择

package/src/schema/base-schema/AjaxSchema.js

@@ -1,4 +1,4 @@
-import JSONWatch from '@src/utils/JSONWatch';
+import JSONWatch from '$src/utils/JSONWatch';
 
 // https://yuque.antfin.com/docs/share/fcab2e9f-8f44-43b6-b84c-12ec19c2ef5d?# 《ajax schema》
 export default class AjaxSchema extends JSONWatch {

package/src/schema/base-schema/AjaxSchemaQueue.js

@@ -1,4 +1,4 @@
-import JSONWatch from '@src/utils/JSONWatch';
+import JSONWatch from '$src/utils/JSONWatch';
 import AjaxSchema from './AjaxSchema';
 
 // https://yuque.antfin.com/docs/share/fcab2e9f-8f44-43b6-b84c-12ec19c2ef5d?# 《ajax schema》

package/src/schema/blocks/edit-table.js

@@ -0,0 +1,57 @@
+/* eslint-disable indent */
+import JSONWatch from '$src/utils/JSONWatch';
+
+export default class EditTableSchema extends JSONWatch {
+  constructor(props) {
+    super({
+      columns: props, // 与 BlockSchema 中的 toJSON toJSONKey 对应
+    });
+  }
+
+  setFieldsAll(columns, ignoreUpdate = false) {
+    // TODO 已有的schema结构，如何merge
+    this.set('columns', columns, ignoreUpdate);
+  }
+
+  // 更新
+  setItemAll(value, type = 'columns', ignoreUpdate = false) {
+    this.set(type, value, ignoreUpdate);
+  }
+
+  add(field, key = 'columns', ignoreUpdate = false) {
+    this.data[key].push(field);
+    this.emit('$updated', null, ignoreUpdate);
+  }
+
+  remove(index, key = 'columns', ignoreUpdate = false) {
+    this.data[key].splice(index, 1);
+    this.emit('$updated', null, ignoreUpdate);
+  }
+  update(index, data, key = 'columns', ignoreUpdate = false) {
+    /**
+     * key 的类型如下：
+     * {string} primaryKey 主键
+     * {array} bulkActions 批量操作
+     * {array} columns 列
+     * {array} actionColumns 操作列
+     * {object} pagination 分页
+     */
+    if (['columns', 'actionColumns', 'bulkActions'].includes(key)) {
+      this.data[key].splice(index, 1, data);
+    } else {
+      this.data[key] = data;
+    }
+    this.emit('$updated', null, ignoreUpdate);
+  }
+
+  updateAll(data) {
+    this.data = data;
+    this.emit('$updated');
+  }
+
+  delete() {}
+
+  getJSON() {
+    return super.getJSON();
+  }
+}

package/src/schema/blocks/filter.js

@@ -0,0 +1,49 @@
+/* eslint-disable indent */
+import JSONWatch from '$src/utils/JSONWatch';
+import { getDefaultFomrLabelAlign } from '$src/utils';
+
+export default class FilterSchema extends JSONWatch {
+  constructor(props) {
+    super({
+      fields: props, // 与 BlockSchema 中的 toJSON toJSONKey 对应
+    });
+  }
+
+  setFieldsAll(fields, ignoreUpdate = false) {
+    this.set('fields', fields, ignoreUpdate);
+  }
+
+  // 更新
+  setItemAll(value, type = 'fields', ignoreUpdate = false) {
+    this.set(type, value, ignoreUpdate);
+  }
+
+  add(field, key = 'fields', ignoreUpdate = false) {
+    this.data[key].push(field);
+    this.emit('$updated', null, ignoreUpdate);
+  }
+
+  remove(index, key = 'fields', ignoreUpdate = false) {
+    this.data[key].splice(index, 1);
+    this.emit('$updated', null, ignoreUpdate);
+  }
+  update(index, data, key = 'fields', ignoreUpdate = false) {
+    if (['fields'].includes(key)) {
+      this.data[key].splice(index, 1, data);
+    } else {
+      this.data[key] = data;
+    }
+    this.emit('$updated', null, ignoreUpdate);
+  }
+
+  updateAll(data) {
+    this.data = data;
+    this.emit('$updated');
+  }
+
+  delete() {}
+
+  getJSON() {
+    return super.getJSON();
+  }
+}

package/src/schema/blocks/form.js

@@ -0,0 +1,49 @@
+/* eslint-disable indent */
+import JSONWatch from '$src/utils/JSONWatch';
+import { getDefaultFomrLabelAlign } from '$src/utils';
+
+export default class FormSchema extends JSONWatch {
+  constructor(props) {
+    super({
+      fields: props, // 与 BlockSchema 中的 toJSON toJSONKey 对应
+    });
+  }
+
+  setFieldsAll(fields, ignoreUpdate = false) {
+    this.set('fields', fields, ignoreUpdate);
+  }
+
+  // 更新
+  setItemAll(value, type = 'fields', ignoreUpdate = false) {
+    this.set(type, value, ignoreUpdate);
+  }
+
+  add(field, key = 'fields', ignoreUpdate = false) {
+    this.data[key].push(field);
+    this.emit('$updated', null, ignoreUpdate);
+  }
+
+  remove(index, key = 'fields', ignoreUpdate = false) {
+    this.data[key].splice(index, 1);
+    this.emit('$updated', null, ignoreUpdate);
+  }
+  update(index, data, key = 'fields', ignoreUpdate = false) {
+    if (['fields'].includes(key)) {
+      this.data[key].splice(index, 1, data);
+    } else {
+      this.data[key] = data;
+    }
+    this.emit('$updated', null, ignoreUpdate);
+  }
+
+  updateAll(data) {
+    this.data = data;
+    this.emit('$updated');
+  }
+
+  delete() {}
+
+  getJSON() {
+    return super.getJSON();
+  }
+}

package/src/schema/blocks/index.js

@@ -1,9 +1,31 @@
-import { EVENT_KEY } from '@src/common/const';
+import { EVENT_KEY } from '$src/common/const';
 import Schema from '../Schema';
 import Table from './table';
+import Filter from './filter';
+import Form from './form';
+import EditTable from './edit-table';
 
 export default class BlocksSchema extends Schema {
-  static Table = Table;
+  // static Table = Table;
+  // static Filter = Filter;
+  static BlocksInfoMap = {
+    'blocks-table': {
+      schema: Table,
+      toJSONKey: 'columns',
+    },
+    'blocks-edit-table': {
+      schema: EditTable,
+      toJSONKey: 'columns',
+    },
+    'blocks-filter': {
+      schema: Filter,
+      toJSONKey: 'fields',
+    },
+    'blocks-form': {
+      schema: Form,
+      toJSONKey: 'fields',
+    },
+  };
 
   /**
    * @param {*} props
@@ -13,10 +35,11 @@ export default class BlocksSchema extends Schema {
    * }
    */
   constructor(props, isCompleteSchema = false) {
-    const { type, blocks, ...more } = isCompleteSchema ? props.body : props;
+    const { type, blocks = [], ...more } = isCompleteSchema ? props.body : props;
     super(more);
     this.type = type;
-    this.blocks = new Table(blocks);
+    const RealSchema = BlocksSchema.BlocksInfoMap[type].schema;
+    this.blocks = new RealSchema(blocks);
 
     this.willDetach = this.initChangeListener();
   }
@@ -37,7 +60,7 @@ export default class BlocksSchema extends Schema {
   // 根据schema初始化对象, 二次打开
   initFromCache(schema) {
     const { body, ...more } = schema;
-    const { blocks, } = body;
+    const { blocks } = body;
     // 先关闭storage的更新
     if (this.willDetach) {
       this.willDetach();
@@ -46,7 +69,6 @@ export default class BlocksSchema extends Schema {
     this.init(more);
     this.blocks.updateAll(blocks);
 
-
     // 再开启change监听
     this.willDetach = this.initChangeListener();
   }
@@ -56,20 +78,20 @@ export default class BlocksSchema extends Schema {
     return this.type;
   }
 
-  //  table内容
-  getTablePanel() {
+  getPanel() {
     return this.blocks;
   }
 
   getAllJSON() {
     const res = super.getAllJSON();
-    return { ...res, type: 'blocks', }
+    return { ...res, type: 'blocks' };
   }
 
   toJSON() {
+    const toJSONKey = BlocksSchema.BlocksInfoMap[this.type].toJSONKey;
     return {
       type: this.type,
-      blocks: this.blocks.getJSON().columns, // 与 TableSchema constructor 中 的 key 对应
+      blocks: this.blocks.getJSON()[toJSONKey], // 与 TableSchema constructor 中 的 key 对应
     };
   }
 

package/src/schema/blocks/table.js

@@ -1,12 +1,11 @@
 /* eslint-disable indent */
-import JSONWatch from '@src/utils/JSONWatch';
+import JSONWatch from '$src/utils/JSONWatch';
 
 export default class TableSchema extends JSONWatch {
   constructor(props) {
     super({
-      columns: props, // 与 BlockSchema 中的 toJSON 对应
+      columns: props, // 与 BlockSchema 中的 toJSON toJSONKey 对应
     });
-
   }
 
   setFieldsAll(columns, ignoreUpdate = false) {
@@ -50,7 +49,7 @@ export default class TableSchema extends JSONWatch {
     this.emit('$updated');
   }
 
-  delete() { }
+  delete() {}
 
   getJSON() {
     return super.getJSON();

package/src/schema/detail/detail-item.js

@@ -1,4 +1,4 @@
-import JSONWatch from '@src/utils/JSONWatch';
+import JSONWatch from '$src/utils/JSONWatch';
 
 export default class DetailItemSchema extends JSONWatch {
   constructor(props) {
@@ -20,7 +20,7 @@ export default class DetailItemSchema extends JSONWatch {
       current = 1, // 步骤条，当前步数
       columnsDirection = 'row', // 分栏组件 方向，默认横向分栏
       columnsBoxes = [],
-      hideCardTitle = false,
+      height = 100,
       ...more
     } = props || {};
     super({
@@ -41,7 +41,7 @@ export default class DetailItemSchema extends JSONWatch {
       current,
       columnsDirection,
       columnsBoxes,
-      hideCardTitle,
+      height,
       ...more,
     });
   }
@@ -143,7 +143,7 @@ export default class DetailItemSchema extends JSONWatch {
      * {array} actionColumns 操作列
      * {object} pagination 分页
      */
-    if (['columnsBoxes','columns', 'actionColumns', 'bulkActions'].includes(key)) {
+    if (['columnsBoxes', 'columns', 'actionColumns', 'bulkActions'].includes(key)) {
       this.data[key].splice(index, 1, record);
     } else {
       this.data[key] = record;
@@ -195,5 +195,5 @@ export default class DetailItemSchema extends JSONWatch {
     this.emit('$updated');
   }
 
-  delete() { }
+  delete() {}
 }

package/src/schema/detail/index.js

@@ -1,10 +1,10 @@
-import { EVENT_KEY } from '@src/common/const';
+import { EVENT_KEY } from '$src/common/const';
 import Schema from '../Schema';
 import { Message } from '@cainiaofe/cn-ui';
 import DetailItem from './detail-item';
 import AjaxSchema from '../base-schema/AjaxSchema';
-import buildSwaggerApiJson from '@src/utils/buildSwaggerApiJson';
-import buildFieldsToCompJson from '@src/utils/buildFieldsToCompJson';
+import buildSwaggerApiJson from '$src/utils/buildSwaggerApiJson';
+import buildFieldsToCompJson from '$src/utils/buildFieldsToCompJson';
 
 export default class DetailSchema extends Schema {
   /**
@@ -20,6 +20,8 @@ export default class DetailSchema extends Schema {
       hasAnchor = false,
       children,
       initDataSource,
+      fullHeight,
+      whiteBackground,
       ...more
     } = isCompleteSchema ? props.body : props;
     super(more);
@@ -27,6 +29,8 @@ export default class DetailSchema extends Schema {
     this.hasBackBtn = hasBackBtn;
     this.backText = backText;
     this.hasAnchor = hasAnchor; // 是否带电梯
+    this.fullHeight = fullHeight;
+    this.whiteBackground = whiteBackground;
     this.initChildren(children, initDataSource);
 
     this.initDataSource = initDataSource ? new AjaxSchema(initDataSource) : {};
@@ -39,21 +43,21 @@ export default class DetailSchema extends Schema {
     /* eslint-disable */
     this.children = children
       ? children
-          .map((item) => {
-            if (!item) return null;
-            return new DetailItem(item);
-          })
-          .filter(Boolean)
+        .map((item) => {
+          if (!item) return null;
+          return new DetailItem(item);
+        })
+        .filter(Boolean)
       : [
-          new DetailItem({
-            groupId: '',
-            type: 'detail-card',
-            label: '基础信息',
-            col: 3,
-            columns: [],
-            source: [initDataSource],
-          }),
-        ];
+        new DetailItem({
+          groupId: '',
+          type: 'detail-card',
+          label: '基础信息',
+          col: 3,
+          columns: [],
+          source: [initDataSource],
+        }),
+      ];
   }
 
   // 基础信息change key 主要是 hasBackBtn 和 backText
@@ -126,7 +130,7 @@ export default class DetailSchema extends Schema {
   // 根据schema初始化对象, 二次打开
   initFromCache(schema) {
     const { body, ...more } = schema;
-    const { hasBackBtn, backText, hasAnchor, children } = body;
+    const { hasBackBtn, backText, hasAnchor, fullHeight, whiteBackground, children } = body;
 
     // 先关闭storage的更新
     // if (this.willDetach) {
@@ -136,6 +140,8 @@ export default class DetailSchema extends Schema {
     this.baseInfoChange('hasBackBtn', hasBackBtn);
     this.baseInfoChange('backText', backText);
     this.baseInfoChange('hasAnchor', hasAnchor);
+    this.baseInfoChange('fullHeight,', fullHeight);
+    this.baseInfoChange('whiteBackground,', whiteBackground);
     this.initChildren(children);
 
     this.refreshChildrenListener();
@@ -186,6 +192,8 @@ export default class DetailSchema extends Schema {
       hasBackBtn: this.hasBackBtn,
       backText: this.backText,
       hasAnchor: this.hasAnchor,
+      fullHeight: this.fullHeight,
+      whiteBackground: this.whiteBackground,
       children: this.children.map((item) => item.getJSON()),
     };
   }

package/src/schema/edit-table/header-toolbar.js

@@ -1,4 +1,4 @@
-import JSONWatch from '@src/utils/JSONWatch';
+import JSONWatch from '$src/utils/JSONWatch';
 
 export default class HeaderToolbar extends JSONWatch {
   constructor(operationFields = []) {

package/src/schema/edit-table/index.js

@@ -1,14 +1,14 @@
-import JSONWatch from '@src/utils/JSONWatch';
-import { EVENT_KEY } from '@src/common/const';
+import JSONWatch from '$src/utils/JSONWatch';
+import { EVENT_KEY } from '$src/common/const';
 import Schema from '../Schema';
 import { Message } from '@cainiaofe/cn-ui';
 import Table from './table';
 import AjaxSchema from '../base-schema/AjaxSchema';
 import HeaderToolbar from './header-toolbar';
-import buildSwaggerApiJson from '@src/utils/buildSwaggerApiJson';
-import buildFieldsToCompJson from '@src/utils/buildFieldsToCompJson';
+import buildSwaggerApiJson from '$src/utils/buildSwaggerApiJson';
+import buildFieldsToCompJson from '$src/utils/buildFieldsToCompJson';
 
-export default class FtpSchema extends Schema {
+export default class EditTableSchema extends Schema {
   /**
    * @param {*} props
    *  type:"edit-table",
@@ -31,6 +31,7 @@ export default class FtpSchema extends Schema {
       hasAddRow = true,
       hasDeleteRow = true,
       headerToolbar = [],
+      maxRowLength,
       ...more
     } = isCompleteSchema ? props.body : props;
     super(more);
@@ -41,6 +42,7 @@ export default class FtpSchema extends Schema {
     this.deleteBtnText = deleteBtnText;
     this.hasSaveBtn = hasSaveBtn;
     this.hasAddRow = hasAddRow;
+    this.maxRowLength = maxRowLength;
     this.hasDeleteRow = hasDeleteRow;
 
     this.initApi = new AjaxSchema(initApi);
@@ -102,6 +104,7 @@ export default class FtpSchema extends Schema {
       hasAddRow,
       hasDeleteRow,
       headerToolbar,
+      maxRowLength,
     } = body;
 
     // 先关闭storage的更新
@@ -119,6 +122,7 @@ export default class FtpSchema extends Schema {
     this.saveBtnText = saveBtnText;
     this.hasSaveBtn = hasSaveBtn;
     this.hasAddRow = hasAddRow;
+    this.maxRowLength = maxRowLength;
     this.hasDeleteRow = hasDeleteRow;
 
     // 再开启change监听
@@ -191,6 +195,7 @@ export default class FtpSchema extends Schema {
       deleteBtnText: this.deleteBtnText,
       hasSaveBtn: this.hasSaveBtn,
       hasAddRow: this.hasAddRow,
+      maxRowLength: this.maxRowLength,
       hasDeleteRow: this.hasDeleteRow,
       initApi: this.initApi.getJSON(),
       submitApi: this.submitApi.getJSON(),

package/src/schema/edit-table/table.js

@@ -1,4 +1,4 @@
-import JSONWatch from '@src/utils/JSONWatch';
+import JSONWatch from '$src/utils/JSONWatch';
 
 export default class TableSchema extends JSONWatch {
   constructor(props) {
@@ -9,12 +9,16 @@ export default class TableSchema extends JSONWatch {
       primaryKey = 'id',
       tree = false, // 开启树形
       showIndex = false, // 是否显示序号
-      hideCommonToolbar = false, // 是否影藏通用顶部操作区
+      hideCommonToolbar = true, // 是否隐藏通用顶部操作区
+      useVirtual = true, // 开启虚拟滚动
+      columnsAutoWidth = true, // 开启列宽自适应
       pagination = {
         defaultPageSize: 20, // 默认分页大小
         paging: true, // 开启分页
         disableGlobalConfig: false, // 禁用全局分页配置
       },
+      maxHeight,
+      storageKey = Date.now(),
     } = props || {};
     super({
       columns,
@@ -25,6 +29,10 @@ export default class TableSchema extends JSONWatch {
       tree,
       showIndex,
       hideCommonToolbar,
+      useVirtual,
+      columnsAutoWidth,
+      maxHeight,
+      storageKey,
     });
   }
 

package/src/schema/formily-form/data-source.js

@@ -1,4 +1,4 @@
-import JSONWatch from '@src/utils/JSONWatch';
+import JSONWatch from '$src/utils/JSONWatch';
 
 export default class DataSourceSchema extends JSONWatch {
   constructor(api) {

package/src/schema/formily-form/form-schema.js

@@ -1,4 +1,4 @@
-import JSONWatch from '@src/utils/JSONWatch';
+import JSONWatch from '$src/utils/JSONWatch';
 
 export default class FormSchema extends JSONWatch {
   constructor(props) {

package/src/schema/formily-form/index.js

@@ -1,13 +1,13 @@
-import JSONWatch from '@src/utils/JSONWatch';
+import JSONWatch from '$src/utils/JSONWatch';
 import Schema from '../Schema';
 import DataSource from './data-source';
-import FormSchema from '@src/schema/formily-form/form-schema';
-import buildSwagerApiJosn from '@src/utils/buildSwaggerApiJson';
-import { schemaScenarioList } from '@src/services';
-import { makeSchema, list2Schema } from '@src/utils/formilyUtil';
-import { EVENT_KEY } from '@src/common/const';
-import buildFieldsToCompJson from '@src/utils/buildFieldsToCompJson';
-import buildSwaggerApiJson from '@src/utils/buildSwaggerApiJson';
+import FormSchema from '$src/schema/formily-form/form-schema';
+import buildSwagerApiJosn from '$src/utils/buildSwaggerApiJson';
+import { schemaScenarioList } from '$src/services';
+import { makeSchema, list2Schema } from '$src/utils/formilyUtil';
+import { EVENT_KEY } from '$src/common/const';
+import buildFieldsToCompJson from '$src/utils/buildFieldsToCompJson';
+import buildSwaggerApiJson from '$src/utils/buildSwaggerApiJson';
 import upperFirst from 'lodash/upperFirst';
 
 const fieldsComp2FormilyComp = (str) => {

package/src/schema/formily-form-v2/form-info.js

@@ -1,5 +1,5 @@
-import JSONWatch from '@src/utils/JSONWatch';
-import { getDefaultFomrLabelAlign } from '@src/utils';
+import JSONWatch from '$src/utils/JSONWatch';
+import { getDefaultFomrLabelAlign } from '$src/utils';
 
 // 表单基础信息配置
 export default class FormInfo extends JSONWatch {

package/src/schema/formily-form-v2/form-items.js

@@ -1,4 +1,4 @@
-import JSONWatch from '@src/utils/JSONWatch';
+import JSONWatch from '$src/utils/JSONWatch';
 
 // 表单项配置
 export default class FormItems extends JSONWatch {

package/src/schema/formily-form-v2/index.js

@@ -1,11 +1,11 @@
-import { EVENT_KEY } from '@src/common/const';
+import { EVENT_KEY } from '$src/common/const';
 import Schema from '../Schema';
 import FormInfo from './form-info';
 import FormItems from './form-items';
 import AjaxSchema from '../base-schema/AjaxSchema';
 import AjaxSchemaQueue from '../base-schema/AjaxSchemaQueue';
-import buildSwaggerApiJson from '@src/utils/buildSwaggerApiJson';
-import buildFieldsToCompJson from '@src/utils/buildFieldsToCompJson';
+import buildSwaggerApiJson from '$src/utils/buildSwaggerApiJson';
+import buildFieldsToCompJson from '$src/utils/buildFieldsToCompJson';
 
 export default class FormilyFormV2Schema extends Schema {
   static FormInfo = FormInfo;

package/src/schema/ftp/data-source.js

@@ -1,4 +1,4 @@
-import JSONWatch from '@src/utils/JSONWatch';
+import JSONWatch from '$src/utils/JSONWatch';
 
 export default class DataSourceSchema extends JSONWatch {
   constructor(props) {