UI界面使用说明

1. 执行 nmp install @gsp-cmp/ccmp-ui@latest

需要安装的前置依赖： "peerDependencies": {     "@angular/common": "^7.2.0",     "@angular/core": "^7.2.0",     "@progress/kendo-angular-buttons": "^4.4.1",     "@gsp-cmp/common-component": "^0.0.14",     "@ecp-caf/common-structure": "^0.0.13",     "@farris/ui-modal": "^0.0.19",     "@farris/ui-messager": "^0.1.2",     "@farris/ui-locale": "^0.0.7",     "@farris/ui-notify": "^0.0.1",     "@farris/ui-dialog": "^0.0.1",     "@progress/kendo-angular-grid": "^3.14.2" }

2. 引入构件UI模块CommonComponentUiModule

3. 引入构件UI服务CommonComponentUiRTService

4. 调用说明

1. 提供构件UI运行时服务，调用示例如下：

import { CommonComponentUiRTService,SelectorResult } from '@gsp-cmp/ccmp-ui';

@Component({
    selector: 'app-ccmp',
    templateUrl: './ccmp.component.html',
    styleUrls: ['./ccmp.component.css'],
    encapsulation: ViewEncapsulation.None
})
export class DemoComponent{

    constructor(private componentService:CommonComponentUiRTService){}

    invokeDemo() {
        this.componentService.openSelector(componentId, sessionId, options).subscribe(
            (selectorResult: SelectorResult) => {
                selectorResult.confirmEvent.subscribe(
                    (result: GspComponent) => {
                        //执行逻辑
                    }
                )
            }
        )
    }
}