kre-form/dist/@kre-form/abc/src/lib/data-flow/kre-form-abc-src-lib-data-flow.metadata.json

本项目由 Angular8+ 编写的表单设计器和表单应用，所有的配置都是 JSON 结构体组成,PC 端是基于 ANT 组件库封装

{"__symbolic":"module","version":4,"metadata":{"DataFlowComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":13,"character":1},"arguments":[{"selector":"data-flow","template":"<div class=\"wrap\">\n  <div class=\"main\">\n    <div class=\"edit-container\">\n      <div id=\"container\">\n        <div id=\"stencil\"></div>\n        <div class=\"graph-wrap\">\n          <div class=\"toolbar-wrap\">\n            <span (click)=\"handleZoomIn()\" class=\"toolbar-btn\">+</span>\n            <span class=\"number\">{{ graph.zoom() | percent }}</span>\n            <span (click)=\"handleZoomOut()\" class=\"toolbar-btn\">-</span>\n            <span class=\"line\">|</span>\n            <span\n              (click)=\"handleUndo()\"\n              [ngClass]=\"{ on: graph.history.canUndo() }\"\n              class=\"toolbar-btn-off\"\n              >&lt;</span\n            >\n            <span\n              (click)=\"handleRedo()\"\n              [ngClass]=\"{ on: graph.history.canRedo() }\"\n              class=\"toolbar-btn-off\"\n              >&gt;</span\n            >\n\n            <span (click)=\"handleReal()\">实际尺寸</span>\n            <span (click)=\"handleFit()\">适应画布</span>\n          </div>\n          <div id=\"graph-container\"></div>\n          <div id=\"minimap\"></div>\n        </div>\n      </div>\n    </div>\n    <div class=\"board\"></div>\n  </div>\n</div>\n","styles":[":host #stencil{width:180px;height:100%;position:relative}:host .graph-wrap{width:calc(100% - 180px)}:host .graph-wrap .toolbar-wrap{height:42px;line-height:42px}:host .graph-wrap .toolbar-wrap span{color:#111;margin:0 10px}:host .graph-wrap .toolbar-wrap .number{display:inline-block;width:42px}:host .graph-wrap .toolbar-wrap .line{color:#eee}:host .graph-wrap .toolbar-wrap .toolbar-btn{cursor:pointer;font-weight:700;padding:0 10px}:host .graph-wrap .toolbar-wrap .toolbar-btn-off{font-weight:700;padding:0 10px;cursor:default;color:#eee}:host .graph-wrap .toolbar-wrap .on{cursor:pointer;color:#111}:host .graph-wrap #graph-container{width:100%;height:100%}:host .graph-wrap #minimap{position:absolute;right:1rem;top:1rem;background-color:#bc8f8f}:host #container{display:flex;height:500px}:host ::ng-deep .x6-widget-stencil-title{display:none}:host ::ng-deep .x6-widget-stencil.collapsable>.x6-widget-stencil-content{top:0}"]}]}],"members":{"menuList":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":19,"character":3}}]}],"drawerEvent":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":20,"character":3}}]}],"modalEvent":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":21,"character":3}}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"ng-zorro-antd/message","name":"NzMessageService","line":53,"character":31}]}],"ngOnInit":[{"__symbolic":"method"}],"grahpInit":[{"__symbolic":"method"}],"graphEvent":[{"__symbolic":"method"}],"getHistoryGrahp":[{"__symbolic":"method"}],"getModal":[{"__symbolic":"method"}],"getDrawer":[{"__symbolic":"method"}],"graphShape":[{"__symbolic":"method"}],"handleZoomIn":[{"__symbolic":"method"}],"handleZoomOut":[{"__symbolic":"method"}],"handleUndo":[{"__symbolic":"method"}],"handleRedo":[{"__symbolic":"method"}],"handleReal":[{"__symbolic":"method"}],"handleFit":[{"__symbolic":"method"}]}},"DataFlowModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":5,"character":1},"arguments":[{"declarations":[{"__symbolic":"reference","name":"DataFlowComponent"}],"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":7,"character":12}],"exports":[{"__symbolic":"reference","name":"DataFlowComponent"}],"entryComponents":[{"__symbolic":"reference","name":"DataFlowComponent"}]}]}],"members":{}}},"origins":{"DataFlowComponent":"./data-flow.component","DataFlowModule":"./data-flow.module"},"importAs":"@kre-form/abc/src/lib/data-flow"}