{"__symbolic":"module","version":4,"metadata":{"EventsEditorService":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Injectable","line":10,"character":1},"arguments":[{"providedIn":"root"}]}],"members":{"__ctor__":[{"__symbolic":"constructor"}]},"statics":{"ngInjectableDef":{}}},"EventsEditorComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":14,"character":1},"arguments":[{"selector":"farris-eventsEditor","template":"<!--\n * @Author: your name\n * @Date: 2021-11-29 08:39:45\n * @LastEditTime: 2021-12-27 11:24:50\n * @LastEditors: Please set LastEditors\n * @Description: 打开koroFileHeader查看配置 进行设置: https://github.com/OBKoro1/koro1FileHeader/wiki/%E9%85%8D%E7%BD%AE\n * @FilePath: /eventsEditor/projects/events-editor/src/lib/events-editor.component.html\n-->\n<div class=\"f-page-events-editor\">\n  <div class=\"f-page-events-editor-content\">\n    <!-- 新建交互按钮 -->\n    <div class=\"f-page-events-editor-top-button\">\n      <button class=\"f-page-events-editor-button\" (click)='createNewInteraction()'>\n        <span class=\"f-page-events-editor-text\">{{ eventEditorLocale[localeId].eventsEditor.createInteractions}}</span>\n      </button>\n    </div>\n    <!-- 新建交互下拉框 -->\n    <div *ngIf=\"showComboList\" class=\"f-page-events-editor-events\">\n      <div *ngFor='let originalDataItem of originalData[0].eventsArray' class=\"f-page-events-editor-first-bound-event\">\n        <div (click)=\"bindEvents(originalDataItem,0,0)\" class=\"f-page-events-editor-first-bound-event-name\">\n          {{ originalDataItem.name}}</div>\n      </div>\n    </div>\n    <!-- 根据入参展示所有已绑定事件的状态 -->\n    <div class=\"events-display-order\" *ngFor=\"let i of eventsDisplayOrder;trackBy:eventsDisplayOrderTrackByHandler\">\n      <div class=\"show-switch\"\n        *ngFor=\"let element of originalData[i].showSwitch; let commandItemIndex = index;trackBy:showSwitchTrackByHandler\">\n        <!-- 绑定事件-下拉框 -->\n        <div *ngIf=\"element.showSection[element.showSwitchNumber][0]\">\n          <div *ngFor='let originalDataItem of originalData[i].eventsArray'>\n            <span (click)=\"bindEvents(originalDataItem,commandItemIndex,i)\">{{\n              originalDataItem.name}}</span>\n          </div>\n        </div>\n        <!-- 显示绑定的事件名称 -->\n        <div *ngIf='element.showSection[element.showSwitchNumber][1]'>\n          <div class=\"f-page-events-editor-bound-event\">\n            <div class=\"f-page-events-editor-bound-event-name\" [title]=\"originalData[i].events.name+'（'+originalData[i].events.label+'）'\">\n              {{originalData[i].events.name}}</div>\n            <div *ngIf=\"element.showSection[element.showSwitchNumber][3]\" style=\"float:right;margin:5px;\">\n              <div class=\"f-icon f-icon-arrow-chevron-down\" style=\"font-size: 10px;\"\n                (click)=\"hideCurrentCommandList(i)\"></div>\n            </div>\n            <div *ngIf=\"!element.showSection[element.showSwitchNumber][3]\" style=\"float:right;margin:5px;\">\n              <div class=\"f-icon f-icon-arrow-chevron-left\" style=\"font-size: 10px;\"\n                (click)=\"hideCurrentCommandList(i)\"></div>\n            </div>\n            <!-- *ngIf=\"!originalData[i].editProhibitedInRuntimeCustom\" -->\n            <div class=\"f-icon f-icon-yxs_delete\" style=\"font-size: 13px;float: right; margin:8px;\"\n              (click)=\"deleteCurrentEvent(i)\"></div>\n            <div class=\"f-icon f-icon-home-add\" style=\"float:right; font-size: 10px; margin:8px;\"\n              (click)=\"onCurrentCommandNumChanged(i,originalData)\"></div>\n          </div>\n        </div>\n        <!-- 方法来源-点击绑定事件后触发 -->\n        <div *ngIf='element.showSection[element.showSwitchNumber][2]'>\n          <farris-command-source [i]=\"i\" [originalData]=\"originalData\" [haveBoundCommand]=\"haveBoundCommand\"\n            [exist]=\"exist\" [localeId]=\"localeId\" [addInternalCommandList]=\"addInternalCommandList\"\n            [initialData]=\"initialData\" (addInternalCommandListChanged)=\"onAddInternalCommandListChanged($event)\"\n            (clickClose)=\"onClosed(i)\" (newFucChanged)=\"onNewFucChanged()\" (existChanged)=\"onExistChanged($event)\"\n            (currentCommandChanged)=\"onCurrentCommandChanged($event,i,commandItemIndex)\"\n            (originalDataChanged)=\"onOriginalDataChanged($event,i)\"> </farris-command-source>\n        </div>\n        <!-- 参数编辑组件 -->\n        <div *ngIf=\"element.showSection[element.showSwitchNumber][3]\">\n          <farris-parameter-editor [i]=\"i\" [originalData]=\"originalData\" [commandItemIndex]=\"commandItemIndex\"\n            (originalDataChanged)=\"onOriginalDataChanged($event,i)\" [initialData]=\"initialData\" [localeId]=\"localeId\"\n            [eventsDisplayOrder]=\"eventsDisplayOrder\"></farris-parameter-editor>\n        </div>\n      </div>\n    </div>\n  </div>\n  <div *ngIf=\"showPopover\" class=\"f-page-events-popover\">\n  </div>\n</div>","styles":[".f-page-events-editor{display:-webkit-box;position:relative}.f-page-events-popover{position:absolute;top:0;width:100%;z-index:2000;background-color:#0000;opacity:0;height:calc(100vh - 50px)}.f-page-events-editor-content{width:100%;min-width:200px;background-color:#fff}.f-page-events-editor-events{width:98%;max-height:136px;background:#fff;box-shadow:0 2px 10px 0 rgba(0,0,0,.15);border-color:#6ca0f5;border-radius:4px;margin-left:2px;padding:8px 0 2px;overflow:scroll;text-overflow:ellipsis;white-space:nowrap}:host ::ng-deep button:focus{outline:unset}.f-page-events-editor-top-button{background-color:#fff}.f-page-events-editor-top-button:focus{background-color:#f3f7ff}.f-page-events-editor-first-bound-event{height:24px;font-family:PingFangSC-Regular;font-size:13px;color:#425159;line-height:24px;font-weight:400;padding-left:5px;margin-left:10px}.f-page-events-editor-first-bound-event:hover{background-color:#348eff}.f-page-events-editor-bound-event{border:1px solid #e8ebf3;width:100%;height:28px;background:#fff;margin-top:10px}.f-page-events-editor-first-bound-event-name{font-family:PingFangSC-Regular;font-size:13px;color:#425159;line-height:24px}.f-page-events-editor-first-bound-event-name:hover{color:#fff}.f-page-events-editor-button{margin:5px 0 0;border-radius:6px;width:100%;border:#fff;height:26px;cursor:pointer;background-image:linear-gradient(-51deg,#328bff 0,#2a87ff 100%);box-shadow:0 4px 10px 0 rgb(69 144 255 / 25%)}.f-page-events-editor-text{font-family:PingFangSC-Regular;font-size:13px;color:#fff;text-align:center}.f-page-events-editor-bound-event-name{margin:5px 5px 5px 12px;display:inline-block;font-family:PingFangSC-Regular;font-size:13px;color:#6ca1ff;width:calc(100% - 99px);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}:host ::ng-deep .mb-3{margin-bottom:0!important}.f-icon.f-icon-arrow-chevron-down:hover,.f-icon.f-icon-arrow-chevron-left:hover,.f-icon.f-icon-home-add:hover,.f-icon.f-icon-yxs_delete:hover{color:#2a75ee;cursor:pointer}.f-icon.f-icon-home-add,.f-icon.f-icon-yxs_delete{color:#a7b0bb}.f-page-events-editor-save-all{width:240px;height:40px}.f-page-events-editor-save-all-button{margin:10px 10px 3px 178px;background:#6ca0f5;border-radius:4px;width:50px;border:1px transparent}"]}]}],"members":{"initialData":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":22,"character":3}}]}],"savedCommandListChanged":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":24,"character":3}}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@farris/ui-notify","name":"NotifyService","line":52,"character":32}]}],"ngOnInit":[{"__symbolic":"method"}],"getLanguageEnvironment":[{"__symbolic":"method"}],"resetDataVmLabel":[{"__symbolic":"method"}],"resetBoundEvents":[{"__symbolic":"method"}],"initTargetComponent":[{"__symbolic":"method"}],"getOriginalData":[{"__symbolic":"method"}],"getEventsArray":[{"__symbolic":"method"}],"initBoundEvents":[{"__symbolic":"method"}],"initUnboundEvents":[{"__symbolic":"method"}],"createNewInteraction":[{"__symbolic":"method"}],"refreshInternals":[{"__symbolic":"method"}],"refreshEventsList":[{"__symbolic":"method"}],"bindEvents":[{"__symbolic":"method"}],"deleteSelectedEvents":[{"__symbolic":"method"}],"hideCurrentCommandList":[{"__symbolic":"method"}],"deleteCurrentEvent":[{"__symbolic":"method"}],"onCurrentCommandNumChanged":[{"__symbolic":"method"}],"onNewImportChanged":[{"__symbolic":"method"}],"onAddInternalCommandListChanged":[{"__symbolic":"method"}],"onClosed":[{"__symbolic":"method"}],"onExistChanged":[{"__symbolic":"method"}],"onCurrentCommandChanged":[{"__symbolic":"method"}],"onOriginalDataChanged":[{"__symbolic":"method"}],"onNewFucChanged":[{"__symbolic":"method"}],"emitNewController":[{"__symbolic":"method"}],"emitFinalState":[{"__symbolic":"method"}],"updateRepititionCommand":[{"__symbolic":"method"}],"eventsDisplayOrderTrackByHandler":[{"__symbolic":"method"}],"showSwitchTrackByHandler":[{"__symbolic":"method"}]}},"EventsEditorModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":27,"character":1},"arguments":[{"declarations":[{"__symbolic":"reference","name":"EventsEditorComponent"},{"__symbolic":"reference","name":"InternalsComponent"},{"__symbolic":"reference","name":"ParameterEditorComponent"},{"__symbolic":"reference","name":"CommandSourceComponent"},{"__symbolic":"reference","name":"ViewModelComponent"}],"imports":[{"__symbolic":"reference","module":"@farris/ui-combo-list","name":"ComboListModule","line":36,"character":4},{"__symbolic":"reference","module":"@angular/forms","name":"FormsModule","line":37,"character":4},{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":38,"character":4},{"__symbolic":"call","expression":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@farris/ui-modal","name":"ModalModule","line":39,"character":4},"member":"forRoot"}},{"__symbolic":"reference","module":"@farris/ui-dropdown","name":"FDropdownDirectiveTypeModule","line":40,"character":4},{"__symbolic":"reference","module":"@farris/ui-tooltip","name":"FarrisTooltipModule","line":41,"character":4},{"__symbolic":"reference","module":"@farris/ui-input-group","name":"InputGroupModule","line":42,"character":4},{"__symbolic":"call","expression":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@gsp-lcm/metadata-selector","name":"GSPMetadataServiceModule","line":43,"character":4},"member":"forRoot"},"arguments":[""]},{"__symbolic":"reference","module":"@gsp-lcm/metadata-selector","name":"MetadataSelectModule","line":44,"character":4},{"__symbolic":"reference","module":"@gsp-lcm/metadatart-selector","name":"MetadataRTSelectModule","line":45,"character":4},{"__symbolic":"call","expression":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@gsp-lcm/metadatart-selector","name":"GSPMetadataRTServiceModule","line":46,"character":4},"member":"forRoot"},"arguments":[""]},{"__symbolic":"reference","module":"@farris/ide-parameter-editor","name":"FarrisIDEParameterEditorModule","line":47,"character":4},{"__symbolic":"reference","module":"@farris/app-navigation-selector","name":"AppNavigationSelectorModule","line":48,"character":4},{"__symbolic":"call","expression":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@farris/ui-locale","name":"LocaleModule","line":49,"character":4},"member":"forRoot"},"arguments":[""]}],"exports":[{"__symbolic":"reference","name":"EventsEditorComponent"}],"entryComponents":[{"__symbolic":"reference","name":"ViewModelComponent"},{"__symbolic":"reference","module":"@farris/app-navigation-selector","name":"AppNavigationSelectorComponent","line":54,"character":4}],"providers":[{"provide":{"__symbolic":"reference","module":"@angular/core","name":"LOCALE_ID","line":57,"character":15},"useValue":{"__symbolic":"binop","operator":"||","left":{"__symbolic":"call","expression":{"__symbolic":"select","expression":{"__symbolic":"reference","name":"localStorage"},"member":"getItem"},"arguments":["languageCode"]},"right":"zh-CHS"}}]}]}],"members":{}},"ViewModelComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":4,"character":1},"arguments":[{"selector":"farris-view-model","template":"<div class=\"f-vm-all\">\n  <div class=\"f-vm-search\">\n    <div class=\"f-vm-searchBar\">\n      <input-group [groupText]=\"groupIcon\" [(value)]=\"searchValue\" (clickHandle)=\"onSearchValueChanged($event)\"\n        (valueChange)=\"onSearchValueChanged($event)\" (clear)=\"onClear()\"></input-group>\n    </div>\n  </div>\n  <div class=\"f-vm-viewModel\" *ngIf=\"viewModelData\">\n    <ng-container *ngFor=\"let viewModelDataItem of viewModelData\">\n      <ng-container *ngFor=\"let mapItem of viewModelDataItem.sourceComponent.map\">\n        <ng-container *ngIf=\"!mapItem.hide\">\n          <div [ngClass]=\"{'f-vm-item':!mapItem.active,'f-vm-item-focus':mapItem.active}\"\n            (click)=\"getViewModelCommand(mapItem,viewModelDataItem)\">\n            <div class=\"f-event-commandItem\">\n              <div class=\"f-icon-command\">\n                <div class=\"f-icon f-icon-source-code\" style=\"font-size:10px;color:#30B471;\"> </div>\n              </div>\n              <div\n                [ngClass]=\"{'f-event-func':!mapItem.command.isInvalid,'f-event-func-invalid':mapItem.command.isInvalid}\">\n                {{ mapItem.command.name +'('+mapItem.command.label+')'}}\n              </div>\n            </div>\n            <div class=\"f-event-path\"> {{viewModelDataItem.path}}{{mapItem.event.name}} </div>\n          </div>\n        </ng-container>\n      </ng-container>\n    </ng-container>\n  </div>\n</div>","styles":[".f-vm-all{min-width:180px}.f-vm-search{height:60px;background-color:#fff;position:absolute;width:96%;top:0;z-index:2;margin:0 2%}.f-vm-searchBar{margin:15px 10px}.f-vm-viewModel{display:block;top:65px;position:absolute;left:0;right:0;bottom:0;overflow:auto}.f-vm-viewModel>:first-child{border-top:1px solid #e5e9ef;border-top-left-radius:8px;border-top-right-radius:8px}.f-vm-viewModel>:last-child{border-bottom:1px solid #e5e9ef;border-bottom-left-radius:8px;border-bottom-right-radius:8px}.f-event-commandItem{display:block}.f-icon-command{width:16px;height:16px;background-color:#dbf4e7;margin:10px 6px 4px 16px;display:inline-block;padding:0 2px 2px;vertical-align:top;border-radius:2px}input::-webkit-input-placeholder{font-family:PingFangSC-Regular;font-size:13px;color:#b4bccc;font-weight:400}.f-event-path{margin:0 0 8px 16px;color:#949ba7;font-family:PingFangSC-Regular;font-size:12px;font-weight:400}.f-event-func{margin:9px 0 4px;font-family:PingFangSC-Regular;font-size:13px;vertical-align:top;color:#2d2f33;font-weight:400;height:18px;display:inline-block;max-width:92%;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.f-event-func-invalid{margin:9px 0 4px;font-family:PingFangSC-Regular;font-size:13px;vertical-align:top;color:#949ba7;font-weight:400;height:18px;display:inline-block;max-width:92%;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.f-vm-item{margin:0 30px;border-bottom:1px solid #e5e9ef;border-left:1px solid #e5e9ef;border-right:1px solid #e5e9ef}.f-vm-item:hover{cursor:pointer;border-bottom:1px solid #e5e9ef;border-left:1px solid #e5e9ef;border-right:1px solid #e5e9ef;background-color:#edf5fc!important}.f-vm-viewModel>:first-child .f-vm-item:hover{border-top:1px solid #e5e9ef;border-top-left-radius:8px;border-top-right-radius:8px}.f-vm-viewModel>:last-child>:last-child .f-vm-item:hover{border-bottom-left-radius:8px;border-bottom-right-radius:8px}.f-vm-item-focus,.f-vm-item-focus:hover{border-bottom:1px solid #e5e9ef;border-left:1px solid #e5e9ef;border-right:1px solid #e5e9ef;background-color:#edf5fc!important;margin:0 30px}"]}]}],"members":{"initialState":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":11,"character":3}}]}],"close":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":13,"character":3}}]}],"submit":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":15,"character":3}}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@farris/ui-notify","name":"NotifyService","line":29,"character":32}]}],"ngOnInit":[{"__symbolic":"method"}],"initData":[{"__symbolic":"method"}],"getLanguageEnvironment":[{"__symbolic":"method"}],"back":[{"__symbolic":"method"}],"uploadData":[{"__symbolic":"method"}],"getViewModelCommand":[{"__symbolic":"method"}],"onSearchValueChanged":[{"__symbolic":"method"}],"onClear":[{"__symbolic":"method"}],"matchCommand":[{"__symbolic":"method"}]}},"ParameterEditorComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":12,"character":1},"arguments":[{"selector":"farris-parameter-editor","template":"<!--\n * @Author: your name\n * @Date: 2021-11-27 17:00:07\n * @LastEditTime: 2021-12-28 08:40:20\n * @LastEditors: Please set LastEditors\n * @Description: 打开koroFileHeader查看配置 进行设置: https://github.com/OBKoro1/koro1FileHeader/wiki/%E9%85%8D%E7%BD%AE\n * @FilePath: /eventsEditor/projects/events-editor/src/lib/parameter-editor/parameter-editor.component.html\n-->\n<div class=\"f-page-parameter-editor\">\n  <!-- 当用户选择绑定方法后显示-->\n  <div *ngIf=\"data[i].currentCommand\">\n    <!-- 参数编辑第一行-方法名称 -->\n    <div class=\"f-page-parameter-editor-first-row\">\n      <span class=\"f-page-parameter-editor-command-name\" [title]=\"command.label\">\n        {{command.name}}</span>\n      <div class=\"f-page-parameter-editor-first-row-icon\">\n        <div *ngIf=\"abandoned\">\n          <div [title]=\"eventEditorLocale[localeId].eventsEditor.methodNotExist\" class=\"f-icon f-icon-flowline-warning\"\n            style=\"font-size: 13px;margin-right:10px; color: red;width: 30px;height: 20px;text-align: center;\"\n            (click)=\"showPromptingMessage()\"></div>\n        </div>\n        <div *ngIf=\"deleted\">\n          <div [title]=\"eventEditorLocale[localeId].eventsEditor.methodDeleted\" class=\"f-icon f-icon-flowline-warning\"\n            style=\"font-size: 13px;margin-right:10px; color: red;width: 30px;height: 20px;text-align: center;\"\n            (click)=\"showPromptingMessageDel()\"></div>\n        </div>\n        <div *ngIf=\"!abandoned && !deleted\">\n          <div class=\"f-icon f-icon-edit-button\" style=\"font-size: 13px;margin-right:10px;\"\n            (click)=\"hideCurrentParameter(commandItemIndex)\"></div>\n        </div>\n      </div>\n    </div>\n    <div *ngIf=\"data[i].showSwitch[commandItemIndex].showSection[2][4]\">\n      <div class=\"f-page-parameter-editor-group\">\n        <!-- 参数编辑目标组件-目标组件下拉框；-->\n        <div *ngIf=\"data[i].currentCommand.componentLists && data[i].currentCommand.hasPath\">\n          <div class=\"f-page-parameter-editor-targetComponent\">\n            <div class=\"f-page-parameter-editor-targetComponent-topic\">\n              {{eventEditorLocale[localeId].eventsEditor.targetComponent}}\n              <span class=\"farris-label-tips\" [placement]=\"'right'\" [tipCls]=\"'f-parameter-tooltip-class'\" farrisTooltip\n                [content]=\"tips\">\n                <i class=\"f-icon f-icon-message_help\" style=\"color:#878D99;\"></i>\n              </span>\n            </div>\n            <div class=\"f-page-parameter-editor-targetComponent-dropdown\">\n              <farris-combo-list [(ngModel)]=\"targetComponentVM\" [placeholder]=\"''\" [viewType]=\"'text'\"\n                [enableClear]=\"false\" [idField]=\"'viewModelId'\" [textField]=\"'componentId'\" [data]=\"componentLists\"\n                [editable]=\"false\" (valueChange)=\"getSelectedComponent($event)\">\n              </farris-combo-list>\n            </div>\n          </div>\n        </div>\n        <div *ngFor=\"let propertyItem of command.property\">\n          <!-- 参数编辑第二行-参数名、说明对应的图标 -->\n          <div class=\"f-page-parameter-editor-row1\">\n            <div class=\"f-page-parameter-editor-parameter-name\">\n              <!-- *ngIf=\"localeId === 'en'; else otherContent\" -->\n              <div  class=\"f-page-parameter-editor-name-ch\" [title]=\"propertyItem.shownName\">{{propertyItem.shownName }}\n              </div>\n              <!-- <ng-template #otherContent class=\"f-page-parameter-editor-name-ch\">{{ propertyItem.shownName }}</ng-template> -->\n              <div *ngIf=\"propertyItem.description\" class=\"farris-label-tips\"\n                style=\"display: inline-block;margin: 0 2px;\" [placement]=\"'right'\"\n                [tipCls]=\"'f-parameter-tooltip-class'\" farrisTooltip [content]=\"propertyItem.description\">\n                <i class=\"f-icon f-icon-message_help\" style=\"color:#878D99;\"></i>\n              </div>\n            </div>\n          </div>\n          <!-- 参数第三行-参数值输入框-->\n          <div class=\"f-page-parameter-editor-row2\">\n            <!-- 注：根据data[i].currentCommand.isRTCmd判断 -->\n            <!-- [readonly]=\"!data[i].currentCommand.isRTCmd\" -->\n            <ide-parameter-editor [viewModelId]=\"initialData.viewModelId\" [parameterName]=\"propertyItem.name\"\n              [editorType]=\"propertyItem?.origin?.controlSource?.type || null\"\n              [defaultValue]=\"propertyItem?.origin?.defaultValue\"\n              [options]=\"propertyItem?.origin?.controlSource?.context || {}\" [(value)]=\"propertyItem.value\"\n              [context]=\"initialData\" [command]=\"command\" (valueChange)=\"getParameterValue(command,propertyItem,$event)\"\n              (onBlur)=\"onBlur($event)\" (applicationSelectionChange)=\"onApplicationSelectionChange($event)\">\n            </ide-parameter-editor>\n          </div>\n        </div>\n      </div>\n    </div>\n    <!-- 参数第四行-完成按钮 -->\n    <div *ngIf=\"data[i].showSwitch[commandItemIndex].showSection[2][4]\">\n      <div class=\"f-page-parameter-editor-btn\">\n        <div class=\"btn-finish\" (click)=\"foldIn(commandItemIndex)\">{{eventEditorLocale[localeId].eventsEditor.finish}}\n        </div>\n      </div>\n    </div>\n  </div>\n</div>","styles":[".f-page-parameter-editor{background:#fff;border-radius:4px}.f-page-parameter-editor-group{margin:0 12px;background:#fff;border-radius:4px;width:95%}.f-parameter-tooltip-class{background-color:#878d99;width:100px}.f-page-parameter-editor-first-row{padding:5px 5px 0;width:100%;display:flex;background-color:#fff;justify-content:space-between}.f-page-parameter-editor-command-name{font-family:PingFangSC-Regular;font-size:13px;color:#878d99;display:inline-block;margin:7px 0 7px 12px;width:calc(100% - 40px);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex:1}.f-page-parameter-editor-first-row-icon{margin-left:5px;margin-right:5px;height:25px;background-color:#fff;float:right;margin-top:8px}.f-page-parameter-editor-parameter-name{font-family:PingFangSC-Regular;font-size:13px;color:#878d99;padding:8px 0 4px 9px;display:flex;align-items:center}.f-page-parameter-editor-name-ch{display:inline-block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.f-page-parameter-editor-row2{padding:0 8px 8px}.f-page-parameter-editor-input{border:1px solid #e0dfdf}.f-page-parameter-editor-row3{margin:5px}.f-page-parameter-editor-row3-cancel{margin-left:5px;height:25px}.f-page-parameter-editor-row3-save{margin-left:35px;height:25px}.f-icon.f-icon-yxs_delete:hover{color:#2a75ee}.f-icon.f-icon-yxs_delete{color:#a7b0bb}.f-icon.f-icon-edit-button:hover{color:#2a75ee;cursor:pointer}.f-icon.f-icon-edit-button{color:#a7b0bb}.f-page-parameter-editor-btn{height:35px;width:100%}.btn-finish{height:25px;margin-right:10px;float:right;width:45px;padding:3px 5px;border:1px solid #e5e7e9;font-size:12px;color:#5a8cff;box-shadow:0 2px 3px 0 rgb(31 35 41 / 6%);border-radius:3px;margin-top:5px;text-align:center}.btn-finish:hover{cursor:pointer;border:1px solid #5a8cff}.f-page-parameter-editor-targetComponent{font-family:PingFangSC-Regular;font-size:13px;color:#878d99;margin:0 0 2px 8px}.f-page-parameter-editor-targetComponent-topic{padding:3px 0}.f-page-parameter-editor-targetComponent-dropdown{padding:0 8px 0 0}"]}]}],"members":{"i":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":21,"character":3}}]}],"originalData":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":23,"character":3}}]}],"commandItemIndex":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":31,"character":3}}]}],"initialData":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":33,"character":3}}]}],"eventsDisplayOrder":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":35,"character":3}}]}],"localeId":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":37,"character":3}}]}],"originalDataChanged":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":39,"character":3}}]}],"eventsDisplayOrderChanged":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":41,"character":3}}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@farris/ui-notify","name":"NotifyService","line":65,"character":32}]}],"ngOnInit":[{"__symbolic":"method"}],"ngOnChanges":[{"__symbolic":"method"}],"commandTrackByHandler":[{"__symbolic":"method"}],"checkInternation":[{"__symbolic":"method"}],"getSelectedComponent":[{"__symbolic":"method"}],"updataCommand":[{"__symbolic":"method"}],"getParameterValue":[{"__symbolic":"method"}],"onApplicationSelectionChange":[{"__symbolic":"method"}],"onBlur":[{"__symbolic":"method"}],"updateParamter":[{"__symbolic":"method"}],"onEditContent":[{"__symbolic":"method"}],"hideCurrentParameter":[{"__symbolic":"method"}],"foldIn":[{"__symbolic":"method"}],"showPromptingMessage":[{"__symbolic":"method"}],"showPromptingMessageDel":[{"__symbolic":"method"}]}},"CommandSourceComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":11,"character":1},"arguments":[{"selector":"farris-command-source","template":"<!--\n * @Author: your name\n * @Date: 2021-12-13 11:05:17\n * @LastEditTime: 2021-12-13 14:40:59\n * @LastEditors: your name\n * @Description: 打开koroFileHeader查看配置 进行设置: https://github.com/OBKoro1/koro1FileHeader/wiki/%E9%85%8D%E7%BD%AE\n * @FilePath: /theEventsEditor/projects/events-editor/src/lib/command-source/command-source.component.html\n-->\n\n<div class=\"f-page-events-editor-command-source\">\n  <!-- 方法来源对应的方法列表 -->\n  <div class=\"f-page-command-source-choice\">\n    <!-- 内置构件组件 -->\n    <farris-internals [localeId]=\"localeId\" [i]=\"i\" [initialData]=\"initialData\" [originalData]=\"originalData\"\n      (currentCommandChanged)=\"onCurrentCommandChanged($event)\" (originalDataChanged)=\"onOriginalDataChanged($event)\">\n    </farris-internals>\n  </div>\n  <div class=\"f-command-breakline\">\n    ------------------------------------------------------------\n  </div>\n  <!-- 可选择功能 -->\n  <div class=\"f-page-internals-new-command\">\n    <div class=\"f-page-internals-new-command-func1\">\n      <div class=\"f-icon f-icon-panel-retraction\" style=\"font-size: 15px;margin: 5px;color: #226eff;flex:1;\"></div>\n      <div class=\"f-function-class\" (click)=\"openMetadataSelector()\">{{\n        eventEditorLocale[localeId].eventsEditor.importControllers}}</div>\n    </div>\n    <div class=\"f-page-internals-new-command-func2\" *ngIf=\"!runtimeCustom\">\n      <div class=\"f-icon f-icon-new-edit\" style=\"font-size: 15px;margin: 5px;color: #226eff;flex:1;\"></div>\n      <div class=\"f-function-class\" (click)=\"generateNewFunc()\">{{\n        eventEditorLocale[localeId].eventsEditor.addNewMethods}}</div>\n    </div>\n    <div class=\"f-page-internals-new-command-func3\" *ngIf=\"haveBoundCommand\">\n      <div class=\"f-icon f-icon-licensed\" style=\"font-size: 15px;margin: 5px;color: #226eff;flex:1;\"></div>\n      <div class=\"f-function-class\" (click)=\"showBoundEvents()\">{{\n        eventEditorLocale[localeId].eventsEditor.savedMethods}}</div>\n    </div>\n  </div>\n  <div class=\"f-command-breakline\">\n    ------------------------------------------------------------\n  </div>\n  <div>\n    <div class=\"f-page-internals-close\" (click)=\"closeCurrentCommandModal()\">{{\n      eventEditorLocale[localeId].eventsEditor.cancel}}</div>\n  </div>\n</div>","styles":[".f-page-events-editor-command-source{background-color:#fff;z-index:2001;width:100%;border:2px solid #e7eced;box-shadow:0 1px 18px 0 rgb(232 235 243);min-width:220px;border-radius:10px;position:relative;height:450px;padding:10px 10px 0;display:flex;flex-direction:column}.f-page-events-editor-command-source::before{content:'';width:0;height:0;position:absolute;right:54px;bottom:447px;border-width:7px;border-style:solid;border-color:transparent transparent #e2e5e6}.f-page-events-editor-command-source::after{content:'';width:0;height:0;position:absolute;right:54px;bottom:445px;border-width:7px;border-style:solid dashed dashed;border-color:transparent transparent #fff}.f-page-command-source-choice{overflow-x:hidden;overflow-y:scroll;padding:5px 0;border-radius:3px;min-width:200px;flex:2 2 0}.f-page-events-editor-switch{background:#eff5ff;border-radius:10px;margin:10px;min-width:200px;height:32px;display:flex;text-align:center}.namelist{font-family:PingFangSC-Regular;font-size:14px;color:#446a9fd9;line-height:16px;margin:8px 13px;flex-grow:1;cursor:pointer}.namelist-focus{opacity:.6;font-family:PingFangSC-Regular;font-size:14px;line-height:16px;color:#226eff;height:32px;padding:8px 16px;flex-grow:1;background:rgba(255,255,255,.9);box-shadow:0 4px 18px 0 rgb(2 75 193 / 20%);border-radius:10px;cursor:pointer}.f-page-internals-new-command{margin:0 2px 0 13px}.f-page-internals-new-command-func1,.f-page-internals-new-command-func2,.f-page-internals-new-command-func3{display:flex;margin:4px 1px}.f-function-class{margin:0 0 0 5px;font-family:PingFangSC-Regular;cursor:pointer;width:65px;font-size:13px;color:#308aff;line-height:26px;font-weight:400;flex:10}.f-page-internals-close{font-family:PingFangSC-Regular;font-size:13px;margin:7.75px 10px;cursor:pointer;display:block;color:#425159;font-weight:400;text-align:center}.f-command-breakline{color:#b4bccc;margin:2px;overflow:hidden;white-space:nowrap;text-overflow:clip;height:10px}"]}]}],"members":{"localeId":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":19,"character":5}}]}],"i":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":21,"character":5}}]}],"initialData":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":23,"character":5}}]}],"originalData":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":25,"character":5}}]}],"newImport":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":27,"character":5}}]}],"addInternalCommandList":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":29,"character":5}}]}],"outerLayerValue":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":31,"character":5}}]}],"exist":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":33,"character":5}}]}],"haveBoundCommand":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":35,"character":5}}]}],"addInternalCommandListChanged":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":37,"character":5}}]}],"newImportChanged":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":39,"character":5}}]}],"currentCommandChanged":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":41,"character":5}}]}],"originalDataChanged":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":43,"character":5}}]}],"clickClose":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":45,"character":5}}]}],"existChanged":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":47,"character":5}}]}],"newFucChanged":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":49,"character":5}}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@farris/ui-modal","name":"BsModalService","line":57,"character":38},{"__symbolic":"reference","module":"@farris/ui-common","name":"IdService","line":57,"character":73},{"__symbolic":"reference","module":"@farris/ui-notify","name":"NotifyService","line":57,"character":103},{"__symbolic":"reference","module":"@farris/designer-services","name":"FormBasicService","line":57,"character":144},{"__symbolic":"reference","module":"@farris/designer-services","name":"SchemaService","line":57,"character":185},{"__symbolic":"reference","module":"@angular/core","name":"Injector","line":57,"character":217},{"__symbolic":"reference","module":"@angular/core","name":"ComponentFactoryResolver","line":57,"character":245}]}],"ngOnInit":[{"__symbolic":"method"}],"ngOnChanges":[{"__symbolic":"method"}],"onOriginalDataChanged":[{"__symbolic":"method"}],"iterateBoundEvents":[{"__symbolic":"method"}],"getUniqueCommand":[{"__symbolic":"method"}],"onCurrentCommandChanged":[{"__symbolic":"method"}],"saveInternals":[{"__symbolic":"method"}],"openMetadataSelector":[{"__symbolic":"method"}],"importNewCommand":[{"__symbolic":"method"}],"generateNewFunc":[{"__symbolic":"method"}],"showBoundEvents":[{"__symbolic":"method"}],"setSelectedCommand":[{"__symbolic":"method"}],"closeCurrentCommandModal":[{"__symbolic":"method"}]}},"InternalsComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":12,"character":1},"arguments":[{"selector":"farris-internals","template":"<!--\n * @Author: your name\n * @Date: 2021-12-13 11:06:09\n * @LastEditTime: 2021-12-29 14:06:20\n * @LastEditors: Please set LastEditors\n * @Description: 打开koroFileHeader查看配置 进行设置: https://github.com/OBKoro1/koro1FileHeader/wiki/%E9%85%8D%E7%BD%AE\n * @FilePath: /theEventsEditor/projects/events-editor/src/lib/command-source/internals/internals.component.html\n-->\n<div class=\"f-page-internals\">\n  <!-- 内置构件组件-二级下拉列表 -->\n  <div *ngFor=\"let item of originalData[i].internalCommandList\">\n    <div class=\"f-page-internals-controller\" *ngIf=\"item.controllerList.length != 0\">\n      <!-- 控制器名称 -->\n      <div class=\"f-page-internals-controller-name\"\n        [title]=\"localeId == 'en' ? item.controllerName.label : item.controllerName.name\">\n        {{item.controllerName.name}}\n      </div>\n    </div>\n    <div *ngFor=\"let each of item.controllerList\" class=\"f-page-internals-command\"\n      (click)=\"selectCommandChanged(each,item)\">\n      <!-- 方法名称 -->\n      <div class=\"f-page-internals-command-name\" [title]=\"each.name\">\n        {{each.name}}\n      </div>\n    </div>\n  </div>\n</div>","styles":[".f-page-internals-controller{padding-right:16px}.f-page-internals-controller-name{padding-left:15px;font-family:PingFangSC-Regular;font-size:13px;color:#b4bccc;height:20px;overflow:hidden;text-overflow:clip;white-space:nowrap}.f-page-internals-command{padding-left:16px}.f-page-internals-command:hover{background-color:#348eff;cursor:pointer}.f-page-internals-command-name{font-family:PingFangSC-Regular;font-size:13px;color:#425159;line-height:24px}.f-page-internals-command-name:hover{color:#fff}"]}]}],"members":{"localeId":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":19,"character":3}}]}],"i":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":21,"character":3}}]}],"initialData":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":23,"character":3}}]}],"originalData":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":25,"character":3}}]}],"currentCommandChanged":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":27,"character":3}}]}],"originalDataChanged":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":29,"character":3}}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@farris/ui-common","name":"IdService","line":31,"character":33}]}],"ngOnInit":[{"__symbolic":"method"}],"generateFunctionName":[{"__symbolic":"method"}],"selectCommandChanged":[{"__symbolic":"method"}]}}},"origins":{"EventsEditorService":"./lib/events-editor.service","EventsEditorComponent":"./lib/events-editor.component","EventsEditorModule":"./lib/events-editor.module","ViewModelComponent":"./lib/view-model/view-model.component","ParameterEditorComponent":"./lib/parameter-editor/parameter-editor.component","CommandSourceComponent":"./lib/command-source/command-source.component","InternalsComponent":"./lib/command-source/internals/internals.component"},"importAs":"@farris/events-editor"}