@farris/jit-engine 1.3.311 → 1.3.313

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

@@ -21,6 +21,8 @@ var __importStar = (this && this.__importStar) || function (mod) {
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.VueObjectCreator = void 0;
 const Dom = __importStar(require("../domstructure"));
+const index_1 = require("../domstructure/internal-entity/contexts/index");
+const vue_content_type_creator_1 = require("./vue-content-type-creator");
 class VueObjectCreator {
     static createObjectByType(type, i18nResourcePrefix) {
         const dom = Dom;
@@ -30,6 +32,26 @@ class VueObjectCreator {
         }
         return domValue;
     }
+    static getVueUINodeType(type, i18nResourcePrefix) {
+        const uiNodeType = this.createObjectByType(type, i18nResourcePrefix);
+        return uiNodeType;
+    }
+    static createVueUINodeInstance(originNode, parentVueNodeInstance, i18nResourcePrefix, params) {
+        const vueNodeTypeString = vue_content_type_creator_1.VueContentTypeCreator.create(originNode.type, null, null);
+        if (!vueNodeTypeString) {
+            return null;
+        }
+        const vueNodeType = this.getVueUINodeType(vueNodeTypeString, i18nResourcePrefix);
+        if (!vueNodeType) {
+            return null;
+        }
+        const vueNodeContext = new index_1.VueUINodeContext(parentVueNodeInstance);
+        if (params) {
+            vueNodeContext.setParams(params);
+        }
+        const vueNodeInstance = new vueNodeType(originNode, vueNodeContext);
+        return vueNodeInstance;
+    }
 }
 exports.VueObjectCreator = VueObjectCreator;
 //# sourceMappingURL=vue-object-creator.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"vue-object-creator.js","sourceRoot":"","sources":["../../../../src/mobileapp/vue/utility/vue-object-creator.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;AAAA,qDAAuC;AAQvC,MAAa,gBAAgB;IAUzB,MAAM,CAAC,kBAAkB,CAAC,IAAY,EAAE,kBAA0B;QAC9D,MAAM,GAAG,GAAG,GAAG,CAAC;QAEhB,MAAM,QAAQ,GAAG,IAAI,CAAC,OAAO,IAAI,EAAE,CAAC,CAAC;QACrC,IAAI,QAAQ,EAAE;YACV,QAAQ,CAAC,gBAAgB,CAAC,GAAG,kBAAkB,CAAC;SACnD;QACD,OAAO,QAAQ,CAAC;IACpB,CAAC;CACJ;AAnBD,4CAmBC"}
+{"version":3,"file":"vue-object-creator.js","sourceRoot":"","sources":["../../../../src/mobileapp/vue/utility/vue-object-creator.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;AAAA,qDAAuC;AAEvC,0EAAuG;AACvG,yEAAmE;AAQnE,MAAa,gBAAgB;IAUzB,MAAM,CAAC,kBAAkB,CAAC,IAAY,EAAE,kBAA0B;QAC9D,MAAM,GAAG,GAAG,GAAG,CAAC;QAEhB,MAAM,QAAQ,GAAG,IAAI,CAAC,OAAO,IAAI,EAAE,CAAC,CAAC;QACrC,IAAI,QAAQ,EAAE;YACV,QAAQ,CAAC,gBAAgB,CAAC,GAAG,kBAAkB,CAAC;SACnD;QACD,OAAO,QAAQ,CAAC;IACpB,CAAC;IAMD,MAAM,CAAC,gBAAgB,CAAC,IAAY,EAAE,kBAA0B;QAC5D,MAAM,UAAU,GAAG,IAAI,CAAC,kBAAkB,CAAC,IAAI,EAAE,kBAAkB,CAAC,CAAC;QAErE,OAAO,UAAU,CAAC;IACtB,CAAC;IAOD,MAAM,CAAC,uBAAuB,CAAC,UAAe,EAAE,qBAA0B,EAAE,kBAA0B,EAAE,MAA6B;QACjI,MAAM,iBAAiB,GAAG,gDAAqB,CAAC,MAAM,CAAC,UAAU,CAAC,IAAI,EAAE,IAAI,EAAE,IAAI,CAAC,CAAC;QACpF,IAAI,CAAC,iBAAiB,EAAE;YACpB,OAAO,IAAI,CAAC;SACf;QACD,MAAM,WAAW,GAAG,IAAI,CAAC,gBAAgB,CAAC,iBAAiB,EAAE,kBAAkB,CAAC,CAAC;QACjF,IAAI,CAAC,WAAW,EAAE;YACd,OAAO,IAAI,CAAC;SACf;QAED,MAAM,cAAc,GAAG,IAAI,wBAAgB,CAAC,qBAAqB,CAAC,CAAC;QACnE,IAAI,MAAM,EAAE;YACR,cAAc,CAAC,SAAS,CAAC,MAAM,CAAC,CAAC;SACpC;QAED,MAAM,eAAe,GAAG,IAAI,WAAW,CAAC,UAAU,EAAE,cAAc,CAAC,CAAC;QAEpE,OAAO,eAAe,CAAC;IAC3B,CAAC;CACJ;AAtDD,4CAsDC"}

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

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

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

@@ -2,7 +2,7 @@
 -attrs.class = variable.appearance && variable.appearance.class;
 -attrs.style = variable.appearance && variable.appearance.style;
 -var visible = variable.visible ? String(variable.visible.value) : undefined;
-- var data = `$formatUtils.getApprovalComments(currentEntityData, '${variable.bindingPath || ""}', '${variable.title || ""}')`;
+- var data = `$formatUtils.getApprovalComments(currentEntityData, '${variable.bindingPath || ""}', ${variable.i18nTitle})`;
 
 fm-approval-comments(
   v-if=visible

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

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

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

@@ -7,6 +7,6 @@
 approval-logs(
   v-if=visible
   id=variable.replacedId ? String(variable.replacedId) : undefined   
-  title=variable.title?""+variable.title:undefined 
+  :title=variable.title?variable.i18nTitle:undefined 
   :dataId=variable.dataId ?""+variable.dataId:undefined 
 )

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

@@ -7,7 +7,7 @@ fm-attachment-file(
   v-if=variable.visible?variable.visible+"":"false"
   :fileList=fileList
   id=variable.replacedId ? String(variable.replacedId) : undefined   
-  title=variable.title?"" + variable.title:undefined
+  :title=variable.title?variable.i18nTitle:undefined
   :required=require
   :disabled=variable.disabled?"" + variable.disabled:undefined
   :removable=variable.removable?"" + variable.removable:undefined

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

@@ -0,0 +1,19 @@
+-var attrs = {};
+-attrs.class = variable.appearance && variable.appearance.class;
+-attrs.style = variable.appearance && variable.appearance.style;
+-var visible = variable.visible ? String(variable.visible.value) : 'false';
+div(
+ v-if!=""+visible
+)
+	fm-avatar(
+	  fit!=variable.fit?"" + variable.fit:undefined 
+	  border!=variable.border?"" + variable.border:undefined
+	  srcMode!=variable.srcMode?"" + variable.srcMode:undefined
+	  :sysUserId!=variable.sysUserId?"" + variable.sysUserId:undefined
+	  :dynamicSrc!=variable.dynamicSrc?"" + variable.dynamicSrc:undefined 
+	  :attachId!=variable.attachId?"" + variable.attachId:undefined 
+	  rootId!=variable.rootId?"" + variable.rootId:undefined
+	  :avatarText !=variable.avatarText?"" + variable.avatarText:undefined 
+	  width!=variable.width?"" + variable.width:undefined 
+	  height!=variable.height?"" + variable.height:undefined 
+	)&attributes(attrs)

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

@@ -1,5 +1,5 @@
-div(class="fm-banner-warpper")
-  div(class="fm-banner-title")
-    | !{variable.title}
-  div(class="fm-banner-title-sub") 
+div(class="fm-banner-warpper")
+  div(class="fm-banner-title")
+    | !{variable.title}
+  div(class="fm-banner-title-sub") 
     | !{variable.subTitle}

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/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/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,10 +6,11 @@
 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)
   if(variable.headerTemplate)
-    | !{variable.headerTemplate}
+    template(#title)
+      | !{variable.headerTemplate}
   | {{content}}

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

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,22 @@
+-var attrs = {};
+-attrs.class = variable.appearance && variable.appearance.class;
+-attrs.style = variable.appearance && variable.appearance.style;
+-attrs.height = variable.size && variable.size.height;
+-attrs.width = variable.size && variable.size.width;
+-var visible = variable.visible ? String(variable.visible.value) : 'false';
+-var previewPath =`$formatUtils.imageThumbnailPath(${variable.attachId}, '${variable.rootId}')` 
+-var srcMode = variable.srcMode
+if(srcMode == "dynamicUrl") 
+	-attrs[`:src`] = variable.dynamicSrc;  
+else if(srcMode == "staticUrl")
+	-attrs.src = variable.staticSrc;  
+else
+	-attrs[`:src`] = previewPath;
 
 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 
+	v-if!=""+visible
+	id!=variable.id?"" + variable.id:undefined
+	fit=variable.fit?"" + variable.fit:undefined 
   :round=variable.round?"" + variable.round:undefined 
-)
+	radius!=variable.radius?"" + variable.radius:undefined
+)&attributes(attrs)

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

@@ -0,0 +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) : undefined;
+
+
+span(
+  v-if=visible
+)&attributes(attrs)
+  | !{variable.text}
+  

package/lib/template/ui/mobilevue/layout-container-col.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) : 'false';
+
+fm-layout-column(
+  v-if=visible
+  id=variable.replacedId ? String(variable.replacedId) : undefined   
+  width=variable.colWidth ? String(variable.colWidth) : undefined   
+)&attributes(attrs)
+  | {{content}}

package/lib/template/ui/mobilevue/layout-container-row.pug

@@ -0,0 +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';
+
+fm-layout-row(
+  v-if=visible
+  id=variable.replacedId ? String(variable.replacedId) : undefined
+  height=variable.rowHeight ? String(variable.rowHeight) : undefined   
+  :gutter=variable.gutter ? String(variable.gutter) : undefined
+)&attributes(attrs)
+  | {{content}}

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

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

@@ -57,8 +57,8 @@ fm-listview(
         div(
           class="fm-listview-item-tmpl-wrapper"
           @click=variable.listClick?""+variable.listClick:undefined
-        )
-          !=variable.contentTemplate?variable.contentTemplate:''
+        ) 
+          | {{contentTemplate}}
     else if(variable.swipeToolbar && variable.swipeToolbar.items && variable.swipeToolbar.items.length >0)
       fm-swipecell(
         :beforeShow="beforeShow"
@@ -70,15 +70,19 @@ 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
-        )
-          !=variable.contentTemplate?variable.contentTemplate:''
+        )          
+          | {{contentTemplate}}
+
     else 
       div(
         class="fm-listview-item-tmpl-wrapper"
         @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>