@web-utils/component 2.0.9 → 2.0.11

package/dist/components/form-view/style.css

@@ -1 +1,158 @@
-.form-view{display:flex;flex-direction:column;height:100%}.form-view .form-scroller-wrapper{position:relative;flex:1}.form-view .not-form{margin:0 auto}.form-view .form-view-toolbar{overflow:hidden}.form-view .form-scroller{flex:1;overflow:auto}.form-view .form-scroller .el-row{position:static}.form-view .form-content .el-form .el-row{padding-right:2rem}.form-view .form-content .el-form .el-row .el-row{padding-right:0}.form-view .form-card{box-shadow:0 2px 12px #0000001a;max-width:1000px;margin:14px auto;padding:20px;color:#303133;background-color:#fff;border:1px solid #ebeef5;border-radius:4px;transition:.3s}.form-view .form-card.un-limit{max-width:100%}.form-view .form-nav{box-shadow:0 2px 12px #0000001a;position:absolute;top:55px;left:20px;background-color:#fff}.form-view .form-nav-list{min-width:180px;padding:10px 20px}.form-view .form-nav-header{position:relative;padding:5px 20px;color:#e34e55;font-weight:700;font-size:15px;background-color:#f3f5fb}.form-view .form-nav-item{position:relative;padding:5px 0;font-family:element-icons!important;cursor:pointer}.form-view .form-nav-item.active,.form-view .form-nav-item:hover{color:#e34e55;font-weight:700}.form-view .form-nav-item.active:before{position:absolute;left:-14px;content:"\e6e0"}.form-view .form-view-title{width:100%;height:36px;margin-bottom:10px;color:#333;font-size:22px;line-height:36px;text-align:center;background-color:#fff}.form-view .tip{margin:20px 0;padding:8px 16px;background-color:#ecf8ff;border-left:5px solid #50bfff;border-radius:4px}.form-view .tip p{color:#5e6d82;font-size:14px;line-height:1.5em}.form-view .tip.danger{background-color:#fde2e2;border-left-color:#f56c6c}.form-view .tip.danger p{color:#564646}.form-view .tip.warning{background-color:#f7efe2;border-left-color:#e6a23c}.form-view .tip.warning p{color:#5d564b}.form-view .select-num{color:#898989;font-size:12px}.form-view .select-num .num{font-size:19px;font-family:impact,Constantia,Georgia}.form-view .el-table .el-table__header th{color:#595959;font-weight:400;background:#fff}.form-view .el-table td{padding:4px 0}.form-view .el-table td .cell .el-input .el-input__inner{padding-left:4px}.form-view .el-table td .cell .el-input.el-input--prefix .el-input__inner{padding-left:30px}.form-view .el-table td .cell .el-input.is-disabled .el-input__suffix{display:none}.form-view .el-table td .cell .el-input.is-disabled .el-input__inner{padding:0 0 0 4px;line-height:1.6;white-space:normal;word-break:break-word;background:transparent;border:0}@media screen and (min-width: 1700px){.form-view.form-view__lg .form-card{position:relative;left:60px}}
+/* 全局公共颜色配置 */ /* 全局公共尺寸配置 */
+/* 应用头部高度 */
+/* 页面宽度 */
+/* 侧栏宽度 */
+/* 标签高度 */
+/* 页面头部工具条高度 */
+.form-view {
+  display: flex;
+  flex-direction: column;
+  height: 100%;
+}
+.form-view .form-scroller-wrapper {
+  position: relative;
+  flex: 1;
+}
+.form-view .not-form {
+  margin: 0 auto;
+}
+.form-view .form-view-toolbar {
+  overflow: hidden;
+}
+.form-view .form-scroller {
+  flex: 1;
+  overflow: auto;
+}
+.form-view .form-scroller .el-row {
+  position: static;
+}
+.form-view .form-content .el-form .el-row {
+  padding-right: 2rem;
+}
+.form-view .form-content .el-form .el-row .el-row {
+  padding-right: 0;
+}
+.form-view .form-card {
+  box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1);
+  max-width: 1000px;
+  margin: 14px auto;
+  padding: 20px;
+  color: #303133;
+  background-color: #fff;
+  border: 1px solid #ebeef5;
+  border-radius: 4px;
+  transition: 0.3s;
+}
+.form-view .form-card.un-limit {
+  max-width: 100%;
+}
+.form-view .form-nav {
+  box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1);
+  position: absolute;
+  top: 55px;
+  left: 20px;
+  background-color: white;
+}
+.form-view .form-nav-list {
+  min-width: 180px;
+  padding: 10px 20px;
+}
+.form-view .form-nav-header {
+  position: relative;
+  padding: 5px 20px;
+  color: #e34e55;
+  font-weight: bold;
+  font-size: 15px;
+  background-color: #f3f5fb;
+}
+.form-view .form-nav-item {
+  position: relative;
+  padding: 5px 0;
+  font-family: element-icons !important;
+  cursor: pointer;
+}
+.form-view .form-nav-item.active, .form-view .form-nav-item:hover {
+  color: #e34e55;
+  font-weight: bold;
+}
+.form-view .form-nav-item.active::before {
+  position: absolute;
+  left: -14px;
+  content: "\e6e0";
+}
+.form-view .form-view-title {
+  width: 100%;
+  height: 36px;
+  margin-bottom: 10px;
+  color: #333;
+  font-size: 22px;
+  line-height: 36px;
+  text-align: center;
+  background-color: #fff;
+}
+.form-view .tip {
+  margin: 20px 0;
+  padding: 8px 16px;
+  background-color: #ecf8ff;
+  border-left: 5px solid #50bfff;
+  border-radius: 4px;
+}
+.form-view .tip p {
+  color: #5e6d82;
+  font-size: 14px;
+  line-height: 1.5em;
+}
+.form-view .tip.danger {
+  background-color: #fde2e2;
+  border-left-color: #f56c6c;
+}
+.form-view .tip.danger p {
+  color: #564646;
+}
+.form-view .tip.warning {
+  background-color: #f7efe2;
+  border-left-color: #e6a23c;
+}
+.form-view .tip.warning p {
+  color: #5d564b;
+}
+.form-view .select-num {
+  color: #898989;
+  font-size: 12px;
+}
+.form-view .select-num .num {
+  font-size: 19px;
+  font-family: impact, Constantia, Georgia;
+}
+.form-view .el-table .el-table__header th {
+  color: #595959;
+  font-weight: normal;
+  background: #fff;
+}
+.form-view .el-table td {
+  padding: 4px 0;
+}
+.form-view .el-table td .cell .el-input .el-input__inner {
+  padding-left: 4px;
+}
+.form-view .el-table td .cell .el-input.el-input--prefix .el-input__inner {
+  padding-left: 30px;
+}
+.form-view .el-table td .cell .el-input.is-disabled .el-input__suffix {
+  display: none;
+}
+.form-view .el-table td .cell .el-input.is-disabled .el-input__inner {
+  padding: 0;
+  padding-left: 4px;
+  line-height: 1.6;
+  white-space: normal;
+  word-break: break-word;
+  background: transparent;
+  border: 0;
+}
+@media screen and (min-width: 1700px) {
+.form-view.form-view__lg .form-card {
+    position: relative;
+    left: 60px;
+}
+}

package/dist/components/guide-steps/index.js

@@ -1,32 +1,36 @@
-import { n as i } from "../../chunks/5d4282fb.js";
-var n = function() {
-  var t = this, e = t.$createElement, a = t._self._c || e;
-  return a("ElSteps", {
+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("ElSteps", {
     staticClass: "guide-steps",
     attrs: {
       "align-center": ""
     }
-  }, t._l(t.steps, function(r, s) {
-    return a("ElStep", {
-      key: r.label,
+  }, _vm._l(_vm.steps, function(item, index) {
+    return _c("ElStep", {
+      key: item.label,
       class: [{
-        "current important": t.value === s,
-        disabled: !t.available(s),
-        available: !t.ready[s] && t.available(s)
+        "current important": _vm.value === index,
+        disabled: !_vm.available(index),
+        available: !_vm.ready[index] && _vm.available(index)
       }],
       attrs: {
-        status: t.ready[s] ? "success" : "",
-        title: r.label
+        "status": _vm.ready[index] ? "success" : "",
+        "title": item.label
       },
       nativeOn: {
-        click: function(_) {
-          return t.activeStep(s);
+        "click": function($event) {
+          return _vm.activeStep(index);
         }
       }
     });
   }), 1);
-}, u = [];
-const c = {
+};
+var staticRenderFns = [];
+const GuideSteps_vue_vue_type_style_index_0_lang = "";
+const __vue2_script = {
   name: "GuideSteps",
   props: {
     value: {
@@ -45,50 +49,60 @@ const c = {
   },
   watch: {
     steps: {
-      immediate: !0,
-      deep: !0,
-      handler(t) {
-        this.ready = t != null && t.length ? t.map(() => !1) : [];
+      immediate: true,
+      deep: true,
+      handler(newVal) {
+        this.ready = (newVal == null ? void 0 : newVal.length) ? newVal.map(() => false) : [];
       }
     }
   },
   methods: {
-    activeStep(t) {
-      t !== 0 && !this.available(t) || this.$emit("input", t);
+    activeStep(index) {
+      if (index !== 0) {
+        if (!this.available(index)) {
+          return;
+        }
+      }
+      this.$emit("input", index);
     },
-    setReady(t, e) {
-      t < this.ready.length && this.$set(this.ready, t, e);
+    setReady(index, val) {
+      if (index < this.ready.length) {
+        this.$set(this.ready, index, val);
+      }
     },
-    available(t) {
-      let e = !0;
-      if (t > 0 && t < this.ready.length) {
-        for (let a = 0; a < t; a++)
-          if (!this.ready[a]) {
-            e = !1;
+    available(index) {
+      let ready = true;
+      if (index > 0 && index < this.ready.length) {
+        for (let i = 0; i < index; i++) {
+          if (!this.ready[i]) {
+            ready = false;
             break;
           }
+        }
       }
-      return e;
+      return ready;
     }
   }
-}, l = {};
-var o = /* @__PURE__ */ i(
-  c,
-  n,
-  u,
-  !1,
-  p,
+};
+const __cssModules = {};
+var __component__ = /* @__PURE__ */ normalizeComponent(
+  __vue2_script,
+  render,
+  staticRenderFns,
+  false,
+  __vue2_injectStyles,
   null,
   null,
   null
 );
-function p(t) {
-  for (let e in l)
-    this[e] = l[e];
+function __vue2_injectStyles(context) {
+  for (let o in __cssModules) {
+    this[o] = __cssModules[o];
+  }
 }
-const f = /* @__PURE__ */ function() {
-  return o.exports;
+const GuideSteps = /* @__PURE__ */ function() {
+  return __component__.exports;
 }();
 export {
-  f as default
+  GuideSteps as default
 };

package/dist/components/guide-steps/style.css

@@ -1 +1,34 @@
-.guide-steps{margin-top:20px;margin-bottom:20px}.guide-steps .el-step .el-step__line-inner{width:100%!important;border-width:1px!important}.guide-steps .el-step.current.important .el-step__head .el-step__icon.is-text{color:#f55634!important;border-color:#f55634!important}.guide-steps .el-step.current.important .el-step__title{color:#f55634!important}.guide-steps .el-step.available .el-step__head .el-step__icon.is-text{color:#eab006!important;border-color:#eab006!important}.guide-steps .el-step.available .el-step__title{color:#eab006!important}.guide-steps .el-step .el-step__icon.is-text{cursor:pointer}.guide-steps .el-step.disabled .el-step__icon.is-text{cursor:not-allowed}
+/* 全局公共颜色配置 */ /* 全局公共尺寸配置 */
+/* 应用头部高度 */
+/* 页面宽度 */
+/* 侧栏宽度 */
+/* 标签高度 */
+/* 页面头部工具条高度 */
+.guide-steps {
+  margin-top: 20px;
+  margin-bottom: 20px;
+}
+.guide-steps .el-step .el-step__line-inner {
+  width: 100% !important;
+  border-width: 1px !important;
+}
+.guide-steps .el-step.current.important .el-step__head .el-step__icon.is-text {
+  color: #f55634 !important;
+  border-color: #f55634 !important;
+}
+.guide-steps .el-step.current.important .el-step__title {
+  color: #f55634 !important;
+}
+.guide-steps .el-step.available .el-step__head .el-step__icon.is-text {
+  color: #eab006 !important;
+  border-color: #eab006 !important;
+}
+.guide-steps .el-step.available .el-step__title {
+  color: #eab006 !important;
+}
+.guide-steps .el-step .el-step__icon.is-text {
+  cursor: pointer;
+}
+.guide-steps .el-step.disabled .el-step__icon.is-text {
+  cursor: not-allowed;
+}

package/dist/components/icon-card/index.js

@@ -1,26 +1,30 @@
-import { n as c } from "../../chunks/5d4282fb.js";
-var a = function() {
-  var t = this, e = t.$createElement, n = t._self._c || e;
-  return n("div", {
-    class: ["icon-card", "flex-row", t.iconBg]
-  }, [n("div", {
+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", {
+    class: ["icon-card", "flex-row", _vm.iconBg]
+  }, [_c("div", {
     staticClass: "card-icon_bg"
-  }, [n("i", {
-    class: ["card-icon", t.icon]
-  })]), n("div", {
+  }, [_c("i", {
+    class: ["card-icon", _vm.icon]
+  })]), _c("div", {
     staticClass: "flex-item"
-  }, [n("p", {
+  }, [_c("p", {
     staticClass: "icon-card_title"
-  }, [t._t("default")], 2), n("div", {
+  }, [_vm._t("default")], 2), _c("div", {
     staticClass: "icon-card_num"
-  }, [n("span", {
+  }, [_c("span", {
     staticClass: "icon-card_color",
     on: {
-      click: t.toDetails
+      "click": _vm.toDetails
     }
-  }, [t._v(t._s(t.number))]), t._t("nuit")], 2)])]);
-}, i = [];
-const o = {
+  }, [_vm._v(_vm._s(_vm.number))]), _vm._t("nuit")], 2)])]);
+};
+var staticRenderFns = [];
+const IconCard_vue_vue_type_style_index_0_lang = "";
+const __vue2_script = {
   name: "IconCard",
   props: {
     iconBg: {
@@ -39,24 +43,26 @@ const o = {
       this.$router.push(this.path);
     }
   }
-}, s = {};
-var r = /* @__PURE__ */ c(
-  o,
-  a,
-  i,
-  !1,
-  l,
+};
+const __cssModules = {};
+var __component__ = /* @__PURE__ */ normalizeComponent(
+  __vue2_script,
+  render,
+  staticRenderFns,
+  false,
+  __vue2_injectStyles,
   null,
   null,
   null
 );
-function l(t) {
-  for (let e in s)
-    this[e] = s[e];
+function __vue2_injectStyles(context) {
+  for (let o in __cssModules) {
+    this[o] = __cssModules[o];
+  }
 }
-const u = /* @__PURE__ */ function() {
-  return r.exports;
+const IconCard = /* @__PURE__ */ function() {
+  return __component__.exports;
 }();
 export {
-  u as default
+  IconCard as default
 };

package/dist/components/icon-card/style.css

@@ -1 +1,56 @@
-.icon-card{padding:14px;border-radius:4px}.icon-card .card-icon_bg{width:48px;height:48px;margin-right:14px;text-align:center;border-radius:14px}.icon-card .card-icon{font-size:24px;line-height:48px}.icon-card .icon-card_color{font-weight:700;font-size:18px;cursor:pointer}.icon-card.blue{background:#f4f9ff}.icon-card.blue .card-icon_bg{color:#3c8efd;background:#e8f2fc}.icon-card.blue .icon-card_color{color:#3c8efd}.icon-card.orange{background:#f9f5ee}.icon-card.orange .card-icon_bg{color:#fdc12e;background:#fdf2dc}.icon-card.orange .icon-card_color{color:#fdc12e}.icon-card.green{background:#f1f7ed}.icon-card.green .card-icon_bg{color:#72c734;background:#ddf7d9}.icon-card.green .icon-card_color{color:#72c734}
+/* 全局公共颜色配置 */ /* 全局公共尺寸配置 */
+/* 应用头部高度 */
+/* 页面宽度 */
+/* 侧栏宽度 */
+/* 标签高度 */
+/* 页面头部工具条高度 */
+.icon-card {
+  padding: 14px;
+  border-radius: 4px;
+}
+.icon-card .card-icon_bg {
+  width: 48px;
+  height: 48px;
+  margin-right: 14px;
+  text-align: center;
+  border-radius: 14px;
+}
+.icon-card .card-icon {
+  font-size: 24px;
+  line-height: 48px;
+}
+.icon-card .icon-card_color {
+  font-weight: bold;
+  font-size: 18px;
+  cursor: pointer;
+}
+.icon-card.blue {
+  background: #f4f9ff;
+}
+.icon-card.blue .card-icon_bg {
+  color: #3c8efd;
+  background: #e8f2fc;
+}
+.icon-card.blue .icon-card_color {
+  color: #3c8efd;
+}
+.icon-card.orange {
+  background: #f9f5ee;
+}
+.icon-card.orange .card-icon_bg {
+  color: #fdc12e;
+  background: #fdf2dc;
+}
+.icon-card.orange .icon-card_color {
+  color: #fdc12e;
+}
+.icon-card.green {
+  background: #f1f7ed;
+}
+.icon-card.green .card-icon_bg {
+  color: #72c734;
+  background: #ddf7d9;
+}
+.icon-card.green .icon-card_color {
+  color: #72c734;
+}

package/dist/components/iframe-window/index.js

@@ -1,31 +1,35 @@
-import { n as l } from "../../chunks/5d4282fb.js";
-var s = function() {
-  var e = this, t = e.$createElement, r = e._self._c || t;
-  return r("ElementDialog", e._g(e._b({
+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("ElementDialog", _vm._g(_vm._b({
     attrs: {
       "custom-class": "iframe-window",
-      embed: "",
-      height: "60vh",
-      title: e.title,
+      "embed": "",
+      "height": "60vh",
+      "title": _vm.title,
       "show-full-screen": "",
-      visible: e.visible
+      "visible": _vm.visible
     },
-    scopedSlots: e._u([{
+    scopedSlots: _vm._u([{
       key: "default",
       fn: function() {
-        return [r("iframe", {
+        return [_c("iframe", {
           staticClass: "iframe-window-iframe",
           attrs: {
-            src: e.url,
-            frameborder: "0"
+            "src": _vm.url,
+            "frameborder": "0"
           }
         })];
       },
-      proxy: !0
+      proxy: true
     }])
-  }, "ElementDialog", e.$attrs, !1), e.$listeners));
-}, a = [];
-const i = {
+  }, "ElementDialog", _vm.$attrs, false), _vm.$listeners));
+};
+var staticRenderFns = [];
+const IframeWindow_vue_vue_type_style_index_0_lang = "";
+const __vue2_script = {
   name: "IframeWindow",
   props: {
     title: {
@@ -38,24 +42,26 @@ const i = {
     },
     visible: Boolean
   }
-}, n = {};
-var o = /* @__PURE__ */ l(
-  i,
-  s,
-  a,
-  !1,
-  _,
+};
+const __cssModules = {};
+var __component__ = /* @__PURE__ */ normalizeComponent(
+  __vue2_script,
+  render,
+  staticRenderFns,
+  false,
+  __vue2_injectStyles,
   null,
   null,
   null
 );
-function _(e) {
-  for (let t in n)
-    this[t] = n[t];
+function __vue2_injectStyles(context) {
+  for (let o in __cssModules) {
+    this[o] = __cssModules[o];
+  }
 }
-const f = /* @__PURE__ */ function() {
-  return o.exports;
+const IframeWindow = /* @__PURE__ */ function() {
+  return __component__.exports;
 }();
 export {
-  f as default
+  IframeWindow as default
 };

package/dist/components/iframe-window/style.css

@@ -1 +1,20 @@
-.iframe-window.element-dialog.el-dialog.el-dialog-resizeable .el-dialog__body{position:relative;padding:0}.iframe-window .iframe-window-iframe{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;border:none}
+/* 全局公共颜色配置 */ /* 全局公共尺寸配置 */
+/* 应用头部高度 */
+/* 页面宽度 */
+/* 侧栏宽度 */
+/* 标签高度 */
+/* 页面头部工具条高度 */
+.iframe-window.element-dialog.el-dialog.el-dialog-resizeable .el-dialog__body {
+  position: relative;
+  padding: 0;
+}
+.iframe-window .iframe-window-iframe {
+  position: absolute;
+  top: 0;
+  right: 0;
+  bottom: 0;
+  left: 0;
+  width: 100%;
+  height: 100%;
+  border: none;
+}