@cldemo/ui-kit 1.1.1 → 1.1.3

package/buildLibs/utils/Mobile/ClCropperM.cjs

@@ -1 +1 @@
-"use strict";var Q=Object.create;var N=Object.defineProperty;var Y=Object.getOwnPropertyDescriptor;var Z=Object.getOwnPropertyNames;var D=Object.getPrototypeOf,ee=Object.prototype.hasOwnProperty;var te=(r,c,m,h)=>{if(c&&typeof c=="object"||typeof c=="function")for(let o of Z(c))!ee.call(r,o)&&o!==m&&N(r,o,{get:()=>c[o],enumerable:!(h=Y(c,o))||h.enumerable});return r};var ne=(r,c,m)=>(m=r!=null?Q(D(r)):{},te(c||!r||!r.__esModule?N(m,"default",{value:r,enumerable:!0}):m,r));const e=require("vue"),oe=require("../Shared/log-C2ZbqiAV.js"),g=require("../Shared/base-DbuX_Y3x.js"),re=require("../Shared/index-rFJmbgyH.js"),ie=require("../Shared/resize-Ds0ycOGI.js"),ae=require("../Shared/Index.vue_vue_type_script_setup_true_lang-WePMnXeI.js"),d=require("../Shared/Index.vue_vue_type_script_setup_true_lang-B4dpfPSy.js"),se=require("../Shared/Index.vue_vue_type_script_setup_true_lang-Cb49VSDS.js"),le=["id"],ce={class:"imgCropperM-container"},pe={key:0,class:"imgCropperM-upload"},de=["id","name"],me=["for"],ue={class:"frame-alignline"},ge={key:0,class:"imgCropperM-loading-mask"},he={class:"imgCropperM-btns"},fe={class:"imgCropperM-btns-row"},ve={key:0,class:"imgCropperM-btns-save"},we={class:"panel-cropperM-preview"},Ce={class:"cropperM-preview-body"},Me=["src"],_e={key:1,class:"cropperM-preview-empty"},I=320,Ee=480,ye=e.defineComponent({name:"ClCropperM",__name:"Index",props:{id:String,className:String,src:{type:String,required:!0},width:{type:Number,required:!0},height:{type:Number,required:!0},isCenterBox:{type:Boolean,default:!1},isShowUpload:{type:Boolean,default:!0},isShowSave:{type:Boolean,default:!0},isShowPreview:{type:Boolean,default:!0},previewTeleportTarget:{type:String,default:""},previewShape:{type:String,default:"square"},fillColor:{type:String,default:"transparent"},alignLine:{type:String,default:"center"}},emits:{onSubmit:r=>!0,onImgLoad:r=>!0,onRealTime:r=>!0},setup(r,{expose:c,emit:m}){const h=e.defineAsyncComponent(()=>import("cropper-next-vue").then(n=>(Promise.resolve().then(()=>require("../Shared/index-D9JJT56J.js")),n.VueCropper))),o=r,f=m,V=o.id||`cropperM-${g.CommonBase.getRandom(8)}`,s=e.useTemplateRef("refElCropper"),v=e.useTemplateRef("refElMain"),C=e.ref(!1),l=e.reactive({uploadAgainId:`btnImgCropperM_uploadAgain_${g.CommonBase.getRandom(8)}`,isInitImageLoading:!1}),M=e.ref(!1),a=e.reactive({url:"",w:0,h:0,imgStyle:{}}),u=e.reactive({img:"",wrapper:{width:300,height:300},cropLayout:{width:o.width,height:o.height},color:o.fillColor,outputSize:1,outputType:"png",full:!0,original:!1,maxSideLength:3e3,mode:"contain",centerBox:o.isCenterBox,centerWrapper:!1}),w=e.ref(!0),x=e.computed(()=>{const{alignLine:n}=o;return g.CommonBase.isNonEmptyString(n)?n.split(","):[]}),L=e.computed(()=>{const n={"panel-cropper-m":!0};return g.CommonBase.getJsonMerge(n,re.CommonElement.getClassNameJson(o.className))}),B=e.computed(()=>o.previewShape==="round"),R=e.computed(()=>{const n=Math.max(1,a.w||o.width),t=Math.max(1,a.h||o.height),i=Math.min(1,I/Math.max(n,t));if(B.value){const p=Math.round(Math.max(n,t)*i);return{width:`${p}px`,height:`${p}px`}}return{width:`${Math.round(n*i)}px`,height:`${Math.round(t*i)}px`}}),P=e.computed(()=>{const n=Math.max(1,a.w||o.width),t=Math.max(1,a.h||o.height),i=Math.min(1,I/Math.max(n,t));return{width:`${Math.round(n)}px`,height:`${Math.round(t)}px`,transform:`scale(${i})`,transformOrigin:"0 0"}}),b=()=>{u.cropLayout={width:Math.max(1,o.width??1),height:Math.max(1,o.height??1)}},_=()=>{const n=v.value;if(!n)return;const t=n.clientWidth||300,i=Math.max(1,o.width??1),p=Math.max(1,o.height??1),k=Math.min(Math.round(t*p/i),Ee);u.wrapper={width:t,height:k}},S=()=>{const{src:n}=o;let t="";if(g.CommonBase.isNonEmptyString(n)){if(n.substring(0,5)!=="data:")if(/^(http|https):\/\/[^\s]+$/.test(n)){const i=`_t=${new Date().getTime()}`,p=n.indexOf("?")===-1?"?":"&";t=n+p+i}else t=n;else t=n;l.isInitImageLoading=!0}else l.isInitImageLoading=!1;u.img=t},T=()=>{b(),S()};let E=null;e.onMounted(()=>{e.nextTick(()=>{w.value&&(T(),_(),v.value&&(E=new ie.Resize({element:v.value,isDelay:!1,callback:()=>{_()}})))})}),e.onBeforeUnmount(()=>{w.value=!1,E?.destroy(),E=null}),e.watch(()=>o.src,(n,t)=>{n!==t&&S()}),e.watch(()=>[o.width,o.height,o.fillColor,o.isCenterBox],([n,t,i,p],[k,J,X,K])=>{(n!==k||t!==J)&&(b(),_()),i!==X&&(u.color=i),p!==K&&(u.centerBox=p)});const q=n=>{if(!n){l.isInitImageLoading=!1,f("onImgLoad",!1);return}const t=n.type==="success";l.isInitImageLoading=!1,f("onImgLoad",t)},z=n=>{n&&(a.url=n.url||"",a.w=n.w||0,a.h=n.h||0,a.imgStyle=n.img?{width:n.img.width,height:n.img.height,transform:n.img.transform}:{},f("onRealTime",{url:a.url,w:a.w,h:a.h,imgStyle:a.imgStyle}))},$=()=>{M.value=!0},A=n=>{const t=n.currentTarget;!t||!t.files||t.files.length===0||(l.isInitImageLoading=!0,g.CommonBase.getBase64ByFile(t.files).then(i=>{if(w.value){if(!i){l.isInitImageLoading=!1;return}u.img=i}}).catch(()=>{w.value&&(l.isInitImageLoading=!1)}))},F=()=>{},O=()=>{s.value?.zoomIn(.02)},G=()=>{s.value?.zoomOut(.02)},j=()=>{s.value?.rotateLeft()},U=()=>{s.value?.rotateRight()},W=()=>{s.value&&(l.isInitImageLoading=!0,s.value.reload())},y=(n,t)=>{f("onSubmit",{success:!t,data:n,msg:t})},H=()=>{if(!s.value){y("","vue-cropper 实例未就绪");return}s.value.getCropData("base64").then(n=>{y(n,"")}).catch(n=>{const t=g.CommonBase.isString(n)?n:n?.message||"保存失败";y("",t)})};return c({getImageBase64:()=>s.value?s.value.getCropData("base64"):Promise.reject(new Error("vue-cropper 实例未就绪")),refresh:()=>{if(!s.value){oe.clLog.warn("ClCropperM","refresh 调用无效：vue-cropper 实例未就绪");return}s.value.reload()},loadingStart:()=>{C.value=!0},loadingStop:()=>{C.value=!1}}),(n,t)=>(e.openBlock(),e.createElementBlock("div",{id:e.unref(V),class:e.normalizeClass(L.value)},[e.createElementVNode("div",ce,[r.isShowUpload?(e.openBlock(),e.createElementBlock("div",pe,[e.createElementVNode("input",{type:"file",id:l.uploadAgainId,name:l.uploadAgainId,accept:"image/jpg,image/jpeg,image/pjpeg,image/png,image/x-png",onChange:A},null,40,de),e.createElementVNode("label",{for:l.uploadAgainId},[e.createElementVNode("span",{class:"imgCropperM-upload-box","aria-label":"上传图片",role:"button",tabindex:"0",onClick:e.withModifiers(F,["stop"])},[e.createVNode(d._sfc_main,{name:"upload"}),t[1]||(t[1]=e.createElementVNode("span",{class:"imgCropperM-upload-text"},"上传图片",-1))])],8,me)])):(e.openBlock(),e.createElementBlock(e.Fragment,{key:1},[],64)),e.createElementVNode("div",{ref_key:"refElMain",ref:v,class:"imgCropperM-main"},[e.createVNode(e.unref(h),e.mergeProps({ref_key:"refElCropper",ref:s},u,{onRealTime:z,onImgLoad:q}),{loading:e.withCtx(()=>[...t[2]||(t[2]=[])]),_:1},16),e.createElementVNode("div",ue,[x.value.indexOf("center")>-1?(e.openBlock(),e.createElementBlock(e.Fragment,{key:0},[t[3]||(t[3]=e.createElementVNode("div",{class:"alignline-h alignline-center-h"},null,-1)),t[4]||(t[4]=e.createElementVNode("div",{class:"alignline-v alignline-center-v"},null,-1))],64)):x.value.indexOf("nineGrid")>-1?(e.openBlock(),e.createElementBlock(e.Fragment,{key:1},[t[5]||(t[5]=e.createElementVNode("div",{class:"alignline-h alignline-nineGrid-h1"},null,-1)),t[6]||(t[6]=e.createElementVNode("div",{class:"alignline-h alignline-nineGrid-h2"},null,-1)),t[7]||(t[7]=e.createElementVNode("div",{class:"alignline-v alignline-nineGrid-v1"},null,-1)),t[8]||(t[8]=e.createElementVNode("div",{class:"alignline-v alignline-nineGrid-v2"},null,-1))],64)):(e.openBlock(),e.createElementBlock(e.Fragment,{key:2},[],64))]),C.value||l.isInitImageLoading?(e.openBlock(),e.createElementBlock("div",ge,[e.createVNode(ae._sfc_main,{theme:"circleSpinner",size:"large"})])):(e.openBlock(),e.createElementBlock(e.Fragment,{key:1},[],64))],512),e.createElementVNode("div",he,[e.createElementVNode("div",fe,[e.createElementVNode("span",{class:"imgCropperM-btn","aria-label":"放大",role:"button",tabindex:"0",onClick:e.withModifiers(O,["stop"])},[e.createVNode(d._sfc_main,{name:"search-plus"})]),e.createElementVNode("span",{class:"imgCropperM-btn","aria-label":"缩小",role:"button",tabindex:"0",onClick:e.withModifiers(G,["stop"])},[e.createVNode(d._sfc_main,{name:"search-minus"})]),e.createElementVNode("span",{class:"imgCropperM-btn","aria-label":"左转90度",role:"button",tabindex:"0",onClick:e.withModifiers(j,["stop"])},[e.createVNode(d._sfc_main,{name:"rotate-left"})]),e.createElementVNode("span",{class:"imgCropperM-btn","aria-label":"右转90度",role:"button",tabindex:"0",onClick:e.withModifiers(U,["stop"])},[e.createVNode(d._sfc_main,{name:"rotate-right"})]),e.createElementVNode("span",{class:"imgCropperM-btn","aria-label":"重置",role:"button",tabindex:"0",onClick:e.withModifiers(W,["stop"])},[e.createVNode(d._sfc_main,{name:"restore"})]),r.isShowPreview?(e.openBlock(),e.createElementBlock("span",{key:0,class:"imgCropperM-btn","aria-label":"预览",role:"button",tabindex:"0",onClick:e.withModifiers($,["stop"])},[e.createVNode(d._sfc_main,{name:"tupianyulan"})])):(e.openBlock(),e.createElementBlock(e.Fragment,{key:1},[],64))]),r.isShowSave?(e.openBlock(),e.createElementBlock("div",ve,[e.createElementVNode("span",{class:"imgCropperM-btn-save","aria-label":"保存",role:"button",tabindex:"0",onClick:e.withModifiers(H,["stop"])},[e.createVNode(d._sfc_main,{name:"save"}),t[9]||(t[9]=e.createElementVNode("span",{class:"imgCropperM-btn-save-text"},"保存",-1))])])):(e.openBlock(),e.createElementBlock(e.Fragment,{key:1},[],64))])]),e.createVNode(se._sfc_main,{show:M.value,"onUpdate:show":t[0]||(t[0]=i=>M.value=i),position:"bottom",isRound:"",isSafeAreaInsetBottom:"",isCloseOnClickOverlay:!0,"teleport-target":r.previewTeleportTarget||void 0},{default:e.withCtx(()=>[e.createElementVNode("div",we,[t[10]||(t[10]=e.createElementVNode("div",{class:"cropperM-preview-head"},[e.createElementVNode("span",{class:"cropperM-preview-title"},"裁剪预览")],-1)),e.createElementVNode("div",Ce,[a.url?(e.openBlock(),e.createElementBlock("div",{key:0,class:e.normalizeClass(["cropperM-preview-box",{"is-round":B.value}]),style:e.normalizeStyle(R.value)},[e.createElementVNode("div",{class:"cropperM-preview-inner",style:e.normalizeStyle(P.value)},[e.createElementVNode("img",{src:a.url,style:e.normalizeStyle(a.imgStyle),alt:"裁剪预览"},null,12,Me)],4)],6)):(e.openBlock(),e.createElementBlock("div",_e,"暂无预览数据"))])])]),_:1},8,["show","teleport-target"])],10,le))}});module.exports=ye;
+"use strict";var Q=Object.create;var B=Object.defineProperty;var Y=Object.getOwnPropertyDescriptor;var Z=Object.getOwnPropertyNames;var D=Object.getPrototypeOf,ee=Object.prototype.hasOwnProperty;var te=(r,c,u,h)=>{if(c&&typeof c=="object"||typeof c=="function")for(let o of Z(c))!ee.call(r,o)&&o!==u&&B(r,o,{get:()=>c[o],enumerable:!(h=Y(c,o))||h.enumerable});return r};var ne=(r,c,u)=>(u=r!=null?Q(D(r)):{},te(c||!r||!r.__esModule?B(u,"default",{value:r,enumerable:!0}):u,r));const e=require("vue"),oe=require("@cldemo/ui-kit/common/log"),g=require("@cldemo/ui-kit/common/base"),re=require("@cldemo/ui-kit/common/Element"),ie=require("@cldemo/ui-kit/common/Element/Event"),ae=require("../Shared/Index.vue_vue_type_script_setup_true_lang-CZNVHUR1.js"),d=require("../Shared/Index.vue_vue_type_script_setup_true_lang-CFZ5jK-q.js"),le=require("../Shared/Index.vue_vue_type_script_setup_true_lang-PVhgdZj4.js"),se=["id"],ce={class:"imgCropperM-container"},pe={key:0,class:"imgCropperM-upload"},de=["id","name"],ue=["for"],me={class:"frame-alignline"},ge={key:0,class:"imgCropperM-loading-mask"},he={class:"imgCropperM-btns"},fe={class:"imgCropperM-btns-row"},ve={key:0,class:"imgCropperM-btns-save"},we={class:"panel-cropperM-preview"},Me={class:"cropperM-preview-body"},_e=["src"],Ce={key:1,class:"cropperM-preview-empty"},I=320,Ee=480,ye=e.defineComponent({name:"ClCropperM",__name:"Index",props:{id:String,className:String,src:{type:String,required:!0},width:{type:Number,required:!0},height:{type:Number,required:!0},isCenterBox:{type:Boolean,default:!1},isShowUpload:{type:Boolean,default:!0},isShowSave:{type:Boolean,default:!0},isShowPreview:{type:Boolean,default:!0},previewTeleportTarget:{type:String,default:""},previewShape:{type:String,default:"square"},fillColor:{type:String,default:"transparent"},alignLine:{type:String,default:"center"}},emits:{onSubmit:r=>!0,onImgLoad:r=>!0,onRealTime:r=>!0},setup(r,{expose:c,emit:u}){const h=e.defineAsyncComponent(()=>import("cropper-next-vue").then(n=>(Promise.resolve().then(()=>require("../Shared/index-BtNGYaQa.js")),n.VueCropper))),o=r,f=u,V=o.id||`cropperM-${g.getRandom(8)}`,l=e.useTemplateRef("refElCropper"),v=e.useTemplateRef("refElMain"),M=e.ref(!1),s=e.reactive({uploadAgainId:`btnImgCropperM_uploadAgain_${g.getRandom(8)}`,isInitImageLoading:!1}),_=e.ref(!1),a=e.reactive({url:"",w:0,h:0,imgStyle:{}}),m=e.reactive({img:"",wrapper:{width:300,height:300},cropLayout:{width:o.width,height:o.height},color:o.fillColor,outputSize:1,outputType:"png",full:!0,original:!1,maxSideLength:3e3,mode:"contain",centerBox:o.isCenterBox,centerWrapper:!1}),w=e.ref(!0),x=e.computed(()=>{const{alignLine:n}=o;return g.isNonEmptyString(n)?n.split(","):[]}),L=e.computed(()=>{const n={"panel-cropper-m":!0};return g.getJsonMerge(n,re.getClassNameJson(o.className))}),S=e.computed(()=>o.previewShape==="round"),R=e.computed(()=>{const n=Math.max(1,a.w||o.width),t=Math.max(1,a.h||o.height),i=Math.min(1,I/Math.max(n,t));if(S.value){const p=Math.round(Math.max(n,t)*i);return{width:`${p}px`,height:`${p}px`}}return{width:`${Math.round(n*i)}px`,height:`${Math.round(t*i)}px`}}),P=e.computed(()=>{const n=Math.max(1,a.w||o.width),t=Math.max(1,a.h||o.height),i=Math.min(1,I/Math.max(n,t));return{width:`${Math.round(n)}px`,height:`${Math.round(t)}px`,transform:`scale(${i})`,transformOrigin:"0 0"}}),b=()=>{m.cropLayout={width:Math.max(1,o.width??1),height:Math.max(1,o.height??1)}},C=()=>{const n=v.value;if(!n)return;const t=n.clientWidth||300,i=Math.max(1,o.width??1),p=Math.max(1,o.height??1),k=Math.min(Math.round(t*p/i),Ee);m.wrapper={width:t,height:k}},N=()=>{const{src:n}=o;let t="";if(g.isNonEmptyString(n)){if(n.substring(0,5)!=="data:")if(/^(http|https):\/\/[^\s]+$/.test(n)){const i=`_t=${new Date().getTime()}`,p=n.indexOf("?")===-1?"?":"&";t=n+p+i}else t=n;else t=n;s.isInitImageLoading=!0}else s.isInitImageLoading=!1;m.img=t},T=()=>{b(),N()};let E=null;e.onMounted(()=>{e.nextTick(()=>{w.value&&(T(),C(),v.value&&(E=new ie.Resize({element:v.value,isDelay:!1,callback:()=>{C()}})))})}),e.onBeforeUnmount(()=>{w.value=!1,E?.destroy(),E=null}),e.watch(()=>o.src,(n,t)=>{n!==t&&N()}),e.watch(()=>[o.width,o.height,o.fillColor,o.isCenterBox],([n,t,i,p],[k,J,X,K])=>{(n!==k||t!==J)&&(b(),C()),i!==X&&(m.color=i),p!==K&&(m.centerBox=p)});const q=n=>{if(!n){s.isInitImageLoading=!1,f("onImgLoad",!1);return}const t=n.type==="success";s.isInitImageLoading=!1,f("onImgLoad",t)},$=n=>{n&&(a.url=n.url||"",a.w=n.w||0,a.h=n.h||0,a.imgStyle=n.img?{width:n.img.width,height:n.img.height,transform:n.img.transform}:{},f("onRealTime",{url:a.url,w:a.w,h:a.h,imgStyle:a.imgStyle}))},z=()=>{_.value=!0},A=n=>{const t=n.currentTarget;!t||!t.files||t.files.length===0||(s.isInitImageLoading=!0,g.getBase64ByFile(t.files).then(i=>{if(w.value){if(!i){s.isInitImageLoading=!1;return}m.img=i}}).catch(()=>{w.value&&(s.isInitImageLoading=!1)}))},F=()=>{},O=()=>{l.value?.zoomIn(.02)},G=()=>{l.value?.zoomOut(.02)},j=()=>{l.value?.rotateLeft()},U=()=>{l.value?.rotateRight()},W=()=>{l.value&&(s.isInitImageLoading=!0,l.value.reload())},y=(n,t)=>{f("onSubmit",{success:!t,data:n,msg:t})},H=()=>{if(!l.value){y("","vue-cropper 实例未就绪");return}l.value.getCropData("base64").then(n=>{y(n,"")}).catch(n=>{const t=g.isString(n)?n:n?.message||"保存失败";y("",t)})};return c({getImageBase64:()=>l.value?l.value.getCropData("base64"):Promise.reject(new Error("vue-cropper 实例未就绪")),refresh:()=>{if(!l.value){oe.warn("ClCropperM","refresh 调用无效：vue-cropper 实例未就绪");return}l.value.reload()},loadingStart:()=>{M.value=!0},loadingStop:()=>{M.value=!1}}),(n,t)=>(e.openBlock(),e.createElementBlock("div",{id:e.unref(V),class:e.normalizeClass(L.value)},[e.createElementVNode("div",ce,[r.isShowUpload?(e.openBlock(),e.createElementBlock("div",pe,[e.createElementVNode("input",{type:"file",id:s.uploadAgainId,name:s.uploadAgainId,accept:"image/jpg,image/jpeg,image/pjpeg,image/png,image/x-png",onChange:A},null,40,de),e.createElementVNode("label",{for:s.uploadAgainId},[e.createElementVNode("span",{class:"imgCropperM-upload-box","aria-label":"上传图片",role:"button",tabindex:"0",onClick:e.withModifiers(F,["stop"])},[e.createVNode(d._sfc_main,{name:"upload"}),t[1]||(t[1]=e.createElementVNode("span",{class:"imgCropperM-upload-text"},"上传图片",-1))])],8,ue)])):(e.openBlock(),e.createElementBlock(e.Fragment,{key:1},[],64)),e.createElementVNode("div",{ref_key:"refElMain",ref:v,class:"imgCropperM-main"},[e.createVNode(e.unref(h),e.mergeProps({ref_key:"refElCropper",ref:l},m,{onRealTime:$,onImgLoad:q}),{loading:e.withCtx(()=>[...t[2]||(t[2]=[])]),_:1},16),e.createElementVNode("div",me,[x.value.indexOf("center")>-1?(e.openBlock(),e.createElementBlock(e.Fragment,{key:0},[t[3]||(t[3]=e.createElementVNode("div",{class:"alignline-h alignline-center-h"},null,-1)),t[4]||(t[4]=e.createElementVNode("div",{class:"alignline-v alignline-center-v"},null,-1))],64)):x.value.indexOf("nineGrid")>-1?(e.openBlock(),e.createElementBlock(e.Fragment,{key:1},[t[5]||(t[5]=e.createElementVNode("div",{class:"alignline-h alignline-nineGrid-h1"},null,-1)),t[6]||(t[6]=e.createElementVNode("div",{class:"alignline-h alignline-nineGrid-h2"},null,-1)),t[7]||(t[7]=e.createElementVNode("div",{class:"alignline-v alignline-nineGrid-v1"},null,-1)),t[8]||(t[8]=e.createElementVNode("div",{class:"alignline-v alignline-nineGrid-v2"},null,-1))],64)):(e.openBlock(),e.createElementBlock(e.Fragment,{key:2},[],64))]),M.value||s.isInitImageLoading?(e.openBlock(),e.createElementBlock("div",ge,[e.createVNode(ae._sfc_main,{theme:"circleSpinner",size:"large"})])):(e.openBlock(),e.createElementBlock(e.Fragment,{key:1},[],64))],512),e.createElementVNode("div",he,[e.createElementVNode("div",fe,[e.createElementVNode("span",{class:"imgCropperM-btn","aria-label":"放大",role:"button",tabindex:"0",onClick:e.withModifiers(O,["stop"])},[e.createVNode(d._sfc_main,{name:"search-plus"})]),e.createElementVNode("span",{class:"imgCropperM-btn","aria-label":"缩小",role:"button",tabindex:"0",onClick:e.withModifiers(G,["stop"])},[e.createVNode(d._sfc_main,{name:"search-minus"})]),e.createElementVNode("span",{class:"imgCropperM-btn","aria-label":"左转90度",role:"button",tabindex:"0",onClick:e.withModifiers(j,["stop"])},[e.createVNode(d._sfc_main,{name:"rotate-left"})]),e.createElementVNode("span",{class:"imgCropperM-btn","aria-label":"右转90度",role:"button",tabindex:"0",onClick:e.withModifiers(U,["stop"])},[e.createVNode(d._sfc_main,{name:"rotate-right"})]),e.createElementVNode("span",{class:"imgCropperM-btn","aria-label":"重置",role:"button",tabindex:"0",onClick:e.withModifiers(W,["stop"])},[e.createVNode(d._sfc_main,{name:"restore"})]),r.isShowPreview?(e.openBlock(),e.createElementBlock("span",{key:0,class:"imgCropperM-btn","aria-label":"预览",role:"button",tabindex:"0",onClick:e.withModifiers(z,["stop"])},[e.createVNode(d._sfc_main,{name:"tupianyulan"})])):(e.openBlock(),e.createElementBlock(e.Fragment,{key:1},[],64))]),r.isShowSave?(e.openBlock(),e.createElementBlock("div",ve,[e.createElementVNode("span",{class:"imgCropperM-btn-save","aria-label":"保存",role:"button",tabindex:"0",onClick:e.withModifiers(H,["stop"])},[e.createVNode(d._sfc_main,{name:"save"}),t[9]||(t[9]=e.createElementVNode("span",{class:"imgCropperM-btn-save-text"},"保存",-1))])])):(e.openBlock(),e.createElementBlock(e.Fragment,{key:1},[],64))])]),e.createVNode(le._sfc_main,{show:_.value,"onUpdate:show":t[0]||(t[0]=i=>_.value=i),position:"bottom",isRound:"",isSafeAreaInsetBottom:"",isCloseOnClickOverlay:!0,"teleport-target":r.previewTeleportTarget||void 0},{default:e.withCtx(()=>[e.createElementVNode("div",we,[t[10]||(t[10]=e.createElementVNode("div",{class:"cropperM-preview-head"},[e.createElementVNode("span",{class:"cropperM-preview-title"},"裁剪预览")],-1)),e.createElementVNode("div",Me,[a.url?(e.openBlock(),e.createElementBlock("div",{key:0,class:e.normalizeClass(["cropperM-preview-box",{"is-round":S.value}]),style:e.normalizeStyle(R.value)},[e.createElementVNode("div",{class:"cropperM-preview-inner",style:e.normalizeStyle(P.value)},[e.createElementVNode("img",{src:a.url,style:e.normalizeStyle(a.imgStyle),alt:"裁剪预览"},null,12,_e)],4)],6)):(e.openBlock(),e.createElementBlock("div",Ce,"暂无预览数据"))])])]),_:1},8,["show","teleport-target"])],10,se))}});module.exports=ye;

package/buildLibs/utils/Mobile/ClCropperM.d.ts

@@ -1 +1 @@
-export type { default } from '../../types/Mobile/CropperM/Index.vue.d.ts';
+export { default } from '../../types/Mobile/CropperM/Index.vue.d.ts';

package/buildLibs/utils/Mobile/ClCropperM.js

@@ -2,15 +2,15 @@ import '../../styles/Common/Token.css';
 import '../../styles/Common/IconFont-base.css';
 import '../../styles/Common/Load-base.css';
 import '../../styles/Mobile/ClCropperM.css';
-import { defineComponent as pe, defineAsyncComponent as ue, useTemplateRef as A, ref as L, reactive as B, computed as w, onMounted as de, nextTick as ce, onBeforeUnmount as me, watch as N, openBlock as a, createElementBlock as s, normalizeClass as z, unref as O, createElementVNode as n, withModifiers as m, createVNode as u, Fragment as f, mergeProps as ge, withCtx as G, normalizeStyle as R } from "vue";
-import { c as he } from "../Shared/log-BbLqiWNM.js";
-import { C as v } from "../Shared/base-fr2I80sU.js";
-import { C as fe } from "../Shared/index-B477PjJ3.js";
-import { R as ve } from "../Shared/resize-CyrJxi6F.js";
-import { _ as we } from "../Shared/Index.vue_vue_type_script_setup_true_lang-BppPP2_o.js";
-import { _ as g } from "../Shared/Index.vue_vue_type_script_setup_true_lang-afRTRRcb.js";
-import { _ as Ce } from "../Shared/Index.vue_vue_type_script_setup_true_lang-D3h6Q_pB.js";
-const Me = ["id"], ye = { class: "imgCropperM-container" }, be = {
+import { defineComponent as pe, defineAsyncComponent as ue, useTemplateRef as A, ref as L, reactive as B, computed as w, onMounted as de, nextTick as ce, onBeforeUnmount as me, watch as N, openBlock as a, createElementBlock as s, normalizeClass as z, unref as O, createElementVNode as n, withModifiers as m, createVNode as u, Fragment as f, mergeProps as ge, withCtx as G, normalizeStyle as E } from "vue";
+import he from "@cldemo/ui-kit/common/log";
+import v from "@cldemo/ui-kit/common/base";
+import fe from "@cldemo/ui-kit/common/Element";
+import { Resize as ve } from "@cldemo/ui-kit/common/Element/Event";
+import { _ as we } from "../Shared/Index.vue_vue_type_script_setup_true_lang-DROYOL5-.js";
+import { _ as g } from "../Shared/Index.vue_vue_type_script_setup_true_lang-C2LGy18j.js";
+import { _ as Me } from "../Shared/Index.vue_vue_type_script_setup_true_lang-b5gVNBt4.js";
+const Ce = ["id"], ye = { class: "imgCropperM-container" }, be = {
   key: 0,
   class: "imgCropperM-upload"
 }, Se = ["id", "name"], xe = ["for"], Ie = { class: "frame-alignline" }, _e = {
@@ -19,7 +19,7 @@ const Me = ["id"], ye = { class: "imgCropperM-container" }, be = {
 }, ke = { class: "imgCropperM-btns" }, Le = { class: "imgCropperM-btns-row" }, Be = {
   key: 0,
   class: "imgCropperM-btns-save"
-}, Re = { class: "panel-cropperM-preview" }, Ee = { class: "cropperM-preview-body" }, Pe = ["src"], $e = {
+}, Ee = { class: "panel-cropperM-preview" }, Re = { class: "cropperM-preview-body" }, Pe = ["src"], $e = {
   key: 1,
   class: "cropperM-preview-empty"
 }, F = 320, Te = 480, Je = /* @__PURE__ */ pe({
@@ -95,7 +95,7 @@ const Me = ["id"], ye = { class: "imgCropperM-container" }, be = {
     // desc: 实时裁切效果数据（拖拽/缩放/旋转时持续触发），调用方可自行渲染内嵌预览
   },
   setup(c, { expose: V, emit: j }) {
-    const q = ue(() => import("cropper-next-vue").then((t) => (Promise.resolve({                  }), t.VueCropper))), i = c, C = j, U = i.id || `cropperM-${v.getRandom(8)}`, l = A("refElCropper"), M = A("refElMain"), b = L(!1), p = B({
+    const q = ue(() => import("cropper-next-vue").then((t) => (Promise.resolve({                  }), t.VueCropper))), i = c, M = j, U = i.id || `cropperM-${v.getRandom(8)}`, l = A("refElCropper"), C = A("refElMain"), b = L(!1), p = B({
       uploadAgainId: `btnImgCropperM_uploadAgain_${v.getRandom(8)}`,
       isInitImageLoading: !1
     }), S = L(!1), r = B({
@@ -122,7 +122,7 @@ const Me = ["id"], ye = { class: "imgCropperM-container" }, be = {
       mode: "contain",
       centerBox: i.isCenterBox,
       centerWrapper: !1
-    }), y = L(!0), E = w(() => {
+    }), y = L(!0), R = w(() => {
       const { alignLine: t } = i;
       return v.isNonEmptyString(t) ? t.split(",") : [];
     }), W = w(() => {
@@ -157,7 +157,7 @@ const Me = ["id"], ye = { class: "imgCropperM-container" }, be = {
         height: Math.max(1, i.height ?? 1)
       };
     }, x = () => {
-      const t = M.value;
+      const t = C.value;
       if (!t) return;
       const e = t.clientWidth || 300, o = Math.max(1, i.width ?? 1), d = Math.max(1, i.height ?? 1), k = Math.min(Math.round(e * d / o), Te);
       h.wrapper = { width: e, height: k };
@@ -183,8 +183,8 @@ const Me = ["id"], ye = { class: "imgCropperM-container" }, be = {
     let I = null;
     de(() => {
       ce(() => {
-        y.value && (X(), x(), M.value && (I = new ve({
-          element: M.value,
+        y.value && (X(), x(), C.value && (I = new ve({
+          element: C.value,
           isDelay: !1,
           callback: () => {
             x();
@@ -206,17 +206,17 @@ const Me = ["id"], ye = { class: "imgCropperM-container" }, be = {
     );
     const K = (t) => {
       if (!t) {
-        p.isInitImageLoading = !1, C("onImgLoad", !1);
+        p.isInitImageLoading = !1, M("onImgLoad", !1);
         return;
       }
       const e = t.type === "success";
-      p.isInitImageLoading = !1, C("onImgLoad", e);
+      p.isInitImageLoading = !1, M("onImgLoad", e);
     }, Q = (t) => {
       t && (r.url = t.url || "", r.w = t.w || 0, r.h = t.h || 0, r.imgStyle = t.img ? {
         width: t.img.width,
         height: t.img.height,
         transform: t.img.transform
-      } : {}, C("onRealTime", {
+      } : {}, M("onRealTime", {
         url: r.url,
         w: r.w,
         h: r.h,
@@ -249,7 +249,7 @@ const Me = ["id"], ye = { class: "imgCropperM-container" }, be = {
     }, oe = () => {
       l.value && (p.isInitImageLoading = !0, l.value.reload());
     }, _ = (t, e) => {
-      C("onSubmit", { success: !e, data: t, msg: e });
+      M("onSubmit", { success: !e, data: t, msg: e });
     }, re = () => {
       if (!l.value) {
         _("", "vue-cropper 实例未就绪");
@@ -307,7 +307,7 @@ const Me = ["id"], ye = { class: "imgCropperM-container" }, be = {
         ])) : (a(), s(f, { key: 1 }, [], 64)),
         n("div", {
           ref_key: "refElMain",
-          ref: M,
+          ref: C,
           class: "imgCropperM-main"
         }, [
           u(O(q), ge({
@@ -321,10 +321,10 @@ const Me = ["id"], ye = { class: "imgCropperM-container" }, be = {
             _: 1
           }, 16),
           n("div", Ie, [
-            E.value.indexOf("center") > -1 ? (a(), s(f, { key: 0 }, [
+            R.value.indexOf("center") > -1 ? (a(), s(f, { key: 0 }, [
               e[3] || (e[3] = n("div", { class: "alignline-h alignline-center-h" }, null, -1)),
               e[4] || (e[4] = n("div", { class: "alignline-v alignline-center-v" }, null, -1))
-            ], 64)) : E.value.indexOf("nineGrid") > -1 ? (a(), s(f, { key: 1 }, [
+            ], 64)) : R.value.indexOf("nineGrid") > -1 ? (a(), s(f, { key: 1 }, [
               e[5] || (e[5] = n("div", { class: "alignline-h alignline-nineGrid-h1" }, null, -1)),
               e[6] || (e[6] = n("div", { class: "alignline-h alignline-nineGrid-h2" }, null, -1)),
               e[7] || (e[7] = n("div", { class: "alignline-v alignline-nineGrid-v1" }, null, -1)),
@@ -410,7 +410,7 @@ const Me = ["id"], ye = { class: "imgCropperM-container" }, be = {
           ])) : (a(), s(f, { key: 1 }, [], 64))
         ])
       ]),
-      u(Ce, {
+      u(Me, {
         show: S.value,
         "onUpdate:show": e[0] || (e[0] = (o) => S.value = o),
         position: "bottom",
@@ -420,23 +420,23 @@ const Me = ["id"], ye = { class: "imgCropperM-container" }, be = {
         "teleport-target": c.previewTeleportTarget || void 0
       }, {
         default: G(() => [
-          n("div", Re, [
+          n("div", Ee, [
             e[10] || (e[10] = n("div", { class: "cropperM-preview-head" }, [
               n("span", { class: "cropperM-preview-title" }, "裁剪预览")
             ], -1)),
-            n("div", Ee, [
+            n("div", Re, [
               r.url ? (a(), s("div", {
                 key: 0,
                 class: z(["cropperM-preview-box", { "is-round": P.value }]),
-                style: R(H.value)
+                style: E(H.value)
               }, [
                 n("div", {
                   class: "cropperM-preview-inner",
-                  style: R(J.value)
+                  style: E(J.value)
                 }, [
                   n("img", {
                     src: r.url,
-                    style: R(r.imgStyle),
+                    style: E(r.imgStyle),
                     alt: "裁剪预览"
                   }, null, 12, Pe)
                 ], 4)
@@ -446,7 +446,7 @@ const Me = ["id"], ye = { class: "imgCropperM-container" }, be = {
         ]),
         _: 1
       }, 8, ["show", "teleport-target"])
-    ], 10, Me));
+    ], 10, Ce));
   }
 });
 export {

package/buildLibs/utils/Mobile/ClDropdownMenuM.cjs

@@ -1 +1 @@
-"use strict";const t=require("vue"),c=require("../Shared/base-DbuX_Y3x.js"),$=require("../Shared/index-rFJmbgyH.js");;/* empty css                        */const q=["id"],F={class:"dropdownmenum-bar"},P=t.defineComponent({name:"ClDropdownMenuM",__name:"Index",props:{id:String,className:String,activeColor:{type:String,default:"var(--cl-primary, #1088f0)"},direction:{type:String,default:"down",validator:p=>["down","up"].includes(p)},zIndex:{type:Number,default:2e3},duration:{type:Number,default:200},isOverlay:{type:Boolean,default:!0},isCloseOnClickOverlay:{type:Boolean,default:!0},isCloseOnClickOutside:{type:Boolean,default:!0},teleportTarget:{type:String,default:""}},emits:["onOpen","onClose","onOpened","onClosed","onClickOverlay"],setup(p,{expose:L,emit:x}){const n=p,i=x,I=n.id,r=t.ref(-1);let k=0;const a=t.useTemplateRef("rootEl"),u=t.ref(!1),v=t.ref(!1),f=t.ref({top:0,left:0,width:0,bottom:0,baseTop:0,baseLeft:0,baseBottom:0}),C=t.computed(()=>n.direction==="up"?"up":"down"),h=t.computed(()=>n.activeColor),w=t.computed(()=>c.CommonBase.isFinite(n.duration)&&n.duration>0?n.duration:200),B=t.computed(()=>{const e=Number(n.zIndex);return c.CommonBase.isFinite(e)&&e>0?Math.round(e):2e3}),O=t.computed(()=>{const e=n.teleportTarget;return c.CommonBase.isNonEmptyString(e)&&/^[#.][A-Za-z_][\w-]*$/.test(e)?e:"body"}),E=t.computed(()=>n.teleportTarget==="self"),S=t.computed(()=>{const e={"panel-dropdown-menu-m":!0,"dropdownmenum--up":C.value==="up"};return c.CommonBase.getJsonMerge(e,$.CommonElement.getClassNameJson(n.className))}),N=t.computed(()=>{const e=f.value,o={zIndex:B.value-1,left:0,right:0,"--dropdownmenum-duration":`${w.value}ms`};return C.value==="up"?(o.top=0,o.bottom=`${e.baseBottom-e.top}px`):(o.top=`${e.bottom-e.baseTop}px`,o.bottom=0),o}),z=()=>{const e=n.teleportTarget;if(c.CommonBase.isNonEmptyString(e)&&e.charAt(0)==="#"){const o=document.querySelector(e);if(o instanceof HTMLElement){let l=o;for(;l&&l!==document.body;){if(window.getComputedStyle(l).transform!=="none"){const g=l.getBoundingClientRect();return{top:g.top,left:g.left,bottom:g.bottom}}l=l.parentElement}}}return{top:0,left:0,bottom:window.innerHeight}},b=()=>{if(!a.value)return;const e=a.value.getBoundingClientRect(),o=z();f.value={top:e.top,left:e.left,width:e.width,bottom:e.bottom,baseTop:o.top,baseLeft:o.left,baseBottom:o.bottom}},d=()=>{r.value!==-1&&b()},T=()=>{window.addEventListener("scroll",d,!0),window.addEventListener("resize",d)},y=()=>{window.removeEventListener("scroll",d,!0),window.removeEventListener("resize",d)},s=e=>{const o=r.value!==-1;r.value=e,e!==-1?o||i("onOpen"):o&&i("onClose")},A=()=>{i("onClickOverlay"),n.isCloseOnClickOverlay&&s(-1)},_=e=>{r.value===e?s(-1):s(e)},M=e=>{s(e)},D=()=>{const e=k;return k++,e};t.provide("$DropdownMenuMTop",{activeIndex:r,direction:C,activeColor:h,zIndex:B,duration:w,teleportTo:O,isTeleportDisabled:E,barPos:f,registerItem:D,toggleItem:_,setActiveIndex:M});const m=e=>{if(!n.isCloseOnClickOutside||r.value===-1)return;const o=e.target??null;o instanceof Element&&o.closest(".dropdownmenum-panel, .dropdownmenum-overlay")||a.value&&a.value.contains(o)||s(-1)};t.watch(r,e=>{e!==-1?(u.value=!0,b(),T(),t.nextTick(()=>{r.value!==-1&&n.isOverlay&&(v.value=!0)})):(v.value=!1,n.isOverlay||(u.value=!1),y())});const V=()=>{r.value===-1&&(u.value=!1),i("onClosed")};return t.onMounted(()=>{document.addEventListener("click",m)}),t.onActivated(()=>{document.addEventListener("click",m),r.value!==-1&&(b(),T())}),t.onDeactivated(()=>{document.removeEventListener("click",m),y()}),t.onBeforeUnmount(()=>{document.removeEventListener("click",m),y()}),L({toggle:e=>{_(e)},open:e=>{s(e)},close:()=>{s(-1)}}),(e,o)=>(t.openBlock(),t.createElementBlock("div",{ref_key:"rootEl",ref:a,id:t.unref(I),class:t.normalizeClass(S.value)},[t.createElementVNode("div",F,[t.renderSlot(e.$slots,"default")]),u.value?(t.openBlock(),t.createBlock(t.Teleport,{key:0,to:O.value,disabled:E.value},[t.createVNode(t.Transition,{name:"dropdownmenum-fade",duration:w.value,onAfterEnter:o[0]||(o[0]=l=>i("onOpened")),onAfterLeave:V},{default:t.withCtx(()=>[v.value?(t.openBlock(),t.createElementBlock("div",{key:0,class:"dropdownmenum-overlay",style:t.normalizeStyle(N.value),onClick:A},null,4)):t.createCommentVNode("",!0)]),_:1},8,["duration"])],8,["to","disabled"])):(t.openBlock(),t.createElementBlock(t.Fragment,{key:1},[],64))],10,q))}});module.exports=P;
+"use strict";const t=require("vue"),c=require("@cldemo/ui-kit/common/base"),$=require("@cldemo/ui-kit/common/Element");;/* empty css                        */const q=["id"],F={class:"dropdownmenum-bar"},P=t.defineComponent({name:"ClDropdownMenuM",__name:"Index",props:{id:String,className:String,activeColor:{type:String,default:"var(--cl-primary, #1088f0)"},direction:{type:String,default:"down",validator:m=>["down","up"].includes(m)},zIndex:{type:Number,default:2e3},duration:{type:Number,default:200},isOverlay:{type:Boolean,default:!0},isCloseOnClickOverlay:{type:Boolean,default:!0},isCloseOnClickOutside:{type:Boolean,default:!0},teleportTarget:{type:String,default:""}},emits:["onOpen","onClose","onOpened","onClosed","onClickOverlay"],setup(m,{expose:L,emit:x}){const n=m,i=x,I=n.id,r=t.ref(-1);let k=0;const a=t.useTemplateRef("rootEl"),u=t.ref(!1),v=t.ref(!1),f=t.ref({top:0,left:0,width:0,bottom:0,baseTop:0,baseLeft:0,baseBottom:0}),w=t.computed(()=>n.direction==="up"?"up":"down"),h=t.computed(()=>n.activeColor),y=t.computed(()=>c.isFinite(n.duration)&&n.duration>0?n.duration:200),O=t.computed(()=>{const e=Number(n.zIndex);return c.isFinite(e)&&e>0?Math.round(e):2e3}),E=t.computed(()=>{const e=n.teleportTarget;return c.isNonEmptyString(e)&&/^[#.][A-Za-z_][\w-]*$/.test(e)?e:"body"}),B=t.computed(()=>n.teleportTarget==="self"),S=t.computed(()=>{const e={"panel-dropdown-menu-m":!0,"dropdownmenum--up":w.value==="up"};return c.getJsonMerge(e,$.getClassNameJson(n.className))}),N=t.computed(()=>{const e=f.value,o={zIndex:O.value-1,left:0,right:0,"--dropdownmenum-duration":`${y.value}ms`};return w.value==="up"?(o.top=0,o.bottom=`${e.baseBottom-e.top}px`):(o.top=`${e.bottom-e.baseTop}px`,o.bottom=0),o}),z=()=>{const e=n.teleportTarget;if(c.isNonEmptyString(e)&&e.charAt(0)==="#"){const o=document.querySelector(e);if(o instanceof HTMLElement){let s=o;for(;s&&s!==document.body;){if(window.getComputedStyle(s).transform!=="none"){const C=s.getBoundingClientRect();return{top:C.top,left:C.left,bottom:C.bottom}}s=s.parentElement}}}return{top:0,left:0,bottom:window.innerHeight}},b=()=>{if(!a.value)return;const e=a.value.getBoundingClientRect(),o=z();f.value={top:e.top,left:e.left,width:e.width,bottom:e.bottom,baseTop:o.top,baseLeft:o.left,baseBottom:o.bottom}},d=()=>{r.value!==-1&&b()},T=()=>{window.addEventListener("scroll",d,!0),window.addEventListener("resize",d)},g=()=>{window.removeEventListener("scroll",d,!0),window.removeEventListener("resize",d)},l=e=>{const o=r.value!==-1;r.value=e,e!==-1?o||i("onOpen"):o&&i("onClose")},A=()=>{i("onClickOverlay"),n.isCloseOnClickOverlay&&l(-1)},_=e=>{r.value===e?l(-1):l(e)},M=e=>{l(e)},D=()=>{const e=k;return k++,e};t.provide("$DropdownMenuMTop",{activeIndex:r,direction:w,activeColor:h,zIndex:O,duration:y,teleportTo:E,isTeleportDisabled:B,barPos:f,registerItem:D,toggleItem:_,setActiveIndex:M});const p=e=>{if(!n.isCloseOnClickOutside||r.value===-1)return;const o=e.target??null;o instanceof Element&&o.closest(".dropdownmenum-panel, .dropdownmenum-overlay")||a.value&&a.value.contains(o)||l(-1)};t.watch(r,e=>{e!==-1?(u.value=!0,b(),T(),t.nextTick(()=>{r.value!==-1&&n.isOverlay&&(v.value=!0)})):(v.value=!1,n.isOverlay||(u.value=!1),g())});const V=()=>{r.value===-1&&(u.value=!1),i("onClosed")};return t.onMounted(()=>{document.addEventListener("click",p)}),t.onActivated(()=>{document.addEventListener("click",p),r.value!==-1&&(b(),T())}),t.onDeactivated(()=>{document.removeEventListener("click",p),g()}),t.onBeforeUnmount(()=>{document.removeEventListener("click",p),g()}),L({toggle:e=>{_(e)},open:e=>{l(e)},close:()=>{l(-1)}}),(e,o)=>(t.openBlock(),t.createElementBlock("div",{ref_key:"rootEl",ref:a,id:t.unref(I),class:t.normalizeClass(S.value)},[t.createElementVNode("div",F,[t.renderSlot(e.$slots,"default")]),u.value?(t.openBlock(),t.createBlock(t.Teleport,{key:0,to:E.value,disabled:B.value},[t.createVNode(t.Transition,{name:"dropdownmenum-fade",duration:y.value,onAfterEnter:o[0]||(o[0]=s=>i("onOpened")),onAfterLeave:V},{default:t.withCtx(()=>[v.value?(t.openBlock(),t.createElementBlock("div",{key:0,class:"dropdownmenum-overlay",style:t.normalizeStyle(N.value),onClick:A},null,4)):t.createCommentVNode("",!0)]),_:1},8,["duration"])],8,["to","disabled"])):(t.openBlock(),t.createElementBlock(t.Fragment,{key:1},[],64))],10,q))}});module.exports=P;

package/buildLibs/utils/Mobile/ClDropdownMenuM.d.ts

@@ -1 +1 @@
-export type { default } from '../../types/Mobile/DropdownMenuM/Index.vue.d.ts';
+export { default } from '../../types/Mobile/DropdownMenuM/Index.vue.d.ts';

package/buildLibs/utils/Mobile/ClDropdownMenuM.js

@@ -1,10 +1,10 @@
 import '../../styles/Common/Token.css';
 import '../../styles/Mobile/ClDropdownMenuM.css';
-import { defineComponent as F, ref as m, useTemplateRef as P, computed as r, provide as R, watch as q, nextTick as H, onMounted as J, onActivated as Z, onDeactivated as U, onBeforeUnmount as j, openBlock as v, createElementBlock as E, normalizeClass as G, unref as K, createElementVNode as Q, renderSlot as W, createBlock as X, Teleport as Y, createVNode as ee, Transition as te, withCtx as oe, normalizeStyle as ne, createCommentVNode as re, Fragment as se } from "vue";
-import { C as c } from "../Shared/base-fr2I80sU.js";
-import { C as le } from "../Shared/index-B477PjJ3.js";
+import { defineComponent as F, ref as m, useTemplateRef as P, computed as r, provide as R, watch as q, nextTick as H, onMounted as J, onActivated as Z, onDeactivated as U, onBeforeUnmount as j, openBlock as v, createElementBlock as E, normalizeClass as G, unref as K, createElementVNode as Q, renderSlot as W, createBlock as X, Teleport as Y, createVNode as ee, Transition as te, withCtx as oe, normalizeStyle as ne, createCommentVNode as re, Fragment as le } from "vue";
+import c from "@cldemo/ui-kit/common/base";
+import se from "@cldemo/ui-kit/common/Element";
 /* empty css                       */
-const ie = ["id"], ae = { class: "dropdownmenum-bar" }, be = /* @__PURE__ */ F({
+const ie = ["id"], ae = { class: "dropdownmenum-bar" }, ge = /* @__PURE__ */ F({
   name: "ClDropdownMenuM",
   __name: "Index",
   props: {
@@ -66,7 +66,7 @@ const ie = ["id"], ae = { class: "dropdownmenum-bar" }, be = /* @__PURE__ */ F({
       baseTop: 0,
       baseLeft: 0,
       baseBottom: 0
-    }), C = r(() => o.direction === "up" ? "up" : "down"), z = r(() => o.activeColor), b = r(
+    }), b = r(() => o.direction === "up" ? "up" : "down"), z = r(() => o.activeColor), g = r(
       () => c.isFinite(o.duration) && o.duration > 0 ? o.duration : 200
     ), _ = r(() => {
       const e = Number(o.zIndex);
@@ -77,34 +77,34 @@ const ie = ["id"], ae = { class: "dropdownmenum-bar" }, be = /* @__PURE__ */ F({
     }), I = r(() => o.teleportTarget === "self"), A = r(() => {
       const e = {
         "panel-dropdown-menu-m": !0,
-        "dropdownmenum--up": C.value === "up"
+        "dropdownmenum--up": b.value === "up"
       };
-      return c.getJsonMerge(e, le.getClassNameJson(o.className));
+      return c.getJsonMerge(e, se.getClassNameJson(o.className));
     }), M = r(() => {
       const e = y.value, t = {
         zIndex: _.value - 1,
         left: 0,
         right: 0,
-        "--dropdownmenum-duration": `${b.value}ms`
+        "--dropdownmenum-duration": `${g.value}ms`
       };
-      return C.value === "up" ? (t.top = 0, t.bottom = `${e.baseBottom - e.top}px`) : (t.top = `${e.bottom - e.baseTop}px`, t.bottom = 0), t;
+      return b.value === "up" ? (t.top = 0, t.bottom = `${e.baseBottom - e.top}px`) : (t.top = `${e.bottom - e.baseTop}px`, t.bottom = 0), t;
     }), D = () => {
       const e = o.teleportTarget;
       if (c.isNonEmptyString(e) && e.charAt(0) === "#") {
         const t = document.querySelector(e);
         if (t instanceof HTMLElement) {
-          let l = t;
-          for (; l && l !== document.body; ) {
-            if (window.getComputedStyle(l).transform !== "none") {
-              const k = l.getBoundingClientRect();
+          let s = t;
+          for (; s && s !== document.body; ) {
+            if (window.getComputedStyle(s).transform !== "none") {
+              const k = s.getBoundingClientRect();
               return { top: k.top, left: k.left, bottom: k.bottom };
             }
-            l = l.parentElement;
+            s = s.parentElement;
           }
         }
       }
       return { top: 0, left: 0, bottom: window.innerHeight };
-    }, g = () => {
+    }, C = () => {
       if (!a.value) return;
       const e = a.value.getBoundingClientRect(), t = D();
       y.value = {
@@ -117,25 +117,25 @@ const ie = ["id"], ae = { class: "dropdownmenum-bar" }, be = /* @__PURE__ */ F({
         baseBottom: t.bottom
       };
     }, u = () => {
-      n.value !== -1 && g();
+      n.value !== -1 && C();
     }, L = () => {
       window.addEventListener("scroll", u, !0), window.addEventListener("resize", u);
     }, O = () => {
       window.removeEventListener("scroll", u, !0), window.removeEventListener("resize", u);
-    }, s = (e) => {
+    }, l = (e) => {
       const t = n.value !== -1;
       n.value = e, e !== -1 ? t || i("onOpen") : t && i("onClose");
     }, V = () => {
-      i("onClickOverlay"), o.isCloseOnClickOverlay && s(-1);
+      i("onClickOverlay"), o.isCloseOnClickOverlay && l(-1);
     }, x = (e) => {
-      n.value === e ? s(-1) : s(e);
+      n.value === e ? l(-1) : l(e);
     };
     R("$DropdownMenuMTop", {
       activeIndex: n,
-      direction: C,
+      direction: b,
       activeColor: z,
       zIndex: _,
-      duration: b,
+      duration: g,
       teleportTo: B,
       isTeleportDisabled: I,
       barPos: y,
@@ -145,16 +145,16 @@ const ie = ["id"], ae = { class: "dropdownmenum-bar" }, be = /* @__PURE__ */ F({
       },
       toggleItem: x,
       setActiveIndex: (e) => {
-        s(e);
+        l(e);
       }
     });
     const p = (e) => {
       if (!o.isCloseOnClickOutside || n.value === -1) return;
       const t = e.target ?? null;
-      t instanceof Element && t.closest(".dropdownmenum-panel, .dropdownmenum-overlay") || a.value && a.value.contains(t) || s(-1);
+      t instanceof Element && t.closest(".dropdownmenum-panel, .dropdownmenum-overlay") || a.value && a.value.contains(t) || l(-1);
     };
     q(n, (e) => {
-      e !== -1 ? (d.value = !0, g(), L(), H(() => {
+      e !== -1 ? (d.value = !0, C(), L(), H(() => {
         n.value !== -1 && o.isOverlay && (w.value = !0);
       })) : (w.value = !1, o.isOverlay || (d.value = !1), O());
     });
@@ -164,7 +164,7 @@ const ie = ["id"], ae = { class: "dropdownmenum-bar" }, be = /* @__PURE__ */ F({
     return J(() => {
       document.addEventListener("click", p);
     }), Z(() => {
-      document.addEventListener("click", p), n.value !== -1 && (g(), L());
+      document.addEventListener("click", p), n.value !== -1 && (C(), L());
     }), U(() => {
       document.removeEventListener("click", p), O();
     }), j(() => {
@@ -174,10 +174,10 @@ const ie = ["id"], ae = { class: "dropdownmenum-bar" }, be = /* @__PURE__ */ F({
         x(e);
       },
       open: (e) => {
-        s(e);
+        l(e);
       },
       close: () => {
-        s(-1);
+        l(-1);
       }
     }), (e, t) => (v(), E("div", {
       ref_key: "rootEl",
@@ -195,8 +195,8 @@ const ie = ["id"], ae = { class: "dropdownmenum-bar" }, be = /* @__PURE__ */ F({
       }, [
         ee(te, {
           name: "dropdownmenum-fade",
-          duration: b.value,
-          onAfterEnter: t[0] || (t[0] = (l) => i("onOpened")),
+          duration: g.value,
+          onAfterEnter: t[0] || (t[0] = (s) => i("onOpened")),
           onAfterLeave: $
         }, {
           default: oe(() => [
@@ -209,10 +209,10 @@ const ie = ["id"], ae = { class: "dropdownmenum-bar" }, be = /* @__PURE__ */ F({
           ]),
           _: 1
         }, 8, ["duration"])
-      ], 8, ["to", "disabled"])) : (v(), E(se, { key: 1 }, [], 64))
+      ], 8, ["to", "disabled"])) : (v(), E(le, { key: 1 }, [], 64))
     ], 10, ie));
   }
 });
 export {
-  be as default
+  ge as default
 };

package/buildLibs/utils/Mobile/ClDropdownMenuMItem.cjs

@@ -1 +1 @@
-"use strict";const e=require("vue"),q=require("../Shared/log-C2ZbqiAV.js"),a=require("../Shared/base-DbuX_Y3x.js"),B=require("../Shared/index-rFJmbgyH.js"),_=require("../Shared/Index.vue_vue_type_script_setup_true_lang-B4dpfPSy.js"),F=require("../Shared/Index.vue_vue_type_script_setup_true_lang-WePMnXeI.js");;/* empty css                        */const P=["id"],J={class:"dropdownmenum-item-title-text"},O={key:0,class:"dropdownmenum-panel-loading"},U={key:0,class:"dropdownmenum-options"},j=["onClick"],H={class:"dropdownmenum-option-text"},R=e.defineComponent({name:"ClDropdownMenuMItem",__name:"Item",props:{id:String,className:String,title:String,modelValue:{type:[String,Number],default:void 0},optionsList:{type:Array,default:()=>[]},optionLabel:{type:String,default:"text"},optionValue:{type:String,default:"value"},disabled:Boolean,isLoading:Boolean},emits:["update:modelValue","onChange"],setup(i,{emit:w}){const n=i,v=w,y=n.id,C=`dropdownmenumItem-${a.CommonBase.getRandom(5)}`,l=e.inject("$DropdownMenuMTop"),b=e.useSlots(),s=e.ref(-1),u=e.ref(!1),d=e.ref(!1),r=e.computed(()=>s.value!==-1&&l?.activeIndex.value===s.value),m=e.computed(()=>l?.direction.value||"down"),x=e.computed(()=>{const t=m.value==="up";return r.value?t?"caret-down":"caret-up":t?"caret-up":"caret-down"}),k=e.computed(()=>l?.duration.value||200),S=e.computed(()=>!!b.default),T=e.computed(()=>Array.isArray(n.optionsList)&&n.optionsList.length>0),p=e.computed(()=>r.value&&!n.disabled),V=e.computed(()=>l?.teleportTo.value||"body"),h=e.computed(()=>!!l?.isTeleportDisabled.value),f=t=>t[n.optionValue]===n.modelValue,g=t=>{const o=t[n.optionLabel];return a.CommonBase.isString(o)?o:a.CommonBase.isNumber(o)?String(o):""},E=e.computed(()=>{if(a.CommonBase.isNonEmptyString(n.title))return n.title;if(a.CommonBase.isEmpty(n.modelValue))return"";const t=(n.optionsList||[]).find(o=>o[n.optionValue]===n.modelValue);return t?g(t):""}),I=e.computed(()=>{const t={"dropdownmenum-item":!0,"dropdownmenum-item--disabled":n.disabled};return a.CommonBase.getJsonMerge(t,B.CommonElement.getClassNameJson(n.className))}),N=e.computed(()=>r.value&&l?{color:l.activeColor.value}:void 0),L=e.computed(()=>{const t=l?.barPos.value,o={zIndex:l?.zIndex.value||2e3,"--dropdownmenum-duration":`${k.value}ms`};return t&&(m.value==="up"?(o.bottom=`${t.baseBottom-t.top}px`,o.left=`${t.left-t.baseLeft}px`):(o.top=`${t.bottom-t.baseTop}px`,o.left=`${t.left-t.baseLeft}px`),o.width=`${t.width}px`),o}),$=t=>{const o={"dropdownmenum-option":!0,"dropdownmenum-option--disabled":!!t.disabled,"dropdownmenum-option--selected":f(t)};return a.CommonBase.getJsonMerge(o,B.CommonElement.getClassNameJson(t.className))};e.watch(p,t=>{t?(u.value=!0,e.nextTick(()=>{p.value&&(d.value=!0)})):d.value=!1});const D=()=>{p.value||(u.value=!1)};e.onMounted(()=>{if(!l){q.clLog.warn("ClDropdownMenuMItem","警告：必须放置在 cl-dropdown-menu-m 容器内使用");return}s.value=l.registerItem()}),e.onBeforeUnmount(()=>{l&&s.value!==-1&&l.activeIndex.value===s.value&&l.setActiveIndex(-1)});const M=()=>{n.disabled||!l||l.toggleItem(s.value)},z=t=>{if(t.disabled)return;const o=t[n.optionValue];v("update:modelValue",o),v("onChange",o),l?.setActiveIndex(-1)};return(t,o)=>(e.openBlock(),e.createElementBlock("div",{id:e.unref(y),class:e.normalizeClass(I.value)},[e.createElementVNode("div",{class:e.normalizeClass(["dropdownmenum-item-title",{"dropdownmenum-item-title--active":r.value}]),style:e.normalizeStyle(N.value),onClick:M},[e.createElementVNode("span",J,[e.renderSlot(t.$slots,"title",{},()=>[e.createTextVNode(e.toDisplayString(E.value),1)])]),e.createVNode(_._sfc_main,{class:"dropdownmenum-item-arrow",name:x.value},null,8,["name"])],6),u.value?(e.openBlock(),e.createBlock(e.Teleport,{key:0,to:V.value,disabled:h.value},[e.createVNode(e.Transition,{name:"dropdownmenum-panel",duration:k.value,onAfterLeave:D},{default:e.withCtx(()=>[d.value?(e.openBlock(),e.createElementBlock("div",{key:0,class:e.normalizeClass(["dropdownmenum-panel",{"dropdownmenum-panel--up":m.value==="up"}]),style:e.normalizeStyle(L.value)},[S.value?e.renderSlot(t.$slots,"default",{key:0}):(e.openBlock(),e.createElementBlock(e.Fragment,{key:1},[i.isLoading?(e.openBlock(),e.createElementBlock("div",O,[e.createVNode(F._sfc_main,{size:"small"})])):(e.openBlock(),e.createElementBlock(e.Fragment,{key:1},[T.value?(e.openBlock(),e.createElementBlock("ul",U,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(i.optionsList,(c,A)=>(e.openBlock(),e.createElementBlock("li",{key:`${C}-${A}`,class:e.normalizeClass($(c)),onClick:G=>z(c)},[e.createElementVNode("span",H,e.toDisplayString(g(c)),1),f(c)?(e.openBlock(),e.createBlock(_._sfc_main,{key:0,class:"dropdownmenum-option-check",name:"check"})):(e.openBlock(),e.createElementBlock(e.Fragment,{key:1},[],64))],10,j))),128))])):(e.openBlock(),e.createElementBlock(e.Fragment,{key:1},[],64))],64))],64))],6)):e.createCommentVNode("",!0)]),_:3},8,["duration"])],8,["to","disabled"])):(e.openBlock(),e.createElementBlock(e.Fragment,{key:1},[],64))],10,P))}});module.exports=R;
+"use strict";const e=require("vue"),q=require("@cldemo/ui-kit/common/log"),a=require("@cldemo/ui-kit/common/base"),g=require("@cldemo/ui-kit/common/Element"),w=require("../Shared/Index.vue_vue_type_script_setup_true_lang-CFZ5jK-q.js"),F=require("../Shared/Index.vue_vue_type_script_setup_true_lang-CZNVHUR1.js");;/* empty css                        */const P=["id"],J={class:"dropdownmenum-item-title-text"},O={key:0,class:"dropdownmenum-panel-loading"},U={key:0,class:"dropdownmenum-options"},j=["onClick"],H={class:"dropdownmenum-option-text"},R=e.defineComponent({name:"ClDropdownMenuMItem",__name:"Item",props:{id:String,className:String,title:String,modelValue:{type:[String,Number],default:void 0},optionsList:{type:Array,default:()=>[]},optionLabel:{type:String,default:"text"},optionValue:{type:String,default:"value"},disabled:Boolean,isLoading:Boolean},emits:["update:modelValue","onChange"],setup(i,{emit:y}){const n=i,v=y,B=n.id,b=`dropdownmenumItem-${a.getRandom(5)}`,l=e.inject("$DropdownMenuMTop"),x=e.useSlots(),s=e.ref(-1),u=e.ref(!1),d=e.ref(!1),r=e.computed(()=>s.value!==-1&&l?.activeIndex.value===s.value),m=e.computed(()=>l?.direction.value||"down"),C=e.computed(()=>{const t=m.value==="up";return r.value?t?"caret-down":"caret-up":t?"caret-up":"caret-down"}),k=e.computed(()=>l?.duration.value||200),S=e.computed(()=>!!x.default),T=e.computed(()=>Array.isArray(n.optionsList)&&n.optionsList.length>0),p=e.computed(()=>r.value&&!n.disabled),V=e.computed(()=>l?.teleportTo.value||"body"),h=e.computed(()=>!!l?.isTeleportDisabled.value),f=t=>t[n.optionValue]===n.modelValue,_=t=>{const o=t[n.optionLabel];return a.isString(o)?o:a.isNumber(o)?String(o):""},I=e.computed(()=>{if(a.isNonEmptyString(n.title))return n.title;if(a.isEmpty(n.modelValue))return"";const t=(n.optionsList||[]).find(o=>o[n.optionValue]===n.modelValue);return t?_(t):""}),E=e.computed(()=>{const t={"dropdownmenum-item":!0,"dropdownmenum-item--disabled":n.disabled};return a.getJsonMerge(t,g.getClassNameJson(n.className))}),N=e.computed(()=>r.value&&l?{color:l.activeColor.value}:void 0),L=e.computed(()=>{const t=l?.barPos.value,o={zIndex:l?.zIndex.value||2e3,"--dropdownmenum-duration":`${k.value}ms`};return t&&(m.value==="up"?(o.bottom=`${t.baseBottom-t.top}px`,o.left=`${t.left-t.baseLeft}px`):(o.top=`${t.bottom-t.baseTop}px`,o.left=`${t.left-t.baseLeft}px`),o.width=`${t.width}px`),o}),$=t=>{const o={"dropdownmenum-option":!0,"dropdownmenum-option--disabled":!!t.disabled,"dropdownmenum-option--selected":f(t)};return a.getJsonMerge(o,g.getClassNameJson(t.className))};e.watch(p,t=>{t?(u.value=!0,e.nextTick(()=>{p.value&&(d.value=!0)})):d.value=!1});const D=()=>{p.value||(u.value=!1)};e.onMounted(()=>{if(!l){q.warn("ClDropdownMenuMItem","警告：必须放置在 cl-dropdown-menu-m 容器内使用");return}s.value=l.registerItem()}),e.onBeforeUnmount(()=>{l&&s.value!==-1&&l.activeIndex.value===s.value&&l.setActiveIndex(-1)});const M=()=>{n.disabled||!l||l.toggleItem(s.value)},z=t=>{if(t.disabled)return;const o=t[n.optionValue];v("update:modelValue",o),v("onChange",o),l?.setActiveIndex(-1)};return(t,o)=>(e.openBlock(),e.createElementBlock("div",{id:e.unref(B),class:e.normalizeClass(E.value)},[e.createElementVNode("div",{class:e.normalizeClass(["dropdownmenum-item-title",{"dropdownmenum-item-title--active":r.value}]),style:e.normalizeStyle(N.value),onClick:M},[e.createElementVNode("span",J,[e.renderSlot(t.$slots,"title",{},()=>[e.createTextVNode(e.toDisplayString(I.value),1)])]),e.createVNode(w._sfc_main,{class:"dropdownmenum-item-arrow",name:C.value},null,8,["name"])],6),u.value?(e.openBlock(),e.createBlock(e.Teleport,{key:0,to:V.value,disabled:h.value},[e.createVNode(e.Transition,{name:"dropdownmenum-panel",duration:k.value,onAfterLeave:D},{default:e.withCtx(()=>[d.value?(e.openBlock(),e.createElementBlock("div",{key:0,class:e.normalizeClass(["dropdownmenum-panel",{"dropdownmenum-panel--up":m.value==="up"}]),style:e.normalizeStyle(L.value)},[S.value?e.renderSlot(t.$slots,"default",{key:0}):(e.openBlock(),e.createElementBlock(e.Fragment,{key:1},[i.isLoading?(e.openBlock(),e.createElementBlock("div",O,[e.createVNode(F._sfc_main,{size:"small"})])):(e.openBlock(),e.createElementBlock(e.Fragment,{key:1},[T.value?(e.openBlock(),e.createElementBlock("ul",U,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(i.optionsList,(c,A)=>(e.openBlock(),e.createElementBlock("li",{key:`${b}-${A}`,class:e.normalizeClass($(c)),onClick:G=>z(c)},[e.createElementVNode("span",H,e.toDisplayString(_(c)),1),f(c)?(e.openBlock(),e.createBlock(w._sfc_main,{key:0,class:"dropdownmenum-option-check",name:"check"})):(e.openBlock(),e.createElementBlock(e.Fragment,{key:1},[],64))],10,j))),128))])):(e.openBlock(),e.createElementBlock(e.Fragment,{key:1},[],64))],64))],64))],6)):e.createCommentVNode("",!0)]),_:3},8,["duration"])],8,["to","disabled"])):(e.openBlock(),e.createElementBlock(e.Fragment,{key:1},[],64))],10,P))}});module.exports=R;

package/buildLibs/utils/Mobile/ClDropdownMenuMItem.d.ts

@@ -1 +1 @@
-export type { default } from '../../types/Mobile/DropdownMenuM/Item.vue.d.ts';
+export { default } from '../../types/Mobile/DropdownMenuM/Item.vue.d.ts';

package/buildLibs/utils/Mobile/ClDropdownMenuMItem.js

@@ -2,12 +2,12 @@ import '../../styles/Common/Token.css';
 import '../../styles/Common/IconFont-base.css';
 import '../../styles/Common/Load-base.css';
 import '../../styles/Mobile/ClDropdownMenuMItem.css';
-import { defineComponent as Q, inject as W, useSlots as X, ref as g, computed as l, watch as Y, nextTick as Z, onMounted as ee, onBeforeUnmount as te, openBlock as s, createElementBlock as a, normalizeClass as c, unref as oe, createElementVNode as b, normalizeStyle as h, renderSlot as S, createTextVNode as ne, toDisplayString as I, createVNode as k, createBlock as L, Teleport as le, Transition as se, withCtx as ae, Fragment as d, renderList as ie, createCommentVNode as re } from "vue";
-import { c as de } from "../Shared/log-BbLqiWNM.js";
-import { C as i } from "../Shared/base-fr2I80sU.js";
-import { C as V } from "../Shared/index-B477PjJ3.js";
-import { _ as $ } from "../Shared/Index.vue_vue_type_script_setup_true_lang-afRTRRcb.js";
-import { _ as ue } from "../Shared/Index.vue_vue_type_script_setup_true_lang-BppPP2_o.js";
+import { defineComponent as Q, inject as W, useSlots as X, ref as g, computed as l, watch as Y, nextTick as Z, onMounted as ee, onBeforeUnmount as te, openBlock as s, createElementBlock as a, normalizeClass as c, unref as oe, createElementVNode as b, normalizeStyle as C, renderSlot as S, createTextVNode as ne, toDisplayString as I, createVNode as k, createBlock as L, Teleport as le, Transition as se, withCtx as ae, Fragment as d, renderList as ie, createCommentVNode as re } from "vue";
+import de from "@cldemo/ui-kit/common/log";
+import i from "@cldemo/ui-kit/common/base";
+import V from "@cldemo/ui-kit/common/Element";
+import { _ as $ } from "../Shared/Index.vue_vue_type_script_setup_true_lang-C2LGy18j.js";
+import { _ as ue } from "../Shared/Index.vue_vue_type_script_setup_true_lang-DROYOL5-.js";
 /* empty css                       */
 const me = ["id"], ce = { class: "dropdownmenum-item-title-text" }, pe = {
   key: 0,
@@ -15,7 +15,7 @@ const me = ["id"], ce = { class: "dropdownmenum-item-title-text" }, pe = {
 }, ve = {
   key: 0,
   class: "dropdownmenum-options"
-}, fe = ["onClick"], we = { class: "dropdownmenum-option-text" }, he = /* @__PURE__ */ Q({
+}, fe = ["onClick"], we = { class: "dropdownmenum-option-text" }, Ce = /* @__PURE__ */ Q({
   name: "ClDropdownMenuMItem",
   __name: "Item",
   props: {
@@ -57,7 +57,7 @@ const me = ["id"], ce = { class: "dropdownmenum-item-title-text" }, pe = {
       return u.value ? e ? "caret-down" : "caret-up" : e ? "caret-up" : "caret-down";
     }), x = l(() => n?.duration.value || 200), z = l(() => !!D.default), E = l(
       () => Array.isArray(o.optionsList) && o.optionsList.length > 0
-    ), y = l(() => u.value && !o.disabled), P = l(() => n?.teleportTo.value || "body"), J = l(() => !!n?.isTeleportDisabled.value), C = (e) => e[o.optionValue] === o.modelValue, T = (e) => {
+    ), y = l(() => u.value && !o.disabled), P = l(() => n?.teleportTo.value || "body"), J = l(() => !!n?.isTeleportDisabled.value), T = (e) => e[o.optionValue] === o.modelValue, h = (e) => {
       const t = e[o.optionLabel];
       return i.isString(t) ? t : i.isNumber(t) ? String(t) : "";
     }, O = l(() => {
@@ -67,7 +67,7 @@ const me = ["id"], ce = { class: "dropdownmenum-item-title-text" }, pe = {
       const e = (o.optionsList || []).find(
         (t) => t[o.optionValue] === o.modelValue
       );
-      return e ? T(e) : "";
+      return e ? h(e) : "";
     }), U = l(() => {
       const e = {
         "dropdownmenum-item": !0,
@@ -86,7 +86,7 @@ const me = ["id"], ce = { class: "dropdownmenum-item-title-text" }, pe = {
       const t = {
         "dropdownmenum-option": !0,
         "dropdownmenum-option--disabled": !!e.disabled,
-        "dropdownmenum-option--selected": C(e)
+        "dropdownmenum-option--selected": T(e)
       };
       return i.getJsonMerge(t, V.getClassNameJson(e.className));
     };
@@ -120,7 +120,7 @@ const me = ["id"], ce = { class: "dropdownmenum-item-title-text" }, pe = {
     }, [
       b("div", {
         class: c(["dropdownmenum-item-title", { "dropdownmenum-item-title--active": u.value }]),
-        style: h(j.value),
+        style: C(j.value),
         onClick: q
       }, [
         b("span", ce, [
@@ -147,7 +147,7 @@ const me = ["id"], ce = { class: "dropdownmenum-item-title-text" }, pe = {
             f.value ? (s(), a("div", {
               key: 0,
               class: c(["dropdownmenum-panel", { "dropdownmenum-panel--up": w.value === "up" }]),
-              style: h(F.value)
+              style: C(F.value)
             }, [
               z.value ? S(e.$slots, "default", { key: 0 }) : (s(), a(d, { key: 1 }, [
                 p.isLoading ? (s(), a("div", pe, [
@@ -159,8 +159,8 @@ const me = ["id"], ce = { class: "dropdownmenum-item-title-text" }, pe = {
                       class: c(H(m)),
                       onClick: (ye) => G(m)
                     }, [
-                      b("span", we, I(T(m)), 1),
-                      C(m) ? (s(), L($, {
+                      b("span", we, I(h(m)), 1),
+                      T(m) ? (s(), L($, {
                         key: 0,
                         class: "dropdownmenum-option-check",
                         name: "check"
@@ -178,5 +178,5 @@ const me = ["id"], ce = { class: "dropdownmenum-item-title-text" }, pe = {
   }
 });
 export {
-  he as default
+  Ce as default
 };

package/buildLibs/utils/Mobile/ClFloatBubble.cjs

@@ -1 +1 @@
-"use strict";const o=require("vue"),y=require("../Shared/base-DbuX_Y3x.js"),Q=require("../Shared/index-rFJmbgyH.js"),V=["id"],L=6,Z="left 0.3s cubic-bezier(0.32, 0.72, 0, 1), top 0.3s cubic-bezier(0.32, 0.72, 0, 1)",ee=o.defineComponent({name:"ClFloatBubble",__name:"Index",props:{id:String,className:String,teleportTarget:{type:String,default:""},offsetX:{type:Number,default:0},offsetY:{type:Number,default:0},axis:{type:String,default:"xy",validator:u=>["x","y","xy"].indexOf(u)!==-1},magnetAxis:{type:String,default:"",validator:u=>["","x","y"].indexOf(u)!==-1},gap:{type:Number,default:8},isDisabled:{type:Boolean,default:!1}},emits:["update:offsetX","update:offsetY","onOffsetChange","onClick"],setup(u,{emit:W}){const n=u,a=W,H=n.id,l=o.useTemplateRef("elRef"),c=o.ref(0),d=o.ref(0),v=o.ref(0),x=o.ref(0);let z=0,B=0,C=0,w=0;const p=o.ref(!1);let X=!1,m=null;const Y=()=>typeof n.gap=="number"&&y.CommonBase.isFinite(n.gap)&&n.gap>=0?n.gap:0,i=e=>typeof e=="number"&&y.CommonBase.isFinite(e)?e:0,q=o.computed(()=>{const e={"panel-float-bubble":!0};return y.CommonBase.getJsonMerge(e,Q.CommonElement.getClassNameJson(n.className))}),P=o.ref(!1),M=()=>{if(!y.CommonBase.isNonEmptyString(n.teleportTarget))return null;try{return l.value?.closest(n.teleportTarget)||null}catch{return null}},R=()=>{P.value=!!M()},F=o.computed(()=>({left:`${i(n.offsetX)}px`,top:`${i(n.offsetY)}px`,position:P.value?"absolute":"fixed",transition:p.value?"none":Z})),S=e=>{const t=Y(),r=Math.max(0,c.value-v.value-t);return Math.min(Math.max(e,t),Math.max(t,r))},T=e=>{const t=Y(),r=Math.max(0,d.value-x.value-t);return Math.min(Math.max(e,t),Math.max(t,r))},$=(e,t)=>{let r=e,h=t;const s=Y();if(n.magnetAxis==="x"&&n.axis!=="y"){const f=e-s,O=c.value-v.value-s-e;r=f<=O?s:Math.max(s,c.value-v.value-s)}else if(n.magnetAxis==="y"&&n.axis!=="x"){const f=t-s,O=d.value-x.value-s-t;h=f<=O?s:Math.max(s,d.value-x.value-s)}return{x:r,y:h}},g=()=>{const e=M();if(e){const t=e.getBoundingClientRect();c.value=t.width,d.value=t.height}else c.value=window.innerWidth,d.value=window.innerHeight;l.value&&(v.value=l.value.offsetWidth,x.value=l.value.offsetHeight)};let b=null,_=null;const I=()=>{g();const e=S(i(n.offsetX)),t=T(i(n.offsetY));(e!==n.offsetX||t!==n.offsetY)&&(a("update:offsetX",e),a("update:offsetY",t),a("onOffsetChange",e,t))},N=(e,t)=>{X=!1,!n.isDisabled&&(z=e,B=t,C=i(n.offsetX),w=i(n.offsetY),p.value=!0)},D=(e,t)=>{if(!p.value||n.isDisabled)return;const r=e-z,h=t-B;(Math.abs(r)>L||Math.abs(h)>L)&&(X=!0);let s=C+r,f=w+h;n.axis==="x"&&(f=w),n.axis==="y"&&(s=C),s=S(s),f=T(f),a("update:offsetX",s),a("update:offsetY",f),a("onOffsetChange",s,f)},E=()=>{if(p.value&&(p.value=!1,n.magnetAxis)){const e=$(i(n.offsetX),i(n.offsetY));a("update:offsetX",e.x),a("update:offsetY",e.y),a("onOffsetChange",e.x,e.y)}},J=e=>{const t=e.touches[0];t&&N(t.clientX,t.clientY)},U=e=>{const t=e.touches[0];t&&D(t.clientX,t.clientY)},k=()=>{E()},G=e=>{if(m===null){m=e.pointerId,N(e.clientX,e.clientY);try{l.value?.setPointerCapture(e.pointerId)}catch{}}},j=e=>{m===e.pointerId&&D(e.clientX,e.clientY)},A=e=>{if(m===e.pointerId){m=null,E();try{l.value?.releasePointerCapture(e.pointerId)}catch{}}},K=()=>{X||a("onClick")};return o.onMounted(()=>{R(),g(),window.addEventListener("resize",I),o.watch(()=>n.teleportTarget,()=>{R(),g()});const e=S(i(n.offsetX)),t=T(i(n.offsetY));if((e!==n.offsetX||t!==n.offsetY)&&(a("update:offsetX",e),a("update:offsetY",t),a("onOffsetChange",e,t)),l.value&&typeof ResizeObserver<"u"){b=new ResizeObserver(()=>{g()}),b.observe(l.value);const r=M();r&&(_=new ResizeObserver(()=>{g()}),_.observe(r))}}),o.onBeforeUnmount(()=>{window.removeEventListener("resize",I),b?.disconnect(),b=null,_?.disconnect(),_=null}),(e,t)=>(o.openBlock(),o.createElementBlock("div",{id:o.unref(H),ref_key:"elRef",ref:l,class:o.normalizeClass(q.value),style:o.normalizeStyle(F.value),onTouchstart:J,onTouchmove:U,onTouchend:k,onTouchcancel:k,onPointerdown:G,onPointermove:j,onPointerup:A,onPointercancel:A,onClick:K},[o.renderSlot(e.$slots,"default")],46,V))}});module.exports=ee;
+"use strict";const o=require("vue"),y=require("@cldemo/ui-kit/common/base"),Q=require("@cldemo/ui-kit/common/Element"),V=["id"],L=6,Z="left 0.3s cubic-bezier(0.32, 0.72, 0, 1), top 0.3s cubic-bezier(0.32, 0.72, 0, 1)",ee=o.defineComponent({name:"ClFloatBubble",__name:"Index",props:{id:String,className:String,teleportTarget:{type:String,default:""},offsetX:{type:Number,default:0},offsetY:{type:Number,default:0},axis:{type:String,default:"xy",validator:u=>["x","y","xy"].indexOf(u)!==-1},magnetAxis:{type:String,default:"",validator:u=>["","x","y"].indexOf(u)!==-1},gap:{type:Number,default:8},isDisabled:{type:Boolean,default:!1}},emits:["update:offsetX","update:offsetY","onOffsetChange","onClick"],setup(u,{emit:W}){const n=u,a=W,H=n.id,l=o.useTemplateRef("elRef"),c=o.ref(0),d=o.ref(0),v=o.ref(0),x=o.ref(0);let z=0,P=0,w=0,C=0;const p=o.ref(!1);let X=!1,g=null;const Y=()=>typeof n.gap=="number"&&y.isFinite(n.gap)&&n.gap>=0?n.gap:0,i=e=>typeof e=="number"&&y.isFinite(e)?e:0,q=o.computed(()=>{const e={"panel-float-bubble":!0};return y.getJsonMerge(e,Q.getClassNameJson(n.className))}),R=o.ref(!1),M=()=>{if(!y.isNonEmptyString(n.teleportTarget))return null;try{return l.value?.closest(n.teleportTarget)||null}catch{return null}},I=()=>{R.value=!!M()},F=o.computed(()=>({left:`${i(n.offsetX)}px`,top:`${i(n.offsetY)}px`,position:R.value?"absolute":"fixed",transition:p.value?"none":Z})),S=e=>{const t=Y(),r=Math.max(0,c.value-v.value-t);return Math.min(Math.max(e,t),Math.max(t,r))},T=e=>{const t=Y(),r=Math.max(0,d.value-x.value-t);return Math.min(Math.max(e,t),Math.max(t,r))},$=(e,t)=>{let r=e,h=t;const s=Y();if(n.magnetAxis==="x"&&n.axis!=="y"){const f=e-s,O=c.value-v.value-s-e;r=f<=O?s:Math.max(s,c.value-v.value-s)}else if(n.magnetAxis==="y"&&n.axis!=="x"){const f=t-s,O=d.value-x.value-s-t;h=f<=O?s:Math.max(s,d.value-x.value-s)}return{x:r,y:h}},m=()=>{const e=M();if(e){const t=e.getBoundingClientRect();c.value=t.width,d.value=t.height}else c.value=window.innerWidth,d.value=window.innerHeight;l.value&&(v.value=l.value.offsetWidth,x.value=l.value.offsetHeight)};let _=null,b=null;const N=()=>{m();const e=S(i(n.offsetX)),t=T(i(n.offsetY));(e!==n.offsetX||t!==n.offsetY)&&(a("update:offsetX",e),a("update:offsetY",t),a("onOffsetChange",e,t))},B=(e,t)=>{X=!1,!n.isDisabled&&(z=e,P=t,w=i(n.offsetX),C=i(n.offsetY),p.value=!0)},D=(e,t)=>{if(!p.value||n.isDisabled)return;const r=e-z,h=t-P;(Math.abs(r)>L||Math.abs(h)>L)&&(X=!0);let s=w+r,f=C+h;n.axis==="x"&&(f=C),n.axis==="y"&&(s=w),s=S(s),f=T(f),a("update:offsetX",s),a("update:offsetY",f),a("onOffsetChange",s,f)},E=()=>{if(p.value&&(p.value=!1,n.magnetAxis)){const e=$(i(n.offsetX),i(n.offsetY));a("update:offsetX",e.x),a("update:offsetY",e.y),a("onOffsetChange",e.x,e.y)}},J=e=>{const t=e.touches[0];t&&B(t.clientX,t.clientY)},U=e=>{const t=e.touches[0];t&&D(t.clientX,t.clientY)},k=()=>{E()},G=e=>{if(g===null){g=e.pointerId,B(e.clientX,e.clientY);try{l.value?.setPointerCapture(e.pointerId)}catch{}}},j=e=>{g===e.pointerId&&D(e.clientX,e.clientY)},A=e=>{if(g===e.pointerId){g=null,E();try{l.value?.releasePointerCapture(e.pointerId)}catch{}}},K=()=>{X||a("onClick")};return o.onMounted(()=>{I(),m(),window.addEventListener("resize",N),o.watch(()=>n.teleportTarget,()=>{I(),m()});const e=S(i(n.offsetX)),t=T(i(n.offsetY));if((e!==n.offsetX||t!==n.offsetY)&&(a("update:offsetX",e),a("update:offsetY",t),a("onOffsetChange",e,t)),l.value&&typeof ResizeObserver<"u"){_=new ResizeObserver(()=>{m()}),_.observe(l.value);const r=M();r&&(b=new ResizeObserver(()=>{m()}),b.observe(r))}}),o.onBeforeUnmount(()=>{window.removeEventListener("resize",N),_?.disconnect(),_=null,b?.disconnect(),b=null}),(e,t)=>(o.openBlock(),o.createElementBlock("div",{id:o.unref(H),ref_key:"elRef",ref:l,class:o.normalizeClass(q.value),style:o.normalizeStyle(F.value),onTouchstart:J,onTouchmove:U,onTouchend:k,onTouchcancel:k,onPointerdown:G,onPointermove:j,onPointerup:A,onPointercancel:A,onClick:K},[o.renderSlot(e.$slots,"default")],46,V))}});module.exports=ee;

package/buildLibs/utils/Mobile/ClFloatBubble.d.ts

@@ -1 +1 @@
-export type { default } from '../../types/Mobile/FloatBubble/Index.vue.d.ts';
+export { default } from '../../types/Mobile/FloatBubble/Index.vue.d.ts';