@ecan-bi/datav 1.0.52 → 1.0.55

package/dist/index.es.js

@@ -3206,11 +3206,13 @@ const proportionProps = __spreadProps(__spreadValues({}, props), {
   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 = defineComponent({
   name: "EcanProportion",
   components: {
@@ -3219,52 +3221,69 @@ const _sfc_main$h = defineComponent({
   },
   props: __spreadValues({}, proportionComponentProps),
   setup(props2) {
+    const { pageMode } = inject(GLOBAL_CONFIG, {
+      pageMode: "normal"
+    });
     const style2 = usePickComponentStyle(props2);
     const myWidth = computed(() => {
       const width = props2.width;
       return parseFloat(width);
     });
-    const myData = ref(props2.data);
+    const myData = ref({});
+    watch(() => props2.data, () => {
+      if (props2.dataType === "static" || unref(pageMode) === "design") {
+        myData.value = props2.data;
+      }
+    }, {
+      immediate: true,
+      deep: true
+    });
     const defaultValue = 0;
     const value = computed(() => {
-      var _a2;
       const data = unref(myData);
       if (data == null)
         return defaultValue;
       const values = Object.values(data);
-      return ((_a2 = values[0]) != null ? _a2 : 0) * 100;
-    });
-    const useValueKey = computed(() => {
-      const data = 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 = computed(() => {
-      var _a2;
       let text2 = props2.text;
       const data = unref(myData);
-      const variables = text2.match(/\{\w*\}/g) || [];
+      const variables = text2.match(/\{.+\}/g) || [];
       if (text2 === "")
         return 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 (unref(useValueKey) === v) {
-          usedVariable = 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 } = inject(GLOBAL_CONFIG, {
-      pageMode: "normal"
-    });
     const requestData = useRequestData(props2);
     const loading = ref(false);
     const handleRequestData = async () => {
@@ -3343,7 +3362,7 @@ function _sfc_render$h(_ctx, _cache, $props, $setup, $data, $options) {
     }, 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",
@@ -3637,7 +3656,7 @@ const buttonProps = __spreadProps(__spreadValues({}, props), {
   danger: false,
   shape: "default",
   href: "",
-  target: "_self",
+  target: "self",
   fontSize: "14px",
   fontWeight: 400
 });
@@ -3654,20 +3673,43 @@ const _sfc_main$c = defineComponent({
     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 = computed(() => useVariablesInText(props2.text));
     const myHref = computed(() => {
+      if (props2.target === "event")
+        return void 0;
       const href = props2.href;
       if (href) {
         return useVariablesInText(href);
       }
       return void 0;
     });
+    const myTarget = 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
     };
   }
 });
@@ -3684,7 +3726,7 @@ function _sfc_render$c(_ctx, _cache, $props, $setup, $data, $options) {
       danger: _ctx.danger,
       shape: _ctx.shape,
       href: _ctx.myHref,
-      target: _ctx.target
+      target: _ctx.myTarget
     }, {
       default: withCtx(() => [
         createElementVNode("span", {
@@ -4466,7 +4508,7 @@ const barProps = __spreadProps(__spreadValues({}, props), {
   valueTypeDataFieldNames: { name: "name", value: "value", type: "type" },
   keyTypeDataFieldNames: { name: "name", types: [] },
   dataFieldConfigType: "value",
-  barWidth: "0%",
+  barWidth: "40%",
   gridContainLabel: true,
   gridTop: "10%",
   gridBottom: "10%",
@@ -6061,7 +6103,7 @@ const tableProps = __spreadProps(__spreadValues({}, props), {
     target: "",
     color: ""
   }],
-  actionColumnWidth: 50,
+  actionColumnWidth: 100,
   columns: [
     {
       title: "\u59D3\u540D",
@@ -6096,16 +6138,16 @@ const tableProps = __spreadProps(__spreadValues({}, props), {
 });
 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=");
@@ -6115,13 +6157,13 @@ var Table_vue_vue_type_style_index_0_scoped_true_lang = /* @__PURE__ */ (() => `
   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=");
@@ -6131,11 +6173,11 @@ var Table_vue_vue_type_style_index_0_scoped_true_lang = /* @__PURE__ */ (() => `
   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;
 }
 `)();
@@ -6390,6 +6432,32 @@ const _sfc_main$1 = defineComponent({
     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,
@@ -6404,7 +6472,9 @@ const _sfc_main$1 = defineComponent({
       dataSource,
       summaryList,
       loading,
-      useVariablesInText
+      onTouchHrefEvent,
+      handleHref,
+      handleHrefTarget
     };
   }
 });
@@ -6412,7 +6482,7 @@ const _hoisted_1$1 = {
   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 = resolveComponent("a-table-summary-cell");
   const _component_a_table_summary_row = resolveComponent("a-table-summary-row");
@@ -6453,13 +6523,14 @@ function _sfc_render$1(_ctx, _cache, $props, $setup, $data, $options) {
                   key: index22
                 }, [
                   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: normalizeStyle({
                       color: action.color,
                       fontSize: _ctx.fontSize,
                       fontWeight: _ctx.fontWeight
-                    })
+                    }),
+                    onClick: ($event) => _ctx.onTouchHrefEvent(action.target, action.href)
                   }, toDisplayString(action.title), 13, _hoisted_2)
                 ]);
               }), 128))
@@ -6510,7 +6581,7 @@ function _sfc_render$1(_ctx, _cache, $props, $setup, $data, $options) {
     }, 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,