init
This commit is contained in:
1
unpackage/dist/build/mp-weixin/uni_modules/nutui-uni/components/switch/switch.js
vendored
Normal file
1
unpackage/dist/build/mp-weixin/uni_modules/nutui-uni/components/switch/switch.js
vendored
Normal file
@@ -0,0 +1 @@
|
||||
"use strict";const e=require("../../../../common/vendor.js"),t=require("../_constants/event.js"),i=require("../_constants/prefix.js");require("../_utils/env.js");const o=require("../_utils/style.js"),a=require("../../../../form.js"),n=require("../_utils/is.js"),l={...require("../_utils/props.js").commonProps,modelValue:{type:[String,Number,Boolean],default:!1},disable:Boolean,disabled:Boolean,activeColor:String,inactiveColor:String,activeText:String,inactiveText:String,activeValue:{type:[String,Number,Boolean],default:!0},inactiveValue:{type:[String,Number,Boolean],default:!1},loading:Boolean},s={[t.UPDATE_MODEL_EVENT]:e=>n.isBoolean(e)||n.isNumber(e)||n.isString(e),[t.CHANGE_EVENT]:(e,t)=>(n.isBoolean(e)||n.isNumber(e)||n.isString(e))&&t instanceof Object};Math||r();const r=()=>"../icon/icon.js",u=`${i.PREFIX}-switch`,c=e.defineComponent({name:u,options:{virtualHost:!0,addGlobalClass:!0,styleIsolation:"shared"}}),d=e.defineComponent({...c,props:l,emits:s,setup(i,{emit:n}){const l=i,s=n,r=e.computed((()=>l.disabled||l.disable)),c=a.useFormDisabled(r),d=e.computed((()=>l.modelValue===l.activeValue)),v=e.computed((()=>o.getMainClass(l,u,{[d.value?"nut-switch-open":"nut-switch-close"]:!0,[`${u}-disabled`]:c.value,[`${u}-base`]:!0}))),m=e.computed((()=>{const e={backgroundColor:d.value?l.activeColor:l.inactiveColor};return o.getMainStyle(l,e)}));let p="";function g(e){if(c.value||l.loading)return;const i=d.value?l.inactiveValue:l.activeValue;p="click",s(t.UPDATE_MODEL_EVENT,i),s(t.CHANGE_EVENT,i,e)}return e.watch((()=>l.modelValue),(e=>{"click"===p?p="":s(t.CHANGE_EVENT,e)})),(t,i)=>e.e({a:t.loading},t.loading?{b:e.p({name:"loading1","custom-color":t.activeColor})}:{},{c:t.activeText},t.activeText?{d:e.t(t.activeText),e:d.value?"":1,f:e.t(t.inactiveText),g:d.value?1:""}:{},{h:e.n(v.value),i:e.s(m.value),j:e.o(((...e)=>g&&g(...e)))})}});wx.createComponent(d);
|
||||
6
unpackage/dist/build/mp-weixin/uni_modules/nutui-uni/components/switch/switch.json
vendored
Normal file
6
unpackage/dist/build/mp-weixin/uni_modules/nutui-uni/components/switch/switch.json
vendored
Normal file
@@ -0,0 +1,6 @@
|
||||
{
|
||||
"component": true,
|
||||
"usingComponents": {
|
||||
"nut-icon": "../icon/icon"
|
||||
}
|
||||
}
|
||||
1
unpackage/dist/build/mp-weixin/uni_modules/nutui-uni/components/switch/switch.wxml
vendored
Normal file
1
unpackage/dist/build/mp-weixin/uni_modules/nutui-uni/components/switch/switch.wxml
vendored
Normal file
@@ -0,0 +1 @@
|
||||
<view class="{{h}}" style="{{i}}" bindtap="{{j}}"><view class="nut-switch-button"><block wx:if="{{a}}"><block wx:if="{{$slots.icon}}"><slot name="icon"></slot></block><block wx:else><nut-icon wx:if="{{b}}" u-i="3815599a-0" bind:__l="__l" u-p="{{b}}"/></block></block><block wx:if="{{c}}"><view class="{{['nut-switch-label', 'open', e && 'nut-hidden']}}">{{d}}</view><view class="{{['nut-switch-label', 'close', g && 'nut-hidden']}}">{{f}}</view></block></view></view>
|
||||
1
unpackage/dist/build/mp-weixin/uni_modules/nutui-uni/components/switch/switch.wxss
vendored
Normal file
1
unpackage/dist/build/mp-weixin/uni_modules/nutui-uni/components/switch/switch.wxss
vendored
Normal file
@@ -0,0 +1 @@
|
||||
.nut-theme-dark .nut-switch.nut-switch-close{background-color:var(--nut-dark-background4, #323233)}.nut-switch{display:inline-flex;flex:0 0 auto;align-items:center;cursor:pointer;background-color:var(--nut-primary-color, #fa2c19);background-repeat:no-repeat;background-position:center center;background-size:100% 100%;border-radius:var(--nut-switch-border-radius, 21px)}.nut-switch .nut-icon-loading1{width:12px;height:12px;font-size:12px}.nut-switch.nut-switch-close{background-color:var(--nut-switch-close-bg-color, #ebebeb)}.nut-switch .nut-switch-button{display:flex;align-items:center;justify-content:center;background:var(--nut-white, #fff);border-radius:50%;transition:transform .3s}.nut-switch .nut-switch-button .nut-switch-label{font-size:var(--nut-font-size-1, 12px);color:var(--nut-white, #fff)}.nut-switch .nut-switch-button .nut-switch-label.open{transform:translate(-16px)}.nut-switch .nut-switch-button .nut-switch-label.close{transform:translate(16px)}.nut-switch.nut-switch-disabled{opacity:.6}.nut-switch.nut-switch-base{min-width:var(--nut-switch-width, 36px);height:var(--nut-switch-height, 21px);overflow:hidden;line-height:var(--nut-switch-line-height, 21px)}.nut-switch.nut-switch-base .nut-switch-button{width:var(--nut-switch-inside-width, 13px);height:var(--nut-switch-inside-height, 13px);transform:var(--nut-switch-inside-close-transform, translateX(30%))}.nut-switch.nut-switch-base.nut-switch-open .nut-switch-button{transform:var(--nut-switch-inside-open-transform, translateX(146%))}
|
||||
Reference in New Issue
Block a user