@gsp-cmp/ccmp-ui

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) => {
                        //执行逻辑
                    }
                )
            }
        )
    }
}