rhjy-ui 0.1.0 → 0.2.1

package/dist/data-center/index.js

@@ -1,82 +1,83 @@
-import { defineComponent as S, openBlock as l, createElementBlock as c, createElementVNode as h, toDisplayString as g, createCommentVNode as C, computed as D, normalizeClass as K, normalizeStyle as Q, Fragment as U, renderList as q, ref as p, onMounted as Z, renderSlot as T, createTextVNode as X, createBlock as Y, createVNode as O, onBeforeUnmount as ee, watch as oe, nextTick as le, withModifiers as j, Teleport as re, withCtx as L, normalizeProps as N, guardReactiveProps as H, resolveComponent as J } from "vue";
-const ie = { class: "rh-data-center-panel__state" }, W = /* @__PURE__ */ S({
+import { defineComponent as O, openBlock as l, createElementBlock as i, createElementVNode as h, toDisplayString as g, createCommentVNode as C, computed as L, normalizeClass as K, normalizeStyle as Q, Fragment as U, renderList as q, ref as m, onMounted as Z, renderSlot as b, createTextVNode as X, createBlock as Y, createVNode as S, onBeforeUnmount as ee, watch as oe, nextTick as le, withModifiers as j, Teleport as re, withCtx as V, normalizeProps as N, guardReactiveProps as H, resolveComponent as J } from "vue";
+import { _ as ie } from "../_plugin-vue_export-helper-dad06003.js";
+const ce = { class: "rh-data-center-panel__state" }, W = /* @__PURE__ */ O({
   __name: "RhDataCenterState",
   props: {
     text: {},
     retryable: { type: Boolean, default: !1 }
   },
   emits: ["retry"],
-  setup(e, { emit: m }) {
-    const t = m;
-    return (i, u) => (l(), c("div", ie, [
+  setup(e, { emit: p }) {
+    const t = p;
+    return (c, d) => (l(), i("div", ce, [
       h("span", null, g(e.text), 1),
-      e.retryable ? (l(), c("button", {
+      e.retryable ? (l(), i("button", {
         key: 0,
         type: "button",
         class: "rh-data-center-panel__retry",
-        onClick: u[0] || (u[0] = (d) => t("retry"))
+        onClick: d[0] || (d[0] = (u) => t("retry"))
       }, " 重新加载 ")) : C("", !0)
     ]));
   }
-}), ce = { class: "rh-data-center-panel__task" }, ue = { class: "rh-data-center-panel__taskMain" }, de = { class: "rh-data-center-panel__taskTitle" }, ve = {
+}), ue = { class: "rh-data-center-panel__task" }, de = { class: "rh-data-center-panel__taskMain" }, ve = { class: "rh-data-center-panel__taskTitle" }, fe = {
   key: 0,
   class: "rh-data-center-panel__taskTag"
-}, fe = {
+}, he = {
   key: 0,
   class: "rh-data-center-panel__progress"
-}, he = { class: "rh-data-center-panel__meta" }, me = {
+}, me = { class: "rh-data-center-panel__meta" }, pe = {
   key: 0,
   class: "rh-data-center-panel__actions"
-}, pe = ["disabled", "onClick"], ye = /* @__PURE__ */ S({
+}, ye = ["disabled", "onClick"], _e = /* @__PURE__ */ O({
   __name: "RhDataCenterTaskItem",
   props: {
     task: {}
   },
   emits: ["action"],
-  setup(e, { emit: m }) {
-    const t = e, i = m, u = D(() => {
-      const d = Number(t.task.progress || 0);
-      return Math.min(100, Math.max(0, d));
+  setup(e, { emit: p }) {
+    const t = e, c = p, d = L(() => {
+      const u = Number(t.task.progress || 0);
+      return Math.min(100, Math.max(0, u));
     });
-    return (d, b) => {
+    return (u, T) => {
       var y;
-      return l(), c("div", ce, [
-        h("div", ue, [
-          h("div", de, [
+      return l(), i("div", ue, [
+        h("div", de, [
+          h("div", ve, [
             h("span", null, g(e.task.title), 1),
-            e.task.tag ? (l(), c("span", ve, g(e.task.tag), 1)) : C("", !0)
+            e.task.tag ? (l(), i("span", fe, g(e.task.tag), 1)) : C("", !0)
           ]),
-          e.task.status !== "success" ? (l(), c("div", fe, [
+          e.task.status !== "success" ? (l(), i("div", he, [
             h("div", {
               class: K(["rh-data-center-panel__progressBar", { "is-failed": e.task.status === "failed" }]),
-              style: Q({ width: `${u.value}%` })
+              style: Q({ width: `${d.value}%` })
             }, null, 6)
           ])) : C("", !0),
-          h("div", he, g(e.task.createdAt), 1),
-          e.task.message ? (l(), c("div", {
+          h("div", me, g(e.task.createdAt), 1),
+          e.task.message ? (l(), i("div", {
             key: 1,
             class: K(["rh-data-center-panel__message", { "is-failed": e.task.status === "failed" }])
           }, g(e.task.message), 3)) : C("", !0)
         ]),
-        (y = e.task.actions) != null && y.length ? (l(), c("div", me, [
-          (l(!0), c(U, null, q(e.task.actions, (k) => (l(), c("button", {
+        (y = e.task.actions) != null && y.length ? (l(), i("div", pe, [
+          (l(!0), i(U, null, q(e.task.actions, (k) => (l(), i("button", {
             key: k.key,
             type: "button",
             class: "rh-data-center-panel__action",
             disabled: k.disabled,
-            onClick: (w) => i("action", k.key)
-          }, g(k.label), 9, pe))), 128))
+            onClick: (w) => c("action", k.key)
+          }, g(k.label), 9, ye))), 128))
         ])) : C("", !0)
       ]);
     };
   }
-}), _e = "数据处理中心", ke = 606, ge = 500, Ce = 1e3, be = "-此处仅展示近15天内的数据-", Te = { class: "rh-data-center-panel" }, we = { class: "rh-data-center-panel__sidebar" }, $e = ["onClick"], Re = {
+}), ke = "数据处理中心", ge = 606, Ce = 500, Te = 1e3, be = "-此处仅展示近15天内的数据-", we = { class: "rh-data-center-panel" }, $e = { class: "rh-data-center-panel__sidebar" }, Re = ["onClick"], Ee = {
   key: 0,
   class: "rh-data-center-panel__categoryCount"
-}, Ee = { class: "rh-data-center-panel__main" }, Ae = { class: "rh-data-center-panel__title" }, De = { class: "rh-data-center-panel__scroll" }, Le = {
+}, Ae = { class: "rh-data-center-panel__main" }, De = { class: "rh-data-center-panel__title" }, Le = { class: "rh-data-center-panel__scroll" }, Ve = {
   key: 0,
   class: "rh-data-center-panel__footer"
-}, Ve = /* @__PURE__ */ S({
+}, xe = /* @__PURE__ */ O({
   __name: "RhDataCenterPanel",
   props: {
     categories: {},
@@ -87,113 +88,113 @@ const ie = { class: "rh-data-center-panel__state" }, W = /* @__PURE__ */ S({
     recentDaysText: { default: be }
   },
   emits: ["close", "refresh", "task-action", "error"],
-  setup(e, { expose: m, emit: t }) {
-    const i = e, u = t, d = p(i.activeCategoryKey), b = p({}), y = p({}), k = p({}), w = p({}), R = p({}), v = D(() => i.categories.find((n) => n.key === d.value) || i.categories[0]), E = D(() => {
+  setup(e, { expose: p, emit: t }) {
+    const c = e, d = t, u = m(c.activeCategoryKey), T = m({}), y = m({}), k = m({}), w = m({}), E = m({}), v = L(() => c.categories.find((n) => n.key === u.value) || c.categories[0]), A = L(() => {
       var n;
       return String(((n = v.value) == null ? void 0 : n.key) ?? "");
-    }), V = D(() => b.value[E.value]), M = D(() => y.value[E.value] === !0), A = D(() => k.value[E.value]), z = (n) => {
+    }), R = L(() => T.value[A.value]), M = L(() => y.value[A.value] === !0), D = L(() => k.value[A.value]), z = (n) => {
       var a;
-      const r = b.value[String(n.key)];
+      const r = T.value[String(n.key)];
       return ((a = r == null ? void 0 : r.counts) == null ? void 0 : a[String(n.key)]) ?? (r == null ? void 0 : r.total);
     }, x = async (n = !1) => {
       const r = v.value;
       if (!r)
         return;
       const a = String(r.key);
-      if (R.value[a] && !n)
+      if (E.value[a] && !n)
         return;
-      R.value[a] = !0, y.value[a] = !0, k.value[a] = void 0;
+      E.value[a] = !0, y.value[a] = !0, k.value[a] = void 0;
       const s = (w.value[a] || 0) + 1;
-      w.value[a] = s, u("refresh", r);
+      w.value[a] = s, d("refresh", r);
       try {
-        const $ = await i.loadTasks({ category: r });
-        if (w.value[a] !== s || E.value !== a)
+        const $ = await c.loadTasks({ category: r });
+        if (w.value[a] !== s || A.value !== a)
           return;
-        b.value[a] = $;
+        T.value[a] = $;
       } catch ($) {
-        if (w.value[a] !== s || E.value !== a)
+        if (w.value[a] !== s || A.value !== a)
           return;
-        k.value[a] = $, u("error", $, r);
+        k.value[a] = $, d("error", $, r);
       } finally {
-        w.value[a] === s && (y.value[a] = !1, R.value[a] = !1);
+        w.value[a] === s && (y.value[a] = !1, E.value[a] = !1);
       }
     }, B = async (n) => {
-      d.value !== n.key && (d.value = n.key, await x());
+      u.value !== n.key && (u.value = n.key, await x());
     }, P = (n, r) => {
       const a = v.value;
-      a && u("task-action", { action: n, task: r, category: a });
+      a && d("task-action", { action: n, task: r, category: a });
     };
     return Z(() => {
       var n;
-      d.value === void 0 && (d.value = (n = i.categories[0]) == null ? void 0 : n.key);
-    }), m({
+      u.value === void 0 && (u.value = (n = c.categories[0]) == null ? void 0 : n.key);
+    }), p({
       refresh: x
     }), (n, r) => {
       var a;
-      return l(), c("div", Te, [
-        h("aside", we, [
+      return l(), i("div", we, [
+        h("aside", $e, [
           r[1] || (r[1] = h("div", { class: "rh-data-center-panel__title" }, "数据类型", -1)),
-          (l(!0), c(U, null, q(e.categories, (s) => (l(), c("button", {
+          (l(!0), i(U, null, q(e.categories, (s) => (l(), i("button", {
             key: s.key,
             type: "button",
-            class: K(["rh-data-center-panel__category", { "is-active": d.value === s.key }]),
+            class: K(["rh-data-center-panel__category", { "is-active": u.value === s.key }]),
             onClick: ($) => B(s)
           }, [
             h("span", null, g(s.label), 1),
-            z(s) !== void 0 ? (l(), c("span", Re, g(z(s)), 1)) : C("", !0)
-          ], 10, $e))), 128))
+            z(s) !== void 0 ? (l(), i("span", Ee, g(z(s)), 1)) : C("", !0)
+          ], 10, Re))), 128))
         ]),
-        h("section", Ee, [
-          h("div", Ae, [
-            T(n.$slots, "header", { category: v.value }, () => [
+        h("section", Ae, [
+          h("div", De, [
+            b(n.$slots, "header", { category: v.value }, () => [
               r[2] || (r[2] = X("数据处理进度", -1))
             ]),
-            e.closeable ? (l(), c("button", {
+            e.closeable ? (l(), i("button", {
               key: 0,
               type: "button",
               class: "rh-data-center-panel__action",
-              onClick: r[0] || (r[0] = (s) => u("close"))
+              onClick: r[0] || (r[0] = (s) => d("close"))
             }, "关闭")) : C("", !0)
           ]),
-          h("div", De, [
-            M.value ? (l(), Y(W, {
+          h("div", Le, [
+            M.value && !R.value ? (l(), Y(W, {
               key: 0,
               text: "加载中..."
-            })) : A.value ? T(n.$slots, "error", {
+            })) : D.value && !R.value ? b(n.$slots, "error", {
               key: 1,
-              error: A.value,
+              error: D.value,
               retry: x
             }, () => [
-              O(W, {
+              S(W, {
                 text: "任务加载失败",
                 retryable: !0,
                 onRetry: x
               })
-            ]) : (a = V.value) != null && a.items.length ? (l(!0), c(U, { key: 2 }, q(V.value.items, (s) => T(n.$slots, "task", {
+            ]) : (a = R.value) != null && a.items.length ? (l(!0), i(U, { key: 2 }, q(R.value.items, (s) => b(n.$slots, "task", {
               key: s.id,
               task: s,
               category: v.value,
               action: P
             }, () => [
-              O(ye, {
+              S(_e, {
                 task: s,
                 onAction: ($) => P($, s)
               }, null, 8, ["task", "onAction"])
-            ])), 128)) : T(n.$slots, "empty", {
+            ])), 128)) : b(n.$slots, "empty", {
               key: 3,
               category: v.value
             }, () => [
-              O(W, { text: "暂无任务" })
+              S(W, { text: "暂无任务" })
             ])
           ]),
-          T(n.$slots, "footer", {
-            result: V.value,
+          b(n.$slots, "footer", {
+            result: R.value,
             category: v.value
           }, () => {
             var s;
             return [
-              e.showTotal ? (l(), c("div", Le, [
-                h("span", null, g(((s = V.value) == null ? void 0 : s.total) || 0) + "条记录", 1),
+              e.showTotal ? (l(), i("div", Ve, [
+                h("span", null, g(((s = R.value) == null ? void 0 : s.total) || 0) + "条记录", 1),
                 h("span", null, g(e.recentDaysText), 1)
               ])) : C("", !0)
             ];
@@ -202,37 +203,37 @@ const ie = { class: "rh-data-center-panel__state" }, W = /* @__PURE__ */ S({
       ]);
     };
   }
-}), xe = (e) => typeof e == "function" ? e() : e.value, Be = (e, m) => {
-  const t = (i) => {
-    const u = i.target;
-    if (!u)
+}), Be = (e) => typeof e == "function" ? e() : e.value, Pe = (e, p) => {
+  const t = (c) => {
+    const d = c.target;
+    if (!d)
       return;
-    e.some((b) => {
+    e.some((T) => {
       var y;
-      return (y = xe(b)) == null ? void 0 : y.contains(u);
-    }) || m();
+      return (y = Be(T)) == null ? void 0 : y.contains(d);
+    }) || p();
   };
   Z(() => document.addEventListener("click", t, !0)), ee(() => document.removeEventListener("click", t, !0));
-}, Pe = ["src"], Ie = /* @__PURE__ */ S({
+}, Ie = ["src"], Ne = /* @__PURE__ */ O({
   __name: "RhDataCenter",
   props: {
     modelValue: { type: Boolean, default: void 0 },
     categories: {},
     loadTasks: {},
-    label: { default: _e },
-    width: { default: ke },
-    panelHeight: { default: ge },
+    label: { default: ke },
+    width: { default: ge },
+    panelHeight: { default: Ce },
     panelRight: { default: 0 },
-    pollInterval: { default: Ce },
+    pollInterval: { default: Te },
     refreshOnOpen: { type: Boolean, default: !0 },
     closeOnClickOutside: { type: Boolean, default: !0 },
     icon: { default: "" },
     activeIcon: { default: "" }
   },
   emits: ["update:modelValue", "open", "close", "refresh", "task-action", "error"],
-  setup(e, { emit: m }) {
-    const t = e, i = m, u = p(!1), d = p(null), b = p(null), y = p(null), k = p({}), w = p(), R = p(!1), v = D(() => t.modelValue === void 0 ? u.value : t.modelValue), E = D(() => v.value ? t.activeIcon || t.icon : t.icon || t.activeIcon), V = (o) => typeof o == "number" ? `${o}px` : o, M = (o) => typeof o == "number" ? o : Number.parseFloat(o) || 0, A = () => {
-      const o = d.value, _ = b.value;
+  setup(e, { emit: p }) {
+    const t = e, c = p, d = m(!1), u = m(null), T = m(null), y = m(null), k = m({}), w = m(), E = m(!1), v = L(() => t.modelValue === void 0 ? d.value : t.modelValue), A = L(() => v.value ? t.activeIcon || t.icon : t.icon || t.activeIcon), R = (o) => typeof o == "number" ? `${o}px` : o, M = (o) => typeof o == "number" ? o : Number.parseFloat(o) || 0, D = () => {
+      const o = u.value, _ = T.value;
       if (!o || !_)
         return;
       const f = o.getBoundingClientRect(), F = _.offsetWidth || M(t.width), te = M(t.panelRight), I = 8, ae = f.right - F - te, ne = Math.min(
@@ -245,13 +246,13 @@ const ie = { class: "rh-data-center-panel__state" }, W = /* @__PURE__ */ S({
       k.value = {
         top: `${se}px`,
         left: `${ne}px`,
-        width: V(t.width),
-        "--rh-ui-data-center-panel-height": V(t.panelHeight)
+        width: R(t.width),
+        "--rh-ui-data-center-panel-height": R(t.panelHeight)
       };
     }, z = () => {
-      R.value || (R.value = !0, window.addEventListener("resize", A), window.addEventListener("scroll", A, !0));
+      E.value || (E.value = !0, window.addEventListener("resize", D), window.addEventListener("scroll", D, !0));
     }, x = () => {
-      R.value && (R.value = !1, window.removeEventListener("resize", A), window.removeEventListener("scroll", A, !0));
+      E.value && (E.value = !1, window.removeEventListener("resize", D), window.removeEventListener("scroll", D, !0));
     }, B = () => {
       w.value !== void 0 && (window.clearInterval(w.value), w.value = void 0);
     }, P = () => {
@@ -260,11 +261,11 @@ const ie = { class: "rh-data-center-panel__state" }, W = /* @__PURE__ */ S({
     }, n = () => {
       B(), !(!v.value || t.pollInterval <= 0) && (w.value = window.setInterval(P, t.pollInterval));
     }, r = (o) => {
-      t.modelValue === void 0 && (u.value = o), i("update:modelValue", o);
+      t.modelValue === void 0 && (d.value = o), c("update:modelValue", o);
     }, a = () => {
-      v.value || (r(!0), i("open"));
+      v.value || (r(!0), c("open"));
     }, s = () => {
-      v.value && (r(!1), i("close"));
+      v.value && (r(!1), c("close"));
     }, $ = () => v.value ? s() : a(), G = () => {
       if (document.visibilityState === "hidden") {
         B();
@@ -277,19 +278,19 @@ const ie = { class: "rh-data-center-panel__state" }, W = /* @__PURE__ */ S({
         document.removeEventListener("visibilitychange", G);
         return;
       }
-      await le(), A(), z(), document.addEventListener("visibilitychange", G), t.refreshOnOpen && P(), n();
-    }, { immediate: !0 }), Be([d, b], () => {
+      await le(), D(), z(), document.addEventListener("visibilitychange", G), t.refreshOnOpen && P(), n();
+    }, { immediate: !0 }), Pe([u, T], () => {
       t.closeOnClickOutside && v.value && s();
     }), ee(() => {
       B(), x(), document.removeEventListener("visibilitychange", G);
-    }), (o, _) => (l(), c(U, null, [
+    }), (o, _) => (l(), i(U, null, [
       h("div", {
         ref_key: "triggerRef",
-        ref: d,
+        ref: u,
         class: "rh-data-center",
         onClick: j($, ["stop"])
       }, [
-        T(o.$slots, "trigger", {
+        b(o.$slots, "trigger", {
           visible: v.value,
           open: a,
           close: s,
@@ -298,53 +299,53 @@ const ie = { class: "rh-data-center-panel__state" }, W = /* @__PURE__ */ S({
           h("span", {
             class: K(["rh-data-center__trigger", { "is-active": v.value }])
           }, [
-            E.value ? (l(), c("img", {
+            A.value ? (l(), i("img", {
               key: 0,
-              src: E.value,
+              src: A.value,
               class: "rh-data-center__icon",
               alt: ""
-            }, null, 8, Pe)) : C("", !0),
+            }, null, 8, Ie)) : C("", !0),
             h("span", null, g(e.label), 1)
           ], 2)
         ], !0)
       ], 512),
       (l(), Y(re, { to: "body" }, [
-        v.value ? (l(), c("div", {
+        v.value ? (l(), i("div", {
           key: 0,
           ref_key: "contentRef",
-          ref: b,
+          ref: T,
           class: "rh-data-center__popover",
           style: Q(k.value),
           onClick: _[3] || (_[3] = j(() => {
           }, ["stop"]))
         }, [
-          O(Ve, {
+          S(xe, {
             ref_key: "panelRef",
             ref: y,
             categories: e.categories,
             "load-tasks": e.loadTasks,
             closeable: !0,
             onClose: s,
-            onRefresh: _[0] || (_[0] = (f) => i("refresh", f)),
-            onTaskAction: _[1] || (_[1] = (f) => i("task-action", f)),
-            onError: _[2] || (_[2] = (f, F) => i("error", f, F))
+            onRefresh: _[0] || (_[0] = (f) => c("refresh", f)),
+            onTaskAction: _[1] || (_[1] = (f) => c("task-action", f)),
+            onError: _[2] || (_[2] = (f, F) => c("error", f, F))
           }, {
-            header: L((f) => [
-              T(o.$slots, "header", N(H(f)), () => [
+            header: V((f) => [
+              b(o.$slots, "header", N(H(f)), () => [
                 _[4] || (_[4] = X("数据处理进度", -1))
               ], !0)
             ]),
-            task: L((f) => [
-              T(o.$slots, "task", N(H(f)), void 0, !0)
+            task: V((f) => [
+              b(o.$slots, "task", N(H(f)), void 0, !0)
             ]),
-            empty: L((f) => [
-              T(o.$slots, "empty", N(H(f)), void 0, !0)
+            empty: V((f) => [
+              b(o.$slots, "empty", N(H(f)), void 0, !0)
             ]),
-            error: L((f) => [
-              T(o.$slots, "error", N(H(f)), void 0, !0)
+            error: V((f) => [
+              b(o.$slots, "error", N(H(f)), void 0, !0)
             ]),
-            footer: L((f) => [
-              T(o.$slots, "footer", N(H(f)), void 0, !0)
+            footer: V((f) => [
+              b(o.$slots, "footer", N(H(f)), void 0, !0)
             ]),
             _: 3
           }, 8, ["categories", "load-tasks"])
@@ -353,21 +354,16 @@ const ie = { class: "rh-data-center-panel__state" }, W = /* @__PURE__ */ S({
     ], 64));
   }
 });
-const Ne = (e, m) => {
-  const t = e.__vccOpts || e;
-  for (const [i, u] of m)
-    t[i] = u;
-  return t;
-}, Fe = /* @__PURE__ */ Ne(Ie, [["__scopeId", "data-v-b6caa4d9"]]), He = {
+const Ke = /* @__PURE__ */ ie(Ne, [["__scopeId", "data-v-94eef479"]]), He = {
   key: 0,
   class: "rh-data-center-tip__guide"
-}, Oe = { class: "rh-data-center-tip__content" }, Se = {
+}, Se = { class: "rh-data-center-tip__content" }, Oe = {
   key: 0,
   class: "rh-data-center-tip__minutes"
 }, Me = {
   key: 1,
   class: "rh-data-center-tip__description"
-}, Ke = /* @__PURE__ */ S({
+}, Ue = /* @__PURE__ */ O({
   __name: "RhDataCenterTip",
   props: {
     modelValue: { type: Boolean, default: !1 },
@@ -379,50 +375,50 @@ const Ne = (e, m) => {
     showGuideAnimation: { type: Boolean, default: !0 }
   },
   emits: ["update:modelValue", "close"],
-  setup(e, { emit: m }) {
-    const t = m, i = () => {
+  setup(e, { emit: p }) {
+    const t = p, c = () => {
       t("update:modelValue", !1), t("close");
     };
-    return (u, d) => {
-      const b = J("el-button"), y = J("el-dialog");
+    return (d, u) => {
+      const T = J("el-button"), y = J("el-dialog");
       return l(), Y(y, {
         "model-value": e.modelValue,
         title: e.title || "提示",
         width: e.width,
         "append-to-body": "",
-        "onUpdate:modelValue": d[0] || (d[0] = (k) => t("update:modelValue", k)),
-        onClose: i
+        "onUpdate:modelValue": u[0] || (u[0] = (k) => t("update:modelValue", k)),
+        onClose: c
       }, {
-        footer: L(() => [
-          O(b, {
+        footer: V(() => [
+          S(T, {
             type: "primary",
-            onClick: i
+            onClick: c
           }, {
-            default: L(() => [...d[1] || (d[1] = [
+            default: V(() => [...u[1] || (u[1] = [
               X("关闭弹框", -1)
             ])]),
             _: 1
           })
         ]),
-        default: L(() => [
-          e.showGuideAnimation ? (l(), c("div", He)) : C("", !0),
-          h("div", Oe, [
-            e.minutes !== void 0 ? (l(), c("span", Se, g((e.title || "任务处理中，大概需要") + e.minutes + "分钟"), 1)) : C("", !0),
-            e.content ? (l(), c("div", Me, g(e.content), 1)) : C("", !0),
-            T(u.$slots, "extra")
+        default: V(() => [
+          e.showGuideAnimation ? (l(), i("div", He)) : C("", !0),
+          h("div", Se, [
+            e.minutes !== void 0 ? (l(), i("span", Oe, g((e.title || "任务处理中，大概需要") + e.minutes + "分钟"), 1)) : C("", !0),
+            e.content ? (l(), i("div", Me, g(e.content), 1)) : C("", !0),
+            b(d.$slots, "extra")
           ])
         ]),
         _: 3
       }, 8, ["model-value", "title", "width"]);
     };
   }
-}), Ue = () => {
-  const e = p(!1), m = p({});
+}), Ge = () => {
+  const e = m(!1), p = m({});
   return {
     tipVisible: e,
-    tipConfig: m,
-    showTip: (u) => {
-      m.value = { ...u }, e.value = !0;
+    tipConfig: p,
+    showTip: (d) => {
+      p.value = { ...d }, e.value = !0;
     },
     closeTip: () => {
       e.value = !1;
@@ -430,8 +426,8 @@ const Ne = (e, m) => {
   };
 };
 export {
-  Fe as RhDataCenter,
-  Ve as RhDataCenterPanel,
-  Ke as RhDataCenterTip,
-  Ue as useRhDataCenter
+  Ke as RhDataCenter,
+  xe as RhDataCenterPanel,
+  Ue as RhDataCenterTip,
+  Ge as useRhDataCenter
 };

package/dist/index.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./data-center/index.cjs");require("vue");exports.RhDataCenter=e.RhDataCenter;exports.RhDataCenterPanel=e.RhDataCenterPanel;exports.RhDataCenterTip=e.RhDataCenterTip;exports.useRhDataCenter=e.useRhDataCenter;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./data-center/index.cjs"),t=require("./responsive-info-grid/index.cjs");require("vue");require("./_plugin-vue_export-helper-f246444f.cjs");exports.RhDataCenter=e.RhDataCenter;exports.RhDataCenterPanel=e.RhDataCenterPanel;exports.RhDataCenterTip=e.RhDataCenterTip;exports.useRhDataCenter=e.useRhDataCenter;exports.RhResponsiveInfoGrid=t.RhResponsiveInfoGrid;exports.RhResponsiveInfoGridItem=t.RhResponsiveInfoGridItem;

package/dist/index.d.ts

@@ -1,2 +1,3 @@
 
 export * from './data-center';
+export * from './responsive-info-grid';

package/dist/index.js

@@ -1,8 +1,12 @@
-import { RhDataCenter as r, RhDataCenterPanel as n, RhDataCenterTip as h, useRhDataCenter as C } from "./data-center/index.js";
+import { RhDataCenter as a, RhDataCenterPanel as n, RhDataCenterTip as R, useRhDataCenter as i } from "./data-center/index.js";
+import { RhResponsiveInfoGrid as h, RhResponsiveInfoGridItem as m } from "./responsive-info-grid/index.js";
 import "vue";
+import "./_plugin-vue_export-helper-dad06003.js";
 export {
-  r as RhDataCenter,
+  a as RhDataCenter,
   n as RhDataCenterPanel,
-  h as RhDataCenterTip,
-  C as useRhDataCenter
+  R as RhDataCenterTip,
+  h as RhResponsiveInfoGrid,
+  m as RhResponsiveInfoGridItem,
+  i as useRhDataCenter
 };

package/dist/responsive-info-grid/RhResponsiveInfoGrid.vue.d.ts

@@ -0,0 +1,53 @@
+declare function __VLS_template(): {
+    default?(_: {}): any;
+};
+declare const __VLS_component: import('vue').DefineComponent<import('vue').ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
+    columns?: number;
+    tabletColumns?: number;
+    mobileColumns?: number;
+    gap?: string;
+}>, {
+    columns: number;
+    tabletColumns: number;
+    mobileColumns: number;
+    gap: string;
+}>>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
+    columns?: number;
+    tabletColumns?: number;
+    mobileColumns?: number;
+    gap?: string;
+}>, {
+    columns: number;
+    tabletColumns: number;
+    mobileColumns: number;
+    gap: string;
+}>>> & Readonly<{}>, {
+    columns: number;
+    tabletColumns: number;
+    mobileColumns: number;
+    gap: string;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, ReturnType<typeof __VLS_template>>;
+export default _default;
+type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
+type __VLS_TypePropsToRuntimeProps<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;
+    };
+};
+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;
+    };
+};