@web-utils/component 2.70.0 → 3.0.1

package/nav-bar/index.mjs

@@ -1,21 +1,6 @@
-import { n as a } from "../chunks/vueComponentNormalizer.446f5dc4.mjs";
-var r = function() {
-  var t = this, e = t.$createElement, n = t._self._c || e;
-  return n("div", {
-    staticClass: "nav-bar"
-  }, [t.showBack ? n("ElButton", {
-    attrs: {
-      type: "text",
-      icon: "el-icon-arrow-left"
-    },
-    on: {
-      click: t.goBack
-    }
-  }, [t._v(" 返回 ")]) : t._e(), t.$slots.right ? n("div", {
-    staticClass: "flex-item flex-row-column vertical-center"
-  }, [t._t("right")], 2) : t._e()], 1);
-}, s = [];
-const c = {
+import { s as n, r as e } from "../chunks/NavBar.vue_vue_type_style_index_0_lang.e21b57f3.mjs";
+import { n as s } from "../chunks/vueComponentNormalizer.446f5dc4.mjs";
+const a = {
   name: "NavBar",
   props: {
     onGoBack: Function,
@@ -29,24 +14,24 @@ const c = {
       this.onGoBack ? this.onGoBack() : this.$router.back();
     }
   }
-}, o = {};
-var l = /* @__PURE__ */ a(
-  c,
-  r,
-  s,
+}, t = {};
+var r = /* @__PURE__ */ s(
+  a,
+  e,
+  n,
   !1,
-  i,
+  c,
   null,
   null,
   null
 );
-function i(t) {
-  for (let e in o)
-    this[e] = o[e];
+function c(i) {
+  for (let o in t)
+    this[o] = t[o];
 }
-const u = /* @__PURE__ */ function() {
-  return l.exports;
+const _ = /* @__PURE__ */ function() {
+  return r.exports;
 }();
 export {
-  u as default
+  _ as default
 };

package/notice/index.mjs

@@ -1,6 +1,7 @@
-import { n as l } from "../chunks/vueComponentNormalizer.446f5dc4.mjs";
-var o = function() {
-  var t = this, a = t.$createElement, e = t._self._c || a;
+import l from "element-ui/lib/tag";
+import { n as o } from "../chunks/vueComponentNormalizer.446f5dc4.mjs";
+var c = function() {
+  var t = this, n = t.$createElement, e = t._self._c || n;
   return e("div", {
     staticClass: "avue-notice"
   }, [t._l(t.data, function(s, r) {
@@ -8,7 +9,7 @@ var o = function() {
       key: r,
       staticClass: "avue-notice__item",
       on: {
-        click: function(v) {
+        click: function(g) {
           return t.click(s);
         }
       }
@@ -27,7 +28,7 @@ var o = function() {
       staticClass: "avue-notice__name"
     }, [t._v(t._s(s[t.titleKey]))]), s[t.tagKey] ? e("span", {
       staticClass: "avue-notice__tag"
-    }, [e("ElTag", {
+    }, [e(l, {
       attrs: {
         size: "small",
         type: t.getType(s[t.statusKey])
@@ -47,14 +48,14 @@ var o = function() {
       click: t.handleClick
     }
   }, [t._v("加载更多")])], 2);
-}, c = [];
+}, u = [];
 const i = {
   img: "img",
   title: "title",
   subtile: "title",
   tag: "tag",
   status: "status"
-}, u = {
+}, _ = {
   name: "Notice",
   props: {
     finish: {
@@ -120,24 +121,24 @@ const i = {
         return "success";
     }
   }
-}, n = {};
-var _ = /* @__PURE__ */ l(
-  u,
-  o,
+}, a = {};
+var p = /* @__PURE__ */ o(
+  _,
   c,
+  u,
   !1,
-  p,
+  v,
   null,
   null,
   null
 );
-function p(t) {
-  for (let a in n)
-    this[a] = n[a];
+function v(t) {
+  for (let n in a)
+    this[n] = a[n];
 }
-const d = /* @__PURE__ */ function() {
-  return _.exports;
+const m = /* @__PURE__ */ function() {
+  return p.exports;
 }();
 export {
-  d as default
+  m as default
 };

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@web-utils/component",
   "description": "Web Components",
-  "version": "2.70.0",
+  "version": "3.0.1",
   "author": "Simple",
   "license": "MIT",
   "type": "module",

package/page/index.mjs

@@ -1,13 +1,5 @@
-import { n as o } from "../chunks/vueComponentNormalizer.446f5dc4.mjs";
-var l = function() {
-  var e = this, t = e.$createElement, a = e._self._c || t;
-  return a("div", {
-    staticClass: "page flex-row flex-item",
-    class: {
-      vertical: e.vertical && !e.horizontal
-    }
-  }, [e._t("default")], 2);
-}, r = [];
+import { s as o, r as t } from "../chunks/Page.vue_vue_type_style_index_0_lang.cb4f9bf2.mjs";
+import { n as r } from "../chunks/vueComponentNormalizer.446f5dc4.mjs";
 const s = {
   name: "Page",
   props: {
@@ -18,23 +10,23 @@ const s = {
     horizontal: Boolean
   }
 }, n = {};
-var _ = /* @__PURE__ */ o(
+var a = /* @__PURE__ */ r(
   s,
-  l,
-  r,
+  t,
+  o,
   !1,
-  c,
+  l,
   null,
   null,
   null
 );
-function c(e) {
-  for (let t in n)
-    this[t] = n[t];
+function l(c) {
+  for (let e in n)
+    this[e] = n[e];
 }
-const u = /* @__PURE__ */ function() {
-  return _.exports;
+const _ = /* @__PURE__ */ function() {
+  return a.exports;
 }();
 export {
-  u as default
+  _ as default
 };

package/page-header/index.mjs

@@ -1,26 +1,5 @@
-import { n as a } from "../chunks/vueComponentNormalizer.446f5dc4.mjs";
-var r = function() {
-  var e = this, t = e.$createElement, n = e._self._c || t;
-  return n("div", {
-    staticClass: "egd-header flex-row egd-page-header"
-  }, [e._t("section-title", function() {
-    return [n("span", {
-      staticClass: "section-title"
-    }, [e._t("title", function() {
-      return [e._v(e._s(e.title))];
-    }, {
-      title: e.title
-    })], 2)];
-  }, {
-    title: e.title
-  }), n("div", {
-    staticClass: "flex-row flex-item vertical-center"
-  }, [n("div", {
-    class: ["flex-row", "flex-item", "vertical-center", {
-      "align-end": e.alignEnd
-    }]
-  }, [e._t("default")], 2)])], 2);
-}, i = [];
+import { s as n, r as o } from "../chunks/PageHeader.vue_vue_type_style_index_0_lang.3bcca5aa.mjs";
+import { n as r } from "../chunks/vueComponentNormalizer.446f5dc4.mjs";
 const s = {
   name: "PageHeader",
   props: {
@@ -33,24 +12,24 @@ const s = {
       default: !0
     }
   }
-}, l = {};
-var o = /* @__PURE__ */ a(
+}, t = {};
+var a = /* @__PURE__ */ r(
   s,
-  r,
-  i,
+  o,
+  n,
   !1,
-  _,
+  l,
   null,
   null,
   null
 );
-function _(e) {
-  for (let t in l)
-    this[t] = l[t];
+function l(i) {
+  for (let e in t)
+    this[e] = t[e];
 }
-const u = /* @__PURE__ */ function() {
-  return o.exports;
+const c = /* @__PURE__ */ function() {
+  return a.exports;
 }();
 export {
-  u as default
+  c as default
 };

package/page-index/index.mjs

@@ -1,22 +1,23 @@
-var r = (t, a, e) => new Promise((s, i) => {
-  var u = (n) => {
+var r = (t, a, e) => new Promise((s, n) => {
+  var u = (i) => {
     try {
-      d(e.next(n));
-    } catch (o) {
-      i(o);
+      o(e.next(i));
+    } catch (d) {
+      n(d);
     }
-  }, h = (n) => {
+  }, h = (i) => {
     try {
-      d(e.throw(n));
-    } catch (o) {
-      i(o);
+      o(e.throw(i));
+    } catch (d) {
+      n(d);
     }
-  }, d = (n) => n.done ? s(n.value) : Promise.resolve(n.value).then(u, h);
-  d((e = e.apply(t, a)).next());
+  }, o = (i) => i.done ? s(i.value) : Promise.resolve(i.value).then(u, h);
+  o((e = e.apply(t, a)).next());
 });
-import { treeToArray as p, findFirstMatchNode as l } from "@web-utils/core";
+import { treeToArray as p, findFirstMatchNode as c } from "@web-utils/core";
+import f from "element-ui/lib/tree";
 import { n as y } from "../chunks/vueComponentNormalizer.446f5dc4.mjs";
-var f = function() {
+var _ = function() {
   var t = this, a = t.$createElement, e = t._self._c || a;
   return e("div", {
     staticClass: "egd-container"
@@ -33,7 +34,7 @@ var f = function() {
     }, [e("span", {
       staticClass: "section-title flex-not-shrink"
     }, [t._v(t._s(t.sectionTitle))])]), t._t("menu", function() {
-      return [e("ElTree", {
+      return [e(f, {
         ref: "menuTree",
         attrs: {
           data: t.menus,
@@ -50,13 +51,13 @@ var f = function() {
         scopedSlots: t._u([{
           key: "default",
           fn: function(s) {
-            var i = s.data, u = s.node;
+            var n = s.data, u = s.node;
             return [t._t("tree-node", function() {
               return [e("span", [e("i", {
-                class: i.icon
-              }), t._v(" " + t._s(i.label))])];
+                class: n.icon
+              }), t._v(" " + t._s(n.label))])];
             }, {
-              data: i,
+              data: n,
               node: u
             })];
           }
@@ -73,8 +74,8 @@ var f = function() {
       staticClass: "page-index-content-empty"
     }, [t._v(" " + t._s(t.tips) + " ")])];
   })], 2)]);
-}, _ = [];
-const m = {
+}, m = [];
+const v = {
   name: "PageIndex",
   props: {
     menus: {
@@ -127,7 +128,7 @@ const m = {
         if (p(this.menus).map((a) => a.path).filter((a) => a).includes(this.$route.path))
           yield this.setCurrentKey(this.$route.path);
         else {
-          const a = l(this.menus, (e) => e.path);
+          const a = c(this.menus, (e) => e.path);
           a && (yield this.$router.push({ path: a.path, query: a.query }), yield this.setCurrentKey(a.path));
         }
       });
@@ -145,31 +146,31 @@ const m = {
     beforeRouteUpdate(t, a, e) {
       return r(this, null, function* () {
         if (t.path === this.schema) {
-          const s = l(this.menus, (i) => i.path);
+          const s = c(this.menus, (n) => n.path);
           s ? (yield e({ path: s.path, query: s.query }), yield this.setCurrentKey(s.path)) : yield e(!1);
         } else
           yield e(), yield this.setCurrentKey(this.$route.path);
       });
     }
   }
-}, c = {};
-var v = /* @__PURE__ */ y(
-  m,
-  f,
+}, l = {};
+var C = /* @__PURE__ */ y(
+  v,
   _,
+  m,
   !1,
-  C,
+  g,
   null,
   null,
   null
 );
-function C(t) {
-  for (let a in c)
-    this[a] = c[a];
+function g(t) {
+  for (let a in l)
+    this[a] = l[a];
 }
-const $ = /* @__PURE__ */ function() {
-  return v.exports;
+const k = /* @__PURE__ */ function() {
+  return C.exports;
 }();
 export {
-  $ as default
+  k as default
 };

package/page-index-top/index.mjs

@@ -1,48 +1,97 @@
-var i = (t, a, e) => new Promise((n, r) => {
-  var p = (s) => {
+var s = (t, e, n) => new Promise((a, r) => {
+  var f = (o) => {
     try {
-      u(e.next(s));
-    } catch (o) {
-      r(o);
+      i(n.next(o));
+    } catch (u) {
+      r(u);
     }
-  }, h = (s) => {
+  }, h = (o) => {
     try {
-      u(e.throw(s));
-    } catch (o) {
-      r(o);
+      i(n.throw(o));
+    } catch (u) {
+      r(u);
     }
-  }, u = (s) => s.done ? n(s.value) : Promise.resolve(s.value).then(p, h);
-  u((e = e.apply(t, a)).next());
+  }, i = (o) => o.done ? a(o.value) : Promise.resolve(o.value).then(f, h);
+  i((n = n.apply(t, e)).next());
 });
-import { treeToArray as m, findFirstMatchNode as c } from "@web-utils/core";
-import { n as f } from "../chunks/vueComponentNormalizer.446f5dc4.mjs";
-var d = function() {
-  var t = this, a = t.$createElement, e = t._self._c || a;
-  return t.menus && t.menus.length ? e("PageSkeleton", {
+import { treeToArray as d, findFirstMatchNode as l } from "@web-utils/core";
+import { _ as p } from "../chunks/EmptyView.e2430422.mjs";
+import v from "element-ui/lib/tab-pane";
+import y from "element-ui/lib/tabs";
+import { s as g, r as b, _ as $ } from "../chunks/PageSkeleton.vue_vue_type_style_index_0_lang.8621381f.mjs";
+import x from "@web-utils/component/page";
+import "@web-utils/component/page/style.css";
+import S from "@web-utils/component/nav-bar";
+import "@web-utils/component/nav-bar/style.css";
+import T from "@web-utils/component/page-header";
+import "@web-utils/component/page-header/style.css";
+import { n as _ } from "../chunks/vueComponentNormalizer.446f5dc4.mjs";
+const k = {
+  name: "PageSkeleton",
+  components: {
+    Page: x,
+    NavBar: S,
+    PageHeader: T
+  },
+  props: {
+    title: String,
+    flexColumn: Boolean,
+    flexRow: Boolean,
+    header: {
+      type: Boolean,
+      default: !0
+    },
+    contentClass: String,
+    contentScroll: {
+      type: Boolean,
+      default: !0
+    }
+  }
+}, c = {};
+var w = /* @__PURE__ */ _(
+  k,
+  b,
+  g,
+  !1,
+  F,
+  null,
+  null,
+  null
+);
+function F(t) {
+  for (let e in c)
+    this[e] = c[e];
+}
+const M = /* @__PURE__ */ function() {
+  return w.exports;
+}();
+var B = function() {
+  var t = this, e = t.$createElement, n = t._self._c || e;
+  return t.menus && t.menus.length ? n(M, {
     scopedSlots: t._u([{
       key: "header",
       fn: function() {
-        return [e("PageHeader", {
+        return [n($, {
           scopedSlots: t._u([{
             key: "section-title",
             fn: function() {
-              return [e("ElTabs", {
+              return [n(y, {
                 on: {
                   "tab-click": t.tabClick
                 },
                 model: {
                   value: t.activeTab,
-                  callback: function(n) {
-                    t.activeTab = n;
+                  callback: function(a) {
+                    t.activeTab = a;
                   },
                   expression: "activeTab"
                 }
-              }, t._l(t.menus, function(n) {
-                return e("ElTabPane", {
-                  key: n.path,
+              }, t._l(t.menus, function(a) {
+                return n(v, {
+                  key: a.path,
                   attrs: {
-                    label: n.label,
-                    name: `${n.path}`
+                    label: a.label,
+                    name: `${a.path}`
                   }
                 });
               }), 1)];
@@ -54,18 +103,18 @@ var d = function() {
       proxy: !0
     }], null, !1, 2288233724)
   }, [t._t("default", function() {
-    return [e("EmptyView", {
+    return [n(p, {
       attrs: {
         "empty-tips": t.tips
       }
     })];
-  })], 2) : e("EmptyView", {
+  })], 2) : n(p, {
     attrs: {
       "empty-tips": "暂无权限！"
     }
   });
-}, y = [];
-const _ = {
+}, C = [];
+const P = {
   name: "PageIndexTop",
   props: {
     menus: {
@@ -94,48 +143,48 @@ const _ = {
   },
   methods: {
     activeFirstMenu() {
-      return i(this, null, function* () {
-        if (m(this.menus).map((a) => a.path).filter((a) => a).includes(this.$route.path))
+      return s(this, null, function* () {
+        if (d(this.menus).map((e) => e.path).filter((e) => e).includes(this.$route.path))
           this.activeTab = this.$route.path;
         else {
-          const a = c(this.menus, (e) => e.path);
-          a && (this.activeTab = a.path, yield this.$router.push({ path: a.path, query: a.query }));
+          const e = l(this.menus, (n) => n.path);
+          e && (this.activeTab = e.path, yield this.$router.push({ path: e.path, query: e.query }));
         }
       });
     },
     tabClick(t) {
-      return i(this, null, function* () {
+      return s(this, null, function* () {
         yield this.$router.push(t.name);
       });
     },
-    beforeRouteUpdate(t, a, e) {
-      return i(this, null, function* () {
+    beforeRouteUpdate(t, e, n) {
+      return s(this, null, function* () {
         if (t.path === this.schema) {
-          const n = c(this.menus, (r) => r.path);
-          n ? (yield e({ path: n.path, query: n.query }), this.activeTab = n.path) : yield e(!1);
+          const a = l(this.menus, (r) => r.path);
+          a ? (yield n({ path: a.path, query: a.query }), this.activeTab = a.path) : yield n(!1);
         } else
-          yield e();
+          yield n();
       });
     }
   }
-}, l = {};
-var v = /* @__PURE__ */ f(
-  _,
-  d,
-  y,
+}, m = {};
+var q = /* @__PURE__ */ _(
+  P,
+  B,
+  C,
   !1,
-  b,
+  I,
   null,
   null,
   null
 );
-function b(t) {
-  for (let a in l)
-    this[a] = l[a];
+function I(t) {
+  for (let e in m)
+    this[e] = m[e];
 }
-const g = /* @__PURE__ */ function() {
-  return v.exports;
+const O = /* @__PURE__ */ function() {
+  return q.exports;
 }();
 export {
-  g as default
+  O as default
 };