init

unpackage/dist/build/mp-weixin/uni_modules/nutui-uni/components/searchbar/searchbar.js

@@ -0,0 +1 @@
+"use strict";const e=require("../../../../common/vendor.js"),t=require("../_constants/event.js"),n=require("../_constants/prefix.js");require("../_utils/env.js");const o=require("../_utils/style.js");require("../../locale/locale.js");const i=require("../../locale/useTranslate.js"),a=require("../../../../form.js"),r=require("../_utils/is.js"),c=require("../_utils/props.js"),l={...c.commonProps,modelValue:c.makeNumericProp(""),inputType:c.makeStringProp("text"),shape:c.makeStringProp("round"),maxLength:c.numericProp,placeholder:String,clearable:c.truthProp,clearIcon:c.makeStringProp("circle-close"),background:String,inputBackground:String,focusStyle:c.makeObjectProp({}),autofocus:Boolean,disabled:c.nullableBooleanProp,readonly:Boolean,inputAlign:c.makeStringProp("left"),confirmType:c.makeStringProp("done"),safeAreaInsetBottom:Boolean,cursorSpacing:c.makeNumberProp(0)},s={[t.UPDATE_MODEL_EVENT]:(e,t)=>(r.isString(e)||void 0===e)&&t instanceof Object,[t.CHANGE_EVENT]:(e,t)=>(r.isString(e)||void 0===e)&&t instanceof Object,[t.BLUR_EVENT]:(e,t)=>(r.isString(e)||void 0===e)&&t instanceof Object,[t.FOCUS_EVENT]:(e,t)=>(r.isString(e)||void 0===e)&&t instanceof Object,[t.CLEAR_EVENT]:e=>r.isString(e)||void 0===e,[t.SEARCH_EVENT]:e=>r.isString(e)||void 0===e,clickInput:(e,t)=>(r.isString(e)||void 0===e)&&t instanceof Object,clickLeftIcon:(e,t)=>(r.isString(e)||void 0===e)&&t instanceof Object,clickRightIcon:(e,t)=>(r.isString(e)||void 0===e)&&t instanceof Object};Math||u();const u=()=>"../icon/icon.js",p=`${n.PREFIX}-searchbar`,{translate:d}=i.useTranslate(p),g=e.defineComponent({name:p,options:{virtualHost:!0,addGlobalClass:!0,styleIsolation:"shared"}}),m=e.defineComponent({...g,props:l,emits:s,setup(n,{emit:i}){const r=n,c=i,l=e.useSlots();function s(e){return Boolean(l[e])}const u=a.useFormDisabled(e.toRef(r,"disabled")),g=e.reactive({active:!1});const m=e.computed((()=>null==r.modelValue?"":String(r.modelValue))),E=e.computed((()=>null==r.maxLength?-1:Number(r.maxLength))),f=e.computed((()=>o.getMainClass(r,p,{"safe-area-inset-bottom":r.safeAreaInsetBottom}))),v=e.computed((()=>o.getMainStyle(r,{background:r.background}))),S=e.computed((()=>{const e={background:r.inputBackground};return g.active&&Object.assign(e,r.focusStyle),e})),b=e.computed((()=>({textAlign:r.inputAlign})));function T(e){return E.value>0&&e.length>E.value&&(e=e.slice(0,E.value)),e}function h(e){const n=T(e.detail.value);c(t.UPDATE_MODEL_EVENT,n,e),c(t.CHANGE_EVENT,n,e)}function _(e){const n=T(e.detail.value);g.active=!0,c(t.FOCUS_EVENT,n,e)}function j(e){const n=T(e.detail.value);setTimeout((()=>{g.active=!1}),200),c(t.BLUR_EVENT,n,e)}function k(e){c(t.UPDATE_MODEL_EVENT,"",e),c(t.CHANGE_EVENT,"",e),c(t.CLEAR_EVENT,"")}function N(){c(t.SEARCH_EVENT,m.value)}function V(e){c("clickInput",m.value,e)}function A(e){c("clickLeftIcon",m.value,e)}function P(e){c("clickRightIcon",m.value,e)}return(t,n)=>e.e({a:s("leftout")},s("leftout")?{b:e.o(A)}:{},{c:s("leftin")},(s("leftin"),{}),{d:r.clearable?1:"",e:e.s(b.value),f:r.inputType,g:E.value,h:r.placeholder||e.unref(d)("placeholder"),i:m.value,j:r.autofocus,k:r.confirmType,l:e.unref(u),m:r.readonly,n:r.cursorSpacing,o:e.o(V),p:e.o(h),q:e.o(_),r:e.o(j),s:e.o(N),t:e.o(N),v:s("rightin")?1:"",w:r.clearable},r.clearable?e.e({x:s("clear-icon")},s("clear-icon")?{}:{y:e.p({name:r.clearIcon})},{z:m.value.length<=0?1:"",A:e.o(k)}):{},{B:s("rightin")},s("rightin")?{C:e.o(P)}:{},{D:s("rightin")?1:"",E:e.n(r.shape),F:e.s(S.value),G:s("rightout")},(s("rightout"),{}),{H:e.n(f.value),I:e.s(v.value)})}});wx.createComponent(m);

unpackage/dist/build/mp-weixin/uni_modules/nutui-uni/components/searchbar/searchbar.json

@@ -0,0 +1,6 @@
+{
+  "component": true,
+  "usingComponents": {
+    "nut-icon": "../icon/icon"
+  }
+}

unpackage/dist/build/mp-weixin/uni_modules/nutui-uni/components/searchbar/searchbar.wxml

@@ -0,0 +1 @@
+<view class="{{H}}" style="{{I}}"><view wx:if="{{a}}" class="nut-searchbar__search-icon nut-searchbar__left-search-icon" bindtap="{{b}}"><slot name="leftout"/></view><view class="{{['nut-searchbar__search-input', E]}}" style="{{F}}"><view wx:if="{{c}}" class="nut-searchbar__search-icon nut-searchbar__iptleft-search-icon"><slot name="leftin"/></view><view class="{{['nut-searchbar__input-inner', v && 'nut-searchbar__input-inner-absolute']}}"><form class="nut-searchbar__input-form" action="#" onsubmit="return false" catchsubmit="{{t}}"><block wx:if="{{r0}}"><input class="{{['nut-searchbar__input-bar', d && 'nut-searchbar__input-bar_clear']}}" style="{{e}}" type="{{f}}" maxlength="{{g}}" placeholder="{{h}}" value="{{i}}" focus="{{j}}" confirm-type="{{k}}" disabled="{{l}}" readonly="{{m}}" cursor-spacing="{{n}}" bindtap="{{o}}" bindinput="{{p}}" bindfocus="{{q}}" bindblur="{{r}}" bindconfirm="{{s}}"></input></block></form></view><view class="{{['nut-searchbar__input-inner-icon', D && 'nut-searchbar__input-inner-icon-absolute']}}"><view wx:if="{{w}}" class="{{['nut-searchbar__search-icon', 'nut-searchbar__input-clear', z && 'nut-hidden']}}" bindtap="{{A}}"><block wx:if="{{x}}"><slot name="clear-icon"/></block><nut-icon wx:else u-i="47d71ab2-0" bind:__l="__l" u-p="{{y||''}}"/></view><view wx:if="{{B}}" class="nut-searchbar__search-icon nut-searchbar__iptright-search-icon" bindtap="{{C}}"><slot name="rightin"/></view></view></view><view wx:if="{{G}}" class="nut-searchbar__search-icon nut-searchbar__right-search-icon"><slot name="rightout"/></view></view>

unpackage/dist/build/mp-weixin/uni_modules/nutui-uni/components/searchbar/searchbar.wxss

@@ -0,0 +1 @@
+.nut-theme-dark .nut-searchbar{background:var(--nut-dark-background, #131313)}.nut-theme-dark .nut-searchbar__search-input{background:var(--nut-dark-background4, #323233)}.nut-theme-dark .nut-searchbar__right-search-icon,.nut-theme-dark .nut-searchbar__left-search-icon{color:var(--nut-dark-color, var(--nut-white, #fff))}.nut-searchbar{box-sizing:border-box;display:flex;align-items:center;width:var(--nut-searchbar-width, 100%);padding:var(--nut-searchbar-padding, 9px 16px);color:var(--nut-searchbar-input-bar-color, inherit);background:var(--nut-searchbar-background, var(--nut-white, #fff))}.nut-searchbar.safe-area-inset-bottom{position:relative;margin-bottom:constant(safe-area-inset-bottom);margin-bottom:env(safe-area-inset-bottom)}.nut-searchbar.safe-area-inset-bottom:after{position:absolute;bottom:0;left:0;width:100%;height:constant(safe-area-inset-bottom);height:env(safe-area-inset-bottom);content:"";background:var(--nut-searchbar-background, var(--nut-white, #fff))}.nut-searchbar::-webkit-input-placeholder{color:var(--nut-searchbar-input-bar-placeholder-color, inherit)}.nut-searchbar::placeholder{color:var(--nut-searchbar-input-bar-placeholder-color, inherit)}.nut-searchbar__search-input{box-sizing:border-box;display:flex;flex:1;align-items:center;height:var(--nut-searchbar-input-height, 32px);padding:var(--nut-searchbar-input-padding, 0 0 0 13px);background:var(--nut-searchbar-input-background, #f7f7f7);border-radius:var(--nut-searchbar-input-border-radius, 16px);box-shadow:var(--nut-searchbar-input-box-shadow, 0 0 8px 0 rgba(0, 0, 0, .04))}.nut-searchbar__search-input.square{border-radius:0}.nut-searchbar__search-input .nut-searchbar__input-inner{position:relative;display:flex;flex:1;align-items:center;overflow:hidden}.nut-searchbar__search-input .nut-searchbar__input-inner .nut-searchbar__input-form{flex:1;overflow:hidden}.nut-searchbar__search-input .nut-searchbar__input-inner-icon{position:relative;display:flex;align-items:center;padding:0 7px}.nut-searchbar__search-input .nut-searchbar__input-clear{position:relative;z-index:10;padding:0 5px}.nut-searchbar__search-input .nut-searchbar__input-inner-icon-absolute .nut-searchbar__input-clear{position:absolute;left:-20px}.nut-searchbar__search-input .nut-searchbar__iptleft-search-icon{width:14px;height:14px;margin-right:6px}.nut-searchbar__search-input .nut-searchbar__iptright-search-icon{margin-left:5px}.nut-searchbar__search-input .nut-searchbar__input-bar{flex:1;height:var(--nut-searchbar-input-height, 32px);padding:0;margin:0;font-size:14px;line-height:var(--nut-searchbar-input-height, 32px);background-color:transparent;border-color:transparent;outline:none}.nut-searchbar__search-input .nut-searchbar__input-inner-absolute .nut-searchbar__input-bar{box-sizing:border-box;padding-right:20px}.nut-searchbar__left-search-icon{margin-right:8px}.nut-searchbar__search-icon{display:flex;align-items:center;justify-content:center}.nut-searchbar__right-search-icon{margin-left:16px;font-size:14px;color:var(--nut-searchbar-right-out-color, var(--nut-black, #000))}