@cldemo/ui-kit 1.1.4 → 1.1.5

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/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.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.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/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",

package/buildLibs/utils/Web/ClEchartsLineAxisTag.cjs

@@ -1 +1 @@
-"use strict";const l=require("vue"),s=require("@cldemo/ui-kit/common/base"),Q=require("@cldemo/ui-kit/common/echart"),W=require("@cldemo/ui-kit/common/Element"),j=require("../Shared/Index.vue_vue_type_script_setup_true_lang-CvV-Os-O.js"),ee=require("../Shared/Index.vue_vue_type_script_setup_true_lang-D_YbdXMB.js"),te={key:0,class:"lineAxisTag-head"},ae={class:"lineAxisTag-list"},ne="其他",ie=l.defineComponent({name:"ClEchartsLineAxisTag",__name:"Index",props:{id:String,className:String,type:{type:String,validator:p=>p==="day"||p==="hour"},height:{type:Number,default:400,validator:p=>p>0},isRunLoad:{type:Boolean,default:!1},list:{type:Array,default:()=>[]},isTagShow:{type:Boolean,default:!0},tagList:{type:Array,default:()=>[]},tagSelectCountMax:{type:Number,validator:p=>p>0&&p<=2,default:2},tagInitValue:{type:String,default:""},tagSort:{type:Array,default:()=>[]},xAxisLen:{type:Number,default:-1},xAxisKey:{type:String,default:"name"},xAxisIsShowOther:{type:Boolean,default:!1},isShowY:{type:Boolean,default:!0},isYMinZero:{type:Boolean,default:!0},ySpace:{type:Number,default:5,validator:p=>p>0},yRatio:{type:Number,default:1.5},isYEqual:{type:Boolean,default:!1},seriesType:{type:String,default:"line",validator:p=>s.isString(p)&&p.split(",").every(A=>A==="line"||A==="bar")},tipFormat:String,seriesFormat:String,isShowLineBg:{type:Boolean,default:!0},isXBoundaryGap:{type:Boolean,default:!0},gridInfo:{type:Object,default:()=>({})}},emits:["onInitFirst","onHideResize","onError"],setup(p,{expose:A,emit:b}){const i=p,B=b,J=e=>{B("onError",e)},D=`echartsLineAxisTag-${s.getRandom(5)}`,R=i.id,N=l.useTemplateRef("refElChart"),_=l.ref(),v=l.ref([]),V=l.computed(()=>s.isArray(i.tagList)?i.tagList.filter(e=>!s.isUndefined(e)&&!s.isUndefined(e.id)):[]),g={tagSort:[],tagJson:{},chartTagJson:{},useSeriesType:["line","bar"],isInited:!1},C=l.computed(()=>{const e=i.seriesType,n=s.isNonEmptyString(e)?e.split(","):[],a=n.length===1?n[0]:"line",c=i.tagSelectCountMax>0?i.tagSelectCountMax:2,t=n.length-1,m=[];for(let o=0;o<c;o++)m.push(o<=t&&g.useSeriesType.indexOf(n[o])>-1?n[o]:a);return m}),Y=l.computed(()=>{let e={"panel-echarts-line-axis-tag":!0};return e=s.getJsonMerge(e,W.getClassNameJson(i.className)),s.getStringByJson(e," ")}),q=()=>{B("onHideResize")},z=()=>{B("onInitFirst")},L=()=>{let e=[];const n={};if((s.isArray(i.tagList)?i.tagList:[]).forEach(c=>{if(s.isUndefined(c)||s.isUndefined(c.id))return;const t=c.id.toString();n[t]=c,e.push(t)}),!s.isEmpty(i.tagSort)){const c=[];i.tagSort.forEach(t=>{s.isExistJsonKey(n,t)&&c.push(t)}),c.length>0&&(e=c)}g.tagSort=e,g.tagJson=n},M=e=>{if(e.length===0)return[];const n=i.tagSelectCountMax;return Array.from(new Set(e)).sort((c,t)=>g.tagSort.indexOf(c)-g.tagSort.indexOf(t)).slice(0,n)},F=e=>{let n=[];s.isNonEmptyString(e)&&(e.split(",").forEach(a=>{s.isExistJsonKey(g.tagJson,a)&&n.push(a)}),n=M(n)),v.value=n},K=e=>{const n={name:[],allName:[]},a={},c=[],t={};g.tagSort.forEach(o=>{const u=s.getJsonClone(g.tagJson[o],!0);u.aliasName=s.isUndefined(u.nameFormat)?u.name:s.convertStringFormat(u.nameFormat,u),u.data=[],u.alldata=[],a[o]=u,t[o]=0});let m=e.length;return i.xAxisLen>0&&(m=m>i.xAxisLen?i.xAxisLen:m),e.forEach((o,u)=>{u<m&&c.push(o);let r=s.isExistJsonKey(o,i.xAxisKey)?o[i.xAxisKey]:"";(s.isUndefined(r)||r===null)&&(r=""),n.allName.push(r),u<m&&(i.type==="day"&&(r=s.getValueByFormat(r,"date",{dateFormat:"MM.DD"})),n.name.push(r)),g.tagSort.forEach(h=>{if(s.isExistJsonKey(o,h)){let d=Number(o[h]);s.isFinite(d)||(d=0),a[h].alldata.push(d),u<m?a[h].data.push(d):t[h]+=d}else a[h].alldata.push(0),u<m&&a[h].data.push(0)})}),{x:n,y:a,data:c,other:t,isEmptyData:m===0}},$=()=>{const e=M(v.value),n=C.value,{xAxisLen:a,xAxisIsShowOther:c,ySpace:t,yRatio:m,isYMinZero:o,isYEqual:u}=i;return e.map((r,h)=>{const d=g.tagJson[r];let x=o;return x=s.isBoolean(d.isYMinZero)?d.isYMinZero:x,{name:r,color:d.color||null,type:n[h],len:a,isShowOther:c,ySpace:t,yMaxRatio:h===1?u?1:m:1,isYMinZero:x}})},H=(e,n,a,c)=>{if(e.length===0)return{min:0,max:1,interval:1};const t=n>0?n:1,m=e.map(y=>y.value);let o=m.reduce((y,S)=>Math.min(y,S));o=s.getNumCeil(o,{isEndFive:Number(o)<100});let u=m.reduce((y,S)=>Math.max(y,S));u=u*1.02,u=s.getNumCeil(u,{isEndFive:Number(o)<100});const r=c?0:o,h=a>1?a:1;let d=u*h-r;d<=0&&(d=1);let x=s.getNumCeil(d/t,{isEndFive:Number(o)<100}),f=Number((t*x).toFixed(2))+r;return r===f&&f===0&&(f=1,x=1/t),{min:r,max:f,interval:x}},U=(e,n)=>{const a=[],c=[],t=[];let m=[];const o=C.value,u=o.length>0&&o.every(r=>r==="line");if(n.forEach((r,h)=>{const d=e.y[r.name],x=d.name;a.push(x);const f={};d.valueFormat&&(f.tipValueFormat=d.valueFormat);let y=[];e.isEmptyData?y=[]:(y=d.data.map((T,k)=>{const O={value:T,extInfo:s.getJsonClone(f)};return O.extInfo.xValueOriginal=e.x.allName[k],O}),r.isShowOther&&r.len>0&&r.len<d.alldata.length&&y.push({value:s.getValueByFormat(e.other[r.name],"num"),extInfo:f}));const S={name:x,type:r.type,yAxisIndex:h,data:y};s.isEmpty(r.color)||(S.itemStyle={color:r.color}),u&&i.isShowLineBg&&(S.areaStyle={}),c.push(S);const E=H(y,r.ySpace,r.yMaxRatio,r.isYMinZero);t.push({type:"value",name:d.aliasName,nameLocation:"end",nameTextStyle:{color:"#aaa"},splitNumber:r.ySpace,min:e.isEmptyData?0:E.min,max:e.isEmptyData?1:E.max,interval:e.isEmptyData?1:E.interval,axisLine:{show:!0}})}),e.isEmptyData||(m=s.getArrClone(e.x.name),n[0].isShowOther&&n[0].len>0&&n[0].len<e.x.allName.length&&m.push(ne)),t.length===2&&i.isYEqual){const r=[t[0].min,t[1].min],h=[t[0].max,t[1].max],d=Math.min.apply(null,r),x=Math.max.apply(null,h),f=i.ySpace>0?i.ySpace:1,y=(x-d)/f,S=d,E=s.getNumCeil(y),T=Number((f*E).toFixed(2))+S;t[0].min=t[1].min=S,t[0].max=t[1].max=T,t[0].interval=t[1].interval=E}return{legendData:a,series:c,yAxis:t,xNames:m,xAxisBoundaryGap:i.isShowLineBg?!u:i.isXBoundaryGap}},w=e=>{const n=$();if(n.length===0){_.value={};return}const a=U(e,n),c={chartType:i.type,dataOriginal:e.data,element:N.value?.getChartElement(),tipTitleFormat:i.tipFormat,seriesNameFormat:i.seriesFormat},t=Q.getOptionAxis(c);t.legend.show=!1,t.legend.data=a.legendData,t.xAxis.data=a.xNames,t.yAxis=a.yAxis,t.series=a.series,t.xAxis.boundaryGap=a.xAxisBoundaryGap,t.grid.top="40px",t.grid.left=a.yAxis[0].max===0?"20px":"auto",t.grid.right=a.yAxis.length>1&&a.yAxis[1].max===0?"20px":"auto",t.yAxis.length===1&&!a.xAxisBoundaryGap&&(t.grid.right="20px");const{gridInfo:m}=i;s.isEmpty(m)||["top","left","right","bottom"].forEach(o=>{const u=m[o];s.isEmpty(u)||(t.grid[o]=u)}),t.yAxis.forEach(o=>{o.show=i.isShowY}),_.value=t},I=e=>{const n=s.isArray(e)?e:[];if(g.isInited=!0,g.chartTagJson=K(n),n.length===0){_.value={};return}w(g.chartTagJson)},Z=()=>{L(),F(i.tagInitValue),I(i.list)};l.onMounted(()=>{l.nextTick(()=>{g.isInited||Z()})}),l.watch([()=>i.list,()=>i.tagList,()=>i.tagSort,()=>i.tagInitValue],()=>{L();const e=v.value.some(n=>!g.tagJson[n]);(v.value.length===0||e)&&F(i.tagInitValue),I(i.list)});const G=e=>{if(s.isUndefined(e))return;const n=e.toString();let a=[];switch(i.tagSelectCountMax){case 1:a=[n];break;case 2:{a=s.getArrClone(v.value);const c=a.indexOf(n);c>-1?a.length>1&&a.splice(c,1):(a.push(n),a.length>2&&a.splice(0,1));break}}v.value=a,w(g.chartTagJson)},X=()=>{z()},P=()=>{q()};return A({resize:()=>{N.value?.resize()}}),(e,n)=>(l.openBlock(),l.createBlock(j._sfc_main,{ref_key:"refElChart",ref:N,id:l.unref(R),chartOption:_.value,className:Y.value,height:p.height,isRunLoad:p.isRunLoad,onOnInitFirst:X,onOnHideResize:P,onOnError:J},{chartHead:l.withCtx(()=>[p.isTagShow?(l.openBlock(),l.createElementBlock("div",te,[l.createElementVNode("div",null,[l.renderSlot(e.$slots,"title")]),l.createElementVNode("div",ae,[(l.openBlock(!0),l.createElementBlock(l.Fragment,null,l.renderList(V.value,(a,c)=>(l.openBlock(),l.createElementBlock("span",{key:`${D}-list-${a.id}-${c}`,class:l.normalizeClass({active:v.value.indexOf(a.id.toString())>-1})},[l.createVNode(ee._sfc_main,{color:"white",label:a.name,onOnClick:t=>G(a.id)},null,8,["label","onOnClick"])],2))),128))])])):(l.openBlock(),l.createElementBlock(l.Fragment,{key:1},[],64))]),nothingData:l.withCtx(()=>[l.renderSlot(e.$slots,"nothingData")]),_:3},8,["id","chartOption","className","height","isRunLoad"]))}});module.exports=ie;
+"use strict";const l=require("vue"),s=require("@cldemo/ui-kit/common/base"),Q=require("@cldemo/ui-kit/common/echart"),W=require("@cldemo/ui-kit/common/Element"),j=require("../Shared/Index.vue_vue_type_script_setup_true_lang-CvV-Os-O.js"),ee=require("../Shared/Index.vue_vue_type_script_setup_true_lang-BUscvdlk.js"),te={key:0,class:"lineAxisTag-head"},ae={class:"lineAxisTag-list"},ne="其他",ie=l.defineComponent({name:"ClEchartsLineAxisTag",__name:"Index",props:{id:String,className:String,type:{type:String,validator:p=>p==="day"||p==="hour"},height:{type:Number,default:400,validator:p=>p>0},isRunLoad:{type:Boolean,default:!1},list:{type:Array,default:()=>[]},isTagShow:{type:Boolean,default:!0},tagList:{type:Array,default:()=>[]},tagSelectCountMax:{type:Number,validator:p=>p>0&&p<=2,default:2},tagInitValue:{type:String,default:""},tagSort:{type:Array,default:()=>[]},xAxisLen:{type:Number,default:-1},xAxisKey:{type:String,default:"name"},xAxisIsShowOther:{type:Boolean,default:!1},isShowY:{type:Boolean,default:!0},isYMinZero:{type:Boolean,default:!0},ySpace:{type:Number,default:5,validator:p=>p>0},yRatio:{type:Number,default:1.5},isYEqual:{type:Boolean,default:!1},seriesType:{type:String,default:"line",validator:p=>s.isString(p)&&p.split(",").every(A=>A==="line"||A==="bar")},tipFormat:String,seriesFormat:String,isShowLineBg:{type:Boolean,default:!0},isXBoundaryGap:{type:Boolean,default:!0},gridInfo:{type:Object,default:()=>({})}},emits:["onInitFirst","onHideResize","onError"],setup(p,{expose:A,emit:b}){const i=p,B=b,J=e=>{B("onError",e)},D=`echartsLineAxisTag-${s.getRandom(5)}`,R=i.id,N=l.useTemplateRef("refElChart"),_=l.ref(),v=l.ref([]),V=l.computed(()=>s.isArray(i.tagList)?i.tagList.filter(e=>!s.isUndefined(e)&&!s.isUndefined(e.id)):[]),g={tagSort:[],tagJson:{},chartTagJson:{},useSeriesType:["line","bar"],isInited:!1},C=l.computed(()=>{const e=i.seriesType,n=s.isNonEmptyString(e)?e.split(","):[],a=n.length===1?n[0]:"line",c=i.tagSelectCountMax>0?i.tagSelectCountMax:2,t=n.length-1,m=[];for(let o=0;o<c;o++)m.push(o<=t&&g.useSeriesType.indexOf(n[o])>-1?n[o]:a);return m}),Y=l.computed(()=>{let e={"panel-echarts-line-axis-tag":!0};return e=s.getJsonMerge(e,W.getClassNameJson(i.className)),s.getStringByJson(e," ")}),q=()=>{B("onHideResize")},z=()=>{B("onInitFirst")},L=()=>{let e=[];const n={};if((s.isArray(i.tagList)?i.tagList:[]).forEach(c=>{if(s.isUndefined(c)||s.isUndefined(c.id))return;const t=c.id.toString();n[t]=c,e.push(t)}),!s.isEmpty(i.tagSort)){const c=[];i.tagSort.forEach(t=>{s.isExistJsonKey(n,t)&&c.push(t)}),c.length>0&&(e=c)}g.tagSort=e,g.tagJson=n},M=e=>{if(e.length===0)return[];const n=i.tagSelectCountMax;return Array.from(new Set(e)).sort((c,t)=>g.tagSort.indexOf(c)-g.tagSort.indexOf(t)).slice(0,n)},F=e=>{let n=[];s.isNonEmptyString(e)&&(e.split(",").forEach(a=>{s.isExistJsonKey(g.tagJson,a)&&n.push(a)}),n=M(n)),v.value=n},K=e=>{const n={name:[],allName:[]},a={},c=[],t={};g.tagSort.forEach(o=>{const u=s.getJsonClone(g.tagJson[o],!0);u.aliasName=s.isUndefined(u.nameFormat)?u.name:s.convertStringFormat(u.nameFormat,u),u.data=[],u.alldata=[],a[o]=u,t[o]=0});let m=e.length;return i.xAxisLen>0&&(m=m>i.xAxisLen?i.xAxisLen:m),e.forEach((o,u)=>{u<m&&c.push(o);let r=s.isExistJsonKey(o,i.xAxisKey)?o[i.xAxisKey]:"";(s.isUndefined(r)||r===null)&&(r=""),n.allName.push(r),u<m&&(i.type==="day"&&(r=s.getValueByFormat(r,"date",{dateFormat:"MM.DD"})),n.name.push(r)),g.tagSort.forEach(h=>{if(s.isExistJsonKey(o,h)){let d=Number(o[h]);s.isFinite(d)||(d=0),a[h].alldata.push(d),u<m?a[h].data.push(d):t[h]+=d}else a[h].alldata.push(0),u<m&&a[h].data.push(0)})}),{x:n,y:a,data:c,other:t,isEmptyData:m===0}},$=()=>{const e=M(v.value),n=C.value,{xAxisLen:a,xAxisIsShowOther:c,ySpace:t,yRatio:m,isYMinZero:o,isYEqual:u}=i;return e.map((r,h)=>{const d=g.tagJson[r];let x=o;return x=s.isBoolean(d.isYMinZero)?d.isYMinZero:x,{name:r,color:d.color||null,type:n[h],len:a,isShowOther:c,ySpace:t,yMaxRatio:h===1?u?1:m:1,isYMinZero:x}})},H=(e,n,a,c)=>{if(e.length===0)return{min:0,max:1,interval:1};const t=n>0?n:1,m=e.map(y=>y.value);let o=m.reduce((y,S)=>Math.min(y,S));o=s.getNumCeil(o,{isEndFive:Number(o)<100});let u=m.reduce((y,S)=>Math.max(y,S));u=u*1.02,u=s.getNumCeil(u,{isEndFive:Number(o)<100});const r=c?0:o,h=a>1?a:1;let d=u*h-r;d<=0&&(d=1);let x=s.getNumCeil(d/t,{isEndFive:Number(o)<100}),f=Number((t*x).toFixed(2))+r;return r===f&&f===0&&(f=1,x=1/t),{min:r,max:f,interval:x}},U=(e,n)=>{const a=[],c=[],t=[];let m=[];const o=C.value,u=o.length>0&&o.every(r=>r==="line");if(n.forEach((r,h)=>{const d=e.y[r.name],x=d.name;a.push(x);const f={};d.valueFormat&&(f.tipValueFormat=d.valueFormat);let y=[];e.isEmptyData?y=[]:(y=d.data.map((T,k)=>{const O={value:T,extInfo:s.getJsonClone(f)};return O.extInfo.xValueOriginal=e.x.allName[k],O}),r.isShowOther&&r.len>0&&r.len<d.alldata.length&&y.push({value:s.getValueByFormat(e.other[r.name],"num"),extInfo:f}));const S={name:x,type:r.type,yAxisIndex:h,data:y};s.isEmpty(r.color)||(S.itemStyle={color:r.color}),u&&i.isShowLineBg&&(S.areaStyle={}),c.push(S);const E=H(y,r.ySpace,r.yMaxRatio,r.isYMinZero);t.push({type:"value",name:d.aliasName,nameLocation:"end",nameTextStyle:{color:"#aaa"},splitNumber:r.ySpace,min:e.isEmptyData?0:E.min,max:e.isEmptyData?1:E.max,interval:e.isEmptyData?1:E.interval,axisLine:{show:!0}})}),e.isEmptyData||(m=s.getArrClone(e.x.name),n[0].isShowOther&&n[0].len>0&&n[0].len<e.x.allName.length&&m.push(ne)),t.length===2&&i.isYEqual){const r=[t[0].min,t[1].min],h=[t[0].max,t[1].max],d=Math.min.apply(null,r),x=Math.max.apply(null,h),f=i.ySpace>0?i.ySpace:1,y=(x-d)/f,S=d,E=s.getNumCeil(y),T=Number((f*E).toFixed(2))+S;t[0].min=t[1].min=S,t[0].max=t[1].max=T,t[0].interval=t[1].interval=E}return{legendData:a,series:c,yAxis:t,xNames:m,xAxisBoundaryGap:i.isShowLineBg?!u:i.isXBoundaryGap}},w=e=>{const n=$();if(n.length===0){_.value={};return}const a=U(e,n),c={chartType:i.type,dataOriginal:e.data,element:N.value?.getChartElement(),tipTitleFormat:i.tipFormat,seriesNameFormat:i.seriesFormat},t=Q.getOptionAxis(c);t.legend.show=!1,t.legend.data=a.legendData,t.xAxis.data=a.xNames,t.yAxis=a.yAxis,t.series=a.series,t.xAxis.boundaryGap=a.xAxisBoundaryGap,t.grid.top="40px",t.grid.left=a.yAxis[0].max===0?"20px":"auto",t.grid.right=a.yAxis.length>1&&a.yAxis[1].max===0?"20px":"auto",t.yAxis.length===1&&!a.xAxisBoundaryGap&&(t.grid.right="20px");const{gridInfo:m}=i;s.isEmpty(m)||["top","left","right","bottom"].forEach(o=>{const u=m[o];s.isEmpty(u)||(t.grid[o]=u)}),t.yAxis.forEach(o=>{o.show=i.isShowY}),_.value=t},I=e=>{const n=s.isArray(e)?e:[];if(g.isInited=!0,g.chartTagJson=K(n),n.length===0){_.value={};return}w(g.chartTagJson)},Z=()=>{L(),F(i.tagInitValue),I(i.list)};l.onMounted(()=>{l.nextTick(()=>{g.isInited||Z()})}),l.watch([()=>i.list,()=>i.tagList,()=>i.tagSort,()=>i.tagInitValue],()=>{L();const e=v.value.some(n=>!g.tagJson[n]);(v.value.length===0||e)&&F(i.tagInitValue),I(i.list)});const G=e=>{if(s.isUndefined(e))return;const n=e.toString();let a=[];switch(i.tagSelectCountMax){case 1:a=[n];break;case 2:{a=s.getArrClone(v.value);const c=a.indexOf(n);c>-1?a.length>1&&a.splice(c,1):(a.push(n),a.length>2&&a.splice(0,1));break}}v.value=a,w(g.chartTagJson)},X=()=>{z()},P=()=>{q()};return A({resize:()=>{N.value?.resize()}}),(e,n)=>(l.openBlock(),l.createBlock(j._sfc_main,{ref_key:"refElChart",ref:N,id:l.unref(R),chartOption:_.value,className:Y.value,height:p.height,isRunLoad:p.isRunLoad,onOnInitFirst:X,onOnHideResize:P,onOnError:J},{chartHead:l.withCtx(()=>[p.isTagShow?(l.openBlock(),l.createElementBlock("div",te,[l.createElementVNode("div",null,[l.renderSlot(e.$slots,"title")]),l.createElementVNode("div",ae,[(l.openBlock(!0),l.createElementBlock(l.Fragment,null,l.renderList(V.value,(a,c)=>(l.openBlock(),l.createElementBlock("span",{key:`${D}-list-${a.id}-${c}`,class:l.normalizeClass({active:v.value.indexOf(a.id.toString())>-1})},[l.createVNode(ee._sfc_main,{color:"white",label:a.name,onOnClick:t=>G(a.id)},null,8,["label","onOnClick"])],2))),128))])])):(l.openBlock(),l.createElementBlock(l.Fragment,{key:1},[],64))]),nothingData:l.withCtx(()=>[l.renderSlot(e.$slots,"nothingData")]),_:3},8,["id","chartOption","className","height","isRunLoad"]))}});module.exports=ie;

package/buildLibs/utils/Web/ClEchartsLineAxisTag.js

@@ -9,7 +9,7 @@ import s from "@cldemo/ui-kit/common/base";
 import ge from "@cldemo/ui-kit/common/echart";
 import he from "@cldemo/ui-kit/common/Element";
 import { _ as ye } from "../Shared/Index.vue_vue_type_script_setup_true_lang-Dfc09Nzx.js";
-import { _ as xe } from "../Shared/Index.vue_vue_type_script_setup_true_lang-D__hI9ud.js";
+import { _ as xe } from "../Shared/Index.vue_vue_type_script_setup_true_lang-sGJNOVn3.js";
 const fe = {
   key: 0,
   class: "lineAxisTag-head"

package/buildLibs/utils/Web/ClFileUpload.cjs

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

package/buildLibs/utils/Web/ClFileUpload.js

@@ -5,7 +5,7 @@ import '../../styles/Common/Load-base.css';
 import '../../styles/Common/Btn-base.css';
 import '../../styles/Common/Overlay-base.css';
 import '../../styles/Web/ClFileUpload.css';
-import { _ as f } from "../Shared/Index.vue_vue_type_script_setup_true_lang-DZCt32jb.js";
+import { _ as f } from "../Shared/Index.vue_vue_type_script_setup_true_lang-DDMwfmi3.js";
 export {
   f as default
 };

package/buildLibs/utils/Web/ClInputTag.cjs

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

package/buildLibs/utils/Web/ClInputTag.js

@@ -4,7 +4,7 @@ import '../../styles/Common/Input-base.css';
 import '../../styles/Common/Load-base.css';
 import '../../styles/Common/Fade-base.css';
 import '../../styles/Web/ClInputTag.css';
-import { _ as f } from "../Shared/Index.vue_vue_type_script_setup_true_lang-C_exHzjc.js";
+import { _ as f } from "../Shared/Index.vue_vue_type_script_setup_true_lang-DulzCj86.js";
 export {
   f as default
 };

package/buildLibs/utils/Web/ClPaginate.cjs

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

package/buildLibs/utils/Web/ClPaginate.js

@@ -3,7 +3,7 @@ import '../../styles/Common/IconFont-base.css';
 import '../../styles/Common/Input-base.css';
 import '../../styles/Common/Fade-base.css';
 import '../../styles/Web/ClPaginate.css';
-import { _ as f } from "../Shared/Index.vue_vue_type_script_setup_true_lang-B0MJO0JM.js";
+import { _ as f } from "../Shared/Index.vue_vue_type_script_setup_true_lang-CWwycVzt.js";
 export {
   f as default
 };

package/buildLibs/utils/Web/ClPreviewExample.cjs

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

package/buildLibs/utils/Web/ClPreviewExample.js

@@ -2,7 +2,7 @@ import '../../styles/Common/Token.css';
 import '../../styles/Common/IconFont-base.css';
 import '../../styles/Common/Load-base.css';
 import '../../styles/Web/ClPreviewExample.css';
-import { _ as f } from "../Shared/Index.vue_vue_type_script_setup_true_lang-D6kK-vM7.js";
+import { _ as f } from "../Shared/Index.vue_vue_type_script_setup_true_lang-C6Ou-vmn.js";
 export {
   f as default
 };

package/buildLibs/utils/Web/ClSelect.cjs

@@ -1 +1 @@
-"use strict";const e=require("../Shared/Index.vue_vue_type_script_setup_true_lang-DvN-fBNd.js");module.exports=e._sfc_main;
+"use strict";const e=require("../Shared/Index.vue_vue_type_script_setup_true_lang-ZNpokp-x.js");module.exports=e._sfc_main;

package/buildLibs/utils/Web/ClSelect.js

@@ -3,7 +3,7 @@ import '../../styles/Common/IconFont-base.css';
 import '../../styles/Common/Input-base.css';
 import '../../styles/Common/Fade-base.css';
 import '../../styles/Web/ClSelect.css';
-import { _ as f } from "../Shared/Index.vue_vue_type_script_setup_true_lang-2dwwjiTV.js";
+import { _ as f } from "../Shared/Index.vue_vue_type_script_setup_true_lang-Cb8fYSc9.js";
 export {
   f as default
 };

package/buildLibs/utils/Web/ClSelectCascade.cjs

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

package/buildLibs/utils/Web/ClSelectCascade.js

@@ -3,7 +3,7 @@ import '../../styles/Common/IconFont-base.css';
 import '../../styles/Common/Input-base.css';
 import '../../styles/Common/Fade-base.css';
 import '../../styles/Web/ClSelectCascade.css';
-import { _ as f } from "../Shared/Index.vue_vue_type_script_setup_true_lang-HfnOtuMz.js";
+import { _ as f } from "../Shared/Index.vue_vue_type_script_setup_true_lang-OiTdNs2W.js";
 export {
   f as default
 };