@web-utils/component 2.7.35 → 2.7.37

package/dist/components/highlight-j-s/style.css

@@ -1,21 +1 @@
-/* 全局公共颜色配置 */ /* 全局公共尺寸配置 */
-/* 应用头部高度 */
-/* 页面宽度 */
-/* 侧栏宽度 */
-/* 标签高度 */
-/* 页面头部工具条高度 */
-.highlight-js {
-  margin: 0;
-  height: 100%;
-  overflow: hidden;
-  max-height: calc(80vh - 32px);
-  overflow-y: auto;
-}
-.highlight-js .hljs {
-  height: 100%;
-  word-break: break-word;
-  white-space: pre-wrap;
-}
-.highlight-js .hljs * {
-  font-family: Consolas, Monaco, monospace;
-}
+.highlight-js{margin:0;height:100%;overflow:hidden;max-height:calc(80vh - 32px);overflow-y:auto}.highlight-js .hljs{height:100%;word-break:break-word;white-space:pre-wrap}.highlight-js .hljs *{font-family:Consolas,Monaco,monospace}

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

@@ -0,0 +1,62 @@
+import { n as c } from "../../chunks/vueComponentNormalizer.446f5dc4.mjs";
+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", {
+    staticClass: "card-icon_bg"
+  }, [n("i", {
+    class: ["card-icon", t.icon]
+  })]), n("div", {
+    staticClass: "flex-item"
+  }, [n("p", {
+    staticClass: "icon-card_title"
+  }, [t._t("default")], 2), n("div", {
+    staticClass: "icon-card_num"
+  }, [n("span", {
+    staticClass: "icon-card_color",
+    on: {
+      click: t.toDetails
+    }
+  }, [t._v(t._s(t.number))]), t._t("nuit")], 2)])]);
+}, i = [];
+const o = {
+  name: "IconCard",
+  props: {
+    iconBg: {
+      type: String,
+      default: "blue"
+    },
+    icon: {
+      type: String,
+      default: "el-icon-s-custom"
+    },
+    path: String,
+    number: Number
+  },
+  methods: {
+    toDetails() {
+      this.$router.push(this.path);
+    }
+  }
+}, s = {};
+var r = /* @__PURE__ */ c(
+  o,
+  a,
+  i,
+  !1,
+  l,
+  null,
+  null,
+  null
+);
+function l(t) {
+  for (let e in s)
+    this[e] = s[e];
+}
+const u = /* @__PURE__ */ function() {
+  return r.exports;
+}();
+export {
+  u as default
+};

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

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

package/dist/components/icon-temp/index.mjs

@@ -0,0 +1,50 @@
+import { n as a } from "../../chunks/vueComponentNormalizer.446f5dc4.mjs";
+var l = function() {
+  var e = this, t = e.$createElement, n = e._self._c || t;
+  return n("span", {
+    staticClass: "avue-icon",
+    class: {
+      "avue-icon--small": e.small
+    }
+  }, [e.text.includes("#") ? n("svg", {
+    attrs: {
+      "aria-hidden": "true"
+    }
+  }, [n("use", {
+    attrs: {
+      "xlink:href": e.text
+    }
+  })]) : n("i", {
+    class: e.text
+  })]);
+}, o = [];
+const r = {
+  name: "IconTemp",
+  props: {
+    small: Boolean,
+    text: {
+      type: String,
+      default: ""
+    }
+  }
+}, s = {};
+var c = /* @__PURE__ */ a(
+  r,
+  l,
+  o,
+  !1,
+  _,
+  null,
+  null,
+  null
+);
+function _(e) {
+  for (let t in s)
+    this[t] = s[t];
+}
+const u = /* @__PURE__ */ function() {
+  return c.exports;
+}();
+export {
+  u as default
+};

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

@@ -1,21 +1 @@
-/* 全局公共颜色配置 */ /* 全局公共尺寸配置 */
-/* 应用头部高度 */
-/* 页面宽度 */
-/* 侧栏宽度 */
-/* 标签高度 */
-/* 页面头部工具条高度 */
-.avue-icon {
-  display: flex;
-  align-items: center;
-  justify-content: center;
-}
-.avue-icon svg, .avue-icon i {
-  width: 20px;
-  height: 20px;
-  font-size: 20px;
-}
-.avue-icon--small svg, .avue-icon--small i {
-  font-size: 15px;
-  width: 15px;
-  height: 15px;
-}
+.avue-icon{display:flex;align-items:center;justify-content:center}.avue-icon svg,.avue-icon i{width:20px;height:20px;font-size:20px}.avue-icon--small svg,.avue-icon--small i{font-size:15px;width:15px;height:15px}

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

@@ -0,0 +1,61 @@
+import { n as l } from "../../chunks/vueComponentNormalizer.446f5dc4.mjs";
+var s = function() {
+  var e = this, t = e.$createElement, r = e._self._c || t;
+  return r("ElementDialog", e._g(e._b({
+    attrs: {
+      "custom-class": "iframe-window",
+      embed: "",
+      height: "60vh",
+      title: e.title,
+      "show-full-screen": "",
+      visible: e.visible
+    },
+    scopedSlots: e._u([{
+      key: "default",
+      fn: function() {
+        return [r("iframe", {
+          staticClass: "iframe-window-iframe",
+          attrs: {
+            src: e.url,
+            frameborder: "0"
+          }
+        })];
+      },
+      proxy: !0
+    }])
+  }, "ElementDialog", e.$attrs, !1), e.$listeners));
+}, a = [];
+const i = {
+  name: "IframeWindow",
+  props: {
+    title: {
+      type: String,
+      default: "iframe窗口"
+    },
+    url: {
+      type: String,
+      default: "http://192.168.0.107:31221/wallboard"
+    },
+    visible: Boolean
+  }
+}, n = {};
+var o = /* @__PURE__ */ l(
+  i,
+  s,
+  a,
+  !1,
+  _,
+  null,
+  null,
+  null
+);
+function _(e) {
+  for (let t in n)
+    this[t] = n[t];
+}
+const f = /* @__PURE__ */ function() {
+  return o.exports;
+}();
+export {
+  f as default
+};

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

@@ -1,20 +1 @@
-/* 全局公共颜色配置 */ /* 全局公共尺寸配置 */
-/* 应用头部高度 */
-/* 页面宽度 */
-/* 侧栏宽度 */
-/* 标签高度 */
-/* 页面头部工具条高度 */
-.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;inset:0;width:100%;height:100%;border:none}

package/dist/components/image-cropper/index.mjs

@@ -0,0 +1,199 @@
+import { z as r } from "../../chunks/util.eca708b6.mjs";
+import { VueCropper as s } from "vue-cropper";
+import { n as a } from "../../chunks/vueComponentNormalizer.446f5dc4.mjs";
+var p = function() {
+  var e = this, o = e.$createElement, t = e._self._c || o;
+  return t("ElementDialog", {
+    staticClass: "avue-cropper",
+    attrs: {
+      visible: e.visible,
+      "before-close": e.cancel,
+      title: "图片剪裁",
+      "close-on-press-escape": !1,
+      "close-on-click-modal": !1,
+      "modal-append-to-body": e.$AVUE.modalAppendToBody,
+      "append-to-body": e.$AVUE.appendToBody,
+      width: "1000px"
+    },
+    on: {
+      "update:visible": function(i) {
+        e.visible = i;
+      }
+    },
+    scopedSlots: e._u([{
+      key: "footer",
+      fn: function() {
+        return [t("ElButton", {
+          attrs: {
+            size: "small",
+            type: "primary"
+          },
+          on: {
+            click: e.submit
+          }
+        }, [e._v(" 确 定 ")]), t("ElButton", {
+          attrs: {
+            size: "small"
+          },
+          on: {
+            click: function(i) {
+              return e.cancel();
+            }
+          }
+        }, [e._v(" 取 消 ")])];
+      },
+      proxy: !0
+    }])
+  }, [t("div", {
+    staticClass: "cropper-content"
+  }, [t("div", {
+    staticClass: "cropper-box"
+  }, [t("div", {
+    staticClass: "cropper"
+  }, [t("VueCropper", {
+    ref: "cropper",
+    attrs: {
+      img: e.option.img,
+      "output-size": e.option.outputSize,
+      "output-type": e.option.outputType,
+      info: e.option.info,
+      "can-scale": e.option.canScale,
+      "auto-crop": e.option.autoCrop,
+      "auto-crop-width": e.option.autoCropWidth,
+      "auto-crop-height": e.option.autoCropHeight,
+      fixed: e.option.fixed,
+      "fixed-number": e.option.fixedNumber,
+      full: e.option.full,
+      "fixed-box": e.option.fixedBox,
+      "can-move": e.option.canMove,
+      "can-move-box": e.option.canMoveBox,
+      original: e.option.original,
+      "center-box": e.option.centerBox,
+      height: e.option.height,
+      "info-true": e.option.infoTrue,
+      "max-img-size": e.option.maxImgSize,
+      enlarge: e.option.enlarge,
+      mode: e.option.mode
+    },
+    on: {
+      realTime: e.realTime
+    }
+  })], 1), t("div", {
+    staticClass: "footer-btn"
+  }, [t("ElButton", {
+    attrs: {
+      size: "mini",
+      type: "danger",
+      icon: "el-icon-zoom-in"
+    },
+    on: {
+      click: function(i) {
+        return e.changeScale(1);
+      }
+    }
+  }), t("ElButton", {
+    attrs: {
+      size: "mini",
+      type: "danger",
+      icon: "el-icon-zoom-out"
+    },
+    on: {
+      click: function(i) {
+        return e.changeScale(-1);
+      }
+    }
+  }), t("ElButton", {
+    attrs: {
+      size: "mini",
+      icon: "el-icon-back",
+      type: "danger"
+    },
+    on: {
+      click: e.rotateLeft
+    }
+  }), t("ElButton", {
+    attrs: {
+      size: "mini",
+      type: "danger",
+      icon: "el-icon-right"
+    },
+    on: {
+      click: e.rotateRight
+    }
+  })], 1)]), t("div", {
+    staticClass: "show-preview"
+  }, [t("div", {
+    staticClass: "preview",
+    style: e.previews.div
+  }, [t("img", {
+    style: e.previews.img,
+    attrs: {
+      src: e.previews.url,
+      alt: ""
+    }
+  })])])])]);
+}, c = [];
+const l = {
+  name: "ImageCropper",
+  // imageCropper,
+  components: {
+    VueCropper: s
+  },
+  data() {
+    return {
+      visible: !1,
+      previews: {},
+      option: {}
+    };
+  },
+  methods: {
+    show() {
+      this.visible = !0;
+    },
+    // 图片缩放
+    changeScale(e) {
+      e = e || 1, this.$refs.cropper.changeScale(e);
+    },
+    // 向左旋转
+    rotateLeft() {
+      this.$refs.cropper.rotateLeft();
+    },
+    // 向右旋转
+    rotateRight() {
+      this.$refs.cropper.rotateRight();
+    },
+    // 实时预览函数
+    realTime(e) {
+      this.previews = e;
+    },
+    submit() {
+      this.visible = !1, this.$refs.cropper.getCropData((e) => {
+        let o = e;
+        this.option.type === "file" && (o = r(e, `${new Date().getTime()}.${this.option.outputType}`)), this.option.callback && this.option.callback(o);
+      });
+    },
+    cancel(e) {
+      e && e(), this.visible = !1, this.option.cancel && this.option.cancel(), typeof this.option.beforeClose == "function" && this.option.beforeClose(), this.$destroy(), this.$el.remove();
+    }
+  }
+}, n = {};
+var u = /* @__PURE__ */ a(
+  l,
+  p,
+  c,
+  !1,
+  f,
+  null,
+  null,
+  null
+);
+function f(e) {
+  for (let o in n)
+    this[o] = n[o];
+}
+const h = /* @__PURE__ */ function() {
+  return u.exports;
+}();
+export {
+  h as default
+};

package/dist/components/image-cropper/style.css

@@ -1,34 +1 @@
-/* 全局公共颜色配置 */ /* 全局公共尺寸配置 */
-/* 应用头部高度 */
-/* 页面宽度 */
-/* 侧栏宽度 */
-/* 标签高度 */
-/* 页面头部工具条高度 */
-.avue-cropper .cropper-content {
-  display: flex;
-  justify-content: flex-end;
-}
-.avue-cropper .cropper-content .cropper-box {
-  flex: 1;
-  width: 100%;
-}
-.avue-cropper .cropper-content .cropper-box .cropper {
-  width: auto;
-  height: 300px;
-}
-.avue-cropper .cropper-content .show-preview {
-  flex: 1;
-  display: flex;
-  justify-content: center;
-}
-.avue-cropper .cropper-content .show-preview .preview {
-  overflow: hidden;
-  border: 1px solid #67c23a;
-  background: #cccccc;
-}
-.avue-cropper .cropper-content .footer-btn {
-  margin-top: 30px;
-  display: flex;
-  justify-content: center;
-  padding-right: 10px;
-}
+.avue-cropper .cropper-content{display:flex;justify-content:flex-end}.avue-cropper .cropper-content .cropper-box{flex:1;width:100%}.avue-cropper .cropper-content .cropper-box .cropper{width:auto;height:300px}.avue-cropper .cropper-content .show-preview{flex:1;display:flex;justify-content:center}.avue-cropper .cropper-content .show-preview .preview{overflow:hidden;border:1px solid #67c23a;background:#cccccc}.avue-cropper .cropper-content .footer-btn{margin-top:30px;display:flex;justify-content:center;padding-right:10px}