MWF.require("MWF.widget.Common", null, false);
/** @classdesc $Module 组件类，此类为所有组件的父类。
* @class
* @o2category FormComponents
* @hideconstructor
* */
MWF.xApplication.process.Xform.$Module = MWF.APP$Module = new Class(
/** @lends MWF.xApplication.process.Xform.$Module# */
{
Implements: [Events],
options: {
/**
* 组件加载前触发。queryLoad执行的时候，当前组件没有在form里注册，通过this.form.get("fieldId")不能获取到当前组件，需要用this.target获取。
* @event MWF.xApplication.process.Xform.$Module#queryLoad
* @see {@link https://www.yuque.com/o2oa/ixsnyt/hm5uft#i0zTS|组件事件说明}
*/
/**
* 组件加载后触发.
* @event MWF.xApplication.process.Xform.$Module#postLoad
* @see {@link https://www.yuque.com/o2oa/ixsnyt/hm5uft#i0zTS|组件事件说明}
*/
/**
* 组件加载后触发.
* @event MWF.xApplication.process.Xform.$Module#load
* @see {@link https://www.yuque.com/o2oa/ixsnyt/hm5uft#i0zTS|组件事件说明}
*/
"moduleEvents": ["load", "queryLoad", "postLoad"]
},
initialize: function(node, json, form, options){
/**
* @summary 组件的节点，mootools封装过的Dom对象，可以直接使用原生的js和moootools方法访问和操作该对象。
* @see https://mootools.net/core/docs/1.6.0/Element/Element
* @member {Element}
* @example
* //可以在脚本中获取该组件
* var field = this.form.get("fieldId"); //获取组件对象
* field.node.setStyle("font-size","12px"); //给节点设置样式
*/
this.node = $(node);
this.node.store("module", this);
/**
* @summary 组件的配置信息，比如id,类型,是否只读等等。可以在组件的queryLoad事件里修改该配置来对组件做一些改变。
* @member {JsonObject}
* @example
* //可以在脚本中获取该组件
* var json = this.form.get("fieldId").json; //获取组件对象
* var id = json.id; //获取组件的id
* var type = json.type; //获取组件的类型，如Textfield 为文本输入组件，Select为下拉组件
*
* //在组件queryLoad事件里设置组件只读。
* //当前组件的queryLoad事件运行时还没有在form里注册，通过this.form.get("fieldId")不能获取到当前组件，需要用this.target获取。
* var json = this.target.json;
* json.isReadonly = true; //设置组件为只读。
*/
this.json = json;
/**
* @summary 组件的所在表单对象.
* @member {MWF.xApplication.process.Xform.Form}
* @example
* var form = this.form.get("fieldId").form; //获取组件所在表单对象
* var container = form.container; //获取表单容器
*/
this.form = form;
/**
* 当前组件在数据表格或者数据模板中时，可以通过此属性获取所在行（条目）对象.
* @member {MWF.xApplication.process.Xform.Datatemplate.Line|MWF.xApplication.process.Xform.DatatablePC.Line|MWF.xApplication.process.Xform.DatatableMobile.Line}
* @example
* //获取当前组件所在数据模板/数据表格的行（条目）对象
* var line = this.target.parentLine;
* //获取当前字段所在行下标
* var index = line.getIndex();
* //获取当前字段所在条目的subject字段的值
* var data = line.getModule("subject").getData();
* //设置当前字段所在条目的subject字段的值
* line.getModule("subject").setData("test1");
*/
this.parentLine = null;
},
/**
* @summary 根据组件的校验设置进行校验。
* @param {String} [routeName] - 可选，路由名称.
* @example
* if( !this.form.get('fieldId').validate() ){
* return false;
* }
* @return {Boolean} 是否通过校验
*/
validate: function (routeName, opinion) {
if( this.validationMode )this.validationMode();
if( this.validation ){
return this.validation(routeName, opinion);
}else{
return true;
}
},
validation: function (routeName, opinion) {
if (!this.isReadonly() && this.json.showMode!=="disabled" && !this.node?.isDisplayNone()){
if (this.getInputData){
this._setBusinessData(this.getInputData("change"));
}
if (this.node.checkValidity){
if (!this.node.checkValidity()) return false;
}
if (this.validationFormat){
if (!this.validationFormat()) return false;
}
if (!this.validationConfig(routeName, opinion)) return false;
if (!this.json.validation) return true;
if (!this.json.validation.code) return true;
this.currentRouteName = routeName;
var flag = this.form.Macro.exec(this.json.validation.code, this);
this.currentRouteName = "";
if (!flag) flag = MWF.xApplication.process.Xform.LP.notValidation;
if (flag.toString() !== "true") {
this.notValidationMode(flag);
return false;
}
}
return true;
},
saveValidation: function () {
return true;
},
/**
* 当前组件在数据源组件中时，可以通过此方法获取所在的上级数据源/子数据源/子数项组件.
* @param {String} [type] 需要获取的类型，"source"为表示数据源,"subSource"表示子数据源,"subSourceItem"表示子数据项组件。
* 如果该参数省略，则获取离当前组件最近的上述组件。
* @return {Source|SubSource|SubSourceItem}。
* @example
* var source = this.target.getSource(); //获取当前组件的所在子上级数据源/子数据源/子数项组件.
* var data = source.data; //获取数据
*
* var source = this.form.get("fieldId").getSource("source"); //获取数据源组件
* var data = source.data; //获取数据
*/
getSource: function( type ){
if( type ){
var parent = this.node.getParent();
while(parent && parent.get("MWFtype")!= type ){
parent = parent.getParent();
}
return (parent) ? parent.retrieve("module") : null;
}else{
return this._getSource();
}
},
_getSource: function(){
var parent = this.node.getParent();
while(parent && (
parent.get("MWFtype")!="source" &&
parent.get("MWFtype")!="subSource" &&
parent.get("MWFtype")!="subSourceItem"
)) parent = parent.getParent();
return (parent) ? parent.retrieve("module") : null;
},
/**
* 获取当前组件所在的祖先组件.
* @param {String} [type] 需要获取的组件类型。
* 如果该参数省略，则获取离当前组件最近的祖先组件。type有效值如下：
* <div>form- 表单</div>
* <div>common- 通用组件</div>
* <div>datatable- 数据表格</div>
* <div>datatableline- 数据表格行</div>
* <div>datatemplate- 数据模板</div>
* <div>datatemplateline- 数据模板行</div>
* <div>div- 容器组件</div>
* <div>elcommon- Element通用组件</div>
* <div>elcontainer- Element容器组件</div>
* <div>subform- 子表单</div>
* <div>source- 数据源组件</div>
* <div>subsource- 子数据源</div>
* <div>subsourceitem- 子数据项组件</div>
* <div>tab- 分页组件</div>
* <div>tabpage- 分页组件的某个分页</div>
* <div>table- 表格</div>
* <div>tabletd- 单元格</div>
* <div>widget- 部件</div>
* @param {Function} [validateFunction] 进一步校验，参数为获取到匹配到类型的组件，返回false继续往上取对应类型的组件，返回true返回该组件。
* @return {MWF.xApplication.process.Xform.$Module}。
* @example
* var module = this.target.getParentModule(); //获取最近的祖先。
*
* var datatemplateLine = this.target.getParentModule("datatemplateline"); //获取当前组件所在的数据模板行.
*
* var module = this.target.getParentModule(null, function(module){
* return module.json.id === "div_1";
* }); //获取当前组件id为div_1的父组件。
*/
getParentModule: function( type, validateFunction ){
var lcType = ( type || "" ).toLowerCase();
if( lcType === "form" )return this.form;
var module, vm;
var parent;
if( ["datatableline","datatemplateline", "tabpage", "tab", "widget", "table"].contains( lcType ) ){
parent = this.node;
}else{
parent = this.node.getParent();
}
while(parent) {
module = null;
vm = null;
var MWFtype = parent.get("MWFtype");
if( MWFtype ){
module = parent.retrieve("module");
if( module ){
switch (lcType) {
case "":
vm = module;
break;
case "table":
if( module.table )vm = module.table;
break;
case "widget":
if( module.widget )vm = module.widget;
break;
case "tab":
if( module.tab )vm = module.tab;
break;
case "tabpage":
if( module.page && module.tab )vm = module.page;
break;
case "datatableline":
if( module.parentLine && module.parentDatatable )vm = module.parentLine;
break;
case "datatemplateline":
if( module.parentLine && module.parentDatatemplate )vm = module.parentLine;
break;
case "subsourceitem":
if( MWFtype.toLowerCase() === "subsourceitem" )vm = module;
break;
case "tabletd":
if( module.json.type === "Table$Td" )vm = module;
break;
default:
if( module.json.type.toLowerCase() === lcType )vm = module;
break;
}
}
if( vm ){
if( !validateFunction ){
return vm;
}else if( validateFunction && validateFunction.call(this.form.Macro, vm) ){
return vm;
}
}
parent = parent.getParent();
}else{
parent = parent.getParent();
}
}
return null;
},
isReadonly : function(){
return !!(!this.isEditable || this.readonly || this.json.isReadonly || this.form.json.isReadonly || this.json.showMode==="read" || this.isSectionMergeRead());
},
isAllSectionShow: function(){
return this.json.showAllSection && this.json.section === "yes" && this.isSectionData();
},
isSectionMergeRead: function(){
return this.json.sectionMerge === "read" && this.json.section !== "yes" && this.isSectionData()
},
isSectionMergeEdit: function(){
return this.json.sectionMerge === "edit" && this.json.section !== "yes" && this.isSectionData()
},
isSectionData: function(){ //数据是否经过区段处理
var data = this.getBusinessDataById();
return o2.typeOf( data ) === "object";
},
getSortedSectionData: function(){ //获取合并排序后的数据
var data = this.getBusinessDataById();
var array = [];
for( var key in data ){
array.push({
sectionKey: key,
key: key,
data: data[key]
})
}
if( this.json.sectionMergeSortScript && this.json.sectionMergeSortScript.code){
array.sort( function(a, b){
this.form.Macro.environment.event = {
"a": a,
"b": b
};
var flag = this.form.Macro.exec(this.json.sectionMergeSortScript.code, this);
this.form.Macro.environment.event = null;
return flag;
}.bind(this))
}
return array;
},
//区段合并的区段值
_getMergeSectionKey: function( data ){
switch (this.json.sectionKey){
case "person":
return layout.desktop.session.user.id;
case "unit":
return (this.form.businessData.task) ? (this.form.businessData.task.unitDn || this.form.businessData.task.unit) : "";
case "activity":
return (this.form.businessData.work) ? this.form.businessData.work.activity : "";
case "splitValue":
return (this.form.businessData.work) ? this.form.businessData.work.splitValue : "";
case "script":
var d;
if( this.json.sectionKeyScript && this.json.sectionKeyScript.code){
this.form.Macro.environment.event = data;
d = this.form.Macro.exec(this.json.sectionKeyScript.code, this);
this.form.Macro.environment.event = null;
}else{
d = "";
}
return d;
default:
return "";
}
},
getSectionKeyWithMerge: function(data, callback){
switch (this.json.sectionKey) {
case "person":
if( !this.form.sectionKeyPersonMap )this.form.sectionKeyPersonMap = {};
if( this.form.sectionKeyPersonMap[data.key] ){
callback(this.form.sectionKeyPersonMap[data.key]);
return;
}
//只获取一次。把callback存起来，等异步调用完成后一次性执行callback
if( !this.form.sectionKeyCallbackMap )this.form.sectionKeyCallbackMap = {};
var map = this.form.sectionKeyCallbackMap;
if( !map[ data.key ] )map[ data.key ] = [];
if( !map[ data.key ].length ){
Promise.resolve( o2.Actions.load("x_organization_assemble_express").PersonAction.listObject({
"personList": [data.key]
})).then(function(json){
var key = json.data.length ? json.data[0].name : data.key;
this.form.sectionKeyPersonMap[data.key] = key;
while( map[ data.key ].length ){
map[ data.key ].shift()( key );
}
}.bind(this));
}
map[ data.key ].push( callback );
break;
case "unit":
callback( data.key.split("@")[0] );
break;
case "activity":
case "splitValue":
callback( data.key );
break;
case "script":
var d;
if( this.json.sectionKeyScript && this.json.sectionKeyScript.code){
this.form.Macro.environment.event = data;
d = this.form.Macro.exec(this.json.sectionKeyScript.code, this);
this.form.Macro.environment.event = null;
}else{
d = "";
}
callback( d );
break;
}
},
_loadMergeReadNode: function(keepHtml, position) {
if( this.json.type.startsWith('OO')){
var node = new Element('div', {
styles: this.form.css.mergedReadOOModule
}).inject(this.node, 'before');
this.node.destroy();
this.node = node;
this.node.setStyles( this._parseStyles( this.json.styles ) );
this.node.setStyles( this._parseStyles( this.json.recoveryStyles ) );
}
if (!keepHtml) {
this.node.empty();
this.node.set({
"nodeId": this.json.id,
"MWFType": this.json.type
});
}
var contentNode;
if( this.json.type.startsWith('OO')){
var labelNode = new Element('div', {
text: this.json.label || '',
styles: this.form.css.mergedReadOOModuleLabel
}).inject(this.node);
contentNode = new Element('div',
{ styles: this.form.css.mergedReadOOModuleContent }
).inject(this.node);
var styleText, properties = this.json.properties;
if( properties['label-Align'] || properties['label-align'] ){
styleText = labelNode.getAttribute('style');
labelNode.setAttribute( 'style', styleText + ";" + (properties['label-Align'] || properties['label-align']) );
}
if( properties['label-style'] ){
styleText = labelNode.getAttribute('style');
labelNode.setAttribute('style', styleText + ";" + properties['label-style']);
}
if( properties['view-style'] ){
styleText = contentNode.getAttribute('style');
contentNode.setAttribute('style', styleText + ";" + properties['view-style']);
}
}
switch (this.json.mergeTypeRead) {
case "htmlScript":
this._loadMergeReadNodeByHtml(contentNode);
break;
case "dataScript":
this._loadMergeReadNodeByData(contentNode);
break;
default:
this._loadMergeReadNodeByDefault(position, contentNode);
break;
}
},
_loadMergeReadNodeByHtml: function(content){
if (this.json.sectionMergeReadHtmlScript && this.json.sectionMergeReadHtmlScript.code) {
var html = this.form.Macro.exec(this.json.sectionMergeReadHtmlScript.code, this);
(content || this.node).set("html", html);
}
},
_loadMergeReadNodeByData: function(){
if (this.json.sectionMergeReadDataScript && this.json.sectionMergeReadDataScript.code) {
var data = this.form.Macro.exec(this.json.sectionMergeReadDataScript.code, this);
}
},
_loadMergeReadNodeByDefault: function( position, content ){
var data = this.getSortedSectionData();
var sectionNodeStyles = this._parseStyles(this.json.sectionNodeStyles);
var sectionKeyStyles = this._parseStyles(this.json.sectionKeyStyles);
var sectionContentStyles = this._parseStyles(this.json.sectionContentStyles);
data.each(function(d){
var node = new Element("div.mwf_sectionnode", {
styles : sectionNodeStyles
}).inject(content || this.node, position || "bottom");
if( this.json.showSectionKey ){
var keyNode = new Element("div.mwf_sectionkey", {
styles : sectionKeyStyles
}).inject(node);
this.getSectionKeyWithMerge( d, function (key) {
if( o2.typeOf(key) === "string" ){
keyNode.set("text", key + (this.json.keyContentSeparator || ""));
}else{
Promise.resolve(key).then(function (k) {
keyNode.set("text", k + (this.json.keyContentSeparator || ""));
}.bind(this))
}
}.bind(this));
}
var contentNode = new Element("div.mwf_sectioncontent", {
styles : sectionContentStyles
}).inject(node);
this._loadMergeReadContentNode( contentNode, d )
}.bind(this))
},
_loadMergeReadContentNode: function( contentNode, data ){
contentNode.set("text", data.data)
},
_loadMergeEditNode: function(){
if( this.json.mergeTypeEdit === "script" ){
this._loadMergeEditNodeByScript();
}else{
this._loadMergeEditNodeByDefault();
}
},
_loadMergeEditNodeByScript: function(){
if (this.json.sectionMergeEditScript && this.json.sectionMergeEditScript.code) {
var data = this.form.Macro.exec(this.json.sectionMergeEditScript.code, this);
this._setBusinessData( data );
this._loadNode();
}
},
_loadMergeEditNodeByDefault: function(){
var data = this.getSortedSectionData();
data = data.map(function(d){ return d.data; });
this._setBusinessData( data.join("") );
this._loadNode();
},
/**
* @summary 隐藏组件.
* @example
* this.form.get("fieldId").hide(); //隐藏组件
*/
hide: function(){
var dsp = this.node.getStyle("display");
if (dsp!=="none") this.node.store("mwf_display", dsp);
this.node.setStyle("display", "none");
if (this.iconNode) this.iconNode.setStyle("display", "none");
},
/**
* @summary 显示组件.
* @example
* this.form.get("fieldId").show(); //显示组件
*/
show: function(){
var dsp = this.node.retrieve("mwf_display", "block");
this.node.setStyle("display", dsp);
if (this.iconNode) this.iconNode.setStyle("display", "block");
},
load: function(){
this._loadModuleEvents();
if (this.fireEvent("queryLoad")){
this._queryLoaded();
this._loadUserInterface();
this._loadStyles();
this._loadDomEvents();
//this._loadEvents();
this._afterLoaded();
this.fireEvent("postLoad");
if( this.moduleSelectAG && typeOf(this.moduleSelectAG.then) === "function" ){
this.moduleSelectAG.then(function () {
this.fireEvent("load");
this.isLoaded = true;
}.bind(this))
}else{
this.fireEvent("load");
this.isLoaded = true;
}
}
},
reload: function(){
this._loadReadEditAbeld();
this._loadUserInterface();
},
_queryLoaded: function(){
this._loadReadEditAbeld();
},
_afterLoaded: function(){},
_loadReadEditAbeld: function(){
this.node?.removeClass('hide');
this._loadPoweer();
this.isReadable = this._isReadable();
this.isEditable = !this.isReadable ? false : this._isEditable();
this.isHideUnreadable = this._isHideUnreadable();
},
_isEditable: function () {
//如果可编辑判定是no，则一定不可编辑
if (this.editable==='no') return false;
//如果当前可编辑判定不是no，则需要查找父元素，以便确定是否可编辑。
let p = this.getParentModule();
while (p) {
//如果父元素可编辑判定是no，则当前元素也不可编辑
if (p.editable=== 'no') return false;
p = p.getParentModule();
}
//剩下的情况是，父元素的可编辑判定不为no，当前元素的可编辑判定也不为no，则只要当前元素可读，即可编辑
return this.readable!=='no';
},
_isReadable: function () {
//如果可读判定是no，则一定不可读
if (this.readable==='no') return false;
//如果当前可读判定不是no，则需要查找父元素，以便确定是否可读。
let p = this.getParentModule();
while (p) {
//如果父元素可读判定是no，则当前元素也不可读
if (p.readable=== 'no') return false;
p = p.getParentModule();
}
//剩下的情况是，父元素的可读判定不为no，当前元素的可读判定也不为no，则当前元素可读
return true;
},
_isHideUnreadable: function(){
if (this.json.hideCannotRead === 'no') return false;
if (this.json.hideCannotRead === 'yes') return true;
let p = this.getParentModule();
while (p) {
if (p.json.hideCannotRead === 'yes') return true;
if (p.json.hideCannotRead === 'no') return false;
p = p.getParentModule();
}
return false;
},
_loadPoweer: function () {
this.editable = this._checkEditAbled();
if (this.editable==='yes'){
//如果可编辑已设置，并判断为yes，则readable一定为yes，忽略可读配置。
this.readable = 'yes';
}else{
this.readable = this._checkReadAbled();
//如果可编辑已设置，并判断为script_yes，则readable为yes，才可编辑。
if (this.editable==='script_yes'){
this.editable = (this.readable==='no') ? 'no' : 'yes';
}
// this.editable = (this.editable==='script_yes' && this.readable==='no') ? 'no' : 'yes';
}
},
_checkReadAbled: function () {
return this._checkpowerAbled('readByActivity', 'readByOrg', 'readByScript', 'readByActivityValue', 'readByOrgValue', 'readByScriptValue', 'readActivityList', 'readerList', 'excludeReadActivityList', 'excludeReaderList');
},
_checkEditAbled: function () {
return this._checkpowerAbled('editByActivity', 'editByOrg', 'editByScript', 'editByActivityValue', 'editByOrgValue', 'editByScriptValue', 'editActivityList', 'editorList', 'excludeEditActivityList', 'excludeEditorList');
},
/**
* 判断一个字符串是否可以转换为一个整数
* @param {string} str
* @returns {boolean}
*/
_isIntegerString: function(str) {
return typeof str === "string" && /^-?\d+$/.test(str);
},
_getActivityId: function(){
if (this.form.businessData.review){
return {uid: this.form.businessData.review.activityUnique}
}else{
return {uid: this.form.businessData.activity?.unique, aid: this.form.businessData.activity?.id}
}
},
_checkpowerAbled: function (activity, org, script, activityValue, orgValue, scriptValue, processActivity, processOrg, unProcessActivity, unProcessOrg) {
const accessList = this.form.businessData?.control?.itemAccessList;
const ids = this.json.id.split(/\.\./g);
const id = ids.map(i=> (/^-?\d+$/.test(i) ? '*' : i) ).join('.')
const access = accessList?.find((acc)=>{
return acc.path === id;
});
if (access){
const hasByActivity = (access[processActivity] && access[processActivity].length) || (access[unProcessActivity] && access[unProcessActivity].length);
const hasByOrg = (access[processOrg] && access[processOrg].length) || (access[unProcessOrg] && access[unProcessOrg].length);
const hasByScript = this.json[script] && this.json[script].includes('true') && (this.json[scriptValue]?.code || this.json[scriptValue]);
if (hasByActivity || hasByOrg || hasByScript){
const {uid, aid} = this._getActivityId();
if (hasByActivity && access[unProcessActivity]?.length){
const n = access[unProcessActivity].findIndex((act)=>{
return o2.typeOf(act)==="object" ? (act.unique === uid || act.id === aid) : act === uid;
});
if (n!==-1) return 'no';
}
if (hasByOrg && access[unProcessOrg]?.length){
const n = access[unProcessOrg].findIndex((org)=>{
const dn = org.distinguishedName || org;
return layout.session.userDetail.distinguishedName === dn || layout.session.userDetail.list.includes(dn);
});
if (n!==-1) return 'no';
}
if (hasByActivity){
const i = access[processActivity].findIndex((act)=>{
return o2.typeOf(act)==="object" ? (act.unique === uid || act.id === aid) : act === uid;
});
if (i!==-1) return 'yes';
}
if (hasByOrg){
const i = access[processOrg].findIndex((org)=>{
const dn = org.distinguishedName || org;
return layout.session.userDetail.distinguishedName === dn || layout.session.userDetail.list.includes(dn);
});
if (i!==-1) return 'yes';
}
if (hasByScript){
var flag = this.form.Macro.exec((this.json[scriptValue]?.code || this.json[scriptValue]), this);
return !!flag ? 'script_yes' : 'no';
}
return (!access[processActivity]?.length && !access[processOrg]?.length) ? 'unset' : 'no';
}
}else{
const hasByActivity = this.json[activity] && this.json[activity].includes('true') && this.json[activityValue] && this.json[activityValue].length;
const hasByOrg = this.json[org] && this.json[org].includes('true') && this.json[orgValue] && this.json[orgValue].length;
const hasByScript = this.json[script] && this.json[script].includes('true') && (this.json[scriptValue]?.code || this.json[scriptValue]);
if (hasByActivity || hasByOrg || hasByScript){
if (hasByActivity){
let {uid, aid} = this._getActivityId();
// let uid = this.form.businessData.activity && this.form.businessData.activity.unique;
// let aid = this.form.businessData.activity && this.form.businessData.activity.id;
if (!uid){
uid = this.form.businessData.document && this.form.businessData.document.docStatus;
}
// if (activityId){
const i = this.json[activityValue].findIndex((act)=>{
return o2.typeOf(act)==="object" ? (act.unique === uid || act.id === aid) : act === uid;
});
if (i!==-1) return 'yes';
// }
}
if (hasByOrg){
const i = this.json[orgValue].findIndex((org)=>{
const dn = org.distinguishedName || org;
return layout.session.userDetail.distinguishedName === dn || layout.session.userDetail.list.includes(dn);
});
if (i!==-1) return 'yes';
}
if (hasByScript){
var flag = this.form.Macro.exec((this.json[scriptValue]?.code || this.json[scriptValue]), this);
return !!flag ? 'yes' : 'no';
}
return 'no';
}
}
return 'unset'
},
_loadUserInterface: function(){
// this.node = this.node;
},
addRelated: function(path){
if (!this.form.relatedModules) this.form.relatedModules = {};
if (!this.form.relatedModules[path]) this.form.relatedModules[path] = new Set();
this.form.relatedModules[path].add(this);
},
/**
* 给当前组件增加一个显示关联数据，当这个数据改变时，刷新当前组件的可见状态.
* @param {String|Array<String>} [path] 要关联的数据路径。
* @param {Function} [cb] 提供一个返回布尔值的函数，用于检查当前组件是否可显示，返回true表示当前组件可见，返回false则隐藏当前组件
* @example
* //在组件的load事件中，添加下面的代码：
* this.target.addRelatedDisplay('dataType', ()=>{
* return this.data.dataType==='1'
* });
*
* //加入以上代码后，只要 “dataType” 的值改变，就会检查当前组件是否隐藏或显示。当 dataType 值为 “1” 时，当前组件显示，否则隐藏当前组件。
*/
addRelatedDisplay: function(path, cb){
if (cb){
const ps = Array.isArray(path) ? path : [path];
ps.forEach((p)=>{
if (!this.form.relatedDisplayModules) this.form.relatedDisplayModules = {};
if (!this.form.relatedDisplayModules[p]) this.form.relatedDisplayModules[p] = new Set();
this.form.relatedDisplayModules[p].add({
module: this,
display: cb
});
});
this._checkDisplay(cb);
}
},
/**
* 给当前组件增加一个值关联数据，当这个数据改变时，刷新当前组件的值.
* @param {String|Array<String>} [path] 要关联的数据路径。
* @param {Function} [cb] 提供一个函数，当关联数据发生改变时，执行此函数，返回的值更新为当前组件的值。
* @example
* //在field类的组件（如文本框）的load事件中，添加下面的代码：
* this.target.addRelatedValue(['price', 'count'], ()=>{
* return this.data.price * this.data.count;
* });
*
* //加入以上代码后，只要 price 或 count 的值改变，就会计算当前组件的值，其值是 price 乘以 count。
*/
addRelatedValue: function(path, cb){
if (cb){
const ps = Array.isArray(path) ? path : [path];
ps.forEach((p)=>{
if (!this.form.relatedValueModules) this.form.relatedValueModules = {};
if (!this.form.relatedValueModules[p]) this.form.relatedValueModules[p] = new Set();
this.form.relatedValueModules[p].add({
module: this,
value: cb
});
});
this._checkValue(cb);
}
},
_loadStyles: function(){
if (this.json.styles){
this.node.setStyles( this._parseStyles(this.json.styles) );
}
// if (this.json.styles) Object.each(this.json.styles, function(value, key){
// if ((value.indexOf("x_processplatform_assemble_surface")!=-1 || value.indexOf("x_portal_assemble_surface")!=-1 || value.indexOf("x_cms_assemble_control")!=-1)){
// var host1 = MWF.Actions.getHost("x_processplatform_assemble_surface");
// var host2 = MWF.Actions.getHost("x_portal_assemble_surface");
// var host3 = MWF.Actions.getHost("x_cms_assemble_control");
// if (value.indexOf("/x_processplatform_assemble_surface")!==-1){
// value = value.replace("/x_processplatform_assemble_surface", host1+"/x_processplatform_assemble_surface");
// }else if (value.indexOf("x_processplatform_assemble_surface")!==-1){
// value = value.replace("x_processplatform_assemble_surface", host1+"/x_processplatform_assemble_surface");
// }
// if (value.indexOf("/x_portal_assemble_surface")!==-1){
// value = value.replace("/x_portal_assemble_surface", host2+"/x_portal_assemble_surface");
// }else if (value.indexOf("x_portal_assemble_surface")!==-1){
// value = value.replace("x_portal_assemble_surface", host2+"/x_portal_assemble_surface");
// }
// if (value.indexOf("/x_cms_assemble_control")!==-1){
// value = value.replace("/x_cms_assemble_control", host3+"/x_cms_assemble_control");
// }else if (value.indexOf("x_cms_assemble_control")!==-1){
// value = value.replace("x_cms_assemble_control", host3+"/x_cms_assemble_control");
// }
// value = o2.filterUrl(value);
// }
// this.node.setStyle(key, value);
// }.bind(this));
},
_parseStyles: function( styles ){
var s = {};
Object.each(styles || {}, function(v, key){
var value = v.toString();
if ((value.indexOf("x_processplatform_assemble_surface")!=-1 || value.indexOf("x_portal_assemble_surface")!=-1 || value.indexOf("x_cms_assemble_control")!=-1) && !value.includes("../")){
var host1 = MWF.Actions.getHost("x_processplatform_assemble_surface");
var host2 = MWF.Actions.getHost("x_portal_assemble_surface");
var host3 = MWF.Actions.getHost("x_cms_assemble_control");
if (value.indexOf("/x_processplatform_assemble_surface")!==-1){
value = value.replace("/x_processplatform_assemble_surface", host1+"/x_processplatform_assemble_surface");
}else if (value.indexOf("x_processplatform_assemble_surface")!==-1){
value = value.replace("x_processplatform_assemble_surface", host1+"/x_processplatform_assemble_surface");
}
if (value.indexOf("/x_portal_assemble_surface")!==-1){
value = value.replace("/x_portal_assemble_surface", host2+"/x_portal_assemble_surface");
}else if (value.indexOf("x_portal_assemble_surface")!==-1){
value = value.replace("x_portal_assemble_surface", host2+"/x_portal_assemble_surface");
}
if (value.indexOf("/x_cms_assemble_control")!==-1){
value = value.replace("/x_cms_assemble_control", host3+"/x_cms_assemble_control");
}else if (value.indexOf("x_cms_assemble_control")!==-1){
value = value.replace("x_cms_assemble_control", host3+"/x_cms_assemble_control");
}
value = o2.filterUrl(value);
}
s[key] = value;
}.bind(this));
return s;
},
_loadModuleEvents : function(){
Object.each(this.json.events, function(e, key){
if (e.code){
if (this.options.moduleEvents.indexOf(key)!==-1){
this.addEvent(key, function(event){
return this.form.Macro.fire(e.code, this, event);
}.bind(this));
}
}
}.bind(this));
},
_loadDomEvents: function(){
Object.each(this.json.events, function(e, key){
if (e.code){
if (this.options.moduleEvents.indexOf(key)===-1){
this.node.addEvent(key, function(event){
return this.form.Macro.fire(e.code, this, event);
}.bind(this));
}
}
}.bind(this));
},
_loadEvents: function(){
Object.each(this.json.events, function(e, key){
if (e.code){
if (this.options.moduleEvents.indexOf(key)!==-1){
this.addEvent(key, function(event){
return this.form.Macro.fire(e.code, this, event);
}.bind(this));
}else{
this.node.addEvent(key, function(event){
return this.form.Macro.fire(e.code, this, event);
}.bind(this));
}
}
}.bind(this));
},
addModuleEvent: function(key, fun){
if (this.options.moduleEvents.indexOf(key)!==-1){
this.addEvent(key, function(event){
return (fun) ? fun(this, event) : null;
}.bind(this));
}else{
this.node.addEvent(key, function(event){
return (fun) ? fun(this, event) : null;
}.bind(this));
}
},
_getBusinessData: function(id){
var v;
if (this.json.section=="yes"){
v = this._getBusinessSectionData(id);
}else {
if (this.json.type==="Opinion"){
v = this._getBusinessSectionDataByPerson(id);
}else{
// return this.form.businessData.data[this.json.id] || "";
var value = this.getBusinessDataById(null, id);
return (o2.typeOf(value)!=="null") ? value : "";
//return this.getBusinessDataById() || "";
}
}
//if (o2.typeOf(v)==="string") v = o2.dtxt(v);
return v;
},
_getBusinessSectionData: function(id){
switch (this.json.sectionBy){
case "person":
return this._getBusinessSectionDataByPerson(id);
case "unit":
return this._getBusinessSectionDataByUnit(id);
case "activity":
return this._getBusinessSectionDataByActivity(id);
case "splitValue":
return this._getBusinessSectionDataBySplitValue(id);
case "script":
return this._getBusinessSectionDataByScript(((this.json.sectionByScript) ? this.json.sectionByScript.code : ""), id);
default:
// return this.form.businessData.data[this.json.id] || "";
return this.getBusinessDataById(null, id) || "";
}
},
_getBusinessSectionDataByPerson: function(id){
this.form.sectionListObj[id||this.json.id] = layout.desktop.session.user.id;
// var dataObj = this.form.businessData.data[this.json.id];
var dataObj = this.getBusinessDataById(null, id);
return (dataObj) ? (dataObj[layout.desktop.session.user.id] || "") : "";
},
_getBusinessSectionDataByUnit: function(id){
this.form.sectionListObj[id || this.json.id] = "";
// var dataObj = this.form.businessData.data[this.json.id];
var dataObj = this.getBusinessDataById(null, id);
if (!dataObj) return "";
var key = (this.form.businessData.task) ? (this.form.businessData.task.unitDn || this.form.businessData.task.unit) : "";
if (key) this.form.sectionListObj[id||this.json.id] = key;
return (key) ? (dataObj[key] || "") : "";
},
_getBusinessSectionDataByActivity: function(id){
this.form.sectionListObj[id||this.json.id] = "";
// var dataObj = this.form.businessData.data[this.json.id];
var dataObj = this.getBusinessDataById(null, id);
if (!dataObj) return "";
var key = (this.form.businessData.work) ? this.form.businessData.work.activity : "";
if (key) this.form.sectionListObj[id||this.json.id] = key;
return (key) ? (dataObj[key] || "") : "";
},
_getBusinessSectionDataBySplitValue: function(id){
this.form.sectionListObj[id||this.json.id] = "";
// var dataObj = this.form.businessData.data[this.json.id];
var dataObj = this.getBusinessDataById(null, id);
if (!dataObj) return "";
var key = (this.form.businessData.work) ? this.form.businessData.work.splitValue : "";
if (key) this.form.sectionListObj[id||this.json.id] = key;
return (key) ? (dataObj[key] || "") : "";
},
_getBusinessSectionDataByScript: function(code, id){
this.form.sectionListObj[id||this.json.id] = "";
// var dataObj = this.form.businessData.data[this.json.id];
var dataObj = this.getBusinessDataById(null, id);
if (!dataObj) return "";
var key = this.form.Macro.exec(code, this);
if (key) this.form.sectionListObj[id||this.json.id] = key;
return (key) ? (dataObj[key] || "") : "";
},
_setEnvironmentData: function(v){
if (this.json.section=="yes"){
this._setEnvironmentSectionData(v);
}else {
if (this.json.type==="Opinion"){
this._setEnvironmentSectionDataByPerson(v);
}else{
this.setEnvironmentDataById(v);
}
}
},
_setEnvironmentSectionData: function(v){
switch (this.json.sectionBy){
case "person":
var key = layout.desktop.session.user.id;
this._setEnvironmentSectionDataByKey(key, v);
break;
case "unit":
var key = (this.form.businessData.task) ? (this.form.businessData.task.unitDn || this.form.businessData.task.unit) : "";
this._setEnvironmentSectionDataByKey(key, v);
break;
case "activity":
var key = (this.form.businessData.work) ? this.form.businessData.work.activity : "";
this._setEnvironmentSectionDataByKey(key, v);
break;
case "splitValue":
var key = (this.form.businessData.work) ? this.form.businessData.work.splitValue : "";
this._setEnvironmentSectionDataByKey(key, v);
break;
case "script":
var key = this.form.Macro.exec(this.json.sectionByScript.code, this);
this._setEnvironmentSectionDataByKey(key, v);
break;
default:
this.setEnvironmentDataById(v);
}
},
_setEnvironmentSectionDataByKey: function(key, v){
if (key){
var evdata = this.getBusinessDataById(this.form.Macro.environment.data);
var evdata;
if (!evdata){
evdata = this.setEnvironmentDataById({});
}
if (!evdata.hasOwnProperty(key)){
evdata.add(key, v);
}else{
evdata[key] = v;
}
}
},
setEnvironmentDataById: function(v){
//对id类似于 xx..0..xx 的字段进行拆分
var evdata = this.form.Macro.environment.data;
if(this.json.id.indexOf("..") < 1){
if (!evdata.hasOwnProperty(this.json.id)){
evdata.add(this.json.id, v);
}else{
evdata[this.json.id] = v;
}
}else{
var idList = this.json.id.split("..");
idList = idList.map( function(d){ return d.test(/^\d+$/) ? d.toInt() : d; });
//var data = this.form.businessData.data;
var lastIndex = idList.length - 1;
for(var i=0; i<=lastIndex; i++){
var id = idList[i];
if( !id && id !== 0 )return;
if( i === lastIndex ){
if (!evdata.hasOwnProperty(id)){
evdata.add(id, v);
}else{
evdata[id] = v;
}
}else{
var nexId = idList[i+1];
if(o2.typeOf(nexId) === "number"){ //下一个ID是数字
if( !evdata[id] && o2.typeOf(evdata[id]) !== "array" ){
evdata.add(id, []);
}
if( nexId > evdata[id].length ){ //超过了最大下标，丢弃
return;
}
}else{ //下一个ID是字符串
if( !evdata[id] || o2.typeOf(evdata[id]) !== "object"){
evdata.add(id, {});
}
}
evdata = evdata[id];
}
}
}
return evdata;
},
_checkDisplay: function(display){
if (display){
return Promise.resolve(display(this)).then((dsp)=>{
dsp ? this.node.removeClass('hide') : this.node.addClass('hide');
return dsp;
});
}
},
_checkValue: function(value){
if (value){
return Promise.resolve(value(this)).then((value)=>{
this.setData?.(value);
return value;
});
}
},
_setBusinessData: function(v, id){
//if (o2.typeOf(v)==="string") v = o2.txt(v);
if (!this.isEditable) return;
if (this.json.section=="yes"){
this._setBusinessSectionData(v, id);
}else {
if (this.json.type==="Opinion"){
this._setBusinessSectionDataByPerson(v, id);
}else{
this.setBusinessDataById(v, id);
if (this.json.isTitle && this.json.moduleName !== "associatedDocument") this.form.businessData.data.$work.title = v;
}
}
const mid = (id || this.json.id);
// const dataId = mid.split('..').map((s)=>{
// return /^\d+$/.test(s) ? '*' : s
// }).join('.');
const dataId = mid.split('..').join('.');
if (this.form.relatedModules && this.form.relatedModules[dataId]){
this.form.relatedModules[dataId].forEach((module)=>{
module?.reload();
})
}
if (this.form.relatedDisplayModules && this.form.relatedDisplayModules[dataId]){
this.form.relatedDisplayModules[dataId].forEach((o)=>{
o.module?._checkDisplay(o.display);
})
}
if (this.form.relatedValueModules && this.form.relatedValueModules[dataId]){
this.form.relatedValueModules[dataId].forEach((o)=>{
o.module?._checkValue(o.value);
})
}
},
_setBusinessSectionData: function(v, id){
switch (this.json.sectionBy){
case "person":
this._setBusinessSectionDataByPerson(v, id);
break;
case "unit":
this._setBusinessSectionDataByUnit(v, id);
break;
case "activity":
this._setBusinessSectionDataByActivity(v, id);
break;
case "splitValue":
this._setBusinessSectionDataBySplitValue(v, id);
break;
case "script":
this._setBusinessSectionDataByScript(this.json.sectionByScript.code, v, id);
break;
default:
this.setBusinessDataById(v, id);
}
},
_setBusinessSectionDataByPerson: function(v, id){
var key = layout.desktop.session.user.id;
this._setBusinessSectionDataByKey(key, v, id);
},
_setBusinessSectionDataByUnit: function(v, id){
var key = (this.form.businessData.task) ? (this.form.businessData.task.unitDn || this.form.businessData.task.unit) : "";
this._setBusinessSectionDataByKey(key, v, id);
},
_setBusinessSectionDataByActivity: function(v, id){
var key = (this.form.businessData.work) ? this.form.businessData.work.activity : "";
this._setBusinessSectionDataByKey(key, v, id);
},
_setBusinessSectionDataBySplitValue: function(v, id){
var key = (this.form.businessData.work) ? this.form.businessData.work.splitValue : "";
this._setBusinessSectionDataByKey(key, v, id);
},
_setBusinessSectionDataByScript: function(code, v, id){
var key = this.form.Macro.exec(code, this);
this._setBusinessSectionDataByKey(key, v, id);
},
_setBusinessSectionDataByKey: function(key, v, id){
if (key){
var dataObj = this.getBusinessDataById(null, id);
var evdata;
if (!dataObj){
dataObj = {};
evdata = this.setBusinessDataById(dataObj, id);
}
dataObj[key] = v;
if (evdata) evdata.check(key, v);
}
},
getBusinessDataById: function(d, id){
var data = d || this.form.businessData.data;
var thisId = id || this.json.id;
//对id类似于 xx..0..xx 的字段进行拆分
if(thisId.indexOf("..") < 1){
return data[thisId];
}else{
var idList = thisId.split("..");
idList = idList.map( function(d){ return d.test(/^\d+$/) ? d.toInt() : d; });
var lastIndex = idList.length - 1;
for(var i=0; i<=lastIndex; i++){
var id = idList[i];
if( !id && id !== 0 )return null;
if( ["object","array"].contains(o2.typeOf(data)) ){
if( i === lastIndex ){
return data[id];
}else{
data = data[id];
}
}else{
return null;
}
}
}
},
_checkEvdata: function(evdata, id, v){
switch (o2.typeOf(evdata)){
case "array":
break;
default:
evdata.check(id, v);
}
},
setBusinessDataById: function(v, id){
//对id类似于 xx..0..xx 的字段进行拆分
var evdata = this.form.Macro.environment.data;
var data = this.form.businessData.data;
var thisId = id || this.json.id;
if(thisId.indexOf("..") < 1){
data[thisId] = v;
this._checkEvdata(evdata, thisId, v);
//this.form.businessData.data[this.json.id] = v;
}else{
var idList = thisId.split("..");
idList = idList.map( function(d){ return d.test(/^\d+$/) ? d.toInt() : d; });
//var data = this.form.businessData.data;
var lastIndex = idList.length - 1;
for(var i=0; i<=lastIndex; i++){
var id = idList[i];
if( !id && id !== 0 )return;
if( i === lastIndex ){
data[id] = v;
//evdata.check(id, v);
this._checkEvdata(evdata, id, v);
}else{
var nexId = idList[i+1];
if(o2.typeOf(nexId) === "number"){ //下一个ID是数字
if( !data[id] && o2.typeOf(data[id]) !== "array" ){
data[id] = [];
//evdata.check(id, []);
this._checkEvdata(evdata, id, []);
}
if( nexId > data[id].length ){ //超过了最大下标，丢弃
return;
}
}else{ //下一个ID是字符串
if( !data[id] || o2.typeOf(data[id]) !== "object"){
data[id] = {};
//evdata.check(id, {});
this._checkEvdata(evdata, id, {});
}
}
data = data[id];
evdata = evdata[id];
}
}
}
return evdata;
},
getOriginalDataById: function(d, id){
var data = d || this.form.businessData.originalData;
var thisId = id || this.json.id;
//对id类似于 xx..0..xx 的字段进行拆分
if(thisId.indexOf("..") < 1){
return data[thisId];
}else{
var idList = thisId.split("..");
idList = idList.map( function(d){ return d.test(/^\d+$/) ? d.toInt() : d; });
var lastIndex = idList.length - 1;
for(var i=0; i<=lastIndex; i++){
var id = idList[i];
if( !id && id !== 0 )return null;
if( ["object","array"].contains(o2.typeOf(data)) ){
if( i === lastIndex ){
return data[id];
}else{
data = data[id];
}
}else{
return null;
}
}
}
},
setValue: function(){
},
focus: function(){
this.node.focus();
},
_getModuleByPath: function( path ){
/*
注: 系统的数据中允许多层路径，id上通过..来区分层次：
1、单层或者是最外层，填"fieldId"，表示表单上的直接组件。
2、如果有多层数据模板，"./fieldId"表示和当前组件id同层次的组件，"../fieldId"表示和上一层组件同层次的组件，以此类推。
3、如果有多层数据模板，也可通过"datatemplateId.*.datatemplateId2.*.fieldId"来表示全层次路径。datatemplateId表示第一层数据模板的id，datatemplateId2表示第二层的id。
*/
if(!path)return;
var idList = this.json.id.split("..");
if( path.contains("*") ){ //允许path中包含*，替代当前path的层次
var paths = path.split(".");
for( var i=0; i<paths.length; i++ ){
if( paths[i].contains("*") && idList[i] ){
var key = paths[i].replace("*", idList[i]);
key = this.form.Macro.exec("return "+key, this);
paths[i] = (key||"").toString();
}
}
path = paths.join("..");
}else if( path.contains("./") ){
var lastName = path.substring(path.indexOf("./")+2, path.length);
var level = (path.substring(0, path.indexOf("./"))+".").split(".").length-1; // /前面有几个.
var idList_copy = Array.clone(idList);
if( idList_copy.length > level*2 ){
for( var i=0; i<level; i++ ){
idList_copy.pop();
if( i > 0)idList_copy.pop();
}
path = idList_copy.join("..")+".."+lastName;
}else{
idList_copy[idList_copy.length-1] = lastName;
path = idList_copy.join("..")
}
}
return this.form.all[path];
},
clearDefaultMargin: function (){
var marginStyle = this.node.getStyle('margin-right');
var paddingStyle = this.node.getStyle('padding-right');
if( marginStyle === '20px' || paddingStyle === '4px' ){
var map = {};
Object.each(this.json.recoveryStyles || {}, function(value, key){
var k = key.toLowerCase();
if( ['margin','margin-right','padding', 'padding-right'].contains(k) ){
map[k] = value;
}
});
if( marginStyle === '20px' && map['margin'] !== '20px' && map['margin-right'] !== '20px') {
this.node.setStyle('margin-right', '0');
}
if( paddingStyle === '4px' && map['padding'] !== '4px' && map['padding-right'] !== '4px') {
this.node.setStyle('padding-right', '0');
}
}
}
});
source