@cldemo/ui-kit 1.0.0

package/buildLibs/utils/Element/ClEllipsis.js

@@ -0,0 +1,99 @@
+import { defineComponent as g, ref as p, reactive as S, computed as m, watch as y, nextTick as f, onMounted as E, resolveDirective as U, withDirectives as T, openBlock as u, createElementBlock as h, normalizeClass as B, createTextVNode as H, toDisplayString as w } from "vue";
+import { C as P } from "../Shared/base-PQGakkrl.js";
+import { tooltipDirectives as k } from "../Web/__directive__/Tooltip.js";
+const C = ["title"], W = /* @__PURE__ */ g({
+  name: "ClEllipsis",
+  directives: {
+    cltooltip: k
+  },
+  __name: "Index",
+  props: {
+    className: {},
+    text: {},
+    isUseTooltip: { type: Boolean },
+    tooltipTheme: {},
+    tooltipPosition: {},
+    tooltipTrigger: {},
+    tooltipIsHtml: { type: Boolean },
+    tooltipHtml: {},
+    isAutoTooltip: { type: Boolean },
+    isShowTitle: { type: Boolean }
+  },
+  setup(t) {
+    const e = t, n = p(null), a = p(null), o = S({
+      isPosParent: !1,
+      isPosSpan: !1,
+      isUseTooltip: !1
+    }), v = m(() => {
+      let i = "";
+      return e.isUseTooltip || o.isUseTooltip ? i = "" : i = e.isShowTitle && e.text || "", i;
+    }), x = m(() => {
+      const i = {
+        "panel-ellipsis": !0,
+        "ellipsis-txt-title": !0
+      };
+      return e.className && !P.isEmpty(e.className) && e.className.split(" ").forEach((l) => {
+        P.isEmpty(l) || (i[l] = !0);
+      }), i;
+    }), c = () => {
+      if (e.isUseTooltip && e.text && e.text.length > 0 && n.value && a.value) {
+        const i = n.value.clientWidth, l = a.value.offsetWidth;
+        if (i > 0 && l > 0) {
+          const s = i >= l, r = i < l;
+          e.isAutoTooltip ? o.isUseTooltip = r : o.isUseTooltip = !0, o.isPosSpan = s, o.isPosParent = r;
+        }
+      }
+    }, d = () => {
+      c();
+    };
+    return y(
+      () => e.text,
+      () => {
+        f(() => {
+          c();
+        });
+      }
+    ), E(() => {
+      f(() => {
+        d();
+      });
+    }), (i, l) => {
+      const s = U("cltooltip");
+      return T((u(), h("div", {
+        ref_key: "refElParent",
+        ref: n,
+        class: B(x.value)
+      }, [
+        T((u(), h("span", {
+          ref_key: "refElSpan",
+          ref: a,
+          title: v.value
+        }, [
+          H(w(t.text), 1)
+        ], 8, C)), [
+          [s, {
+            init: t.isShowTitle && o.isUseTooltip && o.isPosSpan,
+            html: t.tooltipHtml || t.text,
+            theme: t.tooltipTheme,
+            position: t.tooltipPosition,
+            trigger: t.tooltipTrigger,
+            isHtml: t.tooltipIsHtml
+          }]
+        ])
+      ], 2)), [
+        [s, {
+          init: t.isShowTitle && o.isUseTooltip && o.isPosParent,
+          html: t.tooltipHtml || t.text,
+          theme: t.tooltipTheme,
+          position: t.tooltipPosition,
+          trigger: t.tooltipTrigger,
+          isHtml: t.tooltipIsHtml
+        }]
+      ]);
+    };
+  }
+});
+export {
+  W as default
+};
+//# sourceMappingURL=ClEllipsis.js.map

package/buildLibs/utils/Element/ClEllipsis.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ClEllipsis.js","sources":["../../../src/libs/Element/Ellipsis/Index.vue"],"sourcesContent":["<template>\n    <div\n        ref=\"refElParent\"\n        :class=\"clsParent\"\n        v-cltooltip=\"{\n            init:isShowTitle&&optBase.isUseTooltip&&optBase.isPosParent,\n            html:tooltipHtml||text,\n            theme:tooltipTheme,\n            position:tooltipPosition,\n            trigger:tooltipTrigger,\n            isHtml:tooltipIsHtml\n            }\"\n    ><span\n            ref=\"refElSpan\"\n            :title=\"optTitle\"\n            v-cltooltip=\"{\n                init:isShowTitle&&optBase.isUseTooltip&&optBase.isPosSpan,\n                html:tooltipHtml||text,\n                theme:tooltipTheme,\n                position:tooltipPosition,\n                trigger:tooltipTrigger,\n                isHtml:tooltipIsHtml\n                }\"\n        >{{text}}</span></div>\n</template>\n\n<script setup lang=\"ts\">\nimport './Index.css'\nimport { ref, reactive, computed, watch, onMounted, nextTick } from 'vue'\nimport CommonBase from '../../Common/base'\nimport { tooltipDirectives } from '../../Web/Tooltip'\n\n// defineOptions\ndefineOptions({\n  name: 'ClEllipsis',\n  directives: {\n    cltooltip: tooltipDirectives\n  }\n})\n\n// props\nconst props = defineProps<{\n  className?: string\n  text?: string\n  isUseTooltip?: boolean\n  tooltipTheme?: string\n  tooltipPosition?: string\n  tooltipTrigger?: string\n  tooltipIsHtml?: boolean\n  tooltipHtml?: string\n  isAutoTooltip?: boolean\n  isShowTitle?: boolean\n}>()\n\n// 常量 / 变量定义\nconst refElParent = ref<HTMLElement | null>(null)\nconst refElSpan = ref<HTMLElement | null>(null)\n\nconst optBase = reactive({\n  isPosParent: false,\n  isPosSpan: false,\n  isUseTooltip: false,\n})\n\n// computed\nconst optTitle = computed(() => {\n  let title = ''\n  if (props.isUseTooltip || optBase.isUseTooltip) {\n    title = ''\n  } else {\n    title = props.isShowTitle ? props.text || '' : ''\n  }\n  return title\n})\n\nconst clsParent = computed(() => {\n  const cls: any = {\n    'panel-ellipsis': true,\n    'ellipsis-txt-title': true,\n  }\n  if (props.className && !CommonBase.isEmpty(props.className)) {\n    props.className.split(' ').forEach((c) => {\n      if (!CommonBase.isEmpty(c)) {\n        cls[c] = true\n      }\n    })\n  }\n  return cls\n})\n\n// 内部调用方法\nconst _initTipPos = () => {\n  if (props.isUseTooltip && props.text && props.text.length > 0) {\n    if (refElParent.value && refElSpan.value) {\n      const pW = refElParent.value.clientWidth\n      const cW = refElSpan.value.offsetWidth\n      if (pW > 0 && cW > 0) {\n        const isPosSpan = pW >= cW\n        const isPosParent = pW < cW\n\n        if (props.isAutoTooltip) {\n          optBase.isUseTooltip = isPosParent\n        } else {\n          optBase.isUseTooltip = true\n        }\n        optBase.isPosSpan = isPosSpan\n        optBase.isPosParent = isPosParent\n      }\n    }\n  }\n}\n\nconst _initMain = () => {\n  _initTipPos()\n}\n\n// watch\nwatch(\n  () => props.text,\n  () => {\n    nextTick(() => {\n      _initTipPos()\n    })\n  },\n)\n\n// 生命周期\nonMounted(() => {\n  nextTick(() => {\n    _initMain()\n  })\n})\n</script>"],"names":["props","__props","refElParent","ref","refElSpan","optBase","reactive","optTitle","computed","title","clsParent","cls","CommonBase","c","_initTipPos","pW","cW","isPosSpan","isPosParent","_initMain","watch","nextTick","onMounted","_createElementBlock"],"mappings":";;;;;;;;;;;;;;;;;;;;;;AAyCA,UAAMA,IAAQC,GAcRC,IAAcC,EAAwB,IAAI,GAC1CC,IAAYD,EAAwB,IAAI,GAExCE,IAAUC,EAAS;AAAA,MACvB,aAAa;AAAA,MACb,WAAW;AAAA,MACX,cAAc;AAAA,IAAA,CACf,GAGKC,IAAWC,EAAS,MAAM;AAC9B,UAAIC,IAAQ;AACZ,aAAIT,EAAM,gBAAgBK,EAAQ,eAChCI,IAAQ,KAERA,IAAQT,EAAM,eAAcA,EAAM,QAAQ,IAErCS;AAAA,IACT,CAAC,GAEKC,IAAYF,EAAS,MAAM;AAC/B,YAAMG,IAAW;AAAA,QACf,kBAAkB;AAAA,QAClB,sBAAsB;AAAA,MAAA;AAExB,aAAIX,EAAM,aAAa,CAACY,EAAW,QAAQZ,EAAM,SAAS,KACxDA,EAAM,UAAU,MAAM,GAAG,EAAE,QAAQ,CAACa,MAAM;AACxC,QAAKD,EAAW,QAAQC,CAAC,MACvBF,EAAIE,CAAC,IAAI;AAAA,MAEb,CAAC,GAEIF;AAAA,IACT,CAAC,GAGKG,IAAc,MAAM;AACxB,UAAId,EAAM,gBAAgBA,EAAM,QAAQA,EAAM,KAAK,SAAS,KACtDE,EAAY,SAASE,EAAU,OAAO;AACxC,cAAMW,IAAKb,EAAY,MAAM,aACvBc,IAAKZ,EAAU,MAAM;AAC3B,YAAIW,IAAK,KAAKC,IAAK,GAAG;AACpB,gBAAMC,IAAYF,KAAMC,GAClBE,IAAcH,IAAKC;AAEzB,UAAIhB,EAAM,gBACRK,EAAQ,eAAea,IAEvBb,EAAQ,eAAe,IAEzBA,EAAQ,YAAYY,GACpBZ,EAAQ,cAAca;AAAA,QACxB;AAAA,MACF;AAAA,IAEJ,GAEMC,IAAY,MAAM;AACtB,MAAAL,EAAA;AAAA,IACF;AAGA,WAAAM;AAAA,MACE,MAAMpB,EAAM;AAAA,MACZ,MAAM;AACJ,QAAAqB,EAAS,MAAM;AACb,UAAAP,EAAA;AAAA,QACF,CAAC;AAAA,MACH;AAAA,IAAA,GAIFQ,EAAU,MAAM;AACd,MAAAD,EAAS,MAAM;AACb,QAAAF,EAAA;AAAA,MACF,CAAC;AAAA,IACH,CAAC;;qBAlIGI,EAsB0B,OAAA;AAAA,iBArBlB;AAAA,QAAJ,KAAIrB;AAAA,QACH,SAAOQ,EAAA,KAAS;AAAA,MAAA;gBASpBa,EAWmB,QAAA;AAAA,mBAVR;AAAA,UAAJ,KAAInB;AAAA,UACH,OAAOG,EAAA;AAAA,QAAA;cASTN,EAAA,IAAI,GAAA,CAAA;AAAA,QAAA;;YARiC,MAAAA,EAAA,eAAaI,EAAQ,gBAAcA,EAAQ;AAAA,YAAgC,MAAAJ,EAAA,eAAaA,EAAA;AAAA,mBAA4BA,EAAA;AAAA,sBAAuCA,EAAA;AAAA,qBAAyCA,EAAA;AAAA,oBAAuCA,EAAA;AAAA,UAAA;;;;UAXnP,MAAAA,EAAA,eAAaI,EAAQ,gBAAcA,EAAQ;AAAA,UAA8B,MAAAJ,EAAA,eAAaA,EAAA;AAAA,iBAAwBA,EAAA;AAAA,oBAAmCA,EAAA;AAAA,mBAAqCA,EAAA;AAAA,kBAAmCA,EAAA;AAAA,QAAA;;;;;"}

package/buildLibs/utils/Element/ClForm.cjs

@@ -0,0 +1,2 @@
+"use strict";const i=require("vue"),a=require("../Shared/base-iCmnU-fv.js"),d=require("../Shared/index-Ul6uY51t.js");require("js-cookie");require("decimal.js");class S{startTime;startPos;endPos;duration;runEasing;runIngFun;lastPos;lastInterval;timeAnimate;constructor(s){this.startTime=0,this.startPos=0,this.endPos=0,this.duration=0,this.runEasing=null,this.runIngFun=s.runIngCallback,this.lastPos=0,this.lastInterval=0}_easing={linear:(s,t,r,l)=>r*s/l+t,easeInCubic:(s,t,r,l)=>r*(s/=l)*s*s+t,easeOutCubic:(s,t,r,l)=>r*((s=s/l-1)*s*s+1)+t};start(s,t,r,l="linear"){const o=this;return new Promise(f=>{this.startTime=+new Date,this.startPos=s,this.endPos=t,this.duration=r,this.runEasing=o._easing[l],o.timeAnimate=a.CommonBase.requestAnimationFrame(function p(){o.step()===!1?(o.stop(),f(o.lastInterval)):o.timeAnimate=a.CommonBase.requestAnimationFrame(p)})})}step(){const s=+new Date;if(s>=this.startTime+this.duration)return this.runIngFun(this.endPos),!1;const t=this.runEasing(s-this.startTime,this.startPos,this.endPos-this.startPos,this.duration);return this.lastInterval=Math.abs(t-this.lastPos),this.lastPos=t,this.runIngFun(t),!0}stop(){this.timeAnimate&&a.CommonBase.cancelAnimationFrame(this.timeAnimate)}}const A=i.defineComponent({name:"ClForm",__name:"Index",props:{theme:{},className:{},isAwaitRun:{type:Boolean},preScroll:{},pElError:{},isScrollToErr:{type:Boolean}},setup(E,{expose:s}){const t=E,r=i.ref(null),l=i.reactive({isRun:!t.isAwaitRun}),o={_scrollUpAnimate:null,parentScroll:null,isScrollWindow:!0},f=i.computed(()=>{const e={"data-cl-validate":""};return l.isRun&&(e["data-run"]=""),a.CommonBase.isEmpty(t.theme)||(e["data-theme"]=t.theme),e}),p=i.computed(()=>{const e={"panel-form":!0,"form-validate":!0};return t.className&&!a.CommonBase.isEmpty(t.className)&&t.className.split(" ").forEach(n=>{a.CommonBase.isEmpty(n)||(e[n]=!0)}),e}),h=e=>{let n=!0;return l.isRun&&!a.CommonBase.isUndefined(e)&&r.value?.contains(e)&&e.runValidate&&(n=e.runValidate()),n},P=()=>{const e=r.value?.querySelectorAll("[data-validate-error]");if(!a.CommonBase.isUndefined(e)&&e.length&&e.length>0){let n=e[0];const{preScroll:m,pElError:c}=t,u=!a.CommonBase.isEmpty(n.pElError),C=!a.CommonBase.isEmpty(c);if(u||C){const v=d.CommonElement.getParent(n,u?n.pElError:c,r.value);a.CommonBase.isUndefined(v)||(n=v)}let g=d.CommonElement.getOffset(n,o.isScrollWindow?null:o.parentScroll).top-10;m&&!a.CommonBase.isUndefined(m)&&(g-=m),o._scrollUpAnimate.start(o.parentScroll.scrollTop,g,200)}},B=()=>{const e=d.CommonElement.getParentScrollList(r.value,null,!1);o.isScrollWindow=e.length===0,o.parentScroll=o.isScrollWindow?document.documentElement:e[0].children[0],o._scrollUpAnimate=new S({runIngCallback:n=>{o.parentScroll.scrollTop=n}})};return i.onMounted(()=>{i.nextTick(()=>{B()})}),s({validate:e=>d.CommonPromise.promiseFun(n=>{let m=!0;a.CommonBase.isUndefined(e)?(l.isRun=!0,i.nextTick(()=>{const c=r.value?.querySelectorAll("[data-validate-el]");!a.CommonBase.isUndefined(c)&&c.length&&c.length>0&&c.forEach(u=>{h(u)||(m=!1)}),m||t.isScrollToErr&&i.nextTick(()=>{P()}),n(m)})):(m=h(e),n(m))}),reset:()=>{l.isRun=!1,r.value?.removeAttribute("data-run");const e=r.value?.querySelectorAll("[data-validate-el]");!a.CommonBase.isUndefined(e)&&e.length&&e.length>0&&e.forEach(n=>{n.runReset&&n.runReset()})}}),(e,n)=>(i.openBlock(),i.createElementBlock("form",i.mergeProps({ref_key:"refElTop",ref:r,autocomplete:"off",class:p.value},f.value),[i.renderSlot(e.$slots,"default")],16))}});module.exports=A;
+//# sourceMappingURL=ClForm.cjs.map

package/buildLibs/utils/Element/ClForm.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"ClForm.cjs","sources":["../../../src/libs/Common/Tools/animateEasing.ts","../../../src/libs/Element/Form/Index.vue"],"sourcesContent":["import CommonBase from \"../base\";\nclass AnimateEasing {\n    startTime: number;\n    startPos: number;\n    endPos: number;\n    duration: number;\n    runEasing: any;\n\n    runIngFun: any;\n\n    lastPos: number;\n    lastInterval: number;\n\n    timeAnimate: any;\n    constructor(option: any) {\n        this.startTime = 0;\n        this.startPos = 0;\n        this.endPos = 0;\n        this.duration = 0;\n        this.runEasing = null;\n\n        this.runIngFun = option.runIngCallback;\n\n        this.lastPos = 0;\n        this.lastInterval = 0;\n    }\n\n    _easing = {\n        /**\n         * t:动画已经消耗的时间\n         * b:初始位置\n         * c:目标位置\n         * d:动画持续的总时间\n        */\n        linear: (t: number, b: number, c: number, d: number) => c * t / d + b,\n        easeInCubic: (t: number, b: number, c: number, d: number) => c * (t /= d) * t * t + b, // eslint-disable-line\n        easeOutCubic: (t: number, b: number, c: number, d: number) => c * ((t = t / d - 1) * t * t + 1) + b,// eslint-disable-line\n    };\n\n    start(startPos: number, endPos: number, duration: number, easing = \"linear\") {\n        const self: any = this;\n        return new Promise((resolve) => {\n            this.startTime = +new Date();\n            this.startPos = startPos;\n            this.endPos = endPos;\n            this.duration = duration;\n            this.runEasing = self._easing[easing];\n            self.timeAnimate = CommonBase.requestAnimationFrame(function fnCb() {\n                const stepResult = self.step();\n                if (stepResult === false) {\n                    self.stop();\n                    resolve(self.lastInterval);\n                } else {\n                    self.timeAnimate = CommonBase.requestAnimationFrame(fnCb);\n                }\n            });\n        });\n    }\n\n    step() {\n        const t = +new Date();\n        if (t >= this.startTime + this.duration) {\n            this.runIngFun(this.endPos);\n            return false;\n        }\n        const pos = this.runEasing(t - this.startTime, this.startPos, this.endPos - this.startPos, this.duration);\n        this.lastInterval = Math.abs(pos - this.lastPos);\n        this.lastPos = pos;\n        this.runIngFun(pos);\n        return true;\n    }\n\n    stop() {\n        if (this.timeAnimate) {\n            CommonBase.cancelAnimationFrame(this.timeAnimate);\n        }\n    }\n}\nexport default AnimateEasing;\n","<template>\n  <form ref=\"refElTop\" autocomplete=\"off\" :class=\"clsParent\" v-bind=\"optParent\">\n    <slot></slot>\n  </form>\n</template>\n\n<script setup lang=\"ts\">\nimport './Index.css'\nimport { ref, reactive, computed, onMounted, nextTick } from 'vue'\nimport CommonBase from '../../Common/base'\nimport CommonPromise from '../../Common/promise'\nimport CommonElement from '../../Common/Element/index'\nimport { AnimateEasing } from '../../Common/Tools/index'\n\n// defineOptions\ndefineOptions({\n  name: 'ClForm'\n})\n\n// props\nconst props = defineProps<{\n  theme?: string\n  className?: string\n  isAwaitRun?: boolean\n  preScroll?: number\n  pElError?: string\n  isScrollToErr?: boolean\n}>()\n\n// 常量 / 变量定义\nconst refElTop = ref<HTMLFormElement | null>(null)\nconst optBase = reactive({ isRun: !props.isAwaitRun })\nconst _pageData: any = {\n  _scrollUpAnimate: null,\n  parentScroll: null,\n  isScrollWindow: true,\n}\n\n// computed\nconst optParent = computed(() => {\n  const temp: any = {\n    'data-cl-validate': '',\n  }\n  if (optBase.isRun) {\n    temp['data-run'] = ''\n  }\n  if (!CommonBase.isEmpty(props.theme)) {\n    temp['data-theme'] = props.theme\n  }\n  return temp\n})\n\nconst clsParent = computed(() => {\n  const clsTemp: any = {\n    'panel-form': true,\n    'form-validate': true,\n  }\n  if (props.className && !CommonBase.isEmpty(props.className)) {\n    props.className.split(' ').forEach((cls) => {\n      if (!CommonBase.isEmpty(cls)) {\n        clsTemp[cls] = true\n      }\n    })\n  }\n  return clsTemp\n})\n\n// 内部调用方法\nconst _validateEl = (el: any) => {\n  let result = true\n  if (optBase.isRun && !CommonBase.isUndefined(el) && refElTop.value?.contains(el)) {\n    if (el.runValidate) {\n      result = el.runValidate()\n    }\n  }\n  return result\n}\n\nconst _runScrollErrorEl = () => {\n  const errEl: any = refElTop.value?.querySelectorAll('[data-validate-error]')\n  if (!CommonBase.isUndefined(errEl) && errEl.length && errEl.length > 0) {\n    let el = errEl[0]\n    const { preScroll, pElError } = props\n\n    const isErrElP = !CommonBase.isEmpty(el.pElError)\n    const isErrElF = !CommonBase.isEmpty(pElError)\n    if (isErrElP || isErrElF) {\n      const tempEL = CommonElement.getParent(el, isErrElP ? el.pElError : pElError, refElTop.value)\n      if (!CommonBase.isUndefined(tempEL)) {\n        el = tempEL\n      }\n    }\n    const elOffset = CommonElement.getOffset(el, _pageData.isScrollWindow ? null : _pageData.parentScroll)\n    let end = elOffset.top - 10\n    if (preScroll && !CommonBase.isUndefined(preScroll)) {\n      end -= preScroll\n    }\n    _pageData._scrollUpAnimate.start(_pageData.parentScroll.scrollTop, end, 200)\n  }\n}\n\nconst _initMain = () => {\n  const pScrolls = CommonElement.getParentScrollList(refElTop.value, null, false)\n  _pageData.isScrollWindow = pScrolls.length === 0\n  _pageData.parentScroll = _pageData.isScrollWindow ? document.documentElement : pScrolls[0].children[0]\n  _pageData._scrollUpAnimate = new AnimateEasing({\n    runIngCallback: (pos: any) => {\n      _pageData.parentScroll.scrollTop = pos\n    },\n  })\n}\n\n// 生命周期\nonMounted(() => {\n  nextTick(() => {\n    _initMain()\n  })\n})\n\n// 开放给外部使用的方法\nconst validate = (el?: any) => {\n  return CommonPromise.promiseFun((resolve: any) => {\n    let result = true\n    if (CommonBase.isUndefined(el)) {\n      optBase.isRun = true\n      nextTick(() => {\n        const validateEl: any = refElTop.value?.querySelectorAll('[data-validate-el]')\n        if (!CommonBase.isUndefined(validateEl) && validateEl.length && validateEl.length > 0) {\n          validateEl.forEach((e: any) => {\n            const check = _validateEl(e)\n            if (!check) {\n              result = false\n            }\n          })\n        }\n        if (!result) {\n          if (props.isScrollToErr) {\n            nextTick(() => {\n              _runScrollErrorEl()\n            })\n          }\n        }\n        resolve(result)\n      })\n    } else {\n      result = _validateEl(el)\n      resolve(result)\n    }\n  })\n}\n\nconst reset = () => {\n  optBase.isRun = false\n  refElTop.value?.removeAttribute('data-run')\n  const validateEl:any = refElTop.value?.querySelectorAll('[data-validate-el]')\n  if (!CommonBase.isUndefined(validateEl) && validateEl.length && validateEl.length > 0) {\n    validateEl.forEach((e: any) => {\n      if (e.runReset) {\n        e.runReset()\n      }\n    })\n  }\n}\n\n// 导出类型定义\nexport interface ClFormExpose {\n  validate: (el?: HTMLElement) => Promise<boolean>\n  reset: () => void\n}\n\n// defineExpose\ndefineExpose({\n  validate,\n  reset\n})\n</script>"],"names":["AnimateEasing","option","t","b","c","d","startPos","endPos","duration","easing","self","resolve","CommonBase","fnCb","pos","props","__props","refElTop","ref","optBase","reactive","_pageData","optParent","computed","temp","clsParent","clsTemp","cls","_validateEl","el","result","_runScrollErrorEl","errEl","preScroll","pElError","isErrElP","isErrElF","tempEL","CommonElement","end","_initMain","pScrolls","onMounted","nextTick","__expose","CommonPromise","validateEl","e","_openBlock","_createElementBlock","_mergeProps","_renderSlot","_ctx"],"mappings":"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"}

package/buildLibs/utils/Element/ClForm.css

@@ -0,0 +1 @@
+.panel-form{position:relative}.panel-validate-element{display:flex;flex-direction:row;align-items:center;flex-wrap:wrap}.panel-validate-errors{color:red!important;cursor:default!important}.panel-validate-errors.validate-errors-tip{margin-left:5px}.validate-errors-tip>.error-tip-el{cursor:default}.panel-validate-errors.validate-errors-text{margin-left:5px}.panel-validate-errors.validate-errors-li>.error-li-el{list-style:none;padding:5px 0 0;margin:0}.panel-validate-element.validate-msg-top>.panel-validate-errors{align-self:flex-start;margin-top:5px}.panel-validate-element[data-validate-error] .panel-input input[type=text].form-control,.panel-validate-element[data-validate-error] .panel-input .input-group-text,.panel-validate-element[data-validate-error] .panel-input input[type=password].form-control,.panel-validate-element[data-validate-error] input[type=text].form-control,.panel-validate-element[data-validate-error] .panel-textarea textarea.text-area{border-color:red!important}.panel-validate-element[data-validate-error] .panel-input.input-bottomLine>div{border-color:red!important}.panel-validate-element[data-validate-error] .panel-input-captcha{border-color:red!important}.panel-validate-element[data-validate-error] .panel-select .select-inText>.dropdownLayer-text-container,.panel-validate-element[data-validate-error] .panel-select .select-inDropdown.dropdownLayer-dropdown-open,.panel-validate-element[data-validate-error] .panel-select .select-inTag.select-inTag-open{border-color:red!important;transition:border-color .3s linear}.panel-validate-element[data-validate-error] .panel-select .dropdownLayer-text-container>.dropdownLayer-text-arrow{color:red!important}.panel-validate-element[data-validate-error] .panel-radio .radio label:before{border-color:red}.panel-validate-element[data-validate-error] .panel-checkbox .checkbox label:before{border-color:red}.panel-validate-element[data-validate-error] .panel-selectTag>.selectTag-container>.selectTag-item{border-color:red!important}.panel-validate-element[data-validate-error] .panel-fileUpload>.fileUpload-default{border-color:red!important;transition:border-color .3s linear}.panel-validate-element[data-validate-error] .panel-fileUpload>.fileUpload-button .btn-default{border-color:red!important;transition:border-color .3s linear}.panel-validate-element[data-validate-error] .panel-fileUpload .panel-btn-parent .btn{border-color:red!important}.panel-validate-element[data-validate-error] .panel-table.table-border-all .table-head-wrapper,.panel-validate-element[data-validate-error] .panel-table.table-border-all .table-body-wrapper{border-color:red!important;transition:border-color .3s linear}.panel-validate-element[data-validate-error] .panel-table.table-border-all ::-webkit-scrollbar-track{border-right-color:red!important}.panel-validate-element[data-validate-error] .panel-datetime .dropdownLayer-text>.dropdownLayer-text-container,.panel-validate-element[data-validate-error] .panel-datetime .dropdownLayer-dropdown.dropdownLayer-dropdown-open{border-color:red!important;transition:border-color .3s linear}.panel-validate-element[data-validate-error] .dropdownLayer-dropdown-arrow.dropdownLayer-dropdown-theme-list.dropdownLayer-dropdown.dropdownLayer-dropdown-down>.arrow{border-bottom-color:red!important}.panel-validate-element[data-validate-error] .panel-datetime.dropdownLayer-arrow>.dropdownLayer-dropdown:before{border-bottom-color:red!important}.panel-validate-element[data-validate-error] .panel-datetime.datetime-range .calendar-range>.calendar-text>.time-input-base>.form-control{border-color:#cfcfcf!important}.panel-validate-element[data-validate-error] .panel-selectmove>.selectmove-search .panel-input.input-icon>div{border-color:red!important;transition:border-color .3s linear}.panel-validate-element[data-validate-error] .panel-selectmove>.selectmove-body>.selectmove-tree>.selectmove-tree-item{border-color:red!important;transition:border-color .3s linear}.panel-validate-element[data-validate-error] .panel-selectmove>.selectmove-body>.selectmove-result .selectmove-result-container{border-color:red!important;transition:border-color .3s linear}.panel-validate-element[data-validate-error] .panel-colorPicker>.dropdownLayer-text,.panel-validate-element[data-validate-error] .panel-colorPicker .dropdownLayer-dropdown.dropdownLayer-dropdown-open{border-color:red!important;transition:border-color .3s linear}.panel-validate-element[data-validate-error] .panel-colorPicker>.dropdownLayer-dropdown-arrow.dropdownLayer-dropdown-theme-popup.dropdownLayer-dropdown.dropdownLayer-dropdown-down>.arrow{border-bottom-color:red}.panel-validate-element[data-validate-error] .panel-inputTag .inputTag-container.inputTag-multiple{border-color:red}.panel-validate-element[data-validate-error] .panel-selectCascade>.selectCascade-item>.panel-validate-element[data-validate-success]>.panel-select .select-inText>.dropdownLayer-text-container,.panel-validate-element[data-validate-error] .panel-selectCascade>.selectCascade-item>.panel-validate-element[data-validate-success]>.panel-select .select-inDropdown.dropdownLayer-dropdown-open,.panel-validate-element[data-validate-error] .panel-selectCascade>.selectCascade-item>.panel-validate-element[data-validate-success]>.panel-select .select-inTag.select-inTag-open{border-color:#cfcfcf!important}.panel-validate-element[data-validate-error] .panel-selectCascade>.selectCascade-item>.panel-validate-element[data-validate-success] .panel-select .dropdownLayer-text-container>.dropdownLayer-text-arrow{color:#cfcfcf!important}

package/buildLibs/utils/Element/ClForm.d.ts

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

package/buildLibs/utils/Element/ClForm.js

@@ -0,0 +1,139 @@
+import { defineComponent as T, ref as C, reactive as I, computed as S, onMounted as y, nextTick as d, openBlock as R, createElementBlock as w, mergeProps as F, renderSlot as U } from "vue";
+import { C as i } from "../Shared/base-PQGakkrl.js";
+import { C as h, a as k } from "../Shared/index-BnerInzC.js";
+import "js-cookie";
+import "decimal.js";
+class b {
+  startTime;
+  startPos;
+  endPos;
+  duration;
+  runEasing;
+  runIngFun;
+  lastPos;
+  lastInterval;
+  timeAnimate;
+  constructor(n) {
+    this.startTime = 0, this.startPos = 0, this.endPos = 0, this.duration = 0, this.runEasing = null, this.runIngFun = n.runIngCallback, this.lastPos = 0, this.lastInterval = 0;
+  }
+  _easing = {
+    /**
+     * t:动画已经消耗的时间
+     * b:初始位置
+     * c:目标位置
+     * d:动画持续的总时间
+    */
+    linear: (n, e, r, l) => r * n / l + e,
+    easeInCubic: (n, e, r, l) => r * (n /= l) * n * n + e,
+    // eslint-disable-line
+    easeOutCubic: (n, e, r, l) => r * ((n = n / l - 1) * n * n + 1) + e
+    // eslint-disable-line
+  };
+  start(n, e, r, l = "linear") {
+    const a = this;
+    return new Promise((m) => {
+      this.startTime = +/* @__PURE__ */ new Date(), this.startPos = n, this.endPos = e, this.duration = r, this.runEasing = a._easing[l], a.timeAnimate = i.requestAnimationFrame(function f() {
+        a.step() === !1 ? (a.stop(), m(a.lastInterval)) : a.timeAnimate = i.requestAnimationFrame(f);
+      });
+    });
+  }
+  step() {
+    const n = +/* @__PURE__ */ new Date();
+    if (n >= this.startTime + this.duration)
+      return this.runIngFun(this.endPos), !1;
+    const e = this.runEasing(n - this.startTime, this.startPos, this.endPos - this.startPos, this.duration);
+    return this.lastInterval = Math.abs(e - this.lastPos), this.lastPos = e, this.runIngFun(e), !0;
+  }
+  stop() {
+    this.timeAnimate && i.cancelAnimationFrame(this.timeAnimate);
+  }
+}
+const L = /* @__PURE__ */ T({
+  name: "ClForm",
+  __name: "Index",
+  props: {
+    theme: {},
+    className: {},
+    isAwaitRun: { type: Boolean },
+    preScroll: {},
+    pElError: {},
+    isScrollToErr: { type: Boolean }
+  },
+  setup(E, { expose: n }) {
+    const e = E, r = C(null), l = I({ isRun: !e.isAwaitRun }), a = {
+      _scrollUpAnimate: null,
+      parentScroll: null,
+      isScrollWindow: !0
+    }, m = S(() => {
+      const t = {
+        "data-cl-validate": ""
+      };
+      return l.isRun && (t["data-run"] = ""), i.isEmpty(e.theme) || (t["data-theme"] = e.theme), t;
+    }), f = S(() => {
+      const t = {
+        "panel-form": !0,
+        "form-validate": !0
+      };
+      return e.className && !i.isEmpty(e.className) && e.className.split(" ").forEach((s) => {
+        i.isEmpty(s) || (t[s] = !0);
+      }), t;
+    }), p = (t) => {
+      let s = !0;
+      return l.isRun && !i.isUndefined(t) && r.value?.contains(t) && t.runValidate && (s = t.runValidate()), s;
+    }, A = () => {
+      const t = r.value?.querySelectorAll("[data-validate-error]");
+      if (!i.isUndefined(t) && t.length && t.length > 0) {
+        let s = t[0];
+        const { preScroll: o, pElError: c } = e, u = !i.isEmpty(s.pElError), g = !i.isEmpty(c);
+        if (u || g) {
+          const P = h.getParent(s, u ? s.pElError : c, r.value);
+          i.isUndefined(P) || (s = P);
+        }
+        let v = h.getOffset(s, a.isScrollWindow ? null : a.parentScroll).top - 10;
+        o && !i.isUndefined(o) && (v -= o), a._scrollUpAnimate.start(a.parentScroll.scrollTop, v, 200);
+      }
+    }, _ = () => {
+      const t = h.getParentScrollList(r.value, null, !1);
+      a.isScrollWindow = t.length === 0, a.parentScroll = a.isScrollWindow ? document.documentElement : t[0].children[0], a._scrollUpAnimate = new b({
+        runIngCallback: (s) => {
+          a.parentScroll.scrollTop = s;
+        }
+      });
+    };
+    return y(() => {
+      d(() => {
+        _();
+      });
+    }), n({
+      validate: (t) => k.promiseFun((s) => {
+        let o = !0;
+        i.isUndefined(t) ? (l.isRun = !0, d(() => {
+          const c = r.value?.querySelectorAll("[data-validate-el]");
+          !i.isUndefined(c) && c.length && c.length > 0 && c.forEach((u) => {
+            p(u) || (o = !1);
+          }), o || e.isScrollToErr && d(() => {
+            A();
+          }), s(o);
+        })) : (o = p(t), s(o));
+      }),
+      reset: () => {
+        l.isRun = !1, r.value?.removeAttribute("data-run");
+        const t = r.value?.querySelectorAll("[data-validate-el]");
+        !i.isUndefined(t) && t.length && t.length > 0 && t.forEach((s) => {
+          s.runReset && s.runReset();
+        });
+      }
+    }), (t, s) => (R(), w("form", F({
+      ref_key: "refElTop",
+      ref: r,
+      autocomplete: "off",
+      class: f.value
+    }, m.value), [
+      U(t.$slots, "default")
+    ], 16));
+  }
+});
+export {
+  L as default
+};
+//# sourceMappingURL=ClForm.js.map

package/buildLibs/utils/Element/ClForm.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ClForm.js","sources":["../../../src/libs/Common/Tools/animateEasing.ts","../../../src/libs/Element/Form/Index.vue"],"sourcesContent":["import CommonBase from \"../base\";\nclass AnimateEasing {\n    startTime: number;\n    startPos: number;\n    endPos: number;\n    duration: number;\n    runEasing: any;\n\n    runIngFun: any;\n\n    lastPos: number;\n    lastInterval: number;\n\n    timeAnimate: any;\n    constructor(option: any) {\n        this.startTime = 0;\n        this.startPos = 0;\n        this.endPos = 0;\n        this.duration = 0;\n        this.runEasing = null;\n\n        this.runIngFun = option.runIngCallback;\n\n        this.lastPos = 0;\n        this.lastInterval = 0;\n    }\n\n    _easing = {\n        /**\n         * t:动画已经消耗的时间\n         * b:初始位置\n         * c:目标位置\n         * d:动画持续的总时间\n        */\n        linear: (t: number, b: number, c: number, d: number) => c * t / d + b,\n        easeInCubic: (t: number, b: number, c: number, d: number) => c * (t /= d) * t * t + b, // eslint-disable-line\n        easeOutCubic: (t: number, b: number, c: number, d: number) => c * ((t = t / d - 1) * t * t + 1) + b,// eslint-disable-line\n    };\n\n    start(startPos: number, endPos: number, duration: number, easing = \"linear\") {\n        const self: any = this;\n        return new Promise((resolve) => {\n            this.startTime = +new Date();\n            this.startPos = startPos;\n            this.endPos = endPos;\n            this.duration = duration;\n            this.runEasing = self._easing[easing];\n            self.timeAnimate = CommonBase.requestAnimationFrame(function fnCb() {\n                const stepResult = self.step();\n                if (stepResult === false) {\n                    self.stop();\n                    resolve(self.lastInterval);\n                } else {\n                    self.timeAnimate = CommonBase.requestAnimationFrame(fnCb);\n                }\n            });\n        });\n    }\n\n    step() {\n        const t = +new Date();\n        if (t >= this.startTime + this.duration) {\n            this.runIngFun(this.endPos);\n            return false;\n        }\n        const pos = this.runEasing(t - this.startTime, this.startPos, this.endPos - this.startPos, this.duration);\n        this.lastInterval = Math.abs(pos - this.lastPos);\n        this.lastPos = pos;\n        this.runIngFun(pos);\n        return true;\n    }\n\n    stop() {\n        if (this.timeAnimate) {\n            CommonBase.cancelAnimationFrame(this.timeAnimate);\n        }\n    }\n}\nexport default AnimateEasing;\n","<template>\n  <form ref=\"refElTop\" autocomplete=\"off\" :class=\"clsParent\" v-bind=\"optParent\">\n    <slot></slot>\n  </form>\n</template>\n\n<script setup lang=\"ts\">\nimport './Index.css'\nimport { ref, reactive, computed, onMounted, nextTick } from 'vue'\nimport CommonBase from '../../Common/base'\nimport CommonPromise from '../../Common/promise'\nimport CommonElement from '../../Common/Element/index'\nimport { AnimateEasing } from '../../Common/Tools/index'\n\n// defineOptions\ndefineOptions({\n  name: 'ClForm'\n})\n\n// props\nconst props = defineProps<{\n  theme?: string\n  className?: string\n  isAwaitRun?: boolean\n  preScroll?: number\n  pElError?: string\n  isScrollToErr?: boolean\n}>()\n\n// 常量 / 变量定义\nconst refElTop = ref<HTMLFormElement | null>(null)\nconst optBase = reactive({ isRun: !props.isAwaitRun })\nconst _pageData: any = {\n  _scrollUpAnimate: null,\n  parentScroll: null,\n  isScrollWindow: true,\n}\n\n// computed\nconst optParent = computed(() => {\n  const temp: any = {\n    'data-cl-validate': '',\n  }\n  if (optBase.isRun) {\n    temp['data-run'] = ''\n  }\n  if (!CommonBase.isEmpty(props.theme)) {\n    temp['data-theme'] = props.theme\n  }\n  return temp\n})\n\nconst clsParent = computed(() => {\n  const clsTemp: any = {\n    'panel-form': true,\n    'form-validate': true,\n  }\n  if (props.className && !CommonBase.isEmpty(props.className)) {\n    props.className.split(' ').forEach((cls) => {\n      if (!CommonBase.isEmpty(cls)) {\n        clsTemp[cls] = true\n      }\n    })\n  }\n  return clsTemp\n})\n\n// 内部调用方法\nconst _validateEl = (el: any) => {\n  let result = true\n  if (optBase.isRun && !CommonBase.isUndefined(el) && refElTop.value?.contains(el)) {\n    if (el.runValidate) {\n      result = el.runValidate()\n    }\n  }\n  return result\n}\n\nconst _runScrollErrorEl = () => {\n  const errEl: any = refElTop.value?.querySelectorAll('[data-validate-error]')\n  if (!CommonBase.isUndefined(errEl) && errEl.length && errEl.length > 0) {\n    let el = errEl[0]\n    const { preScroll, pElError } = props\n\n    const isErrElP = !CommonBase.isEmpty(el.pElError)\n    const isErrElF = !CommonBase.isEmpty(pElError)\n    if (isErrElP || isErrElF) {\n      const tempEL = CommonElement.getParent(el, isErrElP ? el.pElError : pElError, refElTop.value)\n      if (!CommonBase.isUndefined(tempEL)) {\n        el = tempEL\n      }\n    }\n    const elOffset = CommonElement.getOffset(el, _pageData.isScrollWindow ? null : _pageData.parentScroll)\n    let end = elOffset.top - 10\n    if (preScroll && !CommonBase.isUndefined(preScroll)) {\n      end -= preScroll\n    }\n    _pageData._scrollUpAnimate.start(_pageData.parentScroll.scrollTop, end, 200)\n  }\n}\n\nconst _initMain = () => {\n  const pScrolls = CommonElement.getParentScrollList(refElTop.value, null, false)\n  _pageData.isScrollWindow = pScrolls.length === 0\n  _pageData.parentScroll = _pageData.isScrollWindow ? document.documentElement : pScrolls[0].children[0]\n  _pageData._scrollUpAnimate = new AnimateEasing({\n    runIngCallback: (pos: any) => {\n      _pageData.parentScroll.scrollTop = pos\n    },\n  })\n}\n\n// 生命周期\nonMounted(() => {\n  nextTick(() => {\n    _initMain()\n  })\n})\n\n// 开放给外部使用的方法\nconst validate = (el?: any) => {\n  return CommonPromise.promiseFun((resolve: any) => {\n    let result = true\n    if (CommonBase.isUndefined(el)) {\n      optBase.isRun = true\n      nextTick(() => {\n        const validateEl: any = refElTop.value?.querySelectorAll('[data-validate-el]')\n        if (!CommonBase.isUndefined(validateEl) && validateEl.length && validateEl.length > 0) {\n          validateEl.forEach((e: any) => {\n            const check = _validateEl(e)\n            if (!check) {\n              result = false\n            }\n          })\n        }\n        if (!result) {\n          if (props.isScrollToErr) {\n            nextTick(() => {\n              _runScrollErrorEl()\n            })\n          }\n        }\n        resolve(result)\n      })\n    } else {\n      result = _validateEl(el)\n      resolve(result)\n    }\n  })\n}\n\nconst reset = () => {\n  optBase.isRun = false\n  refElTop.value?.removeAttribute('data-run')\n  const validateEl:any = refElTop.value?.querySelectorAll('[data-validate-el]')\n  if (!CommonBase.isUndefined(validateEl) && validateEl.length && validateEl.length > 0) {\n    validateEl.forEach((e: any) => {\n      if (e.runReset) {\n        e.runReset()\n      }\n    })\n  }\n}\n\n// 导出类型定义\nexport interface ClFormExpose {\n  validate: (el?: HTMLElement) => Promise<boolean>\n  reset: () => void\n}\n\n// defineExpose\ndefineExpose({\n  validate,\n  reset\n})\n</script>"],"names":["AnimateEasing","option","t","b","c","d","startPos","endPos","duration","easing","self","resolve","CommonBase","fnCb","pos","props","__props","refElTop","ref","optBase","reactive","_pageData","optParent","computed","temp","clsParent","clsTemp","cls","_validateEl","el","result","_runScrollErrorEl","errEl","preScroll","pElError","isErrElP","isErrElF","tempEL","CommonElement","end","_initMain","pScrolls","onMounted","nextTick","__expose","CommonPromise","validateEl","e","_openBlock","_createElementBlock","_mergeProps","_renderSlot","_ctx"],"mappings":"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"}

package/buildLibs/utils/Element/ClFormGroup.cjs

@@ -0,0 +1,2 @@
+"use strict";const e=require("vue"),a=require("../Shared/base-iCmnU-fv.js"),m={key:0,class:"tip-must"},u={class:"control-label-text"},p=e.defineComponent({name:"ClFormGroup",__name:"Index",props:{colRatio:{type:String,default:"2:10"},className:{type:String,default:""},label:String,isTipMust:{type:Boolean,default:!1},isPlaintext:{type:Boolean,default:!1}},setup(n){const o=n,r=e.computed(()=>{const t={"form-group":!0,"form-group-plaintext":o.isPlaintext,row:!0};return a.CommonBase.isEmpty(o.className)||o.className.split(" ").forEach(l=>{a.CommonBase.isEmpty(l)||(t[l]=!0)}),t}),c=e.computed(()=>{let t="2";const l=o.colRatio.split(":");l.length>0&&(t=l[0]);const s={"control-label":!0};return s[`col-sm-${t}`]=!0,s[`col-${t}`]=!0,s}),i=e.computed(()=>{let t="10";const l=o.colRatio.split(":");l.length>1&&(t=l[1]);const s={};return s[`col-sm-${t}`]=!0,s[`col-${t}`]=!0,s});return(t,l)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(r.value)},[e.createElementVNode("div",{class:e.normalizeClass(c.value)},[e.createElementVNode("span",null,[n.isTipMust?(e.openBlock(),e.createElementBlock("span",m,"*")):e.createCommentVNode("",!0),e.createElementVNode("span",u,e.toDisplayString(n.label),1),e.renderSlot(t.$slots,"labelExtend")])],2),e.createElementVNode("div",{class:e.normalizeClass(i.value)},[e.renderSlot(t.$slots,"default")],2)],2))}});module.exports=p;
+//# sourceMappingURL=ClFormGroup.cjs.map

package/buildLibs/utils/Element/ClFormGroup.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"ClFormGroup.cjs","sources":["../../../src/libs/Element/FormGroup/Index.vue"],"sourcesContent":["<template>\n  <div :class=\"clsParent\">\n    <div :class=\"clsLabel\">\n      <span>\n        <span class=\"tip-must\" v-if=\"isTipMust\">*</span>\n        <span class=\"control-label-text\">{{ label }}</span>\n        <slot name=\"labelExtend\"></slot>\n      </span>\n    </div>\n    <div :class=\"clsContent\">\n      <slot></slot>\n    </div>\n  </div>\n</template>\n\n<script setup lang=\"ts\">\nimport { computed } from 'vue'\nimport CommonBase from '../../Common/base'\n\ndefineOptions({ name: 'ClFormGroup' })\n\nconst props = defineProps({\n  colRatio: {\n    type: String,\n    default: '2:10'\n  },\n  className: {\n    type: String,\n    default: ''\n  },\n  label: String,\n  isTipMust: {\n    type: Boolean,\n    default: false\n  },\n  isPlaintext: {\n    type: Boolean,\n    default: false\n  }\n})\n\nconst clsParent = computed(() => {\n  const clsTemp: Record<string, boolean> = {\n    'form-group': true,\n    'form-group-plaintext': props.isPlaintext,\n    row: 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 clsLabel = computed(() => {\n  let r = '2'\n  const temp: string[] = props.colRatio.split(':')\n  if (temp.length > 0) {\n    r = temp[0]\n  }\n  const clsTemp: Record<string, boolean> = {\n    'control-label': true\n  }\n  clsTemp[`col-sm-${r}`] = true\n  clsTemp[`col-${r}`] = true\n  return clsTemp\n})\n\nconst clsContent = computed(() => {\n  let r = '10'\n  const temp: string[] = props.colRatio.split(':')\n  if (temp.length > 1) {\n    r = temp[1]\n  }\n  const clsTemp: Record<string, boolean> = {}\n  clsTemp[`col-sm-${r}`] = true\n  clsTemp[`col-${r}`] = true\n  return clsTemp\n})\n</script>\n\n<style src=\"./Index.css\"></style>\n"],"names":["props","__props","clsParent","computed","clsTemp","CommonBase","cls","clsLabel","r","temp","clsContent","_createElementBlock","_createElementVNode","_hoisted_1","_hoisted_2","_toDisplayString","_renderSlot","_ctx"],"mappings":"8WAqBA,MAAMA,EAAQC,EAoBRC,EAAYC,EAAAA,SAAS,IAAM,CAC/B,MAAMC,EAAmC,CACvC,aAAc,GACd,uBAAwBJ,EAAM,YAC9B,IAAK,EAAA,EAEP,OAAKK,EAAAA,WAAW,QAAQL,EAAM,SAAS,GACrCA,EAAM,UAAU,MAAM,GAAG,EAAE,QAASM,GAAgB,CAC7CD,EAAAA,WAAW,QAAQC,CAAG,IACzBF,EAAQE,CAAG,EAAI,GAEnB,CAAC,EAEIF,CACT,CAAC,EAEKG,EAAWJ,EAAAA,SAAS,IAAM,CAC9B,IAAIK,EAAI,IACR,MAAMC,EAAiBT,EAAM,SAAS,MAAM,GAAG,EAC3CS,EAAK,OAAS,IAChBD,EAAIC,EAAK,CAAC,GAEZ,MAAML,EAAmC,CACvC,gBAAiB,EAAA,EAEnB,OAAAA,EAAQ,UAAUI,CAAC,EAAE,EAAI,GACzBJ,EAAQ,OAAOI,CAAC,EAAE,EAAI,GACfJ,CACT,CAAC,EAEKM,EAAaP,EAAAA,SAAS,IAAM,CAChC,IAAIK,EAAI,KACR,MAAMC,EAAiBT,EAAM,SAAS,MAAM,GAAG,EAC3CS,EAAK,OAAS,IAChBD,EAAIC,EAAK,CAAC,GAEZ,MAAML,EAAmC,CAAA,EACzC,OAAAA,EAAQ,UAAUI,CAAC,EAAE,EAAI,GACzBJ,EAAQ,OAAOI,CAAC,EAAE,EAAI,GACfJ,CACT,CAAC,8BAhFCO,EAAAA,mBAWM,MAAA,CAXA,uBAAOT,EAAA,KAAS,CAAA,GACpBU,EAAAA,mBAMM,MAAA,CANA,uBAAOL,EAAA,KAAQ,CAAA,GACnBK,EAAAA,mBAIO,OAAA,KAAA,CAHwBX,EAAA,yBAA7BU,qBAAgD,OAAhDE,EAAwC,GAAC,+BACzCD,EAAAA,mBAAmD,OAAnDE,EAAmDC,EAAAA,gBAAfd,EAAA,KAAK,EAAA,CAAA,EACzCe,aAAgCC,EAAA,OAAA,aAAA,CAAA,OAGpCL,EAAAA,mBAEM,MAAA,CAFA,uBAAOF,EAAA,KAAU,CAAA,GACrBM,aAAaC,EAAA,OAAA,SAAA,CAAA"}

package/buildLibs/utils/Element/ClFormGroup.css

@@ -0,0 +1 @@
+.form-horizontal .form-group{color:#616672;margin-bottom:20px;margin-right:-15px;margin-left:-15px}.form-horizontal .form-group .control-label{padding-right:5px;color:#2c3343;font-weight:400}.form-horizontal .form-group .tip-must{margin-right:3px;display:inline-block;color:red;font-weight:700}.form-horizontal .form-group .control-label{display:inline-block;margin-bottom:0;text-align:right;padding-top:7px}.form-horizontal .form-group .control-label .control-label-text{display:inline-block;vertical-align:top}.form-horizontal .form-group .box-width{width:500px}.modal-body .form-horizontal .form-group .box-width{width:300px}.modal-body .select-inDropdown .select-inDropdown-search>.panel-input-search .panel-input.box-width{width:auto}.form-horizontal .form-group.form-group-button-actions{margin-bottom:20px;padding:20px}.form-group.form-group-plaintext>.control-label{color:#848d98;font-weight:inherit}.form-group.form-group-plaintext>div{color:#2c3343;font-weight:400;padding-top:7px}

package/buildLibs/utils/Element/ClFormGroup.d.ts

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

package/buildLibs/utils/Element/ClFormGroup.js

@@ -0,0 +1,76 @@
+import { defineComponent as g, computed as n, openBlock as c, createElementBlock as i, normalizeClass as r, createElementVNode as o, createCommentVNode as y, toDisplayString as C, renderSlot as m } from "vue";
+import { C as p } from "../Shared/base-PQGakkrl.js";
+const b = {
+  key: 0,
+  class: "tip-must"
+}, h = { class: "control-label-text" }, E = /* @__PURE__ */ g({
+  name: "ClFormGroup",
+  __name: "Index",
+  props: {
+    colRatio: {
+      type: String,
+      default: "2:10"
+    },
+    className: {
+      type: String,
+      default: ""
+    },
+    label: String,
+    isTipMust: {
+      type: Boolean,
+      default: !1
+    },
+    isPlaintext: {
+      type: Boolean,
+      default: !1
+    }
+  },
+  setup(a) {
+    const s = a, u = n(() => {
+      const t = {
+        "form-group": !0,
+        "form-group-plaintext": s.isPlaintext,
+        row: !0
+      };
+      return p.isEmpty(s.className) || s.className.split(" ").forEach((e) => {
+        p.isEmpty(e) || (t[e] = !0);
+      }), t;
+    }), f = n(() => {
+      let t = "2";
+      const e = s.colRatio.split(":");
+      e.length > 0 && (t = e[0]);
+      const l = {
+        "control-label": !0
+      };
+      return l[`col-sm-${t}`] = !0, l[`col-${t}`] = !0, l;
+    }), d = n(() => {
+      let t = "10";
+      const e = s.colRatio.split(":");
+      e.length > 1 && (t = e[1]);
+      const l = {};
+      return l[`col-sm-${t}`] = !0, l[`col-${t}`] = !0, l;
+    });
+    return (t, e) => (c(), i("div", {
+      class: r(u.value)
+    }, [
+      o("div", {
+        class: r(f.value)
+      }, [
+        o("span", null, [
+          a.isTipMust ? (c(), i("span", b, "*")) : y("", !0),
+          o("span", h, C(a.label), 1),
+          m(t.$slots, "labelExtend")
+        ])
+      ], 2),
+      o("div", {
+        class: r(d.value)
+      }, [
+        m(t.$slots, "default")
+      ], 2)
+    ], 2));
+  }
+});
+export {
+  E as default
+};
+//# sourceMappingURL=ClFormGroup.js.map

package/buildLibs/utils/Element/ClFormGroup.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ClFormGroup.js","sources":["../../../src/libs/Element/FormGroup/Index.vue"],"sourcesContent":["<template>\n  <div :class=\"clsParent\">\n    <div :class=\"clsLabel\">\n      <span>\n        <span class=\"tip-must\" v-if=\"isTipMust\">*</span>\n        <span class=\"control-label-text\">{{ label }}</span>\n        <slot name=\"labelExtend\"></slot>\n      </span>\n    </div>\n    <div :class=\"clsContent\">\n      <slot></slot>\n    </div>\n  </div>\n</template>\n\n<script setup lang=\"ts\">\nimport { computed } from 'vue'\nimport CommonBase from '../../Common/base'\n\ndefineOptions({ name: 'ClFormGroup' })\n\nconst props = defineProps({\n  colRatio: {\n    type: String,\n    default: '2:10'\n  },\n  className: {\n    type: String,\n    default: ''\n  },\n  label: String,\n  isTipMust: {\n    type: Boolean,\n    default: false\n  },\n  isPlaintext: {\n    type: Boolean,\n    default: false\n  }\n})\n\nconst clsParent = computed(() => {\n  const clsTemp: Record<string, boolean> = {\n    'form-group': true,\n    'form-group-plaintext': props.isPlaintext,\n    row: 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 clsLabel = computed(() => {\n  let r = '2'\n  const temp: string[] = props.colRatio.split(':')\n  if (temp.length > 0) {\n    r = temp[0]\n  }\n  const clsTemp: Record<string, boolean> = {\n    'control-label': true\n  }\n  clsTemp[`col-sm-${r}`] = true\n  clsTemp[`col-${r}`] = true\n  return clsTemp\n})\n\nconst clsContent = computed(() => {\n  let r = '10'\n  const temp: string[] = props.colRatio.split(':')\n  if (temp.length > 1) {\n    r = temp[1]\n  }\n  const clsTemp: Record<string, boolean> = {}\n  clsTemp[`col-sm-${r}`] = true\n  clsTemp[`col-${r}`] = true\n  return clsTemp\n})\n</script>\n\n<style src=\"./Index.css\"></style>\n"],"names":["props","__props","clsParent","computed","clsTemp","CommonBase","cls","clsLabel","r","temp","clsContent","_createElementBlock","_createElementVNode","_hoisted_1","_hoisted_2","_toDisplayString","_renderSlot","_ctx"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAqBA,UAAMA,IAAQC,GAoBRC,IAAYC,EAAS,MAAM;AAC/B,YAAMC,IAAmC;AAAA,QACvC,cAAc;AAAA,QACd,wBAAwBJ,EAAM;AAAA,QAC9B,KAAK;AAAA,MAAA;AAEP,aAAKK,EAAW,QAAQL,EAAM,SAAS,KACrCA,EAAM,UAAU,MAAM,GAAG,EAAE,QAAQ,CAACM,MAAgB;AAClD,QAAKD,EAAW,QAAQC,CAAG,MACzBF,EAAQE,CAAG,IAAI;AAAA,MAEnB,CAAC,GAEIF;AAAA,IACT,CAAC,GAEKG,IAAWJ,EAAS,MAAM;AAC9B,UAAIK,IAAI;AACR,YAAMC,IAAiBT,EAAM,SAAS,MAAM,GAAG;AAC/C,MAAIS,EAAK,SAAS,MAChBD,IAAIC,EAAK,CAAC;AAEZ,YAAML,IAAmC;AAAA,QACvC,iBAAiB;AAAA,MAAA;AAEnB,aAAAA,EAAQ,UAAUI,CAAC,EAAE,IAAI,IACzBJ,EAAQ,OAAOI,CAAC,EAAE,IAAI,IACfJ;AAAA,IACT,CAAC,GAEKM,IAAaP,EAAS,MAAM;AAChC,UAAIK,IAAI;AACR,YAAMC,IAAiBT,EAAM,SAAS,MAAM,GAAG;AAC/C,MAAIS,EAAK,SAAS,MAChBD,IAAIC,EAAK,CAAC;AAEZ,YAAML,IAAmC,CAAA;AACzC,aAAAA,EAAQ,UAAUI,CAAC,EAAE,IAAI,IACzBJ,EAAQ,OAAOI,CAAC,EAAE,IAAI,IACfJ;AAAA,IACT,CAAC;2BAhFCO,EAWM,OAAA;AAAA,MAXA,SAAOT,EAAA,KAAS;AAAA,IAAA;MACpBU,EAMM,OAAA;AAAA,QANA,SAAOL,EAAA,KAAQ;AAAA,MAAA;QACnBK,EAIO,QAAA,MAAA;AAAA,UAHwBX,EAAA,kBAA7BU,EAAgD,QAAhDE,GAAwC,GAAC;UACzCD,EAAmD,QAAnDE,GAAmDC,EAAfd,EAAA,KAAK,GAAA,CAAA;AAAA,UACzCe,EAAgCC,EAAA,QAAA,aAAA;AAAA,QAAA;;MAGpCL,EAEM,OAAA;AAAA,QAFA,SAAOF,EAAA,KAAU;AAAA,MAAA;QACrBM,EAAaC,EAAA,QAAA,SAAA;AAAA,MAAA;;;;"}

package/buildLibs/utils/Element/ClFormValidate.d.ts

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

package/buildLibs/utils/Element/ClIconFont.cjs

@@ -0,0 +1,2 @@
+"use strict";const e=require("../Shared/Index.vue_vue_type_script_setup_true_lang-C1ANWb2_.js");module.exports=e._sfc_main;
+//# sourceMappingURL=ClIconFont.cjs.map

package/buildLibs/utils/Element/ClIconFont.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"ClIconFont.cjs","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/buildLibs/utils/Element/ClIconFont.d.ts

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

package/buildLibs/utils/Element/ClIconFont.js

@@ -0,0 +1,5 @@
+import { _ as f } from "../Shared/Index.vue_vue_type_script_setup_true_lang-Bv5Aqano.js";
+export {
+  f as default
+};
+//# sourceMappingURL=ClIconFont.js.map

package/buildLibs/utils/Element/ClIconFont.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ClIconFont.js","sources":[],"sourcesContent":[],"names":[],"mappings":";"}

package/buildLibs/utils/Element/ClImage.cjs

@@ -0,0 +1,2 @@
+"use strict";const o=require("vue"),n=require("../Shared/base-iCmnU-fv.js"),m={loading:"data:image/gif;base64,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",error:"data:image/png;base64,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",attr:{timeOutId:"data-lazy-timeout-id"}};class d{options={loading:m.loading,error:m.error,observerOptions:{rootMargin:"0px",threshold:0},log:!1,callback:{}};_images=new WeakMap;constructor(A){this.config(A)}config(A={}){this.options=n.CommonBase.getJsonMergeDeep(this.options,A)}_initValue(A,t){let e="",i=this.options.loading,s=this.options.error,r=this.options.callback,a=this.options.delay;return n.CommonBase.isObject(A)?(e=A.src,i=A.loading||this.options.loading,s=A.error||this.options.error,r=A.callback||this.options.callback,a=A.delay||this.options.delay):n.CommonBase.isString(A)?e=A:n.CommonBase.isUndefined(A)&&(e=t&&t.src||""),{src:e,loading:i,error:s,callback:r,delay:a}}mount(A,t){if(n.CommonBase.isUndefined(A))return;const e=typeof t=="string"?t:t.value,{src:i,loading:s,error:r,callback:a,delay:C}=this._initValue(e,A);this._setCallback(A,"loading",a),A.setAttribute("src",s||m.loading),this._checkIntersectionObserver()||(this._setImageSrc(A,i,r,a),this._log(()=>{throw new Error("Not support IntersectionObserver!")})),this._initIntersectionObserver(A,i,r,a,C)}update(A,t){if(n.CommonBase.isUndefined(A))return;this._realObserver(A)?.unobserve(A);const e=typeof t=="string"?t:t.value,{src:i,error:s,callback:r,delay:a}=this._initValue(e,A);this._initIntersectionObserver(A,i,s,r,a)}unmount(A){n.CommonBase.isUndefined(A)||(this._realObserver(A)?.unobserve(A),this._images.delete(A))}_setImageSrc(A,t,e,i){if(A.tagName.toLowerCase()==="img"){const s=A;n.CommonBase.isEmpty(t)?(s.onload=null,this._setCallback(s,"error",i),this._realObserver(s)?.disconnect(),e&&s.setAttribute("src",e)):(t&&s.getAttribute("src")!==t&&s.setAttribute("src",t),this.options.isCrossOrigin&&(s.crossOrigin="Anonymous"),s.onload=()=>{t&&this._setCallback(s,"loaded",i)},s.onerror=()=>{s.onload=null,this._setCallback(s,"error",i),this._realObserver(s)?.disconnect(),e&&s.getAttribute("src")!==e&&s.setAttribute("src",e),this._log(()=>{throw new Error(`Image failed to load!And failed src was: ${t} `)})})}else A.style.backgroundImage=`url('${t}')`}_setCallback(A,t,e){switch(A?.setAttribute("lazy",t),t){case"loading":e?.loading&&e.loading(A);break;case"loaded":e?.loaded&&e.loaded(A);break;case"error":e?.error&&e.error(A);break}}_realObserver(A){return this._images.get(A)}_checkIntersectionObserver(){return typeof window<"u"&&window!==null&&"IntersectionObserver"in window&&"IntersectionObserverEntry"in window&&"intersectionRatio"in window.IntersectionObserverEntry.prototype?("isIntersecting"in window.IntersectionObserverEntry.prototype||Object.defineProperty(window.IntersectionObserverEntry.prototype,"isIntersecting",{get(){return this.intersectionRatio>0}}),!0):!1}_initIntersectionObserver(A,t,e,i,s){const r=this.options.observerOptions;this._images.set(A,new IntersectionObserver(a=>{Array.prototype.forEach.call(a,C=>{s&&s>0?this._delayedIntersectionCallback(A,C,s,t,e,i):this._intersectionCallback(A,C,t,e,i)})},r)),this._realObserver(A)?.observe(A)}_intersectionCallback(A,t,e,i,s){t.isIntersecting&&(this._realObserver(A)?.unobserve(t.target),this._setImageSrc(A,e,i,s))}_delayedIntersectionCallback(A,t,e,i,s,r){if(t.isIntersecting){if(t.target.hasAttribute(m.attr.timeOutId))return;const a=setTimeout(()=>{this._intersectionCallback(A,t,i,s,r),t.target.removeAttribute(m.attr.timeOutId)},e);t.target.setAttribute(m.attr.timeOutId,String(a))}else t.target.hasAttribute(m.attr.timeOutId)&&(clearTimeout(Number(t.target.getAttribute(m.attr.timeOutId))),t.target.removeAttribute(m.attr.timeOutId))}_log(A){this.options.log&&A()}}const u=(l,A,t)=>{const e=new d(t);o.onMounted(()=>{o.nextTick(()=>{l.value&&e.mount(l.value,A)})}),o.onUnmounted(()=>{l.value&&e.unmount(l.value)}),o.watch(A,i=>{A.value&&l.value&&e.update(l.value,i)})},B=o.defineComponent({name:"ClImage",__name:"Index",props:{className:{},src:{},height:{},width:{},isCircle:{type:Boolean},fit:{},isCrossOrigin:{type:Boolean}},emits:["onInit"],setup(l,{emit:A}){const t=l,e=A,i=o.ref(t.src),s=o.ref(null),r=()=>{e("onInit")};u(s,i,{callback:{loaded:()=>{r()},error:()=>{r()}},isCrossOrigin:t.isCrossOrigin});const a=o.computed(()=>{const g={"panel-imageBox":!0,"imageBox-circle":t.isCircle};return t.className&&!n.CommonBase.isEmpty(t.className)&&t.className.split(" ").forEach(c=>{n.CommonBase.isEmpty(c)||(g[c]=!0)}),g}),C=o.computed(()=>{const{width:g,height:c}=t,E={};return g&&!n.CommonBase.isEmpty(g)&&(E.width=g),c&&!n.CommonBase.isEmpty(c)&&(E.height=c),E}),h=o.computed(()=>{const{width:g,height:c,fit:E}=t,I={};return E&&!n.CommonBase.isEmpty(E)&&(I["object-fit"]=E,g&&!n.CommonBase.isEmpty(g)&&(I.width=g),c&&!n.CommonBase.isEmpty(c)&&(I.height=c)),I});return o.watch(()=>t.src,g=>{i.value=g}),(g,c)=>(o.openBlock(),o.createElementBlock("div",{class:o.normalizeClass(a.value),style:o.normalizeStyle(C.value)},[o.createElementVNode("img",{ref_key:"refElImage",ref:s,alt:"",style:o.normalizeStyle(h.value)},null,4)],6))}});module.exports=B;
+//# sourceMappingURL=ClImage.cjs.map

package/buildLibs/utils/Element/ClImage.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"ClImage.cjs","sources":["../../../src/libs/Element/LazyImage/lazy.ts","../../../src/libs/Element/LazyImage/use.ts","../../../src/libs/Element/Image/Index.vue"],"sourcesContent":["import CommonBase from \"../../Common/base\";\nimport { LazyOptionInfo } from \"./interfaceItem\";\nconst defOption = {\n    loading: \"data:image/gif;base64,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\",\n    error: \"data:image/png;base64,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\",\n    attr: {\n        timeOutId: \"data-lazy-timeout-id\",\n    },\n    isCrossOrigin: false,\n};\nclass Lazy {\n    public options: LazyOptionInfo = {\n        loading: defOption.loading,\n        error: defOption.error,\n        observerOptions: {\n            rootMargin: \"0px\",\n            threshold: 0,\n        },\n        log: false,\n        callback: {},\n    };\n    private _images = new WeakMap();\n    constructor(options?: LazyOptionInfo) {\n        this.config(options);\n    }\n    public config(options = {}): void {\n        this.options = CommonBase.getJsonMergeDeep(this.options, options);\n    }\n    private _initValue(value: any, el: any) {\n        let src = \"\";\n        let loading = this.options.loading;\n        let error = this.options.error;\n        let callback = this.options.callback;\n        let delay = this.options.delay;\n        if (CommonBase.isObject(value)) {\n            src = value.src;\n            loading = value.loading || this.options.loading;\n            error = value.error || this.options.error;\n            callback = value.callback || this.options.callback;\n            delay = value.delay || this.options.delay;\n        } else if (CommonBase.isString(value)) {\n            src = value;\n        }\n        else if (CommonBase.isUndefined(value)) {\n            src = el && el.src || \"\";\n        }\n        return {\n            src,\n            loading,\n            error,\n            callback,\n            delay,\n        };\n    }\n    public mount(el: HTMLElement, binding: any): void {\n        if (CommonBase.isUndefined(el)) return;\n        const value = typeof binding === \"string\" ? binding : binding.value;\n        const { src, loading, error, callback, delay } = this._initValue(value, el);\n        this._setCallback(el, \"loading\", callback);\n        el.setAttribute(\"src\", loading || defOption.loading);\n        if (!this._checkIntersectionObserver()) {\n            this._setImageSrc(el, src, error, callback);\n            this._log(() => {\n                throw new Error(\"Not support IntersectionObserver!\");\n            });\n        }\n        this._initIntersectionObserver(el, src, error, callback, delay);\n    }\n    public update(el: HTMLElement, binding: any): void {\n        if (CommonBase.isUndefined(el)) return;\n        this._realObserver(el)?.unobserve(el);\n        const value = typeof binding === \"string\" ? binding : binding.value;\n        const { src, error, callback, delay } = this._initValue(value, el);\n        this._initIntersectionObserver(el, src, error, callback, delay);\n    }\n    public unmount(el: HTMLElement): void {\n        if (CommonBase.isUndefined(el)) return;\n        this._realObserver(el)?.unobserve(el);\n        this._images.delete(el);\n    }\n\n    private _setImageSrc(el: HTMLElement, src: string, error?: string, callback?: any): void {\n        if (el.tagName.toLowerCase() === \"img\") {\n            const elImage = el as HTMLImageElement;\n            if (CommonBase.isEmpty(src)) {\n\n                elImage.onload = null;\n                this._setCallback(elImage, \"error\", callback);\n                this._realObserver(elImage)?.disconnect();\n                if (error) {\n                    elImage.setAttribute(\"src\", error);\n                }\n            } else {\n                if (src) {\n                    const preSrc = elImage.getAttribute(\"src\");\n                    if (preSrc !== src) elImage.setAttribute(\"src\", src);\n                }\n                if (this.options.isCrossOrigin) {\n                    elImage.crossOrigin = \"Anonymous\";\n                }\n                elImage.onload = () => {\n                    if (src) {\n                        this._setCallback(elImage, \"loaded\", callback);\n                    }\n                };\n                elImage.onerror = () => {\n                    // Fix onload trigger twice, clear onload event\n                    // Reload on update\n                    elImage.onload = null;\n                    this._setCallback(elImage, \"error\", callback);\n                    this._realObserver(elImage)?.disconnect();\n                    if (error) {\n                        const newImageSrc = elImage.getAttribute(\"src\");\n                        if (newImageSrc !== error) elImage.setAttribute(\"src\", error);\n                    }\n                    this._log(() => { throw new Error(`Image failed to load!And failed src was: ${src} `); });\n                };\n            }\n        }\n        else {\n            el.style.backgroundImage = `url('${src}')`;\n        }\n    }\n    private _setCallback(el: HTMLElement, type: string, callback?: any): void {\n        el?.setAttribute(\"lazy\", type);\n        switch (type) {\n            case \"loading\":\n                if (callback?.loading) callback.loading(el);\n                break;\n            case \"loaded\":\n                if (callback?.loaded) callback.loaded(el);\n                break;\n            case \"error\":\n                if (callback?.error) callback.error(el);\n                break;\n            default:\n                break;\n        }\n    }\n    private _realObserver(el: HTMLElement) {\n        return this._images.get(el);\n    }\n    private _checkIntersectionObserver(): boolean {\n        const inBrowser = typeof window !== \"undefined\" && window !== null;\n        if (inBrowser\n            && \"IntersectionObserver\" in window\n            && \"IntersectionObserverEntry\" in window\n            && \"intersectionRatio\" in window.IntersectionObserverEntry.prototype) {\n            if (!(\"isIntersecting\" in window.IntersectionObserverEntry.prototype)) {\n                Object.defineProperty(window.IntersectionObserverEntry.prototype,\n                    \"isIntersecting\", {\n                        get() {\n                            return this.intersectionRatio > 0;\n                        },\n                    });\n            }\n            return true;\n        }\n        return false;\n    }\n    private _initIntersectionObserver(el: HTMLElement, src: string, error?: string, callback?: any, delay?: number): void {\n        const observerOptions = this.options.observerOptions;\n        this._images.set(el, new IntersectionObserver((entries) => {\n            Array.prototype.forEach.call(entries, (entry) => {\n                if (delay && delay > 0)\n                    this._delayedIntersectionCallback(el, entry, delay, src, error, callback);\n                else\n                    this._intersectionCallback(el, entry, src, error, callback);\n            });\n        }, observerOptions));\n        this._realObserver(el)?.observe(el);\n    }\n    private _intersectionCallback(el: HTMLElement, entry: IntersectionObserverEntry, src: string, error?: string, callback?: any): void {\n        if (entry.isIntersecting) {\n            this._realObserver(el)?.unobserve(entry.target);\n            this._setImageSrc(el, src, error, callback);\n        }\n    }\n\n    private _delayedIntersectionCallback(el: HTMLElement, entry: IntersectionObserverEntry, delay: number, src: string, error?: string, callback?: any): void {\n        if (entry.isIntersecting) {\n            if (entry.target.hasAttribute(defOption.attr.timeOutId))\n                return;\n\n            const timeoutId = setTimeout(() => {\n                this._intersectionCallback(el, entry, src, error, callback);\n                entry.target.removeAttribute(defOption.attr.timeOutId);\n            }, delay);\n            entry.target.setAttribute(defOption.attr.timeOutId, String(timeoutId));\n        }\n        else {\n            if (entry.target.hasAttribute(defOption.attr.timeOutId)) {\n                clearTimeout(Number(entry.target.getAttribute(defOption.attr.timeOutId)));\n                entry.target.removeAttribute(defOption.attr.timeOutId);\n            }\n        }\n    }\n    private _log(callback: () => void): void {\n        if (this.options.log) callback();\n\n    }\n}\nexport default Lazy;","import { onMounted, onUnmounted, nextTick, watch, Ref } from \"vue\";\nimport Lazy from \"./lazy\";\nimport { LazyOptionInfo } from \"./interfaceItem\";\n\nexport const useLazyload = (refEl: Ref<HTMLElement | null>, src: Ref<string>, options?: LazyOptionInfo) => {\n    const lazy = new Lazy(options);\n    onMounted(() => {\n        nextTick(() => {\n            if (refEl.value) {\n                lazy.mount(refEl.value, src);\n            }\n        });\n    });\n    onUnmounted(() => {\n        if (refEl.value) {\n            lazy.unmount(refEl.value);\n        }\n    });\n    watch(src, (newVal: string) => {\n        if (src.value && refEl.value) {\n            lazy.update(refEl.value, newVal);\n        }\n    });\n};","<template>\n    <div\n        :class=\"clsParent\"\n        :style=\"styParent\"\n    >\n        <img\n            ref=\"refElImage\"\n            alt=\"\"\n            :style=\"styImg\"\n        >\n    </div>\n</template>\n\n<script setup lang=\"ts\">\nimport './Index.css'\nimport { ref, computed, watch } from 'vue'\nimport CommonBase from '../../Common/base'\nimport { useLazyload } from '../LazyImage/use'\n\n// defineOptions\ndefineOptions({\n  name: 'ClImage'\n})\n\n// props\nconst props = defineProps<{\n  className?: string\n  src: string\n  height?: string\n  width?: string\n  isCircle?: boolean\n  fit?: string\n  isCrossOrigin?: boolean\n}>()\n\n// emit\nconst emit = defineEmits<{\n  (e: 'onInit'): void\n}>()\n\n// 常量 / 变量定义\nconst optSrcUrl = ref(props.src)\nconst refElImage = ref<HTMLImageElement | null>(null)\n\n// 内部调用方法\nconst _emitInit = () => {\n  emit('onInit')\n}\n\nuseLazyload(refElImage, optSrcUrl, {\n  callback: {\n    loaded: () => {\n      _emitInit()\n    },\n    error: () => {\n      _emitInit()\n    },\n  },\n  isCrossOrigin: props.isCrossOrigin,\n})\n\n// computed\nconst clsParent = computed(() => {\n  const cls: any = {\n    'panel-imageBox': true,\n    'imageBox-circle': props.isCircle,\n  }\n  if (props.className && !CommonBase.isEmpty(props.className)) {\n    props.className.split(' ').forEach((c) => {\n      if (!CommonBase.isEmpty(c)) {\n        cls[c] = true\n      }\n    })\n  }\n  return cls\n})\n\nconst styParent = computed(() => {\n  const { width, height } = props\n  const sty: any = {}\n  if (width && !CommonBase.isEmpty(width)) {\n    sty.width = width\n  }\n  if (height && !CommonBase.isEmpty(height)) {\n    sty.height = height\n  }\n  return sty\n})\n\nconst styImg = computed(() => {\n  const { width, height, fit } = props\n  const sty: any = {}\n  if (fit && !CommonBase.isEmpty(fit)) {\n    sty['object-fit'] = fit\n    if (width && !CommonBase.isEmpty(width)) {\n      sty.width = width\n    }\n    if (height && !CommonBase.isEmpty(height)) {\n      sty.height = height\n    }\n  }\n  return sty\n})\n\n// watch\nwatch(\n  () => props.src,\n  (newValue) => {\n    optSrcUrl.value = newValue\n  },\n)\n\n</script>"],"names":["defOption","Lazy","options","CommonBase","value","el","src","loading","error","callback","delay","binding","elImage","type","observerOptions","entries","entry","timeoutId","useLazyload","refEl","lazy","onMounted","nextTick","onUnmounted","watch","newVal","props","__props","emit","__emit","optSrcUrl","ref","refElImage","_emitInit","clsParent","computed","cls","styParent","width","height","sty","styImg","fit","newValue","_createElementBlock","_createElementVNode"],"mappings":"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"}

package/buildLibs/utils/Element/ClImage.css

@@ -0,0 +1 @@
+.panel-imageBox{position:relative;display:flex;flex-direction:row;align-items:center;justify-content:center;cursor:default}.panel-imageBox>img{max-height:100%;max-width:100%}.panel-imageBox.imageBox-circle>img{border-radius:50%}.panel-imageBox>img[lazy=loading]{height:auto!important;width:auto!important}.panel-imageBox>img[lazy=error]{height:auto!important;width:auto!important}

package/buildLibs/utils/Element/ClImage.d.ts

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