@ecan-bi/datav 1.0.52 → 1.0.55

package/dist/index.umd.js

@@ -3216,11 +3216,13 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
     strokeWidth: 6,
     fontWeight: 400,
     strokeTextWidth: "100%",
-    lineHeight: "26px"
+    lineHeight: "26px",
+    decimalFormat: false,
+    variableDefaultValue: ""
   });
   const proportionComponentProps = transformToComponentProps(proportionProps);
   const proportionEvents = ["refreshData", "click"];
-  var Proportion_vue_vue_type_style_index_0_scoped_true_lang = /* @__PURE__ */ (() => ".ecan-proportion[data-v-206755e6] {\n  overflow: hidden;\n}\n.progress[data-v-206755e6] {\n  width: 100%;\n  height: 100%;\n}\n.format[data-v-206755e6] {\n  margin: 0 auto;\n}\n")();
+  var Proportion_vue_vue_type_style_index_0_scoped_true_lang = /* @__PURE__ */ (() => ".ecan-proportion[data-v-4a25add6] {\n  overflow: hidden;\n}\n.progress[data-v-4a25add6] {\n  width: 100%;\n  height: 100%;\n}\n.format[data-v-4a25add6] {\n  margin: 0 auto;\n}\n")();
   const _sfc_main$h = vue.defineComponent({
     name: "EcanProportion",
     components: {
@@ -3229,52 +3231,69 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
     },
     props: __spreadValues({}, proportionComponentProps),
     setup(props2) {
+      const { pageMode } = vue.inject(GLOBAL_CONFIG, {
+        pageMode: "normal"
+      });
       const style2 = usePickComponentStyle(props2);
       const myWidth = vue.computed(() => {
         const width = props2.width;
         return parseFloat(width);
       });
-      const myData = vue.ref(props2.data);
+      const myData = vue.ref({});
+      vue.watch(() => props2.data, () => {
+        if (props2.dataType === "static" || vue.unref(pageMode) === "design") {
+          myData.value = props2.data;
+        }
+      }, {
+        immediate: true,
+        deep: true
+      });
       const defaultValue = 0;
       const value = vue.computed(() => {
-        var _a2;
         const data = vue.unref(myData);
         if (data == null)
           return defaultValue;
         const values = Object.values(data);
-        return ((_a2 = values[0]) != null ? _a2 : 0) * 100;
-      });
-      const useValueKey = vue.computed(() => {
-        const data = vue.unref(myData) || {};
-        return Object.keys(data)[0];
+        const value2 = values[0] * 100;
+        if (!isNaN(value2)) {
+          return props2.decimalFormat ? value2.toFixed(2) : value2;
+        }
+        return 0;
       });
       const text = vue.computed(() => {
-        var _a2;
         let text2 = props2.text;
         const data = vue.unref(myData);
-        const variables = text2.match(/\{\w*\}/g) || [];
+        const variables = text2.match(/\{.+\}/g) || [];
         if (text2 === "")
           return vue.unref(value) + "%";
-        for (let i = 0; i < variables.length; i++) {
+        for (let i = 0; i < (variables == null ? void 0 : variables.length); i++) {
           const variable = variables[i];
-          const v = variable.slice(1, variable.length - 1);
-          let usedVariable = "";
-          if (vue.unref(useValueKey) === v) {
-            usedVariable = vue.unref(value).toFixed(2);
-          } else {
-            usedVariable = (_a2 = data[v]) != null ? _a2 : defaultValue;
+          let statement = variable.slice(1, variable.length - 1);
+          const textVariables = statement.match(/[a-zA-Z]\w*/g);
+          for (let j = 0; j < (textVariables == null ? void 0 : textVariables.length); j++) {
+            const textVariable = textVariables[i];
+            if (data[textVariable] != null) {
+              statement = statement.replace(textVariable, data[textVariable]);
+            } else {
+              statement = statement.replace(textVariable, props2.variableDefaultValue);
+            }
           }
-          if (usedVariable != null) {
-            text2 = text2.replace(variable, usedVariable);
-          } else {
-            text2 = text2.replace(variable, "");
+          let usedVariable = statement;
+          try {
+            if (/[+\-*/%]+/g.test(statement)) {
+              const eval2 = eval;
+              usedVariable = eval2(statement);
+            }
+          } catch (e) {
+            console.error(e);
           }
+          if (props2.decimalFormat) {
+            usedVariable = usedVariable == null ? void 0 : usedVariable.toFixed(2);
+          }
+          text2 = text2.replace(variable, usedVariable + "");
         }
         return text2;
       });
-      const { pageMode } = vue.inject(GLOBAL_CONFIG, {
-        pageMode: "normal"
-      });
       const requestData = useRequestData(props2);
       const loading = vue.ref(false);
       const handleRequestData = async () => {
@@ -3353,7 +3372,7 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
       }, 8, ["percent", "width", "type", "strokeColor", "strokeLinecap", "trailColor", "strokeWidth", "gapDegree", "onClick"])
     ], 4);
   }
-  var Proportion = /* @__PURE__ */ _export_sfc(_sfc_main$h, [["render", _sfc_render$h], ["__scopeId", "data-v-206755e6"]]);
+  var Proportion = /* @__PURE__ */ _export_sfc(_sfc_main$h, [["render", _sfc_render$h], ["__scopeId", "data-v-4a25add6"]]);
   const EcanProportion = withInstall(Proportion);
   const inputProps = __spreadProps(__spreadValues({}, props), {
     width: "200px",
@@ -3647,7 +3666,7 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
     danger: false,
     shape: "default",
     href: "",
-    target: "_self",
+    target: "self",
     fontSize: "14px",
     fontWeight: 400
   });
@@ -3664,20 +3683,43 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
       const style2 = usePickComponentStyle(props2);
       const events = props2.events;
       const emitEvent = useEmitEvent(events);
-      const click = emitEvent("click");
+      const click = emitEvent("click", () => {
+        if (props2.target === "event") {
+          console.log("message");
+          window.parent.postMessage({
+            type: "openPage",
+            url: props2.href
+          }, "*");
+        }
+      });
       const myText = vue.computed(() => useVariablesInText(props2.text));
       const myHref = vue.computed(() => {
+        if (props2.target === "event")
+          return void 0;
         const href = props2.href;
         if (href) {
           return useVariablesInText(href);
         }
         return void 0;
       });
+      const myTarget = vue.computed(() => {
+        const target = props2.target;
+        if (target === "event") {
+          return void 0;
+        } else {
+          const map = {
+            self: "_self",
+            blank: "_blank"
+          };
+          return map[target];
+        }
+      });
       return {
         style: style2,
         click,
         myText,
-        myHref
+        myHref,
+        myTarget
       };
     }
   });
@@ -3694,7 +3736,7 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
         danger: _ctx.danger,
         shape: _ctx.shape,
         href: _ctx.myHref,
-        target: _ctx.target
+        target: _ctx.myTarget
       }, {
         default: vue.withCtx(() => [
           vue.createElementVNode("span", {
@@ -4476,7 +4518,7 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
     valueTypeDataFieldNames: { name: "name", value: "value", type: "type" },
     keyTypeDataFieldNames: { name: "name", types: [] },
     dataFieldConfigType: "value",
-    barWidth: "0%",
+    barWidth: "40%",
     gridContainLabel: true,
     gridTop: "10%",
     gridBottom: "10%",
@@ -6071,7 +6113,7 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
       target: "",
       color: ""
     }],
-    actionColumnWidth: 50,
+    actionColumnWidth: 100,
     columns: [
       {
         title: "\u59D3\u540D",
@@ -6106,16 +6148,16 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
   });
   const tableComponentProps = transformToComponentProps(tableProps);
   const tableEvents = ["click", "refreshData"];
-  var Table_vue_vue_type_style_index_0_scoped_true_lang = /* @__PURE__ */ (() => `.table[data-v-a84f3122] {
+  var Table_vue_vue_type_style_index_0_scoped_true_lang = /* @__PURE__ */ (() => `.table[data-v-e3b6ea7c] {
   width: 100%;
 }
-.goUp[data-v-a84f3122] {
+.goUp[data-v-e3b6ea7c] {
   color: #FF512E;
   display: flex;
   align-items: center;
   justify-content: center;
 }
-.goUp[data-v-a84f3122]:before {
+.goUp[data-v-e3b6ea7c]:before {
   content: '';
   display: block;
   background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAMAAADXqc3KAAAAV1BMVEUAAAD/WzT/WjP/WDD/WzT/WzP/WzT/WzT/WzT/WjT/WzT/WDT/YED/WzT/WzT/WjT/YED/WzT/WzT/WzT/XDT/WzT/WjX/WjP/XDT/XDT/WTL/Tif/WzReH8z5AAAAHHRSTlMA8RgS9W9YHbePZyME5sVjCP7bzcCxgndOQC4GFJJgKwAAAIJJREFUKM+Nkd0OgyAMRjvqcLA53fzXvv9zaokmxq8mnsue5ACFDjiy+XyjLZ7yyK35OxN5mSFZKa2QojEIKRhrZKM0QnsMQxirmJ0kBubTIZvAtUyiFAT4JFoUIYmIotZ5xjDPfyoCAV16nMPdFir8xZ16nM//tePtXw2ODOJY0V0WqQwM2rgKrU0AAAAASUVORK5CYII=");
@@ -6125,13 +6167,13 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
   background-size: cover;
   margin-right: 2px;
 }
-.goDown[data-v-a84f3122] {
+.goDown[data-v-e3b6ea7c] {
   color: #00F7B4;
   display: flex;
   align-items: center;
   justify-content: center;
 }
-.goDown[data-v-a84f3122]:before {
+.goDown[data-v-e3b6ea7c]:before {
   content: '';
   display: block;
   background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAMAAADXqc3KAAAAaVBMVEUAAAAA+b0A+LwA+L0A/6AA+LwA+L0A+L0A+b0A+LwA/78A+LwA+L0A+LwA+LwA+b0A+LsA970A+LwA+r0A9boA/7YA+LwA+LwA+LwA+L0A97wA+bwA970A970A+bwA+bwA+LsA9rkA+LzcCa+5AAAAInRSTlMAd/uVAvjYxCsiDvPp37F7aWBMNBgK7s/NvKidh4NXUEcdp9A1SAAAAI5JREFUKM+l0UcOwzAMRFGqWZbcW3rl/Q8ZhUGKMN7lLedD4EKUi/3BEIrGsQu432pmPuF+1WnfRNjLipMz7HbHT3cIF9n3BLYSerzAooSgZNcWQiuhIdBI8JQblNISCqXU/BNG/mqzJ+az13MWluIdRspNmgV+Rvc6vkCwPu1uIhQq5o7WDOwtrToG+ssDeh4QPgfT2X0AAAAASUVORK5CYII=");
@@ -6141,11 +6183,11 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
   background-size: cover;
   margin-right: 2px;
 }
-.action-list[data-v-a84f3122] {
+.action-list[data-v-e3b6ea7c] {
   display: flex;
   width: 100%;
 }
-.action[data-v-a84f3122] {
+.action[data-v-e3b6ea7c] {
   flex: 1;
 }
 `)();
@@ -6400,6 +6442,32 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
       expose({
         refreshData
       });
+      const handleHref = (target, href = "", data) => {
+        if (target === "event") {
+          return void 0;
+        } else {
+          useVariablesInText(href, data);
+        }
+      };
+      const handleHrefTarget = (target) => {
+        if (target === "event") {
+          return void 0;
+        } else {
+          const map = {
+            self: "_self",
+            blank: "_blank"
+          };
+          return map[target];
+        }
+      };
+      const onTouchHrefEvent = (target, href = "") => {
+        if (target === "event") {
+          window.parent.postMessage({
+            type: "openPage",
+            url: href
+          }, "*");
+        }
+      };
       return {
         x,
         y,
@@ -6414,7 +6482,9 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
         dataSource,
         summaryList,
         loading,
-        useVariablesInText
+        onTouchHrefEvent,
+        handleHref,
+        handleHrefTarget
       };
     }
   });
@@ -6422,7 +6492,7 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
     key: 1,
     class: "action-list"
   };
-  const _hoisted_2 = ["href", "target"];
+  const _hoisted_2 = ["href", "target", "onClick"];
   function _sfc_render$1(_ctx, _cache, $props, $setup, $data, $options) {
     const _component_a_table_summary_cell = vue.resolveComponent("a-table-summary-cell");
     const _component_a_table_summary_row = vue.resolveComponent("a-table-summary-row");
@@ -6463,13 +6533,14 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
                     key: index22
                   }, [
                     vue.createElementVNode("a", {
-                      href: _ctx.useVariablesInText(action.href, record),
-                      target: action.target,
+                      href: _ctx.handleHref(action.target, action.href, record),
+                      target: _ctx.handleHrefTarget(action.target),
                       style: vue.normalizeStyle({
                         color: action.color,
                         fontSize: _ctx.fontSize,
                         fontWeight: _ctx.fontWeight
-                      })
+                      }),
+                      onClick: ($event) => _ctx.onTouchHrefEvent(action.target, action.href)
                     }, vue.toDisplayString(action.title), 13, _hoisted_2)
                   ]);
                 }), 128))
@@ -6520,7 +6591,7 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
       }, 8, ["loading"])
     ], 4);
   }
-  var Table = /* @__PURE__ */ _export_sfc(_sfc_main$1, [["render", _sfc_render$1], ["__scopeId", "data-v-a84f3122"]]);
+  var Table = /* @__PURE__ */ _export_sfc(_sfc_main$1, [["render", _sfc_render$1], ["__scopeId", "data-v-e3b6ea7c"]]);
   const EcanTable = withInstall(Table);
   const mapProps = __spreadProps(__spreadValues({}, props), {
     mapJson: null,