@huyooo/ui 0.1.11 → 0.1.13

package/dist/components/Collapse.vue.d.ts

@@ -0,0 +1,22 @@
+import { PropType } from 'vue';
+declare function __VLS_template(): {
+    default?(_: {}): any;
+};
+declare const __VLS_component: import('vue').DefineComponent<{
+    activeKeys: {
+        type: PropType<number[]>;
+        required: true;
+    };
+}, {}, unknown, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+    activeKeys: {
+        type: PropType<number[]>;
+        required: true;
+    };
+}>>, {}, {}>;
+declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, ReturnType<typeof __VLS_template>>;
+export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/components/CollapseItem.vue.d.ts

@@ -0,0 +1,39 @@
+declare function __VLS_template(): {
+    header?(_: {}): any;
+    default?(_: {}): any;
+};
+declare const __VLS_component: import('vue').DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToOption<{
+    index: number;
+}>, {
+    index: number;
+}>, {}, unknown, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToOption<{
+    index: number;
+}>, {
+    index: number;
+}>>>, {
+    index: number;
+}, {}>;
+declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, ReturnType<typeof __VLS_template>>;
+export default _default;
+type __VLS_WithDefaults<P, D> = {
+    [K in keyof Pick<P, keyof P>]: K extends keyof D ? __VLS_Prettify<P[K] & {
+        default: D[K];
+    }> : P[K];
+};
+type __VLS_Prettify<T> = {
+    [K in keyof T]: T[K];
+} & {};
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};
+type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
+type __VLS_TypePropsToOption<T> = {
+    [K in keyof T]-?: {} extends Pick<T, K> ? {
+        type: import('vue').PropType<__VLS_NonUndefinedable<T[K]>>;
+    } : {
+        type: import('vue').PropType<T[K]>;
+        required: true;
+    };
+};

package/dist/components/ContentHead.vue.d.ts

@@ -0,0 +1,27 @@
+declare const _default: import('vue').DefineComponent<{
+    title: {
+        type: StringConstructor;
+        required: true;
+        default: () => string;
+    };
+    description: {
+        type: StringConstructor;
+        required: true;
+        default: () => string;
+    };
+}, {}, unknown, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+    title: {
+        type: StringConstructor;
+        required: true;
+        default: () => string;
+    };
+    description: {
+        type: StringConstructor;
+        required: true;
+        default: () => string;
+    };
+}>>, {
+    title: string;
+    description: string;
+}, {}>;
+export default _default;

package/dist/components/Ellipsis.vue.d.ts

@@ -0,0 +1,79 @@
+declare const _default: import('vue').DefineComponent<{
+    width: {
+        type: StringConstructor;
+        default: string;
+    };
+    height: {
+        type: StringConstructor;
+        default: string;
+    };
+    zIndex: {
+        type: StringConstructor;
+        default: string;
+    };
+    top: {
+        type: StringConstructor;
+        default: string;
+    };
+    left: {
+        type: StringConstructor;
+        default: string;
+    };
+    right: {
+        type: StringConstructor;
+        default: string;
+    };
+    blur: {
+        type: StringConstructor;
+        default: string;
+    };
+    background: {
+        type: StringConstructor;
+        required: false;
+        default: () => string;
+    };
+}, {}, unknown, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+    width: {
+        type: StringConstructor;
+        default: string;
+    };
+    height: {
+        type: StringConstructor;
+        default: string;
+    };
+    zIndex: {
+        type: StringConstructor;
+        default: string;
+    };
+    top: {
+        type: StringConstructor;
+        default: string;
+    };
+    left: {
+        type: StringConstructor;
+        default: string;
+    };
+    right: {
+        type: StringConstructor;
+        default: string;
+    };
+    blur: {
+        type: StringConstructor;
+        default: string;
+    };
+    background: {
+        type: StringConstructor;
+        required: false;
+        default: () => string;
+    };
+}>>, {
+    width: string;
+    height: string;
+    zIndex: string;
+    top: string;
+    left: string;
+    right: string;
+    blur: string;
+    background: string;
+}, {}>;
+export default _default;

package/dist/components/WidthContainer.vue.d.ts

@@ -0,0 +1,11 @@
+declare function __VLS_template(): {
+    default?(_: {}): any;
+};
+declare const __VLS_component: import('vue').DefineComponent<{}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{}>>, {}, {}>;
+declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, ReturnType<typeof __VLS_template>>;
+export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/index.js

@@ -1,6 +1,6 @@
-import { defineComponent as b, computed as _, openBlock as a, createElementBlock as l, createElementVNode as M, getCurrentScope as O, onScopeDispose as E, unref as w, ref as m, watch as N, getCurrentInstance as V, onMounted as W, createVNode as q, createCommentVNode as d } from "vue";
-import { Spin as A } from "@arco-design/web-vue";
-const D = { class: "SvgIcon" }, G = ["href", "fill"], L = /* @__PURE__ */ b({
+import { defineComponent as p, computed as a, openBlock as l, createElementBlock as c, createElementVNode as u, getCurrentScope as G, onScopeDispose as K, unref as w, ref as d, watch as O, getCurrentInstance as P, onMounted as q, createVNode as B, createCommentVNode as m, provide as A, renderSlot as y, inject as I, normalizeClass as C, normalizeStyle as x, toDisplayString as E } from "vue";
+import { Spin as V } from "@arco-design/web-vue";
+const D = { class: "SvgIcon" }, H = ["href", "fill"], F = /* @__PURE__ */ p({
   __name: "SvgIcon",
   props: {
     prefix: {
@@ -20,97 +20,97 @@ const D = { class: "SvgIcon" }, G = ["href", "fill"], L = /* @__PURE__ */ b({
     }
   },
   setup(e) {
-    const n = e, t = _(() => `#${n.prefix ?? "icon"}-${n.name}`);
-    return (r, o) => (a(), l("svg", D, [
-      M("use", {
-        href: t.value,
-        fill: n.color
-      }, null, 8, G)
+    const t = e, n = a(() => `#${t.prefix ?? "icon"}-${t.name}`);
+    return (o, s) => (l(), c("svg", D, [
+      u("use", {
+        href: n.value,
+        fill: t.color
+      }, null, 8, H)
     ]));
   }
-}), k = (e, n) => {
-  const t = e.__vccOpts || e;
-  for (const [r, o] of n)
-    t[r] = o;
-  return t;
-}, Y = /* @__PURE__ */ k(L, [["__scopeId", "data-v-003a51d4"]]);
+}), f = (e, t) => {
+  const n = e.__vccOpts || e;
+  for (const [o, s] of t)
+    n[o] = s;
+  return n;
+}, Le = /* @__PURE__ */ f(F, [["__scopeId", "data-v-003a51d4"]]);
 function T(e) {
-  return O() ? (E(e), !0) : !1;
+  return G() ? (K(e), !0) : !1;
 }
-function x(e) {
+function W(e) {
   return typeof e == "function" ? e() : w(e);
 }
-const j = typeof window < "u" && typeof document < "u";
+const X = typeof window < "u" && typeof document < "u";
 typeof WorkerGlobalScope < "u" && globalThis instanceof WorkerGlobalScope;
-const z = (e) => e != null, p = () => {
-}, F = j ? window : void 0;
-function v(e) {
-  var n;
-  const t = x(e);
-  return (n = t == null ? void 0 : t.$el) != null ? n : t;
+const J = (e) => e != null, $ = () => {
+}, Q = X ? window : void 0;
+function k(e) {
+  var t;
+  const n = W(e);
+  return (t = n == null ? void 0 : n.$el) != null ? t : n;
 }
-function H() {
-  const e = m(!1), n = V();
-  return n && W(() => {
+function U() {
+  const e = d(!1), t = P();
+  return t && q(() => {
     e.value = !0;
-  }, n), e;
+  }, t), e;
 }
-function J(e) {
-  const n = H();
-  return _(() => (n.value, !!e()));
+function Y(e) {
+  const t = U();
+  return a(() => (t.value, !!e()));
 }
-function K(e, n, t = {}) {
+function Z(e, t, n = {}) {
   const {
-    root: r,
-    rootMargin: o = "0px",
-    threshold: c = 0,
-    window: f = F,
+    root: o,
+    rootMargin: s = "0px",
+    threshold: i = 0,
+    window: r = Q,
     immediate: g = !0
-  } = t, h = J(() => f && "IntersectionObserver" in f), $ = _(() => {
-    const i = x(e);
-    return (Array.isArray(i) ? i : [i]).map(v).filter(z);
+  } = n, S = Y(() => r && "IntersectionObserver" in r), j = a(() => {
+    const v = W(e);
+    return (Array.isArray(v) ? v : [v]).map(k).filter(J);
   });
-  let u = p;
-  const s = m(g), B = h.value ? N(
-    () => [$.value, v(r), s.value],
-    ([i, C]) => {
-      if (u(), !s.value || !i.length)
+  let h = $;
+  const _ = d(g), M = S.value ? O(
+    () => [j.value, k(o), _.value],
+    ([v, R]) => {
+      if (h(), !_.value || !v.length)
         return;
-      const S = new IntersectionObserver(
-        n,
+      const L = new IntersectionObserver(
+        t,
         {
-          root: v(C),
-          rootMargin: o,
-          threshold: c
+          root: k(R),
+          rootMargin: s,
+          threshold: i
         }
       );
-      i.forEach((I) => I && S.observe(I)), u = () => {
-        S.disconnect(), u = p;
+      v.forEach((N) => N && L.observe(N)), h = () => {
+        L.disconnect(), h = $;
       };
     },
     { immediate: g, flush: "post" }
-  ) : p, y = () => {
-    u(), B(), s.value = !1;
+  ) : $, z = () => {
+    h(), M(), _.value = !1;
   };
-  return T(y), {
-    isSupported: h,
-    isActive: s,
+  return T(z), {
+    isSupported: S,
+    isActive: _,
     pause() {
-      u(), s.value = !1;
+      h(), _.value = !1;
     },
     resume() {
-      s.value = !0;
+      _.value = !0;
     },
-    stop: y
+    stop: z
   };
 }
-const P = {
+const ee = {
   key: 0,
   class: "loading"
-}, Q = {
+}, te = {
   key: 1,
   class: "none"
-}, R = /* @__PURE__ */ b({
+}, ne = /* @__PURE__ */ p({
   __name: "InfiniteLoading",
   props: {
     loading: {
@@ -123,31 +123,265 @@ const P = {
     }
   },
   emits: ["infinite"],
-  setup(e, { emit: n }) {
-    const t = e, r = n, o = m(null);
-    return K(
-      o,
-      ([{ isIntersecting: c }]) => {
-        c && !t.loading && !t.finished && (console.log(c, "isIntersecting"), r("infinite"));
+  setup(e, { emit: t }) {
+    const n = e, o = t, s = d(null);
+    return Z(
+      s,
+      ([{ isIntersecting: i }]) => {
+        i && !n.loading && !n.finished && (console.log(i, "isIntersecting"), o("infinite"));
       },
       {
         threshold: 0
       }
-    ), (c, f) => (a(), l("div", {
+    ), (i, r) => (l(), c("div", {
       class: "infinite-loading",
       ref_key: "container",
-      ref: o
+      ref: s
     }, [
-      e.loading ? (a(), l("div", P, [
-        q(w(A), { tip: "数据加载中..." })
-      ])) : d("", !0),
-      e.finished ? (a(), l("div", Q, [
-        d("", !0)
-      ])) : d("", !0)
+      e.loading ? (l(), c("div", ee, [
+        B(w(V), { tip: "数据加载中..." })
+      ])) : m("", !0),
+      e.finished ? (l(), c("div", te, [
+        m("", !0)
+      ])) : m("", !0)
     ], 512));
   }
-}), Z = /* @__PURE__ */ k(R, [["__scopeId", "data-v-ffa0deb7"]]);
+}), Ne = /* @__PURE__ */ f(ne, [["__scopeId", "data-v-ffa0deb7"]]), oe = /* @__PURE__ */ p({
+  __name: "Collapse",
+  props: {
+    activeKeys: {
+      type: Array,
+      required: !0
+    }
+  },
+  setup(e) {
+    const t = e, n = d(), o = d(new Set(t.activeKeys));
+    A("expandedIndexes", o);
+    const s = d(0);
+    return A("slotsCount", s), q(() => {
+      s.value = n.value.children.length;
+    }), O(
+      () => t.activeKeys,
+      (i) => {
+        o.value = new Set(i);
+      }
+    ), (i, r) => (l(), c("div", {
+      class: "collapse-container",
+      ref_key: "collapseRef",
+      ref: n
+    }, [
+      y(i.$slots, "default", {}, void 0, !0)
+    ], 512));
+  }
+}), Ae = /* @__PURE__ */ f(oe, [["__scopeId", "data-v-37af01ec"]]), se = Symbol("ArcoConfigProvider"), ie = "arco", re = "$arco", le = (e) => {
+  var t, n, o;
+  const s = P(), i = I(se, void 0);
+  return `${(o = (n = i == null ? void 0 : i.prefixCls) != null ? n : (t = s == null ? void 0 : s.appContext.config.globalProperties[re]) == null ? void 0 : t.classPrefix) != null ? o : ie}-${e}`;
+}, ce = Object.prototype.toString;
+function ae(e) {
+  return ce.call(e) === "[object Number]" && e === e;
+}
+var ue = (e, t) => {
+  for (const [n, o] of t)
+    e[n] = o;
+  return e;
+};
+const de = p({
+  name: "IconRight",
+  props: {
+    size: {
+      type: [Number, String]
+    },
+    strokeWidth: {
+      type: Number,
+      default: 4
+    },
+    strokeLinecap: {
+      type: String,
+      default: "butt",
+      validator: (e) => ["butt", "round", "square"].includes(e)
+    },
+    strokeLinejoin: {
+      type: String,
+      default: "miter",
+      validator: (e) => ["arcs", "bevel", "miter", "miter-clip", "round"].includes(e)
+    },
+    rotate: Number,
+    spin: Boolean
+  },
+  emits: {
+    click: (e) => !0
+  },
+  setup(e, { emit: t }) {
+    const n = le("icon"), o = a(() => [n, `${n}-right`, { [`${n}-spin`]: e.spin }]), s = a(() => {
+      const r = {};
+      return e.size && (r.fontSize = ae(e.size) ? `${e.size}px` : e.size), e.rotate && (r.transform = `rotate(${e.rotate}deg)`), r;
+    });
+    return {
+      cls: o,
+      innerStyle: s,
+      onClick: (r) => {
+        t("click", r);
+      }
+    };
+  }
+}), pe = ["stroke-width", "stroke-linecap", "stroke-linejoin"], fe = /* @__PURE__ */ u("path", { d: "m16 39.513 15.556-15.557L16 8.4" }, null, -1), _e = [
+  fe
+];
+function ve(e, t, n, o, s, i) {
+  return l(), c("svg", {
+    viewBox: "0 0 48 48",
+    fill: "none",
+    xmlns: "http://www.w3.org/2000/svg",
+    stroke: "currentColor",
+    class: C(e.cls),
+    style: x(e.innerStyle),
+    "stroke-width": e.strokeWidth,
+    "stroke-linecap": e.strokeLinecap,
+    "stroke-linejoin": e.strokeLinejoin,
+    onClick: t[0] || (t[0] = (...r) => e.onClick && e.onClick(...r))
+  }, _e, 14, pe);
+}
+var b = /* @__PURE__ */ ue(de, [["render", ve]]);
+const ge = Object.assign(b, {
+  install: (e, t) => {
+    var n;
+    const o = (n = t == null ? void 0 : t.iconPrefix) != null ? n : "";
+    e.component(o + b.name, b);
+  }
+}), he = {
+  key: 0,
+  class: "collapse-content"
+}, me = /* @__PURE__ */ p({
+  __name: "CollapseItem",
+  props: {
+    index: { default: 0 }
+  },
+  setup(e) {
+    const t = e, n = I("slotsCount", d(0)), o = I("expandedIndexes"), s = a(() => t.index === n.value - 1), i = a(() => o.value.has(t.index)), r = () => {
+      o && (i.value ? o.value.delete(t.index) : o.value.add(t.index));
+    };
+    return (g, S) => (l(), c("div", {
+      class: C(["collapse-item", { "no-border": s.value }])
+    }, [
+      u("button", {
+        class: "collapse-header",
+        onClick: r
+      }, [
+        u("span", null, [
+          y(g.$slots, "header", {}, void 0, !0)
+        ]),
+        u("span", {
+          class: C(["collapse-icon", { rotated: i.value }])
+        }, [
+          B(w(ge))
+        ], 2)
+      ]),
+      i.value ? (l(), c("div", he, [
+        y(g.$slots, "default", {}, void 0, !0)
+      ])) : m("", !0)
+    ], 2));
+  }
+}), Ee = /* @__PURE__ */ f(me, [["__scopeId", "data-v-f2e1f58c"]]), ye = { class: "ContentHead" }, Se = { class: "title" }, $e = {
+  key: 0,
+  class: "description"
+}, ke = /* @__PURE__ */ p({
+  __name: "ContentHead",
+  props: {
+    title: {
+      type: String,
+      required: !0,
+      default: () => ""
+    },
+    description: {
+      type: String,
+      required: !0,
+      default: () => ""
+    }
+  },
+  setup(e) {
+    const t = e;
+    return (n, o) => (l(), c("div", ye, [
+      u("h1", Se, E(t.title), 1),
+      t.description ? (l(), c("p", $e, E(t.description), 1)) : m("", !0)
+    ]));
+  }
+}), Oe = /* @__PURE__ */ f(ke, [["__scopeId", "data-v-f1ddfae6"]]), be = /* @__PURE__ */ p({
+  __name: "Ellipsis",
+  props: {
+    width: {
+      type: String,
+      default: "100%"
+    },
+    height: {
+      type: String,
+      default: "100%"
+    },
+    zIndex: {
+      type: String,
+      default: "-1"
+    },
+    top: {
+      type: String,
+      default: "10%"
+    },
+    left: {
+      type: String,
+      default: "0%"
+    },
+    right: {
+      type: String,
+      default: "auto"
+    },
+    blur: {
+      type: String,
+      default: "0px"
+    },
+    background: {
+      type: String,
+      required: !1,
+      default: () => "linear-gradient(180deg, rgb(0 225 10 / 10%) 0.31%, rgb(26 214 255 / 52%) 74.99%, rgb(220 189 0 / 0%) 99.69%)"
+    }
+  },
+  setup(e) {
+    const t = e, n = a(() => ({
+      pointerEvents: "none",
+      position: "absolute",
+      zIndex: t.zIndex,
+      width: t.width,
+      height: t.height,
+      filter: `blur(${t.blur})`
+    })), o = a(() => ({
+      width: "100%",
+      height: "100%",
+      background: t.background
+      //   background: `linear-gradient(180deg, #D5D1FF 0.31%, #EAEDFF 74.99%, rgba(240, 246, 255, 0) 99.69%)`,
+      //   background: `linear-gradient(180deg, rgb(0 225 10 / 63%) 0.31%, rgb(26 214 255 / 52%) 74.99%, rgb(220 189 0 / 0%) 99.69%)`,
+      // background: `linear-gradient(315deg, rgb(0 225 10 / 63%) 10%, rgb(26 214 255 / 52%) 50%, rgb(220 189 0 / 37%) 100%)`,
+    }));
+    return (s, i) => (l(), c("div", {
+      class: "ellipsis",
+      style: x(n.value)
+    }, [
+      u("div", {
+        class: "ellipsis-item",
+        style: x(o.value)
+      }, null, 4)
+    ], 4));
+  }
+}), Pe = /* @__PURE__ */ f(be, [["__scopeId", "data-v-470c9c2f"]]), Ie = {}, Ce = { class: "WidthContainer" };
+function xe(e, t) {
+  return l(), c("div", Ce, [
+    y(e.$slots, "default", {}, void 0, !0)
+  ]);
+}
+const qe = /* @__PURE__ */ f(Ie, [["render", xe], ["__scopeId", "data-v-1e360997"]]);
 export {
-  Z as InfiniteLoading,
-  Y as SvgIcon
+  Ae as Collapse,
+  Ee as CollapseItem,
+  Oe as ContentHead,
+  Pe as Ellipsis,
+  Ne as InfiniteLoading,
+  Le as SvgIcon,
+  qe as WidthContainer
 };

package/dist/index.umd.cjs

@@ -1 +1 @@
-(function(i,e){typeof exports=="object"&&typeof module<"u"?e(exports,require("vue"),require("@arco-design/web-vue")):typeof define=="function"&&define.amd?define(["exports","vue","@arco-design/web-vue"],e):(i=typeof globalThis<"u"?globalThis:i||self,e(i.ui={},i.Vue,i.webVue))})(this,function(i,e,k){"use strict";const I={class:"SvgIcon"},w=["href","fill"],B=e.defineComponent({__name:"SvgIcon",props:{prefix:{type:String,required:!1,default:"icon"},name:{type:String,required:!0,default:()=>""},color:{type:String,required:!1,default:"#333"}},setup(n){const t=n,o=e.computed(()=>`#${t.prefix??"icon"}-${t.name}`);return(s,r)=>(e.openBlock(),e.createElementBlock("svg",I,[e.createElementVNode("use",{href:o.value,fill:t.color},null,8,w)]))}}),m=(n,t)=>{const o=n.__vccOpts||n;for(const[s,r]of t)o[s]=r;return o},v=m(B,[["__scopeId","data-v-003a51d4"]]);function C(n){return e.getCurrentScope()?(e.onScopeDispose(n),!0):!1}function _(n){return typeof n=="function"?n():e.unref(n)}const V=typeof window<"u"&&typeof document<"u";typeof WorkerGlobalScope<"u"&&globalThis instanceof WorkerGlobalScope;const x=n=>n!=null,d=()=>{},E=V?window:void 0;function u(n){var t;const o=_(n);return(t=o==null?void 0:o.$el)!=null?t:o}function M(){const n=e.ref(!1),t=e.getCurrentInstance();return t&&e.onMounted(()=>{n.value=!0},t),n}function N(n){const t=M();return e.computed(()=>(t.value,!!n()))}function O(n,t,o={}){const{root:s,rootMargin:r="0px",threshold:l=0,window:p=E,immediate:g=!0}=o,h=N(()=>p&&"IntersectionObserver"in p),W=e.computed(()=>{const a=_(n);return(Array.isArray(a)?a:[a]).map(u).filter(x)});let f=d;const c=e.ref(g),A=h.value?e.watch(()=>[W.value,u(s),c.value],([a,L])=>{if(f(),!c.value||!a.length)return;const S=new IntersectionObserver(t,{root:u(L),rootMargin:r,threshold:l});a.forEach(b=>b&&S.observe(b)),f=()=>{S.disconnect(),f=d}},{immediate:g,flush:"post"}):d,y=()=>{f(),A(),c.value=!1};return C(y),{isSupported:h,isActive:c,pause(){f(),c.value=!1},resume(){c.value=!0},stop:y}}const $={key:0,class:"loading"},q={key:1,class:"none"},T=m(e.defineComponent({__name:"InfiniteLoading",props:{loading:{type:Boolean,default:()=>!1},finished:{type:Boolean,default:()=>!1}},emits:["infinite"],setup(n,{emit:t}){const o=n,s=t,r=e.ref(null);return O(r,([{isIntersecting:l}])=>{l&&!o.loading&&!o.finished&&(console.log(l,"isIntersecting"),s("infinite"))},{threshold:0}),(l,p)=>(e.openBlock(),e.createElementBlock("div",{class:"infinite-loading",ref_key:"container",ref:r},[n.loading?(e.openBlock(),e.createElementBlock("div",$,[e.createVNode(e.unref(k.Spin),{tip:"数据加载中..."})])):e.createCommentVNode("",!0),n.finished?(e.openBlock(),e.createElementBlock("div",q,[e.createCommentVNode("",!0)])):e.createCommentVNode("",!0)],512))}}),[["__scopeId","data-v-ffa0deb7"]]);i.InfiniteLoading=T,i.SvgIcon=v,Object.defineProperty(i,Symbol.toStringTag,{value:"Module"})});
+(function(l,e){typeof exports=="object"&&typeof module<"u"?e(exports,require("vue"),require("@arco-design/web-vue")):typeof define=="function"&&define.amd?define(["exports","vue","@arco-design/web-vue"],e):(l=typeof globalThis<"u"?globalThis:l||self,e(l.ui={},l.Vue,l.webVue))})(this,function(l,e,$){"use strict";const b={class:"SvgIcon"},I=["href","fill"],B=e.defineComponent({__name:"SvgIcon",props:{prefix:{type:String,required:!1,default:"icon"},name:{type:String,required:!0,default:()=>""},color:{type:String,required:!1,default:"#333"}},setup(t){const n=t,o=e.computed(()=>`#${n.prefix??"icon"}-${n.name}`);return(i,s)=>(e.openBlock(),e.createElementBlock("svg",b,[e.createElementVNode("use",{href:o.value,fill:n.color},null,8,I)]))}}),a=(t,n)=>{const o=t.__vccOpts||t;for(const[i,s]of n)o[i]=s;return o},x=a(B,[["__scopeId","data-v-003a51d4"]]);function E(t){return e.getCurrentScope()?(e.onScopeDispose(t),!0):!1}function y(t){return typeof t=="function"?t():e.unref(t)}const w=typeof window<"u"&&typeof document<"u";typeof WorkerGlobalScope<"u"&&globalThis instanceof WorkerGlobalScope;const N=t=>t!=null,m=()=>{},V=w?window:void 0;function _(t){var n;const o=y(t);return(n=o==null?void 0:o.$el)!=null?n:o}function z(){const t=e.ref(!1),n=e.getCurrentInstance();return n&&e.onMounted(()=>{t.value=!0},n),t}function L(t){const n=z();return e.computed(()=>(n.value,!!t()))}function j(t,n,o={}){const{root:i,rootMargin:s="0px",threshold:r=0,window:c=V,immediate:f=!0}=o,h=L(()=>c&&"IntersectionObserver"in c),ce=e.computed(()=>{const p=y(t);return(Array.isArray(p)?p:[p]).map(_).filter(N)});let u=m;const d=e.ref(f),le=h.value?e.watch(()=>[ce.value,_(i),d.value],([p,ae])=>{if(u(),!d.value||!p.length)return;const C=new IntersectionObserver(n,{root:_(ae),rootMargin:s,threshold:r});p.forEach(S=>S&&C.observe(S)),u=()=>{C.disconnect(),u=m}},{immediate:f,flush:"post"}):m,k=()=>{u(),le(),d.value=!1};return E(k),{isSupported:h,isActive:d,pause(){u(),d.value=!1},resume(){d.value=!0},stop:k}}const q={key:0,class:"loading"},O={key:1,class:"none"},P=a(e.defineComponent({__name:"InfiniteLoading",props:{loading:{type:Boolean,default:()=>!1},finished:{type:Boolean,default:()=>!1}},emits:["infinite"],setup(t,{emit:n}){const o=t,i=n,s=e.ref(null);return j(s,([{isIntersecting:r}])=>{r&&!o.loading&&!o.finished&&(console.log(r,"isIntersecting"),i("infinite"))},{threshold:0}),(r,c)=>(e.openBlock(),e.createElementBlock("div",{class:"infinite-loading",ref_key:"container",ref:s},[t.loading?(e.openBlock(),e.createElementBlock("div",q,[e.createVNode(e.unref($.Spin),{tip:"数据加载中..."})])):e.createCommentVNode("",!0),t.finished?(e.openBlock(),e.createElementBlock("div",O,[e.createCommentVNode("",!0)])):e.createCommentVNode("",!0)],512))}}),[["__scopeId","data-v-ffa0deb7"]]),A=a(e.defineComponent({__name:"Collapse",props:{activeKeys:{type:Array,required:!0}},setup(t){const n=t,o=e.ref(),i=e.ref(new Set(n.activeKeys));e.provide("expandedIndexes",i);const s=e.ref(0);return e.provide("slotsCount",s),e.onMounted(()=>{s.value=o.value.children.length}),e.watch(()=>n.activeKeys,r=>{i.value=new Set(r)}),(r,c)=>(e.openBlock(),e.createElementBlock("div",{class:"collapse-container",ref_key:"collapseRef",ref:o},[e.renderSlot(r.$slots,"default",{},void 0,!0)],512))}}),[["__scopeId","data-v-37af01ec"]]),W=Symbol("ArcoConfigProvider"),M="arco",R="$arco",D=t=>{var n,o,i;const s=e.getCurrentInstance(),r=e.inject(W,void 0);return`${(i=(o=r==null?void 0:r.prefixCls)!=null?o:(n=s==null?void 0:s.appContext.config.globalProperties[R])==null?void 0:n.classPrefix)!=null?i:M}-${t}`},G=Object.prototype.toString;function H(t){return G.call(t)==="[object Number]"&&t===t}var K=(t,n)=>{for(const[o,i]of n)t[o]=i;return t};const T=e.defineComponent({name:"IconRight",props:{size:{type:[Number,String]},strokeWidth:{type:Number,default:4},strokeLinecap:{type:String,default:"butt",validator:t=>["butt","round","square"].includes(t)},strokeLinejoin:{type:String,default:"miter",validator:t=>["arcs","bevel","miter","miter-clip","round"].includes(t)},rotate:Number,spin:Boolean},emits:{click:t=>!0},setup(t,{emit:n}){const o=D("icon"),i=e.computed(()=>[o,`${o}-right`,{[`${o}-spin`]:t.spin}]),s=e.computed(()=>{const c={};return t.size&&(c.fontSize=H(t.size)?`${t.size}px`:t.size),t.rotate&&(c.transform=`rotate(${t.rotate}deg)`),c});return{cls:i,innerStyle:s,onClick:c=>{n("click",c)}}}}),v=["stroke-width","stroke-linecap","stroke-linejoin"],F=[e.createElementVNode("path",{d:"m16 39.513 15.556-15.557L16 8.4"},null,-1)];function X(t,n,o,i,s,r){return e.openBlock(),e.createElementBlock("svg",{viewBox:"0 0 48 48",fill:"none",xmlns:"http://www.w3.org/2000/svg",stroke:"currentColor",class:e.normalizeClass(t.cls),style:e.normalizeStyle(t.innerStyle),"stroke-width":t.strokeWidth,"stroke-linecap":t.strokeLinecap,"stroke-linejoin":t.strokeLinejoin,onClick:n[0]||(n[0]=(...c)=>t.onClick&&t.onClick(...c))},F,14,v)}var g=K(T,[["render",X]]);const J=Object.assign(g,{install:(t,n)=>{var o;const i=(o=n==null?void 0:n.iconPrefix)!=null?o:"";t.component(i+g.name,g)}}),Q={key:0,class:"collapse-content"},U=a(e.defineComponent({__name:"CollapseItem",props:{index:{default:0}},setup(t){const n=t,o=e.inject("slotsCount",e.ref(0)),i=e.inject("expandedIndexes"),s=e.computed(()=>n.index===o.value-1),r=e.computed(()=>i.value.has(n.index)),c=()=>{i&&(r.value?i.value.delete(n.index):i.value.add(n.index))};return(f,h)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(["collapse-item",{"no-border":s.value}])},[e.createElementVNode("button",{class:"collapse-header",onClick:c},[e.createElementVNode("span",null,[e.renderSlot(f.$slots,"header",{},void 0,!0)]),e.createElementVNode("span",{class:e.normalizeClass(["collapse-icon",{rotated:r.value}])},[e.createVNode(e.unref(J))],2)]),r.value?(e.openBlock(),e.createElementBlock("div",Q,[e.renderSlot(f.$slots,"default",{},void 0,!0)])):e.createCommentVNode("",!0)],2))}}),[["__scopeId","data-v-f2e1f58c"]]),Y={class:"ContentHead"},Z={class:"title"},ee={key:0,class:"description"},te=a(e.defineComponent({__name:"ContentHead",props:{title:{type:String,required:!0,default:()=>""},description:{type:String,required:!0,default:()=>""}},setup(t){const n=t;return(o,i)=>(e.openBlock(),e.createElementBlock("div",Y,[e.createElementVNode("h1",Z,e.toDisplayString(n.title),1),n.description?(e.openBlock(),e.createElementBlock("p",ee,e.toDisplayString(n.description),1)):e.createCommentVNode("",!0)]))}}),[["__scopeId","data-v-f1ddfae6"]]),ne=a(e.defineComponent({__name:"Ellipsis",props:{width:{type:String,default:"100%"},height:{type:String,default:"100%"},zIndex:{type:String,default:"-1"},top:{type:String,default:"10%"},left:{type:String,default:"0%"},right:{type:String,default:"auto"},blur:{type:String,default:"0px"},background:{type:String,required:!1,default:()=>"linear-gradient(180deg, rgb(0 225 10 / 10%) 0.31%, rgb(26 214 255 / 52%) 74.99%, rgb(220 189 0 / 0%) 99.69%)"}},setup(t){const n=t,o=e.computed(()=>({pointerEvents:"none",position:"absolute",zIndex:n.zIndex,width:n.width,height:n.height,filter:`blur(${n.blur})`})),i=e.computed(()=>({width:"100%",height:"100%",background:n.background}));return(s,r)=>(e.openBlock(),e.createElementBlock("div",{class:"ellipsis",style:e.normalizeStyle(o.value)},[e.createElementVNode("div",{class:"ellipsis-item",style:e.normalizeStyle(i.value)},null,4)],4))}}),[["__scopeId","data-v-470c9c2f"]]),oe={},ie={class:"WidthContainer"};function se(t,n){return e.openBlock(),e.createElementBlock("div",ie,[e.renderSlot(t.$slots,"default",{},void 0,!0)])}const re=a(oe,[["render",se],["__scopeId","data-v-1e360997"]]);l.Collapse=A,l.CollapseItem=U,l.ContentHead=te,l.Ellipsis=ne,l.InfiniteLoading=P,l.SvgIcon=x,l.WidthContainer=re,Object.defineProperty(l,Symbol.toStringTag,{value:"Module"})});

package/dist/main.d.ts

@@ -1,3 +1,8 @@
 import { default as SvgIcon } from './components/SvgIcon.vue';
 import { default as InfiniteLoading } from './components/InfiniteLoading.vue';
-export { SvgIcon, InfiniteLoading };
+import { default as Collapse } from './components/Collapse.vue';
+import { default as CollapseItem } from './components/CollapseItem.vue';
+import { default as ContentHead } from './components/ContentHead.vue';
+import { default as Ellipsis } from './components/Ellipsis.vue';
+import { default as WidthContainer } from './components/WidthContainer.vue';
+export { SvgIcon, InfiniteLoading, Collapse, CollapseItem, ContentHead, Ellipsis, WidthContainer, };

package/dist/style.css

@@ -1 +1 @@
-.SvgIcon[data-v-003a51d4]{width:1em;height:1em}.infinite-loading .loading[data-v-ffa0deb7]{display:flex;align-items:center;justify-content:center}.infinite-loading .loading .text[data-v-ffa0deb7]{color:#999;font-size:16px}.infinite-loading .none[data-v-ffa0deb7]{display:flex;align-items:center;justify-content:center}.infinite-loading .none .text[data-v-ffa0deb7]{color:#999;font-size:14px}
+.SvgIcon[data-v-003a51d4]{width:1em;height:1em}.infinite-loading .loading[data-v-ffa0deb7]{display:flex;align-items:center;justify-content:center}.infinite-loading .loading .text[data-v-ffa0deb7]{color:#999;font-size:16px}.infinite-loading .none[data-v-ffa0deb7]{display:flex;align-items:center;justify-content:center}.infinite-loading .none .text[data-v-ffa0deb7]{color:#999;font-size:14px}.collapse-container[data-v-37af01ec]{display:flex;flex-direction:column;gap:8px;width:100%}.collapse-item[data-v-f2e1f58c]{display:flex;flex-direction:column;border-bottom:1px solid rgb(229,230,235)}.collapse-item.no-border[data-v-f2e1f58c]{border-bottom:none}.collapse-header[data-v-f2e1f58c]{display:flex;align-items:center;justify-content:space-between;width:100%;padding:20px 0;font-size:18px;cursor:pointer;background:none;border:none;text-align:left;transition:color .3s}.collapse-icon[data-v-f2e1f58c]{transition:transform .2s;font-size:18px}.collapse-icon.rotated[data-v-f2e1f58c]{transform:rotate(90deg)}.collapse-content[data-v-f2e1f58c]{overflow:hidden;padding:0 0 20px;color:#213547cc;font-size:16px}.ContentHead[data-v-f1ddfae6]{display:flex;flex-direction:column;margin-bottom:50px}.ContentHead .title[data-v-f1ddfae6]{display:flex;flex-direction:row;justify-content:center;align-items:center;font-family:Polysans median,sans-serif;font-size:3rem;font-weight:600}.ContentHead .description[data-v-f1ddfae6]{line-height:36px;font-size:18px;font-family:Polysans neutral,sans-serif}.ellipsis[data-v-470c9c2f]{pointer-events:none}.ellipsis-item[data-v-470c9c2f]{width:100%;height:100%}.WidthContainer[data-v-1e360997]{max-width:1344px;padding:0 32px;display:flex;flex:1;width:1344px}

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@huyooo/ui",
   "private": false,
-  "version": "0.1.11",
+  "version": "0.1.13",
   "type": "module",
   "main": "dist/index.umd.js",
   "module": "dist/index.js",
@@ -35,5 +35,5 @@
     "@arco-design/web-vue": "^2.56.3",
     "@iconify/vue": "^4.1.2"
   },
-  "gitHead": "40ccf0498b0cdae5294078255dfc93c1e354425f"
+  "gitHead": "e46232590fb56d85358a6c04ab0f097991696e2c"
 }