@farris/jit-engine 1.3.231 → 1.3.233

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

@@ -1,58 +1,58 @@
-//- -variable.readonly = variable.readonly?String(variable.readonly).replace(/"/g, "'")+"":undefined;
--var attrs = {};
--attrs.type = "text"
--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-input(
-    v-model=binding
-    :required=require
-    :readonly=readonly
-    :disabled=disable
-    :modelValue=variable.modelValue ? variable.modelValue+"":undefined 
-    :clearable!=variable.clearable?variable.clearable+"":undefined
-    :is-link!=variable.isLink?variable.isLink+"":undefined
-    :labelWidth!=variable.labelWidth?variable.labelWidth+"":undefined
-    :formatter=variable.formatter?variable.formatter+"":undefined
-    direction=variable.direction?variable.direction+"":undefined
-    input-align="right"
-    extra=variable.suffix?variable.suffix+"":undefined
-    :error-message!=variable.errorMessage
-    error-message-align=variable.errorMessage ? "right" : undefined
-  )&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.type = "text"
+-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-input(
+    v-model=binding
+    :required=require
+    :readonly=readonly
+    :disabled=disable
+    :modelValue=variable.modelValue ? variable.modelValue+"":undefined 
+    :clearable!=variable.clearable?variable.clearable+"":undefined
+    :is-link!=variable.isLink?variable.isLink+"":undefined
+    :labelWidth!=variable.labelWidth?variable.labelWidth+"":undefined
+    :formatter=variable.formatter?variable.formatter+"":undefined
+    direction=variable.direction?variable.direction+"":undefined
+    input-align="right"
+    extra=variable.suffix?variable.suffix+"":undefined
+    :error-message!=variable.errorMessage
+    error-message-align=variable.errorMessage ? "right" : undefined
+  )&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/text-scan.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.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-scan-input(
-    v-model=binding
-    :required=require
-    :readonly=readonly
-    :disabled=disable
-    :modelValue=variable.modelValue ?variable.modelValue+"":undefined 
-    :clearable!=variable.clearable?variable.clearable+"":undefined
-    :is-link!=variable.isLink?variable.isLink+"":undefined
-    :labelWidth!=variable.labelWidth?variable.labelWidth+"":undefined
-    direction=variable.direction?variable.direction+"":undefined
-    input-align="right"
-    extra=variable.suffix?variable.suffix+"":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>
- 
+//- -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-scan-input(
+    v-model=binding
+    :required=require
+    :readonly=readonly
+    :disabled=disable
+    :modelValue=variable.modelValue ?variable.modelValue+"":undefined 
+    :clearable!=variable.clearable?variable.clearable+"":undefined
+    :is-link!=variable.isLink?variable.isLink+"":undefined
+    :labelWidth!=variable.labelWidth?variable.labelWidth+"":undefined
+    direction=variable.direction?variable.direction+"":undefined
+    input-align="right"
+    extra=variable.suffix?variable.suffix+"":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/text-telphone.pug

@@ -1,34 +1,34 @@
-//- -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-telphone-input(
-    v-model=binding
-    :required=require
-    :readonly=readonly
-    :disabled=disable
-    :modelValue=variable.modelValue ?variable.modelValue+"":undefined 
-    :clearable!=variable.clearable?variable.clearable+"":undefined
-    :is-link!=variable.isLink?variable.isLink+"":undefined
-    :labelWidth!=variable.labelWidth?variable.labelWidth+"":undefined
-    direction=variable.direction?variable.direction+"":undefined
-    input-align="right"
-    extra=variable.suffix?variable.suffix+"":undefined
-    :error-message!=variable.errorMessage
-    error-message-align=variable.errorMessage ? "right" : undefined
-  )&attributes(attrs)
-    
- 
+//- -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-telphone-input(
+    v-model=binding
+    :required=require
+    :readonly=readonly
+    :disabled=disable
+    :modelValue=variable.modelValue ?variable.modelValue+"":undefined 
+    :clearable!=variable.clearable?variable.clearable+"":undefined
+    :is-link!=variable.isLink?variable.isLink+"":undefined
+    :labelWidth!=variable.labelWidth?variable.labelWidth+"":undefined
+    direction=variable.direction?variable.direction+"":undefined
+    input-align="right"
+    extra=variable.suffix?variable.suffix+"":undefined
+    :error-message!=variable.errorMessage
+    error-message-align=variable.errorMessage ? "right" : undefined
+  )&attributes(attrs)
+    
+ 

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

@@ -1,10 +1,10 @@
--var attrs = {};
--attrs.class = variable.appearance && variable.appearance.class;
--attrs.style = variable.appearance && variable.appearance.style;
--attrs.type = variable.displayType ? String(variable.displayType) : undefined
--var visible = variable.visible ? String(variable.visible.value) : 'false';
-
-fm-button-group(
-  v-if=visible
-  :items=variable.items?variable.items+"":undefined
+-var attrs = {};
+-attrs.class = variable.appearance && variable.appearance.class;
+-attrs.style = variable.appearance && variable.appearance.style;
+-attrs.type = variable.displayType ? String(variable.displayType) : undefined
+-var visible = variable.visible ? String(variable.visible.value) : 'false';
+
+fm-button-group(
+  v-if=visible
+  :items=variable.items?variable.items+"":undefined
 )&attributes(attrs)

package/lib/template/ui/mobilevue/toolbar-item.pug

@@ -1,15 +1,15 @@
--var iconClass = "fm-popover-item-icon " + variable.iconType ? variable.iconType : '';
--var visible = variable.visible ? String(variable.visible.value) : undefined;
--var attrs = {};
--attrs.class = variable.appearance && variable.appearance.class ? variable.appearance.class + " fm-popover-item" : "fm-popover-item";
--attrs.style = variable.appearance && variable.appearance.style;
-
-div(
-    v-if=visible
-    @click=variable.click?""+variable.click:undefined 
-)&attributes(attrs)
-    div(class="fm-popover-item-container")
-        if(variable.iconType) 
-            div(class=iconClass)
-        div(class="fm-popover-item-content")
+-var iconClass = "fm-popover-item-icon " + variable.iconType ? variable.iconType : '';
+-var visible = variable.visible ? String(variable.visible.value) : undefined;
+-var attrs = {};
+-attrs.class = variable.appearance && variable.appearance.class ? variable.appearance.class + " fm-popover-item" : "fm-popover-item";
+-attrs.style = variable.appearance && variable.appearance.style;
+
+div(
+    v-if=visible
+    @click=variable.click?""+variable.click:undefined 
+)&attributes(attrs)
+    div(class="fm-popover-item-container")
+        if(variable.iconType) 
+            div(class=iconClass)
+        div(class="fm-popover-item-content")
             | !{variable.text?variable.text:""}

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

@@ -1,6 +1,6 @@
-div(
-  v-if=variable.visible?variable.visible+"":"false"
-  class=(variable.appearance && variable.appearance.class)
-  style=(variable.appearance && variable.appearance.style)
-)
+div(
+  v-if=variable.visible?variable.visible+"":"false"
+  class=(variable.appearance && variable.appearance.class)
+  style=(variable.appearance && variable.appearance.style)
+)
   | {{content}}

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

@@ -1,10 +1,10 @@
--variable.readonly = variable.readonly?String(variable.readonly).replace(/"/g, "'")+"":undefined;
-
-farris-mobile-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;
+
+farris-mobile-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/mobilevue2/attachment-entry.pug

@@ -1,9 +1,9 @@
-- var fileList = variable.attachmentPath ? `entityListData|filterData('${variable.attachmentPath}','${variable.rootId}')` : '[]'
-farris-attachment-entry(
-  v-if=variable.visible?variable.visible+"":"false"
-  :fileList=fileList
-  :disabled=variable.disabled?"" + variable.disabled:undefined
-  @remove=variable.remove?"" + variable.remove:undefined
-  @upload=variable.upload?"" + variable.upload:undefined
-  @selectChange=variable.selectChange? "" + variable.selectChange:undefined
+- var fileList = variable.attachmentPath ? `entityListData|filterData('${variable.attachmentPath}','${variable.rootId}')` : '[]'
+farris-attachment-entry(
+  v-if=variable.visible?variable.visible+"":"false"
+  :fileList=fileList
+  :disabled=variable.disabled?"" + variable.disabled:undefined
+  @remove=variable.remove?"" + variable.remove:undefined
+  @upload=variable.upload?"" + variable.upload:undefined
+  @selectChange=variable.selectChange? "" + variable.selectChange:undefined
   )

package/lib/template/ui/mobilevue2/attachment.pug

@@ -1,14 +1,14 @@
-- var fileList = variable.attachmentPath ? `entityListData|filterData('${variable.attachmentPath}','${variable.rootId}')` : '[]'
-farris-mobile-attachment(
-  v-if=variable.visible?variable.visible+"":"false"
-  :fileList=fileList
-  :multiple=variable.multiple?"" + variable.multiple:undefined
-  accept=variable.accept?"" + variable.accept:undefined
-  parentDirName=variable.parentDirName? "" + variable.parentDirName:undefined
-  rootId=variable.rootId? "" + variable.rootId:undefined
-  :disabled=variable.disabled?"" + variable.disabled:undefined
-  v-bind-attachment-extender
-  @afterAppendFile=variable.afterAppendFile?"" + variable.afterAppendFile:undefined
-  @remove=variable.remove? "" + variable.remove:undefined
-  @selectChange=variable.selectChange? "" + variable.selectChange:undefined
+- var fileList = variable.attachmentPath ? `entityListData|filterData('${variable.attachmentPath}','${variable.rootId}')` : '[]'
+farris-mobile-attachment(
+  v-if=variable.visible?variable.visible+"":"false"
+  :fileList=fileList
+  :multiple=variable.multiple?"" + variable.multiple:undefined
+  accept=variable.accept?"" + variable.accept:undefined
+  parentDirName=variable.parentDirName? "" + variable.parentDirName:undefined
+  rootId=variable.rootId? "" + variable.rootId:undefined
+  :disabled=variable.disabled?"" + variable.disabled:undefined
+  v-bind-attachment-extender
+  @afterAppendFile=variable.afterAppendFile?"" + variable.afterAppendFile:undefined
+  @remove=variable.remove? "" + variable.remove:undefined
+  @selectChange=variable.selectChange? "" + variable.selectChange:undefined
   )

package/lib/template/ui/mobilevue2/button.pug

@@ -1,12 +1,12 @@
-farris-mobile-button(
-  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 
-  type="info"
-  :block="true" 
-  :round="true"
-  :disabled=variable.disabled?"" + variable.disabled:undefined 
-  @click=variable.click?"" + variable.click:undefined 
-)
+farris-mobile-button(
+  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 
+  type="info"
+  :block="true" 
+  :round="true"
+  :disabled=variable.disabled?"" + variable.disabled:undefined 
+  @click=variable.click?"" + variable.click:undefined 
+)
   =variable.text?"" + variable.text:undefined 

package/lib/template/ui/mobilevue2/calendar.pug

@@ -1,12 +1,12 @@
-farris-mobile-calendar(
-  class=(variable.appearance && variable.appearance.class)
-  style=(variable.appearance && variable.appearance.style)
-  v-if=variable.visible?variable.visible+"":"false"
-  title=variable.title?""+variable.title:undefined 
-  :value=variable.value?""+variable.value:undefined 
-  :firstDay=variable.firstDay?""+variable.firstDay:undefined 
-  view=variable.view?""+variable.view:undefined 
-  :mark=variable.mark?""+variable.mark:undefined 
-  :event=variable.event?""+variable.event:undefined 
-  @dayClick=variable.dayClick?""+variable.dayClick:undefined 
+farris-mobile-calendar(
+  class=(variable.appearance && variable.appearance.class)
+  style=(variable.appearance && variable.appearance.style)
+  v-if=variable.visible?variable.visible+"":"false"
+  title=variable.title?""+variable.title:undefined 
+  :value=variable.value?""+variable.value:undefined 
+  :firstDay=variable.firstDay?""+variable.firstDay:undefined 
+  view=variable.view?""+variable.view:undefined 
+  :mark=variable.mark?""+variable.mark:undefined 
+  :event=variable.event?""+variable.event:undefined 
+  @dayClick=variable.dayClick?""+variable.dayClick:undefined 
 )

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

@@ -1,11 +1,11 @@
--variable.readonly = variable.readonly?String(variable.readonly).replace(/"/g, "'")+"":undefined;
-div(class="fm-input-wrapper" v-if=variable.visible?undefined:"false")
-  van-cell(title=variable.title?""+variable.title:undefined class=variable.require?"van-cell--required":undefined)
-    template(#label)
-      farris-mobile-checkbox-group(
-        v-model=variable.binding && variable.binding.path?"form."+variable.binding.path+".value":undefined 
-        :items=variable.items?""+variable.items:undefined
-        valueField=variable.valueField?""+variable.valueField:undefined
-        textField=variable.textField?""+variable.textField:undefined
-        :disabled=variable.readonly?variable.readonly+"":undefined
-      )
+-variable.readonly = variable.readonly?String(variable.readonly).replace(/"/g, "'")+"":undefined;
+div(class="fm-input-wrapper" v-if=variable.visible?undefined:"false")
+  van-cell(title=variable.title?""+variable.title:undefined class=variable.require?"van-cell--required":undefined)
+    template(#label)
+      farris-mobile-checkbox-group(
+        v-model=variable.binding && variable.binding.path?"form."+variable.binding.path+".value":undefined 
+        :items=variable.items?""+variable.items:undefined
+        valueField=variable.valueField?""+variable.valueField:undefined
+        textField=variable.textField?""+variable.textField:undefined
+        :disabled=variable.readonly?variable.readonly+"":undefined
+      )

package/lib/template/ui/mobilevue2/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/mobilevue2/contentcontainer.pug

@@ -1,5 +1,5 @@
-//- -var variable={"appearance": {"class": "p-2", "style": "width:'20px'"}};
--var attrs = {};
-
-  div(id=variable.replacedId?""+variable.replacedId:undefined  class=(variable.appearance && variable.appearance.class) style=(variable.appearance && variable.appearance.style)  'v-if'!=variable.visible?variable.visible.value+'':undefined    tabindex=(variable.tabindex || variable.tabindex ==0)?""+variable.tabindex:undefined)&attributes(attrs)
+//- -var variable={"appearance": {"class": "p-2", "style": "width:'20px'"}};
+-var attrs = {};
+
+  div(id=variable.replacedId?""+variable.replacedId:undefined  class=(variable.appearance && variable.appearance.class) style=(variable.appearance && variable.appearance.style)  'v-if'!=variable.visible?variable.visible.value+'':undefined    tabindex=(variable.tabindex || variable.tabindex ==0)?""+variable.tabindex:undefined)&attributes(attrs)
     | {{content}}

package/lib/template/ui/mobilevue2/date-time-picker.pug

@@ -1,28 +1,28 @@
--variable.readonly = variable.readonly?String(variable.readonly).replace(/"/g, "'")+"":undefined;
-
-div(v-if=variable.visible?variable.visible+"":"false" class="fm-input-wrapper")
-  farris-mobile-date-picker(
-    v-if=variable.isTextArea?"!stateMachine['showStaticText']":undefined 
-    id=variable.id?""+variable.id:undefined 
-    label=variable.title?""+variable.title:undefined 
-    disable=variable.disable?""+variable.disable:undefined  
-    :readonly=variable.readonly?""+variable.readonly:undefined
-    :required!=variable.require?variable.require+"":undefined
-    v-model=variable.binding && variable.binding.path?"form."+variable.binding.path+".value":undefined 
-    placeholder=variable.placeholder?""+variable.placeholder:undefined
-    type=variable.showType?""+variable.showType:undefined
-    title=variable.title?""+variable.title:undefined
-    format=variable.format?""+variable.format:undefined
-    input-align="right"
-    :error-message!=variable.errorMessage
-    error-message-align=variable.errorMessage ? "right" : undefined
-  )
-    if(variable.rightTemplate)
-      template(#right-icon)
-        | !{variable.rightTemplate}
-  if(variable.isTextArea) 
-    farris-mobile-text(
-      v-if="stateMachine['showStaticText']"
-      label=variable.title?variable.title:undefined 
-      :value=variable.binding && variable.binding.path?"form."+variable.binding.path+".value":undefined
+-variable.readonly = variable.readonly?String(variable.readonly).replace(/"/g, "'")+"":undefined;
+
+div(v-if=variable.visible?variable.visible+"":"false" class="fm-input-wrapper")
+  farris-mobile-date-picker(
+    v-if=variable.isTextArea?"!stateMachine['showStaticText']":undefined 
+    id=variable.id?""+variable.id:undefined 
+    label=variable.title?""+variable.title:undefined 
+    disable=variable.disable?""+variable.disable:undefined  
+    :readonly=variable.readonly?""+variable.readonly:undefined
+    :required!=variable.require?variable.require+"":undefined
+    v-model=variable.binding && variable.binding.path?"form."+variable.binding.path+".value":undefined 
+    placeholder=variable.placeholder?""+variable.placeholder:undefined
+    type=variable.showType?""+variable.showType:undefined
+    title=variable.title?""+variable.title:undefined
+    format=variable.format?""+variable.format:undefined
+    input-align="right"
+    :error-message!=variable.errorMessage
+    error-message-align=variable.errorMessage ? "right" : undefined
+  )
+    if(variable.rightTemplate)
+      template(#right-icon)
+        | !{variable.rightTemplate}
+  if(variable.isTextArea) 
+    farris-mobile-text(
+      v-if="stateMachine['showStaticText']"
+      label=variable.title?variable.title:undefined 
+      :value=variable.binding && variable.binding.path?"form."+variable.binding.path+".value":undefined
     )