@farris/jit-engine 1.3.222 → 1.3.223

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

@@ -1,9 +1,9 @@
-fm-sidebar-item(
-  id=variable.id?"" + variable.id:undefined 
-  v-if=variable.visible?variable.visible+"":"false"
-  style=(variable.appearance && variable.appearance.style)  
-  class=(variable.appearance && variable.appearance.class)  
-  title=variable.title?"" + variable.title:undefined 
-  name=variable.name?"" + variable.name:undefined 
-)
-  | {{content}}
+fm-sidebar-item(
+  id=variable.id?"" + variable.id:undefined 
+  v-if=variable.visible?variable.visible+"":"false"
+  style=(variable.appearance && variable.appearance.style)  
+  class=(variable.appearance && variable.appearance.class)  
+  title=variable.title?"" + variable.title:undefined 
+  name=variable.name?"" + variable.name:undefined 
+)
+  | {{content}}

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

@@ -1,11 +1,11 @@
-fm-sidebar(
-  id=variable.id?"" + variable.id:undefined 
-  v-if=variable.visible?variable.visible+"":"false"
-  style=(variable.appearance && variable.appearance.style)  
-  class=(variable.appearance && variable.appearance.class)  
-  modelValue=variable.selected?"" + variable.selected:undefined 
-  sidebarWidth=variable.sidebarWidth?"" + variable.sidebarWidth:undefined 
-  @change=variable.change?"" + variable.change:undefined 
-)
-  | {{content}}
-  
+fm-sidebar(
+  id=variable.id?"" + variable.id:undefined 
+  v-if=variable.visible?variable.visible+"":"false"
+  style=(variable.appearance && variable.appearance.style)  
+  class=(variable.appearance && variable.appearance.class)  
+  modelValue=variable.selected?"" + variable.selected:undefined 
+  sidebarWidth=variable.sidebarWidth?"" + variable.sidebarWidth:undefined 
+  @change=variable.change?"" + variable.change:undefined 
+)
+  | {{content}}
+  

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

@@ -1,13 +1,13 @@
--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-staff-info(
-  v-if=visible
-  title!=variable.titleText?"" + variable.titleText:undefined 
-  :name!=variable.staffName?"" + variable.staffName:undefined 
-  :sub-title!=variable.departmentName?"" + variable.departmentName:undefined 
-  :staffId!=variable.staffId?"" + variable.staffId:undefined 
-  avatarType!=variable.avatarType?"" + variable.avatarType: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';
+
+fm-staff-info(
+  v-if=visible
+  title!=variable.titleText?"" + variable.titleText:undefined 
+  :name!=variable.staffName?"" + variable.staffName:undefined 
+  :sub-title!=variable.departmentName?"" + variable.departmentName:undefined 
+  :staffId!=variable.staffId?"" + variable.staffId:undefined 
+  avatarType!=variable.avatarType?"" + variable.avatarType:undefined 
 )&attributes(attrs)

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

@@ -1,2 +1,2 @@
-div(class="fm-static-text-common")
+div(class="fm-static-text-common")
   | !{variable.html}

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

@@ -1,9 +1,9 @@
-fm-steps(
-  class=(variable.appearance && variable.appearance.class)
-  style=(variable.appearance && variable.appearance.style)
-  v-if=variable.visible?variable.visible+"":"false"
-  :steps=variable.size?""+variable.size:undefined 
-  direction=variable.size?""+variable.size:undefined 
-  :current=variable.size?""+variable.size:undefined 
-  :fill=variable.size?""+variable.size:undefined 
+fm-steps(
+  class=(variable.appearance && variable.appearance.class)
+  style=(variable.appearance && variable.appearance.style)
+  v-if=variable.visible?variable.visible+"":"false"
+  :steps=variable.size?""+variable.size:undefined 
+  direction=variable.size?""+variable.size:undefined 
+  :current=variable.size?""+variable.size:undefined 
+  :fill=variable.size?""+variable.size:undefined 
 )

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

@@ -1,44 +1,44 @@
-//- -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 
-
-div(
-  v-if=visible
-  class="fm-input-wrapper" 
-  )
-  fm-switch-cell(
-    v-model=binding
-    :required=require
-    :readonly=readonly
-    :disabled=disable
-    :modelValue=variable.modelValue ? variable.modelValue+"":undefined 
-    size=variable.size?""+variable.size: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.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 
+
+div(
+  v-if=visible
+  class="fm-input-wrapper" 
+  )
+  fm-switch-cell(
+    v-model=binding
+    :required=require
+    :readonly=readonly
+    :disabled=disable
+    :modelValue=variable.modelValue ? variable.modelValue+"":undefined 
+    size=variable.size?""+variable.size: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/tab-bar.pug

@@ -1,14 +1,14 @@
--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 binding = variable.binding ? String(variable.binding.value) : undefined;
-
-fm-tab-bar(
-  v-if=visible
-  type=variable.displayType?variable.displayType:undefined
-  :modelValue=binding
-  :items=variable.items?variable.items:undefined
-  @change=variable.change?String(variable.change):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';
+-var binding = variable.binding ? String(variable.binding.value) : undefined;
+
+fm-tab-bar(
+  v-if=visible
+  type=variable.displayType?variable.displayType:undefined
+  :modelValue=binding
+  :items=variable.items?variable.items:undefined
+  @change=variable.change?String(variable.change):undefined
+)&attributes(attrs)
   | {{content}}

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

@@ -1,15 +1,15 @@
--var attrs = {};
--attrs.class = variable.appearance && variable.appearance.class;
--attrs.style = variable.appearance && variable.appearance.style;
--attrs.name = variable.replacedId ? String(variable.replacedId) : undefined;
--var bindTitle = variable.bindTitle ? variable.bindTitle.path ? 'uiState.' + variable.bindTitle.path : variable.bindTitle : undefined
--var visible = variable.visible ? String(variable.visible.value) : 'false';
--var title = !bindTitle && variable.title ? String(variable.title) : undefined
-
-fm-tab(
-  v-if=visible
-  title= title
-  :title=bindTitle
-  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;
+-attrs.name = variable.replacedId ? String(variable.replacedId) : undefined;
+-var bindTitle = variable.bindTitle ? variable.bindTitle.path ? 'uiState.' + variable.bindTitle.path : variable.bindTitle : undefined
+-var visible = variable.visible ? String(variable.visible.value) : 'false';
+-var title = !bindTitle && variable.title ? String(variable.title) : undefined
+
+fm-tab(
+  v-if=visible
+  title= title
+  :title=bindTitle
+  id=variable.replacedId ? String(variable.replacedId) : undefined   
+)&attributes(attrs)
   | {{content}}

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

@@ -1,17 +1,17 @@
--var attrs = {};
--attrs.class = variable.appearance && variable.appearance.class;
--attrs.style = variable.appearance && variable.appearance.style;
--attrs.ref = variable.replacedId
--var visible = variable.visible ? String(variable.visible.value) : 'false';
-
-fm-tabs(
-  v-if=visible
-  id=variable.replacedId ? String(variable.replacedId) : undefined   
-  :value=variable.value ? String(variable.value) : undefined
-  :fill=variable.fill ? String(variable.fill) : undefined
-  @change=variable.tabChange ? String(variable.tabChange) : undefined
-)&attributes(attrs)
-  if(variable.titleTemplate)
-    template(v-slot:title="props")
-      | !{variable.titleTemplate}
+-var attrs = {};
+-attrs.class = variable.appearance && variable.appearance.class;
+-attrs.style = variable.appearance && variable.appearance.style;
+-attrs.ref = variable.replacedId
+-var visible = variable.visible ? String(variable.visible.value) : 'false';
+
+fm-tabs(
+  v-if=visible
+  id=variable.replacedId ? String(variable.replacedId) : undefined   
+  :value=variable.value ? String(variable.value) : undefined
+  :fill=variable.fill ? String(variable.fill) : undefined
+  @change=variable.tabChange ? String(variable.tabChange) : undefined
+)&attributes(attrs)
+  if(variable.titleTemplate)
+    template(v-slot:title="props")
+      | !{variable.titleTemplate}
   | {{content}}

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

@@ -1,44 +1,44 @@
-//- -variable.readonly = variable.readonly?String(variable.readonly).replace(/"/g, "'")+"":undefined;
--var attrs = {};
--attrs.type = "textarea"
--attrs.class = variable.appearance && variable.appearance.class;
--attrs.style = variable.appearance && variable.appearance.style;
--attrs.id = variable.replacedId? String(variable.replacedId) : undefined 
--attrs.placeholder = variable.placeholder? String(variable.placeholder) : undefined 
--attrs.label = variable.title? String(variable.title) : undefined 
--var visible = variable.visible ? String(variable.visible.value) : 'false';
--var require = variable.require ? String(variable.require.value) : undefined;
--var readonly = variable.readonly ? String(variable.readonly.value) : undefined;
--var disable = variable.disable ? String(variable.disable.value) : undefined;
--var binding = variable.binding && variable.binding.path ? "form."+variable.binding.path+".value" : undefined 
-
-div(
-  v-if=visible
-  class="fm-input-wrapper" 
-)
-  fm-input(
-    v-model=binding
-    :required=require
-    :readonly=readonly
-    :disabled=disable
-    :modelValue=variable.modelValue ? variable.modelValue+"":undefined 
-    :clearable!=variable.clearable?variable.clearable+"":undefined
-    :showWordLimit!=variable.showWordLimit?variable.showWordLimit+"":undefined
-    :maxlength!=variable.maxlength?variable.maxlength+"":undefined
-    :autoSize=variable.autoSize?variable.autoSize+"":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}
-    if(variable.labelTips) 
-      template(#title)
-        <span>!{variable.title}</span>
-        <fm-popover :hasMask="false" placement="topLeft" className="fm-input-label-tips" :offset="{left: -5}">
-          <fm-icon name="s-illustrate-o"/>
-          <template #content>
-            <div class="fm-input-label-tips-content"><span>!{variable.labelTips}</span></div>
-          </template>
-        </fm-popover>
+//- -variable.readonly = variable.readonly?String(variable.readonly).replace(/"/g, "'")+"":undefined;
+-var attrs = {};
+-attrs.type = "textarea"
+-attrs.class = variable.appearance && variable.appearance.class;
+-attrs.style = variable.appearance && variable.appearance.style;
+-attrs.id = variable.replacedId? String(variable.replacedId) : undefined 
+-attrs.placeholder = variable.placeholder? String(variable.placeholder) : undefined 
+-attrs.label = variable.title? String(variable.title) : undefined 
+-var visible = variable.visible ? String(variable.visible.value) : 'false';
+-var require = variable.require ? String(variable.require.value) : undefined;
+-var readonly = variable.readonly ? String(variable.readonly.value) : undefined;
+-var disable = variable.disable ? String(variable.disable.value) : undefined;
+-var binding = variable.binding && variable.binding.path ? "form."+variable.binding.path+".value" : undefined 
+
+div(
+  v-if=visible
+  class="fm-input-wrapper" 
+)
+  fm-input(
+    v-model=binding
+    :required=require
+    :readonly=readonly
+    :disabled=disable
+    :modelValue=variable.modelValue ? variable.modelValue+"":undefined 
+    :clearable!=variable.clearable?variable.clearable+"":undefined
+    :showWordLimit!=variable.showWordLimit?variable.showWordLimit+"":undefined
+    :maxlength!=variable.maxlength?variable.maxlength+"":undefined
+    :autoSize=variable.autoSize?variable.autoSize+"":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}
+    if(variable.labelTips) 
+      template(#title)
+        <span>!{variable.title}</span>
+        <fm-popover :hasMask="false" placement="topLeft" className="fm-input-label-tips" :offset="{left: -5}">
+          <fm-icon name="s-illustrate-o"/>
+          <template #content>
+            <div class="fm-input-label-tips-content"><span>!{variable.labelTips}</span></div>
+          </template>
+        </fm-popover>

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

@@ -1,64 +1,64 @@
-//- -variable.readonly = variable.readonly?String(variable.readonly).replace(/"/g, "'")+"":undefined;
--var attrs = {};
--attrs.type = "text"
--attrs.class = variable.appearance && variable.appearance.class;
--attrs.style = variable.appearance && variable.appearance.style;
--attrs.id = variable.replacedId? String(variable.replacedId) : undefined 
--attrs.placeholder = variable.placeholder? String(variable.placeholder) : undefined 
--attrs.label = variable.title? String(variable.title) : undefined 
--var visible = variable.visible ? String(variable.visible.value) : 'false';
--var require = variable.require ? String(variable.require.value) : undefined;
--var readonly = variable.readonly ? String(variable.readonly.value) : undefined;
--var disable = variable.disable ? String(variable.disable.value) : undefined;
--var binding = variable.binding && variable.binding.path ? "form."+variable.binding.path+".value" : undefined 
-
-
-div(
-  v-if=visible
-  class="fm-input-wrapper" 
-  )
-  fm-input(
-    ref=variable.id?"" + variable.id:undefined 
-    v-model=binding
-    :required=require
-    :readonly=readonly
-    :disabled=disable
-    :modelValue=variable.modelValue ?variable.modelValue+"":undefined 
-    :clearable!=variable.clearable?variable.clearable+"":undefined
-    :is-link!=variable.isLink?variable.isLink+"":undefined
-    :labelWidth!=variable.labelWidth?variable.labelWidth+"":undefined
-    direction=variable.direction?variable.direction+"":undefined
-    input-align="right"
-    extra=variable.suffix?variable.suffix+"":undefined
-    :error-message!=variable.errorMessage
-    error-message-align=variable.errorMessage ? "right" : undefined
-    data-external-service-code!=variable.externalServiceCode?variable.externalServiceCode+"":undefined
-    data-external-table-name!=variable.externalTableName?variable.externalTableName+"":undefined
-    data-external-table-schemas=variable.externalTableSchemas?variable.externalTableSchemas+"":undefined
-    data-external-service-params=variable.externalServiceParams?variable.externalServiceParams+"":undefined
-    data-external-map-fields=variable.externalMapFields?variable.externalMapFields+"":undefined
-  )&attributes(attrs)
-    if(variable.leftTemplate)
-      template(#left-icon)
-        | !{variable.leftTemplate}
-    if(variable.labelTemplate)
-      template(#label)
-        | !{variable.labelTemplate}
-    if(variable.inputTemplate)
-      | !{variable.inputTemplate}
-    if(variable.rightTemplate)
-      template(#right-icon)
-        | !{variable.rightTemplate}
-    if(variable.extraTemplate)
-      template(#extra)
-        | !{variable.extraTemplate}
-    if(variable.labelTips) 
-      template(#title)
-        <span>!{variable.title}</span>
-        <fm-popover :hasMask="false" placement="topLeft" className="fm-input-label-tips" :offset="{left: -5}">
-          <fm-icon name="s-illustrate-o"/>
-          <template #content>
-            <div class="fm-input-label-tips-content"><span>!{variable.labelTips}</span></div>
-          </template>
-        </fm-popover>
- 
+//- -variable.readonly = variable.readonly?String(variable.readonly).replace(/"/g, "'")+"":undefined;
+-var attrs = {};
+-attrs.type = "text"
+-attrs.class = variable.appearance && variable.appearance.class;
+-attrs.style = variable.appearance && variable.appearance.style;
+-attrs.id = variable.replacedId? String(variable.replacedId) : undefined 
+-attrs.placeholder = variable.placeholder? String(variable.placeholder) : undefined 
+-attrs.label = variable.title? String(variable.title) : undefined 
+-var visible = variable.visible ? String(variable.visible.value) : 'false';
+-var require = variable.require ? String(variable.require.value) : undefined;
+-var readonly = variable.readonly ? String(variable.readonly.value) : undefined;
+-var disable = variable.disable ? String(variable.disable.value) : undefined;
+-var binding = variable.binding && variable.binding.path ? "form."+variable.binding.path+".value" : undefined 
+
+
+div(
+  v-if=visible
+  class="fm-input-wrapper" 
+  )
+  fm-input(
+    ref=variable.id?"" + variable.id:undefined 
+    v-model=binding
+    :required=require
+    :readonly=readonly
+    :disabled=disable
+    :modelValue=variable.modelValue ?variable.modelValue+"":undefined 
+    :clearable!=variable.clearable?variable.clearable+"":undefined
+    :is-link!=variable.isLink?variable.isLink+"":undefined
+    :labelWidth!=variable.labelWidth?variable.labelWidth+"":undefined
+    direction=variable.direction?variable.direction+"":undefined
+    input-align="right"
+    extra=variable.suffix?variable.suffix+"":undefined
+    :error-message!=variable.errorMessage
+    error-message-align=variable.errorMessage ? "right" : undefined
+    data-external-service-code!=variable.externalServiceCode?variable.externalServiceCode+"":undefined
+    data-external-table-name!=variable.externalTableName?variable.externalTableName+"":undefined
+    data-external-table-schemas=variable.externalTableSchemas?variable.externalTableSchemas+"":undefined
+    data-external-service-params=variable.externalServiceParams?variable.externalServiceParams+"":undefined
+    data-external-map-fields=variable.externalMapFields?variable.externalMapFields+"":undefined
+  )&attributes(attrs)
+    if(variable.leftTemplate)
+      template(#left-icon)
+        | !{variable.leftTemplate}
+    if(variable.labelTemplate)
+      template(#label)
+        | !{variable.labelTemplate}
+    if(variable.inputTemplate)
+      | !{variable.inputTemplate}
+    if(variable.rightTemplate)
+      template(#right-icon)
+        | !{variable.rightTemplate}
+    if(variable.extraTemplate)
+      template(#extra)
+        | !{variable.extraTemplate}
+    if(variable.labelTips) 
+      template(#title)
+        <span>!{variable.title}</span>
+        <fm-popover :hasMask="false" placement="topLeft" className="fm-input-label-tips" :offset="{left: -5}">
+          <fm-icon name="s-illustrate-o"/>
+          <template #content>
+            <div class="fm-input-label-tips-content"><span>!{variable.labelTips}</span></div>
+          </template>
+        </fm-popover>
+ 

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

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