@farris/ui-vue 1.2.7 → 1.2.9

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

@@ -1,10 +1,5 @@
 export declare const DgControl: {
-    Button: {
-        type: string;
-        name: string;
-        icon: string;
-    };
-    ButtonGroup: {
+    button: {
         type: string;
         name: string;
         icon: string;
@@ -24,11 +19,6 @@ export declare const DgControl: {
         name: string;
         icon: string;
     };
-    DisplayField: {
-        type: string;
-        name: string;
-        icon: string;
-    };
     'input-group': {
         type: string;
         name: string;
@@ -79,49 +69,29 @@ export declare const DgControl: {
         name: string;
         icon: string;
     };
-    /** 暂时没用 */
-    FlexLayout: {
-        type: string;
-        name: string;
-    };
-    /** 暂时没用 */
-    FlowLayout: {
-        type: string;
-        name: string;
-    };
-    ResponseLayout: {
+    'response-form': {
         type: string;
         name: string;
         icon: string;
     };
-    ResponseLayoutItem: {
+    'response-layout': {
         type: string;
         name: string;
         icon: string;
     };
-    'tree-grid': {
+    'response-layout-item': {
         type: string;
         name: string;
         icon: string;
     };
-    TreeGridField: {
-        type: string;
-        name: string;
-    };
-    FieldSet: {
-        type: string;
-        name: string;
-        icon: string;
-    };
-    Form: {
+    'tree-grid': {
         type: string;
         name: string;
         icon: string;
     };
-    QueryForm: {
+    'tree-grid-column': {
         type: string;
         name: string;
-        icon: string;
     };
     'data-grid': {
         type: string;
@@ -132,12 +102,7 @@ export declare const DgControl: {
         type: string;
         name: string;
     };
-    Panel: {
-        type: string;
-        name: string;
-        icon: string;
-    };
-    Module: {
+    module: {
         type: string;
         name: string;
         icon: string;
@@ -147,36 +112,6 @@ export declare const DgControl: {
         name: string;
         icon: string;
     };
-    ExternalContainer: {
-        type: string;
-        name: string;
-        icon: string;
-    };
-    Image: {
-        type: string;
-        name: string;
-        icon: string;
-    };
-    ImageUpload: {
-        type: string;
-        name: string;
-        icon: string;
-    };
-    HiddenContainer: {
-        type: string;
-        name: string;
-        icon: string;
-    };
-    ModalContainer: {
-        type: string;
-        name: string;
-        icon: string;
-    };
-    RouteContainer: {
-        type: string;
-        name: string;
-        icon: string;
-    };
     tabs: {
         type: string;
         name: string;
@@ -192,37 +127,7 @@ export declare const DgControl: {
         name: string;
         icon: string;
     };
-    Tag: {
-        type: string;
-        name: string;
-        icon: string;
-    };
-    Sidebar: {
-        type: string;
-        name: string;
-        icon: string;
-    };
-    HtmlTemplate: {
-        type: string;
-        name: string;
-        icon: string;
-    };
-    ListView: {
-        type: string;
-        name: string;
-        icon: string;
-    };
-    RichTextBox: {
-        type: string;
-        name: string;
-        icon: string;
-    };
-    TimeSpinner: {
-        type: string;
-        name: string;
-        icon: string;
-    };
-    TimePicker: {
+    'time-picker': {
         type: string;
         name: string;
         icon: string;
@@ -232,140 +137,29 @@ export declare const DgControl: {
         name: string;
         icon: string;
     };
-    SectionToolbar: {
-        type: string;
-        name: string;
-    };
-    SectionToolbarItem: {
-        type: string;
-        name: string;
-    };
-    QueryScheme: {
-        type: string;
-        name: string;
-        icon: string;
-    };
-    FormHeader: {
-        type: string;
-        name: string;
-    };
-    Splitter: {
-        type: string;
-        name: string;
-        icon: string;
-    };
-    SplitterPane: {
-        type: string;
-        name: string;
-        dependentParentControl: string;
-    };
-    WizardDetail: {
-        type: string;
-        name: string;
-    };
-    WizardDetailContainer: {
-        type: string;
-        name: string;
-    };
-    Wizard: {
-        type: string;
-        name: string;
-        icon: string;
-    };
-    MultiSelect: {
-        type: string;
-        name: string;
-        icon: string;
-    };
-    Steps: {
-        type: string;
-        name: string;
-        icon: string;
-    };
-    avatar: {
-        type: string;
-        name: string;
-        icon: string;
-    };
-    ListFilter: {
-        type: string;
-        name: string;
-        icon: string;
-    };
-    ListNav: {
-        type: string;
-        name: string;
-        icon: string;
-    };
-    NumberRange: {
-        type: string;
-        name: string;
-        icon: string;
-    };
-    Scrollspy: {
-        type: string;
-        name: string;
-        icon: string;
-    };
-    LanguageTextBox: {
+    'section-toolbar': {
         type: string;
         name: string;
-        icon: string;
     };
-    ComponentRef: {
+    'section-toolbar-item': {
         type: string;
         name: string;
     };
-    FileUpload: {
+    splitter: {
         type: string;
         name: string;
         icon: string;
     };
-    FilePreview: {
-        type: string;
-        name: string;
-        icon: string;
-    };
-    ViewChange: {
-        type: string;
-        name: string;
-        icon: string;
-    };
-    MultiViewContainer: {
-        type: string;
-        name: string;
-        icon: string;
-    };
-    MultiViewItem: {
+    'splitter-pane': {
         type: string;
         name: string;
         dependentParentControl: string;
     };
-    Footer: {
+    'component-ref': {
         type: string;
         name: string;
     };
-    DiscussionEditor: {
-        type: string;
-        name: string;
-        icon: string;
-    };
-    DiscussionList: {
-        type: string;
-        name: string;
-        icon: string;
-    };
-    NavTab: {
-        type: string;
-        name: string;
-        icon: string;
-    };
-    Tags: {
-        type: string;
-        name: string;
-        icon: string;
-    };
-    Portlet: {
+    uploader: {
         type: string;
         name: string;
         icon: string;
@@ -375,140 +169,12 @@ export declare const DgControl: {
         name: string;
         icon: string;
     };
-    ModalFooter: {
-        type: string;
-        name: string;
-        icon: string;
-    };
-    ScrollCollapsibleArea: {
-        type: string;
-        name: string;
-        icon: string;
-    };
-    PersonnelSelector: {
-        type: string;
-        name: string;
-        icon: string;
-    };
-    Table: {
-        type: string;
-        name: string;
-        icon: string;
-    };
-    LoopContainer: {
-        type: string;
-        name: string;
-        icon: string;
-    };
-    FileUploadPreview: {
-        type: string;
-        name: string;
-        icon: string;
-    };
-    DynamicArea: {
-        type: string;
-        name: string;
-        icon: string;
-    };
-    DynamicAreaItem: {
-        type: string;
-        name: string;
-        icon: string;
-    };
-    TabToolbar: {
-        type: string;
-        name: string;
-        icon: string;
-    };
-    HeaderToolBar: {
-        type: string;
-        name: string;
-        icon: string;
-    };
-    ModalFooterToolBar: {
-        type: string;
-        name: string;
-        icon: string;
-    };
-    HeaderToolBarItem: {
-        type: string;
-        name: string;
-        icon: string;
-    };
-    ModalFooterToolBarItem: {
-        type: string;
-        name: string;
-        icon: string;
-    };
-    OrganizationSelector: {
-        type: string;
-        name: string;
-        icon: string;
-    };
-    AdminOrganizationSelector: {
-        type: string;
-        name: string;
-        icon: string;
-    };
-    EmployeeSelector: {
-        type: string;
-        name: string;
-        icon: string;
-    };
-    OaRelation: {
-        type: string;
-        name: string;
-        icon: string;
-    };
-    CitySelector: {
-        type: string;
-        name: string;
-        icon: string;
-    };
-    ExtIntergration: {
-        type: string;
-        name: string;
-        icon: string;
-    };
-    AppointmentCalendar: {
-        type: string;
-        name: string;
-        icon: string;
-    };
-    /** 查询类 start */
-    Charts: {
-        type: string;
-        name: string;
-        icon: string;
-    };
-    QdpFramework: {
-        type: string;
-        name: string;
-        icon: string;
-    };
-    SpreadSheet: {
-        type: string;
-        name: string;
-        icon: string;
-    };
-    QdpConditionDialog: {
-        type: string;
-        name: string;
-        icon: string;
-    };
-    QdpConditionDialogTab: {
-        type: string;
-        name: string;
-        icon: string;
-    };
-    /** 查询类 end */
-    /** 审批类 start */
-    ApprovalLogs: {
+    'page-footer': {
         type: string;
         name: string;
         icon: string;
     };
-    ApprovalComments: {
+    'tab-toolbar': {
         type: string;
         name: string;
         icon: string;

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

@@ -1,2 +1,2 @@
-import { UseDragula } from '../types';
-export declare function useDragula(): UseDragula;
+import { DesignerHostService, UseDragula } from '../types';
+export declare function useDragula(designerHostService: DesignerHostService): UseDragula;

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

@@ -1,5 +1,5 @@
 import { Ref, SetupContext } from "vue";
-import { DesignerHTMLElement, DraggingResolveContext } from "./composition/types";
+import { DesignerHostService, DesignerHTMLElement, DraggingResolveContext } from "./composition/types";
 export interface ComponentSchema {
     /** 设计时使用 */
     key?: string;
@@ -32,7 +32,7 @@ export interface DesignerComponentInstance {
     onAcceptMovedChildElement: (element: DesignerHTMLElement, soureElement?: DesignerHTMLElement) => void;
     onAcceptNewChildElement: (element: DesignerHTMLElement, targetPosition: number) => ComponentSchema;
     onChildElementMovedOut: (element: HTMLElement) => void;
-    addNewChildComponentSchema: (resolveContext: ResolveComponentContext) => ComponentSchema;
+    addNewChildComponentSchema: (resolveContext: ResolveComponentContext, designerHostService?: DesignerHostService) => ComponentSchema;
     updateDragAndDropRules: () => void;
     /**
      * 组件在拖拽时是否需要将所属的Component一起拖拽，用于form、data-grid等控件的拖拽
@@ -43,7 +43,7 @@ export interface DesignerComponentInstance {
      */
     triggerBelongedComponentToDeleteWhenDeleted?: Ref<boolean>;
     /** 获取属性配置 */
-    getPropConfig: () => any;
+    getPropConfig: (...args: any[]) => any;
 }
 export interface ResolveComponentContext {
     componentType: string;

package/types/dynamic-form/index.d.ts

@@ -1,11 +1,13 @@
 import FResponseForm from './src/response-form.component';
 import FDynamicFormGroup from './src/component/dynamic-form-group/dynamic-form-group.component';
+import FDynamicFormInput from './src/component/dynamic-form-input/dynamic-form-input.component';
 import { App } from 'vue';
 export * from './src/types';
 export * from './src/composition/types';
 export * from './src/response-form.props';
 export * from './src/component/dynamic-form-group/dynamic-form-group.props';
-export { FResponseForm, FDynamicFormGroup };
+export * from './src/designer/use-designer-rules';
+export { FResponseForm, FDynamicFormGroup, FDynamicFormInput };
 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;

package/types/dynamic-form/src/composition/response-form-component-creator.service.d.ts

@@ -0,0 +1,31 @@
+import { DesignerHostService } from '../../../designer-canvas/src/composition/types';
+import { DynamicResolver } from '../../../../components/dynamic-resolver';
+import { ComponentBuildInfo } from '../../../component/src/composition/inner-component-build-info';
+/**
+ * 创建卡片类组件服务类
+ */
+export declare class ResponseFormComponentCreatorService {
+    private resolver;
+    private designerHostService;
+    private formSchemaUtils;
+    private controlCreatorUtils;
+    private designViewModelUtils;
+    constructor(resolver: DynamicResolver, designerHostService: DesignerHostService);
+    createComponent(buildInfo: ComponentBuildInfo): any;
+    createComponentRefNode(buildInfo: ComponentBuildInfo): any;
+    createComponentNode(buildInfo: ComponentBuildInfo): any;
+    /**
+     * 获取卡片组件层级的class样式
+     */
+    private getFormComponentClass;
+    private createFormComponentContents;
+    private resolveControlClassByFormColumns;
+    /**
+     * 添加viewModel节点
+     */
+    createViewModeNode(buildInfo: ComponentBuildInfo): any;
+    /**
+     * 组装viewModel fields 节点
+     */
+    private assembleViewModelFields;
+}

package/types/dynamic-form/src/schema/schema-resolver.d.ts

@@ -1,2 +1,3 @@
+import { DesignerHostService } from "../../../designer-canvas/src/composition/types";
 import { DynamicResolver } from "../../../dynamic-resolver";
-export declare function schemaResolver(resolver: DynamicResolver, schema: Record<string, any>, context: Record<string, any>): Record<string, any>;
+export declare function schemaResolver(resolver: DynamicResolver, schema: Record<string, any>, context: Record<string, any>, designerHostService: DesignerHostService): Record<string, any>;

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

@@ -1,4 +1,4 @@
-export type EditorType = 'button-edit' | 'check-box' | 'check-group' | 'combo-list' | 'combo-lookup' | 'combo-tree' | 'date-picker' | 'date-range' | 'datetime-picker' | 'datetime-range' | 'events-editor' | 'month-picker' | 'month-range' | 'year-picker' | 'year-range' | 'input-group' | 'lookup' | 'number-range' | 'number-spinner' | 'radio-group' | 'text' | 'response-layout-editor-setting' | 'switch' | 'grid-field-editor' | 'field-selector' | 'schema-selector' | 'mapping-editor';
+export type EditorType = 'button-edit' | 'check-box' | 'check-group' | 'combo-list' | 'combo-lookup' | 'combo-tree' | 'date-picker' | 'date-range' | 'datetime-picker' | 'datetime-range' | 'events-editor' | 'month-picker' | 'month-range' | 'year-picker' | 'year-range' | 'input-group' | 'lookup' | 'number-range' | 'number-spinner' | 'radio-group' | 'text' | 'response-layout-editor-setting' | 'switch' | 'grid-field-editor' | 'field-selector' | 'schema-selector' | 'mapping-editor' | 'textarea';
 export interface EditorConfig {
     /** 编辑器类型 */
     type: EditorType;

package/types/dynamic-resolver/index.d.ts

@@ -7,3 +7,4 @@ export * from './src/events-resolver';
 export * from './src/selection-item-resolver';
 export * from './src/editor-resolver';
 export * from './src/visible-prop-resolver';
+export * from './src/schema-resolver';

package/types/dynamic-resolver/src/binding-resolver.d.ts

@@ -1,4 +1,5 @@
 import { BindingResolver } from "./types";
 export declare function createFormBindingResolver(): BindingResolver;
 export declare function createCollectionBindingResolver(): BindingResolver;
+export declare function createTreeGridBindingResolver(): BindingResolver;
 export declare function createDataMappingBindingResolver(): BindingResolver;

package/types/dynamic-resolver/src/schema-resolver.d.ts

@@ -1,7 +1,8 @@
+import { DesignerHostService } from "../../designer-canvas/src/composition/types";
 import { MapperFunction, SchemaResolverFunction } from "./types";
 declare const schemaMap: Record<string, any>;
 declare const schemaResolverMap: Record<string, SchemaResolverFunction>;
-declare function getSchemaByType(componentType: string, resolveContext?: Record<string, any>): Record<string, any> | null;
+declare function getSchemaByType(componentType: string, resolveContext?: Record<string, any>, designerHostService?: DesignerHostService): Record<string, any> | null;
 declare function resolveSchemaToProps(schemaValue: Record<string, any>, defaultSchema: Record<string, any>, schemaMapper?: Map<string, string | MapperFunction>): Record<string, any>;
 declare function resolveSchemaWithDefaultValue(schemaValue: Record<string, any>): Record<string, any>;
 export { getSchemaByType, resolveSchemaWithDefaultValue, resolveSchemaToProps, schemaMap, schemaResolverMap };

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

@@ -1,3 +1,4 @@
+import { DesignerHostService } from "../../designer-canvas/src/composition/types";
 export type MapperFunction = (key: string, value: any, resolvedSchema?: any) => Record<string, any>;
 export interface SchemaService {
     closest: (componentId: string, componentType: string) => Record<string, any> | null;
@@ -11,10 +12,10 @@ export interface PropertyConverter {
     convertFrom: (schema: Record<string, any>, propertyKey: string, schemaService: SchemaService, componentId?: string) => any;
 }
 export interface DynamicResolver {
-    getSchemaByType: (componentType: string) => Record<string, any> | null;
+    getSchemaByType: (componentType: string, resolveContext?: Record<string, any>, designerHostService?: DesignerHostService) => Record<string, any> | null;
     getPropertyConfigByType?: (componentType: string) => Record<string, any> | null;
 }
-export type SchemaResolverFunction = (dynamicResolver: DynamicResolver, schema: Record<string, any>, resolveContext: Record<string, any>) => Record<string, any>;
+export type SchemaResolverFunction = (dynamicResolver: DynamicResolver, schema: Record<string, any>, resolveContext: Record<string, any>, designerHostService?: DesignerHostService) => Record<string, any>;
 export type EffectFunction = (source: Record<string, any>) => Record<string, any>;
 export interface EventDispatcher {
     dispatch(token: string, eventName: string, ...payloads: any[]): any;

package/types/dynamic-view/src/dynamic-view.component.d.ts

@@ -1,7 +1,7 @@
 declare const FDynamicView: import("vue").DefineComponent<{
     modelValue: Record<string, any>;
     schema: Record<string, any>;
-}, () => any, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, "update:modelValue" | "event", import("vue").PublicProps, Readonly<{
+}, () => any, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, "update:modelValue" | "event" | "componentReady", import("vue").PublicProps, Readonly<{
     modelValue: Record<string, any>;
     schema: Record<string, any>;
 }> & Readonly<{}>, {

package/types/lookup/src/property-config/lookup.property-config.d.ts

@@ -1,7 +1,8 @@
 import { InputBaseProperty } from "../../../property-panel/src/composition/entity/input-base-property";
+import { DesignerComponentInstance } from "../../../designer-canvas/src/types";
 export declare const LookupSchemaRepositoryToken: unique symbol;
 export declare class LookupPropertyConfig extends InputBaseProperty {
-    getPropertyConfig(propertyData: any): {
+    getPropertyConfig(propertyData: any, componentInstance: DesignerComponentInstance): {
         type: string;
         categories: {
             basic: any;

package/types/modal/src/modal.props.d.ts

@@ -117,10 +117,7 @@ export declare const modalProps: {
         type: NumberConstructor;
     };
     containment: {
-        type: {
-            new (): HTMLElement;
-            prototype: HTMLElement;
-        };
+        type: PropType<HTMLElement>;
         default: null;
     };
     reiszeable: {

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

@@ -22,17 +22,5 @@ export declare class BaseControlProperty {
     setDesignViewModelField(propertyData: any): void;
     changeFieldEditorType(propertyData: any, newControlType: string): void;
     getBasicPropConfig(propertyData: any): any;
-    /**
-   * 卡片控件：切换控件类型后事件
-   * @param propertyData 控件DOM属性
-   * @param newControlType 新控件类型
-   */
-    changeControlType(propertyData: any, changeObject: any): void;
     protected getAppearanceConfig(propertyData?: null): any;
-    /**
-  * 获取控件：以contents为节点进行定位
-  * @param controlId 控件ID
-  * @param domJson 容器
-  */
-    private getControlParentContainer;
 }

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

@@ -1,35 +1,20 @@
 import { BaseControlProperty } from "./base-property";
+import { DesignerComponentInstance } from "../../../../designer-canvas/src/types";
 export declare class InputBaseProperty extends BaseControlProperty {
     constructor(componentId: string, designerHostService: any);
-    getBasicProperties(propertyData: any): any;
-    getAppearanceProperties(propertyData: any): any;
-    getEditorProperties(propertyData: any): any;
-    getPropertyConfig(propertyData: any): {
+    getPropertyConfig(propertyData: any, componentInstance: DesignerComponentInstance): {
         type: string;
         categories: {};
     };
-    private getFieldSelectorOptions;
-    getBindingOtions(propertyData: any): {
-        description: string;
-        title: string;
-        $converter: string;
-        editor: {
-            type: string;
-            bindingType: {
-                enable: boolean;
-            };
-            editorParams: {
-                propertyData: any;
-                formBasicInfo: any;
-            };
-            columns: {
-                field: string;
-                title: string;
-            }[];
-            textField: string;
-            data: any;
-        };
-    };
+    getBasicProperties(propertyData: any, componentInstance: any): any;
+    getAppearanceProperties(propertyData: any): any;
+    getEditorProperties(propertyData: any): any;
+    /**
+     * 卡片控件：切换控件类型后事件
+     * @param propertyData 控件DOM属性
+     * @param newControlType 新控件类型
+     */
+    private changeControlType;
     getComponentConfig(propertyData: any, info?: {}, properties?: {}): {
         properties: {
             readonly: {