@ecan-bi/datav 1.1.16 → 1.1.17

package/es/table/table/props.js

@@ -0,0 +1,78 @@
+import { transformToComponentProps, props } from "../../utils/props.js";
+const tableProps = {
+  ...props,
+  zIndex: 2,
+  name: "表格",
+  keyName: "表格",
+  type: "ecanTable",
+  width: "400px",
+  height: "240px",
+  bordered: false,
+  headerFontSize: "14px",
+  fontSize: "14px",
+  isUseSeq: false,
+  size: "default",
+  headerFontWeight: 400,
+  fontWeight: 400,
+  columnsFixedNum: 0,
+  scrollX: 0,
+  paginationShow: true,
+  isReverse: false,
+  simple: false,
+  cellBackgroundColor: "",
+  borderColor: "",
+  paginationPosition: "bottomRight",
+  paginationPageSize: 10,
+  isUseAction: false,
+  clickHighlight: false,
+  filterDropdownHeight: "200px",
+  actionList: [{
+    title: "",
+    href: "",
+    target: "",
+    color: ""
+  }],
+  actionColumnWidth: 100,
+  columns: [
+    {
+      title: "姓名",
+      dataIndex: "name"
+    },
+    {
+      title: "年龄",
+      dataIndex: "age"
+    },
+    {
+      title: "住址",
+      dataIndex: "address"
+    }
+  ],
+  data: [
+    {
+      name: "小明",
+      age: 32,
+      address: "福州软件园"
+    },
+    {
+      name: "小红",
+      age: 25,
+      address: "福州软件园"
+    }
+  ],
+  graphicConfig: {
+    chartType: "table",
+    // 图表类型，后台接口
+    plugin: "1",
+    // 插件类型，后台接口
+    layer: "1"
+    // 图类型, 后台接口
+  }
+};
+const tableComponentProps = transformToComponentProps(tableProps);
+const tableEvents = ["click", "refreshData", "resetRecord"];
+export {
+  tableComponentProps,
+  tableEvents,
+  tableProps
+};
+//# sourceMappingURL=props.js.map

package/es/table/table/props.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"props.js","sources":["../../../src/table/table/props.ts"],"sourcesContent":["import {\n  Props,\n  props,\n  transformToComponentProps\n} from '@/utils/props'\n\nexport interface TableProps extends Props {\n  columns: { [key: string]: any } []\n  data: { [key: string]: any } []\n  bordered: boolean\n  size: 'default' | 'middle' | 'small'\n  isUseSeq: boolean\n  columnsFixedNum: number\n  scrollX: number\n  paginationShow: boolean\n  paginationPosition: 'topLeft' | 'topCenter' | 'topRight' | 'bottomLeft' | 'bottomCenter' | 'bottomRight'\n  simple: boolean\n  cellBackgroundColor: string\n  borderColor: string\n  paginationPageSize: number\n  isUseAction: boolean // 添加操作列\n  actionColumnWidth: number\n  actionList: { [key: string]: any } []\n  headerFontSize: string\n  headerFontWeight: number\n  fontSize: string\n  fontWeight: number\n  isReverse: boolean\n  clickHighlight: boolean\n  filterDropdownHeight: string\n  graphicConfig: {\n    [key:string]: any,\n    // 全部属性, 为了属性可拓展，所以在设计器中自由添加\n    // classification: { [key:string]: any }\n    // series: { [key:string]: any }\n    // indicatorList: { [key:string]: any } []\n    // sqlConditions: { [key:string]: any } []\n    // idxLibMode: string\n    // source: string\n    // dataViewId: string\n    chartType: 'table' // 图表类型，后台接口\n    plugin: '1' // 插件类型，后台接口\n    layer: '1' // 表格类型, 后台接口\n  }\n}\n\nexport const tableProps: TableProps = {\n  ...props,\n  zIndex: 2,\n  name: '表格',\n  keyName: '表格',\n  type: 'ecanTable',\n  width: '400px',\n  height: '240px',\n  bordered: false,\n  headerFontSize: '14px',\n  fontSize: '14px',\n  isUseSeq: false,\n  size: 'default',\n  headerFontWeight: 400,\n  fontWeight: 400,\n  columnsFixedNum: 0,\n  scrollX: 0,\n  paginationShow: true,\n  isReverse: false,\n  simple: false,\n  cellBackgroundColor: '',\n  borderColor: '',\n  paginationPosition: 'bottomRight',\n  paginationPageSize: 10,\n  isUseAction: false,\n  clickHighlight: false,\n  filterDropdownHeight: '200px',\n  actionList: [{\n    title: '',\n    href: '',\n    target: '',\n    color: ''\n  }],\n  actionColumnWidth: 100,\n  columns: [\n    {\n      title: '姓名',\n      dataIndex: 'name'\n    },\n    {\n      title: '年龄',\n      dataIndex: 'age'\n    },\n    {\n      title: '住址',\n      dataIndex: 'address'\n    }\n  ],\n  data: [\n    {\n      name: '小明',\n      age: 32,\n      address: '福州软件园'\n    },\n    {\n      name: '小红',\n      age: 25,\n      address: '福州软件园'\n    }\n  ],\n  graphicConfig: {\n    chartType: 'table', // 图表类型，后台接口\n    plugin: '1', // 插件类型，后台接口\n    layer: '1' // 图类型, 后台接口\n  }\n}\n\n// 转化默认属性\nexport const tableComponentProps = transformToComponentProps(tableProps)\n\nexport const tableEvents = ['click', 'refreshData', 'resetRecord']\n"],"names":[],"mappings":";AA8CO,MAAM,aAAyB;AAAA,EACpC,GAAG;AAAA,EACH,QAAQ;AAAA,EACR,MAAM;AAAA,EACN,SAAS;AAAA,EACT,MAAM;AAAA,EACN,OAAO;AAAA,EACP,QAAQ;AAAA,EACR,UAAU;AAAA,EACV,gBAAgB;AAAA,EAChB,UAAU;AAAA,EACV,UAAU;AAAA,EACV,MAAM;AAAA,EACN,kBAAkB;AAAA,EAClB,YAAY;AAAA,EACZ,iBAAiB;AAAA,EACjB,SAAS;AAAA,EACT,gBAAgB;AAAA,EAChB,WAAW;AAAA,EACX,QAAQ;AAAA,EACR,qBAAqB;AAAA,EACrB,aAAa;AAAA,EACb,oBAAoB;AAAA,EACpB,oBAAoB;AAAA,EACpB,aAAa;AAAA,EACb,gBAAgB;AAAA,EAChB,sBAAsB;AAAA,EACtB,YAAY,CAAC;AAAA,IACX,OAAO;AAAA,IACP,MAAM;AAAA,IACN,QAAQ;AAAA,IACR,OAAO;AAAA,EAAA,CACR;AAAA,EACD,mBAAmB;AAAA,EACnB,SAAS;AAAA,IACP;AAAA,MACE,OAAO;AAAA,MACP,WAAW;AAAA,IACb;AAAA,IACA;AAAA,MACE,OAAO;AAAA,MACP,WAAW;AAAA,IACb;AAAA,IACA;AAAA,MACE,OAAO;AAAA,MACP,WAAW;AAAA,IACb;AAAA,EACF;AAAA,EACA,MAAM;AAAA,IACJ;AAAA,MACE,MAAM;AAAA,MACN,KAAK;AAAA,MACL,SAAS;AAAA,IACX;AAAA,IACA;AAAA,MACE,MAAM;AAAA,MACN,KAAK;AAAA,MACL,SAAS;AAAA,IACX;AAAA,EACF;AAAA,EACA,eAAe;AAAA,IACb,WAAW;AAAA;AAAA,IACX,QAAQ;AAAA;AAAA,IACR,OAAO;AAAA;AAAA,EACT;AACF;AAGa,MAAA,sBAAsB,0BAA0B,UAAU;AAEhE,MAAM,cAAc,CAAC,SAAS,eAAe,aAAa;"}

package/es/text/list/List.vue.js

@@ -0,0 +1,112 @@
+import _sfc_main from "./List.vue2.js";
+import { resolveComponent, openBlock, createElementBlock, normalizeStyle, createVNode, withCtx, Fragment, renderList, createCommentVNode, toDisplayString, createElementVNode, normalizeClass, pushScopeId, popScopeId } from "vue";
+import "./List.vue3.js";
+import "./List.vue4.js";
+import _export_sfc from "../../_virtual/_plugin-vue_export-helper.js";
+const _withScopeId = (n) => (pushScopeId("data-v-baf2ff0c"), n = n(), popScopeId(), n);
+const _hoisted_1 = {
+  key: 0,
+  class: "title"
+};
+const _hoisted_2 = {
+  key: 0,
+  class: "ranking"
+};
+const _hoisted_3 = {
+  key: 1,
+  class: "ecan-list-content"
+};
+const _hoisted_4 = {
+  key: 0,
+  class: "ranking"
+};
+const _hoisted_5 = /* @__PURE__ */ _withScopeId(() => /* @__PURE__ */ createElementVNode("div", { class: "icon" }, null, -1));
+const _hoisted_6 = { class: "sort" };
+const _hoisted_7 = {
+  key: 2,
+  class: "empty"
+};
+function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
+  const _component_skeleton = resolveComponent("skeleton");
+  return openBlock(), createElementBlock("div", {
+    class: "ecan-list",
+    style: normalizeStyle(_ctx.style)
+  }, [
+    createVNode(_component_skeleton, { loading: _ctx.loading }, {
+      default: withCtx(() => [
+        _ctx.useTitle ? (openBlock(), createElementBlock("div", _hoisted_1, [
+          (openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.columnCount, (count) => {
+            return openBlock(), createElementBlock("div", {
+              class: "title-inner",
+              style: normalizeStyle({
+                backgroundColor: _ctx.backgroundColor,
+                height: _ctx.itemHeight,
+                width: `calc(100% / ${_ctx.columnCount} - ${_ctx.itemColSpan} *  ${_ctx.columnCount - 1}/ ${_ctx.columnCount})`,
+                marginRight: count % _ctx.columnCount !== 0 ? _ctx.itemColSpan : ""
+              }),
+              key: count
+            }, [
+              _ctx.useRanking ? (openBlock(), createElementBlock("div", _hoisted_2)) : createCommentVNode("", true),
+              (openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.columns, (column, i) => {
+                return openBlock(), createElementBlock("div", {
+                  class: "column",
+                  key: column.key || i,
+                  style: normalizeStyle({
+                    color: column.titleColor,
+                    ..._ctx.columnStyle
+                  })
+                }, toDisplayString(column.title), 5);
+              }), 128))
+            ], 4);
+          }), 128))
+        ])) : createCommentVNode("", true),
+        _ctx.dataSource.length > 0 ? (openBlock(), createElementBlock("div", _hoisted_3, [
+          _ctx.useTitle ? (openBlock(), createElementBlock("div", {
+            key: 0,
+            class: "title-placeholder",
+            style: normalizeStyle({
+              marginBottom: _ctx.itemRowSpan
+            })
+          }, null, 4)) : createCommentVNode("", true),
+          (openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.dataSource.slice(0, _ctx.sliceCount), (item, i) => {
+            return openBlock(), createElementBlock("div", {
+              class: "item",
+              style: normalizeStyle({
+                backgroundColor: _ctx.backgroundColor,
+                height: _ctx.itemHeight,
+                width: `calc(100% / ${_ctx.columnCount} - ${_ctx.itemColSpan} *  ${_ctx.columnCount - 1} / ${_ctx.columnCount})`,
+                marginRight: (i + 1) % _ctx.columnCount !== 0 ? _ctx.itemColSpan : "",
+                marginBottom: _ctx.itemRowSpan
+              }),
+              key: item.id || i,
+              onClick: _cache[0] || (_cache[0] = (...args) => _ctx.click && _ctx.click(...args))
+            }, [
+              _ctx.useRanking ? (openBlock(), createElementBlock("div", _hoisted_4, [
+                _hoisted_5,
+                createElementVNode("div", _hoisted_6, " Top " + toDisplayString(i + 1), 1)
+              ])) : createCommentVNode("", true),
+              (openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.columns, (column) => {
+                return openBlock(), createElementBlock("div", {
+                  class: normalizeClass(["column", _ctx.contrastClass(item[column.key], column.format)]),
+                  key: column.key,
+                  style: normalizeStyle({
+                    fontSize: column.fontSize,
+                    color: _ctx.contrastClass(item[column.key], column.format) === "" ? column.color : "",
+                    fontWeight: column.fontWeight,
+                    ..._ctx.columnStyle
+                  })
+                }, toDisplayString((column.format != null || column.format !== "") && _ctx.formatFn(item[column.key], column.format)), 7);
+              }), 128))
+            ], 4);
+          }), 128))
+        ])) : (openBlock(), createElementBlock("div", _hoisted_7, " 暂无数据 "))
+      ]),
+      _: 1
+    }, 8, ["loading"])
+  ], 4);
+}
+const List = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render], ["__scopeId", "data-v-baf2ff0c"]]);
+export {
+  List as default
+};
+//# sourceMappingURL=List.vue.js.map

package/es/text/list/List.vue.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"List.vue.js","sources":["../../../src/text/list/List.vue"],"sourcesContent":["<template>\n  <div class=\"ecan-list\" :style=\"style\">\n    <skeleton :loading=\"loading\">\n      <div\n        class=\"title\"\n        v-if=\"useTitle\"\n      >\n        <div\n          class=\"title-inner\"\n          :style=\"{\n             backgroundColor: backgroundColor,\n             height: itemHeight,\n             width: `calc(100% / ${columnCount} - ${itemColSpan} *  ${columnCount - 1}/ ${columnCount})`,\n             marginRight: count % columnCount !== 0 ?  itemColSpan : ''\n          }\"\n          v-for=\"count in columnCount\"\n          :key=\"count\"\n        >\n          <div class=\"ranking\" v-if=\"useRanking\" />\n          <div\n            class=\"column\"\n            v-for=\"(column, i) in columns\"\n            :key=\"column.key || i\"\n            :style=\"{\n              color: column.titleColor,\n              ...columnStyle\n              }\"\n          >\n            {{ column.title }}\n          </div>\n        </div>\n      </div>\n      <div class=\"ecan-list-content\" v-if=\"dataSource.length > 0\">\n        <div\n          class=\"title-placeholder\"\n          :style=\"{\n            marginBottom: itemRowSpan\n          }\"\n          v-if=\"useTitle\"\n        />\n        <div\n          class=\"item\"\n          :style=\"{\n            backgroundColor: backgroundColor,\n            height: itemHeight,\n            width: `calc(100% / ${columnCount} - ${itemColSpan} *  ${columnCount - 1} / ${columnCount})`,\n            marginRight: (i + 1) % columnCount !== 0 ?  itemColSpan : '',\n            marginBottom: itemRowSpan\n           }\"\n          v-for=\"(item, i) in dataSource.slice(0, sliceCount)\"\n          :key=\"item.id || i\"\n          @click=\"click\"\n        >\n          <div class=\"ranking\" v-if=\"useRanking\">\n            <div class=\"icon\"/>\n            <div class=\"sort\">\n              Top {{ i + 1 }}\n            </div>\n          </div>\n          <div\n            :class=\"['column', contrastClass(item[column.key], column.format)]\"\n            v-for=\"column in columns\"\n            :key=\"column.key\"\n            :style=\"{\n              fontSize: column.fontSize,\n              color:  contrastClass(item[column.key], column.format) === '' ? column.color : '',\n              fontWeight: column.fontWeight,\n              ...columnStyle\n            }\"\n          >\n            {{  (column.format != null || column.format !== '') && formatFn(item[column.key], column.format) }}\n          </div>\n        </div>\n      </div>\n      <div class=\"empty\" v-else>\n        暂无数据\n      </div>\n    </skeleton>\n  </div>\n</template>\n\n<script lang=\"ts\">\nimport { computed, defineComponent, inject, ref, unref } from 'vue'\nimport { listComponentProps, ListEvents } from './props'\nimport { useEmitEvent, useOnEvent, usePickComponentStyle, useRequestData } from '@/hooks'\nimport { formatMoney, formatPercentage } from '@/utils/util'\nimport { GLOBAL_CONFIG, REQUEST_MODEL } from '@/utils/constant'\nimport { RequestModalParam } from '@/utils/types'\nimport Skeleton from '@/common/skeleton'\nexport default defineComponent({\n  name: 'EcanList',\n  components: { Skeleton },\n  props: {\n    ...listComponentProps\n  },\n  setup (props) {\n    const dataSource = ref<{[key:string]: any} []>(props.data as {[key:string]: any} [])\n    const style = usePickComponentStyle(props, ['backgroundColor'])\n    const columnStyle = computed(() => {\n      if (props.useRanking) {\n        return {\n          textAlign: 'center'\n        }\n      } else {\n        return {\n          textAlign: 'left'\n        }\n      }\n    })\n    type Format = 'money' | 'percentage' | 'contrast' | ''\n    const formatFn = (value: string | number, format?: Format) => {\n      if (format == null || format === '') return value\n      const map = {\n        money: formatMoney,\n        percentage: formatPercentage,\n        contrast: formatPercentage\n      }\n      return map[format](value) || ''\n    }\n    const contrastClass = (value: string | number, format: Format) => {\n      const _value = parseFloat(value + '')\n      if (format !== 'contrast') {\n        return ''\n      }\n      switch (true) {\n        case _value >= 0:\n          return 'goUp'\n        case _value < 0:\n          return 'goDown'\n      }\n    }\n    const requestData = useRequestData(props)\n    const { pageMode } = inject(GLOBAL_CONFIG, {\n      pageMode: 'normal'\n    })\n    const loading = ref(false)\n    const handleRequestData = async () => {\n      if (props.dataType !== 'request' || unref(pageMode) === 'design') return\n\n      try {\n        loading.value = true\n        const res = await requestData()\n        dataSource.value = res?.data?.data.rows || []\n      } catch (e) {\n        console.error(e)\n      } finally {\n        loading.value = false\n      }\n    }\n\n    const refreshData = () => {\n      handleRequestData()\n    }\n\n    const emitEvent = useEmitEvent(props)\n\n    const click = emitEvent('click', () => {})\n\n    useOnEvent(props, {\n      refreshData\n    } as ListEvents)\n\n    const { setRequest } = inject(REQUEST_MODEL, {\n      // @ts-ignore\n      // eslint-disable-next-line no-void\n      setRequest: ({ id, sortNum, requestFn }: RequestModalParam) => void 0\n    })\n    setRequest({\n      id: props.id as string,\n      requestFn: handleRequestData,\n      sortNum: props.requestSort as number\n    })\n    return {\n      style,\n      formatFn,\n      columnStyle,\n      contrastClass,\n      dataSource,\n      loading,\n      click\n    }\n  }\n})\n</script>\n\n<style scoped lang=\"less\">\n  .ecan-list {\n    overflow: hidden;\n  }\n  .ecan-list-content {\n    width: 100%;\n    height: 100%;\n    overflow: auto;\n    display: flex;\n    align-content: flex-start;\n    flex-wrap: wrap;\n  }\n  .title {\n    position: absolute;\n    z-index: 9;\n    display: flex;\n    align-items: center;\n    height: 32px;\n    width: 100%;\n    font-size: 16px;\n    color: #ffffff;\n  }\n  .title-inner {\n    padding-left: 28px;\n    padding-right: 20px;\n    flex: 1;\n    display: flex;\n    height: 100%;\n  }\n  .title-placeholder {\n    width: 100%;\n    height: 32px;\n  }\n  .item {\n    display: flex;\n    align-items: center;\n    height: 32px;\n    padding-left: 28px;\n    padding-right: 20px;\n    width: 100%;\n    font-size: 16px;\n    color: #ffffff;\n  }\n  .column {\n    flex: 1;\n    overflow: hidden;\n    text-overflow: ellipsis;\n    white-space: nowrap;\n  }\n  .ranking {\n    flex: 1;\n    display: flex;\n    align-items: center;\n    flex-shrink: 0;\n    overflow: hidden;\n    text-overflow: ellipsis;\n    white-space: nowrap;\n  }\n  .icon {\n    width: 12px;\n    height: 8px;\n    background: #21BEF7;\n    margin-right: 17px;\n    opacity: .6;\n  }\n  .item:nth-child(2) .icon {\n    opacity: .8;\n  }\n  .item:first-child .icon{\n    opacity: 1;\n  }\n  .sort {\n    font-weight: 600;\n  }\n  .goUp {\n    color: #FF512E;\n    display: flex;\n    align-items: center;\n    &:before {\n      content: '';\n      display: block;\n      background: url(\"../../assets/go-up.png\");\n      width: 12px;\n      height: 12px;\n      background-repeat: no-repeat;\n      background-size: cover;\n      margin-right: 2px;\n    }\n  }\n\n  .goDown {\n    color: #39cf93;\n    display: flex;\n    align-items: center;\n    &:before {\n      content: '';\n      display: block;\n      background: url(\"../../assets/go-down.png\");\n      width: 12px;\n      height: 12px;\n      background-repeat: no-repeat;\n      background-size: cover;\n      margin-right: 2px;\n    }\n  }\n  .empty {\n    text-align: center;\n    margin-top: 15%;\n  }\n</style>\n\n<style lang=\"less\">\n.ecan-list {\n  *::-webkit-scrollbar-track {\n    background-color: #fff;\n  }\n\n  .ant-table-cell-scrollbar {\n    box-shadow: 0 1px 0 1px transparent;\n  }\n  *::-webkit-scrollbar {\n    width: 6px;\n    height: 6px;\n  }\n  *::-webkit-scrollbar-thumb {\n    border-radius: 6px;\n    -webkit-box-shadow:inset 0 0 6px rgba(0,0,0,.3);\n    background-color: #c8c9ca;\n  }\n}\n[datav-theme='darkBlue'] {\n  .ecan-list {\n    *::-webkit-scrollbar-thumb {\n      background-color: #2f4dac !important;\n    }\n    *::-webkit-scrollbar-track{\n      background-color: #192c70;\n    }\n    *::-webkit-scrollbar-corner {\n      background-color: #192c70 !important;\n    }\n    .empty {\n      color: #ffffff;\n    }\n  }\n}\n</style>\n"],"names":["_resolveComponent","_openBlock","_createElementBlock","_normalizeStyle","_withCtx","_Fragment","_renderList","_createCommentVNode","_normalizeClass"],"mappings":"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"}

package/es/text/list/List.vue2.js

@@ -0,0 +1,107 @@
+import { defineComponent, ref, computed, inject, unref } from "vue";
+import { listComponentProps } from "./props.js";
+import { usePickComponentStyle } from "../../hooks/usePickComponentStyle.js";
+import { useOnEvent } from "../../hooks/useOnEvent.js";
+import { useEmitEvent } from "../../hooks/useEmitEvent.js";
+import "lodash-es";
+import { useRequestData } from "../../hooks/useRequestData.js";
+import { GLOBAL_CONFIG, REQUEST_MODEL } from "../../utils/constant.js";
+import "../../utils/request.js";
+import "ant-design-vue";
+import { formatMoney, formatPercentage } from "../../utils/util.js";
+import Skeleton from "../../common/skeleton/Skeleton.vue2.js";
+const _sfc_main = defineComponent({
+  name: "EcanList",
+  components: { Skeleton },
+  props: {
+    ...listComponentProps
+  },
+  setup(props) {
+    const dataSource = ref(props.data);
+    const style = usePickComponentStyle(props, ["backgroundColor"]);
+    const columnStyle = computed(() => {
+      if (props.useRanking) {
+        return {
+          textAlign: "center"
+        };
+      } else {
+        return {
+          textAlign: "left"
+        };
+      }
+    });
+    const formatFn = (value, format) => {
+      if (format == null || format === "")
+        return value;
+      const map = {
+        money: formatMoney,
+        percentage: formatPercentage,
+        contrast: formatPercentage
+      };
+      return map[format](value) || "";
+    };
+    const contrastClass = (value, format) => {
+      const _value = parseFloat(value + "");
+      if (format !== "contrast") {
+        return "";
+      }
+      switch (true) {
+        case _value >= 0:
+          return "goUp";
+        case _value < 0:
+          return "goDown";
+      }
+    };
+    const requestData = useRequestData(props);
+    const { pageMode } = inject(GLOBAL_CONFIG, {
+      pageMode: "normal"
+    });
+    const loading = ref(false);
+    const handleRequestData = async () => {
+      var _a;
+      if (props.dataType !== "request" || unref(pageMode) === "design")
+        return;
+      try {
+        loading.value = true;
+        const res = await requestData();
+        dataSource.value = ((_a = res == null ? void 0 : res.data) == null ? void 0 : _a.data.rows) || [];
+      } catch (e) {
+        console.error(e);
+      } finally {
+        loading.value = false;
+      }
+    };
+    const refreshData = () => {
+      handleRequestData();
+    };
+    const emitEvent = useEmitEvent(props);
+    const click = emitEvent("click", () => {
+    });
+    useOnEvent(props, {
+      refreshData
+    });
+    const { setRequest } = inject(REQUEST_MODEL, {
+      // @ts-ignore
+      // eslint-disable-next-line no-void
+      setRequest: ({ id, sortNum, requestFn }) => void 0
+    });
+    setRequest({
+      id: props.id,
+      requestFn: handleRequestData,
+      sortNum: props.requestSort
+    });
+    return {
+      style,
+      formatFn,
+      columnStyle,
+      contrastClass,
+      dataSource,
+      loading,
+      click
+    };
+  }
+});
+export {
+  _sfc_main as default
+};
+//# sourceMappingURL=List.vue2.js.map

package/es/text/list/List.vue2.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"List.vue2.js","sources":["../../../src/text/list/List.vue"],"sourcesContent":["<template>\n  <div class=\"ecan-list\" :style=\"style\">\n    <skeleton :loading=\"loading\">\n      <div\n        class=\"title\"\n        v-if=\"useTitle\"\n      >\n        <div\n          class=\"title-inner\"\n          :style=\"{\n             backgroundColor: backgroundColor,\n             height: itemHeight,\n             width: `calc(100% / ${columnCount} - ${itemColSpan} *  ${columnCount - 1}/ ${columnCount})`,\n             marginRight: count % columnCount !== 0 ?  itemColSpan : ''\n          }\"\n          v-for=\"count in columnCount\"\n          :key=\"count\"\n        >\n          <div class=\"ranking\" v-if=\"useRanking\" />\n          <div\n            class=\"column\"\n            v-for=\"(column, i) in columns\"\n            :key=\"column.key || i\"\n            :style=\"{\n              color: column.titleColor,\n              ...columnStyle\n              }\"\n          >\n            {{ column.title }}\n          </div>\n        </div>\n      </div>\n      <div class=\"ecan-list-content\" v-if=\"dataSource.length > 0\">\n        <div\n          class=\"title-placeholder\"\n          :style=\"{\n            marginBottom: itemRowSpan\n          }\"\n          v-if=\"useTitle\"\n        />\n        <div\n          class=\"item\"\n          :style=\"{\n            backgroundColor: backgroundColor,\n            height: itemHeight,\n            width: `calc(100% / ${columnCount} - ${itemColSpan} *  ${columnCount - 1} / ${columnCount})`,\n            marginRight: (i + 1) % columnCount !== 0 ?  itemColSpan : '',\n            marginBottom: itemRowSpan\n           }\"\n          v-for=\"(item, i) in dataSource.slice(0, sliceCount)\"\n          :key=\"item.id || i\"\n          @click=\"click\"\n        >\n          <div class=\"ranking\" v-if=\"useRanking\">\n            <div class=\"icon\"/>\n            <div class=\"sort\">\n              Top {{ i + 1 }}\n            </div>\n          </div>\n          <div\n            :class=\"['column', contrastClass(item[column.key], column.format)]\"\n            v-for=\"column in columns\"\n            :key=\"column.key\"\n            :style=\"{\n              fontSize: column.fontSize,\n              color:  contrastClass(item[column.key], column.format) === '' ? column.color : '',\n              fontWeight: column.fontWeight,\n              ...columnStyle\n            }\"\n          >\n            {{  (column.format != null || column.format !== '') && formatFn(item[column.key], column.format) }}\n          </div>\n        </div>\n      </div>\n      <div class=\"empty\" v-else>\n        暂无数据\n      </div>\n    </skeleton>\n  </div>\n</template>\n\n<script lang=\"ts\">\nimport { computed, defineComponent, inject, ref, unref } from 'vue'\nimport { listComponentProps, ListEvents } from './props'\nimport { useEmitEvent, useOnEvent, usePickComponentStyle, useRequestData } from '@/hooks'\nimport { formatMoney, formatPercentage } from '@/utils/util'\nimport { GLOBAL_CONFIG, REQUEST_MODEL } from '@/utils/constant'\nimport { RequestModalParam } from '@/utils/types'\nimport Skeleton from '@/common/skeleton'\nexport default defineComponent({\n  name: 'EcanList',\n  components: { Skeleton },\n  props: {\n    ...listComponentProps\n  },\n  setup (props) {\n    const dataSource = ref<{[key:string]: any} []>(props.data as {[key:string]: any} [])\n    const style = usePickComponentStyle(props, ['backgroundColor'])\n    const columnStyle = computed(() => {\n      if (props.useRanking) {\n        return {\n          textAlign: 'center'\n        }\n      } else {\n        return {\n          textAlign: 'left'\n        }\n      }\n    })\n    type Format = 'money' | 'percentage' | 'contrast' | ''\n    const formatFn = (value: string | number, format?: Format) => {\n      if (format == null || format === '') return value\n      const map = {\n        money: formatMoney,\n        percentage: formatPercentage,\n        contrast: formatPercentage\n      }\n      return map[format](value) || ''\n    }\n    const contrastClass = (value: string | number, format: Format) => {\n      const _value = parseFloat(value + '')\n      if (format !== 'contrast') {\n        return ''\n      }\n      switch (true) {\n        case _value >= 0:\n          return 'goUp'\n        case _value < 0:\n          return 'goDown'\n      }\n    }\n    const requestData = useRequestData(props)\n    const { pageMode } = inject(GLOBAL_CONFIG, {\n      pageMode: 'normal'\n    })\n    const loading = ref(false)\n    const handleRequestData = async () => {\n      if (props.dataType !== 'request' || unref(pageMode) === 'design') return\n\n      try {\n        loading.value = true\n        const res = await requestData()\n        dataSource.value = res?.data?.data.rows || []\n      } catch (e) {\n        console.error(e)\n      } finally {\n        loading.value = false\n      }\n    }\n\n    const refreshData = () => {\n      handleRequestData()\n    }\n\n    const emitEvent = useEmitEvent(props)\n\n    const click = emitEvent('click', () => {})\n\n    useOnEvent(props, {\n      refreshData\n    } as ListEvents)\n\n    const { setRequest } = inject(REQUEST_MODEL, {\n      // @ts-ignore\n      // eslint-disable-next-line no-void\n      setRequest: ({ id, sortNum, requestFn }: RequestModalParam) => void 0\n    })\n    setRequest({\n      id: props.id as string,\n      requestFn: handleRequestData,\n      sortNum: props.requestSort as number\n    })\n    return {\n      style,\n      formatFn,\n      columnStyle,\n      contrastClass,\n      dataSource,\n      loading,\n      click\n    }\n  }\n})\n</script>\n\n<style scoped lang=\"less\">\n  .ecan-list {\n    overflow: hidden;\n  }\n  .ecan-list-content {\n    width: 100%;\n    height: 100%;\n    overflow: auto;\n    display: flex;\n    align-content: flex-start;\n    flex-wrap: wrap;\n  }\n  .title {\n    position: absolute;\n    z-index: 9;\n    display: flex;\n    align-items: center;\n    height: 32px;\n    width: 100%;\n    font-size: 16px;\n    color: #ffffff;\n  }\n  .title-inner {\n    padding-left: 28px;\n    padding-right: 20px;\n    flex: 1;\n    display: flex;\n    height: 100%;\n  }\n  .title-placeholder {\n    width: 100%;\n    height: 32px;\n  }\n  .item {\n    display: flex;\n    align-items: center;\n    height: 32px;\n    padding-left: 28px;\n    padding-right: 20px;\n    width: 100%;\n    font-size: 16px;\n    color: #ffffff;\n  }\n  .column {\n    flex: 1;\n    overflow: hidden;\n    text-overflow: ellipsis;\n    white-space: nowrap;\n  }\n  .ranking {\n    flex: 1;\n    display: flex;\n    align-items: center;\n    flex-shrink: 0;\n    overflow: hidden;\n    text-overflow: ellipsis;\n    white-space: nowrap;\n  }\n  .icon {\n    width: 12px;\n    height: 8px;\n    background: #21BEF7;\n    margin-right: 17px;\n    opacity: .6;\n  }\n  .item:nth-child(2) .icon {\n    opacity: .8;\n  }\n  .item:first-child .icon{\n    opacity: 1;\n  }\n  .sort {\n    font-weight: 600;\n  }\n  .goUp {\n    color: #FF512E;\n    display: flex;\n    align-items: center;\n    &:before {\n      content: '';\n      display: block;\n      background: url(\"../../assets/go-up.png\");\n      width: 12px;\n      height: 12px;\n      background-repeat: no-repeat;\n      background-size: cover;\n      margin-right: 2px;\n    }\n  }\n\n  .goDown {\n    color: #39cf93;\n    display: flex;\n    align-items: center;\n    &:before {\n      content: '';\n      display: block;\n      background: url(\"../../assets/go-down.png\");\n      width: 12px;\n      height: 12px;\n      background-repeat: no-repeat;\n      background-size: cover;\n      margin-right: 2px;\n    }\n  }\n  .empty {\n    text-align: center;\n    margin-top: 15%;\n  }\n</style>\n\n<style lang=\"less\">\n.ecan-list {\n  *::-webkit-scrollbar-track {\n    background-color: #fff;\n  }\n\n  .ant-table-cell-scrollbar {\n    box-shadow: 0 1px 0 1px transparent;\n  }\n  *::-webkit-scrollbar {\n    width: 6px;\n    height: 6px;\n  }\n  *::-webkit-scrollbar-thumb {\n    border-radius: 6px;\n    -webkit-box-shadow:inset 0 0 6px rgba(0,0,0,.3);\n    background-color: #c8c9ca;\n  }\n}\n[datav-theme='darkBlue'] {\n  .ecan-list {\n    *::-webkit-scrollbar-thumb {\n      background-color: #2f4dac !important;\n    }\n    *::-webkit-scrollbar-track{\n      background-color: #192c70;\n    }\n    *::-webkit-scrollbar-corner {\n      background-color: #192c70 !important;\n    }\n    .empty {\n      color: #ffffff;\n    }\n  }\n}\n</style>\n"],"names":[],"mappings":";;;;;;;;;;;;AAyFA,MAAA,YAAe,gBAAgB;AAAA,EAC7B,MAAM;AAAA,EACN,YAAY,EAAE,SAAS;AAAA,EACvB,OAAO;AAAA,IACL,GAAG;AAAA,EACL;AAAA,EACA,MAAO,OAAO;AACN,UAAA,aAAa,IAA4B,MAAM,IAA8B;AACnF,UAAM,QAAQ,sBAAsB,OAAO,CAAC,iBAAiB,CAAC;AACxD,UAAA,cAAc,SAAS,MAAM;AACjC,UAAI,MAAM,YAAY;AACb,eAAA;AAAA,UACL,WAAW;AAAA,QAAA;AAAA,MACb,OACK;AACE,eAAA;AAAA,UACL,WAAW;AAAA,QAAA;AAAA,MAEf;AAAA,IAAA,CACD;AAEK,UAAA,WAAW,CAAC,OAAwB,WAAoB;AACxD,UAAA,UAAU,QAAQ,WAAW;AAAW,eAAA;AAC5C,YAAM,MAAM;AAAA,QACV,OAAO;AAAA,QACP,YAAY;AAAA,QACZ,UAAU;AAAA,MAAA;AAEZ,aAAO,IAAI,MAAM,EAAE,KAAK,KAAK;AAAA,IAAA;AAEzB,UAAA,gBAAgB,CAAC,OAAwB,WAAmB;AAC1D,YAAA,SAAS,WAAW,QAAQ,EAAE;AACpC,UAAI,WAAW,YAAY;AAClB,eAAA;AAAA,MACT;AACA,cAAQ,MAAM;AAAA,QACZ,KAAK,UAAU;AACN,iBAAA;AAAA,QACT,KAAK,SAAS;AACL,iBAAA;AAAA,MACX;AAAA,IAAA;AAEI,UAAA,cAAc,eAAe,KAAK;AACxC,UAAM,EAAE,SAAA,IAAa,OAAO,eAAe;AAAA,MACzC,UAAU;AAAA,IAAA,CACX;AACK,UAAA,UAAU,IAAI,KAAK;AACzB,UAAM,oBAAoB,YAAY;;AACpC,UAAI,MAAM,aAAa,aAAa,MAAM,QAAQ,MAAM;AAAU;AAE9D,UAAA;AACF,gBAAQ,QAAQ;AACV,cAAA,MAAM,MAAM;AAClB,mBAAW,UAAQ,gCAAK,SAAL,mBAAW,KAAK,SAAQ;eACpC;AACP,gBAAQ,MAAM,CAAC;AAAA,MAAA,UACf;AACA,gBAAQ,QAAQ;AAAA,MAClB;AAAA,IAAA;AAGF,UAAM,cAAc,MAAM;AACN;IAAA;AAGd,UAAA,YAAY,aAAa,KAAK;AAE9B,UAAA,QAAQ,UAAU,SAAS,MAAM;AAAA,IAAA,CAAE;AAEzC,eAAW,OAAO;AAAA,MAChB;AAAA,IAAA,CACa;AAEf,UAAM,EAAE,WAAA,IAAe,OAAO,eAAe;AAAA;AAAA;AAAA,MAG3C,YAAY,CAAC,EAAE,IAAI,SAAS,gBAAmC;AAAA,IAAA,CAChE;AACU,eAAA;AAAA,MACT,IAAI,MAAM;AAAA,MACV,WAAW;AAAA,MACX,SAAS,MAAM;AAAA,IAAA,CAChB;AACM,WAAA;AAAA,MACL;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,IAAA;AAAA,EAEJ;AACF,CAAC;"}

package/es/text/list/List.vue3.js

@@ -0,0 +1,5 @@
+const List_vue_vue_type_style_index_0_scoped_baf2ff0c_lang = "";
+export {
+  List_vue_vue_type_style_index_0_scoped_baf2ff0c_lang as default
+};
+//# sourceMappingURL=List.vue3.js.map

package/es/text/list/List.vue3.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"List.vue3.js","sources":[],"sourcesContent":[],"names":[],"mappings":";"}

package/es/text/list/List.vue4.js

@@ -0,0 +1,5 @@
+const List_vue_vue_type_style_index_1_lang = "";
+export {
+  List_vue_vue_type_style_index_1_lang as default
+};
+//# sourceMappingURL=List.vue4.js.map

package/es/text/list/List.vue4.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"List.vue4.js","sources":[],"sourcesContent":[],"names":[],"mappings":";"}

package/es/text/list/index.js

@@ -0,0 +1,12 @@
+import { withInstall } from "../../utils/withInstall.js";
+import List from "./List.vue.js";
+import { listComponentProps, listEvents, listProps } from "./props.js";
+const EcanList = withInstall(List);
+export {
+  EcanList,
+  EcanList as default,
+  listComponentProps,
+  listEvents,
+  listProps
+};
+//# sourceMappingURL=index.js.map

package/es/text/list/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../src/text/list/index.ts"],"sourcesContent":["import { withInstall } from '../../utils/withInstall'\nimport List from './List.vue'\nexport const EcanList = withInstall(List)\nexport default EcanList\nexport * from './props'\n"],"names":[],"mappings":";;;AAEa,MAAA,WAAW,YAAY,IAAI;"}

package/es/text/list/props.js

@@ -0,0 +1,43 @@
+import { transformToComponentProps, props } from "../../utils/props.js";
+const listProps = {
+  ...props,
+  type: "ecanList",
+  name: "列表",
+  keyName: "列表",
+  width: "330px",
+  height: "80px",
+  backgroundColor: "#0d215e",
+  itemColSpan: "10px",
+  itemRowSpan: "10px",
+  useRanking: true,
+  useTitle: false,
+  sliceCount: 6,
+  columnCount: 1,
+  itemHeight: "32px",
+  data: [
+    {
+      name: "a",
+      age: 12
+    },
+    {
+      name: "b",
+      age: 14
+    }
+  ],
+  columns: [
+    {
+      key: "name"
+    },
+    {
+      key: "age"
+    }
+  ]
+};
+const listComponentProps = transformToComponentProps(listProps);
+const listEvents = ["refreshData", "click"];
+export {
+  listComponentProps,
+  listEvents,
+  listProps
+};
+//# sourceMappingURL=props.js.map

package/es/text/list/props.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"props.js","sources":["../../../src/text/list/props.ts"],"sourcesContent":["import {\n  Props,\n  props,\n  transformToComponentProps\n} from '@/utils/props'\n\nexport interface ListProps extends Props {\n  data: { [key: string]: any } []\n  columns: { [key: string]: any } []\n  sliceCount: number,\n  backgroundColor: string\n  useRanking: boolean\n  useTitle: boolean\n  columnCount: number\n  itemHeight: string\n  itemColSpan: string\n  itemRowSpan: string\n}\n\nexport const listProps:ListProps = {\n  ...props,\n  type: 'ecanList',\n  name: '列表',\n  keyName: '列表',\n  width: '330px',\n  height: '80px',\n  backgroundColor: '#0d215e',\n  itemColSpan: '10px',\n  itemRowSpan: '10px',\n  useRanking: true,\n  useTitle: false,\n  sliceCount: 6,\n  columnCount: 1,\n  itemHeight: '32px',\n  data: [\n    {\n      name: 'a',\n      age: 12\n    },\n    {\n      name: 'b',\n      age: 14\n    }\n  ],\n  columns: [\n    {\n      key: 'name'\n    },\n    {\n      key: 'age'\n    }\n  ]\n}\n\nexport const listComponentProps = transformToComponentProps(listProps)\n\nexport interface ListEvents {\n  refreshData: () => void\n  click: () => void\n}\n\nexport const listEvents: Array<keyof ListEvents> = ['refreshData', 'click']\n"],"names":[],"mappings":";AAmBO,MAAM,YAAsB;AAAA,EACjC,GAAG;AAAA,EACH,MAAM;AAAA,EACN,MAAM;AAAA,EACN,SAAS;AAAA,EACT,OAAO;AAAA,EACP,QAAQ;AAAA,EACR,iBAAiB;AAAA,EACjB,aAAa;AAAA,EACb,aAAa;AAAA,EACb,YAAY;AAAA,EACZ,UAAU;AAAA,EACV,YAAY;AAAA,EACZ,aAAa;AAAA,EACb,YAAY;AAAA,EACZ,MAAM;AAAA,IACJ;AAAA,MACE,MAAM;AAAA,MACN,KAAK;AAAA,IACP;AAAA,IACA;AAAA,MACE,MAAM;AAAA,MACN,KAAK;AAAA,IACP;AAAA,EACF;AAAA,EACA,SAAS;AAAA,IACP;AAAA,MACE,KAAK;AAAA,IACP;AAAA,IACA;AAAA,MACE,KAAK;AAAA,IACP;AAAA,EACF;AACF;AAEa,MAAA,qBAAqB,0BAA0B,SAAS;AAOxD,MAAA,aAAsC,CAAC,eAAe,OAAO;"}

package/es/text/proportion/Proportion.vue.js

@@ -0,0 +1,48 @@
+import _sfc_main from "./Proportion.vue2.js";
+import { resolveComponent, openBlock, createElementBlock, normalizeStyle, createVNode, withCtx, createBlock, toDisplayString } from "vue";
+import "./Proportion.vue3.js";
+import _export_sfc from "../../_virtual/_plugin-vue_export-helper.js";
+function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
+  const _component_skeleton = resolveComponent("skeleton");
+  const _component_a_progress = resolveComponent("a-progress");
+  return openBlock(), createElementBlock("div", {
+    class: "ecan-proportion",
+    style: normalizeStyle(_ctx.style)
+  }, [
+    createVNode(_component_a_progress, {
+      class: "progress",
+      percent: _ctx.myValue,
+      width: _ctx.myWidth,
+      type: _ctx.strokeType,
+      strokeColor: _ctx.strokeColor,
+      strokeLinecap: _ctx.strokeLinecap,
+      trailColor: _ctx.trailColor,
+      strokeWidth: _ctx.strokeWidth,
+      gapDegree: _ctx.strokeType === "dashboard" ? 75 : 0,
+      onClick: _ctx.click
+    }, {
+      format: withCtx(() => [
+        _ctx.loading ? (openBlock(), createBlock(_component_skeleton, {
+          key: 0,
+          loading: _ctx.loading
+        }, null, 8, ["loading"])) : (openBlock(), createElementBlock("div", {
+          key: 1,
+          class: "format",
+          style: normalizeStyle({
+            width: _ctx.strokeTextWidth,
+            fontSize: _ctx.fontSize,
+            color: _ctx.color,
+            fontWeight: _ctx.fontWeight,
+            lineHeight: _ctx.lineHeight
+          })
+        }, toDisplayString(_ctx.text), 5))
+      ]),
+      _: 1
+    }, 8, ["percent", "width", "type", "strokeColor", "strokeLinecap", "trailColor", "strokeWidth", "gapDegree", "onClick"])
+  ], 4);
+}
+const Proportion = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render], ["__scopeId", "data-v-304d430d"]]);
+export {
+  Proportion as default
+};
+//# sourceMappingURL=Proportion.vue.js.map

package/es/text/proportion/Proportion.vue.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Proportion.vue.js","sources":["../../../src/text/proportion/Proportion.vue"],"sourcesContent":["<template>\n  <div class=\"ecan-proportion\" :style=\"style\">\n    <a-progress\n      class=\"progress\"\n      :percent=\"myValue\"\n      :width=\"myWidth\"\n      :type=\"strokeType\"\n      :strokeColor=\"strokeColor\"\n      :strokeLinecap=\"strokeLinecap\"\n      :trailColor=\"trailColor\"\n      :strokeWidth=\"strokeWidth\"\n      :gapDegree=\"strokeType === 'dashboard' ? 75 : 0\"\n      @click=\"click\"\n    >\n      <template #format>\n        <skeleton v-if=\"loading\" :loading=\"loading\"/>\n        <div\n          v-else\n          class=\"format\"\n          :style=\"{\n            width: strokeTextWidth,\n            fontSize,\n            color,\n            fontWeight,\n            lineHeight\n          }\">\n          {{ text }}\n        </div>\n      </template>\n    </a-progress>\n  </div>\n</template>\n\n<script lang=\"ts\">\nimport { computed, defineComponent, inject, ref, unref, watch } from 'vue'\nimport 'ant-design-vue/es/progress/style'\nimport { Progress as AProgress } from 'ant-design-vue'\nimport { useEmitEvent, useOnEvent, usePickComponentStyle, useRequestData } from '@/hooks'\nimport { proportionComponentProps } from './props'\nimport { GLOBAL_CONFIG, REQUEST_MODEL } from '@/utils/constant'\nimport Skeleton from '../../common/skeleton'\nimport { RequestModalParam } from '@/utils/types'\nexport default defineComponent({\n  name: 'EcanProportion',\n  components: {\n    AProgress,\n    Skeleton\n  },\n  props: {\n    ...proportionComponentProps\n  },\n  setup (props) {\n    const { pageMode } = inject(GLOBAL_CONFIG, {\n      pageMode: 'normal'\n    })\n    const style = usePickComponentStyle(props)\n    const myWidth = computed(() => {\n      const width = props.width as string\n      return parseFloat(width)\n    })\n    const myData = ref<{ [key:string]: any }>({})\n    watch(() => props.data, () => {\n      if (props.dataType === 'static' || unref(pageMode) === 'design') {\n        myData.value = props.data as { [key:string]: any }\n      }\n    }, {\n      immediate: true,\n      deep: true\n    })\n    const myValue = computed(() => {\n      const data = unref(myData)\n      const defaultValue = +(props.variableDefaultValue)\n      if (data == null) {\n        if (!isNaN(defaultValue)) {\n          return defaultValue\n        } else {\n          return 0\n        }\n      }\n      const variables = (props.text as string).match(/\\{.+\\}/g) || []\n      let value\n      const valueSet = new Set(Object.keys(data))\n      for (let i = 0; i < variables.length; i++) {\n        const variable = variables[i]\n        const key = variable.slice(1, variable.length - 1)\n        if (valueSet.has(key)) {\n          value = data[key]\n          break\n        }\n      }\n\n      if (typeof value === 'number') {\n        value = value * 100\n      } else if (typeof value === 'string' && !isNaN(+value)) {\n        value = (+value) * 100\n      } else if (!isNaN(defaultValue)) {\n        value = defaultValue * 100\n      } else {\n        value = 0\n      }\n\n      if (props.decimalFormat) {\n        value = +value.toFixed(2)\n      }\n      return value\n    })\n    const text = computed(() => {\n      let text = props.text as string\n      if (text === '') return unref(myValue)\n      const defaultValue = props.variableDefaultValue as string // 变量默认值\n      const data = unref(myData) // { a: 1, b: 2 }\n      const variables = (text).match(/\\{.+\\}/g) || []\n      for (let i = 0; i < variables.length; i++) {\n        const variable = variables[i]\n        let statement = variable.slice(1, variable.length - 1) // { a - b} => a - b\n        const textVariables = statement.match(/.*/g) // a - b => [a,b]\n        for (let j = 0; j < textVariables?.length; j++) { // \"1 - 2\"\n          const textVariable = textVariables[i]?.trim()\n          if (data[textVariable] != null) {\n            statement = statement.replace(textVariable, data[textVariable])\n          } else {\n            statement = statement.replace(textVariable, defaultValue)\n          }\n        }\n        // 匹配加减乘除\n        let usedVariable:number | string = statement\n        // 运行表达式\n        try {\n          if ((/\\w+[+\\-*/%]+\\w+/g).test(statement)) {\n            // eslint-disable-next-line no-eval\n            const eval2 = eval\n            usedVariable = eval2(statement)\n          }\n        } catch (e) {\n          console.error(e)\n        }\n        if (typeof usedVariable === 'number' || !isNaN(+usedVariable)) {\n          usedVariable = (+usedVariable * 100)\n          if (props.decimalFormat) {\n            usedVariable = usedVariable.toFixed(2)\n          }\n        }\n        text = text.replace(variable, usedVariable + '')\n      }\n      return text\n    })\n    const requestData = useRequestData(props)\n    const loading = ref(false)\n    const handleRequestData = async () => {\n      if (props.dataType !== 'request' || unref(pageMode) === 'design') return\n      try {\n        loading.value = true\n        const res = await requestData()\n        myData.value = res?.data?.data || {}\n      } catch (e) {\n        console.error(e)\n      } finally {\n        loading.value = false\n      }\n    }\n    const refreshData = () => {\n      handleRequestData()\n    }\n    useOnEvent(props, {\n      refreshData\n    })\n\n    const emitEvent = useEmitEvent(props)\n\n    const click = emitEvent('click', () => {})\n\n    const { setRequest } = inject(REQUEST_MODEL, {\n      // @ts-ignore\n      // eslint-disable-next-line no-void\n      setRequest: ({ id, sortNum, requestFn }: RequestModalParam) => void 0\n    })\n\n    setRequest({\n      id: props.id as string,\n      requestFn: handleRequestData,\n      sortNum: props.requestSort as number\n    })\n\n    return {\n      style,\n      myWidth,\n      text,\n      myValue,\n      loading,\n      click\n    }\n  }\n})\n</script>\n\n<style scoped lang=\"less\">\n.ecan-proportion {\n  overflow: hidden;\n}\n\n.progress {\n  width: 100%;\n  height: 100%;\n}\n\n.format {\n  margin: 0 auto;\n}\n</style>\n"],"names":["_resolveComponent","_openBlock","_createElementBlock","_normalizeStyle","_withCtx","_createBlock"],"mappings":";;;;;;gCACEA,iBA6BM,YAAA;SA7B6BC,UAAO,GAAAC,mBAAA,OAAA;AAAA,IAAA,OAAA;AAAA,IACxC,OA2BaC,eAAA,KAAA,KAAA;AAAA,EAAA,GAAA;AAAA,gBAzBD,uBAAO;AAAA,MAChB,OAAO;AAAA,MACP,SAAM,KAAA;AAAA,MACN,OAAW,KAAA;AAAA,MACX,MAAA,KAAA;AAAA,MACA,aAAY,KAAA;AAAA,MACZ,eAAa,KAAA;AAAA,MACb,YAAW,KAAA;AAAA,MACX,aAAO,KAAA;AAAA,MAAA,WAAA,KAAA,eAAA,cAAA,KAAA;AAAA,MAEG,SAAM,KAAA;AAAA,IAAA,GAAA;AAAA,MACf,QAAAC,QAAA,MAAA;AAAA,QAAA,KAAA,WAAAH,aAA0CI,YAAA,qBAAA;AAAA,UAAA,KAAA;AAAA,UAC1C,SAAA,KAAA;AAAA,QAAA,GAAA,MAAA,GAAA,CAAA,SAAA,CAAA,MAAAJ,UAEgB,GAAAC,mBAAA,OAAA;AAAA,UACb,KAAK;AAAA,UAAuB,OAAA;AAAA,UAAqC,OAAAC,eAAA;AAAA,YAAc,OAAA,KAAA;AAAA,YAAmB,UAAA,KAAA;AAAA,YAAwB,OAAA,KAAA;AAAA,YAAA,YAAA,KAAA;AAAA;;;;;;;;;"}