@web-utils/component 2.0.9 → 2.0.11

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

@@ -1,23 +1,27 @@
-import { n as o } from "../../chunks/5d4282fb.js";
-var a = function() {
-  var e = this, t = e.$createElement, n = e._self._c || t;
-  return n("Page", {
+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"
-  }, [e.header ? e._t("header", function() {
-    return [e.title ? n("PageHeader", {
+  }, [_vm.header ? _vm._t("header", function() {
+    return [_vm.title ? _c("PageHeader", {
       attrs: {
-        title: e.title
+        "title": _vm.title
       }
-    }) : n("NavBar")];
-  }) : e._e(), n("div", {
+    }) : _c("NavBar")];
+  }) : _vm._e(), _c("div", {
     class: ["page-content", {
-      "flex-column": e.flexColumn,
-      "flex-row": e.flexRow,
-      "content-scroll": e.contentScroll
-    }, e.contentClass]
-  }, [e._t("default")], 2)], 2);
-}, r = [];
-const s = {
+      "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,
@@ -25,32 +29,34 @@ const s = {
     flexRow: Boolean,
     header: {
       type: Boolean,
-      default: !0
+      default: true
     },
     contentClass: String,
     contentScroll: {
       type: Boolean,
-      default: !0
+      default: true
     }
   }
-}, l = {};
-var c = /* @__PURE__ */ o(
-  s,
-  a,
-  r,
-  !1,
-  _,
+};
+const __cssModules = {};
+var __component__ = /* @__PURE__ */ normalizeComponent(
+  __vue2_script,
+  render,
+  staticRenderFns,
+  false,
+  __vue2_injectStyles,
   null,
   null,
   null
 );
-function _(e) {
-  for (let t in l)
-    this[t] = l[t];
+function __vue2_injectStyles(context) {
+  for (let o in __cssModules) {
+    this[o] = __cssModules[o];
+  }
 }
-const i = /* @__PURE__ */ function() {
-  return c.exports;
+const PageSkeleton = /* @__PURE__ */ function() {
+  return __component__.exports;
 }();
 export {
-  i as default
+  PageSkeleton as default
 };

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

@@ -1 +1,23 @@
-.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}
+/* 全局公共颜色配置 */ /* 全局公共尺寸配置 */
+/* 应用头部高度 */
+/* 页面宽度 */
+/* 侧栏宽度 */
+/* 标签高度 */
+/* 页面头部工具条高度 */
+.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,58 +1,62 @@
-import { n as a } from "../../chunks/5d4282fb.js";
-var s = function() {
-  var e = this, l = e.$createElement, t = e._self._c || l;
-  return t("Page", {
+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: ""
+      "horizontal": ""
     }
-  }, [t("div", {
+  }, [_c("div", {
     staticClass: "page-skeleton-new-left",
     style: {
-      width: e.sidebarWidth
+      width: _vm.sidebarWidth
     }
-  }, [e.header ? t("div", {
+  }, [_vm.header ? _c("div", {
     staticClass: "page-skeleton-new-header",
     staticStyle: {
       "margin-right": "0"
     }
-  }, [t("span", {
+  }, [_c("span", {
     staticClass: "section-title"
-  }, [e._v(e._s(e.title))])]) : e._e(), t("div", {
+  }, [_vm._v(_vm._s(_vm.title))])]) : _vm._e(), _c("div", {
     staticClass: "flex-item",
     staticStyle: {
       "border-right": "1px solid #eee"
     }
-  }, [e._t("sidebar-content", function() {
-    return [e._v(" 侧栏内容 ")];
-  })], 2)]), t("div", {
+  }, [_vm._t("sidebar-content", function() {
+    return [_vm._v(" 侧栏内容 ")];
+  })], 2)]), _c("div", {
     staticClass: "page-skeleton-new-right",
     style: {
-      width: `calc(100% - ${e.sidebarWidth})`
+      width: `calc(100% - ${_vm.sidebarWidth})`
     }
-  }, [e.header ? t("div", {
+  }, [_vm.header ? _c("div", {
     staticClass: "page-skeleton-new-header",
     staticStyle: {
       "margin-left": "0",
       "padding-left": "10px"
     }
-  }, [t("div", {
+  }, [_c("div", {
     staticClass: "flex-item flex-row vertical-center"
-  }, [e._t("header-left")], 2), t("div", {
+  }, [_vm._t("header-left")], 2), _c("div", {
     staticClass: "flex-item flex-row vertical-center"
-  }, [t("div", {
+  }, [_c("div", {
     class: ["flex-row", "flex-item", "vertical-center", "align-end"]
-  }, [e._t("header-right")], 2)])]) : e._e(), t("div", {
+  }, [_vm._t("header-right")], 2)])]) : _vm._e(), _c("div", {
     class: ["page-skeleton-new-page-content", "flex-item", {
-      "flex-column": e.flexColumn,
-      "flex-row": e.flexRow,
-      "content-scroll": e.contentScroll
-    }, e.contentClass]
-  }, [e._t("default", function() {
-    return [e._v("内容")];
+      "flex-column": _vm.flexColumn,
+      "flex-row": _vm.flexRow,
+      "content-scroll": _vm.contentScroll
+    }, _vm.contentClass]
+  }, [_vm._t("default", function() {
+    return [_vm._v("内容")];
   })], 2)])]);
-}, i = [];
-const r = {
+};
+var staticRenderFns = [];
+const PageSkeletonNew_vue_vue_type_style_index_0_lang = "";
+const __vue2_script = {
   name: "PageSkeletonNew",
   props: {
     title: {
@@ -63,36 +67,38 @@ const r = {
     flexRow: Boolean,
     header: {
       type: Boolean,
-      default: !0
+      default: true
     },
     contentClass: String,
     contentScroll: {
       type: Boolean,
-      default: !0
+      default: true
     },
     sidebarWidth: {
       type: String,
       default: "240px"
     }
   }
-}, n = {};
-var o = /* @__PURE__ */ a(
-  r,
-  s,
-  i,
-  !1,
-  c,
+};
+const __cssModules = {};
+var __component__ = /* @__PURE__ */ normalizeComponent(
+  __vue2_script,
+  render,
+  staticRenderFns,
+  false,
+  __vue2_injectStyles,
   null,
   null,
   null
 );
-function c(e) {
-  for (let l in n)
-    this[l] = n[l];
+function __vue2_injectStyles(context) {
+  for (let o in __cssModules) {
+    this[o] = __cssModules[o];
+  }
 }
-const _ = /* @__PURE__ */ function() {
-  return o.exports;
+const PageSkeletonNew = /* @__PURE__ */ function() {
+  return __component__.exports;
 }();
 export {
-  _ as default
+  PageSkeletonNew as default
 };

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

@@ -1 +1,42 @@
-.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}
+/* 全局公共颜色配置 */ /* 全局公共尺寸配置 */
+/* 应用头部高度 */
+/* 页面宽度 */
+/* 侧栏宽度 */
+/* 标签高度 */
+/* 页面头部工具条高度 */
+.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;
+}