@farris/jit-engine 1.3.231 → 1.3.233

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

@@ -1,29 +1,29 @@
--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';
-
-- var fileList = variable.attachmentPath ? `$filterAttachment(entityListData,'${variable.attachmentPath}','${variable.rootId}')` : '[]'
-
-fm-attachment(
-  v-if=visible
-  ref=variable.replacedId
-  :fileList=fileList
-  id=variable.replacedId ? String(variable.replacedId) : undefined   
-  :multiple=variable.multiple?"" + variable.multiple:undefined
-  accept=variable.accept?"" + variable.accept:undefined
-  parentDirName=variable.parentDirName? "" + variable.parentDirName:undefined
-  rootId=variable.rootId? "" + variable.rootId:undefined
-  pattern=variable.pattern? "" + variable.pattern:undefined
-  :disabled=variable.disabled?"" + variable.disabled:undefined
-  :cloudPlus =variable.cloudPlus ?"" + variable.cloudPlus:undefined
-  :ccWork  =variable.ccWork  ?"" + variable.ccWork  :undefined
-  :externalVideoUrl=variable.externalVideoUrl?"" + variable.externalVideoUrl:undefined
-  :useWatermark=variable.useWatermark?"" + variable.useWatermark:undefined
-  :watermarkcontentMode=variable.watermarkcontentMode? "" + variable.showWMLocation:undefined
-  :customWatermarkContent=variable.customWatermarkContent ?"" + variable.showWMDate:undefined
-  :watermarkStyle=variable.watermarkStyle?"" + variable.watermarkStyle:undefined
-  @afterAppendFile=variable.afterAppendFile?"" + variable.afterAppendFile:undefined
-  @remove=variable.remove? "" + variable.remove:undefined
-  @selectChange=variable.selectChange? "" + variable.selectChange:undefined
+-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';
+
+- var fileList = variable.attachmentPath ? `$filterAttachment(entityListData,'${variable.attachmentPath}','${variable.rootId}')` : '[]'
+
+fm-attachment(
+  v-if=visible
+  ref=variable.replacedId
+  :fileList=fileList
+  id=variable.replacedId ? String(variable.replacedId) : undefined   
+  :multiple=variable.multiple?"" + variable.multiple:undefined
+  accept=variable.accept?"" + variable.accept:undefined
+  parentDirName=variable.parentDirName? "" + variable.parentDirName:undefined
+  rootId=variable.rootId? "" + variable.rootId:undefined
+  pattern=variable.pattern? "" + variable.pattern:undefined
+  :disabled=variable.disabled?"" + variable.disabled:undefined
+  :cloudPlus =variable.cloudPlus ?"" + variable.cloudPlus:undefined
+  :ccWork  =variable.ccWork  ?"" + variable.ccWork  :undefined
+  :externalVideoUrl=variable.externalVideoUrl?"" + variable.externalVideoUrl:undefined
+  :useWatermark=variable.useWatermark?"" + variable.useWatermark:undefined
+  :watermarkcontentMode=variable.watermarkcontentMode? "" + variable.showWMLocation:undefined
+  :customWatermarkContent=variable.customWatermarkContent ?"" + variable.showWMDate:undefined
+  :watermarkStyle=variable.watermarkStyle?"" + variable.watermarkStyle:undefined
+  @afterAppendFile=variable.afterAppendFile?"" + variable.afterAppendFile:undefined
+  @remove=variable.remove? "" + variable.remove:undefined
+  @selectChange=variable.selectChange? "" + variable.selectChange: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

@@ -1,23 +1,23 @@
--var attrs = {};
--attrs.className = variable.appearance && variable.appearance.class;
--attrs.style = variable.appearance && variable.appearance.style;
--var visible = variable.visible ? String(variable.visible.value) : 'false';
--var disabled = variable.disabled ? String(variable.disabled.value) : undefined;
-
-fm-button(
-  v-if=visible
-  id=variable.replacedId ? String(variable.replacedId) : undefined  
-  type=variable.displayType ? String(variable.displayType) : "info"
-  :disabled=disabled
-  :block=variable.block ? String(variable.block) : undefined
-  :round=variable.round ? String(variable.round) : undefined
-  :plain=variable.plain ? String(variable.plain) : undefined 
-  :noBorder=variable.noBorder ? String(variable.noBorder) : undefined 
-  size=variable.buttonSize ? String(variable.buttonSize) : undefined 
-  icon=variable.icon ? String(variable.icon) : undefined 
-  @click=variable.click ? String(variable.click) : undefined 
-)&attributes(attrs)
-  if variable.template
-    | !{variable.template}
-  else 
+-var attrs = {};
+-attrs.className = variable.appearance && variable.appearance.class;
+-attrs.style = variable.appearance && variable.appearance.style;
+-var visible = variable.visible ? String(variable.visible.value) : 'false';
+-var disabled = variable.disabled ? String(variable.disabled.value) : undefined;
+
+fm-button(
+  v-if=visible
+  id=variable.replacedId ? String(variable.replacedId) : undefined  
+  type=variable.displayType ? String(variable.displayType) : "info"
+  :disabled=disabled
+  :block=variable.block ? String(variable.block) : undefined
+  :round=variable.round ? String(variable.round) : undefined
+  :plain=variable.plain ? String(variable.plain) : undefined 
+  :noBorder=variable.noBorder ? String(variable.noBorder) : undefined 
+  size=variable.buttonSize ? String(variable.buttonSize) : undefined 
+  icon=variable.icon ? String(variable.icon) : undefined 
+  @click=variable.click ? String(variable.click) : undefined 
+)&attributes(attrs)
+  if variable.template
+    | !{variable.template}
+  else 
     | !{variable.text}

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

@@ -1,62 +1,62 @@
-//- -variable.readonly = variable.readonly?String(variable.readonly).replace(/"/g, "'")+"":undefined;
--var attrs = {};
--attrs.class = variable.appearance && variable.appearance.class;
--attrs.style = variable.appearance && variable.appearance.style;
--attrs.id = variable.replacedId? String(variable.replacedId) : undefined 
--attrs.placeholder = variable.placeholder? String(variable.placeholder) : undefined 
--attrs.label = variable.title? String(variable.title) : undefined 
--var visible = variable.visible ? String(variable.visible.value) : 'false';
--var require = variable.require ? String(variable.require.value) : undefined;
--var readonly = variable.readonly ? String(variable.readonly.value) : undefined;
--var disable = variable.disable ? String(variable.disable.value) : undefined;
--var binding = variable.binding && variable.binding.path ? "form."+variable.binding.path+".value" : undefined 
--var minValue = variable.minValue ? String(variable.minValue.value) : undefined;
--var maxValue = variable.maxValue ? String(variable.maxValue.value) : undefined;
-
-div(
-  v-if=visible
-  class="fm-input-wrapper" 
-)
-  fm-calendar-input(
-    v-model=binding
-    :required=require
-    :readonly=readonly
-    :disabled=disable
-    :minDate=minValue
-    :maxDate=maxValue
-    input-align="right"
-    :modelValue=variable.modelValue ?variable.modelValue+"":undefined 
-    :clearable!=variable.clearable?variable.clearable+"":undefined
-    direction=variable.direction?variable.direction+"":undefined
-    :labelWidth!=variable.labelWidth?variable.labelWidth+"":undefined
-    :error-message!=variable.errorMessage
-    error-message-align=variable.errorMessage ? "right" : undefined
-    type=variable.valueType?""+variable.valueType:undefined 
-    theme=variable.theme?""+variable.theme:undefined 
-    view=variable.view?""+variable.view:undefined 
-    firstDay=variable.firstDay?""+variable.firstDay:undefined 
-    :mark=variable.mark?""+variable.mark:undefined 
-    :event=variable.event?""+variable.event:undefined 
-    :events=variable.events?""+variable.events:undefined 
-    :useLunar=variable.useLunar?""+variable.useLunar:undefined 
-    @dayClick=variable.dayClick?""+variable.dayClick:undefined 
-    @render=variable.render?""+variable.render:undefined 
-  )&attributes(attrs)
-    if(variable.leftTemplate)
-      template(#left-icon)
-        | !{variable.leftTemplate}
-    if(variable.rightTemplate)
-      template(#right-icon)
-        | !{variable.rightTemplate}
-    if(variable.extraTemplate)
-      template(#extra)
-        | !{variable.extraTemplate}
-    if(variable.labelTips) 
-      template(#title)
-        <span>!{variable.title}</span>
-        <fm-popover :hasMask="false" placement="topLeft" className="fm-input-label-tips" :offset="{left: -5}">
-          <fm-icon name="s-illustrate-o"/>
-          <template #content>
-            <div class="fm-input-label-tips-content"><span>!{variable.labelTips}</span></div>
-          </template>
+//- -variable.readonly = variable.readonly?String(variable.readonly).replace(/"/g, "'")+"":undefined;
+-var attrs = {};
+-attrs.class = variable.appearance && variable.appearance.class;
+-attrs.style = variable.appearance && variable.appearance.style;
+-attrs.id = variable.replacedId? String(variable.replacedId) : undefined 
+-attrs.placeholder = variable.placeholder? String(variable.placeholder) : undefined 
+-attrs.label = variable.title? String(variable.title) : undefined 
+-var visible = variable.visible ? String(variable.visible.value) : 'false';
+-var require = variable.require ? String(variable.require.value) : undefined;
+-var readonly = variable.readonly ? String(variable.readonly.value) : undefined;
+-var disable = variable.disable ? String(variable.disable.value) : undefined;
+-var binding = variable.binding && variable.binding.path ? "form."+variable.binding.path+".value" : undefined 
+-var minValue = variable.minValue ? String(variable.minValue.value) : undefined;
+-var maxValue = variable.maxValue ? String(variable.maxValue.value) : undefined;
+
+div(
+  v-if=visible
+  class="fm-input-wrapper" 
+)
+  fm-calendar-input(
+    v-model=binding
+    :required=require
+    :readonly=readonly
+    :disabled=disable
+    :minDate=minValue
+    :maxDate=maxValue
+    input-align="right"
+    :modelValue=variable.modelValue ?variable.modelValue+"":undefined 
+    :clearable!=variable.clearable?variable.clearable+"":undefined
+    direction=variable.direction?variable.direction+"":undefined
+    :labelWidth!=variable.labelWidth?variable.labelWidth+"":undefined
+    :error-message!=variable.errorMessage
+    error-message-align=variable.errorMessage ? "right" : undefined
+    type=variable.valueType?""+variable.valueType:undefined 
+    theme=variable.theme?""+variable.theme:undefined 
+    view=variable.view?""+variable.view:undefined 
+    firstDay=variable.firstDay?""+variable.firstDay:undefined 
+    :mark=variable.mark?""+variable.mark:undefined 
+    :event=variable.event?""+variable.event:undefined 
+    :events=variable.events?""+variable.events:undefined 
+    :useLunar=variable.useLunar?""+variable.useLunar:undefined 
+    @dayClick=variable.dayClick?""+variable.dayClick:undefined 
+    @render=variable.render?""+variable.render: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/calendar.pug

@@ -1,31 +1,31 @@
--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';
--var value = variable.value ? String(variable.value.value) : undefined;
--var minValue = variable.minValue && variable.minValue.value !== undefined ? String(variable.minValue.value) : undefined;
--var maxValue = variable.maxValue && variable.maxValue.value !== undefined ? String(variable.maxValue.value) : undefined;
-
-fm-calendar(
-  v-if=visible
-  :modelValue!=value
-  :minDate=minValue
-  :maxDate=maxValue
-  id=variable.replacedId ? String(variable.replacedId) : undefined   
-  title=variable.title?""+variable.title:undefined 
-  prevText=variable.prevText?""+variable.prevText:undefined 
-  nextText=variable.nextText?""+variable.nextText:undefined 
-  firstDay=variable.firstDay?""+variable.firstDay:undefined 
-  view=variable.view?""+variable.view:undefined 
-  type=variable.valueType?""+variable.valueType:undefined 
-  theme=variable.theme?""+variable.theme:undefined 
-  :mark!=variable.mark?""+variable.mark:undefined 
-  :marks!=variable.marks?""+variable.marks:undefined 
-  :event!=variable.event?""+variable.event:undefined 
-  :events!=variable.events?""+variable.events:undefined 
-  @update:modelValue!=variable.change?""+variable.change:undefined 
-  @dayClick!=variable.dayClick?""+variable.dayClick:undefined 
-  @render!=variable.render?""+variable.render:undefined 
-  @prev-click!=variable.prev?""+variable.prev:undefined 
-  @next-click!=variable.next?""+variable.next:undefined 
+-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';
+-var value = variable.value ? String(variable.value.value) : undefined;
+-var minValue = variable.minValue && variable.minValue.value !== undefined ? String(variable.minValue.value) : undefined;
+-var maxValue = variable.maxValue && variable.maxValue.value !== undefined ? String(variable.maxValue.value) : undefined;
+
+fm-calendar(
+  v-if=visible
+  :modelValue!=value
+  :minDate=minValue
+  :maxDate=maxValue
+  id=variable.replacedId ? String(variable.replacedId) : undefined   
+  title=variable.title?""+variable.title:undefined 
+  prevText=variable.prevText?""+variable.prevText:undefined 
+  nextText=variable.nextText?""+variable.nextText:undefined 
+  firstDay=variable.firstDay?""+variable.firstDay:undefined 
+  view=variable.view?""+variable.view:undefined 
+  type=variable.valueType?""+variable.valueType:undefined 
+  theme=variable.theme?""+variable.theme:undefined 
+  :mark!=variable.mark?""+variable.mark:undefined 
+  :marks!=variable.marks?""+variable.marks:undefined 
+  :event!=variable.event?""+variable.event:undefined 
+  :events!=variable.events?""+variable.events:undefined 
+  @update:modelValue!=variable.change?""+variable.change:undefined 
+  @dayClick!=variable.dayClick?""+variable.dayClick:undefined 
+  @render!=variable.render?""+variable.render:undefined 
+  @prev-click!=variable.prev?""+variable.prev:undefined 
+  @next-click!=variable.next?""+variable.next:undefined 
 )&attributes(attrs)

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

@@ -1,20 +1,20 @@
--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-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
-  :collapsible=variable.collapsible?String(variable.collapsible) : 'false'
-  :actions=variable.actions?String(variable.actions):undefined
-)&attributes(attrs)
-  if(variable.headerTemplate)
-    template(#header)
-      | !{variable.headerTemplate}
-  if(variable.footerTemplate)
-    template(#footer)
-      | !{variable.footerTemplate}
+-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-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
+  :collapsible=variable.collapsible?String(variable.collapsible) : 'false'
+  :actions=variable.actions?String(variable.actions):undefined
+)&attributes(attrs)
+  if(variable.headerTemplate)
+    template(#header)
+      | !{variable.headerTemplate}
+  if(variable.footerTemplate)
+    template(#footer)
+      | !{variable.footerTemplate}
   | {{content}}

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

@@ -1,51 +1,51 @@
-//- -variable.readonly = variable.readonly?String(variable.readonly).replace(/"/g, "'")+"":undefined;
--var attrs = {};
--attrs.class = variable.appearance && variable.appearance.class;
--attrs.style = variable.appearance && variable.appearance.style;
--attrs.label = variable.title? String(variable.title) : undefined 
--var checkerStyle = variable.checkerWidth ? { width: variable.checkerWidth + 'px' } : undefined
--var visible = variable.visible ? String(variable.visible.value) : 'false';
--var require = variable.require ? String(variable.require.value) : undefined;
--var readonly = variable.readonly ? String(variable.readonly.value) : undefined;
--var disable = variable.disable ? String(variable.disable.value) : undefined;
--var inputDirection = variable.displayType !== 'button' ? 'vertical' : variable.direction
--var direction = variable.displayType === 'button' ? 'horizontal' : variable.direction
--var binding = variable.binding && variable.binding.path ? "form."+variable.binding.path+".value" : undefined 
--var groupClass = inputDirection === 'horizontal' ? 'd-flex justify-content-end' : undefined
--var items = variable.dataSourceType === 'dynamic' ? String(variable.bindDataSource.value) : variable.items
-
-div(
-  v-if=visible
-  class="fm-input-wrapper" 
-)
-  fm-input(
-    center
-    :required=require
-    input-align="right"
-    :labelWidth!=variable.labelWidth?variable.labelWidth+"":undefined
-    direction=inputDirection?inputDirection+"":undefined
-    :error-message!=variable.errorMessage
-    error-message-align=variable.errorMessage ? "right" : undefined
-  )&attributes(attrs)
-    template(#default)
-      fm-checkbox-group(
-        class=groupClass
-        v-model=binding
-        :readonly=readonly
-        :disabled=disable
-        :items=items ? items : undefined
-        valueField=variable.valueField?""+variable.valueField:undefined
-        textField=variable.textField?""+variable.textField:undefined
-        :checkerStyle=checkerStyle
-        direction=direction?direction+"":undefined
-        type=variable.displayType?variable.displayType+"":undefined
-      )
-    if(variable.labelTips) 
-      template(#title)
-        <span>!{variable.title}</span>
-        <fm-popover :hasMask="false" placement="topLeft" className="fm-input-label-tips" :offset="{left: -5}">
-          <fm-icon name="s-illustrate-o"/>
-          <template #content>
-            <div class="fm-input-label-tips-content"><span>!{variable.labelTips}</span></div>
-          </template>
-        </fm-popover>
+//- -variable.readonly = variable.readonly?String(variable.readonly).replace(/"/g, "'")+"":undefined;
+-var attrs = {};
+-attrs.class = variable.appearance && variable.appearance.class;
+-attrs.style = variable.appearance && variable.appearance.style;
+-attrs.label = variable.title? String(variable.title) : undefined 
+-var checkerStyle = variable.checkerWidth ? { width: variable.checkerWidth + 'px' } : undefined
+-var visible = variable.visible ? String(variable.visible.value) : 'false';
+-var require = variable.require ? String(variable.require.value) : undefined;
+-var readonly = variable.readonly ? String(variable.readonly.value) : undefined;
+-var disable = variable.disable ? String(variable.disable.value) : undefined;
+-var inputDirection = variable.displayType !== 'button' ? 'vertical' : variable.direction
+-var direction = variable.displayType === 'button' ? 'horizontal' : variable.direction
+-var binding = variable.binding && variable.binding.path ? "form."+variable.binding.path+".value" : undefined 
+-var groupClass = inputDirection === 'horizontal' ? 'd-flex justify-content-end' : undefined
+-var items = variable.dataSourceType === 'dynamic' ? String(variable.bindDataSource.value) : variable.items
+
+div(
+  v-if=visible
+  class="fm-input-wrapper" 
+)
+  fm-input(
+    center
+    :required=require
+    input-align="right"
+    :labelWidth!=variable.labelWidth?variable.labelWidth+"":undefined
+    direction=inputDirection?inputDirection+"":undefined
+    :error-message!=variable.errorMessage
+    error-message-align=variable.errorMessage ? "right" : undefined
+  )&attributes(attrs)
+    template(#default)
+      fm-checkbox-group(
+        class=groupClass
+        v-model=binding
+        :readonly=readonly
+        :disabled=disable
+        :items=items ? items : undefined
+        valueField=variable.valueField?""+variable.valueField:undefined
+        textField=variable.textField?""+variable.textField:undefined
+        :checkerStyle=checkerStyle
+        direction=direction?direction+"":undefined
+        type=variable.displayType?variable.displayType+"":undefined
+      )
+    if(variable.labelTips) 
+      template(#title)
+        <span>!{variable.title}</span>
+        <fm-popover :hasMask="false" placement="topLeft" className="fm-input-label-tips" :offset="{left: -5}">
+          <fm-icon name="s-illustrate-o"/>
+          <template #content>
+            <div class="fm-input-label-tips-content"><span>!{variable.labelTips}</span></div>
+          </template>
+        </fm-popover>

package/lib/template/ui/mobilevue/component-ref.pug

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

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

@@ -1,10 +1,10 @@
--var attrs = {};
--attrs.class = variable.appearance && variable.appearance.class;
--attrs.style = variable.appearance && variable.appearance.style;
--var visible = variable.visible ? String(variable.visible.value) : 'false';
-
-div(
-  v-if=visible
-  id=variable.replacedId ? String(variable.replacedId) : undefined   
-)&attributes(attrs)
+-var attrs = {};
+-attrs.class = variable.appearance && variable.appearance.class;
+-attrs.style = variable.appearance && variable.appearance.style;
+-var visible = variable.visible ? String(variable.visible.value) : 'false';
+
+div(
+  v-if=visible
+  id=variable.replacedId ? String(variable.replacedId) : undefined   
+)&attributes(attrs)
   | {{content}}

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

@@ -1,12 +1,12 @@
--var attrs = {};
--attrs.class = variable.appearance && variable.appearance.class;
--attrs.style = variable.appearance && variable.appearance.style;
--var visible = variable.visible ? String(variable.visible.value) : 'false';
-
-
-  div(
-    v-if=visible
-    id=variable.replacedId ? String(variable.replacedId) : undefined    
-    ref=variable.ref?""+variable.ref:undefined  
-  )&attributes(attrs)
+-var attrs = {};
+-attrs.class = variable.appearance && variable.appearance.class;
+-attrs.style = variable.appearance && variable.appearance.style;
+-var visible = variable.visible ? String(variable.visible.value) : 'false';
+
+
+  div(
+    v-if=visible
+    id=variable.replacedId ? String(variable.replacedId) : undefined    
+    ref=variable.ref?""+variable.ref:undefined  
+  )&attributes(attrs)
     | {{content}}

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

@@ -1,56 +1,56 @@
-//- -variable.readonly = variable.readonly?String(variable.readonly).replace(/"/g, "'")+"":undefined;
--var attrs = {};
--attrs.class = variable.appearance && variable.appearance.class;
--attrs.style = variable.appearance && variable.appearance.style;
--attrs.id = variable.replacedId? String(variable.replacedId) : undefined 
--attrs.placeholder = variable.placeholder? String(variable.placeholder) : undefined 
--attrs.label = variable.title? String(variable.title) : undefined 
--var visible = variable.visible ? String(variable.visible.value) : 'false';
--var require = variable.require ? String(variable.require.value) : undefined;
--var readonly = variable.readonly ? String(variable.readonly.value) : undefined;
--var disable = variable.disable ? String(variable.disable.value) : undefined;
--var binding = variable.binding && variable.binding.path ? "form."+variable.binding.path+".value" : undefined 
--var bind = variable.bind ? String(variable.bind) : undefined;
-
-div(
-  v-if=visible
-  class="fm-input-wrapper" 
-)
-  component(
-    v-model=binding
-    :required=require
-    :readonly=readonly
-    :disabled=disable
-    input-align="right"
-    is=variable.componentName ? variable.componentName+"":undefined 
-    :modelValue=variable.modelValue ? variable.modelValue+"":undefined 
-    :labelWidth!=variable.labelWidth?variable.labelWidth+"":undefined
-    direction=variable.direction?variable.direction+"":undefined
-    :error-message!=variable.errorMessage
-    error-message-align=variable.errorMessage ? "right" : undefined
-    v-bind=bind
-  )&attributes(attrs)
-    if(variable.leftTemplate)
-      template(#left-icon)
-        | !{variable.leftTemplate}
-    if(variable.labelTemplate)
-      template(#label)
-        | !{variable.labelTemplate}
-    if(variable.inputTemplate)
-      | !{variable.inputTemplate}
-    if(variable.rightTemplate)
-      template(#right-icon)
-        | !{variable.rightTemplate}
-    if(variable.extraTemplate)
-      template(#extra)
-        | !{variable.extraTemplate}
-    if(variable.labelTips) 
-      template(#title)
-        <span>!{variable.title}</span>
-        <fm-popover :hasMask="false" placement="topLeft" className="fm-input-label-tips" :offset="{left: -5}">
-          <fm-icon name="s-illustrate-o"/>
-          <template #content>
-            <div class="fm-input-label-tips-content"><span>!{variable.labelTips}</span></div>
-          </template>
-        </fm-popover>
- 
+//- -variable.readonly = variable.readonly?String(variable.readonly).replace(/"/g, "'")+"":undefined;
+-var attrs = {};
+-attrs.class = variable.appearance && variable.appearance.class;
+-attrs.style = variable.appearance && variable.appearance.style;
+-attrs.id = variable.replacedId? String(variable.replacedId) : undefined 
+-attrs.placeholder = variable.placeholder? String(variable.placeholder) : undefined 
+-attrs.label = variable.title? String(variable.title) : undefined 
+-var visible = variable.visible ? String(variable.visible.value) : 'false';
+-var require = variable.require ? String(variable.require.value) : undefined;
+-var readonly = variable.readonly ? String(variable.readonly.value) : undefined;
+-var disable = variable.disable ? String(variable.disable.value) : undefined;
+-var binding = variable.binding && variable.binding.path ? "form."+variable.binding.path+".value" : undefined 
+-var bind = variable.bind ? String(variable.bind) : undefined;
+
+div(
+  v-if=visible
+  class="fm-input-wrapper" 
+)
+  component(
+    v-model=binding
+    :required=require
+    :readonly=readonly
+    :disabled=disable
+    input-align="right"
+    is=variable.componentName ? variable.componentName+"":undefined 
+    :modelValue=variable.modelValue ? variable.modelValue+"":undefined 
+    :labelWidth!=variable.labelWidth?variable.labelWidth+"":undefined
+    direction=variable.direction?variable.direction+"":undefined
+    :error-message!=variable.errorMessage
+    error-message-align=variable.errorMessage ? "right" : undefined
+    v-bind=bind
+  )&attributes(attrs)
+    if(variable.leftTemplate)
+      template(#left-icon)
+        | !{variable.leftTemplate}
+    if(variable.labelTemplate)
+      template(#label)
+        | !{variable.labelTemplate}
+    if(variable.inputTemplate)
+      | !{variable.inputTemplate}
+    if(variable.rightTemplate)
+      template(#right-icon)
+        | !{variable.rightTemplate}
+    if(variable.extraTemplate)
+      template(#extra)
+        | !{variable.extraTemplate}
+    if(variable.labelTips) 
+      template(#title)
+        <span>!{variable.title}</span>
+        <fm-popover :hasMask="false" placement="topLeft" className="fm-input-label-tips" :offset="{left: -5}">
+          <fm-icon name="s-illustrate-o"/>
+          <template #content>
+            <div class="fm-input-label-tips-content"><span>!{variable.labelTips}</span></div>
+          </template>
+        </fm-popover>
+