Elcommon.js 3.5 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126
  1. MWF.xApplication.process.FormDesigner.Module = MWF.xApplication.process.FormDesigner.Module || {};
  2. MWF.xDesktop.requireApp("process.FormDesigner", "Module.$ElElement", null, false);
  3. MWF.xApplication.process.FormDesigner.Module.Elcommon = MWF.FCElcommon = new Class({
  4. Extends: MWF.FC$ElElement,
  5. Implements: [Options, Events],
  6. options: {
  7. "style": "default",
  8. "propertyPath": "../x_component_process_FormDesigner/Module/Elcommon/elcommon.html"
  9. },
  10. _initModuleType: function(){
  11. this.className = "Elcommon";
  12. this.moduleType = "element";
  13. this.moduleName = "elcommon";
  14. },
  15. _createMoveNode: function(){
  16. this.moveNode = new Element("div", {
  17. "MWFType": this.moduleName,
  18. "id": this.json.id,
  19. "styles": this.css.moduleNodeMove,
  20. "events": {
  21. "selectstart": function(){
  22. return false;
  23. }
  24. }
  25. }).inject(this.form.container);
  26. },
  27. // _createVueAppNode: function(){
  28. // this.node = new Element("div.o2_vue", {
  29. // "MWFType": this.moduleName,
  30. // "id": this.json.id,
  31. // "styles": this.css.moduleNode,
  32. // "events": {
  33. // "selectstart": function(){
  34. // return false;
  35. // }
  36. // }
  37. // });
  38. // },
  39. // _afterMounted: function(el, callback){
  40. // this.node = el;
  41. // this.node.store("module", this);
  42. // this._loadVueCss();
  43. // if (callback) callback();
  44. // this._createIconNode();
  45. // },
  46. //
  47. // _createIconNode: function(){
  48. // this.iconNode = new Element("div", {
  49. // "styles": this.css.iconNode
  50. // }).inject(this.node, "top");
  51. // new Element("div", {
  52. // "styles": this.css.iconNodeIcon
  53. // }).inject(this.iconNode);
  54. // new Element("div", {
  55. // "styles": this.css.iconNodeText,
  56. // "text": "refresh"
  57. // }).inject(this.iconNode);
  58. //
  59. // this.iconNode.addEvent("click", function(){
  60. // this.resetElement();
  61. // }.bind(this));
  62. // },
  63. // getIconPosition: function(){
  64. // var p = this.node.getPosition(this.node.getOffsetParent());
  65. // var size = this.node.getSize();
  66. // var iconSize = this.iconNode.getSize();
  67. //
  68. // return {"x": p.x+size.x-iconSize.x-1, "y": p.y+1};
  69. // },
  70. // reloadElcommon: function(){
  71. // this.resetElement();
  72. // this._createIconNode();
  73. // var p = this.getIconPosition();
  74. // this.iconNode.setStyles({
  75. // "float": "right",
  76. // "margin-top": "0px",
  77. // "position": "absolute",
  78. // "top": p.y,
  79. // "left": p.x-18
  80. // });
  81. // },
  82. // _initModule: function(){
  83. // if (!this.json.isSaved) this.setStyleTemplate();
  84. // //this._resetVueModuleDomNode(function(){
  85. // this._setNodeProperty();
  86. // if (!this.form.isSubform) this._createIconAction();
  87. // this._setNodeEvent();
  88. // //this.selected(true);
  89. // //}.bind(this));
  90. // this.json.isSaved = true;
  91. // },
  92. _createElementHtml: function(){
  93. //if (this.styleNode) this.styleNode.destroy();
  94. var html = this.json.vueTemplate || "";
  95. return html;
  96. },
  97. _createCopyNode: function(){
  98. this.copyNode = new Element("div", {
  99. "styles": this.css.moduleNodeShow
  100. });
  101. this.copyNode.addEvent("selectstart", function(){
  102. return false;
  103. });
  104. },
  105. _getCopyNode: function(){
  106. if (!this.copyNode) this._createCopyNode();
  107. this.copyNode.setStyle("display", "inline-block");
  108. return this.copyNode;
  109. },
  110. setPropertyName: function(){},
  111. setPropertyId: function(){}
  112. // _loadVueCss: function(){
  113. // if (this.json.vueCss && this.json.vueCss.code){
  114. // this.styleNode = this.node.loadCssText(this.json.vueCss.code, {"notInject": true});
  115. // this.styleNode.inject(this.node, "top");
  116. // }
  117. // },
  118. // _afterMounted: function(el, callback){
  119. // this.node = el;
  120. // this.node.store("module", this);
  121. // this._loadVueCss();
  122. // if (callback) callback();
  123. // }
  124. });