@farris/jit-engine 1.3.212 → 1.3.223

package/lib/template/ui/mobilevue/checkbox-group.pug

@@ -1,51 +1,51 @@
-//- -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.label = variable.title? String(variable.title) : undefined 
--var checkerStyle = variable.checkerWidth ? { width: variable.checkerWidth + 'px' } : 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 inputDirection = variable.displayType !== 'button' ? 'vertical' : variable.direction
--var direction = variable.displayType === 'button' ? 'horizontal' : variable.direction
--var binding = variable.binding && variable.binding.path ? "form."+variable.binding.path+".value" : undefined 
--var groupClass = inputDirection === 'horizontal' ? 'd-flex justify-content-end' : undefined
--var items = variable.dataSourceType === 'dynamic' ? String(variable.bindDataSource.value) : variable.items
-
-div(
-  v-if=visible
-  class="fm-input-wrapper" 
-)
-  fm-input(
-    center
-    :required=require
-    input-align="right"
-    :labelWidth!=variable.labelWidth?variable.labelWidth+"":undefined
-    direction=inputDirection?inputDirection+"":undefined
-    :error-message!=variable.errorMessage
-    error-message-align=variable.errorMessage ? "right" : undefined
-  )&attributes(attrs)
-    template(#default)
-      fm-checkbox-group(
-        class=groupClass
-        v-model=binding
-        :readonly=readonly
-        :disabled=disable
-        :items=items ? items : undefined
-        valueField=variable.valueField?""+variable.valueField:undefined
-        textField=variable.textField?""+variable.textField:undefined
-        :checkerStyle=checkerStyle
-        direction=direction?direction+"":undefined
-        type=variable.displayType?variable.displayType+"":undefined
-      )
-    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>
+//- -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.label = variable.title? String(variable.title) : undefined 
+-var checkerStyle = variable.checkerWidth ? { width: variable.checkerWidth + 'px' } : 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 inputDirection = variable.displayType !== 'button' ? 'vertical' : variable.direction
+-var direction = variable.displayType === 'button' ? 'horizontal' : variable.direction
+-var binding = variable.binding && variable.binding.path ? "form."+variable.binding.path+".value" : undefined 
+-var groupClass = inputDirection === 'horizontal' ? 'd-flex justify-content-end' : undefined
+-var items = variable.dataSourceType === 'dynamic' ? String(variable.bindDataSource.value) : variable.items
+
+div(
+  v-if=visible
+  class="fm-input-wrapper" 
+)
+  fm-input(
+    center
+    :required=require
+    input-align="right"
+    :labelWidth!=variable.labelWidth?variable.labelWidth+"":undefined
+    direction=inputDirection?inputDirection+"":undefined
+    :error-message!=variable.errorMessage
+    error-message-align=variable.errorMessage ? "right" : undefined
+  )&attributes(attrs)
+    template(#default)
+      fm-checkbox-group(
+        class=groupClass
+        v-model=binding
+        :readonly=readonly
+        :disabled=disable
+        :items=items ? items : undefined
+        valueField=variable.valueField?""+variable.valueField:undefined
+        textField=variable.textField?""+variable.textField:undefined
+        :checkerStyle=checkerStyle
+        direction=direction?direction+"":undefined
+        type=variable.displayType?variable.displayType+"":undefined
+      )
+    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/component-ref.pug

@@ -1,3 +1,3 @@
-//- -var variable = {id:'id',"component":"Delivery-component", "componentName":"DeliveryComponent"};
-
-#{'app-' + variable.componentName.toLowerCase()}
+//- -var variable = {id:'id',"component":"Delivery-component", "componentName":"DeliveryComponent"};
+
+#{'app-' + variable.componentName.toLowerCase()}

package/lib/template/ui/mobilevue/container.pug

@@ -1,10 +1,10 @@
--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';
-
-div(
-  v-if=visible
-  id=variable.replacedId ? String(variable.replacedId) : undefined   
-)&attributes(attrs)
+-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';
+
+div(
+  v-if=visible
+  id=variable.replacedId ? String(variable.replacedId) : undefined   
+)&attributes(attrs)
   | {{content}}

package/lib/template/ui/mobilevue/contentcontainer.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';
-
-
-  div(
-    v-if=visible
-    id=variable.replacedId ? String(variable.replacedId) : undefined    
-    ref=variable.ref?""+variable.ref:undefined  
-  )&attributes(attrs)
+-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';
+
+
+  div(
+    v-if=visible
+    id=variable.replacedId ? String(variable.replacedId) : undefined    
+    ref=variable.ref?""+variable.ref:undefined  
+  )&attributes(attrs)
     | {{content}}

package/lib/template/ui/mobilevue/custom-box.pug

@@ -1,56 +1,56 @@
-//- -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 
--var bind = variable.bind ? String(variable.bind) : undefined;
-
-div(
-  v-if=visible
-  class="fm-input-wrapper" 
-)
-  component(
-    v-model=binding
-    :required=require
-    :readonly=readonly
-    :disabled=disable
-    input-align="right"
-    is=variable.componentName ? variable.componentName+"":undefined 
-    :modelValue=variable.modelValue ? variable.modelValue+"":undefined 
-    :labelWidth!=variable.labelWidth?variable.labelWidth+"":undefined
-    direction=variable.direction?variable.direction+"":undefined
-    :error-message!=variable.errorMessage
-    error-message-align=variable.errorMessage ? "right" : undefined
-    v-bind=bind
-  )&attributes(attrs)
-    if(variable.leftTemplate)
-      template(#left-icon)
-        | !{variable.leftTemplate}
-    if(variable.labelTemplate)
-      template(#label)
-        | !{variable.labelTemplate}
-    if(variable.inputTemplate)
-      | !{variable.inputTemplate}
-    if(variable.rightTemplate)
-      template(#right-icon)
-        | !{variable.rightTemplate}
-    if(variable.extraTemplate)
-      template(#extra)
-        | !{variable.extraTemplate}
-    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>
- 
+//- -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 
+-var bind = variable.bind ? String(variable.bind) : undefined;
+
+div(
+  v-if=visible
+  class="fm-input-wrapper" 
+)
+  component(
+    v-model=binding
+    :required=require
+    :readonly=readonly
+    :disabled=disable
+    input-align="right"
+    is=variable.componentName ? variable.componentName+"":undefined 
+    :modelValue=variable.modelValue ? variable.modelValue+"":undefined 
+    :labelWidth!=variable.labelWidth?variable.labelWidth+"":undefined
+    direction=variable.direction?variable.direction+"":undefined
+    :error-message!=variable.errorMessage
+    error-message-align=variable.errorMessage ? "right" : undefined
+    v-bind=bind
+  )&attributes(attrs)
+    if(variable.leftTemplate)
+      template(#left-icon)
+        | !{variable.leftTemplate}
+    if(variable.labelTemplate)
+      template(#label)
+        | !{variable.labelTemplate}
+    if(variable.inputTemplate)
+      | !{variable.inputTemplate}
+    if(variable.rightTemplate)
+      template(#right-icon)
+        | !{variable.rightTemplate}
+    if(variable.extraTemplate)
+      template(#extra)
+        | !{variable.extraTemplate}
+    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/date-time-picker.pug

@@ -1,56 +1,56 @@
-//- -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 
--var minValue = variable.minValue ? String(variable.minValue.value) : undefined;
--var maxValue = variable.maxValue ? String(variable.maxValue.value) : undefined;
-
-div(
-  v-if=visible
-  class="fm-input-wrapper" 
-)
-  fm-datetime-picker(
-    v-model=binding
-    :required=require
-    :readonly=readonly
-    :disabled=disable
-    :minValue=minValue
-    :maxValue=maxValue
-    :modelValue=variable.modelValue ? variable.modelValue+"":undefined 
-    inputClass=variable.direction === 'vertical' ? "fm-input-vertical" : undefined
-    type=variable.showType?""+variable.showType:undefined
-    title=variable.title?""+variable.title:undefined
-    format=variable.format?""+variable.format:undefined
-    input-align="right"
-    direction=variable.direction?variable.direction+"":undefined
-    :labelWidth!=variable.labelWidth?variable.labelWidth+"":undefined
-    :useCurrentSecond=variable.useCurrentSecond?""+variable.useCurrentSecond:undefined
-    :error-message!=variable.errorMessage
-    error-message-align=variable.errorMessage ? "right" : 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.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 
+-var minValue = variable.minValue ? String(variable.minValue.value) : undefined;
+-var maxValue = variable.maxValue ? String(variable.maxValue.value) : undefined;
+
+div(
+  v-if=visible
+  class="fm-input-wrapper" 
+)
+  fm-datetime-picker(
+    v-model=binding
+    :required=require
+    :readonly=readonly
+    :disabled=disable
+    :minValue=minValue
+    :maxValue=maxValue
+    :modelValue=variable.modelValue ? variable.modelValue+"":undefined 
+    inputClass=variable.direction === 'vertical' ? "fm-input-vertical" : undefined
+    type=variable.showType?""+variable.showType:undefined
+    title=variable.title?""+variable.title:undefined
+    format=variable.format?""+variable.format:undefined
+    input-align="right"
+    direction=variable.direction?variable.direction+"":undefined
+    :labelWidth!=variable.labelWidth?variable.labelWidth+"":undefined
+    :useCurrentSecond=variable.useCurrentSecond?""+variable.useCurrentSecond:undefined
+    :error-message!=variable.errorMessage
+    error-message-align=variable.errorMessage ? "right" : 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.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/field-set.pug

@@ -1,16 +1,16 @@
--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';
-
-fm-collapse-item(
-  v-if=visible
-  id=variable.replacedId ? String(variable.replacedId) : undefined   
-  title=variable.title?String(variable.title) : undefined
-  position=variable.isInner ? 'bottom' : 'top'
-  :collapse=variable.collapse?String(variable.collapse): undefined
-)&attributes(attrs)
-  if(variable.headerTemplate)
-      template(#title)
-        | !{variable.headerTemplate}
+-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';
+
+fm-collapse-item(
+  v-if=visible
+  id=variable.replacedId ? String(variable.replacedId) : undefined   
+  title=variable.title?String(variable.title) : undefined
+  position=variable.isInner ? 'bottom' : 'top'
+  :collapse=variable.collapse?String(variable.collapse): undefined
+)&attributes(attrs)
+  if(variable.headerTemplate)
+      template(#title)
+        | !{variable.headerTemplate}
   | {{content}}

package/lib/template/ui/mobilevue/filter.pug

@@ -1,24 +1,24 @@
--var attrs = {};
--attrs.class = variable.appearance && variable.appearance.class;
--attrs.style = variable.appearance && variable.appearance.style;
--attrs.id = variable.replacedId ? String(variable.replacedId) : undefined;
--var visible = variable.visible ? String(variable.visible.value) : 'false';
--var searchFields = variable.searchFields ? String(variable.searchFields.value) : undefined;
-
-fm-filter(
-  v-if=visible
-  ref=variable.replacedId
-  :searchFields=searchFields
-  v-model=variable.binding?""+variable.binding:undefined 
-  type=variable.showType?""+variable.showType:undefined
-  position=variable.position?""+variable.position:undefined
-  placeholder=variable.placeholder?""+variable.placeholder:undefined
-  :searchBoxValue=variable.searchBoxValue?""+variable.searchBoxValue:undefined
-  :useSearch=variable.useSearch?""+variable.useSearch:undefined
-  :fieldConfigs=variable.fieldConfigs?""+variable.fieldConfigs:[] 
-  @confirm=variable.onQuery?""+variable.onQuery:undefined
-  @searchBoxChange=variable.searchBoxChange?""+variable.searchBoxChange:undefined
-)&attributes(attrs)
-  if(variable.lookupCellTemplate)
-    template(v-slot:lookup-cell="slotProps")
+-var attrs = {};
+-attrs.class = variable.appearance && variable.appearance.class;
+-attrs.style = variable.appearance && variable.appearance.style;
+-attrs.id = variable.replacedId ? String(variable.replacedId) : undefined;
+-var visible = variable.visible ? String(variable.visible.value) : 'false';
+-var searchFields = variable.searchFields ? String(variable.searchFields.value) : undefined;
+
+fm-filter(
+  v-if=visible
+  ref=variable.replacedId
+  :searchFields=searchFields
+  v-model=variable.binding?""+variable.binding:undefined 
+  type=variable.showType?""+variable.showType:undefined
+  position=variable.position?""+variable.position:undefined
+  placeholder=variable.placeholder?""+variable.placeholder:undefined
+  :searchBoxValue=variable.searchBoxValue?""+variable.searchBoxValue:undefined
+  :useSearch=variable.useSearch?""+variable.useSearch:undefined
+  :fieldConfigs=variable.fieldConfigs?""+variable.fieldConfigs:[] 
+  @confirm=variable.onQuery?""+variable.onQuery:undefined
+  @searchBoxChange=variable.searchBoxChange?""+variable.searchBoxChange:undefined
+)&attributes(attrs)
+  if(variable.lookupCellTemplate)
+    template(v-slot:lookup-cell="slotProps")
       | !{variable.lookupCellTemplate}

package/lib/template/ui/mobilevue/form.pug

@@ -1,8 +1,8 @@
--var attrs = {};
--attrs.class = variable.appearance && variable.appearance.class;
--attrs.style = variable.appearance && variable.appearance.style;
-
-div(
-  id=variable.replacedId ? String(variable.replacedId) : undefined   
-)&attributes(attrs)
+-var attrs = {};
+-attrs.class = variable.appearance && variable.appearance.class;
+-attrs.style = variable.appearance && variable.appearance.style;
+
+div(
+  id=variable.replacedId ? String(variable.replacedId) : undefined   
+)&attributes(attrs)
   | {{content}}

package/lib/template/ui/mobilevue/html-preview.pug

@@ -1,21 +1,21 @@
--variable.readonly = variable.readonly?String(variable.readonly).replace(/"/g, "'")+"":undefined;
-//- -variable.errorMessage = variable.binding && variable.binding.path? `form.${variable.binding.path}.validationResult && form.${variable.binding.path}.validationResult.message`:undefined 
-
-div(class="fm-input-wrapper" v-if=variable.visible?variable.visible+"":"false")
-  fm-input(
-    id=variable.id?"" + variable.id:undefined 
-    label=variable.title?variable.title:undefined 
-  )
-    template(#value)
-      fm-html(
-        :html=variable.binding && variable.binding.path?"form."+variable.binding.path+".value":undefined 
-      )
-    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>
+-variable.readonly = variable.readonly?String(variable.readonly).replace(/"/g, "'")+"":undefined;
+//- -variable.errorMessage = variable.binding && variable.binding.path? `form.${variable.binding.path}.validationResult && form.${variable.binding.path}.validationResult.message`:undefined 
+
+div(class="fm-input-wrapper" v-if=variable.visible?variable.visible+"":"false")
+  fm-input(
+    id=variable.id?"" + variable.id:undefined 
+    label=variable.title?variable.title:undefined 
+  )
+    template(#value)
+      fm-html(
+        :html=variable.binding && variable.binding.path?"form."+variable.binding.path+".value":undefined 
+      )
+    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/image-uploader.pug

@@ -1,15 +1,15 @@
--var imageInfo =`$formatUtils.fileInfo(currentEntityData.${variable.binding.bindingPath}, '${variable.rootId}')` 
--var extendContext =`{ rootId: '${variable.rootId}', formId: '${variable.parentDirName}', fieldPath: '/${variable.binding.bindingPath}'}` 
-
-div(class="fm-input-wrapper" v-if=variable.visible?variable.visible+"":"false")
-  fm-image-uploader(
-    style=(variable.appearance && variable.appearance.style)  
-    class=variable.className
-    id=variable.id?"" + variable.id:undefined 
-    title=variable.title?variable.title:undefined 
-    :disabled!=variable.disabled?variable.disabled+"":undefined
-    :imageInfo!=imageInfo
-    :extendContext!=extendContext
-  )
-    
- 
+-var imageInfo =`$formatUtils.fileInfo(currentEntityData.${variable.binding.bindingPath}, '${variable.rootId}')` 
+-var extendContext =`{ rootId: '${variable.rootId}', formId: '${variable.parentDirName}', fieldPath: '/${variable.binding.bindingPath}'}` 
+
+div(class="fm-input-wrapper" v-if=variable.visible?variable.visible+"":"false")
+  fm-image-uploader(
+    style=(variable.appearance && variable.appearance.style)  
+    class=variable.className
+    id=variable.id?"" + variable.id:undefined 
+    title=variable.title?variable.title:undefined 
+    :disabled!=variable.disabled?variable.disabled+"":undefined
+    :imageInfo!=imageInfo
+    :extendContext!=extendContext
+  )
+    
+ 

package/lib/template/ui/mobilevue/image.pug

@@ -1,12 +1,12 @@
-
-fm-image(
-  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 
-  width=variable.width?"" + variable.width:"100%" 
-  height=variable.height?"" + variable.height:undefined 
-  :src=variable.src?"" + variable.src:undefined  
-  :fit=variable.fit?"" + variable.fit:undefined 
-  :round=variable.round?"" + variable.round:undefined 
+
+fm-image(
+  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 
+  width=variable.width?"" + variable.width:"100%" 
+  height=variable.height?"" + variable.height:undefined 
+  :src=variable.src?"" + variable.src:undefined  
+  :fit=variable.fit?"" + variable.fit:undefined 
+  :round=variable.round?"" + variable.round:undefined 
 )