@pangu-backend-ui/user-core 0.0.8 → 0.0.10

package/index.js

@@ -1,13 +1,11 @@
-import { openBlock as a, createElementBlock as d, Fragment as h, createTextVNode as f, toDisplayString as b, createCommentVNode as _, defineComponent as T, ref as w, resolveComponent as u, createVNode as e, withCtx as s, createElementVNode as k, unref as g, createBlock as v, pushScopeId as N, popScopeId as P } from "vue";
-import { component as D } from "v-viewer";
-import { PgTable as S } from "@pangu-backend-ui/common";
-const y = (l, n) => {
-  const o = l.__vccOpts || l;
-  for (const [r, i] of n)
-    o[r] = i;
-  return o;
-}, V = {
-  name: "UserMobile",
+import { defineComponent as U, ref as h, inject as C, resolveComponent as c, openBlock as _, createElementBlock as T, Fragment as I, createTextVNode as m, toDisplayString as g, createBlock as w, withCtx as t, createVNode as e, createCommentVNode as k, watch as E, computed as $, resolveDirective as z, withDirectives as O, renderList as B, resolveDynamicComponent as F, createElementVNode as x, unref as H, pushScopeId as A, popScopeId as Y } from "vue";
+import { defineStore as j } from "pinia";
+import { PgTable as G } from "@pangu-backend-ui/common";
+const W = {
+  key: 0,
+  class: "container"
+}, q = /* @__PURE__ */ U({
+  __name: "UserMobileComponent",
   props: {
     userId: {
       type: Number,
@@ -18,226 +16,556 @@ const y = (l, n) => {
       default: null
     }
   },
-  data() {
-    return {
+  setup(a) {
+    const o = a, l = h({
       plainMobile: null,
       loading: !1
-    };
-  },
-  methods: {
-    getPlainMobile() {
-      this.plainMobile == null && (this.loading = !0, this.$http.get(`/api/user/${this.userId}/plainmobile`).then((l) => {
-        this.plainMobile = l.data, this.loading = !1;
+    }), r = C("http");
+    function v() {
+      l.value.plainMobile == null && (l.value.loading = !0, r == null || r.get(`/api/user/${o.userId}/plainmobile`).then((s) => {
+        l.value.plainMobile = s.data, l.value.loading = !1;
       }).finally(() => {
-        this.loading = !1;
+        l.value.loading = !1;
       }));
     }
+    return (s, p) => {
+      const u = c("View"), b = c("el-icon"), y = c("Loading");
+      return o.maskMobile != null ? (_(), T("div", W, [
+        l.value.plainMobile == null ? (_(), T(I, { key: 0 }, [
+          m(g(o.maskMobile), 1)
+        ], 64)) : (_(), T(I, { key: 1 }, [
+          m(g(l.value.plainMobile), 1)
+        ], 64)),
+        l.value.plainMobile == null && !l.value.loading && o.userId != null ? (_(), w(b, {
+          key: 2,
+          class: "view-icon",
+          onClick: v
+        }, {
+          default: t(() => [
+            e(u)
+          ]),
+          _: 1
+        })) : k("", !0),
+        l.value.loading ? (_(), w(b, {
+          key: 3,
+          class: "is-loading view-icon"
+        }, {
+          default: t(() => [
+            e(y)
+          ]),
+          _: 1
+        })) : k("", !0)
+      ])) : k("", !0);
+    };
+  }
+});
+const M = (a, o) => {
+  const l = a.__vccOpts || a;
+  for (const [r, v] of o)
+    l[r] = v;
+  return l;
+}, S = /* @__PURE__ */ M(q, [["__scopeId", "data-v-76c9c9ae"]]), J = {
+  install: (a) => {
+    a.component("PgUserMobile", S);
   }
-}, L = {
-  key: 3,
-  class: "el-icon-loading"
 };
-function B(l, n, o, r, i, m) {
-  return a(), d("div", null, [
-    o.maskMobile != null ? (a(), d(h, { key: 0 }, [
-      i.plainMobile == null ? (a(), d(h, { key: 0 }, [
-        f(b(o.maskMobile), 1)
-      ], 64)) : (a(), d(h, { key: 1 }, [
-        f(b(i.plainMobile), 1)
-      ], 64)),
-      i.plainMobile == null && !i.loading && o.userId != null ? (a(), d("i", {
-        key: 2,
-        class: "el-icon-view",
-        onClick: n[0] || (n[0] = (...c) => m.getPlainMobile && m.getPlainMobile(...c))
-      })) : _("", !0),
-      i.loading ? (a(), d("i", L)) : _("", !0)
-    ], 64)) : _("", !0)
-  ]);
-}
-const M = /* @__PURE__ */ y(V, [["render", B]]), E = {
-  install: (l) => {
-    l.component("PgUserMobile", M);
+function K() {
+  const a = C("http");
+  function o(l) {
+    return a == null ? void 0 : a.get(`/api/user/${l}`);
   }
-}, R = [
-  E
-];
-const q = (l) => (N("data-v-690b99ee"), l = l(), P(), l), z = { class: "page-layout" }, F = { style: { "margin-top": "10px" } }, O = /* @__PURE__ */ q(() => /* @__PURE__ */ k("template", { "slot-scope": "{row}" }, null, -1)), j = /* @__PURE__ */ T({
-  __name: "list",
-  setup(l) {
-    const n = w({
-      id: null,
-      phoneNumber: null
-    }), o = w(null);
-    function r() {
-      o.value.search();
+  return {
+    getUserDetail: o
+  };
+}
+const Q = /* @__PURE__ */ U({
+  __name: "LoginHistory",
+  props: ["userId"],
+  setup(a) {
+    const l = h({
+      userId: a.userId,
+      loginTimeStart: null,
+      loginTimeEnd: null
+    }), r = h([]);
+    E(r, (p) => {
+      p ? (l.value.loginTimeStart = p[0], l.value.loginTimeEnd = p[1]) : (l.value.loginTimeStart = null, l.value.loginTimeEnd = null), console.log(l.value.loginTimeStart, l.value.loginTimeEnd);
+    });
+    const v = h();
+    function s() {
+      v.value.search();
     }
-    return (i, m) => {
-      const c = u("el-input"), x = u("el-button"), I = u("el-space"), U = u("el-card"), t = u("el-table-column"), C = u("el-avatar");
-      return a(), d("div", z, [
-        e(U, null, {
-          default: s(() => [
-            e(I, null, {
-              default: s(() => [
-                e(c, {
-                  placeholder: "ID",
-                  style: { width: "100px" }
-                }),
-                e(c, {
-                  placeholder: "父用户ID",
-                  style: { width: "100px" }
-                }),
-                e(c, { placeholder: "手机号" }),
-                e(c, { placeholder: "昵称" }),
-                e(c, { placeholder: "邀请码" }),
-                e(x, {
+    return (p, u) => {
+      const b = c("el-date-picker"), y = c("el-button"), f = c("el-space"), i = c("el-table-column"), d = c("el-tag"), V = c("pg-table");
+      return _(), T(I, null, [
+        e(f, null, {
+          default: t(() => [
+            e(b, {
+              modelValue: r.value,
+              "onUpdate:modelValue": u[0] || (u[0] = (n) => r.value = n),
+              type: "datetimerange",
+              "range-separator": "-",
+              "start-placeholder": "登录开始时间",
+              "end-placeholder": "登录结束时间",
+              clearable: ""
+            }, null, 8, ["modelValue"]),
+            e(y, {
+              type: "primary",
+              icon: "search",
+              onClick: s
+            }, {
+              default: t(() => [
+                m("搜索")
+              ]),
+              _: 1
+            })
+          ]),
+          _: 1
+        }),
+        e(V, {
+          ref_key: "historiesTable",
+          ref: v,
+          style: { "margin-top": "10px" },
+          "data-url": "/api/user/login-history",
+          condition: l.value
+        }, {
+          columns: t(() => [
+            e(i, {
+              prop: "createdTime",
+              label: "登录时间",
+              align: "center",
+              "show-overflow-tooltip": ""
+            }),
+            e(i, {
+              prop: "ip",
+              label: "登录IP",
+              align: "center",
+              "show-overflow-tooltip": ""
+            }),
+            e(i, {
+              prop: "runtimeName",
+              label: "运行容器",
+              align: "center",
+              "show-overflow-tooltip": ""
+            }),
+            e(i, {
+              label: "登录方式",
+              align: "center",
+              "show-overflow-tooltip": ""
+            }, {
+              default: t(({ row: n }) => [
+                n.method === "SMS" ? (_(), w(d, {
+                  key: 0,
                   type: "primary",
-                  icon: "search",
-                  onClick: r
+                  size: "small"
                 }, {
-                  default: s(() => [
-                    f("搜索")
+                  default: t(() => [
+                    m("短信登录")
                   ]),
                   _: 1
-                })
+                })) : k("", !0),
+                n.method === "THIRD_PLATFORM" ? (_(), w(d, {
+                  key: 1,
+                  type: "primary",
+                  size: "small"
+                }, {
+                  default: t(() => [
+                    m("第三方平台")
+                  ]),
+                  _: 1
+                })) : k("", !0),
+                n.method === "UNIVERIFY" ? (_(), w(d, {
+                  key: 2,
+                  type: "primary",
+                  size: "small"
+                }, {
+                  default: t(() => [
+                    m("一键登录")
+                  ]),
+                  _: 1
+                })) : k("", !0),
+                n.method === "PASSWORD" ? (_(), w(d, {
+                  key: 3,
+                  type: "primary",
+                  size: "small"
+                }, {
+                  default: t(() => [
+                    m("帐号密码")
+                  ]),
+                  _: 1
+                })) : k("", !0)
               ]),
               _: 1
+            }),
+            e(i, {
+              prop: "thirdPlatformName",
+              label: "第三方登录",
+              align: "center",
+              "show-overflow-tooltip": ""
+            }),
+            e(i, {
+              prop: "versionCode",
+              label: "版本代码",
+              align: "center",
+              "show-overflow-tooltip": ""
+            }),
+            e(i, {
+              prop: "versionName",
+              label: "版本名称",
+              align: "center",
+              "show-overflow-tooltip": ""
             })
           ]),
           _: 1
-        }),
-        k("div", F, [
-          e(g(S), {
-            ref_key: "userTable",
-            ref: o,
-            "data-url": "/api/user/page",
-            condition: n.value
-          }, {
-            columns: s(() => [
-              e(t, {
-                prop: "id",
-                label: "UID",
-                width: "80",
-                align: "center"
-              }),
-              e(t, {
-                prop: "mobile",
-                label: "手机",
-                width: "110",
-                align: "left",
-                "show-overflow-tooltip": ""
-              }, {
-                default: s((p) => [
-                  (a(), v(M, {
-                    "mask-mobile": p.row.mobile,
-                    "user-id": p.row.id,
-                    key: p.row.id
-                  }, null, 8, ["mask-mobile", "user-id"]))
+        }, 8, ["condition"])
+      ], 64);
+    };
+  }
+}), N = j("pg-user-core-config-store", () => {
+  const a = [];
+  return a.push({
+    name: "登录历史",
+    code: "LOGIN_HISTORY",
+    component: Q
+  }), {
+    userDetailDialogTabs: $(() => a)
+  };
+}), L = /* @__PURE__ */ U({
+  __name: "UserDetailDialog",
+  setup(a, { expose: o }) {
+    const { getUserDetail: l } = K(), r = N(), v = h(!1), s = h(), p = h({
+      activeName: r.userDetailDialogTabs[0].code,
+      tabs: []
+    }), u = h(!1);
+    function b(y, f) {
+      var i;
+      u.value = !0, (i = l(y)) == null || i.then((d) => {
+        s.value = d.data, u.value = !1, v.value = !0, p.value.tabs.length = 0, p.value.tabs = p.value.tabs.concat(r.userDetailDialogTabs), f && (p.value.tabs = p.value.tabs.concat(f));
+      });
+    }
+    return o({
+      show: b
+    }), (y, f) => {
+      const i = c("el-descriptions-item"), d = c("el-descriptions"), V = c("el-tab-pane"), n = c("el-tabs"), P = c("el-dialog"), R = z("loading");
+      return O((_(), w(P, {
+        modelValue: v.value,
+        "onUpdate:modelValue": f[1] || (f[1] = (D) => v.value = D),
+        title: "用户详情",
+        width: "1300"
+      }, {
+        default: t(() => [
+          e(d, { border: "" }, {
+            default: t(() => [
+              e(i, { label: "用户编号" }, {
+                default: t(() => [
+                  m(g(s.value.id), 1)
                 ]),
                 _: 1
               }),
-              e(t, {
-                prop: "username",
-                label: "用户名",
-                width: "110",
-                align: "left",
-                "show-overflow-tooltip": ""
-              }),
-              e(t, {
-                prop: "nickname",
-                label: "昵称",
-                width: "110",
-                align: "left",
-                "show-overflow-tooltip": ""
+              e(i, { label: "用户昵称" }, {
+                default: t(() => [
+                  m(g(s.value.nickname), 1)
+                ]),
+                _: 1
               }),
-              e(t, {
-                prop: "inviteCode",
-                label: "邀请码",
-                width: "90",
-                align: "center",
-                "show-overflow-tooltip": ""
+              e(i, { label: "手机号码" }, {
+                default: t(() => [
+                  (_(), w(S, {
+                    "mask-mobile": s.value.mobile,
+                    "user-id": s.value.id,
+                    key: s.value.id
+                  }, null, 8, ["mask-mobile", "user-id"]))
+                ]),
+                _: 1
               }),
-              e(t, {
-                prop: "avatar",
-                label: "头像",
-                width: "60",
-                align: "center",
-                "show-overflow-tooltip": ""
-              }, {
-                default: s((p) => [
-                  p.row.avatar ? (a(), v(g(D), {
-                    key: 0,
-                    images: [p.row.avatar]
-                  }, {
-                    default: s(() => [
-                      e(C, {
-                        shape: "square",
-                        fit: "cover",
-                        size: 30,
-                        src: p.row.avatar
-                      }, null, 8, ["src"])
-                    ]),
-                    _: 2
-                  }, 1032, ["images"])) : _("", !0)
+              e(i, { label: "邀请编码" }, {
+                default: t(() => [
+                  m(g(s.value.inviteCode), 1)
                 ]),
                 _: 1
               }),
-              e(t, {
-                prop: "parentId",
-                label: "上级ID",
-                width: "80",
-                align: "left",
-                "show-overflow-tooltip": ""
+              e(i, { label: "活动时间" }, {
+                default: t(() => [
+                  m(g(s.value.touchTime), 1)
+                ]),
+                _: 1
               }),
-              e(t, {
-                prop: "relationPath",
-                label: "邀请关系",
-                "min-width": "150",
-                align: "left",
-                "show-overflow-tooltip": ""
+              e(i, { label: "注册时间" }, {
+                default: t(() => [
+                  m(g(s.value.createdTime), 1)
+                ]),
+                _: 1
               }),
-              e(t, {
-                prop: "blackUnlockTime",
-                label: "黑名单解锁",
-                width: "145",
-                align: "left",
-                "show-overflow-tooltip": ""
+              e(i, { label: "最后登陆" }, {
+                default: t(() => [
+                  m(g(s.value.lastLoginTime), 1)
+                ]),
+                _: 1
               }),
-              e(t, {
-                prop: "lastLoginTime",
-                label: "最后登录时间",
-                width: "145",
-                align: "center",
-                "show-overflow-tooltip": ""
+              e(i, { label: "最后更新" }, {
+                default: t(() => [
+                  m(g(s.value.updatedTime), 1)
+                ]),
+                _: 1
               }),
-              e(t, {
-                prop: "createdTime",
-                label: "创建时间",
-                width: "145",
-                align: "center",
-                "show-overflow-tooltip": ""
+              e(i, { label: "上级用户" }, {
+                default: t(() => [
+                  m(g(s.value.parentId), 1)
+                ]),
+                _: 1
               }),
-              e(t, {
-                label: "操作",
-                width: "220",
-                fixed: "right"
-              }, {
-                default: s(() => [
-                  O
+              e(i, { label: "邀请关系" }, {
+                default: t(() => [
+                  m(g(s.value.relationPath), 1)
                 ]),
                 _: 1
               })
             ]),
             _: 1
-          }, 8, ["condition"])
-        ])
+          }),
+          e(n, {
+            modelValue: p.value.activeName,
+            "onUpdate:modelValue": f[0] || (f[0] = (D) => p.value.activeName = D),
+            style: { "margin-top": "10px" },
+            type: "border-card"
+          }, {
+            default: t(() => [
+              (_(!0), T(I, null, B(p.value.tabs, (D, se) => (_(), w(V, {
+                label: D.name,
+                name: D.code,
+                key: `user_detail_dialog_${D.code}`
+              }, {
+                default: t(() => [
+                  (_(), w(F(D.component), {
+                    userId: s.value.id
+                  }, null, 8, ["userId"]))
+                ]),
+                _: 2
+              }, 1032, ["label", "name"]))), 128))
+            ]),
+            _: 1
+          }, 8, ["modelValue"])
+        ]),
+        _: 1
+      }, 8, ["modelValue"])), [
+        [R, u.value]
       ]);
     };
   }
+}), X = {
+  install: (a) => {
+    a.component("PgUserDetailDialog", L);
+  }
+}, Z = [
+  J,
+  X
+], ee = (a) => (A("data-v-391c43be"), a = a(), Y(), a), le = { class: "page-layout" }, te = { style: { "margin-top": "10px" } }, oe = /* @__PURE__ */ ee(() => /* @__PURE__ */ x("template", { "slot-scope": "{row}" }, null, -1)), ae = /* @__PURE__ */ U({
+  __name: "list",
+  setup(a) {
+    const o = h({
+      id: null,
+      parentId: null,
+      phone: null,
+      nicekname: null,
+      inviteCode: null
+    }), l = h(null);
+    function r() {
+      l.value.search();
+    }
+    const v = h();
+    function s(p) {
+      v.value.show(p.id);
+    }
+    return (p, u) => {
+      const b = c("el-input"), y = c("el-button"), f = c("el-space"), i = c("el-card"), d = c("el-table-column"), V = c("el-image");
+      return _(), T(I, null, [
+        x("div", le, [
+          e(i, null, {
+            default: t(() => [
+              e(f, null, {
+                default: t(() => [
+                  e(b, {
+                    modelValue: o.value.id,
+                    "onUpdate:modelValue": u[0] || (u[0] = (n) => o.value.id = n),
+                    placeholder: "ID",
+                    style: { width: "100px" },
+                    clearable: ""
+                  }, null, 8, ["modelValue"]),
+                  e(b, {
+                    modelValue: o.value.parentId,
+                    "onUpdate:modelValue": u[1] || (u[1] = (n) => o.value.parentId = n),
+                    placeholder: "父用户ID",
+                    style: { width: "100px" },
+                    clearable: ""
+                  }, null, 8, ["modelValue"]),
+                  e(b, {
+                    modelValue: o.value.phone,
+                    "onUpdate:modelValue": u[2] || (u[2] = (n) => o.value.phone = n),
+                    placeholder: "手机号",
+                    style: { width: "120px" },
+                    clearable: ""
+                  }, null, 8, ["modelValue"]),
+                  e(b, {
+                    modelValue: o.value.nicekname,
+                    "onUpdate:modelValue": u[3] || (u[3] = (n) => o.value.nicekname = n),
+                    placeholder: "昵称",
+                    style: { width: "150px" },
+                    clearable: ""
+                  }, null, 8, ["modelValue"]),
+                  e(b, {
+                    modelValue: o.value.inviteCode,
+                    "onUpdate:modelValue": u[4] || (u[4] = (n) => o.value.inviteCode = n),
+                    placeholder: "邀请码",
+                    style: { width: "100px" },
+                    clearable: ""
+                  }, null, 8, ["modelValue"]),
+                  e(y, {
+                    type: "primary",
+                    icon: "search",
+                    onClick: r
+                  }, {
+                    default: t(() => [
+                      m("搜索")
+                    ]),
+                    _: 1
+                  })
+                ]),
+                _: 1
+              })
+            ]),
+            _: 1
+          }),
+          x("div", te, [
+            e(H(G), {
+              ref_key: "userTable",
+              ref: l,
+              "data-url": "/api/user/page",
+              condition: o.value,
+              onRowDbClick: u[5] || (u[5] = (n) => s(n))
+            }, {
+              columns: t(() => [
+                e(d, {
+                  prop: "id",
+                  label: "UID",
+                  width: "80",
+                  align: "center"
+                }),
+                e(d, {
+                  prop: "mobile",
+                  label: "手机",
+                  width: "115",
+                  align: "left",
+                  "show-overflow-tooltip": ""
+                }, {
+                  default: t((n) => [
+                    (_(), w(S, {
+                      "mask-mobile": n.row.mobile,
+                      "user-id": n.row.id,
+                      key: n.row.id
+                    }, null, 8, ["mask-mobile", "user-id"]))
+                  ]),
+                  _: 1
+                }),
+                e(d, {
+                  prop: "username",
+                  label: "用户名",
+                  width: "110",
+                  align: "left",
+                  "show-overflow-tooltip": ""
+                }),
+                e(d, {
+                  prop: "nickname",
+                  label: "昵称",
+                  width: "110",
+                  align: "left",
+                  "show-overflow-tooltip": ""
+                }),
+                e(d, {
+                  prop: "inviteCode",
+                  label: "邀请码",
+                  width: "90",
+                  align: "center",
+                  "show-overflow-tooltip": ""
+                }),
+                e(d, {
+                  prop: "avatar",
+                  label: "头像",
+                  width: "60",
+                  align: "center",
+                  "show-overflow-tooltip": ""
+                }, {
+                  default: t((n) => [
+                    e(V, {
+                      fit: "cover",
+                      size: 30,
+                      src: n.row.avatar,
+                      "preview-teleported": "",
+                      "preview-src-list": [n.row.avatar]
+                    }, null, 8, ["src", "preview-src-list"])
+                  ]),
+                  _: 1
+                }),
+                e(d, {
+                  prop: "parentId",
+                  label: "上级ID",
+                  width: "80",
+                  align: "left",
+                  "show-overflow-tooltip": ""
+                }),
+                e(d, {
+                  prop: "relationPath",
+                  label: "邀请关系",
+                  "min-width": "150",
+                  align: "left",
+                  "show-overflow-tooltip": ""
+                }),
+                e(d, {
+                  prop: "blackUnlockTime",
+                  label: "黑名单解锁",
+                  width: "145",
+                  align: "left",
+                  "show-overflow-tooltip": ""
+                }),
+                e(d, {
+                  prop: "lastLoginTime",
+                  label: "最后登录时间",
+                  width: "145",
+                  align: "center",
+                  "show-overflow-tooltip": ""
+                }),
+                e(d, {
+                  prop: "createdTime",
+                  label: "创建时间",
+                  width: "145",
+                  align: "center",
+                  "show-overflow-tooltip": ""
+                }),
+                e(d, {
+                  label: "操作",
+                  width: "220",
+                  fixed: "right"
+                }, {
+                  default: t(() => [
+                    oe
+                  ]),
+                  _: 1
+                })
+              ]),
+              _: 1
+            }, 8, ["condition"])
+          ])
+        ]),
+        e(L, {
+          ref_key: "userDetailDialog",
+          ref: v
+        }, null, 512)
+      ], 64);
+    };
+  }
 });
-const A = /* @__PURE__ */ y(j, [["__scopeId", "data-v-690b99ee"]]), G = {
-  install: (l, n = {}) => {
-    let o = n.router, r = o.getRoutes().find((i) => i.path == "/");
-    r && r.meta && o.addRoute({
+const ne = /* @__PURE__ */ M(ae, [["__scopeId", "data-v-391c43be"]]), ie = {
+  install: (a, o) => {
+    let l = o.router, r = l.getRoutes().find((v) => v.path == "/");
+    r && r.meta && l.addRoute({
       path: "/user",
       name: "User",
       redirect: "/user/list",
@@ -245,17 +573,22 @@ const A = /* @__PURE__ */ y(j, [["__scopeId", "data-v-690b99ee"]]), G = {
       children: [{
         path: "list",
         name: "UserList",
-        component: A
+        component: ne
       }]
     });
   }
-}, H = (l, n = {}) => {
-  R.forEach((o) => l.use(o)), l.use(G, n);
-}, W = {
-  install: H
+}, re = (a, o) => {
+  const l = N();
+  if (o.userDetailDialogTabs && o.userDetailDialogTabs.length)
+    for (let r of o.userDetailDialogTabs)
+      l.userDetailDialogTabs.push(r);
+  Z.forEach((r) => a.use(r)), a.use(ie, o);
+}, pe = {
+  install: re
 };
 export {
-  E as UserMobileComp,
-  W as default,
-  H as install
+  X as UserDetailDialog,
+  J as UserMobileComp,
+  pe as default,
+  re as install
 };