@cldemo/ui-kit 1.1.4 → 1.1.6

package/buildLibs/utils/Shared/index3.css

@@ -1 +1 @@
-.tooltip{padding:0!important;z-index:var(--cl-z-fixed, 4000);position:absolute;display:block;margin:0;line-height:1.5;white-space:normal;word-wrap:break-word;font-size:14px}.tooltip-inner{text-align:left;max-width:300px;word-wrap:break-word;word-break:break-all;color:var(--cl-text-primary, #323233);background-color:var(--cl-bg, #ffffff);box-shadow:0 3px 10px 0 var(--cl-mask-light, rgba(0, 0, 0, .2));border-radius:4px;font-size:14px;padding:4px 8px}.tooltip>.arrow,.tooltip>.arrow:before{position:absolute;background:inherit}.tooltip>.arrow{visibility:hidden;display:block;width:16px;height:8px}.tooltip>.arrow:before{visibility:visible;content:"";width:0;height:0;border-color:transparent;border-style:solid}.tooltip[data-popper-placement^=top]>.arrow{bottom:-7px}.tooltip[data-popper-placement^=top]>.arrow:before{border-width:8px 8px 0 8px}.tooltip[data-popper-placement^=right] .tooltip-inner{box-shadow:-3px 2px 10px 0 var(--cl-mask-light, rgba(0, 0, 0, .2))}.tooltip[data-popper-placement^=right]>.arrow{left:-7px;width:8px;height:16px}.tooltip[data-popper-placement^=right]>.arrow:before{border-width:8px 8px 8px 0}.tooltip[data-popper-placement^=bottom] .tooltip-inner{box-shadow:0 -3px 10px 0 var(--cl-mask-light, rgba(0, 0, 0, .2))}.tooltip[data-popper-placement^=bottom]>.arrow{top:-7px}.tooltip[data-popper-placement^=bottom]>.arrow:before{border-width:0 8px 8px 8px}.tooltip[data-popper-placement^=left] .tooltip-inner{box-shadow:3px 2px 10px 0 var(--cl-mask-light, rgba(0, 0, 0, .2))}.tooltip[data-popper-placement^=left]>.arrow{right:-7px;width:8px;height:16px}.tooltip[data-popper-placement^=left]>.arrow:before{border-width:8px 0 8px 8px}.tooltip.tooltip-white[data-popper-placement^=top]>.arrow:before{border-top-color:var(--cl-bg, #ffffff)}.tooltip.tooltip-white[data-popper-placement^=right]>.arrow:before{border-right-color:var(--cl-bg, #ffffff)}.tooltip.tooltip-white[data-popper-placement^=bottom]>.arrow:before{border-bottom-color:var(--cl-bg, #ffffff)}.tooltip.tooltip-white[data-popper-placement^=left]>.arrow:before{border-left-color:var(--cl-bg, #ffffff)}.tooltip.tooltip-black .tooltip-inner{color:var(--cl-bg, #ffffff);background-color:var(--cl-text-primary, #323233)}.tooltip.tooltip-black[data-popper-placement^=top]>.arrow:before{border-top-color:var(--cl-text-primary, #323233)}.tooltip.tooltip-black[data-popper-placement^=right]>.arrow:before{border-right-color:var(--cl-text-primary, #323233)}.tooltip.tooltip-black[data-popper-placement^=bottom]>.arrow:before{border-bottom-color:var(--cl-text-primary, #323233)}.tooltip[data-popper-placement=top-start]>.arrow,.tooltip[data-popper-placement=bottom-start]>.arrow{left:14px!important;right:auto!important;transform:none!important}.tooltip[data-popper-placement=top-end]>.arrow,.tooltip[data-popper-placement=bottom-end]>.arrow{left:auto!important;right:14px!important;transform:none!important}.tooltip[data-popper-placement=right-start]>.arrow,.tooltip[data-popper-placement=left-start]>.arrow{top:5px!important;bottom:auto!important;transform:none!important}.tooltip[data-popper-placement=right-end]>.arrow,.tooltip[data-popper-placement=left-end]>.arrow{top:auto!important;bottom:5px!important;transform:none!important}
+.tooltip{padding:0!important;z-index:var(--cl-z-fixed, 4000);position:absolute;display:block;margin:0;line-height:1.5;white-space:normal;word-wrap:break-word;font-size:14px}.tooltip-inner{text-align:left;max-width:300px;word-wrap:break-word;word-break:break-all;color:var(--cl-text-primary, #323233);background-color:var(--cl-bg, #ffffff);box-shadow:0 3px 10px 0 var(--cl-mask-light, rgba(0, 0, 0, .2));border-radius:4px;font-size:14px;padding:4px 8px}.tooltip>.arrow,.tooltip>.arrow:before{position:absolute;background:inherit}.tooltip>.arrow{visibility:hidden;display:block;width:16px;height:8px}.tooltip>.arrow:before{visibility:visible;content:"";width:0;height:0;border-color:transparent;border-style:solid}.tooltip[data-popper-placement^=top]>.arrow{bottom:-7px}.tooltip[data-popper-placement^=top]>.arrow:before{border-width:8px 8px 0 8px}.tooltip[data-popper-placement^=right] .tooltip-inner{box-shadow:-3px 2px 10px 0 var(--cl-mask-light, rgba(0, 0, 0, .2))}.tooltip[data-popper-placement^=right]>.arrow{left:-7px;width:8px;height:16px}.tooltip[data-popper-placement^=right]>.arrow:before{border-width:8px 8px 8px 0}.tooltip[data-popper-placement^=bottom] .tooltip-inner{box-shadow:0 -3px 10px 0 var(--cl-mask-light, rgba(0, 0, 0, .2))}.tooltip[data-popper-placement^=bottom]>.arrow{top:-7px}.tooltip[data-popper-placement^=bottom]>.arrow:before{border-width:0 8px 8px 8px}.tooltip[data-popper-placement^=left] .tooltip-inner{box-shadow:3px 2px 10px 0 var(--cl-mask-light, rgba(0, 0, 0, .2))}.tooltip[data-popper-placement^=left]>.arrow{right:-7px;width:8px;height:16px}.tooltip[data-popper-placement^=left]>.arrow:before{border-width:8px 0 8px 8px}.tooltip.tooltip-white[data-popper-placement^=top]>.arrow:before{border-top-color:var(--cl-bg, #ffffff)}.tooltip.tooltip-white[data-popper-placement^=right]>.arrow:before{border-right-color:var(--cl-bg, #ffffff)}.tooltip.tooltip-white[data-popper-placement^=bottom]>.arrow:before{border-bottom-color:var(--cl-bg, #ffffff)}.tooltip.tooltip-white[data-popper-placement^=left]>.arrow:before{border-left-color:var(--cl-bg, #ffffff)}.tooltip.tooltip-black .tooltip-inner{color:var(--cl-text-on-accent, #1a1a1a);background-color:var(--cl-text-primary, #323233)}.tooltip.tooltip-black[data-popper-placement^=top]>.arrow:before{border-top-color:var(--cl-text-primary, #323233)}.tooltip.tooltip-black[data-popper-placement^=right]>.arrow:before{border-right-color:var(--cl-text-primary, #323233)}.tooltip.tooltip-black[data-popper-placement^=bottom]>.arrow:before{border-bottom-color:var(--cl-text-primary, #323233)}.tooltip[data-popper-placement=top-start]>.arrow,.tooltip[data-popper-placement=bottom-start]>.arrow{left:14px!important;right:auto!important;transform:none!important}.tooltip[data-popper-placement=top-end]>.arrow,.tooltip[data-popper-placement=bottom-end]>.arrow{left:auto!important;right:14px!important;transform:none!important}.tooltip[data-popper-placement=right-start]>.arrow,.tooltip[data-popper-placement=left-start]>.arrow{top:5px!important;bottom:auto!important;transform:none!important}.tooltip[data-popper-placement=right-end]>.arrow,.tooltip[data-popper-placement=left-end]>.arrow{top:auto!important;bottom:5px!important;transform:none!important}

package/buildLibs/utils/Shared/index42.css

@@ -1 +1 @@
-.panel-preview{position:fixed;inset:0;z-index:var(--cl-z-panel, 1000000)}.preview-btn{position:absolute;display:flex;align-items:center;justify-content:center;border-radius:50%;opacity:.7;cursor:pointer;box-sizing:border-box;user-select:none;background-color:var(--cl-text-primary, #323233);color:var(--cl-bg, #ffffff);border-color:var(--cl-bg, #ffffff);transition:all .3s linear;z-index:1}.preview-btn-disable{opacity:.4;cursor:no-drop}.preview-btn:hover{opacity:1}.preview-btn.preview-btn-disable:hover{opacity:.4}.preview-btn.preview-prev{top:50%;left:40px;width:44px;height:44px;font-size:30px;z-index:var(--cl-z-tooltip, 1070)}.preview-btn.preview-next{top:50%;right:40px;text-indent:2px;width:44px;height:44px;font-size:30px;z-index:var(--cl-z-tooltip, 1070)}.preview-close{top:40px;right:40px;width:44px;height:44px;font-size:24px;z-index:var(--cl-z-tooltip, 1070)}.preview-btn.preview-prev>i,.preview-btn.preview-next>i,.preview-close>i{font-size:30px}.preview-close>i{transition:all .3s linear}.preview-close:hover>i{transform:rotate(90deg)}.preview-open{overflow:hidden}.preview-open.modal-open .panel-preview{z-index:var(--cl-z-top, 1000001)}.preview-image{position:fixed;inset:0;z-index:1000}.preview-image .preview-image-actions{left:50%;bottom:30px;transform:translate(-50%);width:282px;height:44px;padding:0 23px;border-radius:22px;cursor:default}.preview-image-actions-container{width:100%;height:100%;text-align:justify;font-size:23px;color:var(--cl-bg, #ffffff);display:flex;align-items:center;justify-content:space-around}.preview-image-actions-container>span{height:23px;width:23px;line-height:23px;display:inline-flex;justify-content:center;align-items:center;position:relative;opacity:.7;cursor:pointer}.preview-image-actions-container>span:hover{opacity:1}.preview-image-actions-container>span>i{font-size:24px}.preview-image-actions-container>span>.panel-clipboard .clIconFont{font-size:24px}.preview-image-container{position:relative;width:100%;height:100%;display:flex;justify-content:center;align-items:center;user-select:none}.preview-image-container>img{max-width:100%;max-height:100%;padding:5px 0;transition:transform .3s ease,opacity .25s ease}.preview-image-loading{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:1}.preview-image-spinner{width:40px;height:40px;border:3px solid var(--cl-white-alpha-40, rgba(255, 255, 255, .3));border-top-color:#fff;border-radius:50%;animation:preview-spin .8s linear infinite}@keyframes preview-spin{to{transform:rotate(360deg)}}.preview-image-enter{animation:preview-image-in var(--cl-transition-base, .25s) ease-out}.preview-image-leave{animation:preview-image-out var(--cl-transition-fast, .15s) ease-in}@keyframes preview-image-in{0%{opacity:0}to{opacity:1}}@keyframes preview-image-out{0%{opacity:1}to{opacity:0}}.preview-open .preview-image{overflow-y:hidden}.preview-open .preview-image>.preview-image-container{overflow-y:auto}.preview-image .image-num{cursor:default;width:auto;font-size:14px;min-width:40px}.preview-image-actions-container>span.image-num:hover{opacity:.7}.preview-image .preview-image-actions.preview-image-num{padding-right:0}.preview-video{position:fixed;inset:0;z-index:var(--cl-z-popup, 1060)}.preview-video-container{width:100%;height:100%;display:flex;justify-content:center;align-items:center;user-select:none}.preview-video-container>div{width:800px;height:400px}.preview-video-container .video-js{width:100%;height:100%}.preview-video-container .video-js .vjs-tech{object-fit:contain}
+.panel-preview{position:fixed;inset:0;z-index:var(--cl-z-panel, 1000000)}.preview-btn{position:absolute;display:flex;align-items:center;justify-content:center;border-radius:50%;opacity:.7;cursor:pointer;box-sizing:border-box;user-select:none;background-color:var(--cl-text-primary, #323233);color:var(--cl-text-on-accent, #1a1a1a);border-color:var(--cl-bg, #ffffff);transition:all .3s linear;z-index:1}.preview-btn-disable{opacity:.4;cursor:no-drop}.preview-btn:hover{opacity:1}.preview-btn.preview-btn-disable:hover{opacity:.4}.preview-btn.preview-prev{top:50%;left:40px;width:44px;height:44px;font-size:30px;z-index:var(--cl-z-tooltip, 1070)}.preview-btn.preview-next{top:50%;right:40px;text-indent:2px;width:44px;height:44px;font-size:30px;z-index:var(--cl-z-tooltip, 1070)}.preview-close{top:40px;right:40px;width:44px;height:44px;font-size:24px;z-index:var(--cl-z-tooltip, 1070)}.preview-btn.preview-prev>i,.preview-btn.preview-next>i,.preview-close>i{font-size:30px}.preview-close>i{transition:all .3s linear}.preview-close:hover>i{transform:rotate(90deg)}.preview-open{overflow:hidden}.preview-open.modal-open .panel-preview{z-index:var(--cl-z-top, 1000001)}.preview-image{position:fixed;inset:0;z-index:1000}.preview-image .preview-image-actions{left:50%;bottom:30px;transform:translate(-50%);width:282px;height:44px;padding:0 23px;border-radius:22px;cursor:default}.preview-image-actions-container{width:100%;height:100%;text-align:justify;font-size:23px;color:var(--cl-text-on-accent, #1a1a1a);display:flex;align-items:center;justify-content:space-around}.preview-image-actions-container>span{height:23px;width:23px;line-height:23px;display:inline-flex;justify-content:center;align-items:center;position:relative;opacity:.7;cursor:pointer}.preview-image-actions-container>span:hover{opacity:1}.preview-image-actions-container>span>i{font-size:24px}.preview-image-actions-container>span>.panel-clipboard .clIconFont{font-size:24px}.preview-image-container{position:relative;width:100%;height:100%;display:flex;justify-content:center;align-items:center;user-select:none}.preview-image-container>img{max-width:100%;max-height:100%;padding:5px 0;transition:transform .3s ease,opacity .25s ease}.preview-image-loading{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:1}.preview-image-spinner{width:40px;height:40px;border:3px solid var(--cl-white-alpha-40, rgba(255, 255, 255, .3));border-top-color:#fff;border-radius:50%;animation:preview-spin .8s linear infinite}@keyframes preview-spin{to{transform:rotate(360deg)}}.preview-image-enter{animation:preview-image-in var(--cl-transition-base, .25s) ease-out}.preview-image-leave{animation:preview-image-out var(--cl-transition-fast, .15s) ease-in}@keyframes preview-image-in{0%{opacity:0}to{opacity:1}}@keyframes preview-image-out{0%{opacity:1}to{opacity:0}}.preview-open .preview-image{overflow-y:hidden}.preview-open .preview-image>.preview-image-container{overflow-y:auto}.preview-image .image-num{cursor:default;width:auto;font-size:14px;min-width:40px}.preview-image-actions-container>span.image-num:hover{opacity:.7}.preview-image .preview-image-actions.preview-image-num{padding-right:0}.preview-video{position:fixed;inset:0;z-index:var(--cl-z-popup, 1060)}.preview-video-container{width:100%;height:100%;display:flex;justify-content:center;align-items:center;user-select:none}.preview-video-container>div{width:800px;height:400px}.preview-video-container .video-js{width:100%;height:100%}.preview-video-container .video-js .vjs-tech{object-fit:contain}

package/buildLibs/utils/Web/ClAnchorNav.cjs

@@ -1 +1 @@
-"use strict";const e=require("vue"),p=require("@cldemo/ui-kit/common/base"),E=require("@cldemo/ui-kit/common/Element"),x=require("../Shared/index-q2CbfC2a.js"),C=require("../Shared/Index.vue_vue_type_script_setup_true_lang-CFZ5jK-q.js"),N=["id"],B=["onKeydown","aria-expanded","aria-label"],A=["onClick","onKeydown","aria-label"],I={class:"anchor-label"},K=e.defineComponent({name:"ClAnchorNav",directives:{cltooltip:x.tooltipDirectives},__name:"Index",props:{id:String,className:String,list:{type:Array,required:!0},isOpen:{type:Boolean,default:!1},offsetShow:{type:Number,default:100}},setup(g){const o=g,b=`anchorNav-${p.getRandom(5)}`,y=o.id,d=e.ref(""),f=e.ref(!1),s=e.ref(!o.isOpen);let c=null;const k=e.computed(()=>{const i={"panel-anchor-nav":!0,"is-fixed":f.value,"is-collapsed":s.value};return p.getJsonMerge(i,E.getClassNameJson(o.className))}),h=e.computed(()=>(o.list||[]).filter(i=>!!i)),a=()=>{o.list&&c===null&&(c=requestAnimationFrame(()=>{if(c=null,!o.list)return;const i=window.scrollY,t=window.innerHeight;f.value=i>(p.isFinite(o.offsetShow)?o.offsetShow:100);const r=h.value.map(l=>({id:l.id,element:document.getElementById(l.id)})).filter(l=>l.element!==null);if(r.length===0){d.value="";return}if(i+t>=document.documentElement.scrollHeight-1){d.value=r[r.length-1].id;return}let n=!1;for(let l=r.length-1;l>=0;l--)if(r[l].element.getBoundingClientRect().top<=t/2){d.value=r[l].id,n=!0;break}n||(d.value="")}))},_=()=>{window.addEventListener("scroll",a),window.addEventListener("resize",a)},w=()=>{c!==null&&(cancelAnimationFrame(c),c=null),window.removeEventListener("scroll",a),window.removeEventListener("resize",a)};e.onMounted(()=>{_(),a()}),e.onActivated(()=>{_(),a()}),e.onDeactivated(()=>{w()}),e.onUnmounted(()=>{w()}),e.watch(()=>o.list,()=>{a()},{deep:!0});const u=()=>{s.value=!s.value},v=i=>{const t=document.getElementById(i);t&&(t.scrollIntoView({behavior:"smooth",block:"start"}),t.hasAttribute("tabindex")||t.setAttribute("tabindex","-1"),t.focus({preventScroll:!0}))};return(i,t)=>{const r=e.resolveDirective("cltooltip");return e.openBlock(),e.createElementBlock("div",{id:e.unref(y),class:e.normalizeClass(k.value),role:"navigation","aria-label":"页面锚点导航"},[e.createElementVNode("div",{class:"anchor-toggle",onClick:u,onKeydown:[e.withKeys(u,["enter"]),e.withKeys(e.withModifiers(u,["prevent"]),["space"])],role:"button","aria-expanded":!s.value,"aria-label":s.value?"展开导航":"收起导航",tabindex:"0"},[e.createVNode(C._sfc_main,{name:s.value?"caret-left":"caret-right"},null,8,["name"])],40,B),(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(h.value,(n,l)=>e.withDirectives((e.openBlock(),e.createElementBlock("div",{key:`${b}-${n.id}-${l}`,class:e.normalizeClass(["anchor-item",{active:d.value===n.id}]),onClick:m=>v(n.id),onKeydown:[e.withKeys(m=>v(n.id),["enter"]),e.withKeys(e.withModifiers(m=>v(n.id),["prevent"]),["space"])],role:"link","aria-label":n.label??"",tabindex:"0"},[t[0]||(t[0]=e.createElementVNode("span",{class:"anchor-dot"},null,-1)),e.createElementVNode("span",I,e.toDisplayString(n.label??""),1)],42,A)),[[r,s.value?{html:n.label??"",position:"left",className:"tooltip-anchorNav",isHtml:!1}:{init:!1}]])),128))],10,N)}}});module.exports=K;
+"use strict";const e=require("vue"),p=require("@cldemo/ui-kit/common/base"),E=require("@cldemo/ui-kit/common/Element"),x=require("../Shared/index-q2CbfC2a.js"),C=require("../Shared/Index.vue_vue_type_script_setup_true_lang-xONe0mSK.js"),N=["id"],B=["onKeydown","aria-expanded","aria-label"],A=["onClick","onKeydown","aria-label"],I={class:"anchor-label"},K=e.defineComponent({name:"ClAnchorNav",directives:{cltooltip:x.tooltipDirectives},__name:"Index",props:{id:String,className:String,list:{type:Array,required:!0},isOpen:{type:Boolean,default:!1},offsetShow:{type:Number,default:100}},setup(g){const o=g,b=`anchorNav-${p.getRandom(5)}`,y=o.id,d=e.ref(""),f=e.ref(!1),s=e.ref(!o.isOpen);let c=null;const k=e.computed(()=>{const i={"panel-anchor-nav":!0,"is-fixed":f.value,"is-collapsed":s.value};return p.getJsonMerge(i,E.getClassNameJson(o.className))}),h=e.computed(()=>(o.list||[]).filter(i=>!!i)),a=()=>{o.list&&c===null&&(c=requestAnimationFrame(()=>{if(c=null,!o.list)return;const i=window.scrollY,t=window.innerHeight;f.value=i>(p.isFinite(o.offsetShow)?o.offsetShow:100);const r=h.value.map(l=>({id:l.id,element:document.getElementById(l.id)})).filter(l=>l.element!==null);if(r.length===0){d.value="";return}if(i+t>=document.documentElement.scrollHeight-1){d.value=r[r.length-1].id;return}let n=!1;for(let l=r.length-1;l>=0;l--)if(r[l].element.getBoundingClientRect().top<=t/2){d.value=r[l].id,n=!0;break}n||(d.value="")}))},_=()=>{window.addEventListener("scroll",a),window.addEventListener("resize",a)},w=()=>{c!==null&&(cancelAnimationFrame(c),c=null),window.removeEventListener("scroll",a),window.removeEventListener("resize",a)};e.onMounted(()=>{_(),a()}),e.onActivated(()=>{_(),a()}),e.onDeactivated(()=>{w()}),e.onUnmounted(()=>{w()}),e.watch(()=>o.list,()=>{a()},{deep:!0});const u=()=>{s.value=!s.value},v=i=>{const t=document.getElementById(i);t&&(t.scrollIntoView({behavior:"smooth",block:"start"}),t.hasAttribute("tabindex")||t.setAttribute("tabindex","-1"),t.focus({preventScroll:!0}))};return(i,t)=>{const r=e.resolveDirective("cltooltip");return e.openBlock(),e.createElementBlock("div",{id:e.unref(y),class:e.normalizeClass(k.value),role:"navigation","aria-label":"页面锚点导航"},[e.createElementVNode("div",{class:"anchor-toggle",onClick:u,onKeydown:[e.withKeys(u,["enter"]),e.withKeys(e.withModifiers(u,["prevent"]),["space"])],role:"button","aria-expanded":!s.value,"aria-label":s.value?"展开导航":"收起导航",tabindex:"0"},[e.createVNode(C._sfc_main,{name:s.value?"caret-left":"caret-right"},null,8,["name"])],40,B),(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(h.value,(n,l)=>e.withDirectives((e.openBlock(),e.createElementBlock("div",{key:`${b}-${n.id}-${l}`,class:e.normalizeClass(["anchor-item",{active:d.value===n.id}]),onClick:m=>v(n.id),onKeydown:[e.withKeys(m=>v(n.id),["enter"]),e.withKeys(e.withModifiers(m=>v(n.id),["prevent"]),["space"])],role:"link","aria-label":n.label??"",tabindex:"0"},[t[0]||(t[0]=e.createElementVNode("span",{class:"anchor-dot"},null,-1)),e.createElementVNode("span",I,e.toDisplayString(n.label??""),1)],42,A)),[[r,s.value?{html:n.label??"",position:"left",className:"tooltip-anchorNav",isHtml:!1}:{init:!1}]])),128))],10,N)}}});module.exports=K;

package/buildLibs/utils/Web/ClAnchorNav.js

@@ -6,7 +6,7 @@ import { defineComponent as $, ref as f, computed as C, onMounted as B, onActiva
 import g from "@cldemo/ui-kit/common/base";
 import R from "@cldemo/ui-kit/common/Element";
 import { t as T } from "../Shared/index-BGMnJZqC.js";
-import { _ as P } from "../Shared/Index.vue_vue_type_script_setup_true_lang-C2LGy18j.js";
+import { _ as P } from "../Shared/Index.vue_vue_type_script_setup_true_lang-Bt0l5FYh.js";
 const U = ["id"], Y = ["onKeydown", "aria-expanded", "aria-label"], j = ["onClick", "onKeydown", "aria-label"], G = { class: "anchor-label" }, ne = /* @__PURE__ */ $({
   name: "ClAnchorNav",
   directives: { cltooltip: T },

package/buildLibs/utils/Web/ClCalendar.cjs

@@ -1 +1 @@
-"use strict";var ee=Object.create;var K=Object.defineProperty;var te=Object.getOwnPropertyDescriptor;var ne=Object.getOwnPropertyNames;var ae=Object.getPrototypeOf,re=Object.prototype.hasOwnProperty;var se=(d,m,i,h)=>{if(m&&typeof m=="object"||typeof m=="function")for(let p of ne(m))!re.call(d,p)&&p!==i&&K(d,p,{get:()=>m[p],enumerable:!(h=te(m,p))||h.enumerable});return d};var oe=(d,m,i)=>(i=d!=null?ee(ae(d)):{},se(m||!d||!d.__esModule?K(i,"default",{value:d,enumerable:!0}):i,d));const e=require("vue"),x=require("@cldemo/ui-kit/common/log"),y=require("@cldemo/ui-kit/common/base"),f=require("@cldemo/ui-kit/common/day"),W=require("@cldemo/ui-kit/common/Element"),S=require("@cldemo/ui-kit/common/globalConfig"),ie=require("../Shared/language-BJ4aVgHI.js"),q=require("../Shared/Index.vue_vue_type_script_setup_true_lang-CFZ5jK-q.js");;/* empty css                        */const le=["id"],ce={class:"calendar-container table-base"},de={colspan:"7"},ue={class:"calendar-head-label"},ye=["title","onKeydown"],me={class:"calendar-head-label-year"},fe={class:"calendar-head-label-month"},he={class:"calendar-head-label-next"},pe=["title","onKeydown"],ge={class:"calendar-head-Week"},ke=["tabindex","aria-label","aria-selected","onClick","onMouseover","onMouseout","onKeydown"],ve={key:0,class:"day-today"},we={class:"day-num"},_e={key:3,class:"day-lunar-num"},De=e.defineComponent({name:"ClCalendar",__name:"Index",props:{id:String,className:String,viewDateTime:String,weekFirst:{type:String,default:"sunday",validator:d=>{const m=["monday","sunday"].includes(d);return m||x.warn("ClCalendar",`警告：weekFirst 仅支持 'monday' 或 'sunday'，收到 '${d}'，已按 sunday 处理`),m}},isShowLunar:Boolean,isWeekendRest:{type:Boolean,default:void 0},restDays:{type:Array,default:()=>[]},workDays:{type:Array,default:()=>[]}},emits:{onChange:d=>!0,onClick:d=>!0,onHover:(d,m)=>!0,onInit:d=>!0,onError:d=>!0},setup(d,{emit:m}){const i=d,h=m,p=`calendar-${y.getRandom(5)}`,j=i.id,{optPageLanguage:E,getPageLanguage:H}=ie.useLanguage();H("dataTime");const s=e.reactive({selectId:"",focusedId:""}),w=e.reactive({titleYear:"",titleMonth:""}),b=e.useTemplateRef("calendarRoot"),T=e.ref([]),I=e.ref([]),u={viewDate:null,currentDate:f.initDay(),isAnimating:!1},O=e.computed(()=>{if(i.isWeekendRest!==void 0)return i.isWeekendRest;const t=S.getGlobalConfig("calendar");return t?.isWeekendRest!==void 0?t.isWeekendRest:!0}),L=e.computed(()=>i.restDays.length>0?i.restDays:S.getGlobalConfig("calendar")?.restDays||[]),Y=e.computed(()=>i.workDays.length>0?i.workDays:S.getGlobalConfig("calendar")?.workDays||[]),P=e.computed(()=>{const t={"panel-calendar":!0};return y.getJsonMerge(t,W.getClassNameJson(i.className))}),z=()=>{if(!u.viewDate)return;const t=u.viewDate.localeData(),n=u.viewDate.year(),r=t.monthsShort(u.viewDate);w.titleYear=`${n}${E.value.year}`,w.titleMonth=r;const l=t.weekdaysMin(),a=t.firstDayOfWeek();let c=[];i.weekFirst==="sunday"?c=l:l.forEach((o,D)=>{c[(7+D-a)%7]=o}),T.value=c};let N=null;const _=e.ref(!1),R=async()=>{if(!_.value)try{N=(await import("lunar-typescript")).Lunar,_.value=!0}catch(t){x.warn("ClCalendar","农历插件加载失败，本次不显示农历",t)}},G=t=>{if(!N)return"";try{const n=N.fromDate(t.toDate()),r=n.getFestivals();if(y.isNonEmptyString(r[0]))return r[0];const l=n.getJieQi();if(y.isNonEmptyString(l))return l;const a=n.getDayInChinese();return y.isNonEmptyString(a)?a:""}catch(n){return x.warn("ClCalendar","农历计算异常，该格不显示农历",n),""}},J=t=>{const n=r=>r.some(l=>f.objDay(l).isSame(t,"day"));if(Y.value.length>0&&n(Y.value))return{text:"班"};if(L.value.length>0&&n(L.value))return{text:"休"};if(O.value){const r=t.day();if(r===0||r===6)return{text:"休"}}return null},Q=(t,n,r,l)=>{const a=t.date(),c=f.initFormat(t),o=i.isShowLunar&&_.value?G(t):"",D=J(t),M=t.year()===n&&t.month()<r||t.year()<n,C=t.year()===n&&t.month()>r||t.year()>n,$=l&&t.isSame(l,"day")&&!M&&!C;return{id:`day-${c}`,cls:W.getAddClass("calendar-day",{old:M,new:C,today:$}),day:c,dayNum:a,lunar:o,restMark:D?D.text:void 0,isOld:M,isNew:C,isCurrentMonth:!M&&!C,isToday:$}},U=()=>{const t=u.viewDate.clone(),n=u.currentDate;let r=t.clone().subtract(1,"months");r=r.date(r.daysInMonth()).startOf("week"),i.weekFirst==="sunday"&&(r=r.subtract(1,"days"));const l=[];let a=[];for(let c=0;c<42;c+=1){c>0&&(r=r.add(1,"days"));const o=Q(r.clone(),t.year(),t.month(),n);a.push(o),o.isCurrentMonth&&!y.isEmpty(s.selectId)&&o.dayNum===s.selectId&&(s.selectId=o.id),a.length===7&&(l.push({days:a}),a=[])}if(I.value=l,!y.isEmpty(s.selectId))s.focusedId=s.selectId;else{const c=l.flatMap(o=>o.days).find(o=>o.isCurrentMonth);s.focusedId=c?c.id:""}},g=t=>{u.viewDate=y.isEmpty(t)?f.initDay():f.getDayjsObject(t),u.viewDate&&typeof u.viewDate.isValid=="function"&&u.viewDate.isValid()||(u.viewDate=f.initDay()),z(),U()},v=t=>!t||!y.isString(t)||y.isEmpty(t)?(s.selectId=f.getDayjsObject("").date(),f.initFormat({format:"YYYY-MM"})):t.split("-").length===3?(s.selectId=f.getDayjsObject(t).date(),f.initFormat({value:t,format:"YYYY-MM"})):(s.selectId="",t),X=()=>{g(v(i.viewDateTime)),e.nextTick(()=>{k(s.focusedId),!y.isEmpty(s.selectId)&&y.isString(s.selectId)&&h("onInit",s.selectId.replace("day-",""))})},k=t=>{if(!y.isString(t)||y.isEmpty(t)||!b.value)return;const n=b.value.querySelector(`[aria-label="${t.replace("day-","")}"]`);if(!n)return;n.focus({preventScroll:!0});const r=n.getBoundingClientRect();(r.top<0||r.bottom>window.innerHeight)&&n.scrollIntoView({block:"nearest",behavior:"auto"})};e.onMounted(async()=>{i.isShowLunar&&await R(),e.nextTick(()=>{X(),i.isShowLunar&&_.value&&g(v(i.viewDateTime))})}),e.watch(()=>i.isShowLunar,t=>{t?R().then(()=>{g(v(i.viewDateTime)),e.nextTick(()=>k(s.focusedId))}):g(v(i.viewDateTime))}),e.watch(()=>i.viewDateTime,t=>{y.isEmpty(t)||(g(v(t)),e.nextTick(()=>k(s.focusedId)))});const A=(t,n)=>{t.preventDefault(),t.stopPropagation(),n.isCurrentMonth&&(s.focusedId=n.id,e.nextTick(()=>k(n.id)),s.selectId!==n.id&&(s.selectId=n.id,h("onClick",n.day)))},F=(t,n,r)=>{t.preventDefault(),t.stopPropagation(),n.isCurrentMonth&&h("onHover",n.day,r)},Z=(t,n,r)=>{const l=I.value.flatMap(o=>o.days);if(l.length===0)return;const a=n*7+r;let c=a;switch(t.key){case"ArrowLeft":t.preventDefault(),c=Math.max(0,a-1);break;case"ArrowRight":t.preventDefault(),c=Math.min(41,a+1);break;case"ArrowUp":t.preventDefault(),c=Math.max(0,a-7);break;case"ArrowDown":t.preventDefault(),c=Math.min(41,a+7);break;case"Enter":case" ":t.preventDefault(),A(t,l[a]);return;default:return}if(c!==a){const o=l[c];if(!o.isCurrentMonth)return;s.focusedId=o.id,e.nextTick(()=>k(o.id))}},B=()=>{if(!u.isAnimating){u.isAnimating=!0;try{const t=u.viewDate.clone();let n=f.subtractTime(t,1,"months");n=f.initFormat({value:n,format:"YYYY-MM"}),g(n),h("onChange",n),e.nextTick(()=>k(s.focusedId))}catch{h("onError","切换到上一月失败")}finally{u.isAnimating=!1}}},V=()=>{if(!u.isAnimating){u.isAnimating=!0;try{const t=u.viewDate.clone();let n=f.addTime(t,1,"months");n=f.initFormat({value:n,format:"YYYY-MM"}),g(n),h("onChange",n),e.nextTick(()=>k(s.focusedId))}catch{h("onError","切换到下一月失败")}finally{u.isAnimating=!1}}};return(t,n)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(P.value),id:e.unref(j),ref_key:"calendarRoot",ref:b},[e.createElementVNode("table",ce,[e.createElementVNode("thead",null,[e.createElementVNode("tr",null,[e.createElementVNode("th",de,[e.createElementVNode("div",ue,[e.createElementVNode("span",{class:"calendar-head-label-prev-month",title:e.unref(E).prevMonth,role:"button",tabindex:"0",onClick:B,onKeydown:[e.withKeys(e.withModifiers(B,["prevent"]),["enter"]),e.withKeys(e.withModifiers(B,["prevent"]),["space"])]},[e.createVNode(q._sfc_main,{name:"angle-left"})],40,ye),e.createElementVNode("span",null,[e.createElementVNode("span",me,e.toDisplayString(w.titleYear),1),e.createElementVNode("span",fe,e.toDisplayString(w.titleMonth),1)]),e.createElementVNode("span",he,[e.createElementVNode("span",{class:"calendar-head-label-next-month",title:e.unref(E).nextMonth,role:"button",tabindex:"0",onClick:V,onKeydown:[e.withKeys(e.withModifiers(V,["prevent"]),["enter"]),e.withKeys(e.withModifiers(V,["prevent"]),["space"])]},[e.createVNode(q._sfc_main,{name:"angle-right"})],40,pe)])])])]),e.createElementVNode("tr",ge,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(T.value,(r,l)=>(e.openBlock(),e.createElementBlock("th",{key:`${p}-week-${l}`},e.toDisplayString(r),1))),128))])]),e.createElementVNode("tbody",null,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(I.value,(r,l)=>(e.openBlock(),e.createElementBlock("tr",{key:`${p}-days-${l}`},[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(r.days,(a,c)=>(e.openBlock(),e.createElementBlock("td",{key:`${p}-day-${c}`,class:e.normalizeClass([a.cls,s.selectId===a.id?"calendar-day-select":"",s.focusedId===a.id?"calendar-day-focused":""]),tabindex:a.isCurrentMonth?s.focusedId===a.id?"0":"-1":void 0,role:"gridcell","aria-label":a.day,"aria-selected":s.selectId===a.id?"true":"false",onClick:e.withModifiers(o=>A(o,a),["stop"]),onMouseover:o=>F(o,a,!0),onMouseout:o=>F(o,a,!1),onKeydown:o=>Z(o,l,c)},[a.isToday?(e.openBlock(),e.createElementBlock("span",ve,"今")):(e.openBlock(),e.createElementBlock(e.Fragment,{key:1},[],64)),e.createElementVNode("div",we,e.toDisplayString(a.dayNum),1),a.restMark?(e.openBlock(),e.createElementBlock("div",{key:2,class:e.normalizeClass(["day-rest",a.restMark==="班"?"day-rest-work":"day-rest-rest"])},e.toDisplayString(a.restMark),3)):e.createCommentVNode("",!0),a.lunar?(e.openBlock(),e.createElementBlock("div",_e,e.toDisplayString(a.lunar),1)):e.createCommentVNode("",!0),a.isCurrentMonth?e.renderSlot(t.$slots,"day",{key:4,time:a.day,data:a.dayNum}):(e.openBlock(),e.createElementBlock(e.Fragment,{key:5},[],64))],42,ke))),128))]))),128))])])],10,le))}});module.exports=De;
+"use strict";var ee=Object.create;var K=Object.defineProperty;var te=Object.getOwnPropertyDescriptor;var ne=Object.getOwnPropertyNames;var ae=Object.getPrototypeOf,re=Object.prototype.hasOwnProperty;var se=(d,m,i,h)=>{if(m&&typeof m=="object"||typeof m=="function")for(let p of ne(m))!re.call(d,p)&&p!==i&&K(d,p,{get:()=>m[p],enumerable:!(h=te(m,p))||h.enumerable});return d};var oe=(d,m,i)=>(i=d!=null?ee(ae(d)):{},se(m||!d||!d.__esModule?K(i,"default",{value:d,enumerable:!0}):i,d));const e=require("vue"),x=require("@cldemo/ui-kit/common/log"),y=require("@cldemo/ui-kit/common/base"),f=require("@cldemo/ui-kit/common/day"),W=require("@cldemo/ui-kit/common/Element"),S=require("@cldemo/ui-kit/common/globalConfig"),ie=require("../Shared/language-BJ4aVgHI.js"),q=require("../Shared/Index.vue_vue_type_script_setup_true_lang-xONe0mSK.js");;/* empty css                        */const le=["id"],ce={class:"calendar-container table-base"},de={colspan:"7"},ue={class:"calendar-head-label"},ye=["title","onKeydown"],me={class:"calendar-head-label-year"},fe={class:"calendar-head-label-month"},he={class:"calendar-head-label-next"},pe=["title","onKeydown"],ge={class:"calendar-head-Week"},ke=["tabindex","aria-label","aria-selected","onClick","onMouseover","onMouseout","onKeydown"],ve={key:0,class:"day-today"},we={class:"day-num"},_e={key:3,class:"day-lunar-num"},De=e.defineComponent({name:"ClCalendar",__name:"Index",props:{id:String,className:String,viewDateTime:String,weekFirst:{type:String,default:"sunday",validator:d=>{const m=["monday","sunday"].includes(d);return m||x.warn("ClCalendar",`警告：weekFirst 仅支持 'monday' 或 'sunday'，收到 '${d}'，已按 sunday 处理`),m}},isShowLunar:Boolean,isWeekendRest:{type:Boolean,default:void 0},restDays:{type:Array,default:()=>[]},workDays:{type:Array,default:()=>[]}},emits:{onChange:d=>!0,onClick:d=>!0,onHover:(d,m)=>!0,onInit:d=>!0,onError:d=>!0},setup(d,{emit:m}){const i=d,h=m,p=`calendar-${y.getRandom(5)}`,j=i.id,{optPageLanguage:E,getPageLanguage:H}=ie.useLanguage();H("dataTime");const s=e.reactive({selectId:"",focusedId:""}),w=e.reactive({titleYear:"",titleMonth:""}),b=e.useTemplateRef("calendarRoot"),T=e.ref([]),I=e.ref([]),u={viewDate:null,currentDate:f.initDay(),isAnimating:!1},O=e.computed(()=>{if(i.isWeekendRest!==void 0)return i.isWeekendRest;const t=S.getGlobalConfig("calendar");return t?.isWeekendRest!==void 0?t.isWeekendRest:!0}),L=e.computed(()=>i.restDays.length>0?i.restDays:S.getGlobalConfig("calendar")?.restDays||[]),Y=e.computed(()=>i.workDays.length>0?i.workDays:S.getGlobalConfig("calendar")?.workDays||[]),P=e.computed(()=>{const t={"panel-calendar":!0};return y.getJsonMerge(t,W.getClassNameJson(i.className))}),z=()=>{if(!u.viewDate)return;const t=u.viewDate.localeData(),n=u.viewDate.year(),r=t.monthsShort(u.viewDate);w.titleYear=`${n}${E.value.year}`,w.titleMonth=r;const l=t.weekdaysMin(),a=t.firstDayOfWeek();let c=[];i.weekFirst==="sunday"?c=l:l.forEach((o,D)=>{c[(7+D-a)%7]=o}),T.value=c};let N=null;const _=e.ref(!1),R=async()=>{if(!_.value)try{N=(await import("lunar-typescript")).Lunar,_.value=!0}catch(t){x.warn("ClCalendar","农历插件加载失败，本次不显示农历",t)}},G=t=>{if(!N)return"";try{const n=N.fromDate(t.toDate()),r=n.getFestivals();if(y.isNonEmptyString(r[0]))return r[0];const l=n.getJieQi();if(y.isNonEmptyString(l))return l;const a=n.getDayInChinese();return y.isNonEmptyString(a)?a:""}catch(n){return x.warn("ClCalendar","农历计算异常，该格不显示农历",n),""}},J=t=>{const n=r=>r.some(l=>f.objDay(l).isSame(t,"day"));if(Y.value.length>0&&n(Y.value))return{text:"班"};if(L.value.length>0&&n(L.value))return{text:"休"};if(O.value){const r=t.day();if(r===0||r===6)return{text:"休"}}return null},Q=(t,n,r,l)=>{const a=t.date(),c=f.initFormat(t),o=i.isShowLunar&&_.value?G(t):"",D=J(t),M=t.year()===n&&t.month()<r||t.year()<n,C=t.year()===n&&t.month()>r||t.year()>n,$=l&&t.isSame(l,"day")&&!M&&!C;return{id:`day-${c}`,cls:W.getAddClass("calendar-day",{old:M,new:C,today:$}),day:c,dayNum:a,lunar:o,restMark:D?D.text:void 0,isOld:M,isNew:C,isCurrentMonth:!M&&!C,isToday:$}},U=()=>{const t=u.viewDate.clone(),n=u.currentDate;let r=t.clone().subtract(1,"months");r=r.date(r.daysInMonth()).startOf("week"),i.weekFirst==="sunday"&&(r=r.subtract(1,"days"));const l=[];let a=[];for(let c=0;c<42;c+=1){c>0&&(r=r.add(1,"days"));const o=Q(r.clone(),t.year(),t.month(),n);a.push(o),o.isCurrentMonth&&!y.isEmpty(s.selectId)&&o.dayNum===s.selectId&&(s.selectId=o.id),a.length===7&&(l.push({days:a}),a=[])}if(I.value=l,!y.isEmpty(s.selectId))s.focusedId=s.selectId;else{const c=l.flatMap(o=>o.days).find(o=>o.isCurrentMonth);s.focusedId=c?c.id:""}},g=t=>{u.viewDate=y.isEmpty(t)?f.initDay():f.getDayjsObject(t),u.viewDate&&typeof u.viewDate.isValid=="function"&&u.viewDate.isValid()||(u.viewDate=f.initDay()),z(),U()},v=t=>!t||!y.isString(t)||y.isEmpty(t)?(s.selectId=f.getDayjsObject("").date(),f.initFormat({format:"YYYY-MM"})):t.split("-").length===3?(s.selectId=f.getDayjsObject(t).date(),f.initFormat({value:t,format:"YYYY-MM"})):(s.selectId="",t),X=()=>{g(v(i.viewDateTime)),e.nextTick(()=>{k(s.focusedId),!y.isEmpty(s.selectId)&&y.isString(s.selectId)&&h("onInit",s.selectId.replace("day-",""))})},k=t=>{if(!y.isString(t)||y.isEmpty(t)||!b.value)return;const n=b.value.querySelector(`[aria-label="${t.replace("day-","")}"]`);if(!n)return;n.focus({preventScroll:!0});const r=n.getBoundingClientRect();(r.top<0||r.bottom>window.innerHeight)&&n.scrollIntoView({block:"nearest",behavior:"auto"})};e.onMounted(async()=>{i.isShowLunar&&await R(),e.nextTick(()=>{X(),i.isShowLunar&&_.value&&g(v(i.viewDateTime))})}),e.watch(()=>i.isShowLunar,t=>{t?R().then(()=>{g(v(i.viewDateTime)),e.nextTick(()=>k(s.focusedId))}):g(v(i.viewDateTime))}),e.watch(()=>i.viewDateTime,t=>{y.isEmpty(t)||(g(v(t)),e.nextTick(()=>k(s.focusedId)))});const A=(t,n)=>{t.preventDefault(),t.stopPropagation(),n.isCurrentMonth&&(s.focusedId=n.id,e.nextTick(()=>k(n.id)),s.selectId!==n.id&&(s.selectId=n.id,h("onClick",n.day)))},F=(t,n,r)=>{t.preventDefault(),t.stopPropagation(),n.isCurrentMonth&&h("onHover",n.day,r)},Z=(t,n,r)=>{const l=I.value.flatMap(o=>o.days);if(l.length===0)return;const a=n*7+r;let c=a;switch(t.key){case"ArrowLeft":t.preventDefault(),c=Math.max(0,a-1);break;case"ArrowRight":t.preventDefault(),c=Math.min(41,a+1);break;case"ArrowUp":t.preventDefault(),c=Math.max(0,a-7);break;case"ArrowDown":t.preventDefault(),c=Math.min(41,a+7);break;case"Enter":case" ":t.preventDefault(),A(t,l[a]);return;default:return}if(c!==a){const o=l[c];if(!o.isCurrentMonth)return;s.focusedId=o.id,e.nextTick(()=>k(o.id))}},B=()=>{if(!u.isAnimating){u.isAnimating=!0;try{const t=u.viewDate.clone();let n=f.subtractTime(t,1,"months");n=f.initFormat({value:n,format:"YYYY-MM"}),g(n),h("onChange",n),e.nextTick(()=>k(s.focusedId))}catch{h("onError","切换到上一月失败")}finally{u.isAnimating=!1}}},V=()=>{if(!u.isAnimating){u.isAnimating=!0;try{const t=u.viewDate.clone();let n=f.addTime(t,1,"months");n=f.initFormat({value:n,format:"YYYY-MM"}),g(n),h("onChange",n),e.nextTick(()=>k(s.focusedId))}catch{h("onError","切换到下一月失败")}finally{u.isAnimating=!1}}};return(t,n)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(P.value),id:e.unref(j),ref_key:"calendarRoot",ref:b},[e.createElementVNode("table",ce,[e.createElementVNode("thead",null,[e.createElementVNode("tr",null,[e.createElementVNode("th",de,[e.createElementVNode("div",ue,[e.createElementVNode("span",{class:"calendar-head-label-prev-month",title:e.unref(E).prevMonth,role:"button",tabindex:"0",onClick:B,onKeydown:[e.withKeys(e.withModifiers(B,["prevent"]),["enter"]),e.withKeys(e.withModifiers(B,["prevent"]),["space"])]},[e.createVNode(q._sfc_main,{name:"angle-left"})],40,ye),e.createElementVNode("span",null,[e.createElementVNode("span",me,e.toDisplayString(w.titleYear),1),e.createElementVNode("span",fe,e.toDisplayString(w.titleMonth),1)]),e.createElementVNode("span",he,[e.createElementVNode("span",{class:"calendar-head-label-next-month",title:e.unref(E).nextMonth,role:"button",tabindex:"0",onClick:V,onKeydown:[e.withKeys(e.withModifiers(V,["prevent"]),["enter"]),e.withKeys(e.withModifiers(V,["prevent"]),["space"])]},[e.createVNode(q._sfc_main,{name:"angle-right"})],40,pe)])])])]),e.createElementVNode("tr",ge,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(T.value,(r,l)=>(e.openBlock(),e.createElementBlock("th",{key:`${p}-week-${l}`},e.toDisplayString(r),1))),128))])]),e.createElementVNode("tbody",null,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(I.value,(r,l)=>(e.openBlock(),e.createElementBlock("tr",{key:`${p}-days-${l}`},[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(r.days,(a,c)=>(e.openBlock(),e.createElementBlock("td",{key:`${p}-day-${c}`,class:e.normalizeClass([a.cls,s.selectId===a.id?"calendar-day-select":"",s.focusedId===a.id?"calendar-day-focused":""]),tabindex:a.isCurrentMonth?s.focusedId===a.id?"0":"-1":void 0,role:"gridcell","aria-label":a.day,"aria-selected":s.selectId===a.id?"true":"false",onClick:e.withModifiers(o=>A(o,a),["stop"]),onMouseover:o=>F(o,a,!0),onMouseout:o=>F(o,a,!1),onKeydown:o=>Z(o,l,c)},[a.isToday?(e.openBlock(),e.createElementBlock("span",ve,"今")):(e.openBlock(),e.createElementBlock(e.Fragment,{key:1},[],64)),e.createElementVNode("div",we,e.toDisplayString(a.dayNum),1),a.restMark?(e.openBlock(),e.createElementBlock("div",{key:2,class:e.normalizeClass(["day-rest",a.restMark==="班"?"day-rest-work":"day-rest-rest"])},e.toDisplayString(a.restMark),3)):e.createCommentVNode("",!0),a.lunar?(e.openBlock(),e.createElementBlock("div",_e,e.toDisplayString(a.lunar),1)):e.createCommentVNode("",!0),a.isCurrentMonth?e.renderSlot(t.$slots,"day",{key:4,time:a.day,data:a.dayNum}):(e.openBlock(),e.createElementBlock(e.Fragment,{key:5},[],64))],42,ke))),128))]))),128))])])],10,le))}});module.exports=De;

package/buildLibs/utils/Web/ClCalendar.css

@@ -1 +1 @@
-.panel-calendar{position:relative;width:100%;min-width:350px}.panel-calendar table{margin:0;font-size:14px;user-select:none;width:100%}.panel-calendar table tr td,.panel-calendar table tr th{width:14.28%;height:30px;box-sizing:border-box;padding:0;margin:0;border:1px solid var(--cl-border-light, #dcdcdc)}.panel-calendar table tr th{text-align:center;height:40px}.panel-calendar table tr td{vertical-align:top;height:100px}.panel-calendar table tr td.calendar-day{color:var(--cl-text-secondary, #666666);cursor:pointer;position:relative;transition:box-shadow .15s ease,background-color .2s ease}.panel-calendar table tr td.calendar-day.calendar-day-select{box-shadow:inset 0 0 0 2px var(--cl-primary, #1088f0)}.panel-calendar table tr td.calendar-day:hover:not(.calendar-day-select){box-shadow:inset 0 0 0 2px var(--cl-primary-alpha-20, rgba(16, 136, 240, .2))}.panel-calendar table tr td.calendar-day.calendar-day-focused:not(.calendar-day-select){box-shadow:inset 0 0 0 2px var(--cl-primary-alpha-50, rgba(16, 136, 240, .45))}.panel-calendar table tr td.calendar-day.calendar-day-focused.calendar-day-select{box-shadow:inset 0 0 0 2px var(--cl-primary, #1088f0),inset 0 0 0 4px var(--cl-primary-alpha-30, rgba(16, 136, 240, .25))}.panel-calendar table tr td.old,.panel-calendar table tr td.new{color:#d3d3d3;cursor:no-drop}.panel-calendar table tr td.calendar-day>.day-num{position:absolute;top:6px;right:4px;width:24px;height:24px;line-height:24px;text-align:center;font-size:16px;border-radius:50%;transition:background-color .2s ease}.panel-calendar table tr td.calendar-day>.day-lunar-num{position:absolute;top:28px;right:4px;font-size:8px;color:var(--cl-text-tertiary, #aaaaaa)}.panel-calendar table tr td.calendar-day>.day-rest{position:absolute;bottom:4px;left:4px;width:16px;height:16px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:10px;line-height:1;color:var(--cl-bg, #ffffff);box-sizing:border-box}.panel-calendar table tr td.calendar-day>.day-rest-rest{background-color:var(--cl-success, #12b76a)}.panel-calendar table tr td.calendar-day>.day-rest-work{background-color:var(--cl-danger, #ee0a24)}.panel-calendar table tr td.calendar-day>.day-today{position:absolute;top:5px;left:4px;font-size:10px;color:var(--cl-primary, #1088f0);font-weight:700}.panel-calendar table tr td.calendar-day:hover>.day-num{background-color:var(--cl-primary-alpha-10, rgba(16, 136, 240, .1));font-weight:700;color:var(--cl-primary, #1088f0)}.panel-calendar table tr td.calendar-day.old:hover>.day-num,.panel-calendar table tr td.calendar-day.new:hover>.day-num{background-color:transparent;font-weight:400;color:#d3d3d3;cursor:no-drop}.panel-calendar table tr td.calendar-day.calendar-day-select>.day-num{background-color:var(--cl-primary-alpha-20, rgba(16, 136, 240, .15));font-weight:700;color:var(--cl-primary, #1088f0)}.calendar-head-label{display:flex;flex-direction:row;align-items:center;justify-content:space-between}.calendar-head-label-prev-month,.calendar-head-label-next{cursor:pointer;opacity:.5;transition:opacity .2s ease}.calendar-head-label-prev-month:hover,.calendar-head-label-next:hover{opacity:1}
+.panel-calendar{position:relative;width:100%;min-width:350px}.panel-calendar table{margin:0;font-size:14px;user-select:none;width:100%}.panel-calendar table tr td,.panel-calendar table tr th{width:14.28%;height:30px;box-sizing:border-box;padding:0;margin:0;border:1px solid var(--cl-border-light, #dcdcdc)}.panel-calendar table tr th{text-align:center;height:40px}.panel-calendar table tr td{vertical-align:top;height:100px}.panel-calendar table tr td.calendar-day{color:var(--cl-text-secondary, #666666);cursor:pointer;position:relative;transition:box-shadow .15s ease,background-color .2s ease}.panel-calendar table tr td.calendar-day.calendar-day-select{box-shadow:inset 0 0 0 2px var(--cl-primary, #1088f0)}.panel-calendar table tr td.calendar-day:hover:not(.calendar-day-select){box-shadow:inset 0 0 0 2px var(--cl-primary-alpha-20, rgba(16, 136, 240, .2))}.panel-calendar table tr td.calendar-day.calendar-day-focused:not(.calendar-day-select){box-shadow:inset 0 0 0 2px var(--cl-primary-alpha-50, rgba(16, 136, 240, .45))}.panel-calendar table tr td.calendar-day.calendar-day-focused.calendar-day-select{box-shadow:inset 0 0 0 2px var(--cl-primary, #1088f0),inset 0 0 0 4px var(--cl-primary-alpha-30, rgba(16, 136, 240, .25))}.panel-calendar table tr td.old,.panel-calendar table tr td.new{color:#d3d3d3;cursor:no-drop}.panel-calendar table tr td.calendar-day>.day-num{position:absolute;top:6px;right:4px;width:24px;height:24px;line-height:24px;text-align:center;font-size:16px;border-radius:50%;transition:background-color .2s ease}.panel-calendar table tr td.calendar-day>.day-lunar-num{position:absolute;top:28px;right:4px;font-size:8px;color:var(--cl-text-tertiary, #aaaaaa)}.panel-calendar table tr td.calendar-day>.day-rest{position:absolute;bottom:4px;left:4px;width:16px;height:16px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:10px;line-height:1;color:var(--cl-text-on-accent, #1a1a1a);box-sizing:border-box}.panel-calendar table tr td.calendar-day>.day-rest-rest{background-color:var(--cl-success, #12b76a)}.panel-calendar table tr td.calendar-day>.day-rest-work{background-color:var(--cl-danger, #ee0a24)}.panel-calendar table tr td.calendar-day>.day-today{position:absolute;top:5px;left:4px;font-size:10px;color:var(--cl-primary, #1088f0);font-weight:700}.panel-calendar table tr td.calendar-day:hover>.day-num{background-color:var(--cl-primary-alpha-10, rgba(16, 136, 240, .1));font-weight:700;color:var(--cl-primary, #1088f0)}.panel-calendar table tr td.calendar-day.old:hover>.day-num,.panel-calendar table tr td.calendar-day.new:hover>.day-num{background-color:transparent;font-weight:400;color:#d3d3d3;cursor:no-drop}.panel-calendar table tr td.calendar-day.calendar-day-select>.day-num{background-color:var(--cl-primary-alpha-20, rgba(16, 136, 240, .15));font-weight:700;color:var(--cl-primary, #1088f0)}.calendar-head-label{display:flex;flex-direction:row;align-items:center;justify-content:space-between}.calendar-head-label-prev-month,.calendar-head-label-next{cursor:pointer;opacity:.5;transition:opacity .2s ease}.calendar-head-label-prev-month:hover,.calendar-head-label-next:hover{opacity:1}

package/buildLibs/utils/Web/ClCalendar.js

@@ -9,7 +9,7 @@ import y from "@cldemo/ui-kit/common/day";
 import ae from "@cldemo/ui-kit/common/Element";
 import { getGlobalConfig as O } from "@cldemo/ui-kit/common/globalConfig";
 import { a as we } from "../Shared/language-CZZEj4e3.js";
-import { _ as ne } from "../Shared/Index.vue_vue_type_script_setup_true_lang-C2LGy18j.js";
+import { _ as ne } from "../Shared/Index.vue_vue_type_script_setup_true_lang-Bt0l5FYh.js";
 /* empty css                       */
 const _e = ["id"], ke = { class: "calendar-container table-base" }, De = { colspan: "7" }, Me = { class: "calendar-head-label" }, Ce = ["title", "onKeydown"], Ie = { class: "calendar-head-label-year" }, be = { class: "calendar-head-label-month" }, Se = { class: "calendar-head-label-next" }, xe = ["title", "onKeydown"], Ee = { class: "calendar-head-Week" }, Ye = ["tabindex", "aria-label", "aria-selected", "onClick", "onMouseover", "onMouseout", "onKeydown"], Le = {
   key: 0,

package/buildLibs/utils/Web/ClCalendarM.css

@@ -1 +1 @@
-.panel-calendar-m{width:100%;box-sizing:border-box;background:var(--cl-bg, #ffffff);border-radius:16px;padding-bottom:8px;max-height:80vh;overflow-y:auto}.panel-calendarm__header{height:44px;display:flex;align-items:center;justify-content:center}.panel-calendarm__title{font-size:16px;font-weight:600;color:var(--cl-text-primary, #323233)}.panel-calendarm__subtitle{height:44px;display:flex;align-items:center;justify-content:space-between;padding:0 12px}.panel-calendarm__arrow{width:32px;height:32px;display:flex;align-items:center;justify-content:center;font-size:22px;line-height:1;color:var(--cl-text-secondary, #666666);cursor:pointer;user-select:none}.panel-calendarm__arrow:active{opacity:.6}.panel-calendarm__month{font-size:15px;font-weight:600;color:var(--cl-text-primary, #323233)}.panel-calendarm__weekdays{display:grid;grid-template-columns:repeat(7,1fr);height:32px}.panel-calendarm__weekday{display:flex;align-items:center;justify-content:center;font-size:12px;color:var(--cl-text-secondary, #666666)}.panel-calendarm__days{display:grid;grid-template-columns:repeat(7,1fr)}.panel-calendarm__day{height:52px;display:flex;align-items:center;justify-content:center;font-size:14px;color:var(--cl-text-primary, #323233);cursor:pointer;user-select:none}.panel-calendarm__day:active{opacity:.7}.panel-calendarm__day-inner{position:relative;width:36px;height:36px;border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1px;border:1px solid transparent;box-sizing:border-box}.panel-calendarm__day-rest{position:absolute;top:-3px;right:-3px;width:13px;height:13px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:8px;line-height:1;color:var(--cl-bg, #ffffff);box-sizing:border-box}.panel-calendarm__day-rest--rest{background-color:var(--cl-success, #12b76a)}.panel-calendarm__day-rest--work{background-color:var(--cl-danger, #ee0a24)}.panel-calendarm__day-num{font-size:14px;line-height:1.2}.panel-calendarm__day-lunar{font-size:9px;line-height:1;color:var(--cl-text-secondary, #666666)}.panel-calendarm__day--selected .panel-calendarm__day-lunar,.panel-calendarm__day--start .panel-calendarm__day-lunar,.panel-calendarm__day--end .panel-calendarm__day-lunar{color:var(--cl-white-alpha-80, rgba(255, 255, 255, .85))}.panel-calendarm__day--disabled .panel-calendarm__day-lunar,.panel-calendarm__day--prev .panel-calendarm__day-lunar,.panel-calendarm__day--next .panel-calendarm__day-lunar{color:var(--cl-text-disabled, #c8c9cc)}.panel-calendarm__day--today:not(.panel-calendarm__day--selected):not(.panel-calendarm__day--start):not(.panel-calendarm__day--end) .panel-calendarm__day-lunar{color:var(--cl-text-secondary, #666666)}.panel-calendarm__day--prev,.panel-calendarm__day--next{color:var(--cl-text-disabled, #c8c9cc)}.panel-calendarm__day--disabled{color:var(--cl-text-disabled, #c8c9cc);cursor:not-allowed}.panel-calendarm__day--disabled:active{opacity:1}.panel-calendarm__day--today .panel-calendarm__day-inner{color:currentColor}.panel-calendarm__day--selected .panel-calendarm__day-inner{border-radius:50%}.panel-calendarm__day--start .panel-calendarm__day-inner,.panel-calendarm__day--end .panel-calendarm__day-inner{border-radius:8px}.panel-calendarm__day--in-range .panel-calendarm__day-inner{border-radius:0;border:none}.panel-calendarm__footer{height:50px;display:flex;align-items:center;justify-content:space-between;padding:0 12px}.panel-calendarm__cancel{font-size:14px;color:var(--cl-text-secondary, #666666);cursor:pointer;padding:8px 12px;user-select:none}.panel-calendarm__cancel:active{opacity:.6}.panel-calendarm__confirm{font-size:14px;font-weight:500;cursor:pointer;padding:8px 12px;user-select:none}.panel-calendarm__confirm:active{opacity:.6}
+.panel-calendar-m{width:100%;box-sizing:border-box;background:var(--cl-bg, #ffffff);border-radius:16px;padding-bottom:8px;max-height:80vh;overflow-y:auto}.panel-calendarm__header{height:44px;display:flex;align-items:center;justify-content:center}.panel-calendarm__title{font-size:16px;font-weight:600;color:var(--cl-text-primary, #323233)}.panel-calendarm__subtitle{height:44px;display:flex;align-items:center;justify-content:space-between;padding:0 12px}.panel-calendarm__arrow{width:32px;height:32px;display:flex;align-items:center;justify-content:center;font-size:22px;line-height:1;color:var(--cl-text-secondary, #666666);cursor:pointer;user-select:none}.panel-calendarm__arrow:active{opacity:.6}.panel-calendarm__month{font-size:15px;font-weight:600;color:var(--cl-text-primary, #323233)}.panel-calendarm__weekdays{display:grid;grid-template-columns:repeat(7,1fr);height:32px}.panel-calendarm__weekday{display:flex;align-items:center;justify-content:center;font-size:12px;color:var(--cl-text-secondary, #666666)}.panel-calendarm__days{display:grid;grid-template-columns:repeat(7,1fr)}.panel-calendarm__day{height:52px;display:flex;align-items:center;justify-content:center;font-size:14px;color:var(--cl-text-primary, #323233);cursor:pointer;user-select:none}.panel-calendarm__day:active{opacity:.7}.panel-calendarm__day-inner{position:relative;width:38px;height:38px;border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1px;border:1px solid transparent;box-sizing:border-box}.panel-calendarm__day-rest{position:absolute;top:-3px;right:-3px;width:13px;height:13px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:8px;line-height:1;color:var(--cl-text-on-accent, #1a1a1a);box-sizing:border-box}.panel-calendarm__day-rest--rest{background-color:var(--cl-success, #12b76a)}.panel-calendarm__day-rest--work{background-color:var(--cl-danger, #ee0a24)}.panel-calendarm__day-num{font-size:14px;line-height:1.2}.panel-calendarm__day-lunar{font-size:9px;line-height:1;color:var(--cl-text-secondary, #666666)}.panel-calendarm__day--selected .panel-calendarm__day-lunar,.panel-calendarm__day--start .panel-calendarm__day-lunar,.panel-calendarm__day--end .panel-calendarm__day-lunar{color:var(--cl-white-alpha-80, rgba(255, 255, 255, .85))}.panel-calendarm__day--disabled .panel-calendarm__day-lunar,.panel-calendarm__day--prev .panel-calendarm__day-lunar,.panel-calendarm__day--next .panel-calendarm__day-lunar{color:var(--cl-text-disabled, #c8c9cc)}.panel-calendarm__day--today:not(.panel-calendarm__day--selected):not(.panel-calendarm__day--start):not(.panel-calendarm__day--end) .panel-calendarm__day-lunar{color:var(--cl-text-secondary, #666666)}.panel-calendarm__day--prev,.panel-calendarm__day--next{color:var(--cl-text-disabled, #c8c9cc)}.panel-calendarm__day--disabled{color:var(--cl-text-disabled, #c8c9cc);cursor:not-allowed}.panel-calendarm__day--disabled:active{opacity:1}.panel-calendarm__day--today .panel-calendarm__day-inner{color:currentColor}.panel-calendarm__day--selected .panel-calendarm__day-inner{border-radius:50%}.panel-calendarm__day--start .panel-calendarm__day-inner,.panel-calendarm__day--end .panel-calendarm__day-inner{border-radius:8px}.panel-calendarm__day--in-range .panel-calendarm__day-inner{border-radius:0;border:none}.panel-calendarm__footer{height:50px;display:flex;align-items:center;justify-content:space-between;padding:0 12px}.panel-calendarm__cancel{font-size:14px;color:var(--cl-text-secondary, #666666);cursor:pointer;padding:8px 12px;user-select:none}.panel-calendarm__cancel:active{opacity:.6}.panel-calendarm__confirm{font-size:14px;font-weight:500;cursor:pointer;padding:8px 12px;user-select:none}.panel-calendarm__confirm:active{opacity:.6}

package/buildLibs/utils/Web/ClCodeLegend.cjs

@@ -1 +1 @@
-"use strict";const e=require("vue"),h=require("@cldemo/ui-kit/common/base"),I=require("../Shared/Index.vue_vue_type_script_setup_true_lang-Dpd7g1z_.js"),W=require("../Shared/Index.vue_vue_type_script_setup_true_lang-CFZ5jK-q.js");;/* empty css                              */const b={class:"code-legend-demo"},q={class:"code-legend-code"},D=["aria-label"],w=25,V=100,z=e.defineComponent({name:"ClCodeLegend",__name:"Index",props:{id:{},className:{},title:{}},setup(_){const i=_,C=i.id,p=e.useTemplateRef("refElCard"),E=e.useTemplateRef("refElFoot"),n=e.ref(!1),a=e.ref(!1),r=e.ref("auto");let c=null,u=null,l=null;const F=e.computed(()=>{const t=["code-legend"];return i.className&&h.isString(i.className)&&!h.isEmpty(i.className)&&i.className.split(" ").forEach(o=>{h.isEmpty(o)||t.push(o)}),t.join(" ")}),x=e.computed(()=>({"code-legend-footer":!0,"card-footer-fixed":a.value})),N=e.computed(()=>({"icon-rotate":!0,"rotate-180":n.value})),f=()=>{c&&(clearTimeout(c),c=null),u&&(clearTimeout(u),u=null)},d=()=>{if(n.value){const t=p.value?.$el;if(!t)return;const o=t.clientWidth,s=E.value;if(!s)return;const $=s.getBoundingClientRect(),y=t.getBoundingClientRect(),k=window.innerHeight;y.top<k&&y.bottom>k?(a.value=!0,r.value=o.toString()+"px",s.style.left=$.left+"px"):(a.value=!1,r.value="auto",s.style.left="")}else a.value=!1,r.value="auto"},g=()=>{l||(l=setTimeout(()=>{l=null,d()},V))};e.watch(()=>n.value,(t,o)=>{t!==o&&(f(),t?m():v())});const T=()=>{n.value=!n.value},S=t=>{(t.key==="Enter"||t.key===" ")&&(t.preventDefault(),T())},B=t=>{const o=t;o.style.height="auto";const s=window.getComputedStyle(o,null).height;o.style.height="0",c=setTimeout(function(){o.style.height=s},w)},L=t=>{const o=t;u=setTimeout(function(){o.style.height="0"},w)},R=()=>{e.nextTick(()=>{d()})},A=()=>{e.nextTick(()=>{d()})},m=()=>{window.addEventListener("scroll",g)},v=()=>{window.removeEventListener("scroll",g),l&&(clearTimeout(l),l=null)};return e.onMounted(()=>{n.value&&m()}),e.onActivated(()=>{n.value&&(m(),d())}),e.onDeactivated(()=>{v(),f()}),e.onUnmounted(()=>{v(),f()}),(t,o)=>(e.openBlock(),e.createBlock(I._sfc_main,{ref_key:"refElCard",ref:p,id:e.unref(C),theme:"loopline",className:F.value},{headTitle:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(_.title),1)]),headExplain:e.withCtx(()=>[t.$slots.remark?e.renderSlot(t.$slots,"remark",{key:0}):(e.openBlock(),e.createElementBlock(e.Fragment,{key:1},[],64))]),default:e.withCtx(()=>[e.createElementVNode("div",b,[e.renderSlot(t.$slots,"demo")]),e.createVNode(e.Transition,{name:"slide-fade",onEnter:B,onAfterEnter:R,onLeave:L,onAfterLeave:A},{default:e.withCtx(()=>[e.withDirectives(e.createElementVNode("div",null,[e.createElementVNode("div",q,[e.renderSlot(t.$slots,"code")])],512),[[e.vShow,n.value]])]),_:3})]),foot:e.withCtx(()=>[t.$slots.code?(e.openBlock(),e.createElementBlock("div",{key:0,ref_key:"refElFoot",ref:E,class:e.normalizeClass(x.value),role:"button",tabindex:"0","aria-label":n.value?"收起代码":"展开代码",onClick:T,onKeydown:S,style:e.normalizeStyle({width:r.value})},[e.createVNode(W._sfc_main,{name:"caret-down",class:e.normalizeClass(N.value)},null,8,["class"])],46,D)):(e.openBlock(),e.createElementBlock(e.Fragment,{key:1},[],64))]),_:3},8,["id","className"]))}});module.exports=z;
+"use strict";const e=require("vue"),h=require("@cldemo/ui-kit/common/base"),I=require("../Shared/Index.vue_vue_type_script_setup_true_lang-Dpd7g1z_.js"),W=require("../Shared/Index.vue_vue_type_script_setup_true_lang-xONe0mSK.js");;/* empty css                              */const b={class:"code-legend-demo"},q={class:"code-legend-code"},D=["aria-label"],w=25,V=100,z=e.defineComponent({name:"ClCodeLegend",__name:"Index",props:{id:{},className:{},title:{}},setup(_){const i=_,C=i.id,p=e.useTemplateRef("refElCard"),E=e.useTemplateRef("refElFoot"),n=e.ref(!1),a=e.ref(!1),r=e.ref("auto");let c=null,u=null,l=null;const F=e.computed(()=>{const t=["code-legend"];return i.className&&h.isString(i.className)&&!h.isEmpty(i.className)&&i.className.split(" ").forEach(o=>{h.isEmpty(o)||t.push(o)}),t.join(" ")}),x=e.computed(()=>({"code-legend-footer":!0,"card-footer-fixed":a.value})),N=e.computed(()=>({"icon-rotate":!0,"rotate-180":n.value})),f=()=>{c&&(clearTimeout(c),c=null),u&&(clearTimeout(u),u=null)},d=()=>{if(n.value){const t=p.value?.$el;if(!t)return;const o=t.clientWidth,s=E.value;if(!s)return;const $=s.getBoundingClientRect(),y=t.getBoundingClientRect(),k=window.innerHeight;y.top<k&&y.bottom>k?(a.value=!0,r.value=o.toString()+"px",s.style.left=$.left+"px"):(a.value=!1,r.value="auto",s.style.left="")}else a.value=!1,r.value="auto"},g=()=>{l||(l=setTimeout(()=>{l=null,d()},V))};e.watch(()=>n.value,(t,o)=>{t!==o&&(f(),t?m():v())});const T=()=>{n.value=!n.value},S=t=>{(t.key==="Enter"||t.key===" ")&&(t.preventDefault(),T())},B=t=>{const o=t;o.style.height="auto";const s=window.getComputedStyle(o,null).height;o.style.height="0",c=setTimeout(function(){o.style.height=s},w)},L=t=>{const o=t;u=setTimeout(function(){o.style.height="0"},w)},R=()=>{e.nextTick(()=>{d()})},A=()=>{e.nextTick(()=>{d()})},m=()=>{window.addEventListener("scroll",g)},v=()=>{window.removeEventListener("scroll",g),l&&(clearTimeout(l),l=null)};return e.onMounted(()=>{n.value&&m()}),e.onActivated(()=>{n.value&&(m(),d())}),e.onDeactivated(()=>{v(),f()}),e.onUnmounted(()=>{v(),f()}),(t,o)=>(e.openBlock(),e.createBlock(I._sfc_main,{ref_key:"refElCard",ref:p,id:e.unref(C),theme:"loopline",className:F.value},{headTitle:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(_.title),1)]),headExplain:e.withCtx(()=>[t.$slots.remark?e.renderSlot(t.$slots,"remark",{key:0}):(e.openBlock(),e.createElementBlock(e.Fragment,{key:1},[],64))]),default:e.withCtx(()=>[e.createElementVNode("div",b,[e.renderSlot(t.$slots,"demo")]),e.createVNode(e.Transition,{name:"slide-fade",onEnter:B,onAfterEnter:R,onLeave:L,onAfterLeave:A},{default:e.withCtx(()=>[e.withDirectives(e.createElementVNode("div",null,[e.createElementVNode("div",q,[e.renderSlot(t.$slots,"code")])],512),[[e.vShow,n.value]])]),_:3})]),foot:e.withCtx(()=>[t.$slots.code?(e.openBlock(),e.createElementBlock("div",{key:0,ref_key:"refElFoot",ref:E,class:e.normalizeClass(x.value),role:"button",tabindex:"0","aria-label":n.value?"收起代码":"展开代码",onClick:T,onKeydown:S,style:e.normalizeStyle({width:r.value})},[e.createVNode(W._sfc_main,{name:"caret-down",class:e.normalizeClass(N.value)},null,8,["class"])],46,D)):(e.openBlock(),e.createElementBlock(e.Fragment,{key:1},[],64))]),_:3},8,["id","className"]))}});module.exports=z;

package/buildLibs/utils/Web/ClCodeLegend.css

@@ -1 +1 @@
-.code-legend.card-box{transition:.2s}.code-legend.card-box:hover{border-color:var(--cl-border, #cfcfcf);box-shadow:2px 2px 8px #e8edfa99,-2px -2px 4px #e8edfa80}.card-box.card-loopline.code-legend.card-box:hover>.card-head>.card-title{padding:1px 11px}.code-legend.card-box>.card-body{padding:0}.code-legend.card-box>.card-body .code-legend-demo{padding:0 16px 16px}.code-legend.card-box>.card-body .code-legend-code{padding:16px;border-top:1px solid var(--cl-bg-muted, #f5f5f5);background-color:var(--cl-bg-subtle, #fafafa)}.code-legend.card-box:hover>.card-body .code-legend-code{border-top:1px dashed var(--cl-border, #cfcfcf);background-color:var(--cl-bg-subtle, #fafafa)}.code-legend.card-box>.card-body .code-legend-code>pre{margin-top:0;margin-bottom:0;font-size:87.5%;font-family:SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;color:#212529}.code-legend.card-box>.card-body .code-legend-code>pre>code{background-color:var(--cl-bg-subtle, #fafafa);white-space:pre;padding:0 0 0 16px;font-size:inherit;font-family:inherit;color:inherit;word-break:normal}.code-legend.card-box>.card-footer{border:none;background-color:transparent;padding:0}.code-legend.card-box>.card-footer .code-legend-footer{color:var(--cl-border, #cfcfcf);text-align:center;cursor:pointer;padding:8px 0;border-top:1px solid var(--cl-bg-muted, #f5f5f5)}.code-legend.card-box .card-footer:last-child{border-radius:0}.code-legend:hover>.card-footer .code-legend-footer{color:var(--cl-primary, #1088f0);border-top:1px dashed var(--cl-border, #cfcfcf)}.code-legend:hover>.card-footer .code-legend-footer:hover{background-color:#f9fafc}.code-legend>.card-footer .code-legend-footer:focus{outline:none;background-color:#e8f4fd}.code-legend>.card-footer .code-legend-footer.card-footer-fixed{position:fixed;bottom:0;z-index:100;background-color:var(--cl-bg, #ffffff);color:var(--cl-primary, #1088f0)}.slide-fade-enter-active,.slide-fade-leave-active{transition:all var(--cl-transition-slow, .4s) ease-out;overflow:hidden}
+.code-legend.card-box{transition:.2s}.code-legend.card-box:hover{border-color:var(--cl-border, #cfcfcf);box-shadow:2px 2px 8px #e8edfa99,-2px -2px 4px #e8edfa80}.card-box.card-loopline.code-legend.card-box:hover>.card-head>.card-title{padding:1px 11px}.code-legend.card-box>.card-body{padding:0}.code-legend.card-box>.card-body .code-legend-demo{padding:0 16px 16px}.code-legend.card-box>.card-body .code-legend-code{padding:16px;border-top:1px solid var(--cl-bg-muted, #f5f5f5);background-color:var(--cl-bg-subtle, #fafafa)}.code-legend.card-box:hover>.card-body .code-legend-code{border-top:1px dashed var(--cl-border, #cfcfcf);background-color:var(--cl-bg-subtle, #fafafa)}.code-legend.card-box>.card-body .code-legend-code>pre{margin-top:0;margin-bottom:0;font-size:87.5%;font-family:SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;color:#212529}.code-legend.card-box>.card-body .code-legend-code>pre>code{background-color:var(--cl-bg-subtle, #fafafa);white-space:pre;padding:0 0 0 16px;font-size:inherit;font-family:inherit;color:inherit;word-break:normal}.code-legend.card-box>.card-footer{border:none;background-color:transparent;padding:0}.code-legend.card-box>.card-footer .code-legend-footer{color:var(--cl-text-tertiary, #aaaaaa);text-align:center;cursor:pointer;padding:8px 0;border-top:1px solid var(--cl-bg-muted, #f5f5f5)}.code-legend.card-box .card-footer:last-child{border-radius:0}.code-legend:hover>.card-footer .code-legend-footer{color:var(--cl-primary, #1088f0);border-top:1px dashed var(--cl-border, #cfcfcf)}.code-legend:hover>.card-footer .code-legend-footer:hover{background-color:#f9fafc}.code-legend>.card-footer .code-legend-footer:focus{outline:none;background-color:#e8f4fd}.code-legend>.card-footer .code-legend-footer.card-footer-fixed{position:fixed;bottom:0;z-index:100;background-color:var(--cl-bg, #ffffff);color:var(--cl-primary, #1088f0)}.slide-fade-enter-active,.slide-fade-leave-active{transition:all var(--cl-transition-slow, .4s) ease-out;overflow:hidden}

package/buildLibs/utils/Web/ClCodeLegend.js

@@ -5,7 +5,7 @@ import '../../styles/Web/ClCodeLegend.css';
 import { defineComponent as P, useTemplateRef as $, ref as p, computed as g, watch as U, onMounted as Y, onActivated as q, onDeactivated as G, onUnmounted as J, openBlock as f, createBlock as Q, unref as X, withCtx as i, createElementBlock as E, normalizeStyle as Z, normalizeClass as x, createVNode as A, Fragment as R, createElementVNode as T, renderSlot as _, Transition as ee, withDirectives as te, vShow as oe, createTextVNode as ne, toDisplayString as le, nextTick as B } from "vue";
 import y from "@cldemo/ui-kit/common/base";
 import { _ as se } from "../Shared/Index.vue_vue_type_script_setup_true_lang-B79oRl-U.js";
-import { _ as ie } from "../Shared/Index.vue_vue_type_script_setup_true_lang-C2LGy18j.js";
+import { _ as ie } from "../Shared/Index.vue_vue_type_script_setup_true_lang-Bt0l5FYh.js";
 /* empty css                             */
 const ae = { class: "code-legend-demo" }, re = { class: "code-legend-code" }, ce = ["aria-label"], W = 25, de = 100, pe = /* @__PURE__ */ P({
   name: "ClCodeLegend",

package/buildLibs/utils/Web/ClColorPicker.cjs

@@ -1 +1 @@
-"use strict";const e=require("vue"),y=require("@cldemo/ui-kit/common/base"),S=require("../Shared/Index.vue_vue_type_script_setup_true_lang-CFZ5jK-q.js"),ee=require("../Shared/Popup.vue_vue_type_script_setup_true_lang-2PS2RvJ7.js"),M=require("@cldemo/ui-kit/common/Element/Event"),J=require("@cldemo/ui-kit/common/Element"),E=require("../Shared/Index.vue_vue_type_script_setup_true_lang-DXPZYc0c.js"),te=require("../Shared/Index.vue_vue_type_script_setup_true_lang-Eczgr-_r.js"),le=require("../Shared/language-BJ4aVgHI.js");;/* empty css                            */const G=(a,t)=>Object.prototype.hasOwnProperty.call(a,t),ne=(a,t,n)=>{const o=(2-t)*n/2,p=o===0||o===1?0:t*n/(o<.5?o*2:2-o*2);return[a,p,o]},oe=a=>typeof a=="string"&&a.includes(".")&&Number.parseFloat(a)===1,ae=a=>typeof a=="string"&&a.includes("%"),T=(a,t)=>{oe(a)&&(a="100%");const n=ae(a);return a=Math.min(t,Math.max(0,Number.parseFloat(`${a}`))),n&&(a=Number.parseInt(`${a*t}`,10)/100),Math.abs(a-t)<1e-6?1:a%t/Number.parseFloat(t)},j={10:"A",11:"B",12:"C",13:"D",14:"E",15:"F"},A=a=>{a=Math.min(Math.round(a),255);const t=Math.floor(a/16),n=a%16;return`${j[t]||t}${j[n]||n}`},Y=({r:a,g:t,b:n})=>Number.isNaN(+a)||Number.isNaN(+t)||Number.isNaN(+n)?"":`#${A(a)}${A(t)}${A(n)}`,H={A:10,B:11,C:12,D:13,E:14,F:15},x=a=>a.length===2?(H[a[0].toUpperCase()]||+a[0])*16+(H[a[1].toUpperCase()]||+a[1]):H[a[1].toUpperCase()]||+a[1],re=(a,t,n)=>{t=t/100,n=n/100;let o=t;const p=Math.max(n,.01);n*=2,t*=n<=1?n:2-n,o*=p<=1?p:2-p;const r=(n+t)/2,d=n===0?2*o/(p+o):2*t/(n+t);return{h:a,s:d*100,v:r*100}},Q=(a,t,n)=>{a=T(a,255),t=T(t,255),n=T(n,255);const o=Math.max(a,t,n),p=Math.min(a,t,n);let r=0;const d=o,l=o-p,c=o===0?0:l/o;if(o===p)r=0;else{switch(o){case a:{r=(t-n)/l+(t<n?6:0);break}case t:{r=(n-a)/l+2;break}case n:{r=(a-t)/l+4;break}}r/=6}return{h:r*360,s:c*100,v:d*100}},D=(a,t,n)=>{a=T(a,360)*6,t=T(t,100),n=T(n,100);const o=Math.floor(a),p=a-o,r=n*(1-t),d=n*(1-p*t),l=n*(1-(1-p)*t),c=o%6,s=[n,d,r,r,l,n][c],h=[l,n,n,d,r,r][c],C=[r,r,l,n,n,d][c];return{r:Math.round(s*255),g:Math.round(h*255),b:Math.round(C*255)}};class se{_hue=0;_saturation=100;_value=100;_alpha=100;enableAlpha=!1;format="hex";value="";selected;constructor(t){t=t||{};for(const n in t)G(t,n)&&(this[n]=t[n]);t.value?this.fromString(t.value):this.doOnChange()}set(t,n){if(arguments.length===1&&typeof t=="object"){for(const o in t)G(t,o)&&this.set(o,t[o]);return}this[`_${t}`]=n,this.doOnChange()}get(t){return t==="alpha"?Math.floor(this[`_${t}`]):this[`_${t}`]}toRgb(){return D(this._hue,this._saturation,this._value)}fromString(t){if(!t)return;const n=this._convertValueInfo(t);n&&(this._hue=n.hue,this._saturation=n.saturation,this._value=n.value,this._alpha=n.alpha,this.doOnChange())}compare(t){return Math.abs(t._hue-this._hue)<2&&Math.abs(t._saturation-this._saturation)<1&&Math.abs(t._value-this._value)<1&&Math.abs(t._alpha-this._alpha)<1}doOnChange(){const{_hue:t,_saturation:n,_value:o,_alpha:p,format:r}=this,d={hue:t,saturation:n,value:o,alpha:p};let l=this._convertFormat(r,d);l.length===0&&(l=this._getValueRGB(d)),this.value=l}checkValue(t){let n=!1,o="";if(/^rgb\(/.test(t)?o="^[rR][gG][Bb][\\(]([\\s]*(2[0-4][0-9]|25[0-5]|[01]?[0-9][0-9]?)[\\s]*,){2}[\\s]*(2[0-4]\\d|25[0-5]|[01]?\\d\\d?)[\\s]*[\\)]{1}$":/^rgba\(/.test(t)?o="^[rR][gG][Bb][Aa][\\(]([\\s]*(2[0-4][0-9]|25[0-5]|[01]?[0-9][0-9]?)[\\s]*,){3}[\\s]*(1|1.0|0|0.[0-9])[\\s]*[\\)]{1}$":/^#/.test(t)?o="^#([0-9a-fA-F]{6}|[0-9a-fA-F]{3})$":/^hsl\(/.test(t)?o="^[hH][Ss][Ll][\\(]([\\s]*(2[0-9][0-9]|360|3[0-5][0-9]|[01]?[0-9][0-9]?)[\\s]*,)([\\s]*((100|[0-9][0-9]?)%|0)[\\s]*,)([\\s]*((100|[0-9][0-9]?)%|0)[\\s]*)[\\)]$":/^hsla\(/.test(t)?o="^[hH][Ss][Ll][Aa][\\(]([\\s]*(2[0-9][0-9]|360|3[0-5][0-9]|[01]?[0-9][0-9]?)[\\s]*,)([\\s]*((100|[0-9][0-9]?)%|0)[\\s]*,){2}([\\s]*(1|1.0|0|0.[0-9])[\\s]*)[\\)]$":/^hsv\(/.test(t)?o="^[hH][Ss][Vv][\\(]([\\s]*(2[0-9][0-9]|360|3[0-5][0-9]|[01]?[0-9][0-9]?)[\\s]*,)([\\s]*((100|[0-9][0-9]?)%|0)[\\s]*,)([\\s]*((100|[0-9][0-9]?)%|0)[\\s]*)[\\)]$":/^hsva\(/.test(t)&&(o="^[hH][Ss][Vv][Aa][\\(]([\\s]*(2[0-9][0-9]|360|3[0-5][0-9]|[01]?[0-9][0-9]?)[\\s]*,)([\\s]*((100|[0-9][0-9]?)%|0)[\\s]*,){2}([\\s]*(1|1.0|0|0.[0-9])[\\s]*)[\\)]$"),o.length>0){const p=new RegExp(o);n=t.match(p)!==null}return n}getValueFormat(t,n){const o=this._convertValueInfo(t);return o?this._convertFormat(n,o):t}_convertValueInfo(t){let n=0,o=100,p=100,r=100;if(t){let d;if(t.includes("hsl")){const l=t.replace(/hsla|hsl|\(|\)/gm,"").split(/\s|,/g).filter(c=>c!=="").map((c,s)=>s>2?Number.parseFloat(c):Number.parseInt(c,10));l.length===4?(r=Number.parseFloat(l[3].toString()),r=r>1?1:r,r=r*100):l.length===3&&(r=100),l.length>=3&&(d=re(l[0],l[1],l[2]))}else if(t.includes("hsv")){const l=t.replace(/hsva|hsv|\(|\)/gm,"").split(/\s|,/g).filter(c=>c!=="").map((c,s)=>s>2?Number.parseFloat(c):Number.parseInt(c,10));l.length===4?(r=Number.parseFloat(l[3].toString()),r=r>1?1:r,r=r*100):l.length===3&&(r=100),l.length>=3&&(d={h:l[0],s:l[1],v:l[2]})}else if(t.includes("rgb")){const l=t.replace(/rgba|rgb|\(|\)/gm,"").split(/\s|,/g).filter(c=>c!=="").map((c,s)=>s>2?Number.parseFloat(c):Number.parseInt(c,10));l.length===4?(r=Number.parseFloat(l[3].toString()),r=r>1?1:r,r=r*100):l.length===3&&(r=100),l.length>=3&&(d=Q(l[0],l[1],l[2]))}else if(t.includes("#")){const l=t.replace("#","").trim();if(!/^[0-9a-fA-F]{3}$|^[0-9a-fA-F]{6}$|^[0-9a-fA-F]{8}$/.test(l))return;let c=0,s=0,h=0;l.length===3?(c=x(l[0]+l[0]),s=x(l[1]+l[1]),h=x(l[2]+l[2])):(l.length===6||l.length===8)&&(c=x(l.slice(0,2)),s=x(l.slice(2,4)),h=x(l.slice(4,6))),l.length===8?(r=x(l.slice(6))/255,r=r>1?1:r,r=r*100):(l.length===3||l.length===6)&&(r=100),d=Q(c,s,h)}d&&(n=Math.max(0,Math.min(360,d.h)),o=Math.max(0,Math.min(100,d.s)),p=Math.max(0,Math.min(100,d.v)))}return{hue:n,saturation:o,value:p,alpha:r}}_convertFormat(t,n){let o="";switch(t){case"hsl":{o=this._getValueHSL(n);break}case"hsv":{o=this._getValueHSV(n);break}case"rgb":{o=this._getValueRGB(n);break}case"hex":o=this._getValueHEX(n)}return o}_isShowAlpha(t){return t!==100}_getValueHSL(t){const n=Math.floor(t.alpha),o=this._isShowAlpha(t.alpha),p=ne(t.hue,t.saturation/100,t.value/100),r=Math.round(t.hue),d=Math.round(p[1]*100),l=Math.round(p[2]*100);return o?`hsla(${r}, ${d}%, ${l}%, ${n/100})`:`hsl(${r}, ${d}%, ${l}%)`}_getValueHSV(t){const n=Math.floor(t.alpha),o=this._isShowAlpha(n),p=Math.round(t.hue),r=Math.round(t.saturation),d=Math.round(t.value);return o?`hsva(${p}, ${r}%, ${d}%, ${n/100})`:`hsv(${p}, ${r}%, ${d}%)`}_getValueHEX(t){const n=Math.floor(t.alpha);return this._isShowAlpha(n)?`${Y(D(t.hue,t.saturation,t.value))}${A(n*255/100)}`:Y(D(t.hue,t.saturation,t.value))}_getValueRGB(t){const n=Math.floor(t.alpha),o=this._isShowAlpha(n),{r:p,g:r,b:d}=D(t.hue,t.saturation,t.value);return o?`rgba(${p}, ${r}, ${d}, ${this.get("alpha")/100})`:`rgb(${p}, ${r}, ${d})`}}const ce=e.defineComponent({name:"ClColorPickerPalette",__name:"Palette",props:{color:{type:Object,required:!0}},setup(a){const t=a,n=e.useTemplateRef("refElTopParent"),o=e.reactive({background:"hsl(0, 100%, 50%)",btnLeft:0,btnTop:0}),p=e.computed(()=>{const c=t.color.get("hue"),s=t.color.get("value");return{hue:c,value:s}}),r=(c,s)=>{const C=n.value.getBoundingClientRect();let v=s.clientX-C.left,m=s.clientY-C.top;v=Math.max(0,v),v=Math.min(v,C.width),m=Math.max(0,m),m=Math.min(m,C.height),o.btnLeft=v,o.btnTop=m,t.color.set({saturation:v/C.width*100,value:100-m/C.height*100})},d=()=>{const c=n.value,s=t.color.get("saturation"),h=t.color.get("value"),{clientWidth:C,clientHeight:v}=c;o.btnLeft=s*C/100,o.btnTop=(100-h)*v/100,o.background=`hsl(${t.color.get("hue")}, 100%, 50%)`},l=()=>{const c={ing:(s,h)=>{r(s,h)},end:(s,h)=>{r(s,h)}};new M.Drag(n.value,c),d()};return e.onMounted(()=>{e.nextTick(()=>{l()})}),e.watch(()=>p.value,()=>{d()}),(c,s)=>(e.openBlock(),e.createElementBlock("div",{ref_key:"refElTopParent",ref:n,class:"panel-colorpicker-palette",style:e.normalizeStyle({backgroundColor:o.background})},[s[1]||(s[1]=e.createElementVNode("div",{class:"panel-colorpicker-palette-white"},null,-1)),s[2]||(s[2]=e.createElementVNode("div",{class:"panel-colorpicker-palette-black"},null,-1)),e.createElementVNode("div",{class:"panel-colorpicker-palette-btn",style:e.normalizeStyle({top:o.btnTop+"px",left:o.btnLeft+"px"})},[...s[0]||(s[0]=[e.createElementVNode("div",null,null,-1)])],4)],4))}}),ie=e.defineComponent({name:"ClColorPickerHue",__name:"Hue",props:{color:{type:Object,required:!0}},setup(a){const t=a,n=e.useTemplateRef("refElTopParent"),o=e.useTemplateRef("refElContainer"),p=e.useTemplateRef("refElBtn"),r=e.reactive({btnTop:0}),d=e.computed(()=>t.color.get("hue")),l=(v,m)=>{const V=n.value.getBoundingClientRect();let b=m.clientY-V.top;b=Math.max(0,b),b=Math.min(b,V.height);const _=Math.round(b/V.height*360);t.color.set("hue",_)},c=()=>{const v=n.value,m=t.color.get("hue");return Math.round(m*v.offsetHeight/360)},s=()=>{r.btnTop=c()},h=()=>{const v={ing:(m,g)=>{l(m,g)},end:(m,g)=>{l(m,g)}};new M.Drag(o.value,v),new M.Drag(p.value,v),s()};e.onMounted(()=>{e.nextTick(()=>{h()})}),e.watch(()=>d.value,()=>{s()});const C=v=>{if(v.target!==p.value){const g=J.getClientXY(v);l(v,g)}};return(v,m)=>(e.openBlock(),e.createElementBlock("div",{ref_key:"refElTopParent",ref:n,class:"panel-colorpicker-hue"},[e.createElementVNode("div",{ref_key:"refElContainer",ref:o,class:"panel-colorpicker-hue-container",onClick:C},null,512),e.createElementVNode("div",{ref_key:"refElBtn",ref:p,class:"panel-colorpicker-hue-btn",style:e.normalizeStyle({top:r.btnTop+"px"})},null,4)],512))}}),ue=e.defineComponent({name:"ClColorPickerAlpha",__name:"Alpha",props:{color:{type:Object,required:!0}},setup(a){const t=a,n=e.useTemplateRef("refElTopParent"),o=e.useTemplateRef("refElContainer"),p=e.useTemplateRef("refElBtn"),r=e.reactive({background:null,btnLeft:0}),d=e.computed(()=>t.color.get("alpha")),l=(m,g)=>{const b=n.value.getBoundingClientRect();let _=g.clientX-b.left;_=Math.max(0,_),_=Math.min(_,b.width);const N=Math.round(_/b.width*100);t.color.set("alpha",N)},c=()=>{const m=n.value,g=t.color.get("alpha");return Math.round(g*m.offsetWidth/100)},s=()=>{if(t.color&&t.color.value){const{r:m,g,b:V}=t.color.toRgb();return`linear-gradient(to right, rgba(${m}, ${g}, ${V}, 0) 0%, rgba(${m}, ${g}, ${V}, 1) 100%)`}return null},h=()=>{r.btnLeft=c(),r.background=s()},C=()=>{const m={ing:(g,V)=>{l(g,V)},end:(g,V)=>{l(g,V)}};new M.Drag(o.value,m),new M.Drag(p.value,m),h()};e.onMounted(()=>{e.nextTick(()=>{C()})}),e.watch(()=>d.value,()=>{h()}),e.watch(()=>t.color.value,()=>{h()});const v=m=>{if(m.target!==p.value){const V=J.getClientXY(m);l(m,V)}};return(m,g)=>(e.openBlock(),e.createElementBlock("div",{ref_key:"refElTopParent",ref:n,class:"panel-colorpicker-alpha"},[e.createElementVNode("div",{ref_key:"refElContainer",ref:o,class:"panel-colorpicker-alpha-container",style:e.normalizeStyle({background:r.background}),onClick:v},null,4),e.createElementVNode("div",{ref_key:"refElBtn",ref:p,class:"panel-colorpicker-alpha-btn",style:e.normalizeStyle({left:r.btnLeft+"px"})},null,4)],512))}}),K=e.defineComponent({name:"ClColorPickerItemBlock",__name:"ItemBlock",props:{className:String,color:String},emits:{onClick:a=>!0},setup(a,{emit:t}){const n=a,o=t,p=e.computed(()=>{let d="panel-colorpicker-item-block ";const{className:l}=n;return l&&!y.isEmpty(l)&&(d+=l),d}),r=()=>{o("onClick",n.color||"")};return(d,l)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(p.value),onClick:r},[l[0]||(l[0]=e.createElementVNode("div",{class:"panel-colorpicker-bg-alpha"},null,-1)),e.createElementVNode("div",{style:e.normalizeStyle({background:a.color})},null,4)],2))}}),pe={class:"panel-colorpicker-preset"},de=e.defineComponent({name:"ClColorPickerPreset",__name:"Preset",emits:{onClick:a=>!0},setup(a,{emit:t}){const n=t,o=e.reactive({keyIndex:`ColorpickerPreset-${y.getRandom(8)}`}),p=e.ref([]),r=()=>{const l=["var(--cl-text-primary, #323233)","var(--cl-bg, #ffffff)","#f44336","#E91E63","#9c27b0","#673AB7","#3F51B5","#2196F3","#03A9F4","#00BCD4","#009688","#4CAF50","#8BC34A","#CDDC39","#FFEB3B","#FFC107","#FF9800","#FF5722","#795548","#9E9E9E","#607D8B","rgba(255, 69, 0, 0.68)","rgba(31, 147, 255, 0.73)","var(--cl-transparent, rgba(0, 0, 0, 0))"];p.value=l};e.onMounted(()=>{r()});const d=l=>{n("onClick",l)};return(l,c)=>(e.openBlock(),e.createElementBlock("div",pe,[e.createElementVNode("ul",null,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(p.value,(s,h)=>(e.openBlock(),e.createElementBlock("li",{key:`${o.keyIndex}-${h}`},[e.createVNode(K,{color:s,onOnClick:d},null,8,["color"])]))),128))])]))}}),he={class:"panel-colorpicker-value"},me={key:0,class:"panel-colorpicker-hex"},fe={key:1,class:"panel-colorpicker-rgb"},ve={key:2,class:"panel-colorpicker-hsl"},ge={key:3,class:"panel-colorpicker-hsv"},ke=e.defineComponent({name:"ClColorPickerValue",__name:"Value",props:{color:{type:Object,required:!0}},emits:{onChangeType:a=>!0},setup(a,{expose:t,emit:n}){const o=a,p=n,r=e.reactive({type:"hex",hex:"",rgb:"",hsl:"",hsv:""}),d=e.ref(""),l=e.reactive({r:"",g:"",b:"",a:""}),c=e.reactive({h:"",s:"",l:"",a:""}),s=e.reactive({h:"",s:"",v:"",a:""}),h={typeList:["hex","rgb","hsl","hsv"]},C=e.computed(()=>o.color.value),v=u=>{const f=u.substring(u.indexOf("(")+1,u.indexOf(")")).split(",").map($=>y.trim($));return f.length===3&&f.push("1"),f},m=(u,i)=>{const f=u||C.value,{color:$}=o,U=i==="hex"?f:$.getValueFormat(f,"hex"),q=$.getValueFormat(f,"rgb"),z=$.getValueFormat(f,"hsl"),X=$.getValueFormat(f,"hsv");r.hex=U,r.rgb=q,r.hsl=z,r.hsv=X,e.nextTick(()=>{d.value=U;const O=v(q);l.r=O[0],l.g=O[1],l.b=O[2],l.a=O[3];const R=v(z);c.h=R[0],c.s=R[1],c.l=R[2],c.a=R[3];const P=v(X);s.h=P[0],s.s=P[1],s.v=P[2],s.a=P[3]})},g=u=>{let i=h.typeList.indexOf(r.type);i+=u;const f=h.typeList.length;i<0?i=f-1:i>=f&&(i=0);const $=h.typeList[i];r.type=$,p("onChangeType",$)},V=u=>{let i="";switch(u){case"hex":{d.value.length>0&&(i=d.value);break}case"rgb":{l.r.length>0&&l.g.length>0&&l.b.length>0&&l.a.length>0&&(i=`rgba(${l.r}, ${l.g}, ${l.b},${l.a})`);break}case"hsl":{c.h.length>0&&c.s.length>0&&c.l.length>0&&c.a.length>0&&(i=`hsla(${c.h}, ${c.s}, ${c.l},${c.a})`);break}case"hsv":{s.h.length>0&&s.s.length>0&&s.v.length>0&&s.a.length>0&&(i=`hsva(${s.h}, ${s.s}, ${s.v},${s.a})`);break}}if(i.length>0&&o.color.checkValue(i)){const f=o.color.getValueFormat(i,u);i!==f&&(m(i,u),e.nextTick(()=>{o.color.fromString(i)}),p("onChangeType",u))}},b=()=>{m()};e.onMounted(()=>{e.nextTick(()=>{b()})}),e.watch(()=>C.value,u=>{const i=o.color.getValueFormat(u,"rgb");r.rgb!==i&&m()});const _=()=>{V("hex")},N=()=>{V("rgb")},w=()=>{V("hsl")},B=()=>{V("hsv")},F=()=>{g(-1)},I=()=>{g(1)};return t({setType:u=>{r.type=u},clearInputs:()=>{d.value="",l.r="",l.g="",l.b="",l.a="",c.h="",c.s="",c.l="",c.a="",s.h="",s.s="",s.v="",s.a=""}}),(u,i)=>(e.openBlock(),e.createElementBlock("div",he,[e.createElementVNode("div",null,[r.type==="hex"?(e.openBlock(),e.createElementBlock("div",me,[e.createElementVNode("div",null,[e.createVNode(E._sfc_main,{value:d.value,"onUpdate:value":i[0]||(i[0]=f=>d.value=f),isClean:!1,onOnChange:_},null,8,["value"]),i[13]||(i[13]=e.createElementVNode("div",{class:"panel-colorpicker-value-lable"},"十六进制",-1))])])):r.type==="rgb"?(e.openBlock(),e.createElementBlock("div",fe,[e.createElementVNode("div",null,[e.createVNode(E._sfc_main,{value:l.r,"onUpdate:value":i[1]||(i[1]=f=>l.r=f),isClean:!1,onOnChange:N},null,8,["value"]),i[14]||(i[14]=e.createElementVNode("div",{class:"panel-colorpicker-value-lable"},"R",-1))]),e.createElementVNode("div",null,[e.createVNode(E._sfc_main,{value:l.g,"onUpdate:value":i[2]||(i[2]=f=>l.g=f),isClean:!1,onOnChange:N},null,8,["value"]),i[15]||(i[15]=e.createElementVNode("div",{class:"panel-colorpicker-value-lable"},"G",-1))]),e.createElementVNode("div",null,[e.createVNode(E._sfc_main,{value:l.b,"onUpdate:value":i[3]||(i[3]=f=>l.b=f),isClean:!1,onOnChange:N},null,8,["value"]),i[16]||(i[16]=e.createElementVNode("div",{class:"panel-colorpicker-value-lable"},"B",-1))]),e.createElementVNode("div",null,[e.createVNode(E._sfc_main,{value:l.a,"onUpdate:value":i[4]||(i[4]=f=>l.a=f),isClean:!1,onOnChange:N},null,8,["value"]),i[17]||(i[17]=e.createElementVNode("div",{class:"panel-colorpicker-value-lable"},"A",-1))])])):r.type==="hsl"?(e.openBlock(),e.createElementBlock("div",ve,[e.createElementVNode("div",null,[e.createVNode(E._sfc_main,{value:c.h,"onUpdate:value":i[5]||(i[5]=f=>c.h=f),isClean:!1,onOnChange:w},null,8,["value"]),i[18]||(i[18]=e.createElementVNode("div",{class:"panel-colorpicker-value-lable"},"H",-1))]),e.createElementVNode("div",null,[e.createVNode(E._sfc_main,{value:c.s,"onUpdate:value":i[6]||(i[6]=f=>c.s=f),isClean:!1,onOnChange:w},null,8,["value"]),i[19]||(i[19]=e.createElementVNode("div",{class:"panel-colorpicker-value-lable"},"S",-1))]),e.createElementVNode("div",null,[e.createVNode(E._sfc_main,{value:c.l,"onUpdate:value":i[7]||(i[7]=f=>c.l=f),isClean:!1,onOnChange:w},null,8,["value"]),i[20]||(i[20]=e.createElementVNode("div",{class:"panel-colorpicker-value-lable"},"L",-1))]),e.createElementVNode("div",null,[e.createVNode(E._sfc_main,{value:c.a,"onUpdate:value":i[8]||(i[8]=f=>c.a=f),isClean:!1,onOnChange:w},null,8,["value"]),i[21]||(i[21]=e.createElementVNode("div",{class:"panel-colorpicker-value-lable"},"A",-1))])])):r.type==="hsv"?(e.openBlock(),e.createElementBlock("div",ge,[e.createElementVNode("div",null,[e.createVNode(E._sfc_main,{value:s.h,"onUpdate:value":i[9]||(i[9]=f=>s.h=f),isClean:!1,onOnChange:B},null,8,["value"]),i[22]||(i[22]=e.createElementVNode("div",{class:"panel-colorpicker-value-lable"},"H",-1))]),e.createElementVNode("div",null,[e.createVNode(E._sfc_main,{value:s.s,"onUpdate:value":i[10]||(i[10]=f=>s.s=f),isClean:!1,onOnChange:B},null,8,["value"]),i[23]||(i[23]=e.createElementVNode("div",{class:"panel-colorpicker-value-lable"},"S",-1))]),e.createElementVNode("div",null,[e.createVNode(E._sfc_main,{value:s.v,"onUpdate:value":i[11]||(i[11]=f=>s.v=f),isClean:!1,onOnChange:B},null,8,["value"]),i[24]||(i[24]=e.createElementVNode("div",{class:"panel-colorpicker-value-lable"},"V",-1))]),e.createElementVNode("div",null,[e.createVNode(E._sfc_main,{value:s.a,"onUpdate:value":i[12]||(i[12]=f=>s.a=f),isClean:!1,onOnChange:B},null,8,["value"]),i[25]||(i[25]=e.createElementVNode("div",{class:"panel-colorpicker-value-lable"},"A",-1))])])):(e.openBlock(),e.createElementBlock(e.Fragment,{key:4},[],64))]),e.createElementVNode("div",null,[e.createVNode(S._sfc_main,{name:"caret-up",onClick:F}),e.createVNode(S._sfc_main,{name:"caret-down",onClick:I})])]))}}),Ce={key:0,class:"panel-colorpicker-copy-icon"},W=e.defineComponent({name:"ClColorPickerCopy",__name:"Copy",props:{className:String,color:String,getTxtCallback:Function},setup(a){const t=a,n=e.useSlots(),o=e.reactive({isHover:!1}),p=e.computed(()=>!y.isUndefined(n.default)),r=e.computed(()=>{let s=!1;return p.value?s=o.isHover:s=!0,s}),d=e.computed(()=>{const s={"panel-colorpicker-copy":!0,"panel-colorpicker-copy-hover":o.isHover},{className:h}=t;return h&&!y.isEmpty(h)&&h.split(" ").forEach(C=>{y.isEmpty(C)||(s[C]=!0)}),s}),l=()=>{p.value&&(o.isHover=!0)},c=()=>{p.value&&(o.isHover=!1)};return(s,h)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(d.value),onMouseenter:l,onMouseleave:c},[e.renderSlot(s.$slots,"default"),r.value?(e.openBlock(),e.createElementBlock("div",Ce,[e.createVNode(te._sfc_main,{textLabel:a.getTxtCallback||a.color||""},null,8,["textLabel"])])):e.createCommentVNode("",!0)],34))}}),Ve={class:"panel-colorpicker-container"},be={key:0},_e={key:0,class:"panel-colorpicker-format"},Ee={class:"panel-colorpicker-format-show"},ye={key:1,class:"panel-colorpicker-operate"},Z=e.defineComponent({name:"ClColorPickerBase",__name:"Color",props:{value:String,disabled:{type:Boolean,default:!1},isAlpha:{type:Boolean,default:!0},isFormat:{type:Boolean,default:!0},isOperate:{type:Boolean,default:!0},isPreset:{type:Boolean,default:!0},isDropdown:{type:Boolean,default:!0}},emits:{onChange:a=>!0,onSubmit:()=>!0,onInit:()=>!0},setup(a,{expose:t,emit:n}){const o=a,p=n,{optPageLanguage:r,getPageLanguage:d}=le.useLanguage();d("common");const l=e.useTemplateRef("refElColorResult"),c=e.useTemplateRef("refElColorValue"),s=e.reactive({isShowColorResult:!1,colorResult:"",formatShow:"hex"}),h=e.reactive(new se({value:o.value,format:"",enableAlpha:!0})),C={isColorChangeResult:!0},v=()=>h.get("alpha").toString()==="100"?"hex":"rgb",m=(u,i=!0)=>{let f="";u&&!y.isEmpty(u)&&s.isShowColorResult&&(f=h.getValueFormat(u,s.formatShow)),s.colorResult=f,i&&p("onChange",f)},g=u=>{u&&!y.isEmpty(u)?(s.isShowColorResult=!0,h.fromString(u),m(h.value,!1)):(s.isShowColorResult=!1,C.isColorChangeResult=!1,m("",!1),h.fromString(""),e.nextTick(()=>{C.isColorChangeResult=!0}))},V=()=>{const{value:u}=o;g(u),p("onInit")};e.onMounted(()=>{e.nextTick(()=>{V()})}),e.watch(()=>o.value,u=>{g(u)}),e.watch(()=>h.value,u=>{y.isEmpty(o.value)&&(s.isShowColorResult=!0),C.isColorChangeResult&&m(u),C.isColorChangeResult=!0});const b=()=>h.getValueFormat(h.value,s.formatShow),_=u=>{h.fromString(u)},N=u=>{s.formatShow=u,m(h.value,!1)},w=()=>{const u=o.value||"";s.isShowColorResult=!y.isEmpty(u),y.isEmpty(u)?h.set({hue:0,saturation:0,value:100,alpha:100}):(C.isColorChangeResult=!1,m(u),h.fromString(u))},B=()=>{h.set({hue:0,saturation:0,value:100,alpha:100})},F=()=>{p("onSubmit")};return t({getValue:()=>{let u=s.colorResult;if(u.length>0){const i=v();u=h.getValueFormat(u,i)}return u},setValue:u=>{g(u)},initValueType:()=>{const u=v();s.formatShow=u,c.value&&c.value.setType(u)}}),(u,i)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(["panel-colorpicker-wrapper",{"panel-colorpicker-wrapper-disabled":a.disabled}])},[e.createElementVNode("div",Ve,[e.createElementVNode("div",null,[e.createVNode(ce,{color:h},null,8,["color"]),e.createVNode(ie,{color:h},null,8,["color"])]),a.isAlpha?(e.openBlock(),e.createElementBlock("div",be,[e.createVNode(ue,{color:h},null,8,["color"]),i[0]||(i[0]=e.createElementVNode("div",null,null,-1))])):e.createCommentVNode("",!0)]),a.isFormat?(e.openBlock(),e.createElementBlock("div",_e,[e.createElementVNode("div",Ee,[e.createVNode(W,{className:"panel-colorpicker-tip-current",getTxtCallback:b},{default:e.withCtx(()=>[e.createVNode(K,{color:h.value},null,8,["color"])]),_:1})]),e.createVNode(ke,{ref_key:"refElColorValue",ref:c,color:h,onOnChangeType:N},null,8,["color"])])):e.createCommentVNode("",!0),a.isOperate?(e.openBlock(),e.createElementBlock("div",ye,[e.createElementVNode("div",{ref_key:"refElColorResult",ref:l},e.toDisplayString(s.colorResult),513),e.createElementVNode("div",null,[e.createElementVNode("div",{onClick:w},[e.createVNode(S._sfc_main,{name:"restore",title:e.unref(r).restore},null,8,["title"])]),e.createElementVNode("div",{onClick:B},[e.createVNode(S._sfc_main,{name:"clear",title:e.unref(r).clearEmpty},null,8,["title"])]),e.createVNode(W,{color:s.colorResult},null,8,["color"]),a.isDropdown?(e.openBlock(),e.createElementBlock("div",{key:0,onClick:F},[e.createVNode(S._sfc_main,{name:"check",title:e.unref(r).submit},null,8,["title"])])):e.createCommentVNode("",!0)])])):e.createCommentVNode("",!0),a.isPreset?(e.openBlock(),e.createBlock(de,{key:2,onOnClick:_})):e.createCommentVNode("",!0)],2))}}),Ne={class:"panel-colorpicker-dropdown-text"},we={key:0,class:"panel-colorpicker-dropdown-arrow"},Be=e.defineComponent({name:"ClColorPicker",__name:"Index",props:{id:String,value:String,className:String,disabled:{type:Boolean,default:!1},isDropdown:{type:Boolean,default:!0},isAlpha:{type:Boolean,default:!0},isFormat:{type:Boolean,default:!0},isOperate:{type:Boolean,default:!0},isPreset:{type:Boolean,default:!0},isPlaintext:{type:Boolean,default:!1}},emits:{"update:value":a=>!0,"update:modelValue":a=>!0,onChange:a=>!0,onInit:()=>!0},setup(a,{expose:t,emit:n}){const o=a,p=o.id,r=n,d=e.useTemplateRef("refElDropdownLayer"),l=e.useTemplateRef("refElColorpicker"),c=e.reactive({isInitShow:!o.isDropdown,dropdownTextValue:"",currentValue:""}),s={lastValue:""},h=e.computed(()=>{let k="panel-colorpicker ";const{className:u}=o;return u&&!y.isEmpty(u)&&(k+=u),o.isPlaintext&&(k+="cl-plaintext-static "),k}),C=()=>{const k=c.currentValue;let u=!1;o.isDropdown?u=k!==s.lastValue:u=!0,u&&(s.lastValue=k,r("update:value",k),r("update:modelValue",k),r("onChange",k))},v=k=>{let u="transparent";k&&!y.isEmpty(k)&&(u=k),c.dropdownTextValue=u},m=k=>{const u=k||"";s.lastValue=u,o.isDropdown||(c.currentValue=u),v(u)},g=()=>{const k=l.value.getValue();c.dropdownTextValue=k,c.currentValue=k,C()},V=()=>{m(o.value)};e.watch(()=>o.value,k=>{m(k)}),e.onMounted(()=>{e.nextTick(()=>{V()})});const b=()=>{r("onInit")},_=k=>{o.disabled||(k?l.value&&l.value.initValueType():o.isOperate?c.currentValue!==l.value.getValue()&&c.currentValue===s.lastValue&&l.value.setValue(s.lastValue):g())},N=()=>{c.isInitShow=!0,c.currentValue=s.lastValue},w=()=>{o.isDropdown||g()},B=()=>{g(),o.isDropdown&&d.value&&d.value.setOpen(!1)};return t({getValue:()=>c.currentValue,getValueData:()=>({value:c.currentValue}),setValue:k=>{m(k)}}),(k,u)=>a.isDropdown?(e.openBlock(),e.createBlock(ee._sfc_main,{key:0,ref_key:"refElDropdownLayer",ref:d,id:e.unref(p),classParent:h.value,classDropDown:"panel-colorpicker-dropdown",isUseDropdownArrow:!0,isDisabled:a.disabled,onOnChangeOpen:_,onOnOpenComplete:N},{label:e.withCtx(()=>[e.createElementVNode("div",Ne,[u[0]||(u[0]=e.createElementVNode("div",{class:"panel-colorpicker-bg-alpha"},null,-1)),e.createElementVNode("div",{style:e.normalizeStyle({"background-color":c.dropdownTextValue})},null,4),a.isPlaintext?(e.openBlock(),e.createElementBlock(e.Fragment,{key:1},[],64)):(e.openBlock(),e.createElementBlock("div",we,[e.createVNode(S._sfc_main,{name:"angle-down"})]))])]),dropdown:e.withCtx(()=>[c.isInitShow?(e.openBlock(),e.createBlock(Z,{key:0,ref_key:"refElColorpicker",ref:l,value:c.currentValue,isAlpha:a.isAlpha,isFormat:a.isFormat,isOperate:a.isOperate,isPreset:a.isPreset,isDropdown:a.isDropdown,onOnChange:w,onOnSubmit:B,onOnInit:b},null,8,["value","isAlpha","isFormat","isOperate","isPreset","isDropdown"])):e.createCommentVNode("",!0)]),_:1},8,["id","classParent","isDisabled"])):(e.openBlock(),e.createElementBlock("div",{key:1,class:e.normalizeClass(h.value)},[c.isInitShow?(e.openBlock(),e.createBlock(Z,{key:0,ref_key:"refElColorpicker",ref:l,value:c.currentValue,disabled:a.disabled,isAlpha:a.isAlpha,isFormat:a.isFormat,isOperate:a.isOperate,isPreset:a.isPreset,isDropdown:a.isDropdown,onOnChange:w,onOnSubmit:B,onOnInit:b},null,8,["value","disabled","isAlpha","isFormat","isOperate","isPreset","isDropdown"])):e.createCommentVNode("",!0)],2))}});module.exports=Be;
+"use strict";const e=require("vue"),y=require("@cldemo/ui-kit/common/base"),S=require("../Shared/Index.vue_vue_type_script_setup_true_lang-xONe0mSK.js"),ee=require("../Shared/Popup.vue_vue_type_script_setup_true_lang-2PS2RvJ7.js"),M=require("@cldemo/ui-kit/common/Element/Event"),J=require("@cldemo/ui-kit/common/Element"),E=require("../Shared/Index.vue_vue_type_script_setup_true_lang-CSqU5Nz6.js"),te=require("../Shared/Index.vue_vue_type_script_setup_true_lang-BJ_m7Dj5.js"),le=require("../Shared/language-BJ4aVgHI.js");;/* empty css                            */const G=(a,t)=>Object.prototype.hasOwnProperty.call(a,t),ne=(a,t,n)=>{const o=(2-t)*n/2,p=o===0||o===1?0:t*n/(o<.5?o*2:2-o*2);return[a,p,o]},oe=a=>typeof a=="string"&&a.includes(".")&&Number.parseFloat(a)===1,ae=a=>typeof a=="string"&&a.includes("%"),T=(a,t)=>{oe(a)&&(a="100%");const n=ae(a);return a=Math.min(t,Math.max(0,Number.parseFloat(`${a}`))),n&&(a=Number.parseInt(`${a*t}`,10)/100),Math.abs(a-t)<1e-6?1:a%t/Number.parseFloat(t)},j={10:"A",11:"B",12:"C",13:"D",14:"E",15:"F"},A=a=>{a=Math.min(Math.round(a),255);const t=Math.floor(a/16),n=a%16;return`${j[t]||t}${j[n]||n}`},Y=({r:a,g:t,b:n})=>Number.isNaN(+a)||Number.isNaN(+t)||Number.isNaN(+n)?"":`#${A(a)}${A(t)}${A(n)}`,H={A:10,B:11,C:12,D:13,E:14,F:15},x=a=>a.length===2?(H[a[0].toUpperCase()]||+a[0])*16+(H[a[1].toUpperCase()]||+a[1]):H[a[1].toUpperCase()]||+a[1],re=(a,t,n)=>{t=t/100,n=n/100;let o=t;const p=Math.max(n,.01);n*=2,t*=n<=1?n:2-n,o*=p<=1?p:2-p;const r=(n+t)/2,d=n===0?2*o/(p+o):2*t/(n+t);return{h:a,s:d*100,v:r*100}},Q=(a,t,n)=>{a=T(a,255),t=T(t,255),n=T(n,255);const o=Math.max(a,t,n),p=Math.min(a,t,n);let r=0;const d=o,l=o-p,c=o===0?0:l/o;if(o===p)r=0;else{switch(o){case a:{r=(t-n)/l+(t<n?6:0);break}case t:{r=(n-a)/l+2;break}case n:{r=(a-t)/l+4;break}}r/=6}return{h:r*360,s:c*100,v:d*100}},D=(a,t,n)=>{a=T(a,360)*6,t=T(t,100),n=T(n,100);const o=Math.floor(a),p=a-o,r=n*(1-t),d=n*(1-p*t),l=n*(1-(1-p)*t),c=o%6,s=[n,d,r,r,l,n][c],h=[l,n,n,d,r,r][c],C=[r,r,l,n,n,d][c];return{r:Math.round(s*255),g:Math.round(h*255),b:Math.round(C*255)}};class se{_hue=0;_saturation=100;_value=100;_alpha=100;enableAlpha=!1;format="hex";value="";selected;constructor(t){t=t||{};for(const n in t)G(t,n)&&(this[n]=t[n]);t.value?this.fromString(t.value):this.doOnChange()}set(t,n){if(arguments.length===1&&typeof t=="object"){for(const o in t)G(t,o)&&this.set(o,t[o]);return}this[`_${t}`]=n,this.doOnChange()}get(t){return t==="alpha"?Math.floor(this[`_${t}`]):this[`_${t}`]}toRgb(){return D(this._hue,this._saturation,this._value)}fromString(t){if(!t)return;const n=this._convertValueInfo(t);n&&(this._hue=n.hue,this._saturation=n.saturation,this._value=n.value,this._alpha=n.alpha,this.doOnChange())}compare(t){return Math.abs(t._hue-this._hue)<2&&Math.abs(t._saturation-this._saturation)<1&&Math.abs(t._value-this._value)<1&&Math.abs(t._alpha-this._alpha)<1}doOnChange(){const{_hue:t,_saturation:n,_value:o,_alpha:p,format:r}=this,d={hue:t,saturation:n,value:o,alpha:p};let l=this._convertFormat(r,d);l.length===0&&(l=this._getValueRGB(d)),this.value=l}checkValue(t){let n=!1,o="";if(/^rgb\(/.test(t)?o="^[rR][gG][Bb][\\(]([\\s]*(2[0-4][0-9]|25[0-5]|[01]?[0-9][0-9]?)[\\s]*,){2}[\\s]*(2[0-4]\\d|25[0-5]|[01]?\\d\\d?)[\\s]*[\\)]{1}$":/^rgba\(/.test(t)?o="^[rR][gG][Bb][Aa][\\(]([\\s]*(2[0-4][0-9]|25[0-5]|[01]?[0-9][0-9]?)[\\s]*,){3}[\\s]*(1|1.0|0|0.[0-9])[\\s]*[\\)]{1}$":/^#/.test(t)?o="^#([0-9a-fA-F]{6}|[0-9a-fA-F]{3})$":/^hsl\(/.test(t)?o="^[hH][Ss][Ll][\\(]([\\s]*(2[0-9][0-9]|360|3[0-5][0-9]|[01]?[0-9][0-9]?)[\\s]*,)([\\s]*((100|[0-9][0-9]?)%|0)[\\s]*,)([\\s]*((100|[0-9][0-9]?)%|0)[\\s]*)[\\)]$":/^hsla\(/.test(t)?o="^[hH][Ss][Ll][Aa][\\(]([\\s]*(2[0-9][0-9]|360|3[0-5][0-9]|[01]?[0-9][0-9]?)[\\s]*,)([\\s]*((100|[0-9][0-9]?)%|0)[\\s]*,){2}([\\s]*(1|1.0|0|0.[0-9])[\\s]*)[\\)]$":/^hsv\(/.test(t)?o="^[hH][Ss][Vv][\\(]([\\s]*(2[0-9][0-9]|360|3[0-5][0-9]|[01]?[0-9][0-9]?)[\\s]*,)([\\s]*((100|[0-9][0-9]?)%|0)[\\s]*,)([\\s]*((100|[0-9][0-9]?)%|0)[\\s]*)[\\)]$":/^hsva\(/.test(t)&&(o="^[hH][Ss][Vv][Aa][\\(]([\\s]*(2[0-9][0-9]|360|3[0-5][0-9]|[01]?[0-9][0-9]?)[\\s]*,)([\\s]*((100|[0-9][0-9]?)%|0)[\\s]*,){2}([\\s]*(1|1.0|0|0.[0-9])[\\s]*)[\\)]$"),o.length>0){const p=new RegExp(o);n=t.match(p)!==null}return n}getValueFormat(t,n){const o=this._convertValueInfo(t);return o?this._convertFormat(n,o):t}_convertValueInfo(t){let n=0,o=100,p=100,r=100;if(t){let d;if(t.includes("hsl")){const l=t.replace(/hsla|hsl|\(|\)/gm,"").split(/\s|,/g).filter(c=>c!=="").map((c,s)=>s>2?Number.parseFloat(c):Number.parseInt(c,10));l.length===4?(r=Number.parseFloat(l[3].toString()),r=r>1?1:r,r=r*100):l.length===3&&(r=100),l.length>=3&&(d=re(l[0],l[1],l[2]))}else if(t.includes("hsv")){const l=t.replace(/hsva|hsv|\(|\)/gm,"").split(/\s|,/g).filter(c=>c!=="").map((c,s)=>s>2?Number.parseFloat(c):Number.parseInt(c,10));l.length===4?(r=Number.parseFloat(l[3].toString()),r=r>1?1:r,r=r*100):l.length===3&&(r=100),l.length>=3&&(d={h:l[0],s:l[1],v:l[2]})}else if(t.includes("rgb")){const l=t.replace(/rgba|rgb|\(|\)/gm,"").split(/\s|,/g).filter(c=>c!=="").map((c,s)=>s>2?Number.parseFloat(c):Number.parseInt(c,10));l.length===4?(r=Number.parseFloat(l[3].toString()),r=r>1?1:r,r=r*100):l.length===3&&(r=100),l.length>=3&&(d=Q(l[0],l[1],l[2]))}else if(t.includes("#")){const l=t.replace("#","").trim();if(!/^[0-9a-fA-F]{3}$|^[0-9a-fA-F]{6}$|^[0-9a-fA-F]{8}$/.test(l))return;let c=0,s=0,h=0;l.length===3?(c=x(l[0]+l[0]),s=x(l[1]+l[1]),h=x(l[2]+l[2])):(l.length===6||l.length===8)&&(c=x(l.slice(0,2)),s=x(l.slice(2,4)),h=x(l.slice(4,6))),l.length===8?(r=x(l.slice(6))/255,r=r>1?1:r,r=r*100):(l.length===3||l.length===6)&&(r=100),d=Q(c,s,h)}d&&(n=Math.max(0,Math.min(360,d.h)),o=Math.max(0,Math.min(100,d.s)),p=Math.max(0,Math.min(100,d.v)))}return{hue:n,saturation:o,value:p,alpha:r}}_convertFormat(t,n){let o="";switch(t){case"hsl":{o=this._getValueHSL(n);break}case"hsv":{o=this._getValueHSV(n);break}case"rgb":{o=this._getValueRGB(n);break}case"hex":o=this._getValueHEX(n)}return o}_isShowAlpha(t){return t!==100}_getValueHSL(t){const n=Math.floor(t.alpha),o=this._isShowAlpha(t.alpha),p=ne(t.hue,t.saturation/100,t.value/100),r=Math.round(t.hue),d=Math.round(p[1]*100),l=Math.round(p[2]*100);return o?`hsla(${r}, ${d}%, ${l}%, ${n/100})`:`hsl(${r}, ${d}%, ${l}%)`}_getValueHSV(t){const n=Math.floor(t.alpha),o=this._isShowAlpha(n),p=Math.round(t.hue),r=Math.round(t.saturation),d=Math.round(t.value);return o?`hsva(${p}, ${r}%, ${d}%, ${n/100})`:`hsv(${p}, ${r}%, ${d}%)`}_getValueHEX(t){const n=Math.floor(t.alpha);return this._isShowAlpha(n)?`${Y(D(t.hue,t.saturation,t.value))}${A(n*255/100)}`:Y(D(t.hue,t.saturation,t.value))}_getValueRGB(t){const n=Math.floor(t.alpha),o=this._isShowAlpha(n),{r:p,g:r,b:d}=D(t.hue,t.saturation,t.value);return o?`rgba(${p}, ${r}, ${d}, ${this.get("alpha")/100})`:`rgb(${p}, ${r}, ${d})`}}const ce=e.defineComponent({name:"ClColorPickerPalette",__name:"Palette",props:{color:{type:Object,required:!0}},setup(a){const t=a,n=e.useTemplateRef("refElTopParent"),o=e.reactive({background:"hsl(0, 100%, 50%)",btnLeft:0,btnTop:0}),p=e.computed(()=>{const c=t.color.get("hue"),s=t.color.get("value");return{hue:c,value:s}}),r=(c,s)=>{const C=n.value.getBoundingClientRect();let v=s.clientX-C.left,m=s.clientY-C.top;v=Math.max(0,v),v=Math.min(v,C.width),m=Math.max(0,m),m=Math.min(m,C.height),o.btnLeft=v,o.btnTop=m,t.color.set({saturation:v/C.width*100,value:100-m/C.height*100})},d=()=>{const c=n.value,s=t.color.get("saturation"),h=t.color.get("value"),{clientWidth:C,clientHeight:v}=c;o.btnLeft=s*C/100,o.btnTop=(100-h)*v/100,o.background=`hsl(${t.color.get("hue")}, 100%, 50%)`},l=()=>{const c={ing:(s,h)=>{r(s,h)},end:(s,h)=>{r(s,h)}};new M.Drag(n.value,c),d()};return e.onMounted(()=>{e.nextTick(()=>{l()})}),e.watch(()=>p.value,()=>{d()}),(c,s)=>(e.openBlock(),e.createElementBlock("div",{ref_key:"refElTopParent",ref:n,class:"panel-colorpicker-palette",style:e.normalizeStyle({backgroundColor:o.background})},[s[1]||(s[1]=e.createElementVNode("div",{class:"panel-colorpicker-palette-white"},null,-1)),s[2]||(s[2]=e.createElementVNode("div",{class:"panel-colorpicker-palette-black"},null,-1)),e.createElementVNode("div",{class:"panel-colorpicker-palette-btn",style:e.normalizeStyle({top:o.btnTop+"px",left:o.btnLeft+"px"})},[...s[0]||(s[0]=[e.createElementVNode("div",null,null,-1)])],4)],4))}}),ie=e.defineComponent({name:"ClColorPickerHue",__name:"Hue",props:{color:{type:Object,required:!0}},setup(a){const t=a,n=e.useTemplateRef("refElTopParent"),o=e.useTemplateRef("refElContainer"),p=e.useTemplateRef("refElBtn"),r=e.reactive({btnTop:0}),d=e.computed(()=>t.color.get("hue")),l=(v,m)=>{const V=n.value.getBoundingClientRect();let b=m.clientY-V.top;b=Math.max(0,b),b=Math.min(b,V.height);const _=Math.round(b/V.height*360);t.color.set("hue",_)},c=()=>{const v=n.value,m=t.color.get("hue");return Math.round(m*v.offsetHeight/360)},s=()=>{r.btnTop=c()},h=()=>{const v={ing:(m,g)=>{l(m,g)},end:(m,g)=>{l(m,g)}};new M.Drag(o.value,v),new M.Drag(p.value,v),s()};e.onMounted(()=>{e.nextTick(()=>{h()})}),e.watch(()=>d.value,()=>{s()});const C=v=>{if(v.target!==p.value){const g=J.getClientXY(v);l(v,g)}};return(v,m)=>(e.openBlock(),e.createElementBlock("div",{ref_key:"refElTopParent",ref:n,class:"panel-colorpicker-hue"},[e.createElementVNode("div",{ref_key:"refElContainer",ref:o,class:"panel-colorpicker-hue-container",onClick:C},null,512),e.createElementVNode("div",{ref_key:"refElBtn",ref:p,class:"panel-colorpicker-hue-btn",style:e.normalizeStyle({top:r.btnTop+"px"})},null,4)],512))}}),ue=e.defineComponent({name:"ClColorPickerAlpha",__name:"Alpha",props:{color:{type:Object,required:!0}},setup(a){const t=a,n=e.useTemplateRef("refElTopParent"),o=e.useTemplateRef("refElContainer"),p=e.useTemplateRef("refElBtn"),r=e.reactive({background:null,btnLeft:0}),d=e.computed(()=>t.color.get("alpha")),l=(m,g)=>{const b=n.value.getBoundingClientRect();let _=g.clientX-b.left;_=Math.max(0,_),_=Math.min(_,b.width);const N=Math.round(_/b.width*100);t.color.set("alpha",N)},c=()=>{const m=n.value,g=t.color.get("alpha");return Math.round(g*m.offsetWidth/100)},s=()=>{if(t.color&&t.color.value){const{r:m,g,b:V}=t.color.toRgb();return`linear-gradient(to right, rgba(${m}, ${g}, ${V}, 0) 0%, rgba(${m}, ${g}, ${V}, 1) 100%)`}return null},h=()=>{r.btnLeft=c(),r.background=s()},C=()=>{const m={ing:(g,V)=>{l(g,V)},end:(g,V)=>{l(g,V)}};new M.Drag(o.value,m),new M.Drag(p.value,m),h()};e.onMounted(()=>{e.nextTick(()=>{C()})}),e.watch(()=>d.value,()=>{h()}),e.watch(()=>t.color.value,()=>{h()});const v=m=>{if(m.target!==p.value){const V=J.getClientXY(m);l(m,V)}};return(m,g)=>(e.openBlock(),e.createElementBlock("div",{ref_key:"refElTopParent",ref:n,class:"panel-colorpicker-alpha"},[e.createElementVNode("div",{ref_key:"refElContainer",ref:o,class:"panel-colorpicker-alpha-container",style:e.normalizeStyle({background:r.background}),onClick:v},null,4),e.createElementVNode("div",{ref_key:"refElBtn",ref:p,class:"panel-colorpicker-alpha-btn",style:e.normalizeStyle({left:r.btnLeft+"px"})},null,4)],512))}}),K=e.defineComponent({name:"ClColorPickerItemBlock",__name:"ItemBlock",props:{className:String,color:String},emits:{onClick:a=>!0},setup(a,{emit:t}){const n=a,o=t,p=e.computed(()=>{let d="panel-colorpicker-item-block ";const{className:l}=n;return l&&!y.isEmpty(l)&&(d+=l),d}),r=()=>{o("onClick",n.color||"")};return(d,l)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(p.value),onClick:r},[l[0]||(l[0]=e.createElementVNode("div",{class:"panel-colorpicker-bg-alpha"},null,-1)),e.createElementVNode("div",{style:e.normalizeStyle({background:a.color})},null,4)],2))}}),pe={class:"panel-colorpicker-preset"},de=e.defineComponent({name:"ClColorPickerPreset",__name:"Preset",emits:{onClick:a=>!0},setup(a,{emit:t}){const n=t,o=e.reactive({keyIndex:`ColorpickerPreset-${y.getRandom(8)}`}),p=e.ref([]),r=()=>{const l=["var(--cl-text-primary, #323233)","var(--cl-bg, #ffffff)","#f44336","#E91E63","#9c27b0","#673AB7","#3F51B5","#2196F3","#03A9F4","#00BCD4","#009688","#4CAF50","#8BC34A","#CDDC39","#FFEB3B","#FFC107","#FF9800","#FF5722","#795548","#9E9E9E","#607D8B","rgba(255, 69, 0, 0.68)","rgba(31, 147, 255, 0.73)","var(--cl-transparent, rgba(0, 0, 0, 0))"];p.value=l};e.onMounted(()=>{r()});const d=l=>{n("onClick",l)};return(l,c)=>(e.openBlock(),e.createElementBlock("div",pe,[e.createElementVNode("ul",null,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(p.value,(s,h)=>(e.openBlock(),e.createElementBlock("li",{key:`${o.keyIndex}-${h}`},[e.createVNode(K,{color:s,onOnClick:d},null,8,["color"])]))),128))])]))}}),he={class:"panel-colorpicker-value"},me={key:0,class:"panel-colorpicker-hex"},fe={key:1,class:"panel-colorpicker-rgb"},ve={key:2,class:"panel-colorpicker-hsl"},ge={key:3,class:"panel-colorpicker-hsv"},ke=e.defineComponent({name:"ClColorPickerValue",__name:"Value",props:{color:{type:Object,required:!0}},emits:{onChangeType:a=>!0},setup(a,{expose:t,emit:n}){const o=a,p=n,r=e.reactive({type:"hex",hex:"",rgb:"",hsl:"",hsv:""}),d=e.ref(""),l=e.reactive({r:"",g:"",b:"",a:""}),c=e.reactive({h:"",s:"",l:"",a:""}),s=e.reactive({h:"",s:"",v:"",a:""}),h={typeList:["hex","rgb","hsl","hsv"]},C=e.computed(()=>o.color.value),v=u=>{const f=u.substring(u.indexOf("(")+1,u.indexOf(")")).split(",").map($=>y.trim($));return f.length===3&&f.push("1"),f},m=(u,i)=>{const f=u||C.value,{color:$}=o,U=i==="hex"?f:$.getValueFormat(f,"hex"),q=$.getValueFormat(f,"rgb"),z=$.getValueFormat(f,"hsl"),X=$.getValueFormat(f,"hsv");r.hex=U,r.rgb=q,r.hsl=z,r.hsv=X,e.nextTick(()=>{d.value=U;const O=v(q);l.r=O[0],l.g=O[1],l.b=O[2],l.a=O[3];const R=v(z);c.h=R[0],c.s=R[1],c.l=R[2],c.a=R[3];const P=v(X);s.h=P[0],s.s=P[1],s.v=P[2],s.a=P[3]})},g=u=>{let i=h.typeList.indexOf(r.type);i+=u;const f=h.typeList.length;i<0?i=f-1:i>=f&&(i=0);const $=h.typeList[i];r.type=$,p("onChangeType",$)},V=u=>{let i="";switch(u){case"hex":{d.value.length>0&&(i=d.value);break}case"rgb":{l.r.length>0&&l.g.length>0&&l.b.length>0&&l.a.length>0&&(i=`rgba(${l.r}, ${l.g}, ${l.b},${l.a})`);break}case"hsl":{c.h.length>0&&c.s.length>0&&c.l.length>0&&c.a.length>0&&(i=`hsla(${c.h}, ${c.s}, ${c.l},${c.a})`);break}case"hsv":{s.h.length>0&&s.s.length>0&&s.v.length>0&&s.a.length>0&&(i=`hsva(${s.h}, ${s.s}, ${s.v},${s.a})`);break}}if(i.length>0&&o.color.checkValue(i)){const f=o.color.getValueFormat(i,u);i!==f&&(m(i,u),e.nextTick(()=>{o.color.fromString(i)}),p("onChangeType",u))}},b=()=>{m()};e.onMounted(()=>{e.nextTick(()=>{b()})}),e.watch(()=>C.value,u=>{const i=o.color.getValueFormat(u,"rgb");r.rgb!==i&&m()});const _=()=>{V("hex")},N=()=>{V("rgb")},w=()=>{V("hsl")},B=()=>{V("hsv")},F=()=>{g(-1)},I=()=>{g(1)};return t({setType:u=>{r.type=u},clearInputs:()=>{d.value="",l.r="",l.g="",l.b="",l.a="",c.h="",c.s="",c.l="",c.a="",s.h="",s.s="",s.v="",s.a=""}}),(u,i)=>(e.openBlock(),e.createElementBlock("div",he,[e.createElementVNode("div",null,[r.type==="hex"?(e.openBlock(),e.createElementBlock("div",me,[e.createElementVNode("div",null,[e.createVNode(E._sfc_main,{value:d.value,"onUpdate:value":i[0]||(i[0]=f=>d.value=f),isClean:!1,onOnChange:_},null,8,["value"]),i[13]||(i[13]=e.createElementVNode("div",{class:"panel-colorpicker-value-lable"},"十六进制",-1))])])):r.type==="rgb"?(e.openBlock(),e.createElementBlock("div",fe,[e.createElementVNode("div",null,[e.createVNode(E._sfc_main,{value:l.r,"onUpdate:value":i[1]||(i[1]=f=>l.r=f),isClean:!1,onOnChange:N},null,8,["value"]),i[14]||(i[14]=e.createElementVNode("div",{class:"panel-colorpicker-value-lable"},"R",-1))]),e.createElementVNode("div",null,[e.createVNode(E._sfc_main,{value:l.g,"onUpdate:value":i[2]||(i[2]=f=>l.g=f),isClean:!1,onOnChange:N},null,8,["value"]),i[15]||(i[15]=e.createElementVNode("div",{class:"panel-colorpicker-value-lable"},"G",-1))]),e.createElementVNode("div",null,[e.createVNode(E._sfc_main,{value:l.b,"onUpdate:value":i[3]||(i[3]=f=>l.b=f),isClean:!1,onOnChange:N},null,8,["value"]),i[16]||(i[16]=e.createElementVNode("div",{class:"panel-colorpicker-value-lable"},"B",-1))]),e.createElementVNode("div",null,[e.createVNode(E._sfc_main,{value:l.a,"onUpdate:value":i[4]||(i[4]=f=>l.a=f),isClean:!1,onOnChange:N},null,8,["value"]),i[17]||(i[17]=e.createElementVNode("div",{class:"panel-colorpicker-value-lable"},"A",-1))])])):r.type==="hsl"?(e.openBlock(),e.createElementBlock("div",ve,[e.createElementVNode("div",null,[e.createVNode(E._sfc_main,{value:c.h,"onUpdate:value":i[5]||(i[5]=f=>c.h=f),isClean:!1,onOnChange:w},null,8,["value"]),i[18]||(i[18]=e.createElementVNode("div",{class:"panel-colorpicker-value-lable"},"H",-1))]),e.createElementVNode("div",null,[e.createVNode(E._sfc_main,{value:c.s,"onUpdate:value":i[6]||(i[6]=f=>c.s=f),isClean:!1,onOnChange:w},null,8,["value"]),i[19]||(i[19]=e.createElementVNode("div",{class:"panel-colorpicker-value-lable"},"S",-1))]),e.createElementVNode("div",null,[e.createVNode(E._sfc_main,{value:c.l,"onUpdate:value":i[7]||(i[7]=f=>c.l=f),isClean:!1,onOnChange:w},null,8,["value"]),i[20]||(i[20]=e.createElementVNode("div",{class:"panel-colorpicker-value-lable"},"L",-1))]),e.createElementVNode("div",null,[e.createVNode(E._sfc_main,{value:c.a,"onUpdate:value":i[8]||(i[8]=f=>c.a=f),isClean:!1,onOnChange:w},null,8,["value"]),i[21]||(i[21]=e.createElementVNode("div",{class:"panel-colorpicker-value-lable"},"A",-1))])])):r.type==="hsv"?(e.openBlock(),e.createElementBlock("div",ge,[e.createElementVNode("div",null,[e.createVNode(E._sfc_main,{value:s.h,"onUpdate:value":i[9]||(i[9]=f=>s.h=f),isClean:!1,onOnChange:B},null,8,["value"]),i[22]||(i[22]=e.createElementVNode("div",{class:"panel-colorpicker-value-lable"},"H",-1))]),e.createElementVNode("div",null,[e.createVNode(E._sfc_main,{value:s.s,"onUpdate:value":i[10]||(i[10]=f=>s.s=f),isClean:!1,onOnChange:B},null,8,["value"]),i[23]||(i[23]=e.createElementVNode("div",{class:"panel-colorpicker-value-lable"},"S",-1))]),e.createElementVNode("div",null,[e.createVNode(E._sfc_main,{value:s.v,"onUpdate:value":i[11]||(i[11]=f=>s.v=f),isClean:!1,onOnChange:B},null,8,["value"]),i[24]||(i[24]=e.createElementVNode("div",{class:"panel-colorpicker-value-lable"},"V",-1))]),e.createElementVNode("div",null,[e.createVNode(E._sfc_main,{value:s.a,"onUpdate:value":i[12]||(i[12]=f=>s.a=f),isClean:!1,onOnChange:B},null,8,["value"]),i[25]||(i[25]=e.createElementVNode("div",{class:"panel-colorpicker-value-lable"},"A",-1))])])):(e.openBlock(),e.createElementBlock(e.Fragment,{key:4},[],64))]),e.createElementVNode("div",null,[e.createVNode(S._sfc_main,{name:"caret-up",onClick:F}),e.createVNode(S._sfc_main,{name:"caret-down",onClick:I})])]))}}),Ce={key:0,class:"panel-colorpicker-copy-icon"},W=e.defineComponent({name:"ClColorPickerCopy",__name:"Copy",props:{className:String,color:String,getTxtCallback:Function},setup(a){const t=a,n=e.useSlots(),o=e.reactive({isHover:!1}),p=e.computed(()=>!y.isUndefined(n.default)),r=e.computed(()=>{let s=!1;return p.value?s=o.isHover:s=!0,s}),d=e.computed(()=>{const s={"panel-colorpicker-copy":!0,"panel-colorpicker-copy-hover":o.isHover},{className:h}=t;return h&&!y.isEmpty(h)&&h.split(" ").forEach(C=>{y.isEmpty(C)||(s[C]=!0)}),s}),l=()=>{p.value&&(o.isHover=!0)},c=()=>{p.value&&(o.isHover=!1)};return(s,h)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(d.value),onMouseenter:l,onMouseleave:c},[e.renderSlot(s.$slots,"default"),r.value?(e.openBlock(),e.createElementBlock("div",Ce,[e.createVNode(te._sfc_main,{textLabel:a.getTxtCallback||a.color||""},null,8,["textLabel"])])):e.createCommentVNode("",!0)],34))}}),Ve={class:"panel-colorpicker-container"},be={key:0},_e={key:0,class:"panel-colorpicker-format"},Ee={class:"panel-colorpicker-format-show"},ye={key:1,class:"panel-colorpicker-operate"},Z=e.defineComponent({name:"ClColorPickerBase",__name:"Color",props:{value:String,disabled:{type:Boolean,default:!1},isAlpha:{type:Boolean,default:!0},isFormat:{type:Boolean,default:!0},isOperate:{type:Boolean,default:!0},isPreset:{type:Boolean,default:!0},isDropdown:{type:Boolean,default:!0}},emits:{onChange:a=>!0,onSubmit:()=>!0,onInit:()=>!0},setup(a,{expose:t,emit:n}){const o=a,p=n,{optPageLanguage:r,getPageLanguage:d}=le.useLanguage();d("common");const l=e.useTemplateRef("refElColorResult"),c=e.useTemplateRef("refElColorValue"),s=e.reactive({isShowColorResult:!1,colorResult:"",formatShow:"hex"}),h=e.reactive(new se({value:o.value,format:"",enableAlpha:!0})),C={isColorChangeResult:!0},v=()=>h.get("alpha").toString()==="100"?"hex":"rgb",m=(u,i=!0)=>{let f="";u&&!y.isEmpty(u)&&s.isShowColorResult&&(f=h.getValueFormat(u,s.formatShow)),s.colorResult=f,i&&p("onChange",f)},g=u=>{u&&!y.isEmpty(u)?(s.isShowColorResult=!0,h.fromString(u),m(h.value,!1)):(s.isShowColorResult=!1,C.isColorChangeResult=!1,m("",!1),h.fromString(""),e.nextTick(()=>{C.isColorChangeResult=!0}))},V=()=>{const{value:u}=o;g(u),p("onInit")};e.onMounted(()=>{e.nextTick(()=>{V()})}),e.watch(()=>o.value,u=>{g(u)}),e.watch(()=>h.value,u=>{y.isEmpty(o.value)&&(s.isShowColorResult=!0),C.isColorChangeResult&&m(u),C.isColorChangeResult=!0});const b=()=>h.getValueFormat(h.value,s.formatShow),_=u=>{h.fromString(u)},N=u=>{s.formatShow=u,m(h.value,!1)},w=()=>{const u=o.value||"";s.isShowColorResult=!y.isEmpty(u),y.isEmpty(u)?h.set({hue:0,saturation:0,value:100,alpha:100}):(C.isColorChangeResult=!1,m(u),h.fromString(u))},B=()=>{h.set({hue:0,saturation:0,value:100,alpha:100})},F=()=>{p("onSubmit")};return t({getValue:()=>{let u=s.colorResult;if(u.length>0){const i=v();u=h.getValueFormat(u,i)}return u},setValue:u=>{g(u)},initValueType:()=>{const u=v();s.formatShow=u,c.value&&c.value.setType(u)}}),(u,i)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(["panel-colorpicker-wrapper",{"panel-colorpicker-wrapper-disabled":a.disabled}])},[e.createElementVNode("div",Ve,[e.createElementVNode("div",null,[e.createVNode(ce,{color:h},null,8,["color"]),e.createVNode(ie,{color:h},null,8,["color"])]),a.isAlpha?(e.openBlock(),e.createElementBlock("div",be,[e.createVNode(ue,{color:h},null,8,["color"]),i[0]||(i[0]=e.createElementVNode("div",null,null,-1))])):e.createCommentVNode("",!0)]),a.isFormat?(e.openBlock(),e.createElementBlock("div",_e,[e.createElementVNode("div",Ee,[e.createVNode(W,{className:"panel-colorpicker-tip-current",getTxtCallback:b},{default:e.withCtx(()=>[e.createVNode(K,{color:h.value},null,8,["color"])]),_:1})]),e.createVNode(ke,{ref_key:"refElColorValue",ref:c,color:h,onOnChangeType:N},null,8,["color"])])):e.createCommentVNode("",!0),a.isOperate?(e.openBlock(),e.createElementBlock("div",ye,[e.createElementVNode("div",{ref_key:"refElColorResult",ref:l},e.toDisplayString(s.colorResult),513),e.createElementVNode("div",null,[e.createElementVNode("div",{onClick:w},[e.createVNode(S._sfc_main,{name:"restore",title:e.unref(r).restore},null,8,["title"])]),e.createElementVNode("div",{onClick:B},[e.createVNode(S._sfc_main,{name:"clear",title:e.unref(r).clearEmpty},null,8,["title"])]),e.createVNode(W,{color:s.colorResult},null,8,["color"]),a.isDropdown?(e.openBlock(),e.createElementBlock("div",{key:0,onClick:F},[e.createVNode(S._sfc_main,{name:"check",title:e.unref(r).submit},null,8,["title"])])):e.createCommentVNode("",!0)])])):e.createCommentVNode("",!0),a.isPreset?(e.openBlock(),e.createBlock(de,{key:2,onOnClick:_})):e.createCommentVNode("",!0)],2))}}),Ne={class:"panel-colorpicker-dropdown-text"},we={key:0,class:"panel-colorpicker-dropdown-arrow"},Be=e.defineComponent({name:"ClColorPicker",__name:"Index",props:{id:String,value:String,className:String,disabled:{type:Boolean,default:!1},isDropdown:{type:Boolean,default:!0},isAlpha:{type:Boolean,default:!0},isFormat:{type:Boolean,default:!0},isOperate:{type:Boolean,default:!0},isPreset:{type:Boolean,default:!0},isPlaintext:{type:Boolean,default:!1}},emits:{"update:value":a=>!0,"update:modelValue":a=>!0,onChange:a=>!0,onInit:()=>!0},setup(a,{expose:t,emit:n}){const o=a,p=o.id,r=n,d=e.useTemplateRef("refElDropdownLayer"),l=e.useTemplateRef("refElColorpicker"),c=e.reactive({isInitShow:!o.isDropdown,dropdownTextValue:"",currentValue:""}),s={lastValue:""},h=e.computed(()=>{let k="panel-colorpicker ";const{className:u}=o;return u&&!y.isEmpty(u)&&(k+=u),o.isPlaintext&&(k+="cl-plaintext-static "),k}),C=()=>{const k=c.currentValue;let u=!1;o.isDropdown?u=k!==s.lastValue:u=!0,u&&(s.lastValue=k,r("update:value",k),r("update:modelValue",k),r("onChange",k))},v=k=>{let u="transparent";k&&!y.isEmpty(k)&&(u=k),c.dropdownTextValue=u},m=k=>{const u=k||"";s.lastValue=u,o.isDropdown||(c.currentValue=u),v(u)},g=()=>{const k=l.value.getValue();c.dropdownTextValue=k,c.currentValue=k,C()},V=()=>{m(o.value)};e.watch(()=>o.value,k=>{m(k)}),e.onMounted(()=>{e.nextTick(()=>{V()})});const b=()=>{r("onInit")},_=k=>{o.disabled||(k?l.value&&l.value.initValueType():o.isOperate?c.currentValue!==l.value.getValue()&&c.currentValue===s.lastValue&&l.value.setValue(s.lastValue):g())},N=()=>{c.isInitShow=!0,c.currentValue=s.lastValue},w=()=>{o.isDropdown||g()},B=()=>{g(),o.isDropdown&&d.value&&d.value.setOpen(!1)};return t({getValue:()=>c.currentValue,getValueData:()=>({value:c.currentValue}),setValue:k=>{m(k)}}),(k,u)=>a.isDropdown?(e.openBlock(),e.createBlock(ee._sfc_main,{key:0,ref_key:"refElDropdownLayer",ref:d,id:e.unref(p),classParent:h.value,classDropDown:"panel-colorpicker-dropdown",isUseDropdownArrow:!0,isDisabled:a.disabled,onOnChangeOpen:_,onOnOpenComplete:N},{label:e.withCtx(()=>[e.createElementVNode("div",Ne,[u[0]||(u[0]=e.createElementVNode("div",{class:"panel-colorpicker-bg-alpha"},null,-1)),e.createElementVNode("div",{style:e.normalizeStyle({"background-color":c.dropdownTextValue})},null,4),a.isPlaintext?(e.openBlock(),e.createElementBlock(e.Fragment,{key:1},[],64)):(e.openBlock(),e.createElementBlock("div",we,[e.createVNode(S._sfc_main,{name:"angle-down"})]))])]),dropdown:e.withCtx(()=>[c.isInitShow?(e.openBlock(),e.createBlock(Z,{key:0,ref_key:"refElColorpicker",ref:l,value:c.currentValue,isAlpha:a.isAlpha,isFormat:a.isFormat,isOperate:a.isOperate,isPreset:a.isPreset,isDropdown:a.isDropdown,onOnChange:w,onOnSubmit:B,onOnInit:b},null,8,["value","isAlpha","isFormat","isOperate","isPreset","isDropdown"])):e.createCommentVNode("",!0)]),_:1},8,["id","classParent","isDisabled"])):(e.openBlock(),e.createElementBlock("div",{key:1,class:e.normalizeClass(h.value)},[c.isInitShow?(e.openBlock(),e.createBlock(Z,{key:0,ref_key:"refElColorpicker",ref:l,value:c.currentValue,disabled:a.disabled,isAlpha:a.isAlpha,isFormat:a.isFormat,isOperate:a.isOperate,isPreset:a.isPreset,isDropdown:a.isDropdown,onOnChange:w,onOnSubmit:B,onOnInit:b},null,8,["value","disabled","isAlpha","isFormat","isOperate","isPreset","isDropdown"])):e.createCommentVNode("",!0)],2))}});module.exports=Be;

package/buildLibs/utils/Web/ClColorPicker.css

@@ -1 +1 @@
-.panel-colorpicker-palette{position:relative;width:280px;height:180px;cursor:pointer}.panel-colorpicker-palette-white,.panel-colorpicker-palette-black{position:absolute;inset:0}.panel-colorpicker-palette-white{background:linear-gradient(to right,#fff,var(--cl-transparent, rgba(255, 255, 255, 0)))}.panel-colorpicker-palette-black{background:linear-gradient(to top,#000,var(--cl-transparent, rgba(0, 0, 0, 0)))}.panel-colorpicker-palette-btn{position:absolute}.panel-colorpicker-palette-btn>div{width:8px;height:8px;box-shadow:0 0 0 1.5px #fff,inset 0 0 1px 1px #0000004d,0 0 1px 2px #0006;border-radius:50%;transform:translate(-4px,-4px)}.panel-colorpicker-hue{position:relative;box-sizing:border-box;width:12px;height:180px;padding:2px 0;background-color:red}.panel-colorpicker-hue-container{position:relative;height:100%;background:linear-gradient(to bottom,red,#ff0 17%,#0f0 33%,#0ff,#00f 67%,#f0f 83%,red)}.panel-colorpicker-hue-btn{position:absolute;cursor:pointer;box-sizing:border-box;left:0;top:0;background:#fff;box-shadow:0 0 2px #0009;z-index:1;width:16px;height:16px;border-radius:50%;transform:translate(-2px,-8px)}.panel-colorpicker-alpha{position:relative;box-sizing:border-box;width:280px;height:12px;background-image:linear-gradient(45deg,rgb(204,204,204) 25%,var(--cl-transparent, rgba(0, 0, 0, 0)) 25%),linear-gradient(135deg,rgb(204,204,204) 25%,var(--cl-transparent, rgba(0, 0, 0, 0)) 25%),linear-gradient(45deg,var(--cl-transparent, rgba(0, 0, 0, 0)) 75%,rgb(204,204,204) 75%),linear-gradient(135deg,var(--cl-transparent, rgba(0, 0, 0, 0)) 75%,rgb(204,204,204) 75%);background-size:12px 12px;background-position:0 0,6px 0,6px -6px,0 6px}.panel-colorpicker-alpha-container{position:relative;background:linear-gradient(to right,var(--cl-transparent, rgba(255, 255, 255, 0)) 0%,rgb(255,255,255) 100%);height:100%}.panel-colorpicker-alpha-btn{position:absolute;cursor:pointer;box-sizing:border-box;left:0;top:0;background:#fff;box-shadow:0 0 2px #0009;z-index:1;width:16px;height:16px;border-radius:50%;transform:translate(-8px,-2px)}.panel-colorpicker-item-block{position:relative;width:100%;height:100%;cursor:pointer}.panel-colorpicker-item-block>div{position:absolute;left:0;top:0;width:100%;height:100%;border-radius:3px;border:1px solid var(--cl-bg-muted, #f5f5f5)}.panel-colorpicker-bg-alpha{background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAYAAADED76LAAAAAXNSR0IArs4c6QAAACdJREFUKFNjPHP19n8GJGCspYLMZWCkg4L///+juOHstTuobqC9AgCYGinl3vgvfQAAAABJRU5ErkJggg==)}.panel-colorpicker-preset{position:relative;margin-top:12px;padding:8px 8px 0;border-top:1px solid var(--cl-bg-muted, #f5f5f5)}.panel-colorpicker-preset>ul{padding:0;margin:0;list-style:none}.panel-colorpicker-preset>ul>li{position:relative;width:16px;height:16px;margin-right:10px;margin-top:5px;border-radius:3px;box-sizing:border-box;display:inline-block;transition:all .3s;cursor:pointer}.panel-colorpicker-preset>ul>li:nth-child(12n){margin-right:0}.panel-colorpicker-preset>ul>li:hover{transform:scale(1.4)}.panel-colorpicker-value{display:flex;flex-direction:row;align-items:flex-start;justify-content:space-between;cursor:default}.panel-colorpicker-value>div:first-child{flex:1}.panel-colorpicker-value>div:last-child{margin-top:5px;margin-left:5px;width:30px;display:flex;flex-direction:column;align-items:center}.panel-colorpicker-value .panel-input{width:auto!important}.panel-colorpicker-value .panel-input .form-control{height:26px;line-height:26px;padding:2px;font-size:12px;text-align:center}.panel-colorpicker-value-lable{color:#80868a;margin-top:5px;text-align:center}.panel-colorpicker-value>div:first-child>div{display:flex;flex-direction:row;align-items:center}.panel-colorpicker-value>div:first-child>div>div{width:50px;margin-right:10px}.panel-colorpicker-value>div:first-child>div>div:last-child{margin-right:0}.panel-colorpicker-value>div:first-child>div.panel-colorpicker-hex>div{width:100%}.panel-colorpicker-value>div:last-child:hover{background-color:#d5d5d5;border-radius:5px;transition:all .3s}.panel-colorpicker-value>div:last-child>i{font-size:16px;cursor:pointer}.panel-colorpicker-value>div:last-child>i:hover{color:var(--cl-primary, #1088f0);transition:all .3s}.panel-colorpicker-copy{position:relative}.panel-colorpicker-copy-hover>.panel-colorpicker-copy-icon{position:absolute;left:0;top:0;width:100%;height:100%;z-index:1;background-color:#4f4f4fcc;border-radius:50%;display:flex;flex-direction:row;align-items:center;justify-content:center;cursor:pointer}.panel-colorpicker-wrapper{position:relative;width:100%;padding-bottom:10px}.panel-colorpicker-container{padding:8px 0 0 8px}.panel-colorpicker-container>div{display:flex;flex-direction:row;align-items:flex-start}.panel-colorpicker-container>div:last-child{margin-top:10px}.panel-colorpicker-container>div:first-child{margin-top:0}.panel-colorpicker-container>div>div:last-child{margin-left:10px}.panel-colorpicker-format{display:flex;flex-direction:row;align-items:flex-start;padding:12px 0 0 8px}.panel-colorpicker-format-show{width:45px;text-align:center}.panel-colorpicker-value{flex:1}.panel-colorpicker-tip-current{width:26px;height:26px;border-radius:50%;margin:0 auto}.panel-colorpicker-tip-current>div{border-radius:50%}.panel-colorpicker-tip-current>.panel-colorpicker-item-block>div{border-radius:50%;border-width:0}.panel-colorpicker-format+.panel-colorpicker-operate{padding-top:0}.panel-colorpicker-operate{padding:12px 3px 0 8px;display:flex;flex-direction:row;align-items:center;justify-content:space-between}.panel-colorpicker-operate>div:first-child{font-size:12px;color:#80868a;padding:4px 8px;cursor:default;border:1px solid var(--cl-bg-muted, #f5f5f5);border-radius:4px;min-width:100px}.panel-colorpicker-operate>div:first-child:empty{width:100px;height:28px}.panel-colorpicker-operate>div:last-child{display:flex;flex-direction:row;align-items:center}.panel-colorpicker-operate>div:last-child>div{border-radius:50%;width:24px;height:24px;cursor:pointer;transition:all .3s;display:flex;flex-direction:row;align-items:center;justify-content:center}.panel-colorpicker-operate>div:last-child>div:last-child{margin-right:0}.panel-colorpicker-operate>div:last-child>div:hover,.panel-colorpicker-operate>div:last-child:has(.panel-clipboard:focus-visible)>div{background:#bbb;color:var(--cl-bg, #ffffff)}.panel-colorpicker-operate>div:last-child>div>i{transition:font-size .3s;font-size:14px}.panel-colorpicker-operate>div:last-child>div:hover>i{font-size:16px}.panel-colorpicker-operate .panel-colorpicker-copy .panel-clipboard>.clipboard-btn{color:var(--cl-text-primary, #323233)}.panel-colorpicker-operate .panel-colorpicker-copy .panel-clipboard>.clipboard-btn>i{transition:font-size .3s;font-size:14px}.panel-colorpicker-operate>div:last-child>.panel-colorpicker-copy:hover .panel-clipboard>.clipboard-btn{color:var(--cl-bg, #ffffff)}.panel-colorpicker-operate>div:last-child>.panel-colorpicker-copy:hover .panel-clipboard>.clipboard-btn>i{font-size:16px}.panel-colorpicker-operate>div:last-child>.panel-colorpicker-copy:has(.panel-clipboard:focus-visible) .panel-clipboard>.clipboard-btn{color:var(--cl-bg, #ffffff)}.panel-colorpicker-operate>div:last-child>.panel-colorpicker-copy:has(.panel-clipboard:focus-visible) .panel-clipboard>.clipboard-btn>i{font-size:16px}.panel-colorpicker-operate .panel-clipboard:focus-visible{outline:none}.panel-colorpicker-operate .panel-colorpicker-copy .panel-clipboard{width:24px;height:24px}.panel-colorpicker-operate .panel-colorpicker-copy .clipboard-operate-result{border-radius:50%}.panel-colorpicker-format+.panel-colorpicker-preset{margin-top:6px}.panel-colorpicker-operate+.panel-colorpicker-preset{margin-top:8px}.panel-colorpicker-wrapper-disabled{pointer-events:none;opacity:.5}.panel-colorpicker{position:relative;display:inline-block;width:auto}.panel-colorpicker.panel-dropdownLayer{display:inline-block;width:auto}.panel-colorpicker>.dropdownLayer-text{height:32px;width:32px;padding:2px;border-radius:4px;border:1px solid var(--cl-border, #cfcfcf)}.panel-colorpicker-dropdown-text{position:relative;height:100%;width:100%}.panel-colorpicker-dropdown-text>div{position:absolute;left:0;top:0;width:100%;height:100%;border-radius:4px}.panel-colorpicker-dropdown-text>.panel-colorpicker-dropdown-arrow{display:flex;flex-direction:row;align-items:center;justify-content:center;z-index:10;color:var(--cl-bg, #ffffff)}.panel-colorpicker-dropdown-text>.panel-colorpicker-dropdown-arrow i{transition:transform .2s ease-in-out}.panel-colorpicker>.dropdownLayer-text-open .panel-colorpicker-dropdown-arrow i{transform:rotate(-180deg)}.panel-colorpicker.panel-dropdownLayer>.panel-colorpicker-dropdown{width:320px}.panel-colorpicker>.panel-colorpicker-dropdown .panel-colorpicker-container{padding:10px 0 0 10px}
+.panel-colorpicker-palette{position:relative;width:280px;height:180px;cursor:pointer}.panel-colorpicker-palette-white,.panel-colorpicker-palette-black{position:absolute;inset:0}.panel-colorpicker-palette-white{background:linear-gradient(to right,#fff,var(--cl-transparent, rgba(255, 255, 255, 0)))}.panel-colorpicker-palette-black{background:linear-gradient(to top,#000,var(--cl-transparent, rgba(0, 0, 0, 0)))}.panel-colorpicker-palette-btn{position:absolute}.panel-colorpicker-palette-btn>div{width:8px;height:8px;box-shadow:0 0 0 1.5px #fff,inset 0 0 1px 1px #0000004d,0 0 1px 2px #0006;border-radius:50%;transform:translate(-4px,-4px)}.panel-colorpicker-hue{position:relative;box-sizing:border-box;width:12px;height:180px;padding:2px 0;background-color:red}.panel-colorpicker-hue-container{position:relative;height:100%;background:linear-gradient(to bottom,red,#ff0 17%,#0f0 33%,#0ff,#00f 67%,#f0f 83%,red)}.panel-colorpicker-hue-btn{position:absolute;cursor:pointer;box-sizing:border-box;left:0;top:0;background:#fff;box-shadow:0 0 2px #0009;z-index:1;width:16px;height:16px;border-radius:50%;transform:translate(-2px,-8px)}.panel-colorpicker-alpha{position:relative;box-sizing:border-box;width:280px;height:12px;background-image:linear-gradient(45deg,rgb(204,204,204) 25%,var(--cl-transparent, rgba(0, 0, 0, 0)) 25%),linear-gradient(135deg,rgb(204,204,204) 25%,var(--cl-transparent, rgba(0, 0, 0, 0)) 25%),linear-gradient(45deg,var(--cl-transparent, rgba(0, 0, 0, 0)) 75%,rgb(204,204,204) 75%),linear-gradient(135deg,var(--cl-transparent, rgba(0, 0, 0, 0)) 75%,rgb(204,204,204) 75%);background-size:12px 12px;background-position:0 0,6px 0,6px -6px,0 6px}.panel-colorpicker-alpha-container{position:relative;background:linear-gradient(to right,var(--cl-transparent, rgba(255, 255, 255, 0)) 0%,rgb(255,255,255) 100%);height:100%}.panel-colorpicker-alpha-btn{position:absolute;cursor:pointer;box-sizing:border-box;left:0;top:0;background:#fff;box-shadow:0 0 2px #0009;z-index:1;width:16px;height:16px;border-radius:50%;transform:translate(-8px,-2px)}.panel-colorpicker-item-block{position:relative;width:100%;height:100%;cursor:pointer}.panel-colorpicker-item-block>div{position:absolute;left:0;top:0;width:100%;height:100%;border-radius:3px;border:1px solid var(--cl-bg-muted, #f5f5f5)}.panel-colorpicker-bg-alpha{background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAYAAADED76LAAAAAXNSR0IArs4c6QAAACdJREFUKFNjPHP19n8GJGCspYLMZWCkg4L///+juOHstTuobqC9AgCYGinl3vgvfQAAAABJRU5ErkJggg==)}.panel-colorpicker-preset{position:relative;margin-top:12px;padding:8px 8px 0;border-top:1px solid var(--cl-bg-muted, #f5f5f5)}.panel-colorpicker-preset>ul{padding:0;margin:0;list-style:none}.panel-colorpicker-preset>ul>li{position:relative;width:16px;height:16px;margin-right:10px;margin-top:5px;border-radius:3px;box-sizing:border-box;display:inline-block;transition:all .3s;cursor:pointer}.panel-colorpicker-preset>ul>li:nth-child(12n){margin-right:0}.panel-colorpicker-preset>ul>li:hover{transform:scale(1.4)}.panel-colorpicker-value{display:flex;flex-direction:row;align-items:flex-start;justify-content:space-between;cursor:default}.panel-colorpicker-value>div:first-child{flex:1}.panel-colorpicker-value>div:last-child{margin-top:5px;margin-left:5px;width:30px;display:flex;flex-direction:column;align-items:center}.panel-colorpicker-value .panel-input{width:auto!important}.panel-colorpicker-value .panel-input .form-control{height:26px;line-height:26px;padding:2px;font-size:12px;text-align:center}.panel-colorpicker-value-lable{color:#80868a;margin-top:5px;text-align:center}.panel-colorpicker-value>div:first-child>div{display:flex;flex-direction:row;align-items:center}.panel-colorpicker-value>div:first-child>div>div{width:50px;margin-right:10px}.panel-colorpicker-value>div:first-child>div>div:last-child{margin-right:0}.panel-colorpicker-value>div:first-child>div.panel-colorpicker-hex>div{width:100%}.panel-colorpicker-value>div:last-child:hover{background-color:#d5d5d5;border-radius:5px;transition:all .3s}.panel-colorpicker-value>div:last-child>i{font-size:16px;cursor:pointer}.panel-colorpicker-value>div:last-child>i:hover{color:var(--cl-primary, #1088f0);transition:all .3s}.panel-colorpicker-copy{position:relative}.panel-colorpicker-copy-hover>.panel-colorpicker-copy-icon{position:absolute;left:0;top:0;width:100%;height:100%;z-index:1;background-color:#4f4f4fcc;border-radius:50%;display:flex;flex-direction:row;align-items:center;justify-content:center;cursor:pointer}.panel-colorpicker-wrapper{position:relative;width:100%;padding-bottom:10px}.panel-colorpicker-container{padding:8px 0 0 8px}.panel-colorpicker-container>div{display:flex;flex-direction:row;align-items:flex-start}.panel-colorpicker-container>div:last-child{margin-top:10px}.panel-colorpicker-container>div:first-child{margin-top:0}.panel-colorpicker-container>div>div:last-child{margin-left:10px}.panel-colorpicker-format{display:flex;flex-direction:row;align-items:flex-start;padding:12px 0 0 8px}.panel-colorpicker-format-show{width:45px;text-align:center}.panel-colorpicker-value{flex:1}.panel-colorpicker-tip-current{width:26px;height:26px;border-radius:50%;margin:0 auto}.panel-colorpicker-tip-current>div{border-radius:50%}.panel-colorpicker-tip-current>.panel-colorpicker-item-block>div{border-radius:50%;border-width:0}.panel-colorpicker-format+.panel-colorpicker-operate{padding-top:0}.panel-colorpicker-operate{padding:12px 3px 0 8px;display:flex;flex-direction:row;align-items:center;justify-content:space-between}.panel-colorpicker-operate>div:first-child{font-size:12px;color:#80868a;padding:4px 8px;cursor:default;border:1px solid var(--cl-bg-muted, #f5f5f5);border-radius:4px;min-width:100px}.panel-colorpicker-operate>div:first-child:empty{width:100px;height:28px}.panel-colorpicker-operate>div:last-child{display:flex;flex-direction:row;align-items:center}.panel-colorpicker-operate>div:last-child>div{border-radius:50%;width:24px;height:24px;cursor:pointer;transition:all .3s;display:flex;flex-direction:row;align-items:center;justify-content:center}.panel-colorpicker-operate>div:last-child>div:last-child{margin-right:0}.panel-colorpicker-operate>div:last-child>div:hover,.panel-colorpicker-operate>div:last-child:has(.panel-clipboard:focus-visible)>div{background:#bbb;color:var(--cl-text-on-accent, #1a1a1a)}.panel-colorpicker-operate>div:last-child>div>i{transition:font-size .3s;font-size:14px}.panel-colorpicker-operate>div:last-child>div:hover>i{font-size:16px}.panel-colorpicker-operate .panel-colorpicker-copy .panel-clipboard>.clipboard-btn{color:var(--cl-text-primary, #323233)}.panel-colorpicker-operate .panel-colorpicker-copy .panel-clipboard>.clipboard-btn>i{transition:font-size .3s;font-size:14px}.panel-colorpicker-operate>div:last-child>.panel-colorpicker-copy:hover .panel-clipboard>.clipboard-btn{color:var(--cl-text-on-accent, #1a1a1a)}.panel-colorpicker-operate>div:last-child>.panel-colorpicker-copy:hover .panel-clipboard>.clipboard-btn>i{font-size:16px}.panel-colorpicker-operate>div:last-child>.panel-colorpicker-copy:has(.panel-clipboard:focus-visible) .panel-clipboard>.clipboard-btn{color:var(--cl-text-on-accent, #1a1a1a)}.panel-colorpicker-operate>div:last-child>.panel-colorpicker-copy:has(.panel-clipboard:focus-visible) .panel-clipboard>.clipboard-btn>i{font-size:16px}.panel-colorpicker-operate .panel-clipboard:focus-visible{outline:none}.panel-colorpicker-operate .panel-colorpicker-copy .panel-clipboard{width:24px;height:24px}.panel-colorpicker-operate .panel-colorpicker-copy .clipboard-operate-result{border-radius:50%}.panel-colorpicker-format+.panel-colorpicker-preset{margin-top:6px}.panel-colorpicker-operate+.panel-colorpicker-preset{margin-top:8px}.panel-colorpicker-wrapper-disabled{pointer-events:none;opacity:.5}.panel-colorpicker{position:relative;display:inline-block;width:auto}.panel-colorpicker.panel-dropdownLayer{display:inline-block;width:auto}.panel-colorpicker>.dropdownLayer-text{height:32px;width:32px;padding:2px;border-radius:4px;border:1px solid var(--cl-border-control, #cfcfcf)}.panel-colorpicker-dropdown-text{position:relative;height:100%;width:100%}.panel-colorpicker-dropdown-text>div{position:absolute;left:0;top:0;width:100%;height:100%;border-radius:4px}.panel-colorpicker-dropdown-text>.panel-colorpicker-dropdown-arrow{display:flex;flex-direction:row;align-items:center;justify-content:center;z-index:10;color:var(--cl-text-on-accent, #1a1a1a)}.panel-colorpicker-dropdown-text>.panel-colorpicker-dropdown-arrow i{transition:transform .2s ease-in-out}.panel-colorpicker>.dropdownLayer-text-open .panel-colorpicker-dropdown-arrow i{transform:rotate(-180deg)}.panel-colorpicker.panel-dropdownLayer>.panel-colorpicker-dropdown{width:320px}.panel-colorpicker>.panel-colorpicker-dropdown .panel-colorpicker-container{padding:10px 0 0 10px}

package/buildLibs/utils/Web/ClColorPicker.js

@@ -4,12 +4,12 @@ import '../../styles/Common/Input-base.css';
 import '../../styles/Web/ClColorPicker.css';
 import { defineComponent as D, useTemplateRef as M, reactive as E, computed as P, onMounted as L, nextTick as A, watch as R, openBlock as y, createElementBlock as w, normalizeStyle as N, createElementVNode as f, normalizeClass as K, ref as ge, Fragment as ne, renderList as Ce, createVNode as k, useSlots as be, renderSlot as ke, createCommentVNode as I, withCtx as le, toDisplayString as ye, unref as W, createBlock as Z } from "vue";
 import x from "@cldemo/ui-kit/common/base";
-import { _ as U } from "../Shared/Index.vue_vue_type_script_setup_true_lang-C2LGy18j.js";
+import { _ as U } from "../Shared/Index.vue_vue_type_script_setup_true_lang-Bt0l5FYh.js";
 import { _ as we } from "../Shared/Popup.vue_vue_type_script_setup_true_lang-DKmJL9a2.js";
 import { Drag as G } from "@cldemo/ui-kit/common/Element/Event";
 import ve from "@cldemo/ui-kit/common/Element";
-import { _ as S } from "../Shared/Index.vue_vue_type_script_setup_true_lang-D4a5Iaue.js";
-import { _ as Ve } from "../Shared/Index.vue_vue_type_script_setup_true_lang-DWkYiuK9.js";
+import { _ as S } from "../Shared/Index.vue_vue_type_script_setup_true_lang-VUD3rCg5.js";
+import { _ as Ve } from "../Shared/Index.vue_vue_type_script_setup_true_lang-DvYX7kuB.js";
 import { a as _e } from "../Shared/language-CZZEj4e3.js";
 /* empty css                           */
 const ue = (o, e) => Object.prototype.hasOwnProperty.call(o, e), $e = (o, e, l) => {

package/buildLibs/utils/Web/ClCropper.cjs

@@ -1 +1 @@
-"use strict";const e=require("../Shared/Index.vue_vue_type_script_setup_true_lang-C67qv3YC.js");module.exports=e._sfc_main;
+"use strict";const e=require("../Shared/Index.vue_vue_type_script_setup_true_lang-DB79nPqn.js");module.exports=e._sfc_main;

package/buildLibs/utils/Web/ClCropper.js

@@ -5,7 +5,7 @@ import '../../styles/Common/Btn-base.css';
 import '../../styles/Common/Fade-base.css';
 import '../../styles/Common/Overlay-base.css';
 import '../../styles/Web/ClCropper.css';
-import { _ as f } from "../Shared/Index.vue_vue_type_script_setup_true_lang-BWeBT0aj.js";
+import { _ as f } from "../Shared/Index.vue_vue_type_script_setup_true_lang-C8euOy7Z.js";
 export {
   f as default
 };

package/buildLibs/utils/Web/ClCropperM.css

@@ -1 +1 @@
-.panel-cropper-m{position:relative}.imgCropperM-container{position:relative;display:flex;flex-direction:column;align-items:center;width:100%}.imgCropperM-main{position:relative;width:100%;background-color:#000;border-radius:8px;overflow:hidden}.imgCropperM-main>div:first-child{position:relative}.imgCropperM-btns{display:flex;flex-direction:column;align-items:center;width:100%;padding:10px 0 4px;margin-top:8px;gap:10px;border-top:1px solid var(--cl-bg-muted, #f5f5f5)}.imgCropperM-btns-row{display:flex;align-items:center;justify-content:space-around;width:100%}.imgCropperM-btns .imgCropperM-btn{height:48px;width:48px;display:inline-flex;justify-content:center;align-items:center;position:relative;color:var(--cl-text-primary, #323233);background-color:var(--cl-bg-muted, #f5f5f5);cursor:pointer;border-radius:12px;transition:background-color .2s linear}.imgCropperM-btns .imgCropperM-btn:active{background-color:var(--cl-border, #cfcfcf)}.imgCropperM-btns-save{display:flex;width:100%}.imgCropperM-btns-save .imgCropperM-btn-save{height:52px;flex:1;display:inline-flex;justify-content:center;align-items:center;gap:6px;color:var(--cl-bg, #ffffff);background-color:var(--cl-primary, #1088f0);cursor:pointer;border-radius:8px;font-size:16px;transition:background-color .2s linear}.imgCropperM-btns-save .imgCropperM-btn-save:active{background-color:#0570db}.imgCropperM-btn-save-text{line-height:1}.imgCropperM-upload{position:relative;width:100%;margin-bottom:12px}.imgCropperM-upload>input[type=file]{position:absolute;opacity:0;width:0;height:0;z-index:-2}.imgCropperM-upload>label{display:block;margin:0;padding:0;cursor:pointer}.imgCropperM-upload-box{height:56px;display:flex;justify-content:center;align-items:center;gap:8px;color:var(--cl-text-secondary, #666666);background-color:var(--cl-bg-subtle, #fafafa);border:1px dashed #d0d0d0;border-radius:8px;font-size:15px;cursor:pointer;transition:background-color .2s linear}.imgCropperM-upload-box:active{background-color:var(--cl-bg-muted, #f5f5f5)}.imgCropperM-upload-text{line-height:1}.frame-alignline{pointer-events:none}.frame-alignline>div{position:absolute;width:1px;height:1px;border:0 dotted var(--cl-bg, #ffffff);opacity:.5;pointer-events:none}.frame-alignline>div.alignline-h{left:0;width:100%;border-top-width:1px}.frame-alignline>div.alignline-v{top:0;height:100%;border-left-width:1px}.frame-alignline>div.alignline-h.alignline-center-h{top:50%}.frame-alignline>div.alignline-v.alignline-center-v{left:50%}.frame-alignline>div.alignline-h.alignline-nineGrid-h1{top:33.33%}.frame-alignline>div.alignline-h.alignline-nineGrid-h2{top:66.66%}.frame-alignline>div.alignline-v.alignline-nineGrid-v1{left:33.33%}.frame-alignline>div.alignline-v.alignline-nineGrid-v2{left:66.66%}.imgCropperM-loading-mask{position:absolute;inset:0;z-index:10;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#00000073;border-radius:4px;gap:8px;font-size:13px;color:var(--cl-bg, #ffffff);cursor:default;user-select:none}.panel-cropperM-preview{padding:16px 16px 8px}.cropperM-preview-head{margin-bottom:12px}.cropperM-preview-title{font-size:16px;font-weight:600;color:var(--cl-text-primary, #323233)}.cropperM-preview-body{display:flex;justify-content:center;align-items:center;min-height:120px;background-color:var(--cl-bg-subtle, #fafafa);border-radius:8px}.cropperM-preview-box{position:relative;overflow:hidden;display:flex;justify-content:center;align-items:center;background-color:var(--cl-text-primary, #323233);border-radius:4px}.cropperM-preview-box.is-round{border-radius:50%}.cropperM-preview-inner{position:relative;flex-shrink:0}.cropperM-preview-inner img{display:block;max-width:none;max-height:none}.cropperM-preview-empty{padding:24px 0;color:var(--cl-text-secondary, #666666);font-size:14px}
+.panel-cropper-m{position:relative}.imgCropperM-container{position:relative;display:flex;flex-direction:column;align-items:center;width:100%}.imgCropperM-main{position:relative;width:100%;background-color:#000;border-radius:8px;overflow:hidden}.imgCropperM-main>div:first-child{position:relative}.imgCropperM-btns{display:flex;flex-direction:column;align-items:center;width:100%;padding:10px 0 4px;margin-top:8px;gap:10px;border-top:1px solid var(--cl-bg-muted, #f5f5f5)}.imgCropperM-btns-row{display:flex;align-items:center;justify-content:space-around;width:100%}.imgCropperM-btns .imgCropperM-btn{height:48px;width:48px;display:inline-flex;justify-content:center;align-items:center;position:relative;color:var(--cl-text-primary, #323233);background-color:var(--cl-bg-muted, #f5f5f5);cursor:pointer;border-radius:12px;transition:background-color .2s linear}.imgCropperM-btns .imgCropperM-btn:active{background-color:var(--cl-bg-press, #cfcfcf)}.imgCropperM-btns-save{display:flex;width:100%}.imgCropperM-btns-save .imgCropperM-btn-save{height:52px;flex:1;display:inline-flex;justify-content:center;align-items:center;gap:6px;color:var(--cl-text-on-accent, #1a1a1a);background-color:var(--cl-primary, #1088f0);cursor:pointer;border-radius:8px;font-size:16px;transition:background-color .2s linear}.imgCropperM-btns-save .imgCropperM-btn-save:active{background-color:#0570db}.imgCropperM-btn-save-text{line-height:1}.imgCropperM-upload{position:relative;width:100%;margin-bottom:12px}.imgCropperM-upload>input[type=file]{position:absolute;opacity:0;width:0;height:0;z-index:-2}.imgCropperM-upload>label{display:block;margin:0;padding:0;cursor:pointer}.imgCropperM-upload-box{height:56px;display:flex;justify-content:center;align-items:center;gap:8px;color:var(--cl-text-secondary, #666666);background-color:var(--cl-bg-subtle, #fafafa);border:1px dashed #d0d0d0;border-radius:8px;font-size:15px;cursor:pointer;transition:background-color .2s linear}.imgCropperM-upload-box:active{background-color:var(--cl-bg-muted, #f5f5f5)}.imgCropperM-upload-text{line-height:1}.frame-alignline{pointer-events:none}.frame-alignline>div{position:absolute;width:1px;height:1px;border:0 dotted var(--cl-bg, #ffffff);opacity:.5;pointer-events:none}.frame-alignline>div.alignline-h{left:0;width:100%;border-top-width:1px}.frame-alignline>div.alignline-v{top:0;height:100%;border-left-width:1px}.frame-alignline>div.alignline-h.alignline-center-h{top:50%}.frame-alignline>div.alignline-v.alignline-center-v{left:50%}.frame-alignline>div.alignline-h.alignline-nineGrid-h1{top:33.33%}.frame-alignline>div.alignline-h.alignline-nineGrid-h2{top:66.66%}.frame-alignline>div.alignline-v.alignline-nineGrid-v1{left:33.33%}.frame-alignline>div.alignline-v.alignline-nineGrid-v2{left:66.66%}.imgCropperM-loading-mask{position:absolute;inset:0;z-index:10;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#00000073;border-radius:4px;gap:8px;font-size:13px;color:var(--cl-text-on-accent, #1a1a1a);cursor:default;user-select:none}.panel-cropperM-preview{padding:16px 16px 8px}.cropperM-preview-head{margin-bottom:12px}.cropperM-preview-title{font-size:16px;font-weight:600;color:var(--cl-text-primary, #323233)}.cropperM-preview-body{display:flex;justify-content:center;align-items:center;min-height:120px;background-color:var(--cl-bg-subtle, #fafafa);border-radius:8px}.cropperM-preview-box{position:relative;overflow:hidden;display:flex;justify-content:center;align-items:center;background-color:var(--cl-text-primary, #323233);border-radius:4px}.cropperM-preview-box.is-round{border-radius:50%}.cropperM-preview-inner{position:relative;flex-shrink:0}.cropperM-preview-inner img{display:block;max-width:none;max-height:none}.cropperM-preview-empty{padding:24px 0;color:var(--cl-text-secondary, #666666);font-size:14px}

package/buildLibs/utils/Web/ClCropperPreview.cjs

@@ -1 +1 @@
-"use strict";const e=require("vue"),m=require("@cldemo/ui-kit/common/log"),a=require("@cldemo/ui-kit/common/base"),S=require("@cldemo/ui-kit/common/Element"),x=require("../Shared/Index.vue_vue_type_script_setup_true_lang-C67qv3YC.js"),h=require("../Shared/Index.vue_vue_type_script_setup_true_lang-D_YbdXMB.js"),b=require("../Shared/Index.vue_vue_type_script_setup_true_lang-BIO6Me43.js"),F=require("../Shared/Index.vue_vue_type_script_setup_true_lang-Dirpq4z0.js"),O=["id"],N={class:"cropperPreview-box-flex"},q=e.defineComponent({name:"ClCropperPreview",__name:"Index",props:{id:String,className:String,previewImageUrl:String,coverImageUrl:String,width:{type:Number,default:200},height:{type:Number,default:200},widthPreview:Number,heightPreview:Number,previewShape:{type:String,default:"square"},isCenterBox:{type:Boolean,default:!1},isShowUploadBtn:{type:Boolean,default:!0},getCropperImageUrl:Function,saveImageBase64:Function},emits:{onInitCoverImage:()=>!0,onError:l=>!0},setup(l,{expose:C,emit:w}){const n=l,p=w,d=n.id,s=e.useTemplateRef("refElCropper"),i=e.reactive({isEmptyPreviewUrl:!1,isEmptyCoverUrl:!1,isAgainCropper:!1,coverImageUrlOriginal:""});let g=!1;const y=e.computed(()=>{const{width:t,widthPreview:r}=n;return a.isFinite(r)?r:t}),U=e.computed(()=>{const{height:t,heightPreview:r}=n;return a.isFinite(r)?r:t}),_=e.computed(()=>({"panel-cropper-preview":!0,...S.getClassNameJson(n.className)})),u=()=>{const{previewImageUrl:t}=n,r=a.isEmpty(t);i.isEmptyPreviewUrl=r,i.isAgainCropper=r},v=()=>{const{coverImageUrl:t}=n,r=a.isEmpty(t);i.isEmptyCoverUrl=r,i.coverImageUrlOriginal=r?"":t},f=()=>{const{width:t,height:r}=n;(t<=0||r<=0)&&m.warn("ClCropperPreview","裁切区域宽高必须大于 0，当前值 width="+t+" height="+r)},I=()=>{u(),v(),f()};e.onMounted(()=>{e.nextTick(()=>{I()})}),e.watch(()=>n.previewImageUrl,()=>{u()}),e.watch(()=>n.coverImageUrl,()=>{v()});const B=t=>{t===!0&&p("onInitCoverImage")},k=(t,r)=>{if(!g){if(!(t instanceof File)){p("onError","文件读取失败，请重新选择图片");return}g=!0,s.value?.loadingStart(),a.getBase64ByFile([t]).then(o=>{const c=a.isNonEmptyString(o);i.isAgainCropper=!0,c?(i.coverImageUrlOriginal=o,i.isEmptyCoverUrl=!1):(i.isEmptyCoverUrl=a.isEmpty(i.coverImageUrlOriginal),p("onError","文件读取失败，请重新选择图片")),s.value?.loadingStop(),g=!1}).catch(o=>{s.value?.loadingStop(),g=!1,p("onError","文件读取失败，请重新选择图片")})}},E=()=>{i.isAgainCropper=!1},P=()=>{i.isAgainCropper=!0};return C({getValue:async()=>{let t="";try{t=s.value?String(await s.value.getImageBase64()||""):""}catch(r){m.error("ClCropperPreview","getValue 获取裁切图片失败:",r)}return t},getCropperUrl:async t=>{let r="";try{if(s.value&&a.isFunction(n.getCropperImageUrl))r=await n.getCropperImageUrl(s.value,t);else{const{previewImageUrl:o,coverImageUrl:c}=n;r=a.isNonEmptyString(o)?o:c||""}}catch(o){m.error("ClCropperPreview","getCropperUrl 调用失败:",o)}return r},getCoverUrlOriginal:async t=>{let r="";try{const{coverImageUrlOriginal:o}=i;if(o.startsWith("data:")&&a.isFunction(n.saveImageBase64)){const c=await n.saveImageBase64(o,t);r=c&&c.success?c.imageUrl:""}else/^(http|https):\/\/[^\s]+$/.test(o)&&(r=o)}catch(o){m.error("ClCropperPreview","getCoverUrlOriginal 调用失败:",o)}return r}}),(t,r)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(_.value),id:e.unref(d)},[e.createElementVNode("div",N,[i.isEmptyPreviewUrl?(e.openBlock(),e.createElementBlock(e.Fragment,{key:1},[],64)):(e.openBlock(),e.createElementBlock(e.Fragment,{key:0},[i.isAgainCropper?(e.openBlock(),e.createBlock(h._sfc_main,{key:0,iconName:"reply",label:"返回",color:"transparent",onOnClick:E})):(e.openBlock(),e.createBlock(h._sfc_main,{key:1,iconName:"cropper",label:"重新裁切",color:"transparent",onOnClick:P}))],64)),l.isShowUploadBtn&&(i.isAgainCropper||i.isEmptyCoverUrl&&i.isEmptyPreviewUrl)?(e.openBlock(),e.createBlock(b._sfc_main,{key:2,theme:"button",checkFormat:"jpg,png",buttonIcon:"upload-cloud",buttonColor:"white",buttonLabel:"选择图片",isShowUploadResult:!1,isShowUploadIng:!1,onOnChange:k})):(e.openBlock(),e.createElementBlock(e.Fragment,{key:3},[],64))]),!i.isEmptyPreviewUrl&&!i.isAgainCropper?(e.openBlock(),e.createBlock(F._sfc_main,{key:0,type:"image",list:[{value:l.previewImageUrl||"",imgUrl:"",label:""}],width:y.value,height:U.value},null,8,["list","width","height"])):i.isAgainCropper&&(!i.isEmptyPreviewUrl||!i.isEmptyCoverUrl)?(e.openBlock(),e.createBlock(x._sfc_main,{key:1,ref_key:"refElCropper",ref:s,previewShape:l.previewShape,isCenterBox:l.isCenterBox,src:i.coverImageUrlOriginal,width:l.width,height:l.height,isModal:!1,isShowUpload:!1,onOnImgLoad:B},null,8,["previewShape","isCenterBox","src","width","height"])):(e.openBlock(),e.createElementBlock(e.Fragment,{key:2},[],64))],10,O))}});module.exports=q;
+"use strict";const e=require("vue"),m=require("@cldemo/ui-kit/common/log"),a=require("@cldemo/ui-kit/common/base"),S=require("@cldemo/ui-kit/common/Element"),x=require("../Shared/Index.vue_vue_type_script_setup_true_lang-DB79nPqn.js"),h=require("../Shared/Index.vue_vue_type_script_setup_true_lang-BUscvdlk.js"),b=require("../Shared/Index.vue_vue_type_script_setup_true_lang-DUfxwsAA.js"),F=require("../Shared/Index.vue_vue_type_script_setup_true_lang-DPpZ2_Sb.js"),O=["id"],N={class:"cropperPreview-box-flex"},q=e.defineComponent({name:"ClCropperPreview",__name:"Index",props:{id:String,className:String,previewImageUrl:String,coverImageUrl:String,width:{type:Number,default:200},height:{type:Number,default:200},widthPreview:Number,heightPreview:Number,previewShape:{type:String,default:"square"},isCenterBox:{type:Boolean,default:!1},isShowUploadBtn:{type:Boolean,default:!0},getCropperImageUrl:Function,saveImageBase64:Function},emits:{onInitCoverImage:()=>!0,onError:l=>!0},setup(l,{expose:C,emit:w}){const n=l,p=w,d=n.id,s=e.useTemplateRef("refElCropper"),i=e.reactive({isEmptyPreviewUrl:!1,isEmptyCoverUrl:!1,isAgainCropper:!1,coverImageUrlOriginal:""});let g=!1;const y=e.computed(()=>{const{width:t,widthPreview:r}=n;return a.isFinite(r)?r:t}),U=e.computed(()=>{const{height:t,heightPreview:r}=n;return a.isFinite(r)?r:t}),_=e.computed(()=>({"panel-cropper-preview":!0,...S.getClassNameJson(n.className)})),u=()=>{const{previewImageUrl:t}=n,r=a.isEmpty(t);i.isEmptyPreviewUrl=r,i.isAgainCropper=r},v=()=>{const{coverImageUrl:t}=n,r=a.isEmpty(t);i.isEmptyCoverUrl=r,i.coverImageUrlOriginal=r?"":t},f=()=>{const{width:t,height:r}=n;(t<=0||r<=0)&&m.warn("ClCropperPreview","裁切区域宽高必须大于 0，当前值 width="+t+" height="+r)},I=()=>{u(),v(),f()};e.onMounted(()=>{e.nextTick(()=>{I()})}),e.watch(()=>n.previewImageUrl,()=>{u()}),e.watch(()=>n.coverImageUrl,()=>{v()});const B=t=>{t===!0&&p("onInitCoverImage")},k=(t,r)=>{if(!g){if(!(t instanceof File)){p("onError","文件读取失败，请重新选择图片");return}g=!0,s.value?.loadingStart(),a.getBase64ByFile([t]).then(o=>{const c=a.isNonEmptyString(o);i.isAgainCropper=!0,c?(i.coverImageUrlOriginal=o,i.isEmptyCoverUrl=!1):(i.isEmptyCoverUrl=a.isEmpty(i.coverImageUrlOriginal),p("onError","文件读取失败，请重新选择图片")),s.value?.loadingStop(),g=!1}).catch(o=>{s.value?.loadingStop(),g=!1,p("onError","文件读取失败，请重新选择图片")})}},E=()=>{i.isAgainCropper=!1},P=()=>{i.isAgainCropper=!0};return C({getValue:async()=>{let t="";try{t=s.value?String(await s.value.getImageBase64()||""):""}catch(r){m.error("ClCropperPreview","getValue 获取裁切图片失败:",r)}return t},getCropperUrl:async t=>{let r="";try{if(s.value&&a.isFunction(n.getCropperImageUrl))r=await n.getCropperImageUrl(s.value,t);else{const{previewImageUrl:o,coverImageUrl:c}=n;r=a.isNonEmptyString(o)?o:c||""}}catch(o){m.error("ClCropperPreview","getCropperUrl 调用失败:",o)}return r},getCoverUrlOriginal:async t=>{let r="";try{const{coverImageUrlOriginal:o}=i;if(o.startsWith("data:")&&a.isFunction(n.saveImageBase64)){const c=await n.saveImageBase64(o,t);r=c&&c.success?c.imageUrl:""}else/^(http|https):\/\/[^\s]+$/.test(o)&&(r=o)}catch(o){m.error("ClCropperPreview","getCoverUrlOriginal 调用失败:",o)}return r}}),(t,r)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(_.value),id:e.unref(d)},[e.createElementVNode("div",N,[i.isEmptyPreviewUrl?(e.openBlock(),e.createElementBlock(e.Fragment,{key:1},[],64)):(e.openBlock(),e.createElementBlock(e.Fragment,{key:0},[i.isAgainCropper?(e.openBlock(),e.createBlock(h._sfc_main,{key:0,iconName:"reply",label:"返回",color:"transparent",onOnClick:E})):(e.openBlock(),e.createBlock(h._sfc_main,{key:1,iconName:"cropper",label:"重新裁切",color:"transparent",onOnClick:P}))],64)),l.isShowUploadBtn&&(i.isAgainCropper||i.isEmptyCoverUrl&&i.isEmptyPreviewUrl)?(e.openBlock(),e.createBlock(b._sfc_main,{key:2,theme:"button",checkFormat:"jpg,png",buttonIcon:"upload-cloud",buttonColor:"white",buttonLabel:"选择图片",isShowUploadResult:!1,isShowUploadIng:!1,onOnChange:k})):(e.openBlock(),e.createElementBlock(e.Fragment,{key:3},[],64))]),!i.isEmptyPreviewUrl&&!i.isAgainCropper?(e.openBlock(),e.createBlock(F._sfc_main,{key:0,type:"image",list:[{value:l.previewImageUrl||"",imgUrl:"",label:""}],width:y.value,height:U.value},null,8,["list","width","height"])):i.isAgainCropper&&(!i.isEmptyPreviewUrl||!i.isEmptyCoverUrl)?(e.openBlock(),e.createBlock(x._sfc_main,{key:1,ref_key:"refElCropper",ref:s,previewShape:l.previewShape,isCenterBox:l.isCenterBox,src:i.coverImageUrlOriginal,width:l.width,height:l.height,isModal:!1,isShowUpload:!1,onOnImgLoad:B},null,8,["previewShape","isCenterBox","src","width","height"])):(e.openBlock(),e.createElementBlock(e.Fragment,{key:2},[],64))],10,O))}});module.exports=q;

package/buildLibs/utils/Web/ClCropperPreview.js

@@ -10,10 +10,10 @@ import { defineComponent as F, useTemplateRef as A, reactive as $, computed as C
 import h from "@cldemo/ui-kit/common/log";
 import n from "@cldemo/ui-kit/common/base";
 import W from "@cldemo/ui-kit/common/Element";
-import { _ as j } from "../Shared/Index.vue_vue_type_script_setup_true_lang-BWeBT0aj.js";
-import { _ as U } from "../Shared/Index.vue_vue_type_script_setup_true_lang-D__hI9ud.js";
-import { _ as q } from "../Shared/Index.vue_vue_type_script_setup_true_lang-DZCt32jb.js";
-import { _ as z } from "../Shared/Index.vue_vue_type_script_setup_true_lang-D6kK-vM7.js";
+import { _ as j } from "../Shared/Index.vue_vue_type_script_setup_true_lang-C8euOy7Z.js";
+import { _ as U } from "../Shared/Index.vue_vue_type_script_setup_true_lang-sGJNOVn3.js";
+import { _ as q } from "../Shared/Index.vue_vue_type_script_setup_true_lang-DDMwfmi3.js";
+import { _ as z } from "../Shared/Index.vue_vue_type_script_setup_true_lang-C6Ou-vmn.js";
 const H = ["id"], J = { class: "cropperPreview-box-flex" }, oe = /* @__PURE__ */ F({
   name: "ClCropperPreview",
   __name: "Index",

package/buildLibs/utils/Web/ClDateTime.cjs

@@ -1 +1 @@
-"use strict";const e=require("../Shared/Index.vue_vue_type_script_setup_true_lang-DY4m6Xyj.js");module.exports=e._sfc_main;
+"use strict";const e=require("../Shared/Index.vue_vue_type_script_setup_true_lang-OfqQJV8-.js");module.exports=e._sfc_main;

package/buildLibs/utils/Web/ClDateTime.js

@@ -6,7 +6,7 @@ import '../../styles/Common/Btn-base.css';
 import '../../styles/Common/Table-base.css';
 import '../../styles/Common/Overlay-base.css';
 import '../../styles/Web/ClDateTime.css';
-import { _ as f } from "../Shared/Index.vue_vue_type_script_setup_true_lang-DZF2gj7X.js";
+import { _ as f } from "../Shared/Index.vue_vue_type_script_setup_true_lang-4I3wTvhS.js";
 export {
   f as default
 };

package/buildLibs/utils/Web/ClDropdownMenu.cjs

@@ -1 +1 @@
-"use strict";const t=require("vue"),D=require("@cldemo/ui-kit/common/base"),C=require("@cldemo/ui-kit/common/Element"),B=require("../Shared/Popup.vue_vue_type_script_setup_true_lang-2PS2RvJ7.js"),O=require("../Shared/Index.vue_vue_type_script_setup_true_lang-CFZ5jK-q.js"),N=["id"],P={class:"dropdownLayer-text-render"},U={class:"dropdownLayer-text-arrow"},V=["id"],q=["aria-labelledby"],$=t.defineComponent({name:"ClDropdownMenu",__name:"Index",props:{id:String,className:String,classDropDown:String,label:String,direction:{type:String,default:"left",validator:o=>["left","right","center","top","bottom"].includes(o)},dropDownPos:{type:String,default:"down",validator:o=>["down","up","left","right"].includes(o)},isUseLabelArrow:{type:Boolean,default:!1},isUseDropdownArrow:{type:Boolean,default:!1},transitionEnter:String,transitionLeave:String},emits:{onChangeOpen:o=>!0},setup(o,{emit:y}){const v=o,b=y,i=v.id,d=D.isNonEmptyString(i)?`${i}-label`:void 0,c=t.useTemplateRef("refElDropdownLayer"),_=t.computed(()=>{let e={"panel-dropdown-menu":!0};return e=D.getJsonMerge(e,C.getClassNameJson(v.className)),Object.keys(e).join(" ")}),s=t.ref([]),r=t.ref(void 0),f=t.reactive({isOpen:!1}),a=()=>s.value.filter(e=>!e.disabled),w=()=>{a().some(l=>l.id===r.value)||(r.value=void 0)},u=e=>{e&&(r.value=e.id,e.focus())},m=e=>{const n=a();if(n.length===0)return;const l=n.findIndex(x=>x.id===r.value);let p;l<0?p=e>0?0:n.length-1:p=(l+e+n.length)%n.length,u(n[p])},h=e=>{s.value.some(n=>n.id===e.id)||s.value.push(e),w()},E=e=>{s.value=s.value.filter(n=>n.id!==e.id),r.value===e.id&&(r.value=void 0),w()},I=()=>r.value,k=e=>{r.value=e},S=()=>{const e=c.value?.$el;return e?e.querySelector(".dropdownLayer-text"):null},g=e=>{if(f.isOpen)switch(e.key){case"ArrowDown":e.preventDefault(),m(1);break;case"ArrowUp":e.preventDefault(),m(-1);break;case"Home":{e.preventDefault();const n=a();u(n[0]);break}case"End":{e.preventDefault();const n=a();u(n[n.length-1]);break}}},L=()=>{S()?.focus()},A=e=>{b("onChangeOpen",e),f.isOpen=e,e?r.value=void 0:L()};return t.onMounted(()=>{document.addEventListener("keydown",g,!0)}),t.onBeforeUnmount(()=>{document.removeEventListener("keydown",g,!0)}),t.provide("$DropdownmenuTop",t.reactive({hideDropdown:()=>{c.value?.setOpen(!1)},registerItem:h,unregisterItem:E,activeItemId:I,setActiveItemId:k})),(e,n)=>(t.openBlock(),t.createBlock(B._sfc_main,{ref_key:"refElDropdownLayer",ref:c,id:t.unref(i),classParent:_.value,classDropDown:o.classDropDown,dropdownArrowPos:o.direction,dropDownPos:o.dropDownPos,isUseDropdownArrow:o.isUseDropdownArrow,transitionEnter:o.transitionEnter,transitionLeave:o.transitionLeave,onOnChangeOpen:A},{label:t.withCtx(()=>[o.isUseLabelArrow?(t.openBlock(),t.createElementBlock("div",{key:0,id:t.unref(d),class:"dropdownLayer-text-container"},[t.createElementVNode("div",P,[t.renderSlot(e.$slots,"label",{},()=>[t.createTextVNode(t.toDisplayString(o.label),1)])]),t.createElementVNode("div",U,[t.createVNode(O._sfc_main,{name:"angle-down"})])],8,N)):(t.openBlock(),t.createElementBlock("span",{key:1,id:t.unref(d)},[t.renderSlot(e.$slots,"label",{},()=>[t.createTextVNode(t.toDisplayString(o.label),1)])],8,V))]),dropdown:t.withCtx(()=>[t.createElementVNode("ul",{role:"menu","aria-labelledby":t.unref(d)},[t.renderSlot(e.$slots,"default")],8,q)]),_:3},8,["id","classParent","classDropDown","dropdownArrowPos","dropDownPos","isUseDropdownArrow","transitionEnter","transitionLeave"]))}});module.exports=$;
+"use strict";const t=require("vue"),D=require("@cldemo/ui-kit/common/base"),C=require("@cldemo/ui-kit/common/Element"),B=require("../Shared/Popup.vue_vue_type_script_setup_true_lang-2PS2RvJ7.js"),O=require("../Shared/Index.vue_vue_type_script_setup_true_lang-xONe0mSK.js"),N=["id"],P={class:"dropdownLayer-text-render"},U={class:"dropdownLayer-text-arrow"},V=["id"],q=["aria-labelledby"],$=t.defineComponent({name:"ClDropdownMenu",__name:"Index",props:{id:String,className:String,classDropDown:String,label:String,direction:{type:String,default:"left",validator:o=>["left","right","center","top","bottom"].includes(o)},dropDownPos:{type:String,default:"down",validator:o=>["down","up","left","right"].includes(o)},isUseLabelArrow:{type:Boolean,default:!1},isUseDropdownArrow:{type:Boolean,default:!1},transitionEnter:String,transitionLeave:String},emits:{onChangeOpen:o=>!0},setup(o,{emit:y}){const v=o,b=y,i=v.id,d=D.isNonEmptyString(i)?`${i}-label`:void 0,c=t.useTemplateRef("refElDropdownLayer"),_=t.computed(()=>{let e={"panel-dropdown-menu":!0};return e=D.getJsonMerge(e,C.getClassNameJson(v.className)),Object.keys(e).join(" ")}),s=t.ref([]),r=t.ref(void 0),f=t.reactive({isOpen:!1}),a=()=>s.value.filter(e=>!e.disabled),w=()=>{a().some(l=>l.id===r.value)||(r.value=void 0)},u=e=>{e&&(r.value=e.id,e.focus())},m=e=>{const n=a();if(n.length===0)return;const l=n.findIndex(x=>x.id===r.value);let p;l<0?p=e>0?0:n.length-1:p=(l+e+n.length)%n.length,u(n[p])},h=e=>{s.value.some(n=>n.id===e.id)||s.value.push(e),w()},E=e=>{s.value=s.value.filter(n=>n.id!==e.id),r.value===e.id&&(r.value=void 0),w()},I=()=>r.value,k=e=>{r.value=e},S=()=>{const e=c.value?.$el;return e?e.querySelector(".dropdownLayer-text"):null},g=e=>{if(f.isOpen)switch(e.key){case"ArrowDown":e.preventDefault(),m(1);break;case"ArrowUp":e.preventDefault(),m(-1);break;case"Home":{e.preventDefault();const n=a();u(n[0]);break}case"End":{e.preventDefault();const n=a();u(n[n.length-1]);break}}},L=()=>{S()?.focus()},A=e=>{b("onChangeOpen",e),f.isOpen=e,e?r.value=void 0:L()};return t.onMounted(()=>{document.addEventListener("keydown",g,!0)}),t.onBeforeUnmount(()=>{document.removeEventListener("keydown",g,!0)}),t.provide("$DropdownmenuTop",t.reactive({hideDropdown:()=>{c.value?.setOpen(!1)},registerItem:h,unregisterItem:E,activeItemId:I,setActiveItemId:k})),(e,n)=>(t.openBlock(),t.createBlock(B._sfc_main,{ref_key:"refElDropdownLayer",ref:c,id:t.unref(i),classParent:_.value,classDropDown:o.classDropDown,dropdownArrowPos:o.direction,dropDownPos:o.dropDownPos,isUseDropdownArrow:o.isUseDropdownArrow,transitionEnter:o.transitionEnter,transitionLeave:o.transitionLeave,onOnChangeOpen:A},{label:t.withCtx(()=>[o.isUseLabelArrow?(t.openBlock(),t.createElementBlock("div",{key:0,id:t.unref(d),class:"dropdownLayer-text-container"},[t.createElementVNode("div",P,[t.renderSlot(e.$slots,"label",{},()=>[t.createTextVNode(t.toDisplayString(o.label),1)])]),t.createElementVNode("div",U,[t.createVNode(O._sfc_main,{name:"angle-down"})])],8,N)):(t.openBlock(),t.createElementBlock("span",{key:1,id:t.unref(d)},[t.renderSlot(e.$slots,"label",{},()=>[t.createTextVNode(t.toDisplayString(o.label),1)])],8,V))]),dropdown:t.withCtx(()=>[t.createElementVNode("ul",{role:"menu","aria-labelledby":t.unref(d)},[t.renderSlot(e.$slots,"default")],8,q)]),_:3},8,["id","classParent","classDropDown","dropdownArrowPos","dropDownPos","isUseDropdownArrow","transitionEnter","transitionLeave"]))}});module.exports=$;

package/buildLibs/utils/Web/ClDropdownMenu.js

@@ -5,7 +5,7 @@ import { defineComponent as M, useTemplateRef as j, computed as J, ref as h, rea
 import S from "@cldemo/ui-kit/common/base";
 import z from "@cldemo/ui-kit/common/Element";
 import { _ as G } from "../Shared/Popup.vue_vue_type_script_setup_true_lang-DKmJL9a2.js";
-import { _ as Q } from "../Shared/Index.vue_vue_type_script_setup_true_lang-C2LGy18j.js";
+import { _ as Q } from "../Shared/Index.vue_vue_type_script_setup_true_lang-Bt0l5FYh.js";
 const W = ["id"], X = { class: "dropdownLayer-text-render" }, Y = { class: "dropdownLayer-text-arrow" }, Z = ["id"], ee = ["aria-labelledby"], ae = /* @__PURE__ */ M({
   name: "ClDropdownMenu",
   __name: "Index",