@pangu-backend-ui/user-core 0.0.2

package/index.js

@@ -0,0 +1,261 @@
+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",
+  props: {
+    userId: {
+      type: Number,
+      default: null
+    },
+    maskMobile: {
+      type: String,
+      default: null
+    }
+  },
+  data() {
+    return {
+      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;
+      }).finally(() => {
+        this.loading = !1;
+      }));
+    }
+  }
+}, 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);
+  }
+}, 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 (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, {
+                  type: "primary",
+                  icon: "search",
+                  onClick: r
+                }, {
+                  default: s(() => [
+                    f("搜索")
+                  ]),
+                  _: 1
+                })
+              ]),
+              _: 1
+            })
+          ]),
+          _: 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"]))
+                ]),
+                _: 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(t, {
+                prop: "inviteCode",
+                label: "邀请码",
+                width: "90",
+                align: "center",
+                "show-overflow-tooltip": ""
+              }),
+              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)
+                ]),
+                _: 1
+              }),
+              e(t, {
+                prop: "parentId",
+                label: "上级ID",
+                width: "80",
+                align: "left",
+                "show-overflow-tooltip": ""
+              }),
+              e(t, {
+                prop: "relationPath",
+                label: "邀请关系",
+                "min-width": "150",
+                align: "left",
+                "show-overflow-tooltip": ""
+              }),
+              e(t, {
+                prop: "blackUnlockTime",
+                label: "黑名单解锁",
+                width: "145",
+                align: "left",
+                "show-overflow-tooltip": ""
+              }),
+              e(t, {
+                prop: "lastLoginTime",
+                label: "最后登录时间",
+                width: "145",
+                align: "center",
+                "show-overflow-tooltip": ""
+              }),
+              e(t, {
+                prop: "createdTime",
+                label: "创建时间",
+                width: "145",
+                align: "center",
+                "show-overflow-tooltip": ""
+              }),
+              e(t, {
+                label: "操作",
+                width: "220",
+                fixed: "right"
+              }, {
+                default: s(() => [
+                  O
+                ]),
+                _: 1
+              })
+            ]),
+            _: 1
+          }, 8, ["condition"])
+        ])
+      ]);
+    };
+  }
+});
+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({
+      path: "/user",
+      name: "User",
+      redirect: "/user/list",
+      component: r.meta.commonLayout,
+      children: [{
+        path: "list",
+        name: "UserList",
+        component: A
+      }]
+    });
+  }
+}, H = (l, n = {}) => {
+  R.forEach((o) => l.use(o)), l.use(G, n);
+}, W = {
+  install: H
+};
+export {
+  E as UserMobileComp,
+  W as default,
+  H as install
+};

package/index.umd.cjs

@@ -0,0 +1 @@
+(function(n,e){typeof exports=="object"&&typeof module<"u"?e(exports,require("vue"),require("v-viewer"),require("@pangu-backend-ui/common")):typeof define=="function"&&define.amd?define(["exports","vue","v-viewer","@pangu-backend-ui/common"],e):(n=typeof globalThis<"u"?globalThis:n||self,e(n["pg-user-core"]={},n.Vue,n.vViewer,n.common))})(this,function(n,e,f,w){"use strict";const p=(o,a)=>{const t=o.__vccOpts||o;for(const[r,i]of a)t[r]=i;return t},b={name:"UserMobile",props:{userId:{type:Number,default:null},maskMobile:{type:String,default:null}},data(){return{plainMobile:null,loading:!1}},methods:{getPlainMobile(){this.plainMobile==null&&(this.loading=!0,this.$http.get(`/api/user/${this.userId}/plainmobile`).then(o=>{this.plainMobile=o.data,this.loading=!1}).finally(()=>{this.loading=!1}))}}},g={key:3,class:"el-icon-loading"};function k(o,a,t,r,i,d){return e.openBlock(),e.createElementBlock("div",null,[t.maskMobile!=null?(e.openBlock(),e.createElementBlock(e.Fragment,{key:0},[i.plainMobile==null?(e.openBlock(),e.createElementBlock(e.Fragment,{key:0},[e.createTextVNode(e.toDisplayString(t.maskMobile),1)],64)):(e.openBlock(),e.createElementBlock(e.Fragment,{key:1},[e.createTextVNode(e.toDisplayString(i.plainMobile),1)],64)),i.plainMobile==null&&!i.loading&&t.userId!=null?(e.openBlock(),e.createElementBlock("i",{key:2,class:"el-icon-view",onClick:a[0]||(a[0]=(...c)=>d.getPlainMobile&&d.getPlainMobile(...c))})):e.createCommentVNode("",!0),i.loading?(e.openBlock(),e.createElementBlock("i",g)):e.createCommentVNode("",!0)],64)):e.createCommentVNode("",!0)])}const m=p(b,[["render",k]]),h={install:o=>{o.component("PgUserMobile",m)}},V=[h],P="",N=o=>(e.pushScopeId("data-v-690b99ee"),o=o(),e.popScopeId(),o),u={class:"page-layout"},y={style:{"margin-top":"10px"}},C=N(()=>e.createElementVNode("template",{"slot-scope":"{row}"},null,-1)),x=e.defineComponent({__name:"list",setup(o){const a=e.ref({id:null,phoneNumber:null}),t=e.ref(null);function r(){t.value.search()}return(i,d)=>{const c=e.resolveComponent("el-input"),T=e.resolveComponent("el-button"),E=e.resolveComponent("el-space"),U=e.resolveComponent("el-card"),l=e.resolveComponent("el-table-column"),S=e.resolveComponent("el-avatar");return e.openBlock(),e.createElementBlock("div",u,[e.createVNode(U,null,{default:e.withCtx(()=>[e.createVNode(E,null,{default:e.withCtx(()=>[e.createVNode(c,{placeholder:"ID",style:{width:"100px"}}),e.createVNode(c,{placeholder:"父用户ID",style:{width:"100px"}}),e.createVNode(c,{placeholder:"手机号"}),e.createVNode(c,{placeholder:"昵称"}),e.createVNode(c,{placeholder:"邀请码"}),e.createVNode(T,{type:"primary",icon:"search",onClick:r},{default:e.withCtx(()=>[e.createTextVNode("搜索")]),_:1})]),_:1})]),_:1}),e.createElementVNode("div",y,[e.createVNode(e.unref(w.PgTable),{ref_key:"userTable",ref:t,"data-url":"/api/user/page",condition:a.value},{columns:e.withCtx(()=>[e.createVNode(l,{prop:"id",label:"UID",width:"80",align:"center"}),e.createVNode(l,{prop:"mobile",label:"手机",width:"110",align:"left","show-overflow-tooltip":""},{default:e.withCtx(s=>[(e.openBlock(),e.createBlock(m,{"mask-mobile":s.row.mobile,"user-id":s.row.id,key:s.row.id},null,8,["mask-mobile","user-id"]))]),_:1}),e.createVNode(l,{prop:"username",label:"用户名",width:"110",align:"left","show-overflow-tooltip":""}),e.createVNode(l,{prop:"nickname",label:"昵称",width:"110",align:"left","show-overflow-tooltip":""}),e.createVNode(l,{prop:"inviteCode",label:"邀请码",width:"90",align:"center","show-overflow-tooltip":""}),e.createVNode(l,{prop:"avatar",label:"头像",width:"60",align:"center","show-overflow-tooltip":""},{default:e.withCtx(s=>[s.row.avatar?(e.openBlock(),e.createBlock(e.unref(f.component),{key:0,images:[s.row.avatar]},{default:e.withCtx(()=>[e.createVNode(S,{shape:"square",fit:"cover",size:30,src:s.row.avatar},null,8,["src"])]),_:2},1032,["images"])):e.createCommentVNode("",!0)]),_:1}),e.createVNode(l,{prop:"parentId",label:"上级ID",width:"80",align:"left","show-overflow-tooltip":""}),e.createVNode(l,{prop:"relationPath",label:"邀请关系","min-width":"150",align:"left","show-overflow-tooltip":""}),e.createVNode(l,{prop:"blackUnlockTime",label:"黑名单解锁",width:"145",align:"left","show-overflow-tooltip":""}),e.createVNode(l,{prop:"lastLoginTime",label:"最后登录时间",width:"145",align:"center","show-overflow-tooltip":""}),e.createVNode(l,{prop:"createdTime",label:"创建时间",width:"145",align:"center","show-overflow-tooltip":""}),e.createVNode(l,{label:"操作",width:"220",fixed:"right"},{default:e.withCtx(()=>[C]),_:1})]),_:1},8,["condition"])])])}}}),D="",M=p(x,[["__scopeId","data-v-690b99ee"]]),B={install:(o,a={})=>{let t=a.router,r=t.getRoutes().find(i=>i.path=="/");r&&r.meta&&t.addRoute({path:"/user",name:"User",redirect:"/user/list",component:r.meta.commonLayout,children:[{path:"list",name:"UserList",component:M}]})}},_=(o,a={})=>{V.forEach(t=>o.use(t)),o.use(B,a)},I={install:_};n.UserMobileComp=h,n.default=I,n.install=_,Object.defineProperties(n,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}})});

package/package.json

@@ -0,0 +1,35 @@
+{
+  "name": "@pangu-backend-ui/user-core",
+  "private": false,
+  "version": "0.0.2",
+  "main": "index.js",
+  "module": "index.js",
+  "unpkg": "index.umd.cjs",
+  "types": "types/index.d.ts",
+  "license": "MIT",
+  "exports": {
+    ".": {
+      "import": "index.js",
+      "require": "index.umd.cjs",
+      "types": "types/index.d.ts"
+    }
+  },
+  "dependencies": {
+    "axios": "^1.3.2",
+    "element-plus": "^2.2.29",
+    "v-viewer": "^3.0.11",
+    "vue": "^3.2.45",
+    "vue-router": "^4.1.6",
+    "@pangu-backend-ui/common": "^0.0.2"
+  },
+  "publishConfig": {
+    "access": "public",
+    "registry": "https://registry.npmjs.org/"
+  },
+  "web-types": "web-types.json",
+  "browserslist": [
+    "> 1%",
+    "not ie 11",
+    "not op_mini all"
+  ]
+}

package/style.css

@@ -0,0 +1,9 @@
+/*!
+ * Viewer.js v1.11.2
+ * https://fengyuanchen.github.io/viewerjs
+ *
+ * Copyright 2015-present Chen Fengyuan
+ * Released under the MIT license
+ *
+ * Date: 2023-01-01T10:14:47.694Z
+ */.viewer-zoom-in:before,.viewer-zoom-out:before,.viewer-one-to-one:before,.viewer-reset:before,.viewer-prev:before,.viewer-play:before,.viewer-next:before,.viewer-rotate-left:before,.viewer-rotate-right:before,.viewer-flip-horizontal:before,.viewer-flip-vertical:before,.viewer-fullscreen:before,.viewer-fullscreen-exit:before,.viewer-close:before{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAARgAAAAUCAYAAABWOyJDAAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAALEgAACxIB0t1+/AAAABx0RVh0U29mdHdhcmUAQWRvYmUgRmlyZXdvcmtzIENTNui8sowAAAQPSURBVHic7Zs/iFxVFMa/0U2UaJGksUgnIVhYxVhpjDbZCBmLdAYECxsRFBTUamcXUiSNncgKQbSxsxH8gzAP3FU2jY0kKKJNiiiIghFlccnP4p3nPCdv3p9778vsLOcHB2bfveeb7955c3jvvNkBIMdxnD64a94GHMfZu3iBcRynN7zAOI7TG15gHCeeNUkr8zaxG2lbYDYsdgMbktBsP03jdQwljSXdtBhLOmtjowC9Mg9L+knSlcD8TNKpSA9lBpK2JF2VdDSR5n5J64m0qli399hNFMUlpshQii5jbXTbHGviB0nLNeNDSd9VO4A2UdB2fp+x0eCnaXxWXGA2X0au/3HgN9P4LFCjIANOJdrLr0zzZ+BEpNYDwKbpnQMeAw4m8HjQtM6Z9qa917zPQwFr3M5KgA6J5rTJCdFZJj9/lyvGhsDvwFNVuV2MhhjrK6b9bFiE+j1r87eBl4HDwCF7/U/k+ofAX5b/EXBv5JoLMuILzf3Ap6Z3EzgdqHMCuF7hcQf4HDgeoHnccncqdK/TvSDWffFXI/exICY/xZyqc6XLWF1UFZna4gJ7q8BsRvgd2/xXpo6P+D9dfT7PpECtA3cnWPM0GXGFZh/wgWltA+cDNC7X+AP4GzjZQe+k5dRxuYPeiuXU7e1qwLpDz7dFjXKRaSwuMLvAlG8zZlG+YmiK1HoFqT7wP2z+4Q45TfEGcMt01xLoNZEBTwRqD4BLpnMLeC1A41UmVxsXgXeBayV/Wx20rpTyrpnWRft7p6O/FdqzGrDukPNtkaMoMo3FBdBSQMOnYBCReyf05s126fU9ytfX98+mY54Kxnp7S9K3kj6U9KYdG0h6UdLbkh7poFXMfUnSOyVvL0h6VtIXHbS6nOP+s/Zm9mvyXW1uuC9ohZ72E9uDmXWLJOB1GxsH+DxPftsB8B6wlGDN02TAkxG6+4D3TWsbeC5CS8CDFce+AW500LhhOW2020TRjK3b21HEmgti9m0RonxbdMZeVzV+/4tF3cBpP7E9mKHNL5q8h5g0eYsCMQz0epq8gQrwMXAgcs0FGXGFRcB9wCemF9PkbYqM/Bas7fxLwNeJPdTdpo4itQti8lPMqTpXuozVRVXPpbHI3KkNTB1NfkL81j2mvhDp91HgV9MKuRIqrykj3WPq4rHyL+axj8/qGPmTqi6F9YDlHOvJU6oYcTsh/TYSzWmTE6JT19CtLTJt32D6CmHe0eQn1O8z5AXgT4sx4Vcu0/EQecMydB8z0hUWkTd2t4CrwNEePqMBcAR4mrBbwyXLPWJa8zrXmmLEhNBmfpkuY2102xxrih+pb+ieAb6vGhuA97UcJ5KR8gZ77K+99xxeYBzH6Q3/Z0fHcXrDC4zjOL3hBcZxnN74F+zlvXFWXF9PAAAAAElFTkSuQmCC);background-repeat:no-repeat;background-size:280px;color:transparent;display:block;font-size:0;height:20px;line-height:0;width:20px}.viewer-zoom-in:before{background-position:0 0;content:"Zoom In"}.viewer-zoom-out:before{background-position:-20px 0;content:"Zoom Out"}.viewer-one-to-one:before{background-position:-40px 0;content:"One to One"}.viewer-reset:before{background-position:-60px 0;content:"Reset"}.viewer-prev:before{background-position:-80px 0;content:"Previous"}.viewer-play:before{background-position:-100px 0;content:"Play"}.viewer-next:before{background-position:-120px 0;content:"Next"}.viewer-rotate-left:before{background-position:-140px 0;content:"Rotate Left"}.viewer-rotate-right:before{background-position:-160px 0;content:"Rotate Right"}.viewer-flip-horizontal:before{background-position:-180px 0;content:"Flip Horizontal"}.viewer-flip-vertical:before{background-position:-200px 0;content:"Flip Vertical"}.viewer-fullscreen:before{background-position:-220px 0;content:"Enter Full Screen"}.viewer-fullscreen-exit:before{background-position:-240px 0;content:"Exit Full Screen"}.viewer-close:before{background-position:-260px 0;content:"Close"}.viewer-container{bottom:0;direction:ltr;font-size:0;left:0;line-height:0;overflow:hidden;position:absolute;right:0;-webkit-tap-highlight-color:transparent;top:0;-ms-touch-action:none;touch-action:none;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.viewer-container::-moz-selection,.viewer-container *::-moz-selection{background-color:transparent}.viewer-container::selection,.viewer-container *::selection{background-color:transparent}.viewer-container:focus{outline:0}.viewer-container img{display:block;height:auto;max-height:none!important;max-width:none!important;min-height:0!important;min-width:0!important;width:100%}.viewer-canvas{bottom:0;left:0;overflow:hidden;position:absolute;right:0;top:0}.viewer-canvas>img{height:auto;margin:15px auto;max-width:90%!important;width:auto}.viewer-footer{bottom:0;left:0;overflow:hidden;position:absolute;right:0;text-align:center}.viewer-navbar{background-color:#0000007f;overflow:hidden}.viewer-list{box-sizing:content-box;height:50px;margin:0;overflow:hidden;padding:1px 0}.viewer-list>li{color:transparent;cursor:pointer;float:left;font-size:0;height:50px;line-height:0;opacity:.5;overflow:hidden;transition:opacity .15s;width:30px}.viewer-list>li:focus,.viewer-list>li:hover{opacity:.75}.viewer-list>li:focus{outline:0}.viewer-list>li+li{margin-left:1px}.viewer-list>.viewer-loading{position:relative}.viewer-list>.viewer-loading:after{border-width:2px;height:20px;margin-left:-10px;margin-top:-10px;width:20px}.viewer-list>.viewer-active,.viewer-list>.viewer-active:focus,.viewer-list>.viewer-active:hover{opacity:1}.viewer-player{background-color:#000;bottom:0;cursor:none;display:none;left:0;position:absolute;right:0;top:0;z-index:1}.viewer-player>img{left:0;position:absolute;top:0}.viewer-toolbar>ul{display:inline-block;margin:0 auto 5px;overflow:hidden;padding:6px 3px}.viewer-toolbar>ul>li{background-color:#0000007f;border-radius:50%;cursor:pointer;float:left;height:24px;overflow:hidden;transition:background-color .15s;width:24px}.viewer-toolbar>ul>li:focus,.viewer-toolbar>ul>li:hover{background-color:#000c}.viewer-toolbar>ul>li:focus{box-shadow:0 0 3px #fff;outline:0;position:relative;z-index:1}.viewer-toolbar>ul>li:before{margin:2px}.viewer-toolbar>ul>li+li{margin-left:1px}.viewer-toolbar>ul>.viewer-small{height:18px;margin-bottom:3px;margin-top:3px;width:18px}.viewer-toolbar>ul>.viewer-small:before{margin:-1px}.viewer-toolbar>ul>.viewer-large{height:30px;margin-bottom:-3px;margin-top:-3px;width:30px}.viewer-toolbar>ul>.viewer-large:before{margin:5px}.viewer-tooltip{background-color:#000c;border-radius:10px;color:#fff;display:none;font-size:12px;height:20px;left:50%;line-height:20px;margin-left:-25px;margin-top:-10px;position:absolute;text-align:center;top:50%;width:50px}.viewer-title{color:#ccc;display:inline-block;font-size:12px;line-height:1.2;margin:5px 5%;max-width:90%;min-height:14px;opacity:.8;overflow:hidden;text-overflow:ellipsis;transition:opacity .15s;white-space:nowrap}.viewer-title:hover{opacity:1}.viewer-button{-webkit-app-region:no-drag;background-color:#0000007f;border-radius:50%;cursor:pointer;height:80px;overflow:hidden;position:absolute;right:-40px;top:-40px;transition:background-color .15s;width:80px}.viewer-button:focus,.viewer-button:hover{background-color:#000c}.viewer-button:focus{box-shadow:0 0 3px #fff;outline:0}.viewer-button:before{bottom:15px;left:15px;position:absolute}.viewer-fixed{position:fixed}.viewer-open{overflow:hidden}.viewer-show{display:block}.viewer-hide{display:none}.viewer-backdrop{background-color:#0000007f}.viewer-invisible{visibility:hidden}.viewer-move{cursor:move;cursor:grab}.viewer-fade{opacity:0}.viewer-in{opacity:1}.viewer-transition{transition:all .3s}@keyframes viewer-spinner{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.viewer-loading:after{animation:viewer-spinner 1s linear infinite;border:4px solid rgba(255,255,255,10%);border-left-color:#ffffff7f;border-radius:50%;content:"";display:inline-block;height:40px;left:50%;margin-left:-20px;margin-top:-20px;position:absolute;top:50%;width:40px;z-index:1}@media (max-width: 767px){.viewer-hide-xs-down{display:none}}@media (max-width: 991px){.viewer-hide-sm-down{display:none}}@media (max-width: 1199px){.viewer-hide-md-down{display:none}}.page-layout[data-v-690b99ee]{display:flex;flex-direction:column}

package/types/components/UserMobile/UserMobileComponent.vue.d.ts

@@ -0,0 +1,24 @@
+export default _sfc_main;
+declare namespace _sfc_main {
+    const name: string;
+    namespace props {
+        namespace userId {
+            export const type: NumberConstructor;
+            const _default: null;
+            export { _default as default };
+        }
+        namespace maskMobile {
+            const type_1: StringConstructor;
+            export { type_1 as type };
+            const _default_1: null;
+            export { _default_1 as default };
+        }
+    }
+    function data(): {
+        plainMobile: null;
+        loading: boolean;
+    };
+    namespace methods {
+        function getPlainMobile(): void;
+    }
+}

package/types/components/UserMobile/index.d.ts

@@ -0,0 +1,6 @@
+import { App } from "vue";
+export * from './UserMobileComponent.vue';
+declare const _default: {
+    install: (app: App) => void;
+};
+export default _default;

package/types/components/index.d.ts

@@ -0,0 +1,6 @@
+import UserMobileComp from './UserMobile';
+declare const _default: {
+    install: (app: import("vue").App<any>) => void;
+}[];
+export default _default;
+export { UserMobileComp };

package/types/index.d.ts

@@ -0,0 +1,8 @@
+import type { App } from 'vue';
+export * from './components';
+export * from './model';
+export declare const install: (app: App, option?: any) => void;
+declare const _default: {
+    install: (app: App<any>, option?: any) => void;
+};
+export default _default;

package/types/routes/index.d.ts

@@ -0,0 +1,5 @@
+import { App } from "vue";
+declare const _default: {
+    install: (app: App, option?: any) => void;
+};
+export default _default;

package/types/views/list.vue.d.ts

@@ -0,0 +1,115 @@
+declare const _sfc_main: import("vue").DefineComponent<{}, {
+    condition: import("vue").Ref<{
+        id: null;
+        phoneNumber: null;
+    }>;
+    userTable: any;
+    search: () => void;
+    UserMobile: {
+        name: string;
+        props: {
+            userId: {
+                type: NumberConstructor;
+                default: null;
+            };
+            maskMobile: {
+                type: StringConstructor;
+                default: null;
+            };
+        };
+        data(): {
+            plainMobile: null;
+            loading: boolean;
+        };
+        methods: {
+            getPlainMobile(): void;
+        };
+    };
+    readonly Viewer: import("vue").DefineComponent<{}, {}, any, import("vue").ComputedOptions, import("vue").MethodOptions, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}>;
+    readonly PgTable: import("vue").DefineComponent<{
+        condition: {
+            type: ObjectConstructor;
+            required: boolean;
+            default: () => {};
+        };
+        pageSize: {
+            type: NumberConstructor;
+            required: boolean;
+            default: number;
+        };
+        dataUrl: {
+            type: StringConstructor;
+            required: boolean;
+        };
+        fetchData: {
+            type: BooleanConstructor;
+            required: boolean;
+            default: boolean;
+        };
+        pagination: {
+            type: BooleanConstructor;
+            default: boolean;
+            required: boolean;
+        };
+        dataList: {
+            type: ArrayConstructor;
+            required: boolean;
+            default: never[];
+        };
+    }, {
+        props: any;
+        emits: (event: string, ...args: any[]) => void;
+        state: {
+            loading: boolean;
+            list: any[];
+            total: number;
+            pageSize: number;
+            pageNumber: number;
+        };
+        search: () => void;
+        switchLoading: () => void;
+        handlePageSizeChange: (pageSize: number) => void;
+        handlePageCurrentChange: (pageNumber: number) => void;
+        setData: (dataList: any[]) => void;
+        getData: () => any[];
+    }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, string[], string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+        condition: {
+            type: ObjectConstructor;
+            required: boolean;
+            default: () => {};
+        };
+        pageSize: {
+            type: NumberConstructor;
+            required: boolean;
+            default: number;
+        };
+        dataUrl: {
+            type: StringConstructor;
+            required: boolean;
+        };
+        fetchData: {
+            type: BooleanConstructor;
+            required: boolean;
+            default: boolean;
+        };
+        pagination: {
+            type: BooleanConstructor;
+            default: boolean;
+            required: boolean;
+        };
+        dataList: {
+            type: ArrayConstructor;
+            required: boolean;
+            default: never[];
+        };
+    }>> & {
+        [x: `on${Capitalize<string>}`]: ((...args: any[]) => any) | undefined;
+    }, {
+        condition: Record<string, any>;
+        pageSize: number;
+        fetchData: boolean;
+        pagination: boolean;
+        dataList: unknown[];
+    }>;
+}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}>;
+export default _sfc_main;

package/web-types.json

@@ -0,0 +1,38 @@
+{
+  "$schema": "http://json.schemastore.org/web-types",
+  "framework": "vue",
+  "name": "@pangu-backend-ui/common",
+  "version": "0.0.6",
+  "js-types-syntax": "typescript",
+  "description-markup": "markdown",
+  "contributions": {
+    "html": {
+      "vue-components": [
+        {
+          "name": "pg-table",
+          "source": {
+            "symbol": "Table"
+          },
+          "props": [
+            {
+              "name": "tt1",
+              "type": ["'1 | 2 | 3'"]
+            }
+          ]
+        },
+        {
+          "name": "pg-pagination",
+          "source": {
+            "symbol": "Pagination"
+          },
+          "props": [
+            {
+              "name": "tt1",
+              "type": ["'1 | 2 | 3'"]
+            }
+          ]
+        }
+      ]
+    }
+  }
+}