@farris/jit-engine 1.3.311 → 1.3.312

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

@@ -20,4 +20,4 @@ fm-button(
   if variable.template
     | !{variable.template}
   else 
-    | !{variable.text}
+    |  !{variable.i18nText} 

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

@@ -3,8 +3,6 @@
 -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 
 -attrs.ref = variable.replacedId? String(variable.replacedId) : undefined 
 -attrs.bindingpath = variable.binding && variable.binding.path ? variable.binding.path : undefined 
 -var visible = variable.visible ? String(variable.visible.value) : 'false';
@@ -15,12 +13,15 @@
 -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-calendar-input(
     v-model=binding
+    :label = variable.title? variable.i18nTitle : undefined 
+    :placeholder = variable.placeholder? variable.i18nPlaceholder : undefined 
     :required=require
     :readonly=readonly
     :disabled=disable
@@ -55,10 +56,10 @@ div(
         | !{variable.extraTemplate}
     if(variable.labelTips) 
       template(#title)
-        <span>!{variable.title}</span>
+        <span>!{variable.i18nTitleWithBrace}</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>
+            <div class="fm-input-label-tips-content"><span>!{variable.i18nLabelTips}</span></div>
           </template>
         </fm-popover>

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

@@ -7,9 +7,9 @@ fm-card(
   v-if=visible
   id=variable.replacedId ? String(variable.replacedId) : undefined   
   icon=variable.icon?String(variable.icon):undefined
-  title=variable.title?String(variable.title):undefined
+  :title=variable.title?variable.i18nTitle:undefined
   :collapsible=variable.collapsible?String(variable.collapsible) : 'false'
-  :actions=variable.actions?String(variable.actions):undefined
+  :actions=variable.actions?variable.i18nActions:undefined
 )&attributes(attrs)
   if(variable.headerTemplate)
     template(#header)

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

@@ -2,7 +2,6 @@
 -var attrs = {};
 -attrs.class = variable.appearance && variable.appearance.class;
 -attrs.style = variable.appearance && variable.appearance.style;
--attrs.label = variable.title? String(variable.title) : undefined 
 -attrs.ref = variable.replacedId? String(variable.replacedId) : undefined 
 -attrs.bindingpath = variable.binding && variable.binding.path ? variable.binding.path : undefined 
 -var checkerStyle = variable.checkerWidth ? { width: variable.checkerWidth + 'px' } : undefined
@@ -14,7 +13,7 @@
 -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
+-var items = variable.dataSourceType === 'dynamic' ? String(variable.bindDataSource.value) : variable.i18nEnumData
 
 div(
   v-if=visible
@@ -23,6 +22,7 @@ div(
   fm-input(
     center
     :required=require
+    :label = variable.title? variable.i18nTitle : undefined
     input-align="right"
     :labelWidth!=variable.labelWidth?variable.labelWidth+"":undefined
     direction=inputDirection?inputDirection+"":undefined
@@ -44,10 +44,10 @@ div(
       )
     if(variable.labelTips) 
       template(#title)
-        <span>!{variable.title}</span>
+        <span>!{variable.i18nTitleWithBrace}</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>
+            <div class="fm-input-label-tips-content"><span>!{variable.i18nLabelTips}</span></div>
           </template>
         </fm-popover>

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

@@ -3,8 +3,6 @@
 -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 
 -attrs.ref = variable.replacedId? String(variable.replacedId) : undefined 
 -attrs.bindingpath = variable.binding && variable.binding.path ? variable.binding.path : undefined 
 -var visible = variable.visible ? String(variable.visible.value) : 'false';
@@ -14,12 +12,16 @@
 -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
+    :label = variable.title? variable.i18nTitle : undefined 
+    :placeholder = variable.placeholder? variable.i18nPlaceholder : undefined 
     :required=require
     :readonly=readonly
     :disabled=disable
@@ -48,11 +50,11 @@ div(
         | !{variable.extraTemplate}
     if(variable.labelTips) 
       template(#title)
-        <span>!{variable.title}</span>
+        <span>!{variable.i18nTitleWithBrace}</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>
+            <div class="fm-input-label-tips-content"><span>!{variable.i18nLabelTips}</span></div>
           </template>
         </fm-popover>
  

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

@@ -3,8 +3,6 @@
 -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 
 -attrs.ref = variable.replacedId? String(variable.replacedId) : undefined 
 -attrs.bindingpath = variable.binding && variable.binding.path ? variable.binding.path : undefined 
 -var visible = variable.visible ? String(variable.visible.value) : 'false';
@@ -15,12 +13,16 @@
 -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
+    :label = variable.title? variable.i18nTitle : undefined 
+    :placeholder = variable.placeholder? variable.i18nPlaceholder : undefined 
     :required=require
     :readonly=readonly
     :disabled=disable
@@ -29,7 +31,7 @@ div(
     :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
+    :title=variable.title?""+variable.i18nTitle:undefined
     format=variable.format?""+variable.format:undefined
     input-align="right"
     direction=variable.direction?variable.direction+"":undefined
@@ -49,10 +51,10 @@ div(
         | !{variable.extraTemplate}
     if(variable.labelTips) 
       template(#title)
-        <span>!{variable.title}</span>
+        <span>!{variable.i18nTitleWithBrace}</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>
+            <div class="fm-input-label-tips-content"><span>!{variable.i18nLabelTips}</span></div>
           </template>
         </fm-popover>

package/lib/template/ui/mobilevue/field-set.pug

@@ -6,7 +6,7 @@
 fm-collapse-item(
   v-if=visible
   id=variable.replacedId ? String(variable.replacedId) : undefined   
-  title=variable.title?String(variable.title) : undefined
+  :title=variable.title?variable.i18nTitle : undefined
   position=variable.isInner ? 'bottom' : 'top'
   :collapse=variable.collapse?String(variable.collapse): undefined
 )&attributes(attrs)

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

@@ -12,10 +12,10 @@ fm-filter(
   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
+  :placeholder=variable.placeholder?variable.i18nPlaceholder:undefined
   :searchBoxValue=variable.searchBoxValue?""+variable.searchBoxValue:undefined
   :useSearch=variable.useSearch?""+variable.useSearch:undefined
-  :fieldConfigs=variable.fieldConfigs?""+variable.fieldConfigs:[] 
+  :fieldConfigs=variable.fieldConfigs?variable.i18nFieldConfigs:[] 
   @confirm=variable.onQuery?""+variable.onQuery:undefined
   @searchBoxChange=variable.searchBoxChange?""+variable.searchBoxChange:undefined
 )&attributes(attrs)

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

@@ -20,6 +20,6 @@ div(
         <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>
+            <div class="fm-input-label-tips-content"><span>!{variable.i18nLabelTips}</span></div>
           </template>
         </fm-popover>

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

@@ -0,0 +1,11 @@
+
+-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-icon(
+  v-if=visible
+  name=variable.name ? String(variable.iconName) : undefined;
+)&attributes(attrs)

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

@@ -70,7 +70,7 @@ fm-listview(
               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
               @click.stop=item.click?item.click+"({ swipecellClose: close })":undefined
-            )=item.text
+            )=item.i18nText
         div(
           class="fm-listview-item-tmpl-wrapper"
           @click=variable.listClick?""+variable.listClick:undefined
@@ -82,3 +82,6 @@ fm-listview(
         @click=variable.listClick?""+variable.listClick:undefined
       )
         !=variable.contentTemplate?variable.contentTemplate:''
+  if(variable.listviewEmpty)
+    template(#listviewEmpty)
+      !=variable.listviewEmpty

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

@@ -3,8 +3,6 @@
 -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 
 -attrs.ref = variable.replacedId? String(variable.replacedId) : undefined 
 -attrs.bindingpath = variable.binding && variable.binding.path ? variable.binding.path : undefined 
 -var visible = variable.visible ? String(variable.visible.value) : 'false';
@@ -13,17 +11,21 @@
 -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-lookup-department(
     v-model=binding
+    :label = variable.title? variable.i18nTitle : undefined 
+    :placeholder = variable.placeholder? variable.i18nPlaceholder : undefined 
     :required=require
     :readonly=readonly
     :disabled=disable
     :modelValue=variable.value ? variable.value+"":undefined 
-    title=variable.title?""+variable.title:undefined 
+    :title=variable.title?""+variable.i18nTitle:undefined 
     navTitle=variable.navTitle?""+variable.navTitle:undefined 
     :clearable!=variable.clearable?variable.clearable+"":undefined
     url=variable.dataSource.uri?""+variable.dataSource.uri:undefined 
@@ -86,10 +88,10 @@ div(
         | !{variable.extraTemplate}
     if(variable.labelTips) 
       template(#title)
-        <span>!{variable.title}</span>
+        <span>!{variable.i18nTitleWithBrace}</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>
+            <div class="fm-input-label-tips-content"><span>!{variable.i18nLabelTips}</span></div>
           </template>
         </fm-popover>

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

@@ -3,8 +3,6 @@
 -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 
 -attrs.ref = variable.replacedId? String(variable.replacedId) : undefined 
 -attrs.bindingpath = variable.binding && variable.binding.path ? variable.binding.path : undefined 
 -var visible = variable.visible ? String(variable.visible.value) : 'false';
@@ -12,6 +10,9 @@
 -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 uri = variable.dataSource && variable.dataSource.uri?""+variable.dataSource.uri:undefined 
+-var idField = variable.dataSource && variable.dataSource.idField?""+variable.dataSource.idField:'id' 
+
 
 div(
   v-if=visible
@@ -22,14 +23,16 @@ div(
     :required=require
     :readonly=readonly
     :disabled=disable
+    url=uri
+    idField=idField
+    :label = variable.title? variable.i18nTitle : undefined 
+    :placeholder = variable.placeholder? variable.i18nPlaceholder : undefined 
     :modelValue=variable.value ? variable.value+"":undefined 
-    title=variable.title?""+variable.title:undefined 
+    :title=variable.title?""+variable.i18nTitle:undefined 
     navTitle=variable.navTitle?""+variable.navTitle:undefined 
     groupTitle=variable.groupTitle?""+variable.groupTitle:undefined 
     :clearable!=variable.clearable?variable.clearable+"":undefined
-    url=variable.dataSource.uri?""+variable.dataSource.uri:undefined 
     data=variable.data?""+variable.data:undefined
-    idField=variable.dataSource.idField?""+variable.dataSource.idField:undefined 
     textField=variable.textField?""+variable.textField:undefined 
     pageSize=variable.pageSize?""+variable.pageSize:undefined 
     navTextField=variable.navTextField?""+variable.navTextField:undefined 
@@ -87,10 +90,10 @@ div(
         | !{variable.extraTemplate}
     if(variable.labelTips) 
       template(#title)
-        <span>!{variable.title}</span>
+        <span>!{variable.i18nTitleWithBrace}</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>
+            <div class="fm-input-label-tips-content"><span>!{variable.i18nLabelTips}</span></div>
           </template>
         </fm-popover>

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

@@ -3,8 +3,6 @@
 -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 
 -attrs.ref = variable.replacedId? String(variable.replacedId) : undefined 
 -attrs.bindingpath = variable.binding && variable.binding.path ? variable.binding.path : undefined 
 -var visible = variable.visible ? String(variable.visible.value) : 'false';
@@ -13,20 +11,24 @@
 -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-lookup-input(
     v-model=binding
+    :label = variable.title? variable.i18nTitle : undefined 
+    :placeholder = variable.placeholder? variable.i18nPlaceholder : undefined 
     :required=require
     :readonly=readonly
     :disabled=disable
     :modelValue=variable.value ? variable.value+"":undefined 
     direction=variable.direction?variable.direction+"":undefined
-    title=variable.title?""+variable.title:undefined 
-    navTitle=variable.navTitle?""+variable.navTitle:undefined 
-    groupTitle=variable.groupTitle?""+variable.groupTitle:undefined 
+    :title=variable.title?""+variable.i18nTitle:undefined 
+    :navTitle=variable.navTitle?""+variable.i18nNavTitle:undefined 
+    :groupTitle=variable.groupTitle?""+variable.i18nGroupTitle:undefined 
     :clearable!=variable.clearable?variable.clearable+"":undefined
     url=variable.dataSource.uri?""+variable.dataSource.uri:undefined 
     data=variable.data?""+variable.data:undefined
@@ -87,10 +89,10 @@ div(
         | !{variable.cellTemplate}
     if(variable.labelTips) 
       template(#title)
-        <span>!{variable.title}</span>
+        <span>!{variable.i18nTitleWithBrace}</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>
+            <div class="fm-input-label-tips-content"><span>!{variable.i18nLabelTips}</span></div>
           </template>
         </fm-popover>

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

@@ -6,7 +6,7 @@
 fm-navbar(
   v-if=visible
   id=variable.replaceId 
-  title=variable.title?""+variable.title:undefined 
+  :title=variable.title ? variable.i18nTitle : undefined
   :leftArrow=variable.leftArrow!==undefined?""+variable.leftArrow:undefined 
   @click-left=variable.leftClick?""+variable.leftClick:undefined 
   @click-right=variable.rightClick?""+variable.rightClick:undefined 

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

@@ -4,8 +4,6 @@
 -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 
 -attrs.ref = variable.replacedId? String(variable.replacedId) : undefined 
 -attrs.bindingpath = variable.binding && variable.binding.path ? variable.binding.path : undefined 
 -var visible = variable.visible ? String(variable.visible.value) : 'false';
@@ -14,12 +12,16 @@
 -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
+    :label = variable.title? variable.i18nTitle : undefined 
+    :placeholder = variable.placeholder? variable.i18nPlaceholder : undefined 
     :required=require
     :readonly=readonly
     :disabled=disable
@@ -29,10 +31,11 @@ div(
     :minValue!=variable.minValue?variable.minValue+"":undefined
     :maxValue!=variable.maxValue?variable.maxValue+"":undefined
     :precision=variable.precision || variable.precision===0?variable.precision+"":undefined
+    :enableNull=variable.enableNull?variable.enableNull+"":undefined
     input-align="right"
     :labelWidth!=variable.labelWidth?variable.labelWidth+"":undefined
     direction=variable.direction?variable.direction+"":undefined
-    extra=variable.suffix?variable.suffix+"":undefined
+    :extra=variable.suffix?variable.i18nSuffix:undefined
     :error-message!=variable.errorMessage
     error-message-align=variable.errorMessage ? "right" : undefined
   )&attributes(attrs)
@@ -41,10 +44,10 @@ div(
         | !{variable.rightTemplate}
     if(variable.labelTips) 
       template(#title)
-        <span>!{variable.title}</span>
+        <span>!{variable.i18nTitleWithBrace}</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>
+            <div class="fm-input-label-tips-content"><span>!{variable.i18nLabelTips}</span></div>
           </template>
         </fm-popover>

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

@@ -0,0 +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.ref = variable.replacedId? String(variable.replacedId) : undefined 
+-attrs.bindingpath = variable.binding && variable.binding.path ? variable.binding.path : 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
+    :label = variable.title? variable.i18nTitle : undefined 
+    :placeholder = variable.placeholder? variable.i18nPlaceholder : undefined 
+    :required=require
+    :readonly=readonly
+    :disabled=disable
+    :modelValue=variable.modelValue ? variable.modelValue+"":undefined 
+    direction=variable.direction?variable.direction+"":undefined
+    :title=variable.title?""+variable.i18nTitle: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.i18nTitleWithBrace}</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.i18nLabelTips}</span></div>
+          </template>
+        </fm-popover>

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

@@ -0,0 +1,65 @@
+//- -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.ref = variable.replacedId? String(variable.replacedId) : undefined 
+-attrs.bindingpath = variable.binding && variable.binding.path ? variable.binding.path : 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 request = variable.request ? String(variable.request) : undefined;
+-var data = variable.data ? String(variable.data.value) : undefined;
+-var hotCity = variable.hotCity && variable.hotCity.value ? String(variable.hotCity.value) : undefined;
+//- -var binding = variable.binding && variable.binding.path ? "form."+variable.binding.path+".value" : undefined 
+-var bindingtext = variable.bindingtext ? String(variable.bindingtext) : undefined 
+-var bindingvalue = variable.bindingvalue ? String(variable.bindingvalue) : undefined 
+
+div(
+  v-if=visible
+  class="fm-input-wrapper" 
+)
+  fm-city-picker(
+    v-model:text=bindingtext
+    v-model:value=bindingvalue
+    :label = variable.title? variable.i18nTitle : undefined 
+    :placeholder = variable.placeholder? variable.i18nPlaceholder : undefined 
+    :required=require
+    :readonly=readonly
+    :disabled=disable
+    :data=data
+    :request=request
+    :hotCity=hotCity
+    input-align="right"
+    :title=variable.title?""+variable.i18nTitle:undefined
+    direction=variable.direction?variable.direction+"":undefined
+    :labelWidth!=variable.labelWidth?variable.labelWidth+"":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.inputTemplate)
+      template(v-slot:input="slotProps")
+        | !{variable.inputTemplate}
+    if(variable.labelTips) 
+      template(#title)
+        <span>!{variable.i18nTitleWithBrace}</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.i18nLabelTips}</span></div>
+          </template>
+        </fm-popover>

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

@@ -3,8 +3,6 @@
 -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 
 -attrs.ref = variable.replacedId? String(variable.replacedId) : undefined 
 -attrs.bindingpath = variable.binding && variable.binding.path ? variable.binding.path : undefined 
 -var visible = variable.visible ? String(variable.visible.value) : 'false';
@@ -13,19 +11,23 @@
 -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-link-relation(
     v-model=binding
+    :label = variable.title? variable.i18nTitle : undefined 
+    :placeholder = variable.placeholder? variable.i18nPlaceholder : undefined 
     :required=require
     :readonly=readonly
     :disabled=disable
     :modelValue=variable.modelValue ? variable.modelValue+"":undefined 
     :mapFields=variable.mapFields ? variable.mapFields+"":undefined 
     taskCategoryIds=variable.taskCategoryIds ? variable.taskCategoryIds+"":undefined 
-    title=variable.title?""+variable.title:undefined
+    :title=variable.title?""+variable.i18nTitle:undefined
     input-align="right"
     direction=variable.direction?variable.direction+"":undefined
     :labelWidth!=variable.labelWidth?variable.labelWidth+"":undefined