@web-utils/component 2.7.36 → 2.8.0

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

@@ -1,160 +0,0 @@
-var __async = (__this, __arguments, generator) => {
-  return new Promise((resolve, reject) => {
-    var fulfilled = (value) => {
-      try {
-        step(generator.next(value));
-      } catch (e) {
-        reject(e);
-      }
-    };
-    var rejected = (value) => {
-      try {
-        step(generator.throw(value));
-      } catch (e) {
-        reject(e);
-      }
-    };
-    var step = (x) => x.done ? resolve(x.value) : Promise.resolve(x.value).then(fulfilled, rejected);
-    step((generator = generator.apply(__this, __arguments)).next());
-  });
-};
-import { treeToArray, findFirstMatchNode } from "@web-utils/core";
-import { n as normalizeComponent } from "../../chunks/vueComponentNormalizer.9c6b8b3d.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: {
-    activeFirstMenu() {
-      return __async(this, null, function* () {
-        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;
-            yield this.$router.push({ path: menuItem.path, query: menuItem.query });
-          }
-        } else {
-          this.activeTab = this.$route.path;
-        }
-      });
-    },
-    tabClick(tab) {
-      return __async(this, null, function* () {
-        yield this.$router.push(tab.name);
-      });
-    },
-    beforeRouteUpdate(to, from, next) {
-      return __async(this, null, function* () {
-        if (to.path === this.schema) {
-          const menuItem = findFirstMatchNode(this.menus, (node) => node.path);
-          if (menuItem) {
-            yield next({ path: menuItem.path, query: menuItem.query });
-            this.activeTab = menuItem.path;
-          } else {
-            yield next(false);
-          }
-        } else {
-          yield 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/vueComponentNormalizer.9c6b8b3d.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/vueComponentNormalizer.9c6b8b3d.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;
-}