@cldemo/ui-kit 1.0.17 → 1.1.0

package/buildLibs/utils/Web/ClCalendar.js

@@ -2,14 +2,14 @@ import '../../styles/Common/Token.css';
 import '../../styles/Common/IconFont-base.css';
 import '../../styles/Common/Table-base.css';
 import '../../styles/Web/ClCalendar.css';
-import { defineComponent as he, reactive as X, useTemplateRef as pe, ref as W, computed as Y, onMounted as ve, nextTick as p, watch as Z, openBlock as f, createElementBlock as m, unref as j, normalizeClass as K, createElementVNode as d, withKeys as L, withModifiers as M, createVNode as ee, toDisplayString as _, Fragment as C, renderList as B, createCommentVNode as te, renderSlot as ge } from "vue";
+import { defineComponent as he, reactive as X, useTemplateRef as pe, ref as W, computed as Y, onMounted as ve, nextTick as p, watch as Z, openBlock as f, createElementBlock as m, unref as j, normalizeClass as K, createElementVNode as u, withKeys as L, withModifiers as M, createVNode as ee, toDisplayString as _, Fragment as C, renderList as B, createCommentVNode as te, renderSlot as ge } from "vue";
 import { c as H } from "../Shared/log-BbLqiWNM.js";
-import { C as u } from "../Shared/base-C5l51ld_.js";
-import { C as y } from "../Shared/day-Bfolruvp.js";
-import { C as ae } from "../Shared/index-wdK75uN2.js";
+import { C as d } from "../Shared/base-fr2I80sU.js";
+import { C as y } from "../Shared/day-B3hhmAm_.js";
+import { C as ae } from "../Shared/index-B477PjJ3.js";
 import { g as O } from "../Shared/globalConfig-D1-9RCQO.js";
-import { a as we } from "../Shared/language-Br_W-GD8.js";
-import { _ as ne } from "../Shared/Index.vue_vue_type_script_setup_true_lang-CVBKgYfQ.js";
+import { a as we } from "../Shared/language-pMmux6Js.js";
+import { _ as ne } from "../Shared/Index.vue_vue_type_script_setup_true_lang-afRTRRcb.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,
@@ -70,7 +70,7 @@ const _e = ["id"], ke = { class: "calendar-container table-base" }, De = { colsp
     // desc: 操作发生错误时触发
   },
   setup(h, { emit: k }) {
-    const l = h, v = k, R = `calendar-${u.getRandom(5)}`, se = l.id, { optPageLanguage: A, getPageLanguage: re } = we();
+    const l = h, v = k, R = `calendar-${d.getRandom(5)}`, se = l.id, { optPageLanguage: A, getPageLanguage: re } = we();
     re("dataTime");
     const s = X({
       selectId: "",
@@ -93,7 +93,7 @@ const _e = ["id"], ke = { class: "calendar-container table-base" }, De = { colsp
       const e = {
         "panel-calendar": !0
       };
-      return u.getJsonMerge(e, ae.getClassNameJson(l.className));
+      return d.getJsonMerge(e, ae.getClassNameJson(l.className));
     }), le = () => {
       if (!c.viewDate) return;
       const e = c.viewDate.localeData(), t = c.viewDate.year(), n = e.monthsShort(c.viewDate);
@@ -116,11 +116,11 @@ const _e = ["id"], ke = { class: "calendar-container table-base" }, De = { colsp
       if (!V) return "";
       try {
         const t = V.fromDate(e.toDate()), n = t.getFestivals();
-        if (u.isNonEmptyString(n[0])) return n[0];
+        if (d.isNonEmptyString(n[0])) return n[0];
         const o = t.getJieQi();
-        if (u.isNonEmptyString(o)) return o;
+        if (d.isNonEmptyString(o)) return o;
         const a = t.getDayInChinese();
-        return u.isNonEmptyString(a) ? a : "";
+        return d.isNonEmptyString(a) ? a : "";
       } catch (t) {
         return H.warn("ClCalendar", "农历计算异常，该格不显示农历", t), "";
       }
@@ -159,22 +159,22 @@ const _e = ["id"], ke = { class: "calendar-container table-base" }, De = { colsp
       for (let i = 0; i < 42; i += 1) {
         i > 0 && (n = n.add(1, "days"));
         const r = ue(n.clone(), e.year(), e.month(), t);
-        a.push(r), r.isCurrentMonth && !u.isEmpty(s.selectId) && r.dayNum === s.selectId && (s.selectId = r.id), a.length === 7 && (o.push({ days: a }), a = []);
+        a.push(r), r.isCurrentMonth && !d.isEmpty(s.selectId) && r.dayNum === s.selectId && (s.selectId = r.id), a.length === 7 && (o.push({ days: a }), a = []);
       }
-      if (T.value = o, !u.isEmpty(s.selectId))
+      if (T.value = o, !d.isEmpty(s.selectId))
         s.focusedId = s.selectId;
       else {
         const i = o.flatMap((r) => r.days).find((r) => r.isCurrentMonth);
         s.focusedId = i ? i.id : "";
       }
     }, g = (e) => {
-      c.viewDate = u.isEmpty(e) ? y.initDay() : y.getDayjsObject(e), c.viewDate && typeof c.viewDate.isValid == "function" && c.viewDate.isValid() || (c.viewDate = y.initDay()), le(), ye();
-    }, D = (e) => !e || !u.isString(e) || u.isEmpty(e) ? (s.selectId = y.getDayjsObject("").date(), y.initFormat({ format: "YYYY-MM" })) : e.split("-").length === 3 ? (s.selectId = y.getDayjsObject(e).date(), y.initFormat({ value: e, format: "YYYY-MM" })) : (s.selectId = "", e), fe = () => {
+      c.viewDate = d.isEmpty(e) ? y.initDay() : y.getDayjsObject(e), c.viewDate && typeof c.viewDate.isValid == "function" && c.viewDate.isValid() || (c.viewDate = y.initDay()), le(), ye();
+    }, D = (e) => !e || !d.isString(e) || d.isEmpty(e) ? (s.selectId = y.getDayjsObject("").date(), y.initFormat({ format: "YYYY-MM" })) : e.split("-").length === 3 ? (s.selectId = y.getDayjsObject(e).date(), y.initFormat({ value: e, format: "YYYY-MM" })) : (s.selectId = "", e), fe = () => {
       g(D(l.viewDateTime)), p(() => {
-        w(s.focusedId), !u.isEmpty(s.selectId) && u.isString(s.selectId) && v("onInit", s.selectId.replace("day-", ""));
+        w(s.focusedId), !d.isEmpty(s.selectId) && d.isString(s.selectId) && v("onInit", s.selectId.replace("day-", ""));
       });
     }, w = (e) => {
-      if (u.isEmpty(e) || !N.value) return;
+      if (!d.isString(e) || d.isEmpty(e) || !N.value) return;
       const t = N.value.querySelector(
         `[aria-label="${e.replace("day-", "")}"]`
       );
@@ -197,7 +197,7 @@ const _e = ["id"], ke = { class: "calendar-container table-base" }, De = { colsp
     ), Z(
       () => l.viewDateTime,
       (e) => {
-        u.isEmpty(e) || (g(D(e)), p(() => w(s.focusedId)));
+        d.isEmpty(e) || (g(D(e)), p(() => w(s.focusedId)));
       }
     );
     const z = (e, t) => {
@@ -267,12 +267,12 @@ const _e = ["id"], ke = { class: "calendar-container table-base" }, De = { colsp
       ref_key: "calendarRoot",
       ref: N
     }, [
-      d("table", ke, [
-        d("thead", null, [
-          d("tr", null, [
-            d("th", De, [
-              d("div", Me, [
-                d("span", {
+      u("table", ke, [
+        u("thead", null, [
+          u("tr", null, [
+            u("th", De, [
+              u("div", Me, [
+                u("span", {
                   class: "calendar-head-label-prev-month",
                   title: j(A).prevMonth,
                   role: "button",
@@ -285,12 +285,12 @@ const _e = ["id"], ke = { class: "calendar-container table-base" }, De = { colsp
                 }, [
                   ee(ne, { name: "angle-left" })
                 ], 40, Ce),
-                d("span", null, [
-                  d("span", Ie, _(I.titleYear), 1),
-                  d("span", be, _(I.titleMonth), 1)
+                u("span", null, [
+                  u("span", Ie, _(I.titleYear), 1),
+                  u("span", be, _(I.titleMonth), 1)
                 ]),
-                d("span", Se, [
-                  d("span", {
+                u("span", Se, [
+                  u("span", {
                     class: "calendar-head-label-next-month",
                     title: j(A).nextMonth,
                     role: "button",
@@ -307,13 +307,13 @@ const _e = ["id"], ke = { class: "calendar-container table-base" }, De = { colsp
               ])
             ])
           ]),
-          d("tr", Ee, [
+          u("tr", Ee, [
             (f(!0), m(C, null, B(P.value, (n, o) => (f(), m("th", {
               key: `${R}-week-${o}`
             }, _(n), 1))), 128))
           ])
         ]),
-        d("tbody", null, [
+        u("tbody", null, [
           (f(!0), m(C, null, B(T.value, (n, o) => (f(), m("tr", {
             key: `${R}-days-${o}`
           }, [
@@ -334,7 +334,7 @@ const _e = ["id"], ke = { class: "calendar-container table-base" }, De = { colsp
               onKeydown: (r) => me(r, o, i)
             }, [
               a.isToday ? (f(), m("span", Le, "今")) : (f(), m(C, { key: 1 }, [], 64)),
-              d("div", Re, _(a.dayNum), 1),
+              u("div", Re, _(a.dayNum), 1),
               a.restMark ? (f(), m("div", {
                 key: 2,
                 class: K(["day-rest", a.restMark === "班" ? "day-rest-work" : "day-rest-rest"])

package/buildLibs/utils/Web/ClCodeLegend.cjs

@@ -1 +1 @@
-"use strict";const e=require("vue"),h=require("../Shared/base-DmcbRUB5.js"),b=require("../Shared/Index.vue_vue_type_script_setup_true_lang-Bp1npEqw.js"),I=require("../Shared/Index.vue_vue_type_script_setup_true_lang-DXQ2H_E6.js");;/* empty css                              */const W={class:"code-legend-demo"},q={class:"code-legend-code"},D=["aria-label"],k=25,V=100,z=e.defineComponent({name:"ClCodeLegend",__name:"Index",props:{id:{},className:{},title:{}},setup(_){const i=_,w=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.CommonBase.isString(i.className)&&!h.CommonBase.isEmpty(i.className)&&i.className.split(" ").forEach(o=>{h.CommonBase.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})),m=()=>{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(),C=window.innerHeight;y.top<C&&y.bottom>C?(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&&(m(),t?f():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},k)},L=t=>{const o=t;u=setTimeout(function(){o.style.height="0"},k)},R=()=>{e.nextTick(()=>{d()})},A=()=>{e.nextTick(()=>{d()})},f=()=>{window.addEventListener("scroll",g)},v=()=>{window.removeEventListener("scroll",g),l&&(clearTimeout(l),l=null)};return e.onMounted(()=>{n.value&&f()}),e.onActivated(()=>{n.value&&(f(),d())}),e.onDeactivated(()=>{v(),m()}),e.onUnmounted(()=>{v(),m()}),(t,o)=>(e.openBlock(),e.createBlock(b._sfc_main,{ref_key:"refElCard",ref:p,id:e.unref(w),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",W,[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(I._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("../Shared/base-DbuX_Y3x.js"),b=require("../Shared/Index.vue_vue_type_script_setup_true_lang-C1Z3g7mN.js"),I=require("../Shared/Index.vue_vue_type_script_setup_true_lang-B4dpfPSy.js");;/* empty css                              */const W={class:"code-legend-demo"},q={class:"code-legend-code"},D=["aria-label"],k=25,V=100,z=e.defineComponent({name:"ClCodeLegend",__name:"Index",props:{id:{},className:{},title:{}},setup(_){const i=_,w=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.CommonBase.isString(i.className)&&!h.CommonBase.isEmpty(i.className)&&i.className.split(" ").forEach(o=>{h.CommonBase.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})),m=()=>{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(),C=window.innerHeight;y.top<C&&y.bottom>C?(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&&(m(),t?f():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},k)},L=t=>{const o=t;u=setTimeout(function(){o.style.height="0"},k)},R=()=>{e.nextTick(()=>{d()})},A=()=>{e.nextTick(()=>{d()})},f=()=>{window.addEventListener("scroll",g)},v=()=>{window.removeEventListener("scroll",g),l&&(clearTimeout(l),l=null)};return e.onMounted(()=>{n.value&&f()}),e.onActivated(()=>{n.value&&(f(),d())}),e.onDeactivated(()=>{v(),m()}),e.onUnmounted(()=>{v(),m()}),(t,o)=>(e.openBlock(),e.createBlock(b._sfc_main,{ref_key:"refElCard",ref:p,id:e.unref(w),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",W,[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(I._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

@@ -3,9 +3,9 @@ import '../../styles/Common/IconFont-base.css';
 import '../../styles/Common/IconRotate-base.css';
 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 { C as y } from "../Shared/base-C5l51ld_.js";
-import { _ as se } from "../Shared/Index.vue_vue_type_script_setup_true_lang-ZN6OLOcr.js";
-import { _ as ie } from "../Shared/Index.vue_vue_type_script_setup_true_lang-CVBKgYfQ.js";
+import { C as y } from "../Shared/base-fr2I80sU.js";
+import { _ as se } from "../Shared/Index.vue_vue_type_script_setup_true_lang-CAEbDVL3.js";
+import { _ as ie } from "../Shared/Index.vue_vue_type_script_setup_true_lang-afRTRRcb.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/ClCodeLegendM.css

@@ -1 +1 @@
-.code-legend-m{background:var(--cl-bg, #ffffff);border-radius:8px;box-shadow:0 1px 3px 0 var(--cl-shadow-color, rgba(0, 0, 0, .06));overflow:hidden}.code-legend-m:active{box-shadow:0 1px 2px 0 var(--cl-shadow-sm, rgba(0, 0, 0, .04))}.code-legend-m__head{padding:14px 16px 10px;border-bottom:1px solid var(--cl-bg-muted, #f5f5f5);background:#fafbfc}.code-legend-m__title{font-size:16px;font-weight:600;color:var(--cl-text-primary, #323233);padding-left:10px;position:relative}.code-legend-m__title:before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;border-radius:2px;background:var(--cl-primary, #1088f0)}.code-legend-m__remark{margin-top:6px;font-size:13px;color:var(--cl-text-secondary, #666666);line-height:1.5}.code-legend-m__body{padding:14px 16px;border-bottom:1px solid var(--cl-bg-muted, #f5f5f5)}.code-legend-m__foot{display:flex;align-items:center;justify-content:center;gap:6px;padding:10px 0;font-size:13px;color:var(--cl-primary, #1088f0);border-top:1px solid var(--cl-bg-muted, #f5f5f5);cursor:pointer;-webkit-tap-highlight-color:transparent}.code-legend-m__foot:active{background:#f2f6fc}.code-legend-m__foot-arrow{font-size:12px}.code-legend-m__mask{position:fixed;inset:0;border:none;padding:0;background:var(--cl-overlay, rgba(0, 0, 0, .7));transition:opacity var(--codelgm-duration, .3s) ease}.code-legend-m__drawer{position:fixed;left:0;right:0;bottom:0;height:80vh;display:flex;flex-direction:column;background:var(--cl-bg, #ffffff);border-radius:16px 16px 0 0;overflow:hidden;box-sizing:border-box}.code-legend-m__drawer--safe-bottom{padding-bottom:env(safe-area-inset-bottom)}.code-legend-m__drawer-head{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;border-bottom:1px solid var(--cl-bg-muted, #f5f5f5);flex-shrink:0}.code-legend-m__drawer-title{font-size:15px;font-weight:600;color:var(--cl-text-primary, #323233)}.code-legend-m__drawer-actions{display:flex;align-items:center;gap:16px}.code-legend-m__copy{color:var(--cl-primary, #1088f0);cursor:pointer}.code-legend-m__drawer-close{font-size:16px;color:var(--cl-text-secondary, #666666);cursor:pointer}.code-legend-m__drawer-body{flex:1;min-height:0;overflow-y:auto;-webkit-overflow-scrolling:touch;background:#1e1e1e}.code-legend-m__code{margin:0;padding:14px 16px;font-size:12px;line-height:1.6;color:#d4d4d4;white-space:pre-wrap;word-break:break-word;word-wrap:break-word}.code-legend-m__code-inner{font-family:inherit;white-space:pre-wrap;word-break:break-word;word-wrap:break-word}.code-legend-m__code-slot{padding:14px 16px}.codelgm-fade-enter-active,.codelgm-fade-leave-active{transition:opacity var(--codelgm-duration, .3s) ease}.codelgm-fade-enter-from,.codelgm-fade-leave-to{opacity:0}.codelgm-slide-up-enter-active,.codelgm-slide-up-leave-active{transition:transform var(--codelgm-duration, .3s) cubic-bezier(.32,.72,0,1)}.codelgm-slide-up-enter-from,.codelgm-slide-up-leave-to{transform:translateY(100%)}
+.code-legend-m{background:var(--cl-bg, #ffffff);border-radius:8px;box-shadow:0 1px 3px 0 var(--cl-shadow-color, rgba(0, 0, 0, .06));overflow:hidden}.code-legend-m__head{padding:14px 16px 10px;border-bottom:1px solid var(--cl-bg-muted, #f5f5f5);background:var(--cl-bg-subtle, #fafafa)}.code-legend-m__title{font-size:16px;font-weight:600;color:var(--cl-text-primary, #323233);padding-left:10px;position:relative}.code-legend-m__title:before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;border-radius:2px;background:var(--cl-primary, #1088f0)}.code-legend-m__remark{margin-top:6px;font-size:13px;color:var(--cl-text-secondary, #666666);line-height:1.5}.code-legend-m__body{padding:14px 16px;border-bottom:1px solid var(--cl-bg-muted, #f5f5f5)}.code-legend-m__foot{display:flex;align-items:center;justify-content:center;gap:6px;padding:10px 0;font-size:13px;color:var(--cl-primary, #1088f0);border-top:1px solid var(--cl-bg-muted, #f5f5f5);cursor:pointer;-webkit-tap-highlight-color:transparent}.code-legend-m__foot:active{background:#f2f6fc}.code-legend-m__foot-arrow{font-size:12px}.code-legend-m__mask{position:fixed;inset:0;border:none;padding:0;background:var(--cl-overlay, rgba(0, 0, 0, .7));transition:opacity var(--codelgm-duration, .3s) ease}.code-legend-m__drawer{position:fixed;left:0;right:0;bottom:0;height:80vh;display:flex;flex-direction:column;background:var(--cl-bg, #ffffff);border-radius:16px 16px 0 0;overflow:hidden;box-sizing:border-box}.code-legend-m__drawer--safe-bottom{padding-bottom:env(safe-area-inset-bottom)}.code-legend-m__drawer-head{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;border-bottom:1px solid var(--cl-bg-muted, #f5f5f5);flex-shrink:0}.code-legend-m__drawer-title{font-size:15px;font-weight:600;color:var(--cl-text-primary, #323233)}.code-legend-m__drawer-actions{display:flex;align-items:center;gap:16px}.code-legend-m__copy{color:var(--cl-primary, #1088f0);cursor:pointer}.code-legend-m__drawer-close{font-size:16px;color:var(--cl-text-secondary, #666666);cursor:pointer}.code-legend-m__drawer-body{flex:1;min-height:0;overflow-y:auto;-webkit-overflow-scrolling:touch;background:#1e1e1e}.code-legend-m__code{margin:0;padding:14px 16px;font-size:12px;line-height:1.6;color:#d4d4d4;white-space:pre-wrap;word-break:break-word;word-wrap:break-word}.code-legend-m__code-inner{font-family:inherit;white-space:pre-wrap;word-break:break-word;word-wrap:break-word}.code-legend-m__code-slot{padding:14px 16px}.codelgm-fade-enter-active,.codelgm-fade-leave-active{transition:opacity var(--codelgm-duration, .3s) ease}.codelgm-fade-enter-from,.codelgm-fade-leave-to{opacity:0}.codelgm-slide-up-enter-active,.codelgm-slide-up-leave-active{transition:transform var(--codelgm-duration, .3s) cubic-bezier(.32,.72,0,1)}.codelgm-slide-up-enter-from,.codelgm-slide-up-leave-to{transform:translateY(100%)}

package/buildLibs/utils/Web/ClColorPicker.cjs

@@ -1 +1 @@
-"use strict";const e=require("vue"),y=require("../Shared/base-DmcbRUB5.js"),S=require("../Shared/Index.vue_vue_type_script_setup_true_lang-DXQ2H_E6.js"),ee=require("../Shared/Popup.vue_vue_type_script_setup_true_lang-gwQgBwlR.js"),M=require("../Shared/drag-CnnSwz5k.js"),J=require("../Shared/index-CXRfOfiT.js"),E=require("../Shared/Index.vue_vue_type_script_setup_true_lang-Dk4V2JmM.js"),te=require("../Shared/Index.vue_vue_type_script_setup_true_lang-DGT_No-k.js"),le=require("../Shared/language-BAyxuenq.js");;/* empty css                            */const G=(a,t)=>Object.prototype.hasOwnProperty.call(a,t),oe=(a,t,o)=>{const n=(2-t)*o/2,p=n===0||n===1?0:t*o/(n<.5?n*2:2-n*2);return[a,p,n]},ne=a=>typeof a=="string"&&a.includes(".")&&Number.parseFloat(a)===1,ae=a=>typeof a=="string"&&a.includes("%"),T=(a,t)=>{ne(a)&&(a="100%");const o=ae(a);return a=Math.min(t,Math.max(0,Number.parseFloat(`${a}`))),o&&(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),o=a%16;return`${j[t]||t}${j[o]||o}`},Y=({r:a,g:t,b:o})=>Number.isNaN(+a)||Number.isNaN(+t)||Number.isNaN(+o)?"":`#${A(a)}${A(t)}${A(o)}`,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,o)=>{t=t/100,o=o/100;let n=t;const p=Math.max(o,.01);o*=2,t*=o<=1?o:2-o,n*=p<=1?p:2-p;const r=(o+t)/2,d=o===0?2*n/(p+n):2*t/(o+t);return{h:a,s:d*100,v:r*100}},Q=(a,t,o)=>{a=T(a,255),t=T(t,255),o=T(o,255);const n=Math.max(a,t,o),p=Math.min(a,t,o);let r=0;const d=n,l=n-p,c=n===0?0:l/n;if(n===p)r=0;else{switch(n){case a:{r=(t-o)/l+(t<o?6:0);break}case t:{r=(o-a)/l+2;break}case o:{r=(a-t)/l+4;break}}r/=6}return{h:r*360,s:c*100,v:d*100}},D=(a,t,o)=>{a=T(a,360)*6,t=T(t,100),o=T(o,100);const n=Math.floor(a),p=a-n,r=o*(1-t),d=o*(1-p*t),l=o*(1-(1-p)*t),c=n%6,s=[o,d,r,r,l,o][c],m=[l,o,o,d,r,r][c],C=[r,r,l,o,o,d][c];return{r:Math.round(s*255),g:Math.round(m*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 o in t)G(t,o)&&(this[o]=t[o]);t.value?this.fromString(t.value):this.doOnChange()}set(t,o){if(arguments.length===1&&typeof t=="object"){for(const n in t)G(t,n)&&this.set(n,t[n]);return}this[`_${t}`]=o,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 o=this._convertValueInfo(t);o&&(this._hue=o.hue,this._saturation=o.saturation,this._value=o.value,this._alpha=o.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:o,_value:n,_alpha:p,format:r}=this,d={hue:t,saturation:o,value:n,alpha:p};let l=this._convertFormat(r,d);l.length===0&&(l=this._getValueRGB(d)),this.value=l}checkValue(t){let o=!1,n="";if(/^rgb\(/.test(t)?n="^[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)?n="^[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)?n="^#([0-9a-fA-F]{6}|[0-9a-fA-F]{3})$":/^hsl\(/.test(t)?n="^[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)?n="^[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)?n="^[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)&&(n="^[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]*)[\\)]$"),n.length>0){const p=new RegExp(n);o=t.match(p)!==null}return o}getValueFormat(t,o){const n=this._convertValueInfo(t);return n?this._convertFormat(o,n):t}_convertValueInfo(t){let o=0,n=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,m=0;l.length===3?(c=x(l[0]+l[0]),s=x(l[1]+l[1]),m=x(l[2]+l[2])):(l.length===6||l.length===8)&&(c=x(l.slice(0,2)),s=x(l.slice(2,4)),m=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,m)}d&&(o=Math.max(0,Math.min(360,d.h)),n=Math.max(0,Math.min(100,d.s)),p=Math.max(0,Math.min(100,d.v)))}return{hue:o,saturation:n,value:p,alpha:r}}_convertFormat(t,o){let n="";switch(t){case"hsl":{n=this._getValueHSL(o);break}case"hsv":{n=this._getValueHSV(o);break}case"rgb":{n=this._getValueRGB(o);break}case"hex":n=this._getValueHEX(o)}return n}_isShowAlpha(t){return t!==100}_getValueHSL(t){const o=Math.floor(t.alpha),n=this._isShowAlpha(t.alpha),p=oe(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 n?`hsla(${r}, ${d}%, ${l}%, ${o/100})`:`hsl(${r}, ${d}%, ${l}%)`}_getValueHSV(t){const o=Math.floor(t.alpha),n=this._isShowAlpha(o),p=Math.round(t.hue),r=Math.round(t.saturation),d=Math.round(t.value);return n?`hsva(${p}, ${r}%, ${d}%, ${o/100})`:`hsv(${p}, ${r}%, ${d}%)`}_getValueHEX(t){const o=Math.floor(t.alpha);return this._isShowAlpha(o)?`${Y(D(t.hue,t.saturation,t.value))}${A(o*255/100)}`:Y(D(t.hue,t.saturation,t.value))}_getValueRGB(t){const o=Math.floor(t.alpha),n=this._isShowAlpha(o),{r:p,g:r,b:d}=D(t.hue,t.saturation,t.value);return n?`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,o=e.useTemplateRef("refElTopParent"),n=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=o.value.getBoundingClientRect();let v=s.clientX-C.left,h=s.clientY-C.top;v=Math.max(0,v),v=Math.min(v,C.width),h=Math.max(0,h),h=Math.min(h,C.height),n.btnLeft=v,n.btnTop=h,t.color.set({saturation:v/C.width*100,value:100-h/C.height*100})},d=()=>{const c=o.value,s=t.color.get("saturation"),m=t.color.get("value"),{clientWidth:C,clientHeight:v}=c;n.btnLeft=s*C/100,n.btnTop=(100-m)*v/100,n.background=`hsl(${t.color.get("hue")}, 100%, 50%)`},l=()=>{const c={ing:(s,m)=>{r(s,m)},end:(s,m)=>{r(s,m)}};new M.Drag(o.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:o,class:"panel-colorpicker-palette",style:e.normalizeStyle({backgroundColor:n.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:n.btnTop+"px",left:n.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,o=e.useTemplateRef("refElTopParent"),n=e.useTemplateRef("refElContainer"),p=e.useTemplateRef("refElBtn"),r=e.reactive({btnTop:0}),d=e.computed(()=>t.color.get("hue")),l=(v,h)=>{const V=o.value.getBoundingClientRect();let b=h.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=o.value,h=t.color.get("hue");return Math.round(h*v.offsetHeight/360)},s=()=>{r.btnTop=c()},m=()=>{const v={ing:(h,g)=>{l(h,g)},end:(h,g)=>{l(h,g)}};new M.Drag(n.value,v),new M.Drag(p.value,v),s()};e.onMounted(()=>{e.nextTick(()=>{m()})}),e.watch(()=>d.value,()=>{s()});const C=v=>{if(v.target!==p.value){const g=J.CommonElement.getClientXY(v);l(v,g)}};return(v,h)=>(e.openBlock(),e.createElementBlock("div",{ref_key:"refElTopParent",ref:o,class:"panel-colorpicker-hue"},[e.createElementVNode("div",{ref_key:"refElContainer",ref:n,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,o=e.useTemplateRef("refElTopParent"),n=e.useTemplateRef("refElContainer"),p=e.useTemplateRef("refElBtn"),r=e.reactive({background:null,btnLeft:0}),d=e.computed(()=>t.color.get("alpha")),l=(h,g)=>{const b=o.value.getBoundingClientRect();let _=g.clientX-b.left;_=Math.max(0,_),_=Math.min(_,b.width);const B=Math.round(_/b.width*100);t.color.set("alpha",B)},c=()=>{const h=o.value,g=t.color.get("alpha");return Math.round(g*h.offsetWidth/100)},s=()=>{if(t.color&&t.color.value){const{r:h,g,b:V}=t.color.toRgb();return`linear-gradient(to right, rgba(${h}, ${g}, ${V}, 0) 0%, rgba(${h}, ${g}, ${V}, 1) 100%)`}return null},m=()=>{r.btnLeft=c(),r.background=s()},C=()=>{const h={ing:(g,V)=>{l(g,V)},end:(g,V)=>{l(g,V)}};new M.Drag(n.value,h),new M.Drag(p.value,h),m()};e.onMounted(()=>{e.nextTick(()=>{C()})}),e.watch(()=>d.value,()=>{m()}),e.watch(()=>t.color.value,()=>{m()});const v=h=>{if(h.target!==p.value){const V=J.CommonElement.getClientXY(h);l(h,V)}};return(h,g)=>(e.openBlock(),e.createElementBlock("div",{ref_key:"refElTopParent",ref:o,class:"panel-colorpicker-alpha"},[e.createElementVNode("div",{ref_key:"refElContainer",ref:n,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 o=a,n=t,p=e.computed(()=>{let d="panel-colorpicker-item-block ";const{className:l}=o;return l&&!y.CommonBase.isEmpty(l)&&(d+=l),d}),r=()=>{n("onClick",o.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 o=t,n=e.reactive({keyIndex:`ColorpickerPreset-${y.CommonBase.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=>{o("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,m)=>(e.openBlock(),e.createElementBlock("li",{key:`${n.keyIndex}-${m}`},[e.createVNode(K,{color:s,onOnClick:d},null,8,["color"])]))),128))])]))}}),me={class:"panel-colorpicker-value"},he={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:o}){const n=a,p=o,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:""}),m={typeList:["hex","rgb","hsl","hsv"]},C=e.computed(()=>n.color.value),v=u=>{const f=u.substring(u.indexOf("(")+1,u.indexOf(")")).split(",").map($=>y.CommonBase.trim($));return f.length===3&&f.push("1"),f},h=(u,i)=>{const f=u||C.value,{color:$}=n,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=m.typeList.indexOf(r.type);i+=u;const f=m.typeList.length;i<0?i=f-1:i>=f&&(i=0);const $=m.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&&n.color.checkValue(i)){const f=n.color.getValueFormat(i,u);i!==f&&(h(i,u),e.nextTick(()=>{n.color.fromString(i)}),p("onChangeType",u))}},b=()=>{h()};e.onMounted(()=>{e.nextTick(()=>{b()})}),e.watch(()=>C.value,u=>{const i=n.color.getValueFormat(u,"rgb");r.rgb!==i&&h()});const _=()=>{V("hex")},B=()=>{V("rgb")},N=()=>{V("hsl")},w=()=>{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",me,[e.createElementVNode("div",null,[r.type==="hex"?(e.openBlock(),e.createElementBlock("div",he,[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:B},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:B},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:B},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:B},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:N},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:N},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:N},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:N},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:w},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:w},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:w},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:w},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,o=e.useSlots(),n=e.reactive({isHover:!1}),p=e.computed(()=>!y.CommonBase.isUndefined(o.default)),r=e.computed(()=>{let s=!1;return p.value?s=n.isHover:s=!0,s}),d=e.computed(()=>{const s={"panel-colorpicker-copy":!0,"panel-colorpicker-copy-hover":n.isHover},{className:m}=t;return m&&!y.CommonBase.isEmpty(m)&&m.split(" ").forEach(C=>{y.CommonBase.isEmpty(C)||(s[C]=!0)}),s}),l=()=>{p.value&&(n.isHover=!0)},c=()=>{p.value&&(n.isHover=!1)};return(s,m)=>(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:o}){const n=a,p=o,{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"}),m=e.reactive(new se({value:n.value,format:"",enableAlpha:!0})),C={isColorChangeResult:!0},v=()=>m.get("alpha").toString()==="100"?"hex":"rgb",h=(u,i=!0)=>{let f="";u&&!y.CommonBase.isEmpty(u)&&s.isShowColorResult&&(f=m.getValueFormat(u,s.formatShow)),s.colorResult=f,i&&p("onChange",f)},g=u=>{u&&!y.CommonBase.isEmpty(u)?(s.isShowColorResult=!0,m.fromString(u),h(m.value,!1)):(s.isShowColorResult=!1,C.isColorChangeResult=!1,h("",!1),m.fromString(""),e.nextTick(()=>{C.isColorChangeResult=!0}))},V=()=>{const{value:u}=n;g(u),p("onInit")};e.onMounted(()=>{e.nextTick(()=>{V()})}),e.watch(()=>n.value,u=>{g(u)}),e.watch(()=>m.value,u=>{y.CommonBase.isEmpty(n.value)&&(s.isShowColorResult=!0),C.isColorChangeResult&&h(u),C.isColorChangeResult=!0});const b=()=>m.getValueFormat(m.value,s.formatShow),_=u=>{m.fromString(u)},B=u=>{s.formatShow=u,h(m.value,!1)},N=()=>{const u=n.value||"";s.isShowColorResult=!y.CommonBase.isEmpty(u),y.CommonBase.isEmpty(u)?m.set({hue:0,saturation:0,value:100,alpha:100}):(C.isColorChangeResult=!1,h(u),m.fromString(u))},w=()=>{m.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=m.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:m},null,8,["color"]),e.createVNode(ie,{color:m},null,8,["color"])]),a.isAlpha?(e.openBlock(),e.createElementBlock("div",be,[e.createVNode(ue,{color:m},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:m.value},null,8,["color"])]),_:1})]),e.createVNode(ke,{ref_key:"refElColorValue",ref:c,color:m,onOnChangeType:B},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:N},[e.createVNode(S._sfc_main,{name:"restore",title:e.unref(r).restore},null,8,["title"])]),e.createElementVNode("div",{onClick:w},[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))}}),Be={class:"panel-colorpicker-dropdown-text"},Ne={key:0,class:"panel-colorpicker-dropdown-arrow"},we=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:o}){const n=a,p=n.id,r=o,d=e.useTemplateRef("refElDropdownLayer"),l=e.useTemplateRef("refElColorpicker"),c=e.reactive({isInitShow:!n.isDropdown,dropdownTextValue:"",currentValue:""}),s={lastValue:""},m=e.computed(()=>{let k="panel-colorpicker ";const{className:u}=n;return u&&!y.CommonBase.isEmpty(u)&&(k+=u),n.isPlaintext&&(k+="cl-plaintext-static "),k}),C=()=>{const k=c.currentValue;let u=!1;n.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.CommonBase.isEmpty(k)&&(u=k),c.dropdownTextValue=u},h=k=>{const u=k||"";s.lastValue=u,n.isDropdown||(c.currentValue=u),v(u)},g=()=>{const k=l.value.getValue();c.dropdownTextValue=k,c.currentValue=k,C()},V=()=>{h(n.value)};e.watch(()=>n.value,k=>{h(k)}),e.onMounted(()=>{e.nextTick(()=>{V()})});const b=()=>{r("onInit")},_=k=>{n.disabled||(k?l.value&&l.value.initValueType():n.isOperate?c.currentValue!==l.value.getValue()&&c.currentValue===s.lastValue&&l.value.setValue(s.lastValue):g())},B=()=>{c.isInitShow=!0,c.currentValue=s.lastValue},N=()=>{n.isDropdown||g()},w=()=>{g(),n.isDropdown&&d.value&&d.value.setOpen(!1)};return t({getValue:()=>c.currentValue,getValueData:()=>({value:c.currentValue}),setValue:k=>{h(k)}}),(k,u)=>a.isDropdown?(e.openBlock(),e.createBlock(ee._sfc_main,{key:0,ref_key:"refElDropdownLayer",ref:d,id:e.unref(p),classParent:m.value,classDropDown:"panel-colorpicker-dropdown",isUseDropdownArrow:!0,isDisabled:a.disabled,onOnChangeOpen:_,onOnOpenComplete:B},{label:e.withCtx(()=>[e.createElementVNode("div",Be,[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",Ne,[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:N,onOnSubmit:w,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(m.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:N,onOnSubmit:w,onOnInit:b},null,8,["value","disabled","isAlpha","isFormat","isOperate","isPreset","isDropdown"])):e.createCommentVNode("",!0)],2))}});module.exports=we;
+"use strict";const e=require("vue"),y=require("../Shared/base-DbuX_Y3x.js"),S=require("../Shared/Index.vue_vue_type_script_setup_true_lang-B4dpfPSy.js"),ee=require("../Shared/Popup.vue_vue_type_script_setup_true_lang-d2TT0lCU.js"),M=require("../Shared/drag-BB4KOliP.js"),J=require("../Shared/index-rFJmbgyH.js"),E=require("../Shared/Index.vue_vue_type_script_setup_true_lang-Dq-sCBRz.js"),te=require("../Shared/Index.vue_vue_type_script_setup_true_lang-DYj0GzN0.js"),le=require("../Shared/language-Q4AGYtUe.js");;/* empty css                            */const G=(a,t)=>Object.prototype.hasOwnProperty.call(a,t),oe=(a,t,o)=>{const n=(2-t)*o/2,p=n===0||n===1?0:t*o/(n<.5?n*2:2-n*2);return[a,p,n]},ne=a=>typeof a=="string"&&a.includes(".")&&Number.parseFloat(a)===1,ae=a=>typeof a=="string"&&a.includes("%"),T=(a,t)=>{ne(a)&&(a="100%");const o=ae(a);return a=Math.min(t,Math.max(0,Number.parseFloat(`${a}`))),o&&(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),o=a%16;return`${j[t]||t}${j[o]||o}`},Y=({r:a,g:t,b:o})=>Number.isNaN(+a)||Number.isNaN(+t)||Number.isNaN(+o)?"":`#${A(a)}${A(t)}${A(o)}`,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,o)=>{t=t/100,o=o/100;let n=t;const p=Math.max(o,.01);o*=2,t*=o<=1?o:2-o,n*=p<=1?p:2-p;const r=(o+t)/2,d=o===0?2*n/(p+n):2*t/(o+t);return{h:a,s:d*100,v:r*100}},Q=(a,t,o)=>{a=T(a,255),t=T(t,255),o=T(o,255);const n=Math.max(a,t,o),p=Math.min(a,t,o);let r=0;const d=n,l=n-p,c=n===0?0:l/n;if(n===p)r=0;else{switch(n){case a:{r=(t-o)/l+(t<o?6:0);break}case t:{r=(o-a)/l+2;break}case o:{r=(a-t)/l+4;break}}r/=6}return{h:r*360,s:c*100,v:d*100}},D=(a,t,o)=>{a=T(a,360)*6,t=T(t,100),o=T(o,100);const n=Math.floor(a),p=a-n,r=o*(1-t),d=o*(1-p*t),l=o*(1-(1-p)*t),c=n%6,s=[o,d,r,r,l,o][c],m=[l,o,o,d,r,r][c],C=[r,r,l,o,o,d][c];return{r:Math.round(s*255),g:Math.round(m*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 o in t)G(t,o)&&(this[o]=t[o]);t.value?this.fromString(t.value):this.doOnChange()}set(t,o){if(arguments.length===1&&typeof t=="object"){for(const n in t)G(t,n)&&this.set(n,t[n]);return}this[`_${t}`]=o,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 o=this._convertValueInfo(t);o&&(this._hue=o.hue,this._saturation=o.saturation,this._value=o.value,this._alpha=o.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:o,_value:n,_alpha:p,format:r}=this,d={hue:t,saturation:o,value:n,alpha:p};let l=this._convertFormat(r,d);l.length===0&&(l=this._getValueRGB(d)),this.value=l}checkValue(t){let o=!1,n="";if(/^rgb\(/.test(t)?n="^[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)?n="^[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)?n="^#([0-9a-fA-F]{6}|[0-9a-fA-F]{3})$":/^hsl\(/.test(t)?n="^[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)?n="^[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)?n="^[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)&&(n="^[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]*)[\\)]$"),n.length>0){const p=new RegExp(n);o=t.match(p)!==null}return o}getValueFormat(t,o){const n=this._convertValueInfo(t);return n?this._convertFormat(o,n):t}_convertValueInfo(t){let o=0,n=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,m=0;l.length===3?(c=x(l[0]+l[0]),s=x(l[1]+l[1]),m=x(l[2]+l[2])):(l.length===6||l.length===8)&&(c=x(l.slice(0,2)),s=x(l.slice(2,4)),m=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,m)}d&&(o=Math.max(0,Math.min(360,d.h)),n=Math.max(0,Math.min(100,d.s)),p=Math.max(0,Math.min(100,d.v)))}return{hue:o,saturation:n,value:p,alpha:r}}_convertFormat(t,o){let n="";switch(t){case"hsl":{n=this._getValueHSL(o);break}case"hsv":{n=this._getValueHSV(o);break}case"rgb":{n=this._getValueRGB(o);break}case"hex":n=this._getValueHEX(o)}return n}_isShowAlpha(t){return t!==100}_getValueHSL(t){const o=Math.floor(t.alpha),n=this._isShowAlpha(t.alpha),p=oe(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 n?`hsla(${r}, ${d}%, ${l}%, ${o/100})`:`hsl(${r}, ${d}%, ${l}%)`}_getValueHSV(t){const o=Math.floor(t.alpha),n=this._isShowAlpha(o),p=Math.round(t.hue),r=Math.round(t.saturation),d=Math.round(t.value);return n?`hsva(${p}, ${r}%, ${d}%, ${o/100})`:`hsv(${p}, ${r}%, ${d}%)`}_getValueHEX(t){const o=Math.floor(t.alpha);return this._isShowAlpha(o)?`${Y(D(t.hue,t.saturation,t.value))}${A(o*255/100)}`:Y(D(t.hue,t.saturation,t.value))}_getValueRGB(t){const o=Math.floor(t.alpha),n=this._isShowAlpha(o),{r:p,g:r,b:d}=D(t.hue,t.saturation,t.value);return n?`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,o=e.useTemplateRef("refElTopParent"),n=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=o.value.getBoundingClientRect();let v=s.clientX-C.left,h=s.clientY-C.top;v=Math.max(0,v),v=Math.min(v,C.width),h=Math.max(0,h),h=Math.min(h,C.height),n.btnLeft=v,n.btnTop=h,t.color.set({saturation:v/C.width*100,value:100-h/C.height*100})},d=()=>{const c=o.value,s=t.color.get("saturation"),m=t.color.get("value"),{clientWidth:C,clientHeight:v}=c;n.btnLeft=s*C/100,n.btnTop=(100-m)*v/100,n.background=`hsl(${t.color.get("hue")}, 100%, 50%)`},l=()=>{const c={ing:(s,m)=>{r(s,m)},end:(s,m)=>{r(s,m)}};new M.Drag(o.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:o,class:"panel-colorpicker-palette",style:e.normalizeStyle({backgroundColor:n.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:n.btnTop+"px",left:n.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,o=e.useTemplateRef("refElTopParent"),n=e.useTemplateRef("refElContainer"),p=e.useTemplateRef("refElBtn"),r=e.reactive({btnTop:0}),d=e.computed(()=>t.color.get("hue")),l=(v,h)=>{const V=o.value.getBoundingClientRect();let b=h.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=o.value,h=t.color.get("hue");return Math.round(h*v.offsetHeight/360)},s=()=>{r.btnTop=c()},m=()=>{const v={ing:(h,g)=>{l(h,g)},end:(h,g)=>{l(h,g)}};new M.Drag(n.value,v),new M.Drag(p.value,v),s()};e.onMounted(()=>{e.nextTick(()=>{m()})}),e.watch(()=>d.value,()=>{s()});const C=v=>{if(v.target!==p.value){const g=J.CommonElement.getClientXY(v);l(v,g)}};return(v,h)=>(e.openBlock(),e.createElementBlock("div",{ref_key:"refElTopParent",ref:o,class:"panel-colorpicker-hue"},[e.createElementVNode("div",{ref_key:"refElContainer",ref:n,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,o=e.useTemplateRef("refElTopParent"),n=e.useTemplateRef("refElContainer"),p=e.useTemplateRef("refElBtn"),r=e.reactive({background:null,btnLeft:0}),d=e.computed(()=>t.color.get("alpha")),l=(h,g)=>{const b=o.value.getBoundingClientRect();let _=g.clientX-b.left;_=Math.max(0,_),_=Math.min(_,b.width);const B=Math.round(_/b.width*100);t.color.set("alpha",B)},c=()=>{const h=o.value,g=t.color.get("alpha");return Math.round(g*h.offsetWidth/100)},s=()=>{if(t.color&&t.color.value){const{r:h,g,b:V}=t.color.toRgb();return`linear-gradient(to right, rgba(${h}, ${g}, ${V}, 0) 0%, rgba(${h}, ${g}, ${V}, 1) 100%)`}return null},m=()=>{r.btnLeft=c(),r.background=s()},C=()=>{const h={ing:(g,V)=>{l(g,V)},end:(g,V)=>{l(g,V)}};new M.Drag(n.value,h),new M.Drag(p.value,h),m()};e.onMounted(()=>{e.nextTick(()=>{C()})}),e.watch(()=>d.value,()=>{m()}),e.watch(()=>t.color.value,()=>{m()});const v=h=>{if(h.target!==p.value){const V=J.CommonElement.getClientXY(h);l(h,V)}};return(h,g)=>(e.openBlock(),e.createElementBlock("div",{ref_key:"refElTopParent",ref:o,class:"panel-colorpicker-alpha"},[e.createElementVNode("div",{ref_key:"refElContainer",ref:n,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 o=a,n=t,p=e.computed(()=>{let d="panel-colorpicker-item-block ";const{className:l}=o;return l&&!y.CommonBase.isEmpty(l)&&(d+=l),d}),r=()=>{n("onClick",o.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 o=t,n=e.reactive({keyIndex:`ColorpickerPreset-${y.CommonBase.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=>{o("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,m)=>(e.openBlock(),e.createElementBlock("li",{key:`${n.keyIndex}-${m}`},[e.createVNode(K,{color:s,onOnClick:d},null,8,["color"])]))),128))])]))}}),me={class:"panel-colorpicker-value"},he={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:o}){const n=a,p=o,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:""}),m={typeList:["hex","rgb","hsl","hsv"]},C=e.computed(()=>n.color.value),v=u=>{const f=u.substring(u.indexOf("(")+1,u.indexOf(")")).split(",").map($=>y.CommonBase.trim($));return f.length===3&&f.push("1"),f},h=(u,i)=>{const f=u||C.value,{color:$}=n,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=m.typeList.indexOf(r.type);i+=u;const f=m.typeList.length;i<0?i=f-1:i>=f&&(i=0);const $=m.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&&n.color.checkValue(i)){const f=n.color.getValueFormat(i,u);i!==f&&(h(i,u),e.nextTick(()=>{n.color.fromString(i)}),p("onChangeType",u))}},b=()=>{h()};e.onMounted(()=>{e.nextTick(()=>{b()})}),e.watch(()=>C.value,u=>{const i=n.color.getValueFormat(u,"rgb");r.rgb!==i&&h()});const _=()=>{V("hex")},B=()=>{V("rgb")},N=()=>{V("hsl")},w=()=>{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",me,[e.createElementVNode("div",null,[r.type==="hex"?(e.openBlock(),e.createElementBlock("div",he,[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:B},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:B},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:B},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:B},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:N},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:N},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:N},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:N},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:w},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:w},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:w},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:w},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,o=e.useSlots(),n=e.reactive({isHover:!1}),p=e.computed(()=>!y.CommonBase.isUndefined(o.default)),r=e.computed(()=>{let s=!1;return p.value?s=n.isHover:s=!0,s}),d=e.computed(()=>{const s={"panel-colorpicker-copy":!0,"panel-colorpicker-copy-hover":n.isHover},{className:m}=t;return m&&!y.CommonBase.isEmpty(m)&&m.split(" ").forEach(C=>{y.CommonBase.isEmpty(C)||(s[C]=!0)}),s}),l=()=>{p.value&&(n.isHover=!0)},c=()=>{p.value&&(n.isHover=!1)};return(s,m)=>(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:o}){const n=a,p=o,{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"}),m=e.reactive(new se({value:n.value,format:"",enableAlpha:!0})),C={isColorChangeResult:!0},v=()=>m.get("alpha").toString()==="100"?"hex":"rgb",h=(u,i=!0)=>{let f="";u&&!y.CommonBase.isEmpty(u)&&s.isShowColorResult&&(f=m.getValueFormat(u,s.formatShow)),s.colorResult=f,i&&p("onChange",f)},g=u=>{u&&!y.CommonBase.isEmpty(u)?(s.isShowColorResult=!0,m.fromString(u),h(m.value,!1)):(s.isShowColorResult=!1,C.isColorChangeResult=!1,h("",!1),m.fromString(""),e.nextTick(()=>{C.isColorChangeResult=!0}))},V=()=>{const{value:u}=n;g(u),p("onInit")};e.onMounted(()=>{e.nextTick(()=>{V()})}),e.watch(()=>n.value,u=>{g(u)}),e.watch(()=>m.value,u=>{y.CommonBase.isEmpty(n.value)&&(s.isShowColorResult=!0),C.isColorChangeResult&&h(u),C.isColorChangeResult=!0});const b=()=>m.getValueFormat(m.value,s.formatShow),_=u=>{m.fromString(u)},B=u=>{s.formatShow=u,h(m.value,!1)},N=()=>{const u=n.value||"";s.isShowColorResult=!y.CommonBase.isEmpty(u),y.CommonBase.isEmpty(u)?m.set({hue:0,saturation:0,value:100,alpha:100}):(C.isColorChangeResult=!1,h(u),m.fromString(u))},w=()=>{m.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=m.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:m},null,8,["color"]),e.createVNode(ie,{color:m},null,8,["color"])]),a.isAlpha?(e.openBlock(),e.createElementBlock("div",be,[e.createVNode(ue,{color:m},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:m.value},null,8,["color"])]),_:1})]),e.createVNode(ke,{ref_key:"refElColorValue",ref:c,color:m,onOnChangeType:B},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:N},[e.createVNode(S._sfc_main,{name:"restore",title:e.unref(r).restore},null,8,["title"])]),e.createElementVNode("div",{onClick:w},[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))}}),Be={class:"panel-colorpicker-dropdown-text"},Ne={key:0,class:"panel-colorpicker-dropdown-arrow"},we=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:o}){const n=a,p=n.id,r=o,d=e.useTemplateRef("refElDropdownLayer"),l=e.useTemplateRef("refElColorpicker"),c=e.reactive({isInitShow:!n.isDropdown,dropdownTextValue:"",currentValue:""}),s={lastValue:""},m=e.computed(()=>{let k="panel-colorpicker ";const{className:u}=n;return u&&!y.CommonBase.isEmpty(u)&&(k+=u),n.isPlaintext&&(k+="cl-plaintext-static "),k}),C=()=>{const k=c.currentValue;let u=!1;n.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.CommonBase.isEmpty(k)&&(u=k),c.dropdownTextValue=u},h=k=>{const u=k||"";s.lastValue=u,n.isDropdown||(c.currentValue=u),v(u)},g=()=>{const k=l.value.getValue();c.dropdownTextValue=k,c.currentValue=k,C()},V=()=>{h(n.value)};e.watch(()=>n.value,k=>{h(k)}),e.onMounted(()=>{e.nextTick(()=>{V()})});const b=()=>{r("onInit")},_=k=>{n.disabled||(k?l.value&&l.value.initValueType():n.isOperate?c.currentValue!==l.value.getValue()&&c.currentValue===s.lastValue&&l.value.setValue(s.lastValue):g())},B=()=>{c.isInitShow=!0,c.currentValue=s.lastValue},N=()=>{n.isDropdown||g()},w=()=>{g(),n.isDropdown&&d.value&&d.value.setOpen(!1)};return t({getValue:()=>c.currentValue,getValueData:()=>({value:c.currentValue}),setValue:k=>{h(k)}}),(k,u)=>a.isDropdown?(e.openBlock(),e.createBlock(ee._sfc_main,{key:0,ref_key:"refElDropdownLayer",ref:d,id:e.unref(p),classParent:m.value,classDropDown:"panel-colorpicker-dropdown",isUseDropdownArrow:!0,isDisabled:a.disabled,onOnChangeOpen:_,onOnOpenComplete:B},{label:e.withCtx(()=>[e.createElementVNode("div",Be,[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",Ne,[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:N,onOnSubmit:w,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(m.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:N,onOnSubmit:w,onOnInit:b},null,8,["value","disabled","isAlpha","isFormat","isOperate","isPreset","isDropdown"])):e.createCommentVNode("",!0)],2))}});module.exports=we;

package/buildLibs/utils/Web/ClColorPicker.js

@@ -3,14 +3,14 @@ import '../../styles/Common/IconFont-base.css';
 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 { C as x } from "../Shared/base-C5l51ld_.js";
-import { _ as U } from "../Shared/Index.vue_vue_type_script_setup_true_lang-CVBKgYfQ.js";
-import { _ as we } from "../Shared/Popup.vue_vue_type_script_setup_true_lang-ltEkWlAH.js";
-import { D as G } from "../Shared/drag-CBokh_eH.js";
-import { C as ve } from "../Shared/index-wdK75uN2.js";
-import { _ as S } from "../Shared/Index.vue_vue_type_script_setup_true_lang-x28PWOid.js";
-import { _ as Ve } from "../Shared/Index.vue_vue_type_script_setup_true_lang-CrNoVcn8.js";
-import { a as _e } from "../Shared/language-Br_W-GD8.js";
+import { C as x } from "../Shared/base-fr2I80sU.js";
+import { _ as U } from "../Shared/Index.vue_vue_type_script_setup_true_lang-afRTRRcb.js";
+import { _ as we } from "../Shared/Popup.vue_vue_type_script_setup_true_lang-hfNlyh_i.js";
+import { D as G } from "../Shared/drag-BBk0X740.js";
+import { C as ve } from "../Shared/index-B477PjJ3.js";
+import { _ as S } from "../Shared/Index.vue_vue_type_script_setup_true_lang-qOys54ns.js";
+import { _ as Ve } from "../Shared/Index.vue_vue_type_script_setup_true_lang-oFF20mhc.js";
+import { a as _e } from "../Shared/language-pMmux6Js.js";
 /* empty css                           */
 const ue = (o, e) => Object.prototype.hasOwnProperty.call(o, e), $e = (o, e, l) => {
   const n = (2 - e) * l / 2, c = n === 0 || n === 1 ? 0 : e * l / (n < 0.5 ? n * 2 : 2 - n * 2);

package/buildLibs/utils/Web/ClCropper.cjs

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

package/buildLibs/utils/Web/ClCropper.js

@@ -3,8 +3,9 @@ import '../../styles/Common/IconFont-base.css';
 import '../../styles/Common/Load-base.css';
 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-XWxNmuC2.js";
+import { _ as f } from "../Shared/Index.vue_vue_type_script_setup_true_lang-B5MSug5Q.js";
 export {
   f as default
 };

package/buildLibs/utils/Web/ClCropperPreview.cjs

@@ -1 +1 @@
-"use strict";const e=require("vue"),g=require("../Shared/log-C2ZbqiAV.js"),a=require("../Shared/base-DmcbRUB5.js"),S=require("../Shared/index-CXRfOfiT.js"),x=require("../Shared/Index.vue_vue_type_script_setup_true_lang-DsWuFFm8.js"),C=require("../Shared/Index.vue_vue_type_script_setup_true_lang-DG2gOqUV.js"),b=require("../Shared/Index.vue_vue_type_script_setup_true_lang-BWhUEMe2.js"),F=require("../Shared/Index.vue_vue_type_script_setup_true_lang-Bh9eiZXZ.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:h,emit:d}){const n=l,p=d,w=n.id,s=e.useTemplateRef("refElCropper"),o=e.reactive({isEmptyPreviewUrl:!1,isEmptyCoverUrl:!1,isAgainCropper:!1,coverImageUrlOriginal:""});let m=!1;const y=e.computed(()=>{const{width:t,widthPreview:r}=n;return a.CommonBase.isFinite(r)?r:t}),U=e.computed(()=>{const{height:t,heightPreview:r}=n;return a.CommonBase.isFinite(r)?r:t}),B=e.computed(()=>({"panel-cropper-preview":!0,...S.CommonElement.getClassNameJson(n.className)})),u=()=>{const{previewImageUrl:t}=n,r=a.CommonBase.isEmpty(t);o.isEmptyPreviewUrl=r,o.isAgainCropper=r},v=()=>{const{coverImageUrl:t}=n,r=a.CommonBase.isEmpty(t);o.isEmptyCoverUrl=r,o.coverImageUrlOriginal=r?"":t},_=()=>{const{width:t,height:r}=n;(t<=0||r<=0)&&g.clLog.warn("ClCropperPreview","裁切区域宽高必须大于 0，当前值 width="+t+" height="+r)},f=()=>{u(),v(),_()};e.onMounted(()=>{e.nextTick(()=>{f()})}),e.watch(()=>n.previewImageUrl,()=>{u()}),e.watch(()=>n.coverImageUrl,()=>{v()});const I=t=>{t===!0&&p("onInitCoverImage")},k=(t,r)=>{if(!m){if(!(t instanceof File)){p("onError","文件读取失败，请重新选择图片");return}m=!0,s.value?.loadingStart(),a.CommonBase.getBase64ByFile([t]).then(i=>{const c=a.CommonBase.isNonEmptyString(i);o.isAgainCropper=!0,c?(o.coverImageUrlOriginal=i,o.isEmptyCoverUrl=!1):(o.isEmptyCoverUrl=a.CommonBase.isEmpty(o.coverImageUrlOriginal),p("onError","文件读取失败，请重新选择图片")),s.value?.loadingStop(),m=!1}).catch(i=>{s.value?.loadingStop(),m=!1,p("onError","文件读取失败，请重新选择图片")})}},E=()=>{o.isAgainCropper=!1},P=()=>{o.isAgainCropper=!0};return h({getValue:async()=>{let t="";try{t=s.value?String(await s.value.getImageBase64()||""):""}catch(r){g.clLog.error("ClCropperPreview","getValue 获取裁切图片失败:",r)}return t},getCropperUrl:async t=>{let r="";try{if(s.value&&a.CommonBase.isFunction(n.getCropperImageUrl))r=await n.getCropperImageUrl(s.value,t);else{const{previewImageUrl:i,coverImageUrl:c}=n;r=a.CommonBase.isNonEmptyString(i)?i:c||""}}catch(i){g.clLog.error("ClCropperPreview","getCropperUrl 调用失败:",i)}return r},getCoverUrlOriginal:async t=>{let r="";try{const{coverImageUrlOriginal:i}=o;if(i.startsWith("data:")&&a.CommonBase.isFunction(n.saveImageBase64)){const c=await n.saveImageBase64(i,t);r=c&&c.success?c.imageUrl:""}else/^(http|https):\/\/[^\s]+$/.test(i)&&(r=i)}catch(i){g.clLog.error("ClCropperPreview","getCoverUrlOriginal 调用失败:",i)}return r}}),(t,r)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(B.value),id:e.unref(w)},[e.createElementVNode("div",N,[o.isEmptyPreviewUrl?(e.openBlock(),e.createElementBlock(e.Fragment,{key:1},[],64)):(e.openBlock(),e.createElementBlock(e.Fragment,{key:0},[o.isAgainCropper?(e.openBlock(),e.createBlock(C._sfc_main,{key:0,iconName:"reply",label:"返回",color:"transparent",onOnClick:E})):(e.openBlock(),e.createBlock(C._sfc_main,{key:1,iconName:"cropper",label:"重新裁切",color:"transparent",onOnClick:P}))],64)),l.isShowUploadBtn&&(o.isAgainCropper||o.isEmptyCoverUrl&&o.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))]),!o.isEmptyPreviewUrl&&!o.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"])):o.isAgainCropper&&(!o.isEmptyPreviewUrl||!o.isEmptyCoverUrl)?(e.openBlock(),e.createBlock(x._sfc_main,{key:1,ref_key:"refElCropper",ref:s,previewShape:l.previewShape,isCenterBox:l.isCenterBox,src:o.coverImageUrlOriginal,width:l.width,height:l.height,isModal:!1,isShowUpload:!1,onOnImgLoad:I},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"),g=require("../Shared/log-C2ZbqiAV.js"),a=require("../Shared/base-DbuX_Y3x.js"),S=require("../Shared/index-rFJmbgyH.js"),x=require("../Shared/Index.vue_vue_type_script_setup_true_lang-B-LBJS_U.js"),C=require("../Shared/Index.vue_vue_type_script_setup_true_lang-CDslbo4h.js"),b=require("../Shared/Index.vue_vue_type_script_setup_true_lang-BxWYROZH.js"),F=require("../Shared/Index.vue_vue_type_script_setup_true_lang-B2cccX6M.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:h,emit:d}){const n=l,p=d,w=n.id,s=e.useTemplateRef("refElCropper"),o=e.reactive({isEmptyPreviewUrl:!1,isEmptyCoverUrl:!1,isAgainCropper:!1,coverImageUrlOriginal:""});let m=!1;const y=e.computed(()=>{const{width:t,widthPreview:r}=n;return a.CommonBase.isFinite(r)?r:t}),U=e.computed(()=>{const{height:t,heightPreview:r}=n;return a.CommonBase.isFinite(r)?r:t}),B=e.computed(()=>({"panel-cropper-preview":!0,...S.CommonElement.getClassNameJson(n.className)})),u=()=>{const{previewImageUrl:t}=n,r=a.CommonBase.isEmpty(t);o.isEmptyPreviewUrl=r,o.isAgainCropper=r},v=()=>{const{coverImageUrl:t}=n,r=a.CommonBase.isEmpty(t);o.isEmptyCoverUrl=r,o.coverImageUrlOriginal=r?"":t},_=()=>{const{width:t,height:r}=n;(t<=0||r<=0)&&g.clLog.warn("ClCropperPreview","裁切区域宽高必须大于 0，当前值 width="+t+" height="+r)},f=()=>{u(),v(),_()};e.onMounted(()=>{e.nextTick(()=>{f()})}),e.watch(()=>n.previewImageUrl,()=>{u()}),e.watch(()=>n.coverImageUrl,()=>{v()});const I=t=>{t===!0&&p("onInitCoverImage")},k=(t,r)=>{if(!m){if(!(t instanceof File)){p("onError","文件读取失败，请重新选择图片");return}m=!0,s.value?.loadingStart(),a.CommonBase.getBase64ByFile([t]).then(i=>{const c=a.CommonBase.isNonEmptyString(i);o.isAgainCropper=!0,c?(o.coverImageUrlOriginal=i,o.isEmptyCoverUrl=!1):(o.isEmptyCoverUrl=a.CommonBase.isEmpty(o.coverImageUrlOriginal),p("onError","文件读取失败，请重新选择图片")),s.value?.loadingStop(),m=!1}).catch(i=>{s.value?.loadingStop(),m=!1,p("onError","文件读取失败，请重新选择图片")})}},E=()=>{o.isAgainCropper=!1},P=()=>{o.isAgainCropper=!0};return h({getValue:async()=>{let t="";try{t=s.value?String(await s.value.getImageBase64()||""):""}catch(r){g.clLog.error("ClCropperPreview","getValue 获取裁切图片失败:",r)}return t},getCropperUrl:async t=>{let r="";try{if(s.value&&a.CommonBase.isFunction(n.getCropperImageUrl))r=await n.getCropperImageUrl(s.value,t);else{const{previewImageUrl:i,coverImageUrl:c}=n;r=a.CommonBase.isNonEmptyString(i)?i:c||""}}catch(i){g.clLog.error("ClCropperPreview","getCropperUrl 调用失败:",i)}return r},getCoverUrlOriginal:async t=>{let r="";try{const{coverImageUrlOriginal:i}=o;if(i.startsWith("data:")&&a.CommonBase.isFunction(n.saveImageBase64)){const c=await n.saveImageBase64(i,t);r=c&&c.success?c.imageUrl:""}else/^(http|https):\/\/[^\s]+$/.test(i)&&(r=i)}catch(i){g.clLog.error("ClCropperPreview","getCoverUrlOriginal 调用失败:",i)}return r}}),(t,r)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(B.value),id:e.unref(w)},[e.createElementVNode("div",N,[o.isEmptyPreviewUrl?(e.openBlock(),e.createElementBlock(e.Fragment,{key:1},[],64)):(e.openBlock(),e.createElementBlock(e.Fragment,{key:0},[o.isAgainCropper?(e.openBlock(),e.createBlock(C._sfc_main,{key:0,iconName:"reply",label:"返回",color:"transparent",onOnClick:E})):(e.openBlock(),e.createBlock(C._sfc_main,{key:1,iconName:"cropper",label:"重新裁切",color:"transparent",onOnClick:P}))],64)),l.isShowUploadBtn&&(o.isAgainCropper||o.isEmptyCoverUrl&&o.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))]),!o.isEmptyPreviewUrl&&!o.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"])):o.isAgainCropper&&(!o.isEmptyPreviewUrl||!o.isEmptyCoverUrl)?(e.openBlock(),e.createBlock(x._sfc_main,{key:1,ref_key:"refElCropper",ref:s,previewShape:l.previewShape,isCenterBox:l.isCenterBox,src:o.coverImageUrlOriginal,width:l.width,height:l.height,isModal:!1,isShowUpload:!1,onOnImgLoad:I},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

@@ -4,15 +4,16 @@ import '../../styles/Common/Input-base.css';
 import '../../styles/Common/Load-base.css';
 import '../../styles/Common/Btn-base.css';
 import '../../styles/Common/Fade-base.css';
+import '../../styles/Common/Overlay-base.css';
 import '../../styles/Web/ClCropperPreview.css';
 import { defineComponent as F, useTemplateRef as A, reactive as $, computed as C, onMounted as L, nextTick as R, watch as d, openBlock as a, createElementBlock as c, unref as M, normalizeClass as T, createElementVNode as V, Fragment as u, createBlock as m } from "vue";
 import { c as h } from "../Shared/log-BbLqiWNM.js";
-import { C as n } from "../Shared/base-C5l51ld_.js";
-import { C as W } from "../Shared/index-wdK75uN2.js";
-import { _ as j } from "../Shared/Index.vue_vue_type_script_setup_true_lang-XWxNmuC2.js";
-import { _ as U } from "../Shared/Index.vue_vue_type_script_setup_true_lang-n7xMYytH.js";
-import { _ as q } from "../Shared/Index.vue_vue_type_script_setup_true_lang-BJw-_EOe.js";
-import { _ as z } from "../Shared/Index.vue_vue_type_script_setup_true_lang-BBVM_RnZ.js";
+import { C as n } from "../Shared/base-fr2I80sU.js";
+import { C as W } from "../Shared/index-B477PjJ3.js";
+import { _ as j } from "../Shared/Index.vue_vue_type_script_setup_true_lang-B5MSug5Q.js";
+import { _ as U } from "../Shared/Index.vue_vue_type_script_setup_true_lang-BTikeo7T.js";
+import { _ as q } from "../Shared/Index.vue_vue_type_script_setup_true_lang-DjwVdgdl.js";
+import { _ as z } from "../Shared/Index.vue_vue_type_script_setup_true_lang-Bd56L0m6.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-Bat5bJ6h.js");module.exports=e._sfc_main;
+"use strict";const e=require("../Shared/Index.vue_vue_type_script_setup_true_lang-d8FRnWoo.js");module.exports=e._sfc_main;

package/buildLibs/utils/Web/ClDateTime.js

@@ -4,8 +4,9 @@ import '../../styles/Common/Input-base.css';
 import '../../styles/Common/Load-base.css';
 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-1634m2dj.js";
+import { _ as f } from "../Shared/Index.vue_vue_type_script_setup_true_lang-BLr46kTp.js";
 export {
   f as default
 };

package/buildLibs/utils/Web/ClDropdownMenu.cjs

@@ -1 +1 @@
-"use strict";const e=require("vue"),c=require("../Shared/base-DmcbRUB5.js"),p=require("../Shared/index-CXRfOfiT.js"),u=require("../Shared/Popup.vue_vue_type_script_setup_true_lang-gwQgBwlR.js"),w=require("../Shared/Index.vue_vue_type_script_setup_true_lang-DXQ2H_E6.js"),m={key:0,class:"dropdownLayer-text-container"},D={class:"dropdownLayer-text-render"},f={class:"dropdownLayer-text-arrow"},g=e.defineComponent({name:"ClDropdownMenu",__name:"Index",props:{id:String,className:String,classDropDown:String,label:String,direction:{type:String,default:"left",validator:n=>["left","right","center","top","bottom"].includes(n)},dropDownPos:{type:String,default:"down",validator:n=>["down","up","left","right"].includes(n)},isUseLabelArrow:{type:Boolean,default:!1},isUseDropdownArrow:{type:Boolean,default:!1},transitionEnter:String,transitionLeave:String},emits:{onChangeOpen:n=>!0},setup(n,{emit:s}){const t=n,a=s,l=t.id,r=e.useTemplateRef("refElDropdownLayer"),i=e.computed(()=>{let o={"panel-dropdown-menu":!0};return o=c.CommonBase.getJsonMerge(o,p.CommonElement.getClassNameJson(t.className)),Object.keys(o).join(" ")}),d=o=>{a("onChangeOpen",o)};return e.provide("$DropdownmenuTop",e.reactive({hideDropdown:()=>{r.value?.setOpen(!1)}})),(o,v)=>(e.openBlock(),e.createBlock(u._sfc_main,{ref_key:"refElDropdownLayer",ref:r,id:e.unref(l),classParent:i.value,classDropDown:n.classDropDown,dropdownArrowPos:n.direction,dropDownPos:n.dropDownPos,isUseDropdownArrow:n.isUseDropdownArrow,transitionEnter:n.transitionEnter,transitionLeave:n.transitionLeave,onOnChangeOpen:d},{label:e.withCtx(()=>[n.isUseLabelArrow?(e.openBlock(),e.createElementBlock("div",m,[e.createElementVNode("div",D,[e.renderSlot(o.$slots,"label",{},()=>[e.createTextVNode(e.toDisplayString(n.label),1)])]),e.createElementVNode("div",f,[e.createVNode(w._sfc_main,{name:"angle-down"})])])):e.renderSlot(o.$slots,"label",{key:1},()=>[e.createTextVNode(e.toDisplayString(n.label),1)])]),dropdown:e.withCtx(()=>[e.createElementVNode("ul",null,[e.renderSlot(o.$slots,"default")])]),_:3},8,["id","classParent","classDropDown","dropdownArrowPos","dropDownPos","isUseDropdownArrow","transitionEnter","transitionLeave"]))}});module.exports=g;
+"use strict";const t=require("vue"),D=require("../Shared/base-DbuX_Y3x.js"),C=require("../Shared/index-rFJmbgyH.js"),B=require("../Shared/Popup.vue_vue_type_script_setup_true_lang-d2TT0lCU.js"),O=require("../Shared/Index.vue_vue_type_script_setup_true_lang-B4dpfPSy.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:b}){const v=o,y=b,i=v.id,d=D.CommonBase.isNonEmptyString(i)?`${i}-label`:void 0,c=t.useTemplateRef("refElDropdownLayer"),_=t.computed(()=>{let e={"panel-dropdown-menu":!0};return e=D.CommonBase.getJsonMerge(e,C.CommonElement.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(A=>A.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()},x=e=>{y("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:x},{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.css

@@ -1 +1 @@
-.panel-dropdown-menu .dropdownLayer-dropdown-theme-popup.dropdownLayer-dropdown>ul{margin:2px 0;padding:2px 0;list-style:none;background-color:var(--cl-bg, #ffffff);background-clip:padding-box}.panel-dropdown-menu .dropdownLayer-dropdown-theme-popup.dropdownLayer-dropdown>ul>li>a,.panel-dropdown-menu .dropdownLayer-dropdown-theme-popup.dropdownLayer-dropdown>ul>li>span{display:block;padding:8px;color:var(--cl-text-primary, #323233);clear:both;font-weight:400;line-height:1.42857143;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.panel-dropdown-menu .dropdownLayer-dropdown-theme-popup.dropdownLayer-dropdown>ul>li:not(.dropdownMenu-item-disabled)>a:hover,.panel-dropdown-menu .dropdownLayer-dropdown-theme-popup.dropdownLayer-dropdown>ul>li:not(.dropdownMenu-item-disabled)>span:hover{background:var(--cl-primary-light, #eff8ff);color:var(--cl-text-primary, #323233);font-weight:700}.panel-dropdown-menu .dropdownLayer-dropdown-theme-popup.dropdownLayer-dropdown>ul>li.dropdownMenu-item-disabled>a,.panel-dropdown-menu .dropdownLayer-dropdown-theme-popup.dropdownLayer-dropdown>ul>li.dropdownMenu-item-disabled>span{color:var(--cl-text-tertiary, #aaaaaa);cursor:not-allowed;background:transparent}.panel-dropdown-menu .dropdownLayer-text-container>.dropdownLayer-text-arrow{padding:0}.panel-dropdown-menu .dropdownLayer-text>.dropdownLayer-text-container{display:flex;flex-direction:row;align-items:center;height:auto;border:none;background-color:transparent!important;box-shadow:none;padding:0;cursor:pointer;transition:all .3s linear}.panel-dropdown-menu .dropdownLayer-text-container>.dropdownLayer-text-render{flex:1}
+.panel-dropdown-menu .dropdownLayer-dropdown-theme-popup.dropdownLayer-dropdown>ul{margin:2px 0;padding:2px 0;list-style:none;background-color:var(--cl-bg, #ffffff);background-clip:padding-box}.panel-dropdown-menu .dropdownLayer-dropdown-theme-popup.dropdownLayer-dropdown>ul>li>a,.panel-dropdown-menu .dropdownLayer-dropdown-theme-popup.dropdownLayer-dropdown>ul>li>span{display:block;padding:8px;color:var(--cl-text-primary, #323233);clear:both;font-weight:400;line-height:1.42857143;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.panel-dropdown-menu .dropdownLayer-dropdown-theme-popup.dropdownLayer-dropdown>ul>li:not(.dropdownMenu-item-disabled)>a:hover,.panel-dropdown-menu .dropdownLayer-dropdown-theme-popup.dropdownLayer-dropdown>ul>li:not(.dropdownMenu-item-disabled)>span:hover{background:var(--cl-primary-light, #eff8ff);color:var(--cl-text-primary, #323233);font-weight:700}.panel-dropdown-menu .dropdownLayer-dropdown-theme-popup.dropdownLayer-dropdown>ul>li:not(.dropdownMenu-item-disabled):focus-visible{outline:none}.panel-dropdown-menu .dropdownLayer-dropdown-theme-popup.dropdownLayer-dropdown>ul>li:not(.dropdownMenu-item-disabled):focus-visible>a,.panel-dropdown-menu .dropdownLayer-dropdown-theme-popup.dropdownLayer-dropdown>ul>li:not(.dropdownMenu-item-disabled):focus-visible>span{background:var(--cl-primary-light, #eff8ff);color:var(--cl-text-primary, #323233);font-weight:700}.panel-dropdown-menu .dropdownLayer-dropdown-theme-popup.dropdownLayer-dropdown>ul>li.dropdownMenu-item-disabled>a,.panel-dropdown-menu .dropdownLayer-dropdown-theme-popup.dropdownLayer-dropdown>ul>li.dropdownMenu-item-disabled>span{color:var(--cl-text-tertiary, #aaaaaa);cursor:not-allowed;background:transparent}.panel-dropdown-menu .dropdownLayer-text-container>.dropdownLayer-text-arrow{padding:0}.panel-dropdown-menu .dropdownLayer-text>.dropdownLayer-text-container{display:flex;flex-direction:row;align-items:center;height:auto;border:none;background-color:transparent!important;box-shadow:none;padding:0;cursor:pointer;transition:all .3s linear}.panel-dropdown-menu .dropdownLayer-text-container>.dropdownLayer-text-render{flex:1}.panel-dropdown-menu .dropdownLayer-text:hover .dropdownLayer-text-container>.dropdownLayer-text-render,.panel-dropdown-menu .dropdownLayer-text:focus-visible .dropdownLayer-text-container>.dropdownLayer-text-render,.panel-dropdown-menu .dropdownLayer-text:hover>span,.panel-dropdown-menu .dropdownLayer-text:focus-visible>span{text-shadow:0 0 .6px currentColor,.3px 0 0 currentColor}.panel-dropdown-menu .dropdownLayer-text>span,.panel-dropdown-menu .dropdownLayer-text-container>.dropdownLayer-text-render{transition:text-shadow .2s ease-in-out}.panel-dropdown-menu .dropdownLayer-text:focus-visible{outline:none}