@cldemo/ui-kit 1.1.2 → 1.1.4

package/buildLibs/utils/Shared/Index.vue_vue_type_script_setup_true_lang-D6kK-vM7.js

@@ -0,0 +1,261 @@
+import { defineComponent as q, inject as A, reactive as H, ref as O, computed as p, onMounted as R, nextTick as T, watch as Q, openBlock as n, createElementBlock as o, normalizeClass as v, unref as X, createElementVNode as g, Fragment as m, renderList as Y, mergeProps as Z, createVNode as y, withModifiers as h, createBlock as $, createCommentVNode as ee, toDisplayString as E, renderSlot as te, normalizeStyle as le } from "vue";
+import r from "@cldemo/ui-kit/common/base";
+import S from "@cldemo/ui-kit/common/Element";
+import { _ as b } from "./Index.vue_vue_type_script_setup_true_lang-C2LGy18j.js";
+import { _ as I } from "./Index.vue_vue_type_script_setup_true_lang-BPP_OpAC.js";
+import { _ as ae } from "./Index.vue_vue_type_script_setup_true_lang-DROYOL5-.js";
+const ie = ["id"], se = { class: "previewExample-image-icon" }, ne = { class: "previewExample-video-img previewExample-image" }, oe = ["onClick"], re = {
+  key: 3,
+  class: "previewExample-label-msg"
+}, ce = {
+  key: 5,
+  class: "previewExample-totalCount"
+}, ye = /* @__PURE__ */ q({
+  name: "ClPreviewExample",
+  __name: "Index",
+  props: {
+    id: String,
+    // desc: 元素唯一标识
+    className: String,
+    // desc: 自定义 CSS 类名
+    classContainer: String,
+    // desc: 容器自定义 CSS 类名
+    classItem: String,
+    // desc: 单项自定义 CSS 类名
+    type: {
+      type: String,
+      default: "image",
+      // desc: 预览类型 | enum: image, video
+      validator: (a) => ["image", "video"].includes(a)
+    },
+    width: {
+      type: [Number, String],
+      default: "auto"
+      // desc: 预览区域宽度
+    },
+    height: {
+      type: Number,
+      required: !0
+      // desc: 预览区域高度（必填）
+    },
+    isWidthFull: {
+      type: Boolean,
+      default: !0
+      // desc: 宽度是否铺满 | enum: true, false
+    },
+    list: {
+      type: Array,
+      default: () => []
+      // desc: 预览数据列表
+    },
+    label: String,
+    // desc: 标签文本
+    previewIconSize: {
+      type: String,
+      default: "large"
+      // desc: 预览图标尺寸 | enum: large, small (可自定义)
+    },
+    isShowLoading: {
+      type: Boolean,
+      default: !1
+      // desc: 是否显示加载状态
+    },
+    isLoading: {
+      type: Boolean,
+      default: !1
+      // desc: 是否加载中
+    },
+    isShowDelete: {
+      type: Boolean,
+      default: !1
+      // desc: 是否显示删除按钮
+    },
+    showNum: {
+      type: Number,
+      default: -1
+      // desc: 最多显示数量，-1 表示不限制
+    },
+    srcValueKey: {
+      type: String,
+      default: "value"
+      // desc: 列表项中取 src 的 key 名
+    },
+    isShowCopy: {
+      type: Boolean,
+      default: !0
+      // desc: 是否显示复制功能
+    },
+    isClickImagePreview: {
+      type: Boolean,
+      default: !1
+      // desc: 点击图片是否触发预览
+    },
+    previewCallback: Function
+    // desc: 自定义预览回调
+  },
+  emits: ["onDelete"],
+  setup(a, { emit: B }) {
+    const i = a, L = B, w = A("$ClGlobals", null), P = `previewexample-${r.getRandom(5)}`, D = i.id, C = H({
+      totalCount: -1
+    }), k = O([]), J = p(() => {
+      const { width: e } = i;
+      let t = !1;
+      return (r.isEmpty(e) || typeof e == "string" && e === "auto" || typeof e == "number" && e <= 0) && (t = !0), t;
+    }), z = p(() => {
+      let e = {
+        "panel-preview-example": !0,
+        "previewExample-width-default": i.isWidthFull,
+        "previewExample-width-auto": !i.isWidthFull
+      };
+      return e = r.getJsonMerge(e, S.getClassNameJson(i.className)), e;
+    }), F = p(() => {
+      let e = {
+        "previewExample-container": !0
+      };
+      return e = r.getJsonMerge(e, S.getClassNameJson(i.classContainer)), e;
+    }), M = p(() => {
+      const { type: e, previewIconSize: t } = i;
+      let l = {
+        "previewExample-item": !0
+      };
+      return l[`previewExample-${e}`] = !0, l[`previewExample-iconSize-${t}`] = !0, l = r.getJsonMerge(l, S.getClassNameJson(i.classItem)), l;
+    }), x = p(() => {
+      const e = {
+        height: `${i.height}px`
+      };
+      if (!J.value) {
+        let t = i.width.toString();
+        t.indexOf("%") === -1 && (t = `${i.width}px`), e.width = t;
+      }
+      return e;
+    }), V = (e) => {
+      L("onDelete", e);
+    }, N = () => {
+      const { list: e, showNum: t, srcValueKey: l } = i;
+      let s = r.getListClone(e), c = e.length;
+      t > 0 && e.length >= t && (c = t);
+      const u = [];
+      s.forEach((d, G) => {
+        if (!r.isEmpty(d) && G + 1 <= c)
+          if (r.isString(d))
+            u.push({ value: d });
+          else {
+            const j = r.isExistJsonKey(d, l) ? d[l] : d.value;
+            u.push({ ...d, value: j });
+          }
+      }), s = u, C.totalCount = e.length, k.value = s;
+    }, W = () => {
+      N();
+    }, K = (e) => {
+      const t = {};
+      return r.isEmpty(e.id) || (t["data-id"] = e.id), r.isEmpty(e.ranId) || (t["data-ran-id"] = e.ranId), t;
+    };
+    R(() => {
+      T(() => {
+        W();
+      });
+    }), Q(
+      () => i.list,
+      () => {
+        N();
+      },
+      { deep: !0 }
+    );
+    const U = (e, t) => {
+      i.isClickImagePreview && f(e, t, "image");
+    }, f = (e, t, l) => {
+      try {
+        if (i.previewCallback)
+          i.previewCallback(l, e, t);
+        else {
+          if (!w || r.isEmpty(w.preview)) return;
+          const { list: s } = i;
+          let c;
+          s.length === 1 ? c = e.value : c = s.map((u) => r.isString(u) ? u : u.value), w.preview.show({
+            type: l,
+            src: c,
+            showIndex: t,
+            isShowCopy: i.isShowCopy
+          });
+        }
+      } catch {
+      }
+    }, _ = (e) => {
+      V(e);
+    };
+    return (e, t) => (n(), o("div", {
+      id: X(D),
+      class: v(z.value)
+    }, [
+      g("div", {
+        class: v(F.value)
+      }, [
+        (n(!0), o(m, null, Y(k.value, (l, s) => (n(), o("div", Z({
+          key: `${P}-${s}`,
+          class: M.value,
+          style: x.value
+        }, { ref_for: !0 }, K(l)), [
+          a.type === "image" ? (n(), o(m, { key: 0 }, [
+            y(I, {
+              src: l.value,
+              class: v({ "cursor-pointer": a.isClickImagePreview }),
+              onClick: h((c) => U(l, s), ["stop"])
+            }, null, 8, ["src", "class", "onClick"]),
+            g("div", se, [
+              y(b, {
+                title: "预览",
+                name: "search",
+                "aria-label": "预览",
+                onClick: h((c) => f(l, s, "image"), ["stop"])
+              }, null, 8, ["onClick"]),
+              a.isShowDelete ? (n(), $(b, {
+                key: 0,
+                title: "删除",
+                name: "close",
+                "aria-label": "删除",
+                onClick: h((c) => _(s), ["stop"])
+              }, null, 8, ["onClick"])) : (n(), o(m, { key: 1 }, [], 64))
+            ])
+          ], 64)) : a.type === "video" ? (n(), o(m, { key: 1 }, [
+            g("div", ne, [
+              l.imgUrl && l.imgUrl.length > 0 ? (n(), $(I, {
+                key: 0,
+                src: l.imgUrl
+              }, null, 8, ["src"])) : ee("", !0)
+            ]),
+            g("div", {
+              class: "previewExample-video-icon",
+              onClick: h((c) => f(l, s, "video"), ["stop"])
+            }, [
+              y(b, {
+                name: "play",
+                "aria-label": "播放"
+              })
+            ], 8, oe)
+          ], 64)) : (n(), o(m, { key: 2 }, [], 64)),
+          a.label && a.label.length > 0 || l.label && l.label.length > 0 ? (n(), o("div", re, E(a.label && a.label.length > 0 ? a.label : l.label), 1)) : (n(), o(m, { key: 4 }, [], 64)),
+          a.showNum > -1 && s === k.value.length - 1 && C.totalCount > a.showNum ? (n(), o("div", ce, [
+            g("span", null, "共" + E(C.totalCount) + E(a.type === "image" ? "张" : "个"), 1)
+          ])) : (n(), o(m, { key: 6 }, [], 64)),
+          te(e.$slots, "extend", {
+            data: l,
+            inx: s
+          })
+        ], 16))), 128)),
+        a.isShowLoading && a.isLoading ? (n(), o("div", {
+          key: 0,
+          class: v([`previewExample-${a.type}`]),
+          style: le(x.value)
+        }, [
+          y(ae, {
+            theme: "circleNotch",
+            size: "large"
+          })
+        ], 6)) : (n(), o(m, { key: 1 }, [], 64))
+      ], 2)
+    ], 10, ie));
+  }
+});
+export {
+  ye as _
+};

package/buildLibs/utils/Shared/Index.vue_vue_type_script_setup_true_lang-DA4gQfK2.js

@@ -0,0 +1 @@
+"use strict";const r=require("vue"),i=require("@cldemo/ui-kit/common/base"),q=require("@cldemo/ui-kit/common/promise"),d=require("@cldemo/ui-kit/common/Element"),w=require("@cldemo/ui-kit/common/Tools"),B=["id"],C=r.defineComponent({name:"ClForm",__name:"Index",props:{id:String,theme:String,className:String,isAwaitRun:{type:Boolean,default:!0},preScroll:Number,pElError:String,isScrollToErr:{type:Boolean,default:!0}},emits:["submit"],setup(h,{expose:_,emit:b}){const a=h,T=b,y=a.id,s=r.useTemplateRef("refElTop"),u=r.reactive({isRun:!a.isAwaitRun}),n={_scrollUpAnimate:null,parentScroll:null,isScrollWindow:!0,tabindexEls:new Set},A=r.computed(()=>{const e={"data-cl-validate":""};return u.isRun&&(e["data-run"]=""),i.isNonEmptyString(a.theme)&&(e["data-theme"]=a.theme),e}),x=r.computed(()=>{let e={"panel-form":!0,"form-validate":!0};return e=i.getJsonMerge(e,d.getClassNameJson(a.className)),e}),R=()=>{T("submit")},f=e=>{const t=e.querySelector('input:not([type="hidden"]), select, textarea');return t instanceof HTMLElement?t:e},p=e=>{let t=!0;u.isRun&&e instanceof HTMLElement&&s.value?.contains(e)&&e.runValidate&&(t=!!e.runValidate());const l=f(e);return t?l.removeAttribute("aria-invalid"):l.setAttribute("aria-invalid","true"),t},E=()=>{const e=s.value?.querySelectorAll("[data-validate-error]");if(!i.isUndefined(e)&&e.length>0){let t=e[0];const{preScroll:l,pElError:o}=a,c=!i.isEmpty(t.pElError),S=!i.isEmpty(o);if(c||S){const g=d.getParent(t,c?t.pElError:o,s.value);i.isUndefined(g)||(t=g)}const k=d.getOffset(t,n.isScrollWindow?null:n.parentScroll).top-10-(l??0),m=n._scrollUpAnimate,v=n.parentScroll;m&&v&&(m.stop(),m.start(v.scrollTop,k,200)),t.tabIndex<0&&(t.setAttribute("tabindex","-1"),n.tabindexEls.add(t)),t.focus({preventScroll:!0})}},U=()=>{const e=d.getParentScrollList(s.value,null,!1);n.isScrollWindow=e.length===0;const t=n.isScrollWindow?document.documentElement:e[0];n.parentScroll=i.isUndefined(t)?document.documentElement:t,n._scrollUpAnimate=new w.AnimateEasing({runIngCallback:l=>{const o=n.parentScroll;o&&(o.scrollTop=l)}})};return r.onMounted(()=>{r.nextTick(()=>{U()})}),r.onBeforeUnmount(()=>{n._scrollUpAnimate?.stop()}),_({validate:e=>q.promiseFun(t=>{let l=!0;try{if(i.isUndefined(e))u.isRun=!0,r.nextTick(()=>{u.isRun=!0;try{const o=s.value?.querySelectorAll("[data-validate-el]");!i.isUndefined(o)&&o.length>0&&o.forEach(c=>{p(c)||(l=!1)}),l||a.isScrollToErr&&r.nextTick(()=>{try{E()}catch{}}),t(l)}catch{t(!1)}});else{u.isRun=!0;const o=e;r.nextTick(()=>{try{l=p(o),!l&&a.isScrollToErr&&r.nextTick(()=>{try{E()}catch{}}),t(l)}catch{t(!1)}})}}catch{t(!1)}}),reset:()=>{u.isRun=!1,n._scrollUpAnimate?.stop(),s.value?.removeAttribute("data-run");const e=s.value?.querySelectorAll("[data-validate-el]");!i.isUndefined(e)&&e.length>0&&e.forEach(t=>{if(f(t).removeAttribute("aria-invalid"),t.runReset)try{t.runReset()}catch{}}),n.tabindexEls.forEach(t=>{t.removeAttribute("tabindex")}),n.tabindexEls.clear()}}),(e,t)=>(r.openBlock(),r.createElementBlock("form",r.mergeProps({ref_key:"refElTop",ref:s,autocomplete:"off",novalidate:"",onSubmit:r.withModifiers(R,["prevent"]),id:r.unref(y),class:x.value},A.value),[r.renderSlot(e.$slots,"default")],16,B))}});exports._sfc_main=C;

package/buildLibs/utils/Shared/Index.vue_vue_type_script_setup_true_lang-DBbmw0-U.js

@@ -0,0 +1,191 @@
+import { defineComponent as N, computed as v, resolveComponent as w, openBlock as o, createElementBlock as l, Fragment as h, normalizeClass as r, unref as i, renderSlot as u, createElementVNode as g, withModifiers as B, createBlock as E, withCtx as J } from "vue";
+import $ from "@cldemo/ui-kit/common/log";
+import d from "@cldemo/ui-kit/common/base";
+import H from "@cldemo/ui-kit/common/Element";
+/* empty css             */
+const P = ["id"], U = ["id", "href", "target", "rel"], j = ["id", "href"], x = ["id"], A = /* @__PURE__ */ N({
+  name: "ClLink",
+  __name: "Index",
+  props: {
+    id: String,
+    // desc: 组件实例唯一标识，用于多实例场景下 DOM 查询限定
+    className: {
+      type: String,
+      default: ""
+      // desc: 自定义 CSS 类名
+    },
+    disabled: {
+      type: Boolean,
+      default: !1
+      // desc: 是否禁用
+    },
+    url: {
+      type: [String, Object],
+      default: ""
+      // desc: 链接地址，支持 String 或 Router 对象
+    },
+    isHideUnderline: {
+      type: Boolean,
+      default: !1
+      // desc: 是否隐藏 hover 态下划线
+    },
+    isLight: {
+      type: Boolean,
+      default: !1
+      // desc: 是否高亮显示
+    },
+    isTargetBlank: {
+      type: Boolean,
+      default: !1
+      // desc: 是否新窗口打开，需配合 String 类型 url 使用
+    },
+    isOutside: {
+      type: Boolean,
+      default: !1
+      // desc: 是否为外部链接，需配合 String 类型 url 使用
+    },
+    isStopPropagation: {
+      type: Boolean,
+      default: !1
+      // desc: 是否阻止事件冒泡
+    },
+    theme: {
+      type: String,
+      default: "link",
+      // desc: 显示形态 | enum: link, button
+      validator: (n) => ["link", "button"].indexOf(n) !== -1
+    }
+    // theme="button" 时通过 className 复用 cl-button 按钮颜色/尺寸类名：
+    //   颜色：btn-default btn-green btn-red btn-yellow btn-white btn-grayLight btn-transparent btn-text
+    //   尺寸：btn-large btn-small btn-xl；形态：btn-circle btn-ellipse
+    //   示例：<cl-link theme="button" className="btn-green btn-large">
+  },
+  emits: {
+    onClick: (n) => !0,
+    // desc: 点击时触发
+    onHoverIn: (n) => !0,
+    // desc: 鼠标移入时触发
+    onHoverOut: (n) => !0
+    // desc: 鼠标移出时触发
+  },
+  setup(n, { emit: T }) {
+    const t = n, b = T, s = t.id, M = v(() => !d.isEmpty(t.url)), y = v(() => d.isString(t.url) ? t.url : (d.isEmpty(t.url) || $.warn(
+      "ClLink",
+      "Link 组件：url 为 Router 对象时不应同时使用 isOutside 或 isTargetBlank，请传入 String 类型 url"
+    ), "")), a = v(() => {
+      if (t.theme === "button") {
+        let k = {
+          btn: !0,
+          "btn-disabled": t.disabled
+        };
+        const L = [
+          "btn-green",
+          "btn-red",
+          "btn-yellow",
+          "btn-white",
+          "btn-grayLight",
+          "btn-transparent",
+          "btn-text"
+        ], C = H.getClassNameJson(t.className);
+        return L.some((_) => !!C[_]) || (k["btn-default"] = !0), d.getJsonMerge(k, C);
+      }
+      let p = {
+        "panel-link": !0,
+        "btn-link": !0,
+        "btn-link-disabled": t.disabled,
+        "always-light": t.isLight,
+        "underline-none": t.isHideUnderline
+      };
+      return p = d.getJsonMerge(p, H.getClassNameJson(t.className)), p;
+    }), S = (e) => {
+      b("onClick", e);
+    }, I = (e) => {
+      b("onHoverIn", e);
+    }, O = (e) => {
+      b("onHoverOut", e);
+    }, c = (e) => {
+      t.disabled || (S(e), t.isStopPropagation && (e?.preventDefault(), e?.stopPropagation()));
+    }, m = (e) => {
+      t.disabled || I(e);
+    }, f = (e) => {
+      t.disabled || O(e);
+    };
+    return (e, p) => {
+      const k = w("router-link");
+      return n.url && M.value ? (o(), l(h, { key: 0 }, [
+        n.disabled ? (o(), l("span", {
+          key: 0,
+          id: i(s),
+          class: r(a.value),
+          role: "link",
+          "aria-disabled": "true"
+        }, [
+          u(e.$slots, "default")
+        ], 10, P)) : (o(), l(h, { key: 1 }, [
+          n.isOutside ? (o(), l("a", {
+            key: 0,
+            id: i(s),
+            class: r(a.value),
+            href: y.value,
+            target: n.isTargetBlank ? "_blank" : void 0,
+            rel: n.isTargetBlank ? "noopener noreferrer" : void 0,
+            onClick: c,
+            onMouseenter: m,
+            onMouseleave: f
+          }, [
+            g("span", null, [
+              u(e.$slots, "default")
+            ])
+          ], 42, U)) : (o(), l(h, { key: 1 }, [
+            n.isTargetBlank ? (o(), l("a", {
+              key: 0,
+              id: i(s),
+              class: r(a.value),
+              href: y.value,
+              target: "_blank",
+              rel: "noopener noreferrer",
+              onClick: B(c, ["stop"]),
+              onMouseenter: m,
+              onMouseleave: f
+            }, [
+              g("span", null, [
+                u(e.$slots, "default")
+              ])
+            ], 42, j)) : (o(), E(k, {
+              key: 1,
+              id: i(s),
+              class: r(a.value),
+              to: n.url,
+              onClick: B(c, ["stop"])
+            }, {
+              default: J(() => [
+                g("span", {
+                  onMouseenter: m,
+                  onMouseleave: f
+                }, [
+                  u(e.$slots, "default")
+                ], 32)
+              ]),
+              _: 3
+            }, 8, ["id", "class", "to"]))
+          ], 64))
+        ], 64))
+      ], 64)) : (o(), l("a", {
+        key: 1,
+        id: i(s),
+        class: r(a.value),
+        href: "javascript:",
+        onClick: c,
+        onMouseenter: m,
+        onMouseleave: f
+      }, [
+        g("span", null, [
+          u(e.$slots, "default")
+        ])
+      ], 42, x));
+    };
+  }
+});
+export {
+  A as _
+};

package/buildLibs/utils/Shared/Index.vue_vue_type_script_setup_true_lang-DBrrIpHb.js

@@ -0,0 +1 @@
+"use strict";const e=require("vue"),r=require("@cldemo/ui-kit/common/base"),S=require("@cldemo/ui-kit/common/Element"),v=["id"],y={key:6,class:"fenceScrollX-cover"},k=e.defineComponent({name:"ClScrollXFence",__name:"Index",props:{id:String,className:String,isShowLeft:{type:Boolean,default:!0},isShowRight:{type:Boolean,default:!0},isShowCorner:{type:Boolean,default:!1},isShowCover:{type:Boolean,default:!1},cornerType:{type:String,default:""},leftWidth:{type:String,default:"0"},centerWidth:{type:String,default:"0"},rightWidth:{type:String,default:"0"},initLeft:String},emits:["onScrollX"],setup(o,{expose:s,emit:a}){const n=o,f=a,u=n.id,l=e.useTemplateRef("refElScrollX"),d=e.computed(()=>{let t={"panel-scroll-x-fence":!0};return n.isShowCorner&&r.isNonEmptyString(n.cornerType)&&(t[`fenceScrollX-showCorner-${n.cornerType}`]=!0),r.osType().isMobile&&(t["fenceScrollX-mob"]=!0),t=r.getJsonMerge(t,S.getClassNameJson(n.className)),t}),m=e.computed(()=>{const t={"fenceScrollX-corner":!0};return r.isNonEmptyString(n.cornerType)&&(t[`fenceScrollX-corner-${n.cornerType}`]=!0),t}),c=t=>{f("onScrollX",t)};return e.onMounted(()=>{e.nextTick(()=>{if(l.value){if(r.isNonEmptyString(n.initLeft)){const t=parseInt(n.initLeft,10);r.isFinite(t)&&(l.value.scrollLeft=t)}l.value.addEventListener("scroll",c)}})}),e.onBeforeUnmount(()=>{l.value&&l.value.removeEventListener("scroll",c)}),e.onActivated(()=>{l.value&&l.value.addEventListener("scroll",c)}),e.onDeactivated(()=>{l.value&&l.value.removeEventListener("scroll",c)}),s({setScrollLeft:t=>{l.value&&r.isFinite(t)&&(l.value.scrollLeft=t)}}),(t,i)=>(e.openBlock(),e.createElementBlock("div",{id:e.unref(u),class:e.normalizeClass(d.value)},[o.isShowLeft?(e.openBlock(),e.createElementBlock("div",{key:0,class:"fenceScrollX-left",style:e.normalizeStyle({width:o.leftWidth})},[...i[0]||(i[0]=[e.createElementVNode("div",null,null,-1)])],4)):(e.openBlock(),e.createElementBlock(e.Fragment,{key:1},[],64)),e.createElementVNode("div",{class:"fenceScrollX-center",ref_key:"refElScrollX",ref:l},[e.createElementVNode("div",{style:e.normalizeStyle({width:o.centerWidth})},null,4)],512),o.isShowRight?(e.openBlock(),e.createElementBlock("div",{key:2,class:"fenceScrollX-right",style:e.normalizeStyle({width:o.rightWidth})},[...i[1]||(i[1]=[e.createElementVNode("div",null,null,-1)])],4)):(e.openBlock(),e.createElementBlock(e.Fragment,{key:3},[],64)),o.isShowCorner?(e.openBlock(),e.createElementBlock("div",{key:4,class:e.normalizeClass(m.value)},null,2)):(e.openBlock(),e.createElementBlock(e.Fragment,{key:5},[],64)),o.isShowCover?(e.openBlock(),e.createElementBlock("div",y)):(e.openBlock(),e.createElementBlock(e.Fragment,{key:7},[],64))],10,v))}});exports._sfc_main=k;

package/buildLibs/utils/Shared/Index.vue_vue_type_script_setup_true_lang-DROYOL5-.js

@@ -0,0 +1,151 @@
+import { defineComponent as f, defineAsyncComponent as r, computed as e, openBlock as a, createElementBlock as p, unref as s, normalizeClass as h, createBlock as z, resolveDynamicComponent as R, Fragment as B } from "vue";
+import m from "@cldemo/ui-kit/common/base";
+import w from "@cldemo/ui-kit/common/Element";
+import { u as P } from "./language-CZZEj4e3.js";
+const q = ["id", "aria-label"], F = /* @__PURE__ */ f({
+  name: "ClLoad",
+  __name: "Index",
+  props: {
+    id: String,
+    // desc: 组件实例唯一标识，用于多实例场景下 DOM 查询限定
+    className: String,
+    // desc: 自定义CSS类名
+    theme: {
+      type: String,
+      default: "rotaryLine",
+      // desc: 加载动画主题 | enum: rotaryLine, circleNotch, circleBubble, ballColor4, dotTyping, dotWave, dotBounce, dotPulse, dotOrbit, dotFlow, dotSlide, dotSlider, dotFold, dotSquare, barEqualizer, barWave, barPulse, barStretch, barMeter, barBounce, barRamp, ringRotate, ringDot, ringPulse, ringClip, ringFan, circleSpinner, dotRipple, dotRipple3, ringCross, squareTrace, squareTrace2, crossMove, snakePath, squareMirror, dotPulse5, diamondShuttle, barStream, newtonCradle, dotSpin, orbitSwap, typingBounce, ringGlow, toastRing
+      validator: (o) => [
+        "rotaryLine",
+        "circleNotch",
+        "circleBubble",
+        "ballColor4",
+        "dotTyping",
+        "dotWave",
+        "dotBounce",
+        "dotPulse",
+        "dotOrbit",
+        "dotFlow",
+        "dotSlide",
+        "dotSlider",
+        "dotFold",
+        "dotSquare",
+        "barEqualizer",
+        "barWave",
+        "barPulse",
+        "barStretch",
+        "barMeter",
+        "barBounce",
+        "barRamp",
+        "ringRotate",
+        "ringDot",
+        "ringPulse",
+        "ringClip",
+        "ringFan",
+        "circleSpinner",
+        "dotRipple",
+        "dotRipple3",
+        "ringCross",
+        "squareTrace",
+        "squareTrace2",
+        "crossMove",
+        "snakePath",
+        "squareMirror",
+        "dotPulse5",
+        "diamondShuttle",
+        "barStream",
+        "newtonCradle",
+        "dotSpin",
+        "orbitSwap",
+        "typingBounce",
+        "ringGlow",
+        "toastRing"
+      ].indexOf(o) !== -1
+    },
+    size: {
+      type: String,
+      default: "small",
+      // desc: 加载动画尺寸，所有主题均生效 | enum: xxl, xl, large, small, xs
+      validator: (o) => ["xxl", "xl", "large", "small", "xs"].indexOf(o) !== -1
+    },
+    color: {
+      type: String,
+      default: ""
+      // desc: CSS 颜色值(可自定义)。ballColor4、diamondShuttle、orbitSwap、ringGlow 用 | 分隔多色，其余取第一个 | enum: white, var(--cl-primary, #1088f0), red, #2ecc71|#3498db|#f1c40f|#e74c3c
+    }
+  },
+  setup(o) {
+    const { optA11yText: c } = P(), t = o, u = t.id, d = {
+      rotaryLine: r(() => import("./RotaryLine-Cdz8nwRf.js")),
+      circleNotch: r(() => import("./CircleNotch-2dQjFYWc.js")),
+      circleBubble: r(() => import("./CircleBubble-EuLO3lU_.js")),
+      ballColor4: r(() => import("./BallColor4-BgI5jb8V.js")),
+      dotTyping: r(() => import("./DotTyping-0hrARvWU.js")),
+      dotWave: r(() => import("./DotWave-DQoC95AS.js")),
+      dotBounce: r(() => import("./DotBounce-B5PbB2xe.js")),
+      dotPulse: r(() => import("./DotPulse-QHE8tMDH.js")),
+      dotOrbit: r(() => import("./DotOrbit-EQ2q0_Ij.js")),
+      dotFlow: r(() => import("./DotFlow-fsSy4kfT.js")),
+      dotSlide: r(() => import("./DotSlide-BSfbfj_B.js")),
+      dotSlider: r(() => import("./DotSlider-B0VLWHCk.js")),
+      dotFold: r(() => import("./DotFold-D80uLiVJ.js")),
+      dotSquare: r(() => import("./DotSquare-YJ7F0xDD.js")),
+      barEqualizer: r(() => import("./BarEqualizer-tvbiUbBv.js")),
+      barWave: r(() => import("./BarWave-ClRslBiD.js")),
+      barPulse: r(() => import("./BarPulse-CFe-rHcL.js")),
+      barStretch: r(() => import("./BarStretch-LbCIjaOY.js")),
+      barMeter: r(() => import("./BarMeter-B2fGwHkn.js")),
+      barBounce: r(() => import("./BarBounce-jCuNPJvZ.js")),
+      barRamp: r(() => import("./BarRamp-BkzOd7FG.js")),
+      ringRotate: r(() => import("./RingRotate-BtVdDeWa.js")),
+      ringDot: r(() => import("./RingDot-CM6wn-RH.js")),
+      ringPulse: r(() => import("./RingPulse-DHqdL7t0.js")),
+      ringClip: r(() => import("./RingClip-D9JlUDmy.js")),
+      ringFan: r(() => import("./RingFan-BfRl7LQ4.js")),
+      dotRipple: r(() => import("./DotRipple-BWgifoa1.js")),
+      circleSpinner: r(() => import("./CircleSpinner-BroDlF99.js")),
+      dotRipple3: r(() => import("./DotRipple3-C5NUMImb.js")),
+      ringCross: r(() => import("./RingCross-DyJrL4dF.js")),
+      squareTrace: r(() => import("./SquareTrace-DuoeOwql.js")),
+      squareTrace2: r(() => import("./SquareTrace2-DL44MKN0.js")),
+      crossMove: r(() => import("./CrossMove-CzwNiebP.js")),
+      snakePath: r(() => import("./SnakePath-BSrBgyDC.js")),
+      squareMirror: r(() => import("./SquareMirror-D5hec8xw.js")),
+      dotPulse5: r(() => import("./DotPulse5-DXrCWdn0.js")),
+      diamondShuttle: r(() => import("./DiamondShuttle-BnfBvzJP.js")),
+      barStream: r(() => import("./BarStream-Cr5NbSUJ.js")),
+      newtonCradle: r(() => import("./NewtonCradle-C1VxlY4J.js")),
+      dotSpin: r(() => import("./DotSpin-q2KFLIgx.js")),
+      orbitSwap: r(() => import("./OrbitSwap-T6L-T8Ul.js")),
+      typingBounce: r(() => import("./TypingBounce-hNTCmxvq.js")),
+      ringGlow: r(() => import("./RingGlow-BcqM0fq4.js")),
+      toastRing: r(() => import("./ToastRing-JpFrJqbN.js"))
+    }, g = /* @__PURE__ */ new Set(["ballColor4", "diamondShuttle", "orbitSwap", "ringGlow"]), n = e(() => t.theme || "rotaryLine"), l = e(() => d[n.value] || null), S = e(() => t.size === "large"), b = e(() => t.size === "xl"), v = e(() => t.size === "xxl"), C = e(() => t.size === "xs"), x = e(() => {
+      const i = t.color || "";
+      return i ? g.has(n.value) ? i : m.isString(i) ? i.split("|")[0].trim() : "" : "";
+    }), y = e(() => m.getJsonMerge(
+      {
+        "panel-load": !0,
+        "size-large": S.value,
+        "size-xl": b.value,
+        "size-xxl": v.value,
+        "size-xs": C.value
+      },
+      w.getClassNameJson(t.className)
+    ));
+    return (i, M) => (a(), p("div", {
+      class: h(y.value),
+      id: s(u),
+      role: "status",
+      "aria-label": s(c).loading || "加载中"
+    }, [
+      l.value ? (a(), z(R(l.value), {
+        key: 0,
+        color: x.value,
+        size: o.size
+      }, null, 8, ["color", "size"])) : (a(), p(B, { key: 1 }, [], 64))
+    ], 10, q));
+  }
+});
+export {
+  F as _
+};