@lemon30_npm/csit-vue3 0.0.6 → 0.0.8

package/README.md

@@ -1,22 +1,25 @@
 # 🧩 csit-vue3 组件库
 
-> 一个基于 **Vue 3** + **Element Plus** 封装的业务组件库，提供统一的 UI 规范和业务逻辑组件，提升开发效率。
+> 一个基于 **Vue 3** + **Element Plus** 封装的业务组件库，提供统一的 UI 规范和业务逻辑组件，提升团队开发效率。
 
 ---
 
 ## 📦 安装方式
 
 ```bash
-# 推荐使用 pnpm
-pnpm add @lemon30/csit-vue3
 
-# 或者使用 npm/yarn
-npm install @lemon30/csit-vue3
-# 或
-yarn add @lemon30/csit-vue3
+# 使用 npm
+npm install csit-vue3
+
+# 或 yarn
+yarn add csit-vue3
+
+# 或 pnpm
+pnpm add csit-vue3
+
 ```
 
-#### ⚠️ 注意：该组件库依赖以下环境，请确保你的项目已安装(如果使用vue3项目脚手架，请忽略)：
+#### ⚠️ 注意：该组件库依赖以下环境，请确保你的项目已安装(如果你使用Vue 3项目脚手架，请忽略)：
 
 > 版本可自行升级，无影响
 
@@ -27,6 +30,10 @@ yarn add @lemon30/csit-vue3
 - "@element-plus/icons-vue": "^2.3.1"
 - "axios": "^1.7.7"
 - "nanoid": "^5.0.8"
+- "pinia": "^2.2.6"
+- "vue-router": "^4.4.5"
+- "moment": "^2.30.1"
+- "lodash": "^4.17.21"
 
 ---
 
@@ -39,9 +46,9 @@ import { createApp } from "vue";
 import App from "./App.vue";
 
 // 引入组件库
-import CsitVue3 from "@lemon30_npm/csit-vue3";
+import CsitVue3 from "csit-vue3";
 // 引入 csit-vue3 样式
-import "@lemon30_npm/csit-vue3/dist/index.css";
+import "csit-vue3/dist/index.css";
 
 const app = createApp(App);
 
@@ -50,6 +57,18 @@ app.use(CsitVue3);
 app.mount("#app");
 ```
 
+组件库默认支持**按需引入**，你可以只引入你所需要的组件，而无需引入整个组件库：
+
+```ts
+// main.ts
+import { CiUpload } from 'csit-vue3'
+// 全局使用某个组件
+app.use(CiUpload)
+
+// 单个组件中使用某个组件 - 直接引入 无需注册
+import { CiPageHeader } from 'csit-vue3'
+```
+
 ## 🧩 示例组件使用
 
 ```html

package/dist/csit-vue3.js

@@ -1,4 +1,4 @@
-import { defineComponent as x, openBlock as n, createElementBlock as f, createElementVNode as p, normalizeStyle as W, toDisplayString as I, renderSlot as L, ref as h, watch as T, nextTick as S, onBeforeUnmount as y1, reactive as z1, createVNode as F, mergeProps as Q1, withCtx as v, Fragment as R, renderList as C1, createBlock as P, computed as z, onMounted as x1, createCommentVNode as Q, normalizeClass as Y, createTextVNode as q, useAttrs as q1, unref as N, useSlots as T1, createSlots as W1, normalizeProps as K1, guardReactiveProps as H1, mergeDefaults as Y1 } from "vue";
+import { defineComponent as x, createElementBlock as f, openBlock as n, createElementVNode as p, renderSlot as L, normalizeStyle as W, toDisplayString as I, ref as h, watch as T, nextTick as S, onBeforeUnmount as y1, reactive as z1, createVNode as F, mergeProps as Q1, withCtx as v, Fragment as R, renderList as C1, createBlock as P, computed as z, onMounted as x1, createCommentVNode as Q, normalizeClass as Y, createTextVNode as q, useAttrs as q1, unref as N, mergeDefaults as T1, useSlots as W1, createSlots as K1, normalizeProps as H1, guardReactiveProps as Y1 } from "vue";
 import * as X from "echarts/core";
 import { TitleComponent as X1, TooltipComponent as I1, LegendComponent as D1, GridComponent as J1, DataZoomComponent as $1, VisualMapComponent as e5, MarkPointComponent as t5, ToolboxComponent as C5 } from "echarts/components";
 import { PieChart as o5, BarChart as s5, MapChart as i5, ScatterChart as a5 } from "echarts/charts";
@@ -2077,7 +2077,8 @@ const M2 = { class: "CommonListQuery" }, _2 = { class: "query-actions" }, Z2 = {
               default: v(() => d[2] || (d[2] = [
                 q("查询")
               ])),
-              _: 1
+              _: 1,
+              __: [2]
             }),
             F(m, {
               onClick: d[1] || (d[1] = (c) => g.$emit("reset"))
@@ -2085,7 +2086,8 @@ const M2 = { class: "CommonListQuery" }, _2 = { class: "query-actions" }, Z2 = {
               default: v(() => d[3] || (d[3] = [
                 q("重置")
               ])),
-              _: 1
+              _: 1,
+              __: [3]
             }),
             t.value ? (n(), P(m, {
               key: 1,
@@ -2094,7 +2096,8 @@ const M2 = { class: "CommonListQuery" }, _2 = { class: "query-actions" }, Z2 = {
               default: v(() => d[5] || (d[5] = [
                 q("收起")
               ])),
-              _: 1
+              _: 1,
+              __: [5]
             })) : (n(), P(m, {
               key: 0,
               type: "primary",
@@ -2105,7 +2108,8 @@ const M2 = { class: "CommonListQuery" }, _2 = { class: "query-actions" }, Z2 = {
                 p("span", null, "更多筛选", -1),
                 p("div", { class: "down-triangle" }, null, -1)
               ])),
-              _: 1
+              _: 1,
+              __: [4]
             }))
           ])
         ], 6)
@@ -2519,7 +2523,7 @@ const p0 = {
   name: "CiUpload"
 }, R0 = /* @__PURE__ */ x({
   ...b0,
-  props: /* @__PURE__ */ Y1({
+  props: /* @__PURE__ */ T1({
     action: {},
     downloadUrl: {},
     uploadBtnText: {},
@@ -2543,7 +2547,7 @@ const p0 = {
   }, p0),
   emits: ["update:fileList", "onSuccess", "onRemove", "onChange", "onError"],
   setup(e, { expose: t, emit: C }) {
-    const s = T1(), l = h(), o = h(!1), a = h([]), { checkUploadStatus: g } = n0(a), d = e, { customHttpRequest: m } = N1(d.axiosInstance), c = C;
+    const s = W1(), l = h(), o = h(!1), a = h([]), { checkUploadStatus: g } = n0(a), d = e, { customHttpRequest: m } = N1(d.axiosInstance), c = C;
     t({
       checkUploadStatus: g
     });
@@ -2631,7 +2635,7 @@ const p0 = {
           "on-error": y,
           "http-request": N(m),
           "show-file-list": !1
-        }, i.$attrs), W1({
+        }, i.$attrs), K1({
           default: v(() => [
             N(H) ? L(i.$slots, "default", { key: 0 }, void 0, !0) : (n(), f(R, { key: 1 }, [
               i.drag ? (n(), f(R, { key: 0 }, [
@@ -2680,7 +2684,8 @@ const p0 = {
                   }, null, -1)),
                   p("span", m0, I(i.uploadBtnText), 1)
                 ]),
-                _: 1
+                _: 1,
+                __: [4, 5, 6]
               }, 8, ["disabled"]))
             ], 64))
           ]),
@@ -2698,7 +2703,7 @@ const p0 = {
           C1(N(V1), (u, U) => ({
             name: U,
             fn: v((U1) => [
-              L(i.$slots, U, K1(H1(U1 || {})), void 0, !0)
+              L(i.$slots, U, H1(Y1(U1 || {})), void 0, !0)
             ])
           }))
         ]), 1040, ["class", "action", "file-list", "accept", "limit", "multiple", "drag", "disabled", "before-upload", "http-request"])),
@@ -2741,7 +2746,8 @@ const p0 = {
                         default: v(() => r[7] || (r[7] = [
                           q(" 在线预览 ")
                         ])),
-                        _: 2
+                        _: 2,
+                        __: [7]
                       }, 1032, ["onClick"]),
                       F(J, { direction: "vertical" })
                     ], 64)) : Q("", !0),
@@ -2769,7 +2775,8 @@ const p0 = {
                       default: v(() => r[8] || (r[8] = [
                         q("删除")
                       ])),
-                      _: 2
+                      _: 2,
+                      __: [8]
                     }, 1032, ["onClick"])) : Q("", !0)
                   ], 64)) : Q("", !0)
                 ])) : Q("", !0),
@@ -2806,7 +2813,8 @@ const p0 = {
                       default: v(() => r[11] || (r[11] = [
                         q(" 删除 ")
                       ])),
-                      _: 2
+                      _: 2,
+                      __: [11]
                     }, 1032, ["onClick"]),
                     F(b, {
                       effect: "dark",

package/dist/lib/_virtual/_plugin-vue_export-helper.js

@@ -0,0 +1,9 @@
+const s = (t, e) => {
+  const o = t.__vccOpts || t;
+  for (const [r, c] of e)
+    o[r] = c;
+  return o;
+};
+export {
+  s as default
+};

package/dist/lib/axios/index.js

@@ -0,0 +1,67 @@
+import n from "axios";
+import { executeAxiosMiddlewares as r } from "./middlewares/middleware-executor.js";
+import { logRequest as a } from "./middlewares/request-middlewares/logRequest.js";
+import { addXRequestedWith as i } from "./middlewares/request-middlewares/addXRequestedWith.js";
+import { disposeGetUrlParams as m } from "./middlewares/request-middlewares/dafeiyiqi-disposeGetUrlParams.js";
+import { logResponse as t } from "./middlewares/response-middlewares/logResponse.js";
+import { handleTokenInvalidToLogin as c } from "./middlewares/response-middlewares/handle-success/handleTokenInvalidToLogin.js";
+import { handleFileStream as p } from "./middlewares/response-middlewares/handle-success/handleFileStream.js";
+import { handleSuccess as d } from "./middlewares/response-middlewares/handle-success/handleSuccess.js";
+import { formatResponseData as l } from "./middlewares/response-middlewares/formatResponseData.js";
+import { handleError as u } from "./middlewares/response-middlewares/handle-error/handleError.js";
+const f = [
+  // 1. 记录请求日志
+  a,
+  // 2. 添加通用 X-Requested-With 到请求头
+  i,
+  /**
+   * 3. GET请求,需要处理参数拼接到Url中（目前打非一期列表等一些接口都是用的GET请求）
+   * PS: 打非二期设计人员设计的接口: 像只入参一个字段的设计成了GET请求(如此不需要中间件处理),其他但凡入参超过一个的全部设计成了post请求(如此更不需要中间件处理)
+   */
+  m
+], w = [
+  // 1. 记录响应日志
+  t,
+  // 2. 处理打非系统用户长时间不操作页面token失效自动去往登录页面
+  c,
+  // 3. 处理响应成功-文件流
+  p,
+  // 4. 处理响应成功
+  d,
+  // 5. 格式化响应数据
+  l
+], x = [
+  // 1. 记录响应日志
+  t,
+  // 2. 处理错误响应
+  u
+], s = n.create({
+  // 基础路径
+  baseURL: "/",
+  // 超时时间
+  timeout: 6e4
+  /**
+   * 这句话没用,在node.js环境中有用
+   * 浏览器环境： 在浏览器中，HTTP重定向是由浏览器本身处理的，而不是Axios。即使你配置了 maxRedirects: 0，浏览器会自动遵循重定向，Axios只会接收到重定向后的响应。因此，302状态码不会被Axios捕获。
+   * 解决方案： 浏览器中无法阻止自动重定向，通常需要后端支持，比如返回非标准的状态码（如299）或其他标志，让前端捕获。
+   */
+  // maxRedirects: 0,
+});
+s.interceptors.request.use(
+  async (e) => (await r(f, { config: e }), e),
+  (e) => {
+    Promise.reject(e);
+  }
+);
+s.interceptors.response.use(
+  async (e) => {
+    const o = { response: e };
+    return await r(w, o), o.isFileStream ? (console.log("当前我是文件流数据"), o.response) : o.response.data;
+  },
+  async (e) => {
+    throw await r(x, { error: e }), new Error(e);
+  }
+);
+export {
+  s as default
+};

package/dist/lib/axios/middlewares/middleware-executor.js

@@ -0,0 +1,15 @@
+import "axios";
+async function o(n, r) {
+  let a = -1;
+  async function t(e) {
+    if (e <= a)
+      throw new Error("createdMiddlewareRunner_axios:  中间件不能被重复调用");
+    a = e;
+    const i = n[e];
+    i && await i(r, () => t(e + 1));
+  }
+  await t(0);
+}
+export {
+  o as executeAxiosMiddlewares
+};

package/dist/lib/axios/middlewares/request-middlewares/addXRequestedWith.js

@@ -0,0 +1,12 @@
+import "axios";
+async function s(e, t) {
+  console.log("axios-请求中间件: 添加通用 X-Requested-With 到请求头已执行"), e.config.headers = {
+    ...e.config.headers,
+    // 问题：当用户长时间不操作页面 再次触发接口操作时 需要退出到登录页面 所需要的请求头
+    // 胡老师，说接口请求要带这个请求头，才能拦截 1001 的超时状态，前端再根据这个1001做登出
+    "X-Requested-With": "XMLHttpRequest"
+  }, await t();
+}
+export {
+  s as addXRequestedWith
+};

package/dist/lib/axios/middlewares/request-middlewares/dafeiyiqi-disposeGetUrlParams.js

@@ -0,0 +1,17 @@
+import "axios";
+async function l(r, e) {
+  const { config: o } = r;
+  if (o.method === "get" && o.params) {
+    console.log("axios-请求中间件: 当前请求是GET请求,需要处理参数拼接到Url中去，中间件已执行");
+    let s = o.url;
+    s += "?";
+    const t = Object.keys(o.params);
+    for (const a of t)
+      o.params[a] !== void 0 && o.params[a] !== null && (s += `${a}=${encodeURIComponent(o.params[a])}&`);
+    s = s.substring(0, s.length - 1), o.params = {}, o.url = s;
+  }
+  await e();
+}
+export {
+  l as disposeGetUrlParams
+};

package/dist/lib/axios/middlewares/request-middlewares/logRequest.js

@@ -0,0 +1,7 @@
+import "axios";
+async function s(o, i) {
+  console.log("axios-请求中间件: 打印请求信息中间件已执行（调试用途）"), console.log("axios-请求中间件: 请求信息为:", o.config), await i();
+}
+export {
+  s as logRequest
+};

package/dist/lib/axios/middlewares/response-middlewares/formatResponseData.js

@@ -0,0 +1,7 @@
+import "axios";
+const e = async (o, s) => {
+  console.log("axios-响应中间件(成功响应): 响应数据格式化中间件已执行"), o.response, await s();
+};
+export {
+  e as formatResponseData
+};

package/dist/lib/axios/middlewares/response-middlewares/handle-error/errorMessages.js

@@ -0,0 +1,14 @@
+const e = {
+  400: "请求参数错误，请检查输入。",
+  401: "未授权，请重新登录。",
+  403: "禁止访问，您没有权限查看此内容。",
+  404: "资源未找到，请检查接口路径。",
+  429: "请求过多，请稍后再试。",
+  500: "服务器内部错误，请稍后重试。",
+  502: "网关错误，请联系管理员。",
+  503: "服务不可用，请稍后再试。"
+}, r = "发生未知错误，请稍后再试。";
+export {
+  r as defaultErrorMessage,
+  e as errorMessages
+};

package/dist/lib/axios/middlewares/response-middlewares/handle-error/handleError.js

@@ -0,0 +1,35 @@
+import { ElNotification as s } from "element-plus";
+import "axios";
+import { errorMessages as l, defaultErrorMessage as n } from "./errorMessages.js";
+const p = async (a, i) => {
+  console.log("axios-响应中间件(失败响应): 响应失败错误处理中间件已执行");
+  const e = a.error, { response: r } = e;
+  if (r) {
+    const { status: o } = r, t = l[o] || n;
+    console.log(`axios-响应中间件(失败响应)原因: HTTP 错误状态码: ${o}`), console.log(`axios-响应中间件(失败响应)原因: 错误信息: ${t}`), s({
+      type: "error",
+      title: `失败响应错误码：${o}`,
+      message: t,
+      duration: 6e3
+      // 6s自动关闭
+    }), o === 401 && console.log("axios-响应中间件(失败响应)原因: 我是401特定状态码执行自定义逻辑");
+  } else e.request ? (console.log(
+    `axios-响应中间件(失败响应)原因: 网络错误或服务器无响应，请检查网络连接。 ${e.message}`
+  ), s({
+    type: "error",
+    title: "失败响应",
+    message: `失败响应原因：网络错误或服务器无响应，请检查网络连接。 ${e.message}`,
+    duration: 6e3
+    // 6s自动关闭
+  })) : (console.log(`axios-响应中间件(失败响应)原因: 请求配置错误: ${e.message}`), s({
+    type: "error",
+    title: "失败响应",
+    message: `失败响应原因：请求配置错误: ${e.message}`,
+    duration: 6e3
+    // 6s自动关闭
+  }));
+  await i();
+};
+export {
+  p as handleError
+};

package/dist/lib/axios/middlewares/response-middlewares/handle-success/handleFileStream.js

@@ -0,0 +1,11 @@
+import "axios";
+const r = async (e, o) => {
+  if (console.log("axios-响应中间件(成功响应): 文件流处理中间件已执行"), e.response.config.responseType === "blob" || e.response.config.responseType === "arraybuffer") {
+    console.log("axios-响应中间件(成功响应): 文件流处理中间件已执行: 目前是文件流数据"), e.isFileStream = !0;
+    return;
+  }
+  console.log("axios-响应中间件(成功响应): 文件流处理中间件已执行: 目前不是文件流数据"), await o();
+};
+export {
+  r as handleFileStream
+};

package/dist/lib/axios/middlewares/response-middlewares/handle-success/handleSuccess.js

@@ -0,0 +1,20 @@
+import "axios";
+import { projectSettings as t } from "../../../../config/system-config/projectSettings.js";
+import { ElNotification as a } from "element-plus";
+const g = async (s, o) => {
+  if (console.log("axios-响应中间件(成功响应): 响应成功处理中间件已执行"), s.response.data.code === t.resSuccessCode)
+    console.log("axios-响应中间件(成功响应): 后台响应结果是成功编码: 0000"), await o();
+  else {
+    const e = s.response.data.code, r = s.response.data.message;
+    throw a({
+      type: "error",
+      title: `错误码：${e}`,
+      message: r,
+      duration: 6e3
+      // 6s自动关闭
+    }), e === "1001" && console.log("axios-响应中间件(成功响应): 我是1001特定状态码执行自定义逻辑"), new Error(`后台响应结果是异常编码: ${e}`);
+  }
+};
+export {
+  g as handleSuccess
+};

package/dist/lib/axios/middlewares/response-middlewares/handle-success/handleTokenInvalidToLogin.js

@@ -0,0 +1,18 @@
+import "axios";
+import t from "../../../../utils/system/useSystem.js";
+const l = async (o, s) => {
+  if (o.response) {
+    console.log("axios-响应中间件(成功响应): 处理token失效中间件已执行");
+    const e = ["1001", "1002", "1003", "1009", "1011", "1012"];
+    if (o.response.status === 200 && e.includes(o.response.data.code)) {
+      const { TuiChuSystem: n } = t();
+      n();
+    } else
+      console.log(
+        "axios-响应中间件(成功响应): 处理token失效中间件已执行: token未失效，继续进行调用中间件链条"
+      ), await s();
+  }
+};
+export {
+  l as handleTokenInvalidToLogin
+};

package/dist/lib/axios/middlewares/response-middlewares/logResponse.js

@@ -0,0 +1,13 @@
+import "axios";
+const r = async (o, s) => {
+  console.log("axios-响应中间件(成功响应 | 失败响应): 日志记录中间件执行"), o.response ? console.log(
+    "axios-响应中间件(成功响应 | 失败响应): 日志记录中间件: 成功响应-Response为:",
+    o.response
+  ) : o.error && console.log(
+    "axios-响应中间件(成功响应 | 失败响应): 日志记录中间件: 失败响应-Error为:",
+    o.error
+  ), await s();
+};
+export {
+  r as logResponse
+};

package/dist/lib/ci-blue-line-title/index.css

@@ -0,0 +1 @@
+.CiBlueLineTitle[data-v-bd337875]{margin-bottom:10px;display:flex;justify-content:space-between;align-items:center}.CiBlueLineTitle .BlueLineTitle-left[data-v-bd337875]{display:flex;align-items:center}.CiBlueLineTitle .line-title-area[data-v-bd337875]{margin-right:28px;display:flex;align-items:center}.CiBlueLineTitle .line-title-area .line-area[data-v-bd337875]{width:4px;height:14px;border-radius:4px;margin-right:6px}.CiBlueLineTitle .line-title-area .title-area[data-v-bd337875]{font-size:18px;font-weight:700}

package/dist/lib/ci-blue-line-title/index.js

@@ -0,0 +1,7 @@
+import e from "./index.vue.js";
+e.install = (t) => {
+  t.component(e.name, e);
+};
+export {
+  e as default
+};

package/dist/lib/ci-blue-line-title/index.vue.js

@@ -0,0 +1,7 @@
+import o from "./index.vue2.js";
+/* empty css           */
+import t from "../_virtual/_plugin-vue_export-helper.js";
+const m = /* @__PURE__ */ t(o, [["__scopeId", "data-v-bd337875"]]);
+export {
+  m as default
+};

package/dist/lib/ci-blue-line-title/index.vue2.js

@@ -0,0 +1,29 @@
+import { defineComponent as i, createElementBlock as n, openBlock as a, createElementVNode as e, renderSlot as l, normalizeStyle as r, toDisplayString as c } from "vue";
+const d = { class: "CiBlueLineTitle" }, u = { class: "BlueLineTitle-left" }, _ = { class: "line-title-area" }, p = { class: "title-area" }, f = {
+  name: "CiBlueLineTitle"
+}, v = /* @__PURE__ */ i({
+  ...f,
+  props: {
+    title: { default: "默认标题" },
+    color: { default: "#3573f3" }
+  },
+  setup(o) {
+    const s = o;
+    return (t, m) => (a(), n("div", d, [
+      e("div", u, [
+        e("div", _, [
+          e("div", {
+            class: "line-area",
+            style: r({ backgroundColor: t.color })
+          }, null, 4),
+          e("span", p, c(s.title), 1)
+        ]),
+        l(t.$slots, "slot-left", {}, void 0, !0)
+      ]),
+      l(t.$slots, "slot-right", {}, void 0, !0)
+    ]));
+  }
+});
+export {
+  v as default
+};

package/dist/lib/ci-common-list/ci-common-list-layout/index.css

@@ -0,0 +1 @@
+.CiCommonListLayout[data-v-c9c1da85]{height:100%;display:flex;flex-direction:column}.CiCommonListLayout .area-actions[data-v-c9c1da85]{background-color:#f0f2f5;padding-bottom:10px;flex-shrink:0}.CiCommonListLayout .area-query[data-v-c9c1da85]{padding:20px;border-bottom:1px solid #dbdbdb;flex-shrink:0}.CiCommonListLayout .area-query.hasLastComponentIsCommonListQuery[data-v-c9c1da85]{padding-bottom:6px}.CiCommonListLayout .area-table[data-v-c9c1da85]{padding:20px;flex-grow:1}.CiCommonListLayout .area-pagination[data-v-c9c1da85]{display:flex;justify-content:center;align-items:center;padding-bottom:20px;flex-shrink:0}

package/dist/lib/ci-common-list/ci-common-list-layout/index.js

@@ -0,0 +1,7 @@
+import o from "./index.vue.js";
+o.install = (t) => {
+  t.component(o.name, o);
+};
+export {
+  o as default
+};

package/dist/lib/ci-common-list/ci-common-list-layout/index.vue.js

@@ -0,0 +1,7 @@
+import o from "./index.vue2.js";
+/* empty css           */
+import t from "../../_virtual/_plugin-vue_export-helper.js";
+const c = /* @__PURE__ */ t(o, [["__scopeId", "data-v-c9c1da85"]]);
+export {
+  c as default
+};

package/dist/lib/ci-common-list/ci-common-list-layout/index.vue2.js

@@ -0,0 +1,87 @@
+import w from "../../ci-no-data-status/index.vue.js";
+import { defineComponent as $, ref as t, onMounted as q, nextTick as H, onBeforeUnmount as z, createElementBlock as r, openBlock as u, createCommentVNode as f, createElementVNode as E, renderSlot as c, normalizeClass as N, createVNode as A } from "vue";
+const B = { class: "CiCommonListLayout" }, O = {
+  name: "CiCommonListLayout",
+  inheritAttrs: !1
+}, T = /* @__PURE__ */ $({
+  ...O,
+  setup(V) {
+    const d = t(null), o = t(null), y = t(null), h = t(null), m = t(null), g = t(!1), v = t(!1), p = t(0), C = t(0), L = t(0), _ = t(0), k = t(0), i = () => {
+      H(() => {
+        var e, n, s, a, l;
+        p.value = ((n = (e = h.value) == null ? void 0 : e.parentElement) == null ? void 0 : n.offsetHeight) || window.innerHeight, C.value = ((s = d.value) == null ? void 0 : s.offsetHeight) || 0, L.value = ((a = o.value) == null ? void 0 : a.offsetHeight) || 0, _.value = ((l = y.value) == null ? void 0 : l.offsetHeight) || 0, k.value = p.value - (C.value + L.value + _.value + 40);
+      });
+    }, b = () => {
+      o.value && (m.value = new ResizeObserver(() => {
+        i();
+      }), m.value.observe(o.value));
+    }, Q = () => {
+      if (o.value) {
+        const e = Array.from(o.value.children);
+        console.log("查询区域所有一级子元素:", e), g.value = e.some(
+          (n) => n.classList.contains("CommonListQuery")
+        ), console.log(
+          "查询区域所有一级子元素内是否包含类名 CommonListQuery:",
+          g.value
+        );
+      }
+    }, R = () => {
+      var e, n, s;
+      if (o.value) {
+        const a = Array.from(o.value.children), l = a[a.length - 1];
+        v.value = l ? ((s = (n = (e = l.__vnode) == null ? void 0 : e.ctx) == null ? void 0 : n.type) == null ? void 0 : s.name) === "CommonListQuery" : !1, console.log(
+          "查询区域最后一个一级子元素是否是 CommonListQuery 组件:",
+          v.value
+        );
+      }
+    };
+    return q(() => {
+      i(), window.addEventListener("resize", i), b(), H(() => {
+        Q(), R();
+      });
+    }), z(() => {
+      var e;
+      window.removeEventListener("resize", i), (e = m.value) == null || e.disconnect();
+    }), (e, n) => {
+      const s = w;
+      return u(), r("div", B, [
+        e.$slots.actions ? (u(), r("div", {
+          key: 0,
+          ref_key: "actionsRef",
+          ref: d,
+          class: "area-actions"
+        }, [
+          c(e.$slots, "actions", {}, void 0, !0)
+        ], 512)) : f("", !0),
+        e.$slots.query ? (u(), r("div", {
+          key: 1,
+          ref_key: "queryRef",
+          ref: o,
+          class: N(["area-query", { hasLastComponentIsCommonListQuery: v.value }])
+        }, [
+          c(e.$slots, "query", {}, void 0, !0)
+        ], 2)) : f("", !0),
+        E("div", {
+          class: "area-table",
+          ref_key: "tableRef",
+          ref: h
+        }, [
+          c(e.$slots, "table", { tableHeight: k.value }, () => [
+            A(s)
+          ], !0)
+        ], 512),
+        e.$slots.pagination ? (u(), r("div", {
+          key: 2,
+          ref_key: "paginationRef",
+          ref: y,
+          class: "area-pagination"
+        }, [
+          c(e.$slots, "pagination", {}, void 0, !0)
+        ], 512)) : f("", !0)
+      ]);
+    };
+  }
+});
+export {
+  T as default
+};

package/dist/lib/ci-common-list/ci-common-list-pagination/index.js

@@ -0,0 +1,7 @@
+import o from "./index.vue.js";
+o.install = (n) => {
+  n.component(o.name, o);
+};
+export {
+  o as default
+};

package/dist/lib/ci-common-list/ci-common-list-pagination/index.vue.js

@@ -0,0 +1,7 @@
+import o from "./index.vue2.js";
+/* empty css           */
+import a from "../../_virtual/_plugin-vue_export-helper.js";
+const r = /* @__PURE__ */ a(o, [["__scopeId", "data-v-7aa7ac1e"]]);
+export {
+  r as default
+};