init
This commit is contained in:
1
unpackage/dist/build/mp-weixin/uni_modules/nutui-uni/components/collapseitem/collapseitem.js
vendored
Normal file
1
unpackage/dist/build/mp-weixin/uni_modules/nutui-uni/components/collapseitem/collapseitem.js
vendored
Normal file
@@ -0,0 +1 @@
|
||||
"use strict";const e=require("../../../../common/vendor.js"),t=require("../_constants/prefix.js"),o=require("../_hooks/useSelectorQuery.js"),a=require("../_utils/common.js");require("../_utils/env.js");const l=require("../_utils/style.js"),n=require("../_utils/props.js"),u={...n.commonProps,collapseRef:Object,title:n.makeStringProp(""),name:{...n.makeRequiredProp([String,Number]),default:-1},value:n.makeStringProp(""),label:n.makeStringProp(""),disabled:Boolean,border:n.truthProp,icon:n.makeStringProp("down-arrow"),rotate:n.makeNumericProp(180)};Math||r();const r=()=>"../icon/icon.js",s=`${t.PREFIX}-collapse-item`,i=e.defineComponent({name:s,options:{virtualHost:!0,addGlobalClass:!0,styleIsolation:"shared"}}),c=e.defineComponent({...i,props:u,setup(t){const n=t,u=e.getCurrentInstance(),{getSelectorNodeInfo:r}=o.useSelectorQuery(u),i=a.getRandomId();e.useSlots();const c=`#nut-collapse__item-${i}`,p=e.ref("auto"),m=e.ref(!1),d=e.ref(""),v=e.inject("collapseParent"),f=e.reactive(v),_=e.computed((()=>l.getMainClass(n,s,{[`${s}__border`]:n.border})));function b(e){return r(e)}e.onMounted((()=>{setTimeout((()=>{b(c).then((e=>{(null==e?void 0:e.height)&&(p.value=`${e.height}px`)}))}),100)})),e.watch((()=>async function(){return(await b(c)).height}()),(e=>{setTimeout((()=>{p.value=`${e}px`}),200)}),{deep:!0});const g=e.computed((()=>!!f&&f.isExpanded(n.name))),h=e.ref(g.value?"auto":"0px");function $(){m.value||f.updateVal(n.name)}return e.watch(g,(function(e){d.value&&(clearTimeout(d.value),d.value="");const t=e?"0px":p.value,o=e?p.value:"0px";m.value=!0,h.value=t,setTimeout((()=>{h.value=o,m.value=!1,e&&(d.value=setTimeout((()=>{h.value="auto"}),300))}),100)})),(t,o)=>e.e({a:t.$slots.title},t.$slots.title?{}:{b:t.title},{c:t.label},t.label?{d:e.t(t.label)}:{},{e:t.$slots.value},t.$slots.value?{}:{f:t.value},{g:e.p({name:t.icon}),h:e.n({"nut-collapse-item__title-icon--expanded":g.value}),i:`rotate(${g.value?t.rotate:0}deg)`,j:e.n({"nut-collapse-item__title--disabled":t.disabled}),k:e.o($),l:t.$slots.extra},(t.$slots.extra,{}),{m:`nut-collapse__item-${e.unref(i)}`,n:h.value,o:e.n(_.value),p:e.s(t.customStyle)})}});wx.createComponent(c);
|
||||
@@ -0,0 +1,6 @@
|
||||
{
|
||||
"component": true,
|
||||
"usingComponents": {
|
||||
"nut-icon": "../icon/icon"
|
||||
}
|
||||
}
|
||||
@@ -0,0 +1 @@
|
||||
<view class="{{o}}" style="{{p}}"><view class="{{['nut-collapse-item__title', j]}}" bindtap="{{k}}"><view class="nut-collapse-item__title-main"><view class="nut-collapse-item__title-main-value"><slot wx:if="{{a}}" name="title"/><block wx:else><rich-text class="nut-collapse-item__title-mtitle" nodes="{{b}}"/></block><view wx:if="{{c}}" class="nut-collapse-item__title-label">{{d}}</view></view></view><view wx:if="{{e}}" class="nut-collapse-item__title-sub"><slot name="value"/></view><rich-text wx:else class="nut-collapse-item__title-sub" nodes="{{f}}"/><view class="{{['nut-collapse-item__title-icon', h]}}" style="{{'transform:' + i}}"><block wx:if="{{$slots.icon}}"><slot name="icon"></slot></block><block wx:else><nut-icon wx:if="{{g}}" u-i="64749f4c-0" bind:__l="__l" u-p="{{g}}"/></block></view></view><view wx:if="{{l}}" class="nut-collapse__item-extraWrapper"><view class="nut-collapse__item-extraWrapper__extraRender"><slot name="extra"/></view></view><view class="nut-collapse__item-wrapper" style="{{'will-change:' + 'height' + ';' + ('height:' + n)}}"><view id="{{m}}" class="nut-collapse__item-wrapper__content"><slot/></view></view></view>
|
||||
@@ -0,0 +1 @@
|
||||
.nut-theme-dark .nut-collapse-item .nut-collapse-item__title{color:var(--nut-dark-color, var(--nut-white, #fff));background:var(--nut-dark-background, #131313);box-shadow:none}.nut-theme-dark .nut-collapse-item .nut-collapse-item__title--disabled,.nut-theme-dark .nut-collapse-item .nut-collapse-item__title--disabled .collapse-icon{color:var(--nut-dark-color-gray, var(--nut-text-color, #808080))}.nut-theme-dark .nut-collapse-item .nut-collapse__item-wrapper .collapse-content,.nut-theme-dark .nut-collapse-item .nut-collapse__item-wrapper .nut-collapse__item-wrapper__content,.nut-theme-dark .nut-collapse-item .nut-collapse__item-wrapper .nut-collapse__item-extraWrapper__extraRender{color:var(--nut-dark-color, var(--nut-white, #fff));background:var(--nut-dark-background2, #1b1b1b)}.nut-theme-dark .nut-collapse-item .nut-collapse__item-extraWrapper .nut-collapse__item-extraWrapper__extraRender,.nut-theme-dark .nut-collapse-item .nut-collapse__item-extraWrapper .nut-collapse__item-wrapper__content{background:var(--nut-dark-background2, #1b1b1b)}.nut-collapse-item__border .nut-collapse-item__title:after{position:absolute;right:16px;bottom:0;left:16px;box-sizing:border-box;pointer-events:none;content:"";border-bottom:1px solid #ebedf0;transform:scaleY(.5)}.nut-collapse-item{position:relative}.nut-collapse-item .nut-collapse-item__title{position:relative;box-sizing:border-box;display:flex;align-items:center;justify-content:space-between;width:100%;padding:var(--nut-collapse-item-padding, 13px 36px 13px 26px);overflow:hidden;font-size:var(--nut-collapse-item-font-size, var(--nut-font-size-2, 14px));line-height:var(--nut-collapse-item-line-height, 24px);color:var(--nut-collapse-item-color, #666);background-color:#fff}.nut-collapse-item .nut-collapse-item__title .nut-collapse-item__title-main{flex:1}.nut-collapse-item .nut-collapse-item__title .nut-collapse-item__title-main-value{display:block}.nut-collapse-item .nut-collapse-item__title .nut-collapse-item__title-main-value .nut-collapse-item__title-main-icon{top:2px}.nut-collapse-item .nut-collapse-item__title .nut-collapse-item__title-icon{display:flex;align-items:center;color:var(--nut-collapse-item-icon-color, #666);transition:transform .3s}.nut-collapse-item .nut-collapse-item__title .nut-collapse-item__title-icon--expanded{transform:rotate(-180deg)}.nut-collapse-item .nut-collapse-item__title .nut-collapse-item__title-sub{position:absolute;top:50%;right:65px;margin-top:-12px;color:var(--nut-collapse-item-sub-title-color, #666)}.nut-collapse-item .nut-collapse-item__title .nut-collapse-item__title-label{display:block;font-size:12px;color:#969799}.nut-collapse-item .nut-collapse__item-wrapper,.nut-collapse-item .nut-collapse__item-extraWrapper{position:relative;display:block;height:0;overflow:hidden;transition:height .3s ease-in-out}.nut-collapse-item .nut-collapse__item-wrapper .nut-collapse__item-wrapper__content,.nut-collapse-item .nut-collapse__item-wrapper .nut-collapse__item-extraWrapper__extraRender,.nut-collapse-item .nut-collapse__item-extraWrapper .nut-collapse__item-wrapper__content,.nut-collapse-item .nut-collapse__item-extraWrapper .nut-collapse__item-extraWrapper__extraRender{display:block;padding:var(--nut-collapse-wrapper-content-padding, 12px 26px);font-size:var(--nut-collapse-wrapper-content-font-size, var(--nut-font-size-2, 14px));line-height:var(--nut-collapse-wrapper-content-line-height, 1.5);color:var(--nut-collapse-wrapper-content-color, #666);background-color:var(--nut-collapse-wrapper-content-background-color, var(--nut-white, #fff))}.nut-collapse-item .nut-collapse__item-wrapper .nut-collapse__item-wrapper__content--empty,.nut-collapse-item .nut-collapse__item-extraWrapper .nut-collapse__item-wrapper__content--empty{padding:var(--nut-collapse-wrapper-empty-content-padding, 0 26px)}.nut-collapse-item .nut-collapse__item-extraWrapper{height:auto}.nut-collapse-item .nut-collapse__item-extraWrapper .nut-collapse__item-extraWrapper__extraRender{overflow:hidden;word-break:break-all;word-wrap:break-word}.nut-collapse-item .open-style{height:auto;will-change:height}.nut-collapse-item .close-style{will-change:auto}.nut-collapse-item .nut-collapse-item__title--disabled{color:var(--nut-collapse-item-disabled-color, #c8c9cc);pointer-events:none;cursor:not-allowed}.nut-collapse-item .nut-collapse-item__title--disabled .collapse-icon{color:var(--nut-collapse-item-disabled-color, #c8c9cc)}.nut-collapse-item .nut-collapse-item__title-mtitle{display:inline-block}.collapse-border-none .nut-collapse-item__title:after{display:none}
|
||||
Reference in New Issue
Block a user