@farris/ui-vue 1.3.0 → 1.3.1

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@farris/ui-vue",
-  "version": "1.3.0",
+  "version": "1.3.1",
   "license": "Apache-2.0",
   "description": "Farris Vue, a Farris Design based Vue3 component library.",
   "keywords": [

package/types/common/directive/area-response.d.ts

@@ -0,0 +1,10 @@
+/**
+ * enable:启用
+ * autoWidth:自动宽度
+ */
+declare const areaResponseDirective: {
+    mounted: (bindElement: any, binding: any, vnode: any) => void;
+    updated: (bindElement: any, binding: any, vnode: any, prevVnode: any) => void;
+    beforeUnmount(bindElement: any, binding: any, vnode: any): void;
+};
+export default areaResponseDirective;

package/types/common/index.d.ts

@@ -1,3 +1,4 @@
+import { App } from 'vue';
 export * from './types';
 export * from './text-box/composition/use-text-box';
 export * from './text-box/composition/use-text-box-design';
@@ -14,3 +15,10 @@ export * from './utils/symbol-key';
 export * from './radio-checkbox/use-check';
 export * from './radio-checkbox/radio-checkbox.props';
 export * from './utils/encrypt';
+export * from './utils/resolve-field';
+declare const _default: {
+    install(app: App): void;
+    register(componentMap: Record<string, any>, propsResolverMap: Record<string, any>, configResolverMap: Record<string, any>, resolverMap: Record<string, any>): void;
+    registerDesigner(componentMap: Record<string, any>, propsResolverMap: Record<string, any>): void;
+};
+export default _default;

package/types/common/radio-checkbox/radio-checkbox.props.d.ts

@@ -14,6 +14,7 @@
  * limitations under the License.
  */
 import { PropType } from 'vue';
+import { ButtonType } from '../../button';
 export declare const radioCheckBoxCommonProps: {
     /**
      * 是否被选中

package/types/common/utils/resolve-field.d.ts

@@ -0,0 +1,2 @@
+export declare const resolveField: (dataItem: any, field: Array<string> | string) => any;
+export declare const setFieldValue: (newValue: any, dataItem: any, field: Array<string> | string) => void;

package/types/common/utils/use-class.d.ts

@@ -0,0 +1,7 @@
+interface ElementRef {
+    nativeElement?: any;
+}
+export declare function getElementWithClassList(elementRef: ElementRef): any;
+export declare function removeClass(elementRef: ElementRef | any, className: string): void;
+export declare function addClass(elementRef: ElementRef | any, className: string): void;
+export {};

package/types/component/src/designer/use-designer-rules.d.ts

@@ -1,3 +1,3 @@
-import { UseDesignerRules } from "../../../designer-canvas/src/composition/types";
+import { DesignerHostService, UseDesignerRules } from "../../../designer-canvas/src/composition/types";
 import { DesignerItemContext } from "../../../designer-canvas/src/types";
-export declare function useDesignerRules(designItemContext: DesignerItemContext, designerHostService: any): UseDesignerRules;
+export declare function useDesignerRules(designItemContext: DesignerItemContext, designerHostService?: DesignerHostService): UseDesignerRules;

package/types/condition/src/types.d.ts

@@ -112,6 +112,7 @@ export interface FieldConfig {
      */
     code: string;
     labelCode: string;
+    controlType: string;
     /**
      * 字段名称
      */
@@ -136,7 +137,7 @@ export interface FieldConfig {
      * 15. 单选框： RadioControl
      * 16. 智能输入框： InputGroupControl
      */
-    editor: EditorConfig;
+    editor: Partial<EditorConfig>;
     defaulValue?: ConditionValue;
 }
 export interface ConditionGroup {

package/types/content-container/src/designer/use-designer-rules.d.ts

@@ -1,3 +1,3 @@
-import { UseDesignerRules } from "../../../designer-canvas/src/composition/types";
-import { ComponentSchema } from "../../../designer-canvas/src/types";
-export declare function useDesignerRules(schema: ComponentSchema, parentSchema?: ComponentSchema): UseDesignerRules;
+import { DesignerHostService, UseDesignerRules } from "../../../designer-canvas/src/composition/types";
+import { DesignerItemContext } from "../../../designer-canvas/src/types";
+export declare function useDesignerRulesForContentContainer(designItemContext: DesignerItemContext, designerHostService?: DesignerHostService): UseDesignerRules;

package/types/data-grid/index.d.ts

@@ -21,15 +21,16 @@ declare const _default: {
     new (...args: any[]): import("vue").CreateComponentPublicInstanceWithMixins<Readonly<{
         [x: string]: any;
     }> & Readonly<{
-        onClickRow?: ((...args: any[]) => any) | undefined;
         onSelectionChange?: ((...args: any[]) => any) | undefined;
+        onChanged?: ((...args: any[]) => any) | undefined;
+        onClickRow?: ((...args: any[]) => any) | undefined;
         onDoubleClickRow?: ((...args: any[]) => any) | undefined;
         onEnterUpInLastCell?: ((...args: any[]) => any) | undefined;
         onPageIndexChanged?: ((...args: any[]) => any) | undefined;
         onPageSizeChanged?: ((...args: any[]) => any) | undefined;
         onBeginEditCell?: ((...args: any[]) => any) | undefined;
         onEndEditCell?: ((...args: any[]) => any) | undefined;
-    }>, () => any, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("selectionChange" | "ClickRow" | "doubleClickRow" | "enterUpInLastCell" | "pageIndexChanged" | "pageSizeChanged" | "beginEditCell" | "endEditCell")[], import("vue").PublicProps, {
+    }>, () => any, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("selectionChange" | "changed" | "clickRow" | "doubleClickRow" | "enterUpInLastCell" | "pageIndexChanged" | "pageSizeChanged" | "beginEditCell" | "endEditCell")[], import("vue").PublicProps, {
         [x: string]: any;
     }, true, {}, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, {}, any, import("vue").ComponentProvideOptions, {
         P: {};
@@ -41,8 +42,9 @@ declare const _default: {
     }, Readonly<{
         [x: string]: any;
     }> & Readonly<{
-        onClickRow?: ((...args: any[]) => any) | undefined;
         onSelectionChange?: ((...args: any[]) => any) | undefined;
+        onChanged?: ((...args: any[]) => any) | undefined;
+        onClickRow?: ((...args: any[]) => any) | undefined;
         onDoubleClickRow?: ((...args: any[]) => any) | undefined;
         onEnterUpInLastCell?: ((...args: any[]) => any) | undefined;
         onPageIndexChanged?: ((...args: any[]) => any) | undefined;
@@ -58,15 +60,16 @@ declare const _default: {
 } & import("vue").ComponentOptionsBase<Readonly<{
     [x: string]: any;
 }> & Readonly<{
-    onClickRow?: ((...args: any[]) => any) | undefined;
     onSelectionChange?: ((...args: any[]) => any) | undefined;
+    onChanged?: ((...args: any[]) => any) | undefined;
+    onClickRow?: ((...args: any[]) => any) | undefined;
     onDoubleClickRow?: ((...args: any[]) => any) | undefined;
     onEnterUpInLastCell?: ((...args: any[]) => any) | undefined;
     onPageIndexChanged?: ((...args: any[]) => any) | undefined;
     onPageSizeChanged?: ((...args: any[]) => any) | undefined;
     onBeginEditCell?: ((...args: any[]) => any) | undefined;
     onEndEditCell?: ((...args: any[]) => any) | undefined;
-}>, () => any, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("selectionChange" | "ClickRow" | "doubleClickRow" | "enterUpInLastCell" | "pageIndexChanged" | "pageSizeChanged" | "beginEditCell" | "endEditCell")[], "selectionChange" | "ClickRow" | "doubleClickRow" | "enterUpInLastCell" | "pageIndexChanged" | "pageSizeChanged" | "beginEditCell" | "endEditCell", {
+}>, () => any, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("selectionChange" | "changed" | "clickRow" | "doubleClickRow" | "enterUpInLastCell" | "pageIndexChanged" | "pageSizeChanged" | "beginEditCell" | "endEditCell")[], "selectionChange" | "changed" | "clickRow" | "doubleClickRow" | "enterUpInLastCell" | "pageIndexChanged" | "pageSizeChanged" | "beginEditCell" | "endEditCell", {
     [x: string]: any;
 }, {}, string, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, import("vue").ComponentProvideOptions> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & Plugin;
 export default _default;

package/types/data-grid/src/data-grid.component.d.ts

@@ -1,10 +1,11 @@
 declare const _default: import("vue").DefineComponent<{
     [x: string]: any;
-}, () => any, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("selectionChange" | "ClickRow" | "doubleClickRow" | "enterUpInLastCell" | "pageIndexChanged" | "pageSizeChanged" | "beginEditCell" | "endEditCell")[], "selectionChange" | "ClickRow" | "doubleClickRow" | "enterUpInLastCell" | "pageIndexChanged" | "pageSizeChanged" | "beginEditCell" | "endEditCell", import("vue").PublicProps, Readonly<{
+}, () => any, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("selectionChange" | "changed" | "clickRow" | "doubleClickRow" | "enterUpInLastCell" | "pageIndexChanged" | "pageSizeChanged" | "beginEditCell" | "endEditCell")[], "selectionChange" | "changed" | "clickRow" | "doubleClickRow" | "enterUpInLastCell" | "pageIndexChanged" | "pageSizeChanged" | "beginEditCell" | "endEditCell", import("vue").PublicProps, Readonly<{
     [x: string]: any;
 }> & Readonly<{
-    onClickRow?: ((...args: any[]) => any) | undefined;
     onSelectionChange?: ((...args: any[]) => any) | undefined;
+    onChanged?: ((...args: any[]) => any) | undefined;
+    onClickRow?: ((...args: any[]) => any) | undefined;
     onDoubleClickRow?: ((...args: any[]) => any) | undefined;
     onEnterUpInLastCell?: ((...args: any[]) => any) | undefined;
     onPageIndexChanged?: ((...args: any[]) => any) | undefined;

package/types/data-grid/src/designer/data-grid.design.component.d.ts

@@ -1,10 +1,10 @@
 declare const _default: import("vue").DefineComponent<{
     [x: string]: any;
-}, () => any, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("selectionChange" | "ClickRow" | "enterUpInLastCell" | "pageIndexChanged" | "pageSizeChanged" | "DoubleClickRow")[], "selectionChange" | "ClickRow" | "enterUpInLastCell" | "pageIndexChanged" | "pageSizeChanged" | "DoubleClickRow", import("vue").PublicProps, Readonly<{
+}, () => any, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("selectionChange" | "enterUpInLastCell" | "pageIndexChanged" | "pageSizeChanged" | "ClickRow" | "DoubleClickRow")[], "selectionChange" | "enterUpInLastCell" | "pageIndexChanged" | "pageSizeChanged" | "ClickRow" | "DoubleClickRow", import("vue").PublicProps, Readonly<{
     [x: string]: any;
 }> & Readonly<{
-    onClickRow?: ((...args: any[]) => any) | undefined;
     onSelectionChange?: ((...args: any[]) => any) | undefined;
+    onClickRow?: ((...args: any[]) => any) | undefined;
     onDoubleClickRow?: ((...args: any[]) => any) | undefined;
     onEnterUpInLastCell?: ((...args: any[]) => any) | undefined;
     onPageIndexChanged?: ((...args: any[]) => any) | undefined;

package/types/data-grid/src/designer/use-designer-rules.d.ts

@@ -1,3 +1,3 @@
-import { UseDesignerRules } from "../../../designer-canvas/src/composition/types";
+import { UseDesignerRules, DesignerHostService } from "../../../designer-canvas/src/composition/types";
 import { DesignerItemContext } from "../../../designer-canvas/src/types";
-export declare function useDesignerRulesForDataGrid(designItemContext: DesignerItemContext, designerHostService: any): UseDesignerRules;
+export declare function useDesignerRulesForDataGrid(designItemContext: DesignerItemContext, designerHostService?: DesignerHostService): UseDesignerRules;

package/types/data-view/components/row/hierarchy-row.component.d.ts

@@ -1,8 +1,8 @@
 import { Ref, SetupContext } from "vue";
-import { ColumnContext, DataViewOptions, UseDataView, UseEdit, UseHierarchy, UseRow, UseSelectHierarchyItem, UseSelection, UseVisualData, VisualData } from "../../composition/types";
+import { ColumnContext, DataColumn, DataViewOptions, UseDataView, UseEdit, UseHierarchy, UseRow, UseSelectHierarchyItem, UseSelection, UseVisualData, VisualData } from "../../composition/types";
 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, useVisualDataComposition: UseVisualData): {
     renderDataRow: (visualData: VisualData, cellPositionMap: Record<string, {
         left: number;
         width?: number;
-    }>, area?: 'left' | 'primary' | 'right') => any;
+    }>, area: "primary" | "left" | "right" | undefined, columns: DataColumn[]) => any;
 };

package/types/data-view/composition/data/use-tree-data.d.ts

@@ -1,4 +1,4 @@
 import { DataViewOptions } from "../types";
 export declare function useTreeData(props: DataViewOptions): {
-    flatTreeData: (treeData?: Array<any>, layer?: number, flattenedData?: never[], parentId?: null) => never[];
+    flatTreeData: (treeData?: Array<any>, layer?: number, flattenedData?: any[], parentId?: null) => any[];
 };

package/types/data-view/composition/types.d.ts

@@ -1,7 +1,7 @@
 import { ComputedRef, ExtractPropTypes, PropType, Ref, VNode } from "vue";
 import { Condition } from "../../condition";
 import { EditorConfig } from '../../dynamic-form';
-import { ButtonSize } from "../../button-group/src/composition/types";
+import { ButtonSize } from "../../button";
 export interface CollpasableItem {
     collapse: boolean;
 }
@@ -123,7 +123,7 @@ export interface VisualDataCell {
     /** 实际高度 */
     actualHeight?: number;
     /** 水平方向 */
-    align: string;
+    align: string | undefined;
     /** 单元格高度 */
     cellHeight?: number;
     /** 列合并数 */
@@ -157,7 +157,7 @@ export interface VisualDataCell {
     /** 父级节点 */
     parent: any;
     /** 垂直方向 */
-    valign: string;
+    valign: string | undefined;
     /** 更新函数 */
     update: (value: any) => void;
     /** 接收变更数据 */
@@ -214,8 +214,6 @@ export interface VisualData extends CollpasableItem {
     raw: any;
     paddingBottom?: string;
     moving?: boolean;
-    /** 更新函数 */
-    update: (row: VisualData, dataItem: any, columns: DataColumn[]) => void;
 }
 export declare const rowNumberOptions: {
     /** 显示行号 */
@@ -255,6 +253,7 @@ export interface RowOptions {
     customRowContent: (visualDataRow: VisualData) => any[];
     /** 禁止行选中表达式 */
     disable: (dataItem: Record<string, any>) => boolean;
+    disabledField: string;
     /** 默认行高度为 29px */
     height: number;
     /** 鼠标滑过行效果 */
@@ -443,7 +442,6 @@ export interface DataViewOptions {
     /** 被绑定数据 */
     data: any[];
     disabled: boolean;
-    disabledField: string;
     editable: boolean;
     editOption: any;
     group: any;
@@ -525,7 +523,7 @@ export interface UseGroupData {
     generateGroupData: (groupFields: string[], rawData: any[], columnMaps: Map<string, any>) => any[];
     groupFields: Ref<string[]>;
     shouldGroupingData: ComputedRef<boolean>;
-    shouldGroupPanel: ComputedRef<boolean>;
+    showGroupPanel: ComputedRef<boolean>;
 }
 export interface UseFilter {
     apply: (dataItem: any) => boolean;
@@ -543,7 +541,7 @@ export interface UseVisualDataCell {
 }
 export interface UseEdit {
     getEditor: (cell: VisualDataCell, column: DataColumn, visualDataRow: VisualData) => any;
-    onClickCell: (payload: MouseEvent, cell: VisualDataCell, row: VisualData, column: DataColumn) => any;
+    onClickCell: (payload: MouseEvent, cell: VisualDataCell, row: VisualData, column?: DataColumn) => any;
     onEditingRow: (visualDataRow: VisualData) => any;
     acceptEditingRow: (visualDataRow: VisualData) => any;
     cancelEditingRow: (visualDataRow: VisualData) => any;
@@ -552,7 +550,7 @@ export interface UseEdit {
 export interface UseCellEditor {
     getEditor: (cell: VisualDataCell, column: DataColumn, visualDataRow: VisualData) => any;
 }
-export type VisualDataRender = (dataItem: any, preDataItem: any, preRow: VisualData, rowIndex: number, top: number, columns: DataColumn[]) => VisualData;
+export type VisualDataRender = (dataItem: any, preDataItem: any, preRow: VisualData, rowIndex: number, top: number, columns: DataColumn[], visibleDatas?: VisualData[]) => VisualData;
 export interface UseVisualDataRow {
     createEmptyRow: (type: VisualDataType, index: number, dataItem: any, pre: any, preRow: VisualData, top: number) => VisualData;
     createNewRowFromDataItem: (columns: DataColumn[], dataItem: any, preDataItem: any, preRow: VisualData, rowIndex: number, top: number) => VisualData;

package/types/designer-canvas/index.d.ts

@@ -1,7 +1,8 @@
 import FDesignerCanvas from './src/designer-canvas.component';
 import FDesignerItem from './src/components/designer-item.component';
+import { DgControl } from './src/composition/dg-control';
 export * from './src/composition/props/designer-canvas.props';
 export * from './src/composition/function/use-designer-component';
 export * from './src/composition/function/use-designer-inner-component';
 export * from './src/types';
-export { FDesignerCanvas, FDesignerItem };
+export { FDesignerCanvas, FDesignerItem, DgControl };

package/types/designer-canvas/src/composition/rule/use-dragula-common-rule.d.ts

@@ -0,0 +1,4 @@
+import { DesignerHostService, DraggingResolveContext } from "../types";
+export declare function useDragulaCommonRule(): {
+    basalDragulaRuleForContainer: (draggingContext: DraggingResolveContext, designerHostService?: DesignerHostService) => boolean;
+};

package/types/designer-canvas/src/composition/rule/use-template-rule.d.ts

@@ -0,0 +1,30 @@
+import { DesignerItemContext } from "../../types";
+import { DesignerHostService } from "../types";
+export interface DragDropRule {
+    canAccept: boolean;
+    canMove: boolean;
+    canDelete: boolean;
+    [index: string]: boolean;
+}
+/**
+ * 解析模板拖拽控制规则
+ */
+export declare class UseTemplateDragAndDropRules {
+    getTemplateRule(designItemContext: DesignerItemContext, designerHostService?: DesignerHostService): DragDropRule;
+    private resolveRuleValue;
+    private parseRuleValueSchema;
+    getComponentContext(designItemContext: DesignerItemContext): {
+        componentClass: any;
+        componentClassList: any;
+        childContents: import("../../types").ComponentSchema[];
+        firstLevelChildSchema: import("../../types").ComponentSchema | null;
+        firstLevelChildClass: any;
+        firstLevelChildClassList: any;
+        secondLevelChildSchema: import("../../types").ComponentSchema | null;
+        secondLevelChildClass: any;
+        secondLevelChildClassList: any;
+        parentSchema: import("../../types").ComponentSchema | undefined;
+        parentClass: any;
+        parentClassList: any;
+    };
+}

package/types/designer-canvas/src/composition/types.d.ts

@@ -76,11 +76,10 @@ export interface UseDesignerRules {
     resolveComponentContext?(): void;
     getStyles?(): string;
     getDesignerClass?(): string;
-    onResolveNewComponentSchema?: (resolveContext: ResolveComponentContext, compnentSchema: ComponentSchema) => ComponentSchema;
     /**
      * 容器接收新创建的子控件
      */
-    onAcceptNewChildElement?: (element: DesignerHTMLElement, targetPosition: number, compnentSchema: ComponentSchema) => ComponentSchema;
+    onResolveNewComponentSchema?: (resolveContext: ResolveComponentContext, compnentSchema: ComponentSchema) => ComponentSchema;
     /**
      * 移动控件后事件：在可视化设计器中，容器接收控件后调用此事件
      */

package/types/designer-canvas/src/types.d.ts

@@ -30,7 +30,6 @@ export interface DesignerComponentInstance {
      * @param element 移动的源DOM结构
      */
     onAcceptMovedChildElement: (element: DesignerHTMLElement, soureElement?: DesignerHTMLElement) => void;
-    onAcceptNewChildElement: (element: DesignerHTMLElement, targetPosition: number) => ComponentSchema;
     onChildElementMovedOut: (element: HTMLElement) => void;
     addNewChildComponentSchema: (resolveContext: ResolveComponentContext, designerHostService?: DesignerHostService) => ComponentSchema;
     updateDragAndDropRules: () => void;
@@ -44,6 +43,8 @@ export interface DesignerComponentInstance {
     triggerBelongedComponentToDeleteWhenDeleted?: Ref<boolean>;
     /** 获取属性配置 */
     getPropConfig: (...args: any[]) => any;
+    /** 控件所属Component的标识*/
+    belongedComponentId?: string;
 }
 export interface ResolveComponentContext {
     componentType: string;

package/types/dynamic-form/src/designer/response-form.design.component.d.ts

@@ -4,5 +4,11 @@ declare const _default: import("vue").DefineComponent<{
     [x: string]: any;
 }> & Readonly<{}>, {
     [x: string]: any;
-}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+}, {}, {}, {
+    "area-response": {
+        mounted: (bindElement: any, binding: any, vnode: any) => void;
+        updated: (bindElement: any, binding: any, vnode: any, prevVnode: any) => void;
+        beforeUnmount(bindElement: any, binding: any, vnode: any): void;
+    };
+}, string, import("vue").ComponentProvideOptions, true, {}, any>;
 export default _default;

package/types/dynamic-form/src/designer/use-designer-rules.d.ts

@@ -1,3 +1,3 @@
-import { UseDesignerRules } from "../../../designer-canvas/src/composition/types";
+import { DesignerHostService, UseDesignerRules } from "../../../designer-canvas/src/composition/types";
 import { DesignerItemContext } from "../../../designer-canvas/src/types";
-export declare function useDesignerRules(designItemContext: DesignerItemContext, designerHostService: any): UseDesignerRules;
+export declare function useDesignerRules(designItemContext: DesignerItemContext, designerHostService?: DesignerHostService): UseDesignerRules;

package/types/dynamic-form/src/property-config/form.property-config.d.ts

@@ -1,5 +1,5 @@
 import { DesignerComponentInstance } from '../../../designer-canvas';
-import { BaseControlProperty } from '../../../property-panel/src/composition/entity/base-property';
+import { BaseControlProperty } from "../../../../components/property-panel/src/composition/entity/base-property";
 export declare class ResponseFormProperty extends BaseControlProperty {
     constructor(componentId: string, designerHostService: any);
     getPropertyConfig(propertyData: any, componentInstance: DesignerComponentInstance): {

package/types/dynamic-resolver/src/common/toolbar-resolver.d.ts

@@ -1,5 +1,5 @@
 export declare function resolveToolbar(key: string, toolbarObject: {
     buttons: any[];
 }): {
-    buttons: any[];
+    buttons: any;
 };

package/types/external-container/src/designer/use-designer-rules.d.ts

@@ -1,3 +1,3 @@
-import { UseDesignerRules } from "../../../designer-canvas/src/composition/types";
-import { ComponentSchema } from "../../../designer-canvas/src/types";
-export declare function useDesignerRules(schema: ComponentSchema, parentSchema?: ComponentSchema): UseDesignerRules;
+import { DesignerHostService, UseDesignerRules } from "../../../designer-canvas/src/composition/types";
+import { DesignerItemContext } from "../../../designer-canvas/src/types";
+export declare function useDesignerRules(designItemContext: DesignerItemContext, designerHostService?: DesignerHostService): UseDesignerRules;

package/types/layout/src/designer/layout-pane-use-designer-rules.d.ts

@@ -1,3 +1,3 @@
-import { UseDesignerRules } from "../../../designer-canvas/src/composition/types";
-import { ComponentSchema } from "../../../designer-canvas/src/types";
-export declare function useDesignerRules(schema: ComponentSchema, parentSchema?: ComponentSchema): UseDesignerRules;
+import { DesignerHostService, UseDesignerRules } from "../../../designer-canvas/src/composition/types";
+import { DesignerItemContext } from "../../../designer-canvas/src/types";
+export declare function useDesignerRules(designItemContext: DesignerItemContext, designerHostService?: DesignerHostService): UseDesignerRules;

package/types/list-nav/src/designer/use-designer-rules.d.ts

@@ -0,0 +1,3 @@
+import { DesignerHostService, UseDesignerRules } from "../../../designer-canvas/src/composition/types";
+import { DesignerItemContext } from "../../../designer-canvas/src/types";
+export declare function useDesignerRules(designItemContext: DesignerItemContext, designerHostService?: DesignerHostService): UseDesignerRules;

package/types/pagination/src/components/buttons/goto-buttons.component.d.ts

@@ -13,7 +13,7 @@
  * See the License for the specific language governing permissions and
  * limitations under the License.
  */
-import { ComputedRef, Ref } from 'vue';
-export default function (currentPage: Ref<number>, lastPage: ComputedRef<number>): {
+import { ComputedRef, Ref, SetupContext } from 'vue';
+export default function (currentPage: Ref<number>, lastPage: ComputedRef<number>, currentPageSize: Ref<number>, context: SetupContext): {
     renderGotoButton: () => any;
 };

package/types/pagination/src/components/buttons/next-buttons.component.d.ts

@@ -13,8 +13,8 @@
  * See the License for the specific language governing permissions and
  * limitations under the License.
  */
-import { ComputedRef, Ref } from 'vue';
-export default function (currentPage: Ref<number>, isLastPage: Ref<boolean>, lastPage: ComputedRef<number>): {
+import { ComputedRef, Ref, SetupContext } from 'vue';
+export default function (currentPage: Ref<number>, isLastPage: Ref<boolean>, lastPage: ComputedRef<number>, currentPageSize: Ref<number>, context: SetupContext): {
     renderLastPage: () => any;
     renderNextPage: () => any;
 };

package/types/pagination/src/components/buttons/previous-buttons.component.d.ts

@@ -13,8 +13,8 @@
  * See the License for the specific language governing permissions and
  * limitations under the License.
  */
-import { Ref } from 'vue';
-export default function (currentPage: Ref<number>, isFirstPage: Ref<boolean>, shouldShowFirstPageLink: Ref<boolean>): {
+import { Ref, SetupContext } from 'vue';
+export default function (currentPage: Ref<number>, isFirstPage: Ref<boolean>, shouldShowFirstPageLink: Ref<boolean>, currentPageSize: Ref<number>, context: SetupContext): {
     renderFirstPage: () => any;
     renderPreviousPage: () => any;
 };

package/types/pagination/src/components/pages/page-list.component.d.ts

@@ -13,7 +13,7 @@
  * See the License for the specific language governing permissions and
  * limitations under the License.
  */
-import { Ref } from 'vue';
-export default function (currentPage: Ref<number>, currentPageSize: Ref<number>, pageList: Ref<number[]>, totalItems: Ref<number>): {
+import { Ref, SetupContext } from 'vue';
+export default function (currentPage: Ref<number>, currentPageSize: Ref<number>, pageList: Ref<number[]>, totalItems: Ref<number>, context: SetupContext): {
     renderPageList: () => any;
 };

package/types/pagination/src/components/pages/page-number.component.d.ts

@@ -13,8 +13,8 @@
  * See the License for the specific language governing permissions and
  * limitations under the License.
  */
-import { Ref } from 'vue';
+import { Ref, SetupContext } from 'vue';
 import { PageInfo } from '../../composition/types';
-export default function (currentPage: Ref<number>, pages: Ref<PageInfo[]>): {
+export default function (currentPage: Ref<number>, pages: Ref<PageInfo[]>, currentPageSize: Ref<number>, context: SetupContext): {
     renderPageNumbers: () => any[];
 };

package/types/property-panel/index.d.ts

@@ -15,10 +15,11 @@
  */
 import type { App } from 'vue';
 import FPropertyPanel from './src/property-panel.component';
+import { BaseControlProperty } from './src/composition/entity/base-property';
 export * from './src/composition/props/property-panel-item.props';
 export * from './src/composition/props/property-panel.props';
 export * from './src/composition/type';
-export { FPropertyPanel };
+export { FPropertyPanel, BaseControlProperty };
 declare const _default: {
     install(app: App): void;
 };

package/types/property-panel/src/composition/entity/input-base-property.d.ts

@@ -1,6 +1,6 @@
 import { BaseControlProperty } from "./base-property";
 import { DesignerComponentInstance } from "../../../../designer-canvas/src/types";
-import { UseResponseLayoutEditorSetting } from '../../../../response-layout-editor/src/type';
+import { UseResponseLayoutEditorSetting } from '../../../../response-layout-editor';
 export declare class InputBaseProperty extends BaseControlProperty {
     responseLayoutEditorFunction: UseResponseLayoutEditorSetting;
     constructor(componentId: string, designerHostService: any);

package/types/query-solution/src/designer/query-solution-config/composition/types.d.ts

@@ -27,6 +27,13 @@ export interface UseTransfer {
     confirm: () => void;
     cancel: () => void;
 }
+export interface UsePanel {
+    renderPanel: () => JSX.Element | null;
+    getExtendSchemaProerty: (controlType: ControlType) => Partial<PropertyItem>;
+}
+export interface UseProperty {
+    getPropertyConfig: (propertyData: PropertyItem) => PropertyConfig;
+}
 export interface PropertyConfig {
     description: string;
     title: string;
@@ -39,33 +46,33 @@ export interface PropertyItem {
     code: string;
     labelCode: string;
     name: string;
-    isExtend: string;
+    isExtend?: string;
     controlType: ControlType;
-    className: string;
-    require: boolean;
-    precision: number;
-    maxValue: number;
-    minValue: number;
-    uri: string;
-    multiSelect: boolean;
-    valueType: Array<any>;
-    enumValue: string;
-    helpId: string;
-    textField: string;
-    valueField: string;
-    idField: string;
-    mapFields: string;
-    panelWidth: number;
-    panelHeight: number;
-    editable: boolean;
-    nosearch: boolean;
-    displayFields: string;
-    clearFields: string;
-    dialogTitle: string;
-    enableMultiFieldSearch: boolean;
-    returnFormat: string;
-    format: string;
-    horizontal: boolean;
-    showLabel: boolean;
+    className?: string;
+    require?: boolean;
+    precision?: number;
+    maxValue?: number;
+    minValue?: number;
+    uri?: string;
+    multiSelect?: boolean;
+    valueType?: Array<any>;
+    enumValue?: string;
+    helpId?: string;
+    textField?: string;
+    valueField?: string;
+    idField?: string;
+    mapFields?: string;
+    panelWidth?: number;
+    panelHeight?: number;
+    editable?: boolean;
+    nosearch?: boolean;
+    displayFields?: string;
+    clearFields?: string;
+    dialogTitle?: string;
+    enableMultiFieldSearch?: boolean;
+    returnForma?: string;
+    format?: string;
+    horizontal?: boolean;
+    showLabel?: boolean;
     [prop: string]: any;
 }

package/types/query-solution/src/designer/query-solution-config/composition/use-panel.d.ts

@@ -13,21 +13,7 @@
  * See the License for the specific language governing permissions and
  * limitations under the License.
  */
-import { ControlType, PropertyItem } from './types';
+import { PropertyItem, UsePanel } from './types';
 import { Ref, SetupContext } from 'vue';
 import { QuerySolutionConfigProps } from '../query-solution-config.props';
-export declare function usePanel(props: QuerySolutionConfigProps, context: SetupContext, activePanel: Ref<any>, fieldsData: Ref<PropertyItem>): {
-    renderPanel: () => any;
-    PropertyPanelInstance: Ref<any, any>;
-    getExtendSchemaProerty: (controlType: ControlType) => {
-        className: string;
-        require: boolean;
-    };
-    getBasicSchemaProerty: (panel: any) => {
-        id: any;
-        code: any;
-        labelCode: any;
-        name: any;
-        controlType: any;
-    };
-};
+export declare function usePanel(props: QuerySolutionConfigProps, context: SetupContext, activePanel: Ref<any>, fieldsData: Map<string, PropertyItem>): UsePanel;

package/types/query-solution/src/designer/query-solution-config/composition/use-property.d.ts

@@ -0,0 +1,19 @@
+/**
+ * Copyright (c) 2020 - present, Inspur Genersoft Co., Ltd.
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *       http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+import { UseProperty } from './types';
+import { SetupContext } from 'vue';
+import { QuerySolutionConfigProps } from '../query-solution-config.props';
+export declare function useProperty(props: QuerySolutionConfigProps, context: SetupContext): UseProperty;