@farris/jit-engine 1.3.232 → 1.3.233

package/lib/mobileapp/vue2/utility/vue-event-viewmodel-modifier.js

@@ -1,104 +1,104 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.VueEventViewModelModifier = void 0;
-const toolhepler_1 = require("../../../utility/toolhepler");
-class VueEventViewModelModifier {
-    constructor() { }
-    static modify(eventValue, includeBracket = true, includeSemicolon = true, hasEventName = false, eventName = "$event") {
-        let eventModelValue;
-        let declarationTriggerValue = "";
-        let generalEventValue = "";
-        if (eventValue) {
-            const eventValueIncludeDeclaration = eventValue.split(";");
-            eventValueIncludeDeclaration.forEach((item, index) => {
-                if (item) {
-                    if (item.indexOf("this.trigger") != -1) {
-                        declarationTriggerValue = declarationTriggerValue + item + ";";
-                    }
-                    else {
-                        const ary = item.split('.');
-                        for (let i = 0; i < ary.length; i++) {
-                            if ((i + 1) == ary.length)
-                                continue;
-                            if (i == 0) {
-                                {
-                                    const viewModelPrefix = "this.$viewModel";
-                                    ary[i] = viewModelPrefix;
-                                }
-                            }
-                            else {
-                                ary[i] = toolhepler_1.ToolHelper.tf(ary[i], toolhepler_1.TfTypeEnum.Camel);
-                                if (i > 0 && i < (ary.length - 1)) {
-                                    ary[i] = toolhepler_1.ToolHelper.toLowerCase(ary[i][0]) + ary[i].substring(1);
-                                }
-                            }
-                        }
-                        let bracketEventName = "()";
-                        if (hasEventName) {
-                            bracketEventName = "(" + eventName + ")";
-                        }
-                        if (ary.length == 1) {
-                            const viewModelPrefix = "this.$viewModel.";
-                            if (includeBracket) {
-                                if (item.endsWith(bracketEventName) == false) {
-                                    if (item.endsWith("()") == true) {
-                                        item = item.substring(0, item.length - 2);
-                                    }
-                                    eventModelValue = viewModelPrefix + item + bracketEventName;
-                                }
-                                else {
-                                    eventModelValue = viewModelPrefix + ary.join('.');
-                                }
-                            }
-                            else {
-                                eventModelValue = viewModelPrefix + ary.join('.');
-                            }
-                        }
-                        else {
-                            if (includeBracket) {
-                                if (item.endsWith(bracketEventName) == false) {
-                                    let joinEventValue = ary.join('.');
-                                    if (joinEventValue.endsWith("()") == true) {
-                                        joinEventValue = joinEventValue.substring(0, joinEventValue.length - 2);
-                                    }
-                                    eventModelValue = joinEventValue + bracketEventName;
-                                }
-                                else {
-                                    eventModelValue = ary.join('.');
-                                }
-                            }
-                            else {
-                                eventModelValue = ary.join('.');
-                            }
-                        }
-                        if (includeBracket) {
-                            generalEventValue = generalEventValue + eventModelValue;
-                            if (includeSemicolon) {
-                                if (generalEventValue.lastIndexOf(";") !== generalEventValue.length - 1) {
-                                    generalEventValue = generalEventValue + ";";
-                                }
-                            }
-                        }
-                        else {
-                            generalEventValue = generalEventValue + eventModelValue;
-                        }
-                        if (index < (eventValueIncludeDeclaration.length - 1)) {
-                            if (generalEventValue.lastIndexOf(";") !== generalEventValue.length - 1) {
-                                generalEventValue += ";";
-                            }
-                        }
-                    }
-                }
-            });
-        }
-        if (generalEventValue && declarationTriggerValue && generalEventValue.lastIndexOf(";") != generalEventValue.length - 1) {
-            generalEventValue = generalEventValue + ";";
-        }
-        if (includeBracket == false && declarationTriggerValue.lastIndexOf(";") == declarationTriggerValue.length - 1) {
-            declarationTriggerValue = declarationTriggerValue.substring(0, declarationTriggerValue.length - 1);
-        }
-        return generalEventValue + declarationTriggerValue;
-    }
-}
-exports.VueEventViewModelModifier = VueEventViewModelModifier;
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.VueEventViewModelModifier = void 0;
+const toolhepler_1 = require("../../../utility/toolhepler");
+class VueEventViewModelModifier {
+    constructor() { }
+    static modify(eventValue, includeBracket = true, includeSemicolon = true, hasEventName = false, eventName = "$event") {
+        let eventModelValue;
+        let declarationTriggerValue = "";
+        let generalEventValue = "";
+        if (eventValue) {
+            const eventValueIncludeDeclaration = eventValue.split(";");
+            eventValueIncludeDeclaration.forEach((item, index) => {
+                if (item) {
+                    if (item.indexOf("this.trigger") != -1) {
+                        declarationTriggerValue = declarationTriggerValue + item + ";";
+                    }
+                    else {
+                        const ary = item.split('.');
+                        for (let i = 0; i < ary.length; i++) {
+                            if ((i + 1) == ary.length)
+                                continue;
+                            if (i == 0) {
+                                {
+                                    const viewModelPrefix = "this.$viewModel";
+                                    ary[i] = viewModelPrefix;
+                                }
+                            }
+                            else {
+                                ary[i] = toolhepler_1.ToolHelper.tf(ary[i], toolhepler_1.TfTypeEnum.Camel);
+                                if (i > 0 && i < (ary.length - 1)) {
+                                    ary[i] = toolhepler_1.ToolHelper.toLowerCase(ary[i][0]) + ary[i].substring(1);
+                                }
+                            }
+                        }
+                        let bracketEventName = "()";
+                        if (hasEventName) {
+                            bracketEventName = "(" + eventName + ")";
+                        }
+                        if (ary.length == 1) {
+                            const viewModelPrefix = "this.$viewModel.";
+                            if (includeBracket) {
+                                if (item.endsWith(bracketEventName) == false) {
+                                    if (item.endsWith("()") == true) {
+                                        item = item.substring(0, item.length - 2);
+                                    }
+                                    eventModelValue = viewModelPrefix + item + bracketEventName;
+                                }
+                                else {
+                                    eventModelValue = viewModelPrefix + ary.join('.');
+                                }
+                            }
+                            else {
+                                eventModelValue = viewModelPrefix + ary.join('.');
+                            }
+                        }
+                        else {
+                            if (includeBracket) {
+                                if (item.endsWith(bracketEventName) == false) {
+                                    let joinEventValue = ary.join('.');
+                                    if (joinEventValue.endsWith("()") == true) {
+                                        joinEventValue = joinEventValue.substring(0, joinEventValue.length - 2);
+                                    }
+                                    eventModelValue = joinEventValue + bracketEventName;
+                                }
+                                else {
+                                    eventModelValue = ary.join('.');
+                                }
+                            }
+                            else {
+                                eventModelValue = ary.join('.');
+                            }
+                        }
+                        if (includeBracket) {
+                            generalEventValue = generalEventValue + eventModelValue;
+                            if (includeSemicolon) {
+                                if (generalEventValue.lastIndexOf(";") !== generalEventValue.length - 1) {
+                                    generalEventValue = generalEventValue + ";";
+                                }
+                            }
+                        }
+                        else {
+                            generalEventValue = generalEventValue + eventModelValue;
+                        }
+                        if (index < (eventValueIncludeDeclaration.length - 1)) {
+                            if (generalEventValue.lastIndexOf(";") !== generalEventValue.length - 1) {
+                                generalEventValue += ";";
+                            }
+                        }
+                    }
+                }
+            });
+        }
+        if (generalEventValue && declarationTriggerValue && generalEventValue.lastIndexOf(";") != generalEventValue.length - 1) {
+            generalEventValue = generalEventValue + ";";
+        }
+        if (includeBracket == false && declarationTriggerValue.lastIndexOf(";") == declarationTriggerValue.length - 1) {
+            declarationTriggerValue = declarationTriggerValue.substring(0, declarationTriggerValue.length - 1);
+        }
+        return generalEventValue + declarationTriggerValue;
+    }
+}
+exports.VueEventViewModelModifier = VueEventViewModelModifier;
 //# sourceMappingURL=vue-event-viewmodel-modifier.js.map

package/lib/mobileapp/vue2/utility/vue-object-creator.js

@@ -1,35 +1,35 @@
-"use strict";
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
-    Object.defineProperty(o, "default", { enumerable: true, value: v });
-}) : function(o, v) {
-    o["default"] = v;
-});
-var __importStar = (this && this.__importStar) || function (mod) {
-    if (mod && mod.__esModule) return mod;
-    var result = {};
-    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
-    __setModuleDefault(result, mod);
-    return result;
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.VueObjectCreator = void 0;
-const Dom = __importStar(require("../domstructure"));
-class VueObjectCreator {
-    static createObjectByType(type, i18nResourcePrefix) {
-        const dom = Dom;
-        const domValue = eval(`dom.${type}`);
-        if (domValue) {
-            domValue["resourcePrefix"] = i18nResourcePrefix;
-        }
-        return domValue;
-    }
-}
-exports.VueObjectCreator = VueObjectCreator;
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.VueObjectCreator = void 0;
+const Dom = __importStar(require("../domstructure"));
+class VueObjectCreator {
+    static createObjectByType(type, i18nResourcePrefix) {
+        const dom = Dom;
+        const domValue = eval(`dom.${type}`);
+        if (domValue) {
+            domValue["resourcePrefix"] = i18nResourcePrefix;
+        }
+        return domValue;
+    }
+}
+exports.VueObjectCreator = VueObjectCreator;
 //# sourceMappingURL=vue-object-creator.js.map

package/lib/template/ui/kendo/farris-combo-list.pug

@@ -46,7 +46,7 @@ div(class=(variable.appearance && variable.appearance.class) style=(variable.app
           -attrs["farris-set-focus"]="";
           if(variable.focusState)
             -attrs["[focusState]"]=variable.focusState+"";
-        farris-combo-list(id=variable.replacedId "input-end-edit" '[data]'!=variable.enumDataLang?variable.enumDataLang:undefined  '(selectedValues)'=variable.selectedValues?variable.selectedValues:undefined   '[disabled]'!=(variable.disable||variable.disable==false)?variable.disable.toString():undefined '[enableCancelSelected]'=(variable.enableCancelSelected || variable.enableCancelSelected==false)?""+variable.enableCancelSelected:undefined  '[editable]'=(variable.editable||variable.editable==false)?variable.editable.toString():undefined '[panelWidth]'=variable.panelWidth?"'"+variable.panelWidth+"'":undefined '[panelHeight]'=variable.panelHeight?"'"+variable.panelHeight+"'":undefined '[idField]'=variable.idField?"'"+variable.idField+"'":undefined '[valueField]'=variable.idField?"'"+variable.idField+"'":undefined '[textField]'=variable.textField?"'"+variable.textField+"'":undefined '[uri]'=variable.uri?"'"+variable.uri+"'":undefined  '[multiSelect]'=(variable.multiSelect || variable.multiSelect==false)?variable.multiSelect.toString():undefined  '(showPanel)'=variable.onShown?variable.onShown:undefined '(hidePanel)'=variable.onHidden?variable.onHidden:undefined '(clear)'=variable.onClear?variable.onClear:undefined '[autoWidth]'=(variable.autoWidth||variable.autoWidth==false)?variable.autoWidth.toString():undefined '[mappingField]'=variable.mappingField?"'"+variable.mappingField+"'":undefined  '[beforeShow]'=variable.beforeShow?""+variable.beforeShow:undefined  '[beforeHide]'=variable.beforeHide?""+variable.beforeHide:undefined    '[tab-index]'=(variable.tabindex || variable.tabindex ==0)?""+variable.tabindex:undefined  '[enableClear]'=(variable.enableClear || variable.enableClear==false)?""+variable.enableClear:undefined   '[viewType]'=variable.viewType?"'"+variable.viewType+"'":undefined   '[requiredOn]'=(variable.isCustomRequire && variable.require  && !variable.require.isExpression)?""+variable.require.value:undefined 'comboListRef' 'farris-dynamic-required'=(variable.isCustomRequire && variable.binding && variable.binding.path)?""+(variable.binding && variable.binding.path):undefined  '[nosearch]'=variable.noSearch?""+variable.noSearch.value:undefined  '[maxLength]'=variable.maxSearchLength?""+variable.maxSearchLength:undefined)&attributes(attrs)
+        farris-combo-list(id=variable.replacedId "input-end-edit" '[data]'!=variable.enumDataLang?variable.enumDataLang:undefined  '(selectedValues)'=variable.selectedValues?variable.selectedValues:undefined   '[disabled]'!=(variable.disable||variable.disable==false)?variable.disable.toString():undefined '[enableCancelSelected]'=(variable.enableCancelSelected || variable.enableCancelSelected==false)?""+variable.enableCancelSelected:undefined  '[editable]'=(variable.editable||variable.editable==false)?variable.editable.toString():undefined '[panelWidth]'=variable.panelWidth?"'"+variable.panelWidth+"'":undefined '[panelHeight]'=variable.panelHeight?"'"+variable.panelHeight+"'":undefined '[idField]'=variable.idField?"'"+variable.idField+"'":undefined '[valueField]'=variable.idField?"'"+variable.idField+"'":undefined '[textField]'=variable.textField?"'"+variable.textField+"'":undefined '[uri]'=variable.uri?"'"+variable.uri+"'":undefined  '[multiSelect]'=(variable.multiSelect || variable.multiSelect==false)?variable.multiSelect.toString():undefined  '(showPanel)'=variable.onShown?variable.onShown:undefined '(hidePanel)'=variable.onHidden?variable.onHidden:undefined '(clear)'=variable.onClear?variable.onClear:undefined '[autoWidth]'=(variable.autoWidth||variable.autoWidth==false)?variable.autoWidth.toString():undefined '[mappingField]'=variable.mappingField?"'"+variable.mappingField+"'":undefined  '[beforeShow]'=variable.beforeShow?""+variable.beforeShow:undefined  '[beforeHide]'=variable.beforeHide?""+variable.beforeHide:undefined    '[tab-index]'=(variable.tabindex || variable.tabindex ==0)?""+variable.tabindex:undefined  '[enableClear]'=(variable.enableClear || variable.enableClear==false)?""+variable.enableClear:undefined   '[viewType]'=variable.viewType?"'"+variable.viewType+"'":undefined   '[requiredOn]'=(variable.isCustomRequire && variable.require  && !variable.require.isExpression)?""+variable.require.value:undefined 'comboListRef' 'farris-dynamic-required'=(variable.isCustomRequire && variable.binding && variable.binding.path)?""+(variable.binding && variable.binding.path):undefined  '[nosearch]'=variable.noSearch?""+variable.noSearch.value:undefined  '[maxLength]'=variable.maxSearchLength?""+variable.maxSearchLength:undefined   '[showDisabledItem]'=variable.showDisabledItem?""+variable.showDisabledItem.value:undefined)&attributes(attrs)
         if (variable.needValid && variable.binding && variable.binding.path)
           -var path = `viewModel.form.getCardControlErrors('${variable.binding.path}')`
           validationMessage('[errors]'!=`${path}` '[hidden]'="!viewModel.form.isShowValidationMsg" )

package/lib/template/ui/kendo/farris-dynamic-control-group.pug

@@ -1,6 +1,14 @@
 -var attrs = {};
+ -attrs["*ngIf"]=variable.visible ?variable.visible.value+'':undefined;
 if(variable.hasDefaultFocus)
   -attrs["farris-set-focus"]="";
   if(variable.focusState)
     -attrs["[focusState]"]=variable.focusState+"";
-farris-dynamic-control-group(id=variable.replacedId  class=(variable.appearance && variable.appearance.class) style=(variable.appearance && variable.appearance.style)  '[contents]'!=variable.controls?variable.controls:undefined '[uri]'=variable.uri?variable.uri:undefined '[formData]'=variable.formData?variable.formData:undefined '[form]'=variable.form?variable.form:undefined '[isControlInline]'=variable.isControlInline?""+variable.isControlInline:undefined '[isEmbedded]'=variable.isEmbedded?""+variable.isEmbedded:undefined  '[extraClassNames]'=variable.extraClassNames?""+variable.extraClassNames:undefined  '[isGrouped]'=(variable.isGrouped || variable.isGrouped == false)?""+variable.isGrouped:undefined   '[tab-index]'=(variable.tabindex || variable.tabindex ==0)?""+variable.tabindex:undefined)&attributes(attrs)
+farris-dynamic-control-group(id=variable.replacedId  class=(variable.appearance && variable.appearance.class) style=(variable.appearance && variable.appearance.style)  
+'[contents]'!=variable.controls?variable.controls.value:undefined '[uri]'=variable.uri?variable.uri:undefined '[formData]'=variable.formData?variable.formData.value:undefined 
+'[form]'=variable.form?variable.form.value:undefined 
+'[isControlInline]'=(variable.isControlInline||variable.isControlInline==false)?""+variable.isControlInline:undefined 
+'[isEmbedded]'=variable.isEmbedded?""+variable.isEmbedded:undefined  
+'[extraClassNames]'=variable.extraClassNames?"'"+variable.extraClassNames+"'":undefined  
+'[isGrouped]'=(variable.isGrouped || variable.isGrouped == false)?""+variable.isGrouped:undefined   
+'[tab-index]'=(variable.tabindex || variable.tabindex ==0)?""+variable.tabindex:undefined)&attributes(attrs)

package/lib/template/ui/mobilevue/action-bar.pug

@@ -1,10 +1,10 @@
--variable.readonly = variable.readonly?String(variable.readonly).replace(/"/g, "'")+"":undefined;
-
-fm-action-bar(
-  v-if=variable.visible?variable.visible+"":"false"
-  style=(variable.appearance && variable.appearance.style)  
-  class=(variable.appearance && variable.appearance.class)  
-  id=variable.id?"" + variable.id:undefined 
-  :btns=variable.btns?"" + variable.btns:undefined 
-)
-  
+-variable.readonly = variable.readonly?String(variable.readonly).replace(/"/g, "'")+"":undefined;
+
+fm-action-bar(
+  v-if=variable.visible?variable.visible+"":"false"
+  style=(variable.appearance && variable.appearance.style)  
+  class=(variable.appearance && variable.appearance.class)  
+  id=variable.id?"" + variable.id:undefined 
+  :btns=variable.btns?"" + variable.btns:undefined 
+)
+  

package/lib/template/ui/mobilevue/approval-info.pug

@@ -1,19 +1,19 @@
--var attrs = {};
--attrs.class = variable.appearance && variable.appearance.class;
--attrs.style = variable.appearance && variable.appearance.style;
--var visible = variable.visible ? String(variable.visible.value) : 'false';
--var noticeText = `流程编号${variable.code}，发布于${variable.releaseDate}`
-
-fm-approval-info(
-  v-if=visible
-  id=variable.replacedId ? String(variable.replacedId) : undefined   
-  code=variable.code?""+variable.code:undefined 
-  name=variable.name?""+variable.name:undefined 
-  releaseDate=variable.releaseDate?""+variable.releaseDate:undefined 
-  description=variable.description?""+variable.description:undefined 
-)&attributes(attrs)
-  template(v-slot="slotProps")
-    fm-notice-bar(mode="link" class="fm-approval-info-notice-bar")
-      | !{noticeText}
-      template(#right)
+-var attrs = {};
+-attrs.class = variable.appearance && variable.appearance.class;
+-attrs.style = variable.appearance && variable.appearance.style;
+-var visible = variable.visible ? String(variable.visible.value) : 'false';
+-var noticeText = `流程编号${variable.code}，发布于${variable.releaseDate}`
+
+fm-approval-info(
+  v-if=visible
+  id=variable.replacedId ? String(variable.replacedId) : undefined   
+  code=variable.code?""+variable.code:undefined 
+  name=variable.name?""+variable.name:undefined 
+  releaseDate=variable.releaseDate?""+variable.releaseDate:undefined 
+  description=variable.description?""+variable.description:undefined 
+)&attributes(attrs)
+  template(v-slot="slotProps")
+    fm-notice-bar(mode="link" class="fm-approval-info-notice-bar")
+      | !{noticeText}
+      template(#right)
         <span @click="slotProps.show">查看流程说明</span>

package/lib/template/ui/mobilevue/approval-logs.pug

@@ -1,12 +1,12 @@
-
--var attrs = {};
--attrs.class = variable.appearance && variable.appearance.class;
--attrs.style = variable.appearance && variable.appearance.style;
--var visible = variable.visible ? String(variable.visible.value) : 'false';
-
-approval-logs(
-  v-if=visible
-  id=variable.replacedId ? String(variable.replacedId) : undefined   
-  title=variable.title?""+variable.title:undefined 
-  :dataId=variable.dataId ?""+variable.dataId:undefined 
+
+-var attrs = {};
+-attrs.class = variable.appearance && variable.appearance.class;
+-attrs.style = variable.appearance && variable.appearance.style;
+-var visible = variable.visible ? String(variable.visible.value) : 'false';
+
+approval-logs(
+  v-if=visible
+  id=variable.replacedId ? String(variable.replacedId) : undefined   
+  title=variable.title?""+variable.title:undefined 
+  :dataId=variable.dataId ?""+variable.dataId:undefined 
 )

package/lib/template/ui/mobilevue/area-picker.pug

@@ -1,53 +1,53 @@
-//- -variable.readonly = variable.readonly?String(variable.readonly).replace(/"/g, "'")+"":undefined;
--var attrs = {};
--attrs.class = variable.appearance && variable.appearance.class;
--attrs.style = variable.appearance && variable.appearance.style;
--attrs.id = variable.replacedId? String(variable.replacedId) : undefined 
--attrs.placeholder = variable.placeholder? String(variable.placeholder) : undefined 
--attrs.label = variable.title? String(variable.title) : undefined 
--var visible = variable.visible ? String(variable.visible.value) : 'false';
--var require = variable.require ? String(variable.require.value) : undefined;
--var readonly = variable.readonly ? String(variable.readonly.value) : undefined;
--var disable = variable.disable ? String(variable.disable.value) : undefined;
--var binding = variable.binding && variable.binding.path ? "form."+variable.binding.path+".value" : undefined 
-
-div(
-  v-if=visible
-  class="fm-input-wrapper" 
-)
-  fm-area-picker(
-    v-model=binding
-    :required=require
-    :readonly=readonly
-    :disabled=disable
-    :modelValue=variable.modelValue ? variable.modelValue+"":undefined 
-    direction=variable.direction?variable.direction+"":undefined
-    title=variable.title?""+variable.title:undefined
-    input-align="right"
-    :labelWidth!=variable.labelWidth?variable.labelWidth+"":undefined
-    :columns-num!=variable.displayType?variable.displayType+"":undefined
-    :error-message!=variable.errorMessage
-    error-message-align=variable.errorMessage ? "right" : undefined
-    @change=variable.change ? String(variable.change) : undefined 
-  )&attributes(attrs)
-    if(variable.leftTemplate)
-      template(#left-icon)
-        | !{variable.leftTemplate}
-    if(variable.rightTemplate)
-      template(#right-icon)
-        | !{variable.rightTemplate}
-    if(variable.extraTemplate)
-      template(#extra)
-        | !{variable.extraTemplate}
-    if(variable.valueTemplate)
-      template(v-slot:value="slotProps")
-        | !{variable.valueTemplate}
-    if(variable.labelTips) 
-      template(#title)
-        <span>!{variable.title}</span>
-        <fm-popover :hasMask="false" placement="topLeft" className="fm-input-label-tips" :offset="{left: -5}">
-          <fm-icon name="s-illustrate-o"/>
-          <template #content>
-            <div class="fm-input-label-tips-content"><span>!{variable.labelTips}</span></div>
-          </template>
+//- -variable.readonly = variable.readonly?String(variable.readonly).replace(/"/g, "'")+"":undefined;
+-var attrs = {};
+-attrs.class = variable.appearance && variable.appearance.class;
+-attrs.style = variable.appearance && variable.appearance.style;
+-attrs.id = variable.replacedId? String(variable.replacedId) : undefined 
+-attrs.placeholder = variable.placeholder? String(variable.placeholder) : undefined 
+-attrs.label = variable.title? String(variable.title) : undefined 
+-var visible = variable.visible ? String(variable.visible.value) : 'false';
+-var require = variable.require ? String(variable.require.value) : undefined;
+-var readonly = variable.readonly ? String(variable.readonly.value) : undefined;
+-var disable = variable.disable ? String(variable.disable.value) : undefined;
+-var binding = variable.binding && variable.binding.path ? "form."+variable.binding.path+".value" : undefined 
+
+div(
+  v-if=visible
+  class="fm-input-wrapper" 
+)
+  fm-area-picker(
+    v-model=binding
+    :required=require
+    :readonly=readonly
+    :disabled=disable
+    :modelValue=variable.modelValue ? variable.modelValue+"":undefined 
+    direction=variable.direction?variable.direction+"":undefined
+    title=variable.title?""+variable.title:undefined
+    input-align="right"
+    :labelWidth!=variable.labelWidth?variable.labelWidth+"":undefined
+    :columns-num!=variable.displayType?variable.displayType+"":undefined
+    :error-message!=variable.errorMessage
+    error-message-align=variable.errorMessage ? "right" : undefined
+    @change=variable.change ? String(variable.change) : undefined 
+  )&attributes(attrs)
+    if(variable.leftTemplate)
+      template(#left-icon)
+        | !{variable.leftTemplate}
+    if(variable.rightTemplate)
+      template(#right-icon)
+        | !{variable.rightTemplate}
+    if(variable.extraTemplate)
+      template(#extra)
+        | !{variable.extraTemplate}
+    if(variable.valueTemplate)
+      template(v-slot:value="slotProps")
+        | !{variable.valueTemplate}
+    if(variable.labelTips) 
+      template(#title)
+        <span>!{variable.title}</span>
+        <fm-popover :hasMask="false" placement="topLeft" className="fm-input-label-tips" :offset="{left: -5}">
+          <fm-icon name="s-illustrate-o"/>
+          <template #content>
+            <div class="fm-input-label-tips-content"><span>!{variable.labelTips}</span></div>
+          </template>
         </fm-popover>

package/lib/template/ui/mobilevue/attachment-entry.pug

@@ -1,18 +1,18 @@
--var attrs = {};
--attrs.class = variable.appearance && variable.appearance.class;
--attrs.style = variable.appearance && variable.appearance.style;
--var visible = variable.visible ? String(variable.visible.value) : 'false';
-- var fileList = variable.attachmentPath ? `$filterAttachment(entityListData,'${variable.attachmentPath}','${variable.rootId}')` : '[]'
-fm-attachment-entry(
-  v-if=visible
-  :fileList=fileList
-  id=variable.replacedId ? String(variable.replacedId) : undefined   
-  :disabled=variable.disabled?"" + variable.disabled:undefined
-  :removable=variable.removable?"" + variable.removable:undefined
-  rootId=variable.rootId?"" + variable.rootId:undefined
-  direction=variable.direction?"" + variable.direction:undefined
-  :externalVideoUrl=variable.externalVideoUrl?"" + variable.externalVideoUrl:undefined
-  @remove=variable.remove?"" + variable.remove:undefined
-  @upload=variable.upload?"" + variable.upload:undefined
-  @selectChange=variable.selectChange? "" + variable.selectChange:undefined
+-var attrs = {};
+-attrs.class = variable.appearance && variable.appearance.class;
+-attrs.style = variable.appearance && variable.appearance.style;
+-var visible = variable.visible ? String(variable.visible.value) : 'false';
+- var fileList = variable.attachmentPath ? `$filterAttachment(entityListData,'${variable.attachmentPath}','${variable.rootId}')` : '[]'
+fm-attachment-entry(
+  v-if=visible
+  :fileList=fileList
+  id=variable.replacedId ? String(variable.replacedId) : undefined   
+  :disabled=variable.disabled?"" + variable.disabled:undefined
+  :removable=variable.removable?"" + variable.removable:undefined
+  rootId=variable.rootId?"" + variable.rootId:undefined
+  direction=variable.direction?"" + variable.direction:undefined
+  :externalVideoUrl=variable.externalVideoUrl?"" + variable.externalVideoUrl:undefined
+  @remove=variable.remove?"" + variable.remove:undefined
+  @upload=variable.upload?"" + variable.upload:undefined
+  @selectChange=variable.selectChange? "" + variable.selectChange:undefined
 )&attributes(attrs)

package/lib/template/ui/mobilevue/attachment-uploader.pug

@@ -1,19 +1,19 @@
-- var fileList = `$formatUtils.attachInfo(currentEntityData.${variable.binding.bindingPath},'${variable.rootId}')`
-
-fm-attachment-uploader(
-  style!=(variable.appearance && variable.appearance.style)  
-  class!=(variable.appearance && variable.appearance.class)  
-  v-if!=variable.visible?variable.visible+"":"false"
-	title=variable.title?variable.title+"":undefined
-  :fileList!=fileList
-  id=variable.replacedId ? String(variable.replacedId) : undefined   
-  parentDirName!=variable.parentDirName?variable.parentDirName+"":undefined
-  rootId!=variable.rootId?variable.rootId+"":undefined
-  attachmentPath!=variable.attachmentPath?variable.attachmentPath+"":undefined
-  :maxSize!=variable.maxSize?"" + variable.maxSize:undefined
-	:maxCount!=variable.maxCount?"" + variable.maxCount:undefined
-  :sizeList!=variable.sizeList?"" + variable.sizeList:undefined
-  :allowMaxSize!=variable.allowMaxSize?"" + variable.allowMaxSize:undefined
-  :allowMaxCount!=variable.allowMaxCount?"" + variable.allowMaxCount:undefined
-  :uploadOptions!=variable.uploadOptions?"" + variable.uploadOptions:undefined
+- var fileList = `$formatUtils.attachInfo(currentEntityData.${variable.binding.bindingPath},'${variable.rootId}')`
+
+fm-attachment-uploader(
+  style!=(variable.appearance && variable.appearance.style)  
+  class!=(variable.appearance && variable.appearance.class)  
+  v-if!=variable.visible?variable.visible+"":"false"
+	title=variable.title?variable.title+"":undefined
+  :fileList!=fileList
+  id=variable.replacedId ? String(variable.replacedId) : undefined   
+  parentDirName!=variable.parentDirName?variable.parentDirName+"":undefined
+  rootId!=variable.rootId?variable.rootId+"":undefined
+  attachmentPath!=variable.attachmentPath?variable.attachmentPath+"":undefined
+  :maxSize!=variable.maxSize?"" + variable.maxSize:undefined
+	:maxCount!=variable.maxCount?"" + variable.maxCount:undefined
+  :sizeList!=variable.sizeList?"" + variable.sizeList:undefined
+  :allowMaxSize!=variable.allowMaxSize?"" + variable.allowMaxSize:undefined
+  :allowMaxCount!=variable.allowMaxCount?"" + variable.allowMaxCount:undefined
+  :uploadOptions!=variable.uploadOptions?"" + variable.uploadOptions:undefined
 )