@farris/ui-vue 1.7.2-beta.1 → 1.7.2-beta.2

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (128) hide show
  1. package/components/avatar/index.esm.js +155 -148
  2. package/components/avatar/index.umd.cjs +1 -1
  3. package/components/button-edit/index.esm.js +1 -1
  4. package/components/button-edit/index.umd.cjs +1 -1
  5. package/components/calendar/index.esm.js +226 -224
  6. package/components/calendar/index.umd.cjs +3 -3
  7. package/components/collection-property-editor/index.esm.js +225 -223
  8. package/components/collection-property-editor/index.umd.cjs +2 -2
  9. package/components/combo-list/index.esm.js +76 -71
  10. package/components/combo-list/index.umd.cjs +1 -1
  11. package/components/comment/index.esm.js +169 -167
  12. package/components/comment/index.umd.cjs +6 -6
  13. package/components/component/index.esm.js +3691 -3043
  14. package/components/component/index.umd.cjs +2 -2
  15. package/components/condition/index.esm.js +2015 -1352
  16. package/components/condition/index.umd.cjs +2 -2
  17. package/components/data-grid/index.esm.js +407 -430
  18. package/components/data-grid/index.umd.cjs +1 -1
  19. package/components/data-view/index.esm.js +3082 -3196
  20. package/components/data-view/index.umd.cjs +1 -1
  21. package/components/designer-canvas/index.esm.js +3364 -2713
  22. package/components/designer-canvas/index.umd.cjs +1 -1
  23. package/components/drawer/index.esm.js +66 -64
  24. package/components/drawer/index.umd.cjs +2 -2
  25. package/components/dynamic-form/index.esm.js +1176 -524
  26. package/components/dynamic-form/index.umd.cjs +1 -1
  27. package/components/dynamic-resolver/index.esm.js +182 -180
  28. package/components/dynamic-resolver/index.umd.cjs +2 -2
  29. package/components/dynamic-view/index.esm.js +531 -455
  30. package/components/dynamic-view/index.umd.cjs +1 -1
  31. package/components/events-editor/index.esm.js +2352 -1700
  32. package/components/events-editor/index.umd.cjs +3 -3
  33. package/components/expression-editor/index.esm.js +8 -3
  34. package/components/expression-editor/index.umd.cjs +2 -2
  35. package/components/filter-bar/index.esm.js +422 -413
  36. package/components/filter-bar/index.umd.cjs +2 -2
  37. package/components/filter-condition-editor/index.esm.js +8 -3
  38. package/components/filter-condition-editor/index.umd.cjs +1 -1
  39. package/components/image/index.esm.js +363 -354
  40. package/components/image/index.umd.cjs +2 -2
  41. package/components/language-textbox/index.esm.js +189 -187
  42. package/components/language-textbox/index.umd.cjs +2 -2
  43. package/components/list-view/index.esm.js +388 -389
  44. package/components/list-view/index.umd.cjs +5 -5
  45. package/components/mapping-editor/index.esm.js +1465 -1488
  46. package/components/mapping-editor/index.umd.cjs +1 -1
  47. package/components/number-range/index.esm.js +180 -173
  48. package/components/number-range/index.umd.cjs +1 -1
  49. package/components/order/index.esm.js +815 -811
  50. package/components/order/index.umd.cjs +5 -5
  51. package/components/property-panel/index.esm.js +429 -420
  52. package/components/property-panel/index.umd.cjs +3 -3
  53. package/components/query-solution/index.esm.js +4746 -4085
  54. package/components/query-solution/index.umd.cjs +7 -7
  55. package/components/schema-selector/index.esm.js +1401 -1402
  56. package/components/schema-selector/index.umd.cjs +5 -5
  57. package/components/section/index.esm.js +102 -100
  58. package/components/section/index.umd.cjs +2 -2
  59. package/components/sort-condition-editor/index.esm.js +8 -3
  60. package/components/sort-condition-editor/index.umd.cjs +1 -1
  61. package/components/transfer/index.esm.js +537 -538
  62. package/components/transfer/index.umd.cjs +5 -5
  63. package/components/tree-grid/index.esm.js +280 -283
  64. package/components/tree-grid/index.umd.cjs +1 -1
  65. package/components/tree-view/index.esm.js +200 -202
  66. package/components/tree-view/index.umd.cjs +1 -1
  67. package/components/uploader/index.esm.js +533 -519
  68. package/components/uploader/index.umd.cjs +2 -2
  69. package/designer/data-grid/index.esm.js +3806 -3905
  70. package/designer/data-grid/index.umd.cjs +9 -9
  71. package/designer/drawer/index.esm.js +188 -186
  72. package/designer/drawer/index.umd.cjs +2 -2
  73. package/designer/dynamic-form/index.esm.js +1562 -1073
  74. package/designer/dynamic-form/index.umd.cjs +2 -2
  75. package/designer/farris-designer.all.esm.js +9793 -8613
  76. package/designer/farris-designer.all.umd.cjs +8 -8
  77. package/designer/list-view/index.esm.js +564 -564
  78. package/designer/list-view/index.umd.cjs +6 -6
  79. package/designer/radio-group/index.esm.js +236 -229
  80. package/designer/radio-group/index.umd.cjs +1 -1
  81. package/designer/response-layout-editor/index.esm.js +178 -171
  82. package/designer/response-layout-editor/index.umd.cjs +1 -1
  83. package/designer/tabs/index.esm.js +3154 -2508
  84. package/designer/tabs/index.umd.cjs +2 -2
  85. package/designer/time-picker/index.esm.js +193 -186
  86. package/designer/time-picker/index.umd.cjs +1 -1
  87. package/designer/tree-grid/index.esm.js +444 -447
  88. package/designer/tree-grid/index.umd.cjs +1 -1
  89. package/farris.all.esm.js +60126 -59649
  90. package/farris.all.umd.cjs +30 -30
  91. package/index.css +1 -1
  92. package/package.json +1 -1
  93. package/types/components.d.ts +1 -1
  94. package/types/condition/src/composition/condition-value/dropdown-value.d.ts +4 -0
  95. package/types/data-grid/index.d.ts +2 -5
  96. package/types/data-grid/src/data-grid.component.d.ts +1 -2
  97. package/types/data-view/components/row/hierarchy-row.component.d.ts +2 -2
  98. package/types/data-view/composition/appearance/use-cell-position.d.ts +1 -1
  99. package/types/data-view/composition/types.d.ts +0 -4
  100. package/types/data-view/composition/visualization/use-virtual-scroll.d.ts +2 -2
  101. package/types/data-view/composition/visualization/use-visual-data-bound.d.ts +2 -3
  102. package/types/data-view/composition/visualization/use-visual-data-row.d.ts +1 -2
  103. package/types/designer-canvas/src/composition/dg-control.d.ts +24 -0
  104. package/types/dynamic-form/designer.d.ts +0 -1
  105. package/types/dynamic-form/index.d.ts +4 -3
  106. package/types/dynamic-form/src/designer/dynamic-form.design.component.d.ts +8 -0
  107. package/types/dynamic-form/src/designer/response-form.design.props.d.ts +14 -0
  108. package/types/dynamic-form/src/designer/use-dynamic-form-rules.d.ts +2 -0
  109. package/types/dynamic-form/src/dynamic-form.component.d.ts +8 -0
  110. package/types/dynamic-form/src/response-form.props.d.ts +13 -1
  111. package/types/dynamic-form/src/schema/response-form-schema-resolver.d.ts +1 -0
  112. package/types/dynamic-form/src/types.d.ts +1 -0
  113. package/types/dynamic-resolver/src/types.d.ts +1 -0
  114. package/types/dynamic-view/index.d.ts +43 -3
  115. package/types/dynamic-view/src/components/maps.d.ts +6 -6
  116. package/types/dynamic-view/src/composition/index.d.ts +5 -0
  117. package/types/dynamic-view/src/composition/use-utils.d.ts +12 -0
  118. package/types/dynamic-view/src/dynamic-view.component.d.ts +6 -6
  119. package/types/language-textbox/index.d.ts +3 -3
  120. package/types/language-textbox/src/components/language-contents.component.d.ts +1 -1
  121. package/types/language-textbox/src/language-textbox.component.d.ts +1 -1
  122. package/types/lookup/src/components/favorite/lookup-favorite.component.d.ts +1 -1
  123. package/types/lookup/src/components/popup-container.component.d.ts +3 -3
  124. package/types/property-panel/src/property-panel.component.d.ts +3 -3
  125. package/types/tree-grid/src/components/data/data-area.component.d.ts +2 -2
  126. package/types/tree-grid/src/tree-grid.props.d.ts +0 -1
  127. package/types/tree-view/src/components/data/tree-area.component.d.ts +1 -1
  128. package/types/tree-view/src/tree-view.props.d.ts +0 -1
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@farris/ui-vue",
3
- "version": "1.7.2-beta.1",
3
+ "version": "1.7.2-beta.2",
4
4
  "license": "Apache-2.0",
5
5
  "description": "Farris Vue, a Farris Design based Vue3 component library.",
6
6
  "keywords": [
@@ -36,7 +36,7 @@ export * from './data-view';
36
36
  export type { DataColumn, VisualData, VisualDataCell, RowOptions } from './data-view';
37
37
  export { default as FDrawer } from './drawer';
38
38
  export type { DrawerProps } from './drawer';
39
- export { FResponseForm as FDynamicForm, FDynamicFormGroup, FDynamicFormInput } from './dynamic-form';
39
+ export { FResponseForm, FDynamicForm, FDynamicFormGroup, FDynamicFormInput } from './dynamic-form';
40
40
  export type { EditorConfig } from './dynamic-form';
41
41
  export { default as FFilterBar } from './filter-bar';
42
42
  export type { FilterBarProps } from './filter-bar';
@@ -14,6 +14,10 @@ export declare class ComboListValue implements ConditionValue {
14
14
  valueList: any[];
15
15
  }, editor?: any);
16
16
  clear(): void;
17
+ /**
18
+ * 更新数据源
19
+ */
20
+ updateData(dataList: any[]): void;
17
21
  getValue(): any;
18
22
  getDisplayText(): string;
19
23
  setValue(data: {
@@ -22,8 +22,7 @@ declare const _default: {
22
22
  onFilterChanged?: ((...args: any[]) => any) | undefined;
23
23
  onSortChanged?: ((...args: any[]) => any) | undefined;
24
24
  onEndEditRow?: ((...args: any[]) => any) | undefined;
25
- onFieldsEvent?: ((...args: any[]) => any) | undefined;
26
- }>, () => any, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("selectItem" | "unSelectItem" | "selectionChange" | "pageIndexChanged" | "pageSizeChanged" | "changed" | "selectionUpdate" | "clickRow" | "doubleClickRow" | "enterUpInLastCell" | "selectAll" | "unSelectAll" | "beginEditCell" | "endEditCell" | "filterChanged" | "sortChanged" | "endEditRow" | "fieldsEvent")[], import("vue").PublicProps, {
25
+ }>, () => any, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("selectItem" | "unSelectItem" | "selectionChange" | "pageIndexChanged" | "pageSizeChanged" | "changed" | "selectionUpdate" | "clickRow" | "doubleClickRow" | "enterUpInLastCell" | "selectAll" | "unSelectAll" | "beginEditCell" | "endEditCell" | "filterChanged" | "sortChanged" | "endEditRow")[], import("vue").PublicProps, {
27
26
  [x: string]: any;
28
27
  }, true, {}, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, {}, any, import("vue").ComponentProvideOptions, {
29
28
  P: {};
@@ -52,7 +51,6 @@ declare const _default: {
52
51
  onFilterChanged?: ((...args: any[]) => any) | undefined;
53
52
  onSortChanged?: ((...args: any[]) => any) | undefined;
54
53
  onEndEditRow?: ((...args: any[]) => any) | undefined;
55
- onFieldsEvent?: ((...args: any[]) => any) | undefined;
56
54
  }>, () => any, {}, {}, {}, {
57
55
  [x: string]: any;
58
56
  }>;
@@ -79,8 +77,7 @@ declare const _default: {
79
77
  onFilterChanged?: ((...args: any[]) => any) | undefined;
80
78
  onSortChanged?: ((...args: any[]) => any) | undefined;
81
79
  onEndEditRow?: ((...args: any[]) => any) | undefined;
82
- onFieldsEvent?: ((...args: any[]) => any) | undefined;
83
- }>, () => any, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("selectItem" | "unSelectItem" | "selectionChange" | "pageIndexChanged" | "pageSizeChanged" | "changed" | "selectionUpdate" | "clickRow" | "doubleClickRow" | "enterUpInLastCell" | "selectAll" | "unSelectAll" | "beginEditCell" | "endEditCell" | "filterChanged" | "sortChanged" | "endEditRow" | "fieldsEvent")[], "selectItem" | "unSelectItem" | "selectionChange" | "pageIndexChanged" | "pageSizeChanged" | "changed" | "selectionUpdate" | "clickRow" | "doubleClickRow" | "enterUpInLastCell" | "selectAll" | "unSelectAll" | "beginEditCell" | "endEditCell" | "filterChanged" | "sortChanged" | "endEditRow" | "fieldsEvent", {
80
+ }>, () => any, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("selectItem" | "unSelectItem" | "selectionChange" | "pageIndexChanged" | "pageSizeChanged" | "changed" | "selectionUpdate" | "clickRow" | "doubleClickRow" | "enterUpInLastCell" | "selectAll" | "unSelectAll" | "beginEditCell" | "endEditCell" | "filterChanged" | "sortChanged" | "endEditRow")[], "selectItem" | "unSelectItem" | "selectionChange" | "pageIndexChanged" | "pageSizeChanged" | "changed" | "selectionUpdate" | "clickRow" | "doubleClickRow" | "enterUpInLastCell" | "selectAll" | "unSelectAll" | "beginEditCell" | "endEditCell" | "filterChanged" | "sortChanged" | "endEditRow", {
84
81
  [x: string]: any;
85
82
  }, {}, string, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, import("vue").ComponentProvideOptions> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & import("vue").Plugin;
86
83
  export default _default;
@@ -1,6 +1,6 @@
1
1
  declare const _default: import("vue").DefineComponent<{
2
2
  [x: string]: any;
3
- }, () => any, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("selectItem" | "unSelectItem" | "selectionChange" | "pageIndexChanged" | "pageSizeChanged" | "changed" | "selectionUpdate" | "clickRow" | "doubleClickRow" | "enterUpInLastCell" | "selectAll" | "unSelectAll" | "beginEditCell" | "endEditCell" | "filterChanged" | "sortChanged" | "endEditRow" | "fieldsEvent")[], "selectItem" | "unSelectItem" | "selectionChange" | "pageIndexChanged" | "pageSizeChanged" | "changed" | "selectionUpdate" | "clickRow" | "doubleClickRow" | "enterUpInLastCell" | "selectAll" | "unSelectAll" | "beginEditCell" | "endEditCell" | "filterChanged" | "sortChanged" | "endEditRow" | "fieldsEvent", import("vue").PublicProps, Readonly<{
3
+ }, () => any, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("selectItem" | "unSelectItem" | "selectionChange" | "pageIndexChanged" | "pageSizeChanged" | "changed" | "selectionUpdate" | "clickRow" | "doubleClickRow" | "enterUpInLastCell" | "selectAll" | "unSelectAll" | "beginEditCell" | "endEditCell" | "filterChanged" | "sortChanged" | "endEditRow")[], "selectItem" | "unSelectItem" | "selectionChange" | "pageIndexChanged" | "pageSizeChanged" | "changed" | "selectionUpdate" | "clickRow" | "doubleClickRow" | "enterUpInLastCell" | "selectAll" | "unSelectAll" | "beginEditCell" | "endEditCell" | "filterChanged" | "sortChanged" | "endEditRow", import("vue").PublicProps, Readonly<{
4
4
  [x: string]: any;
5
5
  }> & Readonly<{
6
6
  onSelectItem?: ((...args: any[]) => any) | undefined;
@@ -20,7 +20,6 @@ declare const _default: import("vue").DefineComponent<{
20
20
  onFilterChanged?: ((...args: any[]) => any) | undefined;
21
21
  onSortChanged?: ((...args: any[]) => any) | undefined;
22
22
  onEndEditRow?: ((...args: any[]) => any) | undefined;
23
- onFieldsEvent?: ((...args: any[]) => any) | undefined;
24
23
  }>, {
25
24
  [x: string]: any;
26
25
  }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
@@ -1,6 +1,6 @@
1
- import { ComputedRef, Ref, SetupContext } from "vue";
1
+ import { Ref, SetupContext } from "vue";
2
2
  import { ColumnContext, DataViewOptions, UseDataView, UseEdit, UseHierarchy, UseRow, UseSelectHierarchyItem, UseSelection, UseVirtualScroll, UseVisualData, UseVisualDataBound, VisualData } from "../../composition/types";
3
- export default function (props: DataViewOptions, context: SetupContext, columnContext: Ref<ColumnContext>, visibleDatas: Ref<VisualData[]>, useDataViewComposition: UseDataView, useEditComposition: UseEdit, useHierarchyComposition: UseHierarchy, useRowComposition: UseRow, useSelectionCompostion: UseSelection, useSelectHierarchyItemComposition: UseSelectHierarchyItem, useVirtualScrollComposition: UseVirtualScroll, useVisualDataComposition: UseVisualData, useVisualDataBoundComposition: UseVisualDataBound, rowHeight: Ref<number>, showForm: Ref<boolean> | ComputedRef<boolean>): {
3
+ export default function (props: DataViewOptions, context: SetupContext, columnContext: Ref<ColumnContext>, visibleDatas: Ref<VisualData[]>, useDataViewComposition: UseDataView, useEditComposition: UseEdit, useHierarchyComposition: UseHierarchy, useRowComposition: UseRow, useSelectionCompostion: UseSelection, useSelectHierarchyItemComposition: UseSelectHierarchyItem, useVirtualScrollComposition: UseVirtualScroll, useVisualDataComposition: UseVisualData, useVisualDataBoundComposition: UseVisualDataBound): {
4
4
  renderDataRow: (visualData: VisualData, cellPositionMap: Record<string, {
5
5
  left: number;
6
6
  width?: number;
@@ -15,4 +15,4 @@
15
15
  */
16
16
  import { Ref } from 'vue';
17
17
  import { ColumnContext, DataViewOptions, UseCellPosition } from '../types';
18
- export declare function useCellPosition(props: DataViewOptions, context: Ref<ColumnContext>, rowHeight: Ref<number>, showForm: Ref<boolean>): UseCellPosition;
18
+ export declare function useCellPosition(props: DataViewOptions, context: Ref<ColumnContext>): UseCellPosition;
@@ -579,8 +579,6 @@ export interface DataViewOptions {
579
579
  };
580
580
  emptyTemplate: null | undefined | (() => VNode | string);
581
581
  beforeUpdate: (context: any) => Promise<any> | any;
582
- checkboxPosition: string;
583
- mergeFields: string[];
584
582
  }
585
583
  export interface UseDataView {
586
584
  addFilter: (filterKey: string, filter: DataViewFilter) => any[];
@@ -893,8 +891,6 @@ export interface UseSelection {
893
891
  keepSelectingOnPaging: ComputedRef<boolean>;
894
892
  emitSelectionChanged: () => void;
895
893
  emptyCurrentRowId: () => void;
896
- updateSelectedValues: (ids: string[]) => void;
897
- removeSelectedValues: (ids: string[]) => void;
898
894
  }
899
895
  export interface UseSelectHierarchyItem {
900
896
  getNextSelectableHierarchyItemId(visualDataIndex: number): string | null;
@@ -14,5 +14,5 @@
14
14
  * limitations under the License.
15
15
  */
16
16
  import { ColumnContext, DataViewOptions, UseDataView, UseEdit, UseVirtualScroll, UseVisualData, VisualData } from '../types';
17
- import { ComputedRef, Ref } from 'vue';
18
- export declare function useVirtualScroll(props: DataViewOptions, dataViewComposition: UseDataView, visibleDatas: Ref<VisualData[]>, columnContext: Ref<ColumnContext>, visualDataComposition: UseVisualData, visibleCapacity: Ref<number>, preloadCount: number, sidebarWidth: Ref<number>, rowHeight: Ref<number>, showForm: Ref<boolean> | ComputedRef<boolean>, useEditComposition?: UseEdit): UseVirtualScroll;
17
+ import { Ref } from 'vue';
18
+ export declare function useVirtualScroll(props: DataViewOptions, dataViewComposition: UseDataView, visibleDatas: Ref<VisualData[]>, columnContext: Ref<ColumnContext>, visualDataComposition: UseVisualData, visibleCapacity: Ref<number>, preloadCount: number, sidebarWidth: Ref<number>, useEditComposition?: UseEdit): UseVirtualScroll;
@@ -1,3 +1,2 @@
1
- import { DataViewOptions, UseDataView, UseVisualDataBound } from "../types";
2
- import { Ref } from 'vue';
3
- export declare function useVisualDataBound(props: DataViewOptions, useDataViewComposition: UseDataView, rowHeight: Ref<number>): UseVisualDataBound;
1
+ import { DataViewOptions, UseVisualDataBound } from "../types";
2
+ export declare function useVisualDataBound(props: DataViewOptions): UseVisualDataBound;
@@ -1,3 +1,2 @@
1
- import { Ref } from "vue";
2
1
  import { DataViewOptions, UseVisualDataRow, UseEdit, UseVisualDataBound, UseVisualDataCell, UseHierarchy, UseIdentify, UseDataView } from "../types";
3
- export declare function useVisualDataRow(props: DataViewOptions, dataView: UseDataView, useEditComposition: UseEdit, useHierarchyComposition: UseHierarchy, useIdentifyComposition: UseIdentify, useVisualDataBoundComposition: UseVisualDataBound, useVisualDataCell: UseVisualDataCell, rowHeight: Ref<number>): UseVisualDataRow;
2
+ export declare function useVisualDataRow(props: DataViewOptions, dataView: UseDataView, useEditComposition: UseEdit, useHierarchyComposition: UseHierarchy, useIdentifyComposition: UseIdentify, useVisualDataBoundComposition: UseVisualDataBound, useVisualDataCell: UseVisualDataCell): UseVisualDataRow;
@@ -222,4 +222,28 @@ export declare const DgControl: {
222
222
  name: string;
223
223
  icon: string;
224
224
  };
225
+ wizard: {
226
+ type: string;
227
+ name: string;
228
+ icon: string;
229
+ };
230
+ 'wizard-page': {
231
+ type: string;
232
+ name: string;
233
+ icon: string;
234
+ };
235
+ 'wizard-page-detail': {
236
+ type: string;
237
+ name: string;
238
+ icon: string;
239
+ };
240
+ step: {
241
+ type: string;
242
+ name: string;
243
+ icon: string;
244
+ };
245
+ 'dynamic-form': {
246
+ type: string;
247
+ name: string;
248
+ };
225
249
  };
@@ -1,6 +1,5 @@
1
1
  import { Plugin } from 'vue';
2
2
  import FResponseFormDesign from './src/designer/response-form.design.component';
3
- export declare const formPropsResolver: (schemaValue?: Record<string, any>, mergeDefaults?: boolean) => Record<string, any>;
4
3
  export declare const formGroupPropsResolver: (schemaValue?: Record<string, any>, mergeDefaults?: boolean) => Record<string, any>;
5
4
  export declare const editorResolver: import('../dynamic-resolver').EditorResolver;
6
5
  export declare const formInputPropsResolver: (schemaValue?: Record<string, any>, mergeDefaults?: boolean) => Record<string, any>;
@@ -1,5 +1,6 @@
1
1
  import { Plugin } from 'vue';
2
2
  import FResponseForm from './src/response-form.component';
3
+ import FDynamicForm from './src/dynamic-form.component';
3
4
  import FDynamicFormGroup from './src/component/dynamic-form-group/dynamic-form-group.component';
4
5
  import FDynamicFormInput from './src/component/dynamic-form-input/dynamic-form-input.component';
5
6
  import FDynamicFormLabel from './src/component/dynamic-form-label/dynamic-form-label.component';
@@ -10,11 +11,11 @@ export * from './src/component/dynamic-form-group/dynamic-form-group.props';
10
11
  export * from './src/component/dynamic-form-input/dynamic-form-input.props';
11
12
  export * from './src/designer/response-form-use-designer-rules';
12
13
  export * from './src/composition/use-type-resolver';
13
- export { FResponseForm, FDynamicFormGroup, FDynamicFormInput, FDynamicFormLabel };
14
+ export { FResponseForm, FDynamicForm, FDynamicFormGroup, FDynamicFormInput, FDynamicFormLabel };
14
15
  declare const _default: {
15
16
  new (...args: any[]): import("vue").CreateComponentPublicInstanceWithMixins<Readonly<{
16
17
  [x: string]: any;
17
- }> & Readonly<{}>, () => any, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, never[], import("vue").PublicProps, {
18
+ }> & Readonly<{}>, () => any, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, import("vue").PublicProps, {
18
19
  [x: string]: any;
19
20
  }, true, {}, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, {}, any, import("vue").ComponentProvideOptions, {
20
21
  P: {};
@@ -33,7 +34,7 @@ declare const _default: {
33
34
  __isSuspense?: undefined;
34
35
  } & import("vue").ComponentOptionsBase<Readonly<{
35
36
  [x: string]: any;
36
- }> & Readonly<{}>, () => any, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, never[], never, {
37
+ }> & Readonly<{}>, () => any, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, "update:modelValue" | "event", {
37
38
  [x: string]: any;
38
39
  }, {}, string, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, import("vue").ComponentProvideOptions> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & Plugin;
39
40
  export default _default;
@@ -0,0 +1,8 @@
1
+ declare const _default: import("vue").DefineComponent<{
2
+ [x: string]: any;
3
+ }, () => any, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, never[], never, import("vue").PublicProps, Readonly<{
4
+ [x: string]: any;
5
+ }> & Readonly<{}>, {
6
+ [x: string]: any;
7
+ }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
8
+ export default _default;
@@ -0,0 +1,14 @@
1
+ import { ExtractPropTypes } from 'vue';
2
+ export declare const responseFormDesignProps: Record<string, any> & {
3
+ componentId: {
4
+ type: StringConstructor;
5
+ default: string;
6
+ };
7
+ formType: {
8
+ type: StringConstructor;
9
+ default: string;
10
+ };
11
+ };
12
+ export type ResponseFormDesignProps = ExtractPropTypes<typeof responseFormDesignProps>;
13
+ export declare const formDesignPropsResolver: (schemaValue?: Record<string, any>, mergeDefaults?: boolean) => Record<string, any>;
14
+ export declare const dynamicFormDesignPropsResolver: (schemaValue?: Record<string, any>, mergeDefaults?: boolean) => Record<string, any>;
@@ -0,0 +1,2 @@
1
+ import { UseDesignerRules, DesignerItemContext } from '../../../designer-canvas';
2
+ export declare function useDynamicFormRules(designItemContext: DesignerItemContext, designerHostService: any): UseDesignerRules;
@@ -0,0 +1,8 @@
1
+ declare const _default: import("vue").DefineComponent<{
2
+ [x: string]: any;
3
+ }, () => any, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, "update:modelValue" | "event", import("vue").PublicProps, Readonly<{
4
+ [x: string]: any;
5
+ }> & Readonly<{}>, {
6
+ [x: string]: any;
7
+ }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
8
+ export default _default;
@@ -1,3 +1,15 @@
1
- import { ExtractPropTypes } from 'vue';
1
+ import { ExtractPropTypes, PropType } from 'vue';
2
2
  export declare const responseFormProps: Record<string, any>;
3
+ export declare const dynamicFormProps: Record<string, any> & {
4
+ canRenderForm: {
5
+ type: BooleanConstructor;
6
+ default: boolean;
7
+ };
8
+ callback: {
9
+ type: PropType<(methodType: string, viewSchema: any, methodParams: any, editorSchema: any) => any>;
10
+ };
11
+ };
3
12
  export type ResponseFormPropsType = ExtractPropTypes<typeof responseFormProps>;
13
+ export type DynamicFormPropsType = ExtractPropTypes<typeof dynamicFormProps>;
14
+ export declare const formPropsResolver: (schemaValue?: Record<string, any>, mergeDefaults?: boolean) => Record<string, any>;
15
+ export declare const dynamicFormPropsResolver: (schemaValue?: Record<string, any>, mergeDefaults?: boolean) => Record<string, any>;
@@ -2,3 +2,4 @@ import { DesignerHostService } from '../../../designer-canvas';
2
2
  import { DynamicResolver } from '../../../dynamic-resolver';
3
3
  export declare function reponseFormSchemaResolver(resolver: DynamicResolver, schema: Record<string, any>, context: Record<string, any>, designerHostService?: DesignerHostService): Record<string, any>;
4
4
  export declare function layoutSettingSchemaResolver(resolver: DynamicResolver, schema: Record<string, any>, context: Record<string, any>): Record<string, any>;
5
+ export declare function dynamicFormSchemaResolver(resolver: DynamicResolver, schema: Record<string, any>, context: Record<string, any>, designerHostService?: DesignerHostService): Record<string, any>;
@@ -25,4 +25,5 @@ export interface UseResponseFormLayoutSetting {
25
25
  checkIsInFormComponent: (componentId: string) => boolean;
26
26
  assembleUnifiedLayoutContext: (propertyData: any) => FormUnifiedColumnLayout;
27
27
  changeFormControlsByUnifiedLayoutConfig: (formNode: any, unifiedLayout: FormUnifiedColumnLayout, formSchemaId: string) => void;
28
+ changeControlClassInByColumn: (controlClass: string, unifiedLayout: FormUnifiedColumnLayout) => string;
28
29
  }
@@ -32,6 +32,7 @@ export interface BindingModel {
32
32
  export interface BindingData {
33
33
  getValue(elementId: string): any;
34
34
  setValue(elementId: string, field: string | undefined, value: any): any;
35
+ onValueChange: (callback: (event: any) => void) => void;
35
36
  }
36
37
  export interface BindingResolver {
37
38
  resolve(schema: Record<string, any>, bindingData: BindingData): any;
@@ -1,9 +1,49 @@
1
- import type { App } from 'vue';
2
1
  import FDynamicView from './src/dynamic-view.component';
3
2
  export * from './src/dynamic-view.props';
4
3
  export * from './src/components/maps';
4
+ export * from './src/composition/index';
5
5
  export { FDynamicView };
6
6
  declare const _default: {
7
- install(app: App): void;
8
- };
7
+ new (...args: any[]): import("vue").CreateComponentPublicInstanceWithMixins<Readonly<{
8
+ callback: (type: string, ...args: unknown[]) => any;
9
+ schema: Record<string, any>;
10
+ modelValue: Record<string, any>;
11
+ customComponentRenders: Record<string, any>;
12
+ }> & Readonly<{}>, () => any, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, import("vue").PublicProps, {
13
+ callback: (type: string, ...args: unknown[]) => any;
14
+ schema: Record<string, any>;
15
+ modelValue: Record<string, any>;
16
+ customComponentRenders: Record<string, any>;
17
+ }, true, {}, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, {}, any, import("vue").ComponentProvideOptions, {
18
+ P: {};
19
+ B: {};
20
+ D: {};
21
+ C: {};
22
+ M: {};
23
+ Defaults: {};
24
+ }, Readonly<{
25
+ callback: (type: string, ...args: unknown[]) => any;
26
+ schema: Record<string, any>;
27
+ modelValue: Record<string, any>;
28
+ customComponentRenders: Record<string, any>;
29
+ }> & Readonly<{}>, () => any, {}, {}, {}, {
30
+ callback: (type: string, ...args: unknown[]) => any;
31
+ schema: Record<string, any>;
32
+ modelValue: Record<string, any>;
33
+ customComponentRenders: Record<string, any>;
34
+ }>;
35
+ __isFragment?: undefined;
36
+ __isTeleport?: undefined;
37
+ __isSuspense?: undefined;
38
+ } & import("vue").ComponentOptionsBase<Readonly<{
39
+ callback: (type: string, ...args: unknown[]) => any;
40
+ schema: Record<string, any>;
41
+ modelValue: Record<string, any>;
42
+ customComponentRenders: Record<string, any>;
43
+ }> & Readonly<{}>, () => any, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, "update:modelValue" | "event", {
44
+ callback: (type: string, ...args: unknown[]) => any;
45
+ schema: Record<string, any>;
46
+ modelValue: Record<string, any>;
47
+ customComponentRenders: Record<string, any>;
48
+ }, {}, string, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, import("vue").ComponentProvideOptions> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & import("vue").Plugin;
9
49
  export default _default;
@@ -190,10 +190,10 @@ declare const componentsForRegister: (({
190
190
  disabled: boolean;
191
191
  readonly: boolean;
192
192
  placeholder: string;
193
+ modelValue: import('../../../language-textbox').LanguageData;
193
194
  languages: import('../../../language-textbox').LanguageItem[];
194
195
  editable: boolean;
195
196
  maxWords: import('../../../language-textbox').LanguageTextMaxLength;
196
- modelValue: import('../../../language-textbox').LanguageData;
197
197
  dropDownIcon: string;
198
198
  tabIndex: number;
199
199
  enableTitle: boolean;
@@ -260,10 +260,10 @@ declare const componentsForRegister: (({
260
260
  disabled: boolean;
261
261
  readonly: boolean;
262
262
  placeholder: string;
263
+ modelValue: import('../../../language-textbox').LanguageData;
263
264
  languages: import('../../../language-textbox').LanguageItem[];
264
265
  editable: boolean;
265
266
  maxWords: import('../../../language-textbox').LanguageTextMaxLength;
266
- modelValue: import('../../../language-textbox').LanguageData;
267
267
  dropDownIcon: string;
268
268
  tabIndex: number;
269
269
  enableTitle: boolean;
@@ -327,10 +327,10 @@ declare const componentsForRegister: (({
327
327
  disabled: boolean;
328
328
  readonly: boolean;
329
329
  placeholder: string;
330
+ modelValue: import('../../../language-textbox').LanguageData;
330
331
  languages: import('../../../language-textbox').LanguageItem[];
331
332
  editable: boolean;
332
333
  maxWords: import('../../../language-textbox').LanguageTextMaxLength;
333
- modelValue: import('../../../language-textbox').LanguageData;
334
334
  dropDownIcon: string;
335
335
  tabIndex: number;
336
336
  enableTitle: boolean;
@@ -391,10 +391,10 @@ declare const componentsForRegister: (({
391
391
  disabled: boolean;
392
392
  readonly: boolean;
393
393
  placeholder: string;
394
+ modelValue: import('../../../language-textbox').LanguageData;
394
395
  languages: import('../../../language-textbox').LanguageItem[];
395
396
  editable: boolean;
396
397
  maxWords: import('../../../language-textbox').LanguageTextMaxLength;
397
- modelValue: import('../../../language-textbox').LanguageData;
398
398
  dropDownIcon: string;
399
399
  tabIndex: number;
400
400
  enableTitle: boolean;
@@ -461,10 +461,10 @@ declare const componentsForRegister: (({
461
461
  disabled: boolean;
462
462
  readonly: boolean;
463
463
  placeholder: string;
464
+ modelValue: import('../../../language-textbox').LanguageData;
464
465
  languages: import('../../../language-textbox').LanguageItem[];
465
466
  editable: boolean;
466
467
  maxWords: import('../../../language-textbox').LanguageTextMaxLength;
467
- modelValue: import('../../../language-textbox').LanguageData;
468
468
  dropDownIcon: string;
469
469
  tabIndex: number;
470
470
  enableTitle: boolean;
@@ -528,10 +528,10 @@ declare const componentsForRegister: (({
528
528
  disabled: boolean;
529
529
  readonly: boolean;
530
530
  placeholder: string;
531
+ modelValue: import('../../../language-textbox').LanguageData;
531
532
  languages: import('../../../language-textbox').LanguageItem[];
532
533
  editable: boolean;
533
534
  maxWords: import('../../../language-textbox').LanguageTextMaxLength;
534
- modelValue: import('../../../language-textbox').LanguageData;
535
535
  dropDownIcon: string;
536
536
  tabIndex: number;
537
537
  enableTitle: boolean;
@@ -0,0 +1,5 @@
1
+ export * from './use-form-schema';
2
+ export * from './use-binding-data';
3
+ export * from './use-component-manager';
4
+ export * from './use-utils';
5
+ export * from './use-entity-state';
@@ -0,0 +1,12 @@
1
+ import { Ref, SetupContext } from "vue";
2
+ export declare function useDynamicViewUtils(): {
3
+ mergeArray: (target: any, source: any) => any[] | undefined;
4
+ resolveCallbacks: (viewSchema: Record<string, any>, callBackRef: Ref<any>, specifiedType?: string) => {
5
+ componentCallbackProps: Record<string, any>;
6
+ editorCallbackProps?: Record<string, any> | undefined;
7
+ };
8
+ resolveEvents: (viewSchema: Record<string, any>, setupContext: SetupContext, specifiedType?: string) => {
9
+ componentEventProps: Record<string, any>;
10
+ editorEventProps?: Record<string, any>;
11
+ };
12
+ };
@@ -1,17 +1,17 @@
1
1
  declare const FDynamicView: import("vue").DefineComponent<{
2
- modelValue: Record<string, any>;
3
- schema: Record<string, any>;
4
2
  callback: (type: string, ...args: unknown[]) => any;
3
+ schema: Record<string, any>;
4
+ modelValue: Record<string, any>;
5
5
  customComponentRenders: Record<string, any>;
6
6
  }, () => any, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, "update:modelValue" | "event", import("vue").PublicProps, Readonly<{
7
- modelValue: Record<string, any>;
8
- schema: Record<string, any>;
9
7
  callback: (type: string, ...args: unknown[]) => any;
8
+ schema: Record<string, any>;
9
+ modelValue: Record<string, any>;
10
10
  customComponentRenders: Record<string, any>;
11
11
  }> & Readonly<{}>, {
12
- modelValue: Record<string, any>;
13
- schema: Record<string, any>;
14
12
  callback: (type: string, ...args: unknown[]) => any;
13
+ schema: Record<string, any>;
14
+ modelValue: Record<string, any>;
15
15
  customComponentRenders: Record<string, any>;
16
16
  }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
17
17
  export default FDynamicView;
@@ -74,10 +74,10 @@ declare const _default: {
74
74
  disabled: boolean;
75
75
  readonly: boolean;
76
76
  placeholder: string;
77
+ modelValue: import("./src/types").LanguageData;
77
78
  languages: import("./src/types").LanguageItem[];
78
79
  editable: boolean;
79
80
  maxWords: import("./src/types").LanguageTextMaxLength;
80
- modelValue: import("./src/types").LanguageData;
81
81
  dropDownIcon: string;
82
82
  tabIndex: number;
83
83
  enableTitle: boolean;
@@ -144,10 +144,10 @@ declare const _default: {
144
144
  disabled: boolean;
145
145
  readonly: boolean;
146
146
  placeholder: string;
147
+ modelValue: import("./src/types").LanguageData;
147
148
  languages: import("./src/types").LanguageItem[];
148
149
  editable: boolean;
149
150
  maxWords: import("./src/types").LanguageTextMaxLength;
150
- modelValue: import("./src/types").LanguageData;
151
151
  dropDownIcon: string;
152
152
  tabIndex: number;
153
153
  enableTitle: boolean;
@@ -211,10 +211,10 @@ declare const _default: {
211
211
  disabled: boolean;
212
212
  readonly: boolean;
213
213
  placeholder: string;
214
+ modelValue: import("./src/types").LanguageData;
214
215
  languages: import("./src/types").LanguageItem[];
215
216
  editable: boolean;
216
217
  maxWords: import("./src/types").LanguageTextMaxLength;
217
- modelValue: import("./src/types").LanguageData;
218
218
  dropDownIcon: string;
219
219
  tabIndex: number;
220
220
  enableTitle: boolean;
@@ -63,8 +63,8 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
63
63
  "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
64
64
  }>, {
65
65
  id: string;
66
- languages: LanguageItem[];
67
66
  modelValue: Record<string, any>;
67
+ languages: LanguageItem[];
68
68
  maxLength: number;
69
69
  }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
70
70
  export default _default;
@@ -103,10 +103,10 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
103
103
  disabled: boolean;
104
104
  readonly: boolean;
105
105
  placeholder: string;
106
+ modelValue: import("./types").LanguageData;
106
107
  languages: LanguageItem[];
107
108
  editable: boolean;
108
109
  maxWords: import("./types").LanguageTextMaxLength;
109
- modelValue: import("./types").LanguageData;
110
110
  dropDownIcon: string;
111
111
  tabIndex: number;
112
112
  enableTitle: boolean;
@@ -61,8 +61,8 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
61
61
  }>, {
62
62
  idField: string;
63
63
  multiSelect: boolean;
64
- displayType: string;
65
64
  showSelections: boolean;
65
+ displayType: string;
66
66
  treeToList: boolean;
67
67
  enableFavorite: boolean;
68
68
  selectedIds: unknown[];
@@ -4,13 +4,13 @@ declare const _default: import("vue").DefineComponent<{
4
4
  uri: string;
5
5
  pagination: import("../composition/types").LookupPagination;
6
6
  hidePopup: Function;
7
- displayType: import("../composition/types").LookupDisplayType;
8
7
  fitColumns: boolean;
9
8
  openType: string;
10
9
  useHttpComposition: import("../composition/use-http").UseHttpComposition;
11
10
  selectionsManager: Record<string, any>;
12
11
  showCascadeControl: boolean;
13
12
  enableCascade: boolean;
13
+ displayType: import("../composition/types").LookupDisplayType;
14
14
  showSelectedList: boolean;
15
15
  locales: Record<string, any>;
16
16
  enableSearchBar: boolean;
@@ -26,13 +26,13 @@ declare const _default: import("vue").DefineComponent<{
26
26
  uri: string;
27
27
  pagination: import("../composition/types").LookupPagination;
28
28
  hidePopup: Function;
29
- displayType: import("../composition/types").LookupDisplayType;
30
29
  fitColumns: boolean;
31
30
  openType: string;
32
31
  useHttpComposition: import("../composition/use-http").UseHttpComposition;
33
32
  selectionsManager: Record<string, any>;
34
33
  showCascadeControl: boolean;
35
34
  enableCascade: boolean;
35
+ displayType: import("../composition/types").LookupDisplayType;
36
36
  showSelectedList: boolean;
37
37
  locales: Record<string, any>;
38
38
  enableSearchBar: boolean;
@@ -51,13 +51,13 @@ declare const _default: import("vue").DefineComponent<{
51
51
  uri: string;
52
52
  pagination: import("../composition/types").LookupPagination;
53
53
  hidePopup: Function;
54
- displayType: import("../composition/types").LookupDisplayType;
55
54
  fitColumns: boolean;
56
55
  openType: string;
57
56
  useHttpComposition: import("../composition/use-http").UseHttpComposition;
58
57
  selectionsManager: Record<string, any>;
59
58
  showCascadeControl: boolean;
60
59
  enableCascade: boolean;
60
+ displayType: import("../composition/types").LookupDisplayType;
61
61
  showSelectedList: boolean;
62
62
  locales: Record<string, any>;
63
63
  enableSearchBar: boolean;
@@ -2,8 +2,8 @@ declare const _default: import("vue").DefineComponent<{
2
2
  height: number;
3
3
  mode: "panel" | "sidebar";
4
4
  width: string;
5
- enableSearch: boolean;
6
5
  schema: Record<string, any>;
6
+ enableSearch: boolean;
7
7
  isWidePanel: boolean;
8
8
  isPersitOpenState: boolean;
9
9
  isShowPanel: boolean;
@@ -18,8 +18,8 @@ declare const _default: import("vue").DefineComponent<{
18
18
  height: number;
19
19
  mode: "panel" | "sidebar";
20
20
  width: string;
21
- enableSearch: boolean;
22
21
  schema: Record<string, any>;
22
+ enableSearch: boolean;
23
23
  isWidePanel: boolean;
24
24
  isPersitOpenState: boolean;
25
25
  isShowPanel: boolean;
@@ -34,8 +34,8 @@ declare const _default: import("vue").DefineComponent<{
34
34
  height: number;
35
35
  mode: "panel" | "sidebar";
36
36
  width: string;
37
- enableSearch: boolean;
38
37
  schema: Record<string, any>;
38
+ enableSearch: boolean;
39
39
  isWidePanel: boolean;
40
40
  isPersitOpenState: boolean;
41
41
  isShowPanel: boolean;
@@ -13,9 +13,9 @@
13
13
  * See the License for the specific language governing permissions and
14
14
  * limitations under the License.
15
15
  */
16
- import { ComputedRef, Ref, SetupContext } from 'vue';
16
+ import { Ref, SetupContext } from 'vue';
17
17
  import { TreeGridProps } from '../../tree-grid.props';
18
18
  import { UseCellPosition, UseColumn, UseDataView, UseEdit, UseHierarchy, UseRow, UseSelectHierarchyItem, UseSelection, UseVirtualScroll, UseVisualData, UseVisualDataBound, VisualData } from '../../../../data-view';
19
- export default function (props: TreeGridProps, context: SetupContext, primaryGridContentRef: Ref<any>, leftFixedGridContentRef: Ref<any>, rightFixedGridContentRef: Ref<any>, useCellPositionComposition: UseCellPosition, useColumnComposition: UseColumn, useDataViewComposition: UseDataView, useEditComposition: UseEdit, useHierarchyComposition: UseHierarchy, useRowComposition: UseRow, useSelectionCompostion: UseSelection, useSelectHierarchyItemComposition: UseSelectHierarchyItem, useVirtualScrollComposition: UseVirtualScroll, useVisualDataComposition: UseVisualData, useVisualDataBoundComposition: UseVisualDataBound, visibleDatas: Ref<VisualData[]>, rowHeight: Ref<number>, showForm: Ref<boolean> | ComputedRef<boolean>): {
19
+ export default function (props: TreeGridProps, context: SetupContext, primaryGridContentRef: Ref<any>, leftFixedGridContentRef: Ref<any>, rightFixedGridContentRef: Ref<any>, useCellPositionComposition: UseCellPosition, useColumnComposition: UseColumn, useDataViewComposition: UseDataView, useEditComposition: UseEdit, useHierarchyComposition: UseHierarchy, useRowComposition: UseRow, useSelectionCompostion: UseSelection, useSelectHierarchyItemComposition: UseSelectHierarchyItem, useVirtualScrollComposition: UseVirtualScroll, useVisualDataComposition: UseVisualData, useVisualDataBoundComposition: UseVisualDataBound, visibleDatas: Ref<VisualData[]>): {
20
20
  renderDataArea: () => any[];
21
21
  };