@ecan-bi/datav 1.1.5 → 1.1.7

package/dist/index.umd.js

@@ -1,4 +1,4 @@
-/*! @ecan-bi/datav@1.1.5 */
+/*! @ecan-bi/datav@1.1.7 */
 (function(global, factory) {
   typeof exports === "object" && typeof module !== "undefined" ? factory(exports, require("vue"), require("echarts/core"), require("resize-detector"), require("ant-design-vue"), require("ant-design-vue/es/spin/style"), require("ant-design-vue/es/skeleton/style"), require("lodash-es"), require("axios"), require("mitt"), require("dayjs"), require("ant-design-vue/es/progress/style"), require("ant-design-vue/es/input/style"), require("ant-design-vue/es/date-picker/style"), require("ant-design-vue/es/date-picker/locale/zh_CN"), require("ant-design-vue/es/select/style"), require("ant-design-vue/es/button/style"), require("ant-design-vue/es/checkbox/style"), require("echarts/renderers"), require("echarts/charts"), require("echarts/components"), require("echarts"), require("ant-design-vue/es/modal/style"), require("ant-design-vue/es/table/style")) : typeof define === "function" && define.amd ? define(["exports", "vue", "echarts/core", "resize-detector", "ant-design-vue", "ant-design-vue/es/spin/style", "ant-design-vue/es/skeleton/style", "lodash-es", "axios", "mitt", "dayjs", "ant-design-vue/es/progress/style", "ant-design-vue/es/input/style", "ant-design-vue/es/date-picker/style", "ant-design-vue/es/date-picker/locale/zh_CN", "ant-design-vue/es/select/style", "ant-design-vue/es/button/style", "ant-design-vue/es/checkbox/style", "echarts/renderers", "echarts/charts", "echarts/components", "echarts", "ant-design-vue/es/modal/style", "ant-design-vue/es/table/style"], factory) : (global = typeof globalThis !== "undefined" ? globalThis : global || self, factory(global["@ecan/bi-datav"] = {}, global.vue, global["echarts/core"], global["resize-detector"], global["ant-design-vue"], null, null, global["lodash-es"], global.axios, global.mitt, global.dayjs, null, null, null, global["ant-design-vue/es/date-picker/locale/zh_CN"], null, null, null, global["echarts/renderers"], global["echarts/charts"], global["echarts/components"], global.echarts));
 })(this, function(exports2, vue, core, resizeDetector, antDesignVue, style$1, style$2, lodashEs, axios, mitt, dayjs, style$3, style$4, style$5, locale, style$6, style$7, style$8, renderers, charts, components$1, echarts) {
@@ -1724,21 +1724,34 @@
         return;
       let _params = {};
       requestParams.forEach((param) => {
-        var _a2;
         const { key, value } = param;
         if (typeof value === "object" && value.id) {
           let record = {};
-          const { id, prop, propKey } = value;
+          const { id, prop, propKey, operate } = value;
           if (id === "THIS") {
             record = getGlobalModel(vue.unref(touchEventId)) || {};
           } else {
             record = getGlobalModel(id) || {};
           }
           const p = vue.unref(record[prop]);
-          let v = "";
+          let v = null;
           const isNeedFormat = ["date", "range"].some((item) => lowerCaseIncludes(record == null ? void 0 : record.type, item));
           if (isNeedFormat) {
-            v = ((_a2 = vue.unref(p)) == null ? void 0 : _a2.format((propKey == null ? void 0 : propKey.trim()) || record.format)) || "";
+            const { value: value2, type, mode } = operate || {};
+            if (value2 && type && mode) {
+              switch (type) {
+                case "add":
+                  v = vue.unref(p).add(value2, mode);
+                  break;
+                case "minus":
+                  v = vue.unref(p).subtract(value2, mode);
+                  break;
+              }
+            }
+            if (v == null) {
+              v = vue.unref(p);
+            }
+            v = (v == null ? void 0 : v.format((propKey == null ? void 0 : propKey.trim()) || record.format)) || "";
           } else {
             if (Object.prototype.toString.call(p) === "[object Object]") {
               v = p[propKey || "value"];
@@ -2829,7 +2842,6 @@
           let usedVariable = data[v];
           if (usedVariable != null) {
             const format = props2.format;
-            console.log("format", format);
             if (format === "percentage") {
               usedVariable = +usedVariable;
               if (!isNaN(usedVariable)) {
@@ -2843,7 +2855,6 @@
                 text = text.replace(variable, `<span style="color:${props2.variableColor};font-size:${props2.variableFontSize}">${0}%</span>`);
               }
             } else if (format === "percent") {
-              console.log("format", format);
               usedVariable = +usedVariable;
               if (!isNaN(usedVariable)) {
                 usedVariable = (usedVariable * 100).toFixed(2);
@@ -2931,7 +2942,7 @@
       };
     }
   });
-  const Text_vue_vue_type_style_index_0_scoped_0a5690c3_lang = "";
+  const Text_vue_vue_type_style_index_0_scoped_445a06d8_lang = "";
   const _hoisted_1$8 = ["innerHTML"];
   function _sfc_render$n(_ctx, _cache, $props, $setup, $data, $options) {
     const _component_skeleton = vue.resolveComponent("skeleton");
@@ -2949,7 +2960,7 @@
       onClick: _cache[0] || (_cache[0] = (...args) => _ctx.click && _ctx.click(...args))
     }, null, 12, _hoisted_1$8));
   }
-  const Text = /* @__PURE__ */ _export_sfc(_sfc_main$n, [["render", _sfc_render$n], ["__scopeId", "data-v-0a5690c3"]]);
+  const Text = /* @__PURE__ */ _export_sfc(_sfc_main$n, [["render", _sfc_render$n], ["__scopeId", "data-v-445a06d8"]]);
   const EcanText = withInstall(Text);
   const _sfc_main$m = vue.defineComponent({
     name: "EcanScrollText",
@@ -3171,7 +3182,7 @@
     class: "ranking"
   };
   const _hoisted_5$2 = /* @__PURE__ */ _withScopeId$1(() => /* @__PURE__ */ vue.createElementVNode("div", { class: "icon" }, null, -1));
-  const _hoisted_6$2 = { class: "sort" };
+  const _hoisted_6$1 = { class: "sort" };
   const _hoisted_7$1 = {
     key: 2,
     class: "empty"
@@ -3233,7 +3244,7 @@
               }, [
                 _ctx.useRanking ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_4$2, [
                   _hoisted_5$2,
-                  vue.createElementVNode("div", _hoisted_6$2, " Top " + vue.toDisplayString(i + 1), 1)
+                  vue.createElementVNode("div", _hoisted_6$1, " Top " + vue.toDisplayString(i + 1), 1)
                 ])) : vue.createCommentVNode("", true),
                 (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(_ctx.columns, (column) => {
                   return vue.openBlock(), vue.createElementBlock("div", {
@@ -6228,7 +6239,7 @@
   const _hoisted_3$1 = /* @__PURE__ */ _withScopeId(() => /* @__PURE__ */ vue.createElementVNode("div", { class: "bottom-left border-item" }, null, -1));
   const _hoisted_4$1 = /* @__PURE__ */ _withScopeId(() => /* @__PURE__ */ vue.createElementVNode("div", { class: "bottom-right border-item" }, null, -1));
   const _hoisted_5$1 = { class: "title-item-wrapper" };
-  const _hoisted_6$1 = { class: "title-item" };
+  const _hoisted_6 = { class: "title-item" };
   const _hoisted_7 = /* @__PURE__ */ _withScopeId(() => /* @__PURE__ */ vue.createElementVNode("img", {
     class: "title-decoration-left",
     src: _imports_0
@@ -6271,7 +6282,7 @@
         style: vue.normalizeStyle(_ctx.borderStyle)
       }, [
         vue.createElementVNode("div", _hoisted_5$1, [
-          vue.createElementVNode("div", _hoisted_6$1, [
+          vue.createElementVNode("div", _hoisted_6, [
             _hoisted_7,
             vue.createElementVNode("div", _hoisted_8, vue.toDisplayString(_ctx.title), 1),
             _hoisted_9
@@ -6741,6 +6752,7 @@
     paginationPageSize: 10,
     isUseAction: false,
     clickHighlight: false,
+    filterDropdownHeight: "200px",
     actionList: [{
       title: "",
       href: "",
@@ -6845,7 +6857,9 @@
               cellColor,
               dataIndex,
               title,
-              tableFilter
+              tableFilter,
+              headerCellAlign,
+              headerCellColor
             } = column;
             if (tableFilter) {
               filterDataIndexList.push(dataIndex);
@@ -6854,6 +6868,17 @@
               column.customFilterDropdown = true;
               column.onFilter = (value, record) => record[dataIndex].toString().toLowerCase().includes(value.toLowerCase());
             }
+            column.customHeaderCell = () => ({
+              style: {
+                display: "table-cell",
+                verticalAlign: "middle",
+                fontSize: props2.headerFontSize,
+                fontWeight: props2.headerFontWeight,
+                textAlign: headerCellAlign || "center",
+                color: headerCellColor,
+                borderBottomColor: props2.borderColor
+              }
+            });
             column.customCell = (record, rowIndex) => ({
               style: {
                 textAlign: cellAlign,
@@ -7237,7 +7262,7 @@
           const _inputValue = vue.unref(column.filterOptionsInputValue).trim();
           if (Array.isArray(filterOptions)) {
             filterOptions = filterOptions.filter((filterOption) => {
-              if (filterOption.label) {
+              if (typeof filterOption.label === "string") {
                 return filterOption.label.toLowerCase().includes(_inputValue.toLowerCase());
               }
               return true;
@@ -7272,20 +7297,16 @@
       };
     }
   });
-  const Table_vue_vue_type_style_index_0_scoped_43db63c3_lang = "";
+  const Table_vue_vue_type_style_index_0_scoped_2403ec91_lang = "";
   const Table_vue_vue_type_style_index_1_lang = "";
-  const _hoisted_1$1 = {
-    class: "ecan-table-filter",
-    style: { "padding": "8px" }
-  };
-  const _hoisted_2 = /* @__PURE__ */ vue.createTextVNode(" \u641C\u7D22 ");
-  const _hoisted_3 = /* @__PURE__ */ vue.createTextVNode(" \u91CD\u7F6E ");
-  const _hoisted_4 = { key: 0 };
-  const _hoisted_5 = {
+  const _hoisted_1$1 = /* @__PURE__ */ vue.createTextVNode(" \u641C\u7D22 ");
+  const _hoisted_2 = /* @__PURE__ */ vue.createTextVNode(" \u91CD\u7F6E ");
+  const _hoisted_3 = { key: 0 };
+  const _hoisted_4 = {
     key: 1,
     class: "action-list"
   };
-  const _hoisted_6 = ["href", "target", "onClick"];
+  const _hoisted_5 = ["href", "target", "onClick"];
   function _sfc_render$1(_ctx, _cache, $props, $setup, $data, $options) {
     const _component_a_input = vue.resolveComponent("a-input");
     const _component_a_checkbox_group = vue.resolveComponent("a-checkbox-group");
@@ -7315,21 +7336,13 @@
             pagination: _ctx.pagination,
             onChange: _ctx.tableChange
           }, {
-            headerCell: vue.withCtx(({ column }) => [
+            customFilterDropdown: vue.withCtx(({ column, selectedKeys, setSelectedKeys, confirm, clearFilters }) => [
               vue.createElementVNode("div", {
+                class: "ecan-table-filter",
                 style: vue.normalizeStyle({
-                  fontSize: _ctx.headerFontSize,
-                  fontWeight: _ctx.headerFontWeight,
-                  width: "100%",
-                  height: "100%",
-                  textAlign: column.headerCellAlign || "center",
-                  color: column.headerCellColor,
-                  borderBottomColor: _ctx.borderColor
+                  height: _ctx.filterDropdownHeight
                 })
-              }, vue.toDisplayString(column.title), 5)
-            ]),
-            customFilterDropdown: vue.withCtx(({ column, selectedKeys, setSelectedKeys, confirm, clearFilters }) => [
-              vue.createElementVNode("div", _hoisted_1$1, [
+              }, [
                 vue.createVNode(_component_a_input, {
                   value: column.filterOptionsInputValue,
                   "onUpdate:value": ($event) => column.filterOptionsInputValue = $event,
@@ -7344,32 +7357,34 @@
                   options: _ctx.useFilterOptions(column),
                   onChange: ($event) => _ctx.useSetSelectedKeys(setSelectedKeys, column)
                 }, null, 8, ["value", "onUpdate:value", "options", "onChange"]),
-                vue.createVNode(_component_a_button, {
-                  type: "primary",
-                  size: "small",
-                  style: { "width": "90px", "margin-right": "8px" },
-                  onClick: () => confirm()
-                }, {
-                  default: vue.withCtx(() => [
-                    _hoisted_2
-                  ]),
-                  _: 2
-                }, 1032, ["onClick"]),
-                vue.createVNode(_component_a_button, {
-                  size: "small",
-                  style: { "width": "90px" },
-                  onClick: ($event) => _ctx.onResetFilter(clearFilters)
-                }, {
-                  default: vue.withCtx(() => [
-                    _hoisted_3
-                  ]),
-                  _: 2
-                }, 1032, ["onClick"])
-              ])
+                vue.createElementVNode("div", null, [
+                  vue.createVNode(_component_a_button, {
+                    type: "primary",
+                    size: "small",
+                    style: { "width": "90px", "margin-right": "8px" },
+                    onClick: () => confirm()
+                  }, {
+                    default: vue.withCtx(() => [
+                      _hoisted_1$1
+                    ]),
+                    _: 2
+                  }, 1032, ["onClick"]),
+                  vue.createVNode(_component_a_button, {
+                    size: "small",
+                    style: { "width": "90px" },
+                    onClick: ($event) => _ctx.onResetFilter(clearFilters, column)
+                  }, {
+                    default: vue.withCtx(() => [
+                      _hoisted_2
+                    ]),
+                    _: 2
+                  }, 1032, ["onClick"])
+                ])
+              ], 4)
             ]),
             bodyCell: vue.withCtx(({ column, index: index2, text, record }) => [
-              column.dataIndex === "SEQ" ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_4, vue.toDisplayString(index2 + 1), 1)) : vue.createCommentVNode("", true),
-              column.dataIndex === "ACTION" ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_5, [
+              column.dataIndex === "SEQ" ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_3, vue.toDisplayString(index2 + 1), 1)) : vue.createCommentVNode("", true),
+              column.dataIndex === "ACTION" ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_4, [
                 (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(_ctx.actionList, (action, index22) => {
                   return vue.openBlock(), vue.createElementBlock("div", {
                     class: "action",
@@ -7384,7 +7399,7 @@
                         fontWeight: _ctx.fontWeight
                       }),
                       onClick: ($event) => _ctx.onTouchHrefEvent(action.target, _ctx.handleHref(action.href, record))
-                    }, vue.toDisplayString(action.title), 13, _hoisted_6)
+                    }, vue.toDisplayString(action.title), 13, _hoisted_5)
                   ]);
                 }), 128))
               ])) : (vue.openBlock(), vue.createElementBlock("div", {
@@ -7438,7 +7453,7 @@
       }, 8, ["loading"])
     ], 4);
   }
-  const Table = /* @__PURE__ */ _export_sfc(_sfc_main$1, [["render", _sfc_render$1], ["__scopeId", "data-v-43db63c3"]]);
+  const Table = /* @__PURE__ */ _export_sfc(_sfc_main$1, [["render", _sfc_render$1], ["__scopeId", "data-v-2403ec91"]]);
   const EcanTable = withInstall(Table);
   const mapProps = {
     ...props,