gs-eant-comp 3.3.0 → 3.3.2

package/dist/ContainerManager-Cm2cAxLn.js

@@ -0,0 +1,536 @@
+import { computed as T, ref as y, onMounted as G, resolveComponent as d, createElementBlock as w, openBlock as p, createElementVNode as o, toDisplayString as f, Fragment as B, renderList as Y, createVNode as a, withCtx as s, createTextVNode as b, createBlock as A, unref as P, inject as te, reactive as ae, createCommentVNode as V } from "vue";
+import { useRequest as j } from "vue-request";
+import { _ as ne, p as oe, m as se, D as le, s as ie } from "./index-ReaL9JbY.js";
+import { message as C, Modal as ue } from "ant-design-vue";
+import { useStore as re } from "vuex";
+const de = { class: "home-layout-studio" }, ce = { class: "container-library" }, pe = { class: "studio-panel-heading" }, me = { class: "container-list" }, _e = ["onClick"], ve = { class: "container-icon" }, fe = { class: "container-meta" }, ye = { class: "container-name" }, ge = { class: "container-desc" }, be = { class: "layout-canvas-panel" }, he = { class: "canvas-toolbar" }, we = { class: "studio-eyebrow" }, ke = { class: "canvas-actions" }, Ce = { class: "canvas-stat" }, Ie = { class: "layout-preview" }, xe = {
+  key: 0,
+  class: "empty-canvas"
+}, ze = { class: "empty-orbit" }, Se = { class: "grid-item-editor" }, Le = { class: "grid-item-header" }, De = ["onClick"], Ne = { class: "grid-item-body" }, Re = {
+  __name: "HomeLayoutDesigner",
+  props: {
+    api: {
+      type: Object,
+      required: !0
+    },
+    start: {
+      type: Number,
+      default: 1
+    },
+    platform: {
+      type: String,
+      default: "mobile",
+      validator: (D) => ["mobile", "pc"].includes(D)
+    },
+    initialLayout: {
+      type: Array,
+      default: () => []
+    }
+  },
+  emits: ["update:layoutItems"],
+  setup(D, { expose: k, emit: N }) {
+    const c = D, I = N, g = T(() => c.start === 2 ? "PC home canvas" : "Mobile home canvas"), m = T(() => c.platform === "pc" ? oe : se), _ = y([]), l = y([]), x = T(() => l.value.length ? l.value.reduce((t, e) => {
+      const u = Number(e.y || 0) + Number(e.h || 0);
+      return u > t ? u : t;
+    }, 0) : 0), n = y(!1), { run: z } = j(
+      () => c.api.mobile.list.post({}),
+      {
+        manual: !0,
+        onSuccess: async (t) => {
+          t && t.data && Array.isArray(t.data) && await m.value.loadDynamicContainersFromAPI(c.api), _.value = m.value.getRegisteredContainers();
+        },
+        onError: () => {
+          _.value = m.value.getRegisteredContainers();
+        }
+      }
+    ), M = (t) => {
+      const e = `${t.id}_${Date.now()}`, u = m.value.getContainerDefaultSize(t.id) || { w: 12, h: 2 }, v = {
+        i: e,
+        x: 0,
+        y: x.value,
+        w: u.w,
+        h: u.h,
+        componentId: t.id
+      };
+      l.value.push(v), I("update:layoutItems", l.value);
+    }, S = (t) => {
+      l.value = l.value.filter((e) => e.i !== t), I("update:layoutItems", l.value);
+    }, R = (t) => {
+      const u = m.value.getRegisteredContainers().find((v) => v.id === t);
+      return u ? u.name : t;
+    }, { run: $ } = j(
+      () => c.api.mobile.configInfo.post({ start: c.start }),
+      {
+        manual: !0,
+        onSuccess: (t) => {
+          if (t && t.data && t.data.home_layout)
+            try {
+              const e = JSON.parse(t.data.home_layout);
+              Array.isArray(e) && (l.value = e);
+            } catch (e) {
+              console.warn("首页布局配置解析失败", e);
+            }
+        }
+      }
+    ), q = async () => {
+      n.value = !0;
+      try {
+        const t = {
+          home_layout: JSON.stringify(l.value)
+        };
+        await c.api.mobile.configUspdate.post({ ...t, start: c.start });
+      } finally {
+        n.value = !1;
+      }
+    }, O = () => {
+      l.value = [], I("update:layoutItems", l.value);
+    };
+    return k({ loadConfig: $, loadContainers: z, setLayout: (t) => {
+      l.value = t;
+    }, layoutItems: l }), G(() => {
+      $(), z();
+    }), (t, e) => {
+      const u = d("a-icon"), v = d("a-button");
+      return p(), w("div", de, [
+        o("aside", ce, [
+          o("div", pe, [
+            e[0] || (e[0] = o("div", null, [
+              o("span", { class: "studio-eyebrow" }, "Component library"),
+              o("h3", null, "可用组件")
+            ], -1)),
+            o("strong", null, f(_.value.length), 1)
+          ]),
+          e[2] || (e[2] = o("div", { class: "library-subtitle" }, " 选择组件后会追加到当前画布末尾，可继续拖拽调整位置和尺寸。 ", -1)),
+          o("div", me, [
+            (p(!0), w(B, null, Y(_.value, (r) => (p(), w("div", {
+              key: r.id,
+              class: "container-item",
+              onClick: (E) => M(r)
+            }, [
+              o("div", ve, [
+                a(u, {
+                  type: r.icon
+                }, null, 8, ["type"])
+              ]),
+              o("div", fe, [
+                o("div", ye, f(r.name), 1),
+                o("div", ge, f(r.description || "暂无描述"), 1)
+              ]),
+              a(v, {
+                size: "small",
+                type: "primary",
+                ghost: "",
+                class: "container-add"
+              }, {
+                default: s(() => [...e[1] || (e[1] = [
+                  b("添加", -1)
+                ])]),
+                _: 1
+              })
+            ], 8, _e))), 128))
+          ])
+        ]),
+        o("section", be, [
+          o("div", he, [
+            o("div", null, [
+              o("span", we, f(g.value), 1),
+              e[3] || (e[3] = o("h3", null, "首页布局预览", -1))
+            ]),
+            o("div", ke, [
+              o("div", Ce, [
+                e[4] || (e[4] = o("span", null, "组件数", -1)),
+                o("strong", null, f(l.value.length), 1)
+              ]),
+              a(v, {
+                size: "small",
+                onClick: O
+              }, {
+                default: s(() => [...e[5] || (e[5] = [
+                  b("重置", -1)
+                ])]),
+                _: 1
+              }),
+              a(v, {
+                type: "primary",
+                size: "small",
+                loading: n.value,
+                onClick: q
+              }, {
+                default: s(() => [...e[6] || (e[6] = [
+                  b("保存配置", -1)
+                ])]),
+                _: 1
+              }, 8, ["loading"])
+            ])
+          ]),
+          o("div", Ie, [
+            l.value.length === 0 ? (p(), w("div", xe, [
+              o("div", ze, [
+                a(u, { type: "icon-appstore" })
+              ]),
+              e[7] || (e[7] = o("h4", null, "当前画布为空", -1)),
+              e[8] || (e[8] = o("p", null, "从左侧组件库添加容器，配置会保存为当前首页布局。", -1))
+            ])) : (p(), A(P(le), {
+              key: 1,
+              layout: l.value,
+              "col-num": 12,
+              "row-height": 80,
+              "is-draggable": !0,
+              "is-resizable": !0,
+              responsive: !1,
+              "vertical-compact": !0,
+              margin: [8, 8],
+              "use-css-transforms": !0
+            }, {
+              default: s(() => [
+                (p(!0), w(B, null, Y(l.value, (r) => (p(), A(P(ie), {
+                  key: r.i,
+                  x: r.x,
+                  y: r.y,
+                  w: r.w,
+                  h: r.h,
+                  i: r.i
+                }, {
+                  default: s(() => [
+                    o("div", Se, [
+                      o("div", Le, [
+                        o("span", null, f(R(r.componentId)), 1),
+                        o("button", {
+                          type: "button",
+                          class: "grid-remove",
+                          onClick: (E) => S(r.i)
+                        }, [
+                          a(u, { type: "icon-close" })
+                        ], 8, De)
+                      ]),
+                      o("div", Ne, [
+                        a(u, { type: "icon-dashboard" }),
+                        o("span", null, f(R(r.componentId)) + " 容器", 1)
+                      ])
+                    ])
+                  ]),
+                  _: 2
+                }, 1032, ["x", "y", "w", "h", "i"]))), 128))
+              ]),
+              _: 1
+            }, 8, ["layout"]))
+          ])
+        ])
+      ]);
+    };
+  }
+}, Oe = /* @__PURE__ */ ne(Re, [["__scopeId", "data-v-659e8f1d"]]), Ee = {
+  __name: "ContainerManager",
+  setup(D) {
+    const k = te("$API"), N = re(), c = y([]), I = [
+      { title: "容器ID", dataIndex: "container_id", key: "container_id" },
+      { title: "容器名称", dataIndex: "name", key: "name" },
+      { title: "图标", key: "icon" },
+      { title: "组件路径", dataIndex: "component_path", key: "component_path" },
+      { title: "默认尺寸", key: "defaultSize" },
+      { title: "描述", dataIndex: "description", key: "description" },
+      { title: "操作", key: "actions", width: 120 }
+    ], g = y(!1), m = y(!1), _ = y(!1), l = y("新增容器"), x = y(), n = ae({
+      id: "",
+      // 主键ID，编辑和删除时使用
+      container_id: "",
+      // 容器ID，用于组件注册
+      name: "",
+      component_path: "",
+      icon: "",
+      description: "",
+      default_w: 12,
+      default_h: 2
+    }), { run: z, loading: M } = j(
+      () => k.mobile.list.post({}),
+      {
+        manual: !0,
+        onSuccess: (t) => {
+          t && t.data && (c.value = t.data);
+        },
+        onError: (t) => {
+          C.error("加载容器列表失败: " + (t.message || "未知错误"));
+        }
+      }
+    ), S = () => {
+      z();
+    }, R = () => {
+      _.value = !1, l.value = "新增容器", Object.keys(n).forEach((t) => {
+        t === "default_w" ? n[t] = 12 : t === "default_h" ? n[t] = 2 : n[t] = "";
+      }), g.value = !0;
+    }, $ = (t) => {
+      _.value = !0, l.value = "编辑容器", n.id = t.id || "", n.container_id = t.container_id || "", n.name = t.name || "", n.component_path = t.component_path || "", n.icon = t.icon || "", n.description = t.description || "", n.default_w = t.default_w ? parseInt(t.default_w) : 12, n.default_h = t.default_h ? parseInt(t.default_h) : 2, g.value = !0;
+    }, q = (t) => {
+      ue.confirm({
+        title: "确认删除",
+        content: `确定要删除容器 "${t.name}" (${t.id}) 吗？`,
+        okText: "删除",
+        okType: "danger",
+        cancelText: "取消",
+        onOk: async () => {
+          try {
+            const e = N.state.auth.userInfo?.yhm || "";
+            await k.mobile.del.post({ id: t.id, userId: e }), C.success("删除成功"), S();
+          } catch (e) {
+            C.error("删除失败: " + (e.message || "未知错误"));
+          }
+        }
+      });
+    }, O = async () => {
+      try {
+        await x.value.validate();
+      } catch {
+        return;
+      }
+      m.value = !0;
+      try {
+        const t = N.state.auth.userInfo?.yhm || "", e = { ...n, userId: t };
+        _.value ? (await k.mobile.update.post(e), C.success("更新成功")) : (await k.mobile.add.post(e), C.success("新增成功")), g.value = !1, S();
+      } catch (t) {
+        C.error("操作失败: " + (t.message || "未知错误"));
+      } finally {
+        m.value = !1;
+      }
+    }, F = () => {
+      g.value = !1, x.value?.resetFields();
+    };
+    return G(() => {
+      z();
+    }), (t, e) => {
+      const u = d("a-button"), v = d("a-space"), r = d("a-icon"), E = d("a-table"), K = d("a-card"), U = d("a-input"), h = d("a-form-item"), Q = d("a-textarea"), H = d("a-input-number"), J = d("a-col"), W = d("a-row"), X = d("a-form"), Z = d("a-modal");
+      return p(), w("div", null, [
+        a(K, {
+          title: "容器管理",
+          size: "small",
+          class: "mb-3"
+        }, {
+          extra: s(() => [
+            a(v, null, {
+              default: s(() => [
+                a(u, {
+                  type: "primary",
+                  size: "small",
+                  onClick: R
+                }, {
+                  default: s(() => [...e[8] || (e[8] = [
+                    b("新增容器", -1)
+                  ])]),
+                  _: 1
+                }),
+                a(u, {
+                  size: "small",
+                  onClick: S
+                }, {
+                  default: s(() => [...e[9] || (e[9] = [
+                    b("刷新", -1)
+                  ])]),
+                  _: 1
+                })
+              ]),
+              _: 1
+            })
+          ]),
+          default: s(() => [
+            a(E, {
+              "data-source": c.value,
+              columns: I,
+              pagination: !1,
+              size: "small",
+              loading: P(M)
+            }, {
+              bodyCell: s(({ column: i, record: L }) => [
+                i.key === "icon" ? (p(), A(r, {
+                  key: 0,
+                  type: L.icon || "icon-appstore"
+                }, null, 8, ["type"])) : V("", !0),
+                i.key === "defaultSize" ? (p(), w(B, { key: 1 }, [
+                  b(f(L.default_w) + " × " + f(L.default_h), 1)
+                ], 64)) : V("", !0),
+                i.key === "actions" ? (p(), A(v, {
+                  key: 2,
+                  size: "small"
+                }, {
+                  default: s(() => [
+                    a(u, {
+                      type: "link",
+                      size: "small",
+                      onClick: (ee) => $(L)
+                    }, {
+                      default: s(() => [...e[10] || (e[10] = [
+                        b("编辑", -1)
+                      ])]),
+                      _: 1
+                    }, 8, ["onClick"]),
+                    a(u, {
+                      type: "link",
+                      size: "small",
+                      danger: "",
+                      onClick: (ee) => q(L)
+                    }, {
+                      default: s(() => [...e[11] || (e[11] = [
+                        b("删除", -1)
+                      ])]),
+                      _: 1
+                    }, 8, ["onClick"])
+                  ]),
+                  _: 2
+                }, 1024)) : V("", !0)
+              ]),
+              _: 1
+            }, 8, ["data-source", "loading"])
+          ]),
+          _: 1
+        }),
+        a(Z, {
+          open: g.value,
+          "onUpdate:open": e[7] || (e[7] = (i) => g.value = i),
+          title: l.value,
+          onOk: O,
+          onCancel: F,
+          "confirm-loading": m.value
+        }, {
+          default: s(() => [
+            a(X, {
+              ref_key: "formRef",
+              ref: x,
+              model: n,
+              "label-col": { span: 6 },
+              "wrapper-col": { span: 16 },
+              size: "small"
+            }, {
+              default: s(() => [
+                a(h, {
+                  label: "容器ID",
+                  name: "container_id",
+                  rules: [{ required: !0, message: "请输入容器ID" }]
+                }, {
+                  default: s(() => [
+                    a(U, {
+                      value: n.container_id,
+                      "onUpdate:value": e[0] || (e[0] = (i) => n.container_id = i),
+                      disabled: _.value,
+                      placeholder: "如：custom-card"
+                    }, null, 8, ["value", "disabled"])
+                  ]),
+                  _: 1
+                }),
+                a(h, {
+                  label: "容器名称",
+                  name: "name",
+                  rules: [{ required: !0, message: "请输入容器名称" }]
+                }, {
+                  default: s(() => [
+                    a(U, {
+                      value: n.name,
+                      "onUpdate:value": e[1] || (e[1] = (i) => n.name = i),
+                      placeholder: "如：自定义卡片"
+                    }, null, 8, ["value"])
+                  ]),
+                  _: 1
+                }),
+                a(h, {
+                  label: "组件路径",
+                  name: "component_path",
+                  rules: [{ required: !0, message: "请输入组件路径" }]
+                }, {
+                  default: s(() => [
+                    a(U, {
+                      value: n.component_path,
+                      "onUpdate:value": e[2] || (e[2] = (i) => n.component_path = i),
+                      placeholder: "如：./containers/CustomCard.vue"
+                    }, null, 8, ["value"]),
+                    e[12] || (e[12] = o("div", {
+                      class: "text-muted",
+                      style: { "font-size": "12px", "margin-top": "4px" }
+                    }, " 组件路径相对于：src/views/home/，动态容器仍共用于 PC 和移动端 ", -1))
+                  ]),
+                  _: 1
+                }),
+                a(h, {
+                  label: "图标",
+                  name: "icon"
+                }, {
+                  default: s(() => [
+                    a(U, {
+                      value: n.icon,
+                      "onUpdate:value": e[3] || (e[3] = (i) => n.icon = i),
+                      placeholder: "如：icon-custom"
+                    }, null, 8, ["value"])
+                  ]),
+                  _: 1
+                }),
+                a(h, {
+                  label: "描述",
+                  name: "description"
+                }, {
+                  default: s(() => [
+                    a(Q, {
+                      value: n.description,
+                      "onUpdate:value": e[4] || (e[4] = (i) => n.description = i),
+                      rows: 2,
+                      placeholder: "容器功能描述"
+                    }, null, 8, ["value"])
+                  ]),
+                  _: 1
+                }),
+                a(W, { gutter: 12 }, {
+                  default: s(() => [
+                    a(J, { span: 12 }, {
+                      default: s(() => [
+                        a(h, {
+                          label: "默认宽度",
+                          name: "default_w",
+                          rules: [{ required: !0, message: "请输入默认宽度" }]
+                        }, {
+                          default: s(() => [
+                            a(H, {
+                              value: n.default_w,
+                              "onUpdate:value": e[5] || (e[5] = (i) => n.default_w = i),
+                              min: 1,
+                              max: 12,
+                              style: { width: "100%" }
+                            }, null, 8, ["value"])
+                          ]),
+                          _: 1
+                        })
+                      ]),
+                      _: 1
+                    }),
+                    a(J, { span: 12 }, {
+                      default: s(() => [
+                        a(h, {
+                          label: "默认高度",
+                          name: "default_h",
+                          rules: [{ required: !0, message: "请输入默认高度" }]
+                        }, {
+                          default: s(() => [
+                            a(H, {
+                              value: n.default_h,
+                              "onUpdate:value": e[6] || (e[6] = (i) => n.default_h = i),
+                              min: 1,
+                              max: 10,
+                              style: { width: "100%" }
+                            }, null, 8, ["value"])
+                          ]),
+                          _: 1
+                        })
+                      ]),
+                      _: 1
+                    })
+                  ]),
+                  _: 1
+                })
+              ]),
+              _: 1
+            }, 8, ["model"])
+          ]),
+          _: 1
+        }, 8, ["open", "title", "confirm-loading"])
+      ]);
+    };
+  }
+};
+export {
+  Oe as H,
+  Ee as _
+};

package/dist/{ActivityFeed-DI9hNxV4.js → MobileActivityFeed-CgSNUDdr.js}

@@ -1,7 +1,7 @@
-import { resolveComponent as l, createElementBlock as n, openBlock as s, createElementVNode as t, Fragment as v, renderList as _, normalizeStyle as o, createVNode as y, createTextVNode as g, toDisplayString as a } from "vue";
-import { _ as f } from "./index--CCglFst.js";
-const m = { class: "activity-feed h-100" }, p = { class: "activity-body" }, u = { class: "activity-content" }, B = { class: "activity-text" }, b = { class: "activity-user" }, h = { class: "activity-time" }, k = {
-  __name: "ActivityFeed",
+import { resolveComponent as l, createElementBlock as n, openBlock as o, createElementVNode as t, Fragment as v, renderList as _, normalizeStyle as s, createVNode as y, createTextVNode as g, toDisplayString as a } from "vue";
+import { _ as f } from "./index-ReaL9JbY.js";
+const m = { class: "activity-feed h-100" }, p = { class: "activity-body" }, u = { class: "activity-content" }, b = { class: "activity-text" }, B = { class: "activity-user" }, h = { class: "activity-time" }, k = {
+  __name: "MobileActivityFeed",
   setup(x) {
     const r = [
       { user: "张三", action: "提交了销售报表", time: "3分钟前", icon: "icon-file", avatarBg: "linear-gradient(135deg, #667eea, #764ba2)" },
@@ -12,19 +12,19 @@ const m = { class: "activity-feed h-100" }, p = { class: "activity-body" }, u =
     ];
     return (V, e) => {
       const d = l("a-icon");
-      return s(), n("div", m, [
+      return o(), n("div", m, [
         e[1] || (e[1] = t("div", { class: "activity-header" }, [
           t("span", { class: "activity-title" }, "动态消息")
         ], -1)),
         t("div", p, [
-          (s(), n(v, null, _(r, (i, c) => t("div", {
+          (o(), n(v, null, _(r, (i, c) => t("div", {
             key: c,
             class: "activity-item",
-            style: o({ animationDelay: c * 0.06 + "s" })
+            style: s({ animationDelay: c * 0.06 + "s" })
           }, [
             t("div", {
               class: "activity-avatar",
-              style: o({ background: i.avatarBg })
+              style: s({ background: i.avatarBg })
             }, [
               y(d, {
                 type: i.icon
@@ -34,8 +34,8 @@ const m = { class: "activity-feed h-100" }, p = { class: "activity-body" }, u =
               t("div", { class: "activity-dot" })
             ], -1)),
             t("div", u, [
-              t("div", B, [
-                t("span", b, a(i.user), 1),
+              t("div", b, [
+                t("span", B, a(i.user), 1),
                 g(" " + a(i.action), 1)
               ]),
               t("div", h, a(i.time), 1)
@@ -45,7 +45,7 @@ const m = { class: "activity-feed h-100" }, p = { class: "activity-body" }, u =
       ]);
     };
   }
-}, A = /* @__PURE__ */ f(k, [["__scopeId", "data-v-b32d94d9"]]);
+}, A = /* @__PURE__ */ f(k, [["__scopeId", "data-v-934b70b6"]]);
 export {
   A as default
 };

package/dist/{BannerCarousel-CC_uykla.js → MobileBanner-Bsz39Sk2.js}

@@ -1,9 +1,9 @@
-import { resolveComponent as o, createElementBlock as a, openBlock as i, createVNode as s, withCtx as _, Fragment as p, renderList as f, createElementVNode as e, normalizeStyle as b, toDisplayString as n } from "vue";
-import { _ as g } from "./index--CCglFst.js";
+import { resolveComponent as o, createElementBlock as a, openBlock as i, createVNode as c, withCtx as _, Fragment as b, renderList as p, createElementVNode as e, normalizeStyle as f, toDisplayString as n } from "vue";
+import { _ as g } from "./index-ReaL9JbY.js";
 const m = { class: "banner-carousel h-100" }, u = { class: "banner-info" }, v = { class: "banner-title" }, h = { class: "banner-desc" }, x = { class: "banner-btn" }, y = { class: "banner-icon-wrapper" }, T = {
-  __name: "BannerCarousel",
+  __name: "MobileBanner",
   setup(k) {
-    const c = [
+    const s = [
       {
         title: "春季促销活动",
         desc: "全场商品低至5折，限时抢购中",
@@ -33,21 +33,21 @@ const m = { class: "banner-carousel h-100" }, u = { class: "banner-info" }, v =
         gradient: "linear-gradient(135deg, #4facfe 0%, #00f2fe 100%)"
       }
     ];
-    return (B, C) => {
+    return (B, w) => {
       const r = o("a-icon"), d = o("a-carousel");
       return i(), a("div", m, [
-        s(d, {
+        c(d, {
           autoplay: "",
           "dot-position": "bottom"
         }, {
           default: _(() => [
-            (i(), a(p, null, f(c, (t, l) => e("div", {
+            (i(), a(b, null, p(s, (t, l) => e("div", {
               key: l,
               class: "banner-slide"
             }, [
               e("div", {
                 class: "banner-content",
-                style: b({ background: t.gradient })
+                style: f({ background: t.gradient })
               }, [
                 e("div", u, [
                   e("div", v, n(t.title), 1),
@@ -55,7 +55,7 @@ const m = { class: "banner-carousel h-100" }, u = { class: "banner-info" }, v =
                   e("div", x, n(t.btnText), 1)
                 ]),
                 e("div", y, [
-                  s(r, {
+                  c(r, {
                     type: t.icon,
                     class: "banner-icon"
                   }, null, 8, ["type"])
@@ -68,7 +68,7 @@ const m = { class: "banner-carousel h-100" }, u = { class: "banner-info" }, v =
       ]);
     };
   }
-}, N = /* @__PURE__ */ g(T, [["__scopeId", "data-v-e43b83ef"]]);
+}, M = /* @__PURE__ */ g(T, [["__scopeId", "data-v-b3092ec0"]]);
 export {
-  N as default
+  M as default
 };