@farris/jit-engine 1.3.168 → 1.3.171

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

@@ -1,39 +1,29 @@
-//- -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 
+-variable.readonly = variable.readonly?String(variable.readonly).replace(/"/g, "'")+"":undefined;
 
-div(
-  v-if=visible
-  class="fm-input-wrapper" 
-)
+div(v-if!=variable.visible?variable.visible+"":"false" class="fm-input-wrapper")
   fm-datetime-picker(
-    v-model=binding
-    :required=require
-    :readonly=readonly
-    :disabled=disable
-    :modelValue=variable.modelValue ? variable.modelValue+"":undefined 
+    style=(variable.appearance && variable.appearance.style)  
+    class=(variable.appearance && variable.appearance.class)  
     inputClass=variable.direction === 'vertical' ? "fm-input-vertical" : undefined
+    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"
-    direction=variable.direction?variable.direction+"":undefined
     :labelWidth!=variable.labelWidth?variable.labelWidth+"":undefined
     :minValue=variable.minValue?""+variable.minValue:undefined
     :maxValue=variable.maxValue?""+variable.maxValue:undefined
     :useCurrentSecond=variable.useCurrentSecond?""+variable.useCurrentSecond:undefined
     :error-message!=variable.errorMessage
     error-message-align=variable.errorMessage ? "right" : undefined
-  )&attributes(attrs)
+  )
     if(variable.rightTemplate)
       template(#right-icon)
         | !{variable.rightTemplate}

package/lib/template/ui/mobilevue/list-view.pug

@@ -1,13 +1,12 @@
 
 - var finished = variable.enablePullUpLoad ? "uiState['listaviewState']['loadMoreFinished']" : "true"
 - var showFinishedText = variable.enablePullUpLoad ? undefined : "false"
-- var attrs = {};
-- attrs.class = variable.appearance && variable.appearance.class;
-- attrs.style = variable.appearance && variable.appearance.style;
-- var visible = variable.visible ? String(variable.visible.value) : undefined;
 
 fm-listview( 
-  v-if=visible
+  v-if=variable.visible?variable.visible+"":"false"
+  className="fm-tmpl-list-with-img-detail"
+  style=(variable.appearance && variable.appearance.style)  
+  class=(variable.appearance && variable.appearance.class)  
   ref=variable.replacedId
   :list-data=variable.data?""+variable.data:"entityListData" 
   :finished=finished
@@ -15,8 +14,8 @@ fm-listview(
   :loading="uiState['listaviewState']['loadMoreLoading']"
   :enablePullRefresh = variable.enablePullDownRefresh ? 'true' : undefined
   :listRefreshing=variable.enablePullDownRefresh ? "uiState['listaviewState']['refreshLoading']" : undefined
-  :multiple=(variable.multiSelect || variable.multiSelect === false)?""+variable.multiSelect:undefined 
-  :offset=(variable.offset || variable.offset === 0 )?""+variable.offset:undefined 
+  :multiple=(variable.multiSelect ||variable.multiSelect==false)?""+variable.multiSelect:undefined 
+  :offset=(variable.offset || variable.offset==0)?""+variable.offset:undefined 
   :loadingText=variable.loadingText?"'"+variable.loadingText+"'":undefined 
   :finishedText=variable.finishedText?"'"+variable.finishedText+"'":undefined 
   :errorText=variable.errorText?"'"+variable.errorText+"'":undefined 
@@ -31,7 +30,7 @@ fm-listview(
   v-on:multipleSubmit=variable.multipleSubmit?""+variable.multipleSubmit:undefined 
   v-on:multipleCancel=variable.multipleCancel?""+variable.multipleCancel:undefined 
   v-on:itemClick=variable.itemClick?""+variable.itemClick:undefined
-)&attributes(attrs)
+)
   if(variable.showValidatorResults)
     template(#listViewHeader v-if!="uiState.childValidatorResults && uiState.childValidatorResults.length > 0")
       div(class="fm-listview-error")
@@ -47,27 +46,23 @@ fm-listview(
           <span class="fm-error-text">详情</span>
 
   template(v-slot="props")
-    if(variable.swipeTemplate)
-      fm-swipecell(
-        @click=variable.listClick?""+variable.listClick:undefined
-      )
-        !=variable.swipeTemplate?variable.swipeTemplate:''
-        div
-          !=variable.contentTemplate?variable.contentTemplate:''
-    else if(variable.swipeToolbar && variable.swipeToolbar.items && variable.swipeToolbar.items.length >0)
+    if(variable.swipeToolbar)
       fm-swipecell
         template(v-slot:right="{close}")
           each item in variable.swipeToolbar.items
             div( 
-              v-if!=item.visible?String(item.visible.value):undefined
-              class=item.appearance && item.appearance.class? item.appearance.class + " fm-list-view-swipe-toolbar" : "fm-list-view-swipe-toolbar"
-              style!=item.appearance && item.appearance.style
+              v-if!=item.visible?item.visible+"":"false"
+              class="fm-list-view-swipe-toolbar"
+              style!=item.style?item.style+"":undefined
               @click.stop=item.click?item.click+"({ swipecellClose: close })":undefined
             )=item.text
-        div(@click=variable.listClick?""+variable.listClick:undefined)
+        div(class="fm-bussiness-travel-record-list-item limg-rcon--item" @click=variable.listClick?""+variable.listClick:undefined)
+          !=variable.contentTemplate?variable.contentTemplate:''
+    else if(variable.swipeTemplate)
+      fm-swipecell(@click=variable.listClick?""+variable.listClick:undefined)
+        !=variable.swipeTemplate?variable.swipeTemplate:''
+        div(class="fm-bussiness-travel-record-list-item limg-rcon--item")
           !=variable.contentTemplate?variable.contentTemplate:''
     else 
-      div(
-        @click=variable.listClick?""+variable.listClick:undefined
-      )
+      div(class="fm-bussiness-travel-record-list-item limg-rcon--item" @click=variable.listClick?""+variable.listClick:undefined)
           !=variable.contentTemplate?variable.contentTemplate:''

package/lib/template/ui/mobilevue/lookup-department.pug

@@ -1,29 +1,21 @@
-//- -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 
+-variable.readonly = variable.readonly?String(variable.readonly).replace(/"/g, "'")+"":undefined;
 
-div(
-  v-if=visible
-  class="fm-input-wrapper" 
-)
+div(v-if!=variable.visible?variable.visible+"":"false" class="fm-input-wrapper")
   fm-lookup-department(
-    v-model=binding
-    :required=require
-    :readonly=readonly
-    :disabled=disable
-    :modelValue=variable.value ? variable.value+"":undefined 
+    style=(variable.appearance && variable.appearance.style)  
+    class=(variable.appearance && variable.appearance.class)  
+    v-if=variable.isTextArea?"!stateMachine['showStaticText']":undefined 
+    id=variable.id?""+variable.id:undefined 
+    label=variable.title?""+variable.title:undefined 
     title=variable.title?""+variable.title:undefined 
     navTitle=variable.navTitle?""+variable.navTitle:undefined 
+    disabled!=variable.disabled?""+variable.disabled:undefined 
+    :readonly!=variable.readonly?""+variable.readonly:undefined
+    :required!=variable.require?variable.require+"":undefined
     :clearable!=variable.clearable?variable.clearable+"":undefined
+    placeholder=variable.placeholder?""+variable.placeholder:undefined 
+    v-model=variable.binding && variable.binding.path?"form."+variable.binding.path+".value":undefined 
+    modelValue=variable.value ?""+variable.value:undefined 
     url=variable.dataSource.uri?""+variable.dataSource.uri:undefined 
     data=variable.data?""+variable.data:undefined
     idField=variable.dataSource.idField?""+variable.dataSource.idField:undefined 
@@ -55,12 +47,11 @@ div(
     :labelWidth!=variable.labelWidth?variable.labelWidth+"":undefined
     :error-message!=variable.errorMessage
     error-message-align=variable.errorMessage ? "right" : undefined
-    direction=variable.direction?variable.direction+"":undefined
     inputTemplate=variable.inputTemplateName?""+variable.inputTemplateName:undefined 
     :formatter=variable.formatter?""+variable.formatter:undefined 
     @confirm=variable.lookupPicked?""+variable.lookupPicked:undefined 
     @valueChange=variable.valueChange?""+variable.valueChange:undefined 
-  )&attributes(attrs)
+  )
     if(variable.rightTemplate)
       template(#right-icon)
         | !{variable.rightTemplate}

package/lib/template/ui/mobilevue/lookup-employee.pug

@@ -1,30 +1,22 @@
-//- -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 
+-variable.readonly = variable.readonly?String(variable.readonly).replace(/"/g, "'")+"":undefined;
 
-div(
-  v-if=visible
-  class="fm-input-wrapper" 
-)
+div(v-if!=variable.visible?variable.visible+"":"false" class="fm-input-wrapper")
   fm-lookup-employee(
-    v-model=binding
-    :required=require
-    :readonly=readonly
-    :disabled=disable
-    :modelValue=variable.value ? variable.value+"":undefined 
+    style=(variable.appearance && variable.appearance.style)  
+    class=(variable.appearance && variable.appearance.class)  
+    v-if=variable.isTextArea?"!stateMachine['showStaticText']":undefined 
+    id=variable.id?""+variable.id:undefined 
+    label=variable.title?""+variable.title:undefined 
     title=variable.title?""+variable.title:undefined 
     navTitle=variable.navTitle?""+variable.navTitle:undefined 
     groupTitle=variable.groupTitle?""+variable.groupTitle:undefined 
+    disabled!=variable.disabled?""+variable.disabled:undefined 
+    :readonly!=variable.readonly?""+variable.readonly:undefined
+    :required!=variable.require?variable.require+"":undefined
     :clearable!=variable.clearable?variable.clearable+"":undefined
+    placeholder=variable.placeholder?""+variable.placeholder:undefined 
+    v-model=variable.binding && variable.binding.path?"form."+variable.binding.path+".value":undefined 
+    modelValue=variable.value ?""+variable.value:undefined 
     url=variable.dataSource.uri?""+variable.dataSource.uri:undefined 
     data=variable.data?""+variable.data:undefined
     idField=variable.dataSource.idField?""+variable.dataSource.idField:undefined 
@@ -56,13 +48,12 @@ div(
     inputTemplate=variable.inputTemplateName?""+variable.inputTemplateName:undefined 
     :formatter=variable.formatter?""+variable.formatter:undefined 
     :labelWidth!=variable.labelWidth?variable.labelWidth+"":undefined
-    direction=variable.direction?variable.direction+"":undefined
     dataStrategy!=variable.dataStrategy?variable.dataStrategy+"":undefined
     :error-message!=variable.errorMessage
     error-message-align=variable.errorMessage ? "right" : undefined
     @confirm=variable.lookupPicked?""+variable.lookupPicked:undefined 
     @valueChange=variable.valueChange?""+variable.valueChange:undefined 
-  )&attributes(attrs)
+  )
     if(variable.rightTemplate)
       template(#right-icon)
         | !{variable.rightTemplate}

package/lib/template/ui/mobilevue/lookup-input.pug

@@ -1,31 +1,23 @@
-//- -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 
+-variable.readonly = variable.readonly?String(variable.readonly).replace(/"/g, "'")+"":undefined;
 
-div(
-  v-if=visible
-  class="fm-input-wrapper" 
-)
+div(v-if!=variable.visible?variable.visible+"":"false" class="fm-input-wrapper")
   fm-lookup-input(
-    v-model=binding
-    :required=require
-    :readonly=readonly
-    :disabled=disable
-    :modelValue=variable.value ? variable.value+"":undefined 
-    direction=variable.direction?variable.direction+"":undefined
+    style=(variable.appearance && variable.appearance.style)  
+    class=(variable.appearance && variable.appearance.class)  
+    inputClass=variable.direction === 'vertical' ? "fm-input-vertical" : undefined
+    v-if!=variable.isTextArea?"!stateMachine['showStaticText']":undefined 
+    id=variable.id?""+variable.id:undefined 
+    label=variable.title?""+variable.title:undefined 
     title=variable.title?""+variable.title:undefined 
     navTitle=variable.navTitle?""+variable.navTitle:undefined 
     groupTitle=variable.groupTitle?""+variable.groupTitle:undefined 
+    disabled!=variable.disabled?""+variable.disabled:undefined 
+    :readonly!=variable.readonly?""+variable.readonly:undefined
+    :required!=variable.require?variable.require+"":undefined
     :clearable!=variable.clearable?variable.clearable+"":undefined
+    placeholder=variable.placeholder?""+variable.placeholder:undefined 
+    v-model=variable.binding && variable.binding.path?"form."+variable.binding.path+".value":undefined 
+    modelValue=variable.value ?""+variable.value:undefined 
     url=variable.dataSource.uri?""+variable.dataSource.uri:undefined 
     data=variable.data?""+variable.data:undefined
     idField=variable.dataSource.idField?""+variable.dataSource.idField:undefined 
@@ -60,10 +52,11 @@ div(
     :labelWidth!=variable.labelWidth?variable.labelWidth+"":undefined
     :formatter!=variable.formatter?""+variable.formatter:undefined 
     :error-message!=variable.errorMessage
+
     error-message-align=variable.errorMessage ? "right" : undefined
     @confirm=variable.lookupPicked?""+variable.lookupPicked:undefined 
     @valueChange=variable.valueChange?""+variable.valueChange:undefined 
-  )&attributes(attrs)
+  )
     if(variable.rightTemplate)
       template(#right-icon)
         | !{variable.rightTemplate}

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

@@ -1,19 +1,17 @@
--var attrs = {};
--attrs.class = variable.appearance && variable.appearance.class;
--attrs.style = variable.appearance && variable.appearance.style;
--var visible = variable.visible ? String(variable.visible.value) : undefined;
-
 fm-navbar(
-  v-if=visible
+  style=(variable.appearance && variable.appearance.style)  
+  class=(variable.appearance && variable.appearance.class)  
   id=variable.replaceId 
   title=variable.title?""+variable.title:undefined 
   :leftArrow=variable.leftArrow!==undefined?""+variable.leftArrow:undefined 
   @click-left=variable.leftClick?""+variable.leftClick:undefined 
   @click-right=variable.rightClick?""+variable.rightClick:undefined 
-)&attributes(attrs)
+  v-if=variable.visible?variable.visible+"":"false"
+)
   if variable.leftTemplate
     template(#left)
       | !{variable.leftTemplate}
+      //- van-icon( name="arrow-left" size="18" color="#333" )
   if variable.titleTemplate  
     template(#title)
       | !{variable.titleTemplate}

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

@@ -1,27 +1,19 @@
-//- -variable.readonly = variable.readonly?String(variable.readonly).replace(/"/g, "'")+"":undefined;
--var attrs = {};
--attrs.type = "number"
--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 
+-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(
-  v-if=visible
-  class="fm-input-wrapper" 
-  )
+div(class="fm-input-wrapper" v-if=variable.visible?variable.visible+"":"false")
   fm-input(
-    v-model=binding
-    :required=require
-    :readonly=readonly
-    :disabled=disable
-    :modelValue=variable.modelValue ? variable.modelValue+"":undefined 
+    style=(variable.appearance && variable.appearance.style)  
+    class=variable.className
+    id=variable.id?"" + variable.id:undefined 
+    v-if=variable.isTextArea?"!stateMachine['showStaticText']":undefined 
+    v-model=variable.binding && variable.binding.path?"form."+variable.binding.path+".value":undefined 
+    label=variable.title?variable.title:undefined 
+    placeholder=variable.placeholder?""+variable.placeholder:undefined 
+    type="number"
+    :readonly!=variable.readonly?variable.readonly+"":undefined
+    :required!=variable.require?variable.require+"":undefined
+    :disabled!=variable.disabled?variable.disabled+"":undefined
     :clearable!=variable.clearable?variable.clearable+"":undefined
     :is-link!=variable.isLink?variable.isLink+"":undefined
     :minValue!=variable.minValue?variable.minValue+"":undefined
@@ -29,11 +21,10 @@ div(
     :precision=variable.precision || variable.precision===0?variable.precision+"":undefined
     input-align="right"
     :labelWidth!=variable.labelWidth?variable.labelWidth+"":undefined
-    direction=variable.direction?variable.direction+"":undefined
     extra=variable.suffix?variable.suffix+"":undefined
     :error-message!=variable.errorMessage
     error-message-align=variable.errorMessage ? "right" : undefined
-  )&attributes(attrs)
+  )
     if(variable.rightTemplate)
       template(#right-icon)
         | !{variable.rightTemplate}

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

@@ -1,38 +1,29 @@
-//- -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 
+-variable.readonly = variable.readonly?String(variable.readonly).replace(/"/g, "'")+"":undefined;
 
-div(
-  v-if=visible
-  class="fm-input-wrapper" 
-)
+div(class="fm-input-wrapper" v-if!=variable.visible?variable.visible+"":"false")
   fm-picker(
-    v-model=binding
-    :required=require
-    :readonly=readonly
-    :disabled=disable
-    :modelValue=variable.modelValue ? variable.modelValue+"":undefined 
+    style=(variable.appearance && variable.appearance.style)  
+    class=(variable.appearance && variable.appearance.class)  
+    inputClass=variable.direction === 'vertical' ? "fm-input-vertical" : undefined
+    v-if=variable.isTextArea?"!stateMachine['showStaticText']":undefined 
+    id=variable.title?""+variable.id:undefined 
+    label=variable.title?""+variable.title:undefined 
     title=variable.title?""+variable.title:undefined
+    :disable!=variable.disable?""+variable.disable:undefined  
+    :readonly!=variable.readonly?""+variable.readonly:undefined
+    :required!=variable.require?variable.require+"":undefined
+    placeholder=variable.placeholder?""+variable.placeholder:undefined
     show-toolbar
+    v-model=variable.binding && variable.binding.path?"form."+variable.binding.path+".value":undefined 
     :data!=variable.enumData? JSON.stringify(variable.enumData).replace(/"/g, "'") :undefined
     idField=variable.idField?""+variable.idField:undefined
     textField=variable.textField?""+variable.textField:undefined
     valueField=variable.valueField?""+variable.valueField:undefined
     input-align="right"
-    direction=variable.direction?variable.direction+"":undefined
     :labelWidth!=variable.labelWidth?variable.labelWidth+"":undefined
     :error-message!=variable.errorMessage
     error-message-align=variable.errorMessage ? "right" : undefined
-  )&attributes(attrs)
+  )
     if(variable.rightTemplate)
       template(#right-icon)
         | !{variable.rightTemplate}

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

@@ -1,40 +1,27 @@
-//- -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 binding = variable.binding && variable.binding.path ? "form."+variable.binding.path+".value" : undefined 
--var inputDirection = variable.displayType !== 'button' ? 'vertical' : variable.direction
+-variable.readonly = variable.readonly?String(variable.readonly).replace(/"/g, "'")+"":undefined;
+-var attrs = variable.direction === 'vertical' ? {'#default': ''} : {'#value': ''}
 -var direction = variable.displayType === 'button' ? 'horizontal' : variable.direction
--var groupClass = inputDirection === 'horizontal' ? 'd-flex justify-content-end' : undefined
+-var checkerStyle = variable.checkerWidth ? { width: variable.checkerWidth + 'px' } : undefined
 
-div(
-  v-if=visible
-  class="fm-input-wrapper" 
-)
+div(class="fm-input-wrapper" v-if!=variable.visible?variable.visible+"":"false")
   fm-input(
-    center
-    :required=require
-    input-align="right"
+    class="fm-input-vertical"
+    label=variable.title?""+variable.title:undefined 
+    :required!=variable.require?variable.require+"":undefined
     :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-radio-group(
-        class=groupClass
-        v-model=binding
-        :readonly=readonly
-        :disabled=disable
+        class=(variable.appearance && variable.appearance.class)
+        style=(variable.appearance && variable.appearance.style)
+        v-model=variable.binding && variable.binding.path?"form."+variable.binding.path+".value":undefined 
         :items=variable.enumData?""+variable.enumData:undefined
         valueField=variable.valueField?""+variable.valueField:undefined
         textField=variable.textField?""+variable.textField:undefined
+        :disabled!=variable.readonly?variable.readonly+"":undefined
+        :readonly!=variable.readonly?variable.readonly+"":undefined
         direction=direction?direction+"":undefined
         :checkerStyle=checkerStyle
         :checked-color=variable.checkedColor?variable.checkedColor+"":undefined

package/lib/template/ui/mobilevue/rich-text-editor.pug

@@ -1,48 +1,37 @@
-//- -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.placeholder = variable.placeholder? String(variable.placeholder) : undefined 
--var id = variable.replacedId? String(variable.replacedId) : undefined 
--var 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 
+-variable.readonly = variable.readonly?String(variable.readonly).replace(/"/g, "'")+"":undefined;
 
 if(variable.noInput) 
   fm-rich-editor(
-    v-if=visible
-    v-model=binding 
-    :readonly=readonly
-    :disabled=disable
-    :modelValue=variable.modelValue ? variable.modelValue+"":undefined 
-    placeholder=placeholder
+    v-if!=variable.visible?variable.visible+"":"false"
+    class=(variable.appearance && variable.appearance.class)
+    style=(variable.appearance && variable.appearance.style)
+    v-model=variable.binding && variable.binding.path?"form."+variable.binding.path+".value": variable.modelValue ? ""+variable.modelValue: undefined 
+    :readonly!=variable.readonly ?""+variable.readonly:undefined
+    placeholder=variable.placeholder ?""+variable.placeholder:undefined
     position=variable.position ?""+variable.position:undefined
     :border=variable.border ?""+variable.border:"false"
-  )&attributes(attrs)
+  )
 else 
-  div(
-    v-if=visible
-    class="fm-input-wrapper" 
-    )
+  div(class="fm-input-wrapper" v-if=variable.visible?variable.visible+"":"false")
     fm-input(
-      id=id
-      class="fm-input-vertical"
-      :required=require
-      label=label
+      id=variable.id?"" + variable.id:undefined 
+      class="fm-input-vertical " + (variable.appearance && variable.appearance.class)
+      style=(variable.appearance && variable.appearance.style)
+      label=variable.title?variable.title:undefined 
+      :required!=variable.require?variable.require+"":undefined
+      :readonly!=variable.readonly ?""+variable.readonly:undefined
+      :disabled!=variable.disabled?variable.disabled+"":undefined
       :labelWidth!=variable.labelWidth?variable.labelWidth+"":undefined
       :error-message!=variable.errorMessage
       error-message-align=variable.errorMessage ? "right" : undefined
-    )&attributes(attrs)
+    )
       template(#value)
         fm-rich-editor(
-          v-model=binding
-          :readonly=readonly
-          :disabled=disable
-          :modelValue=variable.modelValue ? variable.modelValue+"":undefined 
-          placeholder=placeholder
+          class=(variable.appearance && variable.appearance.class)
+          style=(variable.appearance && variable.appearance.style)
+          v-model=variable.binding && variable.binding.path?"form."+variable.binding.path+".value":undefined 
+          :readonly!=variable.readonly ?""+variable.readonly:undefined
+          placeholder=variable.placeholder ?""+variable.placeholder:undefined
           position=variable.position ?""+variable.position:undefined
           :border=variable.border ?""+variable.border:"false"
         )

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

@@ -23,9 +23,13 @@ div(
             block 
             plain 
             noBorder 
-            icon=item.iconType?""+item.iconType:undefined
             :disabled=item.disable?""+item.disable:undefined 
             @click=item.click
-          )=item.text
+          )
+            fm-icon(
+              class="fm-btn-icon" 
+              name=item.iconType?""+item.iconType:undefined
+            )
+            span(class="fm-btn-text")=item.text
       else if(variable.footerTemplate)
         | !{variable.footerTemplate}

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

@@ -1,28 +1,16 @@
-//- -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.title = 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 
+-variable.readonly = variable.readonly?String(variable.readonly).replace(/"/g, "'")+"":undefined;
 
-div(
-  v-if=visible
-  class="fm-input-wrapper" 
-  )
+div(class="fm-input-wrapper" v-if=variable.visible?variable.visible+"":"false")
   fm-switch-cell(
-    v-model=binding
-    :required=require
-    :disabled=disable
-    :modelValue=variable.modelValue ? variable.modelValue+"":undefined 
+    style=(variable.appearance && variable.appearance.style)  
+    class=variable.className
+    v-if=variable.isTextArea?"!stateMachine['showStaticText']":undefined 
+    id=variable.id?""+variable.id:undefined 
+    title=variable.title?""+variable.title:undefined 
+    :disabled!=variable.readonly?variable.readonly+"":undefined
+    v-model=variable.binding && variable.binding.path?"form."+variable.binding.path+".value":undefined 
     size=variable.size?""+variable.size:undefined 
-  )&attributes(attrs)
+  )
     if(variable.labelTips) 
       template(#title)
         <span>!{variable.title}</span>