firefly-portal-web 1.0.0

package/dist-lib/index-5888a3a4.mjs

@@ -0,0 +1,226 @@
+import { defineComponent as S, resolveComponent as g, openBlock as e, createBlock as y, createSlots as $, withCtx as m, createElementVNode as l, normalizeClass as b, unref as o, createElementBlock as n, Fragment as s, renderList as E, toDisplayString as a, createVNode as h, createTextVNode as B } from "vue";
+import { u as L } from "./useCommon-36969e5f.mjs";
+import { aQ as O, aT as V, _ as j } from "./index-5b8b1ba9.mjs";
+import "lodash-es";
+import "ant-design-vue";
+import "vue-i18n";
+import "pinia";
+import "crypto-js/aes";
+import "crypto-js/enc-utf8";
+import "crypto-js/pad-pkcs7";
+import "crypto-js/mode-ecb";
+import "crypto-js/md5";
+import "crypto-js/enc-base64";
+import "crypto-js/enc-hex";
+import "dayjs";
+import "@vueuse/core";
+import "vue-router";
+import "axios";
+import "@ant-design/icons-vue";
+import "@ant-design/colors";
+import "@iconify/iconify";
+import "vue-types";
+import "@firefly-plus/icons-vue";
+import "qrcode";
+import "vue-simple-uploader";
+import "spark-md5";
+import "vue-simple-uploader/dist/style.css";
+import "tinymce/tinymce";
+import "tinymce/themes/silver";
+import "tinymce/icons/default/icons";
+import "tinymce/plugins/advlist";
+import "tinymce/plugins/anchor";
+import "tinymce/plugins/autolink";
+import "tinymce/plugins/autosave";
+import "tinymce/plugins/code";
+import "tinymce/plugins/codesample";
+import "tinymce/plugins/directionality";
+import "tinymce/plugins/fullscreen";
+import "tinymce/plugins/hr";
+import "tinymce/plugins/insertdatetime";
+import "tinymce/plugins/link";
+import "tinymce/plugins/lists";
+import "tinymce/plugins/media";
+import "tinymce/plugins/nonbreaking";
+import "tinymce/plugins/noneditable";
+import "tinymce/plugins/pagebreak";
+import "tinymce/plugins/paste";
+import "tinymce/plugins/preview";
+import "tinymce/plugins/print";
+import "tinymce/plugins/save";
+import "tinymce/plugins/searchreplace";
+import "tinymce/plugins/spellchecker";
+import "tinymce/plugins/tabfocus";
+import "tinymce/plugins/table";
+import "tinymce/plugins/template";
+import "tinymce/plugins/textpattern";
+import "tinymce/plugins/visualblocks";
+import "tinymce/plugins/visualchars";
+import "tinymce/plugins/wordcount";
+import "tinymce/plugins/image";
+import "tinymce/plugins/charmap";
+import "tinymce/plugins/imagetools";
+import "tinymce/plugins/help";
+import "tinymce/plugins/quickbars";
+import "tinymce/plugins/importcss";
+import "tinymce/plugins/toc";
+import "tinymce/plugins/emoticons";
+import "sortablejs";
+import "codemirror";
+import "codemirror/theme/idea.css";
+import "codemirror/theme/material-palenight.css";
+import "codemirror/mode/javascript/javascript";
+import "codemirror/mode/css/css";
+import "codemirror/mode/htmlmixed/htmlmixed";
+import "monaco-editor/esm/vs/language/json/json.worker?worker";
+import "monaco-editor/esm/vs/language/css/css.worker?worker";
+import "monaco-editor/esm/vs/language/html/html.worker?worker";
+import "monaco-editor/esm/vs/language/typescript/ts.worker?worker";
+import "monaco-editor/esm/vs/editor/editor.worker?worker";
+import "monaco-editor";
+import "vue-json-pretty";
+import "vue-json-pretty/lib/styles.css";
+import "firefly-plus-components";
+import "vuedraggable";
+import "uuid";
+import "element-plus";
+import "firefly-plus-components/index.css";
+import "element-plus/dist/index.css";
+import "vue-grid-layout";
+const F = { class: "timestamp" }, I = { class: "timestamp" }, J = { class: "timestamp" }, z = { class: "timestamp" }, G = {
+  key: 1,
+  class: "portal-common-noData"
+}, H = /* @__PURE__ */ S({
+  __name: "index",
+  props: ["activeData"],
+  setup(v) {
+    const c = v, { CardHeader: N, timeList: k, getOption: i } = L(c.activeData), T = O();
+    function w(r) {
+      if (r == 1)
+        return "alternate";
+      if (r == 2)
+        return "alternate-reverse";
+      if (r == 3)
+        return "end";
+      if (r == 4)
+        return "start";
+    }
+    function C(r) {
+      var p;
+      return r == 0 ? "#3ED538" : ((p = k.value) == null ? void 0 : p.length) - 1 == r ? "#1990FA" : "#E4E7ED";
+    }
+    function D(r) {
+      var u;
+      if (!((u = c.activeData.option) != null && u.urlAddress))
+        return;
+      let p = JSON.parse(JSON.stringify(c.activeData.option.urlAddress));
+      const d = /\${[^{}]+}/g;
+      p = p.replace(d, (_) => {
+        const x = _.slice(2, -1);
+        let t = "";
+        return x == "name" && (t = r.content), x == "timestamp" && (t = r.timestamp), t || _;
+      }), c.activeData.option.target == "_self" ? T(`/externalLink?href=${encodeURIComponent(V(p))}`) : window.open(p, c.activeData.option.target);
+    }
+    return (r, p) => {
+      const d = g("el-card"), u = g("el-timeline-item"), _ = g("el-timeline"), x = g("jnpf-empty");
+      return e(), y(d, { class: "portal-card-box" }, $({
+        default: m(() => [
+          l("div", {
+            class: b(["portal-card-body portal-card-timeline", { "portal-card-timeline-vertical": o(i).layout > 4 }])
+          }, [
+            o(k).length ? (e(), n(s, { key: 0 }, [
+              o(i).layout <= 4 ? (e(), y(_, {
+                key: 0,
+                mode: w(o(i).layout)
+              }, {
+                default: m(() => [
+                  (e(!0), n(s, null, E(o(k), (t, f) => (e(), y(u, {
+                    key: f,
+                    color: C(f),
+                    onClick: (A) => D(t)
+                  }, {
+                    default: m(() => [
+                      o(i).styleType == 1 ? (e(), n(s, { key: 0 }, [
+                        l("p", F, a(t.timestamp), 1),
+                        l("p", null, a(t.content), 1)
+                      ], 64)) : (e(), n(s, { key: 1 }, [
+                        l("p", I, a(t.timestamp), 1),
+                        h(d, {
+                          class: "!p-[10px] !mt-[5px]",
+                          shadow: "never"
+                        }, {
+                          default: m(() => [
+                            B(a(t.content), 1)
+                          ]),
+                          _: 2
+                        }, 1024)
+                      ], 64))
+                    ]),
+                    _: 2
+                  }, 1032, ["color", "onClick"]))), 128))
+                ]),
+                _: 1
+              }, 8, ["mode"])) : (e(), y(_, {
+                key: 1,
+                class: b(["timeline-top-bottom", {
+                  "timeline-top": o(i).layout == 5,
+                  "timeline-bottom": o(i).layout == 6,
+                  "timeline-bottom-box": o(i).layout == 7,
+                  "timeline-top-box": o(i).layout == 8,
+                  "card-timeline-box": o(i).styleType == 2
+                }])
+              }, {
+                default: m(() => [
+                  (e(!0), n(s, null, E(o(k), (t, f) => (e(), y(u, {
+                    key: f,
+                    color: C(f),
+                    onClick: (A) => D(t)
+                  }, {
+                    default: m(() => [
+                      o(i).styleType == 1 ? (e(), n(s, { key: 0 }, [
+                        l("p", J, a(t.timestamp), 1),
+                        l("p", null, a(t.content), 1)
+                      ], 64)) : (e(), n(s, { key: 1 }, [
+                        l("p", z, a(t.timestamp), 1),
+                        h(d, {
+                          class: "!p-[10px] !mt-[5px]",
+                          shadow: "never"
+                        }, {
+                          default: m(() => [
+                            B(a(t.content), 1)
+                          ]),
+                          _: 2
+                        }, 1024)
+                      ], 64))
+                    ]),
+                    _: 2
+                  }, 1032, ["color", "onClick"]))), 128))
+                ]),
+                _: 1
+              }, 8, ["class"]))
+            ], 64)) : (e(), n("div", G, [
+              h(x)
+            ]))
+          ], 2)
+        ]),
+        _: 2
+      }, [
+        v.activeData.title ? {
+          name: "header",
+          fn: m(() => [
+            h(o(N), {
+              title: v.activeData.title,
+              card: v.activeData.card
+            }, null, 8, ["title", "card"])
+          ]),
+          key: "0"
+        } : void 0
+      ]), 1024);
+    };
+  }
+});
+const Eo = /* @__PURE__ */ j(H, [["__scopeId", "data-v-690b736d"]]);
+export {
+  Eo as default
+};
+//# sourceMappingURL=index-5888a3a4.mjs.map

package/dist-lib/index-5888a3a4.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"index-5888a3a4.mjs","sources":["../src/components/VisualPortal/Portal/HTimeAxis/index.vue"],"sourcesContent":["<template>\r\n  <el-card class=\"portal-card-box\">\r\n    <template #header v-if=\"activeData.title\">\r\n      <CardHeader :title=\"activeData.title\" :card=\"activeData.card\" />\r\n    </template>\r\n    <div class=\"portal-card-body portal-card-timeline\" :class=\"{ 'portal-card-timeline-vertical': getOption.layout > 4 }\">\r\n      <template v-if=\"timeList.length\">\r\n        <el-timeline v-if=\"getOption.layout <= 4\" :mode=\"getMode(getOption.layout)\">\r\n          <el-timeline-item v-for=\"(item, index) in timeList\" :key=\"index\" :color=\"getColor(index)\" @click=\"handleClick(item)\">\r\n            <template v-if=\"getOption.styleType == 1\">\r\n              <p class=\"timestamp\">{{ item.timestamp }}</p>\r\n              <p>{{ item.content }}</p>\r\n            </template>\r\n            <template v-else>\r\n              <p class=\"timestamp\">{{ item.timestamp }}</p>\r\n              <el-card class=\"!p-[10px] !mt-[5px]\" shadow=\"never\">\r\n                {{ item.content }}\r\n              </el-card>\r\n            </template>\r\n          </el-timeline-item>\r\n        </el-timeline>\r\n        <el-timeline\r\n          class=\"timeline-top-bottom\"\r\n          :class=\"{\r\n            'timeline-top': getOption.layout == 5,\r\n            'timeline-bottom': getOption.layout == 6,\r\n            'timeline-bottom-box': getOption.layout == 7,\r\n            'timeline-top-box': getOption.layout == 8,\r\n            'card-timeline-box': getOption.styleType == 2,\r\n          }\"\r\n          v-else>\r\n          <el-timeline-item v-for=\"(item, index) in timeList\" :key=\"index\" :color=\"getColor(index)\" @click=\"handleClick(item)\">\r\n            <template v-if=\"getOption.styleType == 1\">\r\n              <p class=\"timestamp\">{{ item.timestamp }}</p>\r\n              <p>{{ item.content }}</p>\r\n            </template>\r\n            <template v-else>\r\n              <p class=\"timestamp\">{{ item.timestamp }}</p>\r\n              <el-card class=\"!p-[10px] !mt-[5px]\" shadow=\"never\">\r\n                {{ item.content }}\r\n              </el-card>\r\n            </template>\r\n          </el-timeline-item>\r\n        </el-timeline>\r\n      </template>\r\n      <div class=\"portal-common-noData\" v-else>\r\n        <jnpf-empty />\r\n      </div>\r\n    </div>\r\n  </el-card>\r\n</template>\r\n<script lang=\"ts\" setup>\r\n  import { useCommon } from '../../Design/hooks/useCommon';\r\n  import { useGo } from '@/hooks/web/usePage';\r\n  import { encryptByBase64 } from '@/utils/cipher';\r\n\r\n  const props = defineProps(['activeData']);\r\n  const { CardHeader, timeList, getOption } = useCommon(props.activeData);\r\n  const go = useGo();\r\n\r\n  function getMode(layout) {\r\n    if (layout == 1) return 'alternate';\r\n    if (layout == 2) return 'alternate-reverse';\r\n    if (layout == 3) return 'end';\r\n    if (layout == 4) return 'start';\r\n  }\r\n  function getColor(index) {\r\n    if (index == 0) return '#3ED538';\r\n    if (timeList.value?.length - 1 == index) return '#1990FA';\r\n    return '#E4E7ED';\r\n  }\r\n  function handleClick(row) {\r\n    if (!props.activeData.option?.urlAddress) return;\r\n    let urlAddress = JSON.parse(JSON.stringify(props.activeData.option.urlAddress));\r\n    const regex = /\\${[^{}]+}/g;\r\n    urlAddress = urlAddress.replace(regex, match => {\r\n      const key = match.slice(2, -1);\r\n      let value = '';\r\n      if (key == 'name') value = row['content'];\r\n      if (key == 'timestamp') value = row['timestamp'];\r\n      return value || match;\r\n    });\r\n    if (props.activeData.option.target == '_self') {\r\n      go(`/externalLink?href=${encodeURIComponent(encryptByBase64(urlAddress))}`);\r\n    } else {\r\n      window.open(urlAddress, props.activeData.option.target);\r\n    }\r\n  }\r\n</script>\r\n<style lang=\"less\" scoped>\r\n  .portal-card-timeline {\r\n    :deep(.el-timeline) {\r\n      padding-left: 0;\r\n    }\r\n    .timestamp {\r\n      color: @text-color-secondary;\r\n    }\r\n  }\r\n  .portal-card-timeline-vertical {\r\n    display: flex;\r\n    align-items: center;\r\n    /* 水平时间轴基础样式 */\r\n    :deep(.el-timeline) {\r\n      display: flex;\r\n      width: 100%;\r\n      white-space: nowrap;\r\n      .el-timeline-item {\r\n        position: relative;\r\n        padding-right: 20px;\r\n        .el-timeline-item__tail {\r\n          position: absolute;\r\n          top: calc(50% - 2px);\r\n          left: 0;\r\n          width: 100%;\r\n          height: 0;\r\n          border-left: none;\r\n          border-top: 2px solid #e4e7ed;\r\n        }\r\n        .el-timeline-item__node {\r\n          position: absolute;\r\n          top: calc(50% - 7px);\r\n        }\r\n        .el-timeline-item__wrapper {\r\n          top: 0;\r\n          padding-left: 0;\r\n        }\r\n        .el-timeline-item__content {\r\n          position: relative;\r\n        }\r\n      }\r\n      .el-timeline-item:last-child {\r\n        .el-timeline-item__tail {\r\n          display: block;\r\n        }\r\n      }\r\n    }\r\n    .timeline-top {\r\n      :deep(.el-timeline-item:nth-of-type(even)) {\r\n        .el-timeline-item__content {\r\n          top: 40px;\r\n        }\r\n      }\r\n      :deep(.el-timeline-item:nth-of-type(odd)) {\r\n        .el-timeline-item__content {\r\n          top: -24px;\r\n        }\r\n      }\r\n    }\r\n    .timeline-bottom {\r\n      :deep(.el-timeline-item:nth-of-type(even)) {\r\n        .el-timeline-item__content {\r\n          top: -24px;\r\n        }\r\n      }\r\n      :deep(.el-timeline-item:nth-of-type(odd)) {\r\n        .el-timeline-item__content {\r\n          top: 40px;\r\n        }\r\n      }\r\n    }\r\n    .timeline-top-box {\r\n      display: flex;\r\n      white-space: nowrap;\r\n      :deep(.el-timeline-item__tail) {\r\n        width: 100%;\r\n        left: unset;\r\n        top: 4px;\r\n        border-left: unset;\r\n        border-top: 2px solid #e4e7ed;\r\n      }\r\n      :deep(.el-timeline-item__node) {\r\n        top: -1px;\r\n        bottom: unset;\r\n      }\r\n      :deep(.el-timeline-item__wrapper) {\r\n        padding-left: 0;\r\n      }\r\n      :deep(.el-timeline-item__content) {\r\n        padding: 20px 20px 0 0;\r\n      }\r\n    }\r\n    .timeline-bottom-box {\r\n      display: flex;\r\n      white-space: nowrap;\r\n      margin-bottom: 43px;\r\n      :deep(.el-timeline-item) {\r\n        padding-bottom: 10px;\r\n      }\r\n      :deep(.el-timeline-item__tail) {\r\n        width: 100%;\r\n        top: unset;\r\n        bottom: 4px;\r\n        border-left: unset;\r\n        border-top: unset;\r\n        border-bottom: 2px solid #e4e7ed;\r\n      }\r\n      :deep(.el-timeline-item__node) {\r\n        top: unset;\r\n        bottom: -1px;\r\n      }\r\n      :deep(.el-timeline-item__wrapper) {\r\n        padding-left: 0;\r\n      }\r\n      :deep(.el-timeline-item__content) {\r\n        padding: 20px 20px 0 0;\r\n      }\r\n    }\r\n    .card-timeline-box {\r\n      &.timeline-top {\r\n        :deep(.el-timeline-item:nth-of-type(even)) {\r\n          .el-timeline-item__content {\r\n            top: 55px;\r\n          }\r\n        }\r\n        :deep(.el-timeline-item:nth-of-type(odd)) {\r\n          .el-timeline-item__content {\r\n            top: -42px;\r\n          }\r\n        }\r\n      }\r\n\r\n      &.timeline-bottom {\r\n        :deep(.el-timeline-item:nth-of-type(even)) {\r\n          .el-timeline-item__content {\r\n            top: -42px;\r\n          }\r\n        }\r\n        :deep(.el-timeline-item:nth-of-type(odd)) {\r\n          .el-timeline-item__content {\r\n            top: 55px;\r\n          }\r\n        }\r\n      }\r\n    }\r\n  }\r\n</style>\r\n"],"names":["props","__props","CardHeader","timeList","getOption","useCommon","go","useGo","getMode","layout","getColor","index","_a","handleClick","row","urlAddress","regex","match","key","value","encryptByBase64"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAwDE,UAAMA,IAAQC,GACR,EAAE,YAAAC,GAAY,UAAAC,GAAU,WAAAC,EAAc,IAAAC,EAAUL,EAAM,UAAU,GAChEM,IAAKC;AAEX,aAASC,EAAQC,GAAQ;AACvB,UAAIA,KAAU;AAAU,eAAA;AACxB,UAAIA,KAAU;AAAU,eAAA;AACxB,UAAIA,KAAU;AAAU,eAAA;AACxB,UAAIA,KAAU;AAAU,eAAA;AAAA,IAC1B;AACA,aAASC,EAASC,GAAO;;AACvB,aAAIA,KAAS,IAAU,cACnBC,IAAAT,EAAS,UAAT,gBAAAS,EAAgB,UAAS,KAAKD,IAAc,YACzC;AAAA,IACT;AACA,aAASE,EAAYC,GAAK;;AACpB,UAAA,GAACF,IAAAZ,EAAM,WAAW,WAAjB,QAAAY,EAAyB;AAAY;AACtC,UAAAG,IAAa,KAAK,MAAM,KAAK,UAAUf,EAAM,WAAW,OAAO,UAAU,CAAC;AAC9E,YAAMgB,IAAQ;AACD,MAAAD,IAAAA,EAAW,QAAQC,GAAO,CAASC,MAAA;AAC9C,cAAMC,IAAMD,EAAM,MAAM,GAAG,EAAE;AAC7B,YAAIE,IAAQ;AACZ,eAAID,KAAO,WAAQC,IAAQL,EAAI,UAC3BI,KAAO,gBAAaC,IAAQL,EAAI,YAC7BK,KAASF;AAAA,MAAA,CACjB,GACGjB,EAAM,WAAW,OAAO,UAAU,UACpCM,EAAG,sBAAsB,mBAAmBc,EAAgBL,CAAU,CAAC,CAAC,EAAE,IAE1E,OAAO,KAAKA,GAAYf,EAAM,WAAW,OAAO,MAAM;AAAA,IAE1D;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist-lib/index-58fb457c.mjs

@@ -0,0 +1,179 @@
+import { defineComponent as y, ref as f, computed as x, onMounted as g, resolveComponent as k, openBlock as e, createBlock as l, createSlots as h, withCtx as a, createElementVNode as p, createElementBlock as r, normalizeStyle as s, toDisplayString as S, createCommentVNode as b, createVNode as V, pushScopeId as T, popScopeId as C } from "vue";
+import { _ } from "./emtryImg-85b013aa.mjs";
+import { Z as w, aO as A, aP as F, aR as I, a0 as B, _ as J } from "./index-5b8b1ba9.mjs";
+import "lodash-es";
+import "ant-design-vue";
+import "vue-i18n";
+import "pinia";
+import "crypto-js/aes";
+import "crypto-js/enc-utf8";
+import "crypto-js/pad-pkcs7";
+import "crypto-js/mode-ecb";
+import "crypto-js/md5";
+import "crypto-js/enc-base64";
+import "crypto-js/enc-hex";
+import "dayjs";
+import "@vueuse/core";
+import "vue-router";
+import "axios";
+import "@ant-design/icons-vue";
+import "@ant-design/colors";
+import "@iconify/iconify";
+import "vue-types";
+import "@firefly-plus/icons-vue";
+import "qrcode";
+import "vue-simple-uploader";
+import "spark-md5";
+import "vue-simple-uploader/dist/style.css";
+import "tinymce/tinymce";
+import "tinymce/themes/silver";
+import "tinymce/icons/default/icons";
+import "tinymce/plugins/advlist";
+import "tinymce/plugins/anchor";
+import "tinymce/plugins/autolink";
+import "tinymce/plugins/autosave";
+import "tinymce/plugins/code";
+import "tinymce/plugins/codesample";
+import "tinymce/plugins/directionality";
+import "tinymce/plugins/fullscreen";
+import "tinymce/plugins/hr";
+import "tinymce/plugins/insertdatetime";
+import "tinymce/plugins/link";
+import "tinymce/plugins/lists";
+import "tinymce/plugins/media";
+import "tinymce/plugins/nonbreaking";
+import "tinymce/plugins/noneditable";
+import "tinymce/plugins/pagebreak";
+import "tinymce/plugins/paste";
+import "tinymce/plugins/preview";
+import "tinymce/plugins/print";
+import "tinymce/plugins/save";
+import "tinymce/plugins/searchreplace";
+import "tinymce/plugins/spellchecker";
+import "tinymce/plugins/tabfocus";
+import "tinymce/plugins/table";
+import "tinymce/plugins/template";
+import "tinymce/plugins/textpattern";
+import "tinymce/plugins/visualblocks";
+import "tinymce/plugins/visualchars";
+import "tinymce/plugins/wordcount";
+import "tinymce/plugins/image";
+import "tinymce/plugins/charmap";
+import "tinymce/plugins/imagetools";
+import "tinymce/plugins/help";
+import "tinymce/plugins/quickbars";
+import "tinymce/plugins/importcss";
+import "tinymce/plugins/toc";
+import "tinymce/plugins/emoticons";
+import "sortablejs";
+import "codemirror";
+import "codemirror/theme/idea.css";
+import "codemirror/theme/material-palenight.css";
+import "codemirror/mode/javascript/javascript";
+import "codemirror/mode/css/css";
+import "codemirror/mode/htmlmixed/htmlmixed";
+import "monaco-editor/esm/vs/language/json/json.worker?worker";
+import "monaco-editor/esm/vs/language/css/css.worker?worker";
+import "monaco-editor/esm/vs/language/html/html.worker?worker";
+import "monaco-editor/esm/vs/language/typescript/ts.worker?worker";
+import "monaco-editor/esm/vs/editor/editor.worker?worker";
+import "monaco-editor";
+import "vue-json-pretty";
+import "vue-json-pretty/lib/styles.css";
+import "firefly-plus-components";
+import "vuedraggable";
+import "uuid";
+import "element-plus";
+import "firefly-plus-components/index.css";
+import "element-plus/dist/index.css";
+import "vue-grid-layout";
+const d = (t) => (T("data-v-0ade5e70"), t = t(), C(), t), z = { class: "portal-card-body" }, L = ["src"], N = {
+  key: 1,
+  class: "portal-common-noData"
+}, E = /* @__PURE__ */ d(() => /* @__PURE__ */ p("img", {
+  src: _,
+  alt: "",
+  class: "noData-img"
+}, null, -1)), P = /* @__PURE__ */ d(() => /* @__PURE__ */ p("p", { class: "noData-txt" }, "请配置图片", -1)), R = [
+  E,
+  P
+], j = /* @__PURE__ */ y({
+  __name: "index",
+  props: ["activeData"],
+  setup(t) {
+    const o = t, m = f(), u = w(), n = x(() => {
+      m.value = +/* @__PURE__ */ new Date();
+      const i = o.activeData.option.defaultValue;
+      return o.activeData.option.styleType == 1 && i ? u.apiUrl + i : i;
+    });
+    function v() {
+      if (o.activeData.dataType === "dynamic") {
+        o.activeData.option.defaultValue = "";
+        const i = o.activeData.propsApi;
+        if (!i)
+          return;
+        I(o.activeData.templateJson), B(i).then((c) => {
+          o.activeData.option.defaultValue = c.data;
+        });
+      }
+    }
+    return g(() => v()), (i, c) => {
+      const D = k("el-card");
+      return e(), l(D, { class: "portal-card-box" }, h({
+        default: a(() => [
+          p("div", z, [
+            n.value ? (e(), l(A, {
+              key: 0,
+              class: "web-link",
+              linkType: t.activeData.option.linkType,
+              urlAddress: t.activeData.option.urlAddress,
+              linkTarget: t.activeData.option.linkTarget,
+              type: t.activeData.option.type,
+              propertyJson: t.activeData.option.propertyJson
+            }, {
+              default: a(() => [
+                (e(), r("img", {
+                  class: "image",
+                  key: m.value,
+                  style: s({ "object-fit": t.activeData.option.imageFillStyle }),
+                  src: n.value
+                }, null, 12, L)),
+                t.activeData.option.textDefaultValue ? (e(), r("div", {
+                  key: 0,
+                  class: "text-ellipsis bottom-text",
+                  style: s({
+                    color: t.activeData.option.textFontColor,
+                    "font-size": t.activeData.option.textFontSize + "px",
+                    "text-align": t.activeData.option.textLeft,
+                    background: t.activeData.option.textBgColor,
+                    "font-weight": t.activeData.option.textFontWeight ? "bolder" : "normal",
+                    "font-style": t.activeData.option.textFontStyle ? "italic" : "",
+                    "text-decoration": t.activeData.option.cardDecoration ? "underline" : "normal"
+                  })
+                }, S(t.activeData.option.textDefaultValue), 5)) : b("", !0)
+              ]),
+              _: 1
+            }, 8, ["linkType", "urlAddress", "linkTarget", "type", "propertyJson"])) : (e(), r("div", N, R))
+          ])
+        ]),
+        _: 2
+      }, [
+        t.activeData.title ? {
+          name: "header",
+          fn: a(() => [
+            V(F, {
+              title: t.activeData.title,
+              card: t.activeData.card
+            }, null, 8, ["title", "card"])
+          ]),
+          key: "0"
+        } : void 0
+      ]), 1024);
+    };
+  }
+});
+const bo = /* @__PURE__ */ J(j, [["__scopeId", "data-v-0ade5e70"]]);
+export {
+  bo as default
+};
+//# sourceMappingURL=index-58fb457c.mjs.map

package/dist-lib/index-58fb457c.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"index-58fb457c.mjs","sources":["../src/components/VisualPortal/Portal/HImage/index.vue"],"sourcesContent":["<template>\r\n  <el-card class=\"portal-card-box\">\r\n    <template #header v-if=\"activeData.title\">\r\n      <CardHeader :title=\"activeData.title\" :card=\"activeData.card\" />\r\n    </template>\r\n    <div class=\"portal-card-body\">\r\n      <web-link\r\n        class=\"web-link\"\r\n        v-if=\"getValue\"\r\n        :linkType=\"activeData.option.linkType\"\r\n        :urlAddress=\"activeData.option.urlAddress\"\r\n        :linkTarget=\"activeData.option.linkTarget\"\r\n        :type=\"activeData.option.type\"\r\n        :propertyJson=\"activeData.option.propertyJson\">\r\n        <img class=\"image\" :key=\"key\" :style=\"{ 'object-fit': activeData.option.imageFillStyle }\" :src=\"getValue\" />\r\n        <div\r\n          class=\"text-ellipsis bottom-text\"\r\n          v-if=\"activeData.option.textDefaultValue\"\r\n          :style=\"{\r\n            color: activeData.option.textFontColor,\r\n            'font-size': activeData.option.textFontSize + 'px',\r\n            'text-align': activeData.option.textLeft,\r\n            background: activeData.option.textBgColor,\r\n            'font-weight': activeData.option.textFontWeight ? 'bolder' : 'normal',\r\n            'font-style': activeData.option.textFontStyle ? 'italic' : '',\r\n            'text-decoration': activeData.option.cardDecoration ? 'underline' : 'normal'\r\n          }\"\r\n          >{{ activeData.option.textDefaultValue }}\r\n        </div>\r\n      </web-link>\r\n      <div class=\"portal-common-noData\" v-else>\r\n        <img src=\"../../../../assets/images/emtryImg.png\" alt=\"\" class=\"noData-img\" />\r\n        <p class=\"noData-txt\">请配置图片</p>\r\n      </div>\r\n    </div>\r\n  </el-card>\r\n</template>\r\n<script lang=\"ts\" setup>\r\n  import { ref, onMounted, computed } from 'vue';\r\n  import CardHeader from '../CardHeader/index.vue';\r\n  import webLink from '../Link/index.vue';\r\n  import { getDataInterfaceRes } from '@/api/systemData/dataInterface';\r\n  import { useGlobSetting } from '@/hooks/setting';\r\n  import { getParamList } from '@/utils/jnpf';\r\n\r\n  const props = defineProps(['activeData']);\r\n  const key = ref<any>();\r\n  const globSetting = useGlobSetting();\r\n\r\n  const getValue = computed(() => {\r\n    key.value = +new Date();\r\n    const val = props.activeData.option.defaultValue;\r\n    if (props.activeData.option.styleType == 1 && val) return globSetting.apiUrl + val;\r\n    return val;\r\n  });\r\n\r\n  function initData() {\r\n    if (props.activeData.dataType === 'dynamic') {\r\n      props.activeData.option.defaultValue = '';\r\n      const propsApi = props.activeData.propsApi;\r\n      if (!propsApi) return;\r\n      const query = { paramList: getParamList(props.activeData.templateJson) };\r\n      getDataInterfaceRes(propsApi, query).then(res => {\r\n        props.activeData.option.defaultValue = res.data;\r\n      });\r\n    }\r\n  }\r\n\r\n  onMounted(() => initData());\r\n</script>\r\n<style lang=\"less\" scoped>\r\n  .portal-card-body {\r\n    height: 100%;\r\n    .web-link,\r\n    .image {\r\n      width: 100%;\r\n      height: 100%;\r\n    }\r\n    .bottom-text {\r\n      position: absolute;\r\n      width: 100%;\r\n      height: 30px;\r\n      line-height: 30px;\r\n      bottom: 0;\r\n      font-size:  var(--plus-font-size-sm);\r\n      background: #000;\r\n      color: #fff;\r\n      padding: 0 10px;\r\n    }\r\n  }\r\n    :deep(.el-card__header) {\r\n    padding:0;\r\n  }\r\n    :deep(.el-card__body) {\r\n    padding:0;\r\n  }\r\n</style>\r\n"],"names":["props","__props","key","ref","globSetting","useGlobSetting","getValue","computed","val","initData","propsApi","getParamList","getDataInterfaceRes","res","onMounted"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA6CE,UAAMA,IAAQC,GACRC,IAAMC,KACNC,IAAcC,KAEdC,IAAWC,EAAS,MAAM;AAC1B,MAAAL,EAAA,QAAQ,CAAC,oBAAI;AACX,YAAAM,IAAMR,EAAM,WAAW,OAAO;AACpC,aAAIA,EAAM,WAAW,OAAO,aAAa,KAAKQ,IAAYJ,EAAY,SAASI,IACxEA;AAAA,IAAA,CACR;AAED,aAASC,IAAW;AACd,UAAAT,EAAM,WAAW,aAAa,WAAW;AACrC,QAAAA,EAAA,WAAW,OAAO,eAAe;AACjC,cAAAU,IAAWV,EAAM,WAAW;AAClC,YAAI,CAACU;AAAU;AACD,QAAaC,EAAaX,EAAM,WAAW,YAAY,GACrEY,EAAoBF,CAAe,EAAE,KAAK,CAAOG,MAAA;AACzC,UAAAb,EAAA,WAAW,OAAO,eAAea,EAAI;AAAA,QAAA,CAC5C;AAAA,MACH;AAAA,IACF;AAEU,WAAAC,EAAA,MAAML,GAAU;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}