@web-utils/component 2.0.13 → 2.2.0

package/dist/components/page-index/index.js

@@ -1,172 +0,0 @@
-import { treeToArray, findFirstMatchNode } from "@web-utils/core";
-import { n as normalizeComponent } from "../../chunks/3d28cc08.js";
-var render = function() {
-  var _vm = this;
-  var _h = _vm.$createElement;
-  var _c = _vm._self._c || _h;
-  return _c("div", {
-    staticClass: "egd-container"
-  }, [_vm.aside ? _c("div", {
-    staticClass: "egd-aside",
-    style: {
-      width: _vm.asideWidth
-    }
-  }, [_vm._t("aside", function() {
-    return [_c("div", {
-      staticClass: "egd-main"
-    }, [_vm._t("nav-top"), _c("div", {
-      staticClass: "egd-header"
-    }, [_c("span", {
-      staticClass: "section-title flex-not-shrink"
-    }, [_vm._v(_vm._s(_vm.sectionTitle))])]), _vm._t("menu", function() {
-      return [_c("ElTree", {
-        ref: "menuTree",
-        attrs: {
-          "data": _vm.menus,
-          "default-expand-all": "",
-          "props": _vm.defaultProps,
-          "highlight-current": "",
-          "empty-text": "请配置菜单！",
-          "default-expanded-keys": _vm.currentTreeKey,
-          "node-key": "key"
-        },
-        on: {
-          "node-click": _vm.onNodeClick
-        },
-        scopedSlots: _vm._u([{
-          key: "default",
-          fn: function(_ref) {
-            var data = _ref.data, node = _ref.node;
-            return [_vm._t("tree-node", function() {
-              return [_c("span", [_c("i", {
-                class: data.icon
-              }), _vm._v(" " + _vm._s(data.label))])];
-            }, {
-              "data": data,
-              "node": node
-            })];
-          }
-        }], null, true)
-      })];
-    })], 2)];
-  })], 2) : _vm._e(), _c("div", {
-    staticClass: "page-index-content",
-    style: {
-      width: _vm.aside ? `calc(100% - ${_vm.asideWidth})` : "100%"
-    }
-  }, [_vm._t("default", function() {
-    return [_c("div", {
-      staticClass: "page-index-content-empty"
-    }, [_vm._v(" " + _vm._s(_vm.tips) + " ")])];
-  })], 2)]);
-};
-var staticRenderFns = [];
-const PageIndex_vue_vue_type_style_index_0_lang = "";
-const __vue2_script = {
-  name: "PageIndex",
-  props: {
-    menus: {
-      type: Array,
-      default: () => []
-    },
-    asideWidth: {
-      type: String,
-      default: "220px"
-    },
-    aside: {
-      type: Boolean,
-      default: true
-    },
-    tips: {
-      type: String,
-      default: "请添加页面内容！"
-    },
-    sectionTitle: {
-      type: String,
-      default: "功能导航"
-    },
-    schema: {
-      type: String,
-      default: ""
-    },
-    currentTreeKey: {
-      type: Array,
-      default: () => []
-    },
-    defaultProps: {
-      type: Object,
-      default: () => ({})
-    }
-  },
-  watch: {
-    menus() {
-      this.setCurrentKey(this.$route.path);
-    }
-  },
-  mounted() {
-    this.activeFirstMenu();
-  },
-  activated() {
-    this.setCurrentKey(this.$route.path);
-  },
-  methods: {
-    async activeFirstMenu() {
-      const paths = treeToArray(this.menus).map((value) => value.path).filter((value) => value);
-      if (!paths.includes(this.$route.path)) {
-        const menuItem = findFirstMatchNode(this.menus, (node) => node.path);
-        if (menuItem) {
-          await this.$router.push({ path: menuItem.path, query: menuItem.query });
-          await this.setCurrentKey(menuItem.path);
-        }
-      } else {
-        await this.setCurrentKey(this.$route.path);
-      }
-    },
-    async onNodeClick(node) {
-      if (node.path && node.path.indexOf("/") > -1) {
-        await this.$router.push({ path: node.path, query: node.query });
-      }
-      await this.setCurrentKey(node.key);
-    },
-    async setCurrentKey(path) {
-      await this.$nextTick();
-      this.$refs.menuTree && this.$refs.menuTree.setCurrentKey(path);
-    },
-    async beforeRouteUpdate(to, from, next) {
-      if (to.path === this.schema) {
-        const menuItem = findFirstMatchNode(this.menus, (node) => node.path);
-        if (menuItem) {
-          await next({ path: menuItem.path, query: menuItem.query });
-          await this.setCurrentKey(menuItem.path);
-        } else {
-          await next(false);
-        }
-      } else {
-        await next();
-        await this.setCurrentKey(this.$route.path);
-      }
-    }
-  }
-};
-const __cssModules = {};
-var __component__ = /* @__PURE__ */ normalizeComponent(
-  __vue2_script,
-  render,
-  staticRenderFns,
-  false,
-  __vue2_injectStyles,
-  null,
-  null,
-  null
-);
-function __vue2_injectStyles(context) {
-  for (let o in __cssModules) {
-    this[o] = __cssModules[o];
-  }
-}
-const PageIndex = /* @__PURE__ */ function() {
-  return __component__.exports;
-}();
-export {
-  PageIndex as default
-};

package/dist/components/page-index/style.css

@@ -1,23 +0,0 @@
-/* 全局公共颜色配置 */ /* 全局公共尺寸配置 */
-/* 应用头部高度 */
-/* 页面宽度 */
-/* 侧栏宽度 */
-/* 标签高度 */
-/* 页面头部工具条高度 */
-.page-index-content {
-  display: flex;
-  flex: 1 1 auto;
-  flex-direction: column;
-  height: 100%;
-  padding: 0;
-  overflow: hidden;
-}
-.page-index-content-empty {
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  width: 100%;
-  height: 100%;
-  color: #808080;
-  font-size: 20px;
-}

package/dist/components/page-index-top/index.js

@@ -1,134 +0,0 @@
-import { treeToArray, findFirstMatchNode } from "@web-utils/core";
-import { n as normalizeComponent } from "../../chunks/3d28cc08.js";
-var render = function() {
-  var _vm = this;
-  var _h = _vm.$createElement;
-  var _c = _vm._self._c || _h;
-  return _vm.menus && _vm.menus.length ? _c("PageSkeleton", {
-    scopedSlots: _vm._u([{
-      key: "header",
-      fn: function() {
-        return [_c("PageHeader", {
-          scopedSlots: _vm._u([{
-            key: "section-title",
-            fn: function() {
-              return [_c("ElTabs", {
-                on: {
-                  "tab-click": _vm.tabClick
-                },
-                model: {
-                  value: _vm.activeTab,
-                  callback: function($$v) {
-                    _vm.activeTab = $$v;
-                  },
-                  expression: "activeTab"
-                }
-              }, _vm._l(_vm.menus, function(item) {
-                return _c("ElTabPane", {
-                  key: item.path,
-                  attrs: {
-                    "label": item.label,
-                    "name": `${item.path}`
-                  }
-                });
-              }), 1)];
-            },
-            proxy: true
-          }], null, false, 412017982)
-        })];
-      },
-      proxy: true
-    }], null, false, 2288233724)
-  }, [_vm._t("default", function() {
-    return [_c("EmptyView", {
-      attrs: {
-        "empty-tips": _vm.tips
-      }
-    })];
-  })], 2) : _c("EmptyView", {
-    attrs: {
-      "empty-tips": "暂无权限！"
-    }
-  });
-};
-var staticRenderFns = [];
-const __vue2_script = {
-  name: "PageIndexTop",
-  props: {
-    menus: {
-      type: Array,
-      default: () => []
-    },
-    tips: {
-      type: String,
-      default: "请添加页面内容！"
-    },
-    schema: {
-      type: String,
-      default: ""
-    }
-  },
-  data() {
-    return {
-      activeTab: ""
-    };
-  },
-  watch: {
-    menus: "activeFirstMenu"
-  },
-  mounted() {
-    this.activeFirstMenu();
-  },
-  methods: {
-    async activeFirstMenu() {
-      const paths = treeToArray(this.menus).map((value) => value.path).filter((value) => value);
-      if (!paths.includes(this.$route.path)) {
-        const menuItem = findFirstMatchNode(this.menus, (node) => node.path);
-        if (menuItem) {
-          this.activeTab = menuItem.path;
-          await this.$router.push({ path: menuItem.path, query: menuItem.query });
-        }
-      } else {
-        this.activeTab = this.$route.path;
-      }
-    },
-    async tabClick(tab) {
-      await this.$router.push(tab.name);
-    },
-    async beforeRouteUpdate(to, from, next) {
-      if (to.path === this.schema) {
-        const menuItem = findFirstMatchNode(this.menus, (node) => node.path);
-        if (menuItem) {
-          await next({ path: menuItem.path, query: menuItem.query });
-          this.activeTab = menuItem.path;
-        } else {
-          await next(false);
-        }
-      } else {
-        await next();
-      }
-    }
-  }
-};
-const __cssModules = {};
-var __component__ = /* @__PURE__ */ normalizeComponent(
-  __vue2_script,
-  render,
-  staticRenderFns,
-  false,
-  __vue2_injectStyles,
-  null,
-  null,
-  null
-);
-function __vue2_injectStyles(context) {
-  for (let o in __cssModules) {
-    this[o] = __cssModules[o];
-  }
-}
-const PageIndexTop = /* @__PURE__ */ function() {
-  return __component__.exports;
-}();
-export {
-  PageIndexTop as default
-};

package/dist/components/page-skeleton/index.js

@@ -1,62 +0,0 @@
-import { n as normalizeComponent } from "../../chunks/3d28cc08.js";
-var render = function() {
-  var _vm = this;
-  var _h = _vm.$createElement;
-  var _c = _vm._self._c || _h;
-  return _c("Page", {
-    staticClass: "page-skeleton"
-  }, [_vm.header ? _vm._t("header", function() {
-    return [_vm.title ? _c("PageHeader", {
-      attrs: {
-        "title": _vm.title
-      }
-    }) : _c("NavBar")];
-  }) : _vm._e(), _c("div", {
-    class: ["page-content", {
-      "flex-column": _vm.flexColumn,
-      "flex-row": _vm.flexRow,
-      "content-scroll": _vm.contentScroll
-    }, _vm.contentClass]
-  }, [_vm._t("default")], 2)], 2);
-};
-var staticRenderFns = [];
-const PageSkeleton_vue_vue_type_style_index_0_lang = "";
-const __vue2_script = {
-  name: "PageSkeleton",
-  props: {
-    title: String,
-    flexColumn: Boolean,
-    flexRow: Boolean,
-    header: {
-      type: Boolean,
-      default: true
-    },
-    contentClass: String,
-    contentScroll: {
-      type: Boolean,
-      default: true
-    }
-  }
-};
-const __cssModules = {};
-var __component__ = /* @__PURE__ */ normalizeComponent(
-  __vue2_script,
-  render,
-  staticRenderFns,
-  false,
-  __vue2_injectStyles,
-  null,
-  null,
-  null
-);
-function __vue2_injectStyles(context) {
-  for (let o in __cssModules) {
-    this[o] = __cssModules[o];
-  }
-}
-const PageSkeleton = /* @__PURE__ */ function() {
-  return __component__.exports;
-}();
-export {
-  PageSkeleton as default
-};

package/dist/components/page-skeleton/style.css

@@ -1,23 +0,0 @@
-/* 全局公共颜色配置 */ /* 全局公共尺寸配置 */
-/* 应用头部高度 */
-/* 页面宽度 */
-/* 侧栏宽度 */
-/* 标签高度 */
-/* 页面头部工具条高度 */
-.page-skeleton .page-content {
-  position: relative;
-  flex: 1 1 auto;
-  width: 100%;
-  height: 100%;
-}
-.page-skeleton .page-content.content-scroll {
-  overflow: auto;
-}
-.page-skeleton .page-content.flex-column {
-  display: flex;
-  flex-direction: column;
-  height: 0;
-}
-.page-skeleton .page-content.flex-row {
-  display: flex;
-}

package/dist/components/page-skeleton-new/index.js

@@ -1,104 +0,0 @@
-import { n as normalizeComponent } from "../../chunks/3d28cc08.js";
-var render = function() {
-  var _vm = this;
-  var _h = _vm.$createElement;
-  var _c = _vm._self._c || _h;
-  return _c("Page", {
-    staticClass: "page-skeleton-new",
-    attrs: {
-      "horizontal": ""
-    }
-  }, [_c("div", {
-    staticClass: "page-skeleton-new-left",
-    style: {
-      width: _vm.sidebarWidth
-    }
-  }, [_vm.header ? _c("div", {
-    staticClass: "page-skeleton-new-header",
-    staticStyle: {
-      "margin-right": "0"
-    }
-  }, [_c("span", {
-    staticClass: "section-title"
-  }, [_vm._v(_vm._s(_vm.title))])]) : _vm._e(), _c("div", {
-    staticClass: "flex-item",
-    staticStyle: {
-      "border-right": "1px solid #eee"
-    }
-  }, [_vm._t("sidebar-content", function() {
-    return [_vm._v(" 侧栏内容 ")];
-  })], 2)]), _c("div", {
-    staticClass: "page-skeleton-new-right",
-    style: {
-      width: `calc(100% - ${_vm.sidebarWidth})`
-    }
-  }, [_vm.header ? _c("div", {
-    staticClass: "page-skeleton-new-header",
-    staticStyle: {
-      "margin-left": "0",
-      "padding-left": "10px"
-    }
-  }, [_c("div", {
-    staticClass: "flex-item flex-row vertical-center"
-  }, [_vm._t("header-left")], 2), _c("div", {
-    staticClass: "flex-item flex-row vertical-center"
-  }, [_c("div", {
-    class: ["flex-row", "flex-item", "vertical-center", "align-end"]
-  }, [_vm._t("header-right")], 2)])]) : _vm._e(), _c("div", {
-    class: ["page-skeleton-new-page-content", "flex-item", {
-      "flex-column": _vm.flexColumn,
-      "flex-row": _vm.flexRow,
-      "content-scroll": _vm.contentScroll
-    }, _vm.contentClass]
-  }, [_vm._t("default", function() {
-    return [_vm._v("内容")];
-  })], 2)])]);
-};
-var staticRenderFns = [];
-const PageSkeletonNew_vue_vue_type_style_index_0_lang = "";
-const __vue2_script = {
-  name: "PageSkeletonNew",
-  props: {
-    title: {
-      type: String,
-      default: "页面标题"
-    },
-    flexColumn: Boolean,
-    flexRow: Boolean,
-    header: {
-      type: Boolean,
-      default: true
-    },
-    contentClass: String,
-    contentScroll: {
-      type: Boolean,
-      default: true
-    },
-    sidebarWidth: {
-      type: String,
-      default: "240px"
-    }
-  }
-};
-const __cssModules = {};
-var __component__ = /* @__PURE__ */ normalizeComponent(
-  __vue2_script,
-  render,
-  staticRenderFns,
-  false,
-  __vue2_injectStyles,
-  null,
-  null,
-  null
-);
-function __vue2_injectStyles(context) {
-  for (let o in __cssModules) {
-    this[o] = __cssModules[o];
-  }
-}
-const PageSkeletonNew = /* @__PURE__ */ function() {
-  return __component__.exports;
-}();
-export {
-  PageSkeletonNew as default
-};

package/dist/components/page-skeleton-new/style.css

@@ -1,42 +0,0 @@
-/* 全局公共颜色配置 */ /* 全局公共尺寸配置 */
-/* 应用头部高度 */
-/* 页面宽度 */
-/* 侧栏宽度 */
-/* 标签高度 */
-/* 页面头部工具条高度 */
-.page-skeleton-new .page-skeleton-new-header {
-  display: flex;
-  flex-direction: row;
-  height: 40px;
-  margin: 0 10px;
-  line-height: 40px;
-  border-bottom: 2px #eee solid;
-}
-.page-skeleton-new .page-skeleton-new-header .align-end {
-  justify-content: flex-end;
-}
-.page-skeleton-new .page-skeleton-new-left {
-  display: flex;
-  flex-direction: column;
-}
-.page-skeleton-new .page-skeleton-new-right {
-  flex: 1 1 auto;
-  display: flex;
-  flex-direction: column;
-}
-.page-skeleton-new .page-skeleton-new-page-content {
-  flex: 1 1 auto;
-  position: relative;
-  width: 100%;
-  height: 100%;
-}
-.page-skeleton-new .page-skeleton-new-page-content.content-scroll {
-  overflow: auto;
-}
-.page-skeleton-new .page-skeleton-new-page-content.flex-column {
-  display: flex;
-  flex-direction: column;
-}
-.page-skeleton-new .page-skeleton-new-page-content.flex-row {
-  display: flex;
-}