@ecan-bi/datav 1.4.28 → 1.4.30

package/dist/index.es.js

@@ -1,4 +1,4 @@
-/*! @ecan-bi/datav@1.4.28 */
+/*! @ecan-bi/datav@1.4.30 */
 import { watch, inject, computed, unref, watchEffect, defineComponent, shallowRef, toRefs, onMounted, onUnmounted, h, nextTick, createVNode, resolveComponent, openBlock, createElementBlock, createBlock, renderSlot, withCtx, ref, onBeforeUnmount, normalizeClass as normalizeClass$1, normalizeStyle as normalizeStyle$1, createElementVNode, createCommentVNode, Fragment, renderList, provide, useCssVars, toDisplayString, pushScopeId, popScopeId, createSlots, withModifiers, createTextVNode, Teleport, resolveDynamicComponent, mergeProps, normalizeProps, toHandlers, withDirectives, vShow, reactive, vModelText, getCurrentInstance, onDeactivated, isRef, onActivated, isVNode, Transition, onBeforeUpdate, Comment } from "vue";
 import { throttle, init, use, registerMap } from "echarts/core";
 import { addListener, removeListener } from "resize-detector";
@@ -9990,9 +9990,45 @@ const ProviderConfig = /* @__PURE__ */ _export_sfc$1(_sfc_main$t, [["render", _s
     ...textComponentProps
   },
   setup(c, { expose: u }) {
-    const f = ref(!1), d = usePickComponentStyle(c), p = ref({}), m = computed(() => c.variableFontSize || "14px"), v = computed(() => "-" + unref(m)), g = (Fn) => {
+    const f = ref(!1), d = usePickComponentStyle(c), p = ref({}), m = computed(() => c.variableFontSize || "14px"), v = computed(() => "-" + unref(m)), {
+      getGlobalModel: g,
+      setGlobalModel: y,
+      getRecordValueByKeyName: b,
+      hanldePageRequestData: w
+    } = inject(GLOBAL_MODEL, {
+      // @ts-ignore
+      // eslint-disable-next-line no-void
+      getGlobalModel: (Fn) => {
+      },
+      // @ts-ignore
+      // eslint-disable-next-line no-void
+      setGlobalModel: (Fn, Zn) => {
+      },
+      // @ts-ignore
+      // eslint-disable-next-line no-void
+      getRecordValueByKeyName: (Fn) => {
+      },
+      // @ts-ignore
+      // eslint-disable-next-line no-void
+      hanldePageRequestData: (Fn, Zn) => {
+      }
+    }), { setLoadedData: gn, loadedData: x } = inject(LOADED_DATA, {
+      // @ts-ignore
+      // eslint-disable-next-line no-void
+      setLoadedData: (Fn, Zn) => {
+      },
+      loadedData: {}
+    }), { setTemplateData: hn } = inject("templateOperate", {
+      // @ts-ignore
+      // eslint-disable-next-line no-void
+      setTemplateData: (Fn) => {
+      }
+    }), J = (Fn) => {
+      const Zn = c.id, Qn = g(Zn);
+      y(Zn, { ...Qn, value: Fn || "", RECORD: Fn || "" });
+    }, re = (Fn) => {
       var Zn, Qn;
-      if (hasOwn(Fn, "value") && Hn(Fn.value), c.showAnimation) {
+      if (hasOwn(Fn, "value") && J(Fn.value), c.showAnimation) {
         const Kn = c.text.match(/\{(.+?)\}/g) || [];
         if (Kn != null && Kn.length) {
           const ir = (Zn = Kn[0].slice(1, -1)) == null ? void 0 : Zn.trim();
@@ -10033,65 +10069,32 @@ const ProviderConfig = /* @__PURE__ */ _export_sfc$1(_sfc_main$t, [["render", _s
         p.value = Fn;
     };
     watch(() => [c.data, c.dataType], ([Fn, Zn]) => {
-      Zn === "static" && g(Fn);
+      Zn === "static" && re(Fn);
     }, {
       immediate: !0
     });
-    const {
-      getGlobalModel: y,
-      setGlobalModel: b,
-      getRecordValueByKeyName: w,
-      hanldePageRequestData: gn
-    } = inject(GLOBAL_MODEL, {
-      // @ts-ignore
-      // eslint-disable-next-line no-void
-      getGlobalModel: (Fn) => {
-      },
-      // @ts-ignore
-      // eslint-disable-next-line no-void
-      setGlobalModel: (Fn, Zn) => {
-      },
-      // @ts-ignore
-      // eslint-disable-next-line no-void
-      getRecordValueByKeyName: (Fn) => {
-      },
-      // @ts-ignore
-      // eslint-disable-next-line no-void
-      hanldePageRequestData: (Fn, Zn) => {
-      }
-    }), { setLoadedData: x, loadedData: hn } = inject(LOADED_DATA, {
-      // @ts-ignore
-      // eslint-disable-next-line no-void
-      setLoadedData: (Fn, Zn) => {
-      },
-      loadedData: {}
-    }), { setTemplateData: J } = inject("templateOperate", {
-      // @ts-ignore
-      // eslint-disable-next-line no-void
-      setTemplateData: (Fn) => {
-      }
-    }), re = computed(() => {
+    const Pn = computed(() => {
       let Fn = "";
       if (c.gradientShow) {
         const { gradientColor: Zn, gradientOffset: Qn, gradientAngle: Kn, color: ir } = c;
         Fn += `background: linear-gradient(${Kn}, ${ir}, ${Zn || "transparent"} ${Qn * 100}%);-webkit-background-clip: text;color: transparent;`;
       }
       return Fn;
-    }), Pn = computed(() => {
+    }), En = computed(() => {
       const Fn = {};
       if (c.gradientShow) {
         const { gradientColor: Zn, gradientOffset: Qn, gradientAngle: Kn, color: ir } = c, ar = Zn || "transparent";
         Fn.background = `linear-gradient(${Kn}, ${ir}, ${ar} ${Qn * 100}%)`, Fn["-webkit-background-clip"] = "text", Fn.color = "transparent";
       }
       return Fn;
-    }), En = computed(() => {
+    }), _ = computed(() => {
       const Fn = {};
       return c.linkPage && (Fn.cursor = "pointer", Fn.userSelect = "none"), Fn;
-    }), _ = ref(1), pn = computed(() => {
+    }), pn = ref(1), vn = computed(() => {
       var sr;
       if (unref(f))
-        return "NaN";
-      if (!_.value)
+        return c.variableDefaultValue;
+      if (!pn.value)
         return;
       const Fn = unref(p), Zn = c.increaseColor || c.color, Qn = c.declineColor || c.color;
       let Kn = c.text;
@@ -10100,17 +10103,17 @@ const ProviderConfig = /* @__PURE__ */ _export_sfc$1(_sfc_main$t, [["render", _s
       let ar = "", or = "";
       if (c.exceedConfig === "wrap" ? or = "show-wrap" : c.exceedConfig === "ellipsis" && (or = "show-ellipsis"), ir == null || ir.length === 0) {
         if (Kn && c.format === "percentage" && !isNaN(+Kn)) {
-          const nr = parseFloat(Kn), lr = nr * 100, ur = vn(lr.toFixed(2));
-          nr >= 0 ? Kn = `<span class="${or}" style="color: ${ur || Zn || "#ED6643"};font-size:${unref(m)};display: inline-block;${unref(re)}">
+          const nr = parseFloat(Kn), lr = nr * 100, ur = In(lr.toFixed(2));
+          nr >= 0 ? Kn = `<span class="${or}" style="color: ${ur || Zn || "#ED6643"};font-size:${unref(m)};display: inline-block;${unref(Pn)}">
               <div class="percentage-img-box">
                 <img style="width: ${unref(m)};filter: ${`drop-shadow(${ur || Zn || "#ED6643"} ${unref(m)} 0px)`};" src="${goUp}"/>
               </div>
-              <span style="color: ${ur || c.color};${unref(re)}">${Math.abs(+lr).toFixed(2)}%</span>
-            </span>` : Kn = `<span class="${or}" style="color: ${ur || Qn || "#6ACB97"};font-size:${unref(m)};display: inline-block;${unref(re)}">
+              <span style="color: ${ur || c.color};${unref(Pn)}">${Math.abs(+lr).toFixed(2)}%</span>
+            </span>` : Kn = `<span class="${or}" style="color: ${ur || Qn || "#6ACB97"};font-size:${unref(m)};display: inline-block;${unref(Pn)}">
               <div class="percentage-img-box">
                 <img style="width: ${unref(m)};filter: ${`drop-shadow(${ur || Qn || "#6ACB97"} ${unref(m)} 0px)`};" src="${goDown}"/>
               </div>
-              <span style="color: ${ur || c.color};${unref(re)}">${c.minusSignShow ? "-" : ""}${Math.abs(+lr).toFixed(2)}%</span>
+              <span style="color: ${ur || c.color};${unref(Pn)}">${c.minusSignShow ? "-" : ""}${Math.abs(+lr).toFixed(2)}%</span>
             </span>`;
         }
         ar = Kn;
@@ -10122,9 +10125,9 @@ const ProviderConfig = /* @__PURE__ */ _export_sfc$1(_sfc_main$t, [["render", _s
         for (let fr = 0; fr < pr.length; fr++) {
           const hr = pr[fr], gr = Fn[hr];
           if (gr)
-            mr = ur.replace(hr, w(String(gr)) || gr);
+            mr = ur.replace(hr, b(String(gr)) || gr);
           else {
-            const br = getPageUrlParams(Rn);
+            const br = getPageUrlParams(qn);
             br[hr] && (mr = decodeURIComponent(br[hr]));
           }
         }
@@ -10137,44 +10140,44 @@ const ProviderConfig = /* @__PURE__ */ _export_sfc$1(_sfc_main$t, [["render", _s
           const fr = c.format;
           if (fr === "percentage")
             if (cr = +cr, isNaN(cr))
-              c.variableDefaultValue ? Kn = Kn.replace(lr, `<span class="${or}" style="color:${vn("0.00") || c.variableColor};font-size:${unref(m)};${unref(re)}">${c.variableDefaultValue}</span>`) : Kn = Kn.replace(lr, `<span class="${or}" style="color:${vn("0.00") || c.variableColor};font-size:${unref(m)};${unref(re)}">0%</span>`);
+              c.variableDefaultValue ? Kn = Kn.replace(lr, `<span class="${or}" style="color:${In("0.00") || c.variableColor};font-size:${unref(m)};${unref(Pn)}">${c.variableDefaultValue}</span>`) : Kn = Kn.replace(lr, `<span class="${or}" style="color:${In("0.00") || c.variableColor};font-size:${unref(m)};${unref(Pn)}">0%</span>`);
             else if (cr >= 0) {
               cr = cr * 100;
-              const hr = vn(cr.toFixed(2));
+              const hr = In(cr.toFixed(2));
               Kn = Kn.replace(
                 lr,
-                `<span class="${or}" style="color: ${hr || Zn || "#ED6643"};font-size:${unref(m)};display: inline-block;${unref(re)}">
+                `<span class="${or}" style="color: ${hr || Zn || "#ED6643"};font-size:${unref(m)};display: inline-block;${unref(Pn)}">
                     <div class="percentage-img-box">
                       <img style="width: ${unref(m)};filter: ${`drop-shadow(${hr || Zn || "#ED6643"} ${unref(m)} 0px)`};" src="${goUp}"/>
                     </div>
-                    <span style="color: ${hr || c.color};${unref(re)}">${Math.abs(+cr).toFixed(2)}%</span>
+                    <span style="color: ${hr || c.color};${unref(Pn)}">${Math.abs(+cr).toFixed(2)}%</span>
                   </span>`
               );
             } else {
               cr = cr * 100;
-              const hr = vn(cr.toFixed(2));
+              const hr = In(cr.toFixed(2));
               Kn = Kn.replace(
                 lr,
-                `<span class="${or}" style="color: ${hr || Qn || "#6ACB97"};font-size:${unref(m)};display: inline-block;${unref(re)}">
+                `<span class="${or}" style="color: ${hr || Qn || "#6ACB97"};font-size:${unref(m)};display: inline-block;${unref(Pn)}">
                     <div class="percentage-img-box">
                       <img style="width: ${unref(m)};filter: ${`drop-shadow(${hr || Qn || "#6ACB97"} ${unref(m)} 0px)`};" src="${goDown}"/>
                     </div>
-                    <span style="color: ${hr || c.color};${unref(re)}">${c.minusSignShow ? "-" : ""}${Math.abs(+cr).toFixed(2)}%</span>
+                    <span style="color: ${hr || c.color};${unref(Pn)}">${c.minusSignShow ? "-" : ""}${Math.abs(+cr).toFixed(2)}%</span>
                   </span>`
               );
             }
           else
-            c.format === "percent" ? (cr = +cr, isNaN(cr) || (cr = (cr * 100).toFixed(2), Kn = Kn.replace(lr, `<span class="${or}" style="color:${vn(cr) || c.variableColor};font-size:${unref(m)};${unref(re)}">${cr}%</span>`))) : c.format === "money" ? (cr = +cr, isNaN(cr) || (cr = formatMoney(cr), Kn = Kn.replace(lr, `<span class="${or}" style="color:${vn(cr) || c.variableColor};font-size:${unref(m)};${unref(re)}">${cr}</span>`))) : fr === "thousands" ? (cr = +cr, isNaN(cr) || (cr = formatThousands(cr), Kn = Kn.replace(lr, `<span class="${or}" style="color:${vn(cr) || c.variableColor};font-size:${unref(m)};${unref(re)}">${cr}</span>`))) : Kn = Kn.replace(lr, `<span class="${or}" style="color:${vn(cr) || c.variableColor};font-size:${unref(m)};${unref(re)}">${cr}</span>`);
+            c.format === "percent" ? (cr = +cr, isNaN(cr) || (cr = (cr * 100).toFixed(2), Kn = Kn.replace(lr, `<span class="${or}" style="color:${In(cr) || c.variableColor};font-size:${unref(m)};${unref(Pn)}">${cr}%</span>`))) : c.format === "money" ? (cr = +cr, isNaN(cr) || (cr = formatMoney(cr), Kn = Kn.replace(lr, `<span class="${or}" style="color:${In(cr) || c.variableColor};font-size:${unref(m)};${unref(Pn)}">${cr}</span>`))) : fr === "thousands" ? (cr = +cr, isNaN(cr) || (cr = formatThousands(cr), Kn = Kn.replace(lr, `<span class="${or}" style="color:${In(cr) || c.variableColor};font-size:${unref(m)};${unref(Pn)}">${cr}</span>`))) : Kn = Kn.replace(lr, `<span class="${or}" style="color:${In(cr) || c.variableColor};font-size:${unref(m)};${unref(Pn)}">${cr}</span>`);
         }
       }
-      if (ar || (ar = `<span class="${or}" style="color: ${vn(Kn)};${unref(re)}">${Kn}</span>`), c.unitShow && c.unitText) {
+      if (ar || (ar = `<span class="${or}" style="color: ${In(Kn)};${unref(Pn)}">${Kn}</span>`), c.unitShow && c.unitText) {
         const { unitTop: nr, unitLeft: lr } = c;
         let ur = "position:relative;";
-        nr && (ur += `top:${nr};`), lr && (ur += `margin-left:${lr};`), ar += `<span style='color:${c.unitColor};font-size:${c.unitFontSize};font-weight:${c.unitFontWeight};${ur};${unref(re)}'>${c.unitText}</span>`;
+        nr && (ur += `top:${nr};`), lr && (ur += `margin-left:${lr};`), ar += `<span style='color:${c.unitColor};font-size:${c.unitFontSize};font-weight:${c.unitFontWeight};${ur};${unref(Pn)}'>${c.unitText}</span>`;
       }
-      return c.exceedConfig && (ar = `<span class="${or}" style="display: inline-block;color: ${vn(ar)};">${ar}</span>`), ar.includes("span") || (ar = `<span class="${or}" style="color: ${vn(ar)};">${ar}</span>`), ar;
+      return c.exceedConfig && (ar = `<span class="${or}" style="display: inline-block;color: ${In(ar)};">${ar}</span>`), ar.includes("span") || (ar = `<span class="${or}" style="color: ${In(ar)};">${ar}</span>`), ar;
     });
-    function vn(Fn) {
+    function In(Fn) {
       let Zn = "", Qn = !1;
       const { targetValue: Kn, targetShow: ir, notExpectColor: ar } = c;
       if (ir) {
@@ -10199,27 +10202,24 @@ const ProviderConfig = /* @__PURE__ */ _export_sfc$1(_sfc_main$t, [["render", _s
       }
       return Zn;
     }
-    const { pageMode: In } = inject(GLOBAL_CONFIG, {
+    const { pageMode: Rn } = inject(GLOBAL_CONFIG, {
       pageMode: "normal",
       requestList: []
-    }), { pageId: Rn } = inject("templateOperate", {
+    }), { pageId: qn } = inject("templateOperate", {
       pageId: ""
-    }) || {}, qn = useRequestData(c), zn = ref(!1), Jn = async () => {
+    }) || {}, zn = useRequestData(c), Jn = ref(!1), Hn = async () => {
       var Fn, Zn, Qn;
       try {
-        zn.value = !0;
-        const Kn = await qn();
-        (Fn = Kn == null ? void 0 : Kn.data) != null && Fn.data.rowsToData ? g(((Zn = Kn == null ? void 0 : Kn.data) == null ? void 0 : Zn.data.rowsToData) || {}) : g(((Qn = Kn == null ? void 0 : Kn.data) == null ? void 0 : Qn.data) || {});
+        Jn.value = !0;
+        const Kn = await zn();
+        (Fn = Kn == null ? void 0 : Kn.data) != null && Fn.data.rowsToData ? re(((Zn = Kn == null ? void 0 : Kn.data) == null ? void 0 : Zn.data.rowsToData) || {}) : re(((Qn = Kn == null ? void 0 : Kn.data) == null ? void 0 : Qn.data) || {});
       } catch (Kn) {
         console.error(Kn);
       } finally {
-        zn.value = !1;
+        Jn.value = !1;
       }
-    }, Hn = (Fn) => {
-      const Zn = c.id, Qn = y(Zn);
-      b(Zn, { ...Qn, value: Fn || "", RECORD: Fn || "" });
     }, Wn = () => {
-      Hn("");
+      J("");
     }, Yn = (Fn) => {
       var Qn, Kn;
       const { data: Zn } = (Fn == null ? void 0 : Fn.data) || {};
@@ -10239,23 +10239,23 @@ const ProviderConfig = /* @__PURE__ */ _export_sfc$1(_sfc_main$t, [["render", _s
               value: isNaN(ar[nr]) ? 0 : ar[nr] || 0
             });
           }
-        Hn(sr == null ? void 0 : sr.value), g(sr);
+        J(sr == null ? void 0 : sr.value), re(sr);
       } else
-        f.value = !0, Hn("NaN"), g({
-          value: "NaN"
+        f.value = !0, J(c.variableDefaultValue), re({
+          value: c.variableDefaultValue
         });
     }, Un = useIndicatorData(c, Yn), er = async () => {
       try {
-        zn.value = !0;
+        Jn.value = !0;
         const Fn = await Un();
         Yn(Fn);
       } catch (Fn) {
         console.error(Fn);
       } finally {
-        zn.value = !1, x(c.id, !0);
+        Jn.value = !1, gn(c.id, !0);
       }
     }, Xn = ref(!1);
-    watch(hn, (Fn) => {
+    watch(x, (Fn) => {
       if (c.dataType === "indicator") {
         const Zn = getFixedValueDatas(c.graphicConfig);
         Zn != null && Zn.length && (!unref(Xn) && canRequestIndicator(c.graphicConfig, Fn) ? (Xn.value = !0, Vn()) : canRequestIndicator(c.graphicConfig, Fn) || (Xn.value = !1));
@@ -10270,8 +10270,8 @@ const ProviderConfig = /* @__PURE__ */ _export_sfc$1(_sfc_main$t, [["render", _s
           break;
         case "request": {
           const { openCustomRequestData: Fn, customRequestName: Zn } = c;
-          Fn || Fn === void 0 ? Jn() : gn(Zn, (Qn) => {
-            Qn && (Qn.rowsToData ? g(Qn.rowsToData) : g(Qn));
+          Fn || Fn === void 0 ? Hn() : w(Zn, (Qn) => {
+            Qn && (Qn.rowsToData ? re(Qn.rowsToData) : re(Qn));
           });
           break;
         }
@@ -10291,44 +10291,44 @@ const ProviderConfig = /* @__PURE__ */ _export_sfc$1(_sfc_main$t, [["render", _s
     });
     const Dn = useEmitEvent(c), Bn = Dn("click", () => {
       const Fn = document.getElementsByClassName(`ecan-text_${c.id}`);
-      Fn != null && Fn.length && Hn(Fn[0].innerText), setTimeout(() => {
-        Hn("");
+      Fn != null && Fn.length && J(Fn[0].innerText), setTimeout(() => {
+        J("");
       }, 0), !(!c.linkPage && !c.href) && handleJumpLink(c, {
-        pageMode: unref(In),
+        pageMode: unref(Rn),
         targetTemplate: c.targetTemplate,
-        getRecordValueByKeyName: w,
-        setTemplateData: J
+        getRecordValueByKeyName: b,
+        setTemplateData: hn
       });
     }), tr = Dn("valueChange", () => {
-      _.value++;
+      pn.value++;
     });
     return useOnEvent(c, {
       refreshData: Vn,
       resetRecord: Wn,
       click: Bn,
       valueChange: tr
-    }), watch(() => pn.value, (Fn, Zn) => {
+    }), watch(() => vn.value, (Fn, Zn) => {
       Fn !== Zn && tr();
     }), {
       style: d,
-      myText: pn,
-      loading: zn,
+      myText: vn,
+      loading: Jn,
       click: Bn,
       textIndent: v,
       vFontSize: m,
-      gradientStyle: Pn,
-      cursorStyle: En
+      gradientStyle: En,
+      cursorStyle: _
     };
   }
 }), __injectCSSVars__$4 = () => {
   useCssVars((c) => ({
-    "0ddec560": c.vFontSize,
-    "5619f19f": c.textIndent,
-    a8e52d12: c.percentageSide
+    "0e45030c": c.vFontSize,
+    "6a1b4876": c.textIndent,
+    "678f5ec6": c.percentageSide
   }));
 }, __setup__$4 = __default__$4.setup;
 __default__$4.setup = __setup__$4 ? (c, u) => (__injectCSSVars__$4(), __setup__$4(c, u)) : __injectCSSVars__$4;
-const Text_vue_vue_type_style_index_0_scoped_8ecf35fd_lang = "", Text_vue_vue_type_style_index_1_lang = "", _hoisted_1$f = ["innerHTML"];
+const Text_vue_vue_type_style_index_0_scoped_90e720f5_lang = "", Text_vue_vue_type_style_index_1_lang = "", _hoisted_1$f = ["innerHTML"];
 function _sfc_render$x(c, u, f, d, p, m) {
   const v = resolveComponent("skeleton");
   return c.loading ? (openBlock(), createElementBlock("div", {
@@ -10349,7 +10349,7 @@ function _sfc_render$x(c, u, f, d, p, m) {
     onClick: u[0] || (u[0] = (...g) => c.click && c.click(...g))
   }, null, 14, _hoisted_1$f));
 }
-const Text = /* @__PURE__ */ _export_sfc$1(__default__$4, [["render", _sfc_render$x], ["__scopeId", "data-v-8ecf35fd"]]), EcanText = withInstall$1(Text), _sfc_main$s = defineComponent({
+const Text = /* @__PURE__ */ _export_sfc$1(__default__$4, [["render", _sfc_render$x], ["__scopeId", "data-v-90e720f5"]]), EcanText = withInstall$1(Text), _sfc_main$s = defineComponent({
   name: "EcanScrollText",
   setup() {
     return {