@cldemo/ui-kit 1.0.0

package/buildLibs/utils/Element/ClImage.js

@@ -0,0 +1,195 @@
+import { onMounted as p, nextTick as w, onUnmounted as B, watch as u, defineComponent as k, ref as d, computed as C, openBlock as f, createElementBlock as y, normalizeStyle as m, normalizeClass as b, createElementVNode as D } from "vue";
+import { C as o } from "../Shared/base-PQGakkrl.js";
+const l = {
+  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 K {
+  options = {
+    loading: l.loading,
+    error: l.error,
+    observerOptions: {
+      rootMargin: "0px",
+      threshold: 0
+    },
+    log: !1,
+    callback: {}
+  };
+  _images = /* @__PURE__ */ new WeakMap();
+  constructor(A) {
+    this.config(A);
+  }
+  config(A = {}) {
+    this.options = o.getJsonMergeDeep(this.options, A);
+  }
+  _initValue(A, t) {
+    let e = "", s = this.options.loading, i = this.options.error, r = this.options.callback, n = this.options.delay;
+    return o.isObject(A) ? (e = A.src, s = A.loading || this.options.loading, i = A.error || this.options.error, r = A.callback || this.options.callback, n = A.delay || this.options.delay) : o.isString(A) ? e = A : o.isUndefined(A) && (e = t && t.src || ""), {
+      src: e,
+      loading: s,
+      error: i,
+      callback: r,
+      delay: n
+    };
+  }
+  mount(A, t) {
+    if (o.isUndefined(A)) return;
+    const e = typeof t == "string" ? t : t.value, { src: s, loading: i, error: r, callback: n, delay: I } = this._initValue(e, A);
+    this._setCallback(A, "loading", n), A.setAttribute("src", i || l.loading), this._checkIntersectionObserver() || (this._setImageSrc(A, s, r, n), this._log(() => {
+      throw new Error("Not support IntersectionObserver!");
+    })), this._initIntersectionObserver(A, s, r, n, I);
+  }
+  update(A, t) {
+    if (o.isUndefined(A)) return;
+    this._realObserver(A)?.unobserve(A);
+    const e = typeof t == "string" ? t : t.value, { src: s, error: i, callback: r, delay: n } = this._initValue(e, A);
+    this._initIntersectionObserver(A, s, i, r, n);
+  }
+  unmount(A) {
+    o.isUndefined(A) || (this._realObserver(A)?.unobserve(A), this._images.delete(A));
+  }
+  _setImageSrc(A, t, e, s) {
+    if (A.tagName.toLowerCase() === "img") {
+      const i = A;
+      o.isEmpty(t) ? (i.onload = null, this._setCallback(i, "error", s), this._realObserver(i)?.disconnect(), e && i.setAttribute("src", e)) : (t && i.getAttribute("src") !== t && i.setAttribute("src", t), this.options.isCrossOrigin && (i.crossOrigin = "Anonymous"), i.onload = () => {
+        t && this._setCallback(i, "loaded", s);
+      }, i.onerror = () => {
+        i.onload = null, this._setCallback(i, "error", s), this._realObserver(i)?.disconnect(), e && i.getAttribute("src") !== e && i.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, s, i) {
+    const r = this.options.observerOptions;
+    this._images.set(A, new IntersectionObserver((n) => {
+      Array.prototype.forEach.call(n, (I) => {
+        i && i > 0 ? this._delayedIntersectionCallback(A, I, i, t, e, s) : this._intersectionCallback(A, I, t, e, s);
+      });
+    }, r)), this._realObserver(A)?.observe(A);
+  }
+  _intersectionCallback(A, t, e, s, i) {
+    t.isIntersecting && (this._realObserver(A)?.unobserve(t.target), this._setImageSrc(A, e, s, i));
+  }
+  _delayedIntersectionCallback(A, t, e, s, i, r) {
+    if (t.isIntersecting) {
+      if (t.target.hasAttribute(l.attr.timeOutId))
+        return;
+      const n = setTimeout(() => {
+        this._intersectionCallback(A, t, s, i, r), t.target.removeAttribute(l.attr.timeOutId);
+      }, e);
+      t.target.setAttribute(l.attr.timeOutId, String(n));
+    } else
+      t.target.hasAttribute(l.attr.timeOutId) && (clearTimeout(Number(t.target.getAttribute(l.attr.timeOutId))), t.target.removeAttribute(l.attr.timeOutId));
+  }
+  _log(A) {
+    this.options.log && A();
+  }
+}
+const O = (c, A, t) => {
+  const e = new K(t);
+  p(() => {
+    w(() => {
+      c.value && e.mount(c.value, A);
+    });
+  }), B(() => {
+    c.value && e.unmount(c.value);
+  }), u(A, (s) => {
+    A.value && c.value && e.update(c.value, s);
+  });
+}, v = /* @__PURE__ */ k({
+  name: "ClImage",
+  __name: "Index",
+  props: {
+    className: {},
+    src: {},
+    height: {},
+    width: {},
+    isCircle: { type: Boolean },
+    fit: {},
+    isCrossOrigin: { type: Boolean }
+  },
+  emits: ["onInit"],
+  setup(c, { emit: A }) {
+    const t = c, e = A, s = d(t.src), i = d(null), r = () => {
+      e("onInit");
+    };
+    O(i, s, {
+      callback: {
+        loaded: () => {
+          r();
+        },
+        error: () => {
+          r();
+        }
+      },
+      isCrossOrigin: t.isCrossOrigin
+    });
+    const n = C(() => {
+      const a = {
+        "panel-imageBox": !0,
+        "imageBox-circle": t.isCircle
+      };
+      return t.className && !o.isEmpty(t.className) && t.className.split(" ").forEach((g) => {
+        o.isEmpty(g) || (a[g] = !0);
+      }), a;
+    }), I = C(() => {
+      const { width: a, height: g } = t, E = {};
+      return a && !o.isEmpty(a) && (E.width = a), g && !o.isEmpty(g) && (E.height = g), E;
+    }), Q = C(() => {
+      const { width: a, height: g, fit: E } = t, h = {};
+      return E && !o.isEmpty(E) && (h["object-fit"] = E, a && !o.isEmpty(a) && (h.width = a), g && !o.isEmpty(g) && (h.height = g)), h;
+    });
+    return u(
+      () => t.src,
+      (a) => {
+        s.value = a;
+      }
+    ), (a, g) => (f(), y("div", {
+      class: b(n.value),
+      style: m(I.value)
+    }, [
+      D("img", {
+        ref_key: "refElImage",
+        ref: i,
+        alt: "",
+        style: m(Q.value)
+      }, null, 4)
+    ], 6));
+  }
+});
+export {
+  v as default
+};
+//# sourceMappingURL=ClImage.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ClImage.js","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","c","styParent","width","height","sty","styImg","fit","newValue","_createElementBlock","_createElementVNode"],"mappings":"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"}

package/buildLibs/utils/Element/ClInput.cjs

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

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

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

package/buildLibs/utils/Element/ClInput.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/ClInput.js

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

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

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

package/buildLibs/utils/Element/ClInputCaptcha.cjs

@@ -0,0 +1,2 @@
+"use strict";const e=require("vue"),u=require("../Shared/base-iCmnU-fv.js"),E=require("../Shared/Index.vue_vue_type_script_setup_true_lang-Dd2V82en.js"),y={key:0,class:"inputCaptcha-count"},S=e.defineComponent({name:"ClInputCaptcha",components:{ClInput:E._sfc_main},__name:"Index",props:{value:{},className:{},theme:{},placeholder:{},countdownMax:{},onSendBefore:{type:Function}},emits:["update:value","onChange","onKeyupEnter","onSend"],setup(i,{expose:d,emit:m}){const a=i,c=m,C=e.ref(null),n=e.reactive({value:"",isSend:!1,isCountdown:!1,countdown:a.countdownMax||120}),r={intervalCountdownId:null},f=e.computed(()=>{const t={"panel-input-captcha":!0,"box-width":!0};return a.className&&!u.CommonBase.isEmpty(a.className)&&a.className.split(" ").forEach(o=>{u.CommonBase.isEmpty(o)||(t[o]=!0)}),t[`inputCaptcha-theme-${a.theme||"default"}`]=!0,t}),h=e.computed(()=>({"inputCaptcha-send":!0,"inputCaptcha-send-ing":n.isCountdown})),v=t=>{c("update:value",t),c("onChange",t)},w=()=>{c("onKeyupEnter",n.value)},_=()=>{c("onSend")};e.onMounted(()=>{e.nextTick(()=>{})});const B=t=>{v(t)},k=()=>{w()},p=()=>{const{countdownMax:t=120}=a;let o=n.countdown;if(o===t){let s=!1;a.onSendBefore&&(s=a.onSendBefore(),s=u.CommonBase.isBoolean(s)?s:!1),n.isSend=s,s&&(_(),o=t,n.isCountdown=!0,n.countdown=o,r.intervalCountdownId=setInterval(()=>{o-=1;let l=!1;o<=0?(clearInterval(r.intervalCountdownId),o=t,l=!1):l=!0,n.countdown=o,n.isCountdown=l},1e3))}};return d({getValue:()=>u.CommonBase.trim(n.value)}),(t,o)=>{const s=e.resolveComponent("cl-input");return e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(f.value)},[e.createVNode(s,{ref_key:"refElInput",ref:C,theme:"bottomLine",isNumber:!0,decimal:0,isThousand:!1,value:n.value,"onUpdate:value":o[0]||(o[0]=l=>n.value=l),placeholder:i.placeholder,isClean:!0,onOnKeyupEnter:k,onOnChange:B},null,8,["value","placeholder"]),e.createElementVNode("div",{class:e.normalizeClass(h.value)},[n.isSend?(e.openBlock(),e.createElementBlock(e.Fragment,{key:0},[n.isCountdown?(e.openBlock(),e.createElementBlock("span",y,e.toDisplayString(n.countdown)+"秒后重发",1)):(e.openBlock(),e.createElementBlock("span",{key:1,class:"inputCaptcha-btn",onClick:e.withModifiers(p,["stop"])},"重新发送"))],64)):(e.openBlock(),e.createElementBlock("span",{key:1,class:"inputCaptcha-btn",onClick:e.withModifiers(p,["stop"])},"发送验证码"))],2)],2)}}});module.exports=S;
+//# sourceMappingURL=ClInputCaptcha.cjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ClInputCaptcha.cjs","sources":["../../../src/libs/Element/InputCaptcha/Index.vue"],"sourcesContent":["<template>\n  <div :class=\"clsParent\">\n    <cl-input ref=\"refElInput\" theme=\"bottomLine\" :isNumber=\"true\" :decimal=\"0\" :isThousand=\"false\"\n      v-model:value=\"optBase.value\" :placeholder=\"placeholder\" :isClean=\"true\" @onKeyupEnter=\"onKeyupEnter\"\n      @onChange=\"onChange\"></cl-input>\n    <div :class=\"clsSendBtn\">\n      <template v-if=\"optBase.isSend\">\n        <span v-if=\"optBase.isCountdown\" class=\"inputCaptcha-count\">{{ optBase.countdown }}秒后重发</span>\n        <span v-else class=\"inputCaptcha-btn\" @click.stop=\"onSend\">重新发送</span>\n      </template>\n      <span v-else class=\"inputCaptcha-btn\" @click.stop=\"onSend\">发送验证码</span>\n    </div>\n  </div>\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 Input from '../Input/Index.vue'\n\n// defineOptions\ndefineOptions({\n  name: 'ClInputCaptcha',\n  components: {\n    ClInput: Input,\n  }\n})\n\n// props\nconst props = defineProps<{\n  value?: string\n  className?: string\n  theme?: string\n  placeholder?: string\n  countdownMax?: number\n  onSendBefore?: Function\n}>()\n\n// emit\nconst emit = defineEmits<{\n  (e: 'update:value', value: string): void\n  (e: 'onChange', value: string): void\n  (e: 'onKeyupEnter', value: string): void\n  (e: 'onSend'): void\n}>()\n\n// 常量 / 变量定义\nconst refElInput = ref<any>(null)\nconst optBase = reactive({\n  value: '',\n  isSend: false,\n  isCountdown: false,\n  countdown: props.countdownMax || 120,\n})\nconst _pageData: any = {\n  intervalCountdownId: null,\n}\n\n// computed\nconst clsParent = computed(() => {\n  const clsTemp: any = {\n    'panel-input-captcha': true,\n    'box-width': 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  clsTemp[`inputCaptcha-theme-${props.theme || 'default'}`] = true\n  return clsTemp\n})\n\nconst clsSendBtn = computed(() => {\n  const clsTemp: any = {\n    'inputCaptcha-send': true,\n    'inputCaptcha-send-ing': optBase.isCountdown,\n  }\n  return clsTemp\n})\n\n// emit 外部使用的事件\nconst _emitChange = (value: string) => {\n  emit('update:value', value)\n  emit('onChange', value)\n}\n\nconst _emitKeyupEnter = () => {\n  emit('onKeyupEnter', optBase.value)\n}\n\nconst _emitSend = () => {\n  emit('onSend')\n}\n\n// 内部方法\nconst _initMain = () => { }\n\n// 生命周期\nonMounted(() => {\n  nextTick(() => {\n    _initMain()\n  })\n})\n\n// 内部触发的事件\nconst onChange = (value: string) => {\n  _emitChange(value)\n}\n\nconst onKeyupEnter = () => {\n  _emitKeyupEnter()\n}\n\nconst onSend = () => {\n  const { countdownMax = 120 } = props\n  let countdown = optBase.countdown\n  if (countdown === countdownMax) {\n    let isSend = false\n    if (props.onSendBefore) {\n      isSend = props.onSendBefore()\n      isSend = CommonBase.isBoolean(isSend) ? isSend : false\n    }\n    optBase.isSend = isSend\n    if (isSend) {\n      _emitSend()\n      countdown = countdownMax\n      optBase.isCountdown = true\n      optBase.countdown = countdown\n      _pageData.intervalCountdownId = setInterval(() => {\n        countdown -= 1\n        let isCountdown = false\n        if (countdown <= 0) {\n          clearInterval(_pageData.intervalCountdownId)\n          countdown = countdownMax\n          isCountdown = false\n        } else {\n          isCountdown = true\n        }\n        optBase.countdown = countdown\n        optBase.isCountdown = isCountdown\n      }, 1000)\n    }\n  }\n}\n\n// 开放给外部使用的方法\nconst getValue = () => {\n  return CommonBase.trim(optBase.value)\n}\n\n// 导出类型定义\nexport interface ClInputCaptchaExpose {\n  getValue: () => string\n}\n\n// defineExpose\ndefineExpose({\n  getValue\n})\n</script>"],"names":["props","__props","emit","__emit","refElInput","ref","optBase","reactive","_pageData","clsParent","computed","clsTemp","CommonBase","cls","clsSendBtn","_emitChange","value","_emitKeyupEnter","_emitSend","onMounted","nextTick","onChange","onKeyupEnter","onSend","countdownMax","countdown","isSend","isCountdown","__expose","_createElementBlock","_createVNode","_component_cl_input","_cache","$event","_createElementVNode","_Fragment","_openBlock","_hoisted_1","_toDisplayString"],"mappings":"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"}

package/buildLibs/utils/Element/ClInputCaptcha.css

@@ -0,0 +1 @@
+.panel-input-captcha{display:flex;flex-direction:row;align-items:stretch;justify-content:space-between;transition:all .3s linear}.inputCaptcha-theme-default{align-items:stretch;border:1px solid #cfcfcf;border-radius:4px}.inputCaptcha-theme-bottomLine{align-items:center;border-bottom:1px solid #cfcfcf}.panel-input-captcha:hover{border-color:#aaa}.panel-input-captcha>.panel-input{flex:1}.panel-input-captcha .panel-input.input-bottomLine>div{border-width:0}.panel-input-captcha>.panel-input .form-control{border-width:0}.panel-input-captcha>.inputCaptcha-send{font-size:13px;width:100px;text-align:center;background-color:#fff;color:#4c5667;cursor:pointer;transition:all .3s linear}.panel-input-captcha>.inputCaptcha-send:hover{background-color:#f5f5f5}.panel-input-captcha>.inputCaptcha-send.inputCaptcha-send-ing{cursor:no-drop;background-color:#f5f5f5}.inputCaptcha-theme-default>.inputCaptcha-send{display:flex;flex-direction:row;align-items:center;justify-content:center;border-left:1px solid #cfcfcf;border-top-right-radius:4px;border-bottom-right-radius:4px}.inputCaptcha-theme-bottomLine>.inputCaptcha-send{border:1px solid #cfcfcf;border-radius:8px;margin-right:10px;padding:5px}

package/buildLibs/utils/Element/ClInputCaptcha.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/ClInputCaptcha.js

@@ -0,0 +1,111 @@
+import { defineComponent as x, ref as B, reactive as N, computed as m, onMounted as b, nextTick as K, resolveComponent as M, openBlock as l, createElementBlock as u, normalizeClass as f, createVNode as T, createElementVNode as V, Fragment as D, toDisplayString as F, withModifiers as C } from "vue";
+import { C as i } from "../Shared/base-PQGakkrl.js";
+import { _ as O } from "../Shared/Index.vue_vue_type_script_setup_true_lang-DWw1B8Z2.js";
+const $ = {
+  key: 0,
+  class: "inputCaptcha-count"
+}, j = /* @__PURE__ */ x({
+  name: "ClInputCaptcha",
+  components: {
+    ClInput: O
+  },
+  __name: "Index",
+  props: {
+    value: {},
+    className: {},
+    theme: {},
+    placeholder: {},
+    countdownMax: {},
+    onSendBefore: { type: Function }
+  },
+  emits: ["update:value", "onChange", "onKeyupEnter", "onSend"],
+  setup(p, { expose: h, emit: v }) {
+    const o = p, c = v, w = B(null), e = N({
+      value: "",
+      isSend: !1,
+      isCountdown: !1,
+      countdown: o.countdownMax || 120
+    }), r = {
+      intervalCountdownId: null
+    }, _ = m(() => {
+      const n = {
+        "panel-input-captcha": !0,
+        "box-width": !0
+      };
+      return o.className && !i.isEmpty(o.className) && o.className.split(" ").forEach((t) => {
+        i.isEmpty(t) || (n[t] = !0);
+      }), n[`inputCaptcha-theme-${o.theme || "default"}`] = !0, n;
+    }), y = m(() => ({
+      "inputCaptcha-send": !0,
+      "inputCaptcha-send-ing": e.isCountdown
+    })), S = (n) => {
+      c("update:value", n), c("onChange", n);
+    }, E = () => {
+      c("onKeyupEnter", e.value);
+    }, g = () => {
+      c("onSend");
+    };
+    b(() => {
+      K(() => {
+      });
+    });
+    const k = (n) => {
+      S(n);
+    }, I = () => {
+      E();
+    }, d = () => {
+      const { countdownMax: n = 120 } = o;
+      let t = e.countdown;
+      if (t === n) {
+        let a = !1;
+        o.onSendBefore && (a = o.onSendBefore(), a = i.isBoolean(a) ? a : !1), e.isSend = a, a && (g(), t = n, e.isCountdown = !0, e.countdown = t, r.intervalCountdownId = setInterval(() => {
+          t -= 1;
+          let s = !1;
+          t <= 0 ? (clearInterval(r.intervalCountdownId), t = n, s = !1) : s = !0, e.countdown = t, e.isCountdown = s;
+        }, 1e3));
+      }
+    };
+    return h({
+      getValue: () => i.trim(e.value)
+    }), (n, t) => {
+      const a = M("cl-input");
+      return l(), u("div", {
+        class: f(_.value)
+      }, [
+        T(a, {
+          ref_key: "refElInput",
+          ref: w,
+          theme: "bottomLine",
+          isNumber: !0,
+          decimal: 0,
+          isThousand: !1,
+          value: e.value,
+          "onUpdate:value": t[0] || (t[0] = (s) => e.value = s),
+          placeholder: p.placeholder,
+          isClean: !0,
+          onOnKeyupEnter: I,
+          onOnChange: k
+        }, null, 8, ["value", "placeholder"]),
+        V("div", {
+          class: f(y.value)
+        }, [
+          e.isSend ? (l(), u(D, { key: 0 }, [
+            e.isCountdown ? (l(), u("span", $, F(e.countdown) + "秒后重发", 1)) : (l(), u("span", {
+              key: 1,
+              class: "inputCaptcha-btn",
+              onClick: C(d, ["stop"])
+            }, "重新发送"))
+          ], 64)) : (l(), u("span", {
+            key: 1,
+            class: "inputCaptcha-btn",
+            onClick: C(d, ["stop"])
+          }, "发送验证码"))
+        ], 2)
+      ], 2);
+    };
+  }
+});
+export {
+  j as default
+};
+//# sourceMappingURL=ClInputCaptcha.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ClInputCaptcha.js","sources":["../../../src/libs/Element/InputCaptcha/Index.vue"],"sourcesContent":["<template>\n  <div :class=\"clsParent\">\n    <cl-input ref=\"refElInput\" theme=\"bottomLine\" :isNumber=\"true\" :decimal=\"0\" :isThousand=\"false\"\n      v-model:value=\"optBase.value\" :placeholder=\"placeholder\" :isClean=\"true\" @onKeyupEnter=\"onKeyupEnter\"\n      @onChange=\"onChange\"></cl-input>\n    <div :class=\"clsSendBtn\">\n      <template v-if=\"optBase.isSend\">\n        <span v-if=\"optBase.isCountdown\" class=\"inputCaptcha-count\">{{ optBase.countdown }}秒后重发</span>\n        <span v-else class=\"inputCaptcha-btn\" @click.stop=\"onSend\">重新发送</span>\n      </template>\n      <span v-else class=\"inputCaptcha-btn\" @click.stop=\"onSend\">发送验证码</span>\n    </div>\n  </div>\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 Input from '../Input/Index.vue'\n\n// defineOptions\ndefineOptions({\n  name: 'ClInputCaptcha',\n  components: {\n    ClInput: Input,\n  }\n})\n\n// props\nconst props = defineProps<{\n  value?: string\n  className?: string\n  theme?: string\n  placeholder?: string\n  countdownMax?: number\n  onSendBefore?: Function\n}>()\n\n// emit\nconst emit = defineEmits<{\n  (e: 'update:value', value: string): void\n  (e: 'onChange', value: string): void\n  (e: 'onKeyupEnter', value: string): void\n  (e: 'onSend'): void\n}>()\n\n// 常量 / 变量定义\nconst refElInput = ref<any>(null)\nconst optBase = reactive({\n  value: '',\n  isSend: false,\n  isCountdown: false,\n  countdown: props.countdownMax || 120,\n})\nconst _pageData: any = {\n  intervalCountdownId: null,\n}\n\n// computed\nconst clsParent = computed(() => {\n  const clsTemp: any = {\n    'panel-input-captcha': true,\n    'box-width': 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  clsTemp[`inputCaptcha-theme-${props.theme || 'default'}`] = true\n  return clsTemp\n})\n\nconst clsSendBtn = computed(() => {\n  const clsTemp: any = {\n    'inputCaptcha-send': true,\n    'inputCaptcha-send-ing': optBase.isCountdown,\n  }\n  return clsTemp\n})\n\n// emit 外部使用的事件\nconst _emitChange = (value: string) => {\n  emit('update:value', value)\n  emit('onChange', value)\n}\n\nconst _emitKeyupEnter = () => {\n  emit('onKeyupEnter', optBase.value)\n}\n\nconst _emitSend = () => {\n  emit('onSend')\n}\n\n// 内部方法\nconst _initMain = () => { }\n\n// 生命周期\nonMounted(() => {\n  nextTick(() => {\n    _initMain()\n  })\n})\n\n// 内部触发的事件\nconst onChange = (value: string) => {\n  _emitChange(value)\n}\n\nconst onKeyupEnter = () => {\n  _emitKeyupEnter()\n}\n\nconst onSend = () => {\n  const { countdownMax = 120 } = props\n  let countdown = optBase.countdown\n  if (countdown === countdownMax) {\n    let isSend = false\n    if (props.onSendBefore) {\n      isSend = props.onSendBefore()\n      isSend = CommonBase.isBoolean(isSend) ? isSend : false\n    }\n    optBase.isSend = isSend\n    if (isSend) {\n      _emitSend()\n      countdown = countdownMax\n      optBase.isCountdown = true\n      optBase.countdown = countdown\n      _pageData.intervalCountdownId = setInterval(() => {\n        countdown -= 1\n        let isCountdown = false\n        if (countdown <= 0) {\n          clearInterval(_pageData.intervalCountdownId)\n          countdown = countdownMax\n          isCountdown = false\n        } else {\n          isCountdown = true\n        }\n        optBase.countdown = countdown\n        optBase.isCountdown = isCountdown\n      }, 1000)\n    }\n  }\n}\n\n// 开放给外部使用的方法\nconst getValue = () => {\n  return CommonBase.trim(optBase.value)\n}\n\n// 导出类型定义\nexport interface ClInputCaptchaExpose {\n  getValue: () => string\n}\n\n// defineExpose\ndefineExpose({\n  getValue\n})\n</script>"],"names":["props","__props","emit","__emit","refElInput","ref","optBase","reactive","_pageData","clsParent","computed","clsTemp","CommonBase","cls","clsSendBtn","_emitChange","value","_emitKeyupEnter","_emitSend","onMounted","nextTick","onChange","onKeyupEnter","onSend","countdownMax","countdown","isSend","isCountdown","__expose","_createElementBlock","_createVNode","_component_cl_input","_cache","$event","_createElementVNode","_Fragment","_openBlock","_hoisted_1","_toDisplayString"],"mappings":"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"}

package/buildLibs/utils/Element/ClInputNumber.cjs

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

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

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

package/buildLibs/utils/Element/ClInputNumber.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/ClInputNumber.js

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

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

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

package/buildLibs/utils/Element/ClInputSearch.cjs

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

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

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

package/buildLibs/utils/Element/ClInputSearch.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/ClInputSearch.js

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

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

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

package/buildLibs/utils/Element/ClInputTag.css

@@ -0,0 +1 @@
+.panel-inputTag{position:relative}.panel-inputTag.dropdownLayer-theme-list .dropdownLayer-text{height:auto}.panel-inputTag .inputTag-container{padding:0!important;cursor:text;height:auto;display:block}.panel-inputTag .inputTag-container.inputTag-multiple{padding:7px 20px 7px 7px!important;border:1px solid #cfcfcf;background-color:transparent!important;box-shadow:inset 0 0 1px #00000013;border-radius:.25rem;font-size:.875rem;color:#555;box-sizing:border-box;transition:all .3s linear}.panel-inputTag .inputTag-container.inputTag-multiple .inputTag-tags{max-height:none;overflow-y:auto}.panel-inputTag .inputTag-container .panel-input .form-control{border-width:0;padding:7px 20px 7px 12px}.inputTag-container:hover,.inputTag-container.inputTag-focus{border-color:#aaa}.inputTag-container .inputTag-focus{border:1px solid #aaaaaa}.inputTag-container .panel-textarea.box-width{width:auto!important}.inputTag-container .panel-textarea textarea.text-area{padding:0;border-width:0}.inputTag-container .inputTag-operate{position:absolute;right:5px;top:10px;color:#999;display:flex;flex-direction:column;align-items:center}.inputTag-container .inputTag-operate-btn{opacity:0;cursor:pointer;transition:opacity .3s linear}.inputTag-container .inputTag-operate .badge{background-color:#cfcfcf!important;min-width:12px;min-height:12px;font-size:10px}.inputTag-container:hover .inputTag-operate-btn,.inputTag-container.inputTag-focus .inputTag-operate-btn{opacity:.35}.inputTag-container .inputTag-operate-btn:hover{opacity:1}.inputTag-container .inputTag-operate .panel-clipboard>.clipboard-btn{color:#999}.inputTag-operate .panel-clipboard>.clipboard-btn>i,.inputTag-operate .panel-clipboard .clipboard-operate-result>i{font-size:14px}.inputTag-operate .panel-clipboard .clipboard-operate-result{border-radius:4px}.panel-inputTag.inputTag-disabled .inputTag-container{cursor:no-drop}.panel-inputTag.inputTag-disabled .inputTag-container .panel-textarea .form-control[disabled]{background-color:transparent!important}.inputTag-dropdown.inputTag-dropdown-nodata{display:none}.dropdownLayer-list-search{padding:4px;position:relative;width:100%}.dropdownLayer-list-search>.panel-input-search{width:100%}.dropdownLayer-list-search>.panel-input-search .panel-input{width:auto}.dropdownLayer-list-search .form-control{width:100%;height:30px;line-height:30px;padding:4px 22px 4px 4px}.dropdownLayer-list-checkboxAll{border-bottom:1px solid #cccccc;padding:7px 0 5px 7px;text-align:left;height:36px}.dropdownLayer-list-body{position:relative;max-height:210px;overflow-y:auto;overflow-x:hidden}.dropdownLayer-list-body>ul{position:relative;list-style:none;margin:0;padding:0;word-wrap:break-word}.dropdownLayer-list-body>ul>li{padding:0 0 1px;word-break:break-all;user-select:none;cursor:pointer;margin:0}.dropdownLayer-list-body>ul>li>div{display:flex;flex-direction:row;align-items:flex-start;padding:6px 6px 6px 7px}.dropdownLayer-list-body>ul>li:hover>div,.dropdownLayer-list-body>ul>li.option-hoverKeydown>div,.dropdownLayer-list-body>ul>li.option-selected>div,.dropdownLayer-list-body>ul>li.option-disabled.option-selected:hover>div{background-color:#e6f7ff}.dropdownLayer-list-body>ul>li .dropdownLayer-list-checkbox{width:20px;height:20px}.dropdownLayer-list-body .dropdownLayer-list-title{flex:1}.dropdownLayer-list-body>ul>li .dropdownLayer-list-checkbox .checkbox label:before,.dropdownLayer-list-body>ul>li .dropdownLayer-list-checkbox .checkbox label:after{top:-3px}.dropdownLayer-list-body>ul>li.option-disabled{cursor:no-drop;opacity:.5}.dropdownLayer-list-body>ul>li.option-disabled:hover{background-color:#fff}.dropdownLayer-list-body .dropdownLayer-list-empty{padding:6px;word-break:break-all;user-select:none}.inputTag-load{height:100px}.inputTag-load .loading-wrapper{background-color:#fff}

package/buildLibs/utils/Element/ClInputTextarea.cjs

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

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

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

package/buildLibs/utils/Element/ClInputTextarea.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/ClInputTextarea.js

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

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

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

package/buildLibs/utils/Element/ClInputnumberButton.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/ClLink.cjs

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

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

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

package/buildLibs/utils/Element/ClLink.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/ClLink.js

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

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

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

package/buildLibs/utils/Element/ClLoad.cjs

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

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

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

package/buildLibs/utils/Element/ClLoad.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/ClLoad.js

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

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

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

package/buildLibs/utils/Element/ClLoadFullCenter.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/ClLoadIng.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/ClLoadScreen.cjs

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

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

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

package/buildLibs/utils/Element/ClLoadScreen.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/ClLoadScreen.js

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

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

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

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

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