bmw-form-render 0.0.108 → 0.0.111
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/{AntiCheating-BaI60uMr.cjs → AntiCheating-BvclCjrr.cjs} +1 -1
- package/dist/{AppointConfig-DHoZAB8w.cjs → AppointConfig-BWMsID3D.cjs} +1 -1
- package/dist/{BasicInputSetting-CflEtGWq.cjs → BasicInputSetting-BUmE5pXo.cjs} +1 -1
- package/dist/{BasicSelectSetting-CCjPXDNr.cjs → BasicSelectSetting-GbLzuegC.cjs} +1 -1
- package/dist/{Button-B4HLRSUc.cjs → Button-CvP4yLV1.cjs} +1 -1
- package/dist/{ButtonConfig-BYMrI2uv.cjs → ButtonConfig-Dzlv8jch.cjs} +1 -1
- package/dist/{CacheIcon-C4mipFJG.cjs → CacheIcon-69OlFook.cjs} +1 -1
- package/dist/{Carousel-DXQGeF02.cjs → Carousel-BbHYM0HS.cjs} +1 -1
- package/dist/{CarouselSetting-DMPMwwtK.cjs → CarouselSetting-Be8OBCvT.cjs} +1 -1
- package/dist/{CheckboxRange.vue_vue_type_script_setup_true_lang-CMEo9KeI.cjs → CheckboxRange.vue_vue_type_script_setup_true_lang-D2_Mfp7M.cjs} +1 -1
- package/dist/{CheckboxSetting-ad84swsz.cjs → CheckboxSetting-BW6bx60Q.cjs} +1 -1
- package/dist/{Choice-DUJmt52a.cjs → Choice-BzyVQdUP.cjs} +1 -1
- package/dist/{ChooseInput-CxIFwiZk.cjs → ChooseInput-CRfj1Mdm.cjs} +1 -1
- package/dist/{Column.vue_vue_type_script_setup_true_lang-u3XCYQvw.cjs → Column.vue_vue_type_script_setup_true_lang-OasrK6Ax.cjs} +1 -1
- package/dist/{ColumnNumOption.vue_vue_type_script_setup_true_lang-DOwVD7q8.cjs → ColumnNumOption.vue_vue_type_script_setup_true_lang-BIFYTX-k.cjs} +1 -1
- package/dist/{CommonRadioSetting-BlJJfnHF.cjs → CommonRadioSetting-PLjBvJpP.cjs} +1 -1
- package/dist/{ConfirmCode-ZkVIRHLI.cjs → ConfirmCode-DL3jkB-i.cjs} +1 -1
- package/dist/{ContactUs-DKwOokw2.cjs → ContactUs-CXtOg4O9.cjs} +1 -1
- package/dist/{ContactUs-C_Ks2IN7.cjs → ContactUs-CoflA_CB.cjs} +1 -1
- package/dist/{ContactUsSetting-DMCU0A5e.cjs → ContactUsSetting-Bew-rUyb.cjs} +1 -1
- package/dist/{CrowdManagement-d6-fs1Wz.cjs → CrowdManagement-D5l6cJRv.cjs} +1 -1
- package/dist/{DataCollectPanel-B0v8p74_.cjs → DataCollectPanel-C39SmwM9.cjs} +1 -1
- package/dist/{DataSubmitPanel-DMym9Vsr.cjs → DataSubmitPanel-Ct3LtfWT.cjs} +1 -1
- package/dist/{DateSetting-C5Iajmnh.cjs → DateSetting-Cj9cxazY.cjs} +1 -1
- package/dist/{EduCheckboxSetting-y1i4WLqr.cjs → EduCheckboxSetting-BTHF3HIz.cjs} +1 -1
- package/dist/{EmailInputSetting-26eYO18s.cjs → EmailInputSetting-BeYmW8w6.cjs} +1 -1
- package/dist/{ExamBar-DpEF2_tW.cjs → ExamBar-hizUiRMl.cjs} +1 -1
- package/dist/{FileSetting-C-WsYwCM.cjs → FileSetting-DBOGjfRW.cjs} +1 -1
- package/dist/{FillBlank-C-b0r3hz.cjs → FillBlank-BtdE2iD8.cjs} +1 -1
- package/dist/{FormProgress-Co50PBCP.cjs → FormProgress-LTry3DfO.cjs} +1 -1
- package/dist/{GainConfig-CYwAwY-8.cjs → GainConfig-r5EHWEj3.cjs} +1 -1
- package/dist/{Geolocation-CXVqHu_-.cjs → Geolocation-CZy0pOUT.cjs} +1 -1
- package/dist/{IdCardInputSetting-DS_SKIt6.cjs → IdCardInputSetting-Cd6z6z-e.cjs} +1 -1
- package/dist/{ImgCard-DeGP81Ku.cjs → ImgCard-D9f91FUR.cjs} +1 -1
- package/dist/{ImgCheckboxSetting-CF0JSCEq.cjs → ImgCheckboxSetting-BZwAdZ7o.cjs} +1 -1
- package/dist/{ImgRadioSetting-CN053uyE.cjs → ImgRadioSetting-DV8d8sWn.cjs} +1 -1
- package/dist/{ImportantOption.vue_vue_type_script_setup_true_lang-DFHVPuaq.cjs → ImportantOption.vue_vue_type_script_setup_true_lang-CVSIsmkJ.cjs} +1 -1
- package/dist/{Input-DGpb72kC.cjs → Input-BYepC3Uw.cjs} +1 -1
- package/dist/{InputTimer-BVxPCo-_.cjs → InputTimer-Va1--aUN.cjs} +1 -1
- package/dist/{MapNavSetting-_Jb-fs2G.cjs → MapNavSetting-BhFc5tYY.cjs} +1 -1
- package/dist/{MapNavigation-CeYPUSCC.cjs → MapNavigation-DD479-XN.cjs} +1 -1
- package/dist/{MessagePush-1MCDLTGq.cjs → MessagePush-CndJwRH_.cjs} +1 -1
- package/dist/{MultiSelectSetting-FQTZ3egC.cjs → MultiSelectSetting-CEj50son.cjs} +1 -1
- package/dist/{NumRange-DWrCHOPI.cjs → NumRange-D77yB59t.cjs} +1 -1
- package/dist/{NumberFillBlank-3g9cqOXc.cjs → NumberFillBlank-W9U3nMIK.cjs} +1 -1
- package/dist/{NumberInputSetting-Cx4SdmRY.cjs → NumberInputSetting-vdj6f6m9.cjs} +1 -1
- package/dist/{OptionRandom.vue_vue_type_script_setup_true_lang-CBLbYOAg.cjs → OptionRandom.vue_vue_type_script_setup_true_lang-CQ0PYDyc.cjs} +1 -1
- package/dist/{PageHeader-D2zWQFQP.cjs → PageHeader-DNhrcrNM.cjs} +1 -1
- package/dist/{PageHeaderSetting-BxbZpBqb.cjs → PageHeaderSetting-COSWSgNQ.cjs} +1 -1
- package/dist/{Pagination-Dw2khg83.cjs → Pagination-BgDk_SXY.cjs} +1 -1
- package/dist/{PayConfig-BhPL4cmp.cjs → PayConfig-CnJBIkCu.cjs} +1 -1
- package/dist/{PayMethod-DfAHjv6p.cjs → PayMethod-ByIqt2Zo.cjs} +1 -1
- package/dist/{PhoneInputSetting-DSq-HEOt.cjs → PhoneInputSetting-Cl54emwl.cjs} +1 -1
- package/dist/{PlaceholderOption.vue_vue_type_script_setup_true_lang-PikmyZ5D.cjs → PlaceholderOption.vue_vue_type_script_setup_true_lang-GYxvZhBc.cjs} +1 -1
- package/dist/RadioSetting-CNvtu78i.cjs +1 -0
- package/dist/{RatingSetting-X8gte7pT.cjs → RatingSetting-Ds5GezlV.cjs} +1 -1
- package/dist/{SearchAndShare-Cc2hULL6.cjs → SearchAndShare-AgpZIVjO.cjs} +1 -1
- package/dist/{SetpayModal-Cc_kVfN3.cjs → SetpayModal-A-MksvMr.cjs} +1 -1
- package/dist/{ShareQRCode-C-friJgB.cjs → ShareQRCode-Cj3PyKdb.cjs} +1 -1
- package/dist/{TestSettingPanel-CfcRJ8cT.cjs → TestSettingPanel-CgsDx6vJ.cjs} +1 -1
- package/dist/{ViewVoteRate-kf15vfoP.cjs → ViewVoteRate-CEFOilON.cjs} +1 -1
- package/dist/bmw-form-render.cjs +1 -1
- package/dist/{index-BFBEYltK.cjs → index-BAePMxKH.cjs} +1 -1
- package/dist/{index-C2fiZN2m.cjs → index-B__fpD9g.cjs} +1 -1
- package/dist/{index-Cmr_POSS.cjs → index-BksG7eGE.cjs} +1 -1
- package/dist/{index-DFgc2dpd.cjs → index-CI9izh3j.cjs} +1 -1
- package/dist/{index-zMws91xP.cjs → index-Cd1dD28d.cjs} +1 -1
- package/dist/{index-DAb3R9bC.cjs → index-DoSk3A0p.cjs} +1 -1
- package/dist/{index-tzt3xHJA.cjs → index-E91unZWs.cjs} +1 -1
- package/dist/{index-D38W28v_.cjs → index-YGEE_x9b.cjs} +1 -1
- package/dist/{main-CvuD9knS.cjs → main-BPATzDPx.cjs} +3 -3
- package/dist/{style--Nhon4LU.cjs → style-DRkXLgCJ.cjs} +1 -1
- package/dist/style.css +1 -1
- package/dist/{useVipDialog-Bx348Lp1.cjs → useVipDialog-Ctznijdu.cjs} +1 -1
- package/dist/{vue-quill.esm-bundler-c5YttD9f.cjs → vue-quill.esm-bundler-Tsd0YGQN.cjs} +1 -1
- package/package.json +1 -1
- package/dist/RadioSetting-DhxQg4Ug.cjs +0 -1
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";const e=require("./main-CvuD9knS.cjs"),Y=e.defineComponent({name:"ElCollapseTransition"}),ee=e.defineComponent({...Y,setup(t){const a=e.useNamespace("collapse-transition"),o=n=>{n.style.maxHeight="",n.style.overflow=n.dataset.oldOverflow,n.style.paddingTop=n.dataset.oldPaddingTop,n.style.paddingBottom=n.dataset.oldPaddingBottom},u={beforeEnter(n){n.dataset||(n.dataset={}),n.dataset.oldPaddingTop=n.style.paddingTop,n.dataset.oldPaddingBottom=n.style.paddingBottom,n.style.height&&(n.dataset.elExistsHeight=n.style.height),n.style.maxHeight=0,n.style.paddingTop=0,n.style.paddingBottom=0},enter(n){requestAnimationFrame(()=>{n.dataset.oldOverflow=n.style.overflow,n.dataset.elExistsHeight?n.style.maxHeight=n.dataset.elExistsHeight:n.scrollHeight!==0?n.style.maxHeight=`${n.scrollHeight}px`:n.style.maxHeight=0,n.style.paddingTop=n.dataset.oldPaddingTop,n.style.paddingBottom=n.dataset.oldPaddingBottom,n.style.overflow="hidden"})},afterEnter(n){n.style.maxHeight="",n.style.overflow=n.dataset.oldOverflow},enterCancelled(n){o(n)},beforeLeave(n){n.dataset||(n.dataset={}),n.dataset.oldPaddingTop=n.style.paddingTop,n.dataset.oldPaddingBottom=n.style.paddingBottom,n.dataset.oldOverflow=n.style.overflow,n.style.maxHeight=`${n.scrollHeight}px`,n.style.overflow="hidden"},leave(n){n.scrollHeight!==0&&(n.style.maxHeight=0,n.style.paddingTop=0,n.style.paddingBottom=0)},afterLeave(n){o(n)},leaveCancelled(n){o(n)}};return(n,g)=>(e.openBlock(),e.createBlock(e.Transition,e.mergeProps({name:e.unref(a).b()},e.toHandlers(u)),{default:e.withCtx(()=>[e.renderSlot(n.$slots,"default")]),_:3},16,["name"]))}});var te=e._export_sfc$1(ee,[["__file","collapse-transition.vue"]]);const U=e.withInstall(te);let ne=class{constructor(a,o){this.parent=a,this.domNode=o,this.subIndex=0,this.subIndex=0,this.init()}init(){this.subMenuItems=this.domNode.querySelectorAll("li"),this.addListeners()}gotoSubIndex(a){a===this.subMenuItems.length?a=0:a<0&&(a=this.subMenuItems.length-1),this.subMenuItems[a].focus(),this.subIndex=a}addListeners(){const a=this.parent.domNode;Array.prototype.forEach.call(this.subMenuItems,o=>{o.addEventListener("keydown",u=>{let n=!1;switch(u.code){case e.EVENT_CODE.down:{this.gotoSubIndex(this.subIndex+1),n=!0;break}case e.EVENT_CODE.up:{this.gotoSubIndex(this.subIndex-1),n=!0;break}case e.EVENT_CODE.tab:{e.triggerEvent(a,"mouseleave");break}case e.EVENT_CODE.enter:case e.EVENT_CODE.space:{n=!0,u.currentTarget.click();break}}return n&&(u.preventDefault(),u.stopPropagation()),!1})})}},oe=class{constructor(a,o){this.domNode=a,this.submenu=null,this.submenu=null,this.init(o)}init(a){this.domNode.setAttribute("tabindex","0");const o=this.domNode.querySelector(`.${a}-menu`);o&&(this.submenu=new ne(this,o)),this.addListeners()}addListeners(){this.domNode.addEventListener("keydown",a=>{let o=!1;switch(a.code){case e.EVENT_CODE.down:{e.triggerEvent(a.currentTarget,"mouseenter"),this.submenu&&this.submenu.gotoSubIndex(0),o=!0;break}case e.EVENT_CODE.up:{e.triggerEvent(a.currentTarget,"mouseenter"),this.submenu&&this.submenu.gotoSubIndex(this.submenu.subMenuItems.length-1),o=!0;break}case e.EVENT_CODE.tab:{e.triggerEvent(a.currentTarget,"mouseleave");break}case e.EVENT_CODE.enter:case e.EVENT_CODE.space:{o=!0,a.currentTarget.click();break}}o&&a.preventDefault()})}},ae=class{constructor(a,o){this.domNode=a,this.init(o)}init(a){const o=this.domNode.childNodes;Array.from(o).forEach(u=>{u.nodeType===1&&new oe(u,a)})}};const le=e.defineComponent({name:"ElMenuCollapseTransition",setup(){const t=e.useNamespace("menu");return{listeners:{onBeforeEnter:o=>o.style.opacity="0.2",onEnter(o,u){e.addClass(o,`${t.namespace.value}-opacity-transition`),o.style.opacity="1",u()},onAfterEnter(o){e.removeClass(o,`${t.namespace.value}-opacity-transition`),o.style.opacity=""},onBeforeLeave(o){o.dataset||(o.dataset={}),e.hasClass(o,t.m("collapse"))?(e.removeClass(o,t.m("collapse")),o.dataset.oldOverflow=o.style.overflow,o.dataset.scrollWidth=o.clientWidth.toString(),e.addClass(o,t.m("collapse"))):(e.addClass(o,t.m("collapse")),o.dataset.oldOverflow=o.style.overflow,o.dataset.scrollWidth=o.clientWidth.toString(),e.removeClass(o,t.m("collapse"))),o.style.width=`${o.scrollWidth}px`,o.style.overflow="hidden"},onLeave(o){e.addClass(o,"horizontal-collapse-transition"),o.style.width=`${o.dataset.scrollWidth}px`}}}}});function se(t,a,o,u,n,g){return e.openBlock(),e.createBlock(e.Transition,e.mergeProps({mode:"out-in"},t.listeners),{default:e.withCtx(()=>[e.renderSlot(t.$slots,"default")]),_:3},16)}var re=e._export_sfc$1(le,[["render",se],["__file","menu-collapse-transition.vue"]]);function Z(t,a){const o=e.computed(()=>{let n=t.parent;const g=[a.value];for(;n.type.name!=="ElMenu";)n.props.index&&g.unshift(n.props.index),n=n.parent;return g});return{parentMenu:e.computed(()=>{let n=t.parent;for(;n&&!["ElMenu","ElSubMenu"].includes(n.type.name);)n=n.parent;return n}),indexPath:o}}function ie(t){return e.computed(()=>{const o=t.backgroundColor;return o?new e.TinyColor(o).shade(20).toString():""})}const J=(t,a)=>{const o=e.useNamespace("menu");return e.computed(()=>o.cssVarBlock({"text-color":t.textColor||"","hover-text-color":t.textColor||"","bg-color":t.backgroundColor||"","hover-bg-color":ie(t).value||"","active-color":t.activeTextColor||"",level:`${a}`}))},ue=e.buildProps({index:{type:String,required:!0},showTimeout:Number,hideTimeout:Number,popperClass:String,disabled:Boolean,teleported:{type:Boolean,default:void 0},popperOffset:Number,expandCloseIcon:{type:e.iconPropType},expandOpenIcon:{type:e.iconPropType},collapseCloseIcon:{type:e.iconPropType},collapseOpenIcon:{type:e.iconPropType}}),F="ElSubMenu";var G=e.defineComponent({name:F,props:ue,setup(t,{slots:a,expose:o}){const u=e.getCurrentInstance(),{indexPath:n,parentMenu:g}=Z(u,e.computed(()=>t.index)),p=e.useNamespace("menu"),y=e.useNamespace("sub-menu"),s=e.inject("rootMenu");s||e.throwError(F,"can not inject root menu");const m=e.inject(`subMenu:${g.value.uid}`);m||e.throwError(F,"can not inject sub menu");const c=e.ref({}),v=e.ref({});let f;const b=e.ref(!1),B=e.ref(),T=e.ref(null),E=e.computed(()=>w.value==="horizontal"&&k.value?"bottom-start":"right-start"),S=e.computed(()=>w.value==="horizontal"&&k.value||w.value==="vertical"&&!s.props.collapse?t.expandCloseIcon&&t.expandOpenIcon?x.value?t.expandOpenIcon:t.expandCloseIcon:e.arrow_down_default:t.collapseCloseIcon&&t.collapseOpenIcon?x.value?t.collapseOpenIcon:t.collapseCloseIcon:e.arrow_right_default),k=e.computed(()=>m.level===0),A=e.computed(()=>{const i=t.teleported;return i===void 0?k.value:i}),H=e.computed(()=>s.props.collapse?`${p.namespace.value}-zoom-in-left`:`${p.namespace.value}-zoom-in-top`),q=e.computed(()=>w.value==="horizontal"&&k.value?["bottom-start","bottom-end","top-start","top-end","right-start","left-start"]:["right-start","right","right-end","left-start","bottom-start","bottom-end","top-start","top-end"]),x=e.computed(()=>s.openedMenus.includes(t.index)),P=e.computed(()=>{let i=!1;return Object.values(c.value).forEach(h=>{h.active&&(i=!0)}),Object.values(v.value).forEach(h=>{h.active&&(i=!0)}),i}),w=e.computed(()=>s.props.mode),O=e.reactive({index:t.index,indexPath:n,active:P}),V=J(s.props,m.level+1),D=e.computed(()=>{var i;return(i=t.popperOffset)!=null?i:s.props.popperOffset}),$=e.computed(()=>{var i;return(i=t.popperClass)!=null?i:s.props.popperClass}),L=e.computed(()=>{var i;return(i=t.showTimeout)!=null?i:s.props.showTimeout}),j=e.computed(()=>{var i;return(i=t.hideTimeout)!=null?i:s.props.hideTimeout}),l=()=>{var i,h,M;return(M=(h=(i=T.value)==null?void 0:i.popperRef)==null?void 0:h.popperInstanceRef)==null?void 0:M.destroy()},r=i=>{i||l()},d=()=>{s.props.menuTrigger==="hover"&&s.props.mode==="horizontal"||s.props.collapse&&s.props.mode==="vertical"||t.disabled||s.handleSubMenuClick({index:t.index,indexPath:n.value,active:P.value})},C=(i,h=L.value)=>{var M;if(i.type!=="focus"){if(s.props.menuTrigger==="click"&&s.props.mode==="horizontal"||!s.props.collapse&&s.props.mode==="vertical"||t.disabled){m.mouseInChild.value=!0;return}m.mouseInChild.value=!0,f==null||f(),{stop:f}=e.useTimeoutFn(()=>{s.openMenu(t.index,n.value)},h),A.value&&((M=g.value.vnode.el)==null||M.dispatchEvent(new MouseEvent("mouseenter")))}},_=(i=!1)=>{var h;if(s.props.menuTrigger==="click"&&s.props.mode==="horizontal"||!s.props.collapse&&s.props.mode==="vertical"){m.mouseInChild.value=!1;return}f==null||f(),m.mouseInChild.value=!1,{stop:f}=e.useTimeoutFn(()=>!b.value&&s.closeMenu(t.index,n.value),j.value),A.value&&i&&((h=m.handleMouseleave)==null||h.call(m,!0))};e.watch(()=>s.props.collapse,i=>r(!!i));{const i=M=>{v.value[M.index]=M},h=M=>{delete v.value[M.index]};e.provide(`subMenu:${u.uid}`,{addSubMenu:i,removeSubMenu:h,handleMouseleave:_,mouseInChild:b,level:m.level+1})}return o({opened:x}),e.onMounted(()=>{s.addSubMenu(O),m.addSubMenu(O)}),e.onBeforeUnmount(()=>{m.removeSubMenu(O),s.removeSubMenu(O)}),()=>{var i;const h=[(i=a.title)==null?void 0:i.call(a),e.h(e.ElIcon,{class:y.e("icon-arrow"),style:{transform:x.value?t.expandCloseIcon&&t.expandOpenIcon||t.collapseCloseIcon&&t.collapseOpenIcon&&s.props.collapse?"none":"rotateZ(180deg)":"none"}},{default:()=>e.isString(S.value)?e.h(u.appContext.components[S.value]):e.h(S.value)})],M=s.isMenuPopup?e.h(e.ElTooltip,{ref:T,visible:x.value,effect:"light",pure:!0,offset:D.value,showArrow:!1,persistent:!0,popperClass:$.value,placement:E.value,teleported:A.value,fallbackPlacements:q.value,transition:H.value,gpuAcceleration:!1},{content:()=>{var I;return e.h("div",{class:[p.m(w.value),p.m("popup-container"),$.value],onMouseenter:N=>C(N,100),onMouseleave:()=>_(!0),onFocus:N=>C(N,100)},[e.h("ul",{class:[p.b(),p.m("popup"),p.m(`popup-${E.value}`)],style:V.value},[(I=a.default)==null?void 0:I.call(a)])])},default:()=>e.h("div",{class:y.e("title"),onClick:d},h)}):e.h(e.Fragment,{},[e.h("div",{class:y.e("title"),ref:B,onClick:d},h),e.h(U,{},{default:()=>{var I;return e.withDirectives(e.h("ul",{role:"menu",class:[p.b(),p.m("inline")],style:V.value},[(I=a.default)==null?void 0:I.call(a)]),[[e.vShow,x.value]])}})]);return e.h("li",{class:[y.b(),y.is("active",P.value),y.is("opened",x.value),y.is("disabled",t.disabled)],role:"menuitem",ariaHaspopup:!0,ariaExpanded:x.value,onMouseenter:C,onMouseleave:()=>_(),onFocus:C},[M])}}});const ce=e.buildProps({mode:{type:String,values:["horizontal","vertical"],default:"vertical"},defaultActive:{type:String,default:""},defaultOpeneds:{type:e.definePropType(Array),default:()=>e.mutable([])},uniqueOpened:Boolean,router:Boolean,menuTrigger:{type:String,values:["hover","click"],default:"hover"},collapse:Boolean,backgroundColor:String,textColor:String,activeTextColor:String,closeOnClickOutside:Boolean,collapseTransition:{type:Boolean,default:!0},ellipsis:{type:Boolean,default:!0},popperOffset:{type:Number,default:6},ellipsisIcon:{type:e.iconPropType,default:()=>e.more_default},popperEffect:{type:e.definePropType(String),default:"dark"},popperClass:String,showTimeout:{type:Number,default:300},hideTimeout:{type:Number,default:300}}),R=t=>Array.isArray(t)&&t.every(a=>e.isString(a)),de={close:(t,a)=>e.isString(t)&&R(a),open:(t,a)=>e.isString(t)&&R(a),select:(t,a,o,u)=>e.isString(t)&&R(a)&&e.isObject(o)&&(u===void 0||u instanceof Promise)};var pe=e.defineComponent({name:"ElMenu",props:ce,emits:de,setup(t,{emit:a,slots:o,expose:u}){const n=e.getCurrentInstance(),g=n.appContext.config.globalProperties.$router,p=e.ref(),y=e.useNamespace("menu"),s=e.useNamespace("sub-menu"),m=e.ref(-1),c=e.ref(t.defaultOpeneds&&!t.collapse?t.defaultOpeneds.slice(0):[]),v=e.ref(t.defaultActive),f=e.ref({}),b=e.ref({}),B=e.computed(()=>t.mode==="horizontal"||t.mode==="vertical"&&t.collapse),T=()=>{const l=v.value&&f.value[v.value];if(!l||t.mode==="horizontal"||t.collapse)return;l.indexPath.forEach(d=>{const C=b.value[d];C&&E(d,C.indexPath)})},E=(l,r)=>{c.value.includes(l)||(t.uniqueOpened&&(c.value=c.value.filter(d=>r.includes(d))),c.value.push(l),a("open",l,r))},S=l=>{const r=c.value.indexOf(l);r!==-1&&c.value.splice(r,1)},k=(l,r)=>{S(l),a("close",l,r)},A=({index:l,indexPath:r})=>{c.value.includes(l)?k(l,r):E(l,r)},H=l=>{(t.mode==="horizontal"||t.collapse)&&(c.value=[]);const{index:r,indexPath:d}=l;if(!(e.isNil(r)||e.isNil(d)))if(t.router&&g){const C=l.route||r,_=g.push(C).then(i=>(i||(v.value=r),i));a("select",r,d,{index:r,indexPath:d,route:C},_)}else v.value=r,a("select",r,d,{index:r,indexPath:d})},q=l=>{const r=f.value,d=r[l]||v.value&&r[v.value]||r[t.defaultActive];d?v.value=d.index:v.value=l},x=l=>{const r=getComputedStyle(l),d=Number.parseInt(r.marginLeft,10),C=Number.parseInt(r.marginRight,10);return l.offsetWidth+d+C||0},P=()=>{var l,r;if(!p.value)return-1;const d=Array.from((r=(l=p.value)==null?void 0:l.childNodes)!=null?r:[]).filter(z=>z.nodeName!=="#comment"&&(z.nodeName!=="#text"||z.nodeValue)),C=64,_=getComputedStyle(p.value),i=Number.parseInt(_.paddingLeft,10),h=Number.parseInt(_.paddingRight,10),M=p.value.clientWidth-i-h;let I=0,N=0;return d.forEach((z,X)=>{I+=x(z),I<=M-C&&(N=X+1)}),N===d.length?-1:N},w=l=>b.value[l].indexPath,O=(l,r=33.34)=>{let d;return()=>{d&&clearTimeout(d),d=setTimeout(()=>{l()},r)}};let V=!0;const D=()=>{if(m.value===P())return;const l=()=>{m.value=-1,e.nextTick(()=>{m.value=P()})};V?l():O(l)(),V=!1};e.watch(()=>t.defaultActive,l=>{f.value[l]||(v.value=""),q(l)}),e.watch(()=>t.collapse,l=>{l&&(c.value=[])}),e.watch(f.value,T);let $;e.watchEffect(()=>{t.mode==="horizontal"&&t.ellipsis?$=e.useResizeObserver(p,D).stop:$==null||$()});const L=e.ref(!1);{const l=_=>{b.value[_.index]=_},r=_=>{delete b.value[_.index]},d=_=>{f.value[_.index]=_},C=_=>{delete f.value[_.index]};e.provide("rootMenu",e.reactive({props:t,openedMenus:c,items:f,subMenus:b,activeIndex:v,isMenuPopup:B,addMenuItem:d,removeMenuItem:C,addSubMenu:l,removeSubMenu:r,openMenu:E,closeMenu:k,handleMenuItemClick:H,handleSubMenuClick:A})),e.provide(`subMenu:${n.uid}`,{addSubMenu:l,removeSubMenu:r,mouseInChild:L,level:0})}e.onMounted(()=>{t.mode==="horizontal"&&new ae(n.vnode.el,y.namespace.value)}),u({open:r=>{const{indexPath:d}=b.value[r];d.forEach(C=>E(C,d))},close:S,handleResize:D});const j=J(t,0);return()=>{var l,r;let d=(r=(l=o.default)==null?void 0:l.call(o))!=null?r:[];const C=[];if(t.mode==="horizontal"&&p.value){const h=e.flattedChildren(d),M=m.value===-1?h:h.slice(0,m.value),I=m.value===-1?[]:h.slice(m.value);I!=null&&I.length&&t.ellipsis&&(d=M,C.push(e.h(G,{index:"sub-menu-more",class:s.e("hide-arrow"),popperOffset:t.popperOffset},{title:()=>e.h(e.ElIcon,{class:s.e("icon-more")},{default:()=>e.h(t.ellipsisIcon)}),default:()=>I})))}const _=t.closeOnClickOutside?[[e.ClickOutside,()=>{c.value.length&&(L.value||(c.value.forEach(h=>a("close",h,w(h))),c.value=[]))}]]:[],i=e.withDirectives(e.h("ul",{key:String(t.collapse),role:"menubar",ref:p,style:j.value,class:{[y.b()]:!0,[y.m(t.mode)]:!0,[y.m("collapse")]:t.collapse}},[...d,...C]),_);return t.collapseTransition&&t.mode==="vertical"?e.h(re,()=>i):i}}});const me=e.buildProps({index:{type:e.definePropType([String,null]),default:null},route:{type:e.definePropType([String,Object])},disabled:Boolean}),ve={click:t=>e.isString(t.index)&&Array.isArray(t.indexPath)},W="ElMenuItem",fe=e.defineComponent({name:W,components:{ElTooltip:e.ElTooltip},props:me,emits:ve,setup(t,{emit:a}){const o=e.getCurrentInstance(),u=e.inject("rootMenu"),n=e.useNamespace("menu"),g=e.useNamespace("menu-item");u||e.throwError(W,"can not inject root menu");const{parentMenu:p,indexPath:y}=Z(o,e.toRef(t,"index")),s=e.inject(`subMenu:${p.value.uid}`);s||e.throwError(W,"can not inject sub menu");const m=e.computed(()=>t.index===u.activeIndex),c=e.reactive({index:t.index,indexPath:y,active:m}),v=()=>{t.disabled||(u.handleMenuItemClick({index:t.index,indexPath:y.value,route:t.route}),a("click",c))};return e.onMounted(()=>{s.addSubMenu(c),u.addMenuItem(c)}),e.onBeforeUnmount(()=>{s.removeSubMenu(c),u.removeMenuItem(c)}),{parentMenu:p,rootMenu:u,active:m,nsMenu:n,nsMenuItem:g,handleClick:v}}});function he(t,a,o,u,n,g){const p=e.resolveComponent("el-tooltip");return e.openBlock(),e.createElementBlock("li",{class:e.normalizeClass([t.nsMenuItem.b(),t.nsMenuItem.is("active",t.active),t.nsMenuItem.is("disabled",t.disabled)]),role:"menuitem",tabindex:"-1",onClick:t.handleClick},[t.parentMenu.type.name==="ElMenu"&&t.rootMenu.props.collapse&&t.$slots.title?(e.openBlock(),e.createBlock(p,{key:0,effect:t.rootMenu.props.popperEffect,placement:"right","fallback-placements":["left"],persistent:""},{content:e.withCtx(()=>[e.renderSlot(t.$slots,"title")]),default:e.withCtx(()=>[e.createBaseVNode("div",{class:e.normalizeClass(t.nsMenu.be("tooltip","trigger"))},[e.renderSlot(t.$slots,"default")],2)]),_:3},8,["effect"])):(e.openBlock(),e.createElementBlock(e.Fragment,{key:1},[e.renderSlot(t.$slots,"default"),e.renderSlot(t.$slots,"title")],64))],10,["onClick"])}var K=e._export_sfc$1(fe,[["render",he],["__file","menu-item.vue"]]);const ge={title:String},be="ElMenuItemGroup",Ce=e.defineComponent({name:be,props:ge,setup(){return{ns:e.useNamespace("menu-item-group")}}});function _e(t,a,o,u,n,g){return e.openBlock(),e.createElementBlock("li",{class:e.normalizeClass(t.ns.b())},[e.createBaseVNode("div",{class:e.normalizeClass(t.ns.e("title"))},[t.$slots.title?e.renderSlot(t.$slots,"title",{key:1}):(e.openBlock(),e.createElementBlock(e.Fragment,{key:0},[e.createTextVNode(e.toDisplayString(t.title),1)],64))],2),e.createBaseVNode("ul",null,[e.renderSlot(t.$slots,"default")])],2)}var Q=e._export_sfc$1(Ce,[["render",_e],["__file","menu-item-group.vue"]]);const ye=e.withInstall(pe,{MenuItem:K,MenuItemGroup:Q,SubMenu:G}),Me=e.withNoopInstall(K);e.withNoopInstall(Q);const Ee=e.withNoopInstall(G),Ie=e.defineComponent({__name:"SideMenu",props:{menus:{},defaultActive:{}},emits:["change"],setup(t,{emit:a}){const o=t,u=a,n=e.computed(()=>{var p;return[((p=o.menus[0])==null?void 0:p.value)??"","upgrad"]}),g=p=>{u("change",p.value),p.event&&e.globalInject.postCollection(p.event)};return(p,y)=>{const s=e.resolveComponent("icon");return e.openBlock(),e.createBlock(e.unref(ye),{class:"setting-side-menu","default-openeds":n.value,"default-active":p.defaultActive},{default:e.withCtx(()=>[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(p.menus,m=>(e.openBlock(),e.createBlock(e.unref(Ee),{index:m.value,key:m.value},{title:e.withCtx(()=>[e.createBaseVNode("span",null,e.toDisplayString(m.label),1)]),default:e.withCtx(()=>[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(m.children,c=>(e.openBlock(),e.createBlock(e.unref(Me),{key:c.value,index:c.value,onClick:v=>g(c)},{title:e.withCtx(()=>[e.createVNode(s,{type:c.icon},null,8,["type"]),e.createBaseVNode("span",null,e.toDisplayString(c.label),1)]),_:2},1032,["index","onClick"]))),128))]),_:2},1032,["index"]))),128))]),_:1},8,["default-openeds","default-active"])}}}),xe=e._export_sfc(Ie,[["__scopeId","data-v-4e8f8019"]]),Se={class:"form-setting-page"},Te={class:"form-setting-main"},ke={class:"form-setting-sidebar"},we={class:"form-setting-content"},Ne=e.defineComponent({__name:"index",setup(t){const a=[{value:"basic",label:"基础设置",children:[{value:"testSetting",icon:"message-push",label:"试卷设置",event:"editor_form_set_navigation_testsetting",component:e.defineAsyncComponent(()=>Promise.resolve().then(()=>require("./TestSettingPanel-CfcRJ8cT.cjs"))),disabled:()=>!e.isExamScene()},{value:"payMethod",icon:"data-collect",label:"支付方式",event:"editor_form_set_navigation_paymethod",component:e.defineAsyncComponent(()=>Promise.resolve().then(()=>require("./PayMethod-DfAHjv6p.cjs")))},{value:"dataCollect",icon:"data-collect",label:"数据收集",event:"editor_form_set_navigation_datacollect",component:e.defineAsyncComponent(()=>Promise.resolve().then(()=>require("./DataCollectPanel-B0v8p74_.cjs")))},{value:"fillManagement",icon:"group",label:"人群管理",event:"editor_form_set_navigation_crowdmanagement",component:e.defineAsyncComponent(()=>Promise.resolve().then(()=>require("./CrowdManagement-d6-fs1Wz.cjs")))},{value:"dataSubmit",icon:"data-submit",label:"数据提交",event:"editor_form_set_navigation_datasubmission",component:e.defineAsyncComponent(()=>Promise.resolve().then(()=>require("./DataSubmitPanel-DMym9Vsr.cjs")))},{value:"messagePush",icon:"message-push",label:"消息推送",event:"editor_form_set_navigation_pushmessage",component:e.defineAsyncComponent(()=>Promise.resolve().then(()=>require("./MessagePush-1MCDLTGq.cjs")))},{value:"searchAndShare",icon:"search-share",label:"查询与分享",event:"editor_form_set_navigation_inquire",component:e.defineAsyncComponent(()=>Promise.resolve().then(()=>require("./SearchAndShare-Cc2hULL6.cjs")))}]},{value:"upgrad",label:"高级设置",children:[{value:"confirmCode",label:"确认码",icon:"confirm-code",event:"editor_form_set_navigation_confirmcode",component:e.defineAsyncComponent(()=>Promise.resolve().then(()=>require("./ConfirmCode-ZkVIRHLI.cjs")))}]}],o=c=>c.map(v=>v.children?{...v,children:v.children.filter(f=>{var b;return!((b=f.disabled)!=null&&b.call(f))})}:v),u=e.shallowRef(o(a)),n=c=>{var v,f;for(const b of c){if((v=b.children)!=null&&v.length)return n(b.children);if(!((f=b.disabled)!=null&&f.call(b)))return b}throw new Error("No leaf found")},g=e.ref(n(u.value).value);e.watch(()=>e.getSceneType(),()=>{u.value=o(a),g.value=n(u.value).value});const p=c=>g.value=c,y=c=>{const v=b=>{var B,T;for(const E of b){if(E.value===c&&!((B=E.disabled)!=null&&B.call(E)))return E;if((T=E.children)!=null&&T.length){const S=v(E.children);if(S)return S}}},f=v(u.value);return f==null?void 0:f.component},s=e.ref(0),m=e.watch(e.FormSetting,()=>{s.value++,m()},{deep:!0});return(c,v)=>(e.openBlock(),e.createElementBlock("div",Se,[e.createVNode(e.unref(e.ElScrollbar),null,{default:e.withCtx(()=>[e.createBaseVNode("div",Te,[e.createBaseVNode("div",ke,[e.createVNode(xe,{"default-active":g.value,menus:u.value,onChange:p},null,8,["default-active","menus"])]),e.createBaseVNode("div",we,[(e.openBlock(),e.createBlock(e.resolveDynamicComponent(y(g.value)),{key:s.value}))])])]),_:1})]))}}),Be=e._export_sfc(Ne,[["__scopeId","data-v-4a9e88d6"]]),Pe=Object.freeze(Object.defineProperty({__proto__:null,default:Be},Symbol.toStringTag,{value:"Module"}));exports.ElCollapseTransition=U;exports.index=Pe;
|
|
1
|
+
"use strict";const e=require("./main-BPATzDPx.cjs"),Y=e.defineComponent({name:"ElCollapseTransition"}),ee=e.defineComponent({...Y,setup(t){const a=e.useNamespace("collapse-transition"),o=n=>{n.style.maxHeight="",n.style.overflow=n.dataset.oldOverflow,n.style.paddingTop=n.dataset.oldPaddingTop,n.style.paddingBottom=n.dataset.oldPaddingBottom},u={beforeEnter(n){n.dataset||(n.dataset={}),n.dataset.oldPaddingTop=n.style.paddingTop,n.dataset.oldPaddingBottom=n.style.paddingBottom,n.style.height&&(n.dataset.elExistsHeight=n.style.height),n.style.maxHeight=0,n.style.paddingTop=0,n.style.paddingBottom=0},enter(n){requestAnimationFrame(()=>{n.dataset.oldOverflow=n.style.overflow,n.dataset.elExistsHeight?n.style.maxHeight=n.dataset.elExistsHeight:n.scrollHeight!==0?n.style.maxHeight=`${n.scrollHeight}px`:n.style.maxHeight=0,n.style.paddingTop=n.dataset.oldPaddingTop,n.style.paddingBottom=n.dataset.oldPaddingBottom,n.style.overflow="hidden"})},afterEnter(n){n.style.maxHeight="",n.style.overflow=n.dataset.oldOverflow},enterCancelled(n){o(n)},beforeLeave(n){n.dataset||(n.dataset={}),n.dataset.oldPaddingTop=n.style.paddingTop,n.dataset.oldPaddingBottom=n.style.paddingBottom,n.dataset.oldOverflow=n.style.overflow,n.style.maxHeight=`${n.scrollHeight}px`,n.style.overflow="hidden"},leave(n){n.scrollHeight!==0&&(n.style.maxHeight=0,n.style.paddingTop=0,n.style.paddingBottom=0)},afterLeave(n){o(n)},leaveCancelled(n){o(n)}};return(n,g)=>(e.openBlock(),e.createBlock(e.Transition,e.mergeProps({name:e.unref(a).b()},e.toHandlers(u)),{default:e.withCtx(()=>[e.renderSlot(n.$slots,"default")]),_:3},16,["name"]))}});var te=e._export_sfc$1(ee,[["__file","collapse-transition.vue"]]);const U=e.withInstall(te);let ne=class{constructor(a,o){this.parent=a,this.domNode=o,this.subIndex=0,this.subIndex=0,this.init()}init(){this.subMenuItems=this.domNode.querySelectorAll("li"),this.addListeners()}gotoSubIndex(a){a===this.subMenuItems.length?a=0:a<0&&(a=this.subMenuItems.length-1),this.subMenuItems[a].focus(),this.subIndex=a}addListeners(){const a=this.parent.domNode;Array.prototype.forEach.call(this.subMenuItems,o=>{o.addEventListener("keydown",u=>{let n=!1;switch(u.code){case e.EVENT_CODE.down:{this.gotoSubIndex(this.subIndex+1),n=!0;break}case e.EVENT_CODE.up:{this.gotoSubIndex(this.subIndex-1),n=!0;break}case e.EVENT_CODE.tab:{e.triggerEvent(a,"mouseleave");break}case e.EVENT_CODE.enter:case e.EVENT_CODE.space:{n=!0,u.currentTarget.click();break}}return n&&(u.preventDefault(),u.stopPropagation()),!1})})}},oe=class{constructor(a,o){this.domNode=a,this.submenu=null,this.submenu=null,this.init(o)}init(a){this.domNode.setAttribute("tabindex","0");const o=this.domNode.querySelector(`.${a}-menu`);o&&(this.submenu=new ne(this,o)),this.addListeners()}addListeners(){this.domNode.addEventListener("keydown",a=>{let o=!1;switch(a.code){case e.EVENT_CODE.down:{e.triggerEvent(a.currentTarget,"mouseenter"),this.submenu&&this.submenu.gotoSubIndex(0),o=!0;break}case e.EVENT_CODE.up:{e.triggerEvent(a.currentTarget,"mouseenter"),this.submenu&&this.submenu.gotoSubIndex(this.submenu.subMenuItems.length-1),o=!0;break}case e.EVENT_CODE.tab:{e.triggerEvent(a.currentTarget,"mouseleave");break}case e.EVENT_CODE.enter:case e.EVENT_CODE.space:{o=!0,a.currentTarget.click();break}}o&&a.preventDefault()})}},ae=class{constructor(a,o){this.domNode=a,this.init(o)}init(a){const o=this.domNode.childNodes;Array.from(o).forEach(u=>{u.nodeType===1&&new oe(u,a)})}};const le=e.defineComponent({name:"ElMenuCollapseTransition",setup(){const t=e.useNamespace("menu");return{listeners:{onBeforeEnter:o=>o.style.opacity="0.2",onEnter(o,u){e.addClass(o,`${t.namespace.value}-opacity-transition`),o.style.opacity="1",u()},onAfterEnter(o){e.removeClass(o,`${t.namespace.value}-opacity-transition`),o.style.opacity=""},onBeforeLeave(o){o.dataset||(o.dataset={}),e.hasClass(o,t.m("collapse"))?(e.removeClass(o,t.m("collapse")),o.dataset.oldOverflow=o.style.overflow,o.dataset.scrollWidth=o.clientWidth.toString(),e.addClass(o,t.m("collapse"))):(e.addClass(o,t.m("collapse")),o.dataset.oldOverflow=o.style.overflow,o.dataset.scrollWidth=o.clientWidth.toString(),e.removeClass(o,t.m("collapse"))),o.style.width=`${o.scrollWidth}px`,o.style.overflow="hidden"},onLeave(o){e.addClass(o,"horizontal-collapse-transition"),o.style.width=`${o.dataset.scrollWidth}px`}}}}});function se(t,a,o,u,n,g){return e.openBlock(),e.createBlock(e.Transition,e.mergeProps({mode:"out-in"},t.listeners),{default:e.withCtx(()=>[e.renderSlot(t.$slots,"default")]),_:3},16)}var re=e._export_sfc$1(le,[["render",se],["__file","menu-collapse-transition.vue"]]);function Z(t,a){const o=e.computed(()=>{let n=t.parent;const g=[a.value];for(;n.type.name!=="ElMenu";)n.props.index&&g.unshift(n.props.index),n=n.parent;return g});return{parentMenu:e.computed(()=>{let n=t.parent;for(;n&&!["ElMenu","ElSubMenu"].includes(n.type.name);)n=n.parent;return n}),indexPath:o}}function ie(t){return e.computed(()=>{const o=t.backgroundColor;return o?new e.TinyColor(o).shade(20).toString():""})}const J=(t,a)=>{const o=e.useNamespace("menu");return e.computed(()=>o.cssVarBlock({"text-color":t.textColor||"","hover-text-color":t.textColor||"","bg-color":t.backgroundColor||"","hover-bg-color":ie(t).value||"","active-color":t.activeTextColor||"",level:`${a}`}))},ue=e.buildProps({index:{type:String,required:!0},showTimeout:Number,hideTimeout:Number,popperClass:String,disabled:Boolean,teleported:{type:Boolean,default:void 0},popperOffset:Number,expandCloseIcon:{type:e.iconPropType},expandOpenIcon:{type:e.iconPropType},collapseCloseIcon:{type:e.iconPropType},collapseOpenIcon:{type:e.iconPropType}}),F="ElSubMenu";var G=e.defineComponent({name:F,props:ue,setup(t,{slots:a,expose:o}){const u=e.getCurrentInstance(),{indexPath:n,parentMenu:g}=Z(u,e.computed(()=>t.index)),p=e.useNamespace("menu"),y=e.useNamespace("sub-menu"),s=e.inject("rootMenu");s||e.throwError(F,"can not inject root menu");const m=e.inject(`subMenu:${g.value.uid}`);m||e.throwError(F,"can not inject sub menu");const c=e.ref({}),v=e.ref({});let f;const b=e.ref(!1),B=e.ref(),T=e.ref(null),E=e.computed(()=>w.value==="horizontal"&&k.value?"bottom-start":"right-start"),S=e.computed(()=>w.value==="horizontal"&&k.value||w.value==="vertical"&&!s.props.collapse?t.expandCloseIcon&&t.expandOpenIcon?x.value?t.expandOpenIcon:t.expandCloseIcon:e.arrow_down_default:t.collapseCloseIcon&&t.collapseOpenIcon?x.value?t.collapseOpenIcon:t.collapseCloseIcon:e.arrow_right_default),k=e.computed(()=>m.level===0),A=e.computed(()=>{const i=t.teleported;return i===void 0?k.value:i}),H=e.computed(()=>s.props.collapse?`${p.namespace.value}-zoom-in-left`:`${p.namespace.value}-zoom-in-top`),q=e.computed(()=>w.value==="horizontal"&&k.value?["bottom-start","bottom-end","top-start","top-end","right-start","left-start"]:["right-start","right","right-end","left-start","bottom-start","bottom-end","top-start","top-end"]),x=e.computed(()=>s.openedMenus.includes(t.index)),P=e.computed(()=>{let i=!1;return Object.values(c.value).forEach(h=>{h.active&&(i=!0)}),Object.values(v.value).forEach(h=>{h.active&&(i=!0)}),i}),w=e.computed(()=>s.props.mode),O=e.reactive({index:t.index,indexPath:n,active:P}),V=J(s.props,m.level+1),D=e.computed(()=>{var i;return(i=t.popperOffset)!=null?i:s.props.popperOffset}),$=e.computed(()=>{var i;return(i=t.popperClass)!=null?i:s.props.popperClass}),L=e.computed(()=>{var i;return(i=t.showTimeout)!=null?i:s.props.showTimeout}),j=e.computed(()=>{var i;return(i=t.hideTimeout)!=null?i:s.props.hideTimeout}),l=()=>{var i,h,M;return(M=(h=(i=T.value)==null?void 0:i.popperRef)==null?void 0:h.popperInstanceRef)==null?void 0:M.destroy()},r=i=>{i||l()},d=()=>{s.props.menuTrigger==="hover"&&s.props.mode==="horizontal"||s.props.collapse&&s.props.mode==="vertical"||t.disabled||s.handleSubMenuClick({index:t.index,indexPath:n.value,active:P.value})},C=(i,h=L.value)=>{var M;if(i.type!=="focus"){if(s.props.menuTrigger==="click"&&s.props.mode==="horizontal"||!s.props.collapse&&s.props.mode==="vertical"||t.disabled){m.mouseInChild.value=!0;return}m.mouseInChild.value=!0,f==null||f(),{stop:f}=e.useTimeoutFn(()=>{s.openMenu(t.index,n.value)},h),A.value&&((M=g.value.vnode.el)==null||M.dispatchEvent(new MouseEvent("mouseenter")))}},_=(i=!1)=>{var h;if(s.props.menuTrigger==="click"&&s.props.mode==="horizontal"||!s.props.collapse&&s.props.mode==="vertical"){m.mouseInChild.value=!1;return}f==null||f(),m.mouseInChild.value=!1,{stop:f}=e.useTimeoutFn(()=>!b.value&&s.closeMenu(t.index,n.value),j.value),A.value&&i&&((h=m.handleMouseleave)==null||h.call(m,!0))};e.watch(()=>s.props.collapse,i=>r(!!i));{const i=M=>{v.value[M.index]=M},h=M=>{delete v.value[M.index]};e.provide(`subMenu:${u.uid}`,{addSubMenu:i,removeSubMenu:h,handleMouseleave:_,mouseInChild:b,level:m.level+1})}return o({opened:x}),e.onMounted(()=>{s.addSubMenu(O),m.addSubMenu(O)}),e.onBeforeUnmount(()=>{m.removeSubMenu(O),s.removeSubMenu(O)}),()=>{var i;const h=[(i=a.title)==null?void 0:i.call(a),e.h(e.ElIcon,{class:y.e("icon-arrow"),style:{transform:x.value?t.expandCloseIcon&&t.expandOpenIcon||t.collapseCloseIcon&&t.collapseOpenIcon&&s.props.collapse?"none":"rotateZ(180deg)":"none"}},{default:()=>e.isString(S.value)?e.h(u.appContext.components[S.value]):e.h(S.value)})],M=s.isMenuPopup?e.h(e.ElTooltip,{ref:T,visible:x.value,effect:"light",pure:!0,offset:D.value,showArrow:!1,persistent:!0,popperClass:$.value,placement:E.value,teleported:A.value,fallbackPlacements:q.value,transition:H.value,gpuAcceleration:!1},{content:()=>{var I;return e.h("div",{class:[p.m(w.value),p.m("popup-container"),$.value],onMouseenter:N=>C(N,100),onMouseleave:()=>_(!0),onFocus:N=>C(N,100)},[e.h("ul",{class:[p.b(),p.m("popup"),p.m(`popup-${E.value}`)],style:V.value},[(I=a.default)==null?void 0:I.call(a)])])},default:()=>e.h("div",{class:y.e("title"),onClick:d},h)}):e.h(e.Fragment,{},[e.h("div",{class:y.e("title"),ref:B,onClick:d},h),e.h(U,{},{default:()=>{var I;return e.withDirectives(e.h("ul",{role:"menu",class:[p.b(),p.m("inline")],style:V.value},[(I=a.default)==null?void 0:I.call(a)]),[[e.vShow,x.value]])}})]);return e.h("li",{class:[y.b(),y.is("active",P.value),y.is("opened",x.value),y.is("disabled",t.disabled)],role:"menuitem",ariaHaspopup:!0,ariaExpanded:x.value,onMouseenter:C,onMouseleave:()=>_(),onFocus:C},[M])}}});const ce=e.buildProps({mode:{type:String,values:["horizontal","vertical"],default:"vertical"},defaultActive:{type:String,default:""},defaultOpeneds:{type:e.definePropType(Array),default:()=>e.mutable([])},uniqueOpened:Boolean,router:Boolean,menuTrigger:{type:String,values:["hover","click"],default:"hover"},collapse:Boolean,backgroundColor:String,textColor:String,activeTextColor:String,closeOnClickOutside:Boolean,collapseTransition:{type:Boolean,default:!0},ellipsis:{type:Boolean,default:!0},popperOffset:{type:Number,default:6},ellipsisIcon:{type:e.iconPropType,default:()=>e.more_default},popperEffect:{type:e.definePropType(String),default:"dark"},popperClass:String,showTimeout:{type:Number,default:300},hideTimeout:{type:Number,default:300}}),R=t=>Array.isArray(t)&&t.every(a=>e.isString(a)),de={close:(t,a)=>e.isString(t)&&R(a),open:(t,a)=>e.isString(t)&&R(a),select:(t,a,o,u)=>e.isString(t)&&R(a)&&e.isObject(o)&&(u===void 0||u instanceof Promise)};var pe=e.defineComponent({name:"ElMenu",props:ce,emits:de,setup(t,{emit:a,slots:o,expose:u}){const n=e.getCurrentInstance(),g=n.appContext.config.globalProperties.$router,p=e.ref(),y=e.useNamespace("menu"),s=e.useNamespace("sub-menu"),m=e.ref(-1),c=e.ref(t.defaultOpeneds&&!t.collapse?t.defaultOpeneds.slice(0):[]),v=e.ref(t.defaultActive),f=e.ref({}),b=e.ref({}),B=e.computed(()=>t.mode==="horizontal"||t.mode==="vertical"&&t.collapse),T=()=>{const l=v.value&&f.value[v.value];if(!l||t.mode==="horizontal"||t.collapse)return;l.indexPath.forEach(d=>{const C=b.value[d];C&&E(d,C.indexPath)})},E=(l,r)=>{c.value.includes(l)||(t.uniqueOpened&&(c.value=c.value.filter(d=>r.includes(d))),c.value.push(l),a("open",l,r))},S=l=>{const r=c.value.indexOf(l);r!==-1&&c.value.splice(r,1)},k=(l,r)=>{S(l),a("close",l,r)},A=({index:l,indexPath:r})=>{c.value.includes(l)?k(l,r):E(l,r)},H=l=>{(t.mode==="horizontal"||t.collapse)&&(c.value=[]);const{index:r,indexPath:d}=l;if(!(e.isNil(r)||e.isNil(d)))if(t.router&&g){const C=l.route||r,_=g.push(C).then(i=>(i||(v.value=r),i));a("select",r,d,{index:r,indexPath:d,route:C},_)}else v.value=r,a("select",r,d,{index:r,indexPath:d})},q=l=>{const r=f.value,d=r[l]||v.value&&r[v.value]||r[t.defaultActive];d?v.value=d.index:v.value=l},x=l=>{const r=getComputedStyle(l),d=Number.parseInt(r.marginLeft,10),C=Number.parseInt(r.marginRight,10);return l.offsetWidth+d+C||0},P=()=>{var l,r;if(!p.value)return-1;const d=Array.from((r=(l=p.value)==null?void 0:l.childNodes)!=null?r:[]).filter(z=>z.nodeName!=="#comment"&&(z.nodeName!=="#text"||z.nodeValue)),C=64,_=getComputedStyle(p.value),i=Number.parseInt(_.paddingLeft,10),h=Number.parseInt(_.paddingRight,10),M=p.value.clientWidth-i-h;let I=0,N=0;return d.forEach((z,X)=>{I+=x(z),I<=M-C&&(N=X+1)}),N===d.length?-1:N},w=l=>b.value[l].indexPath,O=(l,r=33.34)=>{let d;return()=>{d&&clearTimeout(d),d=setTimeout(()=>{l()},r)}};let V=!0;const D=()=>{if(m.value===P())return;const l=()=>{m.value=-1,e.nextTick(()=>{m.value=P()})};V?l():O(l)(),V=!1};e.watch(()=>t.defaultActive,l=>{f.value[l]||(v.value=""),q(l)}),e.watch(()=>t.collapse,l=>{l&&(c.value=[])}),e.watch(f.value,T);let $;e.watchEffect(()=>{t.mode==="horizontal"&&t.ellipsis?$=e.useResizeObserver(p,D).stop:$==null||$()});const L=e.ref(!1);{const l=_=>{b.value[_.index]=_},r=_=>{delete b.value[_.index]},d=_=>{f.value[_.index]=_},C=_=>{delete f.value[_.index]};e.provide("rootMenu",e.reactive({props:t,openedMenus:c,items:f,subMenus:b,activeIndex:v,isMenuPopup:B,addMenuItem:d,removeMenuItem:C,addSubMenu:l,removeSubMenu:r,openMenu:E,closeMenu:k,handleMenuItemClick:H,handleSubMenuClick:A})),e.provide(`subMenu:${n.uid}`,{addSubMenu:l,removeSubMenu:r,mouseInChild:L,level:0})}e.onMounted(()=>{t.mode==="horizontal"&&new ae(n.vnode.el,y.namespace.value)}),u({open:r=>{const{indexPath:d}=b.value[r];d.forEach(C=>E(C,d))},close:S,handleResize:D});const j=J(t,0);return()=>{var l,r;let d=(r=(l=o.default)==null?void 0:l.call(o))!=null?r:[];const C=[];if(t.mode==="horizontal"&&p.value){const h=e.flattedChildren(d),M=m.value===-1?h:h.slice(0,m.value),I=m.value===-1?[]:h.slice(m.value);I!=null&&I.length&&t.ellipsis&&(d=M,C.push(e.h(G,{index:"sub-menu-more",class:s.e("hide-arrow"),popperOffset:t.popperOffset},{title:()=>e.h(e.ElIcon,{class:s.e("icon-more")},{default:()=>e.h(t.ellipsisIcon)}),default:()=>I})))}const _=t.closeOnClickOutside?[[e.ClickOutside,()=>{c.value.length&&(L.value||(c.value.forEach(h=>a("close",h,w(h))),c.value=[]))}]]:[],i=e.withDirectives(e.h("ul",{key:String(t.collapse),role:"menubar",ref:p,style:j.value,class:{[y.b()]:!0,[y.m(t.mode)]:!0,[y.m("collapse")]:t.collapse}},[...d,...C]),_);return t.collapseTransition&&t.mode==="vertical"?e.h(re,()=>i):i}}});const me=e.buildProps({index:{type:e.definePropType([String,null]),default:null},route:{type:e.definePropType([String,Object])},disabled:Boolean}),ve={click:t=>e.isString(t.index)&&Array.isArray(t.indexPath)},W="ElMenuItem",fe=e.defineComponent({name:W,components:{ElTooltip:e.ElTooltip},props:me,emits:ve,setup(t,{emit:a}){const o=e.getCurrentInstance(),u=e.inject("rootMenu"),n=e.useNamespace("menu"),g=e.useNamespace("menu-item");u||e.throwError(W,"can not inject root menu");const{parentMenu:p,indexPath:y}=Z(o,e.toRef(t,"index")),s=e.inject(`subMenu:${p.value.uid}`);s||e.throwError(W,"can not inject sub menu");const m=e.computed(()=>t.index===u.activeIndex),c=e.reactive({index:t.index,indexPath:y,active:m}),v=()=>{t.disabled||(u.handleMenuItemClick({index:t.index,indexPath:y.value,route:t.route}),a("click",c))};return e.onMounted(()=>{s.addSubMenu(c),u.addMenuItem(c)}),e.onBeforeUnmount(()=>{s.removeSubMenu(c),u.removeMenuItem(c)}),{parentMenu:p,rootMenu:u,active:m,nsMenu:n,nsMenuItem:g,handleClick:v}}});function he(t,a,o,u,n,g){const p=e.resolveComponent("el-tooltip");return e.openBlock(),e.createElementBlock("li",{class:e.normalizeClass([t.nsMenuItem.b(),t.nsMenuItem.is("active",t.active),t.nsMenuItem.is("disabled",t.disabled)]),role:"menuitem",tabindex:"-1",onClick:t.handleClick},[t.parentMenu.type.name==="ElMenu"&&t.rootMenu.props.collapse&&t.$slots.title?(e.openBlock(),e.createBlock(p,{key:0,effect:t.rootMenu.props.popperEffect,placement:"right","fallback-placements":["left"],persistent:""},{content:e.withCtx(()=>[e.renderSlot(t.$slots,"title")]),default:e.withCtx(()=>[e.createBaseVNode("div",{class:e.normalizeClass(t.nsMenu.be("tooltip","trigger"))},[e.renderSlot(t.$slots,"default")],2)]),_:3},8,["effect"])):(e.openBlock(),e.createElementBlock(e.Fragment,{key:1},[e.renderSlot(t.$slots,"default"),e.renderSlot(t.$slots,"title")],64))],10,["onClick"])}var K=e._export_sfc$1(fe,[["render",he],["__file","menu-item.vue"]]);const ge={title:String},be="ElMenuItemGroup",Ce=e.defineComponent({name:be,props:ge,setup(){return{ns:e.useNamespace("menu-item-group")}}});function _e(t,a,o,u,n,g){return e.openBlock(),e.createElementBlock("li",{class:e.normalizeClass(t.ns.b())},[e.createBaseVNode("div",{class:e.normalizeClass(t.ns.e("title"))},[t.$slots.title?e.renderSlot(t.$slots,"title",{key:1}):(e.openBlock(),e.createElementBlock(e.Fragment,{key:0},[e.createTextVNode(e.toDisplayString(t.title),1)],64))],2),e.createBaseVNode("ul",null,[e.renderSlot(t.$slots,"default")])],2)}var Q=e._export_sfc$1(Ce,[["render",_e],["__file","menu-item-group.vue"]]);const ye=e.withInstall(pe,{MenuItem:K,MenuItemGroup:Q,SubMenu:G}),Me=e.withNoopInstall(K);e.withNoopInstall(Q);const Ee=e.withNoopInstall(G),Ie=e.defineComponent({__name:"SideMenu",props:{menus:{},defaultActive:{}},emits:["change"],setup(t,{emit:a}){const o=t,u=a,n=e.computed(()=>{var p;return[((p=o.menus[0])==null?void 0:p.value)??"","upgrad"]}),g=p=>{u("change",p.value),p.event&&e.globalInject.postCollection(p.event)};return(p,y)=>{const s=e.resolveComponent("icon");return e.openBlock(),e.createBlock(e.unref(ye),{class:"setting-side-menu","default-openeds":n.value,"default-active":p.defaultActive},{default:e.withCtx(()=>[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(p.menus,m=>(e.openBlock(),e.createBlock(e.unref(Ee),{index:m.value,key:m.value},{title:e.withCtx(()=>[e.createBaseVNode("span",null,e.toDisplayString(m.label),1)]),default:e.withCtx(()=>[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(m.children,c=>(e.openBlock(),e.createBlock(e.unref(Me),{key:c.value,index:c.value,onClick:v=>g(c)},{title:e.withCtx(()=>[e.createVNode(s,{type:c.icon},null,8,["type"]),e.createBaseVNode("span",null,e.toDisplayString(c.label),1)]),_:2},1032,["index","onClick"]))),128))]),_:2},1032,["index"]))),128))]),_:1},8,["default-openeds","default-active"])}}}),xe=e._export_sfc(Ie,[["__scopeId","data-v-4e8f8019"]]),Se={class:"form-setting-page"},Te={class:"form-setting-main"},ke={class:"form-setting-sidebar"},we={class:"form-setting-content"},Ne=e.defineComponent({__name:"index",setup(t){const a=[{value:"basic",label:"基础设置",children:[{value:"testSetting",icon:"message-push",label:"试卷设置",event:"editor_form_set_navigation_testsetting",component:e.defineAsyncComponent(()=>Promise.resolve().then(()=>require("./TestSettingPanel-CgsDx6vJ.cjs"))),disabled:()=>!e.isExamScene()},{value:"payMethod",icon:"data-collect",label:"支付方式",event:"editor_form_set_navigation_paymethod",component:e.defineAsyncComponent(()=>Promise.resolve().then(()=>require("./PayMethod-ByIqt2Zo.cjs")))},{value:"dataCollect",icon:"data-collect",label:"数据收集",event:"editor_form_set_navigation_datacollect",component:e.defineAsyncComponent(()=>Promise.resolve().then(()=>require("./DataCollectPanel-C39SmwM9.cjs")))},{value:"fillManagement",icon:"group",label:"人群管理",event:"editor_form_set_navigation_crowdmanagement",component:e.defineAsyncComponent(()=>Promise.resolve().then(()=>require("./CrowdManagement-D5l6cJRv.cjs")))},{value:"dataSubmit",icon:"data-submit",label:"数据提交",event:"editor_form_set_navigation_datasubmission",component:e.defineAsyncComponent(()=>Promise.resolve().then(()=>require("./DataSubmitPanel-Ct3LtfWT.cjs")))},{value:"messagePush",icon:"message-push",label:"消息推送",event:"editor_form_set_navigation_pushmessage",component:e.defineAsyncComponent(()=>Promise.resolve().then(()=>require("./MessagePush-CndJwRH_.cjs")))},{value:"searchAndShare",icon:"search-share",label:"查询与分享",event:"editor_form_set_navigation_inquire",component:e.defineAsyncComponent(()=>Promise.resolve().then(()=>require("./SearchAndShare-AgpZIVjO.cjs")))}]},{value:"upgrad",label:"高级设置",children:[{value:"confirmCode",label:"确认码",icon:"confirm-code",event:"editor_form_set_navigation_confirmcode",component:e.defineAsyncComponent(()=>Promise.resolve().then(()=>require("./ConfirmCode-DL3jkB-i.cjs")))}]}],o=c=>c.map(v=>v.children?{...v,children:v.children.filter(f=>{var b;return!((b=f.disabled)!=null&&b.call(f))})}:v),u=e.shallowRef(o(a)),n=c=>{var v,f;for(const b of c){if((v=b.children)!=null&&v.length)return n(b.children);if(!((f=b.disabled)!=null&&f.call(b)))return b}throw new Error("No leaf found")},g=e.ref(n(u.value).value);e.watch(()=>e.getSceneType(),()=>{u.value=o(a),g.value=n(u.value).value});const p=c=>g.value=c,y=c=>{const v=b=>{var B,T;for(const E of b){if(E.value===c&&!((B=E.disabled)!=null&&B.call(E)))return E;if((T=E.children)!=null&&T.length){const S=v(E.children);if(S)return S}}},f=v(u.value);return f==null?void 0:f.component},s=e.ref(0),m=e.watch(e.FormSetting,()=>{s.value++,m()},{deep:!0});return(c,v)=>(e.openBlock(),e.createElementBlock("div",Se,[e.createVNode(e.unref(e.ElScrollbar),null,{default:e.withCtx(()=>[e.createBaseVNode("div",Te,[e.createBaseVNode("div",ke,[e.createVNode(xe,{"default-active":g.value,menus:u.value,onChange:p},null,8,["default-active","menus"])]),e.createBaseVNode("div",we,[(e.openBlock(),e.createBlock(e.resolveDynamicComponent(y(g.value)),{key:s.value}))])])]),_:1})]))}}),Be=e._export_sfc(Ne,[["__scopeId","data-v-4a9e88d6"]]),Pe=Object.freeze(Object.defineProperty({__proto__:null,default:Be},Symbol.toStringTag,{value:"Module"}));exports.ElCollapseTransition=U;exports.index=Pe;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";const e=require("./main-CvuD9knS.cjs"),ue=e.buildProps({color:{type:e.definePropType(Object),required:!0},vertical:{type:Boolean,default:!1}});let I=!1;function F(a,n){if(!e.isClient)return;const o=function(l){var s;(s=n.drag)==null||s.call(n,l)},t=function(l){var s;document.removeEventListener("mousemove",o),document.removeEventListener("mouseup",t),document.removeEventListener("touchmove",o),document.removeEventListener("touchend",t),document.onselectstart=null,document.ondragstart=null,I=!1,(s=n.end)==null||s.call(n,l)},r=function(l){var s;I||(l.preventDefault(),document.onselectstart=()=>!1,document.ondragstart=()=>!1,document.addEventListener("mousemove",o),document.addEventListener("mouseup",t),document.addEventListener("touchmove",o),document.addEventListener("touchend",t),I=!0,(s=n.start)==null||s.call(n,l))};a.addEventListener("mousedown",r),a.addEventListener("touchstart",r,{passive:!1})}const fe=a=>{const n=e.getCurrentInstance(),{t:o}=e.useLocale(),t=e.shallowRef(),r=e.shallowRef(),l=e.computed(()=>a.color.get("alpha")),s=e.computed(()=>o("el.colorpicker.alphaLabel"));function u(h){var p;h.target!==t.value&&i(h),(p=t.value)==null||p.focus()}function i(h){if(!r.value||!t.value)return;const f=n.vnode.el.getBoundingClientRect(),{clientX:m,clientY:v}=e.getClientXY(h);if(a.vertical){let b=v-f.top;b=Math.max(t.value.offsetHeight/2,b),b=Math.min(b,f.height-t.value.offsetHeight/2),a.color.set("alpha",Math.round((b-t.value.offsetHeight/2)/(f.height-t.value.offsetHeight)*100))}else{let b=m-f.left;b=Math.max(t.value.offsetWidth/2,b),b=Math.min(b,f.width-t.value.offsetWidth/2),a.color.set("alpha",Math.round((b-t.value.offsetWidth/2)/(f.width-t.value.offsetWidth)*100))}}function d(h){const{code:p,shiftKey:f}=h,m=f?10:1;switch(p){case e.EVENT_CODE.left:case e.EVENT_CODE.down:h.preventDefault(),h.stopPropagation(),k(-m);break;case e.EVENT_CODE.right:case e.EVENT_CODE.up:h.preventDefault(),h.stopPropagation(),k(m);break}}function k(h){let p=l.value+h;p=p<0?0:p>100?100:p,a.color.set("alpha",p)}return{thumb:t,bar:r,alpha:l,alphaLabel:s,handleDrag:i,handleClick:u,handleKeydown:d}},de=(a,{bar:n,thumb:o,handleDrag:t})=>{const r=e.getCurrentInstance(),l=e.useNamespace("color-alpha-slider"),s=e.ref(0),u=e.ref(0),i=e.ref();function d(){if(!o.value||a.vertical)return 0;const _=r.vnode.el,g=a.color.get("alpha");return _?Math.round(g*(_.offsetWidth-o.value.offsetWidth/2)/100):0}function k(){if(!o.value)return 0;const _=r.vnode.el;if(!a.vertical)return 0;const g=a.color.get("alpha");return _?Math.round(g*(_.offsetHeight-o.value.offsetHeight/2)/100):0}function h(){if(a.color&&a.color.value){const{r:_,g,b:M}=a.color.toRgb();return`linear-gradient(to right, rgba(${_}, ${g}, ${M}, 0) 0%, rgba(${_}, ${g}, ${M}, 1) 100%)`}return""}function p(){s.value=d(),u.value=k(),i.value=h()}e.onMounted(()=>{if(!n.value||!o.value)return;const _={drag:g=>{t(g)},end:g=>{t(g)}};F(n.value,_),F(o.value,_),p()}),e.watch(()=>a.color.get("alpha"),()=>p()),e.watch(()=>a.color.value,()=>p());const f=e.computed(()=>[l.b(),l.is("vertical",a.vertical)]),m=e.computed(()=>l.e("bar")),v=e.computed(()=>l.e("thumb")),b=e.computed(()=>({background:i.value})),$=e.computed(()=>({left:e.addUnit(s.value),top:e.addUnit(u.value)}));return{rootKls:f,barKls:m,barStyle:b,thumbKls:v,thumbStyle:$,update:p}},he="ElColorAlphaSlider",pe=e.defineComponent({name:he}),me=e.defineComponent({...pe,props:ue,setup(a,{expose:n}){const o=a,{alpha:t,alphaLabel:r,bar:l,thumb:s,handleDrag:u,handleClick:i,handleKeydown:d}=fe(o),{rootKls:k,barKls:h,barStyle:p,thumbKls:f,thumbStyle:m,update:v}=de(o,{bar:l,thumb:s,handleDrag:u});return n({update:v,bar:l,thumb:s}),(b,$)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(e.unref(k))},[e.createBaseVNode("div",{ref_key:"bar",ref:l,class:e.normalizeClass(e.unref(h)),style:e.normalizeStyle(e.unref(p)),onClick:e.unref(i)},null,14,["onClick"]),e.createBaseVNode("div",{ref_key:"thumb",ref:s,class:e.normalizeClass(e.unref(f)),style:e.normalizeStyle(e.unref(m)),"aria-label":e.unref(r),"aria-valuenow":e.unref(t),"aria-orientation":b.vertical?"vertical":"horizontal","aria-valuemin":"0","aria-valuemax":"100",role:"slider",tabindex:"0",onKeydown:e.unref(d)},null,46,["aria-label","aria-valuenow","aria-orientation","onKeydown"])],2))}});var ve=e._export_sfc$1(me,[["__file","alpha-slider.vue"]]);const ge=e.defineComponent({name:"ElColorHueSlider",props:{color:{type:Object,required:!0},vertical:Boolean},setup(a){const n=e.useNamespace("color-hue-slider"),o=e.getCurrentInstance(),t=e.ref(),r=e.ref(),l=e.ref(0),s=e.ref(0),u=e.computed(()=>a.color.get("hue"));e.watch(()=>u.value,()=>{p()});function i(f){f.target!==t.value&&d(f)}function d(f){if(!r.value||!t.value)return;const v=o.vnode.el.getBoundingClientRect(),{clientX:b,clientY:$}=e.getClientXY(f);let _;if(a.vertical){let g=$-v.top;g=Math.min(g,v.height-t.value.offsetHeight/2),g=Math.max(t.value.offsetHeight/2,g),_=Math.round((g-t.value.offsetHeight/2)/(v.height-t.value.offsetHeight)*360)}else{let g=b-v.left;g=Math.min(g,v.width-t.value.offsetWidth/2),g=Math.max(t.value.offsetWidth/2,g),_=Math.round((g-t.value.offsetWidth/2)/(v.width-t.value.offsetWidth)*360)}a.color.set("hue",_)}function k(){if(!t.value)return 0;const f=o.vnode.el;if(a.vertical)return 0;const m=a.color.get("hue");return f?Math.round(m*(f.offsetWidth-t.value.offsetWidth/2)/360):0}function h(){if(!t.value)return 0;const f=o.vnode.el;if(!a.vertical)return 0;const m=a.color.get("hue");return f?Math.round(m*(f.offsetHeight-t.value.offsetHeight/2)/360):0}function p(){l.value=k(),s.value=h()}return e.onMounted(()=>{if(!r.value||!t.value)return;const f={drag:m=>{d(m)},end:m=>{d(m)}};F(r.value,f),F(t.value,f),p()}),{bar:r,thumb:t,thumbLeft:l,thumbTop:s,hueValue:u,handleClick:i,update:p,ns:n}}});function be(a,n,o,t,r,l){return e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass([a.ns.b(),a.ns.is("vertical",a.vertical)])},[e.createBaseVNode("div",{ref:"bar",class:e.normalizeClass(a.ns.e("bar")),onClick:a.handleClick},null,10,["onClick"]),e.createBaseVNode("div",{ref:"thumb",class:e.normalizeClass(a.ns.e("thumb")),style:e.normalizeStyle({left:a.thumbLeft+"px",top:a.thumbTop+"px"})},null,6)],2)}var Ce=e._export_sfc$1(ge,[["render",be],["__file","hue-slider.vue"]]);const ke=e.buildProps({modelValue:String,id:String,showAlpha:Boolean,colorFormat:String,disabled:Boolean,size:e.useSizeProp,popperClass:{type:String,default:""},tabindex:{type:[String,Number],default:0},teleported:e.useTooltipContentProps.teleported,predefine:{type:e.definePropType(Array)},validateEvent:{type:Boolean,default:!0},...e.useAriaProps(["ariaLabel"])}),_e={[e.UPDATE_MODEL_EVENT]:a=>e.isString(a)||e.isNil(a),[e.CHANGE_EVENT]:a=>e.isString(a)||e.isNil(a),activeChange:a=>e.isString(a)||e.isNil(a),focus:a=>a instanceof FocusEvent,blur:a=>a instanceof FocusEvent},J=Symbol("colorPickerContextKey"),j=function(a,n,o){return[a,n*o/((a=(2-n)*o)<1?a:2-a)||0,a/2]},we=function(a){return typeof a=="string"&&a.includes(".")&&Number.parseFloat(a)===1},Ee=function(a){return typeof a=="string"&&a.includes("%")},V=function(a,n){we(a)&&(a="100%");const o=Ee(a);return a=Math.min(n,Math.max(0,Number.parseFloat(`${a}`))),o&&(a=Number.parseInt(`${a*n}`,10)/100),Math.abs(a-n)<1e-6?1:a%n/Number.parseFloat(n)},Y={10:"A",11:"B",12:"C",13:"D",14:"E",15:"F"},L=a=>{a=Math.min(Math.round(a),255);const n=Math.floor(a/16),o=a%16;return`${Y[n]||n}${Y[o]||o}`},G=function({r:a,g:n,b:o}){return Number.isNaN(+a)||Number.isNaN(+n)||Number.isNaN(+o)?"":`#${L(a)}${L(n)}${L(o)}`},H={A:10,B:11,C:12,D:13,E:14,F:15},y=function(a){return a.length===2?(H[a[0].toUpperCase()]||+a[0])*16+(H[a[1].toUpperCase()]||+a[1]):H[a[1].toUpperCase()]||+a[1]},Ne=function(a,n,o){n=n/100,o=o/100;let t=n;const r=Math.max(o,.01);o*=2,n*=o<=1?o:2-o,t*=r<=1?r:2-r;const l=(o+n)/2,s=o===0?2*t/(r+t):2*n/(o+n);return{h:a,s:s*100,v:l*100}},Z=(a,n,o)=>{a=V(a,255),n=V(n,255),o=V(o,255);const t=Math.max(a,n,o),r=Math.min(a,n,o);let l;const s=t,u=t-r,i=t===0?0:u/t;if(t===r)l=0;else{switch(t){case a:{l=(n-o)/u+(n<o?6:0);break}case n:{l=(o-a)/u+2;break}case o:{l=(a-n)/u+4;break}}l/=6}return{h:l*360,s:i*100,v:s*100}},A=function(a,n,o){a=V(a,360)*6,n=V(n,100),o=V(o,100);const t=Math.floor(a),r=a-t,l=o*(1-n),s=o*(1-r*n),u=o*(1-(1-r)*n),i=t%6,d=[o,s,l,l,u,o][i],k=[u,o,o,s,l,l][i],h=[l,l,u,o,o,s][i];return{r:Math.round(d*255),g:Math.round(k*255),b:Math.round(h*255)}};class P{constructor(n={}){this._hue=0,this._saturation=100,this._value=100,this._alpha=100,this.enableAlpha=!1,this.format="hex",this.value="";for(const o in n)e.hasOwn(n,o)&&(this[o]=n[o]);n.value?this.fromString(n.value):this.doOnChange()}set(n,o){if(arguments.length===1&&typeof n=="object"){for(const t in n)e.hasOwn(n,t)&&this.set(t,n[t]);return}this[`_${n}`]=o,this.doOnChange()}get(n){return n==="alpha"?Math.floor(this[`_${n}`]):this[`_${n}`]}toRgb(){return A(this._hue,this._saturation,this._value)}fromString(n){if(!n){this._hue=0,this._saturation=100,this._value=100,this.doOnChange();return}const o=(t,r,l)=>{this._hue=Math.max(0,Math.min(360,t)),this._saturation=Math.max(0,Math.min(100,r)),this._value=Math.max(0,Math.min(100,l)),this.doOnChange()};if(n.includes("hsl")){const t=n.replace(/hsla|hsl|\(|\)/gm,"").split(/\s|,/g).filter(r=>r!=="").map((r,l)=>l>2?Number.parseFloat(r):Number.parseInt(r,10));if(t.length===4?this._alpha=Number.parseFloat(t[3])*100:t.length===3&&(this._alpha=100),t.length>=3){const{h:r,s:l,v:s}=Ne(t[0],t[1],t[2]);o(r,l,s)}}else if(n.includes("hsv")){const t=n.replace(/hsva|hsv|\(|\)/gm,"").split(/\s|,/g).filter(r=>r!=="").map((r,l)=>l>2?Number.parseFloat(r):Number.parseInt(r,10));t.length===4?this._alpha=Number.parseFloat(t[3])*100:t.length===3&&(this._alpha=100),t.length>=3&&o(t[0],t[1],t[2])}else if(n.includes("rgb")){const t=n.replace(/rgba|rgb|\(|\)/gm,"").split(/\s|,/g).filter(r=>r!=="").map((r,l)=>l>2?Number.parseFloat(r):Number.parseInt(r,10));if(t.length===4?this._alpha=Number.parseFloat(t[3])*100:t.length===3&&(this._alpha=100),t.length>=3){const{h:r,s:l,v:s}=Z(t[0],t[1],t[2]);o(r,l,s)}}else if(n.includes("#")){const t=n.replace("#","").trim();if(!/^[0-9a-fA-F]{3}$|^[0-9a-fA-F]{6}$|^[0-9a-fA-F]{8}$/.test(t))return;let r,l,s;t.length===3?(r=y(t[0]+t[0]),l=y(t[1]+t[1]),s=y(t[2]+t[2])):(t.length===6||t.length===8)&&(r=y(t.slice(0,2)),l=y(t.slice(2,4)),s=y(t.slice(4,6))),t.length===8?this._alpha=y(t.slice(6))/255*100:(t.length===3||t.length===6)&&(this._alpha=100);const{h:u,s:i,v:d}=Z(r,l,s);o(u,i,d)}}compare(n){return Math.abs(n._hue-this._hue)<2&&Math.abs(n._saturation-this._saturation)<1&&Math.abs(n._value-this._value)<1&&Math.abs(n._alpha-this._alpha)<1}doOnChange(){const{_hue:n,_saturation:o,_value:t,_alpha:r,format:l}=this;if(this.enableAlpha)switch(l){case"hsl":{const s=j(n,o/100,t/100);this.value=`hsla(${n}, ${Math.round(s[1]*100)}%, ${Math.round(s[2]*100)}%, ${this.get("alpha")/100})`;break}case"hsv":{this.value=`hsva(${n}, ${Math.round(o)}%, ${Math.round(t)}%, ${this.get("alpha")/100})`;break}case"hex":{this.value=`${G(A(n,o,t))}${L(r*255/100)}`;break}default:{const{r:s,g:u,b:i}=A(n,o,t);this.value=`rgba(${s}, ${u}, ${i}, ${this.get("alpha")/100})`}}else switch(l){case"hsl":{const s=j(n,o/100,t/100);this.value=`hsl(${n}, ${Math.round(s[1]*100)}%, ${Math.round(s[2]*100)}%)`;break}case"hsv":{this.value=`hsv(${n}, ${Math.round(o)}%, ${Math.round(t)}%)`;break}case"rgb":{const{r:s,g:u,b:i}=A(n,o,t);this.value=`rgb(${s}, ${u}, ${i})`;break}default:this.value=G(A(n,o,t))}}}const $e=e.defineComponent({props:{colors:{type:Array,required:!0},color:{type:Object,required:!0},enableAlpha:{type:Boolean,required:!0}},setup(a){const n=e.useNamespace("color-predefine"),{currentColor:o}=e.inject(J),t=e.ref(l(a.colors,a.color));e.watch(()=>o.value,s=>{const u=new P;u.fromString(s),t.value.forEach(i=>{i.selected=u.compare(i)})}),e.watchEffect(()=>{t.value=l(a.colors,a.color)});function r(s){a.color.fromString(a.colors[s])}function l(s,u){return s.map(i=>{const d=new P;return d.enableAlpha=a.enableAlpha,d.format="rgba",d.fromString(i),d.selected=d.value===u.value,d})}return{rgbaColors:t,handleSelect:r,ns:n}}});function ye(a,n,o,t,r,l){return e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(a.ns.b())},[e.createBaseVNode("div",{class:e.normalizeClass(a.ns.e("colors"))},[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(a.rgbaColors,(s,u)=>(e.openBlock(),e.createElementBlock("div",{key:a.colors[u],class:e.normalizeClass([a.ns.e("color-selector"),a.ns.is("alpha",s._alpha<100),{selected:s.selected}]),onClick:i=>a.handleSelect(u)},[e.createBaseVNode("div",{style:e.normalizeStyle({backgroundColor:s.value})},null,4)],10,["onClick"]))),128))],2)],2)}var Me=e._export_sfc$1($e,[["render",ye],["__file","predefine.vue"]]);const Ve=e.defineComponent({name:"ElSlPanel",props:{color:{type:Object,required:!0}},setup(a){const n=e.useNamespace("color-svpanel"),o=e.getCurrentInstance(),t=e.ref(0),r=e.ref(0),l=e.ref("hsl(0, 100%, 50%)"),s=e.computed(()=>{const d=a.color.get("hue"),k=a.color.get("value");return{hue:d,value:k}});function u(){const d=a.color.get("saturation"),k=a.color.get("value"),h=o.vnode.el,{clientWidth:p,clientHeight:f}=h;r.value=d*p/100,t.value=(100-k)*f/100,l.value=`hsl(${a.color.get("hue")}, 100%, 50%)`}function i(d){const h=o.vnode.el.getBoundingClientRect(),{clientX:p,clientY:f}=e.getClientXY(d);let m=p-h.left,v=f-h.top;m=Math.max(0,m),m=Math.min(m,h.width),v=Math.max(0,v),v=Math.min(v,h.height),r.value=m,t.value=v,a.color.set({saturation:m/h.width*100,value:100-v/h.height*100})}return e.watch(()=>s.value,()=>{u()}),e.onMounted(()=>{F(o.vnode.el,{drag:d=>{i(d)},end:d=>{i(d)}}),u()}),{cursorTop:t,cursorLeft:r,background:l,colorValue:s,handleDrag:i,update:u,ns:n}}});function Be(a,n,o,t,r,l){return e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(a.ns.b()),style:e.normalizeStyle({backgroundColor:a.background})},[e.createBaseVNode("div",{class:e.normalizeClass(a.ns.e("white"))},null,2),e.createBaseVNode("div",{class:e.normalizeClass(a.ns.e("black"))},null,2),e.createBaseVNode("div",{class:e.normalizeClass(a.ns.e("cursor")),style:e.normalizeStyle({top:a.cursorTop+"px",left:a.cursorLeft+"px"})},[e.createBaseVNode("div")],6)],6)}var Se=e._export_sfc$1(Ve,[["render",Be],["__file","sv-panel.vue"]]);const Te=e.defineComponent({name:"ElColorPicker"}),ze=e.defineComponent({...Te,props:ke,emits:_e,setup(a,{expose:n,emit:o}){const t=a,{t:r}=e.useLocale(),l=e.useNamespace("color"),{formItem:s}=e.useFormItem(),u=e.useFormSize(),i=e.useFormDisabled(),{inputId:d,isLabeledByFormItem:k}=e.useFormItemInputId(t,{formItemContext:s}),h=e.ref(),p=e.ref(),f=e.ref(),m=e.ref(),v=e.ref(),b=e.ref(),{isFocused:$,handleFocus:_,handleBlur:g}=e.useFocusController(v,{beforeFocus(){return i.value},beforeBlur(c){var w;return(w=m.value)==null?void 0:w.isFocusInsideContent(c)},afterBlur(){T(!1),z()}});let M=!0;const C=e.reactive(new P({enableAlpha:t.showAlpha,format:t.colorFormat||"",value:t.modelValue})),B=e.ref(!1),E=e.ref(!1),S=e.ref(""),Q=e.computed(()=>!t.modelValue&&!E.value?"transparent":ne(C,t.showAlpha)),O=e.computed(()=>!t.modelValue&&!E.value?"":C.value),ee=e.computed(()=>k.value?void 0:t.ariaLabel||r("el.colorpicker.defaultLabel")),te=e.computed(()=>k.value?s==null?void 0:s.labelId:void 0),ae=e.computed(()=>[l.b("picker"),l.is("disabled",i.value),l.bm("picker",u.value),l.is("focused",$.value)]);function ne(c,w){if(!(c instanceof P))throw new TypeError("color should be instance of _color Class");const{r:N,g:q,b:X}=c.toRgb();return w?`rgba(${N}, ${q}, ${X}, ${c.get("alpha")/100})`:`rgb(${N}, ${q}, ${X})`}function T(c){B.value=c}const D=e.debounce$1(T,100,{leading:!0});function K(){i.value||T(!0)}function W(){D(!1),z()}function z(){e.nextTick(()=>{t.modelValue?C.fromString(t.modelValue):(C.value="",e.nextTick(()=>{E.value=!1}))})}function oe(){i.value||D(!B.value)}function R(){C.fromString(S.value)}function le(){const c=C.value;o(e.UPDATE_MODEL_EVENT,c),o("change",c),t.validateEvent&&(s==null||s.validate("change").catch(w=>e.debugWarn(w))),D(!1),e.nextTick(()=>{const w=new P({enableAlpha:t.showAlpha,format:t.colorFormat||"",value:t.modelValue});C.compare(w)||z()})}function re(){D(!1),o(e.UPDATE_MODEL_EVENT,null),o("change",null),t.modelValue!==null&&t.validateEvent&&(s==null||s.validate("change").catch(c=>e.debugWarn(c))),z()}function se(){B.value&&(W(),$.value&&x())}function U(c){c.preventDefault(),c.stopPropagation(),T(!1),z()}function ce(c){switch(c.code){case e.EVENT_CODE.enter:case e.EVENT_CODE.space:c.preventDefault(),c.stopPropagation(),K(),b.value.focus();break;case e.EVENT_CODE.esc:U(c);break}}function x(){v.value.focus()}function ie(){v.value.blur()}return e.onMounted(()=>{t.modelValue&&(S.value=O.value)}),e.watch(()=>t.modelValue,c=>{c?c&&c!==C.value&&(M=!1,C.fromString(c)):E.value=!1}),e.watch(()=>[t.colorFormat,t.showAlpha],()=>{C.enableAlpha=t.showAlpha,C.format=t.colorFormat||C.format,C.doOnChange(),o(e.UPDATE_MODEL_EVENT,C.value)}),e.watch(()=>O.value,c=>{S.value=c,M&&o("activeChange",c),M=!0}),e.watch(()=>C.value,()=>{!t.modelValue&&!E.value&&(E.value=!0)}),e.watch(()=>B.value,()=>{e.nextTick(()=>{var c,w,N;(c=h.value)==null||c.update(),(w=p.value)==null||w.update(),(N=f.value)==null||N.update()})}),e.provide(J,{currentColor:O}),n({color:C,show:K,hide:W,focus:x,blur:ie}),(c,w)=>(e.openBlock(),e.createBlock(e.unref(e.ElTooltip),{ref_key:"popper",ref:m,visible:B.value,"show-arrow":!1,"fallback-placements":["bottom","top","right","left"],offset:0,"gpu-acceleration":!1,"popper-class":[e.unref(l).be("picker","panel"),e.unref(l).b("dropdown"),c.popperClass],"stop-popper-mouse-event":!1,effect:"light",trigger:"click",teleported:c.teleported,transition:`${e.unref(l).namespace.value}-zoom-in-top`,persistent:"",onHide:N=>T(!1)},{content:e.withCtx(()=>[e.withDirectives((e.openBlock(),e.createElementBlock("div",{onKeydown:e.withKeys(U,["esc"])},[e.createBaseVNode("div",{class:e.normalizeClass(e.unref(l).be("dropdown","main-wrapper"))},[e.createVNode(Ce,{ref_key:"hue",ref:h,class:"hue-slider",color:e.unref(C),vertical:""},null,8,["color"]),e.createVNode(Se,{ref_key:"sv",ref:p,color:e.unref(C)},null,8,["color"])],2),c.showAlpha?(e.openBlock(),e.createBlock(ve,{key:0,ref_key:"alpha",ref:f,color:e.unref(C)},null,8,["color"])):e.createCommentVNode("v-if",!0),c.predefine?(e.openBlock(),e.createBlock(Me,{key:1,ref:"predefine","enable-alpha":c.showAlpha,color:e.unref(C),colors:c.predefine},null,8,["enable-alpha","color","colors"])):e.createCommentVNode("v-if",!0),e.createBaseVNode("div",{class:e.normalizeClass(e.unref(l).be("dropdown","btns"))},[e.createBaseVNode("span",{class:e.normalizeClass(e.unref(l).be("dropdown","value"))},[e.createVNode(e.unref(e.ElInput),{ref_key:"inputRef",ref:b,modelValue:S.value,"onUpdate:modelValue":N=>S.value=N,"validate-event":!1,size:"small",onKeyup:e.withKeys(R,["enter"]),onBlur:R},null,8,["modelValue","onUpdate:modelValue","onKeyup"])],2),e.createVNode(e.unref(e.ElButton),{class:e.normalizeClass(e.unref(l).be("dropdown","link-btn")),text:"",size:"small",onClick:re},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(e.unref(r)("el.colorpicker.clear")),1)]),_:1},8,["class"]),e.createVNode(e.unref(e.ElButton),{plain:"",size:"small",class:e.normalizeClass(e.unref(l).be("dropdown","btn")),onClick:le},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(e.unref(r)("el.colorpicker.confirm")),1)]),_:1},8,["class"])],2)],40,["onKeydown"])),[[e.unref(e.ClickOutside),se]])]),default:e.withCtx(()=>[e.createBaseVNode("div",e.mergeProps({id:e.unref(d),ref_key:"triggerRef",ref:v},c.$attrs,{class:e.unref(ae),role:"button","aria-label":e.unref(ee),"aria-labelledby":e.unref(te),"aria-description":e.unref(r)("el.colorpicker.description",{color:c.modelValue||""}),"aria-disabled":e.unref(i),tabindex:e.unref(i)?-1:c.tabindex,onKeydown:ce,onFocus:e.unref(_),onBlur:e.unref(g)}),[e.unref(i)?(e.openBlock(),e.createElementBlock("div",{key:0,class:e.normalizeClass(e.unref(l).be("picker","mask"))},null,2)):e.createCommentVNode("v-if",!0),e.createBaseVNode("div",{class:e.normalizeClass(e.unref(l).be("picker","trigger")),onClick:oe},[e.createBaseVNode("span",{class:e.normalizeClass([e.unref(l).be("picker","color"),e.unref(l).is("alpha",c.showAlpha)])},[e.createBaseVNode("span",{class:e.normalizeClass(e.unref(l).be("picker","color-inner")),style:e.normalizeStyle({backgroundColor:e.unref(Q)})},[e.withDirectives(e.createVNode(e.unref(e.ElIcon),{class:e.normalizeClass([e.unref(l).be("picker","icon"),e.unref(l).is("icon-arrow-down")])},{default:e.withCtx(()=>[e.createVNode(e.unref(e.arrow_down_default))]),_:1},8,["class"]),[[e.vShow,c.modelValue||E.value]]),e.withDirectives(e.createVNode(e.unref(e.ElIcon),{class:e.normalizeClass([e.unref(l).be("picker","empty"),e.unref(l).is("icon-close")])},{default:e.withCtx(()=>[e.createVNode(e.unref(e.close_default))]),_:1},8,["class"]),[[e.vShow,!c.modelValue&&!E.value]])],6)],2)],2)],16,["id","aria-label","aria-labelledby","aria-description","aria-disabled","tabindex","onFocus","onBlur"])]),_:1},8,["visible","popper-class","teleported","transition","onHide"]))}});var Ae=e._export_sfc$1(ze,[["__file","color-picker.vue"]]);const Pe=e.withInstall(Ae);exports.ElColorPicker=Pe;
|
|
1
|
+
"use strict";const e=require("./main-BPATzDPx.cjs"),ue=e.buildProps({color:{type:e.definePropType(Object),required:!0},vertical:{type:Boolean,default:!1}});let I=!1;function F(a,n){if(!e.isClient)return;const o=function(l){var s;(s=n.drag)==null||s.call(n,l)},t=function(l){var s;document.removeEventListener("mousemove",o),document.removeEventListener("mouseup",t),document.removeEventListener("touchmove",o),document.removeEventListener("touchend",t),document.onselectstart=null,document.ondragstart=null,I=!1,(s=n.end)==null||s.call(n,l)},r=function(l){var s;I||(l.preventDefault(),document.onselectstart=()=>!1,document.ondragstart=()=>!1,document.addEventListener("mousemove",o),document.addEventListener("mouseup",t),document.addEventListener("touchmove",o),document.addEventListener("touchend",t),I=!0,(s=n.start)==null||s.call(n,l))};a.addEventListener("mousedown",r),a.addEventListener("touchstart",r,{passive:!1})}const fe=a=>{const n=e.getCurrentInstance(),{t:o}=e.useLocale(),t=e.shallowRef(),r=e.shallowRef(),l=e.computed(()=>a.color.get("alpha")),s=e.computed(()=>o("el.colorpicker.alphaLabel"));function u(h){var p;h.target!==t.value&&i(h),(p=t.value)==null||p.focus()}function i(h){if(!r.value||!t.value)return;const f=n.vnode.el.getBoundingClientRect(),{clientX:m,clientY:v}=e.getClientXY(h);if(a.vertical){let b=v-f.top;b=Math.max(t.value.offsetHeight/2,b),b=Math.min(b,f.height-t.value.offsetHeight/2),a.color.set("alpha",Math.round((b-t.value.offsetHeight/2)/(f.height-t.value.offsetHeight)*100))}else{let b=m-f.left;b=Math.max(t.value.offsetWidth/2,b),b=Math.min(b,f.width-t.value.offsetWidth/2),a.color.set("alpha",Math.round((b-t.value.offsetWidth/2)/(f.width-t.value.offsetWidth)*100))}}function d(h){const{code:p,shiftKey:f}=h,m=f?10:1;switch(p){case e.EVENT_CODE.left:case e.EVENT_CODE.down:h.preventDefault(),h.stopPropagation(),k(-m);break;case e.EVENT_CODE.right:case e.EVENT_CODE.up:h.preventDefault(),h.stopPropagation(),k(m);break}}function k(h){let p=l.value+h;p=p<0?0:p>100?100:p,a.color.set("alpha",p)}return{thumb:t,bar:r,alpha:l,alphaLabel:s,handleDrag:i,handleClick:u,handleKeydown:d}},de=(a,{bar:n,thumb:o,handleDrag:t})=>{const r=e.getCurrentInstance(),l=e.useNamespace("color-alpha-slider"),s=e.ref(0),u=e.ref(0),i=e.ref();function d(){if(!o.value||a.vertical)return 0;const _=r.vnode.el,g=a.color.get("alpha");return _?Math.round(g*(_.offsetWidth-o.value.offsetWidth/2)/100):0}function k(){if(!o.value)return 0;const _=r.vnode.el;if(!a.vertical)return 0;const g=a.color.get("alpha");return _?Math.round(g*(_.offsetHeight-o.value.offsetHeight/2)/100):0}function h(){if(a.color&&a.color.value){const{r:_,g,b:M}=a.color.toRgb();return`linear-gradient(to right, rgba(${_}, ${g}, ${M}, 0) 0%, rgba(${_}, ${g}, ${M}, 1) 100%)`}return""}function p(){s.value=d(),u.value=k(),i.value=h()}e.onMounted(()=>{if(!n.value||!o.value)return;const _={drag:g=>{t(g)},end:g=>{t(g)}};F(n.value,_),F(o.value,_),p()}),e.watch(()=>a.color.get("alpha"),()=>p()),e.watch(()=>a.color.value,()=>p());const f=e.computed(()=>[l.b(),l.is("vertical",a.vertical)]),m=e.computed(()=>l.e("bar")),v=e.computed(()=>l.e("thumb")),b=e.computed(()=>({background:i.value})),$=e.computed(()=>({left:e.addUnit(s.value),top:e.addUnit(u.value)}));return{rootKls:f,barKls:m,barStyle:b,thumbKls:v,thumbStyle:$,update:p}},he="ElColorAlphaSlider",pe=e.defineComponent({name:he}),me=e.defineComponent({...pe,props:ue,setup(a,{expose:n}){const o=a,{alpha:t,alphaLabel:r,bar:l,thumb:s,handleDrag:u,handleClick:i,handleKeydown:d}=fe(o),{rootKls:k,barKls:h,barStyle:p,thumbKls:f,thumbStyle:m,update:v}=de(o,{bar:l,thumb:s,handleDrag:u});return n({update:v,bar:l,thumb:s}),(b,$)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(e.unref(k))},[e.createBaseVNode("div",{ref_key:"bar",ref:l,class:e.normalizeClass(e.unref(h)),style:e.normalizeStyle(e.unref(p)),onClick:e.unref(i)},null,14,["onClick"]),e.createBaseVNode("div",{ref_key:"thumb",ref:s,class:e.normalizeClass(e.unref(f)),style:e.normalizeStyle(e.unref(m)),"aria-label":e.unref(r),"aria-valuenow":e.unref(t),"aria-orientation":b.vertical?"vertical":"horizontal","aria-valuemin":"0","aria-valuemax":"100",role:"slider",tabindex:"0",onKeydown:e.unref(d)},null,46,["aria-label","aria-valuenow","aria-orientation","onKeydown"])],2))}});var ve=e._export_sfc$1(me,[["__file","alpha-slider.vue"]]);const ge=e.defineComponent({name:"ElColorHueSlider",props:{color:{type:Object,required:!0},vertical:Boolean},setup(a){const n=e.useNamespace("color-hue-slider"),o=e.getCurrentInstance(),t=e.ref(),r=e.ref(),l=e.ref(0),s=e.ref(0),u=e.computed(()=>a.color.get("hue"));e.watch(()=>u.value,()=>{p()});function i(f){f.target!==t.value&&d(f)}function d(f){if(!r.value||!t.value)return;const v=o.vnode.el.getBoundingClientRect(),{clientX:b,clientY:$}=e.getClientXY(f);let _;if(a.vertical){let g=$-v.top;g=Math.min(g,v.height-t.value.offsetHeight/2),g=Math.max(t.value.offsetHeight/2,g),_=Math.round((g-t.value.offsetHeight/2)/(v.height-t.value.offsetHeight)*360)}else{let g=b-v.left;g=Math.min(g,v.width-t.value.offsetWidth/2),g=Math.max(t.value.offsetWidth/2,g),_=Math.round((g-t.value.offsetWidth/2)/(v.width-t.value.offsetWidth)*360)}a.color.set("hue",_)}function k(){if(!t.value)return 0;const f=o.vnode.el;if(a.vertical)return 0;const m=a.color.get("hue");return f?Math.round(m*(f.offsetWidth-t.value.offsetWidth/2)/360):0}function h(){if(!t.value)return 0;const f=o.vnode.el;if(!a.vertical)return 0;const m=a.color.get("hue");return f?Math.round(m*(f.offsetHeight-t.value.offsetHeight/2)/360):0}function p(){l.value=k(),s.value=h()}return e.onMounted(()=>{if(!r.value||!t.value)return;const f={drag:m=>{d(m)},end:m=>{d(m)}};F(r.value,f),F(t.value,f),p()}),{bar:r,thumb:t,thumbLeft:l,thumbTop:s,hueValue:u,handleClick:i,update:p,ns:n}}});function be(a,n,o,t,r,l){return e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass([a.ns.b(),a.ns.is("vertical",a.vertical)])},[e.createBaseVNode("div",{ref:"bar",class:e.normalizeClass(a.ns.e("bar")),onClick:a.handleClick},null,10,["onClick"]),e.createBaseVNode("div",{ref:"thumb",class:e.normalizeClass(a.ns.e("thumb")),style:e.normalizeStyle({left:a.thumbLeft+"px",top:a.thumbTop+"px"})},null,6)],2)}var Ce=e._export_sfc$1(ge,[["render",be],["__file","hue-slider.vue"]]);const ke=e.buildProps({modelValue:String,id:String,showAlpha:Boolean,colorFormat:String,disabled:Boolean,size:e.useSizeProp,popperClass:{type:String,default:""},tabindex:{type:[String,Number],default:0},teleported:e.useTooltipContentProps.teleported,predefine:{type:e.definePropType(Array)},validateEvent:{type:Boolean,default:!0},...e.useAriaProps(["ariaLabel"])}),_e={[e.UPDATE_MODEL_EVENT]:a=>e.isString(a)||e.isNil(a),[e.CHANGE_EVENT]:a=>e.isString(a)||e.isNil(a),activeChange:a=>e.isString(a)||e.isNil(a),focus:a=>a instanceof FocusEvent,blur:a=>a instanceof FocusEvent},J=Symbol("colorPickerContextKey"),j=function(a,n,o){return[a,n*o/((a=(2-n)*o)<1?a:2-a)||0,a/2]},we=function(a){return typeof a=="string"&&a.includes(".")&&Number.parseFloat(a)===1},Ee=function(a){return typeof a=="string"&&a.includes("%")},V=function(a,n){we(a)&&(a="100%");const o=Ee(a);return a=Math.min(n,Math.max(0,Number.parseFloat(`${a}`))),o&&(a=Number.parseInt(`${a*n}`,10)/100),Math.abs(a-n)<1e-6?1:a%n/Number.parseFloat(n)},Y={10:"A",11:"B",12:"C",13:"D",14:"E",15:"F"},L=a=>{a=Math.min(Math.round(a),255);const n=Math.floor(a/16),o=a%16;return`${Y[n]||n}${Y[o]||o}`},G=function({r:a,g:n,b:o}){return Number.isNaN(+a)||Number.isNaN(+n)||Number.isNaN(+o)?"":`#${L(a)}${L(n)}${L(o)}`},H={A:10,B:11,C:12,D:13,E:14,F:15},y=function(a){return a.length===2?(H[a[0].toUpperCase()]||+a[0])*16+(H[a[1].toUpperCase()]||+a[1]):H[a[1].toUpperCase()]||+a[1]},Ne=function(a,n,o){n=n/100,o=o/100;let t=n;const r=Math.max(o,.01);o*=2,n*=o<=1?o:2-o,t*=r<=1?r:2-r;const l=(o+n)/2,s=o===0?2*t/(r+t):2*n/(o+n);return{h:a,s:s*100,v:l*100}},Z=(a,n,o)=>{a=V(a,255),n=V(n,255),o=V(o,255);const t=Math.max(a,n,o),r=Math.min(a,n,o);let l;const s=t,u=t-r,i=t===0?0:u/t;if(t===r)l=0;else{switch(t){case a:{l=(n-o)/u+(n<o?6:0);break}case n:{l=(o-a)/u+2;break}case o:{l=(a-n)/u+4;break}}l/=6}return{h:l*360,s:i*100,v:s*100}},A=function(a,n,o){a=V(a,360)*6,n=V(n,100),o=V(o,100);const t=Math.floor(a),r=a-t,l=o*(1-n),s=o*(1-r*n),u=o*(1-(1-r)*n),i=t%6,d=[o,s,l,l,u,o][i],k=[u,o,o,s,l,l][i],h=[l,l,u,o,o,s][i];return{r:Math.round(d*255),g:Math.round(k*255),b:Math.round(h*255)}};class P{constructor(n={}){this._hue=0,this._saturation=100,this._value=100,this._alpha=100,this.enableAlpha=!1,this.format="hex",this.value="";for(const o in n)e.hasOwn(n,o)&&(this[o]=n[o]);n.value?this.fromString(n.value):this.doOnChange()}set(n,o){if(arguments.length===1&&typeof n=="object"){for(const t in n)e.hasOwn(n,t)&&this.set(t,n[t]);return}this[`_${n}`]=o,this.doOnChange()}get(n){return n==="alpha"?Math.floor(this[`_${n}`]):this[`_${n}`]}toRgb(){return A(this._hue,this._saturation,this._value)}fromString(n){if(!n){this._hue=0,this._saturation=100,this._value=100,this.doOnChange();return}const o=(t,r,l)=>{this._hue=Math.max(0,Math.min(360,t)),this._saturation=Math.max(0,Math.min(100,r)),this._value=Math.max(0,Math.min(100,l)),this.doOnChange()};if(n.includes("hsl")){const t=n.replace(/hsla|hsl|\(|\)/gm,"").split(/\s|,/g).filter(r=>r!=="").map((r,l)=>l>2?Number.parseFloat(r):Number.parseInt(r,10));if(t.length===4?this._alpha=Number.parseFloat(t[3])*100:t.length===3&&(this._alpha=100),t.length>=3){const{h:r,s:l,v:s}=Ne(t[0],t[1],t[2]);o(r,l,s)}}else if(n.includes("hsv")){const t=n.replace(/hsva|hsv|\(|\)/gm,"").split(/\s|,/g).filter(r=>r!=="").map((r,l)=>l>2?Number.parseFloat(r):Number.parseInt(r,10));t.length===4?this._alpha=Number.parseFloat(t[3])*100:t.length===3&&(this._alpha=100),t.length>=3&&o(t[0],t[1],t[2])}else if(n.includes("rgb")){const t=n.replace(/rgba|rgb|\(|\)/gm,"").split(/\s|,/g).filter(r=>r!=="").map((r,l)=>l>2?Number.parseFloat(r):Number.parseInt(r,10));if(t.length===4?this._alpha=Number.parseFloat(t[3])*100:t.length===3&&(this._alpha=100),t.length>=3){const{h:r,s:l,v:s}=Z(t[0],t[1],t[2]);o(r,l,s)}}else if(n.includes("#")){const t=n.replace("#","").trim();if(!/^[0-9a-fA-F]{3}$|^[0-9a-fA-F]{6}$|^[0-9a-fA-F]{8}$/.test(t))return;let r,l,s;t.length===3?(r=y(t[0]+t[0]),l=y(t[1]+t[1]),s=y(t[2]+t[2])):(t.length===6||t.length===8)&&(r=y(t.slice(0,2)),l=y(t.slice(2,4)),s=y(t.slice(4,6))),t.length===8?this._alpha=y(t.slice(6))/255*100:(t.length===3||t.length===6)&&(this._alpha=100);const{h:u,s:i,v:d}=Z(r,l,s);o(u,i,d)}}compare(n){return Math.abs(n._hue-this._hue)<2&&Math.abs(n._saturation-this._saturation)<1&&Math.abs(n._value-this._value)<1&&Math.abs(n._alpha-this._alpha)<1}doOnChange(){const{_hue:n,_saturation:o,_value:t,_alpha:r,format:l}=this;if(this.enableAlpha)switch(l){case"hsl":{const s=j(n,o/100,t/100);this.value=`hsla(${n}, ${Math.round(s[1]*100)}%, ${Math.round(s[2]*100)}%, ${this.get("alpha")/100})`;break}case"hsv":{this.value=`hsva(${n}, ${Math.round(o)}%, ${Math.round(t)}%, ${this.get("alpha")/100})`;break}case"hex":{this.value=`${G(A(n,o,t))}${L(r*255/100)}`;break}default:{const{r:s,g:u,b:i}=A(n,o,t);this.value=`rgba(${s}, ${u}, ${i}, ${this.get("alpha")/100})`}}else switch(l){case"hsl":{const s=j(n,o/100,t/100);this.value=`hsl(${n}, ${Math.round(s[1]*100)}%, ${Math.round(s[2]*100)}%)`;break}case"hsv":{this.value=`hsv(${n}, ${Math.round(o)}%, ${Math.round(t)}%)`;break}case"rgb":{const{r:s,g:u,b:i}=A(n,o,t);this.value=`rgb(${s}, ${u}, ${i})`;break}default:this.value=G(A(n,o,t))}}}const $e=e.defineComponent({props:{colors:{type:Array,required:!0},color:{type:Object,required:!0},enableAlpha:{type:Boolean,required:!0}},setup(a){const n=e.useNamespace("color-predefine"),{currentColor:o}=e.inject(J),t=e.ref(l(a.colors,a.color));e.watch(()=>o.value,s=>{const u=new P;u.fromString(s),t.value.forEach(i=>{i.selected=u.compare(i)})}),e.watchEffect(()=>{t.value=l(a.colors,a.color)});function r(s){a.color.fromString(a.colors[s])}function l(s,u){return s.map(i=>{const d=new P;return d.enableAlpha=a.enableAlpha,d.format="rgba",d.fromString(i),d.selected=d.value===u.value,d})}return{rgbaColors:t,handleSelect:r,ns:n}}});function ye(a,n,o,t,r,l){return e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(a.ns.b())},[e.createBaseVNode("div",{class:e.normalizeClass(a.ns.e("colors"))},[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(a.rgbaColors,(s,u)=>(e.openBlock(),e.createElementBlock("div",{key:a.colors[u],class:e.normalizeClass([a.ns.e("color-selector"),a.ns.is("alpha",s._alpha<100),{selected:s.selected}]),onClick:i=>a.handleSelect(u)},[e.createBaseVNode("div",{style:e.normalizeStyle({backgroundColor:s.value})},null,4)],10,["onClick"]))),128))],2)],2)}var Me=e._export_sfc$1($e,[["render",ye],["__file","predefine.vue"]]);const Ve=e.defineComponent({name:"ElSlPanel",props:{color:{type:Object,required:!0}},setup(a){const n=e.useNamespace("color-svpanel"),o=e.getCurrentInstance(),t=e.ref(0),r=e.ref(0),l=e.ref("hsl(0, 100%, 50%)"),s=e.computed(()=>{const d=a.color.get("hue"),k=a.color.get("value");return{hue:d,value:k}});function u(){const d=a.color.get("saturation"),k=a.color.get("value"),h=o.vnode.el,{clientWidth:p,clientHeight:f}=h;r.value=d*p/100,t.value=(100-k)*f/100,l.value=`hsl(${a.color.get("hue")}, 100%, 50%)`}function i(d){const h=o.vnode.el.getBoundingClientRect(),{clientX:p,clientY:f}=e.getClientXY(d);let m=p-h.left,v=f-h.top;m=Math.max(0,m),m=Math.min(m,h.width),v=Math.max(0,v),v=Math.min(v,h.height),r.value=m,t.value=v,a.color.set({saturation:m/h.width*100,value:100-v/h.height*100})}return e.watch(()=>s.value,()=>{u()}),e.onMounted(()=>{F(o.vnode.el,{drag:d=>{i(d)},end:d=>{i(d)}}),u()}),{cursorTop:t,cursorLeft:r,background:l,colorValue:s,handleDrag:i,update:u,ns:n}}});function Be(a,n,o,t,r,l){return e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(a.ns.b()),style:e.normalizeStyle({backgroundColor:a.background})},[e.createBaseVNode("div",{class:e.normalizeClass(a.ns.e("white"))},null,2),e.createBaseVNode("div",{class:e.normalizeClass(a.ns.e("black"))},null,2),e.createBaseVNode("div",{class:e.normalizeClass(a.ns.e("cursor")),style:e.normalizeStyle({top:a.cursorTop+"px",left:a.cursorLeft+"px"})},[e.createBaseVNode("div")],6)],6)}var Se=e._export_sfc$1(Ve,[["render",Be],["__file","sv-panel.vue"]]);const Te=e.defineComponent({name:"ElColorPicker"}),ze=e.defineComponent({...Te,props:ke,emits:_e,setup(a,{expose:n,emit:o}){const t=a,{t:r}=e.useLocale(),l=e.useNamespace("color"),{formItem:s}=e.useFormItem(),u=e.useFormSize(),i=e.useFormDisabled(),{inputId:d,isLabeledByFormItem:k}=e.useFormItemInputId(t,{formItemContext:s}),h=e.ref(),p=e.ref(),f=e.ref(),m=e.ref(),v=e.ref(),b=e.ref(),{isFocused:$,handleFocus:_,handleBlur:g}=e.useFocusController(v,{beforeFocus(){return i.value},beforeBlur(c){var w;return(w=m.value)==null?void 0:w.isFocusInsideContent(c)},afterBlur(){T(!1),z()}});let M=!0;const C=e.reactive(new P({enableAlpha:t.showAlpha,format:t.colorFormat||"",value:t.modelValue})),B=e.ref(!1),E=e.ref(!1),S=e.ref(""),Q=e.computed(()=>!t.modelValue&&!E.value?"transparent":ne(C,t.showAlpha)),O=e.computed(()=>!t.modelValue&&!E.value?"":C.value),ee=e.computed(()=>k.value?void 0:t.ariaLabel||r("el.colorpicker.defaultLabel")),te=e.computed(()=>k.value?s==null?void 0:s.labelId:void 0),ae=e.computed(()=>[l.b("picker"),l.is("disabled",i.value),l.bm("picker",u.value),l.is("focused",$.value)]);function ne(c,w){if(!(c instanceof P))throw new TypeError("color should be instance of _color Class");const{r:N,g:q,b:X}=c.toRgb();return w?`rgba(${N}, ${q}, ${X}, ${c.get("alpha")/100})`:`rgb(${N}, ${q}, ${X})`}function T(c){B.value=c}const D=e.debounce$1(T,100,{leading:!0});function K(){i.value||T(!0)}function W(){D(!1),z()}function z(){e.nextTick(()=>{t.modelValue?C.fromString(t.modelValue):(C.value="",e.nextTick(()=>{E.value=!1}))})}function oe(){i.value||D(!B.value)}function R(){C.fromString(S.value)}function le(){const c=C.value;o(e.UPDATE_MODEL_EVENT,c),o("change",c),t.validateEvent&&(s==null||s.validate("change").catch(w=>e.debugWarn(w))),D(!1),e.nextTick(()=>{const w=new P({enableAlpha:t.showAlpha,format:t.colorFormat||"",value:t.modelValue});C.compare(w)||z()})}function re(){D(!1),o(e.UPDATE_MODEL_EVENT,null),o("change",null),t.modelValue!==null&&t.validateEvent&&(s==null||s.validate("change").catch(c=>e.debugWarn(c))),z()}function se(){B.value&&(W(),$.value&&x())}function U(c){c.preventDefault(),c.stopPropagation(),T(!1),z()}function ce(c){switch(c.code){case e.EVENT_CODE.enter:case e.EVENT_CODE.space:c.preventDefault(),c.stopPropagation(),K(),b.value.focus();break;case e.EVENT_CODE.esc:U(c);break}}function x(){v.value.focus()}function ie(){v.value.blur()}return e.onMounted(()=>{t.modelValue&&(S.value=O.value)}),e.watch(()=>t.modelValue,c=>{c?c&&c!==C.value&&(M=!1,C.fromString(c)):E.value=!1}),e.watch(()=>[t.colorFormat,t.showAlpha],()=>{C.enableAlpha=t.showAlpha,C.format=t.colorFormat||C.format,C.doOnChange(),o(e.UPDATE_MODEL_EVENT,C.value)}),e.watch(()=>O.value,c=>{S.value=c,M&&o("activeChange",c),M=!0}),e.watch(()=>C.value,()=>{!t.modelValue&&!E.value&&(E.value=!0)}),e.watch(()=>B.value,()=>{e.nextTick(()=>{var c,w,N;(c=h.value)==null||c.update(),(w=p.value)==null||w.update(),(N=f.value)==null||N.update()})}),e.provide(J,{currentColor:O}),n({color:C,show:K,hide:W,focus:x,blur:ie}),(c,w)=>(e.openBlock(),e.createBlock(e.unref(e.ElTooltip),{ref_key:"popper",ref:m,visible:B.value,"show-arrow":!1,"fallback-placements":["bottom","top","right","left"],offset:0,"gpu-acceleration":!1,"popper-class":[e.unref(l).be("picker","panel"),e.unref(l).b("dropdown"),c.popperClass],"stop-popper-mouse-event":!1,effect:"light",trigger:"click",teleported:c.teleported,transition:`${e.unref(l).namespace.value}-zoom-in-top`,persistent:"",onHide:N=>T(!1)},{content:e.withCtx(()=>[e.withDirectives((e.openBlock(),e.createElementBlock("div",{onKeydown:e.withKeys(U,["esc"])},[e.createBaseVNode("div",{class:e.normalizeClass(e.unref(l).be("dropdown","main-wrapper"))},[e.createVNode(Ce,{ref_key:"hue",ref:h,class:"hue-slider",color:e.unref(C),vertical:""},null,8,["color"]),e.createVNode(Se,{ref_key:"sv",ref:p,color:e.unref(C)},null,8,["color"])],2),c.showAlpha?(e.openBlock(),e.createBlock(ve,{key:0,ref_key:"alpha",ref:f,color:e.unref(C)},null,8,["color"])):e.createCommentVNode("v-if",!0),c.predefine?(e.openBlock(),e.createBlock(Me,{key:1,ref:"predefine","enable-alpha":c.showAlpha,color:e.unref(C),colors:c.predefine},null,8,["enable-alpha","color","colors"])):e.createCommentVNode("v-if",!0),e.createBaseVNode("div",{class:e.normalizeClass(e.unref(l).be("dropdown","btns"))},[e.createBaseVNode("span",{class:e.normalizeClass(e.unref(l).be("dropdown","value"))},[e.createVNode(e.unref(e.ElInput),{ref_key:"inputRef",ref:b,modelValue:S.value,"onUpdate:modelValue":N=>S.value=N,"validate-event":!1,size:"small",onKeyup:e.withKeys(R,["enter"]),onBlur:R},null,8,["modelValue","onUpdate:modelValue","onKeyup"])],2),e.createVNode(e.unref(e.ElButton),{class:e.normalizeClass(e.unref(l).be("dropdown","link-btn")),text:"",size:"small",onClick:re},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(e.unref(r)("el.colorpicker.clear")),1)]),_:1},8,["class"]),e.createVNode(e.unref(e.ElButton),{plain:"",size:"small",class:e.normalizeClass(e.unref(l).be("dropdown","btn")),onClick:le},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(e.unref(r)("el.colorpicker.confirm")),1)]),_:1},8,["class"])],2)],40,["onKeydown"])),[[e.unref(e.ClickOutside),se]])]),default:e.withCtx(()=>[e.createBaseVNode("div",e.mergeProps({id:e.unref(d),ref_key:"triggerRef",ref:v},c.$attrs,{class:e.unref(ae),role:"button","aria-label":e.unref(ee),"aria-labelledby":e.unref(te),"aria-description":e.unref(r)("el.colorpicker.description",{color:c.modelValue||""}),"aria-disabled":e.unref(i),tabindex:e.unref(i)?-1:c.tabindex,onKeydown:ce,onFocus:e.unref(_),onBlur:e.unref(g)}),[e.unref(i)?(e.openBlock(),e.createElementBlock("div",{key:0,class:e.normalizeClass(e.unref(l).be("picker","mask"))},null,2)):e.createCommentVNode("v-if",!0),e.createBaseVNode("div",{class:e.normalizeClass(e.unref(l).be("picker","trigger")),onClick:oe},[e.createBaseVNode("span",{class:e.normalizeClass([e.unref(l).be("picker","color"),e.unref(l).is("alpha",c.showAlpha)])},[e.createBaseVNode("span",{class:e.normalizeClass(e.unref(l).be("picker","color-inner")),style:e.normalizeStyle({backgroundColor:e.unref(Q)})},[e.withDirectives(e.createVNode(e.unref(e.ElIcon),{class:e.normalizeClass([e.unref(l).be("picker","icon"),e.unref(l).is("icon-arrow-down")])},{default:e.withCtx(()=>[e.createVNode(e.unref(e.arrow_down_default))]),_:1},8,["class"]),[[e.vShow,c.modelValue||E.value]]),e.withDirectives(e.createVNode(e.unref(e.ElIcon),{class:e.normalizeClass([e.unref(l).be("picker","empty"),e.unref(l).is("icon-close")])},{default:e.withCtx(()=>[e.createVNode(e.unref(e.close_default))]),_:1},8,["class"]),[[e.vShow,!c.modelValue&&!E.value]])],6)],2)],2)],16,["id","aria-label","aria-labelledby","aria-description","aria-disabled","tabindex","onFocus","onBlur"])]),_:1},8,["visible","popper-class","teleported","transition","onHide"]))}});var Ae=e._export_sfc$1(ze,[["__file","color-picker.vue"]]);const Pe=e.withInstall(Ae);exports.ElColorPicker=Pe;
|