Huge News!Announcing our $40M Series B led by Abstract Ventures.Learn More →
@farris/app-navigation-be
Advanced tools
@farris/app-navigation-be - npm Package Compare versions
Comparing version 0.0.11 to 0.0.12
@@ -701,3 +701,3 @@ (function (global, factory) { | ||
| selector: 'farris-appNavigationBe', | ||
| template: "<div class=\"f-navBe\">\n <div class=\"f-navBe-header\">\n <div class=\"f-navBe-recent\" (click)=\"showRecommandData()\">\n <div [ngClass]=\"{'f-navBe-recent-text-focus':chooseRecommand,'f-navBe-recent-text':!chooseRecommand}\">\n \u63A8\u8350</div>\n </div>\n <div class=\"f-navBe-allData\" (click)=\"showAllData()\">\n <div [ngClass]=\"{'f-navBe-allData-text-focus':!chooseRecommand,'f-navBe-allData-text':chooseRecommand}\">\n \u5168\u90E8</div>\n </div>\n <div class=\"f-navBe-remainder\">\n <div class=\"f-navBe-search\">\n <input-group [groupText]=\"groupIcon\" [(value)]=\"searchValue\"\n (clickHandle)=\"onSearchValueChanged($event)\" (valueChange)=\"onSearchValueChanged($event)\"\n (clear)=\"onClear()\" placeholder=\"\u8BF7\u8F93\u5165\u540D\u79F0/\u7F16\u53F7\u641C\u7D22\" style=\"font-size:2px;\"></input-group>\n </div>\n </div>\n </div>\n <div class=\"f-navBe-content\" *ngIf=\"chooseRecommand && !noRecommandData\">\n <div class=\"f-navBe-content-recent\" *ngIf=\"chooseRecommand && !recentFoldIn\">\n <div class=\"f-navBe-recentHeader\" *ngIf=\"showRecent\" (click)=\"foldInRecent()\">\n <div *ngIf=\"foldRecent\" class=\"f-icon f-icon-arrow-60-right\"\n style=\"color:#6E7088;font-size:12px;margin:0px 7px 0 0;\"></div>\n <div *ngIf=\"!foldRecent\" class=\"f-icon f-icon-arrow-60-down\"\n style=\"color:#6E7088;font-size:12px;margin:0px 7px 0 0;\"></div>\n <div class=\"f-navBe-recommandLabel\">\u6700\u8FD1\u4F7F\u7528</div>\n </div>\n <ng-container *ngFor=\"let beDataItem of beData\">\n <ng-container *ngIf=\"!beDataItem.hide && beDataItem.category == 'recent'\">\n <div [ngClass]=\"{'f-navBe-item':!beDataItem.active,'f-navBe-item-active':beDataItem.active}\"\n (click)=\"getBeDataItem(beDataItem)\">\n <div class=\"f-navBe-itemIcon\">\n <div class=\"f-icon f-icon-window\"\n style=\"color:#2BA85E;font-size:13px; width: 12px;height: 12px;padding: 0px 0px 2px 1px;\">\n </div>\n </div>\n <div class=\"f-navBe-name\">{{beDataItem.name}} ({{beDataItem.label}})</div>\n <div class=\"f-navBe-source\">{{beDataItem.source}}</div>\n </div>\n </ng-container>\n </ng-container>\n </div>\n <div class=\"f-navBe-content-local\" *ngIf=\"chooseRecommand && !localFoldIn\">\n <div class=\"f-navBe-localHeader\" *ngIf=\"showLocal\" (click)=\"foldInLocal()\">\n <div *ngIf=\"foldLocal\" class=\"f-icon f-icon-arrow-60-right\"\n style=\"color:#6E7088;font-size:12px;margin:0px 7px 0 0;\"></div>\n <div *ngIf=\"!foldLocal\" class=\"f-icon f-icon-arrow-60-down\"\n style=\"color:#6E7088;font-size:12px;margin:0px 7px 0 0;\"></div>\n <div class=\"f-navBe-recommandLabel\">\u672C\u5730\u5143\u6570\u636E</div>\n </div>\n <ng-container *ngFor=\"let beDataItem of beData\">\n <ng-container *ngIf=\"!beDataItem.hide && beDataItem.category == 'local'\">\n <div [ngClass]=\"{'f-navBe-item':!beDataItem.active,'f-navBe-item-active':beDataItem.active}\"\n (click)=\"getBeDataItem(beDataItem)\">\n <div class=\"f-navBe-itemIcon\">\n <div class=\"f-icon f-icon-window\"\n style=\"color:#2BA85E;font-size:13px; width: 12px;height: 12px;padding: 0px 0px 2px 1px;\">\n </div>\n </div>\n <div class=\"f-navBe-name\">{{beDataItem.name}} ({{beDataItem.label}})</div>\n <div class=\"f-navBe-source\">{{beDataItem.source}}</div>\n </div>\n </ng-container>\n </ng-container>\n </div>\n </div>\n <!-- \u63A8\u8350\u6CA1\u6709\u6570\u636E\u65F6\u7684\u663E\u793A\u5185\u5BB9-->\n <div class=\"f-navBe-content1\"\n style=\"width: 100%; min-width: 400px; height: 50%; display: flex;justify-content: center;align-items: center;\"\n *ngIf=\"chooseRecommand && noRecommandData\">\n <div> \u672A\u67E5\u8BE2\u5230\u7B26\u5408\u6761\u4EF6\u7684\u6570\u636E </div>\n </div>\n <div class=\"f-navBe-content2\" *ngIf=\"!chooseRecommand && !noAllData\">\n <div *ngFor=\"let beDataItem of (supportPaging ? (beData | paginate: paginationOptions) : beData)\">\n <ng-container *ngIf=\"!beDataItem.hide\">\n <div [ngClass]=\"{'f-navBe-item':!beDataItem.active,'f-navBe-item-active':beDataItem.active}\"\n (click)=\"getBeDataItem(beDataItem)\">\n <div class=\"f-navBe-itemIcon\">\n <div class=\"f-icon f-icon-window\"\n style=\"color:#2BA85E;font-size:13px; width: 12px;height: 12px;padding: 0px 0px 2px 0px;\">\n </div>\n </div>\n <div class=\"f-navBe-name\">{{beDataItem.name}} ({{beDataItem.label}})</div>\n <div class=\"f-navBe-source\">{{beDataItem.source}}</div>\n </div>\n </ng-container>\n </div>\n <div *ngIf=\"supportPaging\" class=\"f-navBe-content2-paging\">\n <pagination-controls #pager [id]=\"paginationOptions?.id\" [maxSize]=\"pagerLabelSize\" [directionLinks]=\"true\"\n [autoHide]=\"false\" [responsive]=\"true\" [previousLabel]=\"' '\" [nextLabel]=\"' '\"\n [showPageInfo]=\"showPageInfo\" [showPageNumber]=\"showPageNumber\" [showPageList]=\"showPageList\"\n (pageChange)=\"onPageChange($event)\">\n </pagination-controls>\n </div>\n </div>\n <!-- \u5168\u90E8\u6CA1\u6709\u6570\u636E\u65F6\u7684\u663E\u793A\u5185\u5BB9-->\n <div class=\"f-navBe-content3\"\n style=\"width: 100%; min-width: 400px; height: 50%; display: flex; justify-content:center; align-items:center; \"\n *ngIf=\"!chooseRecommand && noAllData\">\n <div> \u672A\u67E5\u8BE2\u5230\u7B26\u5408\u6761\u4EF6\u7684\u6570\u636E </div>\n </div>\n</div>\n<!-- \u5E95\u90E8\u533A\u57DF -->\n<div class=\"f-page-bottom\">\n <div class=\"f-page-button\">\n <div class=\"f-page-cancel-btn\" (click)=\"clickCancel()\">\n <span class=\"textCancel\">\u53D6\u6D88</span>\n </div>\n <div class=\"f-page-sure-btn\" (click)=\"clickConfirm()\">\n <span class=\"textSure\">\u786E\u8BA4</span>\n </div>\n </div>\n</div>", | ||
| template: "<div class=\"f-navBe\">\n <div class=\"f-navBe-header\">\n <div class=\"f-navBe-recent\" (click)=\"showRecommandData()\">\n <div [ngClass]=\"{'f-navBe-recent-text-focus':chooseRecommand,'f-navBe-recent-text':!chooseRecommand}\">\n \u63A8\u8350</div>\n </div>\n <div class=\"f-navBe-allData\" (click)=\"showAllData()\">\n <div [ngClass]=\"{'f-navBe-allData-text-focus':!chooseRecommand,'f-navBe-allData-text':chooseRecommand}\">\n \u5168\u90E8</div>\n </div>\n <div class=\"f-navBe-remainder\">\n <div class=\"f-navBe-search\">\n <input-group [groupText]=\"groupIcon\" [(value)]=\"searchValue\"\n (clickHandle)=\"onSearchValueChanged($event)\" (valueChange)=\"onSearchValueChanged($event)\"\n (clear)=\"onClear()\" placeholder=\"\u8BF7\u8F93\u5165\u540D\u79F0/\u7F16\u53F7\u641C\u7D22\" style=\"font-size:2px;\"></input-group>\n </div>\n </div>\n </div>\n <div class=\"f-navBe-content\" *ngIf=\"chooseRecommand && !noRecommandData\">\n <div class=\"f-navBe-content-recent\" *ngIf=\"chooseRecommand && !recentFoldIn\">\n <div class=\"f-navBe-recentHeader\" *ngIf=\"showRecent\" (click)=\"foldInRecent()\">\n <div *ngIf=\"foldRecent\" class=\"f-icon f-icon-arrow-60-right\"\n style=\"color:#6E7088;font-size:12px;margin:0px 7px 0 0;\"></div>\n <div *ngIf=\"!foldRecent\" class=\"f-icon f-icon-arrow-60-down\"\n style=\"color:#6E7088;font-size:12px;margin:0px 7px 0 0;\"></div>\n <div class=\"f-navBe-recommandLabel\">\u6700\u8FD1\u4F7F\u7528</div>\n </div>\n <ng-container *ngFor=\"let beDataItem of beData\">\n <ng-container *ngIf=\"!beDataItem.hide && beDataItem.category == 'recent'\">\n <div [ngClass]=\"{'f-navBe-item':!beDataItem.active,'f-navBe-item-active':beDataItem.active}\"\n (click)=\"getBeDataItem(beDataItem)\">\n <div class=\"f-navBe-itemIcon\">\n <div class=\"f-icon f-icon-window\"\n style=\"color:#2BA85E;font-size:13px; width: 12px;height: 12px;padding: 0px 0px 2px 1px;\">\n </div>\n </div>\n <div class=\"f-navBe-name\">{{beDataItem.name}} ({{beDataItem.label}})</div>\n <div class=\"f-navBe-source\">{{beDataItem.source}}</div>\n </div>\n </ng-container>\n </ng-container>\n </div>\n <div class=\"f-navBe-content-local\" *ngIf=\"chooseRecommand && !localFoldIn\">\n <div class=\"f-navBe-localHeader\" *ngIf=\"showLocal\" (click)=\"foldInLocal()\">\n <div *ngIf=\"foldLocal\" class=\"f-icon f-icon-arrow-60-right\"\n style=\"color:#6E7088;font-size:12px;margin:0px 7px 0 0;\"></div>\n <div *ngIf=\"!foldLocal\" class=\"f-icon f-icon-arrow-60-down\"\n style=\"color:#6E7088;font-size:12px;margin:0px 7px 0 0;\"></div>\n <div class=\"f-navBe-recommandLabel\">\u672C\u5730\u5143\u6570\u636E</div>\n </div>\n <ng-container *ngFor=\"let beDataItem of beData\">\n <ng-container *ngIf=\"!beDataItem.hide && beDataItem.category == 'local'\">\n <div [ngClass]=\"{'f-navBe-item':!beDataItem.active,'f-navBe-item-active':beDataItem.active}\"\n (click)=\"getBeDataItem(beDataItem)\">\n <div class=\"f-navBe-itemIcon\">\n <div class=\"f-icon f-icon-window\"\n style=\"color:#2BA85E;font-size:13px; width: 12px;height: 12px;padding: 0px 0px 2px 1px;\">\n </div>\n </div>\n <div class=\"f-navBe-name\">{{beDataItem.name}} ({{beDataItem.label}})</div>\n <div class=\"f-navBe-source\">{{beDataItem.source}}</div>\n </div>\n </ng-container>\n </ng-container>\n </div>\n </div>\n <!-- \u63A8\u8350\u6CA1\u6709\u6570\u636E\u65F6\u7684\u663E\u793A\u5185\u5BB9-->\n <div class=\"f-navBe-content1\"\n style=\"width: 100%; min-width: 400px; height: 50%; display: flex;justify-content: center;align-items: center;\"\n *ngIf=\"chooseRecommand && noRecommandData\">\n <div> \u672A\u67E5\u8BE2\u5230\u7B26\u5408\u6761\u4EF6\u7684\u6570\u636E </div>\n </div>\n <div class=\"f-navBe-content2\" *ngIf=\"!chooseRecommand && !noAllData\">\n <div *ngFor=\"let beDataItem of (supportPaging ? (beData | paginate: paginationOptions) : beData)\">\n <ng-container *ngIf=\"!beDataItem.hide\">\n <div [ngClass]=\"{'f-navBe-item':!beDataItem.active,'f-navBe-item-active':beDataItem.active}\"\n (click)=\"getBeDataItem(beDataItem)\">\n <div class=\"f-navBe-itemIcon\">\n <div class=\"f-icon f-icon-window\"\n style=\"color:#2BA85E;font-size:13px; width: 12px;height: 12px;padding: 0px 0px 2px 0px;\">\n </div>\n </div>\n <div class=\"f-navBe-name\">{{beDataItem.name}} ({{beDataItem.label}})</div>\n <div class=\"f-navBe-source\">{{beDataItem.source}}</div>\n </div>\n </ng-container>\n </div>\n <div *ngIf=\"supportPaging\" class=\"f-navBe-content2-paging\">\n <pagination-controls #pager [id]=\"paginationOptions?.id\" [maxSize]=\"pagerLabelSize\" [directionLinks]=\"true\"\n [autoHide]=\"false\" [responsive]=\"true\" [previousLabel]=\"' '\" [nextLabel]=\"' '\"\n [showPageInfo]=\"showPageInfo\" [showPageNumber]=\"showPageNumber\" [showPageList]=\"showPageList\"\n (pageChange)=\"onPageChange($event)\">\n </pagination-controls>\n </div>\n </div>\n <!-- \u5168\u90E8\u6CA1\u6709\u6570\u636E\u65F6\u7684\u663E\u793A\u5185\u5BB9-->\n <div class=\"f-navBe-content3\"\n style=\"width: 100%; min-width: 400px; height: 50%; display: flex; justify-content:center; align-items:center; \"\n *ngIf=\"!chooseRecommand && noAllData\">\n <div> \u672A\u67E5\u8BE2\u5230\u7B26\u5408\u6761\u4EF6\u7684\u6570\u636E </div>\n </div>\n</div>\n<!-- \u5E95\u90E8\u533A\u57DF -->\n<div class=\"f-page-bottom\">\n <div class=\"f-page-button\">\n <div class=\"f-page-cancel-btn\" (click)=\"clickCancel()\">\n <span class=\"textCancel\">\u53D6\u6D88</span>\n </div>\n <div class=\"f-page-sure-btn\" (click)=\"clickConfirm()\">\n <span class=\"textSure\">\u786E\u5B9A</span>\n </div>\n </div>\n</div>", | ||
| styles: [":host{overflow:hidden;position:absolute;top:0;left:0;right:0;bottom:0}.f-page-bottom{margin-top:0;height:60px;width:100%;border:1px solid #dee1ea;background-color:#fff;z-index:2000;bottom:0;left:0;position:absolute;display:flex;justify-content:flex-end;align-items:center}.f-page-button{float:right;width:175px;display:flex}.f-page-cancel-btn{width:72px;height:32px;background:#fff;border:1px solid #d8dce6;box-shadow:0 1px 0 0 rgb(0 0 0 / 4%);border-radius:3px;margin-right:14px;text-align:center;cursor:pointer;display:flex;align-items:center;justify-content:center;flex-wrap:wrap}.f-page-sure-btn{width:72px;height:32px;display:flex;background:#2a87ff;border-radius:3px;text-align:center;cursor:pointer;align-items:center;justify-content:center;flex-wrap:wrap}.textCancel{font-family:PingFangSC-Regular;font-size:13px;color:#2d2f33}.textSure{font-family:PingFangSC-Regular;font-size:13px;color:#fff}.f-navBe{background-color:#fff;height:100%}.f-navBe-header{display:flex;min-width:400px;width:100%;height:44px;align-items:center;border:1px solid #e5e9ef;background:#f9f9fc;position:absolute;top:0;z-index:2}.f-navBe-allData{flex:2;text-align:center;display:flex;justify-content:center;align-items:center}.f-navBe-allData-text{width:32px;height:44px;font-family:PingFangSC-Medium;font-size:16px;color:#2d2f33;font-weight:500;padding-top:12px;cursor:pointer}.f-navBe-allData-text-focus{width:32px;height:44px;color:#2a87ff;border-bottom:3px solid #00f;font-family:PingFangSC-Medium;font-size:16px;font-weight:500;padding-top:12px;cursor:pointer}.f-navBe-recent{flex:2;text-align:center;display:flex;justify-content:center;align-items:center}.f-navBe-recent-text{width:32px;height:44px;font-family:PingFangSC-Medium;font-size:16px;color:#2d2f33;font-weight:500;padding-top:12px;cursor:pointer}.f-navBe-recent-text-focus{width:32px;height:44px;color:#2a87ff;border-bottom:3px solid #00f;font-family:PingFangSC-Medium;font-size:16px;font-weight:500;padding-top:12px;cursor:pointer}.f-navBe-remainder{flex:12}.f-navBe-search{width:220px;height:26.6px;background:#fff;border-radius:6px;float:right;margin-right:40px}.f-navBe-content{width:100%;min-width:400px;overflow:scroll;height:calc(100% - 50px)}.f-navBe-content2{width:100%;min-width:400px;margin-top:44px;height:calc(100% - 130px);overflow:scroll}.f-navBe-content2-paging{position:absolute;bottom:55px;right:50px}.f-navBe-content-recent{width:100%;min-width:400px;margin-top:44px}.f-navBe-content-local{width:100%;min-width:400px}.f-navBe-recommandLabel{height:18px;font-family:PingFangSC-Regular;font-size:13px;color:#3d4c6b;font-weight:400;cursor:pointer}.f-navBe-localHeader,.f-navBe-recentHeader{height:32px;background:#fafaff;width:100%;display:flex;align-items:center;padding-left:10px;cursor:pointer;border:1px solid rgba(233,236,243,1)}.f-navBe-item{height:62px;padding:15px 0 8px 18px;border:1px solid #e5e9ef}.f-navBe-item:hover{background-color:#edf5fc!important;cursor:pointer}.f-navBe-item-active{height:62px;padding:15px 0 8px 18px;border:1px solid #e5e9ef;background-color:#edf5fc!important;cursor:pointer}.f-navBe-itemIcon{width:16px;height:16px;padding:1px;margin-right:6px;background-color:#dcf4e8;display:inline-block}.f-navBe-name{width:80%;height:18px;font-family:PingFangSC-Regular;font-size:13px;color:#2d2f33;font-weight:400;overflow:hidden;display:inline-block;vertical-align:top}.f-navBe-source{width:100%;height:17px;font-family:PingFangSC-Regular;font-size:12px;color:#949ba7;font-weight:400}"] | ||
@@ -704,0 +704,0 @@ }] } |
@@ -1,2 +0,2 @@ | ||
| !function(e,t){"object"==typeof exports&&"undefined"!=typeof module?t(exports,require("lodash-es"),require("@farris/ui-notify"),require("@angular/core"),require("@angular/common"),require("@farris/ui-input-group"),require("@angular/common/http"),require("@farris/ui-pagination")):"function"==typeof define&&define.amd?define("@farris/app-navigation-be",["exports","lodash-es","@farris/ui-notify","@angular/core","@angular/common","@farris/ui-input-group","@angular/common/http","@farris/ui-pagination"],t):t((e.farris=e.farris||{},e.farris["app-navigation-be"]={}),e.lodashEs,e.uiNotify,e.ng.core,e.ng.common,e.uiInputGroup,e.ng.common.http,e.uiPagination)}(this,function(e,o,t,a,n,i,s,r){"use strict";l.prototype.ngOnInit=function(){this.beData=[],this.modalConfig=this.editorParams.modalConfig||this.modalConfig,this.envType=this.editorParams.envType||"designer",this.getAllDataInfo(),this.getRecentDataInfo(),this.getRecommandDataInfo(),this.chooseRecommand=!0,this.onSearchValueChanged("")},l.prototype.onPageChange=function(e){this.pageIndex!==e.pageIndex&&(this.pageIndex=e.pageIndex,this.paginationOptions.currentPage=e.pageIndex)},l.prototype.getAllDataInfo=function(){var t=this,e=this.injector.get(s.HttpClient),a=this.editorParams.relativePath||"",n=this.editorParams.source||"be";return e.get("/api/dev/main/v1.0/mdservice/unionmdlist?path="+a+"&pageIndex=1&pageSize=1000&metadataTypeList=."+n,{headers:new s.HttpHeaders({"Content-Type":"application/json"}),responseType:"json"}).subscribe(function(e){t.reinvokeInterface(e),t.beAllData=o.cloneDeep(t.getFormData(e,"all")),t.beAllDataCopy=o.cloneDeep(t.beAllData)})},l.prototype.getRecentDataInfo=function(){var t=this,e=this.injector.get(s.HttpClient),a=this.editorParams.relativePath||"",n="path="+a,a="/"==a[0]?a.split("/")[1]:a.split("/")[0],i=this.editorParams.source||"be",a="noCode"==this.envType?"appId="+a:n;return e.get("/api/dev/main/v1.0/mdservice/getmdrecentuse?"+a+"&metadataTypeList=."+i,{headers:new s.HttpHeaders({"Content-Type":"application/json"}),responseType:"json"}).subscribe(function(e){t.beRecentData=o.cloneDeep(t.getFormData(e,"recent")),t.beRecentData&&t.beRecentData.length&&(t.showRecommandData(),t.getUniqueData(t.beData))})},l.prototype.getRecommandDataInfo=function(){var t=this,e=this.editorParams.range||"Bo",a=this.injector.get(s.HttpClient),n=this.editorParams.relativePath||"",i=this.editorParams.source||"be";return a.get("/api/dev/main/v1.0/mdservice/metadataListIn"+e+"?path="+n+"&metadataTypeList=."+i,{headers:new s.HttpHeaders({"Content-Type":"application/json"}),responseType:"json"}).subscribe(function(e){t.beRecommandData=o.cloneDeep(t.getFormData(e,"local")),t.beRecommandData&&t.beRecommandData.length&&(t.showRecommandData(),t.getUniqueData(t.beData))})},l.prototype.getFormData=function(e,a){var n=[],e=e.metadataIndexItems||e;return e&&e.forEach(function(e,t){t={id:t,name:e.name,label:e.code,source:e.nameSpace,hide:!1,active:!1,data:e,category:a};n.push(t)}),n},l.prototype.showRecommandData=function(){var t=this;this.selectedCommand=undefined,this.unfoldData(),this.chooseRecommand=!0,this.beData=[],this.foldRecent=!1,this.beRecommandData&&this.beRecommandData.length&&this.beRecommandData.forEach(function(e){t.beData.push(o.cloneDeep(e))}),this.beRecentData&&this.beRecentData.length&&this.beRecentData.forEach(function(e){t.beData.push(o.cloneDeep(e))}),this.getUniqueData(this.beData),this.beData=this.onSearchValueChanged(this.searchValue)},l.prototype.showAllData=function(){this.selectedCommand=undefined,this.unfoldData(),this.beData=o.cloneDeep(this.beAllData),this.chooseRecommand=!1,this.foldRecent=!1,this.beData=this.onSearchValueChanged(this.searchValue)},l.prototype.unfoldData=function(){this.foldLocal=!1,this.foldRecent=!1},l.prototype.handleSearchedValue=function(e){e=(e=e==undefined?"":e).originalEvent!=undefined?e.value||"":e,this.searchValue=e,this.supportPaging=""==this.searchValue;e=e.replaceAll(" ","").replaceAll(">","");return e=(e=""==e?" ":e).toLowerCase()},l.prototype.checkValueExists=function(e,t){var a=e.find(function(e){return"local"==e.category&&(e.name+" "+e.label+" "+e.source).toLowerCase().includes(t)}),n=e.find(function(e){return"recent"==e.category&&(e.name+" "+e.label+" "+e.source).toLowerCase().includes(t)}),e=e.find(function(e){return(e.name+" "+e.label+" "+e.source).toLowerCase().includes(t)});this.showLocal=!!a,this.showRecent=!!n,this.noRecommandData=!this.showLocal&&!this.showRecent,this.noAllData=!e},l.prototype.onSearchValueChanged=function(e){this.unfoldData();var a,t=this.chooseRecommand?this.beData:this.beAllDataCopy;return t&&(a=this.handleSearchedValue(e),this.checkValueExists(t,a),t.forEach(function(e){var t=(e.name+" "+e.label+" "+e.source).toLowerCase();e.hide=0==t.includes(a)})),this.beData=o.cloneDeep(t),this.beData},l.prototype.getBeDataItem=function(t){var a=this;this.beData.forEach(function(e){t.data.code==e.data.code?(e.active=!e.active,a.selectedCommand=o.cloneDeep(t)):e.active=!1})},l.prototype.clickConfirm=function(){var e,t,a,n,i=this;if(this.selectedCommand&&this.selectedCommand.active)return e=this.injector.get(s.HttpClient),t="/api/dev/main/v1.0/mdservice/pickMetadata?currentPath="+(this.editorParams.relativePath||""),a=this.selectedCommand.data,n={headers:new s.HttpHeaders({"Content-Type":"application/json"})},e.post(t,a,n).subscribe(function(e){e.metadata.processMode="interpretation"===i.selectedCommand.data.processMode?"interpretation":"general",i.submitModal.emit(e)});switch(this.editorParams.source){case"be":this.notifyService.info("未选择业务实体");break;case"vo":this.notifyService.info("未选择视图对象");break;case"qo":this.notifyService.info("未选择查询对象");break;case"webcmp":this.notifyService.info("未选择Web构件");default:this.notifyService.info("未选择元数据")}return null},l.prototype.onClear=function(){this.unfoldData(),this.beData=this.onSearchValueChanged("")},l.prototype.clickCancel=function(){this.closeModal.emit()},l.prototype.foldInRecent=function(){this.foldRecent=!this.foldRecent;var e=o.cloneDeep(this.beData);e&&(e.forEach(function(e){"recent"==e.category&&(e.hide=!e.hide)}),this.beData=o.cloneDeep(e))},l.prototype.foldInLocal=function(){this.foldLocal=!this.foldLocal;var e=o.cloneDeep(this.beData);e&&(e.forEach(function(e){"local"==e.category&&(e.hide=!e.hide)}),this.beData=o.cloneDeep(e))},l.prototype.getUniqueData=function(e){if(e){for(var t=o.cloneDeep(e),a=0;a<t.length;a++)for(var n=a+1;n<t.length;n++)t[a].id==t[n].id&&(t.splice(n,1),n--);e=o.cloneDeep(t)}return e},l.prototype.reinvokeInterface=function(e){var t=this;if(e.page){var a,n,i,e=e.page.total||0;if(1e3<e)return a=this.injector.get(s.HttpClient),n=this.editorParams.relativePath||"",i=this.editorParams.source||"be",a.get("/api/dev/main/v1.0/mdservice/unionmdlist?path="+n+"&pageIndex=1&pageSize="+e+"&metadataTypeList=."+i,{headers:new s.HttpHeaders({"Content-Type":"application/json"}),responseType:"json"}).subscribe(function(e){t.beAllData=o.cloneDeep(t.getFormData(e,"all")),t.beAllDataCopy=o.cloneDeep(t.beAllData)})}},l.decorators=[{type:a.Component,args:[{selector:"farris-appNavigationBe",template:'<div class="f-navBe">\n <div class="f-navBe-header">\n <div class="f-navBe-recent" (click)="showRecommandData()">\n <div [ngClass]="{\'f-navBe-recent-text-focus\':chooseRecommand,\'f-navBe-recent-text\':!chooseRecommand}">\n 推荐</div>\n </div>\n <div class="f-navBe-allData" (click)="showAllData()">\n <div [ngClass]="{\'f-navBe-allData-text-focus\':!chooseRecommand,\'f-navBe-allData-text\':chooseRecommand}">\n 全部</div>\n </div>\n <div class="f-navBe-remainder">\n <div class="f-navBe-search">\n <input-group [groupText]="groupIcon" [(value)]="searchValue"\n (clickHandle)="onSearchValueChanged($event)" (valueChange)="onSearchValueChanged($event)"\n (clear)="onClear()" placeholder="请输入名称/编号搜索" style="font-size:2px;"></input-group>\n </div>\n </div>\n </div>\n <div class="f-navBe-content" *ngIf="chooseRecommand && !noRecommandData">\n <div class="f-navBe-content-recent" *ngIf="chooseRecommand && !recentFoldIn">\n <div class="f-navBe-recentHeader" *ngIf="showRecent" (click)="foldInRecent()">\n <div *ngIf="foldRecent" class="f-icon f-icon-arrow-60-right"\n style="color:#6E7088;font-size:12px;margin:0px 7px 0 0;"></div>\n <div *ngIf="!foldRecent" class="f-icon f-icon-arrow-60-down"\n style="color:#6E7088;font-size:12px;margin:0px 7px 0 0;"></div>\n <div class="f-navBe-recommandLabel">最近使用</div>\n </div>\n <ng-container *ngFor="let beDataItem of beData">\n <ng-container *ngIf="!beDataItem.hide && beDataItem.category == \'recent\'">\n <div [ngClass]="{\'f-navBe-item\':!beDataItem.active,\'f-navBe-item-active\':beDataItem.active}"\n (click)="getBeDataItem(beDataItem)">\n <div class="f-navBe-itemIcon">\n <div class="f-icon f-icon-window"\n style="color:#2BA85E;font-size:13px; width: 12px;height: 12px;padding: 0px 0px 2px 1px;">\n </div>\n </div>\n <div class="f-navBe-name">{{beDataItem.name}} ({{beDataItem.label}})</div>\n <div class="f-navBe-source">{{beDataItem.source}}</div>\n </div>\n </ng-container>\n </ng-container>\n </div>\n <div class="f-navBe-content-local" *ngIf="chooseRecommand && !localFoldIn">\n <div class="f-navBe-localHeader" *ngIf="showLocal" (click)="foldInLocal()">\n <div *ngIf="foldLocal" class="f-icon f-icon-arrow-60-right"\n style="color:#6E7088;font-size:12px;margin:0px 7px 0 0;"></div>\n <div *ngIf="!foldLocal" class="f-icon f-icon-arrow-60-down"\n style="color:#6E7088;font-size:12px;margin:0px 7px 0 0;"></div>\n <div class="f-navBe-recommandLabel">本地元数据</div>\n </div>\n <ng-container *ngFor="let beDataItem of beData">\n <ng-container *ngIf="!beDataItem.hide && beDataItem.category == \'local\'">\n <div [ngClass]="{\'f-navBe-item\':!beDataItem.active,\'f-navBe-item-active\':beDataItem.active}"\n (click)="getBeDataItem(beDataItem)">\n <div class="f-navBe-itemIcon">\n <div class="f-icon f-icon-window"\n style="color:#2BA85E;font-size:13px; width: 12px;height: 12px;padding: 0px 0px 2px 1px;">\n </div>\n </div>\n <div class="f-navBe-name">{{beDataItem.name}} ({{beDataItem.label}})</div>\n <div class="f-navBe-source">{{beDataItem.source}}</div>\n </div>\n </ng-container>\n </ng-container>\n </div>\n </div>\n \x3c!-- 推荐没有数据时的显示内容--\x3e\n <div class="f-navBe-content1"\n style="width: 100%; min-width: 400px; height: 50%; display: flex;justify-content: center;align-items: center;"\n *ngIf="chooseRecommand && noRecommandData">\n <div> 未查询到符合条件的数据 </div>\n </div>\n <div class="f-navBe-content2" *ngIf="!chooseRecommand && !noAllData">\n <div *ngFor="let beDataItem of (supportPaging ? (beData | paginate: paginationOptions) : beData)">\n <ng-container *ngIf="!beDataItem.hide">\n <div [ngClass]="{\'f-navBe-item\':!beDataItem.active,\'f-navBe-item-active\':beDataItem.active}"\n (click)="getBeDataItem(beDataItem)">\n <div class="f-navBe-itemIcon">\n <div class="f-icon f-icon-window"\n style="color:#2BA85E;font-size:13px; width: 12px;height: 12px;padding: 0px 0px 2px 0px;">\n </div>\n </div>\n <div class="f-navBe-name">{{beDataItem.name}} ({{beDataItem.label}})</div>\n <div class="f-navBe-source">{{beDataItem.source}}</div>\n </div>\n </ng-container>\n </div>\n <div *ngIf="supportPaging" class="f-navBe-content2-paging">\n <pagination-controls #pager [id]="paginationOptions?.id" [maxSize]="pagerLabelSize" [directionLinks]="true"\n [autoHide]="false" [responsive]="true" [previousLabel]="\' \'" [nextLabel]="\' \'"\n [showPageInfo]="showPageInfo" [showPageNumber]="showPageNumber" [showPageList]="showPageList"\n (pageChange)="onPageChange($event)">\n </pagination-controls>\n </div>\n </div>\n \x3c!-- 全部没有数据时的显示内容--\x3e\n <div class="f-navBe-content3"\n style="width: 100%; min-width: 400px; height: 50%; display: flex; justify-content:center; align-items:center; "\n *ngIf="!chooseRecommand && noAllData">\n <div> 未查询到符合条件的数据 </div>\n </div>\n</div>\n\x3c!-- 底部区域 --\x3e\n<div class="f-page-bottom">\n <div class="f-page-button">\n <div class="f-page-cancel-btn" (click)="clickCancel()">\n <span class="textCancel">取消</span>\n </div>\n <div class="f-page-sure-btn" (click)="clickConfirm()">\n <span class="textSure">确认</span>\n </div>\n </div>\n</div>',styles:[":host{overflow:hidden;position:absolute;top:0;left:0;right:0;bottom:0}.f-page-bottom{margin-top:0;height:60px;width:100%;border:1px solid #dee1ea;background-color:#fff;z-index:2000;bottom:0;left:0;position:absolute;display:flex;justify-content:flex-end;align-items:center}.f-page-button{float:right;width:175px;display:flex}.f-page-cancel-btn{width:72px;height:32px;background:#fff;border:1px solid #d8dce6;box-shadow:0 1px 0 0 rgb(0 0 0 / 4%);border-radius:3px;margin-right:14px;text-align:center;cursor:pointer;display:flex;align-items:center;justify-content:center;flex-wrap:wrap}.f-page-sure-btn{width:72px;height:32px;display:flex;background:#2a87ff;border-radius:3px;text-align:center;cursor:pointer;align-items:center;justify-content:center;flex-wrap:wrap}.textCancel{font-family:PingFangSC-Regular;font-size:13px;color:#2d2f33}.textSure{font-family:PingFangSC-Regular;font-size:13px;color:#fff}.f-navBe{background-color:#fff;height:100%}.f-navBe-header{display:flex;min-width:400px;width:100%;height:44px;align-items:center;border:1px solid #e5e9ef;background:#f9f9fc;position:absolute;top:0;z-index:2}.f-navBe-allData{flex:2;text-align:center;display:flex;justify-content:center;align-items:center}.f-navBe-allData-text{width:32px;height:44px;font-family:PingFangSC-Medium;font-size:16px;color:#2d2f33;font-weight:500;padding-top:12px;cursor:pointer}.f-navBe-allData-text-focus{width:32px;height:44px;color:#2a87ff;border-bottom:3px solid #00f;font-family:PingFangSC-Medium;font-size:16px;font-weight:500;padding-top:12px;cursor:pointer}.f-navBe-recent{flex:2;text-align:center;display:flex;justify-content:center;align-items:center}.f-navBe-recent-text{width:32px;height:44px;font-family:PingFangSC-Medium;font-size:16px;color:#2d2f33;font-weight:500;padding-top:12px;cursor:pointer}.f-navBe-recent-text-focus{width:32px;height:44px;color:#2a87ff;border-bottom:3px solid #00f;font-family:PingFangSC-Medium;font-size:16px;font-weight:500;padding-top:12px;cursor:pointer}.f-navBe-remainder{flex:12}.f-navBe-search{width:220px;height:26.6px;background:#fff;border-radius:6px;float:right;margin-right:40px}.f-navBe-content{width:100%;min-width:400px;overflow:scroll;height:calc(100% - 50px)}.f-navBe-content2{width:100%;min-width:400px;margin-top:44px;height:calc(100% - 130px);overflow:scroll}.f-navBe-content2-paging{position:absolute;bottom:55px;right:50px}.f-navBe-content-recent{width:100%;min-width:400px;margin-top:44px}.f-navBe-content-local{width:100%;min-width:400px}.f-navBe-recommandLabel{height:18px;font-family:PingFangSC-Regular;font-size:13px;color:#3d4c6b;font-weight:400;cursor:pointer}.f-navBe-localHeader,.f-navBe-recentHeader{height:32px;background:#fafaff;width:100%;display:flex;align-items:center;padding-left:10px;cursor:pointer;border:1px solid rgba(233,236,243,1)}.f-navBe-item{height:62px;padding:15px 0 8px 18px;border:1px solid #e5e9ef}.f-navBe-item:hover{background-color:#edf5fc!important;cursor:pointer}.f-navBe-item-active{height:62px;padding:15px 0 8px 18px;border:1px solid #e5e9ef;background-color:#edf5fc!important;cursor:pointer}.f-navBe-itemIcon{width:16px;height:16px;padding:1px;margin-right:6px;background-color:#dcf4e8;display:inline-block}.f-navBe-name{width:80%;height:18px;font-family:PingFangSC-Regular;font-size:13px;color:#2d2f33;font-weight:400;overflow:hidden;display:inline-block;vertical-align:top}.f-navBe-source{width:100%;height:17px;font-family:PingFangSC-Regular;font-size:12px;color:#949ba7;font-weight:400}"]}]}],l.ctorParameters=function(){return[{type:a.Injector},{type:t.NotifyService}]},l.propDecorators={editorParams:[{type:a.Input}],closeModal:[{type:a.Output}],submitModal:[{type:a.Output}],modalFooter:[{type:a.ViewChild,args:["footer"]}]};var c=l;function l(e,t){this.injector=e,this.notifyService=t,this.closeModal=new a.EventEmitter,this.submitModal=new a.EventEmitter,this.groupIcon='<span class="k-icon k-i-search"></span>',this.chooseRecommand=!0,this.recentFoldIn=!1,this.localFoldIn=!1,this.relativePath="",this.isDeisgnerEnv=!0,this.foldLocal=!1,this.foldRecent=!1,this.pagerOnServer=!1,this.pageList=[20,50,100],this.pageIndex=1,this.pageSize=20,this.pagerHeight=56,this.showPageList=!1,this.showPageInfo=!0,this.showPageNumber=!0,this.pagerLabelSize=7,this.total=0,this.supportPaging=!0,this.modalConfig={title:"选择业务实体",width:900,height:500,resizable:!0,showButtons:!1,showMaxButton:!1,minWidth:650,minHeight:300},this.showLocal=!0,this.showRecent=!0,this.noRecommandData=!1,this.noAllData=!1,this.paginationOptions={id:"Farris-beMetadata-Pagination_",itemsPerPage:this.pageSize,currentPage:this.pageIndex,pageList:this.pageList,totalItems:this.total,remote:this.pagerOnServer}}d.decorators=[{type:a.NgModule,args:[{declarations:[c],imports:[n.CommonModule,i.InputGroupModule,s.HttpClientModule,r.PaginationModule],exports:[c]}]}];n=d;function d(){}e.AppNavigationBeComponent=c,e.AppNavigationBeModule=n,Object.defineProperty(e,"__esModule",{value:!0})}); | ||
| !function(e,t){"object"==typeof exports&&"undefined"!=typeof module?t(exports,require("lodash-es"),require("@farris/ui-notify"),require("@angular/core"),require("@angular/common"),require("@farris/ui-input-group"),require("@angular/common/http"),require("@farris/ui-pagination")):"function"==typeof define&&define.amd?define("@farris/app-navigation-be",["exports","lodash-es","@farris/ui-notify","@angular/core","@angular/common","@farris/ui-input-group","@angular/common/http","@farris/ui-pagination"],t):t((e.farris=e.farris||{},e.farris["app-navigation-be"]={}),e.lodashEs,e.uiNotify,e.ng.core,e.ng.common,e.uiInputGroup,e.ng.common.http,e.uiPagination)}(this,function(e,o,t,a,n,i,s,r){"use strict";l.prototype.ngOnInit=function(){this.beData=[],this.modalConfig=this.editorParams.modalConfig||this.modalConfig,this.envType=this.editorParams.envType||"designer",this.getAllDataInfo(),this.getRecentDataInfo(),this.getRecommandDataInfo(),this.chooseRecommand=!0,this.onSearchValueChanged("")},l.prototype.onPageChange=function(e){this.pageIndex!==e.pageIndex&&(this.pageIndex=e.pageIndex,this.paginationOptions.currentPage=e.pageIndex)},l.prototype.getAllDataInfo=function(){var t=this,e=this.injector.get(s.HttpClient),a=this.editorParams.relativePath||"",n=this.editorParams.source||"be";return e.get("/api/dev/main/v1.0/mdservice/unionmdlist?path="+a+"&pageIndex=1&pageSize=1000&metadataTypeList=."+n,{headers:new s.HttpHeaders({"Content-Type":"application/json"}),responseType:"json"}).subscribe(function(e){t.reinvokeInterface(e),t.beAllData=o.cloneDeep(t.getFormData(e,"all")),t.beAllDataCopy=o.cloneDeep(t.beAllData)})},l.prototype.getRecentDataInfo=function(){var t=this,e=this.injector.get(s.HttpClient),a=this.editorParams.relativePath||"",n="path="+a,a="/"==a[0]?a.split("/")[1]:a.split("/")[0],i=this.editorParams.source||"be",a="noCode"==this.envType?"appId="+a:n;return e.get("/api/dev/main/v1.0/mdservice/getmdrecentuse?"+a+"&metadataTypeList=."+i,{headers:new s.HttpHeaders({"Content-Type":"application/json"}),responseType:"json"}).subscribe(function(e){t.beRecentData=o.cloneDeep(t.getFormData(e,"recent")),t.beRecentData&&t.beRecentData.length&&(t.showRecommandData(),t.getUniqueData(t.beData))})},l.prototype.getRecommandDataInfo=function(){var t=this,e=this.editorParams.range||"Bo",a=this.injector.get(s.HttpClient),n=this.editorParams.relativePath||"",i=this.editorParams.source||"be";return a.get("/api/dev/main/v1.0/mdservice/metadataListIn"+e+"?path="+n+"&metadataTypeList=."+i,{headers:new s.HttpHeaders({"Content-Type":"application/json"}),responseType:"json"}).subscribe(function(e){t.beRecommandData=o.cloneDeep(t.getFormData(e,"local")),t.beRecommandData&&t.beRecommandData.length&&(t.showRecommandData(),t.getUniqueData(t.beData))})},l.prototype.getFormData=function(e,a){var n=[],e=e.metadataIndexItems||e;return e&&e.forEach(function(e,t){t={id:t,name:e.name,label:e.code,source:e.nameSpace,hide:!1,active:!1,data:e,category:a};n.push(t)}),n},l.prototype.showRecommandData=function(){var t=this;this.selectedCommand=undefined,this.unfoldData(),this.chooseRecommand=!0,this.beData=[],this.foldRecent=!1,this.beRecommandData&&this.beRecommandData.length&&this.beRecommandData.forEach(function(e){t.beData.push(o.cloneDeep(e))}),this.beRecentData&&this.beRecentData.length&&this.beRecentData.forEach(function(e){t.beData.push(o.cloneDeep(e))}),this.getUniqueData(this.beData),this.beData=this.onSearchValueChanged(this.searchValue)},l.prototype.showAllData=function(){this.selectedCommand=undefined,this.unfoldData(),this.beData=o.cloneDeep(this.beAllData),this.chooseRecommand=!1,this.foldRecent=!1,this.beData=this.onSearchValueChanged(this.searchValue)},l.prototype.unfoldData=function(){this.foldLocal=!1,this.foldRecent=!1},l.prototype.handleSearchedValue=function(e){e=(e=e==undefined?"":e).originalEvent!=undefined?e.value||"":e,this.searchValue=e,this.supportPaging=""==this.searchValue;e=e.replaceAll(" ","").replaceAll(">","");return e=(e=""==e?" ":e).toLowerCase()},l.prototype.checkValueExists=function(e,t){var a=e.find(function(e){return"local"==e.category&&(e.name+" "+e.label+" "+e.source).toLowerCase().includes(t)}),n=e.find(function(e){return"recent"==e.category&&(e.name+" "+e.label+" "+e.source).toLowerCase().includes(t)}),e=e.find(function(e){return(e.name+" "+e.label+" "+e.source).toLowerCase().includes(t)});this.showLocal=!!a,this.showRecent=!!n,this.noRecommandData=!this.showLocal&&!this.showRecent,this.noAllData=!e},l.prototype.onSearchValueChanged=function(e){this.unfoldData();var a,t=this.chooseRecommand?this.beData:this.beAllDataCopy;return t&&(a=this.handleSearchedValue(e),this.checkValueExists(t,a),t.forEach(function(e){var t=(e.name+" "+e.label+" "+e.source).toLowerCase();e.hide=0==t.includes(a)})),this.beData=o.cloneDeep(t),this.beData},l.prototype.getBeDataItem=function(t){var a=this;this.beData.forEach(function(e){t.data.code==e.data.code?(e.active=!e.active,a.selectedCommand=o.cloneDeep(t)):e.active=!1})},l.prototype.clickConfirm=function(){var e,t,a,n,i=this;if(this.selectedCommand&&this.selectedCommand.active)return e=this.injector.get(s.HttpClient),t="/api/dev/main/v1.0/mdservice/pickMetadata?currentPath="+(this.editorParams.relativePath||""),a=this.selectedCommand.data,n={headers:new s.HttpHeaders({"Content-Type":"application/json"})},e.post(t,a,n).subscribe(function(e){e.metadata.processMode="interpretation"===i.selectedCommand.data.processMode?"interpretation":"general",i.submitModal.emit(e)});switch(this.editorParams.source){case"be":this.notifyService.info("未选择业务实体");break;case"vo":this.notifyService.info("未选择视图对象");break;case"qo":this.notifyService.info("未选择查询对象");break;case"webcmp":this.notifyService.info("未选择Web构件");default:this.notifyService.info("未选择元数据")}return null},l.prototype.onClear=function(){this.unfoldData(),this.beData=this.onSearchValueChanged("")},l.prototype.clickCancel=function(){this.closeModal.emit()},l.prototype.foldInRecent=function(){this.foldRecent=!this.foldRecent;var e=o.cloneDeep(this.beData);e&&(e.forEach(function(e){"recent"==e.category&&(e.hide=!e.hide)}),this.beData=o.cloneDeep(e))},l.prototype.foldInLocal=function(){this.foldLocal=!this.foldLocal;var e=o.cloneDeep(this.beData);e&&(e.forEach(function(e){"local"==e.category&&(e.hide=!e.hide)}),this.beData=o.cloneDeep(e))},l.prototype.getUniqueData=function(e){if(e){for(var t=o.cloneDeep(e),a=0;a<t.length;a++)for(var n=a+1;n<t.length;n++)t[a].id==t[n].id&&(t.splice(n,1),n--);e=o.cloneDeep(t)}return e},l.prototype.reinvokeInterface=function(e){var t=this;if(e.page){var a,n,i,e=e.page.total||0;if(1e3<e)return a=this.injector.get(s.HttpClient),n=this.editorParams.relativePath||"",i=this.editorParams.source||"be",a.get("/api/dev/main/v1.0/mdservice/unionmdlist?path="+n+"&pageIndex=1&pageSize="+e+"&metadataTypeList=."+i,{headers:new s.HttpHeaders({"Content-Type":"application/json"}),responseType:"json"}).subscribe(function(e){t.beAllData=o.cloneDeep(t.getFormData(e,"all")),t.beAllDataCopy=o.cloneDeep(t.beAllData)})}},l.decorators=[{type:a.Component,args:[{selector:"farris-appNavigationBe",template:'<div class="f-navBe">\n <div class="f-navBe-header">\n <div class="f-navBe-recent" (click)="showRecommandData()">\n <div [ngClass]="{\'f-navBe-recent-text-focus\':chooseRecommand,\'f-navBe-recent-text\':!chooseRecommand}">\n 推荐</div>\n </div>\n <div class="f-navBe-allData" (click)="showAllData()">\n <div [ngClass]="{\'f-navBe-allData-text-focus\':!chooseRecommand,\'f-navBe-allData-text\':chooseRecommand}">\n 全部</div>\n </div>\n <div class="f-navBe-remainder">\n <div class="f-navBe-search">\n <input-group [groupText]="groupIcon" [(value)]="searchValue"\n (clickHandle)="onSearchValueChanged($event)" (valueChange)="onSearchValueChanged($event)"\n (clear)="onClear()" placeholder="请输入名称/编号搜索" style="font-size:2px;"></input-group>\n </div>\n </div>\n </div>\n <div class="f-navBe-content" *ngIf="chooseRecommand && !noRecommandData">\n <div class="f-navBe-content-recent" *ngIf="chooseRecommand && !recentFoldIn">\n <div class="f-navBe-recentHeader" *ngIf="showRecent" (click)="foldInRecent()">\n <div *ngIf="foldRecent" class="f-icon f-icon-arrow-60-right"\n style="color:#6E7088;font-size:12px;margin:0px 7px 0 0;"></div>\n <div *ngIf="!foldRecent" class="f-icon f-icon-arrow-60-down"\n style="color:#6E7088;font-size:12px;margin:0px 7px 0 0;"></div>\n <div class="f-navBe-recommandLabel">最近使用</div>\n </div>\n <ng-container *ngFor="let beDataItem of beData">\n <ng-container *ngIf="!beDataItem.hide && beDataItem.category == \'recent\'">\n <div [ngClass]="{\'f-navBe-item\':!beDataItem.active,\'f-navBe-item-active\':beDataItem.active}"\n (click)="getBeDataItem(beDataItem)">\n <div class="f-navBe-itemIcon">\n <div class="f-icon f-icon-window"\n style="color:#2BA85E;font-size:13px; width: 12px;height: 12px;padding: 0px 0px 2px 1px;">\n </div>\n </div>\n <div class="f-navBe-name">{{beDataItem.name}} ({{beDataItem.label}})</div>\n <div class="f-navBe-source">{{beDataItem.source}}</div>\n </div>\n </ng-container>\n </ng-container>\n </div>\n <div class="f-navBe-content-local" *ngIf="chooseRecommand && !localFoldIn">\n <div class="f-navBe-localHeader" *ngIf="showLocal" (click)="foldInLocal()">\n <div *ngIf="foldLocal" class="f-icon f-icon-arrow-60-right"\n style="color:#6E7088;font-size:12px;margin:0px 7px 0 0;"></div>\n <div *ngIf="!foldLocal" class="f-icon f-icon-arrow-60-down"\n style="color:#6E7088;font-size:12px;margin:0px 7px 0 0;"></div>\n <div class="f-navBe-recommandLabel">本地元数据</div>\n </div>\n <ng-container *ngFor="let beDataItem of beData">\n <ng-container *ngIf="!beDataItem.hide && beDataItem.category == \'local\'">\n <div [ngClass]="{\'f-navBe-item\':!beDataItem.active,\'f-navBe-item-active\':beDataItem.active}"\n (click)="getBeDataItem(beDataItem)">\n <div class="f-navBe-itemIcon">\n <div class="f-icon f-icon-window"\n style="color:#2BA85E;font-size:13px; width: 12px;height: 12px;padding: 0px 0px 2px 1px;">\n </div>\n </div>\n <div class="f-navBe-name">{{beDataItem.name}} ({{beDataItem.label}})</div>\n <div class="f-navBe-source">{{beDataItem.source}}</div>\n </div>\n </ng-container>\n </ng-container>\n </div>\n </div>\n \x3c!-- 推荐没有数据时的显示内容--\x3e\n <div class="f-navBe-content1"\n style="width: 100%; min-width: 400px; height: 50%; display: flex;justify-content: center;align-items: center;"\n *ngIf="chooseRecommand && noRecommandData">\n <div> 未查询到符合条件的数据 </div>\n </div>\n <div class="f-navBe-content2" *ngIf="!chooseRecommand && !noAllData">\n <div *ngFor="let beDataItem of (supportPaging ? (beData | paginate: paginationOptions) : beData)">\n <ng-container *ngIf="!beDataItem.hide">\n <div [ngClass]="{\'f-navBe-item\':!beDataItem.active,\'f-navBe-item-active\':beDataItem.active}"\n (click)="getBeDataItem(beDataItem)">\n <div class="f-navBe-itemIcon">\n <div class="f-icon f-icon-window"\n style="color:#2BA85E;font-size:13px; width: 12px;height: 12px;padding: 0px 0px 2px 0px;">\n </div>\n </div>\n <div class="f-navBe-name">{{beDataItem.name}} ({{beDataItem.label}})</div>\n <div class="f-navBe-source">{{beDataItem.source}}</div>\n </div>\n </ng-container>\n </div>\n <div *ngIf="supportPaging" class="f-navBe-content2-paging">\n <pagination-controls #pager [id]="paginationOptions?.id" [maxSize]="pagerLabelSize" [directionLinks]="true"\n [autoHide]="false" [responsive]="true" [previousLabel]="\' \'" [nextLabel]="\' \'"\n [showPageInfo]="showPageInfo" [showPageNumber]="showPageNumber" [showPageList]="showPageList"\n (pageChange)="onPageChange($event)">\n </pagination-controls>\n </div>\n </div>\n \x3c!-- 全部没有数据时的显示内容--\x3e\n <div class="f-navBe-content3"\n style="width: 100%; min-width: 400px; height: 50%; display: flex; justify-content:center; align-items:center; "\n *ngIf="!chooseRecommand && noAllData">\n <div> 未查询到符合条件的数据 </div>\n </div>\n</div>\n\x3c!-- 底部区域 --\x3e\n<div class="f-page-bottom">\n <div class="f-page-button">\n <div class="f-page-cancel-btn" (click)="clickCancel()">\n <span class="textCancel">取消</span>\n </div>\n <div class="f-page-sure-btn" (click)="clickConfirm()">\n <span class="textSure">确定</span>\n </div>\n </div>\n</div>',styles:[":host{overflow:hidden;position:absolute;top:0;left:0;right:0;bottom:0}.f-page-bottom{margin-top:0;height:60px;width:100%;border:1px solid #dee1ea;background-color:#fff;z-index:2000;bottom:0;left:0;position:absolute;display:flex;justify-content:flex-end;align-items:center}.f-page-button{float:right;width:175px;display:flex}.f-page-cancel-btn{width:72px;height:32px;background:#fff;border:1px solid #d8dce6;box-shadow:0 1px 0 0 rgb(0 0 0 / 4%);border-radius:3px;margin-right:14px;text-align:center;cursor:pointer;display:flex;align-items:center;justify-content:center;flex-wrap:wrap}.f-page-sure-btn{width:72px;height:32px;display:flex;background:#2a87ff;border-radius:3px;text-align:center;cursor:pointer;align-items:center;justify-content:center;flex-wrap:wrap}.textCancel{font-family:PingFangSC-Regular;font-size:13px;color:#2d2f33}.textSure{font-family:PingFangSC-Regular;font-size:13px;color:#fff}.f-navBe{background-color:#fff;height:100%}.f-navBe-header{display:flex;min-width:400px;width:100%;height:44px;align-items:center;border:1px solid #e5e9ef;background:#f9f9fc;position:absolute;top:0;z-index:2}.f-navBe-allData{flex:2;text-align:center;display:flex;justify-content:center;align-items:center}.f-navBe-allData-text{width:32px;height:44px;font-family:PingFangSC-Medium;font-size:16px;color:#2d2f33;font-weight:500;padding-top:12px;cursor:pointer}.f-navBe-allData-text-focus{width:32px;height:44px;color:#2a87ff;border-bottom:3px solid #00f;font-family:PingFangSC-Medium;font-size:16px;font-weight:500;padding-top:12px;cursor:pointer}.f-navBe-recent{flex:2;text-align:center;display:flex;justify-content:center;align-items:center}.f-navBe-recent-text{width:32px;height:44px;font-family:PingFangSC-Medium;font-size:16px;color:#2d2f33;font-weight:500;padding-top:12px;cursor:pointer}.f-navBe-recent-text-focus{width:32px;height:44px;color:#2a87ff;border-bottom:3px solid #00f;font-family:PingFangSC-Medium;font-size:16px;font-weight:500;padding-top:12px;cursor:pointer}.f-navBe-remainder{flex:12}.f-navBe-search{width:220px;height:26.6px;background:#fff;border-radius:6px;float:right;margin-right:40px}.f-navBe-content{width:100%;min-width:400px;overflow:scroll;height:calc(100% - 50px)}.f-navBe-content2{width:100%;min-width:400px;margin-top:44px;height:calc(100% - 130px);overflow:scroll}.f-navBe-content2-paging{position:absolute;bottom:55px;right:50px}.f-navBe-content-recent{width:100%;min-width:400px;margin-top:44px}.f-navBe-content-local{width:100%;min-width:400px}.f-navBe-recommandLabel{height:18px;font-family:PingFangSC-Regular;font-size:13px;color:#3d4c6b;font-weight:400;cursor:pointer}.f-navBe-localHeader,.f-navBe-recentHeader{height:32px;background:#fafaff;width:100%;display:flex;align-items:center;padding-left:10px;cursor:pointer;border:1px solid rgba(233,236,243,1)}.f-navBe-item{height:62px;padding:15px 0 8px 18px;border:1px solid #e5e9ef}.f-navBe-item:hover{background-color:#edf5fc!important;cursor:pointer}.f-navBe-item-active{height:62px;padding:15px 0 8px 18px;border:1px solid #e5e9ef;background-color:#edf5fc!important;cursor:pointer}.f-navBe-itemIcon{width:16px;height:16px;padding:1px;margin-right:6px;background-color:#dcf4e8;display:inline-block}.f-navBe-name{width:80%;height:18px;font-family:PingFangSC-Regular;font-size:13px;color:#2d2f33;font-weight:400;overflow:hidden;display:inline-block;vertical-align:top}.f-navBe-source{width:100%;height:17px;font-family:PingFangSC-Regular;font-size:12px;color:#949ba7;font-weight:400}"]}]}],l.ctorParameters=function(){return[{type:a.Injector},{type:t.NotifyService}]},l.propDecorators={editorParams:[{type:a.Input}],closeModal:[{type:a.Output}],submitModal:[{type:a.Output}],modalFooter:[{type:a.ViewChild,args:["footer"]}]};var c=l;function l(e,t){this.injector=e,this.notifyService=t,this.closeModal=new a.EventEmitter,this.submitModal=new a.EventEmitter,this.groupIcon='<span class="k-icon k-i-search"></span>',this.chooseRecommand=!0,this.recentFoldIn=!1,this.localFoldIn=!1,this.relativePath="",this.isDeisgnerEnv=!0,this.foldLocal=!1,this.foldRecent=!1,this.pagerOnServer=!1,this.pageList=[20,50,100],this.pageIndex=1,this.pageSize=20,this.pagerHeight=56,this.showPageList=!1,this.showPageInfo=!0,this.showPageNumber=!0,this.pagerLabelSize=7,this.total=0,this.supportPaging=!0,this.modalConfig={title:"选择业务实体",width:900,height:500,resizable:!0,showButtons:!1,showMaxButton:!1,minWidth:650,minHeight:300},this.showLocal=!0,this.showRecent=!0,this.noRecommandData=!1,this.noAllData=!1,this.paginationOptions={id:"Farris-beMetadata-Pagination_",itemsPerPage:this.pageSize,currentPage:this.pageIndex,pageList:this.pageList,totalItems:this.total,remote:this.pagerOnServer}}d.decorators=[{type:a.NgModule,args:[{declarations:[c],imports:[n.CommonModule,i.InputGroupModule,s.HttpClientModule,r.PaginationModule],exports:[c]}]}];n=d;function d(){}e.AppNavigationBeComponent=c,e.AppNavigationBeModule=n,Object.defineProperty(e,"__esModule",{value:!0})}); | ||
| //# sourceMappingURL=farris-app-navigation-be.umd.min.js.map |
@@ -1,1 +0,1 @@ | ||
| {"__symbolic":"module","version":4,"metadata":{"AppNavigationBeComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":5,"character":1},"arguments":[{"selector":"farris-appNavigationBe","template":"<div class=\"f-navBe\">\n <div class=\"f-navBe-header\">\n <div class=\"f-navBe-recent\" (click)=\"showRecommandData()\">\n <div [ngClass]=\"{'f-navBe-recent-text-focus':chooseRecommand,'f-navBe-recent-text':!chooseRecommand}\">\n 推荐</div>\n </div>\n <div class=\"f-navBe-allData\" (click)=\"showAllData()\">\n <div [ngClass]=\"{'f-navBe-allData-text-focus':!chooseRecommand,'f-navBe-allData-text':chooseRecommand}\">\n 全部</div>\n </div>\n <div class=\"f-navBe-remainder\">\n <div class=\"f-navBe-search\">\n <input-group [groupText]=\"groupIcon\" [(value)]=\"searchValue\"\n (clickHandle)=\"onSearchValueChanged($event)\" (valueChange)=\"onSearchValueChanged($event)\"\n (clear)=\"onClear()\" placeholder=\"请输入名称/编号搜索\" style=\"font-size:2px;\"></input-group>\n </div>\n </div>\n </div>\n <div class=\"f-navBe-content\" *ngIf=\"chooseRecommand && !noRecommandData\">\n <div class=\"f-navBe-content-recent\" *ngIf=\"chooseRecommand && !recentFoldIn\">\n <div class=\"f-navBe-recentHeader\" *ngIf=\"showRecent\" (click)=\"foldInRecent()\">\n <div *ngIf=\"foldRecent\" class=\"f-icon f-icon-arrow-60-right\"\n style=\"color:#6E7088;font-size:12px;margin:0px 7px 0 0;\"></div>\n <div *ngIf=\"!foldRecent\" class=\"f-icon f-icon-arrow-60-down\"\n style=\"color:#6E7088;font-size:12px;margin:0px 7px 0 0;\"></div>\n <div class=\"f-navBe-recommandLabel\">最近使用</div>\n </div>\n <ng-container *ngFor=\"let beDataItem of beData\">\n <ng-container *ngIf=\"!beDataItem.hide && beDataItem.category == 'recent'\">\n <div [ngClass]=\"{'f-navBe-item':!beDataItem.active,'f-navBe-item-active':beDataItem.active}\"\n (click)=\"getBeDataItem(beDataItem)\">\n <div class=\"f-navBe-itemIcon\">\n <div class=\"f-icon f-icon-window\"\n style=\"color:#2BA85E;font-size:13px; width: 12px;height: 12px;padding: 0px 0px 2px 1px;\">\n </div>\n </div>\n <div class=\"f-navBe-name\">{{beDataItem.name}} ({{beDataItem.label}})</div>\n <div class=\"f-navBe-source\">{{beDataItem.source}}</div>\n </div>\n </ng-container>\n </ng-container>\n </div>\n <div class=\"f-navBe-content-local\" *ngIf=\"chooseRecommand && !localFoldIn\">\n <div class=\"f-navBe-localHeader\" *ngIf=\"showLocal\" (click)=\"foldInLocal()\">\n <div *ngIf=\"foldLocal\" class=\"f-icon f-icon-arrow-60-right\"\n style=\"color:#6E7088;font-size:12px;margin:0px 7px 0 0;\"></div>\n <div *ngIf=\"!foldLocal\" class=\"f-icon f-icon-arrow-60-down\"\n style=\"color:#6E7088;font-size:12px;margin:0px 7px 0 0;\"></div>\n <div class=\"f-navBe-recommandLabel\">本地元数据</div>\n </div>\n <ng-container *ngFor=\"let beDataItem of beData\">\n <ng-container *ngIf=\"!beDataItem.hide && beDataItem.category == 'local'\">\n <div [ngClass]=\"{'f-navBe-item':!beDataItem.active,'f-navBe-item-active':beDataItem.active}\"\n (click)=\"getBeDataItem(beDataItem)\">\n <div class=\"f-navBe-itemIcon\">\n <div class=\"f-icon f-icon-window\"\n style=\"color:#2BA85E;font-size:13px; width: 12px;height: 12px;padding: 0px 0px 2px 1px;\">\n </div>\n </div>\n <div class=\"f-navBe-name\">{{beDataItem.name}} ({{beDataItem.label}})</div>\n <div class=\"f-navBe-source\">{{beDataItem.source}}</div>\n </div>\n </ng-container>\n </ng-container>\n </div>\n </div>\n <!-- 推荐没有数据时的显示内容-->\n <div class=\"f-navBe-content1\"\n style=\"width: 100%; min-width: 400px; height: 50%; display: flex;justify-content: center;align-items: center;\"\n *ngIf=\"chooseRecommand && noRecommandData\">\n <div> 未查询到符合条件的数据 </div>\n </div>\n <div class=\"f-navBe-content2\" *ngIf=\"!chooseRecommand && !noAllData\">\n <div *ngFor=\"let beDataItem of (supportPaging ? (beData | paginate: paginationOptions) : beData)\">\n <ng-container *ngIf=\"!beDataItem.hide\">\n <div [ngClass]=\"{'f-navBe-item':!beDataItem.active,'f-navBe-item-active':beDataItem.active}\"\n (click)=\"getBeDataItem(beDataItem)\">\n <div class=\"f-navBe-itemIcon\">\n <div class=\"f-icon f-icon-window\"\n style=\"color:#2BA85E;font-size:13px; width: 12px;height: 12px;padding: 0px 0px 2px 0px;\">\n </div>\n </div>\n <div class=\"f-navBe-name\">{{beDataItem.name}} ({{beDataItem.label}})</div>\n <div class=\"f-navBe-source\">{{beDataItem.source}}</div>\n </div>\n </ng-container>\n </div>\n <div *ngIf=\"supportPaging\" class=\"f-navBe-content2-paging\">\n <pagination-controls #pager [id]=\"paginationOptions?.id\" [maxSize]=\"pagerLabelSize\" [directionLinks]=\"true\"\n [autoHide]=\"false\" [responsive]=\"true\" [previousLabel]=\"' '\" [nextLabel]=\"' '\"\n [showPageInfo]=\"showPageInfo\" [showPageNumber]=\"showPageNumber\" [showPageList]=\"showPageList\"\n (pageChange)=\"onPageChange($event)\">\n </pagination-controls>\n </div>\n </div>\n <!-- 全部没有数据时的显示内容-->\n <div class=\"f-navBe-content3\"\n style=\"width: 100%; min-width: 400px; height: 50%; display: flex; justify-content:center; align-items:center; \"\n *ngIf=\"!chooseRecommand && noAllData\">\n <div> 未查询到符合条件的数据 </div>\n </div>\n</div>\n<!-- 底部区域 -->\n<div class=\"f-page-bottom\">\n <div class=\"f-page-button\">\n <div class=\"f-page-cancel-btn\" (click)=\"clickCancel()\">\n <span class=\"textCancel\">取消</span>\n </div>\n <div class=\"f-page-sure-btn\" (click)=\"clickConfirm()\">\n <span class=\"textSure\">确认</span>\n </div>\n </div>\n</div>","styles":[":host{overflow:hidden;position:absolute;top:0;left:0;right:0;bottom:0}.f-page-bottom{margin-top:0;height:60px;width:100%;border:1px solid #dee1ea;background-color:#fff;z-index:2000;bottom:0;left:0;position:absolute;display:flex;justify-content:flex-end;align-items:center}.f-page-button{float:right;width:175px;display:flex}.f-page-cancel-btn{width:72px;height:32px;background:#fff;border:1px solid #d8dce6;box-shadow:0 1px 0 0 rgb(0 0 0 / 4%);border-radius:3px;margin-right:14px;text-align:center;cursor:pointer;display:flex;align-items:center;justify-content:center;flex-wrap:wrap}.f-page-sure-btn{width:72px;height:32px;display:flex;background:#2a87ff;border-radius:3px;text-align:center;cursor:pointer;align-items:center;justify-content:center;flex-wrap:wrap}.textCancel{font-family:PingFangSC-Regular;font-size:13px;color:#2d2f33}.textSure{font-family:PingFangSC-Regular;font-size:13px;color:#fff}.f-navBe{background-color:#fff;height:100%}.f-navBe-header{display:flex;min-width:400px;width:100%;height:44px;align-items:center;border:1px solid #e5e9ef;background:#f9f9fc;position:absolute;top:0;z-index:2}.f-navBe-allData{flex:2;text-align:center;display:flex;justify-content:center;align-items:center}.f-navBe-allData-text{width:32px;height:44px;font-family:PingFangSC-Medium;font-size:16px;color:#2d2f33;font-weight:500;padding-top:12px;cursor:pointer}.f-navBe-allData-text-focus{width:32px;height:44px;color:#2a87ff;border-bottom:3px solid #00f;font-family:PingFangSC-Medium;font-size:16px;font-weight:500;padding-top:12px;cursor:pointer}.f-navBe-recent{flex:2;text-align:center;display:flex;justify-content:center;align-items:center}.f-navBe-recent-text{width:32px;height:44px;font-family:PingFangSC-Medium;font-size:16px;color:#2d2f33;font-weight:500;padding-top:12px;cursor:pointer}.f-navBe-recent-text-focus{width:32px;height:44px;color:#2a87ff;border-bottom:3px solid #00f;font-family:PingFangSC-Medium;font-size:16px;font-weight:500;padding-top:12px;cursor:pointer}.f-navBe-remainder{flex:12}.f-navBe-search{width:220px;height:26.6px;background:#fff;border-radius:6px;float:right;margin-right:40px}.f-navBe-content{width:100%;min-width:400px;overflow:scroll;height:calc(100% - 50px)}.f-navBe-content2{width:100%;min-width:400px;margin-top:44px;height:calc(100% - 130px);overflow:scroll}.f-navBe-content2-paging{position:absolute;bottom:55px;right:50px}.f-navBe-content-recent{width:100%;min-width:400px;margin-top:44px}.f-navBe-content-local{width:100%;min-width:400px}.f-navBe-recommandLabel{height:18px;font-family:PingFangSC-Regular;font-size:13px;color:#3d4c6b;font-weight:400;cursor:pointer}.f-navBe-localHeader,.f-navBe-recentHeader{height:32px;background:#fafaff;width:100%;display:flex;align-items:center;padding-left:10px;cursor:pointer;border:1px solid rgba(233,236,243,1)}.f-navBe-item{height:62px;padding:15px 0 8px 18px;border:1px solid #e5e9ef}.f-navBe-item:hover{background-color:#edf5fc!important;cursor:pointer}.f-navBe-item-active{height:62px;padding:15px 0 8px 18px;border:1px solid #e5e9ef;background-color:#edf5fc!important;cursor:pointer}.f-navBe-itemIcon{width:16px;height:16px;padding:1px;margin-right:6px;background-color:#dcf4e8;display:inline-block}.f-navBe-name{width:80%;height:18px;font-family:PingFangSC-Regular;font-size:13px;color:#2d2f33;font-weight:400;overflow:hidden;display:inline-block;vertical-align:top}.f-navBe-source{width:100%;height:17px;font-family:PingFangSC-Regular;font-size:12px;color:#949ba7;font-weight:400}"]}]}],"members":{"editorParams":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":13,"character":3}}]}],"closeModal":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":15,"character":3}}]}],"submitModal":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":17,"character":3}}]}],"modalFooter":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":18,"character":3},"arguments":["footer"]}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/core","name":"Injector","line":103,"character":21},{"__symbolic":"reference","module":"@farris/ui-notify","name":"NotifyService","line":104,"character":27}]}],"ngOnInit":[{"__symbolic":"method"}],"onPageChange":[{"__symbolic":"method"}],"getAllDataInfo":[{"__symbolic":"method"}],"getRecentDataInfo":[{"__symbolic":"method"}],"getRecommandDataInfo":[{"__symbolic":"method"}],"getFormData":[{"__symbolic":"method"}],"showRecommandData":[{"__symbolic":"method"}],"showAllData":[{"__symbolic":"method"}],"unfoldData":[{"__symbolic":"method"}],"handleSearchedValue":[{"__symbolic":"method"}],"checkValueExists":[{"__symbolic":"method"}],"onSearchValueChanged":[{"__symbolic":"method"}],"getBeDataItem":[{"__symbolic":"method"}],"clickConfirm":[{"__symbolic":"method"}],"onClear":[{"__symbolic":"method"}],"clickCancel":[{"__symbolic":"method"}],"foldInRecent":[{"__symbolic":"method"}],"foldInLocal":[{"__symbolic":"method"}],"getUniqueData":[{"__symbolic":"method"}],"reinvokeInterface":[{"__symbolic":"method"}]}},"AppNavigationBeModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":7,"character":1},"arguments":[{"declarations":[{"__symbolic":"reference","name":"AppNavigationBeComponent"}],"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":10,"character":4},{"__symbolic":"reference","module":"@farris/ui-input-group","name":"InputGroupModule","line":11,"character":4},{"__symbolic":"reference","module":"@angular/common/http","name":"HttpClientModule","line":12,"character":4},{"__symbolic":"reference","module":"@farris/ui-pagination","name":"PaginationModule","line":13,"character":4}],"exports":[{"__symbolic":"reference","name":"AppNavigationBeComponent"}]}]}],"members":{}}},"origins":{"AppNavigationBeComponent":"./lib/app-navigation-be.component","AppNavigationBeModule":"./lib/app-navigation-be.module"},"importAs":"@farris/app-navigation-be"} | ||
| {"__symbolic":"module","version":4,"metadata":{"AppNavigationBeComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":5,"character":1},"arguments":[{"selector":"farris-appNavigationBe","template":"<div class=\"f-navBe\">\n <div class=\"f-navBe-header\">\n <div class=\"f-navBe-recent\" (click)=\"showRecommandData()\">\n <div [ngClass]=\"{'f-navBe-recent-text-focus':chooseRecommand,'f-navBe-recent-text':!chooseRecommand}\">\n 推荐</div>\n </div>\n <div class=\"f-navBe-allData\" (click)=\"showAllData()\">\n <div [ngClass]=\"{'f-navBe-allData-text-focus':!chooseRecommand,'f-navBe-allData-text':chooseRecommand}\">\n 全部</div>\n </div>\n <div class=\"f-navBe-remainder\">\n <div class=\"f-navBe-search\">\n <input-group [groupText]=\"groupIcon\" [(value)]=\"searchValue\"\n (clickHandle)=\"onSearchValueChanged($event)\" (valueChange)=\"onSearchValueChanged($event)\"\n (clear)=\"onClear()\" placeholder=\"请输入名称/编号搜索\" style=\"font-size:2px;\"></input-group>\n </div>\n </div>\n </div>\n <div class=\"f-navBe-content\" *ngIf=\"chooseRecommand && !noRecommandData\">\n <div class=\"f-navBe-content-recent\" *ngIf=\"chooseRecommand && !recentFoldIn\">\n <div class=\"f-navBe-recentHeader\" *ngIf=\"showRecent\" (click)=\"foldInRecent()\">\n <div *ngIf=\"foldRecent\" class=\"f-icon f-icon-arrow-60-right\"\n style=\"color:#6E7088;font-size:12px;margin:0px 7px 0 0;\"></div>\n <div *ngIf=\"!foldRecent\" class=\"f-icon f-icon-arrow-60-down\"\n style=\"color:#6E7088;font-size:12px;margin:0px 7px 0 0;\"></div>\n <div class=\"f-navBe-recommandLabel\">最近使用</div>\n </div>\n <ng-container *ngFor=\"let beDataItem of beData\">\n <ng-container *ngIf=\"!beDataItem.hide && beDataItem.category == 'recent'\">\n <div [ngClass]=\"{'f-navBe-item':!beDataItem.active,'f-navBe-item-active':beDataItem.active}\"\n (click)=\"getBeDataItem(beDataItem)\">\n <div class=\"f-navBe-itemIcon\">\n <div class=\"f-icon f-icon-window\"\n style=\"color:#2BA85E;font-size:13px; width: 12px;height: 12px;padding: 0px 0px 2px 1px;\">\n </div>\n </div>\n <div class=\"f-navBe-name\">{{beDataItem.name}} ({{beDataItem.label}})</div>\n <div class=\"f-navBe-source\">{{beDataItem.source}}</div>\n </div>\n </ng-container>\n </ng-container>\n </div>\n <div class=\"f-navBe-content-local\" *ngIf=\"chooseRecommand && !localFoldIn\">\n <div class=\"f-navBe-localHeader\" *ngIf=\"showLocal\" (click)=\"foldInLocal()\">\n <div *ngIf=\"foldLocal\" class=\"f-icon f-icon-arrow-60-right\"\n style=\"color:#6E7088;font-size:12px;margin:0px 7px 0 0;\"></div>\n <div *ngIf=\"!foldLocal\" class=\"f-icon f-icon-arrow-60-down\"\n style=\"color:#6E7088;font-size:12px;margin:0px 7px 0 0;\"></div>\n <div class=\"f-navBe-recommandLabel\">本地元数据</div>\n </div>\n <ng-container *ngFor=\"let beDataItem of beData\">\n <ng-container *ngIf=\"!beDataItem.hide && beDataItem.category == 'local'\">\n <div [ngClass]=\"{'f-navBe-item':!beDataItem.active,'f-navBe-item-active':beDataItem.active}\"\n (click)=\"getBeDataItem(beDataItem)\">\n <div class=\"f-navBe-itemIcon\">\n <div class=\"f-icon f-icon-window\"\n style=\"color:#2BA85E;font-size:13px; width: 12px;height: 12px;padding: 0px 0px 2px 1px;\">\n </div>\n </div>\n <div class=\"f-navBe-name\">{{beDataItem.name}} ({{beDataItem.label}})</div>\n <div class=\"f-navBe-source\">{{beDataItem.source}}</div>\n </div>\n </ng-container>\n </ng-container>\n </div>\n </div>\n <!-- 推荐没有数据时的显示内容-->\n <div class=\"f-navBe-content1\"\n style=\"width: 100%; min-width: 400px; height: 50%; display: flex;justify-content: center;align-items: center;\"\n *ngIf=\"chooseRecommand && noRecommandData\">\n <div> 未查询到符合条件的数据 </div>\n </div>\n <div class=\"f-navBe-content2\" *ngIf=\"!chooseRecommand && !noAllData\">\n <div *ngFor=\"let beDataItem of (supportPaging ? (beData | paginate: paginationOptions) : beData)\">\n <ng-container *ngIf=\"!beDataItem.hide\">\n <div [ngClass]=\"{'f-navBe-item':!beDataItem.active,'f-navBe-item-active':beDataItem.active}\"\n (click)=\"getBeDataItem(beDataItem)\">\n <div class=\"f-navBe-itemIcon\">\n <div class=\"f-icon f-icon-window\"\n style=\"color:#2BA85E;font-size:13px; width: 12px;height: 12px;padding: 0px 0px 2px 0px;\">\n </div>\n </div>\n <div class=\"f-navBe-name\">{{beDataItem.name}} ({{beDataItem.label}})</div>\n <div class=\"f-navBe-source\">{{beDataItem.source}}</div>\n </div>\n </ng-container>\n </div>\n <div *ngIf=\"supportPaging\" class=\"f-navBe-content2-paging\">\n <pagination-controls #pager [id]=\"paginationOptions?.id\" [maxSize]=\"pagerLabelSize\" [directionLinks]=\"true\"\n [autoHide]=\"false\" [responsive]=\"true\" [previousLabel]=\"' '\" [nextLabel]=\"' '\"\n [showPageInfo]=\"showPageInfo\" [showPageNumber]=\"showPageNumber\" [showPageList]=\"showPageList\"\n (pageChange)=\"onPageChange($event)\">\n </pagination-controls>\n </div>\n </div>\n <!-- 全部没有数据时的显示内容-->\n <div class=\"f-navBe-content3\"\n style=\"width: 100%; min-width: 400px; height: 50%; display: flex; justify-content:center; align-items:center; \"\n *ngIf=\"!chooseRecommand && noAllData\">\n <div> 未查询到符合条件的数据 </div>\n </div>\n</div>\n<!-- 底部区域 -->\n<div class=\"f-page-bottom\">\n <div class=\"f-page-button\">\n <div class=\"f-page-cancel-btn\" (click)=\"clickCancel()\">\n <span class=\"textCancel\">取消</span>\n </div>\n <div class=\"f-page-sure-btn\" (click)=\"clickConfirm()\">\n <span class=\"textSure\">确定</span>\n </div>\n </div>\n</div>","styles":[":host{overflow:hidden;position:absolute;top:0;left:0;right:0;bottom:0}.f-page-bottom{margin-top:0;height:60px;width:100%;border:1px solid #dee1ea;background-color:#fff;z-index:2000;bottom:0;left:0;position:absolute;display:flex;justify-content:flex-end;align-items:center}.f-page-button{float:right;width:175px;display:flex}.f-page-cancel-btn{width:72px;height:32px;background:#fff;border:1px solid #d8dce6;box-shadow:0 1px 0 0 rgb(0 0 0 / 4%);border-radius:3px;margin-right:14px;text-align:center;cursor:pointer;display:flex;align-items:center;justify-content:center;flex-wrap:wrap}.f-page-sure-btn{width:72px;height:32px;display:flex;background:#2a87ff;border-radius:3px;text-align:center;cursor:pointer;align-items:center;justify-content:center;flex-wrap:wrap}.textCancel{font-family:PingFangSC-Regular;font-size:13px;color:#2d2f33}.textSure{font-family:PingFangSC-Regular;font-size:13px;color:#fff}.f-navBe{background-color:#fff;height:100%}.f-navBe-header{display:flex;min-width:400px;width:100%;height:44px;align-items:center;border:1px solid #e5e9ef;background:#f9f9fc;position:absolute;top:0;z-index:2}.f-navBe-allData{flex:2;text-align:center;display:flex;justify-content:center;align-items:center}.f-navBe-allData-text{width:32px;height:44px;font-family:PingFangSC-Medium;font-size:16px;color:#2d2f33;font-weight:500;padding-top:12px;cursor:pointer}.f-navBe-allData-text-focus{width:32px;height:44px;color:#2a87ff;border-bottom:3px solid #00f;font-family:PingFangSC-Medium;font-size:16px;font-weight:500;padding-top:12px;cursor:pointer}.f-navBe-recent{flex:2;text-align:center;display:flex;justify-content:center;align-items:center}.f-navBe-recent-text{width:32px;height:44px;font-family:PingFangSC-Medium;font-size:16px;color:#2d2f33;font-weight:500;padding-top:12px;cursor:pointer}.f-navBe-recent-text-focus{width:32px;height:44px;color:#2a87ff;border-bottom:3px solid #00f;font-family:PingFangSC-Medium;font-size:16px;font-weight:500;padding-top:12px;cursor:pointer}.f-navBe-remainder{flex:12}.f-navBe-search{width:220px;height:26.6px;background:#fff;border-radius:6px;float:right;margin-right:40px}.f-navBe-content{width:100%;min-width:400px;overflow:scroll;height:calc(100% - 50px)}.f-navBe-content2{width:100%;min-width:400px;margin-top:44px;height:calc(100% - 130px);overflow:scroll}.f-navBe-content2-paging{position:absolute;bottom:55px;right:50px}.f-navBe-content-recent{width:100%;min-width:400px;margin-top:44px}.f-navBe-content-local{width:100%;min-width:400px}.f-navBe-recommandLabel{height:18px;font-family:PingFangSC-Regular;font-size:13px;color:#3d4c6b;font-weight:400;cursor:pointer}.f-navBe-localHeader,.f-navBe-recentHeader{height:32px;background:#fafaff;width:100%;display:flex;align-items:center;padding-left:10px;cursor:pointer;border:1px solid rgba(233,236,243,1)}.f-navBe-item{height:62px;padding:15px 0 8px 18px;border:1px solid #e5e9ef}.f-navBe-item:hover{background-color:#edf5fc!important;cursor:pointer}.f-navBe-item-active{height:62px;padding:15px 0 8px 18px;border:1px solid #e5e9ef;background-color:#edf5fc!important;cursor:pointer}.f-navBe-itemIcon{width:16px;height:16px;padding:1px;margin-right:6px;background-color:#dcf4e8;display:inline-block}.f-navBe-name{width:80%;height:18px;font-family:PingFangSC-Regular;font-size:13px;color:#2d2f33;font-weight:400;overflow:hidden;display:inline-block;vertical-align:top}.f-navBe-source{width:100%;height:17px;font-family:PingFangSC-Regular;font-size:12px;color:#949ba7;font-weight:400}"]}]}],"members":{"editorParams":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":13,"character":3}}]}],"closeModal":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":15,"character":3}}]}],"submitModal":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":17,"character":3}}]}],"modalFooter":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":18,"character":3},"arguments":["footer"]}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/core","name":"Injector","line":103,"character":21},{"__symbolic":"reference","module":"@farris/ui-notify","name":"NotifyService","line":104,"character":27}]}],"ngOnInit":[{"__symbolic":"method"}],"onPageChange":[{"__symbolic":"method"}],"getAllDataInfo":[{"__symbolic":"method"}],"getRecentDataInfo":[{"__symbolic":"method"}],"getRecommandDataInfo":[{"__symbolic":"method"}],"getFormData":[{"__symbolic":"method"}],"showRecommandData":[{"__symbolic":"method"}],"showAllData":[{"__symbolic":"method"}],"unfoldData":[{"__symbolic":"method"}],"handleSearchedValue":[{"__symbolic":"method"}],"checkValueExists":[{"__symbolic":"method"}],"onSearchValueChanged":[{"__symbolic":"method"}],"getBeDataItem":[{"__symbolic":"method"}],"clickConfirm":[{"__symbolic":"method"}],"onClear":[{"__symbolic":"method"}],"clickCancel":[{"__symbolic":"method"}],"foldInRecent":[{"__symbolic":"method"}],"foldInLocal":[{"__symbolic":"method"}],"getUniqueData":[{"__symbolic":"method"}],"reinvokeInterface":[{"__symbolic":"method"}]}},"AppNavigationBeModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":7,"character":1},"arguments":[{"declarations":[{"__symbolic":"reference","name":"AppNavigationBeComponent"}],"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":10,"character":4},{"__symbolic":"reference","module":"@farris/ui-input-group","name":"InputGroupModule","line":11,"character":4},{"__symbolic":"reference","module":"@angular/common/http","name":"HttpClientModule","line":12,"character":4},{"__symbolic":"reference","module":"@farris/ui-pagination","name":"PaginationModule","line":13,"character":4}],"exports":[{"__symbolic":"reference","name":"AppNavigationBeComponent"}]}]}],"members":{}}},"origins":{"AppNavigationBeComponent":"./lib/app-navigation-be.component","AppNavigationBeModule":"./lib/app-navigation-be.module"},"importAs":"@farris/app-navigation-be"} |
@@ -597,3 +597,3 @@ import { cloneDeep } from 'lodash-es'; | ||
| selector: 'farris-appNavigationBe', | ||
| template: "<div class=\"f-navBe\">\n <div class=\"f-navBe-header\">\n <div class=\"f-navBe-recent\" (click)=\"showRecommandData()\">\n <div [ngClass]=\"{'f-navBe-recent-text-focus':chooseRecommand,'f-navBe-recent-text':!chooseRecommand}\">\n \u63A8\u8350</div>\n </div>\n <div class=\"f-navBe-allData\" (click)=\"showAllData()\">\n <div [ngClass]=\"{'f-navBe-allData-text-focus':!chooseRecommand,'f-navBe-allData-text':chooseRecommand}\">\n \u5168\u90E8</div>\n </div>\n <div class=\"f-navBe-remainder\">\n <div class=\"f-navBe-search\">\n <input-group [groupText]=\"groupIcon\" [(value)]=\"searchValue\"\n (clickHandle)=\"onSearchValueChanged($event)\" (valueChange)=\"onSearchValueChanged($event)\"\n (clear)=\"onClear()\" placeholder=\"\u8BF7\u8F93\u5165\u540D\u79F0/\u7F16\u53F7\u641C\u7D22\" style=\"font-size:2px;\"></input-group>\n </div>\n </div>\n </div>\n <div class=\"f-navBe-content\" *ngIf=\"chooseRecommand && !noRecommandData\">\n <div class=\"f-navBe-content-recent\" *ngIf=\"chooseRecommand && !recentFoldIn\">\n <div class=\"f-navBe-recentHeader\" *ngIf=\"showRecent\" (click)=\"foldInRecent()\">\n <div *ngIf=\"foldRecent\" class=\"f-icon f-icon-arrow-60-right\"\n style=\"color:#6E7088;font-size:12px;margin:0px 7px 0 0;\"></div>\n <div *ngIf=\"!foldRecent\" class=\"f-icon f-icon-arrow-60-down\"\n style=\"color:#6E7088;font-size:12px;margin:0px 7px 0 0;\"></div>\n <div class=\"f-navBe-recommandLabel\">\u6700\u8FD1\u4F7F\u7528</div>\n </div>\n <ng-container *ngFor=\"let beDataItem of beData\">\n <ng-container *ngIf=\"!beDataItem.hide && beDataItem.category == 'recent'\">\n <div [ngClass]=\"{'f-navBe-item':!beDataItem.active,'f-navBe-item-active':beDataItem.active}\"\n (click)=\"getBeDataItem(beDataItem)\">\n <div class=\"f-navBe-itemIcon\">\n <div class=\"f-icon f-icon-window\"\n style=\"color:#2BA85E;font-size:13px; width: 12px;height: 12px;padding: 0px 0px 2px 1px;\">\n </div>\n </div>\n <div class=\"f-navBe-name\">{{beDataItem.name}} ({{beDataItem.label}})</div>\n <div class=\"f-navBe-source\">{{beDataItem.source}}</div>\n </div>\n </ng-container>\n </ng-container>\n </div>\n <div class=\"f-navBe-content-local\" *ngIf=\"chooseRecommand && !localFoldIn\">\n <div class=\"f-navBe-localHeader\" *ngIf=\"showLocal\" (click)=\"foldInLocal()\">\n <div *ngIf=\"foldLocal\" class=\"f-icon f-icon-arrow-60-right\"\n style=\"color:#6E7088;font-size:12px;margin:0px 7px 0 0;\"></div>\n <div *ngIf=\"!foldLocal\" class=\"f-icon f-icon-arrow-60-down\"\n style=\"color:#6E7088;font-size:12px;margin:0px 7px 0 0;\"></div>\n <div class=\"f-navBe-recommandLabel\">\u672C\u5730\u5143\u6570\u636E</div>\n </div>\n <ng-container *ngFor=\"let beDataItem of beData\">\n <ng-container *ngIf=\"!beDataItem.hide && beDataItem.category == 'local'\">\n <div [ngClass]=\"{'f-navBe-item':!beDataItem.active,'f-navBe-item-active':beDataItem.active}\"\n (click)=\"getBeDataItem(beDataItem)\">\n <div class=\"f-navBe-itemIcon\">\n <div class=\"f-icon f-icon-window\"\n style=\"color:#2BA85E;font-size:13px; width: 12px;height: 12px;padding: 0px 0px 2px 1px;\">\n </div>\n </div>\n <div class=\"f-navBe-name\">{{beDataItem.name}} ({{beDataItem.label}})</div>\n <div class=\"f-navBe-source\">{{beDataItem.source}}</div>\n </div>\n </ng-container>\n </ng-container>\n </div>\n </div>\n <!-- \u63A8\u8350\u6CA1\u6709\u6570\u636E\u65F6\u7684\u663E\u793A\u5185\u5BB9-->\n <div class=\"f-navBe-content1\"\n style=\"width: 100%; min-width: 400px; height: 50%; display: flex;justify-content: center;align-items: center;\"\n *ngIf=\"chooseRecommand && noRecommandData\">\n <div> \u672A\u67E5\u8BE2\u5230\u7B26\u5408\u6761\u4EF6\u7684\u6570\u636E </div>\n </div>\n <div class=\"f-navBe-content2\" *ngIf=\"!chooseRecommand && !noAllData\">\n <div *ngFor=\"let beDataItem of (supportPaging ? (beData | paginate: paginationOptions) : beData)\">\n <ng-container *ngIf=\"!beDataItem.hide\">\n <div [ngClass]=\"{'f-navBe-item':!beDataItem.active,'f-navBe-item-active':beDataItem.active}\"\n (click)=\"getBeDataItem(beDataItem)\">\n <div class=\"f-navBe-itemIcon\">\n <div class=\"f-icon f-icon-window\"\n style=\"color:#2BA85E;font-size:13px; width: 12px;height: 12px;padding: 0px 0px 2px 0px;\">\n </div>\n </div>\n <div class=\"f-navBe-name\">{{beDataItem.name}} ({{beDataItem.label}})</div>\n <div class=\"f-navBe-source\">{{beDataItem.source}}</div>\n </div>\n </ng-container>\n </div>\n <div *ngIf=\"supportPaging\" class=\"f-navBe-content2-paging\">\n <pagination-controls #pager [id]=\"paginationOptions?.id\" [maxSize]=\"pagerLabelSize\" [directionLinks]=\"true\"\n [autoHide]=\"false\" [responsive]=\"true\" [previousLabel]=\"' '\" [nextLabel]=\"' '\"\n [showPageInfo]=\"showPageInfo\" [showPageNumber]=\"showPageNumber\" [showPageList]=\"showPageList\"\n (pageChange)=\"onPageChange($event)\">\n </pagination-controls>\n </div>\n </div>\n <!-- \u5168\u90E8\u6CA1\u6709\u6570\u636E\u65F6\u7684\u663E\u793A\u5185\u5BB9-->\n <div class=\"f-navBe-content3\"\n style=\"width: 100%; min-width: 400px; height: 50%; display: flex; justify-content:center; align-items:center; \"\n *ngIf=\"!chooseRecommand && noAllData\">\n <div> \u672A\u67E5\u8BE2\u5230\u7B26\u5408\u6761\u4EF6\u7684\u6570\u636E </div>\n </div>\n</div>\n<!-- \u5E95\u90E8\u533A\u57DF -->\n<div class=\"f-page-bottom\">\n <div class=\"f-page-button\">\n <div class=\"f-page-cancel-btn\" (click)=\"clickCancel()\">\n <span class=\"textCancel\">\u53D6\u6D88</span>\n </div>\n <div class=\"f-page-sure-btn\" (click)=\"clickConfirm()\">\n <span class=\"textSure\">\u786E\u8BA4</span>\n </div>\n </div>\n</div>", | ||
| template: "<div class=\"f-navBe\">\n <div class=\"f-navBe-header\">\n <div class=\"f-navBe-recent\" (click)=\"showRecommandData()\">\n <div [ngClass]=\"{'f-navBe-recent-text-focus':chooseRecommand,'f-navBe-recent-text':!chooseRecommand}\">\n \u63A8\u8350</div>\n </div>\n <div class=\"f-navBe-allData\" (click)=\"showAllData()\">\n <div [ngClass]=\"{'f-navBe-allData-text-focus':!chooseRecommand,'f-navBe-allData-text':chooseRecommand}\">\n \u5168\u90E8</div>\n </div>\n <div class=\"f-navBe-remainder\">\n <div class=\"f-navBe-search\">\n <input-group [groupText]=\"groupIcon\" [(value)]=\"searchValue\"\n (clickHandle)=\"onSearchValueChanged($event)\" (valueChange)=\"onSearchValueChanged($event)\"\n (clear)=\"onClear()\" placeholder=\"\u8BF7\u8F93\u5165\u540D\u79F0/\u7F16\u53F7\u641C\u7D22\" style=\"font-size:2px;\"></input-group>\n </div>\n </div>\n </div>\n <div class=\"f-navBe-content\" *ngIf=\"chooseRecommand && !noRecommandData\">\n <div class=\"f-navBe-content-recent\" *ngIf=\"chooseRecommand && !recentFoldIn\">\n <div class=\"f-navBe-recentHeader\" *ngIf=\"showRecent\" (click)=\"foldInRecent()\">\n <div *ngIf=\"foldRecent\" class=\"f-icon f-icon-arrow-60-right\"\n style=\"color:#6E7088;font-size:12px;margin:0px 7px 0 0;\"></div>\n <div *ngIf=\"!foldRecent\" class=\"f-icon f-icon-arrow-60-down\"\n style=\"color:#6E7088;font-size:12px;margin:0px 7px 0 0;\"></div>\n <div class=\"f-navBe-recommandLabel\">\u6700\u8FD1\u4F7F\u7528</div>\n </div>\n <ng-container *ngFor=\"let beDataItem of beData\">\n <ng-container *ngIf=\"!beDataItem.hide && beDataItem.category == 'recent'\">\n <div [ngClass]=\"{'f-navBe-item':!beDataItem.active,'f-navBe-item-active':beDataItem.active}\"\n (click)=\"getBeDataItem(beDataItem)\">\n <div class=\"f-navBe-itemIcon\">\n <div class=\"f-icon f-icon-window\"\n style=\"color:#2BA85E;font-size:13px; width: 12px;height: 12px;padding: 0px 0px 2px 1px;\">\n </div>\n </div>\n <div class=\"f-navBe-name\">{{beDataItem.name}} ({{beDataItem.label}})</div>\n <div class=\"f-navBe-source\">{{beDataItem.source}}</div>\n </div>\n </ng-container>\n </ng-container>\n </div>\n <div class=\"f-navBe-content-local\" *ngIf=\"chooseRecommand && !localFoldIn\">\n <div class=\"f-navBe-localHeader\" *ngIf=\"showLocal\" (click)=\"foldInLocal()\">\n <div *ngIf=\"foldLocal\" class=\"f-icon f-icon-arrow-60-right\"\n style=\"color:#6E7088;font-size:12px;margin:0px 7px 0 0;\"></div>\n <div *ngIf=\"!foldLocal\" class=\"f-icon f-icon-arrow-60-down\"\n style=\"color:#6E7088;font-size:12px;margin:0px 7px 0 0;\"></div>\n <div class=\"f-navBe-recommandLabel\">\u672C\u5730\u5143\u6570\u636E</div>\n </div>\n <ng-container *ngFor=\"let beDataItem of beData\">\n <ng-container *ngIf=\"!beDataItem.hide && beDataItem.category == 'local'\">\n <div [ngClass]=\"{'f-navBe-item':!beDataItem.active,'f-navBe-item-active':beDataItem.active}\"\n (click)=\"getBeDataItem(beDataItem)\">\n <div class=\"f-navBe-itemIcon\">\n <div class=\"f-icon f-icon-window\"\n style=\"color:#2BA85E;font-size:13px; width: 12px;height: 12px;padding: 0px 0px 2px 1px;\">\n </div>\n </div>\n <div class=\"f-navBe-name\">{{beDataItem.name}} ({{beDataItem.label}})</div>\n <div class=\"f-navBe-source\">{{beDataItem.source}}</div>\n </div>\n </ng-container>\n </ng-container>\n </div>\n </div>\n <!-- \u63A8\u8350\u6CA1\u6709\u6570\u636E\u65F6\u7684\u663E\u793A\u5185\u5BB9-->\n <div class=\"f-navBe-content1\"\n style=\"width: 100%; min-width: 400px; height: 50%; display: flex;justify-content: center;align-items: center;\"\n *ngIf=\"chooseRecommand && noRecommandData\">\n <div> \u672A\u67E5\u8BE2\u5230\u7B26\u5408\u6761\u4EF6\u7684\u6570\u636E </div>\n </div>\n <div class=\"f-navBe-content2\" *ngIf=\"!chooseRecommand && !noAllData\">\n <div *ngFor=\"let beDataItem of (supportPaging ? (beData | paginate: paginationOptions) : beData)\">\n <ng-container *ngIf=\"!beDataItem.hide\">\n <div [ngClass]=\"{'f-navBe-item':!beDataItem.active,'f-navBe-item-active':beDataItem.active}\"\n (click)=\"getBeDataItem(beDataItem)\">\n <div class=\"f-navBe-itemIcon\">\n <div class=\"f-icon f-icon-window\"\n style=\"color:#2BA85E;font-size:13px; width: 12px;height: 12px;padding: 0px 0px 2px 0px;\">\n </div>\n </div>\n <div class=\"f-navBe-name\">{{beDataItem.name}} ({{beDataItem.label}})</div>\n <div class=\"f-navBe-source\">{{beDataItem.source}}</div>\n </div>\n </ng-container>\n </div>\n <div *ngIf=\"supportPaging\" class=\"f-navBe-content2-paging\">\n <pagination-controls #pager [id]=\"paginationOptions?.id\" [maxSize]=\"pagerLabelSize\" [directionLinks]=\"true\"\n [autoHide]=\"false\" [responsive]=\"true\" [previousLabel]=\"' '\" [nextLabel]=\"' '\"\n [showPageInfo]=\"showPageInfo\" [showPageNumber]=\"showPageNumber\" [showPageList]=\"showPageList\"\n (pageChange)=\"onPageChange($event)\">\n </pagination-controls>\n </div>\n </div>\n <!-- \u5168\u90E8\u6CA1\u6709\u6570\u636E\u65F6\u7684\u663E\u793A\u5185\u5BB9-->\n <div class=\"f-navBe-content3\"\n style=\"width: 100%; min-width: 400px; height: 50%; display: flex; justify-content:center; align-items:center; \"\n *ngIf=\"!chooseRecommand && noAllData\">\n <div> \u672A\u67E5\u8BE2\u5230\u7B26\u5408\u6761\u4EF6\u7684\u6570\u636E </div>\n </div>\n</div>\n<!-- \u5E95\u90E8\u533A\u57DF -->\n<div class=\"f-page-bottom\">\n <div class=\"f-page-button\">\n <div class=\"f-page-cancel-btn\" (click)=\"clickCancel()\">\n <span class=\"textCancel\">\u53D6\u6D88</span>\n </div>\n <div class=\"f-page-sure-btn\" (click)=\"clickConfirm()\">\n <span class=\"textSure\">\u786E\u5B9A</span>\n </div>\n </div>\n</div>", | ||
| styles: [":host{overflow:hidden;position:absolute;top:0;left:0;right:0;bottom:0}.f-page-bottom{margin-top:0;height:60px;width:100%;border:1px solid #dee1ea;background-color:#fff;z-index:2000;bottom:0;left:0;position:absolute;display:flex;justify-content:flex-end;align-items:center}.f-page-button{float:right;width:175px;display:flex}.f-page-cancel-btn{width:72px;height:32px;background:#fff;border:1px solid #d8dce6;box-shadow:0 1px 0 0 rgb(0 0 0 / 4%);border-radius:3px;margin-right:14px;text-align:center;cursor:pointer;display:flex;align-items:center;justify-content:center;flex-wrap:wrap}.f-page-sure-btn{width:72px;height:32px;display:flex;background:#2a87ff;border-radius:3px;text-align:center;cursor:pointer;align-items:center;justify-content:center;flex-wrap:wrap}.textCancel{font-family:PingFangSC-Regular;font-size:13px;color:#2d2f33}.textSure{font-family:PingFangSC-Regular;font-size:13px;color:#fff}.f-navBe{background-color:#fff;height:100%}.f-navBe-header{display:flex;min-width:400px;width:100%;height:44px;align-items:center;border:1px solid #e5e9ef;background:#f9f9fc;position:absolute;top:0;z-index:2}.f-navBe-allData{flex:2;text-align:center;display:flex;justify-content:center;align-items:center}.f-navBe-allData-text{width:32px;height:44px;font-family:PingFangSC-Medium;font-size:16px;color:#2d2f33;font-weight:500;padding-top:12px;cursor:pointer}.f-navBe-allData-text-focus{width:32px;height:44px;color:#2a87ff;border-bottom:3px solid #00f;font-family:PingFangSC-Medium;font-size:16px;font-weight:500;padding-top:12px;cursor:pointer}.f-navBe-recent{flex:2;text-align:center;display:flex;justify-content:center;align-items:center}.f-navBe-recent-text{width:32px;height:44px;font-family:PingFangSC-Medium;font-size:16px;color:#2d2f33;font-weight:500;padding-top:12px;cursor:pointer}.f-navBe-recent-text-focus{width:32px;height:44px;color:#2a87ff;border-bottom:3px solid #00f;font-family:PingFangSC-Medium;font-size:16px;font-weight:500;padding-top:12px;cursor:pointer}.f-navBe-remainder{flex:12}.f-navBe-search{width:220px;height:26.6px;background:#fff;border-radius:6px;float:right;margin-right:40px}.f-navBe-content{width:100%;min-width:400px;overflow:scroll;height:calc(100% - 50px)}.f-navBe-content2{width:100%;min-width:400px;margin-top:44px;height:calc(100% - 130px);overflow:scroll}.f-navBe-content2-paging{position:absolute;bottom:55px;right:50px}.f-navBe-content-recent{width:100%;min-width:400px;margin-top:44px}.f-navBe-content-local{width:100%;min-width:400px}.f-navBe-recommandLabel{height:18px;font-family:PingFangSC-Regular;font-size:13px;color:#3d4c6b;font-weight:400;cursor:pointer}.f-navBe-localHeader,.f-navBe-recentHeader{height:32px;background:#fafaff;width:100%;display:flex;align-items:center;padding-left:10px;cursor:pointer;border:1px solid rgba(233,236,243,1)}.f-navBe-item{height:62px;padding:15px 0 8px 18px;border:1px solid #e5e9ef}.f-navBe-item:hover{background-color:#edf5fc!important;cursor:pointer}.f-navBe-item-active{height:62px;padding:15px 0 8px 18px;border:1px solid #e5e9ef;background-color:#edf5fc!important;cursor:pointer}.f-navBe-itemIcon{width:16px;height:16px;padding:1px;margin-right:6px;background-color:#dcf4e8;display:inline-block}.f-navBe-name{width:80%;height:18px;font-family:PingFangSC-Regular;font-size:13px;color:#2d2f33;font-weight:400;overflow:hidden;display:inline-block;vertical-align:top}.f-navBe-source{width:100%;height:17px;font-family:PingFangSC-Regular;font-size:12px;color:#949ba7;font-weight:400}"] | ||
@@ -600,0 +600,0 @@ }] } |
@@ -718,3 +718,3 @@ import { cloneDeep } from 'lodash-es'; | ||
| selector: 'farris-appNavigationBe', | ||
| template: "<div class=\"f-navBe\">\n <div class=\"f-navBe-header\">\n <div class=\"f-navBe-recent\" (click)=\"showRecommandData()\">\n <div [ngClass]=\"{'f-navBe-recent-text-focus':chooseRecommand,'f-navBe-recent-text':!chooseRecommand}\">\n \u63A8\u8350</div>\n </div>\n <div class=\"f-navBe-allData\" (click)=\"showAllData()\">\n <div [ngClass]=\"{'f-navBe-allData-text-focus':!chooseRecommand,'f-navBe-allData-text':chooseRecommand}\">\n \u5168\u90E8</div>\n </div>\n <div class=\"f-navBe-remainder\">\n <div class=\"f-navBe-search\">\n <input-group [groupText]=\"groupIcon\" [(value)]=\"searchValue\"\n (clickHandle)=\"onSearchValueChanged($event)\" (valueChange)=\"onSearchValueChanged($event)\"\n (clear)=\"onClear()\" placeholder=\"\u8BF7\u8F93\u5165\u540D\u79F0/\u7F16\u53F7\u641C\u7D22\" style=\"font-size:2px;\"></input-group>\n </div>\n </div>\n </div>\n <div class=\"f-navBe-content\" *ngIf=\"chooseRecommand && !noRecommandData\">\n <div class=\"f-navBe-content-recent\" *ngIf=\"chooseRecommand && !recentFoldIn\">\n <div class=\"f-navBe-recentHeader\" *ngIf=\"showRecent\" (click)=\"foldInRecent()\">\n <div *ngIf=\"foldRecent\" class=\"f-icon f-icon-arrow-60-right\"\n style=\"color:#6E7088;font-size:12px;margin:0px 7px 0 0;\"></div>\n <div *ngIf=\"!foldRecent\" class=\"f-icon f-icon-arrow-60-down\"\n style=\"color:#6E7088;font-size:12px;margin:0px 7px 0 0;\"></div>\n <div class=\"f-navBe-recommandLabel\">\u6700\u8FD1\u4F7F\u7528</div>\n </div>\n <ng-container *ngFor=\"let beDataItem of beData\">\n <ng-container *ngIf=\"!beDataItem.hide && beDataItem.category == 'recent'\">\n <div [ngClass]=\"{'f-navBe-item':!beDataItem.active,'f-navBe-item-active':beDataItem.active}\"\n (click)=\"getBeDataItem(beDataItem)\">\n <div class=\"f-navBe-itemIcon\">\n <div class=\"f-icon f-icon-window\"\n style=\"color:#2BA85E;font-size:13px; width: 12px;height: 12px;padding: 0px 0px 2px 1px;\">\n </div>\n </div>\n <div class=\"f-navBe-name\">{{beDataItem.name}} ({{beDataItem.label}})</div>\n <div class=\"f-navBe-source\">{{beDataItem.source}}</div>\n </div>\n </ng-container>\n </ng-container>\n </div>\n <div class=\"f-navBe-content-local\" *ngIf=\"chooseRecommand && !localFoldIn\">\n <div class=\"f-navBe-localHeader\" *ngIf=\"showLocal\" (click)=\"foldInLocal()\">\n <div *ngIf=\"foldLocal\" class=\"f-icon f-icon-arrow-60-right\"\n style=\"color:#6E7088;font-size:12px;margin:0px 7px 0 0;\"></div>\n <div *ngIf=\"!foldLocal\" class=\"f-icon f-icon-arrow-60-down\"\n style=\"color:#6E7088;font-size:12px;margin:0px 7px 0 0;\"></div>\n <div class=\"f-navBe-recommandLabel\">\u672C\u5730\u5143\u6570\u636E</div>\n </div>\n <ng-container *ngFor=\"let beDataItem of beData\">\n <ng-container *ngIf=\"!beDataItem.hide && beDataItem.category == 'local'\">\n <div [ngClass]=\"{'f-navBe-item':!beDataItem.active,'f-navBe-item-active':beDataItem.active}\"\n (click)=\"getBeDataItem(beDataItem)\">\n <div class=\"f-navBe-itemIcon\">\n <div class=\"f-icon f-icon-window\"\n style=\"color:#2BA85E;font-size:13px; width: 12px;height: 12px;padding: 0px 0px 2px 1px;\">\n </div>\n </div>\n <div class=\"f-navBe-name\">{{beDataItem.name}} ({{beDataItem.label}})</div>\n <div class=\"f-navBe-source\">{{beDataItem.source}}</div>\n </div>\n </ng-container>\n </ng-container>\n </div>\n </div>\n <!-- \u63A8\u8350\u6CA1\u6709\u6570\u636E\u65F6\u7684\u663E\u793A\u5185\u5BB9-->\n <div class=\"f-navBe-content1\"\n style=\"width: 100%; min-width: 400px; height: 50%; display: flex;justify-content: center;align-items: center;\"\n *ngIf=\"chooseRecommand && noRecommandData\">\n <div> \u672A\u67E5\u8BE2\u5230\u7B26\u5408\u6761\u4EF6\u7684\u6570\u636E </div>\n </div>\n <div class=\"f-navBe-content2\" *ngIf=\"!chooseRecommand && !noAllData\">\n <div *ngFor=\"let beDataItem of (supportPaging ? (beData | paginate: paginationOptions) : beData)\">\n <ng-container *ngIf=\"!beDataItem.hide\">\n <div [ngClass]=\"{'f-navBe-item':!beDataItem.active,'f-navBe-item-active':beDataItem.active}\"\n (click)=\"getBeDataItem(beDataItem)\">\n <div class=\"f-navBe-itemIcon\">\n <div class=\"f-icon f-icon-window\"\n style=\"color:#2BA85E;font-size:13px; width: 12px;height: 12px;padding: 0px 0px 2px 0px;\">\n </div>\n </div>\n <div class=\"f-navBe-name\">{{beDataItem.name}} ({{beDataItem.label}})</div>\n <div class=\"f-navBe-source\">{{beDataItem.source}}</div>\n </div>\n </ng-container>\n </div>\n <div *ngIf=\"supportPaging\" class=\"f-navBe-content2-paging\">\n <pagination-controls #pager [id]=\"paginationOptions?.id\" [maxSize]=\"pagerLabelSize\" [directionLinks]=\"true\"\n [autoHide]=\"false\" [responsive]=\"true\" [previousLabel]=\"' '\" [nextLabel]=\"' '\"\n [showPageInfo]=\"showPageInfo\" [showPageNumber]=\"showPageNumber\" [showPageList]=\"showPageList\"\n (pageChange)=\"onPageChange($event)\">\n </pagination-controls>\n </div>\n </div>\n <!-- \u5168\u90E8\u6CA1\u6709\u6570\u636E\u65F6\u7684\u663E\u793A\u5185\u5BB9-->\n <div class=\"f-navBe-content3\"\n style=\"width: 100%; min-width: 400px; height: 50%; display: flex; justify-content:center; align-items:center; \"\n *ngIf=\"!chooseRecommand && noAllData\">\n <div> \u672A\u67E5\u8BE2\u5230\u7B26\u5408\u6761\u4EF6\u7684\u6570\u636E </div>\n </div>\n</div>\n<!-- \u5E95\u90E8\u533A\u57DF -->\n<div class=\"f-page-bottom\">\n <div class=\"f-page-button\">\n <div class=\"f-page-cancel-btn\" (click)=\"clickCancel()\">\n <span class=\"textCancel\">\u53D6\u6D88</span>\n </div>\n <div class=\"f-page-sure-btn\" (click)=\"clickConfirm()\">\n <span class=\"textSure\">\u786E\u8BA4</span>\n </div>\n </div>\n</div>", | ||
| template: "<div class=\"f-navBe\">\n <div class=\"f-navBe-header\">\n <div class=\"f-navBe-recent\" (click)=\"showRecommandData()\">\n <div [ngClass]=\"{'f-navBe-recent-text-focus':chooseRecommand,'f-navBe-recent-text':!chooseRecommand}\">\n \u63A8\u8350</div>\n </div>\n <div class=\"f-navBe-allData\" (click)=\"showAllData()\">\n <div [ngClass]=\"{'f-navBe-allData-text-focus':!chooseRecommand,'f-navBe-allData-text':chooseRecommand}\">\n \u5168\u90E8</div>\n </div>\n <div class=\"f-navBe-remainder\">\n <div class=\"f-navBe-search\">\n <input-group [groupText]=\"groupIcon\" [(value)]=\"searchValue\"\n (clickHandle)=\"onSearchValueChanged($event)\" (valueChange)=\"onSearchValueChanged($event)\"\n (clear)=\"onClear()\" placeholder=\"\u8BF7\u8F93\u5165\u540D\u79F0/\u7F16\u53F7\u641C\u7D22\" style=\"font-size:2px;\"></input-group>\n </div>\n </div>\n </div>\n <div class=\"f-navBe-content\" *ngIf=\"chooseRecommand && !noRecommandData\">\n <div class=\"f-navBe-content-recent\" *ngIf=\"chooseRecommand && !recentFoldIn\">\n <div class=\"f-navBe-recentHeader\" *ngIf=\"showRecent\" (click)=\"foldInRecent()\">\n <div *ngIf=\"foldRecent\" class=\"f-icon f-icon-arrow-60-right\"\n style=\"color:#6E7088;font-size:12px;margin:0px 7px 0 0;\"></div>\n <div *ngIf=\"!foldRecent\" class=\"f-icon f-icon-arrow-60-down\"\n style=\"color:#6E7088;font-size:12px;margin:0px 7px 0 0;\"></div>\n <div class=\"f-navBe-recommandLabel\">\u6700\u8FD1\u4F7F\u7528</div>\n </div>\n <ng-container *ngFor=\"let beDataItem of beData\">\n <ng-container *ngIf=\"!beDataItem.hide && beDataItem.category == 'recent'\">\n <div [ngClass]=\"{'f-navBe-item':!beDataItem.active,'f-navBe-item-active':beDataItem.active}\"\n (click)=\"getBeDataItem(beDataItem)\">\n <div class=\"f-navBe-itemIcon\">\n <div class=\"f-icon f-icon-window\"\n style=\"color:#2BA85E;font-size:13px; width: 12px;height: 12px;padding: 0px 0px 2px 1px;\">\n </div>\n </div>\n <div class=\"f-navBe-name\">{{beDataItem.name}} ({{beDataItem.label}})</div>\n <div class=\"f-navBe-source\">{{beDataItem.source}}</div>\n </div>\n </ng-container>\n </ng-container>\n </div>\n <div class=\"f-navBe-content-local\" *ngIf=\"chooseRecommand && !localFoldIn\">\n <div class=\"f-navBe-localHeader\" *ngIf=\"showLocal\" (click)=\"foldInLocal()\">\n <div *ngIf=\"foldLocal\" class=\"f-icon f-icon-arrow-60-right\"\n style=\"color:#6E7088;font-size:12px;margin:0px 7px 0 0;\"></div>\n <div *ngIf=\"!foldLocal\" class=\"f-icon f-icon-arrow-60-down\"\n style=\"color:#6E7088;font-size:12px;margin:0px 7px 0 0;\"></div>\n <div class=\"f-navBe-recommandLabel\">\u672C\u5730\u5143\u6570\u636E</div>\n </div>\n <ng-container *ngFor=\"let beDataItem of beData\">\n <ng-container *ngIf=\"!beDataItem.hide && beDataItem.category == 'local'\">\n <div [ngClass]=\"{'f-navBe-item':!beDataItem.active,'f-navBe-item-active':beDataItem.active}\"\n (click)=\"getBeDataItem(beDataItem)\">\n <div class=\"f-navBe-itemIcon\">\n <div class=\"f-icon f-icon-window\"\n style=\"color:#2BA85E;font-size:13px; width: 12px;height: 12px;padding: 0px 0px 2px 1px;\">\n </div>\n </div>\n <div class=\"f-navBe-name\">{{beDataItem.name}} ({{beDataItem.label}})</div>\n <div class=\"f-navBe-source\">{{beDataItem.source}}</div>\n </div>\n </ng-container>\n </ng-container>\n </div>\n </div>\n <!-- \u63A8\u8350\u6CA1\u6709\u6570\u636E\u65F6\u7684\u663E\u793A\u5185\u5BB9-->\n <div class=\"f-navBe-content1\"\n style=\"width: 100%; min-width: 400px; height: 50%; display: flex;justify-content: center;align-items: center;\"\n *ngIf=\"chooseRecommand && noRecommandData\">\n <div> \u672A\u67E5\u8BE2\u5230\u7B26\u5408\u6761\u4EF6\u7684\u6570\u636E </div>\n </div>\n <div class=\"f-navBe-content2\" *ngIf=\"!chooseRecommand && !noAllData\">\n <div *ngFor=\"let beDataItem of (supportPaging ? (beData | paginate: paginationOptions) : beData)\">\n <ng-container *ngIf=\"!beDataItem.hide\">\n <div [ngClass]=\"{'f-navBe-item':!beDataItem.active,'f-navBe-item-active':beDataItem.active}\"\n (click)=\"getBeDataItem(beDataItem)\">\n <div class=\"f-navBe-itemIcon\">\n <div class=\"f-icon f-icon-window\"\n style=\"color:#2BA85E;font-size:13px; width: 12px;height: 12px;padding: 0px 0px 2px 0px;\">\n </div>\n </div>\n <div class=\"f-navBe-name\">{{beDataItem.name}} ({{beDataItem.label}})</div>\n <div class=\"f-navBe-source\">{{beDataItem.source}}</div>\n </div>\n </ng-container>\n </div>\n <div *ngIf=\"supportPaging\" class=\"f-navBe-content2-paging\">\n <pagination-controls #pager [id]=\"paginationOptions?.id\" [maxSize]=\"pagerLabelSize\" [directionLinks]=\"true\"\n [autoHide]=\"false\" [responsive]=\"true\" [previousLabel]=\"' '\" [nextLabel]=\"' '\"\n [showPageInfo]=\"showPageInfo\" [showPageNumber]=\"showPageNumber\" [showPageList]=\"showPageList\"\n (pageChange)=\"onPageChange($event)\">\n </pagination-controls>\n </div>\n </div>\n <!-- \u5168\u90E8\u6CA1\u6709\u6570\u636E\u65F6\u7684\u663E\u793A\u5185\u5BB9-->\n <div class=\"f-navBe-content3\"\n style=\"width: 100%; min-width: 400px; height: 50%; display: flex; justify-content:center; align-items:center; \"\n *ngIf=\"!chooseRecommand && noAllData\">\n <div> \u672A\u67E5\u8BE2\u5230\u7B26\u5408\u6761\u4EF6\u7684\u6570\u636E </div>\n </div>\n</div>\n<!-- \u5E95\u90E8\u533A\u57DF -->\n<div class=\"f-page-bottom\">\n <div class=\"f-page-button\">\n <div class=\"f-page-cancel-btn\" (click)=\"clickCancel()\">\n <span class=\"textCancel\">\u53D6\u6D88</span>\n </div>\n <div class=\"f-page-sure-btn\" (click)=\"clickConfirm()\">\n <span class=\"textSure\">\u786E\u5B9A</span>\n </div>\n </div>\n</div>", | ||
| styles: [":host{overflow:hidden;position:absolute;top:0;left:0;right:0;bottom:0}.f-page-bottom{margin-top:0;height:60px;width:100%;border:1px solid #dee1ea;background-color:#fff;z-index:2000;bottom:0;left:0;position:absolute;display:flex;justify-content:flex-end;align-items:center}.f-page-button{float:right;width:175px;display:flex}.f-page-cancel-btn{width:72px;height:32px;background:#fff;border:1px solid #d8dce6;box-shadow:0 1px 0 0 rgb(0 0 0 / 4%);border-radius:3px;margin-right:14px;text-align:center;cursor:pointer;display:flex;align-items:center;justify-content:center;flex-wrap:wrap}.f-page-sure-btn{width:72px;height:32px;display:flex;background:#2a87ff;border-radius:3px;text-align:center;cursor:pointer;align-items:center;justify-content:center;flex-wrap:wrap}.textCancel{font-family:PingFangSC-Regular;font-size:13px;color:#2d2f33}.textSure{font-family:PingFangSC-Regular;font-size:13px;color:#fff}.f-navBe{background-color:#fff;height:100%}.f-navBe-header{display:flex;min-width:400px;width:100%;height:44px;align-items:center;border:1px solid #e5e9ef;background:#f9f9fc;position:absolute;top:0;z-index:2}.f-navBe-allData{flex:2;text-align:center;display:flex;justify-content:center;align-items:center}.f-navBe-allData-text{width:32px;height:44px;font-family:PingFangSC-Medium;font-size:16px;color:#2d2f33;font-weight:500;padding-top:12px;cursor:pointer}.f-navBe-allData-text-focus{width:32px;height:44px;color:#2a87ff;border-bottom:3px solid #00f;font-family:PingFangSC-Medium;font-size:16px;font-weight:500;padding-top:12px;cursor:pointer}.f-navBe-recent{flex:2;text-align:center;display:flex;justify-content:center;align-items:center}.f-navBe-recent-text{width:32px;height:44px;font-family:PingFangSC-Medium;font-size:16px;color:#2d2f33;font-weight:500;padding-top:12px;cursor:pointer}.f-navBe-recent-text-focus{width:32px;height:44px;color:#2a87ff;border-bottom:3px solid #00f;font-family:PingFangSC-Medium;font-size:16px;font-weight:500;padding-top:12px;cursor:pointer}.f-navBe-remainder{flex:12}.f-navBe-search{width:220px;height:26.6px;background:#fff;border-radius:6px;float:right;margin-right:40px}.f-navBe-content{width:100%;min-width:400px;overflow:scroll;height:calc(100% - 50px)}.f-navBe-content2{width:100%;min-width:400px;margin-top:44px;height:calc(100% - 130px);overflow:scroll}.f-navBe-content2-paging{position:absolute;bottom:55px;right:50px}.f-navBe-content-recent{width:100%;min-width:400px;margin-top:44px}.f-navBe-content-local{width:100%;min-width:400px}.f-navBe-recommandLabel{height:18px;font-family:PingFangSC-Regular;font-size:13px;color:#3d4c6b;font-weight:400;cursor:pointer}.f-navBe-localHeader,.f-navBe-recentHeader{height:32px;background:#fafaff;width:100%;display:flex;align-items:center;padding-left:10px;cursor:pointer;border:1px solid rgba(233,236,243,1)}.f-navBe-item{height:62px;padding:15px 0 8px 18px;border:1px solid #e5e9ef}.f-navBe-item:hover{background-color:#edf5fc!important;cursor:pointer}.f-navBe-item-active{height:62px;padding:15px 0 8px 18px;border:1px solid #e5e9ef;background-color:#edf5fc!important;cursor:pointer}.f-navBe-itemIcon{width:16px;height:16px;padding:1px;margin-right:6px;background-color:#dcf4e8;display:inline-block}.f-navBe-name{width:80%;height:18px;font-family:PingFangSC-Regular;font-size:13px;color:#2d2f33;font-weight:400;overflow:hidden;display:inline-block;vertical-align:top}.f-navBe-source{width:100%;height:17px;font-family:PingFangSC-Regular;font-size:12px;color:#949ba7;font-weight:400}"] | ||
@@ -721,0 +721,0 @@ }] } |
| { | ||
| "name": "@farris/app-navigation-be", | ||
| "version": "0.0.11", | ||
| "version": "0.0.12", | ||
| "publishConfig": { | ||
@@ -5,0 +5,0 @@ "access": "public", |
@@ -21,2 +21,5 @@ ## 0.0.2 | ||
| ## 0.0.11 | ||
| 1. 支持零代码，支持低代码最近接口 | ||
| 1. 支持零代码，支持低代码最近接口 | ||
| ## 0.0.12 | ||
| 1. 修改按钮名称 |
Sorry, the diff of this file is too big to display
Sorry, the diff of this file is too big to display
New alerts
Long strings
Supply chain riskContains long string literals, which may be a sign of obfuscated or packed code.
Found 1 instance in 1 package
Fixed alerts
Long strings
Supply chain riskContains long string literals, which may be a sign of obfuscated or packed code.
Found 1 instance in 1 package
Improved metrics
- Total package byte prevSize
- increased by0.01%
410821
- Number of lines in readme file
- increased by14.29%
24
No dependency changes