mirror of
https://gitee.com/niucloud-team/niucloud-admin.git
synced 2026-01-06 04:58:10 +00:00
2 lines
9.6 KiB
JavaScript
2 lines
9.6 KiB
JavaScript
import{W as e,X as t,q as n,t as o,i as a,j as i,w as l,k as r,p as s,m as u,T as d,K as p,L as c,N as f,x as m,V as h,I as y,an as _}from"./index-ea6e0cb1.js";import{_ as g}from"./u-icon.d0747f2e.js";import{_ as b}from"./u-line.fc7fb812.js";import{p as S}from"./u-form.35f8de54.js";import{_ as x}from"./_plugin-vue_export-helper.1b428a4d.js";const $=x({name:"u-form-item",mixins:[e,t,S],data:()=>({message:"",parentData:{labelPosition:"left",labelAlign:"left",labelStyle:{},labelWidth:45,errorType:"message"}}),computed:{propsLine:()=>uni.$u.props.line},mounted(){this.init()},methods:{init(){this.updateParentData(),this.parent||uni.$u.error("u-form-item需要结合u-form组件使用")},updateParentData(){this.getParentData("u-form")},clearValidate(){this.message=null},resetField(){const e=uni.$u.getProperty(this.parent.originalModel,this.prop);uni.$u.setProperty(this.parent.model,this.prop,e),this.message=null},clickHandler(){this.$emit("click")}}},[["render",function(e,t,h,y,_,S){const x=f,$=n(o("u-icon"),g),C=m,k=n(o("u-line"),b);return a(),i(C,{class:"u-form-item"},{default:l((()=>[r(C,{class:"u-form-item__body",onClick:S.clickHandler,style:s([e.$u.addStyle(e.customStyle),{flexDirection:"left"===_.parentData.labelPosition?"row":"column"}])},{default:l((()=>[u(' 微信小程序中，将一个参数设置空字符串，结果会变成字符串"true" '),d(e.$slots,"label",{},(()=>[u(" {{required}} "),e.required||e.leftIcon||e.label?(a(),i(C,{key:0,class:"u-form-item__body__left",style:s({width:e.$u.addUnit(e.labelWidth||_.parentData.labelWidth),marginBottom:"left"===_.parentData.labelPosition?0:"5px"})},{default:l((()=>[u(" 为了块对齐 "),r(C,{class:"u-form-item__body__left__content"},{default:l((()=>[u(" nvue不支持伪元素before "),e.required?(a(),i(x,{key:0,class:"u-form-item__body__left__content__required"},{default:l((()=>[p("*")])),_:1})):u("v-if",!0),e.leftIcon?(a(),i(C,{key:1,class:"u-form-item__body__left__content__icon"},{default:l((()=>[r($,{name:e.leftIcon,"custom-style":e.leftIconStyle},null,8,["name","custom-style"])])),_:1})):u("v-if",!0),r(x,{class:"u-form-item__body__left__content__label",style:s([_.parentData.labelStyle,{justifyContent:"left"===_.parentData.labelAlign?"flex-start":"center"===_.parentData.labelAlign?"center":"flex-end"}])},{default:l((()=>[p(c(e.label),1)])),_:1},8,["style"])])),_:1})])),_:1},8,["style"])):u("v-if",!0)]),!0),r(C,{class:"u-form-item__body__right"},{default:l((()=>[r(C,{class:"u-form-item__body__right__content"},{default:l((()=>[r(C,{class:"u-form-item__body__right__content__slot"},{default:l((()=>[d(e.$slots,"default",{},void 0,!0)])),_:3}),e.$slots.right?(a(),i(C,{key:0,class:"item__body__right__content__icon"},{default:l((()=>[d(e.$slots,"right",{},void 0,!0)])),_:3})):u("v-if",!0)])),_:3})])),_:3})])),_:3},8,["onClick","style"]),d(e.$slots,"error",{},(()=>[_.message&&"message"===_.parentData.errorType?(a(),i(x,{key:0,class:"u-form-item__body__right__message",style:s({marginLeft:e.$u.addUnit("top"===_.parentData.labelPosition?0:e.labelWidth||_.parentData.labelWidth)})},{default:l((()=>[p(c(_.message),1)])),_:1},8,["style"])):u("v-if",!0)]),!0),e.borderBottom?(a(),i(k,{key:0,color:_.message&&"border-bottom"===_.parentData.errorType?e.$u.color.error:S.propsLine.color,customStyle:`margin-top: ${_.message&&"message"===_.parentData.errorType?"5px":0}`},null,8,["color","customStyle"])):u("v-if",!0)])),_:3})}],["__scopeId","data-v-a180cd81"]]);const C=x({name:"u-input",mixins:[e,t,{props:{modelValue:{type:[String,Number],default:h.input.value},type:{type:String,default:h.input.type},fixed:{type:Boolean,default:h.input.fixed},disabled:{type:Boolean,default:h.input.disabled},disabledColor:{type:String,default:h.input.disabledColor},clearable:{type:Boolean,default:h.input.clearable},password:{type:Boolean,default:h.input.password},maxlength:{type:[String,Number],default:h.input.maxlength},placeholder:{type:String,default:h.input.placeholder},placeholderClass:{type:String,default:h.input.placeholderClass},placeholderStyle:{type:[String,Object],default:h.input.placeholderStyle},showWordLimit:{type:Boolean,default:h.input.showWordLimit},confirmType:{type:String,default:h.input.confirmType},confirmHold:{type:Boolean,default:h.input.confirmHold},holdKeyboard:{type:Boolean,default:h.input.holdKeyboard},focus:{type:Boolean,default:h.input.focus},autoBlur:{type:Boolean,default:h.input.autoBlur},disableDefaultPadding:{type:Boolean,default:h.input.disableDefaultPadding},cursor:{type:[String,Number],default:h.input.cursor},cursorSpacing:{type:[String,Number],default:h.input.cursorSpacing},selectionStart:{type:[String,Number],default:h.input.selectionStart},selectionEnd:{type:[String,Number],default:h.input.selectionEnd},adjustPosition:{type:Boolean,default:h.input.adjustPosition},inputAlign:{type:String,default:h.input.inputAlign},fontSize:{type:[String,Number],default:h.input.fontSize},color:{type:String,default:h.input.color},prefixIcon:{type:String,default:h.input.prefixIcon},prefixIconStyle:{type:[String,Object],default:h.input.prefixIconStyle},suffixIcon:{type:String,default:h.input.suffixIcon},suffixIconStyle:{type:[String,Object],default:h.input.suffixIconStyle},border:{type:String,default:h.input.border},readonly:{type:Boolean,default:h.input.readonly},shape:{type:String,default:h.input.shape},formatter:{type:[Function,null],default:h.input.formatter},ignoreCompositionEvent:{type:Boolean,default:!0}}}],data:()=>({innerValue:"",focused:!1,firstChange:!0,changeFromInner:!1,innerFormatter:e=>e}),watch:{modelValue:{immediate:!0,handler(e,t){this.innerValue=e,!1===this.firstChange&&!1===this.changeFromInner&&this.valueChange(),this.firstChange=!1,this.changeFromInner=!1}}},computed:{isShowClear(){const{clearable:e,readonly:t,focused:n,innerValue:o}=this;return!!e&&!t&&!!n&&""!==o},inputClass(){let e=[],{border:t,disabled:n,shape:o}=this;return"surround"===t&&(e=e.concat(["u-border","u-input--radius"])),e.push(`u-input--${o}`),"bottom"===t&&(e=e.concat(["u-border-bottom","u-input--no-radius"])),e.join(" ")},wrapperStyle(){const e={};return this.disabled&&(e.backgroundColor=this.disabledColor),"none"===this.border?e.padding="0":(e.paddingTop="6px",e.paddingBottom="6px",e.paddingLeft="9px",e.paddingRight="9px"),uni.$u.deepMerge(e,uni.$u.addStyle(this.customStyle))},inputStyle(){return{color:this.color,fontSize:uni.$u.addUnit(this.fontSize),textAlign:this.inputAlign}}},emits:["update:modelValue","focus","blur","change","confirm","clear","keyboardheightchange"],methods:{setFormatter(e){this.innerFormatter=e},onInput(e){let{value:t=""}=e.detail||{};const n=(this.formatter||this.innerFormatter)(t);this.innerValue=t,this.$nextTick((()=>{this.innerValue=n,this.valueChange()}))},onBlur(e){this.$emit("blur",e.detail.value),uni.$u.sleep(50).then((()=>{this.focused=!1})),uni.$u.formValidate(this,"blur")},onFocus(e){this.focused=!0,this.$emit("focus")},onConfirm(e){this.$emit("confirm",this.innerValue)},onkeyboardheightchange(){this.$emit("keyboardheightchange")},valueChange(){const e=this.innerValue;this.$nextTick((()=>{this.$emit("update:modelValue",e),this.changeFromInner=!0,this.$emit("change",e),uni.$u.formValidate(this,"change")}))},onClear(){this.innerValue="",this.$nextTick((()=>{this.valueChange(),this.$emit("clear")}))},clickHandler(){}}},[["render",function(e,t,p,c,f,h){const b=n(o("u-icon"),g),S=m,x=_;return a(),i(S,{class:y(["u-input",h.inputClass]),style:s([h.wrapperStyle])},{default:l((()=>[r(S,{class:"u-input__content"},{default:l((()=>[e.prefixIcon||e.$slots.prefix?(a(),i(S,{key:0,class:"u-input__content__prefix-icon"},{default:l((()=>[d(e.$slots,"prefix",{},(()=>[r(b,{name:e.prefixIcon,size:"18",customStyle:e.prefixIconStyle},null,8,["name","customStyle"])]),!0)])),_:3})):u("v-if",!0),r(S,{class:"u-input__content__field-wrapper",onClick:h.clickHandler},{default:l((()=>[u(" 根据uni-app的input组件文档，H5和APP中只要声明了password参数(无论true还是false)，type均失效，此时\n\t\t\t\t\t为了防止type=number时，又存在password属性，type无效，此时需要设置password为undefined\n\t\t\t\t "),r(x,{class:"u-input__content__field-wrapper__field",style:s([h.inputStyle]),type:e.type,focus:e.focus,cursor:e.cursor,value:f.innerValue,"auto-blur":e.autoBlur,disabled:e.disabled||e.readonly,maxlength:e.maxlength,placeholder:e.placeholder,"placeholder-style":e.placeholderStyle,"placeholder-class":e.placeholderClass,"confirm-type":e.confirmType,"confirm-hold":e.confirmHold,"hold-keyboard":e.holdKeyboard,"cursor-spacing":e.cursorSpacing,"adjust-position":e.adjustPosition,"selection-end":e.selectionEnd,"selection-start":e.selectionStart,password:e.password||"password"===e.type||void 0,ignoreCompositionEvent:e.ignoreCompositionEvent,onInput:h.onInput,onBlur:h.onBlur,onFocus:h.onFocus,onConfirm:h.onConfirm,onKeyboardheightchange:h.onkeyboardheightchange},null,8,["style","type","focus","cursor","value","auto-blur","disabled","maxlength","placeholder","placeholder-style","placeholder-class","confirm-type","confirm-hold","hold-keyboard","cursor-spacing","adjust-position","selection-end","selection-start","password","ignoreCompositionEvent","onInput","onBlur","onFocus","onConfirm","onKeyboardheightchange"])])),_:1},8,["onClick"]),h.isShowClear?(a(),i(S,{key:1,class:"u-input__content__clear",onClick:h.onClear},{default:l((()=>[r(b,{name:"close",size:"11",color:"#ffffff",customStyle:"line-height: 12px"})])),_:1},8,["onClick"])):u("v-if",!0),e.suffixIcon||e.$slots.suffix?(a(),i(S,{key:2,class:"u-input__content__subfix-icon"},{default:l((()=>[d(e.$slots,"suffix",{},(()=>[r(b,{name:e.suffixIcon,size:"18",customStyle:e.suffixIconStyle},null,8,["name","customStyle"])]),!0)])),_:3})):u("v-if",!0)])),_:3})])),_:3},8,["class","style"])}],["__scopeId","data-v-afd9dafc"]]);export{C as _,$ as a};
|