@cldemo/ui-kit 1.0.5 → 1.0.7

package/buildLibs/utils/Web/ClCardLegend.js

@@ -1,128 +0,0 @@
-import { defineComponent as M, useSlots as O, ref as d, computed as l, watch as P, onMounted as Y, onUnmounted as b, openBlock as S, createBlock as G, withCtx as s, createElementBlock as J, normalizeStyle as K, normalizeClass as k, createVNode as F, createCommentVNode as N, createElementVNode as f, renderSlot as h, Transition as Q, withDirectives as X, vShow as Z, createTextVNode as ee, toDisplayString as te, nextTick as x } from "vue";
-import { C as v } from "../Shared/base-PQGakkrl.js";
-import { _ as oe } from "../Shared/Index.vue_vue_type_script_setup_true_lang-B3Jxjv3S.js";
-import { _ as ne } from "../Shared/Index.vue_vue_type_script_setup_true_lang-Bv5Aqano.js";
-const le = { class: "card-legend-demo" }, se = { class: "card-legend-code" }, ue = /* @__PURE__ */ M({
-  name: "ClCardLegend",
-  __name: "Index",
-  props: {
-    title: {},
-    className: {}
-  },
-  setup(p) {
-    const g = p, T = O(), w = d(null), n = d(!1), i = d(!1), a = d("auto"), L = l(() => typeof T.remark < "u"), B = l(() => typeof T.code < "u"), H = l(() => {
-      const e = ["card-legend"];
-      return v.isEmpty(g.className) || g.className?.split(" ").forEach((t) => {
-        v.isEmpty(t) || e.push(t);
-      }), e.join(" ");
-    }), $ = l(() => ({
-      "card-legend-footer": !0,
-      "card-footer-fixed": i.value
-    })), A = l(() => ({
-      "icon-rotate": !0,
-      "rotate-180": n.value
-    }));
-    let r, c, o;
-    const _ = () => {
-      r && (clearTimeout(r), r = null), c && (clearTimeout(c), c = null);
-    }, u = () => {
-      if (n.value) {
-        const e = w.value;
-        if (!v.isUndefined(e)) {
-          const t = window.pageYOffset || document.documentElement.scrollTop, D = window.innerHeight, E = t + D, R = e.clientHeight, C = e.getBoundingClientRect(), y = e.closest(".card-legend"), j = y.clientWidth, q = y.querySelector(".card-footer").children[0].clientHeight;
-          C.top + q + 10 < E && C.top + R > E ? (i.value = !0, a.value = j.toString() + "px") : (i.value = !1, a.value = "auto");
-        }
-      } else
-        i.value = !1, a.value = "auto";
-    }, m = () => {
-      o && (clearTimeout(o), o = null), o = setTimeout(() => {
-        u();
-      }, 200);
-    };
-    P(
-      () => n.value,
-      (e, t) => {
-        e !== t && (_(), e ? window.addEventListener("scroll", m) : window.removeEventListener("scroll", m));
-      }
-    );
-    const W = () => {
-      n.value = !n.value;
-    }, I = (e) => {
-      e.style.height = "auto";
-      const t = window.getComputedStyle(e, null).height;
-      e.style.height = "0", r = setTimeout(function() {
-        e.style.height = t;
-      }, 25);
-    }, U = (e) => {
-      c = setTimeout(function() {
-        e.style.height = "0";
-      }, 25);
-    }, V = () => {
-      x(() => {
-        u();
-      });
-    }, z = () => {
-      x(() => {
-        u();
-      });
-    };
-    return Y(() => {
-    }), b(() => {
-      window.removeEventListener("scroll", m), _(), o && (clearTimeout(o), o = null);
-    }), (e, t) => (S(), G(oe, {
-      theme: "loopline",
-      className: H.value
-    }, {
-      headTitle: s(() => [
-        ee(te(p.title), 1)
-      ]),
-      headExplain: s(() => [
-        L.value ? h(e.$slots, "remark", { key: 0 }) : N("", !0)
-      ]),
-      default: s(() => [
-        f("div", le, [
-          h(e.$slots, "demo")
-        ]),
-        F(Q, {
-          name: "slide-fade",
-          onEnter: I,
-          onAfterEnter: V,
-          onLeave: U,
-          onAfterLeave: z
-        }, {
-          default: s(() => [
-            X(f("div", {
-              ref_key: "refElCode",
-              ref: w
-            }, [
-              f("div", se, [
-                h(e.$slots, "code")
-              ])
-            ], 512), [
-              [Z, n.value]
-            ])
-          ]),
-          _: 3
-        })
-      ]),
-      foot: s(() => [
-        B.value ? (S(), J("div", {
-          key: 0,
-          class: k($.value),
-          onClick: W,
-          style: K({ width: a.value })
-        }, [
-          F(ne, {
-            name: "caret-down",
-            class: k(A.value)
-          }, null, 8, ["class"])
-        ], 6)) : N("", !0)
-      ]),
-      _: 3
-    }, 8, ["className"]));
-  }
-});
-export {
-  ue as default
-};
-//# sourceMappingURL=ClCardLegend.js.map

package/buildLibs/utils/Web/ClCardLegend.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"ClCardLegend.js","sources":["../../../src/libs/Web/CardLegend/Index.vue"],"sourcesContent":["<template>\n  <ClCard\n    theme=\"loopline\"\n    :className=\"clsParent\"\n  >\n    <template #headTitle>{{ title }}</template>\n    <template #headExplain>\n      <slot v-if=\"isShowRemark\" name=\"remark\"></slot>\n    </template>\n    <template #default>\n      <div class=\"card-legend-demo\">\n        <slot name=\"demo\"></slot>\n      </div>\n      <transition\n        name=\"slide-fade\"\n        @enter=\"onTransitionEnter\"\n        @after-enter=\"onTransitionEnterAfter\"\n        @leave=\"onTransitionLeave\"\n        @after-leave=\"onTransitionLeaveAfter\"\n      >\n        <div\n          v-show=\"isShowCode\"\n          ref=\"refElCode\"\n        >\n          <div class=\"card-legend-code\">\n            <slot name=\"code\"></slot>\n          </div>\n        </div>\n      </transition>\n    </template>\n    <template #foot>\n      <div\n        v-if=\"optIsUseSlotsCode\"\n        :class=\"clsFooter\"\n        @click=\"onToggleCode\"\n        :style=\"{ width: footWidth }\"\n      >\n        <ClIconFont name=\"caret-down\" :class=\"clsFootIcon\" />\n      </div>\n    </template>\n  </ClCard>\n</template>\n\n<script setup lang=\"ts\">\nimport './Index.css'\nimport { ref, computed, watch, nextTick, onMounted, onUnmounted, useSlots } from 'vue'\nimport CommonBase from '../../Common/base'\nimport ClCard from '../Card/Index.vue'\nimport ClIconFont from '../../Element/IconFont/Index.vue'\n\n// defineOptions\ndefineOptions({ name: 'ClCardLegend' })\n\n// props\nconst props = defineProps<{\n  title: string\n  className?: string\n}>()\n\n// slots\nconst slots = useSlots()\n\n// refs\nconst refElCode = ref(null)\n\n// reactive\nconst isShowCode = ref(false)\nconst isFootFixed = ref(false)\nconst footWidth = ref('auto')\n\n// computed\nconst isShowRemark = computed(() => {\n  return typeof slots.remark !== 'undefined'\n})\n\nconst optIsUseSlotsCode = computed(() => {\n  return typeof slots.code !== 'undefined'\n})\n\nconst clsParent = computed(() => {\n  const clsTemp = ['card-legend']\n  if (!CommonBase.isEmpty(props.className)) {\n    props.className?.split(' ').forEach((cls) => {\n      if (!CommonBase.isEmpty(cls)) {\n        clsTemp.push(cls)\n      }\n    })\n  }\n  return clsTemp.join(' ')\n})\n\nconst clsFooter = computed(() => {\n  return {\n    'card-legend-footer': true,\n    'card-footer-fixed': isFootFixed.value,\n  }\n})\n\nconst clsFootIcon = computed(() => {\n  return {\n    'icon-rotate': true,\n    'rotate-180': isShowCode.value,\n  }\n})\n\n// 内部方法\nlet _enterTimeFun: any\nlet _leaveTimeFun: any\nlet _scrollTimeFun: any\n\nconst _cleanTimeTransition = () => {\n  if (_enterTimeFun) {\n    clearTimeout(_enterTimeFun)\n    _enterTimeFun = null\n  }\n  if (_leaveTimeFun) {\n    clearTimeout(_leaveTimeFun)\n    _leaveTimeFun = null\n  }\n}\n\nconst _setFootEl = () => {\n  if (isShowCode.value) {\n    const elCode: any = refElCode.value\n    if (!CommonBase.isUndefined(elCode)) {\n      const scrollTop = window.pageYOffset || document.documentElement.scrollTop\n      const winHeight = window.innerHeight\n      const max = scrollTop + winHeight\n\n      const height = elCode.clientHeight\n      const offset = elCode.getBoundingClientRect()\n\n      const pEl = elCode.closest('.card-legend')\n      const pWidth = pEl.clientWidth\n\n      const elFoot = pEl.querySelector('.card-footer')\n      const footHeight = elFoot.children[0].clientHeight\n\n      if (offset.top + footHeight + 10 < max && offset.top + height > max) {\n        isFootFixed.value = true\n        footWidth.value = pWidth.toString() + 'px'\n      } else {\n        isFootFixed.value = false\n        footWidth.value = 'auto'\n      }\n    }\n  } else {\n    isFootFixed.value = false\n    footWidth.value = 'auto'\n  }\n}\n\nconst _onWinScroll = () => {\n  if (_scrollTimeFun) {\n    clearTimeout(_scrollTimeFun)\n    _scrollTimeFun = null\n  }\n  _scrollTimeFun = setTimeout(() => {\n    _setFootEl()\n  }, 200)\n}\n\n// watch\nwatch(\n  () => isShowCode.value,\n  (newValue, oldValue) => {\n    if (newValue !== oldValue) {\n      _cleanTimeTransition()\n      if (newValue) {\n        window.addEventListener('scroll', _onWinScroll)\n      } else {\n        window.removeEventListener('scroll', _onWinScroll)\n      }\n    }\n  }\n)\n\n// 事件方法\nconst onToggleCode = () => {\n  isShowCode.value = !isShowCode.value\n}\n\n// 显示/隐藏 动画\nconst onTransitionEnter = (el: any) => {\n  el.style.height = 'auto'\n  const height = window.getComputedStyle(el, null).height\n  el.style.height = '0'\n  _enterTimeFun = setTimeout(function() {\n    el.style.height = height\n  }, 25)\n}\n\nconst onTransitionLeave = (el: any) => {\n  _leaveTimeFun = setTimeout(function() {\n    el.style.height = '0'\n  }, 25)\n}\n\nconst onTransitionEnterAfter = () => {\n  nextTick(() => {\n    _setFootEl()\n  })\n}\n\nconst onTransitionLeaveAfter = () => {\n  nextTick(() => {\n    _setFootEl()\n  })\n}\n\n// 生命周期\nonMounted(() => {\n  // 组件挂载时的逻辑\n})\n\nonUnmounted(() => {\n  // 组件卸载时的逻辑\n  window.removeEventListener('scroll', _onWinScroll)\n  _cleanTimeTransition()\n  if (_scrollTimeFun) {\n    clearTimeout(_scrollTimeFun)\n    _scrollTimeFun = null\n  }\n})\n</script>\n"],"names":["props","__props","slots","useSlots","refElCode","ref","isShowCode","isFootFixed","footWidth","isShowRemark","computed","optIsUseSlotsCode","clsParent","clsTemp","CommonBase","cls","clsFooter","clsFootIcon","_enterTimeFun","_leaveTimeFun","_scrollTimeFun","_cleanTimeTransition","_setFootEl","elCode","scrollTop","winHeight","max","height","offset","pEl","pWidth","footHeight","_onWinScroll","watch","newValue","oldValue","onToggleCode","onTransitionEnter","el","onTransitionLeave","onTransitionEnterAfter","nextTick","onTransitionLeaveAfter","onMounted","onUnmounted","_createBlock","ClCard","_renderSlot","_ctx","_createElementVNode","_hoisted_1","_createVNode","_Transition","_hoisted_2","_createElementBlock","ClIconFont"],"mappings":"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"}

package/buildLibs/utils/Web/ClCollapse.cjs

@@ -1,2 +0,0 @@
-"use strict";const t=require("vue"),f=require("../Shared/base-iCmnU-fv.js"),g=require("../Shared/_plugin-vue_export-helper-BHFhmbuH.js"),v=t.defineComponent({name:"ClTransitionSlideupdown",__name:"SlideUpDown",setup(r){const o=t.reactive({oldPaddingTop:"",oldPaddingBottom:"",oldOverflow:""}),a=e=>{o.oldPaddingBottom=e.style.paddingBottom,o.oldPaddingTop=e.style.paddingTop,e.style.paddingTop="0",e.style.paddingBottom="0",e.style.maxHeight="0"},c=(e,i)=>{o.oldOverflow=e.style.overflow;const s=e.scrollHeight;s>0?e.style.maxHeight=s+"px":e.style.maxHeight="0",e.style.paddingTop=o.oldPaddingTop,e.style.paddingBottom=o.oldPaddingBottom,e.style.overflow="hidden";const d=function(){i(),e.removeEventListener("transitionend",d,!1),e.removeEventListener("transitioncancel",d,!1)};e.addEventListener("transitionend",d,!1),e.addEventListener("transitioncancel",d,!1)},p=e=>{e.style.maxHeight="",e.style.overflow=o.oldOverflow},m=e=>{o.oldPaddingBottom=e.style.paddingBottom,o.oldPaddingTop=e.style.paddingTop,o.oldOverflow=e.style.overflow,e.style.maxHeight=e.scrollHeight+"px",e.style.overflow="hidden"},n=(e,i)=>{e.scrollHeight!==0&&(e.style.maxHeight="0",e.style.paddingBottom="0",e.style.paddingTop="0");const s=function(){i(),e.removeEventListener("transitionend",s,!1),e.removeEventListener("transitioncancel",s,!1)};e.addEventListener("transitionend",s,!1),e.addEventListener("transitioncancel",s,!1)},l=e=>{e.style.maxHeight="",e.style.overflow=o.oldOverflow,e.style.paddingBottom=o.oldPaddingBottom,e.style.paddingTop=o.oldPaddingTop,o.oldOverflow=o.oldPaddingBottom=o.oldPaddingTop=""};return(e,i)=>(t.openBlock(),t.createBlock(t.Transition,{name:"clSlideUpDown",onBeforeEnter:a,onEnter:c,onAfterEnter:p,onBeforeLeave:m,onLeave:n,onAfterLeave:l},{default:t.withCtx(()=>[t.renderSlot(e.$slots,"default",{},void 0,!0)]),_:3}))}}),u=g._export_sfc(v,[["__scopeId","data-v-42c7685b"]]),y={class:"collapse-head"},B={class:"collapse-title"},h={class:"collapse-body"},_=t.defineComponent({name:"ClCollapse",__name:"Index",props:{className:{type:String,default:""},isOperate:{type:Boolean,default:!0}},setup(r){const o=r,a=t.reactive({isCollapse:!1}),c=t.computed(()=>{const n={"panel-collapse":!0};return f.CommonBase.isEmpty(o.className)||o.className.split(" ").forEach(l=>{f.CommonBase.isEmpty(l)||(n[l]=!0)}),n}),p=t.computed(()=>({"collapse-operate":!0,clIconFont:!0,"clIcon-angle-down":!0,"icon-rotate":!0,"rotate-180":a.isCollapse})),m=()=>{a.isCollapse=!a.isCollapse};return(n,l)=>(t.openBlock(),t.createElementBlock("div",{class:t.normalizeClass(c.value)},[t.createElementVNode("div",y,[t.createElementVNode("div",B,[t.renderSlot(n.$slots,"title")]),r.isOperate?(t.openBlock(),t.createElementBlock("i",{key:0,class:t.normalizeClass(p.value),onClick:m},null,2)):(t.openBlock(),t.createElementBlock(t.Fragment,{key:1},[],64))]),t.createVNode(u,null,{default:t.withCtx(()=>[t.withDirectives(t.createElementVNode("div",h,[t.renderSlot(n.$slots,"default")],512),[[t.vShow,!a.isCollapse]])]),_:3})],2))}});module.exports=_;
-//# sourceMappingURL=ClCollapse.cjs.map

package/buildLibs/utils/Web/ClCollapse.cjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"ClCollapse.cjs","sources":["../../../src/libs/Element/Transition/SlideUpDown.vue","../../../src/libs/Web/Collapse/Index.vue"],"sourcesContent":["<template>\n  <transition\n    name=\"clSlideUpDown\"\n    @before-enter=\"onBeforeEnter\"\n    @enter=\"onEnter\"\n    @after-enter=\"onAfterEnter\"\n    @before-leave=\"onBeforeLeave\"\n    @leave=\"onLeave\"\n    @after-leave=\"onAfterLeave\"\n  >\n    <slot></slot>\n  </transition>\n</template>\n\n<script setup lang=\"ts\">\nimport { reactive } from 'vue'\n\n// defineOptions\ndefineOptions({ name: 'ClTransitionSlideupdown' })\n\n// reactive\nconst optBase = reactive({\n  oldPaddingTop: '',\n  oldPaddingBottom: '',\n  oldOverflow: '',\n})\n\n// 过渡事件处理\nconst onBeforeEnter = (el: any) => {\n  optBase.oldPaddingBottom = el.style.paddingBottom\n  optBase.oldPaddingTop = el.style.paddingTop\n  // 过渡效果开始前设置元素的maxHeight为0，让元素maxHeight有一个初始值\n  el.style.paddingTop = '0'\n  el.style.paddingBottom = '0'\n  el.style.maxHeight = '0'\n}\n\nconst onEnter = (el: any, done: any) => {\n  optBase.oldOverflow = el.style.overflow\n  const elHeight = el.scrollHeight\n  // 过渡效果进入后将元素的maxHeight设置为元素本身的高度，将元素maxHeight设置为auto不会有过渡效果\n  if (elHeight > 0) {\n    el.style.maxHeight = elHeight + 'px'\n  } else {\n    el.style.maxHeight = '0'\n  }\n  el.style.paddingTop = optBase.oldPaddingTop\n  el.style.paddingBottom = optBase.oldPaddingBottom\n\n  el.style.overflow = 'hidden'\n  // done();\n  const onTransitionDone = function() {\n    done()\n    el.removeEventListener('transitionend', onTransitionDone, false)\n    el.removeEventListener('transitioncancel', onTransitionDone, false)\n  }\n  // 绑定元素的transition完成事件，在transition完成后立即完成vue的过度动效\n  el.addEventListener('transitionend', onTransitionDone, false)\n  el.addEventListener('transitioncancel', onTransitionDone, false)\n}\n\nconst onAfterEnter = (el: any) => {\n  // 过渡效果完成后恢复元素的maxHeight\n  el.style.maxHeight = ''\n  el.style.overflow = optBase.oldOverflow\n}\n\nconst onBeforeLeave = (el: any) => {\n  optBase.oldPaddingBottom = el.style.paddingBottom\n  optBase.oldPaddingTop = el.style.paddingTop\n  optBase.oldOverflow = el.style.overflow\n\n  el.style.maxHeight = el.scrollHeight + 'px'\n  el.style.overflow = 'hidden'\n}\n\nconst onLeave = (el: any, done: any) => {\n  if (el.scrollHeight !== 0) {\n    el.style.maxHeight = '0'\n    el.style.paddingBottom = '0'\n    el.style.paddingTop = '0'\n  }\n  // done();\n  const onTransitionDone = function() {\n    done()\n    el.removeEventListener('transitionend', onTransitionDone, false)\n    el.removeEventListener('transitioncancel', onTransitionDone, false)\n  }\n  // 绑定元素的transition完成事件，在transition完成后立即完成vue的过度动效\n  el.addEventListener('transitionend', onTransitionDone, false)\n  el.addEventListener('transitioncancel', onTransitionDone, false)\n}\n\nconst onAfterLeave = (el: any) => {\n  el.style.maxHeight = ''\n  el.style.overflow = optBase.oldOverflow\n  el.style.paddingBottom = optBase.oldPaddingBottom\n  el.style.paddingTop = optBase.oldPaddingTop\n\n  optBase.oldOverflow = optBase.oldPaddingBottom = optBase.oldPaddingTop = ''\n}\n</script>\n\n<style scoped>\n.clSlideUpDown-enter-active,\n.clSlideUpDown-leave-active {\n    overflow: hidden;\n    transition: height 0.3s ease-in-out, padding 0.3s ease-in-out, max-height 0.3s ease-in-out;\n}\n</style>\n","<template>\n  <div :class=\"clsParent\">\n    <div class=\"collapse-head\">\n      <div class=\"collapse-title\">\n        <slot name=\"title\"></slot>\n      </div>\n      <i\n        v-if=\"isOperate\"\n        :class=\"clsOperate\"\n        @click=\"onCollapse\"\n      ></i>\n      <template v-else></template>\n    </div>\n    <ClTransitionSlideupdown>\n      <div\n        v-show=\"!pageBaseOpt.isCollapse\"\n        class=\"collapse-body\"\n      >\n        <slot></slot>\n      </div>\n    </ClTransitionSlideupdown>\n  </div>\n</template>\n\n<script setup lang=\"ts\">\nimport { computed, reactive } from 'vue'\nimport CommonBase from '../../Common/base'\nimport ClTransitionSlideupdown from '../../Element/Transition/SlideUpDown.vue'\nimport './Index.css'\n\ndefineOptions({ name: 'ClCollapse' })\n\nconst props = defineProps({\n  className: {\n    type: String,\n    default: ''\n  },\n  isOperate: {\n    type: Boolean,\n    default: true\n  }\n})\n\nconst pageBaseOpt = reactive({\n  isCollapse: false\n})\n\n// computed\nconst clsParent = computed(() => {\n  const clsTemp: Record<string, boolean> = {\n    'panel-collapse': true\n  }\n  if (!CommonBase.isEmpty(props.className)) {\n    props.className.split(' ').forEach((cls: string) => {\n      if (!CommonBase.isEmpty(cls)) {\n        clsTemp[cls] = true\n      }\n    })\n  }\n  return clsTemp\n})\n\nconst clsOperate = computed(() => {\n  const clsTemp: Record<string, boolean> = {\n    'collapse-operate': true,\n    clIconFont: true,\n    'clIcon-angle-down': true,\n    'icon-rotate': true,\n    'rotate-180': pageBaseOpt.isCollapse\n  }\n  return clsTemp\n})\n\n// 事件方法\nconst onCollapse = () => {\n  pageBaseOpt.isCollapse = !pageBaseOpt.isCollapse\n}\n</script>\n"],"names":["optBase","reactive","onBeforeEnter","el","onEnter","done","elHeight","onTransitionDone","onAfterEnter","onBeforeLeave","onLeave","onAfterLeave","_createBlock","_Transition","_renderSlot","_ctx","props","__props","pageBaseOpt","clsParent","computed","clsTemp","CommonBase","cls","clsOperate","onCollapse","_createElementBlock","_createElementVNode","_hoisted_1","_hoisted_2","_Fragment","_createVNode","ClTransitionSlideupdown","_withDirectives","_hoisted_3","_vShow"],"mappings":"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"}

package/buildLibs/utils/Web/ClCollapse.css

@@ -1 +0,0 @@
-.clSlideUpDown-enter-active[data-v-42c7685b],.clSlideUpDown-leave-active[data-v-42c7685b]{overflow:hidden;transition:height .3s ease-in-out,padding .3s ease-in-out,max-height .3s ease-in-out}.panel-collapse{margin-top:5px;margin-bottom:20px;border:1px solid #dcdcdc;border-radius:4px}.panel-collapse>.collapse-head{display:flex;flex-direction:row;align-items:center;justify-content:space-between;background-color:#f5f5f5;padding:8px 20px 8px 12px;border-top-left-radius:4px;border-top-right-radius:4px}.panel-collapse>.collapse-head>.collapse-title{font-size:15px;font-weight:600;color:#212529}.panel-collapse>.collapse-head>.collapse-operate{cursor:pointer}.panel-collapse>.collapse-body{padding:12px}.panel-collapse>.collapse-body>.panel-collapse:last-child{margin-bottom:5px}

package/buildLibs/utils/Web/ClCollapse.d.ts

@@ -1,3 +0,0 @@
-import type { DefineComponent } from 'vue'
-declare const _default: DefineComponent<object, object, any>
-export default _default

package/buildLibs/utils/Web/ClCollapse.js

@@ -1,111 +0,0 @@
-import { defineComponent as _, reactive as B, openBlock as d, createBlock as T, Transition as C, withCtx as w, renderSlot as v, computed as u, createElementBlock as f, normalizeClass as y, createElementVNode as g, Fragment as E, createVNode as P, withDirectives as x, vShow as H } from "vue";
-import { C as h } from "../Shared/base-PQGakkrl.js";
-import { _ as L } from "../Shared/_plugin-vue_export-helper-CHgC5LLL.js";
-const O = /* @__PURE__ */ _({
-  name: "ClTransitionSlideupdown",
-  __name: "SlideUpDown",
-  setup(r) {
-    const t = B({
-      oldPaddingTop: "",
-      oldPaddingBottom: "",
-      oldOverflow: ""
-    }), s = (e) => {
-      t.oldPaddingBottom = e.style.paddingBottom, t.oldPaddingTop = e.style.paddingTop, e.style.paddingTop = "0", e.style.paddingBottom = "0", e.style.maxHeight = "0";
-    }, c = (e, l) => {
-      t.oldOverflow = e.style.overflow;
-      const n = e.scrollHeight;
-      n > 0 ? e.style.maxHeight = n + "px" : e.style.maxHeight = "0", e.style.paddingTop = t.oldPaddingTop, e.style.paddingBottom = t.oldPaddingBottom, e.style.overflow = "hidden";
-      const i = function() {
-        l(), e.removeEventListener("transitionend", i, !1), e.removeEventListener("transitioncancel", i, !1);
-      };
-      e.addEventListener("transitionend", i, !1), e.addEventListener("transitioncancel", i, !1);
-    }, p = (e) => {
-      e.style.maxHeight = "", e.style.overflow = t.oldOverflow;
-    }, m = (e) => {
-      t.oldPaddingBottom = e.style.paddingBottom, t.oldPaddingTop = e.style.paddingTop, t.oldOverflow = e.style.overflow, e.style.maxHeight = e.scrollHeight + "px", e.style.overflow = "hidden";
-    }, o = (e, l) => {
-      e.scrollHeight !== 0 && (e.style.maxHeight = "0", e.style.paddingBottom = "0", e.style.paddingTop = "0");
-      const n = function() {
-        l(), e.removeEventListener("transitionend", n, !1), e.removeEventListener("transitioncancel", n, !1);
-      };
-      e.addEventListener("transitionend", n, !1), e.addEventListener("transitioncancel", n, !1);
-    }, a = (e) => {
-      e.style.maxHeight = "", e.style.overflow = t.oldOverflow, e.style.paddingBottom = t.oldPaddingBottom, e.style.paddingTop = t.oldPaddingTop, t.oldOverflow = t.oldPaddingBottom = t.oldPaddingTop = "";
-    };
-    return (e, l) => (d(), T(C, {
-      name: "clSlideUpDown",
-      onBeforeEnter: s,
-      onEnter: c,
-      onAfterEnter: p,
-      onBeforeLeave: m,
-      onLeave: o,
-      onAfterLeave: a
-    }, {
-      default: w(() => [
-        v(e.$slots, "default", {}, void 0, !0)
-      ]),
-      _: 3
-    }));
-  }
-}), S = /* @__PURE__ */ L(O, [["__scopeId", "data-v-42c7685b"]]), k = { class: "collapse-head" }, D = { class: "collapse-title" }, N = { class: "collapse-body" }, A = /* @__PURE__ */ _({
-  name: "ClCollapse",
-  __name: "Index",
-  props: {
-    className: {
-      type: String,
-      default: ""
-    },
-    isOperate: {
-      type: Boolean,
-      default: !0
-    }
-  },
-  setup(r) {
-    const t = r, s = B({
-      isCollapse: !1
-    }), c = u(() => {
-      const o = {
-        "panel-collapse": !0
-      };
-      return h.isEmpty(t.className) || t.className.split(" ").forEach((a) => {
-        h.isEmpty(a) || (o[a] = !0);
-      }), o;
-    }), p = u(() => ({
-      "collapse-operate": !0,
-      clIconFont: !0,
-      "clIcon-angle-down": !0,
-      "icon-rotate": !0,
-      "rotate-180": s.isCollapse
-    })), m = () => {
-      s.isCollapse = !s.isCollapse;
-    };
-    return (o, a) => (d(), f("div", {
-      class: y(c.value)
-    }, [
-      g("div", k, [
-        g("div", D, [
-          v(o.$slots, "title")
-        ]),
-        r.isOperate ? (d(), f("i", {
-          key: 0,
-          class: y(p.value),
-          onClick: m
-        }, null, 2)) : (d(), f(E, { key: 1 }, [], 64))
-      ]),
-      P(S, null, {
-        default: w(() => [
-          x(g("div", N, [
-            v(o.$slots, "default")
-          ], 512), [
-            [H, !s.isCollapse]
-          ])
-        ]),
-        _: 3
-      })
-    ], 2));
-  }
-});
-export {
-  A as default
-};
-//# sourceMappingURL=ClCollapse.js.map

package/buildLibs/utils/Web/ClCollapse.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"ClCollapse.js","sources":["../../../src/libs/Element/Transition/SlideUpDown.vue","../../../src/libs/Web/Collapse/Index.vue"],"sourcesContent":["<template>\n  <transition\n    name=\"clSlideUpDown\"\n    @before-enter=\"onBeforeEnter\"\n    @enter=\"onEnter\"\n    @after-enter=\"onAfterEnter\"\n    @before-leave=\"onBeforeLeave\"\n    @leave=\"onLeave\"\n    @after-leave=\"onAfterLeave\"\n  >\n    <slot></slot>\n  </transition>\n</template>\n\n<script setup lang=\"ts\">\nimport { reactive } from 'vue'\n\n// defineOptions\ndefineOptions({ name: 'ClTransitionSlideupdown' })\n\n// reactive\nconst optBase = reactive({\n  oldPaddingTop: '',\n  oldPaddingBottom: '',\n  oldOverflow: '',\n})\n\n// 过渡事件处理\nconst onBeforeEnter = (el: any) => {\n  optBase.oldPaddingBottom = el.style.paddingBottom\n  optBase.oldPaddingTop = el.style.paddingTop\n  // 过渡效果开始前设置元素的maxHeight为0，让元素maxHeight有一个初始值\n  el.style.paddingTop = '0'\n  el.style.paddingBottom = '0'\n  el.style.maxHeight = '0'\n}\n\nconst onEnter = (el: any, done: any) => {\n  optBase.oldOverflow = el.style.overflow\n  const elHeight = el.scrollHeight\n  // 过渡效果进入后将元素的maxHeight设置为元素本身的高度，将元素maxHeight设置为auto不会有过渡效果\n  if (elHeight > 0) {\n    el.style.maxHeight = elHeight + 'px'\n  } else {\n    el.style.maxHeight = '0'\n  }\n  el.style.paddingTop = optBase.oldPaddingTop\n  el.style.paddingBottom = optBase.oldPaddingBottom\n\n  el.style.overflow = 'hidden'\n  // done();\n  const onTransitionDone = function() {\n    done()\n    el.removeEventListener('transitionend', onTransitionDone, false)\n    el.removeEventListener('transitioncancel', onTransitionDone, false)\n  }\n  // 绑定元素的transition完成事件，在transition完成后立即完成vue的过度动效\n  el.addEventListener('transitionend', onTransitionDone, false)\n  el.addEventListener('transitioncancel', onTransitionDone, false)\n}\n\nconst onAfterEnter = (el: any) => {\n  // 过渡效果完成后恢复元素的maxHeight\n  el.style.maxHeight = ''\n  el.style.overflow = optBase.oldOverflow\n}\n\nconst onBeforeLeave = (el: any) => {\n  optBase.oldPaddingBottom = el.style.paddingBottom\n  optBase.oldPaddingTop = el.style.paddingTop\n  optBase.oldOverflow = el.style.overflow\n\n  el.style.maxHeight = el.scrollHeight + 'px'\n  el.style.overflow = 'hidden'\n}\n\nconst onLeave = (el: any, done: any) => {\n  if (el.scrollHeight !== 0) {\n    el.style.maxHeight = '0'\n    el.style.paddingBottom = '0'\n    el.style.paddingTop = '0'\n  }\n  // done();\n  const onTransitionDone = function() {\n    done()\n    el.removeEventListener('transitionend', onTransitionDone, false)\n    el.removeEventListener('transitioncancel', onTransitionDone, false)\n  }\n  // 绑定元素的transition完成事件，在transition完成后立即完成vue的过度动效\n  el.addEventListener('transitionend', onTransitionDone, false)\n  el.addEventListener('transitioncancel', onTransitionDone, false)\n}\n\nconst onAfterLeave = (el: any) => {\n  el.style.maxHeight = ''\n  el.style.overflow = optBase.oldOverflow\n  el.style.paddingBottom = optBase.oldPaddingBottom\n  el.style.paddingTop = optBase.oldPaddingTop\n\n  optBase.oldOverflow = optBase.oldPaddingBottom = optBase.oldPaddingTop = ''\n}\n</script>\n\n<style scoped>\n.clSlideUpDown-enter-active,\n.clSlideUpDown-leave-active {\n    overflow: hidden;\n    transition: height 0.3s ease-in-out, padding 0.3s ease-in-out, max-height 0.3s ease-in-out;\n}\n</style>\n","<template>\n  <div :class=\"clsParent\">\n    <div class=\"collapse-head\">\n      <div class=\"collapse-title\">\n        <slot name=\"title\"></slot>\n      </div>\n      <i\n        v-if=\"isOperate\"\n        :class=\"clsOperate\"\n        @click=\"onCollapse\"\n      ></i>\n      <template v-else></template>\n    </div>\n    <ClTransitionSlideupdown>\n      <div\n        v-show=\"!pageBaseOpt.isCollapse\"\n        class=\"collapse-body\"\n      >\n        <slot></slot>\n      </div>\n    </ClTransitionSlideupdown>\n  </div>\n</template>\n\n<script setup lang=\"ts\">\nimport { computed, reactive } from 'vue'\nimport CommonBase from '../../Common/base'\nimport ClTransitionSlideupdown from '../../Element/Transition/SlideUpDown.vue'\nimport './Index.css'\n\ndefineOptions({ name: 'ClCollapse' })\n\nconst props = defineProps({\n  className: {\n    type: String,\n    default: ''\n  },\n  isOperate: {\n    type: Boolean,\n    default: true\n  }\n})\n\nconst pageBaseOpt = reactive({\n  isCollapse: false\n})\n\n// computed\nconst clsParent = computed(() => {\n  const clsTemp: Record<string, boolean> = {\n    'panel-collapse': true\n  }\n  if (!CommonBase.isEmpty(props.className)) {\n    props.className.split(' ').forEach((cls: string) => {\n      if (!CommonBase.isEmpty(cls)) {\n        clsTemp[cls] = true\n      }\n    })\n  }\n  return clsTemp\n})\n\nconst clsOperate = computed(() => {\n  const clsTemp: Record<string, boolean> = {\n    'collapse-operate': true,\n    clIconFont: true,\n    'clIcon-angle-down': true,\n    'icon-rotate': true,\n    'rotate-180': pageBaseOpt.isCollapse\n  }\n  return clsTemp\n})\n\n// 事件方法\nconst onCollapse = () => {\n  pageBaseOpt.isCollapse = !pageBaseOpt.isCollapse\n}\n</script>\n"],"names":["optBase","reactive","onBeforeEnter","el","onEnter","done","elHeight","onTransitionDone","onAfterEnter","onBeforeLeave","onLeave","onAfterLeave","_createBlock","_Transition","_renderSlot","_ctx","props","__props","pageBaseOpt","clsParent","computed","clsTemp","CommonBase","cls","clsOperate","onCollapse","_createElementBlock","_createElementVNode","_hoisted_1","_hoisted_2","_Fragment","_createVNode","ClTransitionSlideupdown","_withDirectives","_hoisted_3","_vShow"],"mappings":"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"}

package/buildLibs/utils/Web/ClColorpicker.cjs

@@ -1,2 +0,0 @@
-"use strict";const e=require("vue"),y=require("../Shared/base-iCmnU-fv.js"),J=require("../Shared/Popup.vue_vue_type_script_setup_true_lang-D6uynoJZ.js"),S=require("../Shared/drag-CzE5R222.js");require("js-cookie");require("decimal.js");const W=require("../Shared/index-Ul6uY51t.js"),N=require("../Shared/Index.vue_vue_type_script_setup_true_lang-Dd2V82en.js"),K=require("../Shared/Index.vue_vue_type_script_setup_true_lang-BYmK-TqX.js"),ee=require("../Shared/language-D6gRWx8H.js"),z=(r,t)=>Object.prototype.hasOwnProperty.call(r,t),te=(r,t,l)=>[r,t*l/((r=(2-t)*l)<1?r:2-r)||0,r/2],oe=r=>typeof r=="string"&&r.includes(".")&&Number.parseFloat(r)===1,ne=r=>typeof r=="string"&&r.includes("%"),x=(r,t)=>{oe(r)&&(r="100%");const l=ne(r);return r=Math.min(t,Math.max(0,Number.parseFloat(`${r}`))),l&&(r=Number.parseInt(`${r*t}`,10)/100),Math.abs(r-t)<1e-6?1:r%t/Number.parseFloat(t)},X={10:"A",11:"B",12:"C",13:"D",14:"E",15:"F"},A=r=>{r=Math.min(Math.round(r),255);const t=Math.floor(r/16),l=r%16;return`${X[t]||t}${X[l]||l}`},G=({r,g:t,b:l})=>Number.isNaN(+r)||Number.isNaN(+t)||Number.isNaN(+l)?"":`#${A(r)}${A(t)}${A(l)}`,R={A:10,B:11,C:12,D:13,E:14,F:15},P=r=>r.length===2?(R[r[0].toUpperCase()]||+r[0])*16+(R[r[1].toUpperCase()]||+r[1]):R[r[1].toUpperCase()]||+r[1],le=(r,t,l)=>{t=t/100,l=l/100;let a=t;const p=Math.max(l,.01);l*=2,t*=l<=1?l:2-l,a*=p<=1?p:2-p;const s=(l+t)/2,u=l===0?2*a/(p+a):2*t/(l+t);return{h:r,s:u*100,v:s*100}},j=(r,t,l)=>{r=x(r,255),t=x(t,255),l=x(l,255);const a=Math.max(r,t,l),p=Math.min(r,t,l);let s=0;const u=a,o=a-p,i=a===0?0:o/a;if(a===p)s=0;else{switch(a){case r:{s=(t-l)/o+(t<l?6:0);break}case t:{s=(l-r)/o+2;break}case l:{s=(r-t)/o+4;break}}s/=6}return{h:s*360,s:i*100,v:u*100}},I=(r,t,l)=>{r=x(r,360)*6,t=x(t,100),l=x(l,100);const a=Math.floor(r),p=r-a,s=l*(1-t),u=l*(1-p*t),o=l*(1-(1-p)*t),i=a%6,c=[l,u,s,s,o,l][i],d=[o,l,l,u,s,s][i],v=[s,s,o,l,l,u][i];return{r:Math.round(c*255),g:Math.round(d*255),b:Math.round(v*255)}};class ae{_hue=0;_saturation=100;_value=100;_alpha=100;enableAlpha=!1;format="hex";value="";selected;constructor(t){t=t||{};for(const l in t)z(t,l)&&(this[l]=t[l]);t.value?this.fromString(t.value):this.doOnChange()}set(t,l){if(arguments.length===1&&typeof t=="object"){for(const a in t)z(t,a)&&this.set(a,t[a]);return}this[`_${t}`]=l,this.doOnChange()}get(t){return t==="alpha"?Math.floor(this[`_${t}`]):this[`_${t}`]}toRgb(){return I(this._hue,this._saturation,this._value)}fromString(t){const l=this._convertValueInfo(t);l&&(this._hue=l.hue,this._saturation=l.saturation,this._value=l.value,this._alpha=l.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:l,_value:a,_alpha:p,format:s}=this,u={hue:t,saturation:l,value:a,alpha:p};let o=this._convertFormat(s,u);o.length===0&&(o=this._getValueRGB(u)),this.value=o}checkValue(t){let l=!1,a="";if(/^rgb\(/.test(t)?a="^[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)?a="^[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)?a="^#([0-9a-fA-F]{6}|[0-9a-fA-F]{3})$":/^hsl\(/.test(t)?a="^[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)?a="^[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)?a="^[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]*)[\\)]$":/^hsla\(/.test(t)&&(a="^[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]*)[\\)]$"),a.length>0){const p=new RegExp(a);l=t.match(p)!==null}return l}getValueFormat(t,l){const a=this._convertValueInfo(t);return a?this._convertFormat(l,a):t}_convertValueInfo(t){let l=0,a=100,p=100,s=100;if(t){let u;if(t.includes("hsl")){const o=t.replace(/hsla|hsl|\(|\)/gm,"").split(/\s|,/g).filter(i=>i!=="").map((i,c)=>c>2?Number.parseFloat(i):Number.parseInt(i,10));o.length===4?(s=Number.parseFloat(o[3].toString()),s=s>1?1:s,s=s*100):o.length===3&&(s=100),o.length>=3&&(u=le(o[0],o[1],o[2]))}else if(t.includes("hsv")){const o=t.replace(/hsva|hsv|\(|\)/gm,"").split(/\s|,/g).filter(i=>i!=="").map((i,c)=>c>2?Number.parseFloat(i):Number.parseInt(i,10));o.length===4?(s=Number.parseFloat(o[3].toString()),s=s>1?1:s,s=s*100):o.length===3&&(s=100),o.length>=3&&(u={h:o[0],s:o[1],v:o[2]})}else if(t.includes("rgb")){const o=t.replace(/rgba|rgb|\(|\)/gm,"").split(/\s|,/g).filter(i=>i!=="").map((i,c)=>c>2?Number.parseFloat(i):Number.parseInt(i,10));o.length===4?(s=Number.parseFloat(o[3].toString()),s=s>1?1:s,s=s*100):o.length===3&&(s=100),o.length>=3&&(u=j(o[0],o[1],o[2]))}else if(t.includes("#")){const o=t.replace("#","").trim();if(!/^[0-9a-fA-F]{3}$|^[0-9a-fA-F]{6}$|^[0-9a-fA-F]{8}$/.test(o))return;let i,c,d;o.length===3?(i=P(o[0]+o[0]),c=P(o[1]+o[1]),d=P(o[2]+o[2])):(o.length===6||o.length===8)&&(i=P(o.slice(0,2)),c=P(o.slice(2,4)),d=P(o.slice(4,6))),o.length===8?(s=P(o.slice(6))/255,s=s>1?1:s,s=s*100):(o.length===3||o.length===6)&&(s=100),u=j(i,c,d)}u&&(l=Math.max(0,Math.min(360,u.h)),a=Math.max(0,Math.min(100,u.s)),p=Math.max(0,Math.min(100,u.v)))}return{hue:l,saturation:a,value:p,alpha:s}}_convertFormat(t,l){let a="";switch(t){case"hsl":{a=this._getValueHSL(l);break}case"hsv":{a=this._getValueHSV(l);break}case"rgb":{a=this._getValueRGB(l);break}case"hex":a=this._getValueHEX(l)}return a}_isShowAlpha(t){return t!==100}_getValueHSL(t){const l=Math.floor(t.alpha),a=this._isShowAlpha(t.alpha),p=te(t.hue,t.saturation/100,t.value/100),s=Math.round(t.hue),u=Math.round(p[1]*100),o=Math.round(p[2]*100);return a?`hsla(${s}, ${u}%, ${o}%, ${l/100})`:`hsl(${s}, ${u}%, ${o}%)`}_getValueHSV(t){const l=Math.floor(t.alpha),a=this._isShowAlpha(l),p=Math.round(t.hue),s=Math.round(t.saturation),u=Math.round(t.value);return a?`hsva(${p}, ${s}%, ${u}%, ${l/100})`:`hsv(${p}, ${s}%, ${u}%)`}_getValueHEX(t){const l=Math.floor(t.alpha);return this._isShowAlpha(l)?`${G(I(t.hue,t.saturation,t.value))}${A(l*255/100)}`:G(I(t.hue,t.saturation,t.value))}_getValueRGB(t){const l=Math.floor(t.alpha),a=this._isShowAlpha(l),{r:p,g:s,b:u}=I(t.hue,t.saturation,t.value);return a?`rgba(${p}, ${s}, ${u}, ${this.get("alpha")/100})`:`rgb(${p}, ${s}, ${u})`}}const re=e.defineComponent({name:"ClColorpickerPalette",__name:"Palette",props:{color:{type:Object,required:!0}},setup(r){const t=r,l=e.ref(null),a=e.reactive({background:"hsl(0, 100%, 50%)",btnLeft:0,btnTop:0}),p=e.computed(()=>{const i=t.color.get("hue"),c=t.color.get("value");return{hue:i,value:c}}),s=(i,c)=>{const v=l.value.getBoundingClientRect();let g=c.clientX-v.left,h=c.clientY-v.top;g=Math.max(0,g),g=Math.min(g,v.width),h=Math.max(0,h),h=Math.min(h,v.height),a.btnLeft=g,a.btnTop=h,t.color.set({saturation:g/v.width*100,value:100-h/v.height*100})},u=()=>{const i=l.value,c=t.color.get("saturation"),d=t.color.get("value"),{clientWidth:v,clientHeight:g}=i;a.btnLeft=c*v/100,a.btnTop=(100-d)*g/100,a.background=`hsl(${t.color.get("hue")}, 100%, 50%)`},o=()=>{const i={ing:(c,d)=>{s(c,d)},end:(c,d)=>{s(c,d)}};new S.Drag(l.value,i),u()};return e.onMounted(()=>{e.nextTick(()=>{o()})}),e.watch(()=>p.value,()=>{u()}),(i,c)=>(e.openBlock(),e.createElementBlock("div",{ref_key:"refElTopParent",ref:l,class:"colorPicker-palette",style:e.normalizeStyle({backgroundColor:a.background})},[c[1]||(c[1]=e.createElementVNode("div",{class:"colorPicker-palette-white"},null,-1)),c[2]||(c[2]=e.createElementVNode("div",{class:"colorPicker-palette-black"},null,-1)),e.createElementVNode("div",{class:"colorPicker-palette-btn",style:e.normalizeStyle({top:a.btnTop+"px",left:a.btnLeft+"px"})},[...c[0]||(c[0]=[e.createElementVNode("div",null,null,-1)])],4)],4))}}),se=e.defineComponent({name:"ClColorpickerHue",__name:"Hue",props:{color:{type:Object,required:!0}},setup(r){const t=r,l=e.ref(null),a=e.ref(null),p=e.ref(null),s=e.reactive({btnTop:0}),u=e.computed(()=>t.color.get("hue")),o=(g,h)=>{const V=l.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",_)},i=()=>{const g=l.value,h=t.color.get("hue");return Math.round(h*g.offsetHeight/360)},c=()=>{s.btnTop=i()},d=()=>{const g={ing:(h,C)=>{o(h,C)},end:(h,C)=>{o(h,C)}};new S.Drag(a.value,g),new S.Drag(p.value,g),c()};e.onMounted(()=>{e.nextTick(()=>{d()})}),e.watch(()=>u.value,()=>{c()});const v=g=>{if(g.target!==p.value){const C=W.CommonElement.getClientXY(g);o(g,C)}};return(g,h)=>(e.openBlock(),e.createElementBlock("div",{ref_key:"refElTopParent",ref:l,class:"colorPicker-hue"},[e.createElementVNode("div",{ref_key:"refElContainer",ref:a,class:"colorPicker-hue-container",onClick:v},null,512),e.createElementVNode("div",{ref_key:"refElBtn",ref:p,class:"colorPicker-hue-btn",style:e.normalizeStyle({top:s.btnTop+"px"})},null,4)],512))}}),ce=e.defineComponent({name:"ClColorpickerAlpha",__name:"Alpha",props:{color:{type:Object,required:!0}},setup(r){const t=r,l=e.ref(null),a=e.ref(null),p=e.ref(null),s=e.reactive({background:null,btnLeft:0}),u=e.computed(()=>t.color.get("alpha")),o=(h,C)=>{const b=l.value.getBoundingClientRect();let _=C.clientX-b.left;_=Math.max(0,_),_=Math.min(_,b.width);const B=Math.round(_/b.width*100);t.color.set("alpha",B)},i=()=>{const h=l.value,C=t.color.get("alpha");return Math.round(C*h.offsetWidth/100)},c=()=>{if(t.color&&t.color.value){const{r:h,g:C,b:V}=t.color.toRgb();return`linear-gradient(to right, rgba(${h}, ${C}, ${V}, 0) 0%, rgba(${h}, ${C}, ${V}, 1) 100%)`}return null},d=()=>{s.btnLeft=i(),s.background=c()},v=()=>{const h={ing:(C,V)=>{o(C,V)},end:(C,V)=>{o(C,V)}};new S.Drag(a.value,h),new S.Drag(p.value,h),d()};e.onMounted(()=>{e.nextTick(()=>{v()})}),e.watch(()=>u.value,()=>{d()}),e.watch(()=>t.color.value,()=>{d()});const g=h=>{if(h.target!==p.value){const V=W.CommonElement.getClientXY(h);o(h,V)}};return(h,C)=>(e.openBlock(),e.createElementBlock("div",{ref_key:"refElTopParent",ref:l,class:"colorPicker-alpha"},[e.createElementVNode("div",{ref_key:"refElContainer",ref:a,class:"colorPicker-alpha-container",style:e.normalizeStyle({background:s.background}),onClick:g},null,4),e.createElementVNode("div",{ref_key:"refElBtn",ref:p,class:"colorPicker-alpha-btn",style:e.normalizeStyle({left:s.btnLeft+"px"})},null,4)],512))}}),Z=e.defineComponent({name:"ClColorpickerItemblock",__name:"ItemBlock",props:{className:String,color:String},emits:["onClick"],setup(r,{emit:t}){const l=r,a=t,p=e.computed(()=>{let u="colorPicker-itemBlock ";const{className:o}=l;return o&&!y.CommonBase.isEmpty(o)&&(u+=o),u}),s=()=>{a("onClick",l.color||"")};return(u,o)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(p.value),onClick:s},[o[0]||(o[0]=e.createElementVNode("div",{class:"colorPicker-bgAlpha"},null,-1)),e.createElementVNode("div",{style:e.normalizeStyle({background:r.color})},null,4)],2))}}),ie={class:"colorPicker-preset"},ue=e.defineComponent({name:"ClColorpickerPreset",__name:"Preset",emits:["onClick"],setup(r,{emit:t}){const l=t,a=e.reactive({keyIndex:`ColorpickerPreset-${y.CommonBase.getRandom(8)}`}),p=e.ref([]),s=()=>{const o=["#000000","#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)","rgba(0, 0, 0, 0)"];p.value=o};e.onMounted(()=>{s()});const u=o=>{l("onClick",o)};return(o,i)=>(e.openBlock(),e.createElementBlock("div",ie,[e.createElementVNode("ul",null,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(p.value,(c,d)=>(e.openBlock(),e.createElementBlock("li",{key:`${a.keyIndex}-${d}`},[e.createVNode(Z,{color:c,onOnClick:u},null,8,["color"])]))),128))])]))}}),pe={class:"colorPicker-value"},de={key:0,class:"colorPicker-hex"},me={key:1,class:"colorPicker-rgb"},he={key:2,class:"colorPicker-hsl"},fe={key:3,class:"colorPicker-hsv"},ge=e.defineComponent({name:"ClColorpickerValue",__name:"Value",props:{color:{type:Object,required:!0}},emits:["onChangeType"],setup(r,{expose:t,emit:l}){const a=r,p=l,s=e.reactive({type:"hex",hex:"",rgb:"",hsl:"",hsv:""}),u=e.ref(""),o=e.reactive({r:"",g:"",b:"",a:""}),i=e.reactive({h:"",s:"",l:"",a:""}),c=e.reactive({h:"",s:"",v:"",a:""}),d={typeList:["hex","rgb","hsl","hsv"]},v=e.computed(()=>a.color.value),g=f=>{const m=f.substring(f.indexOf("(")+1,f.indexOf(")")).split(",").map(E=>y.CommonBase.trim(E));return m.length===3&&m.push("1"),m},h=(f,n)=>{const m=f||v.value,{color:E}=a,H=n==="hex"?m:E.getValueFormat(m,"hex"),L=E.getValueFormat(m,"rgb"),U=E.getValueFormat(m,"hsl"),q=E.getValueFormat(m,"hsv");s.hex=H,s.rgb=L,s.hsl=U,s.hsv=q,e.nextTick(()=>{u.value=H;const F=g(L);o.r=F[0],o.g=F[1],o.b=F[2],o.a=F[3];const T=g(U);i.h=T[0],i.s=T[1],i.l=T[2],i.a=T[3];const O=g(q);c.h=O[0],c.s=O[1],c.v=O[2],c.a=O[3]})},C=f=>{let n=d.typeList.indexOf(s.type);n+=f;const m=d.typeList.length;n<0?n=m-1:n>=m&&(n=0);const E=d.typeList[n];s.type=E,p("onChangeType",E)},V=f=>{let n="";switch(f){case"hex":{u.value.length>0&&(n=u.value);break}case"rgb":{o.r.length>0&&o.g.length>0&&o.b.length>0&&o.a.length>0&&(n=`rgba(${o.r}, ${o.g}, ${o.b},${o.a})`);break}case"hsl":{i.h.length>0&&i.s.length>0&&i.l.length>0&&i.a.length>0&&(n=`hsla(${i.h}, ${i.s}, ${i.l},${i.a})`);break}case"hsv":{c.h.length>0&&c.s.length>0&&c.v.length>0&&c.a.length>0&&(n=`hsva(${c.h}, ${c.s}, ${c.v},${c.a})`);break}}if(n.length>0&&a.color.checkValue(n)){const m=a.color.getValueFormat(n,f);n!==m&&(h(n,f),e.nextTick(()=>{a.color.fromString(n)}),p("onChangeType",f))}},b=()=>{h()};e.onMounted(()=>{e.nextTick(()=>{b()})}),e.watch(()=>v.value,f=>{const n=a.color.getValueFormat(f,"rgb");s.rgb!==n&&h()});const _=()=>{V("hex")},B=()=>{V("rgb")},w=()=>{V("hsl")},$=()=>{V("hsv")},M=()=>{C(-1)},D=()=>{C(1)};return t({setType:f=>{s.type=f}}),(f,n)=>(e.openBlock(),e.createElementBlock("div",pe,[e.createElementVNode("div",null,[s.type==="hex"?(e.openBlock(),e.createElementBlock("div",de,[e.createElementVNode("div",null,[e.createVNode(N._sfc_main,{value:u.value,"onUpdate:value":n[0]||(n[0]=m=>u.value=m),isClean:!1,onOnChange:_},null,8,["value"]),n[13]||(n[13]=e.createElementVNode("div",{class:"colorPicker-value-lable"},"十六进制",-1))])])):s.type==="rgb"?(e.openBlock(),e.createElementBlock("div",me,[e.createElementVNode("div",null,[e.createVNode(N._sfc_main,{value:o.r,"onUpdate:value":n[1]||(n[1]=m=>o.r=m),isClean:!1,onOnChange:B},null,8,["value"]),n[14]||(n[14]=e.createElementVNode("div",{class:"colorPicker-value-lable"},"R",-1))]),e.createElementVNode("div",null,[e.createVNode(N._sfc_main,{value:o.g,"onUpdate:value":n[2]||(n[2]=m=>o.g=m),isClean:!1,onOnChange:B},null,8,["value"]),n[15]||(n[15]=e.createElementVNode("div",{class:"colorPicker-value-lable"},"G",-1))]),e.createElementVNode("div",null,[e.createVNode(N._sfc_main,{value:o.b,"onUpdate:value":n[3]||(n[3]=m=>o.b=m),isClean:!1,onOnChange:B},null,8,["value"]),n[16]||(n[16]=e.createElementVNode("div",{class:"colorPicker-value-lable"},"B",-1))]),e.createElementVNode("div",null,[e.createVNode(N._sfc_main,{value:o.a,"onUpdate:value":n[4]||(n[4]=m=>o.a=m),isClean:!1,onOnChange:B},null,8,["value"]),n[17]||(n[17]=e.createElementVNode("div",{class:"colorPicker-value-lable"},"A",-1))])])):s.type==="hsl"?(e.openBlock(),e.createElementBlock("div",he,[e.createElementVNode("div",null,[e.createVNode(N._sfc_main,{value:i.h,"onUpdate:value":n[5]||(n[5]=m=>i.h=m),isClean:!1,onOnChange:w},null,8,["value"]),n[18]||(n[18]=e.createElementVNode("div",{class:"colorPicker-value-lable"},"H",-1))]),e.createElementVNode("div",null,[e.createVNode(N._sfc_main,{value:i.s,"onUpdate:value":n[6]||(n[6]=m=>i.s=m),isClean:!1,onOnChange:w},null,8,["value"]),n[19]||(n[19]=e.createElementVNode("div",{class:"colorPicker-value-lable"},"S",-1))]),e.createElementVNode("div",null,[e.createVNode(N._sfc_main,{value:i.l,"onUpdate:value":n[7]||(n[7]=m=>i.l=m),isClean:!1,onOnChange:w},null,8,["value"]),n[20]||(n[20]=e.createElementVNode("div",{class:"colorPicker-value-lable"},"L",-1))]),e.createElementVNode("div",null,[e.createVNode(N._sfc_main,{value:i.a,"onUpdate:value":n[8]||(n[8]=m=>i.a=m),isClean:!1,onOnChange:w},null,8,["value"]),n[21]||(n[21]=e.createElementVNode("div",{class:"colorPicker-value-lable"},"A",-1))])])):s.type==="hsv"?(e.openBlock(),e.createElementBlock("div",fe,[e.createElementVNode("div",null,[e.createVNode(N._sfc_main,{value:c.h,"onUpdate:value":n[9]||(n[9]=m=>c.h=m),isClean:!1,onOnChange:$},null,8,["value"]),n[22]||(n[22]=e.createElementVNode("div",{class:"colorPicker-value-lable"},"H",-1))]),e.createElementVNode("div",null,[e.createVNode(N._sfc_main,{value:c.s,"onUpdate:value":n[10]||(n[10]=m=>c.s=m),isClean:!1,onOnChange:$},null,8,["value"]),n[23]||(n[23]=e.createElementVNode("div",{class:"colorPicker-value-lable"},"S",-1))]),e.createElementVNode("div",null,[e.createVNode(N._sfc_main,{value:c.v,"onUpdate:value":n[11]||(n[11]=m=>c.v=m),isClean:!1,onOnChange:$},null,8,["value"]),n[24]||(n[24]=e.createElementVNode("div",{class:"colorPicker-value-lable"},"V",-1))]),e.createElementVNode("div",null,[e.createVNode(N._sfc_main,{value:c.a,"onUpdate:value":n[12]||(n[12]=m=>c.a=m),isClean:!1,onOnChange:$},null,8,["value"]),n[25]||(n[25]=e.createElementVNode("div",{class:"colorPicker-value-lable"},"A",-1))])])):(e.openBlock(),e.createElementBlock(e.Fragment,{key:4},[],64))]),e.createElementVNode("div",null,[e.createElementVNode("i",{class:"clIconFont clIcon-caret-up",onClick:M}),e.createElementVNode("i",{class:"clIconFont clIcon-caret-down",onClick:D})])]))}}),ve={key:0,class:"colorPicker-copy-icon"},Y=e.defineComponent({name:"ClColorpickerCopy",__name:"Copy",props:{className:String,color:String,getTxtCallback:Function},setup(r){const t=r,l=e.useSlots(),a=e.reactive({isHover:!1}),p=e.computed(()=>!y.CommonBase.isUndefined(l.default)),s=e.computed(()=>{let c=!1;return p.value?c=a.isHover:c=!0,c}),u=e.computed(()=>{const c={"colorPicker-copy":!0,"colorPicker-copy-hover":a.isHover},{className:d}=t;return d&&!y.CommonBase.isEmpty(d)&&d.split(" ").forEach(v=>{y.CommonBase.isEmpty(v)||(c[v]=!0)}),c}),o=()=>{p.value&&(a.isHover=!0)},i=()=>{p.value&&(a.isHover=!1)};return(c,d)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(u.value),onMouseenter:o,onMouseleave:i},[e.renderSlot(c.$slots,"default"),s.value?(e.openBlock(),e.createElementBlock("div",ve,[e.createVNode(K._sfc_main,{textLabel:r.getTxtCallback?r.getTxtCallback():r.color||""},null,8,["textLabel"])])):e.createCommentVNode("",!0)],34))}}),Ce={class:"colorPicker-wrapper"},ke={class:"colorPicker-container"},Ve={key:0},be={key:0,class:"colorPicker-format"},_e={class:"colorPicker-format-show"},Ee={key:1,class:"colorPicker-operate"},Ne=["title"],ye=["title"],Be=["title"],Q=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","onSubmit","onInit"],setup(r,{expose:t,emit:l}){const a=r,p=l,{optPageLanguage:s,getPageLanguage:u}=ee.useLanguage();u("common");const o=e.ref(null),i=e.ref(null),c=e.reactive({isShowColorResult:!1,colorResult:"",formatShow:"hex"}),d=e.reactive(new ae({value:a.value,format:"",enableAlpha:!0})),v={isColorChangeResult:!0},g=()=>d.get("alpha").toString()==="100"?"hex":"rgb",h=(n,m=!0)=>{let E="";n&&!y.CommonBase.isEmpty(n)&&c.isShowColorResult&&(E=d.getValueFormat(n,c.formatShow)),c.colorResult=E,m&&p("onChange",E)},C=n=>{n&&!y.CommonBase.isEmpty(n)?(c.isShowColorResult=!0,d.fromString(n)):(c.isShowColorResult=!1,v.isColorChangeResult=!1,h("",!1),d.fromString(""),e.nextTick(()=>{v.isColorChangeResult=!0}))},V=()=>{const{value:n}=a;C(n),p("onInit")};e.onMounted(()=>{e.nextTick(()=>{V()})}),e.watch(()=>a.value,n=>{C(n)}),e.watch(()=>d.value,n=>{y.CommonBase.isEmpty(a.value)&&(c.isShowColorResult=!0),v.isColorChangeResult&&h(n),v.isColorChangeResult=!0});const b=()=>d.getValueFormat(d.value,c.formatShow),_=n=>{d.fromString(n)},B=n=>{c.formatShow=n,h(d.value,!1)},w=()=>{const n=a.value||"";c.isShowColorResult=!y.CommonBase.isEmpty(n),h(n),v.isColorChangeResult=!1,d.fromString(n)},$=()=>{v.isColorChangeResult=!1,h(""),d.fromString("")},M=()=>{p("onSubmit")};return t({getValue:()=>{let n=c.colorResult;if(n.length>0){const m=g();n=d.getValueFormat(n,m)}return n},setValue:n=>{C(n)},initValueType:()=>{const n=g();c.formatShow=n,i.value&&i.value.setType(n)}}),(n,m)=>(e.openBlock(),e.createElementBlock("div",Ce,[e.createElementVNode("div",ke,[e.createElementVNode("div",null,[e.createVNode(re,{color:d},null,8,["color"]),e.createVNode(se,{color:d},null,8,["color"])]),r.isAlpha?(e.openBlock(),e.createElementBlock("div",Ve,[e.createVNode(ce,{color:d},null,8,["color"]),m[0]||(m[0]=e.createElementVNode("div",null,null,-1))])):e.createCommentVNode("",!0)]),r.isFormat?(e.openBlock(),e.createElementBlock("div",be,[e.createElementVNode("div",_e,[e.createVNode(Y,{className:"colorPicker-tipCurrent",getTxtCallback:b},{default:e.withCtx(()=>[e.createVNode(Z,{color:d.value},null,8,["color"])]),_:1})]),e.createVNode(ge,{ref_key:"refElColorValue",ref:i,color:d,onOnChangeType:B},null,8,["color"])])):e.createCommentVNode("",!0),r.isOperate?(e.openBlock(),e.createElementBlock("div",Ee,[e.createElementVNode("div",{ref_key:"refElColorResult",ref:o},e.toDisplayString(c.colorResult),513),e.createElementVNode("div",null,[e.createElementVNode("div",{onClick:w},[e.createElementVNode("i",{class:"clIconFont clIcon-restore",title:e.unref(s).restore},null,8,Ne)]),e.createElementVNode("div",{onClick:$},[e.createElementVNode("i",{class:"clIconFont clIcon-clear",title:e.unref(s).clearEmpty},null,8,ye)]),e.createVNode(Y,{color:c.colorResult},null,8,["color"]),r.isDropdown?(e.openBlock(),e.createElementBlock("div",{key:0,onClick:M},[e.createElementVNode("i",{class:"clIconFont clIcon-check",title:e.unref(s).submit},null,8,Be)])):e.createCommentVNode("",!0)])])):e.createCommentVNode("",!0),r.isPreset?(e.openBlock(),e.createBlock(ue,{key:2,onOnClick:_})):e.createCommentVNode("",!0)]))}}),we={class:"colorpicker-dropdown-text"},$e=e.defineComponent({name:"ClColorpicker",__name:"Index",props:{value:String,className: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:["update:value","onChange","onInit"],setup(r,{expose:t,emit:l}){const a=r,p=l,s=e.ref(null),u=e.ref(null),o=e.reactive({isInitShow:!a.isDropdown,dropdownTextValue:"",currentValue:""}),i={lastValue:""},c=e.computed(()=>{let k="panel-colorPicker ";const{className:f}=a;return f&&!y.CommonBase.isEmpty(f)&&(k+=f),k}),d=()=>{const k=o.currentValue;let f=!1;a.isDropdown?f=k!==i.lastValue:f=!0,f&&(i.lastValue=k,p("update:value",k),p("onChange",k))},v=k=>{let f="transparent";k&&!y.CommonBase.isEmpty(k)&&(f=k),o.dropdownTextValue=f},g=k=>{const f=k||"";i.lastValue=f,a.isDropdown||(o.currentValue=f),v(f)},h=()=>{const k=u.value.getValue();o.dropdownTextValue=k,o.currentValue=k,d()},C=()=>{g(a.value)};e.watch(()=>a.value,k=>{g(k)}),e.onMounted(()=>{e.nextTick(()=>{C()})});const V=()=>{},b=k=>{a.disabled||(k?u.value&&u.value.initValueType():a.isOperate?o.currentValue!==u.value.getValue()&&o.currentValue===i.lastValue&&u.value.setValue(i.lastValue):h())},_=()=>{o.isInitShow=!0,o.currentValue=i.lastValue},B=()=>{a.isDropdown||h()},w=()=>{h(),a.isDropdown&&s.value&&s.value.setOpen(!1)};return t({getValue:()=>o.currentValue,getValueData:()=>({value:o.currentValue}),setValue:k=>{g(k)}}),(k,f)=>r.isDropdown?(e.openBlock(),e.createBlock(J._sfc_main,{key:0,ref_key:"refElDropdownLayer",ref:s,classParent:c.value,classDropDown:"colorPicker-dropdown",isUseDropdownArrow:!0,onOnChangeOpen:b,onOnOpenComplete:_},{label:e.withCtx(()=>[e.createElementVNode("div",we,[f[0]||(f[0]=e.createElementVNode("div",{class:"colorPicker-bgAlpha"},null,-1)),e.createElementVNode("div",{style:e.normalizeStyle({"background-color":o.dropdownTextValue})},null,4),f[1]||(f[1]=e.createElementVNode("div",{class:"colorpicker-dropdown-arrow"},[e.createElementVNode("i",{class:"clIconFont clIcon-angle-down"})],-1))])]),dropdown:e.withCtx(()=>[o.isInitShow?(e.openBlock(),e.createBlock(Q,{key:0,ref_key:"refElColorpicker",ref:u,value:o.currentValue,isAlpha:r.isAlpha,isFormat:r.isFormat,isOperate:r.isOperate,isPreset:r.isPreset,isDropdown:r.isDropdown,onOnChange:B,onOnSubmit:w,onOnInit:V},null,8,["value","isAlpha","isFormat","isOperate","isPreset","isDropdown"])):e.createCommentVNode("",!0)]),_:1},8,["classParent"])):(e.openBlock(),e.createElementBlock("div",{key:1,class:e.normalizeClass(c.value)},[o.isInitShow?(e.openBlock(),e.createBlock(Q,{key:0,ref_key:"refElColorpicker",ref:u,value:o.currentValue,disabled:r.disabled,isAlpha:r.isAlpha,isFormat:r.isFormat,isOperate:r.isOperate,isPreset:r.isPreset,isDropdown:r.isDropdown,onOnChange:B,onOnSubmit:w,onOnInit:V},null,8,["value","disabled","isAlpha","isFormat","isOperate","isPreset","isDropdown"])):e.createCommentVNode("",!0)],2))}});module.exports=$e;
-//# sourceMappingURL=ClColorpicker.cjs.map